diff --git a/dist/zinggrid.es5.min.js b/dist/zinggrid.es5.min.js
index b0bfc24..dab3e22 100644
--- a/dist/zinggrid.es5.min.js
+++ b/dist/zinggrid.es5.min.js
@@ -1,2 +1,7 @@
-/*! For license information please see zinggrid.es5.min.js.LICENSE.txt */
-(()=>{var e={26981:(e,t,o)=>{"use strict";o(11983);var n,r=(n=o(40115))&&n.__esModule?n:{default:n};r.default._babelPolyfill&&"undefined"!=typeof console&&console.warn&&console.warn("@babel/polyfill is loaded more than once on this page. This is probably not desirable/intended and may have consequences if different versions of the polyfills are applied sequentially. If you do need to load the polyfill more than once, use @babel/polyfill/noConflict instead to bypass the warning."),r.default._babelPolyfill=!0},11983:(e,t,o)=>{"use strict";o(16266),o(10990),o(70911),o(14160),o(6197),o(96728),o(54039),o(93568),o(78051),o(38250),o(15434),o(54952),o(96337),o(35666)},84981:(e,t,o)=>{"use strict";o.d(t,{Z:()=>de});var n=o(87822);o(96766);var r=o(37486);const i={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",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:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",gold:"#ffd700",goldenrod:"#daa520",greenyellow:"#adff2f",gray:"#808080",green:"#008000",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:"#778899",lightslategrey:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",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",purple:"#800080",powderblue:"#b0e0e6",rebeccapurple:"#663399",red:"#ff0000",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:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd3"};function a(e,t,o){return(t=d(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function l(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,d(n.key),n)}}function d(e){var t=function(e,t){if("object"!==s(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===s(t)?t:String(t)}const c=function(){function e(t){var o=t.color,r=t.cell,a=t.column;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e);var s=n.Z.columnType.color,l=s.modes,d=s.modeAttr,c=s.modeDefault,u=s.notConvertedClass,h=s.notValidClass,f=s.previewAttr,p=s.previewDefault,g=s.spaces,m=s.spacesAttr,b=s.transparent;this.modeAttr=d,this.previewAttr=f,this.spacesAttr=m,this.modeDefault=c,this.previewDefault=p,this.modes=l;var v=l.hexAlpha,y=l.hexLong,w=l.hexShort,z=l.hsl,C=l.hsla,S=l.name,k=l.rgb,x=l.rgba;this.hexAlpha=v,this.hexLong=y,this.hexShort=w,this.hsl=z,this.hsla=C,this.name=S,this.rgb=k,this.rgba=x,this.spaces=g,this.transparent=b,this.notConvertedClass=u,this.notValidClass=h,this.colorNames=i,this.colorKeys=Object.keys(this.colorNames),this.colorValues=Object.values(this.colorNames),this.cell=r,this.color=this.convertColorForConversions(o),this.colorRaw=o,this.colorMode=this.getModeFromColor(),this.colorIsTransparent=this.isColorTransparent(),a&&(this.column=a,this.columnHasModeAttr=this.getAttrFromColumn(d),this.columnHasPreviewAttr=this.getAttrFromColumn(f),this.columnHasSpacesAttr=this.getAttrFromColumn(m),this.modeTarget=this.getModeFromAttr(a),this.previewTarget=this.getPreviewFromAttr(a),this.spacesTarget=this.getSpacesFromAttr(a)),this.separator=this.setSeparator()}var t,o,r;return t=e,(o=[{key:"getModeFromAttr",value:function(){var e=this.modeDefault,t=this.columnHasModeAttr;return Object.values(this.modes).indexOf(t)>-1&&(e=t),t&&-1===Object.values(this.modes).indexOf(t)&&this.addInvalidClass(),e}},{key:"getPreviewFromAttr",value:function(){return"disabled"!==this.columnHasPreviewAttr}},{key:"getSpacesFromAttr",value:function(){var e=this.columnHasSpacesAttr;return e&&e===this.spaces.invalid?this.spaces.invalid:e&&e===this.spaces.inherit?this.spaces.inherit:this.spaces.valid}},{key:"formatColor",value:function(){var e,t;this.columnHasModeAttr&&!this.colorMode?(e=this.color,t=!0):(e=this.convertColor(),t=!1);var o=e;if(this.previewTarget){var n=t||this.colorIsTransparent||!this.colorMode?"#ebebeb":"transparent";o='\n        <div style="display:flex;align-items:center;">\n          <span style="margin-right:7px;width:15px;height:15px;background-color:'.concat(e,";border:1px solid ").concat(n,';border-radius:2px;"></span>\n          <span>').concat(e,"</span>\n        </div>\n      ").trim()}return o}},{key:"isColorTransparent",value:function(){if(this.colorRaw===this.transparent)return!0;var e=this.getParts(this.color);return 4===e.length&&"0"===e[3]}},{key:"convertColor",value:function(){var e=this.color;switch(this.modeTarget){case this.hexAlpha:case this.hexLong:case this.hexShort:e=this.convertToHex();break;case this.hsl:case this.hsla:e=this.convertToHsl();break;case this.name:e=this.convertToName();break;case this.rgb:case this.rgba:e=this.convertToRgb()}return e||"--"}},{key:"convertToHex",value:function(e){var t=this.colorMode;switch(e&&(this.modeTarget=e),t){case this.hexAlpha:case this.hexLong:case this.hexShort:return this.convertHexToHex();case this.hsl:case this.hsla:return this.convertHslToHex();case this.rgb:case this.rgba:return this.convertRgbToHex();case this.name:return this.convertNameToHex()}}},{key:"convertToHsl",value:function(){switch(this.colorMode){case this.hexAlpha:case this.hexLong:case this.hexShort:return this.convertHexToHsl();case this.hsl:case this.hsla:return this.convertHslToHsl();case this.rgb:case this.rgba:return this.convertRgbToHsl();case this.name:return this.convertNameToHsl()}}},{key:"convertToName",value:function(){switch(this.colorMode){case this.hexAlpha:case this.hexLong:case this.hexShort:return this.convertHexToName();case this.hsl:case this.hsla:return this.convertHslToName();case this.rgb:case this.rgba:return this.convertRgbToName();case this.name:return this.convertNameToName()}}},{key:"convertToRgb",value:function(){switch(this.colorMode){case this.hexAlpha:case this.hexLong:case this.hexShort:return this.convertHexToRgb();case this.hsl:case this.hsla:return this.convertHslToRgb();case this.rgb:case this.rgba:return this.convertRgbToRgb();case this.name:return this.convertNameToRgb()}}},{key:"convertHexToHex",value:function(){var e=this.color,t=this.color.length,o=this.modeTarget===this.hexAlpha,n=this.modeTarget===this.hexShort,r=this.modeTarget===this.hexLong,i=9===t,a=4===t,s=7===t;if(o){if(i)return e;if(s)return"".concat(e,"ff");if(a)return"".concat(this.getLongHex(e),"ff")}if(r){if(i)return e.substring(0,t-2);if(s)return e;if(a)return this.getLongHex(e)}if(n){if(i)return this.getShortHex(e);if(s)return this.getShortHex(e);if(a)return e}}},{key:"convertHexToHsl",value:function(){var e=this.getAlphaHex(),t=this.separator,o=this.modeTarget===this.hsl,n=this.modeTarget===this.hsla;return function(e){if(!/^#([\da-f]{4}){1,2}$/i.test(e))return"Invalid input color";var r=0,i=0,a=0,s=1;5==e.length?(r="0x"+e[1]+e[1],i="0x"+e[2]+e[2],a="0x"+e[3]+e[3],s="0x"+e[4]+e[4]):9==e.length&&(r="0x"+e[1]+e[2],i="0x"+e[3]+e[4],a="0x"+e[5]+e[6],s="0x"+e[7]+e[8]),r/=255,i/=255,a/=255;var l=Math.min(r,i,a),d=Math.max(r,i,a),c=d-l,u=0,h=0,f=0;return u=0==c?0:d==r?(i-a)/c%6:d==i?(a-r)/c+2:(r-i)/c+4,(u=Math.round(60*u))<0&&(u+=360),f=(d+l)/2,h=+(100*(h=0==c?0:c/(1-Math.abs(2*f-1)))).toFixed(1),f=+(100*f).toFixed(1),s="0"===(s="1"===(s=(s/255).toFixed(2))[0]?1:s)[0]?s.substring(1):s,h="".concat(parseInt(h),"%"),f="".concat(parseInt(f),"%"),n?"hsla(".concat(u).concat(t).concat(h).concat(t).concat(f).concat(t).concat(s,")"):o?"hsl(".concat(u).concat(t).concat(h).concat(t).concat(f,")"):void 0}(e)}},{key:"convertHexToName",value:function(){var e=this.getLongHex(this.color);return this.matchHexToName(e)}},{key:"convertHexToRgb",value:function(){var e,t,o,n=this.getAlphaHex(),r=this.separator,i=this.modeTarget===this.rgb,a=this.modeTarget===this.rgba,s="";return""==n&&(n="000000"),"#"==n[0]&&(n=n.substring(1,n.length)),3==n.length?(e="".concat(n.substring(0,1)).concat(n.substring(0,1)),t="".concat(n.substring(1,2)).concat(n.substring(1,2)),o="".concat(n.substring(2,3)).concat(n.substring(2,3))):(e=n.substring(0,2),t=n.substring(2,4),o=n.substring(4,6)),8==n.length&&(s=(parseInt(n.substring(6,8),16)/255).toFixed(2)),e=parseInt(e,16),t=parseInt(t,16),o=parseInt(o,16),s="0"===(s="1"===s[0]?parseInt(s):s)[0]?s.substring(1):s,i?"rgb(".concat(e).concat(r).concat(t).concat(r).concat(o,")"):a?"rgba(".concat(e).concat(r).concat(t).concat(r).concat(o).concat(r).concat(s,")"):void 0}},{key:"convertHslToHex",value:function(){var e=this.formatParts("hsl",this.color),t=this.convertHslToRgb(e);return this.convertRgbToHex(t)}},{key:"convertHslToHsl",value:function(){this.color;var e=this.formatParts("hsl",this.color),t=(e.H,e.S,e.L,e.A,e.display),o=e.displayAlpha,n=this.modeTarget===this.hsl,r=this.modeTarget===this.hsla;return this.colorMode=this.hsla,this.colorMode=this.hsl,r?o:n?t:void 0}},{key:"convertHslToName",value:function(){if(this.colorIsTransparent)return this.returnTransparent();var e=this.convertHslToHex().display;return this.matchHexToName(e)}},{key:"convertHslToRgb",value:function(e){e&&"object"!==!s(e)||(e=this.formatParts("hsl",this.color));var t=e,o=t.H,n=t.S,r=t.L,i=t.A,a=void 0===i?1:i,l=t.display,d=0,c=0,u=0,f=this.separator;return function(e,t){var i=!1;if(/^hsl\(((((([12]?[1-9]?\d)|[12]0\d|(3[0-5]\d))(\.\d+)?)|(\.\d+))(deg)?|(0|0?\.\d+)turn|(([0-6](\.\d+)?)|(\.\d+))rad)((,\s?(([1-9]?\d(\.\d+)?)|100|(\.\d+))%){2}|(\s(([1-9]?\d(\.\d+)?)|100|(\.\d+))%){2})\)$/i.test(e)){e=e.substr(4).split(")")[0].split(f),i=!0===i,n=e[1].substr(0,e[1].length-1)/100,r=e[2].substr(0,e[2].length-1)/100,o.indexOf("deg")>-1?o=o.substr(0,o.length-3):o.indexOf("rad")>-1?o=Math.round(h.substr(0,o.length-3)/(2*Math.PI)*360):o.indexOf("turn")>-1&&(o=Math.round(360*h.substr(0,o.length-4))),o>=360&&(o%=360);var s=(1-Math.abs(2*r-1))*n,l=s*(1-Math.abs(o/60%2-1)),p=r-s/2;0<=o&&o<60?(d=s,c=l,u=0):60<=o&&o<120?(d=l,c=s,u=0):120<=o&&o<180?(d=0,c=s,u=l):180<=o&&o<240?(d=0,c=l,u=s):240<=o&&o<300?(d=l,c=0,u=s):300<=o&&o<360&&(d=s,c=0,u=l),d=Math.round(255*(d+p)),c=Math.round(255*(c+p)),u=Math.round(255*(u+p)),i&&(d=+(d/255*100).toFixed(1),c=+(c/255*100).toFixed(1),u=+(u/255*100).toFixed(1));var g={R:d,G:c,B:u,A:a,display:"rgb(".concat(d).concat(f).concat(c).concat(f).concat(u,")"),displayAlpha:"rgba(".concat(d).concat(f).concat(c).concat(f).concat(u).concat(f).concat(a,")")},m=t.modeTarget===t.rgb,b=t.modeTarget===t.rgba;return m?g.display:b?g.displayAlpha:g}return"Invalid color"}(l,this)}},{key:"convertNameToHex",value:function(){var e=this.color,t=this.modeTarget===this.hexAlpha,o=this.modeTarget===this.hexShort,n=this.modeTarget===this.hexLong,r=this.colorNames[e.toLowerCase()];return r?t?"".concat(r,"ff"):n?r:o?this.getShortHex(r):void 0:this.setNotConvertedState()}},{key:"convertNameToHsl",value:function(){var e=this.color,t=this.colorNames[e.toLowerCase()];return t?(this.color=t,this.convertHexToHsl()):this.setNotConvertedState()}},{key:"convertNameToName",value:function(){return this.color}},{key:"convertNameToRgb",value:function(){var e=this.color,t=this.colorNames[e.toLowerCase()];return t?(this.color=t,this.convertHexToRgb()):this.setNotConvertedState()}},{key:"convertRgbToHex",value:function(e){e&&"object"!==!s(e)||(e=this.formatParts("rgb",this.color));var t=e,o=t.R,n=t.G,r=t.B,i=t.A,a=void 0===i?1:i,l=(t.display,"rgba(".concat(o,",").concat(n,",").concat(r,",").concat(a,")"));if(this.separator,/^rgba\((((((((1?[1-9]?\d)|10\d|(2[0-4]\d)|25[0-5]),\s?)){3})|(((([1-9]?\d(\.\d+)?)|100|(\.\d+))%,\s?){3}))|(((((1?[1-9]?\d)|10\d|(2[0-4]\d)|25[0-5])\s){3})|(((([1-9]?\d(\.\d+)?)|100|(\.\d+))%\s){3}))\/\s)((0?\.\d+)|[01]|(([1-9]?\d(\.\d+)?)|100|(\.\d+))%)\)$/i.test(l)){for(var d in(l=(l=l.substr(5).split(")")[0]).split(",")).indexOf("/")>-1&&l.splice(3,1),l){var c=l[d];if(c.indexOf("%")>-1){var u=c.substr(0,c.length-1)/100;l[d]=d<3?Math.round(255*u):u}}o=(+l[0]).toString(16),n=(+l[1]).toString(16),r=(+l[2]).toString(16),a=Math.round(255*+l[3]).toString(16),1==o.length&&(o="0"+o),1==n.length&&(n="0"+n),1==r.length&&(r="0"+r),1==a.length&&(a="0"+a);var h=this.getShortHex("#".concat(o).concat(n).concat(r)),f=this.modeTarget===this.hexAlpha,p=this.modeTarget===this.hexShort,g=this.modeTarget===this.hexLong;return f?"#".concat(o).concat(n).concat(r).concat(a):g?"#".concat(o).concat(n).concat(r):p?h:{R:o,G:n,B:r,A:a,display:"#".concat(o).concat(n).concat(r),displayAlpha:"#".concat(o).concat(n).concat(r).concat(a),displayShort:h}}return"Invalid color"}},{key:"convertRgbToHsl",value:function(e){e&&"object"!==!s(e)||(e=this.formatParts("rgb",this.color));var t=e,o=t.R,n=t.G,r=t.B,i=t.A,a=void 0===i?1:i,l=(t.display,t.displayAlpha),d=0,c=0,u=0,h=this.separator;return function(e,t){if(/^rgba\((((((((1?[1-9]?\d)|10\d|(2[0-4]\d)|25[0-5]),\s?)){3})|(((([1-9]?\d(\.\d+)?)|100|(\.\d+))%,\s?){3}))|(((((1?[1-9]?\d)|10\d|(2[0-4]\d)|25[0-5])\s){3})|(((([1-9]?\d(\.\d+)?)|100|(\.\d+))%\s){3}))\/\s)((0?\.\d+)|[01]|(([1-9]?\d(\.\d+)?)|100|(\.\d+))%)\)$/i.test(e)){for(var i in(e=e.substr(5).split(")")[0].split(h)).indexOf("/")>-1&&e.splice(3,1),e){var s=e[i];if(s.indexOf("%")>-1){var l=s.substr(0,s.length-1)/100;i<3&&(e[i]=Math.round(255*l))}}o=e[0]/255,n=e[1]/255,r=e[2]/255,a=e[3];var f=Math.min(o,n,r),p=Math.max(o,n,r),g=p-f;d=0==g?0:p==o?(n-r)/g%6:p==n?(r-o)/g+2:(o-n)/g+4,(d=Math.round(60*d))<0&&(d+=360),u=(p+f)/2,c=+(100*(c=0==g?0:g/(1-Math.abs(2*u-1)))).toFixed(1),u=+(100*u).toFixed(1),c="".concat(parseInt(c),"%"),u="".concat(parseInt(u),"%");var m={H:d,S:c,L:u,A:a,display:"hsl(".concat(d).concat(h).concat(c).concat(h).concat(u,")"),displayAlpha:"hsla(".concat(d).concat(h).concat(c).concat(h).concat(u).concat(h).concat(a,")")},b=t.modeTarget===t.hsl,v=t.modeTarget===t.hsla;return b?m.display:v?m.displayAlpha:m}return"Invalid input color"}(l,this)}},{key:"convertRgbToName",value:function(){if(this.colorIsTransparent)return this.returnTransparent();var e=this.convertRgbToHex().display;return this.matchHexToName(e)}},{key:"convertRgbToRgb",value:function(){this.color;var e=this.formatParts("rgb",this.color),t=(e.R,e.G,e.B,e.A,e.display),o=e.displayAlpha,n=this.modeTarget===this.rgb,r=this.modeTarget===this.rgba;return this.colorMode=this.rgba,this.colorMode=this.rgb,r?o:n?t:void 0}},{key:"addNotConvertedClass",value:function(){this.cell.classList.add(this.notConvertedClass)}},{key:"addInvalidClass",value:function(){this.cell.classList.add(this.notValidClass)}},{key:"convertColorForConversions",value:function(e){return this.columnHasModeAttr&&e===this.transparent?"rgba(0, 0, 0, 0)":e}},{key:"formatParts",value:function(e,t){var o,n=e.toUpperCase(),r=this.getParts(t),i=this.separator,s=r[3]||1,l=n[0],d=n[1],c=n[2];return a(o={},l,r[0]),a(o,d,r[1]),a(o,c,r[2]),a(o,"A",s),a(o,"display","".concat(e,"(").concat(r[0]).concat(i).concat(r[1]).concat(i).concat(r[2],")")),a(o,"displayAlpha","".concat(e,"a(").concat(r[0]).concat(i).concat(r[1]).concat(i).concat(r[2]).concat(i).concat(s,")")),o}},{key:"getAlphaHex",value:function(){var e=this.color;return 4===e.length?"#".concat(e[1]).concat(e[1]).concat(e[2]).concat(e[2]).concat(e[3]).concat(e[3],"ff"):7===e.length?"".concat(e,"ff"):e}},{key:"getAttrFromColumn",value:function(e){return this.column.getAttribute(e)}},{key:"getLongHex",value:function(e){return 4!==e.length?e:"#".concat(e[1]).concat(e[1]).concat(e[2]).concat(e[2]).concat(e[3]).concat(e[3])}},{key:"getModeFromColor",value:function(){var e,t=this.color;return"#"===t[0]?(4===t.length&&(e=this.hexShort),7===t.length&&(e=this.hexLong),9===t.length&&(e=this.hexAlpha)):e=t.includes("".concat(this.hsl,"("))?this.hsl:t.includes("".concat(this.hsla,"("))?this.hsla:t.includes("".concat(this.rgb,"("))?this.rgb:t.includes("".concat(this.rgba,"("))?this.rgba:!!this.isColorNameMatch(t)&&this.name,e}},{key:"getParts",value:function(e){var t=e.replace(/ /g,""),o=t.indexOf("(")+1;return t.substring(o,t.length-1).split(",")}},{key:"getPercentage",value:function(e){var t=parseFloat(e).toFixed(2);return"".concat(Math.round(100*t),"%")}},{key:"getShortHex",value:function(e){var t=this.getShortHexPart("".concat(e[1]).concat(e[2])),o=this.getShortHexPart("".concat(e[3]).concat(e[4])),r=this.getShortHexPart("".concat(e[5]).concat(e[6])),i="#".concat(t).concat(o).concat(r);return 4===i.length?i:this.colorMode===n.Z.columnType.color.modes.name?(this.addNotConvertedClass(),e):this.setNotConvertedState()}},{key:"getShortHexPart",value:function(e){return e[0]===e[1]?e[0]:e}},{key:"isColorNameMatch",value:function(e){return this.colorKeys.filter((function(t){return t===e.toLowerCase()}))[0]}},{key:"isColorNameHexMatch",value:function(e){var t,o=this;return this.colorValues.forEach((function(n,r){return n===e.toLowerCase()?t=o.colorKeys[r]:n})),t}},{key:"matchHexToName",value:function(e){var t=this.isColorNameHexMatch(e);return t||this.setNotConvertedState()}},{key:"returnTransparent",value:function(){return this.colorRaw===this.transparent?this.colorRaw:this.colorIsTransparent?this.setNotConvertedState():void 0}},{key:"setNotConvertedState",value:function(){return this.columnHasModeAttr&&this.addNotConvertedClass(),this.color}},{key:"setNotValidState",value:function(){return this.columnHasModeAttr&&this.addInvalidClass(),this.color}},{key:"setSeparator",value:function(){return this.spacesTarget===this.spaces.invalid?",":this.spacesTarget===this.spaces.inherit?this.color.includes(" ")||this.colorMode===this.modes.name?", ":",":", "}},{key:"init",value:function(){return this.formatColor()}}])&&l(t.prototype,o),r&&l(t,r),Object.defineProperty(t,"prototype",{writable:!1}),e}();var u=o(19791);var f=o(1009);var p=o(2568);const g=function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var i=t[t.length-2],a=t[t.length-1],s=r.Ld.formatCellData({args:t,cellDOM:i,cellSE:a});if(!s)return"";var l=a.widget.store,d=a.rawData()||s,c=a._columnConfig.sTypeImageSrc||d;if(a._columnConfig.sTypeImageSrc&&(c=l.processTemplate(c,null,a)),!c||"string"!=typeof c)return"";c=c.split(" ");var u="";return c.forEach((function(e){return u+=function(e,t){var o=t.widget.store,i=t._columnConfig.sCellType===n.Z.cellTypes.gravatar,a=t._columnConfig.sTypeImageAlt;a&&(a=o.get(t.sTargetRecordIndex,a)||a);a=a||""===a?a:e;var s=t._columnConfig.sContentStyle,l=i?"display:inline-block;height:auto;overflow:hidden;word-wrap:break-word;max-width:80%;":"display:inline-block;height:auto;overflow:hidden;word-wrap:break-word;",d=s||"",c="";i||-1!==d.indexOf("max-width")||t._columnConfig.sContentWidth||(l+="max-width:100%;");var u=r.bF(t._columnConfig.sContentWidth,d,!1);u&&(d+=u);var h=t._columnConfig.sTypeImageMask||"";if(h&&"circle"===h)c="-webkit-clip-path: circle();clip-path: circle();";if(i){var f=p(e.trim().toLowerCase());e="https://www.gravatar.com/avatar/".concat(f)}var g='style="'.concat(l).concat(d).concat(c,'"');return'<img src="'.concat(e,'" alt="').concat(a,'" ').concat(g,">")}(e,a)})),u};function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function v(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==b(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==b(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===b(i)?i:String(i)),n)}var r,i}var y=new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.oRegisteredRenderer={}}var t,o,n;return t=e,(o=[{key:"registerRenderer",value:function(e,t){this.oRegisteredRenderer[e]=t}},{key:"getRenderer",value:function(e){return this.oRegisteredRenderer[e]}}])&&v(t.prototype,o),n&&v(t,n),Object.defineProperty(t,"prototype",{writable:!1}),e}());y.registerRenderer("aggregate",(function(){var e,t=(e=arguments.length-1)<0||arguments.length<=e?void 0:arguments[e];return t.widget.aggregateManager.calculateAggregateRow(t)})),y.registerRenderer("boolean",(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var n=t[t.length-1],r=n._columnConfig&&n._columnConfig.sSeparator||" ";return t.filter((function(e,o){return o<t.length-2})).reduce((function(e,t,o){var n;return n=null==t?"":t?"True":"False",0===o?"".concat(e).concat(n):"".concat(e).concat(r).concat(n)}),"")})),y.registerRenderer("button",(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];t[t.length-2];var n=t[t.length-1],r=n.widget,i=n._columnConfig,a=t.slice(0,-2),s=i.sTypeButtonLabel||a[0]||"";s=r.store.processTemplate(s.toString(),null,n);var l=i.sTypeButtonTooltip,d=r.store.processTemplate(i.sTypeButtonIcon,null,n),c=r.store.processTemplate(i.sTypeButtonUrl,null,n),u=i.fnTypeButtonHandler,h=i.sTypeButtonHandler,f=i.sButtonBorder,p=document.createElement("zg-button");p.parentCell=n,void 0!==f&&(p.forceBorder=f);var g=p.getDisabledStatus(i.bTypeButtonDisabled,r);return p.disabled=g,l&&(p.customTooltip=l),(u&&u.method||h)&&(p.fnHandler=u,p.handler=h),c&&p.addEventListener("click",(function(e){return t=c,void(g||(window.location=t));var t})),d&&p.insertAdjacentHTML("afterbegin",'<zg-icon name="'.concat(d,'" slot="icon"></zg-icon>')),p.insertAdjacentHTML("beforeend",s),p})),y.registerRenderer("checkbox",(function(e,t,o){var n="string"==typeof e?e.toLowerCase():e,r=["false",!1,0].indexOf(n)>-1,i=["true",!0,1].indexOf(n)>-1;if(!r&&!i)return e;var a,s=i,l=[0,1].indexOf(e)>-1,d=o._columnConfig.sTypeCheckboxLabel,c=document.createElement("zg-checkbox");if(c.checked=i,c.setAttribute("parent","cell"),d){var u=document.createElement("label");u.setAttribute("style","display:inline-flex;align-items:center;cursor:pointer;line-height:1;");var h=document.createElement("span");h.textContent=d,u.addEventListener("click",f),c.setAttribute("style","margin-right:4px;pointer-events:none;"),u.appendChild(c),u.appendChild(h),a=u}else c.style.cursor="pointer",c.addEventListener("click",f),a=c;return a;function f(e){e.stopPropagation();var t=!s;l&&(t=t?1:0),o.rawData(t)}})),y.registerRenderer("code",(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var n=t[t.length-2],i=t[t.length-1],a=r.Ld.formatCellData({args:t,cellDOM:n,cellSE:i}),s=i._columnConfig.sContentStyle||"";s+=r.bF(i._columnConfig.sContentWidth,s,!0);var l='style="'.concat("").concat(s,'"');return"<code ".concat(l,"><pre>").concat(a,"</pre></code>")})),y.registerRenderer("color",(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var n=t[t.length-2],r=t[t.length-1]._columnConfig.oDOMZGColumn,i=n,a=t.filter((function(e,o){return o<t.length-2}))[0];return new c({color:a,cell:i,column:r}).init()})),y.registerRenderer("currency",(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var n=t[t.length-2],i=t[t.length-1],a=r.Ld.formatCellData({args:t,cellDOM:n,cellSE:i});if(isNaN(parseInt(a)))return a;var s,l=i._columnConfig.sLocale||u.default.getLocale(i.widget)||"en-US",d={style:"currency",currency:i._columnConfig.sTypeCurrency||"USD"};r.FE(d,i._columnConfig);try{s=new Intl.NumberFormat(l,d).format(a)}catch(e){s=a}return s})),y.registerRenderer("date",(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var n,i=t[t.length-2],a=t[t.length-1],s=a.widget,l=r.Ld.formatCellData({args:t,cellDOM:i,cellSE:a}),d=a._columnConfig.sLocale||u.default.getLocale(s)||"en-US",c=a._columnConfig.sTypeDateFormat||null,h=a._columnConfig.bTypeDateFromNow||!1;try{var p=f.kB(l);n=c?f.p6(p,c,d,s):h?f.Zh(p,!1,s):new Intl.DateTimeFormat(d).format(p)}catch(e){n=l}return n})),y.registerRenderer("element",(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var n=t[t.length-2],i=t[t.length-1],a=r.Ld.formatCellData({args:t,cellDOM:n,cellSE:i}),s="code"===(i.sCellType||"").toLowerCase()?"code":i._columnConfig.sElementTagName||"span",l=i._columnConfig.sElementAttributeName,d=i._columnConfig.sContentStyle,c=l?" ".concat(l,'="').concat(a,'"'):"",u=l?"":"".concat(a),h=d||"";h+=r.bF(i._columnConfig.sContentWidth,h,!0);var f='style="'.concat("").concat(h,'"');return'style="true"'==f&&(f=""),"<".concat(s," ").concat(c," ").concat(f,">").concat(u,"</").concat(s,">")})),y.registerRenderer("email",(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var n=t[t.length-2],i=t[t.length-1],a=r.Ld.formatCellData({args:t,cellDOM:n,cellSE:i}),s=i._columnConfig.sContentStyle||"";s+=r.bF(i._columnConfig.sContentWidth,s,!0);var l='style="'.concat("").concat(s,'"');return'<a href="mailto:'.concat(a,'" ').concat(l,">").concat(a,"</a>")})),y.registerRenderer("icon",(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var n=t[t.length-2],i=t[t.length-1],a=r.Ld.formatCellData({args:t,cellDOM:n,cellSE:i}).toLowerCase();return a=a.replace(/ /gi,"-"),'<zg-icon name="'.concat(a,'"></zg-icon>')})),y.registerRenderer("image",g),y.registerRenderer("key",(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var n,i=t[t.length-2],a=t[t.length-1];if(a._columnConfig){var s=a._columnConfig&&a._columnConfig.sSeparator||" ",l=a._columnConfig.sTypeRadioOptions||a._columnConfig.aSelectOptions||a._columnConfig.sTypeKeyOptions;"string"==typeof l&&(l=r.Ld.formatToArray(l));var d=t.filter((function(e,o){return o<t.length-2})),c=[];l&&l.forEach((function(e){e&&e.value&&e.name&&(c[e.value]=e.name)})),n=d.reduce((function(e,t,o){var n;return n=null==t?"":c[t]?c[t]:t,0===o?"".concat(e).concat(n):"".concat(e).concat(s).concat(n)}),"")}else n=r.Ld.formatCellData({args:t,cellDOM:i,cellSE:a});return n})),y.registerRenderer("iframe",(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var n=t[t.length-2],i=t[t.length-1],a=r.Ld.formatCellData({args:t,cellDOM:n,cellSE:i});if(!a)return"";var s=i._columnConfig.sContentStyle,l=i._columnConfig.sTypeIframeRatio,d=i._columnConfig.sContentWidth;d||(d="100%");var c="position:relative;padding-top:".concat("square"===l?"100%":"56.25%",";width:100%;overflow:hidden;"),u=s||"";u+=r.bF(d,u,!0);var h='style="'.concat("position:absolute;top:0;left:0;height:100%;border:0;").concat(u,'"');return'<div class="iframe-wrapper" style="'.concat(c,'"><iframe src="').concat(a,'" ').concat(h,"></iframe></div>")})),y.registerRenderer("number",(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var n=t[t.length-1],i=n._columnConfig.sLocale||u.default.getLocale(n.widget)||"en-US",a=t.filter((function(e,o){return o<t.length-2})),s=n._columnConfig.sTypeNumberFormatting,l={};if("disabled"===s)return a;r.FE(l,n._columnConfig);var d=n._columnConfig&&n._columnConfig.sSeparator||" ";return a.reduce((function(e,t,o){var n;return n=null==t||isNaN(t)||""===t?"":new Intl.NumberFormat(i,l).format(t),0===o?"".concat(e).concat(n):"".concat(e).concat(d).concat(n)}),"")})),y.registerRenderer("password",(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var n=t.filter((function(e,o){return o<t.length-2})),r=t[t.length-1],i=r._columnConfig&&r._columnConfig.sSeparator||" ",a=n.reduce((function(e,t,o){var n;return n=null==t?"":"".concat(t).replace(/./g,"*"),0===o?"".concat(e).concat(n):"".concat(e).concat(i).concat(n)}),"");return a||""})),y.registerRenderer("percentage",(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var n=t[t.length-1],i=t.filter((function(e,o){return o<t.length-2})),a={style:"percent"};r.FE(a,n._columnConfig);var s=n._columnConfig&&n._columnConfig.sSeparator||" ",l=n._columnConfig.sLocale||u.default.getLocale(n.widget)||"en-US";return i.reduce((function(e,t,o){var n;return n=null==t||isNaN(t)||""===t?"":new Intl.NumberFormat(l,a).format(t),0===o?"".concat(e).concat(n):"".concat(e).concat(s).concat(n)}),"")})),y.registerRenderer("text",(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var n=t[t.length-2],i=t[t.length-1],a=r.Ld.formatCellData({args:t,cellDOM:n,cellSE:i});if(!i._columnConfig)return"";var s=a;return"string"==typeof s&&i._columnConfig&&"disabled"!==i._columnConfig.sTranslateNewline&&(s=s.replace(/\n/g,"<br>")),s})),y.registerRenderer("toggle",(function(e,t,o){var n,r=!!o._columnConfig.oDOMZGColumn.renderer,i=!!o._columnConfig.aTypeToggleOptions,a=!!o._columnConfig.bTypeToggleRenderValue,s=o._columnConfig.aTypeToggleOptions||[!1,!0],l=s.length,d=null,c=document.createElement("span");return r&&(d=o.fnRenderer),"object"===m(s[0])?(d=null,n=s.findIndex((function(t){return t.value==e}))):(n=!1===e?0:!0===e?1:s.indexOf(e),s=s.map((function(e,t){return{render:e,value:2!==l||a?e:1===t}}))),u(n),c.addEventListener("click",(function(){var e=(n+1)%l,t=u(e);o.rawData(t),n=e})),c;function u(e){var t,n,r=s[e];if(d){var a=d.scope||o;n=d.method.apply(a,[r.render])||"",t=r.value}else"object"===m(r)?(n=r.render,t=r.value):(n=r,t=i?r:!!e);return c.innerHTML=n,t}})),y.registerRenderer("url",(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var n=t[t.length-2],i=t[t.length-1],a=r.Ld.formatCellData({args:t,cellDOM:n,cellSE:i}),s=i.widget.store,l=i._columnConfig.sTypeUrlText,d=i._columnConfig.sTypeUrlIcon,c=i._columnConfig.sTypeUrlTarget||"_blank",u=i._columnConfig.sTypeUrlSrc||a;i._columnConfig.sTypeUrlSrc&&(u=s.processTemplate(u,null,i)),l&&(l=s.get(i.sTargetRecordIndex,l)||l),l=l||a;var h=i._columnConfig.sContentStyle||"";h+=r.bF(i._columnConfig.sContentWidth,h,!0);var f='style="'.concat("display:inline-block;").concat(h,'"');return d?'<a href="'.concat(u,'" target="').concat(c,'" ').concat(f,'><zg-icon name="').concat(d,'"></zg-icon></a>'):'<a href="'.concat(u,'" target="').concat(c,'" ').concat(f,">").concat(l,"</a>")})),y.registerRenderer(n.Z.internalColumn.recordselector,(function(e,t,o){var r,i,a=void 0===o,s=a?this.oDOMZGColumn.widget:o.widget,l=this.sColumnId+s.randomKey;return t&&(r=t.querySelector("zg-checkbox")),i=!r||s.bPreloaded,r||(r=document.createElement("zg-checkbox"),a&&r.setAttribute("header",!0),r.setAttribute(n.Z.attr.internalselector,""),r.setAttribute(n.Z.zgLayout.attr,s.layoutManager.sCurrentType),r.setAttribute("parent",a?"head":"body")),r.setAttribute("name",l),i&&(r.on("statechanged",(function(e,t){if(a)for(var n=document.querySelectorAll('zg-row:not([hidden]) zg-checkbox[name="'.concat(l,'"]')),i=0;i<n.length;i++)n[i]!==r&&n[i].parentNode.assignedSlot&&!n[i].getAttribute("header")&&(n[i].checked===t||!t&&void 0===n[i].checked||(n[i].checked=t));else{var d=o.sTargetRecordIndex,c=s.store.get(d);if(t)s.aSelectedRows[d]=c;else{delete s.aSelectedRows[d];for(var u=document.getElementsByName(l),h=0;h<u.length;h++){var f=u[h];f.getAttribute("header")&&f.singleUncheck()}}s.updateCaption(),s.fire("rowselectionchanged",d,t)}})),s.on("rowdeselect",(function(){return r.checked=!1})),s.on("pagechange",(function(){return r.checked=!1})),s.on(n.Z.event.pagesizechange,(function(){return r.checked=!1})),s.on("layoutchange",(function(){return r.checked=!1})),s.on("roworderchange",(function(){return r.checked=!1})),s.store.on("removerecord",(function(){return r.checked=!1})),s.store.on("duplicaterecord",(function(){return r.checked=!1})),s.store.on("insertrecord",(function(){return r.checked=!1}))),r})),y.registerRenderer(n.Z.internalColumn.recordeditor,(function(){var e,t=(e=arguments.length-1)<0||arguments.length<=e?void 0:arguments[e],o=t.widget,r=t._columnConfig.sButtonBorder;if(!1===o.store.oDataRequest.updateOptions.row)return null;var i=document.createElement(n.Z.zgButton.tagName);return i.action="editrecord",i.parentCell=t,i.disabled=o.batchEditor.isActive(),void 0!==r&&i.setAttribute(n.Z.zgButton.forceBorderAttr,r),i})),y.registerRenderer(n.Z.internalColumn.recordremover,(function(e,t,o){var r=o.widget,i=r.batchEditor,a=o._columnConfig.sButtonBorder;if(!1===r.store.oDataRequest.deleteOptions)return null;var s="removerecord";i.isActive()&&r.dirtyManager.isDirtyDelete(o.sTargetRecordIndex)&&(s="undoremoverecord");var l=document.createElement(n.Z.zgButton.tagName);return l.action=s,l.parentCell=o,void 0!==a&&l.setAttribute(n.Z.zgButton.forceBorderAttr,a),l})),y.registerRenderer(n.Z.internalColumn.rownumber,(function(){var e,t,o=(e=arguments.length-1)<0||arguments.length<=e?void 0:arguments[e],n=(t=arguments.length-2)<0||arguments.length<=t?void 0:arguments[t],r=o.widget;if(n.parentNode&&"frozen"===n.parentNode.getAttribute("type"))return"";var i=r.getRowIndexByDataRowContainerIndex(o.nStartRowIndex),a=r.aRowMapping[i].nDataRowsBefore;return((void 0!==a?a:i)+1).toString()})),y.registerRenderer(n.Z.internalColumn.rowgroup,(function(){for(var e,t,o,r,i,a=(e=arguments.length-1)<0||arguments.length<=e?void 0:arguments[e],s=a.widget,l=a.sGroupRecordIndex,d=l.split(s.sNestedGroupDataSeparator).map((function(e){return e.trim()})),c=d[d.length-1],h=a._columnConfig,f=h.oDOMRenderTemplate||h.body,p=h.fnGroupRenderer,g=h.sDefaultDisplay||s.sDefaultDisplay,m=s.groupbyManager,b=m.getGroupParent(l),v=m.getGroupCount(c,b),y=s.getRowIndexByDataRowContainerIndex(a.nStartRowIndex),w=s.aRowMapping[y],z=b[d[d.length-1]].open,C=c.replaceAll(n.Z.global.replaceToken,s.sNestedGroupDataSeparator),S="null"===c||""===c||"undefined"===c,k="",x=1;x<d.length;x++)k+="&nbsp;&nbsp;&nbsp;&nbsp;";var O=document.createElement("div");O.setAttribute(n.Z.zgCell.cellGroupAttr,""),O.innerHTML=k;var _=document.createElement(n.Z.zgButton.tagName);_.action=z?"closerowgroup":"openrowgroup",O.appendChild(_),t=function(e,t,o,n){var r;if(e.bTypeGroupHideCount)r="";else if(t.oPageData){var i=u.default.get("pagination.pageOf",n),a="".concat(t.oPageData.nTotalSeen," - ").concat(t.oPageData.nMaxOnPage," ").concat(i," ").concat(t.oPageData.nTotal);r=" (".concat(a,")")}else r=" (".concat(o,")");return r}(h,w,v,s),(f||p)&&(r=m.calculateGroupData(a,v,c,C,b,w),i=m.calculateIndexData(a)),o=f?m.calculateTemplate(i,r,f):S&&g?"".concat(g).concat(t):"".concat(C).concat(t),p&&(o=function(e,t,o,n){var r=n.method.apply(n.scope,[e,t,o])||"";return r}(i,r,w,p));var R=document.createElement("span");return R.setAttribute(n.Z.attr.internalspan,""),R.dir="ltr",R.innerHTML=o,(h.oDOMDetailsTemplate||h.fnDetailsRenderer)&&(R.style.cursor="pointer",R.style.color="blue",R.style.textDecoration="underline"),O.appendChild(R),O.innerHTML})),y.registerRenderer(n.Z.internalColumn.recordinfo,(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var i=t[t.length-2],a=t[t.length-1],s=(r.Ld.formatCellData({args:t,cellDOM:i,cellSE:a}),a.widget),l=a._columnConfig.cellTooltipIcon||s.oCellTooltip.cellTooltipIcon||"info";return this.ZGButton=document.createElement(n.Z.zgIcon.tagName),this.ZGButton.setAttribute(n.Z.attr.internalcell,""),this.ZGButton.name=l,this.ZGButton.parentCell=a,this.ZGButton})),y.registerRenderer(n.Z.internalColumn.recordduplicate,(function(e,t,o){var r=o._columnConfig.sButtonBorder,i=document.createElement(n.Z.zgButton.tagName);return i.action="duplicaterecord",i.parentCell=o,void 0!==r&&i.setAttribute(n.Z.zgButton.forceBorderAttr,r),i}));const w=y;var z=o(52770);const C={init:function(e,t){},onOpen:function(e,t,o){if(!("color"===e.sCellType))return o;var r=t.querySelector("#".concat(n.Z.zgEditorRow.fieldLabelId));if(this.sStartValue=o.trim(),this.colorFormatter=new c({color:this.sStartValue}),this.sNewValue=this.colorFormatter.convertToHex(n.Z.columnType.color.modes.hexLong),!t.querySelector("input")){var i=document.createElement("span"),a=i.cloneNode();a.classList.add(n.Z.zgEditorRow.colorWrapClass);var s=i.cloneNode();s.classList.add(n.Z.zgEditorRow.colorPickerClass),s.style.background=this.sNewValue,this.oPicker=s;var l=z.Z.createInput("color",t,e);l.value=this.sNewValue,l.addEventListener("change",S.bind(this));var d=i.cloneNode();d.classList.add(n.Z.zgEditorRow.colorLabelClass),d.textContent=this.sNewValue,this.oLabel=d,this.oPicker.appendChild(l),a.appendChild(this.oPicker),a.appendChild(this.oLabel),r.appendChild(a),setTimeout((function(){return l.click()}))}},onClose:function(e){return this.colorFormatter.modeTarget=this.colorFormatter.colorMode,this.colorFormatter.colorMode=n.Z.columnType.color.modes.hexLong,this.colorFormatter.color=this.sNewValue,this.colorFormatter.convertColor()}};function S(e){var t=e.target.value;this.oPicker.style.background=t,this.oLabel.textContent=t,this.oPicker.style.borderColor="#ffffff"===t?"#ebebeb":"transparent",this.sNewValue=t}const k={init:function(e,t){this.oDOMInput=z.Z.createInput("number",t,e)},onOpen:z.Z.onOpen,onClose:z.Z.onNumberClose},x={init:function(e,t){this.oDOMInput=z.Z.createInput("checkbox",t,e)},onOpen:function(e,t,o){t.querySelector("input").checked=o},onClose:function(e){return e.querySelector("input").checked}},O={init:function(e,t){this.oDOMInput=z.Z.createInput("date",t,e)},onOpen:function(e,t,o){var n=t.querySelector("input"),r=f.kB(o),i=r.getMonth()+1;i<10&&(i="0"+i);var a=r.getDate();a<10&&(a="0"+a),n.value=r.getFullYear()+"-"+i+"-"+a},onClose:function(e){return e.querySelector("input").value},bCalculateWidth:!0};o(31769);const _={init:function(e,t){var o=e._columnConfig.aSelectOptions||e.widget.store.getUniqueDataByFieldIndex(e._columnConfig.sFieldIndex),n=e._columnConfig.bTypeSelectMultiple||!1,i=r.ZT(o);i.multiple=n,t.appendChild(i)},onOpen:function(e,t,o){var n=t.querySelector("select"),r=e._columnConfig.bTypeSelectMultiple||!1,i=[o=o?""+o:e._columnConfig.sTypeSelectDefaultValue||""];r&&(i=o.split(",").map((function(e){return e.trim()})));for(var a=0;a<n.options.length;a++)n.options[a].selected=-1!==i.indexOf(n.options[a].value)},onClose:function(e){for(var t=e.querySelector("select"),o="",n=0;n<t.options.length;n++)t.options[n].selected&&(o+=t.options[n].value+", ");return""!==o&&(o=o.slice(0,-2)),o}};function R(e){return R="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},R(e)}const E={init:function(e,t){},onOpen:function(e,t,o){var i=this,a=e.widget.randomKey,s=t.querySelector("#".concat(n.Z.zgEditorRow.fieldLabelId));this.sStartValue=o?o.trim():"",this.sNewValue=this.sStartValue;var l=e._columnConfig.sTypeRadioOptions;if(!l)return this.sStartValue;var d=r.Ld.formatToArray(l);if(!d)return this.sStartValue;if(function(e){!e instanceof Array&&(e=[e]);var t=e.filter((function(e){return"object"===R(e)})).length;if(!t)return!1;if(e.length!==t)return!0;var o=e.filter((function(e){return"object"===R(e)&&e.name&&e.value}));return e.length!==o.length}(d))return this.sStartValue;if(!t.querySelector('input[type="radio"]')){var c=document.createElement("span");c.classList.add(n.Z.zgEditorRow.radioWrapClass);var u=document.createElement("label"),h=document.createElement("input");h.type="radio",h.name=this.sColumnId+a,d.forEach((function(e){var t="object"===R(e),o=u.cloneNode(!0);o.classList.add(n.Z.zgEditorRow.radioLabelClass);var r="<span>".concat(t?e.name:e,"</span>"),a=h.cloneNode(!0);a.value=t?e.value:e,a.addEventListener("change",M.bind(i)),o.appendChild(a),o.insertAdjacentHTML("beforeend",r),c.appendChild(o)})),s.appendChild(c),this.oRadios=c.querySelectorAll('input[type="radio"]')}this.oRadios.forEach((function(e){e.value===i.sStartValue&&(e.checked=!0)}))},onClose:function(e){var t=e.querySelector("input"),o=t&&t.name||null,n=e.querySelector('input[name="'.concat(o,'"]:checked'));return o&&n?n.value:this.sNewValue}};function M(e){e.target.checked&&(this.sNewValue=e.target.value)}const D={init:function(e,t){var o=e._columnConfig.nTypeRangeMin||0,n=e._columnConfig.nTypeRangeMax||100,r=e._columnConfig.nTypeRangeStep||1;this.oDOMInput=z.Z.createInput("number",void 0,e),this.oDOMInput.min=o,this.oDOMInput.max=n,this.oDOMInput.step=r,t.appendChild(this.oDOMInput)},onOpen:z.Z.onOpen,onClose:z.Z.onNumberClose};var T=o(41090);const A={init:function(e,t){this.oDOMInput=z.Z.createInput("url",t,e)},onOpen:z.Z.onOpen,onClose:function(e){return e.querySelector("input").value}};function I(e){return I="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},I(e)}function L(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==I(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==I(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===I(i)?i:String(i)),n)}var r,i}var Z=new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.oRegisteredEditor={}}var t,o,n;return t=e,(o=[{key:"registerEditor",value:function(e,t){this.oRegisteredEditor[e]=t}},{key:"getEditor",value:function(e){return this.oRegisteredEditor[e]}}])&&L(t.prototype,o),n&&L(t,n),Object.defineProperty(t,"prototype",{writable:!1}),e}());Z.registerEditor("color",C),Z.registerEditor("number",k),Z.registerEditor("boolean",x),Z.registerEditor("date",O),Z.registerEditor("select",_),Z.registerEditor("radio",E),Z.registerEditor("range",D),Z.registerEditor("input",T.Z),Z.registerEditor("url",A);const P=Z,F={validator:function(e,t){return!isNaN(e)},message:function(e,t,o){return"'".concat(t,"' field must be set to a valid number.")}},N={validator:function(e,t){var o=t._columnConfig.nTypeRangeMin||0,n=t._columnConfig.nTypeRangeMax||100,r=isNaN(e);return r||!1===o||(r=e<o),r||!1===n||(r=e>n),!r},message:function(e,t,o,n){var r,i=n._columnConfig,a=i.nTypeRangeMin||0,s=i.nTypeRangeMax||100;return isNaN(e)&&(r="'".concat(t,"' field must be set to a valid number.")),!r&&!1!==a&&e<a&&(r="'".concat(t,"' field must be greater than ").concat(a,".")),!r&&!1!==s&&e>s&&(r="'".concat(t,"' field must be less than ").concat(s,".")),r}},B={validator:function(e,t){var o=!1;try{var n;n=parseInt(e,10)==e?parseInt(e,10):e;var r=new Date(n);new Intl.DateTimeFormat("en-US").format(r)}catch(e){o=!0}return!o},message:function(e,t,o,n){return"'".concat(t,"' field must be set to a valid date.")}},G={validator:function(e,t){try{if(new URL(e))return!0}catch(e){return!1}},message:function(e,t,o,n){return"'".concat(t,"' field must be set to a valid URL.")}};function H(e){return H="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},H(e)}function j(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==H(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==H(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===H(i)?i:String(i)),n)}var r,i}var U=new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.oRegisteredValidator={}}var t,o,n;return t=e,(o=[{key:"registerValidator",value:function(e,t){this.oRegisteredValidator[e]=t}},{key:"getValidator",value:function(e){return this.oRegisteredValidator[e]}}])&&j(t.prototype,o),n&&j(t,n),Object.defineProperty(t,"prototype",{writable:!1}),e}());U.registerValidator("number",F),U.registerValidator("range",N),U.registerValidator("date",B),U.registerValidator("url",G),U.registerValidator("email",{validator:function(e,t,o){var n=o.querySelector("input");return n&&"email"===n.type?n.validity.valid:/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)},message:function(e,t,o,n){return"'".concat(t,"' field must be set to a valid email address.")}});const W=U;var V=o(12905);const q=function(e){var t=document.createElement("input");return t.type=e,t.autoComplete="off",t.ariaInvalid=!1,t.style.width="1px",t},K={init:function(){return this.oDOMInput=q("text"),this.appendChild(this.oDOMInput)},value:function(){return this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.value},setValue:function(e){this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.value=e},triggerEvent:"keyup"},Y={init:function(){return this.oDOMInput=q("number"),this.appendChild(this.oDOMInput)},value:function(){return this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.value},setValue:function(e){this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.value=e},triggerEvent:"keyup,mouseup"},X={init:function(){var e=this.oColumnMapping.aSelectOptions||this.widget.store.getUniqueDataByFieldIndex(this.oColumnMapping.sFieldIndex);return this.oDOMSelect=r.ZT(e,!0),this.appendChild(this.oDOMSelect)},value:function(){return this.oDOMSelect=this.oDOMSelect||this.querySelector("select"),this.oDOMSelect.options[this.oDOMSelect.selectedIndex].value},setValue:function(e){this.oDOMSelect=this.oDOMSelect||this.querySelector("select");for(var t=0;t<this.oDOMSelect.options.length;t++)if(this.oDOMSelect.options[t].value===e||this.oDOMSelect.options[t].text===e){this.oDOMSelect.selectedIndex=t;break}},triggerEvent:"change",operationType:"matchList"},J={init:function(){return this.oDOMInput=q("checkbox"),this.oDOMInput.indeterminate=!0,this.oDOMInput.setAttribute("indeterminate",!0),this.oDOMInput.addEventListener("click",Q),this.appendChild(this.oDOMInput)},value:function(){return this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.indeterminate?"":this.oDOMInput.checked},setValue:function(e){this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.checked=e,this.oDOMInput.indeterminate=!1,this.oDOMInput.setAttribute("inderterminate",!1)},triggerEvent:"change",operationType:"boolMatch"};var Q=function(e){var t=e.target,o=!t.checked,n=e.target.getAttribute("indeterminate");!1===o&&"false"===n&&(t.checked=!1,t.indeterminate=!0),t.setAttribute("indeterminate",t.indeterminate)};function $(e){return $="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},$(e)}function ee(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==$(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==$(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===$(i)?i:String(i)),n)}var r,i}var te=new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.oRegisteredFilter={}}var t,o,n;return t=e,(o=[{key:"registerFilter",value:function(e,t){this.oRegisteredFilter[e]=t}},{key:"getFilter",value:function(e){return this.oRegisteredFilter[e]}}])&&ee(t.prototype,o),n&&ee(t,n),Object.defineProperty(t,"prototype",{writable:!1}),e}());te.registerFilter("text",K),te.registerFilter("boolean",J),te.registerFilter("select",X),te.registerFilter("number",Y);const oe=te;function ne(e){return ne="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ne(e)}function re(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==ne(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==ne(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===ne(i)?i:String(i)),n)}var r,i}var ie=new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.oRegisteredCellType={}}var t,o,n;return t=e,o=[{key:"getCellType",value:function(e,t,o){var n;return n=this.oRegisteredCellType[e]||o?this.oRegisteredCellType[e]:this.oRegisteredCellType.text,t&&n?n[t]:n}},{key:"getEditor",value:function(e,t){var o=P.getEditor(e);return o||(o=ie.getCellType(e,"editor",t)),o}},{key:"getValidator",value:function(e){return W.getValidator(e)}},{key:"getSorter",value:function(e){return V.Z.getSorter(e)}},{key:"getRenderer",value:function(e){return w.getRenderer(e)}},{key:"getFilter",value:function(e){return oe.getFilter(e)}},{key:"registerCellType",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o={editor:P.getEditor("input"),parser:null,renderer:w.getRenderer("text"),validator:null,sorter:V.Z.getSorter("text"),intlSorter:V.Z.getSorter("intl"),filter:oe.getFilter("text")};for(var n in t)o[n]=t[n];this.oRegisteredCellType[e]=o}}],o&&re(t.prototype,o),n&&re(t,n),Object.defineProperty(t,"prototype",{writable:!1}),e}()),ae={editor:P.getEditor("number"),renderer:w.getRenderer("number"),validator:W.getValidator("number"),sorter:V.Z.getSorter("number"),intlSorter:null,filter:oe.getFilter("number")};ie.registerCellType("element",{renderer:w.getRenderer("element")}),ie.registerCellType("iframe",{renderer:w.getRenderer("iframe"),validator:W.getValidator("url")}),ie.registerCellType("icon",{renderer:w.getRenderer("icon")}),ie.registerCellType("image",{renderer:w.getRenderer("image"),validator:W.getValidator("url")}),ie.registerCellType("image-mask",{renderer:w.getRenderer("image-mask")}),ie.registerCellType("url",{renderer:w.getRenderer("url"),editor:P.getEditor("url"),validator:W.getValidator("url")}),ie.registerCellType("boolean",{editor:P.getEditor("boolean"),renderer:w.getRenderer("boolean"),sorter:V.Z.getSorter("boolean"),intlSorter:null,filter:oe.getFilter("boolean")}),ie.registerCellType("date",{renderer:w.getRenderer("date"),editor:P.getEditor("date"),sorter:V.Z.getSorter("date"),validator:W.getValidator("date"),intlSorter:null}),ie.registerCellType("number",ae),ie.registerCellType("text"),ie.registerCellType("aggregate",{renderer:w.getRenderer("aggregate"),sorter:!1,editor:!1}),ie.registerCellType("button",{renderer:w.getRenderer("button"),editor:!1}),ie.registerCellType("checkbox",{renderer:w.getRenderer("checkbox"),sorter:V.Z.getSorter("boolean"),editor:!1}),ie.registerCellType("code",{renderer:w.getRenderer("code")}),ie.registerCellType("color",{renderer:w.getRenderer("color"),editor:P.getEditor("color")});var se=r.c7.copy(ae);se.renderer=w.getRenderer("currency"),ie.registerCellType("currency",se),ie.registerCellType("email",{validator:W.getValidator("email"),renderer:w.getRenderer("email")}),ie.registerCellType("password",{renderer:w.getRenderer("password")}),ie.registerCellType("gravatar",{renderer:w.getRenderer("image"),editor:!1});var le=r.c7.copy(ae);le.renderer=w.getRenderer("percentage"),ie.registerCellType("percentage",le),ie.registerCellType("radio",{renderer:w.getRenderer("key"),editor:P.getEditor("radio")}),ie.registerCellType("range",{renderer:w.getRenderer("number"),editor:P.getEditor("range"),validator:W.getValidator("range")}),ie.registerCellType("select",{editor:P.getEditor("select"),filter:oe.getFilter("select"),renderer:w.getRenderer("key")}),ie.registerCellType("tel"),ie.registerCellType("toggle",{renderer:w.getRenderer("toggle"),editor:!1}),ie.registerCellType(n.Z.internalColumn.recordeditor,{editor:null,renderer:w.getRenderer(n.Z.internalColumn.recordeditor),sorter:null,intlSorter:null,filter:null}),ie.registerCellType(n.Z.internalColumn.recordremover,{editor:null,renderer:w.getRenderer(n.Z.internalColumn.recordremover),sorter:null,intlSorter:null,filter:null}),ie.registerCellType(n.Z.internalColumn.recordduplicate,{editor:null,renderer:w.getRenderer(n.Z.internalColumn.recordduplicate),sorter:null,intlSorter:null,filter:null}),ie.registerCellType(n.Z.internalColumn.recordselector,{editor:null,renderer:w.getRenderer(n.Z.internalColumn.recordselector),sorter:null,intlSorter:null,filter:null}),ie.registerCellType(n.Z.internalColumn.rownumber,{editor:null,renderer:w.getRenderer(n.Z.internalColumn.rownumber),sorter:null,intlSorter:null,filter:null}),ie.registerCellType(n.Z.internalColumn.rowgroup,{editor:null,renderer:w.getRenderer(n.Z.internalColumn.rowgroup)}),ie.registerCellType(n.Z.internalColumn.recordinfo,{editor:null,renderer:w.getRenderer(n.Z.internalColumn.recordinfo),sorter:null,intlSorter:null,filter:null});const de=ie},52770:(e,t,o)=>{"use strict";o.d(t,{Z:()=>n});const n={onOpen:function(e,t,o){var n=t.querySelector("input");o||(o=t.value||""),n.value=String(o)},onNumberClose:function(e){var t=e.querySelector("input").value,o=window.parseFloat(t);return isNaN(o)&&(o=t),o},createInput:function(e,t,o){var n=document.createElement("input");return n.type=e,n.autoComplete="off",n.ariaInvalid=!1,o&&(n.name=o.sTargetFieldIndex),t&&t.appendChild(n),n}}},41090:(e,t,o)=>{"use strict";o.d(t,{Z:()=>r});var n=o(52770);const r={init:function(e,t){var o=e._columnConfig.sEditorType||e.sCellType,r="text";-1!==["tel","email","password","url"].indexOf(o)&&(r=o),this.oDOMInput=n.Z.createInput(r,t,e)},onOpen:n.Z.onOpen,onClose:function(e){return e.querySelector("input").value}}},12905:(e,t,o)=>{"use strict";function n(e){var t=e;return"string"==typeof e&&((t=new Date(e.toString().replace(/-/g,"/")))instanceof Date&&isFinite(t)||(t=new Date(e))),t}o.d(t,{Z:()=>l});const r=Intl.Collator().compare;function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function a(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,a=void 0,a=function(e,t){if("object"!==i(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===i(a)?a:String(a)),n)}var r,a}var s=new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.oRegisteredSorter={}}var t,o,n;return t=e,(o=[{key:"registerSorter",value:function(e,t){this.oRegisteredSorter[e]=t}},{key:"getSorter",value:function(e){return this.oRegisteredSorter[e]}}])&&a(t.prototype,o),n&&a(t,n),Object.defineProperty(t,"prototype",{writable:!1}),e}());s.registerSorter("number",(function(e,t){return e-t})),s.registerSorter("text",(function(e,t){return"number"==typeof e&&"number"==typeof t||(e=e?e.toString():"",t=t?t.toString():""),e>=t?1:-1})),s.registerSorter("intl",r),s.registerSorter("date",(function(e,t){return n(e)-n(t)})),s.registerSorter("boolean",(function(e,t){return e.toString()>=t.toString()?1:-1}));const l=s},54739:(e,t,o)=>{"use strict";o.d(t,{Z:()=>w});var n=o(37486),r=o(31769),i=o(87822);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function s(e){return function(e){if(Array.isArray(e))return d(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||l(e)||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 l(e,t){if(e){if("string"==typeof e)return d(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?d(e,t):void 0}}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==a(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===a(i)?i:String(i)),n)}var r,i}function u(e){var t=p();return function(){var o,n=m(e);if(t){var r=m(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===a(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function h(e){var t="function"==typeof Map?new Map:void 0;return h=function(e){if(null===e||(o=e,-1===Function.toString.call(o).indexOf("[native code]")))return e;var o;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==t){if(t.has(e))return t.get(e);t.set(e,n)}function n(){return f(e,arguments,m(this).constructor)}return n.prototype=Object.create(e.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),g(n,e)},h(e)}function f(e,t,o){return f=p()?Reflect.construct.bind():function(e,t,o){var n=[null];n.push.apply(n,t);var r=new(Function.bind.apply(e,n));return o&&g(r,o.prototype),r},f.apply(null,arguments)}function p(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}function g(e,t){return g=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},g(e,t)}function m(e){return m=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},m(e)}var b,v=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&g(e,t)}(d,e);var t,o,r,l=u(d);function d(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,d),(e=l.call(this)).bReady=!1,e.init(),e}return t=d,r=[{key:"getObservedAtts",value:function(e){return Object.keys(e).filter((function(t){return e[t].bReflectToAttribute})).map((function(e){return n.Ld.camelCaseToDash(e)}))}},{key:"_registerElement",value:function(e,t){var o=window.customElements;o.get(e)||o.define(e,t)}}],(o=[{key:"init",value:function(e,t,o,r,i,a){n.uQ(this,e,o,t,i,a),this.oAcceptedProperty=r,this.sTagName=e,this._oShadowRoot=this.shadowRoot||this._oShadowRoot,this.P=this.A=!1,this.watchProperty()}},{key:"connectedCallback",value:function(){var e=this,t=this._getHostContext();this.bRemoved=!1,t&&(this.webcomponent=t.webcomponent,this.webcomponent.bReady?(this.bHasChildNode=!!this.childNodes&&s(this.childNodes).filter((function(e){return 1===e.nodeType})).length,this.ready()):this.webcomponent.on("childrenready",(function(){e.bRemoved||e.bCancelChildrenReady||(e.bHasChildNode=!!e.childNodes&&s(e.childNodes).filter((function(e){return 1===e.nodeType})).length,e.ready()),e.bCancelChildrenReady=!1})))}},{key:"ready",value:function(){this.render(),this.ons(),this.bReady=!0,this.fire("ready")}},{key:"disconnectedCallback",value:function(){this.uns(),this.widget&&this.widget.bDisconnect&&(this.bRemoved=!0,this.bCancelChildrenReady=!0,this.webcomponent=null,this.widget=null,this.ZG=null,this._oShadowRoot=null,this.destroy())}},{key:"attributeChangedCallback",value:function(e,t,o){this._attributeHandler(e,t,o)}},{key:"watchProperty",value:function(){var e=this.oAcceptedProperty;for(var t in e)if(e.hasOwnProperty(t)){if(window.ShadyDOM&&"slot"===t)continue;this._watch(t,this._propertyHandler)}}},{key:"render",value:function(){}},{key:"ons",value:function(){}},{key:"uns",value:function(){}},{key:"cleanElements",value:function(e){for(var t=0;t<e.length;t++)this.cleanElement(e[t])}},{key:"cleanElement",value:function(e){var t=this[e];t&&(t.dom&&(t=t.dom),t.innerHTML="",t.remove(),this[e]=null)}},{key:"paint",value:function(){}},{key:"_attributeHandler",value:function(e,t,o){var r=this;if(this.P)this.P=!1;else{this.A=!0;var i,a=this.oAcceptedProperty,s=n.Ld.dashToCamelCase(e.toLocaleLowerCase()),l=o;if(a&&s in a&&a.hasOwnProperty(s)){var d=a[s];switch(d.type){case Boolean:i=null==o?null:"";break;case Object:case Array:if(""===o)i=[];else if(null==o)i=null;else if(n.kJ(o)||n.Kn(o))i=o;else try{o=o.replace(/\n/g,""),i=JSON.parse(o)}catch(t){var c="Error: There was an issue with [".concat(e,"]'s value:\n").concat(t);console.error("Uncaught ".concat(c));var u={icon:"error",state:"error",msg:c};setTimeout((function(){r.widget&&r.widget.statusManager&&r.widget.statusManager.setStatus(u)}),0)}finally{n.kJ(i)||d.type!==Array||(i=[i])}break;case Number:null==o?i=null:(i=d.bKeepDecimal?parseFloat(o):parseInt(o,10),isNaN(i)||(i+=""));break;default:i=o,!d.sBooleanDefault||""!==o&&"true"!==o||(i=d.sBooleanDefault)}if(i!==l&&!isNaN(i)&&d.type!==Array&&d.type!==Object)return void this._setAttribute(e,i);d.type===Boolean&&(i=null!=o),(i!==this[s]||d.bSetProperty)&&(this[s]=i),this.A=!1}}}},{key:"_getHostContext",value:function(){for(var e,t=this;t;){if(9===t.nodeType){t=null;break}if(11!=t.nodeType&&"[object ShadowRoot]"!==t.toString()||(t=t.host),"zing-grid"===t.tagName.toLowerCase())break;t=t.parentNode}if(e=t,!t){var o=null;o&&(e=o.widget)}return e?e.widget:null}},{key:"_hide",value:function(){this.setAttribute(i.Z.attr.hidden,"")}},{key:"_propertyHandler",value:function(e,t,o){var r=this;if(!this.bRemoved){if(this.A)return this.updateBindings(e,t,o),this.A=!1,o;this.P=!0;var i,s=this.oAcceptedProperty[e];switch(s.type){case Boolean:i=Boolean(o);break;case Number:i=null==o||!1===o?null:s.bKeepDecimal?parseFloat(o):parseInt(o,10);break;case Object:case Array:if(""===o)i=[];else if(null==o||0==o)i=null;else if(n.kJ(o)||n.Kn(o))i=o;else try{i=JSON.parse(o)}catch(e){i=JSON.parse('["'+o+'"]')}finally{n.kJ(i)||(i=[i])}break;case String:i=s.bCanBeObject&&"object"===a(o)?o:!s.sBooleanDefault||!0!==o&&""!==o?o?String(o):null:s.sBooleanDefault;break;default:i=o}if(s.bReflectToAttribute&&!s.bOneWaySync){var l=n.Ld.camelCaseToDash(e),d=i;s.type===Boolean?d=i?"":null:!s.bReflectBoolean||!0!==o&&""!==o||(d=s.sBooleanDefault),null!==d?this._setAttribute(l,d):this._removeAttribute(l)}return this.P=!1,s.bThrowEvent&&setImmediate((function(){r.widget&&!r.widget.bDisconnect&&r.widget.emitEvent(e+"Change")})),this.updateBindings(e,t,i),i}}},{key:"updateBindings",value:function(e,t,o){(e===i.Z.attr.action||e===i.Z.attr.value&&this.sTagName===i.Z.zgText.tagName)&&this.widget&&t!=o&&this._updateBinding(this.widget,this.widget,t,o),"widget"===e&&t!=o&&this.action?this._updateBinding(t,o,this.action,this.action):"widget"===e&&t!=o&&this.value&&this.sTagName===i.Z.zgText.tagName&&this._updateBinding(t,o,this.value,this.value)}},{key:"_show",value:function(){this.removeAttribute(i.Z.attr.hidden)}},{key:"togglePseudoClass",value:function(e){if(e.type&&e.oDOMTarget)switch(e.type){case"mousedown":e.oDOMTarget.classList.add(i.Z.attr.active);break;case"mouseup":e.oDOMTarget.classList.remove(i.Z.attr.active);break;case"mouseleave":e.oDOMTarget.classList.remove(i.Z.attr.hover);break;default:e.oDOMTarget.classList.add(i.Z.attr.hover)}}},{key:"_watch",value:function(e,t){var o=this,n=this[e],r=n;Object.defineProperty(this,e,{get:function(){return r},set:function(i){o.bRemoved||(!function(i){i=t.call(o,e,r,i),n=r,r=i}(i),o.widget&&o.widget.bNeedUpdate&&(o.widget.bNeedUpdate=!1,o.widget.update()))},enumerable:!0,configurable:!0})}}])&&c(t.prototype,o),r&&c(t,r),Object.defineProperty(t,"prototype",{writable:!1}),d}(h(HTMLElement)),y=function(e,t){var o="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!o){if(Array.isArray(e)||(o=l(e))||t&&e&&"number"==typeof e.length){o&&(e=o);var n=0,r=function(){};return{s:r,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,s=!1;return{s:function(){o=o.call(e)},n:function(){var e=o.next();return a=e.done,e},e:function(e){s=!0,i=e},f:function(){try{a||null==o.return||o.return()}finally{if(s)throw i}}}}(Object.getOwnPropertyNames(r.Z.prototype));try{for(y.s();!(b=y.n()).done;){!function(e){v.prototype[e]=function(){for(var t,o=arguments.length,n=new Array(o),i=0;i<o;i++)n[i]=arguments[i];return(t=r.Z.prototype[e]).call.apply(t,[this].concat(n))}}(b.value)}}catch(e){y.e(e)}finally{y.f()}v.prototype.constructor=v,v.prototype.getDOM=function(){return this};const w=v},97627:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>v});var n=o(54739),r=o(30785),i=o.n(r),a=o(49977),s=o.n(a),l=o(87822);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g=l.Z.batchEdit.tagName,m={},b=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){u(p(a.prototype),"ready",this).call(this),this.setAttribute(l.Z.attr.hidden,"")}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,b);const v=b},20986:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>v});var n=o(54739),r=o(39803),i=o.n(r),a=o(93528),s=o.n(a),l=o(87822);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g={},m=l.Z.zgBody.tagName,b=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,m,s(),i(),g)}},{key:"ready",value:function(){u(p(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.setAttribute(l.Z.attr.role,"rowgroup"),this.ZG.layout&&this.ZG.layout.length&&this.setAttribute(l.Z.zgLayout.attr,this.ZG.layout),this.widget.hasCardTemplate()&&this.ZG.getAttribute(l.Z.zgLayout.attr)===l.Z.zgLayout.typeCard&&this.setAttribute(l.Z.zgLayout.cardTplAttr,"")}},{key:"disconnectedCallback",value:function(){u(p(a.prototype),"disconnectedCallback",this).call(this)}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(m,b);const v=b},46370:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>S});var n=o(54739),r=o(40662),i=o.n(r),a=o(36932),s=o.n(a),l=o(87822),d=o(19791),c=o(37486),u=o(96766);function h(e){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function f(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==h(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==h(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===h(i)?i:String(i)),n)}var r,i}function p(){return p="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=b(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},p.apply(this,arguments)}function g(e,t){return g=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},g(e,t)}function m(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=b(e);if(t){var r=b(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===h(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function b(e){return b=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},b(e)}var v=l.Z.zgButton.tagName,y=c.SV(i(),s()),w={forceBorder:{bReflectToAttribute:!0,type:String},customDisabled:{bReflectToAttribute:!0,type:String},disabled:{bReflectToAttribute:!0,type:Boolean},handler:{bReflectToAttribute:!0,type:Function},icon:{bReflectToAttribute:!0,type:String},action:{bReflectToAttribute:!0,type:String},pageIndex:{bReflectToAttribute:!0,type:Number},customTooltip:{bReflectToAttribute:!0,type:String},widget:{}},z=n.Z.getObservedAtts(w),C=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&g(e,t)}(a,e);var t,o,n,r=m(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,n=[{key:"observedAttributes",get:function(){return z}}],(o=[{key:"init",value:function(){p(b(a.prototype),"init",this).call(this,v,s(),i(),w,y),this.setupRefs()}},{key:"ready",value:function(){var e=this;p(b(a.prototype),"ready",this).call(this);var t=this._getHostContext();this.ZG=t.webcomponent,this.setupRefs(),this.parentNode&&(this.bInMenu=this.parentNode.tagName.toLowerCase()===l.Z.zgMenuItem.tagName),this.getAttribute(l.Z.attr.role)||this.setAttribute(l.Z.attr.role,"button"),this.action&&(this.action=this.action.toLowerCase()),requestAnimationFrame((function(){return e.hookupButton(e.action)})),this.handler&&this.setCustomHandler(this.handler),void 0!==this.customDisabled&&(this.disabled=this.getDisabledStatus(this.customDisabled,t)),this.postRenderOns(),this.widget&&this.widget===t&&this._updateBinding(this.widget,this.widget,this.action,this.action),this.widget=t}},{key:"setupRefs",value:function(){this.oCheckbox||(this.oCheckbox=document.createElement(l.Z.zgCheckbox.tagName),this.oIcon=document.createElement(l.Z.zgIcon.tagName),this.oLabel=document.createElement("span"),this.oLabel.classList.add("label"),this.parentCell=null)}},{key:"hookupButton",value:function(e){if(this.oIcon){var t=this.textContent.length>0;t&&this.setAttribute(l.Z.zgButton.hasTextAttr,"");var o=e===l.Z.zgButton.action.checkbox,n=this.querySelector('[slot="'.concat(l.Z.zgButton.slot.checkbox,'"]')),r=this.querySelector('[slot="'.concat(l.Z.zgButton.slot.icon,'"]')),i=this.querySelector('[slot="'.concat(l.Z.zgButton.slot.label,'"]')),a=!!e&&this.childNodes.length>0;if(this.icon||o||!t||a||n||r||i){this.oIcon.getAttribute("name")||!e&&!this.icon||this.oIcon.setAttribute("name",e||this.icon),this.bInCaption&&e&&this.oIcon.setAttribute(l.Z.attr.internalcaption,"");var s=this.getAttribute(l.Z.attr.type);s&&this.oIcon.setAttribute(l.Z.attr.type,s),a&&(this.oLabel.innerHTML=this._addMarkupToLabel()),this.oCheckbox=n||this.oCheckbox,this.oIcon=r||this.oIcon,this.oLabel=i||this.oLabel,this.oCheckbox.slot=l.Z.zgButton.action.checkbox,this.oIcon.slot=l.Z.zgButton.slot.icon,this.oLabel.slot=l.Z.zgButton.slot.label,this.appendChild(this.oIcon),this.appendChild(this.oCheckbox),this.appendChild(this.oLabel),this._toggleElements(e),this.oDOMRow=c.MV(this,l.Z.zgRow.tagName),this.bInCaption=c.MV(this,l.Z.zgCaption.tagName),(this.bInCaption||c.MV(this,l.Z.zgFooter.tagName))&&this.setTabIndex({allowed:!this.disabled}),this.oDOMRow&&this.setAttribute(l.Z.attr.internalcell,"")}}}},{key:"postRenderOns",value:function(){this.on("mouseenter",this.togglePseudoClass,this,{},!1),this.on("mouseleave",this.togglePseudoClass,this,{},!1),this.on("mousedown",this.togglePseudoClass,this,{},!1),this.on("mouseup",this.togglePseudoClass,this,{},!1),this.on("mousedown",this.onMouseDown,this,{},!1),this.on("focus",this.onFocus,this,{},!1),this.on("blur",this.onBlur,this),this.on("keydown",this.onKeyDown,this,{},!1)}},{key:"onBlur",value:function(e,t){this.classList.remove(l.Z.zgButton.aria.focus),this.bMouseDown=!1}},{key:"onFocus",value:function(e,t){e.stopEvent(),this.bMouseDown||this.classList.add(l.Z.zgButton.aria.focus)}},{key:"onKeyDown",value:function(e,t){e.nCharCode!==e.ENTER&&e.nCharCode!==e.SPACE||(e.preventDefault(),this.bMouseDown=!1,this.click())}},{key:"onMouseDown",value:function(e,t){e.stopEvent(),"fixedmenu"!==this.action&&this.widget.focusManager.unfocusCells(),this.classList.remove(l.Z.zgButton.aria.focus),this.bMouseDown=!0}},{key:"changePagerButton",value:function(e,t){e.includes(t)?this._disable():this._enable()}},{key:"getPageIndex",value:function(){var e=parseInt(this.getAttribute("page-index"),10);return isNaN(e)?(e=parseInt(this.innerText,10),isNaN(e)?null:e-1):e}},{key:"_updatePageIndex",value:function(e){e===this.getPageIndex()?(this.setAttribute(l.Z.zgPager.currentPageAttr,""),this._disable()):(this.removeAttribute(l.Z.zgPager.currentPageAttr),this._enable())}},{key:"notifyWidget",value:function(e,t){var o,n=this.action,r=this.widget,i=r.menuManager.activeCell,a=r.menuManager.activeHeader,s=r.menuManager.activeColumn,d=r.selectorEngineManager,u=null,h=r.selector.se,f=r.batchEditor,p=r.dirtyManager;if(e.preventDefault(),e.stopPropagation(),!this._isDisabled()&&!this.hasAttribute(l.Z.attr.active))switch(r.menuManager.activeMenu&&r.menuManager.closeMenu(),n){case"batchedit":f.activate(!this.bMouseDown);break;case"batcheditcancel":f.cancelBatchEdit(!this.bMouseDown);break;case"batcheditsave":r.batchEditor.save(!this.bMouseDown);break;case"cancelrecord":o=c.MV(this,l.Z.zgCell.tagName),r.recordEditor.cancelOpenEdit(),o&&r.webcomponent.select(o.parentNode.dataRowIndex,o.cellIndex);break;case"checkbox":this.oCheckbox.checked=!this.oCheckbox.checked;break;case"closerowgroup":(o=c.MV(this,l.Z.zgCell.tagName))&&(i=d.$cell(o)).sGroupRecordIndex&&r.groupbyManager.toggleGroup(i,!1);break;case"copycell":i&&r.clipper.onKeyCtrlCDocument(i);break;case"createrecord":void 0!==i&&i||(u=this.bInMenu?r.menuManager.oButton:this),r.editorManager.openInsertEditor(null,i,u);break;case"createrecordstart":this.bInMenu&&(u=r.menuManager.oButton),r.editorManager.openInsertEditor("start",void 0,u);break;case"createrecordend":this.bInMenu&&(u=r.menuManager.oButton),r.editorManager.openInsertEditor("end",void 0,u);break;case"deselect":r.bHasSelectorEnabled&&r.selector.deSelectAll();break;case"duplicaterecord":var g;this.parentCell?g=this.parentCell.sTargetRecordIndex:this.oDOMRow?g=h.row(this.oDOMRow).sTargetRecordIndex:i&&(g=i.toRow().sTargetRecordIndex),g&&r.duplicateRecord(g);break;case"editcell":i&&r.editorManager.openEditor(i);break;case"editrecord":if(this.parentCell)r.editorManager.openEditor(this.parentCell.toRow(),void 0,this.parentCell);else if(this.oDOMRow){var m=h.row(this.oDOMRow);r.editorManager.openEditor(m)}break;case"editrow":r.editorManager.openEditor(i.toRow());break;case"firstpage":r.firstPage();break;case"fixedmenu":r.menuManager&&(r.menuManager.oButton=this,r.menuManager.openFixedMenu(e));break;case"freezecolumnleft":s&&s.oDOMZGColumn.setAttribute("frozen","left");break;case"freezecolumnright":s&&s.oDOMZGColumn.setAttribute("frozen","right");break;case"unfreezecolumn":s&&(s.oDOMZGColumn.frozen=null);break;case"hidecolumn":s&&s.oDOMZGColumn.setAttribute("hidden","");break;case"freezerowtop":i&&r.store.moveRow(i.sTargetRecordIndex,"top");break;case"freezerowbottom":i&&r.store.moveRow(i.sTargetRecordIndex,"bottom");break;case"unfreezerow":i&&r.store.moveRow(i.sTargetRecordIndex,"body");break;case"getselection":break;case"insertrecord":r.insertRow(),r.lastPage();break;case"lastpage":r.lastPage();break;case"layoutrow":case"layoutcard":r.layoutManager.layoutCtrlClick(this);break;case"menu":r.columnMenu&&(this.setAttribute(l.Z.aria.expanded,"true"),r.columnMenu.oButton=this,r.columnMenu.openColumnMenu(e));break;case"openrowgroup":(o=c.MV(this,l.Z.zgCell.tagName))&&(i=d.$cell(o)).sGroupRecordIndex&&r.groupbyManager.toggleGroup(i,!0);break;case"page":var b=this.getPageIndex();null!==b&&r.setCurrPageIdx(b);break;case"nextpage":r.nextPage();break;case"pastecell":r.clipper.onKeyCtrlVDocument();break;case"prevpage":r.prevPage();break;case"undoremoverecord":if(this.parentCell)p.unsetDirtyDelete(this.parentCell.sTargetRecordIndex);else if(this.oDOMRow){var v=h.row(this.oDOMRow);p.unsetDirtyDelete(v.sTargetRecordIndex)}else if(i){var y=i.toRow();p.unsetDirtyDelete(y.sTargetRecordIndex)}break;case"removerecord":if(this.parentCell)r.removeRow(this.parentCell.sTargetRecordIndex);else if(r.aSelectedRows&&Object.keys(r.aSelectedRows).length)r.removeSelectedRows(this);else if(this.oDOMRow){var w=h.row(this.oDOMRow);r.removeRow(w.sTargetRecordIndex)}else if(i){var z=i.toRow();r.removeRow(z.sTargetRecordIndex)}break;case"reload":!r.store.isIncrementalLoad()&&r.oDOMSortedColumn&&r.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader&&r.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader.clearStyle(!0),r.stateManager.clearState(),r.updateInitialConfig(),r.store.reload();break;case"search":r.search&&r.search.searchBtnClickToggle(e);break;case"selectall":r.bHasSelectorEnabled&&h.selectAll().select();break;case"selectcell":case"selectrow":if(r.bHasSelectorEnabled&&i){var C=i.nStartRowIndex,S=i.nStartColumnIndex;"selectcell"===n?h.cell(C,S):h.initRange(C,0,C,this.widget.aColumnMapping.length-1),h.select()}break;case"sortcolumn":a&&a.onSort();break;case"submitrecord":o=c.MV(this,l.Z.zgCell.tagName),r.recordEditor.onClickSubmit(void 0,h.cell(o));break;case"resetstate":this.widget.stateManager.clearState(!0);break;case"about":var k=r.menuManager&&r.menuManager.bFixed;this.ZG.oDOMDialog.setDialog("zg-version"),k&&this.ZG.oDOMDialog.on("dialogConfirm",(function(){return r.focusManager.focusGrid(!0)}),this)}}},{key:"updateInfo",value:function(e,t){t=t||this.action;var o=(e=e||this.widget).getCurrPageIdx(),n=e.getPageCount(),r=e.getPageSize(),i=e.store.getOriginRecordCount()||e.getRowCount(),a=["firstpage","prevpage"],s=["nextpage","lastpage"],l=e.store&&e.store.oDataFormat.bCursor,d=e.store.oDataFormat.bLoadByPages&&e.store.oDataFormat.bStartAtValue;this._toggleElements(t),(a.includes(t)||s.includes(t)||"page"===t)&&(l?"nextpage"==t?e.store.hasNextData()?this._enable():this._disable():"prevpage"==t&&(e.store.hasPrevData()?this._enable():this._disable()):d?"nextpage"===t?e.store.sStartAtValue?this._enable():this._disable():"prevpage"===t&&(0===o?this._disable():this._enable()):"page"===t?this._updatePageIndex(o):r>=i?this._disable():0===o?this.changePagerButton(a,t):o===n-1?this.changePagerButton(s,t):this._enable())}},{key:"_addMarkupToLabel",value:function(){var e=this.querySelectorAll('[slot="'.concat(l.Z.zgButton.slot.checkbox,'"]')),t=this.querySelectorAll('[slot="'.concat(l.Z.zgButton.slot.icon,'"]'));e.forEach((function(e){return e.remove()})),t.forEach((function(e){return e.remove()}));var o=this.innerHTML;return this.innerHTML="",o}},{key:"_disable",value:function(){this.disabled=!0}},{key:"_enable",value:function(){this.disabled=!1}},{key:"_isDisabled",value:function(){return this.disabled}},{key:"setTabIndex",value:function(e){var t=e.allowed;-1===this.getAttribute(l.Z.attr.tabindex)||this.hasAttribute(l.Z.attr.datafocus)||(t?this.setAttribute(l.Z.attr.tabindex,0):this.removeAttribute(l.Z.attr.tabindex))}},{key:"_toggleElements",value:function(e){e===l.Z.zgButton.action.checkbox?this.oCheckbox.removeAttribute(l.Z.attr.hidden):this.oCheckbox.setAttribute(l.Z.attr.hidden,"")}},{key:"_propertyHandler",value:function(e,t,o){if(o=p(b(a.prototype),"_propertyHandler",this).call(this,e,t,o),this.bReady)switch(e){case"action":o&&(o=o.toLowerCase()),this.oIcon&&this.oIcon.setAttribute("name",o),this.hookupButton(o);break;case"disabled":this.setTabIndex({allowed:!o}),o?this.setAttribute(l.Z.aria.disabled,"true"):this.removeAttribute(l.Z.aria.disabled);break;case"handler":this.setCustomHandler(o);break;case"icon":this.oIcon&&(o?this.oIcon.setAttribute("name",o):this.oIcon.removeAttribute("name"));break;case"pageIndex":var n=this.widget.getCurrPageIdx();this._updatePageIndex(n);break;case"customTooltip":var r=this.setTooltip(this.action,this.widget,o);this.setAria(this.action,r);break;case"customDisabled":this.disabled=this.getDisabledStatus(o,this.widget)}return o}},{key:"_updateBinding",value:function(e,t,o,n){if(this.bReady&&(e&&o&&(this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnNotify&&this.fnUnNotify(),this.fnUnCustom&&this.fnUnCustom()),t)){var r=t.sComputedDir;switch(this.updateInfo(t,n),n){case"batchedit":case"batcheditcancel":case"batcheditsave":case"cancel":case"cancelrecord":case"checkbox":case"closerowgroup":case"copycell":case"createrecord":case"createrecordend":case"createrecordstart":case"deselect":case"duplicaterecord":case"editcell":case"editrecord":case"editrow":case"firstpage":case"fixedmenu":case"freezecolumnleft":case"freezecolumnright":case"unfreezecolumn":case"hidecolumn":case"freezerowtop":case"freezerowbottom":case"unfreezerow":case"getselection":case"insertrecord":case"layoutrow":case"layoutcard":case"lastpage":case"menu":case"page":case"nextpage":case"openrowgroup":case"pastecell":case"prevpage":case"reload":case"removerecord":case"undoremoverecord":case"search":case"selectall":case"selectcell":case"selectrow":case"sortcolumn":case"resetstate":case"submitrecord":case"about":this.setAttribute("dir",r),this.fnUnNotify=this.on("click",this.notifyWidget,this,{},!1),this.fnUnSubscribe=t.on(l.Z.event.updated,this.updateInfo,this)}var i=this.setTooltip(n,t,this.customTooltip);this.setAria(n,i)}}},{key:"setAria",value:function(e,t){t&&this.setAttribute(l.Z.aria.label,t),"menu"!==e&&"fixedmenu"!==e||this.setAttribute(l.Z.aria.hasPopup,"true")}},{key:"setTooltip",value:function(e,t,o,n){if(t){var r,i=e,a=this.parentNode.tagName.toLowerCase();if(void 0===n&&(n=t.webcomponent.buttonTooltipDisabled),a!==l.Z.zgMenuItem.tagName&&(r=a===l.Z.zgControlBar.tagName,!this.hasAttribute(l.Z.zgButton.noTooltipAttr))){var s,c,u="tooltip-right",h="tooltip-left";switch("rtl"===t.sComputedDir&&(u="tooltip-left",h="tooltip-right"),e){case"createrecord":case"createrecordstart":case"createrecordend":s="recordCreate";break;case"layoutcard":s="layoutCard";break;case"layoutrow":s="layoutRow";break;case"batchedit":case"batcheditsave":case"batcheditcancel":case"duplicaterecord":case"editrecord":case"firstpage":case"fixedmenu":case"lastpage":case"menu":case"nextpage":case"prevpage":case"reload":case"removerecord":case"undoremoverecord":case"search":case"openrowgroup":case"closerowgroup":s=e}switch(e){case"batchedit":case"batcheditsave":case"batcheditcancel":case"createrecord":case"createrecordstart":case"createrecordend":case"lastpage":case"nextpage":case"page":case"reload":case"openrowgroup":case"closerowgroup":c=u;break;default:c=h}r&&"editrecord"===e&&(c=u);var f=this.parentCell&&this.parentCell.bHasCellTooltip;if(this.parentCell&&0===this.parentCell.nStartColumnIndex&&(c=u),n||!s&&!o||f)this.removeAttribute("tooltip");else{i=o||d.default.get("tooltip.".concat(s),t,{element:this,attribute:"tooltip"}),this.setAttribute("tooltip",i),this.setAttribute(c,"");var p=c===u?h:u;this.removeAttribute(p)}return i}}}},{key:"getDisabledStatus",value:function(e,t){var o,n,r,i=null,a=e,s=this.parentCell?this.parentCell.dom():c.MV(this,l.Z.zgCell.tagName);return null!==e&&(s&&(n=(i=t.selectorEngineManager.$cell(s))._columnConfig,r=i.record,o=n.fnTypeButtonDisabled),o||"string"!=typeof e||(o=u.Z.setUserFunction(null,e),n&&(n.fnTypeButtonDisabled=o)),o&&o.method?a=o.method.apply(o.scope,[r,i])||!1:(""===a?a=!0:i&&(a=t.store.processTemplate(a,null,i)),"true"===a?a=!0:"false"===a&&(a=!1)),a)}},{key:"setCustomHandler",value:function(e){this.fnUnCustom&&this.fnUnCustom(),e?(this.fnHandler=u.Z.setUserFunction(null,e),this.fnUnCustom=this.on("click",this.launchCallback,this,{},!1)):this.fnHandler=null}},{key:"launchCallback",value:function(){if(!this.disabled&&this.handler){var e=this.fnHandler;if(e||(this.fnHandler=e=u.Z.setUserFunction(null,this.handler)),e&&e.method){var t=this.parentCell?this.parentCell.dom():c.MV(this,l.Z.zgCell.tagName),o=[];if(t){var n=this.widget.selectorEngineManager.$cell(t);o=[n.record,t,n]}e.method.apply(e.scope,o)}}}},{key:"uns",value:function(){this.un("mousedown",this.onMouseDown),this.un("focus",this.onFocus),this.un("blur",this.onBlur),this.un("keydown",this.onKeyDown),this.un("mouseenter",this.togglePseudoClass),this.un("mouseleave",this.togglePseudoClass),this.un("mousedown",this.togglePseudoClass),this.un("mouseup",this.togglePseudoClass),this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnNotify&&this.fnUnNotify(),this.fnUnCustom&&this.fnUnCustom()}},{key:"disconnectedCallback",value:function(){p(b(a.prototype),"disconnectedCallback",this).call(this),this.oCheckbox=null,this.oIcon=null,this.oLabel=null,this.parentCell=null,this.oDOMRow=null}}])&&f(t.prototype,o),n&&f(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(v,C);const S=C},27724:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>C});var n=o(54739),r=o(65138),i=o.n(r),a=o(32937),s=o.n(a),l=o(31655),d=o(37486),c=o(87822);function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function h(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==u(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===u(i)?i:String(i)),n)}var r,i}function f(){return f="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=m(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},f.apply(this,arguments)}function p(e,t){return p=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},p(e,t)}function g(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=m(e);if(t){var r=m(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function m(e){return m=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},m(e)}var b="enabled",v="zg-caption",y={align:{bReflectToAttribute:!0,type:String},position:{bReflectToAttribute:!0,type:String}},w=n.Z.getObservedAtts(y),z=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&p(e,t)}(a,e);var t,o,n,r=g(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,n=[{key:"observedAttributes",get:function(){return w}}],(o=[{key:"init",value:function(){f(m(a.prototype),"init",this).call(this,v,s(),i(),y)}},{key:"ready",value:function(){if(f(m(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,!this.widget.bPreloaded){if("both"===this.getAttribute("position")&&(this.mirror=!0),this.mirror&&(this.bUpdatePosition=!0,this._createMirror(!0),this.bUpdatePosition=!1),!this.querySelector('zg-button[action="menu"]')&&!this.getAttribute("copy")){var e="\n          <zg-button ".concat(c.Z.attr.datafocus,' slot="tool" action="removerecord" hidden></zg-button>\n          <zg-search slot="tool" hidden></zg-search>\n          <zg-button ').concat(c.Z.attr.datafocus,' slot="tool" action="fixedmenu" hidden></zg-button>\n          <zg-button ').concat(c.Z.attr.datafocus,' slot="tool" action="menu" hidden></zg-button>\n        '),t=d.W2(e);this.appendChild(t)}this.parentNode===this.widget.webcomponent&&(this.ZG.oDOMCaption&&this.ZG.oDOMCaption!==this&&(this.ZG.oDOMCaption.remove(),this.ZG.oDOMCaption=this),this._attachPosition(this.position))}this.setIconColor(),null===this.getAttribute("copy")&&(this.oDOMColumnMenu=this.querySelector('zg-button[action="menu"]'),this.oDOMMenu=this.querySelector('zg-button[action="fixedmenu"]'),this.oDOMRemove=this.querySelector('zg-button[action="removerecord"]'),this.oDOMSearchButton=this.querySelector('zg-button[action="search"]'),this.oDOMSearch=this.querySelector("zg-search"),this.ZG._setSearch(this.widget.bHasSearchEnabled,!0),this.ZG._setColumnsControl(this.ZG.columnsControl,!0),this.toggleStaticMenu(l.T||this.widget.bHasStaticMenu),this.toggleColumnMenu(this.widget.layoutManager.getLayoutType())),d.CL(this)}},{key:"setIconColor",value:function(){this.querySelectorAll(c.Z.zgIcon.tagName).forEach((function(e){var t=e.parentNode;t&&t.tagName.toLowerCase()===c.Z.zgButton.tagName&&!t.hasAttribute("action")||e.setAttribute(c.Z.attr.internalcaption,"")}))}},{key:"showCaption",value:function(){var e=this.widget;return!e||e.bHasContextMenuEnabled||e.bHasStaticMenu||e.bHasSearchEnabled||e.bHasColumnsControl||e.bHasSelectorColumn||this._oShadowRoot.querySelector("slot").assignedNodes().length}},{key:"toggleStaticMenu",value:function(e){return(this.widget.bHasContextMenuEnabled||this.widget.bHasStaticMenu)&&e?(this.oDOMMenu.classList.add(b),this.oDOMMenu.hidden=!1):e||(this.oDOMMenu.classList.remove(b),this.oDOMMenu.hidden=!0),this._oShadowRoot.querySelector("slot").assignedNodes().length}},{key:"toggleColumnMenu",value:function(e){this.bReady&&this.ZG.columnsControl&&(e===c.Z.zgLayout.typeCard&&this.widget.hasCardTemplate()?this.oDOMColumnMenu.hidden=!0:this.oDOMColumnMenu.hidden=!1)}},{key:"changeText",value:function(e){var t=this;if(this.bReady){var o,n=this._oShadowRoot.querySelector("slot").assignedNodes();n.length&&n.forEach((function(e){return t.removeChild(e)})),e&&((o=document.createElement("div")).id="zg-caption-user-text",o.innerHTML=e,this.appendChild(o))}else this.on("ready",(function(){return t.changeText(e)}))}},{key:"_attachPosition",value:function(e){e&&"bottom"===e?this.ZG.oDOMFooter.appendChild(this):this.ZG.oDOMHeader.appendChild(this)}},{key:"_createMirror",value:function(e){if(!this.widget.oDOMCaptionMirror&&e){"bottom"===this.position&&(this.position="top");var t=this.cloneNode(!0);t.removeAttribute("mirror"),t.setAttribute("copy",""),t.setAttribute("position","bottom");var o=t.shadowRoot.querySelector(".zg-caption-toolbar");o&&o.parentNode.removeChild(o),this.widget.oDOMCaptionMirror=t,this.ZG.oDOMFooter.appendChild(t)}else this.widget.oDOMCaptionMirror&&!e&&this.widget.oDOMCaptionMirror&&(this.widget.oDOMCaptionMirror.parentNode.removeChild(this.widget.oDOMCaptionMirror),this.widget.oDOMCaptionMirror=null)}},{key:"_propertyHandler",value:function(e,t,o){return o=f(m(a.prototype),"_propertyHandler",this).call(this,e,t,o),this.bReady&&!this.bUpdatePosition&&"position"===e&&(this.mirror="both"===o,this._createMirror(this.mirror),this.mirror||this._attachPosition(o)),o}},{key:"disconnectedCallback",value:function(){this.oDOMColumnMenu=null,this.oDOMMenu=null,this.oDOMRemove=null,this.oDOMSearchButton=null,this.oDOMSearch=null}}])&&h(t.prototype,o),n&&h(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(v,z);const C=z},33553:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>C});var n=o(54739),r=o(68728),i=o.n(r),a=o(95670),s=o.n(a),l=o(87822),d=o(37486),c=o(96766);function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function h(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==u(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===u(i)?i:String(i)),n)}var r,i}function f(){return f="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=m(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},f.apply(this,arguments)}function p(e,t){return p=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},p(e,t)}function g(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=m(e);if(t){var r=m(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function m(e){return m=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},m(e)}var b=l.Z.zgCard.tagName,v=d.SV(i(),s()),y={renderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},editor:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},rendererTemplate:{type:String,bReflectToAttribute:!0},editorTemplate:{type:String,bReflectToAttribute:!0}},w=n.Z.getObservedAtts(y),z=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&p(e,t)}(a,e);var t,o,n,r=g(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,n=[{key:"observedAttributes",get:function(){return w}}],(o=[{key:"init",value:function(){f(m(a.prototype),"init",this).call(this,b,s(),i(),y,v)}},{key:"ready",value:function(){if(f(m(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),"zing-grid"===this.parentNode.tagName.toLowerCase()){var e=this.widget.webcomponent;this.widget.oCard=this,this.setTemplateById(this.editorTemplate,!0),this.setTemplateById(this.rendererTemplate,!1),this.setCardTemplate(),this.setCardEditor(this.editor),e.bDefaultCols&&this.widget.oCardTemplate&&this.widget.layoutManager.setLayoutType(l.Z.zgLayout.typeCard),this.setAttribute("hidden","")}else this.widget.webcomponent.layout&&this.widget.webcomponent.layout.length&&this.setAttribute(l.Z.zgLayout.attr,this.widget.webcomponent.layout)}},{key:"setCardTemplate",value:function(){var e=this;this.querySelector("template")?this.querySelectorAll("template").forEach((function(t){t.getAttribute("type")===l.Z.template.type.editor?e.widget.oCardEditTemplate=t:(e.widget.oCardTemplate=t,e.setWatcher(t))})):this.widget.oCardBody=this.innerHTML.trim()}},{key:"setTemplateById",value:function(e,t){if(e){var o=window[e]||document.getElementById(e);t?this.widget.oCardEditTemplate=o:this.widget.oCardTemplate=o}}},{key:"setCardEditor",value:function(e){null===e||!1===e||"false"===e?this.oEditor=!1:d.HD(e)?this.oEditor=c.Z.setUserFunction(null,e):e&&(this.oEditor={method:e,scope:null})}},{key:"setWatcher",value:function(e){var t=this;this.observer=new MutationObserver((function(e){t.widget.update()})),this.observer.observe(e.content,{childList:!0,subtree:!0})}},{key:"_propertyHandler",value:function(e,t,o){if(o=f(m(a.prototype),"_propertyHandler",this).call(this,e,t,o),this.bReady)switch(e){case"editorTemplate":this.setTemplateById(o,!0);break;case"rendererTemplate":var n=this.widget.layoutManager;this.setTemplateById(o,!1),n.updateLayoutAttributes(n.getLayoutType(),!0),this.widget.update();break;case"editor":this.setCardEditor(o)}return o}},{key:"disconnectedCallback",value:function(){f(m(a.prototype),"disconnectedCallback",this).call(this),this.oEditor=null,this.observer&&(this.observer.disconnect(),this.observer=null)}}])&&h(t.prototype,o),n&&h(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(b,z);const C=z},80292:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>v});var n=o(54739),r=o(53875),i=o.n(r),a=o(92884),s=o.n(a),l=o(87822);o(37486),o(31769);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g="zg-cell-overflow",m={},b=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){u(p(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.currentCell=null,this.offsetCoords=null,this.currentTrigger=null,this.setAttribute(l.Z.attr.hidden,"")}},{key:"setPosition",value:function(e,t){var o=this.widget,n=this.ZG.getBoundingClientRect(),r=this.currentCell,i=!1,a=this.bCellAnchor;t&&!a&&(e=r.dom(),i=!0);var s=e.getBoundingClientRect(),l={left:s.left-n.left,top:s.top-n.top};if(i||(l.top+=s.height),t||a)i&&this.offsetCoords&&(l.top+=this.offsetCoords.top,l.left+=this.offsetCoords.left);else{var d=r.dom().getBoundingClientRect();this.offsetCoords={left:l.left+n.left-d.left,top:l.top+n.top-d.top}}if(a){var c=window.getComputedStyle(e).getPropertyValue("padding-left"),u=parseInt(c.replace(/px/,""));Number.isInteger(u)&&(l.left+=u)}if(t){var h=o.oDOMScroller.getBoundingClientRect(),f=h.top-n.top,p=f+h.height;if(l.top>p||l.top<f)return void(this.style.visibility="hidden");var g=o.oDOMMainScroll.getBoundingClientRect(),m=this.width||0,b=o.mainGridTable.getScroll().left||0;if(l.left+=b,l.left+m>g.width||l.left<0)return void(this.style.visibility="hidden")}this.style.visibility="visible",this.style.top=l.top+"px",this.style.left=l.left+"px"}},{key:"open",value:function(e,t,o){this.currentCell=o,this.currentTrigger=t,this.bCellAnchor=o.dom()==t,this.innerHTML="",this.appendChild(e),this.setPosition(t),this.removeAttribute(l.Z.attr.hidden),this.width=this.getBoundingClientRect().width}},{key:"close",value:function(){this.currentCell=null,this.currentTrigger=null,this.offsetCoords=null,this.innerHTML="",this.width=0,this.setAttribute(l.Z.attr.hidden,"")}},{key:"isOpen",value:function(){return!this.hasAttribute(l.Z.attr.hidden)}},{key:"uns",value:function(){this.fnUnClick&&this.fnUnClick()}},{key:"disconnectedCallback",value:function(){u(p(a.prototype),"disconnectedCallback",this).call(this),this.currentCell=null,this.offsetCoords=null,this.currentTrigger=null}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,b);const v=b},46195:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>C});var n=o(54739),r=o(77065),i=o.n(r),a=o(29001),s=o.n(a),l=o(87822),d=o(37486);function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function u(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==c(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===c(i)?i:String(i)),n)}var r,i}function h(){return h="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=g(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},h.apply(this,arguments)}function f(e,t){return f=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},f(e,t)}function p(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=g(e);if(t){var r=g(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}var m=l.Z.zgCell.tagName,b=i(),v=null;CSSStyleSheet&&CSSStyleSheet.prototype.replaceSync&&((v=new CSSStyleSheet).replaceSync(i()),b="");var y=d.SV(b,s()),w={},z=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&f(e,t)}(i,e);var t,o,n,r=p(i);function i(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),r.apply(this,arguments)}return t=i,(o=[{key:"init",value:function(){h(g(i.prototype),"init",this).call(this,m,s(),b,w,y,v)}},{key:"ready",value:function(){h(g(i.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.getAttribute(l.Z.attr.role)||this.setAttribute(l.Z.attr.role,"gridcell");var e=d.Uh(this.ZG.getAttribute("layout"))?this.ZG.getAttribute("layout"):this.parentNode.getAttribute("layout");e&&e.length&&this.setAttribute(l.Z.zgLayout.attr,e),"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl")}},{key:"cellIndex",get:function(){return this._index},set:function(e){this._index=e}},{key:"_setTooltip",value:function(e,t,o){var n=this.widget,r=n.tooltipManager;this.bIsInfoTooltip=e;var i=this.oTooltipOptions=r._getTooltipOptions("Cell",t,o),a=r._hasTooltip("Cell",i);t.bHasCellTooltip=a,null!==i.tooltipDelay||this.bIsInfoTooltip||(i.defaultTooltipDelay=1e3),this.bIsInfoTooltip||(this.oTooltipOptions.tooltipAction=l.Z.zgTooltip.actionTypeHover),this.sTooltipContent&&this._resetTooltip();var s=this.querySelector("zg-button");if(a){s&&s.removeAttribute("tooltip");var d=this.querySelector("[".concat(l.Z.zgCell.cellIndexAttr,"]"));if(this.oTrigger=e?this.querySelector("zg-icon"):this,d){var c=i.tooltipType||"default";this.setAttribute(l.Z.zgTooltip.typeAttr,c),this.sTooltipContent=r._getTooltipContent("Cell",this.oTooltipOptions);var u=t.bIsActivateOnClick=e&&this.oTooltipOptions.tooltipAction===l.Z.zgTooltip.actionTypeClick;u?this.setAttribute(l.Z.zgTooltip.actionAttr,l.Z.zgTooltip.actionTypeClick):this.setAttribute(l.Z.zgTooltip.actionAttr,l.Z.zgTooltip.actionTypeHover),r._initTooltipTriggers(this.oTrigger,this,u)}}else s&&!n.webcomponent.buttonTooltipDisabled&&s.setTooltip(s.action,n,s.customTooltip)}},{key:"_setTooltipPosition",value:function(){var e=this.oTooltipOptions,t=this.oTrigger.getBoundingClientRect(),o=this.ZG.getBoundingClientRect(),n=(this.ZG.oDOMTooltip,null),r=t.left,i=this.getAttribute("type")===l.Z.internalColumn.rowgroup,a=window.getComputedStyle(this).getPropertyValue("padding-left"),s=parseInt(a.replace(/px/,"")),d="bottom"===e.tooltipPosition,c="right"===e.tooltipPosition,u="left"===e.tooltipPosition,h="top"===e.tooltipPosition||!e.tooltipPosition||!d&&!c&&!u;(h||d)&&i&&(r=this.querySelector("span[internal-span]").getBoundingClientRect().left);var f={left:r-o.left,top:t.top-o.top},p=this.querySelector("[".concat(l.Z.zgCell.cellIndexAttr,"]")),g=this.getAttribute(l.Z.attr.align)||"left";if("rtl"===this.getAttribute("dir")&&"left"===g&&(g="right"),"center"===g||"right"===g){var m=p.getBoundingClientRect();f.left=m.left-o.left,u?f.left-=s:c&&(f.left+=m.width)}return this.bIsInfoTooltip||i||!h&&!d||"left"!==g||Number.isInteger(s)&&(f.left+=s),c&&"left"===g&&(this.bIsInfoTooltip?f.left+=t.width:(n=n||p.getBoundingClientRect().width,f.left+=s+n)),(c||u)&&(f.top+=t.height/2),d&&(f.top+=t.height),f}},{key:"_resetTooltip",value:function(){this.sTooltipContent=null,this.fnUnMouseLeave&&(this.fnUnMouseLeave(),this.fnUnMouseEnter(),this.fnUnMouseEnter=null,this.fnUnMouseLeave=null),this.fnUnClick&&(this.fnUnClick(),this.fnUnClick=null)}},{key:"disconnectedCallback",value:function(){h(g(i.prototype),"disconnectedCallback",this).call(this),this._resetTooltip(),this.oTooltipOptions=null,this.oTrigger=null}}])&&u(t.prototype,o),n&&u(t,n),Object.defineProperty(t,"prototype",{writable:!1}),i}(n.Z);n.Z._registerElement(m,z);const C=z},94659:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>z});var n=o(54739),r=o(59427),i=o.n(r),a=o(59592),s=o.n(a),l=o(87822),d=o(37486);function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function u(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==c(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===c(i)?i:String(i)),n)}var r,i}function h(){return h="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=g(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},h.apply(this,arguments)}function f(e,t){return f=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},f(e,t)}function p(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=g(e);if(t){var r=g(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}var m="zg-checkbox",b=d.SV(i(),s()),v={checked:{bReflectToAttribute:!0,type:Boolean}},y=n.Z.getObservedAtts(v),w=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&f(e,t)}(a,e);var t,o,n,r=p(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,n=[{key:"observedAttributes",get:function(){return y}}],(o=[{key:"init",value:function(){h(g(a.prototype),"init",this).call(this,m,s(),i(),v,b),this.icon=document.createElement(l.Z.zgIcon.tagName)}},{key:"ready",value:function(){h(g(a.prototype),"ready",this).call(this),this.setAttribute(l.Z.attr.action,"checkbox");var e=this.querySelector(l.Z.zgIcon.tagName);e?this.icon=e:(this.icon||(this.icon=document.createElement(l.Z.zgIcon.tagName)),this.icon.setAttribute("slot","zgicon"),this.appendChild(this.icon)),this.oTextSlot=this.shadowRoot.querySelector(".zg-checkbox-text slot"),this.startingText=null,this.selectedText=null,this.textContent.length>0&&(this.setAttribute(l.Z.zgButton.hasTextAttr,""),this.startingText=this.textContent,this.hasAttribute(l.Z.event.selected)&&(this.selectedText=this.getAttribute(l.Z.event.selected))),this.icon.setAttribute("name","unchecked");var t=this.querySelectorAll("svg");t.length>1&&t[0].remove(),this.checked&&(this.noEvent=!0,this.toggleCheckbox(!0),this.noEvent=!1)}},{key:"ons",value:function(){var e=this;this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnKey&&this.fnUnKey(),this.fnUnSubscribe=this.on("click",(function(t){return e._toggleCheckedState(t)}),this,null,!1),this.fnUnKey=this.on("keydown",this.onKeyDown,this,{},!1)}},{key:"onKeyDown",value:function(e){e.nCharCode!==e.ENTER&&e.nCharCode!==e.SPACE||(e.preventDefault(),this.click())}},{key:"singleUncheck",value:function(){this.noEvent=!0,this.checked=!1,this.noEvent=!1}},{key:"toggleCheckboxWrapper",value:function(){this.checked=!this.checked}},{key:"toggleCheckbox",value:function(e,t){var o=this;this.toggleTO=setTimeout((function(){o.toggleTO=null,o.icon&&(e?o.icon.setAttribute("name",l.Z.event.checked):o.icon.setAttribute("name",l.Z.event.unchecked))}),0),this.noEvent||e!==(t=t||!1)&&this.fire("statechanged",e)}},{key:"_propertyHandler",value:function(e,t,o){return o=h(g(a.prototype),"_propertyHandler",this).call(this,e,t,o),"checked"===e&&this.toggleCheckbox(o,t),o}},{key:"_toggleCheckedState",value:function(e){e.stopEvent();var t=d.MV(this,l.Z.zgButton.tagName);t&&("checkbox"===t.action||!t.action&&t._isDisabled())||(this.checked=!this.checked,this.selectedText&&(this.oTextSlot.assignedNodes()[0].textContent=this.checked?this.selectedText:this.startingText))}},{key:"disconnectedCallback",value:function(){h(g(a.prototype),"disconnectedCallback",this).call(this),this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnKey&&this.fnUnKey(),this.toggleTO&&(clearTimeout(this.toggleTO),this.toggleTO=null),this.icon=null,this.oTextSlot=null}}])&&u(t.prototype,o),n&&u(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(m,w);const z=w},75483:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>v});var n=o(54739),r=o(58221),i=o.n(r),a=o(9872),s=o.n(a),l=o(87822);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g="zg-colgroup",m={},b=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){u(p(a.prototype),"ready",this).call(this);var e=this.widget=this._getHostContext(),t=e.webcomponent,o=t.querySelector("zg-colgroup:not([id])"),n=t.querySelector("zg-colgroup#gridcolgroup");if(o&&n){e.bUpdateColGroup=!0;var r=n.getAttribute(l.Z.zgLayout.attr);n.remove(),r&&this.setAttribute(l.Z.zgLayout.attr,r),e.resetColumns()}}},{key:"rerender",value:function(){this.debounceRerender()}},{key:"debounceRerender",value:function(){var e=this,t=this.latestTime=setTimeout((function(){if(t===e.latestTime){var o=e.widget,n=o.webcomponent;if(!o)return;n.oDOMColgroup=e,o.mainColumnHeader.associateColGroup(e),o.associateColumns(void 0,!0),o.bUpdateColGroup=!1}}),100)}},{key:"resetColgroup",value:function(){var e=this.widget,t=e.webcomponent;e.resetColumns(),e.updateDefaultColumnMapping(),t.oDOMColgroup=t.associateChild(l.Z.zgColgroup.tagName,null,"gridcolgroup","gridcolgroup",!1),e.mainColumnHeader.associateColGroup(t.oDOMColgroup),e.updateDefaultColumnMapping(),e.associateColumns()}},{key:"disconnectedCallback",value:function(){var e=this.widget;u(p(a.prototype),"disconnectedCallback",this).call(this),e&&!e.bDisconnect&&(e.bUpdateColGroup||"gridcolgroup"!==this.id&&this.id||this.resetColgroup())}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,b);const v=b},53329:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>y});var n=o(54739),r=o(72383),i=o.n(r),a=o(71454),s=o.n(a),l=o(31769),d=o(87822);function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function u(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==c(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===c(i)?i:String(i)),n)}var r,i}function h(){return h="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=g(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},h.apply(this,arguments)}function f(e,t){return f=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},f(e,t)}function p(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=g(e);if(t){var r=g(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}var m="zg-column-resize",b={},v=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&f(e,t)}(a,e);var t,o,n,r=p(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){h(g(a.prototype),"init",this).call(this,m,s(),i(),b)}},{key:"ready",value:function(){h(g(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl")}},{key:"ons",value:function(){this.on("dblclick",this.onDoubleClick,this,{},!1),this.on("mousedown",this.onResizeStart,this,{},!1),this.on("touchstart",this.onTouchStart,this,{},!1)}},{key:"onResizeStart",value:function(e){this.onStartResizeCommon(e);var t=l.Z.get(document);t.on("mousemove",this.onResizeColumn,this,{},!1),t.on("mouseup",this.onResizeStopColumn,this,{},!1),this.bTouch=!1}},{key:"onTouchStart",value:function(e){this.onStartResizeCommon(e),e.stopEvent();var t=l.Z.get(document);t.on("touchmove",this.onResizeColumn,this,{},!1),t.on("touchend",this.onResizeStopColumn,this,{},!1),this.bTouch=!0}},{key:"onStartResizeCommon",value:function(e){return this.nMultiplier="rtl"===this.widget.sComputedDir?-1:1,this.nIndex=this.oHeadCell.nIndex,this.columnResizeTimeout&&clearTimeout(this.columnResizeTimeout),this.widget.bIsColumnResizeActive=!0,this.oGridCoords=this.oHeadCell.getBoundingClientRect(),this.xStart=this.oGridCoords.x,this.nColumnWidth=this.oGridCoords.width,this.xHandlerStart=e.oBrowserEvent.clientX,this.nAdjustedWidth=0,this.nOffset=3,this.ZG.setAttribute(d.Z.zgColumnResize.attr,""),this.oHeadCell.parentNode.setAttribute(d.Z.zgColumnResize.attr,""),!0}},{key:"onResizeColumn",value:function(e){if(e.stopEvent(),!this.bUpdating){var t=this.widget.updater,o=this.bTouch?e.oBrowserEvent.touches[0].clientX:e.oBrowserEvent.clientX,n=this.oColumn._oParsedColumnMapping,r=(this.xHandlerStart-o)*this.nMultiplier,i=n.nCurrWidth-r,a=i,s=this.getMinWidth();if(i<s){var l=s-i;i=s,r-=l}var d=n.nResizableMaxWidth||this.ZG.columnResizableMaxWidth;if(d&&(d>n.nCurrWidth||r<0)&&(i=Math.min(i,d)),i!==n.nCurrWidth){if(i!==a){var c=n.nCurrWidth-r-i;this.nOffset+=c}this.bUpdating=!0,this.xHandlerStart=o,n.nCurrWidth=i,this.nAdjustedWidth=n.nCurrWidth,this.cleanupResize(r),t.update({bUpdateColumnWidth:!0}),this.widget.recordEditor&&this.widget.recordEditor.onResize(),this.bUpdating=!1}}}},{key:"onResizeStopColumn",value:function(e){var t=this;e&&e.stopEvent();var o=l.Z.get(document);o.docUn("mousemove",this.onResizeColumn,this),o.docUn("mouseup",this.onResizeStopColumn,this),o.docUn("touchmove",this.onResizeColumn,this),o.docUn("touchend",this.onResizeStopColumn,this),this.ZG.removeAttribute(d.Z.zgColumnResize.attr),this.oHeadCell.parentNode.removeAttribute(d.Z.zgColumnResize.attr),this.oColumn.width=this.nAdjustedWidth,this.widget.fire("columnresize",{column:this.oColumn,width:this.nAdjustedWidth}),this.columnResizeTimeout=setTimeout((function(){return t.widget.bIsColumnResizeActive=!1}),500)}},{key:"onDoubleClick",value:function(e){e&&e.stopEvent();var t=this.widget.updater,o=this.oColumn,n=this.oColumn._oParsedColumnMapping,r=this.getMinWidth(),i=parseInt(o.getAttribute("min-calculated-width"),10)||null;i||(i=t.getTableFitContentWidth(this.nIndex)),i=Math.max(i,r);var a=n.nCurrWidth-i;this.bUpdating=!0,n.nCurrWidth=i,this.cleanupResize(a),this.removeAttribute("style"),o.width=i,t.update({bUpdateColumnWidth:!0}),this.bUpdating=!1}},{key:"getMinWidth",value:function(){var e=this.oColumn._oParsedColumnMapping,t=e.sCellType,o=e.nResizableMinWidth||this.ZG.columnResizableMinWidth||d.Z.zgColumnResize.defaultMinWidth;return-1!==d.Z.internalColumnTypes.indexOf(t)&&(o=Math.min(o,d.Z.zgCell.actionCellSize)),o}},{key:"cleanupResize",value:function(e){var t=this.widget.updater,o=t.nColumnsWidth>t.nInitialWidth,n=t.getLastVisibleColumn();if(null!==n&&n!==this.oColumn)if(o){if(e>0){var r=this.widget.oDOMMainScroll;if(r.offsetWidth+r.scrollLeft>=r.scrollWidth)n.nCurrWidth+=e;else{var i=parseInt(n.oDOMZGColumn.getAttribute("min-calculated-width"),10)||50;n.nCurrWidth-e>i&&(n.nCurrWidth-=e)}}}else if(e<0){var a=parseInt(n.oDOMZGColumn.getAttribute("min-calculated-width"),10)||50;n.nCurrWidth+e>a&&(n.nCurrWidth+=e)}else n.nCurrWidth+=e}},{key:"disconnectedCallback",value:function(){h(g(a.prototype),"disconnectedCallback",this).call(this),this.oHeadCell=null,this.oColumn=null}}])&&u(t.prototype,o),n&&u(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(m,v);const y=v},52898:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>S});var n=o(54739),r=o(89536),i=o.n(r),a=o(31869),s=o.n(a),l=o(37486),d=o(84981),c=o(87822),u=o(96766),h=(o(41090),o(19791));function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function p(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==f(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===f(i)?i:String(i)),n)}var r,i}function g(){return g="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=v(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},g.apply(this,arguments)}function m(e,t){return m=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},m(e,t)}function b(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=v(e);if(t){var r=v(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===f(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function v(e){return v=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},v(e)}var y="zg-column",w={align:{bReflectToAttribute:!0,type:String,mapping:"sAlign"},arrayIndex:{bReflectToAttribute:!0,type:String,mapping:"sArrayIndex",bRefreshContent:!0},arraySlice:{bReflectToAttribute:!0,type:String,mapping:"sArraySlice",bRefreshContent:!0},buttonBorder:{bReflectToAttribute:!0,type:String,bRefreshContent:!0,mapping:"sButtonBorder"},cellBreak:{type:String,mapping:"sCellBreak",bReflectToAttribute:!0,bRefreshContentWidth:!0},cellClass:{bReflectToAttribute:!0,type:String,mapping:"sCellClass"},cellTooltipAction:{type:String,bReflectToAttribute:!0,mapping:"cellTooltipAction",bRefreshContent:!0},cellTooltipDelay:{type:Number,bReflectToAttribute:!0,mapping:"cellTooltipDelay",bRefreshContent:!0},cellTooltipIcon:{bReflectToAttribute:!0,type:String,mapping:"cellTooltipIcon",bRefreshContent:!0},cellTooltipPosition:{type:String,bReflectToAttribute:!0,mapping:"cellTooltipPosition",bRefreshContent:!0},cellTooltipRenderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},cellTooltipTemplate:{type:String,bReflectToAttribute:!0,bRefreshContent:!0},cellTooltipText:{type:String,bReflectToAttribute:!0,mapping:"cellTooltipText",bRefreshContent:!0},cellTooltipType:{type:String,bReflectToAttribute:!0,mapping:"cellTooltipType",bRefreshContent:!0},contentStyle:{bReflectToAttribute:!0,type:String,mapping:"sContentStyle",bRefreshContent:!0},contentWidth:{bReflectToAttribute:!0,type:String,mapping:"sContentWidth",bRefreshContentWidth:!0},defaultDisplay:{type:String,bReflectToAttribute:!0,mapping:"sDefaultDisplay"},detailsRenderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},detailsTemplate:{type:String,bReflectToAttribute:!0},drag:{type:String,bReflectToAttribute:!0,mapping:"sDrag"},editor:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},editorTemplate:{type:String,bReflectToAttribute:!0},filter:{bReflectToAttribute:!0,type:String},filterIndex:{bReflectToAttribute:!0,type:String,mapping:"sFilterIndex"},filterKey:{bReflectToAttribute:!0,type:String,mapping:"sFilterKey"},filterer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},frozen:{type:String,bReflectToAttribute:!0,sBooleanDefault:"left",mapping:"sFrozen"},footCell:{bReflectToAttribute:!0,type:String,mapping:"sFootCell"},group:{bReflectToAttribute:!0,type:Boolean,mapping:"bGroup"},headCell:{bReflectToAttribute:!0,type:String,mapping:"sHeadCell"},header:{bReflectToAttribute:!0,type:String},headerAutoFormat:{type:String,bReflectToAttribute:!0},headerTooltipAction:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipAction"},headerTooltipDelay:{type:Number,bReflectToAttribute:!0,mapping:"headerTooltipDelay"},headerTooltipIcon:{bReflectToAttribute:!0,type:String,mapping:"headerTooltipIcon"},headerTooltipIconPosition:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipIconPosition"},headerTooltipPosition:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipPosition"},headerTooltipRenderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0,mapping:"headerTooltipRenderer"},headerTooltipTemplate:{type:String,bReflectToAttribute:!0},headerTooltipText:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipText"},headerTooltipTrigger:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipTrigger"},headerTooltipType:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipType"},hidden:{bReflectToAttribute:!0,type:Boolean,mapping:"bHidden",default:!1},index:{bReflectToAttribute:!0,type:String,mapping:"sFieldIndex",default:""},locale:{bReflectToAttribute:!0,type:String,mapping:"sLocale",bRefreshContent:!0},menuText:{bReflectToAttribute:!0,type:String,mapping:"sMenuText"},minWidth:{bReflectToAttribute:!0,type:Number,mapping:"nMinWidth"},resizable:{type:String,bReflectToAttribute:!0,mapping:"sResizable"},resizableMaxWidth:{bReflectToAttribute:!0,type:Number,mapping:"nResizableMaxWidth"},resizableMinWidth:{bReflectToAttribute:!0,type:Number,mapping:"nResizableMinWidth"},resizablePersistent:{type:String,bReflectToAttribute:!0,mapping:"sResizablePersistent"},renderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},rendererTemplate:{type:String,bReflectToAttribute:!0},required:{type:Boolean,bReflectToAttribute:!0,mapping:"bRequired"},search:{type:String,bReflectToAttribute:!0},separator:{bReflectToAttribute:!0,type:String,mapping:"sSeparator",bRefreshContent:!0},sort:{type:String,bReflectToAttribute:!0},sortIntl:{type:String,bReflectToAttribute:!0},sortAsc:{bReflectToAttribute:!0,type:Boolean},sortDesc:{bReflectToAttribute:!0,type:Boolean},sorter:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},translateNewline:{type:String,bReflectToAttribute:!0,mapping:"sTranslateNewline",bRefreshContentWidth:!0},type:{bReflectToAttribute:!0,type:String},typeAggregateValue:{bReflectToAttribute:!0,type:Function,mapping:"sTypeAggregateValue"},typeAggregateOmit:{bReflectToAttribute:!0,type:Boolean,mapping:"bTypeAggregateOmit"},typeButtonDisabled:{bReflectToAttribute:!0,type:String,bRefreshContent:!0},typeButtonHandler:{bReflectToAttribute:!0,type:Function,bRefreshContent:!0},typeButtonIcon:{bReflectToAttribute:!0,type:String,mapping:"sTypeButtonIcon",bRefreshContent:!0},typeButtonLabel:{bReflectToAttribute:!0,type:String,mapping:"sTypeButtonLabel",bRefreshContent:!0},typeButtonTooltip:{bReflectToAttribute:!0,type:String,mapping:"sTypeButtonTooltip",bRefreshContent:!0},typeButtonUrl:{bReflectToAttribute:!0,type:String,mapping:"sTypeButtonUrl",bRefreshContent:!0},typeCheckboxLabel:{bReflectToAttribute:!0,type:String,mapping:"sTypeCheckboxLabel",bRefreshContent:!0},typeColorMode:{bReflectToAttribute:!0,type:String,mapping:"sTypeColorMode",bRefreshContent:!0},typeColorPreview:{bReflectToAttribute:!0,type:String,mapping:"sTypeColorPreview",bRefreshContent:!0},typeColorSpaces:{bReflectToAttribute:!0,type:String,mapping:"sTypeColorSpaces",bRefreshContent:!0},typeCurrency:{bReflectToAttribute:!0,type:String,mapping:"sTypeCurrency",bRefreshContent:!0},typeDateFormat:{bReflectToAttribute:!0,type:String,mapping:"sTypeDateFormat",bRefreshContent:!0},typeDateFromNow:{bReflectToAttribute:!0,type:Boolean,mapping:"bTypeDateFromNow",bRefreshContent:!0},typeElementAttributeName:{bReflectToAttribute:!0,type:String,mapping:"sElementAttributeName",bRefreshContent:!0},typeElementTagName:{bReflectToAttribute:!0,type:String,mapping:"sElementTagName",bRefreshContent:!0},typeIframeRatio:{bReflectToAttribute:!0,type:String,mapping:"sTypeIframeRatio",bRefreshContent:!0},typeImageAlt:{bReflectToAttribute:!0,type:String,mapping:"sTypeImageAlt",bRefreshContent:!0},typeImageMask:{bReflectToAttribute:!0,type:String,mapping:"sTypeImageMask",bRefreshContent:!0},typeImageSrc:{bReflectToAttribute:!0,type:String,mapping:"sTypeImageSrc",bRefreshContent:!0},groupHeadCell:{bReflectToAttribute:!0,type:String,mapping:"sGroupHeadCell",bRefreshContent:!0},typeGroupHideCount:{bReflectToAttribute:!0,type:Boolean,mapping:"bTypeGroupHideCount",bRefreshContent:!0},typeGroupPlural:{bReflectToAttribute:!0,type:String,mapping:"sTypeGroupPlural",bRefreshContent:!0},typeNumberFormatting:{bReflectToAttribute:!0,type:String,mapping:"sTypeNumberFormatting",bRefreshContent:!0},typeNumberDecimals:{bReflectToAttribute:!0,type:Number,mapping:"nTypeNumberDecimals",bRefreshContent:!0},typeNumberMinDecimals:{bReflectToAttribute:!0,type:Number,mapping:"nTypeNumberMinDecimals",bRefreshContent:!0},typeNumberMaxDecimals:{bReflectToAttribute:!0,type:Number,mapping:"nTypeNumberMaxDecimals",bRefreshContent:!0},typePercentageDecimals:{bReflectToAttribute:!0,type:Number,mapping:"nTypePercentageDecimals",bRefreshContent:!0},typePercentageMaxDecimals:{bReflectToAttribute:!0,type:Number,mapping:"nTypePercentageMaxDecimals",bRefreshContent:!0},typeRadioOptions:{bReflectToAttribute:!0,type:String,mapping:"sTypeRadioOptions",bRefreshContent:!0,bCanBeObject:!0},typeRangeMax:{bKeepDecimal:!0,bReflectToAttribute:!0,type:Number,mapping:"nTypeRangeMax"},typeRangeMin:{bKeepDecimal:!0,bReflectToAttribute:!0,type:Number,mapping:"nTypeRangeMin"},typeRangeStep:{bReflectToAttribute:!0,bKeepDecimal:!0,type:Number,mapping:"nTypeRangeStep"},typeSelectDefaultValue:{bReflectToAttribute:!0,type:String,mapping:"sTypeSelectDefaultValue"},typeSelectMultiple:{bReflectToAttribute:!0,type:Boolean,mapping:"bTypeSelectMultiple"},typeSelectOptions:{bReflectToAttribute:!0,type:String,bCanBeObject:!0},typeToggleOptions:{bReflectToAttribute:!0,type:Array,mapping:"aTypeToggleOptions",bRefreshContent:!0},typeToggleRenderValue:{bReflectToAttribute:!0,type:Boolean,mapping:"bTypeToggleRenderValue"},typeUrlIcon:{bReflectToAttribute:!0,type:String,mapping:"sTypeUrlIcon",bRefreshContent:!0},typeUrlTarget:{bReflectToAttribute:!0,type:String,mapping:"sTypeUrlTarget",bRefreshContent:!0},typeUrlSrc:{bReflectToAttribute:!0,type:String,mapping:"sTypeUrlSrc",bRefreshContent:!0},typeUrlText:{bReflectToAttribute:!0,type:String,mapping:"sTypeUrlText",bRefreshContent:!0},validationErrorMessage:{type:String,bReflectToAttribute:!0,mapping:"sValidationErrorMessage"},validationRequiredMessage:{type:String,bReflectToAttribute:!0,mapping:"sRequiredErrorMessage"},validator:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},visibilityPriority:{bReflectToAttribute:!0,type:Number,mapping:"nPriority"},width:{bReflectToAttribute:!0},widget:{}},z=n.Z.getObservedAtts(w),C=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&m(e,t)}(a,e);var t,o,n,r=b(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,n=[{key:"observedAttributes",get:function(){return z}}],(o=[{key:"init",value:function(){g(v(a.prototype),"init",this).call(this,y,s(),i(),w),this._oParsedColumnMapping={aUserSet:[],bIsKeyIndex:!1},this.body=null,this.oDOMEditorTemplate=this.oDOMRenderTemplate=this.oDOMDetailsTemplate=null,this._ASC_DESC_LOCK_=!1}},{key:"connectedCallback",value:function(){g(v(a.prototype),"connectedCallback",this).call(this)}},{key:"ready",value:function(){g(v(a.prototype),"ready",this).call(this);var e=this._getHostContext();if(e&&(this.ZG=e.webcomponent,!this.parentNode||"div"!==this.parentNode.tagName.toLowerCase())){if(this.frozen)e.bNeedsFrozenAdjust=!0;else if(!this.parentNode||this.parentNode.tagName.toLowerCase()!==c.Z.zgColgroup.tagName){var t=e.webcomponent.oDOMColgroup;return this.ZG.querySelector(c.Z.zgColgroup.tagName)||(this.ZG.appendChild(t),this.ZG.oDOMColgroup=t),void t.appendChild(this)}this.widget||(this.widget=e),this.bNeedsSortUpdate&&this.sortStyleUpdate()}}},{key:"checkDisconnect",value:function(e){return!e||e.bDisconnect||e.bEditingControls||e.bUpdateColGroup||e.bUpdatingFrozen||e.bUpdatingColumns||e.bIsColumnMoverActive||!e.aColumnMapping||!e.aColumnMapping.length}},{key:"disconnectedCallback",value:function(){var e=!1,t=!1,o=this.widget;if(g(v(a.prototype),"disconnectedCallback",this).call(this),!this.checkDisconnect(o)){var n=this._oParsedColumnMapping.oDOMSortHeader,r=o.getZGColumnIndex(this._oParsedColumnMapping);o.aColumnMapping.length>r&&(e=!0,o.aColumnMapping.splice(r,1),this.type===c.Z.internalColumn.recordselector?(o.bHasSelectorColumn=!1,0!==o.aColumnMapping.length&&o.webcomponent._checkRemoveCaption()):this.type===c.Z.internalColumn.rowgroup&&(o._updateGroupedColumnReset(!0,!0),t=!0)),n&&n.remove(),!e||o.bEditingControls||t||o.store.reload()}}},{key:"initialLoad",value:function(e){var t=this._oParsedColumnMapping;t.sColumnId=e.createColumnId(),t.oDOMZGColumn=this,t.bFilter=e.bGlobalFilter,this.cellClass&&this.setCellClass(this.cellClass),this.setTemplateById(this.editorTemplate,"oDOMEditorTemplate"),this.setTemplateById(this.rendererTemplate,"oDOMRenderTemplate"),this.setTemplateById(this.detailsTemplate,"oDOMDetailsTemplate"),this.setTemplateById(this.headerTooltipTemplate,"oDOMHeaderTooltipTemplate"),this.setTemplateById(this.cellTooltipTemplate,"oDOMCellTooltipTemplate"),this.setTemplate(),this.setRenderer("Details",this.detailsRenderer),this.setRenderer("HeaderTooltip",this.headerTooltipRenderer),this.setRenderer("CellTooltip",this.cellTooltipRenderer),this.setCellType(e,this.type),void 0!==this.typeButtonHandler&&this.setClickCallback(this.typeButtonHandler),void 0!==this.typeButtonDisabled&&this.setButtonDisabled(this.typeButtonDisabled),this.setDirectValues(),this.typeSelectOptions?t.aSelectOptions=l.Ld.formatToArray(this.typeSelectOptions):"select"===this.type&&(e.bNeedsSelectOptions=!0),this.setColumnWidth(e,this.width),this.setSorting(this.sortAsc,this.sortDesc),void 0!==this.headerAutoFormat&&this.setHeaderAutoFormat(this.headerAutoFormat,e),this.setHeader(this.header,e),this.headCell&&this.setAggregateCell(this.headCell,"Head",e),this.footCell&&this.setAggregateCell(this.footCell,"Foot",e),this.groupHeadCell&&this.setAggregateCell(this.groupHeadCell,"GroupHead",e)}},{key:"getFrozenColumnNewIndex",value:function(e,t,o){var n;return"right"===t?(n=e.aColumnMapping.length-1,e.nRightFrozenColumns++):"left"===t?(n=e.nLeftFrozenColumns,e.nLeftFrozenColumns++):"left"===o?n=e.nLeftFrozenColumns-1:"right"===o&&(n=e.aColumnMapping.length-(e.nRightFrozenColumns-1)-1),"right"===o?e.nRightFrozenColumns--:"left"===o&&e.nLeftFrozenColumns--,n}},{key:"setAlign",value:function(e,t,o){var n=t.aColumnMapping.reduce((function(e,t,n){return t.sColumnId===o.sColumnId?e=n:e}),null),r=t.getHeaderByColumnIndex(n).childNodes,i=t.getBodyByColumnIndex(n).childNodes,a=t.getFooterByColumnIndex(n).childNodes;(r||i||a)&&(this.setAlignByArea(r,n,e,t),this.setAlignByArea(i,n,e,t),this.setAlignByArea(a,n,e,t))}},{key:"setAlignByArea",value:function(e,t,o,n){var r=n.getAdjustedColumnIndex(t);e.forEach((function(e){e.childNodes.forEach((function(e,t){r===t&&n.setCellAlignment(e,o)}))}))}},{key:"setTemplate",value:function(){var e=this;if(this.querySelector("template"))this.setTemplatesFromSlot();else{var t=this.shadowRoot.querySelector("slot");t.assignedNodes().length?this._oParsedColumnMapping.body=this.innerHTML.trim():t.addEventListener("slotchange",(function(){e.querySelector("template")?e.setTemplatesFromSlot():e._oParsedColumnMapping.body=e.innerHTML.trim()}))}}},{key:"setTemplatesFromSlot",value:function(){var e=this;this.querySelectorAll("template").forEach((function(t){var o=t.getAttribute("type");o===c.Z.template.type.editor?e._oParsedColumnMapping.oDOMEditorTemplate=t:o===c.Z.template.type.details?e._oParsedColumnMapping.oDOMDetailsTemplate=t:e._oParsedColumnMapping.oDOMRenderTemplate=t}))}},{key:"setTemplateById",value:function(e,t){var o=window[e]||document.getElementById(e)||null;this._oParsedColumnMapping[t]=o}},{key:"setCellType",value:function(e,t){var o=this.index||"",n=t||"text";n===c.Z.internalColumn.rowgroup&&e.bHasRowGroupColumn&&(n="text",this.removeAttribute("type"),this.setAttribute("group",""));var r,i=d.Z.getCellType(n),a=this._oParsedColumnMapping;if(t&&(a.bIsTypeUserProvided=!0),a.sCellType=n,a.sSortIntl=this.sortIntl,n===c.Z.internalColumn.rowgroup||n===c.Z.cellTypes.aggregate?(this.setCellTypeManager(void 0,"fnRenderer",d.Z.getRenderer,i.renderer),this.renderer&&(r=n===c.Z.cellTypes.aggregate?"fnAggregateRenderer":"fnGroupRenderer",this.setCellTypeManager(this.renderer,r,d.Z.getRenderer,i.renderer))):this.setCellTypeManager(this.renderer,"fnRenderer",d.Z.getRenderer,i.renderer),this.setCellTypeManager(this.validator,"oValidator",d.Z.getValidator,i.validator),this.setCellTypeManager(this.sorter,"fnSorter",d.Z.getSorter,i.sorter,i.intlSorter,e),this.setCellTypeManager(this.editor,"oEditor",d.Z.getEditor,i.editor),void 0!==this.filter){var s="disabled"!==this.filter.toLowerCase();s&&(e.bHasFilterEnabled=!0),a.bFilter=s}this.setCellTypeManager(this.filterer,"oFilter",d.Z.getFilter,i.filter),n==c.Z.internalColumn.recordeditor?e.bHasEditColumn=!0:n==c.Z.internalColumn.recordremover?e.bHasRemoveColumn=!0:n===c.Z.internalColumn.recordselector?e.bHasSelectorColumn=!0:n===c.Z.internalColumn.rownumber?e.bHasRowNumberColumn=!0:n===c.Z.internalColumn.recordinfo?e.bHasInfoColumn=!0:n===c.Z.internalColumn.recordduplicate?e.bHasDuplicateColumn=!0:n===c.Z.internalColumn.rowgroup&&(e.bHasRowGroupColumn=!0,e.bGroupBy=!0,o&&(e.aGroupBy=o.split(",").map((function(e){return e.trim()})))),e.setupCardHeader()}},{key:"updateGlobalIntlSort",value:function(e){var t=d.Z.getCellType(this.type);this.setCellTypeManager(this.sorter,"fnSorter",d.Z.getSorter,t.sorter,t.intlSorter,this.widget)}},{key:"setIntlSort",value:function(e,t,o){var n=this.sLocale||this.getAttribute("locale"),r=this._oParsedColumnMapping.sSortIntl;o&&void 0===r&&(r=o.sSortIntl),null==r?(n||(n=h.default.getLocale(o)),"en"!==n.substring(0,2).toLowerCase()&&(e.method=t)):"disabled"!==r&&(e.method=t)}},{key:"setCellTypeManager",value:function(e,t,o,n,r,i){if(i=i||this.widget,n&&!n.method&&(n={method:n,scope:null}),n&&r&&this.setIntlSort(n,r,i),!1===e||"false"===e||"disabled"===e)this._oParsedColumnMapping[t]=!1;else if(l.HD(e)){if(this._oParsedColumnMapping[t]=u.Z.setUserFunction(o,e),"oFilter"===t){var a=this._oParsedColumnMapping[t];a&&a.method&&n&&n.method&&l.kn(a.method,n.method)}if(this._oParsedColumnMapping.sEditorType=e,"fnSorter"===t&&null===this._oParsedColumnMapping[t])return this._oParsedColumnMapping[t]=n,this._oParsedColumnMapping.sSorterIndex=e,void(this._oParsedColumnMapping.aUserSet[t]=!1)}else this._oParsedColumnMapping[t]=e?{method:e,scope:null}:n;if("oValidator"===t&&e){var s=this._oParsedColumnMapping[t]&&this._oParsedColumnMapping[t].method;if(s&&!s.validator){var d={validator:s};this._oParsedColumnMapping[t].method=d}}this._oParsedColumnMapping.aUserSet[t]=!!e}},{key:"setRenderer",value:function(e,t){t&&l.HD(t)?this._oParsedColumnMapping["fn".concat(e,"Renderer")]=u.Z.setUserFunction(null,t):this._oParsedColumnMapping["fn".concat(e,"Renderer")]=null}},{key:"setCellClass",value:function(e){e&&this.setCellTypeManager(e,"fnCellClass")}},{key:"setGroup",value:function(e){var t=this.widget,o=t.aGroupBy;o||(t.aGroupBy=o=[]);var n=o.slice(0),r=this._oParsedColumnMapping.sFieldIndex;e?(t.bGroupBy=!0,o.push(r)):o.splice(o.indexOf(r),1),0===o.length&&(t.bGroupBy=!1),t._updateGroupedColumnReset(!0,0===o.length,n)}},{key:"setAggregateCell",value:function(e,t,o){var n=o.aColumnMapping,r="fn".concat(t,"Cell");if(null===e){var i="s".concat(t,"Cell");this._oParsedColumnMapping[r]=!1,o["bHas".concat(t,"Row")]=n.some((function(e){return e[i]}))}else l.HD(e)&&(this._oParsedColumnMapping[r]=u.Z.setUserFunction(null,e),o["bHas".concat(t,"Row")]=!0)}},{key:"setColumnWidth",value:function(e,t){var o=this._oParsedColumnMapping,n=this._oParsedColumnMapping.sCellType,r=this.parseWidth(t,n,e);!isNaN(r)&&this.cellBreak,o.mOldWidth=o.mWidth,o.mWidth=r}},{key:"parseWidth",value:function(e,t,o){var n;(o=o||this.widget)&&(n=o.webcomponent.columnWidth)&&(n=n.toString().replace("px","")),e?o.bOnlyColumnWidth=!1:n&&void 0===o.bOnlyColumnWidth&&(o.bOnlyColumnWidth=!0),n=n||"fit",-1!==c.Z.internalColumnTypes.indexOf(t)&&(n=c.Z.zgCell.actionCellKey);var r=e||n;return null!=r&&(l.HD(r)&&(/%$/.test(r)||"stretch"==r||"fit"==r||"fitheader"==r||"fitaction"==r||"fitcontent"==r)?n=r:(n=parseFloat(r),Number.isNaN(n)&&(n="fit"))),n}},{key:"setDirectValues",value:function(){var e=this._oParsedColumnMapping;for(var t in w){var o=w[t];o.mapping&&(o.hasOwnProperty("default")&&void 0===this[t]?e[o.mapping]=o.default:(e[o.mapping]=this[t],"index"===t&&this[t]===c.Z.store.keyField&&(e.bIsKeyIndex=!0)))}}},{key:"setHeader",value:function(e,t,o){t=t||this.widget;var n=this._oParsedColumnMapping,r=t.sNestedDataSeparator;o||(e=e||this.header);var i=n.sFieldIndex;void 0!==e?n.bIsHeaderTextUserProvided=!0:n.sCellType===c.Z.cellTypes.aggregate&&(i=t.aggregateManager.getAggregateColumnHeader(n));var a=0;if(null!==i&&(a=l.Ld._splitHeader(i,r).length),e)i=l.kJ(e)?"disabled"!==r?e.join(r):e.join(" "):String(e),a=l.Ld._splitHeader(e,r).length;else if(i&&(t.bHeaderAutoFormat&&!1!==this.bHeaderAutoFormat||this.bHeaderAutoFormat)){i=l.Ld.camelCaseToReadable(i,r);var s=this.fnHeaderAutoFormat||t.fnHeaderAutoFormat;s&&(i=s.method.apply(s.scope,[n.sFieldIndex,i])||i),a=l.Ld._splitHeader(i,r).length}t.nHeaderDepth=Math.max(t.nHeaderDepth,a),this.removeAttribute("min-calculated-header-width"),n.sColumnHeaderText=i,n.nHeaderDepth=a}},{key:"setCallbackProperties",value:function(e,t,o){e&&"string"==typeof e?(this._oParsedColumnMapping[o]=u.Z.setUserFunction(null,e),this._oParsedColumnMapping[t]=e):(this._oParsedColumnMapping[o]=null,this._oParsedColumnMapping[t]=null)}},{key:"setButtonDisabled",value:function(e){this.setCallbackProperties(e,"bTypeButtonDisabled","fnTypeButtonDisabled")}},{key:"setClickCallback",value:function(e){this.setCallbackProperties(e,"sTypeButtonHandler","fnTypeButtonHandler")}},{key:"setHeaderAutoFormat",value:function(e,t){""===e||null===e?this.bHeaderAutoFormat=!0:(this.bHeaderAutoFormat="disabled"!==e&&!!e,this.bHeaderAutoFormat&&"string"==typeof e&&(this.fnHeaderAutoFormat=u.Z.setUserFunction(null,e))),this.bReady&&this.setHeader(null,t)}},{key:"setSorting",value:function(e,t,o){this._oParsedColumnMapping.nSortOrder=0,e?this._oParsedColumnMapping.nSortOrder=1:t&&(this._oParsedColumnMapping.nSortOrder=-1),o&&(this.sortAsc=e,this.sortDesc=t),this.widget&&this.widget.bSorting||(this.sortAsc||this.sortDesc)&&(this.widget?this.sortStyleUpdate():this.bNeedsSortUpdate=!0)}},{key:"sortStyleUpdate",value:function(){var e=this;this.widget.webcomponent._wrapAPI((function(){if(e.bNeedsSortUpdate=!1,e.sortAsc||e.sortDesc){var t=e.sortAsc?"asc":"desc",o=e._oParsedColumnMapping.oDOMSortHeader;o&&o.onSort(null,null,t)}}))}},{key:"sortUpdate",value:function(){var e=this.widget,t=e.store;t.isServerSort()?(e.savedScrollVal=e.oDOMMainScroll.scrollLeft,1===this._oParsedColumnMapping.nSortOrder?t.oDataFormat.sSortDir="asc":-1===this._oParsedColumnMapping.nSortOrder?t.oDataFormat.sSortDir="desc":delete t.oDataFormat.sSortDir,0!==this._oParsedColumnMapping.nSortOrder?t.oDataFormat.sSortBy=this.index:delete t.oDataFormat.sSortBy,t.reset(),this.widget.nCurrPageIdx=0,this.widget.dumpRowMapping(),t.load()):this.update(["bUpdateRowMappingOrder","bUpdateBodyContent"])}},{key:"update",value:function(e,t,o){var n=t||this.widget,r=o?void 0:n.getZGColumnIndex(this._oParsedColumnMapping),i={};e.forEach((function(e){return i[e]=!0})),n.updater.update(i,null,r)}},{key:"updateIndex",value:function(e){var t=this._oParsedColumnMapping,o=this.widget,n=o.store,r=t.sFieldIndex=e||"";if(t.bIsHeaderTextUserProvided||this.setHeader(void 0,o),n.bHasLoaded){o.bIsUpdatingType=!0;var i=n.getFieldStructure(),a=i?i[r]:"text",s="text";if("number"===a&&(s=a),t.bIsTypeUserProvided||(t.oDOMZGColumn[c.Z.attr.type]=s,t.bIsTypeUserProvided=!1),o.bIsUpdatingType=!1,t.sCellType===c.Z.internalColumn.rowgroup&&!o.bEditingControls){var l=o.aGroupBy.slice(0);r?o.aGroupBy=r.split(",").map((function(e){return e.trim()})):(o.aGroupBy=[],o.bGroupBy=!1),o._updateGroupedColumnReset(!0,0===o.aGroupBy.length,l)}}}},{key:"needToCalcEditorWidth",value:function(){var e=this._oParsedColumnMapping,t=this.widget;return t&&t.bHasEditorEnabled&&e.oEditor&&!e.aUserSet.oEditor&&e.oEditor.method.bCalculateWidth}},{key:"updateAttributeValue",value:function(e,t){var o=this.widget,n=this._oParsedColumnMapping;if(w[e].mapping&&"index"!==e)n[w[e].mapping]=t;else{var r=d.Z.getCellType(n.sCellType);switch(e){case"editor":this.setCellTypeManager(t,"oEditor",d.Z.getEditor,r.editor);break;case"editorTemplate":this.setTemplateById(t,"oDOMEditorTemplate");break;case"detailsTemplate":this.setTemplateById(t,"oDOMDetailsTemplate");break;case"headerTooltipTemplate":this.setTemplateById(t,"oDOMHeaderTooltipTemplate");break;case"cellTooltipTemplate":this.setTemplateById(t,"oDOMCellTooltipTemplate");break;case"filter":t&&"disabled"!==t?this.widget.bHasFilterEnabled=!0:null===this.widget.webcomponent.getAttribute("filter")&&(this.widget.aColumnMapping.some((function(e){return e.oDOMZGColumn.getAttribute("filter")}))||(this.widget.bHasFilterEnabled=!1)),n.bFilter=!t||"disabled"!==t.toLowerCase();break;case"filterer":var i=d.Z.getCellType(t);i&&(r=i),this.setCellTypeManager(t,"oFilter",d.Z.getFilter,r.filter);break;case"header":this.setHeader(t,o,!0);break;case"headerAutoFormat":this.bReady&&this.setHeaderAutoFormat(t,o);break;case"index":this.updateIndex(t);break;case"renderer":this.setCellTypeManager(t,"fnRenderer",d.Z.getRenderer,r.renderer);break;case"rendererTemplate":this.setTemplateById(t,"oDOMRenderTemplate");break;case"typeSelectOptions":n.aSelectOptions=t?l.Ld.formatToArray(t):null;break;case"sortAsc":this.setSorting(t,this.sortDesc);break;case"sortDesc":this.setSorting(this.sortAsc,t);break;case"sortIntl":n.sSortIntl=t,this.setCellTypeManager(this.sorter,"fnSorter",d.Z.getSorter,r.sorter,r.intlSorter);break;case"sorter":this.setCellTypeManager(t,"fnSorter",d.Z.getSorter,r.sorter,r.intlSorter);break;case"type":n.sCellType=t||"text";break;case"typeButtonDisabled":this.setButtonDisabled(t);break;case"typeButtonHandler":this.setClickCallback(t);break;case"validator":this.setCellTypeManager(t,"oValidator",d.Z.getValidator,r.validator);break;case"width":this.setColumnWidth(o,t)}}}},{key:"_propertyHandler",value:function(e,t,o){var n,r=this.widget,i=this._oParsedColumnMapping;if("sortAsc"===e||"sortDesc"===e){var s="sortAsc"===e?"sortDesc":"sortAsc";if(this._ASC_DESC_LOCK_)return o;this._ASC_DESC_LOCK_=!0,n=this[s],o&&n&&(this[s]=!1),this._ASC_DESC_LOCK_=!1}if(o=g(v(a.prototype),"_propertyHandler",this).call(this,e,t,o),"widget"!==e){if(!r)return o;this.updateAttributeValue(e,o)}var l=w[e];if(l.bRefreshContent)this.update(["bUpdateBodyContent","bUpdateColumnHeaderContent","bUpdateColumnFooterContent"]);else if(l.bRefreshContentWidth)this.widget.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0});else switch(e){case"align":this.setAlign(o,r,this._oParsedColumnMapping);break;case"cellClass":this.setCellClass(o),this.update(["bUpdateBodyContent"]);break;case"cellTooltipRenderer":this.setRenderer("CellTooltip",o),this.update(["bUpdateBodyContent"]);break;case"defaultDisplay":this.update(["bUpdateBodyContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"detailsRenderer":this.setRenderer("Details",o),this.update(["bUpdateBodyContent"]);break;case"drag":this.widget.columnDragManager.setColumnDrag();break;case"filterer":case"filter":this.update(["bUpdateColumnHeaderContent","bUpdateFilter","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"filterIndex":if(this.bReady){var d=o||this._oParsedColumnMapping.sFieldIndex||"";this._oParsedColumnMapping.oDOMFilter.sFilterIndex=d.split(",")[0]}break;case"filterKey":if(this.bReady){var u=o||this._oParsedColumnMapping.oDOMFilter.sFilterIndex||this._oParsedColumnMapping.sFieldIndex||"";this._oParsedColumnMapping.oDOMFilter.sFilterKey=u.split(",")[0]}break;case"footCell":this.setAggregateCell(o,"Foot",r),this.update(["bUpdateColumnFooter","bUpdateColumnFooterContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"frozen":if(!r.bUpdatingFrozen){var h=r.getZGColumnIndex(i),f=r.getAreaByColumnIndex(h),p=o;if("left"!==p&&"right"!==p&&(p="main"),p!==f){var m=r.getBodyByColumnIndex(h),b=r.getAdjustedColumnIndex(h),y=this.getFrozenColumnNewIndex(r,p,f);null!==y&&r.moveColumn(h,y,!0,m,b)}}break;case"group":if(this.bReady){this.setGroup(o);break}case"groupHeadCell":this.setAggregateCell(o,"GroupHead",r);break;case"headCell":this.setAggregateCell(o,"Head",r),this.update(["bUpdateColumnHeaderContent"]);break;case"headerTooltipText":case"headerTooltipDelay":case"headerTooltipIcon":case"headerTooltipIconPosition":case"headerTooltipPosition":case"headerTooltipTemplate":case"headerTooltipType":case"headerTooltipTrigger":case"headerTooltipAction":this.update(["bUpdateColumnHeaderContent"]);break;case"headerTooltipRenderer":this.setRenderer("HeaderTooltip",o),this.update(["bUpdateColumnHeaderContent"]);break;case"header":case"headerAutoFormat":this.update(["bUpdateColumnHeaderContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"hidden":if(!r.updater.updating&&!this.widget.bUpdatingHidden&&!r.bEditingControls){var z=r.getZGColumnIndex(this._oParsedColumnMapping);r.updater.toggleColumn(z,o),r._updateHiddenColumn(o,this._oParsedColumnMapping)}break;case"index":r.bEditingControls||this.update(["bUpdateBodyContent","bUpdateColumnHeaderContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"menuText":r.columnMenu&&r.columnMenu.initMenu();break;case"renderer":i.bIsRendererUserProvided=!0,r.bIsUpdatingType||this.update(["bUpdateBodyContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"rendererTemplate":this.update(["bUpdateBodyContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"resizablePersistent":case"resizable":var C=r.getZGColumnIndex(this._oParsedColumnMapping);r.getHeaderCells(C,null,!0).forEach((function(e){return e._setResize()}));break;case"sort":var S=this._oParsedColumnMapping.oDOMSortHeader;o?"disabled"===o&&(S.setAttribute("sort","disabled"),S._removeSort()):(S.removeAttribute("sort"),S._setupSort(o));break;case"sortAsc":case"sortDesc":(o||!n)&&this.sortUpdate();break;case"type":this.setCellType(r,o),r.bIsUpdatingType||(t===c.Z.internalColumn.recordselector?(r.bHasSelectorColumn=!1,this.update(["bUpdateBodyContent","bUpdateColumnWidthCache","bUpdateColumnWidth","bUpdateColumnHeaderContent"]),r.webcomponent._checkRemoveCaption()):t===c.Z.internalColumn.rowgroup?r._updateGroupedColumnReset(!0,!0):o===c.Z.internalColumn.rowgroup?r._updateGroupedColumnReset(!0):(t!==c.Z.cellTypes.aggregate||i.bIsHeaderTextUserProvided||this.setHeader(void 0,r),this.update(["bUpdateBodyContent","bUpdateColumnWidthCache","bUpdateColumnWidth","bUpdateColumnHeaderContent","bUpdateColumnFooter","bUpdateColumnFooterContent","bUpdateColumnFooterAssignment"]))),i.bIsTypeUserProvided=!0;break;case"typeAggregateOmit":this.update(["bUpdateBodyContent","bUpdateColumnHeaderContent","bUpdateColumnFooterContent"],void 0,!0);break;case"typeAggregateValue":i.bIsHeaderTextUserProvided||this.setHeader(void 0,r),this.update(["bUpdateBodyContent","bUpdateColumnHeaderContent","bUpdateColumnFooterContent"]);break;case"typeSelectOptions":this.update(["bUpdateBodyContent","bUpdateColumnHeaderContent","bUpdateFilter","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"minWidth":case"width":this.widget.bIsColumnResizeActive||this.update(["bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"widget":if(t==o)return o;if(r){var k=r.getZGColumnIndex(i);r.aColumnMapping.splice(k,1),r.bIsColumnMoverActive||r.update()}var x=o;if(x){var O=Array.prototype.indexOf.call(x.webcomponent.querySelectorAll("zg-column"),this);if(this.initialLoad(x,i),-1!==O){x.aColumnMapping.splice(O,0,i);var _=this.parentNode;_&&x.aColumnMapping.length===_.querySelectorAll("zg-column").length&&(x.bUpdateColGroup?_.rerender():!x.bIsColumnMoverActive&&x.bAPIReady?x.store.reload():x.bIsColumnMoverActive||x.update())}this.controlDefined||(x.bIsMappingUserProvided=!0)}}return o}}])&&p(t.prototype,o),n&&p(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(y,C);const S=C},54830:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>w});var n=o(54739),r=o(11229),i=o.n(r),a=o(42952),s=o.n(a),l=o(87822),d=o(37486),c=o(19791);function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function h(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==u(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===u(i)?i:String(i)),n)}var r,i}function f(){return f="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=m(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},f.apply(this,arguments)}function p(e,t){return p=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},p(e,t)}function g(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=m(e);if(t){var r=m(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function m(e){return m=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},m(e)}var b="zg-control-bar",v={},y=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&p(e,t)}(a,e);var t,o,n,r=g(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){f(m(a.prototype),"init",this).call(this,b,s(),i(),v)}},{key:"ready",value:function(){f(m(a.prototype),"ready",this).call(this),this.widget=this._getHostContext();var e=this.widget.webcomponent;if(e.layout&&e.layout.length&&this.setAttribute(l.Z.zgLayout.attr,e.layout),"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl"),!this.widget.bPreloaded){var t='\n            <zg-separator slot="cardaction" hidden id="afterselect"></zg-separator>\n            <zg-button '.concat(l.Z.attr.datafocus,' slot="action" action="createrecord" hidden></zg-button>\n            <zg-separator slot="action" hidden id="beforeedit"></zg-separator>\n            <zg-text id="label" slot="action"></zg-text>\n            <zg-button ').concat(l.Z.attr.datafocus,' slot="action" action="batchedit" hidden></zg-button>\n            <zg-button ').concat(l.Z.attr.datafocus,' slot="action" action="batcheditsave" hidden></zg-button>\n            <zg-button ').concat(l.Z.attr.datafocus,' slot="action" action="batcheditcancel" hidden></zg-button>\n            <zg-text id="unsaved" slot="message" hidden></zg-text>\n        '),o=(0,d.W2)(t);this.appendChild(o)}this.oDOMCreate=this.querySelector('zg-button[action="createrecord"]'),this.oDOMBatchEdit=this.querySelector('zg-button[action="batchedit"]'),this.oDOMBatchSave=this.querySelector('zg-button[action="batcheditsave"]'),this.oDOMBatchCancel=this.querySelector('zg-button[action="batcheditcancel"]'),this.oDOMUnsavedSpan=this.querySelector("zg-text#unsaved"),this.oDOMBatchEditLabel=this.querySelector("zg-text#label"),this.oDOMBatchEditLabel&&(this.oDOMBatchEditLabel.innerHTML=d.Iu({msg:c.default.get("batchEdit.label",this.widget,{element:this.oDOMBatchEditLabel,elProperty:"innerHTML"})})),e.oDOMLayoutControls&&this.appendChild(e.oDOMLayoutControls),e.batchEdit&&e._setBatchEditControls(!0),this.widget.webcomponent._toggleControlBar()}},{key:"checkMessageSize",value:function(){var e=this.oDOMUnsavedSpan;if(this.widget&&this.widget.batchEditor.isActive()){this.removeAttribute(l.Z.attr.batchEditLongMessage);var t=window.getComputedStyle(e);t.height>t.lineHeight&&this.setAttribute(l.Z.attr.batchEditLongMessage,"")}}},{key:"disconnectedCallback",value:function(){f(m(a.prototype),"disconnectedCallback",this).call(this),this.oDOMCreate=null,this.oDOMBatchEdit=null,this.oDOMBatchSave=null,this.oDOMBatchCancel=null}}])&&h(t.prototype,o),n&&h(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(b,y);const w=y},29836:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>y});var n=o(54739),r=o(90963),i=o.n(r),a=o(91573),s=o.n(a),l=o(87822);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g="zg-data",m={adapter:{type:String,bReflectToAttribute:!0},data:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},idKey:{type:String,bReflectToAttribute:!0},options:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},src:{type:String,bReflectToAttribute:!0},widget:{}},b=n.Z.getObservedAtts(m),v=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,n=[{key:"observedAttributes",get:function(){return b}}],(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){u(p(a.prototype),"ready",this).call(this);var e=this._getHostContext();e.webcomponent.oDOMData=this,this.widget=e,this.setAttribute(l.Z.attr.hidden,"")}},{key:"_propertyHandler",value:function(e,t,o){o=u(p(a.prototype),"_propertyHandler",this).call(this,e,t,o);var n,r,i=this.widget;if("widget"!==e&&!i)return o;switch(i?(n=i.webcomponent,r=i.store):(n=o.webcomponent,r=o.store),e){case"options":r.loadData(o,n.params);break;case"data":this.bReady&&r.loadData(this.options,n.params,{data:o},!0);break;case"src":this.bReady&&r.loadData(this.options,n.params,{src:o});break;case"widget":r.loadData(this.options,n.params)}return o}},{key:"setOptions",value:function(e){var t=this.querySelectorAll("zg-param");for(var o in t.forEach((function(t){if(void 0!==t.name&&void 0!==t.value){var o,n=t.value.trim()[0];if("{"===n||"["===n)try{o=JSON.parse(t.value)}catch(e){}void 0===o&&(o=t.value),"false"===o&&(o=!1),e[t.name]=o}})),m)"widget"!==o&&"options"!==o&&this[o]&&!e.hasOwnProperty(o)&&(e[o]=this[o]);return this.nCheckedParams=t.length,e}},{key:"disconnectedCallback",value:function(){var e=this.widget;u(p(a.prototype),"disconnectedCallback",this).call(this),e&&!e.bDisconnect&&e.webcomponent.resetData()}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,v);const y=v},98316:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>S});var n=o(54739),r=o(97493),i=o.n(r),a=o(51694),s=o.n(a),l=o(31769),d=o(87822),c=o(37486),u=o(96766),h=o(19791);function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function p(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==f(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===f(i)?i:String(i)),n)}var r,i}function g(){return g="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=v(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},g.apply(this,arguments)}function m(e,t){return m=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},m(e,t)}function b(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=v(e);if(t){var r=v(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===f(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function v(e){return v=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},v(e)}var y=d.Z.zgDialog.tagName,w={open:{type:Boolean,default:null,bReflectToAttribute:!0},label:{type:String,default:"",bReflectToAttribute:!0},cancel:{type:String,bReflectToAttribute:!0},confirm:{type:String,bReflectToAttribute:!0}},z=n.Z.getObservedAtts(w),C=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&m(e,t)}(a,e);var t,o,n,r=b(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,n=[{key:"observedAttributes",get:function(){return z}}],(o=[{key:"init",value:function(){g(v(a.prototype),"init",this).call(this,y,s(),i(),w)}},{key:"ready",value:function(){g(v(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this._label=null,"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl"),this.userAddedContainAttr=this.ZG.getAttribute(d.Z.zgDialog.attr),null!==this.userAddedContainAttr&&this.setAttribute(d.Z.attr.internalattach,"grid"),this.cancel&&this._setCancel(this.cancel),this.confirm&&this._setConfirm(this.confirm),this.bindDom(),this.bindEvents(),c.CL(this),this.open&&this.showDialog()}},{key:"showDialog",value:function(){this.getRequestedDialogData(),this.initLabelText(),this.setCancel(),this.setConfirm(),this.setBody(),this.displayDialog()}},{key:"hideDialog",value:function(){this.$dialog.close(),document.body.style.overflow=this.ZG.defaultBodyOverflow}},{key:"setDialog",value:function(e){this.setAttribute(d.Z.attr.type,e),this.setAttribute(d.Z.attr.open,"")}},{key:"bindDom",value:function(){var e=this.shadowRoot;this.$dialog=e.querySelector("dialog"),this.$form=e.querySelector("form"),this.$body=e.querySelector(".zg-dialog-body"),this.$bodycontent=e.querySelector(".zg-dialog-content-wrapper"),this.$error=e.querySelector(".zg-dialog-error"),this.$footer=e.querySelector(".zg-dialog-footer"),this.$header=e.querySelector(".zg-dialog-header"),this.$cancel=e.querySelector(".zg-dialog-cancel"),this.$close=e.querySelector(".zg-dialog-close"),this.$confirm=e.querySelector(".zg-dialog-confirm"),this.$label=e.querySelector(".zg-dialog-label")}},{key:"bindEvents",value:function(){var e,t=this;this.aEvents=[],e=l.Z.get(document.body).on("keydown",(function(e){if(e.nCharCode===e.ESC){if(!t.$dialog.hasAttribute(d.Z.attr.open))return;t.fire("dialogClose"),t.fire("dialogCloseFromEscape"),t.closeEvent(e)}}),this),this.aEvents.push(e),e=this.on("click",(function(e){t.fire("dialogClose"),t.fire("dialogCloseFromMask"),t.closeEvent(e)}),this),this.aEvents.push(e),e=l.Z.get(this.$form).on("click",this.formEvent,this),this.aEvents.push(e),e=l.Z.get(this.$cancel).on("click",(function(e){if(t.cancel&&!t.fnCancel&&t._setCancel(t.cancel),t.fnCancel){var o=t.fnCancel.scope||t;t.fnCancel.method.apply(o,[t])}t.fire("dialogCancel"),t.closeEvent(e)})),this.aEvents.push(e),e=l.Z.get(this.$close).on("click",(function(e){t.fire("dialogClose"),t.fire("dialogCloseFromButton"),t.closeEvent(e)})),this.aEvents.push(e),e=l.Z.get(this.$confirm).on("click",(function(e){if(e.preventDefault(),t.fnConfirm){var o=t.fnConfirm.scope||t;t.fnConfirm.method.apply(o,[t])}!1!==t.fire("dialogConfirm")&&t.closeEvent(e)}),this,{},!1),this.aEvents.push(e)}},{key:"uns",value:function(){if(this.aEvents&&this.aEvents.length){for(var e=0;e<this.aEvents.length;e++)this.aEvents[e](),this.aEvents[e]=null;this.aEvents.length=0}}},{key:"displayError",value:function(e,t){e?(this.$error.innerHTML=t,this.$body.setAttribute(d.Z.validation.haserror,"")):this.$body.removeAttribute(d.Z.validation.haserror)}},{key:"displayDialog",value:function(){var e=this.widget.isStorybook("dialog");e?this.$dialog.setAttribute("open",""):this.$dialog.show(),null===this.userAddedContainAttr&&(document.body.style.overflow=d.Z.attr.hidden),e||(this.$cancel.hasAttribute(d.Z.attr.hidden)?this.$confirm.focus():this.$cancel.focus())}},{key:"getRequestedDialogData",value:function(){var e=this.getAttribute(d.Z.attr.type);this.currentDialogData=this.ZG.dialogArr.filter((function(t){return t.type===e}))[0]}},{key:"setBody",value:function(){var e=this,t=this.currentDialogData?this.currentDialogData.body:this.innerHTML;if(t){var o=document.createElement("div");o.classList.add("zg-dialog-body-wrap"),o.insertAdjacentHTML("afterbegin",t);var n=o.querySelectorAll(d.Z.zgIcon.tagName);n.forEach((function(e){return e.remove()})),this.currentDialogData&&this.currentDialogData.body&&(this.innerHTML="",this.$bodycontent.innerHTML="",this.currentDialogData&&this.currentDialogData.label&&(this.$label.textContent=this.currentDialogData.label),this.$bodycontent.appendChild(o),n.forEach((function(t){return e.appendChild(t)}))),t.length&&this.$body.setAttribute(d.Z.attr.hasText,"")}}},{key:"setCancel",value:function(){this.currentDialogData&&this._setButton(this.$cancel,{data:this.currentDialogData.cancel,name:"cancel"})}},{key:"setConfirm",value:function(){this.currentDialogData&&this._setButton(this.$confirm,{data:this.currentDialogData.confirm,name:"confirm"})}},{key:"initLabelText",value:function(){var e=this.getAttribute("label");!e&&this.currentDialogData&&(e=this.currentDialogData.label),e&&(this.label=e)}},{key:"setLabelText",value:function(e){this.$label&&(this.$label.textContent=e)}},{key:"getInputContainer",value:function(){return this.$body.querySelector("#inputs")}},{key:"closeEvent",value:function(e){this.open&&(this.open=!1),this.unAll(),this.displayError(!1)}},{key:"formEvent",value:function(e){e.stopPropagation()}},{key:"_setButton",value:function(e,t){var o=t.data,n=t.name;o&&o.text?e.textContent=o.text:e.textContent=h.default.get("dialog",this.widget,{element:this,elProperty:"textContent",langProperty:"name"})[n],t&&o&&!1===o.show?e.setAttribute(d.Z.attr.hidden,""):e.removeAttribute(d.Z.attr.hidden),t&&o&&o.initialDisabled?e.setAttribute("disabled",""):e.removeAttribute("disabled")}},{key:"_setCancel",value:function(e){this.fnCancel=u.Z.setUserFunction(null,e)}},{key:"_setConfirm",value:function(e){this.fnConfirm=u.Z.setUserFunction(null,e)}},{key:"_propertyHandler",value:function(e,t,o){var n=this.widget;if(o=g(v(a.prototype),"_propertyHandler",this).call(this,e,t,o),this.bReady)switch(e){case"open":o?this.showDialog():n.recordEditor.bIsOpen?n.recordEditor.cancelOpenEdit(null,n.editorManager.se):this.hideDialog();break;case"label":this.setLabelText(o)}return o}},{key:"disconnectedCallback",value:function(){g(v(a.prototype),"disconnectedCallback",this).call(this),this.innerHTML="",this.$dialog&&(this.$dialog.innerHTML="",this.$dialog.remove());for(var e=["$label","$confirm","$close","$cancel","$header","$footer","$error","$bodycontent","$body","$form","$dialog"],t=0;t<e.length;t++)this.cleanElement(e[t]);this.currentDialogData=null}}])&&p(t.prototype,o),n&&p(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(y,C);const S=C},78792:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>y});var n=o(54739),r=o(84052),i=o.n(r),a=o(83635),s=o.n(a),l=o(31769);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g="zg-editor-row",m={active:{type:Boolean,bReflectToAttribute:!0},activeCellEdit:{type:Boolean,bReflectToAttribute:!0},activeRowEdit:{type:Boolean,bReflectToAttribute:!0},editor:{type:String,bReflectToAttribute:!0}},b=n.Z.getObservedAtts(m),v=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,n=[{key:"observedAttributes",get:function(){return b}}],(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){u(p(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.oDOMWrapper=l.Z.get(this.shadowRoot.querySelector("#wrapper")),this.oDOMInputContainer=this.shadowRoot.querySelector("#inputs"),this.oDOMInputContainerCopy=this.oDOMInputContainer.cloneNode(!0),this.oDOMWrapper.on("click",(function(e){return e.stopPropagation()}))}},{key:"ons",value:function(){this.unsubKey=this.on("keydown",this.onKeyDown,this,{},!1)}},{key:"getEditorTemplate",value:function(){var e=this.shadowRoot.querySelector("#editorRowFieldTemplate");return document.importNode(e.content,!0)}},{key:"getEditorCardTemplate",value:function(){var e=this.shadowRoot.querySelector("#editorCardTemplate");return document.importNode(e.content,!0)}},{key:"positionSelfWithinGrid",value:function(){var e,t=this.widget,o=t.editorManager.se.nRowContainerIndex,n=t.getFrozenRowState(o),r=t.getContainerRowIndexByDataRowIndex(o),i=this.oDOMWrapper;if((e="top"===n?this.oDOMHead:"bottom"===n?this.oDOMFoot:this.oDOMBody).childNodes.length){var a=l.Z.get(e),s=l.Z.get(e.childNodes[r]).getXY(),d=a.getY(),c=a.getX(!0),u=t.mainGridTable.getScroll().left||0;i.setTop(s[1]-d),i._setLeft(s[0]-c+u)}}},{key:"positionEditorWithinRow",value:function(e,t){var o=this.widget,n=this.oDOMBody,r=l.Z.get(n).getX(),i=e.el.getXY(),a=e.el.getSize(),s=o.mainGridTable.getScroll().left||0;t.style.top="1px",t.style.left="".concat(i[0]-r+s,"px"),t.style.width="".concat(a[0],"px"),t.style.height="".concat(a[1]-1,"px")}},{key:"onKeyDown",value:function(e){var t=this.widget,o=t.editorManager,n=e.nCharCode,r=o.se.sContextLevel;if(t.batchEditor.isActive())t.batchEditor.onKeyDown(e);else if("row"===r&&n===e.TAB){for(var i=e.oBrowserEvent.composedPath(),a=null,s=0;s<i.length;s++){var l=i[s];if("label"===l.tagName.toLowerCase()){a=l;break}}if(a&&!a.nextElementSibling){var d=o.se.nRowContainerIndex;o.focusNextInput(this.oDOMInputContainer,d)||t.recordEditor.oDOMSubmitButton.focus(),e.stopEvent()}}}},{key:"disconnectedCallback",value:function(){u(p(a.prototype),"disconnectedCallback",this).call(this),this.oDOMWrapper=null,this.oDOMInputContainer=null,this.oDOMInputContainerCopy=null}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,v);const y=v},83836:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>z});var n=o(54739),r=o(64414),i=o.n(r),a=o(88387),s=o.n(a),l=o(31769),d=o(87822),c=o(19791);function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function h(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==u(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===u(i)?i:String(i)),n)}var r,i}function f(){return f="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=m(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},f.apply(this,arguments)}function p(e,t){return p=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},p(e,t)}function g(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=m(e);if(t){var r=m(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function m(e){return m=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},m(e)}var b="zg-filter",v={cellindex:{bReflectToAttribute:!0,type:Number},widget:{}},y=n.Z.getObservedAtts(v),w=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&p(e,t)}(a,e);var t,o,n,r=g(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,n=[{key:"observedAttributes",get:function(){return y}}],(o=[{key:"init",value:function(){f(m(a.prototype),"init",this).call(this,b,s(),i(),v),this.aCustomUns=[],this.sPreviousValue=""}},{key:"ready",value:function(){f(m(a.prototype),"ready",this).call(this),this.aCustomUns=[];var e=this.widget=this.widget||this._getHostContext();if(!this.oColumnMapping&&this.cellindex&&this.associateColumn(this.cellindex),"rtl"===e.sComputedDir&&this.setAttribute("dir","rtl"),this.oColumnMapping.bFilter&&this.oColumnMapping.oFilter){this.oColumnMapping.oDOMFilter=this;var t=this.oColumnMapping.oFilter.method.init,o=this.oColumnMapping.oFilter.method.afterInit;if(t){var n=this.oColumnMapping.oFilter.scope||this;this.widget.bPreloaded?this.oElInput=l.Z.get(this.querySelector("input")):(this.oElInput=l.Z.get(t.apply(n,[this])),this.oElInput.dom.placeholder=c.default.get("tools.filter",this.widget,{element:this.oElInput.dom,elProperty:"placeholder"})),o&&o.apply(n,[this]),this.onCustomEvent()}var r="";this.oColumnMapping&&this.oColumnMapping.sColumnHeaderText&&(r=this.oColumnMapping.sColumnHeaderText),this.oElInput.dom.setAttribute(d.Z.attr.tabindex,-1),this.oElInput.dom.setAttribute(d.Z.aria.label,"Filter ".concat(r," Column"))}}},{key:"onCustomEvent",value:function(){var e=this,t=this.oColumnMapping.oFilter&&this.oColumnMapping.oFilter.method.triggerEvent;t&&t.split(",").map((function(t){var o=e.oElInput.on(t,e.debounceFilter,e);e.aCustomUns.push(o)})),this.unsubKey=this.on("keydown",this.onKeyDown,this,{},!1),this.unsubFocus=this.oElInput.on("focus",this.onFocus,this)}},{key:"customOn",value:function(){this.fireFilterEvent(),this.widget.bodyUpdate(!0)}},{key:"debounceFilter",value:function(e){var t=this,o=d.Z.search.threshold,n=this.latestTime=setTimeout((function(){n===t.latestTime&&t.customOn()}),o)}},{key:"fireFilterEvent",value:function(){var e={sValue:this.getValue(),sFieldIndex:this.sFieldIndex,sFilterIndex:this.sFilterIndex};e.sValue!==this.sPreviousValue&&(this.widget.fire("filter",e),this.sPreviousValue=e.sValue)}},{key:"associateColumn",value:function(e){this.oColumnMapping=this.widget.aColumnMapping[e],this.sFieldIndex=this.oColumnMapping.sFieldIndex,this.sFilterIndex=this.oColumnMapping.sFilterIndex||this.sFieldIndex||"",this.oColumnMapping.sCellType!==d.Z.internalColumn.rowgroup&&(this.sFilterIndex=this.sFilterIndex.split(",")[0]),this.sFilterKey=this.oColumnMapping.sFilterKey||this.sFilterIndex||"",this.oColumnMapping.bFilter&&this.widget.aFilters.push(this)}},{key:"getValue",value:function(){var e="",t=this.oColumnMapping.oFilter&&this.oColumnMapping.oFilter.method.value;if(t){var o=this.oColumnMapping.oFilter.scope||this;e="".concat(t.apply(o,[this]))}return e}},{key:"_propertyHandler",value:function(e,t,o){return o=f(m(a.prototype),"_propertyHandler",this).call(this,e,t,o),"cellindex"===e&&this.bReady&&this.associateColumn(o),o}},{key:"onFocus",value:function(e){this.widget.headerFocusManager.deSelect()}},{key:"onKeyDown",value:function(e){var t=!1;switch(e.nCharCode){case e.LEFT:case e.RIGHT:case e.UP:case e.DOWN:t=!0,e.stopPropagation();break;case e.ENTER:this.oElInput.dom.blur(),this.widget.headerFocusManager.select(this.parentNode.rowIndex,parseInt(this.cellindex,10),!0);break;case e.TAB:if(!this.findNextFilter(e)){var o=this.widget.focusManager;this.oElInput.dom.blur(),o.tabChangeFocus(e,{section:o.GRIDINDEX})}break;default:t=!0}t||e.stopEvent()}},{key:"findNextFilter",value:function(e){var t;return!(!(t=e.bIsSHIFT?this.previousElementSibling:this.nextElementSibling)||!t.oElInput||(t.oElInput.dom.focus(),0))}},{key:"uns",value:function(){this.unsubKey&&this.unsubKey(),this.unsubFocus&&this.unsubFocus();for(var e=0;e<this.aCustomUns.length;e++)this.aCustomUns[e]()}},{key:"disconnectedCallback",value:function(){f(m(a.prototype),"disconnectedCallback",this).call(this),this.oElInput&&this.cleanElement("oElInput"),this.oColumnMapping=null}}])&&h(t.prototype,o),n&&h(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(b,w);const z=w},9898:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>v});var n=o(54739),r=o(35515),i=o.n(r),a=o(76592),s=o.n(a),l=o(31769);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g="zg-focus",m={},b=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){u(p(a.prototype),"ready",this).call(this),this.oElBottom=l.Z.get(this.shadowRoot.querySelector("#bottom")),this.oElLeft=l.Z.get(this.shadowRoot.querySelector("#left")),this.oElRight=l.Z.get(this.shadowRoot.querySelector("#right")),this.oElTop=l.Z.get(this.shadowRoot.querySelector("#top"))}},{key:"draw",value:function(){var e,t,o=this.widget,n=o.selector.se,r=this.oColumnBody.el,i=n.dimension(this.oColumnBody),a=n.dimension(),s=i.xy,l=r.getXY(),d=i.width,c=i.height;this._hide(),e=s[0]-l[0]+o.nScrollLeft,t=s[1]-l[1]+o.nScrollTop,this.oElRight.setXY([e+d-2,t]),this.oElLeft._setStyle("height","".concat(c,"px")),this.oElRight._setStyle("height","".concat(c,"px")),i.xy[0]+d!==a.xy[0]+a.width?this.oElRight._hide():this.oElRight._show(),i.xy[0]!==a.xy[0]?this.oElLeft._hide():this.oElLeft._show(),this.oElTop.setXY([e,t]),this.oElTop._setStyle("width","".concat(d,"px")),this.oElBottom.setXY([e,t+c-2]),this.oElBottom._setStyle("width","".concat(d,"px")),this.oElLeft.setXY([e,t]),this._show()}},{key:"drawCard",value:function(){var e=this.widget,t=e.selector.se.el.dom.parentNode,o=e.oDOMScroller,n=o?l.Z.get(o).getScroll().top:0,r=t.getBoundingClientRect(),i=e.mainGridTable.dom.getBoundingClientRect(),a=r.height,s=r.width,d=r.left-i.left,c=r.top-i.top+n;this.oElRight.setXY([d+s-2,c]),this.oElLeft._setStyle("height","".concat(a,"px")),this.oElRight._setStyle("height","".concat(a,"px")),this.oElTop.setXY([d,c]),this.oElTop._setStyle("width","".concat(s,"px")),this.oElBottom.setXY([d,c+a-2]),this.oElBottom._setStyle("width","".concat(s,"px")),this.oElLeft.setXY([d,c]),this._show()}},{key:"drawArea",value:function(e,t,o){var n=this.widget,r=e.getBoundingClientRect(),i=r.height,a=r.width,s=r.y,l=r.x,d=t.y,c=t.x,u=this.getAttribute("slot"),h=n.mainGridHScroll,f=u==="main".concat(o,"focus")?h.getScroll().left:0;this._hide();var p=l-c+n.nScrollLeft-f,g=s-d+n.nScrollTop;this.oElRight.setXY([p+a-2,g]),this.oElLeft._setStyle("height","".concat(i,"px")),this.oElRight._setStyle("height","".concat(i,"px")),this.oElTop.setXY([p,g]),this.oElTop._setStyle("width","".concat(a,"px")),this.oElBottom.setXY([p,g+i-2]),this.oElBottom._setStyle("width","".concat(a,"px")),this.oElLeft.setXY([p,g]),this._show()}},{key:"drawHeader",value:function(e){var t=this.oColumnHead.getBoundingClientRect();this.drawArea(e,t,"head")}},{key:"drawFooter",value:function(e){var t=this.oColumnFoot.getBoundingClientRect();this.drawArea(e,t,"foot")}},{key:"disconnectedCallback",value:function(){u(p(a.prototype),"disconnectedCallback",this).call(this),this.oElTop=null,this.oElBottom=null,this.oElRight=null,this.oElLeft=null,this.oColumnHead=null,this.oColumnBody=null}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,b);const v=b},14717:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>v});var n=o(54739),r=o(64410),i=o.n(r),a=o(19058),s=o.n(a),l=o(87822);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g="zg-foot",m={},b=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){u(p(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.ZG.layout&&this.ZG.layout.length&&this.setAttribute(l.Z.zgLayout.attr,this.ZG.layout)}},{key:"disconnectedCallback",value:function(){u(p(a.prototype),"disconnectedCallback",this).call(this)}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,b);const v=b},95593:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>b});var n=o(54739),r=o(20422),i=o.n(r),a=o(65491),s=o.n(a);function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function d(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==l(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===l(i)?i:String(i)),n)}var r,i}function c(){return c="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=f(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},c.apply(this,arguments)}function u(e,t){return u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},u(e,t)}function h(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=f(e);if(t){var r=f(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===l(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}var p="zg-footer",g={},m=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&u(e,t)}(a,e);var t,o,n,r=h(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){c(f(a.prototype),"init",this).call(this,p,s(),i(),g)}},{key:"ready",value:function(){c(f(a.prototype),"ready",this).call(this),this.widget=this._getHostContext();var e=this.widget.webcomponent;e.oDOMFooter&&e.oDOMFooter!==this&&(e.oDOMFooter.remove(),e.oDOMFooter=this,e.oDOMFooter.slot="footer")}}])&&d(t.prototype,o),n&&d(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(p,m);const b=m},69775:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>v});var n=o(54739),r=o(63858),i=o.n(r),a=o(76262),s=o.n(a),l=o(87822);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g=l.Z.zgFrozenColgroup.tagName,m={},b=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){u(p(a.prototype),"ready",this).call(this),this.setAttribute(l.Z.attr.hidden,"")}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,b);const v=b},5905:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>C});var n=o(54739),r=o(22287),i=o.n(r),a=o(16288),s=o.n(a),l=o(87822),d=o(31769),c=o(37486);o(96766);function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function h(e){return function(e){if(Array.isArray(e))return f(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return f(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return f(e,t)}(e)||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 f(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function p(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==u(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===u(i)?i:String(i)),n)}var r,i}function g(){return g="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=v(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},g.apply(this,arguments)}function m(e,t){return m=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},m(e,t)}function b(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=v(e);if(t){var r=v(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function v(e){return v=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},v(e)}var y=l.Z.zgHeadCell.tagName,w={},z=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&m(e,t)}(a,e);var t,o,n,r=b(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){g(v(a.prototype),"init",this).call(this,y,s(),i(),w)}},{key:"connectedCallback",value:function(){g(v(a.prototype),"connectedCallback",this).call(this)}},{key:"ready",value:function(){g(v(a.prototype),"ready",this).call(this);var e=this.widget=this._getHostContext();this.ZG=e.webcomponent,this.nIndex=parseInt(this.getAttribute("cellindex"),10);var t=this.querySelector(".zg-head-details-icon");t?this.oDOMDetailsIcon=t:(this.oDOMDetailsIcon=document.createElement("zg-icon"),this.oDOMDetailsIcon.className="zg-head-details-icon",this.insertBefore(this.oDOMDetailsIcon,this.firstChild));var o=this.querySelector(".".concat(l.Z.zgHeadCell.mainIconClass));o?this.oDOMIcon=o:(this.oDOMIcon=document.createElement("zg-icon"),this.oDOMIcon.className=l.Z.zgHeadCell.mainIconClass,this.insertBefore(this.oDOMIcon,this.firstChild)),"rtl"===e.sComputedDir&&this.setAttribute("dir","rtl"),this.ZG=e.webcomponent,this.HEAD_CELL_INDEX=this.getAttribute("cellindex"),this.COLUMNS=e.getAllColumns(),this.MATCHED_COLUMN=this.COLUMNS[this.HEAD_CELL_INDEX],this._setResize(),this._setupSort(this.MATCHED_COLUMN.sort),e.columnDragManager.setColumnDrag()}},{key:"ons",value:function(){this.on("click",this.onSort),this.on("mousedown",this.onDragStart,this,{},!1),this.on("touchstart",this.onTouchStart,this,{},!1)}},{key:"onDragStart",value:function(e){var t=this.widget.columnDragManager;if(t.onStartColumnCommon(this,e)){this.widget.bIsColumnMoverActive=!0;var o=d.Z.get(document);o.on("mousemove",t.onDragMoveColumn,t,{},!1),o.on("mouseup",t.onDragStopColumn,t,{},!1),t.bTouch=!1}}},{key:"onTouchStart",value:function(e){var t=this.widget.columnDragManager;if(t.onStartColumnCommon(this,e)){this.widget.bIsColumnMoverActive=!0;var o=d.Z.get(document);o.on("touchmove",t.onDragMoveColumn,t,{},!1),o.on("touchend",t.onDragStopColumn,t,{},!1),o.on("touchcancel",t.onDragStopColumn,t,{},!1),t.bTouch=!0}}},{key:"onSort",value:function(e,t,o){var n=this.widget;if(!n.bIsColumnResizeActive&&(!e||!e.oDOMTarget||e.oDOMTarget.tagName.toLowerCase()!==l.Z.zgColumnResize.tagName)&&(o=o||null,n.bHasSorterEnabled&&"disabled"!==this.getAttribute("sort")&&!(t&&"zg-head-details-icon"===t.className||this.bTooltipOpen&&this.bIsInfoTooltip))){this.bCleared=!1,this.BODY_ROWS=n.getAllBodyRows(),this.HEAD_ROWS=n.getAllHeadRows(),this.FOOT_ROWS=n.getAllFootRows(),this.SORTED_HEAD_CELL=this,this.SORTED_HEAD_CELL_INDEX=parseInt(this.getAttribute("cellindex"),10),this.COLUMNS=n.getAllColumns(),this.MATCHED_COLUMN=this.COLUMNS[this.SORTED_HEAD_CELL_INDEX],this.CURRENT_SORT=n.sorter.sActiveSortedIndex,this.SAME_COL=this.CURRENT_SORT==this.MATCHED_COLUMN._oParsedColumnMapping.sFieldIndex,n.bSorting=!0,this._removeSortedHeadCell(),this._resetColumns();var r=!this.MATCHED_COLUMN.sortAsc&&!this.MATCHED_COLUMN.sortDesc&&!o||this.MATCHED_COLUMN.sortDesc&&!o&&!this.SAME_COL||"asc"===o,i=!o&&this.MATCHED_COLUMN.sortAsc||"desc"===o,a=this.MATCHED_COLUMN.sortDesc||"none"===o;r?this._setHeadCellAscending():i?this._setHeadCellDescending():a&&this._setHeadCellDefault(),this._setSortedColumn(),this.bCleared||this._toggleBodyCellSorted(),n.bSorting=!1}}},{key:"clearStyle",value:function(e){this.widget.bSorting=!0,e&&(this._resetColumns(),this._removeSortedHeadCell(),this.widget.oDOMSortedColumn=null),this._setHeadCellReset(),this._removeBodyCellSorted(),this.widget.bSorting=!1}},{key:"_setResize",value:function(){var e=this.MATCHED_COLUMN._oParsedColumnMapping.sResizable,t=this.MATCHED_COLUMN._oParsedColumnMapping.sResizablePersistent,o=this.MATCHED_COLUMN._oParsedColumnMapping.sCellType;if((c.Uh(e)||c.Uh(t)||-1===l.Z.internalColumnTypes.indexOf(o))&&this.widget.updater.getLastVisibleColumn().oDOMZGColumn!=this.MATCHED_COLUMN){var n=(c.Uh(this.widget.bColumnResizable)&&!1!==this.widget.bColumnResizable||c.Uh(e))&&"disabled"!==e,r=n&&(this.widget.bColumnResizablePersistent||null!=t)&&"disabled"!==t;if(n&&!this.oResizeHandler){var i=this.oResizeHandler=document.createElement(l.Z.zgColumnResize.tagName);i.slot="column-resize",i.oColumn=this.MATCHED_COLUMN,i.oHeadCell=this,this.appendChild(i)}else!n&&this.oResizeHandler&&(this.removeChild(this.oResizeHandler),this.oResizeHandler=null);r?this.setAttribute(l.Z.zgColumnResize.persistentAttr,""):this.removeAttribute(l.Z.zgColumnResize.persistentAttr),n?this.setAttribute(l.Z.zgColumnResize.attr,""):this.removeAttribute(l.Z.zgColumnResize.attr)}}},{key:"_setupSort",value:function(e){var t=this.widget.webcomponent.hasAttribute(l.Z.sort.attr),o=this.querySelector("zg-icon");void 0===e&&(e=this.querySelector(".".concat(l.Z.zgHeadCell.mainIconClass)).parentNode.hasAttribute("sort"));var n=o.getAttribute(l.Z.attr.name);e||!t||n||(o.setAttribute(l.Z.attr.name,"down"),o.setAttribute(l.Z.attr.init,""))}},{key:"_removeSort",value:function(){var e=this.querySelector("zg-icon");e.removeAttribute(l.Z.attr.name),e.removeAttribute(l.Z.attr.init)}},{key:"_removeSortedHeadCell",value:function(){this.HEAD_ROWS.forEach((function(e){e.querySelectorAll(y).forEach((function(e){e.removeAttribute(l.Z.sort.ascAttr),e.removeAttribute(l.Z.sort.descAttr);var t=e.querySelector(l.Z.zgIcon.tagName);t.removeAttribute(l.Z.sort.ascAttr),t.removeAttribute(l.Z.sort.descAttr),t.parentNode.hasAttribute("sort")||(t.setAttribute(l.Z.attr.name,"down"),t.setAttribute(l.Z.attr.init,""))}))}))}},{key:"_removeBodyCellSorted",value:function(){this.BODY_ROWS.forEach((function(e){e.querySelectorAll(l.Z.zgCell.tagName).forEach((function(e,t){return e.removeAttribute(l.Z.attr.sorted)}))}))}},{key:"_removeHeaderCellSorted",value:function(){this.HEAD_ROWS.forEach((function(e){e.hasAttribute("sorter")||h(e.children).forEach((function(e){return e.removeAttribute(l.Z.attr.sorted)}))}))}},{key:"_removeFooterCellSorted",value:function(){this.FOOT_ROWS.forEach((function(e){h(e.children).forEach((function(e){return e.removeAttribute(l.Z.attr.sorted)}))}))}},{key:"_resetColumns",value:function(){var e=this;this.COLUMNS.forEach((function(t){t!==e.MATCHED_COLUMN&&(t.removeAttribute(l.Z.sort.ascAttr),t.removeAttribute(l.Z.sort.descAttr))}))}},{key:"_setHeadCellAscending",value:function(){this.MATCHED_COLUMN._oParsedColumnMapping.sSortDir="asc",this.MATCHED_COLUMN.sortAsc=!0,this.SORTED_HEAD_CELL.setAttribute(l.Z.sort.ascAttr,""),this.SORTED_HEAD_CELL.removeAttribute(l.Z.sort.descAttr),this.oDOMIcon.removeAttribute(l.Z.attr.init),this.oDOMIcon.removeAttribute(l.Z.sort.descAttr),this.oDOMIcon.setAttribute(l.Z.attr.name,"up"),this.oDOMIcon.setAttribute(l.Z.sort.ascAttr,""),this._setHeaderCellSorted(),this._setFooterCellSorted()}},{key:"_setHeadCellDefault",value:function(){this.clearStyle(!1),this.bCleared=!0}},{key:"_setHeadCellDescending",value:function(){this.MATCHED_COLUMN._oParsedColumnMapping.sSortDir="desc",this.MATCHED_COLUMN.sortDesc=!0,this.SORTED_HEAD_CELL.removeAttribute(l.Z.sort.ascAttr),this.SORTED_HEAD_CELL.setAttribute(l.Z.sort.descAttr,""),this.oDOMIcon.removeAttribute(l.Z.attr.init),this.oDOMIcon.removeAttribute(l.Z.sort.ascAttr),this.oDOMIcon.setAttribute(l.Z.attr.name,"down"),this.oDOMIcon.setAttribute(l.Z.sort.descAttr,""),this._setHeaderCellSorted(),this._setFooterCellSorted()}},{key:"_setHeadCellReset",value:function(){this.MATCHED_COLUMN._oParsedColumnMapping.sSortDir="",this.MATCHED_COLUMN.sortAsc=!1,this.MATCHED_COLUMN.sortDesc=!1,this.SORTED_HEAD_CELL.removeAttribute(l.Z.sort.ascAttr),this.SORTED_HEAD_CELL.removeAttribute(l.Z.sort.descAttr),this.oDOMIcon.removeAttribute(l.Z.sort.ascAttr),this.oDOMIcon.removeAttribute(l.Z.sort.descAttr),this.oDOMIcon.setAttribute(l.Z.attr.name,"down"),this.oDOMIcon.setAttribute(l.Z.attr.init,""),this._removeHeaderCellSorted(),this._removeFooterCellSorted()}},{key:"_setHeaderCellSorted",value:function(){var e=this;this.HEAD_ROWS.forEach((function(t){t.hasAttribute("sorter")||h(t.children).forEach((function(t,o){e._toggleCellSorted({cell:t,i:o})}))}))}},{key:"_setFooterCellSorted",value:function(){var e=this;this.FOOT_ROWS.forEach((function(t){h(t.children).forEach((function(t,o){return e._toggleCellSorted({cell:t,i:o})}))}))}},{key:"_setSortedColumn",value:function(){this.bCleared?this.widget.oDOMSortedColumn=null:this.widget.oDOMSortedColumn=this.MATCHED_COLUMN}},{key:"_toggleBodyCellSorted",value:function(){var e=this;this.BODY_ROWS.forEach((function(t){t.querySelectorAll(l.Z.zgCell.tagName).forEach((function(t,o){return e._toggleCellSorted({cell:t,i:o})}))}))}},{key:"_setHeaderTooltip",value:function(){var e=this.widget.tooltipManager,t=this.oTooltipOptions=e._getTooltipOptions("Header",this.MATCHED_COLUMN._oParsedColumnMapping),o=t.fnTooltipRenderer&&t.fnTooltipRenderer.method,n=!!t.tooltipText;if(this.bIsInfoTooltip=t.tooltipTrigger!==l.Z.zgTooltip.textTriggerType,this.sTooltipContent&&this._resetTooltip(),(n||o||t.oDOMTooltipTemplate)&&this.querySelector("[".concat(l.Z.zgCell.cellIndexAttr,"]"))){var r=t.tooltipIconPosition||"right";this.bIsInfoTooltip?(this.oDOMDetailsIcon.setAttribute("position",r),this.oDOMDetailsIcon.name=t.tooltipIcon||l.Z.zgHeadCell.infoTooltipType,this.oTrigger=this.oDOMDetailsIcon):(this.oDOMDetailsIcon.removeAttribute("position"),this.oDOMDetailsIcon.name=null,this.oTrigger=this),this.setAttribute(l.Z.zgTooltip.iconPositionAttr,r);var i=t.tooltipType||"default";this.setAttribute(l.Z.zgTooltip.typeAttr,i),this.sTooltipContent=e._getTooltipContent("Header",this.oTooltipOptions);var a=this.bIsInfoTooltip&&this.oTooltipOptions.tooltipAction===l.Z.zgTooltip.actionTypeClick;a&&this.setAttribute(l.Z.zgTooltip.actionAttr,l.Z.zgTooltip.actionTypeClick),(this.bIsInfoTooltip||""!==this.MATCHED_COLUMN._oParsedColumnMapping.sColumnHeaderText)&&e._initTooltipTriggers(this.oTrigger,this,a)}}},{key:"_setTooltipPosition",value:function(){var e=this.oTooltipOptions,t=this.oTrigger.getBoundingClientRect(),o=this.ZG.getBoundingClientRect(),n=this.ZG.oDOMTooltip,r={left:t.left-o.left,top:t.top-o.top},i=window.getComputedStyle(this).getPropertyValue("padding-left"),a=parseInt(i.replace(/px/,"")),s=null!==this.oDOMIcon.getAttribute(l.Z.attr.name),d=this.querySelector("[".concat(l.Z.zgCell.cellIndexAttr,"]")),c="bottom"===e.tooltipPosition,u="right"===e.tooltipPosition,h="left"===e.tooltipPosition,f="top"===e.tooltipPosition||!e.tooltipPosition||!c&&!u&&!h,p=this.getAttribute(l.Z.attr.align)||"left";if("rtl"===this.getAttribute("dir")&&"left"===p&&(p="right"),!this.bIsInfoTooltip&&("center"===p||"right"===p)){var g=(d.querySelector("span")||d).getBoundingClientRect();r.left=g.left-o.left,h?r.left-=a:u&&(r.left+=g.width)}if(this.hasAttribute(l.Z.zgHeadCell.isContentLongerAttr)?n.setAttribute(l.Z.zgHeadCell.isContentLongerAttr,""):n.removeAttribute(l.Z.zgHeadCell.isContentLongerAttr),!this.bIsInfoTooltip&&(f||c)&&(Number.isInteger(a)&&"left"===p&&(r.left+=a),s)){var m=this.oDOMIcon.getBoundingClientRect().width;r.left+=a+m}if(u&&"left"===p&&!this.bIsInfoTooltip){var b=d.getBoundingClientRect().width,v=s?this.oDOMIcon.getBoundingClientRect().width:0;r.left+=a+v+b}else u&&this.bIsInfoTooltip&&(r.left+=t.width);return(u||h)&&(r.top+=t.height/2),c&&(r.top+=t.height),r}},{key:"_resetTooltip",value:function(){this.removeAttribute(l.Z.zgTooltip.iconPositionAttr),this.removeAttribute(l.Z.zgTooltip.typeAttr),this.oDOMDetailsIcon&&(this.oDOMDetailsIcon.removeAttribute("position"),this.oDOMDetailsIcon.name=""),this.sTooltipContent=null,this.fnUnMouseLeave&&(this.fnUnMouseLeave(),this.fnUnMouseEnter(),this.fnUnMouseEnter=null,this.fnUnMouseLeave=null),this.fnUnClick&&(this.fnUnClick(),this.fnUnClick=null)}},{key:"_toggleCellSorted",value:function(e){var t=e.cell;return(t.getAttribute("cellindex")||t.cellIndex).toString()===this.SORTED_HEAD_CELL_INDEX.toString()?t.setAttribute(l.Z.attr.sorted,""):t.removeAttribute(l.Z.attr.sorted)}},{key:"disconnectedCallback",value:function(){g(v(a.prototype),"disconnectedCallback",this).call(this),this._resetTooltip(),this.oDOMDetailsIcon=null,this.oDOMIcon=null,this.COLUMNS=null,this.MATCHED_COLUMN=null,this.BODY_ROWS=null,this.HEAD_ROWS=null,this.FOOT_ROWS=null,this.SORTED_HEAD_CELL=null,this.oResizeHandler=null,this.oTooltipOptions=null,this.oTrigger=null}}])&&p(t.prototype,o),n&&p(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(y,z);const C=z},30544:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>v});var n=o(54739),r=o(19826),i=o.n(r),a=o(69878),s=o.n(a),l=o(87822);o(37486);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g="zg-head",m={},b=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){u(p(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.setAttribute(l.Z.attr.role,"rowgroup"),this.ZG.layout&&this.ZG.layout.length&&(this.layout=this.ZG.layout)}},{key:"disconnectedCallback",value:function(){u(p(a.prototype),"disconnectedCallback",this).call(this),this.layout=null}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,b);const v=b},80196:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>b});var n=o(54739),r=o(40786),i=o.n(r),a=o(24386),s=o.n(a);function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function d(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==l(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===l(i)?i:String(i)),n)}var r,i}function c(){return c="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=f(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},c.apply(this,arguments)}function u(e,t){return u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},u(e,t)}function h(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=f(e);if(t){var r=f(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===l(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}var p="zg-header",g={},m=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&u(e,t)}(a,e);var t,o,n,r=h(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){c(f(a.prototype),"init",this).call(this,p,s(),i(),g)}},{key:"ready",value:function(){c(f(a.prototype),"ready",this).call(this),this.widget=this._getHostContext()}}])&&d(t.prototype,o),n&&d(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(p,m);const b=m},6470:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>x});var n=o(54739),r=o(29039),i=o.n(r),a=o(44914),s=o.n(a),l=o(87822),d=o(37486),c=o(19791),u=o(9947);function h(e){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function f(e){return function(e){if(Array.isArray(e))return p(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return p(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return p(e,t)}(e)||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 p(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function g(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==h(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==h(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===h(i)?i:String(i)),n)}var r,i}function m(){return m="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=y(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},m.apply(this,arguments)}function b(e,t){return b=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},b(e,t)}function v(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=y(e);if(t){var r=y(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===h(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function y(e){return y=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},y(e)}var w=d.Iu,z="zg-icon",C=d.SV(i(),s()),S={name:{bReflectToAttribute:!0,type:String}},k=(n.Z.getObservedAtts(S),function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&b(e,t)}(h,e);var t,o,r,a=v(h);function h(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,h),a.apply(this,arguments)}return t=h,r=[{key:"observedAttributes",get:function(){return n.Z.getObservedAtts(S)}}],(o=[{key:"init",value:function(){m(y(h.prototype),"init",this).call(this,z,s(),i(),S,C)}},{key:"ready",value:function(){if(m(y(h.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.widget){this.ZG=this.widget.webcomponent,this.allowedTypes=l.Z.iconSet.allowedTypes,this.vendor=this.ZG.iconSet,this.vendor&&this.vendor.toLowerCase(),this.inShadow=d.MA(this),this.widget.aIcons.push(this),this.setIcon(this.name);var e=d.MV(this,l.Z.zgCaption.tagName),t=d.MV(this,l.Z.zgButton.tagName);e&&!t&&this.setAttribute(l.Z.attr.internalcaption,"")}}},{key:"changeVendor",value:function(e){var t=this;this.vendor=e||null;var o=this._oShadowRoot.querySelector('slot[name="icon"]').assignedNodes();o.length&&o.forEach((function(e){return t.removeChild(e)})),this.name&&this.setVendor(this.name)}},{key:"setIcon",value:function(e){e?this.vendor?this.setVendor(e):this.setSvg(e):this.currSvg&&(this.currSvg.innerHTML="")}},{key:"setSvg",value:function(e){var t=d.rO(1,1e6);this.svgId="svg-".concat(t),this.svgSrc=null,this.currSvg=null,this.targetSvg=null;var o=this.querySelector("svg");o||((o=document.createElementNS("http://www.w3.org/2000/svg","svg")).id=this.svgId,o.setAttribute("slot","icon"),o.setAttribute("viewBox","0 0 24 24"),"deselect"===e&&o.setAttribute("no-fill",""),this.appendChild(o)),this.currSvg=o,this._setIconNew(e)}},{key:"setVendor",value:function(e){var t=this,o=Object.keys(this.allowedTypes).filter((function(e){return t.allowedTypes[e].indexOf(t.vendor)>-1}))[0];if(o)try{this["_setVendor".concat(o.charAt(0).toUpperCase()).concat(o.slice(1))](e)}catch(t){this.setSvg(e);var n={icon:"error",state:"error",msg:w({msg:c.default.get("iconSet.invalidVendorMethod",this.widget),vars:[l.Z.zgIcon.attr,this.vendor]})};this.widget.statusManager.setStatus(n)}else{this.setSvg(e);var r={icon:"error",state:"error",msg:w({msg:c.default.get("iconSet.invalidVendor",this.widget),vars:[l.Z.zgIcon.attr]})};this.widget.statusManager.setStatus(r)}}},{key:"_setVendorCustom",value:function(e){var t=this.ZG.iconSetDataMap[e]||"N/A";this.insertAdjacentHTML("afterbegin",t)}},{key:"_setVendorFontAwesome",value:function(e){var t=this,o=u.default.prefix2.length;if(e.slice(0,o)===u.default.prefix2)r(e);else{var n=this._getMappedName(e,u.default.map);n.matched?r(n.name):this.setSvg(e)}function r(e){var o=t.querySelector("i")||document.createElement("i");o.className="",-1!==e.indexOf("square")?o.classList.add("far"):o.classList.add("fas"),o.classList.add(e),o.parentNode||(o.slot=l.Z.zgIcon.slotIcon,t.appendChild(o))}}},{key:"_getMappedName",value:function(e,t){var o=t[Object.keys(t).filter((function(t){return t===e}))];return{name:o||e,matched:!!o}}},{key:"_setIconNew",value:function(e){var t=this;if(e&&!this.widget.webcomponent.bWaitingForIcons&&"#"!==(e=0===e.indexOf("#")?e:"#".concat(e))&&"string"==typeof e&&e[1].toLowerCase()!==e[1].toUpperCase()&&this.currSvg&&this.ZG.themeSVG){if(this.targetSvg=this.ZG.themeSVG.querySelector(e),!this.targetSvg)return;this.TARGET_SVG_CLONE=this.targetSvg.cloneNode(!0),this.currSvg.innerHTML="",this.TARGET_SVG_CLONE&&this.TARGET_SVG_CLONE.children&&f(this.TARGET_SVG_CLONE.children).forEach((function(e){t.currSvg.appendChild(e)}))}}},{key:"_propertyHandler",value:function(e,t,o){return o=m(y(h.prototype),"_propertyHandler",this).call(this,e,t,o),"name"===e&&this.bReady&&this.setIcon(o),o}},{key:"disconnectedCallback",value:function(){m(y(h.prototype),"disconnectedCallback",this).call(this),this.currSvg=null,this.targetSvg=null,this.TARGET_SVG_CLONE=null}}])&&g(t.prototype,o),r&&g(t,r),Object.defineProperty(t,"prototype",{writable:!1}),h}(n.Z));n.Z._registerElement(z,k);const x=k},78157:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>w});var n=o(31769),r=o(54739),i=o(11516),a=o.n(i),s=o(84407),l=o.n(s),d=(o(37486),o(87822));function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function u(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==c(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===c(i)?i:String(i)),n)}var r,i}function h(){return h="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=g(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},h.apply(this,arguments)}function f(e,t){return f=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},f(e,t)}function p(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=g(e);if(t){var r=g(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}var m="zg-input",b={for:{bReflectToAttribute:!0},action:{bReflectToAttribute:!0,type:String},type:{bReflectToAttribute:!0,type:String},value:{bReflectToAttribute:!0,type:String},widget:{}},v=r.Z.getObservedAtts(b),y=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&f(e,t)}(s,e);var t,o,r,i=p(s);function s(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,s),i.apply(this,arguments)}return t=s,r=[{key:"observedAttributes",get:function(){return v}}],(o=[{key:"init",value:function(){h(g(s.prototype),"init",this).call(this,m,l(),a(),b),this.setupRefs()}},{key:"setupRefs",value:function(){this.oDOMInnerWrapper=document.createElement("input"),this.oDOMInnerWrapper.className="zg-input-input",this.oDOMInnerWrapper.slot="input",this.oDOMInnerWrapper.setAttribute(d.Z.aria.label,"Current Page")}},{key:"ready",value:function(){var e=this;h(g(s.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.oDOMInnerWrapper||this.setupRefs();var t=this.querySelector(".zg-input-input");t?this.oDOMInnerWrapper=t:this.appendChild(this.oDOMInnerWrapper),this.action||(this.type&&(this.oDOMInnerWrapper.type=this.type),this.value&&(this.oDOMInnerWrapper.value=this.value)),setTimeout((function(){e.widget.bDisconnect||e._updateCurrentPageWidth(e.widget)}),0),this.postRenderOns()}},{key:"postRenderOns",value:function(){this.on("keydown",this.onKeyDown,this,{},!1),this.fnUnKeyDown=n.Z.get(this.oDOMInnerWrapper).on("keydown",this.onInputKeyDown,this,{},!1)}},{key:"onInputKeyDown",value:function(e,t){var o=e.nCharCode;if(this.action)switch(o){case e.ENTER:this.value=this.oDOMInnerWrapper.value,this.focus(),e.stopEvent(),e.stopImmediatePropagation();break;case e.RIGHT:case e.LEFT:e.stopEvent(),e.stopImmediatePropagation()}}},{key:"onKeyDown",value:function(e,t){var o,n,r=e.nCharCode,i=parseInt(this.oDOMInnerWrapper.value,10);if(this.action)switch((null===i||isNaN(i))&&(i=0),"currpage"===this.action&&(o=1,n=this.widget.getPageCount()),e.stopPropagation(),r){case e.ENTER:this.oDOMInnerWrapper.focus(),this.value=this.oDOMInnerWrapper.value,e.stopEvent(),e.stopImmediatePropagation();break;case e.UP:i<n&&(this.oDOMInnerWrapper.value=i+1,this.value=this.oDOMInnerWrapper.value),e.stopEvent(),e.stopImmediatePropagation();break;case e.DOWN:i>o&&(this.oDOMInnerWrapper.value=i-1,this.value=this.oDOMInnerWrapper.value),e.stopEvent(),e.stopImmediatePropagation()}}},{key:"updateInfo",value:function(e,t){t=t||this.action,e=e||this.widget;var o=this.oDOMInnerWrapper,n=e.getCurrPageIdx();"currpage"===t&&(this._updateCurrentPageWidth(e),o.value=n+1)}},{key:"_propertyHandler",value:function(e,t,o){return o=h(g(s.prototype),"_propertyHandler",this).call(this,e,t,o),this.bReady&&("value"===e&&(this._updateDOMValue(o),this.fire("valuechanged",o)),"type"!==e||this.action||(o?this.oDOMInnerWrapper.type=o:this.oDOMInnerWrapper.removeAttribute("type"))),o}},{key:"_updateBinding",value:function(e,t,o,n){e&&o&&(this.fnUnSubscribe(),this.fnUnNotify(),this.fnUnKeyDown&&this.fnUnKeyDown()),t&&(this.updateInfo(t,n),"currpage"===n)&&(this.fnUnSubscribe=t.on(d.Z.event.updated,this.updateInfo,this),this.fnUnNotify=this.on("valuechanged",(function(e,o){t.setCurrPageIdx(o-1)})),this._updateCurrentPageWidth(t))}},{key:"_updateCurrentPageWidth",value:function(e){var t=e.webcomponent.querySelector('[value="pagecount"]');if(t&&this.action){var o=t.getBoundingClientRect().width;this.style.setProperty("width","var(--zg-input-width, ".concat(o+15,"px)"))}}},{key:"_updateDOMValue",value:function(e){"currpage"===this.action&&(e=parseInt(e,10)),this.oDOMInnerWrapper.value=e}},{key:"disconnectedCallback",value:function(){h(g(s.prototype),"disconnectedCallback",this).call(this),this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnNotify&&this.fnUnNotify(),this.fnUnKeyDown&&this.fnUnKeyDown(),this.un("keydown",this.onKeyDown,this),this.cleanElement("oDOMInnerWrapper")}}])&&u(t.prototype,o),r&&u(t,r),Object.defineProperty(t,"prototype",{writable:!1}),s}(r.Z);r.Z._registerElement(m,y);const w=y},97263:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>v});var n=o(54739),r=o(59735),i=o.n(r),a=o(9674),s=o.n(a),l=o(87822);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g="zg-layout-controls",m={},b=(n.Z.getObservedAtts(m),function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(d,e);var t,o,r,a=f(d);function d(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,d),a.apply(this,arguments)}return t=d,r=[{key:"observedAttributes",get:function(){return n.Z.getObservedAtts(m)}}],(o=[{key:"init",value:function(){u(p(d.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){if(u(p(d.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.setAttribute(l.Z.attr.role,"toolbar"),!this.children.length||1===this.children.length){document.createElement(l.Z.zgText.tagName).textContent="Cards:";var e=document.createElement(l.Z.zgButton.tagName);e.setAttribute(l.Z.attr.datafocus,""),e.action="layoutrow";var t=document.createElement(l.Z.zgButton.tagName);t.setAttribute(l.Z.attr.datafocus,""),t.action="layoutcard",this.appendChild(t),this.appendChild(e)}}},{key:"ons",value:function(){}},{key:"disconnectedCallback",value:function(){u(p(d.prototype),"disconnectedCallback",this).call(this)}}])&&c(t.prototype,o),r&&c(t,r),Object.defineProperty(t,"prototype",{writable:!1}),d}(n.Z));n.Z._registerElement(g,b);const v=b},95720:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>y});var n=o(54739),r=o(49042),i=o.n(r),a=o(172),s=o.n(a),l=o(87822),d=o(19791);function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function u(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==c(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===c(i)?i:String(i)),n)}var r,i}function h(){return h="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=g(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},h.apply(this,arguments)}function f(e,t){return f=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},f(e,t)}function p(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=g(e);if(t){var r=g(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}var m=l.Z.zgLoadMask.tagName,b={},v=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&f(e,t)}(a,e);var t,o,n,r=p(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){h(g(a.prototype),"init",this).call(this,m,s(),i(),b)}},{key:"ready",value:function(){h(g(a.prototype),"ready",this).call(this),this.setAttribute(l.Z.attr.hidden,""),this.customOns()}},{key:"customOns",value:function(){this.widget.store.on("loading",this.loading,this),this.widget.store.on("loaded",this.loaded,this)}},{key:"updateText",value:function(){this.loadingText&&(this.loadingText.textContent=this.widget.webcomponent.loadingText||d.default.get("loadMask.title",this.widget,{element:this.loadingText,elProperty:"textContent"}))}},{key:"default",value:function(){var e=document.createElement("span"),t=e.cloneNode(!0);t.classList.add("default-wrap");var o=e.cloneNode(!0);o.classList.add("loading-text"),o.textContent=this.widget.webcomponent.loadingText||d.default.get("loadMask.title",this.widget,{element:o,elProperty:"textContent"}),t.appendChild(o),this.loadingText=o;var n,r=e.cloneNode(!0);r.classList.add("animation-wrap"),(n=e.cloneNode(!0)).classList.add("animation-dot"),r.appendChild(n),t.appendChild(r),this.shadowRoot.appendChild(t)}},{key:"loading",value:function(){var e=this.widget,t=e.store,o=e.webcomponent,n=t.oDataFormat.bLoadByScroll&&e.nCurrPageIdx;this.updateText(),o.loadmask&&"disabled"===o.loadmask||t.bHasLoaded&&!e.bUpdatingSize||n||e.bPreloaded||(this.widget.webcomponent.setAttribute("loading",!0),this.setXY(0,0),this._show())}},{key:"loaded",value:function(){this._hide(),this.widget.webcomponent.removeAttribute(l.Z.attr.loading)}}])&&u(t.prototype,o),n&&u(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(m,v);const y=v},86998:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>v});var n=o(54739),r=o(21793),i=o.n(r),a=o(42854),s=o.n(a);function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function d(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==l(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===l(i)?i:String(i)),n)}var r,i}function c(){return c="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=f(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},c.apply(this,arguments)}function u(e,t){return u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},u(e,t)}function h(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=f(e);if(t){var r=f(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===l(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}var p=o(87822).Z.zgMenuGroup.tagName,g={},m=n.Z.getObservedAtts(g),b=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&u(e,t)}(a,e);var t,o,n,r=h(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,n=[{key:"observedAttributes",get:function(){return m}}],(o=[{key:"init",value:function(){c(f(a.prototype),"init",this).call(this,p,s(),i(),g)}},{key:"ready",value:function(){c(f(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl")}},{key:"ons",value:function(){}}])&&d(t.prototype,o),n&&d(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(p,b);const v=b},63690:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>y});var n=o(54739),r=o(65168),i=o.n(r),a=o(52312),s=o.n(a),l=o(87822);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g="zg-menu-item",m={},b=n.Z.getObservedAtts(m),v=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){this.bAdded||(u(p(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.setAttribute("tabindex",-1),this.getAttribute(l.Z.attr.role)||this.setAttribute(l.Z.attr.role,"menuitem"),this.bAdded=!0)}},{key:"ons",value:function(){this.on("mouseenter",this.togglePseudoClass),this.on("mouseleave",this.togglePseudoClass),this.on("click",this.onClick,this),this.on("contextmenu",this.onContextMenu,this,{},!1),this.on("mousedown",this.onMouseDown,this),this.on("keydown",this.onKeyDown,this,{},!1)}},{key:"checkMenuItemFocus",value:function(e){var t=!0,o=e.tagName.toLowerCase(),n=e.querySelector("zg-button");return"zg-menu-item"!==o&&"zg-menu-group"!==o&&(t=!1),e.hidden&&(t=!1),n&&n.disabled&&(t=!1),t}},{key:"changeFocus",value:function(e){var t=this,o=this,n=1;if(this.menuGroup&&(t=this.menuGroup,o=this),"down"===e)for(;n++&&((t=t.nextElementSibling)||(t=this.menu.firstElementChild),!(this.checkMenuItemFocus(t)||n>50)););else if("up"===e)for(;n++&&((t=t.previousElementSibling)||(t=this.menu.lastElementChild),!(this.checkMenuItemFocus(t)||n>50)););else if("right"===e)if(this.menuGroup){for(;n++&&((o=o.nextElementSibling)||(o=this.menuGroup.firstElementChild),!(this.checkMenuItemFocus(o)||n>50)););t=o}else this.menuManager.closeMenu();else if("left"===e&&this.menuGroup){for(;n++&&((o=o.previousElementSibling)||(o=this.menuGroup.lastElementChild),!(this.checkMenuItemFocus(o)||n>50)););t=o}"zg-menu-group"===t.tagName.toLowerCase()&&(t=t.querySelector("".concat(l.Z.zgMenuItem.tagName,":not([hidden]"))),t&&t.focus()}},{key:"onKeyDown",value:function(e){var t=!1;switch(e.nCharCode){case e.UP:this.changeFocus("up");break;case e.DOWN:this.changeFocus("down");break;case e.RIGHT:this.changeFocus("right");break;case e.LEFT:this.changeFocus("left");break;case e.ENTER:case e.SPACE:this.onClick(e);break;case e.ESC:this.menuManager.closeMenu();break;default:t=!0}t||e.stopEvent()}},{key:"onClick",value:function(e,t){var o=this.widget,n=null,r=null,i=null,a=null,s=null,d=null,c=null,u=this.querySelector(l.Z.zgButton.tagName);if(u&&u.action)u.click();else{o.menuManager&&o.menuManager.activeMenu&&(n=o.menuManager.activeCell,r=o.menuManager.activeHeader,i=o.menuManager.activeColumn,d=n.sTargetFieldIndex,c=n.sTargetRecordIndex,a=o.store.get(c,d),s=o.getDOMByIndex(n.nRowContainerIndex,n.nColumnIndex),o.menuManager.closeMenu());var h={DOMCell:s,recordIndex:c,fieldIndex:d,data:a,grid:o.webcomponent,cell:n,header:r,column:i};o.emitEvent("menu:click",{ZGEvent:e,ZGTarget:this,ZGData:h})}}},{key:"onContextMenu",value:function(e,t){e.preventDefault()}},{key:"onMouseDown",value:function(e,t){}},{key:"disconnectedCallback",value:function(){u(p(a.prototype),"disconnectedCallback",this).call(this),this.menu=null,this.menuGroup=null,this.menuManager=null}}],n=[{key:"observedAttributes",get:function(){return b}}],o&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,v);const y=v},25449:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>y});var n=o(54739),r=o(12697),i=o.n(r),a=o(66513),s=o.n(a),l=o(87822);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g="zg-menu",m={replace:{bReflectToAttribute:!0,type:Boolean},widget:{}},b=n.Z.getObservedAtts(m),v=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,n=[{key:"observedAttributes",get:function(){return b}}],(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){u(p(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.setAttribute(l.Z.attr.role,"menu")}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,v);const y=v},85083:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>y});var n=o(54739),r=o(48311),i=o.n(r),a=o(32501),s=o.n(a),l=o(87822);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g="zg-no-data",m={},b=n.Z.getObservedAtts(m),v=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,n=[{key:"observedAttributes",get:function(){return b}}],(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){u(p(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.widget.on(l.Z.event.updated,this.updateInfo,this)}},{key:"updateInfo",value:function(){var e=this.widget,t=e.store.getOriginRecordCount()||e.getRowCount()||e.aTopRowMapping.length||e.aBottomRowMapping.length,o=e.mainColumnBody.oBody;t?(o.removeAttribute(l.Z.zgNoData.attr),this.removeAttribute(l.Z.zgNoData.attr)):(o.setAttribute(l.Z.zgNoData.attr,""),this.setAttribute(l.Z.zgNoData.attr,""))}},{key:"clearInfo",value:function(){this.widget&&this.widget.mainColumnBody&&(this.widget.mainColumnBody.oBody.removeAttribute(l.Z.zgNoData.attr),this.removeAttribute(l.Z.zgNoData.attr))}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,v);const y=v},34709:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>y});var n=o(54739),r=o(56566),i=o.n(r),a=o(76089),s=o.n(a);function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function d(e){return function(e){if(Array.isArray(e))return c(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return c(e,t)}(e)||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 c(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function u(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==l(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===l(i)?i:String(i)),n)}var r,i}function h(){return h="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=g(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},h.apply(this,arguments)}function f(e,t){return f=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},f(e,t)}function p(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=g(e);if(t){var r=g(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===l(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}var m="zg-option-list",b={hidden:{bReflectToAttribute:!0,type:Boolean},options:{bReflectToAttribute:!0,type:String}},v=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&f(e,t)}(a,e);var t,o,n,r=p(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){h(g(a.prototype),"init",this).call(this,m,s(),i(),b)}},{key:"ready",value:function(){h(g(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl")}},{key:"ons",value:function(){this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnSubscribe=this.on("keydown",this.onKeyDown,this,{},!1)}},{key:"bIsHidden",value:function(){return this.hidden}},{key:"changeOptions",value:function(e){this.options=e}},{key:"_hide",value:function(){this.hidden=!0}},{key:"_propertyHandler",value:function(e,t,o){var n=this;switch(o=h(g(a.prototype),"_propertyHandler",this).call(this,e,t,o),e){case"hidden":break;case"options":this.innerHTML="";var r=document.createElement("span");r.tabIndex=-1,o?(this.parentNode&&this.parentNode.removeAttribute("disabled"),o.split(",").forEach((function(e){var t=r.cloneNode(!1),o=parseInt(e,10);!isNaN(o)&&o>0&&(t.textContent=o,n.appendChild(t))}))):this.parentNode&&this.parentNode.setAttribute("disabled","")}return o}},{key:"_show",value:function(){var e=this,t=this.widget.getPageSize(),o=this.querySelectorAll("span");if(this.hidden=!1,this.focused=null,!this.widget.isStorybook("select")){var n=d(o).some((function(o){return o.innerHTML==t&&(o.focus(),e.focused=o,!0)}));if(!n&&o.length){var r=o[0];r.focus(),this.focused=r}}}},{key:"changeFocus",value:function(e,t){var o=this.focused;t===e.UP?(o=o.previousElementSibling)||(o=this.focused.parentNode.lastElementChild):t===e.DOWN&&((o=o.nextElementSibling)||(o=this.focused.parentNode.firstElementChild)),o&&(o.focus(),this.focused=o)}},{key:"onKeyDown",value:function(e){var t=e.nCharCode,o=!1;switch(t){case e.UP:case e.DOWN:this.changeFocus(e,t);break;case e.RIGHT:this.parentNode.toggleList();break;case e.ENTER:case e.SPACE:this.focused&&this.focused.click();break;default:o=!0}o||e.stopEvent()}},{key:"disconnectedCallback",value:function(){h(g(a.prototype),"disconnectedCallback",this).call(this),this.options=null,this.focused=null}}])&&u(t.prototype,o),n&&u(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(m,v);const y=v},17056:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>S});var n=o(54739),r=o(89282),i=o.n(r),a=o(63476),s=o.n(a),l=o(37486),d=o(87822),c=o(19791);function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function h(e){return function(e){if(Array.isArray(e))return f(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return f(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return f(e,t)}(e)||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 f(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function p(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==u(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===u(i)?i:String(i)),n)}var r,i}function g(){return g="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=v(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},g.apply(this,arguments)}function m(e,t){return m=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},m(e,t)}function b(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=v(e);if(t){var r=v(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function v(e){return v=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},v(e)}l.Ld.stripComments;var y="zg-pager",w={widget:{},pageSize:{type:Number,bReflectToAttribute:!0},pageSizeCard:{type:Number,bReflectToAttribute:!0},pageSizeRow:{type:Number,bReflectToAttribute:!0},pagerType:{bReflectToAttribute:!0,type:String},pagerButtonLimit:{type:Number,bReflectToAttribute:!0},position:{bReflectToAttribute:!0,type:String},sizeOptions:{bReflectToAttribute:!0,type:String}},z=n.Z.getObservedAtts(w),C=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&m(e,t)}(a,e);var t,o,n,r=b(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,n=[{key:"observedAttributes",get:function(){return z}}],(o=[{key:"init",value:function(){g(v(a.prototype),"init",this).call(this,y,s(),i(),w)}},{key:"ready",value:function(){var e=this;g(v(a.prototype),"ready",this).call(this),this.widget=this._getHostContext();var t=this.widget.webcomponent;if(!this.widget.bPreloaded){if(this._updateContents(),this.parentNode===this.widget.webcomponent&&this._attachPosition(this.position||t.getAttribute("pager-position")),this.bHasChildNode)return;this.sizeOptions&&this.updateSize(this.sizeOptions),(this.pageSize||this.pageSizeRow||this.pageSizeCard)&&this.widget.calculatePageSize(),t.getAttribute(d.Z.viewport.attr)&&this.setAttribute(d.Z.viewport.attr,t.getAttribute(d.Z.viewport.attr)),(t.getAttribute(d.Z.viewport.pauseAttr)||""===t.getAttribute(d.Z.viewport.pauseAttr))&&this.setAttribute(d.Z.viewport.pauseAttr,""),(t.getAttribute(d.Z.viewport.stopAttr)||""===t.getAttribute(d.Z.viewport.stopAttr))&&this.setAttribute(d.Z.viewport.stopAttr,""),t.layout&&t.layout.length&&this.setAttribute(d.Z.zgLayout.attr,t.layout)}"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl"),this.widget.on(d.Z.event.updated,(function(){e.pagerType&&e._updateContents()}),this)}},{key:"updateSize",value:function(e){var t=this.querySelector('zg-select[action="pagesize"]');if(t&&(t.setAttribute("options",e),this.widget&&!this.widget.bUserPageSize&&e)){var o=e.split(","),n=parseInt(o[o.length-1],10);isNaN(n)||this.widget.setPageSize(n,void 0,!this.widget.bAPIReady)}}},{key:"_propertyHandler",value:function(e,t,o){if(o=g(v(a.prototype),"_propertyHandler",this).call(this,e,t,o),this.bReady)switch(e){case"pageSize":case"pageSizeRow":case"pageSizeCard":this.widget.calculatePageSize(null,!0,e,o);break;case"sizeOptions":this.updateSize(o);break;case"pagerType":this._updateContents(this.cursor,o,this.pagerButtonLimit);break;case"pagerButtonLimit":this._updateContents(this.cursor,this.pagerType,o);break;case"position":this._attachPosition(o)}return o}},{key:"_updateContents",value:function(e,t,o){var n=this,r=this.widget;if(!this.bHasChildNode&&r){void 0===t&&(t=this.pagerType),o=null===o?d.Z.zgPager.defaultButtonLimit:o||this.pagerButtonLimit||d.Z.zgPager.defaultButtonLimit;var i="\n      <zg-select ".concat(d.Z.attr.datafocus,' slot="left" action="pagesize" options="5,10,50"></zg-select>\n      <zg-button ').concat(d.Z.attr.datafocus,' slot="left" action="reload"></zg-button>\n    '),a='\n      <zg-text slot="right" text="rows"></zg-text>\n      <zg-text slot="right" value="startrow"></zg-text>\n      <zg-text slot="right">-</zg-text>\n      <zg-text slot="right" value="endrow"></zg-text>\n      <zg-text slot="right" text="pageOf"></zg-text>\n      <zg-text slot="right" value="rowcount"></zg-text>\n    ',s=r.getPageCount(),u=r.getCurrPageIdx(),f=Math.min(o,s),p=0,g=0;if(f){var m=Math.floor(f/2),b=f%2;b&&u<=m||!b&&u<m?(p=0,g=f-1):u+m+1>s?p=(g=s-1)-f+1:(p=u-m,g=u+m,b||p++)}for(var v="",y=p;y<=g;y++)v+="\n        <zg-button page-index=".concat(y," ").concat(d.Z.attr.datafocus,' slot="center" action="page">\n          <span slot="icon"></span>\n          <span slot="label">').concat(y+1,"</span>\n        </zg-button>\n      ");var w="\n      ".concat(i,"\n      <zg-button ").concat(d.Z.attr.datafocus,' slot="center" action="firstpage"></zg-button>\n      <zg-button ').concat(d.Z.attr.datafocus,' slot="center" action="prevpage"></zg-button>\n      <zg-text slot="center" text="page"></zg-text>\n      <zg-input ').concat(d.Z.attr.datafocus,' slot="center" action="currpage"></zg-input>\n      <zg-text slot="center" text="pageOf"></zg-text>\n      <zg-text slot="center" value="pagecount"></zg-text>\n      <zg-button ').concat(d.Z.attr.datafocus,' slot="center" action="nextpage"></zg-button>\n      <zg-button ').concat(d.Z.attr.datafocus,' slot="center" action="lastpage"></zg-button>\n      ').concat(a,"\n    "),z="\n      ".concat(i,"\n      <zg-button ").concat(d.Z.attr.datafocus,' slot="center" action="prevpage" type="cursor"></zg-button>\n      <zg-button ').concat(d.Z.attr.datafocus,' slot="center" action="nextpage" type="cursor"></zg-button>\n    '),C="\n      ".concat(i,"\n      <zg-button ").concat(d.Z.attr.datafocus,' slot="center" action="prevpage"></zg-button>\n      ').concat(v,"\n      <zg-button ").concat(d.Z.attr.datafocus,' slot="center" action="nextpage"></zg-button>\n      ').concat(a,"\n    "),S="\n      ".concat(i,"\n      <zg-button ").concat(d.Z.attr.datafocus,' slot="center" action="prevpage">\n        <span slot="icon"></span>\n        <span slot="label">').concat(c.default.get("pagination.pagePrev"),"</span>\n      </zg-button>\n      ").concat(v,"\n      <zg-button ").concat(d.Z.attr.datafocus,' slot="center" action="nextpage">\n        <span slot="icon"></span>\n        <span slot="label">').concat(c.default.get("pagination.pageNext"),"</span>\n      </zg-button>\n      ").concat(a,"\n    ");if(t){var k=t===d.Z.zgPager.buttonTextType?S:C;this.oDOMDefaultPagerFrag=(0,l.W2)(k)}else if(this.widget){var x=e||this.widget.store.oDataFormat.bCursor||this.widget.store.oDataFormat.bLoadByPages&&this.widget.store.oDataFormat.bStartAtValue;h(this.querySelectorAll("[slot]")).forEach((function(e){return e.remove()})),x?this.setAttribute(d.Z.attr.type,d.Z.zgPager.cursorAttr):this.removeAttribute(d.Z.attr.type);var O=x?z:w;this.oDOMDefaultPagerFrag=(0,l.W2)(O)}this.innerHTML="",this.appendChild(this.oDOMDefaultPagerFrag),this.querySelectorAll("zg-text[text]").forEach((function(e){var t=e.getAttribute("text");e.innerHTML=c.default.get("pagination.".concat(t),n.widget,{element:e,elProperty:"innerHTML"})}))}}},{key:"_attachPosition",value:function(e){"both"!==e&&(e&&"top"===e?(this.setAttribute("slot","top"),this.widget.webcomponent.oTopPager=this):(this.setAttribute("slot","pager"),this.widget.webcomponent.oBottomPager=this))}},{key:"disconnectedCallback",value:function(){g(v(a.prototype),"disconnectedCallback",this).call(this),this.oDOMDefaultPagerFrag=null}}])&&p(t.prototype,o),n&&p(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(y,C);const S=C},2572:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>y});var n=o(54739),r=o(12456),i=o.n(r),a=o(75150),s=o.n(a),l=o(87822);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g="zg-param",m={name:{type:String,bReflectToAttribute:!0},value:{type:String,bReflectToAttribute:!0},widget:{}},b=n.Z.getObservedAtts(m),v=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,n=[{key:"observedAttributes",get:function(){return b}}],(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){u(p(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.parentNode&&"zg-data"===this.parentNode.tagName.toLowerCase()&&(this.oDOMData=this.parentNode),this.setAttribute(l.Z.attr.hidden,""),this.oDOMData&&0===this.oDOMData.nCheckedParams&&this.reload()}},{key:"_attributeHandler",value:function(e,t,o){return u(p(a.prototype),"_attributeHandler",this).call(this,e,t,o),this.bReady&&this.widget&&this.reload(),o}},{key:"reload",value:function(){var e=this.oDOMData;e&&this.widget.store.debounceLoadData(e.options,this.widget.webcomponent.params,null,!0)}},{key:"disconnectedCallback",value:function(){u(p(a.prototype),"disconnectedCallback",this).call(this),this.bReady&&this.widget&&!this.widget.bDisconnect?this.reload():this.oDOMData=null}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,v);const y=v},96278:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>w});var n=o(54739),r=o(72584),i=o.n(r),a=o(39457),s=o.n(a),l=o(87822),d=o(37486);function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function u(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==c(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===c(i)?i:String(i)),n)}var r,i}function h(){return h="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=g(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},h.apply(this,arguments)}function f(e,t){return f=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},f(e,t)}function p(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=g(e);if(t){var r=g(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}var m="zg-row",b=d.SV(i(),s()),v={},y=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&f(e,t)}(a,e);var t,o,n,r=p(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){h(g(a.prototype),"init",this).call(this,m,s(),i(),v,b),this.bodyRowIndex=null}},{key:"ready",value:function(){this.widget=this.widget||this._getHostContext(),h(g(a.prototype),"ready",this).call(this),this.ZG=this.widget.webcomponent,this.setAttribute(l.Z.attr.role,"row");var e=d.Uh(this.ZG.getAttribute("layout"))?this.ZG.getAttribute("layout"):this.parentNode.getAttribute("layout");if(e&&e.length&&(this.setAttribute(l.Z.zgLayout.attr,e),e===l.Z.zgLayout.typeCard&&this.widget.hasCardTemplate()&&this.setAttribute(l.Z.zgLayout.cardTplAttr,"")),this.ZG.gridlines){var t=this.ZG.gridlines.toLowerCase();"both"!==t&&"vert"!==t&&"vertical"!==t||this.setAttribute(l.Z.attr.gridlinesvert,""),"both"!==t&&"horz"!==t&&"horizontal"!==t||this.setAttribute(l.Z.attr.gridlineshorz,"")}var o=this.parentNode?this.parentNode.id:"";-1!==o.indexOf("left")?this.setAttribute(l.Z.attr.frozenframe,"left"):-1!==o.indexOf("right")&&this.setAttribute(l.Z.attr.frozenframe,"right")}},{key:"ons",value:function(){var e=this.widget;this.on("mouseover",this.onMouseOver,this),this.on("mouseout",this.onMouseOut,this),e.on("layoutchange",(function(){return e.currentHighlightedRowIndex=null}))}},{key:"onMouseOver",value:function(e,t){var o=this.widget;if(o.hasFrozenColumns()&&o.currentHighlightedRowIndex!==this.rowIndex){var n=window.getComputedStyle(this),r=this.getAttribute("aria-rowindex"),i=n.getPropertyValue("background-color"),a=n.getPropertyValue("color"),s=o.webcomponent.querySelectorAll('zg-row[aria-rowindex="'.concat(r,'"]'));s.forEach((function(e){e.style.backgroundColor=i,e.style.color=a})),o.currentHighlightedRows&&o.currentHighlightedRows.forEach((function(e){e.style.backgroundColor="",e.style.color=""})),o.currentHighlightedRows=s,o.currentHighlightedRowIndex=this.rowIndex}}},{key:"onMouseOut",value:function(e,t){var o=this.widget;o.currentHighlightedRows&&o.currentHighlightedRows.forEach((function(e){e.style.backgroundColor="",e.style.color=""})),o.currentHighlightedRows=null,o.currentHighlightedRowIndex=null}},{key:"setBodyIndexes",value:function(e){var t=this.widget,o=t.getAllHeaderDepth();this.bodyRowIndex=e,this.dataRowIndex=e+t.nTopFrozenRows,this.rowIndex=e+o,this.setAttribute(l.Z.aria.rowIndex,e+o+1)}},{key:"rowIndex",get:function(){return this._rowIndex},set:function(e){this._rowIndex=e}},{key:"disconnectedCallback",value:function(){h(g(a.prototype),"disconnectedCallback",this).call(this)}}])&&u(t.prototype,o),n&&u(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(m,y);const w=y},65923:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>w});var n=o(54739),r=o(31769),i=o(29189),a=o.n(i),s=o(91607),l=o.n(s),d=o(87822),c=o(19791);function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function h(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==u(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===u(i)?i:String(i)),n)}var r,i}function f(){return f="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=m(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},f.apply(this,arguments)}function p(e,t){return p=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},p(e,t)}function g(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=m(e);if(t){var r=m(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function m(e){return m=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},m(e)}var b="zg-search",v={},y=(n.Z.getObservedAtts(v),function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&p(e,t)}(u,e);var t,o,i,s=g(u);function u(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,u),s.apply(this,arguments)}return t=u,i=[{key:"observedAttributes",get:function(){return n.Z.getObservedAtts(v)}}],(o=[{key:"init",value:function(){f(m(u.prototype),"init",this).call(this,b,l(),a(),v)}},{key:"ready",value:function(){var e,t=this;if(f(m(u.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.widget){if(this.ZG=this.widget.webcomponent,this.$search=this.widget.search,this.oDOMCaption=this.ZG.querySelector("zg-caption"),this.bSearching=!1,this.searchBarVisible=!1,this.oDOMButton=this.querySelector(d.Z.zgButton.tagName),!this.widget.bPreloaded&&!this.oDOMButton){(e=document.createElement(d.Z.zgButton.tagName)).slot="button",e.action="search",e.setAttribute(d.Z.attr.datafocus,"");var o=document.createElement("input");o.slot="input",o.type="search";var n=c.default.get("tools.search",this.widget,{element:o,elProperty:"placeholder"});o.placeholder=n,o.setAttribute(d.Z.aria.label,n),this.appendChild(e),this.appendChild(o),this.oDOMInput=this.querySelector("input")}this.oDOMInput=this.querySelector("input"),this.oDOMButton||(this.unsubBlur=r.Z.get(this.oDOMInput).on("blur",(function(e){return t.searchBtnClickToggle(e)}),this),this.unsubKD=r.Z.get(this.oDOMInput).on("keydown",this.onKeyDown,this,{},!1),this.oDOMButton=e)}}},{key:"clearSearch",value:function(){this.oDOMInput.value=""}},{key:"triggerSearch",value:function(){var e=this.widget,t=this.oDOMInput.value;e.fire("beforesearch"),e.bodyUpdate(!0,!0);var o={searchTerm:t};e.filter.aFiltered&&(o.searchResults=e.filter.aFiltered,o.searchCount=e.filter.aFiltered.length),e.fire("search",o)}},{key:"debounceSearch",value:function(e){var t=this,o=d.Z.search.threshold,n=this.latestTime=setTimeout((function(){n===t.latestTime&&t.triggerSearch()}),o)}},{key:"ons",value:function(){this.unsubInput=this.on("input",this.debounceSearch)}},{key:"uns",value:function(){this.unsubInput&&this.unsubInput(),this.unsubBlur&&this.unsubBlur(),this.unsubKD&&this.unsubKD()}},{key:"searchBtnClickToggle",value:function(e,t){this.widget.editorManager.activeCellEdit&&this.widget.editorManager.closeEditor(),this.searchBarVisible=!this.searchBarVisible,this.searchBarVisible?(this.setAttribute(d.Z.attr.active,""),t||this.oDOMInput.focus()):(this.removeAttribute(d.Z.attr.active),t||this.oDOMButton.focus())}},{key:"toggleSearchElement",value:function(e){e?this.removeAttribute(d.Z.attr.hidden):this.setAttribute(d.Z.attr.hidden,"")}},{key:"onKeyDown",value:function(e){var t=e.nCharCode;t!==e.ESC&&t!==e.ENTER&&t!==e.TAB||(this.oDOMInput.blur(),e.stopEvent())}},{key:"disconnectedCallback",value:function(){f(m(u.prototype),"disconnectedCallback",this).call(this),this.cleanElements(["oDOMButton","oDOMInput"]),this.$search=null,this.oDOMCaption=null}}])&&h(t.prototype,o),i&&h(t,i),Object.defineProperty(t,"prototype",{writable:!1}),u}(n.Z));n.Z._registerElement(b,y);const w=y},28888:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>w});var n=o(54739),r=o(31769),i=o(35957),a=o.n(i),s=o(76062),l=o.n(s),d=o(87822);function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function u(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==c(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===c(i)?i:String(i)),n)}var r,i}function h(){return h="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=g(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},h.apply(this,arguments)}function f(e,t){return f=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},f(e,t)}function p(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=g(e);if(t){var r=g(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}var m="zg-select",b={for:{bReflectToAttribute:!0},action:{bReflectToAttribute:!0,type:String},value:{bReflectToAttribute:!0,type:Number},options:{bReflectToAttribute:!0,type:String},widget:{}},v=n.Z.getObservedAtts(b),y=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&f(e,t)}(s,e);var t,o,n,i=p(s);function s(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,s),i.apply(this,arguments)}return t=s,n=[{key:"observedAttributes",get:function(){return v}}],(o=[{key:"init",value:function(){h(g(s.prototype),"init",this).call(this,m,l(),a(),b),this.setRefs()}},{key:"setRefs",value:function(){this.mask=this.shadowRoot.querySelector(".zg-selector-mask"),this.selected=document.createElement("div"),this.selected.className="zg-select-selected",this.trigger=document.createElement("div"),this.trigger.className="zg-select-trigger",this.triggerArrow=document.createElement("div"),this.triggerArrow.className="zg-select-trigger-arrow",this.oDOMOptionList=document.createElement("zg-option-list")}},{key:"ready",value:function(){h(g(s.prototype),"ready",this).call(this),this.mask||this.setRefs();var e=this._getHostContext();this.widget===e?this._updateBinding(e,e,this.action,this.action):this.widget=e,this.closeList(),"rtl"===e.sComputedDir&&this.setAttribute("dir","rtl"),e.bPreloaded?(this.selected=this.querySelector(".zg-select-selected"),this.trigger=this.querySelector(".zg-select-trigger"),this.triggerArrow=this.querySelector(".zg-select-trigger-arrow"),this.oDOMOptionList=this.querySelector("zg-option-list")):(this.selected.slot="selected",this._appendChild(this.selected),this.trigger.slot="selected",this._appendChild(this.trigger),this.triggerArrow.slot="selected",this._appendChild(this.triggerArrow),this._appendChild(this.oDOMOptionList)),e.webcomponent.pager||"pagesize"!==this.action||(e.bCustomPageSize=!0),this.value&&(e.setPageSize(this.value),this._updateDOMValue(this.value)),this.options&&this.changeListOptions(this.options),this.postRenderOns()}},{key:"postRenderOns",value:function(){var e=this;this.unsubClick=this.on("click",(function(t){return e.toggleList(t)}),this,{},!1),this.unsubKey=this.on("keydown",this.onKeyDown,this,{},!1),this.unsubOptionList=this.oDOMOptionList.on("click",(function(t,o){t.preventDefault(),e.value=r.Z.get(o)._text()}),null,{sDelegateTo:"span"},!1),this.unsubBlur=this.on("blur",(function(t){var o=t.oBrowserEvent.relatedTarget;o&&"span"===o.tagName.toLowerCase()||e.closeList()}))}},{key:"uns",value:function(){this.unsubClick&&this.unsubClick(),this.unsubOptionList&&this.unsubOptionList(),this.unsubBlur&&this.unsubBlur(),this.unsubKey&&this.unsubKey()}},{key:"onKeyDown",value:function(e){var t=!1;switch(e.nCharCode){case e.ENTER:case e.SPACE:this.toggleList(e);break;default:t=!0}t||e.stopEvent()}},{key:"toggleList",value:function(e){e&&e.stopEvent();var t=this.widget.webcomponent.getBoundingClientRect(),o=this.getBoundingClientRect();this._getDropdownHeight()+o.height+o.top>t.height+t.top?this.setAttribute(d.Z.attr.open,"up"):this.removeAttribute(d.Z.attr.open),this.oDOMOptionList.bIsHidden()?(this.setAttribute(d.Z.attr.active,""),this.mask.setAttribute(d.Z.attr.active,""),this.oDOMOptionList._show()):(this.removeAttribute(d.Z.attr.active,""),this.mask.removeAttribute(d.Z.attr.active,""),this.closeList(),this.focus())}},{key:"changeListOptions",value:function(e){null!==e&&this.oDOMOptionList.changeOptions(e)}},{key:"closeList",value:function(){this.oDOMOptionList._hide()}},{key:"destroyList",value:function(){this._removeChild(this.oDOMOptionList)}},{key:"updateInfo",value:function(e,t){t=t||this.action,e=e||this.widget,"pagesize"===t&&this._updateDOMValue(e.getPageSize())}},{key:"_getDropdownHeight",value:function(){this.oDOMOptionList.removeAttribute(d.Z.attr.hidden);var e=this.oDOMOptionList.getBoundingClientRect().height;return this.oDOMOptionList.setAttribute(d.Z.attr.hidden,""),e}},{key:"_propertyHandler",value:function(e,t,o){if(o=h(g(s.prototype),"_propertyHandler",this).call(this,e,t,o),this.bReady)switch(e){case"value":this._updateDOMValue(o),this.fire("valuechanged",o);break;case"options":null!=o?this.changeListOptions(o):this.destroyList()}return o}},{key:"_updateBinding",value:function(e,t,o,n){e&&o&&(this.fnUnSubscribe(),this.fnUnNotify()),t&&(this.updateInfo(t,n),"pagesize"===n)&&(this.fnUnSubscribe=t.on(d.Z.event.updated,this.updateInfo,this),this.fnUnNotify=this.on("valuechanged",(function(e,o){return t.setPageSize(o)})))}},{key:"_updateDOMValue",value:function(e){this.selected.innerHTML=e}},{key:"disconnectedCallback",value:function(){h(g(s.prototype),"disconnectedCallback",this).call(this),this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnNotify&&this.fnUnNotify(),this.removeChild(this.selected),this.removeChild(this.trigger),this.removeChild(this.triggerArrow),this.removeChild(this.oDOMOptionList),this.selected=null,this.mask=null,this.trigger=null,this.triggerArrow=null,this.oDOMOptionList=null}}])&&u(t.prototype,o),n&&u(t,n),Object.defineProperty(t,"prototype",{writable:!1}),s}(n.Z);n.Z._registerElement(m,y);const w=y},85199:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>v});var n=o(54739),r=o(39307),i=o.n(r),a=o(45946),s=o.n(a),l=o(31769);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g="zg-selector-mask",m={},b=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){u(p(a.prototype),"ready",this).call(this),this.oElMask=l.Z.get(this.shadowRoot.querySelector("#mask"))}},{key:"draw",value:function(e){var t=this.widget;e=e||t.selector.se;var o,n,r=this.oColumnBody.el,i=e.dimension(this.oColumnBody),a=r.getXY(),s=i.xy,l=i.width,d=i.height;o=s[0]-a[0],n=s[1]-a[1]+t.nScrollTop,this.aStartXY=[o,n],this.oElMask.setXY([o,n]),this.oElMask._setStyle("width",l+"px"),this.nWidth=l,this.oElMask._setStyle("height",d+"px"),this.nHeight=d,this.showAll()}},{key:"hideAll",value:function(){this.bReady&&this.oElMask&&this.oElMask._hide()}},{key:"showAll",value:function(){this.oElMask&&this.oElMask._show()}},{key:"disconnectedCallback",value:function(){u(p(a.prototype),"disconnectedCallback",this).call(this),this.oElMask=null,this.oColumnBody=null}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,b);const v=b},5858:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>b});var n=o(54739),r=o(25492),i=o.n(r),a=o(19731),s=o.n(a);function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function d(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==l(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===l(i)?i:String(i)),n)}var r,i}function c(){return c="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=f(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},c.apply(this,arguments)}function u(e,t){return u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},u(e,t)}function h(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=f(e);if(t){var r=f(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===l(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}var p="zg-separator",g={},m=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&u(e,t)}(a,e);var t,o,n,r=h(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){c(f(a.prototype),"init",this).call(this,p,s(),i(),g)}}])&&d(t.prototype,o),n&&d(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(p,m);const b=m},2204:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>v});var n=o(54739),r=o(6952),i=o.n(r),a=o(12839),s=o.n(a);o(31769),o(87822),o(37486);function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function d(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==l(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===l(i)?i:String(i)),n)}var r,i}function c(){return c="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=f(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},c.apply(this,arguments)}function u(e,t){return u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},u(e,t)}function h(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=f(e);if(t){var r=f(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===l(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}var p="zg-source",g={position:{bReflectToAttribute:!0,type:String}},m=n.Z.getObservedAtts(g),b=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&u(e,t)}(a,e);var t,o,n,r=h(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,n=[{key:"observedAttributes",get:function(){return m}}],(o=[{key:"init",value:function(){c(f(a.prototype),"init",this).call(this,p,s(),i(),g)}},{key:"ready",value:function(){c(f(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.ZG.oDOMSource||this.ZG.source||(this.ZG.oDOMSource=this,this.widget.sourceManager.initSource())}},{key:"_propertyHandler",value:function(e,t,o){return o=c(f(a.prototype),"_propertyHandler",this).call(this,e,t,o),this.bReady&&!this.bUpdatePosition&&"position"===e&&(this.bUpdatePosition=!0,this.widget.sourceManager.addSourceToSlot(o),this.bUpdatePosition=!1),o}}])&&d(t.prototype,o),n&&d(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(p,b);const v=b},54629:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>v});var n=o(54739),r=o(37835),i=o.n(r),a=o(44221),s=o.n(a),l=o(31769);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g="zg-status",m={},b=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){var e=this;u(p(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.oDOMDismiss=l.Z.get(this.shadowRoot.querySelector("span[close]")),this.unsubClick=this.oDOMDismiss.on("click",(function(){return e.widget.statusManager.closeStatus()})),this.unsubKey=this.oDOMDismiss.on("keydown",this.onKeyDown,this,{},!1)}},{key:"onKeyDown",value:function(e){var t=e.nCharCode;t!==e.ENTER&&t!==e.SPACE||(this.widget.statusManager.closeStatus(),e.stopEvent())}},{key:"uns",value:function(){this.unsubClick&&this.unsubClick(),this.unsubKey&&this.unsubKey()}},{key:"disconnectedCallback",value:function(){u(p(a.prototype),"disconnectedCallback",this).call(this),this.oDOMDismiss=null}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,b);const v=b},51534:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>y});var n=o(54739),r=o(79273),i=o.n(r),a=o(87585),s=o.n(a),l=o(87822);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g="zg-text",m={value:{bReflectToAttribute:!0,type:String},widget:{}},b=n.Z.getObservedAtts(m),v=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,n=[{key:"observedAttributes",get:function(){return b}}],(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){u(p(a.prototype),"ready",this).call(this),this.widget=this._getHostContext()}},{key:"updateInfo",value:function(e,t){t=t||this.value;var o=(e=e||this.widget).getCurrPageIdx(),n=e.getPageSize(),r=e.store.getOriginRecordCount()||e.getRowCount(),i=r?o*n+1:0,a=(o+1)*n;switch(a>r&&(a=r),t){case"currpage":this.textContent=e.getCurrPageIdx()+1;break;case"pagecount":this.textContent=Math.max(e.getPageCount(),1);break;case"pagesize":this.textContent=e.getPageSize();break;case"startrow":this.textContent=i;break;case"endrow":this.textContent=a;break;case"rowcount":this.textContent=r}}},{key:"_updateBinding",value:function(e,t,o,n){if(e&&o&&this.fnUnSubscribe(),t)switch(this.updateInfo(t,n),n){case"currpage":case"pagecount":case"pagesize":case"startrow":case"endrow":case"rowcount":this.fnUnSubscribe=t.on(l.Z.event.updated,this.updateInfo,this)}}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,v);const y=v},47287:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>y});var n=o(54739),r=o(90409),i=o.n(r),a=o(48219),s=o.n(a),l=o(87822),d=(o(37486),o(31769));function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function u(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==c(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===c(i)?i:String(i)),n)}var r,i}function h(){return h="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=g(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},h.apply(this,arguments)}function f(e,t){return f=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},f(e,t)}function p(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=g(e);if(t){var r=g(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}var m="zg-tooltip",b={},v=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&f(e,t)}(a,e);var t,o,n,r=p(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){h(g(a.prototype),"init",this).call(this,m,s(),i(),b)}},{key:"ready",value:function(){h(g(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.setAttribute(l.Z.attr.role,"tooltip"),this.setAttribute(l.Z.attr.hidden,""),this.oDOMCloseButton=this.shadowRoot.querySelector(".zg-tooltip-close"),this.fnUnClick=d.Z.get(this.oDOMCloseButton).on("click",this._hideTarget,this,{},!1)}},{key:"uns",value:function(){this.fnUnClick&&this.fnUnClick()}},{key:"_setAttributes",value:function(e){var t=e.oTooltipOptions,o=this._checkPosition(t.tooltipPosition),n=t.tooltipType||"default",r=t.tooltipAction||"hover",i=e.bIsInfoTooltip;this.setAttribute(l.Z.zgTooltip.typeAttr,n),this.setAttribute(l.Z.zgTooltip.positionAttr,o),this.setAttribute(l.Z.zgTooltip.actionAttr,r),i?this.removeAttribute(l.Z.zgTooltip.noInfoIconAttr):this.setAttribute(l.Z.zgTooltip.noInfoIconAttr,"")}},{key:"_checkPosition",value:function(e){return["top","left","right","bottom"].indexOf(e)>=0?e:"top"}},{key:"_hideTarget",value:function(){this.setAttribute(l.Z.attr.hidden,""),this.removeAttribute(l.Z.attr.animate)}},{key:"_showTarget",value:function(e,t,o){this._setAttributes(o),this.innerHTML=t,this.style.transition=null,this.setAttribute(l.Z.attr.hidden,""),this._setPosition(e,o),this.removeAttribute(l.Z.attr.hidden),this.style.transition="transform .3s",this.setAttribute(l.Z.attr.animate,"")}},{key:"_setPosition",value:function(e,t){var o=t._setTooltipPosition();this.style.left="".concat(o.left)+"px",this.style.top="".concat(o.top,"px")}},{key:"disconnectedCallback",value:function(){h(g(a.prototype),"disconnectedCallback",this).call(this),this.oDOMCloseButton=null}}])&&u(t.prototype,o),n&&u(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(m,v);const y=v},47977:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>v});var n=o(54739),r=o(61861),i=o.n(r),a=o(41877),s=o.n(a),l=o(19791);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g="zg-watermark",m={widget:{}},b=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){u(p(a.prototype),"ready",this).call(this),this.widget=this._getHostContext();var e=this._oShadowRoot.querySelector("a");e.innerHTML=l.default.get("watermark.poweredBy",this.widget,{element:e,elProperty:"innerHTML"});var t=this.widget.focusManager;t&&t.bInitialLoaded&&t.updateSection(this,t.aWatermark,"Watermark")}},{key:"_propertyHandler",value:function(e,t,o){return o=u(p(a.prototype),"_propertyHandler",this).call(this,e,t,o),"widget"===e&&o&&(this.slot="watermark"),o}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,b);const v=b},81747:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>D});var n,r=o(54739),i=o(50744),a=o.n(i),s=o(73337),l=o.n(s),d=o(48272),c=o(37486),u=o(3877),h=o(96766),f=o(87822),p=o(19791),g=o(1009),m=(o(31769),o(31655));function b(e){return function(e){if(Array.isArray(e))return v(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return v(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return v(e,t)}(e)||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 v(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function w(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,O(n.key),n)}}function z(){return z="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=k(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},z.apply(this,arguments)}function C(e,t){return C=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},C(e,t)}function S(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=k(e);if(t){var r=k(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===y(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function k(e){return k=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},k(e)}function x(e,t,o){return(t=O(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function O(e){var t=function(e,t){if("object"!==y(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==y(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===y(t)?t:String(t)}var _="zing-grid",R=(x(n={aggregate:{type:String,bReflectToAttribute:!0},align:{bReflectToAttribute:!0,type:String},batchEdit:{bReflectToAttribute:!0,type:Boolean},batchEditStatus:{bReflectToAttribute:!0,type:String},caption:{type:String,bReflectToAttribute:!0,bThrowEvent:!0},card:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},cellBreak:{type:String,bReflectToAttribute:!0,bThrowEvent:!0},cellClass:{type:String,bReflectToAttribute:!0},cellEditor:{type:String,bReflectToAttribute:!0,sBooleanDefault:"true"},cellFocus:{type:String,bReflectToAttribute:!0},buttonTooltipDisabled:{type:Boolean,bReflectToAttribute:!0},cellTooltipAction:{type:String,bReflectToAttribute:!0},cellTooltipDelay:{type:Number,bReflectToAttribute:!0},cellTooltipIcon:{bReflectToAttribute:!0,type:String},cellTooltipPosition:{type:String,bReflectToAttribute:!0},cellTooltipRenderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},cellTooltipTemplate:{type:String,bReflectToAttribute:!0},cellTooltipType:{type:String,bReflectToAttribute:!0},colClass:{type:String,bReflectToAttribute:!0},columnResizable:{type:Boolean,bReflectToAttribute:!0},columnResizableMaxWidth:{bReflectToAttribute:!0,type:Number},columnResizableMinWidth:{bReflectToAttribute:!0,type:Number},columnResizablePersistent:{type:Boolean,bReflectToAttribute:!0},columnsControl:{type:Boolean,bReflectToAttribute:!0},columns:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},columnWidth:{bReflectToAttribute:!0},compact:{type:Boolean,bReflectToAttribute:!0},config:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},confirmDelete:{bReflectToAttribute:!0},confirmations:{type:String,bReflectToAttribute:!0,bReflectBoolean:!0,sBooleanDefault:f.Z.confirmations.all},contextMenu:{bReflectToAttribute:!0},data:{type:String,bCanBeObject:!0,bReflectToAttribute:!0,bOneWaySync:!0,bThrowEvent:!0},defaultDisplay:{type:String,bReflectToAttribute:!0},dialog:{type:Boolean,bReflectToAttribute:!0},dir:{type:String,bReflectToAttribute:!0,sBooleanDefault:"ltr"},columnDragAction:{type:String,bReflectToAttribute:!0,sBooleanDefault:"both"},columnDrag:{type:Boolean,bReflectToAttribute:!0},creator:{type:String,bReflectToAttribute:!0,sBooleanDefault:"modal"},footClass:{type:String,bReflectToAttribute:!0},frozenColumnsLeft:{type:Number,bReflectToAttribute:!0},frozenColumnsRight:{type:Number,bReflectToAttribute:!0},frozenRowClass:{type:String,bReflectToAttribute:!0},frozenRowsBottom:{type:Number,bReflectToAttribute:!0},frozenRowsTop:{type:Number,bReflectToAttribute:!0},headClass:{type:String,bReflectToAttribute:!0},templateEndDelimiter:{type:String,bReflectToAttribute:!0},editor:{type:String,bReflectToAttribute:!0,sBooleanDefault:"inline"},editorControls:{type:String,bReflectToAttribute:!0,bReflectBoolean:!0,sBooleanDefault:f.Z.editorControls.all},filter:{type:Boolean,bReflectToAttribute:!0}},"footClass",{type:String,bReflectToAttribute:!0}),x(n,"fullscreen",{type:Boolean,bReflectToAttribute:!0}),x(n,"gridlines",{type:String,bReflectToAttribute:!0}),x(n,"groupBy",{type:String,bReflectToAttribute:!0}),x(n,"headClass",{type:String,bReflectToAttribute:!0}),x(n,"headerAutoFormat",{type:String,bReflectToAttribute:!0}),x(n,"nestedDataSeparator",{type:String,bReflectToAttribute:!0}),x(n,"headerRowHide",{type:Boolean,bReflectToAttribute:!0}),x(n,"headerTooltipAction",{type:String,bReflectToAttribute:!0}),x(n,"headerTooltipDelay",{type:Number,bReflectToAttribute:!0}),x(n,"headerTooltipIcon",{bReflectToAttribute:!0,type:String}),x(n,"headerTooltipIconPosition",{type:String,bReflectToAttribute:!0}),x(n,"headerTooltipPosition",{type:String,bReflectToAttribute:!0}),x(n,"headerTooltipRenderer",{type:Function,bReflectToAttribute:!0,bOneWaySync:!0}),x(n,"headerTooltipTemplate",{type:String,bReflectToAttribute:!0}),x(n,"headerTooltipTrigger",{type:String,bReflectToAttribute:!0}),x(n,"headerTooltipType",{type:String,bReflectToAttribute:!0}),x(n,"height",{type:String,bReflectToAttribute:!0}),x(n,"iconSet",{type:String,bReflectToAttribute:!0}),x(n,"iconSetData",{type:String,bReflectToAttribute:!0}),x(n,"lang",{type:String,bReflectToAttribute:!0,bSetProperty:!0}),x(n,"layout",{type:String,bReflectToAttribute:!0}),x(n,"layoutControls",{type:String,bReflectToAttribute:!0}),x(n,"loading",{type:Boolean,bReflectToAttribute:!0}),x(n,"loadingText",{type:String,bReflectToAttribute:!0}),x(n,"loadmask",{type:String,bReflectToAttribute:!0}),x(n,"noData",{type:String,bReflectToAttribute:!0}),x(n,"pageSize",{type:Number,bReflectToAttribute:!0}),x(n,"pageSizeCard",{type:Number,bReflectToAttribute:!0}),x(n,"pageSizeRow",{type:Number,bReflectToAttribute:!0}),x(n,"pageSizeOptions",{bReflectToAttribute:!0,type:String}),x(n,"pager",{type:Boolean,bReflectToAttribute:!0}),x(n,"pagerButtonLimit",{type:Number,bReflectToAttribute:!0}),x(n,"pagerPosition",{type:String,bReflectToAttribute:!0}),x(n,"pagerType",{type:String,bReflectToAttribute:!0}),x(n,"params",{type:Object,bReflectToAttribute:!0,bOneWaySync:!0}),x(n,"preserveStateId",{type:String,bReflectToAttribute:!0}),x(n,"preserveStateOptions",{type:String,bReflectToAttribute:!0}),x(n,"preserveStateLoad",{type:String,bReflectToAttribute:!0}),x(n,"preserveStateSave",{type:String,bReflectToAttribute:!0}),x(n,"recordCount",{type:Number,bReflectToAttribute:!0}),x(n,"recordKey",{type:String,bReflectToAttribute:!0,bReflectBoolean:!0,sBooleanDefault:f.Z.internalColumn.recordkey}),x(n,"recordDuplicate",{type:Boolean,bReflectToAttribute:!0}),x(n,"rowClass",{type:String,bReflectToAttribute:!0}),x(n,"rowSelector",{type:Boolean,bReflectToAttribute:!0}),x(n,"rowHeight",{type:String,bReflectToAttribute:!0}),x(n,"search",{type:Boolean,bReflectToAttribute:!0}),x(n,"selector",{type:Boolean,bReflectToAttribute:!0}),x(n,"serverRendered",{type:Boolean,bReflectToAttribute:!0}),x(n,"sort",{type:String,bReflectToAttribute:!0}),x(n,"sorter",{type:String,bReflectToAttribute:!0}),x(n,"sortIntl",{type:String,bReflectToAttribute:!0}),x(n,"source",{type:String,bReflectToAttribute:!0}),x(n,"src",{type:String,bReflectToAttribute:!0}),x(n,"staticMenu",{bReflectToAttribute:!0,sBooleanDefault:"true"}),x(n,"statusDelay",{bReflectToAttribute:!0,type:Number}),x(n,"statusPersist",{bReflectToAttribute:!0,type:Boolean}),x(n,"statusPosition",{bReflectToAttribute:!0,type:String}),x(n,"templateEndDelimiter",{type:String,bReflectToAttribute:!0}),x(n,"templateStartDelimiter",{type:String,bReflectToAttribute:!0}),x(n,"theme",{type:String,bReflectToAttribute:!0}),x(n,"validationErrorMessage",{type:String,bReflectToAttribute:!0}),x(n,"validationRequiredMessage",{type:String,bReflectToAttribute:!0}),x(n,"viewport",{type:String,bReflectToAttribute:!0}),x(n,"viewportPause",{type:Boolean,bReflectToAttribute:!0}),x(n,"viewportStop",{type:Boolean,bReflectToAttribute:!0}),x(n,"viewportTypes",{type:Object,bReflectToAttribute:!0,bOneWaySync:!0}),x(n,"width",{type:String,bReflectToAttribute:!0}),x(n,"zebra",{type:String,bReflectToAttribute:!0}),n),E=r.Z.getObservedAtts(R),M=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&C(e,t)}(s,e);var t,n,r,i=S(s);function s(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,s),i.apply(this,arguments)}return t=s,n=[{key:"connectedCallback",value:function(){var e=this;z(k(s.prototype),"connectedCallback",this).call(this),this.setAttribute("tabindex",0),this.querySelector("table")&&(this.data=this.querySelector("table"));try{null!==this.getAttribute(f.Z.attr.serverrender)?document.addEventListener("DOMContentLoaded",(function t(){e.completeConnectedCallback(),document.removeEventListener("DOMContentLoaded",t)})):window.requestAnimationFrame((function t(){e.completeConnectedCallback(),window.cancelAnimationFrame(t)}))}catch(e){console.error("There was an issue with <".concat(_,">'s connectedCallback().\n").concat(e))}}},{key:"completeConnectedCallback",value:function(){var e=this.widget;e&&(this.querySelector(f.Z.zgBody.tagName)&&(e.bPreloaded=!0),this.originalHTML=this.outerHTML,this.addToLightDOM(),e.init(),e.bPreloaded&&e.updater.resetAllColumnsWidth(),this.processProperties(),this._wrapAPI((function(){return e.focusManager.init()})),e.dialogManager.initDialogs(),e.bHasAttachedToDOM=!0,this.bReady=!0,document.addEventListener("DOMContentLoaded",(function(){return u.Z.validateLicense()})),setTimeout((function(){return u.Z.enableWatermarks()}),1e3),this.fire("childrenready"),this.watchVisibility(),e.setStorybook())}},{key:"init",value:function(){try{z(k(s.prototype),"init",this).call(this,_,l(),a(),R);var e=this._oShadowRoot.querySelector(".".concat(f.Z.zg.tagName));this.widget=new d.default({renderTo:e,renderAfter:e.querySelectorAll("slot")[1],webcomponent:this}),this.ZG=this.widget.webcomponent}catch(e){console.error("There was an issue with <".concat(_,">'s init().\n").concat(e))}}},{key:"addToLightDOM",value:function(){var e=this.widget;this.oDOMData=this.querySelector(f.Z.zgData.tagName)||null,this.bDefaultCols=!this.querySelector(f.Z.zgColgroup.tagName)&&!this.querySelector(f.Z.zgColumn.tagName),this.oDOMHeader=this.associateChild(f.Z.zgHeader.tagName,null,"header"),this.oDOMCaption=this.querySelector(f.Z.zgCaption.tagName)||null,this.oDOMControlBar=this.querySelector(f.Z.zgControlBar.tagName)||null,this.oDOMLayoutControls=this.querySelector(f.Z.zgLayoutControls.tagName)||null,this.oDOMLeftHead=this.associateChild(f.Z.zgHead.tagName,null,"lefthead","lefthead"),this.oDOMLeftBody=this.associateChild(f.Z.zgBody.tagName,null,"leftbody","leftbody"),this.oDOMLeftFoot=this.associateChild(f.Z.zgFoot.tagName,null,"leftfoot","leftfoot"),this.oDOMColgroup=this.associateChild(f.Z.zgColgroup.tagName,null,"gridcolgroup","gridcolgroup",!0),this.oDOMLeftColgroup=this.associateChild(f.Z.zgColgroup.tagName,null,"leftcolgroup","leftcolgroup",!1,this.oDOMColgroup),this.oDOMRightColgroup=this.associateChild(f.Z.zgColgroup.tagName,null,"rightcolgroup","rightcolgroup",!1),this.oDOMHead=this.associateChild(f.Z.zgHead.tagName,null,"gridhead","mainhead"),this.oDOMBody=this.associateChild(f.Z.zgBody.tagName,null,"gridbody","mainbody"),this.oDOMFoot=this.associateChild(f.Z.zgFoot.tagName,null,"gridfoot","mainfoot"),this.oDOMRightHead=this.associateChild(f.Z.zgHead.tagName,null,"righthead","righthead"),this.oDOMRightBody=this.associateChild(f.Z.zgBody.tagName,null,"rightbody","rightbody"),this.oDOMRightFoot=this.associateChild(f.Z.zgFoot.tagName,null,"rightfoot","rightfoot"),this.oDOMFooter=this.associateChild(f.Z.zgFooter.tagName,null,"footer"),this.oDOMStatus=this.associateChild(f.Z.zgStatus.tagName,null,"status"),this.oDOMTooltip=this.associateChild(f.Z.zgTooltip.tagName,null,"tooltip"),this.oDOMCellOverflow=this.associateChild(f.Z.zgCellOverflow.tagName,null,"celloverflow"),this.oDOMLeftEditorRow=this.associateChild(f.Z.zgEditorRow.tagName,null,"lefteditorrow","lefteditorrow",void 0,void 0,"Left"),this.oDOMEditorRow=this.associateChild(f.Z.zgEditorRow.tagName,null,"bodyeditorrow","bodyeditorrow",void 0,void 0,""),this.oDOMRightEditorRow=this.associateChild(f.Z.zgEditorRow.tagName,null,"righteditorrow","righteditorrow",void 0,void 0,"Right"),this.oDOMLeftHeadEditorRow=this.associateChild(f.Z.zgEditorRow.tagName,null,"leftheadeditorrow","leftheadeditorrow",void 0,void 0,"Left"),this.oDOMHeadEditorRow=this.associateChild(f.Z.zgEditorRow.tagName,null,"mainheadeditorrow","mainheadeditorrow",void 0,void 0,""),this.oDOMRightHeadEditorRow=this.associateChild(f.Z.zgEditorRow.tagName,null,"rightheadeditorrow","rightheadeditorrow",void 0,void 0,"Right"),this.oDOMLeftFootEditorRow=this.associateChild(f.Z.zgEditorRow.tagName,null,"leftfooteditorrow","leftfooteditorrow",void 0,void 0,"Left"),this.oDOMFootEditorRow=this.associateChild(f.Z.zgEditorRow.tagName,null,"mainfooteditorrow","mainfooteditorrow",void 0,void 0,""),this.oDOMRightFootEditorRow=this.associateChild(f.Z.zgEditorRow.tagName,null,"rightfooteditorrow","rightfooteditorrow",void 0,void 0,"Right"),this.oDOMFrozenRight=this.shadowRoot.querySelector("#freeze-right-body"),this.oDOMFrozenLeft=this.shadowRoot.querySelector("#freeze-left-body"),this.oDOMMain=this.shadowRoot.querySelector("#frame-main-body"),this.oDOMFrozenRightHeadFrame=this.shadowRoot.querySelector("#freeze-frame-right-head"),this.oDOMFrozenMainHeadFrame=this.shadowRoot.querySelector("#freeze-frame-main-head"),this.oDOMFrozenLeftHeadFrame=this.shadowRoot.querySelector("#freeze-frame-left-head"),this.oDOMFrozenRightHead=this.shadowRoot.querySelector("#freeze-right-head"),this.oDOMFrozenMainHead=this.shadowRoot.querySelector("#freeze-main-head"),this.oDOMFrozenLeftHead=this.shadowRoot.querySelector("#freeze-left-head"),this.oDOMFrozenRightFootFrame=this.shadowRoot.querySelector("#freeze-frame-right-foot"),this.oDOMFrozenMainFootFrame=this.shadowRoot.querySelector("#freeze-frame-main-foot"),this.oDOMFrozenLeftFootFrame=this.shadowRoot.querySelector("#freeze-frame-left-foot"),this.oDOMFrozenRightFoot=this.shadowRoot.querySelector("#freeze-right-foot"),this.oDOMFrozenMainFoot=this.shadowRoot.querySelector("#freeze-main-foot"),this.oDOMFrozenLeftFoot=this.shadowRoot.querySelector("#freeze-left-foot"),this.oDOMFrozenLeftStyle=this.associateChild(f.Z.zgFrozenColgroup.tagName,null,"freeze-left-columns","zing-grid-freeze-style-left"),this.oDOMFrozenRightStyle=this.associateChild(f.Z.zgFrozenColgroup.tagName,null,"freeze-right-columns","zing-grid-freeze-style-right"),this.oDOMBatchEditStyle=this.associateChild(f.Z.batchEdit.tagName,null,"batch-edit","zing-grid-batch-edit"),this.oDOMBodyFrame=this.shadowRoot.querySelector(f.Z.zg.shadow.frameBodyWrapper),this.oDOMSource=this.querySelector(f.Z.zgSource.tagName)||null,this.oDOMNodata=this.querySelector(f.Z.zgNoData.tagName)||null,this.oTopPager=this.querySelector('zg-pager[slot="top"]')||this.oTopPager,this.oBottomPager=this.querySelector('zg-pager[slot="pager"]')||this.oBottomPager;var t=this.shadowRoot.querySelector(f.Z.attr.style);t&&(this.initialGridCss=t.textContent),this.oDOMClipboard=this.shadowRoot.querySelector(".zing-grid-clipboard");var o=this.querySelector(f.Z.zgLoadMask.tagName);e.loadmask=this.associateChild(f.Z.zgLoadMask.tagName),e.loadmask.widget=this.widget,o?this.loading&&e.loadmask.setAttribute(f.Z.zgLoadMask.defaultAttr,""):(e.loadmask.setAttribute(f.Z.zgLoadMask.defaultAttr,""),e.loadmask.default()),this.oDOMWaterMark=this.querySelector(f.Z.zgWatermark.tagName)||this.oDOMWaterMark,e.oDOMScrollerWrapper=this._oShadowRoot.querySelector(f.Z.zg.shadow.frameBodyWrapper),e.oDOMScroller=e.oDOMScrollerWrapper,m.V5||this.setAttribute(f.Z.attr.staticscroll,"")}},{key:"processProperties",value:function(){var e=this,t=this.columns,o=this.widget,n=o.store,r=o.layoutManager,i=o.viewportManager;if(this.defaultBodyOverflow=window.getComputedStyle(document.body).overflow,void 0!==this.config){o.updateConfig(this.config);var a=this.config,s=a.src,l=a.data;n.bNeedsLoad=!(!s&&!l)}if(void 0!==t&&o.updateConfig({columns:t}),void 0!==this.card&&this._setCard(this.card),void 0!==this.src){var d={src:this.src};n.updateConfig(d),n.bNeedsLoad=!0}else void 0!==this.data&&n.setData(this.data);if(void 0===this.params||this.oDOMData||n.loadData({},this.params),void 0!==this.headerAutoFormat&&this._setHeaderAutoFormat(this.headerAutoFormat),void 0!==this.nestedDataSeparator&&this._setNestedDataSeparator(this.nestedDataSeparator),this.headerRowHide&&(o.bHeaderRowHide=this.headerRowHide),this.recordCount&&n.setOriginRecordCount(this.recordCount),void 0===this.contextMenu&&void 0===this.staticMenu||o.menuManager.initMenu(),o.bConfirmDelete="disabled"!==this.confirmDelete,o.bCellFocus="disabled"!==this.cellFocus,void 0!==this.groupBy&&this._setGrouping(this.groupBy),this.hasAttribute(f.Z.editorControls.attr)&&!this.hasAttribute(f.Z.editor.attr)){var u=this.getAttribute(f.Z.editorControls.attr);"false"!==u&&"disabled"!==u&&(this.bSettingEditor=!0,this.setAttribute(f.Z.editor.attr,""),this.bSettingEditor=!1)}o.editorManager.setInitialEditorType(),this.caption&&this._setCaption(this.caption),this.search&&this._setSearch(o.bHasSearchEnabled),this.columnsControl&&this._setColumnsControl(this.columnsControl),this.staticMenu&&this._setStaticMenu(this.staticMenu),(this.columnDrag||this.columnDragAction)&&this._setColumnDrag(this.columnDrag,this.columnDragAction),(this.columnResizable||this.columnResizablePersistent)&&this._setColumnResizable(this.columnResizable,this.columnResizablePersistent),this.frozenColumnsLeft&&(o.nLeftFrozenColumns=parseInt(this.frozenColumnsLeft,10)),o.initialConfig.frozenColumnsLeft=o.nLeftFrozenColumns,this.frozenColumnsRight&&(o.nRightFrozenColumns=parseInt(this.frozenColumnsRight,10)),o.initialConfig.frozenColumnsRight=o.nRightFrozenColumns,o._adjustFrozenColumns(!0),this.frozenRowsTop&&!o.bGroupBy&&(o.nTopFrozenRows=parseInt(this.frozenRowsTop,10)),o.initialConfig.frozenRowsTop=o.nTopFrozenRows,this.frozenRowsBottom&&(o.store.isIncrementalLoad()?(c.Aq("Frozen bottom rows is not supported with incremental data loading"),this.frozenRowsBottom=0):o.nBottomFrozenRows=parseInt(this.frozenRowsBottom,10)),o.initialConfig.frozenRowsBottom=o.nBottomFrozenRows,void 0!==this.defaultDisplay&&this._setDefaultDisplay(this.defaultDisplay),this._setControlBar(),this.viewportTypes&&(i.types=this.viewportTypes),i.allow&&i.setViewport(),o.initialConfig.layout=this.layout,r.setLayout(),void 0!==this.layoutControls?(this.bUserLayoutControls=!0,this._setLayoutControls(this.layoutControls)):this.layout&&this._setLayoutControls(!0),this.batchEdit&&this._setBatchEditControls(this.batchEdit),this.editor&&(o.editorManager.type=this.editor),this.creator&&this.creator===f.Z.editor.typeInline&&(o.editorManager.createType=this.creator),void 0!==this.pagerPosition&&void 0===this.pager&&this._autoSetPager(),void 0===this.pager&&void 0===this.pagerPosition||this._attachPager(this.pager,null,this.pagerPosition,null),this.pagerType&&void 0!==this.pager&&this._setPagerType(this.pagerType,this.pagerButtonLimit),o.initialConfig.pageSize=this.pageSize,(this.pageSize||this.pageSizeRow||this.pageSizeCard)&&o.calculatePageSize(),this.rowSelector&&this._setRowSelector(!0),(this.source||this.oDOMSource)&&o.sourceManager.initSource(),this._attachNodata(this.noData,!0),this.externalThemeArr=[],this.externalThemeName=null,this._setThemeIconSVG(this.theme),this._setThemeCSS(this.theme),this._setGridClasses(),(this.zebra||""===this.zebra)&&this._setZebra(this.zebra),(this.rowHeight||this.frozenColumnsLeft||this.frozenColumnsRight)&&this._setRowHeight(this.rowHeight,this.frozenColumnsLeft||this.frozenColumnsRight),this.pageSizeOptions&&this.setPageSizeOptions(this.pageSizeOptions),void 0===this.sort&&void 0===this.sorter||this._setSorter(this.sort,this.sorter),o.sValidationErrorMessage=this.validationErrorMessage,o.sValidationRequiredMessage=this.validationRequiredMessage,(this.style.width||this.width)&&(this.width||(this.width=this.style.width),this._setScrollWidth(this.width)),this.templateStartDelimiter&&(n.templateStartDelimiter=this.templateStartDelimiter),this.templateEndDelimiter&&(n.templateEndDelimiter=this.templateEndDelimiter),this.iconSetData&&(this.iconSetDataMap=window[this.iconSetData]),this.preserveStateId&&this.widget.on("afterloaded",(function(){e.widget.bAPIReady||e._wrapAPI((function(){return o.stateManager.loadState()}))}),this)}},{key:"associateChild",value:function(e,t,o,n,r,i,a){var s;n?(s="".concat(e,"#").concat(n),r&&(s+=", ".concat(e,":not([id])"))):s=e;var l=this.querySelector(s);return l||(t||(t=document.createElement(e)),i?this.insertBefore(t,i):this.appendChild(t),l=t),n&&(l.id=n),o&&l.setAttribute("slot",o),void 0!==a&&(l.oDOMBody=this["oDOM".concat(a,"Body")],l.oDOMHead=this["oDOM".concat(a,"Head")],l.oDOMFoot=this["oDOM".concat(a,"Foot")]),l}},{key:"ready",value:function(){var e=this;z(k(s.prototype),"ready",this).call(this),this.paint(),setImmediate((function(){e.widget&&!e.widget.bDisconnect&&e.componentsLoaded()}))}},{key:"paint",value:function(){this.widget.update(),this.widget.fire(f.Z.event.afterPaint)}},{key:"disconnectedCallback",value:function(){var e=this.widget;e&&(e.bDisconnect=!0),z(k(s.prototype),"disconnectedCallback",this).call(this),this.observer&&(this.observer.unobserve(this),this.observer=null),e&&e.destroy();for(var t=Object.keys(this),o=0;o<t.length;o++){var n=t[o];this.hasOwnProperty(n)&&"object"===y(this[n])&&(this[n]=null,delete this[n])}}},{key:"ons",value:function(){var e=this,t=this.widget,o=t.focusManager;this.on("click",this.closeMenus),this.on("mousedown",o.clickFocus,o),this.on("focus",o.onFocus,o),this.on("keydown",o.onGridKeyDown,o,{},!1),this.on("contextmenu",t.onContextMenu,t,{},!1),t.store.once("loaded",(function(){return t.fullscreenManager.setFullscreen()}));var n=t.mainGridHScroll;this.oDOMVScroller=this._oShadowRoot.querySelector("#scroll"),n.on("scroll",(function(){e.widget.updateHeadFootScroll(!1)}))}},{key:"watchVisibility",value:function(){var e=this;if("undefined"!=typeof IntersectionObserver&&"inline-block"!==window.getComputedStyle(this).getPropertyValue("display")){var t={root:document.documentElement},o=null;this.observer=new IntersectionObserver((function(t,n){t.forEach((function(t){var n=t.intersectionRatio>0;null!==o&&e.bReady?n&&!o?(o=!0,e.updateSize(!0,void 0,!0)):o=!1:o=n}))}),t),this.observer.observe(this)}}},{key:"appendMenu",value:function(e){e&&e.oElMenu&&(e.bDefined?e.bDefined=!1:this.appendChild(e.oElMenu))}},{key:"removeMenu",value:function(e){e&&e.oElMenu&&this.removeChild(e.oElMenu)}},{key:"closeMenus",value:function(e,t){if(0===e.nButton){if(t.tagName.toLowerCase()===f.Z.zgButton.tagName)return;this.widget.menuManager&&this.widget.menuManager.isMenuOpen()&&this.widget.menuManager.closeMenu(),this.widget.columnMenu&&this.widget.columnMenu.isMenuOpen()&&this.widget.columnMenu.closeMenu(t)}}},{key:"customizeDialog",value:function(e,t){var o=this;return this._wrapAPI((function(){return o.widget.dialogManager.customize(e,t)})),this}},{key:"hydrate",value:function(){this.widget.store.load(),this.widget.store.bNeedsLoad=!1}},{key:"componentsLoaded",value:function(){this.widget.bNeedsFrozenAdjust&&this.widget._adjustFrozenColumnsFromAttribute(),this.loadData()}},{key:"loadData",value:function(){var e=this.widget,t=e.store;if(e.bPreloaded)return e.bAPIReady=!0,e.bHydrating=!0,this.hydrate(),e.bPreloaded=!1,void e.fire("apiready");t.bNeedsLoad?(t.load(),t.bNeedsLoad=!1):e.bAPIReady||t.finishNoData()}},{key:"resetData",value:function(){var e=this.widget.store;if(e.dumpDataRequest(),e.initModel(),this.getAttribute("data")?e.setData(this.getAttribute("data")):e.data=null,e.src=null,this.getAttribute("src")){var t={src:this.getAttribute("src")};e.updateConfig(t)}e.reload()}},{key:"filterColumn",value:function(e,t){var o=this;return this._wrapAPI((function(){if(o.widget.filter){var n=o.widget.getColumnByFieldIndex(e);n&&n.bFilter?o.widget.filter.setFilter(n,t):n?c.Aq("The '".concat(e,"' column does not support filtering.")):c.Aq('The column with [index="'.concat(e,'"] does not exist.'))}})),this}},{key:"select",value:function(e,t,o,n){var r=this;return this._wrapAPI((function(){var i=r.widget;if(!i.selector&&!i.bCellFocus)return r;var a=void 0===o,s=void 0===n;i.selector.deSelectAll(),s&&a?i.selector.se.cell(e,t):(s&&(n=t),a&&(o=e),i.selector.se.initRange(e,t,o,n)),i.selector.se.select(!0)})),this}},{key:"selectAll",value:function(){var e=this;return this._wrapAPI((function(){var t=e.widget;if(!t.selector)return e;t.selector.se.selectAll().select()})),this}},{key:"deselect",value:function(){var e=this;return this._wrapAPI((function(){var t=e.widget;if(!t.selector)return e;t.selector.deSelectAll()})),this}},{key:"firstPage",value:function(){var e=this;return this._wrapAPI((function(){return e.widget.firstPage()})),this}},{key:"getCaption",value:function(){return this.caption||!1}},{key:"getData",value:function(e){var t="visible"===(e=e||{}).cols,o="visible"===e.rows,n=e.headers&&!e.csv,r=this.widget.store.cleanData(t,o,n);return e.csv&&(r=c.Ae(r,e,this.widget)),r}},{key:"getPageIndex",value:function(){return this.widget.getCurrPageIdx()+1}},{key:"getPageSize",value:function(){return this.widget.pageSize}},{key:"hideColumn",value:function(e){var t=this;return this._wrapAPI((function(){return t.toggleColumn(e,!0)})),this}},{key:"hideCellOverflow",value:function(e){var t=this;return this._wrapAPI((function(){return t.oDOMCellOverflow.close()})),this}},{key:"insertRow",value:function(e,t,o){var n=this;return this._wrapAPI((function(){return n.widget.insertRow(e,t,o)})),this}},{key:"updateRecord",value:function(e,t,o,n){var r=this;return this._wrapAPI((function(){return r.widget.updateRow(t,e,o,n)})),this}},{key:"removeRecord",value:function(e,t){var o=this;return this._wrapAPI((function(){return o.widget.removeRow(e,!0,void 0,t)})),this}},{key:"updateRow",value:function(e,t,o,n){var r=this;return this._wrapAPI((function(){var i=r.widget.getRecordIndexByDataRowContainerIndex(e);r.widget.updateRow(t,i,o,n)})),this}},{key:"removeRow",value:function(e,t){var o=this;return this._wrapAPI((function(){var n=o.widget.getRecordIndexByDataRowContainerIndex(e);o.widget.removeRow(n,!0,void 0,t)})),this}},{key:"updateCellByPosition",value:function(e,t,o,n){var r=this;return this._wrapAPI((function(){var i=r.widget.selectorEngineManager.$cell(e,t);if(i){var a=i.sTargetRecordIndex,s=i.sTargetFieldIndex;r.widget.updateCell(a,s,o,n)}})),this}},{key:"updateCellByID",value:function(e,t,o,n){var r=this;return this._wrapAPI((function(){return r.widget.updateCell(e,t,o,n)})),this}},{key:"lastPage",value:function(){var e=this;return this._wrapAPI((function(){return e.widget.lastPage()})),this}},{key:"nextPage",value:function(){var e=this;return this._wrapAPI((function(){return e.widget.nextPage()})),this}},{key:"prevPage",value:function(){var e=this;return this._wrapAPI((function(){return e.widget.prevPage()})),this}},{key:"refresh",value:function(e,t){if(void 0!==e)e=parseInt(e,10),c.Uh(t)&&(t=parseInt(t,10)),this.widget.update({bUpdateBodyContent:!0},e,t);else{var o=this.widget;!o.store.isIncrementalLoad()&&o.oDOMSortedColumn&&o.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader&&o.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader.clearStyle(!0),this.widget.store.reload()}}},{key:"refreshGrid",value:function(){this.refresh(),this.bReady&&p.default.refresh(this.widget)}},{key:"searchGrid",value:function(e){var t=this;return this._wrapAPI((function(){var o=t.widget.search;o&&(o.oDOMInput.value=e,!o.searchBarVisible&&e&&o.searchBtnClickToggle(void 0,!0),o.triggerSearch())})),this}},{key:"setCaption",value:function(e){var t=this;return this._wrapAPI((function(){return t.caption=e})),this}},{key:"setData",value:function(e){var t=this;return this._wrapAPI((function(){return t.data=e})),this}},{key:"setPageIndex",value:function(e){var t=this,o=parseInt(e,10);if(!isNaN(e))return this._wrapAPI((function(){return t.widget.setCurrPageIdx(o-1)})),this}},{key:"setPageSize",value:function(e){var t=this,o=parseInt(e,10);if(!isNaN(o))return this.widget.bUserPageSize=!0,this._wrapAPI((function(){return t.widget.setPageSize(o)})),this}},{key:"setPageSizeCard",value:function(e){var t=parseInt(e,10);return isNaN(t)?this:this.setElementAPI("page-size-card",t)}},{key:"setPageSizeRow",value:function(e){var t=parseInt(e,10);return isNaN(t)?this:this.setElementAPI("page-size-row",t)}},{key:"setPageSizeOptions",value:function(e){var t=this;return this._wrapAPI((function(){e||(e=f.Z.zgPager.defaultPageSizes),t.oTopPager&&t.oTopPager.setAttribute("size-options",e),t.oBottomPager&&t.oBottomPager.setAttribute("size-options",e)})),this}},{key:"showColumn",value:function(e){var t=this;return this._wrapAPI((function(){return t.toggleColumn(e,!1)})),this}},{key:"sortColumn",value:function(e,t){var o=this;return this._wrapAPI((function(){if(o.widget.sorter){var n=o.widget.getColumnByFieldIndex(e);n&&n.oDOMSortHeader?(t=t||null,n.oDOMSortHeader.onSort(null,null,t)):n||c.Aq('The column with [index="'.concat(e,'"] does not exist.'))}})),this}},{key:"toggleColumn",value:function(e,t){var o=this.widget.getColumnIndexByFieldIndex(e);if(-1!==o){var n=this.widget.aColumnMapping[o],r=n.oDOMZGColumn;if(void 0===t&&(t=!r.hasAttribute("hidden")),n.bHidden===t)return;t?r.setAttribute("hidden",!0):r.removeAttribute("hidden")}else c.Aq('The column with [index="'.concat(e,'"] does not exist.'));return this}},{key:"_propertyHandler",value:function(e,t,o){o=z(k(s.prototype),"_propertyHandler",this).call(this,e,t,o);var n=this.widget,r=n.store,i=c.c7.get(n,["viewportManager"]);switch(e){case"aggregate":this.bReady&&this._updateColumnControls("aggregate",o);break;case"batchEdit":this.bReady&&this._setBatchEditControls(o);break;case"align":this.bReady&&this._setAlign(o);break;case"buttonTooltipDisabled":this.bReady&&this._setButtonTooltipDisabled(o);break;case"card":this.bReady&&this._setCard(o);break;case"caption":this.bReady&&this._setCaption(o);break;case"cellBreak":this.bReady&&this._setCellBreak(o);break;case"cellClass":this.bReady&&this._setClass(o,"Cell");break;case"cellTooltipRenderer":this._setCellTooltipRenderer(o);case"cellTooltipTemplate":this._setCellTooltipTemplate(o);case"cellTooltipDelay":case"cellTooltipIcon":case"cellTooltipPosition":case"cellTooltipType":case"cellTooltipAction":this._setCellTooltipOptions(e,o);break;case"colClass":this.bReady&&this._setClass(o,"Col");break;case"columnsControl":n.bHasColumnsControl=!!o,this.bReady&&this._setColumnsControl(!!o);break;case"columnResizablePersistent":this.bReady&&this._setColumnResizable(this.columnResizable,!!o);break;case"columnResizable":this.bReady&&this._setColumnResizable(!!o,this.columnResizablePersistent);break;case"frozenColumnsLeft":if(this.bReady&&!n.bUpdatingFrozen)if(n.layoutManager.sCurrentType!==f.Z.zgLayout.typeCard&&this.layoutType!==f.Z.zgLayout.typeCard){n.nLeftFrozenColumns=parseInt(o,10)||0,this._setRowHeight(this.rowHeight,n.nLeftFrozenColumns||n.nRightFrozenColumns);var a=n.nLeftFrozenColumns+n.nRightFrozenColumns,l=n.aColumnMapping.length-a;l<0&&(n.nRightFrozenColumns+=l,n.nRightFrozenColumns<0&&(n.nRightFrozenColumns=0)),n._adjustFrozenColumns(),n.updater.clearCache(),n.update(),n.updater.checkHorizontalScroll()}else n.nCardLeftFrozenColumns=parseInt(o,10)||0;break;case"frozenColumnsRight":if(this.bReady&&!n.bUpdatingFrozen)if(n.layoutManager.sCurrentType!==f.Z.zgLayout.typeCard&&this.layoutType!==f.Z.zgLayout.typeCard){n.nRightFrozenColumns=parseInt(o,10)||0,this._setRowHeight(this.rowHeight,n.nLeftFrozenColumns||n.nRightFrozenColumns);var d=n.nLeftFrozenColumns+n.nRightFrozenColumns,u=n.aColumnMapping.length-d;u<0&&(n.nLeftFrozenColumns+=u,n.nLeftFrozenColumns<0&&(n.nLeftFrozenColumns=0)),n._adjustFrozenColumns(),n.updater.clearCache(),n.update(),n.updater.checkHorizontalScroll()}else n.nCardRightFrozenColumns=parseInt(o,10)||0;break;case"frozenRowsTop":this.bReady&&!n.bGroupBy&&(n.layoutManager.sCurrentType!==f.Z.zgLayout.typeCard&&this.layoutType!==f.Z.zgLayout.typeCard?(n.nTopFrozenRows=parseInt(o,10)||0,n.bUpdatingFrozen||n.bReload||(n.updateFrozenRowMapping(),n.updater.clearCache(),n.update(),n.fire(f.Z.event.frozenrowchange,"top",o,t))):n.nCardTopFrozenRows=parseInt(o,10)||0);break;case"frozenRowsBottom":this.bReady&&!n.bGroupBy&&(n.layoutManager.sCurrentType!==f.Z.zgLayout.typeCard&&this.layoutType!==f.Z.zgLayout.typeCard?(n.nBottomFrozenRows=parseInt(o,10)||0,n.bUpdatingFrozen||n.bReload||(n.updateFrozenRowMapping(),n.updater.clearCache(),n.update(),n.fire(f.Z.event.frozenrowchange,"bottom",o,t))):n.nCardBottomFrozenRows=parseInt(o,10)||0);break;case"columns":if(this.bReady){n.updateConfig({columns:o});var h=this.data,g=this.src;(h||g)&&r.reload()}break;case"config":if(this.bReady){n.updateConfig(o);var m=o,b=m.data,v=m.src;(b||v)&&r.load()}break;case"contextMenu":"boolean"==typeof o||"true"===o?(n.bHasContextMenuEnabled=!!o,n.sContextMenuId=null):null===o?n.bHasContextMenuEnabled=!1:(n.bHasContextMenuEnabled=!0,n.sContextMenuId=o),this.bReady&&n.bHasContextMenuEnabled&&n.menuManager.initMenu(!0);break;case"cellFocus":n.bCellFocus="disabled"!==o;break;case"compact":n.bCompact=o,n.nDefaultRowHeight=o?f.Z.zgRow.defaultCompactHeight:f.Z.zgRow.defaultHeight,n.nDefaultHeadHeight=o?f.Z.zgRow.defaultCompactHeadHeight:f.Z.zgRow.defaultHeadHeight,this.bReady&&n.update();break;case"confirmDelete":n.bConfirmDelete=!0,o&&"disabled"!==o||(n.bConfirmDelete=!1);break;case"data":r&&!r.bUpdatingData&&this.bReady&&(o=r.setData(o),r.bHasDataSource&&(this.removeAttribute("src"),r.dumpDataRequest()),n.bAPIReady&&r.reload(void 0,!0));break;case"defaultDisplay":this.bReady&&this._setDefaultDisplay(o);break;case"dir":this.bReady&&(o?n.sComputedDir=o:n.initDir(),this.querySelectorAll("zg-button[dir]").forEach((function(e){e.setAttribute("dir",n.sComputedDir),e.setTooltip(e.action,n,e.customTooltip)})),this.querySelectorAll("zg-filter, zg-select, zg-dialog, zg-menu-group, zg-head-cell, zg-option-list, zg-control-bar, zg-pager").forEach((function(e){o?e.setAttribute("dir",n.sComputedDir):e.removeAttribute("dir")})),n.updater.clearCache(),n.update());break;case"columnDrag":this.bReady&&this._setColumnDrag(o,this.columnDragAction);break;case"columnDragAction":this.bReady&&this._setColumnDrag(this.columnDrag,o);break;case"cellEditor":null===o&&n.bHasEditorEnabled?n.bHasCellEditorEnabled=!0:o&&"disabled"!==o?(n.bHasCellEditorEnabled=!0,n.bHasEditorEnabled=!0):n.bHasCellEditorEnabled=!1;break;case"creator":o!==f.Z.editor.typeInline&&(o=f.Z.editor.typeModal),this.bReady&&(n.editorManager.createType=o);break;case"editor":n.editorFieldManager&&n.editorFieldManager.isEditorOpen()&&(n.editorFieldManager.closeFieldEditor(!0),n.editorManager&&n.editorManager.closeEditor()),o?("true"===o&&(o=f.Z.editor.typeInline),n.bHasEditorEnabled=!0,"disabled"!==this.cellEditor&&!1!==this.cellEditor&&(n.bHasCellEditorEnabled=!0),this.bReady&&(n.editorManager.type=o),this.bSettingEditor?this.bUserEditorControls=!1:this.bUserEditorControls=!0):(n.bHasEditorEnabled=!1,!0!==this.cellEditor&&(n.bHasCellEditorEnabled=!1),this.bUserEditorControls=!1);break;case"editorControls":this.bReady&&(n.bUpdatingColumns=!0,this._updateColumnControls("editorControls",o,!0),this._attachNodata(this.noData),n.setupCardHeader(),o&&"disabled"!==o?this.hasAttribute(f.Z.editor.attr)||(this.bSettingEditor=!0,this.setAttribute(f.Z.editor.attr,""),this.bSettingEditor=!1):this.bUserEditorControls||this.removeAttribute(f.Z.editor.attr),n.bUpdatingColumns=!1,n.updater.clearCache(),n.updater.clearStyle(),n.update());break;case"filter":var w=0;if(n.bHasFilterEnabled&&!o?w=-1:!n.bHasFilterEnabled&&o&&(w=1),n.bHasFilterEnabled=o,n.bGlobalFilter=o,this.bReady&&n){for(var C=0,S=n.aColumnMapping.length;C<S;C++){var x=n.aColumnMapping[C].oDOMZGColumn,O=y(x.filter);["undefined",null].indexOf(O)>-1&&(x.filter=o)}w&&this._updateRowIndex(w),n.update()}break;case"footClass":this.bReady&&this._setClass(o,"Foot");break;case"fullscreen":c.SZ({el:document.body,attr:"zinggrid-fullscreen",match:o,value:""}),this.bReady&&(o?n.fullscreenManager.setFullscreen(!0):n.fullscreenManager.unsetFullscreen());break;case"gridlines":this.bReady&&this._setGridLines(o);break;case"groupBy":this.bReady&&this._setGrouping(o);break;case"headerAutoFormat":this.bReady&&(this._setHeaderAutoFormat(o),n.update({bUpdateColumnHeaderContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0}));break;case"nestedDataSeparator":this.bReady&&(this._setNestedDataSeparator(o),r.reload());break;case"headerRowHide":this.bReady&&(n.bHeaderRowHide=o,n.update({bUpdateColumnHeaderContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnBodyContainerClass:!0}));break;case"headerTooltipRenderer":this._setHeaderTooltipRenderer(o);case"headerTooltipTemplate":this._setHeaderTooltipTemplate(o);case"headerTooltipIcon":case"headerTooltipIconPosition":case"headerTooltipPosition":case"headerTooltipDelay":case"headerTooltipType":case"headerTooltipAction":this._setHeaderTooltipOptions(e,o);break;case"headerTooltipTrigger":this._setHeaderTooltipOptions(e,o,!0);break;case"headClass":this.bReady&&this._setClass(o,"Head");break;case"height":this._setScrollHeight(o);break;case"iconSet":this.bReady&&n.iconManager.updateIcons(o);break;case"lang":p.default.setLang(o,n),this.bReady&&p.default.refresh(n);break;case"layout":this.bReady&&(this.bUserLayoutControls||this._setLayoutControls(o),n.layoutManager.setLayout({isReset:null===o}));break;case"layoutControls":this.bReady&&(this.bUserLayoutControls=null!==o,this._setLayoutControls(o));break;case"noData":this.bReady&&this._attachNodata(o);break;case"pager":if(r&&r.oDataFormat.bLoadByScroll)return;this.bReady&&(o&&!this._settingPager&&(this.bGeneratedPager=!1),this._attachPager(o,t,this.pagerPosition,this.pagerPosition));break;case"pagerPosition":this.bReady&&(null===o?this.bGeneratedPager&&(this.pager=!1,this.bGeneratedPager=!1):void 0===this.pager&&this._autoSetPager(),this._attachPager(this.pager,this.pager,o,t));break;case"pagerButtonLimit":this.bReady&&this.pager&&this._setPagerType(this.pagerType,o);break;case"pagerType":this.bReady&&this.pager&&this._setPagerType(o,this.pagerButtonLimit);break;case"pageSize":case"pageSizeRow":case"pageSizeCard":n.bUserPageSize=!0,this.bReady?n.calculatePageSize(null,!1,e,o):"pageSize"===e&&n.setPageSize(o);break;case"pageSizeOptions":this.bReady&&this.setPageSizeOptions(o);break;case"params":this.bReady&&r.loadData(this.oDOMData?this.oDOMData.options:{},o,null,!0);break;case"preserveStateOptions":case"preserveStateId":case"preserveStateLoad":case"preserveStateSave":n.oStateOptions[e]=o,this.bReady&&"preserveStateSave"!==e&&n.stateManager.loadState();break;case"recordCount":this.bReady&&(r.setOriginRecordCount(o),n.fire(f.Z.event.pagesizechange,o));break;case"frozenRowClass":this.bReady&&this._setClass(o,"FrozenRow");break;case"rowClass":this.bReady&&this._setClass(o,"Row");break;case"rowHeight":this.bReady&&this._setRowHeight(o);break;case"search":n.bHasSearchEnabled=!!o,this.bReady&&this._setSearch(n.bHasSearchEnabled);break;case"selector":o?n.bHasSelectorEnabled=!0:(n.selector.bHasSelection&&n.selector.deSelectRange(),n.bHasSelectorEnabled=!1);break;case"rowSelector":this.bReady&&(o&&this.rowSelector||!o&&!this.rowSelector||(this._setRowSelector(o),this._updateColumnControls("rowSelector",o)));break;case"recordKey":if(this.bReady)if(o&&this.recordKey||!o&&!this.recordKey){if(o&&this.recordKey){var _=n.aColumnMapping.find((function(e){return e.sFieldIndex===f.Z.internalColumn.recordkey}));_&&(_.oDOMZGColumn.header=o)}}else this._updateColumnControls("recordKey",o);break;case"recordDuplicate":this.bReady&&(o&&this.recordDuplicate||!o&&!this.recordDuplicate||this._updateColumnControls("recordDuplicate",o));break;case"sort":this.bReady&&(this._setSorter(o,this.sorter),this._toggleSorter(o));break;case"sortIntl":n.sSortIntl=o,this.bReady&&this._setSortIntl(o);break;case"sorter":this.bReady&&this._setSorter(this.sort,o);break;case"source":this.bReady&&n.sourceManager.setSource({source:o});break;case"src":if(this.bReady)if(n.dumpMapping(),r.dumpModel(),r.bHasDataSource&&r.dumpDataRequest(),o){r.data&&r.data.length&&(r.initModel(),this.removeAttribute("data"));var R={src:o};this.oDOMData?r.loadData(this.oDOMData.options,this.params,R):(r.updateConfig(R,!0),r.load())}else{var E={src:o};r.updateConfig(E),r.load()}break;case"staticMenu":if("boolean"==typeof o||"true"===o){var M=this.contextMenu;n.bHasStaticMenu=!!o,M&&"string"==typeof M||(n.sContextMenuId=null)}else null===o?n.bHasStaticMenu=!1:(n.bHasStaticMenu=!0,n.sContextMenuId=o);this.bReady&&this._setStaticMenu(n.bHasStaticMenu,!0);break;case"statusPosition":this.bReady&&this.oDOMStatus.hasAttribute(f.Z.attr.active)&&this.widget.statusManager.setStatus();break;case"theme":this.bReady&&(this._setThemeCSS(o),this._setThemeIconSVG(o));break;case"validationErrorMessage":this.bReady&&(n.sValidationErrorMessage=o);break;case"validationRequiredMessage":this.bReady&&(n.sValidationRequiredMessage=o);break;case"viewportPause":if(!this.bReady)return;o?i.run="pause":o||i.run.stop||(i.run=!0);break;case"viewportStop":if(!this.bReady)return;o?i.run=!1:o||i.run.pause||(i.run=!0);break;case"viewportTypes":this.bReady&&(i.types=o,i.allow&&i.setViewport());break;case"width":this.bReady&&this._setScrollWidth(o);break;case"templateStartDelimiter":case"templateEndDelimiter":this.bReady&&(r[e]=o||f.Z.template[e],n.updater.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0}));break;case"zebra":this.bReady&&this._setZebra(o)}return this.bReady&&["rowClass","cellClass","colClass","footClass","headClass","zebra","frozenRowClass"].includes(e)&&(n.bNeedUpdate=!0),o}},{key:"_applyCss",value:function(e){":"===e.charAt(0)&&this.shadowRoot.querySelector("style").insertAdjacentText("afterbegin","".concat(e," ").concat(this.initialGridCss))}},{key:"_autoSetPager",value:function(){this.bGeneratedPager=!0,this._settingPager=!0,this.pager=!0,this._settingPager=!1}},{key:"_attachNodata",value:function(e,t){var o=!!e;this.oDOMNodata?t&&(o=!0):(this.oDOMNodata=document.createElement(f.Z.zgNoData.tagName),this.appendChild(this.oDOMNodata)),e?this.oDOMNodata.classList.add("attr"):this.oDOMNodata.classList.remove("attr"),o?this.oDOMNodata.classList.remove("default"):this.oDOMNodata.classList.add("default");var n=this.getAttribute(f.Z.attr.editorcontrols),r=["false",f.Z.editorControls.editor,f.Z.editorControls.remover],i=(n||""===n)&&-1===r.indexOf(n),a=document.createElement("SPAN");if(e)this.oDOMNodata.innerHTML=e;else if(!o){this.oDOMNodata.innerHTML="";var s=a.cloneNode(!0),l=p.default.get("noData.message",this.widget,{element:s,elProperty:"innerHTML"});s.classList.add("default-message"),s.innerHTML=l,this.oDOMNodata.appendChild(s)}if(!o&&i){var d=a.cloneNode(!0);d.classList.add("default-insert-record");var c=p.default.get("noData.insertRecord",this.widget,{element:d,elProperty:"innerHTML"});d.innerHTML='\n        <zg-button action="createrecord" no-data notooltip>\n          <zg-icon name="createrecord" slot="icon"></zg-icon> \n          <span slot="label">'.concat(c,"</span>\n        </zg-button>\n      "),this.oDOMNodata.appendChild(d)}this.oDOMNodata.setAttribute("slot","gridnodata")}},{key:"_attachPager",value:function(e,t,o,n){var r=this.widget,i=r.store;if(!i||!i.oDataFormat.bLoadByScroll){null==o&&(o="bottom"),void 0===n&&(n="bottom");var a=["top","both"],s=["bottom","both"],l=[null,!1,"false",void 0],d=this.oBottomPager,c=this.oTopPager;c||((c=document.createElement("zg-pager")).setAttribute("slot","top"),this.oTopPager=c),void 0===d&&((d=document.createElement("zg-pager")).setAttribute("slot","pager"),this.oBottomPager=d),l.includes(t)||(a.includes(n)&&this.removeChild(this.oTopPager),s.includes(n)&&this.removeChild(this.oBottomPager)),l.includes(e)||(a.includes(o)&&!this.oTopPager.parentNode&&(this.appendChild(this.oTopPager),r.updateFocus(null,this.oTopPager,r.focusManager.aTopPager)),s.includes(o)&&!this.oBottomPager.parentNode&&(this.appendChild(this.oBottomPager),r.updateFocus(null,this.oBottomPager,r.focusManager.aBottomPager)))}}},{key:"_setPagerType",value:function(e,t){e?(this.oTopPager&&(this.oTopPager.setAttribute(f.Z.zgPager.typeAttr,e),t?this.oTopPager.setAttribute(f.Z.zgPager.buttonLimitAttr,t):this.oTopPager.removeAttribute(f.Z.zgPager.buttonLimitAttr)),this.oBottomPager&&(this.oBottomPager.setAttribute(f.Z.zgPager.typeAttr,e),t?this.oBottomPager.setAttribute(f.Z.zgPager.buttonLimitAttr,t):this.oBottomPager.removeAttribute(f.Z.zgPager.buttonLimitAttr))):(this.oTopPager&&(this.oTopPager.removeAttribute(f.Z.zgPager.typeAttr),this.oTopPager.removeAttribute(f.Z.zgPager.buttonLimitAttr)),this.oBottomPager&&(this.oBottomPager.removeAttribute(f.Z.zgPager.typeAttr),this.oBottomPager.removeAttribute(f.Z.zgPager.buttonLimitAttr)))}},{key:"_attributeHandler",value:function(e,t,o){e!==f.Z.editor.attr||void 0!==this.userEditorValue||this.widget&&this.widget.bUpdatingEditor||this._storeEditorValue(),z(k(s.prototype),"_attributeHandler",this).call(this,e,t,o)}},{key:"_loadCss",value:function(e){var t=this,o=e.split(".css");1!==o.length&&(o=o[0].split("/"),this.setAttribute("theme",o[o.length-1]),fetch(e).then((function(e){return e.text()})).then((function(e){return t._applyCss(e)})))}},{key:"_setCard",value:function(e){var t=e.rendererTemplate,o=e.editorTemplate,n=e.renderer,r=e.editor,i=this.widget,a=i.oCard||document.createElement(f.Z.zgCard.tagName);t||(t=e["renderer-template"]),o||(o=e["editor-template"]),t&&a.setAttribute("renderer-template",t),o&&a.setAttribute("editor-template",o),n&&a.setAttribute("renderer",n),r&&a.setAttribute("editor",r),i.oCard||this.appendChild(a),this.bReady&&(this.widget.updater.clearCache(),this.widget.update())}},{key:"_setCaption",value:function(e,t){var o=this.widget,n=!1;if(!this.oDOMCaption){var r=document.createElement(f.Z.zgCaption.tagName);(null!==e||t)&&this._attachToParent(r,this.oDOMHeader),this.oDOMCaption=r,n=!0}if(o.messageCaption)o.changedCaption=e;else{if(!(e||t||o.bHasStaticMenu||o.bHasSearchEnabled))return this.oDOMHeader&&!n&&this.oDOMHeader.removeChild(this.oDOMCaption),void(this.oDOMCaption=null);this.oDOMCaption.changeText(e),this.oDOMCaption.hasAttribute("slot")||this.oDOMCaption.setAttribute("slot","caption"),o.updateFocus("Caption")}}},{key:"_setSelectorCheckbox",value:function(e){var t=this.oDOMControlBar||this.querySelector(f.Z.zgControlBar.tagName);t&&(this.caption||this.oDOMCaption||this._setCaption(null,!0),e.slot="cardaction",e.setAttribute(f.Z.attr.datafocus,""),t.oDOMSelector&&t.removeChild(t.oDOMSelector),t.insertBefore(e,t.childNodes[0]),t.oDOMSelector=e,t.setAttribute(f.Z.attr.internalselector,""),this._toggleControlBar())}},{key:"_setControlBar",value:function(){if(!this.oDOMControlBar){var e=document.createElement(f.Z.zgControlBar.tagName);this._attachToParent(e,this.oDOMHeader),this.oDOMControlBar=e}this.oDOMControlBar.setAttribute("slot","control-bar"),this.widget.updateFocus("ControlBar")}},{key:"_setLayoutControls",value:function(e){(e=!("disabled"===e||""!==e&&(null!==e||!this.hasAttribute(f.Z.zgLayout.attr))&&!e))?(this.oDOMLayoutControls||(this.oDOMLayoutControls=document.createElement(f.Z.zgLayoutControls.tagName),this.bReady&&this._attachToParent(this.oDOMLayoutControls,this.oDOMControlBar)),this.oDOMLayoutControls.setAttribute("slot","layout-controls")):!e&&this.oDOMLayoutControls&&(this.oDOMLayoutControls.parentNode.removeChild(this.oDOMLayoutControls),this.oDOMLayoutControls=null),this._toggleControlBar()}},{key:"_setCreateControls",value:function(e){e?(this.oDOMControlBar.oDOMCreate.removeAttribute("hidden"),this.oDOMControlBar.setAttribute(f.Z.attr.create,"")):(this.oDOMControlBar.oDOMCreate.setAttribute("hidden",""),this.oDOMControlBar.removeAttribute(f.Z.attr.create)),this._toggleControlBar()}},{key:"_setBatchEditControls",value:function(e){this.oDOMControlBar.oDOMBatchEdit&&(e?(this.oDOMControlBar.setAttribute(f.Z.attr.batchEdit,""),this.oDOMControlBar.oDOMBatchEdit.removeAttribute("hidden")):(this.oDOMControlBar.removeAttribute(f.Z.attr.batchEdit),this.oDOMControlBar.oDOMBatchEdit.setAttribute("hidden","")),this._toggleControlBar())}},{key:"_setCellBreak",value:function(e,t){this.widget.cellBreakManager.setCellBreak(e)}},{key:"_toggleControlBar",value:function(){var e=!1,t=this.oDOMControlBar._oShadowRoot.querySelector('slot[name="cardaction"]').assignedNodes(),o=this.oDOMControlBar._oShadowRoot.querySelector('slot[name="action"]').assignedNodes(),n=this.widget.layoutManager.sCurrentType||this.widget.layoutManager.getLayoutType();o.length&&(e=o.some((function(e){return null===e.getAttribute("hidden")&&e.tagName.toLowerCase()!==f.Z.zgText.tagName}))),this.oDOMLayoutControls||e||t.length>1&&n===f.Z.zgLayout.typeCard?this.oDOMControlBar.removeAttribute("hidden"):this.oDOMControlBar.setAttribute("hidden","")}},{key:"_attachToParent",value:function(e,t){t.bReady?t.appendChild(e):t.on("ready",(function(){return t.appendChild(e)}))}},{key:"_activateLoadByScroll",value:function(){var e=this.widget,t=(e.store,this.height||f.Z.infinite.defaultHeight);this.height||(this.height=f.Z.infinite.defaultHeight),e.oDOMScroller||(e.oDOMScroller=this._oShadowRoot.querySelector(f.Z.zg.shadow.frameBodyWrapper),e.scroller&&e.scroller.ons()),e.oDOMScroller.style.height=t,e.oDOMScroller.setAttribute(f.Z.attr.height,""),this.oTopPager&&this.oTopPager.remove(),this.oBottomPager&&this.oBottomPager.remove()}},{key:"_setGrouping",value:function(e){var t=this.widget,o=t.aGroupBy;t.bGroupBy=!!e,t.bGroupBy?("string"==typeof e&&(e=e.split(",").map((function(e){return e.trim()}))),t.aGroupBy=e):t.aGroupBy=[],this.bReady&&t._updateGroupedColumnReset(!0,!t.bGroupBy,o)}},{key:"_setAlign",value:function(e){var t=this.widget,o=t.getAllHeadRows(),n=t.getAllBodyRows(),r=t.getAllFootRows();(o||n||r)&&(this._setAlignByArea(o,e),this._setAlignByArea(n,e),this._setAlignByArea(r,e))}},{key:"_setAlignByArea",value:function(e,t){var o=this.widget,n=o.aColumnMapping;e.forEach((function(e){e.childNodes.forEach((function(e,r){var i=n[r].sAlign||t||null;o.setCellAlignment(e,i)}))}))}},{key:"_setHeaderAutoFormat",value:function(e){if(""===e||null===e?this.widget.bHeaderAutoFormat=!0:(this.widget.bHeaderAutoFormat="disabled"!==e&&!!e,this.widget.bHeaderAutoFormat&&"string"==typeof e&&(this.widget.fnHeaderAutoFormat=h.Z.setUserFunction(null,e))),this.widget.aColumnMapping)for(var t=0,o=this.widget.aColumnMapping.length;t<o;t++)this.widget.aColumnMapping[t].oDOMZGColumn.setHeader()}},{key:"_setNestedDataSeparator",value:function(e){var t=this.widget;if(t.sNestedDataSeparator=""===e||null===e?".":e,t.aColumnMapping)for(var o=0,n=t.aColumnMapping.length;o<n;o++)t.aColumnMapping[o].oDOMZGColumn.setHeader()}},{key:"_updateColumnControls",value:function(e,t,o){var n=this.widget,r={editorControls:this.editorControls,rowSelector:this.rowSelector,recordKey:this.recordKey,recordDuplicate:this.recordDuplicate,aggregate:this.aggregate};r[e]=t,n._addColumnControls(r),o||(n.setupCardHeader(),n.updater.clearCache(),n.update())}},{key:"_updateRowIndex",value:function(){this.widget.getAllBodyRows().forEach((function(e){return e.setBodyIndexes(e.bodyRowIndex)}))}},{key:"_setGridLines",value:function(e){var t=this.widget,o=[].concat(b(t.getAllHeadRows()),b(t.getAllBodyRows()));if(e){var n=e.toLowerCase();o.forEach((function(e){"both"===n||"vert"===n||"vertical"===n?e.setAttribute(f.Z.attr.gridlinesvert,""):e.removeAttribute(f.Z.attr.gridlinesvert),"both"===n||"horz"===n||"horizontal"===n?e.setAttribute(f.Z.attr.gridlineshorz,""):e.removeAttribute(f.Z.attr.gridlineshorz)}))}else o.forEach((function(e){e.removeAttribute(f.Z.attr.gridlinesvert),e.removeAttribute(f.Z.attr.gridlineshorz)}))}},{key:"_setClass",value:function(e,t,o){o&&this["fn".concat(t,"Class")]||(this["fn".concat(t,"Class")]=h.Z.setUserFunction(null,e))}},{key:"_setRowHeight",value:function(e,t){!e&&t?e="auto":e||t?e==+e&&(e+="px"):e=void 0,this.widget.nRowHeight=e,!this.cellBreak&&"auto"!==this.rowHeight&&t&&(this.cellBreak=f.Z.cellBreak.ellipsis)}},{key:"_setZebra",value:function(e){var t=this.widget,o=null===e?[]:[f.Z.zebra.defaultClass1,f.Z.zebra.defaultClass2];if(e&&"true"!==e&&!0!==e){var n=e.split(",");1===n.length&&(n=n[0].split(" ")),t.aZebraClasses=n.map((function(e){return e.trim()}))}else t.aZebraClasses=o}},{key:"_setColumnsControl",value:function(e,t){var o=this;if(this.caption||t||this.oDOMCaption||this._setCaption(null,!0),this.oDOMCaption&&this.oDOMCaption.bReady){var n=this.oDOMCaption.oDOMColumnMenu;e?n.removeAttribute(f.Z.attr.hidden):(n.setAttribute(f.Z.attr.hidden,""),t||this._checkRemoveCaption())}else e&&requestAnimationFrame((function t(){o.oDOMCaption&&o.oDOMCaption.bReady?o._setColumnsControl(e):requestAnimationFrame(t)}))}},{key:"_checkRemoveCaption",value:function(){this.oDOMCaption&&!this.oDOMCaption.showCaption()&&(this.oDOMHeader.removeChild(this.oDOMCaption),this.oDOMCaption=null)}},{key:"_setDefaultDisplay",value:function(e){this.widget.sDefaultDisplay=e,this.bReady&&this.widget.updater.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0})}},{key:"_setColumnResizable",value:function(e,t){this.widget.bColumnResizable=e,this.widget.bColumnResizablePersistent=t,void 0===e&&t&&(this.widget.bColumnResizable=!0),this.bReady&&b(this.oDOMHead.querySelectorAll(f.Z.zgHeadCell.tagName)).forEach((function(e){return e._setResize()}))}},{key:"_setColumnDrag",value:function(e,t){var o=this.widget;this.bUpdatingDrag||(this.bUpdatingDrag=!0,o.bDragHide=!1,o.bDragMove=!1,e&&void 0===t?(t=f.Z.drag.both,this.defaultColumnDragAction=f.Z.drag.both):t&&void 0===e?(e=!0,this.columnDrag=!0):e||void 0!==t||(this.defaultColumnDragAction=null),o.bColumnDrag=e,"string"==typeof t&&((t=t.toLowerCase())!==f.Z.drag.both&&t!==f.Z.drag.hide||(o.bDragHide=!0),t!==f.Z.drag.both&&t!==f.Z.drag.reorder||(o.bDragMove=!0)),this.widget.columnDragManager.setColumnDrag(),this.bUpdatingDrag=!1)}},{key:"_setCellTooltipOptions",value:function(e,t){var o=this.widget;o.oCellTooltip[e]=t,this.bReady&&o.updater.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0})}},{key:"_setButtonTooltipDisabled",value:function(e){var t=this;this.querySelectorAll("zg-button[dir]").forEach((function(o){o.setTooltip(o.action,t.widget,o.customTooltip,e)}))}},{key:"_setCellTooltipRenderer",value:function(e){e&&c.HD(e)?this.widget.oCellTooltip.fnCellTooltipRenderer=h.Z.setUserFunction(null,e):this.widget.oCellTooltip.fnCellTooltipRenderer=null}},{key:"_setCellTooltipTemplate",value:function(e){var t=window[e]||document.getElementById(e)||null;this.widget.oCellTooltip.oDOMCellTooltipTemplate=t}},{key:"_setHeaderTooltipOptions",value:function(e,t,o){var n=this.widget;if(n.oHeaderTooltip[e]=t,this.bReady)if(o){for(var r=n.aColumnMapping,i=0,a=r.length;i<a;i++)r[i].oDOMZGColumn.removeAttribute("min-calculated-header-width");n.update({bUpdateColumnHeaderContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0})}else b(n.getAllHeadCells(!0)).forEach((function(e){return e._setHeaderTooltip()}))}},{key:"_setHeaderTooltipRenderer",value:function(e){e&&c.HD(e)?this.widget.oHeaderTooltip.fnHeaderTooltipRenderer=h.Z.setUserFunction(null,e):this.widget.oHeaderTooltip.fnHeaderTooltipRenderer=null}},{key:"_setHeaderTooltipTemplate",value:function(e){var t=window[e]||document.getElementById(e)||null;this.widget.oHeaderTooltip.oDOMHeaderTooltipTemplate=t}},{key:"_setRowSelector",value:function(e){!this.oDOMCaption&&e?this._setCaption(null,!0):this.oDOMCaption&&!e&&(this._setCaption(null),this._checkRemoveCaption())}},{key:"_setScrollHeight",value:function(e){var t=this.widget.oDOMScroller||this._oShadowRoot.querySelector(f.Z.zg.shadow.frameBodyWrapper),o=this._oShadowRoot.querySelector(f.Z.zg.shadow.frameBodyWrapper);e?(o.setAttribute(f.Z.attr.height,""),t.setAttribute(f.Z.attr.height,""),-1===e.indexOf("px")&&(e+="px"),o.style.height=e,t.style.height=e):(o.removeAttribute(f.Z.attr.height),o.style.height="",t.removeAttribute(f.Z.attr.height),t.style.height="")}},{key:"_setScrollWidth",value:function(e,t){var o=this.widget;if(o&&o.mainGridTable){var n=o.mainGridTable.dom;if(o.nSetWidth=e,e){+e==e&&(e+="px");var r=-1!==e.indexOf("%");n.setAttribute(f.Z.attr.width,""),this.style.width=e,n.style.width=r?"":e,this.oDOMVScroller&&(this.oDOMVScroller.style.width="")}else this.style.width="",n.style.width="";!t&&this.bReady&&requestAnimationFrame((function(){return o.updater.updateResizeWindow(!0)}))}}},{key:"_addDependentCaption",value:function(e,t){var o=this;return this.caption||t||this.oDOMCaption||this._setCaption(null,!0),(!this.oDOMCaption||!this.oDOMCaption.bReady)&&(requestAnimationFrame((function t(){o.oDOMCaption&&o.oDOMCaption.bReady?e():requestAnimationFrame(t)})),!0)}},{key:"_setSearch",value:function(e,t){var o=this;if(!e&&!t||!this._addDependentCaption((function(){return o._setSearch(e,t)}),t)){var n=this.oDOMCaption.querySelector(f.Z.zgSearch.tagName);e?(n.removeAttribute(f.Z.attr.hidden),this.widget.search=n):(n.setAttribute(f.Z.attr.hidden,""),t||this._checkRemoveCaption())}}},{key:"_setStaticMenu",value:function(e,t){var o=this;e&&this._addDependentCaption((function(){return o._setStaticMenu(e,t)}))||(this.oDOMCaption&&(this.oDOMCaption.toggleStaticMenu(e)||e||this._checkRemoveCaption()),this.bReady&&e&&this.widget.menuManager.initMenu(t))}},{key:"_toggleSorter",value:function(e){""===e&&(e=!0);var t=this.oDOMHead.querySelectorAll(f.Z.zgHeadCell.tagName);this.oDOMHead&&this.oDOMHead.children&&(e?b(t).forEach((function(e){return e._setupSort()})):b(t).forEach((function(e){return e._removeSort()})))}},{key:"_setSorter",value:function(e,t){var o=this.widget,n=o.store;""===e&&(e=!0),e&&n&&n.isIncrementalLoad()&&"firebase"===n.oDataFormat.sAdapter?c.Aq("Firebase does not support server side sorting."):(o.bHasSorterEnabled=!!e,o.bHasSorterEnabled&&"string"==typeof t&&(o.sorter.fnSorter=h.Z.setUserFunction(null,t)),!o.sorter.fnSorter||null!==t&&"function"==typeof o.sorter.fnSorter.method||(o.sorter.fnSorter=null),this.oDOMHead&&this.oDOMHead.children&&(o.bHasSorterEnabled?b(this.oDOMHead.children).forEach((function(e){return e.setAttribute(f.Z.sort.attr,"")})):b(this.oDOMHead.children).forEach((function(e){return e.removeAttribute(f.Z.sort.attr)}))))}},{key:"_setSortIntl",value:function(e){for(var t=0,o=this.widget.aColumnMapping.length;t<o;t++)this.widget.aColumnMapping[t].oDOMZGColumn.updateGlobalIntlSort(e)}},{key:"_setThemeCSS",value:function(e){e&&this._loadCss(e)}},{key:"_setGridClasses",value:function(e){for(var t=["cell","head","foot","col","row","frozenRow"],o=0;o<t.length;o++){var n=t[o]+"Class",r=t[o].charAt(0).toUpperCase()+t[o].slice(1);this[n]&&this._setClass(this[n],r,e)}}},{key:"_setThemeIconSVG",value:function(e){var t=this;this.defaultSVG=o(92757),this.defaultSVG&&(this.svgSrc=this.defaultSVG),this.svgSrc&&(this.themeSVG=(0,c.hS)(this.svgSrc));try{this.svgSrc=o(19179)("./".concat(e,".svg"));var n=(0,c.hS)(this.svgSrc).children;this.themeSVG=(0,c.ls)(this.themeSVG,n)}catch(o){if(!e)return;var r=e.split(".css");if(r.length<2){var i=this.externalThemeArr.filter((function(e){return e.name===t.externalThemeName}));return void(i.length&&(this.themeSVG=i[0].src))}this.bWaitingForIcons=!0,(0,c.wZ)(r[0]).then((function(e){t.themeSVG=(0,c.ls)(t.themeSVG,e),t.externalThemeName=r[0].split("/").slice(-1)[0],t.externalThemeArr.push({name:t.externalThemeName,src:t.themeSVG}),t.bWaitingForIcons=!1,t.widget.iconManager.updateIconTheme()}))}}},{key:"_storeEditorValue",value:function(e){var t=e||this.getAttribute(f.Z.editor.attr);t&&t.length&&!0!==t?this.userEditorValue=t:this.userEditorValue=!1}},{key:"_wrapAPI",value:function(e){var t=this.widget,o=void 0===t?{}:t;o.bAPIReady?e():o.on("apiready",(function(){o&&!o.bDisconnect&&e()}))}},{key:"cell",value:function(e,t){return this.widget.selectorEngineManager.$cell(e,t)}},{key:"row",value:function(e){return this.widget.selectorEngineManager.$row(e)}},{key:"openRowEditor",value:function(e){var t=this;if(this.widget.bHasEditorEnabled){var o=this.row(e);requestAnimationFrame((function(){return t.widget.editorManager.openEditor(o)}))}return this}},{key:"closeContextMenu",value:function(){return this.widget.menuManager&&this.widget.menuManager.isMenuOpen()&&this.widget.menuManager.closeMenu(),this}},{key:"closeDialog",value:function(){return this.oDOMDialog&&this.oDOMDialog.closeEvent(),this}},{key:"column",value:function(e){return this.widget.selectorEngineManager.$column(e)}},{key:"executeOnLoad",value:function(e){this._wrapAPI(e)}},{key:"getAggregate",value:function(){return this.getElementAPI("aggregate")}},{key:"getBatchEdit",value:function(){return this.getElementAPI("batch-edit")}},{key:"getBatchEditStatus",value:function(){return this.getElementAPI("batch-edit-status")||this.widget.store.oDataFormat.sBatchEditStatus||f.Z.batchEdit.statusMessage}},{key:"getCellBreak",value:function(){return this.getElementAPI("cell-break")||f.Z.cellBreak.default}},{key:"getCellClass",value:function(){return this.getElementAPI("cell-class")}},{key:"getCells",value:function(){var e=this;return this.widget.getAllBodyCells().map((function(t){return e.widget.selectorEngineManager.$cell(t.parentNode.rowIndex,t.cellIndex)}))}},{key:"getColClass",value:function(){return this.getElementAPI("col-class")}},{key:"getColumnsControl",value:function(){return this.getElementAPI("columns-control")}},{key:"getCompact",value:function(){return this.getElementAPI("compact")}},{key:"getContextMenu",value:function(){return this.getElementAPI("context-menu")}},{key:"getDefaultDisplay",value:function(){return this.getElementAPI("default-display")}},{key:"getDir",value:function(){return this.widget.sComputedDir}},{key:"getColumnDragAction",value:function(){return this.getElementAPI("column-drag-action")||this.defaultColumnDragAction||!1}},{key:"getColumnDrag",value:function(){return this.getElementAPI("column-drag")}},{key:"getConfirmations",value:function(){var e=this.getElementAPI("confirmations");return!0!==e&&!1!==e||(e="all"),e}},{key:"getCreator",value:function(){var e=this.widget&&this.widget.editorManager;return e?e.createType:"modal"}},{key:"getEditor",value:function(){var e=this.getElementAPI(f.Z.editor.attr);return!0===e&&(e=this.widget.editorManager._isModalEdit()?f.Z.editor.typeModal:f.Z.editor.typeInline),e}},{key:"getEditorControls",value:function(){var e=this.getElementAPI("editor-controls");return!0===e&&(e="all"),e}},{key:"getRowSelector",value:function(){return this.getElementAPI("row-selector")}},{key:"getRecordDuplicate",value:function(){return this.getElementAPI("record-duplicate")}},{key:"getElementAPI",value:function(e,t){var o=this.getAttribute(e);return null==o&&(o=t||!1),""!==o&&"true"!==o||(o=!0),o}},{key:"getFilter",value:function(){return this.getElementAPI("filter")}},{key:"getFootClass",value:function(){return this.getElementAPI("foot-class")}},{key:"getFrozenColumnsLeft",value:function(){return this.getElementAPI("frozen-columns-left")}},{key:"getFrozenColumnsRight",value:function(){return this.getElementAPI("frozen-columns-right")}},{key:"getFrozenRowsTop",value:function(){return this.getElementAPI("frozen-rows-top")||0}},{key:"getFrozenRowsBottom",value:function(){return this.getElementAPI("frozen-rows-bottom")}},{key:"getGridlines",value:function(){return this.getElementAPI("gridlines")}},{key:"getHeadClass",value:function(){return this.getElementAPI("head-class")}},{key:"getHeaderAutoFormat",value:function(){return this.getElementAPI("header-auto-format",!0)}},{key:"getNestedDataSeparator",value:function(){return this.getElementAPI("nested-data-separator")}},{key:"getHeight",value:function(){return this.getBoundingClientRect().height+"px"}},{key:"getIconSet",value:function(){return this.getElementAPI("icon-set")}},{key:"getIconSetData",value:function(){return this.getElementAPI("icon-set-data")}},{key:"getLang",value:function(){return p.default.getLang(this.widget)}},{key:"getLayout",value:function(){return this.getElementAPI("layout")}},{key:"getLayoutControls",value:function(){var e=this.getElementAPI("layout-controls"),t=this.getElementAPI("layout");return!1===e&&!1!==t||e}},{key:"getPreserveStateId",value:function(){return this.getElementAPI("preserve-state-id")}},{key:"getPreserveStateOptions",value:function(){return this.getElementAPI("preserve-state-options")}},{key:"getPreserveStateLoad",value:function(){return this.getElementAPI("preserve-state-load")}},{key:"getPreserveStateSave",value:function(){return this.getElementAPI("preserve-state-save")}},{key:"getNodata",value:function(){return this.getElementAPI("no-data")}},{key:"getPager",value:function(){return this.getElementAPI("pager")}},{key:"getPageSizeCard",value:function(){return parseInt(this.getElementAPI("page-size-card"),10)||this.widget.pageSize}},{key:"getPageSizeRow",value:function(){return parseInt(this.getElementAPI("page-size-row"),10)||this.widget.pageSize}},{key:"getFrozenRowClass",value:function(){return this.getElementAPI("frozen-row-class")}},{key:"getRowClass",value:function(){return this.getElementAPI("row-class")}},{key:"getGroupBy",value:function(){return(this.widget.aGroupBy||[]).join(",")}},{key:"getSearch",value:function(){return this.getElementAPI("search")}},{key:"getSelector",value:function(){return this.getElementAPI("selector")}},{key:"deselectRows",value:function(){var e=this;return this._wrapAPI((function(){e.widget.fire("rowdeselect")})),this}},{key:"selectRow",value:function(e){var t=this;return this._wrapAPI((function(){var o=t.widget,n=o.getColumnIndexByType("selector");if(-1!==n){var r=o.selectorEngineManager.$cell(e,n);r&&(r.dom().querySelector("zg-checkbox").checked=!0)}})),this}},{key:"deselectRow",value:function(e){var t=this;return this._wrapAPI((function(){var o=t.widget,n=o.getColumnIndexByType("selector");if(-1!==n){var r=o.selectorEngineManager.$cell(e,n);r&&(r.dom().querySelector("zg-checkbox").checked=!1)}})),this}},{key:"getSelectedRows",value:function(){for(var e=this.widget,t=Object.keys(e.aSelectedRows),o=[],n=0;n<t.length;n++)o.push(e.store.cleanSingleRecord(e.aSelectedRows[t[n]].get()));return o}},{key:"getSort",value:function(){return this.getElementAPI("sort")}},{key:"getSorter",value:function(){return this.getElementAPI("sorter")}},{key:"getSortedColumn",value:function(){var e=this.widget.sorter,t=e.sActiveSortedIndex;return!!t&&{fieldIndex:t,order:1===e.nSortOrder?"asc":"desc"}}},{key:"getSource",value:function(){return this.getElementAPI("source")}},{key:"getSrc",value:function(){return this.getElementAPI("src")}},{key:"getStaticMenu",value:function(){return this.getElementAPI("static-menu")}},{key:"getTemplateEndDelimiter",value:function(){return this.getElementAPI("template-end-delimiter")||f.Z.template.templateEndDelimiter}},{key:"getTemplateStartDelimiter",value:function(){return this.getElementAPI("template-start-delimiter")||f.Z.template.templateStartDelimiter}},{key:"getTheme",value:function(){return this.theme||f.Z.theme.default}},{key:"getViewport",value:function(){return this.getElementAPI("viewport")}},{key:"getViewportPause",value:function(){return this.getElementAPI("viewport-pause")}},{key:"getViewportStop",value:function(){return this.getElementAPI("viewport-stop")}},{key:"getViewportTypes",value:function(){return this.getElementAPI("viewport-types")||JSON.stringify(this.widget.viewportManager.types)}},{key:"getWidth",value:function(){return this.getBoundingClientRect().width+"px"}},{key:"getZebra",value:function(){return this.getElementAPI("zebra")}},{key:"setAggregate",value:function(e){return this.setElementAPI("aggregate",e)}},{key:"setBatchEdit",value:function(e){return this.setElementAPI("batch-edit",e)}},{key:"setBatchEditStatus",value:function(e){return this.setElementAPI("batch-edit-status",e)}},{key:"setCellBreak",value:function(e){return this.setElementAPI("cell-break",e)}},{key:"setCellClass",value:function(e){return this.setElementAPI("cell-class",e)}},{key:"setColClass",value:function(e){return this.setElementAPI("col-class",e)}},{key:"setColumns",value:function(e){var t=this;return this._wrapAPI((function(){!e&&t.hasAttribute("columns")?t.removeAttribute("columns"):t.columns=e})),this}},{key:"setColumnsControl",value:function(e){return this.setElementAPI("columns-control",e)}},{key:"setCompact",value:function(e){return this.setElementAPI("compact",e)}},{key:"setDefaultDisplay",value:function(e){return this.setElementAPI("default-display",e)}},{key:"setDir",value:function(e){return this.setElementAPI("dir",e)}},{key:"setColumnDragAction",value:function(e){return this.setElementAPI("column-drag-action",e)}},{key:"setColumnDrag",value:function(e){return this.setElementAPI("column-drag",e)}},{key:"setFootClass",value:function(e){return this.setElementAPI("foot-class",e)}},{key:"setFrozenColumnsLeft",value:function(e){return this.setElementAPI("frozen-columns-left",e)}},{key:"setFrozenColumnsRight",value:function(e){return this.setElementAPI("frozen-columns-right",e)}},{key:"setFrozenRowsTop",value:function(e){return this.setElementAPI("frozen-rows-top",e)}},{key:"setFrozenRowsBottom",value:function(e){return this.setElementAPI("frozen-rows-bottom",e)}},{key:"setGridlines",value:function(e){return this.setElementAPI("gridlines",e)}},{key:"setHeadClass",value:function(e){return this.setElementAPI("head-class",e)}},{key:"setHeaderAutoFormat",value:function(e){return this.setElementAPI("header-auto-format",e)}},{key:"setNestedDataSeparator",value:function(e){return this.setElementAPI("nested-data-separator",e)}},{key:"setHeight",value:function(e){return this.setElementAPI("height",e)}},{key:"setIconSet",value:function(e){return this.setElementAPI("icon-set",e)}},{key:"setIconSetData",value:function(e){return this.setElementAPI("icon-set-data",e)}},{key:"setLayoutControls",value:function(e){return this.setElementAPI("layout-controls",e)}},{key:"setNoData",value:function(e){return this.setElementAPI("no-data",e)}},{key:"setPager",value:function(e){return this.setElementAPI("pager",e)}},{key:"setFrozenRowClass",value:function(e){return this.setElementAPI("frozen-row-class",e)}},{key:"setRowClass",value:function(e){return this.setElementAPI("row-class",e)}},{key:"setSource",value:function(e){return this.setElementAPI("source",e)}},{key:"setViewportPause",value:function(e){return this.setElementAPI("viewport-pause",e)}},{key:"setViewportStop",value:function(e){return this.setElementAPI("viewport-stop",e)}},{key:"setWidth",value:function(e){return this.setElementAPI("width",e)}},{key:"setZebra",value:function(e){return this.setElementAPI("zebra",e)}},{key:"setFilter",value:function(e){return this.setElementAPI("filter",e)}},{key:"setGroupBy",value:function(e){return this.setElementAPI("group-by",e)}},{key:"setSearch",value:function(e){return this.setElementAPI("search",e)}},{key:"setTemplateEndDelimiter",value:function(e){return this.setElementAPI("template-end-delimiter",e)}},{key:"setTemplateStartDelimiter",value:function(e){return this.setElementAPI("template-start-delimiter",e)}},{key:"setConfirmations",value:function(e){return this.setElementAPI("confirmations",e)}},{key:"setCreator",value:function(e){return this.setElementAPI("creator",e)}},{key:"setEditor",value:function(e){return this._storeEditorValue(e),this.setElementAPI(f.Z.editor.attr,e)}},{key:"setEditorControls",value:function(e){return this.setElementAPI("editor-controls",e)}},{key:"setRowSelector",value:function(e){return this.setElementAPI("row-selector",e)}},{key:"setRecordDuplicate",value:function(e){return this.setElementAPI("record-duplicate",e)}},{key:"setLang",value:function(e){return this.setElementAPI("lang",e)}},{key:"setLayout",value:function(e){return this.setElementAPI("layout",e)}},{key:"setLicense",value:function(e){return this._wrapAPI((function(){u.Z.validateLicense(e)})),this}},{key:"setBuildCode",value:function(e){var t=this;return this._wrapAPI((function(){u.Z.validateLicense(null,e),u.Z.bValidated&&t.oDOMWaterMark&&(t.oDOMWaterMark.remove(),t.oDOMWaterMark=null)})),this}},{key:"setPreserveStateId",value:function(e){return this.setElementAPI("preserve-state-id",e)}},{key:"setPreserveStateOptions",value:function(e){return this.setElementAPI("preserve-state-options",e)}},{key:"setPreserveStateLoad",value:function(e){return this.setElementAPI("preserve-state-load",e)}},{key:"setPreserveStateSave",value:function(e){return this.setElementAPI("preserve-state-save",e)}},{key:"setState",value:function(e){var t=this;this._wrapAPI((function(){("string"==typeof e&&""===e||"object"===y(e)&&0===Object.keys(e).length)&&(e=null),t.widget.stateManager.setUserState(e)}))}},{key:"clearState",value:function(){var e=this;this._wrapAPI((function(){e.widget.stateManager.clearState(!0)}))}},{key:"setStateField",value:function(e,t){var o=this;this._wrapAPI((function(){o.widget.stateManager.setUserStateField(e,t)}))}},{key:"setRecordCount",value:function(e){return(!e||e<0)&&(e=0),this.setElementAPI("record-count",e)}},{key:"setSort",value:function(e){return this.setElementAPI("sort",e)}},{key:"setSorter",value:function(e){return this.setElementAPI("sorter",e)}},{key:"setContextMenu",value:function(e){return this.setElementAPI("context-menu",e)}},{key:"setStaticMenu",value:function(e){return this.setElementAPI("static-menu",e)}},{key:"setSelector",value:function(e){return this.setElementAPI("selector",e)}},{key:"setSrc",value:function(e){return this.setElementAPI("src",e)}},{key:"setTheme",value:function(e){return this.setElementAPI("theme",e)}},{key:"setCardTemplate",value:function(e){var t=this;return this._wrapAPI((function(){if(window[e]||document.getElementById(e)){var o=t.widget.oCard||document.createElement(f.Z.zgCard.tagName);o.setAttribute("renderer-template",e),t.widget.oCard||t.appendChild(o),t.widget.updater.clearCache(),t.widget.update()}})),this}},{key:"setElementAPI",value:function(e,t){var o=this;return this._wrapAPI((function(){t=void 0===t||t,c.Xh({el:o,attr:e,value:t})})),this}},{key:"triggerColumnChange",value:function(e){this.widget.nLeftFrozenColumns=e?1:0,this.widget.updater.clearCache(),this.widget.update()}},{key:"updateSize",value:function(e,t,o){var n=this;t=void 0===t?.2:t,t*=1e3;var r=this.widget,i=r.loadmask;return e&&(r.bUpdatingSize=!0,i.loading()),t>200&&setTimeout((function(){r.updater.updateResizeWindow(!0,!0)}),200),setTimeout((function(){o?n.widget.updater.nSavedResizeWidth=n.clientWidth:(r.renderTo.style.display="none",r.updater.nSavedResizeWidth=n.clientWidth,r.renderTo.style.display=""),r.updater.updateResizeWindow(!0,!0),e&&(i.loaded(),r.bUpdatingSize=!1)}),t),this}},{key:"formatDate",value:function(e,t,o){return"string"!=typeof e&&"number"!=typeof e||(e=g.kB(e)),g.p6(e,t,o,this.widget)}},{key:"fromNow",value:function(e,t){return"string"!=typeof e&&"number"!=typeof e||(e=g.kB(e)),g.Zh(e,t,this.widget)}},{key:"calculate",value:function(e,t,o){return t=t||{},this.widget.aggregateManager.calculate(e,t,o)}}],r=[{key:"observedAttributes",get:function(){return E}}],n&&w(t.prototype,n),r&&w(t,r),Object.defineProperty(t,"prototype",{writable:!1}),s}(r.Z);r.Z._registerElement(_,M);const D=M},87822:(e,t,o)=>{"use strict";o.d(t,{Z:()=>r});var n={zg:{tagName:"zing-grid",shadow:{frameWrapper:".zing-grid-frames",frameBodyWrapper:"#zing-grid-frames-body",scrollWrapper:".zing-grid-scroll"},slot:{dialogInternal:"dialogInternal"}},zgBody:{tagName:"zg-body",nodeName:"ZG-BODY",sectionSelector:{left:"#leftbody",right:"#rightbody",main:"#mainbody"}},zgButton:{tagName:"zg-button",hasTextAttr:"hastext",noTooltipAttr:"notooltip",forceBorderAttr:"force-border",action:{checkbox:"checkbox"},aria:{focus:"zg-aria-focus"},slot:{checkbox:"checkbox",icon:"icon",label:"label"}},zgCaption:{attr:"caption",tagName:"zg-caption"},zgCard:{tagName:"zg-card"},zgCell:{tagName:"zg-cell",actionCellSize:54,actionCellKey:"fitaction",cellIndexAttr:"data-field-index",cellInfoTooltipAttr:"data-field-info-tooltip",cellLabelAttr:"data-field-label",cellGroupAttr:"data-group",sectionSelector:{left:"#leftbody zg-cell",right:"#rightbody zg-cell",main:"#mainbody zg-cell"},singleEditAttr:"edit-row-buttons-one-cell"},zgCellOverflow:{tagName:"zg-cell-overflow"},zgCheckbox:{tagName:"zg-checkbox"},zgColgroup:{tagName:"zg-colgroup",sectionSelector:{left:"#leftcolgroup",right:"#rightcolgroup",main:"#gridcolgroup"}},zgColumn:{tagName:"zg-column",alignDefault:"left",alignTypes:["center","left","right"]},zgColumnResize:{tagName:"zg-column-resize",defaultMinWidth:52,attr:"resize-column",persistentAttr:"resize-persistent"},zgData:{attr:"data",tagName:"zg-data"},zgDialog:{attr:"dialog",tagName:"zg-dialog",all:"all",custom:"custom",internal:"internal",open:"open"},zgEditorRow:{tagName:"zg-editor-row",colorLabelClass:"zg-editor-row-color-label",colorPickerClass:"zg-editor-row-color-picker",colorWrapClass:"zg-editor-row-color-wrap",fieldLabelId:"editorRowFieldLabel",sectionSelector:{left:"#lefteditorrow",right:"#righteditorrow",main:"#bodyeditorrow"},radioLabelClass:"zg-editor-row-radio-label",radioWrapClass:"zg-editor-row-radio-wrap"},zgFilter:{attr:"filter",tagName:"zg-filter"},filter:{match:"match",matchList:"matchList",boolMatch:"boolMatch",contain:"contain",defaultOperation:"contain"},zgFocus:{tagName:"zg-focus",sectionSelector:{left:'[slot="leftgridfocus"]',right:'[slot="rightgridfocus"]',main:'[slot="bodygridfocus"]'}},zgFoot:{tagName:"zg-foot",sectionSelector:{left:"#leftfoot",right:"#rightfoot",main:"#mainfoot"}},zgFooter:{tagName:"zg-footer"},zgHead:{tagName:"zg-head",sectionSelector:{left:"#lefthead",right:"#righthead",main:"#mainhead"}},zgHeader:{tagName:"zg-header"},zgHeadCell:{tagName:"zg-head-cell",infoTooltipType:"info",isReorderingClass:"is-reordering",isContentLongerAttr:"is-content-longer",mainIconClass:"zg-head-icon"},zgIcon:{attr:"icon-set",slotIcon:"icon",tagName:"zg-icon"},zgInput:{tagName:"zg-input"},zgLayout:{attr:"layout",cardTplAttr:"card-template",reset:"reset",typesArr:["card","row"]}};n.zgLayout.typeCard=n.zgLayout.typesArr[0],n.zgLayout.typeRow=n.zgLayout.typesArr[1],n.zgLayoutControls={tagName:"zg-layout-controls",attr:"layout-controls"},n.zgLoadMask={tagName:"zg-load-mask",defaultAttr:"default-load-mask"},n.zgMenu={tagName:"zg-menu",groupItems:"zg-menu-group-items",groupLabel:"zg-menu-group-label",groupWrap:"zg-menu-group-wrap",opener:"menu-opener",static:"static",context:"context",browser:"browser"},n.zgControlBar={tagName:"zg-control-bar"},n.zgMenuGroup={tagName:"zg-menu-group"},n.zgMenuItem={tagName:"zg-menu-item"},n.zgNoData={attr:"no-data",tagName:"zg-no-data"},n.zgOptionList={tagName:"zg-option-list"},n.zgPager={tagName:"zg-pager",attr:"pager",cursorAttr:"cursor",defaultPageSizes:"5,10,50",typeAttr:"pager-type",typeAttrProp:"pagerType",buttonLimitAttr:"pager-button-limit",buttonArrowType:"button-arrow",buttonTextType:"button-text",currentPageAttr:"active",defaultButtonLimit:5},n.zgParam={tagName:"zg-param"},n.zgRow={tagName:"zg-row",defaultHeight:48,defaultCompactHeight:40,defaultCompactHeadHeight:32,defaultHeadHeight:40},n.zgSearch={attr:"search",tagName:"zg-search"},n.zgSelect={tagName:"zg-select"},n.zgSelectorMask={attr:"selector",tagName:"zg-selector-mask",sectionSelector:{left:'[slot="leftgridselectmask"]',right:'[slot="rightgridselectmask"]',main:'[slot="bodygridselectmask"]'}},n.zgSeparator={tagName:"zg-separator"},n.zgSource={attr:"source",tagName:"zg-source"},n.zgStatus={tagName:"zg-status",barPosition:"bar",delay:3e3,delayAttr:"status-delay",persistAttr:"status-persist",positionAttr:"status-position"},n.zgText={tagName:"zg-text"},n.zgTooltip={tagName:"zg-tooltip",noInfoIconAttr:"no-info-icon",actionAttr:"tooltip-action",typeAttr:"tooltip-type",typeDefault:"default",typeSystem:"system",actionTypeHover:"hover",actionTypeClick:"click",iconPositionAttr:"tooltip-icon-position",iconPositionRight:"right",iconPositionLeft:"left",iconPositionAfterText:"after-text",iconTriggerType:"icon",textTriggerType:"text",positionAttr:"tooltip-position"},n.zgWatermark={attr:"watermark",tagName:"zg-watermark"},n.internalColumn={recordeditor:"editor",recordduplicate:"duplicate",recordinfo:"info",recordremover:"remover",recordselector:"selector",recordkey:"recordkey",rownumber:"row-number",rowgroup:"row-group"},n.storybook={dialog:"storybook-dialog",menu:"storybook-menu",editorrow:"storybook-editor-row",focus:"storybook-focus",status:"storybook-status",select:"storybook-select"},n.internalColumnTypes=[n.internalColumn.recordduplicate,n.internalColumn.recordeditor,n.internalColumn.recordremover,n.internalColumn.recordselector,n.internalColumn.recordinfo,n.internalColumn.rownumber],n.cellTypes={toggle:"toggle",custom:"custom",gravatar:"gravatar",button:"button",aggregate:"aggregate"},n.noDataColumnTypes=[n.cellTypes.custom,n.cellTypes.button,n.cellTypes.aggregate],n.columnType={},n.columnType.color={modeAttr:"type-color-mode",modes:{hexAlpha:"hex-alpha",hexLong:"hex-long",hexShort:"hex-short",hsl:"hsl",hsla:"hsla",name:"name",rgb:"rgb",rgba:"rgba"},notConvertedClass:"color-not-converted",notValidClass:"color-not-valid",previewAttr:"type-color-preview",spacesAttr:"type-color-spaces",spaces:{inherit:"inherit",invalid:"disabled",valid:"true"},transparent:"transparent"},n.columnType.color.modeDefault=n.columnType.color.modes.hex,n.frozenColumns={noContent:"no-content",leftAttr:"frozen-columns-left",rightAttr:"frozen-columns-right"},n.zgFrozenColgroup={tagName:"zg-frozen-colgroup"},n.confirmations={attr:"confirmations",all:"all",delete:"delete",batchEdit:"batch-edit",batchEditDiscard:"batch-edit-discard"},n.cellBreak={attr:"cell-break",all:"all",cellBreakPrep:"cell-break-prep",ellipsis:"ellipsis",normal:"normal",word:"word"},n.cellBreak.allowedTypes=[null,"",n.cellBreak.all,n.cellBreak.ellipsis,n.cellBreak.normal,n.cellBreak.word],n.cellBreak.default=n.cellBreak.normal,n.drag={attr:"drag",columnAttr:"column-drag",rowAttr:"row-drag",columns:"columns",rows:"rows",both:"both",reorder:"reorder",hide:"hide"},n.editor={attr:"editor",typeInline:"inline",typeModal:"modal",bindingAttr:"data-zg-key",editingClass:"cell-edit-active"},n.editorControls={attr:"editor-controls",all:"all",creator:"creator",editor:n.internalColumn.recordeditor,remover:n.internalColumn.recordremover},n.batchEdit={tagName:"zg-batch-edit",dirtyClass:"cell-dirty-edit",removedClass:"row-dirty-removed",insertedClass:"row-dirty-inserted",statusMessage:"[[changesMessage]]",tokens:{changes:"changes",recordsEdited:"recordsEdited",fieldsEdited:"fieldsEdited",deleted:"deleted",inserted:"inserted",modified:"modified",messageSuffix:"Message"}},n.fullscreen={attr:"fullscreen"},n.infinite={defaultHeight:"500px",defaultInfiniteDisplay:3},n.search={threshold:250},n.sort={attr:"sort",sorter:"sorter",ascAttr:"sort-asc",descAttr:"sort-desc"},n.theme={attr:"theme"},n.template={type:{editor:"editor",renderer:"renderer",details:"details"},detailsAttr:"has-details",templateStartDelimiter:"[[",templateEndDelimiter:"]]"},n.zebra={attr:"zebra",defaultClass1:"zebra-1",defaultClass2:"zebra-2"},n.validation={fail:"FAILVALIDATION",haserror:"has-error",css:"zg-validation-error"},n.attr={action:"action",active:"active",align:"align",animate:"animate",animateEnd:"animate-end",animateStart:"animate-start",batchEdit:"batch-edit",batchEditActive:"batch-edit-active",batchEditMessage:"batch-edit-message",batchEditLongMessage:"batch-edit-long-message",buttonTooltip:"button-tooltip",class:"class",close:"close",control:"data-control-field",create:"create",datafocus:"data-focusable",editorcontrols:"editor-controls",first:"first",frozen:"frozen",frozenframe:"frozen-frame",gridlines:"gridlines",gridlinesvert:"gridlines-vertical",gridlineshorz:"gridlines-horizontal",hasText:"has-text",height:"height",hidden:"hidden",hover:"hover",icon:"icon",init:"init",internalattach:"internal-attach",internalcaption:"internal-caption",internalselector:"internal-selector",internalcardheader:"internal-card-header",internalcell:"internal-cell",internaltop:"internal-top",internalspan:"internal-span",internaldir:"internal-dir",loading:"loading",mirror:"mirror",name:"name",open:"open",options:"options",parent:"parent",placeholder:"placeholder",position:"position",role:"role",serverrender:"server-rendered",sorted:"sorted",staticscroll:"static-scroll",style:"style",tabindex:"tabindex",text:"text",theme:"theme",title:"title",tooltip:"tooltip",type:"type",value:"value",width:"width"},n.key={down:40,enter:13,up:38,space:32},n.colors={success:"#15bb1a"},n.event={afterPaint:"afterpaint",afterRender:"afterrender",checked:"checked",deselectedCells:"deselectedCells",frozenrowchange:"frozenrowchange",pagesizechange:"pagesizechange",selected:"selected",selectedCells:"selectedcells",selectedFrozenCells:"selectedfrozencells",selectedAllCells:"selectedallcells",unchecked:"unchecked",updated:"updated"},n.http={defaultMethod:"GET",defaultResponseType:"json",defaultCors:"cors"},n.store={defaultTransportType:"fetch",defaultPageSize:50,defaultCDataEscape:!0,keyField:"recordkey",tempID:"CHANGEME"},n.tokens={startAt:"[[startAt]]",page:"[[page]]",limitTo:"[[limitTo]]",sortBy:"[[sortBy]]",sortDir:"[[sortDir]]",serverMessage:"[[serverMessage]]",delim:"[["},n.tableData={headRow:"data-zg-head-row",ignoreRow:"data-zg-ignore-row",frozenRow:"data-zg-frozen-row",frozenColumn:"data-zg-frozen-column",indexValue:"data-zg-index-value"},n.iconSet={allowedTypes:{custom:["custom"],fontAwesome:["fa","fontawesome","font-awesome"]}},n.theme={typesArr:["android","black","dark","default","ios"]},n.theme.android=n.theme.typesArr[0],n.theme.black=n.theme.typesArr[1],n.theme.dark=n.theme.typesArr[2],n.theme.default=n.theme.typesArr[3],n.theme.ios=n.theme.typesArr[4],n.viewport={attr:"viewport",customAttr:"viewport-types",pauseAttr:"viewport-pause",stopAttr:"viewport-stop",mobileLabel:"mobile",tabletPortraitLabel:"tablet-portrait",tabletLandscapeLabel:"tablet-landscape",desktopLabel:"desktop",desktopLargeLabel:"desktop-large"},Object.assign(n.viewport,{mobileMax:550,tabletPortraitMax:1023,tabletLandscapeMax:1199,desktopMax:1399,desktopLargeMax:null}),n.mobile={doubleTapMS:600},n.aria={colCount:"aria-colcount",colIndex:"aria-colindex",controls:"aria-controls",disabled:"aria-disabled",expanded:"aria-expanded",hasPopup:"aria-haspopup",label:"aria-label",rowCount:"aria-rowcount",rowIndex:"aria-rowindex"},n.keys={BACKSPACE:8,TAB:9,ENTER:13,RETURN:13,SHIFT:16,CTRL:17,ALT:18,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,INSERT:45,DELETE:46},n.defaultLang="en",n.global={replaceToken:"^^^^^"};const r=n},55040:(e,t,o)=>{"use strict";o.d(t,{Z:()=>d});var n=o(37486),r=o(31769),i=o(87822);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function s(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==a(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===a(i)?i:String(i)),n)}var r,i}var l=0;const d=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e);var o=(t=t||{})._defaults||{};for(var r in delete t._defaults,o)this[r]=o[r];n.mg(this,t),this.$events={},this.initAfterRender?this.widget.on(i.Z.event.afterRender,this.init,this):this.initAfterPaint&&this.widget.on(i.Z.event.afterPaint,this.init,this)}var t,o,a;return t=e,o=[{key:"init",value:function(){}},{key:"on",value:function(e,t,o,n,r){var i=this.$events;i[e]=i[e]||[],this.attachSeed(t);var a={fn:t,scope:o,params:n||[],cancelable:r};return i[e].push(a),function(){var t=i[e];t&&a&&(a.fn=null,a.scope=null,a.params.length=0,t.splice(t.indexOf(a),1),a=null)}}},{key:"once",value:function(e,t,o){for(var n=this,r=arguments.length,i=new Array(r>3?r-3:0),a=3;a<r;a++)i[a-3]=arguments[a];var s=function o(){t.apply(n,i),n.un(e,o)};this.attachSeed(t),s.$mtFnSeed=t.$mtFnSeed,this.on(e,s,o)}},{key:"attachSeed",value:function(e){e.$mtFnSeed||(Object.defineProperty(e,"$mtFnSeed",{value:l,writable:!0}),l++)}},{key:"un",value:function(e,t,o){if(!t&&!o)throw new Error("Event name [",e,"] needs a function argument to unregister");var n=this.$events[e];if(!o){var r,i=n.length;for(r=0;r<i;r++)if(n[r].fn.$mtFnSeed===t.$mtFnSeed){o=n[r];break}}o&&(this.$events[e]=n.filter((function(e){return e!==o})),o.fn=null,o.scope=null,o.params.length=0,o=null)}},{key:"unAll",value:function(){for(var e in this.$events){var t=this.$events[e];if(t&&t.length){for(var o=0;o<t.length;o++)this.un(e,null,t[o]);t.length=0}}this.$events={}}},{key:"fire",value:function(e){for(var t=this,o=arguments.length,n=new Array(o>1?o-1:0),r=1;r<o;r++)n[r-1]=arguments[r];var i=this.$events[e];if(i){var a=!1;return n.unshift(this),i.forEach((function(o){if(null!=o&&o.fn&&(o.params&&(n=n.concat(o.params)),!(t.bDisconnect||t.widget&&t.widget.bDisconnect))){var r=o.fn.apply(o.scope||t,n,e);o.cancelable&&!1===r&&(a=!0)}})),!a}}},{key:"destroy",value:function(){var e=r.Z.get(document);if(this.docEvents)for(var t in this.docEvents)for(var o=this.docEvents[t],n=o.length,i=0;i<n;i++)e.docUn(t,o[i].fn);this.unAll&&this.unAll(),this.el&&this.el.destroy(),this.widget=null}},{key:"_show",value:function(e){e&&this.el.setXY(e),this.el._show()}},{key:"_hide",value:function(){this.el._hide()}}],o&&s(t.prototype,o),a&&s(t,a),Object.defineProperty(t,"prototype",{writable:!1}),e}()},52424:(e,t,o)=>{"use strict";o.d(t,{Z:()=>h});var n=o(37486),r=o(24706),i=o(87822);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function s(e){if("undefined"!=typeof window){var t=e.url||"",o=e.method||i.Z.http.defaultMethod,s=e.mode,l=void 0!==e.bCDataEscape?e.bCDataEscape:i.Z.store.defaultCDataEscape,d=e.oCSVOptions||{},c=e.payload||{},u=e.reload||!0,h="",f=e.body,p=e.sResponseType,g=e.sSeparator,m=e.headers||{},b=t.slice(-5).toLowerCase(),v=function(e,t){return-1==e.indexOf("?")?e+="?":"&"!==t[0]&&(t="&"+t),e+=t};m["Content-type"]=e.sRequestType,h+=function(e,t){var o,i="";if("object"===a(e)){for(o in e)if("object"!==a(e[o]))i+=o+"="+encodeURIComponent(e[o])+"&";else{var s={};s[o]=e[o];for(var l=n.iM(s,t),d=0;d<l.length;d++){var c=l[d],u=r.MU(e,c,void 0,t)||"";i+=c+"="+encodeURIComponent(u)+"&"}}""!==i&&(i=i.substring(0,i.length-1))}else i=e;return i}(c,g);var y=e.failure||null,w=e.success||null,z="file:"==window.location.protocol;"GET"===(o=o.toUpperCase())?(""!=h&&(t=v(t,h)),f=null):f?("application/json"===e.sRequestType&&(f=JSON.stringify(f)),h&&(t=v(t,h))):f="application/json"===e.sRequestType?JSON.stringify(c):h;var C={method:o,headers:m};f&&"{}"!==f&&(C.body=f),s&&(C.mode=s),fetch(t,C).then((function(e){if(z||e.status>=200&&e.status<300){if(204===e.status)return void w(null,e.status,e,t,u);var o=p||e.headers.get("Content-Type")||i.Z.http.defaultResponseType;if("json"!==(o=o.match(/(json)\b/)?"json":o.match(/(xml)\b/)?"xml":o.match(/(csv)\b/)?"csv":o.match(/(html|text)\b/)?"html":p)&&".json"===b&&(o="json"),w)switch(o){case"json":e.json().then((function(o){return w(o,e.status,e,t,u)}));break;case"xml":e.text().then((function(e){return(new window.DOMParser).parseFromString(e,"text/xml")})).then((function(o){var r=n.yZ(o,l);w(r,e.status,e,t,u)}));break;case"csv":e.text().then((function(o){var r=n.QR(o,d);w(r,e.status,e,t,u)}));break;case"html":case"text":e.text().then((function(o){return w(o,e.status,e,t,u)}));break;default:y(e,e.status,"ZingGrid: Unsupported type found in communication",t)}}else y&&e.text().then((function(o){y(e,e.status,o,t)}))})).catch((function(e){if(!y)throw e;y(null,0,"",t)}))}}var l=o(96766);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,u(n.key),n)}}function u(e){var t=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===d(t)?t:String(t)}const h=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)}var t,o,a;return t=e,(o=[{key:"onLoadDataRest",value:function(e,t){var o,n,r,i=this,a=this.widget,s={},l=null;if(this.bLoadNext&&this.sNextPathURL&&!0!==this.sNextPathURL)o=this.sNextPathURL;else if(this.bLoadPrev&&this.sPrevPathURL&&!0!==this.sPrevPathURL)o=this.sPrevPathURL;else if(n=this.userURL(t.sUrl))o=n;else{if(this.isIncrementalLoad()&&(void 0!==this.oDataFormat.sLimitToKey&&(this.oDataFormat.bStartAtValue?s[this.oDataFormat.sLimitToKey]=parseInt(a.getPageSize(),10)+1:s[this.oDataFormat.sLimitToKey]=a.getPageSize()),void 0!==this.oDataFormat.sStartAtKey&&(this.oDataFormat.bStartAtValue?this.bLoadPrev?this.aStartAtValue["page".concat(a.nCurrPageIdx)]&&(s[this.oDataFormat.sStartAtKey]='"'+this.aStartAtValue["page".concat(a.nCurrPageIdx)]+'"',this.sStartAtValue=null):this.sStartAtValue&&(this.aStartAtValue["page".concat(a.nCurrPageIdx)]=this.sStartAtValue,s[this.oDataFormat.sStartAtKey]='"'+this.sStartAtValue+'"',this.sStartAtValue=null):s[this.oDataFormat.sStartAtKey]=a.nCurrPageIdx*a.getPageSize()+1)),void 0!==this.oDataFormat.sPageKey&&(s[this.oDataFormat.sPageKey]=a.nCurrPageIdx+parseInt(this.oDataFormat.nPageBase,10)),void 0!==this.oDataFormat.sSortByKey&&void 0!==this.oDataFormat.sSortBy&&this.oDataFormat.sSortBy&&(this.oDataFormat.bAddValueQuotes&&'"'!==this.oDataFormat.sSortBy[0]?s[this.oDataFormat.sSortByKey]='"'+this.oDataFormat.sSortBy+'"':s[this.oDataFormat.sSortByKey]=this.oDataFormat.sSortBy),void 0!==this.oDataFormat.sSortDirKey&&void 0!==this.oDataFormat.sSortDir&&this.oDataFormat.sSortDir&&(s[this.oDataFormat.sSortDirKey]=this.oDataFormat.sSortDir),void 0!==this.oDataFormat.sSearchKey){var d=null;a.bHasSearchEnabled&&(a.search.oDOMInput.value.trim()||null!==a.search.getAttribute("active"))?d=a.search.oDOMInput.value.trim():void 0!==this.oDataFormat.sSearch&&this.oDataFormat.sSearch&&(d=this.oDataFormat.sSearch.trim()),d&&d.length>0&&(this.sLatestSearch=l=d,this.oDataFormat.bAddValueQuotes&&'"'!==d[0]&&(d='"'+d+'"'),s[this.oDataFormat.sSearchKey]=d)}if(this.oDataFormat.bServerFilter&&"false"!==this.oDataFormat.bServerFilter){var c=a.filter.buildFilterURL();for(var u in c)s[u]=c[u]}this.bLoadPrev&&void 0!==this.oDataFormat.sPrevIDKey&&this.sPrevID&&(s[this.oDataFormat.sPrevIDKey]=this.sPrevID),this.bLoadNext&&void 0!==this.oDataFormat.sNextIDKey&&this.sNextID&&(s[this.oDataFormat.sNextIDKey]=this.sNextID),this.sNeedsSort=this.oDataFormat.sSortBy,this.sNeedsSortDir=this.oDataFormat.sSortDir,o=this.buildURL(t),this.currentParams=s}var h={sDelimiter:t.sCSVDelimiter,sLineSeparator:t.sCSVLineSeparator,bHeader:t.bCSVHeader,bCaption:t.bCSVCaption,widget:a};t.oBody&&(r=this.getBody(t,o)),this.bLoadNext=this.bLoadPrev=!1,this.fire("loading"),this.getFN(t.sTransport)({url:o,payload:s,body:r,sRequestType:t.sRequestType,headers:t.oHeaders,method:t.sMethod,mode:t.sMode,bCDataEscape:t.bCDataEscape,oCSVOptions:h,sResponseType:t.sResponseType,sSeparator:a.sNestedDataSeparator,success:function(e,o,n){if(!l||l===i.sLatestSearch){i.bHasLoaded=!0,t.success&&t.success(e);var r={data:e,oResponse:n};i.fire("afterfetch",r),i.fire("afterloaddata",{oResponse:e,oRequest:n})}},failure:function(e,o,n){t.oErrorStatus&&i.widget&&i.widget.statusManager&&(i.parseServerMessage(t,o,n),i.widget.statusManager.setStatus(t.oErrorStatus)),t.fnFailure&&t.fnFailure.call(i,e,t),i.widget.webcomponent.style.cursor=null}})}},{key:"onModifyRecordRest",value:function(e){var t=this,o=this.getFN(e.sTransport),r=null,i=null,a=this.widget,s=a.sNestedDataSeparator,l=a.batchEditor;if(e.sFieldIndex){var d=e.sFieldIndex;"disabled"!==s&&(i=(r=d.split(s)).pop())}if("removerecord"===e.sEditMode||"updaterecord"===e.sEditMode||"updatecell"===e.sEditMode){var c=this.getURLRecordField(e.sUrl,e.sRecordIndex,e.sIdKeyValue);if(!n.Uh(c))return void(e.fnFailure&&e.fnFailure.call(this,null,e))}var u=this.buildURL(e,e.bCreate,r),h=this.buildPayload(e,u,i),f=e.sRequestType;"cors"===e.sMode&&"application/json"===f&&(f="application/x-www-form-urlencoded"),o({url:u,method:e.sMethod,headers:e.oHeaders,payload:h,mode:e.sMode,bCDataEscape:e.bCDataEscape,sRequestType:f,sResponseType:e.sResponseType,sSeparator:a.sNestedDataSeparator,success:function(o,n,r){l.bSavingBatchEdit&&e.bBatchEdit&&l.onSuccess(),e.fnCallback?e.fnCallback.call(t,e):(t.fire(e.sSuccessEvent,{options:e,response:o,request:r}),e.oStatus&&!e.bBatchEdit&&t.widget&&t.widget.statusManager&&t.widget.statusManager.setStatus(e.oStatus))},failure:function(o,n,r){e.oErrorStatus&&(t.parseServerMessage(e,n,r),!e.bBatchEdit&&t.widget&&t.widget.statusManager&&t.widget.statusManager.setStatus(e.oErrorStatus)),l.bSavingBatchEdit&&e.bBatchEdit?l.onFailure(e):e.fnFailure&&e.fnFailure.call(t,o,e),t.widget.webcomponent.style.cursor=null}})}},{key:"getFN",value:function(e){return s}},{key:"buildPayload",value:function(e,t,o){var r,i,a,s=null;if(e.oBody)s=this.getBody(e,t),e.sRecordIndex&&this.updateRecord(e.sRecordIndex,s,!0);else if(e.bSingleCell&&e.bPayload){if((s={})[o]=e.payload,"manual"===e.sRestmode&&this.oDataFormat.sIdKey){var l=this.getURLRecordField(t,e.sRecordIndex,e.sIdKeyValue);l&&(s[this.oDataFormat.sIdKey]=l)}}else if(e.bPayload){var d=e.oRecordRawData;delete(s=n.c7.copy(d)).sRESTIndex,delete s.sRecordIndex,delete s.nOriginalIndex,delete s.nRowIndex,delete s.sFrozen}else if("manual"===e.sRestmode&&this.oDataFormat.sIdKey){var c=this.getURLRecordField(t,e.sRecordIndex,e.sIdKeyValue);c&&(r={},i=this.oDataFormat.sIdKey,a=c,(i=u(i))in r?Object.defineProperty(r,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[i]=a,s=r)}return s}},{key:"getBody",value:function(e,t){var o,n={record:e.oRecordRawData},r=l.Z.setUserFunction(null,e.oBody);if(r){var i=e.oRecordRawData;!i&&e.oRecordModel&&(i=e.oRecordModel.get()),o=r.method.apply(r.oScope,[i,e.sMethod,t])}else o=JSON.parse(this.calculateTemplate(JSON.stringify(e.oBody),n));return o}},{key:"parseServerMessage",value:function(e,t,o){var a=e.oErrorStatus.msg;if(!(a.indexOf(i.Z.tokens.delim)<0)){if(e.sServerErrorPath&&o)try{var s=JSON.parse(o);o=r.MU(s,e.sServerErrorPath)}catch(e){}var l=new RegExp(n.Ld.escapeRegExp(i.Z.tokens.serverMessage),"g");a=a.replace(l,o),e.oErrorStatus.msg=a}}},{key:"userURL",value:function(e){var t=e;if(e.indexOf(i.Z.tokens.delim)<0)return!1;var o=new RegExp(n.Ld.escapeRegExp(i.Z.tokens.startAt),"g");e=e.replace(o,this.widget.nCurrPageIdx*this.widget.getPageSize()+1),o=new RegExp(n.Ld.escapeRegExp(i.Z.tokens.page),"g"),e=e.replace(o,this.widget.nCurrPageIdx+1),o=new RegExp(n.Ld.escapeRegExp(i.Z.tokens.limitTo),"g"),e=e.replace(o,this.widget.getPageSize());var r=this.oDataFormat.sSortBy||"";o=new RegExp(n.Ld.escapeRegExp(i.Z.tokens.sortBy),"g"),e=e.replace(o,r);var a=this.oDataFormat.sSortDir||"";return o=new RegExp(n.Ld.escapeRegExp(i.Z.tokens.sortDir),"g"),(e=e.replace(o,a))!==t&&e}},{key:"buildURL",value:function(e,t,o){var n=e.sUrl;if("manual"!==e.sRestmode){if(e.sRecordIndex&&!t){var r=e.sRecordIndex,a=this.getURLRecordField(n,r,e.sIdKeyValue);a&&("/"!==n.slice(-1)&&(n+="/"),n+=a)}if(o&&e.bSingleCell){var s=o.join("/");s&&("/"!==n.slice(-1)&&(n+="/"),n+=s+"/")}e.sUrlSuffix&&(n+=e.sUrlSuffix)}if(e.sQueryString&&(-1===e.sQueryString.indexOf("?")&&-1===n.indexOf("?")&&(n+="?"),n+=e.sQueryString),n.indexOf(i.Z.tokens.delim)>=0){var l={record:e.oRecordRawData};n=this.calculateTemplate(n,l,null,!0)}return n}},{key:"getURLRecordField",value:function(e,t,o){var n=this.oDataFormat.sIdKey,r=this.oLocalModel[t].model.get();return o||(/firebaseio/.test(e)||!this.bIsRawDataArray?r.sRESTIndex:r[n])}}])&&c(t.prototype,o),a&&c(t,a),Object.defineProperty(t,"prototype",{writable:!1}),e}()},96766:(e,t,o)=>{"use strict";o.d(t,{Z:()=>x});var n=o(37486),r=o(24706),i=o(12905),a=o(55040);function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function l(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==s(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===s(i)?i:String(i)),n)}var r,i}const d=function(){function e(t,o,i){var a,s=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),o=o||null,this.sSeparator=i,null===o&&(o=n.kJ(t)?[]:{},Object.keys(t).forEach((function(e){var n=t[e],i=null;"number"===n&&(i=0),"string"===n&&(i=""),"array"===n&&(i=[]),r.P_(o,e,i,s.sSeparator)}))),a=o;var l={},d={},c=n.iM(a,this.sSeparator);c.forEach((function(e){var t=r.MU(a,e,void 0,s.sSeparator),o=n.gg(t);l[e]={rawData:t},d[e]=o})),this.oRecordModel=l,this.oRecordRawData=a,this.oFieldSchema=d,this.aLeafFieldIndex=c}var t,o,i;return t=e,(o=[{key:"get",value:function(e){return n.o8(e)?this.oRecordRawData:this.oRecordModel[e]?this.oRecordModel[e].rawData:this.oRecordRawData[e]?this.oRecordRawData[e]:r.MU(this.oRecordRawData,e,void 0,this.sSeparator)}},{key:"set",value:function(e,t){(this.oRecordModel[e]||""!==t)&&(this.oRecordModel[e]=this.oRecordModel[e]||{},r.P_(this.oRecordRawData,e,t,this.sSeparator),this.oRecordModel[e].rawData=t)}},{key:"setDirty",value:function(e){this.oRecordModel[e].bDirty=!0}},{key:"setNoDirty",value:function(e){this.oRecordModel[e].bDirty=!1}},{key:"isDirty",value:function(e){if(this.oRecordModel[e])return!0===this.oRecordModel[e].bDirty}}])&&l(t.prototype,o),i&&l(t,i),Object.defineProperty(t,"prototype",{writable:!1}),e}();var c={};function u(e){return c[e]}function h(e,t){c[e]=t}function f(e){return firebase?!!e.sCollection||(n.Aq('The zg-param, [name="collection"] must be set in order to use the FirebaseSDK adapter'),!1):(n.Aq("Firebase SDK must be included on the client"),!1)}h("firebaseRead",(function(e,t){if(f(t)){var o=firebase.firestore();if(!t.bSubscription)return new Promise((function(e,n){o.collection(t.sCollection).get().then((function(t){var o={};t.docs.forEach((function(e){o[e.id]=e.data()})),e(o)})).catch(n)}));!function(e,t,o){var n=e.grid.widget,r=!1,i=o.collection(t.sCollection).onSnapshot((function(t){if(n.bDisconnect)i();else{var o=t.docChanges(),a={};o.forEach((function(e){"added"==e.type?r?n.store.insertRecord(e.doc.data(),void 0,e.doc.id,!0):a[e.doc.id]=e.doc.data():"removed"==e.type?n.removeRow(e.doc.id,!0,void 0,!0):"modified"==e.type&&n.updateRow(e.doc.data(),e.doc.id,!0)})),r||e.callback(a),r=!0}}))}(e,t,o)}})),h("firebaseCreate",(function(e,t,o){f(o)&&firebase.firestore().collection(o.sCollection).add(e).then((function(e){t.callback(e.id)}))})),h("firebaseUpdateRow",(function(e,t,o,n){f(n)&&firebase.firestore().collection(n.sCollection).doc(e).update(t).then((function(e){o.callback({bServerOnly:n.bSubscription})}))})),h("firebaseUpdateCell",(function(e,t,o,n){f(n)&&firebase.firestore().collection(n.sCollection).doc(e).update(t).then((function(e){n.bSubscription||o.callback()}))})),h("firebaseDelete",(function(e,t,o,n){f(n)&&firebase.firestore().collection(n.sCollection).doc(e).delete().then((function(e){o.callback({bServerOnly:n.bSubscription})}))}));var p=o(87822),g=o(19791),m=o(1009);function b(e){return function(e){if(Array.isArray(e))return v(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return v(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return v(e,t)}(e)||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 v(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function w(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==y(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==y(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===y(i)?i:String(i)),n)}var r,i}function z(e,t){return z=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},z(e,t)}function C(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=S(e);if(t){var r=S(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===y(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function S(e){return S=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},S(e)}var k=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&z(e,t)}(c,e);var t,a,s,l=C(c);function c(e){var t;if(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,c),(e=e||{})._defaults={bHasLoaded:!1},(t=l.call(this,e)).bNeedsLoad=!1,t.sStartAtValue=null,t.aStartAtValue={},t.nOriginRecordCount=0,t.debounceTime=null,"undefined"!=typeof window){var r=o(52424).Z;n.go(t.constructor.prototype,r.prototype)}return t.init(),t}return t=c,(a=[{key:"init",value:function(){this.setDefaults(),this.aOrderedData=[],this.aUnseenRecordIndex=[],this.ons()}},{key:"setDefaults",value:function(){var e=this,t={oDefaultCreateDataRequest:{method:"post",bCreate:!0,bPayload:!0,bSingleCell:!1},oDefaultUpdateDataRecordRequest:{method:"put",nonRestMethod:"post",bCreate:!1,bPayload:!0,bSingleCell:!1},oDefaultUpdateDataFieldRequest:{method:"patch",nonRestMethod:"post",bSingleCell:!0,bCreate:!1,bPayload:!0},oDefaultDeleteDataRequest:{method:"delete",nonRestMethod:"post",bPayload:!1,bCreate:!1,bSingleCell:!1},oDefaultReadDataRequest:{method:"get"}};Object.keys(t).forEach((function(o){var n=t[o];e[o]={sUrl:void 0,sUrlSuffix:void 0,sMethod:n.method,sNonRestMethod:n.nonRestMethod,sTransport:p.Z.store.defaultTransportType,oHeaders:void 0,sQueryString:void 0,sMode:void 0,bCDataEscape:void 0,oBody:void 0,bExclude:!1,bSingleCell:n.bSingleCell,bPayload:n.bPayload,bCreate:n.bCreate,sRequestType:"application/json",sResponseType:void 0,sDataType:void 0,sRestmode:"auto",sServerErrorMessage:void 0,sServerErrorPath:void 0,sCSVDelimiter:void 0,sCSVLineSeparator:void 0,bCSVHeader:void 0,bCSVCaption:void 0,bTableHide:void 0,oTableHead:void 0,sTableDataFormat:void 0,sTableHeadFormat:void 0}})),this.oDefaultDataFormat={sRecordPath:void 0,sNodePath:void 0,sHasNextPath:void 0,sHasPrevPath:void 0,sNextPath:void 0,sPrevPath:void 0,sNextIDPath:void 0,sPrevIDPath:void 0,sNextIDKey:void 0,sPrevIDKey:void 0,sIdKey:"id",sNewIndexPath:"",sAdapter:"",sSearchKey:void 0,sSearch:void 0,bServerFilter:void 0,sSortByKey:void 0,sSortBy:"",sSortDirKey:void 0,sSortDir:"",sStartAtKey:void 0,sLimitToKey:void 0,sPageKey:void 0,sCountPath:"totalCount",sCountHeader:void 0,bLoadByPages:!1,bLoadByScroll:!1,bCursor:!1,bStartAtValue:!1,nPageBase:1,bAddValueQuotes:!1,sCollection:void 0,bSubscription:!1,sBatchEditStatus:void 0,sCreateCustomFunction:void 0,sReadCustomFunction:void 0,sUpdateCellCustomFunction:void 0,sUpdateRowCustomFunction:void 0,sDeleteCustomFunction:void 0,sDataType:void 0,bResetOnDataChange:!0},this.oDataFormat={},this.oDataRequest={createOptions:{},readOptions:{},updateOptions:{row:{},cell:{}},deleteOptions:{}},this.templateStartDelimiter=p.Z.template.templateStartDelimiter,this.templateEndDelimiter=p.Z.template.templateEndDelimiter,this.initModel()}},{key:"setOptions",value:function(e,t){var o=e||{};if(t)for(var n in t)t.hasOwnProperty(n)&&(o[n]=t[n]);return this.widget.webcomponent.oDOMData&&(o=this.widget.webcomponent.oDOMData.setOptions(o)),o}},{key:"updateConfig",value:function(e,t){var o=!1;if((t||e.src&&this.oDataRequest.sUrl&&this.oDataRequest.sUrl!==e.src)&&(this.dumpDataRequest(),this.widget.dumpMapping(),this.dumpModel(),this.widget.nCurrPageIdx=this.widget.nAdjustedStart=0),e.adapter&&this.setAdapters(e.adapter,e),this.updateDataRequest(e),e.data&&this.setData(e.data),void 0!==e.cursor&&e.cursor!==this.oDataFormat.bCursor&&this.widget.bAPIReady&&(o=!0),this.updateDataFormat(e),o){var n=this.widget.webcomponent;n.oTopPager&&n.oTopPager._updateContents&&n.oTopPager._updateContents(),n.oBottomPager&&n.oBottomPager._updateContents&&n.oBottomPager._updateContents()}this.mDataSchema=e.schema||this.mDataSchema}},{key:"updateDataFormat",value:function(e){this.setDataFormatValues(this.oDataFormat,e,this.oDefaultDataFormat),this.oDataFormat.bLoadByScroll&&(this.widget.webcomponent._activateLoadByScroll(),this.widget.scroller.ons())}},{key:"updateDataRequest",value:function(e){e.updateOptions=e.updateOptions||{},e.updateOptions.row=e.updateOptions.row||e.updateRowOptions,e.updateOptions.cell=e.updateOptions.cell||e.updateCellOptions,e.bodyMethodSuffix&&this.updateBodies(e),this.updateDataRequestConfig(e,this.oDataRequest),this.oDataRequest.createOptions=this.updateDataRequestConfig(e.createOptions,this.oDataRequest.createOptions,this.oDefaultCreateDataRequest,e,"create"),this.oDataRequest.readOptions=this.updateDataRequestConfig(e.readOptions,this.oDataRequest.readOptions,this.oDefaultReadDataRequest,e,"read"),this.oDataRequest.updateOptions.row=this.updateDataRequestConfig(e.updateOptions.row,this.oDataRequest.updateOptions.row,this.oDefaultUpdateDataRecordRequest,e,"updateRow"),this.oDataRequest.updateOptions.cell=this.updateDataRequestConfig(e.updateOptions.cell,this.oDataRequest.updateOptions.cell,this.oDefaultUpdateDataFieldRequest,e,"updateCell"),this.oDataRequest.deleteOptions=this.updateDataRequestConfig(e.deleteOptions,this.oDataRequest.deleteOptions,this.oDefaultDeleteDataRequest,e,"delete")}},{key:"updateBodies",value:function(e){var t=e.bodyMethodSuffix;["create","read","updateRow","updateCell","delete"].forEach((function(o){e["".concat(o,"Body")]||(e["".concat(o,"Body")]="".concat(o).concat(t))}))}},{key:"updateDataRequestConfig",value:function(e,t,o,r,i){var a,s=o;return!1!==e&&"false"!==e&&(e=e||{},r&&["Body","Method","Src"].forEach((function(t){var o="".concat(i).concat(t);r[o]&&(e[t.toLowerCase()]=r[o])})),o!==this.oDataRequest&&(a=this.oDataRequest,(s=n.$R({},a,o)).oHeaders=n.$R({},a.oHeaders,o?o.oHeaders:o),void 0===s.oBody&&(a.oBody||o&&o.oBody)&&(s.oBody=n.$R({},a.oBody,o?o.oBody:o))),this.processURLConfig(e,t),this.setDataRequestValue(t,e,s),"manual"===t.sRestmode&&(e.method||a.sMethod||!s.sNonRestMethod||(t.sMethod=s.sNonRestMethod,t.sMethod!==s.sMethod&&(t.oHeaders=t.oHeaders||{},t.oHeaders["X-HTTP-Method-Override"]=s.sMethod))),t)}},{key:"setAdapters",value:function(e,t){if(c.aAdapters[e]){var o=c.aAdapters[e];this.widget.bHasSorterEnabled&&this.isIncrementalLoad(t)&&"firebase"===e&&(n.Aq("Firebase does not support server side sorting."),this.widget.webcomponent.sort=!1),this.setDataFormatValues(this.oDefaultDataFormat,o,null),this.setDataRequestValue(this.oDataRequest,o,null)}}},{key:"setDataRequestValue",value:function(e,t,o){n.nn(e,{sUrl:e.sUrl||t.src,sUrlSuffix:e.sUrlSuffix||t.urlSuffix,sTransport:t.transport,sMethod:t.method,sRestmode:t.restmode,oHeaders:t.headers,sQueryString:t.queryString,sMode:t.mode,oBody:t.body,bExclude:t.exclude,sRequestType:t.requestType,sResponseType:t.responseType,sDataType:t.dataType,bCDataEscape:t.cdataEscape,sServerErrorMessage:t.serverErrorMessage,sServerErrorPath:t.serverErrorPath,sCSVDelimiter:t.csvDelimiter,sCSVLineSeparator:t.csvLineSeparator,bCSVHeader:t.csvHeader,bCSVCaption:t.csvCaption,bTableHide:t.tableHide,oTableHead:t.tableHead,sTableDataFormat:t.tableDataFormat,sTableHeadFormat:t.tableHeadFormat},o)}},{key:"setDataFormatValues",value:function(e,t,o){n.nn(e,{sRecordPath:t.recordPath,sNodePath:t.nodePath,sNextPath:t.nextPath,sPrevPath:t.prevPath,sHasNextPath:t.hasNextPath,sHasPrevPath:t.hasPrevPath,sNextIDPath:t.nextIDPath,sPrevIDPath:t.prevIDPath,sNextIDKey:t.nextIDKey,sPrevIDKey:t.prevIDKey,sIdKey:t.idKey,sNewIndexPath:t.newIndexPath,sAdapter:t.adapter,sSearchKey:t.searchKey,sSearch:t.search,bServerFilter:t.serverFilter,sSortByKey:t.sortByKey,sSortBy:t.sortBy,sSortDirKey:t.sortDirKey,sSortDir:t.sortDir,sStartAtKey:t.startAtKey,bStartAtValue:t.startAtValue,sLimitToKey:t.limitToKey,sPageKey:t.pageKey,sCountPath:t.countPath,sCountHeader:t.countHeader,bCursor:t.cursor,bLoadByPages:!!t.loadByPage,bLoadByScroll:!!t.loadByScroll,nPageBase:t.pageBase,bAddValueQuotes:t.addValueQuotes,sCollection:t.collection,bSubscription:t.subscription,sBatchEditStatus:t.batchEditStatus,sCreateCustomFunction:t.createCustomFunction,sReadCustomFunction:t.readCustomFunction,sUpdateCellCustomFunction:t.updateCellCustomFunction,sUpdateRowCustomFunction:t.updateRowCustomFunction,sDeleteCustomFunction:t.deleteCustomFunction,sDataType:t.dataType,bResetOnDataChange:t.resetOnDataChange},o),this.setCustomFunctions(e)}},{key:"setCustomFunctions",value:function(e){var t=this;["Create","Read","UpdateCell","UpdateRow","Delete"].forEach((function(o){var n="s".concat(o,"CustomFunction"),r="fnCustom".concat(o);e[n]&&(e[r]=c.setUserFunction(u,e[n]),null===e[r]&&(t.bCustomUndefined=!0))}))}},{key:"processURLConfig",value:function(e,t){var o="",n=e.src||t.sUrl;e.src&&!e.urlSuffix&&(".JSON"==(n=n.trim()).slice(-5).toUpperCase()?(n=n.slice(0,-5),o=".json"):/firebaseio/.test(n)&&("/"!==n.slice(-1)&&(n+="/"),o=".json"),t.sUrl=n,t.sUrlSuffix=o)}},{key:"ons",value:function(){var e=this,t=this.widget;this.on("loaddata",this.onLoadDataRest),this.on("afterinsert",(function(o,i){var a,s,l,d;if(e.oDataFormat.bLoadByScroll&&e.bHasDataSource)e.reload();else{if(i.response){var c=i.response;if((n.kJ(c)||n.Kn(c)&&e.oDataFormat.sRecordPath)&&(n.Kn(c)&&e.oDataFormat.sRecordPath&&(c=r.MU(c,e.oDataFormat.sRecordPath,void 0,e.widget.sNestedDataSeparator)),c)){s=i.options.sRecordIndex;var u=e.oLocalModel[s],h=u?u.nRowIndex:"";return e.clearForReload(),e.manageLoadResponse(i.response,i.request,c,"afterinsertrecord"),void e.fire("afterinsertrecord",{nRowIndex:h,oLocalModel:u})}a=e.getUnseenRecordIndexResponse(i.response),s=i.options.sRecordIndex,d=c,l=i.options.oBody,i=i.options||i}else{if((i=i.options).bBatchEdit&&e.oDataFormat.bSubscription)return void t.dirtyManager.revert(i.sRecordIndex);a=i.sUnseenRecordIndex,s=i.sTempRecordIndex,i.oStatus&&(t.batchEditor.bSavingBatchEdit?(t.batchEditor.onSuccess(),a=s=i.sRecordIndex):e.widget&&e.widget.statusManager&&e.widget.statusManager.setStatus(i.oStatus))}if(s){var f=e.oLocalModel[a]=e.oLocalModel[s];t.dirtyManager.setNoDirty(a),e.aRecordIndex[e.aRecordIndex.indexOf(s)]=a;var p=f.nRowIndex,g=f.model.get();g.sRESTIndex=a,g.sRecordIndex=a,g.nRowIndex=p,d&&n.Kn(d)&&Object.keys(d).forEach((function(t){"name"!==t&&e._updateCell(a,t,d[t])})),e.bIsRawDataArray&&e.oDataFormat.sIdKey&&(g[e.oDataFormat.sIdKey]||e.oLocalModel[a].model.set(e.oDataFormat.sIdKey,a)),t.aRowMapping[p].sRecordIndex=a,("end"!==i.sRecordLocation||i.sFrozen)&&(p=e.moveRow(s,i.sRecordLocation,i.sFrozen),g.nRowIndex=p),e.aOrderedData.push(g),t.bHasSorterEnabled&&t.sorter.aOriginalRowMappingOrder.length&&t.sorter.aOriginalRowMappingOrder.push(a),s!==a&&delete e.oLocalModel[s],e.updateDataProperty(),l?e.reload():i.bPrepopulated||i.bBatchEdit?e.widget.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},p):i.bBatchEdit||(e.widget.update(void 0,void 0,void 0,!0),"end"===i.sRecordLocation?t.lastPage():"start"===i.sRecordLocation&&t.firstPage()),e.fire("afterinsertrecord",{nRowIndex:p,oLocalModel:f,bBatchEdit:i.bBatchEdit})}}})),this.on("afterremoverecord",(function(t,o,n){var r=e.widget;if(o.options&&(o=o.options),e.oDataFormat.bLoadByScroll&&e.bHasDataSource)e.reload();else if(o.oStatus&&!e.bHasDataSource&&(r.batchEditor.bSavingBatchEdit?r.batchEditor.onSuccess():e.widget&&e.widget.statusManager&&e.widget.statusManager.setStatus(o.oStatus)),!(e.oDataFormat.bSubscription&&n&&n.bServerOnly)){var i=o.sRecordIndex;e.nRecordCount--,e.nOriginRecordCount&&e.nOriginRecordCount--;var a=e.oLocalModel[i].nRowIndex,s=e.oLocalModel[i].sFrozen;if(e.oLocalModel[i]=null,delete e.oLocalModel[i],e.aOrderedData.length){var l=e.aOrderedData.findIndex((function(e){return e&&e.sRecordIndex===i}));-1!==l&&e.aOrderedData.splice(l,1)}var d=r.aRowMapping,c=!1;r.bUpdatingFrozen=!0,"top"===s?(d=r.aTopRowMapping,r.webcomponent.frozenRowsTop--,c=!0):"bottom"===s&&(d=r.aBottomRowMapping,r.webcomponent.frozenRowsBottom--,c=!0),r.bUpdatingFrozen=!1,d.splice(a,1);var u=r.getCurrPageIdx(),h=r.getPageCount();if(u>=h&&h>0&&r.setCurrPageIdx(u-1),r.bHasSorterEnabled){var f=r.sorter.aOriginalRowMappingOrder,p=f.indexOf(i);f.splice(p,1)}d.forEach((function(t,o){var n=t.sRecordIndex;t.sGroupRecordIndex||e.updateRecordMapping(d,n,o)})),r.savedScrollVal=r.oDOMMainScroll.scrollLeft,c&&r.updater.clearCache(),r.update(),e.updateDataProperty();var g=e.widget.deleteSE;"cell"===g.sContextLevel&&requestAnimationFrame((function(){return g.select(!0)}))}})),this.on("afterupdaterecord",(function(t,o,i){var a=e.widget,s=o.response;o.options&&(o=o.options);var l=o.sRecordIndex,d=o.aChangedFieldIndex;if(o.oStatus&&!e.bHasDataSource&&(a.batchEditor.bSavingBatchEdit?a.batchEditor.onSuccess():a&&e.widget.statusManager&&e.widget.statusManager.setStatus(o.oStatus)),!(e.oDataFormat.bSubscription&&i&&i.bServerOnly)){if(d.forEach((function(e){a.dirtyManager.setNoDirty(l,e)})),s&&(n.kJ(s)||n.Kn(s)&&e.oDataFormat.sRecordPath)&&(n.Kn(s)&&e.oDataFormat.sRecordPath&&(s=r.MU(s,e.oDataFormat.sRecordPath,void 0,e.widget.sNestedDataSeparator)),s))return e.clearForReload(),void e.manageLoadResponse(o.response,o.request,s,"updatecomplete");s&&n.Kn(s)&&Object.keys(s).forEach((function(t){"name"!==t&&e._updateCell(l,t,s[t])}));var c=e.widget.getDataRowIndexByRecordIndex(l,e.oLocalModel[l].sFrozen);o.bNoRefresh||e.widget.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},c),e.updateDataProperty(),window.setImmediate((function(){e.fire("updatecomplete",o.oRefocus)}))}})),this.on("afterupdatecell",(function(t,o){var n=e.widget;o.options&&(o=o.options);var r=o.sRecordIndex,i=o.sFieldIndex;n.dirtyManager.setNoDirty(r,i),o.oStatus&&!e.bHasDataSource&&e.widget&&e.widget.statusManager&&e.widget.statusManager.setStatus(o.oStatus);var a=e.widget.getDataRowIndexByRecordIndex(r,e.oLocalModel[r].sFrozen);n.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},a),e.updateDataProperty(),window.setImmediate((function(){e.widget&&n.fire("afterupdatecellrender",o)}))})),this.on("afterloaddata",(function(t,o){var n=o.oResponse;e.manageLoadResponse(n,o.oRequest)}))}},{key:"manageLoadResponse",value:function(e,t,o){var n=this.widget;if(this.oDataFormat.bLoadByScroll&&!e)n.bInfiniteMaxReached=!0;else{var i=void 0!==o;if(o=o||r.MU(e,this.oDataFormat.sRecordPath,void 0,n.sNestedDataSeparator)||{},this.oDataFormat.bLoadByPages&&(this.oLocalModel={},this.aOrderedData=[],this.aRecordIndex=[],n.dumpRowMapping()),this.oLocalModel=this.preprocess(o),e){var a=this.oDataFormat.sCountPath;if(this.oDataFormat.sCountHeader)this.setOriginRecordCount(t.getResponseHeader(this.oDataFormat.sCountHeader));else{var s=r.MU(e,a,void 0,n.sNestedDataSeparator);i&&this.nOriginRecordCount&&!s&&(s=o.length),this.setOriginRecordCount(s||this.nOriginRecordCount)}}}this.calculatePath("Next",e),this.calculatePath("Prev",e),this.fire("loaded")}},{key:"getUnseenRecordIndexResponse",value:function(e){var t="",o=this.oDataFormat.sNewIndexPath;return o?t=r.MU(e,o,void 0,this.widget.sNestedDataSeparator):"object"===y(e)&&this.oDataFormat.sIdKey?(t=e[this.oDataFormat.sIdKey])||(t=e.name):t=e,t}},{key:"calculatePath",value:function(e,t){if(t){var o=null,n=this.oDataFormat["s".concat(e,"Path")],i=this.oDataFormat["s".concat(e,"IDPath")],a=this.oDataFormat["sHas".concat(e,"Path")],s=!0,l=this.widget;if(void 0!==a&&(s=r.MU(t,a,void 0,l.sNestedDataSeparator)),s&&void 0!==n)o=r.MU(t,n,void 0,l.sNestedDataSeparator);else if(s&&void 0!==i){var d=r.MU(t,i,void 0,l.sNestedDataSeparator);d&&(this["s".concat(e,"ID")]=d,o=!0)}else o=null;this["s".concat(e,"PathURL")]=o}else this["s".concat(e,"PathURL")]=null}},{key:"setData",value:function(e){var t,o=this;if(""===e)t=[];else if(null==e)t=null;else if("object"===y(e)&&e.tagName&&"table"===e.tagName.toLowerCase())this.widget.webcomponent.bReady?(t=this.setTableData(null,e),e.style.display="none"):this.bNeedsData=!0;else if(n.kJ(e)||n.Kn(e))t=e;else{var r,i=this.oDataRequest.sDataType||this.oDataRequest.sResponseType;if(i)i=i.match(/(json)\b/)?"json":i.match(/(xml)\b/)?"xml":i.match(/(csv)\b/)?"csv":i.match(/(html|text)\b/)?"html":i;else{var a=this.detectType(e);t=a.oData,i=a.type,r=a.err}if(!t)if(!this.widget.webcomponent.bReady&&i)this.bNeedsData=!0;else if("csv"===i)t=this.setCSVData(e);else if("xml"===i)t=this.setXMLData(e);else if("html"===i)t=this.setTableData(e);else if(r){var s="Error: There was an issue with data's value:\n".concat(r);console.error("Uncaught ".concat(s));var l={icon:"error",state:"error",msg:s};setTimeout((function(){o.widget&&o.widget.statusManager&&o.widget.statusManager.setStatus(l)}),0)}}return this.data=t,this.bNeedsLoad=!0,this.data}},{key:"detectType",value:function(e){var t=this.oDataRequest,o={};try{var r=e.replace(/\n/g,"");o.oData=JSON.parse(r)}catch(r){if((t.sCSVLineSeparator||t.sCSVDelimiter||t.bCSVHeader||t.bCSVCaption)&&(o.type="csv"),!o.type){var i=(new window.DOMParser).parseFromString(e,"text/xml");i&&i.documentElement&&"html"!==i.documentElement.nodeName&&(o.type="xml")}if(!o.type)try{document.querySelector(e)&&(o.type="html")}catch(e){}if(!o.type){var a=n.QR(e,{widget:this.widget});a&&n.kJ(a)&&a.length&&(o.oData=a)}o.type||o.oData||(o.err=r)}return o}},{key:"setCSVData",value:function(e){var t=this.oDataRequest,o={sDelimiter:t.sCSVDelimiter,sLineSeparator:t.sCSVLineSeparator,bHeader:t.bCSVHeader,bCaption:t.bCSVCaption,widget:this.widget};return n.QR(e,o)}},{key:"setXMLData",value:function(e){var t=(new window.DOMParser).parseFromString(e,"text/xml");return n.yZ(t,this.oDataRequest.bCDataEscape)}},{key:"setTableData",value:function(e,t){var o;try{if(t||(t=document.querySelector(e)),t){this.oDataRequest.widget=this.widget;var r=n.g8(t,this.widget.webcomponent);if(r&&this.oOptions){for(var i in r)this.oOptions[i]=r[i];this.updateConfig(this.oOptions)}o=n.AA(t,this.oDataRequest),!0!==this.oDataRequest.bTableHide&&"true"!==this.oDataRequest.bTableHide||(t.style.display="none")}}catch(e){}return o}},{key:"loadData",value:function(e,t,o,n){var r=this.oOptions=this.setOptions(e,t);for(var i in o=o||{})r[i]=o[i];this.updateConfig(r,n),this.widget.bAPIReady?this.reload():this.bNeedsLoad=!0}},{key:"debounceLoadData",value:function(e,t,o,n){var r=this,i=this.debounceTime=setTimeout((function(){i===r.debounceTime&&(r.debounceTime=null,r.widget&&!r.widget.bDisconnect&&r.loadData(e,t,o,n))}),50)}},{key:"reload",value:function(e,t){this.activateReload(e,t)}},{key:"clearForReload",value:function(){var e=this.widget;e.fire("rowdeselect"),e.dumpMapping(),this.dumpModel(),this.bLightReload&&(this.nSavePageIdx=e.nCurrPageIdx),e.nCurrPageIdx=e.nAdjustedStart=0,e.updater.clearStyle()}},{key:"activateReload",value:function(e,t){var o=this,n=this.widget;if(this.bHasLoaded=!1,t&&(!1===this.oDataFormat.bResetOnDataChange||"false"===this.oDataFormat.bResetOnDataChange)){this.bLightReload=!0;var r=!1;n.once(p.Z.event.updated,(function(){o.bLightReload=!1,r||(r=!0,n.stateManager.setFilter(n.stateManager.oFilter))}))}n.statusManager&&n.statusManager.closeStatus(),n.search&&!this.bLightReload&&n.search.clearSearch(),this.oDataFormat.sSortBy&&this.widget.oDOMSortedColumn?this.widget.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader.onSort(null,null,"none"):(n.batchEditor.isActive()&&!n.batchEditor.bSavingBatchEdit&&n.batchEditor.completeCancel(void 0,!0),this.clearForReload(),this.debounceTime&&!e||this.load(e))}},{key:"load",value:function(e){var t=this,o=this.widget,i=o.webcomponent;if(this.bCustomUndefined&&(this.bCustomUndefined=!1,this.setCustomFunctions(this.oDataFormat)),this.bNeedsData&&i.data&&this.setData(i.data),this.bHasLoaded=!1,this.isIncrementalLoad()&&i.frozenRowsBottom&&(n.Aq("Frozen bottom rows is not supported with incremental data loading"),i.frozenRowsBottom=0),this.bHasDataSource&&!e){var a=n.c7.copy(this.oDataRequest.readOptions||{}),s=a.sServerErrorMessage;s||(s=a.sServerErrorPath?p.Z.tokens.serverMessage:g.default.get("dialog.read.errorMsg",this.widget));var l={icon:"error",state:"error",msg:s};a.oErrorStatus=l,a.fnFailure=function(){return t.fire("loaded")},this.fire("loaddata",a)}else if(o.bPreloaded||this.dumpModel(!0),!e&&this.oDataFormat.fnCustomRead){var d=this.oDataFormat.fnCustomRead,c=function(e){t.oLocalModel=t.preprocess(e),t.finishLoad()},u={callback:c,grid:o.webcomponent},h=d.method.apply(d.oScope,[u,this.oDataFormat]);h&&h.then(c).catch((function(e){if(t.widget.statusManager){var r={icon:"error",state:"error",msg:g.default.get("dialog.recordInfo.errorMsg",o)};o.statusManager.setStatus(r),n.Aq(e)}}))}else{e=e||this.data;var f=r.MU(e,this.oDataFormat.sRecordPath,void 0,o.sNestedDataSeparator)||{};this.oLocalModel=this.preprocess(f),this.finishLoad(),this.getOriginRecordCount()||o.getRowCount()||o.aTopRowMapping.length||o.aBottomRowMapping.length||this.finishNoData()}}},{key:"finishLoad",value:function(e){this.bHasLoaded=!0,e||this.widget.bDisconnect||(this.fire("loading"),this.fire("loaded"))}},{key:"finishNoData",value:function(){var e=this.widget,t=e.webcomponent;t.oDOMNodata&&t.oDOMNodata.updateInfo(),e.bAPIReady=!0,this.finishLoad(!0),e.fire("apiready")}},{key:"resetRowMapping",value:function(){var e=this.widget;e.aRowMapping.length=0,this.aOrderedData.forEach((function(t,o){e.updateRowMapping(e.aRowMapping,o,{sRecordIndex:t.sRecordIndex})}))}},{key:"filter",value:function(e,t){var o=this;this.widget.aRowMapping.length=0,t=""+t;var n=this.aOrderedData.filter((function(o){var n=""+o[e];return o[e]&&-1!==n.toLowerCase().indexOf(t.toLowerCase())}));this.widget.fire("roworderchange"),n.forEach((function(e,t){o.widget.updateRowMapping(o.widget.aRowMapping,t,{sRecordIndex:e.sRecordIndex})})),this.widget.bodyUpdate()}},{key:"unsetSort",value:function(){this.aOrderedData.sort((function(e,t){return e.nOriginalIndex<t.nOriginalIndex?-1:1}))}},{key:"preprocess",value:function(e){var t=this,o=this.widget;e=e||{};var i,a=this.oLocalModel,s=[],l=[],c=this.aRecordIndex,u=this.bIsRawDataArray=n.kJ(e),h=this.mFieldStructure,f=this.aLeafFieldIndex,p=0,g=o.sNestedDataSeparator;return u?i=e.length&&n.kJ(e[0])?(e=e.map((function(e){return e.slice(0)}))).map((function(e){return e.slice(0)})):(e=e.map((function(e){return t.oDataFormat.sNodePath&&(e=r.MU(e,t.oDataFormat.sNodePath,void 0,g)),"string"==typeof e?{0:e}:n.RH({},e)}))).map((function(e){return n.RH({},e)})):(e=n.RH({},e),i=n.RH({},e)),this.updateDataProperty(i),Object.keys(e).forEach((function(r){var i={},m=e[r];if(null!==m){var b=n.kJ(m),v=new d(t.mDataSchema,m,g);i.model=v,i.nCellDirty=0;for(var y=v.aLeafFieldIndex,w=v.oFieldSchema,z=0,C=y.length;z<C;z++){var S=y[z];-1===f.indexOf(S)&&(l.push(S),t.nFieldDepth="disabled"!==g?Math.max(S.split(g).length,t.nFieldDepth):Math.max(1,t.nFieldDepth),h=h||(b?[]:{}),b?h.push(w[S]):h[S]=w[S],f.push(S))}m.sRESTIndex=r,u&&(r=o.createRecordIndex()),c.push(r),s.push(r),m.sRecordIndex=r,m.nOriginalIndex=t.aOrderedData.length,t.aOrderedData.push(m),a[r]=i}else p++})),this.nRecordCount+=s.length,this.aUnseenRecordIndex=s,this.aUnseenFieldIndex=l,this.sNeedsSort&&(this.sortUnseen(p),this.sNeedsSort=!1),this.isIncrementalLoad()&&!this.oDataFormat.bStartAtValue&&s.length+p<o.getPageSize()&&(o.bInfiniteMaxReached=!0),this.mFieldStructure=h,this.mDataSchema||(this.mDataSchema=h),this.aLeafFieldIndex=f,o.bGroupBy&&o.groupbyManager.groupBy(o.aGroupBy,this.aOrderedData),a}},{key:"moveRow",value:function(e,t,o){var n,r,i=this.widget,a=this.oLocalModel[e],s=a.nRowIndex,l=a.sFrozen,d=!1,c=i.getRowMappingByFrozen(l),u=c;i.bUpdatingFrozen=!0,"top"===l?(r="top",i.webcomponent.frozenRowsTop--,d=!0):"bottom"===l&&(r="bottom",i.webcomponent.frozenRowsBottom--,d=!0),"start"===t?n=0:"number"==typeof t?(n=t,"top"===o?(r="top",u=i.aTopRowMapping,i.webcomponent.frozenRowsTop++,d=!0):"bottom"===o&&(r="bottom",u=i.aBottomRowMapping,i.webcomponent.frozenRowsBottom++,d=!0)):"top"===t?(r="top",u=i.aTopRowMapping,i.webcomponent.frozenRowsTop||(i.webcomponent.frozenRowsTop=0),n=i.webcomponent.frozenRowsTop,i.webcomponent.frozenRowsTop++,d=!0):"bottom"===t?(r="bottom",u=i.aBottomRowMapping,i.webcomponent.frozenRowsBottom||(i.webcomponent.frozenRowsBottom=0),i.webcomponent.frozenRowsBottom++,n=0,d=!0):"body"===t?(u=i.aRowMapping,"top"===l?n=0:"bottom"===l&&(n=i.aRowMapping.length)):n=c.length-1,i.bUpdatingFrozen=!1,n=+n;var h=c.splice(s,1);return u.splice(n,0,h[0]),this.refreshAllRecordMapping(),d&&(i.updater.clearCache(),i.update(),i.fire(p.Z.event.frozenrowchange,r)),"body"===t&&("top"===l?i.firstPage():"bottom"===l&&i.lastPage()),n}},{key:"updateDataProperty",value:function(e){var t=this.widget.webcomponent;e||(e=this.cleanData(e)),this.bUpdatingData=!0,t.data=e,this.bUpdatingData=!1}},{key:"cleanData",value:function(e,t,o){var r,i=this,a=this.widget;return r=t?a.aRowMapping.map((function(e){var t=e.sRecordIndex;return i.aOrderedData.find((function(e){return e.sRecordIndex===t}))})):this.aOrderedData,this.bIsRawDataArray?r.map((function(t){var r;return e?r=i.getVisibleData(t):(n.kJ(t)?o?(r={},t.forEach((function(e,t){var o=t,n=a.getColumnByFieldIndex(o.toString());n&&(o=n.sColumnHeaderText),r[o]=e}))):r=t.slice(0):r=n.RH({},t),delete r.sRESTIndex,delete r.sRecordIndex,delete r.nOriginalIndex,delete r.nRowIndex,delete r.sFrozen),r})):r.reduce((function(t,o){var r,a=o.sRESTIndex;return e?r=i.getVisibleData(o):(delete(r=n.RH({},o)).sRESTIndex,delete r.sRecordIndex,delete r.nOriginalIndex,delete r.nRowIndex,delete r.sFrozen),t[a]=r,t}),{})}},{key:"cleanSingleRecord",value:function(e){var t;return delete(t=n.kJ(e)?e.slice(0):n.RH({},e)).sRESTIndex,delete t.sRecordIndex,delete t.nRowIndex,delete t.sFrozen,delete t.nOriginalIndex,t}},{key:"getVisibleData",value:function(e){var t;return t=n.kJ(e)?[]:{},this.widget.aColumnMapping.forEach((function(o){var r=o.sFieldIndex;o.bHidden||""===r||n.Ld.trimWhiteSpace(r).split(",").forEach((function(o){o=n.Ld.trimWhiteSpace(o),t[o]=e[o]}))})),t}},{key:"sortUnseen",value:function(e){var t=this,o=this.widget,n=this.aUnseenRecordIndex,r=this.sNeedsSort.replace(/['"]+/g,""),a="desc"===this.sNeedsSortDir?-1:1,s=n.map((function(e,o){var n=t.get(e,r);return{sRecordIndex:e,mValue:null==n?"":n}})),l=o.getColumnByFieldIndex(r),d=null;if(d=l&&l.fnSorter?l.fnSorter:{method:i.Z.getSorter("text"),scope:null},s.sort((function(e,t){var o=d.method.apply(d.scope,[e.mValue,t.mValue]);return a>=0?o:-o})),this.isIncrementalLoad()&&this.oDataFormat.bStartAtValue)if(s.length+e>this.widget.getPageSize()){var c=s.splice(-1,1);if(c.length){var u=c[0].sRecordIndex;this.aRecordIndex.splice(this.aRecordIndex.indexOf(u),1),this.sStartAtValue=c[0].mValue}}else this.widget.bInfiniteMaxReached=!0;this.aUnseenRecordIndex=s.map((function(e){return e.sRecordIndex}))}},{key:"setOriginRecordCount",value:function(e){e?(e=parseInt(e,10)||0,this.nOriginRecordCount=e):this.nOriginRecordCount=0}},{key:"getOriginRecordCount",value:function(){return this.nOriginRecordCount}},{key:"getUnseenRecordIndex",value:function(){return this.aUnseenRecordIndex}},{key:"getLeafFieldIndex",value:function(){return this.aLeafFieldIndex}},{key:"getFieldStructure",value:function(){return this.mFieldStructure}},{key:"getFieldDepth",value:function(){return this.nFieldDepth}},{key:"duplicateRecord",value:function(e){}},{key:"removeRecord",value:function(e,t,o,r,i){var a=this.widget;if(!1!==this.oDataRequest.deleteOptions){var s=n.c7.copy(this.oDataRequest.deleteOptions||{});e=this.getRecordIndex(e);var l=this.get(e);if(!l)return!1;var d=this.oLocalModel[e],c={icon:"checkmark",state:"success",msg:o=o||g.default.get("dialog.recordDelete.successMsg",this.widget)},u=s.sServerErrorMessage;u||(u=s.sServerErrorPath?p.Z.tokens.serverMessage:g.default.get("dialog.recordDelete.errorMsg",this.widget));var h={icon:"error",state:"error",msg:u};if(!(s.sRecordIndex=e,r&&!a.batchEditor.isActive()||(s.oStatus=c,s.oErrorStatus=h),s.fnCustom=this.oDataFormat.fnCustomDelete,s.oRecordRawData=l.get(),s.sEditMode="removerecord",s.bBatchCleanup=d.bBatchCleanup,r||a.batchEditor.isActive()||!1!==this.fire("removerecord",s)))return n.Aq("Delete was cancelled by the user in the data:record:beforedelete event"),!1;if(s.oRecordModel=this.get(s.sRecordIndex),a.dirtyManager.setDirtyDelete(e,s),a.batchEditor.isActive()){var f=this.widget.getDataRowIndexByRecordIndex(e,this.oLocalModel[e].sFrozen);a.update({bUpdateBodyContent:!0},f)}else this.fireAfterStoreEvent("afterremoverecord",s,void 0,r)}}},{key:"_updateCell",value:function(e,t,o,n){var r=this.get(e,t);if(""===o&&void 0===r)return!1;if("date"===n){var i=m.kB(r).toString(),a=m.kB(o).toString();if(r===o||i===a)return!1}else{if("string"==typeof o&&r&&r.toString()==o)return!1;if(r==o)return!1}return t!==p.Z.store.keyField&&this.oLocalModel[e].model.set(t,o),!0}},{key:"updateCell",value:function(e,t,o,r,i){var a=this.widget;if(!1!==this.oDataRequest.updateOptions.cell){var s=this.oLocalModel[e].model,l=this.get(e,t);if(this._updateCell(e,t,o,i))if(t!==p.Z.store.keyField){var d=n.c7.copy(this.oDataRequest.updateOptions.cell||{}),c={icon:"checkmark",state:"success",msg:g.default.get("dialog.fieldUpdate.successMsg",this.widget)},u=d.sServerErrorMessage;u||(u=d.sServerErrorPath?p.Z.tokens.serverMessage:g.default.get("dialog.fieldUpdate.errorMsg",a));var h={icon:"error",state:"error",msg:u};if(!(d.sRecordIndex=e,d.sFieldIndex=t,d.payload=o,d.oldValue=l,d.oRecordRawData=s.get(),d.fnCustom=this.oDataFormat.fnCustomUpdateCell,d.sEditMode="updatecell",r||(d.oStatus=c,d.oErrorStatus=h),r||a.batchEditor.isActive()||!1!==this.fire("updatecell",d)))return n.Aq("Update was cancelled by the user in the data:cell:beforechange event"),!1;a.dirtyManager.setDirty(e,t,d),a.savedScrollVal=a.oDOMMainScroll.scrollLeft;var f=this.widget.getDataRowIndexByRecordIndex(e,this.oLocalModel[e].sFrozen);a.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},f),a.batchEditor.isActive()||this.fireAfterStoreEvent("afterupdatecell",d,void 0,r)}else this.updateRecordWithKey(e,!1,o)}}},{key:"updateRecord",value:function(e,t,o,r,i,a){var s=this,l=this.widget;if(!1===this.oDataRequest.updateOptions.row)return!1;e=this.getRecordIndex(e);var d=this.oLocalModel[e];if(!d)return!1;var c=d.model,u=n.c7.copy(c.get()),h=!1,f=[];if(Object.keys(t).forEach((function(o){s._updateCell(e,o,t[o])&&(h=!0,f.push(o))})),!r&&(!h||o))return!1;if(f.forEach((function(t){l.dirtyManager.setDirty(e,t)})),-1!==f.indexOf(p.Z.store.keyField))return this.updateRecordWithKey(e,f,t[p.Z.store.keyField]),!0;var m=n.c7.copy(this.oDataRequest.updateOptions.row||{}),b={icon:"checkmark",state:"success",msg:g.default.get("dialog.recordUpdate.successMsg",this.widget)},v=m.sServerErrorMessage;v||(v=m.sServerErrorPath?p.Z.tokens.serverMessage:g.default.get("dialog.recordUpdate.errorMsg",this.widget));var y={icon:"error",state:"error",msg:v};return m.sRecordIndex=e,m.oRecordRawData=c.get(),m.oOldData=u,r&&!l.batchEditor.isActive()||(m.oStatus=b,m.oErrorStatus=y),m.aChangedFieldIndex=f,m.fnCustom=this.oDataFormat.fnCustomUpdateRow,m.oRefocus=i,m.sEditMode="updaterecord",m.bNoRefresh=a,r||!1!==this.fire("updaterecord",m)?(this.fireAfterStoreEvent("afterupdaterecord",m,void 0,r),!0):(n.Aq("Update was cancelled by the user in the data:record:beforechange event"),!1)}},{key:"insertRecordWithKey",value:function(e){var t=this.oLocalModel[e].model,o=n.c7.copy(this.oDataRequest.updateOptions.row||{});o.sRecordIndex=e,o.sIdKeyValue=e,o.oRecordRawData=t.oRecordRawData||{},o.fnCallback=this.afterInsertRecordWithKey,this.bHasDataSource?this.onModifyRecordRest(o):this.afterInsertRecordWithKey(options)}},{key:"afterInsertRecordWithKey",value:function(e){this.fire("afterinsertrecord",{options:e})}},{key:"updateRecordWithKey",value:function(e,t,o){var r,i=this,a=function(){var r=i.oLocalModel[e].model,a=n.c7.copy(i.oDataRequest.updateOptions.row||{});a.sRecordIndex=e,a.sIdKeyValue=o,a.oRecordRawData=r.get(),a.aChangedFieldIndex=t,a.sNewRecordIndex=o,a.fnCallback=i.updateKey,i.onModifyRecordRest(a)};this.bHasDataSource&&!this.widget.batchEditor.isActive()?((r=n.c7.copy(i.oDataRequest.deleteOptions||{})).sRecordIndex=e,r.fnCallback=a,i.onModifyRecordRest(r)):this.updateKey({sRecordIndex:e,sNewRecordIndex:o,aChangedFieldIndex:t})}},{key:"updateKey",value:function(e){var t=this,o=e.sRecordIndex,n=e.sNewRecordIndex,r=this.widget;this.oLocalModel[n]=this.oLocalModel[o],delete this.oLocalModel[o],this.aRecordIndex[this.aRecordIndex.indexOf(o)]=n,this.oLocalModel[n].model.get().sRESTIndex=n;var i=this.oLocalModel[n].nRowIndex;if(r.getRowMappingByFrozen(this.oLocalModel[n].sFrozen)[i].sRecordIndex=n,r.sorter){var a=r.sorter.aOriginalRowMappingOrder;a.length&&(a[a.indexOf(o)]=n)}var s=this.aOrderedData.findIndex((function(e){return e.sRecordIndex===o}));if(-1!==s&&(this.aOrderedData[s].sRecordIndex=n),r.batchEditor.isActive()){var l={};l.sOldRecordIndex=o,l.sNewRecordIndex=n,l.sEditMode="updatekey",r.dirtyManager.setDirty(o,void 0,l)}r.update(),r.batchEditor.isActive()||(e.aChangedFieldIndex?this.fire("afterupdaterecord",{options:{sRecordIndex:n,aChangedFieldIndex:e.aChangedFieldIndex}}):this.fire("afterupdatecell",{options:{sRecordIndex:n,sFieldIndex:p.Z.store.keyField}}),window.setImmediate((function(){t.fire("updatecomplete")})))}},{key:"get",value:function(e,t,o){var r=this.widget.sNestedDataSeparator;if(o)return this.widget.groupbyManager.getGroupName(o);if(n.o8(this.oLocalModel[e])&&(this.oLocalModel[e]=new d(this.mDataSchema,void 0,r)),t===p.Z.store.keyField){if(this.widget.batchEditor.isActive()&&this.oLocalModel[e].bDirtyInsert)return"";if(this.bIsRawDataArray){var i=this.oDataFormat.sIdKey;if(i!==p.Z.store.keyField){var a=this.get(e,i);if(a)return a}}return e}return n.o8(t)?this.oLocalModel[e].model:this.oLocalModel[e].model.get(t)}},{key:"getRecordIndex",value:function(e){if(this.oLocalModel[e])return e;if(this.bIsRawDataArray&&this.oDataFormat.sIdKey){var t=this.getRecordByKey(this.oDataFormat.sIdKey,e);t&&(e=t.sRecordIndex)}return e}},{key:"getRecordByKey",value:function(e,t){return this.aOrderedData.find((function(o){return o[e]==t}))}},{key:"getUniqueDataByFieldIndex",value:function(e){var t=this.getDataByFieldIndex(e,!0);return b(new Set(t)).sort()}},{key:"getDataByFieldIndex",value:function(e,t,o){var n=this.widget,i=n.filter;o=o||this.aOrderedData,i&&i.bUseFilter&&!t&&(o=i.aFiltered);var a=o.map((function(o){var i=r.MU(o,e,void 0,n.sNestedDataSeparator);return t?i:parseFloat(i)}));return a=a.filter((function(e){return e||0===e}))}},{key:"hasNextData",value:function(){return!1!==(this.sNextPathURL||!1)}},{key:"hasPrevData",value:function(){return!1!==(this.sPrevPathURL||!1)}},{key:"insertRecord",value:function(e,t,o,r,i){var a=this.widget,s=a.sNestedDataSeparator,l=new d(this.mDataSchema,e,s);if(!this.oDataFormat.bSubscription||r||a.batchEditor.isActive()){var c=o||this.widget.createRecordIndex();!o&&a.aColumnMapping.some((function(e){return e.bIsKeyIndex}))&&(c=p.Z.store.tempID),this.oLocalModel[c]={model:l,nRowIndex:-1,nCellDirty:0},this.aUnseenRecordIndex=[c],this.aRecordIndex.push(c),this.nRecordCount++;for(var u=this.mFieldStructure,h=this.mDataSchema,f=this.aLeafFieldIndex,g=n.iM(h,s),m=[],b=!1,v=0,y=g.length;v<y;v++){var w=g[v];-1===f.indexOf(w)&&(b=!0,m.push(w),this.nFieldDepth="disabled"!==s?Math.max(w.split(s).length,this.nFieldDepth):Math.max(1,this.nFieldDepth))}b&&(u=n.RH(u,h),this.aLeafFieldIndex=n.iM(u,s)),this.aUnseenFieldIndex=m,this.mFieldStructure=u,this.insertRecordServer(c,l,t,r,void 0,i)}else this.insertRecordServer(null,l,void 0,!1,!0)}},{key:"removeTempField",value:function(e,t){var o=t.sRecordIndex;this.nRecordCount--;var n=this.oLocalModel[o].nRowIndex;this.oLocalModel[o]=null,delete this.oLocalModel[o];var r=this.aRecordIndex.indexOf(o);this.aRecordIndex.splice(r,1),this.widget.aRowMapping.splice(n,1)}},{key:"insertRecordServer",value:function(e,t,o,r,i,a){var s=this.widget;if(!1!==this.oDataRequest.createOptions){var l=n.c7.copy(this.oDataRequest.createOptions||{});if(l.oRecordRawData=t.oRecordRawData,l.sRecordIndex=e,l.sRecordLocation=o,l.sFrozen=a,l.fnCustom=this.oDataFormat.fnCustomCreate,l.fnFailure=this.removeTempField,l.bCreateRecord=!0,l.sEditMode="insertrecord",!r){l.oStatus={icon:"checkmark",state:"success",msg:g.default.get("dialog.recordCreate.successMsg",this.widget)};var d=l.sServerErrorMessage;d||(d=l.sServerErrorPath?p.Z.tokens.serverMessage:g.default.get("dialog.recordCreate.errorMsg",this.widget)),l.oErrorStatus={icon:"error",state:"error",msg:d}}if(!r&&!s.batchEditor.isActive()&&!1===this.fire("insertrecord",l))return void n.Aq("Insert was cancelled by the user in the data:record:beforeinsert event");if(this.oDataFormat.bLoadByScroll&&this.bHasDataSource||i||s.updateDefaultRowMapping(void 0,!0),s.dirtyManager.setDirtyInsert(e,l),s.batchEditor.isActive())s.update(),s.lastPage();else{var c={sUnseenRecordIndex:e,sTempRecordIndex:e,oStatus:l.oStatus,sRecordLocation:o,sFrozen:a};this.fireAfterStoreEvent("afterinsert",l,c,r)}}}},{key:"fireAfterStoreEvent",value:function(e,t,o,n){var r=this;o=o||{};for(var i=0,a=["sRecordIndex","sFieldIndex","aChangedFieldIndex","oRecordRawData","oOldData","oRecordModel","nRowIndex","oLocalModel","oldValue","oStatus","bBatchEdit","bBatchCleanup","bNoRefresh"];i<a.length;i++){var s=a[i];t&&t[s]&&(o[s]=t[s])}if(t.fnCustom&&!n){var l=function(t){return r.fire(e,{options:o},t)};t.callback=l;var d=t.oRecordRawData?this.cleanSingleRecord(t.oRecordRawData):null,c=[];t.sRecordIndex&&!t.bCreateRecord&&c.push(t.sRecordIndex),d&&c.push(d),c.push(t,this.oDataFormat);var u=t.fnCustom.method.apply(t.fnCustom.oScope,c);u&&u.then(l)}else!this.bHasDataSource||t.bExclude||n?this.fire(e,{options:o}):(t.sSuccessEvent=e,this.onModifyRecordRest(t))}},{key:"processChangedData",value:function(e,t,o){for(var n in e)if(e.hasOwnProperty(n)){var r=t[n],i=e[n];r!==i&&(this.oLocalModel[o].model.set(n,i),t[n]=i)}}},{key:"processTemplate",value:function(e,t,o,n,r,i){var a=this,s=this.widget.sNestedDataSeparator;if(!e)return e;var l=o.sTargetFieldIndex,d=o.sTargetRecordIndex;o.sGroupRecordIndex&&(r=!0);var c,u=r?{}:this.get(d).oRecordRawData;i||(i={},r||l.split(",").map((function(e){if("disabled"!==s){var t=e.split(s);c=t[t.length-1]}else c=e;var o=a.get(d,e.trim());i[c.trim()]=o})));var h={record:u,index:i};return this.populateTemplate(e,t,h,n,o)}},{key:"populateTemplate",value:function(e,t,o,n,r){var i,a;if("function"==typeof e)a=e(o);else{if("string"==typeof e)i=e;else if(e.content)if(t){var s=document.importNode(e.content,!0);t.appendChild(s),i=t.innerHTML}else i=e.innerHTML;a=this.calculateTemplate(i,o,n,void 0,r)}return t&&(t.innerHTML=a),a}},{key:"calculateTemplate",value:function(e,t,o,i,a){var s,l=this,d=n.Ld.escapeRegExp(this.templateStartDelimiter),c=n.Ld.escapeRegExp(this.templateEndDelimiter),u=!a||"disabled"!==a._columnConfig.sTranslateNewline,h=this.widget,f=h.aggregateManager;return e&&"string"==typeof e?(o&&(s=new RegExp(d+"(.*?)"+c+"(s*['\"])","g"),e=e.replace(s,(function(e,o,n){o=o.trim();var i=r.MU(t,o,"",h.sNestedDataSeparator);return void 0!==i?i+n+" "+p.Z.editor.bindingAttr+"="+n+o+n:e})),s=new RegExp("<textarea(.*?)"+d+"(.*?)"+c+"(.*?)</textarea>","g"),e=e.replace(s,(function(e,o,n,i){n=n.trim();var a=r.MU(t,n,"",h.sNestedDataSeparator);if(void 0!==a){var s=p.Z.editor.bindingAttr+'="'+n+'"';return"<textarea ".concat(s).concat(o).concat(a).concat(i,"</textarea>")}return e}))),s=new RegExp(d+"(.*?)"+c,"g"),e.replace(s,(function(e,o){o=o.trim();var n=r.MU(t,o,"",h.sNestedDataSeparator);return"string"==typeof n&&u&&(n=n.replace(/\n/g,"<br>")),""===n&&void 0!==f[o]&&(n=f.calculateAggregateRow(a,o)),i&&""===n?"".concat(l.templateStartDelimiter).concat(o).concat(l.templateEndDelimiter):n}))):e}},{key:"refreshAllRecordMapping",value:function(){for(var e=this,t=this.widget,o=[t.aRowMapping,t.aTopRowMapping,t.aBottomRowMapping],n=function(){var t=o[r];t.forEach((function(o,n){var r=o.sRecordIndex;o.sGroupRecordIndex||e.updateRecordMapping(t,r,n)}))},r=0;r<o.length;r++)n()}},{key:"updateRecordMapping",value:function(e,t,o){e===this.widget.aTopRowMapping?this.oLocalModel[t].sFrozen="top":e===this.widget.aBottomRowMapping?this.oLocalModel[t].sFrozen="bottom":this.oLocalModel[t].sFrozen="none",this.oLocalModel[t].nRowIndex=o}},{key:"getArrayData",value:function(e,t,o){var r=[],i=t.sArrayIndex,a=t.sArraySlice,s=null,l=null;if(n.Uh(a)){var d=a.split(",");s=parseInt(d[0].trim(),10),d.length>1&&(l=parseInt(d[1].trim(),10))}return(void 0===i||o)&&(i=null),e.forEach((function(e){n.kJ(e)?("number"==typeof s&&(e=n.mJ.clone(e),e="number"==typeof l?e.slice(s,l):e.slice(s)),e.forEach((function(e){i?r.push(e[i]):r.push(e)}))):r.push(e)})),r}},{key:"getRowData",value:function(e){var t=this,o={};return this.widget.aColumnMapping.forEach((function(r){var i=r.sFieldIndex;r.bHidden||""===i||r.bTypeAggregateOmit||n.Ld.trimWhiteSpace(i).split(",").forEach((function(n){var r=t.get(e,n.trim());o[n]=r}))})),o}},{key:"getAllRowData",value:function(){for(var e,t=this.widget.filter,o=[],n=(e=t&&t.bUseFilter?t.aFiltered:this.aOrderedData).length,r=0;r<n;r++)o.push(this.getRowData(e[r].sRecordIndex));return o}},{key:"getRowIndexByRecordIndex",value:function(e){return this.oLocalModel[e].nRowIndex}},{key:"getColumnIndexByFieldIndex",value:function(e){for(var t=this.widget.aColumnMapping,o=[],n=t.length;n--;)t[n].sFieldIndex==e&&o.push(n);return o}},{key:"isServerSort",value:function(){return this.isIncrementalLoad()&&(this.oDataFormat.sSortByKey||-1!==this.oDataRequest.readOptions.sUrl.indexOf(p.Z.tokens.sortBy))}},{key:"isIncrementalLoad",value:function(e){var t;return e&&(t=e.loadByPage||e.loadByScroll),t||this.oDataFormat.bLoadByScroll||this.oDataFormat.bLoadByPages}},{key:"initModel",value:function(){this.data=[],this.reset()}},{key:"dumpModel",value:function(e){this.reset(),this.widget.clearIdCounters(e),this.widget.updater.clearCache()}},{key:"dumpDataRequest",value:function(){this.oDataRequest={createOptions:{},readOptions:{},updateOptions:{row:{},cell:{}},deleteOptions:{}},this.oOptions=null,this.setOriginRecordCount(0)}},{key:"reset",value:function(){this.aRecordIndex=[],this.nRecordCount=0,this.sStartAtValue=null,this.aLeafFieldIndex=[],this.nFieldDepth=0,this.mFieldStructure=null,this.oLocalModel={},this.mDataSchema=null,this.aOrderedData=[],this.widget&&this.widget.groupbyManager&&(this.widget.groupbyManager.aGroupData=[]),this.sNextPathURL=null,this.sPrevPathURL=null,this.oOptions=null}},{key:"bHasDataSource",get:function(){return!!this.oDataRequest.sUrl||!!this.oDataRequest.readOptions.sUrl}}])&&w(t.prototype,a),s&&w(t,s),Object.defineProperty(t,"prototype",{writable:!1}),c}(a.Z);k.setUserFunction=function(e,t){if(e){var o=e(t,!0);if(o)return{method:o,scope:null}}var n=k.aMethods[t];if(n)return n;if("string"!=typeof t)return null;var r=t.split(".");if(r.length>1||k.aNamespaces.default){var i=r[0];if(k.aNamespaces[i]){for(var a=k.aNamespaces[i].namespace,s=1;s<r.length;s++)a=a[r[s]];return{method:a,scope:k.aNamespaces[i].scope}}if(k.aNamespaces.default){for(var l=k.aNamespaces.default.namespace,d=0;d<r.length&&l;d++)l=l[r[d]];if(l)return{method:l,scope:k.aNamespaces.default.scope}}for(var c=window,u=0;u<r.length;u++)if(void 0===(c=c[r[u]]))return null;return{method:c,scope:null}}if(window[t])return{method:window[t],scope:null};if(e){var h=e(t);if(h)return{method:h,scope:null}}return null},k.aAdapters={firebaseSDK:{createCustomFunction:"firebaseCreate",readCustomFunction:"firebaseRead",updateRowCustomFunction:"firebaseUpdateRow",updateCellCustomFunction:"firebaseUpdateCell",deleteCustomFunction:"firebaseDelete"},firebase:{limitToKey:"limitToFirst",startAtKey:"startAt",sortByKey:"orderBy",searchKey:"equalTo",startAtValue:!0,addValueQuotes:!0,newIndexPath:"name"},graphql:{restmode:"manual",method:"post"},django:{urlSuffix:"/"}},k.aMethods={},k.aNamespaces={};const x=k},48272:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>k});var n=o(37486),r=o(55040),i=o(31769),a=o(96766),s=o(87822),l=o(28459),d=o(64514),c=o(72546),u=o(86814),h=o(19791);function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function p(e){return function(e){if(Array.isArray(e))return g(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return g(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return g(e,t)}(e)||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 g(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function m(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==f(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===f(i)?i:String(i)),n)}var r,i}function b(){return b="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=z(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},b.apply(this,arguments)}function v(e,t){return v=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},v(e,t)}function y(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=z(e);if(t){var r=z(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===f(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return w(e)}(this,o)}}function w(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function z(e){return z=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},z(e)}var C=n.Iu,S=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&v(e,t)}(k,e);var t,r,g,S=y(k);function k(e){var t;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,k),(e=e||{})._defaults={type:"grid",prefix:"zing-grid-",hasColumnHeader:!0,hasColumnFooter:!0,disableScrollBarX:!1,disableScrollBarY:!1,nCurrPageIdx:0,pageSize:s.Z.store.defaultPageSize,bUserPageSize:!1,bHasSelectorEnabled:!1,bHasSorterEnabled:!1,bHasEditorEnabled:!1,bHasCellEditorEnabled:!1,bHasContextMenuEnabled:!1,bRowDrag:!1,bColumnDrag:!1,bDragHide:!1,bDragMove:!1,bHeaderRowHide:!1,bHeaderAutoFormat:!0,sNestedDataSeparator:".",sNestedGroupDataSeparator:"#",oHeaderTooltip:{},oCellTooltip:{},bHasEditColumn:!1,bHasRemoveColumn:!1,bHasInfoColumn:!1,bHasSelectorColumn:!1,bHasRowNumberColumn:!1,bHasRowGroupColumn:!1,fnHeaderAutoFormat:null,bHasStaticMenu:!1,bOnlyColumnWidth:void 0,nInfiniteTotalDisplay:s.Z.infinite.defaultInfiniteDisplay,nDefaultRowHeight:s.Z.zgRow.defaultHeight,nDefaultHeadHeight:s.Z.zgRow.defaultHeadHeight,nRowHeight:void 0,nAdjustedStart:0,nSetWidth:null,bStaticScroll:!1,bCompact:!1,nRowsPerSet:-1,nRowSets:1,bInfiniteMaxReached:!1,sContextMenuId:"",bHasFilterEnabled:!1,bHasSearchEnabled:!1,bGlobalFilter:!1,bAPIReady:!1,bConfirmDelete:!0,aFilters:[],aIcons:[],aSelectedRows:[],bFastMode:!1,bCellFocus:!0,nStoredPageIndex:-1,sDefaultDisplay:null,nCardsPerRow:1,sSortIntl:void 0,nLeftFrozenColumns:0,nCardLeftFrozenColumns:0,nRightFrozenColumns:0,nCardRightFrozenColumns:0,nTopFrozenRows:0,nCardTopFrozenRows:0,nCardBottomFrozenRows:0,nBottomFrozenRows:0,nLoadingImages:0,oZGCellMap:{},oZGHeadCellMap:{},oZGFootCellMap:{},oDOMSortedColumn:null,aCurrentOver:[],aMouseOut:[],aMouseOutTimeouts:[],idCounters:[],aZebraClasses:[],oStateOptions:{},aGroupBy:[],oGroupDummyRows:{count:0},els:{mainGridTable:{},mainColumnBody:{},mainColumnHeader:{},mainColumnFooter:{},topPager:{},bottomPager:{}},rendered:!1,nDebugCount:0};return e._defaults.plugins={scroller:{},loadmask:{}},(t=S.call(this,e)).docEvents={},t.config=e,t.initialConfig={},t.ZGLoadMask=s.Z.zgLoadMask.tagName,t.createColumnId=t.createId("zg$columnId"),t.setColumnId=t.createColumnId.setCounter,t.getColumnId=t.createColumnId.getCounter,t.createRecordIndex=t.createId("zg$recordIdx"),t.randomKey=Math.floor(1e6*Math.random())+1,t.updater=new u.default({widget:w(t)}),t.ZG=t.updater.widget.webcomponent,t}return t=k,r=[{key:"bGroupBy",get:function(){return!this.isCardLayout()&&(this._bGroupBy||!1)},set:function(e){e?(this.nTopFrozenRows&&(this.nTopFrozenRows=0),this.nBottomFrozenRows&&(this.nBottomFrozenRows=0)):(this.initialConfig.frozenRowsTop&&(this.nTopFrozenRows=this.initialConfig.frozenRowsTop),this.initialConfig.frozenRowsBottom&&(this.nBottomFrozenRows=this.initialConfig.frozenRowsBottom)),this._bGroupBy=e}},{key:"init",value:function(){this.initDir(),this.initStore(),this.initPlugins(),this.initMapping(),this.onUserEvents(),this.ons(),this.render()}},{key:"ons",value:function(){var e=this;this.on("render",(function(){})),this.store.on("loaded",this.associateColumns,this),this.on("pagechange",(function(t,o,n){return e.bodyUpdateWithScroll(void 0,o,n)})),this.on(s.Z.event.pagesizechange,(function(){return e.bodyUpdateWithScroll(!0)}))}},{key:"render",value:function(){var e=this.el=i.Z.get(this.renderTo.querySelector("#wrap"));this.fire("beforerender"),e.dom.tabIndex=-1,this.initGridElements(),this.fire(s.Z.event.afterRender),this.fire("render")}},{key:"initPlugins",value:function(){var e=this.plugins;this.initPlugin("selectorEngineManager","selectorEngineManager",!1),this.initPlugin("plugins/selector/Selector","selector",!0),this.initPlugin("plugins/aggregate/aggregateManager","aggregateManager",!1),this.initPlugin("plugins/cellbreak/cellBreakManager","cellBreakManager",!0),this.initPlugin("plugins/clipper/Clipper","clipper",!0),this.initPlugin("plugins/columnmenu/ColumnMenu","columnMenu",!1),this.initPlugin("plugins/dialog/dialogManager","dialogManager",!1),this.initPlugin("plugins/details/detailsManager","detailsManager",!1),this.initPlugin("plugins/drag/columnDragManager","columnDragManager",!1),this.initPlugin("plugins/editor/dirtyManager","dirtyManager",!0),this.initPlugin("plugins/editor/batchEditor","batchEditor",!0),this.initPlugin("plugins/editor/RecordEditor","recordEditor",!0),this.initPlugin("plugins/editor/editorManager","editorManager",!0),this.initPlugin("plugins/editor/editorFieldManager","editorFieldManager",!0),this.initPlugin("plugins/filter/Filter","filter",!1),this.initPlugin("plugins/fullscreen/fullscreenManager","fullscreenManager",!1),this.initPlugin("plugins/groupby/groupbyManager","groupbyManager",!1),this.initPlugin("plugins/icon/iconManager","iconManager",!1),this.initPlugin("plugins/layout/layoutManager","layoutManager",!0),this.initPlugin("plugins/menu/menuManager","menuManager",!0),this.initPlugin("plugins/sorter/Sorter","sorter",!1),this.initPlugin("plugins/source/sourceManager","sourceManager",!1),this.initPlugin("plugins/state/stateManager","stateManager",!1),this.initPlugin("plugins/status/statusManager","statusManager",!0),this.initPlugin("plugins/tooltip/tooltipManager","tooltipManager",!1),this.initPlugin("plugins/viewport/viewportManager","viewportManager",!1),this.initPlugin("plugins/focus/focusManager","focusManager",!1),this.initPlugin("plugins/focus/headerFocusManager","headerFocusManager",!1),this.initPlugin("plugins/focus/footerFocusManager","footerFocusManager",!1),e.scroller&&this.initPlugin("plugins/scroller/Scroller","scroller",!1),this.deleteSE=this.selectorEngineManager.getSelectorEngine()}},{key:"initPlugin",value:function(e,t,n){var r=o(91693)("./".concat(e,".js")).default,i={widget:this};n&&(i.se=this.selectorEngineManager.getSelectorEngine()),this[t]=new r(i)}},{key:"initGridElements",value:function(){var e=this.el;this.oDOMMainGridTable=e._querySelector("#main");var t=e._querySelector("#body"),o=e._querySelector("#left"),n=e._querySelector("#right");if(this.oDOMMainScroll=e._querySelector("#scroll"),this.mainGridTable=i.Z.get(this.oDOMMainGridTable),this.mainGridHScroll=i.Z.get(this.oDOMMainScroll),this.hasColumnHeader){var r=new d.default({widget:this,oDOMWrapper:this.webcomponent.oDOMFrozenLeftHeadFrame,oHead:this.webcomponent.oDOMLeftHead,oColGroup:this.webcomponent.oDOMLeftColgroup});r.el._show(),this.leftColumnHeader=r;var a=new d.default({widget:this,oDOMWrapper:this.webcomponent.oDOMFrozenMainHeadFrame,oHead:this.webcomponent.oDOMHead,oColGroup:this.webcomponent.oDOMColgroup});a.el._show(),this.mainColumnHeader=a;var s=new d.default({widget:this,oDOMWrapper:this.webcomponent.oDOMFrozenRightHeadFrame,oHead:this.webcomponent.oDOMRightHead,oColGroup:this.webcomponent.oDOMRightColgroup});s.el._show(),this.rightColumnHeader=s}var u=new l.default({widget:this,oDOMWrapper:o,oBody:this.webcomponent.oDOMLeftBody});u.el._show(),this.leftColumnBody=u;var h=new l.default({widget:this,oDOMWrapper:t,oBody:this.webcomponent.oDOMBody});h.el._show(),this.mainColumnBody=h;var f=new l.default({widget:this,oDOMWrapper:n,oBody:this.webcomponent.oDOMRightBody});if(f.el._show(),this.rightColumnBody=f,this.hasColumnFooter){var p=new c.default({widget:this,oFoot:this.webcomponent.oDOMLeftFoot,oColGroup:this.webcomponent.oDOMLeftColgroup,oDOMWrapper:this.webcomponent.oDOMFrozenLeftFootFrame});p.el._show(),this.leftColumnFooter=p;var g=new c.default({widget:this,oFoot:this.webcomponent.oDOMFoot,oColGroup:this.webcomponent.oDOMColgroup,oDOMWrapper:this.webcomponent.oDOMFrozenMainFootFrame});g.el._show(),this.mainColumnFooter=g;var m=new c.default({widget:this,oFoot:this.webcomponent.oDOMRightFoot,oColGroup:this.webcomponent.oDOMRightColgroup,oDOMWrapper:this.webcomponent.oDOMFrozenRightFootFrame});m.el._show(),this.rightColumnFooter=m}this.mainGridTable._show()}},{key:"setCellAlignment",value:function(e,t){if(null===(t=t||this.webcomponent.getAttribute(s.Z.attr.align)||null))e.removeAttribute(s.Z.attr.align);else{var o=s.Z.zgColumn.alignTypes.indexOf(t)>-1?t:s.Z.zgColumn.alignDefault;e.setAttribute(s.Z.attr.align,o)}}},{key:"setCellLabel",value:function(e){var t=e.value,o=e.oDOMCellContainer,n=e.$cell;if(o&&n._columnConfig&&this.layoutManager.sCurrentType===s.Z.zgLayout.typeCard){var r=s.Z.zgCell.cellIndexAttr,i=s.Z.zgCell.cellLabelAttr,a=o.querySelector("[".concat(r,"]"));if(a){t=t||n._columnConfig.sColumnHeaderText||a.getAttribute(r);var l=o.querySelector("[".concat(i,"]"));if(!l){(l=document.createElement("label")).setAttribute(i,"");var d=document.createElement("slot");d.name="cellLabel",l.appendChild(d),o.insertAdjacentElement("afterbegin",l)}l.textContent=t}}}},{key:"updateConfig",value:function(e){var t=["data","dataSource","dataFormat","schema","columns"],o=this.store;o.updateConfig({data:e.data,oDataSource:e.dataSource,oDataFormat:e.dataFormat,mDataSchema:e.dataSchema}),this.dumpMapping(e);var n=e.columns;if(n){o.dumpModel();for(var r=0,i=n.length;r<i;r++){var a=n[r],s=this._createZGColumn(a);this.aColumnMapping[r]=s._oParsedColumnMapping}this._adjustFrozenColumns()}else if(void 0!==e.columns){var l=this.mainColumnHeader.oColGroup;l&&l.parentNode&&l.parentNode.removeChild(l)}for(var d in e)t.includes(d)||(this.webcomponent[d]=e[d])}},{key:"dumpMapping",value:function(e){!this.store.bLightReload&&(e&&e.columns&&e.columns.length>0||!this.bIsMappingUserProvided&&this.webcomponent.bReady)&&this.dumpColumnMapping(),this.dumpRowMapping()}},{key:"dumpColumnMapping",value:function(){this.aColumnMapping.length=0,this.bHasRowGroupColumn=!1,Array.from(this.webcomponent.querySelectorAll("zg-column")).forEach((function(e){e.parentNode.removeChild(e)})),this.nHeaderDepth=0}},{key:"dumpRowMapping",value:function(){this.aRowMapping=[],this.aTopRowMapping=[],this.aBottomRowMapping=[],this.aGroupMapping=[]}},{key:"updateInitialConfig",value:function(){for(var e in this.bReload=!0,this.initialConfig)this.webcomponent[e]=this.initialConfig[e];this.selector.deSelectAll(),this.bReload=!1}},{key:"updateFocus",value:function(e,t,o){var n=this.focusManager;n&&n.bInitialLoaded&&(e&&(t=this.webcomponent["oDOM".concat(e)],o=n["a".concat(e)]),n.updateSection(t,o,e))}},{key:"hookGridEvents",value:function(){for(var e=0,t=["contextmenu","mouseover","mouseout","mouseenter","mouseleave"];e<t.length;e++){var o=t[e];this.el.on(o,this.detectGridEvent,this,{sDelegateTo:s.Z.zgCell.tagName}),this.el.on(o,this.detectGridEvent,this,{sDelegateTo:s.Z.zgCard.tagName})}for(var n=0,r=["click","keydown","blur","focus"];n<r.length;n++){var i=r[n];this.el.on(i,this.detectGridEvent,this)}}},{key:"hookCellEvents",value:function(){for(var e=this,t=function(){var t=n[o];e.on(t,(function(o,n,r,i,a,s){var l=n.nColumnIndex,d=n.sTargetFieldIndex,c=n.nRowContainerIndex,u=n.sTargetRecordIndex,h=e.getDOMByIndex(n.nRowContainerIndex,n.nColumnIndex),f={recordIndex:u,columnIndex:l,fieldIndex:d,rowIndex:c,data:n.fullData(),DOMCell:h};switch(t){case"cellcloseedit":a?f.canceled=!0:(f.canceled=!1,f.newValue=i);break;case"cellkeypress":f.currentValue=r.value}var p="cell:".concat(t.slice(4));return e.emitEvent(p,{ZGData:f},!0)}),void 0,void 0,!0)},o=0,n=["cellopenedit","cellcloseedit","cellkeypress"];o<n.length;o++)t()}},{key:"hookClipperEvents",value:function(){for(var e=this,t=function(){var t=n[o];e.clipper.on(t,(function(o,n){var r={data:n.data,copiedValue:n.text};e.emitEvent("cell:"+t,{ZGData:r}),n.text=r.copiedValue}))},o=0,n=["copy","paste","beforecopy"];o<n.length;o++)t()}},{key:"initMapping",value:function(){this.aRowMapping=[],this.aTopRowMapping=[],this.aBottomRowMapping=[],this.aColumnMapping=[],this.aGroupMapping=[],this.nHeaderDepth=0}},{key:"onUserEvents",value:function(){var e=this;this.on("render",(function(){if(e.emitEvent("grid:render"),e.hookGridEvents(),e.oDOMScroller&&i.Z.get(e.oDOMScroller).on("scroll",(function(t,o){e.emitEvent("grid:scroll",{ZGTarget:o,ZGEvent:t})})),e.mainGridTable.dom){var t=e.webcomponent._oShadowRoot.querySelector("#scroll");t&&i.Z.get(t).on("scroll",(function(t,o){e.emitEvent("grid:scroll",{ZGTarget:o,ZGEvent:t})}))}i.Z.get(document.body).on("keydown",(function(t){e.bDisconnect||(t.nCharCode===t.ESC?(e.recordEditor.bIsOpen?e.recordEditor.cancelOpenEdit(null,e.editorManager.se):e.webcomponent.oDOMDialog&&e.ZG.oDOMDialog.closeEvent(),e.emitEvent("grid:keydown:esc")):t.nCharCode===t.PAGE_DOWN?e.nextPage():t.nCharCode===t.PAGE_UP&&e.prevPage())}))})),this.on("beforerender",(function(){e.emitEvent("grid:beforerender")})),this.store.on("afterfetch",(function(t,o){var n={response:o.oResponse,data:o.data};e.emitEvent("data:afterfetch",{ZGData:n})})),this.on("afterloaded",(function(){e.emitEvent("data:load")})),this.on("refresh",(function(){e.emitEvent("grid:refresh")})),this.on("hydrate",(function(){e.emitEvent("grid:hydrate")})),this.on("apiready",(function(){e.emitEvent("grid:ready")})),this.on("pagechange",(function(t,o){e.once(s.Z.event.updated,(function(){var t={pageSize:+e.pageSize,currentPage:e.nCurrPageIdx+1};e.emitEvent("grid:pagechange",{ZGData:t}),void 0!==o&&e.emitEvent("grid:page"+o,{ZGData:t})}))})),this.on(s.Z.event.pagesizechange,(function(t,o,n){var r={pageSize:+o,oldPageSize:+n,currentPage:e.nCurrPageIdx+1};e.emitEvent("grid:pagesizechange",{ZGData:r})})),this.on(s.Z.event.frozenrowchange,(function(t,o){var n;n="top"===o?e.aTopRowMapping:e.aBottomRowMapping;for(var r=[],i=0;i<n.length;i++)r.push(e.store.cleanSingleRecord(e.store.get(n[i].sRecordIndex).oRecordRawData));var a={area:o,currentFrozenRows:n.length,frozenRows:r};e.emitEvent("row:frozen",{ZGData:a})})),this.on("rowselectionchanged",(function(t,o,n){for(var r=Object.keys(e.aSelectedRows),i=[],a=0;a<r.length;a++)i.push(e.store.cleanSingleRecord(e.aSelectedRows[r[a]].get()));var s={checked:n,selectedRows:i,rowIndex:e.store.oLocalModel[o].nRowIndex,recordIndex:o,data:e.store.cleanSingleRecord(e.store.get(o).oRecordRawData)};e.emitEvent("row:select",{ZGData:s})})),this.sorter.on("sort",(function(t,o){var n={fieldIndex:o.index};o.index&&(n.order=-1===o.order?"desc":"asc"),e.emitEvent("grid:sort",{ZGData:n})}),this),this.on("search",(function(t,o){var n={searchTerm:o.searchTerm,searchResults:o.searchResults,searchCount:o.searchCount};e.emitEvent("grid:search",{ZGData:n})})),this.on("filter",(function(t,o){var n={fieldIndex:o.sFieldIndex,filterIndex:o.sFilterIndex,filterValue:o.sValue};e.emitEvent("column:filter",{ZGData:n})})),this.on("columnmove",(function(t,o){var n=e.aColumnMapping[o.newIndex],r={fieldIndex:n.sFieldIndex,oldIndex:o.oldIndex,newIndex:o.newIndex,frozen:n.sFrozen};e.emitEvent("column:move",{ZGData:r})})),this.on("columntoggle",(function(t,o){var n=o.oColumnMapping,r={fieldIndex:n.sFieldIndex,hidden:n.bHidden};e.emitEvent("column:togglevisibility",{ZGData:r})})),this.on("contextmenuopen",(function(){return e.emitEvent("grid:contextmenuopen")})),this.on("contextmenuclose",(function(){return e.emitEvent("grid:contextmenuclose")})),this.hookCellEvents(),this.selector.on(s.Z.event.selectedCells,(function(){var t=e.selector.se,o=t.rawData(),n=t.nStartRowIndex,r=t.nEndRowIndex,i=t.nStartColumnIndex,a=t.nEndColumnIndex,s=t.doms();-1===n&&(n=r=t.nRowContainerIndex,i=a=t.nColumnIndex);var l={selectedData:o,columnStart:i,rowStart:n,columnEnd:a,rowEnd:r,DOMCell:t.dom(),DOMCells:s};e.emitEvent("grid:select",{ZGData:l})})),this.selector.on(s.Z.event.deselectedCells,(function(){e.emitEvent("grid:deselect")})),this.selector.on(s.Z.event.selectedAllCells,(function(){e.emitEvent("grid:selectall")})),this.hookClipperEvents(),this.store.on("removerecord",(function(t,o){var n={rowIndex:e.store.oLocalModel[o.sRecordIndex].nRowIndex,recordIndex:o.sRecordIndex,batchEdit:e.batchEditor.isActive(),data:e.store.cleanSingleRecord(e.store.get(o.sRecordIndex).oRecordRawData)};return e.emitEvent("data:record:beforedelete",{ZGData:n},!0)}),void 0,void 0,!0),this.store.on("afterremoverecord",(function(t,o){var n={batchEdit:o.options.bBatchEdit,data:e.store.cleanSingleRecord(o.options.oRecordModel.oRecordRawData)};o.options.bBatchCleanup||e.emitEvent("data:record:delete",{ZGData:n})})),this.store.on("updatecell",(function(t,o){var n=e.getDataRowIndexByRecordIndex(o.sRecordIndex,e.store.oLocalModel[o.sRecordIndex].sFrozen),r=e.getColumnIndexByFieldIndex(o.sFieldIndex),i={DOMCell:e.getDOMByIndex(n,r),rowIndex:e.store.oLocalModel[o.sRecordIndex].nRowIndex,fieldIndex:o.sFieldIndex,recordIndex:o.sRecordIndex,newValue:o.payload,oldValue:o.oldValue,batchEdit:e.batchEditor.isActive(),data:e.store.cleanSingleRecord(e.store.get(o.sRecordIndex).oRecordRawData)},a=e.emitEvent("data:cell:beforechange",{ZGData:i},!0);return i.newValue!==o.payload&&(i.data[o.sFieldIndex]=i.newValue,o.payload=i.newValue),e.store.processChangedData(i.data,o.oRecordRawData,o.sRecordIndex),a}),void 0,void 0,!0),this.on("afterupdatecellrender",(function(t,o){var n=e.getDataRowIndexByRecordIndex(o.sRecordIndex,e.store.oLocalModel[o.sRecordIndex].sFrozen),r=e.getColumnIndexByFieldIndex(o.sFieldIndex),i={DOMCell:e.getDOMByIndex(n,r),rowIndex:e.store.oLocalModel[o.sRecordIndex].nRowIndex,fieldIndex:o.sFieldIndex,recordIndex:o.sRecordIndex,newValue:e.store.get(o.sRecordIndex,o.sFieldIndex),oldValue:o.oldValue,data:e.store.cleanSingleRecord(e.store.get(o.sRecordIndex).oRecordRawData)};e.emitEvent("data:cell:change",{ZGData:i})})),this.store.on("updaterecord",(function(t,o){var n={rowIndex:e.store.oLocalModel[o.sRecordIndex].nRowIndex,recordIndex:o.sRecordIndex,changedField:o.aChangedFieldIndex,oldData:o.oOldData,batchEdit:e.batchEditor.isActive(),data:e.store.cleanSingleRecord(o.oRecordRawData)},r=e.emitEvent("data:record:beforechange",{ZGData:n},!0);return e.store.processChangedData(n.data,o.oRecordRawData,o.sRecordIndex),r}),void 0,void 0,!0),this.store.on("afterupdaterecord",(function(t,o){o=o.options;var n={rowIndex:e.store.oLocalModel[o.sRecordIndex].nRowIndex,recordIndex:o.sRecordIndex,changedField:o.aChangedFieldIndex,oldData:o.oOldData,batchEdit:o.bBatchEdit||!1,data:e.store.cleanSingleRecord(o.oRecordRawData)};e.emitEvent("data:record:change",{ZGData:n})})),this.on("openinsert",(function(t,o){var n={inputContainer:o.inputContainer,editorFields:o.editorFields,batchEdit:e.batchEditor.isActive()};e.emitEvent("data:record:openinsert",{ZGData:n,ZGTarget:o.dialog})})),this.store.on("insertrecord",(function(t,o){var n={rowIndex:"start"===o.sRecordLocation?0:"end"===o.sRecordLocation?e.aRowMapping.length:o.sRecordLocation,batchEdit:e.batchEditor.isActive(),data:e.store.cleanSingleRecord(o.oRecordRawData)},r=e.emitEvent("data:record:beforeinsert",{ZGData:n},!0);return e.store.processChangedData(n.data,o.oRecordRawData,o.sRecordIndex),r}),void 0,void 0,!0),this.store.on("afterinsertrecord",(function(t,o){var n={rowIndex:o.nRowIndex,batchEdit:o.bBatchEdit,data:e.store.cleanSingleRecord(o.oLocalModel.model.oRecordRawData)};e.emitEvent("data:record:insert",{ZGData:n})}))}},{key:"associateColumns",value:function(e,t){if(!this.bUpdateColGroup||t){if(this.selector&&this.selector.deSelectAll(),this.bUpdatingColumns=!0,this.aColumnMapping.length){if(!this.store.isIncrementalLoad()){var o=this.aColumnMapping,n=this.store.getFieldStructure(),r=!1;if(!this.store.bLightReload){this.bIsUpdatingType=!0;for(var i=0,a=o.length;i<a;i++){var l=o[i],d=l.oDOMZGColumn,c=l.sFieldIndex;if(d.hasAttribute("group")&&c)this.bGroupBy=!0,-1===this.aGroupBy.indexOf(c)&&(this.aGroupBy.push(c),r=!0);else if(!l.bIsTypeUserProvided){c=c.split(",")[0];var u=n?n[c]:"text",h="text";"number"===u&&"year"!==c.toLowerCase()&&(h=u),d[s.Z.attr.type]=h,l.bIsTypeUserProvided=!1}}this.bIsUpdatingType=!1,this.bGroupBy&&this._updateGroupedColumn(r)}}}else this.updateDefaultColumnMapping();var f=this.webcomponent;if(!this.store.bLightReload){if(this.store.aOrderedData.length&&(f.editorControls||f.rowSelector||f.recordKey||f.recordDuplicate||f.aggregate)){var p={editorControls:f.editorControls,rowSelector:f.rowSelector,recordKey:f.recordKey,recordDuplicate:f.recordDuplicate,aggregate:f.aggregate};this._addColumnControls(p)}else this.bHasEditColumn?this.mainColumnBody.oBody.setAttribute(s.Z.attr.editorcontrols,""):this.mainColumnBody.oBody.removeAttribute(s.Z.attr.editorcontrols);this.setupCardHeader()}if(!this.bGroupBy&&(!this.aRowMapping.length||this.store.isIncrementalLoad())){if(this.store.oDataFormat.bLoadByScroll){var g=this.store,m=this.getPageSize()*this.nInfiniteTotalDisplay,b=this.aRowMapping.length+g.getUnseenRecordIndex().length;m<b&&(this.nAdjustedStart=b-m)}this.updateDefaultRowMapping()}if(!this.savedScrollVal&&this.oDOMMainScroll.scrollLeft&&(this.savedScrollVal=this.oDOMMainScroll.scrollLeft),this.store.bLightReload&&(this.nCurrPageIdx=this.store.nSavePageIdx||0),this.bHasSearchEnabled&&this.search&&this.search.oDOMInput.value&&!this.store.isIncrementalLoad()?this.update(null,void 0,void 0,!0,!0):this.update(null,void 0,void 0,!1,!0),this.oDOMSortedColumn){var v=this.oDOMSortedColumn;v._oParsedColumnMapping.oDOMSortHeader.onSort(null,null,v._oParsedColumnMapping.sSortDir)}var y=this.bPreloaded||this.bHydrating?"hydrate":"refresh";this.bHydrating=this.bPreloaded=!1,this.bUpdatingColumns=!1,this.fire("afterloaded"),this.bAPIReady?(this.fire(y),this.savedScrollVal=null):(this.bAPIReady=!0,this.fire("apiready"))}}},{key:"onContextMenu",value:function(e,t){this.sContextMenuId!==s.Z.zgMenu.browser&&(e.preventDefault(),this.bHasContextMenuEnabled&&this.menuManager.openContextMenu(e,t))}},{key:"emitEvent",value:function(e,t,o){var n={detail:t=t||{}},r=null;o&&(n.cancelable=!0);var i=new CustomEvent(e,n);return this.bDisconnect||(r=this.webcomponent.dispatchEvent(i)),r}},{key:"detectGridEvent",value:function(e){var t,o,r,i,a,l,d,c,u,h,f,p,g,m=e.type,b=n.MV(e.oDOMTarget,s.Z.zgCell.tagName),v=!b&&n.MV(e.oDOMTarget,s.Z.zgHeadCell.tagName),y=n.MV(e.oDOMTarget,s.Z.zgCard.tagName);if("contextmenu"===m&&(m="rightclick"),b){if(t="cell:".concat(m),o=b,void 0===(c=(a=b.parentNode).dataRowIndex))return;if(void 0===(d=this.getRecordIndexByDataRowContainerIndex(c)))return;u=this.getBodyRowIndex(c),l=b.getAttribute("data-field-index"),(p=this.getColumnByFieldIndex(l))&&(f=p.sCellType);var w=this.getColumnIndexByFieldIndex(l),z=this.getDOMByIndex(c,w);g=this.getGroupIndexByDataRowContainerIndex(c),i={DOMCell:z,type:f,fieldIndex:l,rowIndex:c,bodyRowIndex:u,recordIndex:d,columnIndex:w,value:this.store.get(d,l,g)},this.emitEvent(t,{ZGTarget:o,ZGData:i,ZGEvent:e})}var C=!1;if(a&&!y&&a.getAttribute(s.Z.zgLayout.attr)===s.Z.zgLayout.typeCard&&(y=a),y){if(t="card:"+m,o=y,a||(a=y.parentNode),c=this.getRowIndexByDataRowContainerIndex(a.dataRowIndex),d||(d=this.getRecordIndexByDataRowContainerIndex(c)),u||(u=this.getBodyRowIndex(c)),void 0===c||!this.aRowMapping[c]||void 0===d)return;r={},h=this.store.oLocalModel[d].model.get(),i&&(r.cell=i),r.bodyRowIndex=u,r.rowIndex=c,r.recordIndex=d,r.data=h;var S={ZGTarget:o,ZGData:r,ZGEvent:e};this.simulateMouseEvents(m,d,"Row",t,S)&&(this.emitEvent(t,S),C=!0)}else if(a){t="row:"+m,o=a,r={},void 0!==d&&(g||(h=this.store.cleanSingleRecord(this.store.oLocalModel[d].model.get()),r.data=h),i&&(r.cell=i),r.rowIndex=c,r.bodyRowIndex=u,r.recordIndex=d);var k={ZGTarget:o,ZGData:r,ZGEvent:e};this.simulateMouseEvents(m,d,"Row",t,k)&&(C=!0,this.emitEvent(t,k))}if(C&&(a||y)){t="record:"+m,o=y||a;var x={rowIndex:c,bodyRowIndex:u,recordIndex:d,data:h};i&&(x.cell=i);var O={ZGTarget:o,ZGData:x,ZGEvent:e};x.layout=y?"card":"row",this.emitEvent(t,O)}if(v){t="header:"+m,o=v;var _=v.getAttribute("cellindex"),R=this.aColumnMapping[_];r={cellIndex:_,fieldIndex:l=R.sFieldIndex,text:R.sColumnHeaderText},this.emitEvent(t,{ZGTarget:o,ZGData:r,ZGEvent:e})}if(v||b){t="column:"+m;var E={ZGTarget:o=v||b,ZGData:r={fieldIndex:l},ZGEvent:e};this.simulateMouseEvents(m,l,"Column",t,E)&&this.emitEvent(t,E)}}},{key:"simulateMouseEvents",value:function(e,t,o,n,r){var i=this;if("mouseover"===e){if(this.aCurrentOver[o]===t)return this.aMouseOut[o]=t,!1;this.aCurrentOver[o]=t}else if("mouseout"===e){this.aMouseOut[o]="";var a=setTimeout((function(){if(i.aMouseOutTimeouts){var e=i.aMouseOutTimeouts.indexOf(a);if(e>=0&&i.aMouseOutTimeouts.splice(e,1),i.aMouseOut[o]===t)return!1;i.aCurrentOver[o]===t&&(i.aCurrentOver[o]=""),i.emitEvent(n,r),"card:mouseout"!==n&&"row:mouseout"!==n||(r.ZGData.layout="card:mouseout"===n?"card":"row",i.emitEvent("record:mouseout",r))}}));return this.aMouseOutTimeouts.push(a),!1}return!0}},{key:"setupCardHeader",value:function(){this.bHasEditColumn||this.bHasInfoColumn||this.bHasSelectorColumn||this.bHasRemoveColumn||this.bHasRowNumberColumn?this.mainColumnBody.oBody.setAttribute(s.Z.attr.internalcardheader,""):this.mainColumnBody.oBody.removeAttribute(s.Z.attr.internalcardheader)}},{key:"insertRow",value:function(e,t,o){this.store.insertRecord(e,void 0,t,o)}},{key:"updateRow",value:function(e,t,o,n){this.store.updateRecord(t,e,void 0,o,void 0,n)}},{key:"updateCell",value:function(e,t,o,n){this.store.updateCell(e,t,o,n)}},{key:"duplicateRecord",value:function(e){var t=this.store;e=t.getRecordIndex(e);var o=t.oLocalModel[e].sFrozen,n=t.cleanSingleRecord(t.get(e).oRecordRawData),r=t.getRowIndexByRecordIndex(e)+1;t.insertRecord(n,r,void 0,void 0,o)}},{key:"removeRow",value:function(e,t,o,n){var r=this,i=this.store;if(this.recordEditor.isRecordEditorOpen()&&this.recordEditor.cancelOpenEdit(),this.editorFieldManager.oActiveEditorField&&this.editorFieldManager.closeFieldEditor(!0),!this.getConfirmation(s.Z.confirmations.delete)||t||this.batchEditor.isActive())l();else{if(this.selector.bHasSelection){var a=this.selector.se;this.deleteSE.cell(a.nStartRowIndex,a.nStartColumnIndex)}else this.deleteSE.end();this.fire("rowdelete"),this.ZG.oDOMDialog.setDialog("record-delete"),this.ZG.oDOMDialog.on("dialogConfirm",l,this),this.ZG.oDOMDialog.on("dialogCancel",(function(){return r.deleteSE.select(r.selector.bHasSelection)}),this)}function l(){i.removeRecord(e,void 0,o,n)}}},{key:"removeSelectedRows",value:function(e){var t=this,o=Object.keys(this.aSelectedRows);if(0!==o.length){var n,r,i=C({msg:h.default.get("dialog.removeXSelectedRows.label",this),vars:[o.length],plurals:[{value:"s",condition:o.length>1}]}),a=C({msg:h.default.get("dialog.removeXSelectedRows.successMsg",this),vars:[o.length],plurals:[{value:"s",condition:o.length>1}]}),l={confirm:{text:h.default.get("dialog.delete",this)},label:i,type:"selected-rows-delete",body:'\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="removerecord" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <p>'.concat(h.default.get("dialog.removeXSelectedRows.body",this),"</p>\n        </div>\n      ")};this.ZG.dialogArr.filter((function(e,t){return(n=e.type===l.type)&&(r=t),n})).length?this.ZG.dialogArr[r]=l:this.ZG.dialogArr.push(l);var d=function(){for(var n=0;n<o.length;n++)t.removeRow(o[n],!0,a);t.batchEditor.isActive()&&(t.aSelectedRows=[],t.updateCaption()),e&&requestAnimationFrame((function(){return t.focusManager.changeFocus(0,-1)}))};this.getConfirmation(s.Z.confirmations.delete)&&!this.batchEditor.isActive()?(this.ZG.oDOMDialog.setDialog(l.type),this.ZG.oDOMDialog.on("dialogConfirm",d),this.ZG.oDOMDialog.on("dialogCancel",(function(){e&&e.focus()}),this)):d()}}},{key:"getConfirmation",value:function(e){var t=(this.ZG.confirmations||s.Z.confirmations.all).split(",").map((function(e){return e.toLowerCase().trim()}));return!(e===s.Z.confirmations.delete&&!1===this.bConfirmDelete||-1===t.indexOf("all")&&-1===t.indexOf(e))}},{key:"resetColumns",value:function(){this.aColumnMapping.length=0,this.nHeaderDepth=0,this.updater.clearCache()}},{key:"updateDefaultColumnMapping",value:function(){var e=this.store,t=e.getLeafFieldIndex(),o=e.getFieldStructure(),n=0;if(this.aColumnMapping=[],t.length){var r=t.length;if(this.bGroupBy){this.aColumnMapping.length=r+1;var i=this._createZGColumn({type:s.Z.internalColumn.rowgroup,index:this.aGroupBy.join(",")},void 0,n);this.aColumnMapping[n]=i._oParsedColumnMapping,n++}else this.aColumnMapping.length=r;for(var a=0,l=t.length;a<l;a++)if("sRecordIndex"!==t[a]&&"sRESTIndex"!==t[a]&&"nOriginalIndex"!==t[a]){var d=o?o[t[a]]:"text",c="text";"number"===d&&"year"!==t[a].toLowerCase()&&(c=d);var u=this._createZGColumn({type:c,index:t[a]},void 0,n);this.bGroupBy&&-1!==this.aGroupBy.indexOf(t[a])&&(this.bUpdatingHidden=!0,u.setAttribute("hidden",""),this.bUpdatingHidden=!1),this.aColumnMapping[n]=u._oParsedColumnMapping,n++}this.bIsMappingUserProvided=!1}}},{key:"_updateGroupedColumnReset",value:function(e,t,o,n){!o&&t&&(o=this.groupbyManager.unsetGroup());var r=this.aRowMapping.length;this._updateGroupedColumn(e,o,t,n),this.bUpdateGroupBy||(this.setupCardHeader(),this.updater.clearCache(),this.update(),this.aRowMapping.length!==r&&this.groupbyManager.clearPaging())}},{key:"_updateGroupedColumn",value:function(e){var t=this,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=arguments.length>2?arguments[2]:void 0,r=arguments.length>3?arguments[3]:void 0,i=this.aGroupBy,a=this.aColumnMapping;if(this.bEditingControls=!0,this.aColumnMapping=this.aColumnMapping.filter((function(e){var a=e.oDOMZGColumn;if(e.sCellType!==s.Z.internalColumn.rowgroup)-1!==i.indexOf(a.index)?a.setAttribute("hidden",""):-1!==o.indexOf(a.index)&&a.removeAttribute("hidden");else if(n&&!r)return t.bHasRowGroupColumn=!1,a.remove(),!1;return!0})),!n&&!r)if(this.bHasRowGroupColumn){for(var l=0,d=a.length;l<d;l++)if(a[l].sCellType===s.Z.internalColumn.rowgroup){a[l].oDOMZGColumn.index=i.join(",");break}}else{var c=this.getColgroupByColumnIndex(0),u=this._createZGColumn({type:s.Z.internalColumn.rowgroup,index:this.aGroupBy.join(",")},c.firstChild);this.aColumnMapping.unshift(u._oParsedColumnMapping),this.hasFrozenColumns()&&this._adjustFrozenColumns()}this.bEditingControls=!1,e&&(this.groupbyManager.clean(),this.aRowMapping.length=0,n?this.store.resetRowMapping():this.groupbyManager.groupBy(this.aGroupBy))}},{key:"_updateHiddenColumn",value:function(e,t,o){t.sCellType===s.Z.internalColumn.rowgroup?(e||(this.aGroupBy=t.sFieldIndex.split(",").map((function(e){return e.trim()})),this.bHasRowGroupColumn=!0),this._updateGroupedColumnReset(!0,e,void 0,!0)):(o&&(this.bColumnClick=!0),this.updater.update({bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bHiddenColumns:!0,bFixedColumns:!0,bUpdateColumnHeaderContent:!0,bUpdateBodyContent:!0,bUpdateColumnFooterContent:!0}),o&&(this.bColumnClick=!1))}},{key:"_addColumnControls",value:function(e){var t=e.editorControls,o=e.rowSelector,n=e.recordKey,r=e.recordDuplicate,i=e.aggregate,a=this.aColumnMapping.length;this.bEditingControls=!0;var l=[],d=this.nLeftFrozenColumns,c=this.nRightFrozenColumns;(d||c)&&(this.nLeftFrozenColumns=0,this.nRightFrozenColumns=0,this._adjustFrozenColumns()),this.aColumnMapping=this.aColumnMapping.filter((function(e){var t=e.oDOMZGColumn;return t.index!==s.Z.internalColumn.recordkey&&t.type!==s.Z.cellTypes.aggregate&&-1===s.Z.internalColumnTypes.indexOf(t.type)||!t.controlDefined?-1===s.Z.internalColumnTypes.indexOf(t.type)&&t.index!==s.Z.internalColumn.recordkey||(t.index===s.Z.internalColumn.recordkey?l.push(s.Z.internalColumn.recordkey):l.push(t.type),!0):(t.parentNode.removeChild(t),!1)})),this.aColumnMapping.length===a&&0!==this.getColumnId()||this.setColumnId(this.aColumnMapping.length);var u=[];if(t&&(u="all"===t?[s.Z.editorControls.editor,s.Z.editorControls.remover,s.Z.editorControls.creator]:t.split(/[ ,]+/)),n&&!l.includes(s.Z.internalColumn.recordkey)){n===s.Z.internalColumn.recordkey&&(n=h.default.get("columntypes.key",this));var f=this._createZGColumn({index:s.Z.internalColumn.recordkey,controlDefined:!0,header:n},this.mainColumnHeader.oColGroup.firstChild);this.aColumnMapping.unshift(f._oParsedColumnMapping)}if(o&&!l.includes(s.Z.internalColumn.recordselector)){var p=this._createZGColumn({type:"selector",controlDefined:!0},this.mainColumnHeader.oColGroup.firstChild);this.aColumnMapping.unshift(p._oParsedColumnMapping)}if(i){var g=i.trim(),m=this._createZGColumn({type:"aggregate",controlDefined:!0,typeAggregateValue:g});this.aColumnMapping.push(m._oParsedColumnMapping)}if(r&&!l.includes(s.Z.internalColumn.recordduplicate)){var b=this._createZGColumn({type:"duplicate",controlDefined:!0});this.aColumnMapping.push(b._oParsedColumnMapping)}if(u.includes(s.Z.editorControls.editor)&&!l.includes(s.Z.internalColumn.recordeditor)){var v=this._createZGColumn({type:s.Z.editorControls.editor,controlDefined:!0});this.aColumnMapping.push(v._oParsedColumnMapping)}if(u.includes(s.Z.editorControls.remover)&&!l.includes(s.Z.internalColumn.recordeditor)){var y=this._createZGColumn({type:s.Z.editorControls.remover,controlDefined:!0});this.aColumnMapping.push(y._oParsedColumnMapping)}this.nLeftFrozenColumns=d,this.nRightFrozenColumns=c,this._adjustFrozenColumns(),u.includes(s.Z.editorControls.creator)?this.webcomponent._setCreateControls(!0):this.webcomponent._setCreateControls(!1),t&&this.mainColumnBody.oBody?this.mainColumnBody.oBody.setAttribute(s.Z.attr.editorcontrols,t):this.mainColumnBody.oBody.removeAttribute(s.Z.attr.editorcontrols),this.bEditingControls=!1}},{key:"_createZGColumn",value:function(e,t,o){var n=document.createElement("zg-column");for(var r in e)e.hasOwnProperty(r)&&("index"===r&&""===e[r]&&(e[r]=" "),n[r]=e[r]);var i=null;return i=t?t.parentNode:void 0!==o?this.getColgroupByColumnIndex(o):this.mainColumnHeader.oColGroup,n.widget=this,t?i.insertBefore(n,t):i.appendChild(n),n}},{key:"_adjustFrozenColumns",value:function(e){var t=this.webcomponent;this.bUpdatingFrozen=!0;var o=t.oDOMColgroup,n=t.oDOMLeftColgroup,r=t.oDOMRightColgroup;if(e||t.bReady){var i=n.querySelectorAll("zg-column"),a=o.firstChild;i.length&&i.forEach((function(t){e||t.removeAttribute("frozen"),o.insertBefore(t,a)}));var s=r.querySelectorAll("zg-column");s.length&&s.forEach((function(t){e||t.removeAttribute("frozen"),o.appendChild(t)}));for(var l=this.aColumnMapping.length?this.aColumnMapping:null,d=l?l.length:o.querySelectorAll("zg-column").length,c=0;c<this.nLeftFrozenColumns&&c<d;c++){var u=l?l[c].oDOMZGColumn:o.querySelector("zg-column");n.appendChild(u),e&&u.getAttribute("frozen")||u.setAttribute("frozen","left")}for(var h=d-this.nLeftFrozenColumns,f=this.getAllColumns(),p=0;p<this.nRightFrozenColumns&&p<h;p++){var g=d-this.nRightFrozenColumns+p,m=l?l[g].oDOMZGColumn:f[g];r.appendChild(m),e&&m.getAttribute("frozen")||m.setAttribute("frozen","right")}if(l)for(var b=0;b<d;b++)l[b].oDOMZGColumn.style.width="";this.bUpdatingFrozen=!1,this.updateFrozenColumnAttributes(this.nLeftFrozenColumns,"Left"),this.updateFrozenColumnAttributes(this.nRightFrozenColumns,"Right")}}},{key:"_adjustFrozenColumnsFromAttribute",value:function(){var e,t,o=this.webcomponent,n=this.aColumnMapping,r=n.length,i=[],a=[];if(this.bUpdatingFrozen)return null;for(var l=0;l<r;l++)a.push(this.getAreaByColumnIndex(l));for(var d=0;d<r;d++){var c=n[d],u=c.sFrozen,h=a[d],f=c.oDOMZGColumn,p={};u&&u!==h&&("right"===u?(e=o.oDOMRightColgroup,t="nRightFrozenColumns","left"===h&&this.nLeftFrozenColumns--,p.column=c,p.newIndex=r-1):(e=o.oDOMLeftColgroup,t="nLeftFrozenColumns","right"===h&&this.nRightFrozenColumns--,p.column=c,p.newIndex=this.nLeftFrozenColumns),i.push(p),this.bUpdatingFrozen=!0,this.parentNode!==e&&(this[t]++,e.appendChild(f)),o.removeAttribute(s.Z.frozenColumns.rightAttr),o.removeAttribute(s.Z.frozenColumns.leftAttr),this.bUpdatingFrozen=!1)}for(var g=0;g<i.length;g++){var m=i[g].column,b=this.getZGColumnIndex(m),v=i[g].newIndex;n.splice(b,1),n.splice(v,0,m)}this.updateFrozenColumnAttributes(this.nLeftFrozenColumns,"Left"),this.updateFrozenColumnAttributes(this.nRightFrozenColumns,"Right")}},{key:"moveColumn",value:function(e,t,o,n,r){var i=this.webcomponent,a=this.getBodyByColumnIndex(t,!0),l=a.oBody;n=n||this.getBodyByColumnIndex(e),void 0===r&&(r=this.getAdjustedColumnIndex(e));var d=i.oDOMLeftColgroup,c=i.oDOMRightColgroup,u=this.nLeftFrozenColumns,h=this.nRightFrozenColumns,f=l.children.length,p=n.children.length,g=this.aColumnMapping;if(!(e>=g.length)){var m=g.splice(e,1)[0];g.splice(t,0,m);var b,v=this.getColgroupByColumnIndex(t),y=m.oDOMZGColumn.parentNode;if((t===g.length-1||(b=g[t+1].oDOMZGColumn).parentNode!==v)&&(b=null),this.bUpdatingFrozen=!0,t>e?v.insertBefore(m.oDOMZGColumn,b||null):v.insertBefore(m.oDOMZGColumn,b),i.removeAttribute(s.Z.frozenColumns.rightAttr),i.removeAttribute(s.Z.frozenColumns.leftAttr),m.oDOMZGColumn.removeAttribute("frozen"),this.bUpdatingFrozen=!1,this.bReordering=!0,this.oZGHeadCellMap={},this.oZGFootCellMap={},!this.savedScrollVal&&this.oDOMMainScroll.scrollLeft&&(this.savedScrollVal=this.oDOMMainScroll.scrollLeft),this.updater.removeAllHeaderRows(),this.updater.removeAllFooterRows(),v!==y){if(o||(v===d?u++:v===c&&h++,y===d?u--:y===c&&h--,this.nLeftFrozenColumns=u,this.nRightFrozenColumns=h),f<p){var w=p-f;a.insertRowsPerFrame(w)}n.childNodes.forEach((function(e,t){e.childNodes.forEach((function(e,o){r===o&&l.childNodes[t].appendChild(e)}))})),this._adjustFrozenColumns()}if(this.update({bUpdateColumnBodyContainerClass:!0,bUpdateBodyContent:!0,bUpdateColumnHeaderContent:!0,bUpdateColumnFooterAssignment:!0,bUpdateColumnFooter:!0,bUpdateHiddenContainer:!0,bUpdateContainer:!0}),this.oDOMSortedColumn){var z=this.oDOMSortedColumn;z._oParsedColumnMapping.oDOMSortHeader.onSort(null,null,z._oParsedColumnMapping.sSortDir)}this.bReordering=!1,this.fire("columnmove",{oldIndex:e,newIndex:t,bFrozenUpdated:o})}}},{key:"updateBatchEditStyleAttributes",value:function(e){var t=this.webcomponent;if(e){var o=t.oDOMHead,n=this.getDOMByIndex(0,0),r=window.getComputedStyle(n),i=window.getComputedStyle(n.parentNode),a=window.getComputedStyle(t),l=o.getBoundingClientRect().top,d=parseInt(i.borderTopWidth,10),c=parseInt(r.borderLeftWidth,10)+parseInt(i.borderLeftWidth,10)+parseInt(a.borderLeftWidth,10),u=n.getBoundingClientRect().top-(l+d),h=this.getFooterContainer().querySelector('zg-row[type="aggregate"]'),f=0;h&&(f=h.getBoundingClientRect().height),t.oDOMBatchEditStyle.style.top="".concat(u,"px"),t.oDOMBatchEditStyle.style.left=c?"-".concat(c,"px"):0;var p=u+f;t.oDOMBatchEditStyle.style.height="calc(100% - ".concat(p,"px)"),t.oDOMBatchEditStyle.removeAttribute(s.Z.attr.hidden)}else t.oDOMBatchEditStyle.setAttribute(s.Z.attr.hidden,"")}},{key:"updateFrozenColumnAttributes",value:function(e,t){var o=this.webcomponent,n=this.bUpdatingFrozen,r=t.toLowerCase();this.bUpdatingFrozen=!0,e?(o["oDOMFrozen".concat(t)].removeAttribute(s.Z.frozenColumns.noContent),o["oDOMFrozen".concat(t,"HeadFrame")].removeAttribute(s.Z.frozenColumns.noContent),o["oDOMFrozen".concat(t,"FootFrame")].removeAttribute(s.Z.frozenColumns.noContent),o["oDOMFrozen".concat(t,"Style")].removeAttribute(s.Z.attr.hidden),o.setAttribute(s.Z.frozenColumns["".concat(r,"Attr")],this["n".concat(t,"FrozenColumns")])):(o["oDOMFrozen".concat(t)].setAttribute(s.Z.frozenColumns.noContent,""),o["oDOMFrozen".concat(t,"HeadFrame")].setAttribute(s.Z.frozenColumns.noContent,""),o["oDOMFrozen".concat(t,"FootFrame")].setAttribute(s.Z.frozenColumns.noContent,""),o["oDOMFrozen".concat(t,"Style")].setAttribute(s.Z.attr.hidden,""),o.removeAttribute(s.Z.frozenColumns["".concat(r,"Attr")])),this.bUpdatingFrozen=n}},{key:"updateDefaultRowMapping",value:function(e,t){var o,r=this.store,i=this.aRowMapping,a=(this.aGroupMapping,0),s=r.getUnseenRecordIndex(),l=s.length;if(l){var d=this.getRowIndexStartOnPage(!0);if(!e){for(;d<i.length&&!n.o8(i[d]);)d++;for(o=d;o<l+d;){if(0===d&&!t&&o<this.nTopFrozenRows)this.updateRowMapping(this.aTopRowMapping,o,{sRecordIndex:s[a]});else if(0===d&&!t&&o>=l-this.nBottomFrozenRows){var c=this.nBottomFrozenRows-(l-o);this.updateRowMapping(this.aBottomRowMapping,c,{sRecordIndex:s[a]})}else{var u=t?o:o-this.nTopFrozenRows;this.updateRowMapping(this.aRowMapping,u,{sRecordIndex:s[a]})}o++,a++}}}}},{key:"updateFrozenRowMapping",value:function(){var e=this.nTopFrozenRows,t=this.nBottomFrozenRows,o=this.aTopRowMapping,n=this.aBottomRowMapping,r=this.aRowMapping;if(e>r.length||t>r.length)this.fullUpdateFrozenRowMapping();else{if(e!==o.length){var i=e-o.length;r.length,i>0?o.push.apply(o,p(r.splice(0,i))):r.unshift.apply(r,p(o.splice(i)))}if(t!==n.length){var a=n.length-t;r.length,a<0?n.unshift.apply(n,p(r.splice(a))):r.push.apply(r,p(n.splice(0,a)))}}this.store.refreshAllRecordMapping()}},{key:"fullUpdateFrozenRowMapping",value:function(){var e=this.aTopRowMapping,t=this.aBottomRowMapping,o=this.aRowMapping;o.unshift.apply(o,p(e.splice(0))),o.push.apply(o,p(t.splice(0)));var n=Math.min(this.nTopFrozenRows,o.length);e.push.apply(e,p(o.splice(0,n)));var r=-1*Math.min(this.nBottomFrozenRows,o.length);r<0&&t.unshift.apply(t,p(o.splice(r)))}},{key:"updateRowMapping",value:function(e,t,o){var n=this.store,r=o.sRecordIndex;e[t]=e[t]||{},e[t].sRecordIndex=r,e[t].sGroupRecordIndex=o.sGroupRecordIndex,e[t].nCount=o.nCount,e[t].nDataRowsBefore=o.nDataRowsBefore,o.sGroupRecordIndex||n.updateRecordMapping(e,r,t)}},{key:"initDir",value:function(){this.sComputedDir=getComputedStyle(this.webcomponent).direction}},{key:"initStore",value:function(){this.store=new a.Z({widget:this})}},{key:"update",value:function(e,t,o,n,r){this.store.bHasLoaded&&this.bHasAttachedToDOM&&this.webcomponent.bReady&&(e=e||{bUpdateColumnWidth:!0,bUpdateColumnWidthCache:!0,bUpdateBodyContent:!0,bUpdateColumnBodyContainerClass:!0,bUpdateColumnHeaderAssignment:!0,bUpdateContainer:!0,bUpdateRowMappingOrder:!0,bUpdateColumnFooter:!0,bUpdateColumnFooterAssignment:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},n&&(e.bUpdateRowMappingFilter=!0),r&&(e.bInitialSizeCheck=!0),this.webcomponent.oDOMNodata&&this.webcomponent.oDOMNodata.clearInfo(),this.updater.update(e,t,o),this.fire(s.Z.event.updated))}},{key:"bodyUpdateWithScroll",value:function(e,t,o){var n=this.webcomponent;this.bGroupBy&&!this.bGrouping&&this.groupbyManager.updatePagerGroupByMapping(e,t,o),n.oDOMVScroller&&n.oDOMVScroller.scrollLeft&&this.updateHeadFootScroll(!0),this.oDOMScroller&&(this.oDOMScroller.scrollTop=0),this.savedScrollVal=this.oDOMMainScroll.scrollLeft,this.nRowSets=1,this.bodyUpdate()}},{key:"updateHeadFootScroll",value:function(e){var t=this.webcomponent,o=this.mainGridHScroll,n="-".concat(o.getScroll().left),r=t.oDOMCellOverflow,i=t.oDOMHead,a=t.oDOMFoot;i.style.transform=e?"":"translateX(".concat(n,"px)"),a.style.transform=e?"":"translateX(".concat(n,"px)"),r&&r.isOpen()&&r.setPosition(r.currentTrigger,!0)}},{key:"bodyUpdate",value:function(e,t){var o={bUpdateColumnWidth:!0,bUpdateColumnWidthCache:!0,bUpdateColumnBodyContainerClass:!0,bUpdateContainer:!0,bUpdateBodyContent:!0};e&&(o.bUpdateRowMappingFilter=!0,o.bUpdateColumnWidth=!1,o.bUpdateColumnWidthCache=!1,o.bUpdateColumnFooterContent=!0,o.bUpdateColumnHeaderContent=!0),this.store.oDataFormat.bServerFilter&&e||!0===this.store.oDataFormat.bLoadByPages&&(!e||t)?(e&&!this.store.oDataFormat.bServerFilter?(this.dumpMapping(),this.nCurrPageIdx=this.nAdjustedStart=0,this.store.dumpModel()):(e||t)&&(this.nCurrPageIdx=this.nAdjustedStart=0),this.store.load()):(e&&this.aRowMapping.length===this.store.aOrderedData.length-this.getFrozenRowCount()&&(this.nStoredPageIndex=this.getCurrPageIdx(),this.setCurrPageIdx(0)),this.webcomponent.oDOMNodata&&(this.savedScrollValFilter=this.oDOMMainScroll.scrollLeft,this.webcomponent.oDOMNodata.clearInfo()),this.updater.update(o),e&&-1!==this.nStoredPageIndex&&this.aRowMapping.length===this.store.aOrderedData.length-this.getFrozenRowCount()&&(this.setCurrPageIdx(this.nStoredPageIndex),this.nStoredPageIndex=-1),this.fire(s.Z.event.updated),this.savedScrollValFilter=0,this.savedScrollVal&&e&&(this.oDOMMainScroll.scrollLeft=this.savedScrollVal,this.updateHeadFootScroll(),this.savedScrollVal=0))}},{key:"updateCaption",value:function(){if(this.webcomponent.oDOMCaption){var e,t=this.webcomponent,o=this.webcomponent.oDOMCaption,n=this.webcomponent.oDOMCaption.oDOMRemove,r=Object.keys(this.aSelectedRows).length;n&&(r?(this.messageCaption||(this.captionData=o._oShadowRoot.querySelector("slot").assignedNodes(),this.captionData.forEach((function(e){return o.removeChild(e)})),this.messageCaption=document.createElement("div"),this.messageCaption.slot="message",o.appendChild(this.messageCaption)),e=C({msg:h.default.get("tools.selected",this),vars:[r],plurals:[{value:"s",condition:r>1}]}),(t.editor||t.editorControls||this.bHasRemoveColumn)&&n.removeAttribute(s.Z.attr.hidden),this.messageCaption.innerHTML=e):(this.messageCaption&&(this.captionData.forEach((function(e){return o.appendChild(e)})),this.changedCaption&&(this.webcomponent._setCaption(this.changedCaption),this.changedCaption=null),this.messageCaption.parentNode&&this.messageCaption.parentNode.removeChild(this.messageCaption),this.messageCaption=null),n.setAttribute(s.Z.attr.hidden,"")))}}},{key:"setStorybook",value:function(){var e=this,t=this.webcomponent;this.on("apiready",(function(){if(e.isStorybook("editor-row")&&t.openRowEditor(0),e.isStorybook("focus")&&t.select(1,1),e.isStorybook("menu")&&(t.select(1,1),t.oDOMCaption.oDOMMenu.click()),e.isStorybook("select")&&t.querySelector("zg-select").toggleList(),e.isStorybook("status")){var o={icon:"checkmark",state:"success",msg:h.default.get("dialog.fieldUpdate.successMsg",e)};e.statusManager.setStatus(o)}}))}},{key:"isStorybook",value:function(e){return this.webcomponent.hasAttribute("storybook-".concat(e))}},{key:"getInfiniteDataLoaded",value:function(){var e=this.nAdjustedStart+this.getPageSize()*this.nInfiniteTotalDisplay;return this.aRowMapping.length>e}},{key:"getRowCount",value:function(){return this.bGroupBy?this.getGroupRowCount():this.aRowMapping.length}},{key:"getGroupRowCount",value:function(e){var t=this.groupbyManager;if(null!==t.groupedVisible)return t.groupedVisible+t.aAddedGroupRecords.length+this.oGroupDummyRows.count;var o=0;return e||(e=this.store.aGroupData,o=t.aAddedGroupRecords.length),e?Object.keys(e).length+o+this.oGroupDummyRows.count:0}},{key:"hasFrozenRows",value:function(){return this.getFrozenRowCount()>0}},{key:"getFrozenRowCount",value:function(){return this.nTopFrozenRows+this.nBottomFrozenRows}},{key:"getRowContainerCount",value:function(e){var t,o=this.getPageSize(),n=this.getCurrPageIdx(),r=this.getRowCount(),i=this.nRowsPerSet*this.nRowSets;if(this.store.oDataFormat.bLoadByScroll)t=Math.min(r,o*this.nInfiniteTotalDisplay);else{var a=r-n*o||r;!e&&i>0&&i<o&&(o=i),t=Math.min(a,o)}return t}},{key:"getColumnContainerCount",value:function(){return this.aColumnMapping.length}},{key:"getAllHeaderDepth",value:function(){return this.getHeaderDepth()+(this.bHasFilterEnabled?1:0)+(this.bHasHeadRow?1:0)+this.nTopFrozenRows}},{key:"getAllFooterDepth",value:function(){}},{key:"getHeaderDepth",value:function(){return this.bHeaderRowHide?0:this.nHeaderDepth||this.store.getFieldDepth()}},{key:"needRemoveBorder",value:function(){return this.bHeaderRowHide&&0===this.getAllHeaderDepth()}},{key:"destroy",value:function(){for(var e,t=this.mainColumnBody,o=this.mainColumnHeader,r=this.mainColumnFooter,a=this.store,s=[this.editorManager,this.focusManager,this.statusManager,this.recordEditor,this.editorFieldManager,this.dialogManager,this.menuManager,this.stateManager,this.aggregateManager],l=[this.mainColumnBody,this.leftColumnBody,this.rightColumnBody,this.mainColumnFooter,this.leftColumnFooter,this.rightColumnFooter,this.mainColumnHeader,this.leftColumnHeader,this.rightColumnHeader],d=0;d<l.length;d++)l[d]&&l[d].destroy();for(var c=0;c<s.length;c++)s[c]&&s[c].destroy();h.default.destroy(this),this.loadmask&&this.loadmask.destroy(),this.updater&&this.updater.destroy(),t&&t.oElClipboard&&t.oElClipboard.destroy(),o&&o.destroy(),r&&r.destroy(),i.Z.get(document).docUnAll(),a&&a.destroy();for(var u=0;u<this.aMouseOutTimeouts.length;u++){var p=this.aMouseOutTimeouts[u];clearTimeout(p)}this.aMouseOutTimeouts.length=0,this.oDOMCaptionMirror=null,this.oCard=null,this.oCardEditTemplate=null,this.oCardTemplate=null,this.oCardBody=null,this.oDOMSortedColumn=null;for(var g=Object.keys(this),m=0;m<g.length;m++){var v=g[m],y=this[v];this.hasOwnProperty(v)&&"object"===f(y)&&y&&(y.length&&n.kJ(y)&&(y.length=0),this[v]=null,delete this[v])}for(var w=arguments.length,C=new Array(w),S=0;S<w;S++)C[S]=arguments[S];(e=b(z(k.prototype),"destroy",this)).call.apply(e,[this].concat(C))}},{key:"isCardLayout",value:function(){return this.getLayout()===s.Z.zgLayout.typeCard}},{key:"isComputedCard",value:function(){return this.getLayout()===s.Z.zgLayout.typeCard||this.layoutManager.sCurrentType===s.Z.zgLayout.typeCard}},{key:"getLayout",value:function(){return this.layoutManager.sCurrentType}},{key:"setCardsPerRow",value:function(e){this.nCardsPerRow=e}},{key:"getCardsPerRow",value:function(){return this.nCardsPerRow}},{key:"getState",value:function(){return{currPageIndex:this.getCurrPageIdx(),pageSize:this.getPageSize(),pageCount:this.getPageCount()}}},{key:"hasCardTemplate",value:function(){var e=this.oCardTemplate||this.oCardBody||!1;return this.oCard&&(e=e||this.oCard.renderer),e}},{key:"hasFrozenColumns",value:function(){return this.hasFrozenLeft()||this.hasFrozenRight()}},{key:"hasFrozenLeft",value:function(){return!!this.nLeftFrozenColumns}},{key:"hasFrozenRight",value:function(){return!!this.nRightFrozenColumns}},{key:"getRightIndex",value:function(){var e=this.aColumnMapping.length,t=this.nLeftFrozenColumns,o=e-this.nRightFrozenColumns;return o<=t-1&&(o=t),o}},{key:"getAdjustedColumnIndex",value:function(e){var t=this.nLeftFrozenColumns,o=this.nRightFrozenColumns,n=this.getRightIndex();return n<=t-1&&(n=t),o&&e>=n?e-=n:t&&e>=t&&(e-=t),e}},{key:"getFirstMainIndex",value:function(){var e=this.aColumnMapping.length,t=this.nLeftFrozenColumns,o=this.nRightFrozenColumns;if(e-o-t<=0)return null;for(var n=e-o-1,r=t;r<n;r++)if(!this.aColumnMapping[r].bHidden)return r;return null}},{key:"getColumnBodyRange",value:function(e){var t,o,n=this.mainColumnBody,r=this.leftColumnBody,i=this.rightColumnBody,a=this.aColumnMapping.length,s=this.nLeftFrozenColumns,l=this.nRightFrozenColumns,d=a-l,c=a-l-s;if(!a)return null;if(e===r&&s)t=0,o=Math.min(s-1,a-1);else if(e===n&&c>0)t=s,o=d-1;else{if(e!==i||!l)return null;t=d,o=a-1}return[t,o]}},{key:"getAllBodies",value:function(){var e=this.webcomponent;return[e.oDOMLeftBody,e.oDOMBody,e.oDOMRightBody]}},{key:"getAllHeads",value:function(){var e=this.webcomponent;return[e.oDOMLeftHead,e.oDOMHead,e.oDOMRightHead]}},{key:"getAllFeet",value:function(){var e=this.webcomponent;return[e.oDOMLeftFoot,e.oDOMFoot,e.oDOMRightFoot]}},{key:"getRegionsByColumnArea",value:function(e){var t;return t="Left"===e?0:"Right"===e?2:1,{oHead:this.getAllHeads()[t],oBody:this.getAllBodies()[t],oFoot:this.getAllFeet()[t]}}},{key:"getFirstDataRowByArea",value:function(e){var t=e.oBody.childNodes[0];if(!t){var o=this.getContainerRowIndexByDataRowIndex(0);o>=0&&(t=this.nTopFrozenRows?e.oHead.childNodes[o]:e.oFoot.childNodes[o])}return t}},{key:"getBodyByColumnIndex",value:function(e,t){var o=t?null:"Body";return this.getByColumnIndex(e,"Body",o)}},{key:"getHeaderByColumnIndex",value:function(e,t){var o=t?null:"Head";return this.getByColumnIndex(e,"Header",o)}},{key:"getColgroupByColumnIndex",value:function(e){var t=this.webcomponent.oDOMColgroup,o=this.webcomponent.oDOMLeftColgroup,n=this.webcomponent.oDOMRightColgroup,r=this.aColumnMapping.length;return this.hasFrozenLeft()&&e<this.nLeftFrozenColumns?o:this.hasFrozenRight()&&e>=r-this.nRightFrozenColumns?n:t}},{key:"getAreaByColumnIndex",value:function(e){var t=this.aColumnMapping.length;return this.hasFrozenLeft()&&e<this.nLeftFrozenColumns?"left":this.hasFrozenRight()&&e>=t-this.nRightFrozenColumns?"right":"main"}},{key:"getAreaByColumn",value:function(e){var t=this.getZGColumnIndex(e);return this.getAreaByColumnIndex(t)}},{key:"getEditorRowByIndex",value:function(e,t){var o=this.editorManager.getEditorRowsByRowIndex(e),n=this.aColumnMapping.length;return this.hasFrozenLeft()&&t<this.nLeftFrozenColumns?o[0]:this.hasFrozenRight()&&t>=n-this.nRightFrozenColumns?o[2]:o[1]}},{key:"getFooterByColumnIndex",value:function(e,t){var o=t?null:"Foot";return this.getByColumnIndex(e,"Footer",o)}},{key:"getByColumnIndex",value:function(e,t,o){var n,r=this["mainColumn".concat(t)],i=this["leftColumn".concat(t)],a=this["rightColumn".concat(t)],s=this.aColumnMapping.length,l=s-this.nRightFrozenColumns;return n=e<this.nLeftFrozenColumns&&e>=0?i:e>=l&&e<s?a:r,o?n["o".concat(o)]:n}},{key:"getDataRowsByRow",value:function(e){var t=this.getFrozenRowState(e),o=this.getContainerRowIndexByDataRowIndex(e);return"top"===t?this.getHeadRows(o):"bottom"===t?this.getFootRows(o):this.getRows(o,"Body","Body")}},{key:"getMainBodyRows",value:function(){var e=this.mainColumnBody.oBody,t=this.mainColumnHeader.oHead,o=this.mainColumnFooter.oFoot,n=t.querySelectorAll('zg-row[type="frozen"]'),r=e.childNodes,i=o.querySelectorAll('zg-row[type="frozen"]'),a=[];return n.length&&a.push.apply(a,p(n)),r.length&&a.push.apply(a,p(r)),i.length&&a.push.apply(a,p(i)),a}},{key:"getHeadRows",value:function(e){return this.getRows(e,"Header","Head")}},{key:"getFootRows",value:function(e){return this.getRows(e,"Footer","Foot")}},{key:"getDataRowIndex",value:function(e){return e-(this.getAllHeaderDepth()-this.nTopFrozenRows)}},{key:"getParentByFrozenIndex",value:function(e,t){var o=this.getFrozenRowState(e);return"top"===o?this.getHeaderByColumnIndex(t):"bottom"===o?this.getFooterByColumnIndex(t):this.getBodyByColumnIndex(t)}},{key:"getContainerRowIndexByDataRowIndex",value:function(e){var t=this.mainColumnBody.oBody.childNodes.length+this.nTopFrozenRows;return this.nTopFrozenRows>e?this.getAllHeaderDepth()-this.nTopFrozenRows+e:e>=t?e-t:e-this.nTopFrozenRows}},{key:"getDataRowIndexByContainerIndex",value:function(e,t){var o=this.mainColumnBody.oBody.childNodes.length+this.nTopFrozenRows;return"top"===t?e:"bottom"===t?e+o:e+this.nTopFrozenRows}},{key:"getFrozenRowState",value:function(e){var t=this.mainColumnBody.oBody.childNodes.length+this.nTopFrozenRows;return this.nTopFrozenRows>e?"top":e>=t?"bottom":"none"}},{key:"getBodyRowIndex",value:function(e){return e<this.nTopFrozenRows?-1:e-this.nTopFrozenRows}},{key:"getRow",value:function(e,t){var o=this.mainColumnBody.oBody.childNodes.length+this.nTopFrozenRows;if(this.nTopFrozenRows>e){var n=this.getHeaderByColumnIndex(t).querySelectorAll('zg-row[type="frozen"]');if(n.length>=e)return n[e]}else{if(!(e>=o)){var r=this.getBodyByColumnIndex(t);return e-=this.nTopFrozenRows,r.childNodes[e]}var i=this.getFooterByColumnIndex(t).querySelectorAll('zg-row[type="frozen"]'),a=e-o;if(i.length>=a)return i[a]}}},{key:"getRows",value:function(e,t,o){var r=this["mainColumn".concat(t)]["o".concat(o)],i=this["leftColumn".concat(t)]["o".concat(o)],a=this["rightColumn".concat(t)]["o".concat(o)],s=i.children,l=r.children,d=a.children,c=[];return n.Uh(e)?(s&&s.length>e&&c.push(s[e]),l&&l.length>e&&c.push(l[e]),d&&d.length>e&&c.push(d[e])):(s&&c.push.apply(c,p(s)),l&&c.push.apply(c,p(l)),d&&c.push.apply(c,p(d))),c}},{key:"getHeaderContainer",value:function(){var e=this.webcomponent;return null!==this.getFirstMainIndex()?e.oDOMHead:this.hasFrozenLeft()?e.oDOMLeftHead:this.hasFrozenRight()?e.oDOMRightHead:e.oDOMHead}},{key:"getFooterContainer",value:function(){var e=this.webcomponent;return null!==this.getFirstMainIndex()?e.oDOMFoot:this.hasFrozenLeft()?e.oDOMLeftFoot:this.hasFrozenRight()?e.oDOMRightFoot:e.oDOMFoot}},{key:"getAllHeadRows",value:function(){var e=this.webcomponent;return[].concat(p(e.oDOMLeftHead.children),p(e.oDOMHead.children),p(e.oDOMRightHead.children))}},{key:"getAllHeadCells",value:function(e){var t=this.webcomponent,o=[t.oDOMLeftHead,t.oDOMHead,t.oDOMRightHead],n=[];return o.forEach((function(t){var o=e?"zg-head-cell":"zg-head-cell, zg-filter, zg-cell",r=t.querySelectorAll(o);r.length&&n.push.apply(n,p(r))})),n}},{key:"getAllFootRows",value:function(){var e=this.webcomponent;return[].concat(p(e.oDOMLeftFoot.children),p(e.oDOMFoot.children),p(e.oDOMRightFoot.children))}},{key:"getAllFootCells",value:function(){var e=this.webcomponent,t=[e.oDOMLeftFoot,e.oDOMFoot,e.oDOMRightFoot],o=[];return t.forEach((function(e){var t=e.querySelectorAll("zg-cell");t.length&&o.push.apply(o,p(t))})),o}},{key:"getAllBodyRows",value:function(){var e=this.webcomponent;return[].concat(p(e.oDOMLeftBody.children),p(e.oDOMBody.children),p(e.oDOMRightBody.children))}},{key:"getByTagName",value:function(e,t,o,r){return Array.from(e).filter((function(e,i){var a=!0;return n.Uh(o)&&(a=o===i),n.Uh(r)&&(a=a&&r===e.getAttribute("id")),a=a&&e.tagName.toLowerCase()===t.toLowerCase()}))}},{key:"getCellsFromRows",value:function(e,t){var o=this,n=[];return e.forEach((function(e){var r=e.children;r.length&&n.push.apply(n,p(o.getByTagName(r,s.Z.zgCell.tagName,t)))})),n}},{key:"getAllBodyCells",value:function(){var e=this.getAllBodyRows();return this.getCellsFromRows(e)}},{key:"getAllColumns",value:function(){var e=this.webcomponent,t=[e.oDOMLeftColgroup,e.oDOMColgroup,e.oDOMRightColgroup],o=[];return t.forEach((function(e){var t=e.getElementsByTagName("zg-column");t.length&&o.push.apply(o,p(t))})),o}},{key:"getDataCellsByIndex",value:function(e){var t=this.getDataRowsByColumnIndex(e),o=this.getAdjustedColumnIndex(e);return this.getCellsFromRows(t,o)}},{key:"getDataRowsByColumnIndex",value:function(e){var t=this.getBodyByColumnIndex(e),o=this.getHeaderByColumnIndex(e),n=this.getFooterByColumnIndex(e),r=o.querySelectorAll('zg-row[type="frozen"]'),i=t.childNodes,a=n.querySelectorAll('zg-row[type="frozen"]'),s=[];return r.length&&s.push.apply(s,p(r)),i.length&&s.push.apply(s,p(i)),a.length&&s.push.apply(s,p(a)),s}},{key:"getAllCellsByIndex",value:function(e,t,o){var n=this.getBodyByColumnIndex(e),r=this.getAdjustedColumnIndex(e),i=Array.from(n.children),a=this.getCellsFromRows(i,r),s=[];return a&&(s=[].concat(p(a),p(s))),t&&(s=this.getHeaderCells(e,s)),o&&(s=this.getFooterCells(e,s)),s}},{key:"getHeaderCells",value:function(e,t,o){var n=this.getHeaderByColumnIndex(e),r=this.getAdjustedColumnIndex(e),i=n.querySelectorAll("zg-row zg-head-cell:nth-child("+(r+1)+")"),a=n.querySelectorAll("zg-row zg-filter:nth-child("+(r+1)+")"),s=n.querySelectorAll("zg-row zg-cell:nth-child("+(r+1)+")");return t=t||[],i&&(t=[].concat(p(i),p(t))),o||(a&&(t=[].concat(p(a),p(t))),s&&(t=[].concat(p(s),p(t)))),t}},{key:"getFooterCells",value:function(e,t){var o=this.getFooterByColumnIndex(e),n=this.getAdjustedColumnIndex(e),r=o.querySelectorAll("zg-row zg-cell:nth-child("+(n+1)+")");return t=t||[],r&&(t=[].concat(p(r),p(t))),t}},{key:"getRowIndexStartOnPage",value:function(e){var t=this.getCurrPageIdx()*this.getPageSize();return e||(t+=this.nTopFrozenRows),t}},{key:"getRowIndexByDataRowContainerIndex",value:function(e,t,o){return void 0===o&&(o=this.getCurrPageIdx()),t=t||!1,this.store.oDataFormat.bLoadByScroll&&!t?e+this.nAdjustedStart-this.nTopFrozenRows:o*this.getPageSize()+e-this.nTopFrozenRows}},{key:"getPageByDataRowIndex",value:function(e){return Math.floor(e/this.getPageSize())}},{key:"getDataRowIndexByRecordIndex",value:function(e,t){var o=this.getRowContainerIndexByRecordIndex(e);return this.getDataRowIndexByContainerIndex(o,t)}},{key:"getRowContainerIndexByRecordIndex",value:function(e){var t=this.store.getRowIndexByRecordIndex(e);return this.getRowContainerIndexByRowIndex(t)}},{key:"getRowContainerIndexByRowIndex",value:function(e){return this.store.oDataFormat.bLoadByScroll?e-this.nAdjustedStart:e-this.getCurrPageIdx()*this.getPageSize()}},{key:"getRowMappingByFrozen",value:function(e){return"top"===e?this.aTopRowMapping:"bottom"===e?this.aBottomRowMapping:this.aRowMapping}},{key:"getRowMappingByDataRowContainerIndex",value:function(e){var t,o,n=this.getFrozenRowState(e);return"top"===n?(t=this.aTopRowMapping,o=e):"bottom"===n?(t=this.aBottomRowMapping,o=this.getContainerRowIndexByDataRowIndex(e)):(t=this.aRowMapping,o=this.getRowIndexByDataRowContainerIndex(e)),"undefined"===o||o>=t.length?void 0:t[o]}},{key:"getGroupIndexByDataRowContainerIndex",value:function(e){var t=this.getRowMappingByDataRowContainerIndex(e);return void 0!==t?t.sGroupRecordIndex:null}},{key:"getRecordIndexByDataRowContainerIndex",value:function(e){var t=this.getRowMappingByDataRowContainerIndex(e);if(void 0!==t)return t.sRecordIndex}},{key:"getFieldIndexByColumnIndex",value:function(e){return this.aColumnMapping[e].sFieldIndex}},{key:"getColumnByFieldIndex",value:function(e){for(var t=0,o=this.aColumnMapping.length;t<o;t++)if(this.aColumnMapping[t].sFieldIndex===e)return this.aColumnMapping[t];return null}},{key:"getColumnIndexByFieldIndex",value:function(e){for(var t=0,o=this.aColumnMapping.length;t<o;t++)if(this.aColumnMapping[t].sFieldIndex===e)return t;return-1}},{key:"getColumnIndexByType",value:function(e){for(var t=0,o=this.aColumnMapping.length;t<o;t++)if(this.aColumnMapping[t].sCellType===e)return t;return-1}},{key:"editRow",value:function(e){this.recordEditor.editRecord(e)}},{key:"getRowHeight",value:function(){var e=this.getDOMByIndex(0,0);return e?e.getBoundingClientRect().height:0}},{key:"getDOMCellByIndex",value:function(e,t,o){if(-1===e||-1===t)return null;var n=this["get".concat(o,"erByColumnIndex")](t),r=this.getAdjustedColumnIndex(t),i=n.getElementsByTagName("zg-row")[e].querySelectorAll("".concat(s.Z.zgHeadCell.tagName,", ").concat(s.Z.zgFilter.tagName,", ").concat(s.Z.zgCell.tagName));return i.length?i[r]:null}},{key:"getDOMByIndex",value:function(e,t){if(-1===e||-1===t)return null;var o=this.getParentByFrozenIndex(e,t),n=this.getAdjustedColumnIndex(t),r=this.getContainerRowIndexByDataRowIndex(e),i=o.childNodes[r];return i?i.getElementsByTagName(s.Z.zgCell.tagName)[n]:null}},{key:"getDOMHeadByIndex",value:function(e,t){return this.getDOMCellByIndex(e,t,"Head")}},{key:"getDOMFootByIndex",value:function(e,t){return this.getDOMCellByIndex(e,t,"Foot")}},{key:"getElByIndex",value:function(e,t){return i.Z.get(this.getDOMByIndex(e,t))}},{key:"getZGColumnIndex",value:function(e){return this.aColumnMapping.findIndex((function(t){return t.sColumnId===e.sColumnId}))}},{key:"nScrollLeft",get:function(){return this.mainColumnBody.el.getScroll().left}},{key:"nScrollTop",get:function(){return this.mainColumnBody.el.getScroll().top}},{key:"createId",value:function(e){var t=0,o=function(){return e+t++};return o.clearCounter=function(e){e||(t=0)},o.setCounter=function(e){t=e},o.getCounter=function(){return t},this.idCounters.push(o),o}},{key:"clearIdCounters",value:function(e){for(var t=0;t<this.idCounters.length;t++)this.idCounters[t].clearCounter(e)}}],r&&m(t.prototype,r),g&&m(t,g),Object.defineProperty(t,"prototype",{writable:!1}),k}(r.Z);S.prototype.nextPage=function(){var e=this.store.oDataFormat.bLoadByPages&&this.store.oDataFormat.bStartAtValue;(this.nCurrPageIdx+1<this.getPageCount()||e)&&this.nCurrPageIdx++,!0===this.store.oDataFormat.bLoadByPages&&(this.store.bLoadNext=!0),this.fire("pagechange","next")},S.prototype.prevPage=function(){this.nCurrPageIdx>0&&this.nCurrPageIdx--,!0===this.store.oDataFormat.bLoadByPages&&(this.store.bLoadPrev=!0),this.fire("pagechange","prev")},S.prototype.firstPage=function(){if(0!==this.nCurrPageIdx){var e=this.nCurrPageIdx;this.nCurrPageIdx=0,this.fire("pagechange","first",e)}},S.prototype.lastPage=function(){var e=Math.max(0,this.getPageCount()-1);if(this.nCurrPageIdx!==e){var t=this.nCurrPageIdx;this.nCurrPageIdx=e,this.fire("pagechange","last",t)}},S.prototype.calculatePageSize=function(e,t,o,n){var r=this.webcomponent,i=t||"pageSizeRow"!==o?r.pageSizeRow:n,a=t||"pageSizeCard"!==o?r.pageSizeCard:n;(e=e&&void 0!==e?e:this.layoutManager.sCurrentType)===s.Z.zgLayout.reset&&(e=s.Z.zgLayout.typeRow);var l=r.pageSize||s.Z.store.defaultPageSize;t||"pageSize"!==o||(l=n||s.Z.store.defaultPageSize);var d=this.hasPager();d&&(d.pageSize&&(l=d.pageSize),d.pageSizeRow&&(i=d.pageSizeRow),d.pageSizeCard&&(a=d.pageSizeCard),t&&"pageSize"===o&&(l=n||s.Z.store.defaultPageSize),t&&"pageSizeRow"===o&&(i=n),t&&"pageSizeCard"===o&&(a=n)),i&&e===s.Z.zgLayout.typeRow?l=i:a&&e===s.Z.zgLayout.typeCard&&(l=a),this.setPageSize(parseInt(l,10))},S.prototype.getPageSize=function(){return this.hasPager()||this.bCustomPageSize||this.bUserPageSize||this.store.oDataFormat.bLoadByScroll?this.pageSize:this.store.nOriginRecordCount||this.getRowCount()||this.pageSize},S.prototype.setPageSize=function(e,t,o){if(!(e<=0)){var n=this.pageSize,r=this.nCurrPageIdx;this.pageSize!==e&&(this.nCurrPageIdx=Math.floor(n*r/e),this.pageSize=e,this.webcomponent.bReady&&!o&&this.fire(s.Z.event.pagesizechange,e,n,t))}},S.prototype.getCurrPageIdx=function(){return this.nCurrPageIdx},S.prototype.setCurrPageIdx=function(e,t){if(e!==this.nCurrPageIdx&&e<this.getPageCount()&&e>=0){var o=this.nCurrPageIdx;this.nCurrPageIdx=e,t||this.fire("pagechange",void 0,o)}},S.prototype.getPageCount=function(){return Math.ceil((this.store.nOriginRecordCount||this.getRowCount())/this.getPageSize())},S.prototype.getPagerType=function(){return this.webcomponent.pagerType},S.prototype.hasPager=function(){return this.webcomponent.oTopPager||this.webcomponent.oBottomPager};const k=S},44287:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(37486),r=o(31769),i=o(87822);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function s(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var n,r,i,a,s=[],l=!0,d=!1;try{if(i=(o=o.call(e)).next,0===t){if(Object(o)!==o)return;l=!1}else for(;!(l=(n=i.call(o)).done)&&(s.push(n.value),s.length!==t);l=!0);}catch(e){d=!0,r=e}finally{try{if(!l&&null!=o.return&&(a=o.return(),Object(a)!==a))return}finally{if(d)throw r}}return s}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return l(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return l(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function d(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==a(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===a(i)?i:String(i)),n)}var r,i}var c="cell",u="row",h="column",f="range",p="grid";const g=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.end()}var t,o,a;return t=e,o=[{key:"column",value:function(e){this.sContextLevel;var t=this.widget.getColumnIndexByFieldIndex(e);return this.nStartColumnIndex=this.nEndColumnIndex=t,this.sContextLevel=h,this}},{key:"initRange",value:function(e,t,o,n){return this.nStartRowIndex=Math.min(e,o),this.nEndRowIndex=Math.max(e,o),this.nStartColumnIndex=Math.min(t,n),this.nEndColumnIndex=Math.max(t,n),this.nInitialRowIndex=this.nStartRowIndex,this.nInitialColumnIndex=this.nStartColumnIndex,this.sContextLevel=f,this}},{key:"range",value:function(e,t){if(this.sContextLevel===c&&(this.nInitialRowIndex=this.nStartRowIndex,this.nInitialColumnIndex=this.nStartColumnIndex),this.sContextLevel===f||this.sContextLevel===c){var o=e.parentNode.dataRowIndex,n=e.cellIndex,r=t.parentNode.dataRowIndex,i=t.cellIndex,a=this.nStartRowIndex,s=this.nStartColumnIndex,l=this.nEndRowIndex,d=this.nEndColumnIndex;this.nStartRowIndex=Math.min(o,r),this.nEndRowIndex=Math.max(o,r),this.nStartColumnIndex=Math.min(n,i),this.nEndColumnIndex=Math.max(n,i),(this.nStartRowIndex>a||this.nEndRowIndex>l)&&(this.sExpandDirection="down"),(this.nStartRowIndex<a||this.nEndRowIndex<l)&&(this.sExpandDirection="up"),(this.nStartColumnIndex<s||this.nEndColumnIndex<d)&&(this.sExpandDirection="left"),(this.nStartColumnIndex>s||this.nEndColumnIndex>d)&&(this.sExpandDirection="right")}return this.sContextLevel=f,this}},{key:"cell",value:function(e,t,o){if(n.Sh(e)){var r=e;e=this.widget.getDataRowIndex(r.parentNode.rowIndex),void 0===(t=r.cellIndex)&&(t=parseInt(r.getAttribute("cellindex"),10))}return n.U(e)&&(this.nStartRowIndex=this.nEndRowIndex=e),n.U(t)&&(this.nStartColumnIndex=this.nEndColumnIndex=t),this.sContextLevel=c,void 0===this.sTargetRecordIndex&&!o||void 0===this.sTargetFieldIndex?null:this}},{key:"row",value:function(e){return n.Sh(e)&&(e=e.bodyRowIndex),n.U(e)&&(this.nStartRowIndex=this.nEndRowIndex=e),this.sContextLevel=u,this}},{key:"changeCard",value:function(e){var t=this.widget,o=t.getRowContainerCount(),n=t.getCardsPerRow(),r=this.nStartRowIndex;return"right"===e?r++:"left"===e?r--:"down"===e?r+=n:"up"===e&&(r-=n),r<0||r>=o?null:(this.nStartRowIndex=this.nEndRowIndex=r,this)}},{key:"navigateCardControls",value:function(e){var t=this.widget,o=i.Z.internalColumnTypes,n=this.sCellType;if(-1===o.indexOf(n))return null;var r=this.nStartColumnIndex,a=t.aColumnMapping;if("down"===e)for(var s=0;s<a.length;s++){var l=a[s];if(!l.bHidden&&-1===o.indexOf(l.sCellType))return s}else if("right"===e)for(var d=r+1;d<a.length;d++){var c=a[d];if(!c.bHidden&&-1!==o.indexOf(c.sCellType))return d}else if("left"===e)for(var u=r-1;u>=0;u--){var h=a[u];if(!h.bHidden&&-1!==o.indexOf(h.sCellType))return u}return null}},{key:"change",value:function(e,t,o){var n,r,i,a,s,l=this.widget,d=l.nTopFrozenRows;if(l.isComputedCard()){if(!this.bCardDrill)return this.changeCard(e);if(null!==(a=this.navigateCardControls(e)))return this.nStartColumnIndex=this.nEndColumnIndex=a,this;if("right"===e||"left"===e)return this.bCardDrill=!1,l.selector.hideSelectionMaskAndBorder(),this;"up"===e?e="left":"down"===e&&(e="right")}if(t=t||1,"up"===e||"down"===e?(n=this.nStartRowIndex,r=l.getRowContainerCount()+d,i="Row"):(n=this.nColumnIndex,r=l.getColumnContainerCount(),i="Column"),"up"===e)a=Math.max(d,n-t),s="Start";else if("left"===e)a=Math.max(0,n-t),s="Start";else{var c=this["nEnd"+i+"Index"],u="expand"===o?c:n;a=Math.min(u+t,r-1),s="End"}return"up"===e&&n===d&&"expand"!==o||"down"===e&&"expand"!==o&&n===a?null:("Column"===i&&l.selectorEngineManager.$cell(d,a).sCellType,"expand"===o?this["n"+s+i+"Index"]=a:this["nStart"+i+"Index"]=this["nEnd"+i+"Index"]=a,this)}},{key:"deSelect",value:function(){return this.widget.selector.deSelectRange(),this.end(),this}},{key:"dimension",value:function(e){var t,o,n,r=this.sContextLevel,i=this.el,a=this.widget;switch(r){case c:t=i.getXY(),o=i.getWidth(),n=i.getHeight();break;case f:var l=0,d=a.aColumnMapping.length-1;if(e){var u=s(a.getColumnBodyRange(e)||[l,d],2);l=u[0],d=u[1]}var h=this.nStartColumnIndex,p=this.nEndColumnIndex;h=Math.max(h,l),p=Math.min(p,d);var g=a.getElByIndex(this.nStartRowIndex,h),m=a.getElByIndex(this.nEndRowIndex,p);t=g.getXY();var b=m.getXY(),v=m.getWidth(),y=m.getHeight();o=b[0]-t[0]+v,n=b[1]-t[1]+y}return{xy:t,width:o,height:n}}},{key:"getDom",value:function(){return this.dom()}},{key:"dom",value:function(){var e=this.sContextLevel,t=this.widget;return e===h?t.getDOMByIndex(this.nColumnIndex):t.getDOMByIndex(this.nRowContainerIndex,this.nColumnIndex)}},{key:"doms",value:function(){var e=this.widget;if(this.sContextLevel===c)return[this.dom()];for(var t=[],o=this.nStartRowIndex,n=this.nEndRowIndex,r=this.nStartColumnIndex,i=this.nEndColumnIndex,a=o;a<=n;a++)for(var s=r;s<=i;s++)t.push(e.getDOMByIndex(a,s));return t}},{key:"end",value:function(){return this.sContextLevel=p,this.nStartRowIndex=-1,this.nEndRowIndex=1/0,this.nStartColumnIndex=-1,this.nEndColumnIndex=1/0,this.sExpandDirection="",this}},{key:"expand",value:function(e,t){return this.sContextLevel!==f&&this.toRange(),this.change(e,t,"expand"),this.sExpandDirection=e,this}},{key:"getStartContainer",value:function(){return void 0!==this.nInitialRowIndex&&void 0!==this.nInitialColumnIndex?this.widget.getDOMByIndex(this.nInitialRowIndex,this.nInitialColumnIndex):this.dom()}},{key:"isRangeSideEdgeVisible",value:function(e,t){var o=this.widget,n=this.dimension(),r=n.xy,i=n.height,a=n.width,s=o.mainColumnBody.el,l=s.getXY(),d=s.getSize();if(e=e||0,"right"===t){var c=r[0]+a;return c-e>=l[0]&&c<l[0]+d[0]}if("left"===t){var u=r[0];return u>=l[0]&&u+e<l[0]+d[0]}if("top"===t){var h=r[1];return h>=l[1]&&h+e<l[1]+d[1]}if("bottom"===t){var f=r[1]+i;return f-e>=l[1]&&f<=l[1]+d[1]}}},{key:"isRangeSingleCell",value:function(){return this.nStartRowIndex===this.nEndRowIndex&&this.nStartColumnIndex===this.nEndColumnIndex}},{key:"getData",value:function(){return this.rawData()}},{key:"setData",value:function(e){return this.rawData(e)}},{key:"getRecordIndex",value:function(){return this.sTargetRecordIndex}},{key:"setStyle",value:function(e,t){return this.dom().style[e]=t,this}},{key:"rawData",value:function(e){var t=this.sContextLevel,o=this.widget,n=o.store,r=this.sTargetRecordIndex,i=this.sTargetFieldIndex,a=this.sGroupRecordIndex;if(0===arguments.length){if(t===c)return n.get(r,i,a);if(t===f){for(var s,l,d,h,p=[],g=this.nStartRowIndex;g<=this.nEndRowIndex;g++){s=[];for(var m=this.nStartColumnIndex;m<=this.nEndColumnIndex;m++)l=o.getRecordIndexByDataRowContainerIndex(g),d=o.getFieldIndexByColumnIndex(m),h=o.getGroupIndexByDataRowContainerIndex(g),s.push(n.get(l,d,h));this.nStartRowIndex===this.nEndRowIndex?p=s:p.push(s)}return p}if(t===u)return n.get(r,void 0,a).oRecordRawData}else t===c&&n.updateCell(r,i,e,void 0,this.sCellType)}},{key:"indexData",value:function(){var e=this,t=this.widget,o=t.store,r=t.sNestedDataSeparator,i={};if(this.sContextLevel===c){var a=this._columnConfig;return this.sTargetFieldIndex.split(",").map((function(t){var s;if("disabled"!==r){var l=t.split(r);s=l[l.length-1]}else s=t;var d=o.get(e.sTargetRecordIndex,t.trim());void 0!==a.sArraySlice&&1===(d=o.getArrayData([d],a,!0)).length&&(d=d[0]),n.kJ(d)&&(d=n.mJ.clone(d)),i[s.trim()]=d})),i}}},{key:"fullData",value:function(){var e=this.sContextLevel,t=this.widget,o=t.store,n=this.sTargetRecordIndex,r=this.sTargetFieldIndex,i=this.sGroupRecordIndex,a={};if(e===c)r.split(",").map((function(e){a[e]=o.get(n,e.trim(),i)}));else if(e===f)for(var s,l,d,h,p=this.nStartRowIndex;p<=this.nEndRowIndex;p++){s={},l=t.getRecordIndexByDataRowContainerIndex(p),h=t.getGroupIndexByDataRowContainerIndex(p);for(var g=this.nStartColumnIndex;g<=this.nEndColumnIndex;g++)s[d=t.getFieldIndexByColumnIndex(g)]=o.get(l,d,h);a[l]=s}else e===u&&(a=o.get(n,void 0,i).oRecordRawData);return a}},{key:"fullDisplay",value:function(){if(this.sContextLevel!==c)return this.fullData();var e=this.dom().querySelector("[".concat(i.Z.zgCell.cellIndexAttr,"]"));return e?e.innerHTML:this.fullData()}},{key:"scrollIntoView",value:function(){return this.sContextLevel===f?this.widget.scroller.scrollToRange():this.sContextLevel===c&&this.widget.scroller.scrollToCell(),this}},{key:"select",value:function(e){var t=this.widget,o=t.selector;if(this===t.selector.se){t.headerFocusManager.currentFocus&&t.headerFocusManager.deSelect(),t.footerFocusManager.currentFocus&&t.footerFocusManager.deSelect(),o.bSelecting=!0;var n=window.scrollX,r=window.scrollY;if(t.isStorybook("focus")||t.isStorybook("menu")||t.focusManager.focusGrid(),window.scrollTo(n,r),o.bSelecting=!1,this.sContextLevel!==p){if(this.sContextLevel!==c||"top"!==this.sFrozenRowState&&"bottom"!==this.sFrozenRowState)this.sContextLevel!==c&&this.sContextLevel!==f||t.selector.selectCell(this,e);else{var a=t.getContainerRowIndexByDataRowIndex(this.nStartRowIndex);"top"===this.sFrozenRowState?t.headerFocusManager.select(a,this.nStartColumnIndex,e):t.footerFocusManager.select(a,this.nStartColumnIndex,e)}return this.sContextLevel===f&&t.selector.selectRange(this),this.sContextLevel!==c||t.bIsMouseDown||!this.bHasCellTooltip||this.sCellType===i.Z.internalColumn.recordinfo&&this._columnConfig.bIsActivateOnClick||t.tooltipManager._delayTarget(null,this.dom(),1e3),t.selector.fire(i.Z.event.selectedCells),this}}else this.nStartRowIndex>=0&&this.nStartColumnIndex>=0&&(o.se.cell(this.nStartRowIndex,this.nStartColumnIndex),o.se.select(e))}},{key:"selectAll",value:function(){var e=this.widget,t=e.getRowContainerCount(),o=e.getColumnContainerCount();return this.nStartRowIndex=0,this.nStartColumnIndex=0,this.nEndRowIndex=t-1,this.nEndColumnIndex=o-1,this.sContextLevel="range",this}},{key:"shrink",value:function(e,t){return t=t||1,this.sContextLevel!==f&&this.toRange(),"up"===e?this.nEndRowIndex=Math.max(this.nStartRowIndex,this.nEndRowIndex-t):"down"===e?this.nStartRowIndex=Math.min(this.nEndRowIndex,this.nStartRowIndex+t):"right"===e?this.nStartColumnIndex=Math.min(this.nStartColumnIndex+t,this.nEndColumnIndex):"left"===e&&(this.nEndColumnIndex=Math.max(this.nStartColumnIndex,this.nEndColumnIndex-t)),this.sExpandDirection="shrink"+e,this}},{key:"toCell",value:function(){return this.sContextLevel=c,this}},{key:"toRange",value:function(e,t){var o,n=this.sContextLevel;if(n===f){if(!e)return;return o=this.getStartContainer(),this.range(o,e)}return n===c?(o=this.dom(),this.range(o,e||o)):t&&e?(this.cell(e,null).select(),this.range(e,e)):void 0}},{key:"toRow",value:function(){return this.sContextLevel=u,this}},{key:"traverse",value:function(e,t,o){return this.sContextLevel!==f&&this.sContextLevel!==c||this.change(e,t,"traverse")?this:null}},{key:"visualSelect",value:function(){var e=this.widget;this.nStartRowIndex===this.nEndRowIndex&&this.nStartColumnIndex===this.nEndColumnIndex?e.selector.hideSelectionMaskAndBorder():e.selector.drawSelectionMask(this)}},{key:"toggleOverflow",value:function(e,t){var o=this.widget.webcomponent.oDOMCellOverflow;t||(t=this.dom()),o.hasAttribute(i.Z.attr.hidden)||o.currentCell&&o.currentCell.dom()!==this.dom()?o.open(e,t,this):o.close()}},{key:"filter",value:function(e){if(this.sContextLevel!==h)return this;if(this.widget.filter){var t=this._columnConfig;this.widget.filter.setFilter(t,e)}return this}},{key:"sort",value:function(e){return this.sContextLevel!==h||this._columnConfig.oDOMSortHeader.onSort(null,null,e),this}},{key:"hide",value:function(){return this.toggle(!0)}},{key:"show",value:function(){return this.toggle(!1)}},{key:"toggle",value:function(e){return this.sContextLevel!==h||this._columnConfig.bHidden===e||this.widget.updater.toggleColumn(this.nColumnIndex,e),this}},{key:"contextMenu",value:function(){return this.sContextLevel!==c?this:this.widget.bHasContextMenuEnabled?void this.widget.menuManager.openContextMenu({oBrowserEvent:{clientX:0,clientY:0}},this.el.dom):this}},{key:"_hide",value:function(){var e=this.widget,t=this.sContextLevel,o=this.nRowContainerIndex,n=this.nStartColumnIndex;switch(t){case h:e._hide(n);break;case u:e._hide(o)}return this}},{key:"bHasCellTooltip",get:function(){return this._columnConfig.bHasCellTooltip}},{key:"sCellType",get:function(){return this.sContextLevel===c?this._columnConfig.sCellType:""}},{key:"oEditor",get:function(){return this._columnConfig.oEditor}},{key:"fnRenderer",get:function(){return this._columnConfig.fnRenderer}},{key:"fnDetailsRenderer",get:function(){return this._columnConfig.fnDetailsRenderer}},{key:"oValidator",get:function(){return this._columnConfig.oValidator}},{key:"sColumnId",get:function(){return this.widget.aColumnMapping[this.nStartColumnIndex].sColumnId}},{key:"nStartRowIndex",get:function(){return this._nStartRowIndex},set:function(e){this._nStartRowIndex=e,-1!==e&&(this.sTargetRecordIndex=this.widget.getRecordIndexByDataRowContainerIndex(e),this.sGroupRecordIndex=this.widget.getGroupIndexByDataRowContainerIndex(e))}},{key:"_columnConfig",get:function(){return this.widget.aColumnMapping[this.nStartColumnIndex]}},{key:"el",get:function(){var e=this.dom();return r.Z.get(e)}},{key:"nRowContainerIndex",get:function(){return this.nStartRowIndex}},{key:"nColumnIndex",get:function(){return this.nStartColumnIndex}},{key:"sTargetFieldIndex",get:function(){return void 0===this._columnConfig?void 0:this._columnConfig.sFieldIndex}},{key:"aTargetFieldIndex",get:function(){var e=this.sTargetFieldIndex;return n.h8(e)}},{key:"oBody",get:function(){return this.widget.getBodyByColumnIndex(this.nStartColumnIndex)}},{key:"oColumnBody",get:function(){return this.widget.getBodyByColumnIndex(this.nStartColumnIndex,!0)}},{key:"oColumnBodies",get:function(){var e=[],t=this.widget,o=t.getBodyByColumnIndex(this.nStartColumnIndex,!0);if(e.push(o),this.nStartColumnIndex!==this.nEndColumnIndex){var n=t.getBodyByColumnIndex(this.nEndColumnIndex,!0);o!==n&&(o===t.leftColumnBody&&n===t.rightColumnBody&&e.push(t.mainColumnBody),e.push(n))}return e}},{key:"record",get:function(){var e=this.sContextLevel,t=this.widget.store,o=this.sTargetRecordIndex,r=null;if(e===c||e===u){var i=t.get(o).oRecordRawData;delete(r=n.c7.copy(i)).sRESTIndex,delete r.nOriginalIndex,delete r.sRecordIndex,delete r.nRowIndex,delete r.sFrozen}return r}},{key:"sFrozenRowState",get:function(){var e="",t=this.sContextLevel;return t!==c&&t!==u||(e=this.widget.getFrozenRowState(this.nStartRowIndex)),e}}],o&&d(t.prototype,o),a&&d(t,a),Object.defineProperty(t,"prototype",{writable:!1}),e}()},28459:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(31769),r=o(55040),i=o(87822);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function s(e){return function(e){if(Array.isArray(e))return l(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return l(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return l(e,t)}(e)||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 l(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function d(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==a(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===a(i)?i:String(i)),n)}var r,i}function c(){return c="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=f(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},c.apply(this,arguments)}function u(e,t){return u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},u(e,t)}function h(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=f(e);if(t){var r=f(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===a(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}var p=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&u(e,t)}(l,e);var t,o,r,a=h(l);function l(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,l),(e=e||{})._defaults={rendered:!1},(t=a.call(this,e)).init(),t}return t=l,o=[{key:"init",value:function(){this.render(),this.ons()}},{key:"render",value:function(){this.el=n.Z.get(this.oDOMWrapper),this.renderSelectionMask(),this.renderFocusMask(),this.rendered=!0}},{key:"ons",value:function(){var e=this.el;e.on("touchstart",this.onTouchStart,this,{sDelegateTo:i.Z.zgCell.tagName}),e.on("touchmove",this.onTouchMove,this,{sDelegateTo:i.Z.zgCell.tagName}),e.on("touchend",this.onTouchEnd,this,{sDelegateTo:i.Z.zgCell.tagName}),e.on("touchforcechange",this.onTouchForceChange,this,{sDelegateTo:i.Z.zgCell.tagName}),e.on("mouseover",this.onMouseOverTD,this,{sDelegateTo:i.Z.zgCell.tagName}),e.on("mousedown",this.onMouseDownTD,this,{sDelegateTo:i.Z.zgCell.tagName},!1),e.on("mousedown",this.onMouseDownTD2,this,{sDelegateTo:i.Z.zgCell.tagName},!1),e.on("keydown",this.onKeyDownTD,this,{sDelegateTo:i.Z.zgCell.tagName},!1),e.on("click",this.onClickBody,this,{sDelegateTo:i.Z.zgCell.tagName},!1),e.on("dblclick",this.onDBLClickBody,this,{sDelegateTo:i.Z.zgCell.tagName}),e.on("dblclick",this.onDBLClickCard,this,{sDelegateTo:i.Z.zgCard.tagName}),e.on("dblclick",this.onKeyUp,this,{sDelegateTo:i.Z.zgCell.tagName})}},{key:"onClickBody",value:function(e,t){this.widget.batchEditor.isActive()&&(e.stopEvent(),this.onDBLClickBody(e,t))}},{key:"onDBLClickBody",value:function(e,t){this.widget.editorManager.onDoubleClick(t)}},{key:"onDBLClickCard",value:function(e,t){var o=this.widget,n=o.selector.se,r=t.parentNode;if(o.bHasEditorEnabled){var i=n.row(r);o.editorManager.openEditor(i)}}},{key:"onKeyUp",value:function(){}},{key:"onTouchForceChange",value:function(e,t){var o=this.widget;if(o.bHasContextMenuEnabled&&"touches"in e.oBrowserEvent&&e.oBrowserEvent.touches.length>0){var n=e.oBrowserEvent.touches[0].force;n>.15&&n<1?(this._didForceTouch=!0,o.mainColumnBody.oBody.style["-webkit-filter"]="blur(".concat(7*n,"px)")):n>=1&&o.onContextMenuTD(e,t)}}},{key:"onTouchStart",value:function(e,t){this.onTouchDoubleClick(e,t)||(this._startXY=e.xy,this.widget.bHasSelectorEnabled&&t.classList.contains("zg-focus-cell")&&(e.preventDefault(),this._touchSelectInitiator=t,this.widget.selector.onMouseDownFromSelector(e)))}},{key:"onTouchDoubleClick",value:function(e,t){var o=(new Date).getTime();if(this.nLastTouch&&t===this.oTargetLastTouch){var n=o-this.nLastTouch;if(n<i.Z.mobile.doubleTapMS&&n>0)return"zg-card"===t.tagName.toLowerCase()?this.onDBLClickCard(e,t):this.onDBLClickBody(e,t),e.stopEvent(),this.widget.editorFieldManager.nTouchOpen=o,this.nLastTouch=null,this.oTargetLastTouch=null,!0;this.nLastTouch=o,this.oTargetLastTouch=t}else this.nLastTouch=o,this.oTargetLastTouch=t;return!1}},{key:"onTouchMove",value:function(e,t){if(!this._didForceTouch&&this._touchSelectInitiator){var o,n=(o=document).elementFromPoint.apply(o,s(e.xy));n.tagName===i.Z.zgCell.tagName&&n!==t&&this.widget.selector.se.toRange(n).visualSelect()}}},{key:"onTouchEnd",value:function(e,t){var o=this.widget.selector.se;this._didForceTouch?this._didForceTouch=!1:this.widget.bHasSelectorEnabled&&!t.classList.contains("zg-focus-cell")?(o.cell(t,null).select(),this._touchSelectInitiator=t):this._touchSelectInitiator=null}},{key:"onMouseOverTD",value:function(e,t){var o=this.widget;o.bHasSelectorEnabled&&o.bIsMouseDown&&o.webcomponent.layout!==i.Z.zgLayout.typeCard&&o.selector.se.toRange(t).visualSelect()}},{key:"onMouseDownTD2",value:function(e,t){2!==e.nButton&&this.widget.editorManager.activeCellEdit&&this.widget.editorManager.closeEditor()}},{key:"onKeyDownTD",value:function(e,t){}},{key:"onMouseDownTD",value:function(e,t){if(2!==e.nButton){var o=this.widget,n=o.selector.se;if(o.bHasSelectorEnabled&&!e.bIsCTRL&&o.webcomponent.layout!==i.Z.zgLayout.typeCard)if(o.bIsMouseDown=!0,o.selector.onMouseDownFromSelector(e),e.stopEvent(),e.bIsSHIFT)n.toRange(t,!0).visualSelect();else{var r=n.cell(t,null);if(!r)return;r.select()}}}},{key:"destroy",value:function(){c(f(l.prototype),"destroy",this).call(this),this.oBody=null,this.oDOMWrapper=null,this.el.unAll(),this.el=null}},{key:"insertCellContainer",value:function(e,t,o){var n=document.createElement(i.Z.zgCell.tagName);return n.cellIndex=t,n.setAttribute(i.Z.aria.colIndex,t+1),this.widget.sorter&&this.widget.sorter.sActiveSortedIndex&&this.widget.sorter.sActiveSortedIndex===o.sFieldIndex&&n.setAttribute(i.Z.attr.sorted,""),e.appendChild(n),n}},{key:"insertRows",value:function(e){for(var t=this.widget,o=this.oBody,n=t.leftColumnBody.oBody,r=t.rightColumnBody.oBody,i=document.createDocumentFragment(),a=document.createDocumentFragment(),s=document.createDocumentFragment(),l=o.childNodes.length,d=t.nLeftFrozenColumns,c=t.nRightFrozenColumns,u=t.getRightIndex(),h=0;h<e;h++)d&&a.appendChild(this.insertRow(l+h,0,d)),i.appendChild(this.insertRow(l+h,d,u)),c&&s.appendChild(this.insertRow(l+h,u));this.oFragment=i,o.appendChild(i),n.appendChild(a),r.appendChild(s)}},{key:"insertRow",value:function(e){var t=this,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=document.createElement(i.Z.zgRow.tagName);r.widget=this.widget;var a=this.widget.aColumnMapping;return r.setBodyIndexes(e),a.forEach((function(e,i){-1!==o&&i>=o&&(null===n||i<n)&&t.insertCellContainer(r,i,e)})),this.widget.oCard&&r.appendChild(document.createElement(i.Z.zgCard.tagName)),r}},{key:"insertRowsPerFrame",value:function(e){for(var t=document.createDocumentFragment(),o=this.oBody.childNodes.length,n=0;n<e;n++)t.appendChild(this.insertRow(o+n,-1));this.oBody.appendChild(t)}},{key:"removeRow",value:function(){this.oBody.removeChild(this.oBody.lastChild)}}],o&&d(t.prototype,o),r&&d(t,r),Object.defineProperty(t,"prototype",{writable:!1}),l}(r.Z);p.prototype.renderSelectionMask=function(){var e=this.widget.webcomponent,t=this.oDOMWrapper.querySelector("zg-selector-mask");t||(t=document.createElement("zg-selector-mask"),e._appendChild(t)),this.oElSelectionMask=t,t.widget=this.widget,t.oColumnBody=this,t.setAttribute("slot","".concat(this.oDOMWrapper.id,"gridselectmask"))},p.prototype.renderFocusMask=function(){var e=this.widget.webcomponent,t=this.oDOMWrapper.querySelector("zg-focus");t||(t=document.createElement("zg-focus"),e._appendChild(t)),this.oElFocusCellMaskBorder=t,t.widget=this.widget,t.oColumnBody=this,t.setAttribute("slot","".concat(this.oDOMWrapper.id,"gridfocus"))};const g=p},72546:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>h});var n=o(31769),r=o(55040),i=o(87822);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function s(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==a(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===a(i)?i:String(i)),n)}var r,i}function l(){return l="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=u(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},l.apply(this,arguments)}function d(e,t){return d=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},d(e,t)}function c(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=u(e);if(t){var r=u(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===a(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function u(e){return u=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},u(e)}const h=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&d(e,t)}(h,e);var t,o,r,a=c(h);function h(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,h),(e=e||{})._defaults={rendered:!1,columnResizable:!1},(t=a.call(this,e)).init(),t}return t=h,(o=[{key:"init",value:function(){this.render(),this.widget.on("render",this.ons,this)}},{key:"render",value:function(){this.tooltips={},this.el=n.Z.get(this.oFoot),this.renderFocusMask()}},{key:"ons",value:function(){var e=this.el;e.on("click",this.onClickFoot,this,{sDelegateTo:i.Z.zgCell.tagName},!1),e.on("dblclick",this.onDBLClickFoot,this,{sDelegateTo:i.Z.zgCell.tagName}),e.on("mousedown",this.onMouseDownFoot,this,{sDelegateTo:i.Z.zgCell.tagName},!1)}},{key:"onClickFoot",value:function(e,t){this.widget.batchEditor.isActive()&&(e.stopEvent(),this.onDBLClickFoot(e,t))}},{key:"onDBLClickFoot",value:function(e,t){t&&"frozen"===t.parentNode.getAttribute("type")&&this.widget.editorManager.onDoubleClick(t)}},{key:"onMouseDownFoot",value:function(e,t){2!==e.nButton&&this.widget.bHasSelectorEnabled&&t&&"frozen"===t.parentNode.getAttribute("type")&&(this.widget.footerFocusManager.focusTarget(t),e.stopEvent())}},{key:"insertRows",value:function(e){for(var t=[document.createDocumentFragment(),document.createDocumentFragment(),document.createDocumentFragment()],o=this.oFoot,n=this.widget.leftColumnFooter.oFoot,r=this.widget.rightColumnFooter.oFoot,i=0;i<e;i++)this.insertRow(!1,t);n.appendChild(t[0]),o.appendChild(t[1]),r.appendChild(t[2]),window.ShadyDOM&&window.ShadyDOM.flush()}},{key:"insertRow",value:function(e,t){var o,n=this,r=this.widget,a=r.aColumnMapping,s="zg-row",l=this.oFoot,d=r.nLeftFrozenColumns,c=r.nRightFrozenColumns,u=r.aColumnMapping.length,h=[];if(d?h.push(document.createElement(s)):h.push(null),h.push(document.createElement(s)),c?h.push(document.createElement(s)):h.push(null),h.forEach((function(e){return e?e.widget=r:null})),a.forEach((function(t,o){d&&o>=0&&o<d?n.insertFootCellContainer(h[0],e,o):c&&o>=u-c?n.insertFootCellContainer(h[2],e,o):n.insertFootCellContainer(h[1],e,o)})),!t){var f=r.leftColumnFooter.oFoot,p=r.rightColumnFooter.oFoot;d&&f.appendChild(h[0]),l.appendChild(h[1]),c&&p.appendChild(h[2])}return h.forEach((function(e,n){var a;e&&(e.setAttribute(i.Z.attr.type,"aggregate"),t?(a=t[n].querySelectorAll(s).length,t[n].appendChild(e)):a=l.querySelectorAll(s).length-1,a+=r.getAllHeaderDepth()+r.getRowContainerCount(),o=a-r.getAllHeaderDepth()+r.nTopFrozenRows,e.rowIndex=a,e.dataRowIndex=o,e.setAttribute(i.Z.aria.rowIndex,a+1))})),h}},{key:"insertFootCellContainer",value:function(e,t,o){var n=i.Z.zgCell.tagName,r=document.createElement(n);r.widget=this.widget,r.setAttribute("cellindex",o),r.setAttribute("rowfooter",""),r.setAttribute(i.Z.attr.role,"gridcell"),e.appendChild(r)}},{key:"removeRow",value:function(){for(var e=[this.oFoot,this.widget.leftColumnFooter.oFoot,this.widget.rightColumnFooter.oFoot],t=0;t<e.length;t++){var o=e[t];o&&o.lastChild&&o.removeChild(o.lastChild)}}},{key:"renderFocusMask",value:function(){var e=this.widget.webcomponent,t=this.oDOMWrapper.querySelector("zg-focus"),o=this.oDOMWrapper.id.replace("freeze-frame-","");o=o.replace("-foot",""),t||(t=document.createElement("zg-focus"),e._appendChild(t)),this.oElFocusCellMaskBorder=t,t.widget=this.widget,t.oColumnFoot=this.oFoot,t.setAttribute("area","footer"),t.setAttribute("slot","".concat(o,"footfocus"))}},{key:"destroy",value:function(){l(u(h.prototype),"destroy",this).call(this),this.oFoot=null,this.oColGroup=null,this.el=null}}])&&s(t.prototype,o),r&&s(t,r),Object.defineProperty(t,"prototype",{writable:!1}),h}(r.Z)},64514:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>f});var n=o(31769),r=o(55040),i=o(87822),a=o(37486);function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function l(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==s(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===s(i)?i:String(i)),n)}var r,i}function d(){return d="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=h(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},d.apply(this,arguments)}function c(e,t){return c=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},c(e,t)}function u(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=h(e);if(t){var r=h(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===s(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function h(e){return h=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},h(e)}const f=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&c(e,t)}(f,e);var t,o,r,s=u(f);function f(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,f),(e=e||{})._defaults={rendered:!1,columnResizable:!1},(t=s.call(this,e)).init(),t}return t=f,(o=[{key:"init",value:function(){this.render(),this.widget.on("render",this.ons,this)}},{key:"render",value:function(){this.tooltips={},this.el=n.Z.get(this.oHead),this.oHead.oColumnHeader=this,this.renderFocusMask()}},{key:"associateColGroup",value:function(e){return this.oColGroup=e,e.setAttribute("slot","gridcolgroup"),e.id="gridcolgroup",this.oColGroup}},{key:"ons",value:function(){var e=this.el;e.on("click",this.onClickHead,this,{sDelegateTo:i.Z.zgCell.tagName},!1),e.on("dblclick",this.onDBLClickHead,this,{sDelegateTo:i.Z.zgCell.tagName},!1),e.on("mousedown",this.onMouseDownHead,this,{sDelegateTo:i.Z.zgCell.tagName},!1)}},{key:"onClickHead",value:function(e,t){this.widget.batchEditor.isActive()&&(e.stopEvent(),this.onDBLClickHead(e,t))}},{key:"onDBLClickHead",value:function(e,t){t&&"frozen"===t.parentNode.getAttribute("type")&&this.widget.editorManager.onDoubleClick(t)}},{key:"onMouseDownHead",value:function(e,t){2!==e.nButton&&this.widget.bHasSelectorEnabled&&t&&"frozen"===t.parentNode.getAttribute("type")&&(this.widget.headerFocusManager.focusTarget(t),e.stopEvent())}},{key:"insertRows",value:function(e){for(var t=[document.createDocumentFragment(),document.createDocumentFragment(),document.createDocumentFragment()],o=this.oHead,n=this.widget.leftColumnHeader.oHead,r=this.widget.rightColumnHeader.oHead,i=0;i<e;i++)this.insertRow(!1,!1,t);n.appendChild(t[0]),o.appendChild(t[1]),r.appendChild(t[2]),window.ShadyDOM&&window.ShadyDOM.flush()}},{key:"insertRow",value:function(e,t,o){var n=this,r=this.widget.aColumnMapping,a=i.Z.zgRow.tagName,s=this.oHead,l=this.widget.nLeftFrozenColumns,d=this.widget.nRightFrozenColumns,c=this.widget.aColumnMapping.length,u=[];if(l?u.push(document.createElement(a)):u.push(null),u.push(document.createElement(a)),d?u.push(document.createElement(a)):u.push(null),u.forEach((function(e){return e?e.widget=n.widget:null})),r.forEach((function(o,r){l&&r>=0&&r<l?n.insertHeaderCellContainer(u[0],e,t,r):d&&r>=c-d?n.insertHeaderCellContainer(u[2],e,t,r):n.insertHeaderCellContainer(u[1],e,t,r)})),e||t){var h=this.widget.leftColumnHeader.oHead,f=this.widget.rightColumnHeader.oHead;l&&h.appendChild(u[0]),s.appendChild(u[1]),d&&f.appendChild(u[2])}else this.widget.bHasSorterEnabled&&u.forEach((function(e){return e?e.setAttribute(i.Z.sort.attr,""):null}));return u.forEach((function(n,r){var l;n&&(o?(l=o[r].querySelectorAll(a).length,o[r].appendChild(n)):l=s.querySelectorAll(a).length-1,n.rowIndex=l,n.setAttribute(i.Z.aria.rowIndex,l+1),0===l&&(e||t)&&n.setAttribute(i.Z.attr.internaltop,""))})),u}},{key:"insertHeaderCellContainer",value:function(e,t,o,n){var r;r=t?i.Z.zgFilter.tagName:o?i.Z.zgCell.tagName:i.Z.zgHeadCell.tagName;var s=document.createElement(r),l=n,d=this.widget.aColumnMapping[l];s.widget=this.widget,s.setAttribute("cellindex",l),s.setAttribute(i.Z.attr.role,"columnheader"),s.setAttribute(i.Z.aria.colIndex,l+1),o?s.setAttribute("rowheader",""):s.setAttribute(i.Z.attr.datafocus,""),a.hj(d.mWidth)&&s.setAttribute(i.Z.attr.width,""),e.appendChild(s)}},{key:"removeRow",value:function(){this.oHead.children.length&&this.oHead.removeChild(this.oHead.lastChild)}},{key:"renderFocusMask",value:function(){var e=this.widget.webcomponent,t=this.oDOMWrapper.querySelector("zg-focus"),o=this.oDOMWrapper.id.replace("freeze-frame-","");o=o.replace("-head",""),t||(t=document.createElement("zg-focus"),e._appendChild(t)),this.oElFocusCellMaskBorder=t,t.widget=this.widget,t.oColumnHead=this.oHead,t.setAttribute("area","header"),t.setAttribute("slot","".concat(o,"headfocus"))}},{key:"destroy",value:function(){d(h(f.prototype),"destroy",this).call(this),this.oHead=null,this.oColGroup=null,this.oDOMWrapper=null,this.el=null,this.oElFocusCellMaskBorder=null,this.tooltips=null}}])&&l(t.prototype,o),r&&l(t,r),Object.defineProperty(t,"prototype",{writable:!1}),f}(r.Z)},82383:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(37486),r=o(87822),i=(o(24706),o(19791)),a=o(96766);function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function l(e){return function(e){if(Array.isArray(e))return d(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return d(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return d(e,t)}(e)||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 d(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==s(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===s(i)?i:String(i)),n)}var r,i}const u=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.store=this.widget.store}var t,o,s;return t=e,(o=[{key:"calculateAggregateRow",value:function(e,t){var o,n="",r=e.sTargetRecordIndex,i=e._columnConfig;i.aAggregateValues=[];var s=i.fnAggregateRenderer;t=t||i.sTypeAggregateValue;var l=this.store.getRowData(r),d=this.getAggregateRowData([l],null,e.aTargetFieldIndex);if(void 0!==this[t]){var c=this[t](null,d,i);n='<span class="aggregate-value">'.concat(o=c,"</span>"),i.aAggregateValues.push(c)}else t&&((n=o=this.calculateAggregateTemplate(t,null,d,i,i.aAggregateValues))!==t||s||(s=i.fnAggregateRenderer=a.Z.setUserFunction(null,t)));if(s){var u=s.scope||null;n=s.method.apply(u,[l,d,o,r])||n||""}return n}},{key:"calculateAggregateColumn",value:function(e,t,o,n,i,s,l){if(!e)return"";var d=this.widget.groupbyManager,c=null;n.sGroupHeadCell&&s&&(c=d.calculateGroupDataAggregate(s));var u=this.store.getDataByFieldIndex(o,void 0,c),h="";if(n.sCellType===r.Z.cellTypes.aggregate)return this.calculateAggregateColumnRow(e,t,o,n,i);if(t){var f=t.scope||null;h=c?d.customRenderer(t,s,l):t.method.apply(f,[u,o])||""}else if(void 0!==this[e]){var p=this[e](o,c),g=p;if("count"!==e){var m=n.sCellType,b=this.widget.selectorEngineManager.$cell(0,i);if(b&&("number"===m||"currency"===m)){var v=n.fnRenderer;!v&&n.oDOMZGColumn.renderer&&(v=n.fnRenderer=a.Z.setUserFunction(null,n.oDOMZGColumn.renderer)),g=n.fnRenderer.method.apply(n,[p,null,b])}}h='<bdi class="aggregate-label">'.concat(e.charAt(0).toUpperCase()+e.slice(1),'</bdi><span class="aggregate-colon">:</span>'),h+=' <span class="aggregate-value">'.concat(g,"</span>")}else h=this.calculateAggregateTemplate(e,o,c);return-1===h.indexOf("<bdi")&&(h='<bdi class="aggregate-label">'.concat(h,"</bdi>")),h}},{key:"calculateAggregateColumnRow",value:function(e,t,o,r,i){if(!e)return"";var a,s="",l=t||r.fnAggregateRenderer,d=r.sTypeAggregateValue,c=n.h8(r.sFieldIndex),u=this.store.getAllRowData(),h=this.getAggregateRowData(u,d,c);if(void 0!==this[e]?(a=this[e](null,h,r),s='<bdi class="aggregate-label">'.concat(e.charAt(0).toUpperCase()+e.slice(1),'</bdi><span class="aggregate-colon">:</span>'),s+=' <span class="aggregate-value">'.concat(a,"</span>")):e&&(s=a=this.calculateAggregateTemplate(e,null,h,r)),l){var f=l.scope||null;s=l.method.apply(f,[u,h,a])||s||""}return s}},{key:"calculateAggregateTemplate",value:function(e,t,o,r,i){var a,s=this,l=n.Ld.escapeRegExp(this.store.templateStartDelimiter),d=n.Ld.escapeRegExp(this.store.templateEndDelimiter);return a=new RegExp(l+"(.*?)"+d,"g"),e.replace(a,(function(e,n){var a=n.trim(),l="";return void 0!==s[a]&&(l=s[a](t,o,r),i&&i.push(+l)),l}))}},{key:"getAggregateRowData",value:function(e,t,o){for(var r,i,s=this,l=[],d=e.length,c=function(){var d=e[u],c=[],h=!1;for(var f in d)if(!o||-1!==o.indexOf(f)){var p=d[f];null===p||isNaN(p)||c.push(+p)}if(t&&void 0!==s[t]){var g=s[t](null,c,null);l.push(+g),h=!0}else t&&((i=s.calculateAggregateTemplate(t,null,c,null,l))!==t||r?i!==t&&(h=!0):r=a.Z.setUserFunction(null,t));if(r){var m=r.scope||null;i=r.method.apply(m,[d,c]),n.Uh(i)&&("number"==typeof i?(h=!0,l.push(i)):"string"==typeof i&&i.match(/\d+/g).map((function(e){h=!0,l.push(+e)})))}h||l.push.apply(l,c)},u=0;u<d;u++)c();return l}},{key:"calculate",value:function(e,t,o){var n=this[e],r="";if(!n)return"";if(t.fieldIndex){var i=t.fieldIndex;r=n.apply(this,[i,o])}else r=n.apply(this,[null,o]);return r}},{key:"count",value:function(e,t,o){t=t||this.getDataSource();var n=e?this.store.getDataByFieldIndex(e,!0,t):t;return(n=n.filter((function(e){return e||0===e}))).length}},{key:"min",value:function(e,t,o){if(!(t=t||this.getDataSource()).length)return 0;var r=e?this.store.getDataByFieldIndex(e,void 0,t):t,i=Math.min.apply(Math,l(r));return i===1/0&&(i=0),o&&(i=n.uf(i,o,this.widget)),i}},{key:"max",value:function(e,t,o){if(!(t=t||this.getDataSource()).length)return 0;var r=e?this.store.getDataByFieldIndex(e,void 0,t):t,i=Math.max.apply(Math,l(r));return i===-1/0&&(i=0),o&&(i=n.uf(i,o,this.widget)),i}},{key:"avg",value:function(e,t,o){if(!(t=t||this.getDataSource()).length)return 0;var r=this.sum(e,t),i=Math.round(r/t.length*100)/100;return o&&(i=n.uf(i,o,this.widget)),i}},{key:"sum",value:function(e,t,o){if(!(t=t||this.getDataSource()).length)return 0;var r=(e?this.store.getDataByFieldIndex(e,void 0,t):t).reduce((function(e,t){return e+t}),0),i=Math.round(100*r)/100;return o&&(i=n.uf(i,o,this.widget)),i}},{key:"getDataSource",value:function(){var e=this.widget.filter,t=this.store.aOrderedData;return e&&e.bUseFilter&&(t=e.aFiltered),t}},{key:"getAggregateColumnHeader",value:function(e){var t=e.sTypeAggregateValue,o=i.default.get("aggregate",this.widget),n="";return o[t]&&(n=o[t]),n}},{key:"destroy",value:function(){this.widget=null,this.store=null}}])&&c(t.prototype,o),s&&c(t,s),Object.defineProperty(t,"prototype",{writable:!1}),e}()},69059:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>d});var n=o(87822);function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function i(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(i=n.key,a=void 0,a=function(e,t){if("object"!==r(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==r(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(i,"string"),"symbol"===r(a)?a:String(a)),n)}var i,a}var a=n.Z.cellBreak,s=a.ellipsis,l=a.cellBreakPrep;const d=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.ZG=this.widget.webcomponent}var t,o,r;return t=e,(o=[{key:"setCellBreak",value:function(e){this.sGridType=e||this.ZG.getAttribute(n.Z.cellBreak.attr),this.cellActions(this.setCells)}},{key:"prepCellBreak",value:function(){this.sGridType=this.ZG.getAttribute(n.Z.cellBreak.attr),this.cellActions(this.prepCells)}},{key:"cellActions",value:function(e){for(var t=this,o=this.getGridCellBreak(),n=this.widget.aColumnMapping,r=function(){var r=n[i],a=t.isColumnOverride(r,o);t.widget.getDataCellsByIndex(i).forEach((function(t){e(t,a,r)}))},i=0,a=n.length;i<a;i++)r()}},{key:"prepCells",value:function(e,t){t===s&&e.setAttribute(l,"")}},{key:"setCells",value:function(e,t,o){if(e.hasAttribute(n.Z.attr.title)&&e.removeAttribute(n.Z.attr.title),t===n.Z.cellBreak.default||null===t)e.removeAttribute(n.Z.cellBreak.attr);else{var r=o.mWidth,i=e.widget.webcomponent.width,a=!(o.sFrozen&&i)&&("fit"===r||"fitcontent"===r)||o.bHasCellTooltip;t!==n.Z.cellBreak.ellipsis||a||t===n.Z.cellBreak.ellipsis&&e.setAttribute(n.Z.attr.title,e.textContent),e.hasAttribute(l)&&e.removeAttribute(l),e.setAttribute(n.Z.cellBreak.attr,t)}}},{key:"isAllowedType",value:function(e){return n.Z.cellBreak.allowedTypes.indexOf(e)>-1}},{key:"getGridCellBreak",value:function(){var e=this.sGridType,t=this.isAllowedType(e);return e&&t||(e=n.Z.cellBreak.default),e}},{key:"getCellBreakByColumn",value:function(e){var t=this.getGridCellBreak(),o=this.widget.aColumnMapping[e];return this.isColumnOverride(o,t)}},{key:"isColumnOverride",value:function(e,t){var o=e.sCellBreak,n=t;return o&&this.isAllowedType(o)&&(n=o),n}}])&&i(t.prototype,o),r&&i(t,r),Object.defineProperty(t,"prototype",{writable:!1}),e}()},29058:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>d});var n=o(37486);function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function i(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(i=n.key,a=void 0,a=function(e,t){if("object"!==r(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==r(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(i,"string"),"symbol"===r(a)?a:String(a)),n)}var i,a}function a(e,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},a(e,t)}function s(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=l(e);if(t){var i=l(this).constructor;o=Reflect.construct(n,arguments,i)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===r(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function l(e){return l=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},l(e)}const d=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&a(e,t)}(d,e);var t,o,r,l=s(d);function d(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,d),(e=e||{})._defaults={initAfterRender:!0},l.call(this,e)}return t=d,(o=[{key:"init",value:function(){this.savedValue="",this.render(),this.ons()}},{key:"render",value:function(){this.savedValue=""}},{key:"ons",value:function(){var e=this.widget.webcomponent;e.on("key ctrl v",this.onKeyCtrlVDocument,this),e.on("key shift insert",this.onKeyCtrlVDocument,this),e.on("key ctrl c",this.onKeyCtrlCDocument,this),e.on("key ctrl insert",this.onKeyCtrlCDocument,this)}},{key:"onKeyCtrlCDocument",value:function(e){this.oData=this.widget.selector.se.fullData(),this.sData=this.widget.selector.se.fullDisplay();var t=this.getSelectedCellsData(this.sData),o={data:this.oData,text:t};this.fire("beforecopy",o),t=o.text,this.savedValue=t,this.copyClipboardContent(t),this.fire("copy",o)}},{key:"onKeyCtrlVDocument",value:function(){var e={data:this.oData,text:this.savedValue};this.fire("paste",e)}},{key:"getSelectedCellsData",value:function(e){var t,o=this.widget;if(!(t=o.selector.se.rawData())){if(!o.menuManager||!o.menuManager.lastCell)return e||"";t=o.menuManager.lastCell.rawData()}return null==t?"":n.kJ(t)?(t.length&&!n.kJ(t[0])&&(t=[t]),t.reduce((function(e,t){return e+t.reduce((function(e,t,o){return t=null==t?"":t,o?e+"\t"+t:e+t}),"")+"\n"}),"")):e||t.toString()}},{key:"copyClipboardContent",value:function(e){var t=this.widget.webcomponent;t.oDOMClipboard.value=e;try{navigator&&navigator.clipboard.writeText(t.oDOMClipboard.value)}catch(e){console.error(e)}}}])&&i(t.prototype,o),r&&i(t,r),Object.defineProperty(t,"prototype",{writable:!1}),d}(o(55040).Z)},13495:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>c});var n=o(31769),r=o(87822),i=o(19791);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function s(e){return function(e){if(Array.isArray(e))return l(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return l(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return l(e,t)}(e)||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 l(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function d(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==a(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===a(i)?i:String(i)),n)}var r,i}const c=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.oElMenu=null,this.menuItems=[],this.activeMenu=null}var t,o,a;return t=e,(o=[{key:"initMenu",value:function(){var e=this.widget,t=e.webcomponent;this.oElMenu&&(this.oElMenu.remove(),this.menuItems=[]);var o=e.getByTagName(t.children,"zg-menu",null,"columnMenu");if(o.length?this.oElMenu=o[0]:this.oElMenu=null,this.oElMenu)for(var n=0;n<e.aColumnMapping.length;n++)this.associateItem(e.aColumnMapping[n],n);else{this.oElMenu=document.createElement("zg-menu"),this.oElMenu.id=this.id||"columnMenu",this.oElMenu.setAttribute(r.Z.attr.hidden,"");for(var i=document.createDocumentFragment(),a=0;a<e.aColumnMapping.length;a++)this.addItem(e.aColumnMapping[a],a,i);this.oElMenu.appendChild(i),e.bHasAttachedToDOM&&e.webcomponent.appendChild(this.oElMenu)}}},{key:"associateItem",value:function(e,t){var o=this,n=this.oElMenu.querySelectorAll("zg-button")[t];n.oCheckbox.checked=!e.bHidden,n.oCheckbox.on("statechanged",(function(n){return o.updateColumnState(n,e,t)})),this.menuItems[e.sColumnId]=n}},{key:"addItem",value:function(e,t,o){var n=this,a=this.oElMenu,s=document.createElement("zg-menu-item");s.menu=a,s.menuManager=this.widget.columnMenu,s.setAttribute(r.Z.attr.role,"menuitemcheckbox");var l=document.createElement(r.Z.zgButton.tagName);l.setAttribute(r.Z.attr.action,"checkbox"),l.oCheckbox.checked=!e.bHidden;var d=e.sCellType;e.sMenuText?l.textContent=e.sMenuText:r.Z.internalColumnTypes.indexOf(d)>-1?l.textContent=i.default.get("columntypes",this.widget,{element:l.oLabel,elProperty:"innerHTML",langProperty:d})[d]:l.textContent=e.sColumnHeaderText,l.oCheckbox.on("statechanged",(function(o){return n.updateColumnState(o,e,t)})),l.oIcon.setAttribute(r.Z.attr.hidden,""),s.appendChild(l),o.appendChild(s),this.menuItems[e.sColumnId]=l}},{key:"closeMenu",value:function(e){e&&n.Z.elContains(this.oElMenu,e)||(this.widget.focusManager.focusGrid(!0),this.oElMenu._hide(),this.oButton&&(this.oButton.removeAttribute(r.Z.aria.expanded),this.oButton=null),this.activeMenu=null)}},{key:"isMenuOpen",value:function(){return!!this.activeMenu}},{key:"openColumnMenu",value:function(e){var t=this.widget.webcomponent.querySelectorAll(r.Z.zgMenu.tagName),o=this.oElMenu;if(t){s(t).forEach((function(e){return e.setAttribute(r.Z.attr.hidden,"")})),o._show();var n=this.widget.webcomponent;o.calculateMenuPosition(e,n),o.querySelector(r.Z.zgMenuItem.tagName).focus(),this.activeMenu=o}}},{key:"updateColumnState",value:function(e,t,o){if(!this.widget.bPreloaded&&t.bHidden!==e.checked){var n=this.widget;t.nPriority&&delete t.nPriority,n.updater.toggleColumn(o,e.checked),n._updateHiddenColumn(!e.checked,t,!0)}}}])&&d(t.prototype,o),a&&d(t,a),Object.defineProperty(t,"prototype",{writable:!1}),e}()},2082:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(37486);function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function i(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(i=n.key,a=void 0,a=function(e,t){if("object"!==r(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==r(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(i,"string"),"symbol"===r(a)?a:String(a)),n)}var i,a}const a=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.ZG=this.widget.webcomponent}var t,o,r;return t=e,(o=[{key:"initDialog",value:function(e){var t=this,o=this.ZG.oDOMDialog;o.setDialog(e);var n=function(){t.se&&t.se.select(!0)};o.on("dialogConfirm",n,this),o.on("dialogCancel",n,this);var r=o.$bodycontent.querySelector(".zg-dialog-body-details-row");return r.innerHTML="",r}},{key:"openCellDetails",value:function(e){var t,o=this.widget,r=o.store,i=e._columnConfig,a=null,s={},l=o.groupbyManager;this.se=o.selectorEngineManager.$cell(e.nStartRowIndex,e.nStartColumnIndex);var d=e.sTargetRecordIndex,c=e.sGroupRecordIndex;c?t=s=l.calculateIndexData(e):(t=r.get(d).oRecordRawData,s=e.indexData()),i.oDOMDetailsTemplate&&(a=i.oDOMDetailsTemplate);var u=this.initDialog("record-info");if(a&&(c?l.calculateTemplate(s,t,a,u):r.processTemplate(a,u,e,!0,void 0,s)),e.fnDetailsRenderer&&e.fnDetailsRenderer.method){var h=e.fnDetailsRenderer.method,f=[s,t,u,e],p=e.fnDetailsRenderer.scope,g=h.apply(p,f);n.Uh(g)&&(u.innerHTML=g)}o.selector.deSelectAll(),this.ZG.oDOMDialog.$confirm.focus()}},{key:"openDetailsMessage",value:function(e,t,o){var n=this.initDialog("details");e?n.innerHTML=e:t&&(n.innerHTML=t.call()),o&&(this.ZG.oDOMDialog.$label.innerHTML=o)}}])&&i(t.prototype,o),r&&i(t,r),Object.defineProperty(t,"prototype",{writable:!1}),e}()},46268:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>l});var n=o(87822),r=o(19791);function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function a(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,a=void 0,a=function(e,t){if("object"!==i(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===i(a)?a:String(a)),n)}var r,a}var s=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.ZG=this.widget.webcomponent,this.ZG.dialogArr=[]}var t,o,i;return t=e,(o=[{key:"initDialogs",value:function(){this.buildDialogs();var e=document.createElement(n.Z.zgDialog.tagName);e.setAttribute(n.Z.zgDialog.internal,""),e.slot=n.Z.zg.slot.dialogInternal,this.ZG.oDOMDialog=e,this.ZG.appendChild(e)}},{key:"refreshDialogs",value:function(){this.ZG.dialogArr=[],this.buildDialogs()}},{key:"buildDialogs",value:function(){var t=this,o={confirm:{text:r.default.get("dialog.create",this.widget)},label:r.default.get("dialog.recordCreate.label",this.widget),type:"record-create",body:'\n      <div id="inputs" class="zg-dialog-editor-row-inputs">\n      </div>\n      '};this.ZG.dialogArr.push(o);var n={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:r.default.get("dialog.recordInfo.label",this.widget),type:"record-info",body:'<div class="zg-dialog-body-details-row"></div>'};this.ZG.dialogArr.push(n);var i={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:r.default.get("dialog.details.label",this.widget),type:"details",body:'<div class="zg-dialog-body-details-row"></div>'};this.ZG.dialogArr.push(i);var a={confirm:{text:r.default.get("dialog.save",this.widget)},label:r.default.get("dialog.recordUpdate.label",this.widget),type:"record-update",body:'\n        <div id="inputs" class="zg-dialog-editor-row-inputs">\n        </div>\n      '};this.ZG.dialogArr.push(a);var s={confirm:{text:r.default.get("dialog.save",this.widget)},label:r.default.get("dialog.fieldUpdate.label",this.widget),type:"field-update",body:'\n        <div id="inputs" class="zg-dialog-editor-row-inputs">\n        </div>\n      '};this.ZG.dialogArr.push(s);var l={confirm:{text:r.default.get("dialog.delete",this.widget)},label:r.default.get("dialog.recordDelete.label",this.widget),type:"record-delete",body:'\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="removerecord" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <p>'.concat(r.default.get("dialog.recordDelete.body",this.widget),"</p>\n        </div>\n      ")};this.ZG.dialogArr.push(l);var d={confirm:{text:r.default.get("dialog.ok",this.widget)},label:r.default.get("dialog.batchEdit.cancel.label",this.widget),type:"cancel-batch-edit",body:'<div class="zg-dialog-body-batch-edit"></div>'};this.ZG.dialogArr.push(d);var c={confirm:{text:r.default.get("dialog.save",this.widget)},label:r.default.get("dialog.batchEdit.commit.label",this.widget),type:"commit-batch-edit",body:'<div class="zg-dialog-body-batch-edit"></div>'};this.ZG.dialogArr.push(c);var u={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:"This is an error dialog",type:"view-error",body:'\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="error" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <div class="zg-dialog-body-content">\n            <p>This is an error dialog message.</p>\n          </div>\n        </div>\n      '};this.ZG.dialogArr.push(u);var h={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:"This is an info dialog",type:"view-info",body:'\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="info" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <div class="zg-dialog-body-content">\n            <p>This is an info dialog message.</p>\n          </div>\n        </div>\n      '};this.ZG.dialogArr.push(h);var f={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:"This is a success dialog",type:"view-success",body:'\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="success" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <div class="zg-dialog-body-content">\n            <p>This is a success dialog message.</p>\n          </div>\n        </div>\n      '};this.ZG.dialogArr.push(f);var p={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:"This is a warn dialog",type:"view-warn",body:'\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="warning" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <div class="zg-dialog-body-content">\n            <p>This is a warn dialog message with 2 positioned, slotted icons.</p>\n          </div>\n          <zg-icon name="warning" slot="icon3"></zg-icon>\n          <slot name="icon3"></slot>\n        </div>\n      '};this.ZG.dialogArr.push(p);var g=new Date(ZingGrid.versionDate),m=new Intl.DateTimeFormat(r.default.getLocale(this.widget),{month:"short",year:"numeric",day:"numeric",hour:"numeric",minute:"numeric",weekday:"short",timeZone:"UTC",timeZoneName:"short"}).format(g),b={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget),prevent:!0},label:r.default.get("dialog.version.label",this.widget),type:"zg-version",body:'\n        <div class="zg-dialog-body-icon-row">\n          ZingGrid v'.concat(ZingGrid.versionNum," ").concat(r.default.get("dialog.version.body",this.widget)," ").concat(m,"\n        </div>\n      ")};this.ZG.dialogArr.push(b),e.aCustomizations.forEach((function(e){return t.customize(e.type,e.options)}))}},{key:"customize",value:function(e,t){var o=this;if(t){if(!e||e===n.Z.zgDialog.all)return this.ZG.dialogArr.forEach((function(e){return o.customize(e.type,t)})),void(this.ZG.oDOMDialog&&(t.cancel&&(this.ZG.oDOMDialog.$cancel.innerHTML=t.cancel),t.confirm&&(this.ZG.oDOMDialog.$confirm.innerHTML=t.confirm),t.label&&(this.ZG.oDOMDialog.$label.innerHTML=t.label)));var r=this.ZG.dialogArr.filter((function(t){return t.type===e}))[0];r&&(t.label&&(r.label=t.label),t.cancel&&(r.cancel?r.cancel.text=t.cancel:r.cancel={text:t.cancel}),t.confirm&&(r.confirm?r.confirm.text=t.confirm:r.confirm={text:t.confirm}))}}},{key:"destroy",value:function(){this.widget=null,this.ZG.oDOMDialog=null,this.ZG.dialogArr.length=0,this.ZG=null}}])&&a(t.prototype,o),i&&a(t,i),Object.defineProperty(t,"prototype",{writable:!1}),e}();s.aCustomizations=[];const l=s},87349:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>l});var n=o(87822),r=o(31769),i=o(19791);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function s(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==a(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===a(i)?i:String(i)),n)}var r,i}const l=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.ZG=this.widget.webcomponent,this.dragElSelector="zg-shadow-cell",this.dragRemoveSelector="zg-shadow-remove",this.dragReorderSelector="zg-shadow-reorder"}var t,o,a;return t=e,(o=[{key:"setColumnDrag",value:function(){this.toggleHeadCellAttribute()}},{key:"toggleHeadCellAttribute",value:function(){var e,t=n.Z.drag.columnAttr,o=this.widget.getAllHeadCells(!0),r=this.widget.bColumnDrag;o.forEach((function(o){e=!o.MATCHED_COLUMN||o.MATCHED_COLUMN._oParsedColumnMapping.sDrag,r&&"disabled"!==e&&"false"!==e?o.setAttribute(t,""):o.removeAttribute(t)}))}},{key:"onStartColumnCommon",value:function(e,t){return this.bDragMoved=!1,!!this.widget.bColumnDrag&&t.oDOMTarget.tagName.toLowerCase()!==n.Z.zgColumnResize.tagName&&(this.MATCHED_COLUMN=e.MATCHED_COLUMN,this.nIndex=e.nIndex,"disabled"!==this.MATCHED_COLUMN.getAttribute("drag")&&(this.oGridCoords=this.widget.webcomponent.getBoundingClientRect(),this.xStart=this.oGridCoords.x,this.yStart=this.oGridCoords.y,this.setColumnSwitchValues(),!0))}},{key:"onDragMoveColumn",value:function(e){e.stopEvent();var t=this.widget,o=this.ZG.querySelector(n.Z.zgHeadCell.tagName),r="";if(this.bDragMoved=!0,!this.oShadow){this.oShadow=document.createElement("div"),this.oShadow.className=this.dragElSelector,t.bDragMove&&this.oShadow.classList.add(this.dragReorderSelector);var a=this.MATCHED_COLUMN._oParsedColumnMapping,s=a.sColumnHeaderText,l=a.sCellType;!s&&n.Z.internalColumnTypes.indexOf(l)>-1&&(s=i.default.get("columntypes",t)[l]),this.oShadow.setAttribute("slot","shadow"),this.oShadow.innerHTML=s,t.bDragHide?this.oShadow.setAttribute("data-content",i.default.get("drag.reorder",t)):this.oShadow.setAttribute("data-content"," "),t.webcomponent.appendChild(this.oShadow),r=this.oShadow.getBoundingClientRect().width,this.oShadow.setAttribute("ready",""),this.MATCHED_COLUMN.classList.add(n.Z.zgHeadCell.isReorderingClass);var d=parseInt(this.MATCHED_COLUMN._oParsedColumnMapping.oDOMSortHeader.HEAD_CELL_INDEX,10);t.getHeaderCells(d).forEach((function(e){return e.classList.add(n.Z.zgHeadCell.isReorderingClass)})),t.getFooterCells(d).forEach((function(e){return e.classList.add(n.Z.zgHeadCell.isReorderingClass)}))}var c=this.bTouch?20:10,u=this.bTouch?e.oBrowserEvent.touches[0].clientX:e.oBrowserEvent.clientX,h=this.bTouch?e.oBrowserEvent.touches[0].clientY:e.oBrowserEvent.clientY;if(this.oShadow.style.height="".concat(o.getBoundingClientRect().height,"px"),this.oShadow.style.width="".concat(r,"px"),this.oShadow.style.left="".concat(u-this.xStart-c,"px"),this.oShadow.style.top="".concat(h-this.yStart-c,"px"),t.bDragHide&&(u>this.oGridCoords.x+this.oGridCoords.width||u<this.oGridCoords.x||h>this.oGridCoords.y+this.oGridCoords.height||h<this.oGridCoords.y?(this.oShadow.classList.add(this.dragRemoveSelector),this.bDragHide=!0):(this.oShadow.classList.remove(this.dragRemoveSelector),this.bDragHide=!1),this.bDragHide?this.oShadow.setAttribute("data-content",i.default.get("drag.remove",t)):this.oShadow.setAttribute("data-content",i.default.get("drag.reorder",t))),t.bDragMove&&!this.bDragHide&&!this.bDragMove){var f=!1;this.bDragMove=!0;var p=null;if("right"!==this.area&&this.columnFrameRight&&u>this.columnFrameRight.x?p=this.rightFrame:"left"!==this.area&&this.columnFrameLeft&&u<this.columnFrameLeft.x+this.columnFrameLeft.width/2?p=this.leftFrame:this.columnMoveRight&&u>this.columnMoveRight.x?p=this.rightColumn:this.columnMoveLeft&&u<this.columnMoveLeft.x+this.columnMoveLeft.width/2&&(p=this.leftColumn),p){var g=t.getZGColumnIndex(p._oParsedColumnMapping);this.moveColumn(g),t.getHeaderCells(this.nIndex).forEach((function(e){return e.classList.add(n.Z.zgHeadCell.isReorderingClass)})),t.getFooterCells(this.nIndex).forEach((function(e){return e.classList.add(n.Z.zgHeadCell.isReorderingClass)})),f=!0}else this.bDragMove=!1;t.bDragHide&&this.oShadow.setAttribute("data-content",i.default.get("drag.reorder",t)),f&&this.bTouch&&this.onDragStopColumn()}}},{key:"onDragStopColumn",value:function(e){if(!this.bTouch||this.bDragMoved){e&&e.stopEvent();var t=r.Z.get(document);if(t.docUn("mousemove",this.onDragMoveColumn,this),t.docUn("mouseup",this.onDragStopColumn,this),t.docUn("touchmove",this.onDragMoveColumn,this),t.docUn("touchend",this.onDragStopColumn,this),t.docUn("touchcancel",this.onDragStopColumn,this),this.oShadow){this.bDragHide&&this.MATCHED_COLUMN.setAttribute("hidden",!0),this.widget.webcomponent.removeChild(this.oShadow),this.MATCHED_COLUMN.classList.remove(n.Z.zgHeadCell.isReorderingClass);var o=parseInt(this.MATCHED_COLUMN._oParsedColumnMapping.oDOMSortHeader.HEAD_CELL_INDEX,10);this.widget.getHeaderCells(o).forEach((function(e){return e.classList.remove(n.Z.zgHeadCell.isReorderingClass)})),this.widget.getFooterCells(o).forEach((function(e){return e.classList.remove(n.Z.zgHeadCell.isReorderingClass)})),this.oShadow=null}this.widget.bIsColumnMoverActive=!1}}},{key:"moveColumn",value:function(e){var t=this,o=this.widget,n=this.nIndex;o.savedScrollVal=o.oDOMMainScroll.scrollLeft,this.widget.moveColumn(n,e),this.nIndex=this.MATCHED_COLUMN._oParsedColumnMapping.oDOMSortHeader.nIndex,requestAnimationFrame((function(){return t.setColumnSwitchValues()}))}},{key:"setColumnSwitchValues",value:function(){var e,t,o=this.nIndex,n=this.widget,r=n.getAllColumns(),i=r.length;this.leftColumn=null,this.rightColumn=null,this.leftFrame=null,this.rightFrame=null,this.columnFrameRight=null,this.columnFrameLeft=null,this.area=n.getAreaByColumnIndex(o);var a=n.nRightFrozenColumns;if(a){var s=i-a;if(s>=0&&s<i){this.rightFrame=r[s];var l=this.rightFrame._oParsedColumnMapping.oDOMSortHeader;this.columnFrameRight=l.getBoundingClientRect()}}var d=n.nLeftFrozenColumns;if(d){var c=d-1;if(c>=0&&c<i){this.leftFrame=r[c];var u=this.leftFrame._oParsedColumnMapping.oDOMSortHeader;this.columnFrameLeft=u.getBoundingClientRect()}}for(var h=o-1;h>=0;h--)if(!r[h].hidden){this.leftColumn=r[h],e=r[h]._oParsedColumnMapping.oDOMSortHeader;break}for(var f=o+1;f<i;f++)if(!r[f].hidden){this.rightColumn=r[f],t=r[f]._oParsedColumnMapping.oDOMSortHeader;break}this.columnMoveLeft=e?e.getBoundingClientRect():null,this.columnMoveRight=t?t.getBoundingClientRect():null,this.bDragMove=!1}}])&&s(t.prototype,o),a&&s(t,a),Object.defineProperty(t,"prototype",{writable:!1}),e}()},11058:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>p});var n=o(31769),r=o(55040),i=o(87822),a=o(37486),s=o(24706);function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function d(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==l(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===l(i)?i:String(i)),n)}var r,i}function c(){return c="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=f(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},c.apply(this,arguments)}function u(e,t){return u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},u(e,t)}function h(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=f(e);if(t){var r=f(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===l(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}const p=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&u(e,t)}(g,e);var t,o,r,p=h(g);function g(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,g),(e=e||{})._defaults={initAfterRender:!0,prefix:"zing-grid-record-editor-",sTargetRecordIndex:null,_nScrollLeft:0,bIsOpen:!1},(t=p.call(this,e)).oActiveEditorField={},t.nTargetRowIndex=null,t}return t=g,(o=[{key:"init",value:function(){this.ons(),this.render()}},{key:"render",value:function(){var e=this.oDOMSubmitButton=document.createElement(i.Z.zgButton.tagName);e.setAttribute(i.Z.attr.action,"submitrecord"),e.setAttribute(i.Z.attr.tabindex,0);var t=this.oDOMCancelButton=document.createElement(i.Z.zgButton.tagName);t.setAttribute(i.Z.attr.action,"cancelrecord"),t.setAttribute(i.Z.attr.tabindex,0)}},{key:"isRecordEditorOpen",value:function(){return!!this.bIsOpen}},{key:"ons",value:function(){var e=this;this.widget.on("pagechange",(function(t){return e.cancelOpenEdit()})),this.widget.on("layoutchange",(function(t){return e.cancelOpenEdit()})),this.widget.on("beforesearch",(function(t){return e.cancelOpenEdit()})),this.widget.store.on("updatecomplete",(function(t,o){return e.closeRecordEditor(o)}))}},{key:"onResize",value:function(){var e=this.widget,t=e.editorFieldManager,o=e.webcomponent.oDOMEditorRow;if(null===this.nTargetRowIndex&&t.oActiveEditorField)o.positionEditorWithinRow(t.se,t.oActiveEditorField);else if(this.bIsOpen&&null!==this.nTargetRowIndex)for(var n=this.oActiveEditorField,r=0,i=e.aColumnMapping.length;r<i;r++){var a=e.selectorEngineManager.$cell(this.nTargetRowIndex,r),s=n[a.sTargetFieldIndex];s&&o.positionEditorWithinRow(a,s)}}},{key:"openNewRecordEditorFromCols",value:function(){var e=this.widget,t=e.editorFieldManager,o=e.aColumnMapping,n=e.editorManager;this.nTargetRowIndex=!0,this.oActiveEditorField={};for(var r=0,i=o.length;r<i;r++){var a=o[r],s=a.sFieldIndex;if(s&&a.oEditor&&!this.oActiveEditorField[s]){var l=this.se.column(s);if(this.oActiveEditorField[s]=t.openNewFieldEditor(l),n._isCardEdit(!0))break}}}},{key:"openNewRecordEditor",value:function(){var e=this.widget,t=e.editorManager,o=t.getInputContainers()[0];this.bIsOpen&&this.cancelOpenEdit(),e.webcomponent.oDOMCellOverflow.close(),this.sTargetRecordIndex=-1,this.openNewRecordEditorFromCols(),t.focusInput(),this.bIsOpen=!0;var n={dialog:e.webcomponent.oDOMDialog.$dialog,inputContainer:o,editorFields:this.oActiveEditorField};this.widget.fire("openinsert",n)}},{key:"openRecordEditor",value:function(e){var t,o,n=this.widget,r=n.editorManager,a=n.editorFieldManager,s=r.type,l=n.aColumnMapping,d=n.selectorEngineManager;n.webcomponent.oDOMCellOverflow.close(),this.bIsOpen&&this.cancelOpenEdit(),this.hookOffClickEvent(),a.oActiveEditorField&&(t=a.se.sTargetFieldIndex,o=a.oActiveEditorField,a.removeFieldEditor(o,null,!1,!0)),this.bCancelButtonRendered=this.bConfirmButtonRendered=!1,this.sTargetRecordIndex=n.getRecordIndexByDataRowContainerIndex(e),this.nTargetRowIndex=e,this.oActiveEditorField={};for(var c=0,u=l.length;c<u;c++){var h=d.$cell(e,c),f=h.dom(),p=l[c];if(f.tagName.toLowerCase()!==i.Z.zgCard.tagName&&!p.bHidden){var g=h.sTargetFieldIndex;if(s!==i.Z.editor.typeModal&&(h.sCellType===i.Z.internalColumn.recordeditor&&(this.oDOMEditButton=this.swapControl(f,this.oDOMSubmitButton,"bConfirmButtonRendered")),h.sCellType===i.Z.internalColumn.recordremover&&(this.oDOMDeleteButton=this.swapControl(f,this.oDOMCancelButton,"bCancelButtonRendered")),!this.bConfirmButtonRendered&&h.sCellType===i.Z.cellTypes.custom)){var m=f.querySelector('zg-button[action="editrecord"]');if(m){this.oDOMEditButton=this.swapControl(f,this.oDOMSubmitButton,"bConfirmButtonRendered",m);var b=f.querySelector('zg-button[action="removerecord"]');b&&(this.oDOMDeleteButton=this.swapControl(f,this.oDOMCancelButton,"bCancelButtonRendered",b))}}if(!(!h.oEditor||g&&this.oActiveEditorField[g])&&(g&&t===g?this.oActiveEditorField[g]=o:g&&(this.oActiveEditorField[g]=a.openFieldEditor(f)),r._isCardEdit()))break}}this.bConfirmButtonRendered&&!this.bCancelButtonRendered&&s!==i.Z.editor.typeModal&&this.oDOMSubmitButton.parentNode.insertBefore(this.oDOMCancelButton,this.oDOMSubmitButton.nextSibling),this.bIsOpen=!0}},{key:"swapControl",value:function(e,t,o,n){return(n=n||e.querySelector("div ".concat(i.Z.zgButton.tagName))).parentNode.insertBefore(t,n),n.setAttribute(i.Z.attr.hidden,""),this[o]=!0,n}},{key:"hookOffClickEvent",value:function(){n.Z.get(document).on("click",this.checkOffClick,this)}},{key:"checkOffClick",value:function(e,t){var o=this.widget.editorManager;if("zg-menu-item"!==t.tagName.toLowerCase()&&!this.widget.bIsColumnResizeActive&&this.isRecordEditorOpen()&&o.type===i.Z.editor.typeInline&&null!==this.nTargetRowIndex){var n=a.MV(t,i.Z.zgRow.tagName);n&&n.rowIndex==this.nTargetRowIndex||this.cancelOpenEdit()}}},{key:"cancelOpenEdit",value:function(e,t,o){var r=this.widget,i=this.oActiveEditorField;return!(o&&r.batchEditor.isActive()&&r.batchEditor.bCheckValidate||(n.Z.get(document).docUn("click",this.checkOffClick,this),null!==this.nTargetRowIndex?Object.keys(i).forEach((function(e){var t=i[e];r.editorFieldManager.closeFieldEditor(!0,null,t,!0),delete i[e]})):r.editorFieldManager.closeFieldEditor(!0),this.nTargetRowIndex=null,this.closeRecordEditor(t),0))}},{key:"onClickSubmit",value:function(e,t){var o,r=this.widget,a=r.store,s=this.sTargetRecordIndex;if(r.webcomponent.style.cursor="wait",e&&e.oDOMTarget&&(e.oDOMTarget.querySelector("#inputs").innerHTML=""),(o=this.loopEditRecord(!1))===i.Z.validation.fail)return this.widget.webcomponent.style.cursor=null,!1;n.Z.get(document).docUn("click",this.checkOffClick,this);var l=!1;r.savedScrollVal=r.oDOMMainScroll.scrollLeft,o&&(l=a.updateRecord(s,o,void 0,void 0,t)),l||this.closeRecordEditor(t)}},{key:"loopEditRecord",value:function(e){var t=null,o=this.widget;if(this.bIsOpen){if(null===this.nTargetRowIndex||this.widget.editorManager._isCardEdit())if(e)o.editorFieldManager.removeFieldEditor(this.oActiveEditorField),this.oActiveEditorField={},this.nTargetRowIndex=null;else{if((t=this.widget.editorFieldManager.closeFieldEditor())===i.Z.validation.fail)return t;this.widget.editorManager._isCardEdit()&&"object"===l(t)||(t=null)}else{var n=o.aColumnMapping,r=o.selectorEngineManager,a=this.oActiveEditorField;t={};for(var s=0,d=n.length;s<d;s++){var c=r.$cell(this.nTargetRowIndex,s);if(c.oEditor){var u=c.sTargetFieldIndex,h=a[u];if(h)if(e)o.editorFieldManager.removeFieldEditor(h,c,!0),delete a[u];else if(t[u]=o.editorFieldManager.closeFieldEditor(!1,c,h,!0),t[u]===i.Z.validation.fail)return i.Z.validation.fail}}e&&(this.nTargetRowIndex=null)}return t}}},{key:"onSubmitNewFromCols",value:function(){for(var e=this.widget,t=e.editorFieldManager,o=e.aColumnMapping,n=this.oActiveEditorField,r={},a=e.sNestedDataSeparator,l=0,d=o.length;l<d;l++){var c=o[l].sFieldIndex,u=n[c],h=this.se.column(c);if(u){var f=t.closeFieldEditor(!1,h,u,!0,void 0,!0);if(f===i.Z.validation.fail)return f;-1!==c.indexOf(a)?s.P_(r,c,f,a):r[c]=f}}return r}},{key:"onClickSubmitNew",value:function(e,t,o){var n=null,r=this.widget;if(e||t||(e="end"),this.widget.editorManager._isCardEdit(!0))n=this.widget.editorFieldManager.closeCardEditorNew(),this.oActiveEditorField={};else if(null!==this.nTargetRowIndex&&(n=this.onSubmitNewFromCols())===i.Z.validation.fail)return!1;if(this.nTargetRowIndex=null,this.closeRecordEditor(o)===i.Z.validation.fail)return!1;this.oActiveEditorField={},n&&(e=t?r.getRowIndexByDataRowContainerIndex(t.nStartRowIndex)+1:e,r.store.insertRecord(n,e))}},{key:"closeRecordEditor",value:function(e){var t,o=this.widget.editorManager;t=o.activeRowEdit?o.se:this.widget.editorFieldManager.se;var n=this.loopEditRecord(!0);if(n===i.Z.validation.fail)return n;this.oDOMCancelButton&&this.oDOMCancelButton.parentNode&&(this.oDOMCancelButton.parentNode.removeChild(this.oDOMCancelButton),this.oDOMSubmitButton.parentNode.removeChild(this.oDOMSubmitButton)),this._unhookButton(this.oDOMEditButton),this._unhookButton(this.oDOMDeleteButton),this.bIsOpen=!1,o.updateActiveStatus(!1,!1,!1),e&&(!e.tagName&&e.select?e.select(!0):e.focus()),o.oDOMDialog&&(o.oDOMDialog.closeEvent(),o.oDOMDialog=null,t&&t.nStartRowIndex>=0&&t.nStartColumnIndex>=0&&t.select(!0)),this.widget.webcomponent.style.cursor=null}},{key:"_unhookButton",value:function(e){e&&(e.removeAttribute(i.Z.attr.hidden),e=null)}},{key:"destroy",value:function(){c(f(g.prototype),"destroy",this).call(this),this.oDOMSubmitButton=null,this.oDOMCancelButton=null}}])&&d(t.prototype,o),r&&d(t,r),Object.defineProperty(t,"prototype",{writable:!1}),g}(r.Z)},64774:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>p});o(31769);var n=o(55040),r=o(87822),i=o(96766),a=o(37486),s=o(19791);function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function d(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==l(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===l(i)?i:String(i)),n)}var r,i}function c(){return c="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=f(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},c.apply(this,arguments)}function u(e,t){return u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},u(e,t)}function h(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=f(e);if(t){var r=f(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===l(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}const p=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&u(e,t)}(p,e);var t,o,n,l=h(p);function p(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,p),e=e||{},(t=l.call(this,e)).widget=e.widget,t.store=t.widget.store,t.se=e.se,t.dirtyManager=t.widget.dirtyManager,t.bConfirm=!1,t.bIsActive=!1,t.reset(),t}return t=p,(o=[{key:"isActive",value:function(){return!!this.bIsActive}},{key:"ons",value:function(){var e=this;this.widget.store.on("updatecomplete",(function(t,o){return e.closeBatchEditor(o)}))}},{key:"activate",value:function(e){var t=this.widget.webcomponent,o=t.oDOMControlBar;o.oDOMBatchEdit.setAttribute("hidden",""),o.oDOMBatchCancel.removeAttribute("hidden"),o.oDOMUnsavedSpan.removeAttribute("hidden"),t.setAttribute(r.Z.attr.batchEditActive,""),o.setAttribute(r.Z.attr.batchEditActive,""),this.widget.updateBatchEditStyleAttributes(!0),this.bIsActive=!0,this.bCheckValidate=!1,this._update(),e&&o.oDOMBatchCancel.focus()}},{key:"deactivate",value:function(e){var t=this.widget.webcomponent,o=t.oDOMControlBar;o.removeAttribute(r.Z.attr.batchEditLongMessage),o.oDOMBatchEdit.removeAttribute("hidden"),o.oDOMBatchSave.setAttribute("hidden",""),o.oDOMBatchCancel.setAttribute("hidden",""),o.oDOMBatchCancel.removeAttribute("style"),o.oDOMUnsavedSpan.setAttribute("hidden",""),o.oDOMUnsavedSpan.innerHTML="",this.bIsActive=!1,this.bCheckValidate=!1,t.removeAttribute(r.Z.attr.batchEditActive),o.removeAttribute(r.Z.attr.batchEditActive),o.removeAttribute(r.Z.attr.batchEditMessage,""),this.widget.updateBatchEditStyleAttributes(!1),e&&o.oDOMBatchEdit.focus()}},{key:"updateMessage",value:function(){var e=this.store,t=this.widget,o=a.Ld.escapeRegExp(e.templateStartDelimiter),n=a.Ld.escapeRegExp(e.templateEndDelimiter),l=r.Z.batchEdit.tokens.messageSuffix,d=t.webcomponent.batchEditStatus||e.oDataFormat.sBatchEditStatus,c=e.oDataFormat.fnBatchEditStatus;if(t&&t.webcomponent){var u=t.webcomponent.oDOMControlBar,h=this.widget.webcomponent.oDOMControlBar;h.oDOMBatchSave.removeAttribute("hidden"),h.oDOMBatchCancel.setAttribute("style","--zg-icon-color: red;"),d&&!c&&(c=i.Z.setUserFunction(null,d))&&(e.oDataFormat.fnBatchEditStatus=c);var f=d||r.Z.batchEdit.statusMessage,p=f;if(-1!==f.indexOf(r.Z.tokens.delim)||c){var g=this.aDirty.length,m=this.getChangeCount(this.oDirty.oEdit,!1,!1),b=this.getFieldsChangeCount(),v=this.getChangeCount(this.oDirty.oDelete,!1,!0),y=this.getChangeCount(this.oDirty.oInsert,!0,!1),w={changes:g,modified:this.getRecordChanges(),recordsEdited:m,fieldsEdited:b,deleted:v,inserted:y},z=new RegExp(o+"(.*?)"+n,"g");p=p.replace(z,(function(o,n){var r,i="",d=(n=n.trim()).indexOf(l);return-1!==d?(n=n.substring(0,d),r=w[n],i=a.Iu({msg:s.default.get("batchEdit.".concat(n),t),plurals:[{value:"s",condition:1!==r},{value:"s",condition:1!==r}]})):r=w[n],i&&(r="".concat(r," ").concat(i)),void 0!==r?r:"".concat(e.templateStartDelimiter).concat(n).concat(e.templateEndDelimiter)})),c&&(p=c.method.apply(c.scope,[w,u.oDOMUnsavedSpan]))}!p&&c||(u.setAttribute(r.Z.attr.batchEditMessage,""),u.oDOMUnsavedSpan.innerText="(".concat(p,")"),u.checkMessageSize())}}},{key:"saveDeletes",value:function(){var e=this.store;for(var t in this.oDirty.oDelete){var o=this.oDirty.oDelete[t],n=e.oLocalModel[t];o.bBatchEdit=!0,o.bBatchCleanup=n.bDirtyInsert,e.fireAfterStoreEvent("afterremoverecord",o)}}},{key:"saveInserts",value:function(){var e=this.store;for(var t in this.oDirty.oInsert){var o=e.oLocalModel[t];if(o.bDirtyDelete)this.bRemovingInsert=!0,o.bBatchCleanup=!0,this.widget.removeRow(t,!0,void 0,!0),this.bRemovingInsert=!1;else{var n=this.oDirty.oInsert[t];n.bBatchEdit=!0,e.fireAfterStoreEvent("afterinsert",n)}}}},{key:"getChangedFields",value:function(e){var t=[],o=this.oDirty.oEdit[e],n=o.zgOldData;return Object.keys(o).forEach((function(e){if("zgOldData"!==e){var r=o[e];r[r.length-1]!==n[e]&&t.push(e)}})),t}},{key:"saveEdits",value:function(){var e=this.store;for(var t in this.oDirty.oEdit){var o=e.oLocalModel[t],n=this.oDirty.oEdit[t].zgOldData;if(!o.bDirtyDelete){var i=o.model,l=this.getChangedFields(t),d=a.c7.copy(e.oDataRequest.updateOptions.row||{});d.sRecordIndex=t,d.oRecordRawData=i.get(),d.oOldData=n,d.aChangedFieldIndex=l,d.fnCustom=e.oDataFormat.fnCustomUpdateRow,d.sEditMode="updaterecord",d.bBatchEdit=!0,d.oStatus={};var c=d.sServerErrorMessage;c||(c=d.sServerErrorPath?r.Z.tokens.serverMessage:s.default.get("dialog.recordUpdate.errorMsg",this.widget)),d.oErrorStatus={msg:c},e.fireAfterStoreEvent("afterupdaterecord",d)}}}},{key:"save",value:function(e){var t=this;this.confirm((function(){return t.completeSave(e)}),"commit",r.Z.confirmations.batchEdit)}},{key:"completeSave",value:function(e){var t=this.widget;this.deactivate(e);var o=t.oDOMMainScroll.scrollLeft;this.bSavingBatchEdit=!0,this.nSavedUpdateCount=this.nUpdateCount=this.getRecordChanges(),this.aErrors=[],this.saveEdits(),this.saveDeletes(),this.saveInserts(),o&&(t.savedScrollVal=o),this.nUpdateCount||(this._update(),this.reset())}},{key:"cancelBatchEdit",value:function(e){var t=this;this.confirm((function(){return t.completeCancel(e)}),"cancel",r.Z.confirmations.batchEditDiscard)}},{key:"completeCancel",value:function(e,t){var o=this.dirtyManager;if(this.deactivate(e),this.widget.recordEditor.cancelOpenEdit(),!t)for(var n=this.aDirty,r=n.length-1;r>=0;r--){var i=n[r],a=i.sRecordIndex,s=i.sFieldIndex;"updatecell"===i.sEditMode?(this.store._updateCell(a,s,i.oldValue),o.setNoDirty(a,s,!0)):"removerecord"===i.sEditMode?o.setNoDirty(i.sRecordIndex,null,!0):"insertrecord"===i.sEditMode&&this.removeNewRow(a)}this.reset(),t||this._update()}},{key:"removeNewRow",value:function(e){var t=this.store.oLocalModel[e];this.bRemovingInsert=!0,t.bBatchCleanup=!0,this.widget.removeRow(e,!0,void 0,!0),this.bRemovingInsert=!1}},{key:"onSuccess",value:function(){this.nUpdateCount--,this.checkResponses()}},{key:"onFailure",value:function(e){this.nUpdateCount--,this.aErrors.push(e),this.checkResponses()}},{key:"checkResponses",value:function(){0===this.nUpdateCount&&(this.aErrors.length?(this.completeErrorStatus(),this.rollbackChanges()):this.completeStatus(),this.reset())}},{key:"completeStatus",value:function(){var e=this.widget;this.bSavingBatchEdit=!1;var t={icon:"checkmark",state:"success",msg:s.default.get("dialog.batchEdit.successMsg",e)};e.statusManager&&e.statusManager.setStatus(t),this.nSavedUpdateCount=0,this._update()}},{key:"completeErrorStatus",value:function(){var e=this,t=this.widget,o=this.aErrors.length;this.bSavingBatchEdit=!1;var n=this.nSavedUpdateCount-o,r=s.default.get("dialog.batchEdit.plurals.errorMsg",this.widget)||["s","s"],i={icon:"error",state:"error",msg:a.Iu({msg:s.default.get("dialog.batchEdit.errorMsg",this.widget),vars:[n,o],plurals:[{value:r[0],condition:1!==n},{value:r[1],condition:1!==o}]}),sDetails:s.default.get("dialog.batchEdit.errorMsgMore",this.widget),fnDetails:function(){return e.errorDetails()},sLabel:s.default.get("dialog.batchEdit.errorLabel",this.widget)};t.statusManager&&t.statusManager.setStatus(i)}},{key:"errorDetails",value:function(){for(var e=this.widget,t=this.aErrors,o=this.aErrors.length,n=s.default.get("dialog.batchEdit.plurals.dialogErrorMsg",this.widget)||["s"],r=a.Iu({msg:s.default.get("dialog.batchEdit.dialogErrorMsg",e),vars:[o],plurals:[{value:n[0],condition:1!==o}]}),i=0;i<o;i++){var l=t[i],d=void 0;if(l.oErrorStatus&&(d=l.oErrorStatus.msg),"insertrecord"===l.sEditMode)r+="<br>New Record: ".concat(d);else{var c=e.store.getURLRecordField(l.sUrl,l.sRecordIndex,l.sIdKeyValue);r+="<br>Record ".concat(c,": ").concat(d)}}return r}},{key:"rollbackChanges",value:function(){for(var e=this.aErrors,t=0;t<e.length;t++){var o=e[t].sRecordIndex;this.dirtyManager.revert(o)}this._update()}},{key:"getRecordChanges",value:function(e){for(var t=this.oDirty,o=this.widget.store,n=[t.oEdit,t.oDelete,t.oInsert],r={},i=0;i<n.length;i++){var a=n[i];for(var s in a){var l=o.oLocalModel[s];!e&&l.bDirtyDelete&&l.bDirtyInsert||(r[s]=!0)}}return Object.keys(r).length}},{key:"getChangeCount",value:function(e,t,o){var n=0;for(var r in e){var i=this.store.oLocalModel[r];!o&&i.bDirtyDelete||!t&&i.bDirtyInsert||n++}return n}},{key:"getFieldsChangeCount",value:function(){var e=this.oDirty.oEdit,t=0;for(var o in e){var n=this.store.oLocalModel[o];n.bDirtyDelete||n.bDirtyInsert||(t+=this.getChangedFields(o).length)}return t}},{key:"confirm",value:function(e,t,o){var n=this.widget,i=this.widget.webcomponent.oDOMDialog;this.bConfirm=t,n.editorManager.activeCellEdit&&n.editorManager.closeEditor()===r.Z.validation.fail&&"commit"===t||(this.bConfirm=!1,0!==this.getRecordChanges()&&n.getConfirmation(o)?(i.setDialog("".concat(t,"-batch-edit")),this.setConfirmationMessage(t),i.on("dialogConfirm",e)):e())}},{key:"setConfirmationMessage",value:function(e){var t=this.widget.webcomponent.oDOMDialog,o=this.getChangeCount(this.oDirty.oEdit,!1,!1),n=this.getChangeCount(this.oDirty.oDelete,!1,!0),r=this.getChangeCount(this.oDirty.oInsert,!0,!1),i=this.getRecordChanges(),l=this.aDirty.length,d=-1!==[o,r,n].indexOf(l)?"":"Plural",c=a.Iu({msg:s.default.get("dialog.batchEdit.".concat(e,".body").concat(d),this.widget),vars:[l,i],plurals:[{value:"s",condition:1!==i}]}),u=[{sLookup:"recordsEdited",nVal:o},{sLookup:"inserted",nVal:r},{sLookup:"deleted",nVal:n}];c+='<div style="margin-block-start: 1.25rem; color: '.concat("cancel"===e?"red":"green",';">');for(var h=0;h<u.length;h++){var f=u[h].nVal,p=u[h].sLookup;f&&(c+=a.Iu({msg:s.default.get("dialog.batchEdit.changeBody",this.widget)+s.default.get("dialog.batchEdit.".concat(p),this.widget)+"<br>",vars:[f],plurals:[{value:"s",condition:1!==f}]}))}c+="</div>",t.$bodycontent.querySelector(".zg-dialog-body-batch-edit").innerHTML=c}},{key:"onKeyDown",value:function(e){var t=this.widget,o=e.nCharCode,n=t.editorFieldManager.se,i=e.bIsSHIFT?"left":"right",a=t.getColumnContainerCount(),s=t.getRowContainerCount()+t.nTopFrozenRows,l=t.focusManager;if("cell"===n.sContextLevel&&o===e.TAB){e.stopEvent();for(var d=this.se=t.selectorEngineManager.$cell(n.nStartRowIndex,n.nStartColumnIndex),c=null;!c;){var u=d.nStartColumnIndex,h=d.nStartRowIndex;if(!(c=d.traverse(i,1)))break;if(u===c.nStartColumnIndex&&h===c.nStartRowIndex)if("right"===i){if(h===s-1)return void l.tabChangeFocus(e,{section:l.GRIDINDEX});c=d=t.selectorEngineManager.$cell(h+1,0)}else{if(0===h)return void l.tabChangeFocus(e,{section:l.GRIDINDEX});c=d=t.selectorEngineManager.$cell(h-1,a-1)}-1===r.Z.internalColumnTypes.indexOf(c.sCellType)&&!1!==c.oEditor||(c=null)}c||(c=this.se=t.selectorEngineManager.$cell(n.nStartRowIndex,n.nStartColumnIndex)),t.editorManager.onDoubleClick(c.dom())}}},{key:"_update",value:function(e){e=e||{bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},this.widget.update(e)}},{key:"_unhookButton",value:function(e){e&&(e.removeAttribute(r.Z.attr.hidden),e=null)}},{key:"reset",value:function(){this.aDirty=[],this.oDirty={oEdit:{},oDelete:{},oInsert:{}},this.dirtyManager.reset()}},{key:"destroy",value:function(){c(f(p.prototype),"destroy",this).call(this),this.oDOMSubmitButton=null,this.oDOMCancelButton=null,this.aDirty.length=0,this.aDirty=null,this.oDirty.oEdit=null,this.oDirty.oDelete=null,this.oDirty.oInsert=null,this.oDirty=null}}])&&d(t.prototype,o),n&&d(t,n),Object.defineProperty(t,"prototype",{writable:!1}),p}(n.Z)},20131:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(55040),r=o(87822),i=o(37486);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function s(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==a(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===a(i)?i:String(i)),n)}var r,i}function l(e,t){return l=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},l(e,t)}function d(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=c(e);if(t){var r=c(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===a(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function c(e){return c=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},c(e)}const u=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&l(e,t)}(c,e);var t,o,n,a=d(c);function c(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,c),e=e||{},(t=a.call(this,e)).widget=e.widget,t.store=t.widget.store,t.se=e.se,t}return t=c,(o=[{key:"setDirty",value:function(e,t,o){var n=this.store,a=this.widget.batchEditor;if(e){var s=n.oLocalModel[e];if(t!==r.Z.store.keyField){if(!s.bDirtyInsert&&(t&&(s.model.setDirty(t),s.nCellDirty++),s.bDirty=!0,o&&a.isActive())){var l=a.oDirty.oEdit;if(a.aDirty.push(o),!l[e]){var d=s.model;l[e]={zgOldData:i.c7.copy(d.get())},l[e].zgOldData[t]=o.oldValue}l[e][t]||(l[e][t]=[]),l[e][t].push(o.payload)}this.nRecordDirty++,this.bDirty=!0,a.isActive()&&a.updateMessage()}}}},{key:"setDirtyDelete",value:function(e,t){var o=this.widget.batchEditor,n=this.store;if(e&&!o.bRemovingInsert){var r=n.oLocalModel[e];if(r.bDirtyDelete=!0,this.nRecordDirty++,this.bDirty=!0,o.isActive()){var i=o.oDirty.oDelete;o.aDirty.push(t),r.bDirtyInsert||(i[e]=t),o.updateMessage()}}}},{key:"unsetDirtyDelete",value:function(e){var t=this.store,o=this.widget.batchEditor;if(e){t.oLocalModel[e].bDirtyDelete=!1;var n=o.oDirty.oDelete[e];n&&(delete o.oDirty.oDelete[e],this.clearDirtyArray(n),this.nRecordDirty--),o.isActive()&&o.updateMessage(),o._update()}}},{key:"setDirtyInsert",value:function(e,t){var o=this.store,n=this.widget.batchEditor;if(e&&(o.oLocalModel[e].bDirtyInsert=!0,this.nRecordDirty++,this.bDirty=!0,n.isActive())){var r=n.oDirty.oInsert;n.aDirty.push(t),r[e]=t,n.updateMessage()}}},{key:"setNoDirty",value:function(e,t,o){var n=this.store,a=this.widget.batchEditor;if(e){var s=n.oLocalModel[e];if(i.Uh(t)&&t!==r.Z.store.keyField?(s.model.setNoDirty(t),s.nCellDirty--,0==s.nCellDirty&&(s.bDirty=!1,this.nRecordDirty--)):(s.bDirty=!1,s.bDirtyDelete=!1,s.bDirtyInsert=!1,this.nRecordDirty--),a.isActive()&&!o){var l=null,d=a.oDirty.oEdit,c=a.oDirty.oDelete,u=a.oDirty.oInsert;d[e]&&(d[e][t]?(l=d[e][t],delete d[e][t]):delete d[e]),l&&this.clearDirtyArray(l),(l=c[e])&&(delete c[e],this.clearDirtyArray(l)),(l=u[e])&&(delete u[e],this.clearDirtyArray(l)),0==this.nRecordDirty&&(this.bDirty=!1)}}}},{key:"clearDirtyArray",value:function(e){var t=this.widget.batchEditor,o=t.aDirty.indexOf(e);o>=0&&t.aDirty.splice(o,1)}},{key:"isDirty",value:function(e,t){return!1!==this.getDirty(e,t)}},{key:"getDirty",value:function(e,t){var o=this.store;if(null==e&&null==t)return!!this.bDirty;var n=o.oLocalModel[e];return!!n&&(i.Uh(t)?!!n.model.isDirty(t)&&"edit":n.bDirtyDelete?"delete":n.bDirtyInsert?"insert":"edit")}},{key:"isDirtyDelete",value:function(e){return this.store.oLocalModel[e].bDirtyDelete}},{key:"isDirtyInsert",value:function(e){return this.store.oLocalModel[e].bDirtyInsert}},{key:"getDirtyClass",value:function(e){var t=this.store.oLocalModel[e];return t.bDirtyDelete?"".concat(r.Z.batchEdit.removedClass):t.bDirtyInsert?"".concat(r.Z.batchEdit.insertedClass):""}},{key:"revert",value:function(e){var t=this.widget,o=t.batchEditor,n=o.oDirty.oEdit,r=o.oDirty.oDelete,i=o.oDirty.oInsert,a=n[e],s=i[e],l=r[e];if(s)o.removeNewRow(e);else if(l&&this.setNoDirty(e,null,!0),a)for(var d in a)if("zgOldData"!==d){var c=a.zgOldData[d];t.store._updateCell(e,d,c),this.setNoDirty(e,d,!0)}}},{key:"reset",value:function(){this.nRecordDirty=0,this.bDirty=!1}}])&&s(t.prototype,o),n&&s(t,n),Object.defineProperty(t,"prototype",{writable:!1}),c}(n.Z)},95968:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>d});var n=o(87822),r=o(31769),i=o(96766),a=o(19791);o(95794);function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function l(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==s(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===s(i)?i:String(i)),n)}var r,i}const d=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.se=t.se,this.oRegisteredEditorField={},this.oActiveEditorField=null,this.ZG=this.widget.webcomponent}var t,o,s;return t=e,(o=[{key:"isEditorOpen",value:function(){return!!this.oActiveEditorField}},{key:"openNewFieldEditor",value:function(e){var t=this.widget.editorManager,o=!1,n=e.sTargetFieldIndex;if(e.oEditor&&e.oEditor.method){var r=t.getInputContainers(e.nStartRowIndex)[0],i=this.oRegisteredEditorField[n];void 0===i&&(t._isCardEdit(!0)?(i=this.initCardEditor(e,!0),o=!0):i=this.initBasicFieldEditor(e,!0),r.appendChild(i)),i=o?r.querySelector("#editorCard"):r.querySelector('label[data-key="'.concat(n,'"]')),this.oActiveEditorField=i;var a=i.querySelector("input");return a&&a.focus(),i}}},{key:"openFieldEditor",value:function(e,t){var o=this.widget,a=o.editorManager,s=this.se.cell(e),l=!1,d=s._columnConfig,c=s.sTargetFieldIndex,u=s.oEditor&&s.oEditor.method;if(!u&&d.oDOMZGColumn.editor&&(u=d.oEditor=i.Z.setUserFunction(null,d.oDOMZGColumn.editor)),u){(a.type===n.Z.editor.typeInline&&"cell"===a.se.sContextLevel||o.batchEditor.isActive())&&r.Z.get(document).on("click",this.checkOffClick,this);var h=a.getInputContainerByIndex(s.nStartRowIndex,s.nStartColumnIndex),f=this.oRegisteredEditorField[c];if(void 0===f&&(a._isCardEdit()||"cell"===a.se.sContextLevel&&s._columnConfig.oDOMEditorTemplate?(f=this.initCardEditor(s),l=!0):f=this.initBasicFieldEditor(s),h.appendChild(f)),f=l?h.querySelector("#editorCard"):h.querySelector('label[data-key="'.concat(c,'"]')),a._isModalEdit()||t||(o.getEditorRowByIndex(s.nStartRowIndex,s.nStartColumnIndex).positionEditorWithinRow(s,f),e.classList.add(n.Z.editor.editingClass)),this.oActiveEditorField=f,!t&&((a.type===n.Z.editor.typeInline&&"cell"===a.se.sContextLevel||o.batchEditor.isActive())&&(this.unsubKey=r.Z.get(f).on("keydown",this.checkOffClick,this,{},!1)),o.fire("cellopenedit",s,f),!o.isStorybook("editor-row"))){var p=f.querySelector("input");p&&p.focus()}return f}}},{key:"initBasicFieldEditor",value:function(e,t){var o=this.widget,n=o.webcomponent.oDOMEditorRow,r=o.editorManager,i=e.sTargetFieldIndex,a=n.getEditorTemplate(),s=r.getEditorLabel(a);r.setLabelKey(a,i);var l=e.oEditor&&e.oEditor.method&&e.oEditor.method.init,d=e.oEditor&&e.oEditor.method&&e.oEditor.method.onOpen,c=e.oEditor&&e.oEditor.scope||e,u=t?"":e.rawData();return r.setLabelTextContent(a,e._columnConfig.sColumnHeaderText||i),l&&l.apply(c,[e,s]),d&&d.apply(c,[e,a,u]),a}},{key:"initCardEditor",value:function(e,t){var o,n,r=this.widget,i=r.editorManager,a=r.webcomponent.oDOMEditorRow.getEditorCardTemplate(),s=i.getEditorCard(a),l=e._columnConfig,d=null,c=e.sTargetRecordIndex,u=t?{}:this.widget.store.get(c).oRecordRawData,h=[s],f=e;if(l.oDOMEditorTemplate?d=l.oDOMEditorTemplate:i._isCardEdit(t)&&r.oCardEditTemplate&&(d=r.oCardEditTemplate),r.oCard&&r.oCard.oEditor&&r.oCard.oEditor.method){var p=r.oCard.oEditor.method;o=p.init,n=p.onOpen,f=r.oCard.oEditor.scope||e}else if(l.oDOMEditorTemplate&&l.aUserSet.oEditor){var g=e.oEditor.method;o=g.init,n=g.onOpen,h=[e,s],f=e.oEditor.scope}return o&&o.apply(f,h),d&&(this.widget.store.processTemplate(d,s,e,!0,t),this.processTemplateSelects(s)),h.push(u),n&&n.apply(f,h),a}},{key:"processTemplateSelects",value:function(e){e.querySelectorAll("select[".concat(n.Z.editor.bindingAttr,"]")).forEach((function(e){e.value=e.getAttribute("value")}))}},{key:"closeFieldEditor",value:function(e,t,o,r,i,a){var s,l=o||this.oActiveEditorField,d=!1,c=this.widget;if(t=t||this.se,l&&(void 0===i||t.nRowContainerIndex!==i)){if(!e||c.batchEditor.isActive()&&!c.bSizeCheck){if((s=this._saveEditorField(t,o))===n.Z.validation.fail)return s}else this.removeFieldEditor(l,t,r);a||(d=this.widget.fire("cellcloseedit",t,l,s,e)),r||void 0===s||this.widget.editorManager._isCardEdit()||(!1!==d&&t.rawData(s),this.removeFieldEditor(l,t,r));var u=t.dom();return u&&u.classList.remove(n.Z.editor.editingClass),s}}},{key:"closeCardEditorNew",value:function(){var e={},t=this.oActiveEditorField.querySelectorAll("["+n.Z.editor.bindingAttr+"]");if(t&&t.length)for(var o=0;o<t.length;o++){var r=t[o],i=r.getAttribute(n.Z.editor.bindingAttr).replace(/(record.|index.)/g,"");"input"!==r.tagName.toLowerCase()&&"textarea"!==r.tagName.toLowerCase()&&"select"!==r.tagName.toLowerCase()||(e[i]=r.value)}return e}},{key:"removeFieldEditor",value:function(e,t,o,n){if(this.oActiveEditorField,this.oActiveEditorField=null,t=t||this.se,e&&e.parentNode){var i=e.parentNode;if(!o){var a=r.Z.get(document);a.docUn("click",this.checkOffClick,this),r.Z.get(a).docUn("keydown",this.checkOffClick,this),this.unsubKey&&this.unsubKey(),this.unsubKey=null}!n&&i&&i.removeChild(e)}}},{key:"_saveEditorField",value:function(e,t){var o,r,i=t||this.oActiveEditorField,s=this.widget,l=i,d=this.widget.store,c=e._columnConfig,u="cell"===this.widget.editorManager.se.sContextLevel,h=(e=e||this.se).oEditor&&e.oEditor.method.onClose,f=e.oValidator&&e.oValidator.method.validator,p=e.oValidator&&e.oValidator.method.message,g=c.sValidationErrorMessage,m=c.sRequiredErrorMessage,b=e.oValidator&&e.oValidator.scope||e,v=e.sTargetRecordIndex,y=c.bRequired,w={},z=!0,C=!1,S=l.querySelectorAll("["+n.Z.editor.bindingAttr+"]");if(S&&S.length)for(var k=0;k<S.length;k++){var x=S[k],O=x.getAttribute(n.Z.editor.bindingAttr).replace(/(record.|index.)/g,"");"input"!==x.tagName.toLowerCase()&&"textarea"!==x.tagName.toLowerCase()&&"select"!==x.tagName.toLowerCase()||(w[O]=x.value)}if(s.oCard&&s.oCard.oEditor&&s.oCard.oEditor.method.onClose){var _=e.sTargetRecordIndex,R=this.widget.store.get(_).oRecordRawData,E=s.oCard.oEditor.scope||e;o=s.oCard.oEditor.method.onClose.apply(E,[i,R,w])}else if(h&&(0===Object.keys(w).length||c.aUserSet.oEditor)){var M=e.oEditor.scope||e;o=h.apply(M,[l,null,w]),y&&(null===o||"string"==typeof o&&""===o.trim())&&(z=!1,C=!0),z&&f&&(null===(z=f.apply(b,[o,e,i]))&&(z=!1),"boolean"!=typeof z&&void 0!==z&&(o=z,z=!0))}else(0===Object.keys(w).length||u)&&(o=s.editorManager.getEditorValue(i));var D,T=e.fnEditorField&&e.fnEditorField.method;if(D=T?T.apply(oScope,[l]):i.querySelector("input")||i.querySelector("select"),!z){if(C?r=m||s.sValidationRequiredMessage||a.default.get("validation.errorMessage",s):(g?r=g:p&&(r=p.apply(b,[o,c.sColumnHeaderText,i,e])),r=r||s.sValidationErrorMessage||a.default.get("validation.errorMessage",s)),s.editorManager.oDOMDialog)s.editorManager.oDOMDialog.displayError(!0,r);else if(s.statusManager){var A={icon:"error",state:"error",msg:r};s.batchEditor.isActive()&&"cancel"===s.batchEditor.bConfirm||s.statusManager.setStatus(A)}return D&&D.classList.add(n.Z.validation.css),n.Z.validation.fail}if(D&&D.classList.remove(n.Z.validation.css),s.statusManager&&s.statusManager.closeStatus(),Object.keys(w).length>0&&void 0===o)for(var I in w)w.hasOwnProperty(I)&&d.updateCell(v,I,w[I]);return o}},{key:"checkOffClick",value:function(e,t){var o=this.widget.editorManager,r=this.widget.selector,i=r.bTriggerSelect;if("zg-menu-item"!==t.tagName.toLowerCase()&&(!e.nCharCode||e.nCharCode===e.TAB||e.nCharCode===e.ENTER)){e.nCharCode&&e.nCharCode===e.ENTER&&e.preventDefault();var a=(new Date).getTime();if(this.nTouchOpen&&a-this.nTouchOpen<n.Z.mobile.doubleTapMS)o.focusInput();else{var s=o.closeEditor();if(s===n.Z.validation.fail)return s;if(e.nCharCode&&e.nCharCode===e.ENTER&&r&&this.se){var l=i&&!this.widget.bHasSelectorEnabled;this.se.select(l)}}}}},{key:"destroy",value:function(){this.se=null,this.widget=null,this.oRegisteredEditorField=null,this.oActiveEditorField=null,this.ZG=null}}])&&l(t.prototype,o),s&&l(t,s),Object.defineProperty(t,"prototype",{writable:!1}),e}()},98936:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>l});o(31769),o(55040);var n=o(87822);o(37486);function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function i(e){return function(e){if(Array.isArray(e))return a(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return a(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return a(e,t)}(e)||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 a(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function s(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(i=n.key,a=void 0,a=function(e,t){if("object"!==r(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==r(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(i,"string"),"symbol"===r(a)?a:String(a)),n)}var i,a}const l=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),t=t||{},this.widget=t.widget,this.ZG=this.widget.webcomponent,this.type=null,this.createType=n.Z.editor.typeModal,this.recordEditor=this.widget.recordEditor,this.se=this.widget.selectorEngineManager.getSelectorEngine(),this.updateActiveStatus(!1,!1,!1)}var t,o,r;return t=e,(o=[{key:"connectEditDialog",value:function(e,t){var o=this,n=this.ZG.oDOMDialog;this.oDOMDialog=n,n.on("dialogCancel",(function(){return o.recordEditor.cancelOpenEdit(null,t)}),this.recordEditor),n.on("dialogClose",(function(){return o.recordEditor.cancelOpenEdit(null,t)}),this.recordEditor),n.on("dialogConfirm",(function(e){return o.recordEditor.onClickSubmit(e,t)}),this.recordEditor),"row"===e?n.setDialog("record-update"):n.setDialog("field-update")}},{key:"connectInsertDialog",value:function(e,t,o){var n=this,r=this.ZG.oDOMDialog;this.oDOMDialog=r,r.on("dialogConfirm",(function(){return n.recordEditor.onClickSubmitNew(e,t,o)}),this),r.on("dialogCancel",(function(){return n.recordEditor.cancelOpenEdit(null,o)}),this.recordEditor),r.on("dialogClose",(function(){return n.recordEditor.cancelOpenEdit(null,o)}),this.recordEditor),r.setDialog("record-create")}},{key:"onDoubleClick",value:function(e){var t=this.widget,o=t.selector.se;if(t.batchEditor.isActive()||(t.bHasCellEditorEnabled||t.webcomponent.layout===n.Z.zgLayout.typeCard)&&t.bHasEditorEnabled){var r=o.cell(e);t.batchEditor.isActive()&&(t.dirtyManager.isDirtyDelete(r.sTargetRecordIndex)||r.sTargetFieldIndex===n.Z.internalColumn.recordkey)||(t.bHasCellEditorEnabled||t.batchEditor.isActive()?-1===n.Z.internalColumnTypes.indexOf(o.sCellType)&&!1!==r.oEditor&&this.openEditor(r):this.openEditor(r.toRow(),void 0,r))}}},{key:"openInsertEditor",value:function(e,t,o){var r=this.widget;if(r.editorFieldManager.closeFieldEditor(!0,null,null,!1,-1),this.recordEditor.bIsOpen&&this.recordEditor.cancelOpenEdit(),this.createType===n.Z.editor.typeInline){var i=r.store.on("afterinsertrecord",(function(e,t){i(),r.lastPage();var o=r.getRowContainerIndexByRowIndex(t.nRowIndex);r.webcomponent.openRowEditor(o+r.nTopFrozenRows)}));this.widget.insertRow()}else this.connectInsertDialog(e,t,o),this.recordEditor.openNewRecordEditor(),this.updateActiveStatus(null,!1,!0)}},{key:"openEditor",value:function(e,t,o){var n=this.widget,r=e.nRowContainerIndex,i=e.sContextLevel;this.se=e;var a=this._isModalEdit();if(this.widget.webcomponent.oDOMCellOverflow.close(),("cell"!==i||this.recordEditor.cancelOpenEdit(void 0,void 0,!0))&&(t||(a?this.connectEditDialog(i,o):this.positionSelfWithinGrid(r)),"row"===i&&(n.editorFieldManager.closeFieldEditor(!0,null,null,!1,r),this.recordEditor.openRecordEditor(r),this.updateActiveStatus(null,!1,!0),a||(this.updateActiveStatus(!0,null,null),n.isStorybook("editor-row")||this.focusInput(r))),"cell"===i)){var s=n.editorFieldManager.openFieldEditor(e.dom(),t);if(this.updateActiveStatus(null,!0,!1),s&&(a?this.recordEditor.bIsOpen=!0:this.updateActiveStatus(!0,null,null),!t)){var l=s.querySelector("input, select");l&&l.focus()}}}},{key:"closeEditor",value:function(e){var t=this.widget;if(t.editorFieldManager.closeFieldEditor()===n.Z.validation.fail)return t.batchEditor.isActive()&&(t.batchEditor.bCheckValidate=!0),n.Z.validation.fail;t.batchEditor.bCheckValidate=!1,this.updateActiveStatus(!1,!1,!1),this.widget.selector.bTriggerSelect=!1,this.oDOMDialog&&(this.oDOMDialog.closeEvent(),this.oDOMDialog=null)}},{key:"getEditorRowsByRowIndex",value:function(e){var t=this.widget.webcomponent,o=[t.oDOMLeftHeadEditorRow,t.oDOMHeadEditorRow,t.oDOMRightHeadEditorRow],n=[t.oDOMLeftEditorRow,t.oDOMEditorRow,t.oDOMRightEditorRow],r=[t.oDOMLeftFootEditorRow,t.oDOMFootEditorRow,t.oDOMRightFootEditorRow];if(void 0!==e){var i=this.widget.getFrozenRowState(e);return"top"===i?o:"bottom"===i?r:n}return[].concat(o,n,r)}},{key:"updateActiveStatus",value:function(e,t,o){[].concat(i(this.getEditorRowsByRowIndex()),[this]).forEach((function(n){null!==t&&(n.activeCellEdit=t),null!==o&&(n.activeRowEdit=o),null!==e&&(n.active=e)}))}},{key:"positionSelfWithinGrid",value:function(e){this.getEditorRowsByRowIndex(e).forEach((function(e){return e.positionSelfWithinGrid()}))}},{key:"setEditorType",value:function(e){e&&this.ZG.hasAttribute(n.Z.editor.attr)&&this.ZG.setAttribute(n.Z.editor.attr,e)}},{key:"setInitialEditorType",value:function(){var e=this.ZG.hasAttribute(n.Z.editor.attr);this.ZG.initialEditorType=e?this.ZG.getAttribute(n.Z.editor.attr):n.Z.editor.typeInline}},{key:"focusInput",value:function(e){for(var t=this.getInputContainers(e),o=0;o<t.length;o++){var n=t[o].querySelector("input, select");if(n){n.focus();break}}}},{key:"focusNextInput",value:function(e,t){for(var o=this.getInputContainers(t),n=!1,r=0;r<o.length;r++)if(n){var i=o[r].querySelector("input, select");if(i)return i.focus(),!0}else n=o[r]===e;return!1}},{key:"getInputContainers",value:function(e){if(this.oDOMDialog)return[this.oDOMDialog.getInputContainer()];var t=[];return this.getEditorRowsByRowIndex(e).forEach((function(e){return t.push(e.oDOMInputContainer)})),t}},{key:"getInputContainerByIndex",value:function(e,t){return this.oDOMDialog?this.oDOMDialog.getInputContainer():this.widget.getEditorRowByIndex(e,t).oDOMInputContainer}},{key:"getEditorLabel",value:function(e){return e.querySelector("#".concat(n.Z.zgEditorRow.fieldLabelId))}},{key:"getEditorCard",value:function(e){return e.querySelector("#editorCard")}},{key:"getEditorValue",value:function(e){return e.querySelector("input").value}},{key:"setLabelTextContent",value:function(e,t){e.querySelector(".editorRowFieldLabelContent").textContent=t.replace("."," - ")}},{key:"setLabelKey",value:function(e,t){this.getEditorLabel(e).setAttribute("data-key",t)}},{key:"_isCardEdit",value:function(e){return(this.widget.oCardEditTemplate||this.widget.oCard&&this.widget.oCard.oEditor)&&(this.type===n.Z.editor.typeModal||e)&&("row"===this.se.sContextLevel||e)}},{key:"_isModalEdit",value:function(){return this.type===n.Z.editor.typeModal||void 0===this.type&&!this.ZG.userEditorValue&&this.widget.layoutManager.getLayoutType()===n.Z.zgLayout.typeCard||"cell"===this.se.sContextLevel&&this.se._columnConfig.oDOMEditorTemplate}},{key:"destroy",value:function(){this.recordEditor=null,this.se=null,this.oDOMDialog=null}}])&&s(t.prototype,o),r&&s(t,r),Object.defineProperty(t,"prototype",{writable:!1}),e}()},26879:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(55040),r=o(87822),i=o(37486);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function s(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==a(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===a(i)?i:String(i)),n)}var r,i}function l(e,t){return l=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},l(e,t)}function d(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=c(e);if(t){var r=c(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===a(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function c(e){return c=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},c(e)}const u=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&l(e,t)}(c,e);var t,o,n,a=d(c);function c(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,c),(e=e||{})._defaults={initAfterRender:!0},a.call(this,e)}return t=c,(o=[{key:"setFilter",value:function(e,t){if(e&&e.oFilter){var o=e.oFilter.method.setValue;if(o){var n=e.oFilter.scope||e.oDOMFilter;o.apply(n,[t,e.oDOMFilter]),e.oDOMFilter.fireFilterEvent(),this.widget.bodyUpdate(!0)}}}},{key:"buildFilterURL",value:function(){for(var e=this.widget,t={},o=0,n=e.aFilters.length;o<n;o++){var r=e.aFilters[o],i=r.getValue();""!==i&&(t[r.sFilterKey]=i)}return t}},{key:"filter",value:function(){var e=this,t=this.widget;t.aRowMapping.length=0,this.aFiltered=t.store.aOrderedData.filter((function(e){var o=e.sRecordIndex;return!t.aTopRowMapping.some((function(e){return e.sRecordIndex===o}))&&!t.aBottomRowMapping.some((function(e){return e.sRecordIndex===o}))}));var o=this.aFiltered.length;if(t.bHasSearchEnabled&&(this.aFiltered=this.allFilter(this.aFiltered)),t.bHasFilterEnabled)for(var n=0,r=t.aFilters.length;n<r;n++)this.aFiltered=this.columnFilter(this.aFiltered,t.aFilters[n]);t.fire("roworderchange"),t.bGroupBy?t.groupbyManager.groupBy(t.aGroupBy,this.aFiltered,o!==this.aFiltered.length):this.aFiltered.forEach((function(t,o){e.widget.updateRowMapping(e.widget.aRowMapping,o,{sRecordIndex:t.sRecordIndex})})),this.bUseFilter=this.aFiltered.length!==t.store.aOrderedData.length-t.getFrozenRowCount(),this.bUseFilter&&t.setCurrPageIdx(0),0===this.aFiltered.length&&(0===t.oDOMMainScroll.scrollLeft&&t.savedScrollValFilter?t.savedScrollVal=t.savedScrollValFilter:t.savedScrollVal=t.oDOMMainScroll.scrollLeft)}},{key:"allFilter",value:function(e){var t=e,o=this.widget,n=o.search.oDOMInput.value,a=o.aColumnMapping;return""===n||o.search.hasAttribute(r.Z.attr.hidden)||(t=t.filter((function(e){for(var t=e.sRecordIndex,r=0,s=a.length;r<s;r++)if("disabled"!==a[r].oDOMZGColumn.search&&!1!==a[r].oDOMZGColumn.search&&(a[r].sFieldIndex||a[r].sFilterIndex||"").split(",").map((function(e){return o.store.get(t,i.Ld.trimWhiteSpace(e))})).some((function(e){return e&&-1!==e.toString().toLowerCase().indexOf(n.toLowerCase())})))return!0;return!1}))),t}},{key:"columnFilter",value:function(e,t){var o=e;if(!t.oColumnMapping||!t.oColumnMapping.oFilter)return o;var n=t.oColumnMapping.oFilter.method.operationType||r.Z.filter.defaultOperation,i=t.sFilterIndex,a=t.getValue();return""!==a&&(o=this.compare(o,i,a,n)),o}},{key:"compare",value:function(e,t,o,n){var a=this;return e=e.filter((function(e){var s=!1;return t.split(",").forEach((function(t){var l=a.widget.store.get(e.sRecordIndex,t);if(i.Uh(l))if(n===r.Z.filter.match)l=""+l,s=s||l.toLowerCase()===o.toLowerCase();else if(n===r.Z.filter.boolMatch)o="true"===o||!0===o,s=s||l==o;else if(n===r.Z.filter.matchList)if(l=""+l,o.toLowerCase()===l.toLowerCase())s=!0;else{var d=l.split(",");s=s||d.some((function(e){return e.trim().toLowerCase()===o.toLowerCase()}))}else l=""+l,s=s||-1!==l.toLowerCase().indexOf(o.toLowerCase())})),s}))}}])&&s(t.prototype,o),n&&s(t,n),Object.defineProperty(t,"prototype",{writable:!1}),c}(n.Z)},40937:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(87822),r=o(31769);function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function a(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,a=void 0,a=function(e,t){if("object"!==i(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===i(a)?a:String(a)),n)}var r,a}const s=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.activeFocus=null,this.currentFocus=null}var t,o,i;return t=e,(o=[{key:"onKeyDownDocument",value:function(e){var t=e.nCharCode,o=this.currentFocus,n=!1;switch(t){case e.UP:case e.DOWN:case e.RIGHT:case e.LEFT:this.changeFocus(o,t);break;case e.ENTER:case e.SPACE:this.triggerCell();break;case e.ESC:this.deSelect();break;default:n=!0}n||e.preventDefault()}},{key:"changeFocus",value:function(e,t,o){var r,i=1,a=e.nRow,s=e.nColumn,l=a,d=-1===a,c=this.widget,u=this.currentFocus&&this.currentFocus.oElement;u&&u.hasAttribute(n.Z.zgTooltip.typeAttr)&&c.tooltipManager._hideTarget(null,u,!0);var h=n.Z.keys.RIGHT,f=n.Z.keys.LEFT;for("rtl"===c.sComputedDir&&(h=n.Z.keys.LEFT,f=n.Z.keys.RIGHT);i++&&(t===n.Z.keys.DOWN?a++:t===n.Z.keys.UP?a--:t===h?s++:t===f&&s--,r=this.checkItemFocus(a,s),!(i>100));){if(5===r)r=2;else{if(2===r&&d){a=-1,s++;continue}if(3===r&&d)s=0;else if(2===r&&o){a=l,s--;continue}}if(r>0)break;-1!==r||t!==n.Z.keys.DOWN&&t!==n.Z.keys.up||(t=n.Z.keys.RIGHT)}return{nCheck:r,nRowIndex:a,nColIndex:s}}},{key:"setCurrentFocus",value:function(e,t){var o=this.widget["getDOM".concat(this.sArea,"ByIndex")](e,t);return this.currentFocus={oElement:o,nRow:e,nColumn:t},o}},{key:"select",value:function(e,t,o){if(this.widget.bHasSelectorEnabled||o){e=e||0,t=t||0;var r=this.widget,i=r.webcomponent,a=r["get".concat(this.sArea,"erByColumnIndex")](t,!0),s=a["o".concat(this.sArea)];this.oElFocusCellMaskBorder!==a.oElFocusCellMaskBorder&&this.deSelect();var l=this.oElFocusCellMaskBorder=a.oElFocusCellMaskBorder,d=this.setCurrentFocus(e,t);d.hasAttribute(n.Z.zgTooltip.typeAttr)&&!d.bIsInfoTooltip&&r.tooltipManager._delayTarget(null,d,500),d.classList.add("zg-focus-cell"),r.selector.fire(n.Z.event.selectedFrozenCells,{rowIndex:e,colIndex:t,sArea:this.sArea}),r.focusManager.focusGrid(),s===i["oDOM".concat(this.sArea)]&&this.scrollArea(),l["draw".concat(this.sArea,"er")](d,["oDOMColumn".concat(this.sArea,"er")])}}},{key:"deSelect",value:function(){var e=this.currentFocus&&this.currentFocus.oElement;e&&e.hasAttribute(n.Z.zgTooltip.typeAttr)&&this.widget.tooltipManager._hideTarget(null,e,!0),e&&e.classList.remove("zg-focus-cell"),this.oElFocusCellMaskBorder&&(this.oElFocusCellMaskBorder._hide(),this.currentFocus=null)}},{key:"focusTarget",value:function(e){var t=this.widget,o=t.getContainerRowIndexByDataRowIndex(e.parentNode.dataRowIndex);t.selector.deSelectAll(),this.select(o,e.cellIndex)}},{key:"scrollArea",value:function(){var e=this.widget,t=this.currentFocus.oElement.getBoundingClientRect().x,o=e.mainGridHScroll.dom,n=t-r.Z.get(e.webcomponent.oDOMMain).getXY()[0];o.scrollLeft+=n}}])&&a(t.prototype,o),i&&a(t,i),Object.defineProperty(t,"prototype",{writable:!1}),e}()},74282:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(87822),r=o(31769);o(37486);function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function a(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,a=void 0,a=function(e,t){if("object"!==i(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===i(a)?a:String(a)),n)}var r,a}const s=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.clearContainers(),this.activeFocus=null}var t,o,i;return t=e,o=[{key:"init",value:function(){var e=this,t=this.widget;this.GRIDINDEX=3,this.setSections(),t.on("layoutchange",(function(t){setTimeout((function(){return e.resetSections()}),500)}),this),this.bInitialLoaded=!0}},{key:"clearContainers",value:function(){this.aFocusableElements=[],this.aCaption=[],this.aControlBar=[],this.aHeadCells=[],this.aTopPager=[],this.aBottomPager=[],this.aFooter=[],this.aWatermark=[],this.aStatus=[],this.aGrid=[]}},{key:"setSections",value:function(){var e=this.widget.webcomponent;this.addSection(e.oDOMCaption,this.aCaption),this.addSection(e.oDOMControlBar,this.aControlBar),this.addSection(e.oTopPager,this.aTopPager),this.addSection(null,"header"),this.addSection(null,"selector"),this.addSection(e.oBottomPager,this.aBottomPager),this.addSection(e.oDOMFooter,this.aFooter),this.addSection(e.oDOMWaterMark,this.aWatermark),this.addSection(e.oDOMStatus,this.aStatus)}},{key:"resetSections",value:function(){this.widget&&!this.widget.bDisconnect&&(this.removeEvents(["aCaption","aControlBar","aTopPager","aBottomPager","aFooter","aWatermark","aStatus"]),this.clearContainers(),this.setSections())}},{key:"addSection",value:function(e,t){this.querySection(e,t),this.aFocusableElements.push(t)}},{key:"updateSection",value:function(e,t,o){o&&this.removeEvents(["a".concat(o)]),t.length=0,this.querySection(e,t)}},{key:"querySection",value:function(e,t){var o=this,r="[".concat(n.Z.attr.datafocus,"], a, input:not(.zg-input-input), button, select, zg-button, zg-input");if(e){var i=e.querySelectorAll(r);0===i.length&&e.shadowRoot&&(i=e.shadowRoot.querySelectorAll(r)),i.forEach((function(e){return o.addElement(e,t)}))}}},{key:"addElement",value:function(e,t,o){if(e){var n={oElement:e};e.setAttribute("tabindex",-1),e.on||(e=r.Z.get(e)),n.oDOM=e,e.on("focus",this.onElementFocus,this),e.on("keydown",this.onElementKeyDown,this,{},!1),t.push(n)}}},{key:"tabChangeFocus",value:function(e,t){var o=this.widget,r=o.headerFocusManager,i=e.bIsSHIFT,a=this.GRIDINDEX+1,s=t.section;if(s<this.GRIDINDEX){if(i)return!1;if(!o.bCellFocus)return this.changeFocus(a,0,"down");o.isComputedCard()?o.webcomponent.select(0,0):r.changeFocus({nRow:-1,nColumn:0},n.Z.keys.DOWN)}else if(s>a){if(!i)return!1;if(!o.bCellFocus)return this.changeFocus(this.GRIDINDEX,0,"up");if(!this.selectGridCell())return this.changeFocus(this.GRIDINDEX,0,"up")}else if(s>=this.GRIDINDEX&&s<=a)return i?this.changeFocus(this.GRIDINDEX,0,"up"):this.changeFocus(a,0,"down");return!0}},{key:"changeFocus",value:function(e,t,o,r){var i,a,s=t,l=e,d=this.widget,c=d.webcomponent,u=d.headerFocusManager;a="nochange"===(o=o||"right")?r||"right":o,"right"===o?s++:"left"===o?s--:"down"===o?(s=0,l++,a="right"):"up"===o&&(s=0,l--,a="right");var h=this.aFocusableElements[l];if(!h)return!1;if("selector"===h||"header"===h){if(!d.bCellFocus)return"up"===o?this.changeFocus(this.GRIDINDEX,0,"up"):this.changeFocus(this.GRIDINDEX+1,0,"down");var f=this.activeFocus;if(this.activeFocus=null,f&&f.blur(),"selector"===h)this.selectGridCell()||(h=[]);else if(d.isComputedCard())d.webcomponent.select(0,0);else{var p="up"===o?n.Z.keys.UP:n.Z.keys.DOWN;u.changeFocus({nRow:-1,nColumn:0},n.Z.keys.DOWN,p)}if(0!==h.length)return!0}if(0===h.length&&("up"===o||"down"===o))return this.changeFocus(l,s,o);if(s>=h.length)return"up"===this.sOverallDirection?this.changeFocus(l,0,"up"):this.changeFocus(++l,0,"nochange");if(s<0)return--l>=0&&(s=(h=this.aFocusableElements[l]).length-1,this.changeFocus(l,s,"nochange","left"));if(!h)return!1;if(!(i=h[s].oElement))return!1;if(i.dom&&(i=i.dom),i.hidden||i.disabled||i===c.oDOMStatus.oDOMDismiss.dom&&!c.oDOMStatus.hasAttribute(n.Z.attr.active))return h.length!==s+1||"up"!==o&&"down"!==o?this.changeFocus(l,s,a):this.changeFocus(l,s,o);var g=document.activeElement;return i.focus(),g!==document.activeElement||this.changeFocus(l,s,a)}},{key:"initChangeFocus",value:function(e,t){var o=this.findCurrentFocus();t&&(this.origDirection=e),this.sOverallDirection=e,this.changeFocus(o.section,o.index,e),this.sOverallDirection=null}},{key:"findCurrentFocus",value:function(){var e,t,o=0,n=-1,r=!1;if(this.activeFocus)for(e=0;e<this.aFocusableElements.length;e++){var i=this.aFocusableElements[e];for(t=0;t<i.length;t++)if(i[t].oElement===this.activeFocus){o=e,n=t,r=!0;break}if(r)break}return{section:o,index:n}}},{key:"onFocus",value:function(e){var t=this.widget;if(!this.bForceFocus){var o=t.selector,n=t.editorFieldManager;o&&(o.bHasSelection||o.bSelecting)||t.headerFocusManager.currentFocus||t.footerFocusManager.currentFocus||n&&n.isEditorOpen()||this.bForceFocus||(this.activeFocus=t.webcomponent,this.changeFocus(0,-1))}}},{key:"focusGrid",value:function(e){if(e&&this.activeFocus&&"zg-button"===this.activeFocus.tagName.toLowerCase())this.activeFocus.focus();else{var t=this.widget,o=window.scrollX,n=window.scrollY;t.el.dom.focus(),window.scrollTo(o,n)}}},{key:"clickFocus",value:function(e){var t=e.oDOMTarget,o=this.widget.webcomponent;this.widget.search&&t===this.widget.search.oDOMInput||(this.unfocusCells(),this.bForceFocus=!0,this.focusGrid(),this.activeFocus=o,this.bForceFocus=!1)}},{key:"unfocusCells",value:function(){var e=this.widget,t=e.selector,o=e.headerFocusManager,n=e.footerFocusManager;o.currentFocus?o.deSelect():n.currentFocus?n.deSelect():t&&t.bHasSelection&&!e.menuManager.activeMenu&&t.deSelectAll(void 0,!0)}},{key:"onElementFocus",value:function(e,t){this.activeFocus=t}},{key:"onElementKeyDown",value:function(e,t){var o,n=e.nCharCode,r=!1,i=this.widget,a=i.selector;if(!(a&&a.bHasSelection||i.headerFocusManager.currentFocus)){var s=e.RIGHT,l=e.LEFT;switch("rtl"===i.sComputedDir&&(s=e.LEFT,l=e.RIGHT),n){case e.UP:this.initChangeFocus("up",!0);break;case e.DOWN:this.initChangeFocus("down");break;case s:this.activeFocus&&"input"===this.activeFocus.tagName.toLowerCase()&&"button"!==this.activeFocus.type.toLowerCase()?r=!0:this.initChangeFocus("right");break;case l:this.activeFocus&&"input"===this.activeFocus.tagName.toLowerCase()&&"button"!==this.activeFocus.type.toLowerCase()?r=!0:this.initChangeFocus("left");break;case e.TAB:o=this.findCurrentFocus();var d=this.activeFocus;if(d&&"input"===d.tagName.toLowerCase()&&"button"!==d.type.toLowerCase()){var c="right";e.bIsSHIFT&&(c="left"),this.changeFocus(o.section,o.index,c)}else this.tabChangeFocus(e,o)||(r=!0);break;default:r=!0}this.origDirection=null,r||e.stopEvent()}}},{key:"onGridKeyDown",value:function(e,t){var o=this.widget,n=o.editorFieldManager,r=o.selector,i=o.headerFocusManager,a=o.footerFocusManager,s=e.nCharCode;if(!n.isEditorOpen()&&"zg-editor-row"!==t.tagName.toLowerCase()&&"zg-button"!==t.tagName.toLowerCase()){if((r&&r.bHasSelection||i.currentFocus)&&s===e.TAB)return this.tabChangeFocus(e,{section:this.GRIDINDEX})&&e.stopEvent(),void(i.currentFocus?i.deSelect():a.currentFocus?a.deSelect():r.deSelectAll(void 0,!0));r&&r.bHasSelection?r.onKeyDownDocument(e,t):i.currentFocus?i.onKeyDownDocument(e,t):a.currentFocus?a.onKeyDownDocument(e,t):this.activeFocus===o.webcomponent&&(s!==e.RIGHT&&s!==e.DOWN&&s!==e.UP&&s!==e.LEFT&&s!==e.TAB||(e.stopEvent(),this.changeFocus(0,-1)))}}},{key:"selectGridCell",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=this.widget;if(!t.getRowContainerCount())return!1;var o=t.nTopFrozenRows,n=t.aColumnMapping.slice(e).findIndex((function(e){return!e.bHidden}));return n>=0&&t.webcomponent.select(o,n+e),-1!==n}},{key:"selectBottomGridCell",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=this.widget;if(!t.getRowContainerCount())return!1;var o=t.nTopFrozenRows+t.getRowContainerCount()-1,n=t.aColumnMapping.slice(e).findIndex((function(e){return!e.bHidden}));return n>=0&&t.webcomponent.select(o,n+e),-1!==n}},{key:"removeEvents",value:function(e){for(var t=0;t<e.length;t++)for(var o=this[e[t]],n=0;n<o.length;n++){var r=o[n];if(r.oElement){var i=r.oDOM;i.un("focus",this.onElementFocus),i.un("keydown",this.onElementKeyDown)}}}},{key:"destroy",value:function(){for(var e=["aCaption","aControlBar","aTopPager","aBottomPager","aFooter","aWatermark","aStatus"],t=0;t<e.length;t++){for(var o=this[e[t]],n=0;n<o.length;n++){var r=o[n];r.oElement&&(r.oDOM.unAll(),r.oElement=null,r.oDOM=null)}this[e[t]].length=0}this.aFocusableElements.length=0,this.aHeadCells.length=0,this.aGrid.length=0,this.activeFocus=null}}],o&&a(t.prototype,o),i&&a(t,i),Object.defineProperty(t,"prototype",{writable:!1}),e}()},22213:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(87822),r=o(40937);function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function a(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,a=void 0,a=function(e,t){if("object"!==i(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===i(a)?a:String(a)),n)}var r,a}function s(){return s="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=c(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},s.apply(this,arguments)}function l(e,t){return l=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},l(e,t)}function d(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=c(e);if(t){var r=c(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===i(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function c(e){return c=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},c(e)}const u=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&l(e,t)}(u,e);var t,o,r,i=d(u);function u(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,u),(t=i.call(this,e)).sArea="Foot",t}return t=u,(o=[{key:"changeFocus",value:function(e,t,o,r){var i=this.widget,a=!0;o=o||t;var l=s(c(u.prototype),"changeFocus",this).call(this,e,t,r),d=l.nCheck,h=l.nRowIndex,f=l.nColIndex;if(1===d)this.select(h,f,!0);else if(2===d||3===d){if(o===n.Z.keys.DOWN)i.focusManager.sOverallDirection="down",(a=i.focusManager.changeFocus(i.focusManager.GRIDINDEX+1,0,"down"))&&this.deSelect();else if(o===n.Z.keys.UP){var p=!1;this.deSelect(),i.bCellFocus&&(p=i.focusManager.selectBottomGridCell(f)),p||(i.focusManager.sOverallDirection="up",a=i.focusManager.changeFocus(i.focusManager.GRIDINDEX-1,0,"up"))}i.focusManager.sOverallDirection=null}return a}},{key:"checkItemFocus",value:function(e,t){var o=this.widget,r=o.getFooterByColumnIndex(t),i=o.getAdjustedColumnIndex(t),a=r.getElementsByTagName("zg-row");if(e>=a.length||e<0)return 2;var s=a[e].querySelectorAll("".concat(n.Z.zgHeadCell.tagName,", ").concat(n.Z.zgCell.tagName));if(i>=s.length||i<0)return 3;var l=s[i];return l.hidden?-1:(this.currentCellFocus=l,1)}},{key:"focusFromBody",value:function(e,t){var o=this.widget,n=o.focusManager;if(o.isComputedCard())return n.changeFocus(n.GRIDINDEX,0,"down");var r={nRow:-1,nColumn:t};return this.changeFocus(r,e.DOWN,void 0,!0)}},{key:"triggerCell",value:function(){var e=this.currentDOMTrigger;e&&e.tagName.toLowerCase()}}])&&a(t.prototype,o),r&&a(t,r),Object.defineProperty(t,"prototype",{writable:!1}),u}(r.default)},91532:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(87822),r=(o(31769),o(40937));function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function a(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,a=void 0,a=function(e,t){if("object"!==i(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===i(a)?a:String(a)),n)}var r,a}function s(){return s="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=c(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},s.apply(this,arguments)}function l(e,t){return l=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},l(e,t)}function d(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=c(e);if(t){var r=c(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===i(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function c(e){return c=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},c(e)}const u=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&l(e,t)}(u,e);var t,o,r,i=d(u);function u(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,u),(t=i.call(this,e)).sArea="Head",t}return t=u,(o=[{key:"changeFocus",value:function(e,t,o,r){var i=this.widget,a=!0;o=o||t;var l=s(c(u.prototype),"changeFocus",this).call(this,e,t,r),d=l.nCheck,h=l.nRowIndex,f=l.nColIndex;if(1===d)this.select(h,f,!0);else if(2===d||3===d){if(o===n.Z.keys.UP)i.focusManager.sOverallDirection="up",(a=i.focusManager.changeFocus(i.focusManager.GRIDINDEX,0,"up"))&&this.deSelect();else if(o===n.Z.keys.DOWN){var p=!1;this.deSelect(),i.bCellFocus&&(p=i.focusManager.selectGridCell(f)),p||(i.focusManager.sOverallDirection="down",a=i.focusManager.changeFocus(i.focusManager.GRIDINDEX,0,"down"))}i.focusManager.sOverallDirection=null}return a}},{key:"checkItemFocus",value:function(e,t){var o=this.widget,r=o.getHeaderByColumnIndex(t),i=o.getAdjustedColumnIndex(t),a=r.getElementsByTagName("zg-row");if(0===a.length)return 5;if(e>=a.length||e<0)return 2;var s=a[e],l=s.querySelectorAll("".concat(n.Z.zgHeadCell.tagName,", ").concat(n.Z.zgFilter.tagName,", ").concat(n.Z.zgCell.tagName));if(i>=l.length||i<0)return 3;var d=l[i];if(d.hidden)return-1;this.currentDOMTrigger=d.querySelector("zg-checkbox")||d.querySelector("zg-icon[name]")||d.querySelector("input")||d.querySelector("select");var c=d.hasAttribute(n.Z.zgTooltip.typeAttr);if("frozen"!==s.getAttribute(n.Z.attr.type)&&!c&&!this.currentDOMTrigger||d.tagName.toLowerCase()===n.Z.zgHeadCell.tagName&&d.hasAttribute("not-parent")){if(d.tagName.toLowerCase()===n.Z.zgHeadCell.tagName&&d.hasAttribute("depth")){var u=d.MATCHED_COLUMN._oParsedColumnMapping.oDOMSortHeader;if(this.currentDOMTrigger=u.querySelector("zg-icon[name]")||u.querySelector("zg-checkbox"),u&&this.currentCellFocus!==u&&this.currentDOMTrigger)return this.select(u.parentNode.rowIndex,parseInt(u.HEAD_CELL_INDEX,10),!0),this.currentCellFocus=u,4}return 0}return this.currentCellFocus===d?0:(this.currentCellFocus=d,1)}},{key:"focusFromBody",value:function(e,t){var o=this.widget,n=o.focusManager;if(o.isComputedCard())return n.changeFocus(n.GRIDINDEX,0,"up");var r={nRow:o.getHeaderByColumnIndex(t).getElementsByTagName("zg-row").length,nColumn:t};return this.changeFocus(r,e.UP,void 0,!0)}},{key:"triggerCell",value:function(){var e=this.currentDOMTrigger;if(e){var t=e.tagName.toLowerCase();"input"===t||"select"===t?e.focus():"zg-icon"===t?"zg-head-details-icon"===e.className?this.widget.tooltipManager._delayTarget(null,this.currentCellFocus):this.currentCellFocus.onSort():"zg-checkbox"===t&&e.click()}}}])&&a(t.prototype,o),r&&a(t,r),Object.defineProperty(t,"prototype",{writable:!1}),u}(r.default)},40025:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(87822);function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function i(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(i=n.key,a=void 0,a=function(e,t){if("object"!==r(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==r(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(i,"string"),"symbol"===r(a)?a:String(a)),n)}var i,a}const a=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.se=t.se,this.ZG=this.widget.webcomponent}var t,o,r;return t=e,(o=[{key:"setFullscreen",value:function(e){var t=this.widget,o=this.ZG;setTimeout((function(){if(!t.bDisconnect&&t.webcomponent.hasAttribute(n.Z.fullscreen.attr)){var r=o.shadowRoot.querySelector(n.Z.zg.shadow.frameBodyWrapper),i=window.innerHeight,a=o.getBoundingClientRect().height,s=r.scrollHeight,l="".concat(s+(i-a),"px");r.style.minHeight=l,r.style.maxHeight=l,e&&t.updater.updateResizeWindow(!0)}}),0)}},{key:"unsetFullscreen",value:function(){this.ZG.oDOMBodyFrame.removeAttribute(n.Z.attr.style)}}])&&i(t.prototype,o),r&&i(t,r),Object.defineProperty(t,"prototype",{writable:!1}),e}()},73390:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>h});var n=o(37486),r=o(87822),i=o(24706);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function s(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var n,r,i,a,s=[],l=!0,d=!1;try{if(i=(o=o.call(e)).next,0===t){if(Object(o)!==o)return;l=!1}else for(;!(l=(n=i.call(o)).done)&&(s.push(n.value),s.length!==t);l=!0);}catch(e){d=!0,r=e}finally{try{if(!l&&null!=o.return&&(a=o.return(),Object(a)!==a))return}finally{if(d)throw r}}return s}}(e,t)||d(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(e){return function(e){if(Array.isArray(e))return c(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||d(e)||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 d(e,t){if(e){if("string"==typeof e)return c(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?c(e,t):void 0}}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function u(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==a(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===a(i)?i:String(i)),n)}var r,i}const h=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.aGroupData={},this.groupedVisible=null,this.aAddedGroupRecords=[],this.aOpenGroups=[],this.oCard={}}var t,o,a;return t=e,(o=[{key:"toggleGroup",value:function(e,t,o){var n=this.widget;o=o||e.sGroupRecordIndex;var r=this.getRecord(o);t?this.aOpenGroups.push(o):this.aOpenGroups=this.aOpenGroups.filter((function(e){return e!==o})),r.open=t,this.reloadGroups(o,t),n.fire("togglerowgroup",o,t)}},{key:"reloadGroups",value:function(e,t){var o=this.widget;o.aRowMapping.length=0,this.groupRows(),e&&this.pageCloseGroup(e,t),this.updatePagerGroupByMapping(void 0),o.bodyUpdate()}},{key:"getRecord",value:function(e){var t=this.getGroupParent(e),o=e.split(this.widget.sNestedGroupDataSeparator);return t[o[o.length-1]]}},{key:"getGroupParent",value:function(e){for(var t=e.split(this.widget.sNestedGroupDataSeparator),o=this.aGroupData,n=1;n<t.length;n++)o=o[t[n-1]].data;return o}},{key:"getGroupName",value:function(e){var t=e.split(this.widget.sNestedGroupDataSeparator),o=t[t.length-1];return o=o.replaceAll(r.Z.global.replaceToken,this.widget.sNestedGroupDataSeparator)}},{key:"getGroupCount",value:function(e,t){var o=(t=t||this.aGroupData)[e].data,r=0;if(n.kJ(o))r=o.length;else if(n.Kn(o))for(var i in o)r+=this.getGroupCount(i,o);return r}},{key:"getGroupChildren",value:function(e,t){var o=[],r=(t=t||this.aGroupData)[e].data;if(n.kJ(r))o.push.apply(o,l(r));else if(n.Kn(r))for(var i in r)o.push.apply(o,l(this.getGroupChildren(i,r)));return o}},{key:"groupBy",value:function(e,t,o,n,a){var s,l=this,d=this.widget,c=d.store,u=d.sorter&&d.sorter.bSortGroupColumn;o&&(this.aAddedGroupRecords.length=0),this.aGroupData&&Object.keys(this.aGroupData).length&&!a?this.cleanGroupData(null,u,n):this.aGroupData={},"string"==typeof e&&(e=e.split(",").map((function(e){return e.trim()}))),t=t||c.aOrderedData,s=e.length?t.reduce((function(t,o){for(var n=l.aUnsortedGroupData,a=t,s=0;s<e.length;s++){var c=e[s],u=""+i.MU(o,c,void 0,d.sNestedDataSeparator);void 0===a[u=u.replaceAll(d.sNestedGroupDataSeparator,r.Z.global.replaceToken)]&&(a[u]={open:!1},a[u].data=s===e.length-1?[]:{}),n&&void 0!==n[u]&&(a[u].open=n[u].open,n=n[u].data),a=a[u].data}return a.push(o),t}),this.aGroupData):t,this.aGroupData=s,n&&(this.aUnsortedGroupData=null),this.groupRows()}},{key:"groupRows",value:function(e,t,o,r){var i=this.widget;for(var a in t=t||"",o=o||0,r=r||0,e=e||this.aGroupData){var s=e[a],l=t+a,d=this.getGroupCount(a,e);if(0!==d)if(i.updateRowMapping(i.aRowMapping,o,{sRecordIndex:a,sGroupRecordIndex:l,nCount:d}),o++,s.open){var c=s.data;if(n.kJ(c))for(var u=0;u<c.length;u++)i.updateRowMapping(i.aRowMapping,o,{sRecordIndex:c[u].sRecordIndex,nDataRowsBefore:r++}),o++;else o=this.groupRows(s.data,l+i.sNestedGroupDataSeparator,o,r)}else r+=d}return this.groupedVisible=o,e===this.aGroupData&&(this.readdDoubleGroupRecords(),this.updatePagerGroupByMapping()),o}},{key:"cleanGroupData",value:function(e,t){for(var o in e=e||this.aGroupData){var r=e[o],i=r.data;n.kJ(i)?r.data=[]:this.cleanGroupData(i)}return t&&this.aGroupData&&(this.aUnsortedGroupData=n.c7.copy(this.aGroupData),this.aGroupData={}),{}}},{key:"calculateGroupData",value:function(e,t,o,n,r,i){var a=e._columnConfig.sTypeGroupPlural||"",s=e.widget,l="";if(a){var d=a.split(",").map((function(e){return e.trim()}));l=t>1&&d.length>1?d[1]:d[0]}var c=this.getGroupChildren(o,r),u={count:t,name:n,plural:l,children:c=c.map((function(e){return s.store.cleanSingleRecord(e)}))};return i.oPageData&&(u.total=i.oPageData.nTotal,u.totalSeen=i.oPageData.totalSeen,u.maxOnPage=i.oPageData.nMaxOnPage),u}},{key:"calculateGroupDataAggregate",value:function(e){var t=this.widget,o=e.split(t.sNestedGroupDataSeparator).map((function(e){return e.trim()})),n=o[o.length-1],r=this.getGroupParent(e),i=this.getGroupChildren(n,r);return i=i.map((function(e){return t.store.cleanSingleRecord(e)}))}},{key:"calculateTemplate",value:function(e,t,o,n){var r={record:e,index:e,group:t};return this.widget.store.populateTemplate(o,n,r)}},{key:"calculateIndexData",value:function(e,t){for(var o,n={},i=e.widget,a=e.sGroupRecordIndex,s=t?i.aGroupBy.join(","):e.sTargetFieldIndex,l=i.sNestedGroupDataSeparator,d=a.split(this.widget.sNestedGroupDataSeparator),c=s.split(","),u=0;u<c.length;u++){var h=c[u];if("disabled"!==l){var f=h.split(l).map((function(e){return e.trim()}));o=f[f.length-1]}else o=h;var p=void 0;d.length>u&&(p=(p=d[u]).replaceAll(r.Z.global.replaceToken,this.widget.sNestedGroupDataSeparator)),n[o.trim()]=p}return n.current=d[d.length-1],n}},{key:"getGroupData",value:function(e,t){var o=this.widget,n=this.getGroupRow(t),i=e.split(o.sNestedGroupDataSeparator).map((function(e){return e.trim()})),a=i[i.length-1],s=this.getGroupParent(e),l=this.getGroupCount(a,s),d=a.replaceAll(r.Z.global.replaceToken,o.sNestedGroupDataSeparator);return this.calculateGroupData(t,l,a,d,s,n)}},{key:"getGroupRow",value:function(e){var t=this.widget,o=t.getRowIndexByDataRowContainerIndex(e.nStartRowIndex);return t.aRowMapping[o]}},{key:"customTemplate",value:function(e,t,o){var n=this.getGroupData(t,o);return this.calculateTemplate({},n,e)}},{key:"customRenderer",value:function(e,t,o){var n=this.getGroupRow(o),r=this.getGroupData(t,o),i=this.calculateIndexData(o,!0);return e.method.apply(e.scope,[i,r,n])||""}},{key:"clean",value:function(){this.aUnsortedGroupData={},this.aGroupData={}}},{key:"readdDoubleGroupRecords",value:function(){var e,t=this.widget,o=t.getRowIndexByDataRowContainerIndex(0),n=this.aAddedGroupRecords,r=n.length,i=t.aRowMapping;for(e=0;e<r;e++){var a=n[e];if(!(a.index<o))break;i.splice(a.index,0,a.record)}e<r&&(n.length=e),t.store.refreshAllRecordMapping()}},{key:"updatePagerGroupByMapping",value:function(e,t,o){var n=this.widget,r=this.aAddedGroupRecords.length,i=n.nCurrPageIdx,a="last"===t;do{if(o<i)for(var s=o;s<i;s++)this.addGroupRecords(s);if(a){var l=n.getPageCount()-1;l!==i?n.nCurrPageIdx=i=l:a=!1}}while(a);e?(this.resetAddedGroupRecords(),this.readdDoubleGroupRecords()):this.resetAddedGroupRecords(!0),this.addGroupRecords(),r!==this.aAddedGroupRecords.length&&n.fire("rowgroupaddedrows")}},{key:"addGroupRecords",value:function(e){var t=this.widget,o=t.aRowMapping,n=t.getRowIndexByDataRowContainerIndex(0,void 0,e),r=o[n];if(r)for(var i,a,l,d=r.sGroupRecordIndex,c=!d||d.split(t.sNestedGroupDataSeparator).length>1,u=n,h=0,f=0,p=0;c;){var g=s(this.getGroupedParent(u,n,f,p),4);u=g[0],i=g[1],l=g[2],a=g[3];var m=(h+=i)+l,b=o[u],v={sRecordIndex:b.sRecordIndex,sGroupRecordIndex:b.sGroupRecordIndex,bExtraRow:!0,oPageData:{nTotalSeen:h+1,nMaxOnPage:m,nTotal:a},nCount:0};this.aAddedGroupRecords.push({record:v,index:n}),o.splice(n,0,v),t.store.refreshAllRecordMapping(),c=!b.sGroupRecordIndex||b.sGroupRecordIndex.split(t.sNestedGroupDataSeparator).length>1,f||(f=b.sGroupRecordIndex.split(t.sNestedGroupDataSeparator).length),p++}}},{key:"resetAddedGroupRecords",value:function(e){for(var t=this.widget,o=this.aAddedGroupRecords,n=t.aRowMapping,r=null,i=t.getRowIndexByDataRowContainerIndex(0)+t.getPageSize(),a=o.length-1;a>=0;a--){var s=o[a].index;(!e||s>=i)&&(n.splice(s,1),e&&(r=a))}null!==r&&(o.length=r)}},{key:"pageCloseGroup",value:function(e,t){if(!t){var o,n=this.widget,r=n.aRowMapping;for(o=0;o<r.length;o++)if(r[o].sGroupRecordIndex===e){var i=n.getPageByDataRowIndex(o);if(i!==n.getCurrPageIdx()){n.bGrouping=!0,n.setCurrPageIdx(i);var a=n.getRowContainerIndexByRowIndex(o);n.selectorEngineManager.$cell(a,0).select(!0),n.bGrouping=!1}break}}}},{key:"clearPaging",value:function(){this.widget.setCurrPageIdx(0)}},{key:"unsetGroup",value:function(){var e=this.widget,t=e.aGroupBy.slice(0);return e.aGroupBy=[],e.bHasRowGroupColumn=!1,e.bGroupBy=!1,t}},{key:"cardGroupBy",value:function(){var e,t=this.widget,o=t.webcomponent,n=t.aColumnMapping;if(t.bHasRowGroupColumn)for(var i=0;i<n.length;i++)(e=n[i]).sCellType===r.Z.internalColumn.rowgroup&&(this.oCard.oColumnMapping=e);o.groupBy&&(this.oCard.groupBy=o.groupBy),this.widget.bUpdateGroupBy=!0,o.groupBy=!1,this.oCard.bGroupBy=!0,this.widget.bUpdateGroupBy=!1}},{key:"rowGroupBy",value:function(){var e=this.widget,t=e.webcomponent,o=e.aColumnMapping,n=this.oCard;if(e.bEditingControls=!0,n.oColumnMapping){var r=e.getColgroupByColumnIndex(0),i=n.oColumnMapping.oDOMZGColumn;i.initialLoad(e,n.oColumnMapping),r.insertBefore(i,r.firstChild),o.unshift(i._oParsedColumnMapping)}else n.groupBy&&(t.groupBy=n.groupBy);e.bEditingControls=!1,this.oCard={}}},{key:"getGroupedParent",value:function(e,t,o,n){var r,i,a,s,l,d=this.widget,c=d.aRowMapping,u=c[e],h=u.sGroupRecordIndex,f=0,p=0,g=0,m=d.getPageSize();for(h&&(f=h.split(d.sNestedGroupDataSeparator).length-1),i=e-1;i>=0;i--)if(!(u=c[i]).bExtraRow)if(h=u.sGroupRecordIndex){var b=h.split(d.sNestedGroupDataSeparator).length;if(0===f||b===f){l=u.nCount,r=h,s=i,o||(o=b);break}this.getRecord(h).open||(p+=void 0!==u.nCount?u.nCount:1)}else p++;var v=m-(o-n);for(a=0;a<v&&!((i=t+a)>=c.length)&&(!(h=(u=c[i]).sGroupRecordIndex)||0===h.indexOf(r));a++)void 0!==u.nCount?this.getRecord(h).open||(g+=u.nCount):g++;return[s,p,g,l]}}])&&u(t.prototype,o),a&&u(t,a),Object.defineProperty(t,"prototype",{writable:!1}),e}()},9947:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n={delivery:"class",dom:"<i></i>",prefix1:"fas",prefix2:"fa-",map:{cancel:"fa-times",cancelrecord:"fa-times",close:"fa-times",checked:"fa-check-square",checkmark:"fa-check",delete:"fa-trash",down:"fa-arrow-down",error:"fa-exclamation-circle",edit:"fa-edit",editrecord:"fa-edit",firstpage:"fa-angle-double-left",fixedmenu:"fa-bars",info:"fa-info-circle",lastpage:"fa-angle-double-right",layoutcard:"fa-th-large",layoutrow:"fa-th-list",link:"fa-link",menu:"fa-ellipsis-v",nextpage:"fa-angle-right",outsidearrow:"fa-external-link-alt",prevpage:"fa-angle-left",reload:"fa-redo-alt",remove:"fa-times",removerecord:"fa-trash",search:"fa-search",submitrecord:"fa-check",success:"fa-check-circle",unchecked:"fa-square",up:"fa-arrow-up",warning:"fa-exclamation-triangle"}}},57247:(e,t,o)=>{"use strict";function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}function r(e,t){for(var o=0;o<t.length;o++){var r=t[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,(i=r.key,a=void 0,a=function(e,t){if("object"!==n(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var r=o.call(e,t||"default");if("object"!==n(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(i,"string"),"symbol"===n(a)?a:String(a)),r)}var i,a}o.r(t),o.d(t,{default:()=>i});const i=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.se=t.se,this.ZG=this.widget.webcomponent}var t,o,n;return t=e,(o=[{key:"updateIcons",value:function(e){this.widget.aIcons.forEach((function(t){return t.changeVendor(e)}))}},{key:"updateIconTheme",value:function(){this.widget.aIcons.forEach((function(e){return e.setIcon(e.name)}))}}])&&r(t.prototype,o),n&&r(t,n),Object.defineProperty(t,"prototype",{writable:!1}),e}()},52744:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>l});var n=o(87822);o(37486);function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function i(e){return function(e){if(Array.isArray(e))return a(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return a(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return a(e,t)}(e)||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 a(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function s(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(i=n.key,a=void 0,a=function(e,t){if("object"!==r(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==r(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(i,"string"),"symbol"===r(a)?a:String(a)),n)}var i,a}const l=function(){function e(t){var o=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.se=t.se,this.rowInit=null,this.ZG=this.widget.webcomponent,this.ZG.layoutType=null,this.widget.on("viewport:change",(function(){o.widget.bAPIReady?o.setMobileWidth():o.widget.on("apiready",o.setMobileWidth,o)}))}var t,o,r;return t=e,o=[{key:"getLayoutType",value:function(){return this.ZG.getAttribute(n.Z.zgLayout.attr)}},{key:"isLayoutSet",value:function(){return n.Z.zgLayout.typesArr.indexOf(this.getLayoutType())>-1}},{key:"layoutCtrlClick",value:function(e){var t=this.ZG.layoutType=e.action.split("layout")[1];this.setEditorType(t),this.setLayoutAttr(t)}},{key:"setEditorType",value:function(e){var t=this.widget;if((!this.ZG.userEditorValue||e===n.Z.zgLayout.typeCard)&&t.bHasEditorEnabled){t.bUpdatingEditor=!0;var o=e===n.Z.zgLayout.typeCard?n.Z.editor.typeModal:n.Z.editor.typeInline;t.editorManager.setEditorType(o),t.bUpdatingEditor=!1}}},{key:"setActiveButton",value:function(e,t){requestAnimationFrame((function(){var o=e.querySelectorAll(n.Z.zgButton.tagName),r=e.querySelector('zg-button[action="layout'.concat(t,'"]'));if(o&&i(o).forEach((function(e){return e.removeAttribute(n.Z.attr.active)})),r){var a=function(){return r.setAttribute(n.Z.attr.active,"")};r.bReady?a():r.on("ready",a)}}))}},{key:"setLayout",value:function(){var e=this,t=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).isReset,o=void 0!==t&&t,r=this.ZG,a=this.widget,s=r.oDOMLayout||r.querySelector(n.Z.zgLayoutControls.tagName),l=r.layoutType=this.getLayoutType();if(o||[void 0,null].indexOf(l)>-1)return o&&r.oDOMLayoutControls&&r.oDOMLayoutControls.setAttribute(n.Z.attr.hidden,""),r.oDOMLayoutControls&&r.oDOMLayoutControls.hasAttribute(n.Z.attr.hidden)&&r.oDOMLayoutControls.removeAttribute(n.Z.attr.hidden),this.setLayoutType(n.Z.zgLayout.reset),this.setMobileWidth(),void(r.layoutType=void 0);r.hasAttribute(n.Z.zgLayout.attr)||r.setAttribute(n.Z.zgLayout.attr,l);var d=["",null];if([].concat(d,i(n.Z.zgLayout.typesArr)).indexOf(l)>-1){var c=d.indexOf(l)>-1?n.Z.zgLayout.reset:l;this.setLayoutType(c)}l?this.setEditorType(l):this.setMobileWidth(),s&&this.setActiveButton(s,l),l===n.Z.zgLayout.typeRow&&a.bNeedsRowResize&&(requestAnimationFrame((function(){a.bDisconnect||(a.renderTo.style.display="none",a.updater.nSavedResizeWidth=e.widget.webcomponent.clientWidth,a.renderTo.style.display="",a.updater.updateResizeWindow(!0))})),a.bNeedsRowResize=!1)}},{key:"setLayoutAttr",value:function(e){this.ZG.setAttribute(n.Z.zgLayout.attr,e)}},{key:"setLayoutType",value:function(e,t){var o=this,r=this.widget,i=!1;e===n.Z.zgLayout.typeCard?(r.hasFrozenColumns()&&(r.nCardLeftFrozenColumns=r.nLeftFrozenColumns,r.nCardRightFrozenColumns=r.nRightFrozenColumns,r.nLeftFrozenColumns=0,r.nRightFrozenColumns=0,r._adjustFrozenColumns(),i=!0),r.hasFrozenRows()&&(r.nCardTopFrozenRows=r.nTopFrozenRows,r.nCardBottomFrozenRows=r.nBottomFrozenRows,r.nTopFrozenRows=0,r.nBottomFrozenRows=0,r.updateFrozenRowMapping(),i=!0),r.bGroupBy&&(r.groupbyManager.cardGroupBy(),i=!0),i&&r.webcomponent.bReady&&(r.updater.clearCache(),r.updater.update())):((r.nCardLeftFrozenColumns||r.nCardRightFrozenColumns)&&(r.nLeftFrozenColumns=r.nCardLeftFrozenColumns,r.nRightFrozenColumns=r.nCardRightFrozenColumns,r.nCardLeftFrozenColumns=0,r.nCardRightFrozenColumns=0,r._adjustFrozenColumns(),i=!0),(r.nCardTopFrozenRows||r.nCardBottomFrozenRows)&&(r.nTopFrozenRows=r.nCardTopFrozenRows,r.nBottomFrozenRows=r.nCardBottomFrozenRows,r.nCardTopFrozenRows=0,r.nCardBottomFrozenRows=0,r.updateFrozenRowMapping(),i=!0),r.groupbyManager.oCard.bGroupBy&&(r.groupbyManager.rowGroupBy(),r._updateGroupedColumnReset(!0)),i&&r.webcomponent.bReady&&r.updater.clearCache()),r.webcomponent.bReady?requestAnimationFrame((function(){r.bDisconnect||o.updateLayoutAttributes(e,t)})):e&&this.updateLayoutAttributes(e,!0)}},{key:"updateLayoutAttributes",value:function(e,t){var o=n.Z.zgLayout.attr,r=(n.Z.zgLayout.cardTplAttr,this.ZG);if(e===n.Z.zgLayout.reset){if(this.resetFrames(),r.oDOMHeader.removeAttribute(o),r.oDOMControlBar){r.oDOMControlBar.removeAttribute(o);var i=r.oDOMControlBar.querySelector("zg-checkbox[internal-selector]");i&&i.removeAttribute(o)}var a=r.querySelector("zg-head-cell zg-checkbox[internal-selector]");a&&a.removeAttribute(o),r.oTopPager&&r.oTopPager.removeAttribute(o),r.oBottomPager&&r.oBottomPager.removeAttribute(o),r.oDOMBatchEditStyle&&r.oDOMBatchEditStyle.removeAttribute(o)}else{var s=e===n.Z.zgLayout.typeCard&&this.widget.hasCardTemplate();if(-1===n.Z.zgLayout.typesArr.indexOf(e))return;if(this.setFrames(e,s),r.oDOMHeader.setAttribute(o,e),r.oDOMControlBar){r.oDOMControlBar.setAttribute(o,e);var l=r.oDOMControlBar.querySelector("zg-checkbox[internal-selector]");l&&l.setAttribute(o,e)}var d=r.querySelector("zg-head-cell zg-checkbox[internal-selector]");d&&d.setAttribute(o,e),r.oTopPager&&r.oTopPager.setAttribute(o,e),r.oBottomPager&&r.oBottomPager.setAttribute(o,e),r.oDOMBatchEditStyle&&r.oDOMBatchEditStyle.setAttribute(o,e)}e===n.Z.zgLayout.typeCard&&this.setTypeCard(),r.oDOMCaption&&r.oDOMCaption.toggleColumnMenu(e);var c,u=e===n.Z.zgLayout.reset?n.Z.zgLayout.typeRow:e,h=this.sCurrentType===n.Z.zgLayout.reset?n.Z.zgLayout.typeRow:this.sCurrentType;(c=u!==h)&&u===n.Z.zgLayout.typeRow&&void 0===h&&(c=!1),c&&(r.pageSizeRow||r.pageSizeCard)&&this.widget.calculatePageSize(u),this.sCurrentType=u,c&&this.widget.fire("layoutchange"),!t&&c&&this.widget.update()}},{key:"setFrames",value:function(e,t){var o=n.Z.zgLayout.attr,r=n.Z.zgLayout.cardTplAttr,a=this.ZG;["","Left","Right"].forEach((function(n){a["oDOM".concat(n,"Colgroup")].setAttribute(o,e);var s=a["oDOM".concat(n,"Body")];s.setAttribute(o,e),i(s.children).forEach((function(n){n.setAttribute(o,e),t?n.setAttribute(r,""):n.removeAttribute(r);for(var i=0;i<n.children.length;i++)n.children[i].setAttribute(o,e);return n})),t?s.setAttribute(r,""):s.removeAttribute(r),a["oDOM".concat(n,"Head")].setAttribute(o,e),a["oDOM".concat(n,"Foot")].setAttribute(o,e)}))}},{key:"resetFrames",value:function(){var e=n.Z.zgLayout.attr,t=n.Z.zgLayout.cardTplAttr,o=this.ZG;["","Left","Right"].forEach((function(n){o["oDOM".concat(n,"Colgroup")].removeAttribute(e);var r=o["oDOM".concat(n,"Body")];r.removeAttribute(e),r.removeAttribute(t),r&&r.children&&i(r.children).forEach((function(o){o.removeAttribute(e),o.removeAttribute(t);for(var n=0;n<o.children.length;n++)o.children[n].removeAttribute(e);return o})),o["oDOM".concat(n,"Head")].removeAttribute(e),o["oDOM".concat(n,"Foot")].removeAttribute(e)}))}},{key:"setMobileWidth",value:function(){var e=this.widget.editorManager,t=this.ZG.getAttribute(n.Z.viewport.attr)===n.Z.viewport.mobileLabel,o=this.isLayoutSet();o||(!this.ZG.userEditorValue&&this.widget.bHasEditorEnabled&&(t?e.setEditorType(n.Z.editor.typeModal):this.setEditorType()),t&&!o?this.setLayoutType(n.Z.zgLayout.typeCard):this.setLayoutType(n.Z.zgLayout.reset))}},{key:"setTypeCard",value:function(){var e=this.widget;!this.ZG.userEditorValue&&this.widget.bHasEditorEnabled&&(e.bUpdatingEditor=!0,this.ZG.setAttribute(n.Z.editor.attr,n.Z.editor.typeModal),e.bUpdatingEditor=!1),this.ZG.oDOMBody&&this.ZG.oDOMBody.children&&i(this.ZG.oDOMBody.children).forEach((function(e){i(e.children).forEach((function(e){return e.removeAttribute(n.Z.attr.sorted)}))}))}}],o&&s(t.prototype,o),r&&s(t,r),Object.defineProperty(t,"prototype",{writable:!1}),e}()},92112:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>c});var n=o(87822),r=o(37486),i=o(19791);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function s(e){return function(e){if(Array.isArray(e))return l(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return l(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return l(e,t)}(e)||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 l(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function d(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==a(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===a(i)?i:String(i)),n)}var r,i}const c=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.se=t.se,this.oRegisteredMenu={},this.activeMenu=null,this.menuitems=[],this.bInit=!1}var t,o,a;return t=e,(o=[{key:"reset",value:function(){this.widget.webcomponent.removeMenu(this),this.oRegisteredMenu={},this.activeMenu=null,this.menuitems=[],this.bInit=!1,this.bUserMenu=!1}},{key:"initMenu",value:function(e){var t=this.widget,o=(t.webcomponent,null);if(e&&this.bInit&&this.oElMenu&&this.reset(),!this.bInit){t.sContextMenuId&&t.sContextMenuId!==n.Z.zgMenu.browser&&(o=document.getElementById(t.sContextMenuId))&&(o.setAttribute(n.Z.attr.hidden,""),this.wrapMenuItems(o));var r=t.sContextMenuId&&t.sContextMenuId!==n.Z.zgMenu.browser?"".concat(t.sContextMenuId,"Clone"):"userContextMenuClone";if(this.oElMenu=this.widget.webcomponent.querySelector("#".concat(r)),this.oElMenu?this.bDefined=!0:(this.oElMenu=document.createElement(n.Z.zgMenu.tagName),this.oElMenu.id=r,this.oElMenu.setAttribute(n.Z.attr.hidden,"")),o&&null!==o.getAttribute("replace")?this.bUserMenu=!0:(!1!==this.widget.store.oDataRequest.createOptions&&this.addMultipleItems([{action:"createrecord",text:"context.insertRecordHere"},{action:"createrecordstart",text:"context.insertRecordStart"},{action:"createrecordend",text:"context.insertRecordEnd"}],{group:"insert-record-group",label:{icon:"createrecord",text:"context.insertRecordLabel"},styles:'\n          /* Group: Insert Record */\n          [group="insert-record-group"] { background: var(--zg-menu-group-background, var(--theme-background-zebra)); }\n          [group="insert-record-group"] zg-menu-item { --zg-menu-item-padding:3px 5px; flex-basis:33.333%; }\n          [group="insert-record-group"] zg-icon { width:16px; height:16px; }\n          [group="insert-record-group"] zg-button zg-icon,\n          [group="insert-record-group"] zg-button zg-checkbox { display:none; }\n        '}),this.addItem({action:"freezecolumnleft",text:"context.freezeColumnLeft"}),this.addItem({action:"freezecolumnright",text:"context.freezeColumnRight"}),this.addItem({action:"unfreezecolumn",text:"context.unfreezeColumn"}),this.addSeparator("freezecolumn"),this.addItem({action:"freezerowtop",text:"context.freezeRowTop"}),this.addItem({action:"freezerowbottom",text:"context.freezeRowBottom"}),this.addItem({action:"unfreezerow",text:"context.unfreezeRow"}),this.addSeparator("freezerow"),this.addItem({action:"hidecolumn",text:"context.hideColumn"}),this.addSeparator("hide"),this.addItem({action:"sortcolumn",text:"context.sortColumn"}),this.addSeparator("sort"),!1!==this.widget.store.oDataRequest.updateOptions.cell&&this.addItem({action:"editcell",text:"context.editCell"}),!1!==this.widget.store.oDataRequest.updateOptions.row&&this.addItem({action:"editrow",text:"context.editRow"}),this.addSeparator("edit"),!1!==this.widget.store.oDataRequest.deleteOptions.row&&(this.addItem({action:"removerecord",text:"context.deleteRow"}),this.addSeparator("delete")),this.addItem({action:"duplicaterecord",text:"context.duplicateRow"}),this.addSeparator("duplicate"),this.addItem({action:"submitrecord",text:"context.save"}),this.addItem({action:"cancelrecord",text:"context.cancel"}),this.addSeparator("action"),this.addItem({action:"copycell",text:"context.copyCell"}),this.addItem({action:"pastecell",text:"context.pasteCell"}),this.addSeparator("copy"),this.addItem({action:"selectcell",text:"context.selectCell"}),this.addItem({action:"selectrow",text:"context.selectRow"}),this.addItem({action:"selectall",text:"context.selectAll"}),this.addItem({action:"deselect",text:"context.deselect"}),this.addSeparator("select"),this.addItem({action:"prevpage",text:"context.previousPage"}),this.addItem({action:"nextpage",text:"context.nextPage"}),this.addItem({action:"firstpage",text:"context.firstPage"}),this.addItem({action:"lastpage",text:"context.lastPage"}),this.addSeparator("pager"),this.addItem({action:"resetstate",text:"context.resetState"}),this.addSeparator("reset"),this.addItem({action:"about",text:"context.version"}),o&&o.children.length&&this.addSeparator()),!this.bDefined&&o)for(;o.childNodes.length>0;)this.oElMenu.appendChild(o.childNodes[0]);t.webcomponent.appendMenu(this),this.bInit=!0}}},{key:"createMenuItem",value:function(e){var t=e.action,o=e.text,r=document.createElement(n.Z.zgMenuItem.tagName);r.menu=this.oElMenu,r.menuManager=this.widget.menuManager;var a=document.createElement(n.Z.zgButton.tagName),s=document.createElement("span");return s.slot=n.Z.zgButton.slot.label,s.textContent=i.default.get(o,this.widget,{element:s,elProperty:"textContent"}),a.setAttribute(n.Z.attr.action,t),a.appendChild(s),r.appendChild(a),this.bDefined?(this.menuitems[t]=this.oElMenu.querySelector("zg-menu-item zg-button[action=".concat(t,"]")).parentNode,!1):(this.menuitems[t]=r,r)}},{key:"addItem",value:function(e){var t=e.action,o=e.text,n=this.createMenuItem({action:t,text:o});n&&this.oElMenu.appendChild(n)}},{key:"addMultipleItems",value:function(e,t){var o=this;if(e&&e.length){var r,a=document.createElement(n.Z.zgMenuGroup.tagName);if(t.group&&a.setAttribute("group",t.group),t.label){if(t.label.icon){var s=document.createElement(n.Z.zgIcon.tagName);s.setAttribute("name",t.label.icon),s.slot="zgMenuGroupLabel",a.appendChild(s)}if(t.label.text){var l=document.createElement("span");l.textContent=i.default.get(t.label.text,this.widget,{element:l,elProperty:"textContent"}),l.slot="zgMenuGroupLabel",a.appendChild(l)}}t.styles&&a.insertAdjacentHTML("afterbegin","<style>".concat(t.styles,"</style>")),e.forEach((function(e){(r=o.createMenuItem({action:e.action,text:e.text}))&&(r.slot="zgMenuGroupItems",r.menuGroup=a,a.appendChild(r))})),this.menuitems[t.group]=a,this.oElMenu.appendChild(a)}}},{key:"addSeparator",value:function(e){if(this.bDefined)this.menuitems[e]=this.oElMenu.querySelector("zg-separator[action=".concat(e,"]"));else{var t=document.createElement("zg-separator");t.setAttribute(n.Z.attr.action,e),this.oElMenu.appendChild(t),this.menuitems[e]=t}}},{key:"closeMenu",value:function(){var e=this,t=this.activeMenu;t&&(this.activeCell?this.activeCell.select():this.bFixed&&this.widget.focusManager.focusGrid(this.bFixed),t.removeAttribute(n.Z.zgMenu.opener),t._hide(),this.widget.fire("contextmenuclose"),this.lastCell=this.activeCell,this.activeMenu=null,this.activeCell=null,this.activeHeader=null,this.activeColumn=null,requestAnimationFrame((function(){return e.bFixed=!1})))}},{key:"displayMenu",value:function(e,t){this.toggleMenuItemDisplay();var o=this.oElMenu;o._show();var r=this.widget.webcomponent;o.clearPosition(),o.calculateMenuPosition(e,r),this.widget.isStorybook("menu")||o.querySelector("".concat(n.Z.zgMenuItem.tagName,":not([hidden]")).focus(),o.setAttribute(n.Z.zgMenu.opener,n.Z.zgMenu.static),this.activeMenu=o}},{key:"getActiveMenu",value:function(){return this.activeMenu}},{key:"isMenuOpen",value:function(){return!!this.activeMenu}},{key:"openFixedMenu",value:function(e){var t,o=this.widget,r=o.sorter;if(e.oDOMTarget&&e.oDOMTarget.tagName.toLowerCase()===n.Z.zgButton.tagName){var i=e.oDOMTarget.querySelector("zg-icon");if(i)return void i.click()}var a=o.selector.se;if("grid"===a.sContextLevel){if(this.activeHeader=this.activeCell=this.activeColumn=null,r.isSorterActive()){var s=o.getColumnIndexByFieldIndex(r.sActiveSortedIndex);s>=0&&(this.activeColumn=o.aColumnMapping[s])}}else"cell"!==a.sContextLevel&&(a=a.toCell()),this.activeCell=a,t=this.activeCell.el.dom.cellIndex,this.activeColumn=o.aColumnMapping[t];this.displayMenu(e,{x:e.oDOMTarget.offsetLeft,y:e.oDOMTarget.offsetHeight}),o.fire("contextmenuopen"),this.bFixed=!0}},{key:"openContextMenu",value:function(e,t){var o,i=this.widget.webcomponent,a=this.widget.webcomponent.querySelectorAll("zg-menu"),l=this.oElMenu,d=r.MV(t,n.Z.zgCell.tagName),c=!r.MV(t,n.Z.zgCard.tagName)&&!d&&r.MV(t,n.Z.zgHeadCell.tagName);l.clearPosition(),this.activeHeader=this.activeCell=null,a&&s(a).forEach((function(e){return e.setAttribute(n.Z.attr.hidden,"")})),c?(this.activeHeader=c,o=c.getAttribute("cellindex")):d&&(this.activeCell=this.se.cell(d),o=d.cellIndex),(this.activeHeader||this.activeCell)&&(this.activeColumn=this.widget.aColumnMapping[o],this.toggleMenuItemDisplay(!0),l._show(),this.widget.fire("contextmenuopen"),l.calculateContextPosition(e,i),this.activeMenu=l,l.setAttribute(n.Z.zgMenu.opener,n.Z.zgMenu.context))}},{key:"registerMenu",value:function(e,t){this.oRegisteredMenu[e]=t}},{key:"toggleMenuItemDisplay",value:function(e){var t,o,r=this.widget,i=this.activeCell,a=this.activeHeader,s=this.activeColumn,l=r.webcomponent.preserveStateId;s&&(t=r.getAreaByColumn(s)),i&&(o=i.sFrozenRowState);var d,c=r.getPageSize(),u=r.store.getOriginRecordCount()||r.getRowCount(),h=e&&this.activeCell||!e&&r.bHasSelectorEnabled&&this.activeCell;d=["insert-record-group","createrecord","createrecordstart","createrecordend"],this.toggleSection(d,!r.recordEditor.bIsOpen&&r.bHasEditorEnabled),d=["createrecord"],this.toggleSection(d,h&&!r.recordEditor.bIsOpen&&r.bHasEditorEnabled),d=["editcell"],this.toggleSection(d,i&&!r.recordEditor.bIsOpen&&r.bHasEditorEnabled),d=["editrow"],this.toggleSection(d,i&&!r.recordEditor.bIsOpen&&r.bHasEditColumn),d=["edit"],this.toggleSection(d,i&&!r.recordEditor.bIsOpen&&(r.bHasEditorEnabled||r.bHasEditColumn)),d=["duplicate","duplicaterecord"],this.toggleSection(d,i&&!r.recordEditor.bIsOpen&&r.bHasEditorEnabled),d=["delete","removerecord"],this.toggleSection(d,i&&!r.recordEditor.bIsOpen&&(r.bHasEditorEnabled||r.bHasRemoveColumn)),d=["submitrecord","cancelrecord","action"],this.toggleSection(d,r.recordEditor.bIsOpen),d=["freezecolumnleft"],this.toggleSection(d,s&&"left"!==t,!0),d=["freezecolumnright"],this.toggleSection(d,s&&"right"!==t,!0),d=["unfreezecolumn"],this.toggleSection(d,s&&("left"===t||"right"===t),!0),d=["hidecolumn","hide"],this.toggleSection(d,s),d=["freezerowtop"],this.toggleSection(d,i&&!r.bGroupBy&&"top"!==o,!0),d=["freezerowbottom"],this.toggleSection(d,i&&!r.bGroupBy&&"bottom"!==o,!0),d=["unfreezerow"],this.toggleSection(d,i&&!r.bGroupBy&&("top"===o||"bottom"===o),!0),d=["sortcolumn","sort"],this.toggleSection(d,a),d=["copy","copycell"],this.toggleSection(d,i&&r.clipper&&-1===n.Z.internalColumnTypes.indexOf(i.sCellType)),d=["pastecell"],this.toggleSection(d,i&&r.clipper&&r.clipper.savedValue&&r.recordEditor.bIsOpen),d=["select","selectcell","selectrow","selectall"],this.toggleSection(d,i&&r.bHasSelectorEnabled),d=["deselect"],this.toggleSection(d,i&&r.bHasSelectorEnabled&&r.selector.bHasSelection),d=["prevpage","nextpage","firstpage","lastpage","pager"],this.toggleSection(d,c<u||r.hasPager()),d=["resetstate","reset"],this.toggleSection(d,l);var f=this.oElMenu.querySelectorAll("[display=cell]"),p=this.oElMenu.querySelectorAll("[display=header]");this.toggleUserSection(f,i),this.toggleUserSection(p,a)}},{key:"toggleSection",value:function(e,t,o){var n=this.menuitems;this.bUserMenu||e.forEach((function(e){var r=n[e].querySelector("zg-button");n.hasOwnProperty(e)&&t?o&&r?r._enable():n[e]._show():n.hasOwnProperty(e)&&!t&&(o&&r?r._disable():n[e]._hide())}))}},{key:"toggleUserSection",value:function(e,t){e.forEach((function(e){t?e._show():e._hide()}))}},{key:"wrapMenuItems",value:function(e){e.querySelectorAll("zg-menu-item").forEach((function(e){e.bAdded||e.ready();var t=e.querySelector(n.Z.zgButton.tagName);if(!t){var o=e.querySelector("i");if((t=document.createElement(n.Z.zgButton.tagName)).setAttribute(n.Z.attr.action,""),o){var r=document.createElement("div");r.classList.add("zg-button-icon"),r.setAttribute("slot","icon"),r.appendChild(o),e.appendChild(r)}t.innerHTML=e.innerHTML,e.innerHTML="",e.appendChild(t)}}))}},{key:"destroy",value:function(){this.widget=null,this.se=null,this.oRegisteredMenu=null,this.activeMenu=null,this.menuitems.length=0,this.oElMenu=null,this.activeHeader=null,this.activeCell=null,this.activeColumn=null}}])&&d(t.prototype,o),a&&d(t,a),Object.defineProperty(t,"prototype",{writable:!1}),e}()},93834:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(55040),r=o(31769),i=o(87822);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function s(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==a(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===a(i)?i:String(i)),n)}var r,i}function l(e,t){return l=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},l(e,t)}function d(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=c(e);if(t){var r=c(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===a(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function c(e){return c=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},c(e)}const u=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&l(e,t)}(c,e);var t,o,n,a=d(c);function c(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,c),(e=e||{})._defaults={initAfterPaint:!0,nFirstRowContainerIndex:0},a.call(this,e)}return t=c,(o=[{key:"init",value:function(){this.bFetching=!1,this.ons()}},{key:"ons",value:function(){var e=this.widget;this.bHookedUp||e.oDOMScroller&&e.oDOMScroller.hasAttribute("height")&&(this.onScroll(),this.bHookedUp=!0)}},{key:"onScroll",value:function(){var e=this,t=this.widget,o=r.Z.get(t.oDOMScrollerWrapper),n=t.store;this.nLastScrollTop=0,t.bStaticScroll=!0,o.on("scroll",(function(){if(!t.bDisconnect){var o=t.webcomponent.oDOMTooltip,r=t.webcomponent.oDOMCellOverflow;o&&o._hideTarget(),r&&r.isOpen()&&r.setPosition(r.currentTrigger,!0),n.oDataFormat.bLoadByScroll?(t.bStaticScroll=!1,e.onInfiniteScroll()):e.onStaticScroll()}}))}},{key:"onStaticScroll",value:function(){var e=this.widget,t=e.mainColumnBody.el,o=r.Z.get(e.oDOMScroller),n=o.getScroll().top,i=n+o.getHeight(),a=.75*t.getHeight();n>this.nLastScrollTop&&i>a&&e.nRowSets*e.nRowsPerSet<e.getPageSize()&&(e.nRowSets++,e.update({bNoReRenderer:!0,bUpdateRowMappingOrder:!0,bUpdateBodyContent:!0,bUpdateContainer:!0,bUpdateColumnBodyContainerClass:!0})),this.nLastScrollTop=n}},{key:"onInfiniteScroll",value:function(){var e=this,t=this.widget,o=t.mainColumnBody.el,n=r.Z.get(t.oDOMScrollerWrapper);if(!this.bFetching){var i=n.getScroll().top,a=i+n.getHeight(),s=.75*o.getHeight(),l=.25*o.getHeight();if(this.nOldStart=t.nAdjustedStart,i>this.nLastScrollTop&&a>s){this.bFetching=!0,t.nCurrPageIdx++;var d=t.getPageSize()*t.nInfiniteTotalDisplay,c=t.getPageSize()*(t.nCurrPageIdx+1);if(d<c&&!t.bInfiniteMaxReached&&(t.nAdjustedStart=c-d),t.getInfiniteDataLoaded()){var u=!1;t.bInfiniteMaxReached&&d<(c=t.aRowMapping.length)&&(t.nAdjustedStart=Math.min(t.nAdjustedStart+t.getPageSize(),c-d),t.update(),i=this.completeScroll(!0),u=!0),u||this.cleanupNoScroll()}else t.bInfiniteMaxReached?this.cleanupNoScroll():(t.nAdjustedStart=this.nOldStart,t.store.once("loaded",(function(){e.bFetching&&(i=e.completeScroll(!0),e.nLastScrollTop=i)})),t.store.load())}else i<this.nLastScrollTop&&i<l&&t.nAdjustedStart>0&&(this.bFetching=!0,t.nCurrPageIdx--,t.nAdjustedStart=Math.max(0,t.nAdjustedStart-t.getPageSize()),t.update(),i=this.completeScroll(!1));this.nLastScrollTop=i}}},{key:"completeScroll",value:function(e){var t=this.widget,o=r.Z.get(t.oDOMScrollerWrapper),n=t.getPageSize(),i=Math.abs(t.nAdjustedStart-this.nOldStart);i%n&&(n=i%n);var a=t.getRowHeight()*n;return e&&t.nAdjustedStart>0?t.oDOMScrollerWrapper.scrollTop-=a:e||(t.oDOMScrollerWrapper.scrollTop+=a),this.bFetching=!1,o.getScroll().top}},{key:"cleanupNoScroll",value:function(){this.bFetching=!1,this.widget.nCurrPageIdx--}},{key:"scroll",value:function(e,t,o){var n=this.widget,i=n.oDOMScroller,a=n.mainGridHScroll.dom,s=e.xy,l=e.width,d=e.height,c=i?r.Z.get(i):null,u=c?c.getXY():0,h=c?c.getSize():0,f=r.Z.get(n.webcomponent.oDOMMain),p=f.getXY(),g=f.getSize(),m=s[0]-p[0],b=s[1]-u[1],v=s[0]+l-(p[0]+g[0]),y=s[1]+d-(u[1]+h[1]);t||(y>0&&(i.scrollTop+=y),b<0&&(i.scrollTop+=b)),o||(m<0&&(a.scrollLeft+=m),v>0&&(a.scrollLeft+=v))}},{key:"scrollToCell",value:function(){var e,t=this.widget,o=t.webcomponent,n=t.selector.se,r=t.getBodyByColumnIndex(n.nStartColumnIndex),a="cell"===n.sContextLevel&&r!==o.oDOMBody;if(o.layout===i.Z.zgLayout.typeCard){var s=n.el.dom.parentNode.getBoundingClientRect();e={xy:[s.x,s.y],width:s.width,height:s.height}}else e=n.dimension();this.scroll(e,!1,a)}},{key:"scrollToRange",value:function(){var e,t,o=this.widget,n=o.selector.se,r=!1,i=o.getElByIndex(n.nStartRowIndex,n.nStartColumnIndex),a=o.getElByIndex(n.nEndRowIndex,n.nEndColumnIndex);switch(n.sExpandDirection){case"up":case"shrinkdown":r=!0;case"left":case"shrinkright":t=i;break;case"down":case"shrinkup":r=!0;case"right":case"shrinkleft":t=a;break;default:t=i}e=!r;var s={xy:t.getXY(),width:t.getWidth(),height:t.getHeight()};this.scroll(s,e,r)}}])&&s(t.prototype,o),n&&s(t,n),Object.defineProperty(t,"prototype",{writable:!1}),c}(n.Z)},26877:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(55040),r=o(31769),i=o(87822);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function s(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==a(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===a(i)?i:String(i)),n)}var r,i}function l(e,t){return l=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},l(e,t)}function d(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=c(e);if(t){var r=c(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===a(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function c(e){return c=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},c(e)}const u=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&l(e,t)}(c,e);var t,o,n,a=d(c);function c(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,c),(e=e||{})._defaults={initAfterRender:!0},(t=a.call(this,e)).oLastMouseScreenPosition={x:0,y:0},t.oLastMousePosition={x:0,y:0},t.nLastVerticalTimeStamp=t.nLastHorizontalTimeStamp=(new Date).getTime(),t.bHasSelection=!1,t}return t=c,(o=[{key:"init",value:function(){this.ons()}},{key:"ons",value:function(){var e=this;this.widget.on("pagechange",(function(t){return e.deSelectAll(t)}),this),this.widget.on("cellopenedit",(function(t){return e.deSelectAll(t)}),this),this.widget.on("rowdelete",(function(t){return e.deSelectAll(t)}),this),this.widget.on("layoutchange",(function(t){return e.deSelectAll(t)}),this)}},{key:"onDocMouseUpFromSelector",value:function(){this.widget.bIsMouseDown=!1;var e=r.Z.get(document);e.docUn("mouseup",this.onDocMouseUpFromSelector,this),e.docUn("touchend",this.onDocMouseUpFromSelector,this),e.docUn("mousemove",this.onMouseMoveFromSelector,this),e.docUn("touchmove",this.onMouseMoveFromSelector,this),this.widget.bHasSelectorEnabled&&(this.se.isRangeSingleCell()||"cell"===this.se.sContextLevel?this.bHasSingleCell=!0:(this.bHasSingleCell=!1,this.se.select()))}},{key:"onMouseDownFromSelector",value:function(e){var t=r.Z.get(document),o=this.oLastMousePosition,n=this.oLastMousePosition;t.on("mouseup",this.onDocMouseUpFromSelector,this),t.on("touchend",this.onDocMouseUpFromSelector,this),t.on("mousemove",this.onMouseMoveFromSelector,this),t.on("touchmove",this.onMouseMoveFromSelector,this),o.x=e.xy[0],o.y=e.xy[1],n.x=e.oBrowserEvent.screenX,n.y=e.oBrowserEvent.screenY}},{key:"onMouseMoveFromSelector",value:function(e){var t=this.oLastMousePosition;t.x=e.xy[0],t.y=e.xy[1]}},{key:"onKeyDownDocument",value:function(e,t){var o,n=this,r=this.widget,a=this.se,s=(r.editorFieldManager,e.nCharCode),l=this.bHasSelection&&!r.bHasSelectorEnabled,d=function(e,t,r,i){e.stopEvent();var a=n.widget;if(e.bIsSHIFT&&i.toRange(),e.bIsSHIFT&&r)i.shrink(t).select();else if(e.bIsSHIFT)i.expand(t).select();else if(o=i.toCell().traverse(t))o.select(l);else if("up"===t){var s=i.nStartColumnIndex;a.headerFocusManager.focusFromBody(e,s)&&n.deSelectAll(!0,!0)}else if("down"===t){var d=i.nStartColumnIndex,c=a.footerFocusManager.focusFromBody(e,d);c||(c=a.focusManager.tabChangeFocus(e,{section:n.widget.focusManager.GRIDINDEX})),c&&n.deSelectAll(void 0,!0)}},c=function(e,t,n,r){e.stopEvent(),(o=t.cell(n,r)).select(l)},u=e.RIGHT,h=e.LEFT;switch("rtl"===r.sComputedDir&&(u=e.LEFT,h=e.RIGHT),s){case e.HOME:c(e,a,a.nStartRowIndex,0);break;case e.END:c(e,a,a.nStartRowIndex,r.getColumnContainerCount()-1);break;case e.PAGE_UP:c(e,a,0,a.nStartColIndex);break;case e.PAGE_DOWN:c(e,a,r.getRowContainerCount()-1,a.nStartColIndex);break;case e.UP:case"ArrowUp":d(e,"up",a.nInitialRowIndex<a.nEndRowIndex,a);break;case e.DOWN:case"ArrowDown":d(e,"down",a.nInitialRowIndex>a.nStartRowIndex,a);break;case u:case"ArrowRight":d(e,"right",a.nInitialColumnIndex>a.nStartColumnIndex,a);break;case h:case"ArrowLeft":d(e,"left",a.nInitialColumnIndex<a.nEndColumnIndex,a);break;case e.SPACE:if(this.bHasSingleCell){var f=a.cell().sCellType;(a.el.dom.querySelector("[".concat(i.Z.template.detailsAttr,"]"))||-1!==i.Z.internalColumnTypes.indexOf(f)||"url"===f||f===i.Z.internalColumn.rowgroup||f===i.Z.cellTypes.button)&&(e.preventDefault(),this.cellEnter(a))}break;case e.ENTER:case"enter":e.preventDefault(),r.isComputedCard()&&r.hasCardTemplate()?r.editorManager.openEditor(a.row()):r.isComputedCard()&&!a.bCardDrill?(a.bCardDrill=!0,a.select(l)):this.bHasSingleCell&&this.cellEnter(a.cell()),this.bHasSingleCell&&a.sCellType===i.Z.internalColumn.recordinfo&&r.tooltipManager._showTarget(null,a.dom());break;case e.ESC:case"esc":this.bHasSingleCell&&r.tooltipManager.oCurrentParent?this.widget.tooltipManager._hideTarget(null,r.tooltipManager.oCurrentParent,!0):this.deSelectAll();break;case e.A:case"a":e.bIsCTRL&&(e.preventDefault(),a.selectAll().select(),this.fire(i.Z.event.selectedAllCells))}}},{key:"cellEnter",value:function(e){var t=this.widget,o=e.sCellType,n=e.el.dom;if(-1!==i.Z.internalColumnTypes.indexOf(o)||o===i.Z.internalColumn.rowgroup||o===i.Z.cellTypes.button){var r=n.querySelector("zg-button")||n.querySelector("zg-checkbox");r&&r.click()}else if(t.bHasCellEditorEnabled||t.batchEditor.isActive())this.bTriggerSelect=!0,t.editorManager.openEditor(e);else if("url"===o){var a=n.querySelector("a");a&&a.click()}else n.querySelector("[".concat(i.Z.template.detailsAttr,"]"))&&t.detailsManager.openCellDetails(e)}},{key:"deSelectRange",value:function(){this.widget.bHasSelectorEnabled&&this.hideSelectionMaskAndBorder(),this.hideFocusCellMask()}},{key:"deSelectAll",value:function(e,t){var o=this.widget;if(this.bHasSelection){var n=this.se.dom();n&&n.hasAttribute(i.Z.zgTooltip.typeAttr)&&o.tooltipManager._hideTarget(null,n,!0,e)}this.bHasSelection=!1,this.se.deSelect(),this.focusCell(null,!0,!0),t||(o.headerFocusManager.deSelect(),o.footerFocusManager.deSelect()),this.fire(i.Z.event.deselectedCells),this.fire("deselectedcells")}},{key:"drawFocusCellMaskBorder",value:function(){this.hideFocusCellMask(),this.se.oColumnBodies.forEach((function(e){return e.oElFocusCellMaskBorder.draw()}))}},{key:"drawSelectionMask",value:function(){this.hideSelectionMaskAndBorder(),this.se.oColumnBodies.forEach((function(e){return e.oElSelectionMask.draw()}))}},{key:"focusCell",value:function(e,t,o){(this.widget.bHasSelectorEnabled||t)&&(this.oDOMPrevFocusCell&&(this.oDOMPrevFocusCell.classList.remove("zg-focus-cell"),this.oDOMPrevFocusCell&&this.oDOMPrevFocusCell.hasAttribute(i.Z.zgTooltip.typeAttr)&&this.widget.tooltipManager._hideTarget(null,this.oDOMPrevFocusCell,!0)),o||(this.drawFocusCellMaskBorder(e),this.oDOMPrevFocusCell=e.dom(),this.oDOMPrevFocusCell.classList.add("zg-focus-cell"),this.bHasSelection=!0))}},{key:"hideSelectionMaskAndBorder",value:function(){this.widget.webcomponent.querySelectorAll("zg-selector-mask").forEach((function(e){return e.hideAll()}))}},{key:"hideFocusCellMask",value:function(){this.widget.webcomponent.querySelectorAll("zg-focus:not([area=header]):not([area=footer])").forEach((function(e){return e._hide()}))}},{key:"selectCell",value:function(e,t){(this.widget.bHasSelectorEnabled||t)&&(this.widget.isComputedCard()&&!e.bCardDrill?(this.widget.mainColumnBody.oElFocusCellMaskBorder.drawCard(),e.scrollIntoView()):(e.scrollIntoView(),this.widget.bHasSelectorEnabled&&this.drawSelectionMask(),this.bHasSingleCell=!0,this.focusCell(e,t)),this.bHasSelection=!0)}},{key:"selectRange",value:function(e){this.widget.bHasSelectorEnabled&&(e.isRangeSingleCell()?this.selectCell(e):(this.bHasSingleCell=!1,this.drawSelectionMask(),this.bHasSelection=!0))}},{key:"updateSelection",value:function(){}}])&&s(t.prototype,o),n&&s(t,n),Object.defineProperty(t,"prototype",{writable:!1}),c}(n.Z)},13676:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>h});o(37486);var n=o(55040),r=o(87822);function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function a(e,t){var o="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!o){if(Array.isArray(e)||(o=function(e,t){if(!e)return;if("string"==typeof e)return s(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return s(e,t)}(e))||t&&e&&"number"==typeof e.length){o&&(e=o);var n=0,r=function(){};return{s:r,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,l=!1;return{s:function(){o=o.call(e)},n:function(){var e=o.next();return a=e.done,e},e:function(e){l=!0,i=e},f:function(){try{a||null==o.return||o.return()}finally{if(l)throw i}}}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function l(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,a=void 0,a=function(e,t){if("object"!==i(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===i(a)?a:String(a)),n)}var r,a}function d(e,t){return d=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},d(e,t)}function c(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=u(e);if(t){var r=u(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===i(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function u(e){return u=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},u(e)}const h=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&d(e,t)}(s,e);var t,o,n,i=c(s);function s(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,s),(e=e||{})._defaults={initAfterRender:!0},(t=i.call(this,e)).sActiveSortedIndex=null,t.bSortGroupColumn=!1,t.aOriginalRowMappingOrder=[],t.fnSorter=null,t.nSortOrder=0,t}return t=s,(o=[{key:"isSorterActive",value:function(){return null!==this.sActiveSortedIndex}},{key:"sortAll",value:function(){var e=this.fnSorter;0!==this.nSortOrder?this.sortData(null,null,this.nSortOrder,e,!0):this.restoreOriginalOrder()}},{key:"sortData",value:function(e,t,o,n,r){var i=this.widget;this.sortAllRecords(e,o,n,r),i.bGroupBy?(i.aRowMapping.length=0,this.sortGroupBy()):this.sortRecords(e,t,o,n,r).map((function(e,t){i.updateRowMapping(i.aRowMapping,t,{sRecordIndex:e.sRecordIndex})})),i.fire("roworderchange")}},{key:"sortGroupBy",value:function(e){var t=this.widget,o=t.filter;if(o.aFiltered)o.filter();else{var n=t.store.aOrderedData;t.groupbyManager.groupBy(t.aGroupBy,n,!1,e)}}},{key:"sortRowMappingByColumn",value:function(e){var t,o=e.aUserSet.fnSorter;o?t=e.fnSorter||this.fnSorter||null:(t=this.fnSorter||e.fnSorter||null,o=this.fnSorter);var n=e.nSortOrder||0,i=e.sFieldIndex;if(null!==t)if(0!==n){i=i.split(",");var a=e.sSorterIndex||i[0];e.sSorterIndex&&-1===i.indexOf(a)&&(a=i[0]),0!==n&&(this.bSortGroupColumn=e.sCellType===r.Z.internalColumn.rowgroup),this.sortData(a,i,n,t,o),0==n?(this.sActiveSortedIndex=null,this.bSortGroupColumn=!1,this.fire("sort",{index:null})):(this.sActiveSortedIndex=e.sFieldIndex,this.nSortOrder=n,this.fire("sort",{index:this.sActiveSortedIndex,order:this.nSortOrder}))}else this.isSorterActive()&&i===this.sActiveSortedIndex&&!this.widget.store.isServerSort()&&(this.restoreOriginalOrder(),this.sActiveSortedIndex=null,this.bSortGroupColumn=!1,this.fire("sort",{index:null}))}},{key:"sortRecords",value:function(e,t,o,n,r){var i=this,a=this.widget,s=a.store,l=0===this.aOriginalRowMappingOrder.length,d=a.aRowMapping.map((function(o,n){var a=o.sRecordIndex,d={sRecordIndex:a};if(l&&(i.aOriginalRowMappingOrder[n]=a),r)t?t.forEach((function(e){e=e.trim();var t=s.get(a,e);d[e]=null==t?"":t})):d=s.get(a).oRecordRawData;else{var c=s.get(a,e);d.mValue=null==c?"":c}return d})),c=n.scope||this.widget;return d.sort((function(e,t){var r;return r=void 0!==e.mValue?n.method.apply(c,[e.mValue,t.mValue]):n.method.apply(c,[e,t]),o>0?r:-r})),d}},{key:"sortAllRecords",value:function(e,t,o,n){this.widget.store.aOrderedData.sort((function(r,i){var a;if(n)a=o.method.apply(o.scope,[r,i]);else{var s=r[e],l=i[e];a=o.method.apply(o.scope,[s,l])}return t>0?a:-a}))}},{key:"restoreOriginalOrder",value:function(){var e=this.widget;e.store.unsetSort(),e.bGroupBy?(e.aRowMapping.length=0,this.sortGroupBy(!0)):(this.aOriginalRowMappingOrder.map((function(t,o){e.updateRowMapping(e.aRowMapping,o,{sRecordIndex:t})})),this.aOriginalRowMappingOrder.length=0)}},{key:"unsetActiveSort",value:function(){var e=this.widget.aColumnMapping,t=this.sActiveSortedIndex;if(this.widget.cellBreakManager.prepCellBreak(),null!==t){var o,n=a(e);try{for(n.s();!(o=n.n()).done;){var r=o.value;t!==r.sFieldIndex&&(r.nSortOrder=0)}}catch(e){n.e(e)}finally{n.f()}}}}])&&l(t.prototype,o),n&&l(t,n),Object.defineProperty(t,"prototype",{writable:!1}),s}(n.Z)},92604:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(87822),r=o(37486);function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function a(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,a=void 0,a=function(e,t){if("object"!==i(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===i(a)?a:String(a)),n)}var r,a}const s=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.se=t.se,this.ZG=this.widget.webcomponent}var t,o,i;return t=e,(o=[{key:"initSource",value:function(e){(e=e||this.ZG.source)&&!this.ZG.oDOMSource?(this.ZG.oDOMSource=document.createElement(n.Z.zgSource.tagName),this.ZG.oDOMSource.textContent=this.ZG.source):e&&this.ZG.oDOMSource?this.ZG.oDOMSource.textContent=e:!e&&this.ZG.oDOMSource&&this.ZG.oDOMSource.textContent&&(this.ZG.source=this.ZG.oDOMSource.textContent),this.srcEl=this.ZG.oDOMSource,this.srcElClone=this.srcEl.cloneNode(!0),this.ZG.oDOMSource.setAttribute("slot",n.Z.zgSource.attr),this.addSourceToSlot(),this.addAriaToSource(),r.CL(this.ZG.oDOMSource)}},{key:"setSource",value:function(e){var t=e.source;t&&!this.ZG.oDOMSource&&this.initSource(t);var o=this.ZG.querySelectorAll("zg-source");t?o.forEach((function(e){return e.textContent=t})):(this.ZG.oDOMSource=null,o.forEach((function(e){return e.parentNode.removeChild(e)})))}},{key:"addAriaToSource",value:function(){this.ZG.oDOMSource||(this.ZG.oDOMSource=this.ZG.querySelector(n.Z.zgSource.tagName)),this.ZG.oDOMSource.setAttribute(n.Z.attr.role,"any")}},{key:"addSourceToSlot",value:function(e){var t=this.ZG.oDOMSource.getAttribute(n.Z.attr.mirror);"top"===(e=e||this.ZG.oDOMSource.getAttribute(n.Z.attr.position))?this.slotSource(e,this.ZG.oDOMHeader,this.srcEl):"bottom"===e?this.slotSource(e,this.ZG.oDOMFooter,this.srcEl):t||""===t||"both"===e?(this.slotSource("top",this.ZG.oDOMHeader,this.srcEl),this.slotSource("bottom",this.ZG.oDOMFooter,this.srcElClone)):this.slotSource("bottom",this.ZG.oDOMFooter,this.srcEl)}},{key:"slotSource",value:function(e,t,o){o.setAttribute(n.Z.attr.position,e),t.appendChild(o)}}])&&a(t.prototype,o),i&&a(t,i),Object.defineProperty(t,"prototype",{writable:!1}),e}()},95794:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(96766),r=o(87822);function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function a(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,a=void 0,a=function(e,t){if("object"!==i(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===i(a)?a:String(a)),n)}var r,a}const s=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e);var o=this.widget=t.widget;this.ZG=this.widget.webcomponent,this.stateOptions=o.oStateOptions,this.oFilter={},this.oConfig={},o.on("pagechange",this.setStatePage,this),o.on("pagesizechange",this.setStatePageSize,this),o.on("layoutchange",this.setStateLayout,this),o.on("search",this.setStateSearch,this),o.sorter.on("sort",this.setStateSort,this),o.on("filter",this.setStateFilter,this),o.on("columnmove",this.setStateColumn,this),o.on("columntoggle",this.setStateColumn,this),o.on("frozenrowchange",this.setStateRowFrozen,this),o.on("rowselectionchanged",this.setStateRowSelector,this),o.on("columnresize",this.setStateColumn,this),o.on("togglerowgroup",this.setStateRowGroup,this),o.on("rowgroupaddedrows",this.setStateRowGroup,this),o.selector.on(r.Z.event.selectedCells,this.setStateSelector,this),o.selector.on(r.Z.event.selectedFrozenCells,this.setStateSelector,this)}var t,o,i;return t=e,(o=[{key:"loadState",value:function(){var e,t=this.stateOptions.preserveStateId,o=this.stateOptions.preserveStateLoad,r=this.fnLoadState;t&&(o?(r&&o===this.sLoadState||(this.fnLoadState=r=n.Z.setUserFunction(null,o),this.sLoadState=o),r&&r.method&&(e=r.method.apply(r.scope,[t]))):e=localStorage.getItem(t),e&&this.updateState(e))}},{key:"updateState",value:function(e,t){try{"string"==typeof e&&(e=JSON.parse(e)),this.oConfig=e,this.readState(e,t)}catch(e){throw this.bUpdatingStates=!1,e}}},{key:"readState",value:function(e,t){this.bUpdatingStates=!0;var o=!1,n=this.getActiveStates(),r=["columnvisibility","columnposition","columnfrozen","columnwidth","rowfrozen","search","filter","sort","pagesize","rowgroup","page","layout","rowselector","selector"];if(e)for(var i=0;i<r.length;i++){var a=r[i];if(-1!==n.indexOf(a)){0!==a.indexOf("column")||o||(a="column",o=!0);var s=e[a];if(s){var l=a[0].toUpperCase()+a.substring(1);this["set".concat(l)](s,n)}}}t||!this.stateOptions.preserveStateSave||this.stateOptions.preserveStateLoad||this.storeState(),this.bUpdatingStates=!1}},{key:"clearState",value:function(e){var t=this.widget,o=this.stateOptions.preserveStateId;this.oConfig={},o&&localStorage.removeItem(o),e&&(t.oDOMSortedColumn&&t.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader&&t.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader.clearStyle(!0),t.updateInitialConfig(),t.store.reload())}},{key:"setUserState",value:function(e){this.bUpdatingStates=!0,e?(this.updateState(e,!0),this.storeState(!0)):this.clearState(!0),this.bUpdatingStates=!1}},{key:"setUserStateField",value:function(e,t){var o=this.getActiveStates();if(e){this.setState(e,t,!0);var n=e[0].toUpperCase()+e.substring(1);this["set".concat(n)](t,o)}}},{key:"setState",value:function(e,t,o){if(!this.bUpdatingStates){var n=this.oConfig;t?n[e]=t:n[e]&&delete n[e],this.stateOptions.preserveStateId&&this.storeState(o)}}},{key:"storeState",value:function(e){var t=this.oConfig,o=this.stateOptions.preserveStateId,r=this.getActiveStates(),i={};r.forEach((function(e){"columnvisibility"!==e&&"columnposition"!==e&&"columnfrozen"!==e&&"columnwidth"!==e||(e="column"),i[e]=t[e]}));var a=this.stateOptions.preserveStateSave,s=this.fnSetState;a&&!e&&(s&&a===this.sSetState||(this.fnSetState=s=n.Z.setUserFunction(null,a),this.sSetState=a),s&&s.method&&s.method.apply(s.scope,[o,JSON.stringify(i)])),localStorage.setItem(o,JSON.stringify(i))}},{key:"setStateFilter",value:function(e,t){var o=t.sFilterIndex,n=t.sValue||"";n=n.trim(),this.oFilter[o]?""!==n?this.oFilter[o]=n:delete this.oFilter[o]:this.oFilter[o]=n,this.setState("filter",this.oFilter)}},{key:"setStateColumn",value:function(){var e=this.widget.aColumnMapping.map((function(e){return{id:e.sColumnId,bHidden:e.bHidden,sFrozen:e.sFrozen,nWidth:e.oDOMZGColumn.width}}));this.setState("column",e)}},{key:"setStateRowSelector",value:function(){var e=this.widget,t=Object.keys(e.aSelectedRows);this.setState("rowselector",t)}},{key:"setStateSelector",value:function(e,t){var o,n,r,i,a;if(t)o=t.rowIndex,r=t.colIndex,a=t.sArea;else{var s=this.widget.selector.se;o=s.nStartRowIndex,n=s.nEndRowIndex,r=s.nStartColumnIndex,i=s.nEndColumnIndex}this.setState("selector",{startRow:o,endRow:n,startColumn:r,endColumn:i,area:a})}},{key:"setStateRowFrozen",value:function(){this.setState("rowfrozen",{top:this.widget.aTopRowMapping,bottom:this.widget.aBottomRowMapping})}},{key:"setStatePage",value:function(){this.setState("page",this.widget.nCurrPageIdx+1)}},{key:"setStatePageSize",value:function(e,t){this.setState("pagesize",t)}},{key:"setStateRowGroup",value:function(){var e=this.widget.groupbyManager,t={open:e.aOpenGroups,pagedRows:e.aAddedGroupRecords};this.setState("rowgroup",t)}},{key:"setStateLayout",value:function(){this.setState("layout",this.widget.layoutManager.sCurrentType)}},{key:"setStateSearch",value:function(e,t){this.setState("search",t.searchTerm)}},{key:"setStateSort",value:function(e,t){t||t.index||(t=null),this.setState("sort",t)}},{key:"setFilter",value:function(e){if(e)for(var t in e){var o=e[t];this.ZG.filterColumn(t,o)}}},{key:"setColumn",value:function(e,t){var o=this,n=-1!==t.indexOf("columnvisibility"),r=-1!==t.indexOf("columnposition"),i=-1!==t.indexOf("columnfrozen"),a=-1!==t.indexOf("columnwidth"),s=this.widget.aColumnMapping,l=0,d=0;if(e&&e.length===s.length){if(r||i)for(var c=function(){var t=e[u],n=u,r=s.findIndex((function(e){return e.sColumnId===t.id}));r!==n&&o.widget.moveColumn(r,n),"left"===t.sFrozen?l++:"right"===t.sFrozen&&d++},u=0;u<e.length;u++)c();if(n)for(var h=0;h<e.length;h++){var f=e[h],p=s[h];f.bHidden&&!p.bHidden?p.oDOMZGColumn.setAttribute("hidden",""):!f.bHidden&&p.bHidden&&p.oDOMZGColumn.removeAttribute("hidden")}if(i&&(this.ZG.frozenColumnsLeft!=l&&(this.ZG.frozenColumnsLeft=l),this.ZG.frozenColumnsRight!=d&&(this.ZG.frozenColumnsRight=d)),a)for(var g=0;g<e.length;g++){var m=e[g],b=s[g];m.nWidth&&(b.oDOMZGColumn.width=m.nWidth)}}}},{key:"setRowfrozen",value:function(e){var t=this.widget,o=t.store;t.webcomponent.frozenRowsTop=0,t.webcomponent.frozenRowsBottom=0;for(var n=0;n<e.top.length;n++){var r=e.top[n];o.moveRow(r.sRecordIndex,"top")}for(var i=0;i<e.bottom.length;i++){var a=e.bottom[i];o.moveRow(a.sRecordIndex,"bottom")}}},{key:"setRowgroup",value:function(e){var t=this.widget,o=t.groupbyManager;if(e&&t.bGroupBy){var n=e.open,r=e.pagedRows;o.aAddedGroupRecords=r;for(var i=0;i<n.length;i++){var a=n[i],s=o.getRecord(a);o.aOpenGroups.push(a),s.open=!0}o.reloadGroups()}}},{key:"setSelector",value:function(e){if(e.area){var t=e.area.toLowerCase();this.widget["".concat(t,"erFocusManager")].select(e.startRow,e.startColumn)}else this.widget.webcomponent.select(e.startRow,e.startColumn,e.endRow,e.endColumn)}},{key:"setRowselector",value:function(e){var t=this.widget,o=t.aColumnMapping.findIndex((function(e){return e.sCellType===r.Z.internalColumn.recordselector}));if(-1!==o)for(var n=0;n<e.length;n++){var i=e[n],a=t.store.oLocalModel[i],s=void 0;s="top"===a.sFrozen||"bottom"===a.sFrozen?t.getDataRowIndexByContainerIndex(a.nRowIndex,a.sFrozen):t.getDataRowIndexByRecordIndex(i,a.sFrozen);var l=t.getDOMByIndex(s,o).querySelector("zg-checkbox");l&&(l.checked=!0)}}},{key:"setPage",value:function(e){var t=Math.max(parseInt(e,10)-1,0);this.widget.setCurrPageIdx(t)}},{key:"setPagesize",value:function(e){this.ZG.setPageSize(e)}},{key:"setLayout",value:function(e){this.ZG.setLayout(e)}},{key:"setSearch",value:function(e){this.ZG.searchGrid(e)}},{key:"setSort",value:function(e){if(e){var t=e.index,o=1===e.order?"asc":"desc";this.ZG.sortColumn(t,o)}}},{key:"getActiveStates",value:function(){var e=this.stateOptions.preserveStateOptions;return e&&"all"!==e?e.split(",").map((function(e){return e.trim()})):["columnvisibility","columnposition","columnfrozen","columnwidth","rowfrozen","search","filter","sort","pagesize","rowgroup","page","layout","rowselector","selector"]}},{key:"destroy",value:function(){}}])&&a(t.prototype,o),i&&a(t,i),Object.defineProperty(t,"prototype",{writable:!1}),e}()},39984:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(87822),r=o(31769);function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function a(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,a=void 0,a=function(e,t){if("object"!==i(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===i(a)?a:String(a)),n)}var r,a}const s=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.ZG=this.widget.webcomponent,this.close=null,this.icon=null,this.statusText=null}var t,o,i;return t=e,o=[{key:"setStatus",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},o=t.icon,i=void 0===o?"error":o,a=t.msg,s=t.state,l=void 0===s?"error":s,d=t.sDetails,c=t.sLabel,u=t.fnDetails,h=this.ZG.getAttribute(n.Z.zgStatus.delayAttr),f=h&&parseInt(h)?parseInt(h):n.Z.zgStatus.delay,p=this.ZG.getAttribute(n.Z.zgStatus.persistAttr),g=-1===[void 0,null].indexOf(p)||d,m=this.ZG.oDOMStatus,b=this.ZG.getAttribute(n.Z.zgStatus.positionAttr),v=-1===[void 0,null].indexOf(b)&&b===n.Z.zgStatus.barPosition;m.setAttribute(n.Z.attr.type,l||"error"),v?m.setAttribute(n.Z.zgStatus.positionAttr,n.Z.zgStatus.barPosition):m.removeAttribute(n.Z.zgStatus.positionAttr),this.icon=m.shadowRoot.querySelector("".concat(n.Z.zgIcon.tagName)),i?(this.icon.removeAttribute("".concat(n.Z.attr.hidden)),this.icon.setAttribute(n.Z.attr.name,i)):this.icon.setAttribute("".concat(n.Z.attr.hidden),""),a&&(this.statusText=m.shadowRoot.querySelector(".zg-status-text"),this.statusText.textContent=a),d&&u?(this.details=m.shadowRoot.querySelector(".zg-status-details"),this.details.innerHTML="<br><br>"+d,r.Z.get(this.details).on("click",(function(t){e.widget.detailsManager.openDetailsMessage(null,u,c),m.removeAttribute(n.Z.attr.active)}))):this.details&&(this.details.innerHTML=""),m.setAttribute(n.Z.attr.active,""),g||(this.messageTimeout=setTimeout((function(){e.widget.bDisconnect||(m.removeAttribute(n.Z.attr.active),e.messageTimeout=null)}),f))}},{key:"closeStatus",value:function(){this.ZG.oDOMStatus.removeAttribute(n.Z.attr.active),this.widget.focusManager.initChangeFocus("up")}},{key:"destroy",value:function(){this.close=null,this.icon=null,this.statusText=null,this.messageTimeout&&(clearTimeout(this.messageTimeout),this.messageTimeout=null)}}],o&&a(t.prototype,o),i&&a(t,i),Object.defineProperty(t,"prototype",{writable:!1}),e}()},90326:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(31769),r=o(37486),i=o(96766),a=o(87822);function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function l(e){return function(e){if(Array.isArray(e))return d(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return d(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return d(e,t)}(e)||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 d(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==s(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===s(i)?i:String(i)),n)}var r,i}const u=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.ZG=this.widget.webcomponent}var t,o,s;return t=e,(o=[{key:"_getTooltipOptions",value:function(e,t,o){var n=this.widget.store,r=e.toLowerCase(),a={},s=this.widget["o".concat(e,"Tooltip")];if(!t["fn".concat(e,"TooltipRenderer")]&&t["".concat(r,"TooltipRenderer")]?t["fn".concat(e,"TooltipRenderer")]=i.Z.setUserFunction(null,t["".concat(r,"TooltipRenderer")]):!s["fn".concat(e,"TooltipRenderer")]&&s["".concat(r,"TooltipRenderer")]&&(s["fn".concat(e,"TooltipRenderer")]=i.Z.setUserFunction(null,s["".concat(r,"TooltipRenderer")])),["oDOM".concat(e,"TooltipTemplate"),"fn".concat(e,"TooltipRenderer"),"".concat(r,"TooltipText"),"".concat(r,"TooltipIcon"),"".concat(r,"TooltipIconPosition"),"".concat(r,"TooltipDelay"),"".concat(r,"TooltipPosition"),"".concat(r,"TooltipTemplate"),"".concat(r,"TooltipType"),"".concat(r,"TooltipTrigger"),"".concat(r,"TooltipAction")].forEach((function(o){var n=new RegExp(e,"i"),r=o.replace(n,"");r=r.charAt(0).toLowerCase()+r.slice(1),a[r]=t[o]||s[o]||null})),"Header"===e)a.oTemplateContext={fieldIndex:t.sFieldIndex,headerText:t.sColumnHeaderText},a.aRendererArgs=[t.sFieldIndex,t.sColumnHeaderText,this,t];else if(o.sGroupRecordIndex);else{var l=n.get(o.sTargetRecordIndex).oRecordRawData,d=o.indexData();a.oTemplateContext={record:l,index:d},a.aRendererArgs=[d,l,this,o]}return a}},{key:"_getTooltipContent",value:function(e,t){var o=null,n=t.oDOMTooltipTemplate,i=this.widget.store,a=t.oTemplateContext,s=t.aRendererArgs||[],d=t.tooltipText,c={tooltipText:d};for(var u in a)c[u]=a[u];d&&-1!==d.indexOf(i.templateStartDelimiter)&&(c.tooltipText=d=i.populateTemplate(d,null,c)),n&&(o=i.populateTemplate(n,null,c));var h=t.fnTooltipRenderer;if(h&&h.method){var f=h.method,p=[d].concat(l(s)),g=h.scope,m=f.apply(g,p);r.Uh(m)&&(o=m)}else d&&!n&&(o=d);return o}},{key:"_hasTooltip",value:function(e,t){var o=t.fnTooltipRenderer&&t.fnTooltipRenderer.method;return!!t.tooltipText||o||t.oDOMTooltipTemplate}},{key:"_initTooltipTriggers",value:function(e,t,o){var n=this;o?t.fnUnClick=e.on("click",(function(e){return n._toggleTarget(e,t)}),this):(t.fnUnMouseEnter=e.on("mouseenter",(function(e){return n._delayTarget(e,t)}),this),t.fnUnMouseLeave=e.on("mouseleave",(function(e){return n._hideTarget(e,t)}),this))}},{key:"_hideTarget",value:function(e,t,o,r){var i=this.ZG.oDOMTooltip;if(this.tooltipDelay&&!r&&clearTimeout(this.tooltipDelay),!o){var a=e.oBrowserEvent.relatedTarget;if(n.Z.elContains(t.oTrigger,a)||n.Z.elContains(i,a))return;e&&e.stopPropagation()}t===this.oCurrentParent&&(i._hideTarget(),this.oCurrentParent=null,t.bTooltipOpen=!1,this.fnUnMouseLeave&&(this.fnUnMouseLeave(),this.fnUnMouseLeave=null))}},{key:"_delayTarget",value:function(e,t,o){var n=this,r=t.oTooltipOptions,i=r.tooltipDelay||o||r.defaultTooltipDelay||0;i?(this.tooltipDelay&&clearTimeout(this.tooltipDelay),this.tooltipDelay=setTimeout((function(){n._showTarget(e,t)}),i)):this._showTarget(e,t)}},{key:"_showTarget",value:function(e,t,o){var n=this,r=this.ZG.oDOMTooltip;if(r&&!t.bTooltipOpen){if(this.oCurrentParent&&this._hideTarget(null,this.oCurrentParent,!0),t.tagName.toLowerCase()===a.Z.zgCell.tagName){var i=this.widget.selectorEngineManager.$cell(t),s=t.getAttribute("type")===a.Z.internalColumn.rowgroup,l=i&&i.sGroupRecordIndex;if(s&&!l)return;if(l&&!s)return}this.oCurrentParent=t,t.bTooltipOpen=!0,r._showTarget(e,t.sTooltipContent,t),o||(this.fnUnMouseLeave=r.on("mouseleave",(function(e){return n._hideTarget(e,t)}),this))}}},{key:"_toggleTarget",value:function(e,t){t.bTooltipOpen?this._hideTarget(e,t,!0):this._showTarget(e,t,!0)}},{key:"destroy",value:function(){this.close=null,this.icon=null,this.statusText=null,this.messageTimeout&&(clearTimeout(this.messageTimeout),this.messageTimeout=null)}}])&&c(t.prototype,o),s&&c(t,s),Object.defineProperty(t,"prototype",{writable:!1}),e}()},86814:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>w});var n=o(55040),r=o(37486),i=o(31769),a=o(87822),s=o(84981),l=o(96766),d=o(31655);function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function u(e){return function(e){if(Array.isArray(e))return p(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||f(e)||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 h(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var n,r,i,a,s=[],l=!0,d=!1;try{if(i=(o=o.call(e)).next,0===t){if(Object(o)!==o)return;l=!1}else for(;!(l=(n=i.call(o)).done)&&(s.push(n.value),s.length!==t);l=!0);}catch(e){d=!0,r=e}finally{try{if(!l&&null!=o.return&&(a=o.return(),Object(a)!==a))return}finally{if(d)throw r}}return s}}(e,t)||f(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function f(e,t){if(e){if("string"==typeof e)return p(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?p(e,t):void 0}}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function g(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==c(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===c(i)?i:String(i)),n)}var r,i}function m(){return m="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=y(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},m.apply(this,arguments)}function b(e,t){return b=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},b(e,t)}function v(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=y(e);if(t){var r=y(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function y(e){return y=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},y(e)}const w=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&b(e,t)}(f,e);var t,o,n,c=v(f);function f(e){var t;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,f),(e=e||{})._defaults={},(t=c.call(this,e)).resetGlobals(),t.nInitialWidth=0,t.updating=!1,t.nInitialWindowWidth=document.documentElement.clientWidth,t.resizeTO,t.resizeWindow=function(){t.widget&&t.widget.bAPIReady&&(!t.widget.webcomponent.oDOMDialog||""!==t.widget.webcomponent.oDOMDialog.open&&!0!==t.widget.webcomponent.oDOMDialog.open)&&(window.clearTimeout(t.resizeTO),t.resizeTO=setTimeout((function(){if(t.nInitialWindowWidth!==document.documentElement.clientWidth){t.nInitialWindowWidth=document.documentElement.clientWidth;var e=window.innerWidth-document.documentElement.clientWidth;t.widget.renderTo.style.display="none",t.nSavedResizeWidth=t.widget.webcomponent.clientWidth;var o=window.innerWidth-document.documentElement.clientWidth,n=Math.abs(document.documentElement.clientWidth-t.widget.webcomponent.clientWidth-e);e>0&&0===o&&n<=3&&(t.nSavedResizeWidth-=e),t.widget.renderTo.style.display="",t._removeFixedWrapperWidth(),t.updateResizeWindow()}}),100))};try{window.top.addEventListener("resize",t.resizeWindow,{passive:!0})}catch(e){window.addEventListener("resize",t.resizeWindow,{passive:!0})}return t}return t=f,o=[{key:"update",value:function(e,t,o){var n=this.widget,r=n.webcomponent,i=!1,s=!1;if(void 0===t&&(t=null),void 0===o&&(o=null),!this.widget.webcomponent.bRemoved){if(this.updating||(n.nLoadingImages=0),this.updating=!0,this.sOrientation=window.orientation,this.bIsIframe=window!==window.top,e=e||{},n.bPreloaded&&(this.cleanPreload(),e.bUpdateColumnHeaderAssignment&&(e={bUpdateColumnBodyContainerClass:!0,bUpdateColumnHeaderAssignment:!0,bInitialSizeCheck:!0})),this.oOption=e,!this.nInitialWidth){n.mainGridTable?this.nInitialWidth=n.oDOMScroller.clientWidth:this.nInitialWidth=r._oShadowRoot.querySelector("#scroll").clientWidth,this.nCurrContainerWidth=this.nInitialWidth,this.nIframeParentWidth=Math.min(this.nInitialWidth,document.documentElement.clientWidth);var l=r.getBoundingClientRect().width,d=window.innerWidth;this.nPadding=l?Math.max(d-l,20):0,this.setMainContainerWidth()}if(e.bNoReRenderer||r.oDOMCellOverflow.close(),e.bUpdateRowMappingFilter&&this.updateRowMappingFilter(),e.bUpdateContainer&&(s=this.updateRowContainer()),e.bNoHeaderRecalc||!e.bUpdateColumnHeaderContent&&!e.bUpdateColumnHeaderAssignment||(this.updateHeaderStructure(),this.updateHeaderRowContainer(e.bUpdateFilter)),(e.bUpdateColumnHeaderAssignment||e.bUpdateColumnHeaderContent)&&this.updateHeader(o,!0===e.bUpdateColumnHeaderContent),e.bUpdateColumnFooter&&this.updateFooterRowContainer(),e.bUpdateColumnFooterContent&&this.updateFooterContent(),e.bUpdateColumnFooterAssignment&&this.updateFooterAssignment(),e.bUpdateRowMappingOrder&&(this.updateRowMappingOrder(o),o=null),e.bUpdateBodyContent&&this.updateBodyAssignment(t,o),(e.bUpdateColumnBodyContainerClass||e.bUpdateBodyContent)&&this.updateBodyContainerClass(t,o),e.bUpdateBodyContent&&this.updateCustomCard(t),(e.bUpdateContainer||e.bUpdateHiddenContainer)&&this.updateHiddenColumns(e.bUpdateHiddenContainer),e.bUpdateColumnWidthCache&&this.updateColumnWidthCache(e.bHiddenColumns,e.bExpandColumns,e.bFixedColumns,e.bPreload),e.bUpdateColumnWidth||e.bUpdateHiddenContainer?i=this.updateColumnWidth(null,e.bPreload):e.bUpdateContainer&&this.updateMainFirstPosition(),(e.bUpdateBodyContent||e.bUpdateColumnWidth)&&this.widget.cellBreakManager.setCellBreak(),i||e.bUpdateColumnHeaderContent||e.bUpdateColumnHeaderAssignment||e.bUpdateColumnWidthCache){var c=i||e.bUpdateColumnHeaderContent;e.bNoHeaderRecalc||this.updateHeaderCellContainerClass(c,e.bInitialSizeCheck),this.updateFooterCellContainerClass(c)}e.bUpdateColumnHeaderAssignment&&this.updateHeaderStyle(),e.bUpdateColumnFooterAssignment&&this.updateFooterStyle(),!e.bInitialSizeCheck&&(e.bUpdateColumnWidth||e.bUpdateColumnBodyContainerClass||e.bUpdateBodyContent)&&this.calculateRowHeights();var u=n.bHasFootRow?1:0,h=n.getRowContainerCount()+n.getAllHeaderDepth()+u;if(n.oDOMMainGridTable.setAttribute(a.Z.aria.rowCount,h),n.oDOMMainGridTable.setAttribute(a.Z.aria.colCount,n.aColumnMapping.length),s){var f=e.bInitialSizeCheck;e.bInitialSizeCheck=!1,this.updateRowsPerSet(),e.bNoHeaderRecalc=!0,this.update(e,t,o),e.bInitialSizeCheck=f}e.bInitialSizeCheck?(this.nSavedResizeWidth=this.widget.webcomponent.clientWidth,this._removeFixedWrapperWidth(),this.updateResizeWindow()):r.height&&(r.oDOMMain.style.height=r.oDOMVScroller.getBoundingClientRect().height+"px"),!e.bUpdateColumnWidth||i||e.bInitialSizeCheck||this.bResizing||this.checkHorizontalScroll(!0),this.updating=!1}}},{key:"setMainContainerWidth",value:function(){var e=this.widget,t=e.webcomponent,o=e.mainGridTable.dom,n=this.bIsIframe?this.nIframeParentWidth:this.nInitialWidth;t.getAttribute(a.Z.zgLayout.attr)===a.Z.zgLayout.typeCard||e.nSetWidth||(o.style.width=n+"px",o.setAttribute(a.Z.attr.width,""))}},{key:"checkHorizontalScroll",value:function(e){var t=this.widget;if(t&&t.mainGridTable){var o=t.webcomponent,n=t.mainGridTable.dom,r=o._oShadowRoot.querySelector("#scroll"),i=this.bIsIframe?this.nIframeParentWidth:this.nInitialWidth,s=o.getAttribute(a.Z.zgLayout.attr)===a.Z.zgLayout.typeCard;if(o.clientWidth>=i&&i+0===o.clientWidth&&(i+=0),s)return n.removeAttribute(a.Z.attr.style),void(e||(t.bNeedsRowResize=!0));this.setMainContainerWidth(),r&&(r.style.width<n.style.width||""===n.style.width)&&(r.style.width="")}}},{key:"updateWrapperSize",value:function(){var e=this.widget,t=e.webcomponent,o=e.mainColumnBody.oDOMWrapper,n=this.nSavedResizeWidth||this.getVisibleBodyWidth(),r=o.getBoundingClientRect().width;if(!d.V5){var i=t._oShadowRoot.querySelector("#scroll").getBoundingClientRect().width;i!==n&&(r+=n-i),r=Math.max(r,n)}e.isCardLayout()?this.clearFrameWidths():(e.oHeadWrapper.style.width=n+"px",t.oDOMHead.style.width=r+"px",e.oFootWrapper.style.width=n+"px",t.oDOMFoot.style.width=r+"px")}},{key:"updateFrozenMainSize",value:function(){var e=this.widget,t=e.webcomponent,o=e.mainColumnBody.oDOMWrapper,n=this.nSavedResizeWidth||this.getVisibleBodyWidth(),r=o.getBoundingClientRect().width;if(!d.V5){var i=t._oShadowRoot.querySelector("#scroll").getBoundingClientRect().width;i!==n&&(r+=n-i),r=Math.max(r,n)}e.isCardLayout()?this.clearFrameWidths():(t.oDOMFrozenMainFootFrame.style.width=n+"px",t.oDOMFrozenMainHeadFrame.style.width=n+"px",t.oDOMFrozenMainHead.style.width=r+"px",t.oDOMFrozenMainFoot.style.width=r+"px",t.oDOMNodata&&(t.oDOMNodata.style.width=r+"px"))}},{key:"getVisibleBodyWidth",value:function(){var e=!d.V5,t=this.widget.webcomponent,o=this.widget.el.dom,n=t._oShadowRoot.querySelector("#scroll"),r=null;if(this.widget.nSetWidth){var i=this.widget.nSetWidth;(+i==i||-1!==i.indexOf("px"))&&(r=parseInt(i,10))}return r||(r=e?o.getBoundingClientRect().width-0:n.getBoundingClientRect().width-0),r}},{key:"updateResizeWindow",value:function(e,t){var o=this,n=this.widget,i=n.webcomponent,a=n.mainGridTable.dom,s=!1;if(this.bResizing=!0,!this.nPadding){var l=n.webcomponent.getBoundingClientRect().width,d=window.innerWidth;this.nPadding=Math.max(d-l,20),s=!0}(e||this.bIsIframe&&this.sOrientation!=window.orientation)&&(i.style.display="none",this.clearStyle(),i.style.display=""),(s||n.nSetWidth)&&(i._setScrollWidth(n.nSetWidth,!0),this.nInitialWidth=this.nCurrContainerWidth=a.clientWidth);var c=r.c7.get(this.widget,["viewportManager"]),u=!1;if(!n.nSetWidth){var h=n.mainGridTable.dom;h.clientWidth>this.nInitialWidth&&(u=!0),this.nInitialWidth=this.nSavedResizeWidth||h.clientWidth,this.nIframeParentWidth=Math.min(this.nInitialWidth,document.documentElement.clientWidth),this.nCurrContainerWidth=this.nInitialWidth,this.nSavedResizeWidth=null}!this.updating&&c&&c.run.play?(c.setViewport(s),window.requestAnimationFrame((function(){n.bDisconnect||o.finishResize(u)}))):this.finishResize(u)}},{key:"finishResize",value:function(e){var t=this.widget,o=t.webcomponent;this.checkHorizontalScroll(),this.resizeGrid(e),o.height&&(o.oDOMMain.style.height=o.oDOMVScroller.getBoundingClientRect().height+"px"),t.webcomponent.oDOMCellOverflow.close(),t&&t.recordEditor&&t.recordEditor.cancelOpenEdit(),this.bResizing=!1}},{key:"updateRowMappingFilter",value:function(){(this.widget.bHasFilterEnabled||this.widget.bHasSearchEnabled)&&this.widget.filter.filter()}},{key:"updateRowMappingOrder",value:function(e){var t=this.widget,o=t.aColumnMapping;if(null===e)for(var n=0,r=o.length;n<r;n++)t.sorter.sortRowMappingByColumn(o[n]);else t.sorter.sortRowMappingByColumn(o[e]);t.sorter.unsetActiveSort()}},{key:"updateHeaderRowContainer",value:function(e){var t=this.widget,o=t.mainColumnHeader,n=t.getHeaderContainer(),r=n.childNodes,i=t.getHeaderDepth(),s=r.length-i,l=n.querySelector("zg-filter"),d=n.querySelector('zg-row[type="aggregate"]'),c=n.querySelectorAll('zg-row[type="frozen"]').length,u=t.aTopRowMapping.length,h=l&&!t.bHasFilterEnabled,f=d&&!t.bHasHeadRow;if(l&&s--,d&&s--,s-=c,(l||d||c)&&(e||0!==s||h||f)){l&&(this.removeHeaderRows(),this.widget.aFilters.length=0),d&&this.removeHeaderRows();for(var p=0;p<c;p++)this.removeHeaderRows();l=!1,d=!1,c=0}if(s<0&&(this.widget.aFilters.length=0),this.updateRows(o,s),(i||t.bHeaderRowHide)&&(t.bHasFilterEnabled&&!l&&o.insertRow(!0).forEach((function(e){return e?e.setAttribute(a.Z.attr.type,"filter"):null})),t.bHasHeadRow&&!d&&o.insertRow(!1,!0).forEach((function(e){return e?e.setAttribute(a.Z.attr.type,"aggregate"):null})),u!==c))for(var g=function(e){o.insertRow(!1,!0).forEach((function(t){t&&(t.setAttribute(a.Z.attr.type,"frozen"),t.dataRowIndex=e)}))},m=0;m<u;m++)g(m);t.columnMenu&&!t.bColumnClick&&t.columnMenu.initMenu()}},{key:"updateHeaderStructure",value:function(){var e=this,t=this.widget,o=t.sNestedDataSeparator,n=t.getHeaderDepth(),i=t.bHasFilterEnabled?n:-1,a=t.bHasHeadRow?n:-1;a>-1&&i>-1&&a++;var s=Math.max(i+1,a+1,n),l=t.nTopFrozenRows,d=t.aColumnMapping.map((function(t){return e._setColumnText(t)})),c=d.map((function(e){return r.Sh(e)?[e]:r.Ld._splitHeader(e,o)}));if(c.length){for(var u,h,f,p=[],g=0,m=c.length;g<m;g++){h=c[g].length;for(var b=0,v=n;b<v;b++)u={},f=c[g][b],u.rowspan=b<h-1?1:b===h-1?n-h+1:0,u.text=null!==f?f:p[b-1][g].text,p[b]=p[b]||[],p[b][g]=u;-1!==i&&(p[i]=p[i]||[],p[i][g]={colspan:1,rowspan:1,text:""}),-1!==a&&(p[a]=p[a]||[],p[a][g]={colspan:1,rowspan:1,text:""});for(var y=0;y<l;y++){var w=s+y;p[w]=p[w]||[],p[w][g]={colspan:1,rowspan:1,text:""}}}for(var z,C=1,S="",k=0,x=n;k<x;k++){z=0,S="",C=1;for(var O=0,_=d.length;O<_;O++){f=p[k][O].text,h=c[O].length;var R=t.aColumnMapping[O].bHidden;""!==f&&f===S&&h>1?C++:R||(p[k][z].colspan=C,z=O,S=f,C=1)}p[k][z].colspan=C}this.aaoFieldIndexT=p}}},{key:"updateHeaderCellContainerClass",value:function(e,t){e=e||!1;var o=!1,n=this.widget,r=n.webcomponent;if(n.mainColumnHeader||(o=!0),this.aaoFieldIndexT||o){var i=[];this.oHeaderPositions=[],n.savedScrollVal&&(n.oDOMMainScroll.scrollLeft=0,r.oDOMHead.style.transform="");var a=this.widget.aColumnMapping.length-n.nRightFrozenColumns;if(a<=n.nLeftFrozenColumns-1&&(a=n.nLeftFrozenColumns),this.processHeadRows(0,"Left",i,e),this.processHeadRows(n.nLeftFrozenColumns,"",i,e),this.processHeadRows(a,"Right",i,e),i.length&&(this.oOldHeaderStyles=i),n.savedScrollVal&&!t){var s=n.mainColumnBody.oBody.offsetWidth-n.oDOMMainScroll.offsetWidth;n.oDOMMainScroll.scrollLeft=Math.min(n.savedScrollVal,s),n.updateHeadFootScroll()}}}},{key:"processHeadRows",value:function(e,t,o,n){var r,i,s,l,d,c,u,h=this,f=this.widget,p=this.aaoFieldIndexT,g=f.getRegionsByColumnArea(t),m=g.oHead,b=g.oBody,v=m.childNodes,y=m.getBoundingClientRect(),w=f.aColumnMapping,z=[],C=v.length-1,S=!1,k=0,x=f.getFirstDataRowByArea(g);g.oBody.childNodes[0]||(S=!0),v.forEach((function(t,g){var m=[];k=0;var O,_=f.nDefaultHeadHeight;t.childNodes.forEach((function(o,O){var R=O+e;if(r=x?x.childNodes[O]:o,u=w[R],l=u.oDOMZGColumn||u,p?(i=p[g][R].colspan||0,c=p[g][R].rowspan||0):(i=1,c=1),i>=1&&(o.colSpan=i,!u.bHidden&&o.hasAttribute("hidden")&&(o.removeAttribute(a.Z.attr.style),o.removeAttribute("hidden"))),c>=1&&(o.rowSpan=c),n&&!u.bHidden&&"absolute"===o.style.position&&o.removeAttribute(a.Z.attr.style),"ellipsis"!==f.cellBreakManager.getCellBreakByColumn(O)&&o.setAttribute(a.Z.attr.title,""),(f.webcomponent.align||u.sAlign)&&f.setCellAlignment(o,u.sAlign),o.setAttribute("depth",g+1),s=o.querySelector("[".concat(a.Z.zgCell.cellIndexAttr,"]")),v.length>1)if(s){var E=f.sNestedDataSeparator,M=u.sColumnHeaderText||s.getAttribute(a.Z.zgCell.cellIndexAttr);(d="disabled"!==E&&M.split(E).length>1)&&o.setAttribute(a.Z.attr.parent,"")}else o.setAttribute("not-parent","");o.setAttribute(a.Z.attr.type,u.sCellType);var D,T,A=l.getAttribute(a.Z.attr.type);a.Z.internalColumnTypes.indexOf(A)>-1||"disabled"===l.getAttribute("sort")||d&&"1"===o.getAttribute("depth")||!1===u.fnSorter?(o.setAttribute("sort","disabled"),o.tagName.toLowerCase()===a.Z.zgHeadCell.tagName&&o._removeSort()):o.removeAttribute("sort"),o.tagName.toLowerCase()!==a.Z.zgHeadCell.tagName||o.hasAttribute("not-parent")||(u.oDOMSortHeader=o),D=g>0?z[R]:r.getBoundingClientRect(),z[R]=D,T=h.aSavedHeadCellSize[g]&&h.aSavedHeadCellSize[g][R]?h.aSavedHeadCellSize[g][R]:o.getBoundingClientRect();var I=window.getComputedStyle(r),L=parseInt(I.borderRightWidth,10),Z=parseInt(I.borderLeftWidth,10);I=window.getComputedStyle(f.webcomponent),parseInt(I.borderRightWidth,10),parseInt(I.borderLeftWidth,10),I=window.getComputedStyle(b);var P=parseInt(I.borderRightWidth,10);I=window.getComputedStyle(o);var F=parseInt(I.borderLeftWidth,10),N=parseInt(I.borderRightWidth,10);if(!x||0===D.width&&0===D.height)return h.oOldHeaderStyles?h.oOldHeaderStyles.length>g&&h.oOldHeaderStyles[g].length>R&&(o.style=h.oOldHeaderStyles[g][R]):o.style.width="".concat(u.nCurrWidth,"px"),void(g===C&&(h.oHeaderPositions[R]={width:o.style.width,left:o.style.left}));var B=S?parseInt(l.style.width,10):D.width,G=S?k:D.left-y.left;k+=B;for(var H=O+1,j=x?x.childNodes.length:0,U=i;H<j&&U>1;H++,U--)B+=x.childNodes[H].getBoundingClientRect().width;if(0===R?(B+=Z/2+N/2,G-=Z/2):(G-=F,B+=F,N?G+=N/2:(G+=F/2,B-=F/2)),R+i>j-1&&i>0&&(B+=L/2-N/2,B-=P),0===i&&(B=0,o.setAttribute("hidden","")),o.nLeftPos=G,x){var W=T.height;o.style.left="".concat(G,"px"),o.style.width="".concat(B,"px"),"frozen"===t.getAttribute(a.Z.attr.type)?(o.style.position="absolute",W=o.getBoundingClientRect().height):f.bCompact||(o.style.lineHeight="".concat(T.height*c,"px")),W=_=Math.max(_,W),o.style.height="".concat(W*c,"px"),o.style.position="absolute",m.push(o.getAttribute(a.Z.attr.style)),_>f.nDefaultHeadHeight&&(t.style.height=_+"px"),g===C&&(h.oHeaderPositions[R]={width:B,left:G}),o.tagName.toLowerCase()===a.Z.zgHeadCell.tagName&&0!==B&&(u.nFullHeaderWidth&&B<u.nFullHeaderWidth?o.setAttribute(a.Z.zgHeadCell.isContentLongerAttr,""):o.removeAttribute(a.Z.zgHeadCell.isContentLongerAttr))}})),m.length&&(o[g]?(O=o[g]).push.apply(O,m):o[g]=m)}))}},{key:"updateHeader",value:function(e,t){var o=this,n=this.widget,r=n.aColumnMapping,i=n.mainColumnHeader,a=this.aaoFieldIndexT,s=function(e,n){var r,i;r=a[e][n].colspan||0,i=a[e][n].rowspan||0,0!==r&&0!==i&&o.updateHeaderCellAssignment(e,n,t)};if(r.length){var l=i.oHead.childNodes;if(l.length)for(var d=0,c=l.length;d<c;d++)if(e)s(d,e);else for(var u=0,h=r.length;u<h;u++)s(d,u)}}},{key:"updateHeaderStyle",value:function(){this._updateHeader(this.updateHeaderCellStyle,!1)}},{key:"_updateHeader",value:function(e,t){var o=this.widget.aColumnMapping,n=this.widget.mainColumnHeader;if(o.length)for(var r=0,i=n.oHead.childNodes.length;r<i;r++)for(var s=0,l=o.length;s<l;s++){var d=o[s].sCellType;t&&!o[s].sFieldIndex&&d!==a.Z.cellTypes.aggregate||e.call(this,r,s)}}},{key:"updateHeaderCellStyle",value:function(e,t){var o,n=this.widget,i=n.webcomponent,s=n.aColumnMapping[t],l=s.sColumnId,d="".concat(l,"+").concat(e),c=n.oZGHeadCellMap[d],u=n.aColumnMapping[t];if(c&&c.parentNode)o=c.parentNode;else{var h=n.getHeaderByColumnIndex(t),f=n.getAdjustedColumnIndex(t),p=h.querySelectorAll("zg-row"),g=e;p.length>g&&(o=p[g].childNodes[f])}if(o){o.setAttribute(a.Z.zgCell.cellIndexAttr,s.sFieldIndex),o.className="";var m=r.XU(i.fnHeadClass,i.headClass,[u.sFieldIndex,o,u]);m&&o.classList.add(m);var b=r.XU(i.fnColClass,i.colClass,[u.sFieldIndex,o,u]);b&&o.classList.add(b),o.sCellClass&&(o.sCellClass.split(" ").forEach((function(e){return o.classList.add(e)})),o.sCellClass=null)}}},{key:"updateHeaderCellAssignment",value:function(e,t,o){var n=this.widget,r=n.aColumnMapping[t],i=r.sColumnId,s="".concat(i,"+").concat(e),l=n.oZGHeadCellMap[s];!o&&l&&l.parentNode&&!l.parentNode.bRemoved||(l=this.updateHeaderCellContent(e,t)),l&&l.setAttribute(a.Z.zgCell.cellIndexAttr,r.sFieldIndex)}},{key:"updateHeaderCellContent",value:function(e,t){var o,n=this.widget,i=(n.store,this.aaoFieldIndexT),s=n.aColumnMapping,d=s[t].sColumnId+"+"+e,c=s[t],u=n.getHeaderByColumnIndex(t),h=n.getAdjustedColumnIndex(t),f=u.childNodes[e],p=f.childNodes[h],g=n.oZGHeadCellMap[d]||p.querySelector("div");if("zg-filter"===p.tagName.toLowerCase())return!1;if(g&&g.parentNode&&g.parentNode.bRemoved&&(g=null),n.bPreloaded)return c.sCellType===a.Z.internalColumn.recordselector&&c.fnRenderer.method.apply(c,[null,g]),g;if(g||(g=document.createElement("div"),p.appendChild(g)),c.bHidden&&p.setAttribute(a.Z.attr.hidden,""),"aggregate"===f.getAttribute("type")){var m=c.sHeadCell,b=c.fnHeadCell;m&&!b&&(b=c.fnColHeadCell=l.Z.setUserFunction(null,m)),o=n.aggregateManager.calculateAggregateColumn(m,b,c.sFieldIndex,c,t)}else o=i[e][t].text;if(c.sCellType===a.Z.internalColumn.recordselector){var v=c.fnRenderer.method.apply(c);n.webcomponent._setSelectorCheckbox(v)}return r.Sh(o)?(g.innerHTML="",g.appendChild(o)):g.innerHTML="<span>".concat(o,"</span>"),n.oZGHeadCellMap[d]=g,g.setAttribute(a.Z.zgCell.cellIndexAttr,s[t].sFieldIndex),p.setAttribute(a.Z.zgCell.cellIndexAttr,s[t].sFieldIndex),p.tagName.toLowerCase()===a.Z.zgHeadCell.tagName&&c.nHeaderDepth===e+1&&p._setHeaderTooltip(),g}},{key:"updateFooterRowContainer",value:function(){var e=this.widget,t=e.mainColumnFooter,o=t.oFoot.childNodes,n=e.bHasFootRow?1:0,r=o.length-n,i=t.oFoot.querySelectorAll('zg-row[type="frozen"]').length,s=e.aBottomRowMapping.length-i;if(r-=i,s>0)for(var l=0;l<s;l++)t.insertRow(!1).forEach((function(e){return e?e.setAttribute(a.Z.attr.type,"frozen"):null}));else s<0&&(r+=s);this.updateRows(t,r)}},{key:"updateFooterAssignment",value:function(){this._updateFooter(this.updateFooterCellAssignment,!1)}},{key:"updateFooterContent",value:function(){this._updateFooter(this.updateFooterCellContent,!0)}},{key:"updateFooterStyle",value:function(){this._updateFooter(this.updateFooterCellStyle,!1)}},{key:"_updateFooter",value:function(e,t){var o=this.widget.aColumnMapping,n=this.widget.mainColumnFooter;if(o.length){var r=n.oFoot.childNodes;if(r.length)for(var i=0,s=r.length;i<s;i++)for(var l=0,d=o.length;l<d;l++){var c=o[l].sCellType;t&&!o[l].sFieldIndex&&c!==a.Z.cellTypes.aggregate||e.call(this,i,l)}}}},{key:"updateFooterCellStyle",value:function(e,t){var o=this.widget,n=o.webcomponent,i=o.aColumnMapping[t],a=i.sColumnId,s="".concat(a,"+").concat(e),l=o.oZGFootCellMap[s];if(l){var d=l.parentNode;if(!d){var c=o.getFooterByColumnIndex(t),u=o.getAdjustedColumnIndex(t),h=c.querySelectorAll('zg-row[type="frozen"]');h.length>e&&(d=h[e].childNodes[u])}if(d){d.className="";var f=r.XU(n.fnFootClass,n.footClass,[i.sFieldIndex,d,i]);f&&d.classList.add(f);var p=r.XU(n.fnColClass,n.colClass,[i.sFieldIndex,d,i]);p&&d.classList.add(p)}d.sCellClass&&(d.sCellClass.split(" ").forEach((function(e){return d.classList.add(e)})),d.sCellClass=null)}}},{key:"updateFooterCellAssignment",value:function(e,t){var o=this.widget,n=o.aColumnMapping[t],r=n.sColumnId,i="".concat(r,"+").concat(e),s=o.oZGFootCellMap[i],l=n.sFieldIndex;s||(s=this.updateFooterCellContent(e,t)),s&&s.setAttribute(a.Z.zgCell.cellIndexAttr,l)}},{key:"updateFooterCellContent",value:function(e,t){var o,n=this.widget,i=n.aColumnMapping,s=i[t],d=s.sColumnId+"+"+e,c=n.getFooterByColumnIndex(t),u=n.getAdjustedColumnIndex(t),h=s.sFootCell,f=s.fnFootCell,p=c.childNodes[e],g=p.childNodes[u],m=n.oZGFootCellMap[d]||g.querySelector("div");return"frozen"===p.getAttribute(a.Z.attr.type)?o="":(h&&!f&&(f=s.fnColFootCell=l.Z.setUserFunction(null,h)),o=n.aggregateManager.calculateAggregateColumn(h,f,s.sFieldIndex,s,t)),m||(m=document.createElement("div"),g.appendChild(m)),r.Sh(o)?(m.innerHTML="",m.appendChild(o)):m.innerHTML=o,n.oZGFootCellMap[d]=m,m.setAttribute(a.Z.zgCell.cellIndexAttr,i[t].sFieldIndex),m}},{key:"updateFooterCellContainerClass",value:function(e){e=e||!1;var t=!1,o=this.widget,n=o.webcomponent;if((o.bHasFootRow||o.nBottomFrozenRows)&&(o.mainColumnFooter?(o.mainColumnFooter.oFoot,o.leftColumnFooter.oFoot,o.rightColumnFooter.oFoot,o.mainColumnBody.oBody,o.leftColumnBody.oBody,o.rightColumnBody.oBody):(n.querySelector("zg-head#mainhead"),n.querySelector("zg-head#lefthead"),n.querySelector("zg-head#righthead"),n.querySelector("zg-body#mainbody"),n.querySelector("zg-body#leftbody"),n.querySelector("zg-body#rightbody"),t=!0),this.aaoFieldIndexT||t)){var r=[],i=this.widget.aColumnMapping.length-o.nRightFrozenColumns;this.processFootRows(0,"Left",r,e),this.processFootRows(o.nLeftFrozenColumns,"",r,e),this.processFootRows(i,"Right",r,e),r.length&&(this.oOldFooterStyles=r)}}},{key:"processFootRows",value:function(e,t,o,n){var r,i,s=this,l=this.widget.aColumnMapping,d=[],c=this.widget,u=c.getRegionsByColumnArea(t),f=u.oFoot,p=f.childNodes,g=c.getFirstDataRowByArea(u);p.forEach((function(t,o){d[o]=[];var u=c.nDefaultHeadHeight;t.childNodes.forEach((function(p,m){var b=m+e;i=g?g.childNodes[m]:p,r=l[b];var v=c.getAreaByColumnIndex(b);n&&!r.bHidden&&"absolute"===p.style.position&&p.removeAttribute(a.Z.attr.style),(c.webcomponent.align||r.sAlign)&&c.setCellAlignment(p,r.sAlign),"main"===v&&0===m&&r.oDOMSortHeader&&r.oDOMSortHeader.style.borderLeft&&(p.style.borderLeft=r.oDOMSortHeader.style.borderLeft),d[o][b]=[i.getBoundingClientRect(),p.getBoundingClientRect(),f.getBoundingClientRect()];var y=h(d[o][b],3),w=y[0],z=y[1],C=y[2];if(0!==w.width||0!==w.height){var S=w.width,k=w.left-C.left;if(s.oHeaderPositions&&s.oHeaderPositions[b]&&(S=s.oHeaderPositions[b].width,k=s.oHeaderPositions[b].left),g&&S){var x=z.height;p.style.left="".concat(k,"px"),p.style.position="absolute",p.style.width="".concat(S,"px"),"frozen"===t.getAttribute(a.Z.attr.type)?(x=p.getBoundingClientRect().height,x=u=Math.max(u,x)):c.bCompact||(p.style.lineHeight="".concat(z.height,"px")),p.style.height="".concat(x,"px"),u>c.nDefaultHeadHeight&&(t.style.height=u+"px")}}else s.oOldHeaderStyles?s.oOldHeaderStyles.length>o&&s.oOldHeaderStyles[o].length>b&&(p.style=s.oOldHeaderStyles[o][b]):s.oHeaderPositions&&s.oHeaderPositions[b]&&(p.style.width=s.oHeaderPositions[b].width,p.style.left=s.oHeaderPositions[b].left)}))}))}},{key:"removeAllHeaderRows",value:function(){var e=this.widget,t=this.widget.mainColumnHeader,o=e.leftColumnHeader,n=e.rightColumnHeader;this.updateRows(o,o.oHead.childNodes.length),this.updateRows(t,t.oHead.childNodes.length),this.updateRows(n,n.oHead.childNodes.length)}},{key:"removeAllFooterRows",value:function(){var e=this.widget,t=this.widget.mainColumnFooter,o=e.leftColumnFooter,n=e.rightColumnFooter;this.updateRows(o,o.oFoot.childNodes.length),this.updateRows(t,t.oFoot.childNodes.length),this.updateRows(n,n.oFoot.childNodes.length)}},{key:"removeHeaderRows",value:function(){var e=this.widget;e.mainColumnHeader.removeRow(),e.leftColumnHeader.removeRow(),e.rightColumnHeader.removeRow()}},{key:"updateRows",value:function(e,t){if(t>0)for(var o=0;o<t;o++)e.removeRow();else t<0&&(t=-t,e.insertRows(t))}},{key:"cleanPreload",value:function(){if(this.widget.webcomponent){for(var e=this.widget.getAllBodies(),t=this.widget.getAllHeads(),o=0;o<e.length;o++)this.removeNonElements(e[o]);for(var n=0;n<t.length;n++)this.removeNonElements(t[n])}}},{key:"removeNonElements",value:function(e,t){var o=this,n=0,r=this.widget;e.childNodes&&u(e.childNodes).forEach((function(t){if(1!==t.nodeType)e.removeChild(t);else{var i=t.tagName.toLowerCase();"zg-row"===i?t.rowIndex=n++:"zg-cell"===i&&(t.cellIndex=n++),t.widget=r,"div"!==i&&o.removeNonElements(t)}}))}},{key:"clearFrameWidths",value:function(){var e=this.widget.webcomponent;e.oDOMFrozenMainFootFrame.style.width="",e.oDOMFrozenMainHeadFrame.style.width="",e.oDOMFrozenMainHead.style.width="",e.oDOMFrozenMainFoot.style.width=""}},{key:"clearStyle",value:function(e){var t=this.widget;if(t.webcomponent,t.mainColumnHeader){var o=this.widget.mainColumnHeader.oColGroup,n=t.mainGridTable.dom,r=t.webcomponent._oShadowRoot.querySelector("#scroll"),i=o.getElementsByTagName(a.Z.zgColumn.tagName),s=t.getHeadRows(),l=t.getFootRows();n.style.width="",r.style.width="",t.updateHeadFootScroll(!0),this.clearFrameWidths(),s.forEach((function(e,t){e.childNodes.forEach((function(e,t){e.removeAttribute(a.Z.attr.style)}))})),l.forEach((function(e){e.childNodes.forEach((function(e){e.removeAttribute(a.Z.attr.style)}))}));for(var d=0;d<i.length;d++)i[d].removeAttribute(a.Z.attr.style),e&&(i[d].removeAttribute("min-calculated-width"),i[d].removeAttribute("min-calculated-header-width"));this.nIframeParentWidth=this.nInitialWidth=this.nCurrContainerWidth=0;var c=t.aColumnMapping;(t.aRowMapping.length>0||0===c.length)&&(this.oOldHeaderStyles=[],this.oHeaderPositions=[])}}},{key:"clearCache",value:function(){var e=this.widget,t=e.mainColumnBody,o=e.leftColumnBody,n=e.leftColumnHeader,r=e.leftColumnFooter,i=e.rightColumnBody,a=e.rightColumnHeader,s=e.rightColumnFooter,l=e.mainColumnHeader,d=e.mainColumnFooter;e.oZGCellMap={},e.oZGHeadCellMap={},e.oZGFootCellMap={},this.updateRows(n,n.oHead.childNodes.length),this.updateRows(o,o.oBody.childNodes.length),this.updateRows(r,r.oFoot.childNodes.length),this.updateRows(t,t.oBody.childNodes.length),this.updateRows(l,l.oHead.childNodes.length),this.updateRows(d,d.oFoot.childNodes.length),this.updateRows(a,a.oHead.childNodes.length),this.updateRows(i,i.oBody.childNodes.length),this.updateRows(s,s.oFoot.childNodes.length)}},{key:"resizeGrid",value:function(e){var t=this,o=this.widget;if(o&&this.widget.mainGridTable){var n=o.webcomponent;if(e=!1,!o.nSetWidth){var r=o.oDOMScroller;r.clientWidth>this.nInitialWidth&&(e=!0),this.nInitialWidth=this.nSavedResizeWidth||r.clientWidth,this.nIframeParentWidth=Math.min(this.nInitialWidth,document.documentElement.clientWidth),this.nCurrContainerWidth=this.nInitialWidth,this.nSavedResizeWidth=null}this.update({bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bHiddenColumns:!0,bExpandColumns:e}),o.selector.bHasSelection&&o.selector.se.select(),o.recordEditor&&o.recordEditor.onResize(),n.oDOMControlBar&&n.oDOMControlBar.checkMessageSize(),o.isCardLayout()&&requestAnimationFrame((function(){o.bDisconnect||t.calculateCardsPerRow()}))}}},{key:"calculateCardsPerRow",value:function(){var e=this.widget,t=e.mainColumnBody.oBody.childNodes,o=t.length,n=null,r=0;for(r=0;r<o;r++){var i=t[r].getBoundingClientRect().y;if(null===n&&(n=i),i!==n)break}e.setCardsPerRow(r)}},{key:"_updateGrid",value:function(e,t,o){if(e>0)for(var n=0;n<e;n++)t();else if(e<0){e=-e;for(var r=0;r<e;r++)o()}}},{key:"updateRowsPerSet",value:function(){var e=this.widget,t=e.mainColumnBody.oBody.childNodes;if(0===t.length)e.bStaticScroll=!1;else{var o=t[0].getBoundingClientRect(),n=o.height,r=i.Z.get(e.oDOMScroller),s=r.getHeight(),l=1;if(e.webcomponent.getAttribute(a.Z.zgLayout.attr)===a.Z.zgLayout.typeCard){var d=r.getWidth(),c=o.width;l=Math.floor(d/c)}var u=Math.ceil(s/n)*l;e.nRowsPerSet=3*u}}},{key:"updateRowContainer",value:function(){var e=this.widget,t=e.mainColumnBody,o=t.oBody.childNodes,n=o.length,r=!1,i=e.getRowContainerCount(),a=e.webcomponent,s=n-i;0===s&&i&&void 0===o[0].rowIndex&&o.forEach((function(e,t){return e.setBodyIndexes(t)})),s<0&&e.bStaticScroll&&-1===e.nRowsPerSet&&(s=-1,r=!0),s<0&&(this.updateRows(t,s),n=o.length);for(var l=0;l<n;l++)this._updateRowVisibility(l,i);return a.height&&(a.oDOMMain.style.height=a.oDOMVScroller.getBoundingClientRect().height+"px"),r}},{key:"_updateRowVisibility",value:function(e,t){var o=this.widget,n=o.mainColumnBody.oBody.childNodes,r=o.leftColumnBody.oBody,i=o.rightColumnBody.oBody,s=[n[e]];r.childNodes&&r.childNodes.length>e&&s.push(r.childNodes[e]),i.childNodes&&i.childNodes.length&&s.push(i.childNodes[e]),e<t?s.forEach((function(e){return e.removeAttribute(a.Z.attr.hidden)})):s.forEach((function(e){return e.setAttribute(a.Z.attr.hidden,"")}))}},{key:"_updateBody",value:function(e,t,o){var n=this,r=this.widget,i=r.aColumnMapping,s=r.getMainBodyRows(),l=s.length,d=i.length,c=function(e){for(var t=0;t<l;t++)s[t].hasAttribute("hidden")||(o.call(n,t,e),h(t))};function h(e){var t=r.getDataRowsByRow(e);if(t&&0!==t.length){for(var o=[],n=0;n<t.length;n++)o.push.apply(o,u(Array.from(t[n].children)));var i=r.getByTagName(o,a.Z.zgCell.tagName),s=[],l=u(i).filter((function(e){return e.hasAttribute(a.Z.attr.control)}));l.forEach((function(e){return s.push(e.getAttribute(a.Z.attr.type))})),l.forEach((function(e){return e.setAttribute(a.Z.attr.control,s.join(","))}))}}if(null===t)for(var f=0;f<d;f++)null===e?c(f):o.call(this,e,f);else c(t)}},{key:"updateBodyContainerClass",value:function(e,t){this.widget.webcomponent._setGridClasses(!0),this._updateBody(null,t,this.updateCellContainerClass),this._updateBody(e,0,this.updateRowContainerClass)}},{key:"updateBodyAssignment",value:function(e,t){this._updateBody(null,t,this.updateCellAssignment)}},{key:"updateCustomCard",value:function(e){var t=this,o=this.widget,n=o.mainColumnBody.oBody.childNodes;o.hasCardTemplate()&&(null!=e?this.processCardTemplate(n[e]):n&&u(n).forEach((function(e){return t.processCardTemplate(e)})))}},{key:"processCardTemplate",value:function(e){if(!e.hasAttribute("hidden")){var t=this.widget,o=t.store,n=e.bodyRowIndex,i=e.querySelector("zg-card");i||(i=e.appendChild(document.createElement(a.Z.zgCard.tagName)));for(var s=t.getRecordIndexByDataRowContainerIndex(n),d=o.get(s).oRecordRawData,c=t.oCard?t.oCard.renderer:null,u=t.selectorEngineManager.$row(n),h={record:d};i.lastChild;)i.removeChild(i.lastChild);if(t.oCardTemplate?o.populateTemplate(t.oCardTemplate,i,h):t.oCardBody&&o.populateTemplate(t.oCardBody,i,h),c){var f=(c=l.Z.setUserFunction(null,c)).method.apply(c.scope,[d,i,u])||"";r.Sh(f)?i.appendChild(f):f.length&&(i.innerHTML=f)}}}},{key:"updateRowContainerClass",value:function(e){var t=this.widget,o=t.webcomponent,n=t.getFrozenRowState(e),r=t.getContainerRowIndexByDataRowIndex(e),i="",s=!e&&t.needRemoveBorder();"top"===n||"bottom"===n?(r=void 0,i=o.frozenRowClass||""):n="main";var l=t.getDataRowsByRow(e);if(l&&0!==l.length){var d=o.rowClass||"",c=t.aZebraClasses,u="";c.length&&(u=c[e%c.length]);var h=t.selectorEngineManager.$row(e),f=null;if(h&&(f=h.sTargetRecordIndex),o.fnRowClass&&"function"==typeof o.fnRowClass.method||o.fnFrozenRowClass&&"function"==typeof o.fnFrozenRowClass.method){var p=t.store.get(f).oRecordRawData;if(o.fnRowClass&&"function"==typeof o.fnRowClass.method){var g=o.fnRowClass.scope||h;d=o.fnRowClass.method.apply(g,[p,e+1,l[0],h,n,r+1])}if(o.fnFrozenRowClass&&"function"==typeof o.fnFrozenRowClass.method){var m=o.fnFrozenRowClass.scope||h;i=o.fnFrozenRowClass.method.apply(m,[p,e+1,l[0],h,n])}}var b="";t.batchEditor.isActive()&&t.dirtyManager.isDirty(f)&&(b=t.dirtyManager.getDirtyClass(f)),(d="".concat(i," ").concat(u," ").concat(b," ").concat(d).trim())&&d.split(" ").forEach((function(e){l.forEach((function(t){return t.classList.add(e)}))})),s?l.forEach((function(e){return e.setAttribute(a.Z.attr.internaltop,"")})):e||l.forEach((function(e){return e.removeAttribute(a.Z.attr.internaltop)}))}}},{key:"updateCellContainerClass",value:function(e,t){var o=this.widget,n=o.store,i=o.getBodyByColumnIndex(t),s=o.getAdjustedColumnIndex(t),l=o.getRow(e,t).childNodes[s],d=l.querySelector("div");if(l){var c,u=o.selectorEngineManager.$cell(e,t),h=u.sCellType,f=u.sTargetFieldIndex,p=u.sTargetRecordIndex,g=u.sGroupRecordIndex,m=h===a.Z.internalColumn.rowgroup;if("bottom"===o.getFrozenRowState(e)){var b=o.aBottomRowMapping,v=o.getContainerRowIndexByDataRowIndex(e);p=u.sTargetRecordIndex=b[v].sRecordIndex}var y=o.aColumnMapping[t],w=y.oDOMZGColumn;t!==l.cellIndex&&(l.cellIndex=t,l.setAttribute("aria-colindex",t+1)),w.title&&l.setAttribute(a.Z.attr.title,w.title),l.setAttribute(a.Z.zgCell.cellIndexAttr,f),d&&d.setAttribute(a.Z.zgCell.cellIndexAttr,f),l.setAttribute(a.Z.attr.type,h),-1!==a.Z.internalColumnTypes.indexOf(h)&&(l.setAttribute(a.Z.attr.control,""),l.setAttribute(a.Z.attr.buttonTooltip,""),o.bPreloaded&&h===a.Z.internalColumn.recordselector&&y.fnRenderer.method.apply(y,[null,l,u])),h!==a.Z.cellTypes.custom&&h!==a.Z.cellTypes.button||l.querySelector("zg-button")&&l.setAttribute(a.Z.attr.buttonTooltip,""),i!==o.mainColumnBody.oBody?l.setAttribute(a.Z.attr.frozen,""):l.removeAttribute(a.Z.attr.frozen),l._setTooltip(h===a.Z.internalColumn.recordinfo,y,u),o.setCellLabel({oDOMCellContainer:l,$cell:u}),c=g?m?[n.get(p,f,g)]:[""]:f.trim().split(",").map((function(e){return o.store.get(p,e.trim(),g)})),(r.Uh(y.sArraySlice)||r.Uh(y.sArrayIndex))&&(c=o.store.getArrayData(c,y)),l.setAttribute("value",c.toString()),this.updateCellClass(c,l,y,u),(o.webcomponent.align||y.sAlign)&&o.setCellAlignment(l,y.sAlign),!g&&o.batchEditor.isActive()&&o.dirtyManager.isDirty(p,f)?l.classList.add(a.Z.batchEdit.dirtyClass):l.classList.remove(a.Z.batchEdit.dirtyClass)}}},{key:"updateCellAssignment",value:function(e,t){var o=this.widget,n=o.getAdjustedColumnIndex(t),r=o.getRow(e,t).childNodes[n],i=r._oShadowRoot.querySelector("slot");if(r){var s=o.selectorEngineManager.$cell(e,t),l=s.sTargetFieldIndex;0===n&&(this.clearAttributes([r.parentNode]),r.parentNode.style.height=""),this.clearAttributes([r]);var d=i.assignedNodes();!o.bPreloaded&&d.length&&d.forEach((function(e){1===e.nodeType&&e.parentNode.removeChild(e)})),window.ShadyDOM&&window.ShadyDOM.flush();var c=s.sCellType;if(l||-1!==a.Z.noDataColumnTypes.indexOf(c)||-1!==a.Z.internalColumnTypes.indexOf(c)){var u=this.updateCellContent(e,t);u.parentNode&&!this.widget.bReordering||r.appendChild(u),u.parentNode.parentNode!==i.parentNode.host.parentNode&&(u.parentNode.removeChild(u),r.appendChild(u))}}}},{key:"updateCellClass",value:function(e,t,o,n){var i=this.widget,s=i.webcomponent,l=o.sCellType,d=t.parentNode&&"frozen"===t.parentNode.getAttribute(a.Z.attr.type);if(d?t.setAttribute("frozen-row",""):t.removeAttribute("frozen-row"),!i.isCardLayout()||-1===a.Z.internalColumnTypes.indexOf(l)){var c=r.XU(s.fnCellClass,s.cellClass,[].concat(u(e),[t,n]));c=r.XU(o.fnCellClass,o.sCellClass,[].concat(u(e),[t,n]))||c;var h=r.XU(s.fnColClass,s.colClass,[o.sFieldIndex,t,o]);if(h&&(c=null===c?h:"".concat(c," ").concat(h)),c&&c.split(" ").forEach((function(e){return t.classList.add(e)})),d&&(t.sCellClass=c),c){var f="",p=n.sTargetRecordIndex;i.batchEditor.isActive()&&i.dirtyManager.isDirty(p)&&(f=i.dirtyManager.getDirtyClass(p))&&t.classList.add(f)}}}},{key:"clearAttributes",value:function(e){var t=!1,o=["action","role","value","data-field-index","hidden","text"];return e.forEach((function(e){for(var n=0;n<e.attributes.length;n++){var r=e.attributes[n];o.indexOf(r)<0&&(e.removeAttribute(r),t=!0)}e.removeAttribute(a.Z.attr.class)})),t}},{key:"updateCellContent",value:function(e,t){var o=this.widget,n=o.store,d=o.getAdjustedColumnIndex(t),c=o.getRow(e,t).childNodes[d];if(c){var u=o.selectorEngineManager.$cell(e,t),h=u.fnRenderer,f=u.sTargetFieldIndex,p=u.sTargetRecordIndex,g=u.sColumnId,m=u.sGroupRecordIndex,b=!!m,v=o.aColumnMapping[t],y=v.oDOMZGColumn,w=u.sCellType,z=w===a.Z.internalColumn.rowgroup,C=b&&!z&&v.sGroupHeadCell;if("bottom"===o.getFrozenRowState(e)){var S=o.aBottomRowMapping,k=o.getContainerRowIndexByDataRowIndex(e);p=u.sTargetRecordIndex=S[k].sRecordIndex}!h&&y.renderer&&(h=v.fnRenderer=l.Z.setUserFunction(null,y.renderer)),b&&!u.fnFroupRenderer&&y.renderer&&(v.fnGroupRenderer=l.Z.setUserFunction(null,y.renderer)),!u.fnAggregateRenderer&&y.renderer&&w===a.Z.cellTypes.aggregate&&(v.fnAggregateRenderer=l.Z.setUserFunction(null,y.renderer));var x,O=!!f,_=f.split(",");x=b?z?[n.get(p,_[0].trim(),m)]:[""]:_.map((function(e){var t=n.get(p,e.trim());return null!=t&&(O=!1),t})),c.setAttribute("value",x.toString()),c.setAttribute(a.Z.attr.type,w),window.ShadyDOM&&window.ShadyDOM.flush();var R,E=(b?m:p)+"+"+g;if(v.aUserSet.fnRenderer&&!this.oOption.bNoReRenderer||(R=o.oZGCellMap[E]),!R&&o.bPreloaded&&(R=c.querySelector("div")),!R){for(;c.lastChild;)c.removeChild(c.lastChild);R=document.createElement("div"),c.appendChild(R),!v.fnDetailsRenderer&&y.detailsRenderer&&(v.fnDetailsRenderer=l.Z.setUserFunction(null,y.detailsRenderer)),(v.oDOMDetailsTemplate||v.fnDetailsRenderer)&&(i.Z.get(R).on("click",(function(e){o.detailsManager.openCellDetails(u)})),w!==a.Z.internalColumn.rowgroup&&R.setAttribute(a.Z.template.detailsAttr,""))}if(o.bPreloaded&&-1===a.Z.internalColumnTypes.indexOf(w)||b&&!z&&!C||z&&!b)for(;R.lastChild;)R.removeChild(R.lastChild);else{for(;R.lastChild;)R.removeChild(R.lastChild);if(h){(r.Uh(v.sArraySlice)||r.Uh(v.sArrayIndex))&&(x=n.getArrayData(x,v)),x.push(c),x.push(u),w===a.Z.cellTypes.toggle&&(h={method:s.Z.getCellType(w).renderer,scope:null});var M=!b&&(void 0!==v.sDefaultDisplay&&"disabled"!==v.sDefaultDisplay||void 0!==o.sDefaultDisplay&&null!==o.sDefaultDisplay),D=!1;if(z||O&&M||(v.oDOMRenderTemplate?(D=!0,n.processTemplate(v.oDOMRenderTemplate,R,u)):v.body&&(D=!0,n.processTemplate(v.body,R,u))),O&&(!D||M)||v.aUserSet.fnRenderer||C||!v.body&&!v.oDOMRenderTemplate){var T;if(C){var A=v.sGroupHeadCell,I=v.fnGroupHeadCell;A&&!I&&(v.fnGroupHeadCell=l.Z.setUserFunction(null,A),I=v.fnGroupHeadCell),T=o.aggregateManager.calculateAggregateColumn(A,I,v.sFieldIndex,v,t,m,u)}else if(O&&M)T=v.sDefaultDisplay||o.sDefaultDisplay;else{var L=h.scope||u;T=h.method.apply(L,x)}r.Sh(T)?R.appendChild(T):r.Uh(T)&&(R.innerHTML=T),this.listenImagesFrames(R)}}}return-1!==a.Z.internalColumnTypes.indexOf(w)||n.oDataFormat.bLoadByPages||(o.oZGCellMap[E]=R),R}}},{key:"listenImagesFrames",value:function(e){var t=this,o=this.widget;e.querySelectorAll("img, iframe").forEach((function(e){o.nLoadingImages++,e.onload=function(){o.bDisconnect||(o.nLoadingImages--,0===o.nLoadingImages&&(t.updating||t.update({bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0})))}}))}},{key:"getTableFitHeaderWidth",value:function(e){var t,o=this.widget,n=o.getAdjustedColumnIndex(e);if(o.bHeaderRowHide)return 0;t=o.mainColumnHeader?o.getHeaderByColumnIndex(e):o.webcomponent.getElementsByTagName("zg-head")[0];var r=(o.aColumnMapping||o.webcomponent.getElementsByTagName(a.Z.zgColumn.tagName))[e],i=r.nHeaderDepth-1||0,s=this.widget.bHasSorterEnabled&&"disabled"!==r.oDOMZGColumn.getAttribute("sort"),l=t?t._getDOMByTagName("zg-row",i).childNodes:[],d=t?t.querySelector('zg-row[type="aggregate"]'):null;if(window.ShadyDOM&&window.ShadyDOM.flush(),null!==e&&l.length){var c=l[n];if(c.colSpan>1)return 0;var u=1;s&&null===c.querySelector("zg-icon svg")&&(u+=24),r.mWidth===a.Z.zgCell.actionCellKey&&c.setAttribute(a.Z.attr.type,r.oDOMZGColumn.getAttribute(a.Z.attr.type));var h=c.getBoundingClientRect(),f=0;if(r.sHeadCell&&d){var p=d.childNodes[n],g=p.querySelector("span");if(g){var m=g.getBoundingClientRect(),b=window.getComputedStyle(p);f=m.width+parseInt(b.paddingLeft,10)+parseInt(b.paddingRight,10)}}this.aSavedHeadCellSize[i]||(this.aSavedHeadCellSize[i]=[]),this.aSavedHeadCellSize[i][e]=h;var v=h.width+u+1;return Math.max(v,f)}return 0}},{key:"getTableFitFooterWidth",value:function(e){var t,o=this.widget,n=(o.aColumnMapping||o.webcomponent.getElementsByTagName(a.Z.zgColumn.tagName))[e],r=o.getAdjustedColumnIndex(e);if(!(t=o.mainColumnFooter?o.getFooterByColumnIndex(e):o.webcomponent.getElementsByTagName("zg-foot")[0]))return 0;var i=t.querySelector("zg-row"),s=i?i.childNodes:[],l=t?t.querySelector('zg-row[type="aggregate"]'):null;if(!s||!s.length||null===e)return 0;var d=0;if(n.sFootCell&&l){var c=l.childNodes[r],u=c.querySelector("bdi");if(u){var h=u.getBoundingClientRect(),f=window.getComputedStyle(c);d=h.width+parseInt(f.paddingLeft,10)+parseInt(f.paddingRight,10)}}var p=0,g=s[e];return g&&(p=g.getBoundingClientRect().width+1),Math.max(p,d)}},{key:"getAllTableFitContentWidth",value:function(){var e,t,o,n,r,s,l=this.widget,d=l.webcomponent;this.aSavedColumnCellSize=[];var c=this.widget.cellBreakManager;if(l.mainColumnHeader?(e=l.mainColumnBody.oBody,t=l.leftColumnBody.oBody,o=l.rightColumnBody.oBody,n=l.mainColumnBody.el,r=l.leftColumnBody.el,s=l.rightColumnBody.el):(e=d.querySelector("zg-body#mainbody"),t=d.querySelector("zg-body#leftbody"),o=d.querySelector("zg-body#rightbody"),n=i.Z.get(d._oShadowRoot.querySelector("#body")),r=i.Z.get(d._oShadowRoot.querySelector("#left")),s=i.Z.get(d._oShadowRoot.querySelector("#right"))),e.childNodes.length){var h=n.getDOM().style.width,f=n.getDOM().style["table-layout"];n._setStyle("width","auto"),n._setStyle("table-layout","auto"),r._setStyle("width","auto"),r._setStyle("table-layout","auto"),s._setStyle("width","auto"),s._setStyle("table-layout","auto"),window.ShadyDOM&&window.ShadyDOM.flush();var p,g=d.getElementsByTagName(a.Z.zgColumn.tagName),m=[];l.hasFrozenLeft()&&m.push.apply(m,u(t.childNodes[0].childNodes)),m.push.apply(m,u(e.childNodes[0].childNodes)),l.hasFrozenRight()&&m.push.apply(m,u(o.childNodes[0].childNodes));for(var b=0;b<l.aColumnMapping.length;b++){var v=g[b],y=v.mWidth;if(!y&&v.getAttribute&&(y=v.parseWidth(v.getAttribute("width"),v.getAttribute("type"))),"fit"===y||"fitcontent"===y){v.style.width="1px",v.style.width="",p=m[b].getBoundingClientRect().width,"ellipsis"===c.getCellBreakByColumn(b)&&(p+=1);var w=v._oParsedColumnMapping,z=0;if(v.needToCalcEditorWidth())if(this.oSavedEditorSize[w.sCellType])z=this.oSavedEditorSize[w.sCellType];else{var C=l.selectorEngineManager.$cell(0,b);if(C){l.editorManager.openEditor(C,!0);var S=l.editorManager.getInputContainerByIndex(C.nStartRowIndex,C.nStartColumnIndex),k=S.querySelector("input");k&&(k.style.width="auto");var x=S.querySelector("label");x&&(x.style="",z=x.getBoundingClientRect().width,this.oSavedEditorSize[w.sCellType]=z),l.bSizeCheck=!0,l.recordEditor.cancelOpenEdit(),l.bSizeCheck=!1}}p=Math.max(p,z),this.aSavedColumnCellSize[b]=p}else this.aSavedColumnCellSize[b]=0}n._setStyle("width",h),n._setStyle("table-layout",f),r._setStyle("width",h),r._setStyle("table-layout",f),s._setStyle("width",h),s._setStyle("table-layout",f)}}},{key:"getTableFitContentWidth",value:function(e){var t,o,n,r=this.widget,s=r.getAdjustedColumnIndex(e);if(this.aSavedColumnCellSize[e])return this.aSavedColumnCellSize[e];r.mainColumnHeader?(t=r.getBodyByColumnIndex(e),(o=r.getColgroupByColumnIndex(e))&&o.assignedSlot&&(n=i.Z.get(o.assignedSlot.parentNode))):(t=r.webcomponent.querySelector("zg-body#mainbody"),o=r.webcomponent.getElementsByTagName(a.Z.zgColgroup.tagName)[0],n=i.Z.get(r.webcomponent._oShadowRoot.querySelector("#body")));var l,d=o.getElementsByTagName(a.Z.zgColumn.tagName)[s],c=n.getDOM().style.width,u=n.getDOM().style["table-layout"];if(n._setStyle("width","auto"),n._setStyle("table-layout","auto"),d.style.width="",window.ShadyDOM&&window.ShadyDOM.flush(),t.childNodes.length){l=t.childNodes[0].childNodes[s].getBoundingClientRect().width;var h=d._oParsedColumnMapping,f=0;if(d.needToCalcEditorWidth())if(this.oSavedEditorSize[h.sCellType])f=this.oSavedEditorSize[h.sCellType];else{var p=r.selectorEngineManager.$cell(0,e);if(p){r.editorManager.openEditor(p,!0);var g=r.editorManager.getInputContainerByIndex(p.nStartRowIndex,p.nStartColumnIndex),m=g.querySelector("input");m&&(m.style.width="auto");var b=g.querySelector("label");b&&(b.style="",f=b.getBoundingClientRect().width,this.oSavedEditorSize[h.sCellType]=f),r.recordEditor.cancelOpenEdit()}}l=Math.max(l,f)}else l=0;return n._setStyle("width",c),n._setStyle("table-layout",u),l+1}},{key:"updateHeaderWidthOfColumn",value:function(e,t,o){this.widget.mainColumnHeader.oColGroup.childNodes[e].style.width=o+"px"}},{key:"updateColumnWidthCache",value:function(e,t,o,n){var r=this.widget,i=r.aColumnMapping||r.webcomponent.getElementsByTagName(a.Z.zgColumn.tagName);if(0!==r.webcomponent.getBoundingClientRect().width&&(n||r.bHasAttachedToDOM&&r.store.bHasLoaded)){this.resetAllColumnsWidth(),this.getAllTableFitContentWidth(),this.bLastFitColumn=null;for(var s=0,l=i.length;s<l;s++)this.calculateColumnWidth(i[s],s,e);if(!o)if(t)for(;this.nInitialWidth>this.nStaticWidth;){var d=this.calculateHiddenColumn(!0);if(-1===d)break;if(i[d].nCurrWidth+this.nStaticWidth>this.nInitialWidth)break;this.toggleColumn(d,!1)}else for(;this.nInitialWidth<this.nStaticWidth;){var c=this.calculateHiddenColumn(!1);if(-1===c)break;this.toggleColumn(c,!0)}!this.widget.webcomponent.width&&this.nStaticWidth===this.nOnlyStaticWidth&&0===this.nStretchWidthColumnCount&&this.nInitialWidth>this.nStaticWidth&&this.widget.webcomponent.getAttribute(a.Z.zgLayout.attr)!==a.Z.zgLayout.typeCard&&this.nStaticWidth>0&&(this.widget.webcomponent.width=this.nStaticWidth,this.widget.nCalculatedSetWidth=!0),this.setColumnWidth()}}},{key:"setColumnWidth",value:function(){var e=this.widget.aColumnMapping||this.widget.webcomponent.getElementsByTagName(a.Z.zgColumn.tagName);this.adjustFrozenWidths();for(var t=0,o=e.length;t<o;t++){var n=e[t];if(!n.bHidden){var r=n.mWidth;void 0===r&&void 0!==n.getAttribute&&(r=n.parseWidth(n.getAttribute("width"),n.getAttribute("type")));var i=this.bLastFitColumn&&n===this.bLastFitColumn;"stretch"===r?this.setFlexWidth(n,this.nStretchWidthColumnCount,!0,i):("fit"===r||"fitheader"===r||"fitcontent"===r)&&0===this.nStretchWidthColumnCount&&this.nCurrContainerWidth>this.nStaticWidth&&this.setFlexWidth(n,this.nFitWidthColumnCount,!1,i)}}}},{key:"adjustFrozenWidths",value:function(){for(var e=this.widget,t=e.nLeftFrozenColumns,o=e.nRightFrozenColumns,n=e.aColumnMapping,r=n.length,i=r-t-o,a=this.widget.mainGridTable.dom.clientWidth,s=i>0?50:0,l=0,d=0,c=0;c<t&&c<r;c++){var u=n[c];u.bHidden||(l+=u.nCurrWidth)}for(var h=r-o;h<r&&h>0;h++){var f=n[h];f.bHidden||(d+=f.nCurrWidth)}var p=d+l;if(p+s>a){for(var g=(a-s)/p,m=0;m<t&&m<r;m++){var b=n[m];b.bHidden||(b.nCurrWidth=b.nCurrWidth*g)}for(var v=r-o;v<r&&v>0;v++){var y=n[v];y.bHidden||(y.nCurrWidth=y.nCurrWidth*g)}}}},{key:"calculateHiddenColumn",value:function(e){for(var t=this.widget.aColumnMapping,o=-1,n=-1,r=0;r<t.length;r++){var i=t[r];if(e===i.bHidden&&i.nPriority){if(i.nPriority===n)continue;(e===i.nPriority<n||e&&-1===n)&&(n=i.nPriority,o=r)}}return o}},{key:"updateHiddenColumns",value:function(e){for(var t=this.widget.aColumnMapping,o=0;o<t.length;o++)t[o].bHidden?this.updateRowDisplay(o,!0):e&&this.updateRowDisplay(o,!1)}},{key:"getLastVisibleColumn",value:function(){for(var e=this.widget.aColumnMapping,t=null,o=e.length-1;o>=0;o--)if(!e[o].bHidden){t=e[o];break}return t}},{key:"updateMainFirstPosition",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],o=this.widget;if(null!==(e=e||o.getFirstMainIndex())){var n=o.getAllCellsByIndex(e,!0),r=n.length;(t||!r||n[r-1].hasAttribute(a.Z.attr.first))&&(n=o.getFooterCells(e,n)).forEach((function(e){return t?e.setAttribute(a.Z.attr.first,""):e.removeAttribute(a.Z.attr.first)}))}}},{key:"updateRowDisplay",value:function(e,t){var o=this.widget.getAllCellsByIndex(e,!0,!0),n=t?"none":"";o.forEach((function(e){return"none"===n?e.setAttribute(a.Z.attr.hidden,""):e.removeAttribute(a.Z.attr.hidden)}))}},{key:"toggleColumn",value:function(e,t){var o=this.widget,n=o.webcomponent,r=o.aColumnMapping[e];n.oDOMFrozenMainFootFrame.style.width="",n.oDOMFrozenMainHeadFrame.style.width="",o.updateHeadFootScroll(!0),this.updateRowDisplay(e,t),this.widget.bUpdatingHidden=!0,r.bHidden=t,this.widget.bUpdatingHidden=!1,this.widget.columnMenu&&(this.widget.columnMenu.menuItems[r.sColumnId].oCheckbox.checked=!t),t?(r.mOldWidth=r.mWidth,this.unsetOldColumnWidth(r)):this.calculateColumnWidth(r,e),o.fire("columntoggle",{oColumnMapping:r,bHide:t})}},{key:"unsetOldColumnWidth",value:function(e){var t=e.mOldWidth||e.mWidth;r.hj(t)&&(this.nStaticWidth-=t),/\d*\.?\d+%/.test(t)&&(this.nStaticWidth-=e.nCurrWidth),"fitheader"!=t&&"fitcontent"!==t&&"fit"!==t||e.nFitWidth&&(this.nStaticWidth-=e.nFitWidth,this.nFitWidthColumnCount--),"stretch"==t&&this.nStretchWidthColumnCount--}},{key:"resetGlobals",value:function(){this.nColumnsWidth=0,this.nStaticWidth=0,this.nOnlyStaticWidth=0,this.nStretchWidthColumnCount=0,this.nFitWidthColumnCount=0,this.oSavedEditorSize={},this.aSavedHeadCellSize=[],this.aSavedColumnCellSize=[]}},{key:"resetAllColumnsWidth",value:function(){var e=this.widget,t=e.webcomponent,o=e.getAllColumns(),n=e.getAllHeadCells(),r=e.getAllFootCells();this.resetGlobals();for(var i=0;i<o.length;i++)o[i].removeAttribute(a.Z.attr.style);for(var s=0;s<r.length;s++)this.clearWidthStyles(r[s]);for(var l=0;l<n.length;l++)if(!n[l].hasAttribute(a.Z.attr.hidden)&&(this.clearWidthStyles(n[l]),n[l].tagName.toLowerCase()===a.Z.zgFilter.tagName)){var d=n[l].querySelector("input");d&&(d.style.width="1px")}e.savedScrollVal&&(e.oDOMMainScroll.scrollLeft=0,t.oDOMHead.style.transform="")}},{key:"clearWidthStyles",value:function(e){e.style.removeProperty("left"),e.style.removeProperty("line-height"),e.style.removeProperty("position"),e.style.removeProperty("width"),e.style.removeProperty("height")}},{key:"calculateColumnWidth",value:function(e,t,o){var n=e.mWidth,i=e.nMinWidth?parseInt(e.nMinWidth,10):null,s=null,l=t===this.widget.aColumnMapping.length-1,d=e.oDOMZGColumn.parentNode;if(!n&&e.getAttribute&&(n=e.parseWidth(e.getAttribute("width"),e.getAttribute("type"),this.widget)),l&&this.widget.bOnlyColumnWidth&&!isNaN(n)&&this.widget.webcomponent.width&&this.nInitialWidth>this.nStaticWidth+n&&(n="stretch"),(this.widget.bPreloaded||this.bResizing)&&e.oDOMZGColumn){var c=parseInt(e.oDOMZGColumn.getAttribute("min-calculated-width"),10)||null;i=Math.max(i,c)}var u,h=parseInt(e.oDOMZGColumn.getAttribute("min-calculated-header-width"),10)||this.getTableFitHeaderWidth(t);h&&e.oDOMZGColumn&&(e.oDOMZGColumn.setAttribute("min-calculated-header-width",h),e.nFullHeaderWidth=h);var f=!1;if(!e.bHidden&&d.getAttribute(a.Z.zgLayout.attr)!==a.Z.zgLayout.typeCard&&this.widget.webcomponent.getAttribute(a.Z.zgLayout.attr)!==a.Z.zgLayout.typeCard){if(n===a.Z.zgCell.actionCellKey&&(n=e.body?"fit":"fitheader",f=!0),r.hj(n))e.nCurrWidth=n,this.nStaticWidth+=n,this.nOnlyStaticWidth+=n;else if(u=/\d*\.?\d+%/.exec(n)){var p=u[0],g=Number.parseFloat(p)/100;n=this.nInitialWidth*g,e.nFullWidth=n+"px",e.nCurrWidth=n,this.nStaticWidth+=n}else if("fitheader"===n||"fitcontent"===n){var m;i?m=i:"fitheader"===n&&h?s=m=h:m="fitheader"===n?this.getTableFitHeaderWidth(t):this.getTableFitContentWidth(t),f?m=Math.max(m,a.Z.zgCell.actionCellSize):(this.bLastFitColumn=e,e.nFitWidth=m,this.nFitWidthColumnCount++),e.nCurrWidth=m,!i&&e.oDOMZGColumn&&e.oDOMZGColumn.setAttribute("min-calculated-width",e.nCurrWidth),this.nStaticWidth+=m}else if("fit"===n){var b;if(i)b=i;else{var v=this.getTableFitContentWidth(t);s=h||this.getTableFitHeaderWidth(t);var y=0;e.sFootCell&&(y=this.getTableFitFooterWidth(t)),b=Math.max(v,s,y)}f?b=Math.max(b,a.Z.zgCell.actionCellSize):(this.bLastFitColumn=e,e.nFitWidth=b,this.nFitWidthColumnCount++),e.nCurrWidth=b,this.nStaticWidth+=b,!i&&e.oDOMZGColumn&&e.oDOMZGColumn.setAttribute("min-calculated-width",e.nCurrWidth),s&&e.oDOMZGColumn&&e.oDOMZGColumn.setAttribute("min-calculated-header-width",s)}else"stretch"===n&&(this.bLastFitColumn=e,this.nStretchWidthColumnCount++,this.bLastFitColumn=e);this.widget.bOnlyColumnWidth&&f&&(this.nOnlyStaticWidth+=e.nCurrWidth)}}},{key:"setFlexWidth",value:function(e,t,o,n){var r=this.nCurrContainerWidth-this.nStaticWidth,i=Math.floor(r/t),a=r-i*t;n&&a>0&&(i+=a),e.nCurrWidth=o?i:e.nCurrWidth+i}},{key:"updateColumnWidth",value:function(e,t){var o=this,n=this.widget,r=n.webcomponent;if(t||n.bHasAttachedToDOM&&n.store.bHasLoaded){var i,s,l;n.mainColumnHeader?(i=r.getElementsByTagName("zg-column"),s=n.aColumnMapping,l=n.mainColumnBody.oBody):(l=n.webcomponent.querySelector("#mainbody"),s=i=n.webcomponent.getElementsByTagName("zg-column"));var d,c=!1,u=window.getComputedStyle(l);d=parseInt(u.borderRightWidth,10);var h=0,f=n.nLeftFrozenColumns,p=0,g=n.nRightFrozenColumns,m=!0,b=function(e,t){var n=i[t],r=s[t].oDOMZGColumn||s[t];n!==r&&(n=r);var l=n.style.width;if(e.bHidden&&!n.hasAttribute(a.Z.attr.hidden))n.setAttribute(a.Z.attr.hidden,"");else if(!e.bHidden){var u;if(n.hasAttribute(a.Z.attr.hidden)&&n.removeAttribute(a.Z.attr.hidden),e.nFullWidth)n.style.width=u;else{var b=0;t===s.length-1&&(b=d),u=e.nCurrWidth-b,o.nColumnsWidth+=u,n.style.width=u+"px"}t<=f-1?(h+=parseInt(u,10),o.updateMainFirstPosition(t,!1)):t>=s.length-g?(p+=parseInt(u,10),o.updateMainFirstPosition(t,!1)):m?(o.updateMainFirstPosition(t,!0),m=!1):o.updateMainFirstPosition(t,!1)}l&&l!==n.style.width&&(c=!0)};if(null==e){this.nColumnsWidth=0;for(var v=0,y=s.length;v<y;v++)b(s[v],v);this.nFrozenColumnsWidth=0,h&&n.leftColumnBody.oDOMWrapper&&(n.leftColumnBody.oDOMWrapper.style.width=h+"px",n.webcomponent.oDOMFrozenLeftHead.style.width=h+"px",n.webcomponent.oDOMFrozenLeftFoot.style.width=h+"px",n.webcomponent.oDOMFrozenLeftStyle.style.width=h+"px",this.nFrozenColumnsWidth+=h),p&&n.leftColumnBody.oDOMWrapper&&(n.rightColumnBody.oDOMWrapper.style.width=p+"px",n.webcomponent.oDOMFrozenRightHead.style.width=p+"px",n.webcomponent.oDOMFrozenRightFoot.style.width=p+"px",n.webcomponent.oDOMFrozenRightStyle.style.width=p+"px",this.nFrozenColumnsWidth+=p),n.updateFrozenColumnAttributes(h,"Left"),n.updateFrozenColumnAttributes(p,"Right"),this.updateFrozenMainSize()}else i[e].style.width&&(this.nColumnsWidth-=i[e].style.width),b(s[e],e);return c}}},{key:"calculateRowHeights",value:function(){var e=this.widget;if((e.hasFrozenColumns()||e.nRowHeight)&&e.layoutManager.sCurrentType!==a.Z.zgLayout.typeCard)if(e.nRowHeight&&"auto"!==e.nRowHeight)this.updateFrozenHeights(null,e.nRowHeight);else{for(var t=e.mainColumnBody.oBody,o=e.leftColumnBody.oBody,n=e.rightColumnBody.oBody,r=t.children,i=o.children,s=n.children,l=Math.max(r.length,i.length,s.length),d=[],c=0;c<l;c++){var u=void 0;r[c].style.height,u=0,r.length>c&&(u=Math.max(u,r[c].offsetHeight)),i.length>c&&(u=Math.max(u,i[c].offsetHeight)),s.length>c&&(u=Math.max(u,s[c].offsetHeight)),d.push(u)}this.updateFrozenHeights(d)}}},{key:"updateFrozenHeights",value:function(e,t){var o=this.widget;if(o.hasFrozenColumns()||o.nRowHeight)for(var n=o.mainColumnBody.oBody,r=o.leftColumnBody.oBody,i=o.rightColumnBody.oBody,a=n.children,s=r.children,l=i.children,d=Math.max(a.length,s.length,l.length),c=0;c<d;c++){var u=void 0;if(t)"fixed"===t&&(t=o.nDefaultRowHeight),u=t;else{if(!e[c])continue;u=e[c]+"px"}u&&(a.length>c&&(a[c].style.height=u),s.length>c&&(s[c].style.height=u),l.length>c&&(l[c].style.height=u))}}},{key:"destroy",value:function(){this.resizeWindow&&(window.removeEventListener("resize",this.resizeWindow,{passive:!0}),this.resizeWindow=null),this.bLastFitColumn=null,m(y(f.prototype),"destroy",this).call(this)}},{key:"_setColumnText",value:function(e){return e.sCellType===a.Z.internalColumn.recordselector?e.fnRenderer.method.apply(e):e.sColumnHeaderText}},{key:"_removeFixedWrapperWidth",value:function(){this.widget.nSetWidth&&this.widget.nCalculatedSetWidth,this.widget.nSetWidth||(this.widget.mainGridTable.dom.removeAttribute("style"),this.clearFrameWidths())}}],o&&g(t.prototype,o),n&&g(t,n),Object.defineProperty(t,"prototype",{writable:!1}),f}(n.Z)},70684:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(87822),r=(o(31769),o(37486));function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function a(e){return function(e){if(Array.isArray(e))return s(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return s(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return s(e,t)}(e)||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 s(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function l(e,t,o){return(t=c(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function d(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,c(n.key),n)}}function c(e){var t=function(e,t){if("object"!==i(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===i(t)?t:String(t)}const u=function(){function e(t){var o;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.ZG=this.widget.webcomponent,this.ZGPager=this.ZG.querySelector(n.Z.zgPager.tagName),this.setViewportTO=null,this._allowed=!this.ZG.hasAttribute(n.Z.viewport.stopAttr),this.allowedViewportTypes=[{unit:null,display:"null"},{unit:"px",display:"pixel"},{unit:"em",display:"em"},{unit:"rem",display:"rem"}],this._breakpoints=null,this.defaultTypes=(l(o={},"".concat(n.Z.viewport.mobileLabel),n.Z.viewport.mobileMax),l(o,"".concat(n.Z.viewport.tabletPortraitLabel),n.Z.viewport.tabletPortraitMax),l(o,"".concat(n.Z.viewport.tabletLandscapeLabel),n.Z.viewport.tabletLandscapeMax),l(o,"".concat(n.Z.viewport.desktopLabel),n.Z.viewport.desktopMax),l(o,"".concat(n.Z.viewport.desktopLargeLabel),n.Z.viewport.desktopLargeMax),o),this._types=null,this._run={pause:this.ZG.hasAttribute(n.Z.viewport.pauseAttr)&&!this.ZG.hasAttribute(n.Z.viewport.stopAttr),play:!(this.ZG.hasAttribute(n.Z.viewport.pauseAttr)||this.ZG.hasAttribute(n.Z.viewport.stopAttr)),stop:this.ZG.hasAttribute(n.Z.viewport.stopAttr)}}var t,o,i;return t=e,(o=[{key:"allow",get:function(){return this._allowed},set:function(e){this._allowed=e}},{key:"breakpoints",get:function(){return this._breakpoints}},{key:"run",get:function(){return this._run},set:function(e){this._runViewport(e)}},{key:"types",get:function(){return this._types},set:function(e){e=e||this.defaultTypes,this._types=e,this._breakpoints=this._buildBreakpointsArray(e)}},{key:"view",get:function(){return this.ZG.getAttribute(n.Z.viewport.attr)}},{key:"setViewport",value:function(e){var t=this;this.allow&&(window.cancelAnimationFrame(this.setViewportTO),e?this.updateViewport():this.setViewportTO=window.requestAnimationFrame((function(){return t.updateViewport()})))}},{key:"updateViewport",value:function(){this.widget.bDisconnect||(this.breakpointsClone=this._getBreakpoints(),this.currentView=this._getCurrentViewport(),this.ZG.setAttribute(n.Z.viewport.attr,this.currentView),this.ZG.oDOMBody.setAttribute(n.Z.viewport.attr,this.currentView),this._setPagerViewport(),window.cancelAnimationFrame(this.setViewportTO),this.widget.fire("viewport:change"))}},{key:"_buildBreakpointsArray",value:function(e){var t,o,n,i,a=[],s=[],l=Object.keys(e),d=l.map((function(t){return e[t]})).filter((function(e){return null!==e}));if(!l.length)return"error-empty";var c=this._consistentTypes(e,this.allowedViewportTypes);if("string"!=typeof c){var u=this._getType(d[0],this.allowedViewportTypes.map((function(e){return e.unit})));for(n in e){switch(o=null===e[n]?null:u){case null:i=null;break;case"px":i=parseInt(e[n]);break;default:i=parseFloat(e[n].split(o)[0])}t={label:n,value:i,type:o},o?s.push(t):a.push(t)}return r.mJ.objectSort(s,"value"),[].concat(s,[a[0]])}console.error("Error: ".concat(c))}},{key:"_consistentTypes",value:function(e,t){var o,n,r=[],i=t.map((function(e){return e.unit}));for(o in e){if(!(n=this._getType(e[o],i))&&null!==n)return"'".concat(e[o],"' is not a valid viewport type: ").concat(JSON.stringify(e),"\nAllowed types: ").concat(JSON.stringify(i));r.push(n)}var s=a(r.filter((function(e){return null!==e})).reduce((function(e,t){return e.add(t)}),new Set));if(s.length>1){var l=s.reduce((function(e,o){return e+"".concat(t.filter((function(e){return e.unit===o}))[0].display," (").concat(o,"), ")}),"");return"All viewport values must be of the same type, found: ".concat(l)}return!0}},{key:"_convertValueToPixel",value:function(e){var t=e.type,o=e.value;switch(t){case"em":return r.ye(o);case"rem":return r.fh(o);default:return o}}},{key:"_getBreakpoints",value:function(){var e=this,t=window.innerWidth;this.breakpoints||(this.types=this.defaultTypes,this.ZG.removeAttribute(n.Z.viewport.customAttr));var o=this.breakpoints.map((function(e){return Object.assign({},e)}));return o.forEach((function(o){return o.value=e._convertValueToPixel({type:o.type,value:o.value,pixel:t})})),o}},{key:"_getCurrentViewport",value:function(){for(var e,t,o,n=this.widget.updater.nCurrContainerWidth||this.ZG.getBoundingClientRect().width,r=this.breakpointsClone.length,i=0;i<r;i++)if(e=0===i?0:this.breakpointsClone[i-1].value,t=i===r-1?"max":this.breakpointsClone[i].value,n>=e&&("max"===t||n<t)){o=this.breakpointsClone[i].label;break}return o}},{key:"_getType",value:function(e,t){var o,n="string"==typeof t;return null===e?o=null:isNaN(e)?n?o=e.split(t)[1]:t.forEach((function(t){return 2===e.split(t).length?o=t:t})):o="px",o}},{key:"_runViewport",value:function(e){var t,o,i;switch("pause"!==e&&(e=!0===e?"true":"false"),e){case"pause":t=!0,o=!1,i=!1;break;case"false":t=!1,o=!1,i=!0;break;default:t=!1,o=!0,i=!1,n.Z.colors.success}this._run={pause:t,play:o,stop:i},t&&(r.Xh({el:this.ZG,attr:n.Z.viewport.stopAttr}),this.ZG.oTopPager&&(r.Xh({el:this.ZG.oTopPager,attr:n.Z.viewport.pauseAttr,value:""}),r.Xh({el:this.ZG.oTopPager,attr:n.Z.viewport.stopAttr})),this.ZG.oBottomPager&&(r.Xh({el:this.ZG.oBottomPager,attr:n.Z.viewport.pauseAttr,value:""}),r.Xh({el:this.ZG.oBottomPager,attr:n.Z.viewport.stopAttr}))),o&&(this.ZG.oTopPager&&(r.Xh({el:this.ZG.oTopPager,attr:n.Z.viewport.pauseAttr}),r.Xh({el:this.ZG.oTopPager,attr:n.Z.viewport.stopAttr})),this.ZG.oBottomPager&&(r.Xh({el:this.ZG.oBottomPager,attr:n.Z.viewport.pauseAttr}),r.Xh({el:this.ZG.oBottomPager,attr:n.Z.viewport.stopAttr})),this.ZG.oDOMLayoutControls&&this.ZG.oDOMLayoutControls.removeAttribute(n.Z.attr.hidden),this.widget.layoutManager.setLayout({isReset:!0}),this.allow=!0,this.setViewport()),i&&(r.Xh({el:this.ZG,attr:n.Z.viewport.pauseAttr}),r.Xh({el:this.ZG,attr:n.Z.viewport.attr}),r.Xh({el:this.ZG.oDOMBody,attr:n.Z.viewport.pauseAttr}),r.Xh({el:this.ZG.oDOMBody,attr:n.Z.viewport.attr}),this.ZG.oTopPager&&(r.Xh({el:this.ZG.oTopPager,attr:n.Z.viewport.attr}),r.Xh({el:this.ZG.oTopPager,attr:n.Z.viewport.pauseAttr}),r.Xh({el:this.ZG.oTopPager,attr:n.Z.viewport.stopAttr,value:""})),this.ZG.oBottomPager&&(r.Xh({el:this.ZG.oBottomPager,attr:n.Z.viewport.attr}),r.Xh({el:this.ZG.oBottomPager,attr:n.Z.viewport.pauseAttr}),r.Xh({el:this.ZG.oBottomPager,attr:n.Z.viewport.stopAttr,value:""})))}},{key:"_setPagerViewport",value:function(){this.ZG.oTopPager&&this.ZG.oTopPager.setAttribute(n.Z.viewport.attr,this.currentView),this.ZG.oBottomPager&&this.ZG.oBottomPager.setAttribute(n.Z.viewport.attr,this.currentView)}}])&&d(t.prototype,o),i&&d(t,i),Object.defineProperty(t,"prototype",{writable:!1}),e}()},32603:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(44287);function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function i(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(i=n.key,a=void 0,a=function(e,t){if("object"!==r(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==r(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(i,"string"),"symbol"===r(a)?a:String(a)),n)}var i,a}const a=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget}var t,o,r;return t=e,(o=[{key:"$column",value:function(e){return new n.default({widget:this.widget}).column(e)}},{key:"$row",value:function(e){return new n.default({widget:this.widget}).row(e)}},{key:"$range",value:function(e,t){return new n.default({widget:this.widget}).range(e,t)}},{key:"$cell",value:function(e,t){return new n.default({widget:this.widget}).cell(e,t)}},{key:"getSelectorEngine",value:function(){return new n.default({widget:this.widget})}}])&&i(t.prototype,o),r&&i(t,r),Object.defineProperty(t,"prototype",{writable:!1}),e}()},19791:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(24706),r={aCustomLangs:{},oLangElements:{},defaultLang:"en",setLang:function(e,t,o){var n,i,a;e.split(",").map((function(e){return e.trim()})).some((function(e){var t=e;do{if(n=r.checkLangFile(t)){i=e,a=t;break}var o=t.lastIndexOf("-");t=-1!==o?t.substring(0,o):""}while(t.length>0);if(i||(i=e),a)return!0})),n||(r.globalLang?n=r.globalLang:r.defaultLang&&(n=r.defaultLang)),t?(t.lang=n,t.locale=i):(r.globalLang=n,r.globalLocale=i,o&&(r.defaultLang=n))},checkLangFile:function(e){var t=null;if(r.aCustomLangs[e])t=r.aCustomLangs[e];else try{t=o(61145)("./".concat(e,".js")).default}catch(e){}return t},getLocale:function(e){return e&&e.locale?e.locale:r.globalLocale},getLang:function(e){return(e.lang||r.globalLang||r.defaultLang).lang||r.getLocale()},get:function(e,t,o){var i;return t&&t.lang&&(i=n.MU(t.lang,e)),void 0===i&&(i=n.MU(r.globalLang,e)),void 0===i&&r.defaultLang&&(i=n.MU(r.defaultLang,e)),o&&r.storeElement(e,t,o),i},storeElement:function(e,t,o){r.oLangElements[t]||(r.oLangElements[t]=[]);var n=r.oLangElements[t];o.sPath=e,n.push(o)},refresh:function(e){var t=r.oLangElements[e];t&&(t.forEach((function(t){var o=r.get(t.sPath,e),n=t.element;t.langProperty&&(o=o[t.langProperty]),t.attribute?n.setAttribute(t.attribute,o):t.elProperty&&(n[t.elProperty]=o)})),e.dialogManager.refreshDialogs(),e.webcomponent.refresh())},destroy:function(e){var t=r.oLangElements[e];t&&(t.forEach((function(e){e.element=null})),r.oLangElements[e].length=0)}};r.setLang(r.defaultLang,null,!0),"undefined"!=typeof document&&document.documentElement.lang&&r.setLang(document.documentElement.lang,null);const i=r},85444:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n={lang:"custom",columntypes:{editor:"custom-Edit",remover:"custom-Delete",selector:"custom-Select"},context:{copyCell:"custom-Copy Cell",pasteCell:"custom-Paste Cell",insertRecordLabel:"custom-Insert New Record",insertRecordHere:"custom-Here",insertRecordEnd:"custom-End",insertRecordStart:"custom-Start",deleteRow:"custom-Delete row",sortColumn:"custom-Sort Column",editCell:"custom-Edit Cell",editRow:"custom-Edit Row",selectCell:"custom-Select Cell",selectRow:"custom-Select Row",deselect:"custom-Deselect",previousPage:"custom-Go to previous page",nextPage:"custom-Go to next page",firstPage:"custom-Go to first page",lastPage:"custom-Go to last page",version:"custom-ZingGrid Version",save:"custom-Save",cancel:"custom-Cancel"},date:{shortMonth:["custom-Jan","custom-Feb","custom-Mar","custom-Apr","custom-May","custom-Jun","custom-Jul","custom-Aug","custom-Sep","custom-Oct","custom-Nov","custom-Dec"],longMonth:["custom-January","custom-February","custom-March","custom-April","custom-May","custom-June","custom-July","custom-August","custom-September","custom-October","custom-November","custom-December"],twoWeek:["custom-Su","custom-Mo","custom-Tu","custom-We","custom-Th","custom-Fr","custom-Sa"],shortWeek:["custom-Sun","custom-Mon","custom-Tue","custom-Wed","custom-Thu","custom-Fri","custom-Sat"],longWeek:["custom-Sunday","custom-Monday","custom-Tuesday","custom-Wednesday","custom-Thursday","custom-Friday","custom-Saturday"],am:"custom-am",pm:"custom-pm",startWeek:0,startYear:6},dialog:{cancel:"custom-Cancel",close:"custom-X",confirm:"custom-Confirm",create:"custom-Create",delete:"custom-Delete",ok:"custom-Ok",recordCreate:{label:"custom-Create a new record",successMsg:"custom-Successfully added row!",errorMsg:"custom-The server encountered an error and the record could not be created."},recordDelete:{body:"custom-Are you sure you want to delete this record?",label:"custom-Confirm delete",successMsg:"custom-Record removed successfully!",errorMsg:"custom-The server encountered an error and the record could not be deleted."},recordInfo:{label:"custom-Record Info"},recordUpdate:{label:"custom-Update this record",successMsg:"custom-Record updated successfully",errorMsg:"custom-The server encountered an error and the record could not be updated."},fieldUpdate:{label:"custom-Update this field",successMsg:"custom-Field updated successfully",errorMsg:"custom-The server encountered an error and the field could not be updated."},removeXSelectedRows:{body:"custom-Are you sure you want to delete these records?",label:"custom-Remove %v record%p",successMsg:"custom-Records removed successfully!"},version:{body:"custom-built on",label:"custom-Current Version"},save:"custom-Save"},draggable:{remove:"custom-Release to hide",reorder:"custom-Drag outside grid to hide"},iconSet:{invalidVendor:"custom-Value added to [%v] does not match allowed vendor list",invalidVendorMethod:'custom-Internal Error: There was an issue loading [%v="%v"] icons. Falling back to default icons.'},loadMask:{title:"custom-loading"},pagination:{page:"custom-Page",pageOf:"custom-of",rows:"custom-Rows"},tools:{filter:"custom-Filter",search:"custom-Search",selected:"custom-%v Item%p Selected"},tooltip:{layoutCard:"custom-Card Layout",layoutRow:"custom-Row Layout",recordCreate:"custom-Insert Record",reload:"custom-Reload Grid",editrecord:"custom-Edit Record",firstpage:"custom-Go to First Page",fixedmenu:"custom-Open Menu",lastpage:"custom-Go to Last Page",menu:"custom-Open Column Menu",nextpage:"custom-Go to Next Page",prevpage:"custom-Go to Previous Page",removerecord:"custom-Remove Record",search:"custom-Open Search"},watermark:{poweredBy:"custom-Powered By <strong>ZingGrid</strong>"}}},39340:()=>{},47745:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n={lang:"en",aggregate:{sum:"Sum",avg:"Average",min:"Min",max:"Max",count:"Count"},batchEdit:{changes:"Change%p",fieldsEdited:"Field%p Edited",recordsEdited:"Record%p Edited",deleted:"Deleted",inserted:"Inserted",modified:"Modified",label:"Edit Records (Batch):"},columntypes:{duplicate:"Duplicate",editor:"Edit",remover:"Delete",selector:"Select",info:"Info",key:"Key","row-number":"Row Number"},context:{copyCell:"Copy Cell",pasteCell:"Paste Cell",insertRecordLabel:"Insert New Record",insertRecordHere:"Here",insertRecordEnd:"End",insertRecordStart:"Start",deleteRow:"Delete row",duplicateRow:"Duplicate row",sortColumn:"Sort Column",hideColumn:"Hide Column",editCell:"Edit Cell",editRow:"Edit Row",selectAll:"Select All",selectCell:"Select Cell",selectRow:"Select Row",deselect:"Deselect",previousPage:"Go to previous page",nextPage:"Go to next page",firstPage:"Go to first page",lastPage:"Go to last page",version:"ZingGrid Version",resetState:"Unsave Grid State",save:"Save",cancel:"Cancel",freezeColumnLeft:"Freeze Column - Left",freezeColumnRight:"Freeze Column - Right",unfreezeColumn:"Unfreeze Column",freezeRowTop:"Freeze Row - Top",freezeRowBottom:"Freeze Row - Bottom",unfreezeRow:"Unfreeze Row"},date:{shortMonth:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],longMonth:["January","February","March","April","May","June","July","August","September","October","November","December"],twoWeek:["Su","Mo","Tu","We","Th","Fr","Sa"],shortWeek:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],longWeek:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],am:"am",pm:"pm",startWeek:0,startYear:6,fromNow:{seconds:"%v seconds",minute:"a minute",minutes:"%v minutes",hour:"an hour",hours:"%v hours",day:"a day",days:"%v days",month:"a month",months:"%v months",year:"a year",years:"%v years",past:"%v ago",future:"in %v"}},dialog:{cancel:"Cancel",close:"X",confirm:"Confirm",create:"Create",delete:"Delete",ok:"Ok",read:{errorMsg:"The server encountered an error and the data could not be read."},recordCreate:{label:"Create a new record",successMsg:"Successfully added row!",errorMsg:"The server encountered an error and the record could not be created."},recordDelete:{body:"Are you sure you want to delete this record?",label:"Confirm delete",successMsg:"Record removed successfully!",errorMsg:"The server encountered an error and the record could not be deleted."},recordInfo:{label:"Record Info",errorMsg:"The server encountered an error and the data could not be read."},recordUpdate:{label:"Update this record",successMsg:"Record updated successfully",errorMsg:"The server encountered an error and the record could not be updated."},fieldUpdate:{label:"Update this field",successMsg:"Field updated successfully",errorMsg:"The server encountered an error and the field could not be updated."},removeXSelectedRows:{body:"Are you sure you want to delete these records?",label:"Remove %v record%p",successMsg:"Record%p removed successfully!"},batchEdit:{cancel:{body:"The following edits have been made and will be undone:<br>",bodyPlural:"The following %v changes have been made and will be undone:<br>",label:"Discard All Edits"},commit:{body:"Save changes?<br>",bodyPlural:"Save %v changes?<br>",label:"Save Batch Edit"},recordsBody:"<br><strong>%v Total Record%p Modified:</strong>",changeBody:"%v Record%p ",successMsg:"Successfully completed batch edit!",errorMsg:"Error: Batch Edit saved %v record%p and encountered %v error%p.",errorMsgMore:"View details",errorLabel:"Error Details",dialogErrorMsg:"<strong>%v Error%p</strong><br>",inserted:"Created",recordsEdited:"Edited",deleted:"Deleted"},version:{body:"built on",label:"Current Version"},save:"Save"},drag:{remove:"Release to hide",reorder:"Drag outside grid to hide"},iconSet:{invalidVendor:"Value added to [%v] does not match allowed vendor list",invalidVendorMethod:'Internal Error: There was an issue loading [%v="%v"] icons. Falling back to default icons.'},loadMask:{title:"loading"},noData:{message:"There are no records to display.",insertRecord:"Insert a new record."},pagination:{page:"Page",pageOf:"of",pageNext:"Next",pagePrev:"Previous",rows:"Rows"},tools:{filter:"Filter",search:"Search",selected:"%v Item%p Selected"},tooltip:{batchedit:"Edit Records (Batch)",batcheditsave:"Save Batch Edit",batcheditcancel:"Cancel Batch Edit",layoutCard:"Card Layout",layoutRow:"Row Layout",recordCreate:"Insert Record",reload:"Reload Grid",editrecord:"Edit Record",firstpage:"Go to First Page",fixedmenu:"Open Menu",lastpage:"Go to Last Page",menu:"Open Column Menu",nextpage:"Go to Next Page",prevpage:"Go to Previous Page",duplicaterecord:"Duplicate Record",removerecord:"Remove Record",undoremoverecord:"Restore Record",search:"Open Search",openrowgroup:"Open Group",closerowgroup:"Close Group"},validation:{errorMessage:"Validation Failed"},watermark:{poweredBy:"Powered By <strong>ZingGrid</strong>"}}},57947:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n={lang:"es",aggregate:{sum:"Suma",avg:"Promedio",min:"Min",max:"Max",count:"Contar"},batchEdit:{changes:"Cambio%p",edited:"Editado",fieldsEdited:"Campo%p Editado%p",recordsEdited:"Registro%p Editado%p",deleted:"Borrado",inserted:"Insertado",modified:"Modificado",label:"Editar los Registros (Lote):"},columntypes:{duplicate:"Duplicarse",editor:"Editar",remover:"Eliminar",selector:"Seleccionar",info:"Info",key:"Key","row-number":"Numero de Fila"},context:{copyCell:"Copiar Celda",pasteCell:"Pegar Celda",insertRecordLabel:"Añadir Registro Nuevo",insertRecordHere:"Aqui",insertRecordEnd:"Al Final",insertRecordStart:"Al Principio",deleteRow:"Eliminar Fila",duplicateRow:"Duplicar Fila",hideColumn:"Ocultar Columna",sortColumn:"Ordenar Columna",editCell:"Editar Celda",editRow:"Editar Fila",selectAll:"Select All",selectCell:"Seleccionar Celda",selectRow:"Seleccionar Fila",deselect:"Deseleccionar",previousPage:"Regresar a la página anterior",nextPage:"Ir a la página siguiente",firstPage:"Regresar a la primera página",lastPage:"Ir a la página final",version:"Sobre ZingGrid",resetState:"Desguardar Estado de Cuadrícula",save:"Guardar",cancel:"Cancelar",freezeColumnLeft:"Congelación de Columna - Izquierda",freezeColumnRight:"Congelación de Columna - Derecha",unfreezeColumn:"Descongelar Columna",freezeRowTop:"Inmovilizar Fila - Arriba",freezeRowBottom:"Inmovilizar Fila - Abajo",unfreezeRow:"Movilizar Fila"},date:{shortMonth:["ene","feb","mar","abr","may","jun","jul","ago","sept","oct","nov","dic"],longMonth:["enero","febrero","marzo","abril","mayo","junio","julio","agosto","septiembre","octubre","noviembre","diciembre"],twoWeek:["do","lu","ma","mi","ju","vi","sa"],shortWeek:["dom","lun","mar","mié","jue","vie","sáb"],longWeek:["domingo","lunes","martes","miércoles","jueves","viernes","sábado"],am:"am",pm:"pm",startWeek:0,startYear:6,fromNow:{seconds:"%v segundos",minute:"un minuto",minutes:"%v minutos",hour:"una hora",hours:"%v horas",day:"un día",days:"%v dias",month:"un mes",months:"%v meses",year:"un año",years:"%v años",past:"hace %v",future:"en %v"}},dialog:{cancel:"Cancelar",close:"X",confirm:"Confirmar",create:"Crear",delete:"Eliminar",ok:"Ok",read:{errorMsg:"El servidor encontró un error y no se pudieron leer los datos."},recordCreate:{label:"Crear un nuevo registro",successMsg:"¡Su registro fue creado!",errorMsg:"El servidor encontró un error y no se pudo crear el registro."},recordDelete:{body:"¿Seguro que quiere eliminar este registro?",label:"Confirmar eliminación",successMsg:"¡Su registro fue eliminado!",errorMsg:"El servidor encontró un error y no se pudo eliminar el registro."},recordInfo:{label:"Información de Registro",errorMsg:"El servidor encontró un error y no se pudieron leer los datos."},recordUpdate:{label:"Actualizar este registro",successMsg:"¡Su registro fue actualizado!",errorMsg:"El servidor encontró un error y no se pudo actualizar el registro."},fieldUpdate:{label:"Actualizar este campo",successMsg:"¡Su campo fue actualizado!",errorMsg:"El servidor encontró un error y no se pudo actualizar el campo."},removeXSelectedRows:{body:"¿Seguro que quiere eliminar estos registros?",label:"Eliminar %v registro%p",successMsg:"¡Sus registro%p fueron eliminados!"},batchEdit:{cancel:{body:"Se han realizado las siguientes ediciones y se desharán:<br>",bodyPlural:"Se han realizado los siguientes %v cambios y se desharán:<br>",label:"Descartar todas las ediciones"},commit:{body:"Guardar Cambios?<br>",bodyPlural:"Guaradar %v Cambios?<br>",label:"Guardar las Ediciones del Lote"},plurals:{errorMsg:["s","es"],recordsBody:["es"],dialogErrorMsg:["es"]},recordsBody:"<br><strong>%v Registros Total%p Modificados:</strong>",changeBody:"%v Registro%p ",successMsg:"Edición por lotes completada con éxito!",errorMsg:"Error: La Edición por Lotes Guardó %v Registro%p y encontró %v error%p.",errorMsgMore:"Ver Detalles",errorLabel:"Error Detalles",dialogErrorMsg:"<strong>%v Error%p</strong><br>",inserted:"Creado",recordsEdited:"Editado",deleted:"Borrado"},version:{body:"creado en",label:"Versión Actual"},save:"Guardar"},drag:{remove:"Suelta para esconderte",reorder:"Arrastra afuera para esconderte"},iconSet:{invalidVendor:"El valor agregado a [%v] no coincide con la lista de proveedores permitidos.",invalidVendorMethod:'Error Interno: Se produjo un problema al cargar los íconos [%v = "%v"]. Volviendo a los íconos predeterminados.'},loadMask:{title:"Cargando"},pagination:{page:"Pagina",pageOf:"de",rows:"Filas",pageNext:"Siguiente",pagePrev:"Anterior"},tools:{filter:"Filtrar",search:"Buscar",selected:"%v Elemento%p Seleccionado"},tooltip:{batchedit:"Editar los Registros (del Lote)",batcheditsave:"Guardar la Edición del Lote",batcheditcancel:"Cancelar la Edición del Lote",layoutCard:"Diseño de Tarjeta",layoutRow:"Diseño de Fila",recordCreate:"Añadir Registro",reload:"Recargar la Cuadrícula",editrecord:"Editar Registro",firstpage:"Ir a la Primera Página",fixedmenu:"Abre el Menú",lastpage:"Ir a la Última Página",menu:"Abre el Menú de la Columna",nextpage:"Ir a la Siguente Página",prevpage:"Ir a la Página Anterior",removerecord:"Elminiar Registro",undoremoverecord:"Restore Record",search:"Abre la Búsqueda",duplicateRecord:"Duplicar el Registro",openrowgroup:"Abre el Grupo",closerowgroup:"Cierra el Grupo"},validation:{errorMessage:"Validación Fallida"},watermark:{poweredBy:"Un producto provisto por <strong>ZingGrid</strong>"}}},3748:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n={lang:"zh-CN",aggregate:{sum:"总和",avg:"平均值",min:"最小值",max:"最大值",count:"统计"},columntypes:{duplicate:"创建副本",editor:"编辑",remover:"删除",selector:"选择",info:"信息",key:"名字","row-number":"行号"},context:{copyCell:"复制单元格",pasteCell:"粘贴单元格",insertRecordLabel:"创建新纪录",insertRecordHere:"在此处创建",insertRecordEnd:"创建于表格末尾",insertRecordStart:"创建于表格起始",deleteRow:"删除该行",duplicateRow:"为该行创建副本",sortColumn:"更改排序",hideColumn:"隐藏该列",editCell:"编辑单元格",editRow:"编辑该行",selectAll:"全选",selectCell:"选择单元格",selectRow:"选择该行",deselect:"取消选择",previousPage:"上一页",nextPage:"下一页",firstPage:"回到首页",lastPage:"去往末页",version:"ZingGrid版本",resetState:"重置表格",save:"保存",cancel:"取消",freezeColumnLeft:"固定该列于左侧",freezeColumnRight:"固定该列于右侧",unfreezeColumn:"取消固定该列",freezeRowTop:"固定该行于顶端",freezeRowBottom:"固定该行于底端",unfreezeRow:"取消固定该行"},date:{shortMonth:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],longMonth:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],twoWeek:["周日","周一","周二","周三","周四","周五","周六"],shortWeek:["周日","周一","周二","周三","周四","周五","周六"],longWeek:["星期日","星期一","星期二","星期三","星期四","星期五","星期日"],am:"上午",pm:"下午",startWeek:0,startYear:6,fromNow:{seconds:"%v 秒钟",minute:"1 分钟",minutes:"%v 分钟",hour:"1 小时",hours:"%v 小时",day:"1 天",days:"%v 天",month:"1 月",months:"%v 月",year:"1 年",years:"%v 年",past:"%v前",future:"%v后"}},dialog:{cancel:"取消",close:"X",confirm:"确认",create:"创建",delete:"删除",ok:"Ok",read:{errorMsg:"服务器出错，无法读取数据"},recordCreate:{label:"创建新记录",successMsg:"创建成功!",errorMsg:"服务器出错，无法创建新记录"},recordDelete:{body:"您确认要删除这条记录吗？",label:"再次确认",successMsg:"删除成功！",errorMsg:"服务器出错, 无法删除该记录"},recordInfo:{label:"详情",errorMsg:"服务器出错，无法读取数据"},recordUpdate:{label:"更新该记录",successMsg:"记录更新成功！",errorMsg:"服务器出错，无法更新该记录"},fieldUpdate:{label:"更新该数据",successMsg:"数据更新成功！",errorMsg:"服务器出错,无法更新该数据"},removeXSelectedRows:{body:"您确认要删除这条记录吗？",label:"删除 %v 条数据",successMsg:"记录删除成功！"},version:{body:"建于",label:"当前版本"},save:"保存"},drag:{remove:"释放即可隐藏",reorder:"拖拽到表格外可隐藏"},iconSet:{invalidVendor:"添加到 [%v] 的值与第三方列表的可用值不匹配",invalidVendorMethod:'内部错误: 加载 [%v="%v"] 图标时出现问题, 回退到默认图标'},loadMask:{title:"加载中"},noData:{message:"没有记录可显示",insertRecord:"创建新记录"},pagination:{page:"第",pageOf:", 共",pageNext:"下一页",pagePrev:"上一页",rows:"行"},tools:{filter:"过滤",search:"输入搜索内容",selected:"选中 %v 个"},tooltip:{layoutCard:"为画廊",layoutRow:"为列表",recordCreate:"创建新纪录",reload:"重新加载表格",editrecord:"编辑该记录",firstpage:"返回首页",fixedmenu:"打开菜单",lastpage:"前往末页",menu:"打开列菜单",nextpage:"下一页",prevpage:"上一页",duplicaterecord:"为该记录创建一个副本",removerecord:"移除该记录",search:"打开搜索",openrowgroup:"展开",closerowgroup:"收起"},validation:{errorMessage:"验证失败"},watermark:{poweredBy:"由 <strong>ZingGrid</strong> 提供支持"}}},35455:()=>{!function(){if("undefined"==typeof window||"function"==typeof window.CustomEvent)return!1;function e(e,t){t=t||{bubbles:!1,cancelable:!1,detail:void 0};var o=document.createEvent("CustomEvent");return o.initCustomEvent(e,t.bubbles,t.cancelable,t.detail),o}e.prototype=window.Event.prototype,window.CustomEvent=e}()},53305:function(e,t,o){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}(function(){"use strict";var e,t="undefined"!=typeof window&&window===this?this:void 0!==o.g&&null!=o.g?o.g:this,r="function"==typeof Object.defineProperties?Object.defineProperty:function(e,t,o){e!=Array.prototype&&e!=Object.prototype&&(e[t]=o.value)};function i(){i=function(){},t.Symbol||(t.Symbol=s)}var a,s=(a=0,function(e){return"jscomp_symbol_"+(e||"")+a++});function l(){i();var e=t.Symbol.iterator;e||(e=t.Symbol.iterator=t.Symbol("iterator")),"function"!=typeof Array.prototype[e]&&r(Array.prototype,e,{configurable:!0,writable:!0,value:function(){return d(this)}}),l=function(){}}function d(e){var o=0;return function(e){return l(),e={next:e},e[t.Symbol.iterator]=function(){return this},e}((function(){return o<e.length?{done:!1,value:e[o++]}:{done:!0}}))}function c(e){l(),i(),l();var t=e[Symbol.iterator];return t?t.call(e):d(e)}function u(){this.da=this.root=null,this.N=!1,this.w=this.K=this.W=this.assignedSlot=this.assignedNodes=this.C=null,this.childNodes=this.nextSibling=this.previousSibling=this.lastChild=this.firstChild=this.parentNode=this.F=void 0,this.$=this.aa=!1,this.J={}}function h(e){return e.__shady||(e.__shady=new u),e.__shady}function f(e){return e&&e.__shady}u.prototype.toJSON=function(){return{}};var p=window.ShadyDOM||{};p.ra=!(!Element.prototype.attachShadow||!Node.prototype.getRootNode);var g=Object.getOwnPropertyDescriptor(Node.prototype,"firstChild");function m(e){return(e=f(e))&&void 0!==e.firstChild}function b(e){return"ShadyRoot"===e.la}function v(e){return(e=(e=f(e))&&e.root)&&vt(e)}p.j=!!(g&&g.configurable&&g.get),p.X=p.force||!p.ra,p.D=p.noPatch||!1,p.ca=p.preferPerformance;var y=Element.prototype,w=y.matches||y.matchesSelector||y.mozMatchesSelector||y.msMatchesSelector||y.oMatchesSelector||y.webkitMatchesSelector,z=document.createTextNode(""),C=0,S=[];function k(e){S.push(e),z.textContent=C++}new MutationObserver((function(){for(;S.length;)try{S.shift()()}catch(e){throw z.textContent=C++,e}})).observe(z,{characterData:!0});var x=!!document.contains;function O(e,t){for(;t;){if(t==e)return!0;t=t.__shady_parentNode}return!1}function _(e){for(var t=e.length-1;0<=t;t--){var o=e[t],n=o.getAttribute("id")||o.getAttribute("name");n&&"length"!==n&&isNaN(n)&&(e[n]=o)}return e.item=function(t){return e[t]},e.namedItem=function(t){if("length"!==t&&isNaN(t)&&e[t])return e[t];for(var o=c(e),n=o.next();!n.done;n=o.next())if(((n=n.value).getAttribute("id")||n.getAttribute("name"))==t)return n;return null},e}function R(e,t,o,n){for(var r in o=void 0===o?"":o,t){var i=t[r];if(!(n&&0<=n.indexOf(r))){i.configurable=!0;var a=o+r;if(i.value)e[a]=i.value;else try{Object.defineProperty(e,a,i)}catch(e){}}}}function E(e){var t={};return Object.getOwnPropertyNames(e).forEach((function(o){t[o]=Object.getOwnPropertyDescriptor(e,o)})),t}var M,D=[];function T(e){M||(M=!0,k(A)),D.push(e)}function A(){M=!1;for(var e=!!D.length;D.length;)D.shift()();return e}function I(){this.a=!1,this.addedNodes=[],this.removedNodes=[],this.M=new Set}A.list=D,I.prototype.flush=function(){if(this.a){this.a=!1;var e=this.takeRecords();e.length&&this.M.forEach((function(t){t(e)}))}},I.prototype.takeRecords=function(){if(this.addedNodes.length||this.removedNodes.length){var e=[{addedNodes:this.addedNodes,removedNodes:this.removedNodes}];return this.addedNodes=[],this.removedNodes=[],e}return[]};var L=/[&\u00A0"]/g,Z=/[&\u00A0<>]/g;function P(e){switch(e){case"&":return"&amp;";case"<":return"&lt;";case">":return"&gt;";case'"':return"&quot;";case" ":return"&nbsp;"}}function F(e){for(var t={},o=0;o<e.length;o++)t[e[o]]=!0;return t}var N=F("area base br col command embed hr img input keygen link meta param source track wbr".split(" ")),B=F("style script xmp iframe noembed noframes plaintext noscript".split(" "));function G(e,t){"template"===e.localName&&(e=e.content);for(var o="",n=t?t(e):e.childNodes,r=0,i=n.length,a=void 0;r<i&&(a=n[r]);r++){e:{var s=a,l=e,d=t;switch(s.nodeType){case Node.ELEMENT_NODE:for(var c,u="<"+(l=s.localName),h=s.attributes,f=0;c=h[f];f++)u+=" "+c.name+'="'+c.value.replace(L,P)+'"';u+=">",s=N[l]?u:u+G(s,d)+"</"+l+">";break e;case Node.TEXT_NODE:s=s.data,s=l&&B[l.localName]?s:s.replace(Z,P);break e;case Node.COMMENT_NODE:s="\x3c!--"+s.data+"--\x3e";break e;default:throw window.console.error(s),Error("not implemented")}}o+=s}return o}var H=p.j,j={querySelector:function(e){return this.__shady_native_querySelector(e)},querySelectorAll:function(e){return this.__shady_native_querySelectorAll(e)}},U={};function W(e){U[e]=function(t){return t["__shady_native_"+e]}}function V(e,t){for(var o in R(e,t,"__shady_native_"),t)W(o)}function q(e,t){t=void 0===t?[]:t;for(var o=0;o<t.length;o++){var n=t[o],r=Object.getOwnPropertyDescriptor(e,n);r&&(Object.defineProperty(e,"__shady_native_"+n,r),r.value?j[n]||(j[n]=r.value):W(n))}}var K=document.createTreeWalker(document,NodeFilter.SHOW_ALL,null,!1),Y=document.createTreeWalker(document,NodeFilter.SHOW_ELEMENT,null,!1),X=document.implementation.createHTMLDocument("inert");function J(e){for(var t;t=e.__shady_native_firstChild;)e.__shady_native_removeChild(t)}var Q=["firstElementChild","lastElementChild","children","childElementCount"],$=["querySelector","querySelectorAll"];var ee,te=E({get childNodes(){return this.__shady_childNodes},get firstChild(){return this.__shady_firstChild},get lastChild(){return this.__shady_lastChild},get textContent(){return this.__shady_textContent},set textContent(e){this.__shady_textContent=e},get childElementCount(){return this.__shady_childElementCount},get children(){return this.__shady_children},get firstElementChild(){return this.__shady_firstElementChild},get lastElementChild(){return this.__shady_lastElementChild},get innerHTML(){return this.__shady_innerHTML},set innerHTML(e){return this.__shady_innerHTML=e},get shadowRoot(){return this.__shady_shadowRoot}}),oe=E({get parentElement(){return this.__shady_parentElement},get parentNode(){return this.__shady_parentNode},get nextSibling(){return this.__shady_nextSibling},get previousSibling(){return this.__shady_previousSibling},get nextElementSibling(){return this.__shady_nextElementSibling},get previousElementSibling(){return this.__shady_previousElementSibling},get className(){return this.__shady_className},set className(e){return this.__shady_className=e}});for(ee in te)te[ee].enumerable=!1;for(var ne in oe)oe[ne].enumerable=!1;var re=p.j||p.D,ie=re?function(){}:function(e){var t=h(e);t.aa||(t.aa=!0,R(e,oe))},ae=re?function(){}:function(e){var t=h(e);t.$||(t.$=!0,R(e,te))},se="__eventWrappers"+Date.now(),le=function(){var e=Object.getOwnPropertyDescriptor(Event.prototype,"composed");return e?function(t){return e.get.call(t)}:null}(),de={blur:!0,focus:!0,focusin:!0,focusout:!0,click:!0,dblclick:!0,mousedown:!0,mouseenter:!0,mouseleave:!0,mousemove:!0,mouseout:!0,mouseover:!0,mouseup:!0,wheel:!0,beforeinput:!0,input:!0,keydown:!0,keyup:!0,compositionstart:!0,compositionupdate:!0,compositionend:!0,touchstart:!0,touchend:!0,touchmove:!0,touchcancel:!0,pointerover:!0,pointerenter:!0,pointerdown:!0,pointermove:!0,pointerup:!0,pointercancel:!0,pointerout:!0,pointerleave:!0,gotpointercapture:!0,lostpointercapture:!0,dragstart:!0,drag:!0,dragenter:!0,dragleave:!0,dragover:!0,drop:!0,dragend:!0,DOMActivate:!0,DOMFocusIn:!0,DOMFocusOut:!0,keypress:!0},ce={DOMAttrModified:!0,DOMAttributeNameChanged:!0,DOMCharacterDataModified:!0,DOMElementNameChanged:!0,DOMNodeInserted:!0,DOMNodeInsertedIntoDocument:!0,DOMNodeRemoved:!0,DOMNodeRemovedFromDocument:!0,DOMSubtreeModified:!0};function ue(e){return e instanceof Node?e.__shady_getRootNode():e}function he(e,t){var o=[],n=e;for(e=ue(e);n;)o.push(n),n=n.__shady_assignedSlot?n.__shady_assignedSlot:n.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&n.host&&(t||n!==e)?n.host:n.__shady_parentNode;return o[o.length-1]===document&&o.push(window),o}function fe(e,t){if(!b)return e;e=he(e,!0);for(var o,n,r=0,i=void 0,a=void 0;r<t.length;r++)if((n=ue(o=t[r]))!==i&&(a=e.indexOf(n),i=n),!b(n)||-1<a)return o}function pe(e){function t(t,o){return(t=new e(t,o)).__composed=o&&!!o.composed,t}return t.__proto__=e,t.prototype=e.prototype,t}var ge={focus:!0,blur:!0};function me(e){return e.__target!==e.target||e.__relatedTarget!==e.relatedTarget}function be(e,t,o){if(o=t.__handlers&&t.__handlers[e.type]&&t.__handlers[e.type][o])for(var n,r=0;(n=o[r])&&(!me(e)||e.target!==e.relatedTarget)&&(n.call(t,e),!e.__immediatePropagationStopped);r++);}function ve(e){var t,o=e.composedPath();Object.defineProperty(e,"currentTarget",{get:function(){return r},configurable:!0});for(var n=o.length-1;0<=n;n--){var r=o[n];if(be(e,r,"capture"),e.T)return}for(Object.defineProperty(e,"eventPhase",{get:function(){return Event.AT_TARGET}}),n=0;n<o.length;n++){var i=f(r=o[n]);if(i=i&&i.root,(0===n||i&&i===t)&&(be(e,r,"bubble"),r!==window&&(t=r.__shady_getRootNode()),e.T))break}}function ye(e,t,o,n,r,i){for(var a=0;a<e.length;a++){var s=e[a],l=s.type,d=s.capture,c=s.once,u=s.passive;if(t===s.node&&o===l&&n===d&&r===c&&i===u)return a}return-1}function we(e,t,o){if(t){var r=n(t);if(("function"===r||"object"===r)&&("object"!==r||t.handleEvent&&"function"==typeof t.handleEvent)){if(ce[e])return this.__shady_native_addEventListener(e,t,o);if(o&&"object"===n(o))var i=!!o.capture,a=!!o.once,s=!!o.passive;else i=!!o,s=a=!1;var l=o&&o.U||this,d=t[se];if(d){if(-1<ye(d,l,e,i,a,s))return}else t[se]=[];d=function(n){if(a&&this.__shady_removeEventListener(e,t,o),n.__target||Se(n),l!==this){var i=Object.getOwnPropertyDescriptor(n,"currentTarget");Object.defineProperty(n,"currentTarget",{get:function(){return l},configurable:!0})}if(n.__previousCurrentTarget=n.currentTarget,(!b(l)||-1!=n.composedPath().indexOf(l))&&(n.composed||-1<n.composedPath().indexOf(l)))if(me(n)&&n.target===n.relatedTarget)n.eventPhase===Event.BUBBLING_PHASE&&n.stopImmediatePropagation();else if(n.eventPhase===Event.CAPTURING_PHASE||n.bubbles||n.target===l||l instanceof Window){var s="function"===r?t.call(l,n):t.handleEvent&&t.handleEvent(n);return l!==this&&(i?(Object.defineProperty(n,"currentTarget",i),i=null):delete n.currentTarget),s}},t[se].push({node:l,type:e,capture:i,once:a,passive:s,Ea:d}),ge[e]?(this.__handlers=this.__handlers||{},this.__handlers[e]=this.__handlers[e]||{capture:[],bubble:[]},this.__handlers[e][i?"capture":"bubble"].push(d)):this.__shady_native_addEventListener(e,d,o)}}}function ze(e,t,o){if(t){if(ce[e])return this.__shady_native_removeEventListener(e,t,o);if(o&&"object"===n(o))var r=!!o.capture,i=!!o.once,a=!!o.passive;else r=!!o,a=i=!1;var s=o&&o.U||this,l=void 0,d=null;try{d=t[se]}catch(e){}d&&(-1<(i=ye(d,s,e,r,i,a))&&(l=d.splice(i,1)[0].Ea,d.length||(t[se]=void 0))),this.__shady_native_removeEventListener(e,l||t,o),l&&ge[e]&&this.__handlers&&this.__handlers[e]&&(-1<(l=(e=this.__handlers[e][r?"capture":"bubble"]).indexOf(l))&&e.splice(l,1))}}var Ce=E({get composed(){return void 0===this.__composed&&(le?this.__composed="focusin"===this.type||"focusout"===this.type||le(this):!1!==this.isTrusted&&(this.__composed=de[this.type])),this.__composed||!1},composedPath:function(){return this.__composedPath||(this.__composedPath=he(this.__target,this.composed)),this.__composedPath},get target(){return fe(this.currentTarget||this.__previousCurrentTarget,this.composedPath())},get relatedTarget(){return this.__relatedTarget?(this.__relatedTargetComposedPath||(this.__relatedTargetComposedPath=he(this.__relatedTarget,!0)),fe(this.currentTarget||this.__previousCurrentTarget,this.__relatedTargetComposedPath)):null},stopPropagation:function(){Event.prototype.stopPropagation.call(this),this.T=!0},stopImmediatePropagation:function(){Event.prototype.stopImmediatePropagation.call(this),this.T=this.__immediatePropagationStopped=!0}});function Se(e){if(e.__target=e.target,e.__relatedTarget=e.relatedTarget,p.j){var t=Object.getPrototypeOf(e);if(!Object.hasOwnProperty(t,"__shady_patchedProto")){var o=Object.create(t);o.__shady_sourceProto=t,R(o,Ce),t.__shady_patchedProto=o}e.__proto__=t.__shady_patchedProto}else R(e,Ce)}var ke=pe(Event),xe=pe(CustomEvent),Oe=pe(MouseEvent);var _e=Object.getOwnPropertyNames(Document.prototype).filter((function(e){return"on"===e.substring(0,2)}));function Re(e,t){return{index:e,G:[],L:t}}function Ee(e,t,o,n){var r=0,i=0,a=0,s=0,l=Math.min(t-r,n-i);if(0==r&&0==i)e:{for(a=0;a<l;a++)if(e[a]!==o[a])break e;a=l}if(t==e.length&&n==o.length){s=e.length;for(var d=o.length,c=0;c<l-a&&Me(e[--s],o[--d]);)c++;s=c}if(i+=a,n-=s,0==(t-=s)-(r+=a)&&0==n-i)return[];if(r==t){for(t=Re(r,0);i<n;)t.G.push(o[i++]);return[t]}if(i==n)return[Re(r,t-r)];for(n=n-(a=i)+1,s=t-(l=r)+1,t=Array(n),d=0;d<n;d++)t[d]=Array(s),t[d][0]=d;for(d=0;d<s;d++)t[0][d]=d;for(d=1;d<n;d++)for(c=1;c<s;c++)if(e[l+c-1]===o[a+d-1])t[d][c]=t[d-1][c-1];else{var u=t[d-1][c]+1,h=t[d][c-1]+1;t[d][c]=u<h?u:h}for(l=t.length-1,a=t[0].length-1,n=t[l][a],e=[];0<l||0<a;)0==l?(e.push(2),a--):0==a?(e.push(3),l--):(s=t[l-1][a-1],(u=(d=t[l-1][a])<(c=t[l][a-1])?d<s?d:s:c<s?c:s)==s?(s==n?e.push(0):(e.push(1),n=s),l--,a--):u==d?(e.push(3),l--,n=d):(e.push(2),a--,n=c));for(e.reverse(),t=void 0,l=[],a=0;a<e.length;a++)switch(e[a]){case 0:t&&(l.push(t),t=void 0),r++,i++;break;case 1:t||(t=Re(r,0)),t.L++,r++,t.G.push(o[i]),i++;break;case 2:t||(t=Re(r,0)),t.L++,r++;break;case 3:t||(t=Re(r,0)),t.G.push(o[i]),i++}return t&&l.push(t),l}function Me(e,t){return e===t}function De(e,t,o){ie(e),o=o||null;var n=h(e),r=h(t),i=o?h(o):null;n.previousSibling=o?i.previousSibling:t.__shady_lastChild,(i=f(n.previousSibling))&&(i.nextSibling=e),(i=f(n.nextSibling=o))&&(i.previousSibling=e),n.parentNode=t,o?o===r.firstChild&&(r.firstChild=e):(r.lastChild=e,r.firstChild||(r.firstChild=e)),r.childNodes=null}function Te(e){var t=h(e);if(void 0===t.firstChild){t.childNodes=null;var o=t.firstChild=e.__shady_native_firstChild||null;for(t.lastChild=e.__shady_native_lastChild||null,ae(e),t=o,o=void 0;t;t=t.__shady_native_nextSibling){var n=h(t);n.parentNode=e,n.nextSibling=t.__shady_native_nextSibling||null,n.previousSibling=o||null,o=t,ie(t)}}}var Ae=null;function Ie(){return Ae||(Ae=window.ShadyCSS&&window.ShadyCSS.ScopingShim),Ae||null}function Le(e,t){var o=Ie();o&&o.unscopeNode(e,t)}function Ze(e,t){var o=Ie();if(!o)return!0;if(e.nodeType===Node.DOCUMENT_FRAGMENT_NODE){o=!0,e=e.__shady_childNodes;for(var n=0;o&&n<e.length;n++)o=o&&Ze(e[n],t);return o}return e.nodeType!==Node.ELEMENT_NODE||o.currentScopeForNode(e)===t}function Pe(e){if(e.nodeType!==Node.ELEMENT_NODE)return"";var t=Ie();return t?t.currentScopeForNode(e):""}function Fe(e,t){if(e){e.nodeType===Node.ELEMENT_NODE&&t(e),e=e.__shady_childNodes;for(var o,n=0;n<e.length;n++)(o=e[n]).nodeType===Node.ELEMENT_NODE&&Fe(o,t)}}var Ne=window.document,Be=p.ca,Ge=Object.getOwnPropertyDescriptor(Node.prototype,"isConnected"),He=Ge&&Ge.get;function je(e){for(var t;t=e.__shady_firstChild;)e.__shady_removeChild(t)}function Ue(e){var t=f(e);if(t&&void 0!==t.F)for(var o=0,n=(t=e.__shady_childNodes).length,r=void 0;o<n&&(r=t[o]);o++)Ue(r);(e=f(e))&&(e.F=void 0)}function We(e){var t=e;return e&&"slot"===e.localName&&(t=(t=(t=f(e))&&t.w)&&t.length?t[0]:We(e.__shady_nextSibling)),t}function Ve(e,t,o){(e=(e=f(e))&&e.C)&&(t&&e.addedNodes.push(t),o&&e.removedNodes.push(o),function(e){e.a||(e.a=!0,k((function(){e.flush()})))}(e))}var qe=E({get parentNode(){var e=f(this);return void 0!==(e=e&&e.parentNode)?e:this.__shady_native_parentNode},get firstChild(){var e=f(this);return void 0!==(e=e&&e.firstChild)?e:this.__shady_native_firstChild},get lastChild(){var e=f(this);return void 0!==(e=e&&e.lastChild)?e:this.__shady_native_lastChild},get nextSibling(){var e=f(this);return void 0!==(e=e&&e.nextSibling)?e:this.__shady_native_nextSibling},get previousSibling(){var e=f(this);return void 0!==(e=e&&e.previousSibling)?e:this.__shady_native_previousSibling},get childNodes(){if(m(this)){var e=f(this);if(!e.childNodes){e.childNodes=[];for(var t=this.__shady_firstChild;t;t=t.__shady_nextSibling)e.childNodes.push(t)}var o=e.childNodes}else o=this.__shady_native_childNodes;return o.item=function(e){return o[e]},o},get parentElement(){var e=f(this);return(e=e&&e.parentNode)&&e.nodeType!==Node.ELEMENT_NODE&&(e=null),void 0!==e?e:this.__shady_native_parentElement},get isConnected(){if(He&&He.call(this))return!0;if(this.nodeType==Node.DOCUMENT_FRAGMENT_NODE)return!1;var e=this.ownerDocument;if(x){if(e.__shady_native_contains(this))return!0}else if(e.documentElement&&e.documentElement.__shady_native_contains(this))return!0;for(e=this;e&&!(e instanceof Document);)e=e.__shady_parentNode||(b(e)?e.host:void 0);return!!(e&&e instanceof Document)},get textContent(){if(m(this)){for(var e,t=[],o=0,n=this.__shady_childNodes;e=n[o];o++)e.nodeType!==Node.COMMENT_NODE&&t.push(e.__shady_textContent);return t.join("")}return this.__shady_native_textContent},set textContent(e){switch(null==e&&(e=""),this.nodeType){case Node.ELEMENT_NODE:case Node.DOCUMENT_FRAGMENT_NODE:if(!m(this)&&p.j){var t=this.__shady_firstChild;(t!=this.__shady_lastChild||t&&t.nodeType!=Node.TEXT_NODE)&&je(this),this.__shady_native_textContent=e}else je(this),(0<e.length||this.nodeType===Node.ELEMENT_NODE)&&this.__shady_insertBefore(document.createTextNode(e));break;default:this.nodeValue=e}},insertBefore:function(e,t){if(this.ownerDocument!==Ne&&e.ownerDocument!==Ne)return this.__shady_native_insertBefore(e,t),e;if(e===this)throw Error("Failed to execute 'appendChild' on 'Node': The new child element contains the parent.");if(t){var o=f(t);if(void 0!==(o=o&&o.parentNode)&&o!==this||void 0===o&&t.__shady_native_parentNode!==this)throw Error("Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.")}if(t===e)return e;var n=[],r=(o=zt(this))?o.host.localName:Pe(this),i=e.__shady_parentNode;if(i){var a=Pe(e);i.__shady_removeChild(e,!!o||!zt(e))}i=!0;var s=!(Be&&void 0!==e.__noInsertionPoint||Ze(e,r)),l=o&&!e.__noInsertionPoint&&(!Be||e.nodeType===Node.DOCUMENT_FRAGMENT_NODE);return(l||s)&&(s&&(a=a||Pe(e)),Fe(e,(function(e){if(l&&"slot"===e.localName&&n.push(e),s){var t=a;Ie()&&(t&&Le(e,t),(t=Ie())&&t.scopeNode(e,r))}}))),("slot"===this.localName||n.length)&&(n.length&&(o.c=o.c||[],o.a=o.a||[],o.b=o.b||{},o.c.push.apply(o.c,n instanceof Array?n:function(e){for(var t,o=[];!(t=e.next()).done;)o.push(t.value);return o}(c(n)))),o&&ct(o)),m(this)&&(function(e,t,o){ae(t);var n=h(t);if(void 0!==n.firstChild&&(n.childNodes=null),e.nodeType===Node.DOCUMENT_FRAGMENT_NODE){n=e.__shady_childNodes;for(var r=0;r<n.length;r++)De(n[r],t,o);t=void 0!==(e=h(e)).firstChild?null:void 0,e.firstChild=e.lastChild=t,e.childNodes=t}else De(e,t,o)}(e,this,t),o=f(this),v(this)?(ct(o.root),i=!1):o.root&&(i=!1)),i?(o=b(this)?this.host:this,t?(t=We(t),o.__shady_native_insertBefore(e,t)):o.__shady_native_appendChild(e)):e.ownerDocument!==this.ownerDocument&&this.ownerDocument.adoptNode(e),Ve(this,e),e},appendChild:function(e){return this.__shady_insertBefore(e)},removeChild:function(e,t){if(t=void 0!==t&&t,this.ownerDocument!==Ne)return this.__shady_native_removeChild(e);if(e.__shady_parentNode!==this)throw Error("The node to be removed is not a child of this node: "+e);var o=zt(e),n=o&&function(e,t){if(e.a){gt(e);var o,n=e.b;for(o in n)for(var r=n[o],i=0;i<r.length;i++){var a=r[i];if(O(t,a)){r.splice(i,1);var s=e.a.indexOf(a);if(0<=s&&(e.a.splice(s,1),(s=f(a.__shady_parentNode))&&s.I&&s.I--),i--,s=(a=f(a)).w)for(var l=0;l<s.length;l++){var d=s[l],c=d.__shady_native_parentNode;c&&c.__shady_native_removeChild(d)}a.w=[],a.assignedNodes=[],s=!0}}return s}}(o,e),r=f(this);if(m(this)&&(function(e,t){var o=h(e);e===(t=h(t)).firstChild&&(t.firstChild=o.nextSibling),e===t.lastChild&&(t.lastChild=o.previousSibling),e=o.previousSibling;var n=o.nextSibling;e&&(h(e).nextSibling=n),n&&(h(n).previousSibling=e),o.parentNode=o.previousSibling=o.nextSibling=void 0,void 0!==t.childNodes&&(t.childNodes=null)}(e,this),v(this))){ct(r.root);var i=!0}if(Ie()&&!t&&o){var a=Pe(e);Fe(e,(function(e){Le(e,a)}))}return Ue(e),o&&((t=this&&"slot"===this.localName)&&(i=!0),(n||t)&&ct(o)),i||(i=b(this)?this.host:this,(!r.root&&"slot"!==e.localName||i===e.__shady_native_parentNode)&&i.__shady_native_removeChild(e)),Ve(this,null,e),e},replaceChild:function(e,t){return this.__shady_insertBefore(e,t),this.__shady_removeChild(t),e},cloneNode:function(e){if("template"==this.localName)return this.__shady_native_cloneNode(e);var t=this.__shady_native_cloneNode(!1);if(e&&t.nodeType!==Node.ATTRIBUTE_NODE){e=this.__shady_childNodes;for(var o,n=0;n<e.length;n++)o=e[n].__shady_cloneNode(!0),t.__shady_appendChild(o)}return t},getRootNode:function(e){if(this&&this.nodeType){var t=h(this),o=t.F;return void 0===o&&(b(this)?(o=this,t.F=o):(o=(o=this.__shady_parentNode)?o.__shady_getRootNode(e):this,document.documentElement.__shady_native_contains(this)&&(t.F=o))),o}},contains:function(e){return O(this,e)}});function Ke(e,t,o){var n=[];return Ye(e.__shady_childNodes,t,o,n),n}function Ye(e,t,o,n){for(var r=0,i=e.length,a=void 0;r<i&&(a=e[r]);r++){var s;if(s=a.nodeType===Node.ELEMENT_NODE){var l=t,d=o,c=n,u=l(s=a);u&&c.push(s),d&&d(u)?s=u:(Ye(s.__shady_childNodes,l,d,c),s=void 0)}if(s)break}}var Xe=E({get firstElementChild(){var e=f(this);if(e&&void 0!==e.firstChild){for(e=this.__shady_firstChild;e&&e.nodeType!==Node.ELEMENT_NODE;)e=e.__shady_nextSibling;return e}return this.__shady_native_firstElementChild},get lastElementChild(){var e=f(this);if(e&&void 0!==e.lastChild){for(e=this.__shady_lastChild;e&&e.nodeType!==Node.ELEMENT_NODE;)e=e.__shady_previousSibling;return e}return this.__shady_native_lastElementChild},get children(){return m(this)?_(Array.prototype.filter.call(this.__shady_childNodes,(function(e){return e.nodeType===Node.ELEMENT_NODE}))):this.__shady_native_children},get childElementCount(){var e=this.__shady_children;return e?e.length:0}}),Je=E({querySelector:function(e){return Ke(this,(function(t){return w.call(t,e)}),(function(e){return!!e}))[0]||null},querySelectorAll:function(e,t){if(t){t=Array.prototype.slice.call(this.__shady_native_querySelectorAll(e));var o=this.__shady_getRootNode();return t.filter((function(e){return e.__shady_getRootNode()==o}))}return Ke(this,(function(t){return w.call(t,e)}))}}),Qe=p.ca?Object.assign({},Xe):Xe;Object.assign(Xe,Je);var $e=E({getElementById:function(e){return""===e?null:Ke(this,(function(t){return t.id==e}),(function(e){return!!e}))[0]||null}}),et=E({get activeElement(){var e=p.j?document.__shady_native_activeElement:document.activeElement;if(!e||!e.nodeType)return null;var t=!!b(this);if(!(this===document||t&&this.host!==e&&this.host.__shady_native_contains(e)))return null;for(t=zt(e);t&&t!==this;)t=zt(e=t.host);return this===document?t?null:e:t===this?e:null}}),tt=document.implementation.createHTMLDocument("inert"),ot=E({get innerHTML(){return m(this)?G("template"===this.localName?this.content:this,(function(e){return e.__shady_childNodes})):this.__shady_native_innerHTML},set innerHTML(e){if("template"===this.localName)this.__shady_native_innerHTML=e;else{je(this);var t=this.localName||"div";for(t=this.namespaceURI&&this.namespaceURI!==tt.namespaceURI?tt.createElementNS(this.namespaceURI,t):tt.createElement(t),p.j?t.__shady_native_innerHTML=e:t.innerHTML=e;e=t.__shady_firstChild;)this.__shady_insertBefore(e)}}}),nt=E({addEventListener:function(e,t,o){"object"!==n(o)&&(o={capture:!!o}),o.U=this,this.host.__shady_addEventListener(e,t,o)},removeEventListener:function(e,t,o){"object"!==n(o)&&(o={capture:!!o}),o.U=this,this.host.__shady_removeEventListener(e,t,o)}});function rt(e,t){R(e,nt,t),R(e,et,t),R(e,ot,t),R(e,Xe,t),p.D&&!t?(R(e,qe,t),R(e,$e,t)):p.j||(R(e,oe),R(e,te))}var it,at={},st=p.deferConnectionCallbacks&&"loading"===document.readyState;function lt(e){var t=[];do{t.unshift(e)}while(e=e.__shady_parentNode);return t}function dt(e,t,o){if(e!==at)throw new TypeError("Illegal constructor");if(this.la="ShadyRoot",this.host=t,this.mode=o&&o.mode,Te(t),(e=h(t)).root=this,e.da="closed"!==this.mode?this:null,(e=h(this)).firstChild=e.lastChild=e.parentNode=e.nextSibling=e.previousSibling=null,e.childNodes=[],this.V=this.v=!1,this.c=this.b=this.a=null,p.preferPerformance)for(;e=t.__shady_native_firstChild;)t.__shady_native_removeChild(e);else ct(this)}function ct(e){e.v||(e.v=!0,T((function(){return ut(e)})))}function ut(e){var t;if(t=e.v){for(var o;e;)e.v&&(o=e),b(e=(t=e).host.__shady_getRootNode())&&(t=f(t.host))&&0<t.I||(e=void 0);t=o}(o=t)&&o._renderSelf()}function ht(e,t,o){var n=h(t),r=n.K;n.K=null,o||(o=(e=e.b[t.__shady_slot||"__catchall"])&&e[0]),o?(h(o).assignedNodes.push(t),n.assignedSlot=o):n.assignedSlot=void 0,r!==n.assignedSlot&&n.assignedSlot&&(h(n.assignedSlot).N=!0)}function ft(e,t,o){for(var n=0,r=void 0;n<o.length&&(r=o[n]);n++)if("slot"==r.localName){var i=f(r).assignedNodes;i&&i.length&&ft(e,t,i)}else t.push(o[n])}function pt(e,t){t.__shady_native_dispatchEvent(new Event("slotchange")),(t=f(t)).assignedSlot&&pt(e,t.assignedSlot)}function gt(e){if(e.c&&e.c.length){for(var t,o=e.c,n=0;n<o.length;n++){var r=o[n];Te(r);var i=r.__shady_parentNode;Te(i),(i=f(i)).I=(i.I||0)+1,i=mt(r),e.b[i]?((t=t||{})[i]=!0,e.b[i].push(r)):e.b[i]=[r],e.a.push(r)}if(t)for(var a in t)e.b[a]=bt(e.b[a]);e.c=[]}}function mt(e){var t=e.name||e.getAttribute("name")||"__catchall";return e.ja=t}function bt(e){return e.sort((function(e,t){e=lt(e);for(var o=lt(t),n=0;n<e.length;n++){t=e[n];var r=o[n];if(t!==r)return(e=Array.from(t.__shady_parentNode.__shady_childNodes)).indexOf(t)-e.indexOf(r)}}))}function vt(e){return gt(e),!(!e.a||!e.a.length)}if(dt.prototype._renderSelf=function(){var e=st;if(st=!0,this.v=!1,this.a){gt(this);for(var t,o=0;o<this.a.length;o++){var n=f(t=this.a[o]),r=n.assignedNodes;if(n.assignedNodes=[],n.w=[],n.W=r)for(n=0;n<r.length;n++){var i=f(r[n]);i.K=i.assignedSlot,i.assignedSlot===t&&(i.assignedSlot=null)}}for(o=this.host.__shady_firstChild;o;o=o.__shady_nextSibling)ht(this,o);for(o=0;o<this.a.length;o++){if(!(r=f(t=this.a[o])).assignedNodes.length)for(n=t.__shady_firstChild;n;n=n.__shady_nextSibling)ht(this,n,t);if((n=(n=f(t.__shady_parentNode))&&n.root)&&(vt(n)||n.v)&&n._renderSelf(),ft(this,r.w,r.assignedNodes),n=r.W){for(i=0;i<n.length;i++)f(n[i]).K=null;r.W=null,n.length>r.assignedNodes.length&&(r.N=!0)}r.N&&(r.N=!1,pt(this,t))}for(t=this.a,o=[],r=0;r<t.length;r++)(i=f(n=t[r].__shady_parentNode))&&i.root||!(0>o.indexOf(n))||o.push(n);for(t=0;t<o.length;t++){r=(i=o[t])===this?this.host:i,n=[],i=i.__shady_childNodes;for(var a=0;a<i.length;a++){var s=i[a];if("slot"==s.localName){s=f(s).w;for(var l=0;l<s.length;l++)n.push(s[l])}else n.push(s)}i=Array.prototype.slice.call(r.__shady_native_childNodes),a=Ee(n,n.length,i,i.length),l=s=0;for(var d=void 0;s<a.length&&(d=a[s]);s++){for(var c=0,u=void 0;c<d.G.length&&(u=d.G[c]);c++)u.__shady_native_parentNode===r&&r.__shady_native_removeChild(u),i.splice(d.index+l,1);l-=d.L}for(l=0,d=void 0;l<a.length&&(d=a[l]);l++)for(s=i[d.index],c=d.index;c<d.index+d.L;c++)u=n[c],r.__shady_native_insertBefore(u,s),i.splice(c,0,u)}}if(!p.preferPerformance&&!this.V)for(t=0,r=(o=this.host.__shady_childNodes).length;t<r;t++)i=f(n=o[t]),n.__shady_native_parentNode!==this.host||"slot"!==n.localName&&i.assignedSlot||this.host.__shady_native_removeChild(n);this.V=!0,st=e,it&&it()},function(e){e.__proto__=DocumentFragment.prototype,rt(e,"__shady_"),rt(e),Object.defineProperties(e,{nodeType:{value:Node.DOCUMENT_FRAGMENT_NODE,configurable:!0},nodeName:{value:"#document-fragment",configurable:!0},nodeValue:{value:null,configurable:!0}}),["localName","namespaceURI","prefix"].forEach((function(t){Object.defineProperty(e,t,{value:void 0,configurable:!0})})),["ownerDocument","baseURI","isConnected"].forEach((function(t){Object.defineProperty(e,t,{get:function(){return this.host[t]},configurable:!0})}))}(dt.prototype),window.customElements&&p.X&&!p.preferPerformance){var yt=new Map;it=function(){var e=[];yt.forEach((function(t,o){e.push([o,t])})),yt.clear();for(var t=0;t<e.length;t++){var o=e[t][0];e[t][1]?o.ha():o.ia()}},st&&document.addEventListener("readystatechange",(function(){st=!1,it()}),{once:!0});var wt=window.customElements.define;Object.defineProperty(window.CustomElementRegistry.prototype,"define",{value:function(e,t){var o=t.prototype.connectedCallback,n=t.prototype.disconnectedCallback;wt.call(window.customElements,e,function(e,t,o){var n=0,r="__isConnected"+n++;return(t||o)&&(e.prototype.connectedCallback=e.prototype.ha=function(){st?yt.set(this,!0):this[r]||(this[r]=!0,t&&t.call(this))},e.prototype.disconnectedCallback=e.prototype.ia=function(){st?this.isConnected||yt.set(this,!1):this[r]&&(this[r]=!1,o&&o.call(this))}),e}(t,o,n)),t.prototype.connectedCallback=o,t.prototype.disconnectedCallback=n}})}function zt(e){if(b(e=e.__shady_getRootNode()))return e}function Ct(e){this.node=e}(e=Ct.prototype).addEventListener=function(e,t,o){return this.node.__shady_addEventListener(e,t,o)},e.removeEventListener=function(e,t,o){return this.node.__shady_removeEventListener(e,t,o)},e.appendChild=function(e){return this.node.__shady_appendChild(e)},e.insertBefore=function(e,t){return this.node.__shady_insertBefore(e,t)},e.removeChild=function(e){return this.node.__shady_removeChild(e)},e.replaceChild=function(e,t){return this.node.__shady_replaceChild(e,t)},e.cloneNode=function(e){return this.node.__shady_cloneNode(e)},e.getRootNode=function(e){return this.node.__shady_getRootNode(e)},e.contains=function(e){return this.node.__shady_contains(e)},e.dispatchEvent=function(e){return this.node.__shady_dispatchEvent(e)},e.setAttribute=function(e,t){this.node.__shady_setAttribute(e,t)},e.getAttribute=function(e){return this.node.__shady_native_getAttribute(e)},e.removeAttribute=function(e){this.node.__shady_removeAttribute(e)},e.attachShadow=function(e){return this.node.__shady_attachShadow(e)},e.focus=function(){this.node.__shady_native_focus()},e.blur=function(){this.node.__shady_blur()},e.importNode=function(e,t){if(this.node.nodeType===Node.DOCUMENT_NODE)return this.node.__shady_importNode(e,t)},e.getElementById=function(e){if(this.node.nodeType===Node.DOCUMENT_NODE)return this.node.__shady_getElementById(e)},e.querySelector=function(e){return this.node.__shady_querySelector(e)},e.querySelectorAll=function(e,t){return this.node.__shady_querySelectorAll(e,t)},e.assignedNodes=function(e){if("slot"===this.node.localName)return this.node.__shady_assignedNodes(e)},t.Object.defineProperties(Ct.prototype,{activeElement:{configurable:!0,enumerable:!0,get:function(){if(b(this.node)||this.node.nodeType===Node.DOCUMENT_NODE)return this.node.__shady_activeElement}},_activeElement:{configurable:!0,enumerable:!0,get:function(){return this.activeElement}},host:{configurable:!0,enumerable:!0,get:function(){if(b(this.node))return this.node.host}},parentNode:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_parentNode}},firstChild:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_firstChild}},lastChild:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_lastChild}},nextSibling:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_nextSibling}},previousSibling:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_previousSibling}},childNodes:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_childNodes}},parentElement:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_parentElement}},firstElementChild:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_firstElementChild}},lastElementChild:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_lastElementChild}},nextElementSibling:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_nextElementSibling}},previousElementSibling:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_previousElementSibling}},children:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_children}},childElementCount:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_childElementCount}},shadowRoot:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_shadowRoot}},assignedSlot:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_assignedSlot}},isConnected:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_isConnected}},innerHTML:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_innerHTML},set:function(e){this.node.__shady_innerHTML=e}},textContent:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_textContent},set:function(e){this.node.__shady_textContent=e}},slot:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_slot},set:function(e){this.node.__shady_slot=e}}}),_e.forEach((function(e){Object.defineProperty(Ct.prototype,e,{get:function(){return this.node["__shady_"+e]},set:function(t){this.node["__shady_"+e]=t},configurable:!0})}));var St=new WeakMap;var kt=E({dispatchEvent:function(e){return A(),this.__shady_native_dispatchEvent(e)},addEventListener:we,removeEventListener:ze}),xt=E({get assignedSlot(){var e=this.__shady_parentNode;return(e=e&&e.__shady_shadowRoot)&&ut(e),(e=f(this))&&e.assignedSlot||null}}),Ot=window.document;function _t(e,t){if("slot"===t)v(e=e.__shady_parentNode)&&ct(f(e).root);else if("slot"===e.localName&&"name"===t&&(t=zt(e))){if(t.a){gt(t);var o=e.ja,n=mt(e);if(n!==o){var r=(o=t.b[o]).indexOf(e);0<=r&&o.splice(r,1),(o=t.b[n]||(t.b[n]=[])).push(e),1<o.length&&(t.b[n]=bt(o))}}ct(t)}}var Rt=E({get previousElementSibling(){var e=f(this);if(e&&void 0!==e.previousSibling){for(e=this.__shady_previousSibling;e&&e.nodeType!==Node.ELEMENT_NODE;)e=e.__shady_previousSibling;return e}return this.__shady_native_previousElementSibling},get nextElementSibling(){var e=f(this);if(e&&void 0!==e.nextSibling){for(e=this.__shady_nextSibling;e&&e.nodeType!==Node.ELEMENT_NODE;)e=e.__shady_nextSibling;return e}return this.__shady_native_nextElementSibling},get slot(){return this.getAttribute("slot")},set slot(e){this.__shady_setAttribute("slot",e)},get shadowRoot(){var e=f(this);return e&&e.da||null},get className(){return this.getAttribute("class")||""},set className(e){this.__shady_setAttribute("class",e)},setAttribute:function(e,t){var o;this.ownerDocument!==Ot?this.__shady_native_setAttribute(e,t):((o=Ie())&&"class"===e?(o.setElementClass(this,t),o=!0):o=!1,o||(this.__shady_native_setAttribute(e,t),_t(this,e)))},removeAttribute:function(e){this.__shady_native_removeAttribute(e),_t(this,e)},attachShadow:function(e){if(!this)throw Error("Must provide a host.");if(!e)throw Error("Not enough arguments.");return new dt(at,this,e)}}),Et=E({blur:function(){var e=f(this);(e=(e=e&&e.root)&&e.activeElement)?e.__shady_blur():this.__shady_native_blur()}});_e.forEach((function(e){Et[e]={set:function(t){var o=h(this),n=e.substring(2);o.J[e]&&this.removeEventListener(n,o.J[e]),this.__shady_addEventListener(n,t),o.J[e]=t},get:function(){var t=f(this);return t&&t.J[e]},configurable:!0}}));var Mt=E({assignedNodes:function(e){if("slot"===this.localName){var t=this.__shady_getRootNode();return t&&b(t)&&ut(t),(t=f(this))&&(e&&e.flatten?t.w:t.assignedNodes)||[]}}}),Dt=window.document,Tt=E({importNode:function(e,t){if(e.ownerDocument!==Dt||"template"===e.localName)return this.__shady_native_importNode(e,t);var o=this.__shady_native_importNode(e,!1);if(t){e=e.__shady_childNodes,t=0;for(var n;t<e.length;t++)n=this.__shady_importNode(e[t],!0),o.__shady_appendChild(n)}return o}}),At=E({addEventListener:we.bind(window),removeEventListener:ze.bind(window)}),It={};Object.getOwnPropertyDescriptor(HTMLElement.prototype,"parentElement")&&(It.parentElement=qe.parentElement),Object.getOwnPropertyDescriptor(HTMLElement.prototype,"contains")&&(It.contains=qe.contains),Object.getOwnPropertyDescriptor(HTMLElement.prototype,"children")&&(It.children=Xe.children),Object.getOwnPropertyDescriptor(HTMLElement.prototype,"innerHTML")&&(It.innerHTML=ot.innerHTML),Object.getOwnPropertyDescriptor(HTMLElement.prototype,"className")&&(It.className=Rt.className);var Lt={EventTarget:[kt],Node:[qe,window.EventTarget?null:kt],Text:[xt],Element:[Rt,Xe,xt,!p.j||"innerHTML"in Element.prototype?ot:null,window.HTMLSlotElement?null:Mt],HTMLElement:[Et,It],HTMLSlotElement:[Mt],DocumentFragment:[Qe,$e],Document:[Tt,Qe,$e,et],Window:[At]},Zt=p.j?null:["innerHTML","textContent"];function Pt(e){var t,o=e?null:Zt,n={};for(t in Lt)n.R=window[t]&&window[t].prototype,Lt[t].forEach(function(t){return function(n){return t.R&&n&&R(t.R,n,e,o)}}(n)),n={R:n.R}}if(p.X){var Ft={inUse:p.X,patch:function(e){return ae(e),ie(e),e},isShadyRoot:b,enqueue:T,flush:A,flushInitial:function(e){!e.V&&e.v&&ut(e)},settings:p,filterMutations:function(e,t){var o=t.getRootNode();return e.map((function(e){var t=o===e.target.getRootNode();if(t&&e.addedNodes){if(t=Array.from(e.addedNodes).filter((function(e){return o===e.getRootNode()})),t.length)return e=Object.create(e),Object.defineProperty(e,"addedNodes",{value:t,configurable:!0}),e}else if(t)return e})).filter((function(e){return e}))},observeChildren:function(e,t){var o=h(e);o.C||(o.C=new I),o.C.M.add(t);var n=o.C;return{ka:t,A:n,ma:e,takeRecords:function(){return n.takeRecords()}}},unobserveChildren:function(e){var t=e&&e.A;t&&(t.M.delete(e.ka),t.M.size||(h(e.ma).C=null))},deferConnectionCallbacks:p.deferConnectionCallbacks,preferPerformance:p.preferPerformance,handlesDynamicScoping:!0,wrap:p.D?function(e){if(b(e)||e instanceof Ct)return e;var t=St.get(e);return t||(t=new Ct(e),St.set(e,t)),t}:function(e){return e},Wrapper:Ct,composedPath:function(e){return e.__composedPath||(e.__composedPath=he(e.target,!0)),e.__composedPath},noPatch:p.D,nativeMethods:j,nativeTree:U};window.ShadyDOM=Ft,function(){var e=["dispatchEvent","addEventListener","removeEventListener"];window.EventTarget?q(window.EventTarget.prototype,e):(q(Node.prototype,e),q(Window.prototype,e)),H?q(Node.prototype,"parentNode firstChild lastChild previousSibling nextSibling childNodes parentElement textContent".split(" ")):V(Node.prototype,{parentNode:{get:function(){return K.currentNode=this,K.parentNode()}},firstChild:{get:function(){return K.currentNode=this,K.firstChild()}},lastChild:{get:function(){return K.currentNode=this,K.lastChild()}},previousSibling:{get:function(){return K.currentNode=this,K.previousSibling()}},nextSibling:{get:function(){return K.currentNode=this,K.nextSibling()}},childNodes:{get:function(){var e=[];K.currentNode=this;for(var t=K.firstChild();t;)e.push(t),t=K.nextSibling();return e}},parentElement:{get:function(){return Y.currentNode=this,Y.parentNode()}},textContent:{get:function(){switch(this.nodeType){case Node.ELEMENT_NODE:case Node.DOCUMENT_FRAGMENT_NODE:for(var e,t=document.createTreeWalker(this,NodeFilter.SHOW_TEXT,null,!1),o="";e=t.nextNode();)o+=e.nodeValue;return o;default:return this.nodeValue}},set:function(e){switch(null==e&&(e=""),this.nodeType){case Node.ELEMENT_NODE:case Node.DOCUMENT_FRAGMENT_NODE:J(this),(0<e.length||this.nodeType===Node.ELEMENT_NODE)&&this.__shady_native_insertBefore(document.createTextNode(e),void 0);break;default:this.nodeValue=e}}}}),q(Node.prototype,"appendChild insertBefore removeChild replaceChild cloneNode contains".split(" ")),e={firstElementChild:{get:function(){return Y.currentNode=this,Y.firstChild()}},lastElementChild:{get:function(){return Y.currentNode=this,Y.lastChild()}},children:{get:function(){var e=[];Y.currentNode=this;for(var t=Y.firstChild();t;)e.push(t),t=Y.nextSibling();return _(e)}},childElementCount:{get:function(){return this.children?this.children.length:0}}},H?(q(Element.prototype,Q),q(Element.prototype,["previousElementSibling","nextElementSibling","innerHTML"]),Object.getOwnPropertyDescriptor(HTMLElement.prototype,"children")&&q(HTMLElement.prototype,["children"]),Object.getOwnPropertyDescriptor(HTMLElement.prototype,"innerHTML")&&q(HTMLElement.prototype,["innerHTML"])):(V(Element.prototype,e),V(Element.prototype,{previousElementSibling:{get:function(){return Y.currentNode=this,Y.previousSibling()}},nextElementSibling:{get:function(){return Y.currentNode=this,Y.nextSibling()}},innerHTML:{get:function(){return G(this,(function(e){return e.__shady_native_childNodes}))},set:function(e){var t="template"===this.localName?this.content:this;J(t);var o=this.localName||"div";for((o=this.namespaceURI&&this.namespaceURI!==X.namespaceURI?X.createElementNS(this.namespaceURI,o):X.createElement(o)).innerHTML=e,e="template"===this.localName?o.content:o;o=e.__shady_native_firstChild;)t.__shady_native_insertBefore(o,void 0)}}})),q(Element.prototype,"setAttribute getAttribute hasAttribute removeAttribute focus blur".split(" ")),q(Element.prototype,$),q(HTMLElement.prototype,["focus","blur","contains"]),H&&q(HTMLElement.prototype,["parentElement","children","innerHTML"]),window.HTMLTemplateElement&&q(window.HTMLTemplateElement.prototype,["innerHTML"]),H?q(DocumentFragment.prototype,Q):V(DocumentFragment.prototype,e),q(DocumentFragment.prototype,$),H?(q(Document.prototype,Q),q(Document.prototype,["activeElement"])):V(Document.prototype,e),q(Document.prototype,["importNode","getElementById"]),q(Document.prototype,$)}(),Pt("__shady_"),Object.defineProperty(document,"_activeElement",et.activeElement),R(Window.prototype,At,"__shady_"),p.D||(Pt(),function(){if(!le&&Object.getOwnPropertyDescriptor(Event.prototype,"isTrusted")){var e=function(){var e=new MouseEvent("click",{bubbles:!0,cancelable:!0,composed:!0});this.__shady_dispatchEvent(e)};Element.prototype.click?Element.prototype.click=e:HTMLElement.prototype.click&&(HTMLElement.prototype.click=e)}}()),function(){for(var e in ge)window.__shady_native_addEventListener(e,(function(e){e.__target||(Se(e),ve(e))}),!0)}(),window.Event=ke,window.CustomEvent=xe,window.MouseEvent=Oe,window.ShadowRoot=dt}var Nt=new Set("annotation-xml color-profile font-face font-face-src font-face-uri font-face-format font-face-name missing-glyph".split(" "));function Bt(e){var t=Nt.has(e);return e=/^[a-z][.0-9_a-z]*-[\-.0-9_a-z]*$/.test(e),!t&&e}function Gt(e){var t=e.isConnected;if(void 0!==t)return t;for(;e&&!(e.__CE_isImportDocument||e instanceof Document);)e=e.parentNode||(window.ShadowRoot&&e instanceof ShadowRoot?e.host:void 0);return!(!e||!(e.__CE_isImportDocument||e instanceof Document))}function Ht(e,t){for(;t&&t!==e&&!t.nextSibling;)t=t.parentNode;return t&&t!==e?t.nextSibling:null}function jt(e,t,o){o=void 0===o?new Set:o;for(var n=e;n;){if(n.nodeType===Node.ELEMENT_NODE){var r=n;t(r);var i=r.localName;if("link"===i&&"import"===r.getAttribute("rel")){if((n=r.import)instanceof Node&&!o.has(n))for(o.add(n),n=n.firstChild;n;n=n.nextSibling)jt(n,t,o);n=Ht(e,r);continue}if("template"===i){n=Ht(e,r);continue}if(r=r.__CE_shadowRoot)for(r=r.firstChild;r;r=r.nextSibling)jt(r,t,o)}n=n.firstChild?n.firstChild:Ht(e,n)}}function Ut(e,t,o){e[t]=o}function Wt(){this.a=new Map,this.i=new Map,this.f=[],this.c=!1}function Vt(e,t){e.c=!0,e.f.push(t)}function qt(e,t){e.c&&jt(t,(function(t){return e.b(t)}))}function Kt(e,t){var o=[];for(jt(t,(function(e){return o.push(e)})),t=0;t<o.length;t++){var n=o[t];1===n.__CE_state?e.connectedCallback(n):Jt(e,n)}}function Yt(e,t){var o=[];for(jt(t,(function(e){return o.push(e)})),t=0;t<o.length;t++){var n=o[t];1===n.__CE_state&&e.disconnectedCallback(n)}}function Xt(e,t,o){var n=(o=void 0===o?{}:o).Da||new Set,r=o.S||function(t){return Jt(e,t)},i=[];if(jt(t,(function(t){if("link"===t.localName&&"import"===t.getAttribute("rel")){var o=t.import;o instanceof Node&&(o.__CE_isImportDocument=!0,o.__CE_hasRegistry=!0),o&&"complete"===o.readyState?o.__CE_documentLoadHandled=!0:t.addEventListener("load",(function(){var o=t.import;if(!o.__CE_documentLoadHandled){o.__CE_documentLoadHandled=!0;var i=new Set(n);i.delete(o),Xt(e,o,{Da:i,S:r})}}))}else i.push(t)}),n),e.c)for(t=0;t<i.length;t++)e.b(i[t]);for(t=0;t<i.length;t++)r(i[t])}function Jt(e,t){if(void 0===t.__CE_state){var o=t.ownerDocument;if((o.defaultView||o.__CE_isImportDocument&&o.__CE_hasRegistry)&&(o=e.a.get(t.localName))){o.constructionStack.push(t);var n=o.constructorFunction;try{try{if(new n!==t)throw Error("The custom element constructor did not produce the element being upgraded.")}finally{o.constructionStack.pop()}}catch(e){throw t.__CE_state=2,e}if(t.__CE_state=1,t.__CE_definition=o,o.attributeChangedCallback)for(o=o.observedAttributes,n=0;n<o.length;n++){var r=o[n],i=t.getAttribute(r);null!==i&&e.attributeChangedCallback(t,r,null,i,null)}Gt(t)&&e.connectedCallback(t)}}}function Qt(e){var t=document;this.b=e,this.a=t,this.A=void 0,Xt(this.b,this.a),"loading"===this.a.readyState&&(this.A=new MutationObserver(this.c.bind(this)),this.A.observe(this.a,{childList:!0,subtree:!0}))}function $t(e){e.A&&e.A.disconnect()}function eo(){var e=this;this.b=this.a=void 0,this.c=new Promise((function(t){e.b=t,e.a&&t(e.a)}))}function to(e){if(e.a)throw Error("Already resolved.");e.a=void 0,e.b&&e.b(void 0)}function oo(e){this.c=!1,this.a=e,this.B=new Map,this.f=function(e){return e()},this.b=!1,this.i=[],this.ta=new Qt(e)}Wt.prototype.b=function(e){if(this.c&&!e.__CE_patched){e.__CE_patched=!0;for(var t=0;t<this.f.length;t++)this.f[t](e)}},Wt.prototype.connectedCallback=function(e){var t=e.__CE_definition;t.connectedCallback&&t.connectedCallback.call(e)},Wt.prototype.disconnectedCallback=function(e){var t=e.__CE_definition;t.disconnectedCallback&&t.disconnectedCallback.call(e)},Wt.prototype.attributeChangedCallback=function(e,t,o,n,r){var i=e.__CE_definition;i.attributeChangedCallback&&-1<i.observedAttributes.indexOf(t)&&i.attributeChangedCallback.call(e,t,o,n,r)},Qt.prototype.c=function(e){var t=this.a.readyState;for("interactive"!==t&&"complete"!==t||$t(this),t=0;t<e.length;t++)for(var o=e[t].addedNodes,n=0;n<o.length;n++)Xt(this.b,o[n])},(e=oo.prototype).fa=function(e,t){var o=this;if(!(t instanceof Function))throw new TypeError("Custom element constructors must be functions.");if(!Bt(e))throw new SyntaxError("The element name '"+e+"' is not valid.");if(this.a.a.get(e))throw Error("A custom element with name '"+e+"' has already been defined.");if(this.c)throw Error("A custom element is already being defined.");this.c=!0;try{var n=function(e){var t=r[e];if(void 0!==t&&!(t instanceof Function))throw Error("The '"+e+"' callback must be a function.");return t},r=t.prototype;if(!(r instanceof Object))throw new TypeError("The custom element constructor's prototype is not an object.");var i=n("connectedCallback"),a=n("disconnectedCallback"),s=n("adoptedCallback"),l=n("attributeChangedCallback"),d=t.observedAttributes||[]}catch(e){return}finally{this.c=!1}t={localName:e,constructorFunction:t,connectedCallback:i,disconnectedCallback:a,adoptedCallback:s,attributeChangedCallback:l,observedAttributes:d,constructionStack:[]},function(e,t,o){e.a.set(t,o),e.i.set(o.constructorFunction,o)}(this.a,e,t),this.i.push(t),this.b||(this.b=!0,this.f((function(){return function(e){if(!1!==e.b){e.b=!1;for(var t=e.i,o=[],n=new Map,r=0;r<t.length;r++)n.set(t[r].localName,[]);for(Xt(e.a,document,{S:function(t){if(void 0===t.__CE_state){var r=t.localName,i=n.get(r);i?i.push(t):e.a.a.get(r)&&o.push(t)}}}),r=0;r<o.length;r++)Jt(e.a,o[r]);for(;0<t.length;){var i=t.shift();r=i.localName,i=n.get(i.localName);for(var a=0;a<i.length;a++)Jt(e.a,i[a]);(r=e.B.get(r))&&to(r)}}}(o)})))},e.S=function(e){Xt(this.a,e)},e.get=function(e){if(e=this.a.a.get(e))return e.constructorFunction},e.ga=function(e){if(!Bt(e))return Promise.reject(new SyntaxError("'"+e+"' is not a valid custom element name."));var t=this.B.get(e);return t||(t=new eo,this.B.set(e,t),this.a.a.get(e)&&!this.i.some((function(t){return t.localName===e}))&&to(t)),t.c},e.va=function(e){$t(this.ta);var t=this.f;this.f=function(o){return e((function(){return t(o)}))}},window.CustomElementRegistry=oo,oo.prototype.define=oo.prototype.fa,oo.prototype.upgrade=oo.prototype.S,oo.prototype.get=oo.prototype.get,oo.prototype.whenDefined=oo.prototype.ga,oo.prototype.polyfillWrapFlushCallback=oo.prototype.va;var no=window.Document.prototype.createElement,ro=window.Document.prototype.createElementNS,io=window.Document.prototype.importNode,ao=window.Document.prototype.prepend,so=window.Document.prototype.append,lo=window.DocumentFragment.prototype.prepend,co=window.DocumentFragment.prototype.append,uo=window.Node.prototype.cloneNode,ho=window.Node.prototype.appendChild,fo=window.Node.prototype.insertBefore,po=window.Node.prototype.removeChild,go=window.Node.prototype.replaceChild,mo=Object.getOwnPropertyDescriptor(window.Node.prototype,"textContent"),bo=window.Element.prototype.attachShadow,vo=Object.getOwnPropertyDescriptor(window.Element.prototype,"innerHTML"),yo=window.Element.prototype.getAttribute,wo=window.Element.prototype.setAttribute,zo=window.Element.prototype.removeAttribute,Co=window.Element.prototype.getAttributeNS,So=window.Element.prototype.setAttributeNS,ko=window.Element.prototype.removeAttributeNS,xo=window.Element.prototype.insertAdjacentElement,Oo=window.Element.prototype.insertAdjacentHTML,_o=window.Element.prototype.prepend,Ro=window.Element.prototype.append,Eo=window.Element.prototype.before,Mo=window.Element.prototype.after,Do=window.Element.prototype.replaceWith,To=window.Element.prototype.remove,Ao=window.HTMLElement,Io=Object.getOwnPropertyDescriptor(window.HTMLElement.prototype,"innerHTML"),Lo=window.HTMLElement.prototype.insertAdjacentElement,Zo=window.HTMLElement.prototype.insertAdjacentHTML,Po=new function(){};function Fo(e,t,o){function n(t){return function(o){for(var n=[],r=0;r<arguments.length;++r)n[r]=arguments[r];r=[];for(var i=[],a=0;a<n.length;a++){var s=n[a];if(s instanceof Element&&Gt(s)&&i.push(s),s instanceof DocumentFragment)for(s=s.firstChild;s;s=s.nextSibling)r.push(s);else r.push(s)}for(t.apply(this,n),n=0;n<i.length;n++)Yt(e,i[n]);if(Gt(this))for(n=0;n<r.length;n++)(i=r[n])instanceof Element&&Kt(e,i)}}void 0!==o.P&&(t.prepend=n(o.P)),void 0!==o.append&&(t.append=n(o.append))}var No=window.customElements;if(!No||No.forcePolyfill||"function"!=typeof No.define||"function"!=typeof No.get){var Bo=new Wt;!function(){var e=Bo;window.HTMLElement=function(){function t(){var t=this.constructor,o=e.i.get(t);if(!o)throw Error("The custom element being constructed was not registered with `customElements`.");var n=o.constructionStack;if(0===n.length)return n=no.call(document,o.localName),Object.setPrototypeOf(n,t.prototype),n.__CE_state=1,n.__CE_definition=o,e.b(n),n;var r=n[o=n.length-1];if(r===Po)throw Error("The HTMLElement constructor was either called reentrantly for this constructor or called multiple times.");return n[o]=Po,Object.setPrototypeOf(r,t.prototype),e.b(r),r}return t.prototype=Ao.prototype,Object.defineProperty(t.prototype,"constructor",{writable:!0,configurable:!0,enumerable:!1,value:t}),t}()}(),function(){var e=Bo;Ut(Document.prototype,"createElement",(function(t){if(this.__CE_hasRegistry){var o=e.a.get(t);if(o)return new o.constructorFunction}return t=no.call(this,t),e.b(t),t})),Ut(Document.prototype,"importNode",(function(t,o){return t=io.call(this,t,!!o),this.__CE_hasRegistry?Xt(e,t):qt(e,t),t})),Ut(Document.prototype,"createElementNS",(function(t,o){if(this.__CE_hasRegistry&&(null===t||"http://www.w3.org/1999/xhtml"===t)){var n=e.a.get(o);if(n)return new n.constructorFunction}return t=ro.call(this,t,o),e.b(t),t})),Fo(e,Document.prototype,{P:ao,append:so})}(),Fo(Bo,DocumentFragment.prototype,{P:lo,append:co}),function(){function e(e,o){Object.defineProperty(e,"textContent",{enumerable:o.enumerable,configurable:!0,get:o.get,set:function(e){if(this.nodeType===Node.TEXT_NODE)o.set.call(this,e);else{var n=void 0;if(this.firstChild){var r=this.childNodes,i=r.length;if(0<i&&Gt(this)){n=Array(i);for(var a=0;a<i;a++)n[a]=r[a]}}if(o.set.call(this,e),n)for(e=0;e<n.length;e++)Yt(t,n[e])}}})}var t=Bo;Ut(Node.prototype,"insertBefore",(function(e,o){if(e instanceof DocumentFragment){var n=Array.prototype.slice.apply(e.childNodes);if(e=fo.call(this,e,o),Gt(this))for(o=0;o<n.length;o++)Kt(t,n[o]);return e}return n=Gt(e),o=fo.call(this,e,o),n&&Yt(t,e),Gt(this)&&Kt(t,e),o})),Ut(Node.prototype,"appendChild",(function(e){if(e instanceof DocumentFragment){var o=Array.prototype.slice.apply(e.childNodes);if(e=ho.call(this,e),Gt(this))for(var n=0;n<o.length;n++)Kt(t,o[n]);return e}return o=Gt(e),n=ho.call(this,e),o&&Yt(t,e),Gt(this)&&Kt(t,e),n})),Ut(Node.prototype,"cloneNode",(function(e){return e=uo.call(this,!!e),this.ownerDocument.__CE_hasRegistry?Xt(t,e):qt(t,e),e})),Ut(Node.prototype,"removeChild",(function(e){var o=Gt(e),n=po.call(this,e);return o&&Yt(t,e),n})),Ut(Node.prototype,"replaceChild",(function(e,o){if(e instanceof DocumentFragment){var n=Array.prototype.slice.apply(e.childNodes);if(e=go.call(this,e,o),Gt(this))for(Yt(t,o),o=0;o<n.length;o++)Kt(t,n[o]);return e}n=Gt(e);var r=go.call(this,e,o),i=Gt(this);return i&&Yt(t,o),n&&Yt(t,e),i&&Kt(t,e),r})),mo&&mo.get?e(Node.prototype,mo):Vt(t,(function(t){e(t,{enumerable:!0,configurable:!0,get:function(){for(var e=[],t=0;t<this.childNodes.length;t++)e.push(this.childNodes[t].textContent);return e.join("")},set:function(e){for(;this.firstChild;)po.call(this,this.firstChild);ho.call(this,document.createTextNode(e))}})}))}(),function(){function e(e,t){Object.defineProperty(e,"innerHTML",{enumerable:t.enumerable,configurable:!0,get:t.get,set:function(e){var o=this,r=void 0;if(Gt(this)&&(r=[],jt(this,(function(e){e!==o&&r.push(e)}))),t.set.call(this,e),r)for(var i=0;i<r.length;i++){var a=r[i];1===a.__CE_state&&n.disconnectedCallback(a)}return this.ownerDocument.__CE_hasRegistry?Xt(n,this):qt(n,this),e}})}function t(e,t){Ut(e,"insertAdjacentElement",(function(e,o){var r=Gt(o);return e=t.call(this,e,o),r&&Yt(n,o),Gt(e)&&Kt(n,o),e}))}function o(e,t){function o(e,t){for(var o=[];e!==t;e=e.nextSibling)o.push(e);for(t=0;t<o.length;t++)Xt(n,o[t])}Ut(e,"insertAdjacentHTML",(function(e,n){if("beforebegin"===(e=e.toLowerCase())){var r=this.previousSibling;t.call(this,e,n),o(r||this.parentNode.firstChild,this)}else if("afterbegin"===e)r=this.firstChild,t.call(this,e,n),o(this.firstChild,r);else if("beforeend"===e)r=this.lastChild,t.call(this,e,n),o(r||this.firstChild,null);else{if("afterend"!==e)throw new SyntaxError("The value provided ("+String(e)+") is not one of 'beforebegin', 'afterbegin', 'beforeend', or 'afterend'.");r=this.nextSibling,t.call(this,e,n),o(this.nextSibling,r)}}))}var n=Bo;bo&&Ut(Element.prototype,"attachShadow",(function(e){return this.__CE_shadowRoot=bo.call(this,e)})),vo&&vo.get?e(Element.prototype,vo):Io&&Io.get?e(HTMLElement.prototype,Io):Vt(n,(function(t){e(t,{enumerable:!0,configurable:!0,get:function(){return uo.call(this,!0).innerHTML},set:function(e){var t="template"===this.localName,o=t?this.content:this,n=ro.call(document,this.namespaceURI,this.localName);for(n.innerHTML=e;0<o.childNodes.length;)po.call(o,o.childNodes[0]);for(e=t?n.content:n;0<e.childNodes.length;)ho.call(o,e.childNodes[0])}})})),Ut(Element.prototype,"setAttribute",(function(e,t){if(1!==this.__CE_state)return wo.call(this,e,t);var o=yo.call(this,e);wo.call(this,e,t),t=yo.call(this,e),n.attributeChangedCallback(this,e,o,t,null)})),Ut(Element.prototype,"setAttributeNS",(function(e,t,o){if(1!==this.__CE_state)return So.call(this,e,t,o);var r=Co.call(this,e,t);So.call(this,e,t,o),o=Co.call(this,e,t),n.attributeChangedCallback(this,t,r,o,e)})),Ut(Element.prototype,"removeAttribute",(function(e){if(1!==this.__CE_state)return zo.call(this,e);var t=yo.call(this,e);zo.call(this,e),null!==t&&n.attributeChangedCallback(this,e,t,null,null)})),Ut(Element.prototype,"removeAttributeNS",(function(e,t){if(1!==this.__CE_state)return ko.call(this,e,t);var o=Co.call(this,e,t);ko.call(this,e,t);var r=Co.call(this,e,t);o!==r&&n.attributeChangedCallback(this,t,o,r,e)})),Lo?t(HTMLElement.prototype,Lo):xo?t(Element.prototype,xo):console.warn("Custom Elements: `Element#insertAdjacentElement` was not patched."),Zo?o(HTMLElement.prototype,Zo):Oo?o(Element.prototype,Oo):console.warn("Custom Elements: `Element#insertAdjacentHTML` was not patched."),Fo(n,Element.prototype,{P:_o,append:Ro}),function(e){function t(t){return function(o){for(var n=[],r=0;r<arguments.length;++r)n[r]=arguments[r];r=[];for(var i=[],a=0;a<n.length;a++){var s=n[a];if(s instanceof Element&&Gt(s)&&i.push(s),s instanceof DocumentFragment)for(s=s.firstChild;s;s=s.nextSibling)r.push(s);else r.push(s)}for(t.apply(this,n),n=0;n<i.length;n++)Yt(e,i[n]);if(Gt(this))for(n=0;n<r.length;n++)(i=r[n])instanceof Element&&Kt(e,i)}}var o=Element.prototype;void 0!==Eo&&(o.before=t(Eo)),void 0!==Eo&&(o.after=t(Mo)),void 0!==Do&&Ut(o,"replaceWith",(function(t){for(var o=[],n=0;n<arguments.length;++n)o[n]=arguments[n];n=[];for(var r=[],i=0;i<o.length;i++){var a=o[i];if(a instanceof Element&&Gt(a)&&r.push(a),a instanceof DocumentFragment)for(a=a.firstChild;a;a=a.nextSibling)n.push(a);else n.push(a)}for(i=Gt(this),Do.apply(this,o),o=0;o<r.length;o++)Yt(e,r[o]);if(i)for(Yt(e,this),o=0;o<n.length;o++)(r=n[o])instanceof Element&&Kt(e,r)})),void 0!==To&&Ut(o,"remove",(function(){var t=Gt(this);To.call(this),t&&Yt(e,this)}))}(n)}(),document.__CE_hasRegistry=!0;var Go=new oo(Bo);Object.defineProperty(window,"customElements",{configurable:!0,enumerable:!0,value:Go})}function Ho(){this.end=this.start=0,this.rules=this.parent=this.previous=null,this.cssText=this.parsedCssText="",this.atRule=!1,this.type=0,this.parsedSelector=this.selector=this.keyframesName=""}function jo(e){var t=Uo,o=e=e.replace(Qo,"").replace($o,""),n=new Ho;n.start=0,n.end=o.length;for(var r=n,i=0,a=o.length;i<a;i++)if("{"===o[i]){r.rules||(r.rules=[]);var s=r,l=s.rules[s.rules.length-1]||null;(r=new Ho).start=i+1,r.parent=s,r.previous=l,s.rules.push(r)}else"}"===o[i]&&(r.end=i+1,r=r.parent||n);return t(n,e)}function Uo(e,t){var o=t.substring(e.start,e.end-1);if(e.parsedCssText=e.cssText=o.trim(),e.parent&&(o=function(e){return e.replace(/\\([0-9a-f]{1,6})\s/gi,(function(e,t){for(t=6-(e=t).length;t--;)e="0"+e;return"\\"+e}))}(o=t.substring(e.previous?e.previous.end:e.parent.start,e.start-1)),o=(o=o.replace(an," ")).substring(o.lastIndexOf(";")+1),o=e.parsedSelector=e.selector=o.trim(),e.atRule=0===o.indexOf("@"),e.atRule?0===o.indexOf("@media")?e.type=Xo:o.match(rn)&&(e.type=Yo,e.keyframesName=e.selector.split(an).pop()):e.type=0===o.indexOf("--")?Jo:Ko),o=e.rules)for(var n=0,r=o.length,i=void 0;n<r&&(i=o[n]);n++)Uo(i,t);return e}function Wo(e,t,o){o=void 0===o?"":o;var n="";if(e.cssText||e.rules){var r,i=e.rules;if((r=i)&&(r=!((r=i[0])&&r.selector&&0===r.selector.indexOf("--"))),r){r=0;for(var a=i.length,s=void 0;r<a&&(s=i[r]);r++)n=Wo(s,t,n)}else t?t=e.cssText:t=(t=(t=e.cssText).replace(en,"").replace(tn,"")).replace(on,"").replace(nn,""),(n=t.trim())&&(n="  "+n+"\n")}return n&&(e.selector&&(o+=e.selector+" {\n"),o+=n,e.selector&&(o+="}\n\n")),o}var Vo,qo,Ko=1,Yo=7,Xo=4,Jo=1e3,Qo=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,$o=/@import[^;]*;/gim,en=/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,tn=/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,on=/@apply\s*\(?[^);]*\)?\s*(?:[;\n]|$)?/gim,nn=/[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,rn=/^@[^\s]*keyframes/,an=/\s+/g,sn=!(window.ShadyDOM&&window.ShadyDOM.inUse);function ln(e){Vo=(!e||!e.shimcssproperties)&&(sn||!(navigator.userAgent.match(/AppleWebKit\/601|Edge\/15/)||!window.CSS||!CSS.supports||!CSS.supports("box-shadow","0 0 0 var(--foo)")))}window.ShadyCSS&&void 0!==window.ShadyCSS.cssBuild&&(qo=window.ShadyCSS.cssBuild);var dn=!(!window.ShadyCSS||!window.ShadyCSS.disableRuntime);window.ShadyCSS&&void 0!==window.ShadyCSS.nativeCss?Vo=window.ShadyCSS.nativeCss:window.ShadyCSS?(ln(window.ShadyCSS),window.ShadyCSS=void 0):ln(window.WebComponents&&window.WebComponents.flags);var cn=Vo,un=qo,hn=/(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};{])+)|\{([^}]*)\}(?:(?=[;\s}])|$))/gi,fn=/(?:^|\W+)@apply\s*\(?([^);\n]*)\)?/gi,pn=/(--[\w-]+)\s*([:,;)]|$)/gi,gn=/(animation\s*:)|(animation-name\s*:)/,mn=/@media\s(.*)/,bn=/\{[^}]*\}/g,vn=new Set;function yn(e,t){return e?("string"==typeof e&&(e=jo(e)),t&&Cn(e,t),Wo(e,cn)):""}function wn(e){return!e.__cssRules&&e.textContent&&(e.__cssRules=jo(e.textContent)),e.__cssRules||null}function zn(e){return!!e.parent&&e.parent.type===Yo}function Cn(e,t,o,n){if(e){var r=!1,i=e.type;if(n&&i===Xo){var a=e.selector.match(mn);a&&(window.matchMedia(a[1]).matches||(r=!0))}if(i===Ko?t(e):o&&i===Yo?o(e):i===Jo&&(r=!0),(e=e.rules)&&!r)for(r=0,i=e.length,a=void 0;r<i&&(a=e[r]);r++)Cn(a,t,o,n)}}function Sn(e,t,o,n){var r=document.createElement("style");return t&&r.setAttribute("scope",t),r.textContent=e,On(r,o,n),r}var kn=null;function xn(e){e=document.createComment(" Shady DOM styles for "+e+" ");var t=document.head;return t.insertBefore(e,(kn?kn.nextSibling:null)||t.firstChild),kn=e}function On(e,t,o){(t=t||document.head).insertBefore(e,o&&o.nextSibling||t.firstChild),kn?e.compareDocumentPosition(kn)===Node.DOCUMENT_POSITION_PRECEDING&&(kn=e):kn=e}function _n(e,t){for(var o=0,n=e.length;t<n;t++)if("("===e[t])o++;else if(")"===e[t]&&0==--o)return t;return-1}function Rn(e,t){var o=e.indexOf("var(");if(-1===o)return t(e,"","","");var n=_n(e,o+3),r=e.substring(o+4,n);return o=e.substring(0,o),e=Rn(e.substring(n+1),t),-1===(n=r.indexOf(","))?t(o,r.trim(),"",e):t(o,r.substring(0,n).trim(),r.substring(n+1).trim(),e)}function En(e,t){sn?e.setAttribute("class",t):window.ShadyDOM.nativeMethods.setAttribute.call(e,"class",t)}var Mn=window.ShadyDOM&&window.ShadyDOM.wrap||function(e){return e};function Dn(e){var t=e.localName,o="";return t?-1<t.indexOf("-")||(o=t,t=e.getAttribute&&e.getAttribute("is")||""):(t=e.is,o=e.extends),{is:t,H:o}}function Tn(e){for(var t=[],o="",n=0;0<=n&&n<e.length;n++)if("("===e[n]){var r=_n(e,n);o+=e.slice(n,r+1),n=r}else","===e[n]?(t.push(o),o=""):o+=e[n];return o&&t.push(o),t}function An(e){if(void 0!==un)return un;if(void 0===e.__cssBuild){var t=e.getAttribute("css-build");if(t)e.__cssBuild=t;else{if(""!==(t=(t="template"===e.localName?e.content.firstChild:e.firstChild)instanceof Comment&&"css-build"===(t=t.textContent.trim().split(":"))[0]?t[1]:"")){var o="template"===e.localName?e.content.firstChild:e.firstChild;o.parentNode.removeChild(o)}e.__cssBuild=t}}return e.__cssBuild||""}function In(e){return!(""===(e=void 0===e?"":e)||!cn)&&(sn?"shadow"===e:"shady"===e)}function Ln(){}function Zn(e,t,o){var n;if(t.nodeType===Node.ELEMENT_NODE&&o(t),n="template"===t.localName?(t.content||t._content||t).childNodes:t.children||t.childNodes)for(t=0;t<n.length;t++)Zn(e,n[t],o)}function Pn(e,t,o){if(t)if(e.classList)o?(e.classList.remove("style-scope"),e.classList.remove(t)):(e.classList.add("style-scope"),e.classList.add(t));else if(e.getAttribute){var n=e.getAttribute("class");o?n&&En(e,t=n.replace("style-scope","").replace(t,"")):En(e,(n?n+" ":"")+"style-scope "+t)}}function Fn(e,t,o){Zn(er,e,(function(e){Pn(e,t,!0),Pn(e,o)}))}function Nn(e,t){Zn(er,e,(function(e){Pn(e,t||"",!0)}))}function Bn(e,t,o,n,r){var i=er;return""===(r=void 0===r?"":r)&&(sn||"shady"===(void 0===n?"":n)?r=yn(t,o):r=function(e,t,o,n,r){var i=Gn(o,n);return o=o?"."+o:"",yn(t,(function(t){t.c||(t.selector=t.h=Hn(e,t,e.b,o,i),t.c=!0),r&&r(t,o,i)}))}(i,t,(e=Dn(e)).is,e.H,o)+"\n\n"),r.trim()}function Gn(e,t){return t?"[is="+e+"]":e}function Hn(e,t,o,n,r){var i=Tn(t.selector);if(!zn(t)){t=0;for(var a=i.length,s=void 0;t<a&&(s=i[t]);t++)i[t]=o.call(e,s,n,r)}return i.filter((function(e){return!!e})).join(",")}function jn(e){return e.replace(Vn,(function(e,t,o){return-1<o.indexOf("+")?o=o.replace(/\+/g,"___"):-1<o.indexOf("___")&&(o=o.replace(/___/g,"+")),":"+t+"("+o+")"}))}function Un(e,t){e=e.split(/(\[.+?\])/);for(var o=[],n=0;n<e.length;n++)if(1==n%2)o.push(e[n]);else{var r=e[n];""===r&&n===e.length-1||((r=r.split(":"))[0]+=t,o.push(r.join(":")))}return o.join("")}function Wn(e){":root"===e.selector&&(e.selector="html")}Ln.prototype.b=function(e,t,o){var n=!1;e=e.trim();var r=Vn.test(e);r&&(e=e.replace(Vn,(function(e,t,o){return":"+t+"("+o.replace(/\s/g,"")+")"})),e=jn(e));var i=$n.test(e);if(i){var a=function(e){for(var t,o=[];t=e.match($n);){var n=t.index,r=_n(e,n);if(-1===r)throw Error(t.input+" selector missing ')'");t=e.slice(n,r+1),e=e.replace(t,""),o.push(t)}return{Z:e,matches:o}}(e);e=a.Z,a=a.matches}return e=(e=e.replace(Yn,":host $1")).replace(qn,(function(e,r,i){return n||(e=function(e,t,o,n){var r=e.indexOf("::slotted");if(0<=e.indexOf(":host")?e=function(e,t){var o=e.match(Xn);return(o=o&&o[2].trim()||"")?o[0].match(Kn)?e.replace(Xn,(function(e,o,n){return t+n})):o.split(Kn)[0]===t?o:"should_not_match":e.replace(":host",t)}(e,n):0!==r&&(e=o?Un(e,o):e),o=!1,0<=r&&(t="",o=!0),o){var i=!0;o&&(e=e.replace(Jn,(function(e,t){return" > "+t})))}return e=e.replace(Qn,(function(e,t,o){return'[dir="'+o+'"] '+t+", "+t+'[dir="'+o+'"]'})),{value:e,oa:t,stop:i}}(i,r,t,o),n=n||e.stop,r=e.oa,i=e.value),r+i})),i&&(e=function(e,t){var o=e.split("");return t.reduce((function(e,t,n){return e+t+o[n+1]}),o[0])}(e,a)),r&&(e=jn(e)),e},Ln.prototype.c=function(e){return e.match(":host")?"":e.match("::slotted")?this.b(e,":not(.style-scope)"):Un(e.trim(),":not(.style-scope)")},t.Object.defineProperties(Ln.prototype,{a:{configurable:!0,enumerable:!0,get:function(){return"style-scope"}}});var Vn=/:(nth[-\w]+)\(([^)]+)\)/,qn=/(^|[\s>+~]+)((?:\[.+?\]|[^\s>+~=[])+)/g,Kn=/[[.:#*]/,Yn=/^(::slotted)/,Xn=/(:host)(?:\(((?:\([^)(]*\)|[^)(]*)+?)\))/,Jn=/(?:::slotted)(?:\(((?:\([^)(]*\)|[^)(]*)+?)\))/,Qn=/(.*):dir\((?:(ltr|rtl))\)/,$n=/:(?:matches|any|-(?:webkit|moz)-any)/,er=new Ln;function tr(e,t,o,n,r){this.u=e||null,this.b=t||null,this.Y=o||[],this.l=null,this.cssBuild=r||"",this.H=n||"",this.a=this.m=this.s=null}function or(e){return e?e.__styleInfo:null}function nr(e,t){return e.__styleInfo=t}function rr(e){var t=this.matches||this.matchesSelector||this.mozMatchesSelector||this.msMatchesSelector||this.oMatchesSelector||this.webkitMatchesSelector;return t&&t.call(this,e)}tr.prototype.c=function(){return this.u},tr.prototype._getStyleRules=tr.prototype.c;var ir=navigator.userAgent.match("Trident");function ar(){}function sr(e){if(!e.g){var t={},o={};lr(e,o)&&(t.o=o,e.rules=null),t.cssText=e.parsedCssText.replace(bn,"").replace(hn,""),e.g=t}}function lr(e,t){var o=e.g;if(!o){o=e.parsedCssText;for(var n;e=hn.exec(o);)"inherit"===(n=(e[2]||e[3]).trim())&&"unset"===n||(t[e[1].trim()]=n),n=!0;return n}if(o.o)return Object.assign(t,o.o),!0}function dr(e,t,o){return t&&(t=0<=t.indexOf(";")?cr(e,t,o):Rn(t,(function(t,n,r,i){return n?((n=dr(e,o[n],o))&&"initial"!==n?"apply-shim-inherit"===n&&(n="inherit"):n=dr(e,o[r]||r,o)||r,t+(n||"")+i):t+i}))),t&&t.trim()||""}function cr(e,t,o){t=t.split(";");for(var n,r,i=0;i<t.length;i++)if(n=t[i]){if(fn.lastIndex=0,r=fn.exec(n))n=dr(e,o[r[1]],o);else if(-1!==(r=n.indexOf(":"))){var a=n.substring(r);a=dr(e,a=a.trim(),o)||a,n=n.substring(0,r)+a}t[i]=n&&n.lastIndexOf(";")===n.length-1?n.slice(0,-1):n||""}return t.join(";")}function ur(e,t,o){var n={},r={};return Cn(t,(function(t){!function(e,t,o,n){if(t.g||sr(t),t.g.o){var r=Dn(e);e=r.is,r=r.H,r=e?Gn(e,r):"html";var i=t.parsedSelector,a=":host > *"===i||"html"===i,s=0===i.indexOf(":host")&&!a;"shady"===o&&(s=!(a=i===r+" > *."+r||-1!==i.indexOf("html"))&&0===i.indexOf(r)),(a||s)&&(o=r,s&&(t.h||(t.h=Hn(er,t,er.b,e?"."+e:"",r)),o=t.h||r),n({Z:o,ua:s,Fa:a}))}}(e,t,o,(function(o){rr.call(e._element||e,o.Z)&&(o.ua?lr(t,n):lr(t,r))}))}),null,!0),{xa:r,sa:n}}function hr(e,t,o,n){var r=Dn(t),i=Gn(r.is,r.H),a=new RegExp("(?:^|[^.#[:])"+(t.extends?"\\"+i.slice(0,-1)+"\\]":i)+"($|[.:[\\s>+~])"),s=or(t);r=s.u,s=s.cssBuild;var l=function(e,t){e=e.b;var o={};if(!sn&&e)for(var n=0,r=e[n];n<e.length;r=e[++n]){var i=r,a=t;i.f=new RegExp("\\b"+i.keyframesName+"(?!\\B|-)","g"),i.a=i.keyframesName+"-"+a,i.h=i.h||i.selector,i.selector=i.h.replace(i.keyframesName,i.a),o[r.keyframesName]=fr(r)}return o}(r,n);return Bn(t,r,(function(t){var r="";if(t.g||sr(t),t.g.cssText&&(r=cr(e,t.g.cssText,o)),t.cssText=r,!sn&&!zn(t)&&t.cssText){var s=r=t.cssText;if(null==t.ba&&(t.ba=gn.test(r)),t.ba)if(null==t.O)for(var d in t.O=[],l)r!==(s=(s=l[d])(r))&&(r=s,t.O.push(d));else{for(d=0;d<t.O.length;++d)r=(s=l[t.O[d]])(r);s=r}t.cssText=s,t.h=t.h||t.selector,r="."+n,s=0;for(var c=(d=Tn(t.h)).length,u=void 0;s<c&&(u=d[s]);s++)d[s]=u.match(a)?u.replace(i,r):r+" "+u;t.selector=d.join(",")}}),s)}function fr(e){return function(t){return t.replace(e.f,e.a)}}function pr(e,t){var o=gr,n=wn(e);e.textContent=yn(n,(function(e){var n=e.cssText=e.parsedCssText;e.g&&e.g.cssText&&(n=n.replace(en,"").replace(tn,""),e.cssText=cr(o,n,t))}))}t.Object.defineProperties(ar.prototype,{a:{configurable:!0,enumerable:!0,get:function(){return"x-scope"}}});var gr=new ar,mr={},br=window.customElements;if(br&&!sn&&!dn){var vr=br.define;br.define=function(e,t,o){mr[e]||(mr[e]=xn(e)),vr.call(br,e,t,o)}}function yr(){this.cache={}}function wr(){}yr.prototype.store=function(e,t,o,n){var r=this.cache[e]||[];r.push({o:t,styleElement:o,m:n}),100<r.length&&r.shift(),this.cache[e]=r};var zr=new RegExp(er.a+"\\s*([^\\s]*)");function Cr(e){return(e=(e.classList&&e.classList.value?e.classList.value:e.getAttribute("class")||"").match(zr))?e[1]:""}function Sr(e){var t=Mn(e).getRootNode();return t===e||t===e.ownerDocument?"":(e=t.host)?Dn(e).is:""}function kr(e){for(var t=0;t<e.length;t++){var o=e[t];if(o.target!==document.documentElement&&o.target!==document.head)for(var n=0;n<o.addedNodes.length;n++){var r=o.addedNodes[n];if(r.nodeType===Node.ELEMENT_NODE){var i=r.getRootNode(),a=Cr(r);if(a&&i===r.ownerDocument&&("style"!==r.localName&&"template"!==r.localName||""===An(r)))Nn(r,a);else if(i instanceof ShadowRoot)for((i=Sr(r))!==a&&Fn(r,a,i),r=window.ShadyDOM.nativeMethods.querySelectorAll.call(r,":not(."+er.a+")"),a=0;a<r.length;a++){var s=Sr(i=r[a]);s&&Pn(i,s)}}}}}if(!(sn||window.ShadyDOM&&window.ShadyDOM.handlesDynamicScoping)){var xr=new MutationObserver(kr),Or=function(e){xr.observe(e,{childList:!0,subtree:!0})};if(window.customElements&&!window.customElements.polyfillWrapFlushCallback)Or(document);else{var _r=function(){Or(document.body)};window.HTMLImports?window.HTMLImports.whenReady(_r):requestAnimationFrame((function(){if("loading"===document.readyState){document.addEventListener("readystatechange",(function e(){_r(),document.removeEventListener("readystatechange",e)}))}else _r()}))}wr=function(){kr(xr.takeRecords())}}var Rr=wr,Er={},Mr=Promise.resolve();function Dr(e){(e=Er[e])&&(e._applyShimCurrentVersion=e._applyShimCurrentVersion||0,e._applyShimValidatingVersion=e._applyShimValidatingVersion||0,e._applyShimNextVersion=(e._applyShimNextVersion||0)+1)}function Tr(e){return e._applyShimCurrentVersion===e._applyShimNextVersion}var Ar={},Ir=new yr;function Lr(){this.B={},this.c=document.documentElement;var e=new Ho;e.rules=[],this.f=nr(this.c,new tr(e)),this.i=!1,this.b=this.a=null}function Zr(e){var t=Dn(e),o=t.is;t=t.H;var n=mr[o]||null,r=Er[o];if(r)return nr(e,t=new tr(o=r._styleAst,n,r.a,t,r=An(r))),t}function Pr(e){!e.a&&window.ShadyCSS&&window.ShadyCSS.ApplyShim&&(e.a=window.ShadyCSS.ApplyShim,e.a.invalidCallback=Dr),function(e){!e.b&&window.ShadyCSS&&window.ShadyCSS.CustomStyleInterface&&(e.b=window.ShadyCSS.CustomStyleInterface,e.b.transformCallback=function(t){e.ea(t)},e.b.validateCallback=function(){requestAnimationFrame((function(){(e.b.enqueued||e.i)&&e.flushCustomStyles()}))})}(e)}function Fr(e,t,o){var n=Dn(t).is;if(o.l){var r,i=o.l;for(r in i)null===r?t.style.removeProperty(r):t.style.setProperty(r,i[r])}!(i=Er[n])&&t!==e.c||i&&""!==An(i)||!i||!i._style||Tr(i)||((Tr(i)||i._applyShimValidatingVersion!==i._applyShimNextVersion)&&(Pr(e),e.a&&e.a.transformRules(i._styleAst,n),i._style.textContent=Bn(t,o.u),function(e){e._applyShimValidatingVersion=e._applyShimNextVersion,e._validating||(e._validating=!0,Mr.then((function(){e._applyShimCurrentVersion=e._applyShimNextVersion,e._validating=!1})))}(i)),sn&&(e=t.shadowRoot)&&(e=e.querySelector("style"))&&(e.textContent=Bn(t,o.u)),o.u=i._styleAst)}function Nr(e,t){return(t=Mn(t).getRootNode().host)?or(t)||Zr(t)?t:Nr(e,t):e.c}function Br(e,t,o){var n=Nr(e,t),r=or(n),i=r.s;for(var a in n===e.c||i||(Br(e,n,r),i=r.s),e=Object.create(i||null),n=ur(t,o.u,o.cssBuild),t=function(e,t){var o={},n=[];return Cn(e,(function(e){e.g||sr(e);var r=e.h||e.parsedSelector;t&&e.g.o&&r&&rr.call(t,r)&&(lr(e,o),e=e.index,r=parseInt(e/32,10),n[r]=(n[r]||0)|1<<e%32)}),null,!0),{o,key:n}}(r.u,t).o,Object.assign(e,n.sa,t,n.xa),t=o.l)((r=t[a])||0===r)&&(e[a]=r);for(a=gr,t=Object.getOwnPropertyNames(e),r=0;r<t.length;r++)e[n=t[r]]=dr(a,e[n],e);o.s=e}(e=Lr.prototype).flush=function(){Rr()},e.qa=function(e){return wn(e)},e.Ba=function(e){return yn(e)},e.prepareTemplate=function(e,t,o){this.prepareTemplateDom(e,t),this.prepareTemplateStyles(e,t,o)},e.prepareTemplateStyles=function(e,t,o){if(!e._prepared&&!dn){sn||mr[t]||(mr[t]=xn(t)),e._prepared=!0,e.name=t,e.extends=o,Er[t]=e;var n=An(e),r=In(n);o={is:t,extends:o};for(var i=[],a=e.content.querySelectorAll("style"),s=0;s<a.length;s++){var l=a[s];if(l.hasAttribute("shady-unscoped")){if(!sn){var d=l.textContent;vn.has(d)||(vn.add(d),d=l.cloneNode(!0),document.head.appendChild(d)),l.parentNode.removeChild(l)}}else i.push(l.textContent),l.parentNode.removeChild(l)}i=i.join("").trim()+(Ar[t]||""),Pr(this),r||((a=!n)&&(a=fn.test(i)||hn.test(i),fn.lastIndex=0,hn.lastIndex=0),s=jo(i),a&&cn&&this.a&&this.a.transformRules(s,t),e._styleAst=s),a=[],cn||(a=function(e){var t={},o=[],n=0;for(var r in Cn(e,(function(e){sr(e),e.index=n++,e=e.g.cssText;for(var o;o=pn.exec(e);){var r=o[1];":"!==o[2]&&(t[r]=!0)}}),(function(e){o.push(e)})),e.b=o,e=[],t)e.push(r);return e}(e._styleAst)),a.length&&!cn||(s=sn?e.content:null,t=mr[t]||null,n=(n=Bn(o,e._styleAst,null,n,r?i:"")).length?Sn(n,o.is,s,t):null,e._style=n),e.a=a}},e.wa=function(e,t){Ar[t]=e.join(" ")},e.prepareTemplateDom=function(e,t){if(!dn){var o=An(e);sn||"shady"===o||e._domPrepared||(e._domPrepared=!0,function(e,t){Zn(er,e,(function(e){Pn(e,t||"")}))}(e.content,t))}},e.flushCustomStyles=function(){if(!dn&&(Pr(this),this.b)){var e=this.b.processStyles();if(this.b.enqueued&&!In(this.f.cssBuild)){if(cn){if(!this.f.cssBuild)for(var t=0;t<e.length;t++){var o=this.b.getStyleForCustomStyle(e[t]);if(o&&cn&&this.a){var n=wn(o);Pr(this),this.a.transformRules(n),o.textContent=yn(n)}}}else{for(Br(this,this.c,this.f),t=0;t<e.length;t++)(o=this.b.getStyleForCustomStyle(e[t]))&&pr(o,this.f.s);this.i&&this.styleDocument()}this.b.enqueued=!1}}},e.styleElement=function(e,t){if(dn){if(t){or(e)||nr(e,new tr(null));var o=or(e);o.l=o.l||{},Object.assign(o.l,t),Fr(this,e,o)}}else if(o=or(e)||Zr(e))if(e!==this.c&&(this.i=!0),t&&(o.l=o.l||{},Object.assign(o.l,t)),cn)Fr(this,e,o);else if(this.flush(),Br(this,e,o),o.Y&&o.Y.length){var n;t=Dn(e).is;e:{if(n=Ir.cache[t])for(var r=n.length-1;0<=r;r--){var i=n[r];t:{for(var a=o.Y,s=0;s<a.length;s++){var l=a[s];if(i.o[l]!==o.s[l]){a=!1;break t}}a=!0}if(a){n=i;break e}}n=void 0}a=n?n.styleElement:null,r=o.m,(i=n&&n.m)||(i=t+"-"+(i=this.B[t]=(this.B[t]||0)+1)),o.m=i,i=o.m,s=gr,s=a?a.textContent||"":hr(s,e,o.s,i);var d=(l=or(e)).a;d&&!sn&&d!==a&&(d._useCount--,0>=d._useCount&&d.parentNode&&d.parentNode.removeChild(d)),sn?l.a?(l.a.textContent=s,a=l.a):s&&(a=Sn(s,i,e.shadowRoot,l.b)):a?a.parentNode||(ir&&-1<s.indexOf("@media")&&(a.textContent=s),On(a,null,l.b)):s&&(a=Sn(s,i,null,l.b)),a&&(a._useCount=a._useCount||0,l.a!=a&&a._useCount++,l.a=a),i=a,sn||(a=o.m,l=s=e.getAttribute("class")||"",r&&(l=s.replace(new RegExp("\\s*x-scope\\s*"+r+"\\s*","g")," ")),s!==(l+=(l?" ":"")+"x-scope "+a)&&En(e,l)),n||Ir.store(t,o.s,i,o.m)}},e.styleDocument=function(e){this.styleSubtree(this.c,e)},e.styleSubtree=function(e,t){var o=Mn(e),n=o.shadowRoot;if((n||e===this.c)&&this.styleElement(e,t),e=n&&(n.children||n.childNodes))for(o=0;o<e.length;o++)this.styleSubtree(e[o]);else if(o=o.children||o.childNodes)for(e=0;e<o.length;e++)this.styleSubtree(o[e])},e.ea=function(e){var t=this,o=An(e);if(o!==this.f.cssBuild&&(this.f.cssBuild=o),!In(o)){var n=wn(e);Cn(n,(function(e){if(sn)Wn(e);else{var n=er;e.selector=e.parsedSelector,Wn(e),e.selector=e.h=Hn(n,e,n.c,void 0,void 0)}cn&&""===o&&(Pr(t),t.a&&t.a.transformRule(e))})),cn?e.textContent=yn(n):this.f.u.rules.push(n)}},e.getComputedStyleValue=function(e,t){var o;return cn||(o=(or(e)||or(Nr(this,e))).s[t]),(o=o||window.getComputedStyle(e).getPropertyValue(t))?o.trim():""},e.Aa=function(e,t){var o=Mn(e).getRootNode();if(t=t?t.split(/\s/):[],!(o=o.host&&o.host.localName)){var n=e.getAttribute("class");if(n){n=n.split(/\s/);for(var r=0;r<n.length;r++)if(n[r]===er.a){o=n[r+1];break}}}o&&t.push(er.a,o),cn||(o=or(e))&&o.m&&t.push(gr.a,o.m),En(e,t.join(" "))},e.na=function(e){return or(e)},e.za=function(e,t){Pn(e,t)},e.Ca=function(e,t){Pn(e,t,!0)},e.ya=function(e){return Sr(e)},e.pa=function(e){return Cr(e)},Lr.prototype.flush=Lr.prototype.flush,Lr.prototype.prepareTemplate=Lr.prototype.prepareTemplate,Lr.prototype.styleElement=Lr.prototype.styleElement,Lr.prototype.styleDocument=Lr.prototype.styleDocument,Lr.prototype.styleSubtree=Lr.prototype.styleSubtree,Lr.prototype.getComputedStyleValue=Lr.prototype.getComputedStyleValue,Lr.prototype.setElementClass=Lr.prototype.Aa,Lr.prototype._styleInfoForNode=Lr.prototype.na,Lr.prototype.transformCustomStyleForDocument=Lr.prototype.ea,Lr.prototype.getStyleAst=Lr.prototype.qa,Lr.prototype.styleAstToString=Lr.prototype.Ba,Lr.prototype.flushCustomStyles=Lr.prototype.flushCustomStyles,Lr.prototype.scopeNode=Lr.prototype.za,Lr.prototype.unscopeNode=Lr.prototype.Ca,Lr.prototype.scopeForNode=Lr.prototype.ya,Lr.prototype.currentScopeForNode=Lr.prototype.pa,Lr.prototype.prepareAdoptedCssText=Lr.prototype.wa,Object.defineProperties(Lr.prototype,{nativeShadow:{get:function(){return sn}},nativeCss:{get:function(){return cn}}});var Gr,Hr,jr=new Lr;window.ShadyCSS&&(Gr=window.ShadyCSS.ApplyShim,Hr=window.ShadyCSS.CustomStyleInterface),window.ShadyCSS={ScopingShim:jr,prepareTemplate:function(e,t,o){jr.flushCustomStyles(),jr.prepareTemplate(e,t,o)},prepareTemplateDom:function(e,t){jr.prepareTemplateDom(e,t)},prepareTemplateStyles:function(e,t,o){jr.flushCustomStyles(),jr.prepareTemplateStyles(e,t,o)},styleSubtree:function(e,t){jr.flushCustomStyles(),jr.styleSubtree(e,t)},styleElement:function(e){jr.flushCustomStyles(),jr.styleElement(e)},styleDocument:function(e){jr.flushCustomStyles(),jr.styleDocument(e)},flushCustomStyles:function(){jr.flushCustomStyles()},getComputedStyleValue:function(e,t){return jr.getComputedStyleValue(e,t)},nativeCss:cn,nativeShadow:sn,cssBuild:un,disableRuntime:dn},Gr&&(window.ShadyCSS.ApplyShim=Gr),Hr&&(window.ShadyCSS.CustomStyleInterface=Hr)}).call(this)},1009:(e,t,o)=>{"use strict";o.d(t,{Zh:()=>s,kB:()=>i,p6:()=>a});var n=o(19791),r=o(37486);function i(e){var t,o;"string"==typeof e&&(o=/^(\d{4})-(\d{2})-(\d{2})$/,e.match(o)&&(e+="T00:00:00"));var n=null;if("string"==typeof(t=parseInt(e,10)==e?parseInt(e,10):e)){o=/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2})$/;var r=t.match(o);r&&r.length>=7&&(r=r.map((function(e,t){if(t>=1&&t<=6)return parseInt(e,10)})),t=new Date(r[1],r[2]-1,r[3],r[4],r[5],r[6]))}return n||(n=new Date(t)),n}function a(e,t,o,r){var i=l(e);o=o||n.default.getLocale(r)||"en-US",i.widget=r,i.locale=o;var a=t.match(/(\[[^\[]*\])|LTS|LT|L{1,4}|l{1,4}|A|a|DDDo|D{3,4}|Do|D{1,2}|do|d{1,4}|E|e|F|GGGG|GG|gggg|gg|HH|H|hh|h|kk|k|Mo|M{1,4}|mm|m|Qo|Q|ss|s|S{1,9}|Wo|WW|W|wo|ww|w|X|x|Y{4}|YY|ZZ|Z|./g),s="";return a.forEach((function(e){b[e]?s+=b[e](i):s+=e.replace(/\[|\]/g,"")})),s}function s(e,t,o){var i,a,s=l(new Date),d=l(e),c=Math.round((s.time-d.time)/1e3),u=c<0,h=Math.abs(c),f=Math.round(h/60),p=Math.round(f/60),g=Math.round(p/24),m=Math.round(g/30),b=Math.round(g/365);h<44?(i="seconds",a=h):f<=1?i="minute":f<45?(i="minutes",a=f):p<=1?i="hour":p<22?(i="hours",a=p):g<=1?i="day":g<26?(i="days",a=g):m<=1?i="month":m<11?(i="months",a=m):b<=1?i="year":(i="years",a=b),i=n.default.get("date.fromNow.".concat(i),o);var v=r.Iu({msg:i,vars:[a]});if(!t){var y=u?n.default.get("date.fromNow.future",o):n.default.get("date.fromNow.past",o);v=r.Iu({msg:y,vars:[v]})}return v}function l(e){var t={};return t.year=e.getFullYear(),t.weekYear=t.year,t.month0=e.getMonth(),t.month=e.getMonth()+1,t.date=e.getDate(),t.hour=e.getHours(),t.minute=e.getMinutes(),t.second=e.getSeconds(),t.ms=e.getMilliseconds(),t.day=e.getDay(),t.time=e.getTime(),t.dateStr=e.toString(),t.fullDate=e,t}function d(e){var t=e%10,o=e%100,n="th";return o>10&&o<20?n="th":1===t?n="st":2===t?n="nd":3===t&&(n="rd"),e+n}function c(e,t){for(var o=""+e,n=o.length;t>n;)o="0"+e,n++;return o}function u(e){return e%4==0&&e%100!=0||e%400==0?366:365}function h(e){return Math.ceil(e.month/3)}function f(e){var t=n.default.get("date.am",e.widget),o=n.default.get("date.pm",e.widget);return e.hour>=12?o:t}function p(e){var t=e.dateStr,o=t.toUpperCase().indexOf("GMT")+3,n=t.indexOf(" ",o+1);return t.substring(o,n)}function g(e){var t=new Date(e.year,0,1).getTime();return Math.ceil((e.time-t)/864e5)}function m(e,t,o){var r=7+(t=t||n.default.get("date.startWeek",e.widget))-(o=o||n.default.get("date.startYear",e.widget)),i=r-(7+new Date(Date.UTC(e.year,0,r)).getUTCDay()-t)%7-1,a=r-(7+new Date(Date.UTC(e.year+1,0,r)).getUTCDay()-t)%7-1,s=r-(7+new Date(Date.UTC(e.year-1,0,r)).getUTCDay()-t)%7-1,l=864e5*i,d=new Date(e.year,0,1).getTime(),c=new Date(d+l).getTime(),h=Math.ceil((e.time-c)/6048e5),f=(u(e.year)-i+a)/7,p=(u(e.year-1)-s+i)/7;return h>f?(e.weekYear=e.year+1,h-=f):h<1&&(e.weekYear=e.year-1,h+=p),h}var b={A:function(e){return f(e).toUpperCase()},a:function(e){return f(e).toLowerCase()},D:function(e){return e.date},Do:function(e){return d(e.date)},DD:function(e){return c(e.date,2)},DDD:function(e){return g(e)},DDDo:function(e){return d(g(e))},DDDD:function(e){return c(g(e),3)},d:function(e){return e.day},do:function(e){return d(e.month)},dd:function(e){var t=n.default.get("date.twoWeek",e.widget);return t?t[e.day]:""},ddd:function(e){var t=n.default.get("date.shortWeek",e.widget);return t?t[e.day]:""},dddd:function(e){var t=n.default.get("date.longWeek",e.widget);return t?t[e.day]:""},e:function(e){var t=n.default.get("date.startWeek",e.widget);return(e.day+7-t)%7},E:function(e){return(e.day+7-1)%7+1},F:function(e){return s(e.fullDate,!0,e.locale,e.widget)},GG:function(e){return m(e,1,4),(e.weekYear+"").slice(-2)},GGGG:function(e){return m(e,1,4),e.weekYear},gg:function(e){return m(e),(e.weekYear+"").slice(-2)},gggg:function(e){return m(e),e.weekYear},H:function(e){return e.hour},HH:function(e){return c(e.hour,2)},h:function(e){return e.hour%12||12},hh:function(e){return c(e.hour%12||12,2)},k:(function(e){return e.hour+1},function(e){return c(e.hour+1,2)}),M:function(e){return e.month},Mo:function(e){return d(e.month)},MM:function(e){return c(e.month,2)},MMM:function(e){var t=n.default.get("date.shortMonth",e.widget);return t?t[e.month0]:""},MMMM:function(e){var t=n.default.get("date.longMonth",e.widget);return t?t[e.month0]:""},m:function(e){return e.minute},mm:function(e){return c(e.minute,2)},Q:function(e){return h(e)},Qo:function(e){return d(h(e))},S:function(e){return Math.floor(e.ms/100)},SS:function(e){return c(Math.floor(e.ms/10),2)},SSS:function(e){return c(e.ms,3)},s:function(e){return e.second},ss:function(e){return c(e.second,2)},W:function(e){return m(e,1,4)},Wo:function(e){return d(m(e,1,4))},WW:function(e){return c(m(e,1,4),2)},w:function(e){return m(e)},wo:function(e){return d(m(e))},ww:function(e){return c(m(e),2)},X:function(e){return Math.round(e.time/1e3)},x:function(e){return e.time},Y:function(e){return e.year},YY:function(e){return(e.year+"").slice(-2)},YYYY:function(e){return e.year},ZZ:function(e){return p(e)},Z:function(e){var t=p(e).trim(),o=t.length-2;return t.slice(0,o)+":"+t.slice(o)},LT:function(e){return new Intl.DateTimeFormat(e.locale,{hour:"numeric",minute:"numeric"}).format(e.fullDate)},LTS:function(e){return new Intl.DateTimeFormat(e.locale,{hour:"numeric",minute:"numeric",second:"numeric"}).format(e.fullDate)},L:function(e){return new Intl.DateTimeFormat(e.locale,{month:"2-digit",year:"numeric",day:"2-digit"}).format(e.fullDate)},l:function(e){return new Intl.DateTimeFormat(e.locale,{month:"numeric",year:"numeric",day:"numeric"}).format(e.fullDate)},LL:function(e){return new Intl.DateTimeFormat(e.locale,{month:"long",year:"numeric",day:"numeric"}).format(e.fullDate)},ll:function(e){return new Intl.DateTimeFormat(e.locale,{month:"short",year:"numeric",day:"numeric"}).format(e.fullDate)},LLL:function(e){return new Intl.DateTimeFormat(e.locale,{month:"long",year:"numeric",day:"numeric",hour:"numeric",minute:"numeric"}).format(e.fullDate)},lll:function(e){return new Intl.DateTimeFormat(e.locale,{month:"short",year:"numeric",day:"numeric",hour:"numeric",minute:"numeric"}).format(e.fullDate)},LLLL:function(e){return new Intl.DateTimeFormat(e.locale,{month:"long",year:"numeric",day:"numeric",hour:"numeric",minute:"numeric",weekday:"long"}).format(e.fullDate)},llll:function(e){return new Intl.DateTimeFormat(e.locale,{month:"short",year:"numeric",day:"numeric",hour:"numeric",minute:"numeric",weekday:"short"}).format(e.fullDate)}}},3877:(e,t,o)=>{"use strict";o.d(t,{Z:()=>a});var n=o(2568),r=o(37486),i={HOST:"https://app.zingsoft.com",COOKIE_PREFIX:"zglicensekey",COOKIE_LIFETIME:36e5,checkInProgress:!1,bValidated:!1,validateLicense:function(e,t){var o=this;if(ZingGrid.bRunningTests)this.enableWatermarks();else if(this.bValidated)this.disableWatermarks();else{if(ZingGrid.LICENSE=e||ZingGrid.LICENSE||"",ZingGrid.BUILDCODE=t||ZingGrid.BUILDCODE||"",!this.cookieIsValid())if(ZingGrid)if(""!==ZingGrid.LICENSE||""!==ZingGrid.BUILDCODE)this.checkLicenseToken()?this.bValidated=!0:this.enableWatermarks();else i.checkInProgress=!0,fetch("".concat(this.HOST,"/v1/api/license/validate?domain=").concat(encodeURIComponent(window.location.hostname))).then((function(e){return e.text()})).then((function(e){"0"===e?o.enableWatermarks():(o.createCookie(),o.bValidated=!0),i.checkInProgress=!1})).catch((function(e){i.checkInProgress=!1}));else this.enableWatermarks();this.bValidated&&this.disableWatermarks()}},checkLicenseToken:function(){var e,t,o,i,a,s=[a="file:"===document.location.protocol?ZingGrid.HOSTNAME||"":document.location.hostname],l=a.split(".");for("www"===l[0]?s.push(a.replace("www.","")):s.push("www."+a),e=0;e<=l.length-2;e++){for(var d="*",c=e;c<l.length;c++)d+="."+l[c];s.push(d)}if(ZingGrid.LICENSE instanceof Array)for(e=0,t=s.length;e<t;e++){var u=s[e]+"&ZGSu331x",h=n(r.H6(r.AG(u.toLowerCase())));if(-1!==ZingGrid.LICENSE.indexOf(h))return!0}if(ZingGrid.BUILDCODE instanceof Array&&2===ZingGrid.BUILDCODE.length){o=(o=r.Ll("N3wsTrln@4Cu$tOmLlc9nc9!")).replace("O","0");try{i=r.vT(ZingGrid.BUILDCODE[0],o)}catch(e){return!1}if(i===ZingGrid.BUILDCODE[1])return!0}return!1},enableWatermarks:function(){if(!this.bValidated){var e=document.querySelectorAll("zing-grid"),t=document.createElement("zg-watermark");e.forEach((function(e){if(!e.querySelector("zg-watermark")){var o=t.cloneNode(!0);e.appendChild(o),e.oDOMWaterMark=o}}))}},disableWatermarks:function(){this.bValidated&&document.querySelectorAll("zing-grid").forEach((function(e){e.oDOMWaterMark&&(e.oDOMWaterMark.remove(),e.oDOMWaterMark=null)}))},cookieIsValid:function(){var e=this.getCookie("".concat(this.COOKIE_PREFIX,"-").concat(window.location.hostname));return!!e&&(new Date).getTime()<this.decrypt(e)},encrypt:function(){var e=new Date((new Date).getTime()+this.COOKIE_LIFETIME).getTime();return btoa("".concat(e,"|").concat(window.location.hostname))},decrypt:function(e){return atob(e).split("|")[0]},createCookie:function(){Object.keys(document).includes("cookie")&&(document.cookie="".concat(this.COOKIE_PREFIX,"-").concat(window.location.hostname,"=").concat(this.encrypt(),";expires='").concat(this.COOKIE_LIFETIME,";'"))},getCookie:function(e){if(Object.keys(document).includes("cookie")){var t=("; "+document.cookie).split("; "+e+"="),o=t.pop().split(";").shift();if(2===t.length)return o}}};const a=i},24706:(e,t,o)=>{"use strict";o.d(t,{MU:()=>a,P_:()=>i});var n=o(37486);function r(e,t){return null==e?[]:(t=t||".",e.split(t))}function i(e,t,o,i){var s=Array.isArray(t)?t:r(t,i),l=s[s.length-1],d=function(e,t){var o=t,r=e,i=0,a=o.length;for(;null!=r&&i<a;){if(!n.PO(r)&&!n.kJ(r))return!1;r=r[o[i]],i++}return!0}(e,s);return d&&(e=function(e,t){var o,r=t,i=e,a=0,s=r.length;for(;null!=i&&a<s;){if(!n.PO(i)&&!n.kJ(i))return e;var l=r[a],d=r[a+1];o=i[l],i[l]=void 0!==o?o:n.U(d)?[]:{},i=i[l],a++}return e}(e,s),(function(e,t){var o=t,n=o.slice(0);return n.pop(),1==o.length?e:a(e,n)}(e,s))[l]=o),e}function a(e,t,o,i){var a=null==e?void 0:function(e,t,o){if("disabled"===o&&t&&!Array.isArray(t))return e[t];for(var i=Array.isArray(t)?t:r(t,o),a=0,s=i.length;null!=e&&a<s;){var l=i[a++],d=e;if(e=e[l],l&&"-"===l[0]){var c=parseInt(l,10);if(!isNaN(c)&&c<0&&Array.isArray(d)){var u=(d=n.mJ.clone(d)).splice(c);u&&u.length&&(e=u[0])}}}return a==s?e:void 0}(e,t,i);return void 0===a?o:a}},31655:(e,t,o)=>{"use strict";o.d(t,{hx:()=>y,w1:()=>v,V5:()=>w,G6:()=>b,Gu:()=>f,T:()=>z,iV:()=>S});var n,r=!1,i=[],a=!1,s=function e(){!1===r&&(r=!0,document.addEventListener?(document.removeEventListener("DOMContentLoaded",e,!1),window.removeEventListener("load",e,!1)):(hasOnReadyStateChange&&document.detachEvent("onreadystatechange",c),window.detachEvent("onload",e))),l()},l=function(){if(!1===a){a=!0;for(var e=i.length,t=0;t<e;t++)i[t]()}},d=function(){(window.attachEvent?function(){if(window!==top)return!1;try{document.documentElement.doScroll("left")}catch(e){return!1}return!0}:function(){return"complete"===document.readyState})&&(clearInterval(n),s())},c=function(){n=setInterval(d,2)},u="undefined"!=typeof navigator?navigator.userAgent.toLowerCase():"",h=function(e){return e.test(u)},f=("undefined"!=typeof document&&document.documentMode,"undefined"!=typeof document?"CSS1Compat"==document.compatMode:""),p=h(/opera/),g=(p&&h(/version\/10\.5/),h(/\bchrome\b/)),m=h(/webkit/),b=!g&&h(/safari/),v=!p&&h(/msie/),y=!m&&h(/gecko/),w=h(/macintosh/);var z="undefined"!=typeof window&&("ontouchstart"in window||navigator.MaxTouchPoints>0||navigator.msMaxTouchPoints>0);z&&setTimeout((function(){var e=document.createElement("meta");e.id="viewport",e.name="viewport",e.content="width=device-width",document.getElementsByTagName("head")[0].appendChild(e)}));var C,S=!1;C=function(){S="onmousewheel"in document.body},r?C():(i.push(C),"undefined"!=typeof document&&(document.addEventListener?(document.addEventListener("DOMContentLoaded",s,!1),window.addEventListener("load",s,!1)):(document.attachEvent("onreadystatechange",c),hasOnReadyStateChange=!0,window.attachEvent("onload",s))))},37486:(e,t,o)=>{"use strict";o.d(t,{mJ:()=>se,c7:()=>le,Ld:()=>de,uQ:()=>y,W2:()=>F,nn:()=>N,mg:()=>B,kn:()=>H,$R:()=>G,go:()=>j,ye:()=>J,fh:()=>Q,Ae:()=>V,SV:()=>z,ZT:()=>$,QR:()=>q,RH:()=>ee,MV:()=>te,uf:()=>me,XU:()=>ae,h8:()=>fe,wZ:()=>ve,iM:()=>oe,Ll:()=>ke,Uh:()=>A,AA:()=>K,MA:()=>w,kJ:()=>S,jn:()=>k,Sh:()=>O,U:()=>_,hj:()=>E,Kn:()=>D,PO:()=>T,HD:()=>L,gg:()=>Z,o8:()=>P,CL:()=>ne,g8:()=>Y,T2:()=>X,H6:()=>Ce,hS:()=>we,rO:()=>pe,ls:()=>ze,AG:()=>Se,bF:()=>ge,FE:()=>be,SZ:()=>re,vT:()=>xe,Xh:()=>ie,Iu:()=>Ee,Aq:()=>C,yZ:()=>U});var n=o(87822);function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function i(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(i=n.key,a=void 0,a=function(e,t){if("object"!==r(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==r(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(i,"string"),"symbol"===r(a)?a:String(a)),n)}var i,a}const a=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)}var t,o,n;return t=e,(o=[{key:"parse",value:function(e,t){var o,n,r,i,a,s,l,d,c,u,h,f=(t=t||{}).sLineSeparator||"\r\n",p=t.sDelimiter||",",g=t.bCaption||!1,m=t.bHeader||null,b=t.verticalLabels||null,v={};o=[[]],n="\r\n"!==f?new RegExp("(\\"+p+"|"+f+'|^)(?:"([^"]*(?:""[^"]*)*)"|([^"\\'+p+f+"]*))","gi"):new RegExp("(\\"+p+'|\\r?\\n|\\r|^)(?:"([^"]*(?:""[^"]*)*)"|([^"\\'+p+"\\r\\n]*))","gi");for(var y=null;y=n.exec(e);){var w=y[1];w.length&&w!==p&&o.push([]),r=y[2]?y[2].replace(new RegExp('""',"g"),'"'):y[3],o[o.length-1].push(r)}var z=[];for(i=0,a=o.length;i<a;i++)0!==o[i].join("").replace(/\s+/g,"").length&&z.push(o[i]);g&&z.length>1&&1===z[0].length&&(v.caption=z.shift().join(""));var C=0;for(i=0,a=z.length;i<a;i++)C=Math.max(C,z[i].length);var S=[];m&&(S=z.shift());var k=[];if(b)for(s=0,l=z.length;s<l;s++)k.push(z[s].shift());if(h=JSON.parse(JSON.stringify(z).replace(/\\\\/g,"\\")),v.data=h,S.length===C){for(u=[],s=0,l=h.length;s<l;s++){var x={};for(d=0,c=C;d<c;d++)x[S[d]]=h[s][d];u.push(x)}v.data=u}return v}}])&&i(t.prototype,o),n&&i(t,n),Object.defineProperty(t,"prototype",{writable:!1}),e}();function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function l(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==s(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===s(i)?i:String(i)),n)}var r,i}const d=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.aColumnIndexes=null,this.aDataset=null,this.aColgroup=null}var t,o,r;return t=e,(o=[{key:"parse",value:function(e,t){var o=this;this.aColumnIndexes=[],this.aDataset=[];var r={},i=e.querySelector("colgroup"),a=e.querySelector("thead"),s=e.querySelectorAll("tr[".concat(n.Z.tableData.headRow,"]")),l=e.querySelector("caption");i&&t.bCanSetColumns&&this.createColumns(i,t),t.oTableHead&&t.oTableHead.length?this.aColumnIndexes=se.clone(t.oTableHead):s.length?this.aColumnIndexes=this.createHeader(s,t,!1,r):this.aColumnIndexes=a?this.createHeader(a,t,!0,r):this.createHeader(e,t,!1,r);var d=e.querySelector("tbody")||e;return d.querySelectorAll("tr:not([".concat(n.Z.tableData.headRow,"]):not([").concat(n.Z.tableData.ignoreRow,"]):not([").concat(n.Z.tableData.frozenRow,"])")).forEach((function(e){var n=o.processDataRow(e,t);n&&o.aDataset.push(n)})),this.addFrozenRows(e,d,t,r),r.data=this.aDataset,l&&(r.caption=l.innerHTML),this.aColgroup&&this.aColgroup.length&&(r.columns=this.aColgroup),r}},{key:"createColumns",value:function(e,t){var o=this,n=e.querySelectorAll("col");this.aColgroup=[],n.forEach((function(e){var t={};for(var n in e.dataset){var r=e.dataset[n];""===r&&(r="true"),t[n[2].toLowerCase()+n.slice(3)]=r}t.index||(e.id?t.index=e.id:e.name&&(t.name=e.name)),o.aColgroup.push(t)}))}},{key:"processDataRow",value:function(e,t){var o=this.aColumnIndexes,n=t.sTableDataFormat||"text",r=e.querySelectorAll("td"),i=e.querySelectorAll("th");if((r=r.length>i.length?e.querySelectorAll("td, th"):[]).length){var a={};return r.forEach((function(e){var t=e.cellIndex,r=t,i=a;if(void 0!==o[t]){var s=o[t];if(S(s)){for(var l=0;l<s.length-1;l++){var d=s[l];""!==d&&(void 0===i[d]&&(i[d]={}),i=i[d])}r=s[s.length-1]}else r=s}i[r]="html"===n?e.innerHTML:e.textContent})),a}}},{key:"addFrozenRows",value:function(e,t,o,r){var i=this,a=[],s=[],l=t.querySelectorAll("tr[".concat(n.Z.tableData.frozenRow,"]"));l.length&&l.forEach((function(e){var t="bottom"===e.getAttribute(n.Z.tableData.frozenRow)?s:a,r=i.processDataRow(e,o);r&&t.push(r)}));var d,c,u=e.querySelector("tfoot");u&&u.querySelectorAll("tr").forEach((function(e){var t=i.processDataRow(e,o);t&&s.push(t)})),a.length&&((d=this.aDataset).unshift.apply(d,a),r.frozenTop=a.length),s.length&&((c=this.aDataset).push.apply(c,s),r.frozenBottom=s.length)}},{key:"createHeader",value:function(e,t,o,n){var r,i,a=this,s=!1,l=[],d=[0,0];return e.length?(i=e,r="th, td"):(i=e.querySelectorAll("tr"),e.querySelector("th")?r="th":o&&(r="td")),r&&i.forEach((function(e){if(!s){var o=e.querySelectorAll(r),n=e.querySelectorAll("td");"th"===r&&o.length>n.length?o=e.querySelectorAll("th, td"):"th"===r&&(o=[]),o.length?a.loopHeaderCells(o,t,l,d):l.length&&(s=!0)}})),d[0]&&(n.frozenLeft=d[0]),d[1]&&(n.frozenRight=d[1]),l}},{key:"loopHeaderCells",value:function(e,t,o,r){var i=this,a=t.sTableHeadFormat||"text",s=!1,l=0,d=0;e.forEach((function(e){var t=e.cellIndex,r=e.colSpan,c=e.getAttribute(n.Z.tableData.frozenColumn);""===c&&(c="left");var u=null;c?("left"!==c||s||(l+=r),"right"===c&&(d+=r)):(s=!0,d=0);for(var h=0;h<r;h++){var f=t+h;i.aColgroup&&void 0!==i.aColgroup[f]&&(u=i.aColgroup[f]);var p=void 0,g=void 0;p="html"===a?e.innerHTML:e.textContent,u&&u.index?(g=u.index,u.header||(u.header=p)):g=p,void 0===o[f]?o[f]=[g]:o[f].push(g)}})),r[0]=Math.max(r[0],l),r[1]=Math.max(r[1],d)}}])&&l(t.prototype,o),r&&l(t,r),Object.defineProperty(t,"prototype",{writable:!1}),e}();var c=o(19791),u=o(96766);function h(){h=function(){return t};var e,t={},o=Object.prototype,n=o.hasOwnProperty,r=Object.defineProperty||function(e,t,o){e[t]=o.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",s=i.asyncIterator||"@@asyncIterator",l=i.toStringTag||"@@toStringTag";function d(e,t,o){return Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{d({},"")}catch(e){d=function(e,t,o){return e[t]=o}}function c(e,t,o,n){var i=t&&t.prototype instanceof y?t:y,a=Object.create(i.prototype),s=new T(n||[]);return r(a,"_invoke",{value:R(e,o,s)}),a}function u(e,t,o){try{return{type:"normal",arg:e.call(t,o)}}catch(e){return{type:"throw",arg:e}}}t.wrap=c;var f="suspendedStart",p="suspendedYield",g="executing",m="completed",v={};function y(){}function w(){}function z(){}var C={};d(C,a,(function(){return this}));var S=Object.getPrototypeOf,k=S&&S(S(A([])));k&&k!==o&&n.call(k,a)&&(C=k);var x=z.prototype=y.prototype=Object.create(C);function O(e){["next","throw","return"].forEach((function(t){d(e,t,(function(e){return this._invoke(t,e)}))}))}function _(e,t){function o(r,i,a,s){var l=u(e[r],e,i);if("throw"!==l.type){var d=l.arg,c=d.value;return c&&"object"==b(c)&&n.call(c,"__await")?t.resolve(c.__await).then((function(e){o("next",e,a,s)}),(function(e){o("throw",e,a,s)})):t.resolve(c).then((function(e){d.value=e,a(d)}),(function(e){return o("throw",e,a,s)}))}s(l.arg)}var i;r(this,"_invoke",{value:function(e,n){function r(){return new t((function(t,r){o(e,n,t,r)}))}return i=i?i.then(r,r):r()}})}function R(t,o,n){var r=f;return function(i,a){if(r===g)throw new Error("Generator is already running");if(r===m){if("throw"===i)throw a;return{value:e,done:!0}}for(n.method=i,n.arg=a;;){var s=n.delegate;if(s){var l=E(s,n);if(l){if(l===v)continue;return l}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(r===f)throw r=m,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r=g;var d=u(t,o,n);if("normal"===d.type){if(r=n.done?m:p,d.arg===v)continue;return{value:d.arg,done:n.done}}"throw"===d.type&&(r=m,n.method="throw",n.arg=d.arg)}}}function E(t,o){var n=o.method,r=t.iterator[n];if(r===e)return o.delegate=null,"throw"===n&&t.iterator.return&&(o.method="return",o.arg=e,E(t,o),"throw"===o.method)||"return"!==n&&(o.method="throw",o.arg=new TypeError("The iterator does not provide a '"+n+"' method")),v;var i=u(r,t.iterator,o.arg);if("throw"===i.type)return o.method="throw",o.arg=i.arg,o.delegate=null,v;var a=i.arg;return a?a.done?(o[t.resultName]=a.value,o.next=t.nextLoc,"return"!==o.method&&(o.method="next",o.arg=e),o.delegate=null,v):a:(o.method="throw",o.arg=new TypeError("iterator result is not an object"),o.delegate=null,v)}function M(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function D(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function T(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(M,this),this.reset(!0)}function A(t){if(t||""===t){var o=t[a];if(o)return o.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var r=-1,i=function o(){for(;++r<t.length;)if(n.call(t,r))return o.value=t[r],o.done=!1,o;return o.value=e,o.done=!0,o};return i.next=i}}throw new TypeError(b(t)+" is not iterable")}return w.prototype=z,r(x,"constructor",{value:z,configurable:!0}),r(z,"constructor",{value:w,configurable:!0}),w.displayName=d(z,l,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===w||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,z):(e.__proto__=z,d(e,l,"GeneratorFunction")),e.prototype=Object.create(x),e},t.awrap=function(e){return{__await:e}},O(_.prototype),d(_.prototype,s,(function(){return this})),t.AsyncIterator=_,t.async=function(e,o,n,r,i){void 0===i&&(i=Promise);var a=new _(c(e,o,n,r),i);return t.isGeneratorFunction(o)?a:a.next().then((function(e){return e.done?e.value:a.next()}))},O(x),d(x,l,"Generator"),d(x,a,(function(){return this})),d(x,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),o=[];for(var n in t)o.push(n);return o.reverse(),function e(){for(;o.length;){var n=o.pop();if(n in t)return e.value=n,e.done=!1,e}return e.done=!0,e}},t.values=A,T.prototype={constructor:T,reset:function(t){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(D),!t)for(var o in this)"t"===o.charAt(0)&&n.call(this,o)&&!isNaN(+o.slice(1))&&(this[o]=e)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var o=this;function r(n,r){return s.type="throw",s.arg=t,o.next=n,r&&(o.method="next",o.arg=e),!!r}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],s=a.completion;if("root"===a.tryLoc)return r("end");if(a.tryLoc<=this.prev){var l=n.call(a,"catchLoc"),d=n.call(a,"finallyLoc");if(l&&d){if(this.prev<a.catchLoc)return r(a.catchLoc,!0);if(this.prev<a.finallyLoc)return r(a.finallyLoc)}else if(l){if(this.prev<a.catchLoc)return r(a.catchLoc,!0)}else{if(!d)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return r(a.finallyLoc)}}}},abrupt:function(e,t){for(var o=this.tryEntries.length-1;o>=0;--o){var r=this.tryEntries[o];if(r.tryLoc<=this.prev&&n.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var i=r;break}}i&&("break"===e||"continue"===e)&&i.tryLoc<=t&&t<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=e,a.arg=t,i?(this.method="next",this.next=i.finallyLoc,v):this.complete(a)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),v},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.finallyLoc===e)return this.complete(o.completion,o.afterLoc),D(o),v}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.tryLoc===e){var n=o.completion;if("throw"===n.type){var r=n.arg;D(o)}return r}}throw new Error("illegal catch attempt")},delegateYield:function(t,o,n){return this.delegate={iterator:A(t),resultName:o,nextLoc:n},"next"===this.method&&(this.arg=e),v}},t}function f(e,t,o,n,r,i,a){try{var s=e[i](a),l=s.value}catch(e){return void o(e)}s.done?t(l):Promise.resolve(l).then(n,r)}function p(e){return function(e){if(Array.isArray(e))return m(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||g(e)||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 g(e,t){if(e){if("string"==typeof e)return m(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?m(e,t):void 0}}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}var v=Object.prototype.toString,y=function(){var e;if("undefined"!=typeof window&&window.ShadyDOM){(e=document.createElement("style")).id="zg-shadow-dom-style";var t=document.head;t.insertBefore(e,t.firstChild)}return function(t,o,n,r,i,a){var s,l,d=t.attachShadow({mode:"open"});(t._oShadowRoot=d,a&&(d.adoptedStyleSheets=[a]),i)?s=i.content.cloneNode(!0):(l=window.ShadyDOM?"".concat(r):"\n      <style>".concat(n,"</style>\n      ").concat(r,"\n      "),s=document.createRange().createContextualFragment(l));if(d.appendChild(s),window.ShadyDOM){if(!n.shimmed){var c=n.toString().replace(/:host\(([^\n,\s]+)\)/gm," "+o+"$1").replace(/:host/gm," "+o).replace(/::slotted\(([^\)]+)\)/gm,o+" $1").replace(new RegExp("("+o+"[^{.,\\n]+)"+o+"[^-]","gmi"),"$1");e.textContent+=c}n.shimmed=!0}}}();function w(e){for(;e;e=e.parentNode){if("[object ShadowRoot]"===e.toString())return!0;if("ZING-GRID"===e.nodeName)return!1}return!1}function z(e,t){var o,n=window.ShadyDOM||!e?"":"<style>".concat(e,"</style>");o="".concat(n).concat(t);var r=document.createElement("template");return r.innerHTML=o,r}function C(){for(var e,t=arguments.length,o=new Array(t),n=0;n<t;n++)o[n]=arguments[n];(e=console).log.apply(e,["[ZingGrid Developer Alert]"].concat(o))}var S="isArray"in Array?Array.isArray:function(e){return"[object Array]"===v.call(e)};function k(e){return!0===e||!1===e}function x(e){return"[object Date]"===v.apply(e)}function O(e){return"object"===Z(e)&&!!e.nodeType}function _(e){return!!E(e)&&e%1==0}function R(e,t){return!!function(e){return P(e)||M(e)||k(e)||L(e)||E(e)||e!=e}(e)||(!!function(e){return"[object Function]"===v.apply(e)}(e)||(!!I(e)||(!!x(e)||(S(e)?!e.length||1==t:!Object.keys(e).length))))}function E(e){return"number"==typeof e&&isFinite(e)}function M(e){return null===e}function D(e){return"[object Object]"===v.call(e)}function T(e){return"object"===Z(e)&&!e.nodeType}function A(e){return!(P(e)||M(e))}function I(e){return"[object RegExp]"===v.call(e)}function L(e){return"string"==typeof e}function Z(e){var t=b(e);return M(e)&&(t="null"),S(e)&&(t="array"),x(e)&&(t="date"),I(e)&&(t="regexp"),t}function P(e){return void 0===e}function F(e){var t=(new DOMParser).parseFromString(e,"text/html").querySelector("body").children,o=document.createDocumentFragment();return p(t).forEach((function(e){return o.appendChild(e)})),o}function N(e,t,o){var n;for(n in o&&N(e,o),t)e[n]=void 0===t[n]?e[n]:t[n];return e}function B(e,t){if(e._bIsConfigApplied)return e;ee(e,t=t||{}),e._bIsConfigApplied=!0}function G(e,t,o){var n;for(n in o&&G(e,o),t)"object"!==b(t[n])&&(e[n]=void 0===t[n]?e[n]:t[n]);return e}function H(e,t){for(var o in t)void 0===e[o]&&(e[o]=t[o]);return e}function j(e,t){var o,n=function(e,t){var o="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!o){if(Array.isArray(e)||(o=g(e))||t&&e&&"number"==typeof e.length){o&&(e=o);var n=0,r=function(){};return{s:r,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,s=!1;return{s:function(){o=o.call(e)},n:function(){var e=o.next();return a=e.done,e},e:function(e){s=!0,i=e},f:function(){try{a||null==o.return||o.return()}finally{if(s)throw i}}}}(Object.getOwnPropertyNames(t));try{for(n.s();!(o=n.n()).done;){var r=o.value;e.hasOwnProperty(r)||(e[r]=t[r])}}catch(e){n.e(e)}finally{n.f()}return e}function U(e,t){var o={};if(1==e.nodeType){if(e.attributes.length>0){o["@attributes"]={};for(var n=0;n<e.attributes.length;n++){var r=e.attributes.item(n);o["@attributes"][r.nodeName]=r.nodeValue}}}else 3!=e.nodeType&&4!=e.nodeType||(o=e.nodeValue,4==e.nodeType&&t&&(o=W(o)));if(e.hasChildNodes()&&1===e.childNodes.length&&3===e.childNodes[0].nodeType)o=e.childNodes[0].nodeValue;else if(e.hasChildNodes())for(var i=0;i<e.childNodes.length;i++){var a=e.childNodes.item(i);if(3!==a.nodeType||""!==a.nodeValue.trim()){var s=a.nodeName,l=U(a,t);if(l!=={})if(void 0===o[s])4==a.nodeType?o=t?W(a.nodeValue):a.nodeValue:o[s]=l;else{if(void 0===o[s].push){var d=o[s];o[s]=[],o[s].push(d)}o[s].push(l)}}}return o}function W(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}function V(e,t,o){if(!e)return"";if(D(e)&&(e=Object.keys(e).map((function(t){var o=e[t];return o[n.Z.store.keyField]=t,o}))),!e.length)return"";var r=t.headers,i=function(e,t){return null===t?"":t},a=Object.keys(e[0]),s=e.map((function(e){return a.map((function(t){return JSON.stringify(e[t],i)})).join(",")}));return r&&(S(e[0])?s.unshift(a.map((function(e){var t=o.getColumnByFieldIndex(e);return t?t.sColumnHeaderText:e}))):s.unshift(a.join(","))),s.join("\r\n")}function q(e,t){var o=(new a).parse(e,t);return o.caption&&t.widget.webcomponent.setCaption(o.caption),o.data}function K(e,t){var o=new d,n=t.widget.webcomponent;t.bCanSetColumns=n.bDefaultCols;var r=o.parse(e,t);return r.caption&&n.setCaption(r.caption),r.frozenTop&&(n.frozenRowsTop=r.frozenTop),r.frozenBottom&&(n.frozenRowsBottom=r.frozenBottom),t.widget.store.once("loaded",(function(){r.frozenLeft&&(n.frozenColumnsLeft=r.frozenLeft),r.frozenRight&&(n.frozenColumnsRight=r.frozenRight)})),r.columns&&n.setColumns(r.columns),n.headerAutoFormat="disabled",r.data}function Y(e,t){var o=t.querySelector("zg-data")||null,n=null,r=!o;for(var i in e.dataset){var a=e.dataset[i],s=i[2].toLowerCase()+i.slice(3);if("dataFormat"===s||"headFormat"===s){o||(o=document.createElement("zg-data"));var l=document.createElement("zg-param");s="table"+s[0].toUpperCase()+s.slice(1),l.setAttribute("name",s),l.setAttribute("value",a),o.appendChild(l),n||(n={}),n[s]=a}else s=ce(s),t.setAttribute(s,a)}return o&&r&&t.appendChild(o),n}function X(e){var t=document.createElement("zing-grid");return Y(e,t),t}function J(e){return e*parseFloat(getComputedStyle(document.documentElement).fontSize)}function Q(e){return e*parseFloat(getComputedStyle(document.documentElement).fontSize)}function $(e,t){var o=document.createElement("select");return t&&(!e.length||""!==e[0]&&""!==e[0].value)&&e.splice(0,0,""),e.forEach((function(e){var t="object"===b(e),n=t?e.name?e.name:e.value:e,r=t?e.value:e,i=document.createElement("option");i.textContent=n,i.value=r,o.appendChild(i)})),o}function ee(e,t){if(e===t)return e;if(null===t)return null;var o=Array.isArray(t);if(e=null!=e?e:o?[]:{},o){if(!S(e))throw new Error("trying to deep merge an array onto a non-array type");t.forEach((function(t,o){void 0===e[o]||null===e[o]?e[o]=t:"object"===b(t)?e[o]=ee(e[o],t):-1===e.indexOf(t)&&e.push(t)}))}else{if(!T(e))throw new Error("trying to deep merge an object onto a non-object type");Object.keys(t).forEach((function(o){"object"===b(t[o])&&t[o]&&e[o]?e[o]=ee(e[o],t[o]):e[o]=t[o]}))}return e}function te(e,t){for(var o=e;o&&1===o.nodeType;){if(o.tagName.toLowerCase()===t)return o;o=o.parentNode}return null}function oe(e,t){var o=[];return function e(n,r,i){r=r||"",R(n,i)?""!==r&&o.push(r.slice(0,-1*t.length)):Object.keys(n).forEach((function(o){e(n[o],r+o+t,!0)}))}(e,"",!1),o}function ne(e){e.hasAttribute(n.Z.attr.loading)&&e.removeAttribute(n.Z.attr.loading)}function re(e){var t=e.el,o=e.attr,n=e.match,r=e.value;n?t.setAttribute(o,r):t.removeAttribute(o)}function ie(e){var t=e.el,o=e.attr,n=e.value;n||""===n?t.setAttribute(o,n):t.removeAttribute(o)}function ae(e,t,o){var n=null;return t&&(n=t,!e&&t&&(e=u.Z.setUserFunction(null,t)),e&&"function"==typeof e.method&&void 0===(n=e.method.apply(e.scope,o))&&(n="")),n}var se={clone:function(e){return e.slice(0)},objectSort:function(e,t){return e.sort((function(e,o){return e[t]-o[t]}))}};var le={copy:function(e){var t={};for(var o in e)t[o]=e[o];return t},get:function(e,t){return t.reduce((function(e,t){return e&&"undefined"!==e[t]?e[t]:void 0}),e)},toString:function(e){var t="";for(var o in e)t+=o+":"+e[o]+";";return t}};var de={camelCaseToDash:ce,camelCaseToReadable:function(e,t){var o="";return e.split(",").forEach((function(e){var n=[];n=t?he(e,t):[e];var r="";n.forEach((function(e){var o=(e=(e=de.dashToCamelCase(e,"[_-]")).trim()).match(/[A-Z]*[^A-Z]+/g);o&&(e=o.map((function(e){return e[0].toUpperCase()+e.substr(1).toLowerCase()})).join(" ")),e=e.replace(/\.[a-z]/g,(function(e){return"."+e[1].toUpperCase()})),""!==r&&(r+=t),r+=e})),""!==o&&(o+=", "),o+=r})),o},capitalize:function(e){return e.replace(/(^| )(\w)/g,(function(e){return e.toLocaleUpperCase()}))},dashToCamelCase:function(e,t){t=t||"-";var o=new RegExp(t+"([a-z])","gi");return e.replace(o,(function(e){return e[1].toUpperCase()}))},escapeRegExp:ue,format:function(e){for(var t,o,n,r=arguments.length,i=new Array(r>1?r-1:0),a=1;a<r;a++)i[a-1]=arguments[a];if("array"===Z(i[0]))t=i[0];else for(n=i.length,t=[],o=0;o<n;o++)t[o]=i[o];return e.replace(/\[(\d+)]/g,(function(e,o){return t[o]}))},formatCellData:function(e){var t=e.args,o=(e.cellDOM,e.cellSE),n=o._columnConfig&&o._columnConfig.sSeparator||" ";return t.filter((function(e,o){return o<t.length-2})).reduce((function(e,t,o){return null==t&&(t=""),0===o?"".concat(e).concat(t):"".concat(e).concat(n).concat(t)}),"")},formatToArray:function(e){var t;if("object"===b(e)&&e instanceof Array)return e;if(null===e)return[];if("object"===b(e))return[e];try{(t=JSON.parse(e))instanceof Array||(t=[t])}catch(i){"string"!=typeof e&&(t=null);var o=e.replace(/:\s+/g,":").replace(/,\s+/g,",").replace(/\s+{/g,"{").replace(/}\s+/g,"}");if("{"===(o=o.replace(/{'/g,'{"').replace(/'}/g,'"}').replace(/':'/g,'":"').replace(/','/g,'","')).charAt(0))t=JSON.parse("[".concat(o,"]"));else if("{"===o.charAt(1))t=JSON.parse(o);else{var n=e.replace(/^\[/,"").replace(/]$/,"").split(","),r=n.map((function(e){return e.trim().replace(/^'/,"").replace(/'$/,"")}));t=n.length<2?null:r}}return t},stripComments:function(e){return e[0].replace(/<!--.*\s.*-->/gi,"")},toObject:function(e){for(var t={},o=(e=e.split(";")).length,n=0;n<o;n++){var r=e[n].split(":");r.length<2||(r[0]=de.trimWhiteSpace(r[0]),r[1]=de.trimWhiteSpace(r[1]),t[r[0]]=r[1])}return t},trimWhiteSpace:function(e){return e.replace(/\s/g,"")},upFirstChar:function(e){return e[0].toLocaleUpperCase()+e.substr(1,e.length)},_splitHeader:he};function ce(e){return e.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function ue(e){return e.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&")}function he(e,t){t=ue(t=t||".");var o=new RegExp("(\\w)".concat(t,"(?=\\w)"),"g");return e.replace(o,"$1".concat(n.Z.global.replaceToken)).split(n.Z.global.replaceToken)}function fe(e){if(e)return e.split(",").map((function(e){return de.trimWhiteSpace(e)}))}function pe(e,t){return Math.floor(Math.random()*(e-t))+e}function ge(e,t,o){return-1!==t.indexOf("max-width")||!e&&t.indexOf(!0)?o:(e&&e==parseInt(e,10)&&(e+="px"),e?"width:".concat(e):o?"":"max-width:100%;width:100%;")}function me(e,t,o){if(!t)return e;var n=t.sLocale||c.default.getLocale(o)||"en-US",r={};return"disabled"===t.sTypeNumberFormatting?e:(be(r,t),null==e||isNaN(e)||""===e?"":new Intl.NumberFormat(n,r).format(e))}function be(e,t){var o=t.nTypeNumberMinDecimals,n=t.nTypeNumberMaxDecimals,r=t.nTypeNumberDecimals;"percentage"===t.sCellType&&(void 0!==t.nTypePercentageDecimals&&(r=t.nTypePercentageDecimals),void 0!==t.nTypePercentageMaxDecimals&&(n=t.nTypePercentageMaxDecimals)),null!=r&&(e.minimumFractionDigits=r,e.maximumFractionDigits=r),null!=n&&(e.maximumFractionDigits=n),null!=o&&(e.minimumFractionDigits=o),e.minimumFractionDigits&&e.maximumFractionDigits&&e.maximumFractionDigits<e.minimumFractionDigits&&(delete e.maximumFractionDigits,delete e.minimumFractionDigits)}function ve(e,t){return ye.apply(this,arguments)}function ye(){var e;return e=h().mark((function e(t,o){var n;return h().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n={},e.next=3,fetch("".concat(t,".svg"),n).then((function(e){if(e.ok)return e.text();console.error("Error fetching external .svg")})).then((function(e){return we(e).children}));case 3:return e.abrupt("return",e.sent);case 4:case"end":return e.stop()}}),e)})),ye=function(){var t=this,o=arguments;return new Promise((function(n,r){var i=e.apply(t,o);function a(e){f(i,n,r,a,s,"next",e)}function s(e){f(i,n,r,a,s,"throw",e)}a(void 0)}))},ye.apply(this,arguments)}function we(e){return(new DOMParser).parseFromString(e,"text/xml").childNodes[0]}function ze(e,t){if(t){for(var o=function(o){p(t).forEach((function(t){return e.children[o]&&e.children[o].id===t.id?e.children[o].remove():t}))},n=e.children.length-1;n>=0;n--)o(n);return p(t).forEach((function(t){return e.append(t)})),e}}function Ce(e){for(var t="",o=0,n=e.length;o<n;o++){var r=o%2==0?o:e.length-o;t+=e.substring(r,r+1)}return t=t.replace(/\./g,"d")}function Se(e){return e.replace(/[a-zA-Z]/g,(function(e){return String.fromCharCode((e<="Z"?90:122)>=(e=e.charCodeAt(0)+13)?e:e-26)}))}function ke(e){var t=e;return t=(t=(t=t.replace("*","&")).replace("9","3")).replace("l","1")}function xe(e,t){var o=_e(function(e){for(var t=[],o="0x"===e.substr(0,2)?2:0;o<e.length;o+=2)t.push(parseInt(e.substr(o,2),16));return t}(e)),n=_e(Oe(t)),r=o.length;if(0===r)return"";for(var i,a,s=o[r-1],l=o[0],d=2654435769,c=Math.floor(6+52/r)*d;0!==c;){a=c>>>2&3;for(var u=r-1;u>0;u--)i=((s=o[u-1])>>>5^l<<2)+(l>>>3^s<<4)^(c^l)+(n[3&u^a]^s),l=o[u]-=i;i=((s=o[r-1])>>>5^l<<2)+(l>>>3^s<<4)^(c^l)+(n[3&u^a]^s),l=o[0]-=i,c-=d}return decodeURIComponent(function(e){for(var t="",o=0;o<e.length;o++)0!==e[o]&&(t+=String.fromCharCode(e[o]));return t}(Re(o)))}function Oe(e){for(var t=[],o=0;o<e.length;o++)t.push(e.charCodeAt(o));return t}function _e(e){for(var t=new Array(Math.ceil(e.length/4)),o=0;o<t.length;o++)t[o]=e[4*o]+(e[4*o+1]<<8)+(e[4*o+2]<<16)+(e[4*o+3]<<24);return t}function Re(e){for(var t=[],o=0;o<e.length;o++)t.push(255&e[o],e[o]>>>8&255,e[o]>>>16&255,e[o]>>>24&255);return t}function Ee(e){var t,o=e.msg,n=void 0===o?"":o,r=e.vars,i=void 0===r?[]:r,a=e.plurals,s=void 0===a?"s":a,l="%p",d="%v",c=n.includes("\\".concat(d)),u=i.map((function(e){return e}));t=c?Te({msg:n,values:u,token:d}):De({msg:n,values:u,token:d});var h=n.includes("\\".concat(l)),f=Me({msg:n,pattern:new RegExp("".concat(l,"(?!(\\\\))"),"gim")});if(f){var p="string"==typeof s?f.map((function(e){return s})):s.map((function(e){return e}));t=h?Te({msg:t,values:p,token:l}):De({msg:t,values:p,token:l})}return t}function Me(e){var t=e.msg,o=e.pattern;return t.match(o)}function De(e){var t,o=e.msg,n=e.token,r=e.values,i=new RegExp("".concat(n)),a=new RegExp("".concat(n),"gim"),s=r.map((function(e){return e})),l=o;return s.forEach((function(e){t=e,"object"===b(e)&&(t=e.condition||e.conditional?e.value:""),l=l.replace(i,t)})),l=l.replace(a,"")}function Te(e){var t=e.msg,o=e.token,n=e.values,r=o.split("").reverse().join(""),i=new RegExp("".concat(r,"(?!(\\\\))")),a=new RegExp(" ".concat(r,"(?!(\\\\))")),s=new RegExp("".concat(r,"(?!(\\\\))"),"gim"),l=new RegExp("\\\\".concat(o),"gim"),d=n.map((function(e){return e})),c=t;c=c.split("").reverse().join("");var u=d.length,h=Me({msg:c,pattern:s}),f=h.length;h.forEach((function(e,t){return t<f-u?c=c.replace(a,"").replace(i,""):e}));var p=d.filter((function(e,t){return t<f}));return p.forEach((function(e,t,o){return o[t]="string"==typeof e?e.split("").reverse().join(""):e})),p.reverse().forEach((function(e){return c=c.replace(i,e)})),c=(c=c.split("").reverse().join("")).replace(l,o)}},31769:(e,t,o)=>{"use strict";o.d(t,{Z:()=>x});var n=o(37486),r=o(31655);var i=r.hx?function(e){if(e){var t=HTMLElement.prototype.toString.call(e);if("[xpconnect wrapped native prototype]"!=t&&"[object XULElement]"!=t)return 3==e.nodeType?e.parentNode:e}}:function(e){return e&&3==e.nodeType?e.parentNode:e},a=o(87822);function s(e,t){var o=(e=e.oBrowserEvent||e)["page"+t];return o||0===o||(o=e["client"+t]||0),o}var l={3:13,63234:37,63235:39,63232:38,63233:40,63276:33,63277:34,63272:46,63273:36,63275:35},d=r.w1?{1:0,4:1,2:2}:{0:0,1:1,2:2},c=/(dbl)?click/;function u(e,t,o){this.oBrowserEvent=e,this.type=e.type;var n=e.target||e.srcElement;this.oDOMTarget=n,this.oDOMRealTarget=n,this.bIsCTRL=e.ctrlKey||r.V5&&e.metaKey,this.bIsSHIFT=e.shiftKey,this.oDOMEventListenerHost=t,this.bDelegateNotFound=!1;var i=o.sDelegateTo;if(i){var a=this.getDelegateTarget(i);this.oDOMDelegateTarget=a,this.oDOMTarget=a}this.xy=[s(e,"X"),s(e,"Y")],this.nCharCode=this.getNormalizedCharCode(),this.nButton=this.getNormalizedButton()}u.prototype={BACKSPACE:8,TAB:9,ENTER:13,RETURN:13,SHIFT:16,CTRL:17,ALT:18,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,INSERT:45,DELETE:46,ZERO:48,ONE:49,TWO:50,THREE:51,FOUR:52,FIVE:53,SIX:54,SEVEN:55,EIGHT:56,NINE:57,NUM_ZERO:96,NUM_ONE:97,NUM_TWO:98,NUM_THREE:99,NUM_FOUR:100,NUM_FIVE:101,NUM_SIX:102,NUM_SEVEN:103,NUM_EIGHT:104,NUM_NINE:105,F2:113,A:65,B:66,C:67,D:68,E:69,F:70,G:71,H:72,I:73,J:74,K:75,L:76,M:77,N:78,O:79,P:80,Q:81,R:82,S:83,T:84,U:85,V:86,W:87,X:88,Y:89,Z:90,keyNum:{48:0,49:1,50:2,51:3,52:4,53:5,54:6,55:7,56:8,57:9,96:0,97:1,98:2,99:3,100:4,101:5,102:6,103:7,104:8,105:9},stopEvent:function(){this.stopPropagation(this.oBrowserEvent),this.preventDefault(this.oBrowserEvent)},stopImmediatePropagation:function(){var e=this.oBrowserEvent;e.stopImmediatePropagation?e.stopImmediatePropagation():this.stopPropagation()},stopPropagation:function(){var e=this.oBrowserEvent;e.stopPropagation?e.stopPropagation():e.cancelBubble=!0},preventDefault:function(){var e=this.oBrowserEvent;e.preventDefault?e.preventDefault():(e.keyCode&&(e.keyCode=0),e.returnValue=!1)},normalizeSafariKey:function(e){return r.G6&&l[e]||e},getNormalizedCharCode:function(){var e=this.oBrowserEvent;return this.normalizeSafariKey(e.keyCode||e.charCode||e.key)},getNormalizedButton:function(){var e=this.oBrowserEvent,t=e.button?d[e.button]:e.which?e.which-1:-1;return c.test(e.type)&&-1===t&&(t=0),t},getDelegateTarget:function(e){var t,o,n,r=0,i=null,a=null,s=null,l=0;e.replace(/:not\((.*)\.(.*)\)/,(function(e,t,o){s={sTagName:t,sClassName:o}})),null!==s?l=2:(i=(n=e.split("."))[0],a=n[1],l=n.length);for(var d=this.oDOMTarget;;){if(!d)return!1;if(9==d.nodeType)return this.oDOMTarget;if(11!=d.nodeType&&"[object ShadowRoot]"!==d.toString()){var c=0,u=d.tagName,h=d.nodeName,f=d.classList;if(null!==s){if(void 0===u||void 0===h)return this.oDOMTarget;if(t=u.toLowerCase(),o=h.toLowerCase(),s.sTagName!==t&&s.sTagName!==o||c++,s.sClassName&&f.contains(a)&&c++,c===l)break}else{if(null!==i){if(void 0===u||void 0===h)return!1;t=u.toLowerCase(),o=h.toLowerCase(),i!==t&&i!==o||c++}null!==a&&f.contains(a)&&c++}if(c===l)return d;if(this.oDOMEventListenerHost===d){if(s)return d;break}if(d=d.assignedSlot?d.assignedSlot:d.parentNode,++r>=10){if(s)return d;break}}else d=d.host}this.bDelegateNotFound=!0}};const h=u;var f={};function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function g(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==p(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===p(i)?i:String(i)),n)}var r,i}setInterval((function(){var e,t,o,n;for(e in f)(t=f[e])!==document&&((o=t.dom)&&o.parentNode&&(o.offsetParent||document.getElementById(e))||delete f[e]);if(r.w1){for(e in n={},f)n[e]=f[e];f=n}}),3e4);var m=/alpha\(opacity=(.*)\)/gi,b="undefined"!=typeof document?document.defaultView:null,v={},y=/(-[a-z])/gi,w={},z=0;function C(e,t){return t.charAt(1).toUpperCase()}function S(e){return v[e]||(v[e]=e.replace(y,C))}var k=function(){function e(t){var o,n;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e);var r=f;"string"==typeof t&&(o=t,n=document.getElementById(t)),t.nodeType&&(n=t,o=t===document?"oDocument":t===document.body?"oDocumentBody":t.id),o&&r[o],n&&(this.dom=n,o=o||e.id(n))}var t,o,s;return t=e,o=[{key:"getDOM",value:function(){return this.dom}},{key:"_getDOMByTagName",value:function(e,t){var o=this.getDOM().getElementsByTagName(e);return n.o8(t)?o:o[t]}},{key:"_querySelector",value:function(){var e=this.getDOM();return e.querySelector.apply(e,arguments)}},{key:"_setStyle",value:function(e,t,o){var n,r,i=this.getDOM();for(r in"object"!==p(e)&&((n={})[e]=t,e=n),e)switch(t=e[r],r){case"opacity":i.style.opacity=t;break;case"float":i.style.styleFloat=t,i.style.cssFloat=t;break;default:i.style[S(r)]=t,o&&i.style&&i.style.setProperty&&i.style.setProperty(r,t,"important")}}},{key:"_hide",value:function(){this.getDOM().setAttribute(a.Z.attr.hidden,"")}},{key:"_show",value:function(){var e=this.getDOM();this.setXY(arguments.length<=0?void 0:arguments[0]),e.removeAttribute(a.Z.attr.hidden)}},{key:"getHeight",value:function(){return Math.max(this.getDOM().clientHeight,this.getDOM().offsetHeight)}},{key:"getWidth",value:function(){var e=this.getDOM();return Math.max(e.clientWidth,e.offsetWidth)}},{key:"getSize",value:function(){var e=this.getDOM().getBoundingClientRect();return[e.width,e.height]}},{key:"once",value:function(e,t,o,n){var r=this;this.on(e,(function o(n,i){t(n,i),r.un(e,o)}),o,n)}},{key:"on",value:function(e,t,o,n,a){n=n||{},o=o||this,void 0===a&&(a=!0);var s,l,d,c,u=!1,f=!1,p=!1,g=null,m=this,b=this.getDOM();if(/ /.test(e)){var v,y=e.split(" ");"key"===(e=y[0])&&(e="keydown");var z=y.length;for(v=1;v<z;v++){var C=y[v].toUpperCase();switch(C){case"CTRL":f=!0;break;case"SHIFT":p=!0;break;default:if(g=y[v],void 0===(u=h.prototype[C]))throw new Error("event is not write")}}}s=function(e){var a,s=function(e){return e||window.event}(e),l=new h(s,b,n);if((!n.sDelegateTo||l.oDOMDelegateTarget)&&!1===l.bDelegateNotFound){if(a=l.oDOMDelegateTarget?l.oDOMDelegateTarget:function(e){return e=e.oBrowserEvent||e,i(e.target||e.srcElement)}(s),!1!==u&&e.keyCode!==u&&e.key!==g)return;if(!1!==f){if(r.V5&&!1===e.metaKey)return;if(!r.V5&&!1===e.ctrlKey)return}if(!1!==p&&!1===e.shiftKey)return;t.apply(o,[l,a])}},"mousewheel"===e&&!1===r.iV&&(e="DOMMouseScroll"),c=a?{passive:!0}:{},b.addEventListener(e,s,c),d=(l=this.events=this.events||{})[e]=l[e]||[];var S={fn:t,wrappedFn:s,scope:o};return d.push(S),b===document&&(w[e]=w[e]||[],w[e].push(S)),function(){S&&m&&(m.un(e,null,S),b=null,S=null,m=null)}}},{key:"un",value:function(e,t,o){if(!t&&!o)throw new Error("Event name [",e,"] needs a function argument to unregister");if(this.events){var n=this.getDOM(),i=this.events[e];if(i){var a,s=i.length;if(!o)for(a=0;a<s;a++)if(i[a].fn===t){o=i[a];break}o&&("mousewheel"===e&&!1===r.iV?n.removeEventListener("DOMMouseScroll",o.wrappedFn,!1):n.removeEventListener(e,o.wrappedFn,!1),o.scope=null,o.fn=null,o.wrappedFn=null,i.splice(i.indexOf(o),1),o=null)}}}},{key:"fire",value:function(e){for(var t=arguments.length,o=new Array(t>1?t-1:0),n=1;n<t;n++)o[n-1]=arguments[n];if(this.events){var r=this.events[e],i=this,a=!1;if(r)return o.unshift(this),r.forEach((function(e){null!=e&&(e.params&&(o=o.concat(e.params)),!1===e.fn.apply(e.scope||i,o)&&(a=!0))})),!a}}},{key:"docUn",value:function(e,t){var o=w[e];if(o){var n,i,a=o.length;for(n=0;n<a;n++)(i=o[n]).fn===t&&(window.removeEventListener?"mousewheel"===e&&!1===r.iV?this.getDOM().removeEventListener("DOMMouseScroll",i.wrappedFn,!1):(this.getDOM().removeEventListener(e,i.wrappedFn,!1),o.splice(n,1),n--,a--):this.getDOM().detachEvent("on"+e,i.wrappedFn))}}},{key:"docUnAll",value:function(){for(var e in w)for(var t=w[e],o=0,n=t.length;o<n;o++)t[o]&&t[o].fn&&this.docUn(e,t[o].fn)}},{key:"unAll",value:function(){var e,t,o,n,r,i=this.getDOM(),a=this.events;for(n in a)for(t=(e=a[n]).length,r=0;r<t;r++)(o=e[r])&&(window.removeEventListener?i.removeEventListener(n,o.wrappedFn,!1):i.detachEvent("on"+n,o.wrappedFn));this.events={}}},{key:"getXY",value:function(){var e,t,o=document.body||document.documentElement,n=[0,0],r=this.getDOM();return r!=o&&r.getBoundingClientRect&&(e=r.getBoundingClientRect(),t=this.getScroll(document.body),n=[e.left+t.left,e.top+t.top]),n}},{key:"getX",value:function(){return this.getXY()[0]}},{key:"getY",value:function(){return this.getXY()[1]}},{key:"setXY",value:function(e){var t=n.gg(e);"object"===t?(this.setStart(e.x,"left"),this.setStart(e.y,"top")):"array"===t&&(this.setStart(e[0],"left"),this.setStart(e[1],"top"))}},{key:"calculateContextPosition",value:function(e,t){var o=this.getDOM(),n=o.getBoundingClientRect(),r=t.getBoundingClientRect(),i=r.left+r.width,s=e.oBrowserEvent.clientX,l=s-n.width,d=s+n.width>i,c=window.getComputedStyle(o),u=parseInt(c.borderLeftWidth,10);u&&u>1&&t.style.setProperty("--menu-arrow-right","calc(100% + ".concat(u,"px)")),d?(this.setStart(l-r.left,"left"),this.setAttribute(a.Z.attr.internaldir,"left")):(this.setStart(e.oBrowserEvent.clientX-r.left,"left"),this.setAttribute(a.Z.attr.internaldir,"right")),this.setStart(e.oBrowserEvent.clientY-r.top,"top")}},{key:"calculateMenuPosition",value:function(e,t){var o=this.getDOM(),n=t.getBoundingClientRect(),r=e.oDOMTarget.getBoundingClientRect(),i=o.getBoundingClientRect(),a=n.left+n.width,s=r.left,l=s+r.width;s+i.width>a?this.setStart(a-l,"right"):this.setStart(s,"left"),this.setStart(r.top+r.height-n.top,"top")}},{key:"setStart",value:function(e,t){n.o8(e)||(this.getDOM().style[t]=e+"px")}},{key:"clearPosition",value:function(){var e=this;["top","right","left"].forEach((function(t){return e.getDOM().style.removeProperty(t)}))}},{key:"_setLeft",value:function(e){this.getDOM().style.left=e+"px"}},{key:"setTop",value:function(e){this.getDOM().style.top=e+"px"}},{key:"getScroll",value:function(e){var t,o,n,i=e||this.getDOM();return i==document||i==document.body?(r.w1&&r.Gu?(t=document.documentElement.scrollLeft,o=document.documentElement.scrollTop):(t=window.pageXOffset,o=window.pageYOffset),n={left:t||(document.documentElement?document.documentElement.scrollLeft:0),top:o||(document.documentElement?document.documentElement.scrollTop:0)}):n={left:i.scrollLeft,top:i.scrollTop},n}},{key:"_addClass",value:function(e){return this.getDOM().classList.add(e),this}},{key:"_removeClass",value:function(e){return this.getDOM().classList.remove(e),this}},{key:"_appendChild",value:function(e,t){var o=this.getDOM();e.nodeType&&o.appendChild(e)}},{key:"_removeChild",value:function(e){e.nodeType&&this.getDOM().removeChild(e)}},{key:"parent",value:function(t){var o=this.getDOM(),n=o.parentNode||o.parentElement;return!1===t?n:new e(n)}},{key:"_setAttribute",value:function(e,t){var o,n,r=this.getDOM();if("setAttribute"in r)for(n in"object"!==p(e)&&((o={})[e]=t,e=o),e)t=e[n],r.setAttribute(n,t);return this}},{key:"_removeAttribute",value:function(e){this.getDOM().removeAttribute(e)}},{key:"update",value:function(e){this.getDOM().innerHTML=e}},{key:"_text",value:function(){return this.getDOM().textContent}},{key:"destroy",value:function(){var e=this.parent(!1);this.unAll(),this.events={},e&&(e.removeChild(this.getDOM()),delete f[this.id]),this.dom=null}},{key:"select",value:function(e){function t(t){return e.apply(this,arguments)}return t.toString=function(){return e.toString()},t}((function(e){return select(e,this.getDOM())}))}],s=[{key:"get",value:function(t){if(!t)throw new Error("element is not set");return!0===t.isComposite?t.item(0):new e(t)}},{key:"elContains",value:function(e,t){if(e&&e.firstChild)for(;t;){if(t===e)return!0;(t=t.parentNode)&&1!==t.nodeType&&(t=null)}return!1}},{key:"id",value:function(e,t){return e?e.id:(t||"zg-gen-")+ ++z}}],o&&g(t.prototype,o),s&&g(t,s),Object.defineProperty(t,"prototype",{writable:!1}),e}();k.prototype.getStyle=function(e){var t,o,n,r,i,a=this.getDOM();if(a==document)return null;if(b&&b.getComputedStyle)return e=S(e),r=(o=a.style[e])?o:(n=b.getComputedStyle(a,""))?n[e]:null,"marginRight"===e&&"0px"!==r&&(i=a.style.display,a.style.display="inline-block",r=b.getComputedStyle(a,"").marginRight,a.style.display=i),"backgroundColor"===e&&"rgba(0, 0, 0, 0)"===r&&(r="transparent"),r;if("opacity"===e){if(a.style.filter.match&&(t=a.style.filter.match(m))){var s=parseFloat(t[1]);if(!isNaN(s))return s?s/100:0}return 1}return e=S(e),a.style[e]||((n=a.currentStyle)?n[e]:null)};const x=k},53351:(e,t,o)=>{"use strict";function n(){return o.g._babelPolyfill||"undefined"!=typeof window&&window._babelPolyfill?null:o(26981)}o.r(t),o.d(t,{default:()=>r,zingBabelPolyfill:()=>n});const r=n()},40487:e=>{var t={utf8:{stringToBytes:function(e){return t.bin.stringToBytes(unescape(encodeURIComponent(e)))},bytesToString:function(e){return decodeURIComponent(escape(t.bin.bytesToString(e)))}},bin:{stringToBytes:function(e){for(var t=[],o=0;o<e.length;o++)t.push(255&e.charCodeAt(o));return t},bytesToString:function(e){for(var t=[],o=0;o<e.length;o++)t.push(String.fromCharCode(e[o]));return t.join("")}}};e.exports=t},16266:(e,t,o)=>{o(95767),o(68132),o(48388),o(37470),o(94882),o(41520),o(27476),o(79622),o(89375),o(43533),o(84672),o(64157),o(35095),o(49892),o(75115),o(99176),o(68838),o(96253),o(39730),o(6059),o(48377),o(71084),o(64299),o(11246),o(30726),o(1901),o(75972),o(53403),o(92516),o(49371),o(86479),o(91736),o(51889),o(65177),o(81246),o(76503),o(66786),o(50932),o(57526),o(21591),o(9073),o(80347),o(30579),o(4669),o(67710),o(45789),o(33514),o(99978),o(58472),o(86946),o(35068),o(413),o(50191),o(98306),o(64564),o(39115),o(29539),o(96620),o(62850),o(10823),o(17732),o(40856),o(80703),o(91539),o(5292),o(45177),o(73694),o(37648),o(27795),o(4531),o(23605),o(6780),o(69937),o(10511),o(81822),o(19977),o(91031),o(46331),o(41560),o(20774),o(30522),o(58295),o(87842),o(50110),o(20075),o(24336),o(19371),o(98837),o(26773),o(15745),o(33057),o(3750),o(23369),o(99564),o(32e3),o(48977),o(52310),o(94899),o(31842),o(56997),o(83946),o(18269),o(66108),o(76774),o(21466),o(59357),o(76142),o(51876),o(40851),o(88416),o(98184),o(30147),o(59192),o(30142),o(1786),o(75368),o(46964),o(62152),o(74821),o(79103),o(81303),o(83318),o(70162),o(33834),o(21572),o(82139),o(10685),o(85535),o(17347),o(83049),o(96633),o(68989),o(78270),o(64510),o(73984),o(75769),o(50055),o(96014),e.exports=o(25645)},70911:(e,t,o)=>{o(1268),e.exports=o(25645).Array.flatMap},10990:(e,t,o)=>{o(62773),e.exports=o(25645).Array.includes},15434:(e,t,o)=>{o(83276),e.exports=o(25645).Object.entries},78051:(e,t,o)=>{o(98351),e.exports=o(25645).Object.getOwnPropertyDescriptors},38250:(e,t,o)=>{o(96409),e.exports=o(25645).Object.values},54952:(e,t,o)=>{"use strict";o(40851),o(9865),e.exports=o(25645).Promise.finally},6197:(e,t,o)=>{o(92770),e.exports=o(25645).String.padEnd},14160:(e,t,o)=>{o(41784),e.exports=o(25645).String.padStart},54039:(e,t,o)=>{o(94325),e.exports=o(25645).String.trimRight},96728:(e,t,o)=>{o(65869),e.exports=o(25645).String.trimLeft},93568:(e,t,o)=>{o(79665),e.exports=o(28787).f("asyncIterator")},40115:(e,t,o)=>{o(34579),e.exports=o(11327).global},85663:e=>{e.exports=function(e){if("function"!=typeof e)throw TypeError(e+" is not a function!");return e}},12159:(e,t,o)=>{var n=o(36727);e.exports=function(e){if(!n(e))throw TypeError(e+" is not an object!");return e}},11327:e=>{var t=e.exports={version:"2.6.12"};"number"==typeof __e&&(__e=t)},19216:(e,t,o)=>{var n=o(85663);e.exports=function(e,t,o){if(n(e),void 0===t)return e;switch(o){case 1:return function(o){return e.call(t,o)};case 2:return function(o,n){return e.call(t,o,n)};case 3:return function(o,n,r){return e.call(t,o,n,r)}}return function(){return e.apply(t,arguments)}}},89666:(e,t,o)=>{e.exports=!o(7929)((function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a}))},97467:(e,t,o)=>{var n=o(36727),r=o(33938).document,i=n(r)&&n(r.createElement);e.exports=function(e){return i?r.createElement(e):{}}},83856:(e,t,o)=>{var n=o(33938),r=o(11327),i=o(19216),a=o(41818),s=o(27069),l="prototype",d=function(e,t,o){var c,u,h,f=e&d.F,p=e&d.G,g=e&d.S,m=e&d.P,b=e&d.B,v=e&d.W,y=p?r:r[t]||(r[t]={}),w=y[l],z=p?n:g?n[t]:(n[t]||{})[l];for(c in p&&(o=t),o)(u=!f&&z&&void 0!==z[c])&&s(y,c)||(h=u?z[c]:o[c],y[c]=p&&"function"!=typeof z[c]?o[c]:b&&u?i(h,n):v&&z[c]==h?function(e){var t=function(t,o,n){if(this instanceof e){switch(arguments.length){case 0:return new e;case 1:return new e(t);case 2:return new e(t,o)}return new e(t,o,n)}return e.apply(this,arguments)};return t[l]=e[l],t}(h):m&&"function"==typeof h?i(Function.call,h):h,m&&((y.virtual||(y.virtual={}))[c]=h,e&d.R&&w&&!w[c]&&a(w,c,h)))};d.F=1,d.G=2,d.S=4,d.P=8,d.B=16,d.W=32,d.U=64,d.R=128,e.exports=d},7929:e=>{e.exports=function(e){try{return!!e()}catch(e){return!0}}},33938:e=>{var t=e.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=t)},27069:e=>{var t={}.hasOwnProperty;e.exports=function(e,o){return t.call(e,o)}},41818:(e,t,o)=>{var n=o(4743),r=o(83101);e.exports=o(89666)?function(e,t,o){return n.f(e,t,r(1,o))}:function(e,t,o){return e[t]=o,e}},33758:(e,t,o)=>{e.exports=!o(89666)&&!o(7929)((function(){return 7!=Object.defineProperty(o(97467)("div"),"a",{get:function(){return 7}}).a}))},36727:e=>{e.exports=function(e){return"object"==typeof e?null!==e:"function"==typeof e}},4743:(e,t,o)=>{var n=o(12159),r=o(33758),i=o(33206),a=Object.defineProperty;t.f=o(89666)?Object.defineProperty:function(e,t,o){if(n(e),t=i(t,!0),n(o),r)try{return a(e,t,o)}catch(e){}if("get"in o||"set"in o)throw TypeError("Accessors not supported!");return"value"in o&&(e[t]=o.value),e}},83101:e=>{e.exports=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}}},33206:(e,t,o)=>{var n=o(36727);e.exports=function(e,t){if(!n(e))return e;var o,r;if(t&&"function"==typeof(o=e.toString)&&!n(r=o.call(e)))return r;if("function"==typeof(o=e.valueOf)&&!n(r=o.call(e)))return r;if(!t&&"function"==typeof(o=e.toString)&&!n(r=o.call(e)))return r;throw TypeError("Can't convert object to primitive value")}},34579:(e,t,o)=>{var n=o(83856);n(n.G,{global:o(33938)})},24963:e=>{e.exports=function(e){if("function"!=typeof e)throw TypeError(e+" is not a function!");return e}},83365:(e,t,o)=>{var n=o(92032);e.exports=function(e,t){if("number"!=typeof e&&"Number"!=n(e))throw TypeError(t);return+e}},17722:(e,t,o)=>{var n=o(86314)("unscopables"),r=Array.prototype;null==r[n]&&o(87728)(r,n,{}),e.exports=function(e){r[n][e]=!0}},76793:(e,t,o)=>{"use strict";var n=o(24496)(!0);e.exports=function(e,t,o){return t+(o?n(e,t).length:1)}},83328:e=>{e.exports=function(e,t,o,n){if(!(e instanceof t)||void 0!==n&&n in e)throw TypeError(o+": incorrect invocation!");return e}},27007:(e,t,o)=>{var n=o(55286);e.exports=function(e){if(!n(e))throw TypeError(e+" is not an object!");return e}},5216:(e,t,o)=>{"use strict";var n=o(20508),r=o(92337),i=o(10875);e.exports=[].copyWithin||function(e,t){var o=n(this),a=i(o.length),s=r(e,a),l=r(t,a),d=arguments.length>2?arguments[2]:void 0,c=Math.min((void 0===d?a:r(d,a))-l,a-s),u=1;for(l<s&&s<l+c&&(u=-1,l+=c-1,s+=c-1);c-- >0;)l in o?o[s]=o[l]:delete o[s],s+=u,l+=u;return o}},46852:(e,t,o)=>{"use strict";var n=o(20508),r=o(92337),i=o(10875);e.exports=function(e){for(var t=n(this),o=i(t.length),a=arguments.length,s=r(a>1?arguments[1]:void 0,o),l=a>2?arguments[2]:void 0,d=void 0===l?o:r(l,o);d>s;)t[s++]=e;return t}},79315:(e,t,o)=>{var n=o(22110),r=o(10875),i=o(92337);e.exports=function(e){return function(t,o,a){var s,l=n(t),d=r(l.length),c=i(a,d);if(e&&o!=o){for(;d>c;)if((s=l[c++])!=s)return!0}else for(;d>c;c++)if((e||c in l)&&l[c]===o)return e||c||0;return!e&&-1}}},10050:(e,t,o)=>{var n=o(741),r=o(49797),i=o(20508),a=o(10875),s=o(16886);e.exports=function(e,t){var o=1==e,l=2==e,d=3==e,c=4==e,u=6==e,h=5==e||u,f=t||s;return function(t,s,p){for(var g,m,b=i(t),v=r(b),y=n(s,p,3),w=a(v.length),z=0,C=o?f(t,w):l?f(t,0):void 0;w>z;z++)if((h||z in v)&&(m=y(g=v[z],z,b),e))if(o)C[z]=m;else if(m)switch(e){case 3:return!0;case 5:return g;case 6:return z;case 2:C.push(g)}else if(c)return!1;return u?-1:d||c?c:C}}},37628:(e,t,o)=>{var n=o(24963),r=o(20508),i=o(49797),a=o(10875);e.exports=function(e,t,o,s,l){n(t);var d=r(e),c=i(d),u=a(d.length),h=l?u-1:0,f=l?-1:1;if(o<2)for(;;){if(h in c){s=c[h],h+=f;break}if(h+=f,l?h<0:u<=h)throw TypeError("Reduce of empty array with no initial value")}for(;l?h>=0:u>h;h+=f)h in c&&(s=t(s,c[h],h,d));return s}},42736:(e,t,o)=>{var n=o(55286),r=o(4302),i=o(86314)("species");e.exports=function(e){var t;return r(e)&&("function"!=typeof(t=e.constructor)||t!==Array&&!r(t.prototype)||(t=void 0),n(t)&&null===(t=t[i])&&(t=void 0)),void 0===t?Array:t}},16886:(e,t,o)=>{var n=o(42736);e.exports=function(e,t){return new(n(e))(t)}},34398:(e,t,o)=>{"use strict";var n=o(24963),r=o(55286),i=o(97242),a=[].slice,s={};e.exports=Function.bind||function(e){var t=n(this),o=a.call(arguments,1),l=function(){var n=o.concat(a.call(arguments));return this instanceof l?function(e,t,o){if(!(t in s)){for(var n=[],r=0;r<t;r++)n[r]="a["+r+"]";s[t]=Function("F,a","return new F("+n.join(",")+")")}return s[t](e,o)}(t,n.length,n):i(t,n,e)};return r(t.prototype)&&(l.prototype=t.prototype),l}},41488:(e,t,o)=>{var n=o(92032),r=o(86314)("toStringTag"),i="Arguments"==n(function(){return arguments}());e.exports=function(e){var t,o,a;return void 0===e?"Undefined":null===e?"Null":"string"==typeof(o=function(e,t){try{return e[t]}catch(e){}}(t=Object(e),r))?o:i?n(t):"Object"==(a=n(t))&&"function"==typeof t.callee?"Arguments":a}},92032:e=>{var t={}.toString;e.exports=function(e){return t.call(e).slice(8,-1)}},9824:(e,t,o)=>{"use strict";var n=o(99275).f,r=o(42503),i=o(24408),a=o(741),s=o(83328),l=o(3531),d=o(42923),c=o(15436),u=o(2974),h=o(67057),f=o(84728).fastKey,p=o(1616),g=h?"_s":"size",m=function(e,t){var o,n=f(t);if("F"!==n)return e._i[n];for(o=e._f;o;o=o.n)if(o.k==t)return o};e.exports={getConstructor:function(e,t,o,d){var c=e((function(e,n){s(e,c,t,"_i"),e._t=t,e._i=r(null),e._f=void 0,e._l=void 0,e[g]=0,null!=n&&l(n,o,e[d],e)}));return i(c.prototype,{clear:function(){for(var e=p(this,t),o=e._i,n=e._f;n;n=n.n)n.r=!0,n.p&&(n.p=n.p.n=void 0),delete o[n.i];e._f=e._l=void 0,e[g]=0},delete:function(e){var o=p(this,t),n=m(o,e);if(n){var r=n.n,i=n.p;delete o._i[n.i],n.r=!0,i&&(i.n=r),r&&(r.p=i),o._f==n&&(o._f=r),o._l==n&&(o._l=i),o[g]--}return!!n},forEach:function(e){p(this,t);for(var o,n=a(e,arguments.length>1?arguments[1]:void 0,3);o=o?o.n:this._f;)for(n(o.v,o.k,this);o&&o.r;)o=o.p},has:function(e){return!!m(p(this,t),e)}}),h&&n(c.prototype,"size",{get:function(){return p(this,t)[g]}}),c},def:function(e,t,o){var n,r,i=m(e,t);return i?i.v=o:(e._l=i={i:r=f(t,!0),k:t,v:o,p:n=e._l,n:void 0,r:!1},e._f||(e._f=i),n&&(n.n=i),e[g]++,"F"!==r&&(e._i[r]=i)),e},getEntry:m,setStrong:function(e,t,o){d(e,t,(function(e,o){this._t=p(e,t),this._k=o,this._l=void 0}),(function(){for(var e=this,t=e._k,o=e._l;o&&o.r;)o=o.p;return e._t&&(e._l=o=o?o.n:e._t._f)?c(0,"keys"==t?o.k:"values"==t?o.v:[o.k,o.v]):(e._t=void 0,c(1))}),o?"entries":"values",!o,!0),u(t)}}},23657:(e,t,o)=>{"use strict";var n=o(24408),r=o(84728).getWeak,i=o(27007),a=o(55286),s=o(83328),l=o(3531),d=o(10050),c=o(79181),u=o(1616),h=d(5),f=d(6),p=0,g=function(e){return e._l||(e._l=new m)},m=function(){this.a=[]},b=function(e,t){return h(e.a,(function(e){return e[0]===t}))};m.prototype={get:function(e){var t=b(this,e);if(t)return t[1]},has:function(e){return!!b(this,e)},set:function(e,t){var o=b(this,e);o?o[1]=t:this.a.push([e,t])},delete:function(e){var t=f(this.a,(function(t){return t[0]===e}));return~t&&this.a.splice(t,1),!!~t}},e.exports={getConstructor:function(e,t,o,i){var d=e((function(e,n){s(e,d,t,"_i"),e._t=t,e._i=p++,e._l=void 0,null!=n&&l(n,o,e[i],e)}));return n(d.prototype,{delete:function(e){if(!a(e))return!1;var o=r(e);return!0===o?g(u(this,t)).delete(e):o&&c(o,this._i)&&delete o[this._i]},has:function(e){if(!a(e))return!1;var o=r(e);return!0===o?g(u(this,t)).has(e):o&&c(o,this._i)}}),d},def:function(e,t,o){var n=r(i(t),!0);return!0===n?g(e).set(t,o):n[e._i]=o,e},ufstore:g}},45795:(e,t,o)=>{"use strict";var n=o(3816),r=o(42985),i=o(77234),a=o(24408),s=o(84728),l=o(3531),d=o(83328),c=o(55286),u=o(74253),h=o(7462),f=o(22943),p=o(40266);e.exports=function(e,t,o,g,m,b){var v=n[e],y=v,w=m?"set":"add",z=y&&y.prototype,C={},S=function(e){var t=z[e];i(z,e,"delete"==e||"has"==e?function(e){return!(b&&!c(e))&&t.call(this,0===e?0:e)}:"get"==e?function(e){return b&&!c(e)?void 0:t.call(this,0===e?0:e)}:"add"==e?function(e){return t.call(this,0===e?0:e),this}:function(e,o){return t.call(this,0===e?0:e,o),this})};if("function"==typeof y&&(b||z.forEach&&!u((function(){(new y).entries().next()})))){var k=new y,x=k[w](b?{}:-0,1)!=k,O=u((function(){k.has(1)})),_=h((function(e){new y(e)})),R=!b&&u((function(){for(var e=new y,t=5;t--;)e[w](t,t);return!e.has(-0)}));_||((y=t((function(t,o){d(t,y,e);var n=p(new v,t,y);return null!=o&&l(o,m,n[w],n),n}))).prototype=z,z.constructor=y),(O||R)&&(S("delete"),S("has"),m&&S("get")),(R||x)&&S(w),b&&z.clear&&delete z.clear}else y=g.getConstructor(t,e,m,w),a(y.prototype,o),s.NEED=!0;return f(y,e),C[e]=y,r(r.G+r.W+r.F*(y!=v),C),b||g.setStrong(y,e,m),y}},25645:e=>{var t=e.exports={version:"2.6.12"};"number"==typeof __e&&(__e=t)},92811:(e,t,o)=>{"use strict";var n=o(99275),r=o(90681);e.exports=function(e,t,o){t in e?n.f(e,t,r(0,o)):e[t]=o}},741:(e,t,o)=>{var n=o(24963);e.exports=function(e,t,o){if(n(e),void 0===t)return e;switch(o){case 1:return function(o){return e.call(t,o)};case 2:return function(o,n){return e.call(t,o,n)};case 3:return function(o,n,r){return e.call(t,o,n,r)}}return function(){return e.apply(t,arguments)}}},53537:(e,t,o)=>{"use strict";var n=o(74253),r=Date.prototype.getTime,i=Date.prototype.toISOString,a=function(e){return e>9?e:"0"+e};e.exports=n((function(){return"0385-07-25T07:06:39.999Z"!=i.call(new Date(-50000000000001))}))||!n((function(){i.call(new Date(NaN))}))?function(){if(!isFinite(r.call(this)))throw RangeError("Invalid time value");var e=this,t=e.getUTCFullYear(),o=e.getUTCMilliseconds(),n=t<0?"-":t>9999?"+":"";return n+("00000"+Math.abs(t)).slice(n?-6:-4)+"-"+a(e.getUTCMonth()+1)+"-"+a(e.getUTCDate())+"T"+a(e.getUTCHours())+":"+a(e.getUTCMinutes())+":"+a(e.getUTCSeconds())+"."+(o>99?o:"0"+a(o))+"Z"}:i},870:(e,t,o)=>{"use strict";var n=o(27007),r=o(21689),i="number";e.exports=function(e){if("string"!==e&&e!==i&&"default"!==e)throw TypeError("Incorrect hint");return r(n(this),e!=i)}},91355:e=>{e.exports=function(e){if(null==e)throw TypeError("Can't call method on  "+e);return e}},67057:(e,t,o)=>{e.exports=!o(74253)((function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a}))},62457:(e,t,o)=>{var n=o(55286),r=o(3816).document,i=n(r)&&n(r.createElement);e.exports=function(e){return i?r.createElement(e):{}}},74430:e=>{e.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},5541:(e,t,o)=>{var n=o(47184),r=o(64548),i=o(14682);e.exports=function(e){var t=n(e),o=r.f;if(o)for(var a,s=o(e),l=i.f,d=0;s.length>d;)l.call(e,a=s[d++])&&t.push(a);return t}},42985:(e,t,o)=>{var n=o(3816),r=o(25645),i=o(87728),a=o(77234),s=o(741),l="prototype",d=function(e,t,o){var c,u,h,f,p=e&d.F,g=e&d.G,m=e&d.S,b=e&d.P,v=e&d.B,y=g?n:m?n[t]||(n[t]={}):(n[t]||{})[l],w=g?r:r[t]||(r[t]={}),z=w[l]||(w[l]={});for(c in g&&(o=t),o)h=((u=!p&&y&&void 0!==y[c])?y:o)[c],f=v&&u?s(h,n):b&&"function"==typeof h?s(Function.call,h):h,y&&a(y,c,h,e&d.U),w[c]!=h&&i(w,c,f),b&&z[c]!=h&&(z[c]=h)};n.core=r,d.F=1,d.G=2,d.S=4,d.P=8,d.B=16,d.W=32,d.U=64,d.R=128,e.exports=d},8852:(e,t,o)=>{var n=o(86314)("match");e.exports=function(e){var t=/./;try{"/./"[e](t)}catch(o){try{return t[n]=!1,!"/./"[e](t)}catch(e){}}return!0}},74253:e=>{e.exports=function(e){try{return!!e()}catch(e){return!0}}},28082:(e,t,o)=>{"use strict";o(18269);var n=o(77234),r=o(87728),i=o(74253),a=o(91355),s=o(86314),l=o(21165),d=s("species"),c=!i((function(){var e=/./;return e.exec=function(){var e=[];return e.groups={a:"7"},e},"7"!=="".replace(e,"$<a>")})),u=function(){var e=/(?:)/,t=e.exec;e.exec=function(){return t.apply(this,arguments)};var o="ab".split(e);return 2===o.length&&"a"===o[0]&&"b"===o[1]}();e.exports=function(e,t,o){var h=s(e),f=!i((function(){var t={};return t[h]=function(){return 7},7!=""[e](t)})),p=f?!i((function(){var t=!1,o=/a/;return o.exec=function(){return t=!0,null},"split"===e&&(o.constructor={},o.constructor[d]=function(){return o}),o[h](""),!t})):void 0;if(!f||!p||"replace"===e&&!c||"split"===e&&!u){var g=/./[h],m=o(a,h,""[e],(function(e,t,o,n,r){return t.exec===l?f&&!r?{done:!0,value:g.call(t,o,n)}:{done:!0,value:e.call(o,t,n)}:{done:!1}})),b=m[0],v=m[1];n(String.prototype,e,b),r(RegExp.prototype,h,2==t?function(e,t){return v.call(e,this,t)}:function(e){return v.call(e,this)})}}},53218:(e,t,o)=>{"use strict";var n=o(27007);e.exports=function(){var e=n(this),t="";return e.global&&(t+="g"),e.ignoreCase&&(t+="i"),e.multiline&&(t+="m"),e.unicode&&(t+="u"),e.sticky&&(t+="y"),t}},13325:(e,t,o)=>{"use strict";var n=o(4302),r=o(55286),i=o(10875),a=o(741),s=o(86314)("isConcatSpreadable");e.exports=function e(t,o,l,d,c,u,h,f){for(var p,g,m=c,b=0,v=!!h&&a(h,f,3);b<d;){if(b in l){if(p=v?v(l[b],b,o):l[b],g=!1,r(p)&&(g=void 0!==(g=p[s])?!!g:n(p)),g&&u>0)m=e(t,o,p,i(p.length),m,u-1)-1;else{if(m>=9007199254740991)throw TypeError();t[m]=p}m++}b++}return m}},3531:(e,t,o)=>{var n=o(741),r=o(28851),i=o(86555),a=o(27007),s=o(10875),l=o(69002),d={},c={},u=e.exports=function(e,t,o,u,h){var f,p,g,m,b=h?function(){return e}:l(e),v=n(o,u,t?2:1),y=0;if("function"!=typeof b)throw TypeError(e+" is not iterable!");if(i(b)){for(f=s(e.length);f>y;y++)if((m=t?v(a(p=e[y])[0],p[1]):v(e[y]))===d||m===c)return m}else for(g=b.call(e);!(p=g.next()).done;)if((m=r(g,v,p.value,t))===d||m===c)return m};u.BREAK=d,u.RETURN=c},40018:(e,t,o)=>{e.exports=o(3825)("native-function-to-string",Function.toString)},3816:e=>{var t=e.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=t)},79181:e=>{var t={}.hasOwnProperty;e.exports=function(e,o){return t.call(e,o)}},87728:(e,t,o)=>{var n=o(99275),r=o(90681);e.exports=o(67057)?function(e,t,o){return n.f(e,t,r(1,o))}:function(e,t,o){return e[t]=o,e}},40639:(e,t,o)=>{var n=o(3816).document;e.exports=n&&n.documentElement},1734:(e,t,o)=>{e.exports=!o(67057)&&!o(74253)((function(){return 7!=Object.defineProperty(o(62457)("div"),"a",{get:function(){return 7}}).a}))},40266:(e,t,o)=>{var n=o(55286),r=o(27375).set;e.exports=function(e,t,o){var i,a=t.constructor;return a!==o&&"function"==typeof a&&(i=a.prototype)!==o.prototype&&n(i)&&r&&r(e,i),e}},97242:e=>{e.exports=function(e,t,o){var n=void 0===o;switch(t.length){case 0:return n?e():e.call(o);case 1:return n?e(t[0]):e.call(o,t[0]);case 2:return n?e(t[0],t[1]):e.call(o,t[0],t[1]);case 3:return n?e(t[0],t[1],t[2]):e.call(o,t[0],t[1],t[2]);case 4:return n?e(t[0],t[1],t[2],t[3]):e.call(o,t[0],t[1],t[2],t[3])}return e.apply(o,t)}},49797:(e,t,o)=>{var n=o(92032);e.exports=Object("z").propertyIsEnumerable(0)?Object:function(e){return"String"==n(e)?e.split(""):Object(e)}},86555:(e,t,o)=>{var n=o(87234),r=o(86314)("iterator"),i=Array.prototype;e.exports=function(e){return void 0!==e&&(n.Array===e||i[r]===e)}},4302:(e,t,o)=>{var n=o(92032);e.exports=Array.isArray||function(e){return"Array"==n(e)}},18367:(e,t,o)=>{var n=o(55286),r=Math.floor;e.exports=function(e){return!n(e)&&isFinite(e)&&r(e)===e}},55286:e=>{e.exports=function(e){return"object"==typeof e?null!==e:"function"==typeof e}},55364:(e,t,o)=>{var n=o(55286),r=o(92032),i=o(86314)("match");e.exports=function(e){var t;return n(e)&&(void 0!==(t=e[i])?!!t:"RegExp"==r(e))}},28851:(e,t,o)=>{var n=o(27007);e.exports=function(e,t,o,r){try{return r?t(n(o)[0],o[1]):t(o)}catch(t){var i=e.return;throw void 0!==i&&n(i.call(e)),t}}},49988:(e,t,o)=>{"use strict";var n=o(42503),r=o(90681),i=o(22943),a={};o(87728)(a,o(86314)("iterator"),(function(){return this})),e.exports=function(e,t,o){e.prototype=n(a,{next:r(1,o)}),i(e,t+" Iterator")}},42923:(e,t,o)=>{"use strict";var n=o(4461),r=o(42985),i=o(77234),a=o(87728),s=o(87234),l=o(49988),d=o(22943),c=o(468),u=o(86314)("iterator"),h=!([].keys&&"next"in[].keys()),f="keys",p="values",g=function(){return this};e.exports=function(e,t,o,m,b,v,y){l(o,t,m);var w,z,C,S=function(e){if(!h&&e in _)return _[e];switch(e){case f:case p:return function(){return new o(this,e)}}return function(){return new o(this,e)}},k=t+" Iterator",x=b==p,O=!1,_=e.prototype,R=_[u]||_["@@iterator"]||b&&_[b],E=R||S(b),M=b?x?S("entries"):E:void 0,D="Array"==t&&_.entries||R;if(D&&(C=c(D.call(new e)))!==Object.prototype&&C.next&&(d(C,k,!0),n||"function"==typeof C[u]||a(C,u,g)),x&&R&&R.name!==p&&(O=!0,E=function(){return R.call(this)}),n&&!y||!h&&!O&&_[u]||a(_,u,E),s[t]=E,s[k]=g,b)if(w={values:x?E:S(p),keys:v?E:S(f),entries:M},y)for(z in w)z in _||i(_,z,w[z]);else r(r.P+r.F*(h||O),t,w);return w}},7462:(e,t,o)=>{var n=o(86314)("iterator"),r=!1;try{var i=[7][n]();i.return=function(){r=!0},Array.from(i,(function(){throw 2}))}catch(e){}e.exports=function(e,t){if(!t&&!r)return!1;var o=!1;try{var i=[7],a=i[n]();a.next=function(){return{done:o=!0}},i[n]=function(){return a},e(i)}catch(e){}return o}},15436:e=>{e.exports=function(e,t){return{value:t,done:!!e}}},87234:e=>{e.exports={}},4461:e=>{e.exports=!1},13086:e=>{var t=Math.expm1;e.exports=!t||t(10)>22025.465794806718||t(10)<22025.465794806718||-2e-17!=t(-2e-17)?function(e){return 0==(e=+e)?e:e>-1e-6&&e<1e-6?e+e*e/2:Math.exp(e)-1}:t},34934:(e,t,o)=>{var n=o(61801),r=Math.pow,i=r(2,-52),a=r(2,-23),s=r(2,127)*(2-a),l=r(2,-126);e.exports=Math.fround||function(e){var t,o,r=Math.abs(e),d=n(e);return r<l?d*(r/l/a+1/i-1/i)*l*a:(o=(t=(1+a/i)*r)-(t-r))>s||o!=o?d*(1/0):d*o}},46206:e=>{e.exports=Math.log1p||function(e){return(e=+e)>-1e-8&&e<1e-8?e-e*e/2:Math.log(1+e)}},61801:e=>{e.exports=Math.sign||function(e){return 0==(e=+e)||e!=e?e:e<0?-1:1}},84728:(e,t,o)=>{var n=o(93953)("meta"),r=o(55286),i=o(79181),a=o(99275).f,s=0,l=Object.isExtensible||function(){return!0},d=!o(74253)((function(){return l(Object.preventExtensions({}))})),c=function(e){a(e,n,{value:{i:"O"+ ++s,w:{}}})},u=e.exports={KEY:n,NEED:!1,fastKey:function(e,t){if(!r(e))return"symbol"==typeof e?e:("string"==typeof e?"S":"P")+e;if(!i(e,n)){if(!l(e))return"F";if(!t)return"E";c(e)}return e[n].i},getWeak:function(e,t){if(!i(e,n)){if(!l(e))return!0;if(!t)return!1;c(e)}return e[n].w},onFreeze:function(e){return d&&u.NEED&&l(e)&&!i(e,n)&&c(e),e}}},14351:(e,t,o)=>{var n=o(3816),r=o(74193).set,i=n.MutationObserver||n.WebKitMutationObserver,a=n.process,s=n.Promise,l="process"==o(92032)(a);e.exports=function(){var e,t,o,d=function(){var n,r;for(l&&(n=a.domain)&&n.exit();e;){r=e.fn,e=e.next;try{r()}catch(n){throw e?o():t=void 0,n}}t=void 0,n&&n.enter()};if(l)o=function(){a.nextTick(d)};else if(!i||n.navigator&&n.navigator.standalone)if(s&&s.resolve){var c=s.resolve(void 0);o=function(){c.then(d)}}else o=function(){r.call(n,d)};else{var u=!0,h=document.createTextNode("");new i(d).observe(h,{characterData:!0}),o=function(){h.data=u=!u}}return function(n){var r={fn:n,next:void 0};t&&(t.next=r),e||(e=r,o()),t=r}}},43499:(e,t,o)=>{"use strict";var n=o(24963);function r(e){var t,o;this.promise=new e((function(e,n){if(void 0!==t||void 0!==o)throw TypeError("Bad Promise constructor");t=e,o=n})),this.resolve=n(t),this.reject=n(o)}e.exports.f=function(e){return new r(e)}},35345:(e,t,o)=>{"use strict";var n=o(67057),r=o(47184),i=o(64548),a=o(14682),s=o(20508),l=o(49797),d=Object.assign;e.exports=!d||o(74253)((function(){var e={},t={},o=Symbol(),n="abcdefghijklmnopqrst";return e[o]=7,n.split("").forEach((function(e){t[e]=e})),7!=d({},e)[o]||Object.keys(d({},t)).join("")!=n}))?function(e,t){for(var o=s(e),d=arguments.length,c=1,u=i.f,h=a.f;d>c;)for(var f,p=l(arguments[c++]),g=u?r(p).concat(u(p)):r(p),m=g.length,b=0;m>b;)f=g[b++],n&&!h.call(p,f)||(o[f]=p[f]);return o}:d},42503:(e,t,o)=>{var n=o(27007),r=o(35588),i=o(74430),a=o(69335)("IE_PROTO"),s=function(){},l="prototype",d=function(){var e,t=o(62457)("iframe"),n=i.length;for(t.style.display="none",o(40639).appendChild(t),t.src="javascript:",(e=t.contentWindow.document).open(),e.write("<script>document.F=Object<\/script>"),e.close(),d=e.F;n--;)delete d[l][i[n]];return d()};e.exports=Object.create||function(e,t){var o;return null!==e?(s[l]=n(e),o=new s,s[l]=null,o[a]=e):o=d(),void 0===t?o:r(o,t)}},99275:(e,t,o)=>{var n=o(27007),r=o(1734),i=o(21689),a=Object.defineProperty;t.f=o(67057)?Object.defineProperty:function(e,t,o){if(n(e),t=i(t,!0),n(o),r)try{return a(e,t,o)}catch(e){}if("get"in o||"set"in o)throw TypeError("Accessors not supported!");return"value"in o&&(e[t]=o.value),e}},35588:(e,t,o)=>{var n=o(99275),r=o(27007),i=o(47184);e.exports=o(67057)?Object.defineProperties:function(e,t){r(e);for(var o,a=i(t),s=a.length,l=0;s>l;)n.f(e,o=a[l++],t[o]);return e}},18693:(e,t,o)=>{var n=o(14682),r=o(90681),i=o(22110),a=o(21689),s=o(79181),l=o(1734),d=Object.getOwnPropertyDescriptor;t.f=o(67057)?d:function(e,t){if(e=i(e),t=a(t,!0),l)try{return d(e,t)}catch(e){}if(s(e,t))return r(!n.f.call(e,t),e[t])}},39327:(e,t,o)=>{var n=o(22110),r=o(20616).f,i={}.toString,a="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[];e.exports.f=function(e){return a&&"[object Window]"==i.call(e)?function(e){try{return r(e)}catch(e){return a.slice()}}(e):r(n(e))}},20616:(e,t,o)=>{var n=o(60189),r=o(74430).concat("length","prototype");t.f=Object.getOwnPropertyNames||function(e){return n(e,r)}},64548:(e,t)=>{t.f=Object.getOwnPropertySymbols},468:(e,t,o)=>{var n=o(79181),r=o(20508),i=o(69335)("IE_PROTO"),a=Object.prototype;e.exports=Object.getPrototypeOf||function(e){return e=r(e),n(e,i)?e[i]:"function"==typeof e.constructor&&e instanceof e.constructor?e.constructor.prototype:e instanceof Object?a:null}},60189:(e,t,o)=>{var n=o(79181),r=o(22110),i=o(79315)(!1),a=o(69335)("IE_PROTO");e.exports=function(e,t){var o,s=r(e),l=0,d=[];for(o in s)o!=a&&n(s,o)&&d.push(o);for(;t.length>l;)n(s,o=t[l++])&&(~i(d,o)||d.push(o));return d}},47184:(e,t,o)=>{var n=o(60189),r=o(74430);e.exports=Object.keys||function(e){return n(e,r)}},14682:(e,t)=>{t.f={}.propertyIsEnumerable},33160:(e,t,o)=>{var n=o(42985),r=o(25645),i=o(74253);e.exports=function(e,t){var o=(r.Object||{})[e]||Object[e],a={};a[e]=t(o),n(n.S+n.F*i((function(){o(1)})),"Object",a)}},51131:(e,t,o)=>{var n=o(67057),r=o(47184),i=o(22110),a=o(14682).f;e.exports=function(e){return function(t){for(var o,s=i(t),l=r(s),d=l.length,c=0,u=[];d>c;)o=l[c++],n&&!a.call(s,o)||u.push(e?[o,s[o]]:s[o]);return u}}},57643:(e,t,o)=>{var n=o(20616),r=o(64548),i=o(27007),a=o(3816).Reflect;e.exports=a&&a.ownKeys||function(e){var t=n.f(i(e)),o=r.f;return o?t.concat(o(e)):t}},47743:(e,t,o)=>{var n=o(3816).parseFloat,r=o(29599).trim;e.exports=1/n(o(84644)+"-0")!=-1/0?function(e){var t=r(String(e),3),o=n(t);return 0===o&&"-"==t.charAt(0)?-0:o}:n},55960:(e,t,o)=>{var n=o(3816).parseInt,r=o(29599).trim,i=o(84644),a=/^[-+]?0[xX]/;e.exports=8!==n(i+"08")||22!==n(i+"0x16")?function(e,t){var o=r(String(e),3);return n(o,t>>>0||(a.test(o)?16:10))}:n},10188:e=>{e.exports=function(e){try{return{e:!1,v:e()}}catch(e){return{e:!0,v:e}}}},50094:(e,t,o)=>{var n=o(27007),r=o(55286),i=o(43499);e.exports=function(e,t){if(n(e),r(t)&&t.constructor===e)return t;var o=i.f(e);return(0,o.resolve)(t),o.promise}},90681:e=>{e.exports=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}}},24408:(e,t,o)=>{var n=o(77234);e.exports=function(e,t,o){for(var r in t)n(e,r,t[r],o);return e}},77234:(e,t,o)=>{var n=o(3816),r=o(87728),i=o(79181),a=o(93953)("src"),s=o(40018),l="toString",d=(""+s).split(l);o(25645).inspectSource=function(e){return s.call(e)},(e.exports=function(e,t,o,s){var l="function"==typeof o;l&&(i(o,"name")||r(o,"name",t)),e[t]!==o&&(l&&(i(o,a)||r(o,a,e[t]?""+e[t]:d.join(String(t)))),e===n?e[t]=o:s?e[t]?e[t]=o:r(e,t,o):(delete e[t],r(e,t,o)))})(Function.prototype,l,(function(){return"function"==typeof this&&this[a]||s.call(this)}))},27787:(e,t,o)=>{"use strict";var n=o(41488),r=RegExp.prototype.exec;e.exports=function(e,t){var o=e.exec;if("function"==typeof o){var i=o.call(e,t);if("object"!=typeof i)throw new TypeError("RegExp exec method returned something other than an Object or null");return i}if("RegExp"!==n(e))throw new TypeError("RegExp#exec called on incompatible receiver");return r.call(e,t)}},21165:(e,t,o)=>{"use strict";var n,r,i=o(53218),a=RegExp.prototype.exec,s=String.prototype.replace,l=a,d="lastIndex",c=(n=/a/,r=/b*/g,a.call(n,"a"),a.call(r,"a"),0!==n[d]||0!==r[d]),u=void 0!==/()??/.exec("")[1];(c||u)&&(l=function(e){var t,o,n,r,l=this;return u&&(o=new RegExp("^"+l.source+"$(?!\\s)",i.call(l))),c&&(t=l[d]),n=a.call(l,e),c&&n&&(l[d]=l.global?n.index+n[0].length:t),u&&n&&n.length>1&&s.call(n[0],o,(function(){for(r=1;r<arguments.length-2;r++)void 0===arguments[r]&&(n[r]=void 0)})),n}),e.exports=l},27195:e=>{e.exports=Object.is||function(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}},27375:(e,t,o)=>{var n=o(55286),r=o(27007),i=function(e,t){if(r(e),!n(t)&&null!==t)throw TypeError(t+": can't set as prototype!")};e.exports={set:Object.setPrototypeOf||("__proto__"in{}?function(e,t,n){try{(n=o(741)(Function.call,o(18693).f(Object.prototype,"__proto__").set,2))(e,[]),t=!(e instanceof Array)}catch(e){t=!0}return function(e,o){return i(e,o),t?e.__proto__=o:n(e,o),e}}({},!1):void 0),check:i}},2974:(e,t,o)=>{"use strict";var n=o(3816),r=o(99275),i=o(67057),a=o(86314)("species");e.exports=function(e){var t=n[e];i&&t&&!t[a]&&r.f(t,a,{configurable:!0,get:function(){return this}})}},22943:(e,t,o)=>{var n=o(99275).f,r=o(79181),i=o(86314)("toStringTag");e.exports=function(e,t,o){e&&!r(e=o?e:e.prototype,i)&&n(e,i,{configurable:!0,value:t})}},69335:(e,t,o)=>{var n=o(3825)("keys"),r=o(93953);e.exports=function(e){return n[e]||(n[e]=r(e))}},3825:(e,t,o)=>{var n=o(25645),r=o(3816),i="__core-js_shared__",a=r[i]||(r[i]={});(e.exports=function(e,t){return a[e]||(a[e]=void 0!==t?t:{})})("versions",[]).push({version:n.version,mode:o(4461)?"pure":"global",copyright:"© 2020 Denis Pushkarev (zloirock.ru)"})},58364:(e,t,o)=>{var n=o(27007),r=o(24963),i=o(86314)("species");e.exports=function(e,t){var o,a=n(e).constructor;return void 0===a||null==(o=n(a)[i])?t:r(o)}},77717:(e,t,o)=>{"use strict";var n=o(74253);e.exports=function(e,t){return!!e&&n((function(){t?e.call(null,(function(){}),1):e.call(null)}))}},24496:(e,t,o)=>{var n=o(81467),r=o(91355);e.exports=function(e){return function(t,o){var i,a,s=String(r(t)),l=n(o),d=s.length;return l<0||l>=d?e?"":void 0:(i=s.charCodeAt(l))<55296||i>56319||l+1===d||(a=s.charCodeAt(l+1))<56320||a>57343?e?s.charAt(l):i:e?s.slice(l,l+2):a-56320+(i-55296<<10)+65536}}},42094:(e,t,o)=>{var n=o(55364),r=o(91355);e.exports=function(e,t,o){if(n(t))throw TypeError("String#"+o+" doesn't accept regex!");return String(r(e))}},29395:(e,t,o)=>{var n=o(42985),r=o(74253),i=o(91355),a=/"/g,s=function(e,t,o,n){var r=String(i(e)),s="<"+t;return""!==o&&(s+=" "+o+'="'+String(n).replace(a,"&quot;")+'"'),s+">"+r+"</"+t+">"};e.exports=function(e,t){var o={};o[e]=t(s),n(n.P+n.F*r((function(){var t=""[e]('"');return t!==t.toLowerCase()||t.split('"').length>3})),"String",o)}},75442:(e,t,o)=>{var n=o(10875),r=o(68595),i=o(91355);e.exports=function(e,t,o,a){var s=String(i(e)),l=s.length,d=void 0===o?" ":String(o),c=n(t);if(c<=l||""==d)return s;var u=c-l,h=r.call(d,Math.ceil(u/d.length));return h.length>u&&(h=h.slice(0,u)),a?h+s:s+h}},68595:(e,t,o)=>{"use strict";var n=o(81467),r=o(91355);e.exports=function(e){var t=String(r(this)),o="",i=n(e);if(i<0||i==1/0)throw RangeError("Count can't be negative");for(;i>0;(i>>>=1)&&(t+=t))1&i&&(o+=t);return o}},29599:(e,t,o)=>{var n=o(42985),r=o(91355),i=o(74253),a=o(84644),s="["+a+"]",l=RegExp("^"+s+s+"*"),d=RegExp(s+s+"*$"),c=function(e,t,o){var r={},s=i((function(){return!!a[e]()||"​…"!="​…"[e]()})),l=r[e]=s?t(u):a[e];o&&(r[o]=l),n(n.P+n.F*s,"String",r)},u=c.trim=function(e,t){return e=String(r(e)),1&t&&(e=e.replace(l,"")),2&t&&(e=e.replace(d,"")),e};e.exports=c},84644:e=>{e.exports="\t\n\v\f\r   ᠎             　\u2028\u2029\ufeff"},74193:(e,t,o)=>{var n,r,i,a=o(741),s=o(97242),l=o(40639),d=o(62457),c=o(3816),u=c.process,h=c.setImmediate,f=c.clearImmediate,p=c.MessageChannel,g=c.Dispatch,m=0,b={},v="onreadystatechange",y=function(){var e=+this;if(b.hasOwnProperty(e)){var t=b[e];delete b[e],t()}},w=function(e){y.call(e.data)};h&&f||(h=function(e){for(var t=[],o=1;arguments.length>o;)t.push(arguments[o++]);return b[++m]=function(){s("function"==typeof e?e:Function(e),t)},n(m),m},f=function(e){delete b[e]},"process"==o(92032)(u)?n=function(e){u.nextTick(a(y,e,1))}:g&&g.now?n=function(e){g.now(a(y,e,1))}:p?(i=(r=new p).port2,r.port1.onmessage=w,n=a(i.postMessage,i,1)):c.addEventListener&&"function"==typeof postMessage&&!c.importScripts?(n=function(e){c.postMessage(e+"","*")},c.addEventListener("message",w,!1)):n=v in d("script")?function(e){l.appendChild(d("script"))[v]=function(){l.removeChild(this),y.call(e)}}:function(e){setTimeout(a(y,e,1),0)}),e.exports={set:h,clear:f}},92337:(e,t,o)=>{var n=o(81467),r=Math.max,i=Math.min;e.exports=function(e,t){return(e=n(e))<0?r(e+t,0):i(e,t)}},94843:(e,t,o)=>{var n=o(81467),r=o(10875);e.exports=function(e){if(void 0===e)return 0;var t=n(e),o=r(t);if(t!==o)throw RangeError("Wrong length!");return o}},81467:e=>{var t=Math.ceil,o=Math.floor;e.exports=function(e){return isNaN(e=+e)?0:(e>0?o:t)(e)}},22110:(e,t,o)=>{var n=o(49797),r=o(91355);e.exports=function(e){return n(r(e))}},10875:(e,t,o)=>{var n=o(81467),r=Math.min;e.exports=function(e){return e>0?r(n(e),9007199254740991):0}},20508:(e,t,o)=>{var n=o(91355);e.exports=function(e){return Object(n(e))}},21689:(e,t,o)=>{var n=o(55286);e.exports=function(e,t){if(!n(e))return e;var o,r;if(t&&"function"==typeof(o=e.toString)&&!n(r=o.call(e)))return r;if("function"==typeof(o=e.valueOf)&&!n(r=o.call(e)))return r;if(!t&&"function"==typeof(o=e.toString)&&!n(r=o.call(e)))return r;throw TypeError("Can't convert object to primitive value")}},78440:(e,t,o)=>{"use strict";if(o(67057)){var n=o(4461),r=o(3816),i=o(74253),a=o(42985),s=o(89383),l=o(91125),d=o(741),c=o(83328),u=o(90681),h=o(87728),f=o(24408),p=o(81467),g=o(10875),m=o(94843),b=o(92337),v=o(21689),y=o(79181),w=o(41488),z=o(55286),C=o(20508),S=o(86555),k=o(42503),x=o(468),O=o(20616).f,_=o(69002),R=o(93953),E=o(86314),M=o(10050),D=o(79315),T=o(58364),A=o(56997),I=o(87234),L=o(7462),Z=o(2974),P=o(46852),F=o(5216),N=o(99275),B=o(18693),G=N.f,H=B.f,j=r.RangeError,U=r.TypeError,W=r.Uint8Array,V="ArrayBuffer",q="Shared"+V,K="BYTES_PER_ELEMENT",Y="prototype",X=Array[Y],J=l.ArrayBuffer,Q=l.DataView,$=M(0),ee=M(2),te=M(3),oe=M(4),ne=M(5),re=M(6),ie=D(!0),ae=D(!1),se=A.values,le=A.keys,de=A.entries,ce=X.lastIndexOf,ue=X.reduce,he=X.reduceRight,fe=X.join,pe=X.sort,ge=X.slice,me=X.toString,be=X.toLocaleString,ve=E("iterator"),ye=E("toStringTag"),we=R("typed_constructor"),ze=R("def_constructor"),Ce=s.CONSTR,Se=s.TYPED,ke=s.VIEW,xe="Wrong length!",Oe=M(1,(function(e,t){return De(T(e,e[ze]),t)})),_e=i((function(){return 1===new W(new Uint16Array([1]).buffer)[0]})),Re=!!W&&!!W[Y].set&&i((function(){new W(1).set({})})),Ee=function(e,t){var o=p(e);if(o<0||o%t)throw j("Wrong offset!");return o},Me=function(e){if(z(e)&&Se in e)return e;throw U(e+" is not a typed array!")},De=function(e,t){if(!z(e)||!(we in e))throw U("It is not a typed array constructor!");return new e(t)},Te=function(e,t){return Ae(T(e,e[ze]),t)},Ae=function(e,t){for(var o=0,n=t.length,r=De(e,n);n>o;)r[o]=t[o++];return r},Ie=function(e,t,o){G(e,t,{get:function(){return this._d[o]}})},Le=function(e){var t,o,n,r,i,a,s=C(e),l=arguments.length,c=l>1?arguments[1]:void 0,u=void 0!==c,h=_(s);if(null!=h&&!S(h)){for(a=h.call(s),n=[],t=0;!(i=a.next()).done;t++)n.push(i.value);s=n}for(u&&l>2&&(c=d(c,arguments[2],2)),t=0,o=g(s.length),r=De(this,o);o>t;t++)r[t]=u?c(s[t],t):s[t];return r},Ze=function(){for(var e=0,t=arguments.length,o=De(this,t);t>e;)o[e]=arguments[e++];return o},Pe=!!W&&i((function(){be.call(new W(1))})),Fe=function(){return be.apply(Pe?ge.call(Me(this)):Me(this),arguments)},Ne={copyWithin:function(e,t){return F.call(Me(this),e,t,arguments.length>2?arguments[2]:void 0)},every:function(e){return oe(Me(this),e,arguments.length>1?arguments[1]:void 0)},fill:function(e){return P.apply(Me(this),arguments)},filter:function(e){return Te(this,ee(Me(this),e,arguments.length>1?arguments[1]:void 0))},find:function(e){return ne(Me(this),e,arguments.length>1?arguments[1]:void 0)},findIndex:function(e){return re(Me(this),e,arguments.length>1?arguments[1]:void 0)},forEach:function(e){$(Me(this),e,arguments.length>1?arguments[1]:void 0)},indexOf:function(e){return ae(Me(this),e,arguments.length>1?arguments[1]:void 0)},includes:function(e){return ie(Me(this),e,arguments.length>1?arguments[1]:void 0)},join:function(e){return fe.apply(Me(this),arguments)},lastIndexOf:function(e){return ce.apply(Me(this),arguments)},map:function(e){return Oe(Me(this),e,arguments.length>1?arguments[1]:void 0)},reduce:function(e){return ue.apply(Me(this),arguments)},reduceRight:function(e){return he.apply(Me(this),arguments)},reverse:function(){for(var e,t=this,o=Me(t).length,n=Math.floor(o/2),r=0;r<n;)e=t[r],t[r++]=t[--o],t[o]=e;return t},some:function(e){return te(Me(this),e,arguments.length>1?arguments[1]:void 0)},sort:function(e){return pe.call(Me(this),e)},subarray:function(e,t){var o=Me(this),n=o.length,r=b(e,n);return new(T(o,o[ze]))(o.buffer,o.byteOffset+r*o.BYTES_PER_ELEMENT,g((void 0===t?n:b(t,n))-r))}},Be=function(e,t){return Te(this,ge.call(Me(this),e,t))},Ge=function(e){Me(this);var t=Ee(arguments[1],1),o=this.length,n=C(e),r=g(n.length),i=0;if(r+t>o)throw j(xe);for(;i<r;)this[t+i]=n[i++]},He={entries:function(){return de.call(Me(this))},keys:function(){return le.call(Me(this))},values:function(){return se.call(Me(this))}},je=function(e,t){return z(e)&&e[Se]&&"symbol"!=typeof t&&t in e&&String(+t)==String(t)},Ue=function(e,t){return je(e,t=v(t,!0))?u(2,e[t]):H(e,t)},We=function(e,t,o){return!(je(e,t=v(t,!0))&&z(o)&&y(o,"value"))||y(o,"get")||y(o,"set")||o.configurable||y(o,"writable")&&!o.writable||y(o,"enumerable")&&!o.enumerable?G(e,t,o):(e[t]=o.value,e)};Ce||(B.f=Ue,N.f=We),a(a.S+a.F*!Ce,"Object",{getOwnPropertyDescriptor:Ue,defineProperty:We}),i((function(){me.call({})}))&&(me=be=function(){return fe.call(this)});var Ve=f({},Ne);f(Ve,He),h(Ve,ve,He.values),f(Ve,{slice:Be,set:Ge,constructor:function(){},toString:me,toLocaleString:Fe}),Ie(Ve,"buffer","b"),Ie(Ve,"byteOffset","o"),Ie(Ve,"byteLength","l"),Ie(Ve,"length","e"),G(Ve,ye,{get:function(){return this[Se]}}),e.exports=function(e,t,o,l){var d=e+((l=!!l)?"Clamped":"")+"Array",u="get"+e,f="set"+e,p=r[d],b=p||{},v=p&&x(p),y=!p||!s.ABV,C={},S=p&&p[Y],_=function(e,o){G(e,o,{get:function(){return function(e,o){var n=e._d;return n.v[u](o*t+n.o,_e)}(this,o)},set:function(e){return function(e,o,n){var r=e._d;l&&(n=(n=Math.round(n))<0?0:n>255?255:255&n),r.v[f](o*t+r.o,n,_e)}(this,o,e)},enumerable:!0})};y?(p=o((function(e,o,n,r){c(e,p,d,"_d");var i,a,s,l,u=0,f=0;if(z(o)){if(!(o instanceof J||(l=w(o))==V||l==q))return Se in o?Ae(p,o):Le.call(p,o);i=o,f=Ee(n,t);var b=o.byteLength;if(void 0===r){if(b%t)throw j(xe);if((a=b-f)<0)throw j(xe)}else if((a=g(r)*t)+f>b)throw j(xe);s=a/t}else s=m(o),i=new J(a=s*t);for(h(e,"_d",{b:i,o:f,l:a,e:s,v:new Q(i)});u<s;)_(e,u++)})),S=p[Y]=k(Ve),h(S,"constructor",p)):i((function(){p(1)}))&&i((function(){new p(-1)}))&&L((function(e){new p,new p(null),new p(1.5),new p(e)}),!0)||(p=o((function(e,o,n,r){var i;return c(e,p,d),z(o)?o instanceof J||(i=w(o))==V||i==q?void 0!==r?new b(o,Ee(n,t),r):void 0!==n?new b(o,Ee(n,t)):new b(o):Se in o?Ae(p,o):Le.call(p,o):new b(m(o))})),$(v!==Function.prototype?O(b).concat(O(v)):O(b),(function(e){e in p||h(p,e,b[e])})),p[Y]=S,n||(S.constructor=p));var R=S[ve],E=!!R&&("values"==R.name||null==R.name),M=He.values;h(p,we,!0),h(S,Se,d),h(S,ke,!0),h(S,ze,p),(l?new p(1)[ye]==d:ye in S)||G(S,ye,{get:function(){return d}}),C[d]=p,a(a.G+a.W+a.F*(p!=b),C),a(a.S,d,{BYTES_PER_ELEMENT:t}),a(a.S+a.F*i((function(){b.of.call(p,1)})),d,{from:Le,of:Ze}),K in S||h(S,K,t),a(a.P,d,Ne),Z(d),a(a.P+a.F*Re,d,{set:Ge}),a(a.P+a.F*!E,d,He),n||S.toString==me||(S.toString=me),a(a.P+a.F*i((function(){new p(1).slice()})),d,{slice:Be}),a(a.P+a.F*(i((function(){return[1,2].toLocaleString()!=new p([1,2]).toLocaleString()}))||!i((function(){S.toLocaleString.call([1,2])}))),d,{toLocaleString:Fe}),I[d]=E?R:M,n||E||h(S,ve,M)}}else e.exports=function(){}},91125:(e,t,o)=>{"use strict";var n=o(3816),r=o(67057),i=o(4461),a=o(89383),s=o(87728),l=o(24408),d=o(74253),c=o(83328),u=o(81467),h=o(10875),f=o(94843),p=o(20616).f,g=o(99275).f,m=o(46852),b=o(22943),v="ArrayBuffer",y="DataView",w="prototype",z="Wrong index!",C=n[v],S=n[y],k=n.Math,x=n.RangeError,O=n.Infinity,_=C,R=k.abs,E=k.pow,M=k.floor,D=k.log,T=k.LN2,A="buffer",I="byteLength",L="byteOffset",Z=r?"_b":A,P=r?"_l":I,F=r?"_o":L;function N(e,t,o){var n,r,i,a=new Array(o),s=8*o-t-1,l=(1<<s)-1,d=l>>1,c=23===t?E(2,-24)-E(2,-77):0,u=0,h=e<0||0===e&&1/e<0?1:0;for((e=R(e))!=e||e===O?(r=e!=e?1:0,n=l):(n=M(D(e)/T),e*(i=E(2,-n))<1&&(n--,i*=2),(e+=n+d>=1?c/i:c*E(2,1-d))*i>=2&&(n++,i/=2),n+d>=l?(r=0,n=l):n+d>=1?(r=(e*i-1)*E(2,t),n+=d):(r=e*E(2,d-1)*E(2,t),n=0));t>=8;a[u++]=255&r,r/=256,t-=8);for(n=n<<t|r,s+=t;s>0;a[u++]=255&n,n/=256,s-=8);return a[--u]|=128*h,a}function B(e,t,o){var n,r=8*o-t-1,i=(1<<r)-1,a=i>>1,s=r-7,l=o-1,d=e[l--],c=127&d;for(d>>=7;s>0;c=256*c+e[l],l--,s-=8);for(n=c&(1<<-s)-1,c>>=-s,s+=t;s>0;n=256*n+e[l],l--,s-=8);if(0===c)c=1-a;else{if(c===i)return n?NaN:d?-O:O;n+=E(2,t),c-=a}return(d?-1:1)*n*E(2,c-t)}function G(e){return e[3]<<24|e[2]<<16|e[1]<<8|e[0]}function H(e){return[255&e]}function j(e){return[255&e,e>>8&255]}function U(e){return[255&e,e>>8&255,e>>16&255,e>>24&255]}function W(e){return N(e,52,8)}function V(e){return N(e,23,4)}function q(e,t,o){g(e[w],t,{get:function(){return this[o]}})}function K(e,t,o,n){var r=f(+o);if(r+t>e[P])throw x(z);var i=e[Z]._b,a=r+e[F],s=i.slice(a,a+t);return n?s:s.reverse()}function Y(e,t,o,n,r,i){var a=f(+o);if(a+t>e[P])throw x(z);for(var s=e[Z]._b,l=a+e[F],d=n(+r),c=0;c<t;c++)s[l+c]=d[i?c:t-c-1]}if(a.ABV){if(!d((function(){C(1)}))||!d((function(){new C(-1)}))||d((function(){return new C,new C(1.5),new C(NaN),C.name!=v}))){for(var X,J=(C=function(e){return c(this,C),new _(f(e))})[w]=_[w],Q=p(_),$=0;Q.length>$;)(X=Q[$++])in C||s(C,X,_[X]);i||(J.constructor=C)}var ee=new S(new C(2)),te=S[w].setInt8;ee.setInt8(0,2147483648),ee.setInt8(1,2147483649),!ee.getInt8(0)&&ee.getInt8(1)||l(S[w],{setInt8:function(e,t){te.call(this,e,t<<24>>24)},setUint8:function(e,t){te.call(this,e,t<<24>>24)}},!0)}else C=function(e){c(this,C,v);var t=f(e);this._b=m.call(new Array(t),0),this[P]=t},S=function(e,t,o){c(this,S,y),c(e,C,y);var n=e[P],r=u(t);if(r<0||r>n)throw x("Wrong offset!");if(r+(o=void 0===o?n-r:h(o))>n)throw x("Wrong length!");this[Z]=e,this[F]=r,this[P]=o},r&&(q(C,I,"_l"),q(S,A,"_b"),q(S,I,"_l"),q(S,L,"_o")),l(S[w],{getInt8:function(e){return K(this,1,e)[0]<<24>>24},getUint8:function(e){return K(this,1,e)[0]},getInt16:function(e){var t=K(this,2,e,arguments[1]);return(t[1]<<8|t[0])<<16>>16},getUint16:function(e){var t=K(this,2,e,arguments[1]);return t[1]<<8|t[0]},getInt32:function(e){return G(K(this,4,e,arguments[1]))},getUint32:function(e){return G(K(this,4,e,arguments[1]))>>>0},getFloat32:function(e){return B(K(this,4,e,arguments[1]),23,4)},getFloat64:function(e){return B(K(this,8,e,arguments[1]),52,8)},setInt8:function(e,t){Y(this,1,e,H,t)},setUint8:function(e,t){Y(this,1,e,H,t)},setInt16:function(e,t){Y(this,2,e,j,t,arguments[2])},setUint16:function(e,t){Y(this,2,e,j,t,arguments[2])},setInt32:function(e,t){Y(this,4,e,U,t,arguments[2])},setUint32:function(e,t){Y(this,4,e,U,t,arguments[2])},setFloat32:function(e,t){Y(this,4,e,V,t,arguments[2])},setFloat64:function(e,t){Y(this,8,e,W,t,arguments[2])}});b(C,v),b(S,y),s(S[w],a.VIEW,!0),t[v]=C,t[y]=S},89383:(e,t,o)=>{for(var n,r=o(3816),i=o(87728),a=o(93953),s=a("typed_array"),l=a("view"),d=!(!r.ArrayBuffer||!r.DataView),c=d,u=0,h="Int8Array,Uint8Array,Uint8ClampedArray,Int16Array,Uint16Array,Int32Array,Uint32Array,Float32Array,Float64Array".split(",");u<9;)(n=r[h[u++]])?(i(n.prototype,s,!0),i(n.prototype,l,!0)):c=!1;e.exports={ABV:d,CONSTR:c,TYPED:s,VIEW:l}},93953:e=>{var t=0,o=Math.random();e.exports=function(e){return"Symbol(".concat(void 0===e?"":e,")_",(++t+o).toString(36))}},30575:(e,t,o)=>{var n=o(3816).navigator;e.exports=n&&n.userAgent||""},1616:(e,t,o)=>{var n=o(55286);e.exports=function(e,t){if(!n(e)||e._t!==t)throw TypeError("Incompatible receiver, "+t+" required!");return e}},36074:(e,t,o)=>{var n=o(3816),r=o(25645),i=o(4461),a=o(28787),s=o(99275).f;e.exports=function(e){var t=r.Symbol||(r.Symbol=i?{}:n.Symbol||{});"_"==e.charAt(0)||e in t||s(t,e,{value:a.f(e)})}},28787:(e,t,o)=>{t.f=o(86314)},86314:(e,t,o)=>{var n=o(3825)("wks"),r=o(93953),i=o(3816).Symbol,a="function"==typeof i;(e.exports=function(e){return n[e]||(n[e]=a&&i[e]||(a?i:r)("Symbol."+e))}).store=n},69002:(e,t,o)=>{var n=o(41488),r=o(86314)("iterator"),i=o(87234);e.exports=o(25645).getIteratorMethod=function(e){if(null!=e)return e[r]||e["@@iterator"]||i[n(e)]}},32e3:(e,t,o)=>{var n=o(42985);n(n.P,"Array",{copyWithin:o(5216)}),o(17722)("copyWithin")},15745:(e,t,o)=>{"use strict";var n=o(42985),r=o(10050)(4);n(n.P+n.F*!o(77717)([].every,!0),"Array",{every:function(e){return r(this,e,arguments[1])}})},48977:(e,t,o)=>{var n=o(42985);n(n.P,"Array",{fill:o(46852)}),o(17722)("fill")},98837:(e,t,o)=>{"use strict";var n=o(42985),r=o(10050)(2);n(n.P+n.F*!o(77717)([].filter,!0),"Array",{filter:function(e){return r(this,e,arguments[1])}})},94899:(e,t,o)=>{"use strict";var n=o(42985),r=o(10050)(6),i="findIndex",a=!0;i in[]&&Array(1)[i]((function(){a=!1})),n(n.P+n.F*a,"Array",{findIndex:function(e){return r(this,e,arguments.length>1?arguments[1]:void 0)}}),o(17722)(i)},52310:(e,t,o)=>{"use strict";var n=o(42985),r=o(10050)(5),i="find",a=!0;i in[]&&Array(1)[i]((function(){a=!1})),n(n.P+n.F*a,"Array",{find:function(e){return r(this,e,arguments.length>1?arguments[1]:void 0)}}),o(17722)(i)},24336:(e,t,o)=>{"use strict";var n=o(42985),r=o(10050)(0),i=o(77717)([].forEach,!0);n(n.P+n.F*!i,"Array",{forEach:function(e){return r(this,e,arguments[1])}})},30522:(e,t,o)=>{"use strict";var n=o(741),r=o(42985),i=o(20508),a=o(28851),s=o(86555),l=o(10875),d=o(92811),c=o(69002);r(r.S+r.F*!o(7462)((function(e){Array.from(e)})),"Array",{from:function(e){var t,o,r,u,h=i(e),f="function"==typeof this?this:Array,p=arguments.length,g=p>1?arguments[1]:void 0,m=void 0!==g,b=0,v=c(h);if(m&&(g=n(g,p>2?arguments[2]:void 0,2)),null==v||f==Array&&s(v))for(o=new f(t=l(h.length));t>b;b++)d(o,b,m?g(h[b],b):h[b]);else for(u=v.call(h),o=new f;!(r=u.next()).done;b++)d(o,b,m?a(u,g,[r.value,b],!0):r.value);return o.length=b,o}})},23369:(e,t,o)=>{"use strict";var n=o(42985),r=o(79315)(!1),i=[].indexOf,a=!!i&&1/[1].indexOf(1,-0)<0;n(n.P+n.F*(a||!o(77717)(i)),"Array",{indexOf:function(e){return a?i.apply(this,arguments)||0:r(this,e,arguments[1])}})},20774:(e,t,o)=>{var n=o(42985);n(n.S,"Array",{isArray:o(4302)})},56997:(e,t,o)=>{"use strict";var n=o(17722),r=o(15436),i=o(87234),a=o(22110);e.exports=o(42923)(Array,"Array",(function(e,t){this._t=a(e),this._i=0,this._k=t}),(function(){var e=this._t,t=this._k,o=this._i++;return!e||o>=e.length?(this._t=void 0,r(1)):r(0,"keys"==t?o:"values"==t?e[o]:[o,e[o]])}),"values"),i.Arguments=i.Array,n("keys"),n("values"),n("entries")},87842:(e,t,o)=>{"use strict";var n=o(42985),r=o(22110),i=[].join;n(n.P+n.F*(o(49797)!=Object||!o(77717)(i)),"Array",{join:function(e){return i.call(r(this),void 0===e?",":e)}})},99564:(e,t,o)=>{"use strict";var n=o(42985),r=o(22110),i=o(81467),a=o(10875),s=[].lastIndexOf,l=!!s&&1/[1].lastIndexOf(1,-0)<0;n(n.P+n.F*(l||!o(77717)(s)),"Array",{lastIndexOf:function(e){if(l)return s.apply(this,arguments)||0;var t=r(this),o=a(t.length),n=o-1;for(arguments.length>1&&(n=Math.min(n,i(arguments[1]))),n<0&&(n=o+n);n>=0;n--)if(n in t&&t[n]===e)return n||0;return-1}})},19371:(e,t,o)=>{"use strict";var n=o(42985),r=o(10050)(1);n(n.P+n.F*!o(77717)([].map,!0),"Array",{map:function(e){return r(this,e,arguments[1])}})},58295:(e,t,o)=>{"use strict";var n=o(42985),r=o(92811);n(n.S+n.F*o(74253)((function(){function e(){}return!(Array.of.call(e)instanceof e)})),"Array",{of:function(){for(var e=0,t=arguments.length,o=new("function"==typeof this?this:Array)(t);t>e;)r(o,e,arguments[e++]);return o.length=t,o}})},3750:(e,t,o)=>{"use strict";var n=o(42985),r=o(37628);n(n.P+n.F*!o(77717)([].reduceRight,!0),"Array",{reduceRight:function(e){return r(this,e,arguments.length,arguments[1],!0)}})},33057:(e,t,o)=>{"use strict";var n=o(42985),r=o(37628);n(n.P+n.F*!o(77717)([].reduce,!0),"Array",{reduce:function(e){return r(this,e,arguments.length,arguments[1],!1)}})},50110:(e,t,o)=>{"use strict";var n=o(42985),r=o(40639),i=o(92032),a=o(92337),s=o(10875),l=[].slice;n(n.P+n.F*o(74253)((function(){r&&l.call(r)})),"Array",{slice:function(e,t){var o=s(this.length),n=i(this);if(t=void 0===t?o:t,"Array"==n)return l.call(this,e,t);for(var r=a(e,o),d=a(t,o),c=s(d-r),u=new Array(c),h=0;h<c;h++)u[h]="String"==n?this.charAt(r+h):this[r+h];return u}})},26773:(e,t,o)=>{"use strict";var n=o(42985),r=o(10050)(3);n(n.P+n.F*!o(77717)([].some,!0),"Array",{some:function(e){return r(this,e,arguments[1])}})},20075:(e,t,o)=>{"use strict";var n=o(42985),r=o(24963),i=o(20508),a=o(74253),s=[].sort,l=[1,2,3];n(n.P+n.F*(a((function(){l.sort(void 0)}))||!a((function(){l.sort(null)}))||!o(77717)(s)),"Array",{sort:function(e){return void 0===e?s.call(i(this)):s.call(i(this),r(e))}})},31842:(e,t,o)=>{o(2974)("Array")},81822:(e,t,o)=>{var n=o(42985);n(n.S,"Date",{now:function(){return(new Date).getTime()}})},91031:(e,t,o)=>{var n=o(42985),r=o(53537);n(n.P+n.F*(Date.prototype.toISOString!==r),"Date",{toISOString:r})},19977:(e,t,o)=>{"use strict";var n=o(42985),r=o(20508),i=o(21689);n(n.P+n.F*o(74253)((function(){return null!==new Date(NaN).toJSON()||1!==Date.prototype.toJSON.call({toISOString:function(){return 1}})})),"Date",{toJSON:function(e){var t=r(this),o=i(t);return"number"!=typeof o||isFinite(o)?t.toISOString():null}})},41560:(e,t,o)=>{var n=o(86314)("toPrimitive"),r=Date.prototype;n in r||o(87728)(r,n,o(870))},46331:(e,t,o)=>{var n=Date.prototype,r="Invalid Date",i="toString",a=n[i],s=n.getTime;new Date(NaN)+""!=r&&o(77234)(n,i,(function(){var e=s.call(this);return e==e?a.call(this):r}))},39730:(e,t,o)=>{var n=o(42985);n(n.P,"Function",{bind:o(34398)})},48377:(e,t,o)=>{"use strict";var n=o(55286),r=o(468),i=o(86314)("hasInstance"),a=Function.prototype;i in a||o(99275).f(a,i,{value:function(e){if("function"!=typeof this||!n(e))return!1;if(!n(this.prototype))return e instanceof this;for(;e=r(e);)if(this.prototype===e)return!0;return!1}})},6059:(e,t,o)=>{var n=o(99275).f,r=Function.prototype,i=/^\s*function ([^ (]*)/,a="name";a in r||o(67057)&&n(r,a,{configurable:!0,get:function(){try{return(""+this).match(i)[1]}catch(e){return""}}})},88416:(e,t,o)=>{"use strict";var n=o(9824),r=o(1616),i="Map";e.exports=o(45795)(i,(function(e){return function(){return e(this,arguments.length>0?arguments[0]:void 0)}}),{get:function(e){var t=n.getEntry(r(this,i),e);return t&&t.v},set:function(e,t){return n.def(r(this,i),0===e?0:e,t)}},n,!0)},76503:(e,t,o)=>{var n=o(42985),r=o(46206),i=Math.sqrt,a=Math.acosh;n(n.S+n.F*!(a&&710==Math.floor(a(Number.MAX_VALUE))&&a(1/0)==1/0),"Math",{acosh:function(e){return(e=+e)<1?NaN:e>94906265.62425156?Math.log(e)+Math.LN2:r(e-1+i(e-1)*i(e+1))}})},66786:(e,t,o)=>{var n=o(42985),r=Math.asinh;n(n.S+n.F*!(r&&1/r(0)>0),"Math",{asinh:function e(t){return isFinite(t=+t)&&0!=t?t<0?-e(-t):Math.log(t+Math.sqrt(t*t+1)):t}})},50932:(e,t,o)=>{var n=o(42985),r=Math.atanh;n(n.S+n.F*!(r&&1/r(-0)<0),"Math",{atanh:function(e){return 0==(e=+e)?e:Math.log((1+e)/(1-e))/2}})},57526:(e,t,o)=>{var n=o(42985),r=o(61801);n(n.S,"Math",{cbrt:function(e){return r(e=+e)*Math.pow(Math.abs(e),1/3)}})},21591:(e,t,o)=>{var n=o(42985);n(n.S,"Math",{clz32:function(e){return(e>>>=0)?31-Math.floor(Math.log(e+.5)*Math.LOG2E):32}})},9073:(e,t,o)=>{var n=o(42985),r=Math.exp;n(n.S,"Math",{cosh:function(e){return(r(e=+e)+r(-e))/2}})},80347:(e,t,o)=>{var n=o(42985),r=o(13086);n(n.S+n.F*(r!=Math.expm1),"Math",{expm1:r})},30579:(e,t,o)=>{var n=o(42985);n(n.S,"Math",{fround:o(34934)})},4669:(e,t,o)=>{var n=o(42985),r=Math.abs;n(n.S,"Math",{hypot:function(e,t){for(var o,n,i=0,a=0,s=arguments.length,l=0;a<s;)l<(o=r(arguments[a++]))?(i=i*(n=l/o)*n+1,l=o):i+=o>0?(n=o/l)*n:o;return l===1/0?1/0:l*Math.sqrt(i)}})},67710:(e,t,o)=>{var n=o(42985),r=Math.imul;n(n.S+n.F*o(74253)((function(){return-5!=r(4294967295,5)||2!=r.length})),"Math",{imul:function(e,t){var o=65535,n=+e,r=+t,i=o&n,a=o&r;return 0|i*a+((o&n>>>16)*a+i*(o&r>>>16)<<16>>>0)}})},45789:(e,t,o)=>{var n=o(42985);n(n.S,"Math",{log10:function(e){return Math.log(e)*Math.LOG10E}})},33514:(e,t,o)=>{var n=o(42985);n(n.S,"Math",{log1p:o(46206)})},99978:(e,t,o)=>{var n=o(42985);n(n.S,"Math",{log2:function(e){return Math.log(e)/Math.LN2}})},58472:(e,t,o)=>{var n=o(42985);n(n.S,"Math",{sign:o(61801)})},86946:(e,t,o)=>{var n=o(42985),r=o(13086),i=Math.exp;n(n.S+n.F*o(74253)((function(){return-2e-17!=!Math.sinh(-2e-17)})),"Math",{sinh:function(e){return Math.abs(e=+e)<1?(r(e)-r(-e))/2:(i(e-1)-i(-e-1))*(Math.E/2)}})},35068:(e,t,o)=>{var n=o(42985),r=o(13086),i=Math.exp;n(n.S,"Math",{tanh:function(e){var t=r(e=+e),o=r(-e);return t==1/0?1:o==1/0?-1:(t-o)/(i(e)+i(-e))}})},413:(e,t,o)=>{var n=o(42985);n(n.S,"Math",{trunc:function(e){return(e>0?Math.floor:Math.ceil)(e)}})},11246:(e,t,o)=>{"use strict";var n=o(3816),r=o(79181),i=o(92032),a=o(40266),s=o(21689),l=o(74253),d=o(20616).f,c=o(18693).f,u=o(99275).f,h=o(29599).trim,f="Number",p=n[f],g=p,m=p.prototype,b=i(o(42503)(m))==f,v="trim"in String.prototype,y=function(e){var t=s(e,!1);if("string"==typeof t&&t.length>2){var o,n,r,i=(t=v?t.trim():h(t,3)).charCodeAt(0);if(43===i||45===i){if(88===(o=t.charCodeAt(2))||120===o)return NaN}else if(48===i){switch(t.charCodeAt(1)){case 66:case 98:n=2,r=49;break;case 79:case 111:n=8,r=55;break;default:return+t}for(var a,l=t.slice(2),d=0,c=l.length;d<c;d++)if((a=l.charCodeAt(d))<48||a>r)return NaN;return parseInt(l,n)}}return+t};if(!p(" 0o1")||!p("0b1")||p("+0x1")){p=function(e){var t=arguments.length<1?0:e,o=this;return o instanceof p&&(b?l((function(){m.valueOf.call(o)})):i(o)!=f)?a(new g(y(t)),o,p):y(t)};for(var w,z=o(67057)?d(g):"MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger".split(","),C=0;z.length>C;C++)r(g,w=z[C])&&!r(p,w)&&u(p,w,c(g,w));p.prototype=m,m.constructor=p,o(77234)(n,f,p)}},75972:(e,t,o)=>{var n=o(42985);n(n.S,"Number",{EPSILON:Math.pow(2,-52)})},53403:(e,t,o)=>{var n=o(42985),r=o(3816).isFinite;n(n.S,"Number",{isFinite:function(e){return"number"==typeof e&&r(e)}})},92516:(e,t,o)=>{var n=o(42985);n(n.S,"Number",{isInteger:o(18367)})},49371:(e,t,o)=>{var n=o(42985);n(n.S,"Number",{isNaN:function(e){return e!=e}})},86479:(e,t,o)=>{var n=o(42985),r=o(18367),i=Math.abs;n(n.S,"Number",{isSafeInteger:function(e){return r(e)&&i(e)<=9007199254740991}})},91736:(e,t,o)=>{var n=o(42985);n(n.S,"Number",{MAX_SAFE_INTEGER:9007199254740991})},51889:(e,t,o)=>{var n=o(42985);n(n.S,"Number",{MIN_SAFE_INTEGER:-9007199254740991})},65177:(e,t,o)=>{var n=o(42985),r=o(47743);n(n.S+n.F*(Number.parseFloat!=r),"Number",{parseFloat:r})},81246:(e,t,o)=>{var n=o(42985),r=o(55960);n(n.S+n.F*(Number.parseInt!=r),"Number",{parseInt:r})},30726:(e,t,o)=>{"use strict";var n=o(42985),r=o(81467),i=o(83365),a=o(68595),s=1..toFixed,l=Math.floor,d=[0,0,0,0,0,0],c="Number.toFixed: incorrect invocation!",u="0",h=function(e,t){for(var o=-1,n=t;++o<6;)n+=e*d[o],d[o]=n%1e7,n=l(n/1e7)},f=function(e){for(var t=6,o=0;--t>=0;)o+=d[t],d[t]=l(o/e),o=o%e*1e7},p=function(){for(var e=6,t="";--e>=0;)if(""!==t||0===e||0!==d[e]){var o=String(d[e]);t=""===t?o:t+a.call(u,7-o.length)+o}return t},g=function(e,t,o){return 0===t?o:t%2==1?g(e,t-1,o*e):g(e*e,t/2,o)};n(n.P+n.F*(!!s&&("0.000"!==8e-5.toFixed(3)||"1"!==.9.toFixed(0)||"1.25"!==1.255.toFixed(2)||"1000000000000000128"!==(0xde0b6b3a7640080).toFixed(0))||!o(74253)((function(){s.call({})}))),"Number",{toFixed:function(e){var t,o,n,s,l=i(this,c),d=r(e),m="",b=u;if(d<0||d>20)throw RangeError(c);if(l!=l)return"NaN";if(l<=-1e21||l>=1e21)return String(l);if(l<0&&(m="-",l=-l),l>1e-21)if(t=function(e){for(var t=0,o=e;o>=4096;)t+=12,o/=4096;for(;o>=2;)t+=1,o/=2;return t}(l*g(2,69,1))-69,o=t<0?l*g(2,-t,1):l/g(2,t,1),o*=4503599627370496,(t=52-t)>0){for(h(0,o),n=d;n>=7;)h(1e7,0),n-=7;for(h(g(10,n,1),0),n=t-1;n>=23;)f(1<<23),n-=23;f(1<<n),h(1,1),f(2),b=p()}else h(0,o),h(1<<-t,0),b=p()+a.call(u,d);return b=d>0?m+((s=b.length)<=d?"0."+a.call(u,d-s)+b:b.slice(0,s-d)+"."+b.slice(s-d)):m+b}})},1901:(e,t,o)=>{"use strict";var n=o(42985),r=o(74253),i=o(83365),a=1..toPrecision;n(n.P+n.F*(r((function(){return"1"!==a.call(1,void 0)}))||!r((function(){a.call({})}))),"Number",{toPrecision:function(e){var t=i(this,"Number#toPrecision: incorrect invocation!");return void 0===e?a.call(t):a.call(t,e)}})},75115:(e,t,o)=>{var n=o(42985);n(n.S+n.F,"Object",{assign:o(35345)})},68132:(e,t,o)=>{var n=o(42985);n(n.S,"Object",{create:o(42503)})},37470:(e,t,o)=>{var n=o(42985);n(n.S+n.F*!o(67057),"Object",{defineProperties:o(35588)})},48388:(e,t,o)=>{var n=o(42985);n(n.S+n.F*!o(67057),"Object",{defineProperty:o(99275).f})},89375:(e,t,o)=>{var n=o(55286),r=o(84728).onFreeze;o(33160)("freeze",(function(e){return function(t){return e&&n(t)?e(r(t)):t}}))},94882:(e,t,o)=>{var n=o(22110),r=o(18693).f;o(33160)("getOwnPropertyDescriptor",(function(){return function(e,t){return r(n(e),t)}}))},79622:(e,t,o)=>{o(33160)("getOwnPropertyNames",(function(){return o(39327).f}))},41520:(e,t,o)=>{var n=o(20508),r=o(468);o(33160)("getPrototypeOf",(function(){return function(e){return r(n(e))}}))},49892:(e,t,o)=>{var n=o(55286);o(33160)("isExtensible",(function(e){return function(t){return!!n(t)&&(!e||e(t))}}))},64157:(e,t,o)=>{var n=o(55286);o(33160)("isFrozen",(function(e){return function(t){return!n(t)||!!e&&e(t)}}))},35095:(e,t,o)=>{var n=o(55286);o(33160)("isSealed",(function(e){return function(t){return!n(t)||!!e&&e(t)}}))},99176:(e,t,o)=>{var n=o(42985);n(n.S,"Object",{is:o(27195)})},27476:(e,t,o)=>{var n=o(20508),r=o(47184);o(33160)("keys",(function(){return function(e){return r(n(e))}}))},84672:(e,t,o)=>{var n=o(55286),r=o(84728).onFreeze;o(33160)("preventExtensions",(function(e){return function(t){return e&&n(t)?e(r(t)):t}}))},43533:(e,t,o)=>{var n=o(55286),r=o(84728).onFreeze;o(33160)("seal",(function(e){return function(t){return e&&n(t)?e(r(t)):t}}))},68838:(e,t,o)=>{var n=o(42985);n(n.S,"Object",{setPrototypeOf:o(27375).set})},96253:(e,t,o)=>{"use strict";var n=o(41488),r={};r[o(86314)("toStringTag")]="z",r+""!="[object z]"&&o(77234)(Object.prototype,"toString",(function(){return"[object "+n(this)+"]"}),!0)},64299:(e,t,o)=>{var n=o(42985),r=o(47743);n(n.G+n.F*(parseFloat!=r),{parseFloat:r})},71084:(e,t,o)=>{var n=o(42985),r=o(55960);n(n.G+n.F*(parseInt!=r),{parseInt:r})},40851:(e,t,o)=>{"use strict";var n,r,i,a,s=o(4461),l=o(3816),d=o(741),c=o(41488),u=o(42985),h=o(55286),f=o(24963),p=o(83328),g=o(3531),m=o(58364),b=o(74193).set,v=o(14351)(),y=o(43499),w=o(10188),z=o(30575),C=o(50094),S="Promise",k=l.TypeError,x=l.process,O=x&&x.versions,_=O&&O.v8||"",R=l[S],E="process"==c(x),M=function(){},D=r=y.f,T=!!function(){try{var e=R.resolve(1),t=(e.constructor={})[o(86314)("species")]=function(e){e(M,M)};return(E||"function"==typeof PromiseRejectionEvent)&&e.then(M)instanceof t&&0!==_.indexOf("6.6")&&-1===z.indexOf("Chrome/66")}catch(e){}}(),A=function(e){var t;return!(!h(e)||"function"!=typeof(t=e.then))&&t},I=function(e,t){if(!e._n){e._n=!0;var o=e._c;v((function(){for(var n=e._v,r=1==e._s,i=0,a=function(t){var o,i,a,s=r?t.ok:t.fail,l=t.resolve,d=t.reject,c=t.domain;try{s?(r||(2==e._h&&P(e),e._h=1),!0===s?o=n:(c&&c.enter(),o=s(n),c&&(c.exit(),a=!0)),o===t.promise?d(k("Promise-chain cycle")):(i=A(o))?i.call(o,l,d):l(o)):d(n)}catch(e){c&&!a&&c.exit(),d(e)}};o.length>i;)a(o[i++]);e._c=[],e._n=!1,t&&!e._h&&L(e)}))}},L=function(e){b.call(l,(function(){var t,o,n,r=e._v,i=Z(e);if(i&&(t=w((function(){E?x.emit("unhandledRejection",r,e):(o=l.onunhandledrejection)?o({promise:e,reason:r}):(n=l.console)&&n.error&&n.error("Unhandled promise rejection",r)})),e._h=E||Z(e)?2:1),e._a=void 0,i&&t.e)throw t.v}))},Z=function(e){return 1!==e._h&&0===(e._a||e._c).length},P=function(e){b.call(l,(function(){var t;E?x.emit("rejectionHandled",e):(t=l.onrejectionhandled)&&t({promise:e,reason:e._v})}))},F=function(e){var t=this;t._d||(t._d=!0,(t=t._w||t)._v=e,t._s=2,t._a||(t._a=t._c.slice()),I(t,!0))},N=function(e){var t,o=this;if(!o._d){o._d=!0,o=o._w||o;try{if(o===e)throw k("Promise can't be resolved itself");(t=A(e))?v((function(){var n={_w:o,_d:!1};try{t.call(e,d(N,n,1),d(F,n,1))}catch(e){F.call(n,e)}})):(o._v=e,o._s=1,I(o,!1))}catch(e){F.call({_w:o,_d:!1},e)}}};T||(R=function(e){p(this,R,S,"_h"),f(e),n.call(this);try{e(d(N,this,1),d(F,this,1))}catch(e){F.call(this,e)}},(n=function(e){this._c=[],this._a=void 0,this._s=0,this._d=!1,this._v=void 0,this._h=0,this._n=!1}).prototype=o(24408)(R.prototype,{then:function(e,t){var o=D(m(this,R));return o.ok="function"!=typeof e||e,o.fail="function"==typeof t&&t,o.domain=E?x.domain:void 0,this._c.push(o),this._a&&this._a.push(o),this._s&&I(this,!1),o.promise},catch:function(e){return this.then(void 0,e)}}),i=function(){var e=new n;this.promise=e,this.resolve=d(N,e,1),this.reject=d(F,e,1)},y.f=D=function(e){return e===R||e===a?new i(e):r(e)}),u(u.G+u.W+u.F*!T,{Promise:R}),o(22943)(R,S),o(2974)(S),a=o(25645)[S],u(u.S+u.F*!T,S,{reject:function(e){var t=D(this);return(0,t.reject)(e),t.promise}}),u(u.S+u.F*(s||!T),S,{resolve:function(e){return C(s&&this===a?R:this,e)}}),u(u.S+u.F*!(T&&o(7462)((function(e){R.all(e).catch(M)}))),S,{all:function(e){var t=this,o=D(t),n=o.resolve,r=o.reject,i=w((function(){var o=[],i=0,a=1;g(e,!1,(function(e){var s=i++,l=!1;o.push(void 0),a++,t.resolve(e).then((function(e){l||(l=!0,o[s]=e,--a||n(o))}),r)})),--a||n(o)}));return i.e&&r(i.v),o.promise},race:function(e){var t=this,o=D(t),n=o.reject,r=w((function(){g(e,!1,(function(e){t.resolve(e).then(o.resolve,n)}))}));return r.e&&n(r.v),o.promise}})},21572:(e,t,o)=>{var n=o(42985),r=o(24963),i=o(27007),a=(o(3816).Reflect||{}).apply,s=Function.apply;n(n.S+n.F*!o(74253)((function(){a((function(){}))})),"Reflect",{apply:function(e,t,o){var n=r(e),l=i(o);return a?a(n,t,l):s.call(n,t,l)}})},82139:(e,t,o)=>{var n=o(42985),r=o(42503),i=o(24963),a=o(27007),s=o(55286),l=o(74253),d=o(34398),c=(o(3816).Reflect||{}).construct,u=l((function(){function e(){}return!(c((function(){}),[],e)instanceof e)})),h=!l((function(){c((function(){}))}));n(n.S+n.F*(u||h),"Reflect",{construct:function(e,t){i(e),a(t);var o=arguments.length<3?e:i(arguments[2]);if(h&&!u)return c(e,t,o);if(e==o){switch(t.length){case 0:return new e;case 1:return new e(t[0]);case 2:return new e(t[0],t[1]);case 3:return new e(t[0],t[1],t[2]);case 4:return new e(t[0],t[1],t[2],t[3])}var n=[null];return n.push.apply(n,t),new(d.apply(e,n))}var l=o.prototype,f=r(s(l)?l:Object.prototype),p=Function.apply.call(e,f,t);return s(p)?p:f}})},10685:(e,t,o)=>{var n=o(99275),r=o(42985),i=o(27007),a=o(21689);r(r.S+r.F*o(74253)((function(){Reflect.defineProperty(n.f({},1,{value:1}),1,{value:2})})),"Reflect",{defineProperty:function(e,t,o){i(e),t=a(t,!0),i(o);try{return n.f(e,t,o),!0}catch(e){return!1}}})},85535:(e,t,o)=>{var n=o(42985),r=o(18693).f,i=o(27007);n(n.S,"Reflect",{deleteProperty:function(e,t){var o=r(i(e),t);return!(o&&!o.configurable)&&delete e[t]}})},17347:(e,t,o)=>{"use strict";var n=o(42985),r=o(27007),i=function(e){this._t=r(e),this._i=0;var t,o=this._k=[];for(t in e)o.push(t)};o(49988)(i,"Object",(function(){var e,t=this,o=t._k;do{if(t._i>=o.length)return{value:void 0,done:!0}}while(!((e=o[t._i++])in t._t));return{value:e,done:!1}})),n(n.S,"Reflect",{enumerate:function(e){return new i(e)}})},96633:(e,t,o)=>{var n=o(18693),r=o(42985),i=o(27007);r(r.S,"Reflect",{getOwnPropertyDescriptor:function(e,t){return n.f(i(e),t)}})},68989:(e,t,o)=>{var n=o(42985),r=o(468),i=o(27007);n(n.S,"Reflect",{getPrototypeOf:function(e){return r(i(e))}})},83049:(e,t,o)=>{var n=o(18693),r=o(468),i=o(79181),a=o(42985),s=o(55286),l=o(27007);a(a.S,"Reflect",{get:function e(t,o){var a,d,c=arguments.length<3?t:arguments[2];return l(t)===c?t[o]:(a=n.f(t,o))?i(a,"value")?a.value:void 0!==a.get?a.get.call(c):void 0:s(d=r(t))?e(d,o,c):void 0}})},78270:(e,t,o)=>{var n=o(42985);n(n.S,"Reflect",{has:function(e,t){return t in e}})},64510:(e,t,o)=>{var n=o(42985),r=o(27007),i=Object.isExtensible;n(n.S,"Reflect",{isExtensible:function(e){return r(e),!i||i(e)}})},73984:(e,t,o)=>{var n=o(42985);n(n.S,"Reflect",{ownKeys:o(57643)})},75769:(e,t,o)=>{var n=o(42985),r=o(27007),i=Object.preventExtensions;n(n.S,"Reflect",{preventExtensions:function(e){r(e);try{return i&&i(e),!0}catch(e){return!1}}})},96014:(e,t,o)=>{var n=o(42985),r=o(27375);r&&n(n.S,"Reflect",{setPrototypeOf:function(e,t){r.check(e,t);try{return r.set(e,t),!0}catch(e){return!1}}})},50055:(e,t,o)=>{var n=o(99275),r=o(18693),i=o(468),a=o(79181),s=o(42985),l=o(90681),d=o(27007),c=o(55286);s(s.S,"Reflect",{set:function e(t,o,s){var u,h,f=arguments.length<4?t:arguments[3],p=r.f(d(t),o);if(!p){if(c(h=i(t)))return e(h,o,s,f);p=l(0)}if(a(p,"value")){if(!1===p.writable||!c(f))return!1;if(u=r.f(f,o)){if(u.get||u.set||!1===u.writable)return!1;u.value=s,n.f(f,o,u)}else n.f(f,o,l(0,s));return!0}return void 0!==p.set&&(p.set.call(f,s),!0)}})},83946:(e,t,o)=>{var n=o(3816),r=o(40266),i=o(99275).f,a=o(20616).f,s=o(55364),l=o(53218),d=n.RegExp,c=d,u=d.prototype,h=/a/g,f=/a/g,p=new d(h)!==h;if(o(67057)&&(!p||o(74253)((function(){return f[o(86314)("match")]=!1,d(h)!=h||d(f)==f||"/a/i"!=d(h,"i")})))){d=function(e,t){var o=this instanceof d,n=s(e),i=void 0===t;return!o&&n&&e.constructor===d&&i?e:r(p?new c(n&&!i?e.source:e,t):c((n=e instanceof d)?e.source:e,n&&i?l.call(e):t),o?this:u,d)};for(var g=function(e){e in d||i(d,e,{configurable:!0,get:function(){return c[e]},set:function(t){c[e]=t}})},m=a(c),b=0;m.length>b;)g(m[b++]);u.constructor=d,d.prototype=u,o(77234)(n,"RegExp",d)}o(2974)("RegExp")},18269:(e,t,o)=>{"use strict";var n=o(21165);o(42985)({target:"RegExp",proto:!0,forced:n!==/./.exec},{exec:n})},76774:(e,t,o)=>{o(67057)&&"g"!=/./g.flags&&o(99275).f(RegExp.prototype,"flags",{configurable:!0,get:o(53218)})},21466:(e,t,o)=>{"use strict";var n=o(27007),r=o(10875),i=o(76793),a=o(27787);o(28082)("match",1,(function(e,t,o,s){return[function(o){var n=e(this),r=null==o?void 0:o[t];return void 0!==r?r.call(o,n):new RegExp(o)[t](String(n))},function(e){var t=s(o,e,this);if(t.done)return t.value;var l=n(e),d=String(this);if(!l.global)return a(l,d);var c=l.unicode;l.lastIndex=0;for(var u,h=[],f=0;null!==(u=a(l,d));){var p=String(u[0]);h[f]=p,""===p&&(l.lastIndex=i(d,r(l.lastIndex),c)),f++}return 0===f?null:h}]}))},59357:(e,t,o)=>{"use strict";var n=o(27007),r=o(20508),i=o(10875),a=o(81467),s=o(76793),l=o(27787),d=Math.max,c=Math.min,u=Math.floor,h=/\$([$&`']|\d\d?|<[^>]*>)/g,f=/\$([$&`']|\d\d?)/g;o(28082)("replace",2,(function(e,t,o,p){return[function(n,r){var i=e(this),a=null==n?void 0:n[t];return void 0!==a?a.call(n,i,r):o.call(String(i),n,r)},function(e,t){var r=p(o,e,this,t);if(r.done)return r.value;var u=n(e),h=String(this),f="function"==typeof t;f||(t=String(t));var m=u.global;if(m){var b=u.unicode;u.lastIndex=0}for(var v=[];;){var y=l(u,h);if(null===y)break;if(v.push(y),!m)break;""===String(y[0])&&(u.lastIndex=s(h,i(u.lastIndex),b))}for(var w,z="",C=0,S=0;S<v.length;S++){y=v[S];for(var k=String(y[0]),x=d(c(a(y.index),h.length),0),O=[],_=1;_<y.length;_++)O.push(void 0===(w=y[_])?w:String(w));var R=y.groups;if(f){var E=[k].concat(O,x,h);void 0!==R&&E.push(R);var M=String(t.apply(void 0,E))}else M=g(k,h,x,O,R,t);x>=C&&(z+=h.slice(C,x)+M,C=x+k.length)}return z+h.slice(C)}];function g(e,t,n,i,a,s){var l=n+e.length,d=i.length,c=f;return void 0!==a&&(a=r(a),c=h),o.call(s,c,(function(o,r){var s;switch(r.charAt(0)){case"$":return"$";case"&":return e;case"`":return t.slice(0,n);case"'":return t.slice(l);case"<":s=a[r.slice(1,-1)];break;default:var c=+r;if(0===c)return o;if(c>d){var h=u(c/10);return 0===h?o:h<=d?void 0===i[h-1]?r.charAt(1):i[h-1]+r.charAt(1):o}s=i[c-1]}return void 0===s?"":s}))}}))},76142:(e,t,o)=>{"use strict";var n=o(27007),r=o(27195),i=o(27787);o(28082)("search",1,(function(e,t,o,a){return[function(o){var n=e(this),r=null==o?void 0:o[t];return void 0!==r?r.call(o,n):new RegExp(o)[t](String(n))},function(e){var t=a(o,e,this);if(t.done)return t.value;var s=n(e),l=String(this),d=s.lastIndex;r(d,0)||(s.lastIndex=0);var c=i(s,l);return r(s.lastIndex,d)||(s.lastIndex=d),null===c?-1:c.index}]}))},51876:(e,t,o)=>{"use strict";var n=o(55364),r=o(27007),i=o(58364),a=o(76793),s=o(10875),l=o(27787),d=o(21165),c=o(74253),u=Math.min,h=[].push,f="split",p="length",g="lastIndex",m=4294967295,b=!c((function(){RegExp(m,"y")}));o(28082)("split",2,(function(e,t,o,c){var v;return v="c"=="abbc"[f](/(b)*/)[1]||4!="test"[f](/(?:)/,-1)[p]||2!="ab"[f](/(?:ab)*/)[p]||4!="."[f](/(.?)(.?)/)[p]||"."[f](/()()/)[p]>1||""[f](/.?/)[p]?function(e,t){var r=String(this);if(void 0===e&&0===t)return[];if(!n(e))return o.call(r,e,t);for(var i,a,s,l=[],c=(e.ignoreCase?"i":"")+(e.multiline?"m":"")+(e.unicode?"u":"")+(e.sticky?"y":""),u=0,f=void 0===t?m:t>>>0,b=new RegExp(e.source,c+"g");(i=d.call(b,r))&&!((a=b[g])>u&&(l.push(r.slice(u,i.index)),i[p]>1&&i.index<r[p]&&h.apply(l,i.slice(1)),s=i[0][p],u=a,l[p]>=f));)b[g]===i.index&&b[g]++;return u===r[p]?!s&&b.test("")||l.push(""):l.push(r.slice(u)),l[p]>f?l.slice(0,f):l}:"0"[f](void 0,0)[p]?function(e,t){return void 0===e&&0===t?[]:o.call(this,e,t)}:o,[function(o,n){var r=e(this),i=null==o?void 0:o[t];return void 0!==i?i.call(o,r,n):v.call(String(r),o,n)},function(e,t){var n=c(v,e,this,t,v!==o);if(n.done)return n.value;var d=r(e),h=String(this),f=i(d,RegExp),p=d.unicode,g=(d.ignoreCase?"i":"")+(d.multiline?"m":"")+(d.unicode?"u":"")+(b?"y":"g"),y=new f(b?d:"^(?:"+d.source+")",g),w=void 0===t?m:t>>>0;if(0===w)return[];if(0===h.length)return null===l(y,h)?[h]:[];for(var z=0,C=0,S=[];C<h.length;){y.lastIndex=b?C:0;var k,x=l(y,b?h:h.slice(C));if(null===x||(k=u(s(y.lastIndex+(b?0:C)),h.length))===z)C=a(h,C,p);else{if(S.push(h.slice(z,C)),S.length===w)return S;for(var O=1;O<=x.length-1;O++)if(S.push(x[O]),S.length===w)return S;C=z=k}}return S.push(h.slice(z)),S}]}))},66108:(e,t,o)=>{"use strict";o(76774);var n=o(27007),r=o(53218),i=o(67057),a="toString",s=/./[a],l=function(e){o(77234)(RegExp.prototype,a,e,!0)};o(74253)((function(){return"/a/b"!=s.call({source:"a",flags:"b"})}))?l((function(){var e=n(this);return"/".concat(e.source,"/","flags"in e?e.flags:!i&&e instanceof RegExp?r.call(e):void 0)})):s.name!=a&&l((function(){return s.call(this)}))},98184:(e,t,o)=>{"use strict";var n=o(9824),r=o(1616);e.exports=o(45795)("Set",(function(e){return function(){return e(this,arguments.length>0?arguments[0]:void 0)}}),{add:function(e){return n.def(r(this,"Set"),e=0===e?0:e,e)}},n)},40856:(e,t,o)=>{"use strict";o(29395)("anchor",(function(e){return function(t){return e(this,"a","name",t)}}))},80703:(e,t,o)=>{"use strict";o(29395)("big",(function(e){return function(){return e(this,"big","","")}}))},91539:(e,t,o)=>{"use strict";o(29395)("blink",(function(e){return function(){return e(this,"blink","","")}}))},5292:(e,t,o)=>{"use strict";o(29395)("bold",(function(e){return function(){return e(this,"b","","")}}))},29539:(e,t,o)=>{"use strict";var n=o(42985),r=o(24496)(!1);n(n.P,"String",{codePointAt:function(e){return r(this,e)}})},96620:(e,t,o)=>{"use strict";var n=o(42985),r=o(10875),i=o(42094),a="endsWith",s=""[a];n(n.P+n.F*o(8852)(a),"String",{endsWith:function(e){var t=i(this,e,a),o=arguments.length>1?arguments[1]:void 0,n=r(t.length),l=void 0===o?n:Math.min(r(o),n),d=String(e);return s?s.call(t,d,l):t.slice(l-d.length,l)===d}})},45177:(e,t,o)=>{"use strict";o(29395)("fixed",(function(e){return function(){return e(this,"tt","","")}}))},73694:(e,t,o)=>{"use strict";o(29395)("fontcolor",(function(e){return function(t){return e(this,"font","color",t)}}))},37648:(e,t,o)=>{"use strict";o(29395)("fontsize",(function(e){return function(t){return e(this,"font","size",t)}}))},50191:(e,t,o)=>{var n=o(42985),r=o(92337),i=String.fromCharCode,a=String.fromCodePoint;n(n.S+n.F*(!!a&&1!=a.length),"String",{fromCodePoint:function(e){for(var t,o=[],n=arguments.length,a=0;n>a;){if(t=+arguments[a++],r(t,1114111)!==t)throw RangeError(t+" is not a valid code point");o.push(t<65536?i(t):i(55296+((t-=65536)>>10),t%1024+56320))}return o.join("")}})},62850:(e,t,o)=>{"use strict";var n=o(42985),r=o(42094),i="includes";n(n.P+n.F*o(8852)(i),"String",{includes:function(e){return!!~r(this,e,i).indexOf(e,arguments.length>1?arguments[1]:void 0)}})},27795:(e,t,o)=>{"use strict";o(29395)("italics",(function(e){return function(){return e(this,"i","","")}}))},39115:(e,t,o)=>{"use strict";var n=o(24496)(!0);o(42923)(String,"String",(function(e){this._t=String(e),this._i=0}),(function(){var e,t=this._t,o=this._i;return o>=t.length?{value:void 0,done:!0}:(e=n(t,o),this._i+=e.length,{value:e,done:!1})}))},4531:(e,t,o)=>{"use strict";o(29395)("link",(function(e){return function(t){return e(this,"a","href",t)}}))},98306:(e,t,o)=>{var n=o(42985),r=o(22110),i=o(10875);n(n.S,"String",{raw:function(e){for(var t=r(e.raw),o=i(t.length),n=arguments.length,a=[],s=0;o>s;)a.push(String(t[s++])),s<n&&a.push(String(arguments[s]));return a.join("")}})},10823:(e,t,o)=>{var n=o(42985);n(n.P,"String",{repeat:o(68595)})},23605:(e,t,o)=>{"use strict";o(29395)("small",(function(e){return function(){return e(this,"small","","")}}))},17732:(e,t,o)=>{"use strict";var n=o(42985),r=o(10875),i=o(42094),a="startsWith",s=""[a];n(n.P+n.F*o(8852)(a),"String",{startsWith:function(e){var t=i(this,e,a),o=r(Math.min(arguments.length>1?arguments[1]:void 0,t.length)),n=String(e);return s?s.call(t,n,o):t.slice(o,o+n.length)===n}})},6780:(e,t,o)=>{"use strict";o(29395)("strike",(function(e){return function(){return e(this,"strike","","")}}))},69937:(e,t,o)=>{"use strict";o(29395)("sub",(function(e){return function(){return e(this,"sub","","")}}))},10511:(e,t,o)=>{"use strict";o(29395)("sup",(function(e){return function(){return e(this,"sup","","")}}))},64564:(e,t,o)=>{"use strict";o(29599)("trim",(function(e){return function(){return e(this,3)}}))},95767:(e,t,o)=>{"use strict";var n=o(3816),r=o(79181),i=o(67057),a=o(42985),s=o(77234),l=o(84728).KEY,d=o(74253),c=o(3825),u=o(22943),h=o(93953),f=o(86314),p=o(28787),g=o(36074),m=o(5541),b=o(4302),v=o(27007),y=o(55286),w=o(20508),z=o(22110),C=o(21689),S=o(90681),k=o(42503),x=o(39327),O=o(18693),_=o(64548),R=o(99275),E=o(47184),M=O.f,D=R.f,T=x.f,A=n.Symbol,I=n.JSON,L=I&&I.stringify,Z="prototype",P=f("_hidden"),F=f("toPrimitive"),N={}.propertyIsEnumerable,B=c("symbol-registry"),G=c("symbols"),H=c("op-symbols"),j=Object[Z],U="function"==typeof A&&!!_.f,W=n.QObject,V=!W||!W[Z]||!W[Z].findChild,q=i&&d((function(){return 7!=k(D({},"a",{get:function(){return D(this,"a",{value:7}).a}})).a}))?function(e,t,o){var n=M(j,t);n&&delete j[t],D(e,t,o),n&&e!==j&&D(j,t,n)}:D,K=function(e){var t=G[e]=k(A[Z]);return t._k=e,t},Y=U&&"symbol"==typeof A.iterator?function(e){return"symbol"==typeof e}:function(e){return e instanceof A},X=function(e,t,o){return e===j&&X(H,t,o),v(e),t=C(t,!0),v(o),r(G,t)?(o.enumerable?(r(e,P)&&e[P][t]&&(e[P][t]=!1),o=k(o,{enumerable:S(0,!1)})):(r(e,P)||D(e,P,S(1,{})),e[P][t]=!0),q(e,t,o)):D(e,t,o)},J=function(e,t){v(e);for(var o,n=m(t=z(t)),r=0,i=n.length;i>r;)X(e,o=n[r++],t[o]);return e},Q=function(e){var t=N.call(this,e=C(e,!0));return!(this===j&&r(G,e)&&!r(H,e))&&(!(t||!r(this,e)||!r(G,e)||r(this,P)&&this[P][e])||t)},$=function(e,t){if(e=z(e),t=C(t,!0),e!==j||!r(G,t)||r(H,t)){var o=M(e,t);return!o||!r(G,t)||r(e,P)&&e[P][t]||(o.enumerable=!0),o}},ee=function(e){for(var t,o=T(z(e)),n=[],i=0;o.length>i;)r(G,t=o[i++])||t==P||t==l||n.push(t);return n},te=function(e){for(var t,o=e===j,n=T(o?H:z(e)),i=[],a=0;n.length>a;)!r(G,t=n[a++])||o&&!r(j,t)||i.push(G[t]);return i};U||(s((A=function(){if(this instanceof A)throw TypeError("Symbol is not a constructor!");var e=h(arguments.length>0?arguments[0]:void 0),t=function(o){this===j&&t.call(H,o),r(this,P)&&r(this[P],e)&&(this[P][e]=!1),q(this,e,S(1,o))};return i&&V&&q(j,e,{configurable:!0,set:t}),K(e)})[Z],"toString",(function(){return this._k})),O.f=$,R.f=X,o(20616).f=x.f=ee,o(14682).f=Q,_.f=te,i&&!o(4461)&&s(j,"propertyIsEnumerable",Q,!0),p.f=function(e){return K(f(e))}),a(a.G+a.W+a.F*!U,{Symbol:A});for(var oe="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),ne=0;oe.length>ne;)f(oe[ne++]);for(var re=E(f.store),ie=0;re.length>ie;)g(re[ie++]);a(a.S+a.F*!U,"Symbol",{for:function(e){return r(B,e+="")?B[e]:B[e]=A(e)},keyFor:function(e){if(!Y(e))throw TypeError(e+" is not a symbol!");for(var t in B)if(B[t]===e)return t},useSetter:function(){V=!0},useSimple:function(){V=!1}}),a(a.S+a.F*!U,"Object",{create:function(e,t){return void 0===t?k(e):J(k(e),t)},defineProperty:X,defineProperties:J,getOwnPropertyDescriptor:$,getOwnPropertyNames:ee,getOwnPropertySymbols:te});var ae=d((function(){_.f(1)}));a(a.S+a.F*ae,"Object",{getOwnPropertySymbols:function(e){return _.f(w(e))}}),I&&a(a.S+a.F*(!U||d((function(){var e=A();return"[null]"!=L([e])||"{}"!=L({a:e})||"{}"!=L(Object(e))}))),"JSON",{stringify:function(e){for(var t,o,n=[e],r=1;arguments.length>r;)n.push(arguments[r++]);if(o=t=n[1],(y(t)||void 0!==e)&&!Y(e))return b(t)||(t=function(e,t){if("function"==typeof o&&(t=o.call(this,e,t)),!Y(t))return t}),n[1]=t,L.apply(I,n)}}),A[Z][F]||o(87728)(A[Z],F,A[Z].valueOf),u(A,"Symbol"),u(Math,"Math",!0),u(n.JSON,"JSON",!0)},30142:(e,t,o)=>{"use strict";var n=o(42985),r=o(89383),i=o(91125),a=o(27007),s=o(92337),l=o(10875),d=o(55286),c=o(3816).ArrayBuffer,u=o(58364),h=i.ArrayBuffer,f=i.DataView,p=r.ABV&&c.isView,g=h.prototype.slice,m=r.VIEW,b="ArrayBuffer";n(n.G+n.W+n.F*(c!==h),{ArrayBuffer:h}),n(n.S+n.F*!r.CONSTR,b,{isView:function(e){return p&&p(e)||d(e)&&m in e}}),n(n.P+n.U+n.F*o(74253)((function(){return!new h(2).slice(1,void 0).byteLength})),b,{slice:function(e,t){if(void 0!==g&&void 0===t)return g.call(a(this),e);for(var o=a(this).byteLength,n=s(e,o),r=s(void 0===t?o:t,o),i=new(u(this,h))(l(r-n)),d=new f(this),c=new f(i),p=0;n<r;)c.setUint8(p++,d.getUint8(n++));return i}}),o(2974)(b)},1786:(e,t,o)=>{var n=o(42985);n(n.G+n.W+n.F*!o(89383).ABV,{DataView:o(91125).DataView})},70162:(e,t,o)=>{o(78440)("Float32",4,(function(e){return function(t,o,n){return e(this,t,o,n)}}))},33834:(e,t,o)=>{o(78440)("Float64",8,(function(e){return function(t,o,n){return e(this,t,o,n)}}))},74821:(e,t,o)=>{o(78440)("Int16",2,(function(e){return function(t,o,n){return e(this,t,o,n)}}))},81303:(e,t,o)=>{o(78440)("Int32",4,(function(e){return function(t,o,n){return e(this,t,o,n)}}))},75368:(e,t,o)=>{o(78440)("Int8",1,(function(e){return function(t,o,n){return e(this,t,o,n)}}))},79103:(e,t,o)=>{o(78440)("Uint16",2,(function(e){return function(t,o,n){return e(this,t,o,n)}}))},83318:(e,t,o)=>{o(78440)("Uint32",4,(function(e){return function(t,o,n){return e(this,t,o,n)}}))},46964:(e,t,o)=>{o(78440)("Uint8",1,(function(e){return function(t,o,n){return e(this,t,o,n)}}))},62152:(e,t,o)=>{o(78440)("Uint8",1,(function(e){return function(t,o,n){return e(this,t,o,n)}}),!0)},30147:(e,t,o)=>{"use strict";var n,r=o(3816),i=o(10050)(0),a=o(77234),s=o(84728),l=o(35345),d=o(23657),c=o(55286),u=o(1616),h=o(1616),f=!r.ActiveXObject&&"ActiveXObject"in r,p="WeakMap",g=s.getWeak,m=Object.isExtensible,b=d.ufstore,v=function(e){return function(){return e(this,arguments.length>0?arguments[0]:void 0)}},y={get:function(e){if(c(e)){var t=g(e);return!0===t?b(u(this,p)).get(e):t?t[this._i]:void 0}},set:function(e,t){return d.def(u(this,p),e,t)}},w=e.exports=o(45795)(p,v,y,d,!0,!0);h&&f&&(l((n=d.getConstructor(v,p)).prototype,y),s.NEED=!0,i(["delete","has","get","set"],(function(e){var t=w.prototype,o=t[e];a(t,e,(function(t,r){if(c(t)&&!m(t)){this._f||(this._f=new n);var i=this._f[e](t,r);return"set"==e?this:i}return o.call(this,t,r)}))})))},59192:(e,t,o)=>{"use strict";var n=o(23657),r=o(1616),i="WeakSet";o(45795)(i,(function(e){return function(){return e(this,arguments.length>0?arguments[0]:void 0)}}),{add:function(e){return n.def(r(this,i),e,!0)}},n,!1,!0)},1268:(e,t,o)=>{"use strict";var n=o(42985),r=o(13325),i=o(20508),a=o(10875),s=o(24963),l=o(16886);n(n.P,"Array",{flatMap:function(e){var t,o,n=i(this);return s(e),t=a(n.length),o=l(n,0),r(o,n,n,t,0,1,e,arguments[1]),o}}),o(17722)("flatMap")},62773:(e,t,o)=>{"use strict";var n=o(42985),r=o(79315)(!0);n(n.P,"Array",{includes:function(e){return r(this,e,arguments.length>1?arguments[1]:void 0)}}),o(17722)("includes")},83276:(e,t,o)=>{var n=o(42985),r=o(51131)(!0);n(n.S,"Object",{entries:function(e){return r(e)}})},98351:(e,t,o)=>{var n=o(42985),r=o(57643),i=o(22110),a=o(18693),s=o(92811);n(n.S,"Object",{getOwnPropertyDescriptors:function(e){for(var t,o,n=i(e),l=a.f,d=r(n),c={},u=0;d.length>u;)void 0!==(o=l(n,t=d[u++]))&&s(c,t,o);return c}})},96409:(e,t,o)=>{var n=o(42985),r=o(51131)(!1);n(n.S,"Object",{values:function(e){return r(e)}})},9865:(e,t,o)=>{"use strict";var n=o(42985),r=o(25645),i=o(3816),a=o(58364),s=o(50094);n(n.P+n.R,"Promise",{finally:function(e){var t=a(this,r.Promise||i.Promise),o="function"==typeof e;return this.then(o?function(o){return s(t,e()).then((function(){return o}))}:e,o?function(o){return s(t,e()).then((function(){throw o}))}:e)}})},92770:(e,t,o)=>{"use strict";var n=o(42985),r=o(75442),i=o(30575),a=/Version\/10\.\d+(\.\d+)?( Mobile\/\w+)? Safari\//.test(i);n(n.P+n.F*a,"String",{padEnd:function(e){return r(this,e,arguments.length>1?arguments[1]:void 0,!1)}})},41784:(e,t,o)=>{"use strict";var n=o(42985),r=o(75442),i=o(30575),a=/Version\/10\.\d+(\.\d+)?( Mobile\/\w+)? Safari\//.test(i);n(n.P+n.F*a,"String",{padStart:function(e){return r(this,e,arguments.length>1?arguments[1]:void 0,!0)}})},65869:(e,t,o)=>{"use strict";o(29599)("trimLeft",(function(e){return function(){return e(this,1)}}),"trimStart")},94325:(e,t,o)=>{"use strict";o(29599)("trimRight",(function(e){return function(){return e(this,2)}}),"trimEnd")},79665:(e,t,o)=>{o(36074)("asyncIterator")},91181:(e,t,o)=>{for(var n=o(56997),r=o(47184),i=o(77234),a=o(3816),s=o(87728),l=o(87234),d=o(86314),c=d("iterator"),u=d("toStringTag"),h=l.Array,f={CSSRuleList:!0,CSSStyleDeclaration:!1,CSSValueList:!1,ClientRectList:!1,DOMRectList:!1,DOMStringList:!1,DOMTokenList:!0,DataTransferItemList:!1,FileList:!1,HTMLAllCollection:!1,HTMLCollection:!1,HTMLFormElement:!1,HTMLSelectElement:!1,MediaList:!0,MimeTypeArray:!1,NamedNodeMap:!1,NodeList:!0,PaintRequestList:!1,Plugin:!1,PluginArray:!1,SVGLengthList:!1,SVGNumberList:!1,SVGPathSegList:!1,SVGPointList:!1,SVGStringList:!1,SVGTransformList:!1,SourceBufferList:!1,StyleSheetList:!0,TextTrackCueList:!1,TextTrackList:!1,TouchList:!1},p=r(f),g=0;g<p.length;g++){var m,b=p[g],v=f[b],y=a[b],w=y&&y.prototype;if(w&&(w[c]||s(w,c,h),w[u]||s(w,u,b),l[b]=h,v))for(m in n)w[m]||i(w,m,n[m],!0)}},84633:(e,t,o)=>{var n=o(42985),r=o(74193);n(n.G+n.B,{setImmediate:r.set,clearImmediate:r.clear})},32564:(e,t,o)=>{var n=o(3816),r=o(42985),i=o(30575),a=[].slice,s=/MSIE .\./.test(i),l=function(e){return function(t,o){var n=arguments.length>2,r=!!n&&a.call(arguments,2);return e(n?function(){("function"==typeof t?t:Function(t)).apply(this,r)}:t,o)}};r(r.G+r.B+r.F*s,{setTimeout:l(n.setTimeout),setInterval:l(n.setInterval)})},96337:(e,t,o)=>{o(32564),o(84633),o(91181),e.exports=o(25645)},71012:e=>{var t,o;t="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",o={rotl:function(e,t){return e<<t|e>>>32-t},rotr:function(e,t){return e<<32-t|e>>>t},endian:function(e){if(e.constructor==Number)return 16711935&o.rotl(e,8)|4278255360&o.rotl(e,24);for(var t=0;t<e.length;t++)e[t]=o.endian(e[t]);return e},randomBytes:function(e){for(var t=[];e>0;e--)t.push(Math.floor(256*Math.random()));return t},bytesToWords:function(e){for(var t=[],o=0,n=0;o<e.length;o++,n+=8)t[n>>>5]|=e[o]<<24-n%32;return t},wordsToBytes:function(e){for(var t=[],o=0;o<32*e.length;o+=8)t.push(e[o>>>5]>>>24-o%32&255);return t},bytesToHex:function(e){for(var t=[],o=0;o<e.length;o++)t.push((e[o]>>>4).toString(16)),t.push((15&e[o]).toString(16));return t.join("")},hexToBytes:function(e){for(var t=[],o=0;o<e.length;o+=2)t.push(parseInt(e.substr(o,2),16));return t},bytesToBase64:function(e){for(var o=[],n=0;n<e.length;n+=3)for(var r=e[n]<<16|e[n+1]<<8|e[n+2],i=0;i<4;i++)8*n+6*i<=8*e.length?o.push(t.charAt(r>>>6*(3-i)&63)):o.push("=");return o.join("")},base64ToBytes:function(e){e=e.replace(/[^A-Z0-9+\/]/gi,"");for(var o=[],n=0,r=0;n<e.length;r=++n%4)0!=r&&o.push((t.indexOf(e.charAt(n-1))&Math.pow(2,-2*r+8)-1)<<2*r|t.indexOf(e.charAt(n))>>>6-2*r);return o}},e.exports=o},30785:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* Styling Wrappers\n * These independent wrapper divs sit on top of the grid to facilitate the batch edit visual look.\n * Since rows are split vertically into 3 rows (head, body, foot) there is no singular element\n * that wraps to form a body for styling, so we create artificial ones.\n * Their position is calculated (js) to match the current position of the matching editable rows,\n * otherwise the rest of the positioning/styling is handled with CSS\n*/\n:host {\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zing-grid-batch-edit-style-border\n  * @default 1px solid #d6e9ff\n  * @see border\n  * @description Styles the border of the batch edit styling element\n  * @demoLink https://app.zingsoft.com/demos/create/TX748SB9\n  * @shadowOnly false\n  */\n  border: var(--zing-grid-batch-edit-style-border, 1px solid #d6e9ff);\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zing-grid-batch-edit-style-box-shadow\n  * @default inset 0 0 6px #99caff\n  * @see box-shadow\n  * @description Styles the box-shadow of the frozen column styling element\n  * @demoLink https://app.zingsoft.com/demos/create/YKOH0VPL\n  * @shadowOnly false\n  */\n  box-shadow: var(--zing-grid-batch-edit-style-box-shadow, inset 0 0 5px var(--theme-color-primary));\n  box-sizing: border-box;\n\tpointer-events: none;\n\tposition: absolute;\n\theight: 100%;\n  width:100%;\n\ttop: 0;\n\tz-index: 1;\n}\n\n:host([layout="card"]) {\n  display: none;\n}',""])},39803:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-grid-gap\n  * @description Sets the gap between cards in 'card' layout-mode\n  * @see grid-gap\n  * @default 10px\n  * @demoLink https://app.zingsoft.com/demos/create/JOUVG6NN\n  * @shadowOnly true\n  */\n  --card-gap: var(--zg-row-card-grid-gap, 10px);\n\n  /* NOTE: Not adding margin/padding since it doesn't do anything to this component */\n  \n  /**\n  * @memberof ZGBody\n  * @var --zg-body-background\n  * @description Styles the background of grid body\n  * @see background\n  * @default transparent\n  * @demoLink https://app.zingsoft.com/demos/create/WVUSRWLP\n  * @shadowOnly false\n  */\n  background: var(--zg-body-background, transparent);\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-border\n  * @description Styles the border of grid body\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/YWTPH9M0\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-border-bottom\n  * @description Styles the bottom border of grid body\n  * @see border\n  * @default var(--zg-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/25V704EG\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-body-border-bottom, var(--zg-body-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-border-left\n  * @description Styles the left border of grid body\n  * @see border\n  * @default var(--zg-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FPYUYEEX\n  * @shadowOnly false\n  */\n  border-left: var(--zg-body-border-left, var(--zg-body-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-border-right\n  * @description Styles the right border of grid body\n  * @see border\n  * @default var(--zg-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/70O17569\n  * @shadowOnly false\n  */\n  border-right: var(--zg-body-border-right, var(--zg-body-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-border-top\n  * @description Styles the top border of grid body. Note: If `--zg-row-border-top` set,\n  * it will override `--zg-body-border-top`.\n  * @see border\n  * @default var(--zg-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/C9XJMTTQ\n  * @shadowOnly false\n  */\n  border-top: var(--zg-body-border-top, var(--zg-body-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-color\n  * @description Sets the font color of contents inside grid body\n  * @see color\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/X9E64KMS\n  * @shadowOnly false\n  */\n  color: var(--zg-body-color, inherit);\n  display: table-row-group;\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-font-family\n  * @description Sets the font family of contents inside grid body\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/XS22J4JG\n  * @shadowOnly false\n  */\n  font-family: var(--zg-body-font-family, inherit);\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-font-size\n  * @description Sets the font size of contents inside grid body\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/YLAXDUP9\n  * @shadowOnly false\n  */\n  font-size: var(--zg-body-font-size, inherit);\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-font-style\n  * @description Sets the font style of contents inside grid body\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/0VOTEN03\n  * @shadowOnly false\n  */\n  font-style: var(--zg-body-font-style, inherit);\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-font-weight\n  * @description Sets the font weight of contents inside grid body\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/F6CRSTMQ\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-body-font-weight, inherit);\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-line-height\n  * @description Sets the line-height of contents inside of grid body\n  * @see line-height \n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/UO5MJUXO\n  * @shadowOnly false\n  */\n  line-height: var(--zg-body-line-height, inherit);\n}\n\n/* Layout: Card */\n:host([layout=\"card\"]) {\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-background\n  * @description Styles the background of grid body in 'card' layout-mode\n  * @see background\n  * @default linear-gradient(45deg, #f9fafb 20%, #fff)\n  * @demoLink https://app.zingsoft.com/demos/create/XGWDT5HI\n  * @shadowOnly false\n  */\n  background:  var(--zg-body-card-background, linear-gradient(45deg, #f9fafb 20%, #fff));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-border\n  * @description Styles the border of grid body in 'card' layout-mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/UMQX6FC1\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-border-bottom\n  * @description Styles the bottom border of grid body in 'card' layout-mode\n  * @see border\n  * @default var(--zg-body-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/0CXPJ9CM\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-body-card-border-bottom, var(--zg-body-card-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-border-left\n  * @description Styles the left border of grid body in 'card' layout-mode\n  * @see border\n  * @default var(--zg-body-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FPJ9DVE0\n  * @shadowOnly false\n  */\n  border-left: var(--zg-body-card-border-left, var(--zg-body-card-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-border-right\n  * @description Styles the right border of grid body in 'card' layout-mode\n  * @see border\n  * @default var(--zg-body-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/YJHA2SIP\n  * @shadowOnly false\n  */\n  border-right: var(--zg-body-card-border-right, var(--zg-body-card-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-border-top\n  * @description Styles the top border of grid body in 'card' layout-mode. Note: If `--zg-row-border-top` set in 'card' layout-mode\n  * it will override `--zg-body-border-top`.\n  * @see border\n  * @default var(--zg-body-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/ZQPWRYZ2\n  * @shadowOnly false\n  */\n  border-top: var(--zg-body-card-border-top, var(--zg-body-card-border, 0));\n  box-sizing: border-box;\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-display\n  * @description Sets display of grid body in 'card' layout-mode\n  * @see display\n  * @default grid\n  * @demoLink https://app.zingsoft.com/demos/create/JHSU4OLH\n  * @shadowOnly false\n  */\n  display: var(--zg-body-card-display, grid);\n  grid-template-columns: repeat(auto-fill, minmax(calc(var(--zg-card-columns, 25%) - var(--card-gap)), 1fr));;\n  grid-auto-rows: auto;\n  grid-gap: var(--card-gap, 10px);\n  overflow: hidden;\n  padding: var(--card-gap, 10px);\n}\n:host([viewport=\"mobile\"][layout=\"card\"]) { --zg-card-columns: 100%; }\n:host([viewport=\"tablet-portrait\"][layout=\"card\"]) { --zg-card-columns: 50%; }\n:host([viewport=\"tablet-landscape\"][layout=\"card\"]) { --zg-card-columns: 33%; }\n:host([viewport=\"desktop\"][layout=\"card\"]) { --zg-card-columns: 25%; }\n:host([viewport=\"desktop-large\"][layout=\"card\"]) { --zg-card-columns: 25%; }\n\n/* CUSTOM CARD TEMPLATE (ZG-CARD) */\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* ZG-ROW */\n/* All Rows */\n:host ::slotted(zg-row) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background\n  * @description Styles the background of body rows\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/90PL3ZDR\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background);\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-border\n  * @description Styles the border of body rows\n  * @see border\n  * @default var(--zg-row-body-border, var(--zg-row-border-bottom, var(--zg-row-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/EAVHDY7O\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-border-bottom\n  * @description Styles the bottom border of body rows\n  * @see border\n  * @default var(--zg-row-body-border, var(--zg-row-border-bottom, var(--zg-row-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/HNJ2XN7Y\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-row-body-border-bottom, var(--zg-row-body-border, var(--zg-row-border-bottom, var(--zg-row-border, 0))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-border-left\n  * @description Styles the left border of body rows\n  * @see border\n  * @default var(--zg-row-body-border, var(--zg-row-border-left, var(--zg-row-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/E72YL6QW\n  * @shadowOnly false\n  */\n  border-left: var(--zg-row-body-border-left, var(--zg-row-body-border, var(--zg-row-border-left, var(--zg-row-border, 0))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-border-right\n  * @description Styles the right border of body rows\n  * @see border\n  * @default var(--zg-row-body-border, var(--zg-row-border-right, var(--zg-row-border), 0))\n  * @demoLink https://app.zingsoft.com/demos/create/B3XG2R64\n  * @shadowOnly false\n  */\n  border-right: var(--zg-row-body-border-right, var(--zg-row-body-border, var(--zg-row-border-right, var(--zg-row-border, 0))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-border-top\n  * @description Styles the top border of body rows\n  * @see border\n  * @default var(--zg-row-body-border, var(--zg-row-border-top, var(--zg-row-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/9PTJDF3I\n  * @shadowOnly false\n  */\n  border-top: var(--zg-row-body-border-top, var(--zg-row-body-border, var(--zg-row-border-top, var(--zg-row-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color\n  * @description Sets the font color of body rows\n  * @see color\n  * @default var(--zg-row-color)\n  * @demoLink https://app.zingsoft.com/demos/create/ZWULY1D1\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color, var(--zg-row-color));\n  display: table-row;\n}\n\n:host ::slotted(zg-row:hover) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background_hover\n  * @description Styles the background of body rows on hover\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/FNZQKLOI\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background_hover);\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color_hover\n  * @description Styles the font color of body rows\n  * @see color\n  * @default var(--zg-row-color_hover, var(--zg-row-color))\n  * @demoLink https://app.zingsoft.com/demos/create/XCEJKX89\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color_hover, var(--zg-row-color_hover, var(--zg-row-color)));\n}\n/* Even Rows */\n:host ::slotted(zg-row:nth-of-type(even)) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background_even\n  * @description Styles the background of 'even' body rows\n  * @see background\n  * @default var(--zg-row-body-background)\n  * @demoLink https://app.zingsoft.com/demos/create/VMHOQP1A\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background_even, var(--zg-row-body-background));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color_even\n  * @description Sets the font color of 'even' body rows\n  * @see color\n  * @default var(--zg-row-body-color, var(--zg-row-color))\n  * @demoLink https://app.zingsoft.com/demos/create/96LE1ORX\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color_even, var(--zg-row-body-color, var(--zg-row-color)));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-height\n  * @description Sets the height of all rows\n  * @see height\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/MG7QBHBV\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-height\n  * @description Sets the height of body rows\n  * @see height\n  * @default var(--zg-row-height)\n  * @demoLink https://app.zingsoft.com/demos/create/E2CM149E\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-height_even\n  * @description Sets the height of 'even' body rows\n  * @see height\n  * @default var(--zg-row-body-height, var(--zg-row-height))\n  * @demoLink https://app.zingsoft.com/demos/create/PHUE49RH\n  * @shadowOnly false\n  */\n  height: var(--zg-row-body-height_even, var(--zg-row-body-height, var(--zg-row-height, 48px)));\n}\n:host ::slotted(zg-row:nth-of-type(even):hover) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background_even_hover\n  * @description Styles the background of 'even' body rows on hover\n  * @see background\n  * @default var(--zg-row-body-background_hover)\n  * @demoLink https://app.zingsoft.com/demos/create/AIYZXTF0\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background_even_hover, var(--zg-row-body-background_hover));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color_even_hover\n  * @description Styles the font color of 'even' body rows on hover\n  * @see color\n  * @default var(--zg-row-body-color_hover, var(--zg-row-color_hover, var(--zg-row-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/9OLTDTMD\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color_even_hover, var(--zg-row-body-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n/* Odd Rows */\n:host ::slotted(zg-row:nth-of-type(odd)) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background_odd\n  * @description Styles the background of 'odd' body rows\n  * @see background\n  * @default var(--zg-row-body-background)\n  * @demoLink https://app.zingsoft.com/demos/create/GB8RXLPN\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background_odd, var(--zg-row-body-background));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color_odd\n  * @description Styles the font color of 'odd' body rows\n  * @see color\n  * @default var(--zg-row-body-color, var(--zg-row-color))\n  * @demoLink https://app.zingsoft.com/demos/create/RRFIV8VL\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color_odd, var(--zg-row-body-color, var(--zg-row-color)));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-height_odd\n  * @description Sets the height of 'odd' body rows\n  * @see height\n  * @default var(--zg-row-body-height, var(--zg-row-height))\n  * @demoLink https://app.zingsoft.com/demos/create/CC4GKUD7\n  * @shadowOnly false\n  */\n  height: var(--zg-row-body-height_odd, var(--zg-row-body-height, var(--zg-row-height, 48px)));\n}\n:host ::slotted(zg-row:nth-of-type(odd):hover) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background_odd_hover\n  * @description Styles the background of 'odd' body rows on hover\n  * @see background\n  * @default var(--zg-row-body-background_hover)\n  * @demoLink https://app.zingsoft.com/demos/create/41M3NTDX\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background_odd_hover, var(--zg-row-body-background_hover));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color_odd_hover\n  * @description Sets the font color of 'odd' body rows on hover\n  * @see color\n  * @default var(--zg-row-body-color_hover, var(--zg-row-color_hover, var(--zg-row-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/XVED8WRA\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color_odd_hover, var(--zg-row-body-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n\n/*  In the case of zebra, we have to set the class so that we can use the header and footer data rows */\n:host ::slotted(zg-row.zebra-2) {\n  background: var(--theme-background-zebra, var(--zg-row-body-background));\n}\n\n/* In the case of hidden head row, we don't want the first row to show the top border */\n:host ::slotted(zg-row[internal-top]) {\n  border-top: 0px;\n}\n\n/* ZG-ROW: CARD LAYOUT\n-------------------------------------- */\n/* ALL */\n:host([layout=card]) ::slotted(zg-row) {\n  display: flex;\n  flex-wrap: wrap;\n  height: auto !important;\n  overflow: hidden;\n}\n:host([layout=\"card\"]:not([card-template])) ::slotted(zg-row) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-padding\n  * @description Sets the padding of cards in 'card' layout-mode\n  * when '[internal-card-header]' not added to '&lt;zing-grid&gt;'\n  * @see padding\n  * @default 10px 0 5px\n  * @demoLink https://app.zingsoft.com/demos/create/3ANH9F1F\n  * @shadowOnly false\n  */\n  padding: var(--zg-row-card-padding, 8px 0 5px);\n}\n/* EDITOR CONTROLS */\n:host([layout=\"card\"][internal-card-header]:not([card-template])) ::slotted(zg-row) {\n  padding: var(--zg-row-card-padding_editor, 50px 0 5px);\n}\n\n/* SELECTOR CONTROL */\n\n\n/* ODD */\n:host([layout=card]) ::slotted(zg-row:nth-child(odd)) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-background_odd\n  * @description Styles the background of cards in 'card' layout-mode\n  * @see background\n  * @default var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))\n  * @demoLink https://app.zingsoft.com/demos/create/MYI4STFX\n  * @shadowOnly false\n  */\n  /* background: var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background)))); */\n  background: var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border_odd\n  * @description Styles the border of 'odd' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/48K2LXTZ\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-bottom_odd\n  * @description Styles the bottom border of 'odd' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_odd, var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/6KWRAGP6\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-row-card-border-bottom_odd, var(--zg-row-card-border_odd, var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-left_odd\n  * @description Styles the left border of 'odd' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_odd, var(--zg-row-card-border-left, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/E0MU4LOA\n  * @shadowOnly false\n  */\n  border-left: var(--zg-row-card-border-left_odd, var(--zg-row-card-border_odd, var(--zg-row-card-border-left, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-right_odd\n  * @description Styles the right border of 'odd' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_odd, var(--zg-row-card-border-right, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/BQ9TSN4A\n  * @shadowOnly false\n  */\n  border-right: var(--zg-row-card-border-right_odd, var(--zg-row-card-border_odd, var(--zg-row-card-border-right, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-top_odd\n  * @description Styles the top border of 'odd' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_odd, var(--zg-row-card-border-top, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/MYMKX9W0\n  * @shadowOnly false\n  */\n  border-top: var(--zg-row-card-border-top_odd, var(--zg-row-card-border_odd, var(--zg-row-card-border-top, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-box-shadow\n  * @description Applies a box shadow behind cards in 'card' layout-mode\n  * @see box-shadow\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/HQ7WKPH0\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-box-shadow_odd\n  * @description Applies a box shadow behind 'odd' cards in 'card' layout-mode\n  * @see box-shadow\n  * @default var(--zg-row-card-box-shadow, none)\n  * @demoLink https://app.zingsoft.com/demos/create/1D7VE3BL\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-row-card-box-shadow_odd, var(--zg-row-card-box-shadow, none));\n}\n/* ODD: EDITOR CONTROLS */\n:host([layout=\"card\"][internal-card-header]) ::slotted(zg-row:nth-child(odd)) {\n  background: var(--zg-row-card-background_editor_odd, var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background)))));\n}\n\n/* EVEN */\n:host([layout=card]) ::slotted(zg-row:nth-child(even)) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-background_even\n  * @description Styles the background of 'even' cards in 'card' layout-mode\n  * @see background\n  * @default var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))\n  * @demoLink https://app.zingsoft.com/demos/create/Z3JQXTST\n  * @shadowOnly false\n  */\n  background: var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border\n  * @description Styles the border of cards in 'card' layout-mode\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/5V9VVXDQ\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border_even\n  * @description Styles the border of 'even' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/H8PWRCJT\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-bottom_even\n  * @description Styles the bottom border of 'even' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_even, var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/UKFWTUFU\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-row-card-border-bottom_even, var(--zg-row-card-border_even, var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-left_even\n  * @description Styles the left border of 'even' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_even, var(--zg-row-card-border-left, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/T8FJCD4O\n  * @shadowOnly false\n  */\n  border-left: var(--zg-row-card-border-left_even, var(--zg-row-card-border_even, var(--zg-row-card-border-left, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-right_even\n  * @description Styles the right border of 'even' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_even, var(--zg-row-card-border-right, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/NYUK87GS\n  * @shadowOnly false\n  */\n  border-right: var(--zg-row-card-border-right_even, var(--zg-row-card-border_even, var(--zg-row-card-border-right, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-top_even\n  * @description Styles the top border of 'even' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_even, var(--zg-row-card-border-top, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/UWJMSEYU\n  * @shadowOnly false\n  */\n  border-top: var(--zg-row-card-border-top_even, var(--zg-row-card-border_even, var(--zg-row-card-border-top, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /* Already document above */\n  box-shadow: var(--zg-row-card-box-shadow_even, var(--zg-row-card-box-shadow, none));\n}\n/* EVEN: EDITOR CONTROLS */\n:host([layout=\"card\"][internal-card-header]) ::slotted(zg-row:nth-child(even)) {\n  background: var(--zg-row-card-background_editor_even, var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background)))));\n}\n\n:host([no-data]) {\n  display: none;\n}\n\n/* I'm not sure what this is for.  It is breaking focus outlining on hover \n:host([layout=\"card\"]) ::slotted(zg-row:hover) {\n  z-index: 1;\n}*/\n",""])},40662:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  align-items: center;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background\n  * @description Styles the background of button\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/0NOUHK2G\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border\n  * @description Styles the border of a button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/OQ49B7D2\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-bottom\n  * @description Styles the bottom border of a button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/49VYLDM2\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-button-border-bottom, var(--zg-button-border));\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-left\n  * @description Styles the left border of a button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/5BOPSVLN\n  * @shadowOnly false\n  */\n  border-left: var(--zg-button-border-left, var(--zg-button-border));\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-right\n  * @description Styles the right border of a button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/LK4TGZ1R\n  * @shadowOnly false\n  */\n  border-right: var(--zg-button-border-right, var(--zg-button-border));\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-top\n  * @description Styles the top border of a button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/4SWUJJOY\n  * @shadowOnly false\n  */\n  border-top: var(--zg-button-border-top, var(--zg-button-border));\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow\n  * @description Styles the box-shadow of the button\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/TUG6V5YD\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color\n  * @description Sets the font color of button\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/RPE1ZPAR\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color);\n  cursor: pointer;\n  display: inline-flex;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-font-family\n  * @description Sets the font family of button\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/7JWFA1UO\n  * @shadowOnly false\n  */\n  font-family: var(--zg-button-font-family, inherit);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-font-size\n  * @description Sets the font size of button\n  * @see font-size\n  * @default 90%\n  * @demoLink https://app.zingsoft.com/demos/create/0B3ZKXEO\n  * @shadowOnly false\n  */\n  font-size: var(--zg-button-font-size, 100%);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-font-style\n  * @description Sets the font style of button\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/N5ISV2HS\n  * @shadowOnly false\n  */\n  font-style: var(--zg-button-font-style, inherit);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-font-weight\n  * @description Sets the font weight of button\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/USH6VNB2\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-button-font-weight, inherit);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-line-height\n  * @description Sets the line height of button\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/BC7ELB6L\n  * @shadowOnly false\n  */\n  line-height: var(--zg-button-line-height, inherit);\n  justify-content: flex-start;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-margin\n  * @description Sets the margin of button\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/M834XVE5\n  * @shadowOnly false\n  */\n  margin: var(--zg-button-margin, 0);\n  /*outline: none;*/\n  /*overflow: hidden;*/\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-padding\n  * @description Sets the padding of button\n  * @see padding\n  * @default 3px\n  * @demoLink https://app.zingsoft.com/demos/create/SXA4AMPI\n  * @shadowOnly false\n  */\n  padding: var(--zg-button-padding, 0);\n  position: relative;\n  user-select: none;\n}\n\n/* Default Hover State (Defined) */\n:host([action]:hover),\n:host([action].hover) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-icon-background_hover\n  * @description Styles the background of the icon in a button on hover state\n  * @see fill\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/AKM36W15\n  * @shadowOnly false\n  */\n  --zg-icon-color: var(--zg-button-icon-background_hover);\n\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_hover\n  * @description Styles the background of button on hover\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/F1CZ5AEC\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_hover\n  * @description Styles the border of a button on hover state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/M6VZUWV3\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-bottom_hover\n  * @description Styles the bottom border of a button on hover\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/N34TY79O\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-button-border-bottom_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-left_hover\n  * @description Styles the left border of a button on hover\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/8WXKJKRH\n  * @shadowOnly false\n  */\n  border-left: var(--zg-button-border-left_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-right_hover\n  * @description Styles the right border of a button on hover\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/3F37KXA6\n  * @shadowOnly false\n  */\n  border-right: var(--zg-button-border-right_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-top_hover\n  * @description Styles the top border of a button on hover\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/8YBE3ACC\n  * @shadowOnly false\n  */\n  border-top: var(--zg-button-border-top_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_hover\n  * @description Styles the box-shadow of the button on hover\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/RAV3EMI2\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_hover\n  * @description Styles the color of the button on hover\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/TNO4DYRC\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-transition_speed\n  * @description Sets the transition speed of button\n  * @see transition\n  * @default var(--theme-transition_speed)\n  * @demoLink https://app.zingsoft.com/demos/create/W9ECS6H6\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  transition: background-color var(--zg-button-transition_speed, var(--theme-transition_speed));\n  z-index: 11;\n}\n\n/* Default Focus State (Defined) */\n:host(:focus) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_focus\n  * @description Styles the background of button on focus\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/KHSJ4IAG\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_focus\n  * @description Styles the border of a button on focus state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6ECRZ83T\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-bottom_focus\n  * @description Styles the bottom border of a button on focus\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/TNC5VI4O\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-button-border-bottom_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-left_focus\n  * @description Styles the left border of a button on focus\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/OTDDVBOS\n  * @shadowOnly false\n  */\n  border-left: var(--zg-button-border-left_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-right_focus\n  * @description Styles the right border of a button on focus\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/MTB5U5AF\n  * @shadowOnly false\n  */\n  border-right: var(--zg-button-border-right_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-top_focus\n  * @description Styles the top border of a button on focus\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/LO0MH08V\n  * @shadowOnly false\n  */\n  border-top: var(--zg-button-border-top_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_focus\n  * @description Styles the box-shadow of the button on focus\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/P92OHBPM\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_focus\n  * @description Styles the color of the button on focus\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/18C3727I\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_focus);\n  outline: var(--zg-button-focus);\n  transition: background-color var(--zg-button-transition_speed, var(--theme-transition_speed));\n}\n\n/* Active State */\n:host([action]:active),\n:host([action].active),\n:host([active]) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_active\n  * @description Styles of background of button on active state\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/B5GX883S\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_active, var(--theme-background-color));\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_active\n  * @description Styles the border of a button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/XPUZZ3LU\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-bottom_active\n  * @description Styles the bottom border of a button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/NOL6XBMR\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-button-border-bottom_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-left_active\n  * @description Styles the left border of a button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/RG7Z2CMD\n  * @shadowOnly false\n  */\n  border-left: var(--zg-button-border-left_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-right_active\n  * @description Styles the right border of a button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/TX5552LK\n  * @shadowOnly false\n  */\n  border-right: var(--zg-button-border-right_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-top_active\n  * @description Styles the top border of a button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/X9WBHY4L\n  * @shadowOnly false\n  */\n  border-top: var(--zg-button-border-top_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_active\n  * @description Styles the box-shadow of the button on activation\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/MX9J71NQ\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_active\n  * @description Styles the color of the button on active state\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/RARCAIWD\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_active);\n  cursor: default;\n}\n\n/* Disabled Normal State */\n:host([disabled]) {\n  cursor: not-allowed;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-opacity_disabled\n  * @description Styles the opacity of disabled button or button on hover\n  * @see opacity\n  * @default 0.2\n  * @demoLink https://app.zingsoft.com/demos/create/L2BLE14D\n  * @shadowOnly false\n  */\n  opacity: var(--zg-button-opacity_disabled, 0.2);\n}\n\n/* Hide tooltip if button disabled */\n:host([tooltip][disabled]):before,\n:host([tooltip][disabled]):after {\n  display: none;\n}\n\n/* Disabled Hover State */\n:host([disabled]:hover),\n:host([disabled].hover) {\n  background: none;\n  cursor: not-allowed;\n  opacity: var(--zg-button-opacity_disabled, 0.2);\n}\n\n/* If the button is hidden (has [hidden] attribute) */\n:host([hidden]) {\n  display: none !important;\n}\n\n/* TOOLTIP\n-------------------------------------- */\n:host([tooltip]) {\n  --tooltip-arrow-size: 4px;\n}\n\n:host([tooltip]):after {\n  align-items: center;\n  background: var(--tooltip-background, var(--theme-color_alt));\n  border-radius: 2px;\n  color: #fff;\n  content: attr(tooltip);\n  display: inline-flex;\n  font-size: 11px;\n  height: 22px;\n  justify-content: center;\n  line-height: 1;\n  opacity: 1;\n  padding: 0 8px;\n  pointer-events: none;\n  position: absolute;\n  top: 50%;\n  white-space: nowrap;\n  transform: translate(0, -50%);\n  transition: transform .3s;\n  visibility: hidden;\n}\n\n:host([tooltip]:hover):after,\n:host([tooltip].hover):after {\n  opacity: 1;\n  visibility: visible;\n  z-index: 11;\n}\n\n:host([tooltip]):before {\n  border: var(--tooltip-arrow-size) solid transparent;\n  content: '';\n  display: block;\n  opacity: 0;\n  pointer-events: none;\n  position: absolute;\n  top: 50%;\n  transform: translate(0, -50%);\n  transition: transform .3s;\n  visibility: hidden;\n}\n\n:host([tooltip]:hover):before,\n:host([tooltip].hover):before {\n  opacity: 1;\n  visibility: visible;\n}\n\n/* LEFT */\n:host([tooltip-left]):after {\n  right: 100%;\n} \n\n:host([tooltip-left]:hover):after,\n:host([tooltip-left].hover):after {\n  transform: translate(calc(-1 * var(--tooltip-arrow-size)), -50%);\n}\n\n:host([tooltip-left]):before {\n  border-left-color: var(--tooltip-background, var(--theme-color_alt));\n  left: 0;\n}\n\n:host([tooltip-left]:hover):before,\n:host([tooltip-left].hover):before {\n  transform: translate(calc(-1 * var(--tooltip-arrow-size)), -50%);\n}\n\n/* RIGHT */\n:host([tooltip-right]):after {\n  left: 100%;\n}\n\n:host([tooltip-right]:hover):after,\n:host([tooltip-right].hover):after {\n  transform: translate(var(--tooltip-arrow-size), -50%);\n}\n\n:host([tooltip-right]):before {\n  border-right-color: var(--tooltip-background, var(--theme-color_alt));\n  right: 0;\n}\n\n:host([tooltip-right]:hover):before,\n:host([tooltip-right].hover):before {\n  transform: translate(var(--tooltip-arrow-size), -50%);\n}\n\n/*  DIR\n------------------------------------- */\n:host([dir=\"rtl\"]) ::slotted(zg-icon) {\n  transform: scaleX(-1);\n}\n\n/* ICON\n-------------------------------------- */\n:host([no-icon]) .zg-button-icon {\n  display: none;\n}\n\n/* todo: not wonderful yet */\n:host([icon-last]) .zg-button-icon {\n  order: 2;\n}\n\n/* NODATA */\n:host([no-data]) {\n  color: var(--theme-color-primary);\n}\n\n:host([no-data]) ::slotted(zg-icon) {\n  margin-right: 3px !important;\n  transform: scale(.9);\n}\n\n/* CURSOR-BASED PAGINATION STYLING\n-------------------------------------- */\n:host([type=\"cursor\"]) ::slotted(zg-icon) {\n  transform: scale(1.2);\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* Checkbox - only when text added to button */\n:host([hastext]) ::slotted(zg-checkbox) {\n  margin-right: 5px;\n}\n\n:host([hastext][dir=\"rtl\"]) ::slotted(zg-checkbox) {\n  margin-left: 5px;\n  margin-right: unset\n}\n\n/* Icon - only when text added to button */\n:host([hastext]) ::slotted(zg-icon) {\n  margin-right: 7px;\n}\n\n:host([hastext][dir=\"rtl\"]) ::slotted(zg-icon) {\n  margin-left: 5px;\n  margin-right: unset\n}\n\n:host ::slotted(zg-icon) {\n  text-align: center;\n}\n\n\n/* ZG-PAGER: 'BUTTON' PAGINATION STYLING */\n\n/* 'Next Page' button */\n:host([action=\"nextpage\"]) {\n  margin-left: -1px;\n}\n\n/* '1, 2, 3' Page buttons */\n:host([action=\"page\"]) {\n  margin-left: -1px;\n}\n\n:host([action=\"page\"][disabled]) {\n  opacity: 1;\n}\n\n:host([action=\"page\"]) ::slotted(zg-icon) {\n  display: none;\n}\n\n:host([action=\"page\"]) ::slotted([slot=\"label\"]) {\n  width: 100%;\n  text-align: center;\n}\n\n:host([action*=\"record\"]),\n:host([action^=\"batch\"]),\n:host([internal-cell]) {\n  vertical-align: middle;\n}\n\n/*  Row Grouping Buttons */\n:host([action$=\"rowgroup\"]) {\n  margin-right: 20px;\n}\n\n:host([action$=\"rowgroup\"]) ::slotted(zg-icon) {\n  width: 24px;\n  height: 24px;\n}\n\n/* CUSTOM BUTTONS (NON-INTERNAL)\n-------------------------------------- */\n\n/* User button - not internal (internal should have [action]) */\n:host(:not([action]):not([force-border=\"disabled\"])),\n:host([force-border]:not([force-border=\"disabled\"])) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_custom\n  * @description Styles the background of custom button\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/ILHRA36E\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_custom);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_custom\n  * @description Styles the border of custom button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/VZ1UMHDW\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_custom);\n  border-radius: 4px;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_custom\n  * @description Applies a box shadow behind custom button\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/WV8BPHHG\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_custom);\n  color: var(--zg-button-color_custom, --zg-button-color);\n  padding: var(--zg-button-padding, 7px 9px);\n  transition: background .1s;\n}\n\n/* Focus */\n:host(:not([action]):not([force-border=\"disabled\"]):focus),\n:host([force-border]:not([force-border=\"disabled\"]):focus) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_custom_focus\n  * @description Styles the background of custom button on focus\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/DNQPAWTN\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_custom_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_custom_focus\n  * @description Styles the border of custom button on focus\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6YMT2CI2\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_custom_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_custom_focus\n  * @description Applies a box shadow behind custom button on focus\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/ZUYVPA4G\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_custom_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_custom_focus\n  * @description Sets the font color of custom button on focus\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6SPOXN1V\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_custom_focus);\n}\n\n/* Hover */\n:host(:not([action]):not([force-border=\"disabled\"]):hover),\n:host(:not([action]):not([force-border=\"disabled\"]).hover),\n:host([force-border]:not([force-border=\"disabled\"]):hover),\n:host([force-border]:not([force-border=\"disabled\"]).hover) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-icon-background_custom_hover\n  * @description Styles the background of icon in custom button on hover\n  * @see fill\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/KM9ESQ95\n  * @shadowOnly false\n  */\n  --zg-icon-color: var(--zg-button-icon-background_custom_hover, #fff);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_custom_hover\n  * @description Styles the background of custom button on hover\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/3NS677KC\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_custom_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_custom_hover\n  * @description Styles the border of custom button on hover\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/M471ONLC\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_custom_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_custom_hover\n  * @description Applies a box shadow behing custom button on hover\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6G5744Z9\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_custom_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_custom_hover\n  * @description Sets the font color of custom button on hover\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/UTHW9VD5\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_custom_hover);\n  /* Already defined, don't add JSDOCs */\n  transition: background-color var(--zg-button-transition_speed, var(--theme-transition_speed));\n}\n\n/* Active */\n:host(:not([action]):not([force-border=\"disabled\"]):active),\n:host(:not([action]):not([force-border=\"disabled\"]).active),\n:host([force-border]:not([force-border=\"disabled\"]):active),\n:host([force-border]:not([force-border=\"disabled\"]).active) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_custom_active\n  * @description Styles the background of custom button on active state\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/I7M662SJ\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_custom_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_custom_active\n  * @description Styles the border of custom button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/SBAJGZLD\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_custom_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_custom_active\n  * @description Applies a box shadow behind custom button on active state\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/NFET6MLX\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_custom_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_custom_active\n  * @description Sets the font color of custom button on active state\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/L6FV9PN6\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_custom_active);\n}",""])},65138:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-background\n  * @description Styles the background of caption\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6U2SY2K5\n  * @shadowOnly false\n  */\n  background: var(--zg-caption-background);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border\n  * @description Styles the border of caption\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/0N4C0ECB\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border-bottom\n  * @description Styles the bottom border of caption\n  * @see border\n  * @default var(--zg-caption-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/99JLBVYH\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-caption-border-bottom, var(--zg-caption-border, 0));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border-left\n  * @description Styles the left border of caption\n  * @see border\n  * @default var(--zg-caption-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FWLLXIJ5\n  * @shadowOnly false\n  */\n  border-left: var(--zg-caption-border-left, var(--zg-caption-border, 0));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border-right\n  * @description Styles the right border of caption\n  * @see border\n  * @default var(--zg-caption-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/52JW357J\n  * @shadowOnly false\n  */\n  border-right: var(--zg-caption-border-right, var(--zg-caption-border, 0));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border-top\n  * @description Styles the top border of caption\n  * @see border\n  * @default var(--zg-caption-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/NZ37Y0WR\n  * @shadowOnly false\n  */\n  border-top: var(--zg-caption-border-top, var(--zg-caption-border, 0));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border-radius\n  * @description Applies a border-radius to the caption\n  * @see border-radius\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/XTZFER6B\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-caption-border-radius, 0);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-box-shadow\n  * @description Applies a box shadow behind caption\n  * @see box-shadow\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/NGD7EIQQ\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-caption-box-shadow, none);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-color\n  * @description Sets the font color of caption\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/AWL1ZJ9P\n  * @shadowOnly false\n  */\n  color: var(--zg-caption-color);\n  display: block;\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-font-family\n  * @description Sets the font family of caption\n  * @see font-family\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/AIW2OSGY\n  * @shadowOnly false\n  */\n  font-family: var(--zg-caption-font-family);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-font-size\n  * @description Sets the font size of caption\n  * @see font-size\n  * @default 1.25rem\n  * @demoLink https://app.zingsoft.com/demos/create/GYEK88WP\n  * @shadowOnly false\n  */\n  font-size: var(--zg-caption-font-size, 1.25rem);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-font-style\n  * @description Sets the font style of caption\n  * @see font-style\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/88F09GZT\n  * @shadowOnly false\n  */\n  font-style: var(--zg-caption-font-style);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-font-weight\n  * @description Sets the font weight of caption\n  * @see font-weight\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/KY56OFL7\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-caption-font-weight);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-margin\n  * @description Sets the margin of caption\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/4KJK4SH4\n  * @shadowOnly false\n  */\n  margin: var(--zg-caption-margin, 0);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-opacity\n  * @description Sets the opacity of caption\n  * @see opacity\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/PE0HQJ5R\n  * @shadowOnly false\n  */\n  opacity: var(--zg-caption-opacity);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-padding\n  * @description Sets the padding of caption\n  * @see padding\n  * @default 0 var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/442ELH1B\n  * @shadowOnly false\n  */\n  padding: var(--zg-caption-padding, 0 var(--theme-padding_x));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-transition\n  * @description Sets the transition of caption\n  * @see transition\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/NORAG1EP\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  transition: var(--zg-caption-transition);\n  z-index: 2;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Wrapper */\n.zg-caption {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-align-items\n  * @description Sets the vertical alignment of items (title and toolbar) in caption\n  * @see align-items\n  * @default center\n  * @demoLink https://app.zingsoft.com/demos/create/CQYPIK1K\n  * @shadowOnly true\n  */\n  align-items: var(--zg-caption-align-items, center);\n  box-sizing: border-box;\n  display: flex;\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-flex-direction\n  * @description Sets the flex direction of items (title and toolbar) in caption\n  * @see flex-direction\n  * @default row\n  * @demoLink https://app.zingsoft.com/demos/create/7OAGC539\n  * @shadowOnly true\n  */\n  flex-direction: var(--zg-caption-flex-direction, row);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-height\n  * @description Sets the height of caption\n  * @see height\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/Y3GPK1TE\n  * @shadowOnly false\n  */\n  min-height: var(--zg-caption-height);\n  position: relative;\n  width: 100%;\n}\n:host([align=\"right\"]) .zg-caption {\n  flex-direction: row-reverse;\n}\n\n/* Title (Slot) */\n.zg-caption-title-slot {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-align-self\n  * @description Sets vertical alignment of items in caption title\n  * @see align-self\n  * @default center\n  * @demoLink https://app.zingsoft.com/demos/create/67LXJX3V\n  * @shadowOnly true\n  */\n  align-self: var(--zg-caption-title-align-self, var(--zg-caption-align-items));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-flex\n  * @description Sets how items are flexed in caption title\n  * @see flex\n  * @default 0 1 auto\n  * @demoLink https://app.zingsoft.com/demos/create/ZNF8KZ0Q\n  * @shadowOnly true\n  */\n  flex: var(--zg-caption-title-flex, 0 1 auto);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-font-family\n  * @description Sets the font-family of caption title\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/RSEFCP22\n  * @shadowOnly false\n  */\n  font-family: var(--zg-caption-title-font-family, inherit);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-font-size\n  * @description Sets the font size of caption title\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/957S8V57\n  * @shadowOnly false\n  */\n  font-size: var(--zg-caption-title-font-size, inherit);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-font-style\n  * @description Sets the font style of caption title\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/7998V87T\n  * @shadowOnly false\n  */\n  font-style: var(--zg-caption-title-font-style, inherit);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-font-weight\n  * @description Sets the font weight of caption title\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/SL5PZSVT\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-caption-title-font-weight, inherit);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-margin\n  * @description Sets the margin of caption title\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/16DIJOGY\n  * @shadowOnly false\n  */\n  margin: var(--zg-caption-title-margin, 0);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-padding\n  * @description Sets the padding of caption title\n  * @see padding\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/ZS07XHPH\n  * @shadowOnly false\n  */\n  padding: var(--zg-caption-title-padding, 0);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-order\n  * @description Sets the order of caption title with respect to caption toolbar\n  * @see order\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/C23FWMV5\n  */\n  order: var(--zg-caption-title-order);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-text-align\n  * @description Sets the text alignment of caption title\n  * @see text-align\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/1598TAUJ\n  * @shadowOnly false\n  */\n  text-align: var(--zg-caption-title-text-align, inherit);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-transform\n  * @description Sets the transform of caption title\n  * @see transform\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/3XWSGQ3T\n  * @shadowOnly false\n  */\n  transform: var(--zg-caption-title-transform, none);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-width\n  * @description Sets the width of caption title\n  * @see width\n  * @default 100%\n  * @demoLink https://app.zingsoft.com/demos/create/072GAQ92\n  * @shadowOnly false\n  */\n  width: var(--zg-caption-title-width, 100%);\n}\n\n/* Toolbar (Slot) */\n.zg-caption-toolbar {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-align-self\n  * @description Sets vertical alignment of items in caption toolbar\n  * @default Browser's default value\n  * @see align-self\n  * @demoLink https://app.zingsoft.com/demos/create/S3ZCU3DO\n  * @shadowOnly false\n  */\n  align-self: var(--zg-caption-toolbar-align-self);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-bottom\n  * @description Sets the position from bottom of caption toolbar. To apply, set --zg-caption-toolbar-position.\n  * @see bottom\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/OEH3UY6Q\n  * @shadowOnly false\n  * @storyAlert recommend:--zg-caption-toolbar-position:relative\n  */\n  bottom: var(--zg-caption-toolbar-bottom);\n  display: flex;\n  height: var(--zg-caption-height);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-justify-content\n  * @description Sets the horizontal alignment of contents in caption toolbar\n  * @see justify-content\n  * @default flex-start\n  * @demoLink https://app.zingsoft.com/demos/create/765LB16X\n  * @shadowOnly true\n  */\n  justify-content: var(--zg-caption-toolbar-justify-content, flex-start);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-left\n  * @description Sets the left of caption toolbar. To apply, set --zg-caption-toolbar-position.\n  * @see left\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/S4O1P9G5\n  * @shadowOnly false\n  * @storyAlert recommended:--zg-caption-toolbar-position:relative\n  */\n  left: var(--zg-caption-toolbar-left, auto);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-margin\n  * @description Sets the margin of caption toolbar\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/KZJX7TLX\n  * @shadowOnly true\n  */\n  margin: var(--zg-caption-toolbar-margin, 0);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-position\n  * @description Sets the position of caption toolbar\n  * @see position\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/QHJA4VIJ\n  * @shadowOnly true\n  */\n  position: var(--zg-caption-toolbar-position);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-right\n  * @description Sets the right of caption toolbar. To apply, set --zg-caption-toolbar-position.\n  * @see right\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/4YMLUW88\n  * @shadowOnly true\n  * @storyAlert recommend:--zg-caption-toolbar-position:relative\n  */\n  right: var(--zg-caption-toolbar-right, auto);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-top\n  * @description Sets the top of caption toolbar. To apply, set --zg-caption-toolbar-position.\n  * @see top\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/RFUEEGAP\n  * @shadowOnly true\n  * @storyAlert recommend:--zg-caption-toolbar-position:relative\n  */\n  top: var(--zg-caption-toolbar-top, auto);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-transform\n  * @description Sets the transform of caption toolbar\n  * @see transform\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/CM2ERTMS\n  * @shadowOnly true\n  */\n  transform: var(--zg-caption-toolbar-transform, none);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-width\n  * @description Sets the width of caption toolbar\n  * @see width\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/MGC5Q8CR\n  * @shadowOnly true\n  */\n  width: var(--zg-caption-toolbar-width, auto);\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* DAVE - Moving this from zg-button has the search button in a weird position   Put search on a grid and you will see */\n\n/* ZG-BUTTON */\n:host ::slotted(zg-button) {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-button-background\n  * @description Styles the background of button in caption\n  * @default var(--zg-button-background)\n  * @demoLink https://app.zingsoft.com/demos/create/TJF6WCKE\n  * @see background\n  * @shadowOnly false\n  */\n  background: var(--zg-caption-button-background, var(--zg-button-background));\n  color: var(--zg-caption-button-color, var(--zg-button-color));\n  display: inline-flex;\n  height: 100%;\n  padding-left: 5px;\n  padding-right: 5px;\n}\n:host ::slotted(zg-button:focus) {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-button-background_focus\n  * @description Styles the background of button in caption when the button is in a `focus` state\n  * @default var(--zg-caption-button-background, var(--zg-button-background))\n  * @demoLink https://app.zingsoft.com/demos/create/BSNFWAC2\n  * @see background\n  * @shadowOnly false\n  */\n  background: var(--zg-caption-button-background_focus, var(--zg-button-background_focus, var(--zg-caption-button-background, var(--zg-button-background))));\n  color: var(--zg-caption-button-color_focus, var(--zg-caption-button-color, var(--zg-button-color_focus, var(--zg-button-color))));\n}\n:host ::slotted(zg-button:hover) {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-button-background_hover\n  * @description Styles the background of button in caption when the button is in a `hover` state\n  * @default var(--zg-caption-button-background, var(--zg-button-background))\n  * @demoLink https://app.zingsoft.com/demos/create/2C4I6L8Q\n  * @see background\n  * @shadowOnly false\n  */\n  background: var(--zg-caption-button-background_hover, var(--zg-button-background_hover, var(--zg-caption-button-background, var(--zg-button-background))));\n  color: var(--zg-caption-button-color_hover, var(--zg-caption-button-color, var(--zg-button-color_hover, var(--zg-button-color))));\n}\n\n:host ::slotted(zg-button:active) {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-button-background_active\n  * @description Styles the background of button in caption when the button is in an `active` state\n  * @default var(--zg-caption-button-background, var(--zg-button-background))\n  * @demoLink https://app.zingsoft.com/demos/create/RAU1QDPS\n  * @see background\n  * @shadowOnly false\n  */\n  background: var(--zg-caption-button-background_active, var(--zg-button-background_active, var(--zg-caption-button-background, var(--zg-button-background))));\n  color: var(--zg-caption-button-color_active, var(--zg-caption-button-color, var(--zg-button-color_active, var(--zg-button-color))));\n}\n\n\n/* CUSTOM USER BUTTON */\n:host ::slotted(zg-button:not([action])) {\n  background: var(--zg-caption-button-background_custom, var(--zg-caption-button-background, var(--zg-button-background_custom, var(--zg-button-background))));\n  color: var(--zg-caption-button-color_custom, var(--zg-caption-button-color, var(--zg-button-color_custom, var(--zg-button-color))));\n}\n:host ::slotted(zg-button:not([action]):focus) {\n  background: var(--zg-caption-button-background_custom_focus, var(--zg-caption-button-background_focus, var(--zg-button-background_custom_focus, var(--zg-button-background_focus, var(--zg-caption-button-background_custom, var(--zg-caption-button-background, var(--zg-button-background_custom, var(--zg-button-background))))))));\n  color: var(--zg-caption-button-color_custom_focus, var(--zg-caption-button-color_focus, var(--zg-button-color_custom_focus, var(--zg-button-color_focus, var(--zg-button-color)))));\n}\n:host ::slotted(zg-button:not([action]):hover) {\n  background: var(--zg-caption-button-background_custom_hover, var(--zg-caption-button-background_hover, var(--zg-button-background_custom_hover, var(--zg-button-background_hover, var(--zg-caption-button-background_custom, var(--zg-caption-button-background, var(--zg-button-background_custom, var(--zg-button-background))))))));\n  color: var(--zg-caption-button-color_custom_hover, var(--zg-caption-button-color_hover, var(--zg-button-color_custom_hover, var(--zg-button-color_hover,var( --zg-button-color)))));\n}\n:host ::slotted(zg-button:not([action]):active) {\n  background: var(--zg-caption-button-background_custom_active, var(--zg-caption-button-background_active, var(--zg-button-background_custom_active, var(--zg-button-background_active, var(--zg-caption-button-background_custom, var(--zg-caption-button-background, var(--zg-button-background_custom, var(--zg-button-background))))))));\n  color: var(--zg-caption-button-color_custom_active, var(--zg-caption-button-color_active, var(--zg-button-color_custom_active, var(--zg-button-color_active, var(--zg-button-color)))));\n}\n\n\n/* INTERNAL BUTTON */\n:host ::slotted(zg-button[action]:hover) {\n  background: var(--zg-caption-button-background_hover, var(--zg-button-background_hover));\n}\n\n:host ::slotted(zg-search) {\n  display: inline-flex;\n  height: 100%;\n}\n\n/* DYNAMIC\n-------------------------------------- */\n.enabled { display:inline-block !important; }",""])},68728:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-background_layout_card\n  * @description Styles the background of cards in 'card' layout-mode\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/BEYZ88MV\n  * @shadowOnly false\n  */\n  background: var(--zg-cell-background_layout_card);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-border_layout_card\n  * @description Styles the border of cards in 'card' layout-mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/U0CW9K8N\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-border-bottom_layout_card\n  * @description Styles the bottom border of cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FGN7V34Y\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-cell-border-bottom_layout_card, var(--zg-cell-border_layout_card, 0));\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-border-left_layout_card\n  * @description Styles the left border of cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/BPYBZ5YQ\n  * @shadowOnly false\n  */\n  border-left: var(--zg-cell-border-left_layout_card, var(--zg-cell-border_layout_card, 0));\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-border-right_layout_card\n  * @description Styles the right border of cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/CK9N7ZQV\n  * @shadowOnly false\n  */\n  border-right: var(--zg-cell-border-right_layout_card, var(--zg-cell-border_layout_card, 0));\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-border-top_layout_card\n  * @description Styles the top border of cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/7Y7BXZCF\n  * @shadowOnly false\n  */\n  border-top: var(--zg-cell-border-top_layout_card, var(--zg-cell-border_layout_card, 0));\n  box-sizing: border-box;\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-color_layout_card\n  * @description Sets the font color of cards in 'card' layout-mode\n  * @see color\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/X2B23BUZ\n  * @shadowOnly false\n  */\n  color: var(--zg-cell-color_layout_card, inherit);\n  display: block;\n  flex: 1;\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-font-family_layout_card\n  * @description Sets the font family of cards in 'card' layout-mode\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/O9LB0E7K\n  * @shadowOnly false\n  */\n  font-family: var(--zg-cell-font-family_layout_card, inherit);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-font-size_layout_card\n  * @description Sets the font size of cards in 'card' layout-mode\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/FN82MG62\n  * @shadowOnly false\n  */\n  font-size: var(--zg-cell-font-size_layout_card, inherit);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-font-style_layout_card\n  * @description Sets the font family of cards in 'card' layout-mode\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/OOAIYJ3A\n  * @shadowOnly false\n  */\n  font-style: var(--zg-cell-font-style_layout_card, inherit);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-font-weight_layout_card\n  * @description Sets the font weight of cards in 'card' layout-mode\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/HG4U54X7\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-cell-font-weight_layout_card, inherit);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-height_layout_card\n  * @description Sets the height of cards in 'card' layout-mode\n  * @see height\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/363ZH0L0\n  * @shadowOnly false\n  */\n  height: var(--zg-cell-height_layout_card, auto);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-line-height_layout_card\n  * @description Sets the line height of cards in 'card' layout-mode\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/GNXXL0I8\n  * @shadowOnly false\n  */\n  line-height: var(--zg-cell-line-height_layout_card, inherit);\n  overflow: hidden;\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-padding_layout_card\n  * @description Sets the padding of cards in 'card' layout-mode\n  * @see padding\n  * @default var(--theme-padding_y) var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/NLQRJG8E\n  * @shadowOnly false\n  */\n  padding: var(--zg-cell-padding_layout_card, var(--theme-padding_y) var(--theme-padding_x));\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-transition_layout_card\n  * @description Sets the transition of cards in 'card' layout-mode\n  * @see transition\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/EP738THM\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  transition: var(--zg-cell-transition_layout_card);\n  user-select: none;\n  width: 100%;\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-word-break_layout_card\n  * @description Sets the word break of items in cards in 'card' layout-mode\n  * @see word-break\n  * @default break-all\n  * @demoLink https://app.zingsoft.com/demos/create/8M5I3J8P\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  word-break: var(--zg-cell-word-break_layout_card, break-all);\n}\n\n/* Hide if 'hidden' attribute applied */\n:host([hidden]) {\n  display: none !important;\n}\n\n/* 'Remove Record' Cell */\n:host([type=\"remover\"]) {\n  text-align: right;\n}\n\n/* WHEN EDIT-ROW BUTTONS IN SAME CELL */\n:host([edit-row-buttons-one-cell]) {\n  padding-left: 0;\n  padding-right: 0;\n}\n:host([edit-row-buttons-one-cell]) ::slotted([data-field-index]) {\n  display: flex;\n} ",""])},53875:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* HOST\n-------------------------------------- */\n:host {\n  --cell-overflow-background-color: var(--zing-grid-background);\n  --cell-overflow-border-color: var(--theme-border-color);\n}\n\n/* Type: Default */\n:host {\n  background: var(--cell-overflow-background-color);\n  border: 1px solid var(--cell-overflow-border-color);\n  display: block;\n  line-height: initial;\n  pointer-events: auto;\n  position: absolute;\n  z-index: 11;\n}\n\n:host([hidden]) {\n  visibility: hidden;\n  pointer-events: none;\n}\n",""])},77065:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background\n  * @description Styles the background of cells\n  * @see background\n  * @default var(--zg-cell-background)\n  * @demoLink https://app.zingsoft.com/demos/create/FPS1Y1BU\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background_layout_row\n  * @description Styles the background of cells in \'row\' layout-mode\n  * @see background\n  * @default var(--zg-cell-background)\n  * @demoLink https://app.zingsoft.com/demos/create/OB4ZAO0E\n  * @shadowOnly false\n  */\n  background: var(--zg-cell-background_layout_row, var(--zg-cell-background));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border\n  * @description Styles the border of cells\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/5IAJRJAX\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-bottom\n  * @description Styles the bottom border of cells\n  * @see border\n  * @default var(--zg-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/6W1MBMS5\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border_layout_row\n  * @description Styles the border of cells in \'row\' layout-mode\n  * @see border\n  * @default var(--zg-cell-border-bottom, var(--zg-cell-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/VUY7YJN0\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-bottom_layout_row\n  * @description Styles the bottom border of cells in \'row\' layout-mode\n  * @see border\n  * @default var(--zg-cell-border_layout_row, var(--zg-cell-border-bottom, var(--zg-cell-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/CBCRNIEW\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-cell-border-bottom_layout_row, var(--zg-cell-border_layout_row, var(--zg-cell-border-bottom, var(--zg-cell-border, 0))));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-left\n  * @description Styles the left border of cells\n  * @see border\n  * @default var(--zg-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/D7KFKEG9\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-left_layout_row\n  * @description Styles the left border of cells in \'row\' layout-mode\n  * @see border\n  * @default var(--zg-cell-border_layout_row, var(--zg-cell-border-left, var(--zg-cell-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/09D81J37\n  * @shadowOnly false\n  */\n  border-left: var(--zg-cell-border-left_layout_row, var(--zg-cell-border_layout_row, var(--zg-cell-border-left, var(--zg-cell-border, 0))));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-right\n  * @description Styles the right border of cells\n  * @see border\n  * @default var(--zg-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/I1HTZ8O9\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-right_layout_row\n  * @description Styles the right border of cells in \'row\' layout-mode\n  * @see border\n  * @default var(--zg-cell-border_layout_row, var(--zg-cell-border-right, var(--zg-cell-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/38MHHLP7\n  * @shadowOnly false\n  */\n  border-right: var(--zg-cell-border-right_layout_row, var(--zg-cell-border_layout_row, var(--zg-cell-border-right, var(--zg-cell-border, 0))));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-top\n  * @description Styles the top border of cells\n  * @see border\n  * @default var(--zg-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/5LO8GANO\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-top_layout_row\n  * @description Styles the top border of cells in \'row\' layout-mode\n  * @see border\n  * @default var(--zg-cell-border_layout_row, var(--zg-cell-border-top, var(--zg-cell-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/7MVAC7VQ\n  * @shadowOnly false\n  */\n  border-top: var(--zg-cell-border-top_layout_row, var(--zg-cell-border_layout_row, var(--zg-cell-border-top, var(--zg-cell-border, 0))));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color\n  * @description Styles font color of text in cells\n  * @see color\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/W7Z4EQX7\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color_layout_row\n  * @description Styles font color of text in cells in \'row\' layout-mode\n  * @see color\n  * @default var(--zg-cell-color, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/4L4VCAVC\n  * @shadowOnly false\n  */\n  color: var(--zg-cell-color_layout_row, var(--zg-cell-color, inherit));\n  display: table-cell;\n  flex: 1;\n  /* CS THIS HAS TO BE REMOVED BEFORE LAUNCHING FIND OTHER SOLUTION */\n  -position: relative;\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-family\n  * @description Sets the font family in cells\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/FBT1I49W\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-family_layout_row\n  * @description Sets the font family in cells in \'row\' layout-mode\n  * @see font-family\n  * @default var(--zg-cell-font-family, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/WEF8KGXB\n  * @shadowOnly false\n  */\n  font-family: var(--zg-cell-font-family_layout_row, var(--zg-cell-font-family, inherit));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-size\n  * @description Sets the font size in cells\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/5VXTAUSO\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-size_layout_row\n  * @description Sets the font size in cells in \'row\' layout-mode\n  * @see font-size\n  * @default var(--zg-cell-font-size, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/9NBFBSO0\n  * @shadowOnly false\n  */\n  font-size: var(--zg-cell-font-size_layout_row, var(--zg-cell-font-size, inherit));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-style\n  * @description Sets the font style in cells\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/MBBRNXUX\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-style_layout_row\n  * @description Sets the font style in cells in \'row\' layout-mode\n  * @see font-style\n  * @default var(--zg-cell-font-style, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/LJYPK43Z\n  * @shadowOnly false\n  */\n  font-style: var(--zg-cell-font-style_layout_row, var(--zg-cell-font-style, inherit));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-weight\n  * @description Sets the font weight in cells\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/C8CHJ5SG\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-weight_layout_row\n  * @description Sets the font weight in cells in \'row\' layout-mode\n  * @see font-weight\n  * @default var(--zg-cell-font-weight, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/4FCZ5S1K\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-cell-font-weight_layout_row, var(--zg-cell-font-weight, inherit));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-height\n  * @description Sets height of cells\n  * @see height\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/0ADC78MI\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-height_layout_row\n  * @description Sets height of cells in \'row\' layout-mode\n  * @see height\n  * @default var(--zg-cell-height, auto)\n  * @demoLink https://app.zingsoft.com/demos/create/2I7KY86Q\n  * @shadowOnly false\n  */\n  height: var(--zg-cell-height_layout_row, var(--zg-cell-height, auto));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-line-height\n  * @description Sets line height of cells\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/13BR35NS\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-line-height_layout_row\n  * @description Sets line height of cells in \'row\' layout-mode\n  * @see line-height\n  * @default var(--zg-cell-line-height, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/V1O45PMA\n  * @shadowOnly false\n  */\n  line-height: var(--zg-cell-line-height_layout_row, var(--zg-cell-line-height, inherit));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-padding\n  * @description Sets padding of cells\n  * @see padding\n  * @default var(--theme-padding_y) var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/L55WT5PW\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-padding_layout_row\n  * @description Sets padding of cells in \'row\' layout-mode\n  * @see padding\n  * @default var(--zg-cell-padding, var(--theme-padding_y) var(--theme-padding_x))\n  * @demoLink https://app.zingsoft.com/demos/create/LXJRGOVN\n  * @shadowOnly false\n  */\n  padding: var(--zg-cell-padding_layout_row, var(--zg-cell-padding, var(--theme-padding_y) var(--theme-padding_x)));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-transition\n  * @description Sets the transition of cells\n  * @see transition\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/XB0M7RTK\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-transition_layout_row\n  * @description Sets the transition of cells in \'row\' layout-mode\n  * @see transition\n  * @default var(--zg-cell-transition)\n  * @demoLink https://app.zingsoft.com/demos/create/KNVU6GWJ\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  transition: var(--zg-cell-transition_layout_row, var(--zg-cell-transition));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-vertical-align\n  * @description Sets vertical alignment of items in cells\n  * @see vertical-align\n  * @default middle\n  * @demoLink https://app.zingsoft.com/demos/create/IRBQ32WL\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-vertical-align_layout_row\n  * @description Sets vertical alignment of items in cells in \'row\' layout-mode\n  * @see vertical-align\n  * @default var(--zg-cell-vertical-align, middle)\n  * @demoLink https://app.zingsoft.com/demos/create/4FFXFDKI\n  * @shadowOnly false\n  */\n  vertical-align: var(--zg-cell-vertical-align_layout_row, var(--zg-cell-vertical-align, middle));\n  box-sizing: border-box;\n}\n\n/*  This was previously under :host, but it broke the tooltips of the edit/delete cells */\n:host(:not([button-tooltip])) {\n  overflow: hidden;\n}\n\n\n:host(:hover) {\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background_hover\n  * @description Styles the background of cells on hover\n  * @see background\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/RT19PJTK\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background_hover_layout_row\n  * @description Styles the background of cells in \'row\' layout-mode on hover\n  * @see background\n  * @default var(--zg-cell-background_hover)\n  * @demoLink https://app.zingsoft.com/demos/create/K3W62J0D\n  * @shadowOnly false\n  */\n  background: var(--zg-cell-background_hover_layout_row, var(--zg-cell-background_hover));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color_hover\n  * @description Styles font color of cells on hover\n  * @see color\n  * @default var(--zg-cell-color)\n  * @demoLink https://app.zingsoft.com/demos/create/KSG94XLN\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color_hover_layout_row\n  * @description Styles font color of cells in \'row\' layout-mode on hover\n  * @see color\n  * @default var(--zg-cell-color_hover, var(--zg-cell-color))\n  * @demoLink https://app.zingsoft.com/demos/create/0VCGU2R9\n  * @shadowOnly false\n  */\n  color: var(--zg-cell-color_hover_layout_row, var(--zg-cell-color_hover, var(--zg-cell-color)));\n}\n\n/* Hide if \'hidden\' attribute applied */\n:host([hidden]) {\n  display: none !important;\n}\n:host([cell-break-prep]) {\n  /* word-break: break-word; */\n  white-space: nowrap;\n}\n\n/* \'Selector\' checkbox Cell */\n/* Remove padding so we can add to the inner checkbox instead (for better mobile hitbox) */\n/* See `:ost-context(zg-cell[type="selector"])` in ZGCheckbox.css */\n:host([type="selector"]) {\n  padding: 0 !important;\n}\n\n/* TYPE: BUTTON */\n/* Must explicitly unset `appearance` to avoid overrides from Bootstrap framework */\n:host([type="button"]) {\n  appearance: unset !important;\n}\n\n/* TYPE: TOGGLE */\n/* Show `cursor:pointer` for cells you can toggle on click */\n:host([type="toggle"]) ::slotted([data-field-index]) {\n  cursor: pointer;\n}\n\n\n/* If the cell is in the foot row */\n/* Inner Cell Wrapper */\n:host([rowfooter]){\n  display: table-cell;\n  width: 100%;\n  -overflow: hidden;\n  white-space: nowrap;\n  -z-index: 1;\n}\n\n/* Inner Wrapper */\n:host([rowfooter]) div {\n  align-items: center;\n  display: inline-flex;\n  height: 100%;\n  justify-content: flex-start;\n  vertical-align: middle;\n  overflow: hidden;\n  white-space: nowrap;\n  width: 100%;\n}\n\n/* Cell Text */\n:host([rowfooter]) ::slotted([data-field-index]) {\n  /* line-height: 1; */\n  -z-index: 1;\n}\n\n/* If the cell is currently sorted */\n:host([sorted]) {\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background_sorted\n  * @description Styles the background of cells in sorted column\n  * @see background\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/DNFOJBRU\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background_layout_row_sorted\n  * @description Styles the background of cells in sorted column in \'row\' layout-mode\n  * @see background\n  * @default var(--zg-cell-background_sorted)\n  * @demoLink https://app.zingsoft.com/demos/create/EM0YQ90M\n  * @shadowOnly false\n  */\n  background: var(--zg-cell-background_layout_row_sorted, var(--zg-cell-background_sorted));\n  border-top: var(--zg-cell-border-top_sorted, var(--zg-cell-border-top_layout_row, var(--zg-cell-border-top, var(--zg-cell-border))));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color_sorted\n  * @description Sets the font color of cells in sorted column\n  * @default var(--zg-cell-color)\n  * @demoLink https://app.zingsoft.com/demos/create/427LWHVI\n  * @see color\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color_layout_row_sorted\n  * @description Sets the font color of cells in sorted column in \'row\' layout-mode\n  * @default var(--zg-cell-color_sorted, var(--zg-cell-color))\n  * @demoLink https://app.zingsoft.com/demos/create/64ZKT87T\n  * @see color\n  * @shadowOnly false\n  */\n  color: var(--zg-cell-color_layout_row_sorted, var(--zg-cell-color_sorted, var(--zg-cell-color)));\n}\n\n/* WHEN EDIT-ROW BUTTONS IN SAME CELL */\n:host([edit-row-buttons-one-cell]) {\n  padding-left: 0;\n  padding-right: 0;\n}\n:host([edit-row-buttons-one-cell]) ::slotted([data-field-index]) {\n  display: flex;\n}\n\n\n/* CELL-BREAK STYLING\n-------------------------------------- */\n/* \n  Add [cell-break="xxxx"] to ZG or ZGColumn to set how \n  overflow content behaves inside a body cell.\n*/\n:host(:not([cell-break]):not([type="iframe"]):not([type="selector"]):not([data-control-field])) ::slotted([data-field-label]) {\n  display: var(--zg-cell-label-display_layout_card, block);\n  white-space: normal;\n}\n:host(:not([cell-break]):not([cell-break-prep]):not([rowfooter]):not([rowheader]):not([type="iframe"]):not([type="row-group"]):not([type="selector"])) ::slotted([data-field-index]) {\n  display: inline-block;\n  white-space: normal;\n}\n\n:host([type="row-group"][align="center"]:not([layout="card"])) ::slotted([data-field-index]) {\n  justify-content: center;\n}\n:host([type="row-group"][align="right"]:not([layout="card"])) ::slotted([data-field-index]) {\n  justify-content: end;\n}\n:host([cell-break="ellipsis"]:not([data-control-field])) ::slotted([data-field-label]),\n:host([cell-break="ellipsis"]:not([data-control-field]):not([button-tooltip])) ::slotted([data-field-index]) {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n:host([cell-break="all"]) ::slotted([data-field-label]),\n:host([cell-break="all"]) ::slotted([data-field-index]) {\n  white-space: normal;\n  word-break: break-all;\n}\n:host([cell-break="normal"]) ::slotted([data-field-label]),\n:host([cell-break="normal"]) ::slotted([data-field-index]) {\n  white-space: normal;\n  word-break: normal;\n}\n:host([cell-break="word"]) ::slotted([data-field-label]),\n:host([cell-break="word"]) ::slotted([data-field-index]) {\n  white-space: normal;\n  overflow-wrap: break-word;\n}\n\n:host([type="row-group"]:not([layout="card"])) ::slotted([data-field-index]) {\n  display: flex;\n  align-items: center;\n  white-space: normal;\n}\n\n/* This breaks tooltips when the alignment is to the right or center. */\n:host(:not([layout="card"])) ::slotted([data-field-index]) {\n  -width:100%;\n}\n\n\n/* Always hide the overflow on the frozen columns */\n:host([frozen]:not([data-control-field]):not([button-tooltip])) {\n  overflow: hidden;\n}\n\n:host([frozen-row]) ::slotted([data-field-index]) {\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n\n/* SLOTTED CONTENT\n-------------------------------------- */\n\n/* Don\'t show in row mode, either by default viewport or if [layout="row"] manually added */\n:host ::slotted([data-field-label]) {\n  display: none;\n}\n\n/* LAYOUT: CARD\n-------------------------------------- */\n/* THE SLOTTED CELL INDEX LABEL */\n:host([layout="card"]) ::slotted([data-field-label]) {\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-color_layout_card\n  * @description Sets font color of label in cards in \'card\' layout-mode\n  * @see color\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/WLX26P3Q\n  * @shadowOnly false\n  */\n  color: var(--zg-cell-label-color_layout_card, var(--theme-color-primary));\n  content: attr(text);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-display_layout_card\n  * @description Sets the display of label in cards in \'card\' layout-mode\n  * @default flex\n  * @see display\n  * @demoLink https://app.zingsoft.com/demos/create/VJ2V5JBW\n  */\n  display: var(--zg-cell-label-display_layout_card, flex);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-font-size_layout_card\n  * @description Sets font size of label in cards in \'card\' layout-mode\n  * @see font-size\n  * @default 85%\n  * @demoLink https://app.zingsoft.com/demos/create/9M0IV26C\n  * @shadowOnly false\n  */\n  font-size: var(--zg-cell-label-font-size_layout_card, 85%);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-margin_layout_card\n  * @description Sets the margin of label in cards in \'card\' layout-mode\n  * @see margin\n  * @default 0 0 2px\n  * @demoLink https://app.zingsoft.com/demos/create/4YSN75PR\n  * @shadowOnly false\n  */\n  margin: var(--zg-cell-label-margin_layout_card, 0 0 2px);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-overflow_layout_card\n  * @description Sets the overflow of label in cards in \'card\' layout-mode\n  * @default Browser\'s default value\n  * @see overflow\n  * @demoLink https://app.zingsoft.com/demos/create/RW2Y5KUP\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  overflow: var(--zg-cell-label-overflow_layout_card);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-transform_layout_card\n  * @description Sets transform of label in cards in \'card\' layout-mode\n  * @see transform\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/7HNBULB8\n  * @shadowOnly false\n  */\n  transform: var(--zg-cell-label-transform_layout_card);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-font-weight_layout_card\n  * @description Sets font weight of label in cards in \'card\' layout-mode\n  * @see font-weight\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/SW2D92C5\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-cell-label-font-weight_layout_card);\n  text-transform: capitalize;\n}\n\n/* THE SLOTTED CELL CONTENTS */\n:host([layout="card"]) ::slotted([data-field-index]) {\n  align-items: center;\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-border_layout_card\n  * @description Styles the border of card items in \'card\' layout-mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/PL7XVRO6\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-border-bottom_layout_card\n  * @description Styles the bottom border of card items in \'card\' layout-mode\n  * @see border\n  * @default var(--zg-cell-content-border_layout_card, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/67415UAZ\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-cell-content-border-bottom_layout_card, var(--zg-cell-content-border_layout_card, 0));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-border-left_layout_card\n  * @description Styles the left border of card items in \'card\' layout-mode\n  * @see border\n  * @default var(--zg-cell-content-border_layout_card, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/KJY3M0EU\n  * @shadowOnly false\n  */\n  border-left: var(--zg-cell-content-border-left_layout_card, var(--zg-cell-content-border_layout_card, 0));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-border-right_layout_card\n  * @description Styles the right border of card items in \'card\' layout-mode\n  * @see border\n  * @default var(--zg-cell-content-border_layout_card, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/UL1AANE2\n  * @shadowOnly false\n  */\n  border-right: var(--zg-cell-content-border-right_layout_card, var(--zg-cell-content-border_layout_card, 0));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-border-top_layout_card\n  * @description Styles the top border of card items in \'card\' layout-mode\n  * @see border\n  * @default var(--zg-cell-content-border_layout_card, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/S1QU5P5C\n  * @shadowOnly false\n  */\n  border-top: var(--zg-cell-content-border-top_layout_card, var(--zg-cell-content-border_layout_card, 0));\n  display: flex;\n  flex-basis: 100%;\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-font-size_layout_card\n  * @description Sets the font size of cards in \'card\' layout-mode\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/YUH3FMTN\n  * @shadowOnly false\n  */\n  font-size: var(--zg-cell-content-font-size_layout_card, inherit);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-padding_layout_card\n  * @description Sets the padding of cards in \'card\' layout-mode\n  * @see padding\n  * @default 3px 0\n  * @demoLink https://app.zingsoft.com/demos/create/FRM4C9ZH\n  * @shadowOnly false\n  */\n  padding: var(--zg-cell-content-padding_layout_card, 3px 0);\n}\n\n/* Hide labels of control columns in card mode */\n:host([layout="card"][data-control-field]) ::slotted([data-field-label]) {\n  display: none;\n}\n\n/* Control Cells */\n:host([layout="card"][data-control-field]) ::slotted([data-field-index]) {\n  --zg-cell-content-padding_layout_card: 0;\n  /* display: flex;\n  align-items: center;\n  height: 100%; */\n}\n\n/* SHARED BETWEEN ALL \'RECORD\' CONTROLS */\n:host([layout="card"][data-control-field]) {\n  position: absolute;\n  top: 0;\n}\n/* Do not add :before labels for non-grid data cells (buttons, checkboxes, etc.) */\n:host([layout="card"][data-control-field]):before {\n  display: none;\n}\n\n/* \'SELECT CARD\' CHECKBOX */\n:host([layout="card"][type="selector"]) {\n  top: 2px;\n  height: 38px;\n  left: 5px;\n}\n/* When it comes AFTER \'row-number\' */\n:host([layout="card"][data-control-field*="row-number,selector"][type="selector"]) {\n  left: 25px;\n}\n\n:host([layout="card"][type="selector"]) ::slotted([data-field-index]) {\n  border:0;\n}\n\n/* \'ROW NUMBER\' LABEL */\n:host([layout="card"][type="row-number"]) {\n  --zg-row-card-cell-padding: 4px;\n  left: 28px;\n  top: 2px;\n}\n:host([layout="card"][type="row-number"]) ::slotted([data-field-index]) {\n  display: flex !important;\n  align-items: center;\n  height: 28px;\n}\n\n/*  \'INFO\' ICON */\n:host([layout="card"][type="info"]) {\n  --zg-row-card-cell-padding: 4px;\n  left: 5px;\n  top: 2px;\n}\n:host([layout="card"][type="info"]) ::slotted([data-field-index]) {\n  display: flex !important;\n  align-items: center;\n  height: 28px;\n}\n\n/*  We need to move the info icon if row-number and/or selector are also set */\n:host([layout="card"][data-control-field*="row-number"][data-control-field*="info"][type="info"]),\n:host([layout="card"][data-control-field*="selector"][data-control-field*="info"][type="info"]) {\n  left: 25px;\n}\n\n:host([layout="card"][data-control-field*="row-number"][data-control-field*="selector"][data-control-field*="info"][type="info"]) {\n  left: 45px;\n}\n\n/* Need to adjust positions based on which buttons are present.\n   Buttons are editor, remover, duplicate\n   Positions are from right: 10, 36, 62\n   If min-width 768, positions are 0, 26, 52 */\n\n/* \'EDIT CARD\' BUTTON */\n:host([layout="card"][type="editor"]) {\n  margin-top: 5px;\n  right: 10px;\n}\n:host([layout="card"][data-control-field*="remover"][type="editor"]) {\n  right: 36px;\n}\n:host([layout="card"][data-control-field*="duplicate"][type="editor"]) {\n  right: 36px;\n}\n:host([layout="card"][data-control-field*="remover"][data-control-field*="duplicate"][type="editor"]) {\n  right: 62px;\n}\n@media (min-width:768px) {\n  :host([layout="card"][type="editor"]) {\n    right: 0px;\n  }\n  :host([layout="card"][data-control-field*="remover"][type="editor"]) {\n    right: 26px;\n  }\n  :host([layout="card"][data-control-field*="duplicate"][type="editor"]) {\n    right: 26px;\n  }\n  :host([layout="card"][data-control-field*="remover"][data-control-field*="duplicate"][type="editor"]) {\n    right: 52px;\n  }\n}\n:host([layout="card"][type="editor"]) ::slotted([data-field-index]) {\n  border:0;\n}\n\n/* \'DELETE CARD\' BUTTON */\n:host([layout="card"][type="remover"]) {\n  right: 10px;\n  margin-top: 5px;\n}\n:host([layout="card"][data-control-field*="duplicate"][type="remover"]) {\n  right: 36px;\n}\n\n@media (min-width:768px) {\n  :host([layout="card"][type="remover"]) {\n    right: 0;\n  }\n  :host([layout="card"][data-control-field*="duplicate"][type="remover"]) {\n    right: 26px;\n  }\n}\n:host([layout="card"][type="remover"]) ::slotted([data-field-index]) {\n  border:0;\n}\n\n/* \'DUPLICATE CARD BUTTON\' */\n:host([layout="card"][type="duplicate"]) {\n  right: 10px;\n  margin-top: 5px;\n}\n\n@media (min-width:768px) {\n  :host([layout="card"][type="duplicate"]) {\n    right: 0px;\n  }\n}\n\n/* Style the cell if it is in the dirty editor state */\n:host(.cell-dirty-edit:not(.cell-active-edit)) {\n  position: relative;\n}\n\n:host(.cell-dirty-edit:not(.cell-active-edit)):after{\n  content: "";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 0;\n  height: 0;\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-cell-dirty-edit-border-width\n  * @description Sets the border width of the dirty cell marker\n  * @see border-width\n  * @default 7px\n  * @demoLink https://app.zingsoft.com/demos/create/U90FN6VL\n  * @shadowOnly false\n  */\n  border-width: var(--zg-cell-dirty-edit-border-width, 7px);\n  border-style: solid;\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-cell-dirty-edit-border-color\n  * @description Sets the color of the dirty cell marker\n  * @see border-color\n  * @default red;\n  * @demoLink https://app.zingsoft.com/demos/create/9DTR8P0D\n  * @shadowOnly false\n  */\n  border-color: var(--zg-cell-dirty-edit-border-color, red) transparent transparent var(--zg-cell-dirty-edit-border-color, red);\n}\n\n/* Style the current column that is being reordered with `[column-drag]` */\n:host(.is-reordering) {\n  background: var(--theme-background-color);\n}\n\n::slotted([has-details]) {\n  cursor: pointer;\n  color:blue;\n  text-decoration:underline;\n}\n',""])},59427:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n    /* LOCAL REUSE */\n    --local-checkbox-height: 18px;\n    --local-checkbox-width: 18px;\n\n    /* STYLE HOST */\n    align-items: center;\n    cursor: pointer;\n    display: flex;\n    line-height: 0;\n    user-select: none;\n    white-space: nowrap;\n    -webkit-tap-highlight-color: transparent;\n}\n:host(:focus) {\n    outline: var(--zg-button-focus);\n}\n:host([hidden]) {\n    display: none !important;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Text */\n#text { display:none; }\n:host([hastext]) #text {\n    color: var(--theme-color-primary);\n    display:block;\n    font-size: 90%;\n    margin-left:5px;\n}\n\n/* WHEN SLOTTED INTO OTHER COMPONENTS\n---------------------------------------- */\n/* SELECTOR CHECKBOX */\n/* \n  Note: using `:not([layout="card"])` instead of `[layout="row"]` b/c [layout] can be omitted \n  (default is row-mode), and the browser will interpret it as `[layout="reset"]` instead.\n*/\n/* IN ZG-HEAD, LAYOUT: ROW */\n:host([parent="head"]:not([layout="card"])) {\n  height: 100%;\n  padding: 0 var(--theme-padding_x);\n}\n/* IN ZG-BODY, LAYOUT: ROW */\n:host([parent="body"]:not([layout="card"])) {\n  box-sizing: border-box;\n  height: 100%;\n  min-height: var(--zg-cell-selector-min-height_layout_row, 47px);\n  padding: 0 var(--theme-padding_x);\n  width: 100%;\n}\n/* IN ZG-BODY, LAYOUT: CARD */\n:host([parent="body"][layout="card"]) {\n  min-height: var(--zg-cell-selector-min-height_layout_card, 26px);\n  padding: 0;\n}\n:host([parent="cell"]:not([layout="card"])) {\n  box-sizing: border-box;\n  height: 100%;\n  min-height: var(--zg-cell-selector-min-height_layout_row, 47px);\n  width: 100%;\n}\n',""])},58221:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n    display: table-column-group;\n}\n:host([layout="card"]) {\n    display: block;\n}',""])},72383:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n/* The Column Resize Bar */\n:host {\n  align-items: center;\n  /**\n  * @memberof ZGColumnResize\n  * @var --zg-column-resize-background\n  * @description Sets the background of the resize handle\n  * @see background\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/GY8NY03F\n  * @shadowOnly false\n  */\n  background: var(--zg-column-resize-background, none);\n  border-radius: 2px;\n  color: var(--zg-column-resize-color);\n  cursor: ew-resize !important;\n  display: flex;\n  /**\n  * @memberof ZGColumnResize\n  * @var --zg-column-resize-height\n  * @description Sets the height of the resize handle\n  * @see height\n  * @default 40%\n  * @demoLink https://app.zingsoft.com/demos/create/18NKOWQO\n  * @shadowOnly false\n  */\n  height: var(--zg-column-resize-height, 50%);\n  justify-content: center;\n  position: absolute;\n  right: 15px;\n  /**\n  * @memberof ZGColumnResize\n  * @var --zg-column-resize-top\n  * @description Sets the top position of the resize handle\n  * @see top\n  * @default 30%\n  * @demoLink https://app.zingsoft.com/demos/create/02YVWHW2\n  * @shadowOnly false\n  */\n  top: var(--zg-column-resize-top, 25%);\n  /**\n  * @memberof ZGColumnResize\n  * @var --zg-column-resize-width\n  * @description Sets the width of the resize handle\n  * @see width\n  * @default 4px\n  * @demoLink https://app.zingsoft.com/demos/create/2BTZFOU2\n  * @shadowOnly false\n  */\n  width: var(--zg-column-resize-width, auto);\n}\n\n:host([dir="rtl"]) {\n  left: 15px;\n  right: unset;\n}\n\n/* When Pressed */\n:host(:active) {\n  background: var(--zg-column-resize-background_active, var(--theme-border-color));\n}\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n\n.zg-column-resize-handle zg-icon {\n  display: block;\n  height: 12px;\n  width: 12px;\n}\n\n.zg-column-resize-handle zg-icon svg {\n  fill: var(--zg-column-resize-color);\n}',""])},89536:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    display: table-column;\n}\n\n/* Hide if 'hidden' attribute applied */\n:host([hidden]) {\n    display: none;\n}\n\n\n/* Style the current column that is being reordered with `[drag]` */\n/* Hide if 'hidden' attribute applied */\n:host(.is-reordering) {\n  background: var(--theme-background-color);\n}\n\n/* Must explicitly unset `appearance` to avoid overrides from Bootstrap framework */\n:host([type=\"button\"]) {\n  appearance: unset !important;\n}\n\n",""])},11229:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  --zg-icon-color: var(--zg-control-bar-icon-color);\n\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-background\n  * @description Styles the background of control-bar\n  * @see background\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/8QU13CU5\n  * @shadowOnly true\n  */\n  background: var(--zg-control-bar-background);\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-border\n  * @description Styles the border of control-bar\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/A5JYDEGW\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-border-bottom\n  * @description Styles the bottom border of control-bar\n  * @see border\n  * @default var(--zg-control-bar-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/CWVOSQC7\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-control-bar-border-bottom, var(--zg-control-bar-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-border-left\n  * @description Styles the left border of control-bar\n  * @see border\n  * @default var(--zg-control-bar-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/QOCRCDUO\n  * @shadowOnly false\n  */\n  border-left: var(--zg-control-bar-border-left, var(--zg-control-bar-border, 0));\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-border-right\n  * @description Styles the right border of control-bar\n  * @see border\n  * @default var(--zg-control-bar-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/ZUGS5N4E\n  * @shadowOnly false\n  */\n  border-right: var(--zg-control-bar-border-right, var(--zg-control-bar-border, 0));\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-border-top\n  * @description Styles the top border of control-bar\n  * @see border\n  * @default var(--zg-control-bar-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/UBYLTINT\n  * @shadowOnly false\n  */\n  border-top: var(--zg-control-bar-border-top, var(--zg-control-bar-border, 0));\n  box-sizing: border-box;\n  display: block;\n  text-align: left;\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-margin\n  * @description Sets the margin of control-bar\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/S6MYCHEP\n  * @shadowOnly false\n  */\n  margin: var(--zg-control-bar-margin, 0);\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-min-height\n  * @description Sets the min-height of control bar\n  * @see min-height\n  * @default 30px\n  * @demoLink https://app.zingsoft.com/demos/create/9RT1IX7I\n  * @shadowOnly false\n  */\n  min-height: var(--zg-control-bar-min-height, 30px);\n /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-visibility\n  * @description Sets the visibility of component\n  * @see visibility\n  * @default visible\n  * @demoLink https://app.zingsoft.com/demos/create/NMVK94RD\n  * @shadowOnly false\n  */\n  visibility: var(--zg-control-bar-visibility, visible);\n\n  border-radius: var(--zg-control-bar-border-radius, 0);\n}\n/* Hide if it has [hidden] attribute */\n:host([hidden]) {\n  display: none;\n}\n\n/* Hide if it has [hidden] attribute */\n:host([hidden]) {\n  display: none;\n}\n\n/* SHADOW ELEMENT\n-------------------------------------- */\n/* Wrapper */\n.zg-control-bar {\n  align-items: center;\n  background: var(--zg-control-bar-background);\n  display: grid;\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-padding\n  * @description Sets the padding of control-bar\n  * @see padding\n  * @default 2px var(--theme-padding_x) 2px calc(var(--theme-padding_x) - 6px)\n  * @demoLink https://app.zingsoft.com/demos/create/WR596XPW\n  * @shadowOnly false\n  */\n  padding: var(--zg-control-bar-padding, 2px var(--theme-padding_x));\n  border-radius: var(--zg-control-bar-border-radius, 0);\n  grid-template-columns: fit-content(300px) 1fr fit-content(300px);\n}\n\n:host([layout="card"]) .zg-control-bar {\n  grid-template-columns: fit-content(75px) fit-content(300px) 1fr fit-content(300px);\n}\n\n.zg-control-bar-action {\n  /* min-width: 200px;*/\n  min-width: 160px;\n}\n\n/* \'Action\' Grouping - Select All, Delete All, etc. */\n.zg-control-bar-card-action {\n  align-items: center;\n  display: none;\n  margin-left: -14px;\n}\n:host([layout="card"]) .zg-control-bar-card-action {\n   display: flex; \n}\n\n/* \'Layout Type\' Grouping - Row or Card mode */\n.zg-control-bar-layout {\n  align-items: center;\n  display: flex;\n  flex: 1;\n  -grid-column: 3 / -1; /* Changed from 2 / -1 because once message moved to new row, this column would fill from col #2; we want from col #3 */\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-layout-justify-content\n  * @description Sets the horizontal alignment of contents in inner layout container\n  * @see justify-content\n  * @default flex-end\n  * @demoLink https://app.zingsoft.com/demos/create/RY0BD0RX\n  * @shadowOnly true\n  */\n  justify-content: var(--zg-control-bar-layout-justify-content, flex-end);\n  \n}\n.zg-control-bar-layout:before {\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-layout-content\n  * @description Sets the before \'content\' of inner layout container\n  * @see content\n  * @default ""\n  * @demoLink https://app.zingsoft.com/demos/create/MXM9N5T5\n  * @shadowOnly false\n  */\n  content: var(--zg-control-bar-layout-content, \'\');\n  font-size: 80%;\n  margin-left: -4px;\n  margin-right: 7px;\n}\n\n/* SLOTTED ELEMENTS\n---------------------------------------- */\n/* Select All cell */\n:host ::slotted(zg-checkbox) {\n  margin-left: 6px;\n  font-size: 90%;\n  transform: translateY(2.5px);\n}\n\n:host ::slotted(zg-separator) {\n  background-color: color-mix(in srgb, var(--theme-color-primary), white );\n  height: 13px;\n  margin: 0 0 0 8px;\n  overflow: hidden;\n  transform: translateY(7px);\n  display:none;\n  width: 0;\n}\n\n:host([dir="rtl"]) ::slotted(zg-separator) {\n  margin: 0 8px 0 0;\n}\n\n:host([dir="rtl"]) .zg-control-bar-action {\n  text-align: right;\n}\n\n:host ::slotted(#afterselect) {\n  transform: translateY(4.5px);\n  margin-right: 8px;\n}\n\n:host([batch-edit][create]) ::slotted(#beforeedit),\n:host([batch-edit]) ::slotted(#afterselect),\n:host([create]) ::slotted(#afterselect) {\n  display: inline-block;\n  width: 1px;\n}\n\n/* Hide the card mode separator if no selector is set */\n:host(:not([internal-selector])) ::slotted(#afterselect) {\n  display: none;\n}\n\n/* Batch Edit Text Label */\n:host ::slotted(zg-text) {\n  display: none;\n  padding-left: 8px;\n  padding-right: 5px;\n  font-size: 90%;\n  transform: translateY(4px);\n}\n:host([batch-edit-active]) ::slotted(zg-text) {\n  display: inline-block;\n}\n\n/* Edit Buttons */\n:host ::slotted(zg-button[action^="batch"]),\n:host ::slotted(zg-button[action$="record"]) {\n  transform: translateY(2.5px);\n}\n\n/* -- \'Batch Edit\' only */\n:host([create]) ::slotted(zg-button[action="batchedit"]) {\n  margin-inline-start: 8px;\n}\n/* -- Save Button */\n:host ::slotted(zg-button[action="batcheditsave"]) {\n  --zg-button-color: green;\n  --zg-icon-color: green;\n  margin-inline-end: 4px;\n}\n\n:host ::slotted(#unsaved) {\n  color: var(--zg-watermark-color);\n  display: inline-flex;\n  transform: translateY(1px);\n}\n\n:host([batch-edit-long-message]) .zg-control-bar-message {\n  grid-row: 2;\n  padding: 5px 0;\n  grid-column: 1 / -1;\n}\n\n:host([batch-edit-long-message]) ::slotted(#unsaved) {\n  line-height: 18px;\n}',""])},90963:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {}",""])},97493:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  --zg-icon-height: 25px;\n  --zg-icon-width: 25px;\n}\n:host([open]) {}\n\n/* ELEMENTS\n-------------------------------------- */\n\n/* <dialog> content area */\n.zg-dialog-dialog {\n  align-items: center;\n  background: rgba(0, 0, 0, .6);\n  border: 0;\n  box-sizing: border-box;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  left: 0;\n  opacity: 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n  pointer-events: none;\n  position: fixed;\n  text-align: left;\n  top: 0;\n  transform: scale(1.05);\n  transition: opacity .2s,transform .1s;\n  visibility: hidden;\n  width: 100%;\n  z-index: 99999999;\n} \n.zg-dialog-dialog[open] {\n  cursor: pointer;\n  opacity: 1;\n  pointer-events: all;\n  transform: scale(1);\n  visibility: visible;\n}\n/* \n  Constrain the dialog \'mask\' to the dimensions of the grid\n  instead of device fullscreen.\n  NOTE: Also when in this mode, we don\'t block <body> scrolling (ZGDialog.js)\n*/\n:host([internal-attach]) .zg-dialog-dialog {\n  position: absolute;\n}\n\n.zg-dialog-form {\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-background\n  * @description Styles the background of dialog header\n  * @see background\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/7PR4SRRW\n  * @shadowOnly true\n  */\n  background: var(--zg-dialog-background, #fff);\n  border-radius: 2px;\n  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3), 0 4px 8px -4px rgba(0, 0, 0, 0.3);\n  cursor: default;\n  display: block;\n  left: 50% !important;\n  max-height: 80%;\n  max-width: 30rem;\n  overflow: auto;\n  padding: 1.5rem;\n  position: absolute;\n  top: 50% !important;\n  transform: translate(-50%, -50%);\n  width: 80%;\n  z-index: 100;\n}\n\n\n/* HEADER\n-------------------------------------- */\n.zg-dialog-header {\n  align-items: center;\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-background\n  * @description Styles the background of dialog header\n  * @see background\n  * @default var(--zg-dialog-background)\n  * @demoLink https://app.zingsoft.com/demos/create/G03K1B6P\n  * @shadowOnly true\n  */\n  background: var(--zg-dialog-header-background, var(--zg-dialog-background));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-border\n  * @description Styles the border of dialog header\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/FTZ4O6XG\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-border-bottom\n  * @description Styles the bottom border of dialog header\n  * @see border\n  * @default var(--zg-dialog-header-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/MGVKXZG2\n  * @shadowOnly true\n  */\n  border-bottom: var(--zg-dialog-header-border-bottom, var(--zg-dialog-header-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-border-left\n  * @description Styles the left border of dialog header\n  * @see border\n  * @default var(--zg-dialog-header-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/RW53U4MG\n  * @shadowOnly true\n  */\n  border-left: var(--zg-dialog-header-border-left, var(--zg-dialog-header-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-border-right\n  * @description Styles the right border of dialog header\n  * @see border\n  * @default var(--zg-dialog-header-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/J0L1R6CU\n  * @shadowOnly true\n  */\n  border-right: var(--zg-dialog-header-border-right, var(--zg-dialog-header-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-border-top\n  * @description Styles the top border of dialog header\n  * @see border\n  * @default var(--zg-dialog-header-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/PJO7AU08\n  * @shadowOnly true\n  */\n  border-top: var(--zg-dialog-header-border-top, var(--zg-dialog-header-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-color\n  * @description Sets the font folor of dialog header\n  * @see color\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/9HFIZO8V\n  * @shadowOnly true\n  */\n  color: var(--zg-dialog-header-color);\n  display: flex;\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-margin\n  * @description Sets the margin of dialog header\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/VBZX6FJF\n  * @shadowOnly true\n  */\n  margin: var(--zg-dialog-header-margin, 0);\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-padding\n  * @description Sets the padding of dialog header\n  * @see padding\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/W0RHP8WF\n  * @shadowOnly true\n  */\n  padding: var(--zg-dialog-header-padding, 0);\n}\n\n/* HEADER LABEL */\n.zg-dialog-label {\n  flex: 1;\n}\n\n\n/* BODY\n-------------------------------------- */\n.zg-dialog-body {\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-background\n  * @description Styles the background of dialog body\n  * @see background\n  * @default var(--zg-dialog-background)\n  * @demoLink https://app.zingsoft.com/demos/create/179BYIFU\n  * @shadowOnly true\n  */\n  background: var(--zg-dialog-body-background, var(--zg-dialog-background));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-border\n  * @description Styles the border of dialog body\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/QBM0OIM8\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-border-bottom\n  * @description Styles the bottom border of dialog body\n  * @see border\n  * @default var(--zg-dialog-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/V7GPBX6Y\n  * @shadowOnly true\n  */\n  border-bottom: var(--zg-dialog-body-border-bottom, var(--zg-dialog-body-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-border-left\n  * @description Styles the left border of dialog body\n  * @see border\n  * @default var(--zg-dialog-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/UT7PLIJD\n  * @shadowOnly true\n  */\n  border-left: var(--zg-dialog-body-border-left, var(--zg-dialog-body-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-border-right\n  * @description Styles the right border of dialog body\n  * @see border\n  * @default var(--zg-dialog-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/3N8I2IAV\n  * @shadowOnly true\n  */\n  border-right: var(--zg-dialog-body-border-right, var(--zg-dialog-body-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-border-top\n  * @description Styles the top border of dialog body\n  * @see border\n  * @default var(--zg-dialog-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/P5NH1SU5\n  * @shadowOnly true\n  */\n  border-top: var(--zg-dialog-body-border-top, var(--zg-dialog-body-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-margin\n  * @description Sets the margin of dialog body\n  * @see margin\n  * @default 10px 0\n  * @demoLink https://app.zingsoft.com/demos/create/JWPAD3TC\n  * @shadowOnly true\n  */\n  margin: var(--zg-dialog-body-margin, 0);\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-padding\n  * @description Sets the padding of dialog body\n  * @see padding\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/Z8DLXRVR\n  * @shadowOnly true\n  */\n  padding: var(--zg-dialog-body-padding, 0);\n}\n\n.zg-dialog-body[has-text] {\n  /* Don\'t add JSDoc info, it is already set above */\n  border-top: var(--zg-dialog-body-border-top, var(--zg-dialog-body-border, 1px solid var(--theme-border-color)));\n  margin: var(--zg-dialog-body-margin, 10px 0 0);\n  padding: var(--zg-dialog-body-padding, 1.25rem 0 0);\n}\n\n.zg-dialog-body[has-error] {\n  padding-top: 10px;\n}\n\n.zg-dialog-error {\n  display: none;\n  color: red;\n}\n\n.zg-dialog-body[has-error] .zg-dialog-error {\n  display: flex;\n}\n\n/* Details Row Wrapper */\n.zg-dialog-body-details-row > :first-child { margin-top:0; }\n.zg-dialog-body-details-row > :last-child { margin-bottom:0; }\n\n/* Icon Row Wrapper */\n.zg-dialog-body-icon-row {\n  align-items: flex-start;\n  display: flex;\n  margin-bottom: -6px;\n}\n.zg-dialog-body-icon-row p { margin:0; }\n\n/* Content Wrapper */\n.zg-dialog-body-content { flex:1; line-height:1.3; }\n\n/*  Insert and Edit Styles \n    Taken from ZGEditorRow.css */\n/* LABEL / INPUT WRAPPER */\n.zg-dialog-editor-row-inputs,\n.zg-dialog-editor-row-inputs * {\n  box-sizing: border-box;\n}\n/* Note: 2 column by default, 1 column in \'mobile\' viewport */\n.zg-dialog-editor-row-inputs {\n  display: var(--zg-dialog-editor-row-display, grid);\n  grid-column-gap: var(--zg-dialog-editor-row-column-gap, 1rem);\n  grid-template-columns: var(--zg-dialog-editor-row-grid-template-columns, repeat(2, 1fr));\n  flex-flow: var(--zg-dialog-editor-row-flex-flow, row wrap);\n  justify-content: var(--zg-dialog-editor-row-justify-content, space-between);\n}\n\n/* LABEL */\n.zg-dialog-editor-row-inputs label {\n  display: block;\n  position: absolute;\n}\n.zg-dialog-editor-row-inputs label {\n  /* When editing indiv cell in card mode, make cell full width */\n  display: block;\n  margin: 1rem 0 0;\n  position: relative;\n}\n.zg-dialog-editor-row-inputs label span {\n  color: var(--zg-editor-row-label-color, #949494);\n  font-size: var(--zg-editor-row-label-font-size, 12px);\n}\n/*  This must be id or class based and not tagged based or else we have the possibility of hiding user span tags */\n.zg-dialog-editor-row-inputs label .editorRowFieldLabelContent {\n  display: block;\n}\n.zg-dialog-editor-row-inputs label span {\n  display: block;\n  margin-bottom: 4px;\n  text-transform: capitalize;\n}\n\n/* INPUT */\n.zg-dialog-editor-row-inputs input {\n  background: var(--zg-input-background, #fff);\n  box-shadow: var(--zg-box-shadow, none);\n  box-sizing: border-box;\n  border-bottom: var(--zg-input-border-bottom, var(--zg-input-border, 1px solid var(--theme-border-color)));\n  border-left: var(--zg-input-border-left, var(--zg-input-border, 0));\n  border-right: var(--zg-input-border-right, var(--zg-input-border, 0));\n  border-top: var(--zg-input-border-top, var(--zg-input-border, 0));\n  color: var(--zg-input-color, var(--theme-color));\n  font-family: var(--zg-input-font-family, inherit);\n  font-size: var(--zg-input-font-size, inherit);\n  font-style: var(--zg-input-font-style, inherit);\n  font-weight: var(--zg-input-font-weight, inherit);\n  height: var(--zg-input-height, 28px);\n  line-height: var(--zg-input-line-height, inherit);\n  margin: var(--zg-input-margin, 0);\n  padding: var(--zg-editor-row-input-padding_modal, var(--zg-editor-row-input-padding, var(--zg-input-padding, 0)));\n  text-align: var(--zg-input-text-align, left);\n  transform: var(--zg-editor-row-input-transform, var(--zg-input-transform));\n  width: 100%;\n}\n\n.zg-dialog-editor-row-inputs select, textarea {\n  margin: var(--zg-input-margin, 5px 0 0 0);\n}\n\n/* -- :FOCUS */\n.zg-dialog-editor-row-inputs input:focus {\n  background: var(--zg-editor-row-input-background_modal_focus, var(--zg-input-background_focus, var(--zg-input-background, #fff))) !important;\n  border-bottom: var(--zg-editor-row-input-border-bottom_modal_focus, var(--zg-editor-row-input-border-bottom_focus, 1px solid rgba(82, 168, 236, 0.8)));\n  border-left: var(--zg-editor-row-input-border-left_modal_focus, var(--zg-editor-row-input-border-left_focus));\n  border-top: var(--zg-editor-row-input-border-top_modal_focus, var(--zg-editor-row-input-border-top_focus));\n  box-shadow: var(--zg-editor-row-input-box-shadow_modal_focus, none);\n  color: var(--zg-editor-row-input-color_modal_focus, var(--zg-editor-row-input-color_focus));\n  font-size: var(--zg-editor-row-input-font-size_modal_focus, var(--zg-editor-row-input-font-size_focus));\n  outline: none;\n  transform: var(--zg-editor-row-input-transform_focus, var(--zg-input-transform_focus));\n}\n\n.zg-dialog-editor-row-inputs .zg-validation-error {\n  background-color: red;\n  border-color: red;\n}\n\n/* TYPE: RADIO */\n.zg-dialog-editor-row-inputs .zg-editor-row-radio-wrap {\n  display: flex;\n  flex-direction: column;\n  padding: .5rem 0;\n}\n.zg-dialog-editor-row-inputs .zg-editor-row-radio-wrap > :first-child {\n  margin-top: 0; \n}\n.zg-dialog-editor-row-inputs .zg-editor-row-radio-wrap label {\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n  max-width: none;\n  margin-top:.75rem;\n}\n.zg-dialog-editor-row-inputs .zg-editor-row-radio-wrap input {\n  height: 14px;\n  width: 14px;\n}\n.zg-dialog-editor-row-inputs .zg-editor-row-radio-wrap span {\n  margin: 0 0 0 5px;\n}\n\n.zg-dialog-body-batch-edit,\n.zg-dialog-body-icon-row p {\n  color: var(--zg-dialog-body-color, #000);\n}\n\n\n/* FOOTER\n-------------------------------------- */\n.zg-dialog-footer {\n  align-items: center;\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-background\n  * @description Styles the background of dialog footer\n  * @see background\n  * @default var(--zg-dialog-background)\n  * @demoLink https://app.zingsoft.com/demos/create/H27KMSA5\n  * @shadowOnly true\n  */\n  background: var(--zg-dialog-footer-background, var(--zg-dialog-background));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-border\n  * @description Styles the border of dialog footer\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/IW16P1T1\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-border-bottom\n  * @description Styles the bottom border of dialog footer\n  * @see border\n  * @default var(--zg-dialog-footer-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/Q7VVGHZT\n  * @shadowOnly true\n  */\n  border-bottom: var(--zg-dialog-footer-border-bottom, var(--zg-dialog-footer-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-border-left\n  * @description Styles the left border of dialog footer\n  * @see border\n  * @default var(--zg-dialog-footer-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/XWEQTFFE\n  * @shadowOnly true\n  */\n  border-left: var(--zg-dialog-footer-border-left, var(--zg-dialog-footer-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-border-right\n  * @description Styles the right border of dialog footer\n  * @see border\n  * @default var(--zg-dialog-footer-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/ZSDQ13MP\n  * @shadowOnly true\n  */\n  border-right: var(--zg-dialog-footer-border-right, var(--zg-dialog-footer-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-border-top\n  * @description Styles the top border of dialog footer\n  * @see border\n  * @default var(--zg-dialog-footer-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/PJRFHAGU\n  * @shadowOnly true\n  */\n  border-top: var(--zg-dialog-footer-border-top, var(--zg-dialog-footer-border, 1px solid var(--theme-border-color)));\n  display: flex;\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-justify-content\n  * @description Sets the horizontal alignment of contents in dialog footer\n  * @see justify-content\n  * @default flex-end\n  * @demoLink https://app.zingsoft.com/demos/create/CNK0M0O8\n  * @shadowOnly true\n  */\n  justify-content: var(--zg-dialog-footer-justify-content, flex-end);\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-margin\n  * @description Sets the margin of dialog footer\n  * @see margin\n  * @default 1.25rem 0 0\n  * @demoLink https://app.zingsoft.com/demos/create/EJ1GWKJR\n  * @shadowOnly true\n  */\n  margin: var(--zg-dialog-footer-margin, 1.25rem 0 0);\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-padding\n  * @description Sets the padding of dialog footer\n  * @see padding\n  * @default .875rem 0 0\n  * @demoLink https://app.zingsoft.com/demos/create/QHF0OT6N\n  * @shadowOnly true\n  */\n  padding: var(--zg-dialog-footer-padding, .875rem 0 0);\n}\n\n/* Using explicit class names here instead of `.zg-dialog-footer button` to avoid specificity */\n.zg-dialog-cancel,\n.zg-dialog-confirm {\n  border-radius: 2px;\n  color: #fff;\n  cursor: pointer;\n  font-size: .875rem;\n  padding: .5rem .625rem;\n  text-transform: uppercase;\n}\n.zg-dialog-cancel {\n  background: var(--zg-dialog-cancel-background, var(--zg-dialog-button-backround, var(--theme-color-lighter)));\n  border-bottom: var(--zg-dialog-cancel-border-bottom, var(--zg-dialog-button-border-bottom, 1px solid var(--theme-border-color)));\n  border-left: var(--zg-dialog-cancel-border-left, var(--zg-dialog-button-border-left, 1px solid var(--theme-border-color)));\n  border-right: var(--zg-dialog-cancel-border-right, var(--zg-dialog-button-border-right, 1px solid var(--theme-border-color)));\n  border-top: var(--zg-dialog-cancel-border-top, var(--zg-dialog-button-border-top, 1px solid var(--theme-border-color)));\n  color: red;\n}\n.zg-dialog-confirm {\n  background: var(--zg-dialog-confirm-background, var(--zg-dialog-button-backround, var(--theme-color-primary)));\n  border-bottom: var(--zg-dialog-confirm-border-bottom, var(--zg-dialog-button-border-bottom, 1px solid var(--theme-color-primary)));\n  border-left: var(--zg-dialog-confirm-border-left, var(--zg-dialog-button-border-left, 1px solid var(--theme-color-primary)));\n  border-right: var(--zg-dialog-confirm-border-right, var(--zg-dialog-button-border-right, 1px solid var(--theme-color-primary)));\n  border-top: var(--zg-dialog-confirm-border-top, var(--zg-dialog-button-border-top, 1px solid var(--theme-color-primary)));\n  margin-left: 10px;\n}\n\n:host([dir="rtl"]) .zg-dialog-confirm {\n  margin-right: 10px;\n}\n\n/* Close Button */\n.zg-dialog-close {\n  background: var(--zg-dialog-close-background);\n  border: var(--zg-dialog-close-border, 1px solid var(--theme-border-color));\n  border-bottom: var(--zg-dialog-close-border-bottom, 1px solid var(--theme-border-color));\n  border-left: var(--zg-dialog-close-border-left, 1px solid var(--theme-border-color));\n  border-right: var(--zg-dialog-close-border-right, 1px solid var(--theme-border-color));\n  border-top: var(--zg-dialog-close-border-top, 1px solid var(--theme-border-color));\n  border-radius: var(--zg-dialog-close-border-radius, 4px);\n  color: var(--zg-dialog-close-color, var(--zing-grid-color));\n  cursor: pointer;\n  font-size: .875rem;\n  height: 28px;\n  text-transform: uppercase;\n  width: 28px;\n}\n.zg-dialog-close:hover {\n  background: var(--zg-dialog-close-background_hover, var(--zg-dialog-close-backgroun));\n  border: var(--zg-dialog-close-border_hover, var(--zg-dialog-close-border));\n  border-bottom: var(--zg-dialog-close-border-bottom_hover, var(--zg-dialog-close-border-bottom, 1px solid var(--theme-border-color)));\n  border-left: var(--zg-dialog-close-border-left_hover, var(--zg-dialog-close-border-left, 1px solid var(--theme-border-color)));\n  border-right: var(--zg-dialog-close-border-right_hover, var(--zg-dialog-close-border-right, 1px solid var(--theme-border-color)));\n  border-top: var(--zg-dialog-close-border-top_hover, var(--zg-dialog-close-border-top, 1px solid var(--theme-border-color)));\n  border-radius: var(--zg-dialog-close-border-radius_hover, var(--zg-dialog-close-border-radius, 4px));\n  color: var(--zg-dialog-close-color_hover, var(--zg-dialog-close-color, var(--zing-grid-color)));\n}\n\n\n/* SLOTTED CONTENT\n-------------------------------------- */\n\n/* Icon */\n:host ::slotted(zg-icon) {\n  height: var(--zg-icon-width);\n  margin-right: 15px;\n  width: var(--zg-icon-width);\n  transform: translateY(-3px);\n}\n:host ::slotted(zg-icon[name="error"]) {\n  --zg-icon-color: var(--theme-color-alert);\n}\n:host ::slotted(zg-icon[name="success"]) {\n  --zg-icon-color: var(--theme-color-success);\n}\n:host ::slotted(zg-icon[name="warning"]) {\n  --zg-icon-color: var(--theme-color-warn);\n}',""])},84052:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF (DEFAULT \'INLINE\' STYLE)\n-------------------------------------- */\n/* Not active state */\n/* The following css messes up dir=rtl  Everything seems fine without this CSS */\n /* :host {\n  position: absolute;\n  top: 0;\n} */\n\n/* Active from single-cell click */\n:host([active-cell-edit]) {\n  display: block;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* FORM */\n.zg-editor-row-wrapper {\n  box-sizing: border-box;\n  position: absolute;\n}\n\n/* LABEL / INPUT WRAPPER */\n.zg-editor-row-inputs,\n.zg-editor-row-inputs * {\n  box-sizing: border-box;\n}\n\n/* LABEL */\n.zg-editor-row-inputs label {\n  display: block;\n  position: absolute;\n  background: var(--zg-editor-row-input-background, #f5f5f5);\n}\n\n/*  This must be id or class based and not tagged based or else we have the possibility of hiding user span tags */\n.zg-editor-row-inputs label .editorRowFieldLabelContent {\n  display: none;\n}\n\n/* INPUT */\n.zg-editor-row-inputs input,\n.zg-editor-row-inputs input:focus {\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-background\n  * @description Styles the background of editor row\n  * @see background\n  * @default #f5f5f5\n  * @demoLink https://app.zingsoft.com/demos/create/3EBBN3A3\n  * @shadowOnly true\n  */\n  background: var(--zg-editor-row-input-background, #f5f5f5);\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-border\n  * @description Styles the border of editor row\n  * @see border\n  * @default 1px solid rgba(82, 168, 236, 0.8)\n  * @demoLink https://app.zingsoft.com/demos/create/O48B8R6Z\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-border-bottom\n  * @description Styles the bottom border of editor row\n  * @see border\n  * @default var(--zg-editor-row-input-border, 1px solid rgba(82, 168, 236, 0.8))\n  * @demoLink https://app.zingsoft.com/demos/create/9P6CXB0Q\n  * @shadowOnly true\n  */\n  border-bottom: var(--zg-editor-row-input-border-bottom, var(--zg-editor-row-input-border, 1px solid rgba(82, 168, 236, 0.8)));\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-border-left\n  * @description Styles the left border of editor row\n  * @see border\n  * @default var(--zg-editor-row-input-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/VF347SF8\n  * @shadowOnly true\n  */\n  border-left: var(--zg-editor-row-input-border-left, var(--zg-editor-row-input-border, 0));\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-border-right\n  * @description Styles the right border of editor row\n  * @see border\n  * @default var(--zg-editor-row-input-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/8OAHGLVE\n  * @shadowOnly true\n  */\n  border-right: var(--zg-editor-row-input-border-right, var(--zg-editor-row-input-border, 0));\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-border-top\n  * @description Styles the top border of editor row\n  * @see border\n  * @default var(--zg-editor-row-input-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/MA8A06J7\n  * @shadowOnly true\n  */\n  border-top: var(--zg-editor-row-input-border-top, var(--zg-editor-row-input-border, 0));\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-color\n  * @description Sets the font color of editor row\n  * @see color\n  * @default var(--zg-editor-row-input-color, #fff)\n  * @demoLink https://app.zingsoft.com/demos/create/QYZBZUVA\n  * @shadowOnly true\n  */\n  color: var(--zg-editor-row-input-color, #003749);\n  font-family: var(--zg-cell-font-family);\n  font-size: var(--zg-cell-font-size);\n  display: none;\n  height: 100%;\n  margin: 0;\n  outline: none;\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-padding\n  * @description Sets the padding of editor row\n  * @see padding\n  * @default 12px 15px\n  * @demoLink https://app.zingsoft.com/demos/create/9Q07P5B1\n  * @shadowOnly true\n  */\n  padding: var(--zg-editor-row-input-padding, 12px 15px);\n  transform: var(--zg-editor-row-input-transform, var(--zg-input-transform));\n  transition: font-size .5s;\n  width: calc(100% - 1px);\n}\n.zg-editor-row-inputs input:focus {\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-background_focus\n  * @default var(--theme-color-lighter)\n  * @description Styles the background of editor row input on focus\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/TUH8OZBD\n  * @shadowOnly true\n  */\n  background: var(--zg-editor-row-input-background_focus, var(--theme-color-lighter)) !important;\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-box-shadow_focus\n  * @default inset 0 0 5px #ccc\n  * @description Applies a box shadow behind editor row input on focus\n  * @see box-shadow\n  * @demoLink https://app.zingsoft.com/demos/create/NAS5WQHN\n  * @shadowOnly true\n  */\n  box-shadow: var(--zg-editor-row-input-box-shadow_focus, inset 0 0 5px #ccc);\n}\n/* Inline or Card mode \'active\' state */\n:host([active]) .zg-editor-row-inputs input:not([type="radio"]) {\n  display: block;\n}\n/* Input styling when \'edit row\' option selected */\n:host([active-cell-edit]) .zg-editor-row-inputs input,\n:host([active-row-edit]) .zg-editor-row-inputs input {\n  /* Defined below */\n  background: var(--zg-editor-row-input-background, var(--theme-color-primary));\n  /* Defined Below */\n  color: var(--zg-editor-row-input-color, #fff);\n}\n:host([active-cell-edit]) .zg-editor-row-inputs input,\n:host([active-row-edit]) .zg-editor-row-inputs input:focus {\n  /* Defined Below */\n  color: var(--zg-editor-row-input-color, var(--theme-color));\n}\n\n:host([active-cell-edit]) .zg-editor-row-inputs .zg-validation-error,\n:host([active-row-edit]) .zg-editor-row-inputs .zg-validation-error {\n  background: red;\n  border-color: red;\n}\n\n/* TYPE: COLOR */\n.zg-editor-row-inputs .zg-editor-row-color-wrap {\n  align-items:center;\n}\n/* color wrapper label */\n.zg-editor-row-inputs .zg-editor-row-color-label {\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  position: relative;\n}\n.zg-editor-row-inputs .zg-editor-row-color-label + .zg-editor-row-color-label {\n  margin-left: 10px;\n}\n/* color input */\n.zg-editor-row-inputs .zg-editor-row-color-picker {\n  background: none;\n  border: 1px solid transparent;\n  border-radius: 2px;\n  cursor: pointer;\n  display: inline-block;\n  height: 16px;\n  width: 16px;\n  padding: 0;\n}\n:host([active]) .zg-editor-row-inputs input[type="color"] {\n  visibility: hidden;\n  height: 100%;\n  width: 100%;\n}\n:host([active]) .zg-editor-row-inputs .zg-editor-row-color-picker + span {\n  padding-left: 7px;\n}\n\n/* TYPE: RADIO */\n/* Radio wrapper */\n.zg-editor-row-inputs .zg-editor-row-color-wrap,\n.zg-editor-row-inputs .zg-editor-row-radio-wrap {\n  background: var(--zg-editor-row-input-background_focus, var(--theme-color-lighter));\n  border-bottom: var(--zg-editor-row-input-border-bottom, var(--zg-editor-row-input-border, 1px solid rgba(82, 168, 236, 0.8)));\n  box-shadow: var(--zg-editor-row-input-box-shadow_focus, inset 0 0 5px #ccc);\n  display: flex;\n  height: 100%;\n  padding: 0 0 0 var(--theme-padding_x);\n}\n/* Radio wrapper label */\n.zg-editor-row-inputs .zg-editor-row-radio-label {\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  position: relative;\n  background: transparent;\n}\n.zg-editor-row-inputs .zg-editor-row-radio-label + .zg-editor-row-radio-label {\n  margin-left: 10px;\n}\n/* Radio input */\n:host([active]) .zg-editor-row-inputs input[type="radio"] {\n  border-radius: 50%;\n  cursor: pointer;\n  display: inline-block;\n  height: 14px;\n  width: 14px;\n}\n:host([active]) .zg-editor-row-inputs input[type="radio"] + span {\n  padding-left: 5px;\n}\n\n/* SELECT */\n.zg-editor-row-inputs select {\n  cursor: pointer;\n  height: calc(100% - 10px);\n  font-size: var(--zing-grid-font-size);\n  margin: 5px;\n  text-indent: 8px;\n  width: calc(100% - 5px);\n}\n/* Multi-select */\n.zg-editor-row-inputs select[multiple] option {\n  padding: 2px 0;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n',""])},64414:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  background-clip: padding-box;\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-background\n  * @description Styles the background of filter\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/G1WKUNFJ\n  * @shadowOnly false\n  */\n  background: var(--zg-filter-background);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-border\n  * @description Styles the border of filter\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/MTNYLV9O\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-border-bottom\n  * @description Styles the bottom border of filter\n  * @see border\n  * @default var(--zg-filter-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/6OQCF137\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-filter-border-bottom, var(--zg-filter-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-border-left\n  * @description Styles the left border of filter\n  * @see border\n  * @default var(--zg-filter-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/9Z63KCAD\n  * @shadowOnly false\n  */\n  border-left: var(--zg-filter-border-left, var(--zg-filter-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-border-right\n  * @description Styles the right border of filter\n  * @see border\n  * @default var(--zg-filter-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/YDKKR5TJ\n  * @shadowOnly false\n  */\n  border-right: var(--zg-filter-border-right, var(--zg-filter-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-border-top\n  * @description Styles the top border of filter\n  * @see border\n  * @default var(--zg-filter-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/I2QLWMWS\n  * @shadowOnly false\n  */\n  border-top: var(--zg-filter-border-top, var(--zg-filter-border, 1px solid var(--theme-border-color)));\n  box-sizing: border-box;\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-color\n  * @description Sets the font color of text inputted in filter\n  * @see color\n  * @default var(--theme-color_alt)\n  * @demoLink https://app.zingsoft.com/demos/create/E7L28DOF\n  * @shadowOnly false\n  */\n  color: var(--zg-filter-color, var(--theme-color_alt));\n  display: table-cell;\n  overflow: hidden;\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-height\n  * @description Sets the height of filter\n  * @see height\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/QCSOKQE2\n  * @shadowOnly true\n  */\n  height: var(--zg-filter-height);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-padding\n  * @description Sets the padding of the filter\n  * @see padding\n  * @default A cell's left and right padding\n  * @demoLink https://app.zingsoft.com/demos/create/2LNX65ZJ\n  * @shadowOnly true\n  */\n  padding: var(--zg-filter-padding, 0);\n  position: relative;\n  text-align: left;\n  vertical-align: middle;\n  /* The z-index here and on zg-head-cell is necessary for vertical grid lines with frozen columns */\n  z-index: 1;\n}\n\n/* When parent column is currently sorted */\n:host([sorted]) {\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-background_sorted\n  * @description Styles the background color of filter when the column in sorted\n  * @see background-color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/WX39XEJ1\n  * @shadowOnly false\n  */\n  background-color: var(--zg-filter-background_sorted);\n  border-bottom: var(--zg-filter-border-bottom_sorted);\n  border-left: var(--zg-filter-border-left_sorted);\n  border-right: var(--zg-filter-border-right_sorted);\n  border-top: var(--zg-filter-border-top_sorted);\n}\n\n/* Hide if 'hidden' attribute applied */\n:host([hidden]) {\n  display: none;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Wrapper */\n.zg-filter-wrapper {\n  align-items: center;\n  display: flex;\n  height: var(--zg-filter-height);\n}\n\n/* Inner Wrapper */\n.zg-filter-inner {\n  align-items: center;\n  display: inline-flex;\n  height: 100%;\n  justify-content: flex-start;\n  vertical-align: middle;\n  width: 100%;\n}\n\n/* FILTER INPUT CELL ALIGNMENT */\n/* Center */\n:host([align=\"center\"]) .zg-filter-inner {\n  justify-content: center;\n}\n\n/* Left - Note: This is the current default and can be omitted */\n:host([align=\"left\"]) .zg-filter-inner {\n  justify-content: flex-start;\n}\n\n/* Right */\n:host([align=\"right\"]) .zg-filter-inner {\n  justify-content: flex-end;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(div) {\n  width: 100%;\n}\n\n/* FILTER: INPUT */\n/* TODO: Somewhere it is hardcoding an inline 'width' style. This should be removed */\n:host ::slotted(input) {\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-background\n  * @description Styles the background of input field in filter\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  * @shadowOnly false\n  */\n  background: var(--zg-filter-input-background);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border\n  * @description Styles the border of input field in filter\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/SXRIBL17\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-bottom\n  * @description Styles the bottom border of input field in filter\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/Z1COSRGD\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-filter-input-border-bottom, var(--zg-filter-input-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-left\n  * @description Styles the left border of input field in filter\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/2Z1YS7PH\n  * @shadowOnly false\n  */\n  border-left: var(--zg-filter-input-border-left, var(--zg-filter-input-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-right\n  * @description Styles the right border of input field in filter\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/JD0COXK4\n  * @shadowOnly false\n  */\n  border-right: var(--zg-filter-input-border-right, var(--zg-filter-input-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-top\n  * @description Styles the top border of input field in filter\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/KRUW31YG\n  * @shadowOnly false\n  */\n  border-top: var(--zg-filter-input-border-top, var(--zg-filter-input-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-radius\n  * @description Applies a border radius to filter input\n  * @default Browser's default value\n  * @see border-radius\n  * @demoLink https://app.zingsoft.com/demos/create/6ILPV59X\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-filter-input-border-radius);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-color\n  * @description Styles the font color of text in input field of filter\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/0BWT9HA7\n  * @shadowOnly false\n  */\n  color: var(--zg-filter-input-color);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-font-size\n  * @description Sets the font size of filter input\n  * @default Browser's default value\n  * @see font-size\n  * @demoLink https://app.zingsoft.com/demos/create/04EEADGO\n  * @shadowOnly false\n  */\n  font-size: var(--zg-filter-input-font-size);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-height\n  * @description Sets the height of input field in filter. May need to set --zg-filter-height if input field is height is larger than height of filter.\n  * @see height\n  * @default 20px\n  * @demoLink https://app.zingsoft.com/demos/create/3E22SKBU\n  * @shadowOnly false\n  */\n  height: var(--zg-filter-input-height, 20px);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-margin\n  * @description Sets the margin of filter input\n  * @see margin\n  * @default 0 var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/0BWT9HA7\n  * @shadowOnly false\n  */\n  margin: var(--zg-filter-input-margin, 0 var(--theme-padding_x));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-padding\n  * @description Sets the padding of input field in filter. . May need to set --zg-filter-height if input field is height is larger than height of filter.\n  * @see padding\n  * @default 0 0 0 5px\n  * @demoLink https://app.zingsoft.com/demos/create/5GPABPO2\n  * @shadowOnly false\n  */\n  padding: var(--zg-filter-input-padding, 0 0 0 5px);\n  width: 70% !important;\n  max-width: 240px !important;\n}\n\n:host([dir=\"rtl\"]) ::slotted(input) {\n  padding: var(--zg-filter-input-padding, 0 5px 0 0);\n}\n\n:host([sorted]) ::slotted(input) {\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-background_sorted\n  * @description Styles the background of input field in filter when sorted\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/0TAT4J8P\n  * @shadowOnly false\n  */\n  background: var(--zg-filter-input-background_sorted, var(--zg-filter-input-background));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border_sorted\n  * @description Styles the border of input field in filter when sorted\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/MFR4CCYN\n  * @shadowOnly false\n  */\n  border: var(--zg-filter-input-border_sorted, var(--zg-filter-input-border));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-bottom_sorted\n  * @description Styles the bottom border of input field in filter when sorted\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/WFPS5S7O\n  * @shadowOnly false\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-filter-input-border-bottom_sorted, var(--zg-filter-input-border-bottom, var(--zg-filter-input-border_sorted, var(--zg-filter-input-border))));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-left_sorted\n  * @description Styles the left border of input field in filter when sorted\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/QRJ8CB5I\n  * @shadowOnly false\n  */\n  border-left: var(--zg-filter-input-border-left_sorted, var(--zg-filter-input-border-left, var(--zg-filter-input-border_sorted, var(--zg-filter-input-border, inherit))));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-right_sorted\n  * @description Styles the right border of input field in filter when sorted\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/IWA4XX9B\n  * @shadowOnly false\n  */\n  border-right: var(--zg-filter-input-border-right_sorted, var(--zg-filter-input-border-right, var(--zg-filter-input-border_sorted, var(--zg-filter-input-border, inherit))));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-top_sorted\n  * @description Styles the top border of input field in filter when sorted\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/O83MW4X2\n  * @shadowOnly false\n  */\n  border-top: var(--zg-filter-input-border-top_sorted, var(--zg-filter-input-border-top, var(--zg-filter-input-border_sorted, var(--zg-filter-input-border, inherit))));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-radius_sorted\n  * @description Applies border radius to filter input when sorted\n  * @default Browser's default value\n  * @see border-radius\n  * @demoLink https://app.zingsoft.com/demos/create/YLATIXYW\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-filter-input-border-radius_sorted, var(--zg-filter-input-border-radius));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-color_sorted\n  * @description Styles the font color of text in input field of filter when sorted\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/9GRVADYL\n  * @shadowOnly false\n  */\n  color: var(--zg-filter-input-color_sorted, var(--zg-filter-input-color));\n}\n\n:host ::slotted(input[type=\"checkbox\"]) {\n  width: 24px !important;\n}\n\n\n/* FILTER: SELECT */\n:host ::slotted(select) {\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-select-color\n  * @description Styles the font color of text in the select dropdown filter\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/9GRVADYL\n  * @shadowOnly false\n  */\n  color: var(--zg-filter-select-color, var(--zg-filter-input-color));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-select-font-size\n  * @description Sets the font size of the select dropdown filter\n  * @default Browser's default value\n  * @see font-size\n  * @demoLink https://app.zingsoft.com/demos/create/7GR5F9EJ\n  * @shadowOnly false\n  */\n  font-size: var(--zg-filter-select-font-size, var(--zg-filter-input-font-size));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-select-height\n  * @description Sets the height of the select dropdown filter\n  * @see height\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/1FM6QEGK\n  * @shadowOnly false\n  */\n  height: var(--zg-filter-select-height, var(--zg-filter-input-height));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-select-margin\n  * @description Sets the margin of the select dropdown filter\n  * @see margin\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/B8M40OM8\n  * @shadowOnly false\n  */\n  margin: var(--zg-filter-select-margin, var(--zg-filter-input-margin, 0 var(--theme-padding_x)));\n  width: var(--zg-filter-select-width, var(--zg-filter-input-width, 70%));\n}\n\n/* Style the current column that is being reordered with `[column-drag]` */\n:host(.is-reordering) {\n  background: var(--theme-background-color);\n}",""])},35515:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Wrapper */\n.zg-focus-wrapper {\n    left: 0;\n    position: absolute;\n    top: 0;\n}\n/* Border Elements */\n:host [class*="zg-focus-"] {\n    position: absolute;\n    z-index: 10;\n    /*transition: all var(--zg-focus-transition_speed, 0.1s);*/\n}\n.zg-focus-bottom {\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-border\n    * @description Styles the border of cells on focus\n    * @see border\n    * @default 2px solid var(--theme-color-primary)\n    * @demoLink https://app.zingsoft.com/demos/create/OBOGAYLI\n    * @shadowOnly true\n    */\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-border-bottom\n    * @description Sets the bottom border of cells on focus\n    * @see border\n    * @default var(--zg-focus-border, 2px solid var(--theme-color-primary))\n    * @demoLink https://app.zingsoft.com/demos/create/UKS4GLIB\n    * @shadowOnly true\n    */\n    border-bottom: var(--zg-focus-border-bottom, var(--zg-focus-border, 2px solid var(--theme-color-primary)));\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-bottom-transform\n    * @description Sets the transform of bottom border of cells on focus\n    * @see transform\n    * @default none\n    * @demoLink https://app.zingsoft.com/demos/create/463BLSLE\n    * @shadowOnly true\n    */\n    transform: var(--zg-focus-bottom-transform, none);\n}\n.zg-focus-left {\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-border-left\n    * @description Sets the left border of cells on focus\n    * @see border\n    * @default var(--zg-focus-border, 2px solid var(--theme-color-primary))\n    * @demoLink https://app.zingsoft.com/demos/create/0S69YQQ1\n    * @shadowOnly true\n    */\n    border-left: var(--zg-focus-border-left, var(--zg-focus-border, 2px solid var(--theme-color-primary)));\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-left-transform\n    * @description Sets the transform of left border of cells on focus\n    * @see transform\n    * @default none\n    * @demoLink https://app.zingsoft.com/demos/create/KZ23KZP1\n    * @shadowOnly true\n    */\n    transform: var(--zg-focus-left-transform, none);\n}\n.zg-focus-right {\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-border-right\n    * @description Sets the right border of cells on focus\n    * @see border\n    * @default var(--zg-focus-border, 2px solid var(--theme-color-primary))\n    * @demoLink https://app.zingsoft.com/demos/create/RCL5RW0I\n    * @shadowOnly true\n    */\n    border-right: var(--zg-focus-border-right, var(--zg-focus-border, 2px solid var(--theme-color-primary)));\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-right-transform\n    * @description Sets the transform of right border of cells on focus\n    * @see transform\n    * @default none\n    * @demoLink https://app.zingsoft.com/demos/create/C5WLZKW8\n    * @shadowOnly true\n    */\n    transform: var(--zg-focus-right-transform, none);\n}\n.zg-focus-top {\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-border-top\n    * @description Sets the top border of cells on focus\n    * @see border\n    * @default var(--zg-focus-border, 2px solid var(--theme-color-primary))\n    * @demoLink https://app.zingsoft.com/demos/create/XNXNZ5X2\n    * @shadowOnly true\n    */\n    border-top: var(--zg-focus-border-top, var(--zg-focus-border, 2px solid var(--theme-color-primary)));\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-top-transform\n    * @description Sets the transform of top border of cells on focus\n    * @see transform\n    * @default none\n    * @demoLink https://app.zingsoft.com/demos/create/FU5AB2MU\n    * @shadowOnly true\n    */\n    transform: var(--zg-focus-top-transform, none);\n}',""])},64410:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-background\n  * @description Styles the background of grid foot\n  * @default Browser\'s default value\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/5NW1UUJB\n  * @shadowOnly false\n  * @storyAlert recommend:--zg-foot-padding:25px\n  */\n  background: var(--zg-foot-background);\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-border\n  * @description Styles the border of grid foot\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/GJKYV9E6\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-border-bottom\n  * @description Styles the bottom border of grid foot\n  * @see border\n  * @default var(--zg-foot-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FRJXV4YB\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-foot-border-bottom, var(--zg-foot-border, 0));\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-border-left\n  * @description Styles the left border of grid foot\n  * @see border\n  * @default var(--zg-foot-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/VYNWYDXA\n  * @shadowOnly false\n  */\n  border-left: var(--zg-foot-border-left, var(--zg-foot-border, 0));\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-border-right\n  * @description Styles the right border of grid foot\n  * @see border\n  * @default var(--zg-foot-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/4YL86H63\n  * @shadowOnly false\n  */\n  border-right: var(--zg-foot-border-right, var(--zg-foot-border, 0));\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-border-top\n  * @description Styles the top border of grid foot\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/906SOMMP\n  * @default var(--zg-foot-border, 0)\n  * @shadowOnly false\n  */\n  border-top: var(--zg-foot-border-top, var(--zg-foot-border, 0));\n  box-sizing: border-box;\n  display: block;\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-height\n  * @description Sets the height of grid foot\n  * @see height\n  * @demoLink https://app.zingsoft.com/demos/create/NIOBJEMN\n  * @default auto\n  * @shadowOnly false\n  */\n  height: var(--zg-foot-height, auto);\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-padding\n  * @description Sets the padding of grid foot\n  * @see padding\n  * @demoLink https://app.zingsoft.com/demos/create/XA3FXCSI\n  * @default 0\n  * @shadowOnly false\n  */\n  padding: var(--zg-foot-padding, 0);\n}\n\n/* SLOTTED\n-------------------------------------- */\n/* Layout: Card */\n:host([layout="card"]) {\n    display: none;\n}\n\n\n/* All Rows */\n:host ::slotted(zg-row) {\n  /* NOTE: Do not jsDocs these as they are the same as the ZGHead ones */\n  background: var(--zg-row-head-background, var(--zg-head-background));\n  border-bottom: var(--zg-row-head-border-bottom, var(--zg-row-head-border, var(--zg-row-border-bottom, var(--zg-row-border, var(--zg-row-border, 0)))));\n  border-left: var(--zg-row-head-border-left, var(--zg-row-head-border, var(--zg-row-border-left, var(--zg-row-border, var(--zg-row-border, 0)))));\n  border-right: var(--zg-row-head-border-right, var(--zg-row-head-border, var(--zg-row-border-right, var(--zg-row-border, var(--zg-row-border, 0)))));\n  border-top: var(--zg-row-head-border-top, var(--zg-row-head-border, var(--zg-row-border-top, var(--zg-row-border, var(--zg-row-border, 1px solid var(--theme-border-color))))));\n  color: var(--zg-row-head-color, var(--zg-row-color));\n  display: flex;\n  position: relative;\n}\n\n:host ::slotted(zg-row:hover) {\n  background: var(--zg-row-head-background_hover);\n  color: var(--zg-row-head-color_hover, var(--zg-row-color_hover));\n}\n/* Even Rows */\n:host ::slotted(zg-row:nth-of-type(even)) {\n  background: var(--zg-row-head-background_even, var(--zg-row-head-background, var(--zg-head-background)));\n  color: var(--zg-row-head-color_even, var(--zg-row-head-color, var(--zg-row-color)));\n  min-height: var(--zg-row-head-height_even, var(--zg-row-head-height, var(--zg-row-height)));\n}\n:host ::slotted(zg-row:nth-of-type(even):hover) {\n  background: var(--zg-row-head-background_even_hover, var(--zg-row-head-background_hover, var(--zg-head-background_hover)));\n  color: var(--zg-row-head-color_even_hover, var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n/* Odd Rows */\n:host ::slotted(zg-row:nth-of-type(odd)) {\n  background: var(--zg-row-head-background_odd, var(--zg-row-head-background, var(--zg-head-background)));\n  color: var(--zg-row-head-color_odd, var(--zg-row-head-color, var(--zg-row-color)));\n  min-height: var(--zg-row-head-height_odd, var(--zg-row-head-height, var(--zg-row-height)));\n}\n:host ::slotted(zg-row:nth-of-type(odd):hover){\n  background: var(--zg-row-head-background_odd_hover, var(--zg-row-head-background_hover, var(--zg-head-background_hover)));\n  color: var(--zg-row-head-color_odd_hover, var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n\n/* AGGREGATE */\n:host ::slotted(zg-row[type=aggregate]) {\n  background: var(--zg-row-background_foot_aggregate, var(--zg-row-background_aggregate, var(--zg-row-background, auto)));\n  border-bottom: var(--zg-row-border-bottom_foot_aggregate, var(--zg-row-border-bottom_aggregate, var(--zg-row-border-bottom, auto)));\n  border-left: var(--zg-row-border-left_foot_aggregate, var(--zg-row-border-left_aggregate, var(--zg-row-border-left, auto)));\n  border-right: var(--zg-row-border-right_foot_aggregate, var(--zg-row-border-right_aggregate, var(--zg-row-border-right, auto)));\n  border-top: var(--zg-row-border-top_foot_aggregate, var(--zg-row-border-top_aggregate, var(--zg-row-border-top, auto)));\n  color: var(--zg-row-color_foot_aggregate, var(--zg-row-color_aggregate, var(--zg-row-color, auto)));\n  min-height: var(--zg-row-height_foot_aggregate, var(--zg-row-height_aggregate, var(--zg-row-height, auto)));\n}\n\n/* FROZEN */\n:host ::slotted(zg-row[type=frozen]) {\n  background: var(--zg-row-background_foot_frozen, var(--zg-row-background_frozen, var(--zg-row-background, auto)));\n  border-bottom: var(--zg-row-border-bottom_foot_frozen, var(--zg-row-border-bottom_frozen, var(--zg-row-border-bottom, auto)));\n  border-left: var(--zg-row-border-left_foot_frozen, var(--zg-row-border-left_frozen, var(--zg-row-border-left, auto)));\n  border-right: var(--zg-row-border-right_foot_frozen, var(--zg-row-border-right_frozen, var(--zg-row-border-right, auto)));\n  border-top: var(--zg-row-border-top_foot_frozen, var(--zg-row-border-top_frozen, var(--zg-row-border-top, auto)));\n  color: var(--zg-row-color_foot_frozen, var(--zg-row-color_frozen, var(--zg-row-color, auto)));\n}\n\n/*  In the case of zebra, we have to set the class so that we can use the header and footer data rows */\n:host ::slotted(zg-row.zebra-2) {\n  background: var(--theme-background-zebra, var(--zg-row-head-background, var(--zg-head-background)));\n}',""])},20422:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGFooter\n  * @var --zg-footer-background\n  * @description Styles the background of footer\n  * @default 0\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/0EVTA5YN\n  * @shadowOnly false\n  */\n  background: var(--zg-footer-background);\n  /**\n  * @memberof ZGFooter\n  * @var --zg-footer-border-bottom\n  * @description Styles the bottom border of footer\n  * @default var(--zg-footer-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/PUY88M0U\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-footer-border-bottom, var(--zg-footer-border, 0));\n  /**\n  * @memberof ZGFooter\n  * @var --zg-footer-border-left\n  * @description Styles the left border of footer\n  * @default var(--zg-footer-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/V3H9QB6G\n  * @shadowOnly false\n  */\n  border-left: var(--zg-footer-border-left, var(--zg-footer-border, 0));\n  /**\n  * @memberof ZGFooter\n  * @var --zg-footer-border-right\n  * @description Styles the right border of footer\n  * @default var(--zg-footer-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/TAJ68HA9\n  * @shadowOnly false\n  */\n  border-right: var(--zg-footer-border-right, var(--zg-footer-border, 0));\n  /**\n  * @memberof ZGFooter\n  * @var --zg-footer-border-top\n  * @description Styles the top border of footer\n  * @default var(--zg-footer-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/FMUNXOES\n  * @shadowOnly false\n  */\n  border-top: var(--zg-footer-border-top, var(--zg-footer-border, 0));\n  display: block;\n  z-index: 2;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */",""])},63858:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* Styling Wrappers\n * These independent wrapper divs sit on top of the grid to facilitate the frozen column visual look.\n * Since columns are split vertically into 3 rows (head, body, foot) there is no singular element\n * that wraps to form a column for styling, so we create artificial ones.\n * Their width is calculated (js) to match the current width of the matching frozen column,\n * otherwise the rest of the positioning/styling is handled with CSS (as of this writing).\n*/\n:host {\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-freeze-style-border\n  * @default 1px solid #d6e9ff\n  * @see border\n  * @description Styles the border of the frozen column styling element\n  * @demoLink https://app.zingsoft.com/demos/create/PPZ5PJ0L\n  * @shadowOnly false\n  */\n  border: var(--zing-grid-freeze-style-border, 1px solid #d6e9ff);\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-freeze-style-box-shadow\n  * @default inset 0 0 6px #99caff\n  * @see box-shadow\n  * @description Styles the box-shadow of the frozen column styling element\n  * @demoLink https://app.zingsoft.com/demos/create/KNJN315S\n  * @shadowOnly false\n  */\n  box-shadow: var(--zing-grid-freeze-style-box-shadow, inset 0 0 6px #99caff);\n\tpointer-events: none;\n\tposition: absolute;\n\theight: 100%;\n\ttop: 0;\n\tz-index: 1;\n}",""])},22287:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  background-clip: padding-box;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-background\n  * @description Styles the background of head cells\n  * @see background\n  * @default transparent\n  * @demoLink https://app.zingsoft.com/demos/create/5217Z4FJ\n  * @shadowOnly false\n  */\n  background: var(--zg-head-cell-background);\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border\n  * @description Styles the border of head cells\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/SX3TZT8V\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-bottom\n  * @description Styles the bottom border of head cells\n  * @see border\n  * @default var(--zg-head-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/DGH901RE\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-head-cell-border-bottom, var(--zg-head-cell-border, 0));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-left\n  * @description Styles the left border of head cells\n  * @see border\n  * @default var(--zg-head-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/YCA4IWR7\n  * @shadowOnly false\n  */\n  border-left: var(--zg-head-cell-border-left, var(--zg-head-cell-border, 0));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-right\n  * @description Styles the right border of head cells\n  * @see border\n  * @default var(--zg-head-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/04L65K0J\n  * @shadowOnly false\n  */\n  border-right: var(--zg-head-cell-border-right, var(--zg-head-cell-border, 0));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-top\n  * @description Styles the top border of head cells\n  * @see border\n  * @default var(--zg-head-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/8M5QYK55\n  * @shadowOnly false\n  */\n  border-top: var(--zg-head-cell-border-top, var(--zg-head-cell-border, 0));\n  box-sizing: border-box;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-color\n  * @description Sets the font color of head cells\n  * @see color\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/MOTKNFI7\n  * @shadowOnly false\n  */\n  color: var(--zg-head-cell-color);\n  display: flex;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-font-family\n  * @description Sets the font family of head cells\n  * @see font-family\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/O1EIWZE1\n  * @shadowOnly false\n  */\n  font-family: var(--zg-head-cell-font-family);\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-font-size\n  * @description Sets the font size of head cells\n  * @see font-size\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/UWQF6LZV\n  * @shadowOnly false\n  */\n  font-size: var(--zg-head-cell-font-size, var(--zing-grid-font-size));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-font-weight\n  * @description Sets the font weight of head cells\n  * @see font-weight\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/2LOCXCAB\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-head-cell-font-weight, var(--zing-grid-font-weight, 500));\n  /* overflow: hidden; */\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-padding\n  * @description Sets the padding of head cells\n  * @see padding\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/YEEKXD9Z\n  * @shadowOnly false\n  */\n  padding: var(--zg-head-cell-padding);\n  position: relative;\n  text-align: left;\n  top: 0;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-transition\n  * @description Sets the transition of head cells\n  * @see transition\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/5VYSMZ3T\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  transition: var(--zg-head-cell-transition);\n  vertical-align: middle;\n  /* The z-index here and on zg-filter is necessary for vertical grid lines with frozen columns */\n  z-index: 1;\n}\n\n/* Hover */ \n:host(:hover) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-background_hover\n  * @description Styles the background of head cells on hover\n  * @see background\n  * @default var(--zg-head-cell-background\n  * @demoLink https://app.zingsoft.com/demos/create/I05OFWBJ\n  * @shadowOnly false\n  */\n  background: var(--zg-head-cell-background_hover, var(--zg-head-cell-background));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-color_hover\n  * @default var(--zg-head-cell-color)\n  * @description Sets the font color of head cells on hover\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/ICS004MX\n  * @shadowOnly false\n  */\n  color: var(--zg-head-cell-color_hover, var(--zg-head-cell-color));\n  /* Set so tooltip appears above other head cells */\n  z-index: 2;\n}\n\n\n\n/* SPLIT PARENT\n-------------------------------------- */\n/* Split header, dynamically generated parent cells */\n:host([parent][depth="1"]) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-background\n  * @description Styles the background of parent head cells\n  * @see background\n  * @default var(--zg-head-cell-background)\n  * @demoLink https://app.zingsoft.com/demos/create/34TZMCUN\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  background: var(--zg-head-cell-parent-background, var(--zg-head-cell-background));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-border\n  * @description Styles the border of parent head cells\n  * @see border\n  * @default var(--zg-head-cell-border-bottom, var(--zg-head-cell-border, 1px solid var(--theme-border-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/J34P5J1C\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-border-bottom\n  * @description Styles the bottom border of parent head cells\n  * @see border\n  * @default var(--zg-head-cell-parent-border, var(--zg-head-cell-border-bottom, var(--zg-head-cell-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/B0M2Q9JO\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  border-bottom: var(--zg-head-cell-parent-border-bottom, var(--zg-head-cell-parent-border, var(--zg-head-cell-border-bottom, var(--zg-head-cell-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-border-left\n  * @description Styles the left border of parent head cells\n  * @see border\n  * @default var(--zg-head-cell-parent-border, var(--zg-head-cell-border-left, var(--zg-head-cell-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/8HS4D09Y\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  border-left: var(--zg-head-cell-parent-border-left, var(--zg-head-cell-parent-border, var(--zg-head-cell-border-left, var(--zg-head-cell-border))));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-border-right\n  * @description Styles the right border of parent head cells\n  * @see border\n  * @default var(--zg-head-cell-parent-border, var(--zg-head-cell-border-right, var(--zg-head-cell-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/J0AQFH0Z\n  * @shadowOnly false\n  */\n  border-right: var(--zg-head-cell-parent-border-right, var(--zg-head-cell-parent-border, var(--zg-head-cell-border-right, var(--zg-head-cell-border))));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-border-top\n  * @description Styles the top border of parent head cells\n  * @see border\n  * @default var(--zg-head-cell-parent-border, var(--zg-head-cell-border-top, var(--zg-head-cell-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/ECL23JR1\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  border-top: var(--zg-head-cell-parent-border-top, var(--zg-head-cell-parent-border, var(--zg-head-cell-border-top, var(--zg-head-cell-border))));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-color\n  * @default var(--zg-head-cell-color)\n  * @description Sets the font color of parent head cells\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/0Z3W1AR3\n  * @shadowOnly false\n  */\n  color: var(--zg-head-cell-parent-color, var(--zg-head-cell-color));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-font-size\n  * @description Sets the font-size of parent head cells\n  * @see font-size\n  * @default var(--zg-head-cell-font-size)\n  * @demoLink https://app.zingsoft.com/demos/create/8BVKTKQO\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  font-size: var(--zg-head-cell-parent-font-size, var(--zg-head-cell-font-size));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-font-weight\n  * @description Sets the font weight of parent head cells\n  * @see font-weight\n  * @default var(--zg-h -cell-font-weight)\n  * @demoLink https://app.zingsoft.com/demos/create/T658V69Y\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  font-weight: var(--zg-head-cell-parent-font-weight, var(--zg-head-cell-font-weight));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-padding\n  * @description Sets the padding of parent head cells\n  * @see padding\n  * @default var(--zg-head-cell-padding)\n  * @demoLink https://app.zingsoft.com/demos/create/JAH3NI1F\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  padding: var(--zg-head-cell-parent-padding, var(--zg-head-cell-padding));\n}\n:host([parent][depth="1"]:hover) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-background_hover\n  * @description Styles the background of parent head cells on hover\n  * @see background\n  * @default var(--zg-head-cell-background_hover)\n  * @demoLink https://app.zingsoft.com/demos/create/Y16SOZ0Y\n  * @shadowOnly false\n  */\n  background: var(--zg-head-cell-parent-background_hover, var(--zg-head-cell-background_hover)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-color_hover\n  * @default var(--zg-head-cell-color_hover)\n  * @description Sets the font color of parent head cells on hover\n  * @default var(--zg-head-cell-color_hover, var(--zg-head-cell-color))\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/YSGAZGLF\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  color: var(--zg-head-cell-parent-color_hover, var(--zg-head-cell-color_hover, var(--zg-head-cell-color)));\n}\n/* Empty cell next to [parent] cells. Removed styling so they don\'t conflict w/ calcs */\n:host([not-parent]) {\n  padding: 0;\n}\n\n/* SPECIAL STYLING FOR \'SELECTOR\' TYPE\n---------------------------------------- */\n:host([type="selector"]) {\n  padding: 0;\n}\n\n\n/* DRAGGING\n-------------------------------------- */\n:host([column-drag]) {\n  cursor: move;\n}\n/* Style the current column that is being reordered with `[column-drag]` */\n:host(.is-reordering) {\n  background: var(--theme-background-color);\n}\n\n\n\n/* RESIZING\n-------------------------------------- */\n/* \n  Column Resizer\n  Hide on load. Only show if: \n  - Column header hovered \n  - ZG has [column-resizable-persistent]\n  - Individual ZGColumn has [resize-persistent]\n*/\n:host ::slotted(zg-column-resize) {\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity .15s;\n}\n:host([resize-persistent]) ::slotted(zg-column-resize),\n:host(:hover) ::slotted(zg-column-resize) {\n  opacity: 1;\n  visibility: visible;\n}\n\n\n\n/* ZING-GRID ALLOWED TO SORT COLUMNS\n-------------------------------------- */\n\n/* If current cell\'s \'column\' is currently sorted, allow custom column styling */\n:host([sort-asc]),\n:host([sort-desc]) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-background_sorted\n  * @description Styles the background of sorted head cells\n  * @see background\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/F7W6O5Y8\n  * @shadowOnly false\n  */\n  background: var(--zg-head-cell-background_sorted, inherit) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border_sorted\n  * @description Styles the border of sorted head cells\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/NJHYC5BT\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-bottom_sorted\n  * @description Styles the bottom border of sorted head cells\n  * @see border\n  * @default var(--zg-head-cell-border_sorted, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/7J8IXN3Q\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-head-cell-border-bottom_sorted, var(--zg-head-cell-border_sorted, 0)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-left_sorted\n  * @description Styles the left border of sorted head cells\n  * @see border\n  * @default var(--zg-head-cell-border_sorted, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/86HPGI9W\n  * @shadowOnly false\n  */\n  border-left: var(--zg-head-cell-border-left_sorted, var(--zg-head-cell-border_sorted, 0)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-right_sorted\n  * @description Styles the right border of sorted head cells\n  * @see border\n  * @default var(--zg-head-cell-border_sorted, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/PUMKY3AA\n  * @shadowOnly false\n  */\n  border-right: var(--zg-head-cell-border-right_sorted, var(--zg-head-cell-border_sorted, 0)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-top_sorted\n  * @description Styles the top border of sorted head cells\n  * @see border\n  * @default var(--zg-head-cell-border_sorted, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/CGQ6DGYI\n  * @shadowOnly false\n  */\n  border-top: var(--zg-head-cell-border-top_sorted, var(--zg-head-cell-border_sorted, 0)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-color_sorted\n  * @description Sets the font color of sorted head cells\n  * @default var(--zg-head-cell-color)\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/XZEPKE31\n  * @shadowOnly false\n  */\n  color: var(--zg-head-cell-color_sorted, var(--zg-head-cell-color)) !important;\n  z-index: 1;\n}\n\n/* Sorted Hover */\n:host([sort-asc]:hover),\n:host([sort-desc]:hover) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-background_sorted_hover\n  * @description Styles the background of sorted head cells on hover\n  * @see background\n  * @default var(--zg-head-cell-background_sorted, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/A4RMGO6M\n  * @shadowOnly false\n  */\n  background: var(--zg-head-cell-background_sorted_hover, var(--zg-head-cell-background_sorted, inherit)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-bottom_sorted_hover\n  * @description Styles the bottom border of sorted head cells on hover\n  * @see border\n  * @default var(--zg-head-cell-border-bottom_sorted, var(--zg-head-cell-border_sorted, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/9NEF2EKA\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-head-cell-border-bottom_sorted_hover, var(--zg-head-cell-border-bottom_sorted, var(--zg-head-cell-border_sorted, 0))) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-left_sorted_hover\n  * @description Styles the left border of sorted head cells on hover\n  * @see border\n  * @default var(--zg-head-cell-border-left_sorted, var(--zg-head-cell-border_sorted, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/U7Q6173N\n  * @shadowOnly false\n  */\n  border-left: var(--zg-head-cell-border-left_sorted_hover, var(--zg-head-cell-border-left_sorted, var(--zg-head-cell-border_sorted, 0))) !important;\n  border-right: var(--zg-head-cell-border-right_sorted, var(--zg-head-cell-border-right_sorted, var(--zg-head-cell-border_sorted, 0))) !important;\n  border-top: var(--zg-head-cell-border-top_sorted, var(--zg-head-cell-border-top_sorted, var(--zg-head-cell-border_sorted, 0))) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-color_sorted_hover\n  * @description Sets the font color of sorted head cells on hover\n  * @default var(--zg-head-cell-color_sorted, var(--zg-head-cell-color))\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/FKHQA0MI\n  * @shadowOnly false\n  */\n  color: var(--zg-head-cell-color_sorted_hover, var(--zg-head-cell-color_sorted, var(--zg-head-cell-color))) !important;\n}\n\n/* <zg-head-cell>s that aren\'t sortable shouldn\'t get a hover color */\n:host([sort="false"]:hover) {\n  background: var(--zg-head-cell-background, transparent);\n  border-bottom: var(--zg-head-cell-border-bottom, var(--zg-head-cell-border, 0));\n  border-left: var(--zg-head-cell-border-left, var(--zg-head-cell-border, 0));\n  border-right: var(--zg-head-cell-border-right, var(--zg-head-cell-border, 0));\n  border-top: var(--zg-head-cell-border-top, var(--zg-head-cell-border, 0));\n}\n:host([sort="false"][parent]:hover) {\n  background: var(--zg-head-cell-parent-background_hover) !important;\n  border-bottom: var(--zg-head-cell-parent-border-bottom_hover, var(--zg-head-cell-parent-border_hover));\n  border-left: var(--zg-head-cell-parent-border-left_hover, var(--zg-head-cell-parent-border_hover));\n  border-right: var(--zg-head-cell-parent-border-right_hover, var(--zg-head-cell-parent-border_hover));\n  border-top: var(--zg-head-cell-parent-border-top_hover, var(--zg-head-cell-parent-border_hover));\n}\n\n/* Hide if \'hidden\' attribute applied */\n:host([hidden]) {\n  display: none;\n}\n\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Inner Cell Wrapper */\n.zg-head-cell {\n  display: flex;\n  width: 100%;\n}\n/* \'Selector\' checkbox cell */\n:host([type="selector"]) .zg-head-cell {\n  align-items: center;\n  display: flex;\n}\n\n/* Inner Wrapper */\n.zg-head-cell-inner {\n  align-items: center;\n  display: inline-flex;\n  height: 100%;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-justify-content\n  * @description Sets the horizontal alignment of contents in head cells\n  * @see justify-content\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/M1I5BGRD\n  * @shadowOnly true\n  */\n  justify-content: var(--zg-head-cell-justify-content);\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-inner-padding\n  * @description Sets the padding of head cells inner content\n  * @see padding\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/KW2O5OZH\n  * @shadowOnly false\n  */\n  padding: var(--zg-head-cell-inner-padding);\n  vertical-align: middle;\n  width: 100%;\n}\n/* CELL ALIGNMENT */\n/* Center (If not a parent (not multi-header rows), or is a parent header, but not the first depth) */\n:host([align="center"]:not([parent])) .zg-head-cell-inner,\n:host([align="center"][parent]:not([depth="1"])) .zg-head-cell-inner {\n  justify-content: center;\n}\n/* Left (If not a parent (not multi-header rows), or is a parent header, but not the first depth) */\n:host([align="left"]:not([parent])) .zg-head-cell-inner,\n:host([align="left"][parent]:not([depth="1"])) .zg-head-cell-inner {\n  justify-content: flex-start;\n}\n/* Right (If not a parent (not multi-header rows), or is a parent header, but not the first depth) */\n:host([align="right"]:not([parent])) .zg-head-cell-inner,\n:host([align="right"][parent]:not([depth="1"])) .zg-head-cell-inner {\n  justify-content: flex-end;\n}\n\n\n\n/* TOOLTIP - ALL\n-------------------------------------- */\n:host([tooltip-type]) {\n  line-height: normal !important;\n}\n/* For testing and unit tests, so tooltip when the header cell has `.hover` applied */\n:host(.hover) ::slotted(zg-tooltip) {\n  display: block;\n}\n\n\n/* TOOLTIP - \'INFO\' TYPE STYLING\n-------------------------------------- */\n/* Info Icon Styling */\n:host([tooltip-type]) ::slotted(zg-icon) {\n  flex: none;\n}\n/* Type: Click */\n:host([tooltip-action="click"]) ::slotted(zg-icon) {\n  cursor: pointer;\n}\n\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* SORT ICON */\n:host ::slotted(.zg-head-icon) {\n  overflow: hidden;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-icon-margin\n  * @description Sets the margin of child icons in head cells\n  * @default Browser\'s default value\n  * @see margin\n  * @demoLink https://app.zingsoft.com/demos/create/GGPPE0Q1\n  * @shadowOnly false\n  */\n  margin: var(--zg-head-cell-icon-margin);\n  transform: scale(.8);\n  transition: width .2s cubic-bezier(.05,.69,.14,1);\n}\n/* Auto-hide and set null footprint for icon\'s without a [name] set */\n:host ::slotted(.zg-head-icon:not([name])) {\n  display: none;\n  width: 1px;\n}\n/* When it actually has an icon [type] */\n:host ::slotted(.zg-head-icon[name]) {\n  display: initial;\n}\n\n/* Keep on the right edge when grid set to `[dir="rtl"]` */\n:host([dir="rtl"]) ::slotted(.zg-head-icon) {\n  margin-right: 0;\n  margin-left: 3px;\n  transform:translateX(5px);\n}\n:host([align="left"][dir="rtl"]) ::slotted(.zg-head-icon[name]),\n:host([align="right"][dir="rtl"]) ::slotted(.zg-head-icon[name]) {\n  margin-left: 0;\n}\n:host([align="center"]:not([dir="rtl"])) ::slotted(.zg-head-icon[name]) {\n  margin-right: auto;\n}\n\n:host([not-parent]) ::slotted(.zg-head-icon) {\n  display:none;\n}\n\n/* When column is sorted */\n:host ::slotted([name="down"]),\n:host ::slotted([name="up"]) {\n  overflow: visible;\n  transform: scale(1);\n  width: var(--zg-icon-width) !important;\n}\n:host ::slotted([name="down"]) svg,\n:host ::slotted([name="up"]) svg {\n  fill: var(--zg-icon-color_sorted, inherit);\n}\n\n:host([not-parent]) ::slotted(.zg-head-icon) {\n  display:none;\n}\n\n\n/* CELL TEXT */\n:host ::slotted([data-field-index]) {\n  line-height: var(--zg-head-cell-data-line-height, 1.1);\n  position: relative;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  z-index: 1;\n}\n\n\n/* \n  When the header text is wider than the column width, set items to allow ellipses and to cutoff the text.\n  Note: we must unset the position or the tooltip will be cutoff as well.\n  Since the text goes all the way to the right edge, the tooltip changes from being placed right next to the text \n  (default behavior and why we removed overflow:hidden from always applying) to being placed at the right of the cell.\n*/\n:host([is-content-longer]) ::slotted([data-field-index]) {\n  overflow: hidden;\n  position: unset;\n}\n:host([type="selector"]:not([layout="card"])) ::slotted([data-field-index]) {\n  height: 100%;\n  line-height: 1;\n  width: 100%;\n  z-index: 1;\n}\n/* Column set to `align="right"` */\n:host([align="right"]:not([dir="rtl"])) ::slotted([data-field-index]) {\n  margin-left: auto;\n}\n:host([align="right"][dir="rtl"][tooltip-icon-position="after-text"]) ::slotted([data-field-index]),\n:host([align="right"][dir="rtl"][tooltip-icon-position="right"]) ::slotted([data-field-index]) {\n  flex: 1;\n}\n/* Column set to `align="center"` */\n:host([align="center"][tooltip-icon-position="left"]) ::slotted([data-field-index]),\n:host([align="center"][tooltip-icon-position="right"]) ::slotted([data-field-index]) {\n  flex: 1;\n  text-align: center;\n}\n\n\n/* DETAILS ICON (TOOLTIP) */\n:host ::slotted(.zg-head-details-icon) {\n  cursor: default !important;\n  flex: 1 0 auto;\n  overflow: hidden;\n  margin: 0;\n  transform: scale(.8) translate(4px, -1px);\n  transition: width .2s cubic-bezier(.05,.69,.14,1);\n}\n:host([tooltip-action="click"]) ::slotted(.zg-head-details-icon) {\n  cursor: pointer !important;\n}\n/* Auto-hide and set null footprint for icon\'s without a [name] set */\n:host ::slotted(.zg-head-details-icon:not([name])) {\n  display: none;\n  width: 1px;\n}\n\n\n/* POSITION: AFTER TEXT */\n:host ::slotted(.zg-head-details-icon[position="after-text"]) {\n  order: 1;\n}\n\n:host([align="center"]:not([dir="rtl"])) ::slotted(.zg-head-details-icon[position="after-text"]) {\n  /*  This makes the header text not be centered.  I don\'t know what it is used for\n  margin-right: auto;\n  */\n}\n:host([dir="rtl"]) ::slotted(.zg-head-details-icon[position="after-text"]) {\n  margin-right: 6px;\n}\n:host([align="right"][dir="rtl"]) ::slotted(.zg-head-details-icon[position="after-text"]) {\n  margin-left: -6px;\n}\n\n\n/* POSITION: LEFT-EDGE */\n:host ::slotted(.zg-head-details-icon[position="left"]) {\n  margin-right: 6px;\n  margin-left: -6px;\n}\n:host([align="center"]) ::slotted(.zg-head-details-icon[position="left"]) {\n  margin-right: auto;\n}\n:host([align="center"]:not([dir="rtl"])) ::slotted(.zg-head-details-icon[position="left"]) {\n  margin-left: -2px;\n}\n:host([align="left"][dir="rtl"]) ::slotted(.zg-head-details-icon[position="left"]) {\n  margin-left: 0;\n  margin-right: 0;\n}\n:host([align="right"][dir="rtl"]) ::slotted(.zg-head-details-icon[position="left"]) {\n  margin-left: auto;\n  margin-right: 0;\n}\n\n\n/* POSITION: RIGHT-EDGE */\n:host ::slotted(.zg-head-details-icon[position="right"]) {\n  order: 1;\n  margin-left: auto;\n}\n:host([dir="rtl"]) ::slotted(.zg-head-details-icon[position="right"]) {\n  margin-left: -6px;\n  margin-right: auto;\n}\n:host([align="right"]) ::slotted(.zg-head-details-icon[position="right"]) {\n  margin-left: 0;\n}\n\n:host([align="right"][dir="rtl"]) ::slotted(.zg-head-details-icon[position="right"]) {\n  margin-left: -6px;\n  margin-right: 6px;\n}\n',""])},19826:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-background\n  * @description Styles the background of grid head rows\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/CO1P3ZJI\n  * @shadowOnly false\n  */\n  background: var(--zg-head-background);\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border\n  * @description Styles the border of grid head rows\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/12I3VYOI\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border-bottom\n  * @description Styles the bottom border of grid head rows\n  * @see border\n  * @default var(--zg-head-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/4G7I1G9M\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-head-border-bottom, var(--zg-head-border, 0));\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border-left\n  * @description Styles the left border of grid head rows\n  * @see border\n  * @default var(--zg-head-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/CM2MSBIS\n  * @shadowOnly false\n  */\n  border-left: var(--zg-head-border-left, var(--zg-head-border, 0));\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border-right\n  * @description Styles the right border of grid head rows\n  * @see border\n  * @default var(--zg-head-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/89L6VL2X\n  * @shadowOnly false\n  */\n  border-right: var(--zg-head-border-right, var(--zg-head-border, 0));\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border-top\n  * @description Styles the top border of grid head rows\n  * @see border\n  * @default var(--zg-head-border)\n  * @demoLink https://app.zingsoft.com/demos/create/Y25A4K13\n  * @shadowOnly false\n  */\n  border-top: var(--zg-head-border-top, var(--zg-head-border));\n  display: block;\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border-radius\n  * @description Styles the border-radius of grid head rows\n  * @see border-radius\n  * @default var(--zg-head-border-radius)\n  * @demoLink https://app.zingsoft.com/demos/create/Y25A4K13\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-head-border-radius, 0);\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-visibility\n  * @description Sets the visibility of grid head rows\n  * @see visibility\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6LA6GMQ7\n  * @shadowOnly false\n  */\n  visibility: var(--zg-head-visibility);\n  box-sizing: border-box;\n}\n\n/* SLOTTED\n-------------------------------------- */\n/* Layout: Card */\n:host([layout=\"card\"]) {\n    display: none;\n}\n\n/* All Rows */\n:host ::slotted(zg-row) {\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background\n  * @description Styles the background of grid head rows\n  * @see background\n  * @default var(--zg-head-background)\n  * @demoLink https://app.zingsoft.com/demos/create/T8UI8JED\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background, var(--zg-head-background));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-border\n  * @description Styles the border of row\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/W9UFLHOX\n  * @default 0\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-border-bottom\n  * @description Styles the bottom border of row\n  * @see border\n  * @default var(--zg-row-border, var(--zg-row-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/6ZQGCDWL\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-border\n  * @description Styles the border of grid head rows\n  * @see border\n  * @default var(--zg-row-border-bottom, var(--zg-row-border, var(--zg-row-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/8GTM3CE7\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-border-bottom\n  * @description Styles the bottom border of grid head rows\n  * @see border\n  * @default var(--zg-row-head-border, var(--zg-row-border-bottom, var(--zg-row-border, var(--zg-row-border, 0))))\n  * @demoLink https://app.zingsoft.com/demos/create/UG4IJY7N\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-row-head-border-bottom, var(--zg-row-head-border, var(--zg-row-border-bottom, var(--zg-row-border, var(--zg-row-border, 0)))));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-border-left\n  * @description Styles the left border of grid head rows\n  * @see border\n  * @default var(--zg-row-head-border, var(--zg-row-border-left, var(--zg-row-border, var(--zg-row-border, 0))))\n  * @demoLink https://app.zingsoft.com/demos/create/FN1JN1YH\n  * @shadowOnly false\n  */\n  border-left: var(--zg-row-head-border-left, var(--zg-row-head-border, var(--zg-row-border-left, var(--zg-row-border, var(--zg-row-border, 0)))));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-border-right\n  * @description Styles the right border of grid head rows\n  * @see border\n  * @default var(--zg-row-head-border, var(--zg-row-border-right, var(--zg-row-border, var(--zg-row-border, 0))))\n  * @demoLink https://app.zingsoft.com/demos/create/B52RNC1C\n  * @shadowOnly false\n  */\n  border-right: var(--zg-row-head-border-right, var(--zg-row-head-border, var(--zg-row-border-right, var(--zg-row-border, var(--zg-row-border, 0)))));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-border-top\n  * @description Styles the top border of grid head rows\n  * @see border\n  * @default var(--zg-row-head-border, var(--zg-row-border-top, var(--zg-row-border, var(--zg-row-border, 0))))\n  * @demoLink https://app.zingsoft.com/demos/create/9WUUNY7A\n  * @shadowOnly false\n  */\n  border-top: var(--zg-row-head-border-top, var(--zg-row-head-border, var(--zg-row-border-top, var(--zg-row-border, var(--zg-row-border, 0)))));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color\n  * @description Styles the font color of grid head rows\n  * @default var(--zg-row-color)\n  * @demoLink https://app.zingsoft.com/demos/create/XNSFRPXK\n  * @see color\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color, var(--zg-row-color));\n  display: flex;\n  position: relative;\n}\n\n:host ::slotted(zg-row:hover) {\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background_hover\n  * @description Styles the background of grid head rows on hover\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/WEG2YAI2\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background_hover);\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color_hover\n  * @description Styles the font color of grid head rows on hover\n  * @see color\n  * @default var(--zg-row-color_hover)\n  * @demoLink https://app.zingsoft.com/demos/create/AB7QQ2HJ\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color_hover, var(--zg-row-color_hover));\n}\n/* Even Rows */\n:host ::slotted(zg-row:nth-of-type(even)) {\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background_even\n  * @description Styles the background of 'even' grid head rows\n  * @see background\n  * @default var(--zg-row-head-background, var(--zg-head-background))\n  * @demoLink https://app.zingsoft.com/demos/create/SFSLBH2B\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background_even, var(--zg-row-head-background, var(--zg-head-background)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color_even\n  * @description Styles the font color of 'even' grid head rows\n  * @see color\n  * @default var(--zg-row-head-color, var(--zg-row-color))\n  * @demoLink https://app.zingsoft.com/demos/create/MVTLQ6OY\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color_even, var(--zg-row-head-color, var(--zg-row-color)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-height_even\n  * @description Sets the height of 'even' grid head rows\n  * @see height\n  * @default var(--zg-row-head-height, var(--zg-row-height))\n  * @demoLink https://app.zingsoft.com/demos/create/ZJKCHBEN\n  * @shadowOnly false\n  */\n  min-height: var(--zg-row-head-height_even, var(--zg-row-head-height, var(--zg-row-height)));\n}\n:host ::slotted(zg-row:nth-of-type(even):hover) {\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background_even_hover\n  * @description Styles the background of 'even' grid head rows on hover\n  * @see background\n  * @default var(--zg-row-head-background_hover, var(--zg-head-background_hover))\n  * @demoLink https://app.zingsoft.com/demos/create/NTNFHUQO\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background_even_hover, var(--zg-row-head-background_hover, var(--zg-head-background_hover)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color_even_hover\n  * @description Styles the font color of 'even' grid head rows on hover\n  * @see color\n  * @default var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/R7N097DV\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color_even_hover, var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n/* Odd Rows */\n:host ::slotted(zg-row:nth-of-type(odd)) {\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background_odd\n  * @description Styles the background of 'odd' grid head rows\n  * @see background\n  * @default var(--zg-row-head-background, var(--zg-head-background))\n  * @demoLink https://app.zingsoft.com/demos/create/P3C6STNW\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background_odd, var(--zg-row-head-background, var(--zg-head-background)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color_odd\n  * @description Sets the font color of 'odd' grid head rows\n  * @see color\n  * @default var(--zg-row-head-color, var(--zg-row-color))\n  * @demoLink https://app.zingsoft.com/demos/create/ORCFAHM5\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color_odd, var(--zg-row-head-color, var(--zg-row-color)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-height_odd\n  * @description Sets the height of 'odd' grid head rows\n  * @see height\n  * @default var(--zg-row-head-height, var(--zg-row-height))\n  * @demoLink https://app.zingsoft.com/demos/create/HR7CPKI6\n  * @shadowOnly false\n  */\n  min-height: var(--zg-row-head-height_odd, var(--zg-row-head-height, var(--zg-row-height)));\n}\n:host ::slotted(zg-row:nth-of-type(odd):hover){\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background_odd_hover\n  * @description Styles the background of 'odd' grid head rows on hover\n  * @see background\n  * @default var(--zg-row-head-background_hover, var(--zg-head-background_hover))\n  * @demoLink https://app.zingsoft.com/demos/create/V416TJNV\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background_odd_hover, var(--zg-row-head-background_hover, var(--zg-head-background_hover)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color_odd_hover\n  * @description Styles the font color of 'odd' grid head rows on hover\n  * @see color\n  * @default var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/CFKT71C3\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color_odd_hover, var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n\n/* First Row styling */\n:host ::slotted(zg-row:first-of-type){\n  border-radius: var(--zg-head-border-radius, 0);\n}\n\n/*  Vertical gridlines still need horizontal gridlines in header */\n:host ::slotted(zg-row:last-child[gridlines-vertical]) {\n  --zg-row-head-border-bottom: 1px solid var(--theme-border-color);\n  --zg-cell-border-bottom_aggregate: 1px solid var(--theme-border-color);\n  --zg-cell-border-bottom_frozen: 1px solid var(--theme-border-color);\n}\n\n:host ::slotted(zg-row:last-child[gridlines-horizontal]) {\n  --zg-row-head-border-bottom: unset;\n  --zg-cell-border-bottom_aggregate: unset;\n  --zg-cell-border-bottom_frozen: unset;\n}\n\n/* ZG-FILTER */\n:host ::slotted(zg-row[type=\"filter\"]),\n:host ::slotted(zg-row[type=\"filter\"]:hover) {\n  min-height: var(--zg-filter-height);\n  background: var(--zg-row-background_filter, var(--zg-row-background, auto));\n  /*  Had to remove this line for ticket #652\n  border-top: var(--zg-filter-border-top, var(--zg-filter-border, 1px solid var(--theme-border-color))); */\n}\n\n/* AGGREGATE */\n:host ::slotted(zg-row[type=aggregate]),\n:host ::slotted(zg-row[type=aggregate]:hover) {\n  background: var(--zg-row-background_head_aggregate, var(--zg-row-background_aggregate, var(--zg-row-background, auto)));\n  border-bottom: var(--zg-cell-border-bottom_aggregate, var(--zg-cell-border-bottom, var(--zg-cell-border, 0)));\n  border-left: var(--zg-cell-border-left_aggregate, var(--zg-cell-border-left, var(--zg-cell-border, 0)));\n  border-right: var(--zg-cell-border-right_aggregate, var(--zg-cell-border-right, var(--zg-cell-border, 0)));\n  border-top: var(--zg-cell-border-top_aggregate, var(--zg-cell-border-top, var(--zg-cell-border, 0)));\n  color: var(--zg-row-color_head_aggregate, var(--zg-row-color_aggregate, var(--zg-row-color, auto)));\n  min-height: var(--zg-row-height_head_aggregate, var(--zg-row-height_aggregate, var(--zg-row-height, auto)));\n}\n\n/* FROZEN */\n:host ::slotted(zg-row[type=frozen]),\n:host ::slotted(zg-row[type=frozen]:hover) {\n  background: var(--zg-row-background_head_frozen, var(--zg-row-background_frozen, var(--zg-row-background, auto)));\n  border-bottom: var(--zg-cell-border-bottom_frozen, var(--zg-cell-border-bottom, var(--zg-cell-border, 0)));\n  border-left: var(--zg-cell-border-left_frozen, var(--zg-cell-border-left, var(--zg-cell-border, 0)));\n  border-right: var(--zg-cell-border-right_frozen, var(--zg-cell-border-right, var(--zg-cell-border, 0)));\n  border-top: var(--zg-cell-border-top_frozen, var(--zg-cell-border-top, var(--zg-cell-border, 0)));\n  color: var(--zg-row-color_head_frozen, var(--zg-row-color_frozen, var(--zg-row-color, auto)));\n}\n\n/*  In the case of zebra, we have to set the class so that we can use the header and footer data rows */\n:host ::slotted(zg-row.zebra-2) {\n  background: var(--theme-background-zebra, var(--zg-row-head-background, var(--zg-head-background)));\n}\n\n:host ::slotted(zg-row[internal-top]) {\n  border-top: 0px;\n}\n",""])},40786:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-background\n  * @description Styles the background of header\n  * @default Browser's default value\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/RNK9KGL1\n  * @shadowOnly false\n  */\n  background: var(--zg-header-background);\n   /**\n  * @memberof ZGHeader\n  * @var --zg-header-border\n  * @description Styles the border of header\n  * @default 0\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/D3AD1LTZ\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-border-bottom\n  * @description Styles the bottom border of header\n  * @default var(--zg-header-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/ZOYVLTTM\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-header-border-bottom, var(--zg-header-border, 0));\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-border-left\n  * @description Styles the left border of header\n  * @default var(--zg-header-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/AMLDCFOE\n  * @shadowOnly false\n  */\n  border-left: var(--zg-header-border-left, var(--zg-header-border, 0));\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-border-right\n  * @description Styles the right border of header\n  * @default var(--zg-header-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/XCB64506\n  * @shadowOnly false\n  */\n  border-right: var(--zg-header-border-right, var(--zg-header-border, 0));\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-border-top\n  * @description Styles the top border of header\n  * @default var(--zg-header-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/7UN98I97\n  * @shadowOnly false\n  */\n  border-top: var(--zg-header-border-top, var(--zg-header-border, 0));\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-border-radius\n  * @description Applies border radius to header\n  * @default 0\n  * @see border-radius\n  * @demoLink https://app.zingsoft.com/demos/create/J5P8R36J\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-header-border-radius, 0);\n  display: block;\n  z-index: 2;\n}",""])},29039:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  display: inline-block;\n  /**\n  * @memberof ZGIcon\n  * @var --zg-icon-height\n  * @description Sets the height of icon. Also set width using --zg-icon-width to scale icon.\n  * @see height\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/35ELYFHO\n  * @shadowOnly false\n  */\n  height: var(--zg-icon-height);\n  line-height: 1rem;\n  overflow: hidden;\n  position: relative;\n  vertical-align: top;\n  /**\n  * @memberof ZGIcon\n  * @var --zg-icon-width\n  * @description Sets the width of icon. Also set height using --zg-icon-height to scale icon.\n  * @see width\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/QN5FK1OU\n  * @shadowOnly false\n  */\n  width: var(--zg-icon-width);\n}\n:host([hidden]) {\n  display: none;\n}\n\n/* If it has [init], set the child svg color to a muted color */\n:host([init]) ::slotted(svg) {\n  /**\n  * @memberof ZGIcon\n  * @var --zg-icon-init-fill\n  * @description Sets fill color of icon when element has\n  * [init] attribute. This indicates that column is sortable.\n  * The [init] is removed when column is sorted.\n  * @default Browser\'s default value\n  * @see fill\n  * @demoLink https://app.zingsoft.com/demos/create/K3C0AD5K\n  * @shadowOnly false\n  */\n  fill: var(--zg-icon-init-fill) !important;\n}\n\n/* CURSOR-BASED PAGINATION STYLING\n-------------------------------------- */\n:host([type="cursor"]) ::slotted(svg) {\n  --zg-icon-color: #fff;\n  transform: translateX(1px);\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(*) {\n  pointer-events: none;\n}\n\n/* Default SVG */\n:host ::slotted(svg) {\n  /**\n  * @memberof ZGIcon\n  * @var --zg-icon-color\n  * @description Sets the fill color of icon\n  * @see fill\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/QP3CK186\n  * @shadowOnly false\n  */\n  fill: var(--zg-icon-color, var(--theme-color-primary));\n}\n:host:not([internal-status]) ::slotted(svg) {\n  height: inherit;\n  left: 0;\n  pointer-events: none;\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n/* \n  Do not fill the parent svg for some icons \n  See conditional in ZGIcon.js (\'deselect\')\n*/\n:host ::slotted(svg[no-fill]) {\n  fill: none;\n}\n\n/* FONT AWESOME */\n/* User-defined FONT AWESOME (Ex: <zing-grid icon-set="fontawesome") */\n/* Format: <i class="fas fa-exclamation-circle"></i> */\n/* \'.fas\' is the consistent item so we trigger that */\n:host ::slotted(.fas) {\n  color: var(--zg-icon-color, var(--theme-color-primary));\n}\n:host ::slotted(.fas):before {\n  font-size: calc(var(--zg-icon-width) - 2px);\n}\n\n/* WHEN SLOTTED INTO OTHER COMPONENTS\n---------------------------------------- */\n\n/* ZG-CAPTION: <zg-caption> */\n:host([internal-caption]) {\n  align-self: var(--zg-caption-toolbar-align-self, var(--zg-caption-align-items, center));\n  /* For internal use only */\n  height: var(--zg-caption-icon-height, var(--zg-icon-height));\n  /* For internal use only */\n  width: var(--zg-caption-icon-width, var(--zg-icon-width));\n}\n\n:host([internal-caption]) ::slotted(svg) {\n  /* For internal use only */\n  fill: var(--zg-caption-icon-color, var(--zg-icon-color));\n}\n\n/* ZG-HEAD-CELL: <zg-head-cell> */\n/* -- When cell is currently sorted */\n:host([sort-asc]) ::slotted(svg),\n:host([sort-desc]) ::slotted(svg) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-icon-color_sorted\n  * @description Sets the fill color of icon in sorted head cells\n  * @see fill\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/I4QTA64O\n  * @shadowOnly false\n  */\n  fill: var(--zg-head-cell-icon-color_sorted, var(--theme-color));\n}\n\n/* ZG-STATUS: <zg-status> */\n:host([internal-status]) ::slotted(svg) {\n  /* For internal use only */\n  fill: var(--zg-status-icon-color, #fff);\n}\n\n:host([name="info"]),\n:host([internal-cell]) {\n  vertical-align: middle;\n}',""])},11516:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host([action]) {\n  display: block;\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-height\n  * @description Sets the height of input field\n  * @see height\n  * @default 28px\n  * @demoLink https://app.zingsoft.com/demos/create/B0P81J0Q\n  * @shadowOnly true\n  */\n  height: var(--zg-input-height, 28px);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-width\n  * @description Sets the width of input field\n  * @see width\n  * @default 28px\n  * @demoLink https://app.zingsoft.com/demos/create/SCCSW2QV\n  * @shadowOnly true\n  */\n  width: var(--zg-input-width, 28px);\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(input) {\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-background\n  * @description Styles the background of input field\n  * @see background\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/QTKU281K\n  * @shadowOnly false\n  */\n  background: var(--zg-input-background, #fff);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border\n  * @description Styles the border of input field\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/DDD2BCSL\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-bottom\n  * @description Styles the bottom border of input field\n  * @see border\n  * @default var(--zg-input-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/MDMU28K6\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-input-border-bottom, var(--zg-input-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-left\n  * @description Styles the left border of input field\n  * @see border\n  * @default var(--zg-input-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/JLCD44RA\n  * @shadowOnly false\n  */\n  border-left: var(--zg-input-border-left, var(--zg-input-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-right\n  * @description Styles the right border of input field\n  * @see border\n  * @default var(--zg-input-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/8A95H8P7\n  * @shadowOnly false\n  */\n  border-right: var(--zg-input-border-right, var(--zg-input-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-top\n  * @description Styles the top border of input field\n  * @see border\n  * @default var(--zg-input-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/LCS35KDI\n  * @shadowOnly false\n  */\n  border-top: var(--zg-input-border-top, var(--zg-input-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-radius\n  * @description Applies a border radius to the input\n  * @default Browser's default value\n  * @see border-radius\n  * @demoLink https://app.zingsoft.com/demos/create/EPJYLC6I\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-input-border-radius);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-box-shadow\n  * @description Applies a box shadow behind input field\n  * @see box-shadow\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/18VIQFAN\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-input-box-shadow, none);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-color\n  * @description Sets the font color of input field\n  * @see color\n  * @default var(--zing-grid-color, var(--theme-color))\n  * @demoLink https://app.zingsoft.com/demos/create/XOU2K69C\n  * @shadowOnly false\n  */\n  color: var(--zg-input-color, var(--theme-color_alt));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-font-family\n  * @description Sets the font family of input field\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/T5ZCU5MK\n  * @shadowOnly false\n  */\n  font-family: var(--zg-input-font-family, inherit);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-font-size\n  * @description Sets the font size of input field\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/2N4JCUM7\n  * @shadowOnly false\n  */\n  font-size: var(--zg-input-font-size, var(--theme-font-size));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-font-style\n  * @description Sets the font style of input field\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/23LLZSPN\n  * @shadowOnly false\n  */\n  font-style: var(--zg-input-font-style, inherit);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-font-weight\n  * @description Sets the font weight of input field\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/D4KPNBOE\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-input-font-weight, inherit);\n  height: var(--zg-input-height, 28px);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-line-height\n  * @description Sets the line height of input field\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/4S3RA0D1\n  * @shadowOnly true\n  */\n  line-height: var(--zg-input-line-height, inherit);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-margin\n  * @description Sets the margin of input field\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/QIT4GPWJ\n  * @shadowOnly false\n  */\n  margin: var(--zg-input-margin, 0);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-padding\n  * @description Sets the padding of input field\n  * @see padding\n  * @default 0 6px\n  * @demoLink https://app.zingsoft.com/demos/create/6YX1BW65\n  * @shadowOnly false\n  */\n  padding: var(--zg-input-padding, 0 6px);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-text-align\n  * @description Sets the text alignment of input field\n  * @see text-align\n  * @default center\n  * @demoLink https://app.zingsoft.com/demos/create/19KNP52I\n  * @shadowOnly false\n  */\n  text-align: var(--zg-input-text-align, left);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-transform\n  * @description Sets the transform of input field\n  * @see transform\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/OSSRVJZZ\n  * @shadowOnly false\n  */\n  transform: var(--zg-input-transform);\n\n  width: var(--zg-input-width, auto);\n}\n\n:host([action]) ::slotted(input) {\n  color: var(--zg-input-color, var(--theme-color));\n  font-size: var(--zg-input-font-size, inherit);\n  padding: var(--zg-input-padding, 0);\n  text-align: center;\n  width: var(--zg-input-width, 100%);\n}\n\n:host ::slotted(input:focus) {\n  background: var(--zg-input-background_focus, #fff);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border_focus\n  * @description Styles the border of input field on focus\n  * @see border\n  * @default 1px solid rgba(82, 168, 236, 0.8)\n  * @demoLink https://app.zingsoft.com/demos/create/I3GK9SS3\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-bottom_focus\n  * @description Styles the bottom border of input field on focus\n  * @see border\n  * @default var(--zg-input-border_focus, 1px solid rgba(82, 168, 236, 0.8))\n  * @demoLink https://app.zingsoft.com/demos/create/2SM40FSO\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-input-border-bottom_focus, var(--zg-input-border_focus, var(--zg-input-border-bottom, var(--zg-input-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-left_focus\n  * @description Styles the left border of input field on focus\n  * @see border\n  * @default var(--zg-input-border_focus, )))\n  * @demoLink https://app.zingsoft.com/demos/create/FQ51FTQF\n  * @shadowOnly false\n  */\n  border-left: var(--zg-input-border-left_focus, var(--zg-input-border_focus, var(--zg-input-border-left, var(--zg-input-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-right_focus\n  * @description Styles the right border of input field in modal on focus\n  * @see border\n  * @default var(--zg-input-border_focus, )))\n  * @demoLink https://app.zingsoft.com/demos/create/11XL0MH6\n  * @shadowOnly false\n  */\n  border-right: var(--zg-input-border-right_focus, var(--zg-input-border_focus, var(--zg-input-border-right, var(--zg-input-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-top_focus\n  * @description Styles the top border of input field in modal on focus\n  * @see border\n  * @default var(--zg-input-border_focus, )))\n  * @demoLink https://app.zingsoft.com/demos/create/BLSGA86T\n  * @shadowOnly false\n  */\n  border-top: var(--zg-input-border-top_focus, var(--zg-input-border_focus, var(--zg-input-border-top, var(--zg-input-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-color_focus\n  * @description Sets the font color of input field in modal on focus\n  * @see color\n  * @default var(--zg-input-color)\n  * @demoLink https://app.zingsoft.com/demos/create/62OIL7CR\n  * @shadowOnly false\n  */\n  color: var(--zg-input-color_focus, var(--zg-input-color, var(--theme-color_alt)));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-font-size_focus\n  * @description Sets the font size of input field on focus\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/BPE8TYD5\n  * @shadowOnly false\n  */\n  font-size: var(--zg-input-font-size_focus, var(--zg-input-font-size, var(--theme-font-size)));\n  /*outline: 0;*/\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-transform_focus\n  * @description Sets the transform of input field in modal on focus\n  * @see transform\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/ZCZMD7I3\n  * @shadowOnly false\n  */\n  transform: var(--zg-input-transform_focus);\n}\n",""])},59735:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* Hide if it has [hidden] attribute */\n:host { \n  align-items: center;\n  display: flex;\n}\n:host([hidden]) { display:none; }\n\n\n/* SLOTTED ELEMENTS\n---------------------------------------- */\n/* Select All cell */\n:host ::slotted(zg-checkbox) {\n  margin-left: 6px;\n  font-size: 90%;\n}\n/* \'Cards\' label */\n:host ::slotted(zg-text) {\n  font-size: 90%;\n  margin-right: 5px;\n}\n/* Layout Control Buttons */\n:host ::slotted(zg-button) {\n  border-radius: 3px;\n  margin-left: 2px;\n}\n:host ::slotted(zg-button[action="layoutcard"]) {\n  transform: translateY(3.0px);\n}\n:host ::slotted(zg-button[action="layoutrow"]) {\n  transform: translateY(2.5px);\n}',""])},49042:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n\n/* Add styles to internally-appended load-mask only.\nUser-added markup on load will not have styling they need to overwrite */\n:host([default-load-mask]) {\n  align-items: center;\n  background: rgba(115, 142, 150, 0.4);\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  position: absolute;\n  width: 100%;\n  z-index: 1000;\n}\n\n/* Wrap */\n.default-wrap {\n  align-items: baseline;\n  display: flex;\n  justify-content: center;\n}\n\n/* Text */\n.loading-text {\n /**\n  * @memberof ZGLoadMask\n  * @var --zg-load-mask-color\n  * @description Sets the font color of the loading text\n  * @see color\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/embed/YTE2VZ54\n  * @shadowOnly true\n  */\n  color: var(--zg-load-mask-color, #fff);\n  font-size: 2rem;\n  margin-right: 6px;\n  text-shadow: 0 0 5px #8d9ea9;\n}\n\n/* Dot Animation */\n@keyframes CYCLE {\n  0% { opacity:0; }\n  50% { opacity:1; }\n  100% { opacity:0; }\n}\n.animation-wrap {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n}\n.animation-dot,\n.animation-wrap:after,\n.animation-wrap:before {\n  content: '';\n  animation-duration: 1.5s;\n  animation-iteration-count: infinite;\n  animation-name: CYCLE;\n  background: #fff;\n  border-radius: 50%;\n  box-shadow: 0 0 5px #adb7bd;\n  display: block;\n  height: 5px;\n  margin: 0 4px;\n  opacity: 0;\n  width: 5px;\n}\n.animation-dot {\n  animation-delay: 300ms;\n}\n.animation-wrap:after {\n  animation-delay: 600ms;\n}",""])},21793:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  background: var(--zg-menu-item-background, var(--zg-menu-background, inherit));\n  border-bottom: 1px solid var(--theme-border-color);\n  margin-bottom: 5px;\n  padding-bottom: 10px;\n}\n:host([hidden]) {\n  display: none;\n}\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* LABEL */\n.zg-menu-group-label {\nalign-items: center;\n  display: flex;\n  padding: 10px;\n}\n\n/* ITEMS */\n.zg-menu-group-items {\n  border: 1px solid var(--theme-border-color);\n  display: flex;\n  margin: 0 5px;\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(zg-icon) {\n  margin-right: 5px;\n}\n\n:host([dir="rtl"]) ::slotted(zg-icon) {\n  margin-left: 5px;\n  margin-right: unset;\n}\n\n:host ::slotted(zg-menu-item) {\n  --zg-menu-item-justify-content: center;\n  border-left: var(--zg-menu-item-border-left, var(--zg-menu-border-left, var(--zg-menu-item-border, var(--zg-menu-border, 1px solid var(--theme-border-color)))));\n}\n:host ::slotted(zg-menu-item:hover),\n:host ::slotted(zg-menu-item.hover) {\n  border-left: var(--zg-menu-item-border-left_hover, var(--zg-menu-item-border_hover, var(--zg-menu-item-border-left, var(--zg-menu-border-left, var(--zg-menu-item-border, var(--zg-menu-border, 1px solid var(--theme-border-color)))))));\n}\n\n:host ::slotted(zg-menu-item:first-of-type) {\n  margin-left: -1px;\n}',""])},65168:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  --zg-icon-height: 14px;\n  --zg-icon-width: 14px;\n\n  align-items:center;\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-background\n  * @description Styles the background of menu item\n  * @see background\n  * @default var(--zg-menu-background)\n  * @demoLink https://app.zingsoft.com/demos/create/B9ZW7JZ1\n  * @shadowOnly false\n  */\n  background: var(--zg-menu-item-background, var(--zg-menu-background));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border\n  * @description Styles the border of menu item\n  * @see border\n  * @default var(--zg-menu-item-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/OY846P1S\n  * @shadowOnly false\n  */\n  border: var(--zg-menu-item-border, 0);\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-bottom\n  * @description Styles the bottom border of menu item\n  * @see border\n  * @default var(--zg-menu-border-bottom, var(--zg-menu-item-border))\n  * @demoLink https://app.zingsoft.com/demos/create/K3RGBXUS\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-menu-item-border-bottom, var(--zg-menu-item-border));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-left\n  * @description Styles the left border of menu item\n  * @see border\n  * @default var(--zg-menu-border-left, var(--zg-menu-item-border))\n  * @demoLink https://app.zingsoft.com/demos/create/I02JZBV4\n  * @shadowOnly false\n  */\n  border-left: var(--zg-menu-item-border-left, var(--zg-menu-item-border));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-right\n  * @description Styles the border-right of menu item\n  * @see border\n  * @default var(--zg-menu-border-right, var(--zg-menu-item-border))\n  * @demoLink https://app.zingsoft.com/demos/create/XBLE7Y9F\n  * @shadowOnly false\n  */\n  border-right: var(--zg-menu-item-border-right, var(--zg-menu-item-border));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-top\n  * @description Styles the border-top of menu item\n  * @see border\n  * @default var(--zg-menu-border-top, var(--zg-menu-item-border))\n  * @demoLink https://app.zingsoft.com/demos/create/JXUI3ZZ1\n  * @shadowOnly false\n  */\n  border-top: var(--zg-menu-item-border-top, var(--zg-menu-item-border));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-color\n  * @description Styles the color of menu item\n  * @see color\n  * @default var(--zg-menu-color)\n  * @demoLink https://app.zingsoft.com/demos/create/PB332NEO\n  * @shadowOnly false\n  */\n  color: var(--zg-menu-item-color, var(--zg-menu-color));\n  box-sizing: border-box;\n  contain: content;\n  cursor: pointer;\n  display: inline-flex;\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-padding\n  * @description Sets the padding of menu item\n  * @see padding\n  * @default 2px 9px\n  * @demoLink https://app.zingsoft.com/demos/create/J8SC2JZ7\n  * @shadowOnly false\n  */\n  padding: var(--zg-menu-item-padding, 2px 9px);\n  transition: background var(--theme-transition_speed);\n}\n:host([hidden]) {\n  display: none;\n}\n:host([disabled]),\n:host([disabled]:hover) {\n  background: inherit;\n  cursor: not-allowed;\n}\n\n:host(:hover), :host(.hover) {\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-background_hover\n  * @description Styles the background of menu item on hover\n  * @see background\n  * @default var(--zg-menu-item-background, var(--zg-menu-background))\n  * @demoLink https://app.zingsoft.com/demos/create/TGJCKUFU\n  * @shadowOnly false\n  */\n  background: var(--zg-menu-item-background_hover, var(--zg-menu-item-background, var(--zg-menu-background)));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border_hover\n  * @description Styles the border of menu item on hover\n  * @see border\n  * @default var(--zg-menu-item-border)\n  * @demoLink https://app.zingsoft.com/demos/create/COY3QOQ4\n  * @shadowOnly false\n  */\n  border: var(--zg-menu-item-border_hover, var(--zg-menu-item-border));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-bottom_hover\n  * @description Styles the bottom border of menu item on hover\n  * @see border\n  * @default var(--zg-menu-item-border_hover, var(--zg-menu-item-border-bottom, var(--zg-menu-item-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/Y257HM34\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-menu-item-border-bottom_hover, var(--zg-menu-item-border_hover, var(--zg-menu-item-border-bottom, var(--zg-menu-item-border))));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-left_hover\n  * @description Styles the left border of menu item on hover\n  * @see border\n  * @default var(--zg-menu-item-border_hover, var(--zg-menu-item-border-left, var(--zg-menu-item-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/L6B0TSI2\n  * @shadowOnly false\n  */\n  border-left: var(--zg-menu-item-border-left_hover, var(--zg-menu-item-border_hover, var(--zg-menu-item-border-left, var(--zg-menu-item-border))));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-right_hover\n  * @description Styles the right border of menu item on hover\n  * @see border\n  * @default var(--zg-menu-item-border_hover, var(--zg-menu-item-border-right, var(--zg-menu-item-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/B0CA9PC5\n  * @shadowOnly false\n  */\n  border-right: var(--zg-menu-item-border-right_hover, var(--zg-menu-item-border_hover, var(--zg-menu-item-border-right, var(--zg-menu-item-border))));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-top_hover\n  * @description Styles the top border of menu item on hover\n  * @see border\n  * @default var(--zg-menu-item-border_hover, var(--zg-menu-item-border-top, var(--zg-menu-item-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/IEQ87DM1\n  * @shadowOnly false\n  */\n  border-top: var(--zg-menu-item-border-top_hover, var(--zg-menu-item-border_hover, var(--zg-menu-item-border-top, var(--zg-menu-item-border))));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-color_hover\n  * @description Styles the color of menu item on hover\n  * @see color\n  * @default var(--zg-menu-item-color, var(--zg-menu-color))\n  * @demoLink https://app.zingsoft.com/demos/create/G87OUAAS\n  * @shadowOnly false\n  */\n  color: var(--zg-menu-item-color_hover, var(--zg-menu-item-color, var(--zg-menu-color)));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-justify-content_hover\n  * @description Sets the horizontal alignment of contents in menu item on hover\n  * @see justify-content\n  * @default var(--zg-menu-item-justify-content, flex-start)\n  * @demoLink https://app.zingsoft.com/demos/create/E0CSUDJQ\n  * @shadowOnly false\n  */\n  justify-content: var(--zg-menu-item-justify-content_hover, var(--zg-menu-item-justify-content, flex-start));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-padding_hover\n  * @description Sets the padding of menu item on hover\n  * @see padding\n  * @default var(--zg-menu-item-padding, 2px 9px)\n  * @demoLink https://app.zingsoft.com/demos/create/2L3WUNZM\n  * @shadowOnly false\n  */\n  padding: var(--zg-menu-item-padding_hover, var(--zg-menu-item-padding, 2px 9px));\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(zg-button) {\n    /* make zg-button inside zg-menu-item click through and no hover effect */\n    pointer-events: none;\n    /**\n    * @memberof ZGMenuItem\n    * @var --zg-menu-item-justify-content\n    * @description Sets the horizontal alignment of contents in menu item\n    * @see justify-content\n    * @default flex-start\n    * @demoLink https://app.zingsoft.com/demos/create/E73X0A1J\n    * @shadowOnly false\n    */\n    /* \n      NOTE: Added here instead of :host above, b/c menuitems always have a button inside,\n      which should get the alignment. Because of this, if there is a use case where you want\n      the parent to have the justify-content value, you have to do it inline.\n    */\n    justify-content: var(--zg-menu-item-justify-content, flex-start);\n    width: 100%;\n}\n\n/* Custom User Button */\n/* Note: When a user adds w/o an icon, the `[action]` attribute value on the button will be '' */\n:host ::slotted(zg-button[action=\"\"]) {\n  padding-left:calc(var(--zg-icon-width) + 7px);\n  pointer-events: inherit;\n}\n\n:host(:hover) ::slotted(zg-button),\n:host(.hover) ::slotted(zg-button) {\n  /* Already documented above */\n  color: var(--zg-menu-item-color_hover, var(--zg-button-color));\n  /* \n    NOTE: Added here instead of :host above, b/c menuitems always have a button inside,\n    which should get the alignment. Because of this, if there is a use case where you want\n    the parent to have the justify-content value, you have to do it inline.\n  */\n  justify-content: var(--zg-menu-item-justify-content_hover, var(--zg-menu-item-justify-content, flex-start));\n}",""])},12697:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-background\n  * @description Styles background of menu dropdown\n  * @see background\n  * @default Browser\'s defaul value\n  * @demoLink https://app.zingsoft.com/demos/create/H302IPDV\n  * @shadowOnly true\n  */\n  background: var(--zg-menu-background);\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-border\n  * @description Styles the border of menu dropdown\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/L29XD0SG\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-border-bottom\n  * @description Styles the bottom border of menu dropdown\n  * @see border\n  * @default var(--zg-menu-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/BP6Q1ONR\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-menu-border-bottom, var(--zg-menu-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-border-left\n  * @description Styles the left border of menu dropdown\n  * @see border\n  * @default var(--zg-menu-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/YTOQWH4D\n  * @shadowOnly false\n  */\n  border-left: var(--zg-menu-border-left, var(--zg-menu-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-border-right\n  * @description Styles the right border of menu dropdown\n  * @see border\n  * @default var(--zg-menu-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/9PZS6F7O\n  * @shadowOnly false\n  */\n  border-right: var(--zg-menu-border-right, var(--zg-menu-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-border-top\n  * @description Styles the top border of menu dropdown\n  * @see border\n  * @default var(--zg-menu-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/60VFS9X7\n  * @shadowOnly false\n  */\n  border-top: var(--zg-menu-border-top, var(--zg-menu-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-box-shadow\n  * @description Applies a box shadow to menu dropdown\n  * @see box-shadow\n  * @default 0 3px 3px #ccc\n  * @demoLink https://app.zingsoft.com/demos/create/8KM669HT\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-menu-box-shadow, 0 3px 3px #ccc);\n  box-sizing: border-box;\n  display: inline-block;\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-padding\n  * @description Sets the padding of the menu dropdown\n  * @see padding\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/O1VERLUD\n  * @shadowOnly false\n  */\n  padding: var(--zg-menu-padding, 0);\n  position: absolute;\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-font-size\n  * @description Sets the font size of menu dropdown\n  * @see font-size\n  * @default 0.8rem\n  * @demoLink https://app.zingsoft.com/demos/create/H08WWNC4\n  * @shadowOnly false\n  */\n  font-size: var(--zg-menu-font-size, 0.8rem);\n  user-select: none;\n  z-index: var(--theme-z-index_tall, 10000);\n}\n:host([hidden]) {\n  display: none;\n}\n\n/* RIGHT-CLICK MENU VERSION */\n:host(#userContextMenuClone[menu-opener="context"]) {\n  transform: translate(20px, -17px);\n}\n:host(#userContextMenuClone[menu-opener="context"][internal-dir="left"]) {\n  transform: translate(-20px, -17px);\n}\n:host(#userContextMenuClone[menu-opener="static"]) {\n  transform: translate(0px, 10px);\n}\n/* Add \'cursor position\' arrow */\n:host(#userContextMenuClone[menu-opener="context"]):after,\n:host(#userContextMenuClone[menu-opener="context"]):before {\n  border-color: transparent;\n  border-style: solid;\n  content: \'\';\n  display: block;\n  position: absolute;\n  right: var(--menu-arrow-right, 100%);\n}\n:host(#userContextMenuClone[menu-opener="context"]):before {\n  border-width: 8px;\n  border-right-color: var(--theme-border-color);\n  top: 10px;\n}\n:host(#userContextMenuClone[menu-opener="context"]):after {\n  border-width: 6px;\n  border-right-color: var(--theme-background-zebra);\n  top: 12px;\n}\n\n:host(#userContextMenuClone[menu-opener="context"][internal-dir="left"]):after,\n:host(#userContextMenuClone[menu-opener="context"][internal-dir="left"]):before {\n  content: unset;\n}\n\n\n/* COLUMNS-CONTROL MENU VERSION */\n:host(#columnMenu) {\n  --zg-menu-padding: 10px;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n.zg-menu {\n    display: flex;\n    flex-direction: column;\n    height: auto;\n    padding: var(--zg-menu-padding, 5px);\n}\n\n/* RIGHT-CLICK MENU VERSION */\n:host(#userContextMenuClone) .zg-menu {\n  --zg-menu-padding: 0 0 5px;\n}\n\n/* COLUMNS-CONTROL MENU VERSION */\n:host(#columnMenu) .zg-menu {\n  --zg-menu-padding: 6px 10px;\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* COLUMNS-CONTROL MENU VERSION */\n:host(#columnMenu) ::slotted(zg-menuitem) {\n  --zg-menu-item-padding: 3px 0;\n}',""])},48311:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-background\n  * @description Styles the background of empty message when in `<zg-header>`\n  * @see background\n  * @default var(--theme-color-light)\n  * @demoLink https://app.zingsoft.com/demos/create/DZ18XBMU\n  * @shadowOnly false\n  */\n  background: var(--zg-no-data-background, var(--theme-color-light));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border\n  * @description Styles the border of empty message when in `<zg-header>`\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/H9H8800K\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border-bottom\n  * @description Styles the bottom border of empty message when in `<zg-header>`\n  * @see border\n  * @default var(--zg-no-data-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/5GHU0UT2\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-no-data-border-bottom, var(--zg-no-data-border, 0));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border-left\n  * @description Styles the left border of empty message when in `<zg-header>`\n  * @see border\n  * @default var(--zg-no-data-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/8PC30SFF\n  * @shadowOnly false\n  */\n  border-left: var(--zg-no-data-border-left, var(--zg-no-data-border, 0));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border-right\n  * @description Styles the right border of empty message when in `<zg-header>`\n  * @see border\n  * @default var(--zg-no-data-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/4SZ8NQ8O\n  * @shadowOnly false\n  */\n  border-right: var(--zg-no-data-border-right, var(--zg-no-data-border, 0));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border-top\n  * @description Styles the top border of empty message when in `<zg-header>`\n  * @see border\n  * @default var(--zg-no-data-border, 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/F5LJEMJO\n  * @shadowOnly false\n  */\n  border-top: var(--zg-no-data-border-top, var(--zg-no-data-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border-radius\n  * @description Styles the border radius of empty message\n  * @see border-radius\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/A1CYESQT\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-no-data-border-radius, 0);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-color\n  * @description Sets the font color content inside of empty message when in `<zg-header>`\n  * @see color\n  * @default var(--theme-font-size)\n  * @demoLink https://app.zingsoft.com/demos/create/9QIBFMGP\n  * @shadowOnly false\n  */\n  color: var(--zg-no-data-color, var(--theme-font-size));\n  contain: content;\n  display: none;\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-font-size\n  * @description Sets the font size of empty message\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/26M7XA7S\n  * @shadowOnly false\n  */\n  font-size: var(--zg-no-data-font-size, .875rem);\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-font-style\n  * @description Sets the font style of empty message\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/ERYSUAI0\n  * @shadowOnly false\n  */\n  font-style: var(--zg-no-data-font-style, inherit);\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-font-weight\n  * @description Sets the font weight of empty message\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/PT3I1OQC\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-no-data-font-weight, inherit);\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-line-height\n  * @description Sets the line height of empty message\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/XGIEZHE5\n  * @shadowOnly false\n  */\n  line-height: var(--zg-no-data-line-height, inherit);\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-min-height\n  * @description Sets the min-height of empty message\n  * @see min-height\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/84P0AHF7\n  * @shadowOnly false\n  */\n  min-height: var(--zg-no-data-min-height, 100%);\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-padding\n  * @description Sets the padding of empty message\n  * @see padding\n  * @default var(--zg-cell-height, var(--theme-padding_x, auto))) var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/S9ZVCD9A\n  * @shadowOnly false\n  */\n  padding: var(--zg-no-data-padding, var(--zg-cell-height_layout_row, var(--zg-cell-height, var(--theme-padding_x, auto))) var(--theme-padding_x));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-text-align\n  * @description Sets text alignment of content inside of empty message\n  * @see text-align\n  * @default left\n  * @demoLink https://app.zingsoft.com/demos/create/TWOSCDLC\n  * @shadowOnly true\n  */\n  text-align: var(--zg-no-data-text-align, left);\n  place-content: var(--zg-no-data-text-align, left);\n  width: 100%;\n}\n:host([no-data]) {\n  align-items: flex-start;\n  display: flex;\n}\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n:host(.default) div[role=\"any\"] {\n  align-items: center;\n  display: flex;\n}\n\n/* User added `[no-data]` attribute */\n:host(.attr) {\n  font-weight: var(--zg-no-data-font-weight, 500);\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n\n/* 'Default message' default container */\n:host ::slotted(.default-message) {\n  font-weight: var(--zg-no-data-font-weight, 500);\n}\n\n/* 'Insert Record' default container */\n:host ::slotted(.default-insert-record) {\n  align-items:center;\n  display: flex;\n  margin-left: .3125rem;\n}",""])},56566:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-background\n    * @description Styles the background of option list\n    * @see background\n    * @default #fff\n    * @demoLink https://app.zingsoft.com/demos/create/JCRKBH4Y\n    * @shadowOnly false\n    */\n    background: var(--zg-option-list-background, #fff);\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-border\n    * @description Styles the border of option list\n    * @see border\n    * @default 1px solid var(--theme-border-color)\n    * @demoLink https://app.zingsoft.com/demos/create/SQNKOS7B\n    * @shadowOnly false\n    */\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-border-bottom\n    * @description Styles the bottom border of option list\n    * @see border\n    * @default var(--zg-option-list-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/31Q5PRQB\n    * @shadowOnly false\n    */\n    border-bottom: var(--zg-option-list-border-bottom, var(--zg-option-list-border, 1px solid var(--theme-border-color)));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-border-left\n    * @description Styles the left border of option list\n    * @see border\n    * @default var(--zg-option-list-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/3BWGQYG6\n    * @shadowOnly false\n    */\n    border-left: var(--zg-option-list-border-left, var(--zg-option-list-border, 1px solid var(--theme-border-color)));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-border-right\n    * @description Styles the right border of option list\n    * @see border\n    * @default var(--zg-option-list-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/SG9TA4DQ\n    * @shadowOnly false\n    */\n    border-right: var(--zg-option-list-border-right, var(--zg-option-list-border, 1px solid var(--theme-border-color)));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-border-top\n    * @description Styles the bottom top of option list\n    * @see border\n    * @default var(--zg-option-list-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/CZ8HY148\n    * @shadowOnly false\n    */\n    border-top: var(--zg-option-list-border-top, var(--zg-option-list-border, 1px solid var(--theme-border-color)));\n    bottom: auto;\n    box-sizing: border-box;\n    contain: content;\n    height: auto;\n    min-height: var(--zg-option-list-item-height, 32px);\n    max-width: 250px;\n    min-width: 100%;\n    z-index: 10000;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n.zg-option-list {\n    display: flex;\n    flex-direction: column;\n    margin: 0;\n    padding: 0;\n    zoom: 1;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* TODO: Clean up span CSS */\n:host ::slotted(span) {\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-border\n    * @description Styles the border of option list item\n    * @see border\n    * @default 0\n    * @demoLink https://app.zingsoft.com/demos/create/VH6WGYS9\n    * @shadowOnly false\n    */\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-border-bottom\n    * @description Styles the bottom border of option list item\n    * @see border\n    * @default var(--zg-option-list-item-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/QCJG4ENK\n    * @shadowOnly false\n    */\n    border-bottom: var(--zg-option-list-item-border-bottom, var(--zg-option-list-item-border, 0));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-border-left\n    * @description Styles the left border of option list item\n    * @see border\n    * @default var(--zg-option-list-item-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/DCZNW2UY\n    * @shadowOnly false\n    */\n    border-left: var(--zg-option-list-item-border-left, var(--zg-option-list-item-border, 0));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-border-right\n    * @description Styles the right border of option list item\n    * @see border\n    * @default var(--zg-option-list-item-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/442R7DGZ\n    * @shadowOnly false\n    */\n    border-right: var(--zg-option-list-item-border-right, var(--zg-option-list-item-border, 0));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-border-top\n    * @description Styles the top border of option list item\n    * @see border\n    * @default var(--zg-option-list-item-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/LBZKLEVF\n    * @shadowOnly false\n    */\n    border-top: var(--zg-option-list-item-border-top, var(--zg-option-list-item-border, 0));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-color\n    * @description Styles the color of option list item\n    * @default Browser\'s default value\n    * @see color\n    * @demoLink https://app.zingsoft.com/demos/create/RLKIPFXB\n    * @shadowOnly false\n    */\n    color: var(--zg-option-list-color, #000000);\n    cursor: pointer;\n    display: block;\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-height\n    * @description Sets the height of option list item\n    * @see height\n    * @default 32px\n    * @demoLink https://app.zingsoft.com/demos/create/LZZDJ4ZH\n    * @shadowOnly false\n    */\n    min-height: var(--zg-option-list-item-height, 32px);\n    height: var(--zg-option-list-item-height, 32px);\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-line-height\n    * @description Sets the line height of option list item\n    * @see line-height\n    * @default 32px\n    * @demoLink https://app.zingsoft.com/demos/create/9QGZA2DF\n    * @shadowOnly false\n    */\n    line-height: var(--zg-option-list-item-line-height, 32px);\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-padding\n    * @description Sets the padding of option list item\n    * @see padding\n    * @default 0 15px\n    * @demoLink https://app.zingsoft.com/demos/create/3TSJS7B1\n    * @shadowOnly false\n    */\n    padding: var(--zg-option-list-item-padding, 0 15px);\n    transition: all .15s;\n    overflow: hidden;\n    text-align: left;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    /* Safari */\n    list-style-type: none;\n}\n\n:host([dir="rtl"]) ::slotted(span) {\n    text-align: right;\n}\n\n:host ::slotted(span:hover) {\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-background_hover\n    * @description Sets the background of option list item on hover\n    * @see background\n    * @default var(--theme-color-secondary)\n    * @demoLink https://app.zingsoft.com/demos/create/SQITNDOY\n    * @shadowOnly false\n    */\n    background: var(--zg-option-list-item-background_hover, var(--theme-color-secondary));\n}',""])},89282:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-background\n  * @description Styles the background of pager\n  * @see background\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/DSI1M4K6\n  * @shadowOnly false\n  */\n  background: var(--zg-pager-background);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border\n  * @description Styles the border of pager\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/12I3VYOI\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-bottom\n  * @description Styles the bottom border of pager\n  * @see border\n  * @default var(--zg-pager-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/HLBTB6HX\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-pager-border-bottom, var(--zg-pager-border, 0));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-left\n  * @description Styles the left border of pager\n  * @see border\n  * @default var(--zg-pager-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/A3EQ97B7\n  * @shadowOnly false\n  */\n  border-left: var(--zg-pager-border-left, var(--zg-pager-border, 0));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-right\n  * @description Styles the right border of pager\n  * @see border\n  * @default var(--zg-pager-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/8PKZ2V87\n  * @shadowOnly false\n  */\n  border-right: var(--zg-pager-border-right, var(--zg-pager-border, 0));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-top\n  * @description Styles the top border of pager\n  * @see border\n  * @default var(--zg-pager-border)\n  * @demoLink https://app.zingsoft.com/demos/create/S7J5KA7S\n  * @shadowOnly false\n  */\n  border-top: var(--zg-pager-border-top, var(--zg-pager-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-box-shadow\n  * @description Applies a box shadow behind the pager\n  * @see box-shadow\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/E3ZE0EHX\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-pager-box-shadow, 0);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-color\n  * @description Sets the color of pager text\n  * @see color\n  * @default var(--zing-grid-color), var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/C1JDZLU9\n  * @shadowOnly false\n  */\n  color: var(--zg-pager-color, var(--zing-grid-color, var(--theme-color)));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-font-size\n  * @description Sets the font size of pager text\n  * @see font-size\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/4MA9LSWA\n  * @shadowOnly false\n  */\n  font-size: var(--zg-pager-font-size);\n  display: block;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-margin\n  * @description Sets the margin of pager\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/SQZ9LICW\n  * @shadowOnly false\n  */\n  margin: var(--zg-pager-margin, 0);\n  position: relative;\n  z-index: 3;\n}\n\n/* Add a bottom border when placed at the top of the grid (`[pager-position="top"]`) */\n:host([slot="top"]) {\n  border-bottom: 1px solid var(--theme-border-color);\n}\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Wrapper */\n.zg-pager {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Inner Wrapper */\n.zg-pager-inner {\n  align-items: center;\n  display: flex;\n  flex-direction: unset;\n  flex-wrap: wrap;\n  justify-content: center;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-height\n  * @description Sets the minimum height of pager\n  * @see min-height\n  * @default 1px\n  * @demoLink https://app.zingsoft.com/demos/create/5LQ86G4I\n  * @shadowOnly false\n  */\n  min-height: var(--zg-pager-height, 1px);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-padding\n  * @description Sets the padding of pager\n  * @see padding\n  * @default 0 var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/DFS7ZU1P\n  * @shadowOnly true\n  */\n  padding: var(--zg-pager-padding, 0 var(--theme-padding_x));\n}\n\n/* The Columns */\n.zg-pager-left,\n.zg-pager-right,\n.zg-pager-center {\n  align-items: center;\n  display: flex;\n  flex: 0 1 33.333%;\n  flex-direction: row;\n  margin-top: var(--zg-pager-section-margin-top);\n}\n\n/* Left */\n.zg-pager-left> :first-child {\n  margin-left: 0;\n}\n\n:host([viewport="mobile"]) .zg-pager-left {\n  order: 2;\n  transform: scale(.8);\n  z-index: 1;\n}\n\n/* Right */\n.zg-pager-right {\n  justify-content: flex-end;\n}\n\n/* -- Hide in mobile viewport */\n:host([viewport="mobile"]) .zg-pager-right {\n  display: none;\n}\n\n@media screen and (max-width:767px) {\n\n  :host([viewport-pause]) .zg-pager-left,\n  :host([viewport-stop]) .zg-pager-left {\n    order: 2;\n    transform: scale(.8);\n    z-index: 1;\n  }\n\n  :host([viewport-pause]) .zg-pager-right,\n  :host([viewport-stop]) .zg-pager-right {\n    display: none;\n  }\n}\n\n/* Center */\n.zg-pager-center {\n  justify-content: center;\n}\n\n\n@media screen and (max-width:350px) {\n  :host([viewport="mobile"]) .zg-pager-inner {\n    flex-direction: column;\n  }\n}\n\n/* STYLING WHEN IN \'CARD\' LAYOUT, BUT NOT MOBILE */\n:host([layout="card"]:not([viewport="mobile"])) {\n  /* NOTE: For internal use for now. Don\'t add JSDocs! */\n  border-bottom: var(--zg-pager-card-nonmobile-border-bottom);\n  border-left: var(--zg-pager-card-nonmobile-border-left);\n  border-right: var(--zg-pager-card-nonmobile-border-right);\n  border-top: var(--zg-pager-card-nonmobile-border-top);\n}\n\n/* STYLING WHEN IN \'MOBILE\' VIEWPORT */\n:host([viewport="mobile"]:not([layout="row"])) #inner {\n  flex-wrap: wrap;\n  padding-bottom: 10px;\n  padding-top: 10px;\n}\n\n:host([viewport="mobile"]:not([layout="row"])) #left {\n  flex-basis: 50%;\n  order: 1;\n}\n\n:host([viewport="mobile"]:not([layout="row"])) #center {\n  justify-content: center;\n  order: 3;\n  padding-top: 15px;\n}\n\n:host([viewport="mobile"]:not([layout="row"])) #right {\n  flex-basis: 50%;\n  order: 2;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(zg-input) {\n  flex: 0 1 auto;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-child-margin\n  * @description Sets the margin of pager items\n  * @see margin\n  * @default 0 5px\n  * @demoLink https://app.zingsoft.com/demos/create/BHPOIOVV\n  * @shadowOnly true\n  */\n  margin: var(--zg-pager-child-margin, 0 5px);\n}\n\n:host ::slotted(zg-button):first-child {\n  margin-left: calc(var(--zg-button-padding) - (var(--zg-button-padding) * 2) - 5px);\n}\n\n/* SELECT DROPDOWN */\n:host ::slotted(zg-select) {\n  margin-right: 3px;\n}\n\n:host([dir="rtl"]) ::slotted(zg-select) {\n  margin-left: 3px;\n  margin-right: 0px;\n}\n\n:host([pager-type*="button"]) ::slotted(zg-button[action="prevpage"]),\n:host([pager-type*="button"]) ::slotted(zg-button[action="nextpage"]),\n:host([pager-type*="button"]) ::slotted(zg-button[action="page"]) {\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-background_button\n  * @description Styles the background of pager buttons in \'button-pagination` mode\n  * @see background\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/RFPJ268T\n  * @shadowOnly false\n  */\n  background: var(--zg-pager-background_button, #fff);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border_button\n  * @description Styles the bottom border of pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/GMCTJPNT\n  * @shadowOnly false\n  */\n  border: var(--zg-pager-border_button);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-bottom_button\n  * @description Styles the bottom border of pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border_button)\n  * @demoLink https://app.zingsoft.com/demos/create/SX86NT1Z\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-pager-border-bottom_button, var(--zg-pager-border_button));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-left_button\n  * @description Styles the left border of pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border_button)\n  * @demoLink https://app.zingsoft.com/demos/create/7ZFWGWPZ\n  * @shadowOnly false\n  */\n  border-left: var(--zg-pager-border-left_button, var(--zg-pager-border_button));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-right_button\n  * @description Styles the right border of pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border_button)\n  * @demoLink https://app.zingsoft.com/demos/create/E0Z1Z61Z\n  * @shadowOnly false\n  */\n  border-right: var(--zg-pager-border-right_button, var(--zg-pager-border_button));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-top_button\n  * @description Styles the top border of pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border_button)\n  * @demoLink https://app.zingsoft.com/demos/create/GUTPFSA2\n  * @shadowOnly false\n  */\n  border-top: var(--zg-pager-border-top_button, var(--zg-pager-border_button));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-radius_button\n  * @description Applies border radius to the pager buttons in \'button-pagination\' mode\n  * @see border-radius\n  * @default 50%\n  * @demoLink https://app.zingsoft.com/demos/create/C5XSS45A\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-pager-border-radius_button, 0);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-color_button\n  * @description Sets the color of pager buttons in \'button-text\' mode\n  * @see color\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/3PUA1QDD\n  * @shadowOnly false\n  */\n  color: var(--zg-pager-color_button, var(--zg-pager-color, var(--zing-grid-color, var(--theme-color))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-height_button\n  * @description Sets the height of pager buttons in \'button-pagination\' mode\n  * @see height\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/NU8PS15R\n  * @shadowOnly false\n  */\n  height: var(--zg-pager-height_button, 26px);\n  justify-content: center;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-width_button\n  * @description Sets the width of pager buttons in \'button-pagination\' mode\n  * @see width\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/TND8N5QP\n  * @shadowOnly false\n  */\n  width: var(--zg-pager-width_button, 26px);\n\n}\n\n:host([pager-type*="button"]) ::slotted(zg-button[action="prevpage"][active]),\n:host([pager-type*="button"]) ::slotted(zg-button[action="nextpage"][active]),\n:host([pager-type*="button"]) ::slotted(zg-button[action="page"][active]) {\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-background_button_active\n  * @description Styles the background of active pager buttons in \'button-pagination` mode\n  * @see background\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/30Q3UD77\n  * @shadowOnly false\n  */\n  background: var(--zg-pager-background_button_active, var(--theme-color-primary));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border_button_active\n  * @description Styles the bottom border of active pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/S0T1BVWQ\n  * @shadowOnly false\n  */\n  border: var(--zg-pager-border_button_active, var(--zg-pager-border_button));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-bottom_button_active\n  * @description Styles the bottom border of active pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border-bottom_button_active, var(--zg-pager-border-bottom_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  * @demoLink https://app.zingsoft.com/demos/create/DTH3NBH8\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-pager-border-bottom_button_active, var(--zg-pager-border-bottom_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-left_button_active\n  * @description Styles the left border of active pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border-left_button_active, var(--zg-pager-border-left_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  * @demoLink https://app.zingsoft.com/demos/create/DMB3KOV6\n  * @shadowOnly false\n  */\n  border-left: var(--zg-pager-border-left_button_active, var(--zg-pager-border-left_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-right_button_active\n  * @description Styles the right border of active pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border-right_button_active, var(--zg-pager-border-right_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  * @demoLink https://app.zingsoft.com/demos/create/8IH4UBJB\n  * @shadowOnly false\n  */\n  border-right: var(--zg-pager-border-right_button_active, var(--zg-pager-border-right_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-top_button_active\n  * @description Styles the top border of active pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border-top_button_active, var(--zg-pager-border-top_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  * @demoLink https://app.zingsoft.com/demos/create/3P68ZU21\n  * @shadowOnly false\n  */\n  border-top: var(--zg-pager-border-top_button_active, var(--zg-pager-border-top_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-radius_button_active\n  * @description Applies border radius to the pager next/previous buttons in \'button-pagination\' mode\n  * @see border-radius\n  * @default 50%\n  * @demoLink https://app.zingsoft.com/demos/vicreateew/4NN6CW5X\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-pager-border-radius_button_active, var(--zg-pager-border-radius_button, 0));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-color_button_active\n  * @description Sets the color of pager buttons in \'button-pagination\' mode\n  * @see color\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/65T7U4OO\n  * @shadowOnly false\n  */\n  color: var(--zg-pager-color_button_active, var(--zg-pager-color_button, var(--zg-pager-color, var(--zing-grid-color, var(--theme-color)))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-height_button_active\n  * @description Sets the height of active pager buttons in \'button-pagination\' mode\n  * @see height\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/YQK9B3TR\n  * @shadowOnly false\n  */\n  height: var(--zg-pager-height_button_active, var(--zg-pager-height_button, 26px));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-width_button_active\n  * @description Sets the width of active pager buttons in \'button-pagination\' mode\n  * @see width\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/JGGN84RM\n  * @shadowOnly false\n  */\n  width: var(--zg-pager-width_button_active, var(--zg-pager-width_button, 26px));\n}\n\n\n/* BUTTON PAGINATION STYLING */\n/* Text Buttons */\n:host([pager-type="button-text"]) ::slotted(zg-button[action="prevpage"]),\n:host([pager-type="button-text"]) ::slotted(zg-button[action="nextpage"]) {\n  padding-left: 6px;\n  padding-right: 6px;\n  width: var(--zg-pager-width_button, auto);\n}\n\n/* Text Buttons */\n:host([pager-type="button-text"]) ::slotted(zg-button[action="prevpage"][active]),\n:host([pager-type="button-text"]) ::slotted(zg-button[action="nextpage"][active]) {\n  width: var(--zg-pager-width_button_active, var(--zg-pager-width_button, auto));\n}\n\n\n/* CURSOR-BASED PAGINATION STYLING */\n:host([type="cursor"]) ::slotted([action="nextpage"]),\n:host([type="cursor"]) ::slotted([action="prevpage"]) {\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-background_cursor\n  * @description Styles the background of pager next/previous buttons in \'cursor-pagination` mode\n  * @see background\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/2W0L943N\n  * @shadowOnly false\n  */\n  background: var(--zg-pager-background_cursor, var(--theme-color-primary));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-bottom_cursor\n  * @description Styles the bottom border of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/6GTM4FBP\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-pager-border-bottom_cursor, 0);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-left_cursor\n  * @description Styles the left border of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/RYTF8WCR\n  * @shadowOnly false\n  */\n  border-left: var(--zg-pager-border-left_cursor, 0);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-right_cursor\n  * @description Styles the right border of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/CROQ1YCC\n  * @shadowOnly false\n  */\n  border-right: var(--zg-pager-border-right_cursor, 0);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-top_cursor\n  * @description Styles the top border of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/FUJKHWQ4\n  * @shadowOnly false\n  */\n  border-top: var(--zg-pager-border-top_cursor, 0);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-radius_cursor\n  * @description Applies border radius to the pager next/previous buttons in \'cursor-pagination\' mode\n  * @see border-radius\n  * @default 50%\n  * @demoLink https://app.zingsoft.com/demos/create/NVMU8M40\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-pager-border-radius_cursor, 50%);\n  display: var(--zg-pager-display_cursor, flex);\n  place-content: var(--zg-pager-place-content_cursor, center);\n  place-items: var(--zg-pager-place-items_cursor, center);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-height_cursor\n  * @description Sets the height of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see height\n  * @default 21px\n  * @demoLink https://app.zingsoft.com/demos/create/1Q1Y5Y7U\n  * @shadowOnly false\n  */\n  height: var(--zg-pager-height_cursor, 21px);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-width_cursor\n  * @description Sets the width of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see width\n  * @default 21px\n  * @demoLink https://app.zingsoft.com/demos/create/XDFDMJDM\n  * @shadowOnly false\n  */\n  width: var(--zg-pager-width_cursor, 21px);\n}\n\n:host([type="cursor"]) ::slotted([action="nextpage"]) {\n  margin-left: 12px;\n}\n\n/* PAGE RESULTS */\n:host ::slotted(zg-text) {\n  align-self: center;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-text-margin\n  * @description Sets the margin of pager text\n  * @see margin\n  * @default 0 2px\n  * @demoLink https://app.zingsoft.com/demos/create/JRVD4KCC\n  * @shadowOnly false\n  */\n  margin: var(--zg-pager-text-margin, 0 2px);\n}\n\n/* SPECIAL SMALL-SIZE MOBILE STYLING\n-------------------------------------- */\n@media screen and (max-width:400px) {\n  :host([viewport="mobile"]) .zg-pager-inner {\n    flex-direction: column;\n  }\n\n  :host([viewport="mobile"]) .zg-pager-left {\n    flex-basis: 100%;\n  }\n\n  /* PAGE-SIZE SELECT */\n  :host([viewport="mobile"]) ::slotted(zg-select) {\n    display: flex;\n    align-items: center;\n  }\n\n  :host([viewport="mobile"]) ::slotted(zg-select):before {\n    content: \'Page Size\';\n    display: inline-block;\n    margin: 0 14px 0 0;\n  }\n}',""])},12456:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    display: none;\n}",""])},72584:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n/* Hide if \'hidden\' attribute applied */\n:host() {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-color\n  * @description Sets the font color of all rows\n  * @see color\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/DZMUUEIE\n  * @shadowOnly false\n  */\n  color: var(--zg-row-color);\n}\n:host(:hover) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-color_hover\n  * @description Sets the font color of all rows on hover\n  * @see color\n  * @default var(--zg-row-color)\n  * @demoLink https://app.zingsoft.com/demos/create/PY680MQ0\n  * @shadowOnly false\n  */\n  color: var(--zg-row-color_hover, var(--zg-row-color));\n}\n/* Hide if \'hidden\' attribute applied */\n:host([hidden]) {\n  display: none !important;\n}\n\n\n\n/* WHEN IN ZG-BODY\n-------------------------------------- */\n\n\n/* DEFAULT GRID LINES (HORIZONTAL, VERTICAL, BOTH)\n---------------------------------------------------- */\n:host([gridlines-vertical]) {\n  --zg-row-body-border-top: 0;\n}\n:host([gridlines-horizontal]) {\n  --zg-row-body-border-top: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - HEAD CELL - LEFT FRAME */\n:host([gridlines-vertical][frozen-frame="left"]) ::slotted(zg-head-cell) {\n  --zg-head-cell-border-right: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - BODY CELL - LEFT FRAME */\n:host([gridlines-vertical][frozen-frame="left"]) ::slotted(zg-cell) {\n  --zg-cell-border-right: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - FILTER - LEFT FRAME */\n:host([gridlines-vertical][frozen-frame="left"]) ::slotted(zg-filter) {\n  --zg-filter-border-right: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - HEAD CELL - MAIN AND RIGHT FRAME */\n:host([gridlines-vertical]:not([frozen-frame="left"])) ::slotted(zg-head-cell) {\n  --zg-head-cell-border-left: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - BODY CELL - MAIN AND RIGHT FRAME */\n:host([gridlines-vertical]:not([frozen-frame="left"]):not([layout="card"])) ::slotted(zg-cell:not([first])) {\n  --zg-cell-border-left: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - FILTER - MAIN AND RIGHT FRAME */\n:host([gridlines-vertical]:not([frozen-frame="left"])) ::slotted(zg-filter) {\n  --zg-filter-border-left: 1px solid var(--theme-border-color);\n  --zg-filter-border-left_sorted: 1px solid var(--theme-border-color);\n}\n\n/* HIDE DOUBLE LINE WHEN MAIN CONNECTS WITH BODY OR LEFT FRAME */\n:host([gridlines-vertical]) ::slotted(zg-head-cell[first]) {\n  --zg-head-cell-border-left: 0px;\n}\n\n:host([gridlines-vertical]) ::slotted(zg-cell[first]) {\n  --zg-cell-border-left: 0px;\n}\n\n:host([gridlines-vertical]) ::slotted(zg-filter[first]) {\n  --zg-filter-border-left: 0px;\n  --zg-filter-border-left_sorted: 0px;\n}\n\n\n\n/* LAYOUT: CARD\n-------------------------------------- */\n:host([layout="card"]) {\n  position: relative;\n}\n\n/* WHEN THE PARENT FOR...\n-------------------------------------- */\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* ZG-CELL */\n/* Layout: Card */\n:host([layout="card"]) ::slotted(zg-cell) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-display\n  * @description Sets the display of cards in \'card\' layout-mode\n  * @see display\n  * @default grid\n  * @demoLink https://app.zingsoft.com/demos/create/Y17MDY9A\n  * @shadowOnly false\n  * @storyAlert To see attribute in action, update grid layout to "card" mode (top-right corner).\n  */\n\n  box-sizing: border-box;\n  display: var(--zg-row-card-display, block);\n  flex-direction: column;\n  padding: var(--zg-row-card-cell-padding, 4px 30px 4px var(--theme-padding_x));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-flex-basis\n  * @description Sets the flex-basis of cards in \'card\' layout-mode\n  * @see flex-basis\n  * @default 100%\n  * @demoLink https://app.zingsoft.com/demos/create/T0ZQ0N6R\n  * @shadowOnly false\n  * @storyAlert To see attribute in action, update grid layout to "card" mode (top-right corner).\n  */\n  flex-basis: var(--zg-row-card-flex-basis, 100%);\n  max-width:100%;\n}\n/* Layout: Card */\n:host([layout="card"]) ::slotted(zg-cell:last-child) {\n  margin-bottom: 0;\n}\n/* Special styling for selector checkbox, edit and remove cells */\n:host([layout="card"]) ::slotted([type="duplicate"]),\n:host([layout="card"]) ::slotted([type="editor"]),\n:host([layout="card"]) ::slotted([type="remover"]),\n:host([layout="card"]) ::slotted([type="selector"]) {\n  display: flex;\n}\n/* Edit and Remove */\n:host([layout="card"]) ::slotted([type="duplicate"]),\n:host([layout="card"]) ::slotted([type="editor"]),\n:host([layout="card"]) ::slotted([type="remover"]) {\n  padding: 4px 5px;\n}\n\n:host(:not([card-template])) ::slotted(zg-card) {\n  display:none !important;\n}\n\n:host([card-template]) ::slotted(zg-cell) {\n  display:none !important;\n}\n:host([layout="card"]) ::slotted(zg-cell[data-control-field]:first-child:not([type="info"])) {\n  left: 7px;\n}\n\n/* When sort is present, clicking on the cell no longer should do a browser default selection */\n/* [sort] attr added to <zing-grid> */\n:host([sort]) ::slotted(zg-head-cell) {\n  user-select: none !important;\n  cursor: pointer;\n}\n/* If current cell is not sortable, don\'t show the hand cursor */\n:host([sort]) ::slotted(zg-head-cell[sort="false"]) {\n  cursor: default;\n}\n\n/* If resize columns is active, show the resize cursor */\n:host([resize-column])  ::slotted(zg-head-cell) {\n  cursor: ew-resize;\n}\n\n/* AGGREGATE */\n/* :host([type=aggregate]) { overflow:hidden; } */\n\n:host([type=aggregate]) ::slotted(zg-cell) {\n  background: var(--zg-cell-background_aggregate, var(--zg-cell-background));\n  color: var(--zg-cell-color_aggregate, var(--zg-cell-color, inherit));\n  font-family: var(--zg-cell-font-family_aggregate, var(--zg-cell-font-family, inherit));\n  font-size: var(--zg-cell-font-size_aggregate, var(--zg-cell-font-size, inherit));\n  font-style: var(--zg-cell-font-style_aggregate, var(--zg-cell-font-style, inherit));\n  font-weight: var(--zg-cell-font-weight_aggregate, var(--zg-cell-font-weight, inherit));\n  height: var(--zg-cell-height_aggregate, var(--zg-cell-height, auto));\n  line-height: var(--zg-cell-line-height_aggregate, var(--zg-cell-line-height, inherit));\n  padding: var(--zg-cell-padding_aggregate, var(--zg-cell-padding, var(--theme-padding_y) var(--theme-padding_x)));\n  white-space: nowrap;\n}\n\n:host([type=aggregate]) ::slotted(zg-cell[sorted]) {\n  background: var(--zg-cell-background_aggregate_sorted, var(--zg-cell-background_aggregate, var(--zg-cell-background)));\n  color: var(--zg-cell-color_aggregate_sorted, var(--zg-cell-color_aggregate, var(--zg-cell-color, inherit)));\n  font-family: var(--zg-cell-font-family_aggregate_sorted, var(--zg-cell-font-family_aggregate, var(--zg-cell-font-family, inherit)));\n  font-size: var(--zg-cell-font-size_aggregate_sorted, var(--zg-cell-font-size_aggregate, var(--zg-cell-font-size, inherit)));\n  font-style: var(--zg-cell-font-style_aggregate_sorted, var(--zg-cell-font-style_aggregate, var(--zg-cell-font-style, inherit)));\n  font-weight: var(--zg-cell-font-weight_aggregate_sorted, var(--zg-cell-font-weight_aggregate, var(--zg-cell-font-weight, inherit)));\n  height: var(--zg-cell-height_aggregate_sorted, var(--zg-cell-height_aggregate, var(--zg-cell-height, auto)));\n  line-height: var(--zg-cell-line-height_aggregate_sorted, var(--zg-cell-line-height_aggregate, var(--zg-cell-line-height, inherit)));\n  padding: var(--zg-cell-padding_aggregate_sorted, var(--zg-cell-padding_aggregate, var(--zg-cell-padding, var(--theme-padding_y) var(--theme-padding_x))));\n}\n\n:host(.row-dirty-removed),\n:host ::slotted(zg-cell.row-dirty-removed) {\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-row-dirty-delete-background-color\n  * @description Sets the background color of the dirty row on row delete\n  * @see background-color\n  * @default gray;\n  * @demoLink https://app.zingsoft.com/demos/create/QXUNHO2F\n  * @shadowOnly false\n  */\n  background-color: var(--zg-row-dirty-delete-background-color, gray) !important;\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-row-dirty-delete-color\n  * @description Sets the  color of the dirty row on row delete\n  * @see color\n  * @default \n  * @demoLink https://app.zingsoft.com/demos/create/GHEMFKE2\n  * @shadowOnly false\n  */\n  color: var(--zg-row-dirty-delete-color, inherit) !important;\n\n}\n\n:host(.row-dirty-inserted),\n:host ::slotted(zg-cell.row-dirty-inserted) {\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-row-dirty-insert-background-color\n  * @description Sets the background color of the dirty row on row insert\n  * @see background-color\n  * @default green;\n  * @demoLink https://app.zingsoft.com/demos/create/1QNVARYX\n  * @shadowOnly false\n  */\n  background-color: var(--zg-row-dirty-insert-background-color, green) !important;\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-row-dirty-insert-color\n  * @description Sets the color of the dirty row on row insert\n  * @see color\n  * @default \n  * @demoLink https://app.zingsoft.com/demos/create/XIUPV4FU\n  * @shadowOnly false\n  */\n  color: var(--zg-row-dirty-insert-color, inherit) !important;\n}',""])},29189:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {}\n:host([hidden]) {\n    display: none !important;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n.zg-search {\n  display: inline-flex;\n  align-items: center;\n  min-width: var(--zg-icon-width);\n  position: relative;\n}\n\n.zg-search-input {\n  display: none;\n  z-index: 1;\n}\n:host([active]) .zg-search-input {\n  display: block;\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* The search button */\n:host ::slotted(zg-button) {\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n}\n/* The search input */\n:host ::slotted(input) {\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-background\n  * @description Styles the background of search input field\n  * @see background-color\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/IYW53NTF\n  * @shadowOnly false\n  */\n  background-color: var(--zg-search-background);\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border\n  * @description Styles the border of search input field\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/4PDUZTH1\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border-bottom\n  * @description Styles the bottom border of search input field\n  * @see border\n  * @default var(--zg-search-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/3JVK4H1O\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-search-border-bottom, var(--zg-search-border, 0));\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border-left\n  * @description Styles the left border of search input field\n  * @see border\n  * @default var(--zg-search-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/YDSOVV4E\n  * @shadowOnly false\n  */\n  border-left: var(--zg-search-border-left, var(--zg-search-border, 0));\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border-radius\n  * @description Applies border radius to search input field\n  * @see border-radius\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/KXLSPBB4\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-search-border-radius, 0);\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border-right\n  * @description Styles the right border of search input field\n  * @see border\n  * @default var(--zg-search-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/79MXY4RD\n  * @shadowOnly false\n  */\n  border-right: var(--zg-search-border-right, var(--zg-search-border, 0));\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border-top\n  * @description Styles the top border of search input field\n  * @see border\n  * @default var(--zg-search-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/BVEFKOAX\n  * @shadowOnly false\n  */\n  border-top: var(--zg-search-border-top, var(--zg-search-border, 0));\n  box-sizing: border-box;\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-color\n  * @description Sets the font color of search input field\n  * @see color\n  * @default var(--theme-color_alt)\n  * @demoLink https://app.zingsoft.com/demos/create/P6DBIQ77\n  * @shadowOnly false\n  */\n  color: var(--zg-search-color, var(--theme-color_alt));\n  display: table-cell;\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-font-size\n  * @description Sets the font size of search input field\n  * @see font-size\n  * @default vd\n  * @demoLink https://app.zingsoft.com/demos/create/0ZWF57WG\n  * @shadowOnly false\n  */\n  font-size: var(--zg-search-font-size, var(--theme-font-size));\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-font-weight\n  * @description Sets the font weight of search input field\n  * @see font-weight\n  * @default var(--theme-font-weight)\n  * @demoLink https://app.zingsoft.com/demos/create/C460WKFJ\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-search-font-weight, var(--theme-font-weight));\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-height\n  * @description Sets the height of search input field\n  * @see height\n  * @default 32px\n  * @demoLink https://app.zingsoft.com/demos/create/VHSG3LZG\n  * @shadowOnly false\n  */\n  height: var(--zg-search-height, 32px);\n  line-height: 1;\n  outline: none;\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-padding\n  * @description Sets the padding of search input field\n  * @see padding\n  * @default 0 10px 0 15px\n  * @demoLink https://app.zingsoft.com/demos/create/I9PHNPDX\n  * @shadowOnly false\n  */\n  padding: var(--zg-search-padding, 0 10px);\n  width: 250px;\n}\n/* The search input (Right to Left direction) */\n:host([dir="rtl"]) ::slotted(input) {\nleft: 0;\nright: auto;\n}',""])},35957:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-background\n  * @description Styles the background of the entire select parent wrapper\n  * @default Browser's default value\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/FKASS504\n  * @shadowOnly true\n  */\n  background: var(--zg-select-background);\n  box-sizing: border-box;\n  cursor: pointer;\n  display:inline-block;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-font-family\n  * @description Sets the font family of the select option\n  * @see font-family\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/QEQSYYSZ\n  * @shadowOnly false\n  */\n  font-family: var(--zg-select-font-family);\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-font-size\n  * @description Sets the font size of the select option\n  * @see font-size\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/DY8BR3BP\n  * @shadowOnly false\n  */\n  font-size: var(--zg-select-font-size);\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-font-weight\n  * @description Sets the font weight of the select option\n  * @see font-weight\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/370EUHZ2\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-select-font-weight);\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-line-height\n  * @description Sets the line height of the select option\n  * @see line-height\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/WLLWY3LZ\n  * @shadowOnly false\n  */\n  line-height: var(--zg-select-line-height);\n  margin: 0;\n  padding: 0;\n  position: relative;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-transform\n  * @description Sets the transform of the select option\n  * @see transform\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/UCROZGFJ\n  * @shadowOnly false\n  */\n  transform: var(--zg-select-transform);\n  user-select: none;\n}\n:host([active]) {\n  z-index: 1000;\n}\n\n:host([disabled]) {\n  cursor: not-allowed;\n  opacity: 0.2 !important;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n.zg-select {\n  display: flex;\n  position: relative;\n  z-index: 2;\n}\n.zg-select-inner {\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-border\n  * @description Styles the border of the select\n  * @see border\n  * @default 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/C1KEFISX\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-border-bottom\n  * @description Styles the bottom border of the select\n  * @see border\n  * @default var(--zg-select-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/318YQ5SY\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-select-border-bottom, var(--zg-select-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-border-left\n  * @description Styles the left border of the select\n  * @see border\n  * @default var(--zg-select-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/3DXGEXHM\n  * @shadowOnly false\n  */\n  border-left: var(--zg-select-border-left, var(--zg-select-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-border-right\n  * @description Styles the right border of the select\n  * @see border\n  * @default var(--zg-select-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/TXSP6105\n  * @shadowOnly false\n  */\n  border-right: var(--zg-select-border-right, var(--zg-select-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-border-top\n  * @description Styles the top border of the select\n  * @see border\n  * @default var(--zg-select-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/DSM6AYMB\n  * @shadowOnly false\n  */\n  border-top: var(--zg-select-border-top, var(--zg-select-border, 1px solid var(--theme-border-color)));\n  display: flex;\n  margin: 0;\n  z-index: 0;\n  outline: none;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-height\n  * @description Sets the minimum height of the select\n  * @see height\n  * @default 28px\n  * @demoLink https://app.zingsoft.com/demos/create/B5HJ4SD8\n  * @shadowOnly true\n  */\n  min-height: var(--zg-select-height, 28px);\n  box-sizing: border-box;\n}\n\n/* Mask */\n.zg-selector-mask {\n  cursor: pointer;\n  display: none;\n  height: 100%;\n  left: 0;\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: 1;\n}\n.zg-selector-mask[active] {\n  display: block;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* The selected value element */\n:host ::slotted(.zg-select-selected) {\n  align-items: center;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-text-background\n  * @description Styles the background of the 'text' portion of the zg-select element\n  * @default #fff\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/MZG3WH82\n  * @shadowOnly false\n  */\n  background: var(--zg-select-text-background, var(--zg-select-background, #fff));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-color\n  * @description Sets the font color of the select\n  * @see color\n  * @default var(--zing-grid-color, var(--theme-color))\n  * @demoLink https://app.zingsoft.com/demos/create/LHLU0OLY\n  * @shadowOnly false\n  */\n  color: var(--zg-select-color, var(--zing-grid-color, var(--theme-color)));\n  display: flex;\n  flex: 1;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-min-width\n  * @description Sets the minimum width of select\n  * @see width\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/UPQ9KFW0\n  * @shadowOnly false\n  */\n  min-width: var(--zg-select-min-width);\n  justify-content: center;\n  overflow: hidden;\n}\n/* Active */\n:host([active]) ::slotted(.zg-select-selected) {\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-color_active\n  * @description Sets the font color of the select option\n  * @see color\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/6I5A2CSK\n  * @shadowOnly false\n  */\n  color: var(--zg-select-color_active, var(--zg-select-color, var(--zing-grid-color, var(--theme-color))));\n}\n\n/* Drop-down arrow element */\n:host ::slotted(.zg-select-trigger) {\n  align-items: center;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-trigger-background\n  * @description Styles the background of the select arrow button (trigger)\n  * @see background\n  * @default var(--zg-select-arrow-background)\n  * @demoLink https://app.zingsoft.com/demos/create/VXK1UMDY\n  * @shadowOnly false\n  */\n  background: var(--zg-select-trigger-background, var(--zg-select-arrow-background));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-border\n  * @description Styles the border of the select arrow button\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/SWYPNN61\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-border-bottom\n  * @description Styles the bottom border of the select arrow button\n  * @see border\n  * @default var(--zg-select-arrow-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/EFHCN5FS\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-select-arrow-border-bottom, var(--zg-select-arrow-border, 0));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-border-left\n  * @description Styles the left border of the select arrow button\n  * @see border\n  * @default var(--zg-select-arrow-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/MK7EXGQL\n  * @shadowOnly false\n  */\n  border-left: var(--zg-select-arrow-border-left, var(--zg-select-arrow-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-border-right\n  * @description Styles the right border of the select arrow button\n  * @see border\n  * @default var(--zg-select-arrow-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/1DGO75SG\n  * @shadowOnly false\n  */\n  border-right: var(--zg-select-arrow-border-right, var(--zg-select-arrow-border, 0));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-border-top\n  * @description Styles the top border of the select arrow button\n  * @see border\n  * @default var(--zg-select-arrow-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/1IT6DL7R\n  * @shadowOnly false\n  */\n  border-top: var(--zg-select-arrow-border-top, var(--zg-select-arrow-border, 0));\n  display: flex;\n  justify-content: center;\n  order: 1;\n  padding: 0;\n  position: relative;\n  width: 30px;\n}\n/* \n  NOTE: FF and Safari don't recognize `:after` on slotted elements\n  so we've slotted in a new element instead: `<div class=\"zg-select-trigger-arrow\">`.\n  This is added in ZGSelect.js as `this.triggerArrow`\n  TODO: When these browsers support `:after`, remove this element and set this\n  selector back to the `:after` state on the trigger itself.\n*/\n/* :host ::slotted(.zg-select-trigger):after {*/\n:host ::slotted(.zg-select-trigger-arrow) {\n  border: 5px solid transparent;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-color\n  * @description Sets the color select arrow icon\n  * @see color\n  * @default #000\n  * @demoLink https://app.zingsoft.com/demos/create/2HTIGGVX\n  * @shadowOnly true\n  */\n  border-top-color: var(--zg-select-arrow-color, var(--zg-select-color, var(--zing-grid-color, #000)));\n  /* content: ''; */\n  display: block;\n  position: absolute;\n  pointer-events: none;\n  right: 11px;\n  top: 50%;\n  transform: translateY(calc(-50% + 3px));\n  z-index: 1;\n}\n/* Active */\n:host([active]) ::slotted(.zg-select-trigger-arrow) {\n  border-top-color: var(--zg-select-arrow-color_active, var(--zg-select-color_active, var(--zg-select-color, var(--zing-grid-color, #000))));\n}\n\n:host([dir=\"rtl\"]) ::slotted(.zg-select-trigger-arrow) {\n  left: 11px;\n  right: unset;\n}\n\n/* The dropdown element */\n:host ::slotted(zg-option-list) {\n  left: 0;\n  margin-top: -1px;\n  position: absolute;\n  z-index:50;\n}\n/* Open the dropdown up instead, if the height of the dropdown extends past the bottom of <zing-grid> */\n:host([open=\"up\"]) ::slotted(zg-option-list) {\n  bottom: calc(var(--zg-select-height) - 1px);\n}",""])},39307:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    /**\n    * @memberof ZGSelectorMask\n    * @var --zg-selector-mask-opacity\n    * @description Sets the opacity of selector mask\n    * @see opacity\n    * @default .1\n    * @demoLink https://app.zingsoft.com/demos/create/1UHOVY9H\n    * @shadowOnly false\n    */\n    opacity: var(--zg-selector-mask-opacity, .1);\n}\n\n.zg-selector-mask-mask {\n    /**\n    * @memberof ZGSelectorMask\n    * @var --zg-selector-mask-background\n    * @description Styles the background of selector mask\n    * @see background\n    * @default var(--theme-color-secondary)\n    * @demoLink https://app.zingsoft.com/demos/create/WNZ6POC7\n    * @shadowOnly true\n    */\n    background-color: var(--zg-selector-mask-background, var(--theme-color-secondary));\n    pointer-events: none;\n    position: absolute;\n    transition: all 0.1s;\n}\n.zg-selector-mask-mask.blur {\n    background-color: rgba(153, 153, 153, 0.2);\n}\n",""])},25492:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-border\n    * @description Styles the border of separator in the menu\n    * @see border\n    * @default 1px solid var(--theme-border-color)\n    * @demoLink https://app.zingsoft.com/demos/create/RNVZ20TC\n    * @shadowOnly false\n    */\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-border-bottom\n    * @description Styles the bottom border of separator in the menu\n    * @see border\n    * @default var(--zg-separator-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/LUS0AQM5\n    * @shadowOnly false\n    */\n    border-bottom: var(--zg-separator-border-bottom, var(--zg-separator-border, 1px solid var(--theme-border-color)));\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-border-left\n    * @description Styles the left border of separator in the menu\n    * @see border\n    * @default var(--zg-separator-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/1644TNHT\n    * @shadowOnly false\n    */\n    border-left: var(--zg-separator-border-left, var(--zg-separator-border, 0));\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-border-right\n    * @description Styles the right border of separator in the menu\n    * @see border\n    * @default var(--zg-separator-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/0E92TO7L\n    * @shadowOnly false\n    */\n    border-right: var(--zg-separator-border-right, var(--zg-separator-border, 1px solid var(--theme-border-color)));\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-border-top\n    * @description Styles the top border of separator in the menu\n    * @see border\n    * @default var(--zg-separator-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/VLP6EXTJ\n    * @shadowOnly false\n    */\n    border-top: var(--zg-separator-border-top, var(--zg-separator-border, 0));\n    contain: content;\n    display: block;\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-margin\n    * @description Sets the margin of separator in the menu\n    * @see margin\n    * @default 5px 0\n    * @demoLink https://app.zingsoft.com/demos/create/M1YEHDNJ\n    * @shadowOnly false\n    */\n    margin: var(--zg-separator-margin, 5px 0);\n}\n\n:host([hidden]) {\n    display: none;\n}\n\n",""])},6952:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-background\n  * @description Styles the background of source when in `<zg-header>`\n  * @see background\n  * @default var(--theme-color-light)\n  * @demoLink https://app.zingsoft.com/demos/create/B8CEE4RW\n  * @shadowOnly false\n  */\n  background: var(--zg-source-background, var(--theme-color-light));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border\n  * @description Styles the border of source when in `<zg-header>`\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/61L4J1BK\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-bottom\n  * @description Styles the bottom border of source when in `<zg-header>`\n  * @see border\n  * @default var(--zg-source-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/7PHK3BWY\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-source-border-bottom, var(--zg-source-border, 0));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-left\n  * @description Styles the left border of source when in `<zg-header>`\n  * @see border\n  * @default var(--zg-source-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/V4JCUJ5Z\n  * @shadowOnly false\n  */\n  border-left: var(--zg-source-border-left, var(--zg-source-border, 0));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-right\n  * @description Styles the right border of source when in `<zg-header>`\n  * @see border\n  * @default var(--zg-source-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/F2Q3GGWE\n  * @shadowOnly false\n  */\n  border-right: var(--zg-source-border-right, var(--zg-source-border, 0));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-top\n  * @description Styles the top border of source when in `<zg-header>`\n  * @see border\n  * @default var(--zg-source-border, 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/IYUVRHY0\n  * @shadowOnly false\n  */\n  border-top: var(--zg-source-border-top, var(--zg-source-border, 0));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-radius\n  * @description Styles the border radius of source\n  * @see border-radius\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/8A6G8QCU\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-source-border-radius, 0);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-color\n  * @description Sets the font color content inside of source\n  * @see color\n  * @default var(--theme-font-size)\n  * @demoLink https://app.zingsoft.com/demos/create/2V50QBIJ\n  * @shadowOnly false\n  */\n  color: var(--zg-source-color, var(--theme-font-size));\n  contain: content;\n  display: flex;\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-size\n  * @description Sets the font size of source\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/26M7XA7S\n  * @shadowOnly false\n  */\n  font-size: var(--zg-source-font-size, .8rem);\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-style\n  * @description Sets the font style of source\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/DHFAV0VU\n  * @shadowOnly false\n  */\n  font-style: var(--zg-source-font-style, inherit);\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-weight\n  * @description Sets the font weight of source\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/MN67ITKE\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-source-font-weight, inherit);\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-line-height\n  * @description Setes the line height of source\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/XGIEZHE5\n  * @shadowOnly false\n  */\n  line-height: var(--zg-source-line-height, inherit);\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-min-height\n  * @description Sets the min-height of source\n  * @see min-height\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/65FQVPFH\n  * @shadowOnly false\n  */\n  min-height: var(--zg-source-min-height, auto);\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-padding\n  * @description Sets the padding of source\n  * @see padding\n  * @default 5px var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/3Q444PE7\n  * @shadowOnly false\n  */\n  padding: var(--zg-source-padding, 5px var(--theme-padding_x));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-text-align\n  * @description Sets text alignment of content inside of source\n  * @see text-align\n  * @default left\n  * @demoLink https://app.zingsoft.com/demos/create/39DT0WPU\n  * @shadowOnly true\n  */\n  text-align: var(--zg-source-text-align, left);\n  width: 100%;\n}\n\n/* ZG-HEADER */\n:host([position="top"]) {\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-background_top\n  * @description Styles the background of source in grid header\n  * @see background\n  * @default var(--zg-source-background, var(--theme-color-light))\n  * @demoLink https://app.zingsoft.com/demos/create/HMPYHCA5\n  * @shadowOnly false\n  */\n  background: var(--zg-source-background_top, var(--zg-source-background, var(--theme-color-light)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border_top\n  * @description Styles the border of source in grid header\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/XDGD9PE9\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-bottom_top\n  * @description Styles the bottom border of source in grid header\n  * @see border\n  * @default var(--zg-source-border-bottom, var(--zg-source-border, 1px solid var(--theme-border-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/ZLU0PJ8K\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-source-border-bottom_top, var(--zg-source-border_top, var(--zg-source-border-bottom, var(--zg-source-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-left_top\n  * @description Styles the left border of source in grid header\n  * @see border\n  * @default var(--zg-source-border-left, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/ZOSVTPPP\n  * @shadowOnly false\n  */\n  border-left: var(--zg-source-border-left_top, var(--zg-source-border_top, var(--zg-source-border-left, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-right_top\n  * @description Styles the right border of source in grid header\n  * @see border\n  * @default var(--zg-source-border-right, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/XYYNP87U\n  * @shadowOnly false\n  */\n  border-right: var(--zg-source-border-right_top, var(--zg-source-border_top, var(--zg-source-border-right, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-top_top\n  * @description Styles the top border of source in grid header\n  * @see border\n  * @default var(--zg-source-border-top, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/QFZ02F7M\n  * @shadowOnly false\n  */\n  border-top: var(--zg-source-border-top_top, var(--zg-source-border_top, var(--zg-source-border-top, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-radius_top\n  * @description Sets the border radius of source in grid header\n  * @see border-radius\n  * @default var(--zg-source-border-radius, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/YANV98VN\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-source-border-radius_top, var(--zg-source-border-radius, 0));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-color_top\n  * @description Sets the font color of source in grid header\n  * @see color\n  * @default var(--zg-source-color, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/HXKVXNN1\n  * @shadowOnly false\n  */\n  color: var(--zg-source-color_top, var(--zg-source-color, var(--zg-source-border, 0)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-size_top\n  * @description Sets the font size of source in grid header\n  * @see font-size\n  * @default var(--zg-source-font-size, .8rem)\n  * @demoLink https://app.zingsoft.com/demos/create/9L6UUOD1\n  * @shadowOnly false\n  */\n  font-size: var(--zg-source-font-size_top, var(--zg-source-font-size, .8rem));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-style_top\n  * @description Sets the font style of source in grid header\n  * @see font-style\n  * @default var(--zg-source-font-style, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/840GA0V0\n  * @shadowOnly false\n  */\n  font-style: var(--zg-source-font-style_top, var(--zg-source-font-style, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-weight_top\n  * @description Sets the font weight of source in grid header\n  * @see font-weight\n  * @default var(--zg-source-font-weight, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/USHIZ6F6\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-source-font-weight_top, var(--zg-source-font-weight, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-line-height_top\n  * @description Sets the line height of source in grid header\n  * @see line-height\n  * @default var(--zg-source-line-height, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/5YF3GLIN\n  * @shadowOnly false\n  */\n  line-height: var(--zg-source-line-height_top, var(--zg-source-line-height, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-min-height_top\n  * @description Sets the min-height of source in grid header\n  * @see min-height\n  * @default var(--zg-source-min-height, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/0QZLOW3U\n  * @shadowOnly false\n  */\n  min-height: var(--zg-source-min-height_top, var(--zg-source-min-height, var(--zg-source-border, 0)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-padding_top\n  * @description Sets the padding of source in grid header\n  * @see padding\n  * @default var(--zg-source-padding, 5px var(--theme-padding_x))\n  * @demoLink https://app.zingsoft.com/demos/create/RVNCXN9N\n  */\n  padding: var(--zg-source-padding_top, var(--zg-source-padding, 5px var(--theme-padding_x)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-text-align_top\n  * @description Sets the text alignment of source in grid header\n  * @see text-align\n  * @default var(--zg-source-text-align, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/340QGB1B\n  * @shadowOnly true\n  */\n  text-align: var(--zg-source-text-align_top, var(--zg-source-text-align, var(--zg-source-border, 0)));\n}\n\n/* ZG-FOOTER */\n:host([position="bottom"]) {\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-background_bottom\n  * @description Styles the background of source in grid footer\n  * @see background\n  * @default var(--zg-source-background, var(--theme-color-light))\n  * @demoLink https://app.zingsoft.com/demos/create/U2ULZN3K\n  * @shadowOnly false\n  */\n  background: var(--zg-source-background_bottom, var(--zg-source-background, var(--theme-color-light)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border_bottom\n  * @description Styles the border of source in grid footer\n  * @see border\n  * @default var(--zg-source-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/NLGMWVFV\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-bottom_bottom\n  * @description Styles the bottom border of source in grid footer\n  * @see border\n  * @default var(--zg-source-border-bottom, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/HU2H5A7R\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-source-border-bottom_bottom, var(--zg-source-border_bottom, var(--zg-source-border-bottom, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-left_bottom\n  * @description Styles the left border of source when in grid footer\n  * @see border\n  * @default var(--zg-source-border-left, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/TMDEY84Q\n  * @shadowOnly false\n  */\n  border-left: var(--zg-source-border-left_bottom, var(--zg-source-border_bottom, var(--zg-source-border-left, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-right_bottom\n  * @description Styles the right border of source in grid footer\n  * @see border\n  * @default var(--zg-source-border-right, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/DVIKUSPV\n  * @shadowOnly false\n  */\n  border-right: var(--zg-source-border-right_bottom, var(--zg-source-border_bottom, var(--zg-source-border-right, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-top_bottom\n  * @description Sets the border radius of source in grid footer\n  * @see border\n  * @default var(--zg-source-border-top, var(--zg-source-border, 1px solid var(--theme-border-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/HHTAVNAN\n  * @shadowOnly false\n  */\n  border-top: var(--zg-source-border-top_bottom, var(--zg-source-border_bottom, var(--zg-source-border-top, var(--zg-source-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-radius_bottom\n  * @description Styles the top border of source in grid footer\n  * @see border-radius\n  * @default var(--zg-source-border-radius, 0 0 var(--zing-grid-border-radius, 0) var(--zing-grid-border-radius, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/FX3KMZFC\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-source-border-radius_bottom, var(--zg-source-border-radius, 0 0 var(--zing-grid-border-radius, 0) var(--zing-grid-border-radius, 0)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-color_bottom\n  * @description Sets the font color of source in grid footer\n  * @see color\n  * @default var(--zg-source-color, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/ZYE5IX57\n  * @shadowOnly false\n  */\n  color: var(--zg-source-color_bottom, var(--zg-source-color, var(--zg-source-border, 0)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-size_bottom\n  * @description Sets the font size of source in grid footer\n  * @see font-size\n  * @default var(--zg-source-font-size, .8rem)\n  * @demoLink https://app.zingsoft.com/demos/create/8OUWG6MW\n  * @shadowOnly false\n  */\n  font-size: var(--zg-source-font-size_bottom, var(--zg-source-font-size, .8rem));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-style_bottom\n  * @description Sets the font style of source in grid footer\n  * @see font-style\n  * @default var(--zg-source-font-style, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/MO9TACWW\n  * @shadowOnly false\n  */\n  font-style: var(--zg-source-font-style_bottom, var(--zg-source-font-style, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-weight_bottom\n  * @description Sets the font weight of source in grid footer\n  * @see font-weight\n  * @default var(--zg-source-font-weight, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/ZI6A0WHC\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-source-font-weight_bottom, var(--zg-source-font-weight, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-line-height_bottom\n  * @description Sets the line height of source in grid footer\n  * @see line-height\n  * @default var(--zg-source-line-height, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/2AFGKKGF\n  * @shadowOnly false\n  */\n  line-height: var(--zg-source-line-height_bottom, var(--zg-source-line-height, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-min-height_bottom\n  * @description Sets the min-height of source in grid footer\n  * @see min-height\n  * @default var(--zg-source-min-height, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/XFJ87KHV\n  * @shadowOnly false\n  */\n  min-height: var(--zg-source-min-height_bottom, var(--zg-source-min-height, var(--zg-source-border, 0)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-padding_bottom\n  * @description Sets the padding of source when in grid footer\n  * @see padding\n  * @default var(--zg-source-padding, 5px var(--theme-padding_x))\n  * @demoLink https://app.zingsoft.com/demos/create/32PB37Q8\n  * @shadowOnly false\n  */\n  padding: var(--zg-source-padding_bottom, var(--zg-source-padding, 5px var(--theme-padding_x)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-text-align_bottom\n  * @description Sets the text alignment of source in grid footer\n  * @see text-align\n  * @default var(--zg-source-text-align, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/F3WEBJI1\n  * @shadowOnly true\n  */\n  text-align: var(--zg-source-text-align_bottom, var(--zg-source-text-align, var(--zg-source-border, 0)));\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n\ncite {\n  /* Already documented above */\n  font-style: var(--zg-source-font-style, inherit);\n  width: 100%;\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */',""])},37835:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  bottom: auto;\n  inset: var(--zg-status-offset) var(--zg-status-offset) auto auto;\n  opacity: 0;\n\n  pointer-events: none;\n  position: absolute;\n  /* width: 100%; */\n  transition: opacity .25s;\n}\n\n/* Active */\n:host([active]) {\n  opacity: 1;\n  pointer-events: auto;\n  z-index:11; /* Set to 11 to be higher than zg-focus */ \n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n.zg-status {\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-background\n  * @description Styles the background of status\n  * @see background\n  * @default #333\n  * @demoLink https://app.zingsoft.com/demos/create/W5V0YNUC\n  * @shadowOnly true\n  */\n  background: var(--zg-status-background, transparent);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-border\n  * @description Styles the border of status\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/Z8G1Y9J0\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-border-bottom\n  * @description Styles the bottom border of status\n  * @see border\n  * @default var(--zg-status-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/RDBMZRYT\n  * @shadowOnly true\n  */\n  border-bottom: var(--zg-status-border-bottom, var(--zg-status-border, 0));\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-border-left\n  * @description Styles the left border of status\n  * @see border\n  * @default var(--zg-status-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/0N6OVVNL\n  * @shadowOnly true\n  */\n  border-left: var(--zg-status-border-left, var(--zg-status-border, 0));\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-border-right\n  * @description Styles the right border of status\n  * @see border\n  * @default var(--zg-status-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/V4FJ8NP0\n  * @shadowOnly true\n  */\n  border-right: var(--zg-status-border-right, var(--zg-status-border, 0));\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-border-top\n  * @description Styles the top border of status\n  * @see border\n  * @default var(--zg-status-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/JR75IU0Z\n  * @shadowOnly true\n  */\n  border-top: var(--zg-status-border-top, var(--zg-status-border, 0));\n  border-radius: var(--zg-status-border-radius, 7px);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-box-shadow\n  * @description Applies a box shadow behind status\n  * @see box-shadow\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/AFADODNH\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-status-box-shadow, none);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-color\n  * @description Sets the font color of contents in status\n  * @see color\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/4M1VTWI2\n  * @shadowOnly true\n  */\n  color: var(--zg-status-color, #fff);\n  /* contain: content; */\n  cursor: default;\n  display: flex;\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-margin\n  * @description Sets the margin of status\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/68R9EOE1\n  * @shadowOnly true\n  */\n  margin: var(--zg-status-margin, 0);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-min-height\n  * @description Sets the min-height of status\n  * @see min-height\n  * @default 27px\n  * @demoLink https://app.zingsoft.com/demos/create/I8H3QJQH\n  * @shadowOnly true\n  */\n  user-select: none;\n  /* width: 100%; */\n}\n\n/* TYPE: ERROR */\n:host([type="error"]) .zg-status,\n:host([type="error"]) .zg-status > * {\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-error-background\n  * @description Styles the background of \'error\' status\n  * @see background\n  * @default red\n  * @demoLink https://app.zingsoft.com/demos/create/6PA9F3ZV\n  * @shadowOnly true\n  * @storyAlert true\n  */\n  background: var(--zg-status-error-background, #f44336);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-error-color\n  * @description Sets the font color of contents of \'error\' status\n  * @see color\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/I2PDH9NT\n  * @shadowOnly true\n  * @storyAlert true\n  */\n  color: var(--zg-status-error-color, var(--zg-status-color, #fff));\n}\n\n/* TYPE: SUCCESS */\n:host([type="success"]) .zg-status,\n:host([type="success"]) .zg-status > * {\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-success-background\n  * @description Styles the background of \'success\' status\n  * @see background\n  * @default green\n  * @demoLink https://app.zingsoft.com/demos/create/NBN1ICRW\n  * @shadowOnly true\n  */\n  background: var(--zg-status-success-background, #4caf50);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-success-color\n  * @description Sets the font color of contents of \'success\' status\n  * @see color\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/NOBFYNI2\n  * @shadowOnly true\n  */\n  color: var(--zg-status-success-color, var(--zg-status-color, #fff));\n}\n\n\n/* POSITION: BAR */\n:host([status-position="bar"]) {\n  --zg-status-border-radius: 0;\n}\n\n\n\n/* ZG-ICON */\n.zg-status > zg-icon {\n  margin-right: 8px;\n}\n\n\n/* Message Container */\n.zg-status-message {\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-align-items\n  * @description Sets the alignment of inner elements of status\n  * @see align-items\n  * @default center\n  * @demoLink https://app.zingsoft.com/demos/create/ZRT752NI\n  * @shadowOnly true\n  * @storyAlert recommend:--zg-status-min-height:50px\n  */\n  align-items: var(--zg-status-align-items);\n  border-radius: 3px;\n  box-sizing: border-box;\n  display: flex;\n  flex: 1;\n  gap: 6px;\n  min-height: var(--zg-status-min-height, 27px);\n  overflow: hidden;\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-justify-content\n  * @description Sets the horizontal alignment of contents in status\n  * @see justify-content\n  * @default flex-start\n  * @demoLink https://app.zingsoft.com/demos/create/S5Z1A4YD\n  * @shadowOnly true\n  * @private\n  * @storyAlert recommend:--zg-status-min-height:50px\n  */\n  justify-content: var(--zg-status-justify-content, flex-start);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-font-family\n  * @description Sets the font family of contents in status\n  * @see font-family\n  * @default var(--theme-font-family)\n  * @demoLink https://app.zingsoft.com/demos/create/V9XSI899\n  * @shadowOnly true\n  */\n  font-family: var(--zg-status-font-family, var(--theme-font-family));\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-font-size\n  * @description Sets the font size of contents in status\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/DWUD8JY8\n  * @shadowOnly true\n  */\n  font-size: var(--zg-status-font-size, .75rem);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-line-height\n  * @description Sets the line height of status\n  * @see line-height\n  * @default 1\n  * @demoLink https://app.zingsoft.com/demos/create/NIZJO06Q\n  * @shadowOnly true\n  */\n  line-height: var(--zg-status-line-height, 1.4);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-max-width\n  * @description Sets the max-width of the status-message area\n  * @see width\n  * @default 300px\n  * @demoLink https://app.zingsoft.com/demos/create/SQY0NAMY\n  * @shadowOnly true\n  */\n  max-width: var(--zg-status-max-width, 280px);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-padding\n  * @description Sets the padding of status\n  * @see padding\n  * @default 14px var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/OMHQO954\n  * @shadowOnly true\n  */\n  padding: var(--zg-status-padding, 10px);\n  transform: translateX(0);\n  z-index: 1;\n}\n\n.zg-status-message zg-icon {\n  height: 16px;\n  width: 16px;\n}\n\n/* Position: Bar */\n:host([status-position="bar"]) .zg-status-message {\n  --zg-status-font-size: 13px;\n  --zg-status-justify-content: flex-start;\n  --zg-status-max-width: none;\n}\n:host([status-position="bar"]) .zg-status-message zg-icon {\n  flex: 0 1 auto;\n}\n\n/* Icon */\n.zg-status-message zg-icon {\n  flex:1 0 auto;\n}\n:host([type="success"]) .zg-status-message zg-icon {\n  transform: translateY(-1px)\n}\n\n/* Text/Label */\n.zg-status-text { transform:translateY(2px); }\n\n/* Action */\n.zg-status-action {\n  background: #fbfbfb;\n  border-radius: 0 3px 3px 0;\n  cursor: pointer;\n  display: flex;\n  font-size: 90%;\n  outline: none;\n  overflow: hidden;\n  text-transform: uppercase;\n  width: 24px;\n}\n/* Position: Bar */\n:host([status-position="bar"]) .zg-status-action {\n  width: 34px;\n}\n\n/* Span wrapper */\n.zg-status-action > [close] {\n  display: flex;\n}\n\n/* SVG Icon */\n.zg-status-action zg-icon {\n  border-radius: 0 3px 3px 0;\n  display: flex;\n  fill: #fff;\n  height: 100%;\n  justify-content: center;\n  min-width: 24px;\n}\n\n.zg-status-action svg {\n  height: 14px;\n  width: 14px;  \n  transform: translateY(5px) rotate(0);\n}\n.zg-status-action zg-icon:hover svg {\n  transform: translateY(5px) rotate(-90deg);\n  transition: transform .3s ease-out;\n}\n\n/* Position: Bar */\n:host([status-position="bar"]) .zg-status-action zg-icon {\n  align-items: center;\n  min-width: 34px;\n}\n:host([status-position="bar"]) .zg-status-action svg {\n  width: 20px;\n  height:20px;\n  transform: translateY(0) rotate(0);\n}\n:host([status-position="bar"]) .zg-status-action zg-icon:hover svg {\n  transform: translateY(0) rotate(-90deg);\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */',""])},79273:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    display: inline;\n    /**\n    * @memberof ZGText\n    * @var --zg-text-color\n    * @description Sets the font color of text\n    * @see color\n    * @default Browser's default value\n    * @demoLink https://app.zingsoft.com/demos/create/6MC0B6AC\n    * @shadowOnly false\n    */\n    color: var(--zg-text-color);\n    /**\n    * @memberof ZGText\n    * @var --zg-text-font-family\n    * @description Sets the font family of text\n    * @see font-family\n    * @default Browser's default value\n    * @demoLink https://app.zingsoft.com/demos/create/0WX0EZZ8\n    * @shadowOnly false\n    */\n    font-family: var(--zg-text-font-family);\n    /**\n    * @memberof ZGText\n    * @var --zg-text-font-size\n    * @description Sets the font size of text\n    * @see font-size\n    * @default Browser's default value\n    * @demoLink https://app.zingsoft.com/demos/create/R9RX1WRC\n    * @shadowOnly false\n    */\n    font-size: var(--zg-text-font-size);\n    /**\n    * @memberof ZGText\n    * @var --zg-text-font-style\n    * @description Sets the font style of text\n    * @see font-style\n    * @default Browser's default value\n    * @demoLink https://app.zingsoft.com/demos/create/LE7Z8B73\n    * @shadowOnly false\n    */\n    font-style: var(--zg-text-font-style);\n    /**\n    * @memberof ZGText\n    * @var --zg-text-font-weight\n    * @description Sets the font weight of text\n    * @see font-weight\n    * @default Browser's default value\n    * @demoLink https://app.zingsoft.com/demos/create/J9EWFRHT\n    * @shadowOnly false\n    */\n    font-weight: var(--zg-text-font-weight);\n    /**\n    * @memberof ZGText\n    * @var --zg-text-line-height\n    * @description Sets the line height of text\n    * @see line-height\n    * @default .8\n    * @demoLink https://app.zingsoft.com/demos/create/W14MFSEF\n    * @shadowOnly false\n    */\n    line-height: var(--zg-text-line-height, .8);\n}",""])},90409:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* HOST - CONFIG\n-------------------------------------- */\n/* Type: Default */\n:host([tooltip-type="default"]) {\n  --tooltip-background-color: var(--zing-grid-background);\n  --tooltip-border-color: var(--theme-border-color);\n  --tooltip-arrow-size: 7px;\n  --tooltip-icon-horz-offset: -8px;\n  --tooltip-offset: 8px;\n}\n:host([tooltip-type="default"][no-info-icon]) {\n  --tooltip-icon-horz-offset: -10px;\n  --tooltip-offset: 6px;\n  --tooltip-vert-offset: 2px;\n}\n\n/* Type: System */\n:host([tooltip-type="system"]) {\n  --tooltip-background-color: var(--theme-color_alt);\n  --tooltip-border-color: var(--theme-color_alt);\n  --tooltip-arrow-size: 5px;\n  --tooltip-height: 22px;\n  --tooltip-offset: 8px;\n  --tooltip-icon-horz-offset: -4px;\n  --tooltip-vert-offset: 0;\n}\n:host([tooltip-type="system"][no-info-icon]) {\n  /* --tooltip-offset: 6px; */\n  --tooltip-icon-horz-offset: calc(-1 * var(--tooltip-arrow-size) - 2px);\n  --tooltip-vert-offset: 1px;\n}\n\n\n/* HOST\n-------------------------------------- */\n/* Type: Default */\n:host {\n  background: var(--tooltip-background-color);\n  border: 1px solid var(--tooltip-border-color);\n  border-radius: 4px;\n  display: block;\n  line-height: initial;\n  padding: 10px;\n  pointer-events: auto;\n  position: absolute;\n  z-index: 11;\n}\n/* Type: System */\n:host([tooltip-type="system"])  {\n  background: var(--tooltip-background-color);\n  border: 1px solid var(--tooltip-border-color);\n  border-radius: 2px;\n  color: #fff;\n  font-size: 11px;\n  line-height: 1;\n  padding: 6px 8px;\n}\n\n/*  Add space for close button */\n:host([tooltip-action="click"]) {\n  padding-top: 35px;\n}\n\n:host([hidden]) {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n/* :before and :after arrow graphic */\n:host:before,\n:host:after {\n  content: \'\';\n  display: block;\n  position: absolute;\n}\n:host:before {\n  border: var(--tooltip-arrow-size) solid transparent;\n}\n:host:after {\n  border: calc(var(--tooltip-arrow-size) - 1px) solid transparent;\n}\n\n/* POSITIONING: TOP\n-------------------------------------- */\n/* Has Info Icon (from icon) */\n:host([tooltip-position="top"]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * 100%));\n}\n:host([tooltip-position="top"][animate]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * 100% - var(--tooltip-offset)));\n}\n/* No Info Icon (from cell) */\n:host([tooltip-position="top"][no-info-icon]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * 100% + (var(--zg-row-head-height)/2) - (var(--tooltip-arrow-size)*2)));\n}\n:host([tooltip-position="top"][no-info-icon][animate]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * 100% + (var(--zg-row-head-height)/2) - (var(--tooltip-arrow-size)*2) - var(--tooltip-offset)));\n}\n/* Arrow */\n:host([tooltip-position="top"]):before,\n:host([tooltip-position="top"]):after {\n  left: var(--tooltip-arrow-size);\n  top: 100%;\n}\n:host([tooltip-position="top"]):before {\n  border-top-color: var(--tooltip-border-color);\n}\n:host([tooltip-position="top"]):after {\n  border-top-color: var(--tooltip-background-color);\n  transform: translateX(1px);\n}\n\n\n/* POSITIONING: BOTTOM\n-------------------------------------- */\n/* Has Info Icon (from icon) */\n:host([tooltip-position="bottom"]) {\n  transform: translate(var(--tooltip-icon-horz-offset), 0);\n}\n:host([tooltip-position="bottom"][animate]) {\n  transform: translate(var(--tooltip-icon-horz-offset), var(--tooltip-offset));\n}\n/* No Info Icon (from cell) */\n:host([tooltip-position="bottom"][no-info-icon]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * (var(--zg-row-head-height)/2) + (var(--tooltip-arrow-size)*2)));\n}\n:host([tooltip-position="bottom"][no-info-icon][animate]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * (var(--zg-row-head-height)/2) + (var(--tooltip-arrow-size)*2) + var(--tooltip-offset) - var(--tooltip-vert-offset)));\n}\n/* Arrow */\n:host([tooltip-position="bottom"]):before,\n:host([tooltip-position="bottom"]):after {\n  left: var(--tooltip-arrow-size);\n  top: calc(-1 * (var(--tooltip-arrow-size) * 2));\n}\n:host([tooltip-position="bottom"]):before {\n  border-bottom-color: var(--tooltip-border-color);\n}\n:host([tooltip-position="bottom"]):after {\n  border-bottom-color: var(--tooltip-background-color);\n  transform: translate(1px, 2px);\n}\n\n\n/* POSITIONING: LEFT\n-------------------------------------- */\n:host([tooltip-position="left"]) {\n  transform: translate(calc(-1 * 100% - (var(--tooltip-arrow-size)/2)), -50%);\n}\n:host([tooltip-position="left"][animate]) {\n  transform: translate(calc(-1 * 100% - var(--tooltip-offset) - (var(--tooltip-arrow-size)/2)), -50%);\n}\n:host([tooltip-position="left"][no-info-icon]) {\n  transform: translate(calc(-1 * 100% + var(--zg-head-cell-padding-left) - (var(--tooltip-arrow-size)/2)), -50%);\n}\n:host([tooltip-position="left"][no-info-icon][animate]) {\n  transform: translate(calc(-1 * 100% + var(--zg-head-cell-padding-left) - (var(--tooltip-arrow-size)/2) - var(--tooltip-offset) - 1px), -50%);\n}\n/* Arrow */\n:host([tooltip-position="left"]):before,\n:host([tooltip-position="left"]):after {\n  left: 100%;\n  top: 50%;\n}\n:host([tooltip-position="left"][tooltip-type="system"]):before,\n:host([tooltip-position="left"][tooltip-type="system"]):after {\n  transform: translate(0, calc(-1 * 50% + 7px));\n}\n:host([tooltip-position="left"]):before {\n  border-left-color: var(--tooltip-border-color);\n}\n:host([tooltip-position="left"]):after {\n  border-left-color: var(--tooltip-background-color);\n  transform: translateY(1px);\n}\n:host([tooltip-position="left"]):before,\n:host([tooltip-position="left"]):after {\n  transform: translate(0, calc(-1 * 50% - 1px));\n}\n\n\n/* POSITIONING: RIGHT\n-------------------------------------- */\n:host([tooltip-position="right"]) {\n  transform: translate(calc(var(--tooltip-arrow-size)), -50%);\n}\n:host([tooltip-position="right"][animate]) {\n  transform: translate(calc(var(--tooltip-arrow-size) + var(--tooltip-offset)), -50%);\n}\n/* Arrow */\n:host([tooltip-position="right"]):before,\n:host([tooltip-position="right"]):after {\n  right: 100%;\n  top: 50%;\n}\n:host([tooltip-position="right"][tooltip-type="system"]):before,\n:host([tooltip-position="right"][tooltip-type="system"]):after {\n  transform: translate(0, calc(-1 * 50% + 7px));\n}\n\n:host([tooltip-position="right"]):before {\n  border-right-color: var(--tooltip-border-color);\n}\n:host([tooltip-position="right"]):after {\n  border-right-color: var(--tooltip-background-color);\n  transform: translateY(1px);\n}\n\n:host([tooltip-position="right"]):before,\n:host([tooltip-position="right"]):after {\n  transform: translate(0, calc(-1 * 50% - 1px));\n}\n\n/*  CLOSE BUTTON */\nbutton.zg-tooltip-close {\n  background: var(--zg-icon-color, var(--theme-color-primary));\n  border: 0;\n  border-radius: 2px;\n  color: var(--theme-color-light);\n  cursor: pointer;\n  display: none;\n  font-size: 11px;\n  outline: none;\n  padding: 4px_5px;\n  position: absolute;\n  right: 10px;\n  top: 10px;\n}\n\n:host([tooltip-action="click"]) button.zg-tooltip-close {\n  display: block;\n}\n\n',""])},61861:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-align-items\n     * @description Sets the alignment of watermark\n     * @default center\n     * @demoLink https://app.zingsoft.com/demos/create/S5YW98DV\n     */\n    align-items: var(--zg-watermark-align-items, center);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-background\n     * @description Styles the background of watermark\n     * @default #fbfbfb\n     * @demoLink https://app.zingsoft.com/demos/create/PLI8AW69\n     */\n    background: var(--zg-watermark-background, #fbfbfb);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-border-bottom\n     * @description Styles the bottom border of watermark\n     * @default var(--zg-watermark-border, 0)\n     * @demoLink https://app.zingsoft.com/demos/create/3VCNCH3C\n     */\n    border-bottom: var(--zg-watermark-border-bottom, var(--zg-watermark-border, 0));\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-border-left\n     * @description Styles the left border of watermark\n     * @default var(--zg-watermark-border, 0)\n     * @demoLink https://app.zingsoft.com/demos/create/13YH2AD1\n     */\n    border-left: var(--zg-watermark-border-left, var(--zg-watermark-border, 0));\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-border-radius\n     * @description Applies border radius to the watermark\n     * @default inherit\n     * @demoLink https://app.zingsoft.com/demos/create/HCZ0FTPR\n     */\n    border-radius: var(--zg-watermark-border-radius, inherit);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-border-right\n     * @description Styles the right border of watermark\n     * @default var(--zg-watermark-border, 0)\n     * @demoLink https://app.zingsoft.com/demos/create/ULJ95NPX\n     */\n    border-right: var(--zg-watermark-border-right, var(--zg-watermark-border, 0));\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-border-top\n     * @description Styles the top border of watermark\n     * @default var(--zg-watermark-border, 1px solid var(--theme-border-color))\n     * @demoLink https://app.zingsoft.com/demos/create/GCQARHA3\n     */\n    border-top: var(--zg-watermark-border-top, var(--zg-watermark-border, 1px solid var(--theme-border-color)));\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-box-shadow\n     * @description Applies a box shadow behing the watermark\n     * @default none\n     * @demoLink https://app.zingsoft.com/demos/create/DNU5EE34\n     */\n    box-shadow: var(--zg-watermark-box-shadow, none);\n    box-sizing: border-box;\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-color\n     * @description Sets the color of watermark\n     * @default var(--theme-color-primary)\n     * @demoLink https://app.zingsoft.com/demos/create/RHV3AZL7\n     */\n    color: var(--zg-watermark-color, var(--theme-color-primary));\n    contain: content;\n    display: flex;\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-font-family\n     * @description Sets the font of watermark\n     * @default var(--theme-font-family)\n     * @demoLink https://app.zingsoft.com/demos/create/Z5DUURMU\n     */\n    font-family: var(--zg-watermark-font-family, var(--theme-font-family));\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-font-size\n     * @description Sets the font size of watermark\n     * @default .75rem\n     * @demoLink https://app.zingsoft.com/demos/create/GSCFSFBN\n     */\n    font-size: var(--zg-watermark-font-size, .75rem);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-justify-content\n     * @description Sets the horizontal alignment of contents in the watermark\n     * @default flex-end\n     * @demoLink https://app.zingsoft.com/demos/create/J3IEZOOI\n     */\n    justify-content:var(--zg-watermark-justify-content, flex-end);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-margin\n     * @description Sets margins of watermark\n     * @default 0\n     * @demoLink https://app.zingsoft.com/demos/create/JKMSIB8K\n     */\n    margin: var(--zg-watermark-margin, 0);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-min-height\n     * @description Sets the minimum height of watermark\n     * @default 27px\n     * @demoLink https://app.zingsoft.com/demos/create/LLLRII80\n     */\n    min-height: var(--zg-watermark-min-height, 27px);\n    overflow: hidden;\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-padding\n     * @description Sets padding of watermark\n     * @default 0 var(--theme-padding_x)\n     * @demoLink https://app.zingsoft.com/demos/create/2F6JMW08\n     */\n    padding: var(--zg-watermark-padding, 0 var(--theme-padding_x));\n    position: relative;\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-width\n     * @description Sets width of watermark\n     * @default auto\n     * @demoLink https://app.zingsoft.com/demos/create/52DLY7I5\n     */\n    width: var(--zg-watermark-width, auto);\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\na {\n  color: var(--zg-watermark-color, var(--theme-color-primary));\n  text-decoration: none;\n}\n\nstrong {\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-color_strong\n     * @description Sets color of strong in watermark\n     * @default var(--theme-color-secondary)\n     * @demoLink https://app.zingsoft.com/demos/create/OWU6641C\n     */\n    color: var(--zg-watermark-color_strong, var(--zg-watermark-color, var(--theme-color-secondary)));\n}",""])},50744:(e,t,o)=>{(t=e.exports=o(9252)()).i(o(91103),""),t.i(o(2231),""),t.i(o(93218),""),t.i(o(55765),""),t.i(o(13606),""),t.i(o(94143),""),t.push([e.id,'/* IMPORT\n-------------------------------------- */\n/* Import variables file for each built-in theme */\n/* NOTE: This is required. You don\'t need to import to other components since they inherit from zing-grid. */\n/* NOTE: `default.css` is the base. Other internal themes build off of it */\n/* Import internal themes */\n/* Compact version - must go after theme calls */\n\n/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-background\n  * @default #fff\n  * @see background\n  * @description Styles the background of grid\n  * @demoLink https://app.zingsoft.com/demos/create/S2LGW6WY\n  * @shadowOnly false\n  */\n  background: var(--zing-grid-background, #fff);\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border\n  * @description Styles the border of grid\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/FNVV7TJP\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border-bottom\n  * @description Styles the bottom border of grid\n  * @see border\n  * @default var(--zing-grid-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/BP54E8PI\n  * @shadowOnly false\n  */\n  border-bottom: var(--zing-grid-border-bottom, var(--zing-grid-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border-left\n  * @description Styles the left border of grid\n  * @see border\n  * @default var(--zing-grid-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/BQ8DWU62\n  * @shadowOnly false\n  */\n  border-left: var(--zing-grid-border-left, var(--zing-grid-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border-radius\n  * @description Applies border radious to grid\n  * @see border-radius\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/O84UETSN\n  * @shadowOnly true\n  */\n  border-radius: var(--zing-grid-border-radius, 0);\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border-right\n  * @description Styles the right border of grid\n  * @see border\n  * @default var(--zing-grid-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/7AFJ7RUL\n  * @shadowOnly false\n  */\n  border-right: var(--zing-grid-border-right, var(--zing-grid-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border-top\n  * @description Styles the top border of grid\n  * @see border\n  * @default var(--zing-grid-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/PZO08P3O\n  * @shadowOnly false\n  */\n  border-top: var(--zing-grid-border-top, var(--zing-grid-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-box-shadow\n  * @description Applies a box shadow behind grid\n  * @see box-shadow\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/58QV7GJW\n  * @shadowOnly false\n  */\n  box-shadow: var(--zing-grid-box-shadow, none);\n  box-sizing: border-box;\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-color\n  * @default --theme-color\n  * @see color\n  * @description The font color of grid\n  * @demoLink https://app.zingsoft.com/demos/create/PEY7GS10\n  * @shadowOnly false\n  */\n  color: var(--zing-grid-color, var(--theme-color));\n  display: table;\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-font-family\n  * @default --theme-font-family\n  * @see font-family\n  * @description Sets the font family of grid text\n  * @demoLink https://app.zingsoft.com/demos/create/7KFKVQX1\n  * @shadowOnly false\n  */\n  font-family: var(--zing-grid-font-family, var(--theme-font-family));\n  font-feature-settings: \'liga\'; /* Support for IE. */\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-font-size\n  * @default --theme-font-size\n  * @see font-size\n  * @description Sets the font size of grid text\n  * @demoLink https://app.zingsoft.com/demos/create/HCQWBCQ1\n  * @shadowOnly false\n  */\n  font-size: var(--zing-grid-font-size, var(--theme-font-size));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-font-style\n  * @default --theme-font-style\n  * @see font-style\n  * @description Sets the font style of grid text\n  * @demoLink https://app.zingsoft.com/demos/create/9Q837C38\n  * @shadowOnly false\n  */\n  font-style: var(--zing-grid-font-style, var(--theme-font-style));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-font-weight\n  * @default --theme-font-weight\n  * @see font-weight\n  * @description Sets the font weight of grid text\n  * @demoLink https://app.zingsoft.com/demos/create/9NIED1XI\n  * @shadowOnly false\n  */\n  font-weight: var(--zing-grid-font-weight, var(--theme-font-weight));\n  position: relative;\n  -webkit-font-smoothing: antialiased; /* Support for all WebKit browsers. */\n  -moz-osx-font-smoothing: grayscale; /* Support for Firefox. */\n  text-rendering: optimizeLegibility; /* Support for Safari and Chrome. */\n  width: 100%;\n  outline: none;\n}\n/* [fullscreen] mode */\n:host([fullscreen]) {\n  left: 0;\n  position: fixed;\n  top: 0;\n}\n\n/* [viewport="mobile"] mode */\n:host([viewport="mobile"]) {\n  --zg-dialog-editor-row-grid-template-columns: 1fr;\n}\n\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n\n/* MAIN WRAPPER */\n.zing-grid {\n  border-collapse: collapse;\n  /* display: table; */\n  height: 100%;\n  width: 100%;\n}\n\n:host([loading]) {\n  display: flex;\n  flex-direction: column;\n}\n:host([loading]) .zing-grid {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n}\n\n\n/* ------ */\n\n\n/* GRID CONTENT WRAPPERS */\n\n/* WRAPPER 1 */\n/* TODO: Remove .zing-grid-wrapper-1, but for now it breaks when removed. Possible JS tied to \'#wrap\' id */\n.zing-grid-wrapper-1 {\n  outline: none;\n}\n:host([loading]) .zing-grid-wrapper-1 {\n  flex: 1;\n}\n\n/* WRAPPER 2 */\n.zing-grid-wrapper-2 {\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-table-border\n  * @description Styles the border of grid table contents\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/7AYEIA84\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-table-border-bottom\n  * @default 0\n  * @see border\n  * @description Styles the bottom border of grid table contents\n  * @default var(--zing-grid-table-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/V22ON3LN\n  * @shadowOnly true\n  */\n  border-bottom: var(--zing-grid-table-border-bottom, var(--zing-grid-table-border, var(--zing-grid-body-border, 0)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-table-border-left\n  * @default 0\n  * @see border\n  * @description Styles the left border of grid table contents\n  * @default var(--zing-grid-table-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/TYY11EZ3\n  * @shadowOnly true\n  */\n  border-left: var(--zing-grid-table-border-left, var(--zing-grid-table-border, var(--zing-grid-body-border, 0)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-table-border-right\n  * @default 0\n  * @see border\n  * @description Styles the right border of grid table contents\n  * @default var(--zing-grid-table-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/JRSIU7TZ\n  * @shadowOnly true\n  */\n  border-right: var(--zing-grid-table-border-right, var(--zing-grid-table-border, var(--zing-grid-body-border, 0)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-table-border-top\n  * @default 0\n  * @see border\n  * @description Styles the top border of grid table contents\n  * @default var(--zing-grid-table-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/U2UPKR02\n  * @shadowOnly true\n  */\n  border-top: var(--zing-grid-table-border-top, var(--zing-grid-table-border, var(--zing-grid-body-border, 0)));\n  flex: 1 1 auto;\n  outline: none;\n  position:relative;\n}\n\n.zing-grid-wrapper-2[width] {\n    /* overflow-x: auto;\n    overflow-y: hidden; */\n    overflow: hidden;\n}\n\n.zing-grid-wrapper-2[no-data] {\n  display: none;\n}\n\n/* Scroll Wrapper\n    scroll-wrap and zing-grid-frames are the same with the exception of flex and overflow:auto\n */\n.zing-grid-scroll-wrap {\n}\n\n/* ------ */\n\n\n/* FRAME WRAPPER */\n.zing-grid-frames {\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-body-border\n  * @description Styles the border of grid body\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/Y8DATMC5\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-body-border-bottom\n  * @see border\n  * @description Styles the bottom border of grid body\n  * @default var(--zing-grid-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/DV04MMF0\n  * @shadowOnly false\n  */\n  /* border-bottom: var(--zing-grid-body-border-bottom, var(--zing-grid-body-border, 0));*/\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-body-border-left\n  * @see border\n  * @description Styles the left border of grid body\n  * @default var(--zing-grid-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FLHJ459E\n  * @shadowOnly false\n  */\n  /* border-left: var(--zing-grid-body-border-left, var(--zing-grid-body-border, 0));*/\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-body-border-right\n  * @see border\n  * @description Styles the right border of grid body\n  * @default var(--zing-grid-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/TGKGCNRA\n  * @shadowOnly false\n  */\n  /* border-right: var(--zing-grid-body-border-right, var(--zing-grid-body-border, 0));*/\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-body-border-top\n  * @see border\n  * @description Styles the top border of grid body\n  * @default var(--zing-grid-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/QIG564H2\n  * @shadowOnly false\n  */\n  /* border-top: var(--zing-grid-body-border-top, var(--zing-grid-body-border, 0));*/\n\n  display: flex;\n}\n/* [fullscreen] mode */\n/* :host([fullscreen]) .zing-grid-frames { overflow:auto; } */\n\n.zing-grid-frames-body { overflow:auto; }\n\n/* ------ */\n\n\n/* GRID BODY AREAS (FRAMES - Mainly for freezing) */\n\n/* Shared */\n/* [class*="zing-grid-frame-"] {} */\n\n/* Left */\n.zing-grid-frame-left { /*border:1px solid green;  TMP */ }\n\n/* Main */\n.zing-grid-frame-main {\n  overflow:hidden;\n  position: relative;\n} /* flex: 1 0 auto;  */ /*border:1px solid purple;  TMP */\n.zing-grid-frames-body .zing-grid-frame-main { /*height:1200px;*/ } /* @CS here */\n\n/* Right */\n/* .zing-grid-frame-right {} */\n\n\n/* ------ */\n\n\n/* HEAD */\n\n/* Shared */\n\n/* Left */\n/* .zing-grid-head-left {} */\n\n/* Main */\n/* .zing-grid-head-main {} */\n\n/* Right */\n/* .zing-grid-head-right {} */\n\n\n/* ------ */\n\n/* BODY */\n\n/* Shared */\n[class*="zing-grid-body-"] {\n  box-sizing: border-box;\n  display: table;\n  overflow-x: scroll;\n  position: relative;\n  width: 100%;\n  table-layout: fixed;\n}\n\n/* Left */\n/* .zing-grid-body-left {} */\n\n/* Main */\n/* .zing-grid-body-main {} */\n\n/* Right */\n/* .zing-grid-body-right {} */\n\n\n/* ------ */\n\n\n/* BODY SCROLL\n-------------------------------------- */\n/* BODY SCROLL */\n/* Inner scroll wrapper */\n.zing-grid-scroll {\n  position: relative;\n  overflow-x: auto;\n}\n.zing-grid-scroll[height] {\n  /* overflow-x: auto;\n  overflow-y: hidden; */\n  overflow: auto;\n}\n\n\n\n/* FREEZE\n-------------------------------------- */\n\n/* Shared */\n.zing-grid-freeze-left,\n.zing-grid-freeze-right {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  /* table-layout: fixed; */ /* @CS Did you add this for a particular reason? I don\'t think it is needed, but I might not see the whole picture. */\n}\n/* When no freeze columns, hide the column wrappers so that body can fill the whole width */\n.zing-grid-frames[no-freeze] .zing-grid-freeze-left,\n.zing-grid-frames[no-freeze] .zing-grid-freeze-right {\n  display: none;\n}\n\n.zing-grid-freeze-left[no-content],\n.zing-grid-freeze-right[no-content] {\n  display: none;\n}\n\n/* Left */\n/* .zing-grid-freeze-left {} */\n\n/* Right */\n/* .zing-grid-freeze-right {} */\n\n.zing-grid-freeze-style-left {\n\tleft: 0;\n}\n\n:host ::slotted(#zing-grid-freeze-style-left) {\n\tleft: 0;\n}\n\n:host([dir="rtl"]) ::slotted(#zing-grid-freeze-style-left) {\n\tleft: unset;\n  right: 0;\n}\n\n:host ::slotted(#zing-grid-freeze-style-right) {\n\tright: 0;\n}\n\n:host([dir="rtl"]) ::slotted(#zing-grid-freeze-style-right) {\n\tright: unset;\n  left: 0;\n}\n\n/* Hide in card layout mode */\n:host([layout="card"]) .zing-grid-freeze-style-left,\n:host([layout="card"]) .zing-grid-freeze-style-right {\n  display: none;\n}\n\n/* When selector is present, clicking on the cell no longer should do a\n * browser default selection, instead selector should be used to do copy-paste\n * operations. */\n:host([selector]) .zg-cell span {\n  user-select: none;\n  cursor: default;\n}\n\n/* When resize-column is set, we want the cursor to always be the resize cursor even if over a drag or sort column head */\n:host([resize-column]) {\n  cursor: ew-resize;\n}\n\n/* Menu Items */\n.zg-button-text {\n  top: 7px;\n}\n\n/* Clipboard */\n/* NOTE: We can\'t simply display:none; or visibility:hidden; the clipboard, otherwise the copy+paste code won\'t work */\n.zing-grid-clipboard {\n  background: none;\n  border: 0;\n  height: 0;\n  pointer-events: none;\n  position: absolute;\n  opacity: 0;\n  resize: none;\n  width: 0;\n}\n\n/* Grid Clipper */\n.zing-grid-selection-copy-paste {\n  position: absolute;\n  top: -1000px;\n  left: 0;\n  width: 0;\n  height: 0;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(*) {\n  flex-shrink: 0;\n}\n\n/* ZG-BODY */\n:host([selector]) ::slotted(zg-body) {\n  user-select: none;\n}\n\n/* ZG-HEAD */\n:host([selector]) ::slotted(zg-head) {\n  user-select: none;\n}\n\n/* ZG-NODATA */\n/*\n  If user added `[dialog]` to <zing-grid>, set a min-height\n  so that the modal-overlay isn\'t cutoff.\n*/\n:host([dialog]) ::slotted(zg-no-data) {\n  align-items: flex-start;\n  min-height: 250px;\n}\n\n/* ZG-PAGER */\n:host ::slotted(zg-pager[slot=\'bottom\']) {\n  border-top: 1px solid var(--theme-border-color);\n}\n/*\n  Add a top-border to the <zg-pager> when the <zing-grid> tag\n  has a [height] attribute. Because the bottom row in grid\n  could be cutoff due to this fixed height, it\'s natural border\n  wouldn\'t separate the grid from the pager (especially if they\n  share the same background color). This way we ensure there is\n  a visual separation.\n*/\n:host([height]) ::slotted(zg-pager) {\n  --zg-pager-border-top: 1px solid var(--theme-border-color);\n}\n\n/* ZG-STATUS */\n/*\n  Set attribute values on <zing-grid> to position the message (top-left, top-right (default), bottom-left, bottom-right)\n*/\n/* Top */\n:host([status-position="top left"]) ::slotted(zg-status),\n:host([status-position="left top"]) ::slotted(zg-status) {\n  left: var(--zg-status-offset);\n  right: auto;\n}\n:host([status-position="bottom left"]) ::slotted(zg-status),\n:host([status-position="left bottom"]) ::slotted(zg-status) {\n  bottom: var(--zg-status-offset);\n  left: var(--zg-status-offset);\n  right: auto;\n  top: auto;\n}\n:host([status-position="top center"]) ::slotted(zg-status),\n:host([status-position="center top"]) ::slotted(zg-status) {\n  bottom: var(--zg-status-offset);\n  right: 50%;\n  transform: translateX(50%);\n}\n/* Bottom */\n:host([status-position="bottom right"]) ::slotted(zg-status),\n:host([status-position="right bottom"]) ::slotted(zg-status) {\n  bottom: var(--zg-status-offset);\n  top: auto;\n}\n:host([status-position="bottom center"]) ::slotted(zg-status),\n:host([status-position="center bottom"]) ::slotted(zg-status) {\n  bottom: var(--zg-status-offset);\n  right: 50%;\n  top: auto;\n  transform: translateX(50%);\n}\n/* Center */\n:host([status-position="center"]) ::slotted(zg-status) {\n  right: 50%;\n  transform: translate(50%, -50%);\n  top: 50%;\n}\n:host([status-position="center left"]) ::slotted(zg-status),\n:host([status-position="left center"]) ::slotted(zg-status) {\n  right: auto;\n  left: var(--zg-status-offset);\n  transform: translateY(-50%);\n  top: 50%;\n}\n:host([status-position="center right"]) ::slotted(zg-status),\n:host([status-position="right center"]) ::slotted(zg-status) {\n  transform: translateY(-50%);\n  top: 50%;\n}\n/* \'Bar\' Style (Bottom) */\n:host([status-position="bar"]) ::slotted(zg-status) {\n  border-radius: 0;\n  right: auto;\n  top: 100%;\n  width: 100%;\n  max-width: none;\n}\n\n\n\n\n:host ::slotted(zg-load-mask[default-load-mask]) {\n  display:none;\n}\n\n:host([loading]) ::slotted(zg-load-mask[default-load-mask]) {\n  display:flex !important;\n}\n\n/* DRAGGABLE COLUMNS */\n/* Default Styling */\n:host ::slotted(.zg-shadow-cell) {\n  background-color: var(--zg-head-cell-background, var(--zg-head-background));\n  box-sizing: border-box;\n  color: var(--zg-head-cell-color);\n  /* min-width: 80px; */\n  height: var(--zg-head-cell-height);\n  /* line-height: 30px; */\n  position: absolute;\n  z-index: 100000000;\n  border-bottom: var(--zg-head-cell-border-bottom, 1px solid var(--theme-border-color));\n  border-left: var(--zg-head-cell-border-left, 1px solid var(--theme-border-color));\n  border-right: var(--zg-head-cell-border-right, 1px solid var(--theme-border-color));\n  border-top: var(--zg-head-cell-border-top, 1px solid var(--theme-border-color));\n  vertical-align: middle;\n  text-align: center;\n  text-transform: uppercase;\n  font-size: var(--zg-head-cell-font-size);\n  font-weight: bold;\n  cursor: move;\n\n  align-items: center;\n  justify-content: center;\n  display: flex;\n  flex-direction: column;\n}\n:host ::slotted(.zg-shadow-cell[ready]) {\n  padding: 20px 10px;\n}\n:host ::slotted(.zg-shadow-cell):after {\n  content: attr(data-content);\n  align-items: center;\n  background: var(--theme-color-primary);\n  border-bottom: var(--zg-head-cell-border-bottom, 1px solid var(--theme-border-color));\n  border-left: var(--zg-head-cell-border-left, 1px solid var(--theme-border-color));\n  border-right: var(--zg-head-cell-border-right, 1px solid var(--theme-border-color));\n  box-sizing: border-box;\n  color: #fff;\n  display: flex;\n  flex: 1;\n  font-size: 9px;\n  justify-content: center;\n  padding: 3px 5px;\n  white-space: nowrap;\n  min-width: 150px;\n  width: var(--draggable-width_note, calc(100% + 4px));\n}\n:host ::slotted(.zg-shadow-cell[ready]):after {\n  bottom: 0;\n  position: absolute;\n  transform: translateY(100%);\n}\n\n\n/* DRAG OUTSIDE GRID TO HIDE COLUMN */\n/* Styling when dragged outside ZG */\n:host ::slotted(.zg-shadow-remove) {\n  color: red;\n  border-color: red;\n}\n:host ::slotted(.zg-shadow-cell.zg-shadow-remove[ready]):after {\n  content: attr(data-content);\n  background: red;\n}\n\n\n/* SETTING VARIABLES */\n/* VERTICAL GRID LINES */\n:host([gridlines="vert"]),\n:host([gridlines="vertical"]) {\n  --zg-pager-border-top: 1px solid var(--theme-border-color);\n}\n\n/* BATCH EDIT */\n/*\n  When in \'batch edit\' mode we add an attribute to <zing-grid>\n  to help us in styling <zg-body> only in that state\n*/\n/* Default batch edit mode - Set styling on main <zg-body> */\n/* :host([batch-edit-active]) {\n  --theme-background-row: unset;\n} */\n/* :host([batch-edit-active]) ::slotted(zg-frozen-colgroup) {\n  --zing-grid-freeze-style-border: 0;\n} */\n:host([batch-edit-active][layout="card"]) ::slotted(zg-body) {\n  background: none;\n  border: var(--theme-batch-edit-border, 0);\n  box-shadow: var(--theme-batch-edit-box-shadow, inset 0 0 5px var(--theme-color-primary));\n}\n/*\n  When \'batch edit\' applied to frozen columns, the styling clashes\n  since frozen columns already have a box-shadow. Therefore, we\n  remove the frozen-column styling AND their respective child <zg-body>,\n  and instead add the box-shadow styling to the frozen-column parent element\n  inside <zing-grid>\'s shadow DOM\n*/\n:host([batch-edit-active]) ::slotted(zg-body),\n:host([batch-edit-active]) ::slotted(zg-frozen-colgroup) {\n  box-shadow: unset;\n}\n:host([batch-edit-active]) ::slotted(zg-body) {\n  border: 0;\n}\n:host([batch-edit-active][layout="card"]) .zing-grid-frames-body {\n  border: var(--theme-batch-edit-border, 0);\n  box-shadow: var(--theme-batch-edit-box-shadow, inset 0 0 5px var(--theme-color-primary));\n}',""])},55765:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,':host([theme="android"]) {\n\n  /* CUSTOM VARS FOR THIS THEME FILE\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --android-background_sorted\n  * @default #fafbfa\n  * @description Styles the background of sorted cell\n  * @see background\n  */\n  --android-background_sorted: #fafbfa;\n  /**\n  * @memberof android\n  * @var --android-caption-color\n  * @default #607d8b\n  * @description Styles the background of caption\n  * @see background-color\n  */\n  --android-caption-color: #607d8b;\n  /**\n  * @memberof android\n  * @var --android-color-primary\n  * @default #00796B\n  * @description Sets the font color of primary text and icons\n  * @example header cells\n  * @example pager icons\n  * @see color\n  */\n  --android-color-primary: #00796B;\n  /**\n  * @memberof android\n  * @var --android-color-secondary\n  * @default #263238\n  * @description Sets the font color of secondary text\n  * @example watermark\n  * @see color\n  */\n  --android-color-secondary: #263238;\n  /**\n  * @memberof android\n  * @var --android-font-size\n  * @default .9375rem\n  * @description Sets the base font size of grid\n  * @example cell content\n  * @see font-size\n  */\n  --android-font-size: .9375rem;\n  /**\n  * @memberof android\n  * @var --android-focus-color\n  * @default #4db6ac\n  * @description Styles the border of inputs and text of inputs on focus\n  * @example select input:focus\n  * @example page index input:focus\n  * @example editor modal input:focus\n  * @see color\n  */\n  --android-focus-color: #4db6ac;\n  /**\n  * @memberof android\n  * @var --android-input-height\n  * @default 22px\n  * @description Sets the height of inputs\n  * @example select input\n  * @example page index input\n  * @example editor modal input\n  * @see height\n  */\n  --android-input-height: 22px;\n\n  /* GLOBALS\n  ----------------------------------------------------- */\n  /* BACKGROUND */\n  /**\n  * @memberof android\n  * @var --theme-background-color\n  * @default rgba(0, 122, 255, .05)\n  * @description Styles the background of rows on hover\n  * @see background-color\n  */\n  --theme-background-color: rgba(0, 122, 255, .05);\n\n  /* BORDER */\n  /**\n  * @memberof android\n  * @var --theme-border-color\n  * @default #ebebeb\n  * @description Styles the border\n  * @example rows (header and body)\n  * @example column menu\n  * @example filter input\n  * @example page size option menu\n  * @example cards in \'card\' layout-mode\n  * @see border\n  */\n  --theme-border-color: #ebebeb;\n\n  /* COLOR */\n  /**\n  * @memberof android\n  * @var --theme-color-primary\n  * @default var(--android-color-primary)\n  * @description Sets the color of primary text and icons\n  * @example header cells\n  * @example pager icons\n  * @see color\n  */\n  --theme-color-primary: var(--android-color-primary);\n  /**\n  * @memberof android\n  * @var --theme-color-secondary\n  * @default var(--android-color-secondary);\n  * @description Sets the color of secondary text\n  * @example watermark\n  * @see color\n  */\n  --theme-color-secondary: var(--android-color-secondary);\n\n  /* FONT */\n  /**\n  * @memberof android\n  * @var --theme-color\n  * @default #4d4d4d\n  * @description Sets the color of text\n  * @example cell content\n  * @example pager text\n  * @example input text\n  * @example editor modal text\n  * @see color\n  */\n  --theme-color: #4d4d4d;\n  /**\n  * @memberof android\n  * @var --theme-color_alt\n  * @default #333333\n  * @description Sets the color of alternative text\n  * @example filter input\n  * @see color\n  */\n  --theme-color_alt: #333333;\n  /**\n  * @memberof android\n  * @var --theme-font-family\n  * @default "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;\n  * @description Sets the font family of text\n  * @see font-family\n  */\n  --theme-font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;\n  /**\n  * @memberof android\n  * @var --theme-font-size\n  * @default var(--android-font-size)\n  * @description Sets the base font size of text of grid\n  * @example cell content\n  * @see font-size\n  */\n  --theme-font-size: var(--android-font-size);\n  /**\n  * @memberof android\n  * @var --theme-font-style\n  * @default normal\n  * @description Sets the font style of text\n  * @see font-style\n  */\n  --theme-font-style: normal;\n  /**\n  * @memberof android\n  * @var --theme-font-weight\n  * @default normal\n  * @description Sets the font-weight of text\n  * @see font-weight\n  */\n  --theme-font-weight: normal;\n  /**\n  * @memberof android\n  * @var --theme-line-height\n  * @default 1.2rem\n  * @description Sets the line height\n  * @see line-height\n  */\n  --theme-line-height: 1.2rem;\n\n  /* PADDING */\n  /**\n  * @memberof android\n  * @var --theme-padding_x\n  * @default 1rem\n  * @description Sets the horizontal padding of cells\n  * @see padding\n  */\n  --theme-padding_x: 1rem;\n  /**\n  * @memberof android\n  * @var --theme-padding_y\n  * @default 1rem\n  * @description Sets the vertical padding of cells\n  * @see padding\n  */\n  --theme-padding_y: 1rem;\n\n\n  /* -------------------------------------------------- */\n\n  /* ZG-GRID\n  ----------------------------------------------------- */\n  /* Main Grid Component */\n  /**\n  * @memberof android\n  * @var --zing-grid-background\n  * @default #fff\n  * @description Styles the background of header and body rows\n  * @see background\n  */\n  --zing-grid-background: #fff;\n  /**\n  * @memberof android\n  * @var --zing-grid-border\n  * @default 0\n  * @description Styles the border of grid\n  * @see border\n  */\n  --zing-grid-border: 0;\n  /**\n  * @memberof android\n  * @var --zing-grid-box-shadow\n  * @default 0 5px 15px rgba(0,0,0, 0.2), 0 5px 5px rgba(0,0,0, 0.07)\n  * @description Applies a box shadow behind grid\n  * @see box-shadow\n  */\n  --zing-grid-box-shadow: 0 5px 15px rgba(0,0,0, 0.2), 0 5px 5px rgba(0,0,0, 0.07);\n  /* The Grid \'Table\' Shadow DOM element */\n  /**\n  * @memberof android\n  * @var --zing-grid-table-border-left\n  * @default 0\n  * @description Styles the left border of grid body\n  * @see border\n  */\n  --zing-grid-table-border-left: 0;\n  /**\n  * @memberof android\n  * @var --zing-grid-table-border-right\n  * @default 0\n  * @description Styles the right border of grid body\n  * @see border\n  */\n  --zing-grid-table-border-right: 0;\n\n\n  /* ZG-CELL\n  ----------------------------------------------------- */\n  /* When this cell\'s column is currently sorted */\n  /**\n  * @memberof android\n  * @var --zg-cell-background_sorted\n  * @default var(--android-background_sorted)\n  * @description Styles the background of sorted cells\n  * @see background-color\n  */\n  --zg-cell-background_sorted: var(--android-background_sorted);\n\n  /* ZG-CAPTION\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-caption-background\n  * @default var(--android-caption-color)\n  * @description Styles the background of caption\n  * @see background-color\n  */\n  --zg-caption-background: var(--android-caption-color);\n  /**\n  * @memberof android\n  * @var --zg-caption-box-shadow\n  * @default 0 2px 5px rgba(0,0,0,.26)\n  * @description Applies a box shadow behind caption\n  * @see box-shadow\n  */\n  --zg-caption-box-shadow: 0 2px 5px rgba(0,0,0,.26);\n  /**\n  * @memberof android\n  * @var --zg-caption-color\n  * @default #fff\n  * @description Sets the font color of caption\n  * @see color\n  */\n  --zg-caption-color: #fff;\n  /**\n  * @memberof android\n  * @var --zg-caption-font-size\n  * @default 1.125rem\n  * @description Sets the base font size of caption\n  * @see font-size\n  */\n  --zg-caption-font-size: 1.125rem;\n  /**\n  * @memberof android\n  * @var --zg-caption-font-weight\n  * @default 500\n  * @description Sets the font weight of caption\n  * @see font-weight\n  */\n  --zg-caption-font-weight: 500;\n  /* Title */\n  /**\n  * @memberof android\n  * @var --zg-caption-title-flex\n  * @default 1\n  * @description Sets are elements are flex in caption\n  * @see flex\n  */\n  --zg-caption-title-flex: 1;\n  /* Icons */\n  /**\n  * @memberof android\n  * @var --zg-caption-icon-color\n  * @default #fff\n  * @description Sets the color of icons in caption\n  * @see fill\n  */\n  --zg-caption-icon-color: #fff;\n  /**\n  * @memberof android\n  * @var --zg-caption-icon-height\n  * @default 24px\n  * @description Sets the height of icons in caption\n  * @see height\n  */\n  --zg-caption-icon-height: 24px;\n  /**\n  * @memberof android\n  * @var --zg-caption-icon-width\n  * @default 24px\n  * @description Sets the width of icons in caption\n  * @see width\n  */\n  --zg-caption-icon-width: 24px;\n\n  /* ZG-EDITOR-ROW\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-dialog-footer-justify-content\n  * @default flex-end\n  * @description Sets the horizontal alignment of contents in the dialog footer\n  * @see justify-content\n  */\n  --zg-dialog-footer-justify-content: flex-end;\n\n\n  /* ZG-EDITOR-ROW\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-editor-row-input-background_focus\n  * @default #fff\n  * @description Styles the background of editor input on focus\n  * @see background\n  */\n  --zg-editor-row-input-background_focus: #fff;\n  /**\n  * @memberof android\n  * @var --zg-editor-row-input-border-bottom_focus\n  * @default 2px solid var(--android-focus-color)\n  * @description Styles bottom border of editor input on focus\n  * @see border\n  */\n  --zg-editor-row-input-border-bottom_focus: 2px solid var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-editor-row-input-color_focus\n  * @default var(--android-focus-color)\n  * @description Styles the font color of editor input on focus\n  * @see color\n  */\n  --zg-editor-row-input-color_focus: var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-editor-row-input-padding\n  * @default 13px 15px 12px 13px\n  * @description Sets the padding of editor input\n  * @see padding\n  */\n  --zg-editor-row-input-padding: 13px 15px 12px 13px;\n  /**\n  * @memberof android\n  * @var --zg-editor-row-input-transform\n  * @default translate3d(0,-1px,0)\n  * @description Sets the transform of editor input\n  * @see transform\n  */\n  --zg-editor-row-input-transform: translate3d(0,-1px,0);\n\n  /* ZG-FILTER\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-filter-background_sorted\n  * @default #ececec\n  * @description Styles the background of filter in sorted column\n  * @see background\n  */\n  --zg-filter-background_sorted: #ececec;\n\n  /* ZG-FOCUS\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-focus-border\n  * @default 2px solid var(--android-focus-color)\n  * @description Styles the border of inputs on focus\n  * @see border\n  */\n  --zg-focus-border: 2px solid var(--android-focus-color);\n\n  /* ZG-HEAD-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-head-cell-border-top\n  * @default 1px solid transparent\n  * @description Styles the top border of head cells\n  * @see border\n  */\n  --zg-head-cell-border-top: 1px solid transparent;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-color\n  * @default var(--android-color-primary)\n  * @description Sets the font color of head cells\n  * @see color\n  */\n  --zg-head-cell-color: var(--android-color-primary);\n  /**\n  * @memberof android\n  * @var --zg-head-cell-font-size\n  * @default .875rem\n  * @description Sets the font size of head cells\n  * @see font-size\n  */\n  --zg-head-cell-font-size: var(--zing-grid-font-size, .875rem);\n  /* \'SPLIT PARENT\' CELL STYLING */\n  /**\n  * @memberof android\n  * @var --zg-head-cell-parent-background\n  * @default #f5f5f5\n  * @description Styles the background of \'parent\' head cells\n  * @see background\n  */\n  --zg-head-cell-parent-background: #f5f5f5;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-parent-border-bottom\n  * @default 1px solid #cfd8dc\n  * @description Styles the bottom border of \'parent\' head cells\n  * @see border\n  */\n  --zg-head-cell-parent-border-bottom: 1px solid #cfd8dc;\n  /* SORTABLE AND HOVERED */\n  /**\n  * @memberof android\n  * @var --zg-head-cell-background_sorted_hover\n  * @default #fafbfa\n  * @description Styles the background of sorted head cells on hover\n  * @see background\n  */\n  --zg-head-cell-background_sorted_hover: #fafbfa;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-border-top_sorted_hover\n  * @default 1px solid transparent\n  * @description Styles the top border of sorted head cells on hover\n  * @see border\n  */\n  --zg-head-cell-border-top_sorted_hover: 1px solid transparent;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-transition_sorted_hover\n  * @default background .15s\n  * @description Sets the transition of sorted head cells on hover\n  * @see transition\n  */\n  --zg-head-cell-transition_sorted_hover: background .15s;\n  /* SORTED (Overrides hover styles above) */\n  /**\n  * @memberof android\n  * @var --zg-head-cell-background_sorted\n  * @default #546e7a\n  * @description Styles the backgrounf of sorted head cells. Note that this will overwrite associated hover styles.\n  * @see background\n  */\n  --zg-head-cell-background_sorted: #546e7a;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-color_sorted\n  * @default #fff\n  * @description Sets the font color of sorted head cells. Note that this will overwrite associated hover styles.\n  * @see color\n  */\n  --zg-head-cell-color_sorted: #fff;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-icon-color_sorted\n  * @default #fff\n  * @description Sets the icon color of sorted head cells. Note that this will overwrite associated hover styles.\n  * @see fill\n  */\n  --zg-head-cell-icon-color_sorted: #fff;\n\n  /* ZG-ICON\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-icon-color\n  * @default var(--theme-color-primary)\n  * @description Sets the color of icon\n  * @see fill\n  */\n  --zg-icon-color: var(--theme-color-primary);\n\n  /* ZG-INPUT\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-input-background\n  * @default none\n  * @description Styles the background of input field\n  * @see background\n  */\n  --zg-input-background: none;\n  /**\n  * @memberof android\n  * @var --zg-input-border\n  * @default 0\n  * @description Styles the border of input field\n  * @see border\n  */\n  --zg-input-border: 0;\n  /**\n  * @memberof android\n  * @var --zg-input-border-bottom\n  * @default 2px solid var(--android-focus-color)\n  * @description Styles the bottom border of input field\n  * @see border\n  */\n  --zg-input-border-bottom: 2px solid var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-input-font-size\n  * @default .8125rem\n  * @description Sets the base font size of input field\n  * @see font-size\n  */\n  --zg-input-font-size: .8125rem;\n  /**\n  * @memberof android\n  * @var --zg-input-height\n  * @default var(--android-input-height)\n  * @description Sets the height of input field\n  * @see height\n  */\n  --zg-input-height: var(--android-input-height);\n  /**\n  * @memberof android\n  * @var --zg-input-padding\n  * @default 0 0 4px\n  * @description Sets the padding of input field\n  * @see padding\n  */\n  --zg-input-padding: 0 0 4px;\n  /**\n  * @memberof android\n  * @var --zg-input-width\n  * @default 22px\n  * @description Sets the width of input field\n  * @see width\n  */\n  --zg-input-width: 22px;\n  /**\n  * @memberof android\n  * @var --zg-input-transform\n  * @default translateY(1px)\n  * @description Sets the transform of input field\n  * @see transform\n  */\n  --zg-input-transform: translateY(1px);\n  /* Focus */\n  /**\n  * @memberof android\n  * @var --zg-input-border_focus\n  * @default 0\n  * @description Styles the border of input field on focus\n  * @see border\n  */\n  --zg-input-border_focus: 0;\n  /**\n  * @memberof android\n  * @var --zg-input-border-bottom_focus\n  * @default 2px solid var(--android-focus-color)\n  * @description Styles the bottom border of input field on focus\n  * @see border\n  */\n  --zg-input-border-bottom_focus: 2px solid var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-input-color_focus\n  * @default var(--android-focus-color)\n  * @description Sets the font color of input field on focus\n  * @see color\n  */\n  --zg-input-color_focus: var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-input-font-size_focus\n  * @default 1rem\n  * @description Sets the base font size of input field on focus\n  * @see font-size\n  */\n  --zg-input-font-size_focus: 1rem;\n  /**\n  * @memberof android\n  * @var --zg-input-transform_focus\n  * @default translateY(1px)\n  * @description Sets the tranform of input field on focus\n  * @see transform\n  */\n  --zg-input-transform_focus: translateY(1px);\n\n  /* ZG-menu-bar\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-menu-bar-background\n  * @default #f0f4f9\n  * @description Styles the background of menu bar\n  * @see background\n  */\n  --zg-menu-bar-background: #f0f4f9;\n  /**\n  * @memberof android\n  * @var --zg-menu-bar-icon-color\n  * @default #4db6ac\n  * @description Sets the icon color of menu bar\n  * @see fill\n  */\n  --zg-menu-bar-icon-color: #4db6ac;\n\n  /* ZG-OPTION-LIST\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-option-list-item-background_hover\n  * @default #e0f2f1\n  * @description Styles the background of option list item on hover\n  * @see background\n  */\n  --zg-option-list-item-background_hover: #e0f2f1;\n  /**\n  * @memberof android\n  * @var --zg-option-list-item-height\n  * @default 28px\n  * @description Sets the height of option list item on hover\n  * @see height\n  */\n  --zg-option-list-item-height: 28px;\n  /**\n  * @memberof android\n  * @var --zg-option-list-item-padding\n  * @default 0 5px\n  * @description Sets the padding of option list item on hover\n  * @see padding\n  */\n  --zg-option-list-item-padding: 0 5px;\n\n  /* ZG-PAGER\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-pager-background\n  * @default #f0f0f0\n  * @description Styles the background of pager\n  * @see background\n  */\n  --zg-pager-background: #f0f0f0;\n  /**\n  * @memberof android\n  * @var --zg-pager-border-top\n  * @default 0\n  * @description Styles the top border of pager\n  * @see border\n  */\n  --zg-pager-border-top: 0;\n  /**\n  * @memberof android\n  * @var --zg-pager-font-size\n  * @default .8125rem\n  * @description Sets the font size of pager\n  * @see font-size\n  */\n  --zg-pager-font-size: .8125rem;\n  /**\n  * @memberof android\n  * @var --zg-pager-height\n  * @default 40px\n  * @description Sets the height of pager\n  * @see height\n  */\n  --zg-pager-height: 40px;\n\n  /* ZG-ROW\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-row-body-height\n  * @default 53px\n  * @description Sets the height of body rows\n  * @see height\n  */\n  --zg-row-body-height: 53px;\n  /* Layout: Card */\n  /**\n  * @memberof android\n  * @var --zg-row-card-box-shadow\n  * @default 0 3px 20px 0 rgba(0,0,0,0.075)\n  * @description Applies a box shadow behind cards in \'card\' layout-mode\n  * @see box-shadow\n  */\n  --zg-row-card-box-shadow: 0 3px 20px 0 rgba(0,0,0,0.075);\n  /**\n  * @memberof android\n  * @var --zg-row-card-grid-gap\n  * @default 25px\n  * @description Sets the gap between cards in \'card\' layout-mode\n  * @see grid-gap\n  */\n  --zg-row-card-grid-gap: 25px;\n\n  /* ZG-SEARCH\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-search-height\n  * @default 100%\n  * @description Sets the height of search input\n  * @see height\n  */\n  --zg-search-height: 100%;\n\n  /* ZG-SELECT\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-select-background\n  * @default none\n  * @description Styles the background of select\n  * @see background\n  */\n  --zg-select-background: none;\n  /**\n  * @memberof android\n  * @var --zg-select-border\n  * @default 0\n  * @description Styles the border of select\n  * @see border\n  */\n  --zg-select-border: 0;\n  /**\n  * @memberof android\n  * @var --zg-select-border-bottom\n  * @default 2px solid var(--android-focus-color)\n  * @description Styles the bottom border of select\n  * @see border\n  */\n  --zg-select-border-bottom: 2px solid var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-select-height\n  * @default var(--android-input-height)\n  * @description Sets the height of select\n  * @see height\n  */\n  --zg-select-height: var(--android-input-height);\n  /**\n  * @memberof android\n  * @var --zg-select-min-width\n  * @default 15px\n  * @description Sets the minimum width of select\n  * @see min-width\n  */\n  --zg-select-min-width: 15px;\n  /**\n  * @memberof android\n  * @var --zg-select-outline\n  * @default none\n  * @description Styles of outline of select\n  * @see outline\n  */\n  --zg-select-outline: none;\n  /* Selected Field */\n  /**\n  * @memberof android\n  * @var --zg-select-text-background\n  * @default none\n  * @description Styles the background of select in active state \n  * @see background\n  */\n  --zg-select-text-background: none;\n  /* Arrow */\n  /**\n  * @memberof android\n  * @var --zg-select-arrow-background\n  * @default none\n  * @description Styles the backgrounf of select arrow\n  * @see background\n  */\n  --zg-select-arrow-background: none;\n  /**\n  * @memberof android\n  * @var --zg-select-arrow-border\n  * @default 0\n  * @description Styles the border of select arrow\n  * @see border\n  */\n  --zg-select-arrow-border: 0;\n\n  /* ZG-SOURCE\n  ----------------------------------------------------- */\n  --zg-source-background: #f9f9f9;\n  --zg-source-color: #549a92;\n\n  /* ZG-STATUS\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-status-background\n  * @default #333\n  * @description Styles the background of status\n  * @see background\n  */\n  --zg-status-background: #333;\n\n  /* ZG-WATERMARK\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-watermark-background\n  * @default #cfd8dc\n  * @description Styles the background of watermark\n  * @see background\n  */\n  --zg-watermark-background: #cfd8dc;\n  /**\n  * @memberof android\n  * @var --zg-watermark-border-top\n  * @default 0\n  * @description Styles the top border of watermark\n  * @see border\n  */\n  --zg-watermark-border-top: 0;\n  /**\n  * @memberof android\n  * @var --zg-watermark-color\n  * @default var(--theme-color-secondary)\n  * @description Sets the font color of watermark\n  * @see color\n  */\n  --zg-watermark-color: var(--theme-color-secondary);\n  /**\n  * @memberof android\n  * @var --zg-watermark-font-size\n  * @default 10px\n  * @description Sets the base font size of watermark\n  * @see font-size\n  */\n  --zg-watermark-font-size: 10px;\n}',""])},2231:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,":host([theme=\"black\"]) {\n  /* RE-USABLE ZINGGRID VARS\n  ----------------------------------------------------- */\n  /* These are used as the default theme values in the various component .css files */\n  /* These values are used more than once, so we're making them into a variable for reuse */\n\n  /* BACKGROUND */\n\n  /**\n  * @memberof black\n  * @var --theme-background-color\n  * @default #1e1e1e\n  * @description Styles the background of the grid\n  * @example caption\n  * @example filter\n  * @example control bar\n  * @example row:hover\n  * @see background-color\n  */\n  --theme-background-color: #1e1e1e;\n  /**\n  * @memberof black\n  * @var --theme-background-input\n  * @default #343434\n  * @description Styles the background input\n  * @see background-color\n  */\n  --theme-background-input: #343434;\n  /**\n  * @memberof black\n  * @var --theme-background-zebra\n  * @default var(--theme-background-color)\n  * @description Styles the background of 'even' rows in [zebra]-striping mode\n  * @see background-color\n  */\n  --theme-background-zebra: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --theme-background-row\n  * @default #323232\n  * @description Styles the background of row-like items\n  * @see background-color\n  */\n  --theme-background-row: #323232;\n\n  /* BORDER */\n  /**\n  * @memberof black\n  * @var --theme-border-color\n  * @default #444\n  * @description Styles the border color\n  * @see border\n  */\n  --theme-border-color: #444;\n\n  /* COLOR */\n\n  /**\n  * @memberof black\n  * @var --theme-color\n  * @default #767676\n  * @description Styles the font color for most components, including cell content.\n  * @see color\n  * @example cell font color\n  * @example button background\n  * @example checkbox border\n  * @example select color\n  */\n  --theme-color: #ccc;\n  /**\n  * @memberof black\n  * @var --theme-color-black\n  * @default #000\n  * @description Defines the baseline black color\n  * @see color\n  */\n  --theme-color-black: #000;\n  /**\n  * @memberof black\n  * @var --theme-color-input\n  * @default #d0d0d0\n  * @description Sets the font folor of input field\n  * @see color\n  */\n  --theme-color-input: #d0d0d0;\n\n  /**\n  * @memberof theme\n  * @var --theme-color-light\n  * @default #191818\n  * @description Defines the baseline light color\n  * @see color\n  * @example Currently reordering column\n  */\n  --theme-color-light: #191818;\n\n  /**\n  * @memberof black\n  * @var --theme-color-lighter\n  * @default #191818\n  * @description Defines the baseline light color\n  * @see color\n  * @example Filter and Footer background color\n  */\n  --theme-color-lighter: #191818;\n\n  /**\n  * @memberof black\n  * @var --theme-color-white\n  * @default #fff\n  * @description Defines the baseline white color\n  * @see color\n  */\n  --theme-color-white: #fff;\n\n\n  /* -------------------------------------------------- */\n\n\n  /* ZING-GRID\n  ----------------------------------------------------- */\n  --zing-grid-background: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --zing-grid-border-radius\n  * @default 20px\n  * @description Sets the border radius of the grid\n  * @see border-radius\n  */\n  --zing-grid-border-radius: 20px;\n\n  /* ZG-BUTTON\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-button-border-radius\n  * @description Styles of border-radius of buttons\n  * @see border\n  * @default 1px solid #000\n  */\n  --zg-button-border-radius: 3px;\n\n  /* ZG-BUTTON (CUSTOM) */\n  /**\n  * @memberof black\n  * @var --zg-button-background_custom\n  * @description Styles of background of custom button\n  * @see background\n  * @default #000\n  */\n  --zg-button-background_custom: #000;\n  /**\n  * @memberof black\n  * @var --zg-button-border_custom\n  * @description Styles of border of custom button\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  */\n  --zg-button-border_custom: 1px solid var(--theme-border-color);\n  /**\n  * @memberof black\n  * @var --zg-button-box-shadow_custom\n  * @description Applies a box shadow behind custom button\n  * @see box-shadow\n  * @default none\n  */\n  --zg-button-box-shadow_custom: none;\n  /**\n  * @memberof black\n  * @var --zg-button-color_custom\n  * @description Sets the fonc olor of custom button\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom: #fff;\n\n  /* Active */\n  /**\n  * @memberof black\n  * @var --zg-button-background_custom_active\n  * @description Styles of background of custom button on active state\n  * @see background\n  * @default #000\n  */\n  --zg-button-background_custom_active: #000;\n  /**\n  * @memberof black\n  * @var --zg-button-border_custom_active\n  * @description Styles of border of custom button on active state\n  * @see border\n  * @default 1px solid var(--zg-button-background_active)\n  */\n  --zg-button-border_custom_active: 1px solid var(--zg-button-background_active);\n  /**\n  * @memberof black\n  * @var --zg-button-box-shadow_custom_active\n  * @description Applies a box shadow behind custom button on active state\n  * @see box-shadow\n  * @default 0 0 5px 0 #000\n  */\n  --zg-button-box-shadow_custom_active: 0 0 5px 0 #000;\n  /**\n  * @memberof black\n  * @var --zg-button-color_custom_active\n  * @description Sets the font color of custom button on active state\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_active: #fff;\n\n  /* Focus */\n  /**\n  * @memberof black\n  * @var --zg-button-background_custom_focus\n  * @description Styles the background of custom button on focus\n  * @see background\n  * @default var(--zg-button-background_active)\n  */\n  --zg-button-background_custom_focus: var(--zg-button-background_active);\n  /**\n  * @memberof black\n  * @var --zg-button-border_custom_focus\n  * @description Styles of border of custom button on focus\n  * @see border\n  * @default 1px solid #000\n  */\n  --zg-button-border_custom_focus: 1px solid #000;\n  /**\n  * @memberof black\n  * @var --zg-button-box-shadow_custom_focus\n  * @description Applies a box shadow behind custom button on focus\n  * @see box-shadow\n  * @default 0 0 6px 0 #000\n  */\n  --zg-button-box-shadow_custom_focus: 0 0 6px 0 #000;\n  /**\n  * @memberof black\n  * @var --zg-button-color_custom_focus\n  * @description Sets the font color of custom button on focus\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_focus: #fff;\n\n  /* Hover */\n  /**\n  * @memberof black\n  * @var --zg-button-background_custom_hover\n  * @description Styles of background of custom button on hover\n  * @see background\n  * @default var(--zg-button-background_active)\n  */\n  --zg-button-background_custom_hover: var(--zg-button-background_active);\n  /**\n  * @memberof black\n  * @var --zg-button-border_custom_hover\n  * @description Styles of border of custom button on hover\n  * @see border\n  * @default 1px solid #000\n  */\n  --zg-button-border_custom_hover: 1px solid #000;\n  /**\n  * @memberof black\n  * @var --zg-button-box-shadow_custom_hover\n  * @description Applies a box shadow behind custom button on hover\n  * @see box-shadow\n  * @default 0 0 6px 0 #000\n  */\n  --zg-button-box-shadow_custom_hover: 0 0 6px 0 #000;\n  /**\n  * @memberof black\n  * @var --zg-button-color_custom_hover\n  * @description Sets the font color of custom button on hover\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_hover: #fff;\n\n  /* ZG-CAPTION\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-caption-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of caption\n  * @see background-color\n  */\n  --zg-caption-background: var(--theme-background-color);\n\n  /**\n  * @memberof black\n  * @var --zg-caption-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid caption\n  * @see border-radius\n  */\n  --zg-caption-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n  /**\n  * @memberof black\n  * @var --zg-caption-icon-color\n  * @default #fff\n  * @description Sets the color of icons in caption\n  * @see fill\n  */\n  --zg-caption-icon-color: var(--zg-icon-color);\n\n\n  /* ZG-CARD\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-body-card-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of card in 'card' layout-mode\n  * @see background-color\n  */\n  --zg-body-card-background: var(--theme-background-color);\n\n  /* ZG-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-cell-label-color_layout_card\n  * @description Sets font color of label in card in 'card' layout-mode\n  * @see color\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/WLX26P3Q\n  */\n  --zg-cell-label-color_layout_card: var(--theme-color);\n\n  /* ZG-COLUMN-RESIZE\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-column-resize-background\n  * @description Sets the background of the resize handle\n  * @see background\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/GY8NY03F\n  */\n  --zg-column-resize-background: var(--zg-head-cell-color);\n  /**\n  * @memberof dark\n  * @var --zg-column-resize-color\n  * @description Sets the color of the resize handle dots\n  * @see color\n  * @default none\n  */\n  --zg-column-resize-color: var(--theme-background-color);\n\n  /* ZG-CONTROL-BAR\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-control-bar-background\n  * @description Styles the background of the layout\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/E1K9COKF\n  */\n  --zg-control-bar-background: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --zg-control-bar-border-bottom\n  * @description Styles the bottom border of the layout\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/5DST8C9Q\n  */\n  --zg-control-bar-border-bottom: 0;\n  /**\n  * @memberof black\n  * @var --zg-control-bar-button-margin\n  * @description Sets the margin of layout buttons\n  * @see margin\n  * @default 0\n  */\n  --zg-control-bar-button-margin: 0;\n  /**\n  * @memberof black\n  * @var --zg-control-bar-icon-color\n  * @description Sets the fill color of slotted icon\n  * @see fill\n  * @default var(--zg-icon-color)\n  * @demoLink https://app.zingsoft.com/demos/create/AQXMHTVM\n  */\n  --zg-control-bar-icon-color: var(--zg-icon-color);\n\n  /**\n  * @memberof black\n  * @var --zg-control-bar-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid control-bar\n  * @see border-radius\n  */\n  --zg-control-bar-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n  /* ZG-DIALOG\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-background\n  * @description Styles the background of the dialog\n  * @see background\n  * @default var(--theme-background-color)\n  */\n  --zg-dialog-background: var(--theme-background-color);\n\n  /* HEADER */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-header-color\n  * @description Styles the color of the dialog header\n  * @see color\n  * @default #fff\n  */\n  --zg-dialog-header-color: #fff;\n\n  /**\n  * @memberof black\n  * @var --zg-dialog-body-color\n  * @description Styles font color of body of dialog\n  * @see color\n  * @default #fff\n  */\n  --zg-dialog-body-color: #ccc;\n\n\n  /* ZG-EDITOR-ROW\n  ----------------------------------------------------- */\n\n  /* INPUT */\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-background\n  * @description Styles the background of editor row input\n  * @see background\n  * @default var(--theme-color-black)\n  * @demoLink https://app.zingsoft.com/demos/create/3EBBN3A3\n  */\n  --zg-editor-row-input-background: var(--theme-color-black);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-border-bottom\n  * @description Styles the bottom border of editor row input\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/9P6CXB0Q\n  */\n  --zg-editor-row-input-border-bottom: 0;\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-color\n  * @description Sets the font color of editor row\n  * @see color\n  * @default var(--theme-color-input)\n  * @demoLink https://app.zingsoft.com/demos/create/QYZBZUVA\n  */\n  --zg-editor-row-input-color: var(--theme-color-input);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-padding\n  * @default 13px 16px 12px\n  * @description Sets the padding of editor input\n  * @see padding\n  */\n  --zg-editor-row-input-padding: 13px 16px 12px;\n\n  /* ZG-HEADER\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-header-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid header\n  * @see border-radius\n  */\n  --zg-header-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n  /* INPUT: FOCUSED */\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-background_focus\n  * @default var(--theme-color-black)\n  * @description Styles the background of editor input on focus\n  * @see background\n  */\n  --zg-editor-row-input-background_focus: var(--theme-color-black);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-box-shadow_focus\n  * @default none\n  * @description Styles the box-shadow of editor input on focus\n  * @see box-shadow\n  */\n  --zg-editor-row-input-box-shadow_focus: none;\n\n  /* INPUT: MODAL */\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-background_modal_focus\n  * @description Styles the background of editor input in modal on focus\n  * @see background\n  * @default var(--theme-color-black)\n  * @demoLink https://app.zingsoft.com/demos/create/ZORGW9GT\n  */\n  --zg-editor-row-input-background_modal_focus: var(--theme-color-black);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-border-bottom_modal_focus\n  * @description Styles the bottom border of editor input in modal on focus\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  */\n  --zg-editor-row-input-border-bottom_modal_focus: 1px solid var(--theme-border-color);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-color_modal_focus\n  * @description Sets the font color of editor input in modal on focus\n  * @see color\n  * @default var(--theme-color-input)\n  */\n  --zg-editor-row-input-color_modal_focus: var(--theme-color-input);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-padding_modal\n  * @default 13px 10px 12px 8px\n  * @description Sets the padding of editor input\n  * @see padding\n  */\n  --zg-editor-row-input-padding_modal: 13px 10px 12px 8px;\n\n\n  /* ZG-FILTER\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-filter-background\n  * @description Styles the background of filter\n  * @see background\n  * @default var(--theme-background-color);\n  * @demoLink https://app.zingsoft.com/demos/create/G1WKUNFJ\n  */\n  --zg-filter-background: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --zg-filter-background_sorted\n  * @description Styles the background color of filter when the column in sorted\n  * @see background-color\n  * @default var(--theme-color-black)\n  * @demoLink https://app.zingsoft.com/demos/create/WX39XEJ1\n  */\n  --zg-filter-background_sorted: var(--theme-color-black);\n\n  /* INPUT */\n  /**\n  * @memberof black\n  * @var --zg-filter-input-background\n  * @description Styles the background of input field in filter\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  */\n  --zg-filter-input-background: var(--theme-color-black);\n  /**\n  * @memberof black\n  * @var --zg-filter-input-border-bottom\n  * @description Styles the bottom border of input field in filter\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/Z1COSRGD\n  */\n  --zg-filter-input-border-bottom: 1px solid #212121;\n  /**\n  * @memberof black\n  * @var --zg-filter-input-border-left\n  * @description Styles the left border of input field in filter\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/2Z1YS7PH\n  */\n  --zg-filter-input-border-left: 1px solid #212121;\n  /**\n  * @memberof black\n  * @var --zg-filter-input-border-right\n  * @description Styles the right border of input field in filter\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/JD0COXK4\n  */\n  --zg-filter-input-border-right: 1px solid #212121;\n  /**\n  * @memberof black\n  * @var --zg-filter-input-border-top\n  * @description Styles the top border of input field in filter\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/KRUW31YG\n  */\n  --zg-filter-input-border-top: 1px solid #212121;\n\n  /* INPUT: SORTED */\n  /**\n  * @memberof black\n  * @var --zg-filter-input-background_sorted\n  * @description Styles the background of input field in filter in sorted column\n  * @see background\n  * @default #171717\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  */\n  --zg-filter-input-background_sorted: #171717;\n\n  /* ZG-HEAD\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-head-background\n  * @default #191818\n  * @description Styles the background of grid head\n  * @see background\n  * @default Browser's default value\n  */\n  --zg-head-background: #191818;\n\n  /**\n  * @memberof black\n  * @var --zg-head-border-top\n  * @description Styles the top border of grid head\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/S7J5KA7S\n  */\n  --zg-head-border-top: 1px solid var(--theme-border-color);\n\n  /**\n  * @memberof dark\n  * @var --zg-head-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid head\n  * @see border-radius\n  */\n  --zg-head-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n\n  /* ZG-HEAD-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-head-cell-background_sorted\n  * @description Styles the background of sorted head cells\n  * @see background\n  * @default var(--theme-color-black)\n  * @demoLink https://app.zingsoft.com/demos/create/F7W6O5Y8\n  */\n  --zg-head-cell-background_sorted: var(--theme-color-black);\n  /**\n  * @memberof black\n  * @var --zg-head-cell-color\n  * @default var(--theme-color)\n  * @description Sets the font color of head cells\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/MOTKNFI7\n  */\n  --zg-head-cell-color: var(--theme-color);\n  /**\n  * @memberof black\n  * @var --zg-head-cell-color_sorted\n  * @description Sets the font color of sorted head cells\n  * @default var(--theme-color-white);\n  * @see color\n  */\n  --zg-head-cell-color_sorted: var(--theme-color-white);\n\n  /* ZG-HEADER\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-header-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid header\n  * @see border-radius\n  */\n  --zg-header-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n\n  /* ZG-ICON\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-icon-color\n  * @default var(--theme-color-white)\n  * @description Sets the fill color of icon in shadow elements\n  * @see fill\n  * @demoLink https://app.zingsoft.com/demos/create/QP3CK186\n  */\n  --zg-icon-color: var(--theme-color-white);\n  /**\n  * @memberof black\n  * @var --zg-icon-init-fill\n  * @description This color is set on the icon <svg> while the element has the\n  * [init] attribute. This is meant to give an indication the column is sortable.\n  * The [init] goes away when the column is sorted.\n  * @default #d0d0d0\n  * @see fill\n  * @demoLink https://app.zingsoft.com/demos/create/K3C0AD5K\n  */\n  /* Not-Sorted Color */\n  --zg-icon-init-fill: #d0d0d0;\n  /**\n  * @memberof black\n  * @var --zg-head-cell-icon-color_sorted\n  * @description Sets the fill color of icon in sorted head cells\n  * @see fill\n  * @default var(--theme-color-white);\n  * @demoLink https://app.zingsoft.com/demos/create/I4QTA64O\n  */\n  /* Sorted Color */\n  --zg-head-cell-icon-color_sorted: var(--theme-color-white);\n\n  /* ZG-INPUT\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-input-background\n  * @description Styles the background of input field\n  * @see background\n  * @default var(--theme-background-input)\n  * @demoLink https://app.zingsoft.com/demos/create/QTKU281K\n  */\n  --zg-input-background: var(--theme-background-input);\n  /**\n  * @memberof black\n  * @var --zg-input-color\n  * @description Styles the font color of editor input in modal\n  * @see color\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/32AVDJGQ\n  */\n  --zg-input-color: var(--theme-color-input);\n\n  /* ZG-MENU\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-menu-background\n  * @description Styles the background of menu\n  * @see background-color\n  * @default var(--theme-color-lighter)\n  */\n  --zg-menu-background: var(--theme-color-lighter);\n\n  /* ZG-MENUITEM\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-menu-item-color_hover\n  * @description Sets the font color of menu item on hover\n  * @see color\n  * @default #fff\n  */\n  --zg-menu-item-color_hover: #fff;\n\n  /* ZG-PAGER\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-pager-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of the pager\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/DSI1M4K6\n  */\n  --zg-pager-background: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --zg-pager-border-top\n  * @description Styles the top border of the pager\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/S7J5KA7S\n  */\n  --zg-pager-border-top: 1px solid var(--theme-border-color);\n\n  /* ZG-ROW\n  ----------------------------------------------------- */\n\n  /* ZG-BODY */\n  /**\n  * @memberof black\n  * @var --zg-row-body-background_even\n  * @default var(--theme-background-row)\n  * @description Styles the background of 'even' body rows\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/VMHOQP1A\n  */\n  --zg-row-body-background_even: var(--theme-background-row);\n  /**\n  * @memberof black\n  * @var --zg-row-body-background_odd\n  * @default var(--theme-background-row)\n  * @description Styles the background of 'odd' body rows\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/VMHOQP1A\n  */\n  --zg-row-body-background_odd: var(--theme-background-row);\n  /**\n  * @memberof black\n  * @var --zg-row-body-color\n  * @default #ccc\n  * @description Sets the font color of body rows\n  * @see color\n  */\n  --zg-row-body-color: #ccc;\n\n  /* Hover */\n  /**\n  * @memberof black\n  * @var --zg-row-body-color_even_hover\n  * @default var(--zg-row-body-color)\n  * @description Sets the font-color of 'even' body rows on hover\n  * @see color\n  */\n  --zg-row-body-color_even_hover: var(--zg-row-body-color);\n  /**\n  * @memberof black\n  * @var --zg-row-body-color_odd_hover\n  * @default var(--zg-row-body-color)\n  * @description Sets the font-color of 'odd' body rows on hover\n  * @see color\n  */\n  --zg-row-body-color_odd_hover: var(--zg-row-body-color);\n\n  /* Card */\n  /**\n  * @memberof black\n  * @var --zg-row-card-background\n  * @description Styles the background of card in 'card' layout-mode\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/BN8IASG4\n  */\n  --zg-row-card-background: var(--theme-background-row);\n\n  /* CARD MODE WHEN EDITOR CONTROLS */\n  /**\n  * @memberof default\n  * @var --zg-row-card-background_editor_odd\n  * @description Styles the background of 'odd' card editor head in card layout-mode\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px, var(--theme-border-color) 44px, var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px);\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/EFQR8XAB\n  */\n  /* ODD */\n  --zg-row-card-background_editor_odd: linear-gradient(\n    var(--theme-color-lighter),\n    var(--theme-color-lighter) 43px,\n    var(--theme-border-color) 44px,\n    var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px\n  );\n  /* EVEN */\n  /**\n  * @memberof default\n  * @var --zg-row-card-background_editor_even\n  * @description Styles the background of 'even' card editor head in card layout-mode\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px, var(--theme-border-color) 44px, var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px);\n  * @see background\n  */\n  --zg-row-card-background_editor_even: linear-gradient(\n    var(--theme-color-lighter),\n    var(--theme-color-lighter) 43px,\n    var(--theme-border-color) 44px,\n    var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px\n  );\n\n  /* ZG-SELECT\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-select-arrow-color\n  * @description Sets the color select arrow icon\n  * @see fill\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/1IT6DL7R\n  */\n  --zg-select-arrow-color: var(--zg-icon-color);\n  /**\n  * @memberof black\n  * @var --zg-select-color\n  * @description Sets the font color of the select\n  * @see color\n  * @default var(--theme-color-input)\n  * @demoLink https://app.zingsoft.com/demos/create/LHLU0OLY\n  */\n  --zg-select-color: var(--theme-color-input);\n  /**\n  * @memberof black\n  * @var --zg-select-text-background\n  * @description Styles the background of the 'text' portion of the zg-select element\n  * @default var(--theme-background-input)\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/MZG3WH82\n  */\n  --zg-select-text-background: var(--theme-background-input);\n  /**\n  * @memberof black\n  * @var --zg-option-list-background\n  * @description Styles the background of option list\n  * @see background\n  * @default var(--theme-background-color)\n  */\n  --zg-option-list-background: var(--theme-background-color);\n\n  /* ZG-SOURCE\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-source-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of source\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/B8CEE4RW\n  */\n  --zg-source-background: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --zg-source-border-top\n  * @description Styles the top border of source\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/IYUVRHY0\n  */\n  --zg-source-border-top: 0;\n\n\n  /* ZG-WATERMARK\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-watermark-background\n  * @default var(--theme-color_alt)\n  * @description Styles the background of the ZingGrid watermark\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/PLI8AW69\n  */\n  --zg-watermark-background: var(--theme-color_alt);\n  /**\n  * @memberof black\n  * @var --zg-watermark-color\n  * @default var(--theme-color_alt)\n  * @description Styles the color of the ZingGrid watermark\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/RHV3AZL7\n  */\n  --zg-watermark-color: #fff;\n\n  /**\n    * @memberof black\n    * @var --zg-watermark-border-radius\n    * @default var(--theme-color_alt)\n    * @description Styles the border-radius of the ZingGrid watermark\n    * @see border-radius\n    * @demoLink https://app.zingsoft.com/demos/create/HCZ0FTPR\n    */\n    --zg-watermark-border-radius: 0 0 var(--zing-grid-border-radius) var(--zing-grid-border-radius);\n\n    /* BATCH EDIT\n  ----------------------------------------------------- */\n  --zing-grid-batch-edit-style-border: 4px solid var(--theme-color);\n  /* --theme-batch-edit-box-shadow: inset 0 0 15px var(--theme-color_alt); */\n  --theme-batch-edit-box-shadow: unset;\n\n}\n\n\n",""])},94143:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,":host([compact]),\n:host([theme][compact]) {\n  /* --theme-padding_x: .75rem; */\n  --theme-padding_y: .5rem;\n  --zg-caption-height: 40px;\n  --zg-caption-title-font-size: 80%;\n  --zg-filter-height: 34px;\n  --zg-pager-height: 0;\n  --zg-pager-padding: 0 var(--theme-padding_x) 11px;\n  --zg-row-head-height: 32px;\n  --zg-row-body-height: 0;\n  --zg-row-height_aggregate: 32px;\n  --zg-cell-font-size: 95%;\n  --zg-cell-padding: var(--theme-padding_y) var(--theme-padding_x);\n  --zg-cell-selector-min-height_layout_row: 0;\n}",""])},93218:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,":host([theme=\"dark\"]) {\n  /* RE-USABLE ZINGGRID VARS\n  ----------------------------------------------------- */\n  /* These are used as the default theme values in the various component .css files */\n  /* These values are used more than once, so we're making them into a variable for reuse */\n\n  /* BACKGROUND */\n\n  /**\n  * @memberof dark\n  * @var --theme-background-color\n  * @default #071730\n  * @description Styles the background of row on hover\n  * @see background-color\n  */\n  --theme-background-color: #071730;\n  /**\n  * @memberof dark\n  * @var --theme-background-input\n  * @default #343434\n  * @description Styles the background input fields\n  * @see background-color\n  */\n  --theme-background-input: #343434;\n  /**\n  * @memberof dark\n  * @var --theme-background-zebra\n  * @default var(--theme-background-color)\n  * @description Styles the background of 'even' rows in grid [zebra]-striping mode\n  * @see background-color\n  */\n  --theme-background-zebra: var(--theme-background-color);\n  /**\n  * @memberof dark\n  * @var --theme-background-row\n  * @default #191a2c\n  * @description Styles the background of row-like items\n  * @see background-color\n  */\n  --theme-background-row: #191a2c;\n\n  /* BORDER */\n  /**\n  * @memberof dark\n  * @var --theme-border-color\n  * @default var(--theme-color_alt)\n  * @description Styles the border color\n  * @see border\n  */\n  --theme-border-color: var(--theme-color_alt);\n  /**\n  * @memberof dark\n  * @var --theme-border-color_body\n  * @default #3a3a3a\n  * @description Styles the border color of grid body\n  * @see border\n  */\n  --theme-border-color_body: #3a3a3a;\n\n  /* COLOR */\n\n  /**\n  * @memberof dark\n  * @var --theme-color\n  * @default #e4e4e4\n  * @description Sets the font color of most components, including cell content.\n  * @see color\n  * @example cell font color\n  * @example button background\n  * @example checkbox border\n  * @example select color\n  */\n  --theme-color: #e4e4e4;\n  /**\n  * @memberof dark\n  * @var --theme-color_alt\n  * @default #5290a5\n  * @description Sets the font color of most components, including cell content.\n  * @see color\n  */\n  --theme-color_alt: #5290a5;\n  /**\n  * @memberof dark\n  * @var --theme-color-input\n  * @default #d0d0d0\n  * @description Sets the font color of input fields\n  * @see color\n  */\n  --theme-color-input: #d0d0d0;\n  /**\n  * @memberof black\n  * @var --theme-color-light\n  * @default #050b22\n  * @description Defines the baseline light color\n  * @see color\n  * @example Currently reordering column\n  */\n  --theme-color-light: #050b22;\n  /**\n  * @memberof dark\n  * @var --theme-color-lighter\n  * @default #050b22\n  * @description Defines the baseline lighter color\n  * @see color\n  * @example Filter and Footer background color\n  */\n  --theme-color-lighter: #050b22;\n  /**\n  * @memberof dark\n  * @var --theme-color-primary\n  * @default #00061d\n  * @description Defines the baseline primary color\n  * @see color\n  */\n  --theme-color-primary: #00061d;\n  /**\n  * @memberof dark\n  * @var --theme-color-white\n  * @default #fff\n  * @description Defines the baseline white color\n  * @see color\n  */\n  --theme-color-white: #fff;\n\n\n  /* -------------------------------------------------- */\n\n\n  /* ZING-GRID\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zing-grid-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of grid\n  * @see background-color\n  */\n  --zing-grid-background: var(--theme-background-color);\n\n  /* DRAGGABLE COLUMNS */\n  /**\n  * @memberof dark\n  * @var --draggable-width_note\n  * @default calc(100% + 2px)\n  * @description Sets width of draggable element when `[draggable]` is added to `<zing-grid>`\n  * @see width\n  */\n  --draggable-width_note: calc(100% + 2px);\n\n\n  /* ZG-BUTTON\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-button-background_active\n  * @description Styles the background of button on active state\n  * @see background\n  * @default #343434\n  * @demoLink https://app.zingsoft.com/demos/create/XPUZZ3LU\n  */\n  --zg-button-background_active: #343434;\n\n  /* ZG-BUTTON (CUSTOM) */\n  /**\n  * @memberof dark\n  * @var --zg-button-background_custom\n  * @description Styles the background of custom button\n  * @see background\n  * @default var(--theme-color-primary)\n  */\n  --zg-button-background_custom: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-button-border_custom\n  * @description Styles the border of custom button\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  */\n  --zg-button-border_custom: 1px solid var(--theme-border-color);\n  /**\n  * @memberof dark\n  * @var --zg-button-box-shadow_custom\n  * @description Applies a box shadow behind efault button\n  * @see box-shadow\n  * @default none\n  */\n  --zg-button-box-shadow_custom: none;\n  /**\n  * @memberof dark\n  * @var --zg-button-color_custom\n  * @description Sets the font color of custom button\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom: #fff;\n\n  /* Active */\n  /**\n  * @memberof dark\n  * @var --zg-button-background_custom_active\n  * @description Styles the background of custom button on active state\n  * @see background\n  * @default #000\n  */\n  --zg-button-background_custom_active: #000;\n  /**\n  * @memberof dark\n  * @var --zg-button-border_custom_active\n  * @description Styles the border of custom button on active state\n  * @see border\n  * @default 1px solid #4eaada\n  */\n  --zg-button-border_custom_active: 1px solid #4eaada;\n  /**\n  * @memberof dark\n  * @var --zg-button-box-shadow_custom_active\n  * @description Applies a box shadow behind custom button on active state\n  * @see box-shadow\n  * @default 0 0 5px 0 #86d3fb\n  */\n  --zg-button-box-shadow_custom_active: 0 0 5px 0 #86d3fb;\n  /**\n  * @memberof dark\n  * @var --zg-button-color_custom_active\n  * @description Sets the font color of custom button on active state\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_active: #fff;\n  /* Focus */\n  /**\n  * @memberof dark\n  * @var --zg-button-background_custom_focus\n  * @description Styles the background of custom button on focus\n  * @see background\n  * @default #000\n  */\n  --zg-button-background_custom_focus: #000;\n  /**\n  * @memberof dark\n  * @var --zg-button-border_custom_focus\n  * @description Styles the border of custom button on focus\n  * @see border\n  * @default 1px solid #5ac4fb\n  */\n  --zg-button-border_custom_focus: 1px solid #5ac4fb;\n  /**\n  * @memberof dark\n  * @var --zg-button-box-shadow_custom_focus\n  * @description Applies a box shadow behind custom button on focus\n  * @see box-shadow\n  * @default 0 0 6px 0 #86d3fb\n  */\n  --zg-button-box-shadow_custom_focus: 0 0 6px 0 #86d3fb;\n  /**\n  * @memberof dark\n  * @var --zg-button-color_custom_focus\n  * @description Sets font color of custom button on focus\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_focus: #fff;\n\n  /* Hover */\n  /**\n  * @memberof dark\n  * @var --zg-button-background_custom_hover\n  * @description Styles background of custom button on hover\n  * @see background\n  * @default var(--theme-color-primary)\n  */\n  --zg-button-background_custom_hover: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-button-border_custom_hover\n  * @description Styles border of custom button on hover\n  * @see border\n  * @default 1px solid #5ac4fb\n  */\n  --zg-button-border_custom_hover: 1px solid #5ac4fb;\n  /**\n  * @memberof dark\n  * @var --zg-button-box-shadow_custom_hover\n  * @description Applies a box shadow behind custom button on hover\n  * @see box-shadow\n  * @default 0 0 6px 0 #86d3fb\n  */\n  --zg-button-box-shadow_custom_hover: 0 0 6px 0 #86d3fb;\n  /**\n  * @memberof dark\n  * @var --zg-button-color_custom_hover\n  * @description Sets font color of custom button on hover\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_hover: #fff;\n\n  /* ZG-CAPTION\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-caption-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of caption\n  * @see background-color\n  */\n  --zg-caption-background: var(--theme-background-color);\n\n  /**\n  * @memberof dark\n  * @var --zg-caption-icon-color\n  * @default #fff\n  * @description Sets the color of icons in caption\n  * @see fill\n  */\n  --zg-caption-icon-color: var(--zg-icon-color);\n\n  /* ZG-CARD\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-body-card-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of card in 'card' layout-mode\n  * @see background-color\n  */\n  --zg-body-card-background: var(--theme-background-color);\n\n  /* ZG-CELL\n  ----------------------------------------------------- */\n    /**\n  * @memberof dark\n  * @var --zg-cell-background_sorted\n  * @default var(--theme-color-primary)\n  * @description Styles the background of sorted cells\n  * @see background-color\n  */\n  --zg-cell-background_sorted: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-cell-label-color_layout_card\n  * @description Sets font color of label in grid cell in 'card' layout-mode\n  * @see color\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/WLX26P3Q\n  */\n  --zg-cell-label-color_layout_card: var(--theme-color);\n\n  /* ZG-COLUMN-RESIZE\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-column-resize-background\n  * @description Sets the background of the resize handle\n  * @see background\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/GY8NY03F\n  */\n  --zg-column-resize-background: var(--zg-head-cell-color);\n  /**\n  * @memberof dark\n  * @var --zg-column-resize-color\n  * @description Sets the color of the resize handle dots\n  * @see color\n  * @default none\n  */\n  --zg-column-resize-color: var(--theme-background-color);\n\n  /* ZG-CONTROL-BAR\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-control-bar-background\n  * @description Styles the background of control bar\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/E1K9COKF\n  */\n  --zg-control-bar-background: var(--theme-background-color);\n  /**\n  * @memberof dark\n  * @var --zg-control-bar-border-bottom\n  * @description Styles the bottom border of control bar\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/5DST8C9Q\n  */\n  --zg-control-bar-border-bottom: 0;\n  /**\n  * @memberof dark\n  * @var --zg-control-bar-button-margin\n  * @description Sets margin of buttons in control bar\n  * @see margin\n  * @default 0\n  */\n  --zg-control-bar-button-margin: 0;\n  /**\n  * @memberof dark\n  * @var --zg-control-bar-icon-color\n  * @description Sets the fill color of slotted icon\n  * @see fill\n  * @default var(--zg-icon-color)\n  * @demoLink https://app.zingsoft.com/demos/create/AQXMHTVM\n  */\n  --zg-control-bar-icon-color: var(--zg-icon-color);\n\n  /* ZG-DIALOG\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-background\n  * @description Styles the background of dialog\n  * @see background\n  * @default #050b22\n  */\n  --zg-dialog-background: #050b22;\n\n  /* HEADER */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-header-color\n  * @description Styles the font color of dialog header\n  * @see color\n  * @default #fff\n  */\n  --zg-dialog-header-color: #fff;\n\n  /**\n  * @memberof dark\n  * @var --zg-dialog-cancel-border-bottom\n  * @description Styles the bottom border of dialog 'cancel' button\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-cancel-border-bottom: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-dialog-cancel-border-left\n  * @description Styles the left border of dialog 'cancel' button\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-cancel-border-left: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-dialog-cancel-border-right\n  * @description Styles the right border of dialog 'cancel' button\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-cancel-border-right: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-dialog-cancel-border-top\n  * @description Styles the top border of dialog 'cancel' button\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-cancel-border-top: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-dialog-close-color\n  * @description Sets the font color of dialog 'close' button\n  * @see color\n  * @default var(--theme-color_alt)\n  */\n  --zg-dialog-close-color: var(--theme-color_alt);\n\n  /* BODY */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-body-border-top\n  * @description Styles the top boder of dialog body\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-body-border-top: 1px solid var(--theme-border-color_body);\n\n  /* FOOTER */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-footer-border-top\n  * @description Styles the top border of dialog footer\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-footer-border-top: 1px solid var(--theme-border-color_body);\n\n  /* BODY COLOR\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-body-color\n  * @description Styles font color of body of dialog\n  * @see color\n  * @default #fff\n  */\n  --zg-dialog-body-color: #fff;\n\n  /* ZG-EDITOR-ROW\n  ----------------------------------------------------- */\n\n  /* ZG-EDITOR-ROW: INPUT */\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-background\n  * @description Styles the background of editor row input\n  * @see background\n  * @default var(--theme-color-primary))\n  * @demoLink https://app.zingsoft.com/demos/create/3EBBN3A3\n  */\n  --zg-editor-row-input-background: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-border-bottom\n  * @description Styles the bottom border of editor row input\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/9P6CXB0Q\n  */\n  --zg-editor-row-input-border-bottom: 0;\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-color\n  * @description Sets the font color of editor row input\n  * @see color\n  * @default var(--theme-color-input)\n  * @demoLink https://app.zingsoft.com/demos/create/QYZBZUVA\n  */\n  --zg-editor-row-input-color: var(--theme-color-input);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-padding\n  * @default 13px 16px 12px\n  * @description The padding of editor row input\n  * @see padding\n  */\n  --zg-editor-row-input-padding: 13px 16px 12px;\n\n  /* ZG-EDITOR-ROW: INPUT - FOCUSED */\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-background_focus\n  * @default var(--theme-background-color)\n  * @description Styles the background of editor row input on focus\n  * @see background\n  */\n  --zg-editor-row-input-background_focus: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-border-bottom\n  * @description Styles the bottom border of input field\n  * @see border\n  * @default var(--theme-border-color_body)\n  */\n  --zg-editor-row-input-border-bottom: var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-box-shadow_focus\n  * @default none\n  * @description Applies a box shadow behind editor row input on focus\n  * @see box-shadow\n  */\n  --zg-editor-row-input-box-shadow_focus: none;\n\n  /* ZG-EDITOR-ROW: MODAL - INPUT */\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-background_modal_focus\n  * @description Styles the background of editor row input in modal on focus\n  * @see background\n  * @default var(--theme-background-zebra)\n  * @demoLink https://app.zingsoft.com/demos/create/ZORGW9GT\n  */\n  --zg-editor-row-input-background_modal_focus: var(--theme-background-zebra);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-border-bottom_modal_focus\n  * @description Styles the bottom border of editor row input in modal on focus\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  */\n  --zg-editor-row-input-border-bottom_modal_focus: 1px solid var(--theme-border-color);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-color_modal_focus\n  * @description Sets the font color of editor row input in modal on focus\n  * @see color\n  * @default var(--theme-color-input)\n  */\n  --zg-editor-row-input-color_modal_focus: var(--theme-color-input);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-padding_modal\n  * @default 13px 10px 12px 8px\n  * @description Sets the padding of editor row input\n  * @see padding\n  */\n  --zg-editor-row-input-padding_modal: 13px 10px 12px 8px;\n\n  /* ZG-EDITOR-ROW: LABEL\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-label-color\n  * @description Styles font color of label in modal\n  * @see color\n  * @default #fff\n  */\n  --zg-editor-row-label-color: #fff;\n\n  /* ZG-FILTER\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-filter-background\n  * @description Styles the background of filter input\n  * @see background\n  * @default var(--theme-background-color);\n  * @demoLink https://app.zingsoft.com/demos/create/G1WKUNFJ\n  */\n  --zg-filter-background: var(--theme-background-color);\n  /**\n  * @memberof dark\n  * @var --zg-filter-background_sorted\n  * @description Styles the background color of filter input in sorted column\n  * @see background-color\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/WX39XEJ1\n  */\n  --zg-filter-background_sorted: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-filter-border-top\n  * @description Styles the top border of the filter cell\n  * @see border\n  * @default 0\n  */\n  --zg-filter-border-top: 0;\n\n  /* ZG-FILTER: INPUT */\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-background\n  * @description Styles the background of fiter input field\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  */\n  --zg-filter-input-background: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-border-bottom\n  * @description Styles the bottom border of filter input field\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/Z1COSRGD\n  */\n  --zg-filter-input-border-bottom: 1px solid #212121;\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-border-left\n  * @description Styles the left border of filter input field\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/2Z1YS7PH\n  */\n  --zg-filter-input-border-left: 1px solid #212121;\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-border-right\n  * @description Styles the right border of filter input field\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/JD0COXK4\n  */\n  --zg-filter-input-border-right: 1px solid #212121;\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-border-top\n  * @description Styles the top border of filter input field\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/KRUW31YG\n  */\n  --zg-filter-input-border-top: 1px solid #212121;\n\n  /* ZG-FILTER: INPUT - SORTED */\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-background_sorted\n  * @description Styles the background of filter input field in sorted column\n  * @see background\n  * @default var(--theme-background-row)\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  */\n  --zg-filter-input-background_sorted: var(--theme-background-row);\n\n  /* ZG-HEAD\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-head-background\n  * @default #050b22\n  * @description Styles the background of grid head\n  * @see background\n  */\n  --zg-head-background: #050b22;\n  /**\n  * @memberof dark\n  * @var --zg-head-border-bottom\n  * @description Styles the bottom border of grid head\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  * @demoLink https://app.zingsoft.com/demos/create/HLBTB6HX\n  */\n  --zg-head-border-bottom: 1px solid var(--theme-border-color_body);\n\n  /**\n  * @memberof dark\n  * @var --zg-head-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid head\n  * @see border-radius\n  */\n  --zg-head-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n  /**\n  * @memberof dark\n  * @var --zg-head-border-top\n  * @description Styles the top border of grid head\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/S7J5KA7S\n  */\n  --zg-head-border-top: 0;\n\n  /* ZG-HEAD-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-head-cell-background_sorted\n  * @description Styles the background of sorted head cells\n  * @see background\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/F7W6O5Y8\n  */\n  --zg-head-cell-background_sorted: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-head-cell-color\n  * @default var(--theme-color_alt)\n  * @description Sets the font color of head cells\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/MOTKNFI7\n  */\n  --zg-head-cell-color: var(--theme-color_alt);\n  /**\n  * @memberof dark\n  * @var --zg-head-cell-color_sorted\n  * @description Sets the font color of head cells when sorted\n  * @default var(--theme-color-white);\n  * @see color\n  */\n  --zg-head-cell-color_sorted: var(--theme-color-white);\n\n  /* ZG-HEADER\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-header-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid header\n  * @see border-radius\n  */\n  --zg-header-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n\n  /* ZG-ICON\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-icon-color\n  * @default var(--theme-color-white)\n  * @description Sets the fill color of icon in shadow elements\n  * @see fill\n  * @demoLink https://app.zingsoft.com/demos/create/QP3CK186\n  */\n  --zg-icon-color: var(--theme-color_alt);\n  /**\n  * @memberof dark\n  * @var --zg-icon-init-fill\n  * @description This color is set on the icon <svg> while the element has the\n  * [init] attribute. This is meant to give an indication the column is sortable.\n  * The [init] goes away when the column is sorted.\n  * @default var(--theme-color)\n  * @see fill\n  * @demoLink https://app.zingsoft.com/demos/create/K3C0AD5K\n  */\n  /* Not-Sorted Color */\n  --zg-icon-init-fill: var(--theme-color_alt);\n  /**\n  * @memberof dark\n  * @var --zg-head-cell-icon-color_sorted\n  * @description Sets the fill color of icon in sorted head cells\n  * @see fill\n  * @default var(--theme-color-white);\n  * @demoLink https://app.zingsoft.com/demos/create/I4QTA64O\n  */\n  /* Sorted Color */\n  --zg-head-cell-icon-color_sorted: var(--theme-color-white);\n\n  /* ZG-INPUT\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-input-background\n  * @description Styles the background of input field\n  * @see background\n  * @default var(--theme-background-row)\n  * @demoLink https://app.zingsoft.com/demos/create/QTKU281K\n  */\n  --zg-input-background: var(--theme-background-row);\n  /**\n  * @memberof dark\n  * @var --zg-input-color\n  * @description Styles the font color of input field\n  * @see color\n  * @default var(--theme-color-input)\n  * @demoLink https://app.zingsoft.com/demos/create/32AVDJGQ\n  */\n  --zg-input-color: var(--theme-color-input);\n\n  /* ZG-MENU\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-menu-background\n  * @description Styles the background of menu\n  * @see background\n  * @default var(--theme-color-lighter)\n  */\n  --zg-menu-background: var(--theme-color-lighter);\n\n  /* ZG-MENUITEM\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-menu-item-background_hover\n  * @description Styles the background of menu item on hover\n  * @see background\n  * @default var(--theme-background-zebra)\n  */\n  --zg-menu-item-background_hover: var(--theme-background-zebra);\n  /**\n  * @memberof dark\n  * @var --zg-menu-item-color_hover\n  * @description Sets the font color of menu item on hover\n  * @see color\n  * @default var(--theme-color_alt)\n  */\n  --zg-menu-item-color_hover: var(--theme-color_alt);\n\n  /* ZG-PAGER\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-pager-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of pager\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/DSI1M4K6\n  */\n  --zg-pager-background: var(--theme-background-color);\n  /**\n  * @memberof dark\n  * @var --zg-pager-border-top\n  * @description Styles the top border of pager\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  * @demoLink https://app.zingsoft.com/demos/create/S7J5KA7S\n  */\n  --zg-pager-border-top: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-pager-color\n  * @description Sets the font color of pager\n  * @see color\n  * @default #a1a1a1\n  */\n  --zg-pager-color: #a1a1a1;\n\n  /* ZG-ROW\n  ----------------------------------------------------- */\n\n  /* ZG-BODY */\n  /**\n  * @memberof dark\n  * @var --zg-row-body-background_even\n  * @default var(--theme-background-row)\n  * @description Styles the background of 'even' body rows\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/VMHOQP1A\n  */\n  --zg-row-body-background_even: var(--theme-background-row);\n  /**\n  * @memberof dark\n  * @var --zg-row-body-background_even\n  * @default var(--theme-background-row)\n  * @description Styles the background of 'even' body rows\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/VMHOQP1A\n  */\n  --zg-row-body-background_odd: var(--theme-background-row);\n  /**\n  * @memberof dark\n  * @var --zg-row-body-border-bottom\n  * @description Styles the bottom border of body rows\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  * @demoLink https://app.zingsoft.com/demos/create/HNJ2XN7Y\n  */\n  --zg-row-body-border-bottom: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-row-body-color\n  * @default var(--theme-color)\n  * @description Sets the font color of body rows\n  * @see color\n  */\n  --zg-row-body-color: var(--theme-color);\n\n  /* Hover */\n  /**\n  * @memberof dark\n  * @var --zg-row-body-color_even_hover\n  * @default var(--zg-row-body-color)\n  * @description Sets the font color of 'even' body rows on hover\n  * @see color\n  */\n  --zg-row-body-color_even_hover: var(--zg-row-body-color);\n  /**\n  * @memberof dark\n  * @var --zg-row-body-color_odd_hover\n  * @default var(--zg-row-body-color)\n  * @description Setst the font color of 'odd' body rows on hover\n  * @see color\n  */\n  --zg-row-body-color_odd_hover: var(--zg-row-body-color);\n\n  /* Card */\n  /**\n  * @memberof dark\n  * @var --zg-row-card-background\n  * @description Styles the background of cards in 'card' layout-mode\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/BN8IASG4\n  */\n  --zg-row-card-background: var(--theme-background-row);\n\n  /* CARD MODE WHEN EDITOR CONTROLS */\n  /* ODD */\n  /**\n  * @memberof dark\n  * @var --zg-row-card-background_editor_odd\n  * @description Styles the background of 'odd' card editor header in 'card' layout-mode\n  * when `[editor-controls]` is added to `<zing-grid>`.\n  * Styling should account for the editor controls above the cells.\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px var(--theme-border-color) 44px, var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px)\n  * @see background\n  */\n  --zg-row-card-background_editor_odd: linear-gradient(\n    var(--theme-color-lighter),\n    var(--theme-color-lighter) 43px,\n    var(--theme-border-color) 44px,\n    var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px\n  );\n  /* EVEN */\n  /**\n  * @memberof dark\n  * @var --zg-row-card-background_editor_even\n  * @description Styles the background of 'even' card editor header in 'card' layout-mode\n  * when `[editor-controls]` is added to `<zing-grid>`.\n  * Styling should account for the editor controls above the cells.\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px, var(--theme-border-color) 44px, var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px)\n  * @see background\n  */\n  --zg-row-card-background_editor_even: linear-gradient(\n    var(--theme-color-lighter),\n    var(--theme-color-lighter) 43px,\n    var(--theme-border-color) 44px,\n    var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px\n  );\n\n  /* ZG-SELECT\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-select-arrow-color\n  * @description Sets the color of select arrow icon\n  * @see fill\n  * @default var(--zg-icon-color)\n  * @demoLink https://app.zingsoft.com/demos/create/1IT6DL7R\n  */\n  --zg-select-arrow-color: var(--zg-icon-color);\n  /**\n  * @memberof dark\n  * @var --zg-select-color\n  * @description Sets the font color of the select in active state\n  * @see color\n  * @default var(--theme-color-input)\n  * @demoLink https://app.zingsoft.com/demos/create/LHLU0OLY\n  */\n  --zg-select-color: var(--theme-color-input);\n  /**\n  * @memberof dark\n  * @var --zg-select-text-background\n  * @description Styles the background of the 'text' portion of select\n  * @default none\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/MZG3WH82\n  */\n  --zg-select-text-background: none;\n  /**\n  * @memberof dark\n  * @var --zg-option-list-background\n  * @description Styles the background of option list\n  * @see background\n  * @default var(--theme-background-color)\n  */\n  --zg-option-list-background: var(--theme-background-color);\n\n  /* ZG-SOURCE\n  ----------------------------------------------------- */\n  --zg-source-background: none;\n  --zg-source-border-bottom_top: 1px solid #0e4658;\n  --zg-source-border-top_top: 1px solid #0e4658;\n  --zg-source-border-top_bottom: 1px solid #0e4658;\n  --zg-source-color: #47899e;\n\n  /* ZG-WATERMARK\n  ----------------------------------------------------- */\n  --zg-watermark-background: var(--theme-background-color);\n  --zg-watermark-color: var(--theme-color-white);\n  --zg-watermark-color_strong: var(--theme-color-white);\n\n  /* BATCH EDIT\n  ----------------------------------------------------- */\n  --zing-grid-batch-edit-style-border: 4px solid var(--theme-color_alt);\n  /* --theme-batch-edit-box-shadow: inset 0 0 15px var(--theme-color_alt); */\n  --theme-batch-edit-box-shadow: unset;\n\n}",""])},91103:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,":host {\n  /* RE-USABLE ZINGGRID VARS\n  ----------------------------------------------------- */\n  /* These are used as the default theme values in the various component .css files */\n  /* These values are used more than once, so we're making them into a variable for reuse */\n\n  /* BACKGROUND */\n\n  /**\n  * @memberof theme\n  * @var --theme-background-color\n  * @default rgba(166, 213, 250, 0.2)\n  * @description Styles the background of row on hover\n  * @see background-color\n  */\n  --theme-background-color: rgba(166, 213, 250, 0.2);\n\n  /**\n  * @memberof theme\n  * @var --theme-background-zebra\n  * @default #f5f5f5\n  * @description Styles the background of 'even' rows in [zebra]-striping mode\n  * @see background-color\n  */\n  --theme-background-zebra: #f5f5f5;\n\n  /* BORDER */\n  /**\n  * @memberof theme\n  * @var --theme-border-color\n  * @default #e3e3e3\n  * @description Styles the border color\n  * @see border\n  */\n  --theme-border-color: #e3e3e3;\n\n  /* COLOR */\n\n  /**\n  * @memberof theme\n  * @var --theme-color\n  * @default rgb(33, 33, 33, 1)\n  * @description Sets the font color of most components, including cell content.\n  * @see color\n  * @example cell font color\n  * @example button background\n  * @example checkbox border\n  * @example select color\n  */\n  --theme-color: rgba(33, 33, 33, 1);\n\n  /**\n  * @memberof theme\n  * @var --theme-color_alt\n  * @default rgba(117, 117, 117, 1);\n  * @description Sets the font color of alternate text\n  * @see color\n  * @example header font\n  */\n  --theme-color_alt: rgba(117, 117, 117, 1);\n  \n  /**\n  * @memberof theme\n  * @var --theme-color-primary\n  * @default rgba(33, 150, 243, 1)\n  * @description Sets the font color of primary text\n  * @see color\n  * @example watermark\n  * @example checkbox:checked\n  * @example focus border\n  */\n  --theme-color-primary: rgba(33, 150, 243, 1);\n\n  /**\n  * @memberof theme\n  * @var --theme-color-secondary\n  * @default var(--theme-color-primary)\n  * @description Sets the font color of secondary text for components of functionality, such as header cells.\n  * @see color\n  * @example input:focus\n  */\n  --theme-color-secondary: var(--theme-color-primary);\n\n  /**\n  * @memberof theme\n  * @var --theme-color-success\n  * @default green\n  * @description Sets the font color for 'success' messages\n  * @see color\n  */\n  --theme-color-success: green;\n\n  /**\n  * @memberof theme\n  * @var --theme-color-alert\n  * @default red\n  * @description Sets the font color for 'alert' messages\n  * @see color\n  */\n  --theme-color-alert: red;\n\n  /**\n  * @memberof theme\n  * @var --theme-color-light\n  * @default #f2f2f2\n  * @description Defines the baseline light color\n  * @see color\n  * @example <zg-source> background\n  */\n  --theme-color-light: #f2f2f2;\n\n  /**\n  * @memberof theme\n  * @var --theme-color-lighter\n  * @default #fbfbfb\n  * @description Defines the baseline lighter color\n  * @see color\n  * @example Filter and Footer background color\n  */\n  --theme-color-lighter: #fbfbfb;\n\n  /**\n  * @memberof theme\n  * @var --theme-color-warn\n  * @default #ecd800\n  * @description Sets the font color of 'warn' messages\n  * @see color\n  */\n  --theme-color-warn: #ecd800;\n\n  /* FONT */\n\n  /**\n  * @memberof theme\n  * @var --theme-font-family\n  * @default 'Roboto', verdana, sans-serif\n  * @description Sets the font family of grid\n  * @see font-family\n  */\n  --theme-font-family: 'Roboto', verdana, sans-serif;\n\n  /**\n  * @memberof theme\n  * @var --theme-font-size\n  * @default 0.875rem\n  * @description Sets the base font size of grid\n  * @see font-size\n  */\n  --theme-font-size: .875rem;\n\n  /**\n  * @memberof theme\n  * @var --theme-font-style\n  * @default normal\n  * @description Sets the font style of grid\n  * @see font-style\n  */\n  --theme-font-style: normal;\n\n  /**\n  * @memberof theme\n  * @var --theme-font-weight\n  * @default normal\n  * @description Sets the font weight of grid\n  * @see font-weight\n  */\n  --theme-font-weight: normal;\n\n  /**\n  * @memberof theme\n  * @var --theme-line-height\n  * @default 1rem\n  * @description Sets the line height of grid\n  * @see line-height\n  */\n  --theme-line-height: 1rem;\n\n  /* PADDING */\n  /**\n  * @memberof theme\n  * @var --theme-padding_x\n  * @default 1rem\n  * @description Sets the horizontal padding of cells\n  * @see padding\n  */\n  --theme-padding_x: 1rem;\n\n  /**\n  * @memberof theme\n  * @var --theme-padding_y\n  * @default 0\n  * @description Sets the vertical padding of cells\n  * @see padding\n  */\n  --theme-padding_y: 0;\n\n  /* TRANSITION SPEED */\n  /**\n  * @memberof theme\n  * @var --theme-transition_speed\n  * @default 150ms\n  * @description Sets the animation speed for transitions\n  * @see transition\n  */\n  --theme-transition_speed: 150ms;\n\n  /* SIZING */\n  /**\n  * @memberof theme\n  * @var --theme-margin\n  * @default 20px\n  * @description Sets the margin of pager controls\n  * @see margin\n  */\n  --theme-margin: 20px;\n\n\n  /* -------------------------------------------------- */\n\n\n  /* ZING-GRID\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zing-grid-background\n  * @default #fff\n  * @description Styles the background of grid\n  * @see background-color\n  # @example body and header rows\n  # @example layout\n  # @example pager\n  */\n  --zing-grid-background: #fff;\n\n\n  /* ZG-BUTTON\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-button-background_hover\n  * @default rgba(255, 255, 255, 0.3)\n  * @description Styles the background of button on hover\n  * @see background\n  */\n  --zg-button-background_hover: rgba(255, 255, 255, 0.3);\n  /**\n  * @memberof default\n  * @var --zg-button-focus\n  * @default 2px solid green\n  * @description Styles the border of button on focus\n  * @see border\n  */\n  --zg-button-focus: 1px solid green;\n\n  /* ZG-BUTTON (CUSTOM) */\n  /**\n  * @memberof default\n  * @var --zg-button-background_custom\n  * @default #fff\n  * @description Styles the background of custom button\n  * @see background\n  */\n  --zg-button-background_custom: #fff;\n  /**\n  * @memberof default\n  * @var --zg-button-border_custom\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the border of custom button\n  * @see border\n  */\n  --zg-button-border_custom: 1px solid var(--theme-border-color);\n  /**\n  * @memberof default\n  * @var --zg-button-box-shadow_custom\n  * @default 0 0 5px 0 #a6a6a6\n  * @description Applies box shadow behind custom button\n  * @see box-shadow\n  */\n  --zg-button-box-shadow_custom: 0 0 5px 0 #a6a6a6;\n  /**\n  * @memberof default\n  * @var ---zg-button-color_custom\n  * @default #000\n  * @description Sets the font color of custom button\n  * @see color\n  */\n  --zg-button-color_custom: #000;\n\n  /* FOCUS */\n  /**\n  * @memberof default\n  * @var --zg-button-background_custom_focus\n  * @default var(--theme-color-primary)\n  * @description Styles the background of custom button on focus\n  * @see background\n  */\n  --zg-button-background_custom_focus: var(--theme-color-primary);\n  /**\n  * @memberof default\n  * @var --zg-button-border_custom_focus\n  * @default 1px solid #5ac4fb\n  * @description Styles the border of custom button on focus\n  * @see border\n  */\n  --zg-button-border_custom_focus: 1px solid #5ac4fb;\n  /**\n  * @memberof default\n  * @var --zg-button-box-shadow_custom_focus\n  * @default 0 0 6px 0 #86d3fb\n  * @description Applies a box shadow behind custom button on focus\n  * @see box-shadow\n  */\n  --zg-button-box-shadow_custom_focus: 0 0 6px 0 #86d3fb;\n  /**\n  * @memberof default\n  * @var --zg-button-color_custom_focus\n  * @default #fff\n  * @description Sets the font color of custom button on focus\n  * @see color\n  */\n  --zg-button-color_custom_focus: #fff;\n\n  /* HOVER */\n  /**\n  * @memberof default\n  * @var --zg-button-background_custom_hover\n  * @default var(--theme-color-primary)\n  * @description Styles the background of custom button on hover\n  * @see background\n  */\n  --zg-button-background_custom_hover: var(--theme-color-primary);\n  /**\n  * @memberof default\n  * @var --zg-button-border_custom_hover\n  * @default 1px solid #5ac4fb\n  * @description Styles the border of custom button on hover\n  * @see border\n  */\n  --zg-button-border_custom_hover: 1px solid #5ac4fb;\n  /**\n  * @memberof default\n  * @var --zg-button-box-shadow_custom_hover\n  * @default 0 0 6px 0 #86d3fb\n  * @description Applies a box shadow behind custom button on hover\n  * @see box-shadow\n  */\n  --zg-button-box-shadow_custom_hover: 0 0 6px 0 #86d3fb;\n  /**\n  * @memberof default\n  * @var --zg-button-color_custom_hover\n  * @default #fff\n  * @description Sets the font color of custom button on hover\n  * @see color\n  */\n  --zg-button-color_custom_hover: #fff;\n  \n  /* ACTIVE */\n  /**\n  * @memberof default\n  * @var --zg-button-background_custom_active\n  * @default #0594de\n  * @description Styles the background of custom button on active state\n  * @see background\n  */\n  --zg-button-background_custom_active: #0594de;\n  /**\n  * @memberof default\n  * @var --zg-button-border_custom_active\n  * @default 1px solid #4eaada\n  * @description Styles the border of custom button on active state\n  * @see border\n  */\n  --zg-button-border_custom_active: 1px solid #4eaada;\n  /**\n  * @memberof default\n  * @var --zg-button-box-shadow_custom_active\n  * @default 0 0 5px 0 #86d3fb\n  * @description Applies a box shadow behind custom button on active state\n  * @see box-shadow\n  */\n  --zg-button-box-shadow_custom_active: 0 0 5px 0 #86d3fb;\n  /**\n  * @memberof default\n  * @var --zg-button-color_custom_active\n  * @default #fff\n  * @description Sets the font color of custom button on active state\n  * @see color\n  */\n  --zg-button-color_custom_active: #fff;\n\n\n  /* ZG-CAPTION\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-caption-background\n  * @default #003749\n  * @description Styles the background of caption\n  * @see background-color\n  */\n  --zg-caption-background: #003749;\n  /**\n  * @memberof default\n  * @var --zg-caption-color\n  * @default #fff\n  * @description Styles the font color of caption\n  * @see color\n  */\n  --zg-caption-color: #fff;\n  /**\n  * @memberof default\n  * @var --zg-caption-height\n  * @description Sets the height of caption\n  * @see height\n  * @default 4rem\n  * @demoLink https://app.zingsoft.com/demos/create/Y3GPK1TE\n  */\n  --zg-caption-height: 4rem;\n  /**\n  * @memberof default\n  * @var --zg-caption-icon-color\n  * @default #fff\n  * @description Sets the icon color in caption\n  * @see color\n  */\n  --zg-caption-icon-color: #fff;\n  /**\n  * @memberof default\n  * @var --zg-caption-padding\n  * @default 0 var(--theme-padding_x)\n  * @description Sets the padding of caption\n  * @see padding\n  */\n  --zg-caption-padding: 0 var(--theme-padding_x);\n\n  /* TITLE ELEMENT */\n  /* --zg-caption-title-align-self: center; */\n  /* TOOLBAR ELEMENT */\n  /* --zg-caption-toolbar-align-self: flex-end; */\n\n  /* BUTTONS IN CAPTION */\n  /**\n  * @memberof default\n  * @var --zg-caption-button-background_hover\n  * @default #004f69\n  * @description Styles the background of button in caption\n  * @see background\n  */\n  --zg-caption-button-background_hover: #004f69;\n\n\n  /* ZG-CELL\n  ----------------------------------------------------- */\n  /* NORMAL */\n  /**\n  * @memberof default\n  * @var --zg-cell-background_sorted\n  * @default var(--theme-background-color)\n  * @description Styles the background of sorted cells\n  * @see background-color\n  */\n  --zg-cell-background_sorted: var(--theme-background-color);\n\n  /* AGGREGATE */\n  /**\n  * @memberof default\n  * @var --zg-cell-background_aggregate\n  * @default var(--zg-filter-background)\n  * @description Styles the background of 'aggregate' row\n  * @see background-color\n  */\n  --zg-cell-background_aggregate: var(--zg-filter-background);\n  /**\n  * @memberof default\n  * @var --zg-cell-background_aggregate_sorted\n  * @default var(--theme-background-color)\n  * @description Styles the background of sorted aggregate cells\n  * @see background-color\n  */\n  --zg-cell-background_aggregate_sorted: #dbecff;\n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_sorted\n  * @default 1px solid #d5e8ff\n  * @description Styles the border-top of sorted cells\n  * @see background-color\n  */\n  --zg-cell-border-top_sorted: 1px solid #d5e8ff;\n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_aggregate\n  * @default 1px solid var(--theme-border-color)\n  * @description Sets the top border of 'aggregate' rows\n  * @see height\n  */\n  --zg-cell-border-top_aggregate: 1px solid var(--theme-border-color);\n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_aggregate_sorted\n  * @default 1px solid #b3d6ff\n  * @description Styles the border-top of sorted aggregate cells\n  * @see background-color\n  */\n  --zg-cell-border-top_aggregate_sorted: 1px solid #b3d6ff;\n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_frozen\n  * @default 1px solid var(--theme-border-color)\n  * @description Sets the top border of 'frozen' rows\n  * @see height\n  */\n  --zg-cell-border-top_frozen: 1px solid var(--theme-border-color);\n\n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_frozen\n  * @default 1px solid var(--theme-border-color)\n  * @description Sets the top border of 'frozen' rows\n  */\n  --zg-row-border-top_foot_frozen: 1px solid var(--theme-border-color);\n  \n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_aggregate\n  * @default 1px solid var(--theme-border-color)\n  * @description Sets the top border of 'aggregate' rows\n  */\n  --zg-row-border-top_foot_aggregate: 1px solid var(--theme-border-color);\n\n\n  /* ZG-COLUMN-RESIZE\n  ----------------------------------------------------- */\n  --zg-column-resize-background: #f1f1f1;\n  --zg-column-resize-color: #c1c1c1;\n\n\n  /* ZG-CONTROL-BAR\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-control-bar-background\n  * @default #e3ecf6\n  * @description Styles the background of control bar\n  * @see background-color\n  */\n  --zg-control-bar-background: #e3ecf6;\n  \n\n  /* ZG-FOOT\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-foot-background\n  * @default var(--theme-color-lighter)\n  * @description The footer background\n  * @see background-color\n  */\n  --zg-foot-background: var(--theme-color-lighter);\n\n\n  /* ZG-FILTER\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-filter-background\n  * @default #f5f5f5\n  * @description Styles the background of filter\n  * @see background-color\n  */\n  --zg-filter-background: #f5f5f5;\n  /**\n  * @memberof default\n  * @var --zg-filter-background_sorted\n  * @default #c5dbf3\n  * @description Styles the background of filter in sorted column\n  * @see background-color\n  */\n  --zg-filter-background_sorted: #c5dbf3;\n  /**\n  * @memberof default\n  * @var --zg-filter-height\n  * @default 40px\n  * @description Sets the height of filter row\n  * @see height\n  */\n  --zg-filter-height: 40px;\n\n  /* FILTER INPUT */\n  /**\n  * @memberof default\n  * @var --zg-filter-input-background\n  * @default #fff\n  * @description Styles the background of filter input\n  * @see background-color\n  */\n  --zg-filter-input-background: #fff;\n  /**\n  * @memberof default\n  * @var --zg-filter-input-border\n  * @default 1px solid var(--theme-border-color);\n  * @description Styles the border of filter input\n  * @see border\n  */\n  --zg-filter-input-border: 1px solid var(--theme-border-color);\n  /**\n  * @memberof default\n  * @var --zg-filter-input-font-size\n  * @default .75rem\n  * @description Sets the font size of the filter input\n  * @see font-size\n  */\n  --zg-filter-input-font-size: .75rem;\n\n  --zg-row-background_filter: var(--zg-filter-background);\n\n\n  /* ZG-HEAD\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-head-background\n  * @default var(--theme-color-lighter)\n  * @description Styles the background of the grid head\n  * @see background\n  */\n  --zg-head-background: var(--theme-color-lighter);\n\n  /* ZG-HEAD-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-head-cell-background_sorted\n  * @default #d1e7ff\n  * @description Styles the background of sorted head cells\n  * @see background-color\n  */\n  --zg-head-cell-background_sorted: #d1e7ff;\n  /**\n  * @memberof default\n  * @var --zg-head-cell-font-size\n  * @default .9rem\n  * @description Sets the font size of head cells\n  * @see font-size\n  */\n  --zg-head-cell-font-size: var(--zing-grid-font-size, .9rem);\n  \n  /**\n  * @memberof default\n  * @var --zg-head-cell-padding\n  * @default 0 var(--theme-padding_x)\n  * @description Sets the padding of head cells\n  * @see padding\n  */\n  --zg-head-cell-padding: 0 var(--theme-padding_x); \n  --zg-head-cell-padding-left: var(--theme-padding_x);\n  \n  /* 'SPLIT PARENT' CELL STYLING */\n  /**\n  * @memberof default\n  * @var --zg-head-cell-parent-background\n  * @default #fff\n  * @description Styles the background of 'parent' head cells\n  * @see background\n  */\n  --zg-head-cell-parent-background: #fff;\n  /**\n  * @memberof default\n  * @var --zg-head-cell-parent-background_hover\n  * @default var(--theme-color-lighter);\n  * @description Styles the background of 'parent' head cells on hover\n  * @see background-color\n  */\n  --zg-head-cell-parent-background_hover: var(--theme-color-lighter);\n  /**\n  * @memberof default\n  * @var --zg-head-cell-parent-border-bottom_hover\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the bottom border of 'parent' head cells\n  * @see border\n  */\n  --zg-head-cell-parent-border-bottom_hover: 1px solid var(--theme-border-color);\n  /**\n  * @memberof default\n  * @var --zg-head-cell-parent-font-size\n  * @default .85rem\n  * @description Sets the font size of 'parent' head cells\n  * @see font-size\n  */\n  --zg-head-cell-parent-font-size: .85rem;\n  /**\n  * @memberof default\n  * @var --zg-head-cell-parent-font-weight\n  * @default 400\n  * @description Sets the font weight of 'parent' head cells\n  * @see font-weight\n  */\n  --zg-head-cell-parent-font-weight: 400;\n\n  /* HEAD CELL ICON */\n  /**\n  * @memberof default\n  * @var --zg-head-cell-icon-margin\n  * @default 0 5px 0 -3px\n  * @description Sets the margin of child icons in head cells\n  * @see margin\n  */\n  --zg-head-cell-icon-margin: 0 5px 0 -3px;\n\n\n  /* ZG-ICON\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-icon-init-fill\n  * @default #d4d4d4\n  * @description Sets the initial color of icon\n  * @see fill\n  */\n  --zg-icon-init-fill: #d4d4d4;\n  /**\n  * @memberof default\n  * @var --zg-icon-height\n  * @default 20px\n  * @description Sets the height of icon\n  * @see height\n  */\n  --zg-icon-height: 20px;\n  /**\n  * @memberof default\n  * @var --zg-icon-width\n  * @default 20px\n  * @description Sets the width of icon\n  * @see width\n  */\n  --zg-icon-width: 20px;\n\n  /**\n  * @memberof default\n  * @var --zg-menu-background\n  * @default #ff\n  * @description Style the background of menu\n  * @see background\n  */\n  --zg-menu-background: #fff;\n\n  /* --zg-menu-item-background_hover: var(--theme-color-lighter);*/\n\n\n  /* ZG-PAGER\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-pager-padding\n  * @default 0 var(--theme-padding_x) var(--theme-padding_x)\n  * @description Sets the padding of pager\n  * @see padding\n  */\n  --zg-pager-padding: 0 var(--theme-padding_x) 13px;\n\n  /* Pager top-border in card mode, but not in mobile. Yikes :) */\n  /* NOTE: Internal use only for now. Don't add JS Docs */\n  --zg-pager-card-nonmobile-border-top: 1px solid var(--theme-border-color);\n\n  /* Sections */\n  /**\n  * @memberof default\n  * @var --zg-pager-section-margin-top\n  * @default 13px\n  * @description Sets the top margin of pager\n  * @see margin\n  */\n  --zg-pager-section-margin-top: 13px;\n\n  /* 'Button' Type */\n  --zg-pager-border_button: 1px solid var(--theme-border-color);\n  --zg-pager-color_button_active: #fff;\n\n\n  /* ZG-ROW\n  ----------------------------------------------------- */\n  /* ZG-HEAD ZG-ROW */\n  /**\n  * @memberof default\n  * @var --zg-row-head-height\n  * @default 40px\n  * @description Sets the height of row head\n  * @see height\n  */\n  --zg-row-head-height: 40px;\n\n  /* ZG-BODY */\n  /**\n  * @memberof default\n  * @var --zg-row-body-background_hover\n  * @default var(--theme-background-color)\n  * @description Styles the backgrounf of body rows on hover\n  * @see background-color\n  */\n  --zg-row-body-background_hover: var(--theme-background-color);\n\n  /* CARD MODE WHEN EDITOR CONTROLS */\n  /* ODD */\n  /**\n  * @memberof default\n  * @var --zg-row-card-background_editor_odd\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px, var(--theme-border-color) 44px, var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px)\n  * @description Styles the background of 'odd' card editor head\n  * when `[editor-controls]` is added to `<zing-grid>`. \n  * Styling should account for the editor controls above the cells.\n  * @see background\n  */\n  --zg-row-card-background_editor_odd: linear-gradient(\n    var(--theme-color-lighter), \n    var(--theme-color-lighter) 43px, \n    var(--theme-border-color) 44px, \n    var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px\n  );\n  /* EVEN */\n  /**\n  * @memberof default\n  * @var --zg-row-card-background_editor_even\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px, var(--theme-border-color) 44px, var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px)\n  * @description Styles the background of 'odd' card editor head\n  * when `[editor-controls]` is added to `<zing-grid>`. \n  * Styling should account for the editor controls above the cells.\n  * @see background\n  */\n  --zg-row-card-background_editor_even: linear-gradient(\n    var(--theme-color-lighter), \n    var(--theme-color-lighter) 43px, \n    var(--theme-border-color) 44px, \n    var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px\n  );\n\n  /* AGGREGATE */\n  /**\n  * @memberof default\n  * @var --zg-row-height_aggregate\n  * @default 40px\n  * @description Sets the height of 'aggregate' rows\n  * @see height\n  */\n  --zg-row-height_aggregate: 40px;\n\n  --zg-row-background_aggregate: var(--zg-filter-background);\n\n\n  /* ZG-SEARCH\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-search-background\n  * @default #fff\n  * @description Styles the background of search input\n  * @see background-color\n  */\n  --zg-search-background: #fff;\n\n  \n  /* ZG-SELECT\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-select-height\n  * @default 28px\n  * @description Sets the height of select input\n  * @see height\n  */\n  --zg-select-height: 28px;\n  /**\n  * @memberof default\n  * @var --zg-select-min-width\n  * @default 40px\n  * @description Sets the minimum width of select input\n  * @see min-width\n  */\n  --zg-select-min-width: 40px;\n\n\n  /* ZG-STATUS\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-status-offset\n  * @default 10px\n  * @description Sets the distance between the status message and the grid edge.\n  */\n  --zg-status-offset: 10px;\n\n  /* ZG-WATERMARK\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-status-offset\n  * @default 10px\n  * @description Sets the distance between the status message and the grid edge.\n  */\n  --zg-watermark-color: rgba(7,89,156,1);\n}",""])},13606:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,":host([theme=\"ios\"]) {\n\n  /* CUSTOM VARS FOR THIS THEME FILE\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --ios-background-color\n  * @default #fcfcfc\n  * @description Sets the background\n  * @example caption background, filter background\n  * @see background-color\n  */\n  --ios-background-color: #fcfcfc;\n  /**\n  * @memberof ios\n  * @var --ios-background_alt\n  * @default #f0f4f7\n  * @description Sets the alternative background\n  * @example layout row background\n  * @see background-color\n  */\n  --ios-background_alt: #f0f4f7;\n\n\n  /* GLOBALS\n  ----------------------------------------------------- */\n  /* BACKGROUND */\n  /**\n  * @memberof ios\n  * @var --theme-background-color\n  * @default rgba(0, 122, 255, .05)\n  * @description Styles the background of rows on hover\n  * @example select arrow button\n  * @example row:hover\n  * @example layout button:active\n  */\n  --theme-background-color: rgba(0, 122, 255, .05);\n  /**\n  * @memberof ios\n  * @var --theme-background-zebra\n  * @default var(--ios-background-color)\n  * @description Styles the background of 'even' body rows in [zebra]-striping mode\n  * @see background-color\n  */\n  --theme-background-zebra: var(--ios-background-color);\n\n  /* BORDER */\n  /**\n  * @memberof ios\n  * @var --theme-border-color\n  * @default #e4e4e4\n  * @description Styles the border of most components\n  * @example header\n  * @example caption\n  * @example body\n  * @example row\n  * @example pager\n  * @example input\n  * @see border-color\n  */\n  --theme-border-color: #e4e4e4;\n\n  /* COLOR */\n  /**\n  * @memberof ios\n  * @var --theme-color-primary\n  * @default #007aff\n  * @description Sets the primary color\n  * @example active editor row\n  * @example icon\n  * @example menu text\n  * @example header in 'card' layout-mode\n  * @see color\n  */\n  --theme-color-primary: #007aff;\n\n  /* FONT */\n  /**\n  * @memberof ios\n  * @var --theme-color\n  * @default #4d4d4d\n  * @description Sets the text color\n  * @example caption\n  * @example header\n  * @example cell content\n  * @example pager\n  * @example watermark\n  * @example input\n  * @example select\n  * @see color\n  */\n  --theme-color: #4d4d4d;\n  /**\n  * @memberof ios\n  * @var --theme-color_alt\n  * @default #333333\n  * @description Sets the alternate text color\n  * @example filter input\n  * @see color\n  */\n  --theme-color_alt: #333333;\n  /**\n  * @memberof ios\n  * @var --theme-font-family\n  * @default -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Segoe UI\", Roboto, Helvetica, sans-serif\n  * @description Sets the font family of text\n  * @see font-family\n  */\n  --theme-font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Segoe UI\", Roboto, Helvetica, sans-serif;\n  /**\n  * @memberof ios\n  * @var --theme-font-size\n  * @default .9375rem\n  * @description Sets the font size of text\n  * @see font-size\n  */\n  --theme-font-size: .9375rem;\n  /**\n  * @memberof ios\n  * @var --theme-font-style\n  * @default normal\n  * @description Sets the font style of text\n  * @see font-style\n  */\n  --theme-font-style: normal;\n  /**\n  * @memberof ios\n  * @var --theme-font-weight\n  * @default normal\n  * @description Sets the font weight of text\n  * @see font-weight\n  */\n  --theme-font-weight: normal;\n  /**\n  * @memberof ios\n  * @var --theme-line-height\n  * @default normal\n  * @description Sets the line height of text\n  * @see line-height\n  */\n  --theme-line-height: normal;\n  /**\n  * @memberof ios\n  * @var --theme-padding_x\n  * @default 1.25rem\n  * @description Sets the horizontal padding of cells\n  * @see padding\n  */\n  --theme-padding_x: 1.25rem;\n\n  /* -------------------------------------------------- */\n\n\n  /* ZING-GRID\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zing-grid-background\n  * @default #fbfbfb\n  * @description Styles the background of grid\n  * @see background\n  */\n  --zing-grid-background: #fbfbfb;\n\n  /* ZG-BODY\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-body-background\n  * @default #fff\n  * @description Styles the background of grid body\n  * @see background\n  */\n  --zg-body-background: #fff;\n  /**\n  * @memberof ios\n  * @var --zg-body-border-bottom\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the bottom border of grid body\n  * @see border\n  */\n  --zg-body-border-bottom: 1px solid var(--theme-border-color);\n\n  /* ZG-BUTTON\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-button-color\n  * @default var(--theme-color-primary)\n  * @description Sets the font color of button\n  * @example column menu\n  * @see color\n  */\n  --zg-button-color: var(--theme-color-primary);\n  /**\n  * @memberof ios\n  * @var --zg-button-padding\n  * @default 3px\n  * @description Sets the padding of button\n  * @see padding\n  */\n  /* NOTE: Setting this even though it is already the default\n     in ZGButton.css b/c of the calc in\n     `--zg-caption-title-transform` in this file\n  */\n  --zg-button-padding: 3px;\n\n  /* BUTTON TOOLTIP */\n  /**\n  * @memberof ios\n  * @var --tooltip-background\n  * @default #adadad\n  * @description Styles the background of tooltip\n  * @see background\n  */\n  --tooltip-background: #adadad;\n\n\n  /* ZG-CAPTION\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-caption-background\n  * @default var(--ios-background-color)\n  * @description Styles the background of caption\n  * @see background\n  */\n  --zg-caption-background: var(--ios-background-color);\n  /**\n  * @memberof ios\n  * @var --zg-caption-border-bottom\n  * @default 0\n  * @description Styles the bottom border of caption\n  * @see border\n  */\n  --zg-caption-border-bottom: 0;\n  /**\n  * @memberof ios\n  * @var --zg-caption-color\n  * @default var(--theme-color)\n  * @description Sets the font color of caption\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/AWL1ZJ9P\n  */\n  --zg-caption-color: var(--theme-color);\n  /**\n  * @memberof ios\n  * @var --zg-caption-font-size\n  * @default 1.6rem\n  * @description Sets the base font size of caption\n  * @see font-size\n  */\n  --zg-caption-font-size: 1.6rem;\n  /**\n  * @memberof ios\n  * @var --zg-caption-font-weight\n  * @default bold\n  * @description Sets the font weight of caption\n  * @see font-weight\n  */\n  --zg-caption-font-weight: bold;\n  /**\n  * @memberof ios\n  * @var --zg-caption-flex-direction\n  * @default column\n  * @description Sets the flex direction of content in caption\n  * @see flex-direction\n  */\n  --zg-caption-flex-direction: column;\n  /**\n  * @memberof ios\n  * @var --zg-caption-height\n  * @default 40px\n  * @description Sets the height of caption\n  * @see height\n  */\n  --zg-caption-height: 40px;\n  /**\n  * @memberof ios\n  * @var --zg-caption-padding\n  * @default 30px var(--theme-padding_x) 10px\n  * @description Sets the padding of caption\n  * @see padding\n  */\n  --zg-caption-padding: 30px var(--theme-padding_x) 10px;\n\n\n  /* CAPTION TITLE */\n  /**\n  * @memberof ios\n  * @var --zg-caption-title-align-self\n  * @default flex-start\n  * @description Sets vertical alignment of caption title\n  * @see align-self\n  */\n  --zg-caption-title-align-self: flex-start;\n  /**\n  * @memberof ios\n  * @var --zg-caption-title-order\n  * @default 2\n  * @description Sets the order of contents in caption title\n  * @see order\n  */\n  --zg-caption-title-order: 2;\n  /**\n  * @memberof ios\n  * @var --zg-caption-title-transform\n  * @default 0\n  * @description Sets transform of caption title\n  * @see transform\n  */\n  --zg-caption-title-transform: 0;\n  /**\n  * @memberof ios\n  * @var --zg-caption-title-width\n  * @default 80%\n  * @description Sets width of caption title\n  * @see width\n  */\n  --zg-caption-title-width: 80%;\n  \n  /* CAPTION TOOLBAR */\n  /**\n  * @memberof ios\n  * @var --zg-caption-toolbar-align-self\n  * @default flex-end\n  * @description Sets vertical alignment of caption toolbar\n  * @see align-self\n  */\n  --zg-caption-toolbar-align-self: flex-end;\n  /**\n  * @memberof ios\n  * @var --zg-caption-toolbar-justify-content\n  * @default flex-end\n  * @description Sets the horizontal alignment of contents in the caption toolbar\n  * @see justify-content\n  */\n  --zg-caption-toolbar-justify-content: flex-end;\n  /**\n  * @memberof ios\n  * @var --zg-caption-toolbar-width\n  * @default calc(100% + 2px)\n  * @description Sets the width of the caption toolbar\n  * @see width\n  */\n  --zg-caption-toolbar-width: 20%;\n\n  /* CAPTION ICON */\n  /**\n  * @memberof ios\n  * @var --zg-caption-icon-color\n  * @default var(--theme-color-primary)\n  * @description The font-color of the icons in the caption\n  * @see fill\n  */\n  --zg-caption-icon-color: var(--theme-color-primary);\n\n  /* CAPTION BUTTONS */\n  /**\n  * @memberof ios\n  * @var --zg-caption-button-background_hover\n  * @default #f5f5f5\n  * @description Styles the background of button in caption on hover\n  * @see background\n  */\n  --zg-caption-button-background_hover: #f5f5f5;\n\n  \n  /* ZG-CELL\n  ----------------------------------------------------- */\n  /* Layout: Card */\n  /* Item */\n  /**\n  * @memberof ios\n  * @var --zg-cell-item-padding_layout_card\n  * @default 6px 0\n  * @description Sets the padding of cards in 'card' layout-mode\n  * @see padding\n  */\n  --zg-cell-content-padding_layout_card: 6px 0;\n  \n  /* ZG-ROW[type=aggregate] ZG-CELL */\n  /**\n  * @memberof ios\n  * @var --zg-cell-font-size_aggregate\n  * @default .8125rem\n  * @description Sets the font size of 'aggregate' cells\n  * @see padding\n  */\n  --zg-cell-font-size_aggregate: .8125rem;\n  /**\n  * @memberof ios\n  * @var --zg-cell-border-top_aggregate\n  * @default 1px solid transparent\n  * @description Styles the top border of 'aggregate' cells\n  * @see border\n  */\n  --zg-cell-border-top_aggregate: 1px solid transparent;\n  /**\n  * @memberof ios\n  * @var --zg-cell-border-top_aggregate_sorted\n  * @default 1px solid #f5f5f5\n  * @description Styles the top border of 'aggregate' cells\n  * @see border\n  */\n  --zg-cell-border-top_aggregate_sorted: 1px solid #f5f5f5;\n  \n\n  /* ZG-FILTER\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-filter-background\n  * @default var(--ios-background-color);\n  * @description Styles the background of filter input field\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/G1WKUNFJ\n  */\n  --zg-filter-background: var(--ios-background-color);\n  /**\n  * @memberof ios\n  * @var --zg-filter-background_sorted\n  * @default var(--zg-cell-background_aggregate_sorted)\n  * @description Styles the background of filter input field\n  */\n  --zg-filter-background_sorted: var(--zg-cell-background_aggregate_sorted);\n  /**\n  * @memberof ios\n  * @var --zg-filter-border-top\n  * @default 1px solid var(--ios-background-color)\n  * @description Styles the top border of filter row\n  * @see border\n  */\n  --zg-filter-border-top: 1px solid var(--ios-background-color);\n  /**\n  * @memberof ios\n  * @var --zg-filter-border-top_sorted\n  * @default 1px solid #f5f5f5\n  * @description Styles the top border of filter row in sorted column\n  * @see border\n  */\n  --zg-filter-border-top_sorted: 1px solid #f5f5f5;\n  /**\n  * @memberof ios\n  * @var --zg-filter-height\n  * @default 45px\n  * @description Sets the height of filter row\n  * @see height\n  * @demoLink https://app.zingsoft.com/demos/create/QCSOKQE2\n  */\n  --zg-filter-height: 45px;\n\n  /* FILTER INPUT */\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-background\n  * @default #eaeaea\n  * @description Styles the background of filter input field\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  */\n  --zg-filter-input-background: #eaeaea;\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-border-radius\n  * @default 5px\n  * @description Sets the border radius of filter input field\n  * @see border-radius\n  */\n  --zg-filter-input-border-radius: 5px;\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-border\n  * @default 0\n  * @description Styles the border of filter input field\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/SXRIBL17\n  */\n  --zg-filter-input-border: 0;\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-font-size\n  * @default .8rem\n  * @description Sets the font size of filter input field\n  * @see font-size\n  */\n  --zg-filter-input-font-size: .8rem;\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-margin\n  * @default -2px calc(var(--theme-padding_x) - 2px) 0\n  * @description Sets the margin of filter input field\n  * @see margin\n  */\n  --zg-filter-input-margin: -2px calc(var(--theme-padding_x) - 2px) 0;\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-padding\n  * @default 3px 0 3px 7px\n  * @description Sets the padding of filter input field. May need to set --zg-filter-height if input field is height is larger than height of filter.\n  * @see padding\n  * @demoLink https://app.zingsoft.com/demos/create/5GPABPO2\n  */\n  --zg-filter-input-padding: 3px 0 3px 7px;\n\n\n  /* ZG-HEAD\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-head-background\n  * @default var(--ios-background-color)\n  * @description Styles the background of grid head\n  * @see background\n  */\n  --zg-head-background: var(--ios-background-color);\n  /**\n  * @memberof ios\n  * @var --zg-head-border-bottom\n  * @default 0\n  * @description Styles the bottom border og grid head\n  * @see border\n  */\n  --zg-head-border-bottom: 0;\n  \n\n  /* ZG-HEAD-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-head-cell-font-weight\n  * @default 600\n  * @description Sets the font weight of head cells\n  * @see font-weight\n  * @demoLink https://app.zingsoft.com/demos/create/2LOCXCAB\n  */\n  --zg-head-cell-font-weight: 600;\n\n  /* 'PARENT' HEAD CELL */\n  /**\n  * @memberof ios\n  * @var --zg-head-cell-parent-background\n  * @default none\n  * @description Styles the background of 'parent' head cells\n  * @see border\n  */\n  --zg-head-cell-parent-background: none;\n  /**\n  * @memberof ios\n  * @var --zg-head-cell-parent-font-weight\n  * @default 400\n  * @description Sets the font weight of 'parent' head cells\n  * @see font-weight\n  */\n  --zg-head-cell-parent-font-weight: 400;\n\n   /**\n  * @memberof ios\n  * @var --zg-head-cell-parent-padding\n  * @default 0 var(--theme-padding_x)\n  * @description Sets the padding of 'parent' head cells\n  * @see padding\n  */\n  --zg-head-cell-parent-padding: 0 var(--theme-padding_x);\n\n  /* HEAD CELL ICON */\n  /**\n  * @memberof ios\n  * @var --zg-head-cell-icon-margin\n  * @default 0 5px 0 -4px\n  * @description Sets the margin of child icons in head cells\n  * @see margin\n  */\n  --zg-head-cell-icon-margin: 0 5px 0 -4px;\n\n  /* Data Container */\n  /**\n  * @memberof ios\n  * @var --zg-head-cell-data-line-height\n  * @default none\n  * @description Sets the line height of head cells\n  * @see line-height\n  */\n  --zg-head-cell-data-line-height: none;\n\n  /* ZG-ICON\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-icon-color\n  * @default var(--theme-color-primary)\n  * @description Sets the color of icon\n  * @see fill\n  */\n  --zg-icon-color: var(--theme-color-primary);\n  /**\n  * @memberof ios\n  * @var --zg-icon-height\n  * @default 20px\n  * @description Sets the height of icon\n  * @see height\n  */\n  --zg-icon-height: 20px;\n  /**\n  * @memberof ios\n  * @var --zg-icon-width\n  * @default 20px\n  * @description Sets the width of icon\n  * @see width\n  */\n  --zg-icon-width: 20px;\n\n  /* ZG-INPUT\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-input-border-radius\n  * @default 5px\n  * @description Sets the border radius of input\n  * @see border-radius\n  */\n  --zg-input-border-radius: 5px;\n\n  /* ZG-CONTROL-BAR\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-control-bar-background\n  * @default var(--ios-background)\n  * @description Styles the background on control bar\n  * @see background\n  */\n  --zg-control-bar-background: var(--ios-background);\n  /**\n  * @memberof ios\n  * @var --zg-control-bar-padding\n  * @default 0 var(--theme-padding_x) 0 calc(var(--theme-padding_x) - 6px)\n  * @description Sets the padding of control bar\n  * @see padding\n  */\n  --zg-control-bar-padding: 0 var(--theme-padding_x) 0 calc(var(--theme-padding_x) - 6px);\n\n  /* ZG-MENUITEM\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-menu-item-color_hover\n  * @default #fff\n  * @description Sets the font color of menu item on hover\n  * @see color\n  */\n  --zg-menu-item-color_hover: #fff;\n\n  /* ZG-PAGER\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-pager-background\n  * @default #fff\n  * @description Styles the background of pager\n  * @see background\n  */\n  --zg-pager-background: #fff;\n  /**\n  * @memberof ios\n  * @var --zg-pager-border-top\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the top border of pager\n  * @see border\n  */\n  --zg-pager-border-top: 1px solid var(--theme-border-color);\n  /**\n  * @memberof ios\n  * @var --zg-pager-font-size\n  * @default .8125rem\n  * @description Sets the base font size of pager\n  * @see font-size\n  */\n  --zg-pager-font-size: .8125rem;\n  /**\n  * @memberof ios\n  * @var --zg-pager-height\n  * @default 50px\n  * @description Sets the height of pager\n  * @see height\n  */\n  --zg-pager-height: 41px;\n  /**\n  * @memberof ios\n  * @var --zg-pager-margin\n  * @default 20px 0 0\n  * @description Sets the margin of pager\n  * @see margin\n  */\n  --zg-pager-margin: 20px 0 0;\n  /**\n  * @memberof ios\n  * @var --zg-pager-padding\n  * @default 0 var(--theme-padding_x) 10px\n  * @description Sets the padding of pager\n  * @see padding\n  */\n  --zg-pager-padding: 0 var(--theme-padding_x) 10px;\n  \n  /* Sections */\n  /**\n  * @memberof ios\n  * @var --zg-pager-section-margin-top\n  * @default 10px\n  * @description Sets the top margin of pager\n  * @see margin\n  */\n  --zg-pager-section-margin-top: 10px;\n\n\n  /* ZG-ROW\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var ---zg-row-head-height\n  * @default 45px\n  * @description Sets the height of row head\n  * @see height\n  */\n  --zg-row-head-height: 45px;\n\n  /**\n  * @memberof ios\n  * @var --zg-row-body-border-top\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the top border of body rows\n  * @see border\n  */\n  --zg-row-body-border-top: 1px solid var(--theme-border-color);\n  /**\n  * @memberof ios\n  * @var --zg-row-body-height\n  * @default 48px\n  * @description Sets the height of body rows\n  * @see height\n  */\n  --zg-row-body-height: 48px;\n\n  /* LAYOUT: CARD */\n  /**\n  * @memberof ios\n  * @var --zg-row-card-box-shadow\n  * @default 0\n  * @description Applies a box shadow behind cards in 'card' layout-mode\n  * @see box-shadow\n  */\n  --zg-row-card-box-shadow: 0;\n\n  /* ZG-SEARCH\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-search-border\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the border of search input field\n  * @see border\n  */\n  --zg-search-border: 1px solid var(--theme-border-color);\n  /**\n  * @memberof ios\n  * @var --zg-search-border-radius\n  * @default 5px\n  * @description Sets the border radius of search input field\n  * @see border-radius\n  */\n  --zg-search-border-radius: 5px;\n\n\n  /* ZG-SOURCE\n  ----------------------------------------------------- */\n  --zg-source-border-top_top: 1px solid var(--theme-border-color);\n\n  /* ZG-WATERMARK\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-watermark-color\n  * @default var(--theme-color)\n  * @description Sets the font color of watermark\n  * @see color\n  */\n  --zg-watermark-color: var(--theme-color);\n  /**\n  * @memberof ios\n  * @var --zg-watermark-color_strong\n  * @default var(--theme-color)\n  * @description Sets the font color of bold text in watermark\n  * @see color\n  */\n  --zg-watermark-color_strong: var(--theme-color);\n}\n\n\n\n\n/* CUSTOM STYLING\n----------------------------------------------------- */\n\n/* When [layout] set */\n:host([theme=\"ios\"][layout-controls]) {\n  --zg-caption-padding: 10px calc(var(--theme-padding_x) - 5px) 10px;\n  --zg-caption-toolbar-position: absolute;\n  --zg-caption-title-padding: 12px 0 0;\n}\n\n/* ZG-CAPTION\n----------------------------------------------------- */\n/* NOTE: Need to set `order:-1` so <zg-layout> is placed above caption in ios */\n:host([theme=\"ios\"]) ::slotted(zg-caption) {\n  order: -1;\n}\n\n/* zg-control-bar\n----------------------------------------------------- */\n/* NOTE: Need to set `order:-2` so <zg-control-bar> is placed above caption in ios */\n:host([theme=\"ios\"]) ::slotted(zg-control-bar) {\n  display: flex;\n  background: none;\n  height: var(--zg-caption-height);\n  justify-content: flex-start;\n  margin-bottom: calc(-1 * var(--zg-caption-height));\n  max-width: 50%;\n  order: -2;\n  width: auto;\n  z-index: 2;\n}\n:host([theme=\"ios\"]) ::slotted(zg-control-bar):before {\n  align-items: center;\n  color: #9e9e9e;\n  content: 'Change Layout';\n  display: flex;\n  font-size: .8rem;\n  justify-content: flex-end;\n  padding-left: 18px;\n}\n\n\n/* COMPACT VERSION\n----------------------------------------------------- */\n/* NOTE: Only add specific overrides here, otherwise rely on the defaults in compact.css */\n:host([theme][compact]) {\n  --zg-caption-title-padding: 10px 0 0;\n}",""])},9252:e=>{e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var o=this[t];o[2]?e.push("@media "+o[2]+"{"+o[1]+"}"):e.push(o[1])}return e.join("")},e.i=function(t,o){"string"==typeof t&&(t=[[null,t,""]]);for(var n={},r=0;r<this.length;r++){var i=this[r][0];"number"==typeof i&&(n[i]=!0)}for(r=0;r<t.length;r++){var a=t[r];"number"==typeof a[0]&&n[a[0]]||(o&&!a[2]?a[2]=o:o&&(a[2]="("+a[2]+") and ("+o+")"),e.push(a))}},e}},49977:e=>{e.exports="<slot></slot>"},93528:e=>{e.exports="<slot></slot>"},36932:e=>{e.exports='<slot name="icon"></slot>\n<slot name="checkbox"></slot>\n<slot name="label"></slot>\n<slot></slot>\n'},32937:e=>{e.exports='  <div class="zg-caption" part="caption">\n    <div class="zg-caption-title-slot" part="title">\n      <slot></slot>\n      <slot name="message"></slot>\n    </div>\n    <div class="zg-caption-toolbar" part="toolbar">\n      <slot name="tool"></slot>\n    </div>\n  </div>'},95670:e=>{e.exports="<slot></slot>"},92884:e=>{e.exports="<slot></slot>"},29001:e=>{e.exports="<slot></slot>"},59592:e=>{e.exports='<slot name="zgicon"></slot>\n<span class="zg-checkbox-text" part="text"><slot></slot></span>\n'},9872:e=>{e.exports="<slot></slot>"},71454:e=>{e.exports='<div class="zg-column-resize-handle" part="handle">\n  \x3c!-- <svg viewBox="0 0 10 10" class="dragHandle"><path d="M3,2 C2.44771525,2 2,1.55228475 2,1 C2,0.44771525 2.44771525,0 3,0 C3.55228475,0 4,0.44771525 4,1 C4,1.55228475 3.55228475,2 3,2 Z M3,6 C2.44771525,6 2,5.55228475 2,5 C2,4.44771525 2.44771525,4 3,4 C3.55228475,4 4,4.44771525 4,5 C4,5.55228475 3.55228475,6 3,6 Z M3,10 C2.44771525,10 2,9.55228475 2,9 C2,8.44771525 2.44771525,8 3,8 C3.55228475,8 4,8.44771525 4,9 C4,9.55228475 3.55228475,10 3,10 Z M7,2 C6.44771525,2 6,1.55228475 6,1 C6,0.44771525 6.44771525,0 7,0 C7.55228475,0 8,0.44771525 8,1 C8,1.55228475 7.55228475,2 7,2 Z M7,6 C6.44771525,6 6,5.55228475 6,5 C6,4.44771525 6.44771525,4 7,4 C7.55228475,4 8,4.44771525 8,5 C8,5.55228475 7.55228475,6 7,6 Z M7,10 C6.44771525,10 6,9.55228475 6,9 C6,8.44771525 6.44771525,8 7,8 C7.55228475,8 8,8.44771525 8,9 C8,9.55228475 7.55228475,10 7,10 Z"></path></svg> --\x3e\n  <zg-icon name="resize" part="icon"></zg-icon>\n</div>\n'},31869:e=>{e.exports="<slot></slot>"},42952:e=>{e.exports='<div class="zg-control-bar" part="control-bar">\n  <div class="zg-control-bar-card-action" part="card-action">\n    <slot name="cardaction"></slot>\n  </div>\n  <div class="zg-control-bar-action" part="row-action">\n    <slot name="action"></slot>\n  </div>\n  <div class="zg-control-bar-message" part="batch-message">\n    <slot name="message"></slot>\n  </div>\n  <div class="zg-control-bar-layout" part="layout">\n    <slot name="layout-controls"></slot>\n  </div>\n</div>'},91573:e=>{e.exports=""},51694:e=>{e.exports='<dialog class="zg-dialog-dialog" part="dialog">\n  <form method="dialog" class="zg-dialog-form" part="form">\n    <header class="zg-dialog-header" part="header">\n      <span class="zg-dialog-label" part="header-label"></span>\n      <button class="zg-dialog-close" part="header-close">X</button>\n    </header>\n    <div class="zg-dialog-body" part="body">\n      <div class="zg-dialog-error" part="body-error"></div>\n      <div class="zg-dialog-content-wrapper" part="body-content-wrapper"><slot></slot></div>\n    </div>\n    <menu class="zg-dialog-footer" part="footer">\n      <button class="zg-dialog-cancel" part="footer-cancel">Cancel</button>\n      <button class="zg-dialog-confirm" part="footer-confirm">Confirm</button>\n    </menu>\n  </form>\n</dialog>'},83635:e=>{e.exports='\x3c!-- Field Template --\x3e\n<template id="editorRowFieldTemplate">\n  <label id="editorRowFieldLabel">\n    <span class="editorRowFieldLabelContent"></span>\n  </label>\n</template>\n\n\x3c!-- Card Template --\x3e\n<template id="editorCardTemplate">\n  <label id="editorCard"></label>\n</template>\n\n<div id="wrapper" class="zg-editor-row-wrapper" part="editor-row">\n  <div id="inputs" class="zg-editor-row-inputs" part="inputs"></div>\n</div> '},88387:e=>{e.exports='<div class="zg-filter-wrapper" part="filter">\n  <div class="zg-filter-inner" part="filter-wrapper">\n    <slot></slot>\n  </div>\n</div>\n\n'},76592:e=>{e.exports='<div class="zg-focus-wrapper" part="focus">\n    <div id="bottom" class="zg-focus-bottom" part="bottom"></div>\n    <div id="left" class="zg-focus-left" part="left"></div>\n    <div id="right" class="zg-focus-right" part="right"></div>\n    <div id="top" class="zg-focus-top" part="top"></div>\n</div>\n'},19058:e=>{e.exports="<slot></slot>"},65491:e=>{e.exports='<slot name="source"></slot>\n<slot name="caption"></slot>\n<slot></slot>'},76262:e=>{e.exports="<slot></slot>"},16288:e=>{e.exports='<div class="zg-head-cell" part="cell">\n  <div class="zg-head-cell-inner" part="cell-inner">\n    <slot></slot>\n  </div>\n  <slot name="column-resize"></slot>\n</div>'},69878:e=>{e.exports="<slot></slot>"},24386:e=>{e.exports='<slot></slot>\n<slot name="caption"></slot>\n<slot name="source"></slot>\n<slot name="control-bar"></slot> '},44914:e=>{e.exports='<slot name="icon"></slot>\n<slot></slot>'},84407:e=>{e.exports='<div id="wrapper" class="zg-input" part="input">\n  <slot name="input">\n  </slot>\n  <slot></slot>\n</div>\n'},9674:e=>{e.exports="<slot></slot>"},172:e=>{e.exports="<slot></slot>"},42854:e=>{e.exports='<div class="zg-menu-group-wrap" part="group">\n  <span class="zg-menu-group-label" part="label">\n    <slot name="zgMenuGroupLabel"></slot>\n  </span>\n  <span class="zg-menu-group-items" part="items">\n    <slot name="zgMenuGroupItems"></slot>\n  </span>\n</div>'},52312:e=>{e.exports="<slot></slot>"},66513:e=>{e.exports='<div id="wrapper" class="zg-menu" part="menu">\n  <slot></slot>\n</div>'},32501:e=>{e.exports='<div role="status" part="status"><slot></slot></div>'},76089:e=>{e.exports='<div class="zg-option-list" part="list">\n    <slot></slot>\n</div>\n'},63476:e=>{e.exports='<div class="zg-pager" part="pager">\n  <div class="zg-pager-inner" part="inner">\n    <div class="zg-pager-left" part="left">\n      <slot name="left"></slot>\n    </div>\n    <div class="zg-pager-center" part="center">\n      <slot name="center"></slot>\n    </div>\n    <div class="zg-pager-right" part="right">\n      <slot name="right"></slot>\n    </div>\n    <slot></slot>\n  </div>\n</div>\n'},75150:e=>{e.exports=""},39457:e=>{e.exports="<slot></slot>"},91607:e=>{e.exports='<div class="zg-search" part="search">\n  <slot name="button"></slot>\n  <div class="zg-search-input" part="input"><slot name="input"></slot></div>\n</div>\n\n'},76062:e=>{e.exports='<div id="wrapper" class="zg-select" part="select">\n  <div id="inner" class="zg-select-inner" part="select-inner">\n    <slot name="selected"></slot>\n  </div>\n</div>\n<slot></slot>\n<div class="zg-selector-mask" part="mask"></div>'},45946:e=>{e.exports='<div id="mask" class="zg-selector-mask-mask" part="selector-mask"></div>\n'},19731:e=>{e.exports="\x3c!-- Stub file --\x3e"},12839:e=>{e.exports='<cite role="any" part="source"><slot></slot></cite>'},44221:e=>{e.exports='<div class="zg-status" part="status">\n  <div class="zg-status-message" part="message">\n    <zg-icon internal-status></zg-icon>\n    <span class="zg-status-text-container">\n      <span class="zg-status-text" part="text">Status</span>\n      <span class="zg-status-details" part="link"></span>\n    </span>\n  </div>\n  <div class="zg-status-action" close part="action">\n    <span close data-focusable part="close">\n      <zg-icon name="close" internal-status part="close-icon"></zg-icon>\n    </span>\n  </div>\n</div>'},87585:e=>{e.exports="<slot></slot>"},48219:e=>{e.exports='<slot></slot>\n<button class="zg-tooltip-close" part="close">X</button>'},41877:e=>{e.exports='<div><a href="https://www.zinggrid.com/" data-focusable target="_blank" rel="noopener"></a></div>'},73337:e=>{e.exports='<div class="zing-grid" role="presentation" >\n  <slot id="header" name="header"></slot>\n  <slot id="top" name="top"></slot>\n  <slot id="content"></slot>\n\n  <div id="wrap" class="zing-grid-wrapper-1" role="presentation" aria-label="ZingGrid">\n    <div id="main" class="zing-grid-wrapper-2" role="grid">\n\n\n      \x3c!-- HEADER --\x3e\n      <div class="zing-grid-frames zing-grid-frames-head" role="presentation">\n\n        \x3c!-- FRAME: LEFT --\x3e\n        <div id="freeze-frame-left-head" class="zing-grid-frame-left zing-grid-freeze-left">\n\n          \x3c!-- Head --\x3e\n          <div id="freeze-left-head" class="zing-grid-head zing-grid-head-left">\n            <slot name="lefthead"></slot>\n          </div>\n\n          <slot name="leftheadeditorrow"></slot>\n          <slot name="leftheadfocus"></slot>\n\n        </div>\n\n\n        \x3c!-- FRAME: MAIN --\x3e\n        <div id="freeze-frame-main-head" class="zing-grid-frame-main">\n\n          \x3c!-- Head --\x3e\n          <div id="freeze-main-head" class="zing-grid-head-main">\n            <slot name="gridhead"></slot>\n          </div>\n\n          <slot name="mainheadeditorrow"></slot>\n          <slot name="mainheadfocus"></slot>\n\n        </div>\n\n\n        \x3c!-- FRAME: RIGHT --\x3e\n        <div id="freeze-frame-right-head" class="zing-grid-frame-right zing-grid-freeze-right">\n\n          \x3c!-- Head --\x3e\n          <div id="freeze-right-head" class="zing-grid-head-right" >\n            <slot name="righthead"></slot>\n          </div>\n\n          <slot name="rightheadeditorrow"></slot>\n          <slot name="rightheadfocus"></slot>\n\n        </div>\n\n      </div>\n\n\n      \x3c!-- BODY --\x3e\n      <div id="zing-grid-frames-body" class="zing-grid-frames zing-grid-frames-body" role="presentation">\n\n        \x3c!-- FRAME: LEFT --\x3e\n        <div id="freeze-left-body" class="zing-grid-frame-left zing-grid-freeze-left">\n\n          \x3c!-- Body --\x3e\n          <div id="left" class="zing-grid-body zing-grid-body-left" role="presentation">\n            <slot name="leftcolgroup"></slot>\n            <slot name="leftbody"></slot>\n          </div>\n          <slot name="lefteditorrow"></slot>\n          <slot name="leftgridselectmask"></slot>\n          <slot name="leftgridfocus"></slot>\n          <zg-no-data id="leftnodata"></zg-no-data>\n\n        </div>\n\n\n        \x3c!-- FRAME: MAIN --\x3e\n        <div id="frame-main-body" class="zing-grid-frame-main">\n\n          <div class="zing-grid-scroll" id="scroll" role="presentation">\n\n            \x3c!-- Body --\x3e\n            <div id="body" class="zing-grid-body-main" role="presentation">\n              <slot name="gridcolgroup"></slot>\n              <slot name="gridbody"></slot>\n            </div>\n            <slot name="bodyeditorrow"></slot>\n            <slot name="bodygridselectmask"></slot>\n            <slot name="bodygridfocus"></slot>\n            <slot name="gridnodata"></slot>\n\n          </div>\n\n        </div>\n\n\n        \x3c!-- FRAME: RIGHT --\x3e\n        <div id="freeze-right-body" class="zing-grid-frame-right zing-grid-freeze-right">\n\n          \x3c!-- Body --\x3e\n          <div id="right" class="zing-grid-body-right" role="presentation">\n            <slot name="rightcolgroup"></slot>\n            <slot name="rightbody"></slot>\n          </div>\n          <slot name="righteditorrow"></slot>\n          <slot name="rightgridselectmask"></slot>\n          <slot name="rightgridfocus"></slot>\n          <zg-no-data id="rightnodata"></zg-no-data>\n        </div>\n\n      </div>\n\n\n      \x3c!-- FOOTER --\x3e\n      <div class="zing-grid-frames zing-grid-frames-foot" role="presentation">\n\n        \x3c!-- FRAME: LEFT --\x3e\n        <div id="freeze-frame-left-foot" class="zing-grid-frame-left zing-grid-freeze-left">\n\n          <div id="freeze-left-foot" class="zing-grid-foot zing-grid-foot-left">\n            <slot name="leftfoot"></slot>\n          </div>\n\n          <slot name="leftfooteditorrow"></slot>\n          <slot name="leftfootfocus"></slot>\n        </div>\n\n\n        \x3c!-- FRAME: MAIN --\x3e\n        <div id="freeze-frame-main-foot" class="zing-grid-frame-main">\n\n          <div id="freeze-main-foot" class="zing-grid-foot-main" role="presentation">\n            <slot name="gridfoot" id="gridfoot"></slot>\n          </div>\n\n          <slot name="mainfooteditorrow"></slot>\n          <slot name="mainfootfocus"></slot>\n\n        </div>\n\n\n        \x3c!-- FRAME: RIGHT --\x3e\n        <div id="freeze-frame-right-foot" class="zing-grid-frame-right zing-grid-freeze-right">\n\n          <div id="freeze-right-foot" class="zing-grid-foot-right" >\n            <slot name="rightfoot"></slot>\n          </div>\n\n          <slot name="rightfooteditorrow"></slot>\n          <slot name="rightfootfocus"></slot>\n        </div>\n\n      </div>\n\n\n      \x3c!-- Frozen Column Styling --\x3e\n      <slot name="freeze-left-columns"></slot>\n      <slot name="freeze-right-columns"></slot>\n\n      \x3c!-- Batch Edit Styling --\x3e\n      <slot name="batch-edit"></slot>\n      \n      <div id="mirror" style="display:none;"></div>\n\n    </div>\n  </div>\n\n  <slot id="pager" name="pager"></slot>\n  <slot id="footer" name="footer"></slot>\n  <slot id="watermark" name="watermark"></slot>\n\n  <slot name="status"></slot>\n\n  <slot name="dialogInternal"></slot>\n  <slot name="tooltip"></slot>\n  <slot name="celloverflow"></slot>\n\n  <div id="hidden" style="display:none;">\n    <slot name="zg-cell-unmapped"></slot>\n    <slot name="zg-head-cell-unmapped"></slot>\n  </div>\n\n  <textarea aria-hidden="true" class="zing-grid-clipboard" tabindex="-1"></textarea>\n</div>\n<slot name="shadow"></slot>'},48738:e=>{function t(e){return!!e.constructor&&"function"==typeof e.constructor.isBuffer&&e.constructor.isBuffer(e)}e.exports=function(e){return null!=e&&(t(e)||function(e){return"function"==typeof e.readFloatLE&&"function"==typeof e.slice&&t(e.slice(0,0))}(e)||!!e._isBuffer)}},2568:(e,t,o)=>{var n,r,i,a,s;n=o(71012),r=o(40487).utf8,i=o(48738),a=o(40487).bin,(s=function(e,t){e.constructor==String?e=t&&"binary"===t.encoding?a.stringToBytes(e):r.stringToBytes(e):i(e)?e=Array.prototype.slice.call(e,0):Array.isArray(e)||e.constructor===Uint8Array||(e=e.toString());for(var o=n.bytesToWords(e),l=8*e.length,d=1732584193,c=-271733879,u=-1732584194,h=271733878,f=0;f<o.length;f++)o[f]=16711935&(o[f]<<8|o[f]>>>24)|4278255360&(o[f]<<24|o[f]>>>8);o[l>>>5]|=128<<l%32,o[14+(l+64>>>9<<4)]=l;var p=s._ff,g=s._gg,m=s._hh,b=s._ii;for(f=0;f<o.length;f+=16){var v=d,y=c,w=u,z=h;d=p(d,c,u,h,o[f+0],7,-680876936),h=p(h,d,c,u,o[f+1],12,-389564586),u=p(u,h,d,c,o[f+2],17,606105819),c=p(c,u,h,d,o[f+3],22,-1044525330),d=p(d,c,u,h,o[f+4],7,-176418897),h=p(h,d,c,u,o[f+5],12,1200080426),u=p(u,h,d,c,o[f+6],17,-1473231341),c=p(c,u,h,d,o[f+7],22,-45705983),d=p(d,c,u,h,o[f+8],7,1770035416),h=p(h,d,c,u,o[f+9],12,-1958414417),u=p(u,h,d,c,o[f+10],17,-42063),c=p(c,u,h,d,o[f+11],22,-1990404162),d=p(d,c,u,h,o[f+12],7,1804603682),h=p(h,d,c,u,o[f+13],12,-40341101),u=p(u,h,d,c,o[f+14],17,-1502002290),d=g(d,c=p(c,u,h,d,o[f+15],22,1236535329),u,h,o[f+1],5,-165796510),h=g(h,d,c,u,o[f+6],9,-1069501632),u=g(u,h,d,c,o[f+11],14,643717713),c=g(c,u,h,d,o[f+0],20,-373897302),d=g(d,c,u,h,o[f+5],5,-701558691),h=g(h,d,c,u,o[f+10],9,38016083),u=g(u,h,d,c,o[f+15],14,-660478335),c=g(c,u,h,d,o[f+4],20,-405537848),d=g(d,c,u,h,o[f+9],5,568446438),h=g(h,d,c,u,o[f+14],9,-1019803690),u=g(u,h,d,c,o[f+3],14,-187363961),c=g(c,u,h,d,o[f+8],20,1163531501),d=g(d,c,u,h,o[f+13],5,-1444681467),h=g(h,d,c,u,o[f+2],9,-51403784),u=g(u,h,d,c,o[f+7],14,1735328473),d=m(d,c=g(c,u,h,d,o[f+12],20,-1926607734),u,h,o[f+5],4,-378558),h=m(h,d,c,u,o[f+8],11,-2022574463),u=m(u,h,d,c,o[f+11],16,1839030562),c=m(c,u,h,d,o[f+14],23,-35309556),d=m(d,c,u,h,o[f+1],4,-1530992060),h=m(h,d,c,u,o[f+4],11,1272893353),u=m(u,h,d,c,o[f+7],16,-155497632),c=m(c,u,h,d,o[f+10],23,-1094730640),d=m(d,c,u,h,o[f+13],4,681279174),h=m(h,d,c,u,o[f+0],11,-358537222),u=m(u,h,d,c,o[f+3],16,-722521979),c=m(c,u,h,d,o[f+6],23,76029189),d=m(d,c,u,h,o[f+9],4,-640364487),h=m(h,d,c,u,o[f+12],11,-421815835),u=m(u,h,d,c,o[f+15],16,530742520),d=b(d,c=m(c,u,h,d,o[f+2],23,-995338651),u,h,o[f+0],6,-198630844),h=b(h,d,c,u,o[f+7],10,1126891415),u=b(u,h,d,c,o[f+14],15,-1416354905),c=b(c,u,h,d,o[f+5],21,-57434055),d=b(d,c,u,h,o[f+12],6,1700485571),h=b(h,d,c,u,o[f+3],10,-1894986606),u=b(u,h,d,c,o[f+10],15,-1051523),c=b(c,u,h,d,o[f+1],21,-2054922799),d=b(d,c,u,h,o[f+8],6,1873313359),h=b(h,d,c,u,o[f+15],10,-30611744),u=b(u,h,d,c,o[f+6],15,-1560198380),c=b(c,u,h,d,o[f+13],21,1309151649),d=b(d,c,u,h,o[f+4],6,-145523070),h=b(h,d,c,u,o[f+11],10,-1120210379),u=b(u,h,d,c,o[f+2],15,718787259),c=b(c,u,h,d,o[f+9],21,-343485551),d=d+v>>>0,c=c+y>>>0,u=u+w>>>0,h=h+z>>>0}return n.endian([d,c,u,h])})._ff=function(e,t,o,n,r,i,a){var s=e+(t&o|~t&n)+(r>>>0)+a;return(s<<i|s>>>32-i)+t},s._gg=function(e,t,o,n,r,i,a){var s=e+(t&n|o&~n)+(r>>>0)+a;return(s<<i|s>>>32-i)+t},s._hh=function(e,t,o,n,r,i,a){var s=e+(t^o^n)+(r>>>0)+a;return(s<<i|s>>>32-i)+t},s._ii=function(e,t,o,n,r,i,a){var s=e+(o^(t|~n))+(r>>>0)+a;return(s<<i|s>>>32-i)+t},s._blocksize=16,s._digestsize=16,e.exports=function(e,t){if(null==e)throw new Error("Illegal argument "+e);var o=n.wordsToBytes(s(e,t));return t&&t.asBytes?o:t&&t.asString?a.bytesToString(o):n.bytesToHex(o)}},35666:e=>{var t=function(e){"use strict";var t,o=Object.prototype,n=o.hasOwnProperty,r=Object.defineProperty||function(e,t,o){e[t]=o.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",s=i.asyncIterator||"@@asyncIterator",l=i.toStringTag||"@@toStringTag";function d(e,t,o){return Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{d({},"")}catch(e){d=function(e,t,o){return e[t]=o}}function c(e,t,o,n){var i=t&&t.prototype instanceof b?t:b,a=Object.create(i.prototype),s=new M(n||[]);return r(a,"_invoke",{value:O(e,o,s)}),a}function u(e,t,o){try{return{type:"normal",arg:e.call(t,o)}}catch(e){return{type:"throw",arg:e}}}e.wrap=c;var h="suspendedStart",f="suspendedYield",p="executing",g="completed",m={};function b(){}function v(){}function y(){}var w={};d(w,a,(function(){return this}));var z=Object.getPrototypeOf,C=z&&z(z(D([])));C&&C!==o&&n.call(C,a)&&(w=C);var S=y.prototype=b.prototype=Object.create(w);function k(e){["next","throw","return"].forEach((function(t){d(e,t,(function(e){return this._invoke(t,e)}))}))}function x(e,t){function o(r,i,a,s){var l=u(e[r],e,i);if("throw"!==l.type){var d=l.arg,c=d.value;return c&&"object"==typeof c&&n.call(c,"__await")?t.resolve(c.__await).then((function(e){o("next",e,a,s)}),(function(e){o("throw",e,a,s)})):t.resolve(c).then((function(e){d.value=e,a(d)}),(function(e){return o("throw",e,a,s)}))}s(l.arg)}var i;r(this,"_invoke",{value:function(e,n){function r(){return new t((function(t,r){o(e,n,t,r)}))}return i=i?i.then(r,r):r()}})}function O(e,t,o){var n=h;return function(r,i){if(n===p)throw new Error("Generator is already running");if(n===g){if("throw"===r)throw i;return T()}for(o.method=r,o.arg=i;;){var a=o.delegate;if(a){var s=_(a,o);if(s){if(s===m)continue;return s}}if("next"===o.method)o.sent=o._sent=o.arg;else if("throw"===o.method){if(n===h)throw n=g,o.arg;o.dispatchException(o.arg)}else"return"===o.method&&o.abrupt("return",o.arg);n=p;var l=u(e,t,o);if("normal"===l.type){if(n=o.done?g:f,l.arg===m)continue;return{value:l.arg,done:o.done}}"throw"===l.type&&(n=g,o.method="throw",o.arg=l.arg)}}}function _(e,o){var n=e.iterator[o.method];if(n===t){if(o.delegate=null,"throw"===o.method){if(e.iterator.return&&(o.method="return",o.arg=t,_(e,o),"throw"===o.method))return m;o.method="throw",o.arg=new TypeError("The iterator does not provide a 'throw' method")}return m}var r=u(n,e.iterator,o.arg);if("throw"===r.type)return o.method="throw",o.arg=r.arg,o.delegate=null,m;var i=r.arg;return i?i.done?(o[e.resultName]=i.value,o.next=e.nextLoc,"return"!==o.method&&(o.method="next",o.arg=t),o.delegate=null,m):i:(o.method="throw",o.arg=new TypeError("iterator result is not an object"),o.delegate=null,m)}function R(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function E(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function M(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(R,this),this.reset(!0)}function D(e){if(e){var o=e[a];if(o)return o.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var r=-1,i=function o(){for(;++r<e.length;)if(n.call(e,r))return o.value=e[r],o.done=!1,o;return o.value=t,o.done=!0,o};return i.next=i}}return{next:T}}function T(){return{value:t,done:!0}}return v.prototype=y,r(S,"constructor",{value:y,configurable:!0}),r(y,"constructor",{value:v,configurable:!0}),v.displayName=d(y,l,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===v||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,y):(e.__proto__=y,d(e,l,"GeneratorFunction")),e.prototype=Object.create(S),e},e.awrap=function(e){return{__await:e}},k(x.prototype),d(x.prototype,s,(function(){return this})),e.AsyncIterator=x,e.async=function(t,o,n,r,i){void 0===i&&(i=Promise);var a=new x(c(t,o,n,r),i);return e.isGeneratorFunction(o)?a:a.next().then((function(e){return e.done?e.value:a.next()}))},k(S),d(S,l,"Generator"),d(S,a,(function(){return this})),d(S,"toString",(function(){return"[object Generator]"})),e.keys=function(e){var t=Object(e),o=[];for(var n in t)o.push(n);return o.reverse(),function e(){for(;o.length;){var n=o.pop();if(n in t)return e.value=n,e.done=!1,e}return e.done=!0,e}},e.values=D,M.prototype={constructor:M,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(E),!e)for(var o in this)"t"===o.charAt(0)&&n.call(this,o)&&!isNaN(+o.slice(1))&&(this[o]=t)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var o=this;function r(n,r){return s.type="throw",s.arg=e,o.next=n,r&&(o.method="next",o.arg=t),!!r}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],s=a.completion;if("root"===a.tryLoc)return r("end");if(a.tryLoc<=this.prev){var l=n.call(a,"catchLoc"),d=n.call(a,"finallyLoc");if(l&&d){if(this.prev<a.catchLoc)return r(a.catchLoc,!0);if(this.prev<a.finallyLoc)return r(a.finallyLoc)}else if(l){if(this.prev<a.catchLoc)return r(a.catchLoc,!0)}else{if(!d)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return r(a.finallyLoc)}}}},abrupt:function(e,t){for(var o=this.tryEntries.length-1;o>=0;--o){var r=this.tryEntries[o];if(r.tryLoc<=this.prev&&n.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var i=r;break}}i&&("break"===e||"continue"===e)&&i.tryLoc<=t&&t<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=e,a.arg=t,i?(this.method="next",this.next=i.finallyLoc,m):this.complete(a)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),m},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.finallyLoc===e)return this.complete(o.completion,o.afterLoc),E(o),m}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.tryLoc===e){var n=o.completion;if("throw"===n.type){var r=n.arg;E(o)}return r}}throw new Error("illegal catch attempt")},delegateYield:function(e,o,n){return this.delegate={iterator:D(e),resultName:o,nextLoc:n},"next"===this.method&&(this.arg=t),m}},e}(e.exports);try{regeneratorRuntime=t}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}},24889:function(e,t,o){!function(e,t){"use strict";if(!e.setImmediate){var o,n,r,i,a,s=1,l={},d=!1,c=e.document,u=Object.getPrototypeOf&&Object.getPrototypeOf(e);u=u&&u.setTimeout?u:e,"[object process]"==={}.toString.call(e.process)?o=function(e){process.nextTick((function(){f(e)}))}:!function(){if(e.postMessage&&!e.importScripts){var t=!0,o=e.onmessage;return e.onmessage=function(){t=!1},e.postMessage("","*"),e.onmessage=o,t}}()?e.MessageChannel?((r=new MessageChannel).port1.onmessage=function(e){f(e.data)},o=function(e){r.port2.postMessage(e)}):c&&"onreadystatechange"in c.createElement("script")?(n=c.documentElement,o=function(e){var t=c.createElement("script");t.onreadystatechange=function(){f(e),t.onreadystatechange=null,n.removeChild(t),t=null},n.appendChild(t)}):o=function(e){setTimeout(f,0,e)}:(i="setImmediate$"+Math.random()+"$",a=function(t){t.source===e&&"string"==typeof t.data&&0===t.data.indexOf(i)&&f(+t.data.slice(i.length))},e.addEventListener?e.addEventListener("message",a,!1):e.attachEvent("onmessage",a),o=function(t){e.postMessage(i+t,"*")}),u.setImmediate=function(e){"function"!=typeof e&&(e=new Function(""+e));for(var t=new Array(arguments.length-1),n=0;n<t.length;n++)t[n]=arguments[n+1];var r={callback:e,args:t};return l[s]=r,o(s),s++},u.clearImmediate=h}function h(e){delete l[e]}function f(e){if(d)setTimeout(f,0,e);else{var o=l[e];if(o){d=!0;try{!function(e){var o=e.callback,n=e.args;switch(n.length){case 0:o();break;case 1:o(n[0]);break;case 2:o(n[0],n[1]);break;case 3:o(n[0],n[1],n[2]);break;default:o.apply(t,n)}}(o)}finally{h(e),d=!1}}}}}("undefined"==typeof self?void 0===o.g?this:o.g:self)},65658:e=>{e.exports='<svg id="android" xmlns="http://www.w3.org/2000/svg"><symbol id="checkmark" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></symbol><symbol id="submitrecord" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></symbol><symbol id="checked" viewBox="0 0 24 24"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></symbol><symbol id="unchecked" viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"></path></symbol><symbol id="close" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="cancelrecord" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="edit" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></symbol><symbol id="editrecord" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></symbol><symbol id="layoutcard" viewBox="0 0 24 24"><path d="M4 11h5V5H4v6zm0 7h5v-6H4v6zm6 0h5v-6h-5v6zm6 0h5v-6h-5v6zm-6-7h5V5h-5v6zm6-6v6h5V5h-5z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="layoutrow" viewBox="0 0 24 24"><path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="menu" viewBox="0 0 24 24"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"></path></symbol><symbol id="fixedmenu" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></symbol><symbol id="reload" viewBox="0 0 24 24"><path d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"></path></symbol><symbol id="firstpage" viewBox="0 0 24 24"><path d="M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"></path></symbol><symbol id="nextpage" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></symbol><symbol id="lastpage" viewBox="0 0 24 24"><path d="M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"></path></symbol><symbol id="prevpage" viewBox="0 0 24 24"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></path></symbol><symbol id="remove" viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"></path></symbol><symbol id="removerecord" viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"></path></symbol><symbol id="up" viewBox="0 0 24 24"><path d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"></path></symbol><symbol id="down" viewBox="0 0 24 24"><path d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"></path></symbol></svg>'},92757:e=>{e.exports='<svg id="default" xmlns="http://www.w3.org/2000/svg"><symbol id="batchedit" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></symbol><symbol id="batcheditcancel" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="batcheditsave" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></symbol><symbol id="checkmark" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></symbol><symbol id="submitrecord" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></symbol><symbol id="checked" viewBox="0 0 24 24"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></symbol><symbol id="unchecked" viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"></path></symbol><symbol id="cancel" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="close" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="cancelrecord" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="success" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></symbol><symbol id="error" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"></path></symbol><symbol id="error-tmp" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"></path></symbol><symbol id="info" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"></path></symbol><symbol id="warning" viewBox="0 0 24 24"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"></path></symbol><symbol id="duplicaterecord" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"></path></symbol><symbol id="edit" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></symbol><symbol id="editrecord" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></symbol><symbol id="createrecord" viewBox="0 0 24 24"><path d="M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"></path></symbol><symbol id="layoutcard" viewBox="0 0 24 24"><path d="M4 11h5V5H4v6zm0 7h5v-6H4v6zm6 0h5v-6h-5v6zm6 0h5v-6h-5v6zm-6-7h5V5h-5v6zm6-6v6h5V5h-5z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="layoutrow" viewBox="0 0 24 24"><path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="menu" viewBox="0 0 24 24"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"></path></symbol><symbol id="fixedmenu" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></symbol><symbol id="copycell" viewBox="0 0 24 24"><path d="M3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm18-4H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14z"></path></symbol><symbol id="pastecell" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M19 2h-4.18C14.4.84 13.3 0 12 0c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm7 18H5V4h2v3h10V4h2v16z"></path></symbol><symbol id="selectcell" viewBox="0 0 24 23"><path fill="gray" fill-rule="evenodd" clip-rule="evenodd" d="M0 .958V0h1v1H0V.958zM0 22v1h1v-1H0zm24 .042V22h-1v1h1v-.958zM24 1V0h-1v1h1zM3 0v1h2V0H3zm4 0v1h2V0H7zm4 0v1h2V0h-2zm4 0v1h2V0h-2zm4 0v1h2V0h-2zm5 2.875h-1v1.917h1V2.875zm0 3.833h-1v1.917h1V6.708zm0 3.834h-1v1.916h1v-1.916zm0 3.833h-1v1.917h1v-1.917zm0 3.833h-1v1.917h1v-1.917zM21 23v-1h-2v1h2zm-4 0v-1h-2v1h2zm-4 0v-1h-2v1h2zm-4 0v-1H7v1h2zm-4 0v-1H3v1h2zm-5-2.875h1v-1.917H0v1.917zm0-3.833h1v-1.917H0v1.917zm0-3.834h1v-1.916H0v1.916zm0-3.833h1V6.708H0v1.917zm0-3.833h1V2.875H0v1.917zM5 11H3v1h2v-1zm4 0H7v1h2v-1zm8 0h-2v1h2v-1zm-5-8h1v2h-1V3zm1 4h-1v2h1V7zm-1 7h1v2h-1v-2zm1 4h-1v2h1v-2zm6-7h2v1h-2v-1zm-6 0h-1v1h1v-1z"></path><path stroke="var(--zg-icon-color, var(--theme-color-primary))" d="M.5.5h12v11H.5z"></path></symbol><symbol id="selectrow" viewBox="0 0 24 23"><path fill="gray" fill-rule="evenodd" clip-rule="evenodd" d="M0 .958V0h1v1H0V.958zM0 22v1h1v-1H0zm24 .042V22h-1v1h1v-.958zM24 1V0h-1v1h1zM3 0v1h2V0H3zm4 0v1h2V0H7zm4 0v1h2V0h-2zm4 0v1h2V0h-2zm4 0v1h2V0h-2zm5 2.875h-1v1.917h1V2.875zm0 3.833h-1v1.917h1V6.708zm0 3.834h-1v1.916h1v-1.916zm0 3.833h-1v1.917h1v-1.917zm0 3.833h-1v1.917h1v-1.917zM21 23v-1h-2v1h2zm-4 0v-1h-2v1h2zm-4 0v-1h-2v1h2zm-4 0v-1H7v1h2zm-4 0v-1H3v1h2zm-5-2.875h1v-1.917H0v1.917zm0-3.833h1v-1.917H0v1.917zm0-3.834h1v-1.916H0v1.916zm0-3.833h1V6.708H0v1.917zm0-3.833h1V2.875H0v1.917zM5 11H3v1h2v-1zm4 0H7v1h2v-1zm8 0h-2v1h2v-1zm-5-8h1v2h-1V3zm1 4h-1v2h1V7zm-1 7h1v2h-1v-2zm1 4h-1v2h1v-2zm6-7h2v1h-2v-1zm-6 0h-1v1h1v-1z"></path><path stroke="var(--zg-icon-color, var(--theme-color-primary))" d="M.5.5h23v11H.5z"></path></symbol><symbol id="deselect" viewBox="0 0 24 23"><path stroke="gray" stroke-dasharray="2 2" d="M.5.5h23v22H.5z"></path><path fill="var(--zg-icon-color, var(--theme-color-primary))" fill-rule="evenodd" clip-rule="evenodd" d="M5 17.02l1.414 1.415 6.01-6.01 6.011 6.01 1.414-1.414-6.01-6.01L19.849 5l-1.414-1.414-6.01 6.01-6.01-6.01L5 5l6.01 6.01L5 17.02z"></path></symbol><symbol id="selectall" viewBox="0 0 24 24"><rect width="21" height="21" x="2.72" y="2.75" class="cls-2" rx=".37" ry=".37"></rect><path fill="var(--zg-icon-color, var(--theme-color-primary))" fill-rule="evenodd" clip-rule="evenodd" d="M2.25 2.79c0-.3.24-.54.54-.54h19.74V.54c0-.3-.24-.54-.54-.54H.54C.24 0 0 .24 0 .54v21.45c0 .3.24.54.54.54h1.71V2.79Z"></path><path fill="#fff" fill-rule="evenodd" clip-rule="evenodd" d="m11.67 14.78-1.37-1.37c-.47-.47-1.23-.47-1.7 0s-.47 1.23 0 1.7l2.54 2.54c.47.47 1.23.47 1.7 0l.84-.84 5.93-5.93c.47-.47.47-1.23 0-1.7s-1.23-.47-1.7 0l-5.59 5.59c-.09.09-.21.14-.33.14s-.24-.05-.33-.14Z"></path></symbol><symbol id="reload" viewBox="0 0 24 24"><path d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"></path></symbol><symbol id="search" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="firstpage" viewBox="0 0 24 24"><path d="M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"></path></symbol><symbol id="nextpage" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></symbol><symbol id="lastpage" viewBox="0 0 24 24"><path d="M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"></path></symbol><symbol id="prevpage" viewBox="0 0 24 24"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></path></symbol><symbol id="resize" viewBox="0 0 24 24"><circle cx="8" cy="4" r="2"></circle><circle cx="8" cy="20" r="2"></circle><circle cx="8" cy="12" r="2"></circle><circle cx="16" cy="4" r="2"></circle><circle cx="16" cy="20" r="2"></circle><circle cx="16" cy="12" r="2"></circle></symbol><symbol id="resize-direction" viewBox="0 0 24 24"><circle cx="8" cy="12" r="2" fill="#C4C4C4"></circle><circle cx="16" cy="4" r="2" fill="#C4C4C4"></circle><circle cx="16" cy="20" r="2" fill="#C4C4C4"></circle><circle cx="16" cy="12" r="2" fill="#C4C4C4"></circle></symbol><symbol id="remove" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="removerecord" viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"></path></symbol><symbol id="undoremoverecord" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zm2.46-7.12l1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14l-2.13-2.12zM15.5 4l-1-1h-5l-1 1H5v2h14V4z"></path></symbol><symbol id="openrowgroup" viewBox="0 0 24 24"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z"></path></symbol><symbol id="closerowgroup" viewBox="0 0 24 24"><path d="M24 24H0V0h24v24z" fill="none" opacity=".87"></path><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"></path></symbol><symbol id="up" viewBox="0 0 24 24"><path d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"></path></symbol><symbol id="down" viewBox="0 0 24 24"><path d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"></path></symbol><symbol id="link" viewBox="0 0 24 24"><path d="M18 7a6 6 0 0 1 6 6 5.9 5.9 0 0 1-3 5.2 6 6 0 0 1-3 .8h-5v-2.3h5a3.8 3.8 0 0 0 3.8-3.7c0-.7-.3-1.3-.6-1.8a3.8 3.8 0 0 0-3.3-1.9H13V7h5zM7 14v-2h10v2H7zm-4.7-1c0 .7.2 1.3.5 1.8a3.8 3.8 0 0 0 3.3 1.9H11V19H6a6 6 0 0 1-6-6 5.9 5.9 0 0 1 3-5.2C4 7.3 5 7 6 7h5v2.3H6A3.8 3.8 0 0 0 2.3 13z"></path></symbol><symbol id="outsidearrow" viewBox="0 0 24 24"><path d="M18.04 11.92h-.84a.4.4 0 0 0-.42.42v4.2c0 .57-.2 1.06-.61 1.47-.41.41-.9.62-1.48.62H3.78c-.58 0-1.07-.2-1.49-.62-.4-.4-.61-.9-.61-1.48V5.63c0-.58.2-1.08.61-1.49.42-.41.9-.62 1.49-.62H13a.4.4 0 0 0 .3-.11.4.4 0 0 0 .12-.3v-.84a.4.4 0 0 0-.12-.3.4.4 0 0 0-.3-.12H3.78c-1.04 0-1.93.37-2.67 1.1A3.64 3.64 0 0 0 0 5.62v10.91c0 1.04.37 1.93 1.1 2.67.75.74 1.64 1.1 2.68 1.1h10.9c1.05 0 1.93-.36 2.67-1.1a3.64 3.64 0 0 0 1.11-2.67v-4.2a.4.4 0 0 0-.12-.3.4.4 0 0 0-.3-.11z"></path><path d="M23.75.25a.82.82 0 0 0-.6-.25h-6.83a.82.82 0 0 0-.6.25.82.82 0 0 0-.26.6c0 .24.09.44.25.6l2.35 2.35-8.7 8.7a.42.42 0 0 0 0 .62l1.53 1.52a.42.42 0 0 0 .6 0l8.7-8.7 2.36 2.35c.16.16.36.25.6.25.23 0 .43-.09.6-.25a.82.82 0 0 0 .25-.6V.84a.82.82 0 0 0-.25-.6z"></path></symbol></svg>'},26563:e=>{e.exports='<svg id="ios" xmlns="http://www.w3.org/2000/svg"><symbol id="editrecord" viewBox="0 0 24 24"><path d="M17.75 7L14 3.25l-10 10V17h3.75l10-10zm2.96-2.96c.39-.39.39-1.02 0-1.41L18.37.29c-.39-.39-1.02-.39-1.41 0L15 2.25 18.75 6l1.96-1.96z"></path><path d="M0 0h24v24H0z" fill="none"></path><path d="M0 20h24v4H0z" fill-opacity=".36"></path></symbol></svg>'},91693:(e,t,o)=>{var n={"./Grid.js":48272,"./SelectorEngine.js":44287,"./elements/ColumnBody.js":28459,"./elements/ColumnFooter.js":72546,"./elements/ColumnHeader.js":64514,"./plugins/aggregate/aggregateManager.js":82383,"./plugins/cellbreak/cellBreakManager.js":69059,"./plugins/clipper/Clipper.js":29058,"./plugins/columnmenu/ColumnMenu.js":13495,"./plugins/details/detailsManager.js":2082,"./plugins/dialog/dialogManager.js":46268,"./plugins/drag/columnDragManager.js":87349,"./plugins/editor/RecordEditor.js":11058,"./plugins/editor/batchEditor.js":64774,"./plugins/editor/dirtyManager.js":20131,"./plugins/editor/editorFieldManager.js":95968,"./plugins/editor/editorManager.js":98936,"./plugins/filter/Filter.js":26879,"./plugins/focus/areaFocusManager.js":40937,"./plugins/focus/focusManager.js":74282,"./plugins/focus/footerFocusManager.js":22213,"./plugins/focus/headerFocusManager.js":91532,"./plugins/fullscreen/fullscreenManager.js":40025,"./plugins/groupby/groupbyManager.js":73390,"./plugins/icon/fontawesome.map.js":9947,"./plugins/icon/iconManager.js":57247,"./plugins/layout/layoutManager.js":52744,"./plugins/menu/menuManager.js":92112,"./plugins/scroller/Scroller.js":93834,"./plugins/selector/Selector.js":26877,"./plugins/sorter/Sorter.js":13676,"./plugins/source/sourceManager.js":92604,"./plugins/state/stateManager.js":95794,"./plugins/status/statusManager.js":39984,"./plugins/tooltip/tooltipManager.js":90326,"./plugins/updater/Updater.js":86814,"./plugins/viewport/viewportManager.js":70684,"./selectorEngineManager.js":32603};function r(e){var t=i(e);return o(t)}function i(e){if(!o.o(n,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return n[e]}r.keys=function(){return Object.keys(n)},r.resolve=i,e.exports=r,r.id=91693},61145:(e,t,o)=>{var n={"./Lang.js":19791,"./custom-export.js":85444,"./custom.js":39340,"./en.js":47745,"./es.js":57947,"./zh-CN.js":3748};function r(e){var t=i(e);return o(t)}function i(e){if(!o.o(n,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return n[e]}r.keys=function(){return Object.keys(n)},r.resolve=i,e.exports=r,r.id=61145},19179:(e,t,o)=>{var n={"./android.svg":65658,"./default.svg":92757,"./ios.svg":26563};function r(e){var t=i(e);return o(t)}function i(e){if(!o.o(n,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return n[e]}r.keys=function(){return Object.keys(n)},r.resolve=i,e.exports=r,r.id=19179}},t={};function o(n){var r=t[n];if(void 0!==r)return r.exports;var i=t[n]={id:n,exports:{}};return e[n].call(i.exports,i,i.exports,o),i.exports}o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{"use strict";var e=o(37486),t=o(84981),n=o(96766),r=o(46268),i=(o(87822),o(19791)),a=o(1009),s=o(3877);function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function d(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==l(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===l(i)?i:String(i)),n)}var r,i}const c=function(){function o(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,o);for(var t=null,n={},r=arguments.length,i=new Array(r),a=0;a<r;a++)i[a]=arguments[a];for(;i.length;){var s=i.shift(),l=(e.jn(s),e.PO(s)),d=s&&s.nodeType&&1===s.nodeType;e.HD(s)?t=document.getElementById(s):d?t=s:l&&(n=s)}var c=n,u={};u.data=c.data,u.dataFormat={};var h=this.element=document.createElement("zing-grid");for(var f in h.config=u,void 0!==c.columns&&c.columns.length&&(h.columns=c.columns),n.src&&(h.src=n.src),n)"src"!==f&&"columns"!==f&&"config"!==f&&n.hasOwnProperty(f)&&(h[f]=n[f]);return this.widget=h.widget,t&&t.appendChild(h),h}var l,c,u;return l=o,u=[{key:"registerAdapter",value:function(e,t){n.Z.aAdapters[e]=t}},{key:"registerCellType",value:function(e,n){t.Z.registerCellType(e,n),o.refreshAllGrids()}},{key:"registerEditor",value:function(e,t,o){t=t||e.name,n.Z.aMethods[t]={method:e,scope:o}}},{key:"registerFilterer",value:function(e,t,o){t=t||e.name,n.Z.aMethods[t]={method:e,scope:o}}},{key:"registerValidator",value:function(e,t,o){n.Z.aMethods[t]={method:e,scope:o}}},{key:"registerMethod",value:function(e,t,o){t=t||e.name,n.Z.aMethods[t]={method:e,scope:o}}},{key:"registerNamespace",value:function(e,t,o){t=t||"default",n.Z.aNamespaces[t]={namespace:e,scope:o||e}}},{key:"registerLanguage",value:function(e,t,o){t=t||e.lang,i.default.aCustomLangs[t]=e,o&&i.default.setLang(t)}},{key:"customizeDialog",value:function(e,t){r.default.aCustomizations.push({type:e,options:t})}},{key:"setLanguage",value:function(e){var t=i.default.globalLang?i.default.globalLang.lang:"";i.default.setLang(e),document.querySelectorAll("zing-grid").forEach((function(o){!o.widget||!o.widget.bAPIReady||o.lang&&t!==o.lang||(o.lang=e)}))}},{key:"formatDate",value:function(e,t,o,n){"string"!=typeof e&&"number"!=typeof e||(e=a.kB(e)),n=n||o;var r={};return o&&(r.lang=i.default.checkLangFile(o)),a.p6(e,t,n,r)}},{key:"fromNow",value:function(e,t,o){"string"!=typeof e&&"number"!=typeof e||(e=a.kB(e));var n={};return o&&(n.lang=i.default.checkLangFile(o)),a.Zh(e,t,n)}},{key:"searchIsTable",value:function(){var t=function(){var t=document.querySelectorAll('table[is="zing-grid"]');t&&t.forEach((function(t){var o=e.T2(t),n=t.parentNode,r=document.createElement("span");n.insertBefore(r,t),o.appendChild(t),n.replaceChild(o,r)}))};"complete"===document.readyState?t():document.addEventListener("DOMContentLoaded",t)}},{key:"setLicense",value:function(e,t){s.Z.validateLicense(e,t)}},{key:"checkLicense",value:function(){s.Z.validateLicense()}},{key:"clearLicense",value:function(){s.Z.bValidated=!1,o.LICENSE=void 0,o.BUILDCODE=void 0}},{key:"setBuildCode",value:function(e){o.setLicense(null,e)}},{key:"refreshAllGrids",value:function(){document.querySelectorAll("zing-grid").forEach((function(e){e.widget&&e.bReady&&(e.querySelectorAll("zg-column").forEach((function(t){t.type&&t._oParsedColumnMapping.bIsTypeUserProvided&&t.setCellType(e.widget,t.type)})),e.widget.update())}))}}],(c=null)&&d(l.prototype,c),u&&d(l,u),Object.defineProperty(l,"prototype",{writable:!1}),o}();if("undefined"!=typeof window&&(o(19791),o(81747),o(24889),o(2572),o(9898),o(85199),o(52898),o(53329),o(69775),o(97627),o(20986),o(80196),o(95593),o(96278),o(46195),o(78792),o(47287),o(30544),o(5905),o(83836),o(65923),o(75483),o(52898),o(33553),o(94659),o(95720),o(34709),o(28888),o(46370),o(5858),o(78157),o(51534),o(86998),o(63690),o(25449),o(17056),o(27724),o(47977),o(14717),o(6470),o(29836),o(54830),o(80292),o(98316),o(97263),o(2204),o(54629),o(85083)),"undefined"!=typeof window){window.ZingGrid=c,c.version="".concat("ZingGrid v1.6.1 built on Mon, 18 Dec 2023 23:17:08 GMT"),c.versionNum="".concat("1.6.1"),c.versionDate=1702941428977;var u=new CustomEvent("zg-script-ready");window&&window.dispatchEvent(u),c.searchIsTable()}"undefined"!=typeof window&&(o(53351),o(35455),o(53305))})()})();
\ No newline at end of file
+/*!
+ *
+ *   ZingGrid v1.6.2
+ *   Author: ZingSoft https://www.zingsoft.com
+ *
+ */
+(()=>{var e={26981:(e,t,o)=>{"use strict";o(11983);var n,r=(n=o(40115))&&n.__esModule?n:{default:n};r.default._babelPolyfill&&"undefined"!=typeof console&&console.warn&&console.warn("@babel/polyfill is loaded more than once on this page. This is probably not desirable/intended and may have consequences if different versions of the polyfills are applied sequentially. If you do need to load the polyfill more than once, use @babel/polyfill/noConflict instead to bypass the warning."),r.default._babelPolyfill=!0},11983:(e,t,o)=>{"use strict";o(16266),o(10990),o(70911),o(14160),o(6197),o(96728),o(54039),o(93568),o(78051),o(38250),o(15434),o(54952),o(96337),o(35666)},84981:(e,t,o)=>{"use strict";o.d(t,{Z:()=>de});var n=o(87822);o(96766);var r=o(37486);const i={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",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:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",gold:"#ffd700",goldenrod:"#daa520",greenyellow:"#adff2f",gray:"#808080",green:"#008000",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:"#778899",lightslategrey:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",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",purple:"#800080",powderblue:"#b0e0e6",rebeccapurple:"#663399",red:"#ff0000",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:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd3"};function a(e,t,o){return(t=d(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function l(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,d(n.key),n)}}function d(e){var t=function(e,t){if("object"!==s(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===s(t)?t:String(t)}const c=function(){function e(t){var o=t.color,r=t.cell,a=t.column;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e);var s=n.Z.columnType.color,l=s.modes,d=s.modeAttr,c=s.modeDefault,u=s.notConvertedClass,h=s.notValidClass,f=s.previewAttr,p=s.previewDefault,g=s.spaces,m=s.spacesAttr,b=s.transparent;this.modeAttr=d,this.previewAttr=f,this.spacesAttr=m,this.modeDefault=c,this.previewDefault=p,this.modes=l;var v=l.hexAlpha,y=l.hexLong,w=l.hexShort,z=l.hsl,C=l.hsla,S=l.name,k=l.rgb,x=l.rgba;this.hexAlpha=v,this.hexLong=y,this.hexShort=w,this.hsl=z,this.hsla=C,this.name=S,this.rgb=k,this.rgba=x,this.spaces=g,this.transparent=b,this.notConvertedClass=u,this.notValidClass=h,this.colorNames=i,this.colorKeys=Object.keys(this.colorNames),this.colorValues=Object.values(this.colorNames),this.cell=r,this.color=this.convertColorForConversions(o),this.colorRaw=o,this.colorMode=this.getModeFromColor(),this.colorIsTransparent=this.isColorTransparent(),a&&(this.column=a,this.columnHasModeAttr=this.getAttrFromColumn(d),this.columnHasPreviewAttr=this.getAttrFromColumn(f),this.columnHasSpacesAttr=this.getAttrFromColumn(m),this.modeTarget=this.getModeFromAttr(a),this.previewTarget=this.getPreviewFromAttr(a),this.spacesTarget=this.getSpacesFromAttr(a)),this.separator=this.setSeparator()}var t,o,r;return t=e,(o=[{key:"getModeFromAttr",value:function(){var e=this.modeDefault,t=this.columnHasModeAttr;return Object.values(this.modes).indexOf(t)>-1&&(e=t),t&&-1===Object.values(this.modes).indexOf(t)&&this.addInvalidClass(),e}},{key:"getPreviewFromAttr",value:function(){return"disabled"!==this.columnHasPreviewAttr}},{key:"getSpacesFromAttr",value:function(){var e=this.columnHasSpacesAttr;return e&&e===this.spaces.invalid?this.spaces.invalid:e&&e===this.spaces.inherit?this.spaces.inherit:this.spaces.valid}},{key:"formatColor",value:function(){var e,t;this.columnHasModeAttr&&!this.colorMode?(e=this.color,t=!0):(e=this.convertColor(),t=!1);var o=e;if(this.previewTarget){var n=t||this.colorIsTransparent||!this.colorMode?"#ebebeb":"transparent";o='\n        <div style="display:flex;align-items:center;">\n          <span style="margin-right:7px;width:15px;height:15px;background-color:'.concat(e,";border:1px solid ").concat(n,';border-radius:2px;"></span>\n          <span>').concat(e,"</span>\n        </div>\n      ").trim()}return o}},{key:"isColorTransparent",value:function(){if(this.colorRaw===this.transparent)return!0;var e=this.getParts(this.color);return 4===e.length&&"0"===e[3]}},{key:"convertColor",value:function(){var e=this.color;switch(this.modeTarget){case this.hexAlpha:case this.hexLong:case this.hexShort:e=this.convertToHex();break;case this.hsl:case this.hsla:e=this.convertToHsl();break;case this.name:e=this.convertToName();break;case this.rgb:case this.rgba:e=this.convertToRgb()}return e||"--"}},{key:"convertToHex",value:function(e){var t=this.colorMode;switch(e&&(this.modeTarget=e),t){case this.hexAlpha:case this.hexLong:case this.hexShort:return this.convertHexToHex();case this.hsl:case this.hsla:return this.convertHslToHex();case this.rgb:case this.rgba:return this.convertRgbToHex();case this.name:return this.convertNameToHex()}}},{key:"convertToHsl",value:function(){switch(this.colorMode){case this.hexAlpha:case this.hexLong:case this.hexShort:return this.convertHexToHsl();case this.hsl:case this.hsla:return this.convertHslToHsl();case this.rgb:case this.rgba:return this.convertRgbToHsl();case this.name:return this.convertNameToHsl()}}},{key:"convertToName",value:function(){switch(this.colorMode){case this.hexAlpha:case this.hexLong:case this.hexShort:return this.convertHexToName();case this.hsl:case this.hsla:return this.convertHslToName();case this.rgb:case this.rgba:return this.convertRgbToName();case this.name:return this.convertNameToName()}}},{key:"convertToRgb",value:function(){switch(this.colorMode){case this.hexAlpha:case this.hexLong:case this.hexShort:return this.convertHexToRgb();case this.hsl:case this.hsla:return this.convertHslToRgb();case this.rgb:case this.rgba:return this.convertRgbToRgb();case this.name:return this.convertNameToRgb()}}},{key:"convertHexToHex",value:function(){var e=this.color,t=this.color.length,o=this.modeTarget===this.hexAlpha,n=this.modeTarget===this.hexShort,r=this.modeTarget===this.hexLong,i=9===t,a=4===t,s=7===t;if(o){if(i)return e;if(s)return"".concat(e,"ff");if(a)return"".concat(this.getLongHex(e),"ff")}if(r){if(i)return e.substring(0,t-2);if(s)return e;if(a)return this.getLongHex(e)}if(n){if(i)return this.getShortHex(e);if(s)return this.getShortHex(e);if(a)return e}}},{key:"convertHexToHsl",value:function(){var e=this.getAlphaHex(),t=this.separator,o=this.modeTarget===this.hsl,n=this.modeTarget===this.hsla;return function(e){if(!/^#([\da-f]{4}){1,2}$/i.test(e))return"Invalid input color";var r=0,i=0,a=0,s=1;5==e.length?(r="0x"+e[1]+e[1],i="0x"+e[2]+e[2],a="0x"+e[3]+e[3],s="0x"+e[4]+e[4]):9==e.length&&(r="0x"+e[1]+e[2],i="0x"+e[3]+e[4],a="0x"+e[5]+e[6],s="0x"+e[7]+e[8]),r/=255,i/=255,a/=255;var l=Math.min(r,i,a),d=Math.max(r,i,a),c=d-l,u=0,h=0,f=0;return u=0==c?0:d==r?(i-a)/c%6:d==i?(a-r)/c+2:(r-i)/c+4,(u=Math.round(60*u))<0&&(u+=360),f=(d+l)/2,h=+(100*(h=0==c?0:c/(1-Math.abs(2*f-1)))).toFixed(1),f=+(100*f).toFixed(1),s="0"===(s="1"===(s=(s/255).toFixed(2))[0]?1:s)[0]?s.substring(1):s,h="".concat(parseInt(h),"%"),f="".concat(parseInt(f),"%"),n?"hsla(".concat(u).concat(t).concat(h).concat(t).concat(f).concat(t).concat(s,")"):o?"hsl(".concat(u).concat(t).concat(h).concat(t).concat(f,")"):void 0}(e)}},{key:"convertHexToName",value:function(){var e=this.getLongHex(this.color);return this.matchHexToName(e)}},{key:"convertHexToRgb",value:function(){var e,t,o,n=this.getAlphaHex(),r=this.separator,i=this.modeTarget===this.rgb,a=this.modeTarget===this.rgba,s="";return""==n&&(n="000000"),"#"==n[0]&&(n=n.substring(1,n.length)),3==n.length?(e="".concat(n.substring(0,1)).concat(n.substring(0,1)),t="".concat(n.substring(1,2)).concat(n.substring(1,2)),o="".concat(n.substring(2,3)).concat(n.substring(2,3))):(e=n.substring(0,2),t=n.substring(2,4),o=n.substring(4,6)),8==n.length&&(s=(parseInt(n.substring(6,8),16)/255).toFixed(2)),e=parseInt(e,16),t=parseInt(t,16),o=parseInt(o,16),s="0"===(s="1"===s[0]?parseInt(s):s)[0]?s.substring(1):s,i?"rgb(".concat(e).concat(r).concat(t).concat(r).concat(o,")"):a?"rgba(".concat(e).concat(r).concat(t).concat(r).concat(o).concat(r).concat(s,")"):void 0}},{key:"convertHslToHex",value:function(){var e=this.formatParts("hsl",this.color),t=this.convertHslToRgb(e);return this.convertRgbToHex(t)}},{key:"convertHslToHsl",value:function(){this.color;var e=this.formatParts("hsl",this.color),t=(e.H,e.S,e.L,e.A,e.display),o=e.displayAlpha,n=this.modeTarget===this.hsl,r=this.modeTarget===this.hsla;return this.colorMode=this.hsla,this.colorMode=this.hsl,r?o:n?t:void 0}},{key:"convertHslToName",value:function(){if(this.colorIsTransparent)return this.returnTransparent();var e=this.convertHslToHex().display;return this.matchHexToName(e)}},{key:"convertHslToRgb",value:function(e){e&&"object"!==!s(e)||(e=this.formatParts("hsl",this.color));var t=e,o=t.H,n=t.S,r=t.L,i=t.A,a=void 0===i?1:i,l=t.display,d=0,c=0,u=0,f=this.separator;return function(e,t){var i=!1;if(/^hsl\(((((([12]?[1-9]?\d)|[12]0\d|(3[0-5]\d))(\.\d+)?)|(\.\d+))(deg)?|(0|0?\.\d+)turn|(([0-6](\.\d+)?)|(\.\d+))rad)((,\s?(([1-9]?\d(\.\d+)?)|100|(\.\d+))%){2}|(\s(([1-9]?\d(\.\d+)?)|100|(\.\d+))%){2})\)$/i.test(e)){e=e.substr(4).split(")")[0].split(f),i=!0===i,n=e[1].substr(0,e[1].length-1)/100,r=e[2].substr(0,e[2].length-1)/100,o.indexOf("deg")>-1?o=o.substr(0,o.length-3):o.indexOf("rad")>-1?o=Math.round(h.substr(0,o.length-3)/(2*Math.PI)*360):o.indexOf("turn")>-1&&(o=Math.round(360*h.substr(0,o.length-4))),o>=360&&(o%=360);var s=(1-Math.abs(2*r-1))*n,l=s*(1-Math.abs(o/60%2-1)),p=r-s/2;0<=o&&o<60?(d=s,c=l,u=0):60<=o&&o<120?(d=l,c=s,u=0):120<=o&&o<180?(d=0,c=s,u=l):180<=o&&o<240?(d=0,c=l,u=s):240<=o&&o<300?(d=l,c=0,u=s):300<=o&&o<360&&(d=s,c=0,u=l),d=Math.round(255*(d+p)),c=Math.round(255*(c+p)),u=Math.round(255*(u+p)),i&&(d=+(d/255*100).toFixed(1),c=+(c/255*100).toFixed(1),u=+(u/255*100).toFixed(1));var g={R:d,G:c,B:u,A:a,display:"rgb(".concat(d).concat(f).concat(c).concat(f).concat(u,")"),displayAlpha:"rgba(".concat(d).concat(f).concat(c).concat(f).concat(u).concat(f).concat(a,")")},m=t.modeTarget===t.rgb,b=t.modeTarget===t.rgba;return m?g.display:b?g.displayAlpha:g}return"Invalid color"}(l,this)}},{key:"convertNameToHex",value:function(){var e=this.color,t=this.modeTarget===this.hexAlpha,o=this.modeTarget===this.hexShort,n=this.modeTarget===this.hexLong,r=this.colorNames[e.toLowerCase()];return r?t?"".concat(r,"ff"):n?r:o?this.getShortHex(r):void 0:this.setNotConvertedState()}},{key:"convertNameToHsl",value:function(){var e=this.color,t=this.colorNames[e.toLowerCase()];return t?(this.color=t,this.convertHexToHsl()):this.setNotConvertedState()}},{key:"convertNameToName",value:function(){return this.color}},{key:"convertNameToRgb",value:function(){var e=this.color,t=this.colorNames[e.toLowerCase()];return t?(this.color=t,this.convertHexToRgb()):this.setNotConvertedState()}},{key:"convertRgbToHex",value:function(e){e&&"object"!==!s(e)||(e=this.formatParts("rgb",this.color));var t=e,o=t.R,n=t.G,r=t.B,i=t.A,a=void 0===i?1:i,l=(t.display,"rgba(".concat(o,",").concat(n,",").concat(r,",").concat(a,")"));if(this.separator,/^rgba\((((((((1?[1-9]?\d)|10\d|(2[0-4]\d)|25[0-5]),\s?)){3})|(((([1-9]?\d(\.\d+)?)|100|(\.\d+))%,\s?){3}))|(((((1?[1-9]?\d)|10\d|(2[0-4]\d)|25[0-5])\s){3})|(((([1-9]?\d(\.\d+)?)|100|(\.\d+))%\s){3}))\/\s)((0?\.\d+)|[01]|(([1-9]?\d(\.\d+)?)|100|(\.\d+))%)\)$/i.test(l)){for(var d in(l=(l=l.substr(5).split(")")[0]).split(",")).indexOf("/")>-1&&l.splice(3,1),l){var c=l[d];if(c.indexOf("%")>-1){var u=c.substr(0,c.length-1)/100;l[d]=d<3?Math.round(255*u):u}}o=(+l[0]).toString(16),n=(+l[1]).toString(16),r=(+l[2]).toString(16),a=Math.round(255*+l[3]).toString(16),1==o.length&&(o="0"+o),1==n.length&&(n="0"+n),1==r.length&&(r="0"+r),1==a.length&&(a="0"+a);var h=this.getShortHex("#".concat(o).concat(n).concat(r)),f=this.modeTarget===this.hexAlpha,p=this.modeTarget===this.hexShort,g=this.modeTarget===this.hexLong;return f?"#".concat(o).concat(n).concat(r).concat(a):g?"#".concat(o).concat(n).concat(r):p?h:{R:o,G:n,B:r,A:a,display:"#".concat(o).concat(n).concat(r),displayAlpha:"#".concat(o).concat(n).concat(r).concat(a),displayShort:h}}return"Invalid color"}},{key:"convertRgbToHsl",value:function(e){e&&"object"!==!s(e)||(e=this.formatParts("rgb",this.color));var t=e,o=t.R,n=t.G,r=t.B,i=t.A,a=void 0===i?1:i,l=(t.display,t.displayAlpha),d=0,c=0,u=0,h=this.separator;return function(e,t){if(/^rgba\((((((((1?[1-9]?\d)|10\d|(2[0-4]\d)|25[0-5]),\s?)){3})|(((([1-9]?\d(\.\d+)?)|100|(\.\d+))%,\s?){3}))|(((((1?[1-9]?\d)|10\d|(2[0-4]\d)|25[0-5])\s){3})|(((([1-9]?\d(\.\d+)?)|100|(\.\d+))%\s){3}))\/\s)((0?\.\d+)|[01]|(([1-9]?\d(\.\d+)?)|100|(\.\d+))%)\)$/i.test(e)){for(var i in(e=e.substr(5).split(")")[0].split(h)).indexOf("/")>-1&&e.splice(3,1),e){var s=e[i];if(s.indexOf("%")>-1){var l=s.substr(0,s.length-1)/100;i<3&&(e[i]=Math.round(255*l))}}o=e[0]/255,n=e[1]/255,r=e[2]/255,a=e[3];var f=Math.min(o,n,r),p=Math.max(o,n,r),g=p-f;d=0==g?0:p==o?(n-r)/g%6:p==n?(r-o)/g+2:(o-n)/g+4,(d=Math.round(60*d))<0&&(d+=360),u=(p+f)/2,c=+(100*(c=0==g?0:g/(1-Math.abs(2*u-1)))).toFixed(1),u=+(100*u).toFixed(1),c="".concat(parseInt(c),"%"),u="".concat(parseInt(u),"%");var m={H:d,S:c,L:u,A:a,display:"hsl(".concat(d).concat(h).concat(c).concat(h).concat(u,")"),displayAlpha:"hsla(".concat(d).concat(h).concat(c).concat(h).concat(u).concat(h).concat(a,")")},b=t.modeTarget===t.hsl,v=t.modeTarget===t.hsla;return b?m.display:v?m.displayAlpha:m}return"Invalid input color"}(l,this)}},{key:"convertRgbToName",value:function(){if(this.colorIsTransparent)return this.returnTransparent();var e=this.convertRgbToHex().display;return this.matchHexToName(e)}},{key:"convertRgbToRgb",value:function(){this.color;var e=this.formatParts("rgb",this.color),t=(e.R,e.G,e.B,e.A,e.display),o=e.displayAlpha,n=this.modeTarget===this.rgb,r=this.modeTarget===this.rgba;return this.colorMode=this.rgba,this.colorMode=this.rgb,r?o:n?t:void 0}},{key:"addNotConvertedClass",value:function(){this.cell.classList.add(this.notConvertedClass)}},{key:"addInvalidClass",value:function(){this.cell.classList.add(this.notValidClass)}},{key:"convertColorForConversions",value:function(e){return this.columnHasModeAttr&&e===this.transparent?"rgba(0, 0, 0, 0)":e}},{key:"formatParts",value:function(e,t){var o,n=e.toUpperCase(),r=this.getParts(t),i=this.separator,s=r[3]||1,l=n[0],d=n[1],c=n[2];return a(o={},l,r[0]),a(o,d,r[1]),a(o,c,r[2]),a(o,"A",s),a(o,"display","".concat(e,"(").concat(r[0]).concat(i).concat(r[1]).concat(i).concat(r[2],")")),a(o,"displayAlpha","".concat(e,"a(").concat(r[0]).concat(i).concat(r[1]).concat(i).concat(r[2]).concat(i).concat(s,")")),o}},{key:"getAlphaHex",value:function(){var e=this.color;return 4===e.length?"#".concat(e[1]).concat(e[1]).concat(e[2]).concat(e[2]).concat(e[3]).concat(e[3],"ff"):7===e.length?"".concat(e,"ff"):e}},{key:"getAttrFromColumn",value:function(e){return this.column.getAttribute(e)}},{key:"getLongHex",value:function(e){return 4!==e.length?e:"#".concat(e[1]).concat(e[1]).concat(e[2]).concat(e[2]).concat(e[3]).concat(e[3])}},{key:"getModeFromColor",value:function(){var e,t=this.color;return"#"===t[0]?(4===t.length&&(e=this.hexShort),7===t.length&&(e=this.hexLong),9===t.length&&(e=this.hexAlpha)):e=t.includes("".concat(this.hsl,"("))?this.hsl:t.includes("".concat(this.hsla,"("))?this.hsla:t.includes("".concat(this.rgb,"("))?this.rgb:t.includes("".concat(this.rgba,"("))?this.rgba:!!this.isColorNameMatch(t)&&this.name,e}},{key:"getParts",value:function(e){var t=e.replace(/ /g,""),o=t.indexOf("(")+1;return t.substring(o,t.length-1).split(",")}},{key:"getPercentage",value:function(e){var t=parseFloat(e).toFixed(2);return"".concat(Math.round(100*t),"%")}},{key:"getShortHex",value:function(e){var t=this.getShortHexPart("".concat(e[1]).concat(e[2])),o=this.getShortHexPart("".concat(e[3]).concat(e[4])),r=this.getShortHexPart("".concat(e[5]).concat(e[6])),i="#".concat(t).concat(o).concat(r);return 4===i.length?i:this.colorMode===n.Z.columnType.color.modes.name?(this.addNotConvertedClass(),e):this.setNotConvertedState()}},{key:"getShortHexPart",value:function(e){return e[0]===e[1]?e[0]:e}},{key:"isColorNameMatch",value:function(e){return this.colorKeys.filter((function(t){return t===e.toLowerCase()}))[0]}},{key:"isColorNameHexMatch",value:function(e){var t,o=this;return this.colorValues.forEach((function(n,r){return n===e.toLowerCase()?t=o.colorKeys[r]:n})),t}},{key:"matchHexToName",value:function(e){var t=this.isColorNameHexMatch(e);return t||this.setNotConvertedState()}},{key:"returnTransparent",value:function(){return this.colorRaw===this.transparent?this.colorRaw:this.colorIsTransparent?this.setNotConvertedState():void 0}},{key:"setNotConvertedState",value:function(){return this.columnHasModeAttr&&this.addNotConvertedClass(),this.color}},{key:"setNotValidState",value:function(){return this.columnHasModeAttr&&this.addInvalidClass(),this.color}},{key:"setSeparator",value:function(){return this.spacesTarget===this.spaces.invalid?",":this.spacesTarget===this.spaces.inherit?this.color.includes(" ")||this.colorMode===this.modes.name?", ":",":", "}},{key:"init",value:function(){return this.formatColor()}}])&&l(t.prototype,o),r&&l(t,r),Object.defineProperty(t,"prototype",{writable:!1}),e}();var u=o(19791);var f=o(1009);var p=o(2568);const g=function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var i=t[t.length-2],a=t[t.length-1],s=r.Ld.formatCellData({args:t,cellDOM:i,cellSE:a});if(!s)return"";var l=a.widget.store,d=a.rawData()||s,c=a._columnConfig.sTypeImageSrc||d;if(a._columnConfig.sTypeImageSrc&&(c=l.processTemplate(c,null,a)),!c||"string"!=typeof c)return"";c=c.split(" ");var u="";return c.forEach((function(e){return u+=function(e,t){var o=t.widget.store,i=t._columnConfig.sCellType===n.Z.cellTypes.gravatar,a=t._columnConfig.sTypeImageAlt;a&&(a=o.get(t.sTargetRecordIndex,a)||a);a=a||""===a?a:e;var s=t._columnConfig.sContentStyle,l=i?"display:inline-block;height:auto;overflow:hidden;word-wrap:break-word;max-width:80%;":"display:inline-block;height:auto;overflow:hidden;word-wrap:break-word;",d=s||"",c="";i||-1!==d.indexOf("max-width")||t._columnConfig.sContentWidth||(l+="max-width:100%;");var u=r.bF(t._columnConfig.sContentWidth,d,!1);u&&(d+=u);var h=t._columnConfig.sTypeImageMask||"";if(h&&"circle"===h)c="-webkit-clip-path: circle();clip-path: circle();";if(i){var f=p(e.trim().toLowerCase());e="https://www.gravatar.com/avatar/".concat(f)}var g='style="'.concat(l).concat(d).concat(c,'"');return'<img src="'.concat(e,'" alt="').concat(a,'" ').concat(g,">")}(e,a)})),u};function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function v(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==b(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==b(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===b(i)?i:String(i)),n)}var r,i}var y=new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.oRegisteredRenderer={}}var t,o,n;return t=e,(o=[{key:"registerRenderer",value:function(e,t){this.oRegisteredRenderer[e]=t}},{key:"getRenderer",value:function(e){return this.oRegisteredRenderer[e]}}])&&v(t.prototype,o),n&&v(t,n),Object.defineProperty(t,"prototype",{writable:!1}),e}());y.registerRenderer("aggregate",(function(){var e,t=(e=arguments.length-1)<0||arguments.length<=e?void 0:arguments[e];return t.widget.aggregateManager.calculateAggregateRow(t)})),y.registerRenderer("boolean",(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var n=t[t.length-1],r=n._columnConfig&&n._columnConfig.sSeparator||" ";return t.filter((function(e,o){return o<t.length-2})).reduce((function(e,t,o){var n;return n=null==t?"":t?"True":"False",0===o?"".concat(e).concat(n):"".concat(e).concat(r).concat(n)}),"")})),y.registerRenderer("button",(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];t[t.length-2];var n=t[t.length-1],r=n.widget,i=n._columnConfig,a=t.slice(0,-2),s=i.sTypeButtonLabel||a[0]||"";s=r.store.processTemplate(s.toString(),null,n);var l=i.sTypeButtonTooltip,d=r.store.processTemplate(i.sTypeButtonIcon,null,n),c=r.store.processTemplate(i.sTypeButtonUrl,null,n),u=i.fnTypeButtonHandler,h=i.sTypeButtonHandler,f=i.sButtonBorder,p=document.createElement("zg-button");p.parentCell=n,void 0!==f&&(p.forceBorder=f);var g=p.getDisabledStatus(i.bTypeButtonDisabled,r);return p.disabled=g,l&&(p.customTooltip=l),(u&&u.method||h)&&(p.fnHandler=u,p.handler=h),c&&p.addEventListener("click",(function(e){return t=c,void(g||(window.location=t));var t})),d&&p.insertAdjacentHTML("afterbegin",'<zg-icon name="'.concat(d,'" slot="icon"></zg-icon>')),p.insertAdjacentHTML("beforeend",s),p})),y.registerRenderer("checkbox",(function(e,t,o){var n="string"==typeof e?e.toLowerCase():e,r=["false",!1,0].indexOf(n)>-1,i=["true",!0,1].indexOf(n)>-1;if(!r&&!i)return e;var a,s=i,l=[0,1].indexOf(e)>-1,d=o._columnConfig.sTypeCheckboxLabel,c=document.createElement("zg-checkbox");if(c.checked=i,c.setAttribute("parent","cell"),d){var u=document.createElement("label");u.setAttribute("style","display:inline-flex;align-items:center;cursor:pointer;line-height:1;");var h=document.createElement("span");h.textContent=d,u.addEventListener("click",f),c.setAttribute("style","margin-right:4px;pointer-events:none;"),u.appendChild(c),u.appendChild(h),a=u}else c.style.cursor="pointer",c.addEventListener("click",f),a=c;return a;function f(e){e.stopPropagation();var t=!s;l&&(t=t?1:0),o.rawData(t)}})),y.registerRenderer("code",(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var n=t[t.length-2],i=t[t.length-1],a=r.Ld.formatCellData({args:t,cellDOM:n,cellSE:i}),s=i._columnConfig.sContentStyle||"";s+=r.bF(i._columnConfig.sContentWidth,s,!0);var l='style="'.concat("").concat(s,'"');return"<code ".concat(l,"><pre>").concat(a,"</pre></code>")})),y.registerRenderer("color",(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var n=t[t.length-2],r=t[t.length-1]._columnConfig.oDOMZGColumn,i=n,a=t.filter((function(e,o){return o<t.length-2}))[0];return new c({color:a,cell:i,column:r}).init()})),y.registerRenderer("currency",(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var n=t[t.length-2],i=t[t.length-1],a=r.Ld.formatCellData({args:t,cellDOM:n,cellSE:i});if(isNaN(parseInt(a)))return a;var s,l=i._columnConfig.sLocale||u.default.getLocale(i.widget)||"en-US",d={style:"currency",currency:i._columnConfig.sTypeCurrency||"USD"};r.FE(d,i._columnConfig);try{s=new Intl.NumberFormat(l,d).format(a)}catch(e){s=a}return s})),y.registerRenderer("date",(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var n,i=t[t.length-2],a=t[t.length-1],s=a.widget,l=r.Ld.formatCellData({args:t,cellDOM:i,cellSE:a}),d=a._columnConfig.sLocale||u.default.getLocale(s)||"en-US",c=a._columnConfig.sTypeDateFormat||null,h=a._columnConfig.bTypeDateFromNow||!1;try{var p=f.kB(l);n=c?f.p6(p,c,d,s):h?f.Zh(p,!1,s):new Intl.DateTimeFormat(d).format(p)}catch(e){n=l}return n})),y.registerRenderer("element",(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var n=t[t.length-2],i=t[t.length-1],a=r.Ld.formatCellData({args:t,cellDOM:n,cellSE:i}),s="code"===(i.sCellType||"").toLowerCase()?"code":i._columnConfig.sElementTagName||"span",l=i._columnConfig.sElementAttributeName,d=i._columnConfig.sContentStyle,c=l?" ".concat(l,'="').concat(a,'"'):"",u=l?"":"".concat(a),h=d||"";h+=r.bF(i._columnConfig.sContentWidth,h,!0);var f='style="'.concat("").concat(h,'"');return'style="true"'==f&&(f=""),"<".concat(s," ").concat(c," ").concat(f,">").concat(u,"</").concat(s,">")})),y.registerRenderer("email",(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var n=t[t.length-2],i=t[t.length-1],a=r.Ld.formatCellData({args:t,cellDOM:n,cellSE:i}),s=i._columnConfig.sContentStyle||"";s+=r.bF(i._columnConfig.sContentWidth,s,!0);var l='style="'.concat("").concat(s,'"');return'<a href="mailto:'.concat(a,'" ').concat(l,">").concat(a,"</a>")})),y.registerRenderer("icon",(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var n=t[t.length-2],i=t[t.length-1],a=r.Ld.formatCellData({args:t,cellDOM:n,cellSE:i}).toLowerCase();return a=a.replace(/ /gi,"-"),'<zg-icon name="'.concat(a,'"></zg-icon>')})),y.registerRenderer("image",g),y.registerRenderer("key",(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var n,i=t[t.length-2],a=t[t.length-1];if(a._columnConfig){var s=a._columnConfig&&a._columnConfig.sSeparator||" ",l=a._columnConfig.sTypeRadioOptions||a._columnConfig.aSelectOptions||a._columnConfig.sTypeKeyOptions;"string"==typeof l&&(l=r.Ld.formatToArray(l));var d=t.filter((function(e,o){return o<t.length-2})),c=[];l&&l.forEach((function(e){e&&e.value&&e.name&&(c[e.value]=e.name)})),n=d.reduce((function(e,t,o){var n;return n=null==t?"":c[t]?c[t]:t,0===o?"".concat(e).concat(n):"".concat(e).concat(s).concat(n)}),"")}else n=r.Ld.formatCellData({args:t,cellDOM:i,cellSE:a});return n})),y.registerRenderer("iframe",(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var n=t[t.length-2],i=t[t.length-1],a=r.Ld.formatCellData({args:t,cellDOM:n,cellSE:i});if(!a)return"";var s=i._columnConfig.sContentStyle,l=i._columnConfig.sTypeIframeRatio,d=i._columnConfig.sContentWidth;d||(d="100%");var c="position:relative;padding-top:".concat("square"===l?"100%":"56.25%",";width:100%;overflow:hidden;"),u=s||"";u+=r.bF(d,u,!0);var h='style="'.concat("position:absolute;top:0;left:0;height:100%;border:0;").concat(u,'"');return'<div class="iframe-wrapper" style="'.concat(c,'"><iframe src="').concat(a,'" ').concat(h,"></iframe></div>")})),y.registerRenderer("number",(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var n=t[t.length-1],i=n._columnConfig.sLocale||u.default.getLocale(n.widget)||"en-US",a=t.filter((function(e,o){return o<t.length-2})),s=n._columnConfig.sTypeNumberFormatting,l={};if("disabled"===s)return a;r.FE(l,n._columnConfig);var d=n._columnConfig&&n._columnConfig.sSeparator||" ";return a.reduce((function(e,t,o){var n;return n=null==t||isNaN(t)||""===t?"":new Intl.NumberFormat(i,l).format(t),0===o?"".concat(e).concat(n):"".concat(e).concat(d).concat(n)}),"")})),y.registerRenderer("password",(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var n=t.filter((function(e,o){return o<t.length-2})),r=t[t.length-1],i=r._columnConfig&&r._columnConfig.sSeparator||" ",a=n.reduce((function(e,t,o){var n;return n=null==t?"":"".concat(t).replace(/./g,"*"),0===o?"".concat(e).concat(n):"".concat(e).concat(i).concat(n)}),"");return a||""})),y.registerRenderer("percentage",(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var n=t[t.length-1],i=t.filter((function(e,o){return o<t.length-2})),a={style:"percent"};r.FE(a,n._columnConfig);var s=n._columnConfig&&n._columnConfig.sSeparator||" ",l=n._columnConfig.sLocale||u.default.getLocale(n.widget)||"en-US";return i.reduce((function(e,t,o){var n;return n=null==t||isNaN(t)||""===t?"":new Intl.NumberFormat(l,a).format(t),0===o?"".concat(e).concat(n):"".concat(e).concat(s).concat(n)}),"")})),y.registerRenderer("text",(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var n=t[t.length-2],i=t[t.length-1],a=r.Ld.formatCellData({args:t,cellDOM:n,cellSE:i});if(!i._columnConfig)return"";var s=a;return"string"==typeof s&&i._columnConfig&&"disabled"!==i._columnConfig.sTranslateNewline&&(s=s.replace(/\n/g,"<br>")),s})),y.registerRenderer("toggle",(function(e,t,o){var n,r=!!o._columnConfig.oDOMZGColumn.renderer,i=!!o._columnConfig.aTypeToggleOptions,a=!!o._columnConfig.bTypeToggleRenderValue,s=o._columnConfig.aTypeToggleOptions||[!1,!0],l=s.length,d=null,c=document.createElement("span");return r&&(d=o.fnRenderer),"object"===m(s[0])?(d=null,n=s.findIndex((function(t){return t.value==e}))):(n=!1===e?0:!0===e?1:s.indexOf(e),s=s.map((function(e,t){return{render:e,value:2!==l||a?e:1===t}}))),u(n),c.addEventListener("click",(function(){var e=(n+1)%l,t=u(e);o.rawData(t),n=e})),c;function u(e){var t,n,r=s[e];if(d){var a=d.scope||o;n=d.method.apply(a,[r.render])||"",t=r.value}else"object"===m(r)?(n=r.render,t=r.value):(n=r,t=i?r:!!e);return c.innerHTML=n,t}})),y.registerRenderer("url",(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var n=t[t.length-2],i=t[t.length-1],a=r.Ld.formatCellData({args:t,cellDOM:n,cellSE:i}),s=i.widget.store,l=i._columnConfig.sTypeUrlText,d=i._columnConfig.sTypeUrlIcon,c=i._columnConfig.sTypeUrlTarget||"_blank",u=i._columnConfig.sTypeUrlSrc||a;i._columnConfig.sTypeUrlSrc&&(u=s.processTemplate(u,null,i)),l&&(l=s.get(i.sTargetRecordIndex,l)||l),l=l||a;var h=i._columnConfig.sContentStyle||"";h+=r.bF(i._columnConfig.sContentWidth,h,!0);var f='style="'.concat("display:inline-block;").concat(h,'"');return d?'<a href="'.concat(u,'" target="').concat(c,'" ').concat(f,'><zg-icon name="').concat(d,'"></zg-icon></a>'):'<a href="'.concat(u,'" target="').concat(c,'" ').concat(f,">").concat(l,"</a>")})),y.registerRenderer(n.Z.internalColumn.recordselector,(function(e,t,o){var r,i,a=void 0===o,s=a?this.oDOMZGColumn.widget:o.widget,l=this.sColumnId+s.randomKey;return t&&(r=t.querySelector("zg-checkbox")),i=!r||s.bPreloaded,r||(r=document.createElement("zg-checkbox"),a&&r.setAttribute("header",!0),r.setAttribute(n.Z.attr.internalselector,""),r.setAttribute(n.Z.zgLayout.attr,s.layoutManager.sCurrentType),r.setAttribute("parent",a?"head":"body")),r.setAttribute("name",l),i&&(r.on("statechanged",(function(e,t){if(a)for(var n=document.querySelectorAll('zg-row:not([hidden]) zg-checkbox[name="'.concat(l,'"]')),i=0;i<n.length;i++)n[i]!==r&&n[i].parentNode.assignedSlot&&!n[i].getAttribute("header")&&(n[i].checked===t||!t&&void 0===n[i].checked||(n[i].checked=t));else{var d=o.sTargetRecordIndex,c=s.store.get(d);if(t)s.aSelectedRows[d]=c;else{delete s.aSelectedRows[d];for(var u=document.getElementsByName(l),h=0;h<u.length;h++){var f=u[h];f.getAttribute("header")&&f.singleUncheck()}}s.updateCaption(),s.fire("rowselectionchanged",d,t)}})),s.on("rowdeselect",(function(){return r.checked=!1})),s.on("pagechange",(function(){return r.checked=!1})),s.on(n.Z.event.pagesizechange,(function(){return r.checked=!1})),s.on("layoutchange",(function(){return r.checked=!1})),s.on("roworderchange",(function(){return r.checked=!1})),s.store.on("removerecord",(function(){return r.checked=!1})),s.store.on("duplicaterecord",(function(){return r.checked=!1})),s.store.on("insertrecord",(function(){return r.checked=!1}))),r})),y.registerRenderer(n.Z.internalColumn.recordeditor,(function(){var e,t=(e=arguments.length-1)<0||arguments.length<=e?void 0:arguments[e],o=t.widget,r=t._columnConfig.sButtonBorder;if(!1===o.store.oDataRequest.updateOptions.row)return null;var i=document.createElement(n.Z.zgButton.tagName);return i.action="editrecord",i.parentCell=t,i.disabled=o.batchEditor.isActive(),void 0!==r&&i.setAttribute(n.Z.zgButton.forceBorderAttr,r),i})),y.registerRenderer(n.Z.internalColumn.recordremover,(function(e,t,o){var r=o.widget,i=r.batchEditor,a=o._columnConfig.sButtonBorder;if(!1===r.store.oDataRequest.deleteOptions)return null;var s="removerecord";i.isActive()&&r.dirtyManager.isDirtyDelete(o.sTargetRecordIndex)&&(s="undoremoverecord");var l=document.createElement(n.Z.zgButton.tagName);return l.action=s,l.parentCell=o,void 0!==a&&l.setAttribute(n.Z.zgButton.forceBorderAttr,a),l})),y.registerRenderer(n.Z.internalColumn.rownumber,(function(){var e,t,o=(e=arguments.length-1)<0||arguments.length<=e?void 0:arguments[e],n=(t=arguments.length-2)<0||arguments.length<=t?void 0:arguments[t],r=o.widget;if(n.parentNode&&"frozen"===n.parentNode.getAttribute("type"))return"";var i=r.getRowIndexByDataRowContainerIndex(o.nStartRowIndex),a=r.aRowMapping[i].nDataRowsBefore;return((void 0!==a?a:i)+1).toString()})),y.registerRenderer(n.Z.internalColumn.rowgroup,(function(){for(var e,t,o,r,i,a=(e=arguments.length-1)<0||arguments.length<=e?void 0:arguments[e],s=a.widget,l=a.sGroupRecordIndex,d=l.split(s.sNestedGroupDataSeparator).map((function(e){return e.trim()})),c=d[d.length-1],h=a._columnConfig,f=h.oDOMRenderTemplate||h.body,p=h.fnGroupRenderer,g=h.sDefaultDisplay||s.sDefaultDisplay,m=s.groupbyManager,b=m.getGroupParent(l),v=m.getGroupCount(c,b),y=s.getRowIndexByDataRowContainerIndex(a.nStartRowIndex),w=s.aRowMapping[y],z=b[d[d.length-1]].open,C=c.replaceAll(n.Z.global.replaceToken,s.sNestedGroupDataSeparator),S="null"===c||""===c||"undefined"===c,k="",x=1;x<d.length;x++)k+="&nbsp;&nbsp;&nbsp;&nbsp;";var O=document.createElement("div");O.setAttribute(n.Z.zgCell.cellGroupAttr,""),O.innerHTML=k;var _=document.createElement(n.Z.zgButton.tagName);_.action=z?"closerowgroup":"openrowgroup",O.appendChild(_),t=function(e,t,o,n){var r;if(e.bTypeGroupHideCount)r="";else if(t.oPageData){var i=u.default.get("pagination.pageOf",n),a="".concat(t.oPageData.nTotalSeen," - ").concat(t.oPageData.nMaxOnPage," ").concat(i," ").concat(t.oPageData.nTotal);r=" (".concat(a,")")}else r=" (".concat(o,")");return r}(h,w,v,s),(f||p)&&(r=m.calculateGroupData(a,v,c,C,b,w),i=m.calculateIndexData(a)),o=f?m.calculateTemplate(i,r,f):S&&g?"".concat(g).concat(t):"".concat(C).concat(t),p&&(o=function(e,t,o,n){var r=n.method.apply(n.scope,[e,t,o])||"";return r}(i,r,w,p));var R=document.createElement("span");return R.setAttribute(n.Z.attr.internalspan,""),R.dir="ltr",R.innerHTML=o,(h.oDOMDetailsTemplate||h.fnDetailsRenderer)&&(R.style.cursor="pointer",R.style.color="blue",R.style.textDecoration="underline"),O.appendChild(R),O.innerHTML})),y.registerRenderer(n.Z.internalColumn.recordinfo,(function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var i=t[t.length-2],a=t[t.length-1],s=(r.Ld.formatCellData({args:t,cellDOM:i,cellSE:a}),a.widget),l=a._columnConfig.cellTooltipIcon||s.oCellTooltip.cellTooltipIcon||"info";return this.ZGButton=document.createElement(n.Z.zgIcon.tagName),this.ZGButton.setAttribute(n.Z.attr.internalcell,""),this.ZGButton.name=l,this.ZGButton.parentCell=a,this.ZGButton})),y.registerRenderer(n.Z.internalColumn.recordduplicate,(function(e,t,o){var r=o._columnConfig.sButtonBorder,i=document.createElement(n.Z.zgButton.tagName);return i.action="duplicaterecord",i.parentCell=o,void 0!==r&&i.setAttribute(n.Z.zgButton.forceBorderAttr,r),i}));const w=y;var z=o(52770);const C={init:function(e,t){},onOpen:function(e,t,o){if(!("color"===e.sCellType))return o;var r=t.querySelector("#".concat(n.Z.zgEditorRow.fieldLabelId));if(this.sStartValue=o.trim(),this.colorFormatter=new c({color:this.sStartValue}),this.sNewValue=this.colorFormatter.convertToHex(n.Z.columnType.color.modes.hexLong),!t.querySelector("input")){var i=document.createElement("span"),a=i.cloneNode();a.classList.add(n.Z.zgEditorRow.colorWrapClass);var s=i.cloneNode();s.classList.add(n.Z.zgEditorRow.colorPickerClass),s.style.background=this.sNewValue,this.oPicker=s;var l=z.Z.createInput("color",t,e);l.value=this.sNewValue,l.addEventListener("change",S.bind(this));var d=i.cloneNode();d.classList.add(n.Z.zgEditorRow.colorLabelClass),d.textContent=this.sNewValue,this.oLabel=d,this.oPicker.appendChild(l),a.appendChild(this.oPicker),a.appendChild(this.oLabel),r.appendChild(a),setTimeout((function(){return l.click()}))}},onClose:function(e){return this.colorFormatter.modeTarget=this.colorFormatter.colorMode,this.colorFormatter.colorMode=n.Z.columnType.color.modes.hexLong,this.colorFormatter.color=this.sNewValue,this.colorFormatter.convertColor()}};function S(e){var t=e.target.value;this.oPicker.style.background=t,this.oLabel.textContent=t,this.oPicker.style.borderColor="#ffffff"===t?"#ebebeb":"transparent",this.sNewValue=t}const k={init:function(e,t){this.oDOMInput=z.Z.createInput("number",t,e)},onOpen:z.Z.onOpen,onClose:z.Z.onNumberClose},x={init:function(e,t){this.oDOMInput=z.Z.createInput("checkbox",t,e)},onOpen:function(e,t,o){t.querySelector("input").checked=o},onClose:function(e){return e.querySelector("input").checked}},O={init:function(e,t){this.oDOMInput=z.Z.createInput("date",t,e)},onOpen:function(e,t,o){var n=t.querySelector("input"),r=f.kB(o),i=r.getMonth()+1;i<10&&(i="0"+i);var a=r.getDate();a<10&&(a="0"+a),n.value=r.getFullYear()+"-"+i+"-"+a},onClose:function(e){return e.querySelector("input").value},bCalculateWidth:!0};o(31769);const _={init:function(e,t){var o=e._columnConfig.aSelectOptions||e.widget.store.getUniqueDataByFieldIndex(e._columnConfig.sFieldIndex),n=e._columnConfig.bTypeSelectMultiple||!1,i=r.ZT(o);i.multiple=n,t.appendChild(i)},onOpen:function(e,t,o){var n=t.querySelector("select"),r=e._columnConfig.bTypeSelectMultiple||!1,i=[o=o?""+o:e._columnConfig.sTypeSelectDefaultValue||""];r&&(i=o.split(",").map((function(e){return e.trim()})));for(var a=0;a<n.options.length;a++)n.options[a].selected=-1!==i.indexOf(n.options[a].value)},onClose:function(e){for(var t=e.querySelector("select"),o="",n=0;n<t.options.length;n++)t.options[n].selected&&(o+=t.options[n].value+", ");return""!==o&&(o=o.slice(0,-2)),o}};function R(e){return R="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},R(e)}const E={init:function(e,t){},onOpen:function(e,t,o){var i=this,a=e.widget.randomKey,s=t.querySelector("#".concat(n.Z.zgEditorRow.fieldLabelId));this.sStartValue=o?o.trim():"",this.sNewValue=this.sStartValue;var l=e._columnConfig.sTypeRadioOptions;if(!l)return this.sStartValue;var d=r.Ld.formatToArray(l);if(!d)return this.sStartValue;if(function(e){!e instanceof Array&&(e=[e]);var t=e.filter((function(e){return"object"===R(e)})).length;if(!t)return!1;if(e.length!==t)return!0;var o=e.filter((function(e){return"object"===R(e)&&e.name&&e.value}));return e.length!==o.length}(d))return this.sStartValue;if(!t.querySelector('input[type="radio"]')){var c=document.createElement("span");c.classList.add(n.Z.zgEditorRow.radioWrapClass);var u=document.createElement("label"),h=document.createElement("input");h.type="radio",h.name=this.sColumnId+a,d.forEach((function(e){var t="object"===R(e),o=u.cloneNode(!0);o.classList.add(n.Z.zgEditorRow.radioLabelClass);var r="<span>".concat(t?e.name:e,"</span>"),a=h.cloneNode(!0);a.value=t?e.value:e,a.addEventListener("change",M.bind(i)),o.appendChild(a),o.insertAdjacentHTML("beforeend",r),c.appendChild(o)})),s.appendChild(c),this.oRadios=c.querySelectorAll('input[type="radio"]')}this.oRadios.forEach((function(e){e.value===i.sStartValue&&(e.checked=!0)}))},onClose:function(e){var t=e.querySelector("input"),o=t&&t.name||null,n=e.querySelector('input[name="'.concat(o,'"]:checked'));return o&&n?n.value:this.sNewValue}};function M(e){e.target.checked&&(this.sNewValue=e.target.value)}const D={init:function(e,t){var o=e._columnConfig.nTypeRangeMin||0,n=e._columnConfig.nTypeRangeMax||100,r=e._columnConfig.nTypeRangeStep||1;this.oDOMInput=z.Z.createInput("number",void 0,e),this.oDOMInput.min=o,this.oDOMInput.max=n,this.oDOMInput.step=r,t.appendChild(this.oDOMInput)},onOpen:z.Z.onOpen,onClose:z.Z.onNumberClose};var T=o(41090);const A={init:function(e,t){this.oDOMInput=z.Z.createInput("url",t,e)},onOpen:z.Z.onOpen,onClose:function(e){return e.querySelector("input").value}};function I(e){return I="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},I(e)}function L(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==I(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==I(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===I(i)?i:String(i)),n)}var r,i}var Z=new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.oRegisteredEditor={}}var t,o,n;return t=e,(o=[{key:"registerEditor",value:function(e,t){this.oRegisteredEditor[e]=t}},{key:"getEditor",value:function(e){return this.oRegisteredEditor[e]}}])&&L(t.prototype,o),n&&L(t,n),Object.defineProperty(t,"prototype",{writable:!1}),e}());Z.registerEditor("color",C),Z.registerEditor("number",k),Z.registerEditor("boolean",x),Z.registerEditor("date",O),Z.registerEditor("select",_),Z.registerEditor("radio",E),Z.registerEditor("range",D),Z.registerEditor("input",T.Z),Z.registerEditor("url",A);const P=Z,F={validator:function(e,t){return!isNaN(e)},message:function(e,t,o){return"'".concat(t,"' field must be set to a valid number.")}},N={validator:function(e,t){var o=t._columnConfig.nTypeRangeMin||0,n=t._columnConfig.nTypeRangeMax||100,r=isNaN(e);return r||!1===o||(r=e<o),r||!1===n||(r=e>n),!r},message:function(e,t,o,n){var r,i=n._columnConfig,a=i.nTypeRangeMin||0,s=i.nTypeRangeMax||100;return isNaN(e)&&(r="'".concat(t,"' field must be set to a valid number.")),!r&&!1!==a&&e<a&&(r="'".concat(t,"' field must be greater than ").concat(a,".")),!r&&!1!==s&&e>s&&(r="'".concat(t,"' field must be less than ").concat(s,".")),r}},B={validator:function(e,t){var o=!1;try{var n;n=parseInt(e,10)==e?parseInt(e,10):e;var r=new Date(n);new Intl.DateTimeFormat("en-US").format(r)}catch(e){o=!0}return!o},message:function(e,t,o,n){return"'".concat(t,"' field must be set to a valid date.")}},G={validator:function(e,t){try{if(new URL(e))return!0}catch(e){return!1}},message:function(e,t,o,n){return"'".concat(t,"' field must be set to a valid URL.")}};function H(e){return H="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},H(e)}function j(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==H(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==H(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===H(i)?i:String(i)),n)}var r,i}var U=new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.oRegisteredValidator={}}var t,o,n;return t=e,(o=[{key:"registerValidator",value:function(e,t){this.oRegisteredValidator[e]=t}},{key:"getValidator",value:function(e){return this.oRegisteredValidator[e]}}])&&j(t.prototype,o),n&&j(t,n),Object.defineProperty(t,"prototype",{writable:!1}),e}());U.registerValidator("number",F),U.registerValidator("range",N),U.registerValidator("date",B),U.registerValidator("url",G),U.registerValidator("email",{validator:function(e,t,o){var n=o.querySelector("input");return n&&"email"===n.type?n.validity.valid:/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)},message:function(e,t,o,n){return"'".concat(t,"' field must be set to a valid email address.")}});const W=U;var V=o(12905);const q=function(e){var t=document.createElement("input");return t.type=e,t.autoComplete="off",t.ariaInvalid=!1,t.style.width="1px",t},K={init:function(){return this.oDOMInput=q("text"),this.appendChild(this.oDOMInput)},value:function(){return this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.value},setValue:function(e){this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.value=e},triggerEvent:"keyup"},Y={init:function(){return this.oDOMInput=q("number"),this.appendChild(this.oDOMInput)},value:function(){return this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.value},setValue:function(e){this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.value=e},triggerEvent:"keyup,mouseup"},X={init:function(){var e=this.oColumnMapping.aSelectOptions||this.widget.store.getUniqueDataByFieldIndex(this.oColumnMapping.sFieldIndex);return this.oDOMSelect=r.ZT(e,!0),this.appendChild(this.oDOMSelect)},value:function(){return this.oDOMSelect=this.oDOMSelect||this.querySelector("select"),this.oDOMSelect.options[this.oDOMSelect.selectedIndex].value},setValue:function(e){this.oDOMSelect=this.oDOMSelect||this.querySelector("select");for(var t=0;t<this.oDOMSelect.options.length;t++)if(this.oDOMSelect.options[t].value===e||this.oDOMSelect.options[t].text===e){this.oDOMSelect.selectedIndex=t;break}},triggerEvent:"change",operationType:"matchList"},J={init:function(){return this.oDOMInput=q("checkbox"),this.oDOMInput.indeterminate=!0,this.oDOMInput.setAttribute("indeterminate",!0),this.oDOMInput.addEventListener("click",Q),this.appendChild(this.oDOMInput)},value:function(){return this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.indeterminate?"":this.oDOMInput.checked},setValue:function(e){this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.checked=e,this.oDOMInput.indeterminate=!1,this.oDOMInput.setAttribute("inderterminate",!1)},triggerEvent:"change",operationType:"boolMatch"};var Q=function(e){var t=e.target,o=!t.checked,n=e.target.getAttribute("indeterminate");!1===o&&"false"===n&&(t.checked=!1,t.indeterminate=!0),t.setAttribute("indeterminate",t.indeterminate)};function $(e){return $="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},$(e)}function ee(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==$(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==$(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===$(i)?i:String(i)),n)}var r,i}var te=new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.oRegisteredFilter={}}var t,o,n;return t=e,(o=[{key:"registerFilter",value:function(e,t){this.oRegisteredFilter[e]=t}},{key:"getFilter",value:function(e){return this.oRegisteredFilter[e]}}])&&ee(t.prototype,o),n&&ee(t,n),Object.defineProperty(t,"prototype",{writable:!1}),e}());te.registerFilter("text",K),te.registerFilter("boolean",J),te.registerFilter("select",X),te.registerFilter("number",Y);const oe=te;function ne(e){return ne="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ne(e)}function re(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==ne(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==ne(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===ne(i)?i:String(i)),n)}var r,i}var ie=new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.oRegisteredCellType={}}var t,o,n;return t=e,o=[{key:"getCellType",value:function(e,t,o){var n;return n=this.oRegisteredCellType[e]||o?this.oRegisteredCellType[e]:this.oRegisteredCellType.text,t&&n?n[t]:n}},{key:"getEditor",value:function(e,t){var o=P.getEditor(e);return o||(o=ie.getCellType(e,"editor",t)),o}},{key:"getValidator",value:function(e){return W.getValidator(e)}},{key:"getSorter",value:function(e){return V.Z.getSorter(e)}},{key:"getRenderer",value:function(e){return w.getRenderer(e)}},{key:"getFilter",value:function(e){return oe.getFilter(e)}},{key:"registerCellType",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o={editor:P.getEditor("input"),parser:null,renderer:w.getRenderer("text"),validator:null,sorter:V.Z.getSorter("text"),intlSorter:V.Z.getSorter("intl"),filter:oe.getFilter("text")};for(var n in t)o[n]=t[n];this.oRegisteredCellType[e]=o}}],o&&re(t.prototype,o),n&&re(t,n),Object.defineProperty(t,"prototype",{writable:!1}),e}()),ae={editor:P.getEditor("number"),renderer:w.getRenderer("number"),validator:W.getValidator("number"),sorter:V.Z.getSorter("number"),intlSorter:null,filter:oe.getFilter("number")};ie.registerCellType("element",{renderer:w.getRenderer("element")}),ie.registerCellType("iframe",{renderer:w.getRenderer("iframe"),validator:W.getValidator("url")}),ie.registerCellType("icon",{renderer:w.getRenderer("icon")}),ie.registerCellType("image",{renderer:w.getRenderer("image"),validator:W.getValidator("url")}),ie.registerCellType("image-mask",{renderer:w.getRenderer("image-mask")}),ie.registerCellType("url",{renderer:w.getRenderer("url"),editor:P.getEditor("url"),validator:W.getValidator("url")}),ie.registerCellType("boolean",{editor:P.getEditor("boolean"),renderer:w.getRenderer("boolean"),sorter:V.Z.getSorter("boolean"),intlSorter:null,filter:oe.getFilter("boolean")}),ie.registerCellType("date",{renderer:w.getRenderer("date"),editor:P.getEditor("date"),sorter:V.Z.getSorter("date"),validator:W.getValidator("date"),intlSorter:null}),ie.registerCellType("number",ae),ie.registerCellType("text"),ie.registerCellType("aggregate",{renderer:w.getRenderer("aggregate"),sorter:!1,editor:!1}),ie.registerCellType("button",{renderer:w.getRenderer("button"),editor:!1}),ie.registerCellType("checkbox",{renderer:w.getRenderer("checkbox"),sorter:V.Z.getSorter("boolean"),editor:!1}),ie.registerCellType("code",{renderer:w.getRenderer("code")}),ie.registerCellType("color",{renderer:w.getRenderer("color"),editor:P.getEditor("color")});var se=r.c7.copy(ae);se.renderer=w.getRenderer("currency"),ie.registerCellType("currency",se),ie.registerCellType("email",{validator:W.getValidator("email"),renderer:w.getRenderer("email")}),ie.registerCellType("password",{renderer:w.getRenderer("password")}),ie.registerCellType("gravatar",{renderer:w.getRenderer("image"),editor:!1});var le=r.c7.copy(ae);le.renderer=w.getRenderer("percentage"),ie.registerCellType("percentage",le),ie.registerCellType("radio",{renderer:w.getRenderer("key"),editor:P.getEditor("radio")}),ie.registerCellType("range",{renderer:w.getRenderer("number"),editor:P.getEditor("range"),validator:W.getValidator("range")}),ie.registerCellType("select",{editor:P.getEditor("select"),filter:oe.getFilter("select"),renderer:w.getRenderer("key")}),ie.registerCellType("tel"),ie.registerCellType("toggle",{renderer:w.getRenderer("toggle"),editor:!1}),ie.registerCellType(n.Z.internalColumn.recordeditor,{editor:null,renderer:w.getRenderer(n.Z.internalColumn.recordeditor),sorter:null,intlSorter:null,filter:null}),ie.registerCellType(n.Z.internalColumn.recordremover,{editor:null,renderer:w.getRenderer(n.Z.internalColumn.recordremover),sorter:null,intlSorter:null,filter:null}),ie.registerCellType(n.Z.internalColumn.recordduplicate,{editor:null,renderer:w.getRenderer(n.Z.internalColumn.recordduplicate),sorter:null,intlSorter:null,filter:null}),ie.registerCellType(n.Z.internalColumn.recordselector,{editor:null,renderer:w.getRenderer(n.Z.internalColumn.recordselector),sorter:null,intlSorter:null,filter:null}),ie.registerCellType(n.Z.internalColumn.rownumber,{editor:null,renderer:w.getRenderer(n.Z.internalColumn.rownumber),sorter:null,intlSorter:null,filter:null}),ie.registerCellType(n.Z.internalColumn.rowgroup,{editor:null,renderer:w.getRenderer(n.Z.internalColumn.rowgroup)}),ie.registerCellType(n.Z.internalColumn.recordinfo,{editor:null,renderer:w.getRenderer(n.Z.internalColumn.recordinfo),sorter:null,intlSorter:null,filter:null});const de=ie},52770:(e,t,o)=>{"use strict";o.d(t,{Z:()=>n});const n={onOpen:function(e,t,o){var n=t.querySelector("input");o||(o=t.value||""),n.value=String(o)},onNumberClose:function(e){var t=e.querySelector("input").value,o=window.parseFloat(t);return isNaN(o)&&(o=t),o},createInput:function(e,t,o){var n=document.createElement("input");return n.type=e,n.autoComplete="off",n.ariaInvalid=!1,o&&(n.name=o.sTargetFieldIndex),t&&t.appendChild(n),n}}},41090:(e,t,o)=>{"use strict";o.d(t,{Z:()=>r});var n=o(52770);const r={init:function(e,t){var o=e._columnConfig.sEditorType||e.sCellType,r="text";-1!==["tel","email","password","url"].indexOf(o)&&(r=o),this.oDOMInput=n.Z.createInput(r,t,e)},onOpen:n.Z.onOpen,onClose:function(e){return e.querySelector("input").value}}},12905:(e,t,o)=>{"use strict";function n(e){var t=e;return"string"==typeof e&&((t=new Date(e.toString().replace(/-/g,"/")))instanceof Date&&isFinite(t)||(t=new Date(e))),t}o.d(t,{Z:()=>l});const r=Intl.Collator().compare;function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function a(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,a=void 0,a=function(e,t){if("object"!==i(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===i(a)?a:String(a)),n)}var r,a}var s=new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.oRegisteredSorter={}}var t,o,n;return t=e,(o=[{key:"registerSorter",value:function(e,t){this.oRegisteredSorter[e]=t}},{key:"getSorter",value:function(e){return this.oRegisteredSorter[e]}}])&&a(t.prototype,o),n&&a(t,n),Object.defineProperty(t,"prototype",{writable:!1}),e}());s.registerSorter("number",(function(e,t){return e-t})),s.registerSorter("text",(function(e,t){return"number"==typeof e&&"number"==typeof t||(e=e?e.toString():"",t=t?t.toString():""),e>=t?1:-1})),s.registerSorter("intl",r),s.registerSorter("date",(function(e,t){return n(e)-n(t)})),s.registerSorter("boolean",(function(e,t){return e.toString()>=t.toString()?1:-1}));const l=s},54739:(e,t,o)=>{"use strict";o.d(t,{Z:()=>w});var n=o(37486),r=o(31769),i=o(87822);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function s(e){return function(e){if(Array.isArray(e))return d(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||l(e)||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 l(e,t){if(e){if("string"==typeof e)return d(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?d(e,t):void 0}}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==a(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===a(i)?i:String(i)),n)}var r,i}function u(e){var t=p();return function(){var o,n=m(e);if(t){var r=m(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===a(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function h(e){var t="function"==typeof Map?new Map:void 0;return h=function(e){if(null===e||(o=e,-1===Function.toString.call(o).indexOf("[native code]")))return e;var o;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==t){if(t.has(e))return t.get(e);t.set(e,n)}function n(){return f(e,arguments,m(this).constructor)}return n.prototype=Object.create(e.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),g(n,e)},h(e)}function f(e,t,o){return f=p()?Reflect.construct.bind():function(e,t,o){var n=[null];n.push.apply(n,t);var r=new(Function.bind.apply(e,n));return o&&g(r,o.prototype),r},f.apply(null,arguments)}function p(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}function g(e,t){return g=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},g(e,t)}function m(e){return m=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},m(e)}var b,v=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&g(e,t)}(d,e);var t,o,r,l=u(d);function d(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,d),(e=l.call(this)).bReady=!1,e.init(),e}return t=d,r=[{key:"getObservedAtts",value:function(e){return Object.keys(e).filter((function(t){return e[t].bReflectToAttribute})).map((function(e){return n.Ld.camelCaseToDash(e)}))}},{key:"_registerElement",value:function(e,t){var o=window.customElements;o.get(e)||o.define(e,t)}}],(o=[{key:"init",value:function(e,t,o,r,i,a){n.uQ(this,e,o,t,i,a),this.oAcceptedProperty=r,this.sTagName=e,this._oShadowRoot=this.shadowRoot||this._oShadowRoot,this.P=this.A=!1,this.watchProperty()}},{key:"connectedCallback",value:function(){var e=this,t=this._getHostContext();this.bRemoved=!1,t&&(this.webcomponent=t.webcomponent,this.webcomponent.bReady?(this.bHasChildNode=!!this.childNodes&&s(this.childNodes).filter((function(e){return 1===e.nodeType})).length,this.ready()):this.webcomponent.on("childrenready",(function(){e.bRemoved||e.bCancelChildrenReady||(e.bHasChildNode=!!e.childNodes&&s(e.childNodes).filter((function(e){return 1===e.nodeType})).length,e.ready()),e.bCancelChildrenReady=!1})))}},{key:"ready",value:function(){this.render(),this.ons(),this.bReady=!0,this.fire("ready")}},{key:"disconnectedCallback",value:function(){this.uns(),this.widget&&this.widget.bDisconnect&&(this.bRemoved=!0,this.bCancelChildrenReady=!0,this.webcomponent=null,this.widget=null,this.ZG=null,this._oShadowRoot=null,this.destroy())}},{key:"attributeChangedCallback",value:function(e,t,o){this._attributeHandler(e,t,o)}},{key:"watchProperty",value:function(){var e=this.oAcceptedProperty;for(var t in e)if(e.hasOwnProperty(t)){if(window.ShadyDOM&&"slot"===t)continue;this._watch(t,this._propertyHandler)}}},{key:"render",value:function(){}},{key:"ons",value:function(){}},{key:"uns",value:function(){}},{key:"cleanElements",value:function(e){for(var t=0;t<e.length;t++)this.cleanElement(e[t])}},{key:"cleanElement",value:function(e){var t=this[e];t&&(t.dom&&(t=t.dom),t.innerHTML="",t.remove(),this[e]=null)}},{key:"paint",value:function(){}},{key:"_attributeHandler",value:function(e,t,o){var r=this;if(this.P)this.P=!1;else{this.A=!0;var i,a=this.oAcceptedProperty,s=n.Ld.dashToCamelCase(e.toLocaleLowerCase()),l=o;if(a&&s in a&&a.hasOwnProperty(s)){var d=a[s];switch(d.type){case Boolean:i=null==o?null:"";break;case Object:case Array:if(""===o)i=[];else if(null==o)i=null;else if(n.kJ(o)||n.Kn(o))i=o;else try{o=o.replace(/\n/g,""),i=JSON.parse(o)}catch(t){var c="Error: There was an issue with [".concat(e,"]'s value:\n").concat(t);console.error("Uncaught ".concat(c));var u={icon:"error",state:"error",msg:c};setTimeout((function(){r.widget&&r.widget.statusManager&&r.widget.statusManager.setStatus(u)}),0)}finally{n.kJ(i)||d.type!==Array||(i=[i])}break;case Number:null==o?i=null:(i=d.bKeepDecimal?parseFloat(o):parseInt(o,10),isNaN(i)||(i+=""));break;default:i=o,!d.sBooleanDefault||""!==o&&"true"!==o||(i=d.sBooleanDefault)}if(i!==l&&!isNaN(i)&&d.type!==Array&&d.type!==Object)return void this._setAttribute(e,i);d.type===Boolean&&(i=null!=o),(i!==this[s]||d.bSetProperty)&&(this[s]=i),this.A=!1}}}},{key:"_getHostContext",value:function(){for(var e,t=this;t;){if(9===t.nodeType){t=null;break}if(11!=t.nodeType&&"[object ShadowRoot]"!==t.toString()||(t=t.host),"zing-grid"===t.tagName.toLowerCase())break;t=t.parentNode}if(e=t,!t){var o=null;o&&(e=o.widget)}return e?e.widget:null}},{key:"_hide",value:function(){this.setAttribute(i.Z.attr.hidden,"")}},{key:"_propertyHandler",value:function(e,t,o){var r=this;if(!this.bRemoved){if(this.A)return this.updateBindings(e,t,o),this.A=!1,o;this.P=!0;var i,s=this.oAcceptedProperty[e];switch(s.type){case Boolean:i=Boolean(o);break;case Number:i=null==o||!1===o?null:s.bKeepDecimal?parseFloat(o):parseInt(o,10);break;case Object:case Array:if(""===o)i=[];else if(null==o||0==o)i=null;else if(n.kJ(o)||n.Kn(o))i=o;else try{i=JSON.parse(o)}catch(e){i=JSON.parse('["'+o+'"]')}finally{n.kJ(i)||(i=[i])}break;case String:i=s.bCanBeObject&&"object"===a(o)?o:!s.sBooleanDefault||!0!==o&&""!==o?o?String(o):null:s.sBooleanDefault;break;default:i=o}if(s.bReflectToAttribute&&!s.bOneWaySync){var l=n.Ld.camelCaseToDash(e),d=i;s.type===Boolean?d=i?"":null:!s.bReflectBoolean||!0!==o&&""!==o||(d=s.sBooleanDefault),null!==d?this._setAttribute(l,d):this._removeAttribute(l)}return this.P=!1,s.bThrowEvent&&setImmediate((function(){r.widget&&!r.widget.bDisconnect&&r.widget.emitEvent(e+"Change")})),this.updateBindings(e,t,i),i}}},{key:"updateBindings",value:function(e,t,o){(e===i.Z.attr.action||e===i.Z.attr.value&&this.sTagName===i.Z.zgText.tagName)&&this.widget&&t!=o&&this._updateBinding(this.widget,this.widget,t,o),"widget"===e&&t!=o&&this.action?this._updateBinding(t,o,this.action,this.action):"widget"===e&&t!=o&&this.value&&this.sTagName===i.Z.zgText.tagName&&this._updateBinding(t,o,this.value,this.value)}},{key:"_show",value:function(){this.removeAttribute(i.Z.attr.hidden)}},{key:"togglePseudoClass",value:function(e){if(e.type&&e.oDOMTarget)switch(e.type){case"mousedown":e.oDOMTarget.classList.add(i.Z.attr.active);break;case"mouseup":e.oDOMTarget.classList.remove(i.Z.attr.active);break;case"mouseleave":e.oDOMTarget.classList.remove(i.Z.attr.hover);break;default:e.oDOMTarget.classList.add(i.Z.attr.hover)}}},{key:"_watch",value:function(e,t){var o=this,n=this[e],r=n;Object.defineProperty(this,e,{get:function(){return r},set:function(i){o.bRemoved||(!function(i){i=t.call(o,e,r,i),n=r,r=i}(i),o.widget&&o.widget.bNeedUpdate&&(o.widget.bNeedUpdate=!1,o.widget.update()))},enumerable:!0,configurable:!0})}}])&&c(t.prototype,o),r&&c(t,r),Object.defineProperty(t,"prototype",{writable:!1}),d}(h(HTMLElement)),y=function(e,t){var o="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!o){if(Array.isArray(e)||(o=l(e))||t&&e&&"number"==typeof e.length){o&&(e=o);var n=0,r=function(){};return{s:r,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,s=!1;return{s:function(){o=o.call(e)},n:function(){var e=o.next();return a=e.done,e},e:function(e){s=!0,i=e},f:function(){try{a||null==o.return||o.return()}finally{if(s)throw i}}}}(Object.getOwnPropertyNames(r.Z.prototype));try{for(y.s();!(b=y.n()).done;){!function(e){v.prototype[e]=function(){for(var t,o=arguments.length,n=new Array(o),i=0;i<o;i++)n[i]=arguments[i];return(t=r.Z.prototype[e]).call.apply(t,[this].concat(n))}}(b.value)}}catch(e){y.e(e)}finally{y.f()}v.prototype.constructor=v,v.prototype.getDOM=function(){return this};const w=v},97627:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>v});var n=o(54739),r=o(30785),i=o.n(r),a=o(49977),s=o.n(a),l=o(87822);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g=l.Z.batchEdit.tagName,m={},b=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){u(p(a.prototype),"ready",this).call(this),this.setAttribute(l.Z.attr.hidden,"")}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,b);const v=b},20986:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>v});var n=o(54739),r=o(39803),i=o.n(r),a=o(93528),s=o.n(a),l=o(87822);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g={},m=l.Z.zgBody.tagName,b=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,m,s(),i(),g)}},{key:"ready",value:function(){u(p(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.setAttribute(l.Z.attr.role,"rowgroup"),this.ZG.layout&&this.ZG.layout.length&&this.setAttribute(l.Z.zgLayout.attr,this.ZG.layout),this.widget.hasCardTemplate()&&this.ZG.getAttribute(l.Z.zgLayout.attr)===l.Z.zgLayout.typeCard&&this.setAttribute(l.Z.zgLayout.cardTplAttr,"")}},{key:"disconnectedCallback",value:function(){u(p(a.prototype),"disconnectedCallback",this).call(this)}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(m,b);const v=b},46370:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>S});var n=o(54739),r=o(40662),i=o.n(r),a=o(36932),s=o.n(a),l=o(87822),d=o(19791),c=o(37486),u=o(96766);function h(e){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function f(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==h(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==h(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===h(i)?i:String(i)),n)}var r,i}function p(){return p="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=b(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},p.apply(this,arguments)}function g(e,t){return g=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},g(e,t)}function m(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=b(e);if(t){var r=b(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===h(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function b(e){return b=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},b(e)}var v=l.Z.zgButton.tagName,y=c.SV(i(),s()),w={forceBorder:{bReflectToAttribute:!0,type:String},customDisabled:{bReflectToAttribute:!0,type:String},disabled:{bReflectToAttribute:!0,type:Boolean},handler:{bReflectToAttribute:!0,type:Function},icon:{bReflectToAttribute:!0,type:String},action:{bReflectToAttribute:!0,type:String},pageIndex:{bReflectToAttribute:!0,type:Number},customTooltip:{bReflectToAttribute:!0,type:String},widget:{}},z=n.Z.getObservedAtts(w),C=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&g(e,t)}(a,e);var t,o,n,r=m(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,n=[{key:"observedAttributes",get:function(){return z}}],(o=[{key:"init",value:function(){p(b(a.prototype),"init",this).call(this,v,s(),i(),w,y),this.setupRefs()}},{key:"ready",value:function(){var e=this;p(b(a.prototype),"ready",this).call(this);var t=this._getHostContext();this.ZG=t.webcomponent,this.setupRefs(),this.parentNode&&(this.bInMenu=this.parentNode.tagName.toLowerCase()===l.Z.zgMenuItem.tagName),this.getAttribute(l.Z.attr.role)||this.setAttribute(l.Z.attr.role,"button"),this.action&&(this.action=this.action.toLowerCase()),requestAnimationFrame((function(){return e.hookupButton(e.action)})),this.handler&&this.setCustomHandler(this.handler),void 0!==this.customDisabled&&(this.disabled=this.getDisabledStatus(this.customDisabled,t)),this.postRenderOns(),this.widget&&this.widget===t&&this._updateBinding(this.widget,this.widget,this.action,this.action),this.widget=t}},{key:"setupRefs",value:function(){this.oCheckbox||(this.oCheckbox=document.createElement(l.Z.zgCheckbox.tagName),this.oIcon=document.createElement(l.Z.zgIcon.tagName),this.oLabel=document.createElement("span"),this.oLabel.classList.add("label"),this.parentCell=null)}},{key:"hookupButton",value:function(e){if(this.oIcon){var t=this.textContent.length>0;t&&this.setAttribute(l.Z.zgButton.hasTextAttr,"");var o=e===l.Z.zgButton.action.checkbox,n=this.querySelector('[slot="'.concat(l.Z.zgButton.slot.checkbox,'"]')),r=this.querySelector('[slot="'.concat(l.Z.zgButton.slot.icon,'"]')),i=this.querySelector('[slot="'.concat(l.Z.zgButton.slot.label,'"]')),a=!!e&&this.childNodes.length>0;if(this.icon||o||!t||a||n||r||i){this.oIcon.getAttribute("name")||!e&&!this.icon||this.oIcon.setAttribute("name",e||this.icon),this.bInCaption&&e&&this.oIcon.setAttribute(l.Z.attr.internalcaption,"");var s=this.getAttribute(l.Z.attr.type);s&&this.oIcon.setAttribute(l.Z.attr.type,s),a&&(this.oLabel.innerHTML=this._addMarkupToLabel()),this.oCheckbox=n||this.oCheckbox,this.oIcon=r||this.oIcon,this.oLabel=i||this.oLabel,this.oCheckbox.slot=l.Z.zgButton.action.checkbox,this.oIcon.slot=l.Z.zgButton.slot.icon,this.oLabel.slot=l.Z.zgButton.slot.label,this.appendChild(this.oIcon),this.appendChild(this.oCheckbox),this.appendChild(this.oLabel),this._toggleElements(e),this.oDOMRow=c.MV(this,l.Z.zgRow.tagName),this.bInCaption=c.MV(this,l.Z.zgCaption.tagName),(this.bInCaption||c.MV(this,l.Z.zgFooter.tagName))&&this.setTabIndex({allowed:!this.disabled}),this.oDOMRow&&this.setAttribute(l.Z.attr.internalcell,"")}}}},{key:"postRenderOns",value:function(){this.on("mouseenter",this.togglePseudoClass,this,{},!1),this.on("mouseleave",this.togglePseudoClass,this,{},!1),this.on("mousedown",this.togglePseudoClass,this,{},!1),this.on("mouseup",this.togglePseudoClass,this,{},!1),this.on("mousedown",this.onMouseDown,this,{},!1),this.on("focus",this.onFocus,this,{},!1),this.on("blur",this.onBlur,this),this.on("keydown",this.onKeyDown,this,{},!1)}},{key:"onBlur",value:function(e,t){this.classList.remove(l.Z.zgButton.aria.focus),this.bMouseDown=!1}},{key:"onFocus",value:function(e,t){e.stopEvent(),this.bMouseDown||this.classList.add(l.Z.zgButton.aria.focus)}},{key:"onKeyDown",value:function(e,t){e.nCharCode!==e.ENTER&&e.nCharCode!==e.SPACE||(e.preventDefault(),this.bMouseDown=!1,this.click())}},{key:"onMouseDown",value:function(e,t){e.stopEvent(),"fixedmenu"!==this.action&&this.widget.focusManager.unfocusCells(),this.classList.remove(l.Z.zgButton.aria.focus),this.bMouseDown=!0}},{key:"changePagerButton",value:function(e,t){e.includes(t)?this._disable():this._enable()}},{key:"getPageIndex",value:function(){var e=parseInt(this.getAttribute("page-index"),10);return isNaN(e)?(e=parseInt(this.innerText,10),isNaN(e)?null:e-1):e}},{key:"_updatePageIndex",value:function(e){e===this.getPageIndex()?(this.setAttribute(l.Z.zgPager.currentPageAttr,""),this._disable()):(this.removeAttribute(l.Z.zgPager.currentPageAttr),this._enable())}},{key:"notifyWidget",value:function(e,t){var o,n=this.action,r=this.widget,i=r.menuManager.activeCell,a=r.menuManager.activeHeader,s=r.menuManager.activeColumn,d=r.selectorEngineManager,u=null,h=r.selector.se,f=r.batchEditor,p=r.dirtyManager;if(e.preventDefault(),e.stopPropagation(),!this._isDisabled()&&!this.hasAttribute(l.Z.attr.active))switch(r.menuManager.activeMenu&&r.menuManager.closeMenu(),n){case"batchedit":f.activate(!this.bMouseDown);break;case"batcheditcancel":f.cancelBatchEdit(!this.bMouseDown);break;case"batcheditsave":r.batchEditor.save(!this.bMouseDown);break;case"cancelrecord":o=c.MV(this,l.Z.zgCell.tagName),r.recordEditor.cancelOpenEdit(),o&&r.webcomponent.select(o.parentNode.dataRowIndex,o.cellIndex);break;case"checkbox":this.oCheckbox.checked=!this.oCheckbox.checked;break;case"closerowgroup":(o=c.MV(this,l.Z.zgCell.tagName))&&(i=d.$cell(o)).sGroupRecordIndex&&r.groupbyManager.toggleGroup(i,!1);break;case"copycell":i&&r.clipper.onKeyCtrlCDocument(i);break;case"createrecord":void 0!==i&&i||(u=this.bInMenu?r.menuManager.oButton:this),r.editorManager.openInsertEditor(null,i,u);break;case"createrecordstart":this.bInMenu&&(u=r.menuManager.oButton),r.editorManager.openInsertEditor("start",void 0,u);break;case"createrecordend":this.bInMenu&&(u=r.menuManager.oButton),r.editorManager.openInsertEditor("end",void 0,u);break;case"deselect":r.bHasSelectorEnabled&&r.selector.deSelectAll();break;case"duplicaterecord":var g;this.parentCell?g=this.parentCell.sTargetRecordIndex:this.oDOMRow?g=h.row(this.oDOMRow).sTargetRecordIndex:i&&(g=i.toRow().sTargetRecordIndex),g&&r.duplicateRecord(g);break;case"editcell":i&&r.editorManager.openEditor(i);break;case"editrecord":if(this.parentCell)r.editorManager.openEditor(this.parentCell.toRow(),void 0,this.parentCell);else if(this.oDOMRow){var m=h.row(this.oDOMRow);r.editorManager.openEditor(m)}break;case"editrow":r.editorManager.openEditor(i.toRow());break;case"firstpage":r.firstPage();break;case"fixedmenu":r.menuManager&&(r.menuManager.oButton=this,r.menuManager.openFixedMenu(e));break;case"freezecolumnleft":s&&s.oDOMZGColumn.setAttribute("frozen","left");break;case"freezecolumnright":s&&s.oDOMZGColumn.setAttribute("frozen","right");break;case"unfreezecolumn":s&&(s.oDOMZGColumn.frozen=null);break;case"hidecolumn":s&&s.oDOMZGColumn.setAttribute("hidden","");break;case"freezerowtop":i&&r.store.moveRow(i.sTargetRecordIndex,"top");break;case"freezerowbottom":i&&r.store.moveRow(i.sTargetRecordIndex,"bottom");break;case"unfreezerow":i&&r.store.moveRow(i.sTargetRecordIndex,"body");break;case"getselection":break;case"insertrecord":r.insertRow(),r.lastPage();break;case"lastpage":r.lastPage();break;case"layoutrow":case"layoutcard":r.layoutManager.layoutCtrlClick(this);break;case"menu":r.columnMenu&&(this.setAttribute(l.Z.aria.expanded,"true"),r.columnMenu.oButton=this,r.columnMenu.openColumnMenu(e));break;case"openrowgroup":(o=c.MV(this,l.Z.zgCell.tagName))&&(i=d.$cell(o)).sGroupRecordIndex&&r.groupbyManager.toggleGroup(i,!0);break;case"page":var b=this.getPageIndex();null!==b&&r.setCurrPageIdx(b);break;case"nextpage":r.nextPage();break;case"pastecell":r.clipper.onKeyCtrlVDocument();break;case"prevpage":r.prevPage();break;case"undoremoverecord":if(this.parentCell)p.unsetDirtyDelete(this.parentCell.sTargetRecordIndex);else if(this.oDOMRow){var v=h.row(this.oDOMRow);p.unsetDirtyDelete(v.sTargetRecordIndex)}else if(i){var y=i.toRow();p.unsetDirtyDelete(y.sTargetRecordIndex)}break;case"removerecord":if(this.parentCell)r.removeRow(this.parentCell.sTargetRecordIndex);else if(r.aSelectedRows&&Object.keys(r.aSelectedRows).length)r.removeSelectedRows(this);else if(this.oDOMRow){var w=h.row(this.oDOMRow);r.removeRow(w.sTargetRecordIndex)}else if(i){var z=i.toRow();r.removeRow(z.sTargetRecordIndex)}break;case"reload":!r.store.isIncrementalLoad()&&r.oDOMSortedColumn&&r.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader&&r.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader.clearStyle(!0),r.stateManager.clearState(),r.updateInitialConfig(),r.store.reload();break;case"search":r.search&&r.search.searchBtnClickToggle(e);break;case"selectall":r.bHasSelectorEnabled&&h.selectAll().select();break;case"selectcell":case"selectrow":if(r.bHasSelectorEnabled&&i){var C=i.nStartRowIndex,S=i.nStartColumnIndex;"selectcell"===n?h.cell(C,S):h.initRange(C,0,C,this.widget.aColumnMapping.length-1),h.select()}break;case"sortcolumn":a&&a.onSort();break;case"submitrecord":o=c.MV(this,l.Z.zgCell.tagName),r.recordEditor.onClickSubmit(void 0,h.cell(o));break;case"resetstate":this.widget.stateManager.clearState(!0);break;case"about":var k=r.menuManager&&r.menuManager.bFixed;this.ZG.oDOMDialog.setDialog("zg-version"),k&&this.ZG.oDOMDialog.on("dialogConfirm",(function(){return r.focusManager.focusGrid(!0)}),this)}}},{key:"updateInfo",value:function(e,t){t=t||this.action;var o=(e=e||this.widget).getCurrPageIdx(),n=e.getPageCount(),r=e.getPageSize(),i=e.store.getOriginRecordCount()||e.getRowCount(),a=["firstpage","prevpage"],s=["nextpage","lastpage"],l=e.store&&e.store.oDataFormat.bCursor,d=e.store.oDataFormat.bLoadByPages&&e.store.oDataFormat.bStartAtValue;this._toggleElements(t),(a.includes(t)||s.includes(t)||"page"===t)&&(l?"nextpage"==t?e.store.hasNextData()?this._enable():this._disable():"prevpage"==t&&(e.store.hasPrevData()?this._enable():this._disable()):d?"nextpage"===t?e.store.sStartAtValue?this._enable():this._disable():"prevpage"===t&&(0===o?this._disable():this._enable()):"page"===t?this._updatePageIndex(o):r>=i?this._disable():0===o?this.changePagerButton(a,t):o===n-1?this.changePagerButton(s,t):this._enable())}},{key:"_addMarkupToLabel",value:function(){var e=this.querySelectorAll('[slot="'.concat(l.Z.zgButton.slot.checkbox,'"]')),t=this.querySelectorAll('[slot="'.concat(l.Z.zgButton.slot.icon,'"]'));e.forEach((function(e){return e.remove()})),t.forEach((function(e){return e.remove()}));var o=this.innerHTML;return this.innerHTML="",o}},{key:"_disable",value:function(){this.disabled=!0}},{key:"_enable",value:function(){this.disabled=!1}},{key:"_isDisabled",value:function(){return this.disabled}},{key:"setTabIndex",value:function(e){var t=e.allowed;-1===this.getAttribute(l.Z.attr.tabindex)||this.hasAttribute(l.Z.attr.datafocus)||(t?this.setAttribute(l.Z.attr.tabindex,0):this.removeAttribute(l.Z.attr.tabindex))}},{key:"_toggleElements",value:function(e){e===l.Z.zgButton.action.checkbox?this.oCheckbox.removeAttribute(l.Z.attr.hidden):this.oCheckbox.setAttribute(l.Z.attr.hidden,"")}},{key:"_propertyHandler",value:function(e,t,o){if(o=p(b(a.prototype),"_propertyHandler",this).call(this,e,t,o),this.bReady)switch(e){case"action":o&&(o=o.toLowerCase()),this.oIcon&&this.oIcon.setAttribute("name",o),this.hookupButton(o);break;case"disabled":this.setTabIndex({allowed:!o}),o?this.setAttribute(l.Z.aria.disabled,"true"):this.removeAttribute(l.Z.aria.disabled);break;case"handler":this.setCustomHandler(o);break;case"icon":this.oIcon&&(o?this.oIcon.setAttribute("name",o):this.oIcon.removeAttribute("name"));break;case"pageIndex":var n=this.widget.getCurrPageIdx();this._updatePageIndex(n);break;case"customTooltip":var r=this.setTooltip(this.action,this.widget,o);this.setAria(this.action,r);break;case"customDisabled":this.disabled=this.getDisabledStatus(o,this.widget)}return o}},{key:"_updateBinding",value:function(e,t,o,n){if(this.bReady&&(e&&o&&(this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnNotify&&this.fnUnNotify(),this.fnUnCustom&&this.fnUnCustom()),t)){var r=t.sComputedDir;switch(this.updateInfo(t,n),n){case"batchedit":case"batcheditcancel":case"batcheditsave":case"cancel":case"cancelrecord":case"checkbox":case"closerowgroup":case"copycell":case"createrecord":case"createrecordend":case"createrecordstart":case"deselect":case"duplicaterecord":case"editcell":case"editrecord":case"editrow":case"firstpage":case"fixedmenu":case"freezecolumnleft":case"freezecolumnright":case"unfreezecolumn":case"hidecolumn":case"freezerowtop":case"freezerowbottom":case"unfreezerow":case"getselection":case"insertrecord":case"layoutrow":case"layoutcard":case"lastpage":case"menu":case"page":case"nextpage":case"openrowgroup":case"pastecell":case"prevpage":case"reload":case"removerecord":case"undoremoverecord":case"search":case"selectall":case"selectcell":case"selectrow":case"sortcolumn":case"resetstate":case"submitrecord":case"about":this.setAttribute("dir",r),this.fnUnNotify=this.on("click",this.notifyWidget,this,{},!1),this.fnUnSubscribe=t.on(l.Z.event.updated,this.updateInfo,this)}var i=this.setTooltip(n,t,this.customTooltip);this.setAria(n,i)}}},{key:"setAria",value:function(e,t){t&&this.setAttribute(l.Z.aria.label,t),"menu"!==e&&"fixedmenu"!==e||this.setAttribute(l.Z.aria.hasPopup,"true")}},{key:"setTooltip",value:function(e,t,o,n){if(t){var r,i=e,a=this.parentNode.tagName.toLowerCase();if(void 0===n&&(n=t.webcomponent.buttonTooltipDisabled),a!==l.Z.zgMenuItem.tagName&&(r=a===l.Z.zgControlBar.tagName,!this.hasAttribute(l.Z.zgButton.noTooltipAttr))){var s,c,u="tooltip-right",h="tooltip-left";switch("rtl"===t.sComputedDir&&(u="tooltip-left",h="tooltip-right"),e){case"createrecord":case"createrecordstart":case"createrecordend":s="recordCreate";break;case"layoutcard":s="layoutCard";break;case"layoutrow":s="layoutRow";break;case"batchedit":case"batcheditsave":case"batcheditcancel":case"duplicaterecord":case"editrecord":case"firstpage":case"fixedmenu":case"lastpage":case"menu":case"nextpage":case"prevpage":case"reload":case"removerecord":case"undoremoverecord":case"search":case"openrowgroup":case"closerowgroup":s=e}switch(e){case"batchedit":case"batcheditsave":case"batcheditcancel":case"createrecord":case"createrecordstart":case"createrecordend":case"lastpage":case"nextpage":case"page":case"reload":case"openrowgroup":case"closerowgroup":c=u;break;default:c=h}r&&"editrecord"===e&&(c=u);var f=this.parentCell&&this.parentCell.bHasCellTooltip;if(this.parentCell&&0===this.parentCell.nStartColumnIndex&&(c=u),n||!s&&!o||f)this.removeAttribute("tooltip");else{i=o||d.default.get("tooltip.".concat(s),t,{element:this,attribute:"tooltip"}),this.setAttribute("tooltip",i),this.setAttribute(c,"");var p=c===u?h:u;this.removeAttribute(p)}return i}}}},{key:"getDisabledStatus",value:function(e,t){var o,n,r,i=null,a=e,s=this.parentCell?this.parentCell.dom():c.MV(this,l.Z.zgCell.tagName);return null!==e&&(s?(n=(i=t.selectorEngineManager.$cell(s))._columnConfig,r=i.record,o=n.fnTypeButtonDisabled):r=[],o||"string"!=typeof e||(o=u.Z.setUserFunction(null,e),n&&(n.fnTypeButtonDisabled=o)),o&&o.method?a=o.method.apply(o.scope,[r,i])||!1:(""===a?a=!0:i&&(a=t.store.processTemplate(a,null,i)),"true"===a?a=!0:"false"===a&&(a=!1)),a)}},{key:"setCustomHandler",value:function(e){this.fnUnCustom&&this.fnUnCustom(),e?(this.fnHandler=u.Z.setUserFunction(null,e),this.fnUnCustom=this.on("click",this.launchCallback,this,{},!1)):this.fnHandler=null}},{key:"launchCallback",value:function(){if(!this.disabled&&this.handler){var e=this.fnHandler;if(e||(this.fnHandler=e=u.Z.setUserFunction(null,this.handler)),e&&e.method){var t=this.parentCell?this.parentCell.dom():c.MV(this,l.Z.zgCell.tagName),o=[];if(t){var n=this.widget.selectorEngineManager.$cell(t);o=[n.record,t,n]}e.method.apply(e.scope,o)}}}},{key:"uns",value:function(){this.un("mousedown",this.onMouseDown),this.un("focus",this.onFocus),this.un("blur",this.onBlur),this.un("keydown",this.onKeyDown),this.un("mouseenter",this.togglePseudoClass),this.un("mouseleave",this.togglePseudoClass),this.un("mousedown",this.togglePseudoClass),this.un("mouseup",this.togglePseudoClass),this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnNotify&&this.fnUnNotify(),this.fnUnCustom&&this.fnUnCustom()}},{key:"disconnectedCallback",value:function(){p(b(a.prototype),"disconnectedCallback",this).call(this),this.oCheckbox=null,this.oIcon=null,this.oLabel=null,this.parentCell=null,this.oDOMRow=null}}])&&f(t.prototype,o),n&&f(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(v,C);const S=C},27724:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>C});var n=o(54739),r=o(65138),i=o.n(r),a=o(32937),s=o.n(a),l=o(31655),d=o(37486),c=o(87822);function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function h(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==u(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===u(i)?i:String(i)),n)}var r,i}function f(){return f="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=m(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},f.apply(this,arguments)}function p(e,t){return p=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},p(e,t)}function g(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=m(e);if(t){var r=m(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function m(e){return m=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},m(e)}var b="enabled",v="zg-caption",y={align:{bReflectToAttribute:!0,type:String},position:{bReflectToAttribute:!0,type:String}},w=n.Z.getObservedAtts(y),z=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&p(e,t)}(a,e);var t,o,n,r=g(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,n=[{key:"observedAttributes",get:function(){return w}}],(o=[{key:"init",value:function(){f(m(a.prototype),"init",this).call(this,v,s(),i(),y)}},{key:"ready",value:function(){if(f(m(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,!this.widget.bPreloaded){if("both"===this.getAttribute("position")&&(this.mirror=!0),this.mirror&&(this.bUpdatePosition=!0,this._createMirror(!0),this.bUpdatePosition=!1),!this.querySelector('zg-button[action="menu"]')&&!this.getAttribute("copy")){var e="\n          <zg-button ".concat(c.Z.attr.datafocus,' slot="tool" action="removerecord" hidden></zg-button>\n          <zg-search slot="tool" hidden></zg-search>\n          <zg-button ').concat(c.Z.attr.datafocus,' slot="tool" action="fixedmenu" hidden></zg-button>\n          <zg-button ').concat(c.Z.attr.datafocus,' slot="tool" action="menu" hidden></zg-button>\n        '),t=d.W2(e);this.appendChild(t)}this.parentNode===this.widget.webcomponent&&(this.ZG.oDOMCaption&&this.ZG.oDOMCaption!==this&&(this.ZG.oDOMCaption.remove(),this.ZG.oDOMCaption=this),this._attachPosition(this.position))}this.setIconColor(),null===this.getAttribute("copy")&&(this.oDOMColumnMenu=this.querySelector('zg-button[action="menu"]'),this.oDOMMenu=this.querySelector('zg-button[action="fixedmenu"]'),this.oDOMRemove=this.querySelector('zg-button[action="removerecord"]'),this.oDOMSearchButton=this.querySelector('zg-button[action="search"]'),this.oDOMSearch=this.querySelector("zg-search"),this.ZG._setSearch(this.widget.bHasSearchEnabled,!0),this.ZG._setColumnsControl(this.ZG.columnsControl,!0),this.toggleStaticMenu(l.T||this.widget.bHasStaticMenu),this.toggleColumnMenu(this.widget.layoutManager.getLayoutType())),d.CL(this)}},{key:"setIconColor",value:function(){this.querySelectorAll(c.Z.zgIcon.tagName).forEach((function(e){var t=e.parentNode;t&&t.tagName.toLowerCase()===c.Z.zgButton.tagName&&!t.hasAttribute("action")||e.setAttribute(c.Z.attr.internalcaption,"")}))}},{key:"showCaption",value:function(){var e=this.widget;return!e||e.bHasContextMenuEnabled||e.bHasStaticMenu||e.bHasSearchEnabled||e.bHasColumnsControl||e.bHasSelectorColumn||this._oShadowRoot.querySelector("slot").assignedNodes().length}},{key:"toggleStaticMenu",value:function(e){return(this.widget.bHasContextMenuEnabled||this.widget.bHasStaticMenu)&&e?(this.oDOMMenu.classList.add(b),this.oDOMMenu.hidden=!1):e||(this.oDOMMenu.classList.remove(b),this.oDOMMenu.hidden=!0),this._oShadowRoot.querySelector("slot").assignedNodes().length}},{key:"toggleColumnMenu",value:function(e){this.bReady&&this.ZG.columnsControl&&(e===c.Z.zgLayout.typeCard&&this.widget.hasCardTemplate()?this.oDOMColumnMenu.hidden=!0:this.oDOMColumnMenu.hidden=!1)}},{key:"changeText",value:function(e){var t=this;if(this.bReady){var o,n=this._oShadowRoot.querySelector("slot").assignedNodes();n.length&&n.forEach((function(e){return t.removeChild(e)})),e&&((o=document.createElement("div")).id="zg-caption-user-text",o.innerHTML=e,this.appendChild(o))}else this.on("ready",(function(){return t.changeText(e)}))}},{key:"_attachPosition",value:function(e){e&&"bottom"===e?this.ZG.oDOMFooter.appendChild(this):this.ZG.oDOMHeader.appendChild(this)}},{key:"_createMirror",value:function(e){if(!this.widget.oDOMCaptionMirror&&e){"bottom"===this.position&&(this.position="top");var t=this.cloneNode(!0);t.removeAttribute("mirror"),t.setAttribute("copy",""),t.setAttribute("position","bottom");var o=t.shadowRoot.querySelector(".zg-caption-toolbar");o&&o.parentNode.removeChild(o),this.widget.oDOMCaptionMirror=t,this.ZG.oDOMFooter.appendChild(t)}else this.widget.oDOMCaptionMirror&&!e&&this.widget.oDOMCaptionMirror&&(this.widget.oDOMCaptionMirror.parentNode.removeChild(this.widget.oDOMCaptionMirror),this.widget.oDOMCaptionMirror=null)}},{key:"_propertyHandler",value:function(e,t,o){return o=f(m(a.prototype),"_propertyHandler",this).call(this,e,t,o),this.bReady&&!this.bUpdatePosition&&"position"===e&&(this.mirror="both"===o,this._createMirror(this.mirror),this.mirror||this._attachPosition(o)),o}},{key:"disconnectedCallback",value:function(){this.oDOMColumnMenu=null,this.oDOMMenu=null,this.oDOMRemove=null,this.oDOMSearchButton=null,this.oDOMSearch=null}}])&&h(t.prototype,o),n&&h(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(v,z);const C=z},33553:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>C});var n=o(54739),r=o(68728),i=o.n(r),a=o(95670),s=o.n(a),l=o(87822),d=o(37486),c=o(96766);function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function h(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==u(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===u(i)?i:String(i)),n)}var r,i}function f(){return f="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=m(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},f.apply(this,arguments)}function p(e,t){return p=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},p(e,t)}function g(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=m(e);if(t){var r=m(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function m(e){return m=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},m(e)}var b=l.Z.zgCard.tagName,v=d.SV(i(),s()),y={renderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},editor:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},rendererTemplate:{type:String,bReflectToAttribute:!0},editorTemplate:{type:String,bReflectToAttribute:!0}},w=n.Z.getObservedAtts(y),z=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&p(e,t)}(a,e);var t,o,n,r=g(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,n=[{key:"observedAttributes",get:function(){return w}}],(o=[{key:"init",value:function(){f(m(a.prototype),"init",this).call(this,b,s(),i(),y,v)}},{key:"ready",value:function(){if(f(m(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),"zing-grid"===this.parentNode.tagName.toLowerCase()){var e=this.widget.webcomponent;this.widget.oCard=this,this.setTemplateById(this.editorTemplate,!0),this.setTemplateById(this.rendererTemplate,!1),this.setCardTemplate(),this.setCardEditor(this.editor),e.bDefaultCols&&this.widget.oCardTemplate&&this.widget.layoutManager.setLayoutType(l.Z.zgLayout.typeCard),this.setAttribute("hidden","")}else this.widget.webcomponent.layout&&this.widget.webcomponent.layout.length&&this.setAttribute(l.Z.zgLayout.attr,this.widget.webcomponent.layout)}},{key:"setCardTemplate",value:function(){var e=this;this.querySelector("template")?this.querySelectorAll("template").forEach((function(t){t.getAttribute("type")===l.Z.template.type.editor?e.widget.oCardEditTemplate=t:(e.widget.oCardTemplate=t,e.setWatcher(t))})):this.widget.oCardBody=this.innerHTML.trim()}},{key:"setTemplateById",value:function(e,t){if(e){var o=window[e]||document.getElementById(e);t?this.widget.oCardEditTemplate=o:this.widget.oCardTemplate=o}}},{key:"setCardEditor",value:function(e){null===e||!1===e||"false"===e?this.oEditor=!1:d.HD(e)?this.oEditor=c.Z.setUserFunction(null,e):e&&(this.oEditor={method:e,scope:null})}},{key:"setWatcher",value:function(e){var t=this;this.observer=new MutationObserver((function(e){t.widget.update()})),this.observer.observe(e.content,{childList:!0,subtree:!0})}},{key:"_propertyHandler",value:function(e,t,o){if(o=f(m(a.prototype),"_propertyHandler",this).call(this,e,t,o),this.bReady)switch(e){case"editorTemplate":this.setTemplateById(o,!0);break;case"rendererTemplate":var n=this.widget.layoutManager;this.setTemplateById(o,!1),n.updateLayoutAttributes(n.getLayoutType(),!0),this.widget.update();break;case"editor":this.setCardEditor(o)}return o}},{key:"disconnectedCallback",value:function(){f(m(a.prototype),"disconnectedCallback",this).call(this),this.oEditor=null,this.observer&&(this.observer.disconnect(),this.observer=null)}}])&&h(t.prototype,o),n&&h(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(b,z);const C=z},80292:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>v});var n=o(54739),r=o(53875),i=o.n(r),a=o(92884),s=o.n(a),l=o(87822);o(37486),o(31769);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g="zg-cell-overflow",m={},b=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){u(p(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.currentCell=null,this.offsetCoords=null,this.currentTrigger=null,this.setAttribute(l.Z.attr.hidden,"")}},{key:"setPosition",value:function(e,t){var o=this.widget,n=this.ZG.getBoundingClientRect(),r=this.currentCell,i=!1,a=this.bCellAnchor;t&&!a&&(e=r.dom(),i=!0);var s=e.getBoundingClientRect(),l={left:s.left-n.left,top:s.top-n.top};if(i||(l.top+=s.height),t||a)i&&this.offsetCoords&&(l.top+=this.offsetCoords.top,l.left+=this.offsetCoords.left);else{var d=r.dom().getBoundingClientRect();this.offsetCoords={left:l.left+n.left-d.left,top:l.top+n.top-d.top}}if(a){var c=window.getComputedStyle(e).getPropertyValue("padding-left"),u=parseInt(c.replace(/px/,""));Number.isInteger(u)&&(l.left+=u)}if(t){var h=o.oDOMScroller.getBoundingClientRect(),f=h.top-n.top,p=f+h.height;if(l.top>p||l.top<f)return void(this.style.visibility="hidden");var g=o.oDOMMainScroll.getBoundingClientRect(),m=this.width||0,b=o.mainGridTable.getScroll().left||0;if(l.left+=b,l.left+m>g.width||l.left<0)return void(this.style.visibility="hidden")}this.style.visibility="visible",this.style.top=l.top+"px",this.style.left=l.left+"px"}},{key:"open",value:function(e,t,o){this.currentCell=o,this.currentTrigger=t,this.bCellAnchor=o.dom()==t,this.innerHTML="",this.appendChild(e),this.setPosition(t),this.removeAttribute(l.Z.attr.hidden),this.width=this.getBoundingClientRect().width}},{key:"close",value:function(){this.currentCell=null,this.currentTrigger=null,this.offsetCoords=null,this.innerHTML="",this.width=0,this.setAttribute(l.Z.attr.hidden,"")}},{key:"isOpen",value:function(){return!this.hasAttribute(l.Z.attr.hidden)}},{key:"uns",value:function(){this.fnUnClick&&this.fnUnClick()}},{key:"disconnectedCallback",value:function(){u(p(a.prototype),"disconnectedCallback",this).call(this),this.currentCell=null,this.offsetCoords=null,this.currentTrigger=null}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,b);const v=b},46195:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>C});var n=o(54739),r=o(77065),i=o.n(r),a=o(29001),s=o.n(a),l=o(87822),d=o(37486);function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function u(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==c(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===c(i)?i:String(i)),n)}var r,i}function h(){return h="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=g(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},h.apply(this,arguments)}function f(e,t){return f=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},f(e,t)}function p(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=g(e);if(t){var r=g(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}var m=l.Z.zgCell.tagName,b=i(),v=null;CSSStyleSheet&&CSSStyleSheet.prototype.replaceSync&&((v=new CSSStyleSheet).replaceSync(i()),b="");var y=d.SV(b,s()),w={},z=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&f(e,t)}(i,e);var t,o,n,r=p(i);function i(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),r.apply(this,arguments)}return t=i,(o=[{key:"init",value:function(){h(g(i.prototype),"init",this).call(this,m,s(),b,w,y,v)}},{key:"ready",value:function(){h(g(i.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.getAttribute(l.Z.attr.role)||this.setAttribute(l.Z.attr.role,"gridcell");var e=d.Uh(this.ZG.getAttribute("layout"))?this.ZG.getAttribute("layout"):this.parentNode.getAttribute("layout");e&&e.length&&this.setAttribute(l.Z.zgLayout.attr,e),"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl")}},{key:"cellIndex",get:function(){return this._index},set:function(e){this._index=e}},{key:"_setTooltip",value:function(e,t,o){var n=this.widget,r=n.tooltipManager;this.bIsInfoTooltip=e;var i=this.oTooltipOptions=r._getTooltipOptions("Cell",t,o),a=r._hasTooltip("Cell",i);t.bHasCellTooltip=a,null!==i.tooltipDelay||this.bIsInfoTooltip||(i.defaultTooltipDelay=1e3),this.bIsInfoTooltip||(this.oTooltipOptions.tooltipAction=l.Z.zgTooltip.actionTypeHover),this.sTooltipContent&&this._resetTooltip();var s=this.querySelector("zg-button");if(a){s&&s.removeAttribute("tooltip");var d=this.querySelector("[".concat(l.Z.zgCell.cellIndexAttr,"]"));if(this.oTrigger=e?this.querySelector("zg-icon"):this,d){var c=i.tooltipType||"default";this.setAttribute(l.Z.zgTooltip.typeAttr,c),this.sTooltipContent=r._getTooltipContent("Cell",this.oTooltipOptions);var u=t.bIsActivateOnClick=e&&this.oTooltipOptions.tooltipAction===l.Z.zgTooltip.actionTypeClick;u?this.setAttribute(l.Z.zgTooltip.actionAttr,l.Z.zgTooltip.actionTypeClick):this.setAttribute(l.Z.zgTooltip.actionAttr,l.Z.zgTooltip.actionTypeHover),r._initTooltipTriggers(this.oTrigger,this,u)}}else s&&!n.webcomponent.buttonTooltipDisabled&&s.setTooltip(s.action,n,s.customTooltip)}},{key:"_setTooltipPosition",value:function(){var e=this.oTooltipOptions,t=this.oTrigger.getBoundingClientRect(),o=this.ZG.getBoundingClientRect(),n=(this.ZG.oDOMTooltip,null),r=t.left,i=this.getAttribute("type")===l.Z.internalColumn.rowgroup,a=window.getComputedStyle(this).getPropertyValue("padding-left"),s=parseInt(a.replace(/px/,"")),d="bottom"===e.tooltipPosition,c="right"===e.tooltipPosition,u="left"===e.tooltipPosition,h="top"===e.tooltipPosition||!e.tooltipPosition||!d&&!c&&!u;(h||d)&&i&&(r=this.querySelector("span[internal-span]").getBoundingClientRect().left);var f={left:r-o.left,top:t.top-o.top},p=this.querySelector("[".concat(l.Z.zgCell.cellIndexAttr,"]")),g=this.getAttribute(l.Z.attr.align)||"left";if("rtl"===this.getAttribute("dir")&&"left"===g&&(g="right"),"center"===g||"right"===g){var m=p.getBoundingClientRect();f.left=m.left-o.left,u?f.left-=s:c&&(f.left+=m.width)}return this.bIsInfoTooltip||i||!h&&!d||"left"!==g||Number.isInteger(s)&&(f.left+=s),c&&"left"===g&&(this.bIsInfoTooltip?f.left+=t.width:(n=n||p.getBoundingClientRect().width,f.left+=s+n)),(c||u)&&(f.top+=t.height/2),d&&(f.top+=t.height),f}},{key:"_resetTooltip",value:function(){this.sTooltipContent=null,this.fnUnMouseLeave&&(this.fnUnMouseLeave(),this.fnUnMouseEnter(),this.fnUnMouseEnter=null,this.fnUnMouseLeave=null),this.fnUnClick&&(this.fnUnClick(),this.fnUnClick=null)}},{key:"disconnectedCallback",value:function(){h(g(i.prototype),"disconnectedCallback",this).call(this),this._resetTooltip(),this.oTooltipOptions=null,this.oTrigger=null}}])&&u(t.prototype,o),n&&u(t,n),Object.defineProperty(t,"prototype",{writable:!1}),i}(n.Z);n.Z._registerElement(m,z);const C=z},94659:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>z});var n=o(54739),r=o(59427),i=o.n(r),a=o(59592),s=o.n(a),l=o(87822),d=o(37486);function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function u(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==c(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===c(i)?i:String(i)),n)}var r,i}function h(){return h="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=g(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},h.apply(this,arguments)}function f(e,t){return f=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},f(e,t)}function p(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=g(e);if(t){var r=g(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}var m="zg-checkbox",b=d.SV(i(),s()),v={checked:{bReflectToAttribute:!0,type:Boolean}},y=n.Z.getObservedAtts(v),w=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&f(e,t)}(a,e);var t,o,n,r=p(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,n=[{key:"observedAttributes",get:function(){return y}}],(o=[{key:"init",value:function(){h(g(a.prototype),"init",this).call(this,m,s(),i(),v,b),this.icon=document.createElement(l.Z.zgIcon.tagName)}},{key:"ready",value:function(){h(g(a.prototype),"ready",this).call(this),this.setAttribute(l.Z.attr.action,"checkbox");var e=this.querySelector(l.Z.zgIcon.tagName);e?this.icon=e:(this.icon||(this.icon=document.createElement(l.Z.zgIcon.tagName)),this.icon.setAttribute("slot","zgicon"),this.appendChild(this.icon)),this.oTextSlot=this.shadowRoot.querySelector(".zg-checkbox-text slot"),this.startingText=null,this.selectedText=null,this.textContent.length>0&&(this.setAttribute(l.Z.zgButton.hasTextAttr,""),this.startingText=this.textContent,this.hasAttribute(l.Z.event.selected)&&(this.selectedText=this.getAttribute(l.Z.event.selected))),this.icon.setAttribute("name","unchecked");var t=this.querySelectorAll("svg");t.length>1&&t[0].remove(),this.checked&&(this.noEvent=!0,this.toggleCheckbox(!0),this.noEvent=!1)}},{key:"ons",value:function(){var e=this;this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnKey&&this.fnUnKey(),this.fnUnSubscribe=this.on("click",(function(t){return e._toggleCheckedState(t)}),this,null,!1),this.fnUnKey=this.on("keydown",this.onKeyDown,this,{},!1)}},{key:"onKeyDown",value:function(e){e.nCharCode!==e.ENTER&&e.nCharCode!==e.SPACE||(e.preventDefault(),this.click())}},{key:"singleUncheck",value:function(){this.noEvent=!0,this.checked=!1,this.noEvent=!1}},{key:"toggleCheckboxWrapper",value:function(){this.checked=!this.checked}},{key:"toggleCheckbox",value:function(e,t){var o=this;this.toggleTO=setTimeout((function(){o.toggleTO=null,o.icon&&(e?o.icon.setAttribute("name",l.Z.event.checked):o.icon.setAttribute("name",l.Z.event.unchecked))}),0),this.noEvent||e!==(t=t||!1)&&this.fire("statechanged",e)}},{key:"_propertyHandler",value:function(e,t,o){return o=h(g(a.prototype),"_propertyHandler",this).call(this,e,t,o),"checked"===e&&this.toggleCheckbox(o,t),o}},{key:"_toggleCheckedState",value:function(e){e.stopEvent();var t=d.MV(this,l.Z.zgButton.tagName);t&&("checkbox"===t.action||!t.action&&t._isDisabled())||(this.checked=!this.checked,this.selectedText&&(this.oTextSlot.assignedNodes()[0].textContent=this.checked?this.selectedText:this.startingText))}},{key:"disconnectedCallback",value:function(){h(g(a.prototype),"disconnectedCallback",this).call(this),this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnKey&&this.fnUnKey(),this.toggleTO&&(clearTimeout(this.toggleTO),this.toggleTO=null),this.icon=null,this.oTextSlot=null}}])&&u(t.prototype,o),n&&u(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(m,w);const z=w},75483:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>v});var n=o(54739),r=o(58221),i=o.n(r),a=o(9872),s=o.n(a),l=o(87822);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g="zg-colgroup",m={},b=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){u(p(a.prototype),"ready",this).call(this);var e=this.widget=this._getHostContext(),t=e.webcomponent,o=t.querySelector("zg-colgroup:not([id])"),n=t.querySelector("zg-colgroup#gridcolgroup");if(o&&n){e.bUpdateColGroup=!0;var r=n.getAttribute(l.Z.zgLayout.attr);n.remove(),r&&this.setAttribute(l.Z.zgLayout.attr,r),e.resetColumns()}}},{key:"rerender",value:function(){this.debounceRerender()}},{key:"debounceRerender",value:function(){var e=this,t=this.latestTime=setTimeout((function(){if(t===e.latestTime){var o=e.widget,n=o.webcomponent;if(!o)return;n.oDOMColgroup=e,o.mainColumnHeader.associateColGroup(e),o.associateColumns(void 0,!0),o.bUpdateColGroup=!1}}),100)}},{key:"resetColgroup",value:function(){var e=this.widget,t=e.webcomponent;e.resetColumns(),e.updateDefaultColumnMapping(),t.oDOMColgroup=t.associateChild(l.Z.zgColgroup.tagName,null,"gridcolgroup","gridcolgroup",!1),e.mainColumnHeader.associateColGroup(t.oDOMColgroup),e.updateDefaultColumnMapping(),e.associateColumns()}},{key:"disconnectedCallback",value:function(){var e=this.widget;u(p(a.prototype),"disconnectedCallback",this).call(this),e&&!e.bDisconnect&&(e.bUpdateColGroup||"gridcolgroup"!==this.id&&this.id||this.resetColgroup())}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,b);const v=b},53329:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>y});var n=o(54739),r=o(72383),i=o.n(r),a=o(71454),s=o.n(a),l=o(31769),d=o(87822);function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function u(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==c(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===c(i)?i:String(i)),n)}var r,i}function h(){return h="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=g(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},h.apply(this,arguments)}function f(e,t){return f=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},f(e,t)}function p(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=g(e);if(t){var r=g(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}var m="zg-column-resize",b={},v=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&f(e,t)}(a,e);var t,o,n,r=p(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){h(g(a.prototype),"init",this).call(this,m,s(),i(),b)}},{key:"ready",value:function(){h(g(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl")}},{key:"ons",value:function(){this.on("dblclick",this.onDoubleClick,this,{},!1),this.on("mousedown",this.onResizeStart,this,{},!1),this.on("touchstart",this.onTouchStart,this,{},!1)}},{key:"onResizeStart",value:function(e){this.onStartResizeCommon(e);var t=l.Z.get(document);t.on("mousemove",this.onResizeColumn,this,{},!1),t.on("mouseup",this.onResizeStopColumn,this,{},!1),this.bTouch=!1}},{key:"onTouchStart",value:function(e){this.onStartResizeCommon(e),e.stopEvent();var t=l.Z.get(document);t.on("touchmove",this.onResizeColumn,this,{},!1),t.on("touchend",this.onResizeStopColumn,this,{},!1),this.bTouch=!0}},{key:"onStartResizeCommon",value:function(e){return this.nMultiplier="rtl"===this.widget.sComputedDir?-1:1,this.nIndex=this.oHeadCell.nIndex,this.columnResizeTimeout&&clearTimeout(this.columnResizeTimeout),this.widget.bIsColumnResizeActive=!0,this.oGridCoords=this.oHeadCell.getBoundingClientRect(),this.xStart=this.oGridCoords.x,this.nColumnWidth=this.oGridCoords.width,this.xHandlerStart=e.oBrowserEvent.clientX,this.nAdjustedWidth=0,this.nOffset=3,this.ZG.setAttribute(d.Z.zgColumnResize.attr,""),this.oHeadCell.parentNode.setAttribute(d.Z.zgColumnResize.attr,""),!0}},{key:"onResizeColumn",value:function(e){if(e.stopEvent(),!this.bUpdating){var t=this.widget.updater,o=this.bTouch?e.oBrowserEvent.touches[0].clientX:e.oBrowserEvent.clientX,n=this.oColumn._oParsedColumnMapping,r=(this.xHandlerStart-o)*this.nMultiplier,i=n.nCurrWidth-r,a=i,s=this.getMinWidth();if(i<s){var l=s-i;i=s,r-=l}var d=n.nResizableMaxWidth||this.ZG.columnResizableMaxWidth;if(d&&(d>n.nCurrWidth||r<0)&&(i=Math.min(i,d)),i!==n.nCurrWidth){if(i!==a){var c=n.nCurrWidth-r-i;this.nOffset+=c}this.bUpdating=!0,this.xHandlerStart=o,n.nCurrWidth=i,this.nAdjustedWidth=n.nCurrWidth,this.cleanupResize(r),t.update({bUpdateColumnWidth:!0}),this.widget.recordEditor&&this.widget.recordEditor.onResize(),this.bUpdating=!1}}}},{key:"onResizeStopColumn",value:function(e){var t=this;e&&e.stopEvent();var o=l.Z.get(document);o.docUn("mousemove",this.onResizeColumn,this),o.docUn("mouseup",this.onResizeStopColumn,this),o.docUn("touchmove",this.onResizeColumn,this),o.docUn("touchend",this.onResizeStopColumn,this),this.ZG.removeAttribute(d.Z.zgColumnResize.attr),this.oHeadCell.parentNode.removeAttribute(d.Z.zgColumnResize.attr),this.oColumn.width=this.nAdjustedWidth,this.widget.fire("columnresize",{column:this.oColumn,width:this.nAdjustedWidth}),this.columnResizeTimeout=setTimeout((function(){return t.widget.bIsColumnResizeActive=!1}),500)}},{key:"onDoubleClick",value:function(e){e&&e.stopEvent();var t=this.widget.updater,o=this.oColumn,n=this.oColumn._oParsedColumnMapping,r=this.getMinWidth(),i=parseInt(o.getAttribute("min-calculated-width"),10)||null;i||(i=t.getTableFitContentWidth(this.nIndex)),i=Math.max(i,r);var a=n.nCurrWidth-i;this.bUpdating=!0,n.nCurrWidth=i,this.cleanupResize(a),this.removeAttribute("style"),o.width=i,t.update({bUpdateColumnWidth:!0}),this.bUpdating=!1}},{key:"getMinWidth",value:function(){var e=this.oColumn._oParsedColumnMapping,t=e.sCellType,o=e.nResizableMinWidth||this.ZG.columnResizableMinWidth||d.Z.zgColumnResize.defaultMinWidth;return-1!==d.Z.internalColumnTypes.indexOf(t)&&(o=Math.min(o,d.Z.zgCell.actionCellSize)),o}},{key:"cleanupResize",value:function(e){var t=this.widget.updater,o=t.nColumnsWidth>t.nInitialWidth,n=t.getLastVisibleColumn();if(null!==n&&n!==this.oColumn)if(o){if(e>0){var r=this.widget.oDOMMainScroll;if(r.offsetWidth+r.scrollLeft>=r.scrollWidth)n.nCurrWidth+=e;else{var i=parseInt(n.oDOMZGColumn.getAttribute("min-calculated-width"),10)||50;n.nCurrWidth-e>i&&(n.nCurrWidth-=e)}}}else if(e<0){var a=parseInt(n.oDOMZGColumn.getAttribute("min-calculated-width"),10)||50;n.nCurrWidth+e>a&&(n.nCurrWidth+=e)}else n.nCurrWidth+=e}},{key:"disconnectedCallback",value:function(){h(g(a.prototype),"disconnectedCallback",this).call(this),this.oHeadCell=null,this.oColumn=null}}])&&u(t.prototype,o),n&&u(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(m,v);const y=v},52898:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>S});var n=o(54739),r=o(89536),i=o.n(r),a=o(31869),s=o.n(a),l=o(37486),d=o(84981),c=o(87822),u=o(96766),h=(o(41090),o(19791));function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function p(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==f(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===f(i)?i:String(i)),n)}var r,i}function g(){return g="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=v(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},g.apply(this,arguments)}function m(e,t){return m=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},m(e,t)}function b(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=v(e);if(t){var r=v(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===f(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function v(e){return v=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},v(e)}var y="zg-column",w={align:{bReflectToAttribute:!0,type:String,mapping:"sAlign"},arrayIndex:{bReflectToAttribute:!0,type:String,mapping:"sArrayIndex",bRefreshContent:!0},arraySlice:{bReflectToAttribute:!0,type:String,mapping:"sArraySlice",bRefreshContent:!0},buttonBorder:{bReflectToAttribute:!0,type:String,bRefreshContent:!0,mapping:"sButtonBorder"},cellBreak:{type:String,mapping:"sCellBreak",bReflectToAttribute:!0,bRefreshContentWidth:!0},cellClass:{bReflectToAttribute:!0,type:String,mapping:"sCellClass"},cellTooltipAction:{type:String,bReflectToAttribute:!0,mapping:"cellTooltipAction",bRefreshContent:!0},cellTooltipDelay:{type:Number,bReflectToAttribute:!0,mapping:"cellTooltipDelay",bRefreshContent:!0},cellTooltipIcon:{bReflectToAttribute:!0,type:String,mapping:"cellTooltipIcon",bRefreshContent:!0},cellTooltipPosition:{type:String,bReflectToAttribute:!0,mapping:"cellTooltipPosition",bRefreshContent:!0},cellTooltipRenderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},cellTooltipTemplate:{type:String,bReflectToAttribute:!0,bRefreshContent:!0},cellTooltipText:{type:String,bReflectToAttribute:!0,mapping:"cellTooltipText",bRefreshContent:!0},cellTooltipType:{type:String,bReflectToAttribute:!0,mapping:"cellTooltipType",bRefreshContent:!0},contentStyle:{bReflectToAttribute:!0,type:String,mapping:"sContentStyle",bRefreshContent:!0},contentWidth:{bReflectToAttribute:!0,type:String,mapping:"sContentWidth",bRefreshContentWidth:!0},defaultDisplay:{type:String,bReflectToAttribute:!0,mapping:"sDefaultDisplay"},detailsRenderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},detailsTemplate:{type:String,bReflectToAttribute:!0},drag:{type:String,bReflectToAttribute:!0,mapping:"sDrag"},editor:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},editorTemplate:{type:String,bReflectToAttribute:!0},filter:{bReflectToAttribute:!0,type:String},filterIndex:{bReflectToAttribute:!0,type:String,mapping:"sFilterIndex"},filterKey:{bReflectToAttribute:!0,type:String,mapping:"sFilterKey"},filterer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},frozen:{type:String,bReflectToAttribute:!0,sBooleanDefault:"left",mapping:"sFrozen"},footCell:{bReflectToAttribute:!0,type:String,mapping:"sFootCell"},group:{bReflectToAttribute:!0,type:Boolean,mapping:"bGroup"},headCell:{bReflectToAttribute:!0,type:String,mapping:"sHeadCell"},header:{bReflectToAttribute:!0,type:String},headerAutoFormat:{type:String,bReflectToAttribute:!0},headerTooltipAction:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipAction"},headerTooltipDelay:{type:Number,bReflectToAttribute:!0,mapping:"headerTooltipDelay"},headerTooltipIcon:{bReflectToAttribute:!0,type:String,mapping:"headerTooltipIcon"},headerTooltipIconPosition:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipIconPosition"},headerTooltipPosition:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipPosition"},headerTooltipRenderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0,mapping:"headerTooltipRenderer"},headerTooltipTemplate:{type:String,bReflectToAttribute:!0},headerTooltipText:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipText"},headerTooltipTrigger:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipTrigger"},headerTooltipType:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipType"},hidden:{bReflectToAttribute:!0,type:Boolean,mapping:"bHidden",default:!1},index:{bReflectToAttribute:!0,type:String,mapping:"sFieldIndex",default:""},locale:{bReflectToAttribute:!0,type:String,mapping:"sLocale",bRefreshContent:!0},menuText:{bReflectToAttribute:!0,type:String,mapping:"sMenuText"},minWidth:{bReflectToAttribute:!0,type:Number,mapping:"nMinWidth"},resizable:{type:String,bReflectToAttribute:!0,mapping:"sResizable"},resizableMaxWidth:{bReflectToAttribute:!0,type:Number,mapping:"nResizableMaxWidth"},resizableMinWidth:{bReflectToAttribute:!0,type:Number,mapping:"nResizableMinWidth"},resizablePersistent:{type:String,bReflectToAttribute:!0,mapping:"sResizablePersistent"},renderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},rendererTemplate:{type:String,bReflectToAttribute:!0},required:{type:Boolean,bReflectToAttribute:!0,mapping:"bRequired"},search:{type:String,bReflectToAttribute:!0},separator:{bReflectToAttribute:!0,type:String,mapping:"sSeparator",bRefreshContent:!0},sort:{type:String,bReflectToAttribute:!0},sortIntl:{type:String,bReflectToAttribute:!0},sortAsc:{bReflectToAttribute:!0,type:Boolean},sortDesc:{bReflectToAttribute:!0,type:Boolean},sorter:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},translateNewline:{type:String,bReflectToAttribute:!0,mapping:"sTranslateNewline",bRefreshContentWidth:!0},type:{bReflectToAttribute:!0,type:String},typeAggregateValue:{bReflectToAttribute:!0,type:Function,mapping:"sTypeAggregateValue"},typeAggregateOmit:{bReflectToAttribute:!0,type:Boolean,mapping:"bTypeAggregateOmit"},typeButtonDisabled:{bReflectToAttribute:!0,type:String,bRefreshContent:!0},typeButtonHandler:{bReflectToAttribute:!0,type:Function,bRefreshContent:!0},typeButtonIcon:{bReflectToAttribute:!0,type:String,mapping:"sTypeButtonIcon",bRefreshContent:!0},typeButtonLabel:{bReflectToAttribute:!0,type:String,mapping:"sTypeButtonLabel",bRefreshContent:!0},typeButtonTooltip:{bReflectToAttribute:!0,type:String,mapping:"sTypeButtonTooltip",bRefreshContent:!0},typeButtonUrl:{bReflectToAttribute:!0,type:String,mapping:"sTypeButtonUrl",bRefreshContent:!0},typeCheckboxLabel:{bReflectToAttribute:!0,type:String,mapping:"sTypeCheckboxLabel",bRefreshContent:!0},typeColorMode:{bReflectToAttribute:!0,type:String,mapping:"sTypeColorMode",bRefreshContent:!0},typeColorPreview:{bReflectToAttribute:!0,type:String,mapping:"sTypeColorPreview",bRefreshContent:!0},typeColorSpaces:{bReflectToAttribute:!0,type:String,mapping:"sTypeColorSpaces",bRefreshContent:!0},typeCurrency:{bReflectToAttribute:!0,type:String,mapping:"sTypeCurrency",bRefreshContent:!0},typeDateFormat:{bReflectToAttribute:!0,type:String,mapping:"sTypeDateFormat",bRefreshContent:!0},typeDateFromNow:{bReflectToAttribute:!0,type:Boolean,mapping:"bTypeDateFromNow",bRefreshContent:!0},typeElementAttributeName:{bReflectToAttribute:!0,type:String,mapping:"sElementAttributeName",bRefreshContent:!0},typeElementTagName:{bReflectToAttribute:!0,type:String,mapping:"sElementTagName",bRefreshContent:!0},typeIframeRatio:{bReflectToAttribute:!0,type:String,mapping:"sTypeIframeRatio",bRefreshContent:!0},typeImageAlt:{bReflectToAttribute:!0,type:String,mapping:"sTypeImageAlt",bRefreshContent:!0},typeImageMask:{bReflectToAttribute:!0,type:String,mapping:"sTypeImageMask",bRefreshContent:!0},typeImageSrc:{bReflectToAttribute:!0,type:String,mapping:"sTypeImageSrc",bRefreshContent:!0},groupHeadCell:{bReflectToAttribute:!0,type:String,mapping:"sGroupHeadCell",bRefreshContent:!0},typeGroupHideCount:{bReflectToAttribute:!0,type:Boolean,mapping:"bTypeGroupHideCount",bRefreshContent:!0},typeGroupPlural:{bReflectToAttribute:!0,type:String,mapping:"sTypeGroupPlural",bRefreshContent:!0},typeNumberFormatting:{bReflectToAttribute:!0,type:String,mapping:"sTypeNumberFormatting",bRefreshContent:!0},typeNumberDecimals:{bReflectToAttribute:!0,type:Number,mapping:"nTypeNumberDecimals",bRefreshContent:!0},typeNumberMinDecimals:{bReflectToAttribute:!0,type:Number,mapping:"nTypeNumberMinDecimals",bRefreshContent:!0},typeNumberMaxDecimals:{bReflectToAttribute:!0,type:Number,mapping:"nTypeNumberMaxDecimals",bRefreshContent:!0},typePercentageDecimals:{bReflectToAttribute:!0,type:Number,mapping:"nTypePercentageDecimals",bRefreshContent:!0},typePercentageMaxDecimals:{bReflectToAttribute:!0,type:Number,mapping:"nTypePercentageMaxDecimals",bRefreshContent:!0},typeRadioOptions:{bReflectToAttribute:!0,type:String,mapping:"sTypeRadioOptions",bRefreshContent:!0,bCanBeObject:!0},typeRangeMax:{bKeepDecimal:!0,bReflectToAttribute:!0,type:Number,mapping:"nTypeRangeMax"},typeRangeMin:{bKeepDecimal:!0,bReflectToAttribute:!0,type:Number,mapping:"nTypeRangeMin"},typeRangeStep:{bReflectToAttribute:!0,bKeepDecimal:!0,type:Number,mapping:"nTypeRangeStep"},typeSelectDefaultValue:{bReflectToAttribute:!0,type:String,mapping:"sTypeSelectDefaultValue"},typeSelectMultiple:{bReflectToAttribute:!0,type:Boolean,mapping:"bTypeSelectMultiple"},typeSelectOptions:{bReflectToAttribute:!0,type:String,bCanBeObject:!0},typeToggleOptions:{bReflectToAttribute:!0,type:Array,mapping:"aTypeToggleOptions",bRefreshContent:!0},typeToggleRenderValue:{bReflectToAttribute:!0,type:Boolean,mapping:"bTypeToggleRenderValue"},typeUrlIcon:{bReflectToAttribute:!0,type:String,mapping:"sTypeUrlIcon",bRefreshContent:!0},typeUrlTarget:{bReflectToAttribute:!0,type:String,mapping:"sTypeUrlTarget",bRefreshContent:!0},typeUrlSrc:{bReflectToAttribute:!0,type:String,mapping:"sTypeUrlSrc",bRefreshContent:!0},typeUrlText:{bReflectToAttribute:!0,type:String,mapping:"sTypeUrlText",bRefreshContent:!0},validationErrorMessage:{type:String,bReflectToAttribute:!0,mapping:"sValidationErrorMessage"},validationRequiredMessage:{type:String,bReflectToAttribute:!0,mapping:"sRequiredErrorMessage"},validator:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},visibilityPriority:{bReflectToAttribute:!0,type:Number,mapping:"nPriority"},width:{bReflectToAttribute:!0},widget:{}},z=n.Z.getObservedAtts(w),C=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&m(e,t)}(a,e);var t,o,n,r=b(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,n=[{key:"observedAttributes",get:function(){return z}}],(o=[{key:"init",value:function(){g(v(a.prototype),"init",this).call(this,y,s(),i(),w),this._oParsedColumnMapping={aUserSet:[],bIsKeyIndex:!1},this.body=null,this.oDOMEditorTemplate=this.oDOMRenderTemplate=this.oDOMDetailsTemplate=null,this._ASC_DESC_LOCK_=!1}},{key:"connectedCallback",value:function(){g(v(a.prototype),"connectedCallback",this).call(this)}},{key:"ready",value:function(){g(v(a.prototype),"ready",this).call(this);var e=this._getHostContext();if(e&&(this.ZG=e.webcomponent,!this.parentNode||"div"!==this.parentNode.tagName.toLowerCase())){if(this.frozen)e.bNeedsFrozenAdjust=!0;else if(!this.parentNode||this.parentNode.tagName.toLowerCase()!==c.Z.zgColgroup.tagName){var t=e.webcomponent.oDOMColgroup;return this.ZG.querySelector(c.Z.zgColgroup.tagName)||(this.ZG.appendChild(t),this.ZG.oDOMColgroup=t),void t.appendChild(this)}this.widget||(this.widget=e),this.bNeedsSortUpdate&&this.sortStyleUpdate()}}},{key:"checkDisconnect",value:function(e){return!e||e.bDisconnect||e.bEditingControls||e.bUpdateColGroup||e.bUpdatingFrozen||e.bUpdatingColumns||e.bIsColumnMoverActive||!e.aColumnMapping||!e.aColumnMapping.length}},{key:"disconnectedCallback",value:function(){var e=!1,t=!1,o=this.widget;if(g(v(a.prototype),"disconnectedCallback",this).call(this),!this.checkDisconnect(o)){var n=this._oParsedColumnMapping.oDOMSortHeader,r=o.getZGColumnIndex(this._oParsedColumnMapping);o.aColumnMapping.length>r&&(e=!0,o.aColumnMapping.splice(r,1),this.type===c.Z.internalColumn.recordselector?(o.bHasSelectorColumn=!1,0!==o.aColumnMapping.length&&o.webcomponent._checkRemoveCaption()):this.type===c.Z.internalColumn.rowgroup&&(o._updateGroupedColumnReset(!0,!0),t=!0)),n&&n.remove(),!e||o.bEditingControls||t||o.store.reload()}}},{key:"initialLoad",value:function(e){var t=this._oParsedColumnMapping;t.sColumnId=e.createColumnId(),t.oDOMZGColumn=this,t.bFilter=e.bGlobalFilter,this.cellClass&&this.setCellClass(this.cellClass),this.setTemplateById(this.editorTemplate,"oDOMEditorTemplate"),this.setTemplateById(this.rendererTemplate,"oDOMRenderTemplate"),this.setTemplateById(this.detailsTemplate,"oDOMDetailsTemplate"),this.setTemplateById(this.headerTooltipTemplate,"oDOMHeaderTooltipTemplate"),this.setTemplateById(this.cellTooltipTemplate,"oDOMCellTooltipTemplate"),this.setTemplate(),this.setRenderer("Details",this.detailsRenderer),this.setRenderer("HeaderTooltip",this.headerTooltipRenderer),this.setRenderer("CellTooltip",this.cellTooltipRenderer),this.setCellType(e,this.type),void 0!==this.typeButtonHandler&&this.setClickCallback(this.typeButtonHandler),void 0!==this.typeButtonDisabled&&this.setButtonDisabled(this.typeButtonDisabled),this.setDirectValues(),this.typeSelectOptions?t.aSelectOptions=l.Ld.formatToArray(this.typeSelectOptions):"select"===this.type&&(e.bNeedsSelectOptions=!0),this.setColumnWidth(e,this.width),this.setSorting(this.sortAsc,this.sortDesc),void 0!==this.headerAutoFormat&&this.setHeaderAutoFormat(this.headerAutoFormat,e),this.setHeader(this.header,e),this.headCell&&this.setAggregateCell(this.headCell,"Head",e),this.footCell&&this.setAggregateCell(this.footCell,"Foot",e),this.groupHeadCell&&this.setAggregateCell(this.groupHeadCell,"GroupHead",e)}},{key:"getFrozenColumnNewIndex",value:function(e,t,o){var n;return"right"===t?(n=e.aColumnMapping.length-1,e.nRightFrozenColumns++):"left"===t?(n=e.nLeftFrozenColumns,e.nLeftFrozenColumns++):"left"===o?n=e.nLeftFrozenColumns-1:"right"===o&&(n=e.aColumnMapping.length-(e.nRightFrozenColumns-1)-1),"right"===o?e.nRightFrozenColumns--:"left"===o&&e.nLeftFrozenColumns--,n}},{key:"setAlign",value:function(e,t,o){var n=t.aColumnMapping.reduce((function(e,t,n){return t.sColumnId===o.sColumnId?e=n:e}),null),r=t.getHeaderByColumnIndex(n).childNodes,i=t.getBodyByColumnIndex(n).childNodes,a=t.getFooterByColumnIndex(n).childNodes;(r||i||a)&&(this.setAlignByArea(r,n,e,t),this.setAlignByArea(i,n,e,t),this.setAlignByArea(a,n,e,t))}},{key:"setAlignByArea",value:function(e,t,o,n){var r=n.getAdjustedColumnIndex(t);e.forEach((function(e){e.childNodes.forEach((function(e,t){r===t&&n.setCellAlignment(e,o)}))}))}},{key:"setTemplate",value:function(){var e=this;if(this.querySelector("template"))this.setTemplatesFromSlot();else{var t=this.shadowRoot.querySelector("slot");t.assignedNodes().length?this._oParsedColumnMapping.body=this.innerHTML.trim():t.addEventListener("slotchange",(function(){e.querySelector("template")?e.setTemplatesFromSlot():e._oParsedColumnMapping.body=e.innerHTML.trim()}))}}},{key:"setTemplatesFromSlot",value:function(){var e=this;this.querySelectorAll("template").forEach((function(t){var o=t.getAttribute("type");o===c.Z.template.type.editor?e._oParsedColumnMapping.oDOMEditorTemplate=t:o===c.Z.template.type.details?e._oParsedColumnMapping.oDOMDetailsTemplate=t:e._oParsedColumnMapping.oDOMRenderTemplate=t}))}},{key:"setTemplateById",value:function(e,t){var o=window[e]||document.getElementById(e)||null;this._oParsedColumnMapping[t]=o}},{key:"setCellType",value:function(e,t){var o=this.index||"",n=t||"text";n===c.Z.internalColumn.rowgroup&&e.bHasRowGroupColumn&&(n="text",this.removeAttribute("type"),this.setAttribute("group",""));var r,i=d.Z.getCellType(n),a=this._oParsedColumnMapping;if(t&&(a.bIsTypeUserProvided=!0),a.sCellType=n,a.sSortIntl=this.sortIntl,n===c.Z.internalColumn.rowgroup||n===c.Z.cellTypes.aggregate?(this.setCellTypeManager(void 0,"fnRenderer",d.Z.getRenderer,i.renderer),this.renderer&&(r=n===c.Z.cellTypes.aggregate?"fnAggregateRenderer":"fnGroupRenderer",this.setCellTypeManager(this.renderer,r,d.Z.getRenderer,i.renderer))):this.setCellTypeManager(this.renderer,"fnRenderer",d.Z.getRenderer,i.renderer),this.setCellTypeManager(this.validator,"oValidator",d.Z.getValidator,i.validator),this.setCellTypeManager(this.sorter,"fnSorter",d.Z.getSorter,i.sorter,i.intlSorter,e),this.setCellTypeManager(this.editor,"oEditor",d.Z.getEditor,i.editor),void 0!==this.filter){var s="disabled"!==this.filter.toLowerCase();s&&(e.bHasFilterEnabled=!0),a.bFilter=s}this.setCellTypeManager(this.filterer,"oFilter",d.Z.getFilter,i.filter),n==c.Z.internalColumn.recordeditor?e.bHasEditColumn=!0:n==c.Z.internalColumn.recordremover?e.bHasRemoveColumn=!0:n===c.Z.internalColumn.recordselector?e.bHasSelectorColumn=!0:n===c.Z.internalColumn.rownumber?e.bHasRowNumberColumn=!0:n===c.Z.internalColumn.recordinfo?e.bHasInfoColumn=!0:n===c.Z.internalColumn.recordduplicate?e.bHasDuplicateColumn=!0:n===c.Z.internalColumn.rowgroup&&(e.bHasRowGroupColumn=!0,e.bGroupBy=!0,o&&(e.aGroupBy=o.split(",").map((function(e){return e.trim()})))),e.setupCardHeader()}},{key:"updateGlobalIntlSort",value:function(e){var t=d.Z.getCellType(this.type);this.setCellTypeManager(this.sorter,"fnSorter",d.Z.getSorter,t.sorter,t.intlSorter,this.widget)}},{key:"setIntlSort",value:function(e,t,o){var n=this.sLocale||this.getAttribute("locale"),r=this._oParsedColumnMapping.sSortIntl;o&&void 0===r&&(r=o.sSortIntl),null==r?(n||(n=h.default.getLocale(o)),"en"!==n.substring(0,2).toLowerCase()&&(e.method=t)):"disabled"!==r&&(e.method=t)}},{key:"setCellTypeManager",value:function(e,t,o,n,r,i){if(i=i||this.widget,n&&!n.method&&(n={method:n,scope:null}),n&&r&&this.setIntlSort(n,r,i),!1===e||"false"===e||"disabled"===e)this._oParsedColumnMapping[t]=!1;else if(l.HD(e)){if(this._oParsedColumnMapping[t]=u.Z.setUserFunction(o,e),"oFilter"===t){var a=this._oParsedColumnMapping[t];a&&a.method&&n&&n.method&&l.kn(a.method,n.method)}if(this._oParsedColumnMapping.sEditorType=e,"fnSorter"===t&&null===this._oParsedColumnMapping[t])return this._oParsedColumnMapping[t]=n,this._oParsedColumnMapping.sSorterIndex=e,void(this._oParsedColumnMapping.aUserSet[t]=!1)}else this._oParsedColumnMapping[t]=e?{method:e,scope:null}:n;if("oValidator"===t&&e){var s=this._oParsedColumnMapping[t]&&this._oParsedColumnMapping[t].method;if(s&&!s.validator){var d={validator:s};this._oParsedColumnMapping[t].method=d}}this._oParsedColumnMapping.aUserSet[t]=!!e}},{key:"setRenderer",value:function(e,t){t&&l.HD(t)?this._oParsedColumnMapping["fn".concat(e,"Renderer")]=u.Z.setUserFunction(null,t):this._oParsedColumnMapping["fn".concat(e,"Renderer")]=null}},{key:"setCellClass",value:function(e){e&&this.setCellTypeManager(e,"fnCellClass")}},{key:"setGroup",value:function(e){var t=this.widget,o=t.aGroupBy;o||(t.aGroupBy=o=[]);var n=o.slice(0),r=this._oParsedColumnMapping.sFieldIndex;e?(t.bGroupBy=!0,o.push(r)):o.splice(o.indexOf(r),1),0===o.length&&(t.bGroupBy=!1),t._updateGroupedColumnReset(!0,0===o.length,n)}},{key:"setAggregateCell",value:function(e,t,o){var n=o.aColumnMapping,r="fn".concat(t,"Cell");if(null===e){var i="s".concat(t,"Cell");this._oParsedColumnMapping[r]=!1,o["bHas".concat(t,"Row")]=n.some((function(e){return e[i]}))}else l.HD(e)&&(this._oParsedColumnMapping[r]=u.Z.setUserFunction(null,e),o["bHas".concat(t,"Row")]=!0)}},{key:"setColumnWidth",value:function(e,t){var o=this._oParsedColumnMapping,n=this._oParsedColumnMapping.sCellType,r=this.parseWidth(t,n,e);!isNaN(r)&&this.cellBreak,o.mOldWidth=o.mWidth,o.mWidth=r}},{key:"parseWidth",value:function(e,t,o){var n;(o=o||this.widget)&&(n=o.webcomponent.columnWidth)&&(n=n.toString().replace("px","")),e?o.bOnlyColumnWidth=!1:n&&void 0===o.bOnlyColumnWidth&&(o.bOnlyColumnWidth=!0),n=n||"fit",-1!==c.Z.internalColumnTypes.indexOf(t)&&(n=c.Z.zgCell.actionCellKey);var r=e||n;return null!=r&&(l.HD(r)&&(/%$/.test(r)||"stretch"==r||"fit"==r||"fitheader"==r||"fitaction"==r||"fitcontent"==r)?n=r:(n=parseFloat(r),Number.isNaN(n)&&(n="fit"))),n}},{key:"setDirectValues",value:function(){var e=this._oParsedColumnMapping;for(var t in w){var o=w[t];o.mapping&&(o.hasOwnProperty("default")&&void 0===this[t]?e[o.mapping]=o.default:(e[o.mapping]=this[t],"index"===t&&this[t]===c.Z.store.keyField&&(e.bIsKeyIndex=!0)))}}},{key:"setHeader",value:function(e,t,o){t=t||this.widget;var n=this._oParsedColumnMapping,r=t.sNestedDataSeparator;o||(e=e||this.header);var i=n.sFieldIndex;void 0!==e?n.bIsHeaderTextUserProvided=!0:n.sCellType===c.Z.cellTypes.aggregate&&(i=t.aggregateManager.getAggregateColumnHeader(n));var a=0;if(null!==i&&(a=l.Ld._splitHeader(i,r).length),e)i=l.kJ(e)?"disabled"!==r?e.join(r):e.join(" "):String(e),a=l.Ld._splitHeader(e,r).length;else if(i&&(t.bHeaderAutoFormat&&!1!==this.bHeaderAutoFormat||this.bHeaderAutoFormat)){i=l.Ld.camelCaseToReadable(i,r);var s=this.fnHeaderAutoFormat||t.fnHeaderAutoFormat;s&&(i=s.method.apply(s.scope,[n.sFieldIndex,i])||i),a=l.Ld._splitHeader(i,r).length}t.nHeaderDepth=Math.max(t.nHeaderDepth,a),this.removeAttribute("min-calculated-header-width"),n.sColumnHeaderText=i,n.nHeaderDepth=a}},{key:"setCallbackProperties",value:function(e,t,o){e&&"string"==typeof e?(this._oParsedColumnMapping[o]=u.Z.setUserFunction(null,e),this._oParsedColumnMapping[t]=e):(this._oParsedColumnMapping[o]=null,this._oParsedColumnMapping[t]=null)}},{key:"setButtonDisabled",value:function(e){this.setCallbackProperties(e,"bTypeButtonDisabled","fnTypeButtonDisabled")}},{key:"setClickCallback",value:function(e){this.setCallbackProperties(e,"sTypeButtonHandler","fnTypeButtonHandler")}},{key:"setHeaderAutoFormat",value:function(e,t){""===e||null===e?this.bHeaderAutoFormat=!0:(this.bHeaderAutoFormat="disabled"!==e&&!!e,this.bHeaderAutoFormat&&"string"==typeof e&&(this.fnHeaderAutoFormat=u.Z.setUserFunction(null,e))),this.bReady&&this.setHeader(null,t)}},{key:"setSorting",value:function(e,t,o){this._oParsedColumnMapping.nSortOrder=0,e?this._oParsedColumnMapping.nSortOrder=1:t&&(this._oParsedColumnMapping.nSortOrder=-1),o&&(this.sortAsc=e,this.sortDesc=t),this.widget&&this.widget.bSorting||(this.sortAsc||this.sortDesc)&&(this.widget?this.sortStyleUpdate():this.bNeedsSortUpdate=!0)}},{key:"sortStyleUpdate",value:function(){var e=this;this.widget.webcomponent._wrapAPI((function(){if(e.bNeedsSortUpdate=!1,e.sortAsc||e.sortDesc){var t=e.sortAsc?"asc":"desc",o=e._oParsedColumnMapping.oDOMSortHeader;o&&o.onSort(null,null,t)}}))}},{key:"sortUpdate",value:function(){var e=this.widget,t=e.store;t.isServerSort()?(e.savedScrollVal=e.oDOMMainScroll.scrollLeft,1===this._oParsedColumnMapping.nSortOrder?t.oDataFormat.sSortDir="asc":-1===this._oParsedColumnMapping.nSortOrder?t.oDataFormat.sSortDir="desc":delete t.oDataFormat.sSortDir,0!==this._oParsedColumnMapping.nSortOrder?t.oDataFormat.sSortBy=this.index:delete t.oDataFormat.sSortBy,t.reset(),this.widget.nCurrPageIdx=0,this.widget.dumpRowMapping(),t.load()):this.update(["bUpdateRowMappingOrder","bUpdateBodyContent"])}},{key:"update",value:function(e,t,o){var n=t||this.widget,r=o?void 0:n.getZGColumnIndex(this._oParsedColumnMapping),i={};e.forEach((function(e){return i[e]=!0})),n.updater.update(i,null,r)}},{key:"updateIndex",value:function(e){var t=this._oParsedColumnMapping,o=this.widget,n=o.store,r=t.sFieldIndex=e||"";if(t.bIsHeaderTextUserProvided||this.setHeader(void 0,o),n.bHasLoaded){o.bIsUpdatingType=!0;var i=n.getFieldStructure(),a=i?i[r]:"text",s="text";if("number"===a&&(s=a),t.bIsTypeUserProvided||(t.oDOMZGColumn[c.Z.attr.type]=s,t.bIsTypeUserProvided=!1),o.bIsUpdatingType=!1,t.sCellType===c.Z.internalColumn.rowgroup&&!o.bEditingControls){var l=o.aGroupBy.slice(0);r?o.aGroupBy=r.split(",").map((function(e){return e.trim()})):(o.aGroupBy=[],o.bGroupBy=!1),o._updateGroupedColumnReset(!0,0===o.aGroupBy.length,l)}}}},{key:"needToCalcEditorWidth",value:function(){var e=this._oParsedColumnMapping,t=this.widget;return t&&t.bHasEditorEnabled&&e.oEditor&&!e.aUserSet.oEditor&&e.oEditor.method.bCalculateWidth}},{key:"updateAttributeValue",value:function(e,t){var o=this.widget,n=this._oParsedColumnMapping;if(w[e].mapping&&"index"!==e)n[w[e].mapping]=t;else{var r=d.Z.getCellType(n.sCellType);switch(e){case"editor":this.setCellTypeManager(t,"oEditor",d.Z.getEditor,r.editor);break;case"editorTemplate":this.setTemplateById(t,"oDOMEditorTemplate");break;case"detailsTemplate":this.setTemplateById(t,"oDOMDetailsTemplate");break;case"headerTooltipTemplate":this.setTemplateById(t,"oDOMHeaderTooltipTemplate");break;case"cellTooltipTemplate":this.setTemplateById(t,"oDOMCellTooltipTemplate");break;case"filter":t&&"disabled"!==t?this.widget.bHasFilterEnabled=!0:null===this.widget.webcomponent.getAttribute("filter")&&(this.widget.aColumnMapping.some((function(e){return e.oDOMZGColumn.getAttribute("filter")}))||(this.widget.bHasFilterEnabled=!1)),n.bFilter=!t||"disabled"!==t.toLowerCase();break;case"filterer":var i=d.Z.getCellType(t);i&&(r=i),this.setCellTypeManager(t,"oFilter",d.Z.getFilter,r.filter);break;case"header":this.setHeader(t,o,!0);break;case"headerAutoFormat":this.bReady&&this.setHeaderAutoFormat(t,o);break;case"index":this.updateIndex(t);break;case"renderer":this.setCellTypeManager(t,"fnRenderer",d.Z.getRenderer,r.renderer);break;case"rendererTemplate":this.setTemplateById(t,"oDOMRenderTemplate");break;case"typeSelectOptions":n.aSelectOptions=t?l.Ld.formatToArray(t):null;break;case"sortAsc":this.setSorting(t,this.sortDesc);break;case"sortDesc":this.setSorting(this.sortAsc,t);break;case"sortIntl":n.sSortIntl=t,this.setCellTypeManager(this.sorter,"fnSorter",d.Z.getSorter,r.sorter,r.intlSorter);break;case"sorter":this.setCellTypeManager(t,"fnSorter",d.Z.getSorter,r.sorter,r.intlSorter);break;case"type":n.sCellType=t||"text";break;case"typeButtonDisabled":this.setButtonDisabled(t);break;case"typeButtonHandler":this.setClickCallback(t);break;case"validator":this.setCellTypeManager(t,"oValidator",d.Z.getValidator,r.validator);break;case"width":this.setColumnWidth(o,t)}}}},{key:"_propertyHandler",value:function(e,t,o){var n,r=this.widget,i=this._oParsedColumnMapping;if("sortAsc"===e||"sortDesc"===e){var s="sortAsc"===e?"sortDesc":"sortAsc";if(this._ASC_DESC_LOCK_)return o;this._ASC_DESC_LOCK_=!0,n=this[s],o&&n&&(this[s]=!1),this._ASC_DESC_LOCK_=!1}if(o=g(v(a.prototype),"_propertyHandler",this).call(this,e,t,o),"widget"!==e){if(!r)return o;this.updateAttributeValue(e,o)}var l=w[e];if(l.bRefreshContent)this.update(["bUpdateBodyContent","bUpdateColumnHeaderContent","bUpdateColumnFooterContent"]);else if(l.bRefreshContentWidth)this.widget.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0});else switch(e){case"align":this.setAlign(o,r,this._oParsedColumnMapping);break;case"cellClass":this.setCellClass(o),this.update(["bUpdateBodyContent"]);break;case"cellTooltipRenderer":this.setRenderer("CellTooltip",o),this.update(["bUpdateBodyContent"]);break;case"defaultDisplay":this.update(["bUpdateBodyContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"detailsRenderer":this.setRenderer("Details",o),this.update(["bUpdateBodyContent"]);break;case"drag":this.widget.columnDragManager.setColumnDrag();break;case"filterer":case"filter":this.update(["bUpdateColumnHeaderContent","bUpdateFilter","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"filterIndex":if(this.bReady){var d=o||this._oParsedColumnMapping.sFieldIndex||"";this._oParsedColumnMapping.oDOMFilter.sFilterIndex=d.split(",")[0]}break;case"filterKey":if(this.bReady){var u=o||this._oParsedColumnMapping.oDOMFilter.sFilterIndex||this._oParsedColumnMapping.sFieldIndex||"";this._oParsedColumnMapping.oDOMFilter.sFilterKey=u.split(",")[0]}break;case"footCell":this.setAggregateCell(o,"Foot",r),this.update(["bUpdateColumnFooter","bUpdateColumnFooterContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"frozen":if(!r.bUpdatingFrozen){var h=r.getZGColumnIndex(i),f=r.getAreaByColumnIndex(h),p=o;if("left"!==p&&"right"!==p&&(p="main"),p!==f){var m=r.getBodyByColumnIndex(h),b=r.getAdjustedColumnIndex(h),y=this.getFrozenColumnNewIndex(r,p,f);null!==y&&r.moveColumn(h,y,!0,m,b)}}break;case"group":if(this.bReady){this.setGroup(o);break}case"groupHeadCell":this.setAggregateCell(o,"GroupHead",r);break;case"headCell":this.setAggregateCell(o,"Head",r),this.update(["bUpdateColumnHeaderContent"]);break;case"headerTooltipText":case"headerTooltipDelay":case"headerTooltipIcon":case"headerTooltipIconPosition":case"headerTooltipPosition":case"headerTooltipTemplate":case"headerTooltipType":case"headerTooltipTrigger":case"headerTooltipAction":this.update(["bUpdateColumnHeaderContent"]);break;case"headerTooltipRenderer":this.setRenderer("HeaderTooltip",o),this.update(["bUpdateColumnHeaderContent"]);break;case"header":case"headerAutoFormat":this.update(["bUpdateColumnHeaderContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"hidden":if(!r.updater.updating&&!this.widget.bUpdatingHidden&&!r.bEditingControls){var z=r.getZGColumnIndex(this._oParsedColumnMapping);r.updater.toggleColumn(z,o),r._updateHiddenColumn(o,this._oParsedColumnMapping)}break;case"index":r.bEditingControls||this.update(["bUpdateBodyContent","bUpdateColumnHeaderContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"menuText":r.columnMenu&&r.columnMenu.initMenu();break;case"renderer":i.bIsRendererUserProvided=!0,r.bIsUpdatingType||this.update(["bUpdateBodyContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"rendererTemplate":this.update(["bUpdateBodyContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"resizablePersistent":case"resizable":var C=r.getZGColumnIndex(this._oParsedColumnMapping);r.getHeaderCells(C,null,!0).forEach((function(e){return e._setResize()}));break;case"sort":var S=this._oParsedColumnMapping.oDOMSortHeader;o?"disabled"===o&&(S.setAttribute("sort","disabled"),S._removeSort()):(S.removeAttribute("sort"),S._setupSort(o));break;case"sortAsc":case"sortDesc":(o||!n)&&this.sortUpdate();break;case"type":this.setCellType(r,o),r.bIsUpdatingType||(t===c.Z.internalColumn.recordselector?(r.bHasSelectorColumn=!1,this.update(["bUpdateBodyContent","bUpdateColumnWidthCache","bUpdateColumnWidth","bUpdateColumnHeaderContent"]),r.webcomponent._checkRemoveCaption()):t===c.Z.internalColumn.rowgroup?r._updateGroupedColumnReset(!0,!0):o===c.Z.internalColumn.rowgroup?r._updateGroupedColumnReset(!0):(t!==c.Z.cellTypes.aggregate||i.bIsHeaderTextUserProvided||this.setHeader(void 0,r),this.update(["bUpdateBodyContent","bUpdateColumnWidthCache","bUpdateColumnWidth","bUpdateColumnHeaderContent","bUpdateColumnFooter","bUpdateColumnFooterContent","bUpdateColumnFooterAssignment"]))),i.bIsTypeUserProvided=!0;break;case"typeAggregateOmit":this.update(["bUpdateBodyContent","bUpdateColumnHeaderContent","bUpdateColumnFooterContent"],void 0,!0);break;case"typeAggregateValue":i.bIsHeaderTextUserProvided||this.setHeader(void 0,r),this.update(["bUpdateBodyContent","bUpdateColumnHeaderContent","bUpdateColumnFooterContent"]);break;case"typeSelectOptions":this.update(["bUpdateBodyContent","bUpdateColumnHeaderContent","bUpdateFilter","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"minWidth":case"width":this.widget.bIsColumnResizeActive||this.update(["bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"widget":if(t==o)return o;if(r){var k=r.getZGColumnIndex(i);r.aColumnMapping.splice(k,1),r.bIsColumnMoverActive||r.update()}var x=o;if(x){var O=Array.prototype.indexOf.call(x.webcomponent.querySelectorAll("zg-column"),this);if(this.initialLoad(x,i),-1!==O){x.aColumnMapping.splice(O,0,i);var _=this.parentNode;_&&x.aColumnMapping.length===_.querySelectorAll("zg-column").length&&(x.bUpdateColGroup?_.rerender():!x.bIsColumnMoverActive&&x.bAPIReady?x.store.reload():x.bIsColumnMoverActive||x.update())}this.controlDefined||(x.bIsMappingUserProvided=!0)}}return o}}])&&p(t.prototype,o),n&&p(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(y,C);const S=C},54830:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>w});var n=o(54739),r=o(11229),i=o.n(r),a=o(42952),s=o.n(a),l=o(87822),d=o(37486),c=o(19791);function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function h(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==u(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===u(i)?i:String(i)),n)}var r,i}function f(){return f="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=m(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},f.apply(this,arguments)}function p(e,t){return p=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},p(e,t)}function g(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=m(e);if(t){var r=m(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function m(e){return m=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},m(e)}var b="zg-control-bar",v={},y=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&p(e,t)}(a,e);var t,o,n,r=g(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){f(m(a.prototype),"init",this).call(this,b,s(),i(),v)}},{key:"ready",value:function(){f(m(a.prototype),"ready",this).call(this),this.widget=this._getHostContext();var e=this.widget.webcomponent;if(e.layout&&e.layout.length&&this.setAttribute(l.Z.zgLayout.attr,e.layout),"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl"),!this.widget.bPreloaded){var t='\n            <zg-separator slot="cardaction" hidden id="afterselect"></zg-separator>\n            <zg-button '.concat(l.Z.attr.datafocus,' slot="action" action="createrecord" hidden></zg-button>\n            <zg-separator slot="action" hidden id="beforeedit"></zg-separator>\n            <zg-text id="label" slot="action"></zg-text>\n            <zg-button ').concat(l.Z.attr.datafocus,' slot="action" action="batchedit" hidden></zg-button>\n            <zg-button ').concat(l.Z.attr.datafocus,' slot="action" action="batcheditsave" hidden></zg-button>\n            <zg-button ').concat(l.Z.attr.datafocus,' slot="action" action="batcheditcancel" hidden></zg-button>\n            <zg-text id="unsaved" slot="message" hidden></zg-text>\n        '),o=(0,d.W2)(t);this.appendChild(o)}this.oDOMCreate=this.querySelector('zg-button[action="createrecord"]'),this.oDOMBatchEdit=this.querySelector('zg-button[action="batchedit"]'),this.oDOMBatchSave=this.querySelector('zg-button[action="batcheditsave"]'),this.oDOMBatchCancel=this.querySelector('zg-button[action="batcheditcancel"]'),this.oDOMUnsavedSpan=this.querySelector("zg-text#unsaved"),this.oDOMBatchEditLabel=this.querySelector("zg-text#label"),this.oDOMBatchEditLabel&&(this.oDOMBatchEditLabel.innerHTML=d.Iu({msg:c.default.get("batchEdit.label",this.widget,{element:this.oDOMBatchEditLabel,elProperty:"innerHTML"})})),e.oDOMLayoutControls&&this.appendChild(e.oDOMLayoutControls),e.batchEdit&&e._setBatchEditControls(!0),this.widget.webcomponent._toggleControlBar()}},{key:"checkMessageSize",value:function(){var e=this.oDOMUnsavedSpan;if(this.widget&&this.widget.batchEditor.isActive()){this.removeAttribute(l.Z.attr.batchEditLongMessage);var t=window.getComputedStyle(e);t.height>t.lineHeight&&this.setAttribute(l.Z.attr.batchEditLongMessage,"")}}},{key:"disconnectedCallback",value:function(){f(m(a.prototype),"disconnectedCallback",this).call(this),this.oDOMCreate=null,this.oDOMBatchEdit=null,this.oDOMBatchSave=null,this.oDOMBatchCancel=null}}])&&h(t.prototype,o),n&&h(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(b,y);const w=y},29836:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>y});var n=o(54739),r=o(90963),i=o.n(r),a=o(91573),s=o.n(a),l=o(87822);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g="zg-data",m={adapter:{type:String,bReflectToAttribute:!0},data:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},idKey:{type:String,bReflectToAttribute:!0},options:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},src:{type:String,bReflectToAttribute:!0},widget:{}},b=n.Z.getObservedAtts(m),v=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,n=[{key:"observedAttributes",get:function(){return b}}],(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){u(p(a.prototype),"ready",this).call(this);var e=this._getHostContext();e.webcomponent.oDOMData=this,this.widget=e,this.setAttribute(l.Z.attr.hidden,"")}},{key:"_propertyHandler",value:function(e,t,o){o=u(p(a.prototype),"_propertyHandler",this).call(this,e,t,o);var n,r,i=this.widget;if("widget"!==e&&!i)return o;switch(i?(n=i.webcomponent,r=i.store):(n=o.webcomponent,r=o.store),e){case"options":r.loadData(o,n.params);break;case"data":this.bReady&&r.loadData(this.options,n.params,{data:o},!0);break;case"src":this.bReady&&r.loadData(this.options,n.params,{src:o});break;case"widget":r.loadData(this.options,n.params)}return o}},{key:"setOptions",value:function(e){var t=this.querySelectorAll("zg-param");for(var o in t.forEach((function(t){if(void 0!==t.name&&void 0!==t.value){var o,n=t.value.trim()[0];if("{"===n||"["===n)try{o=JSON.parse(t.value)}catch(e){}void 0===o&&(o=t.value),"false"===o&&(o=!1),e[t.name]=o}})),m)"widget"!==o&&"options"!==o&&this[o]&&!e.hasOwnProperty(o)&&(e[o]=this[o]);return this.nCheckedParams=t.length,e}},{key:"disconnectedCallback",value:function(){var e=this.widget;u(p(a.prototype),"disconnectedCallback",this).call(this),e&&!e.bDisconnect&&e.webcomponent.resetData()}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,v);const y=v},98316:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>S});var n=o(54739),r=o(97493),i=o.n(r),a=o(51694),s=o.n(a),l=o(31769),d=o(87822),c=o(37486),u=o(96766),h=o(19791);function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function p(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==f(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===f(i)?i:String(i)),n)}var r,i}function g(){return g="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=v(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},g.apply(this,arguments)}function m(e,t){return m=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},m(e,t)}function b(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=v(e);if(t){var r=v(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===f(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function v(e){return v=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},v(e)}var y=d.Z.zgDialog.tagName,w={open:{type:Boolean,default:null,bReflectToAttribute:!0},label:{type:String,default:"",bReflectToAttribute:!0},cancel:{type:String,bReflectToAttribute:!0},confirm:{type:String,bReflectToAttribute:!0}},z=n.Z.getObservedAtts(w),C=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&m(e,t)}(a,e);var t,o,n,r=b(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,n=[{key:"observedAttributes",get:function(){return z}}],(o=[{key:"init",value:function(){g(v(a.prototype),"init",this).call(this,y,s(),i(),w)}},{key:"ready",value:function(){g(v(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this._label=null,"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl"),this.userAddedContainAttr=this.ZG.getAttribute(d.Z.zgDialog.attr),null!==this.userAddedContainAttr&&this.setAttribute(d.Z.attr.internalattach,"grid"),this.cancel&&this._setCancel(this.cancel),this.confirm&&this._setConfirm(this.confirm),this.bindDom(),this.bindEvents(),c.CL(this),this.open&&this.showDialog()}},{key:"showDialog",value:function(){this.getRequestedDialogData(),this.initLabelText(),this.setCancel(),this.setConfirm(),this.setBody(),this.displayDialog()}},{key:"hideDialog",value:function(){this.$dialog.close(),document.body.style.overflow=this.ZG.defaultBodyOverflow}},{key:"setDialog",value:function(e){this.setAttribute(d.Z.attr.type,e),this.setAttribute(d.Z.attr.open,"")}},{key:"bindDom",value:function(){var e=this.shadowRoot;this.$dialog=e.querySelector("dialog"),this.$form=e.querySelector("form"),this.$body=e.querySelector(".zg-dialog-body"),this.$bodycontent=e.querySelector(".zg-dialog-content-wrapper"),this.$error=e.querySelector(".zg-dialog-error"),this.$footer=e.querySelector(".zg-dialog-footer"),this.$header=e.querySelector(".zg-dialog-header"),this.$cancel=e.querySelector(".zg-dialog-cancel"),this.$close=e.querySelector(".zg-dialog-close"),this.$confirm=e.querySelector(".zg-dialog-confirm"),this.$label=e.querySelector(".zg-dialog-label")}},{key:"bindEvents",value:function(){var e,t=this;this.aEvents=[],e=l.Z.get(document.body).on("keydown",(function(e){if(e.nCharCode===e.ESC){if(!t.$dialog.hasAttribute(d.Z.attr.open))return;t.fire("dialogClose"),t.fire("dialogCloseFromEscape"),t.closeEvent(e)}}),this),this.aEvents.push(e),e=this.on("click",(function(e){t.fire("dialogClose"),t.fire("dialogCloseFromMask"),t.closeEvent(e)}),this),this.aEvents.push(e),e=l.Z.get(this.$form).on("click",this.formEvent,this),this.aEvents.push(e),e=l.Z.get(this.$cancel).on("click",(function(e){if(t.cancel&&!t.fnCancel&&t._setCancel(t.cancel),t.fnCancel){var o=t.fnCancel.scope||t;t.fnCancel.method.apply(o,[t])}t.fire("dialogCancel"),t.closeEvent(e)})),this.aEvents.push(e),e=l.Z.get(this.$close).on("click",(function(e){t.fire("dialogClose"),t.fire("dialogCloseFromButton"),t.closeEvent(e)})),this.aEvents.push(e),e=l.Z.get(this.$confirm).on("click",(function(e){if(e.preventDefault(),t.fnConfirm){var o=t.fnConfirm.scope||t;t.fnConfirm.method.apply(o,[t])}!1!==t.fire("dialogConfirm")&&t.closeEvent(e)}),this,{},!1),this.aEvents.push(e)}},{key:"uns",value:function(){if(this.aEvents&&this.aEvents.length){for(var e=0;e<this.aEvents.length;e++)this.aEvents[e](),this.aEvents[e]=null;this.aEvents.length=0}}},{key:"displayError",value:function(e,t){e?(this.$error.innerHTML=t,this.$body.setAttribute(d.Z.validation.haserror,"")):this.$body.removeAttribute(d.Z.validation.haserror)}},{key:"displayDialog",value:function(){var e=this.widget.isStorybook("dialog");e?this.$dialog.setAttribute("open",""):this.$dialog.show(),null===this.userAddedContainAttr&&(document.body.style.overflow=d.Z.attr.hidden),e||(this.$cancel.hasAttribute(d.Z.attr.hidden)?this.$confirm.focus():this.$cancel.focus())}},{key:"getRequestedDialogData",value:function(){var e=this.getAttribute(d.Z.attr.type);this.currentDialogData=this.ZG.dialogArr.filter((function(t){return t.type===e}))[0]}},{key:"setBody",value:function(){var e=this,t=this.currentDialogData?this.currentDialogData.body:this.innerHTML;if(t){var o=document.createElement("div");o.classList.add("zg-dialog-body-wrap"),o.insertAdjacentHTML("afterbegin",t);var n=o.querySelectorAll(d.Z.zgIcon.tagName);n.forEach((function(e){return e.remove()})),this.currentDialogData&&this.currentDialogData.body&&(this.innerHTML="",this.$bodycontent.innerHTML="",this.currentDialogData&&this.currentDialogData.label&&(this.$label.textContent=this.currentDialogData.label),this.$bodycontent.appendChild(o),n.forEach((function(t){return e.appendChild(t)}))),t.length&&this.$body.setAttribute(d.Z.attr.hasText,"")}}},{key:"setCancel",value:function(){this.currentDialogData&&this._setButton(this.$cancel,{data:this.currentDialogData.cancel,name:"cancel"})}},{key:"setConfirm",value:function(){this.currentDialogData&&this._setButton(this.$confirm,{data:this.currentDialogData.confirm,name:"confirm"})}},{key:"initLabelText",value:function(){var e=this.getAttribute("label");!e&&this.currentDialogData&&(e=this.currentDialogData.label),e&&(this.label=e)}},{key:"setLabelText",value:function(e){this.$label&&(this.$label.textContent=e)}},{key:"getInputContainer",value:function(){return this.$body.querySelector("#inputs")}},{key:"closeEvent",value:function(e){this.open&&(this.open=!1),this.unAll(),this.displayError(!1)}},{key:"formEvent",value:function(e){e.stopPropagation()}},{key:"_setButton",value:function(e,t){var o=t.data,n=t.name;o&&o.text?e.textContent=o.text:e.textContent=h.default.get("dialog",this.widget,{element:this,elProperty:"textContent",langProperty:"name"})[n],t&&o&&!1===o.show?e.setAttribute(d.Z.attr.hidden,""):e.removeAttribute(d.Z.attr.hidden),t&&o&&o.initialDisabled?e.setAttribute("disabled",""):e.removeAttribute("disabled")}},{key:"_setCancel",value:function(e){this.fnCancel=u.Z.setUserFunction(null,e)}},{key:"_setConfirm",value:function(e){this.fnConfirm=u.Z.setUserFunction(null,e)}},{key:"_propertyHandler",value:function(e,t,o){var n=this.widget;if(o=g(v(a.prototype),"_propertyHandler",this).call(this,e,t,o),this.bReady)switch(e){case"open":o?this.showDialog():n.recordEditor.bIsOpen?n.recordEditor.cancelOpenEdit(null,n.editorManager.se):this.hideDialog();break;case"label":this.setLabelText(o)}return o}},{key:"disconnectedCallback",value:function(){g(v(a.prototype),"disconnectedCallback",this).call(this),this.innerHTML="",this.$dialog&&(this.$dialog.innerHTML="",this.$dialog.remove());for(var e=["$label","$confirm","$close","$cancel","$header","$footer","$error","$bodycontent","$body","$form","$dialog"],t=0;t<e.length;t++)this.cleanElement(e[t]);this.currentDialogData=null}}])&&p(t.prototype,o),n&&p(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(y,C);const S=C},78792:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>y});var n=o(54739),r=o(84052),i=o.n(r),a=o(83635),s=o.n(a),l=o(31769);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g="zg-editor-row",m={active:{type:Boolean,bReflectToAttribute:!0},activeCellEdit:{type:Boolean,bReflectToAttribute:!0},activeRowEdit:{type:Boolean,bReflectToAttribute:!0},editor:{type:String,bReflectToAttribute:!0}},b=n.Z.getObservedAtts(m),v=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,n=[{key:"observedAttributes",get:function(){return b}}],(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){u(p(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.oDOMWrapper=l.Z.get(this.shadowRoot.querySelector("#wrapper")),this.oDOMInputContainer=this.shadowRoot.querySelector("#inputs"),this.oDOMInputContainerCopy=this.oDOMInputContainer.cloneNode(!0),this.oDOMWrapper.on("click",(function(e){return e.stopPropagation()}))}},{key:"ons",value:function(){this.unsubKey=this.on("keydown",this.onKeyDown,this,{},!1)}},{key:"getEditorTemplate",value:function(){var e=this.shadowRoot.querySelector("#editorRowFieldTemplate");return document.importNode(e.content,!0)}},{key:"getEditorCardTemplate",value:function(){var e=this.shadowRoot.querySelector("#editorCardTemplate");return document.importNode(e.content,!0)}},{key:"positionSelfWithinGrid",value:function(){var e,t=this.widget,o=t.editorManager.se.nRowContainerIndex,n=t.getFrozenRowState(o),r=t.getContainerRowIndexByDataRowIndex(o),i=this.oDOMWrapper;if((e="top"===n?this.oDOMHead:"bottom"===n?this.oDOMFoot:this.oDOMBody).childNodes.length){var a=l.Z.get(e),s=l.Z.get(e.childNodes[r]).getXY(),d=a.getY(),c=a.getX(!0),u=t.mainGridTable.getScroll().left||0;i.setTop(s[1]-d),i._setLeft(s[0]-c+u)}}},{key:"positionEditorWithinRow",value:function(e,t){var o=this.widget,n=this.oDOMBody,r=l.Z.get(n).getX(),i=e.el.getXY(),a=e.el.getSize(),s=o.mainGridTable.getScroll().left||0;t.style.top="1px",t.style.left="".concat(i[0]-r+s,"px"),t.style.width="".concat(a[0],"px"),t.style.height="".concat(a[1]-1,"px")}},{key:"onKeyDown",value:function(e){var t=this.widget,o=t.editorManager,n=e.nCharCode,r=o.se.sContextLevel;if(t.batchEditor.isActive())t.batchEditor.onKeyDown(e);else if("row"===r&&n===e.TAB){for(var i=e.oBrowserEvent.composedPath(),a=null,s=0;s<i.length;s++){var l=i[s];if("label"===l.tagName.toLowerCase()){a=l;break}}if(a&&!a.nextElementSibling){var d=o.se.nRowContainerIndex;o.focusNextInput(this.oDOMInputContainer,d)||t.recordEditor.oDOMSubmitButton.focus(),e.stopEvent()}}}},{key:"disconnectedCallback",value:function(){u(p(a.prototype),"disconnectedCallback",this).call(this),this.oDOMWrapper=null,this.oDOMInputContainer=null,this.oDOMInputContainerCopy=null}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,v);const y=v},83836:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>z});var n=o(54739),r=o(64414),i=o.n(r),a=o(88387),s=o.n(a),l=o(31769),d=o(87822),c=o(19791);function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function h(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==u(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===u(i)?i:String(i)),n)}var r,i}function f(){return f="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=m(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},f.apply(this,arguments)}function p(e,t){return p=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},p(e,t)}function g(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=m(e);if(t){var r=m(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function m(e){return m=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},m(e)}var b="zg-filter",v={cellindex:{bReflectToAttribute:!0,type:Number},widget:{}},y=n.Z.getObservedAtts(v),w=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&p(e,t)}(a,e);var t,o,n,r=g(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,n=[{key:"observedAttributes",get:function(){return y}}],(o=[{key:"init",value:function(){f(m(a.prototype),"init",this).call(this,b,s(),i(),v),this.aCustomUns=[],this.sPreviousValue=""}},{key:"ready",value:function(){f(m(a.prototype),"ready",this).call(this),this.aCustomUns=[];var e=this.widget=this.widget||this._getHostContext();if(!this.oColumnMapping&&this.cellindex&&this.associateColumn(this.cellindex),"rtl"===e.sComputedDir&&this.setAttribute("dir","rtl"),this.oColumnMapping.bFilter&&this.oColumnMapping.oFilter){this.oColumnMapping.oDOMFilter=this;var t=this.oColumnMapping.oFilter.method.init,o=this.oColumnMapping.oFilter.method.afterInit;if(t){var n=this.oColumnMapping.oFilter.scope||this;this.widget.bPreloaded?this.oElInput=l.Z.get(this.querySelector("input")):(this.oElInput=l.Z.get(t.apply(n,[this])),this.oElInput.dom.placeholder=c.default.get("tools.filter",this.widget,{element:this.oElInput.dom,elProperty:"placeholder"})),o&&o.apply(n,[this]),this.onCustomEvent()}var r="";this.oColumnMapping&&this.oColumnMapping.sColumnHeaderText&&(r=this.oColumnMapping.sColumnHeaderText),this.oElInput.dom.setAttribute(d.Z.attr.tabindex,-1),this.oElInput.dom.setAttribute(d.Z.aria.label,"Filter ".concat(r," Column"))}}},{key:"onCustomEvent",value:function(){var e=this,t=this.oColumnMapping.oFilter&&this.oColumnMapping.oFilter.method.triggerEvent;t&&t.split(",").map((function(t){var o=e.oElInput.on(t,e.debounceFilter,e);e.aCustomUns.push(o)})),this.unsubKey=this.on("keydown",this.onKeyDown,this,{},!1),this.unsubFocus=this.oElInput.on("focus",this.onFocus,this)}},{key:"customOn",value:function(){this.fireFilterEvent(),this.widget.bodyUpdate(!0)}},{key:"debounceFilter",value:function(e){var t=this,o=d.Z.search.threshold,n=this.latestTime=setTimeout((function(){n===t.latestTime&&t.customOn()}),o)}},{key:"fireFilterEvent",value:function(){var e={sValue:this.getValue(),sFieldIndex:this.sFieldIndex,sFilterIndex:this.sFilterIndex};e.sValue!==this.sPreviousValue&&(this.widget.fire("filter",e),this.sPreviousValue=e.sValue)}},{key:"associateColumn",value:function(e){this.oColumnMapping=this.widget.aColumnMapping[e],this.sFieldIndex=this.oColumnMapping.sFieldIndex,this.sFilterIndex=this.oColumnMapping.sFilterIndex||this.sFieldIndex||"",this.oColumnMapping.sCellType!==d.Z.internalColumn.rowgroup&&(this.sFilterIndex=this.sFilterIndex.split(",")[0]),this.sFilterKey=this.oColumnMapping.sFilterKey||this.sFilterIndex||"",this.oColumnMapping.bFilter&&this.widget.aFilters.push(this)}},{key:"getValue",value:function(){var e="",t=this.oColumnMapping.oFilter&&this.oColumnMapping.oFilter.method.value;if(t){var o=this.oColumnMapping.oFilter.scope||this;e="".concat(t.apply(o,[this]))}return e}},{key:"_propertyHandler",value:function(e,t,o){return o=f(m(a.prototype),"_propertyHandler",this).call(this,e,t,o),"cellindex"===e&&this.bReady&&this.associateColumn(o),o}},{key:"onFocus",value:function(e){this.widget.headerFocusManager.deSelect()}},{key:"onKeyDown",value:function(e){var t=!1;switch(e.nCharCode){case e.LEFT:case e.RIGHT:case e.UP:case e.DOWN:t=!0,e.stopPropagation();break;case e.ENTER:this.oElInput.dom.blur(),this.widget.headerFocusManager.select(this.parentNode.rowIndex,parseInt(this.cellindex,10),!0);break;case e.TAB:if(!this.findNextFilter(e)){var o=this.widget.focusManager;this.oElInput.dom.blur(),o.tabChangeFocus(e,{section:o.GRIDINDEX})}break;default:t=!0}t||e.stopEvent()}},{key:"findNextFilter",value:function(e){var t;return!(!(t=e.bIsSHIFT?this.previousElementSibling:this.nextElementSibling)||!t.oElInput||(t.oElInput.dom.focus(),0))}},{key:"uns",value:function(){this.unsubKey&&this.unsubKey(),this.unsubFocus&&this.unsubFocus();for(var e=0;e<this.aCustomUns.length;e++)this.aCustomUns[e]()}},{key:"disconnectedCallback",value:function(){f(m(a.prototype),"disconnectedCallback",this).call(this),this.oElInput&&this.cleanElement("oElInput"),this.oColumnMapping=null}}])&&h(t.prototype,o),n&&h(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(b,w);const z=w},9898:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>v});var n=o(54739),r=o(35515),i=o.n(r),a=o(76592),s=o.n(a),l=o(31769);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g="zg-focus",m={},b=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){u(p(a.prototype),"ready",this).call(this),this.oElBottom=l.Z.get(this.shadowRoot.querySelector("#bottom")),this.oElLeft=l.Z.get(this.shadowRoot.querySelector("#left")),this.oElRight=l.Z.get(this.shadowRoot.querySelector("#right")),this.oElTop=l.Z.get(this.shadowRoot.querySelector("#top"))}},{key:"draw",value:function(){var e,t,o=this.widget,n=o.selector.se,r=this.oColumnBody.el,i=n.dimension(this.oColumnBody),a=n.dimension(),s=i.xy,l=r.getXY(),d=i.width,c=i.height;this._hide(),e=s[0]-l[0]+o.nScrollLeft,t=s[1]-l[1]+o.nScrollTop,this.oElRight.setXY([e+d-2,t]),this.oElLeft._setStyle("height","".concat(c,"px")),this.oElRight._setStyle("height","".concat(c,"px")),i.xy[0]+d!==a.xy[0]+a.width?this.oElRight._hide():this.oElRight._show(),i.xy[0]!==a.xy[0]?this.oElLeft._hide():this.oElLeft._show(),this.oElTop.setXY([e,t]),this.oElTop._setStyle("width","".concat(d,"px")),this.oElBottom.setXY([e,t+c-2]),this.oElBottom._setStyle("width","".concat(d,"px")),this.oElLeft.setXY([e,t]),this._show()}},{key:"drawCard",value:function(){var e=this.widget,t=e.selector.se.el.dom.parentNode,o=e.oDOMScroller,n=o?l.Z.get(o).getScroll().top:0,r=t.getBoundingClientRect(),i=e.mainGridTable.dom.getBoundingClientRect(),a=r.height,s=r.width,d=r.left-i.left,c=r.top-i.top+n;this.oElRight.setXY([d+s-2,c]),this.oElLeft._setStyle("height","".concat(a,"px")),this.oElRight._setStyle("height","".concat(a,"px")),this.oElTop.setXY([d,c]),this.oElTop._setStyle("width","".concat(s,"px")),this.oElBottom.setXY([d,c+a-2]),this.oElBottom._setStyle("width","".concat(s,"px")),this.oElLeft.setXY([d,c]),this._show()}},{key:"drawArea",value:function(e,t,o){var n=this.widget,r=e.getBoundingClientRect(),i=r.height,a=r.width,s=r.y,l=r.x,d=t.y,c=t.x,u=this.getAttribute("slot"),h=n.mainGridHScroll,f=u==="main".concat(o,"focus")?h.getScroll().left:0;this._hide();var p=l-c+n.nScrollLeft-f,g=s-d+n.nScrollTop;this.oElRight.setXY([p+a-2,g]),this.oElLeft._setStyle("height","".concat(i,"px")),this.oElRight._setStyle("height","".concat(i,"px")),this.oElTop.setXY([p,g]),this.oElTop._setStyle("width","".concat(a,"px")),this.oElBottom.setXY([p,g+i-2]),this.oElBottom._setStyle("width","".concat(a,"px")),this.oElLeft.setXY([p,g]),this._show()}},{key:"drawHeader",value:function(e){var t=this.oColumnHead.getBoundingClientRect();this.drawArea(e,t,"head")}},{key:"drawFooter",value:function(e){var t=this.oColumnFoot.getBoundingClientRect();this.drawArea(e,t,"foot")}},{key:"disconnectedCallback",value:function(){u(p(a.prototype),"disconnectedCallback",this).call(this),this.oElTop=null,this.oElBottom=null,this.oElRight=null,this.oElLeft=null,this.oColumnHead=null,this.oColumnBody=null}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,b);const v=b},14717:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>v});var n=o(54739),r=o(64410),i=o.n(r),a=o(19058),s=o.n(a),l=o(87822);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g="zg-foot",m={},b=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){u(p(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.ZG.layout&&this.ZG.layout.length&&this.setAttribute(l.Z.zgLayout.attr,this.ZG.layout)}},{key:"disconnectedCallback",value:function(){u(p(a.prototype),"disconnectedCallback",this).call(this)}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,b);const v=b},95593:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>b});var n=o(54739),r=o(20422),i=o.n(r),a=o(65491),s=o.n(a);function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function d(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==l(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===l(i)?i:String(i)),n)}var r,i}function c(){return c="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=f(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},c.apply(this,arguments)}function u(e,t){return u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},u(e,t)}function h(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=f(e);if(t){var r=f(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===l(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}var p="zg-footer",g={},m=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&u(e,t)}(a,e);var t,o,n,r=h(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){c(f(a.prototype),"init",this).call(this,p,s(),i(),g)}},{key:"ready",value:function(){c(f(a.prototype),"ready",this).call(this),this.widget=this._getHostContext();var e=this.widget.webcomponent;e.oDOMFooter&&e.oDOMFooter!==this&&(e.oDOMFooter.remove(),e.oDOMFooter=this,e.oDOMFooter.slot="footer")}}])&&d(t.prototype,o),n&&d(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(p,m);const b=m},69775:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>v});var n=o(54739),r=o(63858),i=o.n(r),a=o(76262),s=o.n(a),l=o(87822);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g=l.Z.zgFrozenColgroup.tagName,m={},b=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){u(p(a.prototype),"ready",this).call(this),this.setAttribute(l.Z.attr.hidden,"")}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,b);const v=b},5905:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>C});var n=o(54739),r=o(22287),i=o.n(r),a=o(16288),s=o.n(a),l=o(87822),d=o(31769),c=o(37486);o(96766);function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function h(e){return function(e){if(Array.isArray(e))return f(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return f(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return f(e,t)}(e)||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 f(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function p(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==u(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===u(i)?i:String(i)),n)}var r,i}function g(){return g="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=v(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},g.apply(this,arguments)}function m(e,t){return m=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},m(e,t)}function b(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=v(e);if(t){var r=v(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function v(e){return v=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},v(e)}var y=l.Z.zgHeadCell.tagName,w={},z=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&m(e,t)}(a,e);var t,o,n,r=b(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){g(v(a.prototype),"init",this).call(this,y,s(),i(),w)}},{key:"connectedCallback",value:function(){g(v(a.prototype),"connectedCallback",this).call(this)}},{key:"ready",value:function(){g(v(a.prototype),"ready",this).call(this);var e=this.widget=this._getHostContext();this.ZG=e.webcomponent,this.nIndex=parseInt(this.getAttribute("cellindex"),10);var t=this.querySelector(".zg-head-details-icon");t?this.oDOMDetailsIcon=t:(this.oDOMDetailsIcon=document.createElement("zg-icon"),this.oDOMDetailsIcon.className="zg-head-details-icon",this.insertBefore(this.oDOMDetailsIcon,this.firstChild));var o=this.querySelector(".".concat(l.Z.zgHeadCell.mainIconClass));o?this.oDOMIcon=o:(this.oDOMIcon=document.createElement("zg-icon"),this.oDOMIcon.className=l.Z.zgHeadCell.mainIconClass,this.insertBefore(this.oDOMIcon,this.firstChild)),"rtl"===e.sComputedDir&&this.setAttribute("dir","rtl"),this.ZG=e.webcomponent,this.HEAD_CELL_INDEX=this.getAttribute("cellindex"),this.COLUMNS=e.getAllColumns(),this.MATCHED_COLUMN=this.COLUMNS[this.HEAD_CELL_INDEX],this._setResize(),this._setupSort(this.MATCHED_COLUMN.sort),e.columnDragManager.setColumnDrag()}},{key:"ons",value:function(){this.on("click",this.onSort),this.on("mousedown",this.onDragStart,this,{},!1),this.on("touchstart",this.onTouchStart,this,{},!1)}},{key:"onDragStart",value:function(e){var t=this.widget.columnDragManager;if(t.onStartColumnCommon(this,e)){this.widget.bIsColumnMoverActive=!0;var o=d.Z.get(document);o.on("mousemove",t.onDragMoveColumn,t,{},!1),o.on("mouseup",t.onDragStopColumn,t,{},!1),t.bTouch=!1}}},{key:"onTouchStart",value:function(e){var t=this.widget.columnDragManager;if(t.onStartColumnCommon(this,e)){this.widget.bIsColumnMoverActive=!0;var o=d.Z.get(document);o.on("touchmove",t.onDragMoveColumn,t,{},!1),o.on("touchend",t.onDragStopColumn,t,{},!1),o.on("touchcancel",t.onDragStopColumn,t,{},!1),t.bTouch=!0}}},{key:"onSort",value:function(e,t,o){var n=this.widget;if(!n.bIsColumnResizeActive&&(!e||!e.oDOMTarget||e.oDOMTarget.tagName.toLowerCase()!==l.Z.zgColumnResize.tagName)&&(o=o||null,n.bHasSorterEnabled&&"disabled"!==this.getAttribute("sort")&&!(t&&"zg-head-details-icon"===t.className||this.bTooltipOpen&&this.bIsInfoTooltip))){this.bCleared=!1,this.BODY_ROWS=n.getAllBodyRows(),this.HEAD_ROWS=n.getAllHeadRows(),this.FOOT_ROWS=n.getAllFootRows(),this.SORTED_HEAD_CELL=this,this.SORTED_HEAD_CELL_INDEX=parseInt(this.getAttribute("cellindex"),10),this.COLUMNS=n.getAllColumns(),this.MATCHED_COLUMN=this.COLUMNS[this.SORTED_HEAD_CELL_INDEX],this.CURRENT_SORT=n.sorter.sActiveSortedIndex,this.SAME_COL=this.CURRENT_SORT==this.MATCHED_COLUMN._oParsedColumnMapping.sFieldIndex,n.bSorting=!0,this._removeSortedHeadCell(),this._resetColumns();var r=!this.MATCHED_COLUMN.sortAsc&&!this.MATCHED_COLUMN.sortDesc&&!o||this.MATCHED_COLUMN.sortDesc&&!o&&!this.SAME_COL||"asc"===o,i=!o&&this.MATCHED_COLUMN.sortAsc||"desc"===o,a=this.MATCHED_COLUMN.sortDesc||"none"===o;r?this._setHeadCellAscending():i?this._setHeadCellDescending():a&&this._setHeadCellDefault(),this._setSortedColumn(),this.bCleared||this._toggleBodyCellSorted(),n.bSorting=!1}}},{key:"clearStyle",value:function(e){this.widget.bSorting=!0,e&&(this._resetColumns(),this._removeSortedHeadCell(),this.widget.oDOMSortedColumn=null),this._setHeadCellReset(),this._removeBodyCellSorted(),this.widget.bSorting=!1}},{key:"_setResize",value:function(){var e=this.MATCHED_COLUMN._oParsedColumnMapping.sResizable,t=this.MATCHED_COLUMN._oParsedColumnMapping.sResizablePersistent,o=this.MATCHED_COLUMN._oParsedColumnMapping.sCellType;if((c.Uh(e)||c.Uh(t)||-1===l.Z.internalColumnTypes.indexOf(o))&&this.widget.updater.getLastVisibleColumn().oDOMZGColumn!=this.MATCHED_COLUMN){var n=(c.Uh(this.widget.bColumnResizable)&&!1!==this.widget.bColumnResizable||c.Uh(e))&&"disabled"!==e,r=n&&(this.widget.bColumnResizablePersistent||null!=t)&&"disabled"!==t;if(n&&!this.oResizeHandler){var i=this.oResizeHandler=document.createElement(l.Z.zgColumnResize.tagName);i.slot="column-resize",i.oColumn=this.MATCHED_COLUMN,i.oHeadCell=this,this.appendChild(i)}else!n&&this.oResizeHandler&&(this.removeChild(this.oResizeHandler),this.oResizeHandler=null);r?this.setAttribute(l.Z.zgColumnResize.persistentAttr,""):this.removeAttribute(l.Z.zgColumnResize.persistentAttr),n?this.setAttribute(l.Z.zgColumnResize.attr,""):this.removeAttribute(l.Z.zgColumnResize.attr)}}},{key:"_setupSort",value:function(e){var t=this.widget.webcomponent.hasAttribute(l.Z.sort.attr),o=this.querySelector("zg-icon");void 0===e&&(e=this.querySelector(".".concat(l.Z.zgHeadCell.mainIconClass)).parentNode.hasAttribute("sort"));var n=o.getAttribute(l.Z.attr.name);e||!t||n||(o.setAttribute(l.Z.attr.name,"down"),o.setAttribute(l.Z.attr.init,""))}},{key:"_removeSort",value:function(){var e=this.querySelector("zg-icon");e.removeAttribute(l.Z.attr.name),e.removeAttribute(l.Z.attr.init)}},{key:"_removeSortedHeadCell",value:function(){this.HEAD_ROWS.forEach((function(e){e.querySelectorAll(y).forEach((function(e){e.removeAttribute(l.Z.sort.ascAttr),e.removeAttribute(l.Z.sort.descAttr);var t=e.querySelector(l.Z.zgIcon.tagName);t.removeAttribute(l.Z.sort.ascAttr),t.removeAttribute(l.Z.sort.descAttr),t.parentNode.hasAttribute("sort")||(t.setAttribute(l.Z.attr.name,"down"),t.setAttribute(l.Z.attr.init,""))}))}))}},{key:"_removeBodyCellSorted",value:function(){this.BODY_ROWS.forEach((function(e){e.querySelectorAll(l.Z.zgCell.tagName).forEach((function(e,t){return e.removeAttribute(l.Z.attr.sorted)}))}))}},{key:"_removeHeaderCellSorted",value:function(){this.HEAD_ROWS.forEach((function(e){e.hasAttribute("sorter")||h(e.children).forEach((function(e){return e.removeAttribute(l.Z.attr.sorted)}))}))}},{key:"_removeFooterCellSorted",value:function(){this.FOOT_ROWS.forEach((function(e){h(e.children).forEach((function(e){return e.removeAttribute(l.Z.attr.sorted)}))}))}},{key:"_resetColumns",value:function(){var e=this;this.COLUMNS.forEach((function(t){t!==e.MATCHED_COLUMN&&(t.removeAttribute(l.Z.sort.ascAttr),t.removeAttribute(l.Z.sort.descAttr))}))}},{key:"_setHeadCellAscending",value:function(){this.MATCHED_COLUMN._oParsedColumnMapping.sSortDir="asc",this.MATCHED_COLUMN.sortAsc=!0,this.SORTED_HEAD_CELL.setAttribute(l.Z.sort.ascAttr,""),this.SORTED_HEAD_CELL.removeAttribute(l.Z.sort.descAttr),this.oDOMIcon.removeAttribute(l.Z.attr.init),this.oDOMIcon.removeAttribute(l.Z.sort.descAttr),this.oDOMIcon.setAttribute(l.Z.attr.name,"up"),this.oDOMIcon.setAttribute(l.Z.sort.ascAttr,""),this._setHeaderCellSorted(),this._setFooterCellSorted()}},{key:"_setHeadCellDefault",value:function(){this.clearStyle(!1),this.bCleared=!0}},{key:"_setHeadCellDescending",value:function(){this.MATCHED_COLUMN._oParsedColumnMapping.sSortDir="desc",this.MATCHED_COLUMN.sortDesc=!0,this.SORTED_HEAD_CELL.removeAttribute(l.Z.sort.ascAttr),this.SORTED_HEAD_CELL.setAttribute(l.Z.sort.descAttr,""),this.oDOMIcon.removeAttribute(l.Z.attr.init),this.oDOMIcon.removeAttribute(l.Z.sort.ascAttr),this.oDOMIcon.setAttribute(l.Z.attr.name,"down"),this.oDOMIcon.setAttribute(l.Z.sort.descAttr,""),this._setHeaderCellSorted(),this._setFooterCellSorted()}},{key:"_setHeadCellReset",value:function(){this.MATCHED_COLUMN._oParsedColumnMapping.sSortDir="",this.MATCHED_COLUMN.sortAsc=!1,this.MATCHED_COLUMN.sortDesc=!1,this.SORTED_HEAD_CELL.removeAttribute(l.Z.sort.ascAttr),this.SORTED_HEAD_CELL.removeAttribute(l.Z.sort.descAttr),this.oDOMIcon.removeAttribute(l.Z.sort.ascAttr),this.oDOMIcon.removeAttribute(l.Z.sort.descAttr),this.oDOMIcon.setAttribute(l.Z.attr.name,"down"),this.oDOMIcon.setAttribute(l.Z.attr.init,""),this._removeHeaderCellSorted(),this._removeFooterCellSorted()}},{key:"_setHeaderCellSorted",value:function(){var e=this;this.HEAD_ROWS.forEach((function(t){t.hasAttribute("sorter")||h(t.children).forEach((function(t,o){e._toggleCellSorted({cell:t,i:o})}))}))}},{key:"_setFooterCellSorted",value:function(){var e=this;this.FOOT_ROWS.forEach((function(t){h(t.children).forEach((function(t,o){return e._toggleCellSorted({cell:t,i:o})}))}))}},{key:"_setSortedColumn",value:function(){this.bCleared?this.widget.oDOMSortedColumn=null:this.widget.oDOMSortedColumn=this.MATCHED_COLUMN}},{key:"_toggleBodyCellSorted",value:function(){var e=this;this.BODY_ROWS.forEach((function(t){t.querySelectorAll(l.Z.zgCell.tagName).forEach((function(t,o){return e._toggleCellSorted({cell:t,i:o})}))}))}},{key:"_setHeaderTooltip",value:function(){var e=this.widget.tooltipManager,t=this.oTooltipOptions=e._getTooltipOptions("Header",this.MATCHED_COLUMN._oParsedColumnMapping),o=t.fnTooltipRenderer&&t.fnTooltipRenderer.method,n=!!t.tooltipText;if(this.bIsInfoTooltip=t.tooltipTrigger!==l.Z.zgTooltip.textTriggerType,this.sTooltipContent&&this._resetTooltip(),(n||o||t.oDOMTooltipTemplate)&&this.querySelector("[".concat(l.Z.zgCell.cellIndexAttr,"]"))){var r=t.tooltipIconPosition||"right";this.bIsInfoTooltip?(this.oDOMDetailsIcon.setAttribute("position",r),this.oDOMDetailsIcon.name=t.tooltipIcon||l.Z.zgHeadCell.infoTooltipType,this.oTrigger=this.oDOMDetailsIcon):(this.oDOMDetailsIcon.removeAttribute("position"),this.oDOMDetailsIcon.name=null,this.oTrigger=this),this.setAttribute(l.Z.zgTooltip.iconPositionAttr,r);var i=t.tooltipType||"default";this.setAttribute(l.Z.zgTooltip.typeAttr,i),this.sTooltipContent=e._getTooltipContent("Header",this.oTooltipOptions);var a=this.bIsInfoTooltip&&this.oTooltipOptions.tooltipAction===l.Z.zgTooltip.actionTypeClick;a&&this.setAttribute(l.Z.zgTooltip.actionAttr,l.Z.zgTooltip.actionTypeClick),(this.bIsInfoTooltip||""!==this.MATCHED_COLUMN._oParsedColumnMapping.sColumnHeaderText)&&e._initTooltipTriggers(this.oTrigger,this,a)}}},{key:"_setTooltipPosition",value:function(){var e=this.oTooltipOptions,t=this.oTrigger.getBoundingClientRect(),o=this.ZG.getBoundingClientRect(),n=this.ZG.oDOMTooltip,r={left:t.left-o.left,top:t.top-o.top},i=window.getComputedStyle(this).getPropertyValue("padding-left"),a=parseInt(i.replace(/px/,"")),s=null!==this.oDOMIcon.getAttribute(l.Z.attr.name),d=this.querySelector("[".concat(l.Z.zgCell.cellIndexAttr,"]")),c="bottom"===e.tooltipPosition,u="right"===e.tooltipPosition,h="left"===e.tooltipPosition,f="top"===e.tooltipPosition||!e.tooltipPosition||!c&&!u&&!h,p=this.getAttribute(l.Z.attr.align)||"left";if("rtl"===this.getAttribute("dir")&&"left"===p&&(p="right"),!this.bIsInfoTooltip&&("center"===p||"right"===p)){var g=(d.querySelector("span")||d).getBoundingClientRect();r.left=g.left-o.left,h?r.left-=a:u&&(r.left+=g.width)}if(this.hasAttribute(l.Z.zgHeadCell.isContentLongerAttr)?n.setAttribute(l.Z.zgHeadCell.isContentLongerAttr,""):n.removeAttribute(l.Z.zgHeadCell.isContentLongerAttr),!this.bIsInfoTooltip&&(f||c)&&(Number.isInteger(a)&&"left"===p&&(r.left+=a),s)){var m=this.oDOMIcon.getBoundingClientRect().width;r.left+=a+m}if(u&&"left"===p&&!this.bIsInfoTooltip){var b=d.getBoundingClientRect().width,v=s?this.oDOMIcon.getBoundingClientRect().width:0;r.left+=a+v+b}else u&&this.bIsInfoTooltip&&(r.left+=t.width);return(u||h)&&(r.top+=t.height/2),c&&(r.top+=t.height),r}},{key:"_resetTooltip",value:function(){this.removeAttribute(l.Z.zgTooltip.iconPositionAttr),this.removeAttribute(l.Z.zgTooltip.typeAttr),this.oDOMDetailsIcon&&(this.oDOMDetailsIcon.removeAttribute("position"),this.oDOMDetailsIcon.name=""),this.sTooltipContent=null,this.fnUnMouseLeave&&(this.fnUnMouseLeave(),this.fnUnMouseEnter(),this.fnUnMouseEnter=null,this.fnUnMouseLeave=null),this.fnUnClick&&(this.fnUnClick(),this.fnUnClick=null)}},{key:"_toggleCellSorted",value:function(e){var t=e.cell;return(t.getAttribute("cellindex")||t.cellIndex).toString()===this.SORTED_HEAD_CELL_INDEX.toString()?t.setAttribute(l.Z.attr.sorted,""):t.removeAttribute(l.Z.attr.sorted)}},{key:"disconnectedCallback",value:function(){g(v(a.prototype),"disconnectedCallback",this).call(this),this._resetTooltip(),this.oDOMDetailsIcon=null,this.oDOMIcon=null,this.COLUMNS=null,this.MATCHED_COLUMN=null,this.BODY_ROWS=null,this.HEAD_ROWS=null,this.FOOT_ROWS=null,this.SORTED_HEAD_CELL=null,this.oResizeHandler=null,this.oTooltipOptions=null,this.oTrigger=null}}])&&p(t.prototype,o),n&&p(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(y,z);const C=z},30544:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>v});var n=o(54739),r=o(19826),i=o.n(r),a=o(69878),s=o.n(a),l=o(87822);o(37486);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g="zg-head",m={},b=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){u(p(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.setAttribute(l.Z.attr.role,"rowgroup"),this.ZG.layout&&this.ZG.layout.length&&(this.layout=this.ZG.layout)}},{key:"disconnectedCallback",value:function(){u(p(a.prototype),"disconnectedCallback",this).call(this),this.layout=null}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,b);const v=b},80196:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>b});var n=o(54739),r=o(40786),i=o.n(r),a=o(24386),s=o.n(a);function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function d(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==l(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===l(i)?i:String(i)),n)}var r,i}function c(){return c="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=f(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},c.apply(this,arguments)}function u(e,t){return u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},u(e,t)}function h(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=f(e);if(t){var r=f(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===l(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}var p="zg-header",g={},m=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&u(e,t)}(a,e);var t,o,n,r=h(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){c(f(a.prototype),"init",this).call(this,p,s(),i(),g)}},{key:"ready",value:function(){c(f(a.prototype),"ready",this).call(this),this.widget=this._getHostContext()}}])&&d(t.prototype,o),n&&d(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(p,m);const b=m},6470:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>x});var n=o(54739),r=o(29039),i=o.n(r),a=o(44914),s=o.n(a),l=o(87822),d=o(37486),c=o(19791),u=o(9947);function h(e){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function f(e){return function(e){if(Array.isArray(e))return p(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return p(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return p(e,t)}(e)||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 p(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function g(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==h(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==h(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===h(i)?i:String(i)),n)}var r,i}function m(){return m="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=y(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},m.apply(this,arguments)}function b(e,t){return b=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},b(e,t)}function v(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=y(e);if(t){var r=y(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===h(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function y(e){return y=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},y(e)}var w=d.Iu,z="zg-icon",C=d.SV(i(),s()),S={name:{bReflectToAttribute:!0,type:String}},k=(n.Z.getObservedAtts(S),function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&b(e,t)}(h,e);var t,o,r,a=v(h);function h(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,h),a.apply(this,arguments)}return t=h,r=[{key:"observedAttributes",get:function(){return n.Z.getObservedAtts(S)}}],(o=[{key:"init",value:function(){m(y(h.prototype),"init",this).call(this,z,s(),i(),S,C)}},{key:"ready",value:function(){if(m(y(h.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.widget){this.ZG=this.widget.webcomponent,this.allowedTypes=l.Z.iconSet.allowedTypes,this.vendor=this.ZG.iconSet,this.vendor&&this.vendor.toLowerCase(),this.inShadow=d.MA(this),this.widget.aIcons.push(this),this.setIcon(this.name);var e=d.MV(this,l.Z.zgCaption.tagName),t=d.MV(this,l.Z.zgButton.tagName);e&&!t&&this.setAttribute(l.Z.attr.internalcaption,"")}}},{key:"changeVendor",value:function(e){var t=this;this.vendor=e||null;var o=this._oShadowRoot.querySelector('slot[name="icon"]').assignedNodes();o.length&&o.forEach((function(e){return t.removeChild(e)})),this.name&&this.setVendor(this.name)}},{key:"setIcon",value:function(e){e?this.vendor?this.setVendor(e):this.setSvg(e):this.currSvg&&(this.currSvg.innerHTML="")}},{key:"setSvg",value:function(e){var t=d.rO(1,1e6);this.svgId="svg-".concat(t),this.svgSrc=null,this.currSvg=null,this.targetSvg=null;var o=this.querySelector("svg");o||((o=document.createElementNS("http://www.w3.org/2000/svg","svg")).id=this.svgId,o.setAttribute("slot","icon"),o.setAttribute("viewBox","0 0 24 24"),"deselect"===e&&o.setAttribute("no-fill",""),this.appendChild(o)),this.currSvg=o,this._setIconNew(e)}},{key:"setVendor",value:function(e){var t=this,o=Object.keys(this.allowedTypes).filter((function(e){return t.allowedTypes[e].indexOf(t.vendor)>-1}))[0];if(o)try{this["_setVendor".concat(o.charAt(0).toUpperCase()).concat(o.slice(1))](e)}catch(t){this.setSvg(e);var n={icon:"error",state:"error",msg:w({msg:c.default.get("iconSet.invalidVendorMethod",this.widget),vars:[l.Z.zgIcon.attr,this.vendor]})};this.widget.statusManager.setStatus(n)}else{this.setSvg(e);var r={icon:"error",state:"error",msg:w({msg:c.default.get("iconSet.invalidVendor",this.widget),vars:[l.Z.zgIcon.attr]})};this.widget.statusManager.setStatus(r)}}},{key:"_setVendorCustom",value:function(e){var t=this.ZG.iconSetDataMap[e]||"N/A";this.insertAdjacentHTML("afterbegin",t)}},{key:"_setVendorFontAwesome",value:function(e){var t=this,o=u.default.prefix2.length;if(e.slice(0,o)===u.default.prefix2)r(e);else{var n=this._getMappedName(e,u.default.map);n.matched?r(n.name):this.setSvg(e)}function r(e){var o=t.querySelector("i")||document.createElement("i");o.className="",-1!==e.indexOf("square")?o.classList.add("far"):o.classList.add("fas"),o.classList.add(e),o.parentNode||(o.slot=l.Z.zgIcon.slotIcon,t.appendChild(o))}}},{key:"_getMappedName",value:function(e,t){var o=t[Object.keys(t).filter((function(t){return t===e}))];return{name:o||e,matched:!!o}}},{key:"_setIconNew",value:function(e){var t=this;if(e&&!this.widget.webcomponent.bWaitingForIcons&&"#"!==(e=0===e.indexOf("#")?e:"#".concat(e))&&"string"==typeof e&&e[1].toLowerCase()!==e[1].toUpperCase()&&this.currSvg&&this.ZG.themeSVG){if(this.targetSvg=this.ZG.themeSVG.querySelector(e),!this.targetSvg)return;this.TARGET_SVG_CLONE=this.targetSvg.cloneNode(!0),this.currSvg.innerHTML="",this.TARGET_SVG_CLONE&&this.TARGET_SVG_CLONE.children&&f(this.TARGET_SVG_CLONE.children).forEach((function(e){t.currSvg.appendChild(e)}))}}},{key:"_propertyHandler",value:function(e,t,o){return o=m(y(h.prototype),"_propertyHandler",this).call(this,e,t,o),"name"===e&&this.bReady&&this.setIcon(o),o}},{key:"disconnectedCallback",value:function(){m(y(h.prototype),"disconnectedCallback",this).call(this),this.currSvg=null,this.targetSvg=null,this.TARGET_SVG_CLONE=null}}])&&g(t.prototype,o),r&&g(t,r),Object.defineProperty(t,"prototype",{writable:!1}),h}(n.Z));n.Z._registerElement(z,k);const x=k},78157:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>w});var n=o(31769),r=o(54739),i=o(11516),a=o.n(i),s=o(84407),l=o.n(s),d=(o(37486),o(87822));function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function u(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==c(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===c(i)?i:String(i)),n)}var r,i}function h(){return h="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=g(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},h.apply(this,arguments)}function f(e,t){return f=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},f(e,t)}function p(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=g(e);if(t){var r=g(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}var m="zg-input",b={for:{bReflectToAttribute:!0},action:{bReflectToAttribute:!0,type:String},type:{bReflectToAttribute:!0,type:String},value:{bReflectToAttribute:!0,type:String},widget:{}},v=r.Z.getObservedAtts(b),y=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&f(e,t)}(s,e);var t,o,r,i=p(s);function s(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,s),i.apply(this,arguments)}return t=s,r=[{key:"observedAttributes",get:function(){return v}}],(o=[{key:"init",value:function(){h(g(s.prototype),"init",this).call(this,m,l(),a(),b),this.setupRefs()}},{key:"setupRefs",value:function(){this.oDOMInnerWrapper=document.createElement("input"),this.oDOMInnerWrapper.className="zg-input-input",this.oDOMInnerWrapper.slot="input",this.oDOMInnerWrapper.setAttribute(d.Z.aria.label,"Current Page")}},{key:"ready",value:function(){var e=this;h(g(s.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.oDOMInnerWrapper||this.setupRefs();var t=this.querySelector(".zg-input-input");t?this.oDOMInnerWrapper=t:this.appendChild(this.oDOMInnerWrapper),this.action||(this.type&&(this.oDOMInnerWrapper.type=this.type),this.value&&(this.oDOMInnerWrapper.value=this.value)),setTimeout((function(){e.widget.bDisconnect||e._updateCurrentPageWidth(e.widget)}),0),this.postRenderOns()}},{key:"postRenderOns",value:function(){this.on("keydown",this.onKeyDown,this,{},!1),this.fnUnKeyDown=n.Z.get(this.oDOMInnerWrapper).on("keydown",this.onInputKeyDown,this,{},!1)}},{key:"onInputKeyDown",value:function(e,t){var o=e.nCharCode;if(this.action)switch(o){case e.ENTER:this.value=this.oDOMInnerWrapper.value,this.focus(),e.stopEvent(),e.stopImmediatePropagation();break;case e.RIGHT:case e.LEFT:e.stopEvent(),e.stopImmediatePropagation()}}},{key:"onKeyDown",value:function(e,t){var o,n,r=e.nCharCode,i=parseInt(this.oDOMInnerWrapper.value,10);if(this.action)switch((null===i||isNaN(i))&&(i=0),"currpage"===this.action&&(o=1,n=this.widget.getPageCount()),e.stopPropagation(),r){case e.ENTER:this.oDOMInnerWrapper.focus(),this.value=this.oDOMInnerWrapper.value,e.stopEvent(),e.stopImmediatePropagation();break;case e.UP:i<n&&(this.oDOMInnerWrapper.value=i+1,this.value=this.oDOMInnerWrapper.value),e.stopEvent(),e.stopImmediatePropagation();break;case e.DOWN:i>o&&(this.oDOMInnerWrapper.value=i-1,this.value=this.oDOMInnerWrapper.value),e.stopEvent(),e.stopImmediatePropagation()}}},{key:"updateInfo",value:function(e,t){t=t||this.action,e=e||this.widget;var o=this.oDOMInnerWrapper,n=e.getCurrPageIdx();"currpage"===t&&(this._updateCurrentPageWidth(e),o.value=n+1)}},{key:"_propertyHandler",value:function(e,t,o){return o=h(g(s.prototype),"_propertyHandler",this).call(this,e,t,o),this.bReady&&("value"===e&&(this._updateDOMValue(o),this.fire("valuechanged",o)),"type"!==e||this.action||(o?this.oDOMInnerWrapper.type=o:this.oDOMInnerWrapper.removeAttribute("type"))),o}},{key:"_updateBinding",value:function(e,t,o,n){e&&o&&(this.fnUnSubscribe(),this.fnUnNotify(),this.fnUnKeyDown&&this.fnUnKeyDown()),t&&(this.updateInfo(t,n),"currpage"===n)&&(this.fnUnSubscribe=t.on(d.Z.event.updated,this.updateInfo,this),this.fnUnNotify=this.on("valuechanged",(function(e,o){t.setCurrPageIdx(o-1)})),this._updateCurrentPageWidth(t))}},{key:"_updateCurrentPageWidth",value:function(e){var t=e.webcomponent.querySelector('[value="pagecount"]');if(t&&this.action){var o=t.getBoundingClientRect().width;this.style.setProperty("width","var(--zg-input-width, ".concat(o+15,"px)"))}}},{key:"_updateDOMValue",value:function(e){"currpage"===this.action&&(e=parseInt(e,10)),this.oDOMInnerWrapper.value=e}},{key:"disconnectedCallback",value:function(){h(g(s.prototype),"disconnectedCallback",this).call(this),this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnNotify&&this.fnUnNotify(),this.fnUnKeyDown&&this.fnUnKeyDown(),this.un("keydown",this.onKeyDown,this),this.cleanElement("oDOMInnerWrapper")}}])&&u(t.prototype,o),r&&u(t,r),Object.defineProperty(t,"prototype",{writable:!1}),s}(r.Z);r.Z._registerElement(m,y);const w=y},97263:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>v});var n=o(54739),r=o(59735),i=o.n(r),a=o(9674),s=o.n(a),l=o(87822);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g="zg-layout-controls",m={},b=(n.Z.getObservedAtts(m),function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(d,e);var t,o,r,a=f(d);function d(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,d),a.apply(this,arguments)}return t=d,r=[{key:"observedAttributes",get:function(){return n.Z.getObservedAtts(m)}}],(o=[{key:"init",value:function(){u(p(d.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){if(u(p(d.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.setAttribute(l.Z.attr.role,"toolbar"),!this.children.length||1===this.children.length){document.createElement(l.Z.zgText.tagName).textContent="Cards:";var e=document.createElement(l.Z.zgButton.tagName);e.setAttribute(l.Z.attr.datafocus,""),e.action="layoutrow";var t=document.createElement(l.Z.zgButton.tagName);t.setAttribute(l.Z.attr.datafocus,""),t.action="layoutcard",this.appendChild(t),this.appendChild(e)}}},{key:"ons",value:function(){}},{key:"disconnectedCallback",value:function(){u(p(d.prototype),"disconnectedCallback",this).call(this)}}])&&c(t.prototype,o),r&&c(t,r),Object.defineProperty(t,"prototype",{writable:!1}),d}(n.Z));n.Z._registerElement(g,b);const v=b},95720:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>y});var n=o(54739),r=o(49042),i=o.n(r),a=o(172),s=o.n(a),l=o(87822),d=o(19791);function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function u(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==c(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===c(i)?i:String(i)),n)}var r,i}function h(){return h="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=g(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},h.apply(this,arguments)}function f(e,t){return f=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},f(e,t)}function p(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=g(e);if(t){var r=g(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}var m=l.Z.zgLoadMask.tagName,b={},v=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&f(e,t)}(a,e);var t,o,n,r=p(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){h(g(a.prototype),"init",this).call(this,m,s(),i(),b)}},{key:"ready",value:function(){h(g(a.prototype),"ready",this).call(this),this.setAttribute(l.Z.attr.hidden,""),this.customOns()}},{key:"customOns",value:function(){this.widget.store.on("loading",this.loading,this),this.widget.store.on("loaded",this.loaded,this)}},{key:"updateText",value:function(){this.loadingText&&(this.loadingText.textContent=this.widget.webcomponent.loadingText||d.default.get("loadMask.title",this.widget,{element:this.loadingText,elProperty:"textContent"}))}},{key:"default",value:function(){var e=document.createElement("span"),t=e.cloneNode(!0);t.classList.add("default-wrap");var o=e.cloneNode(!0);o.classList.add("loading-text"),o.textContent=this.widget.webcomponent.loadingText||d.default.get("loadMask.title",this.widget,{element:o,elProperty:"textContent"}),t.appendChild(o),this.loadingText=o;var n,r=e.cloneNode(!0);r.classList.add("animation-wrap"),(n=e.cloneNode(!0)).classList.add("animation-dot"),r.appendChild(n),t.appendChild(r),this.shadowRoot.appendChild(t)}},{key:"loading",value:function(){var e=this.widget,t=e.store,o=e.webcomponent,n=t.oDataFormat.bLoadByScroll&&e.nCurrPageIdx;this.updateText(),o.loadmask&&"disabled"===o.loadmask||t.bHasLoaded&&!e.bUpdatingSize||n||e.bPreloaded||(this.widget.webcomponent.setAttribute("loading",!0),this.setXY(0,0),this._show())}},{key:"loaded",value:function(){this._hide(),this.widget.webcomponent.removeAttribute(l.Z.attr.loading)}}])&&u(t.prototype,o),n&&u(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(m,v);const y=v},86998:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>v});var n=o(54739),r=o(21793),i=o.n(r),a=o(42854),s=o.n(a);function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function d(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==l(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===l(i)?i:String(i)),n)}var r,i}function c(){return c="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=f(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},c.apply(this,arguments)}function u(e,t){return u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},u(e,t)}function h(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=f(e);if(t){var r=f(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===l(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}var p=o(87822).Z.zgMenuGroup.tagName,g={},m=n.Z.getObservedAtts(g),b=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&u(e,t)}(a,e);var t,o,n,r=h(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,n=[{key:"observedAttributes",get:function(){return m}}],(o=[{key:"init",value:function(){c(f(a.prototype),"init",this).call(this,p,s(),i(),g)}},{key:"ready",value:function(){c(f(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl")}},{key:"ons",value:function(){}}])&&d(t.prototype,o),n&&d(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(p,b);const v=b},63690:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>y});var n=o(54739),r=o(65168),i=o.n(r),a=o(52312),s=o.n(a),l=o(87822);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g="zg-menu-item",m={},b=n.Z.getObservedAtts(m),v=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){this.bAdded||(u(p(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.setAttribute("tabindex",-1),this.getAttribute(l.Z.attr.role)||this.setAttribute(l.Z.attr.role,"menuitem"),this.bAdded=!0)}},{key:"ons",value:function(){this.on("mouseenter",this.togglePseudoClass),this.on("mouseleave",this.togglePseudoClass),this.on("click",this.onClick,this),this.on("contextmenu",this.onContextMenu,this,{},!1),this.on("mousedown",this.onMouseDown,this),this.on("keydown",this.onKeyDown,this,{},!1)}},{key:"checkMenuItemFocus",value:function(e){var t=!0,o=e.tagName.toLowerCase(),n=e.querySelector("zg-button");return"zg-menu-item"!==o&&"zg-menu-group"!==o&&(t=!1),e.hidden&&(t=!1),n&&n.disabled&&(t=!1),t}},{key:"changeFocus",value:function(e){var t=this,o=this,n=1;if(this.menuGroup&&(t=this.menuGroup,o=this),"down"===e)for(;n++&&((t=t.nextElementSibling)||(t=this.menu.firstElementChild),!(this.checkMenuItemFocus(t)||n>50)););else if("up"===e)for(;n++&&((t=t.previousElementSibling)||(t=this.menu.lastElementChild),!(this.checkMenuItemFocus(t)||n>50)););else if("right"===e)if(this.menuGroup){for(;n++&&((o=o.nextElementSibling)||(o=this.menuGroup.firstElementChild),!(this.checkMenuItemFocus(o)||n>50)););t=o}else this.menuManager.closeMenu();else if("left"===e&&this.menuGroup){for(;n++&&((o=o.previousElementSibling)||(o=this.menuGroup.lastElementChild),!(this.checkMenuItemFocus(o)||n>50)););t=o}"zg-menu-group"===t.tagName.toLowerCase()&&(t=t.querySelector("".concat(l.Z.zgMenuItem.tagName,":not([hidden]"))),t&&t.focus()}},{key:"onKeyDown",value:function(e){var t=!1;switch(e.nCharCode){case e.UP:this.changeFocus("up");break;case e.DOWN:this.changeFocus("down");break;case e.RIGHT:this.changeFocus("right");break;case e.LEFT:this.changeFocus("left");break;case e.ENTER:case e.SPACE:this.onClick(e);break;case e.ESC:this.menuManager.closeMenu();break;default:t=!0}t||e.stopEvent()}},{key:"onClick",value:function(e,t){var o=this.widget,n=null,r=null,i=null,a=null,s=null,d=null,c=null,u=this.querySelector(l.Z.zgButton.tagName);if(u&&u.action)u.click();else{o.menuManager&&o.menuManager.activeMenu&&(n=o.menuManager.activeCell,r=o.menuManager.activeHeader,i=o.menuManager.activeColumn,d=n.sTargetFieldIndex,c=n.sTargetRecordIndex,a=o.store.get(c,d),s=o.getDOMByIndex(n.nRowContainerIndex,n.nColumnIndex),o.menuManager.closeMenu());var h={DOMCell:s,recordIndex:c,fieldIndex:d,data:a,grid:o.webcomponent,cell:n,header:r,column:i};o.emitEvent("menu:click",{ZGEvent:e,ZGTarget:this,ZGData:h})}}},{key:"onContextMenu",value:function(e,t){e.preventDefault()}},{key:"onMouseDown",value:function(e,t){}},{key:"disconnectedCallback",value:function(){u(p(a.prototype),"disconnectedCallback",this).call(this),this.menu=null,this.menuGroup=null,this.menuManager=null}}],n=[{key:"observedAttributes",get:function(){return b}}],o&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,v);const y=v},25449:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>y});var n=o(54739),r=o(12697),i=o.n(r),a=o(66513),s=o.n(a),l=o(87822);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g="zg-menu",m={replace:{bReflectToAttribute:!0,type:Boolean},widget:{}},b=n.Z.getObservedAtts(m),v=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,n=[{key:"observedAttributes",get:function(){return b}}],(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){u(p(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.setAttribute(l.Z.attr.role,"menu")}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,v);const y=v},85083:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>y});var n=o(54739),r=o(48311),i=o.n(r),a=o(32501),s=o.n(a),l=o(87822);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g="zg-no-data",m={},b=n.Z.getObservedAtts(m),v=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,n=[{key:"observedAttributes",get:function(){return b}}],(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){u(p(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.widget.on(l.Z.event.updated,this.updateInfo,this)}},{key:"updateInfo",value:function(){var e=this.widget,t=e.store.getOriginRecordCount()||e.getRowCount()||e.aTopRowMapping.length||e.aBottomRowMapping.length,o=e.mainColumnBody.oBody;t?(o.removeAttribute(l.Z.zgNoData.attr),this.removeAttribute(l.Z.zgNoData.attr)):(o.setAttribute(l.Z.zgNoData.attr,""),this.setAttribute(l.Z.zgNoData.attr,""))}},{key:"clearInfo",value:function(){this.widget&&this.widget.mainColumnBody&&(this.widget.mainColumnBody.oBody.removeAttribute(l.Z.zgNoData.attr),this.removeAttribute(l.Z.zgNoData.attr))}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,v);const y=v},34709:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>y});var n=o(54739),r=o(56566),i=o.n(r),a=o(76089),s=o.n(a);function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function d(e){return function(e){if(Array.isArray(e))return c(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return c(e,t)}(e)||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 c(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function u(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==l(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===l(i)?i:String(i)),n)}var r,i}function h(){return h="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=g(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},h.apply(this,arguments)}function f(e,t){return f=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},f(e,t)}function p(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=g(e);if(t){var r=g(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===l(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}var m="zg-option-list",b={hidden:{bReflectToAttribute:!0,type:Boolean},options:{bReflectToAttribute:!0,type:String}},v=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&f(e,t)}(a,e);var t,o,n,r=p(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){h(g(a.prototype),"init",this).call(this,m,s(),i(),b)}},{key:"ready",value:function(){h(g(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl")}},{key:"ons",value:function(){this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnSubscribe=this.on("keydown",this.onKeyDown,this,{},!1)}},{key:"bIsHidden",value:function(){return this.hidden}},{key:"changeOptions",value:function(e){this.options=e}},{key:"_hide",value:function(){this.hidden=!0}},{key:"_propertyHandler",value:function(e,t,o){var n=this;switch(o=h(g(a.prototype),"_propertyHandler",this).call(this,e,t,o),e){case"hidden":break;case"options":this.innerHTML="";var r=document.createElement("span");r.tabIndex=-1,o?(this.parentNode&&this.parentNode.removeAttribute("disabled"),o.split(",").forEach((function(e){var t=r.cloneNode(!1),o=parseInt(e,10);!isNaN(o)&&o>0&&(t.textContent=o,n.appendChild(t))}))):this.parentNode&&this.parentNode.setAttribute("disabled","")}return o}},{key:"_show",value:function(){var e=this,t=this.widget.getPageSize(),o=this.querySelectorAll("span");if(this.hidden=!1,this.focused=null,!this.widget.isStorybook("select")){var n=d(o).some((function(o){return o.innerHTML==t&&(o.focus(),e.focused=o,!0)}));if(!n&&o.length){var r=o[0];r.focus(),this.focused=r}}}},{key:"changeFocus",value:function(e,t){var o=this.focused;t===e.UP?(o=o.previousElementSibling)||(o=this.focused.parentNode.lastElementChild):t===e.DOWN&&((o=o.nextElementSibling)||(o=this.focused.parentNode.firstElementChild)),o&&(o.focus(),this.focused=o)}},{key:"onKeyDown",value:function(e){var t=e.nCharCode,o=!1;switch(t){case e.UP:case e.DOWN:this.changeFocus(e,t);break;case e.RIGHT:this.parentNode.toggleList();break;case e.ENTER:case e.SPACE:this.focused&&this.focused.click();break;default:o=!0}o||e.stopEvent()}},{key:"disconnectedCallback",value:function(){h(g(a.prototype),"disconnectedCallback",this).call(this),this.options=null,this.focused=null}}])&&u(t.prototype,o),n&&u(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(m,v);const y=v},17056:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>S});var n=o(54739),r=o(89282),i=o.n(r),a=o(63476),s=o.n(a),l=o(37486),d=o(87822),c=o(19791);function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function h(e){return function(e){if(Array.isArray(e))return f(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return f(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return f(e,t)}(e)||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 f(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function p(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==u(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===u(i)?i:String(i)),n)}var r,i}function g(){return g="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=v(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},g.apply(this,arguments)}function m(e,t){return m=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},m(e,t)}function b(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=v(e);if(t){var r=v(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function v(e){return v=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},v(e)}l.Ld.stripComments;var y="zg-pager",w={widget:{},pageSize:{type:Number,bReflectToAttribute:!0},pageSizeCard:{type:Number,bReflectToAttribute:!0},pageSizeRow:{type:Number,bReflectToAttribute:!0},pagerType:{bReflectToAttribute:!0,type:String},pagerButtonLimit:{type:Number,bReflectToAttribute:!0},position:{bReflectToAttribute:!0,type:String},sizeOptions:{bReflectToAttribute:!0,type:String}},z=n.Z.getObservedAtts(w),C=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&m(e,t)}(a,e);var t,o,n,r=b(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,n=[{key:"observedAttributes",get:function(){return z}}],(o=[{key:"init",value:function(){g(v(a.prototype),"init",this).call(this,y,s(),i(),w)}},{key:"ready",value:function(){var e=this;g(v(a.prototype),"ready",this).call(this),this.widget=this._getHostContext();var t=this.widget.webcomponent;if(!this.widget.bPreloaded){if(this._updateContents(),this.parentNode===this.widget.webcomponent&&this._attachPosition(this.position||t.getAttribute("pager-position")),this.bHasChildNode)return;this.sizeOptions&&this.updateSize(this.sizeOptions),(this.pageSize||this.pageSizeRow||this.pageSizeCard)&&this.widget.calculatePageSize(),t.getAttribute(d.Z.viewport.attr)&&this.setAttribute(d.Z.viewport.attr,t.getAttribute(d.Z.viewport.attr)),(t.getAttribute(d.Z.viewport.pauseAttr)||""===t.getAttribute(d.Z.viewport.pauseAttr))&&this.setAttribute(d.Z.viewport.pauseAttr,""),(t.getAttribute(d.Z.viewport.stopAttr)||""===t.getAttribute(d.Z.viewport.stopAttr))&&this.setAttribute(d.Z.viewport.stopAttr,""),t.layout&&t.layout.length&&this.setAttribute(d.Z.zgLayout.attr,t.layout)}"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl"),this.widget.on(d.Z.event.updated,(function(){e.pagerType&&e._updateContents()}),this)}},{key:"updateSize",value:function(e){var t=this.querySelector('zg-select[action="pagesize"]');if(t&&(t.setAttribute("options",e),this.widget&&!this.widget.bUserPageSize&&e)){var o=e.split(","),n=parseInt(o[o.length-1],10);isNaN(n)||this.widget.setPageSize(n,void 0,!this.widget.bAPIReady)}}},{key:"_propertyHandler",value:function(e,t,o){if(o=g(v(a.prototype),"_propertyHandler",this).call(this,e,t,o),this.bReady)switch(e){case"pageSize":case"pageSizeRow":case"pageSizeCard":this.widget.calculatePageSize(null,!0,e,o);break;case"sizeOptions":this.updateSize(o);break;case"pagerType":this._updateContents(this.cursor,o,this.pagerButtonLimit);break;case"pagerButtonLimit":this._updateContents(this.cursor,this.pagerType,o);break;case"position":this._attachPosition(o)}return o}},{key:"_updateContents",value:function(e,t,o){var n=this,r=this.widget;if(!this.bHasChildNode&&r){void 0===t&&(t=this.pagerType),o=null===o?d.Z.zgPager.defaultButtonLimit:o||this.pagerButtonLimit||d.Z.zgPager.defaultButtonLimit;var i="\n      <zg-select ".concat(d.Z.attr.datafocus,' slot="left" action="pagesize" options="5,10,50"></zg-select>\n      <zg-button ').concat(d.Z.attr.datafocus,' slot="left" action="reload"></zg-button>\n    '),a='\n      <zg-text slot="right" text="rows"></zg-text>\n      <zg-text slot="right" value="startrow"></zg-text>\n      <zg-text slot="right">-</zg-text>\n      <zg-text slot="right" value="endrow"></zg-text>\n      <zg-text slot="right" text="pageOf"></zg-text>\n      <zg-text slot="right" value="rowcount"></zg-text>\n    ',s=r.getPageCount(),u=r.getCurrPageIdx(),f=Math.min(o,s),p=0,g=0;if(f){var m=Math.floor(f/2),b=f%2;b&&u<=m||!b&&u<m?(p=0,g=f-1):u+m+1>s?p=(g=s-1)-f+1:(p=u-m,g=u+m,b||p++)}for(var v="",y=p;y<=g;y++)v+="\n        <zg-button page-index=".concat(y," ").concat(d.Z.attr.datafocus,' slot="center" action="page">\n          <span slot="icon"></span>\n          <span slot="label">').concat(y+1,"</span>\n        </zg-button>\n      ");var w="\n      ".concat(i,"\n      <zg-button ").concat(d.Z.attr.datafocus,' slot="center" action="firstpage"></zg-button>\n      <zg-button ').concat(d.Z.attr.datafocus,' slot="center" action="prevpage"></zg-button>\n      <zg-text slot="center" text="page"></zg-text>\n      <zg-input ').concat(d.Z.attr.datafocus,' slot="center" action="currpage"></zg-input>\n      <zg-text slot="center" text="pageOf"></zg-text>\n      <zg-text slot="center" value="pagecount"></zg-text>\n      <zg-button ').concat(d.Z.attr.datafocus,' slot="center" action="nextpage"></zg-button>\n      <zg-button ').concat(d.Z.attr.datafocus,' slot="center" action="lastpage"></zg-button>\n      ').concat(a,"\n    "),z="\n      ".concat(i,"\n      <zg-button ").concat(d.Z.attr.datafocus,' slot="center" action="prevpage" type="cursor"></zg-button>\n      <zg-button ').concat(d.Z.attr.datafocus,' slot="center" action="nextpage" type="cursor"></zg-button>\n    '),C="\n      ".concat(i,"\n      <zg-button ").concat(d.Z.attr.datafocus,' slot="center" action="prevpage"></zg-button>\n      ').concat(v,"\n      <zg-button ").concat(d.Z.attr.datafocus,' slot="center" action="nextpage"></zg-button>\n      ').concat(a,"\n    "),S="\n      ".concat(i,"\n      <zg-button ").concat(d.Z.attr.datafocus,' slot="center" action="prevpage">\n        <span slot="icon"></span>\n        <span slot="label">').concat(c.default.get("pagination.pagePrev"),"</span>\n      </zg-button>\n      ").concat(v,"\n      <zg-button ").concat(d.Z.attr.datafocus,' slot="center" action="nextpage">\n        <span slot="icon"></span>\n        <span slot="label">').concat(c.default.get("pagination.pageNext"),"</span>\n      </zg-button>\n      ").concat(a,"\n    ");if(t){var k=t===d.Z.zgPager.buttonTextType?S:C;this.oDOMDefaultPagerFrag=(0,l.W2)(k)}else if(this.widget){var x=e||this.widget.store.oDataFormat.bCursor||this.widget.store.oDataFormat.bLoadByPages&&this.widget.store.oDataFormat.bStartAtValue;h(this.querySelectorAll("[slot]")).forEach((function(e){return e.remove()})),x?this.setAttribute(d.Z.attr.type,d.Z.zgPager.cursorAttr):this.removeAttribute(d.Z.attr.type);var O=x?z:w;this.oDOMDefaultPagerFrag=(0,l.W2)(O)}this.innerHTML="",this.appendChild(this.oDOMDefaultPagerFrag),this.querySelectorAll("zg-text[text]").forEach((function(e){var t=e.getAttribute("text");e.innerHTML=c.default.get("pagination.".concat(t),n.widget,{element:e,elProperty:"innerHTML"})}))}}},{key:"_attachPosition",value:function(e){"both"!==e&&(e&&"top"===e?(this.setAttribute("slot","top"),this.widget.webcomponent.oTopPager=this):(this.setAttribute("slot","pager"),this.widget.webcomponent.oBottomPager=this))}},{key:"disconnectedCallback",value:function(){g(v(a.prototype),"disconnectedCallback",this).call(this),this.oDOMDefaultPagerFrag=null}}])&&p(t.prototype,o),n&&p(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(y,C);const S=C},2572:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>y});var n=o(54739),r=o(12456),i=o.n(r),a=o(75150),s=o.n(a),l=o(87822);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g="zg-param",m={name:{type:String,bReflectToAttribute:!0},value:{type:String,bReflectToAttribute:!0},widget:{}},b=n.Z.getObservedAtts(m),v=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,n=[{key:"observedAttributes",get:function(){return b}}],(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){u(p(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.parentNode&&"zg-data"===this.parentNode.tagName.toLowerCase()&&(this.oDOMData=this.parentNode),this.setAttribute(l.Z.attr.hidden,""),this.oDOMData&&0===this.oDOMData.nCheckedParams&&this.reload()}},{key:"_attributeHandler",value:function(e,t,o){return u(p(a.prototype),"_attributeHandler",this).call(this,e,t,o),this.bReady&&this.widget&&this.reload(),o}},{key:"reload",value:function(){var e=this.oDOMData;e&&this.widget.store.debounceLoadData(e.options,this.widget.webcomponent.params,null,!0)}},{key:"disconnectedCallback",value:function(){u(p(a.prototype),"disconnectedCallback",this).call(this),this.bReady&&this.widget&&!this.widget.bDisconnect?this.reload():this.oDOMData=null}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,v);const y=v},96278:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>w});var n=o(54739),r=o(72584),i=o.n(r),a=o(39457),s=o.n(a),l=o(87822),d=o(37486);function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function u(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==c(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===c(i)?i:String(i)),n)}var r,i}function h(){return h="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=g(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},h.apply(this,arguments)}function f(e,t){return f=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},f(e,t)}function p(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=g(e);if(t){var r=g(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}var m="zg-row",b=d.SV(i(),s()),v={},y=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&f(e,t)}(a,e);var t,o,n,r=p(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){h(g(a.prototype),"init",this).call(this,m,s(),i(),v,b),this.bodyRowIndex=null}},{key:"ready",value:function(){this.widget=this.widget||this._getHostContext(),h(g(a.prototype),"ready",this).call(this),this.ZG=this.widget.webcomponent,this.setAttribute(l.Z.attr.role,"row");var e=d.Uh(this.ZG.getAttribute("layout"))?this.ZG.getAttribute("layout"):this.parentNode.getAttribute("layout");if(e&&e.length&&(this.setAttribute(l.Z.zgLayout.attr,e),e===l.Z.zgLayout.typeCard&&this.widget.hasCardTemplate()&&this.setAttribute(l.Z.zgLayout.cardTplAttr,"")),this.ZG.gridlines){var t=this.ZG.gridlines.toLowerCase();"both"!==t&&"vert"!==t&&"vertical"!==t||this.setAttribute(l.Z.attr.gridlinesvert,""),"both"!==t&&"horz"!==t&&"horizontal"!==t||this.setAttribute(l.Z.attr.gridlineshorz,"")}var o=this.parentNode?this.parentNode.id:"";-1!==o.indexOf("left")?this.setAttribute(l.Z.attr.frozenframe,"left"):-1!==o.indexOf("right")&&this.setAttribute(l.Z.attr.frozenframe,"right")}},{key:"ons",value:function(){var e=this.widget;this.on("mouseover",this.onMouseOver,this),this.on("mouseout",this.onMouseOut,this),e.on("layoutchange",(function(){return e.currentHighlightedRowIndex=null}))}},{key:"onMouseOver",value:function(e,t){var o=this.widget;if(o.hasFrozenColumns()&&o.currentHighlightedRowIndex!==this.rowIndex){var n=window.getComputedStyle(this),r=this.getAttribute("aria-rowindex"),i=n.getPropertyValue("background-color"),a=n.getPropertyValue("color"),s=o.webcomponent.querySelectorAll('zg-row[aria-rowindex="'.concat(r,'"]'));s.forEach((function(e){e.style.backgroundColor=i,e.style.color=a})),o.currentHighlightedRows&&o.currentHighlightedRows.forEach((function(e){e.style.backgroundColor="",e.style.color=""})),o.currentHighlightedRows=s,o.currentHighlightedRowIndex=this.rowIndex}}},{key:"onMouseOut",value:function(e,t){var o=this.widget;o.currentHighlightedRows&&o.currentHighlightedRows.forEach((function(e){e.style.backgroundColor="",e.style.color=""})),o.currentHighlightedRows=null,o.currentHighlightedRowIndex=null}},{key:"setBodyIndexes",value:function(e){var t=this.widget,o=t.getAllHeaderDepth();this.bodyRowIndex=e,this.dataRowIndex=e+t.nTopFrozenRows,this.rowIndex=e+o,this.setAttribute(l.Z.aria.rowIndex,e+o+1)}},{key:"rowIndex",get:function(){return this._rowIndex},set:function(e){this._rowIndex=e}},{key:"disconnectedCallback",value:function(){h(g(a.prototype),"disconnectedCallback",this).call(this)}}])&&u(t.prototype,o),n&&u(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(m,y);const w=y},65923:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>w});var n=o(54739),r=o(31769),i=o(29189),a=o.n(i),s=o(91607),l=o.n(s),d=o(87822),c=o(19791);function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function h(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==u(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===u(i)?i:String(i)),n)}var r,i}function f(){return f="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=m(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},f.apply(this,arguments)}function p(e,t){return p=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},p(e,t)}function g(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=m(e);if(t){var r=m(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function m(e){return m=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},m(e)}var b="zg-search",v={},y=(n.Z.getObservedAtts(v),function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&p(e,t)}(u,e);var t,o,i,s=g(u);function u(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,u),s.apply(this,arguments)}return t=u,i=[{key:"observedAttributes",get:function(){return n.Z.getObservedAtts(v)}}],(o=[{key:"init",value:function(){f(m(u.prototype),"init",this).call(this,b,l(),a(),v)}},{key:"ready",value:function(){var e,t=this;if(f(m(u.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.widget){if(this.ZG=this.widget.webcomponent,this.$search=this.widget.search,this.oDOMCaption=this.ZG.querySelector("zg-caption"),this.bSearching=!1,this.searchBarVisible=!1,this.oDOMButton=this.querySelector(d.Z.zgButton.tagName),!this.widget.bPreloaded&&!this.oDOMButton){(e=document.createElement(d.Z.zgButton.tagName)).slot="button",e.action="search",e.setAttribute(d.Z.attr.datafocus,"");var o=document.createElement("input");o.slot="input",o.type="search";var n=c.default.get("tools.search",this.widget,{element:o,elProperty:"placeholder"});o.placeholder=n,o.setAttribute(d.Z.aria.label,n),this.appendChild(e),this.appendChild(o),this.oDOMInput=this.querySelector("input")}this.oDOMInput=this.querySelector("input"),this.oDOMButton||(this.unsubBlur=r.Z.get(this.oDOMInput).on("blur",(function(e){return t.searchBtnClickToggle(e)}),this),this.unsubKD=r.Z.get(this.oDOMInput).on("keydown",this.onKeyDown,this,{},!1),this.oDOMButton=e)}}},{key:"clearSearch",value:function(){this.oDOMInput.value=""}},{key:"triggerSearch",value:function(){var e=this.widget,t=this.oDOMInput.value;e.fire("beforesearch"),e.bodyUpdate(!0,!0);var o={searchTerm:t};e.filter.aFiltered&&(o.searchResults=e.filter.aFiltered,o.searchCount=e.filter.aFiltered.length),e.fire("search",o)}},{key:"debounceSearch",value:function(e){var t=this,o=d.Z.search.threshold,n=this.latestTime=setTimeout((function(){n===t.latestTime&&t.triggerSearch()}),o)}},{key:"ons",value:function(){this.unsubInput=this.on("input",this.debounceSearch)}},{key:"uns",value:function(){this.unsubInput&&this.unsubInput(),this.unsubBlur&&this.unsubBlur(),this.unsubKD&&this.unsubKD()}},{key:"searchBtnClickToggle",value:function(e,t){this.widget.editorManager.activeCellEdit&&this.widget.editorManager.closeEditor(),this.searchBarVisible=!this.searchBarVisible,this.searchBarVisible?(this.setAttribute(d.Z.attr.active,""),t||this.oDOMInput.focus()):(this.removeAttribute(d.Z.attr.active),t||this.oDOMButton.focus())}},{key:"toggleSearchElement",value:function(e){e?this.removeAttribute(d.Z.attr.hidden):this.setAttribute(d.Z.attr.hidden,"")}},{key:"onKeyDown",value:function(e){var t=e.nCharCode;t!==e.ESC&&t!==e.ENTER&&t!==e.TAB||(this.oDOMInput.blur(),e.stopEvent())}},{key:"disconnectedCallback",value:function(){f(m(u.prototype),"disconnectedCallback",this).call(this),this.cleanElements(["oDOMButton","oDOMInput"]),this.$search=null,this.oDOMCaption=null}}])&&h(t.prototype,o),i&&h(t,i),Object.defineProperty(t,"prototype",{writable:!1}),u}(n.Z));n.Z._registerElement(b,y);const w=y},28888:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>w});var n=o(54739),r=o(31769),i=o(35957),a=o.n(i),s=o(76062),l=o.n(s),d=o(87822);function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function u(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==c(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===c(i)?i:String(i)),n)}var r,i}function h(){return h="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=g(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},h.apply(this,arguments)}function f(e,t){return f=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},f(e,t)}function p(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=g(e);if(t){var r=g(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}var m="zg-select",b={for:{bReflectToAttribute:!0},action:{bReflectToAttribute:!0,type:String},value:{bReflectToAttribute:!0,type:Number},options:{bReflectToAttribute:!0,type:String},widget:{}},v=n.Z.getObservedAtts(b),y=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&f(e,t)}(s,e);var t,o,n,i=p(s);function s(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,s),i.apply(this,arguments)}return t=s,n=[{key:"observedAttributes",get:function(){return v}}],(o=[{key:"init",value:function(){h(g(s.prototype),"init",this).call(this,m,l(),a(),b),this.setRefs()}},{key:"setRefs",value:function(){this.mask=this.shadowRoot.querySelector(".zg-selector-mask"),this.selected=document.createElement("div"),this.selected.className="zg-select-selected",this.trigger=document.createElement("div"),this.trigger.className="zg-select-trigger",this.triggerArrow=document.createElement("div"),this.triggerArrow.className="zg-select-trigger-arrow",this.oDOMOptionList=document.createElement("zg-option-list")}},{key:"ready",value:function(){h(g(s.prototype),"ready",this).call(this),this.mask||this.setRefs();var e=this._getHostContext();this.widget===e?this._updateBinding(e,e,this.action,this.action):this.widget=e,this.closeList(),"rtl"===e.sComputedDir&&this.setAttribute("dir","rtl"),e.bPreloaded?(this.selected=this.querySelector(".zg-select-selected"),this.trigger=this.querySelector(".zg-select-trigger"),this.triggerArrow=this.querySelector(".zg-select-trigger-arrow"),this.oDOMOptionList=this.querySelector("zg-option-list")):(this.selected.slot="selected",this._appendChild(this.selected),this.trigger.slot="selected",this._appendChild(this.trigger),this.triggerArrow.slot="selected",this._appendChild(this.triggerArrow),this._appendChild(this.oDOMOptionList)),e.webcomponent.pager||"pagesize"!==this.action||(e.bCustomPageSize=!0),this.value&&(e.setPageSize(this.value),this._updateDOMValue(this.value)),this.options&&this.changeListOptions(this.options),this.postRenderOns()}},{key:"postRenderOns",value:function(){var e=this;this.unsubClick=this.on("click",(function(t){return e.toggleList(t)}),this,{},!1),this.unsubKey=this.on("keydown",this.onKeyDown,this,{},!1),this.unsubOptionList=this.oDOMOptionList.on("click",(function(t,o){t.preventDefault(),e.value=r.Z.get(o)._text()}),null,{sDelegateTo:"span"},!1),this.unsubBlur=this.on("blur",(function(t){var o=t.oBrowserEvent.relatedTarget;o&&"span"===o.tagName.toLowerCase()||e.closeList()}))}},{key:"uns",value:function(){this.unsubClick&&this.unsubClick(),this.unsubOptionList&&this.unsubOptionList(),this.unsubBlur&&this.unsubBlur(),this.unsubKey&&this.unsubKey()}},{key:"onKeyDown",value:function(e){var t=!1;switch(e.nCharCode){case e.ENTER:case e.SPACE:this.toggleList(e);break;default:t=!0}t||e.stopEvent()}},{key:"toggleList",value:function(e){e&&e.stopEvent();var t=this.widget.webcomponent.getBoundingClientRect(),o=this.getBoundingClientRect();this._getDropdownHeight()+o.height+o.top>t.height+t.top?this.setAttribute(d.Z.attr.open,"up"):this.removeAttribute(d.Z.attr.open),this.oDOMOptionList.bIsHidden()?(this.setAttribute(d.Z.attr.active,""),this.mask.setAttribute(d.Z.attr.active,""),this.oDOMOptionList._show()):(this.removeAttribute(d.Z.attr.active,""),this.mask.removeAttribute(d.Z.attr.active,""),this.closeList(),this.focus())}},{key:"changeListOptions",value:function(e){null!==e&&this.oDOMOptionList.changeOptions(e)}},{key:"closeList",value:function(){this.oDOMOptionList._hide()}},{key:"destroyList",value:function(){this._removeChild(this.oDOMOptionList)}},{key:"updateInfo",value:function(e,t){t=t||this.action,e=e||this.widget,"pagesize"===t&&this._updateDOMValue(e.getPageSize())}},{key:"_getDropdownHeight",value:function(){this.oDOMOptionList.removeAttribute(d.Z.attr.hidden);var e=this.oDOMOptionList.getBoundingClientRect().height;return this.oDOMOptionList.setAttribute(d.Z.attr.hidden,""),e}},{key:"_propertyHandler",value:function(e,t,o){if(o=h(g(s.prototype),"_propertyHandler",this).call(this,e,t,o),this.bReady)switch(e){case"value":this._updateDOMValue(o),this.fire("valuechanged",o);break;case"options":null!=o?this.changeListOptions(o):this.destroyList()}return o}},{key:"_updateBinding",value:function(e,t,o,n){e&&o&&(this.fnUnSubscribe(),this.fnUnNotify()),t&&(this.updateInfo(t,n),"pagesize"===n)&&(this.fnUnSubscribe=t.on(d.Z.event.updated,this.updateInfo,this),this.fnUnNotify=this.on("valuechanged",(function(e,o){return t.setPageSize(o)})))}},{key:"_updateDOMValue",value:function(e){this.selected.innerHTML=e}},{key:"disconnectedCallback",value:function(){h(g(s.prototype),"disconnectedCallback",this).call(this),this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnNotify&&this.fnUnNotify(),this.removeChild(this.selected),this.removeChild(this.trigger),this.removeChild(this.triggerArrow),this.removeChild(this.oDOMOptionList),this.selected=null,this.mask=null,this.trigger=null,this.triggerArrow=null,this.oDOMOptionList=null}}])&&u(t.prototype,o),n&&u(t,n),Object.defineProperty(t,"prototype",{writable:!1}),s}(n.Z);n.Z._registerElement(m,y);const w=y},85199:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>v});var n=o(54739),r=o(39307),i=o.n(r),a=o(45946),s=o.n(a),l=o(31769);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g="zg-selector-mask",m={},b=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){u(p(a.prototype),"ready",this).call(this),this.oElMask=l.Z.get(this.shadowRoot.querySelector("#mask"))}},{key:"draw",value:function(e){var t=this.widget;e=e||t.selector.se;var o,n,r=this.oColumnBody.el,i=e.dimension(this.oColumnBody),a=r.getXY(),s=i.xy,l=i.width,d=i.height;o=s[0]-a[0],n=s[1]-a[1]+t.nScrollTop,this.aStartXY=[o,n],this.oElMask.setXY([o,n]),this.oElMask._setStyle("width",l+"px"),this.nWidth=l,this.oElMask._setStyle("height",d+"px"),this.nHeight=d,this.showAll()}},{key:"hideAll",value:function(){this.bReady&&this.oElMask&&this.oElMask._hide()}},{key:"showAll",value:function(){this.oElMask&&this.oElMask._show()}},{key:"disconnectedCallback",value:function(){u(p(a.prototype),"disconnectedCallback",this).call(this),this.oElMask=null,this.oColumnBody=null}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,b);const v=b},5858:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>b});var n=o(54739),r=o(25492),i=o.n(r),a=o(19731),s=o.n(a);function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function d(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==l(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===l(i)?i:String(i)),n)}var r,i}function c(){return c="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=f(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},c.apply(this,arguments)}function u(e,t){return u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},u(e,t)}function h(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=f(e);if(t){var r=f(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===l(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}var p="zg-separator",g={},m=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&u(e,t)}(a,e);var t,o,n,r=h(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){c(f(a.prototype),"init",this).call(this,p,s(),i(),g)}}])&&d(t.prototype,o),n&&d(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(p,m);const b=m},2204:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>v});var n=o(54739),r=o(6952),i=o.n(r),a=o(12839),s=o.n(a);o(31769),o(87822),o(37486);function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function d(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==l(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===l(i)?i:String(i)),n)}var r,i}function c(){return c="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=f(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},c.apply(this,arguments)}function u(e,t){return u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},u(e,t)}function h(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=f(e);if(t){var r=f(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===l(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}var p="zg-source",g={position:{bReflectToAttribute:!0,type:String}},m=n.Z.getObservedAtts(g),b=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&u(e,t)}(a,e);var t,o,n,r=h(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,n=[{key:"observedAttributes",get:function(){return m}}],(o=[{key:"init",value:function(){c(f(a.prototype),"init",this).call(this,p,s(),i(),g)}},{key:"ready",value:function(){c(f(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.ZG.oDOMSource||this.ZG.source||(this.ZG.oDOMSource=this,this.widget.sourceManager.initSource())}},{key:"_propertyHandler",value:function(e,t,o){return o=c(f(a.prototype),"_propertyHandler",this).call(this,e,t,o),this.bReady&&!this.bUpdatePosition&&"position"===e&&(this.bUpdatePosition=!0,this.widget.sourceManager.addSourceToSlot(o),this.bUpdatePosition=!1),o}}])&&d(t.prototype,o),n&&d(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(p,b);const v=b},54629:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>v});var n=o(54739),r=o(37835),i=o.n(r),a=o(44221),s=o.n(a),l=o(31769);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g="zg-status",m={},b=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){var e=this;u(p(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.oDOMDismiss=l.Z.get(this.shadowRoot.querySelector("span[close]")),this.unsubClick=this.oDOMDismiss.on("click",(function(){return e.widget.statusManager.closeStatus()})),this.unsubKey=this.oDOMDismiss.on("keydown",this.onKeyDown,this,{},!1)}},{key:"onKeyDown",value:function(e){var t=e.nCharCode;t!==e.ENTER&&t!==e.SPACE||(this.widget.statusManager.closeStatus(),e.stopEvent())}},{key:"uns",value:function(){this.unsubClick&&this.unsubClick(),this.unsubKey&&this.unsubKey()}},{key:"disconnectedCallback",value:function(){u(p(a.prototype),"disconnectedCallback",this).call(this),this.oDOMDismiss=null}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,b);const v=b},51534:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>y});var n=o(54739),r=o(79273),i=o.n(r),a=o(87585),s=o.n(a),l=o(87822);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g="zg-text",m={value:{bReflectToAttribute:!0,type:String},widget:{}},b=n.Z.getObservedAtts(m),v=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,n=[{key:"observedAttributes",get:function(){return b}}],(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){u(p(a.prototype),"ready",this).call(this),this.widget=this._getHostContext()}},{key:"updateInfo",value:function(e,t){t=t||this.value;var o=(e=e||this.widget).getCurrPageIdx(),n=e.getPageSize(),r=e.store.getOriginRecordCount()||e.getRowCount(),i=r?o*n+1:0,a=(o+1)*n;switch(a>r&&(a=r),t){case"currpage":this.textContent=e.getCurrPageIdx()+1;break;case"pagecount":this.textContent=Math.max(e.getPageCount(),1);break;case"pagesize":this.textContent=e.getPageSize();break;case"startrow":this.textContent=i;break;case"endrow":this.textContent=a;break;case"rowcount":this.textContent=r}}},{key:"_updateBinding",value:function(e,t,o,n){if(e&&o&&this.fnUnSubscribe(),t)switch(this.updateInfo(t,n),n){case"currpage":case"pagecount":case"pagesize":case"startrow":case"endrow":case"rowcount":this.fnUnSubscribe=t.on(l.Z.event.updated,this.updateInfo,this)}}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,v);const y=v},47287:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>y});var n=o(54739),r=o(90409),i=o.n(r),a=o(48219),s=o.n(a),l=o(87822),d=(o(37486),o(31769));function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function u(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==c(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===c(i)?i:String(i)),n)}var r,i}function h(){return h="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=g(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},h.apply(this,arguments)}function f(e,t){return f=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},f(e,t)}function p(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=g(e);if(t){var r=g(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}var m="zg-tooltip",b={},v=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&f(e,t)}(a,e);var t,o,n,r=p(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){h(g(a.prototype),"init",this).call(this,m,s(),i(),b)}},{key:"ready",value:function(){h(g(a.prototype),"ready",this).call(this),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.setAttribute(l.Z.attr.role,"tooltip"),this.setAttribute(l.Z.attr.hidden,""),this.oDOMCloseButton=this.shadowRoot.querySelector(".zg-tooltip-close"),this.fnUnClick=d.Z.get(this.oDOMCloseButton).on("click",this._hideTarget,this,{},!1)}},{key:"uns",value:function(){this.fnUnClick&&this.fnUnClick()}},{key:"_setAttributes",value:function(e){var t=e.oTooltipOptions,o=this._checkPosition(t.tooltipPosition),n=t.tooltipType||"default",r=t.tooltipAction||"hover",i=e.bIsInfoTooltip;this.setAttribute(l.Z.zgTooltip.typeAttr,n),this.setAttribute(l.Z.zgTooltip.positionAttr,o),this.setAttribute(l.Z.zgTooltip.actionAttr,r),i?this.removeAttribute(l.Z.zgTooltip.noInfoIconAttr):this.setAttribute(l.Z.zgTooltip.noInfoIconAttr,"")}},{key:"_checkPosition",value:function(e){return["top","left","right","bottom"].indexOf(e)>=0?e:"top"}},{key:"_hideTarget",value:function(){this.setAttribute(l.Z.attr.hidden,""),this.removeAttribute(l.Z.attr.animate)}},{key:"_showTarget",value:function(e,t,o){this._setAttributes(o),this.innerHTML=t,this.style.transition=null,this.setAttribute(l.Z.attr.hidden,""),this._setPosition(e,o),this.removeAttribute(l.Z.attr.hidden),this.style.transition="transform .3s",this.setAttribute(l.Z.attr.animate,"")}},{key:"_setPosition",value:function(e,t){var o=t._setTooltipPosition();this.style.left="".concat(o.left)+"px",this.style.top="".concat(o.top,"px")}},{key:"disconnectedCallback",value:function(){h(g(a.prototype),"disconnectedCallback",this).call(this),this.oDOMCloseButton=null}}])&&u(t.prototype,o),n&&u(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(m,v);const y=v},47977:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>v});var n=o(54739),r=o(61861),i=o.n(r),a=o(41877),s=o.n(a),l=o(19791);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===d(i)?i:String(i)),n)}var r,i}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=p(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},u.apply(this,arguments)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=p(e);if(t){var r=p(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}var g="zg-watermark",m={widget:{}},b=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(a,e);var t,o,n,r=f(a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),r.apply(this,arguments)}return t=a,(o=[{key:"init",value:function(){u(p(a.prototype),"init",this).call(this,g,s(),i(),m)}},{key:"ready",value:function(){u(p(a.prototype),"ready",this).call(this),this.widget=this._getHostContext();var e=this._oShadowRoot.querySelector("a");e.innerHTML=l.default.get("watermark.poweredBy",this.widget,{element:e,elProperty:"innerHTML"});var t=this.widget.focusManager;t&&t.bInitialLoaded&&t.updateSection(this,t.aWatermark,"Watermark")}},{key:"_propertyHandler",value:function(e,t,o){return o=u(p(a.prototype),"_propertyHandler",this).call(this,e,t,o),"widget"===e&&o&&(this.slot="watermark"),o}}])&&c(t.prototype,o),n&&c(t,n),Object.defineProperty(t,"prototype",{writable:!1}),a}(n.Z);n.Z._registerElement(g,b);const v=b},81747:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>D});var n,r=o(54739),i=o(50744),a=o.n(i),s=o(73337),l=o.n(s),d=o(48272),c=o(37486),u=o(3877),h=o(96766),f=o(87822),p=o(19791),g=o(1009),m=(o(31769),o(31655));function b(e){return function(e){if(Array.isArray(e))return v(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return v(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return v(e,t)}(e)||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 v(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function w(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,O(n.key),n)}}function z(){return z="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=k(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},z.apply(this,arguments)}function C(e,t){return C=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},C(e,t)}function S(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=k(e);if(t){var r=k(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===y(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function k(e){return k=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},k(e)}function x(e,t,o){return(t=O(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function O(e){var t=function(e,t){if("object"!==y(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==y(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===y(t)?t:String(t)}var _="zing-grid",R=(x(n={aggregate:{type:String,bReflectToAttribute:!0},align:{bReflectToAttribute:!0,type:String},batchEdit:{bReflectToAttribute:!0,type:Boolean},batchEditStatus:{bReflectToAttribute:!0,type:String},caption:{type:String,bReflectToAttribute:!0,bThrowEvent:!0},card:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},cellBreak:{type:String,bReflectToAttribute:!0,bThrowEvent:!0},cellClass:{type:String,bReflectToAttribute:!0},cellEditor:{type:String,bReflectToAttribute:!0,sBooleanDefault:"true"},cellFocus:{type:String,bReflectToAttribute:!0},buttonTooltipDisabled:{type:Boolean,bReflectToAttribute:!0},cellTooltipAction:{type:String,bReflectToAttribute:!0},cellTooltipDelay:{type:Number,bReflectToAttribute:!0},cellTooltipIcon:{bReflectToAttribute:!0,type:String},cellTooltipPosition:{type:String,bReflectToAttribute:!0},cellTooltipRenderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},cellTooltipTemplate:{type:String,bReflectToAttribute:!0},cellTooltipType:{type:String,bReflectToAttribute:!0},colClass:{type:String,bReflectToAttribute:!0},columnResizable:{type:Boolean,bReflectToAttribute:!0},columnResizableMaxWidth:{bReflectToAttribute:!0,type:Number},columnResizableMinWidth:{bReflectToAttribute:!0,type:Number},columnResizablePersistent:{type:Boolean,bReflectToAttribute:!0},columnsControl:{type:Boolean,bReflectToAttribute:!0},columns:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},columnWidth:{bReflectToAttribute:!0},compact:{type:Boolean,bReflectToAttribute:!0},config:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},confirmDelete:{bReflectToAttribute:!0},confirmations:{type:String,bReflectToAttribute:!0,bReflectBoolean:!0,sBooleanDefault:f.Z.confirmations.all},contextMenu:{bReflectToAttribute:!0},data:{type:String,bCanBeObject:!0,bReflectToAttribute:!0,bOneWaySync:!0,bThrowEvent:!0},defaultDisplay:{type:String,bReflectToAttribute:!0},dialog:{type:Boolean,bReflectToAttribute:!0},dir:{type:String,bReflectToAttribute:!0,sBooleanDefault:"ltr"},columnDragAction:{type:String,bReflectToAttribute:!0,sBooleanDefault:"both"},columnDrag:{type:Boolean,bReflectToAttribute:!0},creator:{type:String,bReflectToAttribute:!0,sBooleanDefault:"modal"},footClass:{type:String,bReflectToAttribute:!0},frozenColumnsLeft:{type:Number,bReflectToAttribute:!0},frozenColumnsRight:{type:Number,bReflectToAttribute:!0},frozenRowClass:{type:String,bReflectToAttribute:!0},frozenRowsBottom:{type:Number,bReflectToAttribute:!0},frozenRowsTop:{type:Number,bReflectToAttribute:!0},headClass:{type:String,bReflectToAttribute:!0},templateEndDelimiter:{type:String,bReflectToAttribute:!0},editor:{type:String,bReflectToAttribute:!0,sBooleanDefault:"inline"},editorControls:{type:String,bReflectToAttribute:!0,bReflectBoolean:!0,sBooleanDefault:f.Z.editorControls.all},filter:{type:Boolean,bReflectToAttribute:!0}},"footClass",{type:String,bReflectToAttribute:!0}),x(n,"fullscreen",{type:Boolean,bReflectToAttribute:!0}),x(n,"gridlines",{type:String,bReflectToAttribute:!0}),x(n,"groupBy",{type:String,bReflectToAttribute:!0}),x(n,"headClass",{type:String,bReflectToAttribute:!0}),x(n,"headerAutoFormat",{type:String,bReflectToAttribute:!0}),x(n,"nestedDataSeparator",{type:String,bReflectToAttribute:!0}),x(n,"headerRowHide",{type:Boolean,bReflectToAttribute:!0}),x(n,"headerTooltipAction",{type:String,bReflectToAttribute:!0}),x(n,"headerTooltipDelay",{type:Number,bReflectToAttribute:!0}),x(n,"headerTooltipIcon",{bReflectToAttribute:!0,type:String}),x(n,"headerTooltipIconPosition",{type:String,bReflectToAttribute:!0}),x(n,"headerTooltipPosition",{type:String,bReflectToAttribute:!0}),x(n,"headerTooltipRenderer",{type:Function,bReflectToAttribute:!0,bOneWaySync:!0}),x(n,"headerTooltipTemplate",{type:String,bReflectToAttribute:!0}),x(n,"headerTooltipTrigger",{type:String,bReflectToAttribute:!0}),x(n,"headerTooltipType",{type:String,bReflectToAttribute:!0}),x(n,"height",{type:String,bReflectToAttribute:!0}),x(n,"iconSet",{type:String,bReflectToAttribute:!0}),x(n,"iconSetData",{type:String,bReflectToAttribute:!0}),x(n,"lang",{type:String,bReflectToAttribute:!0,bSetProperty:!0}),x(n,"layout",{type:String,bReflectToAttribute:!0}),x(n,"layoutControls",{type:String,bReflectToAttribute:!0}),x(n,"loading",{type:Boolean,bReflectToAttribute:!0}),x(n,"loadingText",{type:String,bReflectToAttribute:!0}),x(n,"loadmask",{type:String,bReflectToAttribute:!0}),x(n,"noData",{type:String,bReflectToAttribute:!0}),x(n,"pageSize",{type:Number,bReflectToAttribute:!0}),x(n,"pageSizeCard",{type:Number,bReflectToAttribute:!0}),x(n,"pageSizeRow",{type:Number,bReflectToAttribute:!0}),x(n,"pageSizeOptions",{bReflectToAttribute:!0,type:String}),x(n,"pager",{type:Boolean,bReflectToAttribute:!0}),x(n,"pagerButtonLimit",{type:Number,bReflectToAttribute:!0}),x(n,"pagerPosition",{type:String,bReflectToAttribute:!0}),x(n,"pagerType",{type:String,bReflectToAttribute:!0}),x(n,"params",{type:Object,bReflectToAttribute:!0,bOneWaySync:!0}),x(n,"preserveStateId",{type:String,bReflectToAttribute:!0}),x(n,"preserveStateOptions",{type:String,bReflectToAttribute:!0}),x(n,"preserveStateLoad",{type:String,bReflectToAttribute:!0}),x(n,"preserveStateSave",{type:String,bReflectToAttribute:!0}),x(n,"recordCount",{type:Number,bReflectToAttribute:!0}),x(n,"recordKey",{type:String,bReflectToAttribute:!0,bReflectBoolean:!0,sBooleanDefault:f.Z.internalColumn.recordkey}),x(n,"recordDuplicate",{type:Boolean,bReflectToAttribute:!0}),x(n,"rowClass",{type:String,bReflectToAttribute:!0}),x(n,"rowSelector",{type:Boolean,bReflectToAttribute:!0}),x(n,"rowHeight",{type:String,bReflectToAttribute:!0}),x(n,"search",{type:Boolean,bReflectToAttribute:!0}),x(n,"selector",{type:Boolean,bReflectToAttribute:!0}),x(n,"serverRendered",{type:Boolean,bReflectToAttribute:!0}),x(n,"sort",{type:String,bReflectToAttribute:!0}),x(n,"sorter",{type:String,bReflectToAttribute:!0}),x(n,"sortIntl",{type:String,bReflectToAttribute:!0}),x(n,"source",{type:String,bReflectToAttribute:!0}),x(n,"src",{type:String,bReflectToAttribute:!0}),x(n,"staticMenu",{bReflectToAttribute:!0,sBooleanDefault:"true"}),x(n,"statusDelay",{bReflectToAttribute:!0,type:Number}),x(n,"statusPersist",{bReflectToAttribute:!0,type:Boolean}),x(n,"statusPosition",{bReflectToAttribute:!0,type:String}),x(n,"templateEndDelimiter",{type:String,bReflectToAttribute:!0}),x(n,"templateStartDelimiter",{type:String,bReflectToAttribute:!0}),x(n,"theme",{type:String,bReflectToAttribute:!0}),x(n,"validationErrorMessage",{type:String,bReflectToAttribute:!0}),x(n,"validationRequiredMessage",{type:String,bReflectToAttribute:!0}),x(n,"viewport",{type:String,bReflectToAttribute:!0}),x(n,"viewportPause",{type:Boolean,bReflectToAttribute:!0}),x(n,"viewportStop",{type:Boolean,bReflectToAttribute:!0}),x(n,"viewportTypes",{type:Object,bReflectToAttribute:!0,bOneWaySync:!0}),x(n,"width",{type:String,bReflectToAttribute:!0}),x(n,"zebra",{type:String,bReflectToAttribute:!0}),n),E=r.Z.getObservedAtts(R),M=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&C(e,t)}(s,e);var t,n,r,i=S(s);function s(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,s),i.apply(this,arguments)}return t=s,n=[{key:"connectedCallback",value:function(){var e=this;z(k(s.prototype),"connectedCallback",this).call(this),this.setAttribute("tabindex",0),this.querySelector("table")&&(this.data=this.querySelector("table"));try{null!==this.getAttribute(f.Z.attr.serverrender)?document.addEventListener("DOMContentLoaded",(function t(){e.completeConnectedCallback(),document.removeEventListener("DOMContentLoaded",t)})):window.requestAnimationFrame((function t(){e.completeConnectedCallback(),window.cancelAnimationFrame(t)}))}catch(e){console.error("There was an issue with <".concat(_,">'s connectedCallback().\n").concat(e))}}},{key:"completeConnectedCallback",value:function(){var e=this.widget;e&&(this.querySelector(f.Z.zgBody.tagName)&&(e.bPreloaded=!0),this.originalHTML=this.outerHTML,this.addToLightDOM(),e.init(),e.bPreloaded&&e.updater.resetAllColumnsWidth(),this.processProperties(),this._wrapAPI((function(){return e.focusManager.init()})),e.dialogManager.initDialogs(),e.bHasAttachedToDOM=!0,this.bReady=!0,document.addEventListener("DOMContentLoaded",(function(){return u.Z.validateLicense()})),setTimeout((function(){return u.Z.validateLicense()}),1e3),this.fire("childrenready"),this.watchVisibility(),e.setStorybook())}},{key:"init",value:function(){try{z(k(s.prototype),"init",this).call(this,_,l(),a(),R);var e=this._oShadowRoot.querySelector(".".concat(f.Z.zg.tagName));this.widget=new d.default({renderTo:e,renderAfter:e.querySelectorAll("slot")[1],webcomponent:this}),this.ZG=this.widget.webcomponent}catch(e){console.error("There was an issue with <".concat(_,">'s init().\n").concat(e))}}},{key:"addToLightDOM",value:function(){var e=this.widget;this.oDOMData=this.querySelector(f.Z.zgData.tagName)||null,this.bDefaultCols=!this.querySelector(f.Z.zgColgroup.tagName)&&!this.querySelector(f.Z.zgColumn.tagName),this.oDOMHeader=this.associateChild(f.Z.zgHeader.tagName,null,"header"),this.oDOMCaption=this.querySelector(f.Z.zgCaption.tagName)||null,this.oDOMControlBar=this.querySelector(f.Z.zgControlBar.tagName)||null,this.oDOMLayoutControls=this.querySelector(f.Z.zgLayoutControls.tagName)||null,this.oDOMLeftHead=this.associateChild(f.Z.zgHead.tagName,null,"lefthead","lefthead"),this.oDOMLeftBody=this.associateChild(f.Z.zgBody.tagName,null,"leftbody","leftbody"),this.oDOMLeftFoot=this.associateChild(f.Z.zgFoot.tagName,null,"leftfoot","leftfoot"),this.oDOMColgroup=this.associateChild(f.Z.zgColgroup.tagName,null,"gridcolgroup","gridcolgroup",!0),this.oDOMLeftColgroup=this.associateChild(f.Z.zgColgroup.tagName,null,"leftcolgroup","leftcolgroup",!1,this.oDOMColgroup),this.oDOMRightColgroup=this.associateChild(f.Z.zgColgroup.tagName,null,"rightcolgroup","rightcolgroup",!1),this.oDOMHead=this.associateChild(f.Z.zgHead.tagName,null,"gridhead","mainhead"),this.oDOMBody=this.associateChild(f.Z.zgBody.tagName,null,"gridbody","mainbody"),this.oDOMFoot=this.associateChild(f.Z.zgFoot.tagName,null,"gridfoot","mainfoot"),this.oDOMRightHead=this.associateChild(f.Z.zgHead.tagName,null,"righthead","righthead"),this.oDOMRightBody=this.associateChild(f.Z.zgBody.tagName,null,"rightbody","rightbody"),this.oDOMRightFoot=this.associateChild(f.Z.zgFoot.tagName,null,"rightfoot","rightfoot"),this.oDOMFooter=this.associateChild(f.Z.zgFooter.tagName,null,"footer"),this.oDOMStatus=this.associateChild(f.Z.zgStatus.tagName,null,"status"),this.oDOMTooltip=this.associateChild(f.Z.zgTooltip.tagName,null,"tooltip"),this.oDOMCellOverflow=this.associateChild(f.Z.zgCellOverflow.tagName,null,"celloverflow"),this.oDOMLeftEditorRow=this.associateChild(f.Z.zgEditorRow.tagName,null,"lefteditorrow","lefteditorrow",void 0,void 0,"Left"),this.oDOMEditorRow=this.associateChild(f.Z.zgEditorRow.tagName,null,"bodyeditorrow","bodyeditorrow",void 0,void 0,""),this.oDOMRightEditorRow=this.associateChild(f.Z.zgEditorRow.tagName,null,"righteditorrow","righteditorrow",void 0,void 0,"Right"),this.oDOMLeftHeadEditorRow=this.associateChild(f.Z.zgEditorRow.tagName,null,"leftheadeditorrow","leftheadeditorrow",void 0,void 0,"Left"),this.oDOMHeadEditorRow=this.associateChild(f.Z.zgEditorRow.tagName,null,"mainheadeditorrow","mainheadeditorrow",void 0,void 0,""),this.oDOMRightHeadEditorRow=this.associateChild(f.Z.zgEditorRow.tagName,null,"rightheadeditorrow","rightheadeditorrow",void 0,void 0,"Right"),this.oDOMLeftFootEditorRow=this.associateChild(f.Z.zgEditorRow.tagName,null,"leftfooteditorrow","leftfooteditorrow",void 0,void 0,"Left"),this.oDOMFootEditorRow=this.associateChild(f.Z.zgEditorRow.tagName,null,"mainfooteditorrow","mainfooteditorrow",void 0,void 0,""),this.oDOMRightFootEditorRow=this.associateChild(f.Z.zgEditorRow.tagName,null,"rightfooteditorrow","rightfooteditorrow",void 0,void 0,"Right"),this.oDOMFrozenRight=this.shadowRoot.querySelector("#freeze-right-body"),this.oDOMFrozenLeft=this.shadowRoot.querySelector("#freeze-left-body"),this.oDOMMain=this.shadowRoot.querySelector("#frame-main-body"),this.oDOMFrozenRightHeadFrame=this.shadowRoot.querySelector("#freeze-frame-right-head"),this.oDOMFrozenMainHeadFrame=this.shadowRoot.querySelector("#freeze-frame-main-head"),this.oDOMFrozenLeftHeadFrame=this.shadowRoot.querySelector("#freeze-frame-left-head"),this.oDOMFrozenRightHead=this.shadowRoot.querySelector("#freeze-right-head"),this.oDOMFrozenMainHead=this.shadowRoot.querySelector("#freeze-main-head"),this.oDOMFrozenLeftHead=this.shadowRoot.querySelector("#freeze-left-head"),this.oDOMFrozenRightFootFrame=this.shadowRoot.querySelector("#freeze-frame-right-foot"),this.oDOMFrozenMainFootFrame=this.shadowRoot.querySelector("#freeze-frame-main-foot"),this.oDOMFrozenLeftFootFrame=this.shadowRoot.querySelector("#freeze-frame-left-foot"),this.oDOMFrozenRightFoot=this.shadowRoot.querySelector("#freeze-right-foot"),this.oDOMFrozenMainFoot=this.shadowRoot.querySelector("#freeze-main-foot"),this.oDOMFrozenLeftFoot=this.shadowRoot.querySelector("#freeze-left-foot"),this.oDOMFrozenLeftStyle=this.associateChild(f.Z.zgFrozenColgroup.tagName,null,"freeze-left-columns","zing-grid-freeze-style-left"),this.oDOMFrozenRightStyle=this.associateChild(f.Z.zgFrozenColgroup.tagName,null,"freeze-right-columns","zing-grid-freeze-style-right"),this.oDOMBatchEditStyle=this.associateChild(f.Z.batchEdit.tagName,null,"batch-edit","zing-grid-batch-edit"),this.oDOMBodyFrame=this.shadowRoot.querySelector(f.Z.zg.shadow.frameBodyWrapper),this.oDOMSource=this.querySelector(f.Z.zgSource.tagName)||null,this.oDOMNodata=this.querySelector(f.Z.zgNoData.tagName)||null,this.oTopPager=this.querySelector('zg-pager[slot="top"]')||this.oTopPager,this.oBottomPager=this.querySelector('zg-pager[slot="pager"]')||this.oBottomPager;var t=this.shadowRoot.querySelector(f.Z.attr.style);t&&(this.initialGridCss=t.textContent),this.oDOMClipboard=this.shadowRoot.querySelector(".zing-grid-clipboard");var o=this.querySelector(f.Z.zgLoadMask.tagName);e.loadmask=this.associateChild(f.Z.zgLoadMask.tagName),e.loadmask.widget=this.widget,o?this.loading&&e.loadmask.setAttribute(f.Z.zgLoadMask.defaultAttr,""):(e.loadmask.setAttribute(f.Z.zgLoadMask.defaultAttr,""),e.loadmask.default()),this.oDOMWaterMark=this.querySelector(f.Z.zgWatermark.tagName)||this.oDOMWaterMark,e.oDOMScrollerWrapper=this._oShadowRoot.querySelector(f.Z.zg.shadow.frameBodyWrapper),e.oDOMScroller=e.oDOMScrollerWrapper,m.V5||this.setAttribute(f.Z.attr.staticscroll,"")}},{key:"processProperties",value:function(){var e=this,t=this.columns,o=this.widget,n=o.store,r=o.layoutManager,i=o.viewportManager;if(this.defaultBodyOverflow=window.getComputedStyle(document.body).overflow,void 0!==this.config){o.updateConfig(this.config);var a=this.config,s=a.src,l=a.data;n.bNeedsLoad=!(!s&&!l)}if(void 0!==t&&o.updateConfig({columns:t}),void 0!==this.card&&this._setCard(this.card),void 0!==this.src){var d={src:this.src};n.updateConfig(d),n.bNeedsLoad=!0}else void 0!==this.data&&n.setData(this.data);if(void 0===this.params||this.oDOMData||n.loadData({},this.params),void 0!==this.headerAutoFormat&&this._setHeaderAutoFormat(this.headerAutoFormat),void 0!==this.nestedDataSeparator&&this._setNestedDataSeparator(this.nestedDataSeparator),this.headerRowHide&&(o.bHeaderRowHide=this.headerRowHide),this.recordCount&&n.setOriginRecordCount(this.recordCount),void 0===this.contextMenu&&void 0===this.staticMenu||o.menuManager.initMenu(),o.bConfirmDelete="disabled"!==this.confirmDelete,o.bCellFocus="disabled"!==this.cellFocus,void 0!==this.groupBy&&this._setGrouping(this.groupBy),this.hasAttribute(f.Z.editorControls.attr)&&!this.hasAttribute(f.Z.editor.attr)){var u=this.getAttribute(f.Z.editorControls.attr);"false"!==u&&"disabled"!==u&&(this.bSettingEditor=!0,this.setAttribute(f.Z.editor.attr,""),this.bSettingEditor=!1)}o.editorManager.setInitialEditorType(),this.caption&&this._setCaption(this.caption),this.search&&this._setSearch(o.bHasSearchEnabled),this.columnsControl&&this._setColumnsControl(this.columnsControl),this.staticMenu&&this._setStaticMenu(this.staticMenu),(this.columnDrag||this.columnDragAction)&&this._setColumnDrag(this.columnDrag,this.columnDragAction),(this.columnResizable||this.columnResizablePersistent)&&this._setColumnResizable(this.columnResizable,this.columnResizablePersistent),this.frozenColumnsLeft&&(o.nLeftFrozenColumns=parseInt(this.frozenColumnsLeft,10)),o.initialConfig.frozenColumnsLeft=o.nLeftFrozenColumns,this.frozenColumnsRight&&(o.nRightFrozenColumns=parseInt(this.frozenColumnsRight,10)),o.initialConfig.frozenColumnsRight=o.nRightFrozenColumns,o._adjustFrozenColumns(!0),this.frozenRowsTop&&!o.bGroupBy&&(o.nTopFrozenRows=parseInt(this.frozenRowsTop,10)),o.initialConfig.frozenRowsTop=o.nTopFrozenRows,this.frozenRowsBottom&&(o.store.isIncrementalLoad()?(c.Aq("Frozen bottom rows is not supported with incremental data loading"),this.frozenRowsBottom=0):o.nBottomFrozenRows=parseInt(this.frozenRowsBottom,10)),o.initialConfig.frozenRowsBottom=o.nBottomFrozenRows,void 0!==this.defaultDisplay&&this._setDefaultDisplay(this.defaultDisplay),this._setControlBar(),this.viewportTypes&&(i.types=this.viewportTypes),i.allow&&i.setViewport(),o.initialConfig.layout=this.layout,r.setLayout(),void 0!==this.layoutControls?(this.bUserLayoutControls=!0,this._setLayoutControls(this.layoutControls)):this.layout&&this._setLayoutControls(!0),this.batchEdit&&this._setBatchEditControls(this.batchEdit),this.editor&&(o.editorManager.type=this.editor),this.creator&&this.creator===f.Z.editor.typeInline&&(o.editorManager.createType=this.creator),void 0!==this.pagerPosition&&void 0===this.pager&&this._autoSetPager(),void 0===this.pager&&void 0===this.pagerPosition||this._attachPager(this.pager,null,this.pagerPosition,null),this.pagerType&&void 0!==this.pager&&this._setPagerType(this.pagerType,this.pagerButtonLimit),o.initialConfig.pageSize=this.pageSize,(this.pageSize||this.pageSizeRow||this.pageSizeCard)&&o.calculatePageSize(),this.rowSelector&&this._setRowSelector(!0),(this.source||this.oDOMSource)&&o.sourceManager.initSource(),this._attachNodata(this.noData,!0),this.externalThemeArr=[],this.externalThemeName=null,this._setThemeIconSVG(this.theme),this._setThemeCSS(this.theme),this._setGridClasses(),(this.zebra||""===this.zebra)&&this._setZebra(this.zebra),(this.rowHeight||this.frozenColumnsLeft||this.frozenColumnsRight)&&this._setRowHeight(this.rowHeight,this.frozenColumnsLeft||this.frozenColumnsRight),this.pageSizeOptions&&this.setPageSizeOptions(this.pageSizeOptions),void 0===this.sort&&void 0===this.sorter||this._setSorter(this.sort,this.sorter),o.sValidationErrorMessage=this.validationErrorMessage,o.sValidationRequiredMessage=this.validationRequiredMessage,(this.style.width||this.width)&&(this.width||(this.width=this.style.width),this._setScrollWidth(this.width)),this.templateStartDelimiter&&(n.templateStartDelimiter=this.templateStartDelimiter),this.templateEndDelimiter&&(n.templateEndDelimiter=this.templateEndDelimiter),this.iconSetData&&(this.iconSetDataMap=window[this.iconSetData]),this.preserveStateId&&this.widget.on("afterloaded",(function(){e.widget.bAPIReady||e._wrapAPI((function(){return o.stateManager.loadState()}))}),this)}},{key:"associateChild",value:function(e,t,o,n,r,i,a){var s;n?(s="".concat(e,"#").concat(n),r&&(s+=", ".concat(e,":not([id])"))):s=e;var l=this.querySelector(s);return l||(t||(t=document.createElement(e)),i?this.insertBefore(t,i):this.appendChild(t),l=t),n&&(l.id=n),o&&l.setAttribute("slot",o),void 0!==a&&(l.oDOMBody=this["oDOM".concat(a,"Body")],l.oDOMHead=this["oDOM".concat(a,"Head")],l.oDOMFoot=this["oDOM".concat(a,"Foot")]),l}},{key:"ready",value:function(){var e=this;z(k(s.prototype),"ready",this).call(this),this.paint(),setImmediate((function(){e.widget&&!e.widget.bDisconnect&&e.componentsLoaded()}))}},{key:"paint",value:function(){this.widget.update(),this.widget.fire(f.Z.event.afterPaint)}},{key:"disconnectedCallback",value:function(){var e=this.widget;e&&(e.bDisconnect=!0),z(k(s.prototype),"disconnectedCallback",this).call(this),this.observer&&(this.observer.unobserve(this),this.observer=null),e&&e.destroy();for(var t=Object.keys(this),o=0;o<t.length;o++){var n=t[o];this.hasOwnProperty(n)&&"object"===y(this[n])&&(this[n]=null,delete this[n])}}},{key:"ons",value:function(){var e=this,t=this.widget,o=t.focusManager;this.on("click",this.closeMenus),this.on("mousedown",o.clickFocus,o),this.on("focus",o.onFocus,o),this.on("keydown",o.onGridKeyDown,o,{},!1),this.on("contextmenu",t.onContextMenu,t,{},!1),t.store.once("loaded",(function(){return t.fullscreenManager.setFullscreen()}));var n=t.mainGridHScroll;this.oDOMVScroller=this._oShadowRoot.querySelector("#scroll"),n.on("scroll",(function(){e.widget.updateHeadFootScroll(!1)}))}},{key:"watchVisibility",value:function(){var e=this;if("undefined"!=typeof IntersectionObserver&&"inline-block"!==window.getComputedStyle(this).getPropertyValue("display")){var t={root:document.documentElement},o=null;this.observer=new IntersectionObserver((function(t,n){t.forEach((function(t){var n=t.intersectionRatio>0;null!==o&&e.bReady?n&&!o?(o=!0,e.updateSize(!0,void 0,!0)):o=!1:o=n}))}),t),this.observer.observe(this)}}},{key:"appendMenu",value:function(e){e&&e.oElMenu&&(e.bDefined?e.bDefined=!1:this.appendChild(e.oElMenu))}},{key:"removeMenu",value:function(e){e&&e.oElMenu&&this.removeChild(e.oElMenu)}},{key:"closeMenus",value:function(e,t){if(0===e.nButton){if(t.tagName.toLowerCase()===f.Z.zgButton.tagName)return;this.widget.menuManager&&this.widget.menuManager.isMenuOpen()&&this.widget.menuManager.closeMenu(),this.widget.columnMenu&&this.widget.columnMenu.isMenuOpen()&&this.widget.columnMenu.closeMenu(t)}}},{key:"customizeDialog",value:function(e,t){var o=this;return this._wrapAPI((function(){return o.widget.dialogManager.customize(e,t)})),this}},{key:"hydrate",value:function(){this.widget.store.load(),this.widget.store.bNeedsLoad=!1}},{key:"componentsLoaded",value:function(){this.widget.bNeedsFrozenAdjust&&this.widget._adjustFrozenColumnsFromAttribute(),this.loadData()}},{key:"loadData",value:function(){var e=this.widget,t=e.store;if(e.bPreloaded)return e.bAPIReady=!0,e.bHydrating=!0,this.hydrate(),e.bPreloaded=!1,void e.fire("apiready");t.bNeedsLoad?(t.load(),t.bNeedsLoad=!1):e.bAPIReady||t.finishNoData()}},{key:"resetData",value:function(){var e=this.widget.store;if(e.dumpDataRequest(),e.initModel(),this.getAttribute("data")?e.setData(this.getAttribute("data")):e.data=null,e.src=null,this.getAttribute("src")){var t={src:this.getAttribute("src")};e.updateConfig(t)}e.reload()}},{key:"filterColumn",value:function(e,t){var o=this;return this._wrapAPI((function(){if(o.widget.filter){var n=o.widget.getColumnByFieldIndex(e);n&&n.bFilter?o.widget.filter.setFilter(n,t):n?c.Aq("The '".concat(e,"' column does not support filtering.")):c.Aq('The column with [index="'.concat(e,'"] does not exist.'))}})),this}},{key:"select",value:function(e,t,o,n){var r=this;return this._wrapAPI((function(){var i=r.widget;if(!i.selector&&!i.bCellFocus)return r;var a=void 0===o,s=void 0===n;i.selector.deSelectAll(),s&&a?i.selector.se.cell(e,t):(s&&(n=t),a&&(o=e),i.selector.se.initRange(e,t,o,n)),i.selector.se.select(!0)})),this}},{key:"selectAll",value:function(){var e=this;return this._wrapAPI((function(){var t=e.widget;if(!t.selector)return e;t.selector.se.selectAll().select()})),this}},{key:"deselect",value:function(){var e=this;return this._wrapAPI((function(){var t=e.widget;if(!t.selector)return e;t.selector.deSelectAll()})),this}},{key:"firstPage",value:function(){var e=this;return this._wrapAPI((function(){return e.widget.firstPage()})),this}},{key:"getCaption",value:function(){return this.caption||!1}},{key:"getData",value:function(e){var t="visible"===(e=e||{}).cols,o="visible"===e.rows,n=e.headers&&!e.csv,r=this.widget.store.cleanData(t,o,n);return e.csv&&(r=c.Ae(r,e,this.widget)),r}},{key:"getPageIndex",value:function(){return this.widget.getCurrPageIdx()+1}},{key:"getPageSize",value:function(){return this.widget.pageSize}},{key:"hideColumn",value:function(e){var t=this;return this._wrapAPI((function(){return t.toggleColumn(e,!0)})),this}},{key:"hideCellOverflow",value:function(e){var t=this;return this._wrapAPI((function(){return t.oDOMCellOverflow.close()})),this}},{key:"insertRow",value:function(e,t,o){var n=this;return this._wrapAPI((function(){return n.widget.insertRow(e,t,o)})),this}},{key:"updateRecord",value:function(e,t,o,n){var r=this;return this._wrapAPI((function(){return r.widget.updateRow(t,e,o,n)})),this}},{key:"removeRecord",value:function(e,t){var o=this;return this._wrapAPI((function(){return o.widget.removeRow(e,!0,void 0,t)})),this}},{key:"updateRow",value:function(e,t,o,n){var r=this;return this._wrapAPI((function(){var i=r.widget.getRecordIndexByDataRowContainerIndex(e);r.widget.updateRow(t,i,o,n)})),this}},{key:"removeRow",value:function(e,t){var o=this;return this._wrapAPI((function(){var n=o.widget.getRecordIndexByDataRowContainerIndex(e);o.widget.removeRow(n,!0,void 0,t)})),this}},{key:"updateCellByPosition",value:function(e,t,o,n){var r=this;return this._wrapAPI((function(){var i=r.widget.selectorEngineManager.$cell(e,t);if(i){var a=i.sTargetRecordIndex,s=i.sTargetFieldIndex;r.widget.updateCell(a,s,o,n)}})),this}},{key:"updateCellByID",value:function(e,t,o,n){var r=this;return this._wrapAPI((function(){return r.widget.updateCell(e,t,o,n)})),this}},{key:"lastPage",value:function(){var e=this;return this._wrapAPI((function(){return e.widget.lastPage()})),this}},{key:"nextPage",value:function(){var e=this;return this._wrapAPI((function(){return e.widget.nextPage()})),this}},{key:"prevPage",value:function(){var e=this;return this._wrapAPI((function(){return e.widget.prevPage()})),this}},{key:"refresh",value:function(e,t){if(void 0!==e)e=parseInt(e,10),c.Uh(t)&&(t=parseInt(t,10)),this.widget.update({bUpdateBodyContent:!0},e,t);else{var o=this.widget;!o.store.isIncrementalLoad()&&o.oDOMSortedColumn&&o.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader&&o.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader.clearStyle(!0),this.widget.store.reload()}}},{key:"refreshGrid",value:function(){this.refresh(),this.bReady&&p.default.refresh(this.widget)}},{key:"searchGrid",value:function(e){var t=this;return this._wrapAPI((function(){var o=t.widget.search;o&&(o.oDOMInput.value=e,!o.searchBarVisible&&e&&o.searchBtnClickToggle(void 0,!0),o.triggerSearch())})),this}},{key:"setCaption",value:function(e){var t=this;return this._wrapAPI((function(){return t.caption=e})),this}},{key:"setData",value:function(e){var t=this;return this._wrapAPI((function(){return t.data=e})),this}},{key:"setPageIndex",value:function(e){var t=this,o=parseInt(e,10);if(!isNaN(e))return this._wrapAPI((function(){return t.widget.setCurrPageIdx(o-1)})),this}},{key:"setPageSize",value:function(e){var t=this,o=parseInt(e,10);if(!isNaN(o))return this.widget.bUserPageSize=!0,this._wrapAPI((function(){return t.widget.setPageSize(o)})),this}},{key:"setPageSizeCard",value:function(e){var t=parseInt(e,10);return isNaN(t)?this:this.setElementAPI("page-size-card",t)}},{key:"setPageSizeRow",value:function(e){var t=parseInt(e,10);return isNaN(t)?this:this.setElementAPI("page-size-row",t)}},{key:"setPageSizeOptions",value:function(e){var t=this;return this._wrapAPI((function(){e||(e=f.Z.zgPager.defaultPageSizes),t.oTopPager&&t.oTopPager.setAttribute("size-options",e),t.oBottomPager&&t.oBottomPager.setAttribute("size-options",e)})),this}},{key:"showColumn",value:function(e){var t=this;return this._wrapAPI((function(){return t.toggleColumn(e,!1)})),this}},{key:"sortColumn",value:function(e,t){var o=this;return this._wrapAPI((function(){if(o.widget.sorter){var n=o.widget.getColumnByFieldIndex(e);n&&n.oDOMSortHeader?(t=t||null,n.oDOMSortHeader.onSort(null,null,t)):n||c.Aq('The column with [index="'.concat(e,'"] does not exist.'))}})),this}},{key:"toggleColumn",value:function(e,t){var o=this.widget.getColumnIndexByFieldIndex(e);if(-1!==o){var n=this.widget.aColumnMapping[o],r=n.oDOMZGColumn;if(void 0===t&&(t=!r.hasAttribute("hidden")),n.bHidden===t)return;t?r.setAttribute("hidden",!0):r.removeAttribute("hidden")}else c.Aq('The column with [index="'.concat(e,'"] does not exist.'));return this}},{key:"_propertyHandler",value:function(e,t,o){o=z(k(s.prototype),"_propertyHandler",this).call(this,e,t,o);var n=this.widget,r=n.store,i=c.c7.get(n,["viewportManager"]);switch(e){case"aggregate":this.bReady&&this._updateColumnControls("aggregate",o);break;case"batchEdit":this.bReady&&this._setBatchEditControls(o);break;case"align":this.bReady&&this._setAlign(o);break;case"buttonTooltipDisabled":this.bReady&&this._setButtonTooltipDisabled(o);break;case"card":this.bReady&&this._setCard(o);break;case"caption":this.bReady&&this._setCaption(o);break;case"cellBreak":this.bReady&&this._setCellBreak(o);break;case"cellClass":this.bReady&&this._setClass(o,"Cell");break;case"cellTooltipRenderer":this._setCellTooltipRenderer(o);case"cellTooltipTemplate":this._setCellTooltipTemplate(o);case"cellTooltipDelay":case"cellTooltipIcon":case"cellTooltipPosition":case"cellTooltipType":case"cellTooltipAction":this._setCellTooltipOptions(e,o);break;case"colClass":this.bReady&&this._setClass(o,"Col");break;case"columnsControl":n.bHasColumnsControl=!!o,this.bReady&&this._setColumnsControl(!!o);break;case"columnResizablePersistent":this.bReady&&this._setColumnResizable(this.columnResizable,!!o);break;case"columnResizable":this.bReady&&this._setColumnResizable(!!o,this.columnResizablePersistent);break;case"frozenColumnsLeft":if(this.bReady&&!n.bUpdatingFrozen)if(n.layoutManager.sCurrentType!==f.Z.zgLayout.typeCard&&this.layoutType!==f.Z.zgLayout.typeCard){n.nLeftFrozenColumns=parseInt(o,10)||0,this._setRowHeight(this.rowHeight,n.nLeftFrozenColumns||n.nRightFrozenColumns);var a=n.nLeftFrozenColumns+n.nRightFrozenColumns,l=n.aColumnMapping.length-a;l<0&&(n.nRightFrozenColumns+=l,n.nRightFrozenColumns<0&&(n.nRightFrozenColumns=0)),n._adjustFrozenColumns(),n.updater.clearCache(),n.update(),n.updater.checkHorizontalScroll()}else n.nCardLeftFrozenColumns=parseInt(o,10)||0;break;case"frozenColumnsRight":if(this.bReady&&!n.bUpdatingFrozen)if(n.layoutManager.sCurrentType!==f.Z.zgLayout.typeCard&&this.layoutType!==f.Z.zgLayout.typeCard){n.nRightFrozenColumns=parseInt(o,10)||0,this._setRowHeight(this.rowHeight,n.nLeftFrozenColumns||n.nRightFrozenColumns);var d=n.nLeftFrozenColumns+n.nRightFrozenColumns,u=n.aColumnMapping.length-d;u<0&&(n.nLeftFrozenColumns+=u,n.nLeftFrozenColumns<0&&(n.nLeftFrozenColumns=0)),n._adjustFrozenColumns(),n.updater.clearCache(),n.update(),n.updater.checkHorizontalScroll()}else n.nCardRightFrozenColumns=parseInt(o,10)||0;break;case"frozenRowsTop":this.bReady&&!n.bGroupBy&&(n.layoutManager.sCurrentType!==f.Z.zgLayout.typeCard&&this.layoutType!==f.Z.zgLayout.typeCard?(n.nTopFrozenRows=parseInt(o,10)||0,n.bUpdatingFrozen||n.bReload||(n.updateFrozenRowMapping(),n.updater.clearCache(),n.update(),n.fire(f.Z.event.frozenrowchange,"top",o,t))):n.nCardTopFrozenRows=parseInt(o,10)||0);break;case"frozenRowsBottom":this.bReady&&!n.bGroupBy&&(n.layoutManager.sCurrentType!==f.Z.zgLayout.typeCard&&this.layoutType!==f.Z.zgLayout.typeCard?(n.nBottomFrozenRows=parseInt(o,10)||0,n.bUpdatingFrozen||n.bReload||(n.updateFrozenRowMapping(),n.updater.clearCache(),n.update(),n.fire(f.Z.event.frozenrowchange,"bottom",o,t))):n.nCardBottomFrozenRows=parseInt(o,10)||0);break;case"columns":if(this.bReady){n.updateConfig({columns:o});var h=this.data,g=this.src;(h||g)&&r.reload()}break;case"config":if(this.bReady){n.updateConfig(o);var m=o,b=m.data,v=m.src;(b||v)&&r.load()}break;case"contextMenu":"boolean"==typeof o||"true"===o?(n.bHasContextMenuEnabled=!!o,n.sContextMenuId=null):null===o?n.bHasContextMenuEnabled=!1:(n.bHasContextMenuEnabled=!0,n.sContextMenuId=o),this.bReady&&n.bHasContextMenuEnabled&&n.menuManager.initMenu(!0);break;case"cellFocus":n.bCellFocus="disabled"!==o;break;case"compact":n.bCompact=o,n.nDefaultRowHeight=o?f.Z.zgRow.defaultCompactHeight:f.Z.zgRow.defaultHeight,n.nDefaultHeadHeight=o?f.Z.zgRow.defaultCompactHeadHeight:f.Z.zgRow.defaultHeadHeight,this.bReady&&n.update();break;case"confirmDelete":n.bConfirmDelete=!0,o&&"disabled"!==o||(n.bConfirmDelete=!1);break;case"data":r&&!r.bUpdatingData&&this.bReady&&(o=r.setData(o),r.bHasDataSource&&(this.removeAttribute("src"),r.dumpDataRequest()),n.bAPIReady&&r.reload(void 0,!0));break;case"defaultDisplay":this.bReady&&this._setDefaultDisplay(o);break;case"dir":this.bReady&&(o?n.sComputedDir=o:n.initDir(),this.querySelectorAll("zg-button[dir]").forEach((function(e){e.setAttribute("dir",n.sComputedDir),e.setTooltip(e.action,n,e.customTooltip)})),this.querySelectorAll("zg-filter, zg-select, zg-dialog, zg-menu-group, zg-head-cell, zg-option-list, zg-control-bar, zg-pager").forEach((function(e){o?e.setAttribute("dir",n.sComputedDir):e.removeAttribute("dir")})),n.updater.clearCache(),n.update());break;case"columnDrag":this.bReady&&this._setColumnDrag(o,this.columnDragAction);break;case"columnDragAction":this.bReady&&this._setColumnDrag(this.columnDrag,o);break;case"cellEditor":null===o&&n.bHasEditorEnabled?n.bHasCellEditorEnabled=!0:o&&"disabled"!==o?(n.bHasCellEditorEnabled=!0,n.bHasEditorEnabled=!0):n.bHasCellEditorEnabled=!1;break;case"creator":o!==f.Z.editor.typeInline&&(o=f.Z.editor.typeModal),this.bReady&&(n.editorManager.createType=o);break;case"editor":n.editorFieldManager&&n.editorFieldManager.isEditorOpen()&&(n.editorFieldManager.closeFieldEditor(!0),n.editorManager&&n.editorManager.closeEditor()),o?("true"===o&&(o=f.Z.editor.typeInline),n.bHasEditorEnabled=!0,"disabled"!==this.cellEditor&&!1!==this.cellEditor&&(n.bHasCellEditorEnabled=!0),this.bReady&&(n.editorManager.type=o),this.bSettingEditor?this.bUserEditorControls=!1:this.bUserEditorControls=!0):(n.bHasEditorEnabled=!1,!0!==this.cellEditor&&(n.bHasCellEditorEnabled=!1),this.bUserEditorControls=!1);break;case"editorControls":this.bReady&&(n.bUpdatingColumns=!0,this._updateColumnControls("editorControls",o,!0),this._attachNodata(this.noData),n.setupCardHeader(),o&&"disabled"!==o?this.hasAttribute(f.Z.editor.attr)||(this.bSettingEditor=!0,this.setAttribute(f.Z.editor.attr,""),this.bSettingEditor=!1):this.bUserEditorControls||this.removeAttribute(f.Z.editor.attr),n.bUpdatingColumns=!1,n.updater.clearCache(),n.updater.clearStyle(),n.update());break;case"filter":var w=0;if(n.bHasFilterEnabled&&!o?w=-1:!n.bHasFilterEnabled&&o&&(w=1),n.bHasFilterEnabled=o,n.bGlobalFilter=o,this.bReady&&n){for(var C=0,S=n.aColumnMapping.length;C<S;C++){var x=n.aColumnMapping[C].oDOMZGColumn,O=y(x.filter);["undefined",null].indexOf(O)>-1&&(x.filter=o)}w&&this._updateRowIndex(w),n.update()}break;case"footClass":this.bReady&&this._setClass(o,"Foot");break;case"fullscreen":c.SZ({el:document.body,attr:"zinggrid-fullscreen",match:o,value:""}),this.bReady&&(o?n.fullscreenManager.setFullscreen(!0):n.fullscreenManager.unsetFullscreen());break;case"gridlines":this.bReady&&this._setGridLines(o);break;case"groupBy":this.bReady&&this._setGrouping(o);break;case"headerAutoFormat":this.bReady&&(this._setHeaderAutoFormat(o),n.update({bUpdateColumnHeaderContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0}));break;case"nestedDataSeparator":this.bReady&&(this._setNestedDataSeparator(o),r.reload());break;case"headerRowHide":this.bReady&&(n.bHeaderRowHide=o,n.update({bUpdateColumnHeaderContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnBodyContainerClass:!0}));break;case"headerTooltipRenderer":this._setHeaderTooltipRenderer(o);case"headerTooltipTemplate":this._setHeaderTooltipTemplate(o);case"headerTooltipIcon":case"headerTooltipIconPosition":case"headerTooltipPosition":case"headerTooltipDelay":case"headerTooltipType":case"headerTooltipAction":this._setHeaderTooltipOptions(e,o);break;case"headerTooltipTrigger":this._setHeaderTooltipOptions(e,o,!0);break;case"headClass":this.bReady&&this._setClass(o,"Head");break;case"height":this._setScrollHeight(o);break;case"iconSet":this.bReady&&n.iconManager.updateIcons(o);break;case"lang":p.default.setLang(o,n),this.bReady&&p.default.refresh(n);break;case"layout":this.bReady&&(this.bUserLayoutControls||this._setLayoutControls(o),n.layoutManager.setLayout({isReset:null===o}));break;case"layoutControls":this.bReady&&(this.bUserLayoutControls=null!==o,this._setLayoutControls(o));break;case"noData":this.bReady&&this._attachNodata(o);break;case"pager":if(r&&r.oDataFormat.bLoadByScroll)return;this.bReady&&(o&&!this._settingPager&&(this.bGeneratedPager=!1),this._attachPager(o,t,this.pagerPosition,this.pagerPosition));break;case"pagerPosition":this.bReady&&(null===o?this.bGeneratedPager&&(this.pager=!1,this.bGeneratedPager=!1):void 0===this.pager&&this._autoSetPager(),this._attachPager(this.pager,this.pager,o,t));break;case"pagerButtonLimit":this.bReady&&this.pager&&this._setPagerType(this.pagerType,o);break;case"pagerType":this.bReady&&this.pager&&this._setPagerType(o,this.pagerButtonLimit);break;case"pageSize":case"pageSizeRow":case"pageSizeCard":n.bUserPageSize=!0,this.bReady?n.calculatePageSize(null,!1,e,o):"pageSize"===e&&n.setPageSize(o);break;case"pageSizeOptions":this.bReady&&this.setPageSizeOptions(o);break;case"params":this.bReady&&r.loadData(this.oDOMData?this.oDOMData.options:{},o,null,!0);break;case"preserveStateOptions":case"preserveStateId":case"preserveStateLoad":case"preserveStateSave":n.oStateOptions[e]=o,this.bReady&&"preserveStateSave"!==e&&n.stateManager.loadState();break;case"recordCount":this.bReady&&(r.setOriginRecordCount(o),n.fire(f.Z.event.pagesizechange,o));break;case"frozenRowClass":this.bReady&&this._setClass(o,"FrozenRow");break;case"rowClass":this.bReady&&this._setClass(o,"Row");break;case"rowHeight":this.bReady&&this._setRowHeight(o);break;case"search":n.bHasSearchEnabled=!!o,this.bReady&&this._setSearch(n.bHasSearchEnabled);break;case"selector":o?n.bHasSelectorEnabled=!0:(n.selector.bHasSelection&&n.selector.deSelectRange(),n.bHasSelectorEnabled=!1);break;case"rowSelector":this.bReady&&(o&&this.rowSelector||!o&&!this.rowSelector||(this._setRowSelector(o),this._updateColumnControls("rowSelector",o)));break;case"recordKey":if(this.bReady)if(o&&this.recordKey||!o&&!this.recordKey){if(o&&this.recordKey){var _=n.aColumnMapping.find((function(e){return e.sFieldIndex===f.Z.internalColumn.recordkey}));_&&(_.oDOMZGColumn.header=o)}}else this._updateColumnControls("recordKey",o);break;case"recordDuplicate":this.bReady&&(o&&this.recordDuplicate||!o&&!this.recordDuplicate||this._updateColumnControls("recordDuplicate",o));break;case"sort":this.bReady&&(this._setSorter(o,this.sorter),this._toggleSorter(o));break;case"sortIntl":n.sSortIntl=o,this.bReady&&this._setSortIntl(o);break;case"sorter":this.bReady&&this._setSorter(this.sort,o);break;case"source":this.bReady&&n.sourceManager.setSource({source:o});break;case"src":if(this.bReady)if(n.dumpMapping(),r.dumpModel(),r.bHasDataSource&&r.dumpDataRequest(),o){r.data&&r.data.length&&(r.initModel(),this.removeAttribute("data"));var R={src:o};this.oDOMData?r.loadData(this.oDOMData.options,this.params,R):(r.updateConfig(R,!0),r.load())}else{var E={src:o};r.updateConfig(E),r.load()}break;case"staticMenu":if("boolean"==typeof o||"true"===o){var M=this.contextMenu;n.bHasStaticMenu=!!o,M&&"string"==typeof M||(n.sContextMenuId=null)}else null===o?n.bHasStaticMenu=!1:(n.bHasStaticMenu=!0,n.sContextMenuId=o);this.bReady&&this._setStaticMenu(n.bHasStaticMenu,!0);break;case"statusPosition":this.bReady&&this.oDOMStatus.hasAttribute(f.Z.attr.active)&&this.widget.statusManager.setStatus();break;case"theme":this.bReady&&(this._setThemeCSS(o),this._setThemeIconSVG(o));break;case"validationErrorMessage":this.bReady&&(n.sValidationErrorMessage=o);break;case"validationRequiredMessage":this.bReady&&(n.sValidationRequiredMessage=o);break;case"viewportPause":if(!this.bReady)return;o?i.run="pause":o||i.run.stop||(i.run=!0);break;case"viewportStop":if(!this.bReady)return;o?i.run=!1:o||i.run.pause||(i.run=!0);break;case"viewportTypes":this.bReady&&(i.types=o,i.allow&&i.setViewport());break;case"width":this.bReady&&this._setScrollWidth(o);break;case"templateStartDelimiter":case"templateEndDelimiter":this.bReady&&(r[e]=o||f.Z.template[e],n.updater.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0}));break;case"zebra":this.bReady&&this._setZebra(o)}return this.bReady&&["rowClass","cellClass","colClass","footClass","headClass","zebra","frozenRowClass"].includes(e)&&(n.bNeedUpdate=!0),o}},{key:"_applyCss",value:function(e){":"===e.charAt(0)&&this.shadowRoot.querySelector("style").insertAdjacentText("afterbegin","".concat(e," ").concat(this.initialGridCss))}},{key:"_autoSetPager",value:function(){this.bGeneratedPager=!0,this._settingPager=!0,this.pager=!0,this._settingPager=!1}},{key:"_attachNodata",value:function(e,t){var o=!!e;this.oDOMNodata?t&&(o=!0):(this.oDOMNodata=document.createElement(f.Z.zgNoData.tagName),this.appendChild(this.oDOMNodata)),e?this.oDOMNodata.classList.add("attr"):this.oDOMNodata.classList.remove("attr"),o?this.oDOMNodata.classList.remove("default"):this.oDOMNodata.classList.add("default");var n=this.getAttribute(f.Z.attr.editorcontrols),r=["false",f.Z.editorControls.editor,f.Z.editorControls.remover],i=(n||""===n)&&-1===r.indexOf(n),a=document.createElement("SPAN");if(e)this.oDOMNodata.innerHTML=e;else if(!o){this.oDOMNodata.innerHTML="";var s=a.cloneNode(!0),l=p.default.get("noData.message",this.widget,{element:s,elProperty:"innerHTML"});s.classList.add("default-message"),s.innerHTML=l,this.oDOMNodata.appendChild(s)}if(!o&&i){var d=a.cloneNode(!0);d.classList.add("default-insert-record");var c=p.default.get("noData.insertRecord",this.widget,{element:d,elProperty:"innerHTML"});d.innerHTML='\n        <zg-button action="createrecord" no-data notooltip>\n          <zg-icon name="createrecord" slot="icon"></zg-icon> \n          <span slot="label">'.concat(c,"</span>\n        </zg-button>\n      "),this.oDOMNodata.appendChild(d)}this.oDOMNodata.setAttribute("slot","gridnodata")}},{key:"_attachPager",value:function(e,t,o,n){var r=this.widget,i=r.store;if(!i||!i.oDataFormat.bLoadByScroll){null==o&&(o="bottom"),void 0===n&&(n="bottom");var a=["top","both"],s=["bottom","both"],l=[null,!1,"false",void 0],d=this.oBottomPager,c=this.oTopPager;c||((c=document.createElement("zg-pager")).setAttribute("slot","top"),this.oTopPager=c),void 0===d&&((d=document.createElement("zg-pager")).setAttribute("slot","pager"),this.oBottomPager=d),l.includes(t)||(a.includes(n)&&this.removeChild(this.oTopPager),s.includes(n)&&this.removeChild(this.oBottomPager)),l.includes(e)||(a.includes(o)&&!this.oTopPager.parentNode&&(this.appendChild(this.oTopPager),r.updateFocus(null,this.oTopPager,r.focusManager.aTopPager)),s.includes(o)&&!this.oBottomPager.parentNode&&(this.appendChild(this.oBottomPager),r.updateFocus(null,this.oBottomPager,r.focusManager.aBottomPager)))}}},{key:"_setPagerType",value:function(e,t){e?(this.oTopPager&&(this.oTopPager.setAttribute(f.Z.zgPager.typeAttr,e),t?this.oTopPager.setAttribute(f.Z.zgPager.buttonLimitAttr,t):this.oTopPager.removeAttribute(f.Z.zgPager.buttonLimitAttr)),this.oBottomPager&&(this.oBottomPager.setAttribute(f.Z.zgPager.typeAttr,e),t?this.oBottomPager.setAttribute(f.Z.zgPager.buttonLimitAttr,t):this.oBottomPager.removeAttribute(f.Z.zgPager.buttonLimitAttr))):(this.oTopPager&&(this.oTopPager.removeAttribute(f.Z.zgPager.typeAttr),this.oTopPager.removeAttribute(f.Z.zgPager.buttonLimitAttr)),this.oBottomPager&&(this.oBottomPager.removeAttribute(f.Z.zgPager.typeAttr),this.oBottomPager.removeAttribute(f.Z.zgPager.buttonLimitAttr)))}},{key:"_attributeHandler",value:function(e,t,o){e!==f.Z.editor.attr||void 0!==this.userEditorValue||this.widget&&this.widget.bUpdatingEditor||this._storeEditorValue(),z(k(s.prototype),"_attributeHandler",this).call(this,e,t,o)}},{key:"_loadCss",value:function(e){var t=this,o=e.split(".css");1!==o.length&&(o=o[0].split("/"),this.setAttribute("theme",o[o.length-1]),fetch(e).then((function(e){return e.text()})).then((function(e){return t._applyCss(e)})))}},{key:"_setCard",value:function(e){var t=e.rendererTemplate,o=e.editorTemplate,n=e.renderer,r=e.editor,i=this.widget,a=i.oCard||document.createElement(f.Z.zgCard.tagName);t||(t=e["renderer-template"]),o||(o=e["editor-template"]),t&&a.setAttribute("renderer-template",t),o&&a.setAttribute("editor-template",o),n&&a.setAttribute("renderer",n),r&&a.setAttribute("editor",r),i.oCard||this.appendChild(a),this.bReady&&(this.widget.updater.clearCache(),this.widget.update())}},{key:"_setCaption",value:function(e,t){var o=this.widget,n=!1;if(!this.oDOMCaption){var r=document.createElement(f.Z.zgCaption.tagName);(null!==e||t)&&this._attachToParent(r,this.oDOMHeader),this.oDOMCaption=r,n=!0}if(o.messageCaption)o.changedCaption=e;else{if(!(e||t||o.bHasStaticMenu||o.bHasSearchEnabled))return this.oDOMHeader&&!n&&this.oDOMHeader.removeChild(this.oDOMCaption),void(this.oDOMCaption=null);this.oDOMCaption.changeText(e),this.oDOMCaption.hasAttribute("slot")||this.oDOMCaption.setAttribute("slot","caption"),o.updateFocus("Caption")}}},{key:"_setSelectorCheckbox",value:function(e){var t=this.oDOMControlBar||this.querySelector(f.Z.zgControlBar.tagName);t&&(this.caption||this.oDOMCaption||this._setCaption(null,!0),e.slot="cardaction",e.setAttribute(f.Z.attr.datafocus,""),t.oDOMSelector&&t.removeChild(t.oDOMSelector),t.insertBefore(e,t.childNodes[0]),t.oDOMSelector=e,t.setAttribute(f.Z.attr.internalselector,""),this._toggleControlBar())}},{key:"_setControlBar",value:function(){if(!this.oDOMControlBar){var e=document.createElement(f.Z.zgControlBar.tagName);this._attachToParent(e,this.oDOMHeader),this.oDOMControlBar=e}this.oDOMControlBar.setAttribute("slot","control-bar"),this.widget.updateFocus("ControlBar")}},{key:"_setLayoutControls",value:function(e){(e=!("disabled"===e||""!==e&&(null!==e||!this.hasAttribute(f.Z.zgLayout.attr))&&!e))?(this.oDOMLayoutControls||(this.oDOMLayoutControls=document.createElement(f.Z.zgLayoutControls.tagName),this.bReady&&this._attachToParent(this.oDOMLayoutControls,this.oDOMControlBar)),this.oDOMLayoutControls.setAttribute("slot","layout-controls")):!e&&this.oDOMLayoutControls&&(this.oDOMLayoutControls.parentNode.removeChild(this.oDOMLayoutControls),this.oDOMLayoutControls=null),this._toggleControlBar()}},{key:"_setCreateControls",value:function(e){e?(this.oDOMControlBar.oDOMCreate.removeAttribute("hidden"),this.oDOMControlBar.setAttribute(f.Z.attr.create,"")):(this.oDOMControlBar.oDOMCreate.setAttribute("hidden",""),this.oDOMControlBar.removeAttribute(f.Z.attr.create)),this._toggleControlBar()}},{key:"_setBatchEditControls",value:function(e){this.oDOMControlBar.oDOMBatchEdit&&(e?(this.oDOMControlBar.setAttribute(f.Z.attr.batchEdit,""),this.oDOMControlBar.oDOMBatchEdit.removeAttribute("hidden")):(this.oDOMControlBar.removeAttribute(f.Z.attr.batchEdit),this.oDOMControlBar.oDOMBatchEdit.setAttribute("hidden","")),this._toggleControlBar())}},{key:"_setCellBreak",value:function(e,t){this.widget.cellBreakManager.setCellBreak(e)}},{key:"_toggleControlBar",value:function(){var e=!1,t=this.oDOMControlBar._oShadowRoot.querySelector('slot[name="cardaction"]').assignedNodes(),o=this.oDOMControlBar._oShadowRoot.querySelector('slot[name="action"]').assignedNodes(),n=this.widget.layoutManager.sCurrentType||this.widget.layoutManager.getLayoutType();o.length&&(e=o.some((function(e){return null===e.getAttribute("hidden")&&e.tagName.toLowerCase()!==f.Z.zgText.tagName}))),this.oDOMLayoutControls||e||t.length>1&&n===f.Z.zgLayout.typeCard?this.oDOMControlBar.removeAttribute("hidden"):this.oDOMControlBar.setAttribute("hidden","")}},{key:"_attachToParent",value:function(e,t){t.bReady?t.appendChild(e):t.on("ready",(function(){return t.appendChild(e)}))}},{key:"_activateLoadByScroll",value:function(){var e=this.widget,t=(e.store,this.height||f.Z.infinite.defaultHeight);this.height||(this.height=f.Z.infinite.defaultHeight),e.oDOMScroller||(e.oDOMScroller=this._oShadowRoot.querySelector(f.Z.zg.shadow.frameBodyWrapper),e.scroller&&e.scroller.ons()),e.oDOMScroller.style.height=t,e.oDOMScroller.setAttribute(f.Z.attr.height,""),this.oTopPager&&this.oTopPager.remove(),this.oBottomPager&&this.oBottomPager.remove()}},{key:"_setGrouping",value:function(e){var t=this.widget,o=t.aGroupBy;t.bGroupBy=!!e,t.bGroupBy?("string"==typeof e&&(e=e.split(",").map((function(e){return e.trim()}))),t.aGroupBy=e):t.aGroupBy=[],this.bReady&&t._updateGroupedColumnReset(!0,!t.bGroupBy,o)}},{key:"_setAlign",value:function(e){var t=this.widget,o=t.getAllHeadRows(),n=t.getAllBodyRows(),r=t.getAllFootRows();(o||n||r)&&(this._setAlignByArea(o,e),this._setAlignByArea(n,e),this._setAlignByArea(r,e))}},{key:"_setAlignByArea",value:function(e,t){var o=this.widget,n=o.aColumnMapping;e.forEach((function(e){e.childNodes.forEach((function(e,r){var i=n[r].sAlign||t||null;o.setCellAlignment(e,i)}))}))}},{key:"_setHeaderAutoFormat",value:function(e){if(""===e||null===e?this.widget.bHeaderAutoFormat=!0:(this.widget.bHeaderAutoFormat="disabled"!==e&&!!e,this.widget.bHeaderAutoFormat&&"string"==typeof e&&(this.widget.fnHeaderAutoFormat=h.Z.setUserFunction(null,e))),this.widget.aColumnMapping)for(var t=0,o=this.widget.aColumnMapping.length;t<o;t++)this.widget.aColumnMapping[t].oDOMZGColumn.setHeader()}},{key:"_setNestedDataSeparator",value:function(e){var t=this.widget;if(t.sNestedDataSeparator=""===e||null===e?".":e,t.aColumnMapping)for(var o=0,n=t.aColumnMapping.length;o<n;o++)t.aColumnMapping[o].oDOMZGColumn.setHeader()}},{key:"_updateColumnControls",value:function(e,t,o){var n=this.widget,r={editorControls:this.editorControls,rowSelector:this.rowSelector,recordKey:this.recordKey,recordDuplicate:this.recordDuplicate,aggregate:this.aggregate};r[e]=t,n._addColumnControls(r),o||(n.setupCardHeader(),n.updater.clearCache(),n.update())}},{key:"_updateRowIndex",value:function(){this.widget.getAllBodyRows().forEach((function(e){return e.setBodyIndexes(e.bodyRowIndex)}))}},{key:"_setGridLines",value:function(e){var t=this.widget,o=[].concat(b(t.getAllHeadRows()),b(t.getAllBodyRows()));if(e){var n=e.toLowerCase();o.forEach((function(e){"both"===n||"vert"===n||"vertical"===n?e.setAttribute(f.Z.attr.gridlinesvert,""):e.removeAttribute(f.Z.attr.gridlinesvert),"both"===n||"horz"===n||"horizontal"===n?e.setAttribute(f.Z.attr.gridlineshorz,""):e.removeAttribute(f.Z.attr.gridlineshorz)}))}else o.forEach((function(e){e.removeAttribute(f.Z.attr.gridlinesvert),e.removeAttribute(f.Z.attr.gridlineshorz)}))}},{key:"_setClass",value:function(e,t,o){o&&this["fn".concat(t,"Class")]||(this["fn".concat(t,"Class")]=h.Z.setUserFunction(null,e))}},{key:"_setRowHeight",value:function(e,t){!e&&t?e="auto":e||t?e==+e&&(e+="px"):e=void 0,this.widget.nRowHeight=e,!this.cellBreak&&"auto"!==this.rowHeight&&t&&(this.cellBreak=f.Z.cellBreak.ellipsis)}},{key:"_setZebra",value:function(e){var t=this.widget,o=null===e?[]:[f.Z.zebra.defaultClass1,f.Z.zebra.defaultClass2];if(e&&"true"!==e&&!0!==e){var n=e.split(",");1===n.length&&(n=n[0].split(" ")),t.aZebraClasses=n.map((function(e){return e.trim()}))}else t.aZebraClasses=o}},{key:"_setColumnsControl",value:function(e,t){var o=this;if(this.caption||t||this.oDOMCaption||this._setCaption(null,!0),this.oDOMCaption&&this.oDOMCaption.bReady){var n=this.oDOMCaption.oDOMColumnMenu;e?n.removeAttribute(f.Z.attr.hidden):(n.setAttribute(f.Z.attr.hidden,""),t||this._checkRemoveCaption())}else e&&requestAnimationFrame((function t(){o.oDOMCaption&&o.oDOMCaption.bReady?o._setColumnsControl(e):requestAnimationFrame(t)}))}},{key:"_checkRemoveCaption",value:function(){this.oDOMCaption&&!this.oDOMCaption.showCaption()&&(this.oDOMHeader.removeChild(this.oDOMCaption),this.oDOMCaption=null)}},{key:"_setDefaultDisplay",value:function(e){this.widget.sDefaultDisplay=e,this.bReady&&this.widget.updater.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0})}},{key:"_setColumnResizable",value:function(e,t){this.widget.bColumnResizable=e,this.widget.bColumnResizablePersistent=t,void 0===e&&t&&(this.widget.bColumnResizable=!0),this.bReady&&b(this.oDOMHead.querySelectorAll(f.Z.zgHeadCell.tagName)).forEach((function(e){return e._setResize()}))}},{key:"_setColumnDrag",value:function(e,t){var o=this.widget;this.bUpdatingDrag||(this.bUpdatingDrag=!0,o.bDragHide=!1,o.bDragMove=!1,e&&void 0===t?(t=f.Z.drag.both,this.defaultColumnDragAction=f.Z.drag.both):t&&void 0===e?(e=!0,this.columnDrag=!0):e||void 0!==t||(this.defaultColumnDragAction=null),o.bColumnDrag=e,"string"==typeof t&&((t=t.toLowerCase())!==f.Z.drag.both&&t!==f.Z.drag.hide||(o.bDragHide=!0),t!==f.Z.drag.both&&t!==f.Z.drag.reorder||(o.bDragMove=!0)),this.widget.columnDragManager.setColumnDrag(),this.bUpdatingDrag=!1)}},{key:"_setCellTooltipOptions",value:function(e,t){var o=this.widget;o.oCellTooltip[e]=t,this.bReady&&o.updater.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0})}},{key:"_setButtonTooltipDisabled",value:function(e){var t=this;this.querySelectorAll("zg-button[dir]").forEach((function(o){o.setTooltip(o.action,t.widget,o.customTooltip,e)}))}},{key:"_setCellTooltipRenderer",value:function(e){e&&c.HD(e)?this.widget.oCellTooltip.fnCellTooltipRenderer=h.Z.setUserFunction(null,e):this.widget.oCellTooltip.fnCellTooltipRenderer=null}},{key:"_setCellTooltipTemplate",value:function(e){var t=window[e]||document.getElementById(e)||null;this.widget.oCellTooltip.oDOMCellTooltipTemplate=t}},{key:"_setHeaderTooltipOptions",value:function(e,t,o){var n=this.widget;if(n.oHeaderTooltip[e]=t,this.bReady)if(o){for(var r=n.aColumnMapping,i=0,a=r.length;i<a;i++)r[i].oDOMZGColumn.removeAttribute("min-calculated-header-width");n.update({bUpdateColumnHeaderContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0})}else b(n.getAllHeadCells(!0)).forEach((function(e){return e._setHeaderTooltip()}))}},{key:"_setHeaderTooltipRenderer",value:function(e){e&&c.HD(e)?this.widget.oHeaderTooltip.fnHeaderTooltipRenderer=h.Z.setUserFunction(null,e):this.widget.oHeaderTooltip.fnHeaderTooltipRenderer=null}},{key:"_setHeaderTooltipTemplate",value:function(e){var t=window[e]||document.getElementById(e)||null;this.widget.oHeaderTooltip.oDOMHeaderTooltipTemplate=t}},{key:"_setRowSelector",value:function(e){!this.oDOMCaption&&e?this._setCaption(null,!0):this.oDOMCaption&&!e&&(this._setCaption(null),this._checkRemoveCaption())}},{key:"_setScrollHeight",value:function(e){var t=this.widget.oDOMScroller||this._oShadowRoot.querySelector(f.Z.zg.shadow.frameBodyWrapper),o=this._oShadowRoot.querySelector(f.Z.zg.shadow.frameBodyWrapper);e?(o.setAttribute(f.Z.attr.height,""),t.setAttribute(f.Z.attr.height,""),-1===e.indexOf("px")&&(e+="px"),o.style.height=e,t.style.height=e):(o.removeAttribute(f.Z.attr.height),o.style.height="",t.removeAttribute(f.Z.attr.height),t.style.height="")}},{key:"_setScrollWidth",value:function(e,t){var o=this.widget;if(o&&o.mainGridTable){var n=o.mainGridTable.dom;if(o.nSetWidth=e,e){+e==e&&(e+="px");var r=-1!==e.indexOf("%");n.setAttribute(f.Z.attr.width,""),this.style.width=e,n.style.width=r?"":e,this.oDOMVScroller&&(this.oDOMVScroller.style.width="")}else this.style.width="",n.style.width="";!t&&this.bReady&&requestAnimationFrame((function(){return o.updater.updateResizeWindow(!0)}))}}},{key:"_addDependentCaption",value:function(e,t){var o=this;return this.caption||t||this.oDOMCaption||this._setCaption(null,!0),(!this.oDOMCaption||!this.oDOMCaption.bReady)&&(requestAnimationFrame((function t(){o.oDOMCaption&&o.oDOMCaption.bReady?e():requestAnimationFrame(t)})),!0)}},{key:"_setSearch",value:function(e,t){var o=this;if(!e&&!t||!this._addDependentCaption((function(){return o._setSearch(e,t)}),t)){var n=this.oDOMCaption.querySelector(f.Z.zgSearch.tagName);e?(n.removeAttribute(f.Z.attr.hidden),this.widget.search=n):(n.setAttribute(f.Z.attr.hidden,""),t||this._checkRemoveCaption())}}},{key:"_setStaticMenu",value:function(e,t){var o=this;e&&this._addDependentCaption((function(){return o._setStaticMenu(e,t)}))||(this.oDOMCaption&&(this.oDOMCaption.toggleStaticMenu(e)||e||this._checkRemoveCaption()),this.bReady&&e&&this.widget.menuManager.initMenu(t))}},{key:"_toggleSorter",value:function(e){""===e&&(e=!0);var t=this.oDOMHead.querySelectorAll(f.Z.zgHeadCell.tagName);this.oDOMHead&&this.oDOMHead.children&&(e?b(t).forEach((function(e){return e._setupSort()})):b(t).forEach((function(e){return e._removeSort()})))}},{key:"_setSorter",value:function(e,t){var o=this.widget,n=o.store;""===e&&(e=!0),e&&n&&n.isIncrementalLoad()&&"firebase"===n.oDataFormat.sAdapter?c.Aq("Firebase does not support server side sorting."):(o.bHasSorterEnabled=!!e,o.bHasSorterEnabled&&"string"==typeof t&&(o.sorter.fnSorter=h.Z.setUserFunction(null,t)),!o.sorter.fnSorter||null!==t&&"function"==typeof o.sorter.fnSorter.method||(o.sorter.fnSorter=null),this.oDOMHead&&this.oDOMHead.children&&(o.bHasSorterEnabled?b(this.oDOMHead.children).forEach((function(e){return e.setAttribute(f.Z.sort.attr,"")})):b(this.oDOMHead.children).forEach((function(e){return e.removeAttribute(f.Z.sort.attr)}))))}},{key:"_setSortIntl",value:function(e){for(var t=0,o=this.widget.aColumnMapping.length;t<o;t++)this.widget.aColumnMapping[t].oDOMZGColumn.updateGlobalIntlSort(e)}},{key:"_setThemeCSS",value:function(e){e&&this._loadCss(e)}},{key:"_setGridClasses",value:function(e){for(var t=["cell","head","foot","col","row","frozenRow"],o=0;o<t.length;o++){var n=t[o]+"Class",r=t[o].charAt(0).toUpperCase()+t[o].slice(1);this[n]&&this._setClass(this[n],r,e)}}},{key:"_setThemeIconSVG",value:function(e){var t=this;this.defaultSVG=o(92757),this.defaultSVG&&(this.svgSrc=this.defaultSVG),this.svgSrc&&(this.themeSVG=(0,c.hS)(this.svgSrc));try{this.svgSrc=o(19179)("./".concat(e,".svg"));var n=(0,c.hS)(this.svgSrc).children;this.themeSVG=(0,c.ls)(this.themeSVG,n)}catch(o){if(!e)return;var r=e.split(".css");if(r.length<2){var i=this.externalThemeArr.filter((function(e){return e.name===t.externalThemeName}));return void(i.length&&(this.themeSVG=i[0].src))}this.bWaitingForIcons=!0,(0,c.wZ)(r[0]).then((function(e){t.themeSVG=(0,c.ls)(t.themeSVG,e),t.externalThemeName=r[0].split("/").slice(-1)[0],t.externalThemeArr.push({name:t.externalThemeName,src:t.themeSVG}),t.bWaitingForIcons=!1,t.widget.iconManager.updateIconTheme()}))}}},{key:"_storeEditorValue",value:function(e){var t=e||this.getAttribute(f.Z.editor.attr);t&&t.length&&!0!==t?this.userEditorValue=t:this.userEditorValue=!1}},{key:"_wrapAPI",value:function(e){var t=this.widget,o=void 0===t?{}:t;o.bAPIReady?e():o.on("apiready",(function(){o&&!o.bDisconnect&&e()}))}},{key:"cell",value:function(e,t){return this.widget.selectorEngineManager.$cell(e,t)}},{key:"row",value:function(e){return this.widget.selectorEngineManager.$row(e)}},{key:"openRowEditor",value:function(e){var t=this;if(this.widget.bHasEditorEnabled){var o=this.row(e);requestAnimationFrame((function(){return t.widget.editorManager.openEditor(o)}))}return this}},{key:"closeContextMenu",value:function(){return this.widget.menuManager&&this.widget.menuManager.isMenuOpen()&&this.widget.menuManager.closeMenu(),this}},{key:"closeDialog",value:function(){return this.oDOMDialog&&this.oDOMDialog.closeEvent(),this}},{key:"column",value:function(e){return this.widget.selectorEngineManager.$column(e)}},{key:"executeOnLoad",value:function(e){this._wrapAPI(e)}},{key:"getAggregate",value:function(){return this.getElementAPI("aggregate")}},{key:"getBatchEdit",value:function(){return this.getElementAPI("batch-edit")}},{key:"getBatchEditStatus",value:function(){return this.getElementAPI("batch-edit-status")||this.widget.store.oDataFormat.sBatchEditStatus||f.Z.batchEdit.statusMessage}},{key:"getCellBreak",value:function(){return this.getElementAPI("cell-break")||f.Z.cellBreak.default}},{key:"getCellClass",value:function(){return this.getElementAPI("cell-class")}},{key:"getCells",value:function(){var e=this;return this.widget.getAllBodyCells().map((function(t){return e.widget.selectorEngineManager.$cell(t.parentNode.rowIndex,t.cellIndex)}))}},{key:"getColClass",value:function(){return this.getElementAPI("col-class")}},{key:"getColumnsControl",value:function(){return this.getElementAPI("columns-control")}},{key:"getCompact",value:function(){return this.getElementAPI("compact")}},{key:"getContextMenu",value:function(){return this.getElementAPI("context-menu")}},{key:"getDefaultDisplay",value:function(){return this.getElementAPI("default-display")}},{key:"getDir",value:function(){return this.widget.sComputedDir}},{key:"getColumnDragAction",value:function(){return this.getElementAPI("column-drag-action")||this.defaultColumnDragAction||!1}},{key:"getColumnDrag",value:function(){return this.getElementAPI("column-drag")}},{key:"getConfirmations",value:function(){var e=this.getElementAPI("confirmations");return!0!==e&&!1!==e||(e="all"),e}},{key:"getCreator",value:function(){var e=this.widget&&this.widget.editorManager;return e?e.createType:"modal"}},{key:"getEditor",value:function(){var e=this.getElementAPI(f.Z.editor.attr);return!0===e&&(e=this.widget.editorManager._isModalEdit()?f.Z.editor.typeModal:f.Z.editor.typeInline),e}},{key:"getEditorControls",value:function(){var e=this.getElementAPI("editor-controls");return!0===e&&(e="all"),e}},{key:"getRowSelector",value:function(){return this.getElementAPI("row-selector")}},{key:"getRecordDuplicate",value:function(){return this.getElementAPI("record-duplicate")}},{key:"getElementAPI",value:function(e,t){var o=this.getAttribute(e);return null==o&&(o=t||!1),""!==o&&"true"!==o||(o=!0),o}},{key:"getFilter",value:function(){return this.getElementAPI("filter")}},{key:"getFootClass",value:function(){return this.getElementAPI("foot-class")}},{key:"getFrozenColumnsLeft",value:function(){return this.getElementAPI("frozen-columns-left")}},{key:"getFrozenColumnsRight",value:function(){return this.getElementAPI("frozen-columns-right")}},{key:"getFrozenRowsTop",value:function(){return this.getElementAPI("frozen-rows-top")||0}},{key:"getFrozenRowsBottom",value:function(){return this.getElementAPI("frozen-rows-bottom")}},{key:"getGridlines",value:function(){return this.getElementAPI("gridlines")}},{key:"getHeadClass",value:function(){return this.getElementAPI("head-class")}},{key:"getHeaderAutoFormat",value:function(){return this.getElementAPI("header-auto-format",!0)}},{key:"getNestedDataSeparator",value:function(){return this.getElementAPI("nested-data-separator")}},{key:"getHeight",value:function(){return this.getBoundingClientRect().height+"px"}},{key:"getIconSet",value:function(){return this.getElementAPI("icon-set")}},{key:"getIconSetData",value:function(){return this.getElementAPI("icon-set-data")}},{key:"getLang",value:function(){return p.default.getLang(this.widget)}},{key:"getLayout",value:function(){return this.getElementAPI("layout")}},{key:"getLayoutControls",value:function(){var e=this.getElementAPI("layout-controls"),t=this.getElementAPI("layout");return!1===e&&!1!==t||e}},{key:"getPreserveStateId",value:function(){return this.getElementAPI("preserve-state-id")}},{key:"getPreserveStateOptions",value:function(){return this.getElementAPI("preserve-state-options")}},{key:"getPreserveStateLoad",value:function(){return this.getElementAPI("preserve-state-load")}},{key:"getPreserveStateSave",value:function(){return this.getElementAPI("preserve-state-save")}},{key:"getNodata",value:function(){return this.getElementAPI("no-data")}},{key:"getPager",value:function(){return this.getElementAPI("pager")}},{key:"getPageSizeCard",value:function(){return parseInt(this.getElementAPI("page-size-card"),10)||this.widget.pageSize}},{key:"getPageSizeRow",value:function(){return parseInt(this.getElementAPI("page-size-row"),10)||this.widget.pageSize}},{key:"getFrozenRowClass",value:function(){return this.getElementAPI("frozen-row-class")}},{key:"getRowClass",value:function(){return this.getElementAPI("row-class")}},{key:"getGroupBy",value:function(){return(this.widget.aGroupBy||[]).join(",")}},{key:"getSearch",value:function(){return this.getElementAPI("search")}},{key:"getSelector",value:function(){return this.getElementAPI("selector")}},{key:"deselectRows",value:function(){var e=this;return this._wrapAPI((function(){e.widget.fire("rowdeselect")})),this}},{key:"selectRow",value:function(e){var t=this;return this._wrapAPI((function(){var o=t.widget,n=o.getColumnIndexByType("selector");if(-1!==n){var r=o.selectorEngineManager.$cell(e,n);r&&(r.dom().querySelector("zg-checkbox").checked=!0)}})),this}},{key:"deselectRow",value:function(e){var t=this;return this._wrapAPI((function(){var o=t.widget,n=o.getColumnIndexByType("selector");if(-1!==n){var r=o.selectorEngineManager.$cell(e,n);r&&(r.dom().querySelector("zg-checkbox").checked=!1)}})),this}},{key:"getSelectedRows",value:function(){for(var e=this.widget,t=Object.keys(e.aSelectedRows),o=[],n=0;n<t.length;n++)o.push(e.store.cleanSingleRecord(e.aSelectedRows[t[n]].get()));return o}},{key:"getSort",value:function(){return this.getElementAPI("sort")}},{key:"getSorter",value:function(){return this.getElementAPI("sorter")}},{key:"getSortedColumn",value:function(){var e=this.widget.sorter,t=e.sActiveSortedIndex;return!!t&&{fieldIndex:t,order:1===e.nSortOrder?"asc":"desc"}}},{key:"getSource",value:function(){return this.getElementAPI("source")}},{key:"getSrc",value:function(){return this.getElementAPI("src")}},{key:"getStaticMenu",value:function(){return this.getElementAPI("static-menu")}},{key:"getTemplateEndDelimiter",value:function(){return this.getElementAPI("template-end-delimiter")||f.Z.template.templateEndDelimiter}},{key:"getTemplateStartDelimiter",value:function(){return this.getElementAPI("template-start-delimiter")||f.Z.template.templateStartDelimiter}},{key:"getTheme",value:function(){return this.theme||f.Z.theme.default}},{key:"getViewport",value:function(){return this.getElementAPI("viewport")}},{key:"getViewportPause",value:function(){return this.getElementAPI("viewport-pause")}},{key:"getViewportStop",value:function(){return this.getElementAPI("viewport-stop")}},{key:"getViewportTypes",value:function(){return this.getElementAPI("viewport-types")||JSON.stringify(this.widget.viewportManager.types)}},{key:"getWidth",value:function(){return this.getBoundingClientRect().width+"px"}},{key:"getZebra",value:function(){return this.getElementAPI("zebra")}},{key:"setAggregate",value:function(e){return this.setElementAPI("aggregate",e)}},{key:"setBatchEdit",value:function(e){return this.setElementAPI("batch-edit",e)}},{key:"setBatchEditStatus",value:function(e){return this.setElementAPI("batch-edit-status",e)}},{key:"setCellBreak",value:function(e){return this.setElementAPI("cell-break",e)}},{key:"setCellClass",value:function(e){return this.setElementAPI("cell-class",e)}},{key:"setColClass",value:function(e){return this.setElementAPI("col-class",e)}},{key:"setColumns",value:function(e){var t=this;return this._wrapAPI((function(){!e&&t.hasAttribute("columns")?t.removeAttribute("columns"):t.columns=e})),this}},{key:"setColumnsControl",value:function(e){return this.setElementAPI("columns-control",e)}},{key:"setCompact",value:function(e){return this.setElementAPI("compact",e)}},{key:"setDefaultDisplay",value:function(e){return this.setElementAPI("default-display",e)}},{key:"setDir",value:function(e){return this.setElementAPI("dir",e)}},{key:"setColumnDragAction",value:function(e){return this.setElementAPI("column-drag-action",e)}},{key:"setColumnDrag",value:function(e){return this.setElementAPI("column-drag",e)}},{key:"setFootClass",value:function(e){return this.setElementAPI("foot-class",e)}},{key:"setFrozenColumnsLeft",value:function(e){return this.setElementAPI("frozen-columns-left",e)}},{key:"setFrozenColumnsRight",value:function(e){return this.setElementAPI("frozen-columns-right",e)}},{key:"setFrozenRowsTop",value:function(e){return this.setElementAPI("frozen-rows-top",e)}},{key:"setFrozenRowsBottom",value:function(e){return this.setElementAPI("frozen-rows-bottom",e)}},{key:"setGridlines",value:function(e){return this.setElementAPI("gridlines",e)}},{key:"setHeadClass",value:function(e){return this.setElementAPI("head-class",e)}},{key:"setHeaderAutoFormat",value:function(e){return this.setElementAPI("header-auto-format",e)}},{key:"setNestedDataSeparator",value:function(e){return this.setElementAPI("nested-data-separator",e)}},{key:"setHeight",value:function(e){return this.setElementAPI("height",e)}},{key:"setIconSet",value:function(e){return this.setElementAPI("icon-set",e)}},{key:"setIconSetData",value:function(e){return this.setElementAPI("icon-set-data",e)}},{key:"setLayoutControls",value:function(e){return this.setElementAPI("layout-controls",e)}},{key:"setNoData",value:function(e){return this.setElementAPI("no-data",e)}},{key:"setPager",value:function(e){return this.setElementAPI("pager",e)}},{key:"setFrozenRowClass",value:function(e){return this.setElementAPI("frozen-row-class",e)}},{key:"setRowClass",value:function(e){return this.setElementAPI("row-class",e)}},{key:"setSource",value:function(e){return this.setElementAPI("source",e)}},{key:"setViewportPause",value:function(e){return this.setElementAPI("viewport-pause",e)}},{key:"setViewportStop",value:function(e){return this.setElementAPI("viewport-stop",e)}},{key:"setWidth",value:function(e){return this.setElementAPI("width",e)}},{key:"setZebra",value:function(e){return this.setElementAPI("zebra",e)}},{key:"setFilter",value:function(e){return this.setElementAPI("filter",e)}},{key:"setGroupBy",value:function(e){return this.setElementAPI("group-by",e)}},{key:"setSearch",value:function(e){return this.setElementAPI("search",e)}},{key:"setTemplateEndDelimiter",value:function(e){return this.setElementAPI("template-end-delimiter",e)}},{key:"setTemplateStartDelimiter",value:function(e){return this.setElementAPI("template-start-delimiter",e)}},{key:"setConfirmations",value:function(e){return this.setElementAPI("confirmations",e)}},{key:"setCreator",value:function(e){return this.setElementAPI("creator",e)}},{key:"setEditor",value:function(e){return this._storeEditorValue(e),this.setElementAPI(f.Z.editor.attr,e)}},{key:"setEditorControls",value:function(e){return this.setElementAPI("editor-controls",e)}},{key:"setRowSelector",value:function(e){return this.setElementAPI("row-selector",e)}},{key:"setRecordDuplicate",value:function(e){return this.setElementAPI("record-duplicate",e)}},{key:"setLang",value:function(e){return this.setElementAPI("lang",e)}},{key:"setLayout",value:function(e){return this.setElementAPI("layout",e)}},{key:"setLicense",value:function(e){return this._wrapAPI((function(){u.Z.validateLicense(e)})),this}},{key:"setBuildCode",value:function(e){var t=this;return this._wrapAPI((function(){u.Z.validateLicense(null,e),u.Z.bValidated&&t.oDOMWaterMark&&(t.oDOMWaterMark.remove(),t.oDOMWaterMark=null)})),this}},{key:"setPreserveStateId",value:function(e){return this.setElementAPI("preserve-state-id",e)}},{key:"setPreserveStateOptions",value:function(e){return this.setElementAPI("preserve-state-options",e)}},{key:"setPreserveStateLoad",value:function(e){return this.setElementAPI("preserve-state-load",e)}},{key:"setPreserveStateSave",value:function(e){return this.setElementAPI("preserve-state-save",e)}},{key:"setState",value:function(e){var t=this;this._wrapAPI((function(){("string"==typeof e&&""===e||"object"===y(e)&&0===Object.keys(e).length)&&(e=null),t.widget.stateManager.setUserState(e)}))}},{key:"clearState",value:function(){var e=this;this._wrapAPI((function(){e.widget.stateManager.clearState(!0)}))}},{key:"setStateField",value:function(e,t){var o=this;this._wrapAPI((function(){o.widget.stateManager.setUserStateField(e,t)}))}},{key:"setRecordCount",value:function(e){return(!e||e<0)&&(e=0),this.setElementAPI("record-count",e)}},{key:"setSort",value:function(e){return this.setElementAPI("sort",e)}},{key:"setSorter",value:function(e){return this.setElementAPI("sorter",e)}},{key:"setContextMenu",value:function(e){return this.setElementAPI("context-menu",e)}},{key:"setStaticMenu",value:function(e){return this.setElementAPI("static-menu",e)}},{key:"setSelector",value:function(e){return this.setElementAPI("selector",e)}},{key:"setSrc",value:function(e){return this.setElementAPI("src",e)}},{key:"setTheme",value:function(e){return this.setElementAPI("theme",e)}},{key:"setCardTemplate",value:function(e){var t=this;return this._wrapAPI((function(){if(window[e]||document.getElementById(e)){var o=t.widget.oCard||document.createElement(f.Z.zgCard.tagName);o.setAttribute("renderer-template",e),t.widget.oCard||t.appendChild(o),t.widget.updater.clearCache(),t.widget.update()}})),this}},{key:"setElementAPI",value:function(e,t){var o=this;return this._wrapAPI((function(){t=void 0===t||t,c.Xh({el:o,attr:e,value:t})})),this}},{key:"triggerColumnChange",value:function(e){this.widget.nLeftFrozenColumns=e?1:0,this.widget.updater.clearCache(),this.widget.update()}},{key:"updateSize",value:function(e,t,o){var n=this;t=void 0===t?.2:t,t*=1e3;var r=this.widget,i=r.loadmask;return e&&(r.bUpdatingSize=!0,i.loading()),t>200&&setTimeout((function(){r.updater.updateResizeWindow(!0,!0)}),200),setTimeout((function(){o?n.widget.updater.nSavedResizeWidth=n.clientWidth:(r.renderTo.style.display="none",r.updater.nSavedResizeWidth=n.clientWidth,r.renderTo.style.display=""),r.updater.updateResizeWindow(!0,!0),e&&(i.loaded(),r.bUpdatingSize=!1)}),t),this}},{key:"formatDate",value:function(e,t,o){return"string"!=typeof e&&"number"!=typeof e||(e=g.kB(e)),g.p6(e,t,o,this.widget)}},{key:"fromNow",value:function(e,t){return"string"!=typeof e&&"number"!=typeof e||(e=g.kB(e)),g.Zh(e,t,this.widget)}},{key:"calculate",value:function(e,t,o){return t=t||{},this.widget.aggregateManager.calculate(e,t,o)}}],r=[{key:"observedAttributes",get:function(){return E}}],n&&w(t.prototype,n),r&&w(t,r),Object.defineProperty(t,"prototype",{writable:!1}),s}(r.Z);r.Z._registerElement(_,M);const D=M},87822:(e,t,o)=>{"use strict";o.d(t,{Z:()=>r});var n={zg:{tagName:"zing-grid",shadow:{frameWrapper:".zing-grid-frames",frameBodyWrapper:"#zing-grid-frames-body",scrollWrapper:".zing-grid-scroll"},slot:{dialogInternal:"dialogInternal"}},zgBody:{tagName:"zg-body",nodeName:"ZG-BODY",sectionSelector:{left:"#leftbody",right:"#rightbody",main:"#mainbody"}},zgButton:{tagName:"zg-button",hasTextAttr:"hastext",noTooltipAttr:"notooltip",forceBorderAttr:"force-border",action:{checkbox:"checkbox"},aria:{focus:"zg-aria-focus"},slot:{checkbox:"checkbox",icon:"icon",label:"label"}},zgCaption:{attr:"caption",tagName:"zg-caption"},zgCard:{tagName:"zg-card"},zgCell:{tagName:"zg-cell",actionCellSize:54,actionCellKey:"fitaction",cellIndexAttr:"data-field-index",cellInfoTooltipAttr:"data-field-info-tooltip",cellLabelAttr:"data-field-label",cellGroupAttr:"data-group",sectionSelector:{left:"#leftbody zg-cell",right:"#rightbody zg-cell",main:"#mainbody zg-cell"},singleEditAttr:"edit-row-buttons-one-cell"},zgCellOverflow:{tagName:"zg-cell-overflow"},zgCheckbox:{tagName:"zg-checkbox"},zgColgroup:{tagName:"zg-colgroup",sectionSelector:{left:"#leftcolgroup",right:"#rightcolgroup",main:"#gridcolgroup"}},zgColumn:{tagName:"zg-column",alignDefault:"left",alignTypes:["center","left","right"]},zgColumnResize:{tagName:"zg-column-resize",defaultMinWidth:52,attr:"resize-column",persistentAttr:"resize-persistent"},zgData:{attr:"data",tagName:"zg-data"},zgDialog:{attr:"dialog",tagName:"zg-dialog",all:"all",custom:"custom",internal:"internal",open:"open"},zgEditorRow:{tagName:"zg-editor-row",colorLabelClass:"zg-editor-row-color-label",colorPickerClass:"zg-editor-row-color-picker",colorWrapClass:"zg-editor-row-color-wrap",fieldLabelId:"editorRowFieldLabel",sectionSelector:{left:"#lefteditorrow",right:"#righteditorrow",main:"#bodyeditorrow"},radioLabelClass:"zg-editor-row-radio-label",radioWrapClass:"zg-editor-row-radio-wrap"},zgFilter:{attr:"filter",tagName:"zg-filter"},filter:{match:"match",matchList:"matchList",boolMatch:"boolMatch",contain:"contain",defaultOperation:"contain"},zgFocus:{tagName:"zg-focus",sectionSelector:{left:'[slot="leftgridfocus"]',right:'[slot="rightgridfocus"]',main:'[slot="bodygridfocus"]'}},zgFoot:{tagName:"zg-foot",sectionSelector:{left:"#leftfoot",right:"#rightfoot",main:"#mainfoot"}},zgFooter:{tagName:"zg-footer"},zgHead:{tagName:"zg-head",sectionSelector:{left:"#lefthead",right:"#righthead",main:"#mainhead"}},zgHeader:{tagName:"zg-header"},zgHeadCell:{tagName:"zg-head-cell",infoTooltipType:"info",isReorderingClass:"is-reordering",isContentLongerAttr:"is-content-longer",mainIconClass:"zg-head-icon"},zgIcon:{attr:"icon-set",slotIcon:"icon",tagName:"zg-icon"},zgInput:{tagName:"zg-input"},zgLayout:{attr:"layout",cardTplAttr:"card-template",reset:"reset",typesArr:["card","row"]}};n.zgLayout.typeCard=n.zgLayout.typesArr[0],n.zgLayout.typeRow=n.zgLayout.typesArr[1],n.zgLayoutControls={tagName:"zg-layout-controls",attr:"layout-controls"},n.zgLoadMask={tagName:"zg-load-mask",defaultAttr:"default-load-mask"},n.zgMenu={tagName:"zg-menu",groupItems:"zg-menu-group-items",groupLabel:"zg-menu-group-label",groupWrap:"zg-menu-group-wrap",opener:"menu-opener",static:"static",context:"context",browser:"browser"},n.zgControlBar={tagName:"zg-control-bar"},n.zgMenuGroup={tagName:"zg-menu-group"},n.zgMenuItem={tagName:"zg-menu-item"},n.zgNoData={attr:"no-data",tagName:"zg-no-data"},n.zgOptionList={tagName:"zg-option-list"},n.zgPager={tagName:"zg-pager",attr:"pager",cursorAttr:"cursor",defaultPageSizes:"5,10,50",typeAttr:"pager-type",typeAttrProp:"pagerType",buttonLimitAttr:"pager-button-limit",buttonArrowType:"button-arrow",buttonTextType:"button-text",currentPageAttr:"active",defaultButtonLimit:5},n.zgParam={tagName:"zg-param"},n.zgRow={tagName:"zg-row",defaultHeight:48,defaultCompactHeight:40,defaultCompactHeadHeight:32,defaultHeadHeight:40},n.zgSearch={attr:"search",tagName:"zg-search"},n.zgSelect={tagName:"zg-select"},n.zgSelectorMask={attr:"selector",tagName:"zg-selector-mask",sectionSelector:{left:'[slot="leftgridselectmask"]',right:'[slot="rightgridselectmask"]',main:'[slot="bodygridselectmask"]'}},n.zgSeparator={tagName:"zg-separator"},n.zgSource={attr:"source",tagName:"zg-source"},n.zgStatus={tagName:"zg-status",barPosition:"bar",delay:3e3,delayAttr:"status-delay",persistAttr:"status-persist",positionAttr:"status-position"},n.zgText={tagName:"zg-text"},n.zgTooltip={tagName:"zg-tooltip",noInfoIconAttr:"no-info-icon",actionAttr:"tooltip-action",typeAttr:"tooltip-type",typeDefault:"default",typeSystem:"system",actionTypeHover:"hover",actionTypeClick:"click",iconPositionAttr:"tooltip-icon-position",iconPositionRight:"right",iconPositionLeft:"left",iconPositionAfterText:"after-text",iconTriggerType:"icon",textTriggerType:"text",positionAttr:"tooltip-position"},n.zgWatermark={attr:"watermark",tagName:"zg-watermark"},n.internalColumn={recordeditor:"editor",recordduplicate:"duplicate",recordinfo:"info",recordremover:"remover",recordselector:"selector",recordkey:"recordkey",rownumber:"row-number",rowgroup:"row-group"},n.storybook={dialog:"storybook-dialog",menu:"storybook-menu",editorrow:"storybook-editor-row",focus:"storybook-focus",status:"storybook-status",select:"storybook-select"},n.internalColumnTypes=[n.internalColumn.recordduplicate,n.internalColumn.recordeditor,n.internalColumn.recordremover,n.internalColumn.recordselector,n.internalColumn.recordinfo,n.internalColumn.rownumber],n.cellTypes={toggle:"toggle",custom:"custom",gravatar:"gravatar",button:"button",aggregate:"aggregate"},n.noDataColumnTypes=[n.cellTypes.custom,n.cellTypes.button,n.cellTypes.aggregate],n.columnType={},n.columnType.color={modeAttr:"type-color-mode",modes:{hexAlpha:"hex-alpha",hexLong:"hex-long",hexShort:"hex-short",hsl:"hsl",hsla:"hsla",name:"name",rgb:"rgb",rgba:"rgba"},notConvertedClass:"color-not-converted",notValidClass:"color-not-valid",previewAttr:"type-color-preview",spacesAttr:"type-color-spaces",spaces:{inherit:"inherit",invalid:"disabled",valid:"true"},transparent:"transparent"},n.columnType.color.modeDefault=n.columnType.color.modes.hex,n.frozenColumns={noContent:"no-content",leftAttr:"frozen-columns-left",rightAttr:"frozen-columns-right"},n.zgFrozenColgroup={tagName:"zg-frozen-colgroup"},n.confirmations={attr:"confirmations",all:"all",delete:"delete",batchEdit:"batch-edit",batchEditDiscard:"batch-edit-discard"},n.cellBreak={attr:"cell-break",all:"all",cellBreakPrep:"cell-break-prep",ellipsis:"ellipsis",normal:"normal",word:"word"},n.cellBreak.allowedTypes=[null,"",n.cellBreak.all,n.cellBreak.ellipsis,n.cellBreak.normal,n.cellBreak.word],n.cellBreak.default=n.cellBreak.normal,n.drag={attr:"drag",columnAttr:"column-drag",rowAttr:"row-drag",columns:"columns",rows:"rows",both:"both",reorder:"reorder",hide:"hide"},n.editor={attr:"editor",typeInline:"inline",typeModal:"modal",bindingAttr:"data-zg-key",editingClass:"cell-edit-active"},n.editorControls={attr:"editor-controls",all:"all",creator:"creator",editor:n.internalColumn.recordeditor,remover:n.internalColumn.recordremover},n.batchEdit={tagName:"zg-batch-edit",dirtyClass:"cell-dirty-edit",removedClass:"row-dirty-removed",insertedClass:"row-dirty-inserted",statusMessage:"[[changesMessage]]",tokens:{changes:"changes",recordsEdited:"recordsEdited",fieldsEdited:"fieldsEdited",deleted:"deleted",inserted:"inserted",modified:"modified",messageSuffix:"Message"}},n.fullscreen={attr:"fullscreen"},n.infinite={defaultHeight:"500px",defaultInfiniteDisplay:3},n.search={threshold:250},n.sort={attr:"sort",sorter:"sorter",ascAttr:"sort-asc",descAttr:"sort-desc"},n.theme={attr:"theme"},n.template={type:{editor:"editor",renderer:"renderer",details:"details"},detailsAttr:"has-details",templateStartDelimiter:"[[",templateEndDelimiter:"]]"},n.zebra={attr:"zebra",defaultClass1:"zebra-1",defaultClass2:"zebra-2"},n.validation={fail:"FAILVALIDATION",haserror:"has-error",css:"zg-validation-error"},n.attr={action:"action",active:"active",align:"align",animate:"animate",animateEnd:"animate-end",animateStart:"animate-start",batchEdit:"batch-edit",batchEditActive:"batch-edit-active",batchEditMessage:"batch-edit-message",batchEditLongMessage:"batch-edit-long-message",buttonTooltip:"button-tooltip",class:"class",close:"close",control:"data-control-field",create:"create",datafocus:"data-focusable",editorcontrols:"editor-controls",first:"first",frozen:"frozen",frozenframe:"frozen-frame",gridlines:"gridlines",gridlinesvert:"gridlines-vertical",gridlineshorz:"gridlines-horizontal",hasText:"has-text",height:"height",hidden:"hidden",hover:"hover",icon:"icon",init:"init",internalattach:"internal-attach",internalcaption:"internal-caption",internalselector:"internal-selector",internalcardheader:"internal-card-header",internalcell:"internal-cell",internaltop:"internal-top",internalspan:"internal-span",internaldir:"internal-dir",loading:"loading",mirror:"mirror",name:"name",open:"open",options:"options",parent:"parent",placeholder:"placeholder",position:"position",role:"role",serverrender:"server-rendered",sorted:"sorted",staticscroll:"static-scroll",style:"style",tabindex:"tabindex",text:"text",theme:"theme",title:"title",tooltip:"tooltip",type:"type",value:"value",width:"width"},n.key={down:40,enter:13,up:38,space:32},n.colors={success:"#15bb1a"},n.event={afterPaint:"afterpaint",afterRender:"afterrender",checked:"checked",deselectedCells:"deselectedCells",frozenrowchange:"frozenrowchange",pagesizechange:"pagesizechange",selected:"selected",selectedCells:"selectedcells",selectedFrozenCells:"selectedfrozencells",selectedAllCells:"selectedallcells",unchecked:"unchecked",updated:"updated"},n.http={defaultMethod:"GET",defaultResponseType:"json",defaultCors:"cors"},n.store={defaultTransportType:"fetch",defaultPageSize:50,defaultCDataEscape:!0,keyField:"recordkey",tempID:"CHANGEME"},n.tokens={startAt:"[[startAt]]",page:"[[page]]",limitTo:"[[limitTo]]",sortBy:"[[sortBy]]",sortDir:"[[sortDir]]",serverMessage:"[[serverMessage]]",delim:"[["},n.tableData={headRow:"data-zg-head-row",ignoreRow:"data-zg-ignore-row",frozenRow:"data-zg-frozen-row",frozenColumn:"data-zg-frozen-column",indexValue:"data-zg-index-value"},n.iconSet={allowedTypes:{custom:["custom"],fontAwesome:["fa","fontawesome","font-awesome"]}},n.theme={typesArr:["android","black","dark","default","ios"]},n.theme.android=n.theme.typesArr[0],n.theme.black=n.theme.typesArr[1],n.theme.dark=n.theme.typesArr[2],n.theme.default=n.theme.typesArr[3],n.theme.ios=n.theme.typesArr[4],n.viewport={attr:"viewport",customAttr:"viewport-types",pauseAttr:"viewport-pause",stopAttr:"viewport-stop",mobileLabel:"mobile",tabletPortraitLabel:"tablet-portrait",tabletLandscapeLabel:"tablet-landscape",desktopLabel:"desktop",desktopLargeLabel:"desktop-large"},Object.assign(n.viewport,{mobileMax:550,tabletPortraitMax:1023,tabletLandscapeMax:1199,desktopMax:1399,desktopLargeMax:null}),n.mobile={doubleTapMS:600},n.aria={colCount:"aria-colcount",colIndex:"aria-colindex",controls:"aria-controls",disabled:"aria-disabled",expanded:"aria-expanded",hasPopup:"aria-haspopup",label:"aria-label",rowCount:"aria-rowcount",rowIndex:"aria-rowindex"},n.keys={BACKSPACE:8,TAB:9,ENTER:13,RETURN:13,SHIFT:16,CTRL:17,ALT:18,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,INSERT:45,DELETE:46},n.defaultLang="en",n.global={replaceToken:"^^^^^"};const r=n},55040:(e,t,o)=>{"use strict";o.d(t,{Z:()=>d});var n=o(37486),r=o(31769),i=o(87822);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function s(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==a(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===a(i)?i:String(i)),n)}var r,i}var l=0;const d=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e);var o=(t=t||{})._defaults||{};for(var r in delete t._defaults,o)this[r]=o[r];n.mg(this,t),this.$events={},this.initAfterRender?this.widget.on(i.Z.event.afterRender,this.init,this):this.initAfterPaint&&this.widget.on(i.Z.event.afterPaint,this.init,this)}var t,o,a;return t=e,o=[{key:"init",value:function(){}},{key:"on",value:function(e,t,o,n,r){var i=this.$events;i[e]=i[e]||[],this.attachSeed(t);var a={fn:t,scope:o,params:n||[],cancelable:r};return i[e].push(a),function(){var t=i[e];t&&a&&(a.fn=null,a.scope=null,a.params.length=0,t.splice(t.indexOf(a),1),a=null)}}},{key:"once",value:function(e,t,o){for(var n=this,r=arguments.length,i=new Array(r>3?r-3:0),a=3;a<r;a++)i[a-3]=arguments[a];var s=function o(){t.apply(n,i),n.un(e,o)};this.attachSeed(t),s.$mtFnSeed=t.$mtFnSeed,this.on(e,s,o)}},{key:"attachSeed",value:function(e){e.$mtFnSeed||(Object.defineProperty(e,"$mtFnSeed",{value:l,writable:!0}),l++)}},{key:"un",value:function(e,t,o){if(!t&&!o)throw new Error("Event name [",e,"] needs a function argument to unregister");var n=this.$events[e];if(!o){var r,i=n.length;for(r=0;r<i;r++)if(n[r].fn.$mtFnSeed===t.$mtFnSeed){o=n[r];break}}o&&(this.$events[e]=n.filter((function(e){return e!==o})),o.fn=null,o.scope=null,o.params.length=0,o=null)}},{key:"unAll",value:function(){for(var e in this.$events){var t=this.$events[e];if(t&&t.length){for(var o=0;o<t.length;o++)this.un(e,null,t[o]);t.length=0}}this.$events={}}},{key:"fire",value:function(e){for(var t=this,o=arguments.length,n=new Array(o>1?o-1:0),r=1;r<o;r++)n[r-1]=arguments[r];var i=this.$events[e];if(i){var a=!1;return n.unshift(this),i.forEach((function(o){if(null!=o&&o.fn&&(o.params&&(n=n.concat(o.params)),!(t.bDisconnect||t.widget&&t.widget.bDisconnect))){var r=o.fn.apply(o.scope||t,n,e);o.cancelable&&!1===r&&(a=!0)}})),!a}}},{key:"destroy",value:function(){var e=r.Z.get(document);if(this.docEvents)for(var t in this.docEvents)for(var o=this.docEvents[t],n=o.length,i=0;i<n;i++)e.docUn(t,o[i].fn);this.unAll&&this.unAll(),this.el&&this.el.destroy(),this.widget=null}},{key:"_show",value:function(e){e&&this.el.setXY(e),this.el._show()}},{key:"_hide",value:function(){this.el._hide()}}],o&&s(t.prototype,o),a&&s(t,a),Object.defineProperty(t,"prototype",{writable:!1}),e}()},52424:(e,t,o)=>{"use strict";o.d(t,{Z:()=>h});var n=o(37486),r=o(24706),i=o(87822);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function s(e){if("undefined"!=typeof window){var t=e.url||"",o=e.method||i.Z.http.defaultMethod,s=e.mode,l=void 0!==e.bCDataEscape?e.bCDataEscape:i.Z.store.defaultCDataEscape,d=e.oCSVOptions||{},c=e.payload||{},u=e.reload||!0,h="",f=e.body,p=e.sResponseType,g=e.sSeparator,m=e.headers||{},b=t.slice(-5).toLowerCase(),v=function(e,t){return-1==e.indexOf("?")?e+="?":"&"!==t[0]&&(t="&"+t),e+=t};m["Content-type"]=e.sRequestType,h+=function(e,t){var o,i="";if("object"===a(e)){for(o in e)if("object"!==a(e[o]))i+=o+"="+encodeURIComponent(e[o])+"&";else{var s={};s[o]=e[o];for(var l=n.iM(s,t),d=0;d<l.length;d++){var c=l[d],u=r.MU(e,c,void 0,t)||"";i+=c+"="+encodeURIComponent(u)+"&"}}""!==i&&(i=i.substring(0,i.length-1))}else i=e;return i}(c,g);var y=e.failure||null,w=e.success||null,z="file:"==window.location.protocol;"GET"===(o=o.toUpperCase())?(""!=h&&(t=v(t,h)),f=null):f?("application/json"===e.sRequestType&&(f=JSON.stringify(f)),h&&(t=v(t,h))):f="application/json"===e.sRequestType?JSON.stringify(c):h;var C={method:o,headers:m};f&&"{}"!==f&&(C.body=f),s&&(C.mode=s),fetch(t,C).then((function(e){if(z||e.status>=200&&e.status<300){if(204===e.status)return void w(null,e.status,e,t,u);var o=p||e.headers.get("Content-Type")||i.Z.http.defaultResponseType;if("json"!==(o=o.match(/(json)\b/)?"json":o.match(/(xml)\b/)?"xml":o.match(/(csv)\b/)?"csv":o.match(/(html|text)\b/)?"html":p)&&".json"===b&&(o="json"),w)switch(o){case"json":e.json().then((function(o){return w(o,e.status,e,t,u)}));break;case"xml":e.text().then((function(e){return(new window.DOMParser).parseFromString(e,"text/xml")})).then((function(o){var r=n.yZ(o,l);w(r,e.status,e,t,u)}));break;case"csv":e.text().then((function(o){var r=n.QR(o,d);w(r,e.status,e,t,u)}));break;case"html":case"text":e.text().then((function(o){return w(o,e.status,e,t,u)}));break;default:y(e,e.status,"ZingGrid: Unsupported type found in communication",t)}}else y&&e.text().then((function(o){y(e,e.status,o,t)}))})).catch((function(e){if(!y)throw e;y(null,0,"",t)}))}}var l=o(96766);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,u(n.key),n)}}function u(e){var t=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===d(t)?t:String(t)}const h=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)}var t,o,a;return t=e,(o=[{key:"onLoadDataRest",value:function(e,t){var o,n,r,i=this,a=this.widget,s={},l=null;if(this.bLoadNext&&this.sNextPathURL&&!0!==this.sNextPathURL)o=this.sNextPathURL;else if(this.bLoadPrev&&this.sPrevPathURL&&!0!==this.sPrevPathURL)o=this.sPrevPathURL;else if(n=this.userURL(t.sUrl))o=n;else{if(this.isIncrementalLoad()&&(void 0!==this.oDataFormat.sLimitToKey&&(this.oDataFormat.bStartAtValue?s[this.oDataFormat.sLimitToKey]=parseInt(a.getPageSize(),10)+1:s[this.oDataFormat.sLimitToKey]=a.getPageSize()),void 0!==this.oDataFormat.sStartAtKey&&(this.oDataFormat.bStartAtValue?this.bLoadPrev?this.aStartAtValue["page".concat(a.nCurrPageIdx)]&&(s[this.oDataFormat.sStartAtKey]='"'+this.aStartAtValue["page".concat(a.nCurrPageIdx)]+'"',this.sStartAtValue=null):this.sStartAtValue&&(this.aStartAtValue["page".concat(a.nCurrPageIdx)]=this.sStartAtValue,s[this.oDataFormat.sStartAtKey]='"'+this.sStartAtValue+'"',this.sStartAtValue=null):s[this.oDataFormat.sStartAtKey]=a.nCurrPageIdx*a.getPageSize()+1)),void 0!==this.oDataFormat.sPageKey&&(s[this.oDataFormat.sPageKey]=a.nCurrPageIdx+parseInt(this.oDataFormat.nPageBase,10)),void 0!==this.oDataFormat.sSortByKey&&void 0!==this.oDataFormat.sSortBy&&this.oDataFormat.sSortBy&&(this.oDataFormat.bAddValueQuotes&&'"'!==this.oDataFormat.sSortBy[0]?s[this.oDataFormat.sSortByKey]='"'+this.oDataFormat.sSortBy+'"':s[this.oDataFormat.sSortByKey]=this.oDataFormat.sSortBy),void 0!==this.oDataFormat.sSortDirKey&&void 0!==this.oDataFormat.sSortDir&&this.oDataFormat.sSortDir&&(s[this.oDataFormat.sSortDirKey]=this.oDataFormat.sSortDir),void 0!==this.oDataFormat.sSearchKey){var d=null;a.bHasSearchEnabled&&(a.search.oDOMInput.value.trim()||null!==a.search.getAttribute("active"))?d=a.search.oDOMInput.value.trim():void 0!==this.oDataFormat.sSearch&&this.oDataFormat.sSearch&&(d=this.oDataFormat.sSearch.trim()),d&&d.length>0&&(this.sLatestSearch=l=d,this.oDataFormat.bAddValueQuotes&&'"'!==d[0]&&(d='"'+d+'"'),s[this.oDataFormat.sSearchKey]=d)}if(this.oDataFormat.bServerFilter&&"false"!==this.oDataFormat.bServerFilter){var c=a.filter.buildFilterURL();for(var u in c)s[u]=c[u]}this.bLoadPrev&&void 0!==this.oDataFormat.sPrevIDKey&&this.sPrevID&&(s[this.oDataFormat.sPrevIDKey]=this.sPrevID),this.bLoadNext&&void 0!==this.oDataFormat.sNextIDKey&&this.sNextID&&(s[this.oDataFormat.sNextIDKey]=this.sNextID),this.sNeedsSort=this.oDataFormat.sSortBy,this.sNeedsSortDir=this.oDataFormat.sSortDir,o=this.buildURL(t),this.currentParams=s}var h={sDelimiter:t.sCSVDelimiter,sLineSeparator:t.sCSVLineSeparator,bHeader:t.bCSVHeader,bCaption:t.bCSVCaption,widget:a};t.oBody&&(r=this.getBody(t,o)),this.bLoadNext=this.bLoadPrev=!1,this.fire("loading"),this.getFN(t.sTransport)({url:o,payload:s,body:r,sRequestType:t.sRequestType,headers:t.oHeaders,method:t.sMethod,mode:t.sMode,bCDataEscape:t.bCDataEscape,oCSVOptions:h,sResponseType:t.sResponseType,sSeparator:a.sNestedDataSeparator,success:function(e,o,n){if(!l||l===i.sLatestSearch){i.bHasLoaded=!0,t.success&&t.success(e);var r={data:e,oResponse:n};i.fire("afterfetch",r),i.fire("afterloaddata",{oResponse:e,oRequest:n})}},failure:function(e,o,n){t.oErrorStatus&&i.widget&&i.widget.statusManager&&(i.parseServerMessage(t,o,n),i.widget.statusManager.setStatus(t.oErrorStatus)),t.fnFailure&&t.fnFailure.call(i,e,t),i.widget.webcomponent.style.cursor=null}})}},{key:"onModifyRecordRest",value:function(e){var t=this,o=this.getFN(e.sTransport),r=null,i=null,a=this.widget,s=a.sNestedDataSeparator,l=a.batchEditor;if(e.sFieldIndex){var d=e.sFieldIndex;"disabled"!==s&&(i=(r=d.split(s)).pop())}if("removerecord"===e.sEditMode||"updaterecord"===e.sEditMode||"updatecell"===e.sEditMode){var c=this.getURLRecordField(e.sUrl,e.sRecordIndex,e.sIdKeyValue);if(!n.Uh(c))return void(e.fnFailure&&e.fnFailure.call(this,null,e))}var u=this.buildURL(e,e.bCreate,r),h=this.buildPayload(e,u,i),f=e.sRequestType;"cors"===e.sMode&&"application/json"===f&&(f="application/x-www-form-urlencoded"),o({url:u,method:e.sMethod,headers:e.oHeaders,payload:h,mode:e.sMode,bCDataEscape:e.bCDataEscape,sRequestType:f,sResponseType:e.sResponseType,sSeparator:a.sNestedDataSeparator,success:function(o,n,r){l.bSavingBatchEdit&&e.bBatchEdit&&l.onSuccess(),e.fnCallback?e.fnCallback.call(t,e):(t.fire(e.sSuccessEvent,{options:e,response:o,request:r}),e.oStatus&&!e.bBatchEdit&&t.widget&&t.widget.statusManager&&t.widget.statusManager.setStatus(e.oStatus))},failure:function(o,n,r){e.oErrorStatus&&(t.parseServerMessage(e,n,r),!e.bBatchEdit&&t.widget&&t.widget.statusManager&&t.widget.statusManager.setStatus(e.oErrorStatus)),l.bSavingBatchEdit&&e.bBatchEdit?l.onFailure(e):e.fnFailure&&e.fnFailure.call(t,o,e),t.widget.webcomponent.style.cursor=null}})}},{key:"getFN",value:function(e){return s}},{key:"buildPayload",value:function(e,t,o){var r,i,a,s=null;if(e.oBody)s=this.getBody(e,t),e.sRecordIndex&&this.updateRecord(e.sRecordIndex,s,!0);else if(e.bSingleCell&&e.bPayload){if((s={})[o]=e.payload,"manual"===e.sRestmode&&this.oDataFormat.sIdKey){var l=this.getURLRecordField(t,e.sRecordIndex,e.sIdKeyValue);l&&(s[this.oDataFormat.sIdKey]=l)}}else if(e.bPayload){var d=e.oRecordRawData;delete(s=n.c7.copy(d)).sRESTIndex,delete s.sRecordIndex,delete s.nOriginalIndex,delete s.nRowIndex,delete s.sFrozen}else if("manual"===e.sRestmode&&this.oDataFormat.sIdKey){var c=this.getURLRecordField(t,e.sRecordIndex,e.sIdKeyValue);c&&(r={},i=this.oDataFormat.sIdKey,a=c,(i=u(i))in r?Object.defineProperty(r,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[i]=a,s=r)}return s}},{key:"getBody",value:function(e,t){var o,n={record:e.oRecordRawData},r=l.Z.setUserFunction(null,e.oBody);if(r){var i=e.oRecordRawData;!i&&e.oRecordModel&&(i=e.oRecordModel.get()),o=r.method.apply(r.oScope,[i,e.sMethod,t])}else o=JSON.parse(this.calculateTemplate(JSON.stringify(e.oBody),n));return o}},{key:"parseServerMessage",value:function(e,t,o){var a=e.oErrorStatus.msg;if(!(a.indexOf(i.Z.tokens.delim)<0)){if(e.sServerErrorPath&&o)try{var s=JSON.parse(o);o=r.MU(s,e.sServerErrorPath)}catch(e){}var l=new RegExp(n.Ld.escapeRegExp(i.Z.tokens.serverMessage),"g");a=a.replace(l,o),e.oErrorStatus.msg=a}}},{key:"userURL",value:function(e){var t=e;if(e.indexOf(i.Z.tokens.delim)<0)return!1;var o=new RegExp(n.Ld.escapeRegExp(i.Z.tokens.startAt),"g");e=e.replace(o,this.widget.nCurrPageIdx*this.widget.getPageSize()+1),o=new RegExp(n.Ld.escapeRegExp(i.Z.tokens.page),"g"),e=e.replace(o,this.widget.nCurrPageIdx+1),o=new RegExp(n.Ld.escapeRegExp(i.Z.tokens.limitTo),"g"),e=e.replace(o,this.widget.getPageSize());var r=this.oDataFormat.sSortBy||"";o=new RegExp(n.Ld.escapeRegExp(i.Z.tokens.sortBy),"g"),e=e.replace(o,r);var a=this.oDataFormat.sSortDir||"";return o=new RegExp(n.Ld.escapeRegExp(i.Z.tokens.sortDir),"g"),(e=e.replace(o,a))!==t&&e}},{key:"buildURL",value:function(e,t,o){var n=e.sUrl;if("manual"!==e.sRestmode){if(e.sRecordIndex&&!t){var r=e.sRecordIndex,a=this.getURLRecordField(n,r,e.sIdKeyValue);a&&("/"!==n.slice(-1)&&(n+="/"),n+=a)}if(o&&e.bSingleCell){var s=o.join("/");s&&("/"!==n.slice(-1)&&(n+="/"),n+=s+"/")}e.sUrlSuffix&&(n+=e.sUrlSuffix)}if(e.sQueryString&&(-1===e.sQueryString.indexOf("?")&&-1===n.indexOf("?")&&(n+="?"),n+=e.sQueryString),n.indexOf(i.Z.tokens.delim)>=0){var l={record:e.oRecordRawData};n=this.calculateTemplate(n,l,null,!0)}return n}},{key:"getURLRecordField",value:function(e,t,o){var n=this.oDataFormat.sIdKey,r=this.oLocalModel[t].model.get();return o||(/firebaseio/.test(e)||!this.bIsRawDataArray?r.sRESTIndex:r[n])}}])&&c(t.prototype,o),a&&c(t,a),Object.defineProperty(t,"prototype",{writable:!1}),e}()},96766:(e,t,o)=>{"use strict";o.d(t,{Z:()=>x});var n=o(37486),r=o(24706),i=o(12905),a=o(55040);function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function l(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==s(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===s(i)?i:String(i)),n)}var r,i}const d=function(){function e(t,o,i){var a,s=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),o=o||null,this.sSeparator=i,null===o&&(o=n.kJ(t)?[]:{},Object.keys(t).forEach((function(e){var n=t[e],i=null;"number"===n&&(i=0),"string"===n&&(i=""),"array"===n&&(i=[]),r.P_(o,e,i,s.sSeparator)}))),a=o;var l={},d={},c=n.iM(a,this.sSeparator);c.forEach((function(e){var t=r.MU(a,e,void 0,s.sSeparator),o=n.gg(t);l[e]={rawData:t},d[e]=o})),this.oRecordModel=l,this.oRecordRawData=a,this.oFieldSchema=d,this.aLeafFieldIndex=c}var t,o,i;return t=e,(o=[{key:"get",value:function(e){return n.o8(e)?this.oRecordRawData:this.oRecordModel[e]?this.oRecordModel[e].rawData:this.oRecordRawData[e]?this.oRecordRawData[e]:r.MU(this.oRecordRawData,e,void 0,this.sSeparator)}},{key:"set",value:function(e,t){(this.oRecordModel[e]||""!==t)&&(this.oRecordModel[e]=this.oRecordModel[e]||{},r.P_(this.oRecordRawData,e,t,this.sSeparator),this.oRecordModel[e].rawData=t)}},{key:"setDirty",value:function(e){this.oRecordModel[e].bDirty=!0}},{key:"setNoDirty",value:function(e){this.oRecordModel[e].bDirty=!1}},{key:"isDirty",value:function(e){if(this.oRecordModel[e])return!0===this.oRecordModel[e].bDirty}}])&&l(t.prototype,o),i&&l(t,i),Object.defineProperty(t,"prototype",{writable:!1}),e}();var c={};function u(e){return c[e]}function h(e,t){c[e]=t}function f(e){return firebase?!!e.sCollection||(n.Aq('The zg-param, [name="collection"] must be set in order to use the FirebaseSDK adapter'),!1):(n.Aq("Firebase SDK must be included on the client"),!1)}h("firebaseRead",(function(e,t){if(f(t)){var o=firebase.firestore();if(!t.bSubscription)return new Promise((function(e,n){o.collection(t.sCollection).get().then((function(t){var o={};t.docs.forEach((function(e){o[e.id]=e.data()})),e(o)})).catch(n)}));!function(e,t,o){var n=e.grid.widget,r=!1,i=o.collection(t.sCollection).onSnapshot((function(t){if(n.bDisconnect)i();else{var o=t.docChanges(),a={};o.forEach((function(e){"added"==e.type?r?n.store.insertRecord(e.doc.data(),void 0,e.doc.id,!0):a[e.doc.id]=e.doc.data():"removed"==e.type?n.removeRow(e.doc.id,!0,void 0,!0):"modified"==e.type&&n.updateRow(e.doc.data(),e.doc.id,!0)})),r||e.callback(a),r=!0}}))}(e,t,o)}})),h("firebaseCreate",(function(e,t,o){f(o)&&firebase.firestore().collection(o.sCollection).add(e).then((function(e){t.callback(e.id)}))})),h("firebaseUpdateRow",(function(e,t,o,n){f(n)&&firebase.firestore().collection(n.sCollection).doc(e).update(t).then((function(e){o.callback({bServerOnly:n.bSubscription})}))})),h("firebaseUpdateCell",(function(e,t,o,n){f(n)&&firebase.firestore().collection(n.sCollection).doc(e).update(t).then((function(e){n.bSubscription||o.callback()}))})),h("firebaseDelete",(function(e,t,o,n){f(n)&&firebase.firestore().collection(n.sCollection).doc(e).delete().then((function(e){o.callback({bServerOnly:n.bSubscription})}))}));var p=o(87822),g=o(19791),m=o(1009);function b(e){return function(e){if(Array.isArray(e))return v(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return v(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return v(e,t)}(e)||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 v(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function w(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==y(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==y(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===y(i)?i:String(i)),n)}var r,i}function z(e,t){return z=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},z(e,t)}function C(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=S(e);if(t){var r=S(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===y(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function S(e){return S=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},S(e)}var k=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&z(e,t)}(c,e);var t,a,s,l=C(c);function c(e){var t;if(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,c),(e=e||{})._defaults={bHasLoaded:!1},(t=l.call(this,e)).bNeedsLoad=!1,t.sStartAtValue=null,t.aStartAtValue={},t.nOriginRecordCount=0,t.debounceTime=null,"undefined"!=typeof window){var r=o(52424).Z;n.go(t.constructor.prototype,r.prototype)}return t.init(),t}return t=c,(a=[{key:"init",value:function(){this.setDefaults(),this.aOrderedData=[],this.aUnseenRecordIndex=[],this.ons()}},{key:"setDefaults",value:function(){var e=this,t={oDefaultCreateDataRequest:{method:"post",bCreate:!0,bPayload:!0,bSingleCell:!1},oDefaultUpdateDataRecordRequest:{method:"put",nonRestMethod:"post",bCreate:!1,bPayload:!0,bSingleCell:!1},oDefaultUpdateDataFieldRequest:{method:"patch",nonRestMethod:"post",bSingleCell:!0,bCreate:!1,bPayload:!0},oDefaultDeleteDataRequest:{method:"delete",nonRestMethod:"post",bPayload:!1,bCreate:!1,bSingleCell:!1},oDefaultReadDataRequest:{method:"get"}};Object.keys(t).forEach((function(o){var n=t[o];e[o]={sUrl:void 0,sUrlSuffix:void 0,sMethod:n.method,sNonRestMethod:n.nonRestMethod,sTransport:p.Z.store.defaultTransportType,oHeaders:void 0,sQueryString:void 0,sMode:void 0,bCDataEscape:void 0,oBody:void 0,bExclude:!1,bSingleCell:n.bSingleCell,bPayload:n.bPayload,bCreate:n.bCreate,sRequestType:"application/json",sResponseType:void 0,sDataType:void 0,sRestmode:"auto",sServerErrorMessage:void 0,sServerErrorPath:void 0,sCSVDelimiter:void 0,sCSVLineSeparator:void 0,bCSVHeader:void 0,bCSVCaption:void 0,bTableHide:void 0,oTableHead:void 0,sTableDataFormat:void 0,sTableHeadFormat:void 0}})),this.oDefaultDataFormat={sRecordPath:void 0,sNodePath:void 0,sHasNextPath:void 0,sHasPrevPath:void 0,sNextPath:void 0,sPrevPath:void 0,sNextIDPath:void 0,sPrevIDPath:void 0,sNextIDKey:void 0,sPrevIDKey:void 0,sIdKey:"id",sNewIndexPath:"",sAdapter:"",sSearchKey:void 0,sSearch:void 0,bServerFilter:void 0,sSortByKey:void 0,sSortBy:"",sSortDirKey:void 0,sSortDir:"",sStartAtKey:void 0,sLimitToKey:void 0,sPageKey:void 0,sCountPath:"totalCount",sCountHeader:void 0,bLoadByPages:!1,bLoadByScroll:!1,bCursor:!1,bStartAtValue:!1,nPageBase:1,bAddValueQuotes:!1,sCollection:void 0,bSubscription:!1,sBatchEditStatus:void 0,sCreateCustomFunction:void 0,sReadCustomFunction:void 0,sUpdateCellCustomFunction:void 0,sUpdateRowCustomFunction:void 0,sDeleteCustomFunction:void 0,sDataType:void 0,bResetOnDataChange:!0},this.oDataFormat={},this.oDataRequest={createOptions:{},readOptions:{},updateOptions:{row:{},cell:{}},deleteOptions:{}},this.templateStartDelimiter=p.Z.template.templateStartDelimiter,this.templateEndDelimiter=p.Z.template.templateEndDelimiter,this.initModel()}},{key:"setOptions",value:function(e,t){var o=e||{};if(t)for(var n in t)t.hasOwnProperty(n)&&(o[n]=t[n]);return this.widget.webcomponent.oDOMData&&(o=this.widget.webcomponent.oDOMData.setOptions(o)),o}},{key:"updateConfig",value:function(e,t){var o=!1;if((t||e.src&&this.oDataRequest.sUrl&&this.oDataRequest.sUrl!==e.src)&&(this.dumpDataRequest(),this.widget.dumpMapping(),this.dumpModel(),this.widget.nCurrPageIdx=this.widget.nAdjustedStart=0),e.adapter&&this.setAdapters(e.adapter,e),this.updateDataRequest(e),e.data&&this.setData(e.data),void 0!==e.cursor&&e.cursor!==this.oDataFormat.bCursor&&this.widget.bAPIReady&&(o=!0),this.updateDataFormat(e),o){var n=this.widget.webcomponent;n.oTopPager&&n.oTopPager._updateContents&&n.oTopPager._updateContents(),n.oBottomPager&&n.oBottomPager._updateContents&&n.oBottomPager._updateContents()}this.mDataSchema=e.schema||this.mDataSchema}},{key:"updateDataFormat",value:function(e){this.setDataFormatValues(this.oDataFormat,e,this.oDefaultDataFormat),this.oDataFormat.bLoadByScroll&&(this.widget.webcomponent._activateLoadByScroll(),this.widget.scroller.ons())}},{key:"updateDataRequest",value:function(e){e.updateOptions=e.updateOptions||{},e.updateOptions.row=e.updateOptions.row||e.updateRowOptions,e.updateOptions.cell=e.updateOptions.cell||e.updateCellOptions,e.bodyMethodSuffix&&this.updateBodies(e),this.updateDataRequestConfig(e,this.oDataRequest),this.oDataRequest.createOptions=this.updateDataRequestConfig(e.createOptions,this.oDataRequest.createOptions,this.oDefaultCreateDataRequest,e,"create"),this.oDataRequest.readOptions=this.updateDataRequestConfig(e.readOptions,this.oDataRequest.readOptions,this.oDefaultReadDataRequest,e,"read"),this.oDataRequest.updateOptions.row=this.updateDataRequestConfig(e.updateOptions.row,this.oDataRequest.updateOptions.row,this.oDefaultUpdateDataRecordRequest,e,"updateRow"),this.oDataRequest.updateOptions.cell=this.updateDataRequestConfig(e.updateOptions.cell,this.oDataRequest.updateOptions.cell,this.oDefaultUpdateDataFieldRequest,e,"updateCell"),this.oDataRequest.deleteOptions=this.updateDataRequestConfig(e.deleteOptions,this.oDataRequest.deleteOptions,this.oDefaultDeleteDataRequest,e,"delete")}},{key:"updateBodies",value:function(e){var t=e.bodyMethodSuffix;["create","read","updateRow","updateCell","delete"].forEach((function(o){e["".concat(o,"Body")]||(e["".concat(o,"Body")]="".concat(o).concat(t))}))}},{key:"updateDataRequestConfig",value:function(e,t,o,r,i){var a,s=o;return!1!==e&&"false"!==e&&(e=e||{},r&&["Body","Method","Src"].forEach((function(t){var o="".concat(i).concat(t);r[o]&&(e[t.toLowerCase()]=r[o])})),o!==this.oDataRequest&&(a=this.oDataRequest,(s=n.$R({},a,o)).oHeaders=n.$R({},a.oHeaders,o?o.oHeaders:o),void 0===s.oBody&&(a.oBody||o&&o.oBody)&&(s.oBody=n.$R({},a.oBody,o?o.oBody:o))),this.processURLConfig(e,t),this.setDataRequestValue(t,e,s),"manual"===t.sRestmode&&(e.method||a.sMethod||!s.sNonRestMethod||(t.sMethod=s.sNonRestMethod,t.sMethod!==s.sMethod&&(t.oHeaders=t.oHeaders||{},t.oHeaders["X-HTTP-Method-Override"]=s.sMethod))),t)}},{key:"setAdapters",value:function(e,t){if(c.aAdapters[e]){var o=c.aAdapters[e];this.widget.bHasSorterEnabled&&this.isIncrementalLoad(t)&&"firebase"===e&&(n.Aq("Firebase does not support server side sorting."),this.widget.webcomponent.sort=!1),this.setDataFormatValues(this.oDefaultDataFormat,o,null),this.setDataRequestValue(this.oDataRequest,o,null)}}},{key:"setDataRequestValue",value:function(e,t,o){n.nn(e,{sUrl:e.sUrl||t.src,sUrlSuffix:e.sUrlSuffix||t.urlSuffix,sTransport:t.transport,sMethod:t.method,sRestmode:t.restmode,oHeaders:t.headers,sQueryString:t.queryString,sMode:t.mode,oBody:t.body,bExclude:t.exclude,sRequestType:t.requestType,sResponseType:t.responseType,sDataType:t.dataType,bCDataEscape:t.cdataEscape,sServerErrorMessage:t.serverErrorMessage,sServerErrorPath:t.serverErrorPath,sCSVDelimiter:t.csvDelimiter,sCSVLineSeparator:t.csvLineSeparator,bCSVHeader:t.csvHeader,bCSVCaption:t.csvCaption,bTableHide:t.tableHide,oTableHead:t.tableHead,sTableDataFormat:t.tableDataFormat,sTableHeadFormat:t.tableHeadFormat},o)}},{key:"setDataFormatValues",value:function(e,t,o){n.nn(e,{sRecordPath:t.recordPath,sNodePath:t.nodePath,sNextPath:t.nextPath,sPrevPath:t.prevPath,sHasNextPath:t.hasNextPath,sHasPrevPath:t.hasPrevPath,sNextIDPath:t.nextIDPath,sPrevIDPath:t.prevIDPath,sNextIDKey:t.nextIDKey,sPrevIDKey:t.prevIDKey,sIdKey:t.idKey,sNewIndexPath:t.newIndexPath,sAdapter:t.adapter,sSearchKey:t.searchKey,sSearch:t.search,bServerFilter:t.serverFilter,sSortByKey:t.sortByKey,sSortBy:t.sortBy,sSortDirKey:t.sortDirKey,sSortDir:t.sortDir,sStartAtKey:t.startAtKey,bStartAtValue:t.startAtValue,sLimitToKey:t.limitToKey,sPageKey:t.pageKey,sCountPath:t.countPath,sCountHeader:t.countHeader,bCursor:t.cursor,bLoadByPages:!!t.loadByPage,bLoadByScroll:!!t.loadByScroll,nPageBase:t.pageBase,bAddValueQuotes:t.addValueQuotes,sCollection:t.collection,bSubscription:t.subscription,sBatchEditStatus:t.batchEditStatus,sCreateCustomFunction:t.createCustomFunction,sReadCustomFunction:t.readCustomFunction,sUpdateCellCustomFunction:t.updateCellCustomFunction,sUpdateRowCustomFunction:t.updateRowCustomFunction,sDeleteCustomFunction:t.deleteCustomFunction,sDataType:t.dataType,bResetOnDataChange:t.resetOnDataChange},o),this.setCustomFunctions(e)}},{key:"setCustomFunctions",value:function(e){var t=this;["Create","Read","UpdateCell","UpdateRow","Delete"].forEach((function(o){var n="s".concat(o,"CustomFunction"),r="fnCustom".concat(o);e[n]&&(e[r]=c.setUserFunction(u,e[n]),null===e[r]&&(t.bCustomUndefined=!0))}))}},{key:"processURLConfig",value:function(e,t){var o="",n=e.src||t.sUrl;e.src&&!e.urlSuffix&&(".JSON"==(n=n.trim()).slice(-5).toUpperCase()?(n=n.slice(0,-5),o=".json"):/firebaseio/.test(n)&&("/"!==n.slice(-1)&&(n+="/"),o=".json"),t.sUrl=n,t.sUrlSuffix=o)}},{key:"ons",value:function(){var e=this,t=this.widget;this.on("loaddata",this.onLoadDataRest),this.on("afterinsert",(function(o,i){var a,s,l,d;if(e.oDataFormat.bLoadByScroll&&e.bHasDataSource)e.reload();else{if(i.response){var c=i.response;if((n.kJ(c)||n.Kn(c)&&e.oDataFormat.sRecordPath)&&(n.Kn(c)&&e.oDataFormat.sRecordPath&&(c=r.MU(c,e.oDataFormat.sRecordPath,void 0,e.widget.sNestedDataSeparator)),c)){s=i.options.sRecordIndex;var u=e.oLocalModel[s],h=u?u.nRowIndex:"";return e.clearForReload(),e.manageLoadResponse(i.response,i.request,c,"afterinsertrecord"),void e.fire("afterinsertrecord",{nRowIndex:h,oLocalModel:u})}a=e.getUnseenRecordIndexResponse(i.response),s=i.options.sRecordIndex,d=c,l=i.options.oBody,i=i.options||i}else{if((i=i.options).bBatchEdit&&e.oDataFormat.bSubscription)return void t.dirtyManager.revert(i.sRecordIndex);a=i.sUnseenRecordIndex,s=i.sTempRecordIndex,i.oStatus&&(t.batchEditor.bSavingBatchEdit?(t.batchEditor.onSuccess(),a=s=i.sRecordIndex):e.widget&&e.widget.statusManager&&e.widget.statusManager.setStatus(i.oStatus))}if(s){var f=e.oLocalModel[a]=e.oLocalModel[s];t.dirtyManager.setNoDirty(a),e.aRecordIndex[e.aRecordIndex.indexOf(s)]=a;var p=f.nRowIndex,g=f.model.get();g.sRESTIndex=a,g.sRecordIndex=a,g.nRowIndex=p,d&&n.Kn(d)&&Object.keys(d).forEach((function(t){"name"!==t&&e._updateCell(a,t,d[t])})),e.bIsRawDataArray&&e.oDataFormat.sIdKey&&(g[e.oDataFormat.sIdKey]||e.oLocalModel[a].model.set(e.oDataFormat.sIdKey,a)),t.aRowMapping[p].sRecordIndex=a,("end"!==i.sRecordLocation||i.sFrozen)&&(p=e.moveRow(s,i.sRecordLocation,i.sFrozen),g.nRowIndex=p),e.aOrderedData.push(g),t.bHasSorterEnabled&&t.sorter.aOriginalRowMappingOrder.length&&t.sorter.aOriginalRowMappingOrder.push(a),s!==a&&delete e.oLocalModel[s],e.updateDataProperty(),l?e.reload():i.bPrepopulated||i.bBatchEdit?e.widget.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},p):i.bBatchEdit||(e.widget.update(void 0,void 0,void 0,!0),"end"===i.sRecordLocation?t.lastPage():"start"===i.sRecordLocation&&t.firstPage()),e.fire("afterinsertrecord",{nRowIndex:p,oLocalModel:f,bBatchEdit:i.bBatchEdit})}}})),this.on("afterremoverecord",(function(t,o,n){var r=e.widget;if(o.options&&(o=o.options),e.oDataFormat.bLoadByScroll&&e.bHasDataSource)e.reload();else if(o.oStatus&&!e.bHasDataSource&&(r.batchEditor.bSavingBatchEdit?r.batchEditor.onSuccess():e.widget&&e.widget.statusManager&&e.widget.statusManager.setStatus(o.oStatus)),!(e.oDataFormat.bSubscription&&n&&n.bServerOnly)){var i=o.sRecordIndex;e.nRecordCount--,e.nOriginRecordCount&&e.nOriginRecordCount--;var a=e.oLocalModel[i].nRowIndex,s=e.oLocalModel[i].sFrozen;if(e.oLocalModel[i]=null,delete e.oLocalModel[i],e.aOrderedData.length){var l=e.aOrderedData.findIndex((function(e){return e&&e.sRecordIndex===i}));-1!==l&&e.aOrderedData.splice(l,1)}var d=r.aRowMapping,c=!1;r.bUpdatingFrozen=!0,"top"===s?(d=r.aTopRowMapping,r.webcomponent.frozenRowsTop--,c=!0):"bottom"===s&&(d=r.aBottomRowMapping,r.webcomponent.frozenRowsBottom--,c=!0),r.bUpdatingFrozen=!1,d.splice(a,1);var u=r.getCurrPageIdx(),h=r.getPageCount();if(u>=h&&h>0&&r.setCurrPageIdx(u-1),r.bHasSorterEnabled){var f=r.sorter.aOriginalRowMappingOrder,p=f.indexOf(i);f.splice(p,1)}d.forEach((function(t,o){var n=t.sRecordIndex;t.sGroupRecordIndex||e.updateRecordMapping(d,n,o)})),r.savedScrollVal=r.oDOMMainScroll.scrollLeft,c&&r.updater.clearCache(),r.update(),e.updateDataProperty();var g=e.widget.deleteSE;"cell"===g.sContextLevel&&requestAnimationFrame((function(){return g.select(!0)}))}})),this.on("afterupdaterecord",(function(t,o,i){var a=e.widget,s=o.response;o.options&&(o=o.options);var l=o.sRecordIndex,d=o.aChangedFieldIndex;if(o.oStatus&&!e.bHasDataSource&&(a.batchEditor.bSavingBatchEdit?a.batchEditor.onSuccess():a&&e.widget.statusManager&&e.widget.statusManager.setStatus(o.oStatus)),!(e.oDataFormat.bSubscription&&i&&i.bServerOnly)){if(d.forEach((function(e){a.dirtyManager.setNoDirty(l,e)})),s&&(n.kJ(s)||n.Kn(s)&&e.oDataFormat.sRecordPath)&&(n.Kn(s)&&e.oDataFormat.sRecordPath&&(s=r.MU(s,e.oDataFormat.sRecordPath,void 0,e.widget.sNestedDataSeparator)),s))return e.clearForReload(),void e.manageLoadResponse(o.response,o.request,s,"updatecomplete");s&&n.Kn(s)&&Object.keys(s).forEach((function(t){"name"!==t&&e._updateCell(l,t,s[t])}));var c=e.widget.getDataRowIndexByRecordIndex(l,e.oLocalModel[l].sFrozen);o.bNoRefresh||e.widget.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},c),e.updateDataProperty(),window.setImmediate((function(){e.fire("updatecomplete",o.oRefocus)}))}})),this.on("afterupdatecell",(function(t,o){var n=e.widget;o.options&&(o=o.options);var r=o.sRecordIndex,i=o.sFieldIndex;n.dirtyManager.setNoDirty(r,i),o.oStatus&&!e.bHasDataSource&&e.widget&&e.widget.statusManager&&e.widget.statusManager.setStatus(o.oStatus);var a=e.widget.getDataRowIndexByRecordIndex(r,e.oLocalModel[r].sFrozen);n.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},a),e.updateDataProperty(),window.setImmediate((function(){e.widget&&n.fire("afterupdatecellrender",o)}))})),this.on("afterloaddata",(function(t,o){var n=o.oResponse;e.manageLoadResponse(n,o.oRequest)}))}},{key:"manageLoadResponse",value:function(e,t,o){var n=this.widget;if(this.oDataFormat.bLoadByScroll&&!e)n.bInfiniteMaxReached=!0;else{var i=void 0!==o;if(o=o||r.MU(e,this.oDataFormat.sRecordPath,void 0,n.sNestedDataSeparator)||{},this.oDataFormat.bLoadByPages&&(this.oLocalModel={},this.aOrderedData=[],this.aRecordIndex=[],n.dumpRowMapping()),this.oLocalModel=this.preprocess(o),e){var a=this.oDataFormat.sCountPath;if(this.oDataFormat.sCountHeader)this.setOriginRecordCount(t.getResponseHeader(this.oDataFormat.sCountHeader));else{var s=r.MU(e,a,void 0,n.sNestedDataSeparator);i&&this.nOriginRecordCount&&!s&&(s=o.length),this.setOriginRecordCount(s||this.nOriginRecordCount)}}}this.calculatePath("Next",e),this.calculatePath("Prev",e),this.fire("loaded")}},{key:"getUnseenRecordIndexResponse",value:function(e){var t="",o=this.oDataFormat.sNewIndexPath;return o?t=r.MU(e,o,void 0,this.widget.sNestedDataSeparator):"object"===y(e)&&this.oDataFormat.sIdKey?(t=e[this.oDataFormat.sIdKey])||(t=e.name):t=e,t}},{key:"calculatePath",value:function(e,t){if(t){var o=null,n=this.oDataFormat["s".concat(e,"Path")],i=this.oDataFormat["s".concat(e,"IDPath")],a=this.oDataFormat["sHas".concat(e,"Path")],s=!0,l=this.widget;if(void 0!==a&&(s=r.MU(t,a,void 0,l.sNestedDataSeparator)),s&&void 0!==n)o=r.MU(t,n,void 0,l.sNestedDataSeparator);else if(s&&void 0!==i){var d=r.MU(t,i,void 0,l.sNestedDataSeparator);d&&(this["s".concat(e,"ID")]=d,o=!0)}else o=null;this["s".concat(e,"PathURL")]=o}else this["s".concat(e,"PathURL")]=null}},{key:"setData",value:function(e){var t,o=this;if(""===e)t=[];else if(null==e)t=null;else if("object"===y(e)&&e.tagName&&"table"===e.tagName.toLowerCase())this.widget.webcomponent.bReady?(t=this.setTableData(null,e),e.style.display="none"):this.bNeedsData=!0;else if(n.kJ(e)||n.Kn(e))t=e;else{var r,i=this.oDataRequest.sDataType||this.oDataRequest.sResponseType;if(i)i=i.match(/(json)\b/)?"json":i.match(/(xml)\b/)?"xml":i.match(/(csv)\b/)?"csv":i.match(/(html|text)\b/)?"html":i;else{var a=this.detectType(e);t=a.oData,i=a.type,r=a.err}if(!t)if(!this.widget.webcomponent.bReady&&i)this.bNeedsData=!0;else if("csv"===i)t=this.setCSVData(e);else if("xml"===i)t=this.setXMLData(e);else if("html"===i)t=this.setTableData(e);else if(r){var s="Error: There was an issue with data's value:\n".concat(r);console.error("Uncaught ".concat(s));var l={icon:"error",state:"error",msg:s};setTimeout((function(){o.widget&&o.widget.statusManager&&o.widget.statusManager.setStatus(l)}),0)}}return this.data=t,this.bNeedsLoad=!0,this.data}},{key:"detectType",value:function(e){var t=this.oDataRequest,o={};try{var r=e.replace(/\n/g,"");o.oData=JSON.parse(r)}catch(r){if((t.sCSVLineSeparator||t.sCSVDelimiter||t.bCSVHeader||t.bCSVCaption)&&(o.type="csv"),!o.type){var i=(new window.DOMParser).parseFromString(e,"text/xml");i&&i.documentElement&&"html"!==i.documentElement.nodeName&&(o.type="xml")}if(!o.type)try{document.querySelector(e)&&(o.type="html")}catch(e){}if(!o.type){var a=n.QR(e,{widget:this.widget});a&&n.kJ(a)&&a.length&&(o.oData=a)}o.type||o.oData||(o.err=r)}return o}},{key:"setCSVData",value:function(e){var t=this.oDataRequest,o={sDelimiter:t.sCSVDelimiter,sLineSeparator:t.sCSVLineSeparator,bHeader:t.bCSVHeader,bCaption:t.bCSVCaption,widget:this.widget};return n.QR(e,o)}},{key:"setXMLData",value:function(e){var t=(new window.DOMParser).parseFromString(e,"text/xml");return n.yZ(t,this.oDataRequest.bCDataEscape)}},{key:"setTableData",value:function(e,t){var o;try{if(t||(t=document.querySelector(e)),t){this.oDataRequest.widget=this.widget;var r=n.g8(t,this.widget.webcomponent);if(r&&this.oOptions){for(var i in r)this.oOptions[i]=r[i];this.updateConfig(this.oOptions)}o=n.AA(t,this.oDataRequest),!0!==this.oDataRequest.bTableHide&&"true"!==this.oDataRequest.bTableHide||(t.style.display="none")}}catch(e){}return o}},{key:"loadData",value:function(e,t,o,n){var r=this.oOptions=this.setOptions(e,t);for(var i in o=o||{})r[i]=o[i];this.updateConfig(r,n),this.widget.bAPIReady?this.reload():this.bNeedsLoad=!0}},{key:"debounceLoadData",value:function(e,t,o,n){var r=this,i=this.debounceTime=setTimeout((function(){i===r.debounceTime&&(r.debounceTime=null,r.widget&&!r.widget.bDisconnect&&r.loadData(e,t,o,n))}),50)}},{key:"reload",value:function(e,t){this.activateReload(e,t)}},{key:"clearForReload",value:function(){var e=this.widget;e.fire("rowdeselect"),e.dumpMapping(),this.dumpModel(),this.bLightReload&&(this.nSavePageIdx=e.nCurrPageIdx),e.nCurrPageIdx=e.nAdjustedStart=0,e.updater.clearStyle()}},{key:"activateReload",value:function(e,t){var o=this,n=this.widget;if(this.bHasLoaded=!1,t&&(!1===this.oDataFormat.bResetOnDataChange||"false"===this.oDataFormat.bResetOnDataChange)){this.bLightReload=!0;var r=!1;n.once(p.Z.event.updated,(function(){o.bLightReload=!1,r||(r=!0,n.stateManager.setFilter(n.stateManager.oFilter))}))}n.statusManager&&n.statusManager.closeStatus(),n.search&&!this.bLightReload&&n.search.clearSearch(),this.oDataFormat.sSortBy&&this.widget.oDOMSortedColumn?this.widget.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader.onSort(null,null,"none"):(n.batchEditor.isActive()&&!n.batchEditor.bSavingBatchEdit&&n.batchEditor.completeCancel(void 0,!0),this.clearForReload(),this.debounceTime&&!e||this.load(e))}},{key:"load",value:function(e){var t=this,o=this.widget,i=o.webcomponent;if(this.bCustomUndefined&&(this.bCustomUndefined=!1,this.setCustomFunctions(this.oDataFormat)),this.bNeedsData&&i.data&&this.setData(i.data),this.bHasLoaded=!1,this.isIncrementalLoad()&&i.frozenRowsBottom&&(n.Aq("Frozen bottom rows is not supported with incremental data loading"),i.frozenRowsBottom=0),this.bHasDataSource&&!e){var a=n.c7.copy(this.oDataRequest.readOptions||{}),s=a.sServerErrorMessage;s||(s=a.sServerErrorPath?p.Z.tokens.serverMessage:g.default.get("dialog.read.errorMsg",this.widget));var l={icon:"error",state:"error",msg:s};a.oErrorStatus=l,a.fnFailure=function(){return t.fire("loaded")},this.fire("loaddata",a)}else if(o.bPreloaded||this.dumpModel(!0),!e&&this.oDataFormat.fnCustomRead){var d=this.oDataFormat.fnCustomRead,c=function(e){t.oLocalModel=t.preprocess(e),t.finishLoad()},u={callback:c,grid:o.webcomponent},h=d.method.apply(d.oScope,[u,this.oDataFormat]);h&&h.then(c).catch((function(e){if(t.widget.statusManager){var r={icon:"error",state:"error",msg:g.default.get("dialog.recordInfo.errorMsg",o)};o.statusManager.setStatus(r),n.Aq(e)}}))}else{e=e||this.data;var f=r.MU(e,this.oDataFormat.sRecordPath,void 0,o.sNestedDataSeparator)||{};this.oLocalModel=this.preprocess(f),this.finishLoad(),this.getOriginRecordCount()||o.getRowCount()||o.aTopRowMapping.length||o.aBottomRowMapping.length||this.finishNoData()}}},{key:"finishLoad",value:function(e){this.bHasLoaded=!0,e||this.widget.bDisconnect||(this.fire("loading"),this.fire("loaded"))}},{key:"finishNoData",value:function(){var e=this.widget,t=e.webcomponent;t.oDOMNodata&&t.oDOMNodata.updateInfo(),e.bAPIReady=!0,this.finishLoad(!0),e.fire("apiready")}},{key:"resetRowMapping",value:function(){var e=this.widget;e.aRowMapping.length=0,this.aOrderedData.forEach((function(t,o){e.updateRowMapping(e.aRowMapping,o,{sRecordIndex:t.sRecordIndex})}))}},{key:"filter",value:function(e,t){var o=this;this.widget.aRowMapping.length=0,t=""+t;var n=this.aOrderedData.filter((function(o){var n=""+o[e];return o[e]&&-1!==n.toLowerCase().indexOf(t.toLowerCase())}));this.widget.fire("roworderchange"),n.forEach((function(e,t){o.widget.updateRowMapping(o.widget.aRowMapping,t,{sRecordIndex:e.sRecordIndex})})),this.widget.bodyUpdate()}},{key:"unsetSort",value:function(){this.aOrderedData.sort((function(e,t){return e.nOriginalIndex<t.nOriginalIndex?-1:1}))}},{key:"preprocess",value:function(e){var t=this,o=this.widget;e=e||{};var i,a=this.oLocalModel,s=[],l=[],c=this.aRecordIndex,u=this.bIsRawDataArray=n.kJ(e),h=this.mFieldStructure,f=this.aLeafFieldIndex,p=0,g=o.sNestedDataSeparator;return u?i=e.length&&n.kJ(e[0])?(e=e.map((function(e){return e.slice(0)}))).map((function(e){return e.slice(0)})):(e=e.map((function(e){return t.oDataFormat.sNodePath&&(e=r.MU(e,t.oDataFormat.sNodePath,void 0,g)),"string"==typeof e?{0:e}:n.RH({},e)}))).map((function(e){return n.RH({},e)})):(e=n.RH({},e),i=n.RH({},e)),this.updateDataProperty(i),Object.keys(e).forEach((function(r){var i={},m=e[r];if(null!==m){var b=n.kJ(m),v=new d(t.mDataSchema,m,g);i.model=v,i.nCellDirty=0;for(var y=v.aLeafFieldIndex,w=v.oFieldSchema,z=0,C=y.length;z<C;z++){var S=y[z];-1===f.indexOf(S)&&(l.push(S),t.nFieldDepth="disabled"!==g?Math.max(S.split(g).length,t.nFieldDepth):Math.max(1,t.nFieldDepth),h=h||(b?[]:{}),b?h.push(w[S]):h[S]=w[S],f.push(S))}m.sRESTIndex=r,u&&(r=o.createRecordIndex()),c.push(r),s.push(r),m.sRecordIndex=r,m.nOriginalIndex=t.aOrderedData.length,t.aOrderedData.push(m),a[r]=i}else p++})),this.nRecordCount+=s.length,this.aUnseenRecordIndex=s,this.aUnseenFieldIndex=l,this.sNeedsSort&&(this.sortUnseen(p),this.sNeedsSort=!1),this.isIncrementalLoad()&&!this.oDataFormat.bStartAtValue&&s.length+p<o.getPageSize()&&(o.bInfiniteMaxReached=!0),this.mFieldStructure=h,this.mDataSchema||(this.mDataSchema=h),this.aLeafFieldIndex=f,o.bGroupBy&&o.groupbyManager.groupBy(o.aGroupBy,this.aOrderedData),a}},{key:"moveRow",value:function(e,t,o){var n,r,i=this.widget,a=this.oLocalModel[e],s=a.nRowIndex,l=a.sFrozen,d=!1,c=i.getRowMappingByFrozen(l),u=c;i.bUpdatingFrozen=!0,"top"===l?(r="top",i.webcomponent.frozenRowsTop--,d=!0):"bottom"===l&&(r="bottom",i.webcomponent.frozenRowsBottom--,d=!0),"start"===t?n=0:"number"==typeof t?(n=t,"top"===o?(r="top",u=i.aTopRowMapping,i.webcomponent.frozenRowsTop++,d=!0):"bottom"===o&&(r="bottom",u=i.aBottomRowMapping,i.webcomponent.frozenRowsBottom++,d=!0)):"top"===t?(r="top",u=i.aTopRowMapping,i.webcomponent.frozenRowsTop||(i.webcomponent.frozenRowsTop=0),n=i.webcomponent.frozenRowsTop,i.webcomponent.frozenRowsTop++,d=!0):"bottom"===t?(r="bottom",u=i.aBottomRowMapping,i.webcomponent.frozenRowsBottom||(i.webcomponent.frozenRowsBottom=0),i.webcomponent.frozenRowsBottom++,n=0,d=!0):"body"===t?(u=i.aRowMapping,"top"===l?n=0:"bottom"===l&&(n=i.aRowMapping.length)):n=c.length-1,i.bUpdatingFrozen=!1,n=+n;var h=c.splice(s,1);return u.splice(n,0,h[0]),this.refreshAllRecordMapping(),d&&(i.updater.clearCache(),i.update(),i.fire(p.Z.event.frozenrowchange,r)),"body"===t&&("top"===l?i.firstPage():"bottom"===l&&i.lastPage()),n}},{key:"updateDataProperty",value:function(e){var t=this.widget.webcomponent;e||(e=this.cleanData(e)),this.bUpdatingData=!0,t.data=e,this.bUpdatingData=!1}},{key:"cleanData",value:function(e,t,o){var r,i=this,a=this.widget;return r=t?a.aRowMapping.map((function(e){var t=e.sRecordIndex;return i.aOrderedData.find((function(e){return e.sRecordIndex===t}))})):this.aOrderedData,this.bIsRawDataArray?r.map((function(t){var r;return e?r=i.getVisibleData(t):(n.kJ(t)?o?(r={},t.forEach((function(e,t){var o=t,n=a.getColumnByFieldIndex(o.toString());n&&(o=n.sColumnHeaderText),r[o]=e}))):r=t.slice(0):r=n.RH({},t),delete r.sRESTIndex,delete r.sRecordIndex,delete r.nOriginalIndex,delete r.nRowIndex,delete r.sFrozen),r})):r.reduce((function(t,o){var r,a=o.sRESTIndex;return e?r=i.getVisibleData(o):(delete(r=n.RH({},o)).sRESTIndex,delete r.sRecordIndex,delete r.nOriginalIndex,delete r.nRowIndex,delete r.sFrozen),t[a]=r,t}),{})}},{key:"cleanSingleRecord",value:function(e){var t;return delete(t=n.kJ(e)?e.slice(0):n.RH({},e)).sRESTIndex,delete t.sRecordIndex,delete t.nRowIndex,delete t.sFrozen,delete t.nOriginalIndex,t}},{key:"getVisibleData",value:function(e){var t;return t=n.kJ(e)?[]:{},this.widget.aColumnMapping.forEach((function(o){var r=o.sFieldIndex;o.bHidden||""===r||n.Ld.trimWhiteSpace(r).split(",").forEach((function(o){o=n.Ld.trimWhiteSpace(o),t[o]=e[o]}))})),t}},{key:"sortUnseen",value:function(e){var t=this,o=this.widget,n=this.aUnseenRecordIndex,r=this.sNeedsSort.replace(/['"]+/g,""),a="desc"===this.sNeedsSortDir?-1:1,s=n.map((function(e,o){var n=t.get(e,r);return{sRecordIndex:e,mValue:null==n?"":n}})),l=o.getColumnByFieldIndex(r),d=null;if(d=l&&l.fnSorter?l.fnSorter:{method:i.Z.getSorter("text"),scope:null},s.sort((function(e,t){var o=d.method.apply(d.scope,[e.mValue,t.mValue]);return a>=0?o:-o})),this.isIncrementalLoad()&&this.oDataFormat.bStartAtValue)if(s.length+e>this.widget.getPageSize()){var c=s.splice(-1,1);if(c.length){var u=c[0].sRecordIndex;this.aRecordIndex.splice(this.aRecordIndex.indexOf(u),1),this.sStartAtValue=c[0].mValue}}else this.widget.bInfiniteMaxReached=!0;this.aUnseenRecordIndex=s.map((function(e){return e.sRecordIndex}))}},{key:"setOriginRecordCount",value:function(e){e?(e=parseInt(e,10)||0,this.nOriginRecordCount=e):this.nOriginRecordCount=0}},{key:"getOriginRecordCount",value:function(){return this.nOriginRecordCount}},{key:"getUnseenRecordIndex",value:function(){return this.aUnseenRecordIndex}},{key:"getLeafFieldIndex",value:function(){return this.aLeafFieldIndex}},{key:"getFieldStructure",value:function(){return this.mFieldStructure}},{key:"getFieldDepth",value:function(){return this.nFieldDepth}},{key:"duplicateRecord",value:function(e){}},{key:"removeRecord",value:function(e,t,o,r,i){var a=this.widget;if(!1!==this.oDataRequest.deleteOptions){var s=n.c7.copy(this.oDataRequest.deleteOptions||{});e=this.getRecordIndex(e);var l=this.get(e);if(!l)return!1;var d=this.oLocalModel[e],c={icon:"checkmark",state:"success",msg:o=o||g.default.get("dialog.recordDelete.successMsg",this.widget)},u=s.sServerErrorMessage;u||(u=s.sServerErrorPath?p.Z.tokens.serverMessage:g.default.get("dialog.recordDelete.errorMsg",this.widget));var h={icon:"error",state:"error",msg:u};if(!(s.sRecordIndex=e,r&&!a.batchEditor.isActive()||(s.oStatus=c,s.oErrorStatus=h),s.fnCustom=this.oDataFormat.fnCustomDelete,s.oRecordRawData=l.get(),s.sEditMode="removerecord",s.bBatchCleanup=d.bBatchCleanup,r||a.batchEditor.isActive()||!1!==this.fire("removerecord",s)))return n.Aq("Delete was cancelled by the user in the data:record:beforedelete event"),!1;if(s.oRecordModel=this.get(s.sRecordIndex),a.dirtyManager.setDirtyDelete(e,s),a.batchEditor.isActive()){var f=this.widget.getDataRowIndexByRecordIndex(e,this.oLocalModel[e].sFrozen);a.update({bUpdateBodyContent:!0},f)}else this.fireAfterStoreEvent("afterremoverecord",s,void 0,r)}}},{key:"_updateCell",value:function(e,t,o,n){var r=this.get(e,t);if(""===o&&void 0===r)return!1;if("date"===n){var i=m.kB(r).toString(),a=m.kB(o).toString();if(r===o||i===a)return!1}else{if("string"==typeof o&&r&&r.toString()==o)return!1;if(r==o)return!1}return t!==p.Z.store.keyField&&this.oLocalModel[e].model.set(t,o),!0}},{key:"updateCell",value:function(e,t,o,r,i){var a=this.widget;if(!1!==this.oDataRequest.updateOptions.cell){var s=this.oLocalModel[e].model,l=this.get(e,t);if(this._updateCell(e,t,o,i))if(t!==p.Z.store.keyField){var d=n.c7.copy(this.oDataRequest.updateOptions.cell||{}),c={icon:"checkmark",state:"success",msg:g.default.get("dialog.fieldUpdate.successMsg",this.widget)},u=d.sServerErrorMessage;u||(u=d.sServerErrorPath?p.Z.tokens.serverMessage:g.default.get("dialog.fieldUpdate.errorMsg",a));var h={icon:"error",state:"error",msg:u};if(!(d.sRecordIndex=e,d.sFieldIndex=t,d.payload=o,d.oldValue=l,d.oRecordRawData=s.get(),d.fnCustom=this.oDataFormat.fnCustomUpdateCell,d.sEditMode="updatecell",r||(d.oStatus=c,d.oErrorStatus=h),r||a.batchEditor.isActive()||!1!==this.fire("updatecell",d)))return n.Aq("Update was cancelled by the user in the data:cell:beforechange event"),!1;a.dirtyManager.setDirty(e,t,d),a.savedScrollVal=a.oDOMMainScroll.scrollLeft;var f=this.widget.getDataRowIndexByRecordIndex(e,this.oLocalModel[e].sFrozen);a.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},f),a.batchEditor.isActive()||this.fireAfterStoreEvent("afterupdatecell",d,void 0,r)}else this.updateRecordWithKey(e,!1,o)}}},{key:"updateRecord",value:function(e,t,o,r,i,a){var s=this,l=this.widget;if(!1===this.oDataRequest.updateOptions.row)return!1;e=this.getRecordIndex(e);var d=this.oLocalModel[e];if(!d)return!1;var c=d.model,u=n.c7.copy(c.get()),h=!1,f=[];if(Object.keys(t).forEach((function(o){s._updateCell(e,o,t[o])&&(h=!0,f.push(o))})),!r&&(!h||o))return!1;if(f.forEach((function(t){l.dirtyManager.setDirty(e,t)})),-1!==f.indexOf(p.Z.store.keyField))return this.updateRecordWithKey(e,f,t[p.Z.store.keyField]),!0;var m=n.c7.copy(this.oDataRequest.updateOptions.row||{}),b={icon:"checkmark",state:"success",msg:g.default.get("dialog.recordUpdate.successMsg",this.widget)},v=m.sServerErrorMessage;v||(v=m.sServerErrorPath?p.Z.tokens.serverMessage:g.default.get("dialog.recordUpdate.errorMsg",this.widget));var y={icon:"error",state:"error",msg:v};return m.sRecordIndex=e,m.oRecordRawData=c.get(),m.oOldData=u,r&&!l.batchEditor.isActive()||(m.oStatus=b,m.oErrorStatus=y),m.aChangedFieldIndex=f,m.fnCustom=this.oDataFormat.fnCustomUpdateRow,m.oRefocus=i,m.sEditMode="updaterecord",m.bNoRefresh=a,r||!1!==this.fire("updaterecord",m)?(this.fireAfterStoreEvent("afterupdaterecord",m,void 0,r),!0):(n.Aq("Update was cancelled by the user in the data:record:beforechange event"),!1)}},{key:"insertRecordWithKey",value:function(e){var t=this.oLocalModel[e].model,o=n.c7.copy(this.oDataRequest.updateOptions.row||{});o.sRecordIndex=e,o.sIdKeyValue=e,o.oRecordRawData=t.oRecordRawData||{},o.fnCallback=this.afterInsertRecordWithKey,this.bHasDataSource?this.onModifyRecordRest(o):this.afterInsertRecordWithKey(options)}},{key:"afterInsertRecordWithKey",value:function(e){this.fire("afterinsertrecord",{options:e})}},{key:"updateRecordWithKey",value:function(e,t,o){var r,i=this,a=function(){var r=i.oLocalModel[e].model,a=n.c7.copy(i.oDataRequest.updateOptions.row||{});a.sRecordIndex=e,a.sIdKeyValue=o,a.oRecordRawData=r.get(),a.aChangedFieldIndex=t,a.sNewRecordIndex=o,a.fnCallback=i.updateKey,i.onModifyRecordRest(a)};this.bHasDataSource&&!this.widget.batchEditor.isActive()?((r=n.c7.copy(i.oDataRequest.deleteOptions||{})).sRecordIndex=e,r.fnCallback=a,i.onModifyRecordRest(r)):this.updateKey({sRecordIndex:e,sNewRecordIndex:o,aChangedFieldIndex:t})}},{key:"updateKey",value:function(e){var t=this,o=e.sRecordIndex,n=e.sNewRecordIndex,r=this.widget;this.oLocalModel[n]=this.oLocalModel[o],delete this.oLocalModel[o],this.aRecordIndex[this.aRecordIndex.indexOf(o)]=n,this.oLocalModel[n].model.get().sRESTIndex=n;var i=this.oLocalModel[n].nRowIndex;if(r.getRowMappingByFrozen(this.oLocalModel[n].sFrozen)[i].sRecordIndex=n,r.sorter){var a=r.sorter.aOriginalRowMappingOrder;a.length&&(a[a.indexOf(o)]=n)}var s=this.aOrderedData.findIndex((function(e){return e.sRecordIndex===o}));if(-1!==s&&(this.aOrderedData[s].sRecordIndex=n),r.batchEditor.isActive()){var l={};l.sOldRecordIndex=o,l.sNewRecordIndex=n,l.sEditMode="updatekey",r.dirtyManager.setDirty(o,void 0,l)}r.update(),r.batchEditor.isActive()||(e.aChangedFieldIndex?this.fire("afterupdaterecord",{options:{sRecordIndex:n,aChangedFieldIndex:e.aChangedFieldIndex}}):this.fire("afterupdatecell",{options:{sRecordIndex:n,sFieldIndex:p.Z.store.keyField}}),window.setImmediate((function(){t.fire("updatecomplete")})))}},{key:"get",value:function(e,t,o){var r=this.widget.sNestedDataSeparator;if(o)return this.widget.groupbyManager.getGroupName(o);if(n.o8(this.oLocalModel[e])&&(this.oLocalModel[e]=new d(this.mDataSchema,void 0,r)),t===p.Z.store.keyField){if(this.widget.batchEditor.isActive()&&this.oLocalModel[e].bDirtyInsert)return"";if(this.bIsRawDataArray){var i=this.oDataFormat.sIdKey;if(i!==p.Z.store.keyField){var a=this.get(e,i);if(a)return a}}return e}return n.o8(t)?this.oLocalModel[e].model:this.oLocalModel[e].model.get(t)}},{key:"getRecordIndex",value:function(e){if(this.oLocalModel[e])return e;if(this.bIsRawDataArray&&this.oDataFormat.sIdKey){var t=this.getRecordByKey(this.oDataFormat.sIdKey,e);t&&(e=t.sRecordIndex)}return e}},{key:"getRecordByKey",value:function(e,t){return this.aOrderedData.find((function(o){return o[e]==t}))}},{key:"getUniqueDataByFieldIndex",value:function(e){var t=this.getDataByFieldIndex(e,!0);return b(new Set(t)).sort()}},{key:"getDataByFieldIndex",value:function(e,t,o){var n=this.widget,i=n.filter;o=o||this.aOrderedData,i&&i.bUseFilter&&!t&&(o=i.aFiltered);var a=o.map((function(o){var i=r.MU(o,e,void 0,n.sNestedDataSeparator);return t?i:parseFloat(i)}));return a=a.filter((function(e){return e||0===e}))}},{key:"hasNextData",value:function(){return!1!==(this.sNextPathURL||!1)}},{key:"hasPrevData",value:function(){return!1!==(this.sPrevPathURL||!1)}},{key:"insertRecord",value:function(e,t,o,r,i){var a=this.widget,s=a.sNestedDataSeparator,l=new d(this.mDataSchema,e,s);if(!this.oDataFormat.bSubscription||r||a.batchEditor.isActive()){var c=o||this.widget.createRecordIndex();!o&&a.aColumnMapping.some((function(e){return e.bIsKeyIndex}))&&(c=p.Z.store.tempID),this.oLocalModel[c]={model:l,nRowIndex:-1,nCellDirty:0},this.aUnseenRecordIndex=[c],this.aRecordIndex.push(c),this.nRecordCount++;for(var u=this.mFieldStructure,h=this.mDataSchema,f=this.aLeafFieldIndex,g=n.iM(h,s),m=[],b=!1,v=0,y=g.length;v<y;v++){var w=g[v];-1===f.indexOf(w)&&(b=!0,m.push(w),this.nFieldDepth="disabled"!==s?Math.max(w.split(s).length,this.nFieldDepth):Math.max(1,this.nFieldDepth))}b&&(u=n.RH(u,h),this.aLeafFieldIndex=n.iM(u,s)),this.aUnseenFieldIndex=m,this.mFieldStructure=u,this.insertRecordServer(c,l,t,r,void 0,i)}else this.insertRecordServer(null,l,void 0,!1,!0)}},{key:"removeTempField",value:function(e,t){var o=t.sRecordIndex;this.nRecordCount--;var n=this.oLocalModel[o].nRowIndex;this.oLocalModel[o]=null,delete this.oLocalModel[o];var r=this.aRecordIndex.indexOf(o);this.aRecordIndex.splice(r,1),this.widget.aRowMapping.splice(n,1)}},{key:"insertRecordServer",value:function(e,t,o,r,i,a){var s=this.widget;if(!1!==this.oDataRequest.createOptions){var l=n.c7.copy(this.oDataRequest.createOptions||{});if(l.oRecordRawData=t.oRecordRawData,l.sRecordIndex=e,l.sRecordLocation=o,l.sFrozen=a,l.fnCustom=this.oDataFormat.fnCustomCreate,l.fnFailure=this.removeTempField,l.bCreateRecord=!0,l.sEditMode="insertrecord",!r){l.oStatus={icon:"checkmark",state:"success",msg:g.default.get("dialog.recordCreate.successMsg",this.widget)};var d=l.sServerErrorMessage;d||(d=l.sServerErrorPath?p.Z.tokens.serverMessage:g.default.get("dialog.recordCreate.errorMsg",this.widget)),l.oErrorStatus={icon:"error",state:"error",msg:d}}if(!r&&!s.batchEditor.isActive()&&!1===this.fire("insertrecord",l))return void n.Aq("Insert was cancelled by the user in the data:record:beforeinsert event");if(this.oDataFormat.bLoadByScroll&&this.bHasDataSource||i||s.updateDefaultRowMapping(void 0,!0),s.dirtyManager.setDirtyInsert(e,l),s.batchEditor.isActive())s.update(),s.lastPage();else{var c={sUnseenRecordIndex:e,sTempRecordIndex:e,oStatus:l.oStatus,sRecordLocation:o,sFrozen:a};this.fireAfterStoreEvent("afterinsert",l,c,r)}}}},{key:"fireAfterStoreEvent",value:function(e,t,o,n){var r=this;o=o||{};for(var i=0,a=["sRecordIndex","sFieldIndex","aChangedFieldIndex","oRecordRawData","oOldData","oRecordModel","nRowIndex","oLocalModel","oldValue","oStatus","bBatchEdit","bBatchCleanup","bNoRefresh"];i<a.length;i++){var s=a[i];t&&t[s]&&(o[s]=t[s])}if(t.fnCustom&&!n){var l=function(t){return r.fire(e,{options:o},t)};t.callback=l;var d=t.oRecordRawData?this.cleanSingleRecord(t.oRecordRawData):null,c=[];t.sRecordIndex&&!t.bCreateRecord&&c.push(t.sRecordIndex),d&&c.push(d),c.push(t,this.oDataFormat);var u=t.fnCustom.method.apply(t.fnCustom.oScope,c);u&&u.then(l)}else!this.bHasDataSource||t.bExclude||n?this.fire(e,{options:o}):(t.sSuccessEvent=e,this.onModifyRecordRest(t))}},{key:"processChangedData",value:function(e,t,o){for(var n in e)if(e.hasOwnProperty(n)){var r=t[n],i=e[n];r!==i&&(this.oLocalModel[o].model.set(n,i),t[n]=i)}}},{key:"processTemplate",value:function(e,t,o,n,r,i){var a=this,s=this.widget.sNestedDataSeparator;if(!e)return e;var l=o.sTargetFieldIndex,d=o.sTargetRecordIndex;o.sGroupRecordIndex&&(r=!0);var c,u=r?{}:this.get(d).oRecordRawData;i||(i={},r||l.split(",").map((function(e){if("disabled"!==s){var t=e.split(s);c=t[t.length-1]}else c=e;var o=a.get(d,e.trim());i[c.trim()]=o})));var h={record:u,index:i};return this.populateTemplate(e,t,h,n,o)}},{key:"populateTemplate",value:function(e,t,o,n,r){var i,a;if("function"==typeof e)a=e(o);else{if("string"==typeof e)i=e;else if(e.content)if(t){var s=document.importNode(e.content,!0);t.appendChild(s),i=t.innerHTML}else i=e.innerHTML;a=this.calculateTemplate(i,o,n,void 0,r)}return t&&(t.innerHTML=a),a}},{key:"calculateTemplate",value:function(e,t,o,i,a){var s,l=this,d=n.Ld.escapeRegExp(this.templateStartDelimiter),c=n.Ld.escapeRegExp(this.templateEndDelimiter),u=!a||"disabled"!==a._columnConfig.sTranslateNewline,h=this.widget,f=h.aggregateManager;return e&&"string"==typeof e?(o&&(s=new RegExp(d+"(.*?)"+c+"(s*['\"])","g"),e=e.replace(s,(function(e,o,n){o=o.trim();var i=r.MU(t,o,"",h.sNestedDataSeparator);return void 0!==i?i+n+" "+p.Z.editor.bindingAttr+"="+n+o+n:e})),s=new RegExp("<textarea(.*?)"+d+"(.*?)"+c+"(.*?)</textarea>","g"),e=e.replace(s,(function(e,o,n,i){n=n.trim();var a=r.MU(t,n,"",h.sNestedDataSeparator);if(void 0!==a){var s=p.Z.editor.bindingAttr+'="'+n+'"';return"<textarea ".concat(s).concat(o).concat(a).concat(i,"</textarea>")}return e}))),s=new RegExp(d+"(.*?)"+c,"g"),e.replace(s,(function(e,o){o=o.trim();var n=r.MU(t,o,"",h.sNestedDataSeparator);return"string"==typeof n&&u&&(n=n.replace(/\n/g,"<br>")),""===n&&void 0!==f[o]&&(n=f.calculateAggregateRow(a,o)),i&&""===n?"".concat(l.templateStartDelimiter).concat(o).concat(l.templateEndDelimiter):n}))):e}},{key:"refreshAllRecordMapping",value:function(){for(var e=this,t=this.widget,o=[t.aRowMapping,t.aTopRowMapping,t.aBottomRowMapping],n=function(){var t=o[r];t.forEach((function(o,n){var r=o.sRecordIndex;o.sGroupRecordIndex||e.updateRecordMapping(t,r,n)}))},r=0;r<o.length;r++)n()}},{key:"updateRecordMapping",value:function(e,t,o){e===this.widget.aTopRowMapping?this.oLocalModel[t].sFrozen="top":e===this.widget.aBottomRowMapping?this.oLocalModel[t].sFrozen="bottom":this.oLocalModel[t].sFrozen="none",this.oLocalModel[t].nRowIndex=o}},{key:"getArrayData",value:function(e,t,o){var r=[],i=t.sArrayIndex,a=t.sArraySlice,s=null,l=null;if(n.Uh(a)){var d=a.split(",");s=parseInt(d[0].trim(),10),d.length>1&&(l=parseInt(d[1].trim(),10))}return(void 0===i||o)&&(i=null),e.forEach((function(e){n.kJ(e)?("number"==typeof s&&(e=n.mJ.clone(e),e="number"==typeof l?e.slice(s,l):e.slice(s)),e.forEach((function(e){i?r.push(e[i]):r.push(e)}))):r.push(e)})),r}},{key:"getRowData",value:function(e){var t=this,o={};return this.widget.aColumnMapping.forEach((function(r){var i=r.sFieldIndex;r.bHidden||""===i||r.bTypeAggregateOmit||n.Ld.trimWhiteSpace(i).split(",").forEach((function(n){var r=t.get(e,n.trim());o[n]=r}))})),o}},{key:"getAllRowData",value:function(){for(var e,t=this.widget.filter,o=[],n=(e=t&&t.bUseFilter?t.aFiltered:this.aOrderedData).length,r=0;r<n;r++)o.push(this.getRowData(e[r].sRecordIndex));return o}},{key:"getRowIndexByRecordIndex",value:function(e){return this.oLocalModel[e].nRowIndex}},{key:"getColumnIndexByFieldIndex",value:function(e){for(var t=this.widget.aColumnMapping,o=[],n=t.length;n--;)t[n].sFieldIndex==e&&o.push(n);return o}},{key:"isServerSort",value:function(){return this.isIncrementalLoad()&&(this.oDataFormat.sSortByKey||-1!==this.oDataRequest.readOptions.sUrl.indexOf(p.Z.tokens.sortBy))}},{key:"isIncrementalLoad",value:function(e){var t;return e&&(t=e.loadByPage||e.loadByScroll),t||this.oDataFormat.bLoadByScroll||this.oDataFormat.bLoadByPages}},{key:"initModel",value:function(){this.data=[],this.reset()}},{key:"dumpModel",value:function(e){this.reset(),this.widget.clearIdCounters(e),this.widget.updater.clearCache()}},{key:"dumpDataRequest",value:function(){this.oDataRequest={createOptions:{},readOptions:{},updateOptions:{row:{},cell:{}},deleteOptions:{}},this.oOptions=null,this.setOriginRecordCount(0)}},{key:"reset",value:function(){this.aRecordIndex=[],this.nRecordCount=0,this.sStartAtValue=null,this.aLeafFieldIndex=[],this.nFieldDepth=0,this.mFieldStructure=null,this.oLocalModel={},this.mDataSchema=null,this.aOrderedData=[],this.widget&&this.widget.groupbyManager&&(this.widget.groupbyManager.aGroupData=[]),this.sNextPathURL=null,this.sPrevPathURL=null,this.oOptions=null}},{key:"bHasDataSource",get:function(){return!!this.oDataRequest.sUrl||!!this.oDataRequest.readOptions.sUrl}}])&&w(t.prototype,a),s&&w(t,s),Object.defineProperty(t,"prototype",{writable:!1}),c}(a.Z);k.setUserFunction=function(e,t){if(e){var o=e(t,!0);if(o)return{method:o,scope:null}}var n=k.aMethods[t];if(n)return n;if("string"!=typeof t)return null;var r=t.split(".");if(r.length>1||k.aNamespaces.default){var i=r[0];if(k.aNamespaces[i]){for(var a=k.aNamespaces[i].namespace,s=1;s<r.length;s++)a=a[r[s]];return{method:a,scope:k.aNamespaces[i].scope}}if(k.aNamespaces.default){for(var l=k.aNamespaces.default.namespace,d=0;d<r.length&&l;d++)l=l[r[d]];if(l)return{method:l,scope:k.aNamespaces.default.scope}}for(var c=window,u=0;u<r.length;u++)if(void 0===(c=c[r[u]]))return null;return{method:c,scope:null}}if(window[t])return{method:window[t],scope:null};if(e){var h=e(t);if(h)return{method:h,scope:null}}return null},k.aAdapters={firebaseSDK:{createCustomFunction:"firebaseCreate",readCustomFunction:"firebaseRead",updateRowCustomFunction:"firebaseUpdateRow",updateCellCustomFunction:"firebaseUpdateCell",deleteCustomFunction:"firebaseDelete"},firebase:{limitToKey:"limitToFirst",startAtKey:"startAt",sortByKey:"orderBy",searchKey:"equalTo",startAtValue:!0,addValueQuotes:!0,newIndexPath:"name"},graphql:{restmode:"manual",method:"post"},django:{urlSuffix:"/"}},k.aMethods={},k.aNamespaces={};const x=k},48272:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>k});var n=o(37486),r=o(55040),i=o(31769),a=o(96766),s=o(87822),l=o(28459),d=o(64514),c=o(72546),u=o(86814),h=o(19791);function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function p(e){return function(e){if(Array.isArray(e))return g(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return g(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return g(e,t)}(e)||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 g(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function m(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==f(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===f(i)?i:String(i)),n)}var r,i}function b(){return b="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=z(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},b.apply(this,arguments)}function v(e,t){return v=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},v(e,t)}function y(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=z(e);if(t){var r=z(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===f(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return w(e)}(this,o)}}function w(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function z(e){return z=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},z(e)}var C=n.Iu,S=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&v(e,t)}(k,e);var t,r,g,S=y(k);function k(e){var t;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,k),(e=e||{})._defaults={type:"grid",prefix:"zing-grid-",hasColumnHeader:!0,hasColumnFooter:!0,disableScrollBarX:!1,disableScrollBarY:!1,nCurrPageIdx:0,pageSize:s.Z.store.defaultPageSize,bUserPageSize:!1,bHasSelectorEnabled:!1,bHasSorterEnabled:!1,bHasEditorEnabled:!1,bHasCellEditorEnabled:!1,bHasContextMenuEnabled:!1,bRowDrag:!1,bColumnDrag:!1,bDragHide:!1,bDragMove:!1,bHeaderRowHide:!1,bHeaderAutoFormat:!0,sNestedDataSeparator:".",sNestedGroupDataSeparator:"#",oHeaderTooltip:{},oCellTooltip:{},bHasEditColumn:!1,bHasRemoveColumn:!1,bHasInfoColumn:!1,bHasSelectorColumn:!1,bHasRowNumberColumn:!1,bHasRowGroupColumn:!1,fnHeaderAutoFormat:null,bHasStaticMenu:!1,bOnlyColumnWidth:void 0,nInfiniteTotalDisplay:s.Z.infinite.defaultInfiniteDisplay,nDefaultRowHeight:s.Z.zgRow.defaultHeight,nDefaultHeadHeight:s.Z.zgRow.defaultHeadHeight,nRowHeight:void 0,nAdjustedStart:0,nSetWidth:null,bStaticScroll:!1,bCompact:!1,nRowsPerSet:-1,nRowSets:1,bInfiniteMaxReached:!1,sContextMenuId:"",bHasFilterEnabled:!1,bHasSearchEnabled:!1,bGlobalFilter:!1,bAPIReady:!1,bConfirmDelete:!0,aFilters:[],aIcons:[],aSelectedRows:[],bFastMode:!1,bCellFocus:!0,nStoredPageIndex:-1,sDefaultDisplay:null,nCardsPerRow:1,sSortIntl:void 0,nLeftFrozenColumns:0,nCardLeftFrozenColumns:0,nRightFrozenColumns:0,nCardRightFrozenColumns:0,nTopFrozenRows:0,nCardTopFrozenRows:0,nCardBottomFrozenRows:0,nBottomFrozenRows:0,nLoadingImages:0,oZGCellMap:{},oZGHeadCellMap:{},oZGFootCellMap:{},oDOMSortedColumn:null,aCurrentOver:[],aMouseOut:[],aMouseOutTimeouts:[],idCounters:[],aZebraClasses:[],oStateOptions:{},aGroupBy:[],oGroupDummyRows:{count:0},els:{mainGridTable:{},mainColumnBody:{},mainColumnHeader:{},mainColumnFooter:{},topPager:{},bottomPager:{}},rendered:!1,nDebugCount:0};return e._defaults.plugins={scroller:{},loadmask:{}},(t=S.call(this,e)).docEvents={},t.config=e,t.initialConfig={},t.ZGLoadMask=s.Z.zgLoadMask.tagName,t.createColumnId=t.createId("zg$columnId"),t.setColumnId=t.createColumnId.setCounter,t.getColumnId=t.createColumnId.getCounter,t.createRecordIndex=t.createId("zg$recordIdx"),t.randomKey=Math.floor(1e6*Math.random())+1,t.updater=new u.default({widget:w(t)}),t.ZG=t.updater.widget.webcomponent,t}return t=k,r=[{key:"bGroupBy",get:function(){return!this.isCardLayout()&&(this._bGroupBy||!1)},set:function(e){e?(this.nTopFrozenRows&&(this.nTopFrozenRows=0),this.nBottomFrozenRows&&(this.nBottomFrozenRows=0)):(this.initialConfig.frozenRowsTop&&(this.nTopFrozenRows=this.initialConfig.frozenRowsTop),this.initialConfig.frozenRowsBottom&&(this.nBottomFrozenRows=this.initialConfig.frozenRowsBottom)),this._bGroupBy=e}},{key:"init",value:function(){this.initDir(),this.initStore(),this.initPlugins(),this.initMapping(),this.onUserEvents(),this.ons(),this.render()}},{key:"ons",value:function(){var e=this;this.on("render",(function(){})),this.store.on("loaded",this.associateColumns,this),this.on("pagechange",(function(t,o,n){return e.bodyUpdateWithScroll(void 0,o,n)})),this.on(s.Z.event.pagesizechange,(function(){return e.bodyUpdateWithScroll(!0)}))}},{key:"render",value:function(){var e=this.el=i.Z.get(this.renderTo.querySelector("#wrap"));this.fire("beforerender"),e.dom.tabIndex=-1,this.initGridElements(),this.fire(s.Z.event.afterRender),this.fire("render")}},{key:"initPlugins",value:function(){var e=this.plugins;this.initPlugin("selectorEngineManager","selectorEngineManager",!1),this.initPlugin("plugins/selector/Selector","selector",!0),this.initPlugin("plugins/aggregate/aggregateManager","aggregateManager",!1),this.initPlugin("plugins/cellbreak/cellBreakManager","cellBreakManager",!0),this.initPlugin("plugins/clipper/Clipper","clipper",!0),this.initPlugin("plugins/columnmenu/ColumnMenu","columnMenu",!1),this.initPlugin("plugins/dialog/dialogManager","dialogManager",!1),this.initPlugin("plugins/details/detailsManager","detailsManager",!1),this.initPlugin("plugins/drag/columnDragManager","columnDragManager",!1),this.initPlugin("plugins/editor/dirtyManager","dirtyManager",!0),this.initPlugin("plugins/editor/batchEditor","batchEditor",!0),this.initPlugin("plugins/editor/RecordEditor","recordEditor",!0),this.initPlugin("plugins/editor/editorManager","editorManager",!0),this.initPlugin("plugins/editor/editorFieldManager","editorFieldManager",!0),this.initPlugin("plugins/filter/Filter","filter",!1),this.initPlugin("plugins/fullscreen/fullscreenManager","fullscreenManager",!1),this.initPlugin("plugins/groupby/groupbyManager","groupbyManager",!1),this.initPlugin("plugins/icon/iconManager","iconManager",!1),this.initPlugin("plugins/layout/layoutManager","layoutManager",!0),this.initPlugin("plugins/menu/menuManager","menuManager",!0),this.initPlugin("plugins/sorter/Sorter","sorter",!1),this.initPlugin("plugins/source/sourceManager","sourceManager",!1),this.initPlugin("plugins/state/stateManager","stateManager",!1),this.initPlugin("plugins/status/statusManager","statusManager",!0),this.initPlugin("plugins/tooltip/tooltipManager","tooltipManager",!1),this.initPlugin("plugins/viewport/viewportManager","viewportManager",!1),this.initPlugin("plugins/focus/focusManager","focusManager",!1),this.initPlugin("plugins/focus/headerFocusManager","headerFocusManager",!1),this.initPlugin("plugins/focus/footerFocusManager","footerFocusManager",!1),e.scroller&&this.initPlugin("plugins/scroller/Scroller","scroller",!1),this.deleteSE=this.selectorEngineManager.getSelectorEngine()}},{key:"initPlugin",value:function(e,t,n){var r=o(91693)("./".concat(e,".js")).default,i={widget:this};n&&(i.se=this.selectorEngineManager.getSelectorEngine()),this[t]=new r(i)}},{key:"initGridElements",value:function(){var e=this.el;this.oDOMMainGridTable=e._querySelector("#main");var t=e._querySelector("#body"),o=e._querySelector("#left"),n=e._querySelector("#right");if(this.oDOMMainScroll=e._querySelector("#scroll"),this.mainGridTable=i.Z.get(this.oDOMMainGridTable),this.mainGridHScroll=i.Z.get(this.oDOMMainScroll),this.hasColumnHeader){var r=new d.default({widget:this,oDOMWrapper:this.webcomponent.oDOMFrozenLeftHeadFrame,oHead:this.webcomponent.oDOMLeftHead,oColGroup:this.webcomponent.oDOMLeftColgroup});r.el._show(),this.leftColumnHeader=r;var a=new d.default({widget:this,oDOMWrapper:this.webcomponent.oDOMFrozenMainHeadFrame,oHead:this.webcomponent.oDOMHead,oColGroup:this.webcomponent.oDOMColgroup});a.el._show(),this.mainColumnHeader=a;var s=new d.default({widget:this,oDOMWrapper:this.webcomponent.oDOMFrozenRightHeadFrame,oHead:this.webcomponent.oDOMRightHead,oColGroup:this.webcomponent.oDOMRightColgroup});s.el._show(),this.rightColumnHeader=s}var u=new l.default({widget:this,oDOMWrapper:o,oBody:this.webcomponent.oDOMLeftBody});u.el._show(),this.leftColumnBody=u;var h=new l.default({widget:this,oDOMWrapper:t,oBody:this.webcomponent.oDOMBody});h.el._show(),this.mainColumnBody=h;var f=new l.default({widget:this,oDOMWrapper:n,oBody:this.webcomponent.oDOMRightBody});if(f.el._show(),this.rightColumnBody=f,this.hasColumnFooter){var p=new c.default({widget:this,oFoot:this.webcomponent.oDOMLeftFoot,oColGroup:this.webcomponent.oDOMLeftColgroup,oDOMWrapper:this.webcomponent.oDOMFrozenLeftFootFrame});p.el._show(),this.leftColumnFooter=p;var g=new c.default({widget:this,oFoot:this.webcomponent.oDOMFoot,oColGroup:this.webcomponent.oDOMColgroup,oDOMWrapper:this.webcomponent.oDOMFrozenMainFootFrame});g.el._show(),this.mainColumnFooter=g;var m=new c.default({widget:this,oFoot:this.webcomponent.oDOMRightFoot,oColGroup:this.webcomponent.oDOMRightColgroup,oDOMWrapper:this.webcomponent.oDOMFrozenRightFootFrame});m.el._show(),this.rightColumnFooter=m}this.mainGridTable._show()}},{key:"setCellAlignment",value:function(e,t){if(null===(t=t||this.webcomponent.getAttribute(s.Z.attr.align)||null))e.removeAttribute(s.Z.attr.align);else{var o=s.Z.zgColumn.alignTypes.indexOf(t)>-1?t:s.Z.zgColumn.alignDefault;e.setAttribute(s.Z.attr.align,o)}}},{key:"setCellLabel",value:function(e){var t=e.value,o=e.oDOMCellContainer,n=e.$cell;if(o&&n._columnConfig&&this.layoutManager.sCurrentType===s.Z.zgLayout.typeCard){var r=s.Z.zgCell.cellIndexAttr,i=s.Z.zgCell.cellLabelAttr,a=o.querySelector("[".concat(r,"]"));if(a){t=t||n._columnConfig.sColumnHeaderText||a.getAttribute(r);var l=o.querySelector("[".concat(i,"]"));if(!l){(l=document.createElement("label")).setAttribute(i,"");var d=document.createElement("slot");d.name="cellLabel",l.appendChild(d),o.insertAdjacentElement("afterbegin",l)}l.textContent=t}}}},{key:"updateConfig",value:function(e){var t=["data","dataSource","dataFormat","schema","columns"],o=this.store;o.updateConfig({data:e.data,oDataSource:e.dataSource,oDataFormat:e.dataFormat,mDataSchema:e.dataSchema}),this.dumpMapping(e);var n=e.columns;if(n){o.dumpModel();for(var r=0,i=n.length;r<i;r++){var a=n[r],s=this._createZGColumn(a);this.aColumnMapping[r]=s._oParsedColumnMapping}this._adjustFrozenColumns()}else if(void 0!==e.columns){var l=this.mainColumnHeader.oColGroup;l&&l.parentNode&&l.parentNode.removeChild(l)}for(var d in e)t.includes(d)||(this.webcomponent[d]=e[d])}},{key:"dumpMapping",value:function(e){!this.store.bLightReload&&(e&&e.columns&&e.columns.length>0||!this.bIsMappingUserProvided&&this.webcomponent.bReady)&&this.dumpColumnMapping(),this.dumpRowMapping()}},{key:"dumpColumnMapping",value:function(){this.aColumnMapping.length=0,this.bHasRowGroupColumn=!1,Array.from(this.webcomponent.querySelectorAll("zg-column")).forEach((function(e){e.parentNode.removeChild(e)})),this.nHeaderDepth=0}},{key:"dumpRowMapping",value:function(){this.aRowMapping=[],this.aTopRowMapping=[],this.aBottomRowMapping=[],this.aGroupMapping=[]}},{key:"updateInitialConfig",value:function(){for(var e in this.bReload=!0,this.initialConfig)this.webcomponent[e]=this.initialConfig[e];this.selector.deSelectAll(),this.bReload=!1}},{key:"updateFocus",value:function(e,t,o){var n=this.focusManager;n&&n.bInitialLoaded&&(e&&(t=this.webcomponent["oDOM".concat(e)],o=n["a".concat(e)]),n.updateSection(t,o,e))}},{key:"hookGridEvents",value:function(){for(var e=0,t=["contextmenu","mouseover","mouseout","mouseenter","mouseleave"];e<t.length;e++){var o=t[e];this.el.on(o,this.detectGridEvent,this,{sDelegateTo:s.Z.zgCell.tagName}),this.el.on(o,this.detectGridEvent,this,{sDelegateTo:s.Z.zgCard.tagName})}for(var n=0,r=["click","keydown","blur","focus"];n<r.length;n++){var i=r[n];this.el.on(i,this.detectGridEvent,this)}}},{key:"hookCellEvents",value:function(){for(var e=this,t=function(){var t=n[o];e.on(t,(function(o,n,r,i,a,s){var l=n.nColumnIndex,d=n.sTargetFieldIndex,c=n.nRowContainerIndex,u=n.sTargetRecordIndex,h=e.getDOMByIndex(n.nRowContainerIndex,n.nColumnIndex),f={recordIndex:u,columnIndex:l,fieldIndex:d,rowIndex:c,data:n.fullData(),DOMCell:h};switch(t){case"cellcloseedit":a?f.canceled=!0:(f.canceled=!1,f.newValue=i);break;case"cellkeypress":f.currentValue=r.value}var p="cell:".concat(t.slice(4));return e.emitEvent(p,{ZGData:f},!0)}),void 0,void 0,!0)},o=0,n=["cellopenedit","cellcloseedit","cellkeypress"];o<n.length;o++)t()}},{key:"hookClipperEvents",value:function(){for(var e=this,t=function(){var t=n[o];e.clipper.on(t,(function(o,n){var r={data:n.data,copiedValue:n.text};e.emitEvent("cell:"+t,{ZGData:r}),n.text=r.copiedValue}))},o=0,n=["copy","paste","beforecopy"];o<n.length;o++)t()}},{key:"initMapping",value:function(){this.aRowMapping=[],this.aTopRowMapping=[],this.aBottomRowMapping=[],this.aColumnMapping=[],this.aGroupMapping=[],this.nHeaderDepth=0}},{key:"onUserEvents",value:function(){var e=this;this.on("render",(function(){if(e.emitEvent("grid:render"),e.hookGridEvents(),e.oDOMScroller&&i.Z.get(e.oDOMScroller).on("scroll",(function(t,o){e.emitEvent("grid:scroll",{ZGTarget:o,ZGEvent:t})})),e.mainGridTable.dom){var t=e.webcomponent._oShadowRoot.querySelector("#scroll");t&&i.Z.get(t).on("scroll",(function(t,o){e.emitEvent("grid:scroll",{ZGTarget:o,ZGEvent:t})}))}i.Z.get(document.body).on("keydown",(function(t){e.bDisconnect||(t.nCharCode===t.ESC?(e.recordEditor.bIsOpen?e.recordEditor.cancelOpenEdit(null,e.editorManager.se):e.webcomponent.oDOMDialog&&e.ZG.oDOMDialog.closeEvent(),e.emitEvent("grid:keydown:esc")):t.nCharCode===t.PAGE_DOWN?e.nextPage():t.nCharCode===t.PAGE_UP&&e.prevPage())}))})),this.on("beforerender",(function(){e.emitEvent("grid:beforerender")})),this.store.on("afterfetch",(function(t,o){var n={response:o.oResponse,data:o.data};e.emitEvent("data:afterfetch",{ZGData:n})})),this.on("afterloaded",(function(){e.emitEvent("data:load")})),this.on("refresh",(function(){e.emitEvent("grid:refresh")})),this.on("hydrate",(function(){e.emitEvent("grid:hydrate")})),this.on("apiready",(function(){e.emitEvent("grid:ready")})),this.on("pagechange",(function(t,o){e.once(s.Z.event.updated,(function(){var t={pageSize:+e.pageSize,currentPage:e.nCurrPageIdx+1};e.emitEvent("grid:pagechange",{ZGData:t}),void 0!==o&&e.emitEvent("grid:page"+o,{ZGData:t})}))})),this.on(s.Z.event.pagesizechange,(function(t,o,n){var r={pageSize:+o,oldPageSize:+n,currentPage:e.nCurrPageIdx+1};e.emitEvent("grid:pagesizechange",{ZGData:r})})),this.on(s.Z.event.frozenrowchange,(function(t,o){var n;n="top"===o?e.aTopRowMapping:e.aBottomRowMapping;for(var r=[],i=0;i<n.length;i++)r.push(e.store.cleanSingleRecord(e.store.get(n[i].sRecordIndex).oRecordRawData));var a={area:o,currentFrozenRows:n.length,frozenRows:r};e.emitEvent("row:frozen",{ZGData:a})})),this.on("rowselectionchanged",(function(t,o,n){for(var r=Object.keys(e.aSelectedRows),i=[],a=0;a<r.length;a++)i.push(e.store.cleanSingleRecord(e.aSelectedRows[r[a]].get()));var s={checked:n,selectedRows:i,rowIndex:e.store.oLocalModel[o].nRowIndex,recordIndex:o,data:e.store.cleanSingleRecord(e.store.get(o).oRecordRawData)};e.emitEvent("row:select",{ZGData:s})})),this.sorter.on("sort",(function(t,o){var n={fieldIndex:o.index};o.index&&(n.order=-1===o.order?"desc":"asc"),e.emitEvent("grid:sort",{ZGData:n})}),this),this.on("search",(function(t,o){var n={searchTerm:o.searchTerm,searchResults:o.searchResults,searchCount:o.searchCount};e.emitEvent("grid:search",{ZGData:n})})),this.on("filter",(function(t,o){var n={fieldIndex:o.sFieldIndex,filterIndex:o.sFilterIndex,filterValue:o.sValue};e.emitEvent("column:filter",{ZGData:n})})),this.on("columnmove",(function(t,o){var n=e.aColumnMapping[o.newIndex],r={fieldIndex:n.sFieldIndex,oldIndex:o.oldIndex,newIndex:o.newIndex,frozen:n.sFrozen};e.emitEvent("column:move",{ZGData:r})})),this.on("columntoggle",(function(t,o){var n=o.oColumnMapping,r={fieldIndex:n.sFieldIndex,hidden:n.bHidden};e.emitEvent("column:togglevisibility",{ZGData:r})})),this.on("contextmenuopen",(function(){return e.emitEvent("grid:contextmenuopen")})),this.on("contextmenuclose",(function(){return e.emitEvent("grid:contextmenuclose")})),this.hookCellEvents(),this.selector.on(s.Z.event.selectedCells,(function(){var t=e.selector.se,o=t.rawData(),n=t.nStartRowIndex,r=t.nEndRowIndex,i=t.nStartColumnIndex,a=t.nEndColumnIndex,s=t.doms();-1===n&&(n=r=t.nRowContainerIndex,i=a=t.nColumnIndex);var l={selectedData:o,columnStart:i,rowStart:n,columnEnd:a,rowEnd:r,DOMCell:t.dom(),DOMCells:s};e.emitEvent("grid:select",{ZGData:l})})),this.selector.on(s.Z.event.deselectedCells,(function(){e.emitEvent("grid:deselect")})),this.selector.on(s.Z.event.selectedAllCells,(function(){e.emitEvent("grid:selectall")})),this.hookClipperEvents(),this.store.on("removerecord",(function(t,o){var n={rowIndex:e.store.oLocalModel[o.sRecordIndex].nRowIndex,recordIndex:o.sRecordIndex,batchEdit:e.batchEditor.isActive(),data:e.store.cleanSingleRecord(e.store.get(o.sRecordIndex).oRecordRawData)};return e.emitEvent("data:record:beforedelete",{ZGData:n},!0)}),void 0,void 0,!0),this.store.on("afterremoverecord",(function(t,o){var n={batchEdit:o.options.bBatchEdit,data:e.store.cleanSingleRecord(o.options.oRecordModel.oRecordRawData)};o.options.bBatchCleanup||e.emitEvent("data:record:delete",{ZGData:n})})),this.store.on("updatecell",(function(t,o){var n=e.getDataRowIndexByRecordIndex(o.sRecordIndex,e.store.oLocalModel[o.sRecordIndex].sFrozen),r=e.getColumnIndexByFieldIndex(o.sFieldIndex),i={DOMCell:e.getDOMByIndex(n,r),rowIndex:e.store.oLocalModel[o.sRecordIndex].nRowIndex,fieldIndex:o.sFieldIndex,recordIndex:o.sRecordIndex,newValue:o.payload,oldValue:o.oldValue,batchEdit:e.batchEditor.isActive(),data:e.store.cleanSingleRecord(e.store.get(o.sRecordIndex).oRecordRawData)},a=e.emitEvent("data:cell:beforechange",{ZGData:i},!0);return i.newValue!==o.payload&&(i.data[o.sFieldIndex]=i.newValue,o.payload=i.newValue),e.store.processChangedData(i.data,o.oRecordRawData,o.sRecordIndex),a}),void 0,void 0,!0),this.on("afterupdatecellrender",(function(t,o){var n=e.getDataRowIndexByRecordIndex(o.sRecordIndex,e.store.oLocalModel[o.sRecordIndex].sFrozen),r=e.getColumnIndexByFieldIndex(o.sFieldIndex),i={DOMCell:e.getDOMByIndex(n,r),rowIndex:e.store.oLocalModel[o.sRecordIndex].nRowIndex,fieldIndex:o.sFieldIndex,recordIndex:o.sRecordIndex,newValue:e.store.get(o.sRecordIndex,o.sFieldIndex),oldValue:o.oldValue,data:e.store.cleanSingleRecord(e.store.get(o.sRecordIndex).oRecordRawData)};e.emitEvent("data:cell:change",{ZGData:i})})),this.store.on("updaterecord",(function(t,o){var n={rowIndex:e.store.oLocalModel[o.sRecordIndex].nRowIndex,recordIndex:o.sRecordIndex,changedField:o.aChangedFieldIndex,oldData:o.oOldData,batchEdit:e.batchEditor.isActive(),data:e.store.cleanSingleRecord(o.oRecordRawData)},r=e.emitEvent("data:record:beforechange",{ZGData:n},!0);return e.store.processChangedData(n.data,o.oRecordRawData,o.sRecordIndex),r}),void 0,void 0,!0),this.store.on("afterupdaterecord",(function(t,o){o=o.options;var n={rowIndex:e.store.oLocalModel[o.sRecordIndex].nRowIndex,recordIndex:o.sRecordIndex,changedField:o.aChangedFieldIndex,oldData:o.oOldData,batchEdit:o.bBatchEdit||!1,data:e.store.cleanSingleRecord(o.oRecordRawData)};e.emitEvent("data:record:change",{ZGData:n})})),this.on("openinsert",(function(t,o){var n={inputContainer:o.inputContainer,editorFields:o.editorFields,batchEdit:e.batchEditor.isActive()};e.emitEvent("data:record:openinsert",{ZGData:n,ZGTarget:o.dialog})})),this.store.on("insertrecord",(function(t,o){var n={rowIndex:"start"===o.sRecordLocation?0:"end"===o.sRecordLocation?e.aRowMapping.length:o.sRecordLocation,batchEdit:e.batchEditor.isActive(),data:e.store.cleanSingleRecord(o.oRecordRawData)},r=e.emitEvent("data:record:beforeinsert",{ZGData:n},!0);return e.store.processChangedData(n.data,o.oRecordRawData,o.sRecordIndex),r}),void 0,void 0,!0),this.store.on("afterinsertrecord",(function(t,o){var n={rowIndex:o.nRowIndex,batchEdit:o.bBatchEdit,data:e.store.cleanSingleRecord(o.oLocalModel.model.oRecordRawData)};e.emitEvent("data:record:insert",{ZGData:n})}))}},{key:"associateColumns",value:function(e,t){if(!this.bUpdateColGroup||t){if(this.selector&&this.selector.deSelectAll(),this.bUpdatingColumns=!0,this.aColumnMapping.length){if(!this.store.isIncrementalLoad()){var o=this.aColumnMapping,n=this.store.getFieldStructure(),r=!1;if(!this.store.bLightReload){this.bIsUpdatingType=!0;for(var i=0,a=o.length;i<a;i++){var l=o[i],d=l.oDOMZGColumn,c=l.sFieldIndex;if(d.hasAttribute("group")&&c)this.bGroupBy=!0,-1===this.aGroupBy.indexOf(c)&&(this.aGroupBy.push(c),r=!0);else if(!l.bIsTypeUserProvided){c=c.split(",")[0];var u=n?n[c]:"text",h="text";"number"===u&&"year"!==c.toLowerCase()&&(h=u),d[s.Z.attr.type]=h,l.bIsTypeUserProvided=!1}}this.bIsUpdatingType=!1,this.bGroupBy&&this._updateGroupedColumn(r)}}}else this.updateDefaultColumnMapping();var f=this.webcomponent;if(!this.store.bLightReload){if(this.store.aOrderedData.length&&(f.editorControls||f.rowSelector||f.recordKey||f.recordDuplicate||f.aggregate)){var p={editorControls:f.editorControls,rowSelector:f.rowSelector,recordKey:f.recordKey,recordDuplicate:f.recordDuplicate,aggregate:f.aggregate};this._addColumnControls(p)}else this.bHasEditColumn?this.mainColumnBody.oBody.setAttribute(s.Z.attr.editorcontrols,""):this.mainColumnBody.oBody.removeAttribute(s.Z.attr.editorcontrols);this.setupCardHeader()}if(!this.bGroupBy&&(!this.aRowMapping.length||this.store.isIncrementalLoad())){if(this.store.oDataFormat.bLoadByScroll){var g=this.store,m=this.getPageSize()*this.nInfiniteTotalDisplay,b=this.aRowMapping.length+g.getUnseenRecordIndex().length;m<b&&(this.nAdjustedStart=b-m)}this.updateDefaultRowMapping()}if(!this.savedScrollVal&&this.oDOMMainScroll.scrollLeft&&(this.savedScrollVal=this.oDOMMainScroll.scrollLeft),this.store.bLightReload&&(this.nCurrPageIdx=this.store.nSavePageIdx||0),this.bHasSearchEnabled&&this.search&&this.search.oDOMInput.value&&!this.store.isIncrementalLoad()?this.update(null,void 0,void 0,!0,!0):this.update(null,void 0,void 0,!1,!0),this.oDOMSortedColumn&&!this.store.isServerSort()){var v=this.oDOMSortedColumn;v._oParsedColumnMapping.oDOMSortHeader.onSort(null,null,v._oParsedColumnMapping.sSortDir)}var y=this.bPreloaded||this.bHydrating?"hydrate":"refresh";this.bHydrating=this.bPreloaded=!1,this.bUpdatingColumns=!1,this.fire("afterloaded"),this.bAPIReady?(this.fire(y),this.savedScrollVal=null):(this.bAPIReady=!0,this.fire("apiready"))}}},{key:"onContextMenu",value:function(e,t){this.sContextMenuId!==s.Z.zgMenu.browser&&(e.preventDefault(),this.bHasContextMenuEnabled&&this.menuManager.openContextMenu(e,t))}},{key:"emitEvent",value:function(e,t,o){var n={detail:t=t||{}},r=null;o&&(n.cancelable=!0);var i=new CustomEvent(e,n);return this.bDisconnect||(r=this.webcomponent.dispatchEvent(i)),r}},{key:"detectGridEvent",value:function(e){var t,o,r,i,a,l,d,c,u,h,f,p,g,m=e.type,b=n.MV(e.oDOMTarget,s.Z.zgCell.tagName),v=!b&&n.MV(e.oDOMTarget,s.Z.zgHeadCell.tagName),y=n.MV(e.oDOMTarget,s.Z.zgCard.tagName);if("contextmenu"===m&&(m="rightclick"),b){if(t="cell:".concat(m),o=b,void 0===(c=(a=b.parentNode).dataRowIndex))return;if(void 0===(d=this.getRecordIndexByDataRowContainerIndex(c)))return;u=this.getBodyRowIndex(c),l=b.getAttribute("data-field-index"),(p=this.getColumnByFieldIndex(l))&&(f=p.sCellType);var w=this.getColumnIndexByFieldIndex(l),z=this.getDOMByIndex(c,w);g=this.getGroupIndexByDataRowContainerIndex(c),i={DOMCell:z,type:f,fieldIndex:l,rowIndex:c,bodyRowIndex:u,recordIndex:d,columnIndex:w,value:this.store.get(d,l,g)},this.emitEvent(t,{ZGTarget:o,ZGData:i,ZGEvent:e})}var C=!1;if(a&&!y&&a.getAttribute(s.Z.zgLayout.attr)===s.Z.zgLayout.typeCard&&(y=a),y){if(t="card:"+m,o=y,a||(a=y.parentNode),c=this.getRowIndexByDataRowContainerIndex(a.dataRowIndex),d||(d=this.getRecordIndexByDataRowContainerIndex(c)),u||(u=this.getBodyRowIndex(c)),void 0===c||!this.aRowMapping[c]||void 0===d)return;r={},h=this.store.oLocalModel[d].model.get(),i&&(r.cell=i),r.bodyRowIndex=u,r.rowIndex=c,r.recordIndex=d,r.data=h;var S={ZGTarget:o,ZGData:r,ZGEvent:e};this.simulateMouseEvents(m,d,"Row",t,S)&&(this.emitEvent(t,S),C=!0)}else if(a){t="row:"+m,o=a,r={},void 0!==d&&(g||(h=this.store.cleanSingleRecord(this.store.oLocalModel[d].model.get()),r.data=h),i&&(r.cell=i),r.rowIndex=c,r.bodyRowIndex=u,r.recordIndex=d);var k={ZGTarget:o,ZGData:r,ZGEvent:e};this.simulateMouseEvents(m,d,"Row",t,k)&&(C=!0,this.emitEvent(t,k))}if(C&&(a||y)){t="record:"+m,o=y||a;var x={rowIndex:c,bodyRowIndex:u,recordIndex:d,data:h};i&&(x.cell=i);var O={ZGTarget:o,ZGData:x,ZGEvent:e};x.layout=y?"card":"row",this.emitEvent(t,O)}if(v){t="header:"+m,o=v;var _=v.getAttribute("cellindex"),R=this.aColumnMapping[_];r={cellIndex:_,fieldIndex:l=R.sFieldIndex,text:R.sColumnHeaderText},this.emitEvent(t,{ZGTarget:o,ZGData:r,ZGEvent:e})}if(v||b){t="column:"+m;var E={ZGTarget:o=v||b,ZGData:r={fieldIndex:l},ZGEvent:e};this.simulateMouseEvents(m,l,"Column",t,E)&&this.emitEvent(t,E)}}},{key:"simulateMouseEvents",value:function(e,t,o,n,r){var i=this;if("mouseover"===e){if(this.aCurrentOver[o]===t)return this.aMouseOut[o]=t,!1;this.aCurrentOver[o]=t}else if("mouseout"===e){this.aMouseOut[o]="";var a=setTimeout((function(){if(i.aMouseOutTimeouts){var e=i.aMouseOutTimeouts.indexOf(a);if(e>=0&&i.aMouseOutTimeouts.splice(e,1),i.aMouseOut[o]===t)return!1;i.aCurrentOver[o]===t&&(i.aCurrentOver[o]=""),i.emitEvent(n,r),"card:mouseout"!==n&&"row:mouseout"!==n||(r.ZGData.layout="card:mouseout"===n?"card":"row",i.emitEvent("record:mouseout",r))}}));return this.aMouseOutTimeouts.push(a),!1}return!0}},{key:"setupCardHeader",value:function(){this.bHasEditColumn||this.bHasInfoColumn||this.bHasSelectorColumn||this.bHasRemoveColumn||this.bHasRowNumberColumn?this.mainColumnBody.oBody.setAttribute(s.Z.attr.internalcardheader,""):this.mainColumnBody.oBody.removeAttribute(s.Z.attr.internalcardheader)}},{key:"insertRow",value:function(e,t,o){this.store.insertRecord(e,void 0,t,o)}},{key:"updateRow",value:function(e,t,o,n){this.store.updateRecord(t,e,void 0,o,void 0,n)}},{key:"updateCell",value:function(e,t,o,n){this.store.updateCell(e,t,o,n)}},{key:"duplicateRecord",value:function(e){var t=this.store;e=t.getRecordIndex(e);var o=t.oLocalModel[e].sFrozen,n=t.cleanSingleRecord(t.get(e).oRecordRawData),r=t.getRowIndexByRecordIndex(e)+1;t.insertRecord(n,r,void 0,void 0,o)}},{key:"removeRow",value:function(e,t,o,n){var r=this,i=this.store;if(this.recordEditor.isRecordEditorOpen()&&this.recordEditor.cancelOpenEdit(),this.editorFieldManager.oActiveEditorField&&this.editorFieldManager.closeFieldEditor(!0),!this.getConfirmation(s.Z.confirmations.delete)||t||this.batchEditor.isActive())l();else{if(this.selector.bHasSelection){var a=this.selector.se;this.deleteSE.cell(a.nStartRowIndex,a.nStartColumnIndex)}else this.deleteSE.end();this.fire("rowdelete"),this.ZG.oDOMDialog.setDialog("record-delete"),this.ZG.oDOMDialog.on("dialogConfirm",l,this),this.ZG.oDOMDialog.on("dialogCancel",(function(){return r.deleteSE.select(r.selector.bHasSelection)}),this)}function l(){i.removeRecord(e,void 0,o,n)}}},{key:"removeSelectedRows",value:function(e){var t=this,o=Object.keys(this.aSelectedRows);if(0!==o.length){var n,r,i=C({msg:h.default.get("dialog.removeXSelectedRows.label",this),vars:[o.length],plurals:[{value:"s",condition:o.length>1}]}),a=C({msg:h.default.get("dialog.removeXSelectedRows.successMsg",this),vars:[o.length],plurals:[{value:"s",condition:o.length>1}]}),l={confirm:{text:h.default.get("dialog.delete",this)},label:i,type:"selected-rows-delete",body:'\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="removerecord" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <p>'.concat(h.default.get("dialog.removeXSelectedRows.body",this),"</p>\n        </div>\n      ")};this.ZG.dialogArr.filter((function(e,t){return(n=e.type===l.type)&&(r=t),n})).length?this.ZG.dialogArr[r]=l:this.ZG.dialogArr.push(l);var d=function(){for(var n=0;n<o.length;n++)t.removeRow(o[n],!0,a);t.batchEditor.isActive()&&(t.aSelectedRows=[],t.updateCaption()),e&&requestAnimationFrame((function(){return t.focusManager.changeFocus(0,-1)}))};this.getConfirmation(s.Z.confirmations.delete)&&!this.batchEditor.isActive()?(this.ZG.oDOMDialog.setDialog(l.type),this.ZG.oDOMDialog.on("dialogConfirm",d),this.ZG.oDOMDialog.on("dialogCancel",(function(){e&&e.focus()}),this)):d()}}},{key:"getConfirmation",value:function(e){var t=(this.ZG.confirmations||s.Z.confirmations.all).split(",").map((function(e){return e.toLowerCase().trim()}));return!(e===s.Z.confirmations.delete&&!1===this.bConfirmDelete||-1===t.indexOf("all")&&-1===t.indexOf(e))}},{key:"resetColumns",value:function(){this.aColumnMapping.length=0,this.nHeaderDepth=0,this.updater.clearCache()}},{key:"updateDefaultColumnMapping",value:function(){var e=this.store,t=e.getLeafFieldIndex(),o=e.getFieldStructure(),n=0;if(this.aColumnMapping=[],t.length){var r=t.length;if(this.bGroupBy){this.aColumnMapping.length=r+1;var i=this._createZGColumn({type:s.Z.internalColumn.rowgroup,index:this.aGroupBy.join(",")},void 0,n);this.aColumnMapping[n]=i._oParsedColumnMapping,n++}else this.aColumnMapping.length=r;for(var a=0,l=t.length;a<l;a++)if("sRecordIndex"!==t[a]&&"sRESTIndex"!==t[a]&&"nOriginalIndex"!==t[a]){var d=o?o[t[a]]:"text",c="text";"number"===d&&"year"!==t[a].toLowerCase()&&(c=d);var u=this._createZGColumn({type:c,index:t[a]},void 0,n);this.bGroupBy&&-1!==this.aGroupBy.indexOf(t[a])&&(this.bUpdatingHidden=!0,u.setAttribute("hidden",""),this.bUpdatingHidden=!1),this.aColumnMapping[n]=u._oParsedColumnMapping,n++}this.bIsMappingUserProvided=!1}}},{key:"_updateGroupedColumnReset",value:function(e,t,o,n){!o&&t&&(o=this.groupbyManager.unsetGroup());var r=this.aRowMapping.length;this._updateGroupedColumn(e,o,t,n),this.bUpdateGroupBy||(this.setupCardHeader(),this.updater.clearCache(),this.update(),this.aRowMapping.length!==r&&this.groupbyManager.clearPaging())}},{key:"_updateGroupedColumn",value:function(e){var t=this,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=arguments.length>2?arguments[2]:void 0,r=arguments.length>3?arguments[3]:void 0,i=this.aGroupBy,a=this.aColumnMapping;if(this.bEditingControls=!0,this.aColumnMapping=this.aColumnMapping.filter((function(e){var a=e.oDOMZGColumn;if(e.sCellType!==s.Z.internalColumn.rowgroup)-1!==i.indexOf(a.index)?a.setAttribute("hidden",""):-1!==o.indexOf(a.index)&&a.removeAttribute("hidden");else if(n&&!r)return t.bHasRowGroupColumn=!1,a.remove(),!1;return!0})),!n&&!r)if(this.bHasRowGroupColumn){for(var l=0,d=a.length;l<d;l++)if(a[l].sCellType===s.Z.internalColumn.rowgroup){a[l].oDOMZGColumn.index=i.join(",");break}}else{var c=this.getColgroupByColumnIndex(0),u=this._createZGColumn({type:s.Z.internalColumn.rowgroup,index:this.aGroupBy.join(",")},c.firstChild);this.aColumnMapping.unshift(u._oParsedColumnMapping),this.hasFrozenColumns()&&this._adjustFrozenColumns()}this.bEditingControls=!1,e&&(this.groupbyManager.clean(),this.aRowMapping.length=0,n?this.store.resetRowMapping():this.groupbyManager.groupBy(this.aGroupBy))}},{key:"_updateHiddenColumn",value:function(e,t,o){t.sCellType===s.Z.internalColumn.rowgroup?(e||(this.aGroupBy=t.sFieldIndex.split(",").map((function(e){return e.trim()})),this.bHasRowGroupColumn=!0),this._updateGroupedColumnReset(!0,e,void 0,!0)):(o&&(this.bColumnClick=!0),this.updater.update({bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bHiddenColumns:!0,bFixedColumns:!0,bUpdateColumnHeaderContent:!0,bUpdateBodyContent:!0,bUpdateColumnFooterContent:!0}),o&&(this.bColumnClick=!1))}},{key:"_addColumnControls",value:function(e){var t=e.editorControls,o=e.rowSelector,n=e.recordKey,r=e.recordDuplicate,i=e.aggregate,a=this.aColumnMapping.length;this.bEditingControls=!0;var l=[],d=this.nLeftFrozenColumns,c=this.nRightFrozenColumns;(d||c)&&(this.nLeftFrozenColumns=0,this.nRightFrozenColumns=0,this._adjustFrozenColumns()),this.aColumnMapping=this.aColumnMapping.filter((function(e){var t=e.oDOMZGColumn;return t.index!==s.Z.internalColumn.recordkey&&t.type!==s.Z.cellTypes.aggregate&&-1===s.Z.internalColumnTypes.indexOf(t.type)||!t.controlDefined?-1===s.Z.internalColumnTypes.indexOf(t.type)&&t.index!==s.Z.internalColumn.recordkey||(t.index===s.Z.internalColumn.recordkey?l.push(s.Z.internalColumn.recordkey):l.push(t.type),!0):(t.parentNode.removeChild(t),!1)})),this.aColumnMapping.length===a&&0!==this.getColumnId()||this.setColumnId(this.aColumnMapping.length);var u=[];if(t&&(u="all"===t?[s.Z.editorControls.editor,s.Z.editorControls.remover,s.Z.editorControls.creator]:t.split(/[ ,]+/)),n&&!l.includes(s.Z.internalColumn.recordkey)){n===s.Z.internalColumn.recordkey&&(n=h.default.get("columntypes.key",this));var f=this._createZGColumn({index:s.Z.internalColumn.recordkey,controlDefined:!0,header:n},this.mainColumnHeader.oColGroup.firstChild);this.aColumnMapping.unshift(f._oParsedColumnMapping)}if(o&&!l.includes(s.Z.internalColumn.recordselector)){var p=this._createZGColumn({type:"selector",controlDefined:!0},this.mainColumnHeader.oColGroup.firstChild);this.aColumnMapping.unshift(p._oParsedColumnMapping)}if(i){var g=i.trim(),m=this._createZGColumn({type:"aggregate",controlDefined:!0,typeAggregateValue:g});this.aColumnMapping.push(m._oParsedColumnMapping)}if(r&&!l.includes(s.Z.internalColumn.recordduplicate)){var b=this._createZGColumn({type:"duplicate",controlDefined:!0});this.aColumnMapping.push(b._oParsedColumnMapping)}if(u.includes(s.Z.editorControls.editor)&&!l.includes(s.Z.internalColumn.recordeditor)){var v=this._createZGColumn({type:s.Z.editorControls.editor,controlDefined:!0});this.aColumnMapping.push(v._oParsedColumnMapping)}if(u.includes(s.Z.editorControls.remover)&&!l.includes(s.Z.internalColumn.recordeditor)){var y=this._createZGColumn({type:s.Z.editorControls.remover,controlDefined:!0});this.aColumnMapping.push(y._oParsedColumnMapping)}this.nLeftFrozenColumns=d,this.nRightFrozenColumns=c,this._adjustFrozenColumns(),u.includes(s.Z.editorControls.creator)?this.webcomponent._setCreateControls(!0):this.webcomponent._setCreateControls(!1),t&&this.mainColumnBody.oBody?this.mainColumnBody.oBody.setAttribute(s.Z.attr.editorcontrols,t):this.mainColumnBody.oBody.removeAttribute(s.Z.attr.editorcontrols),this.bEditingControls=!1}},{key:"_createZGColumn",value:function(e,t,o){var n=document.createElement("zg-column");for(var r in e)e.hasOwnProperty(r)&&("index"===r&&""===e[r]&&(e[r]=" "),n[r]=e[r]);var i=null;return i=t?t.parentNode:void 0!==o?this.getColgroupByColumnIndex(o):this.mainColumnHeader.oColGroup,n.widget=this,t?i.insertBefore(n,t):i.appendChild(n),n}},{key:"_adjustFrozenColumns",value:function(e){var t=this.webcomponent;this.bUpdatingFrozen=!0;var o=t.oDOMColgroup,n=t.oDOMLeftColgroup,r=t.oDOMRightColgroup;if(e||t.bReady){var i=n.querySelectorAll("zg-column"),a=o.firstChild;i.length&&i.forEach((function(t){e||t.removeAttribute("frozen"),o.insertBefore(t,a)}));var s=r.querySelectorAll("zg-column");s.length&&s.forEach((function(t){e||t.removeAttribute("frozen"),o.appendChild(t)}));for(var l=this.aColumnMapping.length?this.aColumnMapping:null,d=l?l.length:o.querySelectorAll("zg-column").length,c=0;c<this.nLeftFrozenColumns&&c<d;c++){var u=l?l[c].oDOMZGColumn:o.querySelector("zg-column");n.appendChild(u),e&&u.getAttribute("frozen")||u.setAttribute("frozen","left")}for(var h=d-this.nLeftFrozenColumns,f=this.getAllColumns(),p=0;p<this.nRightFrozenColumns&&p<h;p++){var g=d-this.nRightFrozenColumns+p,m=l?l[g].oDOMZGColumn:f[g];r.appendChild(m),e&&m.getAttribute("frozen")||m.setAttribute("frozen","right")}if(l)for(var b=0;b<d;b++)l[b].oDOMZGColumn.style.width="";this.bUpdatingFrozen=!1,this.updateFrozenColumnAttributes(this.nLeftFrozenColumns,"Left"),this.updateFrozenColumnAttributes(this.nRightFrozenColumns,"Right")}}},{key:"_adjustFrozenColumnsFromAttribute",value:function(){var e,t,o=this.webcomponent,n=this.aColumnMapping,r=n.length,i=[],a=[];if(this.bUpdatingFrozen)return null;for(var l=0;l<r;l++)a.push(this.getAreaByColumnIndex(l));for(var d=0;d<r;d++){var c=n[d],u=c.sFrozen,h=a[d],f=c.oDOMZGColumn,p={};u&&u!==h&&("right"===u?(e=o.oDOMRightColgroup,t="nRightFrozenColumns","left"===h&&this.nLeftFrozenColumns--,p.column=c,p.newIndex=r-1):(e=o.oDOMLeftColgroup,t="nLeftFrozenColumns","right"===h&&this.nRightFrozenColumns--,p.column=c,p.newIndex=this.nLeftFrozenColumns),i.push(p),this.bUpdatingFrozen=!0,this.parentNode!==e&&(this[t]++,e.appendChild(f)),o.removeAttribute(s.Z.frozenColumns.rightAttr),o.removeAttribute(s.Z.frozenColumns.leftAttr),this.bUpdatingFrozen=!1)}for(var g=0;g<i.length;g++){var m=i[g].column,b=this.getZGColumnIndex(m),v=i[g].newIndex;n.splice(b,1),n.splice(v,0,m)}this.updateFrozenColumnAttributes(this.nLeftFrozenColumns,"Left"),this.updateFrozenColumnAttributes(this.nRightFrozenColumns,"Right")}},{key:"moveColumn",value:function(e,t,o,n,r){var i=this.webcomponent,a=this.getBodyByColumnIndex(t,!0),l=a.oBody;n=n||this.getBodyByColumnIndex(e),void 0===r&&(r=this.getAdjustedColumnIndex(e));var d=i.oDOMLeftColgroup,c=i.oDOMRightColgroup,u=this.nLeftFrozenColumns,h=this.nRightFrozenColumns,f=l.children.length,p=n.children.length,g=this.aColumnMapping;if(!(e>=g.length)){var m=g.splice(e,1)[0];g.splice(t,0,m);var b,v=this.getColgroupByColumnIndex(t),y=m.oDOMZGColumn.parentNode;if((t===g.length-1||(b=g[t+1].oDOMZGColumn).parentNode!==v)&&(b=null),this.bUpdatingFrozen=!0,t>e?v.insertBefore(m.oDOMZGColumn,b||null):v.insertBefore(m.oDOMZGColumn,b),i.removeAttribute(s.Z.frozenColumns.rightAttr),i.removeAttribute(s.Z.frozenColumns.leftAttr),m.oDOMZGColumn.removeAttribute("frozen"),this.bUpdatingFrozen=!1,this.bReordering=!0,this.oZGHeadCellMap={},this.oZGFootCellMap={},!this.savedScrollVal&&this.oDOMMainScroll.scrollLeft&&(this.savedScrollVal=this.oDOMMainScroll.scrollLeft),this.updater.removeAllHeaderRows(),this.updater.removeAllFooterRows(),v!==y){if(o||(v===d?u++:v===c&&h++,y===d?u--:y===c&&h--,this.nLeftFrozenColumns=u,this.nRightFrozenColumns=h),f<p){var w=p-f;a.insertRowsPerFrame(w)}n.childNodes.forEach((function(e,t){e.childNodes.forEach((function(e,o){r===o&&l.childNodes[t].appendChild(e)}))})),this._adjustFrozenColumns()}if(this.update({bUpdateColumnBodyContainerClass:!0,bUpdateBodyContent:!0,bUpdateColumnHeaderContent:!0,bUpdateColumnFooterAssignment:!0,bUpdateColumnFooter:!0,bUpdateHiddenContainer:!0,bUpdateContainer:!0}),this.oDOMSortedColumn){var z=this.oDOMSortedColumn;z._oParsedColumnMapping.oDOMSortHeader.onSort(null,null,z._oParsedColumnMapping.sSortDir)}this.bReordering=!1,this.fire("columnmove",{oldIndex:e,newIndex:t,bFrozenUpdated:o})}}},{key:"updateBatchEditStyleAttributes",value:function(e){var t=this.webcomponent;if(e){var o=t.oDOMHead,n=this.getDOMByIndex(0,0),r=window.getComputedStyle(n),i=window.getComputedStyle(n.parentNode),a=window.getComputedStyle(t),l=o.getBoundingClientRect().top,d=parseInt(i.borderTopWidth,10),c=parseInt(r.borderLeftWidth,10)+parseInt(i.borderLeftWidth,10)+parseInt(a.borderLeftWidth,10),u=n.getBoundingClientRect().top-(l+d),h=this.getFooterContainer().querySelector('zg-row[type="aggregate"]'),f=0;h&&(f=h.getBoundingClientRect().height),t.oDOMBatchEditStyle.style.top="".concat(u,"px"),t.oDOMBatchEditStyle.style.left=c?"-".concat(c,"px"):0;var p=u+f;t.oDOMBatchEditStyle.style.height="calc(100% - ".concat(p,"px)"),t.oDOMBatchEditStyle.removeAttribute(s.Z.attr.hidden)}else t.oDOMBatchEditStyle.setAttribute(s.Z.attr.hidden,"")}},{key:"updateFrozenColumnAttributes",value:function(e,t){var o=this.webcomponent,n=this.bUpdatingFrozen,r=t.toLowerCase();this.bUpdatingFrozen=!0,e?(o["oDOMFrozen".concat(t)].removeAttribute(s.Z.frozenColumns.noContent),o["oDOMFrozen".concat(t,"HeadFrame")].removeAttribute(s.Z.frozenColumns.noContent),o["oDOMFrozen".concat(t,"FootFrame")].removeAttribute(s.Z.frozenColumns.noContent),o["oDOMFrozen".concat(t,"Style")].removeAttribute(s.Z.attr.hidden),o.setAttribute(s.Z.frozenColumns["".concat(r,"Attr")],this["n".concat(t,"FrozenColumns")])):(o["oDOMFrozen".concat(t)].setAttribute(s.Z.frozenColumns.noContent,""),o["oDOMFrozen".concat(t,"HeadFrame")].setAttribute(s.Z.frozenColumns.noContent,""),o["oDOMFrozen".concat(t,"FootFrame")].setAttribute(s.Z.frozenColumns.noContent,""),o["oDOMFrozen".concat(t,"Style")].setAttribute(s.Z.attr.hidden,""),o.removeAttribute(s.Z.frozenColumns["".concat(r,"Attr")])),this.bUpdatingFrozen=n}},{key:"updateDefaultRowMapping",value:function(e,t){var o,r=this.store,i=this.aRowMapping,a=(this.aGroupMapping,0),s=r.getUnseenRecordIndex(),l=s.length;if(l){var d=this.getRowIndexStartOnPage(!0);if(!e){for(;d<i.length&&!n.o8(i[d]);)d++;for(o=d;o<l+d;){if(0===d&&!t&&o<this.nTopFrozenRows)this.updateRowMapping(this.aTopRowMapping,o,{sRecordIndex:s[a]});else if(0===d&&!t&&o>=l-this.nBottomFrozenRows){var c=this.nBottomFrozenRows-(l-o);this.updateRowMapping(this.aBottomRowMapping,c,{sRecordIndex:s[a]})}else{var u=t?o:o-this.nTopFrozenRows;this.updateRowMapping(this.aRowMapping,u,{sRecordIndex:s[a]})}o++,a++}}}}},{key:"updateFrozenRowMapping",value:function(){var e=this.nTopFrozenRows,t=this.nBottomFrozenRows,o=this.aTopRowMapping,n=this.aBottomRowMapping,r=this.aRowMapping;if(e>r.length||t>r.length)this.fullUpdateFrozenRowMapping();else{if(e!==o.length){var i=e-o.length;r.length,i>0?o.push.apply(o,p(r.splice(0,i))):r.unshift.apply(r,p(o.splice(i)))}if(t!==n.length){var a=n.length-t;r.length,a<0?n.unshift.apply(n,p(r.splice(a))):r.push.apply(r,p(n.splice(0,a)))}}this.store.refreshAllRecordMapping()}},{key:"fullUpdateFrozenRowMapping",value:function(){var e=this.aTopRowMapping,t=this.aBottomRowMapping,o=this.aRowMapping;o.unshift.apply(o,p(e.splice(0))),o.push.apply(o,p(t.splice(0)));var n=Math.min(this.nTopFrozenRows,o.length);e.push.apply(e,p(o.splice(0,n)));var r=-1*Math.min(this.nBottomFrozenRows,o.length);r<0&&t.unshift.apply(t,p(o.splice(r)))}},{key:"updateRowMapping",value:function(e,t,o){var n=this.store,r=o.sRecordIndex;e[t]=e[t]||{},e[t].sRecordIndex=r,e[t].sGroupRecordIndex=o.sGroupRecordIndex,e[t].nCount=o.nCount,e[t].nDataRowsBefore=o.nDataRowsBefore,o.sGroupRecordIndex||n.updateRecordMapping(e,r,t)}},{key:"initDir",value:function(){this.sComputedDir=getComputedStyle(this.webcomponent).direction}},{key:"initStore",value:function(){this.store=new a.Z({widget:this})}},{key:"update",value:function(e,t,o,n,r){this.store.bHasLoaded&&this.bHasAttachedToDOM&&this.webcomponent.bReady&&(e=e||{bUpdateColumnWidth:!0,bUpdateColumnWidthCache:!0,bUpdateBodyContent:!0,bUpdateColumnBodyContainerClass:!0,bUpdateColumnHeaderAssignment:!0,bUpdateContainer:!0,bUpdateRowMappingOrder:!0,bUpdateColumnFooter:!0,bUpdateColumnFooterAssignment:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},n&&(e.bUpdateRowMappingFilter=!0),r&&(e.bInitialSizeCheck=!0),this.webcomponent.oDOMNodata&&this.webcomponent.oDOMNodata.clearInfo(),this.updater.update(e,t,o),this.fire(s.Z.event.updated))}},{key:"bodyUpdateWithScroll",value:function(e,t,o){var n=this.webcomponent;this.bGroupBy&&!this.bGrouping&&this.groupbyManager.updatePagerGroupByMapping(e,t,o),n.oDOMVScroller&&n.oDOMVScroller.scrollLeft&&this.updateHeadFootScroll(!0),this.oDOMScroller&&(this.oDOMScroller.scrollTop=0),this.savedScrollVal=this.oDOMMainScroll.scrollLeft,this.nRowSets=1,this.bodyUpdate()}},{key:"updateHeadFootScroll",value:function(e){var t=this.webcomponent,o=this.mainGridHScroll,n="-".concat(o.getScroll().left),r=t.oDOMCellOverflow,i=t.oDOMHead,a=t.oDOMFoot;i.style.transform=e?"":"translateX(".concat(n,"px)"),a.style.transform=e?"":"translateX(".concat(n,"px)"),r&&r.isOpen()&&r.setPosition(r.currentTrigger,!0)}},{key:"bodyUpdate",value:function(e,t){var o={bUpdateColumnWidth:!0,bUpdateColumnWidthCache:!0,bUpdateColumnBodyContainerClass:!0,bUpdateContainer:!0,bUpdateBodyContent:!0};e&&(o.bUpdateRowMappingFilter=!0,o.bUpdateColumnWidth=!1,o.bUpdateColumnWidthCache=!1,o.bUpdateColumnFooterContent=!0,o.bUpdateColumnHeaderContent=!0),this.store.oDataFormat.bServerFilter&&e||!0===this.store.oDataFormat.bLoadByPages&&(!e||t)?(e&&!this.store.oDataFormat.bServerFilter?(this.dumpMapping(),this.nCurrPageIdx=this.nAdjustedStart=0,this.store.dumpModel()):(e||t)&&(this.nCurrPageIdx=this.nAdjustedStart=0),this.store.load()):(e&&this.aRowMapping.length===this.store.aOrderedData.length-this.getFrozenRowCount()&&(this.nStoredPageIndex=this.getCurrPageIdx(),this.setCurrPageIdx(0)),this.webcomponent.oDOMNodata&&(this.savedScrollValFilter=this.oDOMMainScroll.scrollLeft,this.webcomponent.oDOMNodata.clearInfo()),this.updater.update(o),e&&-1!==this.nStoredPageIndex&&this.aRowMapping.length===this.store.aOrderedData.length-this.getFrozenRowCount()&&(this.setCurrPageIdx(this.nStoredPageIndex),this.nStoredPageIndex=-1),this.fire(s.Z.event.updated),this.savedScrollValFilter=0,this.savedScrollVal&&e&&(this.oDOMMainScroll.scrollLeft=this.savedScrollVal,this.updateHeadFootScroll(),this.savedScrollVal=0))}},{key:"updateCaption",value:function(){if(this.webcomponent.oDOMCaption){var e,t=this.webcomponent,o=this.webcomponent.oDOMCaption,n=this.webcomponent.oDOMCaption.oDOMRemove,r=Object.keys(this.aSelectedRows).length;n&&(r?(this.messageCaption||(this.captionData=o._oShadowRoot.querySelector("slot").assignedNodes(),this.captionData.forEach((function(e){return o.removeChild(e)})),this.messageCaption=document.createElement("div"),this.messageCaption.slot="message",o.appendChild(this.messageCaption)),e=C({msg:h.default.get("tools.selected",this),vars:[r],plurals:[{value:"s",condition:r>1}]}),(t.editor||t.editorControls||this.bHasRemoveColumn)&&n.removeAttribute(s.Z.attr.hidden),this.messageCaption.innerHTML=e):(this.messageCaption&&(this.captionData.forEach((function(e){return o.appendChild(e)})),this.changedCaption&&(this.webcomponent._setCaption(this.changedCaption),this.changedCaption=null),this.messageCaption.parentNode&&this.messageCaption.parentNode.removeChild(this.messageCaption),this.messageCaption=null),n.setAttribute(s.Z.attr.hidden,"")))}}},{key:"setStorybook",value:function(){var e=this,t=this.webcomponent;this.on("apiready",(function(){if(e.isStorybook("editor-row")&&t.openRowEditor(0),e.isStorybook("focus")&&t.select(1,1),e.isStorybook("menu")&&(t.select(1,1),t.oDOMCaption.oDOMMenu.click()),e.isStorybook("select")&&t.querySelector("zg-select").toggleList(),e.isStorybook("status")){var o={icon:"checkmark",state:"success",msg:h.default.get("dialog.fieldUpdate.successMsg",e)};e.statusManager.setStatus(o)}}))}},{key:"isStorybook",value:function(e){return this.webcomponent.hasAttribute("storybook-".concat(e))}},{key:"getInfiniteDataLoaded",value:function(){var e=this.nAdjustedStart+this.getPageSize()*this.nInfiniteTotalDisplay;return this.aRowMapping.length>e}},{key:"getRowCount",value:function(){return this.bGroupBy?this.getGroupRowCount():this.aRowMapping.length}},{key:"getGroupRowCount",value:function(e){var t=this.groupbyManager;if(null!==t.groupedVisible)return t.groupedVisible+t.aAddedGroupRecords.length+this.oGroupDummyRows.count;var o=0;return e||(e=this.store.aGroupData,o=t.aAddedGroupRecords.length),e?Object.keys(e).length+o+this.oGroupDummyRows.count:0}},{key:"hasFrozenRows",value:function(){return this.getFrozenRowCount()>0}},{key:"getFrozenRowCount",value:function(){return this.nTopFrozenRows+this.nBottomFrozenRows}},{key:"getRowContainerCount",value:function(e){var t,o=this.getPageSize(),n=this.getCurrPageIdx(),r=this.getRowCount(),i=this.nRowsPerSet*this.nRowSets;if(this.store.oDataFormat.bLoadByScroll)t=Math.min(r,o*this.nInfiniteTotalDisplay);else{var a=r-n*o||r;!e&&i>0&&i<o&&(o=i),t=Math.min(a,o)}return t}},{key:"getColumnContainerCount",value:function(){return this.aColumnMapping.length}},{key:"getAllHeaderDepth",value:function(){return this.getHeaderDepth()+(this.bHasFilterEnabled?1:0)+(this.bHasHeadRow?1:0)+this.nTopFrozenRows}},{key:"getAllFooterDepth",value:function(){}},{key:"getHeaderDepth",value:function(){return this.bHeaderRowHide?0:this.nHeaderDepth||this.store.getFieldDepth()}},{key:"needRemoveBorder",value:function(){return this.bHeaderRowHide&&0===this.getAllHeaderDepth()}},{key:"destroy",value:function(){for(var e,t=this.mainColumnBody,o=this.mainColumnHeader,r=this.mainColumnFooter,a=this.store,s=[this.editorManager,this.focusManager,this.statusManager,this.recordEditor,this.editorFieldManager,this.dialogManager,this.menuManager,this.stateManager,this.aggregateManager],l=[this.mainColumnBody,this.leftColumnBody,this.rightColumnBody,this.mainColumnFooter,this.leftColumnFooter,this.rightColumnFooter,this.mainColumnHeader,this.leftColumnHeader,this.rightColumnHeader],d=0;d<l.length;d++)l[d]&&l[d].destroy();for(var c=0;c<s.length;c++)s[c]&&s[c].destroy();h.default.destroy(this),this.loadmask&&this.loadmask.destroy(),this.updater&&this.updater.destroy(),t&&t.oElClipboard&&t.oElClipboard.destroy(),o&&o.destroy(),r&&r.destroy(),i.Z.get(document).docUnAll(),a&&a.destroy();for(var u=0;u<this.aMouseOutTimeouts.length;u++){var p=this.aMouseOutTimeouts[u];clearTimeout(p)}this.aMouseOutTimeouts.length=0,this.oDOMCaptionMirror=null,this.oCard=null,this.oCardEditTemplate=null,this.oCardTemplate=null,this.oCardBody=null,this.oDOMSortedColumn=null;for(var g=Object.keys(this),m=0;m<g.length;m++){var v=g[m],y=this[v];this.hasOwnProperty(v)&&"object"===f(y)&&y&&(y.length&&n.kJ(y)&&(y.length=0),this[v]=null,delete this[v])}for(var w=arguments.length,C=new Array(w),S=0;S<w;S++)C[S]=arguments[S];(e=b(z(k.prototype),"destroy",this)).call.apply(e,[this].concat(C))}},{key:"isCardLayout",value:function(){return this.getLayout()===s.Z.zgLayout.typeCard}},{key:"isComputedCard",value:function(){return this.getLayout()===s.Z.zgLayout.typeCard||this.layoutManager.sCurrentType===s.Z.zgLayout.typeCard}},{key:"getLayout",value:function(){return this.layoutManager.sCurrentType}},{key:"setCardsPerRow",value:function(e){this.nCardsPerRow=e}},{key:"getCardsPerRow",value:function(){return this.nCardsPerRow}},{key:"getState",value:function(){return{currPageIndex:this.getCurrPageIdx(),pageSize:this.getPageSize(),pageCount:this.getPageCount()}}},{key:"hasCardTemplate",value:function(){var e=this.oCardTemplate||this.oCardBody||!1;return this.oCard&&(e=e||this.oCard.renderer),e}},{key:"hasFrozenColumns",value:function(){return this.hasFrozenLeft()||this.hasFrozenRight()}},{key:"hasFrozenLeft",value:function(){return!!this.nLeftFrozenColumns}},{key:"hasFrozenRight",value:function(){return!!this.nRightFrozenColumns}},{key:"getRightIndex",value:function(){var e=this.aColumnMapping.length,t=this.nLeftFrozenColumns,o=e-this.nRightFrozenColumns;return o<=t-1&&(o=t),o}},{key:"getAdjustedColumnIndex",value:function(e){var t=this.nLeftFrozenColumns,o=this.nRightFrozenColumns,n=this.getRightIndex();return n<=t-1&&(n=t),o&&e>=n?e-=n:t&&e>=t&&(e-=t),e}},{key:"getFirstMainIndex",value:function(){var e=this.aColumnMapping.length,t=this.nLeftFrozenColumns,o=this.nRightFrozenColumns;if(e-o-t<=0)return null;for(var n=e-o-1,r=t;r<n;r++)if(!this.aColumnMapping[r].bHidden)return r;return null}},{key:"getColumnBodyRange",value:function(e){var t,o,n=this.mainColumnBody,r=this.leftColumnBody,i=this.rightColumnBody,a=this.aColumnMapping.length,s=this.nLeftFrozenColumns,l=this.nRightFrozenColumns,d=a-l,c=a-l-s;if(!a)return null;if(e===r&&s)t=0,o=Math.min(s-1,a-1);else if(e===n&&c>0)t=s,o=d-1;else{if(e!==i||!l)return null;t=d,o=a-1}return[t,o]}},{key:"getAllBodies",value:function(){var e=this.webcomponent;return[e.oDOMLeftBody,e.oDOMBody,e.oDOMRightBody]}},{key:"getAllHeads",value:function(){var e=this.webcomponent;return[e.oDOMLeftHead,e.oDOMHead,e.oDOMRightHead]}},{key:"getAllFeet",value:function(){var e=this.webcomponent;return[e.oDOMLeftFoot,e.oDOMFoot,e.oDOMRightFoot]}},{key:"getRegionsByColumnArea",value:function(e){var t;return t="Left"===e?0:"Right"===e?2:1,{oHead:this.getAllHeads()[t],oBody:this.getAllBodies()[t],oFoot:this.getAllFeet()[t]}}},{key:"getFirstDataRowByArea",value:function(e){var t=e.oBody.childNodes[0];if(!t){var o=this.getContainerRowIndexByDataRowIndex(0);o>=0&&(t=this.nTopFrozenRows?e.oHead.childNodes[o]:e.oFoot.childNodes[o])}return t}},{key:"getBodyByColumnIndex",value:function(e,t){var o=t?null:"Body";return this.getByColumnIndex(e,"Body",o)}},{key:"getHeaderByColumnIndex",value:function(e,t){var o=t?null:"Head";return this.getByColumnIndex(e,"Header",o)}},{key:"getColgroupByColumnIndex",value:function(e){var t=this.webcomponent.oDOMColgroup,o=this.webcomponent.oDOMLeftColgroup,n=this.webcomponent.oDOMRightColgroup,r=this.aColumnMapping.length;return this.hasFrozenLeft()&&e<this.nLeftFrozenColumns?o:this.hasFrozenRight()&&e>=r-this.nRightFrozenColumns?n:t}},{key:"getAreaByColumnIndex",value:function(e){var t=this.aColumnMapping.length;return this.hasFrozenLeft()&&e<this.nLeftFrozenColumns?"left":this.hasFrozenRight()&&e>=t-this.nRightFrozenColumns?"right":"main"}},{key:"getAreaByColumn",value:function(e){var t=this.getZGColumnIndex(e);return this.getAreaByColumnIndex(t)}},{key:"getEditorRowByIndex",value:function(e,t){var o=this.editorManager.getEditorRowsByRowIndex(e),n=this.aColumnMapping.length;return this.hasFrozenLeft()&&t<this.nLeftFrozenColumns?o[0]:this.hasFrozenRight()&&t>=n-this.nRightFrozenColumns?o[2]:o[1]}},{key:"getFooterByColumnIndex",value:function(e,t){var o=t?null:"Foot";return this.getByColumnIndex(e,"Footer",o)}},{key:"getByColumnIndex",value:function(e,t,o){var n,r=this["mainColumn".concat(t)],i=this["leftColumn".concat(t)],a=this["rightColumn".concat(t)],s=this.aColumnMapping.length,l=s-this.nRightFrozenColumns;return n=e<this.nLeftFrozenColumns&&e>=0?i:e>=l&&e<s?a:r,o?n["o".concat(o)]:n}},{key:"getDataRowsByRow",value:function(e){var t=this.getFrozenRowState(e),o=this.getContainerRowIndexByDataRowIndex(e);return"top"===t?this.getHeadRows(o):"bottom"===t?this.getFootRows(o):this.getRows(o,"Body","Body")}},{key:"getMainBodyRows",value:function(){var e=this.mainColumnBody.oBody,t=this.mainColumnHeader.oHead,o=this.mainColumnFooter.oFoot,n=t.querySelectorAll('zg-row[type="frozen"]'),r=e.childNodes,i=o.querySelectorAll('zg-row[type="frozen"]'),a=[];return n.length&&a.push.apply(a,p(n)),r.length&&a.push.apply(a,p(r)),i.length&&a.push.apply(a,p(i)),a}},{key:"getHeadRows",value:function(e){return this.getRows(e,"Header","Head")}},{key:"getFootRows",value:function(e){return this.getRows(e,"Footer","Foot")}},{key:"getDataRowIndex",value:function(e){return e-(this.getAllHeaderDepth()-this.nTopFrozenRows)}},{key:"getParentByFrozenIndex",value:function(e,t){var o=this.getFrozenRowState(e);return"top"===o?this.getHeaderByColumnIndex(t):"bottom"===o?this.getFooterByColumnIndex(t):this.getBodyByColumnIndex(t)}},{key:"getContainerRowIndexByDataRowIndex",value:function(e){var t=this.mainColumnBody.oBody.childNodes.length+this.nTopFrozenRows;return this.nTopFrozenRows>e?this.getAllHeaderDepth()-this.nTopFrozenRows+e:e>=t?e-t:e-this.nTopFrozenRows}},{key:"getDataRowIndexByContainerIndex",value:function(e,t){var o=this.mainColumnBody.oBody.childNodes.length+this.nTopFrozenRows;return"top"===t?e:"bottom"===t?e+o:e+this.nTopFrozenRows}},{key:"getFrozenRowState",value:function(e){var t=this.mainColumnBody.oBody.childNodes.length+this.nTopFrozenRows;return this.nTopFrozenRows>e?"top":e>=t?"bottom":"none"}},{key:"getBodyRowIndex",value:function(e){return e<this.nTopFrozenRows?-1:e-this.nTopFrozenRows}},{key:"getRow",value:function(e,t){var o=this.mainColumnBody.oBody.childNodes.length+this.nTopFrozenRows;if(this.nTopFrozenRows>e){var n=this.getHeaderByColumnIndex(t).querySelectorAll('zg-row[type="frozen"]');if(n.length>=e)return n[e]}else{if(!(e>=o)){var r=this.getBodyByColumnIndex(t);return e-=this.nTopFrozenRows,r.childNodes[e]}var i=this.getFooterByColumnIndex(t).querySelectorAll('zg-row[type="frozen"]'),a=e-o;if(i.length>=a)return i[a]}}},{key:"getRows",value:function(e,t,o){var r=this["mainColumn".concat(t)]["o".concat(o)],i=this["leftColumn".concat(t)]["o".concat(o)],a=this["rightColumn".concat(t)]["o".concat(o)],s=i.children,l=r.children,d=a.children,c=[];return n.Uh(e)?(s&&s.length>e&&c.push(s[e]),l&&l.length>e&&c.push(l[e]),d&&d.length>e&&c.push(d[e])):(s&&c.push.apply(c,p(s)),l&&c.push.apply(c,p(l)),d&&c.push.apply(c,p(d))),c}},{key:"getHeaderContainer",value:function(){var e=this.webcomponent;return null!==this.getFirstMainIndex()?e.oDOMHead:this.hasFrozenLeft()?e.oDOMLeftHead:this.hasFrozenRight()?e.oDOMRightHead:e.oDOMHead}},{key:"getFooterContainer",value:function(){var e=this.webcomponent;return null!==this.getFirstMainIndex()?e.oDOMFoot:this.hasFrozenLeft()?e.oDOMLeftFoot:this.hasFrozenRight()?e.oDOMRightFoot:e.oDOMFoot}},{key:"getAllHeadRows",value:function(){var e=this.webcomponent;return[].concat(p(e.oDOMLeftHead.children),p(e.oDOMHead.children),p(e.oDOMRightHead.children))}},{key:"getAllHeadCells",value:function(e){var t=this.webcomponent,o=[t.oDOMLeftHead,t.oDOMHead,t.oDOMRightHead],n=[];return o.forEach((function(t){var o=e?"zg-head-cell":"zg-head-cell, zg-filter, zg-cell",r=t.querySelectorAll(o);r.length&&n.push.apply(n,p(r))})),n}},{key:"getAllFootRows",value:function(){var e=this.webcomponent;return[].concat(p(e.oDOMLeftFoot.children),p(e.oDOMFoot.children),p(e.oDOMRightFoot.children))}},{key:"getAllFootCells",value:function(){var e=this.webcomponent,t=[e.oDOMLeftFoot,e.oDOMFoot,e.oDOMRightFoot],o=[];return t.forEach((function(e){var t=e.querySelectorAll("zg-cell");t.length&&o.push.apply(o,p(t))})),o}},{key:"getAllBodyRows",value:function(){var e=this.webcomponent;return[].concat(p(e.oDOMLeftBody.children),p(e.oDOMBody.children),p(e.oDOMRightBody.children))}},{key:"getByTagName",value:function(e,t,o,r){return Array.from(e).filter((function(e,i){var a=!0;return n.Uh(o)&&(a=o===i),n.Uh(r)&&(a=a&&r===e.getAttribute("id")),a=a&&e.tagName.toLowerCase()===t.toLowerCase()}))}},{key:"getCellsFromRows",value:function(e,t){var o=this,n=[];return e.forEach((function(e){var r=e.children;r.length&&n.push.apply(n,p(o.getByTagName(r,s.Z.zgCell.tagName,t)))})),n}},{key:"getAllBodyCells",value:function(){var e=this.getAllBodyRows();return this.getCellsFromRows(e)}},{key:"getAllColumns",value:function(){var e=this.webcomponent,t=[e.oDOMLeftColgroup,e.oDOMColgroup,e.oDOMRightColgroup],o=[];return t.forEach((function(e){var t=e.getElementsByTagName("zg-column");t.length&&o.push.apply(o,p(t))})),o}},{key:"getDataCellsByIndex",value:function(e){var t=this.getDataRowsByColumnIndex(e),o=this.getAdjustedColumnIndex(e);return this.getCellsFromRows(t,o)}},{key:"getDataRowsByColumnIndex",value:function(e){var t=this.getBodyByColumnIndex(e),o=this.getHeaderByColumnIndex(e),n=this.getFooterByColumnIndex(e),r=o.querySelectorAll('zg-row[type="frozen"]'),i=t.childNodes,a=n.querySelectorAll('zg-row[type="frozen"]'),s=[];return r.length&&s.push.apply(s,p(r)),i.length&&s.push.apply(s,p(i)),a.length&&s.push.apply(s,p(a)),s}},{key:"getAllCellsByIndex",value:function(e,t,o){var n=this.getBodyByColumnIndex(e),r=this.getAdjustedColumnIndex(e),i=Array.from(n.children),a=this.getCellsFromRows(i,r),s=[];return a&&(s=[].concat(p(a),p(s))),t&&(s=this.getHeaderCells(e,s)),o&&(s=this.getFooterCells(e,s)),s}},{key:"getHeaderCells",value:function(e,t,o){var n=this.getHeaderByColumnIndex(e),r=this.getAdjustedColumnIndex(e),i=n.querySelectorAll("zg-row zg-head-cell:nth-child("+(r+1)+")"),a=n.querySelectorAll("zg-row zg-filter:nth-child("+(r+1)+")"),s=n.querySelectorAll("zg-row zg-cell:nth-child("+(r+1)+")");return t=t||[],i&&(t=[].concat(p(i),p(t))),o||(a&&(t=[].concat(p(a),p(t))),s&&(t=[].concat(p(s),p(t)))),t}},{key:"getFooterCells",value:function(e,t){var o=this.getFooterByColumnIndex(e),n=this.getAdjustedColumnIndex(e),r=o.querySelectorAll("zg-row zg-cell:nth-child("+(n+1)+")");return t=t||[],r&&(t=[].concat(p(r),p(t))),t}},{key:"getRowIndexStartOnPage",value:function(e){var t=this.getCurrPageIdx()*this.getPageSize();return e||(t+=this.nTopFrozenRows),t}},{key:"getRowIndexByDataRowContainerIndex",value:function(e,t,o){return void 0===o&&(o=this.getCurrPageIdx()),t=t||!1,this.store.oDataFormat.bLoadByScroll&&!t?e+this.nAdjustedStart-this.nTopFrozenRows:o*this.getPageSize()+e-this.nTopFrozenRows}},{key:"getPageByDataRowIndex",value:function(e){return Math.floor(e/this.getPageSize())}},{key:"getDataRowIndexByRecordIndex",value:function(e,t){var o=this.getRowContainerIndexByRecordIndex(e);return this.getDataRowIndexByContainerIndex(o,t)}},{key:"getRowContainerIndexByRecordIndex",value:function(e){var t=this.store.getRowIndexByRecordIndex(e);return this.getRowContainerIndexByRowIndex(t)}},{key:"getRowContainerIndexByRowIndex",value:function(e){return this.store.oDataFormat.bLoadByScroll?e-this.nAdjustedStart:e-this.getCurrPageIdx()*this.getPageSize()}},{key:"getRowMappingByFrozen",value:function(e){return"top"===e?this.aTopRowMapping:"bottom"===e?this.aBottomRowMapping:this.aRowMapping}},{key:"getRowMappingByDataRowContainerIndex",value:function(e){var t,o,n=this.getFrozenRowState(e);return"top"===n?(t=this.aTopRowMapping,o=e):"bottom"===n?(t=this.aBottomRowMapping,o=this.getContainerRowIndexByDataRowIndex(e)):(t=this.aRowMapping,o=this.getRowIndexByDataRowContainerIndex(e)),"undefined"===o||o>=t.length?void 0:t[o]}},{key:"getGroupIndexByDataRowContainerIndex",value:function(e){var t=this.getRowMappingByDataRowContainerIndex(e);return void 0!==t?t.sGroupRecordIndex:null}},{key:"getRecordIndexByDataRowContainerIndex",value:function(e){var t=this.getRowMappingByDataRowContainerIndex(e);if(void 0!==t)return t.sRecordIndex}},{key:"getFieldIndexByColumnIndex",value:function(e){return this.aColumnMapping[e].sFieldIndex}},{key:"getColumnByFieldIndex",value:function(e){for(var t=0,o=this.aColumnMapping.length;t<o;t++)if(this.aColumnMapping[t].sFieldIndex===e)return this.aColumnMapping[t];return null}},{key:"getColumnIndexByFieldIndex",value:function(e){for(var t=0,o=this.aColumnMapping.length;t<o;t++)if(this.aColumnMapping[t].sFieldIndex===e)return t;return-1}},{key:"getColumnIndexByType",value:function(e){for(var t=0,o=this.aColumnMapping.length;t<o;t++)if(this.aColumnMapping[t].sCellType===e)return t;return-1}},{key:"editRow",value:function(e){this.recordEditor.editRecord(e)}},{key:"getRowHeight",value:function(){var e=this.getDOMByIndex(0,0);return e?e.getBoundingClientRect().height:0}},{key:"getDOMCellByIndex",value:function(e,t,o){if(-1===e||-1===t)return null;var n=this["get".concat(o,"erByColumnIndex")](t),r=this.getAdjustedColumnIndex(t),i=n.getElementsByTagName("zg-row")[e].querySelectorAll("".concat(s.Z.zgHeadCell.tagName,", ").concat(s.Z.zgFilter.tagName,", ").concat(s.Z.zgCell.tagName));return i.length?i[r]:null}},{key:"getDOMByIndex",value:function(e,t){if(-1===e||-1===t)return null;var o=this.getParentByFrozenIndex(e,t),n=this.getAdjustedColumnIndex(t),r=this.getContainerRowIndexByDataRowIndex(e),i=o.childNodes[r];return i?i.getElementsByTagName(s.Z.zgCell.tagName)[n]:null}},{key:"getDOMHeadByIndex",value:function(e,t){return this.getDOMCellByIndex(e,t,"Head")}},{key:"getDOMFootByIndex",value:function(e,t){return this.getDOMCellByIndex(e,t,"Foot")}},{key:"getElByIndex",value:function(e,t){return i.Z.get(this.getDOMByIndex(e,t))}},{key:"getZGColumnIndex",value:function(e){return this.aColumnMapping.findIndex((function(t){return t.sColumnId===e.sColumnId}))}},{key:"nScrollLeft",get:function(){return this.mainColumnBody.el.getScroll().left}},{key:"nScrollTop",get:function(){return this.mainColumnBody.el.getScroll().top}},{key:"createId",value:function(e){var t=0,o=function(){return e+t++};return o.clearCounter=function(e){e||(t=0)},o.setCounter=function(e){t=e},o.getCounter=function(){return t},this.idCounters.push(o),o}},{key:"clearIdCounters",value:function(e){for(var t=0;t<this.idCounters.length;t++)this.idCounters[t].clearCounter(e)}}],r&&m(t.prototype,r),g&&m(t,g),Object.defineProperty(t,"prototype",{writable:!1}),k}(r.Z);S.prototype.nextPage=function(){var e=this.store.oDataFormat.bLoadByPages&&this.store.oDataFormat.bStartAtValue;(this.nCurrPageIdx+1<this.getPageCount()||e)&&this.nCurrPageIdx++,!0===this.store.oDataFormat.bLoadByPages&&(this.store.bLoadNext=!0),this.fire("pagechange","next")},S.prototype.prevPage=function(){this.nCurrPageIdx>0&&this.nCurrPageIdx--,!0===this.store.oDataFormat.bLoadByPages&&(this.store.bLoadPrev=!0),this.fire("pagechange","prev")},S.prototype.firstPage=function(){if(0!==this.nCurrPageIdx){var e=this.nCurrPageIdx;this.nCurrPageIdx=0,this.fire("pagechange","first",e)}},S.prototype.lastPage=function(){var e=Math.max(0,this.getPageCount()-1);if(this.nCurrPageIdx!==e){var t=this.nCurrPageIdx;this.nCurrPageIdx=e,this.fire("pagechange","last",t)}},S.prototype.calculatePageSize=function(e,t,o,n){var r=this.webcomponent,i=t||"pageSizeRow"!==o?r.pageSizeRow:n,a=t||"pageSizeCard"!==o?r.pageSizeCard:n;(e=e&&void 0!==e?e:this.layoutManager.sCurrentType)===s.Z.zgLayout.reset&&(e=s.Z.zgLayout.typeRow);var l=r.pageSize||s.Z.store.defaultPageSize;t||"pageSize"!==o||(l=n||s.Z.store.defaultPageSize);var d=this.hasPager();d&&(d.pageSize&&(l=d.pageSize),d.pageSizeRow&&(i=d.pageSizeRow),d.pageSizeCard&&(a=d.pageSizeCard),t&&"pageSize"===o&&(l=n||s.Z.store.defaultPageSize),t&&"pageSizeRow"===o&&(i=n),t&&"pageSizeCard"===o&&(a=n)),i&&e===s.Z.zgLayout.typeRow?l=i:a&&e===s.Z.zgLayout.typeCard&&(l=a),this.setPageSize(parseInt(l,10))},S.prototype.getPageSize=function(){return this.hasPager()||this.bCustomPageSize||this.bUserPageSize||this.store.oDataFormat.bLoadByScroll?this.pageSize:this.store.nOriginRecordCount||this.getRowCount()||this.pageSize},S.prototype.setPageSize=function(e,t,o){if(!(e<=0)){var n=this.pageSize,r=this.nCurrPageIdx;this.pageSize!==e&&(this.nCurrPageIdx=Math.floor(n*r/e),this.pageSize=e,this.webcomponent.bReady&&!o&&this.fire(s.Z.event.pagesizechange,e,n,t))}},S.prototype.getCurrPageIdx=function(){return this.nCurrPageIdx},S.prototype.setCurrPageIdx=function(e,t){if(e!==this.nCurrPageIdx&&e<this.getPageCount()&&e>=0){var o=this.nCurrPageIdx;this.nCurrPageIdx=e,t||this.fire("pagechange",void 0,o)}},S.prototype.getPageCount=function(){return Math.ceil((this.store.nOriginRecordCount||this.getRowCount())/this.getPageSize())},S.prototype.getPagerType=function(){return this.webcomponent.pagerType},S.prototype.hasPager=function(){return this.webcomponent.oTopPager||this.webcomponent.oBottomPager};const k=S},44287:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(37486),r=o(31769),i=o(87822);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function s(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var n,r,i,a,s=[],l=!0,d=!1;try{if(i=(o=o.call(e)).next,0===t){if(Object(o)!==o)return;l=!1}else for(;!(l=(n=i.call(o)).done)&&(s.push(n.value),s.length!==t);l=!0);}catch(e){d=!0,r=e}finally{try{if(!l&&null!=o.return&&(a=o.return(),Object(a)!==a))return}finally{if(d)throw r}}return s}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return l(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return l(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function d(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==a(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===a(i)?i:String(i)),n)}var r,i}var c="cell",u="row",h="column",f="range",p="grid";const g=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.end()}var t,o,a;return t=e,o=[{key:"column",value:function(e){this.sContextLevel;var t=this.widget.getColumnIndexByFieldIndex(e);return this.nStartColumnIndex=this.nEndColumnIndex=t,this.sContextLevel=h,this}},{key:"initRange",value:function(e,t,o,n){return this.nStartRowIndex=Math.min(e,o),this.nEndRowIndex=Math.max(e,o),this.nStartColumnIndex=Math.min(t,n),this.nEndColumnIndex=Math.max(t,n),this.nInitialRowIndex=this.nStartRowIndex,this.nInitialColumnIndex=this.nStartColumnIndex,this.sContextLevel=f,this}},{key:"range",value:function(e,t){if(this.sContextLevel===c&&(this.nInitialRowIndex=this.nStartRowIndex,this.nInitialColumnIndex=this.nStartColumnIndex),this.sContextLevel===f||this.sContextLevel===c){var o=e.parentNode.dataRowIndex,n=e.cellIndex,r=t.parentNode.dataRowIndex,i=t.cellIndex,a=this.nStartRowIndex,s=this.nStartColumnIndex,l=this.nEndRowIndex,d=this.nEndColumnIndex;this.nStartRowIndex=Math.min(o,r),this.nEndRowIndex=Math.max(o,r),this.nStartColumnIndex=Math.min(n,i),this.nEndColumnIndex=Math.max(n,i),(this.nStartRowIndex>a||this.nEndRowIndex>l)&&(this.sExpandDirection="down"),(this.nStartRowIndex<a||this.nEndRowIndex<l)&&(this.sExpandDirection="up"),(this.nStartColumnIndex<s||this.nEndColumnIndex<d)&&(this.sExpandDirection="left"),(this.nStartColumnIndex>s||this.nEndColumnIndex>d)&&(this.sExpandDirection="right")}return this.sContextLevel=f,this}},{key:"cell",value:function(e,t,o){if(n.Sh(e)){var r=e;e=this.widget.getDataRowIndex(r.parentNode.rowIndex),void 0===(t=r.cellIndex)&&(t=parseInt(r.getAttribute("cellindex"),10))}return n.U(e)&&(this.nStartRowIndex=this.nEndRowIndex=e),n.U(t)&&(this.nStartColumnIndex=this.nEndColumnIndex=t),this.sContextLevel=c,void 0===this.sTargetRecordIndex&&!o||void 0===this.sTargetFieldIndex?null:this}},{key:"row",value:function(e){return n.Sh(e)&&(e=e.bodyRowIndex),n.U(e)&&(this.nStartRowIndex=this.nEndRowIndex=e),this.sContextLevel=u,this}},{key:"changeCard",value:function(e){var t=this.widget,o=t.getRowContainerCount(),n=t.getCardsPerRow(),r=this.nStartRowIndex;return"right"===e?r++:"left"===e?r--:"down"===e?r+=n:"up"===e&&(r-=n),r<0||r>=o?null:(this.nStartRowIndex=this.nEndRowIndex=r,this)}},{key:"navigateCardControls",value:function(e){var t=this.widget,o=i.Z.internalColumnTypes,n=this.sCellType;if(-1===o.indexOf(n))return null;var r=this.nStartColumnIndex,a=t.aColumnMapping;if("down"===e)for(var s=0;s<a.length;s++){var l=a[s];if(!l.bHidden&&-1===o.indexOf(l.sCellType))return s}else if("right"===e)for(var d=r+1;d<a.length;d++){var c=a[d];if(!c.bHidden&&-1!==o.indexOf(c.sCellType))return d}else if("left"===e)for(var u=r-1;u>=0;u--){var h=a[u];if(!h.bHidden&&-1!==o.indexOf(h.sCellType))return u}return null}},{key:"change",value:function(e,t,o){var n,r,i,a,s,l=this.widget,d=l.nTopFrozenRows;if(l.isComputedCard()){if(!this.bCardDrill)return this.changeCard(e);if(null!==(a=this.navigateCardControls(e)))return this.nStartColumnIndex=this.nEndColumnIndex=a,this;if("right"===e||"left"===e)return this.bCardDrill=!1,l.selector.hideSelectionMaskAndBorder(),this;"up"===e?e="left":"down"===e&&(e="right")}if(t=t||1,"up"===e||"down"===e?(n=this.nStartRowIndex,r=l.getRowContainerCount()+d,i="Row"):(n=this.nColumnIndex,r=l.getColumnContainerCount(),i="Column"),"up"===e)a=Math.max(d,n-t),s="Start";else if("left"===e)a=Math.max(0,n-t),s="Start";else{var c=this["nEnd"+i+"Index"],u="expand"===o?c:n;a=Math.min(u+t,r-1),s="End"}return"up"===e&&n===d&&"expand"!==o||"down"===e&&"expand"!==o&&n===a?null:("Column"===i&&l.selectorEngineManager.$cell(d,a).sCellType,"expand"===o?this["n"+s+i+"Index"]=a:this["nStart"+i+"Index"]=this["nEnd"+i+"Index"]=a,this)}},{key:"deSelect",value:function(){return this.widget.selector.deSelectRange(),this.end(),this}},{key:"dimension",value:function(e){var t,o,n,r=this.sContextLevel,i=this.el,a=this.widget;switch(r){case c:t=i.getXY(),o=i.getWidth(),n=i.getHeight();break;case f:var l=0,d=a.aColumnMapping.length-1;if(e){var u=s(a.getColumnBodyRange(e)||[l,d],2);l=u[0],d=u[1]}var h=this.nStartColumnIndex,p=this.nEndColumnIndex;h=Math.max(h,l),p=Math.min(p,d);var g=a.getElByIndex(this.nStartRowIndex,h),m=a.getElByIndex(this.nEndRowIndex,p);t=g.getXY();var b=m.getXY(),v=m.getWidth(),y=m.getHeight();o=b[0]-t[0]+v,n=b[1]-t[1]+y}return{xy:t,width:o,height:n}}},{key:"getDom",value:function(){return this.dom()}},{key:"dom",value:function(){var e=this.sContextLevel,t=this.widget;return e===h?t.getDOMByIndex(this.nColumnIndex):t.getDOMByIndex(this.nRowContainerIndex,this.nColumnIndex)}},{key:"doms",value:function(){var e=this.widget;if(this.sContextLevel===c)return[this.dom()];for(var t=[],o=this.nStartRowIndex,n=this.nEndRowIndex,r=this.nStartColumnIndex,i=this.nEndColumnIndex,a=o;a<=n;a++)for(var s=r;s<=i;s++)t.push(e.getDOMByIndex(a,s));return t}},{key:"end",value:function(){return this.sContextLevel=p,this.nStartRowIndex=-1,this.nEndRowIndex=1/0,this.nStartColumnIndex=-1,this.nEndColumnIndex=1/0,this.sExpandDirection="",this}},{key:"expand",value:function(e,t){return this.sContextLevel!==f&&this.toRange(),this.change(e,t,"expand"),this.sExpandDirection=e,this}},{key:"getStartContainer",value:function(){return void 0!==this.nInitialRowIndex&&void 0!==this.nInitialColumnIndex?this.widget.getDOMByIndex(this.nInitialRowIndex,this.nInitialColumnIndex):this.dom()}},{key:"isRangeSideEdgeVisible",value:function(e,t){var o=this.widget,n=this.dimension(),r=n.xy,i=n.height,a=n.width,s=o.mainColumnBody.el,l=s.getXY(),d=s.getSize();if(e=e||0,"right"===t){var c=r[0]+a;return c-e>=l[0]&&c<l[0]+d[0]}if("left"===t){var u=r[0];return u>=l[0]&&u+e<l[0]+d[0]}if("top"===t){var h=r[1];return h>=l[1]&&h+e<l[1]+d[1]}if("bottom"===t){var f=r[1]+i;return f-e>=l[1]&&f<=l[1]+d[1]}}},{key:"isRangeSingleCell",value:function(){return this.nStartRowIndex===this.nEndRowIndex&&this.nStartColumnIndex===this.nEndColumnIndex}},{key:"getData",value:function(){return this.rawData()}},{key:"setData",value:function(e){return this.rawData(e)}},{key:"getRecordIndex",value:function(){return this.sTargetRecordIndex}},{key:"setStyle",value:function(e,t){return this.dom().style[e]=t,this}},{key:"rawData",value:function(e){var t=this.sContextLevel,o=this.widget,n=o.store,r=this.sTargetRecordIndex,i=this.sTargetFieldIndex,a=this.sGroupRecordIndex;if(0===arguments.length){if(t===c)return n.get(r,i,a);if(t===f){for(var s,l,d,h,p=[],g=this.nStartRowIndex;g<=this.nEndRowIndex;g++){s=[];for(var m=this.nStartColumnIndex;m<=this.nEndColumnIndex;m++)l=o.getRecordIndexByDataRowContainerIndex(g),d=o.getFieldIndexByColumnIndex(m),h=o.getGroupIndexByDataRowContainerIndex(g),s.push(n.get(l,d,h));this.nStartRowIndex===this.nEndRowIndex?p=s:p.push(s)}return p}if(t===u)return n.get(r,void 0,a).oRecordRawData}else t===c&&n.updateCell(r,i,e,void 0,this.sCellType)}},{key:"indexData",value:function(){var e=this,t=this.widget,o=t.store,r=t.sNestedDataSeparator,i={};if(this.sContextLevel===c){var a=this._columnConfig;return this.sTargetFieldIndex.split(",").map((function(t){var s;if("disabled"!==r){var l=t.split(r);s=l[l.length-1]}else s=t;var d=o.get(e.sTargetRecordIndex,t.trim());void 0!==a.sArraySlice&&1===(d=o.getArrayData([d],a,!0)).length&&(d=d[0]),n.kJ(d)&&(d=n.mJ.clone(d)),i[s.trim()]=d})),i}}},{key:"fullData",value:function(){var e=this.sContextLevel,t=this.widget,o=t.store,n=this.sTargetRecordIndex,r=this.sTargetFieldIndex,i=this.sGroupRecordIndex,a={};if(e===c)r.split(",").map((function(e){a[e]=o.get(n,e.trim(),i)}));else if(e===f)for(var s,l,d,h,p=this.nStartRowIndex;p<=this.nEndRowIndex;p++){s={},l=t.getRecordIndexByDataRowContainerIndex(p),h=t.getGroupIndexByDataRowContainerIndex(p);for(var g=this.nStartColumnIndex;g<=this.nEndColumnIndex;g++)s[d=t.getFieldIndexByColumnIndex(g)]=o.get(l,d,h);a[l]=s}else e===u&&(a=o.get(n,void 0,i).oRecordRawData);return a}},{key:"fullDisplay",value:function(){if(this.sContextLevel!==c)return this.fullData();var e=this.dom().querySelector("[".concat(i.Z.zgCell.cellIndexAttr,"]"));return e?e.innerHTML:this.fullData()}},{key:"scrollIntoView",value:function(){return this.sContextLevel===f?this.widget.scroller.scrollToRange():this.sContextLevel===c&&this.widget.scroller.scrollToCell(),this}},{key:"select",value:function(e){var t=this.widget,o=t.selector;if(this===t.selector.se){t.headerFocusManager.currentFocus&&t.headerFocusManager.deSelect(),t.footerFocusManager.currentFocus&&t.footerFocusManager.deSelect(),o.bSelecting=!0;var n=window.scrollX,r=window.scrollY;if(t.isStorybook("focus")||t.isStorybook("menu")||t.focusManager.focusGrid(),window.scrollTo(n,r),o.bSelecting=!1,this.sContextLevel!==p){if(this.sContextLevel!==c||"top"!==this.sFrozenRowState&&"bottom"!==this.sFrozenRowState)this.sContextLevel!==c&&this.sContextLevel!==f||t.selector.selectCell(this,e);else{var a=t.getContainerRowIndexByDataRowIndex(this.nStartRowIndex);"top"===this.sFrozenRowState?t.headerFocusManager.select(a,this.nStartColumnIndex,e):t.footerFocusManager.select(a,this.nStartColumnIndex,e)}return this.sContextLevel===f&&t.selector.selectRange(this),this.sContextLevel!==c||t.bIsMouseDown||!this.bHasCellTooltip||this.sCellType===i.Z.internalColumn.recordinfo&&this._columnConfig.bIsActivateOnClick||t.tooltipManager._delayTarget(null,this.dom(),1e3),t.selector.fire(i.Z.event.selectedCells),this}}else this.nStartRowIndex>=0&&this.nStartColumnIndex>=0&&(o.se.cell(this.nStartRowIndex,this.nStartColumnIndex),o.se.select(e))}},{key:"selectAll",value:function(){var e=this.widget,t=e.getRowContainerCount(),o=e.getColumnContainerCount();return this.nStartRowIndex=0,this.nStartColumnIndex=0,this.nEndRowIndex=t-1,this.nEndColumnIndex=o-1,this.sContextLevel="range",this}},{key:"shrink",value:function(e,t){return t=t||1,this.sContextLevel!==f&&this.toRange(),"up"===e?this.nEndRowIndex=Math.max(this.nStartRowIndex,this.nEndRowIndex-t):"down"===e?this.nStartRowIndex=Math.min(this.nEndRowIndex,this.nStartRowIndex+t):"right"===e?this.nStartColumnIndex=Math.min(this.nStartColumnIndex+t,this.nEndColumnIndex):"left"===e&&(this.nEndColumnIndex=Math.max(this.nStartColumnIndex,this.nEndColumnIndex-t)),this.sExpandDirection="shrink"+e,this}},{key:"toCell",value:function(){return this.sContextLevel=c,this}},{key:"toRange",value:function(e,t){var o,n=this.sContextLevel;if(n===f){if(!e)return;return o=this.getStartContainer(),this.range(o,e)}return n===c?(o=this.dom(),this.range(o,e||o)):t&&e?(this.cell(e,null).select(),this.range(e,e)):void 0}},{key:"toRow",value:function(){return this.sContextLevel=u,this}},{key:"traverse",value:function(e,t,o){return this.sContextLevel!==f&&this.sContextLevel!==c||this.change(e,t,"traverse")?this:null}},{key:"visualSelect",value:function(){var e=this.widget;this.nStartRowIndex===this.nEndRowIndex&&this.nStartColumnIndex===this.nEndColumnIndex?e.selector.hideSelectionMaskAndBorder():e.selector.drawSelectionMask(this)}},{key:"toggleOverflow",value:function(e,t){var o=this.widget.webcomponent.oDOMCellOverflow;t||(t=this.dom()),o.hasAttribute(i.Z.attr.hidden)||o.currentCell&&o.currentCell.dom()!==this.dom()?o.open(e,t,this):o.close()}},{key:"filter",value:function(e){if(this.sContextLevel!==h)return this;if(this.widget.filter){var t=this._columnConfig;this.widget.filter.setFilter(t,e)}return this}},{key:"sort",value:function(e){return this.sContextLevel!==h||this._columnConfig.oDOMSortHeader.onSort(null,null,e),this}},{key:"hide",value:function(){return this.toggle(!0)}},{key:"show",value:function(){return this.toggle(!1)}},{key:"toggle",value:function(e){return this.sContextLevel!==h||this._columnConfig.bHidden===e||this.widget.updater.toggleColumn(this.nColumnIndex,e),this}},{key:"contextMenu",value:function(){return this.sContextLevel!==c?this:this.widget.bHasContextMenuEnabled?void this.widget.menuManager.openContextMenu({oBrowserEvent:{clientX:0,clientY:0}},this.el.dom):this}},{key:"_hide",value:function(){var e=this.widget,t=this.sContextLevel,o=this.nRowContainerIndex,n=this.nStartColumnIndex;switch(t){case h:e._hide(n);break;case u:e._hide(o)}return this}},{key:"bHasCellTooltip",get:function(){return this._columnConfig.bHasCellTooltip}},{key:"sCellType",get:function(){return this.sContextLevel===c?this._columnConfig.sCellType:""}},{key:"oEditor",get:function(){return this._columnConfig.oEditor}},{key:"fnRenderer",get:function(){return this._columnConfig.fnRenderer}},{key:"fnDetailsRenderer",get:function(){return this._columnConfig.fnDetailsRenderer}},{key:"oValidator",get:function(){return this._columnConfig.oValidator}},{key:"sColumnId",get:function(){return this.widget.aColumnMapping[this.nStartColumnIndex].sColumnId}},{key:"nStartRowIndex",get:function(){return this._nStartRowIndex},set:function(e){this._nStartRowIndex=e,-1!==e&&(this.sTargetRecordIndex=this.widget.getRecordIndexByDataRowContainerIndex(e),this.sGroupRecordIndex=this.widget.getGroupIndexByDataRowContainerIndex(e))}},{key:"_columnConfig",get:function(){return this.widget.aColumnMapping[this.nStartColumnIndex]}},{key:"el",get:function(){var e=this.dom();return r.Z.get(e)}},{key:"nRowContainerIndex",get:function(){return this.nStartRowIndex}},{key:"nColumnIndex",get:function(){return this.nStartColumnIndex}},{key:"sTargetFieldIndex",get:function(){return void 0===this._columnConfig?void 0:this._columnConfig.sFieldIndex}},{key:"aTargetFieldIndex",get:function(){var e=this.sTargetFieldIndex;return n.h8(e)}},{key:"oBody",get:function(){return this.widget.getBodyByColumnIndex(this.nStartColumnIndex)}},{key:"oColumnBody",get:function(){return this.widget.getBodyByColumnIndex(this.nStartColumnIndex,!0)}},{key:"oColumnBodies",get:function(){var e=[],t=this.widget,o=t.getBodyByColumnIndex(this.nStartColumnIndex,!0);if(e.push(o),this.nStartColumnIndex!==this.nEndColumnIndex){var n=t.getBodyByColumnIndex(this.nEndColumnIndex,!0);o!==n&&(o===t.leftColumnBody&&n===t.rightColumnBody&&e.push(t.mainColumnBody),e.push(n))}return e}},{key:"record",get:function(){var e=this.sContextLevel,t=this.widget.store,o=this.sTargetRecordIndex,r=null;if(e===c||e===u){var i=t.get(o).oRecordRawData;delete(r=n.c7.copy(i)).sRESTIndex,delete r.nOriginalIndex,delete r.sRecordIndex,delete r.nRowIndex,delete r.sFrozen}return r}},{key:"sFrozenRowState",get:function(){var e="",t=this.sContextLevel;return t!==c&&t!==u||(e=this.widget.getFrozenRowState(this.nStartRowIndex)),e}}],o&&d(t.prototype,o),a&&d(t,a),Object.defineProperty(t,"prototype",{writable:!1}),e}()},28459:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(31769),r=o(55040),i=o(87822);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function s(e){return function(e){if(Array.isArray(e))return l(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return l(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return l(e,t)}(e)||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 l(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function d(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==a(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===a(i)?i:String(i)),n)}var r,i}function c(){return c="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=f(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},c.apply(this,arguments)}function u(e,t){return u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},u(e,t)}function h(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=f(e);if(t){var r=f(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===a(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}var p=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&u(e,t)}(l,e);var t,o,r,a=h(l);function l(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,l),(e=e||{})._defaults={rendered:!1},(t=a.call(this,e)).init(),t}return t=l,o=[{key:"init",value:function(){this.render(),this.ons()}},{key:"render",value:function(){this.el=n.Z.get(this.oDOMWrapper),this.renderSelectionMask(),this.renderFocusMask(),this.rendered=!0}},{key:"ons",value:function(){var e=this.el;e.on("touchstart",this.onTouchStart,this,{sDelegateTo:i.Z.zgCell.tagName}),e.on("touchmove",this.onTouchMove,this,{sDelegateTo:i.Z.zgCell.tagName}),e.on("touchend",this.onTouchEnd,this,{sDelegateTo:i.Z.zgCell.tagName}),e.on("touchforcechange",this.onTouchForceChange,this,{sDelegateTo:i.Z.zgCell.tagName}),e.on("mouseover",this.onMouseOverTD,this,{sDelegateTo:i.Z.zgCell.tagName}),e.on("mousedown",this.onMouseDownTD,this,{sDelegateTo:i.Z.zgCell.tagName},!1),e.on("mousedown",this.onMouseDownTD2,this,{sDelegateTo:i.Z.zgCell.tagName},!1),e.on("keydown",this.onKeyDownTD,this,{sDelegateTo:i.Z.zgCell.tagName},!1),e.on("click",this.onClickBody,this,{sDelegateTo:i.Z.zgCell.tagName},!1),e.on("dblclick",this.onDBLClickBody,this,{sDelegateTo:i.Z.zgCell.tagName}),e.on("dblclick",this.onDBLClickCard,this,{sDelegateTo:i.Z.zgCard.tagName}),e.on("dblclick",this.onKeyUp,this,{sDelegateTo:i.Z.zgCell.tagName})}},{key:"onClickBody",value:function(e,t){this.widget.batchEditor.isActive()&&(e.stopEvent(),this.onDBLClickBody(e,t))}},{key:"onDBLClickBody",value:function(e,t){this.widget.editorManager.onDoubleClick(t)}},{key:"onDBLClickCard",value:function(e,t){var o=this.widget,n=o.selector.se,r=t.parentNode;if(o.bHasEditorEnabled){var i=n.row(r);o.editorManager.openEditor(i)}}},{key:"onKeyUp",value:function(){}},{key:"onTouchForceChange",value:function(e,t){var o=this.widget;if(o.bHasContextMenuEnabled&&"touches"in e.oBrowserEvent&&e.oBrowserEvent.touches.length>0){var n=e.oBrowserEvent.touches[0].force;n>.15&&n<1?(this._didForceTouch=!0,o.mainColumnBody.oBody.style["-webkit-filter"]="blur(".concat(7*n,"px)")):n>=1&&o.onContextMenuTD(e,t)}}},{key:"onTouchStart",value:function(e,t){this.onTouchDoubleClick(e,t)||(this._startXY=e.xy,this.widget.bHasSelectorEnabled&&t.classList.contains("zg-focus-cell")&&(e.preventDefault(),this._touchSelectInitiator=t,this.widget.selector.onMouseDownFromSelector(e)))}},{key:"onTouchDoubleClick",value:function(e,t){var o=(new Date).getTime();if(this.nLastTouch&&t===this.oTargetLastTouch){var n=o-this.nLastTouch;if(n<i.Z.mobile.doubleTapMS&&n>0)return"zg-card"===t.tagName.toLowerCase()?this.onDBLClickCard(e,t):this.onDBLClickBody(e,t),e.stopEvent(),this.widget.editorFieldManager.nTouchOpen=o,this.nLastTouch=null,this.oTargetLastTouch=null,!0;this.nLastTouch=o,this.oTargetLastTouch=t}else this.nLastTouch=o,this.oTargetLastTouch=t;return!1}},{key:"onTouchMove",value:function(e,t){if(!this._didForceTouch&&this._touchSelectInitiator){var o,n=(o=document).elementFromPoint.apply(o,s(e.xy));n.tagName===i.Z.zgCell.tagName&&n!==t&&this.widget.selector.se.toRange(n).visualSelect()}}},{key:"onTouchEnd",value:function(e,t){var o=this.widget.selector.se;this._didForceTouch?this._didForceTouch=!1:this.widget.bHasSelectorEnabled&&!t.classList.contains("zg-focus-cell")?(o.cell(t,null).select(),this._touchSelectInitiator=t):this._touchSelectInitiator=null}},{key:"onMouseOverTD",value:function(e,t){var o=this.widget;o.bHasSelectorEnabled&&o.bIsMouseDown&&o.webcomponent.layout!==i.Z.zgLayout.typeCard&&o.selector.se.toRange(t).visualSelect()}},{key:"onMouseDownTD2",value:function(e,t){2!==e.nButton&&this.widget.editorManager.activeCellEdit&&this.widget.editorManager.closeEditor()}},{key:"onKeyDownTD",value:function(e,t){}},{key:"onMouseDownTD",value:function(e,t){if(2!==e.nButton){var o=this.widget,n=o.selector.se;if(o.bHasSelectorEnabled&&!e.bIsCTRL&&o.webcomponent.layout!==i.Z.zgLayout.typeCard)if(o.bIsMouseDown=!0,o.selector.onMouseDownFromSelector(e),e.stopEvent(),e.bIsSHIFT)n.toRange(t,!0).visualSelect();else{var r=n.cell(t,null);if(!r)return;r.select()}}}},{key:"destroy",value:function(){c(f(l.prototype),"destroy",this).call(this),this.oBody=null,this.oDOMWrapper=null,this.el.unAll(),this.el=null}},{key:"insertCellContainer",value:function(e,t,o){var n=document.createElement(i.Z.zgCell.tagName);return n.cellIndex=t,n.setAttribute(i.Z.aria.colIndex,t+1),this.widget.sorter&&this.widget.sorter.sActiveSortedIndex&&this.widget.sorter.sActiveSortedIndex===o.sFieldIndex&&n.setAttribute(i.Z.attr.sorted,""),e.appendChild(n),n}},{key:"insertRows",value:function(e){for(var t=this.widget,o=this.oBody,n=t.leftColumnBody.oBody,r=t.rightColumnBody.oBody,i=document.createDocumentFragment(),a=document.createDocumentFragment(),s=document.createDocumentFragment(),l=o.childNodes.length,d=t.nLeftFrozenColumns,c=t.nRightFrozenColumns,u=t.getRightIndex(),h=0;h<e;h++)d&&a.appendChild(this.insertRow(l+h,0,d)),i.appendChild(this.insertRow(l+h,d,u)),c&&s.appendChild(this.insertRow(l+h,u));this.oFragment=i,o.appendChild(i),n.appendChild(a),r.appendChild(s)}},{key:"insertRow",value:function(e){var t=this,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=document.createElement(i.Z.zgRow.tagName);r.widget=this.widget;var a=this.widget.aColumnMapping;return r.setBodyIndexes(e),a.forEach((function(e,i){-1!==o&&i>=o&&(null===n||i<n)&&t.insertCellContainer(r,i,e)})),this.widget.oCard&&r.appendChild(document.createElement(i.Z.zgCard.tagName)),r}},{key:"insertRowsPerFrame",value:function(e){for(var t=document.createDocumentFragment(),o=this.oBody.childNodes.length,n=0;n<e;n++)t.appendChild(this.insertRow(o+n,-1));this.oBody.appendChild(t)}},{key:"removeRow",value:function(){this.oBody.removeChild(this.oBody.lastChild)}}],o&&d(t.prototype,o),r&&d(t,r),Object.defineProperty(t,"prototype",{writable:!1}),l}(r.Z);p.prototype.renderSelectionMask=function(){var e=this.widget.webcomponent,t=this.oDOMWrapper.querySelector("zg-selector-mask");t||(t=document.createElement("zg-selector-mask"),e._appendChild(t)),this.oElSelectionMask=t,t.widget=this.widget,t.oColumnBody=this,t.setAttribute("slot","".concat(this.oDOMWrapper.id,"gridselectmask"))},p.prototype.renderFocusMask=function(){var e=this.widget.webcomponent,t=this.oDOMWrapper.querySelector("zg-focus");t||(t=document.createElement("zg-focus"),e._appendChild(t)),this.oElFocusCellMaskBorder=t,t.widget=this.widget,t.oColumnBody=this,t.setAttribute("slot","".concat(this.oDOMWrapper.id,"gridfocus"))};const g=p},72546:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>h});var n=o(31769),r=o(55040),i=o(87822);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function s(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==a(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===a(i)?i:String(i)),n)}var r,i}function l(){return l="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=u(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},l.apply(this,arguments)}function d(e,t){return d=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},d(e,t)}function c(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=u(e);if(t){var r=u(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===a(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function u(e){return u=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},u(e)}const h=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&d(e,t)}(h,e);var t,o,r,a=c(h);function h(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,h),(e=e||{})._defaults={rendered:!1,columnResizable:!1},(t=a.call(this,e)).init(),t}return t=h,(o=[{key:"init",value:function(){this.render(),this.widget.on("render",this.ons,this)}},{key:"render",value:function(){this.tooltips={},this.el=n.Z.get(this.oFoot),this.renderFocusMask()}},{key:"ons",value:function(){var e=this.el;e.on("click",this.onClickFoot,this,{sDelegateTo:i.Z.zgCell.tagName},!1),e.on("dblclick",this.onDBLClickFoot,this,{sDelegateTo:i.Z.zgCell.tagName}),e.on("mousedown",this.onMouseDownFoot,this,{sDelegateTo:i.Z.zgCell.tagName},!1)}},{key:"onClickFoot",value:function(e,t){this.widget.batchEditor.isActive()&&(e.stopEvent(),this.onDBLClickFoot(e,t))}},{key:"onDBLClickFoot",value:function(e,t){t&&"frozen"===t.parentNode.getAttribute("type")&&this.widget.editorManager.onDoubleClick(t)}},{key:"onMouseDownFoot",value:function(e,t){2!==e.nButton&&this.widget.bHasSelectorEnabled&&t&&"frozen"===t.parentNode.getAttribute("type")&&(this.widget.footerFocusManager.focusTarget(t),e.stopEvent())}},{key:"insertRows",value:function(e){for(var t=[document.createDocumentFragment(),document.createDocumentFragment(),document.createDocumentFragment()],o=this.oFoot,n=this.widget.leftColumnFooter.oFoot,r=this.widget.rightColumnFooter.oFoot,i=0;i<e;i++)this.insertRow(!1,t);n.appendChild(t[0]),o.appendChild(t[1]),r.appendChild(t[2]),window.ShadyDOM&&window.ShadyDOM.flush()}},{key:"insertRow",value:function(e,t){var o,n=this,r=this.widget,a=r.aColumnMapping,s="zg-row",l=this.oFoot,d=r.nLeftFrozenColumns,c=r.nRightFrozenColumns,u=r.aColumnMapping.length,h=[];if(d?h.push(document.createElement(s)):h.push(null),h.push(document.createElement(s)),c?h.push(document.createElement(s)):h.push(null),h.forEach((function(e){return e?e.widget=r:null})),a.forEach((function(t,o){d&&o>=0&&o<d?n.insertFootCellContainer(h[0],e,o):c&&o>=u-c?n.insertFootCellContainer(h[2],e,o):n.insertFootCellContainer(h[1],e,o)})),!t){var f=r.leftColumnFooter.oFoot,p=r.rightColumnFooter.oFoot;d&&f.appendChild(h[0]),l.appendChild(h[1]),c&&p.appendChild(h[2])}return h.forEach((function(e,n){var a;e&&(e.setAttribute(i.Z.attr.type,"aggregate"),t?(a=t[n].querySelectorAll(s).length,t[n].appendChild(e)):a=l.querySelectorAll(s).length-1,a+=r.getAllHeaderDepth()+r.getRowContainerCount(),o=a-r.getAllHeaderDepth()+r.nTopFrozenRows,e.rowIndex=a,e.dataRowIndex=o,e.setAttribute(i.Z.aria.rowIndex,a+1))})),h}},{key:"insertFootCellContainer",value:function(e,t,o){var n=i.Z.zgCell.tagName,r=document.createElement(n);r.widget=this.widget,r.setAttribute("cellindex",o),r.setAttribute("rowfooter",""),r.setAttribute(i.Z.attr.role,"gridcell"),e.appendChild(r)}},{key:"removeRow",value:function(){for(var e=[this.oFoot,this.widget.leftColumnFooter.oFoot,this.widget.rightColumnFooter.oFoot],t=0;t<e.length;t++){var o=e[t];o&&o.lastChild&&o.removeChild(o.lastChild)}}},{key:"renderFocusMask",value:function(){var e=this.widget.webcomponent,t=this.oDOMWrapper.querySelector("zg-focus"),o=this.oDOMWrapper.id.replace("freeze-frame-","");o=o.replace("-foot",""),t||(t=document.createElement("zg-focus"),e._appendChild(t)),this.oElFocusCellMaskBorder=t,t.widget=this.widget,t.oColumnFoot=this.oFoot,t.setAttribute("area","footer"),t.setAttribute("slot","".concat(o,"footfocus"))}},{key:"destroy",value:function(){l(u(h.prototype),"destroy",this).call(this),this.oFoot=null,this.oColGroup=null,this.el=null}}])&&s(t.prototype,o),r&&s(t,r),Object.defineProperty(t,"prototype",{writable:!1}),h}(r.Z)},64514:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>f});var n=o(31769),r=o(55040),i=o(87822),a=o(37486);function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function l(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==s(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===s(i)?i:String(i)),n)}var r,i}function d(){return d="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=h(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},d.apply(this,arguments)}function c(e,t){return c=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},c(e,t)}function u(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=h(e);if(t){var r=h(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===s(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function h(e){return h=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},h(e)}const f=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&c(e,t)}(f,e);var t,o,r,s=u(f);function f(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,f),(e=e||{})._defaults={rendered:!1,columnResizable:!1},(t=s.call(this,e)).init(),t}return t=f,(o=[{key:"init",value:function(){this.render(),this.widget.on("render",this.ons,this)}},{key:"render",value:function(){this.tooltips={},this.el=n.Z.get(this.oHead),this.oHead.oColumnHeader=this,this.renderFocusMask()}},{key:"associateColGroup",value:function(e){return this.oColGroup=e,e.setAttribute("slot","gridcolgroup"),e.id="gridcolgroup",this.oColGroup}},{key:"ons",value:function(){var e=this.el;e.on("click",this.onClickHead,this,{sDelegateTo:i.Z.zgCell.tagName},!1),e.on("dblclick",this.onDBLClickHead,this,{sDelegateTo:i.Z.zgCell.tagName},!1),e.on("mousedown",this.onMouseDownHead,this,{sDelegateTo:i.Z.zgCell.tagName},!1)}},{key:"onClickHead",value:function(e,t){this.widget.batchEditor.isActive()&&(e.stopEvent(),this.onDBLClickHead(e,t))}},{key:"onDBLClickHead",value:function(e,t){t&&"frozen"===t.parentNode.getAttribute("type")&&this.widget.editorManager.onDoubleClick(t)}},{key:"onMouseDownHead",value:function(e,t){2!==e.nButton&&this.widget.bHasSelectorEnabled&&t&&"frozen"===t.parentNode.getAttribute("type")&&(this.widget.headerFocusManager.focusTarget(t),e.stopEvent())}},{key:"insertRows",value:function(e){for(var t=[document.createDocumentFragment(),document.createDocumentFragment(),document.createDocumentFragment()],o=this.oHead,n=this.widget.leftColumnHeader.oHead,r=this.widget.rightColumnHeader.oHead,i=0;i<e;i++)this.insertRow(!1,!1,t);n.appendChild(t[0]),o.appendChild(t[1]),r.appendChild(t[2]),window.ShadyDOM&&window.ShadyDOM.flush()}},{key:"insertRow",value:function(e,t,o){var n=this,r=this.widget.aColumnMapping,a=i.Z.zgRow.tagName,s=this.oHead,l=this.widget.nLeftFrozenColumns,d=this.widget.nRightFrozenColumns,c=this.widget.aColumnMapping.length,u=[];if(l?u.push(document.createElement(a)):u.push(null),u.push(document.createElement(a)),d?u.push(document.createElement(a)):u.push(null),u.forEach((function(e){return e?e.widget=n.widget:null})),r.forEach((function(o,r){l&&r>=0&&r<l?n.insertHeaderCellContainer(u[0],e,t,r):d&&r>=c-d?n.insertHeaderCellContainer(u[2],e,t,r):n.insertHeaderCellContainer(u[1],e,t,r)})),e||t){var h=this.widget.leftColumnHeader.oHead,f=this.widget.rightColumnHeader.oHead;l&&h.appendChild(u[0]),s.appendChild(u[1]),d&&f.appendChild(u[2])}else this.widget.bHasSorterEnabled&&u.forEach((function(e){return e?e.setAttribute(i.Z.sort.attr,""):null}));return u.forEach((function(n,r){var l;n&&(o?(l=o[r].querySelectorAll(a).length,o[r].appendChild(n)):l=s.querySelectorAll(a).length-1,n.rowIndex=l,n.setAttribute(i.Z.aria.rowIndex,l+1),0===l&&(e||t)&&n.setAttribute(i.Z.attr.internaltop,""))})),u}},{key:"insertHeaderCellContainer",value:function(e,t,o,n){var r;r=t?i.Z.zgFilter.tagName:o?i.Z.zgCell.tagName:i.Z.zgHeadCell.tagName;var s=document.createElement(r),l=n,d=this.widget.aColumnMapping[l];s.widget=this.widget,s.setAttribute("cellindex",l),s.setAttribute(i.Z.attr.role,"columnheader"),s.setAttribute(i.Z.aria.colIndex,l+1),o?s.setAttribute("rowheader",""):s.setAttribute(i.Z.attr.datafocus,""),a.hj(d.mWidth)&&s.setAttribute(i.Z.attr.width,""),e.appendChild(s)}},{key:"removeRow",value:function(){this.oHead.children.length&&this.oHead.removeChild(this.oHead.lastChild)}},{key:"renderFocusMask",value:function(){var e=this.widget.webcomponent,t=this.oDOMWrapper.querySelector("zg-focus"),o=this.oDOMWrapper.id.replace("freeze-frame-","");o=o.replace("-head",""),t||(t=document.createElement("zg-focus"),e._appendChild(t)),this.oElFocusCellMaskBorder=t,t.widget=this.widget,t.oColumnHead=this.oHead,t.setAttribute("area","header"),t.setAttribute("slot","".concat(o,"headfocus"))}},{key:"destroy",value:function(){d(h(f.prototype),"destroy",this).call(this),this.oHead=null,this.oColGroup=null,this.oDOMWrapper=null,this.el=null,this.oElFocusCellMaskBorder=null,this.tooltips=null}}])&&l(t.prototype,o),r&&l(t,r),Object.defineProperty(t,"prototype",{writable:!1}),f}(r.Z)},82383:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(37486),r=o(87822),i=(o(24706),o(19791)),a=o(96766);function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function l(e){return function(e){if(Array.isArray(e))return d(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return d(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return d(e,t)}(e)||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 d(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==s(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===s(i)?i:String(i)),n)}var r,i}const u=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.store=this.widget.store}var t,o,s;return t=e,(o=[{key:"calculateAggregateRow",value:function(e,t){var o,n="",r=e.sTargetRecordIndex,i=e._columnConfig;i.aAggregateValues=[];var s=i.fnAggregateRenderer;t=t||i.sTypeAggregateValue;var l=this.store.getRowData(r),d=this.getAggregateRowData([l],null,e.aTargetFieldIndex);if(void 0!==this[t]){var c=this[t](null,d,i);n='<span class="aggregate-value">'.concat(o=c,"</span>"),i.aAggregateValues.push(c)}else t&&((n=o=this.calculateAggregateTemplate(t,null,d,i,i.aAggregateValues))!==t||s||(s=i.fnAggregateRenderer=a.Z.setUserFunction(null,t)));if(s){var u=s.scope||null;n=s.method.apply(u,[l,d,o,r])||n||""}return n}},{key:"calculateAggregateColumn",value:function(e,t,o,n,i,s,l){if(!e)return"";var d=this.widget.groupbyManager,c=null;n.sGroupHeadCell&&s&&(c=d.calculateGroupDataAggregate(s));var u=this.store.getDataByFieldIndex(o,void 0,c),h="";if(n.sCellType===r.Z.cellTypes.aggregate)return this.calculateAggregateColumnRow(e,t,o,n,i);if(t){var f=t.scope||null;h=c?d.customRenderer(t,s,l):t.method.apply(f,[u,o])||""}else if(void 0!==this[e]){var p=this[e](o,c),g=p;if("count"!==e){var m=n.sCellType,b=this.widget.selectorEngineManager.$cell(0,i);if(b&&("number"===m||"currency"===m)){var v=n.fnRenderer;!v&&n.oDOMZGColumn.renderer&&(v=n.fnRenderer=a.Z.setUserFunction(null,n.oDOMZGColumn.renderer)),g=n.fnRenderer.method.apply(n,[p,null,b])}}h='<bdi class="aggregate-label">'.concat(e.charAt(0).toUpperCase()+e.slice(1),'</bdi><span class="aggregate-colon">:</span>'),h+=' <span class="aggregate-value">'.concat(g,"</span>")}else h=this.calculateAggregateTemplate(e,o,c);return-1===h.indexOf("<bdi")&&(h='<bdi class="aggregate-label">'.concat(h,"</bdi>")),h}},{key:"calculateAggregateColumnRow",value:function(e,t,o,r,i){if(!e)return"";var a,s="",l=t||r.fnAggregateRenderer,d=r.sTypeAggregateValue,c=n.h8(r.sFieldIndex),u=this.store.getAllRowData(),h=this.getAggregateRowData(u,d,c);if(void 0!==this[e]?(a=this[e](null,h,r),s='<bdi class="aggregate-label">'.concat(e.charAt(0).toUpperCase()+e.slice(1),'</bdi><span class="aggregate-colon">:</span>'),s+=' <span class="aggregate-value">'.concat(a,"</span>")):e&&(s=a=this.calculateAggregateTemplate(e,null,h,r)),l){var f=l.scope||null;s=l.method.apply(f,[u,h,a])||s||""}return s}},{key:"calculateAggregateTemplate",value:function(e,t,o,r,i){var a,s=this,l=n.Ld.escapeRegExp(this.store.templateStartDelimiter),d=n.Ld.escapeRegExp(this.store.templateEndDelimiter);return a=new RegExp(l+"(.*?)"+d,"g"),e.replace(a,(function(e,n){var a=n.trim(),l="";return void 0!==s[a]&&(l=s[a](t,o,r),i&&i.push(+l)),l}))}},{key:"getAggregateRowData",value:function(e,t,o){for(var r,i,s=this,l=[],d=e.length,c=function(){var d=e[u],c=[],h=!1;for(var f in d)if(!o||-1!==o.indexOf(f)){var p=d[f];null===p||isNaN(p)||c.push(+p)}if(t&&void 0!==s[t]){var g=s[t](null,c,null);l.push(+g),h=!0}else t&&((i=s.calculateAggregateTemplate(t,null,c,null,l))!==t||r?i!==t&&(h=!0):r=a.Z.setUserFunction(null,t));if(r){var m=r.scope||null;i=r.method.apply(m,[d,c]),n.Uh(i)&&("number"==typeof i?(h=!0,l.push(i)):"string"==typeof i&&i.match(/\d+/g).map((function(e){h=!0,l.push(+e)})))}h||l.push.apply(l,c)},u=0;u<d;u++)c();return l}},{key:"calculate",value:function(e,t,o){var n=this[e],r="";if(!n)return"";if(t.fieldIndex){var i=t.fieldIndex;r=n.apply(this,[i,o])}else r=n.apply(this,[null,o]);return r}},{key:"count",value:function(e,t,o){t=t||this.getDataSource();var n=e?this.store.getDataByFieldIndex(e,!0,t):t;return(n=n.filter((function(e){return e||0===e}))).length}},{key:"min",value:function(e,t,o){if(!(t=t||this.getDataSource()).length)return 0;var r=e?this.store.getDataByFieldIndex(e,void 0,t):t,i=Math.min.apply(Math,l(r));return i===1/0&&(i=0),o&&(i=n.uf(i,o,this.widget)),i}},{key:"max",value:function(e,t,o){if(!(t=t||this.getDataSource()).length)return 0;var r=e?this.store.getDataByFieldIndex(e,void 0,t):t,i=Math.max.apply(Math,l(r));return i===-1/0&&(i=0),o&&(i=n.uf(i,o,this.widget)),i}},{key:"avg",value:function(e,t,o){if(!(t=t||this.getDataSource()).length)return 0;var r=this.sum(e,t),i=Math.round(r/t.length*100)/100;return o&&(i=n.uf(i,o,this.widget)),i}},{key:"sum",value:function(e,t,o){if(!(t=t||this.getDataSource()).length)return 0;var r=(e?this.store.getDataByFieldIndex(e,void 0,t):t).reduce((function(e,t){return e+t}),0),i=Math.round(100*r)/100;return o&&(i=n.uf(i,o,this.widget)),i}},{key:"getDataSource",value:function(){var e=this.widget.filter,t=this.store.aOrderedData;return e&&e.bUseFilter&&(t=e.aFiltered),t}},{key:"getAggregateColumnHeader",value:function(e){var t=e.sTypeAggregateValue,o=i.default.get("aggregate",this.widget),n="";return o[t]&&(n=o[t]),n}},{key:"destroy",value:function(){this.widget=null,this.store=null}}])&&c(t.prototype,o),s&&c(t,s),Object.defineProperty(t,"prototype",{writable:!1}),e}()},69059:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>d});var n=o(87822);function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function i(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(i=n.key,a=void 0,a=function(e,t){if("object"!==r(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==r(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(i,"string"),"symbol"===r(a)?a:String(a)),n)}var i,a}var a=n.Z.cellBreak,s=a.ellipsis,l=a.cellBreakPrep;const d=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.ZG=this.widget.webcomponent}var t,o,r;return t=e,(o=[{key:"setCellBreak",value:function(e){this.sGridType=e||this.ZG.getAttribute(n.Z.cellBreak.attr),this.cellActions(this.setCells)}},{key:"prepCellBreak",value:function(){this.sGridType=this.ZG.getAttribute(n.Z.cellBreak.attr),this.cellActions(this.prepCells)}},{key:"cellActions",value:function(e){for(var t=this,o=this.getGridCellBreak(),n=this.widget.aColumnMapping,r=function(){var r=n[i],a=t.isColumnOverride(r,o);t.widget.getDataCellsByIndex(i).forEach((function(t){e(t,a,r)}))},i=0,a=n.length;i<a;i++)r()}},{key:"prepCells",value:function(e,t){t===s&&e.setAttribute(l,"")}},{key:"setCells",value:function(e,t,o){if(e.hasAttribute(n.Z.attr.title)&&e.removeAttribute(n.Z.attr.title),t===n.Z.cellBreak.default||null===t)e.removeAttribute(n.Z.cellBreak.attr);else{var r=o.mWidth,i=e.widget.webcomponent.width,a=!(o.sFrozen&&i)&&("fit"===r||"fitcontent"===r)||o.bHasCellTooltip;t!==n.Z.cellBreak.ellipsis||a||t===n.Z.cellBreak.ellipsis&&e.setAttribute(n.Z.attr.title,e.textContent),e.hasAttribute(l)&&e.removeAttribute(l),e.setAttribute(n.Z.cellBreak.attr,t)}}},{key:"isAllowedType",value:function(e){return n.Z.cellBreak.allowedTypes.indexOf(e)>-1}},{key:"getGridCellBreak",value:function(){var e=this.sGridType,t=this.isAllowedType(e);return e&&t||(e=n.Z.cellBreak.default),e}},{key:"getCellBreakByColumn",value:function(e){var t=this.getGridCellBreak(),o=this.widget.aColumnMapping[e];return this.isColumnOverride(o,t)}},{key:"isColumnOverride",value:function(e,t){var o=e.sCellBreak,n=t;return o&&this.isAllowedType(o)&&(n=o),n}}])&&i(t.prototype,o),r&&i(t,r),Object.defineProperty(t,"prototype",{writable:!1}),e}()},29058:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>d});var n=o(37486);function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function i(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(i=n.key,a=void 0,a=function(e,t){if("object"!==r(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==r(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(i,"string"),"symbol"===r(a)?a:String(a)),n)}var i,a}function a(e,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},a(e,t)}function s(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=l(e);if(t){var i=l(this).constructor;o=Reflect.construct(n,arguments,i)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===r(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function l(e){return l=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},l(e)}const d=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&a(e,t)}(d,e);var t,o,r,l=s(d);function d(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,d),(e=e||{})._defaults={initAfterRender:!0},l.call(this,e)}return t=d,(o=[{key:"init",value:function(){this.savedValue="",this.render(),this.ons()}},{key:"render",value:function(){this.savedValue=""}},{key:"ons",value:function(){var e=this.widget.webcomponent;e.on("key ctrl v",this.onKeyCtrlVDocument,this),e.on("key shift insert",this.onKeyCtrlVDocument,this),e.on("key ctrl c",this.onKeyCtrlCDocument,this),e.on("key ctrl insert",this.onKeyCtrlCDocument,this)}},{key:"onKeyCtrlCDocument",value:function(e){this.oData=this.widget.selector.se.fullData(),this.sData=this.widget.selector.se.fullDisplay();var t=this.getSelectedCellsData(this.sData),o={data:this.oData,text:t};this.fire("beforecopy",o),t=o.text,this.savedValue=t,this.copyClipboardContent(t),this.fire("copy",o)}},{key:"onKeyCtrlVDocument",value:function(){var e={data:this.oData,text:this.savedValue};this.fire("paste",e)}},{key:"getSelectedCellsData",value:function(e){var t,o=this.widget;if(!(t=o.selector.se.rawData())){if(!o.menuManager||!o.menuManager.lastCell)return e||"";t=o.menuManager.lastCell.rawData()}return null==t?"":n.kJ(t)?(t.length&&!n.kJ(t[0])&&(t=[t]),t.reduce((function(e,t){return e+t.reduce((function(e,t,o){return t=null==t?"":t,o?e+"\t"+t:e+t}),"")+"\n"}),"")):e||t.toString()}},{key:"copyClipboardContent",value:function(e){var t=this.widget.webcomponent;t.oDOMClipboard.value=e;try{navigator&&navigator.clipboard.writeText(t.oDOMClipboard.value)}catch(e){console.error(e)}}}])&&i(t.prototype,o),r&&i(t,r),Object.defineProperty(t,"prototype",{writable:!1}),d}(o(55040).Z)},13495:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>c});var n=o(31769),r=o(87822),i=o(19791);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function s(e){return function(e){if(Array.isArray(e))return l(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return l(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return l(e,t)}(e)||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 l(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function d(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==a(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===a(i)?i:String(i)),n)}var r,i}const c=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.oElMenu=null,this.menuItems=[],this.activeMenu=null}var t,o,a;return t=e,(o=[{key:"initMenu",value:function(){var e=this.widget,t=e.webcomponent;this.oElMenu&&(this.oElMenu.remove(),this.menuItems=[]);var o=e.getByTagName(t.children,"zg-menu",null,"columnMenu");if(o.length?this.oElMenu=o[0]:this.oElMenu=null,this.oElMenu)for(var n=0;n<e.aColumnMapping.length;n++)this.associateItem(e.aColumnMapping[n],n);else{this.oElMenu=document.createElement("zg-menu"),this.oElMenu.id=this.id||"columnMenu",this.oElMenu.setAttribute(r.Z.attr.hidden,"");for(var i=document.createDocumentFragment(),a=0;a<e.aColumnMapping.length;a++)this.addItem(e.aColumnMapping[a],a,i);this.oElMenu.appendChild(i),e.bHasAttachedToDOM&&e.webcomponent.appendChild(this.oElMenu)}}},{key:"associateItem",value:function(e,t){var o=this,n=this.oElMenu.querySelectorAll("zg-button")[t];n.oCheckbox.checked=!e.bHidden,n.oCheckbox.on("statechanged",(function(n){return o.updateColumnState(n,e,t)})),this.menuItems[e.sColumnId]=n}},{key:"addItem",value:function(e,t,o){var n=this,a=this.oElMenu,s=document.createElement("zg-menu-item");s.menu=a,s.menuManager=this.widget.columnMenu,s.setAttribute(r.Z.attr.role,"menuitemcheckbox");var l=document.createElement(r.Z.zgButton.tagName);l.setAttribute(r.Z.attr.action,"checkbox"),l.oCheckbox.checked=!e.bHidden;var d=e.sCellType;e.sMenuText?l.textContent=e.sMenuText:r.Z.internalColumnTypes.indexOf(d)>-1?l.textContent=i.default.get("columntypes",this.widget,{element:l.oLabel,elProperty:"innerHTML",langProperty:d})[d]:l.textContent=e.sColumnHeaderText,l.oCheckbox.on("statechanged",(function(o){return n.updateColumnState(o,e,t)})),l.oIcon.setAttribute(r.Z.attr.hidden,""),s.appendChild(l),o.appendChild(s),this.menuItems[e.sColumnId]=l}},{key:"closeMenu",value:function(e){e&&n.Z.elContains(this.oElMenu,e)||(this.widget.focusManager.focusGrid(!0),this.oElMenu._hide(),this.oButton&&(this.oButton.removeAttribute(r.Z.aria.expanded),this.oButton=null),this.activeMenu=null)}},{key:"isMenuOpen",value:function(){return!!this.activeMenu}},{key:"openColumnMenu",value:function(e){var t=this.widget.webcomponent.querySelectorAll(r.Z.zgMenu.tagName),o=this.oElMenu;if(t&&0!==t.length){s(t).forEach((function(e){return e.setAttribute(r.Z.attr.hidden,"")})),o._show();var n=this.widget.webcomponent;o.calculateMenuPosition(e,n),o.querySelector(r.Z.zgMenuItem.tagName).focus(),this.activeMenu=o}}},{key:"updateColumnState",value:function(e,t,o){if(!this.widget.bPreloaded&&t.bHidden!==e.checked){var n=this.widget;t.nPriority&&delete t.nPriority,n.updater.toggleColumn(o,e.checked),n._updateHiddenColumn(!e.checked,t,!0)}}}])&&d(t.prototype,o),a&&d(t,a),Object.defineProperty(t,"prototype",{writable:!1}),e}()},2082:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(37486);function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function i(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(i=n.key,a=void 0,a=function(e,t){if("object"!==r(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==r(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(i,"string"),"symbol"===r(a)?a:String(a)),n)}var i,a}const a=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.ZG=this.widget.webcomponent}var t,o,r;return t=e,(o=[{key:"initDialog",value:function(e){var t=this,o=this.ZG.oDOMDialog;o.setDialog(e);var n=function(){t.se&&t.se.select(!0)};o.on("dialogConfirm",n,this),o.on("dialogCancel",n,this);var r=o.$bodycontent.querySelector(".zg-dialog-body-details-row");return r.innerHTML="",r}},{key:"openCellDetails",value:function(e){var t,o=this.widget,r=o.store,i=e._columnConfig,a=null,s={},l=o.groupbyManager;this.se=o.selectorEngineManager.$cell(e.nStartRowIndex,e.nStartColumnIndex);var d=e.sTargetRecordIndex,c=e.sGroupRecordIndex;c?t=s=l.calculateIndexData(e):(t=r.get(d).oRecordRawData,s=e.indexData()),i.oDOMDetailsTemplate&&(a=i.oDOMDetailsTemplate);var u=this.initDialog("record-info");if(a&&(c?l.calculateTemplate(s,t,a,u):r.processTemplate(a,u,e,!0,void 0,s)),e.fnDetailsRenderer&&e.fnDetailsRenderer.method){var h=e.fnDetailsRenderer.method,f=[s,t,u,e],p=e.fnDetailsRenderer.scope,g=h.apply(p,f);n.Uh(g)&&(u.innerHTML=g)}o.selector.deSelectAll(),this.ZG.oDOMDialog.$confirm.focus()}},{key:"openDetailsMessage",value:function(e,t,o){var n=this.initDialog("details");e?n.innerHTML=e:t&&(n.innerHTML=t.call()),o&&(this.ZG.oDOMDialog.$label.innerHTML=o)}}])&&i(t.prototype,o),r&&i(t,r),Object.defineProperty(t,"prototype",{writable:!1}),e}()},46268:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>l});var n=o(87822),r=o(19791);function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function a(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,a=void 0,a=function(e,t){if("object"!==i(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===i(a)?a:String(a)),n)}var r,a}var s=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.ZG=this.widget.webcomponent,this.ZG.dialogArr=[]}var t,o,i;return t=e,(o=[{key:"initDialogs",value:function(){this.buildDialogs();var e=document.createElement(n.Z.zgDialog.tagName);e.setAttribute(n.Z.zgDialog.internal,""),e.slot=n.Z.zg.slot.dialogInternal,this.ZG.oDOMDialog=e,this.ZG.appendChild(e)}},{key:"refreshDialogs",value:function(){this.ZG.dialogArr=[],this.buildDialogs()}},{key:"buildDialogs",value:function(){var t=this,o={confirm:{text:r.default.get("dialog.create",this.widget)},label:r.default.get("dialog.recordCreate.label",this.widget),type:"record-create",body:'\n      <div id="inputs" class="zg-dialog-editor-row-inputs">\n      </div>\n      '};this.ZG.dialogArr.push(o);var n={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:r.default.get("dialog.recordInfo.label",this.widget),type:"record-info",body:'<div class="zg-dialog-body-details-row"></div>'};this.ZG.dialogArr.push(n);var i={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:r.default.get("dialog.details.label",this.widget),type:"details",body:'<div class="zg-dialog-body-details-row"></div>'};this.ZG.dialogArr.push(i);var a={confirm:{text:r.default.get("dialog.save",this.widget)},label:r.default.get("dialog.recordUpdate.label",this.widget),type:"record-update",body:'\n        <div id="inputs" class="zg-dialog-editor-row-inputs">\n        </div>\n      '};this.ZG.dialogArr.push(a);var s={confirm:{text:r.default.get("dialog.save",this.widget)},label:r.default.get("dialog.fieldUpdate.label",this.widget),type:"field-update",body:'\n        <div id="inputs" class="zg-dialog-editor-row-inputs">\n        </div>\n      '};this.ZG.dialogArr.push(s);var l={confirm:{text:r.default.get("dialog.delete",this.widget)},label:r.default.get("dialog.recordDelete.label",this.widget),type:"record-delete",body:'\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="removerecord" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <p>'.concat(r.default.get("dialog.recordDelete.body",this.widget),"</p>\n        </div>\n      ")};this.ZG.dialogArr.push(l);var d={confirm:{text:r.default.get("dialog.ok",this.widget)},label:r.default.get("dialog.batchEdit.cancel.label",this.widget),type:"cancel-batch-edit",body:'<div class="zg-dialog-body-batch-edit"></div>'};this.ZG.dialogArr.push(d);var c={confirm:{text:r.default.get("dialog.save",this.widget)},label:r.default.get("dialog.batchEdit.commit.label",this.widget),type:"commit-batch-edit",body:'<div class="zg-dialog-body-batch-edit"></div>'};this.ZG.dialogArr.push(c);var u={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:"This is an error dialog",type:"view-error",body:'\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="error" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <div class="zg-dialog-body-content">\n            <p>This is an error dialog message.</p>\n          </div>\n        </div>\n      '};this.ZG.dialogArr.push(u);var h={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:"This is an info dialog",type:"view-info",body:'\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="info" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <div class="zg-dialog-body-content">\n            <p>This is an info dialog message.</p>\n          </div>\n        </div>\n      '};this.ZG.dialogArr.push(h);var f={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:"This is a success dialog",type:"view-success",body:'\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="success" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <div class="zg-dialog-body-content">\n            <p>This is a success dialog message.</p>\n          </div>\n        </div>\n      '};this.ZG.dialogArr.push(f);var p={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:"This is a warn dialog",type:"view-warn",body:'\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="warning" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <div class="zg-dialog-body-content">\n            <p>This is a warn dialog message with 2 positioned, slotted icons.</p>\n          </div>\n          <zg-icon name="warning" slot="icon3"></zg-icon>\n          <slot name="icon3"></slot>\n        </div>\n      '};this.ZG.dialogArr.push(p);var g=new Date(ZingGrid.versionDate),m=new Intl.DateTimeFormat(r.default.getLocale(this.widget),{month:"short",year:"numeric",day:"numeric",hour:"numeric",minute:"numeric",weekday:"short",timeZone:"UTC",timeZoneName:"short"}).format(g),b={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget),prevent:!0},label:r.default.get("dialog.version.label",this.widget),type:"zg-version",body:'\n        <div class="zg-dialog-body-icon-row">\n          ZingGrid v'.concat(ZingGrid.versionNum," ").concat(r.default.get("dialog.version.body",this.widget)," ").concat(m,"\n        </div>\n      ")};this.ZG.dialogArr.push(b),e.aCustomizations.forEach((function(e){return t.customize(e.type,e.options)}))}},{key:"customize",value:function(e,t){var o=this;if(t){if(!e||e===n.Z.zgDialog.all)return this.ZG.dialogArr.forEach((function(e){return o.customize(e.type,t)})),void(this.ZG.oDOMDialog&&(t.cancel&&(this.ZG.oDOMDialog.$cancel.innerHTML=t.cancel),t.confirm&&(this.ZG.oDOMDialog.$confirm.innerHTML=t.confirm),t.label&&(this.ZG.oDOMDialog.$label.innerHTML=t.label)));var r=this.ZG.dialogArr.filter((function(t){return t.type===e}))[0];r&&(t.label&&(r.label=t.label),t.cancel&&(r.cancel?r.cancel.text=t.cancel:r.cancel={text:t.cancel}),t.confirm&&(r.confirm?r.confirm.text=t.confirm:r.confirm={text:t.confirm}))}}},{key:"destroy",value:function(){this.widget=null,this.ZG.oDOMDialog=null,this.ZG.dialogArr.length=0,this.ZG=null}}])&&a(t.prototype,o),i&&a(t,i),Object.defineProperty(t,"prototype",{writable:!1}),e}();s.aCustomizations=[];const l=s},87349:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>l});var n=o(87822),r=o(31769),i=o(19791);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function s(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==a(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===a(i)?i:String(i)),n)}var r,i}const l=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.ZG=this.widget.webcomponent,this.dragElSelector="zg-shadow-cell",this.dragRemoveSelector="zg-shadow-remove",this.dragReorderSelector="zg-shadow-reorder"}var t,o,a;return t=e,(o=[{key:"setColumnDrag",value:function(){this.toggleHeadCellAttribute()}},{key:"toggleHeadCellAttribute",value:function(){var e,t=n.Z.drag.columnAttr,o=this.widget.getAllHeadCells(!0),r=this.widget.bColumnDrag;o.forEach((function(o){e=!o.MATCHED_COLUMN||o.MATCHED_COLUMN._oParsedColumnMapping.sDrag,r&&"disabled"!==e&&"false"!==e?o.setAttribute(t,""):o.removeAttribute(t)}))}},{key:"onStartColumnCommon",value:function(e,t){return this.bDragMoved=!1,!!this.widget.bColumnDrag&&t.oDOMTarget.tagName.toLowerCase()!==n.Z.zgColumnResize.tagName&&(this.MATCHED_COLUMN=e.MATCHED_COLUMN,this.nIndex=e.nIndex,"disabled"!==this.MATCHED_COLUMN.getAttribute("drag")&&(this.oGridCoords=this.widget.webcomponent.getBoundingClientRect(),this.xStart=this.oGridCoords.x,this.yStart=this.oGridCoords.y,this.setColumnSwitchValues(),!0))}},{key:"onDragMoveColumn",value:function(e){e.stopEvent();var t=this.widget,o=this.ZG.querySelector(n.Z.zgHeadCell.tagName),r="";if(this.bDragMoved=!0,!this.oShadow){this.oShadow=document.createElement("div"),this.oShadow.className=this.dragElSelector,t.bDragMove&&this.oShadow.classList.add(this.dragReorderSelector);var a=this.MATCHED_COLUMN._oParsedColumnMapping,s=a.sColumnHeaderText,l=a.sCellType;!s&&n.Z.internalColumnTypes.indexOf(l)>-1&&(s=i.default.get("columntypes",t)[l]),this.oShadow.setAttribute("slot","shadow"),this.oShadow.innerHTML=s,t.bDragHide?this.oShadow.setAttribute("data-content",i.default.get("drag.reorder",t)):this.oShadow.setAttribute("data-content"," "),t.webcomponent.appendChild(this.oShadow),r=this.oShadow.getBoundingClientRect().width,this.oShadow.setAttribute("ready",""),this.MATCHED_COLUMN.classList.add(n.Z.zgHeadCell.isReorderingClass);var d=parseInt(this.MATCHED_COLUMN._oParsedColumnMapping.oDOMSortHeader.HEAD_CELL_INDEX,10);t.getHeaderCells(d).forEach((function(e){return e.classList.add(n.Z.zgHeadCell.isReorderingClass)})),t.getFooterCells(d).forEach((function(e){return e.classList.add(n.Z.zgHeadCell.isReorderingClass)}))}var c=this.bTouch?20:10,u=this.bTouch?e.oBrowserEvent.touches[0].clientX:e.oBrowserEvent.clientX,h=this.bTouch?e.oBrowserEvent.touches[0].clientY:e.oBrowserEvent.clientY;if(this.oShadow.style.height="".concat(o.getBoundingClientRect().height,"px"),this.oShadow.style.width="".concat(r,"px"),this.oShadow.style.left="".concat(u-this.xStart-c,"px"),this.oShadow.style.top="".concat(h-this.yStart-c,"px"),t.bDragHide&&(u>this.oGridCoords.x+this.oGridCoords.width||u<this.oGridCoords.x||h>this.oGridCoords.y+this.oGridCoords.height||h<this.oGridCoords.y?(this.oShadow.classList.add(this.dragRemoveSelector),this.bDragHide=!0):(this.oShadow.classList.remove(this.dragRemoveSelector),this.bDragHide=!1),this.bDragHide?this.oShadow.setAttribute("data-content",i.default.get("drag.remove",t)):this.oShadow.setAttribute("data-content",i.default.get("drag.reorder",t))),t.bDragMove&&!this.bDragHide&&!this.bDragMove){var f=!1;this.bDragMove=!0;var p=null;if("right"!==this.area&&this.columnFrameRight&&u>this.columnFrameRight.x?p=this.rightFrame:"left"!==this.area&&this.columnFrameLeft&&u<this.columnFrameLeft.x+this.columnFrameLeft.width/2?p=this.leftFrame:this.columnMoveRight&&u>this.columnMoveRight.x?p=this.rightColumn:this.columnMoveLeft&&u<this.columnMoveLeft.x+this.columnMoveLeft.width/2&&(p=this.leftColumn),p){var g=t.getZGColumnIndex(p._oParsedColumnMapping);this.moveColumn(g),t.getHeaderCells(this.nIndex).forEach((function(e){return e.classList.add(n.Z.zgHeadCell.isReorderingClass)})),t.getFooterCells(this.nIndex).forEach((function(e){return e.classList.add(n.Z.zgHeadCell.isReorderingClass)})),f=!0}else this.bDragMove=!1;t.bDragHide&&this.oShadow.setAttribute("data-content",i.default.get("drag.reorder",t)),f&&this.bTouch&&this.onDragStopColumn()}}},{key:"onDragStopColumn",value:function(e){if(!this.bTouch||this.bDragMoved){e&&e.stopEvent();var t=r.Z.get(document);if(t.docUn("mousemove",this.onDragMoveColumn,this),t.docUn("mouseup",this.onDragStopColumn,this),t.docUn("touchmove",this.onDragMoveColumn,this),t.docUn("touchend",this.onDragStopColumn,this),t.docUn("touchcancel",this.onDragStopColumn,this),this.oShadow){this.bDragHide&&this.MATCHED_COLUMN.setAttribute("hidden",!0),this.widget.webcomponent.removeChild(this.oShadow),this.MATCHED_COLUMN.classList.remove(n.Z.zgHeadCell.isReorderingClass);var o=parseInt(this.MATCHED_COLUMN._oParsedColumnMapping.oDOMSortHeader.HEAD_CELL_INDEX,10);this.widget.getHeaderCells(o).forEach((function(e){return e.classList.remove(n.Z.zgHeadCell.isReorderingClass)})),this.widget.getFooterCells(o).forEach((function(e){return e.classList.remove(n.Z.zgHeadCell.isReorderingClass)})),this.oShadow=null}this.widget.bIsColumnMoverActive=!1}}},{key:"moveColumn",value:function(e){var t=this,o=this.widget,n=this.nIndex;o.savedScrollVal=o.oDOMMainScroll.scrollLeft,this.widget.moveColumn(n,e),this.nIndex=this.MATCHED_COLUMN._oParsedColumnMapping.oDOMSortHeader.nIndex,requestAnimationFrame((function(){return t.setColumnSwitchValues()}))}},{key:"setColumnSwitchValues",value:function(){var e,t,o=this.nIndex,n=this.widget,r=n.getAllColumns(),i=r.length;this.leftColumn=null,this.rightColumn=null,this.leftFrame=null,this.rightFrame=null,this.columnFrameRight=null,this.columnFrameLeft=null,this.area=n.getAreaByColumnIndex(o);var a=n.nRightFrozenColumns;if(a){var s=i-a;if(s>=0&&s<i){this.rightFrame=r[s];var l=this.rightFrame._oParsedColumnMapping.oDOMSortHeader;this.columnFrameRight=l.getBoundingClientRect()}}var d=n.nLeftFrozenColumns;if(d){var c=d-1;if(c>=0&&c<i){this.leftFrame=r[c];var u=this.leftFrame._oParsedColumnMapping.oDOMSortHeader;this.columnFrameLeft=u.getBoundingClientRect()}}for(var h=o-1;h>=0;h--)if(!r[h].hidden){this.leftColumn=r[h],e=r[h]._oParsedColumnMapping.oDOMSortHeader;break}for(var f=o+1;f<i;f++)if(!r[f].hidden){this.rightColumn=r[f],t=r[f]._oParsedColumnMapping.oDOMSortHeader;break}this.columnMoveLeft=e?e.getBoundingClientRect():null,this.columnMoveRight=t?t.getBoundingClientRect():null,this.bDragMove=!1}}])&&s(t.prototype,o),a&&s(t,a),Object.defineProperty(t,"prototype",{writable:!1}),e}()},11058:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>p});var n=o(31769),r=o(55040),i=o(87822),a=o(37486),s=o(24706);function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function d(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==l(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===l(i)?i:String(i)),n)}var r,i}function c(){return c="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=f(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},c.apply(this,arguments)}function u(e,t){return u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},u(e,t)}function h(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=f(e);if(t){var r=f(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===l(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}const p=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&u(e,t)}(g,e);var t,o,r,p=h(g);function g(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,g),(e=e||{})._defaults={initAfterRender:!0,prefix:"zing-grid-record-editor-",sTargetRecordIndex:null,_nScrollLeft:0,bIsOpen:!1},(t=p.call(this,e)).oActiveEditorField={},t.nTargetRowIndex=null,t}return t=g,(o=[{key:"init",value:function(){this.ons(),this.render()}},{key:"render",value:function(){var e=this.oDOMSubmitButton=document.createElement(i.Z.zgButton.tagName);e.setAttribute(i.Z.attr.action,"submitrecord"),e.setAttribute(i.Z.attr.tabindex,0);var t=this.oDOMCancelButton=document.createElement(i.Z.zgButton.tagName);t.setAttribute(i.Z.attr.action,"cancelrecord"),t.setAttribute(i.Z.attr.tabindex,0)}},{key:"isRecordEditorOpen",value:function(){return!!this.bIsOpen}},{key:"ons",value:function(){var e=this;this.widget.on("pagechange",(function(t){return e.cancelOpenEdit()})),this.widget.on("layoutchange",(function(t){return e.cancelOpenEdit()})),this.widget.on("beforesearch",(function(t){return e.cancelOpenEdit()})),this.widget.store.on("updatecomplete",(function(t,o){return e.closeRecordEditor(o)}))}},{key:"onResize",value:function(){var e=this.widget,t=e.editorFieldManager,o=e.webcomponent.oDOMEditorRow;if(null===this.nTargetRowIndex&&t.oActiveEditorField)o.positionEditorWithinRow(t.se,t.oActiveEditorField);else if(this.bIsOpen&&null!==this.nTargetRowIndex)for(var n=this.oActiveEditorField,r=0,i=e.aColumnMapping.length;r<i;r++){var a=e.selectorEngineManager.$cell(this.nTargetRowIndex,r),s=n[a.sTargetFieldIndex];s&&o.positionEditorWithinRow(a,s)}}},{key:"openNewRecordEditorFromCols",value:function(){var e=this.widget,t=e.editorFieldManager,o=e.aColumnMapping,n=e.editorManager;this.nTargetRowIndex=!0,this.oActiveEditorField={};for(var r=0,i=o.length;r<i;r++){var a=o[r],s=a.sFieldIndex;if(s&&a.oEditor&&!this.oActiveEditorField[s]){var l=this.se.column(s);if(this.oActiveEditorField[s]=t.openNewFieldEditor(l),n._isCardEdit(!0))break}}}},{key:"openNewRecordEditor",value:function(){var e=this.widget,t=e.editorManager,o=t.getInputContainers()[0];this.bIsOpen&&this.cancelOpenEdit(),e.webcomponent.oDOMCellOverflow.close(),this.sTargetRecordIndex=-1,this.openNewRecordEditorFromCols(),t.focusInput(),this.bIsOpen=!0;var n={dialog:e.webcomponent.oDOMDialog.$dialog,inputContainer:o,editorFields:this.oActiveEditorField};this.widget.fire("openinsert",n)}},{key:"openRecordEditor",value:function(e){var t,o,n=this.widget,r=n.editorManager,a=n.editorFieldManager,s=r.type,l=n.aColumnMapping,d=n.selectorEngineManager;n.webcomponent.oDOMCellOverflow.close(),this.bIsOpen&&this.cancelOpenEdit(),this.hookOffClickEvent(),a.oActiveEditorField&&(t=a.se.sTargetFieldIndex,o=a.oActiveEditorField,a.removeFieldEditor(o,null,!1,!0)),this.bCancelButtonRendered=this.bConfirmButtonRendered=!1,this.sTargetRecordIndex=n.getRecordIndexByDataRowContainerIndex(e),this.nTargetRowIndex=e,this.oActiveEditorField={};for(var c=0,u=l.length;c<u;c++){var h=d.$cell(e,c),f=h.dom(),p=l[c];if(f.tagName.toLowerCase()!==i.Z.zgCard.tagName&&!p.bHidden){var g=h.sTargetFieldIndex;if(s!==i.Z.editor.typeModal&&(h.sCellType===i.Z.internalColumn.recordeditor&&(this.oDOMEditButton=this.swapControl(f,this.oDOMSubmitButton,"bConfirmButtonRendered")),h.sCellType===i.Z.internalColumn.recordremover&&(this.oDOMDeleteButton=this.swapControl(f,this.oDOMCancelButton,"bCancelButtonRendered")),!this.bConfirmButtonRendered&&h.sCellType===i.Z.cellTypes.custom)){var m=f.querySelector('zg-button[action="editrecord"]');if(m){this.oDOMEditButton=this.swapControl(f,this.oDOMSubmitButton,"bConfirmButtonRendered",m);var b=f.querySelector('zg-button[action="removerecord"]');b&&(this.oDOMDeleteButton=this.swapControl(f,this.oDOMCancelButton,"bCancelButtonRendered",b))}}if(!(!h.oEditor||g&&this.oActiveEditorField[g])&&(g&&t===g?this.oActiveEditorField[g]=o:g&&(this.oActiveEditorField[g]=a.openFieldEditor(f)),r._isCardEdit()))break}}this.bConfirmButtonRendered&&!this.bCancelButtonRendered&&s!==i.Z.editor.typeModal&&this.oDOMSubmitButton.parentNode.insertBefore(this.oDOMCancelButton,this.oDOMSubmitButton.nextSibling),this.bIsOpen=!0}},{key:"swapControl",value:function(e,t,o,n){return(n=n||e.querySelector("div ".concat(i.Z.zgButton.tagName))).parentNode.insertBefore(t,n),n.setAttribute(i.Z.attr.hidden,""),this[o]=!0,n}},{key:"hookOffClickEvent",value:function(){n.Z.get(document).on("click",this.checkOffClick,this)}},{key:"checkOffClick",value:function(e,t){var o=this.widget.editorManager;if("zg-menu-item"!==t.tagName.toLowerCase()&&!this.widget.bIsColumnResizeActive&&this.isRecordEditorOpen()&&o.type===i.Z.editor.typeInline&&null!==this.nTargetRowIndex){var n=a.MV(t,i.Z.zgRow.tagName);n&&n.rowIndex==this.nTargetRowIndex||this.cancelOpenEdit()}}},{key:"cancelOpenEdit",value:function(e,t,o){var r=this.widget,i=this.oActiveEditorField;return!(o&&r.batchEditor.isActive()&&r.batchEditor.bCheckValidate||(n.Z.get(document).docUn("click",this.checkOffClick,this),null!==this.nTargetRowIndex?Object.keys(i).forEach((function(e){var t=i[e];r.editorFieldManager.closeFieldEditor(!0,null,t,!0),delete i[e]})):r.editorFieldManager.closeFieldEditor(!0),this.nTargetRowIndex=null,this.closeRecordEditor(t),0))}},{key:"onClickSubmit",value:function(e,t){var o,r=this.widget,a=r.store,s=this.sTargetRecordIndex;if(r.webcomponent.style.cursor="wait",e&&e.oDOMTarget&&(e.oDOMTarget.querySelector("#inputs").innerHTML=""),(o=this.loopEditRecord(!1))===i.Z.validation.fail)return this.widget.webcomponent.style.cursor=null,!1;n.Z.get(document).docUn("click",this.checkOffClick,this);var l=!1;r.savedScrollVal=r.oDOMMainScroll.scrollLeft,o&&(l=a.updateRecord(s,o,void 0,void 0,t)),l||this.closeRecordEditor(t)}},{key:"loopEditRecord",value:function(e){var t=null,o=this.widget;if(this.bIsOpen){if(null===this.nTargetRowIndex||this.widget.editorManager._isCardEdit())if(e)o.editorFieldManager.removeFieldEditor(this.oActiveEditorField),this.oActiveEditorField={},this.nTargetRowIndex=null;else{if((t=this.widget.editorFieldManager.closeFieldEditor())===i.Z.validation.fail)return t;this.widget.editorManager._isCardEdit()&&"object"===l(t)||(t=null)}else{var n=o.aColumnMapping,r=o.selectorEngineManager,a=this.oActiveEditorField;t={};for(var s=0,d=n.length;s<d;s++){var c=r.$cell(this.nTargetRowIndex,s);if(c.oEditor){var u=c.sTargetFieldIndex,h=a[u];if(h)if(e)o.editorFieldManager.removeFieldEditor(h,c,!0),delete a[u];else if(t[u]=o.editorFieldManager.closeFieldEditor(!1,c,h,!0),t[u]===i.Z.validation.fail)return i.Z.validation.fail}}e&&(this.nTargetRowIndex=null)}return t}}},{key:"onSubmitNewFromCols",value:function(){for(var e=this.widget,t=e.editorFieldManager,o=e.aColumnMapping,n=this.oActiveEditorField,r={},a=e.sNestedDataSeparator,l=0,d=o.length;l<d;l++){var c=o[l].sFieldIndex,u=n[c],h=this.se.column(c);if(u){var f=t.closeFieldEditor(!1,h,u,!0,void 0,!0);if(f===i.Z.validation.fail)return f;-1!==c.indexOf(a)?s.P_(r,c,f,a):r[c]=f}}return r}},{key:"onClickSubmitNew",value:function(e,t,o){var n=null,r=this.widget;if(e||t||(e="end"),this.widget.editorManager._isCardEdit(!0))n=this.widget.editorFieldManager.closeCardEditorNew(),this.oActiveEditorField={};else if(null!==this.nTargetRowIndex&&(n=this.onSubmitNewFromCols())===i.Z.validation.fail)return!1;if(this.nTargetRowIndex=null,this.closeRecordEditor(o)===i.Z.validation.fail)return!1;this.oActiveEditorField={},n&&(e=t?r.getRowIndexByDataRowContainerIndex(t.nStartRowIndex)+1:e,r.store.insertRecord(n,e))}},{key:"closeRecordEditor",value:function(e){var t,o=this.widget.editorManager;t=o.activeRowEdit?o.se:this.widget.editorFieldManager.se;var n=this.loopEditRecord(!0);if(n===i.Z.validation.fail)return n;this.oDOMCancelButton&&this.oDOMCancelButton.parentNode&&(this.oDOMCancelButton.parentNode.removeChild(this.oDOMCancelButton),this.oDOMSubmitButton.parentNode.removeChild(this.oDOMSubmitButton)),this._unhookButton(this.oDOMEditButton),this._unhookButton(this.oDOMDeleteButton),this.bIsOpen=!1,o.updateActiveStatus(!1,!1,!1),e&&(!e.tagName&&e.select?e.select(!0):e.focus()),o.oDOMDialog&&(o.oDOMDialog.closeEvent(),o.oDOMDialog=null,t&&t.nStartRowIndex>=0&&t.nStartColumnIndex>=0&&t.select(!0)),this.widget.webcomponent.style.cursor=null}},{key:"_unhookButton",value:function(e){e&&(e.removeAttribute(i.Z.attr.hidden),e=null)}},{key:"destroy",value:function(){c(f(g.prototype),"destroy",this).call(this),this.oDOMSubmitButton=null,this.oDOMCancelButton=null}}])&&d(t.prototype,o),r&&d(t,r),Object.defineProperty(t,"prototype",{writable:!1}),g}(r.Z)},64774:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>p});o(31769);var n=o(55040),r=o(87822),i=o(96766),a=o(37486),s=o(19791);function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function d(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==l(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===l(i)?i:String(i)),n)}var r,i}function c(){return c="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=f(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},c.apply(this,arguments)}function u(e,t){return u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},u(e,t)}function h(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=f(e);if(t){var r=f(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===l(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}const p=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&u(e,t)}(p,e);var t,o,n,l=h(p);function p(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,p),e=e||{},(t=l.call(this,e)).widget=e.widget,t.store=t.widget.store,t.se=e.se,t.dirtyManager=t.widget.dirtyManager,t.bConfirm=!1,t.bIsActive=!1,t.reset(),t}return t=p,(o=[{key:"isActive",value:function(){return!!this.bIsActive}},{key:"ons",value:function(){var e=this;this.widget.store.on("updatecomplete",(function(t,o){return e.closeBatchEditor(o)}))}},{key:"activate",value:function(e){var t=this.widget.webcomponent,o=t.oDOMControlBar;o.oDOMBatchEdit.setAttribute("hidden",""),o.oDOMBatchCancel.removeAttribute("hidden"),o.oDOMUnsavedSpan.removeAttribute("hidden"),t.setAttribute(r.Z.attr.batchEditActive,""),o.setAttribute(r.Z.attr.batchEditActive,""),this.widget.updateBatchEditStyleAttributes(!0),this.bIsActive=!0,this.bCheckValidate=!1,this._update(),e&&o.oDOMBatchCancel.focus()}},{key:"deactivate",value:function(e){var t=this.widget.webcomponent,o=t.oDOMControlBar;o.removeAttribute(r.Z.attr.batchEditLongMessage),o.oDOMBatchEdit.removeAttribute("hidden"),o.oDOMBatchSave.setAttribute("hidden",""),o.oDOMBatchCancel.setAttribute("hidden",""),o.oDOMBatchCancel.removeAttribute("style"),o.oDOMUnsavedSpan.setAttribute("hidden",""),o.oDOMUnsavedSpan.innerHTML="",this.bIsActive=!1,this.bCheckValidate=!1,t.removeAttribute(r.Z.attr.batchEditActive),o.removeAttribute(r.Z.attr.batchEditActive),o.removeAttribute(r.Z.attr.batchEditMessage,""),this.widget.updateBatchEditStyleAttributes(!1),e&&o.oDOMBatchEdit.focus()}},{key:"updateMessage",value:function(){var e=this.store,t=this.widget,o=a.Ld.escapeRegExp(e.templateStartDelimiter),n=a.Ld.escapeRegExp(e.templateEndDelimiter),l=r.Z.batchEdit.tokens.messageSuffix,d=t.webcomponent.batchEditStatus||e.oDataFormat.sBatchEditStatus,c=e.oDataFormat.fnBatchEditStatus;if(t&&t.webcomponent){var u=t.webcomponent.oDOMControlBar,h=this.widget.webcomponent.oDOMControlBar;h.oDOMBatchSave.removeAttribute("hidden"),h.oDOMBatchCancel.setAttribute("style","--zg-icon-color: red;"),d&&!c&&(c=i.Z.setUserFunction(null,d))&&(e.oDataFormat.fnBatchEditStatus=c);var f=d||r.Z.batchEdit.statusMessage,p=f;if(-1!==f.indexOf(r.Z.tokens.delim)||c){var g=this.aDirty.length,m=this.getChangeCount(this.oDirty.oEdit,!1,!1),b=this.getFieldsChangeCount(),v=this.getChangeCount(this.oDirty.oDelete,!1,!0),y=this.getChangeCount(this.oDirty.oInsert,!0,!1),w={changes:g,modified:this.getRecordChanges(),recordsEdited:m,fieldsEdited:b,deleted:v,inserted:y},z=new RegExp(o+"(.*?)"+n,"g");p=p.replace(z,(function(o,n){var r,i="",d=(n=n.trim()).indexOf(l);return-1!==d?(n=n.substring(0,d),r=w[n],i=a.Iu({msg:s.default.get("batchEdit.".concat(n),t),plurals:[{value:"s",condition:1!==r},{value:"s",condition:1!==r}]})):r=w[n],i&&(r="".concat(r," ").concat(i)),void 0!==r?r:"".concat(e.templateStartDelimiter).concat(n).concat(e.templateEndDelimiter)})),c&&(p=c.method.apply(c.scope,[w,u.oDOMUnsavedSpan]))}!p&&c||(u.setAttribute(r.Z.attr.batchEditMessage,""),u.oDOMUnsavedSpan.innerText="(".concat(p,")"),u.checkMessageSize())}}},{key:"saveDeletes",value:function(){var e=this.store;for(var t in this.oDirty.oDelete){var o=this.oDirty.oDelete[t],n=e.oLocalModel[t];o.bBatchEdit=!0,o.bBatchCleanup=n.bDirtyInsert,e.fireAfterStoreEvent("afterremoverecord",o)}}},{key:"saveInserts",value:function(){var e=this.store;for(var t in this.oDirty.oInsert){var o=e.oLocalModel[t];if(o.bDirtyDelete)this.bRemovingInsert=!0,o.bBatchCleanup=!0,this.widget.removeRow(t,!0,void 0,!0),this.bRemovingInsert=!1;else{var n=this.oDirty.oInsert[t];n.bBatchEdit=!0,e.fireAfterStoreEvent("afterinsert",n)}}}},{key:"getChangedFields",value:function(e){var t=[],o=this.oDirty.oEdit[e],n=o.zgOldData;return Object.keys(o).forEach((function(e){if("zgOldData"!==e){var r=o[e];r[r.length-1]!==n[e]&&t.push(e)}})),t}},{key:"saveEdits",value:function(){var e=this.store;for(var t in this.oDirty.oEdit){var o=e.oLocalModel[t],n=this.oDirty.oEdit[t].zgOldData;if(!o.bDirtyDelete){var i=o.model,l=this.getChangedFields(t),d=a.c7.copy(e.oDataRequest.updateOptions.row||{});d.sRecordIndex=t,d.oRecordRawData=i.get(),d.oOldData=n,d.aChangedFieldIndex=l,d.fnCustom=e.oDataFormat.fnCustomUpdateRow,d.sEditMode="updaterecord",d.bBatchEdit=!0,d.oStatus={};var c=d.sServerErrorMessage;c||(c=d.sServerErrorPath?r.Z.tokens.serverMessage:s.default.get("dialog.recordUpdate.errorMsg",this.widget)),d.oErrorStatus={msg:c},e.fireAfterStoreEvent("afterupdaterecord",d)}}}},{key:"save",value:function(e){var t=this;this.confirm((function(){return t.completeSave(e)}),"commit",r.Z.confirmations.batchEdit)}},{key:"completeSave",value:function(e){var t=this.widget;this.deactivate(e);var o=t.oDOMMainScroll.scrollLeft;this.bSavingBatchEdit=!0,this.nSavedUpdateCount=this.nUpdateCount=this.getRecordChanges(),this.aErrors=[],this.saveEdits(),this.saveDeletes(),this.saveInserts(),o&&(t.savedScrollVal=o),this.nUpdateCount||(this._update(),this.reset())}},{key:"cancelBatchEdit",value:function(e){var t=this;this.confirm((function(){return t.completeCancel(e)}),"cancel",r.Z.confirmations.batchEditDiscard)}},{key:"completeCancel",value:function(e,t){var o=this.dirtyManager;if(this.deactivate(e),this.widget.recordEditor.cancelOpenEdit(),!t)for(var n=this.aDirty,r=n.length-1;r>=0;r--){var i=n[r],a=i.sRecordIndex,s=i.sFieldIndex;"updatecell"===i.sEditMode?(this.store._updateCell(a,s,i.oldValue),o.setNoDirty(a,s,!0)):"removerecord"===i.sEditMode?o.setNoDirty(i.sRecordIndex,null,!0):"insertrecord"===i.sEditMode&&this.removeNewRow(a)}this.reset(),t||this._update()}},{key:"removeNewRow",value:function(e){var t=this.store.oLocalModel[e];this.bRemovingInsert=!0,t.bBatchCleanup=!0,this.widget.removeRow(e,!0,void 0,!0),this.bRemovingInsert=!1}},{key:"onSuccess",value:function(){this.nUpdateCount--,this.checkResponses()}},{key:"onFailure",value:function(e){this.nUpdateCount--,this.aErrors.push(e),this.checkResponses()}},{key:"checkResponses",value:function(){0===this.nUpdateCount&&(this.aErrors.length?(this.completeErrorStatus(),this.rollbackChanges()):this.completeStatus(),this.reset())}},{key:"completeStatus",value:function(){var e=this.widget;this.bSavingBatchEdit=!1;var t={icon:"checkmark",state:"success",msg:s.default.get("dialog.batchEdit.successMsg",e)};e.statusManager&&e.statusManager.setStatus(t),this.nSavedUpdateCount=0,this._update()}},{key:"completeErrorStatus",value:function(){var e=this,t=this.widget,o=this.aErrors.length;this.bSavingBatchEdit=!1;var n=this.nSavedUpdateCount-o,r=s.default.get("dialog.batchEdit.plurals.errorMsg",this.widget)||["s","s"],i={icon:"error",state:"error",msg:a.Iu({msg:s.default.get("dialog.batchEdit.errorMsg",this.widget),vars:[n,o],plurals:[{value:r[0],condition:1!==n},{value:r[1],condition:1!==o}]}),sDetails:s.default.get("dialog.batchEdit.errorMsgMore",this.widget),fnDetails:function(){return e.errorDetails()},sLabel:s.default.get("dialog.batchEdit.errorLabel",this.widget)};t.statusManager&&t.statusManager.setStatus(i)}},{key:"errorDetails",value:function(){for(var e=this.widget,t=this.aErrors,o=this.aErrors.length,n=s.default.get("dialog.batchEdit.plurals.dialogErrorMsg",this.widget)||["s"],r=a.Iu({msg:s.default.get("dialog.batchEdit.dialogErrorMsg",e),vars:[o],plurals:[{value:n[0],condition:1!==o}]}),i=0;i<o;i++){var l=t[i],d=void 0;if(l.oErrorStatus&&(d=l.oErrorStatus.msg),"insertrecord"===l.sEditMode)r+="<br>New Record: ".concat(d);else{var c=e.store.getURLRecordField(l.sUrl,l.sRecordIndex,l.sIdKeyValue);r+="<br>Record ".concat(c,": ").concat(d)}}return r}},{key:"rollbackChanges",value:function(){for(var e=this.aErrors,t=0;t<e.length;t++){var o=e[t].sRecordIndex;this.dirtyManager.revert(o)}this._update()}},{key:"getRecordChanges",value:function(e){for(var t=this.oDirty,o=this.widget.store,n=[t.oEdit,t.oDelete,t.oInsert],r={},i=0;i<n.length;i++){var a=n[i];for(var s in a){var l=o.oLocalModel[s];!e&&l.bDirtyDelete&&l.bDirtyInsert||(r[s]=!0)}}return Object.keys(r).length}},{key:"getChangeCount",value:function(e,t,o){var n=0;for(var r in e){var i=this.store.oLocalModel[r];!o&&i.bDirtyDelete||!t&&i.bDirtyInsert||n++}return n}},{key:"getFieldsChangeCount",value:function(){var e=this.oDirty.oEdit,t=0;for(var o in e){var n=this.store.oLocalModel[o];n.bDirtyDelete||n.bDirtyInsert||(t+=this.getChangedFields(o).length)}return t}},{key:"confirm",value:function(e,t,o){var n=this.widget,i=this.widget.webcomponent.oDOMDialog;this.bConfirm=t,n.editorManager.activeCellEdit&&n.editorManager.closeEditor()===r.Z.validation.fail&&"commit"===t||(this.bConfirm=!1,0!==this.getRecordChanges()&&n.getConfirmation(o)?(i.setDialog("".concat(t,"-batch-edit")),this.setConfirmationMessage(t),i.on("dialogConfirm",e)):e())}},{key:"setConfirmationMessage",value:function(e){var t=this.widget.webcomponent.oDOMDialog,o=this.getChangeCount(this.oDirty.oEdit,!1,!1),n=this.getChangeCount(this.oDirty.oDelete,!1,!0),r=this.getChangeCount(this.oDirty.oInsert,!0,!1),i=this.getRecordChanges(),l=this.aDirty.length,d=-1!==[o,r,n].indexOf(l)?"":"Plural",c=a.Iu({msg:s.default.get("dialog.batchEdit.".concat(e,".body").concat(d),this.widget),vars:[l,i],plurals:[{value:"s",condition:1!==i}]}),u=[{sLookup:"recordsEdited",nVal:o},{sLookup:"inserted",nVal:r},{sLookup:"deleted",nVal:n}];c+='<div style="margin-block-start: 1.25rem; color: '.concat("cancel"===e?"red":"green",';">');for(var h=0;h<u.length;h++){var f=u[h].nVal,p=u[h].sLookup;f&&(c+=a.Iu({msg:s.default.get("dialog.batchEdit.changeBody",this.widget)+s.default.get("dialog.batchEdit.".concat(p),this.widget)+"<br>",vars:[f],plurals:[{value:"s",condition:1!==f}]}))}c+="</div>",t.$bodycontent.querySelector(".zg-dialog-body-batch-edit").innerHTML=c}},{key:"onKeyDown",value:function(e){var t=this.widget,o=e.nCharCode,n=t.editorFieldManager.se,i=e.bIsSHIFT?"left":"right",a=t.getColumnContainerCount(),s=t.getRowContainerCount()+t.nTopFrozenRows,l=t.focusManager;if("cell"===n.sContextLevel&&o===e.TAB){e.stopEvent();for(var d=this.se=t.selectorEngineManager.$cell(n.nStartRowIndex,n.nStartColumnIndex),c=null;!c;){var u=d.nStartColumnIndex,h=d.nStartRowIndex;if(!(c=d.traverse(i,1)))break;if(u===c.nStartColumnIndex&&h===c.nStartRowIndex)if("right"===i){if(h===s-1)return void l.tabChangeFocus(e,{section:l.GRIDINDEX});c=d=t.selectorEngineManager.$cell(h+1,0)}else{if(0===h)return void l.tabChangeFocus(e,{section:l.GRIDINDEX});c=d=t.selectorEngineManager.$cell(h-1,a-1)}-1===r.Z.internalColumnTypes.indexOf(c.sCellType)&&!1!==c.oEditor||(c=null)}c||(c=this.se=t.selectorEngineManager.$cell(n.nStartRowIndex,n.nStartColumnIndex)),t.editorManager.onDoubleClick(c.dom())}}},{key:"_update",value:function(e){e=e||{bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},this.widget.update(e)}},{key:"_unhookButton",value:function(e){e&&(e.removeAttribute(r.Z.attr.hidden),e=null)}},{key:"reset",value:function(){this.aDirty=[],this.oDirty={oEdit:{},oDelete:{},oInsert:{}},this.dirtyManager.reset()}},{key:"destroy",value:function(){c(f(p.prototype),"destroy",this).call(this),this.oDOMSubmitButton=null,this.oDOMCancelButton=null,this.aDirty.length=0,this.aDirty=null,this.oDirty.oEdit=null,this.oDirty.oDelete=null,this.oDirty.oInsert=null,this.oDirty=null}}])&&d(t.prototype,o),n&&d(t,n),Object.defineProperty(t,"prototype",{writable:!1}),p}(n.Z)},20131:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(55040),r=o(87822),i=o(37486);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function s(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==a(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===a(i)?i:String(i)),n)}var r,i}function l(e,t){return l=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},l(e,t)}function d(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=c(e);if(t){var r=c(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===a(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function c(e){return c=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},c(e)}const u=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&l(e,t)}(c,e);var t,o,n,a=d(c);function c(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,c),e=e||{},(t=a.call(this,e)).widget=e.widget,t.store=t.widget.store,t.se=e.se,t}return t=c,(o=[{key:"setDirty",value:function(e,t,o){var n=this.store,a=this.widget.batchEditor;if(e){var s=n.oLocalModel[e];if(t!==r.Z.store.keyField){if(!s.bDirtyInsert&&(t&&(s.model.setDirty(t),s.nCellDirty++),s.bDirty=!0,o&&a.isActive())){var l=a.oDirty.oEdit;if(a.aDirty.push(o),!l[e]){var d=s.model;l[e]={zgOldData:i.c7.copy(d.get())},l[e].zgOldData[t]=o.oldValue}l[e][t]||(l[e][t]=[]),l[e][t].push(o.payload)}this.nRecordDirty++,this.bDirty=!0,a.isActive()&&a.updateMessage()}}}},{key:"setDirtyDelete",value:function(e,t){var o=this.widget.batchEditor,n=this.store;if(e&&!o.bRemovingInsert){var r=n.oLocalModel[e];if(r.bDirtyDelete=!0,this.nRecordDirty++,this.bDirty=!0,o.isActive()){var i=o.oDirty.oDelete;o.aDirty.push(t),r.bDirtyInsert||(i[e]=t),o.updateMessage()}}}},{key:"unsetDirtyDelete",value:function(e){var t=this.store,o=this.widget.batchEditor;if(e){t.oLocalModel[e].bDirtyDelete=!1;var n=o.oDirty.oDelete[e];n&&(delete o.oDirty.oDelete[e],this.clearDirtyArray(n),this.nRecordDirty--),o.isActive()&&o.updateMessage(),o._update()}}},{key:"setDirtyInsert",value:function(e,t){var o=this.store,n=this.widget.batchEditor;if(e&&(o.oLocalModel[e].bDirtyInsert=!0,this.nRecordDirty++,this.bDirty=!0,n.isActive())){var r=n.oDirty.oInsert;n.aDirty.push(t),r[e]=t,n.updateMessage()}}},{key:"setNoDirty",value:function(e,t,o){var n=this.store,a=this.widget.batchEditor;if(e){var s=n.oLocalModel[e];if(i.Uh(t)&&t!==r.Z.store.keyField?(s.model.setNoDirty(t),s.nCellDirty--,0==s.nCellDirty&&(s.bDirty=!1,this.nRecordDirty--)):(s.bDirty=!1,s.bDirtyDelete=!1,s.bDirtyInsert=!1,this.nRecordDirty--),a.isActive()&&!o){var l=null,d=a.oDirty.oEdit,c=a.oDirty.oDelete,u=a.oDirty.oInsert;d[e]&&(d[e][t]?(l=d[e][t],delete d[e][t]):delete d[e]),l&&this.clearDirtyArray(l),(l=c[e])&&(delete c[e],this.clearDirtyArray(l)),(l=u[e])&&(delete u[e],this.clearDirtyArray(l)),0==this.nRecordDirty&&(this.bDirty=!1)}}}},{key:"clearDirtyArray",value:function(e){var t=this.widget.batchEditor,o=t.aDirty.indexOf(e);o>=0&&t.aDirty.splice(o,1)}},{key:"isDirty",value:function(e,t){return!1!==this.getDirty(e,t)}},{key:"getDirty",value:function(e,t){var o=this.store;if(null==e&&null==t)return!!this.bDirty;var n=o.oLocalModel[e];return!!n&&(i.Uh(t)?!!n.model.isDirty(t)&&"edit":n.bDirtyDelete?"delete":n.bDirtyInsert?"insert":"edit")}},{key:"isDirtyDelete",value:function(e){return this.store.oLocalModel[e].bDirtyDelete}},{key:"isDirtyInsert",value:function(e){return this.store.oLocalModel[e].bDirtyInsert}},{key:"getDirtyClass",value:function(e){var t=this.store.oLocalModel[e];return t.bDirtyDelete?"".concat(r.Z.batchEdit.removedClass):t.bDirtyInsert?"".concat(r.Z.batchEdit.insertedClass):""}},{key:"revert",value:function(e){var t=this.widget,o=t.batchEditor,n=o.oDirty.oEdit,r=o.oDirty.oDelete,i=o.oDirty.oInsert,a=n[e],s=i[e],l=r[e];if(s)o.removeNewRow(e);else if(l&&this.setNoDirty(e,null,!0),a)for(var d in a)if("zgOldData"!==d){var c=a.zgOldData[d];t.store._updateCell(e,d,c),this.setNoDirty(e,d,!0)}}},{key:"reset",value:function(){this.nRecordDirty=0,this.bDirty=!1}}])&&s(t.prototype,o),n&&s(t,n),Object.defineProperty(t,"prototype",{writable:!1}),c}(n.Z)},95968:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>d});var n=o(87822),r=o(31769),i=o(96766),a=o(19791);o(95794);function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function l(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==s(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===s(i)?i:String(i)),n)}var r,i}const d=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.se=t.se,this.oRegisteredEditorField={},this.oActiveEditorField=null,this.ZG=this.widget.webcomponent}var t,o,s;return t=e,(o=[{key:"isEditorOpen",value:function(){return!!this.oActiveEditorField}},{key:"openNewFieldEditor",value:function(e){var t=this.widget.editorManager,o=!1,n=e.sTargetFieldIndex;if(e.oEditor&&e.oEditor.method){var r=t.getInputContainers(e.nStartRowIndex)[0],i=this.oRegisteredEditorField[n];void 0===i&&(t._isCardEdit(!0)?(i=this.initCardEditor(e,!0),o=!0):i=this.initBasicFieldEditor(e,!0),r.appendChild(i)),i=o?r.querySelector("#editorCard"):r.querySelector('label[data-key="'.concat(n,'"]')),this.oActiveEditorField=i;var a=i.querySelector("input");return a&&a.focus(),i}}},{key:"openFieldEditor",value:function(e,t){var o=this.widget,a=o.editorManager,s=this.se.cell(e),l=!1,d=s._columnConfig,c=s.sTargetFieldIndex,u=s.oEditor&&s.oEditor.method;if(!u&&d.oDOMZGColumn.editor&&(u=d.oEditor=i.Z.setUserFunction(null,d.oDOMZGColumn.editor)),u){(a.type===n.Z.editor.typeInline&&"cell"===a.se.sContextLevel||o.batchEditor.isActive())&&r.Z.get(document).on("click",this.checkOffClick,this);var h=a.getInputContainerByIndex(s.nStartRowIndex,s.nStartColumnIndex),f=this.oRegisteredEditorField[c];if(void 0===f&&(a._isCardEdit()||"cell"===a.se.sContextLevel&&s._columnConfig.oDOMEditorTemplate?(f=this.initCardEditor(s),l=!0):f=this.initBasicFieldEditor(s),h.appendChild(f)),f=l?h.querySelector("#editorCard"):h.querySelector('label[data-key="'.concat(c,'"]')),a._isModalEdit()||t||(o.getEditorRowByIndex(s.nStartRowIndex,s.nStartColumnIndex).positionEditorWithinRow(s,f),e.classList.add(n.Z.editor.editingClass)),this.oActiveEditorField=f,!t&&((a.type===n.Z.editor.typeInline&&"cell"===a.se.sContextLevel||o.batchEditor.isActive())&&(this.unsubKey=r.Z.get(f).on("keydown",this.checkOffClick,this,{},!1)),o.fire("cellopenedit",s,f),!o.isStorybook("editor-row"))){var p=f.querySelector("input");p&&p.focus()}return f}}},{key:"initBasicFieldEditor",value:function(e,t){var o=this.widget,n=o.webcomponent.oDOMEditorRow,r=o.editorManager,i=e.sTargetFieldIndex,a=n.getEditorTemplate(),s=r.getEditorLabel(a);r.setLabelKey(a,i);var l=e.oEditor&&e.oEditor.method&&e.oEditor.method.init,d=e.oEditor&&e.oEditor.method&&e.oEditor.method.onOpen,c=e.oEditor&&e.oEditor.scope||e,u=t?"":e.rawData();return r.setLabelTextContent(a,e._columnConfig.sColumnHeaderText||i),l&&l.apply(c,[e,s]),d&&d.apply(c,[e,a,u]),a}},{key:"initCardEditor",value:function(e,t){var o,n,r=this.widget,i=r.editorManager,a=r.webcomponent.oDOMEditorRow.getEditorCardTemplate(),s=i.getEditorCard(a),l=e._columnConfig,d=null,c=e.sTargetRecordIndex,u=t?{}:this.widget.store.get(c).oRecordRawData,h=[s],f=e;if(l.oDOMEditorTemplate?d=l.oDOMEditorTemplate:i._isCardEdit(t)&&r.oCardEditTemplate&&(d=r.oCardEditTemplate),r.oCard&&r.oCard.oEditor&&r.oCard.oEditor.method){var p=r.oCard.oEditor.method;o=p.init,n=p.onOpen,f=r.oCard.oEditor.scope||e}else if(l.oDOMEditorTemplate&&l.aUserSet.oEditor){var g=e.oEditor.method;o=g.init,n=g.onOpen,h=[e,s],f=e.oEditor.scope}return o&&o.apply(f,h),d&&(this.widget.store.processTemplate(d,s,e,!0,t),this.processTemplateSelects(s)),h.push(u),n&&n.apply(f,h),a}},{key:"processTemplateSelects",value:function(e){e.querySelectorAll("select[".concat(n.Z.editor.bindingAttr,"]")).forEach((function(e){e.value=e.getAttribute("value")}))}},{key:"closeFieldEditor",value:function(e,t,o,r,i,a){var s,l=o||this.oActiveEditorField,d=!1,c=this.widget;if(t=t||this.se,l&&(void 0===i||t.nRowContainerIndex!==i)){if(!e||c.batchEditor.isActive()&&!c.bSizeCheck){if((s=this._saveEditorField(t,o))===n.Z.validation.fail)return s}else this.removeFieldEditor(l,t,r);a||(d=this.widget.fire("cellcloseedit",t,l,s,e)),r||void 0===s||this.widget.editorManager._isCardEdit()||(!1!==d&&t.rawData(s),this.removeFieldEditor(l,t,r));var u=t.dom();return u&&u.classList.remove(n.Z.editor.editingClass),s}}},{key:"closeCardEditorNew",value:function(){var e={},t=this.oActiveEditorField.querySelectorAll("["+n.Z.editor.bindingAttr+"]");if(t&&t.length)for(var o=0;o<t.length;o++){var r=t[o],i=r.getAttribute(n.Z.editor.bindingAttr).replace(/(record.|index.)/g,"");"input"!==r.tagName.toLowerCase()&&"textarea"!==r.tagName.toLowerCase()&&"select"!==r.tagName.toLowerCase()||(e[i]=r.value)}return e}},{key:"removeFieldEditor",value:function(e,t,o,n){if(this.oActiveEditorField,this.oActiveEditorField=null,t=t||this.se,e&&e.parentNode){var i=e.parentNode;if(!o){var a=r.Z.get(document);a.docUn("click",this.checkOffClick,this),r.Z.get(a).docUn("keydown",this.checkOffClick,this),this.unsubKey&&this.unsubKey(),this.unsubKey=null}!n&&i&&i.removeChild(e)}}},{key:"_saveEditorField",value:function(e,t){var o,r,i=t||this.oActiveEditorField,s=this.widget,l=i,d=this.widget.store,c=e._columnConfig,u="cell"===this.widget.editorManager.se.sContextLevel,h=(e=e||this.se).oEditor&&e.oEditor.method.onClose,f=e.oValidator&&e.oValidator.method.validator,p=e.oValidator&&e.oValidator.method.message,g=c.sValidationErrorMessage,m=c.sRequiredErrorMessage,b=e.oValidator&&e.oValidator.scope||e,v=e.sTargetRecordIndex,y=c.bRequired,w={},z=!0,C=!1,S=l.querySelectorAll("["+n.Z.editor.bindingAttr+"]");if(S&&S.length)for(var k=0;k<S.length;k++){var x=S[k],O=x.getAttribute(n.Z.editor.bindingAttr).replace(/(record.|index.)/g,"");"input"!==x.tagName.toLowerCase()&&"textarea"!==x.tagName.toLowerCase()&&"select"!==x.tagName.toLowerCase()||(w[O]=x.value)}if(s.oCard&&s.oCard.oEditor&&s.oCard.oEditor.method.onClose){var _=e.sTargetRecordIndex,R=this.widget.store.get(_).oRecordRawData,E=s.oCard.oEditor.scope||e;o=s.oCard.oEditor.method.onClose.apply(E,[i,R,w])}else if(h&&(0===Object.keys(w).length||c.aUserSet.oEditor)){var M=e.oEditor.scope||e;o=h.apply(M,[l,null,w]),y&&(null===o||"string"==typeof o&&""===o.trim())&&(z=!1,C=!0),z&&f&&(null===(z=f.apply(b,[o,e,i]))&&(z=!1),"boolean"!=typeof z&&void 0!==z&&(o=z,z=!0))}else(0===Object.keys(w).length||u)&&(o=s.editorManager.getEditorValue(i));var D,T=e.fnEditorField&&e.fnEditorField.method;if(D=T?T.apply(oScope,[l]):i.querySelector("input")||i.querySelector("select"),!z){if(C?r=m||s.sValidationRequiredMessage||a.default.get("validation.errorMessage",s):(g?r=g:p&&(r=p.apply(b,[o,c.sColumnHeaderText,i,e])),r=r||s.sValidationErrorMessage||a.default.get("validation.errorMessage",s)),s.editorManager.oDOMDialog)s.editorManager.oDOMDialog.displayError(!0,r);else if(s.statusManager){var A={icon:"error",state:"error",msg:r};s.batchEditor.isActive()&&"cancel"===s.batchEditor.bConfirm||s.statusManager.setStatus(A)}return D&&D.classList.add(n.Z.validation.css),n.Z.validation.fail}if(D&&D.classList.remove(n.Z.validation.css),s.statusManager&&s.statusManager.closeStatus(),Object.keys(w).length>0&&void 0===o)for(var I in w)w.hasOwnProperty(I)&&d.updateCell(v,I,w[I]);return o}},{key:"checkOffClick",value:function(e,t){var o=this.widget.editorManager,r=this.widget.selector,i=r.bTriggerSelect;if("zg-menu-item"!==t.tagName.toLowerCase()&&(!e.nCharCode||e.nCharCode===e.TAB||e.nCharCode===e.ENTER)){e.nCharCode&&e.nCharCode===e.ENTER&&e.preventDefault();var a=(new Date).getTime();if(this.nTouchOpen&&a-this.nTouchOpen<n.Z.mobile.doubleTapMS)o.focusInput();else{var s=o.closeEditor();if(s===n.Z.validation.fail)return s;if(e.nCharCode&&e.nCharCode===e.ENTER&&r&&this.se){var l=i&&!this.widget.bHasSelectorEnabled;this.se.select(l)}}}}},{key:"destroy",value:function(){this.se=null,this.widget=null,this.oRegisteredEditorField=null,this.oActiveEditorField=null,this.ZG=null}}])&&l(t.prototype,o),s&&l(t,s),Object.defineProperty(t,"prototype",{writable:!1}),e}()},98936:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>l});o(31769),o(55040);var n=o(87822);o(37486);function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function i(e){return function(e){if(Array.isArray(e))return a(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return a(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return a(e,t)}(e)||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 a(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function s(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(i=n.key,a=void 0,a=function(e,t){if("object"!==r(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==r(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(i,"string"),"symbol"===r(a)?a:String(a)),n)}var i,a}const l=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),t=t||{},this.widget=t.widget,this.ZG=this.widget.webcomponent,this.type=null,this.createType=n.Z.editor.typeModal,this.recordEditor=this.widget.recordEditor,this.se=this.widget.selectorEngineManager.getSelectorEngine(),this.updateActiveStatus(!1,!1,!1)}var t,o,r;return t=e,(o=[{key:"connectEditDialog",value:function(e,t){var o=this,n=this.ZG.oDOMDialog;this.oDOMDialog=n,n.on("dialogCancel",(function(){return o.recordEditor.cancelOpenEdit(null,t)}),this.recordEditor),n.on("dialogClose",(function(){return o.recordEditor.cancelOpenEdit(null,t)}),this.recordEditor),n.on("dialogConfirm",(function(e){return o.recordEditor.onClickSubmit(e,t)}),this.recordEditor),"row"===e?n.setDialog("record-update"):n.setDialog("field-update")}},{key:"connectInsertDialog",value:function(e,t,o){var n=this,r=this.ZG.oDOMDialog;this.oDOMDialog=r,r.on("dialogConfirm",(function(){return n.recordEditor.onClickSubmitNew(e,t,o)}),this),r.on("dialogCancel",(function(){return n.recordEditor.cancelOpenEdit(null,o)}),this.recordEditor),r.on("dialogClose",(function(){return n.recordEditor.cancelOpenEdit(null,o)}),this.recordEditor),r.setDialog("record-create")}},{key:"onDoubleClick",value:function(e){var t=this.widget,o=t.selector.se;if(t.batchEditor.isActive()||(t.bHasCellEditorEnabled||t.webcomponent.layout===n.Z.zgLayout.typeCard)&&t.bHasEditorEnabled){var r=o.cell(e);t.batchEditor.isActive()&&(t.dirtyManager.isDirtyDelete(r.sTargetRecordIndex)||r.sTargetFieldIndex===n.Z.internalColumn.recordkey)||(t.bHasCellEditorEnabled||t.batchEditor.isActive()?-1===n.Z.internalColumnTypes.indexOf(o.sCellType)&&!1!==r.oEditor&&this.openEditor(r):this.openEditor(r.toRow(),void 0,r))}}},{key:"openInsertEditor",value:function(e,t,o){var r=this.widget;if(r.editorFieldManager.closeFieldEditor(!0,null,null,!1,-1),this.recordEditor.bIsOpen&&this.recordEditor.cancelOpenEdit(),this.createType===n.Z.editor.typeInline){var i=r.store.on("afterinsertrecord",(function(e,t){i(),r.lastPage();var o=r.getRowContainerIndexByRowIndex(t.nRowIndex);r.webcomponent.openRowEditor(o+r.nTopFrozenRows)}));this.widget.insertRow()}else this.connectInsertDialog(e,t,o),this.recordEditor.openNewRecordEditor(),this.updateActiveStatus(null,!1,!0)}},{key:"openEditor",value:function(e,t,o){var n=this.widget,r=e.nRowContainerIndex,i=e.sContextLevel;this.se=e;var a=this._isModalEdit();if(this.widget.webcomponent.oDOMCellOverflow.close(),("cell"!==i||this.recordEditor.cancelOpenEdit(void 0,void 0,!0))&&(t||(a?this.connectEditDialog(i,o):this.positionSelfWithinGrid(r)),"row"===i&&(n.editorFieldManager.closeFieldEditor(!0,null,null,!1,r),this.recordEditor.openRecordEditor(r),this.updateActiveStatus(null,!1,!0),a||(this.updateActiveStatus(!0,null,null),n.isStorybook("editor-row")||this.focusInput(r))),"cell"===i)){var s=n.editorFieldManager.openFieldEditor(e.dom(),t);if(this.updateActiveStatus(null,!0,!1),s&&(a?this.recordEditor.bIsOpen=!0:this.updateActiveStatus(!0,null,null),!t)){var l=s.querySelector("input, select");l&&l.focus()}}}},{key:"closeEditor",value:function(e){var t=this.widget;if(t.editorFieldManager.closeFieldEditor()===n.Z.validation.fail)return t.batchEditor.isActive()&&(t.batchEditor.bCheckValidate=!0),n.Z.validation.fail;t.batchEditor.bCheckValidate=!1,this.updateActiveStatus(!1,!1,!1),this.widget.selector.bTriggerSelect=!1,this.oDOMDialog&&(this.oDOMDialog.closeEvent(),this.oDOMDialog=null)}},{key:"getEditorRowsByRowIndex",value:function(e){var t=this.widget.webcomponent,o=[t.oDOMLeftHeadEditorRow,t.oDOMHeadEditorRow,t.oDOMRightHeadEditorRow],n=[t.oDOMLeftEditorRow,t.oDOMEditorRow,t.oDOMRightEditorRow],r=[t.oDOMLeftFootEditorRow,t.oDOMFootEditorRow,t.oDOMRightFootEditorRow];if(void 0!==e){var i=this.widget.getFrozenRowState(e);return"top"===i?o:"bottom"===i?r:n}return[].concat(o,n,r)}},{key:"updateActiveStatus",value:function(e,t,o){[].concat(i(this.getEditorRowsByRowIndex()),[this]).forEach((function(n){null!==t&&(n.activeCellEdit=t),null!==o&&(n.activeRowEdit=o),null!==e&&(n.active=e)}))}},{key:"positionSelfWithinGrid",value:function(e){this.getEditorRowsByRowIndex(e).forEach((function(e){return e.positionSelfWithinGrid()}))}},{key:"setEditorType",value:function(e){e&&this.ZG.hasAttribute(n.Z.editor.attr)&&this.ZG.setAttribute(n.Z.editor.attr,e)}},{key:"setInitialEditorType",value:function(){var e=this.ZG.hasAttribute(n.Z.editor.attr);this.ZG.initialEditorType=e?this.ZG.getAttribute(n.Z.editor.attr):n.Z.editor.typeInline}},{key:"focusInput",value:function(e){for(var t=this.getInputContainers(e),o=0;o<t.length;o++){var n=t[o].querySelector("input, select");if(n){n.focus();break}}}},{key:"focusNextInput",value:function(e,t){for(var o=this.getInputContainers(t),n=!1,r=0;r<o.length;r++)if(n){var i=o[r].querySelector("input, select");if(i)return i.focus(),!0}else n=o[r]===e;return!1}},{key:"getInputContainers",value:function(e){if(this.oDOMDialog)return[this.oDOMDialog.getInputContainer()];var t=[];return this.getEditorRowsByRowIndex(e).forEach((function(e){return t.push(e.oDOMInputContainer)})),t}},{key:"getInputContainerByIndex",value:function(e,t){return this.oDOMDialog?this.oDOMDialog.getInputContainer():this.widget.getEditorRowByIndex(e,t).oDOMInputContainer}},{key:"getEditorLabel",value:function(e){return e.querySelector("#".concat(n.Z.zgEditorRow.fieldLabelId))}},{key:"getEditorCard",value:function(e){return e.querySelector("#editorCard")}},{key:"getEditorValue",value:function(e){return e.querySelector("input").value}},{key:"setLabelTextContent",value:function(e,t){e.querySelector(".editorRowFieldLabelContent").textContent=t.replace("."," - ")}},{key:"setLabelKey",value:function(e,t){this.getEditorLabel(e).setAttribute("data-key",t)}},{key:"_isCardEdit",value:function(e){return(this.widget.oCardEditTemplate||this.widget.oCard&&this.widget.oCard.oEditor)&&(this.type===n.Z.editor.typeModal||e)&&("row"===this.se.sContextLevel||e)}},{key:"_isModalEdit",value:function(){return this.type===n.Z.editor.typeModal||void 0===this.type&&!this.ZG.userEditorValue&&this.widget.layoutManager.getLayoutType()===n.Z.zgLayout.typeCard||"cell"===this.se.sContextLevel&&this.se._columnConfig.oDOMEditorTemplate}},{key:"destroy",value:function(){this.recordEditor=null,this.se=null,this.oDOMDialog=null}}])&&s(t.prototype,o),r&&s(t,r),Object.defineProperty(t,"prototype",{writable:!1}),e}()},26879:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(55040),r=o(87822),i=o(37486);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function s(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==a(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===a(i)?i:String(i)),n)}var r,i}function l(e,t){return l=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},l(e,t)}function d(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=c(e);if(t){var r=c(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===a(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function c(e){return c=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},c(e)}const u=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&l(e,t)}(c,e);var t,o,n,a=d(c);function c(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,c),(e=e||{})._defaults={initAfterRender:!0},a.call(this,e)}return t=c,(o=[{key:"setFilter",value:function(e,t){if(e&&e.oFilter){var o=e.oFilter.method.setValue;if(o){var n=e.oFilter.scope||e.oDOMFilter;o.apply(n,[t,e.oDOMFilter]),e.oDOMFilter.fireFilterEvent(),this.widget.bodyUpdate(!0)}}}},{key:"buildFilterURL",value:function(){for(var e=this.widget,t={},o=0,n=e.aFilters.length;o<n;o++){var r=e.aFilters[o],i=r.getValue();""!==i&&(t[r.sFilterKey]=i)}return t}},{key:"filter",value:function(){var e=this,t=this.widget;t.aRowMapping.length=0,this.aFiltered=t.store.aOrderedData.filter((function(e){var o=e.sRecordIndex;return!t.aTopRowMapping.some((function(e){return e.sRecordIndex===o}))&&!t.aBottomRowMapping.some((function(e){return e.sRecordIndex===o}))}));var o=this.aFiltered.length;if(t.bHasSearchEnabled&&(this.aFiltered=this.allFilter(this.aFiltered)),t.bHasFilterEnabled)for(var n=0,r=t.aFilters.length;n<r;n++)this.aFiltered=this.columnFilter(this.aFiltered,t.aFilters[n]);t.fire("roworderchange"),t.bGroupBy?t.groupbyManager.groupBy(t.aGroupBy,this.aFiltered,o!==this.aFiltered.length):this.aFiltered.forEach((function(t,o){e.widget.updateRowMapping(e.widget.aRowMapping,o,{sRecordIndex:t.sRecordIndex})})),this.bUseFilter=this.aFiltered.length!==t.store.aOrderedData.length-t.getFrozenRowCount(),this.bUseFilter&&t.setCurrPageIdx(0),0===this.aFiltered.length&&(0===t.oDOMMainScroll.scrollLeft&&t.savedScrollValFilter?t.savedScrollVal=t.savedScrollValFilter:t.savedScrollVal=t.oDOMMainScroll.scrollLeft)}},{key:"allFilter",value:function(e){var t=e,o=this.widget,n=o.search.oDOMInput.value,a=o.aColumnMapping;return""===n||o.search.hasAttribute(r.Z.attr.hidden)||(t=t.filter((function(e){for(var t=e.sRecordIndex,r=0,s=a.length;r<s;r++)if("disabled"!==a[r].oDOMZGColumn.search&&!1!==a[r].oDOMZGColumn.search&&(a[r].sFieldIndex||a[r].sFilterIndex||"").split(",").map((function(e){return o.store.get(t,i.Ld.trimWhiteSpace(e))})).some((function(e){return e&&-1!==e.toString().toLowerCase().indexOf(n.toLowerCase())})))return!0;return!1}))),t}},{key:"columnFilter",value:function(e,t){var o=e;if(!t.oColumnMapping||!t.oColumnMapping.oFilter)return o;var n=t.oColumnMapping.oFilter.method.operationType||r.Z.filter.defaultOperation,i=t.sFilterIndex,a=t.getValue();return""!==a&&(o=this.compare(o,i,a,n)),o}},{key:"compare",value:function(e,t,o,n){var a=this;return e=e.filter((function(e){var s=!1;return t.split(",").forEach((function(t){var l=a.widget.store.get(e.sRecordIndex,t);if(i.Uh(l))if(n===r.Z.filter.match)l=""+l,s=s||l.toLowerCase()===o.toLowerCase();else if(n===r.Z.filter.boolMatch)o="true"===o||!0===o,s=s||l==o;else if(n===r.Z.filter.matchList)if(l=""+l,o.toLowerCase()===l.toLowerCase())s=!0;else{var d=l.split(",");s=s||d.some((function(e){return e.trim().toLowerCase()===o.toLowerCase()}))}else l=""+l,s=s||-1!==l.toLowerCase().indexOf(o.toLowerCase())})),s}))}}])&&s(t.prototype,o),n&&s(t,n),Object.defineProperty(t,"prototype",{writable:!1}),c}(n.Z)},40937:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(87822),r=o(31769);function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function a(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,a=void 0,a=function(e,t){if("object"!==i(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===i(a)?a:String(a)),n)}var r,a}const s=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.activeFocus=null,this.currentFocus=null}var t,o,i;return t=e,(o=[{key:"onKeyDownDocument",value:function(e){var t=e.nCharCode,o=this.currentFocus,n=!1;switch(t){case e.UP:case e.DOWN:case e.RIGHT:case e.LEFT:this.changeFocus(o,t);break;case e.ENTER:case e.SPACE:this.triggerCell();break;case e.ESC:this.deSelect();break;default:n=!0}n||e.preventDefault()}},{key:"changeFocus",value:function(e,t,o){var r,i=1,a=e.nRow,s=e.nColumn,l=a,d=-1===a,c=this.widget,u=this.currentFocus&&this.currentFocus.oElement;u&&u.hasAttribute(n.Z.zgTooltip.typeAttr)&&c.tooltipManager._hideTarget(null,u,!0);var h=n.Z.keys.RIGHT,f=n.Z.keys.LEFT;for("rtl"===c.sComputedDir&&(h=n.Z.keys.LEFT,f=n.Z.keys.RIGHT);i++&&(t===n.Z.keys.DOWN?a++:t===n.Z.keys.UP?a--:t===h?s++:t===f&&s--,r=this.checkItemFocus(a,s),!(i>100));){if(5===r)r=2;else{if(2===r&&d){a=-1,s++;continue}if(3===r&&d)s=0;else if(2===r&&o){a=l,s--;continue}}if(r>0)break;-1!==r||t!==n.Z.keys.DOWN&&t!==n.Z.keys.up||(t=n.Z.keys.RIGHT)}return{nCheck:r,nRowIndex:a,nColIndex:s}}},{key:"setCurrentFocus",value:function(e,t){var o=this.widget["getDOM".concat(this.sArea,"ByIndex")](e,t);return this.currentFocus={oElement:o,nRow:e,nColumn:t},o}},{key:"select",value:function(e,t,o){if(this.widget.bHasSelectorEnabled||o){e=e||0,t=t||0;var r=this.widget,i=r.webcomponent,a=r["get".concat(this.sArea,"erByColumnIndex")](t,!0),s=a["o".concat(this.sArea)];this.oElFocusCellMaskBorder!==a.oElFocusCellMaskBorder&&this.deSelect();var l=this.oElFocusCellMaskBorder=a.oElFocusCellMaskBorder,d=this.setCurrentFocus(e,t);d.hasAttribute(n.Z.zgTooltip.typeAttr)&&!d.bIsInfoTooltip&&r.tooltipManager._delayTarget(null,d,500),d.classList.add("zg-focus-cell"),r.selector.fire(n.Z.event.selectedFrozenCells,{rowIndex:e,colIndex:t,sArea:this.sArea}),r.focusManager.focusGrid(),s===i["oDOM".concat(this.sArea)]&&this.scrollArea(),l["draw".concat(this.sArea,"er")](d,["oDOMColumn".concat(this.sArea,"er")])}}},{key:"deSelect",value:function(){var e=this.currentFocus&&this.currentFocus.oElement;e&&e.hasAttribute(n.Z.zgTooltip.typeAttr)&&this.widget.tooltipManager._hideTarget(null,e,!0),e&&e.classList.remove("zg-focus-cell"),this.oElFocusCellMaskBorder&&(this.oElFocusCellMaskBorder._hide(),this.currentFocus=null)}},{key:"focusTarget",value:function(e){var t=this.widget,o=t.getContainerRowIndexByDataRowIndex(e.parentNode.dataRowIndex);t.selector.deSelectAll(),this.select(o,e.cellIndex)}},{key:"scrollArea",value:function(){var e=this.widget,t=this.currentFocus.oElement.getBoundingClientRect().x,o=e.mainGridHScroll.dom,n=t-r.Z.get(e.webcomponent.oDOMMain).getXY()[0];o.scrollLeft+=n}}])&&a(t.prototype,o),i&&a(t,i),Object.defineProperty(t,"prototype",{writable:!1}),e}()},74282:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(87822),r=o(31769);o(37486);function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function a(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,a=void 0,a=function(e,t){if("object"!==i(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===i(a)?a:String(a)),n)}var r,a}const s=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.clearContainers(),this.activeFocus=null}var t,o,i;return t=e,o=[{key:"init",value:function(){var e=this,t=this.widget;this.GRIDINDEX=3,this.setSections(),t.on("layoutchange",(function(t){setTimeout((function(){return e.resetSections()}),500)}),this),this.bInitialLoaded=!0}},{key:"clearContainers",value:function(){this.aFocusableElements=[],this.aCaption=[],this.aControlBar=[],this.aHeadCells=[],this.aTopPager=[],this.aBottomPager=[],this.aFooter=[],this.aWatermark=[],this.aStatus=[],this.aGrid=[]}},{key:"setSections",value:function(){var e=this.widget.webcomponent;this.addSection(e.oDOMCaption,this.aCaption),this.addSection(e.oDOMControlBar,this.aControlBar),this.addSection(e.oTopPager,this.aTopPager),this.addSection(null,"header"),this.addSection(null,"selector"),this.addSection(e.oBottomPager,this.aBottomPager),this.addSection(e.oDOMFooter,this.aFooter),this.addSection(e.oDOMWaterMark,this.aWatermark),this.addSection(e.oDOMStatus,this.aStatus)}},{key:"resetSections",value:function(){this.widget&&!this.widget.bDisconnect&&(this.removeEvents(["aCaption","aControlBar","aTopPager","aBottomPager","aFooter","aWatermark","aStatus"]),this.clearContainers(),this.setSections())}},{key:"addSection",value:function(e,t){this.querySection(e,t),this.aFocusableElements.push(t)}},{key:"updateSection",value:function(e,t,o){o&&this.removeEvents(["a".concat(o)]),t.length=0,this.querySection(e,t)}},{key:"querySection",value:function(e,t){var o=this,r="[".concat(n.Z.attr.datafocus,"], a, input:not(.zg-input-input), button, select, zg-button, zg-input");if(e){var i=e.querySelectorAll(r);0===i.length&&e.shadowRoot&&(i=e.shadowRoot.querySelectorAll(r)),i.forEach((function(e){return o.addElement(e,t)}))}}},{key:"addElement",value:function(e,t,o){if(e){var n={oElement:e};e.setAttribute("tabindex",-1),e.on||(e=r.Z.get(e)),n.oDOM=e,e.on("focus",this.onElementFocus,this),e.on("keydown",this.onElementKeyDown,this,{},!1),t.push(n)}}},{key:"tabChangeFocus",value:function(e,t){var o=this.widget,r=o.headerFocusManager,i=e.bIsSHIFT,a=this.GRIDINDEX+1,s=t.section;if(s<this.GRIDINDEX){if(i)return!1;if(!o.bCellFocus)return this.changeFocus(a,0,"down");o.isComputedCard()?o.webcomponent.select(0,0):r.changeFocus({nRow:-1,nColumn:0},n.Z.keys.DOWN)}else if(s>a){if(!i)return!1;if(!o.bCellFocus)return this.changeFocus(this.GRIDINDEX,0,"up");if(!this.selectGridCell())return this.changeFocus(this.GRIDINDEX,0,"up")}else if(s>=this.GRIDINDEX&&s<=a)return i?this.changeFocus(this.GRIDINDEX,0,"up"):this.changeFocus(a,0,"down");return!0}},{key:"changeFocus",value:function(e,t,o,r){var i,a,s=t,l=e,d=this.widget,c=d.webcomponent,u=d.headerFocusManager;a="nochange"===(o=o||"right")?r||"right":o,"right"===o?s++:"left"===o?s--:"down"===o?(s=0,l++,a="right"):"up"===o&&(s=0,l--,a="right");var h=this.aFocusableElements[l];if(!h)return!1;if("selector"===h||"header"===h){if(!d.bCellFocus)return"up"===o?this.changeFocus(this.GRIDINDEX,0,"up"):this.changeFocus(this.GRIDINDEX+1,0,"down");var f=this.activeFocus;if(this.activeFocus=null,f&&f.blur(),"selector"===h)this.selectGridCell()||(h=[]);else if(d.isComputedCard())d.webcomponent.select(0,0);else{var p="up"===o?n.Z.keys.UP:n.Z.keys.DOWN;u.changeFocus({nRow:-1,nColumn:0},n.Z.keys.DOWN,p)}if(0!==h.length)return!0}if(0===h.length&&("up"===o||"down"===o))return this.changeFocus(l,s,o);if(s>=h.length)return"up"===this.sOverallDirection?this.changeFocus(l,0,"up"):this.changeFocus(++l,0,"nochange");if(s<0)return--l>=0&&(s=(h=this.aFocusableElements[l]).length-1,this.changeFocus(l,s,"nochange","left"));if(!h)return!1;if(!(i=h[s].oElement))return!1;if(i.dom&&(i=i.dom),i.hidden||i.disabled||i===c.oDOMStatus.oDOMDismiss.dom&&!c.oDOMStatus.hasAttribute(n.Z.attr.active))return h.length!==s+1||"up"!==o&&"down"!==o?this.changeFocus(l,s,a):this.changeFocus(l,s,o);var g=document.activeElement;return i.focus(),g!==document.activeElement||this.changeFocus(l,s,a)}},{key:"initChangeFocus",value:function(e,t){var o=this.findCurrentFocus();t&&(this.origDirection=e),this.sOverallDirection=e,this.changeFocus(o.section,o.index,e),this.sOverallDirection=null}},{key:"findCurrentFocus",value:function(){var e,t,o=0,n=-1,r=!1;if(this.activeFocus)for(e=0;e<this.aFocusableElements.length;e++){var i=this.aFocusableElements[e];for(t=0;t<i.length;t++)if(i[t].oElement===this.activeFocus){o=e,n=t,r=!0;break}if(r)break}return{section:o,index:n}}},{key:"onFocus",value:function(e){var t=this.widget;if(!this.bForceFocus){var o=t.selector,n=t.editorFieldManager;o&&(o.bHasSelection||o.bSelecting)||t.headerFocusManager.currentFocus||t.footerFocusManager.currentFocus||n&&n.isEditorOpen()||this.bForceFocus||(this.activeFocus=t.webcomponent,this.changeFocus(0,-1))}}},{key:"focusGrid",value:function(e){if(e&&this.activeFocus&&"zg-button"===this.activeFocus.tagName.toLowerCase())this.activeFocus.focus();else{var t=this.widget,o=window.scrollX,n=window.scrollY;t.el.dom.focus(),window.scrollTo(o,n)}}},{key:"clickFocus",value:function(e){var t=e.oDOMTarget,o=this.widget.webcomponent;this.widget.search&&t===this.widget.search.oDOMInput||(this.unfocusCells(),this.bForceFocus=!0,this.focusGrid(),this.activeFocus=o,this.bForceFocus=!1)}},{key:"unfocusCells",value:function(){var e=this.widget,t=e.selector,o=e.headerFocusManager,n=e.footerFocusManager;o.currentFocus?o.deSelect():n.currentFocus?n.deSelect():t&&t.bHasSelection&&!e.menuManager.activeMenu&&t.deSelectAll(void 0,!0)}},{key:"onElementFocus",value:function(e,t){this.activeFocus=t}},{key:"onElementKeyDown",value:function(e,t){var o,n=e.nCharCode,r=!1,i=this.widget,a=i.selector;if(!(a&&a.bHasSelection||i.headerFocusManager.currentFocus)){var s=e.RIGHT,l=e.LEFT;switch("rtl"===i.sComputedDir&&(s=e.LEFT,l=e.RIGHT),n){case e.UP:this.initChangeFocus("up",!0);break;case e.DOWN:this.initChangeFocus("down");break;case s:this.activeFocus&&"input"===this.activeFocus.tagName.toLowerCase()&&"button"!==this.activeFocus.type.toLowerCase()?r=!0:this.initChangeFocus("right");break;case l:this.activeFocus&&"input"===this.activeFocus.tagName.toLowerCase()&&"button"!==this.activeFocus.type.toLowerCase()?r=!0:this.initChangeFocus("left");break;case e.TAB:o=this.findCurrentFocus();var d=this.activeFocus;if(d&&"input"===d.tagName.toLowerCase()&&"button"!==d.type.toLowerCase()){var c="right";e.bIsSHIFT&&(c="left"),this.changeFocus(o.section,o.index,c)}else this.tabChangeFocus(e,o)||(r=!0);break;default:r=!0}this.origDirection=null,r||e.stopEvent()}}},{key:"onGridKeyDown",value:function(e,t){var o=this.widget,n=o.editorFieldManager,r=o.selector,i=o.headerFocusManager,a=o.footerFocusManager,s=e.nCharCode;if(!n.isEditorOpen()&&"zg-editor-row"!==t.tagName.toLowerCase()&&"zg-button"!==t.tagName.toLowerCase()){if((r&&r.bHasSelection||i.currentFocus)&&s===e.TAB)return this.tabChangeFocus(e,{section:this.GRIDINDEX})&&e.stopEvent(),void(i.currentFocus?i.deSelect():a.currentFocus?a.deSelect():r.deSelectAll(void 0,!0));r&&r.bHasSelection?r.onKeyDownDocument(e,t):i.currentFocus?i.onKeyDownDocument(e,t):a.currentFocus?a.onKeyDownDocument(e,t):this.activeFocus===o.webcomponent&&(s!==e.RIGHT&&s!==e.DOWN&&s!==e.UP&&s!==e.LEFT&&s!==e.TAB||(e.stopEvent(),this.changeFocus(0,-1)))}}},{key:"selectGridCell",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=this.widget;if(!t.getRowContainerCount())return!1;var o=t.nTopFrozenRows,n=t.aColumnMapping.slice(e).findIndex((function(e){return!e.bHidden}));return n>=0&&t.webcomponent.select(o,n+e),-1!==n}},{key:"selectBottomGridCell",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=this.widget;if(!t.getRowContainerCount())return!1;var o=t.nTopFrozenRows+t.getRowContainerCount()-1,n=t.aColumnMapping.slice(e).findIndex((function(e){return!e.bHidden}));return n>=0&&t.webcomponent.select(o,n+e),-1!==n}},{key:"removeEvents",value:function(e){for(var t=0;t<e.length;t++)for(var o=this[e[t]],n=0;n<o.length;n++){var r=o[n];if(r.oElement){var i=r.oDOM;i.un("focus",this.onElementFocus),i.un("keydown",this.onElementKeyDown)}}}},{key:"destroy",value:function(){for(var e=["aCaption","aControlBar","aTopPager","aBottomPager","aFooter","aWatermark","aStatus"],t=0;t<e.length;t++){for(var o=this[e[t]],n=0;n<o.length;n++){var r=o[n];r.oElement&&(r.oDOM.unAll(),r.oElement=null,r.oDOM=null)}this[e[t]].length=0}this.aFocusableElements.length=0,this.aHeadCells.length=0,this.aGrid.length=0,this.activeFocus=null}}],o&&a(t.prototype,o),i&&a(t,i),Object.defineProperty(t,"prototype",{writable:!1}),e}()},22213:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(87822),r=o(40937);function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function a(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,a=void 0,a=function(e,t){if("object"!==i(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===i(a)?a:String(a)),n)}var r,a}function s(){return s="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=c(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},s.apply(this,arguments)}function l(e,t){return l=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},l(e,t)}function d(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=c(e);if(t){var r=c(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===i(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function c(e){return c=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},c(e)}const u=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&l(e,t)}(u,e);var t,o,r,i=d(u);function u(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,u),(t=i.call(this,e)).sArea="Foot",t}return t=u,(o=[{key:"changeFocus",value:function(e,t,o,r){var i=this.widget,a=!0;o=o||t;var l=s(c(u.prototype),"changeFocus",this).call(this,e,t,r),d=l.nCheck,h=l.nRowIndex,f=l.nColIndex;if(1===d)this.select(h,f,!0);else if(2===d||3===d){if(o===n.Z.keys.DOWN)i.focusManager.sOverallDirection="down",(a=i.focusManager.changeFocus(i.focusManager.GRIDINDEX+1,0,"down"))&&this.deSelect();else if(o===n.Z.keys.UP){var p=!1;this.deSelect(),i.bCellFocus&&(p=i.focusManager.selectBottomGridCell(f)),p||(i.focusManager.sOverallDirection="up",a=i.focusManager.changeFocus(i.focusManager.GRIDINDEX-1,0,"up"))}i.focusManager.sOverallDirection=null}return a}},{key:"checkItemFocus",value:function(e,t){var o=this.widget,r=o.getFooterByColumnIndex(t),i=o.getAdjustedColumnIndex(t),a=r.getElementsByTagName("zg-row");if(e>=a.length||e<0)return 2;var s=a[e].querySelectorAll("".concat(n.Z.zgHeadCell.tagName,", ").concat(n.Z.zgCell.tagName));if(i>=s.length||i<0)return 3;var l=s[i];return l.hidden?-1:(this.currentCellFocus=l,1)}},{key:"focusFromBody",value:function(e,t){var o=this.widget,n=o.focusManager;if(o.isComputedCard())return n.changeFocus(n.GRIDINDEX,0,"down");var r={nRow:-1,nColumn:t};return this.changeFocus(r,e.DOWN,void 0,!0)}},{key:"triggerCell",value:function(){var e=this.currentDOMTrigger;e&&e.tagName.toLowerCase()}}])&&a(t.prototype,o),r&&a(t,r),Object.defineProperty(t,"prototype",{writable:!1}),u}(r.default)},91532:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(87822),r=(o(31769),o(40937));function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function a(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,a=void 0,a=function(e,t){if("object"!==i(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===i(a)?a:String(a)),n)}var r,a}function s(){return s="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=c(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},s.apply(this,arguments)}function l(e,t){return l=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},l(e,t)}function d(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=c(e);if(t){var r=c(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===i(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function c(e){return c=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},c(e)}const u=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&l(e,t)}(u,e);var t,o,r,i=d(u);function u(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,u),(t=i.call(this,e)).sArea="Head",t}return t=u,(o=[{key:"changeFocus",value:function(e,t,o,r){var i=this.widget,a=!0;o=o||t;var l=s(c(u.prototype),"changeFocus",this).call(this,e,t,r),d=l.nCheck,h=l.nRowIndex,f=l.nColIndex;if(1===d)this.select(h,f,!0);else if(2===d||3===d){if(o===n.Z.keys.UP)i.focusManager.sOverallDirection="up",(a=i.focusManager.changeFocus(i.focusManager.GRIDINDEX,0,"up"))&&this.deSelect();else if(o===n.Z.keys.DOWN){var p=!1;this.deSelect(),i.bCellFocus&&(p=i.focusManager.selectGridCell(f)),p||(i.focusManager.sOverallDirection="down",a=i.focusManager.changeFocus(i.focusManager.GRIDINDEX,0,"down"))}i.focusManager.sOverallDirection=null}return a}},{key:"checkItemFocus",value:function(e,t){var o=this.widget,r=o.getHeaderByColumnIndex(t),i=o.getAdjustedColumnIndex(t),a=r.getElementsByTagName("zg-row");if(0===a.length)return 5;if(e>=a.length||e<0)return 2;var s=a[e],l=s.querySelectorAll("".concat(n.Z.zgHeadCell.tagName,", ").concat(n.Z.zgFilter.tagName,", ").concat(n.Z.zgCell.tagName));if(i>=l.length||i<0)return 3;var d=l[i];if(d.hidden)return-1;this.currentDOMTrigger=d.querySelector("zg-checkbox")||d.querySelector("zg-icon[name]")||d.querySelector("input")||d.querySelector("select");var c=d.hasAttribute(n.Z.zgTooltip.typeAttr);if("frozen"!==s.getAttribute(n.Z.attr.type)&&!c&&!this.currentDOMTrigger||d.tagName.toLowerCase()===n.Z.zgHeadCell.tagName&&d.hasAttribute("not-parent")){if(d.tagName.toLowerCase()===n.Z.zgHeadCell.tagName&&d.hasAttribute("depth")){var u=d.MATCHED_COLUMN._oParsedColumnMapping.oDOMSortHeader;if(this.currentDOMTrigger=u.querySelector("zg-icon[name]")||u.querySelector("zg-checkbox"),u&&this.currentCellFocus!==u&&this.currentDOMTrigger)return this.select(u.parentNode.rowIndex,parseInt(u.HEAD_CELL_INDEX,10),!0),this.currentCellFocus=u,4}return 0}return this.currentCellFocus===d?0:(this.currentCellFocus=d,1)}},{key:"focusFromBody",value:function(e,t){var o=this.widget,n=o.focusManager;if(o.isComputedCard())return n.changeFocus(n.GRIDINDEX,0,"up");var r={nRow:o.getHeaderByColumnIndex(t).getElementsByTagName("zg-row").length,nColumn:t};return this.changeFocus(r,e.UP,void 0,!0)}},{key:"triggerCell",value:function(){var e=this.currentDOMTrigger;if(e){var t=e.tagName.toLowerCase();"input"===t||"select"===t?e.focus():"zg-icon"===t?"zg-head-details-icon"===e.className?this.widget.tooltipManager._delayTarget(null,this.currentCellFocus):this.currentCellFocus.onSort():"zg-checkbox"===t&&e.click()}}}])&&a(t.prototype,o),r&&a(t,r),Object.defineProperty(t,"prototype",{writable:!1}),u}(r.default)},40025:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(87822);function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function i(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(i=n.key,a=void 0,a=function(e,t){if("object"!==r(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==r(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(i,"string"),"symbol"===r(a)?a:String(a)),n)}var i,a}const a=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.se=t.se,this.ZG=this.widget.webcomponent}var t,o,r;return t=e,(o=[{key:"setFullscreen",value:function(e){var t=this.widget,o=this.ZG;setTimeout((function(){if(!t.bDisconnect&&t.webcomponent.hasAttribute(n.Z.fullscreen.attr)){var r=o.shadowRoot.querySelector(n.Z.zg.shadow.frameBodyWrapper),i=window.innerHeight,a=o.getBoundingClientRect().height,s=r.scrollHeight,l="".concat(s+(i-a),"px");r.style.minHeight=l,r.style.maxHeight=l,e&&t.updater.updateResizeWindow(!0)}}),0)}},{key:"unsetFullscreen",value:function(){this.ZG.oDOMBodyFrame.removeAttribute(n.Z.attr.style)}}])&&i(t.prototype,o),r&&i(t,r),Object.defineProperty(t,"prototype",{writable:!1}),e}()},73390:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>h});var n=o(37486),r=o(87822),i=o(24706);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function s(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var n,r,i,a,s=[],l=!0,d=!1;try{if(i=(o=o.call(e)).next,0===t){if(Object(o)!==o)return;l=!1}else for(;!(l=(n=i.call(o)).done)&&(s.push(n.value),s.length!==t);l=!0);}catch(e){d=!0,r=e}finally{try{if(!l&&null!=o.return&&(a=o.return(),Object(a)!==a))return}finally{if(d)throw r}}return s}}(e,t)||d(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(e){return function(e){if(Array.isArray(e))return c(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||d(e)||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 d(e,t){if(e){if("string"==typeof e)return c(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?c(e,t):void 0}}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function u(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==a(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===a(i)?i:String(i)),n)}var r,i}const h=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.aGroupData={},this.groupedVisible=null,this.aAddedGroupRecords=[],this.aOpenGroups=[],this.oCard={}}var t,o,a;return t=e,(o=[{key:"toggleGroup",value:function(e,t,o){var n=this.widget;o=o||e.sGroupRecordIndex;var r=this.getRecord(o);t?this.aOpenGroups.push(o):this.aOpenGroups=this.aOpenGroups.filter((function(e){return e!==o})),r.open=t,this.reloadGroups(o,t),n.fire("togglerowgroup",o,t)}},{key:"reloadGroups",value:function(e,t){var o=this.widget;o.aRowMapping.length=0,this.groupRows(),e&&this.pageCloseGroup(e,t),this.updatePagerGroupByMapping(void 0),o.bodyUpdate()}},{key:"getRecord",value:function(e){var t=this.getGroupParent(e),o=e.split(this.widget.sNestedGroupDataSeparator);return t[o[o.length-1]]}},{key:"getGroupParent",value:function(e){for(var t=e.split(this.widget.sNestedGroupDataSeparator),o=this.aGroupData,n=1;n<t.length;n++)o=o[t[n-1]].data;return o}},{key:"getGroupName",value:function(e){var t=e.split(this.widget.sNestedGroupDataSeparator),o=t[t.length-1];return o=o.replaceAll(r.Z.global.replaceToken,this.widget.sNestedGroupDataSeparator)}},{key:"getGroupCount",value:function(e,t){var o=(t=t||this.aGroupData)[e].data,r=0;if(n.kJ(o))r=o.length;else if(n.Kn(o))for(var i in o)r+=this.getGroupCount(i,o);return r}},{key:"getGroupChildren",value:function(e,t){var o=[],r=(t=t||this.aGroupData)[e].data;if(n.kJ(r))o.push.apply(o,l(r));else if(n.Kn(r))for(var i in r)o.push.apply(o,l(this.getGroupChildren(i,r)));return o}},{key:"groupBy",value:function(e,t,o,n,a){var s,l=this,d=this.widget,c=d.store,u=d.sorter&&d.sorter.bSortGroupColumn;o&&(this.aAddedGroupRecords.length=0),this.aGroupData&&Object.keys(this.aGroupData).length&&!a?this.cleanGroupData(null,u,n):this.aGroupData={},"string"==typeof e&&(e=e.split(",").map((function(e){return e.trim()}))),t=t||c.aOrderedData,s=e.length?t.reduce((function(t,o){for(var n=l.aUnsortedGroupData,a=t,s=0;s<e.length;s++){var c=e[s],u=""+i.MU(o,c,void 0,d.sNestedDataSeparator);void 0===a[u=u.replaceAll(d.sNestedGroupDataSeparator,r.Z.global.replaceToken)]&&(a[u]={open:!1},a[u].data=s===e.length-1?[]:{}),n&&void 0!==n[u]&&(a[u].open=n[u].open,n=n[u].data),a=a[u].data}return a.push(o),t}),this.aGroupData):t,this.aGroupData=s,n&&(this.aUnsortedGroupData=null),this.groupRows()}},{key:"groupRows",value:function(e,t,o,r){var i=this.widget;for(var a in t=t||"",o=o||0,r=r||0,e=e||this.aGroupData){var s=e[a],l=t+a,d=this.getGroupCount(a,e);if(0!==d)if(i.updateRowMapping(i.aRowMapping,o,{sRecordIndex:a,sGroupRecordIndex:l,nCount:d}),o++,s.open){var c=s.data;if(n.kJ(c))for(var u=0;u<c.length;u++)i.updateRowMapping(i.aRowMapping,o,{sRecordIndex:c[u].sRecordIndex,nDataRowsBefore:r++}),o++;else o=this.groupRows(s.data,l+i.sNestedGroupDataSeparator,o,r)}else r+=d}return this.groupedVisible=o,e===this.aGroupData&&(this.readdDoubleGroupRecords(),this.updatePagerGroupByMapping()),o}},{key:"cleanGroupData",value:function(e,t){for(var o in e=e||this.aGroupData){var r=e[o],i=r.data;n.kJ(i)?r.data=[]:this.cleanGroupData(i)}return t&&this.aGroupData&&(this.aUnsortedGroupData=n.c7.copy(this.aGroupData),this.aGroupData={}),{}}},{key:"calculateGroupData",value:function(e,t,o,n,r,i){var a=e._columnConfig.sTypeGroupPlural||"",s=e.widget,l="";if(a){var d=a.split(",").map((function(e){return e.trim()}));l=t>1&&d.length>1?d[1]:d[0]}var c=this.getGroupChildren(o,r),u={count:t,name:n,plural:l,children:c=c.map((function(e){return s.store.cleanSingleRecord(e)}))};return i.oPageData&&(u.total=i.oPageData.nTotal,u.totalSeen=i.oPageData.totalSeen,u.maxOnPage=i.oPageData.nMaxOnPage),u}},{key:"calculateGroupDataAggregate",value:function(e){var t=this.widget,o=e.split(t.sNestedGroupDataSeparator).map((function(e){return e.trim()})),n=o[o.length-1],r=this.getGroupParent(e),i=this.getGroupChildren(n,r);return i=i.map((function(e){return t.store.cleanSingleRecord(e)}))}},{key:"calculateTemplate",value:function(e,t,o,n){var r={record:e,index:e,group:t};return this.widget.store.populateTemplate(o,n,r)}},{key:"calculateIndexData",value:function(e,t){for(var o,n={},i=e.widget,a=e.sGroupRecordIndex,s=t?i.aGroupBy.join(","):e.sTargetFieldIndex,l=i.sNestedGroupDataSeparator,d=a.split(this.widget.sNestedGroupDataSeparator),c=s.split(","),u=0;u<c.length;u++){var h=c[u];if("disabled"!==l){var f=h.split(l).map((function(e){return e.trim()}));o=f[f.length-1]}else o=h;var p=void 0;d.length>u&&(p=(p=d[u]).replaceAll(r.Z.global.replaceToken,this.widget.sNestedGroupDataSeparator)),n[o.trim()]=p}return n.current=d[d.length-1],n}},{key:"getGroupData",value:function(e,t){var o=this.widget,n=this.getGroupRow(t),i=e.split(o.sNestedGroupDataSeparator).map((function(e){return e.trim()})),a=i[i.length-1],s=this.getGroupParent(e),l=this.getGroupCount(a,s),d=a.replaceAll(r.Z.global.replaceToken,o.sNestedGroupDataSeparator);return this.calculateGroupData(t,l,a,d,s,n)}},{key:"getGroupRow",value:function(e){var t=this.widget,o=t.getRowIndexByDataRowContainerIndex(e.nStartRowIndex);return t.aRowMapping[o]}},{key:"customTemplate",value:function(e,t,o){var n=this.getGroupData(t,o);return this.calculateTemplate({},n,e)}},{key:"customRenderer",value:function(e,t,o){var n=this.getGroupRow(o),r=this.getGroupData(t,o),i=this.calculateIndexData(o,!0);return e.method.apply(e.scope,[i,r,n])||""}},{key:"clean",value:function(){this.aUnsortedGroupData={},this.aGroupData={}}},{key:"readdDoubleGroupRecords",value:function(){var e,t=this.widget,o=t.getRowIndexByDataRowContainerIndex(0),n=this.aAddedGroupRecords,r=n.length,i=t.aRowMapping;for(e=0;e<r;e++){var a=n[e];if(!(a.index<o))break;i.splice(a.index,0,a.record)}e<r&&(n.length=e),t.store.refreshAllRecordMapping()}},{key:"updatePagerGroupByMapping",value:function(e,t,o){var n=this.widget,r=this.aAddedGroupRecords.length,i=n.nCurrPageIdx,a="last"===t;do{if(o<i)for(var s=o;s<i;s++)this.addGroupRecords(s);if(a){var l=n.getPageCount()-1;l!==i?n.nCurrPageIdx=i=l:a=!1}}while(a);e?(this.resetAddedGroupRecords(),this.readdDoubleGroupRecords()):this.resetAddedGroupRecords(!0),this.addGroupRecords(),r!==this.aAddedGroupRecords.length&&n.fire("rowgroupaddedrows")}},{key:"addGroupRecords",value:function(e){var t=this.widget,o=t.aRowMapping,n=t.getRowIndexByDataRowContainerIndex(0,void 0,e),r=o[n];if(r)for(var i,a,l,d=r.sGroupRecordIndex,c=!d||d.split(t.sNestedGroupDataSeparator).length>1,u=n,h=0,f=0,p=0;c;){var g=s(this.getGroupedParent(u,n,f,p),4);u=g[0],i=g[1],l=g[2],a=g[3];var m=(h+=i)+l,b=o[u],v={sRecordIndex:b.sRecordIndex,sGroupRecordIndex:b.sGroupRecordIndex,bExtraRow:!0,oPageData:{nTotalSeen:h+1,nMaxOnPage:m,nTotal:a},nCount:0};this.aAddedGroupRecords.push({record:v,index:n}),o.splice(n,0,v),t.store.refreshAllRecordMapping(),c=!b.sGroupRecordIndex||b.sGroupRecordIndex.split(t.sNestedGroupDataSeparator).length>1,f||(f=b.sGroupRecordIndex.split(t.sNestedGroupDataSeparator).length),p++}}},{key:"resetAddedGroupRecords",value:function(e){for(var t=this.widget,o=this.aAddedGroupRecords,n=t.aRowMapping,r=null,i=t.getRowIndexByDataRowContainerIndex(0)+t.getPageSize(),a=o.length-1;a>=0;a--){var s=o[a].index;(!e||s>=i)&&(n.splice(s,1),e&&(r=a))}null!==r&&(o.length=r)}},{key:"pageCloseGroup",value:function(e,t){if(!t){var o,n=this.widget,r=n.aRowMapping;for(o=0;o<r.length;o++)if(r[o].sGroupRecordIndex===e){var i=n.getPageByDataRowIndex(o);if(i!==n.getCurrPageIdx()){n.bGrouping=!0,n.setCurrPageIdx(i);var a=n.getRowContainerIndexByRowIndex(o);n.selectorEngineManager.$cell(a,0).select(!0),n.bGrouping=!1}break}}}},{key:"clearPaging",value:function(){this.widget.setCurrPageIdx(0)}},{key:"unsetGroup",value:function(){var e=this.widget,t=e.aGroupBy.slice(0);return e.aGroupBy=[],e.bHasRowGroupColumn=!1,e.bGroupBy=!1,t}},{key:"cardGroupBy",value:function(){var e,t=this.widget,o=t.webcomponent,n=t.aColumnMapping;if(t.bHasRowGroupColumn)for(var i=0;i<n.length;i++)(e=n[i]).sCellType===r.Z.internalColumn.rowgroup&&(this.oCard.oColumnMapping=e);o.groupBy&&(this.oCard.groupBy=o.groupBy),this.widget.bUpdateGroupBy=!0,o.groupBy=!1,this.oCard.bGroupBy=!0,this.widget.bUpdateGroupBy=!1}},{key:"rowGroupBy",value:function(){var e=this.widget,t=e.webcomponent,o=e.aColumnMapping,n=this.oCard;if(e.bEditingControls=!0,n.oColumnMapping){var r=e.getColgroupByColumnIndex(0),i=n.oColumnMapping.oDOMZGColumn;i.initialLoad(e,n.oColumnMapping),r.insertBefore(i,r.firstChild),o.unshift(i._oParsedColumnMapping)}else n.groupBy&&(t.groupBy=n.groupBy);e.bEditingControls=!1,this.oCard={}}},{key:"getGroupedParent",value:function(e,t,o,n){var r,i,a,s,l,d=this.widget,c=d.aRowMapping,u=c[e],h=u.sGroupRecordIndex,f=0,p=0,g=0,m=d.getPageSize();for(h&&(f=h.split(d.sNestedGroupDataSeparator).length-1),i=e-1;i>=0;i--)if(!(u=c[i]).bExtraRow)if(h=u.sGroupRecordIndex){var b=h.split(d.sNestedGroupDataSeparator).length;if(0===f||b===f){l=u.nCount,r=h,s=i,o||(o=b);break}this.getRecord(h).open||(p+=void 0!==u.nCount?u.nCount:1)}else p++;var v=m-(o-n);for(a=0;a<v&&!((i=t+a)>=c.length)&&(!(h=(u=c[i]).sGroupRecordIndex)||0===h.indexOf(r));a++)void 0!==u.nCount?this.getRecord(h).open||(g+=u.nCount):g++;return[s,p,g,l]}}])&&u(t.prototype,o),a&&u(t,a),Object.defineProperty(t,"prototype",{writable:!1}),e}()},9947:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n={delivery:"class",dom:"<i></i>",prefix1:"fas",prefix2:"fa-",map:{cancel:"fa-times",cancelrecord:"fa-times",close:"fa-times",checked:"fa-check-square",checkmark:"fa-check",delete:"fa-trash",down:"fa-arrow-down",error:"fa-exclamation-circle",edit:"fa-edit",editrecord:"fa-edit",firstpage:"fa-angle-double-left",fixedmenu:"fa-bars",info:"fa-info-circle",lastpage:"fa-angle-double-right",layoutcard:"fa-th-large",layoutrow:"fa-th-list",link:"fa-link",menu:"fa-ellipsis-v",nextpage:"fa-angle-right",outsidearrow:"fa-external-link-alt",prevpage:"fa-angle-left",reload:"fa-redo-alt",remove:"fa-times",removerecord:"fa-trash",search:"fa-search",submitrecord:"fa-check",success:"fa-check-circle",unchecked:"fa-square",up:"fa-arrow-up",warning:"fa-exclamation-triangle"}}},57247:(e,t,o)=>{"use strict";function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}function r(e,t){for(var o=0;o<t.length;o++){var r=t[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,(i=r.key,a=void 0,a=function(e,t){if("object"!==n(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var r=o.call(e,t||"default");if("object"!==n(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(i,"string"),"symbol"===n(a)?a:String(a)),r)}var i,a}o.r(t),o.d(t,{default:()=>i});const i=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.se=t.se,this.ZG=this.widget.webcomponent}var t,o,n;return t=e,(o=[{key:"updateIcons",value:function(e){this.widget.aIcons.forEach((function(t){return t.changeVendor(e)}))}},{key:"updateIconTheme",value:function(){this.widget.aIcons.forEach((function(e){return e.setIcon(e.name)}))}}])&&r(t.prototype,o),n&&r(t,n),Object.defineProperty(t,"prototype",{writable:!1}),e}()},52744:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>l});var n=o(87822);o(37486);function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function i(e){return function(e){if(Array.isArray(e))return a(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return a(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return a(e,t)}(e)||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 a(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function s(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(i=n.key,a=void 0,a=function(e,t){if("object"!==r(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==r(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(i,"string"),"symbol"===r(a)?a:String(a)),n)}var i,a}const l=function(){function e(t){var o=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.se=t.se,this.rowInit=null,this.ZG=this.widget.webcomponent,this.ZG.layoutType=null,this.widget.on("viewport:change",(function(){o.widget.bAPIReady?o.setMobileWidth():o.widget.on("apiready",o.setMobileWidth,o)}))}var t,o,r;return t=e,o=[{key:"getLayoutType",value:function(){return this.ZG.getAttribute(n.Z.zgLayout.attr)}},{key:"isLayoutSet",value:function(){return n.Z.zgLayout.typesArr.indexOf(this.getLayoutType())>-1}},{key:"layoutCtrlClick",value:function(e){var t=this.ZG.layoutType=e.action.split("layout")[1];this.setEditorType(t),this.setLayoutAttr(t)}},{key:"setEditorType",value:function(e){var t=this.widget;if((!this.ZG.userEditorValue||e===n.Z.zgLayout.typeCard)&&t.bHasEditorEnabled){t.bUpdatingEditor=!0;var o=e===n.Z.zgLayout.typeCard?n.Z.editor.typeModal:n.Z.editor.typeInline;t.editorManager.setEditorType(o),t.bUpdatingEditor=!1}}},{key:"setActiveButton",value:function(e,t){requestAnimationFrame((function(){var o=e.querySelectorAll(n.Z.zgButton.tagName),r=e.querySelector('zg-button[action="layout'.concat(t,'"]'));if(o&&i(o).forEach((function(e){return e.removeAttribute(n.Z.attr.active)})),r){var a=function(){return r.setAttribute(n.Z.attr.active,"")};r.bReady?a():r.on("ready",a)}}))}},{key:"setLayout",value:function(){var e=this,t=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).isReset,o=void 0!==t&&t,r=this.ZG,a=this.widget,s=r.oDOMLayout||r.querySelector(n.Z.zgLayoutControls.tagName),l=r.layoutType=this.getLayoutType();if(o||[void 0,null].indexOf(l)>-1)return o&&r.oDOMLayoutControls&&r.oDOMLayoutControls.setAttribute(n.Z.attr.hidden,""),r.oDOMLayoutControls&&r.oDOMLayoutControls.hasAttribute(n.Z.attr.hidden)&&r.oDOMLayoutControls.removeAttribute(n.Z.attr.hidden),this.setLayoutType(n.Z.zgLayout.reset),this.setMobileWidth(),void(r.layoutType=void 0);r.hasAttribute(n.Z.zgLayout.attr)||r.setAttribute(n.Z.zgLayout.attr,l);var d=["",null];if([].concat(d,i(n.Z.zgLayout.typesArr)).indexOf(l)>-1){var c=d.indexOf(l)>-1?n.Z.zgLayout.reset:l;this.setLayoutType(c)}l?this.setEditorType(l):this.setMobileWidth(),s&&this.setActiveButton(s,l),l===n.Z.zgLayout.typeRow&&a.bNeedsRowResize&&(requestAnimationFrame((function(){a.bDisconnect||(a.renderTo.style.display="none",a.updater.nSavedResizeWidth=e.widget.webcomponent.clientWidth,a.renderTo.style.display="",a.updater.updateResizeWindow(!0))})),a.bNeedsRowResize=!1)}},{key:"setLayoutAttr",value:function(e){this.ZG.setAttribute(n.Z.zgLayout.attr,e)}},{key:"setLayoutType",value:function(e,t){var o=this,r=this.widget,i=!1;e===n.Z.zgLayout.typeCard?(r.hasFrozenColumns()&&(r.nCardLeftFrozenColumns=r.nLeftFrozenColumns,r.nCardRightFrozenColumns=r.nRightFrozenColumns,r.nLeftFrozenColumns=0,r.nRightFrozenColumns=0,r._adjustFrozenColumns(),i=!0),r.hasFrozenRows()&&(r.nCardTopFrozenRows=r.nTopFrozenRows,r.nCardBottomFrozenRows=r.nBottomFrozenRows,r.nTopFrozenRows=0,r.nBottomFrozenRows=0,r.updateFrozenRowMapping(),i=!0),r.bGroupBy&&(r.groupbyManager.cardGroupBy(),i=!0),i&&r.webcomponent.bReady&&(r.updater.clearCache(),r.updater.update())):((r.nCardLeftFrozenColumns||r.nCardRightFrozenColumns)&&(r.nLeftFrozenColumns=r.nCardLeftFrozenColumns,r.nRightFrozenColumns=r.nCardRightFrozenColumns,r.nCardLeftFrozenColumns=0,r.nCardRightFrozenColumns=0,r._adjustFrozenColumns(),i=!0),(r.nCardTopFrozenRows||r.nCardBottomFrozenRows)&&(r.nTopFrozenRows=r.nCardTopFrozenRows,r.nBottomFrozenRows=r.nCardBottomFrozenRows,r.nCardTopFrozenRows=0,r.nCardBottomFrozenRows=0,r.updateFrozenRowMapping(),i=!0),r.groupbyManager.oCard.bGroupBy&&(r.groupbyManager.rowGroupBy(),r._updateGroupedColumnReset(!0)),i&&r.webcomponent.bReady&&r.updater.clearCache()),r.webcomponent.bReady?requestAnimationFrame((function(){r.bDisconnect||o.updateLayoutAttributes(e,t)})):e&&this.updateLayoutAttributes(e,!0)}},{key:"updateLayoutAttributes",value:function(e,t){var o=n.Z.zgLayout.attr,r=(n.Z.zgLayout.cardTplAttr,this.ZG);if(e===n.Z.zgLayout.reset){if(this.resetFrames(),r.oDOMHeader.removeAttribute(o),r.oDOMControlBar){r.oDOMControlBar.removeAttribute(o);var i=r.oDOMControlBar.querySelector("zg-checkbox[internal-selector]");i&&i.removeAttribute(o)}var a=r.querySelector("zg-head-cell zg-checkbox[internal-selector]");a&&a.removeAttribute(o),r.oTopPager&&r.oTopPager.removeAttribute(o),r.oBottomPager&&r.oBottomPager.removeAttribute(o),r.oDOMBatchEditStyle&&r.oDOMBatchEditStyle.removeAttribute(o)}else{var s=e===n.Z.zgLayout.typeCard&&this.widget.hasCardTemplate();if(-1===n.Z.zgLayout.typesArr.indexOf(e))return;if(this.setFrames(e,s),r.oDOMHeader.setAttribute(o,e),r.oDOMControlBar){r.oDOMControlBar.setAttribute(o,e);var l=r.oDOMControlBar.querySelector("zg-checkbox[internal-selector]");l&&l.setAttribute(o,e)}var d=r.querySelector("zg-head-cell zg-checkbox[internal-selector]");d&&d.setAttribute(o,e),r.oTopPager&&r.oTopPager.setAttribute(o,e),r.oBottomPager&&r.oBottomPager.setAttribute(o,e),r.oDOMBatchEditStyle&&r.oDOMBatchEditStyle.setAttribute(o,e)}e===n.Z.zgLayout.typeCard&&this.setTypeCard(),r.oDOMCaption&&r.oDOMCaption.toggleColumnMenu(e);var c,u=e===n.Z.zgLayout.reset?n.Z.zgLayout.typeRow:e,h=this.sCurrentType===n.Z.zgLayout.reset?n.Z.zgLayout.typeRow:this.sCurrentType;(c=u!==h)&&u===n.Z.zgLayout.typeRow&&void 0===h&&(c=!1),c&&(r.pageSizeRow||r.pageSizeCard)&&this.widget.calculatePageSize(u),this.sCurrentType=u,c&&this.widget.fire("layoutchange"),!t&&c&&this.widget.update()}},{key:"setFrames",value:function(e,t){var o=n.Z.zgLayout.attr,r=n.Z.zgLayout.cardTplAttr,a=this.ZG;["","Left","Right"].forEach((function(n){a["oDOM".concat(n,"Colgroup")].setAttribute(o,e);var s=a["oDOM".concat(n,"Body")];s.setAttribute(o,e),i(s.children).forEach((function(n){n.setAttribute(o,e),t?n.setAttribute(r,""):n.removeAttribute(r);for(var i=0;i<n.children.length;i++)n.children[i].setAttribute(o,e);return n})),t?s.setAttribute(r,""):s.removeAttribute(r),a["oDOM".concat(n,"Head")].setAttribute(o,e),a["oDOM".concat(n,"Foot")].setAttribute(o,e)}))}},{key:"resetFrames",value:function(){var e=n.Z.zgLayout.attr,t=n.Z.zgLayout.cardTplAttr,o=this.ZG;["","Left","Right"].forEach((function(n){o["oDOM".concat(n,"Colgroup")].removeAttribute(e);var r=o["oDOM".concat(n,"Body")];r.removeAttribute(e),r.removeAttribute(t),r&&r.children&&i(r.children).forEach((function(o){o.removeAttribute(e),o.removeAttribute(t);for(var n=0;n<o.children.length;n++)o.children[n].removeAttribute(e);return o})),o["oDOM".concat(n,"Head")].removeAttribute(e),o["oDOM".concat(n,"Foot")].removeAttribute(e)}))}},{key:"setMobileWidth",value:function(){var e=this.widget.editorManager,t=this.ZG.getAttribute(n.Z.viewport.attr)===n.Z.viewport.mobileLabel,o=this.isLayoutSet();o||(!this.ZG.userEditorValue&&this.widget.bHasEditorEnabled&&(t?e.setEditorType(n.Z.editor.typeModal):this.setEditorType()),t&&!o?this.setLayoutType(n.Z.zgLayout.typeCard):this.setLayoutType(n.Z.zgLayout.reset))}},{key:"setTypeCard",value:function(){var e=this.widget;!this.ZG.userEditorValue&&this.widget.bHasEditorEnabled&&(e.bUpdatingEditor=!0,this.ZG.setAttribute(n.Z.editor.attr,n.Z.editor.typeModal),e.bUpdatingEditor=!1),this.ZG.oDOMBody&&this.ZG.oDOMBody.children&&i(this.ZG.oDOMBody.children).forEach((function(e){i(e.children).forEach((function(e){return e.removeAttribute(n.Z.attr.sorted)}))}))}}],o&&s(t.prototype,o),r&&s(t,r),Object.defineProperty(t,"prototype",{writable:!1}),e}()},92112:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>c});var n=o(87822),r=o(37486),i=o(19791);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function s(e){return function(e){if(Array.isArray(e))return l(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return l(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return l(e,t)}(e)||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 l(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function d(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==a(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===a(i)?i:String(i)),n)}var r,i}const c=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.se=t.se,this.oRegisteredMenu={},this.activeMenu=null,this.menuitems=[],this.bInit=!1}var t,o,a;return t=e,(o=[{key:"reset",value:function(){this.widget.webcomponent.removeMenu(this),this.oRegisteredMenu={},this.activeMenu=null,this.menuitems=[],this.bInit=!1,this.bUserMenu=!1}},{key:"initMenu",value:function(e){var t=this.widget,o=(t.webcomponent,null);if(e&&this.bInit&&this.oElMenu&&this.reset(),!this.bInit){t.sContextMenuId&&t.sContextMenuId!==n.Z.zgMenu.browser&&(o=document.getElementById(t.sContextMenuId))&&(o.setAttribute(n.Z.attr.hidden,""),this.wrapMenuItems(o));var r=t.sContextMenuId&&t.sContextMenuId!==n.Z.zgMenu.browser?"".concat(t.sContextMenuId,"Clone"):"userContextMenuClone";if(this.oElMenu=this.widget.webcomponent.querySelector("#".concat(r)),this.oElMenu?this.bDefined=!0:(this.oElMenu=document.createElement(n.Z.zgMenu.tagName),this.oElMenu.id=r,this.oElMenu.setAttribute(n.Z.attr.hidden,"")),o&&null!==o.getAttribute("replace")?this.bUserMenu=!0:(!1!==this.widget.store.oDataRequest.createOptions&&this.addMultipleItems([{action:"createrecord",text:"context.insertRecordHere"},{action:"createrecordstart",text:"context.insertRecordStart"},{action:"createrecordend",text:"context.insertRecordEnd"}],{group:"insert-record-group",label:{icon:"createrecord",text:"context.insertRecordLabel"},styles:'\n          /* Group: Insert Record */\n          [group="insert-record-group"] { background: var(--zg-menu-group-background, var(--theme-background-zebra)); }\n          [group="insert-record-group"] zg-menu-item { --zg-menu-item-padding:3px 5px; flex-basis:33.333%; }\n          [group="insert-record-group"] zg-icon { width:16px; height:16px; }\n          [group="insert-record-group"] zg-button zg-icon,\n          [group="insert-record-group"] zg-button zg-checkbox { display:none; }\n        '}),this.addItem({action:"freezecolumnleft",text:"context.freezeColumnLeft"}),this.addItem({action:"freezecolumnright",text:"context.freezeColumnRight"}),this.addItem({action:"unfreezecolumn",text:"context.unfreezeColumn"}),this.addSeparator("freezecolumn"),this.addItem({action:"freezerowtop",text:"context.freezeRowTop"}),this.addItem({action:"freezerowbottom",text:"context.freezeRowBottom"}),this.addItem({action:"unfreezerow",text:"context.unfreezeRow"}),this.addSeparator("freezerow"),this.addItem({action:"hidecolumn",text:"context.hideColumn"}),this.addSeparator("hide"),this.addItem({action:"sortcolumn",text:"context.sortColumn"}),this.addSeparator("sort"),!1!==this.widget.store.oDataRequest.updateOptions.cell&&this.addItem({action:"editcell",text:"context.editCell"}),!1!==this.widget.store.oDataRequest.updateOptions.row&&this.addItem({action:"editrow",text:"context.editRow"}),this.addSeparator("edit"),!1!==this.widget.store.oDataRequest.deleteOptions.row&&(this.addItem({action:"removerecord",text:"context.deleteRow"}),this.addSeparator("delete")),this.addItem({action:"duplicaterecord",text:"context.duplicateRow"}),this.addSeparator("duplicate"),this.addItem({action:"submitrecord",text:"context.save"}),this.addItem({action:"cancelrecord",text:"context.cancel"}),this.addSeparator("action"),this.addItem({action:"copycell",text:"context.copyCell"}),this.addItem({action:"pastecell",text:"context.pasteCell"}),this.addSeparator("copy"),this.addItem({action:"selectcell",text:"context.selectCell"}),this.addItem({action:"selectrow",text:"context.selectRow"}),this.addItem({action:"selectall",text:"context.selectAll"}),this.addItem({action:"deselect",text:"context.deselect"}),this.addSeparator("select"),this.addItem({action:"prevpage",text:"context.previousPage"}),this.addItem({action:"nextpage",text:"context.nextPage"}),this.addItem({action:"firstpage",text:"context.firstPage"}),this.addItem({action:"lastpage",text:"context.lastPage"}),this.addSeparator("pager"),this.addItem({action:"resetstate",text:"context.resetState"}),this.addSeparator("reset"),this.addItem({action:"about",text:"context.version"}),o&&o.children.length&&this.addSeparator()),!this.bDefined&&o)for(;o.childNodes.length>0;)this.oElMenu.appendChild(o.childNodes[0]);t.webcomponent.appendMenu(this),this.bInit=!0}}},{key:"createMenuItem",value:function(e){var t=e.action,o=e.text,r=document.createElement(n.Z.zgMenuItem.tagName);r.menu=this.oElMenu,r.menuManager=this.widget.menuManager;var a=document.createElement(n.Z.zgButton.tagName),s=document.createElement("span");return s.slot=n.Z.zgButton.slot.label,s.textContent=i.default.get(o,this.widget,{element:s,elProperty:"textContent"}),a.setAttribute(n.Z.attr.action,t),a.appendChild(s),r.appendChild(a),this.bDefined?(this.menuitems[t]=this.oElMenu.querySelector("zg-menu-item zg-button[action=".concat(t,"]")).parentNode,!1):(this.menuitems[t]=r,r)}},{key:"addItem",value:function(e){var t=e.action,o=e.text,n=this.createMenuItem({action:t,text:o});n&&this.oElMenu.appendChild(n)}},{key:"addMultipleItems",value:function(e,t){var o=this;if(e&&e.length){var r,a=document.createElement(n.Z.zgMenuGroup.tagName);if(t.group&&a.setAttribute("group",t.group),t.label){if(t.label.icon){var s=document.createElement(n.Z.zgIcon.tagName);s.setAttribute("name",t.label.icon),s.slot="zgMenuGroupLabel",a.appendChild(s)}if(t.label.text){var l=document.createElement("span");l.textContent=i.default.get(t.label.text,this.widget,{element:l,elProperty:"textContent"}),l.slot="zgMenuGroupLabel",a.appendChild(l)}}t.styles&&a.insertAdjacentHTML("afterbegin","<style>".concat(t.styles,"</style>")),e.forEach((function(e){(r=o.createMenuItem({action:e.action,text:e.text}))&&(r.slot="zgMenuGroupItems",r.menuGroup=a,a.appendChild(r))})),this.menuitems[t.group]=a,this.oElMenu.appendChild(a)}}},{key:"addSeparator",value:function(e){if(this.bDefined)this.menuitems[e]=this.oElMenu.querySelector("zg-separator[action=".concat(e,"]"));else{var t=document.createElement("zg-separator");t.setAttribute(n.Z.attr.action,e),this.oElMenu.appendChild(t),this.menuitems[e]=t}}},{key:"closeMenu",value:function(){var e=this,t=this.activeMenu;t&&(this.activeCell?this.activeCell.select():this.bFixed&&this.widget.focusManager.focusGrid(this.bFixed),t.removeAttribute(n.Z.zgMenu.opener),t._hide(),this.widget.fire("contextmenuclose"),this.lastCell=this.activeCell,this.activeMenu=null,this.activeCell=null,this.activeHeader=null,this.activeColumn=null,requestAnimationFrame((function(){return e.bFixed=!1})))}},{key:"displayMenu",value:function(e,t){this.toggleMenuItemDisplay();var o=this.oElMenu;o._show();var r=this.widget.webcomponent;o.clearPosition(),o.calculateMenuPosition(e,r),this.widget.isStorybook("menu")||o.querySelector("".concat(n.Z.zgMenuItem.tagName,":not([hidden]")).focus(),o.setAttribute(n.Z.zgMenu.opener,n.Z.zgMenu.static),this.activeMenu=o}},{key:"getActiveMenu",value:function(){return this.activeMenu}},{key:"isMenuOpen",value:function(){return!!this.activeMenu}},{key:"openFixedMenu",value:function(e){var t,o=this.widget,r=o.sorter;if(e.oDOMTarget&&e.oDOMTarget.tagName.toLowerCase()===n.Z.zgButton.tagName){var i=e.oDOMTarget.querySelector("zg-icon");if(i)return void i.click()}var a=o.selector.se;if("grid"===a.sContextLevel){if(this.activeHeader=this.activeCell=this.activeColumn=null,r.isSorterActive()){var s=o.getColumnIndexByFieldIndex(r.sActiveSortedIndex);s>=0&&(this.activeColumn=o.aColumnMapping[s])}}else"cell"!==a.sContextLevel&&(a=a.toCell()),this.activeCell=a,t=this.activeCell.el.dom.cellIndex,this.activeColumn=o.aColumnMapping[t];this.displayMenu(e,{x:e.oDOMTarget.offsetLeft,y:e.oDOMTarget.offsetHeight}),o.fire("contextmenuopen"),this.bFixed=!0}},{key:"openContextMenu",value:function(e,t){var o,i=this.widget.webcomponent,a=this.widget.webcomponent.querySelectorAll("zg-menu"),l=this.oElMenu,d=r.MV(t,n.Z.zgCell.tagName),c=!r.MV(t,n.Z.zgCard.tagName)&&!d&&r.MV(t,n.Z.zgHeadCell.tagName);l.clearPosition(),this.activeHeader=this.activeCell=null,a&&s(a).forEach((function(e){return e.setAttribute(n.Z.attr.hidden,"")})),c?(this.activeHeader=c,o=c.getAttribute("cellindex")):d&&(this.activeCell=this.se.cell(d),o=d.cellIndex),(this.activeHeader||this.activeCell)&&(this.activeColumn=this.widget.aColumnMapping[o],this.toggleMenuItemDisplay(!0),l._show(),this.widget.fire("contextmenuopen"),l.calculateContextPosition(e,i),this.activeMenu=l,l.setAttribute(n.Z.zgMenu.opener,n.Z.zgMenu.context))}},{key:"registerMenu",value:function(e,t){this.oRegisteredMenu[e]=t}},{key:"toggleMenuItemDisplay",value:function(e){var t,o,r=this.widget,i=this.activeCell,a=this.activeHeader,s=this.activeColumn,l=r.webcomponent.preserveStateId;s&&(t=r.getAreaByColumn(s)),i&&(o=i.sFrozenRowState);var d,c=r.getPageSize(),u=r.store.getOriginRecordCount()||r.getRowCount(),h=e&&this.activeCell||!e&&r.bHasSelectorEnabled&&this.activeCell;d=["insert-record-group","createrecord","createrecordstart","createrecordend"],this.toggleSection(d,!r.recordEditor.bIsOpen&&r.bHasEditorEnabled),d=["createrecord"],this.toggleSection(d,h&&!r.recordEditor.bIsOpen&&r.bHasEditorEnabled),d=["editcell"],this.toggleSection(d,i&&!r.recordEditor.bIsOpen&&r.bHasEditorEnabled),d=["editrow"],this.toggleSection(d,i&&!r.recordEditor.bIsOpen&&r.bHasEditColumn),d=["edit"],this.toggleSection(d,i&&!r.recordEditor.bIsOpen&&(r.bHasEditorEnabled||r.bHasEditColumn)),d=["duplicate","duplicaterecord"],this.toggleSection(d,i&&!r.recordEditor.bIsOpen&&r.bHasEditorEnabled),d=["delete","removerecord"],this.toggleSection(d,i&&!r.recordEditor.bIsOpen&&(r.bHasEditorEnabled||r.bHasRemoveColumn)),d=["submitrecord","cancelrecord","action"],this.toggleSection(d,r.recordEditor.bIsOpen),d=["freezecolumnleft"],this.toggleSection(d,s&&"left"!==t,!0),d=["freezecolumnright"],this.toggleSection(d,s&&"right"!==t,!0),d=["unfreezecolumn"],this.toggleSection(d,s&&("left"===t||"right"===t),!0),d=["hidecolumn","hide"],this.toggleSection(d,s),d=["freezerowtop"],this.toggleSection(d,i&&!r.bGroupBy&&"top"!==o,!0),d=["freezerowbottom"],this.toggleSection(d,i&&!r.bGroupBy&&"bottom"!==o,!0),d=["unfreezerow"],this.toggleSection(d,i&&!r.bGroupBy&&("top"===o||"bottom"===o),!0),d=["sortcolumn","sort"],this.toggleSection(d,a),d=["copy","copycell"],this.toggleSection(d,i&&r.clipper&&-1===n.Z.internalColumnTypes.indexOf(i.sCellType)),d=["pastecell"],this.toggleSection(d,i&&r.clipper&&r.clipper.savedValue&&r.recordEditor.bIsOpen),d=["select","selectcell","selectrow","selectall"],this.toggleSection(d,i&&r.bHasSelectorEnabled),d=["deselect"],this.toggleSection(d,i&&r.bHasSelectorEnabled&&r.selector.bHasSelection),d=["prevpage","nextpage","firstpage","lastpage","pager"],this.toggleSection(d,c<u||r.hasPager()),d=["resetstate","reset"],this.toggleSection(d,l);var f=this.oElMenu.querySelectorAll("[display=cell]"),p=this.oElMenu.querySelectorAll("[display=header]");this.toggleUserSection(f,i),this.toggleUserSection(p,a)}},{key:"toggleSection",value:function(e,t,o){var n=this.menuitems;this.bUserMenu||e.forEach((function(e){var r=n[e].querySelector("zg-button");n.hasOwnProperty(e)&&t?o&&r?r._enable():n[e]._show():n.hasOwnProperty(e)&&!t&&(o&&r?r._disable():n[e]._hide())}))}},{key:"toggleUserSection",value:function(e,t){e.forEach((function(e){t?e._show():e._hide()}))}},{key:"wrapMenuItems",value:function(e){e.querySelectorAll("zg-menu-item").forEach((function(e){e.bAdded||e.ready();var t=e.querySelector(n.Z.zgButton.tagName);if(!t){var o=e.querySelector("i");if((t=document.createElement(n.Z.zgButton.tagName)).setAttribute(n.Z.attr.action,""),o){var r=document.createElement("div");r.classList.add("zg-button-icon"),r.setAttribute("slot","icon"),r.appendChild(o),e.appendChild(r)}t.innerHTML=e.innerHTML,e.innerHTML="",e.appendChild(t)}}))}},{key:"destroy",value:function(){this.widget=null,this.se=null,this.oRegisteredMenu=null,this.activeMenu=null,this.menuitems.length=0,this.oElMenu=null,this.activeHeader=null,this.activeCell=null,this.activeColumn=null}}])&&d(t.prototype,o),a&&d(t,a),Object.defineProperty(t,"prototype",{writable:!1}),e}()},93834:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(55040),r=o(31769),i=o(87822);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function s(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==a(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===a(i)?i:String(i)),n)}var r,i}function l(e,t){return l=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},l(e,t)}function d(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=c(e);if(t){var r=c(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===a(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function c(e){return c=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},c(e)}const u=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&l(e,t)}(c,e);var t,o,n,a=d(c);function c(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,c),(e=e||{})._defaults={initAfterPaint:!0,nFirstRowContainerIndex:0},a.call(this,e)}return t=c,(o=[{key:"init",value:function(){this.bFetching=!1,this.ons()}},{key:"ons",value:function(){var e=this.widget;this.bHookedUp||e.oDOMScroller&&e.oDOMScroller.hasAttribute("height")&&(this.onScroll(),this.bHookedUp=!0)}},{key:"onScroll",value:function(){var e=this,t=this.widget,o=r.Z.get(t.oDOMScrollerWrapper),n=t.store;this.nLastScrollTop=0,t.bStaticScroll=!0,o.on("scroll",(function(){if(!t.bDisconnect){var o=t.webcomponent.oDOMTooltip,r=t.webcomponent.oDOMCellOverflow;o&&o._hideTarget(),r&&r.isOpen()&&r.setPosition(r.currentTrigger,!0),n.oDataFormat.bLoadByScroll?(t.bStaticScroll=!1,e.onInfiniteScroll()):e.onStaticScroll()}}))}},{key:"onStaticScroll",value:function(){var e=this.widget,t=e.mainColumnBody.el,o=r.Z.get(e.oDOMScroller),n=o.getScroll().top,i=n+o.getHeight(),a=.75*t.getHeight();n>this.nLastScrollTop&&i>a&&e.nRowSets*e.nRowsPerSet<e.getPageSize()&&(e.nRowSets++,e.update({bNoReRenderer:!0,bUpdateRowMappingOrder:!0,bUpdateBodyContent:!0,bUpdateContainer:!0,bUpdateColumnBodyContainerClass:!0})),this.nLastScrollTop=n}},{key:"onInfiniteScroll",value:function(){var e=this,t=this.widget,o=t.mainColumnBody.el,n=r.Z.get(t.oDOMScrollerWrapper);if(!this.bFetching){var i=n.getScroll().top,a=i+n.getHeight(),s=.75*o.getHeight(),l=.25*o.getHeight();if(this.nOldStart=t.nAdjustedStart,i>this.nLastScrollTop&&a>s){this.bFetching=!0,t.nCurrPageIdx++;var d=t.getPageSize()*t.nInfiniteTotalDisplay,c=t.getPageSize()*(t.nCurrPageIdx+1);if(d<c&&!t.bInfiniteMaxReached&&(t.nAdjustedStart=c-d),t.getInfiniteDataLoaded()){var u=!1;t.bInfiniteMaxReached&&d<(c=t.aRowMapping.length)&&(t.nAdjustedStart=Math.min(t.nAdjustedStart+t.getPageSize(),c-d),t.update(),i=this.completeScroll(!0),u=!0),u||this.cleanupNoScroll()}else t.bInfiniteMaxReached?this.cleanupNoScroll():(t.nAdjustedStart=this.nOldStart,t.store.once("loaded",(function(){e.bFetching&&(i=e.completeScroll(!0),e.nLastScrollTop=i)})),t.store.load())}else i<this.nLastScrollTop&&i<l&&t.nAdjustedStart>0&&(this.bFetching=!0,t.nCurrPageIdx--,t.nAdjustedStart=Math.max(0,t.nAdjustedStart-t.getPageSize()),t.update(),i=this.completeScroll(!1));this.nLastScrollTop=i}}},{key:"completeScroll",value:function(e){var t=this.widget,o=r.Z.get(t.oDOMScrollerWrapper),n=t.getPageSize(),i=Math.abs(t.nAdjustedStart-this.nOldStart);i%n&&(n=i%n);var a=t.getRowHeight()*n;return e&&t.nAdjustedStart>0?t.oDOMScrollerWrapper.scrollTop-=a:e||(t.oDOMScrollerWrapper.scrollTop+=a),this.bFetching=!1,o.getScroll().top}},{key:"cleanupNoScroll",value:function(){this.bFetching=!1,this.widget.nCurrPageIdx--}},{key:"scroll",value:function(e,t,o){var n=this.widget,i=n.oDOMScroller,a=n.mainGridHScroll.dom,s=e.xy,l=e.width,d=e.height,c=i?r.Z.get(i):null,u=c?c.getXY():0,h=c?c.getSize():0,f=r.Z.get(n.webcomponent.oDOMMain),p=f.getXY(),g=f.getSize(),m=s[0]-p[0],b=s[1]-u[1],v=s[0]+l-(p[0]+g[0]),y=s[1]+d-(u[1]+h[1]);t||(y>0&&(i.scrollTop+=y),b<0&&(i.scrollTop+=b)),o||(m<0&&(a.scrollLeft+=m),v>0&&(a.scrollLeft+=v))}},{key:"scrollToCell",value:function(){var e,t=this.widget,o=t.webcomponent,n=t.selector.se,r=t.getBodyByColumnIndex(n.nStartColumnIndex),a="cell"===n.sContextLevel&&r!==o.oDOMBody;if(o.layout===i.Z.zgLayout.typeCard){var s=n.el.dom.parentNode.getBoundingClientRect();e={xy:[s.x,s.y],width:s.width,height:s.height}}else e=n.dimension();this.scroll(e,!1,a)}},{key:"scrollToRange",value:function(){var e,t,o=this.widget,n=o.selector.se,r=!1,i=o.getElByIndex(n.nStartRowIndex,n.nStartColumnIndex),a=o.getElByIndex(n.nEndRowIndex,n.nEndColumnIndex);switch(n.sExpandDirection){case"up":case"shrinkdown":r=!0;case"left":case"shrinkright":t=i;break;case"down":case"shrinkup":r=!0;case"right":case"shrinkleft":t=a;break;default:t=i}e=!r;var s={xy:t.getXY(),width:t.getWidth(),height:t.getHeight()};this.scroll(s,e,r)}}])&&s(t.prototype,o),n&&s(t,n),Object.defineProperty(t,"prototype",{writable:!1}),c}(n.Z)},26877:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(55040),r=o(31769),i=o(87822);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function s(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==a(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===a(i)?i:String(i)),n)}var r,i}function l(e,t){return l=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},l(e,t)}function d(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=c(e);if(t){var r=c(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===a(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function c(e){return c=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},c(e)}const u=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&l(e,t)}(c,e);var t,o,n,a=d(c);function c(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,c),(e=e||{})._defaults={initAfterRender:!0},(t=a.call(this,e)).oLastMouseScreenPosition={x:0,y:0},t.oLastMousePosition={x:0,y:0},t.nLastVerticalTimeStamp=t.nLastHorizontalTimeStamp=(new Date).getTime(),t.bHasSelection=!1,t}return t=c,(o=[{key:"init",value:function(){this.ons()}},{key:"ons",value:function(){var e=this;this.widget.on("pagechange",(function(t){return e.deSelectAll(t)}),this),this.widget.on("cellopenedit",(function(t){return e.deSelectAll(t)}),this),this.widget.on("rowdelete",(function(t){return e.deSelectAll(t)}),this),this.widget.on("layoutchange",(function(t){return e.deSelectAll(t)}),this)}},{key:"onDocMouseUpFromSelector",value:function(){this.widget.bIsMouseDown=!1;var e=r.Z.get(document);e.docUn("mouseup",this.onDocMouseUpFromSelector,this),e.docUn("touchend",this.onDocMouseUpFromSelector,this),e.docUn("mousemove",this.onMouseMoveFromSelector,this),e.docUn("touchmove",this.onMouseMoveFromSelector,this),this.widget.bHasSelectorEnabled&&(this.se.isRangeSingleCell()||"cell"===this.se.sContextLevel?this.bHasSingleCell=!0:(this.bHasSingleCell=!1,this.se.select()))}},{key:"onMouseDownFromSelector",value:function(e){var t=r.Z.get(document),o=this.oLastMousePosition,n=this.oLastMousePosition;t.on("mouseup",this.onDocMouseUpFromSelector,this),t.on("touchend",this.onDocMouseUpFromSelector,this),t.on("mousemove",this.onMouseMoveFromSelector,this),t.on("touchmove",this.onMouseMoveFromSelector,this),o.x=e.xy[0],o.y=e.xy[1],n.x=e.oBrowserEvent.screenX,n.y=e.oBrowserEvent.screenY}},{key:"onMouseMoveFromSelector",value:function(e){var t=this.oLastMousePosition;t.x=e.xy[0],t.y=e.xy[1]}},{key:"onKeyDownDocument",value:function(e,t){var o,n=this,r=this.widget,a=this.se,s=(r.editorFieldManager,e.nCharCode),l=this.bHasSelection&&!r.bHasSelectorEnabled,d=function(e,t,r,i){e.stopEvent();var a=n.widget;if(e.bIsSHIFT&&i.toRange(),e.bIsSHIFT&&r)i.shrink(t).select();else if(e.bIsSHIFT)i.expand(t).select();else if(o=i.toCell().traverse(t))o.select(l);else if("up"===t){var s=i.nStartColumnIndex;a.headerFocusManager.focusFromBody(e,s)&&n.deSelectAll(!0,!0)}else if("down"===t){var d=i.nStartColumnIndex,c=a.footerFocusManager.focusFromBody(e,d);c||(c=a.focusManager.tabChangeFocus(e,{section:n.widget.focusManager.GRIDINDEX})),c&&n.deSelectAll(void 0,!0)}},c=function(e,t,n,r){e.stopEvent(),(o=t.cell(n,r)).select(l)},u=e.RIGHT,h=e.LEFT;switch("rtl"===r.sComputedDir&&(u=e.LEFT,h=e.RIGHT),s){case e.HOME:c(e,a,a.nStartRowIndex,0);break;case e.END:c(e,a,a.nStartRowIndex,r.getColumnContainerCount()-1);break;case e.PAGE_UP:c(e,a,0,a.nStartColIndex);break;case e.PAGE_DOWN:c(e,a,r.getRowContainerCount()-1,a.nStartColIndex);break;case e.UP:case"ArrowUp":d(e,"up",a.nInitialRowIndex<a.nEndRowIndex,a);break;case e.DOWN:case"ArrowDown":d(e,"down",a.nInitialRowIndex>a.nStartRowIndex,a);break;case u:case"ArrowRight":d(e,"right",a.nInitialColumnIndex>a.nStartColumnIndex,a);break;case h:case"ArrowLeft":d(e,"left",a.nInitialColumnIndex<a.nEndColumnIndex,a);break;case e.SPACE:if(this.bHasSingleCell){var f=a.cell().sCellType;(a.el.dom.querySelector("[".concat(i.Z.template.detailsAttr,"]"))||-1!==i.Z.internalColumnTypes.indexOf(f)||"url"===f||f===i.Z.internalColumn.rowgroup||f===i.Z.cellTypes.button)&&(e.preventDefault(),this.cellEnter(a))}break;case e.ENTER:case"enter":e.preventDefault(),r.isComputedCard()&&r.hasCardTemplate()?r.editorManager.openEditor(a.row()):r.isComputedCard()&&!a.bCardDrill?(a.bCardDrill=!0,a.select(l)):this.bHasSingleCell&&this.cellEnter(a.cell()),this.bHasSingleCell&&a.sCellType===i.Z.internalColumn.recordinfo&&r.tooltipManager._showTarget(null,a.dom());break;case e.ESC:case"esc":this.bHasSingleCell&&r.tooltipManager.oCurrentParent?this.widget.tooltipManager._hideTarget(null,r.tooltipManager.oCurrentParent,!0):this.deSelectAll();break;case e.A:case"a":e.bIsCTRL&&(e.preventDefault(),a.selectAll().select(),this.fire(i.Z.event.selectedAllCells))}}},{key:"cellEnter",value:function(e){var t=this.widget,o=e.sCellType,n=e.el.dom;if(-1!==i.Z.internalColumnTypes.indexOf(o)||o===i.Z.internalColumn.rowgroup||o===i.Z.cellTypes.button){var r=n.querySelector("zg-button")||n.querySelector("zg-checkbox");r&&r.click()}else if(t.bHasCellEditorEnabled||t.batchEditor.isActive())this.bTriggerSelect=!0,t.editorManager.openEditor(e);else if("url"===o){var a=n.querySelector("a");a&&a.click()}else n.querySelector("[".concat(i.Z.template.detailsAttr,"]"))&&t.detailsManager.openCellDetails(e)}},{key:"deSelectRange",value:function(){this.widget.bHasSelectorEnabled&&this.hideSelectionMaskAndBorder(),this.hideFocusCellMask()}},{key:"deSelectAll",value:function(e,t){var o=this.widget;if(this.bHasSelection){var n=this.se.dom();n&&n.hasAttribute(i.Z.zgTooltip.typeAttr)&&o.tooltipManager._hideTarget(null,n,!0,e)}this.bHasSelection=!1,this.se.deSelect(),this.focusCell(null,!0,!0),t||(o.headerFocusManager.deSelect(),o.footerFocusManager.deSelect()),this.fire(i.Z.event.deselectedCells),this.fire("deselectedcells")}},{key:"drawFocusCellMaskBorder",value:function(){this.hideFocusCellMask(),this.se.oColumnBodies.forEach((function(e){return e.oElFocusCellMaskBorder.draw()}))}},{key:"drawSelectionMask",value:function(){this.hideSelectionMaskAndBorder(),this.se.oColumnBodies.forEach((function(e){return e.oElSelectionMask.draw()}))}},{key:"focusCell",value:function(e,t,o){(this.widget.bHasSelectorEnabled||t)&&(this.oDOMPrevFocusCell&&(this.oDOMPrevFocusCell.classList.remove("zg-focus-cell"),this.oDOMPrevFocusCell&&this.oDOMPrevFocusCell.hasAttribute(i.Z.zgTooltip.typeAttr)&&this.widget.tooltipManager._hideTarget(null,this.oDOMPrevFocusCell,!0)),o||(this.drawFocusCellMaskBorder(e),this.oDOMPrevFocusCell=e.dom(),this.oDOMPrevFocusCell.classList.add("zg-focus-cell"),this.bHasSelection=!0))}},{key:"hideSelectionMaskAndBorder",value:function(){this.widget.webcomponent.querySelectorAll("zg-selector-mask").forEach((function(e){return e.hideAll()}))}},{key:"hideFocusCellMask",value:function(){this.widget.webcomponent.querySelectorAll("zg-focus:not([area=header]):not([area=footer])").forEach((function(e){return e._hide()}))}},{key:"selectCell",value:function(e,t){(this.widget.bHasSelectorEnabled||t)&&(this.widget.isComputedCard()&&!e.bCardDrill?(this.widget.mainColumnBody.oElFocusCellMaskBorder.drawCard(),e.scrollIntoView()):(e.scrollIntoView(),this.widget.bHasSelectorEnabled&&this.drawSelectionMask(),this.bHasSingleCell=!0,this.focusCell(e,t)),this.bHasSelection=!0)}},{key:"selectRange",value:function(e){this.widget.bHasSelectorEnabled&&(e.isRangeSingleCell()?this.selectCell(e):(this.bHasSingleCell=!1,this.drawSelectionMask(),this.bHasSelection=!0))}},{key:"updateSelection",value:function(){}}])&&s(t.prototype,o),n&&s(t,n),Object.defineProperty(t,"prototype",{writable:!1}),c}(n.Z)},13676:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>h});o(37486);var n=o(55040),r=o(87822);function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function a(e,t){var o="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!o){if(Array.isArray(e)||(o=function(e,t){if(!e)return;if("string"==typeof e)return s(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return s(e,t)}(e))||t&&e&&"number"==typeof e.length){o&&(e=o);var n=0,r=function(){};return{s:r,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,l=!1;return{s:function(){o=o.call(e)},n:function(){var e=o.next();return a=e.done,e},e:function(e){l=!0,i=e},f:function(){try{a||null==o.return||o.return()}finally{if(l)throw i}}}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function l(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,a=void 0,a=function(e,t){if("object"!==i(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===i(a)?a:String(a)),n)}var r,a}function d(e,t){return d=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},d(e,t)}function c(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=u(e);if(t){var r=u(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===i(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function u(e){return u=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},u(e)}const h=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&d(e,t)}(s,e);var t,o,n,i=c(s);function s(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,s),(e=e||{})._defaults={initAfterRender:!0},(t=i.call(this,e)).sActiveSortedIndex=null,t.bSortGroupColumn=!1,t.aOriginalRowMappingOrder=[],t.fnSorter=null,t.nSortOrder=0,t}return t=s,(o=[{key:"isSorterActive",value:function(){return null!==this.sActiveSortedIndex}},{key:"sortAll",value:function(){var e=this.fnSorter;0!==this.nSortOrder?this.sortData(null,null,this.nSortOrder,e,!0):this.restoreOriginalOrder()}},{key:"sortData",value:function(e,t,o,n,r){var i=this.widget;this.sortAllRecords(e,o,n,r),i.bGroupBy?(i.aRowMapping.length=0,this.sortGroupBy()):this.sortRecords(e,t,o,n,r).map((function(e,t){i.updateRowMapping(i.aRowMapping,t,{sRecordIndex:e.sRecordIndex})})),i.fire("roworderchange")}},{key:"sortGroupBy",value:function(e){var t=this.widget,o=t.filter;if(o.aFiltered)o.filter();else{var n=t.store.aOrderedData;t.groupbyManager.groupBy(t.aGroupBy,n,!1,e)}}},{key:"sortRowMappingByColumn",value:function(e){var t,o=e.aUserSet.fnSorter;o?t=e.fnSorter||this.fnSorter||null:(t=this.fnSorter||e.fnSorter||null,o=this.fnSorter);var n=e.nSortOrder||0,i=e.sFieldIndex;if(null!==t)if(0!==n){i=i.split(",");var a=e.sSorterIndex||i[0];e.sSorterIndex&&-1===i.indexOf(a)&&(a=i[0]),0!==n&&(this.bSortGroupColumn=e.sCellType===r.Z.internalColumn.rowgroup),this.sortData(a,i,n,t,o),0==n?(this.sActiveSortedIndex=null,this.bSortGroupColumn=!1,this.fire("sort",{index:null})):(this.sActiveSortedIndex=e.sFieldIndex,this.nSortOrder=n,this.fire("sort",{index:this.sActiveSortedIndex,order:this.nSortOrder}))}else this.isSorterActive()&&i===this.sActiveSortedIndex&&!this.widget.store.isServerSort()&&(this.restoreOriginalOrder(),this.sActiveSortedIndex=null,this.bSortGroupColumn=!1,this.fire("sort",{index:null}))}},{key:"sortRecords",value:function(e,t,o,n,r){var i=this,a=this.widget,s=a.store,l=0===this.aOriginalRowMappingOrder.length,d=a.aRowMapping.map((function(o,n){var a=o.sRecordIndex,d={sRecordIndex:a};if(l&&(i.aOriginalRowMappingOrder[n]=a),r)t?t.forEach((function(e){e=e.trim();var t=s.get(a,e);d[e]=null==t?"":t})):d=s.get(a).oRecordRawData;else{var c=s.get(a,e);d.mValue=null==c?"":c}return d})),c=n.scope||this.widget;return d.sort((function(e,t){var r;return r=void 0!==e.mValue?n.method.apply(c,[e.mValue,t.mValue]):n.method.apply(c,[e,t]),o>0?r:-r})),d}},{key:"sortAllRecords",value:function(e,t,o,n){this.widget.store.aOrderedData.sort((function(r,i){var a;if(n)a=o.method.apply(o.scope,[r,i]);else{var s=r[e],l=i[e];a=o.method.apply(o.scope,[s,l])}return t>0?a:-a}))}},{key:"restoreOriginalOrder",value:function(){var e=this.widget;e.store.unsetSort(),e.bGroupBy?(e.aRowMapping.length=0,this.sortGroupBy(!0)):(this.aOriginalRowMappingOrder.map((function(t,o){e.updateRowMapping(e.aRowMapping,o,{sRecordIndex:t})})),this.aOriginalRowMappingOrder.length=0)}},{key:"unsetActiveSort",value:function(){var e=this.widget.aColumnMapping,t=this.sActiveSortedIndex;if(this.widget.cellBreakManager.prepCellBreak(),null!==t){var o,n=a(e);try{for(n.s();!(o=n.n()).done;){var r=o.value;t!==r.sFieldIndex&&(r.nSortOrder=0)}}catch(e){n.e(e)}finally{n.f()}}}}])&&l(t.prototype,o),n&&l(t,n),Object.defineProperty(t,"prototype",{writable:!1}),s}(n.Z)},92604:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(87822),r=o(37486);function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function a(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,a=void 0,a=function(e,t){if("object"!==i(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===i(a)?a:String(a)),n)}var r,a}const s=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.se=t.se,this.ZG=this.widget.webcomponent}var t,o,i;return t=e,(o=[{key:"initSource",value:function(e){(e=e||this.ZG.source)&&!this.ZG.oDOMSource?(this.ZG.oDOMSource=document.createElement(n.Z.zgSource.tagName),this.ZG.oDOMSource.textContent=this.ZG.source):e&&this.ZG.oDOMSource?this.ZG.oDOMSource.textContent=e:!e&&this.ZG.oDOMSource&&this.ZG.oDOMSource.textContent&&(this.ZG.source=this.ZG.oDOMSource.textContent),this.srcEl=this.ZG.oDOMSource,this.srcElClone=this.srcEl.cloneNode(!0),this.ZG.oDOMSource.setAttribute("slot",n.Z.zgSource.attr),this.addSourceToSlot(),this.addAriaToSource(),r.CL(this.ZG.oDOMSource)}},{key:"setSource",value:function(e){var t=e.source;t&&!this.ZG.oDOMSource&&this.initSource(t);var o=this.ZG.querySelectorAll("zg-source");t?o.forEach((function(e){return e.textContent=t})):(this.ZG.oDOMSource=null,o.forEach((function(e){return e.parentNode.removeChild(e)})))}},{key:"addAriaToSource",value:function(){this.ZG.oDOMSource||(this.ZG.oDOMSource=this.ZG.querySelector(n.Z.zgSource.tagName)),this.ZG.oDOMSource.setAttribute(n.Z.attr.role,"any")}},{key:"addSourceToSlot",value:function(e){var t=this.ZG.oDOMSource.getAttribute(n.Z.attr.mirror);"top"===(e=e||this.ZG.oDOMSource.getAttribute(n.Z.attr.position))?this.slotSource(e,this.ZG.oDOMHeader,this.srcEl):"bottom"===e?this.slotSource(e,this.ZG.oDOMFooter,this.srcEl):t||""===t||"both"===e?(this.slotSource("top",this.ZG.oDOMHeader,this.srcEl),this.slotSource("bottom",this.ZG.oDOMFooter,this.srcElClone)):this.slotSource("bottom",this.ZG.oDOMFooter,this.srcEl)}},{key:"slotSource",value:function(e,t,o){o.setAttribute(n.Z.attr.position,e),t.appendChild(o)}}])&&a(t.prototype,o),i&&a(t,i),Object.defineProperty(t,"prototype",{writable:!1}),e}()},95794:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(96766),r=o(87822);function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function a(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,a=void 0,a=function(e,t){if("object"!==i(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===i(a)?a:String(a)),n)}var r,a}const s=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e);var o=this.widget=t.widget;this.ZG=this.widget.webcomponent,this.stateOptions=o.oStateOptions,this.oFilter={},this.oConfig={},o.on("pagechange",this.setStatePage,this),o.on("pagesizechange",this.setStatePageSize,this),o.on("layoutchange",this.setStateLayout,this),o.on("search",this.setStateSearch,this),o.sorter.on("sort",this.setStateSort,this),o.on("filter",this.setStateFilter,this),o.on("columnmove",this.setStateColumn,this),o.on("columntoggle",this.setStateColumn,this),o.on("frozenrowchange",this.setStateRowFrozen,this),o.on("rowselectionchanged",this.setStateRowSelector,this),o.on("columnresize",this.setStateColumn,this),o.on("togglerowgroup",this.setStateRowGroup,this),o.on("rowgroupaddedrows",this.setStateRowGroup,this),o.selector.on(r.Z.event.selectedCells,this.setStateSelector,this),o.selector.on(r.Z.event.selectedFrozenCells,this.setStateSelector,this)}var t,o,i;return t=e,(o=[{key:"loadState",value:function(){var e,t=this.stateOptions.preserveStateId,o=this.stateOptions.preserveStateLoad,r=this.fnLoadState;t&&(o?(r&&o===this.sLoadState||(this.fnLoadState=r=n.Z.setUserFunction(null,o),this.sLoadState=o),r&&r.method&&(e=r.method.apply(r.scope,[t]))):e=localStorage.getItem(t),e&&this.updateState(e))}},{key:"updateState",value:function(e,t){try{"string"==typeof e&&(e=JSON.parse(e)),this.oConfig=e,this.readState(e,t)}catch(e){throw this.bUpdatingStates=!1,e}}},{key:"readState",value:function(e,t){this.bUpdatingStates=!0;var o=!1,n=this.getActiveStates(),r=["columnvisibility","columnposition","columnfrozen","columnwidth","rowfrozen","search","filter","sort","pagesize","rowgroup","page","layout","rowselector","selector"];if(e)for(var i=0;i<r.length;i++){var a=r[i];if(-1!==n.indexOf(a)){0!==a.indexOf("column")||o||(a="column",o=!0);var s=e[a];if(s){var l=a[0].toUpperCase()+a.substring(1);this["set".concat(l)](s,n)}}}t||!this.stateOptions.preserveStateSave||this.stateOptions.preserveStateLoad||this.storeState(),this.bUpdatingStates=!1}},{key:"clearState",value:function(e){var t=this.widget,o=this.stateOptions.preserveStateId;this.oConfig={},o&&localStorage.removeItem(o),e&&(t.oDOMSortedColumn&&t.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader&&t.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader.clearStyle(!0),t.updateInitialConfig(),t.store.reload())}},{key:"setUserState",value:function(e){this.bUpdatingStates=!0,e?(this.updateState(e,!0),this.storeState(!0)):this.clearState(!0),this.bUpdatingStates=!1}},{key:"setUserStateField",value:function(e,t){var o=this.getActiveStates();if(e){this.setState(e,t,!0);var n=e[0].toUpperCase()+e.substring(1);this["set".concat(n)](t,o)}}},{key:"setState",value:function(e,t,o){if(!this.bUpdatingStates){var n=this.oConfig;t?n[e]=t:n[e]&&delete n[e],this.stateOptions.preserveStateId&&this.storeState(o)}}},{key:"storeState",value:function(e){var t=this.oConfig,o=this.stateOptions.preserveStateId,r=this.getActiveStates(),i={};r.forEach((function(e){"columnvisibility"!==e&&"columnposition"!==e&&"columnfrozen"!==e&&"columnwidth"!==e||(e="column"),i[e]=t[e]}));var a=this.stateOptions.preserveStateSave,s=this.fnSetState;a&&!e&&(s&&a===this.sSetState||(this.fnSetState=s=n.Z.setUserFunction(null,a),this.sSetState=a),s&&s.method&&s.method.apply(s.scope,[o,JSON.stringify(i)])),localStorage.setItem(o,JSON.stringify(i))}},{key:"setStateFilter",value:function(e,t){var o=t.sFilterIndex,n=t.sValue||"";n=n.trim(),this.oFilter[o]?""!==n?this.oFilter[o]=n:delete this.oFilter[o]:this.oFilter[o]=n,this.setState("filter",this.oFilter)}},{key:"setStateColumn",value:function(){var e=this.widget.aColumnMapping.map((function(e){return{id:e.sColumnId,bHidden:e.bHidden,sFrozen:e.sFrozen,nWidth:e.oDOMZGColumn.width}}));this.setState("column",e)}},{key:"setStateRowSelector",value:function(){var e=this.widget,t=Object.keys(e.aSelectedRows);this.setState("rowselector",t)}},{key:"setStateSelector",value:function(e,t){var o,n,r,i,a;if(t)o=t.rowIndex,r=t.colIndex,a=t.sArea;else{var s=this.widget.selector.se;o=s.nStartRowIndex,n=s.nEndRowIndex,r=s.nStartColumnIndex,i=s.nEndColumnIndex}this.setState("selector",{startRow:o,endRow:n,startColumn:r,endColumn:i,area:a})}},{key:"setStateRowFrozen",value:function(){this.setState("rowfrozen",{top:this.widget.aTopRowMapping,bottom:this.widget.aBottomRowMapping})}},{key:"setStatePage",value:function(){this.setState("page",this.widget.nCurrPageIdx+1)}},{key:"setStatePageSize",value:function(e,t){this.setState("pagesize",t)}},{key:"setStateRowGroup",value:function(){var e=this.widget.groupbyManager,t={open:e.aOpenGroups,pagedRows:e.aAddedGroupRecords};this.setState("rowgroup",t)}},{key:"setStateLayout",value:function(){this.setState("layout",this.widget.layoutManager.sCurrentType)}},{key:"setStateSearch",value:function(e,t){this.setState("search",t.searchTerm)}},{key:"setStateSort",value:function(e,t){t||t.index||(t=null),this.setState("sort",t)}},{key:"setFilter",value:function(e){if(e)for(var t in e){var o=e[t];this.ZG.filterColumn(t,o)}}},{key:"setColumn",value:function(e,t){var o=this,n=-1!==t.indexOf("columnvisibility"),r=-1!==t.indexOf("columnposition"),i=-1!==t.indexOf("columnfrozen"),a=-1!==t.indexOf("columnwidth"),s=this.widget.aColumnMapping,l=0,d=0;if(e&&e.length===s.length){if(r||i)for(var c=function(){var t=e[u],n=u,r=s.findIndex((function(e){return e.sColumnId===t.id}));r!==n&&o.widget.moveColumn(r,n),"left"===t.sFrozen?l++:"right"===t.sFrozen&&d++},u=0;u<e.length;u++)c();if(n)for(var h=0;h<e.length;h++){var f=e[h],p=s[h];f.bHidden&&!p.bHidden?p.oDOMZGColumn.setAttribute("hidden",""):!f.bHidden&&p.bHidden&&p.oDOMZGColumn.removeAttribute("hidden")}if(i&&(this.ZG.frozenColumnsLeft!=l&&(this.ZG.frozenColumnsLeft=l),this.ZG.frozenColumnsRight!=d&&(this.ZG.frozenColumnsRight=d)),a)for(var g=0;g<e.length;g++){var m=e[g],b=s[g];m.nWidth&&(b.oDOMZGColumn.width=m.nWidth)}}}},{key:"setRowfrozen",value:function(e){var t=this.widget,o=t.store;t.webcomponent.frozenRowsTop=0,t.webcomponent.frozenRowsBottom=0;for(var n=0;n<e.top.length;n++){var r=e.top[n];o.moveRow(r.sRecordIndex,"top")}for(var i=0;i<e.bottom.length;i++){var a=e.bottom[i];o.moveRow(a.sRecordIndex,"bottom")}}},{key:"setRowgroup",value:function(e){var t=this.widget,o=t.groupbyManager;if(e&&t.bGroupBy){var n=e.open,r=e.pagedRows;o.aAddedGroupRecords=r;for(var i=0;i<n.length;i++){var a=n[i],s=o.getRecord(a);o.aOpenGroups.push(a),s.open=!0}o.reloadGroups()}}},{key:"setSelector",value:function(e){if(e.area){var t=e.area.toLowerCase();this.widget["".concat(t,"erFocusManager")].select(e.startRow,e.startColumn)}else this.widget.webcomponent.select(e.startRow,e.startColumn,e.endRow,e.endColumn)}},{key:"setRowselector",value:function(e){var t=this.widget,o=t.aColumnMapping.findIndex((function(e){return e.sCellType===r.Z.internalColumn.recordselector}));if(-1!==o)for(var n=0;n<e.length;n++){var i=e[n],a=t.store.oLocalModel[i],s=void 0;s="top"===a.sFrozen||"bottom"===a.sFrozen?t.getDataRowIndexByContainerIndex(a.nRowIndex,a.sFrozen):t.getDataRowIndexByRecordIndex(i,a.sFrozen);var l=t.getDOMByIndex(s,o).querySelector("zg-checkbox");l&&(l.checked=!0)}}},{key:"setPage",value:function(e){var t=Math.max(parseInt(e,10)-1,0);this.widget.setCurrPageIdx(t)}},{key:"setPagesize",value:function(e){this.ZG.setPageSize(e)}},{key:"setLayout",value:function(e){this.ZG.setLayout(e)}},{key:"setSearch",value:function(e){this.ZG.searchGrid(e)}},{key:"setSort",value:function(e){if(e){var t=e.index,o=1===e.order?"asc":"desc";this.ZG.sortColumn(t,o)}}},{key:"getActiveStates",value:function(){var e=this.stateOptions.preserveStateOptions;return e&&"all"!==e?e.split(",").map((function(e){return e.trim()})):["columnvisibility","columnposition","columnfrozen","columnwidth","rowfrozen","search","filter","sort","pagesize","rowgroup","page","layout","rowselector","selector"]}},{key:"destroy",value:function(){}}])&&a(t.prototype,o),i&&a(t,i),Object.defineProperty(t,"prototype",{writable:!1}),e}()},39984:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(87822),r=o(31769);function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function a(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,a=void 0,a=function(e,t){if("object"!==i(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===i(a)?a:String(a)),n)}var r,a}const s=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.ZG=this.widget.webcomponent,this.close=null,this.icon=null,this.statusText=null}var t,o,i;return t=e,o=[{key:"setStatus",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},o=t.icon,i=void 0===o?"error":o,a=t.msg,s=t.state,l=void 0===s?"error":s,d=t.sDetails,c=t.sLabel,u=t.fnDetails,h=this.ZG.getAttribute(n.Z.zgStatus.delayAttr),f=h&&parseInt(h)?parseInt(h):n.Z.zgStatus.delay,p=this.ZG.getAttribute(n.Z.zgStatus.persistAttr),g=-1===[void 0,null].indexOf(p)||d,m=this.ZG.oDOMStatus,b=this.ZG.getAttribute(n.Z.zgStatus.positionAttr),v=-1===[void 0,null].indexOf(b)&&b===n.Z.zgStatus.barPosition;m.setAttribute(n.Z.attr.type,l||"error"),v?m.setAttribute(n.Z.zgStatus.positionAttr,n.Z.zgStatus.barPosition):m.removeAttribute(n.Z.zgStatus.positionAttr),this.icon=m.shadowRoot.querySelector("".concat(n.Z.zgIcon.tagName)),i?(this.icon.removeAttribute("".concat(n.Z.attr.hidden)),this.icon.setAttribute(n.Z.attr.name,i)):this.icon.setAttribute("".concat(n.Z.attr.hidden),""),a&&(this.statusText=m.shadowRoot.querySelector(".zg-status-text"),this.statusText.textContent=a),d&&u?(this.details=m.shadowRoot.querySelector(".zg-status-details"),this.details.innerHTML="<br><br>"+d,r.Z.get(this.details).on("click",(function(t){e.widget.detailsManager.openDetailsMessage(null,u,c),m.removeAttribute(n.Z.attr.active)}))):this.details&&(this.details.innerHTML=""),m.setAttribute(n.Z.attr.active,""),g||(this.messageTimeout=setTimeout((function(){e.widget.bDisconnect||(m.removeAttribute(n.Z.attr.active),e.messageTimeout=null)}),f))}},{key:"closeStatus",value:function(){this.ZG.oDOMStatus.removeAttribute(n.Z.attr.active),this.widget.focusManager.initChangeFocus("up")}},{key:"destroy",value:function(){this.close=null,this.icon=null,this.statusText=null,this.messageTimeout&&(clearTimeout(this.messageTimeout),this.messageTimeout=null)}}],o&&a(t.prototype,o),i&&a(t,i),Object.defineProperty(t,"prototype",{writable:!1}),e}()},90326:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(31769),r=o(37486),i=o(96766),a=o(87822);function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function l(e){return function(e){if(Array.isArray(e))return d(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return d(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return d(e,t)}(e)||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 d(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==s(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===s(i)?i:String(i)),n)}var r,i}const u=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.ZG=this.widget.webcomponent}var t,o,s;return t=e,(o=[{key:"_getTooltipOptions",value:function(e,t,o){var n=this.widget.store,r=e.toLowerCase(),a={},s=this.widget["o".concat(e,"Tooltip")];if(!t["fn".concat(e,"TooltipRenderer")]&&t["".concat(r,"TooltipRenderer")]?t["fn".concat(e,"TooltipRenderer")]=i.Z.setUserFunction(null,t["".concat(r,"TooltipRenderer")]):!s["fn".concat(e,"TooltipRenderer")]&&s["".concat(r,"TooltipRenderer")]&&(s["fn".concat(e,"TooltipRenderer")]=i.Z.setUserFunction(null,s["".concat(r,"TooltipRenderer")])),["oDOM".concat(e,"TooltipTemplate"),"fn".concat(e,"TooltipRenderer"),"".concat(r,"TooltipText"),"".concat(r,"TooltipIcon"),"".concat(r,"TooltipIconPosition"),"".concat(r,"TooltipDelay"),"".concat(r,"TooltipPosition"),"".concat(r,"TooltipTemplate"),"".concat(r,"TooltipType"),"".concat(r,"TooltipTrigger"),"".concat(r,"TooltipAction")].forEach((function(o){var n=new RegExp(e,"i"),r=o.replace(n,"");r=r.charAt(0).toLowerCase()+r.slice(1),a[r]=t[o]||s[o]||null})),"Header"===e)a.oTemplateContext={fieldIndex:t.sFieldIndex,headerText:t.sColumnHeaderText},a.aRendererArgs=[t.sFieldIndex,t.sColumnHeaderText,this,t];else if(o.sGroupRecordIndex);else{var l=n.get(o.sTargetRecordIndex).oRecordRawData,d=o.indexData();a.oTemplateContext={record:l,index:d},a.aRendererArgs=[d,l,this,o]}return a}},{key:"_getTooltipContent",value:function(e,t){var o=null,n=t.oDOMTooltipTemplate,i=this.widget.store,a=t.oTemplateContext,s=t.aRendererArgs||[],d=t.tooltipText,c={tooltipText:d};for(var u in a)c[u]=a[u];d&&-1!==d.indexOf(i.templateStartDelimiter)&&(c.tooltipText=d=i.populateTemplate(d,null,c)),n&&(o=i.populateTemplate(n,null,c));var h=t.fnTooltipRenderer;if(h&&h.method){var f=h.method,p=[d].concat(l(s)),g=h.scope,m=f.apply(g,p);r.Uh(m)&&(o=m)}else d&&!n&&(o=d);return o}},{key:"_hasTooltip",value:function(e,t){var o=t.fnTooltipRenderer&&t.fnTooltipRenderer.method;return!!t.tooltipText||o||t.oDOMTooltipTemplate}},{key:"_initTooltipTriggers",value:function(e,t,o){var n=this;o?t.fnUnClick=e.on("click",(function(e){return n._toggleTarget(e,t)}),this):(t.fnUnMouseEnter=e.on("mouseenter",(function(e){return n._delayTarget(e,t)}),this),t.fnUnMouseLeave=e.on("mouseleave",(function(e){return n._hideTarget(e,t)}),this))}},{key:"_hideTarget",value:function(e,t,o,r){var i=this.ZG.oDOMTooltip;if(this.tooltipDelay&&!r&&clearTimeout(this.tooltipDelay),!o){var a=e.oBrowserEvent.relatedTarget;if(n.Z.elContains(t.oTrigger,a)||n.Z.elContains(i,a))return;e&&e.stopPropagation()}t===this.oCurrentParent&&(i._hideTarget(),this.oCurrentParent=null,t.bTooltipOpen=!1,this.fnUnMouseLeave&&(this.fnUnMouseLeave(),this.fnUnMouseLeave=null))}},{key:"_delayTarget",value:function(e,t,o){var n=this,r=t.oTooltipOptions,i=r.tooltipDelay||o||r.defaultTooltipDelay||0;i?(this.tooltipDelay&&clearTimeout(this.tooltipDelay),this.tooltipDelay=setTimeout((function(){n._showTarget(e,t)}),i)):this._showTarget(e,t)}},{key:"_showTarget",value:function(e,t,o){var n=this,r=this.ZG.oDOMTooltip;if(r&&!t.bTooltipOpen){if(this.oCurrentParent&&this._hideTarget(null,this.oCurrentParent,!0),t.tagName.toLowerCase()===a.Z.zgCell.tagName){var i=this.widget.selectorEngineManager.$cell(t),s=t.getAttribute("type")===a.Z.internalColumn.rowgroup,l=i&&i.sGroupRecordIndex;if(s&&!l)return;if(l&&!s)return}this.oCurrentParent=t,t.bTooltipOpen=!0,r._showTarget(e,t.sTooltipContent,t),o||(this.fnUnMouseLeave=r.on("mouseleave",(function(e){return n._hideTarget(e,t)}),this))}}},{key:"_toggleTarget",value:function(e,t){t.bTooltipOpen?this._hideTarget(e,t,!0):this._showTarget(e,t,!0)}},{key:"destroy",value:function(){this.close=null,this.icon=null,this.statusText=null,this.messageTimeout&&(clearTimeout(this.messageTimeout),this.messageTimeout=null)}}])&&c(t.prototype,o),s&&c(t,s),Object.defineProperty(t,"prototype",{writable:!1}),e}()},86814:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>w});var n=o(55040),r=o(37486),i=o(31769),a=o(87822),s=o(84981),l=o(96766),d=o(31655);function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function u(e){return function(e){if(Array.isArray(e))return p(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||f(e)||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 h(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var n,r,i,a,s=[],l=!0,d=!1;try{if(i=(o=o.call(e)).next,0===t){if(Object(o)!==o)return;l=!1}else for(;!(l=(n=i.call(o)).done)&&(s.push(n.value),s.length!==t);l=!0);}catch(e){d=!0,r=e}finally{try{if(!l&&null!=o.return&&(a=o.return(),Object(a)!==a))return}finally{if(d)throw r}}return s}}(e,t)||f(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function f(e,t){if(e){if("string"==typeof e)return p(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?p(e,t):void 0}}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function g(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==c(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===c(i)?i:String(i)),n)}var r,i}function m(){return m="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,o){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=y(e)););return e}(e,t);if(n){var r=Object.getOwnPropertyDescriptor(n,t);return r.get?r.get.call(arguments.length<3?e:o):r.value}},m.apply(this,arguments)}function b(e,t){return b=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},b(e,t)}function v(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=y(e);if(t){var r=y(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return function(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,o)}}function y(e){return y=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},y(e)}const w=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&b(e,t)}(f,e);var t,o,n,c=v(f);function f(e){var t;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,f),(e=e||{})._defaults={},(t=c.call(this,e)).resetGlobals(),t.nInitialWidth=0,t.updating=!1,t.nInitialWindowWidth=document.documentElement.clientWidth,t.resizeTO,t.resizeWindow=function(){t.widget&&t.widget.bAPIReady&&(!t.widget.webcomponent.oDOMDialog||""!==t.widget.webcomponent.oDOMDialog.open&&!0!==t.widget.webcomponent.oDOMDialog.open)&&(window.clearTimeout(t.resizeTO),t.resizeTO=setTimeout((function(){if(t.nInitialWindowWidth!==document.documentElement.clientWidth){t.nInitialWindowWidth=document.documentElement.clientWidth;var e=window.innerWidth-document.documentElement.clientWidth;t.widget.renderTo.style.display="none",t.nSavedResizeWidth=t.widget.webcomponent.clientWidth;var o=window.innerWidth-document.documentElement.clientWidth,n=Math.abs(document.documentElement.clientWidth-t.widget.webcomponent.clientWidth-e);e>0&&0===o&&n<=3&&(t.nSavedResizeWidth-=e),t.widget.renderTo.style.display="",t._removeFixedWrapperWidth(),t.updateResizeWindow()}}),100))};try{window.top.addEventListener("resize",t.resizeWindow,{passive:!0})}catch(e){window.addEventListener("resize",t.resizeWindow,{passive:!0})}return t}return t=f,o=[{key:"update",value:function(e,t,o){var n=this.widget,r=n.webcomponent,i=!1,s=!1;if(void 0===t&&(t=null),void 0===o&&(o=null),!this.widget.webcomponent.bRemoved){if(this.updating||(n.nLoadingImages=0),this.updating=!0,this.sOrientation=window.orientation,this.bIsIframe=window!==window.top,e=e||{},n.bPreloaded&&(this.cleanPreload(),e.bUpdateColumnHeaderAssignment&&(e={bUpdateColumnBodyContainerClass:!0,bUpdateColumnHeaderAssignment:!0,bInitialSizeCheck:!0})),this.oOption=e,!this.nInitialWidth){n.mainGridTable?this.nInitialWidth=n.oDOMScroller.clientWidth:this.nInitialWidth=r._oShadowRoot.querySelector("#scroll").clientWidth,this.nCurrContainerWidth=this.nInitialWidth,this.nIframeParentWidth=Math.min(this.nInitialWidth,document.documentElement.clientWidth);var l=r.getBoundingClientRect().width,d=window.innerWidth;this.nPadding=l?Math.max(d-l,20):0,this.setMainContainerWidth()}if(e.bNoReRenderer||r.oDOMCellOverflow.close(),e.bUpdateRowMappingFilter&&this.updateRowMappingFilter(),e.bUpdateContainer&&(s=this.updateRowContainer()),e.bNoHeaderRecalc||!e.bUpdateColumnHeaderContent&&!e.bUpdateColumnHeaderAssignment||(this.updateHeaderStructure(),this.updateHeaderRowContainer(e.bUpdateFilter)),(e.bUpdateColumnHeaderAssignment||e.bUpdateColumnHeaderContent)&&this.updateHeader(o,!0===e.bUpdateColumnHeaderContent),e.bUpdateColumnFooter&&this.updateFooterRowContainer(),e.bUpdateColumnFooterContent&&this.updateFooterContent(),e.bUpdateColumnFooterAssignment&&this.updateFooterAssignment(),e.bUpdateRowMappingOrder&&(this.updateRowMappingOrder(o),o=null),e.bUpdateBodyContent&&this.updateBodyAssignment(t,o),(e.bUpdateColumnBodyContainerClass||e.bUpdateBodyContent)&&this.updateBodyContainerClass(t,o),e.bUpdateBodyContent&&this.updateCustomCard(t),(e.bUpdateContainer||e.bUpdateHiddenContainer)&&this.updateHiddenColumns(e.bUpdateHiddenContainer),e.bUpdateColumnWidthCache&&this.updateColumnWidthCache(e.bHiddenColumns,e.bExpandColumns,e.bFixedColumns,e.bPreload),e.bUpdateColumnWidth||e.bUpdateHiddenContainer?i=this.updateColumnWidth(null,e.bPreload):e.bUpdateContainer&&this.updateMainFirstPosition(),(e.bUpdateBodyContent||e.bUpdateColumnWidth)&&this.widget.cellBreakManager.setCellBreak(),i||e.bUpdateColumnHeaderContent||e.bUpdateColumnHeaderAssignment||e.bUpdateColumnWidthCache){var c=i||e.bUpdateColumnHeaderContent;e.bNoHeaderRecalc||this.updateHeaderCellContainerClass(c,e.bInitialSizeCheck),this.updateFooterCellContainerClass(c)}e.bUpdateColumnHeaderAssignment&&this.updateHeaderStyle(),e.bUpdateColumnFooterAssignment&&this.updateFooterStyle(),!e.bInitialSizeCheck&&(e.bUpdateColumnWidth||e.bUpdateColumnBodyContainerClass||e.bUpdateBodyContent)&&this.calculateRowHeights();var u=n.bHasFootRow?1:0,h=n.getRowContainerCount()+n.getAllHeaderDepth()+u;if(n.oDOMMainGridTable.setAttribute(a.Z.aria.rowCount,h),n.oDOMMainGridTable.setAttribute(a.Z.aria.colCount,n.aColumnMapping.length),s){var f=e.bInitialSizeCheck;e.bInitialSizeCheck=!1,this.updateRowsPerSet(),e.bNoHeaderRecalc=!0,this.update(e,t,o),e.bInitialSizeCheck=f}e.bInitialSizeCheck?(this.nSavedResizeWidth=this.widget.webcomponent.clientWidth,this._removeFixedWrapperWidth(),this.updateResizeWindow()):r.height&&(r.oDOMMain.style.height=r.oDOMVScroller.getBoundingClientRect().height+"px"),!e.bUpdateColumnWidth||i||e.bInitialSizeCheck||this.bResizing||this.checkHorizontalScroll(!0),this.updating=!1}}},{key:"setMainContainerWidth",value:function(){var e=this.widget,t=e.webcomponent,o=e.mainGridTable.dom,n=this.bIsIframe?this.nIframeParentWidth:this.nInitialWidth;t.getAttribute(a.Z.zgLayout.attr)===a.Z.zgLayout.typeCard||e.nSetWidth||(o.style.width=n+"px",o.setAttribute(a.Z.attr.width,""))}},{key:"checkHorizontalScroll",value:function(e){var t=this.widget;if(t&&t.mainGridTable){var o=t.webcomponent,n=t.mainGridTable.dom,r=o._oShadowRoot.querySelector("#scroll"),i=this.bIsIframe?this.nIframeParentWidth:this.nInitialWidth,s=o.getAttribute(a.Z.zgLayout.attr)===a.Z.zgLayout.typeCard;if(o.clientWidth>=i&&i+0===o.clientWidth&&(i+=0),s)return n.removeAttribute(a.Z.attr.style),void(e||(t.bNeedsRowResize=!0));this.setMainContainerWidth(),r&&(r.style.width<n.style.width||""===n.style.width)&&(r.style.width="")}}},{key:"updateWrapperSize",value:function(){var e=this.widget,t=e.webcomponent,o=e.mainColumnBody.oDOMWrapper,n=this.nSavedResizeWidth||this.getVisibleBodyWidth(),r=o.getBoundingClientRect().width;if(!d.V5){var i=t._oShadowRoot.querySelector("#scroll").getBoundingClientRect().width;i!==n&&(r+=n-i),r=Math.max(r,n)}e.isCardLayout()?this.clearFrameWidths():(e.oHeadWrapper.style.width=n+"px",t.oDOMHead.style.width=r+"px",e.oFootWrapper.style.width=n+"px",t.oDOMFoot.style.width=r+"px")}},{key:"updateFrozenMainSize",value:function(){var e=this.widget,t=e.webcomponent,o=e.mainColumnBody.oDOMWrapper,n=this.nSavedResizeWidth||this.getVisibleBodyWidth(),r=o.getBoundingClientRect().width;if(!d.V5){var i=t._oShadowRoot.querySelector("#scroll").getBoundingClientRect().width;i!==n&&(r+=n-i),r=Math.max(r,n)}e.isCardLayout()?this.clearFrameWidths():(t.oDOMFrozenMainFootFrame.style.width=n+"px",t.oDOMFrozenMainHeadFrame.style.width=n+"px",t.oDOMFrozenMainHead.style.width=r+"px",t.oDOMFrozenMainFoot.style.width=r+"px",t.oDOMNodata&&(t.oDOMNodata.style.width=r+"px"))}},{key:"getVisibleBodyWidth",value:function(){var e=!d.V5,t=this.widget.webcomponent,o=this.widget.el.dom,n=t._oShadowRoot.querySelector("#scroll"),r=null;if(this.widget.nSetWidth){var i=this.widget.nSetWidth;(+i==i||-1!==i.indexOf("px"))&&(r=parseInt(i,10))}return r||(r=e?o.getBoundingClientRect().width-0:n.getBoundingClientRect().width-0),r}},{key:"updateResizeWindow",value:function(e,t){var o=this,n=this.widget,i=n.webcomponent,a=n.mainGridTable.dom,s=!1;if(this.bResizing=!0,!this.nPadding){var l=n.webcomponent.getBoundingClientRect().width,d=window.innerWidth;this.nPadding=Math.max(d-l,20),s=!0}(e||this.bIsIframe&&this.sOrientation!=window.orientation)&&(i.style.display="none",this.clearStyle(),i.style.display=""),(s||n.nSetWidth)&&(i._setScrollWidth(n.nSetWidth,!0),this.nInitialWidth=this.nCurrContainerWidth=a.clientWidth);var c=r.c7.get(this.widget,["viewportManager"]),u=!1;if(!n.nSetWidth){var h=n.mainGridTable.dom;h.clientWidth>this.nInitialWidth&&(u=!0),this.nInitialWidth=this.nSavedResizeWidth||h.clientWidth,this.nIframeParentWidth=Math.min(this.nInitialWidth,document.documentElement.clientWidth),this.nCurrContainerWidth=this.nInitialWidth,this.nSavedResizeWidth=null}!this.updating&&c&&c.run.play?(c.setViewport(s),window.requestAnimationFrame((function(){n.bDisconnect||o.finishResize(u)}))):this.finishResize(u)}},{key:"finishResize",value:function(e){var t=this.widget,o=t.webcomponent;this.checkHorizontalScroll(),this.resizeGrid(e),o.height&&(o.oDOMMain.style.height=o.oDOMVScroller.getBoundingClientRect().height+"px"),t.webcomponent.oDOMCellOverflow.close(),t&&t.recordEditor&&t.recordEditor.cancelOpenEdit(),this.bResizing=!1}},{key:"updateRowMappingFilter",value:function(){(this.widget.bHasFilterEnabled||this.widget.bHasSearchEnabled)&&this.widget.filter.filter()}},{key:"updateRowMappingOrder",value:function(e){var t=this.widget,o=t.aColumnMapping;if(null===e)for(var n=0,r=o.length;n<r;n++)t.sorter.sortRowMappingByColumn(o[n]);else t.sorter.sortRowMappingByColumn(o[e]);t.sorter.unsetActiveSort()}},{key:"updateHeaderRowContainer",value:function(e){var t=this.widget,o=t.mainColumnHeader,n=t.getHeaderContainer(),r=n.childNodes,i=t.getHeaderDepth(),s=r.length-i,l=n.querySelector("zg-filter"),d=n.querySelector('zg-row[type="aggregate"]'),c=n.querySelectorAll('zg-row[type="frozen"]').length,u=t.aTopRowMapping.length,h=l&&!t.bHasFilterEnabled,f=d&&!t.bHasHeadRow;if(l&&s--,d&&s--,s-=c,(l||d||c)&&(e||0!==s||h||f)){l&&(this.removeHeaderRows(),this.widget.aFilters.length=0),d&&this.removeHeaderRows();for(var p=0;p<c;p++)this.removeHeaderRows();l=!1,d=!1,c=0}if(s<0&&(this.widget.aFilters.length=0),this.updateRows(o,s),(i||t.bHeaderRowHide)&&(t.bHasFilterEnabled&&!l&&o.insertRow(!0).forEach((function(e){return e?e.setAttribute(a.Z.attr.type,"filter"):null})),t.bHasHeadRow&&!d&&o.insertRow(!1,!0).forEach((function(e){return e?e.setAttribute(a.Z.attr.type,"aggregate"):null})),u!==c))for(var g=function(e){o.insertRow(!1,!0).forEach((function(t){t&&(t.setAttribute(a.Z.attr.type,"frozen"),t.dataRowIndex=e)}))},m=0;m<u;m++)g(m);t.columnMenu&&!t.bColumnClick&&t.columnMenu.initMenu()}},{key:"updateHeaderStructure",value:function(){var e=this,t=this.widget,o=t.sNestedDataSeparator,n=t.getHeaderDepth(),i=t.bHasFilterEnabled?n:-1,a=t.bHasHeadRow?n:-1;a>-1&&i>-1&&a++;var s=Math.max(i+1,a+1,n),l=t.nTopFrozenRows,d=t.aColumnMapping.map((function(t){return e._setColumnText(t)})),c=d.map((function(e){return r.Sh(e)?[e]:r.Ld._splitHeader(e,o)}));if(c.length){for(var u,h,f,p=[],g=0,m=c.length;g<m;g++){h=c[g].length;for(var b=0,v=n;b<v;b++)u={},f=c[g][b],u.rowspan=b<h-1?1:b===h-1?n-h+1:0,u.text=null!==f?f:p[b-1][g].text,p[b]=p[b]||[],p[b][g]=u;-1!==i&&(p[i]=p[i]||[],p[i][g]={colspan:1,rowspan:1,text:""}),-1!==a&&(p[a]=p[a]||[],p[a][g]={colspan:1,rowspan:1,text:""});for(var y=0;y<l;y++){var w=s+y;p[w]=p[w]||[],p[w][g]={colspan:1,rowspan:1,text:""}}}for(var z,C=1,S="",k=0,x=n;k<x;k++){z=0,S="",C=1;for(var O=0,_=d.length;O<_;O++){f=p[k][O].text,h=c[O].length;var R=t.aColumnMapping[O].bHidden;""!==f&&f===S&&h>1?C++:R||(p[k][z].colspan=C,z=O,S=f,C=1)}p[k][z].colspan=C}this.aaoFieldIndexT=p}}},{key:"updateHeaderCellContainerClass",value:function(e,t){e=e||!1;var o=!1,n=this.widget,r=n.webcomponent;if(n.mainColumnHeader||(o=!0),this.aaoFieldIndexT||o){var i=[];this.oHeaderPositions=[],n.savedScrollVal&&(n.oDOMMainScroll.scrollLeft=0,r.oDOMHead.style.transform="");var a=this.widget.aColumnMapping.length-n.nRightFrozenColumns;if(a<=n.nLeftFrozenColumns-1&&(a=n.nLeftFrozenColumns),this.processHeadRows(0,"Left",i,e),this.processHeadRows(n.nLeftFrozenColumns,"",i,e),this.processHeadRows(a,"Right",i,e),i.length&&(this.oOldHeaderStyles=i),n.savedScrollVal&&!t){var s=n.mainColumnBody.oBody.offsetWidth-n.oDOMMainScroll.offsetWidth;n.oDOMMainScroll.scrollLeft=Math.min(n.savedScrollVal,s),n.updateHeadFootScroll()}}}},{key:"processHeadRows",value:function(e,t,o,n){var r,i,s,l,d,c,u,h=this,f=this.widget,p=this.aaoFieldIndexT,g=f.getRegionsByColumnArea(t),m=g.oHead,b=g.oBody,v=m.childNodes,y=m.getBoundingClientRect(),w=f.aColumnMapping,z=[],C=v.length-1,S=!1,k=0,x=f.getFirstDataRowByArea(g);g.oBody.childNodes[0]||(S=!0),v.forEach((function(t,g){var m=[];k=0;var O,_=f.nDefaultHeadHeight;t.childNodes.forEach((function(o,O){var R=O+e;if(r=x?x.childNodes[O]:o,u=w[R],l=u.oDOMZGColumn||u,p?(i=p[g][R].colspan||0,c=p[g][R].rowspan||0):(i=1,c=1),i>=1&&(o.colSpan=i,!u.bHidden&&o.hasAttribute("hidden")&&(o.removeAttribute(a.Z.attr.style),o.removeAttribute("hidden"))),c>=1&&(o.rowSpan=c),n&&!u.bHidden&&"absolute"===o.style.position&&o.removeAttribute(a.Z.attr.style),"ellipsis"!==f.cellBreakManager.getCellBreakByColumn(O)&&o.setAttribute(a.Z.attr.title,""),(f.webcomponent.align||u.sAlign)&&f.setCellAlignment(o,u.sAlign),o.setAttribute("depth",g+1),s=o.querySelector("[".concat(a.Z.zgCell.cellIndexAttr,"]")),v.length>1)if(s){var E=f.sNestedDataSeparator,M=u.sColumnHeaderText||s.getAttribute(a.Z.zgCell.cellIndexAttr);(d="disabled"!==E&&M.split(E).length>1)&&o.setAttribute(a.Z.attr.parent,"")}else o.setAttribute("not-parent","");o.setAttribute(a.Z.attr.type,u.sCellType);var D,T,A=l.getAttribute(a.Z.attr.type);a.Z.internalColumnTypes.indexOf(A)>-1||"disabled"===l.getAttribute("sort")||d&&"1"===o.getAttribute("depth")||!1===u.fnSorter?(o.setAttribute("sort","disabled"),o.tagName.toLowerCase()===a.Z.zgHeadCell.tagName&&o._removeSort()):o.removeAttribute("sort"),o.tagName.toLowerCase()!==a.Z.zgHeadCell.tagName||o.hasAttribute("not-parent")||(u.oDOMSortHeader=o),D=g>0?z[R]:r.getBoundingClientRect(),z[R]=D,T=h.aSavedHeadCellSize[g]&&h.aSavedHeadCellSize[g][R]?h.aSavedHeadCellSize[g][R]:o.getBoundingClientRect();var I=window.getComputedStyle(r),L=parseInt(I.borderRightWidth,10),Z=parseInt(I.borderLeftWidth,10);I=window.getComputedStyle(f.webcomponent),parseInt(I.borderRightWidth,10),parseInt(I.borderLeftWidth,10),I=window.getComputedStyle(b);var P=parseInt(I.borderRightWidth,10);I=window.getComputedStyle(o);var F=parseInt(I.borderLeftWidth,10),N=parseInt(I.borderRightWidth,10);if(!x||0===D.width&&0===D.height)return h.oOldHeaderStyles?h.oOldHeaderStyles.length>g&&h.oOldHeaderStyles[g].length>R&&(o.style=h.oOldHeaderStyles[g][R]):o.style.width="".concat(u.nCurrWidth,"px"),void(g===C&&(h.oHeaderPositions[R]={width:o.style.width,left:o.style.left}));var B=S?parseInt(l.style.width,10):D.width,G=S?k:D.left-y.left;k+=B;for(var H=O+1,j=x?x.childNodes.length:0,U=i;H<j&&U>1;H++,U--)B+=x.childNodes[H].getBoundingClientRect().width;if(0===R?(B+=Z/2+N/2,G-=Z/2):(G-=F,B+=F,N?G+=N/2:(G+=F/2,B-=F/2)),R+i>j-1&&i>0&&(B+=L/2-N/2,B-=P),0===i&&(B=0,o.setAttribute("hidden","")),o.nLeftPos=G,x){var W=T.height;o.style.left="".concat(G,"px"),o.style.width="".concat(B,"px"),"frozen"===t.getAttribute(a.Z.attr.type)?(o.style.position="absolute",W=o.getBoundingClientRect().height):f.bCompact||(o.style.lineHeight="".concat(T.height*c,"px")),W=_=Math.max(_,W),o.style.height="".concat(W*c,"px"),o.style.position="absolute",m.push(o.getAttribute(a.Z.attr.style)),_>f.nDefaultHeadHeight&&(t.style.height=_+"px"),g===C&&(h.oHeaderPositions[R]={width:B,left:G}),o.tagName.toLowerCase()===a.Z.zgHeadCell.tagName&&0!==B&&(u.nFullHeaderWidth&&B<u.nFullHeaderWidth?o.setAttribute(a.Z.zgHeadCell.isContentLongerAttr,""):o.removeAttribute(a.Z.zgHeadCell.isContentLongerAttr))}})),m.length&&(o[g]?(O=o[g]).push.apply(O,m):o[g]=m)}))}},{key:"updateHeader",value:function(e,t){var o=this,n=this.widget,r=n.aColumnMapping,i=n.mainColumnHeader,a=this.aaoFieldIndexT,s=function(e,n){var r,i;r=a[e][n].colspan||0,i=a[e][n].rowspan||0,0!==r&&0!==i&&o.updateHeaderCellAssignment(e,n,t)};if(r.length){var l=i.oHead.childNodes;if(l.length)for(var d=0,c=l.length;d<c;d++)if(e)s(d,e);else for(var u=0,h=r.length;u<h;u++)s(d,u)}}},{key:"updateHeaderStyle",value:function(){this._updateHeader(this.updateHeaderCellStyle,!1)}},{key:"_updateHeader",value:function(e,t){var o=this.widget.aColumnMapping,n=this.widget.mainColumnHeader;if(o.length)for(var r=0,i=n.oHead.childNodes.length;r<i;r++)for(var s=0,l=o.length;s<l;s++){var d=o[s].sCellType;t&&!o[s].sFieldIndex&&d!==a.Z.cellTypes.aggregate||e.call(this,r,s)}}},{key:"updateHeaderCellStyle",value:function(e,t){var o,n=this.widget,i=n.webcomponent,s=n.aColumnMapping[t],l=s.sColumnId,d="".concat(l,"+").concat(e),c=n.oZGHeadCellMap[d],u=n.aColumnMapping[t];if(c&&c.parentNode)o=c.parentNode;else{var h=n.getHeaderByColumnIndex(t),f=n.getAdjustedColumnIndex(t),p=h.querySelectorAll("zg-row"),g=e;p.length>g&&(o=p[g].childNodes[f])}if(o){o.setAttribute(a.Z.zgCell.cellIndexAttr,s.sFieldIndex),o.className="";var m=r.XU(i.fnHeadClass,i.headClass,[u.sFieldIndex,o,u]);m&&o.classList.add(m);var b=r.XU(i.fnColClass,i.colClass,[u.sFieldIndex,o,u]);b&&o.classList.add(b),o.sCellClass&&(o.sCellClass.split(" ").forEach((function(e){return o.classList.add(e)})),o.sCellClass=null)}}},{key:"updateHeaderCellAssignment",value:function(e,t,o){var n=this.widget,r=n.aColumnMapping[t],i=r.sColumnId,s="".concat(i,"+").concat(e),l=n.oZGHeadCellMap[s];!o&&l&&l.parentNode&&!l.parentNode.bRemoved||(l=this.updateHeaderCellContent(e,t)),l&&l.setAttribute(a.Z.zgCell.cellIndexAttr,r.sFieldIndex)}},{key:"updateHeaderCellContent",value:function(e,t){var o,n=this.widget,i=(n.store,this.aaoFieldIndexT),s=n.aColumnMapping,d=s[t].sColumnId+"+"+e,c=s[t],u=n.getHeaderByColumnIndex(t),h=n.getAdjustedColumnIndex(t),f=u.childNodes[e],p=f.childNodes[h],g=n.oZGHeadCellMap[d]||p.querySelector("div");if("zg-filter"===p.tagName.toLowerCase())return!1;if(g&&g.parentNode&&g.parentNode.bRemoved&&(g=null),n.bPreloaded)return c.sCellType===a.Z.internalColumn.recordselector&&c.fnRenderer.method.apply(c,[null,g]),g;if(g||(g=document.createElement("div"),p.appendChild(g)),c.bHidden&&p.setAttribute(a.Z.attr.hidden,""),"aggregate"===f.getAttribute("type")){var m=c.sHeadCell,b=c.fnHeadCell;m&&!b&&(b=c.fnColHeadCell=l.Z.setUserFunction(null,m)),o=n.aggregateManager.calculateAggregateColumn(m,b,c.sFieldIndex,c,t)}else o=i[e][t].text;if(c.sCellType===a.Z.internalColumn.recordselector){var v=c.fnRenderer.method.apply(c);n.webcomponent._setSelectorCheckbox(v)}return r.Sh(o)?(g.innerHTML="",g.appendChild(o)):g.innerHTML="<span>".concat(o,"</span>"),n.oZGHeadCellMap[d]=g,g.setAttribute(a.Z.zgCell.cellIndexAttr,s[t].sFieldIndex),p.setAttribute(a.Z.zgCell.cellIndexAttr,s[t].sFieldIndex),p.tagName.toLowerCase()===a.Z.zgHeadCell.tagName&&c.nHeaderDepth===e+1&&p._setHeaderTooltip(),g}},{key:"updateFooterRowContainer",value:function(){var e=this.widget,t=e.mainColumnFooter,o=t.oFoot.childNodes,n=e.bHasFootRow?1:0,r=o.length-n,i=t.oFoot.querySelectorAll('zg-row[type="frozen"]').length,s=e.aBottomRowMapping.length-i;if(r-=i,s>0)for(var l=0;l<s;l++)t.insertRow(!1).forEach((function(e){return e?e.setAttribute(a.Z.attr.type,"frozen"):null}));else s<0&&(r+=s);this.updateRows(t,r)}},{key:"updateFooterAssignment",value:function(){this._updateFooter(this.updateFooterCellAssignment,!1)}},{key:"updateFooterContent",value:function(){this._updateFooter(this.updateFooterCellContent,!0)}},{key:"updateFooterStyle",value:function(){this._updateFooter(this.updateFooterCellStyle,!1)}},{key:"_updateFooter",value:function(e,t){var o=this.widget.aColumnMapping,n=this.widget.mainColumnFooter;if(o.length){var r=n.oFoot.childNodes;if(r.length)for(var i=0,s=r.length;i<s;i++)for(var l=0,d=o.length;l<d;l++){var c=o[l].sCellType;t&&!o[l].sFieldIndex&&c!==a.Z.cellTypes.aggregate||e.call(this,i,l)}}}},{key:"updateFooterCellStyle",value:function(e,t){var o=this.widget,n=o.webcomponent,i=o.aColumnMapping[t],a=i.sColumnId,s="".concat(a,"+").concat(e),l=o.oZGFootCellMap[s];if(l){var d=l.parentNode;if(!d){var c=o.getFooterByColumnIndex(t),u=o.getAdjustedColumnIndex(t),h=c.querySelectorAll('zg-row[type="frozen"]');h.length>e&&(d=h[e].childNodes[u])}if(d){d.className="";var f=r.XU(n.fnFootClass,n.footClass,[i.sFieldIndex,d,i]);f&&d.classList.add(f);var p=r.XU(n.fnColClass,n.colClass,[i.sFieldIndex,d,i]);p&&d.classList.add(p)}d.sCellClass&&(d.sCellClass.split(" ").forEach((function(e){return d.classList.add(e)})),d.sCellClass=null)}}},{key:"updateFooterCellAssignment",value:function(e,t){var o=this.widget,n=o.aColumnMapping[t],r=n.sColumnId,i="".concat(r,"+").concat(e),s=o.oZGFootCellMap[i],l=n.sFieldIndex;s||(s=this.updateFooterCellContent(e,t)),s&&s.setAttribute(a.Z.zgCell.cellIndexAttr,l)}},{key:"updateFooterCellContent",value:function(e,t){var o,n=this.widget,i=n.aColumnMapping,s=i[t],d=s.sColumnId+"+"+e,c=n.getFooterByColumnIndex(t),u=n.getAdjustedColumnIndex(t),h=s.sFootCell,f=s.fnFootCell,p=c.childNodes[e],g=p.childNodes[u],m=n.oZGFootCellMap[d]||g.querySelector("div");return"frozen"===p.getAttribute(a.Z.attr.type)?o="":(h&&!f&&(f=s.fnColFootCell=l.Z.setUserFunction(null,h)),o=n.aggregateManager.calculateAggregateColumn(h,f,s.sFieldIndex,s,t)),m||(m=document.createElement("div"),g.appendChild(m)),r.Sh(o)?(m.innerHTML="",m.appendChild(o)):m.innerHTML=o,n.oZGFootCellMap[d]=m,m.setAttribute(a.Z.zgCell.cellIndexAttr,i[t].sFieldIndex),m}},{key:"updateFooterCellContainerClass",value:function(e){e=e||!1;var t=!1,o=this.widget,n=o.webcomponent;if((o.bHasFootRow||o.nBottomFrozenRows)&&(o.mainColumnFooter?(o.mainColumnFooter.oFoot,o.leftColumnFooter.oFoot,o.rightColumnFooter.oFoot,o.mainColumnBody.oBody,o.leftColumnBody.oBody,o.rightColumnBody.oBody):(n.querySelector("zg-head#mainhead"),n.querySelector("zg-head#lefthead"),n.querySelector("zg-head#righthead"),n.querySelector("zg-body#mainbody"),n.querySelector("zg-body#leftbody"),n.querySelector("zg-body#rightbody"),t=!0),this.aaoFieldIndexT||t)){var r=[],i=this.widget.aColumnMapping.length-o.nRightFrozenColumns;this.processFootRows(0,"Left",r,e),this.processFootRows(o.nLeftFrozenColumns,"",r,e),this.processFootRows(i,"Right",r,e),r.length&&(this.oOldFooterStyles=r)}}},{key:"processFootRows",value:function(e,t,o,n){var r,i,s=this,l=this.widget.aColumnMapping,d=[],c=this.widget,u=c.getRegionsByColumnArea(t),f=u.oFoot,p=f.childNodes,g=c.getFirstDataRowByArea(u);p.forEach((function(t,o){d[o]=[];var u=c.nDefaultHeadHeight;t.childNodes.forEach((function(p,m){var b=m+e;i=g?g.childNodes[m]:p,r=l[b];var v=c.getAreaByColumnIndex(b);n&&!r.bHidden&&"absolute"===p.style.position&&p.removeAttribute(a.Z.attr.style),(c.webcomponent.align||r.sAlign)&&c.setCellAlignment(p,r.sAlign),"main"===v&&0===m&&r.oDOMSortHeader&&r.oDOMSortHeader.style.borderLeft&&(p.style.borderLeft=r.oDOMSortHeader.style.borderLeft),d[o][b]=[i.getBoundingClientRect(),p.getBoundingClientRect(),f.getBoundingClientRect()];var y=h(d[o][b],3),w=y[0],z=y[1],C=y[2];if(0!==w.width||0!==w.height){var S=w.width,k=w.left-C.left;if(s.oHeaderPositions&&s.oHeaderPositions[b]&&(S=s.oHeaderPositions[b].width,k=s.oHeaderPositions[b].left),g&&S){var x=z.height;p.style.left="".concat(k,"px"),p.style.position="absolute",p.style.width="".concat(S,"px"),"frozen"===t.getAttribute(a.Z.attr.type)?(x=p.getBoundingClientRect().height,x=u=Math.max(u,x)):c.bCompact||(p.style.lineHeight="".concat(z.height,"px")),p.style.height="".concat(x,"px"),u>c.nDefaultHeadHeight&&(t.style.height=u+"px")}}else s.oOldHeaderStyles?s.oOldHeaderStyles.length>o&&s.oOldHeaderStyles[o].length>b&&(p.style=s.oOldHeaderStyles[o][b]):s.oHeaderPositions&&s.oHeaderPositions[b]&&(p.style.width=s.oHeaderPositions[b].width,p.style.left=s.oHeaderPositions[b].left)}))}))}},{key:"removeAllHeaderRows",value:function(){var e=this.widget,t=this.widget.mainColumnHeader,o=e.leftColumnHeader,n=e.rightColumnHeader;this.updateRows(o,o.oHead.childNodes.length),this.updateRows(t,t.oHead.childNodes.length),this.updateRows(n,n.oHead.childNodes.length)}},{key:"removeAllFooterRows",value:function(){var e=this.widget,t=this.widget.mainColumnFooter,o=e.leftColumnFooter,n=e.rightColumnFooter;this.updateRows(o,o.oFoot.childNodes.length),this.updateRows(t,t.oFoot.childNodes.length),this.updateRows(n,n.oFoot.childNodes.length)}},{key:"removeHeaderRows",value:function(){var e=this.widget;e.mainColumnHeader.removeRow(),e.leftColumnHeader.removeRow(),e.rightColumnHeader.removeRow()}},{key:"updateRows",value:function(e,t){if(t>0)for(var o=0;o<t;o++)e.removeRow();else t<0&&(t=-t,e.insertRows(t))}},{key:"cleanPreload",value:function(){if(this.widget.webcomponent){for(var e=this.widget.getAllBodies(),t=this.widget.getAllHeads(),o=0;o<e.length;o++)this.removeNonElements(e[o]);for(var n=0;n<t.length;n++)this.removeNonElements(t[n])}}},{key:"removeNonElements",value:function(e,t){var o=this,n=0,r=this.widget;e.childNodes&&u(e.childNodes).forEach((function(t){if(1!==t.nodeType)e.removeChild(t);else{var i=t.tagName.toLowerCase();"zg-row"===i?t.rowIndex=n++:"zg-cell"===i&&(t.cellIndex=n++),t.widget=r,"div"!==i&&o.removeNonElements(t)}}))}},{key:"clearFrameWidths",value:function(){var e=this.widget.webcomponent;e.oDOMFrozenMainFootFrame.style.width="",e.oDOMFrozenMainHeadFrame.style.width="",e.oDOMFrozenMainHead.style.width="",e.oDOMFrozenMainFoot.style.width=""}},{key:"clearStyle",value:function(e){var t=this.widget;if(t.webcomponent,t.mainColumnHeader){var o=this.widget.mainColumnHeader.oColGroup,n=t.mainGridTable.dom,r=t.webcomponent._oShadowRoot.querySelector("#scroll"),i=o.getElementsByTagName(a.Z.zgColumn.tagName),s=t.getHeadRows(),l=t.getFootRows();n.style.width="",r.style.width="",t.updateHeadFootScroll(!0),this.clearFrameWidths(),s.forEach((function(e,t){e.childNodes.forEach((function(e,t){e.removeAttribute(a.Z.attr.style)}))})),l.forEach((function(e){e.childNodes.forEach((function(e){e.removeAttribute(a.Z.attr.style)}))}));for(var d=0;d<i.length;d++)i[d].removeAttribute(a.Z.attr.style),e&&(i[d].removeAttribute("min-calculated-width"),i[d].removeAttribute("min-calculated-header-width"));this.nIframeParentWidth=this.nInitialWidth=this.nCurrContainerWidth=0;var c=t.aColumnMapping;(t.aRowMapping.length>0||0===c.length)&&(this.oOldHeaderStyles=[],this.oHeaderPositions=[])}}},{key:"clearCache",value:function(){var e=this.widget,t=e.mainColumnBody,o=e.leftColumnBody,n=e.leftColumnHeader,r=e.leftColumnFooter,i=e.rightColumnBody,a=e.rightColumnHeader,s=e.rightColumnFooter,l=e.mainColumnHeader,d=e.mainColumnFooter;e.oZGCellMap={},e.oZGHeadCellMap={},e.oZGFootCellMap={},this.updateRows(n,n.oHead.childNodes.length),this.updateRows(o,o.oBody.childNodes.length),this.updateRows(r,r.oFoot.childNodes.length),this.updateRows(t,t.oBody.childNodes.length),this.updateRows(l,l.oHead.childNodes.length),this.updateRows(d,d.oFoot.childNodes.length),this.updateRows(a,a.oHead.childNodes.length),this.updateRows(i,i.oBody.childNodes.length),this.updateRows(s,s.oFoot.childNodes.length)}},{key:"resizeGrid",value:function(e){var t=this,o=this.widget;if(o&&this.widget.mainGridTable){var n=o.webcomponent;if(e=!1,!o.nSetWidth){var r=o.oDOMScroller;r.clientWidth>this.nInitialWidth&&(e=!0),this.nInitialWidth=this.nSavedResizeWidth||r.clientWidth,this.nIframeParentWidth=Math.min(this.nInitialWidth,document.documentElement.clientWidth),this.nCurrContainerWidth=this.nInitialWidth,this.nSavedResizeWidth=null}this.update({bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bHiddenColumns:!0,bExpandColumns:e}),o.selector.bHasSelection&&o.selector.se.select(),o.recordEditor&&o.recordEditor.onResize(),n.oDOMControlBar&&n.oDOMControlBar.checkMessageSize(),o.isCardLayout()&&requestAnimationFrame((function(){o.bDisconnect||t.calculateCardsPerRow()}))}}},{key:"calculateCardsPerRow",value:function(){var e=this.widget,t=e.mainColumnBody.oBody.childNodes,o=t.length,n=null,r=0;for(r=0;r<o;r++){var i=t[r].getBoundingClientRect().y;if(null===n&&(n=i),i!==n)break}e.setCardsPerRow(r)}},{key:"_updateGrid",value:function(e,t,o){if(e>0)for(var n=0;n<e;n++)t();else if(e<0){e=-e;for(var r=0;r<e;r++)o()}}},{key:"updateRowsPerSet",value:function(){var e=this.widget,t=e.mainColumnBody.oBody.childNodes;if(0===t.length)e.bStaticScroll=!1;else{var o=t[0].getBoundingClientRect(),n=o.height,r=i.Z.get(e.oDOMScroller),s=r.getHeight(),l=1;if(e.webcomponent.getAttribute(a.Z.zgLayout.attr)===a.Z.zgLayout.typeCard){var d=r.getWidth(),c=o.width;l=Math.floor(d/c)}var u=Math.ceil(s/n)*l;e.nRowsPerSet=3*u}}},{key:"updateRowContainer",value:function(){var e=this.widget,t=e.mainColumnBody,o=t.oBody.childNodes,n=o.length,r=!1,i=e.getRowContainerCount(),a=e.webcomponent,s=n-i;0===s&&i&&void 0===o[0].rowIndex&&o.forEach((function(e,t){return e.setBodyIndexes(t)})),s<0&&e.bStaticScroll&&-1===e.nRowsPerSet&&(s=-1,r=!0),s<0&&(this.updateRows(t,s),n=o.length);for(var l=0;l<n;l++)this._updateRowVisibility(l,i);return a.height&&(a.oDOMMain.style.height=a.oDOMVScroller.getBoundingClientRect().height+"px"),r}},{key:"_updateRowVisibility",value:function(e,t){var o=this.widget,n=o.mainColumnBody.oBody.childNodes,r=o.leftColumnBody.oBody,i=o.rightColumnBody.oBody,s=[n[e]];r.childNodes&&r.childNodes.length>e&&s.push(r.childNodes[e]),i.childNodes&&i.childNodes.length&&s.push(i.childNodes[e]),e<t?s.forEach((function(e){return e.removeAttribute(a.Z.attr.hidden)})):s.forEach((function(e){return e.setAttribute(a.Z.attr.hidden,"")}))}},{key:"_updateBody",value:function(e,t,o){var n=this,r=this.widget,i=r.aColumnMapping,s=r.getMainBodyRows(),l=s.length,d=i.length,c=function(e){for(var t=0;t<l;t++)s[t].hasAttribute("hidden")||(o.call(n,t,e),h(t))};function h(e){var t=r.getDataRowsByRow(e);if(t&&0!==t.length){for(var o=[],n=0;n<t.length;n++)o.push.apply(o,u(Array.from(t[n].children)));var i=r.getByTagName(o,a.Z.zgCell.tagName),s=[],l=u(i).filter((function(e){return e.hasAttribute(a.Z.attr.control)}));l.forEach((function(e){return s.push(e.getAttribute(a.Z.attr.type))})),l.forEach((function(e){return e.setAttribute(a.Z.attr.control,s.join(","))}))}}if(null===t)for(var f=0;f<d;f++)null===e?c(f):o.call(this,e,f);else c(t)}},{key:"updateBodyContainerClass",value:function(e,t){this.widget.webcomponent._setGridClasses(!0),this._updateBody(null,t,this.updateCellContainerClass),this._updateBody(e,0,this.updateRowContainerClass)}},{key:"updateBodyAssignment",value:function(e,t){this._updateBody(null,t,this.updateCellAssignment)}},{key:"updateCustomCard",value:function(e){var t=this,o=this.widget,n=o.mainColumnBody.oBody.childNodes;o.hasCardTemplate()&&(null!=e?this.processCardTemplate(n[e]):n&&u(n).forEach((function(e){return t.processCardTemplate(e)})))}},{key:"processCardTemplate",value:function(e){if(!e.hasAttribute("hidden")){var t=this.widget,o=t.store,n=e.bodyRowIndex,i=e.querySelector("zg-card");i||(i=e.appendChild(document.createElement(a.Z.zgCard.tagName)));for(var s=t.getRecordIndexByDataRowContainerIndex(n),d=o.get(s).oRecordRawData,c=t.oCard?t.oCard.renderer:null,u=t.selectorEngineManager.$row(n),h={record:d};i.lastChild;)i.removeChild(i.lastChild);if(t.oCardTemplate?o.populateTemplate(t.oCardTemplate,i,h):t.oCardBody&&o.populateTemplate(t.oCardBody,i,h),c){var f=(c=l.Z.setUserFunction(null,c)).method.apply(c.scope,[d,i,u])||"";r.Sh(f)?i.appendChild(f):f.length&&(i.innerHTML=f)}}}},{key:"updateRowContainerClass",value:function(e){var t=this.widget,o=t.webcomponent,n=t.getFrozenRowState(e),r=t.getContainerRowIndexByDataRowIndex(e),i="",s=!e&&t.needRemoveBorder();"top"===n||"bottom"===n?(r=void 0,i=o.frozenRowClass||""):n="main";var l=t.getDataRowsByRow(e);if(l&&0!==l.length){var d=o.rowClass||"",c=t.aZebraClasses,u="";c.length&&(u=c[e%c.length]);var h=t.selectorEngineManager.$row(e),f=null;if(h&&(f=h.sTargetRecordIndex),o.fnRowClass&&"function"==typeof o.fnRowClass.method||o.fnFrozenRowClass&&"function"==typeof o.fnFrozenRowClass.method){var p=t.store.get(f).oRecordRawData;if(o.fnRowClass&&"function"==typeof o.fnRowClass.method){var g=o.fnRowClass.scope||h;d=o.fnRowClass.method.apply(g,[p,e+1,l[0],h,n,r+1])}if(o.fnFrozenRowClass&&"function"==typeof o.fnFrozenRowClass.method){var m=o.fnFrozenRowClass.scope||h;i=o.fnFrozenRowClass.method.apply(m,[p,e+1,l[0],h,n])}}var b="";t.batchEditor.isActive()&&t.dirtyManager.isDirty(f)&&(b=t.dirtyManager.getDirtyClass(f)),(d="".concat(i," ").concat(u," ").concat(b," ").concat(d).trim())&&d.split(" ").forEach((function(e){l.forEach((function(t){return t.classList.add(e)}))})),s?l.forEach((function(e){return e.setAttribute(a.Z.attr.internaltop,"")})):e||l.forEach((function(e){return e.removeAttribute(a.Z.attr.internaltop)}))}}},{key:"updateCellContainerClass",value:function(e,t){var o=this.widget,n=o.store,i=o.getBodyByColumnIndex(t),s=o.getAdjustedColumnIndex(t),l=o.getRow(e,t).childNodes[s],d=l.querySelector("div");if(l){var c,u=o.selectorEngineManager.$cell(e,t),h=u.sCellType,f=u.sTargetFieldIndex,p=u.sTargetRecordIndex,g=u.sGroupRecordIndex,m=h===a.Z.internalColumn.rowgroup;if("bottom"===o.getFrozenRowState(e)){var b=o.aBottomRowMapping,v=o.getContainerRowIndexByDataRowIndex(e);p=u.sTargetRecordIndex=b[v].sRecordIndex}var y=o.aColumnMapping[t],w=y.oDOMZGColumn;t!==l.cellIndex&&(l.cellIndex=t,l.setAttribute("aria-colindex",t+1)),w.title&&l.setAttribute(a.Z.attr.title,w.title),l.setAttribute(a.Z.zgCell.cellIndexAttr,f),d&&d.setAttribute(a.Z.zgCell.cellIndexAttr,f),l.setAttribute(a.Z.attr.type,h),-1!==a.Z.internalColumnTypes.indexOf(h)&&(l.setAttribute(a.Z.attr.control,""),l.setAttribute(a.Z.attr.buttonTooltip,""),o.bPreloaded&&h===a.Z.internalColumn.recordselector&&y.fnRenderer.method.apply(y,[null,l,u])),h!==a.Z.cellTypes.custom&&h!==a.Z.cellTypes.button||l.querySelector("zg-button")&&l.setAttribute(a.Z.attr.buttonTooltip,""),i!==o.mainColumnBody.oBody?l.setAttribute(a.Z.attr.frozen,""):l.removeAttribute(a.Z.attr.frozen),l._setTooltip(h===a.Z.internalColumn.recordinfo,y,u),o.setCellLabel({oDOMCellContainer:l,$cell:u}),c=g?m?[n.get(p,f,g)]:[""]:f.trim().split(",").map((function(e){return o.store.get(p,e.trim(),g)})),(r.Uh(y.sArraySlice)||r.Uh(y.sArrayIndex))&&(c=o.store.getArrayData(c,y)),l.setAttribute("value",c.toString()),this.updateCellClass(c,l,y,u),(o.webcomponent.align||y.sAlign)&&o.setCellAlignment(l,y.sAlign),!g&&o.batchEditor.isActive()&&o.dirtyManager.isDirty(p,f)?l.classList.add(a.Z.batchEdit.dirtyClass):l.classList.remove(a.Z.batchEdit.dirtyClass)}}},{key:"updateCellAssignment",value:function(e,t){var o=this.widget,n=o.getAdjustedColumnIndex(t),r=o.getRow(e,t).childNodes[n],i=r._oShadowRoot.querySelector("slot");if(r){var s=o.selectorEngineManager.$cell(e,t),l=s.sTargetFieldIndex;0===n&&(this.clearAttributes([r.parentNode]),r.parentNode.style.height=""),this.clearAttributes([r]);var d=i.assignedNodes();!o.bPreloaded&&d.length&&d.forEach((function(e){1===e.nodeType&&e.parentNode.removeChild(e)})),window.ShadyDOM&&window.ShadyDOM.flush();var c=s.sCellType;if(l||-1!==a.Z.noDataColumnTypes.indexOf(c)||-1!==a.Z.internalColumnTypes.indexOf(c)){var u=this.updateCellContent(e,t);u.parentNode&&!this.widget.bReordering||r.appendChild(u),u.parentNode.parentNode!==i.parentNode.host.parentNode&&(u.parentNode.removeChild(u),r.appendChild(u))}}}},{key:"updateCellClass",value:function(e,t,o,n){var i=this.widget,s=i.webcomponent,l=o.sCellType,d=t.parentNode&&"frozen"===t.parentNode.getAttribute(a.Z.attr.type);if(d?t.setAttribute("frozen-row",""):t.removeAttribute("frozen-row"),!i.isCardLayout()||-1===a.Z.internalColumnTypes.indexOf(l)){var c=r.XU(s.fnCellClass,s.cellClass,[].concat(u(e),[t,n]));c=r.XU(o.fnCellClass,o.sCellClass,[].concat(u(e),[t,n]))||c;var h=r.XU(s.fnColClass,s.colClass,[o.sFieldIndex,t,o]);if(h&&(c=null===c?h:"".concat(c," ").concat(h)),c&&c.split(" ").forEach((function(e){return t.classList.add(e)})),d&&(t.sCellClass=c),c){var f="",p=n.sTargetRecordIndex;i.batchEditor.isActive()&&i.dirtyManager.isDirty(p)&&(f=i.dirtyManager.getDirtyClass(p))&&t.classList.add(f)}}}},{key:"clearAttributes",value:function(e){var t=!1,o=["action","role","value","data-field-index","hidden","text"];return e.forEach((function(e){for(var n=0;n<e.attributes.length;n++){var r=e.attributes[n];o.indexOf(r)<0&&(e.removeAttribute(r),t=!0)}e.removeAttribute(a.Z.attr.class)})),t}},{key:"updateCellContent",value:function(e,t){var o=this.widget,n=o.store,d=o.getAdjustedColumnIndex(t),c=o.getRow(e,t).childNodes[d];if(c){var u=o.selectorEngineManager.$cell(e,t),h=u.fnRenderer,f=u.sTargetFieldIndex,p=u.sTargetRecordIndex,g=u.sColumnId,m=u.sGroupRecordIndex,b=!!m,v=o.aColumnMapping[t],y=v.oDOMZGColumn,w=u.sCellType,z=w===a.Z.internalColumn.rowgroup,C=b&&!z&&v.sGroupHeadCell;if("bottom"===o.getFrozenRowState(e)){var S=o.aBottomRowMapping,k=o.getContainerRowIndexByDataRowIndex(e);p=u.sTargetRecordIndex=S[k].sRecordIndex}!h&&y.renderer&&(h=v.fnRenderer=l.Z.setUserFunction(null,y.renderer)),b&&!u.fnFroupRenderer&&y.renderer&&(v.fnGroupRenderer=l.Z.setUserFunction(null,y.renderer)),!u.fnAggregateRenderer&&y.renderer&&w===a.Z.cellTypes.aggregate&&(v.fnAggregateRenderer=l.Z.setUserFunction(null,y.renderer));var x,O=!!f,_=f.split(",");x=b?z?[n.get(p,_[0].trim(),m)]:[""]:_.map((function(e){var t=n.get(p,e.trim());return null!=t&&(O=!1),t})),c.setAttribute("value",x.toString()),c.setAttribute(a.Z.attr.type,w),window.ShadyDOM&&window.ShadyDOM.flush();var R,E=(b?m:p)+"+"+g;if(v.aUserSet.fnRenderer&&!this.oOption.bNoReRenderer||(R=o.oZGCellMap[E]),!R&&o.bPreloaded&&(R=c.querySelector("div")),!R){for(;c.lastChild;)c.removeChild(c.lastChild);R=document.createElement("div"),c.appendChild(R),!v.fnDetailsRenderer&&y.detailsRenderer&&(v.fnDetailsRenderer=l.Z.setUserFunction(null,y.detailsRenderer)),(v.oDOMDetailsTemplate||v.fnDetailsRenderer)&&(i.Z.get(R).on("click",(function(e){o.detailsManager.openCellDetails(u)})),w!==a.Z.internalColumn.rowgroup&&R.setAttribute(a.Z.template.detailsAttr,""))}if(o.bPreloaded&&-1===a.Z.internalColumnTypes.indexOf(w)||b&&!z&&!C||z&&!b)for(;R.lastChild;)R.removeChild(R.lastChild);else{for(;R.lastChild;)R.removeChild(R.lastChild);if(h){(r.Uh(v.sArraySlice)||r.Uh(v.sArrayIndex))&&(x=n.getArrayData(x,v)),x.push(c),x.push(u),w===a.Z.cellTypes.toggle&&(h={method:s.Z.getCellType(w).renderer,scope:null});var M=!b&&(void 0!==v.sDefaultDisplay&&"disabled"!==v.sDefaultDisplay||void 0!==o.sDefaultDisplay&&null!==o.sDefaultDisplay),D=!1;if(z||O&&M||(v.oDOMRenderTemplate?(D=!0,n.processTemplate(v.oDOMRenderTemplate,R,u)):v.body&&(D=!0,n.processTemplate(v.body,R,u))),O&&(!D||M)||v.aUserSet.fnRenderer||C||!v.body&&!v.oDOMRenderTemplate){var T;if(C){var A=v.sGroupHeadCell,I=v.fnGroupHeadCell;A&&!I&&(v.fnGroupHeadCell=l.Z.setUserFunction(null,A),I=v.fnGroupHeadCell),T=o.aggregateManager.calculateAggregateColumn(A,I,v.sFieldIndex,v,t,m,u)}else if(O&&M)T=v.sDefaultDisplay||o.sDefaultDisplay;else{var L=h.scope||u;T=h.method.apply(L,x)}r.Sh(T)?R.appendChild(T):r.Uh(T)&&(R.innerHTML=T),this.listenImagesFrames(R)}}}return-1!==a.Z.internalColumnTypes.indexOf(w)||n.oDataFormat.bLoadByPages||(o.oZGCellMap[E]=R),R}}},{key:"listenImagesFrames",value:function(e){var t=this,o=this.widget;e.querySelectorAll("img, iframe").forEach((function(e){o.nLoadingImages++,e.onload=function(){o.bDisconnect||(o.nLoadingImages--,0===o.nLoadingImages&&(t.updating||t.update({bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0})))}}))}},{key:"getTableFitHeaderWidth",value:function(e){var t,o=this.widget,n=o.getAdjustedColumnIndex(e);if(o.bHeaderRowHide)return 0;t=o.mainColumnHeader?o.getHeaderByColumnIndex(e):o.webcomponent.getElementsByTagName("zg-head")[0];var r=(o.aColumnMapping||o.webcomponent.getElementsByTagName(a.Z.zgColumn.tagName))[e],i=r.nHeaderDepth-1||0,s=this.widget.bHasSorterEnabled&&"disabled"!==r.oDOMZGColumn.getAttribute("sort"),l=t?t._getDOMByTagName("zg-row",i).childNodes:[],d=t?t.querySelector('zg-row[type="aggregate"]'):null;if(window.ShadyDOM&&window.ShadyDOM.flush(),null!==e&&l.length){var c=l[n];if(c.colSpan>1)return 0;var u=1;s&&null===c.querySelector("zg-icon svg")&&(u+=24),r.mWidth===a.Z.zgCell.actionCellKey&&c.setAttribute(a.Z.attr.type,r.oDOMZGColumn.getAttribute(a.Z.attr.type));var h=c.getBoundingClientRect(),f=0;if(r.sHeadCell&&d){var p=d.childNodes[n],g=p.querySelector("span");if(g){var m=g.getBoundingClientRect(),b=window.getComputedStyle(p);f=m.width+parseInt(b.paddingLeft,10)+parseInt(b.paddingRight,10)}}this.aSavedHeadCellSize[i]||(this.aSavedHeadCellSize[i]=[]),this.aSavedHeadCellSize[i][e]=h;var v=h.width+u+1;return Math.max(v,f)}return 0}},{key:"getTableFitFooterWidth",value:function(e){var t,o=this.widget,n=(o.aColumnMapping||o.webcomponent.getElementsByTagName(a.Z.zgColumn.tagName))[e],r=o.getAdjustedColumnIndex(e);if(!(t=o.mainColumnFooter?o.getFooterByColumnIndex(e):o.webcomponent.getElementsByTagName("zg-foot")[0]))return 0;var i=t.querySelector("zg-row"),s=i?i.childNodes:[],l=t?t.querySelector('zg-row[type="aggregate"]'):null;if(!s||!s.length||null===e)return 0;var d=0;if(n.sFootCell&&l){var c=l.childNodes[r],u=c.querySelector("bdi");if(u){var h=u.getBoundingClientRect(),f=window.getComputedStyle(c);d=h.width+parseInt(f.paddingLeft,10)+parseInt(f.paddingRight,10)}}var p=0,g=s[e];return g&&(p=g.getBoundingClientRect().width+1),Math.max(p,d)}},{key:"getAllTableFitContentWidth",value:function(){var e,t,o,n,r,s,l=this.widget,d=l.webcomponent;this.aSavedColumnCellSize=[];var c=this.widget.cellBreakManager;if(l.mainColumnHeader?(e=l.mainColumnBody.oBody,t=l.leftColumnBody.oBody,o=l.rightColumnBody.oBody,n=l.mainColumnBody.el,r=l.leftColumnBody.el,s=l.rightColumnBody.el):(e=d.querySelector("zg-body#mainbody"),t=d.querySelector("zg-body#leftbody"),o=d.querySelector("zg-body#rightbody"),n=i.Z.get(d._oShadowRoot.querySelector("#body")),r=i.Z.get(d._oShadowRoot.querySelector("#left")),s=i.Z.get(d._oShadowRoot.querySelector("#right"))),e.childNodes.length){var h=n.getDOM().style.width,f=n.getDOM().style["table-layout"];n._setStyle("width","auto"),n._setStyle("table-layout","auto"),r._setStyle("width","auto"),r._setStyle("table-layout","auto"),s._setStyle("width","auto"),s._setStyle("table-layout","auto"),window.ShadyDOM&&window.ShadyDOM.flush();var p,g=d.getElementsByTagName(a.Z.zgColumn.tagName),m=[];l.hasFrozenLeft()&&m.push.apply(m,u(t.childNodes[0].childNodes)),m.push.apply(m,u(e.childNodes[0].childNodes)),l.hasFrozenRight()&&m.push.apply(m,u(o.childNodes[0].childNodes));for(var b=0;b<l.aColumnMapping.length;b++){var v=g[b],y=v.mWidth;if(!y&&v.getAttribute&&(y=v.parseWidth(v.getAttribute("width"),v.getAttribute("type"))),"fit"===y||"fitcontent"===y){v.style.width="1px",v.style.width="",p=m[b].getBoundingClientRect().width,"ellipsis"===c.getCellBreakByColumn(b)&&(p+=1);var w=v._oParsedColumnMapping,z=0;if(v.needToCalcEditorWidth())if(this.oSavedEditorSize[w.sCellType])z=this.oSavedEditorSize[w.sCellType];else{var C=l.selectorEngineManager.$cell(0,b);if(C){l.editorManager.openEditor(C,!0);var S=l.editorManager.getInputContainerByIndex(C.nStartRowIndex,C.nStartColumnIndex),k=S.querySelector("input");k&&(k.style.width="auto");var x=S.querySelector("label");x&&(x.style="",z=x.getBoundingClientRect().width,this.oSavedEditorSize[w.sCellType]=z),l.bSizeCheck=!0,l.recordEditor.cancelOpenEdit(),l.bSizeCheck=!1}}p=Math.max(p,z),this.aSavedColumnCellSize[b]=p}else this.aSavedColumnCellSize[b]=0}n._setStyle("width",h),n._setStyle("table-layout",f),r._setStyle("width",h),r._setStyle("table-layout",f),s._setStyle("width",h),s._setStyle("table-layout",f)}}},{key:"getTableFitContentWidth",value:function(e){var t,o,n,r=this.widget,s=r.getAdjustedColumnIndex(e);if(this.aSavedColumnCellSize[e])return this.aSavedColumnCellSize[e];r.mainColumnHeader?(t=r.getBodyByColumnIndex(e),(o=r.getColgroupByColumnIndex(e))&&o.assignedSlot&&(n=i.Z.get(o.assignedSlot.parentNode))):(t=r.webcomponent.querySelector("zg-body#mainbody"),o=r.webcomponent.getElementsByTagName(a.Z.zgColgroup.tagName)[0],n=i.Z.get(r.webcomponent._oShadowRoot.querySelector("#body")));var l,d=o.getElementsByTagName(a.Z.zgColumn.tagName)[s],c=n.getDOM().style.width,u=n.getDOM().style["table-layout"];if(n._setStyle("width","auto"),n._setStyle("table-layout","auto"),d.style.width="",window.ShadyDOM&&window.ShadyDOM.flush(),t.childNodes.length){l=t.childNodes[0].childNodes[s].getBoundingClientRect().width;var h=d._oParsedColumnMapping,f=0;if(d.needToCalcEditorWidth())if(this.oSavedEditorSize[h.sCellType])f=this.oSavedEditorSize[h.sCellType];else{var p=r.selectorEngineManager.$cell(0,e);if(p){r.editorManager.openEditor(p,!0);var g=r.editorManager.getInputContainerByIndex(p.nStartRowIndex,p.nStartColumnIndex),m=g.querySelector("input");m&&(m.style.width="auto");var b=g.querySelector("label");b&&(b.style="",f=b.getBoundingClientRect().width,this.oSavedEditorSize[h.sCellType]=f),r.recordEditor.cancelOpenEdit()}}l=Math.max(l,f)}else l=0;return n._setStyle("width",c),n._setStyle("table-layout",u),l+1}},{key:"updateHeaderWidthOfColumn",value:function(e,t,o){this.widget.mainColumnHeader.oColGroup.childNodes[e].style.width=o+"px"}},{key:"updateColumnWidthCache",value:function(e,t,o,n){var r=this.widget,i=r.aColumnMapping||r.webcomponent.getElementsByTagName(a.Z.zgColumn.tagName);if(0!==r.webcomponent.getBoundingClientRect().width&&(n||r.bHasAttachedToDOM&&r.store.bHasLoaded)){this.resetAllColumnsWidth(),this.getAllTableFitContentWidth(),this.bLastFitColumn=null;for(var s=0,l=i.length;s<l;s++)this.calculateColumnWidth(i[s],s,e);if(!o)if(t)for(;this.nInitialWidth>this.nStaticWidth;){var d=this.calculateHiddenColumn(!0);if(-1===d)break;if(i[d].nCurrWidth+this.nStaticWidth>this.nInitialWidth)break;this.toggleColumn(d,!1)}else for(;this.nInitialWidth<this.nStaticWidth;){var c=this.calculateHiddenColumn(!1);if(-1===c)break;this.toggleColumn(c,!0)}!this.widget.webcomponent.width&&this.nStaticWidth===this.nOnlyStaticWidth&&0===this.nStretchWidthColumnCount&&this.nInitialWidth>this.nStaticWidth&&this.widget.webcomponent.getAttribute(a.Z.zgLayout.attr)!==a.Z.zgLayout.typeCard&&this.nStaticWidth>0&&(this.widget.webcomponent.width=this.nStaticWidth,this.widget.nCalculatedSetWidth=!0),this.setColumnWidth()}}},{key:"setColumnWidth",value:function(){var e=this.widget.aColumnMapping||this.widget.webcomponent.getElementsByTagName(a.Z.zgColumn.tagName);this.adjustFrozenWidths();for(var t=0,o=e.length;t<o;t++){var n=e[t];if(!n.bHidden){var r=n.mWidth;void 0===r&&void 0!==n.getAttribute&&(r=n.parseWidth(n.getAttribute("width"),n.getAttribute("type")));var i=this.bLastFitColumn&&n===this.bLastFitColumn;"stretch"===r?this.setFlexWidth(n,this.nStretchWidthColumnCount,!0,i):("fit"===r||"fitheader"===r||"fitcontent"===r)&&0===this.nStretchWidthColumnCount&&this.nCurrContainerWidth>this.nStaticWidth&&this.setFlexWidth(n,this.nFitWidthColumnCount,!1,i)}}}},{key:"adjustFrozenWidths",value:function(){for(var e=this.widget,t=e.nLeftFrozenColumns,o=e.nRightFrozenColumns,n=e.aColumnMapping,r=n.length,i=r-t-o,a=this.widget.mainGridTable.dom.clientWidth,s=i>0?50:0,l=0,d=0,c=0;c<t&&c<r;c++){var u=n[c];u.bHidden||(l+=u.nCurrWidth)}for(var h=r-o;h<r&&h>0;h++){var f=n[h];f.bHidden||(d+=f.nCurrWidth)}var p=d+l;if(p+s>a){for(var g=(a-s)/p,m=0;m<t&&m<r;m++){var b=n[m];b.bHidden||(b.nCurrWidth=b.nCurrWidth*g)}for(var v=r-o;v<r&&v>0;v++){var y=n[v];y.bHidden||(y.nCurrWidth=y.nCurrWidth*g)}}}},{key:"calculateHiddenColumn",value:function(e){for(var t=this.widget.aColumnMapping,o=-1,n=-1,r=0;r<t.length;r++){var i=t[r];if(e===i.bHidden&&i.nPriority){if(i.nPriority===n)continue;(e===i.nPriority<n||e&&-1===n)&&(n=i.nPriority,o=r)}}return o}},{key:"updateHiddenColumns",value:function(e){for(var t=this.widget.aColumnMapping,o=0;o<t.length;o++)t[o].bHidden?this.updateRowDisplay(o,!0):e&&this.updateRowDisplay(o,!1)}},{key:"getLastVisibleColumn",value:function(){for(var e=this.widget.aColumnMapping,t=null,o=e.length-1;o>=0;o--)if(!e[o].bHidden){t=e[o];break}return t}},{key:"updateMainFirstPosition",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],o=this.widget;if(null!==(e=e||o.getFirstMainIndex())){var n=o.getAllCellsByIndex(e,!0),r=n.length;(t||!r||n[r-1].hasAttribute(a.Z.attr.first))&&(n=o.getFooterCells(e,n)).forEach((function(e){return t?e.setAttribute(a.Z.attr.first,""):e.removeAttribute(a.Z.attr.first)}))}}},{key:"updateRowDisplay",value:function(e,t){var o=this.widget.getAllCellsByIndex(e,!0,!0),n=t?"none":"";o.forEach((function(e){return"none"===n?e.setAttribute(a.Z.attr.hidden,""):e.removeAttribute(a.Z.attr.hidden)}))}},{key:"toggleColumn",value:function(e,t){var o=this.widget,n=o.webcomponent,r=o.aColumnMapping[e];n.oDOMFrozenMainFootFrame.style.width="",n.oDOMFrozenMainHeadFrame.style.width="",o.updateHeadFootScroll(!0),this.updateRowDisplay(e,t),this.widget.bUpdatingHidden=!0,r.bHidden=t,this.widget.bUpdatingHidden=!1,this.widget.columnMenu&&(this.widget.columnMenu.menuItems[r.sColumnId].oCheckbox.checked=!t),t?(r.mOldWidth=r.mWidth,this.unsetOldColumnWidth(r)):this.calculateColumnWidth(r,e),o.fire("columntoggle",{oColumnMapping:r,bHide:t})}},{key:"unsetOldColumnWidth",value:function(e){var t=e.mOldWidth||e.mWidth;r.hj(t)&&(this.nStaticWidth-=t),/\d*\.?\d+%/.test(t)&&(this.nStaticWidth-=e.nCurrWidth),"fitheader"!=t&&"fitcontent"!==t&&"fit"!==t||e.nFitWidth&&(this.nStaticWidth-=e.nFitWidth,this.nFitWidthColumnCount--),"stretch"==t&&this.nStretchWidthColumnCount--}},{key:"resetGlobals",value:function(){this.nColumnsWidth=0,this.nStaticWidth=0,this.nOnlyStaticWidth=0,this.nStretchWidthColumnCount=0,this.nFitWidthColumnCount=0,this.oSavedEditorSize={},this.aSavedHeadCellSize=[],this.aSavedColumnCellSize=[]}},{key:"resetAllColumnsWidth",value:function(){var e=this.widget,t=e.webcomponent,o=e.getAllColumns(),n=e.getAllHeadCells(),r=e.getAllFootCells();this.resetGlobals();for(var i=0;i<o.length;i++)o[i].removeAttribute(a.Z.attr.style);for(var s=0;s<r.length;s++)this.clearWidthStyles(r[s]);for(var l=0;l<n.length;l++)if(!n[l].hasAttribute(a.Z.attr.hidden)&&(this.clearWidthStyles(n[l]),n[l].tagName.toLowerCase()===a.Z.zgFilter.tagName)){var d=n[l].querySelector("input");d&&(d.style.width="1px")}e.savedScrollVal&&(e.oDOMMainScroll.scrollLeft=0,t.oDOMHead.style.transform="")}},{key:"clearWidthStyles",value:function(e){e.style.removeProperty("left"),e.style.removeProperty("line-height"),e.style.removeProperty("position"),e.style.removeProperty("width"),e.style.removeProperty("height")}},{key:"calculateColumnWidth",value:function(e,t,o){var n=e.mWidth,i=e.nMinWidth?parseInt(e.nMinWidth,10):null,s=null,l=t===this.widget.aColumnMapping.length-1,d=e.oDOMZGColumn.parentNode;if(!n&&e.getAttribute&&(n=e.parseWidth(e.getAttribute("width"),e.getAttribute("type"),this.widget)),l&&this.widget.bOnlyColumnWidth&&!isNaN(n)&&this.widget.webcomponent.width&&this.nInitialWidth>this.nStaticWidth+n&&(n="stretch"),(this.widget.bPreloaded||this.bResizing)&&e.oDOMZGColumn){var c=parseInt(e.oDOMZGColumn.getAttribute("min-calculated-width"),10)||null;i=Math.max(i,c)}var u,h=parseInt(e.oDOMZGColumn.getAttribute("min-calculated-header-width"),10)||this.getTableFitHeaderWidth(t);h&&e.oDOMZGColumn&&(e.oDOMZGColumn.setAttribute("min-calculated-header-width",h),e.nFullHeaderWidth=h);var f=!1;if(!e.bHidden&&d.getAttribute(a.Z.zgLayout.attr)!==a.Z.zgLayout.typeCard&&this.widget.webcomponent.getAttribute(a.Z.zgLayout.attr)!==a.Z.zgLayout.typeCard){if(n===a.Z.zgCell.actionCellKey&&(n=e.body?"fit":"fitheader",f=!0),r.hj(n))e.nCurrWidth=n,this.nStaticWidth+=n,this.nOnlyStaticWidth+=n;else if(u=/\d*\.?\d+%/.exec(n)){var p=u[0],g=Number.parseFloat(p)/100;n=this.nInitialWidth*g,e.nFullWidth=n+"px",e.nCurrWidth=n,this.nStaticWidth+=n}else if("fitheader"===n||"fitcontent"===n){var m;i?m=i:"fitheader"===n&&h?s=m=h:m="fitheader"===n?this.getTableFitHeaderWidth(t):this.getTableFitContentWidth(t),f?m=Math.max(m,a.Z.zgCell.actionCellSize):(this.bLastFitColumn=e,e.nFitWidth=m,this.nFitWidthColumnCount++),e.nCurrWidth=m,!i&&e.oDOMZGColumn&&e.oDOMZGColumn.setAttribute("min-calculated-width",e.nCurrWidth),this.nStaticWidth+=m}else if("fit"===n){var b;if(i)b=i;else{var v=this.getTableFitContentWidth(t);s=h||this.getTableFitHeaderWidth(t);var y=0;e.sFootCell&&(y=this.getTableFitFooterWidth(t)),b=Math.max(v,s,y)}f?b=Math.max(b,a.Z.zgCell.actionCellSize):(this.bLastFitColumn=e,e.nFitWidth=b,this.nFitWidthColumnCount++),e.nCurrWidth=b,this.nStaticWidth+=b,!i&&e.oDOMZGColumn&&e.oDOMZGColumn.setAttribute("min-calculated-width",e.nCurrWidth),s&&e.oDOMZGColumn&&e.oDOMZGColumn.setAttribute("min-calculated-header-width",s)}else"stretch"===n&&(this.bLastFitColumn=e,this.nStretchWidthColumnCount++,this.bLastFitColumn=e);this.widget.bOnlyColumnWidth&&f&&(this.nOnlyStaticWidth+=e.nCurrWidth)}}},{key:"setFlexWidth",value:function(e,t,o,n){var r=this.nCurrContainerWidth-this.nStaticWidth,i=Math.floor(r/t),a=r-i*t;n&&a>0&&(i+=a),e.nCurrWidth=o?i:e.nCurrWidth+i}},{key:"updateColumnWidth",value:function(e,t){var o=this,n=this.widget,r=n.webcomponent;if(t||n.bHasAttachedToDOM&&n.store.bHasLoaded){var i,s,l;n.mainColumnHeader?(i=r.getElementsByTagName("zg-column"),s=n.aColumnMapping,l=n.mainColumnBody.oBody):(l=n.webcomponent.querySelector("#mainbody"),s=i=n.webcomponent.getElementsByTagName("zg-column"));var d,c=!1,u=window.getComputedStyle(l);d=parseInt(u.borderRightWidth,10);var h=0,f=n.nLeftFrozenColumns,p=0,g=n.nRightFrozenColumns,m=!0,b=function(e,t){var n=i[t],r=s[t].oDOMZGColumn||s[t];n!==r&&(n=r);var l=n.style.width;if(e.bHidden&&!n.hasAttribute(a.Z.attr.hidden))n.setAttribute(a.Z.attr.hidden,"");else if(!e.bHidden){var u;if(n.hasAttribute(a.Z.attr.hidden)&&n.removeAttribute(a.Z.attr.hidden),e.nFullWidth)n.style.width=u;else{var b=0;t===s.length-1&&(b=d),u=e.nCurrWidth-b,o.nColumnsWidth+=u,n.style.width=u+"px"}t<=f-1?(h+=parseInt(u,10),o.updateMainFirstPosition(t,!1)):t>=s.length-g?(p+=parseInt(u,10),o.updateMainFirstPosition(t,!1)):m?(o.updateMainFirstPosition(t,!0),m=!1):o.updateMainFirstPosition(t,!1)}l&&l!==n.style.width&&(c=!0)};if(null==e){this.nColumnsWidth=0;for(var v=0,y=s.length;v<y;v++)b(s[v],v);this.nFrozenColumnsWidth=0,h&&n.leftColumnBody.oDOMWrapper&&(n.leftColumnBody.oDOMWrapper.style.width=h+"px",n.webcomponent.oDOMFrozenLeftHead.style.width=h+"px",n.webcomponent.oDOMFrozenLeftFoot.style.width=h+"px",n.webcomponent.oDOMFrozenLeftStyle.style.width=h+"px",this.nFrozenColumnsWidth+=h),p&&n.leftColumnBody.oDOMWrapper&&(n.rightColumnBody.oDOMWrapper.style.width=p+"px",n.webcomponent.oDOMFrozenRightHead.style.width=p+"px",n.webcomponent.oDOMFrozenRightFoot.style.width=p+"px",n.webcomponent.oDOMFrozenRightStyle.style.width=p+"px",this.nFrozenColumnsWidth+=p),n.updateFrozenColumnAttributes(h,"Left"),n.updateFrozenColumnAttributes(p,"Right"),this.updateFrozenMainSize()}else i[e].style.width&&(this.nColumnsWidth-=i[e].style.width),b(s[e],e);return c}}},{key:"calculateRowHeights",value:function(){var e=this.widget;if((e.hasFrozenColumns()||e.nRowHeight)&&e.layoutManager.sCurrentType!==a.Z.zgLayout.typeCard)if(e.nRowHeight&&"auto"!==e.nRowHeight)this.updateFrozenHeights(null,e.nRowHeight);else{for(var t=e.mainColumnBody.oBody,o=e.leftColumnBody.oBody,n=e.rightColumnBody.oBody,r=t.children,i=o.children,s=n.children,l=Math.max(r.length,i.length,s.length),d=[],c=0;c<l;c++){var u=void 0;r[c].style.height,u=0,r.length>c&&(u=Math.max(u,r[c].offsetHeight)),i.length>c&&(u=Math.max(u,i[c].offsetHeight)),s.length>c&&(u=Math.max(u,s[c].offsetHeight)),d.push(u)}this.updateFrozenHeights(d)}}},{key:"updateFrozenHeights",value:function(e,t){var o=this.widget;if(o.hasFrozenColumns()||o.nRowHeight)for(var n=o.mainColumnBody.oBody,r=o.leftColumnBody.oBody,i=o.rightColumnBody.oBody,a=n.children,s=r.children,l=i.children,d=Math.max(a.length,s.length,l.length),c=0;c<d;c++){var u=void 0;if(t)"fixed"===t&&(t=o.nDefaultRowHeight),u=t;else{if(!e[c])continue;u=e[c]+"px"}u&&(a.length>c&&(a[c].style.height=u),s.length>c&&(s[c].style.height=u),l.length>c&&(l[c].style.height=u))}}},{key:"destroy",value:function(){this.resizeWindow&&(window.removeEventListener("resize",this.resizeWindow,{passive:!0}),this.resizeWindow=null),this.bLastFitColumn=null,m(y(f.prototype),"destroy",this).call(this)}},{key:"_setColumnText",value:function(e){return e.sCellType===a.Z.internalColumn.recordselector?e.fnRenderer.method.apply(e):e.sColumnHeaderText}},{key:"_removeFixedWrapperWidth",value:function(){this.widget.nSetWidth&&this.widget.nCalculatedSetWidth,this.widget.nSetWidth||(this.widget.mainGridTable.dom.removeAttribute("style"),this.clearFrameWidths())}}],o&&g(t.prototype,o),n&&g(t,n),Object.defineProperty(t,"prototype",{writable:!1}),f}(n.Z)},70684:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(87822),r=(o(31769),o(37486));function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function a(e){return function(e){if(Array.isArray(e))return s(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return s(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return s(e,t)}(e)||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 s(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function l(e,t,o){return(t=c(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function d(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,c(n.key),n)}}function c(e){var t=function(e,t){if("object"!==i(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===i(t)?t:String(t)}const u=function(){function e(t){var o;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget,this.ZG=this.widget.webcomponent,this.ZGPager=this.ZG.querySelector(n.Z.zgPager.tagName),this.setViewportTO=null,this._allowed=!this.ZG.hasAttribute(n.Z.viewport.stopAttr),this.allowedViewportTypes=[{unit:null,display:"null"},{unit:"px",display:"pixel"},{unit:"em",display:"em"},{unit:"rem",display:"rem"}],this._breakpoints=null,this.defaultTypes=(l(o={},"".concat(n.Z.viewport.mobileLabel),n.Z.viewport.mobileMax),l(o,"".concat(n.Z.viewport.tabletPortraitLabel),n.Z.viewport.tabletPortraitMax),l(o,"".concat(n.Z.viewport.tabletLandscapeLabel),n.Z.viewport.tabletLandscapeMax),l(o,"".concat(n.Z.viewport.desktopLabel),n.Z.viewport.desktopMax),l(o,"".concat(n.Z.viewport.desktopLargeLabel),n.Z.viewport.desktopLargeMax),o),this._types=null,this._run={pause:this.ZG.hasAttribute(n.Z.viewport.pauseAttr)&&!this.ZG.hasAttribute(n.Z.viewport.stopAttr),play:!(this.ZG.hasAttribute(n.Z.viewport.pauseAttr)||this.ZG.hasAttribute(n.Z.viewport.stopAttr)),stop:this.ZG.hasAttribute(n.Z.viewport.stopAttr)}}var t,o,i;return t=e,(o=[{key:"allow",get:function(){return this._allowed},set:function(e){this._allowed=e}},{key:"breakpoints",get:function(){return this._breakpoints}},{key:"run",get:function(){return this._run},set:function(e){this._runViewport(e)}},{key:"types",get:function(){return this._types},set:function(e){e=e||this.defaultTypes,this._types=e,this._breakpoints=this._buildBreakpointsArray(e)}},{key:"view",get:function(){return this.ZG.getAttribute(n.Z.viewport.attr)}},{key:"setViewport",value:function(e){var t=this;this.allow&&(window.cancelAnimationFrame(this.setViewportTO),e?this.updateViewport():this.setViewportTO=window.requestAnimationFrame((function(){return t.updateViewport()})))}},{key:"updateViewport",value:function(){this.widget.bDisconnect||(this.breakpointsClone=this._getBreakpoints(),this.currentView=this._getCurrentViewport(),this.ZG.setAttribute(n.Z.viewport.attr,this.currentView),this.ZG.oDOMBody.setAttribute(n.Z.viewport.attr,this.currentView),this._setPagerViewport(),window.cancelAnimationFrame(this.setViewportTO),this.widget.fire("viewport:change"))}},{key:"_buildBreakpointsArray",value:function(e){var t,o,n,i,a=[],s=[],l=Object.keys(e),d=l.map((function(t){return e[t]})).filter((function(e){return null!==e}));if(!l.length)return"error-empty";var c=this._consistentTypes(e,this.allowedViewportTypes);if("string"!=typeof c){var u=this._getType(d[0],this.allowedViewportTypes.map((function(e){return e.unit})));for(n in e){switch(o=null===e[n]?null:u){case null:i=null;break;case"px":i=parseInt(e[n]);break;default:i=parseFloat(e[n].split(o)[0])}t={label:n,value:i,type:o},o?s.push(t):a.push(t)}return r.mJ.objectSort(s,"value"),[].concat(s,[a[0]])}console.error("Error: ".concat(c))}},{key:"_consistentTypes",value:function(e,t){var o,n,r=[],i=t.map((function(e){return e.unit}));for(o in e){if(!(n=this._getType(e[o],i))&&null!==n)return"'".concat(e[o],"' is not a valid viewport type: ").concat(JSON.stringify(e),"\nAllowed types: ").concat(JSON.stringify(i));r.push(n)}var s=a(r.filter((function(e){return null!==e})).reduce((function(e,t){return e.add(t)}),new Set));if(s.length>1){var l=s.reduce((function(e,o){return e+"".concat(t.filter((function(e){return e.unit===o}))[0].display," (").concat(o,"), ")}),"");return"All viewport values must be of the same type, found: ".concat(l)}return!0}},{key:"_convertValueToPixel",value:function(e){var t=e.type,o=e.value;switch(t){case"em":return r.ye(o);case"rem":return r.fh(o);default:return o}}},{key:"_getBreakpoints",value:function(){var e=this,t=window.innerWidth;this.breakpoints||(this.types=this.defaultTypes,this.ZG.removeAttribute(n.Z.viewport.customAttr));var o=this.breakpoints.map((function(e){return Object.assign({},e)}));return o.forEach((function(o){return o.value=e._convertValueToPixel({type:o.type,value:o.value,pixel:t})})),o}},{key:"_getCurrentViewport",value:function(){for(var e,t,o,n=this.widget.updater.nCurrContainerWidth||this.ZG.getBoundingClientRect().width,r=this.breakpointsClone.length,i=0;i<r;i++)if(e=0===i?0:this.breakpointsClone[i-1].value,t=i===r-1?"max":this.breakpointsClone[i].value,n>=e&&("max"===t||n<t)){o=this.breakpointsClone[i].label;break}return o}},{key:"_getType",value:function(e,t){var o,n="string"==typeof t;return null===e?o=null:isNaN(e)?n?o=e.split(t)[1]:t.forEach((function(t){return 2===e.split(t).length?o=t:t})):o="px",o}},{key:"_runViewport",value:function(e){var t,o,i;switch("pause"!==e&&(e=!0===e?"true":"false"),e){case"pause":t=!0,o=!1,i=!1;break;case"false":t=!1,o=!1,i=!0;break;default:t=!1,o=!0,i=!1,n.Z.colors.success}this._run={pause:t,play:o,stop:i},t&&(r.Xh({el:this.ZG,attr:n.Z.viewport.stopAttr}),this.ZG.oTopPager&&(r.Xh({el:this.ZG.oTopPager,attr:n.Z.viewport.pauseAttr,value:""}),r.Xh({el:this.ZG.oTopPager,attr:n.Z.viewport.stopAttr})),this.ZG.oBottomPager&&(r.Xh({el:this.ZG.oBottomPager,attr:n.Z.viewport.pauseAttr,value:""}),r.Xh({el:this.ZG.oBottomPager,attr:n.Z.viewport.stopAttr}))),o&&(this.ZG.oTopPager&&(r.Xh({el:this.ZG.oTopPager,attr:n.Z.viewport.pauseAttr}),r.Xh({el:this.ZG.oTopPager,attr:n.Z.viewport.stopAttr})),this.ZG.oBottomPager&&(r.Xh({el:this.ZG.oBottomPager,attr:n.Z.viewport.pauseAttr}),r.Xh({el:this.ZG.oBottomPager,attr:n.Z.viewport.stopAttr})),this.ZG.oDOMLayoutControls&&this.ZG.oDOMLayoutControls.removeAttribute(n.Z.attr.hidden),this.widget.layoutManager.setLayout({isReset:!0}),this.allow=!0,this.setViewport()),i&&(r.Xh({el:this.ZG,attr:n.Z.viewport.pauseAttr}),r.Xh({el:this.ZG,attr:n.Z.viewport.attr}),r.Xh({el:this.ZG.oDOMBody,attr:n.Z.viewport.pauseAttr}),r.Xh({el:this.ZG.oDOMBody,attr:n.Z.viewport.attr}),this.ZG.oTopPager&&(r.Xh({el:this.ZG.oTopPager,attr:n.Z.viewport.attr}),r.Xh({el:this.ZG.oTopPager,attr:n.Z.viewport.pauseAttr}),r.Xh({el:this.ZG.oTopPager,attr:n.Z.viewport.stopAttr,value:""})),this.ZG.oBottomPager&&(r.Xh({el:this.ZG.oBottomPager,attr:n.Z.viewport.attr}),r.Xh({el:this.ZG.oBottomPager,attr:n.Z.viewport.pauseAttr}),r.Xh({el:this.ZG.oBottomPager,attr:n.Z.viewport.stopAttr,value:""})))}},{key:"_setPagerViewport",value:function(){this.ZG.oTopPager&&this.ZG.oTopPager.setAttribute(n.Z.viewport.attr,this.currentView),this.ZG.oBottomPager&&this.ZG.oBottomPager.setAttribute(n.Z.viewport.attr,this.currentView)}}])&&d(t.prototype,o),i&&d(t,i),Object.defineProperty(t,"prototype",{writable:!1}),e}()},32603:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(44287);function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function i(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(i=n.key,a=void 0,a=function(e,t){if("object"!==r(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==r(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(i,"string"),"symbol"===r(a)?a:String(a)),n)}var i,a}const a=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.widget=t.widget}var t,o,r;return t=e,(o=[{key:"$column",value:function(e){return new n.default({widget:this.widget}).column(e)}},{key:"$row",value:function(e){return new n.default({widget:this.widget}).row(e)}},{key:"$range",value:function(e,t){return new n.default({widget:this.widget}).range(e,t)}},{key:"$cell",value:function(e,t){return new n.default({widget:this.widget}).cell(e,t)}},{key:"getSelectorEngine",value:function(){return new n.default({widget:this.widget})}}])&&i(t.prototype,o),r&&i(t,r),Object.defineProperty(t,"prototype",{writable:!1}),e}()},19791:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(24706),r={aCustomLangs:{},oLangElements:{},defaultLang:"en",setLang:function(e,t,o){var n,i,a;e.split(",").map((function(e){return e.trim()})).some((function(e){var t=e;do{if(n=r.checkLangFile(t)){i=e,a=t;break}var o=t.lastIndexOf("-");t=-1!==o?t.substring(0,o):""}while(t.length>0);if(i||(i=e),a)return!0})),n||(r.globalLang?n=r.globalLang:r.defaultLang&&(n=r.defaultLang)),t?(t.lang=n,t.locale=i):(r.globalLang=n,r.globalLocale=i,o&&(r.defaultLang=n))},checkLangFile:function(e){var t=null;if(r.aCustomLangs[e])t=r.aCustomLangs[e];else try{t=o(61145)("./".concat(e,".js")).default}catch(e){}return t},getLocale:function(e){return e&&e.locale?e.locale:r.globalLocale},getLang:function(e){return(e.lang||r.globalLang||r.defaultLang).lang||r.getLocale()},get:function(e,t,o){var i;return t&&t.lang&&(i=n.MU(t.lang,e)),void 0===i&&(i=n.MU(r.globalLang,e)),void 0===i&&r.defaultLang&&(i=n.MU(r.defaultLang,e)),o&&r.storeElement(e,t,o),i},storeElement:function(e,t,o){r.oLangElements[t]||(r.oLangElements[t]=[]);var n=r.oLangElements[t];o.sPath=e,n.push(o)},refresh:function(e){var t=r.oLangElements[e];t&&(t.forEach((function(t){var o=r.get(t.sPath,e),n=t.element;t.langProperty&&(o=o[t.langProperty]),t.attribute?n.setAttribute(t.attribute,o):t.elProperty&&(n[t.elProperty]=o)})),e.dialogManager.refreshDialogs(),e.webcomponent.refresh())},destroy:function(e){var t=r.oLangElements[e];t&&(t.forEach((function(e){e.element=null})),r.oLangElements[e].length=0)}};r.setLang(r.defaultLang,null,!0),"undefined"!=typeof document&&document.documentElement.lang&&r.setLang(document.documentElement.lang,null);const i=r},85444:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n={lang:"custom",columntypes:{editor:"custom-Edit",remover:"custom-Delete",selector:"custom-Select"},context:{copyCell:"custom-Copy Cell",pasteCell:"custom-Paste Cell",insertRecordLabel:"custom-Insert New Record",insertRecordHere:"custom-Here",insertRecordEnd:"custom-End",insertRecordStart:"custom-Start",deleteRow:"custom-Delete row",sortColumn:"custom-Sort Column",editCell:"custom-Edit Cell",editRow:"custom-Edit Row",selectCell:"custom-Select Cell",selectRow:"custom-Select Row",deselect:"custom-Deselect",previousPage:"custom-Go to previous page",nextPage:"custom-Go to next page",firstPage:"custom-Go to first page",lastPage:"custom-Go to last page",version:"custom-ZingGrid Version",save:"custom-Save",cancel:"custom-Cancel"},date:{shortMonth:["custom-Jan","custom-Feb","custom-Mar","custom-Apr","custom-May","custom-Jun","custom-Jul","custom-Aug","custom-Sep","custom-Oct","custom-Nov","custom-Dec"],longMonth:["custom-January","custom-February","custom-March","custom-April","custom-May","custom-June","custom-July","custom-August","custom-September","custom-October","custom-November","custom-December"],twoWeek:["custom-Su","custom-Mo","custom-Tu","custom-We","custom-Th","custom-Fr","custom-Sa"],shortWeek:["custom-Sun","custom-Mon","custom-Tue","custom-Wed","custom-Thu","custom-Fri","custom-Sat"],longWeek:["custom-Sunday","custom-Monday","custom-Tuesday","custom-Wednesday","custom-Thursday","custom-Friday","custom-Saturday"],am:"custom-am",pm:"custom-pm",startWeek:0,startYear:6},dialog:{cancel:"custom-Cancel",close:"custom-X",confirm:"custom-Confirm",create:"custom-Create",delete:"custom-Delete",ok:"custom-Ok",recordCreate:{label:"custom-Create a new record",successMsg:"custom-Successfully added row!",errorMsg:"custom-The server encountered an error and the record could not be created."},recordDelete:{body:"custom-Are you sure you want to delete this record?",label:"custom-Confirm delete",successMsg:"custom-Record removed successfully!",errorMsg:"custom-The server encountered an error and the record could not be deleted."},recordInfo:{label:"custom-Record Info"},recordUpdate:{label:"custom-Update this record",successMsg:"custom-Record updated successfully",errorMsg:"custom-The server encountered an error and the record could not be updated."},fieldUpdate:{label:"custom-Update this field",successMsg:"custom-Field updated successfully",errorMsg:"custom-The server encountered an error and the field could not be updated."},removeXSelectedRows:{body:"custom-Are you sure you want to delete these records?",label:"custom-Remove %v record%p",successMsg:"custom-Records removed successfully!"},version:{body:"custom-built on",label:"custom-Current Version"},save:"custom-Save"},draggable:{remove:"custom-Release to hide",reorder:"custom-Drag outside grid to hide"},iconSet:{invalidVendor:"custom-Value added to [%v] does not match allowed vendor list",invalidVendorMethod:'custom-Internal Error: There was an issue loading [%v="%v"] icons. Falling back to default icons.'},loadMask:{title:"custom-loading"},pagination:{page:"custom-Page",pageOf:"custom-of",rows:"custom-Rows"},tools:{filter:"custom-Filter",search:"custom-Search",selected:"custom-%v Item%p Selected"},tooltip:{layoutCard:"custom-Card Layout",layoutRow:"custom-Row Layout",recordCreate:"custom-Insert Record",reload:"custom-Reload Grid",editrecord:"custom-Edit Record",firstpage:"custom-Go to First Page",fixedmenu:"custom-Open Menu",lastpage:"custom-Go to Last Page",menu:"custom-Open Column Menu",nextpage:"custom-Go to Next Page",prevpage:"custom-Go to Previous Page",removerecord:"custom-Remove Record",search:"custom-Open Search"},watermark:{poweredBy:"custom-Powered By <strong>ZingGrid</strong>"}}},39340:()=>{},47745:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n={lang:"en",aggregate:{sum:"Sum",avg:"Average",min:"Min",max:"Max",count:"Count"},batchEdit:{changes:"Change%p",fieldsEdited:"Field%p Edited",recordsEdited:"Record%p Edited",deleted:"Deleted",inserted:"Inserted",modified:"Modified",label:"Edit Records (Batch):"},columntypes:{duplicate:"Duplicate",editor:"Edit",remover:"Delete",selector:"Select",info:"Info",key:"Key","row-number":"Row Number"},context:{copyCell:"Copy Cell",pasteCell:"Paste Cell",insertRecordLabel:"Insert New Record",insertRecordHere:"Here",insertRecordEnd:"End",insertRecordStart:"Start",deleteRow:"Delete row",duplicateRow:"Duplicate row",sortColumn:"Sort Column",hideColumn:"Hide Column",editCell:"Edit Cell",editRow:"Edit Row",selectAll:"Select All",selectCell:"Select Cell",selectRow:"Select Row",deselect:"Deselect",previousPage:"Go to previous page",nextPage:"Go to next page",firstPage:"Go to first page",lastPage:"Go to last page",version:"ZingGrid Version",resetState:"Unsave Grid State",save:"Save",cancel:"Cancel",freezeColumnLeft:"Freeze Column - Left",freezeColumnRight:"Freeze Column - Right",unfreezeColumn:"Unfreeze Column",freezeRowTop:"Freeze Row - Top",freezeRowBottom:"Freeze Row - Bottom",unfreezeRow:"Unfreeze Row"},date:{shortMonth:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],longMonth:["January","February","March","April","May","June","July","August","September","October","November","December"],twoWeek:["Su","Mo","Tu","We","Th","Fr","Sa"],shortWeek:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],longWeek:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],am:"am",pm:"pm",startWeek:0,startYear:6,fromNow:{seconds:"%v seconds",minute:"a minute",minutes:"%v minutes",hour:"an hour",hours:"%v hours",day:"a day",days:"%v days",month:"a month",months:"%v months",year:"a year",years:"%v years",past:"%v ago",future:"in %v"}},dialog:{cancel:"Cancel",close:"X",confirm:"Confirm",create:"Create",delete:"Delete",ok:"Ok",read:{errorMsg:"The server encountered an error and the data could not be read."},recordCreate:{label:"Create a new record",successMsg:"Successfully added row!",errorMsg:"The server encountered an error and the record could not be created."},recordDelete:{body:"Are you sure you want to delete this record?",label:"Confirm delete",successMsg:"Record removed successfully!",errorMsg:"The server encountered an error and the record could not be deleted."},recordInfo:{label:"Record Info",errorMsg:"The server encountered an error and the data could not be read."},recordUpdate:{label:"Update this record",successMsg:"Record updated successfully",errorMsg:"The server encountered an error and the record could not be updated."},fieldUpdate:{label:"Update this field",successMsg:"Field updated successfully",errorMsg:"The server encountered an error and the field could not be updated."},removeXSelectedRows:{body:"Are you sure you want to delete these records?",label:"Remove %v record%p",successMsg:"Record%p removed successfully!"},batchEdit:{cancel:{body:"The following edits have been made and will be undone:<br>",bodyPlural:"The following %v changes have been made and will be undone:<br>",label:"Discard All Edits"},commit:{body:"Save changes?<br>",bodyPlural:"Save %v changes?<br>",label:"Save Batch Edit"},recordsBody:"<br><strong>%v Total Record%p Modified:</strong>",changeBody:"%v Record%p ",successMsg:"Successfully completed batch edit!",errorMsg:"Error: Batch Edit saved %v record%p and encountered %v error%p.",errorMsgMore:"View details",errorLabel:"Error Details",dialogErrorMsg:"<strong>%v Error%p</strong><br>",inserted:"Created",recordsEdited:"Edited",deleted:"Deleted"},version:{body:"built on",label:"Current Version"},save:"Save"},drag:{remove:"Release to hide",reorder:"Drag outside grid to hide"},iconSet:{invalidVendor:"Value added to [%v] does not match allowed vendor list",invalidVendorMethod:'Internal Error: There was an issue loading [%v="%v"] icons. Falling back to default icons.'},loadMask:{title:"loading"},noData:{message:"There are no records to display.",insertRecord:"Insert a new record."},pagination:{page:"Page",pageOf:"of",pageNext:"Next",pagePrev:"Previous",rows:"Rows"},tools:{filter:"Filter",search:"Search",selected:"%v Item%p Selected"},tooltip:{batchedit:"Edit Records (Batch)",batcheditsave:"Save Batch Edit",batcheditcancel:"Cancel Batch Edit",layoutCard:"Card Layout",layoutRow:"Row Layout",recordCreate:"Insert Record",reload:"Reload Grid",editrecord:"Edit Record",firstpage:"Go to First Page",fixedmenu:"Open Menu",lastpage:"Go to Last Page",menu:"Open Column Menu",nextpage:"Go to Next Page",prevpage:"Go to Previous Page",duplicaterecord:"Duplicate Record",removerecord:"Remove Record",undoremoverecord:"Restore Record",search:"Open Search",openrowgroup:"Open Group",closerowgroup:"Close Group"},validation:{errorMessage:"Validation Failed"},watermark:{poweredBy:"Powered By <strong>ZingGrid</strong>"}}},57947:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n={lang:"es",aggregate:{sum:"Suma",avg:"Promedio",min:"Min",max:"Max",count:"Contar"},batchEdit:{changes:"Cambio%p",edited:"Editado",fieldsEdited:"Campo%p Editado%p",recordsEdited:"Registro%p Editado%p",deleted:"Borrado",inserted:"Insertado",modified:"Modificado",label:"Editar los Registros (Lote):"},columntypes:{duplicate:"Duplicarse",editor:"Editar",remover:"Eliminar",selector:"Seleccionar",info:"Info",key:"Key","row-number":"Numero de Fila"},context:{copyCell:"Copiar Celda",pasteCell:"Pegar Celda",insertRecordLabel:"Añadir Registro Nuevo",insertRecordHere:"Aqui",insertRecordEnd:"Al Final",insertRecordStart:"Al Principio",deleteRow:"Eliminar Fila",duplicateRow:"Duplicar Fila",hideColumn:"Ocultar Columna",sortColumn:"Ordenar Columna",editCell:"Editar Celda",editRow:"Editar Fila",selectAll:"Select All",selectCell:"Seleccionar Celda",selectRow:"Seleccionar Fila",deselect:"Deseleccionar",previousPage:"Regresar a la página anterior",nextPage:"Ir a la página siguiente",firstPage:"Regresar a la primera página",lastPage:"Ir a la página final",version:"Sobre ZingGrid",resetState:"Desguardar Estado de Cuadrícula",save:"Guardar",cancel:"Cancelar",freezeColumnLeft:"Congelación de Columna - Izquierda",freezeColumnRight:"Congelación de Columna - Derecha",unfreezeColumn:"Descongelar Columna",freezeRowTop:"Inmovilizar Fila - Arriba",freezeRowBottom:"Inmovilizar Fila - Abajo",unfreezeRow:"Movilizar Fila"},date:{shortMonth:["ene","feb","mar","abr","may","jun","jul","ago","sept","oct","nov","dic"],longMonth:["enero","febrero","marzo","abril","mayo","junio","julio","agosto","septiembre","octubre","noviembre","diciembre"],twoWeek:["do","lu","ma","mi","ju","vi","sa"],shortWeek:["dom","lun","mar","mié","jue","vie","sáb"],longWeek:["domingo","lunes","martes","miércoles","jueves","viernes","sábado"],am:"am",pm:"pm",startWeek:0,startYear:6,fromNow:{seconds:"%v segundos",minute:"un minuto",minutes:"%v minutos",hour:"una hora",hours:"%v horas",day:"un día",days:"%v dias",month:"un mes",months:"%v meses",year:"un año",years:"%v años",past:"hace %v",future:"en %v"}},dialog:{cancel:"Cancelar",close:"X",confirm:"Confirmar",create:"Crear",delete:"Eliminar",ok:"Ok",read:{errorMsg:"El servidor encontró un error y no se pudieron leer los datos."},recordCreate:{label:"Crear un nuevo registro",successMsg:"¡Su registro fue creado!",errorMsg:"El servidor encontró un error y no se pudo crear el registro."},recordDelete:{body:"¿Seguro que quiere eliminar este registro?",label:"Confirmar eliminación",successMsg:"¡Su registro fue eliminado!",errorMsg:"El servidor encontró un error y no se pudo eliminar el registro."},recordInfo:{label:"Información de Registro",errorMsg:"El servidor encontró un error y no se pudieron leer los datos."},recordUpdate:{label:"Actualizar este registro",successMsg:"¡Su registro fue actualizado!",errorMsg:"El servidor encontró un error y no se pudo actualizar el registro."},fieldUpdate:{label:"Actualizar este campo",successMsg:"¡Su campo fue actualizado!",errorMsg:"El servidor encontró un error y no se pudo actualizar el campo."},removeXSelectedRows:{body:"¿Seguro que quiere eliminar estos registros?",label:"Eliminar %v registro%p",successMsg:"¡Sus registro%p fueron eliminados!"},batchEdit:{cancel:{body:"Se han realizado las siguientes ediciones y se desharán:<br>",bodyPlural:"Se han realizado los siguientes %v cambios y se desharán:<br>",label:"Descartar todas las ediciones"},commit:{body:"Guardar Cambios?<br>",bodyPlural:"Guaradar %v Cambios?<br>",label:"Guardar las Ediciones del Lote"},plurals:{errorMsg:["s","es"],recordsBody:["es"],dialogErrorMsg:["es"]},recordsBody:"<br><strong>%v Registros Total%p Modificados:</strong>",changeBody:"%v Registro%p ",successMsg:"Edición por lotes completada con éxito!",errorMsg:"Error: La Edición por Lotes Guardó %v Registro%p y encontró %v error%p.",errorMsgMore:"Ver Detalles",errorLabel:"Error Detalles",dialogErrorMsg:"<strong>%v Error%p</strong><br>",inserted:"Creado",recordsEdited:"Editado",deleted:"Borrado"},version:{body:"creado en",label:"Versión Actual"},save:"Guardar"},drag:{remove:"Suelta para esconderte",reorder:"Arrastra afuera para esconderte"},iconSet:{invalidVendor:"El valor agregado a [%v] no coincide con la lista de proveedores permitidos.",invalidVendorMethod:'Error Interno: Se produjo un problema al cargar los íconos [%v = "%v"]. Volviendo a los íconos predeterminados.'},loadMask:{title:"Cargando"},pagination:{page:"Pagina",pageOf:"de",rows:"Filas",pageNext:"Siguiente",pagePrev:"Anterior"},tools:{filter:"Filtrar",search:"Buscar",selected:"%v Elemento%p Seleccionado"},tooltip:{batchedit:"Editar los Registros (del Lote)",batcheditsave:"Guardar la Edición del Lote",batcheditcancel:"Cancelar la Edición del Lote",layoutCard:"Diseño de Tarjeta",layoutRow:"Diseño de Fila",recordCreate:"Añadir Registro",reload:"Recargar la Cuadrícula",editrecord:"Editar Registro",firstpage:"Ir a la Primera Página",fixedmenu:"Abre el Menú",lastpage:"Ir a la Última Página",menu:"Abre el Menú de la Columna",nextpage:"Ir a la Siguente Página",prevpage:"Ir a la Página Anterior",removerecord:"Elminiar Registro",undoremoverecord:"Restore Record",search:"Abre la Búsqueda",duplicateRecord:"Duplicar el Registro",openrowgroup:"Abre el Grupo",closerowgroup:"Cierra el Grupo"},validation:{errorMessage:"Validación Fallida"},watermark:{poweredBy:"Un producto provisto por <strong>ZingGrid</strong>"}}},3748:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n={lang:"zh-CN",aggregate:{sum:"总和",avg:"平均值",min:"最小值",max:"最大值",count:"统计"},columntypes:{duplicate:"创建副本",editor:"编辑",remover:"删除",selector:"选择",info:"信息",key:"名字","row-number":"行号"},context:{copyCell:"复制单元格",pasteCell:"粘贴单元格",insertRecordLabel:"创建新纪录",insertRecordHere:"在此处创建",insertRecordEnd:"创建于表格末尾",insertRecordStart:"创建于表格起始",deleteRow:"删除该行",duplicateRow:"为该行创建副本",sortColumn:"更改排序",hideColumn:"隐藏该列",editCell:"编辑单元格",editRow:"编辑该行",selectAll:"全选",selectCell:"选择单元格",selectRow:"选择该行",deselect:"取消选择",previousPage:"上一页",nextPage:"下一页",firstPage:"回到首页",lastPage:"去往末页",version:"ZingGrid版本",resetState:"重置表格",save:"保存",cancel:"取消",freezeColumnLeft:"固定该列于左侧",freezeColumnRight:"固定该列于右侧",unfreezeColumn:"取消固定该列",freezeRowTop:"固定该行于顶端",freezeRowBottom:"固定该行于底端",unfreezeRow:"取消固定该行"},date:{shortMonth:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],longMonth:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],twoWeek:["周日","周一","周二","周三","周四","周五","周六"],shortWeek:["周日","周一","周二","周三","周四","周五","周六"],longWeek:["星期日","星期一","星期二","星期三","星期四","星期五","星期日"],am:"上午",pm:"下午",startWeek:0,startYear:6,fromNow:{seconds:"%v 秒钟",minute:"1 分钟",minutes:"%v 分钟",hour:"1 小时",hours:"%v 小时",day:"1 天",days:"%v 天",month:"1 月",months:"%v 月",year:"1 年",years:"%v 年",past:"%v前",future:"%v后"}},dialog:{cancel:"取消",close:"X",confirm:"确认",create:"创建",delete:"删除",ok:"Ok",read:{errorMsg:"服务器出错，无法读取数据"},recordCreate:{label:"创建新记录",successMsg:"创建成功!",errorMsg:"服务器出错，无法创建新记录"},recordDelete:{body:"您确认要删除这条记录吗？",label:"再次确认",successMsg:"删除成功！",errorMsg:"服务器出错, 无法删除该记录"},recordInfo:{label:"详情",errorMsg:"服务器出错，无法读取数据"},recordUpdate:{label:"更新该记录",successMsg:"记录更新成功！",errorMsg:"服务器出错，无法更新该记录"},fieldUpdate:{label:"更新该数据",successMsg:"数据更新成功！",errorMsg:"服务器出错,无法更新该数据"},removeXSelectedRows:{body:"您确认要删除这条记录吗？",label:"删除 %v 条数据",successMsg:"记录删除成功！"},version:{body:"建于",label:"当前版本"},save:"保存"},drag:{remove:"释放即可隐藏",reorder:"拖拽到表格外可隐藏"},iconSet:{invalidVendor:"添加到 [%v] 的值与第三方列表的可用值不匹配",invalidVendorMethod:'内部错误: 加载 [%v="%v"] 图标时出现问题, 回退到默认图标'},loadMask:{title:"加载中"},noData:{message:"没有记录可显示",insertRecord:"创建新记录"},pagination:{page:"第",pageOf:", 共",pageNext:"下一页",pagePrev:"上一页",rows:"行"},tools:{filter:"过滤",search:"输入搜索内容",selected:"选中 %v 个"},tooltip:{layoutCard:"为画廊",layoutRow:"为列表",recordCreate:"创建新纪录",reload:"重新加载表格",editrecord:"编辑该记录",firstpage:"返回首页",fixedmenu:"打开菜单",lastpage:"前往末页",menu:"打开列菜单",nextpage:"下一页",prevpage:"上一页",duplicaterecord:"为该记录创建一个副本",removerecord:"移除该记录",search:"打开搜索",openrowgroup:"展开",closerowgroup:"收起"},validation:{errorMessage:"验证失败"},watermark:{poweredBy:"由 <strong>ZingGrid</strong> 提供支持"}}},35455:()=>{!function(){if("undefined"==typeof window||"function"==typeof window.CustomEvent)return!1;function e(e,t){t=t||{bubbles:!1,cancelable:!1,detail:void 0};var o=document.createEvent("CustomEvent");return o.initCustomEvent(e,t.bubbles,t.cancelable,t.detail),o}e.prototype=window.Event.prototype,window.CustomEvent=e}()},53305:function(e,t,o){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}(function(){"use strict";var e,t="undefined"!=typeof window&&window===this?this:void 0!==o.g&&null!=o.g?o.g:this,r="function"==typeof Object.defineProperties?Object.defineProperty:function(e,t,o){e!=Array.prototype&&e!=Object.prototype&&(e[t]=o.value)};function i(){i=function(){},t.Symbol||(t.Symbol=s)}var a,s=(a=0,function(e){return"jscomp_symbol_"+(e||"")+a++});function l(){i();var e=t.Symbol.iterator;e||(e=t.Symbol.iterator=t.Symbol("iterator")),"function"!=typeof Array.prototype[e]&&r(Array.prototype,e,{configurable:!0,writable:!0,value:function(){return d(this)}}),l=function(){}}function d(e){var o=0;return function(e){return l(),e={next:e},e[t.Symbol.iterator]=function(){return this},e}((function(){return o<e.length?{done:!1,value:e[o++]}:{done:!0}}))}function c(e){l(),i(),l();var t=e[Symbol.iterator];return t?t.call(e):d(e)}function u(){this.da=this.root=null,this.N=!1,this.w=this.K=this.W=this.assignedSlot=this.assignedNodes=this.C=null,this.childNodes=this.nextSibling=this.previousSibling=this.lastChild=this.firstChild=this.parentNode=this.F=void 0,this.$=this.aa=!1,this.J={}}function h(e){return e.__shady||(e.__shady=new u),e.__shady}function f(e){return e&&e.__shady}u.prototype.toJSON=function(){return{}};var p=window.ShadyDOM||{};p.ra=!(!Element.prototype.attachShadow||!Node.prototype.getRootNode);var g=Object.getOwnPropertyDescriptor(Node.prototype,"firstChild");function m(e){return(e=f(e))&&void 0!==e.firstChild}function b(e){return"ShadyRoot"===e.la}function v(e){return(e=(e=f(e))&&e.root)&&vt(e)}p.j=!!(g&&g.configurable&&g.get),p.X=p.force||!p.ra,p.D=p.noPatch||!1,p.ca=p.preferPerformance;var y=Element.prototype,w=y.matches||y.matchesSelector||y.mozMatchesSelector||y.msMatchesSelector||y.oMatchesSelector||y.webkitMatchesSelector,z=document.createTextNode(""),C=0,S=[];function k(e){S.push(e),z.textContent=C++}new MutationObserver((function(){for(;S.length;)try{S.shift()()}catch(e){throw z.textContent=C++,e}})).observe(z,{characterData:!0});var x=!!document.contains;function O(e,t){for(;t;){if(t==e)return!0;t=t.__shady_parentNode}return!1}function _(e){for(var t=e.length-1;0<=t;t--){var o=e[t],n=o.getAttribute("id")||o.getAttribute("name");n&&"length"!==n&&isNaN(n)&&(e[n]=o)}return e.item=function(t){return e[t]},e.namedItem=function(t){if("length"!==t&&isNaN(t)&&e[t])return e[t];for(var o=c(e),n=o.next();!n.done;n=o.next())if(((n=n.value).getAttribute("id")||n.getAttribute("name"))==t)return n;return null},e}function R(e,t,o,n){for(var r in o=void 0===o?"":o,t){var i=t[r];if(!(n&&0<=n.indexOf(r))){i.configurable=!0;var a=o+r;if(i.value)e[a]=i.value;else try{Object.defineProperty(e,a,i)}catch(e){}}}}function E(e){var t={};return Object.getOwnPropertyNames(e).forEach((function(o){t[o]=Object.getOwnPropertyDescriptor(e,o)})),t}var M,D=[];function T(e){M||(M=!0,k(A)),D.push(e)}function A(){M=!1;for(var e=!!D.length;D.length;)D.shift()();return e}function I(){this.a=!1,this.addedNodes=[],this.removedNodes=[],this.M=new Set}A.list=D,I.prototype.flush=function(){if(this.a){this.a=!1;var e=this.takeRecords();e.length&&this.M.forEach((function(t){t(e)}))}},I.prototype.takeRecords=function(){if(this.addedNodes.length||this.removedNodes.length){var e=[{addedNodes:this.addedNodes,removedNodes:this.removedNodes}];return this.addedNodes=[],this.removedNodes=[],e}return[]};var L=/[&\u00A0"]/g,Z=/[&\u00A0<>]/g;function P(e){switch(e){case"&":return"&amp;";case"<":return"&lt;";case">":return"&gt;";case'"':return"&quot;";case" ":return"&nbsp;"}}function F(e){for(var t={},o=0;o<e.length;o++)t[e[o]]=!0;return t}var N=F("area base br col command embed hr img input keygen link meta param source track wbr".split(" ")),B=F("style script xmp iframe noembed noframes plaintext noscript".split(" "));function G(e,t){"template"===e.localName&&(e=e.content);for(var o="",n=t?t(e):e.childNodes,r=0,i=n.length,a=void 0;r<i&&(a=n[r]);r++){e:{var s=a,l=e,d=t;switch(s.nodeType){case Node.ELEMENT_NODE:for(var c,u="<"+(l=s.localName),h=s.attributes,f=0;c=h[f];f++)u+=" "+c.name+'="'+c.value.replace(L,P)+'"';u+=">",s=N[l]?u:u+G(s,d)+"</"+l+">";break e;case Node.TEXT_NODE:s=s.data,s=l&&B[l.localName]?s:s.replace(Z,P);break e;case Node.COMMENT_NODE:s="\x3c!--"+s.data+"--\x3e";break e;default:throw window.console.error(s),Error("not implemented")}}o+=s}return o}var H=p.j,j={querySelector:function(e){return this.__shady_native_querySelector(e)},querySelectorAll:function(e){return this.__shady_native_querySelectorAll(e)}},U={};function W(e){U[e]=function(t){return t["__shady_native_"+e]}}function V(e,t){for(var o in R(e,t,"__shady_native_"),t)W(o)}function q(e,t){t=void 0===t?[]:t;for(var o=0;o<t.length;o++){var n=t[o],r=Object.getOwnPropertyDescriptor(e,n);r&&(Object.defineProperty(e,"__shady_native_"+n,r),r.value?j[n]||(j[n]=r.value):W(n))}}var K=document.createTreeWalker(document,NodeFilter.SHOW_ALL,null,!1),Y=document.createTreeWalker(document,NodeFilter.SHOW_ELEMENT,null,!1),X=document.implementation.createHTMLDocument("inert");function J(e){for(var t;t=e.__shady_native_firstChild;)e.__shady_native_removeChild(t)}var Q=["firstElementChild","lastElementChild","children","childElementCount"],$=["querySelector","querySelectorAll"];var ee,te=E({get childNodes(){return this.__shady_childNodes},get firstChild(){return this.__shady_firstChild},get lastChild(){return this.__shady_lastChild},get textContent(){return this.__shady_textContent},set textContent(e){this.__shady_textContent=e},get childElementCount(){return this.__shady_childElementCount},get children(){return this.__shady_children},get firstElementChild(){return this.__shady_firstElementChild},get lastElementChild(){return this.__shady_lastElementChild},get innerHTML(){return this.__shady_innerHTML},set innerHTML(e){return this.__shady_innerHTML=e},get shadowRoot(){return this.__shady_shadowRoot}}),oe=E({get parentElement(){return this.__shady_parentElement},get parentNode(){return this.__shady_parentNode},get nextSibling(){return this.__shady_nextSibling},get previousSibling(){return this.__shady_previousSibling},get nextElementSibling(){return this.__shady_nextElementSibling},get previousElementSibling(){return this.__shady_previousElementSibling},get className(){return this.__shady_className},set className(e){return this.__shady_className=e}});for(ee in te)te[ee].enumerable=!1;for(var ne in oe)oe[ne].enumerable=!1;var re=p.j||p.D,ie=re?function(){}:function(e){var t=h(e);t.aa||(t.aa=!0,R(e,oe))},ae=re?function(){}:function(e){var t=h(e);t.$||(t.$=!0,R(e,te))},se="__eventWrappers"+Date.now(),le=function(){var e=Object.getOwnPropertyDescriptor(Event.prototype,"composed");return e?function(t){return e.get.call(t)}:null}(),de={blur:!0,focus:!0,focusin:!0,focusout:!0,click:!0,dblclick:!0,mousedown:!0,mouseenter:!0,mouseleave:!0,mousemove:!0,mouseout:!0,mouseover:!0,mouseup:!0,wheel:!0,beforeinput:!0,input:!0,keydown:!0,keyup:!0,compositionstart:!0,compositionupdate:!0,compositionend:!0,touchstart:!0,touchend:!0,touchmove:!0,touchcancel:!0,pointerover:!0,pointerenter:!0,pointerdown:!0,pointermove:!0,pointerup:!0,pointercancel:!0,pointerout:!0,pointerleave:!0,gotpointercapture:!0,lostpointercapture:!0,dragstart:!0,drag:!0,dragenter:!0,dragleave:!0,dragover:!0,drop:!0,dragend:!0,DOMActivate:!0,DOMFocusIn:!0,DOMFocusOut:!0,keypress:!0},ce={DOMAttrModified:!0,DOMAttributeNameChanged:!0,DOMCharacterDataModified:!0,DOMElementNameChanged:!0,DOMNodeInserted:!0,DOMNodeInsertedIntoDocument:!0,DOMNodeRemoved:!0,DOMNodeRemovedFromDocument:!0,DOMSubtreeModified:!0};function ue(e){return e instanceof Node?e.__shady_getRootNode():e}function he(e,t){var o=[],n=e;for(e=ue(e);n;)o.push(n),n=n.__shady_assignedSlot?n.__shady_assignedSlot:n.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&n.host&&(t||n!==e)?n.host:n.__shady_parentNode;return o[o.length-1]===document&&o.push(window),o}function fe(e,t){if(!b)return e;e=he(e,!0);for(var o,n,r=0,i=void 0,a=void 0;r<t.length;r++)if((n=ue(o=t[r]))!==i&&(a=e.indexOf(n),i=n),!b(n)||-1<a)return o}function pe(e){function t(t,o){return(t=new e(t,o)).__composed=o&&!!o.composed,t}return t.__proto__=e,t.prototype=e.prototype,t}var ge={focus:!0,blur:!0};function me(e){return e.__target!==e.target||e.__relatedTarget!==e.relatedTarget}function be(e,t,o){if(o=t.__handlers&&t.__handlers[e.type]&&t.__handlers[e.type][o])for(var n,r=0;(n=o[r])&&(!me(e)||e.target!==e.relatedTarget)&&(n.call(t,e),!e.__immediatePropagationStopped);r++);}function ve(e){var t,o=e.composedPath();Object.defineProperty(e,"currentTarget",{get:function(){return r},configurable:!0});for(var n=o.length-1;0<=n;n--){var r=o[n];if(be(e,r,"capture"),e.T)return}for(Object.defineProperty(e,"eventPhase",{get:function(){return Event.AT_TARGET}}),n=0;n<o.length;n++){var i=f(r=o[n]);if(i=i&&i.root,(0===n||i&&i===t)&&(be(e,r,"bubble"),r!==window&&(t=r.__shady_getRootNode()),e.T))break}}function ye(e,t,o,n,r,i){for(var a=0;a<e.length;a++){var s=e[a],l=s.type,d=s.capture,c=s.once,u=s.passive;if(t===s.node&&o===l&&n===d&&r===c&&i===u)return a}return-1}function we(e,t,o){if(t){var r=n(t);if(("function"===r||"object"===r)&&("object"!==r||t.handleEvent&&"function"==typeof t.handleEvent)){if(ce[e])return this.__shady_native_addEventListener(e,t,o);if(o&&"object"===n(o))var i=!!o.capture,a=!!o.once,s=!!o.passive;else i=!!o,s=a=!1;var l=o&&o.U||this,d=t[se];if(d){if(-1<ye(d,l,e,i,a,s))return}else t[se]=[];d=function(n){if(a&&this.__shady_removeEventListener(e,t,o),n.__target||Se(n),l!==this){var i=Object.getOwnPropertyDescriptor(n,"currentTarget");Object.defineProperty(n,"currentTarget",{get:function(){return l},configurable:!0})}if(n.__previousCurrentTarget=n.currentTarget,(!b(l)||-1!=n.composedPath().indexOf(l))&&(n.composed||-1<n.composedPath().indexOf(l)))if(me(n)&&n.target===n.relatedTarget)n.eventPhase===Event.BUBBLING_PHASE&&n.stopImmediatePropagation();else if(n.eventPhase===Event.CAPTURING_PHASE||n.bubbles||n.target===l||l instanceof Window){var s="function"===r?t.call(l,n):t.handleEvent&&t.handleEvent(n);return l!==this&&(i?(Object.defineProperty(n,"currentTarget",i),i=null):delete n.currentTarget),s}},t[se].push({node:l,type:e,capture:i,once:a,passive:s,Ea:d}),ge[e]?(this.__handlers=this.__handlers||{},this.__handlers[e]=this.__handlers[e]||{capture:[],bubble:[]},this.__handlers[e][i?"capture":"bubble"].push(d)):this.__shady_native_addEventListener(e,d,o)}}}function ze(e,t,o){if(t){if(ce[e])return this.__shady_native_removeEventListener(e,t,o);if(o&&"object"===n(o))var r=!!o.capture,i=!!o.once,a=!!o.passive;else r=!!o,a=i=!1;var s=o&&o.U||this,l=void 0,d=null;try{d=t[se]}catch(e){}d&&(-1<(i=ye(d,s,e,r,i,a))&&(l=d.splice(i,1)[0].Ea,d.length||(t[se]=void 0))),this.__shady_native_removeEventListener(e,l||t,o),l&&ge[e]&&this.__handlers&&this.__handlers[e]&&(-1<(l=(e=this.__handlers[e][r?"capture":"bubble"]).indexOf(l))&&e.splice(l,1))}}var Ce=E({get composed(){return void 0===this.__composed&&(le?this.__composed="focusin"===this.type||"focusout"===this.type||le(this):!1!==this.isTrusted&&(this.__composed=de[this.type])),this.__composed||!1},composedPath:function(){return this.__composedPath||(this.__composedPath=he(this.__target,this.composed)),this.__composedPath},get target(){return fe(this.currentTarget||this.__previousCurrentTarget,this.composedPath())},get relatedTarget(){return this.__relatedTarget?(this.__relatedTargetComposedPath||(this.__relatedTargetComposedPath=he(this.__relatedTarget,!0)),fe(this.currentTarget||this.__previousCurrentTarget,this.__relatedTargetComposedPath)):null},stopPropagation:function(){Event.prototype.stopPropagation.call(this),this.T=!0},stopImmediatePropagation:function(){Event.prototype.stopImmediatePropagation.call(this),this.T=this.__immediatePropagationStopped=!0}});function Se(e){if(e.__target=e.target,e.__relatedTarget=e.relatedTarget,p.j){var t=Object.getPrototypeOf(e);if(!Object.hasOwnProperty(t,"__shady_patchedProto")){var o=Object.create(t);o.__shady_sourceProto=t,R(o,Ce),t.__shady_patchedProto=o}e.__proto__=t.__shady_patchedProto}else R(e,Ce)}var ke=pe(Event),xe=pe(CustomEvent),Oe=pe(MouseEvent);var _e=Object.getOwnPropertyNames(Document.prototype).filter((function(e){return"on"===e.substring(0,2)}));function Re(e,t){return{index:e,G:[],L:t}}function Ee(e,t,o,n){var r=0,i=0,a=0,s=0,l=Math.min(t-r,n-i);if(0==r&&0==i)e:{for(a=0;a<l;a++)if(e[a]!==o[a])break e;a=l}if(t==e.length&&n==o.length){s=e.length;for(var d=o.length,c=0;c<l-a&&Me(e[--s],o[--d]);)c++;s=c}if(i+=a,n-=s,0==(t-=s)-(r+=a)&&0==n-i)return[];if(r==t){for(t=Re(r,0);i<n;)t.G.push(o[i++]);return[t]}if(i==n)return[Re(r,t-r)];for(n=n-(a=i)+1,s=t-(l=r)+1,t=Array(n),d=0;d<n;d++)t[d]=Array(s),t[d][0]=d;for(d=0;d<s;d++)t[0][d]=d;for(d=1;d<n;d++)for(c=1;c<s;c++)if(e[l+c-1]===o[a+d-1])t[d][c]=t[d-1][c-1];else{var u=t[d-1][c]+1,h=t[d][c-1]+1;t[d][c]=u<h?u:h}for(l=t.length-1,a=t[0].length-1,n=t[l][a],e=[];0<l||0<a;)0==l?(e.push(2),a--):0==a?(e.push(3),l--):(s=t[l-1][a-1],(u=(d=t[l-1][a])<(c=t[l][a-1])?d<s?d:s:c<s?c:s)==s?(s==n?e.push(0):(e.push(1),n=s),l--,a--):u==d?(e.push(3),l--,n=d):(e.push(2),a--,n=c));for(e.reverse(),t=void 0,l=[],a=0;a<e.length;a++)switch(e[a]){case 0:t&&(l.push(t),t=void 0),r++,i++;break;case 1:t||(t=Re(r,0)),t.L++,r++,t.G.push(o[i]),i++;break;case 2:t||(t=Re(r,0)),t.L++,r++;break;case 3:t||(t=Re(r,0)),t.G.push(o[i]),i++}return t&&l.push(t),l}function Me(e,t){return e===t}function De(e,t,o){ie(e),o=o||null;var n=h(e),r=h(t),i=o?h(o):null;n.previousSibling=o?i.previousSibling:t.__shady_lastChild,(i=f(n.previousSibling))&&(i.nextSibling=e),(i=f(n.nextSibling=o))&&(i.previousSibling=e),n.parentNode=t,o?o===r.firstChild&&(r.firstChild=e):(r.lastChild=e,r.firstChild||(r.firstChild=e)),r.childNodes=null}function Te(e){var t=h(e);if(void 0===t.firstChild){t.childNodes=null;var o=t.firstChild=e.__shady_native_firstChild||null;for(t.lastChild=e.__shady_native_lastChild||null,ae(e),t=o,o=void 0;t;t=t.__shady_native_nextSibling){var n=h(t);n.parentNode=e,n.nextSibling=t.__shady_native_nextSibling||null,n.previousSibling=o||null,o=t,ie(t)}}}var Ae=null;function Ie(){return Ae||(Ae=window.ShadyCSS&&window.ShadyCSS.ScopingShim),Ae||null}function Le(e,t){var o=Ie();o&&o.unscopeNode(e,t)}function Ze(e,t){var o=Ie();if(!o)return!0;if(e.nodeType===Node.DOCUMENT_FRAGMENT_NODE){o=!0,e=e.__shady_childNodes;for(var n=0;o&&n<e.length;n++)o=o&&Ze(e[n],t);return o}return e.nodeType!==Node.ELEMENT_NODE||o.currentScopeForNode(e)===t}function Pe(e){if(e.nodeType!==Node.ELEMENT_NODE)return"";var t=Ie();return t?t.currentScopeForNode(e):""}function Fe(e,t){if(e){e.nodeType===Node.ELEMENT_NODE&&t(e),e=e.__shady_childNodes;for(var o,n=0;n<e.length;n++)(o=e[n]).nodeType===Node.ELEMENT_NODE&&Fe(o,t)}}var Ne=window.document,Be=p.ca,Ge=Object.getOwnPropertyDescriptor(Node.prototype,"isConnected"),He=Ge&&Ge.get;function je(e){for(var t;t=e.__shady_firstChild;)e.__shady_removeChild(t)}function Ue(e){var t=f(e);if(t&&void 0!==t.F)for(var o=0,n=(t=e.__shady_childNodes).length,r=void 0;o<n&&(r=t[o]);o++)Ue(r);(e=f(e))&&(e.F=void 0)}function We(e){var t=e;return e&&"slot"===e.localName&&(t=(t=(t=f(e))&&t.w)&&t.length?t[0]:We(e.__shady_nextSibling)),t}function Ve(e,t,o){(e=(e=f(e))&&e.C)&&(t&&e.addedNodes.push(t),o&&e.removedNodes.push(o),function(e){e.a||(e.a=!0,k((function(){e.flush()})))}(e))}var qe=E({get parentNode(){var e=f(this);return void 0!==(e=e&&e.parentNode)?e:this.__shady_native_parentNode},get firstChild(){var e=f(this);return void 0!==(e=e&&e.firstChild)?e:this.__shady_native_firstChild},get lastChild(){var e=f(this);return void 0!==(e=e&&e.lastChild)?e:this.__shady_native_lastChild},get nextSibling(){var e=f(this);return void 0!==(e=e&&e.nextSibling)?e:this.__shady_native_nextSibling},get previousSibling(){var e=f(this);return void 0!==(e=e&&e.previousSibling)?e:this.__shady_native_previousSibling},get childNodes(){if(m(this)){var e=f(this);if(!e.childNodes){e.childNodes=[];for(var t=this.__shady_firstChild;t;t=t.__shady_nextSibling)e.childNodes.push(t)}var o=e.childNodes}else o=this.__shady_native_childNodes;return o.item=function(e){return o[e]},o},get parentElement(){var e=f(this);return(e=e&&e.parentNode)&&e.nodeType!==Node.ELEMENT_NODE&&(e=null),void 0!==e?e:this.__shady_native_parentElement},get isConnected(){if(He&&He.call(this))return!0;if(this.nodeType==Node.DOCUMENT_FRAGMENT_NODE)return!1;var e=this.ownerDocument;if(x){if(e.__shady_native_contains(this))return!0}else if(e.documentElement&&e.documentElement.__shady_native_contains(this))return!0;for(e=this;e&&!(e instanceof Document);)e=e.__shady_parentNode||(b(e)?e.host:void 0);return!!(e&&e instanceof Document)},get textContent(){if(m(this)){for(var e,t=[],o=0,n=this.__shady_childNodes;e=n[o];o++)e.nodeType!==Node.COMMENT_NODE&&t.push(e.__shady_textContent);return t.join("")}return this.__shady_native_textContent},set textContent(e){switch(null==e&&(e=""),this.nodeType){case Node.ELEMENT_NODE:case Node.DOCUMENT_FRAGMENT_NODE:if(!m(this)&&p.j){var t=this.__shady_firstChild;(t!=this.__shady_lastChild||t&&t.nodeType!=Node.TEXT_NODE)&&je(this),this.__shady_native_textContent=e}else je(this),(0<e.length||this.nodeType===Node.ELEMENT_NODE)&&this.__shady_insertBefore(document.createTextNode(e));break;default:this.nodeValue=e}},insertBefore:function(e,t){if(this.ownerDocument!==Ne&&e.ownerDocument!==Ne)return this.__shady_native_insertBefore(e,t),e;if(e===this)throw Error("Failed to execute 'appendChild' on 'Node': The new child element contains the parent.");if(t){var o=f(t);if(void 0!==(o=o&&o.parentNode)&&o!==this||void 0===o&&t.__shady_native_parentNode!==this)throw Error("Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.")}if(t===e)return e;var n=[],r=(o=zt(this))?o.host.localName:Pe(this),i=e.__shady_parentNode;if(i){var a=Pe(e);i.__shady_removeChild(e,!!o||!zt(e))}i=!0;var s=!(Be&&void 0!==e.__noInsertionPoint||Ze(e,r)),l=o&&!e.__noInsertionPoint&&(!Be||e.nodeType===Node.DOCUMENT_FRAGMENT_NODE);return(l||s)&&(s&&(a=a||Pe(e)),Fe(e,(function(e){if(l&&"slot"===e.localName&&n.push(e),s){var t=a;Ie()&&(t&&Le(e,t),(t=Ie())&&t.scopeNode(e,r))}}))),("slot"===this.localName||n.length)&&(n.length&&(o.c=o.c||[],o.a=o.a||[],o.b=o.b||{},o.c.push.apply(o.c,n instanceof Array?n:function(e){for(var t,o=[];!(t=e.next()).done;)o.push(t.value);return o}(c(n)))),o&&ct(o)),m(this)&&(function(e,t,o){ae(t);var n=h(t);if(void 0!==n.firstChild&&(n.childNodes=null),e.nodeType===Node.DOCUMENT_FRAGMENT_NODE){n=e.__shady_childNodes;for(var r=0;r<n.length;r++)De(n[r],t,o);t=void 0!==(e=h(e)).firstChild?null:void 0,e.firstChild=e.lastChild=t,e.childNodes=t}else De(e,t,o)}(e,this,t),o=f(this),v(this)?(ct(o.root),i=!1):o.root&&(i=!1)),i?(o=b(this)?this.host:this,t?(t=We(t),o.__shady_native_insertBefore(e,t)):o.__shady_native_appendChild(e)):e.ownerDocument!==this.ownerDocument&&this.ownerDocument.adoptNode(e),Ve(this,e),e},appendChild:function(e){return this.__shady_insertBefore(e)},removeChild:function(e,t){if(t=void 0!==t&&t,this.ownerDocument!==Ne)return this.__shady_native_removeChild(e);if(e.__shady_parentNode!==this)throw Error("The node to be removed is not a child of this node: "+e);var o=zt(e),n=o&&function(e,t){if(e.a){gt(e);var o,n=e.b;for(o in n)for(var r=n[o],i=0;i<r.length;i++){var a=r[i];if(O(t,a)){r.splice(i,1);var s=e.a.indexOf(a);if(0<=s&&(e.a.splice(s,1),(s=f(a.__shady_parentNode))&&s.I&&s.I--),i--,s=(a=f(a)).w)for(var l=0;l<s.length;l++){var d=s[l],c=d.__shady_native_parentNode;c&&c.__shady_native_removeChild(d)}a.w=[],a.assignedNodes=[],s=!0}}return s}}(o,e),r=f(this);if(m(this)&&(function(e,t){var o=h(e);e===(t=h(t)).firstChild&&(t.firstChild=o.nextSibling),e===t.lastChild&&(t.lastChild=o.previousSibling),e=o.previousSibling;var n=o.nextSibling;e&&(h(e).nextSibling=n),n&&(h(n).previousSibling=e),o.parentNode=o.previousSibling=o.nextSibling=void 0,void 0!==t.childNodes&&(t.childNodes=null)}(e,this),v(this))){ct(r.root);var i=!0}if(Ie()&&!t&&o){var a=Pe(e);Fe(e,(function(e){Le(e,a)}))}return Ue(e),o&&((t=this&&"slot"===this.localName)&&(i=!0),(n||t)&&ct(o)),i||(i=b(this)?this.host:this,(!r.root&&"slot"!==e.localName||i===e.__shady_native_parentNode)&&i.__shady_native_removeChild(e)),Ve(this,null,e),e},replaceChild:function(e,t){return this.__shady_insertBefore(e,t),this.__shady_removeChild(t),e},cloneNode:function(e){if("template"==this.localName)return this.__shady_native_cloneNode(e);var t=this.__shady_native_cloneNode(!1);if(e&&t.nodeType!==Node.ATTRIBUTE_NODE){e=this.__shady_childNodes;for(var o,n=0;n<e.length;n++)o=e[n].__shady_cloneNode(!0),t.__shady_appendChild(o)}return t},getRootNode:function(e){if(this&&this.nodeType){var t=h(this),o=t.F;return void 0===o&&(b(this)?(o=this,t.F=o):(o=(o=this.__shady_parentNode)?o.__shady_getRootNode(e):this,document.documentElement.__shady_native_contains(this)&&(t.F=o))),o}},contains:function(e){return O(this,e)}});function Ke(e,t,o){var n=[];return Ye(e.__shady_childNodes,t,o,n),n}function Ye(e,t,o,n){for(var r=0,i=e.length,a=void 0;r<i&&(a=e[r]);r++){var s;if(s=a.nodeType===Node.ELEMENT_NODE){var l=t,d=o,c=n,u=l(s=a);u&&c.push(s),d&&d(u)?s=u:(Ye(s.__shady_childNodes,l,d,c),s=void 0)}if(s)break}}var Xe=E({get firstElementChild(){var e=f(this);if(e&&void 0!==e.firstChild){for(e=this.__shady_firstChild;e&&e.nodeType!==Node.ELEMENT_NODE;)e=e.__shady_nextSibling;return e}return this.__shady_native_firstElementChild},get lastElementChild(){var e=f(this);if(e&&void 0!==e.lastChild){for(e=this.__shady_lastChild;e&&e.nodeType!==Node.ELEMENT_NODE;)e=e.__shady_previousSibling;return e}return this.__shady_native_lastElementChild},get children(){return m(this)?_(Array.prototype.filter.call(this.__shady_childNodes,(function(e){return e.nodeType===Node.ELEMENT_NODE}))):this.__shady_native_children},get childElementCount(){var e=this.__shady_children;return e?e.length:0}}),Je=E({querySelector:function(e){return Ke(this,(function(t){return w.call(t,e)}),(function(e){return!!e}))[0]||null},querySelectorAll:function(e,t){if(t){t=Array.prototype.slice.call(this.__shady_native_querySelectorAll(e));var o=this.__shady_getRootNode();return t.filter((function(e){return e.__shady_getRootNode()==o}))}return Ke(this,(function(t){return w.call(t,e)}))}}),Qe=p.ca?Object.assign({},Xe):Xe;Object.assign(Xe,Je);var $e=E({getElementById:function(e){return""===e?null:Ke(this,(function(t){return t.id==e}),(function(e){return!!e}))[0]||null}}),et=E({get activeElement(){var e=p.j?document.__shady_native_activeElement:document.activeElement;if(!e||!e.nodeType)return null;var t=!!b(this);if(!(this===document||t&&this.host!==e&&this.host.__shady_native_contains(e)))return null;for(t=zt(e);t&&t!==this;)t=zt(e=t.host);return this===document?t?null:e:t===this?e:null}}),tt=document.implementation.createHTMLDocument("inert"),ot=E({get innerHTML(){return m(this)?G("template"===this.localName?this.content:this,(function(e){return e.__shady_childNodes})):this.__shady_native_innerHTML},set innerHTML(e){if("template"===this.localName)this.__shady_native_innerHTML=e;else{je(this);var t=this.localName||"div";for(t=this.namespaceURI&&this.namespaceURI!==tt.namespaceURI?tt.createElementNS(this.namespaceURI,t):tt.createElement(t),p.j?t.__shady_native_innerHTML=e:t.innerHTML=e;e=t.__shady_firstChild;)this.__shady_insertBefore(e)}}}),nt=E({addEventListener:function(e,t,o){"object"!==n(o)&&(o={capture:!!o}),o.U=this,this.host.__shady_addEventListener(e,t,o)},removeEventListener:function(e,t,o){"object"!==n(o)&&(o={capture:!!o}),o.U=this,this.host.__shady_removeEventListener(e,t,o)}});function rt(e,t){R(e,nt,t),R(e,et,t),R(e,ot,t),R(e,Xe,t),p.D&&!t?(R(e,qe,t),R(e,$e,t)):p.j||(R(e,oe),R(e,te))}var it,at={},st=p.deferConnectionCallbacks&&"loading"===document.readyState;function lt(e){var t=[];do{t.unshift(e)}while(e=e.__shady_parentNode);return t}function dt(e,t,o){if(e!==at)throw new TypeError("Illegal constructor");if(this.la="ShadyRoot",this.host=t,this.mode=o&&o.mode,Te(t),(e=h(t)).root=this,e.da="closed"!==this.mode?this:null,(e=h(this)).firstChild=e.lastChild=e.parentNode=e.nextSibling=e.previousSibling=null,e.childNodes=[],this.V=this.v=!1,this.c=this.b=this.a=null,p.preferPerformance)for(;e=t.__shady_native_firstChild;)t.__shady_native_removeChild(e);else ct(this)}function ct(e){e.v||(e.v=!0,T((function(){return ut(e)})))}function ut(e){var t;if(t=e.v){for(var o;e;)e.v&&(o=e),b(e=(t=e).host.__shady_getRootNode())&&(t=f(t.host))&&0<t.I||(e=void 0);t=o}(o=t)&&o._renderSelf()}function ht(e,t,o){var n=h(t),r=n.K;n.K=null,o||(o=(e=e.b[t.__shady_slot||"__catchall"])&&e[0]),o?(h(o).assignedNodes.push(t),n.assignedSlot=o):n.assignedSlot=void 0,r!==n.assignedSlot&&n.assignedSlot&&(h(n.assignedSlot).N=!0)}function ft(e,t,o){for(var n=0,r=void 0;n<o.length&&(r=o[n]);n++)if("slot"==r.localName){var i=f(r).assignedNodes;i&&i.length&&ft(e,t,i)}else t.push(o[n])}function pt(e,t){t.__shady_native_dispatchEvent(new Event("slotchange")),(t=f(t)).assignedSlot&&pt(e,t.assignedSlot)}function gt(e){if(e.c&&e.c.length){for(var t,o=e.c,n=0;n<o.length;n++){var r=o[n];Te(r);var i=r.__shady_parentNode;Te(i),(i=f(i)).I=(i.I||0)+1,i=mt(r),e.b[i]?((t=t||{})[i]=!0,e.b[i].push(r)):e.b[i]=[r],e.a.push(r)}if(t)for(var a in t)e.b[a]=bt(e.b[a]);e.c=[]}}function mt(e){var t=e.name||e.getAttribute("name")||"__catchall";return e.ja=t}function bt(e){return e.sort((function(e,t){e=lt(e);for(var o=lt(t),n=0;n<e.length;n++){t=e[n];var r=o[n];if(t!==r)return(e=Array.from(t.__shady_parentNode.__shady_childNodes)).indexOf(t)-e.indexOf(r)}}))}function vt(e){return gt(e),!(!e.a||!e.a.length)}if(dt.prototype._renderSelf=function(){var e=st;if(st=!0,this.v=!1,this.a){gt(this);for(var t,o=0;o<this.a.length;o++){var n=f(t=this.a[o]),r=n.assignedNodes;if(n.assignedNodes=[],n.w=[],n.W=r)for(n=0;n<r.length;n++){var i=f(r[n]);i.K=i.assignedSlot,i.assignedSlot===t&&(i.assignedSlot=null)}}for(o=this.host.__shady_firstChild;o;o=o.__shady_nextSibling)ht(this,o);for(o=0;o<this.a.length;o++){if(!(r=f(t=this.a[o])).assignedNodes.length)for(n=t.__shady_firstChild;n;n=n.__shady_nextSibling)ht(this,n,t);if((n=(n=f(t.__shady_parentNode))&&n.root)&&(vt(n)||n.v)&&n._renderSelf(),ft(this,r.w,r.assignedNodes),n=r.W){for(i=0;i<n.length;i++)f(n[i]).K=null;r.W=null,n.length>r.assignedNodes.length&&(r.N=!0)}r.N&&(r.N=!1,pt(this,t))}for(t=this.a,o=[],r=0;r<t.length;r++)(i=f(n=t[r].__shady_parentNode))&&i.root||!(0>o.indexOf(n))||o.push(n);for(t=0;t<o.length;t++){r=(i=o[t])===this?this.host:i,n=[],i=i.__shady_childNodes;for(var a=0;a<i.length;a++){var s=i[a];if("slot"==s.localName){s=f(s).w;for(var l=0;l<s.length;l++)n.push(s[l])}else n.push(s)}i=Array.prototype.slice.call(r.__shady_native_childNodes),a=Ee(n,n.length,i,i.length),l=s=0;for(var d=void 0;s<a.length&&(d=a[s]);s++){for(var c=0,u=void 0;c<d.G.length&&(u=d.G[c]);c++)u.__shady_native_parentNode===r&&r.__shady_native_removeChild(u),i.splice(d.index+l,1);l-=d.L}for(l=0,d=void 0;l<a.length&&(d=a[l]);l++)for(s=i[d.index],c=d.index;c<d.index+d.L;c++)u=n[c],r.__shady_native_insertBefore(u,s),i.splice(c,0,u)}}if(!p.preferPerformance&&!this.V)for(t=0,r=(o=this.host.__shady_childNodes).length;t<r;t++)i=f(n=o[t]),n.__shady_native_parentNode!==this.host||"slot"!==n.localName&&i.assignedSlot||this.host.__shady_native_removeChild(n);this.V=!0,st=e,it&&it()},function(e){e.__proto__=DocumentFragment.prototype,rt(e,"__shady_"),rt(e),Object.defineProperties(e,{nodeType:{value:Node.DOCUMENT_FRAGMENT_NODE,configurable:!0},nodeName:{value:"#document-fragment",configurable:!0},nodeValue:{value:null,configurable:!0}}),["localName","namespaceURI","prefix"].forEach((function(t){Object.defineProperty(e,t,{value:void 0,configurable:!0})})),["ownerDocument","baseURI","isConnected"].forEach((function(t){Object.defineProperty(e,t,{get:function(){return this.host[t]},configurable:!0})}))}(dt.prototype),window.customElements&&p.X&&!p.preferPerformance){var yt=new Map;it=function(){var e=[];yt.forEach((function(t,o){e.push([o,t])})),yt.clear();for(var t=0;t<e.length;t++){var o=e[t][0];e[t][1]?o.ha():o.ia()}},st&&document.addEventListener("readystatechange",(function(){st=!1,it()}),{once:!0});var wt=window.customElements.define;Object.defineProperty(window.CustomElementRegistry.prototype,"define",{value:function(e,t){var o=t.prototype.connectedCallback,n=t.prototype.disconnectedCallback;wt.call(window.customElements,e,function(e,t,o){var n=0,r="__isConnected"+n++;return(t||o)&&(e.prototype.connectedCallback=e.prototype.ha=function(){st?yt.set(this,!0):this[r]||(this[r]=!0,t&&t.call(this))},e.prototype.disconnectedCallback=e.prototype.ia=function(){st?this.isConnected||yt.set(this,!1):this[r]&&(this[r]=!1,o&&o.call(this))}),e}(t,o,n)),t.prototype.connectedCallback=o,t.prototype.disconnectedCallback=n}})}function zt(e){if(b(e=e.__shady_getRootNode()))return e}function Ct(e){this.node=e}(e=Ct.prototype).addEventListener=function(e,t,o){return this.node.__shady_addEventListener(e,t,o)},e.removeEventListener=function(e,t,o){return this.node.__shady_removeEventListener(e,t,o)},e.appendChild=function(e){return this.node.__shady_appendChild(e)},e.insertBefore=function(e,t){return this.node.__shady_insertBefore(e,t)},e.removeChild=function(e){return this.node.__shady_removeChild(e)},e.replaceChild=function(e,t){return this.node.__shady_replaceChild(e,t)},e.cloneNode=function(e){return this.node.__shady_cloneNode(e)},e.getRootNode=function(e){return this.node.__shady_getRootNode(e)},e.contains=function(e){return this.node.__shady_contains(e)},e.dispatchEvent=function(e){return this.node.__shady_dispatchEvent(e)},e.setAttribute=function(e,t){this.node.__shady_setAttribute(e,t)},e.getAttribute=function(e){return this.node.__shady_native_getAttribute(e)},e.removeAttribute=function(e){this.node.__shady_removeAttribute(e)},e.attachShadow=function(e){return this.node.__shady_attachShadow(e)},e.focus=function(){this.node.__shady_native_focus()},e.blur=function(){this.node.__shady_blur()},e.importNode=function(e,t){if(this.node.nodeType===Node.DOCUMENT_NODE)return this.node.__shady_importNode(e,t)},e.getElementById=function(e){if(this.node.nodeType===Node.DOCUMENT_NODE)return this.node.__shady_getElementById(e)},e.querySelector=function(e){return this.node.__shady_querySelector(e)},e.querySelectorAll=function(e,t){return this.node.__shady_querySelectorAll(e,t)},e.assignedNodes=function(e){if("slot"===this.node.localName)return this.node.__shady_assignedNodes(e)},t.Object.defineProperties(Ct.prototype,{activeElement:{configurable:!0,enumerable:!0,get:function(){if(b(this.node)||this.node.nodeType===Node.DOCUMENT_NODE)return this.node.__shady_activeElement}},_activeElement:{configurable:!0,enumerable:!0,get:function(){return this.activeElement}},host:{configurable:!0,enumerable:!0,get:function(){if(b(this.node))return this.node.host}},parentNode:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_parentNode}},firstChild:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_firstChild}},lastChild:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_lastChild}},nextSibling:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_nextSibling}},previousSibling:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_previousSibling}},childNodes:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_childNodes}},parentElement:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_parentElement}},firstElementChild:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_firstElementChild}},lastElementChild:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_lastElementChild}},nextElementSibling:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_nextElementSibling}},previousElementSibling:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_previousElementSibling}},children:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_children}},childElementCount:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_childElementCount}},shadowRoot:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_shadowRoot}},assignedSlot:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_assignedSlot}},isConnected:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_isConnected}},innerHTML:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_innerHTML},set:function(e){this.node.__shady_innerHTML=e}},textContent:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_textContent},set:function(e){this.node.__shady_textContent=e}},slot:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_slot},set:function(e){this.node.__shady_slot=e}}}),_e.forEach((function(e){Object.defineProperty(Ct.prototype,e,{get:function(){return this.node["__shady_"+e]},set:function(t){this.node["__shady_"+e]=t},configurable:!0})}));var St=new WeakMap;var kt=E({dispatchEvent:function(e){return A(),this.__shady_native_dispatchEvent(e)},addEventListener:we,removeEventListener:ze}),xt=E({get assignedSlot(){var e=this.__shady_parentNode;return(e=e&&e.__shady_shadowRoot)&&ut(e),(e=f(this))&&e.assignedSlot||null}}),Ot=window.document;function _t(e,t){if("slot"===t)v(e=e.__shady_parentNode)&&ct(f(e).root);else if("slot"===e.localName&&"name"===t&&(t=zt(e))){if(t.a){gt(t);var o=e.ja,n=mt(e);if(n!==o){var r=(o=t.b[o]).indexOf(e);0<=r&&o.splice(r,1),(o=t.b[n]||(t.b[n]=[])).push(e),1<o.length&&(t.b[n]=bt(o))}}ct(t)}}var Rt=E({get previousElementSibling(){var e=f(this);if(e&&void 0!==e.previousSibling){for(e=this.__shady_previousSibling;e&&e.nodeType!==Node.ELEMENT_NODE;)e=e.__shady_previousSibling;return e}return this.__shady_native_previousElementSibling},get nextElementSibling(){var e=f(this);if(e&&void 0!==e.nextSibling){for(e=this.__shady_nextSibling;e&&e.nodeType!==Node.ELEMENT_NODE;)e=e.__shady_nextSibling;return e}return this.__shady_native_nextElementSibling},get slot(){return this.getAttribute("slot")},set slot(e){this.__shady_setAttribute("slot",e)},get shadowRoot(){var e=f(this);return e&&e.da||null},get className(){return this.getAttribute("class")||""},set className(e){this.__shady_setAttribute("class",e)},setAttribute:function(e,t){var o;this.ownerDocument!==Ot?this.__shady_native_setAttribute(e,t):((o=Ie())&&"class"===e?(o.setElementClass(this,t),o=!0):o=!1,o||(this.__shady_native_setAttribute(e,t),_t(this,e)))},removeAttribute:function(e){this.__shady_native_removeAttribute(e),_t(this,e)},attachShadow:function(e){if(!this)throw Error("Must provide a host.");if(!e)throw Error("Not enough arguments.");return new dt(at,this,e)}}),Et=E({blur:function(){var e=f(this);(e=(e=e&&e.root)&&e.activeElement)?e.__shady_blur():this.__shady_native_blur()}});_e.forEach((function(e){Et[e]={set:function(t){var o=h(this),n=e.substring(2);o.J[e]&&this.removeEventListener(n,o.J[e]),this.__shady_addEventListener(n,t),o.J[e]=t},get:function(){var t=f(this);return t&&t.J[e]},configurable:!0}}));var Mt=E({assignedNodes:function(e){if("slot"===this.localName){var t=this.__shady_getRootNode();return t&&b(t)&&ut(t),(t=f(this))&&(e&&e.flatten?t.w:t.assignedNodes)||[]}}}),Dt=window.document,Tt=E({importNode:function(e,t){if(e.ownerDocument!==Dt||"template"===e.localName)return this.__shady_native_importNode(e,t);var o=this.__shady_native_importNode(e,!1);if(t){e=e.__shady_childNodes,t=0;for(var n;t<e.length;t++)n=this.__shady_importNode(e[t],!0),o.__shady_appendChild(n)}return o}}),At=E({addEventListener:we.bind(window),removeEventListener:ze.bind(window)}),It={};Object.getOwnPropertyDescriptor(HTMLElement.prototype,"parentElement")&&(It.parentElement=qe.parentElement),Object.getOwnPropertyDescriptor(HTMLElement.prototype,"contains")&&(It.contains=qe.contains),Object.getOwnPropertyDescriptor(HTMLElement.prototype,"children")&&(It.children=Xe.children),Object.getOwnPropertyDescriptor(HTMLElement.prototype,"innerHTML")&&(It.innerHTML=ot.innerHTML),Object.getOwnPropertyDescriptor(HTMLElement.prototype,"className")&&(It.className=Rt.className);var Lt={EventTarget:[kt],Node:[qe,window.EventTarget?null:kt],Text:[xt],Element:[Rt,Xe,xt,!p.j||"innerHTML"in Element.prototype?ot:null,window.HTMLSlotElement?null:Mt],HTMLElement:[Et,It],HTMLSlotElement:[Mt],DocumentFragment:[Qe,$e],Document:[Tt,Qe,$e,et],Window:[At]},Zt=p.j?null:["innerHTML","textContent"];function Pt(e){var t,o=e?null:Zt,n={};for(t in Lt)n.R=window[t]&&window[t].prototype,Lt[t].forEach(function(t){return function(n){return t.R&&n&&R(t.R,n,e,o)}}(n)),n={R:n.R}}if(p.X){var Ft={inUse:p.X,patch:function(e){return ae(e),ie(e),e},isShadyRoot:b,enqueue:T,flush:A,flushInitial:function(e){!e.V&&e.v&&ut(e)},settings:p,filterMutations:function(e,t){var o=t.getRootNode();return e.map((function(e){var t=o===e.target.getRootNode();if(t&&e.addedNodes){if(t=Array.from(e.addedNodes).filter((function(e){return o===e.getRootNode()})),t.length)return e=Object.create(e),Object.defineProperty(e,"addedNodes",{value:t,configurable:!0}),e}else if(t)return e})).filter((function(e){return e}))},observeChildren:function(e,t){var o=h(e);o.C||(o.C=new I),o.C.M.add(t);var n=o.C;return{ka:t,A:n,ma:e,takeRecords:function(){return n.takeRecords()}}},unobserveChildren:function(e){var t=e&&e.A;t&&(t.M.delete(e.ka),t.M.size||(h(e.ma).C=null))},deferConnectionCallbacks:p.deferConnectionCallbacks,preferPerformance:p.preferPerformance,handlesDynamicScoping:!0,wrap:p.D?function(e){if(b(e)||e instanceof Ct)return e;var t=St.get(e);return t||(t=new Ct(e),St.set(e,t)),t}:function(e){return e},Wrapper:Ct,composedPath:function(e){return e.__composedPath||(e.__composedPath=he(e.target,!0)),e.__composedPath},noPatch:p.D,nativeMethods:j,nativeTree:U};window.ShadyDOM=Ft,function(){var e=["dispatchEvent","addEventListener","removeEventListener"];window.EventTarget?q(window.EventTarget.prototype,e):(q(Node.prototype,e),q(Window.prototype,e)),H?q(Node.prototype,"parentNode firstChild lastChild previousSibling nextSibling childNodes parentElement textContent".split(" ")):V(Node.prototype,{parentNode:{get:function(){return K.currentNode=this,K.parentNode()}},firstChild:{get:function(){return K.currentNode=this,K.firstChild()}},lastChild:{get:function(){return K.currentNode=this,K.lastChild()}},previousSibling:{get:function(){return K.currentNode=this,K.previousSibling()}},nextSibling:{get:function(){return K.currentNode=this,K.nextSibling()}},childNodes:{get:function(){var e=[];K.currentNode=this;for(var t=K.firstChild();t;)e.push(t),t=K.nextSibling();return e}},parentElement:{get:function(){return Y.currentNode=this,Y.parentNode()}},textContent:{get:function(){switch(this.nodeType){case Node.ELEMENT_NODE:case Node.DOCUMENT_FRAGMENT_NODE:for(var e,t=document.createTreeWalker(this,NodeFilter.SHOW_TEXT,null,!1),o="";e=t.nextNode();)o+=e.nodeValue;return o;default:return this.nodeValue}},set:function(e){switch(null==e&&(e=""),this.nodeType){case Node.ELEMENT_NODE:case Node.DOCUMENT_FRAGMENT_NODE:J(this),(0<e.length||this.nodeType===Node.ELEMENT_NODE)&&this.__shady_native_insertBefore(document.createTextNode(e),void 0);break;default:this.nodeValue=e}}}}),q(Node.prototype,"appendChild insertBefore removeChild replaceChild cloneNode contains".split(" ")),e={firstElementChild:{get:function(){return Y.currentNode=this,Y.firstChild()}},lastElementChild:{get:function(){return Y.currentNode=this,Y.lastChild()}},children:{get:function(){var e=[];Y.currentNode=this;for(var t=Y.firstChild();t;)e.push(t),t=Y.nextSibling();return _(e)}},childElementCount:{get:function(){return this.children?this.children.length:0}}},H?(q(Element.prototype,Q),q(Element.prototype,["previousElementSibling","nextElementSibling","innerHTML"]),Object.getOwnPropertyDescriptor(HTMLElement.prototype,"children")&&q(HTMLElement.prototype,["children"]),Object.getOwnPropertyDescriptor(HTMLElement.prototype,"innerHTML")&&q(HTMLElement.prototype,["innerHTML"])):(V(Element.prototype,e),V(Element.prototype,{previousElementSibling:{get:function(){return Y.currentNode=this,Y.previousSibling()}},nextElementSibling:{get:function(){return Y.currentNode=this,Y.nextSibling()}},innerHTML:{get:function(){return G(this,(function(e){return e.__shady_native_childNodes}))},set:function(e){var t="template"===this.localName?this.content:this;J(t);var o=this.localName||"div";for((o=this.namespaceURI&&this.namespaceURI!==X.namespaceURI?X.createElementNS(this.namespaceURI,o):X.createElement(o)).innerHTML=e,e="template"===this.localName?o.content:o;o=e.__shady_native_firstChild;)t.__shady_native_insertBefore(o,void 0)}}})),q(Element.prototype,"setAttribute getAttribute hasAttribute removeAttribute focus blur".split(" ")),q(Element.prototype,$),q(HTMLElement.prototype,["focus","blur","contains"]),H&&q(HTMLElement.prototype,["parentElement","children","innerHTML"]),window.HTMLTemplateElement&&q(window.HTMLTemplateElement.prototype,["innerHTML"]),H?q(DocumentFragment.prototype,Q):V(DocumentFragment.prototype,e),q(DocumentFragment.prototype,$),H?(q(Document.prototype,Q),q(Document.prototype,["activeElement"])):V(Document.prototype,e),q(Document.prototype,["importNode","getElementById"]),q(Document.prototype,$)}(),Pt("__shady_"),Object.defineProperty(document,"_activeElement",et.activeElement),R(Window.prototype,At,"__shady_"),p.D||(Pt(),function(){if(!le&&Object.getOwnPropertyDescriptor(Event.prototype,"isTrusted")){var e=function(){var e=new MouseEvent("click",{bubbles:!0,cancelable:!0,composed:!0});this.__shady_dispatchEvent(e)};Element.prototype.click?Element.prototype.click=e:HTMLElement.prototype.click&&(HTMLElement.prototype.click=e)}}()),function(){for(var e in ge)window.__shady_native_addEventListener(e,(function(e){e.__target||(Se(e),ve(e))}),!0)}(),window.Event=ke,window.CustomEvent=xe,window.MouseEvent=Oe,window.ShadowRoot=dt}var Nt=new Set("annotation-xml color-profile font-face font-face-src font-face-uri font-face-format font-face-name missing-glyph".split(" "));function Bt(e){var t=Nt.has(e);return e=/^[a-z][.0-9_a-z]*-[\-.0-9_a-z]*$/.test(e),!t&&e}function Gt(e){var t=e.isConnected;if(void 0!==t)return t;for(;e&&!(e.__CE_isImportDocument||e instanceof Document);)e=e.parentNode||(window.ShadowRoot&&e instanceof ShadowRoot?e.host:void 0);return!(!e||!(e.__CE_isImportDocument||e instanceof Document))}function Ht(e,t){for(;t&&t!==e&&!t.nextSibling;)t=t.parentNode;return t&&t!==e?t.nextSibling:null}function jt(e,t,o){o=void 0===o?new Set:o;for(var n=e;n;){if(n.nodeType===Node.ELEMENT_NODE){var r=n;t(r);var i=r.localName;if("link"===i&&"import"===r.getAttribute("rel")){if((n=r.import)instanceof Node&&!o.has(n))for(o.add(n),n=n.firstChild;n;n=n.nextSibling)jt(n,t,o);n=Ht(e,r);continue}if("template"===i){n=Ht(e,r);continue}if(r=r.__CE_shadowRoot)for(r=r.firstChild;r;r=r.nextSibling)jt(r,t,o)}n=n.firstChild?n.firstChild:Ht(e,n)}}function Ut(e,t,o){e[t]=o}function Wt(){this.a=new Map,this.i=new Map,this.f=[],this.c=!1}function Vt(e,t){e.c=!0,e.f.push(t)}function qt(e,t){e.c&&jt(t,(function(t){return e.b(t)}))}function Kt(e,t){var o=[];for(jt(t,(function(e){return o.push(e)})),t=0;t<o.length;t++){var n=o[t];1===n.__CE_state?e.connectedCallback(n):Jt(e,n)}}function Yt(e,t){var o=[];for(jt(t,(function(e){return o.push(e)})),t=0;t<o.length;t++){var n=o[t];1===n.__CE_state&&e.disconnectedCallback(n)}}function Xt(e,t,o){var n=(o=void 0===o?{}:o).Da||new Set,r=o.S||function(t){return Jt(e,t)},i=[];if(jt(t,(function(t){if("link"===t.localName&&"import"===t.getAttribute("rel")){var o=t.import;o instanceof Node&&(o.__CE_isImportDocument=!0,o.__CE_hasRegistry=!0),o&&"complete"===o.readyState?o.__CE_documentLoadHandled=!0:t.addEventListener("load",(function(){var o=t.import;if(!o.__CE_documentLoadHandled){o.__CE_documentLoadHandled=!0;var i=new Set(n);i.delete(o),Xt(e,o,{Da:i,S:r})}}))}else i.push(t)}),n),e.c)for(t=0;t<i.length;t++)e.b(i[t]);for(t=0;t<i.length;t++)r(i[t])}function Jt(e,t){if(void 0===t.__CE_state){var o=t.ownerDocument;if((o.defaultView||o.__CE_isImportDocument&&o.__CE_hasRegistry)&&(o=e.a.get(t.localName))){o.constructionStack.push(t);var n=o.constructorFunction;try{try{if(new n!==t)throw Error("The custom element constructor did not produce the element being upgraded.")}finally{o.constructionStack.pop()}}catch(e){throw t.__CE_state=2,e}if(t.__CE_state=1,t.__CE_definition=o,o.attributeChangedCallback)for(o=o.observedAttributes,n=0;n<o.length;n++){var r=o[n],i=t.getAttribute(r);null!==i&&e.attributeChangedCallback(t,r,null,i,null)}Gt(t)&&e.connectedCallback(t)}}}function Qt(e){var t=document;this.b=e,this.a=t,this.A=void 0,Xt(this.b,this.a),"loading"===this.a.readyState&&(this.A=new MutationObserver(this.c.bind(this)),this.A.observe(this.a,{childList:!0,subtree:!0}))}function $t(e){e.A&&e.A.disconnect()}function eo(){var e=this;this.b=this.a=void 0,this.c=new Promise((function(t){e.b=t,e.a&&t(e.a)}))}function to(e){if(e.a)throw Error("Already resolved.");e.a=void 0,e.b&&e.b(void 0)}function oo(e){this.c=!1,this.a=e,this.B=new Map,this.f=function(e){return e()},this.b=!1,this.i=[],this.ta=new Qt(e)}Wt.prototype.b=function(e){if(this.c&&!e.__CE_patched){e.__CE_patched=!0;for(var t=0;t<this.f.length;t++)this.f[t](e)}},Wt.prototype.connectedCallback=function(e){var t=e.__CE_definition;t.connectedCallback&&t.connectedCallback.call(e)},Wt.prototype.disconnectedCallback=function(e){var t=e.__CE_definition;t.disconnectedCallback&&t.disconnectedCallback.call(e)},Wt.prototype.attributeChangedCallback=function(e,t,o,n,r){var i=e.__CE_definition;i.attributeChangedCallback&&-1<i.observedAttributes.indexOf(t)&&i.attributeChangedCallback.call(e,t,o,n,r)},Qt.prototype.c=function(e){var t=this.a.readyState;for("interactive"!==t&&"complete"!==t||$t(this),t=0;t<e.length;t++)for(var o=e[t].addedNodes,n=0;n<o.length;n++)Xt(this.b,o[n])},(e=oo.prototype).fa=function(e,t){var o=this;if(!(t instanceof Function))throw new TypeError("Custom element constructors must be functions.");if(!Bt(e))throw new SyntaxError("The element name '"+e+"' is not valid.");if(this.a.a.get(e))throw Error("A custom element with name '"+e+"' has already been defined.");if(this.c)throw Error("A custom element is already being defined.");this.c=!0;try{var n=function(e){var t=r[e];if(void 0!==t&&!(t instanceof Function))throw Error("The '"+e+"' callback must be a function.");return t},r=t.prototype;if(!(r instanceof Object))throw new TypeError("The custom element constructor's prototype is not an object.");var i=n("connectedCallback"),a=n("disconnectedCallback"),s=n("adoptedCallback"),l=n("attributeChangedCallback"),d=t.observedAttributes||[]}catch(e){return}finally{this.c=!1}t={localName:e,constructorFunction:t,connectedCallback:i,disconnectedCallback:a,adoptedCallback:s,attributeChangedCallback:l,observedAttributes:d,constructionStack:[]},function(e,t,o){e.a.set(t,o),e.i.set(o.constructorFunction,o)}(this.a,e,t),this.i.push(t),this.b||(this.b=!0,this.f((function(){return function(e){if(!1!==e.b){e.b=!1;for(var t=e.i,o=[],n=new Map,r=0;r<t.length;r++)n.set(t[r].localName,[]);for(Xt(e.a,document,{S:function(t){if(void 0===t.__CE_state){var r=t.localName,i=n.get(r);i?i.push(t):e.a.a.get(r)&&o.push(t)}}}),r=0;r<o.length;r++)Jt(e.a,o[r]);for(;0<t.length;){var i=t.shift();r=i.localName,i=n.get(i.localName);for(var a=0;a<i.length;a++)Jt(e.a,i[a]);(r=e.B.get(r))&&to(r)}}}(o)})))},e.S=function(e){Xt(this.a,e)},e.get=function(e){if(e=this.a.a.get(e))return e.constructorFunction},e.ga=function(e){if(!Bt(e))return Promise.reject(new SyntaxError("'"+e+"' is not a valid custom element name."));var t=this.B.get(e);return t||(t=new eo,this.B.set(e,t),this.a.a.get(e)&&!this.i.some((function(t){return t.localName===e}))&&to(t)),t.c},e.va=function(e){$t(this.ta);var t=this.f;this.f=function(o){return e((function(){return t(o)}))}},window.CustomElementRegistry=oo,oo.prototype.define=oo.prototype.fa,oo.prototype.upgrade=oo.prototype.S,oo.prototype.get=oo.prototype.get,oo.prototype.whenDefined=oo.prototype.ga,oo.prototype.polyfillWrapFlushCallback=oo.prototype.va;var no=window.Document.prototype.createElement,ro=window.Document.prototype.createElementNS,io=window.Document.prototype.importNode,ao=window.Document.prototype.prepend,so=window.Document.prototype.append,lo=window.DocumentFragment.prototype.prepend,co=window.DocumentFragment.prototype.append,uo=window.Node.prototype.cloneNode,ho=window.Node.prototype.appendChild,fo=window.Node.prototype.insertBefore,po=window.Node.prototype.removeChild,go=window.Node.prototype.replaceChild,mo=Object.getOwnPropertyDescriptor(window.Node.prototype,"textContent"),bo=window.Element.prototype.attachShadow,vo=Object.getOwnPropertyDescriptor(window.Element.prototype,"innerHTML"),yo=window.Element.prototype.getAttribute,wo=window.Element.prototype.setAttribute,zo=window.Element.prototype.removeAttribute,Co=window.Element.prototype.getAttributeNS,So=window.Element.prototype.setAttributeNS,ko=window.Element.prototype.removeAttributeNS,xo=window.Element.prototype.insertAdjacentElement,Oo=window.Element.prototype.insertAdjacentHTML,_o=window.Element.prototype.prepend,Ro=window.Element.prototype.append,Eo=window.Element.prototype.before,Mo=window.Element.prototype.after,Do=window.Element.prototype.replaceWith,To=window.Element.prototype.remove,Ao=window.HTMLElement,Io=Object.getOwnPropertyDescriptor(window.HTMLElement.prototype,"innerHTML"),Lo=window.HTMLElement.prototype.insertAdjacentElement,Zo=window.HTMLElement.prototype.insertAdjacentHTML,Po=new function(){};function Fo(e,t,o){function n(t){return function(o){for(var n=[],r=0;r<arguments.length;++r)n[r]=arguments[r];r=[];for(var i=[],a=0;a<n.length;a++){var s=n[a];if(s instanceof Element&&Gt(s)&&i.push(s),s instanceof DocumentFragment)for(s=s.firstChild;s;s=s.nextSibling)r.push(s);else r.push(s)}for(t.apply(this,n),n=0;n<i.length;n++)Yt(e,i[n]);if(Gt(this))for(n=0;n<r.length;n++)(i=r[n])instanceof Element&&Kt(e,i)}}void 0!==o.P&&(t.prepend=n(o.P)),void 0!==o.append&&(t.append=n(o.append))}var No=window.customElements;if(!No||No.forcePolyfill||"function"!=typeof No.define||"function"!=typeof No.get){var Bo=new Wt;!function(){var e=Bo;window.HTMLElement=function(){function t(){var t=this.constructor,o=e.i.get(t);if(!o)throw Error("The custom element being constructed was not registered with `customElements`.");var n=o.constructionStack;if(0===n.length)return n=no.call(document,o.localName),Object.setPrototypeOf(n,t.prototype),n.__CE_state=1,n.__CE_definition=o,e.b(n),n;var r=n[o=n.length-1];if(r===Po)throw Error("The HTMLElement constructor was either called reentrantly for this constructor or called multiple times.");return n[o]=Po,Object.setPrototypeOf(r,t.prototype),e.b(r),r}return t.prototype=Ao.prototype,Object.defineProperty(t.prototype,"constructor",{writable:!0,configurable:!0,enumerable:!1,value:t}),t}()}(),function(){var e=Bo;Ut(Document.prototype,"createElement",(function(t){if(this.__CE_hasRegistry){var o=e.a.get(t);if(o)return new o.constructorFunction}return t=no.call(this,t),e.b(t),t})),Ut(Document.prototype,"importNode",(function(t,o){return t=io.call(this,t,!!o),this.__CE_hasRegistry?Xt(e,t):qt(e,t),t})),Ut(Document.prototype,"createElementNS",(function(t,o){if(this.__CE_hasRegistry&&(null===t||"http://www.w3.org/1999/xhtml"===t)){var n=e.a.get(o);if(n)return new n.constructorFunction}return t=ro.call(this,t,o),e.b(t),t})),Fo(e,Document.prototype,{P:ao,append:so})}(),Fo(Bo,DocumentFragment.prototype,{P:lo,append:co}),function(){function e(e,o){Object.defineProperty(e,"textContent",{enumerable:o.enumerable,configurable:!0,get:o.get,set:function(e){if(this.nodeType===Node.TEXT_NODE)o.set.call(this,e);else{var n=void 0;if(this.firstChild){var r=this.childNodes,i=r.length;if(0<i&&Gt(this)){n=Array(i);for(var a=0;a<i;a++)n[a]=r[a]}}if(o.set.call(this,e),n)for(e=0;e<n.length;e++)Yt(t,n[e])}}})}var t=Bo;Ut(Node.prototype,"insertBefore",(function(e,o){if(e instanceof DocumentFragment){var n=Array.prototype.slice.apply(e.childNodes);if(e=fo.call(this,e,o),Gt(this))for(o=0;o<n.length;o++)Kt(t,n[o]);return e}return n=Gt(e),o=fo.call(this,e,o),n&&Yt(t,e),Gt(this)&&Kt(t,e),o})),Ut(Node.prototype,"appendChild",(function(e){if(e instanceof DocumentFragment){var o=Array.prototype.slice.apply(e.childNodes);if(e=ho.call(this,e),Gt(this))for(var n=0;n<o.length;n++)Kt(t,o[n]);return e}return o=Gt(e),n=ho.call(this,e),o&&Yt(t,e),Gt(this)&&Kt(t,e),n})),Ut(Node.prototype,"cloneNode",(function(e){return e=uo.call(this,!!e),this.ownerDocument.__CE_hasRegistry?Xt(t,e):qt(t,e),e})),Ut(Node.prototype,"removeChild",(function(e){var o=Gt(e),n=po.call(this,e);return o&&Yt(t,e),n})),Ut(Node.prototype,"replaceChild",(function(e,o){if(e instanceof DocumentFragment){var n=Array.prototype.slice.apply(e.childNodes);if(e=go.call(this,e,o),Gt(this))for(Yt(t,o),o=0;o<n.length;o++)Kt(t,n[o]);return e}n=Gt(e);var r=go.call(this,e,o),i=Gt(this);return i&&Yt(t,o),n&&Yt(t,e),i&&Kt(t,e),r})),mo&&mo.get?e(Node.prototype,mo):Vt(t,(function(t){e(t,{enumerable:!0,configurable:!0,get:function(){for(var e=[],t=0;t<this.childNodes.length;t++)e.push(this.childNodes[t].textContent);return e.join("")},set:function(e){for(;this.firstChild;)po.call(this,this.firstChild);ho.call(this,document.createTextNode(e))}})}))}(),function(){function e(e,t){Object.defineProperty(e,"innerHTML",{enumerable:t.enumerable,configurable:!0,get:t.get,set:function(e){var o=this,r=void 0;if(Gt(this)&&(r=[],jt(this,(function(e){e!==o&&r.push(e)}))),t.set.call(this,e),r)for(var i=0;i<r.length;i++){var a=r[i];1===a.__CE_state&&n.disconnectedCallback(a)}return this.ownerDocument.__CE_hasRegistry?Xt(n,this):qt(n,this),e}})}function t(e,t){Ut(e,"insertAdjacentElement",(function(e,o){var r=Gt(o);return e=t.call(this,e,o),r&&Yt(n,o),Gt(e)&&Kt(n,o),e}))}function o(e,t){function o(e,t){for(var o=[];e!==t;e=e.nextSibling)o.push(e);for(t=0;t<o.length;t++)Xt(n,o[t])}Ut(e,"insertAdjacentHTML",(function(e,n){if("beforebegin"===(e=e.toLowerCase())){var r=this.previousSibling;t.call(this,e,n),o(r||this.parentNode.firstChild,this)}else if("afterbegin"===e)r=this.firstChild,t.call(this,e,n),o(this.firstChild,r);else if("beforeend"===e)r=this.lastChild,t.call(this,e,n),o(r||this.firstChild,null);else{if("afterend"!==e)throw new SyntaxError("The value provided ("+String(e)+") is not one of 'beforebegin', 'afterbegin', 'beforeend', or 'afterend'.");r=this.nextSibling,t.call(this,e,n),o(this.nextSibling,r)}}))}var n=Bo;bo&&Ut(Element.prototype,"attachShadow",(function(e){return this.__CE_shadowRoot=bo.call(this,e)})),vo&&vo.get?e(Element.prototype,vo):Io&&Io.get?e(HTMLElement.prototype,Io):Vt(n,(function(t){e(t,{enumerable:!0,configurable:!0,get:function(){return uo.call(this,!0).innerHTML},set:function(e){var t="template"===this.localName,o=t?this.content:this,n=ro.call(document,this.namespaceURI,this.localName);for(n.innerHTML=e;0<o.childNodes.length;)po.call(o,o.childNodes[0]);for(e=t?n.content:n;0<e.childNodes.length;)ho.call(o,e.childNodes[0])}})})),Ut(Element.prototype,"setAttribute",(function(e,t){if(1!==this.__CE_state)return wo.call(this,e,t);var o=yo.call(this,e);wo.call(this,e,t),t=yo.call(this,e),n.attributeChangedCallback(this,e,o,t,null)})),Ut(Element.prototype,"setAttributeNS",(function(e,t,o){if(1!==this.__CE_state)return So.call(this,e,t,o);var r=Co.call(this,e,t);So.call(this,e,t,o),o=Co.call(this,e,t),n.attributeChangedCallback(this,t,r,o,e)})),Ut(Element.prototype,"removeAttribute",(function(e){if(1!==this.__CE_state)return zo.call(this,e);var t=yo.call(this,e);zo.call(this,e),null!==t&&n.attributeChangedCallback(this,e,t,null,null)})),Ut(Element.prototype,"removeAttributeNS",(function(e,t){if(1!==this.__CE_state)return ko.call(this,e,t);var o=Co.call(this,e,t);ko.call(this,e,t);var r=Co.call(this,e,t);o!==r&&n.attributeChangedCallback(this,t,o,r,e)})),Lo?t(HTMLElement.prototype,Lo):xo?t(Element.prototype,xo):console.warn("Custom Elements: `Element#insertAdjacentElement` was not patched."),Zo?o(HTMLElement.prototype,Zo):Oo?o(Element.prototype,Oo):console.warn("Custom Elements: `Element#insertAdjacentHTML` was not patched."),Fo(n,Element.prototype,{P:_o,append:Ro}),function(e){function t(t){return function(o){for(var n=[],r=0;r<arguments.length;++r)n[r]=arguments[r];r=[];for(var i=[],a=0;a<n.length;a++){var s=n[a];if(s instanceof Element&&Gt(s)&&i.push(s),s instanceof DocumentFragment)for(s=s.firstChild;s;s=s.nextSibling)r.push(s);else r.push(s)}for(t.apply(this,n),n=0;n<i.length;n++)Yt(e,i[n]);if(Gt(this))for(n=0;n<r.length;n++)(i=r[n])instanceof Element&&Kt(e,i)}}var o=Element.prototype;void 0!==Eo&&(o.before=t(Eo)),void 0!==Eo&&(o.after=t(Mo)),void 0!==Do&&Ut(o,"replaceWith",(function(t){for(var o=[],n=0;n<arguments.length;++n)o[n]=arguments[n];n=[];for(var r=[],i=0;i<o.length;i++){var a=o[i];if(a instanceof Element&&Gt(a)&&r.push(a),a instanceof DocumentFragment)for(a=a.firstChild;a;a=a.nextSibling)n.push(a);else n.push(a)}for(i=Gt(this),Do.apply(this,o),o=0;o<r.length;o++)Yt(e,r[o]);if(i)for(Yt(e,this),o=0;o<n.length;o++)(r=n[o])instanceof Element&&Kt(e,r)})),void 0!==To&&Ut(o,"remove",(function(){var t=Gt(this);To.call(this),t&&Yt(e,this)}))}(n)}(),document.__CE_hasRegistry=!0;var Go=new oo(Bo);Object.defineProperty(window,"customElements",{configurable:!0,enumerable:!0,value:Go})}function Ho(){this.end=this.start=0,this.rules=this.parent=this.previous=null,this.cssText=this.parsedCssText="",this.atRule=!1,this.type=0,this.parsedSelector=this.selector=this.keyframesName=""}function jo(e){var t=Uo,o=e=e.replace(Qo,"").replace($o,""),n=new Ho;n.start=0,n.end=o.length;for(var r=n,i=0,a=o.length;i<a;i++)if("{"===o[i]){r.rules||(r.rules=[]);var s=r,l=s.rules[s.rules.length-1]||null;(r=new Ho).start=i+1,r.parent=s,r.previous=l,s.rules.push(r)}else"}"===o[i]&&(r.end=i+1,r=r.parent||n);return t(n,e)}function Uo(e,t){var o=t.substring(e.start,e.end-1);if(e.parsedCssText=e.cssText=o.trim(),e.parent&&(o=function(e){return e.replace(/\\([0-9a-f]{1,6})\s/gi,(function(e,t){for(t=6-(e=t).length;t--;)e="0"+e;return"\\"+e}))}(o=t.substring(e.previous?e.previous.end:e.parent.start,e.start-1)),o=(o=o.replace(an," ")).substring(o.lastIndexOf(";")+1),o=e.parsedSelector=e.selector=o.trim(),e.atRule=0===o.indexOf("@"),e.atRule?0===o.indexOf("@media")?e.type=Xo:o.match(rn)&&(e.type=Yo,e.keyframesName=e.selector.split(an).pop()):e.type=0===o.indexOf("--")?Jo:Ko),o=e.rules)for(var n=0,r=o.length,i=void 0;n<r&&(i=o[n]);n++)Uo(i,t);return e}function Wo(e,t,o){o=void 0===o?"":o;var n="";if(e.cssText||e.rules){var r,i=e.rules;if((r=i)&&(r=!((r=i[0])&&r.selector&&0===r.selector.indexOf("--"))),r){r=0;for(var a=i.length,s=void 0;r<a&&(s=i[r]);r++)n=Wo(s,t,n)}else t?t=e.cssText:t=(t=(t=e.cssText).replace(en,"").replace(tn,"")).replace(on,"").replace(nn,""),(n=t.trim())&&(n="  "+n+"\n")}return n&&(e.selector&&(o+=e.selector+" {\n"),o+=n,e.selector&&(o+="}\n\n")),o}var Vo,qo,Ko=1,Yo=7,Xo=4,Jo=1e3,Qo=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,$o=/@import[^;]*;/gim,en=/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,tn=/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,on=/@apply\s*\(?[^);]*\)?\s*(?:[;\n]|$)?/gim,nn=/[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,rn=/^@[^\s]*keyframes/,an=/\s+/g,sn=!(window.ShadyDOM&&window.ShadyDOM.inUse);function ln(e){Vo=(!e||!e.shimcssproperties)&&(sn||!(navigator.userAgent.match(/AppleWebKit\/601|Edge\/15/)||!window.CSS||!CSS.supports||!CSS.supports("box-shadow","0 0 0 var(--foo)")))}window.ShadyCSS&&void 0!==window.ShadyCSS.cssBuild&&(qo=window.ShadyCSS.cssBuild);var dn=!(!window.ShadyCSS||!window.ShadyCSS.disableRuntime);window.ShadyCSS&&void 0!==window.ShadyCSS.nativeCss?Vo=window.ShadyCSS.nativeCss:window.ShadyCSS?(ln(window.ShadyCSS),window.ShadyCSS=void 0):ln(window.WebComponents&&window.WebComponents.flags);var cn=Vo,un=qo,hn=/(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};{])+)|\{([^}]*)\}(?:(?=[;\s}])|$))/gi,fn=/(?:^|\W+)@apply\s*\(?([^);\n]*)\)?/gi,pn=/(--[\w-]+)\s*([:,;)]|$)/gi,gn=/(animation\s*:)|(animation-name\s*:)/,mn=/@media\s(.*)/,bn=/\{[^}]*\}/g,vn=new Set;function yn(e,t){return e?("string"==typeof e&&(e=jo(e)),t&&Cn(e,t),Wo(e,cn)):""}function wn(e){return!e.__cssRules&&e.textContent&&(e.__cssRules=jo(e.textContent)),e.__cssRules||null}function zn(e){return!!e.parent&&e.parent.type===Yo}function Cn(e,t,o,n){if(e){var r=!1,i=e.type;if(n&&i===Xo){var a=e.selector.match(mn);a&&(window.matchMedia(a[1]).matches||(r=!0))}if(i===Ko?t(e):o&&i===Yo?o(e):i===Jo&&(r=!0),(e=e.rules)&&!r)for(r=0,i=e.length,a=void 0;r<i&&(a=e[r]);r++)Cn(a,t,o,n)}}function Sn(e,t,o,n){var r=document.createElement("style");return t&&r.setAttribute("scope",t),r.textContent=e,On(r,o,n),r}var kn=null;function xn(e){e=document.createComment(" Shady DOM styles for "+e+" ");var t=document.head;return t.insertBefore(e,(kn?kn.nextSibling:null)||t.firstChild),kn=e}function On(e,t,o){(t=t||document.head).insertBefore(e,o&&o.nextSibling||t.firstChild),kn?e.compareDocumentPosition(kn)===Node.DOCUMENT_POSITION_PRECEDING&&(kn=e):kn=e}function _n(e,t){for(var o=0,n=e.length;t<n;t++)if("("===e[t])o++;else if(")"===e[t]&&0==--o)return t;return-1}function Rn(e,t){var o=e.indexOf("var(");if(-1===o)return t(e,"","","");var n=_n(e,o+3),r=e.substring(o+4,n);return o=e.substring(0,o),e=Rn(e.substring(n+1),t),-1===(n=r.indexOf(","))?t(o,r.trim(),"",e):t(o,r.substring(0,n).trim(),r.substring(n+1).trim(),e)}function En(e,t){sn?e.setAttribute("class",t):window.ShadyDOM.nativeMethods.setAttribute.call(e,"class",t)}var Mn=window.ShadyDOM&&window.ShadyDOM.wrap||function(e){return e};function Dn(e){var t=e.localName,o="";return t?-1<t.indexOf("-")||(o=t,t=e.getAttribute&&e.getAttribute("is")||""):(t=e.is,o=e.extends),{is:t,H:o}}function Tn(e){for(var t=[],o="",n=0;0<=n&&n<e.length;n++)if("("===e[n]){var r=_n(e,n);o+=e.slice(n,r+1),n=r}else","===e[n]?(t.push(o),o=""):o+=e[n];return o&&t.push(o),t}function An(e){if(void 0!==un)return un;if(void 0===e.__cssBuild){var t=e.getAttribute("css-build");if(t)e.__cssBuild=t;else{if(""!==(t=(t="template"===e.localName?e.content.firstChild:e.firstChild)instanceof Comment&&"css-build"===(t=t.textContent.trim().split(":"))[0]?t[1]:"")){var o="template"===e.localName?e.content.firstChild:e.firstChild;o.parentNode.removeChild(o)}e.__cssBuild=t}}return e.__cssBuild||""}function In(e){return!(""===(e=void 0===e?"":e)||!cn)&&(sn?"shadow"===e:"shady"===e)}function Ln(){}function Zn(e,t,o){var n;if(t.nodeType===Node.ELEMENT_NODE&&o(t),n="template"===t.localName?(t.content||t._content||t).childNodes:t.children||t.childNodes)for(t=0;t<n.length;t++)Zn(e,n[t],o)}function Pn(e,t,o){if(t)if(e.classList)o?(e.classList.remove("style-scope"),e.classList.remove(t)):(e.classList.add("style-scope"),e.classList.add(t));else if(e.getAttribute){var n=e.getAttribute("class");o?n&&En(e,t=n.replace("style-scope","").replace(t,"")):En(e,(n?n+" ":"")+"style-scope "+t)}}function Fn(e,t,o){Zn(er,e,(function(e){Pn(e,t,!0),Pn(e,o)}))}function Nn(e,t){Zn(er,e,(function(e){Pn(e,t||"",!0)}))}function Bn(e,t,o,n,r){var i=er;return""===(r=void 0===r?"":r)&&(sn||"shady"===(void 0===n?"":n)?r=yn(t,o):r=function(e,t,o,n,r){var i=Gn(o,n);return o=o?"."+o:"",yn(t,(function(t){t.c||(t.selector=t.h=Hn(e,t,e.b,o,i),t.c=!0),r&&r(t,o,i)}))}(i,t,(e=Dn(e)).is,e.H,o)+"\n\n"),r.trim()}function Gn(e,t){return t?"[is="+e+"]":e}function Hn(e,t,o,n,r){var i=Tn(t.selector);if(!zn(t)){t=0;for(var a=i.length,s=void 0;t<a&&(s=i[t]);t++)i[t]=o.call(e,s,n,r)}return i.filter((function(e){return!!e})).join(",")}function jn(e){return e.replace(Vn,(function(e,t,o){return-1<o.indexOf("+")?o=o.replace(/\+/g,"___"):-1<o.indexOf("___")&&(o=o.replace(/___/g,"+")),":"+t+"("+o+")"}))}function Un(e,t){e=e.split(/(\[.+?\])/);for(var o=[],n=0;n<e.length;n++)if(1==n%2)o.push(e[n]);else{var r=e[n];""===r&&n===e.length-1||((r=r.split(":"))[0]+=t,o.push(r.join(":")))}return o.join("")}function Wn(e){":root"===e.selector&&(e.selector="html")}Ln.prototype.b=function(e,t,o){var n=!1;e=e.trim();var r=Vn.test(e);r&&(e=e.replace(Vn,(function(e,t,o){return":"+t+"("+o.replace(/\s/g,"")+")"})),e=jn(e));var i=$n.test(e);if(i){var a=function(e){for(var t,o=[];t=e.match($n);){var n=t.index,r=_n(e,n);if(-1===r)throw Error(t.input+" selector missing ')'");t=e.slice(n,r+1),e=e.replace(t,""),o.push(t)}return{Z:e,matches:o}}(e);e=a.Z,a=a.matches}return e=(e=e.replace(Yn,":host $1")).replace(qn,(function(e,r,i){return n||(e=function(e,t,o,n){var r=e.indexOf("::slotted");if(0<=e.indexOf(":host")?e=function(e,t){var o=e.match(Xn);return(o=o&&o[2].trim()||"")?o[0].match(Kn)?e.replace(Xn,(function(e,o,n){return t+n})):o.split(Kn)[0]===t?o:"should_not_match":e.replace(":host",t)}(e,n):0!==r&&(e=o?Un(e,o):e),o=!1,0<=r&&(t="",o=!0),o){var i=!0;o&&(e=e.replace(Jn,(function(e,t){return" > "+t})))}return e=e.replace(Qn,(function(e,t,o){return'[dir="'+o+'"] '+t+", "+t+'[dir="'+o+'"]'})),{value:e,oa:t,stop:i}}(i,r,t,o),n=n||e.stop,r=e.oa,i=e.value),r+i})),i&&(e=function(e,t){var o=e.split("");return t.reduce((function(e,t,n){return e+t+o[n+1]}),o[0])}(e,a)),r&&(e=jn(e)),e},Ln.prototype.c=function(e){return e.match(":host")?"":e.match("::slotted")?this.b(e,":not(.style-scope)"):Un(e.trim(),":not(.style-scope)")},t.Object.defineProperties(Ln.prototype,{a:{configurable:!0,enumerable:!0,get:function(){return"style-scope"}}});var Vn=/:(nth[-\w]+)\(([^)]+)\)/,qn=/(^|[\s>+~]+)((?:\[.+?\]|[^\s>+~=[])+)/g,Kn=/[[.:#*]/,Yn=/^(::slotted)/,Xn=/(:host)(?:\(((?:\([^)(]*\)|[^)(]*)+?)\))/,Jn=/(?:::slotted)(?:\(((?:\([^)(]*\)|[^)(]*)+?)\))/,Qn=/(.*):dir\((?:(ltr|rtl))\)/,$n=/:(?:matches|any|-(?:webkit|moz)-any)/,er=new Ln;function tr(e,t,o,n,r){this.u=e||null,this.b=t||null,this.Y=o||[],this.l=null,this.cssBuild=r||"",this.H=n||"",this.a=this.m=this.s=null}function or(e){return e?e.__styleInfo:null}function nr(e,t){return e.__styleInfo=t}function rr(e){var t=this.matches||this.matchesSelector||this.mozMatchesSelector||this.msMatchesSelector||this.oMatchesSelector||this.webkitMatchesSelector;return t&&t.call(this,e)}tr.prototype.c=function(){return this.u},tr.prototype._getStyleRules=tr.prototype.c;var ir=navigator.userAgent.match("Trident");function ar(){}function sr(e){if(!e.g){var t={},o={};lr(e,o)&&(t.o=o,e.rules=null),t.cssText=e.parsedCssText.replace(bn,"").replace(hn,""),e.g=t}}function lr(e,t){var o=e.g;if(!o){o=e.parsedCssText;for(var n;e=hn.exec(o);)"inherit"===(n=(e[2]||e[3]).trim())&&"unset"===n||(t[e[1].trim()]=n),n=!0;return n}if(o.o)return Object.assign(t,o.o),!0}function dr(e,t,o){return t&&(t=0<=t.indexOf(";")?cr(e,t,o):Rn(t,(function(t,n,r,i){return n?((n=dr(e,o[n],o))&&"initial"!==n?"apply-shim-inherit"===n&&(n="inherit"):n=dr(e,o[r]||r,o)||r,t+(n||"")+i):t+i}))),t&&t.trim()||""}function cr(e,t,o){t=t.split(";");for(var n,r,i=0;i<t.length;i++)if(n=t[i]){if(fn.lastIndex=0,r=fn.exec(n))n=dr(e,o[r[1]],o);else if(-1!==(r=n.indexOf(":"))){var a=n.substring(r);a=dr(e,a=a.trim(),o)||a,n=n.substring(0,r)+a}t[i]=n&&n.lastIndexOf(";")===n.length-1?n.slice(0,-1):n||""}return t.join(";")}function ur(e,t,o){var n={},r={};return Cn(t,(function(t){!function(e,t,o,n){if(t.g||sr(t),t.g.o){var r=Dn(e);e=r.is,r=r.H,r=e?Gn(e,r):"html";var i=t.parsedSelector,a=":host > *"===i||"html"===i,s=0===i.indexOf(":host")&&!a;"shady"===o&&(s=!(a=i===r+" > *."+r||-1!==i.indexOf("html"))&&0===i.indexOf(r)),(a||s)&&(o=r,s&&(t.h||(t.h=Hn(er,t,er.b,e?"."+e:"",r)),o=t.h||r),n({Z:o,ua:s,Fa:a}))}}(e,t,o,(function(o){rr.call(e._element||e,o.Z)&&(o.ua?lr(t,n):lr(t,r))}))}),null,!0),{xa:r,sa:n}}function hr(e,t,o,n){var r=Dn(t),i=Gn(r.is,r.H),a=new RegExp("(?:^|[^.#[:])"+(t.extends?"\\"+i.slice(0,-1)+"\\]":i)+"($|[.:[\\s>+~])"),s=or(t);r=s.u,s=s.cssBuild;var l=function(e,t){e=e.b;var o={};if(!sn&&e)for(var n=0,r=e[n];n<e.length;r=e[++n]){var i=r,a=t;i.f=new RegExp("\\b"+i.keyframesName+"(?!\\B|-)","g"),i.a=i.keyframesName+"-"+a,i.h=i.h||i.selector,i.selector=i.h.replace(i.keyframesName,i.a),o[r.keyframesName]=fr(r)}return o}(r,n);return Bn(t,r,(function(t){var r="";if(t.g||sr(t),t.g.cssText&&(r=cr(e,t.g.cssText,o)),t.cssText=r,!sn&&!zn(t)&&t.cssText){var s=r=t.cssText;if(null==t.ba&&(t.ba=gn.test(r)),t.ba)if(null==t.O)for(var d in t.O=[],l)r!==(s=(s=l[d])(r))&&(r=s,t.O.push(d));else{for(d=0;d<t.O.length;++d)r=(s=l[t.O[d]])(r);s=r}t.cssText=s,t.h=t.h||t.selector,r="."+n,s=0;for(var c=(d=Tn(t.h)).length,u=void 0;s<c&&(u=d[s]);s++)d[s]=u.match(a)?u.replace(i,r):r+" "+u;t.selector=d.join(",")}}),s)}function fr(e){return function(t){return t.replace(e.f,e.a)}}function pr(e,t){var o=gr,n=wn(e);e.textContent=yn(n,(function(e){var n=e.cssText=e.parsedCssText;e.g&&e.g.cssText&&(n=n.replace(en,"").replace(tn,""),e.cssText=cr(o,n,t))}))}t.Object.defineProperties(ar.prototype,{a:{configurable:!0,enumerable:!0,get:function(){return"x-scope"}}});var gr=new ar,mr={},br=window.customElements;if(br&&!sn&&!dn){var vr=br.define;br.define=function(e,t,o){mr[e]||(mr[e]=xn(e)),vr.call(br,e,t,o)}}function yr(){this.cache={}}function wr(){}yr.prototype.store=function(e,t,o,n){var r=this.cache[e]||[];r.push({o:t,styleElement:o,m:n}),100<r.length&&r.shift(),this.cache[e]=r};var zr=new RegExp(er.a+"\\s*([^\\s]*)");function Cr(e){return(e=(e.classList&&e.classList.value?e.classList.value:e.getAttribute("class")||"").match(zr))?e[1]:""}function Sr(e){var t=Mn(e).getRootNode();return t===e||t===e.ownerDocument?"":(e=t.host)?Dn(e).is:""}function kr(e){for(var t=0;t<e.length;t++){var o=e[t];if(o.target!==document.documentElement&&o.target!==document.head)for(var n=0;n<o.addedNodes.length;n++){var r=o.addedNodes[n];if(r.nodeType===Node.ELEMENT_NODE){var i=r.getRootNode(),a=Cr(r);if(a&&i===r.ownerDocument&&("style"!==r.localName&&"template"!==r.localName||""===An(r)))Nn(r,a);else if(i instanceof ShadowRoot)for((i=Sr(r))!==a&&Fn(r,a,i),r=window.ShadyDOM.nativeMethods.querySelectorAll.call(r,":not(."+er.a+")"),a=0;a<r.length;a++){var s=Sr(i=r[a]);s&&Pn(i,s)}}}}}if(!(sn||window.ShadyDOM&&window.ShadyDOM.handlesDynamicScoping)){var xr=new MutationObserver(kr),Or=function(e){xr.observe(e,{childList:!0,subtree:!0})};if(window.customElements&&!window.customElements.polyfillWrapFlushCallback)Or(document);else{var _r=function(){Or(document.body)};window.HTMLImports?window.HTMLImports.whenReady(_r):requestAnimationFrame((function(){if("loading"===document.readyState){document.addEventListener("readystatechange",(function e(){_r(),document.removeEventListener("readystatechange",e)}))}else _r()}))}wr=function(){kr(xr.takeRecords())}}var Rr=wr,Er={},Mr=Promise.resolve();function Dr(e){(e=Er[e])&&(e._applyShimCurrentVersion=e._applyShimCurrentVersion||0,e._applyShimValidatingVersion=e._applyShimValidatingVersion||0,e._applyShimNextVersion=(e._applyShimNextVersion||0)+1)}function Tr(e){return e._applyShimCurrentVersion===e._applyShimNextVersion}var Ar={},Ir=new yr;function Lr(){this.B={},this.c=document.documentElement;var e=new Ho;e.rules=[],this.f=nr(this.c,new tr(e)),this.i=!1,this.b=this.a=null}function Zr(e){var t=Dn(e),o=t.is;t=t.H;var n=mr[o]||null,r=Er[o];if(r)return nr(e,t=new tr(o=r._styleAst,n,r.a,t,r=An(r))),t}function Pr(e){!e.a&&window.ShadyCSS&&window.ShadyCSS.ApplyShim&&(e.a=window.ShadyCSS.ApplyShim,e.a.invalidCallback=Dr),function(e){!e.b&&window.ShadyCSS&&window.ShadyCSS.CustomStyleInterface&&(e.b=window.ShadyCSS.CustomStyleInterface,e.b.transformCallback=function(t){e.ea(t)},e.b.validateCallback=function(){requestAnimationFrame((function(){(e.b.enqueued||e.i)&&e.flushCustomStyles()}))})}(e)}function Fr(e,t,o){var n=Dn(t).is;if(o.l){var r,i=o.l;for(r in i)null===r?t.style.removeProperty(r):t.style.setProperty(r,i[r])}!(i=Er[n])&&t!==e.c||i&&""!==An(i)||!i||!i._style||Tr(i)||((Tr(i)||i._applyShimValidatingVersion!==i._applyShimNextVersion)&&(Pr(e),e.a&&e.a.transformRules(i._styleAst,n),i._style.textContent=Bn(t,o.u),function(e){e._applyShimValidatingVersion=e._applyShimNextVersion,e._validating||(e._validating=!0,Mr.then((function(){e._applyShimCurrentVersion=e._applyShimNextVersion,e._validating=!1})))}(i)),sn&&(e=t.shadowRoot)&&(e=e.querySelector("style"))&&(e.textContent=Bn(t,o.u)),o.u=i._styleAst)}function Nr(e,t){return(t=Mn(t).getRootNode().host)?or(t)||Zr(t)?t:Nr(e,t):e.c}function Br(e,t,o){var n=Nr(e,t),r=or(n),i=r.s;for(var a in n===e.c||i||(Br(e,n,r),i=r.s),e=Object.create(i||null),n=ur(t,o.u,o.cssBuild),t=function(e,t){var o={},n=[];return Cn(e,(function(e){e.g||sr(e);var r=e.h||e.parsedSelector;t&&e.g.o&&r&&rr.call(t,r)&&(lr(e,o),e=e.index,r=parseInt(e/32,10),n[r]=(n[r]||0)|1<<e%32)}),null,!0),{o,key:n}}(r.u,t).o,Object.assign(e,n.sa,t,n.xa),t=o.l)((r=t[a])||0===r)&&(e[a]=r);for(a=gr,t=Object.getOwnPropertyNames(e),r=0;r<t.length;r++)e[n=t[r]]=dr(a,e[n],e);o.s=e}(e=Lr.prototype).flush=function(){Rr()},e.qa=function(e){return wn(e)},e.Ba=function(e){return yn(e)},e.prepareTemplate=function(e,t,o){this.prepareTemplateDom(e,t),this.prepareTemplateStyles(e,t,o)},e.prepareTemplateStyles=function(e,t,o){if(!e._prepared&&!dn){sn||mr[t]||(mr[t]=xn(t)),e._prepared=!0,e.name=t,e.extends=o,Er[t]=e;var n=An(e),r=In(n);o={is:t,extends:o};for(var i=[],a=e.content.querySelectorAll("style"),s=0;s<a.length;s++){var l=a[s];if(l.hasAttribute("shady-unscoped")){if(!sn){var d=l.textContent;vn.has(d)||(vn.add(d),d=l.cloneNode(!0),document.head.appendChild(d)),l.parentNode.removeChild(l)}}else i.push(l.textContent),l.parentNode.removeChild(l)}i=i.join("").trim()+(Ar[t]||""),Pr(this),r||((a=!n)&&(a=fn.test(i)||hn.test(i),fn.lastIndex=0,hn.lastIndex=0),s=jo(i),a&&cn&&this.a&&this.a.transformRules(s,t),e._styleAst=s),a=[],cn||(a=function(e){var t={},o=[],n=0;for(var r in Cn(e,(function(e){sr(e),e.index=n++,e=e.g.cssText;for(var o;o=pn.exec(e);){var r=o[1];":"!==o[2]&&(t[r]=!0)}}),(function(e){o.push(e)})),e.b=o,e=[],t)e.push(r);return e}(e._styleAst)),a.length&&!cn||(s=sn?e.content:null,t=mr[t]||null,n=(n=Bn(o,e._styleAst,null,n,r?i:"")).length?Sn(n,o.is,s,t):null,e._style=n),e.a=a}},e.wa=function(e,t){Ar[t]=e.join(" ")},e.prepareTemplateDom=function(e,t){if(!dn){var o=An(e);sn||"shady"===o||e._domPrepared||(e._domPrepared=!0,function(e,t){Zn(er,e,(function(e){Pn(e,t||"")}))}(e.content,t))}},e.flushCustomStyles=function(){if(!dn&&(Pr(this),this.b)){var e=this.b.processStyles();if(this.b.enqueued&&!In(this.f.cssBuild)){if(cn){if(!this.f.cssBuild)for(var t=0;t<e.length;t++){var o=this.b.getStyleForCustomStyle(e[t]);if(o&&cn&&this.a){var n=wn(o);Pr(this),this.a.transformRules(n),o.textContent=yn(n)}}}else{for(Br(this,this.c,this.f),t=0;t<e.length;t++)(o=this.b.getStyleForCustomStyle(e[t]))&&pr(o,this.f.s);this.i&&this.styleDocument()}this.b.enqueued=!1}}},e.styleElement=function(e,t){if(dn){if(t){or(e)||nr(e,new tr(null));var o=or(e);o.l=o.l||{},Object.assign(o.l,t),Fr(this,e,o)}}else if(o=or(e)||Zr(e))if(e!==this.c&&(this.i=!0),t&&(o.l=o.l||{},Object.assign(o.l,t)),cn)Fr(this,e,o);else if(this.flush(),Br(this,e,o),o.Y&&o.Y.length){var n;t=Dn(e).is;e:{if(n=Ir.cache[t])for(var r=n.length-1;0<=r;r--){var i=n[r];t:{for(var a=o.Y,s=0;s<a.length;s++){var l=a[s];if(i.o[l]!==o.s[l]){a=!1;break t}}a=!0}if(a){n=i;break e}}n=void 0}a=n?n.styleElement:null,r=o.m,(i=n&&n.m)||(i=t+"-"+(i=this.B[t]=(this.B[t]||0)+1)),o.m=i,i=o.m,s=gr,s=a?a.textContent||"":hr(s,e,o.s,i);var d=(l=or(e)).a;d&&!sn&&d!==a&&(d._useCount--,0>=d._useCount&&d.parentNode&&d.parentNode.removeChild(d)),sn?l.a?(l.a.textContent=s,a=l.a):s&&(a=Sn(s,i,e.shadowRoot,l.b)):a?a.parentNode||(ir&&-1<s.indexOf("@media")&&(a.textContent=s),On(a,null,l.b)):s&&(a=Sn(s,i,null,l.b)),a&&(a._useCount=a._useCount||0,l.a!=a&&a._useCount++,l.a=a),i=a,sn||(a=o.m,l=s=e.getAttribute("class")||"",r&&(l=s.replace(new RegExp("\\s*x-scope\\s*"+r+"\\s*","g")," ")),s!==(l+=(l?" ":"")+"x-scope "+a)&&En(e,l)),n||Ir.store(t,o.s,i,o.m)}},e.styleDocument=function(e){this.styleSubtree(this.c,e)},e.styleSubtree=function(e,t){var o=Mn(e),n=o.shadowRoot;if((n||e===this.c)&&this.styleElement(e,t),e=n&&(n.children||n.childNodes))for(o=0;o<e.length;o++)this.styleSubtree(e[o]);else if(o=o.children||o.childNodes)for(e=0;e<o.length;e++)this.styleSubtree(o[e])},e.ea=function(e){var t=this,o=An(e);if(o!==this.f.cssBuild&&(this.f.cssBuild=o),!In(o)){var n=wn(e);Cn(n,(function(e){if(sn)Wn(e);else{var n=er;e.selector=e.parsedSelector,Wn(e),e.selector=e.h=Hn(n,e,n.c,void 0,void 0)}cn&&""===o&&(Pr(t),t.a&&t.a.transformRule(e))})),cn?e.textContent=yn(n):this.f.u.rules.push(n)}},e.getComputedStyleValue=function(e,t){var o;return cn||(o=(or(e)||or(Nr(this,e))).s[t]),(o=o||window.getComputedStyle(e).getPropertyValue(t))?o.trim():""},e.Aa=function(e,t){var o=Mn(e).getRootNode();if(t=t?t.split(/\s/):[],!(o=o.host&&o.host.localName)){var n=e.getAttribute("class");if(n){n=n.split(/\s/);for(var r=0;r<n.length;r++)if(n[r]===er.a){o=n[r+1];break}}}o&&t.push(er.a,o),cn||(o=or(e))&&o.m&&t.push(gr.a,o.m),En(e,t.join(" "))},e.na=function(e){return or(e)},e.za=function(e,t){Pn(e,t)},e.Ca=function(e,t){Pn(e,t,!0)},e.ya=function(e){return Sr(e)},e.pa=function(e){return Cr(e)},Lr.prototype.flush=Lr.prototype.flush,Lr.prototype.prepareTemplate=Lr.prototype.prepareTemplate,Lr.prototype.styleElement=Lr.prototype.styleElement,Lr.prototype.styleDocument=Lr.prototype.styleDocument,Lr.prototype.styleSubtree=Lr.prototype.styleSubtree,Lr.prototype.getComputedStyleValue=Lr.prototype.getComputedStyleValue,Lr.prototype.setElementClass=Lr.prototype.Aa,Lr.prototype._styleInfoForNode=Lr.prototype.na,Lr.prototype.transformCustomStyleForDocument=Lr.prototype.ea,Lr.prototype.getStyleAst=Lr.prototype.qa,Lr.prototype.styleAstToString=Lr.prototype.Ba,Lr.prototype.flushCustomStyles=Lr.prototype.flushCustomStyles,Lr.prototype.scopeNode=Lr.prototype.za,Lr.prototype.unscopeNode=Lr.prototype.Ca,Lr.prototype.scopeForNode=Lr.prototype.ya,Lr.prototype.currentScopeForNode=Lr.prototype.pa,Lr.prototype.prepareAdoptedCssText=Lr.prototype.wa,Object.defineProperties(Lr.prototype,{nativeShadow:{get:function(){return sn}},nativeCss:{get:function(){return cn}}});var Gr,Hr,jr=new Lr;window.ShadyCSS&&(Gr=window.ShadyCSS.ApplyShim,Hr=window.ShadyCSS.CustomStyleInterface),window.ShadyCSS={ScopingShim:jr,prepareTemplate:function(e,t,o){jr.flushCustomStyles(),jr.prepareTemplate(e,t,o)},prepareTemplateDom:function(e,t){jr.prepareTemplateDom(e,t)},prepareTemplateStyles:function(e,t,o){jr.flushCustomStyles(),jr.prepareTemplateStyles(e,t,o)},styleSubtree:function(e,t){jr.flushCustomStyles(),jr.styleSubtree(e,t)},styleElement:function(e){jr.flushCustomStyles(),jr.styleElement(e)},styleDocument:function(e){jr.flushCustomStyles(),jr.styleDocument(e)},flushCustomStyles:function(){jr.flushCustomStyles()},getComputedStyleValue:function(e,t){return jr.getComputedStyleValue(e,t)},nativeCss:cn,nativeShadow:sn,cssBuild:un,disableRuntime:dn},Gr&&(window.ShadyCSS.ApplyShim=Gr),Hr&&(window.ShadyCSS.CustomStyleInterface=Hr)}).call(this)},1009:(e,t,o)=>{"use strict";o.d(t,{Zh:()=>s,kB:()=>i,p6:()=>a});var n=o(19791),r=o(37486);function i(e){var t,o;"string"==typeof e&&(o=/^(\d{4})-(\d{2})-(\d{2})$/,e.match(o)&&(e+="T00:00:00"));var n=null;if("string"==typeof(t=parseInt(e,10)==e?parseInt(e,10):e)){o=/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2})$/;var r=t.match(o);r&&r.length>=7&&(r=r.map((function(e,t){if(t>=1&&t<=6)return parseInt(e,10)})),t=new Date(r[1],r[2]-1,r[3],r[4],r[5],r[6]))}return n||(n=new Date(t)),n}function a(e,t,o,r){var i=l(e);o=o||n.default.getLocale(r)||"en-US",i.widget=r,i.locale=o;var a=t.match(/(\[[^\[]*\])|LTS|LT|L{1,4}|l{1,4}|A|a|DDDo|D{3,4}|Do|D{1,2}|do|d{1,4}|E|e|F|GGGG|GG|gggg|gg|HH|H|hh|h|kk|k|Mo|M{1,4}|mm|m|Qo|Q|ss|s|S{1,9}|Wo|WW|W|wo|ww|w|X|x|Y{4}|YY|ZZ|Z|./g),s="";return a.forEach((function(e){b[e]?s+=b[e](i):s+=e.replace(/\[|\]/g,"")})),s}function s(e,t,o){var i,a,s=l(new Date),d=l(e),c=Math.round((s.time-d.time)/1e3),u=c<0,h=Math.abs(c),f=Math.round(h/60),p=Math.round(f/60),g=Math.round(p/24),m=Math.round(g/30),b=Math.round(g/365);h<44?(i="seconds",a=h):f<=1?i="minute":f<45?(i="minutes",a=f):p<=1?i="hour":p<22?(i="hours",a=p):g<=1?i="day":g<26?(i="days",a=g):m<=1?i="month":m<11?(i="months",a=m):b<=1?i="year":(i="years",a=b),i=n.default.get("date.fromNow.".concat(i),o);var v=r.Iu({msg:i,vars:[a]});if(!t){var y=u?n.default.get("date.fromNow.future",o):n.default.get("date.fromNow.past",o);v=r.Iu({msg:y,vars:[v]})}return v}function l(e){var t={};return t.year=e.getFullYear(),t.weekYear=t.year,t.month0=e.getMonth(),t.month=e.getMonth()+1,t.date=e.getDate(),t.hour=e.getHours(),t.minute=e.getMinutes(),t.second=e.getSeconds(),t.ms=e.getMilliseconds(),t.day=e.getDay(),t.time=e.getTime(),t.dateStr=e.toString(),t.fullDate=e,t}function d(e){var t=e%10,o=e%100,n="th";return o>10&&o<20?n="th":1===t?n="st":2===t?n="nd":3===t&&(n="rd"),e+n}function c(e,t){for(var o=""+e,n=o.length;t>n;)o="0"+e,n++;return o}function u(e){return e%4==0&&e%100!=0||e%400==0?366:365}function h(e){return Math.ceil(e.month/3)}function f(e){var t=n.default.get("date.am",e.widget),o=n.default.get("date.pm",e.widget);return e.hour>=12?o:t}function p(e){var t=e.dateStr,o=t.toUpperCase().indexOf("GMT")+3,n=t.indexOf(" ",o+1);return t.substring(o,n)}function g(e){var t=new Date(e.year,0,1).getTime();return Math.ceil((e.time-t)/864e5)}function m(e,t,o){var r=7+(t=t||n.default.get("date.startWeek",e.widget))-(o=o||n.default.get("date.startYear",e.widget)),i=r-(7+new Date(Date.UTC(e.year,0,r)).getUTCDay()-t)%7-1,a=r-(7+new Date(Date.UTC(e.year+1,0,r)).getUTCDay()-t)%7-1,s=r-(7+new Date(Date.UTC(e.year-1,0,r)).getUTCDay()-t)%7-1,l=864e5*i,d=new Date(e.year,0,1).getTime(),c=new Date(d+l).getTime(),h=Math.ceil((e.time-c)/6048e5),f=(u(e.year)-i+a)/7,p=(u(e.year-1)-s+i)/7;return h>f?(e.weekYear=e.year+1,h-=f):h<1&&(e.weekYear=e.year-1,h+=p),h}var b={A:function(e){return f(e).toUpperCase()},a:function(e){return f(e).toLowerCase()},D:function(e){return e.date},Do:function(e){return d(e.date)},DD:function(e){return c(e.date,2)},DDD:function(e){return g(e)},DDDo:function(e){return d(g(e))},DDDD:function(e){return c(g(e),3)},d:function(e){return e.day},do:function(e){return d(e.month)},dd:function(e){var t=n.default.get("date.twoWeek",e.widget);return t?t[e.day]:""},ddd:function(e){var t=n.default.get("date.shortWeek",e.widget);return t?t[e.day]:""},dddd:function(e){var t=n.default.get("date.longWeek",e.widget);return t?t[e.day]:""},e:function(e){var t=n.default.get("date.startWeek",e.widget);return(e.day+7-t)%7},E:function(e){return(e.day+7-1)%7+1},F:function(e){return s(e.fullDate,!0,e.locale,e.widget)},GG:function(e){return m(e,1,4),(e.weekYear+"").slice(-2)},GGGG:function(e){return m(e,1,4),e.weekYear},gg:function(e){return m(e),(e.weekYear+"").slice(-2)},gggg:function(e){return m(e),e.weekYear},H:function(e){return e.hour},HH:function(e){return c(e.hour,2)},h:function(e){return e.hour%12||12},hh:function(e){return c(e.hour%12||12,2)},k:(function(e){return e.hour+1},function(e){return c(e.hour+1,2)}),M:function(e){return e.month},Mo:function(e){return d(e.month)},MM:function(e){return c(e.month,2)},MMM:function(e){var t=n.default.get("date.shortMonth",e.widget);return t?t[e.month0]:""},MMMM:function(e){var t=n.default.get("date.longMonth",e.widget);return t?t[e.month0]:""},m:function(e){return e.minute},mm:function(e){return c(e.minute,2)},Q:function(e){return h(e)},Qo:function(e){return d(h(e))},S:function(e){return Math.floor(e.ms/100)},SS:function(e){return c(Math.floor(e.ms/10),2)},SSS:function(e){return c(e.ms,3)},s:function(e){return e.second},ss:function(e){return c(e.second,2)},W:function(e){return m(e,1,4)},Wo:function(e){return d(m(e,1,4))},WW:function(e){return c(m(e,1,4),2)},w:function(e){return m(e)},wo:function(e){return d(m(e))},ww:function(e){return c(m(e),2)},X:function(e){return Math.round(e.time/1e3)},x:function(e){return e.time},Y:function(e){return e.year},YY:function(e){return(e.year+"").slice(-2)},YYYY:function(e){return e.year},ZZ:function(e){return p(e)},Z:function(e){var t=p(e).trim(),o=t.length-2;return t.slice(0,o)+":"+t.slice(o)},LT:function(e){return new Intl.DateTimeFormat(e.locale,{hour:"numeric",minute:"numeric"}).format(e.fullDate)},LTS:function(e){return new Intl.DateTimeFormat(e.locale,{hour:"numeric",minute:"numeric",second:"numeric"}).format(e.fullDate)},L:function(e){return new Intl.DateTimeFormat(e.locale,{month:"2-digit",year:"numeric",day:"2-digit"}).format(e.fullDate)},l:function(e){return new Intl.DateTimeFormat(e.locale,{month:"numeric",year:"numeric",day:"numeric"}).format(e.fullDate)},LL:function(e){return new Intl.DateTimeFormat(e.locale,{month:"long",year:"numeric",day:"numeric"}).format(e.fullDate)},ll:function(e){return new Intl.DateTimeFormat(e.locale,{month:"short",year:"numeric",day:"numeric"}).format(e.fullDate)},LLL:function(e){return new Intl.DateTimeFormat(e.locale,{month:"long",year:"numeric",day:"numeric",hour:"numeric",minute:"numeric"}).format(e.fullDate)},lll:function(e){return new Intl.DateTimeFormat(e.locale,{month:"short",year:"numeric",day:"numeric",hour:"numeric",minute:"numeric"}).format(e.fullDate)},LLLL:function(e){return new Intl.DateTimeFormat(e.locale,{month:"long",year:"numeric",day:"numeric",hour:"numeric",minute:"numeric",weekday:"long"}).format(e.fullDate)},llll:function(e){return new Intl.DateTimeFormat(e.locale,{month:"short",year:"numeric",day:"numeric",hour:"numeric",minute:"numeric",weekday:"short"}).format(e.fullDate)}}},3877:(e,t,o)=>{"use strict";o.d(t,{Z:()=>a});var n=o(2568),r=o(37486),i={HOST:"https://app.zingsoft.com",COOKIE_PREFIX:"zglicensekey",COOKIE_LIFETIME:36e5,checkInProgress:!1,bValidated:!1,validateLicense:function(e,t){var o=this;if(ZingGrid.bRunningTests)this.enableWatermarks();else if(this.bValidated)this.disableWatermarks();else{if(ZingGrid.LICENSE=e||ZingGrid.LICENSE||"",ZingGrid.BUILDCODE=t||ZingGrid.BUILDCODE||"",!this.cookieIsValid())if(ZingGrid)if(""!==ZingGrid.LICENSE||""!==ZingGrid.BUILDCODE)this.checkLicenseToken()?this.bValidated=!0:this.enableWatermarks();else i.checkInProgress=!0,fetch("".concat(this.HOST,"/v1/api/license/validate?domain=").concat(encodeURIComponent(window.location.hostname))).then((function(e){return e.text()})).then((function(e){"0"===e?o.enableWatermarks():(o.createCookie(),o.bValidated=!0),i.checkInProgress=!1})).catch((function(e){i.checkInProgress=!1}));else this.enableWatermarks();this.bValidated&&this.disableWatermarks()}},checkLicenseToken:function(){var e,t,o,i,a,s=[a="file:"===document.location.protocol?ZingGrid.HOSTNAME||"":document.location.hostname],l=a.split(".");for("www"===l[0]?s.push(a.replace("www.","")):s.push("www."+a),e=0;e<=l.length-2;e++){for(var d="*",c=e;c<l.length;c++)d+="."+l[c];s.push(d)}if(ZingGrid.LICENSE instanceof Array)for(e=0,t=s.length;e<t;e++){var u=s[e]+"&ZGSu331x",h=n(r.H6(r.AG(u.toLowerCase())));if(-1!==ZingGrid.LICENSE.indexOf(h))return!0}if(ZingGrid.BUILDCODE instanceof Array&&2===ZingGrid.BUILDCODE.length){o=(o=r.Ll("N3wsTrln@4Cu$tOmLlc9nc9!")).replace("O","0");try{i=r.vT(ZingGrid.BUILDCODE[0],o)}catch(e){return!1}if(i===ZingGrid.BUILDCODE[1])return!0}return!1},enableWatermarks:function(){if(!this.bValidated){var e=document.querySelectorAll("zing-grid"),t=document.createElement("zg-watermark");e.forEach((function(e){if(!e.querySelector("zg-watermark")){var o=t.cloneNode(!0);e.appendChild(o),e.oDOMWaterMark=o}}))}},disableWatermarks:function(){this.bValidated&&document.querySelectorAll("zing-grid").forEach((function(e){e.oDOMWaterMark&&(e.oDOMWaterMark.remove(),e.oDOMWaterMark=null)}))},cookieIsValid:function(){var e=this.getCookie("".concat(this.COOKIE_PREFIX,"-").concat(window.location.hostname));return!!e&&(new Date).getTime()<this.decrypt(e)},encrypt:function(){var e=new Date((new Date).getTime()+this.COOKIE_LIFETIME).getTime();return btoa("".concat(e,"|").concat(window.location.hostname))},decrypt:function(e){return atob(e).split("|")[0]},createCookie:function(){Object.keys(document).includes("cookie")&&(document.cookie="".concat(this.COOKIE_PREFIX,"-").concat(window.location.hostname,"=").concat(this.encrypt(),";expires='").concat(this.COOKIE_LIFETIME,";'"))},getCookie:function(e){if(Object.keys(document).includes("cookie")){var t=("; "+document.cookie).split("; "+e+"="),o=t.pop().split(";").shift();if(2===t.length)return o}}};const a=i},24706:(e,t,o)=>{"use strict";o.d(t,{MU:()=>a,P_:()=>i});var n=o(37486);function r(e,t){return null==e?[]:(t=t||".",e.split(t))}function i(e,t,o,i){var s=Array.isArray(t)?t:r(t,i),l=s[s.length-1],d=function(e,t){var o=t,r=e,i=0,a=o.length;for(;null!=r&&i<a;){if(!n.PO(r)&&!n.kJ(r))return!1;r=r[o[i]],i++}return!0}(e,s);return d&&(e=function(e,t){var o,r=t,i=e,a=0,s=r.length;for(;null!=i&&a<s;){if(!n.PO(i)&&!n.kJ(i))return e;var l=r[a],d=r[a+1];o=i[l],i[l]=void 0!==o?o:n.U(d)?[]:{},i=i[l],a++}return e}(e,s),(function(e,t){var o=t,n=o.slice(0);return n.pop(),1==o.length?e:a(e,n)}(e,s))[l]=o),e}function a(e,t,o,i){var a=null==e?void 0:function(e,t,o){if("disabled"===o&&t&&!Array.isArray(t))return e[t];for(var i=Array.isArray(t)?t:r(t,o),a=0,s=i.length;null!=e&&a<s;){var l=i[a++],d=e;if(e=e[l],l&&"-"===l[0]){var c=parseInt(l,10);if(!isNaN(c)&&c<0&&Array.isArray(d)){var u=(d=n.mJ.clone(d)).splice(c);u&&u.length&&(e=u[0])}}}return a==s?e:void 0}(e,t,i);return void 0===a?o:a}},31655:(e,t,o)=>{"use strict";o.d(t,{hx:()=>y,w1:()=>v,V5:()=>w,G6:()=>b,Gu:()=>f,T:()=>z,iV:()=>S});var n,r=!1,i=[],a=!1,s=function e(){!1===r&&(r=!0,document.addEventListener?(document.removeEventListener("DOMContentLoaded",e,!1),window.removeEventListener("load",e,!1)):(hasOnReadyStateChange&&document.detachEvent("onreadystatechange",c),window.detachEvent("onload",e))),l()},l=function(){if(!1===a){a=!0;for(var e=i.length,t=0;t<e;t++)i[t]()}},d=function(){(window.attachEvent?function(){if(window!==top)return!1;try{document.documentElement.doScroll("left")}catch(e){return!1}return!0}:function(){return"complete"===document.readyState})&&(clearInterval(n),s())},c=function(){n=setInterval(d,2)},u="undefined"!=typeof navigator?navigator.userAgent.toLowerCase():"",h=function(e){return e.test(u)},f=("undefined"!=typeof document&&document.documentMode,"undefined"!=typeof document?"CSS1Compat"==document.compatMode:""),p=h(/opera/),g=(p&&h(/version\/10\.5/),h(/\bchrome\b/)),m=h(/webkit/),b=!g&&h(/safari/),v=!p&&h(/msie/),y=!m&&h(/gecko/),w=h(/macintosh/);var z="undefined"!=typeof window&&("ontouchstart"in window||navigator.MaxTouchPoints>0||navigator.msMaxTouchPoints>0);z&&setTimeout((function(){var e=document.createElement("meta");e.id="viewport",e.name="viewport",e.content="width=device-width",document.getElementsByTagName("head")[0].appendChild(e)}));var C,S=!1;C=function(){S="onmousewheel"in document.body},r?C():(i.push(C),"undefined"!=typeof document&&(document.addEventListener?(document.addEventListener("DOMContentLoaded",s,!1),window.addEventListener("load",s,!1)):(document.attachEvent("onreadystatechange",c),hasOnReadyStateChange=!0,window.attachEvent("onload",s))))},37486:(e,t,o)=>{"use strict";o.d(t,{mJ:()=>se,c7:()=>le,Ld:()=>de,uQ:()=>y,W2:()=>F,nn:()=>N,mg:()=>B,kn:()=>H,$R:()=>G,go:()=>j,ye:()=>J,fh:()=>Q,Ae:()=>V,SV:()=>z,ZT:()=>$,QR:()=>q,RH:()=>ee,MV:()=>te,uf:()=>me,XU:()=>ae,h8:()=>fe,wZ:()=>ve,iM:()=>oe,Ll:()=>ke,Uh:()=>A,AA:()=>K,MA:()=>w,kJ:()=>S,jn:()=>k,Sh:()=>O,U:()=>_,hj:()=>E,Kn:()=>D,PO:()=>T,HD:()=>L,gg:()=>Z,o8:()=>P,CL:()=>ne,g8:()=>Y,T2:()=>X,H6:()=>Ce,hS:()=>we,rO:()=>pe,ls:()=>ze,AG:()=>Se,bF:()=>ge,FE:()=>be,SZ:()=>re,vT:()=>xe,Xh:()=>ie,Iu:()=>Ee,Aq:()=>C,yZ:()=>U});var n=o(87822);function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function i(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(i=n.key,a=void 0,a=function(e,t){if("object"!==r(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==r(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(i,"string"),"symbol"===r(a)?a:String(a)),n)}var i,a}const a=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)}var t,o,n;return t=e,(o=[{key:"parse",value:function(e,t){var o,n,r,i,a,s,l,d,c,u,h,f=(t=t||{}).sLineSeparator||"\r\n",p=t.sDelimiter||",",g=t.bCaption||!1,m=t.bHeader||null,b=t.verticalLabels||null,v={};o=[[]],n="\r\n"!==f?new RegExp("(\\"+p+"|"+f+'|^)(?:"([^"]*(?:""[^"]*)*)"|([^"\\'+p+f+"]*))","gi"):new RegExp("(\\"+p+'|\\r?\\n|\\r|^)(?:"([^"]*(?:""[^"]*)*)"|([^"\\'+p+"\\r\\n]*))","gi");for(var y=null;y=n.exec(e);){var w=y[1];w.length&&w!==p&&o.push([]),r=y[2]?y[2].replace(new RegExp('""',"g"),'"'):y[3],o[o.length-1].push(r)}var z=[];for(i=0,a=o.length;i<a;i++)0!==o[i].join("").replace(/\s+/g,"").length&&z.push(o[i]);g&&z.length>1&&1===z[0].length&&(v.caption=z.shift().join(""));var C=0;for(i=0,a=z.length;i<a;i++)C=Math.max(C,z[i].length);var S=[];m&&(S=z.shift());var k=[];if(b)for(s=0,l=z.length;s<l;s++)k.push(z[s].shift());if(h=JSON.parse(JSON.stringify(z).replace(/\\\\/g,"\\")),v.data=h,S.length===C){for(u=[],s=0,l=h.length;s<l;s++){var x={};for(d=0,c=C;d<c;d++)x[S[d]]=h[s][d];u.push(x)}v.data=u}return v}}])&&i(t.prototype,o),n&&i(t,n),Object.defineProperty(t,"prototype",{writable:!1}),e}();function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function l(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==s(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===s(i)?i:String(i)),n)}var r,i}const d=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.aColumnIndexes=null,this.aDataset=null,this.aColgroup=null}var t,o,r;return t=e,(o=[{key:"parse",value:function(e,t){var o=this;this.aColumnIndexes=[],this.aDataset=[];var r={},i=e.querySelector("colgroup"),a=e.querySelector("thead"),s=e.querySelectorAll("tr[".concat(n.Z.tableData.headRow,"]")),l=e.querySelector("caption");i&&t.bCanSetColumns&&this.createColumns(i,t),t.oTableHead&&t.oTableHead.length?this.aColumnIndexes=se.clone(t.oTableHead):s.length?this.aColumnIndexes=this.createHeader(s,t,!1,r):this.aColumnIndexes=a?this.createHeader(a,t,!0,r):this.createHeader(e,t,!1,r);var d=e.querySelector("tbody")||e;return d.querySelectorAll("tr:not([".concat(n.Z.tableData.headRow,"]):not([").concat(n.Z.tableData.ignoreRow,"]):not([").concat(n.Z.tableData.frozenRow,"])")).forEach((function(e){var n=o.processDataRow(e,t);n&&o.aDataset.push(n)})),this.addFrozenRows(e,d,t,r),r.data=this.aDataset,l&&(r.caption=l.innerHTML),this.aColgroup&&this.aColgroup.length&&(r.columns=this.aColgroup),r}},{key:"createColumns",value:function(e,t){var o=this,n=e.querySelectorAll("col");this.aColgroup=[],n.forEach((function(e){var t={};for(var n in e.dataset){var r=e.dataset[n];""===r&&(r="true"),t[n[2].toLowerCase()+n.slice(3)]=r}t.index||(e.id?t.index=e.id:e.name&&(t.name=e.name)),o.aColgroup.push(t)}))}},{key:"processDataRow",value:function(e,t){var o=this.aColumnIndexes,n=t.sTableDataFormat||"text",r=e.querySelectorAll("td"),i=e.querySelectorAll("th");if((r=r.length>i.length?e.querySelectorAll("td, th"):[]).length){var a={};return r.forEach((function(e){var t=e.cellIndex,r=t,i=a;if(void 0!==o[t]){var s=o[t];if(S(s)){for(var l=0;l<s.length-1;l++){var d=s[l];""!==d&&(void 0===i[d]&&(i[d]={}),i=i[d])}r=s[s.length-1]}else r=s}i[r]="html"===n?e.innerHTML:e.textContent})),a}}},{key:"addFrozenRows",value:function(e,t,o,r){var i=this,a=[],s=[],l=t.querySelectorAll("tr[".concat(n.Z.tableData.frozenRow,"]"));l.length&&l.forEach((function(e){var t="bottom"===e.getAttribute(n.Z.tableData.frozenRow)?s:a,r=i.processDataRow(e,o);r&&t.push(r)}));var d,c,u=e.querySelector("tfoot");u&&u.querySelectorAll("tr").forEach((function(e){var t=i.processDataRow(e,o);t&&s.push(t)})),a.length&&((d=this.aDataset).unshift.apply(d,a),r.frozenTop=a.length),s.length&&((c=this.aDataset).push.apply(c,s),r.frozenBottom=s.length)}},{key:"createHeader",value:function(e,t,o,n){var r,i,a=this,s=!1,l=[],d=[0,0];return e.length?(i=e,r="th, td"):(i=e.querySelectorAll("tr"),e.querySelector("th")?r="th":o&&(r="td")),r&&i.forEach((function(e){if(!s){var o=e.querySelectorAll(r),n=e.querySelectorAll("td");"th"===r&&o.length>n.length?o=e.querySelectorAll("th, td"):"th"===r&&(o=[]),o.length?a.loopHeaderCells(o,t,l,d):l.length&&(s=!0)}})),d[0]&&(n.frozenLeft=d[0]),d[1]&&(n.frozenRight=d[1]),l}},{key:"loopHeaderCells",value:function(e,t,o,r){var i=this,a=t.sTableHeadFormat||"text",s=!1,l=0,d=0;e.forEach((function(e){var t=e.cellIndex,r=e.colSpan,c=e.getAttribute(n.Z.tableData.frozenColumn);""===c&&(c="left");var u=null;c?("left"!==c||s||(l+=r),"right"===c&&(d+=r)):(s=!0,d=0);for(var h=0;h<r;h++){var f=t+h;i.aColgroup&&void 0!==i.aColgroup[f]&&(u=i.aColgroup[f]);var p=void 0,g=void 0;p="html"===a?e.innerHTML:e.textContent,u&&u.index?(g=u.index,u.header||(u.header=p)):g=p,void 0===o[f]?o[f]=[g]:o[f].push(g)}})),r[0]=Math.max(r[0],l),r[1]=Math.max(r[1],d)}}])&&l(t.prototype,o),r&&l(t,r),Object.defineProperty(t,"prototype",{writable:!1}),e}();var c=o(19791),u=o(96766);function h(){h=function(){return t};var e,t={},o=Object.prototype,n=o.hasOwnProperty,r=Object.defineProperty||function(e,t,o){e[t]=o.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",s=i.asyncIterator||"@@asyncIterator",l=i.toStringTag||"@@toStringTag";function d(e,t,o){return Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{d({},"")}catch(e){d=function(e,t,o){return e[t]=o}}function c(e,t,o,n){var i=t&&t.prototype instanceof y?t:y,a=Object.create(i.prototype),s=new T(n||[]);return r(a,"_invoke",{value:R(e,o,s)}),a}function u(e,t,o){try{return{type:"normal",arg:e.call(t,o)}}catch(e){return{type:"throw",arg:e}}}t.wrap=c;var f="suspendedStart",p="suspendedYield",g="executing",m="completed",v={};function y(){}function w(){}function z(){}var C={};d(C,a,(function(){return this}));var S=Object.getPrototypeOf,k=S&&S(S(A([])));k&&k!==o&&n.call(k,a)&&(C=k);var x=z.prototype=y.prototype=Object.create(C);function O(e){["next","throw","return"].forEach((function(t){d(e,t,(function(e){return this._invoke(t,e)}))}))}function _(e,t){function o(r,i,a,s){var l=u(e[r],e,i);if("throw"!==l.type){var d=l.arg,c=d.value;return c&&"object"==b(c)&&n.call(c,"__await")?t.resolve(c.__await).then((function(e){o("next",e,a,s)}),(function(e){o("throw",e,a,s)})):t.resolve(c).then((function(e){d.value=e,a(d)}),(function(e){return o("throw",e,a,s)}))}s(l.arg)}var i;r(this,"_invoke",{value:function(e,n){function r(){return new t((function(t,r){o(e,n,t,r)}))}return i=i?i.then(r,r):r()}})}function R(t,o,n){var r=f;return function(i,a){if(r===g)throw new Error("Generator is already running");if(r===m){if("throw"===i)throw a;return{value:e,done:!0}}for(n.method=i,n.arg=a;;){var s=n.delegate;if(s){var l=E(s,n);if(l){if(l===v)continue;return l}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(r===f)throw r=m,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r=g;var d=u(t,o,n);if("normal"===d.type){if(r=n.done?m:p,d.arg===v)continue;return{value:d.arg,done:n.done}}"throw"===d.type&&(r=m,n.method="throw",n.arg=d.arg)}}}function E(t,o){var n=o.method,r=t.iterator[n];if(r===e)return o.delegate=null,"throw"===n&&t.iterator.return&&(o.method="return",o.arg=e,E(t,o),"throw"===o.method)||"return"!==n&&(o.method="throw",o.arg=new TypeError("The iterator does not provide a '"+n+"' method")),v;var i=u(r,t.iterator,o.arg);if("throw"===i.type)return o.method="throw",o.arg=i.arg,o.delegate=null,v;var a=i.arg;return a?a.done?(o[t.resultName]=a.value,o.next=t.nextLoc,"return"!==o.method&&(o.method="next",o.arg=e),o.delegate=null,v):a:(o.method="throw",o.arg=new TypeError("iterator result is not an object"),o.delegate=null,v)}function M(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function D(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function T(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(M,this),this.reset(!0)}function A(t){if(t||""===t){var o=t[a];if(o)return o.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var r=-1,i=function o(){for(;++r<t.length;)if(n.call(t,r))return o.value=t[r],o.done=!1,o;return o.value=e,o.done=!0,o};return i.next=i}}throw new TypeError(b(t)+" is not iterable")}return w.prototype=z,r(x,"constructor",{value:z,configurable:!0}),r(z,"constructor",{value:w,configurable:!0}),w.displayName=d(z,l,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===w||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,z):(e.__proto__=z,d(e,l,"GeneratorFunction")),e.prototype=Object.create(x),e},t.awrap=function(e){return{__await:e}},O(_.prototype),d(_.prototype,s,(function(){return this})),t.AsyncIterator=_,t.async=function(e,o,n,r,i){void 0===i&&(i=Promise);var a=new _(c(e,o,n,r),i);return t.isGeneratorFunction(o)?a:a.next().then((function(e){return e.done?e.value:a.next()}))},O(x),d(x,l,"Generator"),d(x,a,(function(){return this})),d(x,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),o=[];for(var n in t)o.push(n);return o.reverse(),function e(){for(;o.length;){var n=o.pop();if(n in t)return e.value=n,e.done=!1,e}return e.done=!0,e}},t.values=A,T.prototype={constructor:T,reset:function(t){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(D),!t)for(var o in this)"t"===o.charAt(0)&&n.call(this,o)&&!isNaN(+o.slice(1))&&(this[o]=e)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var o=this;function r(n,r){return s.type="throw",s.arg=t,o.next=n,r&&(o.method="next",o.arg=e),!!r}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],s=a.completion;if("root"===a.tryLoc)return r("end");if(a.tryLoc<=this.prev){var l=n.call(a,"catchLoc"),d=n.call(a,"finallyLoc");if(l&&d){if(this.prev<a.catchLoc)return r(a.catchLoc,!0);if(this.prev<a.finallyLoc)return r(a.finallyLoc)}else if(l){if(this.prev<a.catchLoc)return r(a.catchLoc,!0)}else{if(!d)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return r(a.finallyLoc)}}}},abrupt:function(e,t){for(var o=this.tryEntries.length-1;o>=0;--o){var r=this.tryEntries[o];if(r.tryLoc<=this.prev&&n.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var i=r;break}}i&&("break"===e||"continue"===e)&&i.tryLoc<=t&&t<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=e,a.arg=t,i?(this.method="next",this.next=i.finallyLoc,v):this.complete(a)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),v},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.finallyLoc===e)return this.complete(o.completion,o.afterLoc),D(o),v}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.tryLoc===e){var n=o.completion;if("throw"===n.type){var r=n.arg;D(o)}return r}}throw new Error("illegal catch attempt")},delegateYield:function(t,o,n){return this.delegate={iterator:A(t),resultName:o,nextLoc:n},"next"===this.method&&(this.arg=e),v}},t}function f(e,t,o,n,r,i,a){try{var s=e[i](a),l=s.value}catch(e){return void o(e)}s.done?t(l):Promise.resolve(l).then(n,r)}function p(e){return function(e){if(Array.isArray(e))return m(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||g(e)||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 g(e,t){if(e){if("string"==typeof e)return m(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?m(e,t):void 0}}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}var v=Object.prototype.toString,y=function(){var e;if("undefined"!=typeof window&&window.ShadyDOM){(e=document.createElement("style")).id="zg-shadow-dom-style";var t=document.head;t.insertBefore(e,t.firstChild)}return function(t,o,n,r,i,a){var s,l,d=t.attachShadow({mode:"open"});(t._oShadowRoot=d,a&&(d.adoptedStyleSheets=[a]),i)?s=i.content.cloneNode(!0):(l=window.ShadyDOM?"".concat(r):"\n      <style>".concat(n,"</style>\n      ").concat(r,"\n      "),s=document.createRange().createContextualFragment(l));if(d.appendChild(s),window.ShadyDOM){if(!n.shimmed){var c=n.toString().replace(/:host\(([^\n,\s]+)\)/gm," "+o+"$1").replace(/:host/gm," "+o).replace(/::slotted\(([^\)]+)\)/gm,o+" $1").replace(new RegExp("("+o+"[^{.,\\n]+)"+o+"[^-]","gmi"),"$1");e.textContent+=c}n.shimmed=!0}}}();function w(e){for(;e;e=e.parentNode){if("[object ShadowRoot]"===e.toString())return!0;if("ZING-GRID"===e.nodeName)return!1}return!1}function z(e,t){var o,n=window.ShadyDOM||!e?"":"<style>".concat(e,"</style>");o="".concat(n).concat(t);var r=document.createElement("template");return r.innerHTML=o,r}function C(){for(var e,t=arguments.length,o=new Array(t),n=0;n<t;n++)o[n]=arguments[n];(e=console).log.apply(e,["[ZingGrid Developer Alert]"].concat(o))}var S="isArray"in Array?Array.isArray:function(e){return"[object Array]"===v.call(e)};function k(e){return!0===e||!1===e}function x(e){return"[object Date]"===v.apply(e)}function O(e){return"object"===Z(e)&&!!e.nodeType}function _(e){return!!E(e)&&e%1==0}function R(e,t){return!!function(e){return P(e)||M(e)||k(e)||L(e)||E(e)||e!=e}(e)||(!!function(e){return"[object Function]"===v.apply(e)}(e)||(!!I(e)||(!!x(e)||(S(e)?!e.length||1==t:!Object.keys(e).length))))}function E(e){return"number"==typeof e&&isFinite(e)}function M(e){return null===e}function D(e){return"[object Object]"===v.call(e)}function T(e){return"object"===Z(e)&&!e.nodeType}function A(e){return!(P(e)||M(e))}function I(e){return"[object RegExp]"===v.call(e)}function L(e){return"string"==typeof e}function Z(e){var t=b(e);return M(e)&&(t="null"),S(e)&&(t="array"),x(e)&&(t="date"),I(e)&&(t="regexp"),t}function P(e){return void 0===e}function F(e){var t=(new DOMParser).parseFromString(e,"text/html").querySelector("body").children,o=document.createDocumentFragment();return p(t).forEach((function(e){return o.appendChild(e)})),o}function N(e,t,o){var n;for(n in o&&N(e,o),t)e[n]=void 0===t[n]?e[n]:t[n];return e}function B(e,t){if(e._bIsConfigApplied)return e;ee(e,t=t||{}),e._bIsConfigApplied=!0}function G(e,t,o){var n;for(n in o&&G(e,o),t)"object"!==b(t[n])&&(e[n]=void 0===t[n]?e[n]:t[n]);return e}function H(e,t){for(var o in t)void 0===e[o]&&(e[o]=t[o]);return e}function j(e,t){var o,n=function(e,t){var o="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!o){if(Array.isArray(e)||(o=g(e))||t&&e&&"number"==typeof e.length){o&&(e=o);var n=0,r=function(){};return{s:r,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,s=!1;return{s:function(){o=o.call(e)},n:function(){var e=o.next();return a=e.done,e},e:function(e){s=!0,i=e},f:function(){try{a||null==o.return||o.return()}finally{if(s)throw i}}}}(Object.getOwnPropertyNames(t));try{for(n.s();!(o=n.n()).done;){var r=o.value;e.hasOwnProperty(r)||(e[r]=t[r])}}catch(e){n.e(e)}finally{n.f()}return e}function U(e,t){var o={};if(1==e.nodeType){if(e.attributes.length>0){o["@attributes"]={};for(var n=0;n<e.attributes.length;n++){var r=e.attributes.item(n);o["@attributes"][r.nodeName]=r.nodeValue}}}else 3!=e.nodeType&&4!=e.nodeType||(o=e.nodeValue,4==e.nodeType&&t&&(o=W(o)));if(e.hasChildNodes()&&1===e.childNodes.length&&3===e.childNodes[0].nodeType)o=e.childNodes[0].nodeValue;else if(e.hasChildNodes())for(var i=0;i<e.childNodes.length;i++){var a=e.childNodes.item(i);if(3!==a.nodeType||""!==a.nodeValue.trim()){var s=a.nodeName,l=U(a,t);if(l!=={})if(void 0===o[s])4==a.nodeType?o=t?W(a.nodeValue):a.nodeValue:o[s]=l;else{if(void 0===o[s].push){var d=o[s];o[s]=[],o[s].push(d)}o[s].push(l)}}}return o}function W(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}function V(e,t,o){if(!e)return"";if(D(e)&&(e=Object.keys(e).map((function(t){var o=e[t];return o[n.Z.store.keyField]=t,o}))),!e.length)return"";var r=t.headers,i=function(e,t){return null===t?"":t},a=Object.keys(e[0]),s=e.map((function(e){return a.map((function(t){return JSON.stringify(e[t],i)})).join(",")}));return r&&(S(e[0])?s.unshift(a.map((function(e){var t=o.getColumnByFieldIndex(e);return t?t.sColumnHeaderText:e}))):s.unshift(a.join(","))),s.join("\r\n")}function q(e,t){var o=(new a).parse(e,t);return o.caption&&t.widget.webcomponent.setCaption(o.caption),o.data}function K(e,t){var o=new d,n=t.widget.webcomponent;t.bCanSetColumns=n.bDefaultCols;var r=o.parse(e,t);return r.caption&&n.setCaption(r.caption),r.frozenTop&&(n.frozenRowsTop=r.frozenTop),r.frozenBottom&&(n.frozenRowsBottom=r.frozenBottom),t.widget.store.once("loaded",(function(){r.frozenLeft&&(n.frozenColumnsLeft=r.frozenLeft),r.frozenRight&&(n.frozenColumnsRight=r.frozenRight)})),r.columns&&n.setColumns(r.columns),n.headerAutoFormat="disabled",r.data}function Y(e,t){var o=t.querySelector("zg-data")||null,n=null,r=!o;for(var i in e.dataset){var a=e.dataset[i],s=i[2].toLowerCase()+i.slice(3);if("dataFormat"===s||"headFormat"===s){o||(o=document.createElement("zg-data"));var l=document.createElement("zg-param");s="table"+s[0].toUpperCase()+s.slice(1),l.setAttribute("name",s),l.setAttribute("value",a),o.appendChild(l),n||(n={}),n[s]=a}else s=ce(s),t.setAttribute(s,a)}return o&&r&&t.appendChild(o),n}function X(e){var t=document.createElement("zing-grid");return Y(e,t),t}function J(e){return e*parseFloat(getComputedStyle(document.documentElement).fontSize)}function Q(e){return e*parseFloat(getComputedStyle(document.documentElement).fontSize)}function $(e,t){var o=document.createElement("select");return t&&(!e.length||""!==e[0]&&""!==e[0].value)&&e.splice(0,0,""),e.forEach((function(e){var t="object"===b(e),n=t?e.name?e.name:e.value:e,r=t?e.value:e,i=document.createElement("option");i.textContent=n,i.value=r,o.appendChild(i)})),o}function ee(e,t){if(e===t)return e;if(null===t)return null;var o=Array.isArray(t);if(e=null!=e?e:o?[]:{},o){if(!S(e))throw new Error("trying to deep merge an array onto a non-array type");t.forEach((function(t,o){void 0===e[o]||null===e[o]?e[o]=t:"object"===b(t)?e[o]=ee(e[o],t):-1===e.indexOf(t)&&e.push(t)}))}else{if(!T(e))throw new Error("trying to deep merge an object onto a non-object type");Object.keys(t).forEach((function(o){"object"===b(t[o])&&t[o]&&e[o]?e[o]=ee(e[o],t[o]):e[o]=t[o]}))}return e}function te(e,t){for(var o=e;o&&1===o.nodeType;){if(o.tagName.toLowerCase()===t)return o;o=o.parentNode}return null}function oe(e,t){var o=[];return function e(n,r,i){r=r||"",R(n,i)?""!==r&&o.push(r.slice(0,-1*t.length)):Object.keys(n).forEach((function(o){e(n[o],r+o+t,!0)}))}(e,"",!1),o}function ne(e){e.hasAttribute(n.Z.attr.loading)&&e.removeAttribute(n.Z.attr.loading)}function re(e){var t=e.el,o=e.attr,n=e.match,r=e.value;n?t.setAttribute(o,r):t.removeAttribute(o)}function ie(e){var t=e.el,o=e.attr,n=e.value;n||""===n?t.setAttribute(o,n):t.removeAttribute(o)}function ae(e,t,o){var n=null;return t&&(n=t,!e&&t&&(e=u.Z.setUserFunction(null,t)),e&&"function"==typeof e.method&&void 0===(n=e.method.apply(e.scope,o))&&(n="")),n}var se={clone:function(e){return e.slice(0)},objectSort:function(e,t){return e.sort((function(e,o){return e[t]-o[t]}))}};var le={copy:function(e){var t={};for(var o in e)t[o]=e[o];return t},get:function(e,t){return t.reduce((function(e,t){return e&&"undefined"!==e[t]?e[t]:void 0}),e)},toString:function(e){var t="";for(var o in e)t+=o+":"+e[o]+";";return t}};var de={camelCaseToDash:ce,camelCaseToReadable:function(e,t){var o="";return e.split(",").forEach((function(e){var n=[];n=t?he(e,t):[e];var r="";n.forEach((function(e){var o=(e=(e=de.dashToCamelCase(e,"[_-]")).trim()).match(/[A-Z]*[^A-Z]+/g);o&&(e=o.map((function(e){return e[0].toUpperCase()+e.substr(1).toLowerCase()})).join(" ")),e=e.replace(/\.[a-z]/g,(function(e){return"."+e[1].toUpperCase()})),""!==r&&(r+=t),r+=e})),""!==o&&(o+=", "),o+=r})),o},capitalize:function(e){return e.replace(/(^| )(\w)/g,(function(e){return e.toLocaleUpperCase()}))},dashToCamelCase:function(e,t){t=t||"-";var o=new RegExp(t+"([a-z])","gi");return e.replace(o,(function(e){return e[1].toUpperCase()}))},escapeRegExp:ue,format:function(e){for(var t,o,n,r=arguments.length,i=new Array(r>1?r-1:0),a=1;a<r;a++)i[a-1]=arguments[a];if("array"===Z(i[0]))t=i[0];else for(n=i.length,t=[],o=0;o<n;o++)t[o]=i[o];return e.replace(/\[(\d+)]/g,(function(e,o){return t[o]}))},formatCellData:function(e){var t=e.args,o=(e.cellDOM,e.cellSE),n=o._columnConfig&&o._columnConfig.sSeparator||" ";return t.filter((function(e,o){return o<t.length-2})).reduce((function(e,t,o){return null==t&&(t=""),0===o?"".concat(e).concat(t):"".concat(e).concat(n).concat(t)}),"")},formatToArray:function(e){var t;if("object"===b(e)&&e instanceof Array)return e;if(null===e)return[];if("object"===b(e))return[e];try{(t=JSON.parse(e))instanceof Array||(t=[t])}catch(i){"string"!=typeof e&&(t=null);var o=e.replace(/:\s+/g,":").replace(/,\s+/g,",").replace(/\s+{/g,"{").replace(/}\s+/g,"}");if("{"===(o=o.replace(/{'/g,'{"').replace(/'}/g,'"}').replace(/':'/g,'":"').replace(/','/g,'","')).charAt(0))t=JSON.parse("[".concat(o,"]"));else if("{"===o.charAt(1))t=JSON.parse(o);else{var n=e.replace(/^\[/,"").replace(/]$/,"").split(","),r=n.map((function(e){return e.trim().replace(/^'/,"").replace(/'$/,"")}));t=n.length<2?null:r}}return t},stripComments:function(e){return e[0].replace(/<!--.*\s.*-->/gi,"")},toObject:function(e){for(var t={},o=(e=e.split(";")).length,n=0;n<o;n++){var r=e[n].split(":");r.length<2||(r[0]=de.trimWhiteSpace(r[0]),r[1]=de.trimWhiteSpace(r[1]),t[r[0]]=r[1])}return t},trimWhiteSpace:function(e){return e.replace(/\s/g,"")},upFirstChar:function(e){return e[0].toLocaleUpperCase()+e.substr(1,e.length)},_splitHeader:he};function ce(e){return e.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function ue(e){return e.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&")}function he(e,t){t=ue(t=t||".");var o=new RegExp("(\\w)".concat(t,"(?=\\w)"),"g");return e.replace(o,"$1".concat(n.Z.global.replaceToken)).split(n.Z.global.replaceToken)}function fe(e){if(e)return e.split(",").map((function(e){return de.trimWhiteSpace(e)}))}function pe(e,t){return Math.floor(Math.random()*(e-t))+e}function ge(e,t,o){return-1!==t.indexOf("max-width")||!e&&t.indexOf(!0)?o:(e&&e==parseInt(e,10)&&(e+="px"),e?"width:".concat(e):o?"":"max-width:100%;width:100%;")}function me(e,t,o){if(!t)return e;var n=t.sLocale||c.default.getLocale(o)||"en-US",r={};return"disabled"===t.sTypeNumberFormatting?e:(be(r,t),null==e||isNaN(e)||""===e?"":new Intl.NumberFormat(n,r).format(e))}function be(e,t){var o=t.nTypeNumberMinDecimals,n=t.nTypeNumberMaxDecimals,r=t.nTypeNumberDecimals;"percentage"===t.sCellType&&(void 0!==t.nTypePercentageDecimals&&(r=t.nTypePercentageDecimals),void 0!==t.nTypePercentageMaxDecimals&&(n=t.nTypePercentageMaxDecimals)),null!=r&&(e.minimumFractionDigits=r,e.maximumFractionDigits=r),null!=n&&(e.maximumFractionDigits=n),null!=o&&(e.minimumFractionDigits=o),e.minimumFractionDigits&&e.maximumFractionDigits&&e.maximumFractionDigits<e.minimumFractionDigits&&(delete e.maximumFractionDigits,delete e.minimumFractionDigits)}function ve(e,t){return ye.apply(this,arguments)}function ye(){var e;return e=h().mark((function e(t,o){var n;return h().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n={},e.next=3,fetch("".concat(t,".svg"),n).then((function(e){if(e.ok)return e.text();console.error("Error fetching external .svg")})).then((function(e){return we(e).children}));case 3:return e.abrupt("return",e.sent);case 4:case"end":return e.stop()}}),e)})),ye=function(){var t=this,o=arguments;return new Promise((function(n,r){var i=e.apply(t,o);function a(e){f(i,n,r,a,s,"next",e)}function s(e){f(i,n,r,a,s,"throw",e)}a(void 0)}))},ye.apply(this,arguments)}function we(e){return(new DOMParser).parseFromString(e,"text/xml").childNodes[0]}function ze(e,t){if(t){for(var o=function(o){p(t).forEach((function(t){return e.children[o]&&e.children[o].id===t.id?e.children[o].remove():t}))},n=e.children.length-1;n>=0;n--)o(n);return p(t).forEach((function(t){return e.append(t)})),e}}function Ce(e){for(var t="",o=0,n=e.length;o<n;o++){var r=o%2==0?o:e.length-o;t+=e.substring(r,r+1)}return t=t.replace(/\./g,"d")}function Se(e){return e.replace(/[a-zA-Z]/g,(function(e){return String.fromCharCode((e<="Z"?90:122)>=(e=e.charCodeAt(0)+13)?e:e-26)}))}function ke(e){var t=e;return t=(t=(t=t.replace("*","&")).replace("9","3")).replace("l","1")}function xe(e,t){var o=_e(function(e){for(var t=[],o="0x"===e.substr(0,2)?2:0;o<e.length;o+=2)t.push(parseInt(e.substr(o,2),16));return t}(e)),n=_e(Oe(t)),r=o.length;if(0===r)return"";for(var i,a,s=o[r-1],l=o[0],d=2654435769,c=Math.floor(6+52/r)*d;0!==c;){a=c>>>2&3;for(var u=r-1;u>0;u--)i=((s=o[u-1])>>>5^l<<2)+(l>>>3^s<<4)^(c^l)+(n[3&u^a]^s),l=o[u]-=i;i=((s=o[r-1])>>>5^l<<2)+(l>>>3^s<<4)^(c^l)+(n[3&u^a]^s),l=o[0]-=i,c-=d}return decodeURIComponent(function(e){for(var t="",o=0;o<e.length;o++)0!==e[o]&&(t+=String.fromCharCode(e[o]));return t}(Re(o)))}function Oe(e){for(var t=[],o=0;o<e.length;o++)t.push(e.charCodeAt(o));return t}function _e(e){for(var t=new Array(Math.ceil(e.length/4)),o=0;o<t.length;o++)t[o]=e[4*o]+(e[4*o+1]<<8)+(e[4*o+2]<<16)+(e[4*o+3]<<24);return t}function Re(e){for(var t=[],o=0;o<e.length;o++)t.push(255&e[o],e[o]>>>8&255,e[o]>>>16&255,e[o]>>>24&255);return t}function Ee(e){var t,o=e.msg,n=void 0===o?"":o,r=e.vars,i=void 0===r?[]:r,a=e.plurals,s=void 0===a?"s":a,l="%p",d="%v",c=n.includes("\\".concat(d)),u=i.map((function(e){return e}));t=c?Te({msg:n,values:u,token:d}):De({msg:n,values:u,token:d});var h=n.includes("\\".concat(l)),f=Me({msg:n,pattern:new RegExp("".concat(l,"(?!(\\\\))"),"gim")});if(f){var p="string"==typeof s?f.map((function(e){return s})):s.map((function(e){return e}));t=h?Te({msg:t,values:p,token:l}):De({msg:t,values:p,token:l})}return t}function Me(e){var t=e.msg,o=e.pattern;return t.match(o)}function De(e){var t,o=e.msg,n=e.token,r=e.values,i=new RegExp("".concat(n)),a=new RegExp("".concat(n),"gim"),s=r.map((function(e){return e})),l=o;return s.forEach((function(e){t=e,"object"===b(e)&&(t=e.condition||e.conditional?e.value:""),l=l.replace(i,t)})),l=l.replace(a,"")}function Te(e){var t=e.msg,o=e.token,n=e.values,r=o.split("").reverse().join(""),i=new RegExp("".concat(r,"(?!(\\\\))")),a=new RegExp(" ".concat(r,"(?!(\\\\))")),s=new RegExp("".concat(r,"(?!(\\\\))"),"gim"),l=new RegExp("\\\\".concat(o),"gim"),d=n.map((function(e){return e})),c=t;c=c.split("").reverse().join("");var u=d.length,h=Me({msg:c,pattern:s}),f=h.length;h.forEach((function(e,t){return t<f-u?c=c.replace(a,"").replace(i,""):e}));var p=d.filter((function(e,t){return t<f}));return p.forEach((function(e,t,o){return o[t]="string"==typeof e?e.split("").reverse().join(""):e})),p.reverse().forEach((function(e){return c=c.replace(i,e)})),c=(c=c.split("").reverse().join("")).replace(l,o)}},31769:(e,t,o)=>{"use strict";o.d(t,{Z:()=>x});var n=o(37486),r=o(31655);var i=r.hx?function(e){if(e){var t=HTMLElement.prototype.toString.call(e);if("[xpconnect wrapped native prototype]"!=t&&"[object XULElement]"!=t)return 3==e.nodeType?e.parentNode:e}}:function(e){return e&&3==e.nodeType?e.parentNode:e},a=o(87822);function s(e,t){var o=(e=e.oBrowserEvent||e)["page"+t];return o||0===o||(o=e["client"+t]||0),o}var l={3:13,63234:37,63235:39,63232:38,63233:40,63276:33,63277:34,63272:46,63273:36,63275:35},d=r.w1?{1:0,4:1,2:2}:{0:0,1:1,2:2},c=/(dbl)?click/;function u(e,t,o){this.oBrowserEvent=e,this.type=e.type;var n=e.target||e.srcElement;this.oDOMTarget=n,this.oDOMRealTarget=n,this.bIsCTRL=e.ctrlKey||r.V5&&e.metaKey,this.bIsSHIFT=e.shiftKey,this.oDOMEventListenerHost=t,this.bDelegateNotFound=!1;var i=o.sDelegateTo;if(i){var a=this.getDelegateTarget(i);this.oDOMDelegateTarget=a,this.oDOMTarget=a}this.xy=[s(e,"X"),s(e,"Y")],this.nCharCode=this.getNormalizedCharCode(),this.nButton=this.getNormalizedButton()}u.prototype={BACKSPACE:8,TAB:9,ENTER:13,RETURN:13,SHIFT:16,CTRL:17,ALT:18,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,INSERT:45,DELETE:46,ZERO:48,ONE:49,TWO:50,THREE:51,FOUR:52,FIVE:53,SIX:54,SEVEN:55,EIGHT:56,NINE:57,NUM_ZERO:96,NUM_ONE:97,NUM_TWO:98,NUM_THREE:99,NUM_FOUR:100,NUM_FIVE:101,NUM_SIX:102,NUM_SEVEN:103,NUM_EIGHT:104,NUM_NINE:105,F2:113,A:65,B:66,C:67,D:68,E:69,F:70,G:71,H:72,I:73,J:74,K:75,L:76,M:77,N:78,O:79,P:80,Q:81,R:82,S:83,T:84,U:85,V:86,W:87,X:88,Y:89,Z:90,keyNum:{48:0,49:1,50:2,51:3,52:4,53:5,54:6,55:7,56:8,57:9,96:0,97:1,98:2,99:3,100:4,101:5,102:6,103:7,104:8,105:9},stopEvent:function(){this.stopPropagation(this.oBrowserEvent),this.preventDefault(this.oBrowserEvent)},stopImmediatePropagation:function(){var e=this.oBrowserEvent;e.stopImmediatePropagation?e.stopImmediatePropagation():this.stopPropagation()},stopPropagation:function(){var e=this.oBrowserEvent;e.stopPropagation?e.stopPropagation():e.cancelBubble=!0},preventDefault:function(){var e=this.oBrowserEvent;e.preventDefault?e.preventDefault():(e.keyCode&&(e.keyCode=0),e.returnValue=!1)},normalizeSafariKey:function(e){return r.G6&&l[e]||e},getNormalizedCharCode:function(){var e=this.oBrowserEvent;return this.normalizeSafariKey(e.keyCode||e.charCode||e.key)},getNormalizedButton:function(){var e=this.oBrowserEvent,t=e.button?d[e.button]:e.which?e.which-1:-1;return c.test(e.type)&&-1===t&&(t=0),t},getDelegateTarget:function(e){var t,o,n,r=0,i=null,a=null,s=null,l=0;e.replace(/:not\((.*)\.(.*)\)/,(function(e,t,o){s={sTagName:t,sClassName:o}})),null!==s?l=2:(i=(n=e.split("."))[0],a=n[1],l=n.length);for(var d=this.oDOMTarget;;){if(!d)return!1;if(9==d.nodeType)return this.oDOMTarget;if(11!=d.nodeType&&"[object ShadowRoot]"!==d.toString()){var c=0,u=d.tagName,h=d.nodeName,f=d.classList;if(null!==s){if(void 0===u||void 0===h)return this.oDOMTarget;if(t=u.toLowerCase(),o=h.toLowerCase(),s.sTagName!==t&&s.sTagName!==o||c++,s.sClassName&&f.contains(a)&&c++,c===l)break}else{if(null!==i){if(void 0===u||void 0===h)return!1;t=u.toLowerCase(),o=h.toLowerCase(),i!==t&&i!==o||c++}null!==a&&f.contains(a)&&c++}if(c===l)return d;if(this.oDOMEventListenerHost===d){if(s)return d;break}if(d=d.assignedSlot?d.assignedSlot:d.parentNode,++r>=10){if(s)return d;break}}else d=d.host}this.bDelegateNotFound=!0}};const h=u;var f={};function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function g(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==p(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===p(i)?i:String(i)),n)}var r,i}setInterval((function(){var e,t,o,n;for(e in f)(t=f[e])!==document&&((o=t.dom)&&o.parentNode&&(o.offsetParent||document.getElementById(e))||delete f[e]);if(r.w1){for(e in n={},f)n[e]=f[e];f=n}}),3e4);var m=/alpha\(opacity=(.*)\)/gi,b="undefined"!=typeof document?document.defaultView:null,v={},y=/(-[a-z])/gi,w={},z=0;function C(e,t){return t.charAt(1).toUpperCase()}function S(e){return v[e]||(v[e]=e.replace(y,C))}var k=function(){function e(t){var o,n;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e);var r=f;"string"==typeof t&&(o=t,n=document.getElementById(t)),t.nodeType&&(n=t,o=t===document?"oDocument":t===document.body?"oDocumentBody":t.id),o&&r[o],n&&(this.dom=n,o=o||e.id(n))}var t,o,s;return t=e,o=[{key:"getDOM",value:function(){return this.dom}},{key:"_getDOMByTagName",value:function(e,t){var o=this.getDOM().getElementsByTagName(e);return n.o8(t)?o:o[t]}},{key:"_querySelector",value:function(){var e=this.getDOM();return e.querySelector.apply(e,arguments)}},{key:"_setStyle",value:function(e,t,o){var n,r,i=this.getDOM();for(r in"object"!==p(e)&&((n={})[e]=t,e=n),e)switch(t=e[r],r){case"opacity":i.style.opacity=t;break;case"float":i.style.styleFloat=t,i.style.cssFloat=t;break;default:i.style[S(r)]=t,o&&i.style&&i.style.setProperty&&i.style.setProperty(r,t,"important")}}},{key:"_hide",value:function(){this.getDOM().setAttribute(a.Z.attr.hidden,"")}},{key:"_show",value:function(){var e=this.getDOM();this.setXY(arguments.length<=0?void 0:arguments[0]),e.removeAttribute(a.Z.attr.hidden)}},{key:"getHeight",value:function(){return Math.max(this.getDOM().clientHeight,this.getDOM().offsetHeight)}},{key:"getWidth",value:function(){var e=this.getDOM();return Math.max(e.clientWidth,e.offsetWidth)}},{key:"getSize",value:function(){var e=this.getDOM().getBoundingClientRect();return[e.width,e.height]}},{key:"once",value:function(e,t,o,n){var r=this;this.on(e,(function o(n,i){t(n,i),r.un(e,o)}),o,n)}},{key:"on",value:function(e,t,o,n,a){n=n||{},o=o||this,void 0===a&&(a=!0);var s,l,d,c,u=!1,f=!1,p=!1,g=null,m=this,b=this.getDOM();if(/ /.test(e)){var v,y=e.split(" ");"key"===(e=y[0])&&(e="keydown");var z=y.length;for(v=1;v<z;v++){var C=y[v].toUpperCase();switch(C){case"CTRL":f=!0;break;case"SHIFT":p=!0;break;default:if(g=y[v],void 0===(u=h.prototype[C]))throw new Error("event is not write")}}}s=function(e){var a,s=function(e){return e||window.event}(e),l=new h(s,b,n);if((!n.sDelegateTo||l.oDOMDelegateTarget)&&!1===l.bDelegateNotFound){if(a=l.oDOMDelegateTarget?l.oDOMDelegateTarget:function(e){return e=e.oBrowserEvent||e,i(e.target||e.srcElement)}(s),!1!==u&&e.keyCode!==u&&e.key!==g)return;if(!1!==f){if(r.V5&&!1===e.metaKey)return;if(!r.V5&&!1===e.ctrlKey)return}if(!1!==p&&!1===e.shiftKey)return;t.apply(o,[l,a])}},"mousewheel"===e&&!1===r.iV&&(e="DOMMouseScroll"),c=a?{passive:!0}:{},b.addEventListener(e,s,c),d=(l=this.events=this.events||{})[e]=l[e]||[];var S={fn:t,wrappedFn:s,scope:o};return d.push(S),b===document&&(w[e]=w[e]||[],w[e].push(S)),function(){S&&m&&(m.un(e,null,S),b=null,S=null,m=null)}}},{key:"un",value:function(e,t,o){if(!t&&!o)throw new Error("Event name [",e,"] needs a function argument to unregister");if(this.events){var n=this.getDOM(),i=this.events[e];if(i){var a,s=i.length;if(!o)for(a=0;a<s;a++)if(i[a].fn===t){o=i[a];break}o&&("mousewheel"===e&&!1===r.iV?n.removeEventListener("DOMMouseScroll",o.wrappedFn,!1):n.removeEventListener(e,o.wrappedFn,!1),o.scope=null,o.fn=null,o.wrappedFn=null,i.splice(i.indexOf(o),1),o=null)}}}},{key:"fire",value:function(e){for(var t=arguments.length,o=new Array(t>1?t-1:0),n=1;n<t;n++)o[n-1]=arguments[n];if(this.events){var r=this.events[e],i=this,a=!1;if(r)return o.unshift(this),r.forEach((function(e){null!=e&&(e.params&&(o=o.concat(e.params)),!1===e.fn.apply(e.scope||i,o)&&(a=!0))})),!a}}},{key:"docUn",value:function(e,t){var o=w[e];if(o){var n,i,a=o.length;for(n=0;n<a;n++)(i=o[n]).fn===t&&(window.removeEventListener?"mousewheel"===e&&!1===r.iV?this.getDOM().removeEventListener("DOMMouseScroll",i.wrappedFn,!1):(this.getDOM().removeEventListener(e,i.wrappedFn,!1),o.splice(n,1),n--,a--):this.getDOM().detachEvent("on"+e,i.wrappedFn))}}},{key:"docUnAll",value:function(){for(var e in w)for(var t=w[e],o=0,n=t.length;o<n;o++)t[o]&&t[o].fn&&this.docUn(e,t[o].fn)}},{key:"unAll",value:function(){var e,t,o,n,r,i=this.getDOM(),a=this.events;for(n in a)for(t=(e=a[n]).length,r=0;r<t;r++)(o=e[r])&&(window.removeEventListener?i.removeEventListener(n,o.wrappedFn,!1):i.detachEvent("on"+n,o.wrappedFn));this.events={}}},{key:"getXY",value:function(){var e,t,o=document.body||document.documentElement,n=[0,0],r=this.getDOM();return r!=o&&r.getBoundingClientRect&&(e=r.getBoundingClientRect(),t=this.getScroll(document.body),n=[e.left+t.left,e.top+t.top]),n}},{key:"getX",value:function(){return this.getXY()[0]}},{key:"getY",value:function(){return this.getXY()[1]}},{key:"setXY",value:function(e){var t=n.gg(e);"object"===t?(this.setStart(e.x,"left"),this.setStart(e.y,"top")):"array"===t&&(this.setStart(e[0],"left"),this.setStart(e[1],"top"))}},{key:"calculateContextPosition",value:function(e,t){var o=this.getDOM(),n=o.getBoundingClientRect(),r=t.getBoundingClientRect(),i=r.left+r.width,s=e.oBrowserEvent.clientX,l=s-n.width,d=s+n.width>i,c=window.getComputedStyle(o),u=parseInt(c.borderLeftWidth,10);u&&u>1&&t.style.setProperty("--menu-arrow-right","calc(100% + ".concat(u,"px)")),d?(this.setStart(l-r.left,"left"),this.setAttribute(a.Z.attr.internaldir,"left")):(this.setStart(e.oBrowserEvent.clientX-r.left,"left"),this.setAttribute(a.Z.attr.internaldir,"right")),this.setStart(e.oBrowserEvent.clientY-r.top,"top")}},{key:"calculateMenuPosition",value:function(e,t){var o=this.getDOM(),n=t.getBoundingClientRect(),r=e.oDOMTarget.getBoundingClientRect(),i=o.getBoundingClientRect(),a=n.left+n.width,s=r.left,l=s+r.width;s+i.width>a?this.setStart(a-l,"right"):this.setStart(s,"left"),this.setStart(r.top+r.height-n.top,"top")}},{key:"setStart",value:function(e,t){n.o8(e)||(this.getDOM().style[t]=e+"px")}},{key:"clearPosition",value:function(){var e=this;["top","right","left"].forEach((function(t){return e.getDOM().style.removeProperty(t)}))}},{key:"_setLeft",value:function(e){this.getDOM().style.left=e+"px"}},{key:"setTop",value:function(e){this.getDOM().style.top=e+"px"}},{key:"getScroll",value:function(e){var t,o,n,i=e||this.getDOM();return i==document||i==document.body?(r.w1&&r.Gu?(t=document.documentElement.scrollLeft,o=document.documentElement.scrollTop):(t=window.pageXOffset,o=window.pageYOffset),n={left:t||(document.documentElement?document.documentElement.scrollLeft:0),top:o||(document.documentElement?document.documentElement.scrollTop:0)}):n={left:i.scrollLeft,top:i.scrollTop},n}},{key:"_addClass",value:function(e){return this.getDOM().classList.add(e),this}},{key:"_removeClass",value:function(e){return this.getDOM().classList.remove(e),this}},{key:"_appendChild",value:function(e,t){var o=this.getDOM();e.nodeType&&o.appendChild(e)}},{key:"_removeChild",value:function(e){e.nodeType&&this.getDOM().removeChild(e)}},{key:"parent",value:function(t){var o=this.getDOM(),n=o.parentNode||o.parentElement;return!1===t?n:new e(n)}},{key:"_setAttribute",value:function(e,t){var o,n,r=this.getDOM();if("setAttribute"in r)for(n in"object"!==p(e)&&((o={})[e]=t,e=o),e)t=e[n],r.setAttribute(n,t);return this}},{key:"_removeAttribute",value:function(e){this.getDOM().removeAttribute(e)}},{key:"update",value:function(e){this.getDOM().innerHTML=e}},{key:"_text",value:function(){return this.getDOM().textContent}},{key:"destroy",value:function(){var e=this.parent(!1);this.unAll(),this.events={},e&&(e.removeChild(this.getDOM()),delete f[this.id]),this.dom=null}},{key:"select",value:function(e){function t(t){return e.apply(this,arguments)}return t.toString=function(){return e.toString()},t}((function(e){return select(e,this.getDOM())}))}],s=[{key:"get",value:function(t){if(!t)throw new Error("element is not set");return!0===t.isComposite?t.item(0):new e(t)}},{key:"elContains",value:function(e,t){if(e&&e.firstChild)for(;t;){if(t===e)return!0;(t=t.parentNode)&&1!==t.nodeType&&(t=null)}return!1}},{key:"id",value:function(e,t){return e?e.id:(t||"zg-gen-")+ ++z}}],o&&g(t.prototype,o),s&&g(t,s),Object.defineProperty(t,"prototype",{writable:!1}),e}();k.prototype.getStyle=function(e){var t,o,n,r,i,a=this.getDOM();if(a==document)return null;if(b&&b.getComputedStyle)return e=S(e),r=(o=a.style[e])?o:(n=b.getComputedStyle(a,""))?n[e]:null,"marginRight"===e&&"0px"!==r&&(i=a.style.display,a.style.display="inline-block",r=b.getComputedStyle(a,"").marginRight,a.style.display=i),"backgroundColor"===e&&"rgba(0, 0, 0, 0)"===r&&(r="transparent"),r;if("opacity"===e){if(a.style.filter.match&&(t=a.style.filter.match(m))){var s=parseFloat(t[1]);if(!isNaN(s))return s?s/100:0}return 1}return e=S(e),a.style[e]||((n=a.currentStyle)?n[e]:null)};const x=k},53351:(e,t,o)=>{"use strict";function n(){return o.g._babelPolyfill||"undefined"!=typeof window&&window._babelPolyfill?null:o(26981)}o.r(t),o.d(t,{default:()=>r,zingBabelPolyfill:()=>n});const r=n()},40487:e=>{var t={utf8:{stringToBytes:function(e){return t.bin.stringToBytes(unescape(encodeURIComponent(e)))},bytesToString:function(e){return decodeURIComponent(escape(t.bin.bytesToString(e)))}},bin:{stringToBytes:function(e){for(var t=[],o=0;o<e.length;o++)t.push(255&e.charCodeAt(o));return t},bytesToString:function(e){for(var t=[],o=0;o<e.length;o++)t.push(String.fromCharCode(e[o]));return t.join("")}}};e.exports=t},16266:(e,t,o)=>{o(95767),o(68132),o(48388),o(37470),o(94882),o(41520),o(27476),o(79622),o(89375),o(43533),o(84672),o(64157),o(35095),o(49892),o(75115),o(99176),o(68838),o(96253),o(39730),o(6059),o(48377),o(71084),o(64299),o(11246),o(30726),o(1901),o(75972),o(53403),o(92516),o(49371),o(86479),o(91736),o(51889),o(65177),o(81246),o(76503),o(66786),o(50932),o(57526),o(21591),o(9073),o(80347),o(30579),o(4669),o(67710),o(45789),o(33514),o(99978),o(58472),o(86946),o(35068),o(413),o(50191),o(98306),o(64564),o(39115),o(29539),o(96620),o(62850),o(10823),o(17732),o(40856),o(80703),o(91539),o(5292),o(45177),o(73694),o(37648),o(27795),o(4531),o(23605),o(6780),o(69937),o(10511),o(81822),o(19977),o(91031),o(46331),o(41560),o(20774),o(30522),o(58295),o(87842),o(50110),o(20075),o(24336),o(19371),o(98837),o(26773),o(15745),o(33057),o(3750),o(23369),o(99564),o(32e3),o(48977),o(52310),o(94899),o(31842),o(56997),o(83946),o(18269),o(66108),o(76774),o(21466),o(59357),o(76142),o(51876),o(40851),o(88416),o(98184),o(30147),o(59192),o(30142),o(1786),o(75368),o(46964),o(62152),o(74821),o(79103),o(81303),o(83318),o(70162),o(33834),o(21572),o(82139),o(10685),o(85535),o(17347),o(83049),o(96633),o(68989),o(78270),o(64510),o(73984),o(75769),o(50055),o(96014),e.exports=o(25645)},70911:(e,t,o)=>{o(1268),e.exports=o(25645).Array.flatMap},10990:(e,t,o)=>{o(62773),e.exports=o(25645).Array.includes},15434:(e,t,o)=>{o(83276),e.exports=o(25645).Object.entries},78051:(e,t,o)=>{o(98351),e.exports=o(25645).Object.getOwnPropertyDescriptors},38250:(e,t,o)=>{o(96409),e.exports=o(25645).Object.values},54952:(e,t,o)=>{"use strict";o(40851),o(9865),e.exports=o(25645).Promise.finally},6197:(e,t,o)=>{o(92770),e.exports=o(25645).String.padEnd},14160:(e,t,o)=>{o(41784),e.exports=o(25645).String.padStart},54039:(e,t,o)=>{o(94325),e.exports=o(25645).String.trimRight},96728:(e,t,o)=>{o(65869),e.exports=o(25645).String.trimLeft},93568:(e,t,o)=>{o(79665),e.exports=o(28787).f("asyncIterator")},40115:(e,t,o)=>{o(34579),e.exports=o(11327).global},85663:e=>{e.exports=function(e){if("function"!=typeof e)throw TypeError(e+" is not a function!");return e}},12159:(e,t,o)=>{var n=o(36727);e.exports=function(e){if(!n(e))throw TypeError(e+" is not an object!");return e}},11327:e=>{var t=e.exports={version:"2.6.12"};"number"==typeof __e&&(__e=t)},19216:(e,t,o)=>{var n=o(85663);e.exports=function(e,t,o){if(n(e),void 0===t)return e;switch(o){case 1:return function(o){return e.call(t,o)};case 2:return function(o,n){return e.call(t,o,n)};case 3:return function(o,n,r){return e.call(t,o,n,r)}}return function(){return e.apply(t,arguments)}}},89666:(e,t,o)=>{e.exports=!o(7929)((function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a}))},97467:(e,t,o)=>{var n=o(36727),r=o(33938).document,i=n(r)&&n(r.createElement);e.exports=function(e){return i?r.createElement(e):{}}},83856:(e,t,o)=>{var n=o(33938),r=o(11327),i=o(19216),a=o(41818),s=o(27069),l="prototype",d=function(e,t,o){var c,u,h,f=e&d.F,p=e&d.G,g=e&d.S,m=e&d.P,b=e&d.B,v=e&d.W,y=p?r:r[t]||(r[t]={}),w=y[l],z=p?n:g?n[t]:(n[t]||{})[l];for(c in p&&(o=t),o)(u=!f&&z&&void 0!==z[c])&&s(y,c)||(h=u?z[c]:o[c],y[c]=p&&"function"!=typeof z[c]?o[c]:b&&u?i(h,n):v&&z[c]==h?function(e){var t=function(t,o,n){if(this instanceof e){switch(arguments.length){case 0:return new e;case 1:return new e(t);case 2:return new e(t,o)}return new e(t,o,n)}return e.apply(this,arguments)};return t[l]=e[l],t}(h):m&&"function"==typeof h?i(Function.call,h):h,m&&((y.virtual||(y.virtual={}))[c]=h,e&d.R&&w&&!w[c]&&a(w,c,h)))};d.F=1,d.G=2,d.S=4,d.P=8,d.B=16,d.W=32,d.U=64,d.R=128,e.exports=d},7929:e=>{e.exports=function(e){try{return!!e()}catch(e){return!0}}},33938:e=>{var t=e.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=t)},27069:e=>{var t={}.hasOwnProperty;e.exports=function(e,o){return t.call(e,o)}},41818:(e,t,o)=>{var n=o(4743),r=o(83101);e.exports=o(89666)?function(e,t,o){return n.f(e,t,r(1,o))}:function(e,t,o){return e[t]=o,e}},33758:(e,t,o)=>{e.exports=!o(89666)&&!o(7929)((function(){return 7!=Object.defineProperty(o(97467)("div"),"a",{get:function(){return 7}}).a}))},36727:e=>{e.exports=function(e){return"object"==typeof e?null!==e:"function"==typeof e}},4743:(e,t,o)=>{var n=o(12159),r=o(33758),i=o(33206),a=Object.defineProperty;t.f=o(89666)?Object.defineProperty:function(e,t,o){if(n(e),t=i(t,!0),n(o),r)try{return a(e,t,o)}catch(e){}if("get"in o||"set"in o)throw TypeError("Accessors not supported!");return"value"in o&&(e[t]=o.value),e}},83101:e=>{e.exports=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}}},33206:(e,t,o)=>{var n=o(36727);e.exports=function(e,t){if(!n(e))return e;var o,r;if(t&&"function"==typeof(o=e.toString)&&!n(r=o.call(e)))return r;if("function"==typeof(o=e.valueOf)&&!n(r=o.call(e)))return r;if(!t&&"function"==typeof(o=e.toString)&&!n(r=o.call(e)))return r;throw TypeError("Can't convert object to primitive value")}},34579:(e,t,o)=>{var n=o(83856);n(n.G,{global:o(33938)})},24963:e=>{e.exports=function(e){if("function"!=typeof e)throw TypeError(e+" is not a function!");return e}},83365:(e,t,o)=>{var n=o(92032);e.exports=function(e,t){if("number"!=typeof e&&"Number"!=n(e))throw TypeError(t);return+e}},17722:(e,t,o)=>{var n=o(86314)("unscopables"),r=Array.prototype;null==r[n]&&o(87728)(r,n,{}),e.exports=function(e){r[n][e]=!0}},76793:(e,t,o)=>{"use strict";var n=o(24496)(!0);e.exports=function(e,t,o){return t+(o?n(e,t).length:1)}},83328:e=>{e.exports=function(e,t,o,n){if(!(e instanceof t)||void 0!==n&&n in e)throw TypeError(o+": incorrect invocation!");return e}},27007:(e,t,o)=>{var n=o(55286);e.exports=function(e){if(!n(e))throw TypeError(e+" is not an object!");return e}},5216:(e,t,o)=>{"use strict";var n=o(20508),r=o(92337),i=o(10875);e.exports=[].copyWithin||function(e,t){var o=n(this),a=i(o.length),s=r(e,a),l=r(t,a),d=arguments.length>2?arguments[2]:void 0,c=Math.min((void 0===d?a:r(d,a))-l,a-s),u=1;for(l<s&&s<l+c&&(u=-1,l+=c-1,s+=c-1);c-- >0;)l in o?o[s]=o[l]:delete o[s],s+=u,l+=u;return o}},46852:(e,t,o)=>{"use strict";var n=o(20508),r=o(92337),i=o(10875);e.exports=function(e){for(var t=n(this),o=i(t.length),a=arguments.length,s=r(a>1?arguments[1]:void 0,o),l=a>2?arguments[2]:void 0,d=void 0===l?o:r(l,o);d>s;)t[s++]=e;return t}},79315:(e,t,o)=>{var n=o(22110),r=o(10875),i=o(92337);e.exports=function(e){return function(t,o,a){var s,l=n(t),d=r(l.length),c=i(a,d);if(e&&o!=o){for(;d>c;)if((s=l[c++])!=s)return!0}else for(;d>c;c++)if((e||c in l)&&l[c]===o)return e||c||0;return!e&&-1}}},10050:(e,t,o)=>{var n=o(741),r=o(49797),i=o(20508),a=o(10875),s=o(16886);e.exports=function(e,t){var o=1==e,l=2==e,d=3==e,c=4==e,u=6==e,h=5==e||u,f=t||s;return function(t,s,p){for(var g,m,b=i(t),v=r(b),y=n(s,p,3),w=a(v.length),z=0,C=o?f(t,w):l?f(t,0):void 0;w>z;z++)if((h||z in v)&&(m=y(g=v[z],z,b),e))if(o)C[z]=m;else if(m)switch(e){case 3:return!0;case 5:return g;case 6:return z;case 2:C.push(g)}else if(c)return!1;return u?-1:d||c?c:C}}},37628:(e,t,o)=>{var n=o(24963),r=o(20508),i=o(49797),a=o(10875);e.exports=function(e,t,o,s,l){n(t);var d=r(e),c=i(d),u=a(d.length),h=l?u-1:0,f=l?-1:1;if(o<2)for(;;){if(h in c){s=c[h],h+=f;break}if(h+=f,l?h<0:u<=h)throw TypeError("Reduce of empty array with no initial value")}for(;l?h>=0:u>h;h+=f)h in c&&(s=t(s,c[h],h,d));return s}},42736:(e,t,o)=>{var n=o(55286),r=o(4302),i=o(86314)("species");e.exports=function(e){var t;return r(e)&&("function"!=typeof(t=e.constructor)||t!==Array&&!r(t.prototype)||(t=void 0),n(t)&&null===(t=t[i])&&(t=void 0)),void 0===t?Array:t}},16886:(e,t,o)=>{var n=o(42736);e.exports=function(e,t){return new(n(e))(t)}},34398:(e,t,o)=>{"use strict";var n=o(24963),r=o(55286),i=o(97242),a=[].slice,s={};e.exports=Function.bind||function(e){var t=n(this),o=a.call(arguments,1),l=function(){var n=o.concat(a.call(arguments));return this instanceof l?function(e,t,o){if(!(t in s)){for(var n=[],r=0;r<t;r++)n[r]="a["+r+"]";s[t]=Function("F,a","return new F("+n.join(",")+")")}return s[t](e,o)}(t,n.length,n):i(t,n,e)};return r(t.prototype)&&(l.prototype=t.prototype),l}},41488:(e,t,o)=>{var n=o(92032),r=o(86314)("toStringTag"),i="Arguments"==n(function(){return arguments}());e.exports=function(e){var t,o,a;return void 0===e?"Undefined":null===e?"Null":"string"==typeof(o=function(e,t){try{return e[t]}catch(e){}}(t=Object(e),r))?o:i?n(t):"Object"==(a=n(t))&&"function"==typeof t.callee?"Arguments":a}},92032:e=>{var t={}.toString;e.exports=function(e){return t.call(e).slice(8,-1)}},9824:(e,t,o)=>{"use strict";var n=o(99275).f,r=o(42503),i=o(24408),a=o(741),s=o(83328),l=o(3531),d=o(42923),c=o(15436),u=o(2974),h=o(67057),f=o(84728).fastKey,p=o(1616),g=h?"_s":"size",m=function(e,t){var o,n=f(t);if("F"!==n)return e._i[n];for(o=e._f;o;o=o.n)if(o.k==t)return o};e.exports={getConstructor:function(e,t,o,d){var c=e((function(e,n){s(e,c,t,"_i"),e._t=t,e._i=r(null),e._f=void 0,e._l=void 0,e[g]=0,null!=n&&l(n,o,e[d],e)}));return i(c.prototype,{clear:function(){for(var e=p(this,t),o=e._i,n=e._f;n;n=n.n)n.r=!0,n.p&&(n.p=n.p.n=void 0),delete o[n.i];e._f=e._l=void 0,e[g]=0},delete:function(e){var o=p(this,t),n=m(o,e);if(n){var r=n.n,i=n.p;delete o._i[n.i],n.r=!0,i&&(i.n=r),r&&(r.p=i),o._f==n&&(o._f=r),o._l==n&&(o._l=i),o[g]--}return!!n},forEach:function(e){p(this,t);for(var o,n=a(e,arguments.length>1?arguments[1]:void 0,3);o=o?o.n:this._f;)for(n(o.v,o.k,this);o&&o.r;)o=o.p},has:function(e){return!!m(p(this,t),e)}}),h&&n(c.prototype,"size",{get:function(){return p(this,t)[g]}}),c},def:function(e,t,o){var n,r,i=m(e,t);return i?i.v=o:(e._l=i={i:r=f(t,!0),k:t,v:o,p:n=e._l,n:void 0,r:!1},e._f||(e._f=i),n&&(n.n=i),e[g]++,"F"!==r&&(e._i[r]=i)),e},getEntry:m,setStrong:function(e,t,o){d(e,t,(function(e,o){this._t=p(e,t),this._k=o,this._l=void 0}),(function(){for(var e=this,t=e._k,o=e._l;o&&o.r;)o=o.p;return e._t&&(e._l=o=o?o.n:e._t._f)?c(0,"keys"==t?o.k:"values"==t?o.v:[o.k,o.v]):(e._t=void 0,c(1))}),o?"entries":"values",!o,!0),u(t)}}},23657:(e,t,o)=>{"use strict";var n=o(24408),r=o(84728).getWeak,i=o(27007),a=o(55286),s=o(83328),l=o(3531),d=o(10050),c=o(79181),u=o(1616),h=d(5),f=d(6),p=0,g=function(e){return e._l||(e._l=new m)},m=function(){this.a=[]},b=function(e,t){return h(e.a,(function(e){return e[0]===t}))};m.prototype={get:function(e){var t=b(this,e);if(t)return t[1]},has:function(e){return!!b(this,e)},set:function(e,t){var o=b(this,e);o?o[1]=t:this.a.push([e,t])},delete:function(e){var t=f(this.a,(function(t){return t[0]===e}));return~t&&this.a.splice(t,1),!!~t}},e.exports={getConstructor:function(e,t,o,i){var d=e((function(e,n){s(e,d,t,"_i"),e._t=t,e._i=p++,e._l=void 0,null!=n&&l(n,o,e[i],e)}));return n(d.prototype,{delete:function(e){if(!a(e))return!1;var o=r(e);return!0===o?g(u(this,t)).delete(e):o&&c(o,this._i)&&delete o[this._i]},has:function(e){if(!a(e))return!1;var o=r(e);return!0===o?g(u(this,t)).has(e):o&&c(o,this._i)}}),d},def:function(e,t,o){var n=r(i(t),!0);return!0===n?g(e).set(t,o):n[e._i]=o,e},ufstore:g}},45795:(e,t,o)=>{"use strict";var n=o(3816),r=o(42985),i=o(77234),a=o(24408),s=o(84728),l=o(3531),d=o(83328),c=o(55286),u=o(74253),h=o(7462),f=o(22943),p=o(40266);e.exports=function(e,t,o,g,m,b){var v=n[e],y=v,w=m?"set":"add",z=y&&y.prototype,C={},S=function(e){var t=z[e];i(z,e,"delete"==e||"has"==e?function(e){return!(b&&!c(e))&&t.call(this,0===e?0:e)}:"get"==e?function(e){return b&&!c(e)?void 0:t.call(this,0===e?0:e)}:"add"==e?function(e){return t.call(this,0===e?0:e),this}:function(e,o){return t.call(this,0===e?0:e,o),this})};if("function"==typeof y&&(b||z.forEach&&!u((function(){(new y).entries().next()})))){var k=new y,x=k[w](b?{}:-0,1)!=k,O=u((function(){k.has(1)})),_=h((function(e){new y(e)})),R=!b&&u((function(){for(var e=new y,t=5;t--;)e[w](t,t);return!e.has(-0)}));_||((y=t((function(t,o){d(t,y,e);var n=p(new v,t,y);return null!=o&&l(o,m,n[w],n),n}))).prototype=z,z.constructor=y),(O||R)&&(S("delete"),S("has"),m&&S("get")),(R||x)&&S(w),b&&z.clear&&delete z.clear}else y=g.getConstructor(t,e,m,w),a(y.prototype,o),s.NEED=!0;return f(y,e),C[e]=y,r(r.G+r.W+r.F*(y!=v),C),b||g.setStrong(y,e,m),y}},25645:e=>{var t=e.exports={version:"2.6.12"};"number"==typeof __e&&(__e=t)},92811:(e,t,o)=>{"use strict";var n=o(99275),r=o(90681);e.exports=function(e,t,o){t in e?n.f(e,t,r(0,o)):e[t]=o}},741:(e,t,o)=>{var n=o(24963);e.exports=function(e,t,o){if(n(e),void 0===t)return e;switch(o){case 1:return function(o){return e.call(t,o)};case 2:return function(o,n){return e.call(t,o,n)};case 3:return function(o,n,r){return e.call(t,o,n,r)}}return function(){return e.apply(t,arguments)}}},53537:(e,t,o)=>{"use strict";var n=o(74253),r=Date.prototype.getTime,i=Date.prototype.toISOString,a=function(e){return e>9?e:"0"+e};e.exports=n((function(){return"0385-07-25T07:06:39.999Z"!=i.call(new Date(-50000000000001))}))||!n((function(){i.call(new Date(NaN))}))?function(){if(!isFinite(r.call(this)))throw RangeError("Invalid time value");var e=this,t=e.getUTCFullYear(),o=e.getUTCMilliseconds(),n=t<0?"-":t>9999?"+":"";return n+("00000"+Math.abs(t)).slice(n?-6:-4)+"-"+a(e.getUTCMonth()+1)+"-"+a(e.getUTCDate())+"T"+a(e.getUTCHours())+":"+a(e.getUTCMinutes())+":"+a(e.getUTCSeconds())+"."+(o>99?o:"0"+a(o))+"Z"}:i},870:(e,t,o)=>{"use strict";var n=o(27007),r=o(21689),i="number";e.exports=function(e){if("string"!==e&&e!==i&&"default"!==e)throw TypeError("Incorrect hint");return r(n(this),e!=i)}},91355:e=>{e.exports=function(e){if(null==e)throw TypeError("Can't call method on  "+e);return e}},67057:(e,t,o)=>{e.exports=!o(74253)((function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a}))},62457:(e,t,o)=>{var n=o(55286),r=o(3816).document,i=n(r)&&n(r.createElement);e.exports=function(e){return i?r.createElement(e):{}}},74430:e=>{e.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},5541:(e,t,o)=>{var n=o(47184),r=o(64548),i=o(14682);e.exports=function(e){var t=n(e),o=r.f;if(o)for(var a,s=o(e),l=i.f,d=0;s.length>d;)l.call(e,a=s[d++])&&t.push(a);return t}},42985:(e,t,o)=>{var n=o(3816),r=o(25645),i=o(87728),a=o(77234),s=o(741),l="prototype",d=function(e,t,o){var c,u,h,f,p=e&d.F,g=e&d.G,m=e&d.S,b=e&d.P,v=e&d.B,y=g?n:m?n[t]||(n[t]={}):(n[t]||{})[l],w=g?r:r[t]||(r[t]={}),z=w[l]||(w[l]={});for(c in g&&(o=t),o)h=((u=!p&&y&&void 0!==y[c])?y:o)[c],f=v&&u?s(h,n):b&&"function"==typeof h?s(Function.call,h):h,y&&a(y,c,h,e&d.U),w[c]!=h&&i(w,c,f),b&&z[c]!=h&&(z[c]=h)};n.core=r,d.F=1,d.G=2,d.S=4,d.P=8,d.B=16,d.W=32,d.U=64,d.R=128,e.exports=d},8852:(e,t,o)=>{var n=o(86314)("match");e.exports=function(e){var t=/./;try{"/./"[e](t)}catch(o){try{return t[n]=!1,!"/./"[e](t)}catch(e){}}return!0}},74253:e=>{e.exports=function(e){try{return!!e()}catch(e){return!0}}},28082:(e,t,o)=>{"use strict";o(18269);var n=o(77234),r=o(87728),i=o(74253),a=o(91355),s=o(86314),l=o(21165),d=s("species"),c=!i((function(){var e=/./;return e.exec=function(){var e=[];return e.groups={a:"7"},e},"7"!=="".replace(e,"$<a>")})),u=function(){var e=/(?:)/,t=e.exec;e.exec=function(){return t.apply(this,arguments)};var o="ab".split(e);return 2===o.length&&"a"===o[0]&&"b"===o[1]}();e.exports=function(e,t,o){var h=s(e),f=!i((function(){var t={};return t[h]=function(){return 7},7!=""[e](t)})),p=f?!i((function(){var t=!1,o=/a/;return o.exec=function(){return t=!0,null},"split"===e&&(o.constructor={},o.constructor[d]=function(){return o}),o[h](""),!t})):void 0;if(!f||!p||"replace"===e&&!c||"split"===e&&!u){var g=/./[h],m=o(a,h,""[e],(function(e,t,o,n,r){return t.exec===l?f&&!r?{done:!0,value:g.call(t,o,n)}:{done:!0,value:e.call(o,t,n)}:{done:!1}})),b=m[0],v=m[1];n(String.prototype,e,b),r(RegExp.prototype,h,2==t?function(e,t){return v.call(e,this,t)}:function(e){return v.call(e,this)})}}},53218:(e,t,o)=>{"use strict";var n=o(27007);e.exports=function(){var e=n(this),t="";return e.global&&(t+="g"),e.ignoreCase&&(t+="i"),e.multiline&&(t+="m"),e.unicode&&(t+="u"),e.sticky&&(t+="y"),t}},13325:(e,t,o)=>{"use strict";var n=o(4302),r=o(55286),i=o(10875),a=o(741),s=o(86314)("isConcatSpreadable");e.exports=function e(t,o,l,d,c,u,h,f){for(var p,g,m=c,b=0,v=!!h&&a(h,f,3);b<d;){if(b in l){if(p=v?v(l[b],b,o):l[b],g=!1,r(p)&&(g=void 0!==(g=p[s])?!!g:n(p)),g&&u>0)m=e(t,o,p,i(p.length),m,u-1)-1;else{if(m>=9007199254740991)throw TypeError();t[m]=p}m++}b++}return m}},3531:(e,t,o)=>{var n=o(741),r=o(28851),i=o(86555),a=o(27007),s=o(10875),l=o(69002),d={},c={},u=e.exports=function(e,t,o,u,h){var f,p,g,m,b=h?function(){return e}:l(e),v=n(o,u,t?2:1),y=0;if("function"!=typeof b)throw TypeError(e+" is not iterable!");if(i(b)){for(f=s(e.length);f>y;y++)if((m=t?v(a(p=e[y])[0],p[1]):v(e[y]))===d||m===c)return m}else for(g=b.call(e);!(p=g.next()).done;)if((m=r(g,v,p.value,t))===d||m===c)return m};u.BREAK=d,u.RETURN=c},40018:(e,t,o)=>{e.exports=o(3825)("native-function-to-string",Function.toString)},3816:e=>{var t=e.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=t)},79181:e=>{var t={}.hasOwnProperty;e.exports=function(e,o){return t.call(e,o)}},87728:(e,t,o)=>{var n=o(99275),r=o(90681);e.exports=o(67057)?function(e,t,o){return n.f(e,t,r(1,o))}:function(e,t,o){return e[t]=o,e}},40639:(e,t,o)=>{var n=o(3816).document;e.exports=n&&n.documentElement},1734:(e,t,o)=>{e.exports=!o(67057)&&!o(74253)((function(){return 7!=Object.defineProperty(o(62457)("div"),"a",{get:function(){return 7}}).a}))},40266:(e,t,o)=>{var n=o(55286),r=o(27375).set;e.exports=function(e,t,o){var i,a=t.constructor;return a!==o&&"function"==typeof a&&(i=a.prototype)!==o.prototype&&n(i)&&r&&r(e,i),e}},97242:e=>{e.exports=function(e,t,o){var n=void 0===o;switch(t.length){case 0:return n?e():e.call(o);case 1:return n?e(t[0]):e.call(o,t[0]);case 2:return n?e(t[0],t[1]):e.call(o,t[0],t[1]);case 3:return n?e(t[0],t[1],t[2]):e.call(o,t[0],t[1],t[2]);case 4:return n?e(t[0],t[1],t[2],t[3]):e.call(o,t[0],t[1],t[2],t[3])}return e.apply(o,t)}},49797:(e,t,o)=>{var n=o(92032);e.exports=Object("z").propertyIsEnumerable(0)?Object:function(e){return"String"==n(e)?e.split(""):Object(e)}},86555:(e,t,o)=>{var n=o(87234),r=o(86314)("iterator"),i=Array.prototype;e.exports=function(e){return void 0!==e&&(n.Array===e||i[r]===e)}},4302:(e,t,o)=>{var n=o(92032);e.exports=Array.isArray||function(e){return"Array"==n(e)}},18367:(e,t,o)=>{var n=o(55286),r=Math.floor;e.exports=function(e){return!n(e)&&isFinite(e)&&r(e)===e}},55286:e=>{e.exports=function(e){return"object"==typeof e?null!==e:"function"==typeof e}},55364:(e,t,o)=>{var n=o(55286),r=o(92032),i=o(86314)("match");e.exports=function(e){var t;return n(e)&&(void 0!==(t=e[i])?!!t:"RegExp"==r(e))}},28851:(e,t,o)=>{var n=o(27007);e.exports=function(e,t,o,r){try{return r?t(n(o)[0],o[1]):t(o)}catch(t){var i=e.return;throw void 0!==i&&n(i.call(e)),t}}},49988:(e,t,o)=>{"use strict";var n=o(42503),r=o(90681),i=o(22943),a={};o(87728)(a,o(86314)("iterator"),(function(){return this})),e.exports=function(e,t,o){e.prototype=n(a,{next:r(1,o)}),i(e,t+" Iterator")}},42923:(e,t,o)=>{"use strict";var n=o(4461),r=o(42985),i=o(77234),a=o(87728),s=o(87234),l=o(49988),d=o(22943),c=o(468),u=o(86314)("iterator"),h=!([].keys&&"next"in[].keys()),f="keys",p="values",g=function(){return this};e.exports=function(e,t,o,m,b,v,y){l(o,t,m);var w,z,C,S=function(e){if(!h&&e in _)return _[e];switch(e){case f:case p:return function(){return new o(this,e)}}return function(){return new o(this,e)}},k=t+" Iterator",x=b==p,O=!1,_=e.prototype,R=_[u]||_["@@iterator"]||b&&_[b],E=R||S(b),M=b?x?S("entries"):E:void 0,D="Array"==t&&_.entries||R;if(D&&(C=c(D.call(new e)))!==Object.prototype&&C.next&&(d(C,k,!0),n||"function"==typeof C[u]||a(C,u,g)),x&&R&&R.name!==p&&(O=!0,E=function(){return R.call(this)}),n&&!y||!h&&!O&&_[u]||a(_,u,E),s[t]=E,s[k]=g,b)if(w={values:x?E:S(p),keys:v?E:S(f),entries:M},y)for(z in w)z in _||i(_,z,w[z]);else r(r.P+r.F*(h||O),t,w);return w}},7462:(e,t,o)=>{var n=o(86314)("iterator"),r=!1;try{var i=[7][n]();i.return=function(){r=!0},Array.from(i,(function(){throw 2}))}catch(e){}e.exports=function(e,t){if(!t&&!r)return!1;var o=!1;try{var i=[7],a=i[n]();a.next=function(){return{done:o=!0}},i[n]=function(){return a},e(i)}catch(e){}return o}},15436:e=>{e.exports=function(e,t){return{value:t,done:!!e}}},87234:e=>{e.exports={}},4461:e=>{e.exports=!1},13086:e=>{var t=Math.expm1;e.exports=!t||t(10)>22025.465794806718||t(10)<22025.465794806718||-2e-17!=t(-2e-17)?function(e){return 0==(e=+e)?e:e>-1e-6&&e<1e-6?e+e*e/2:Math.exp(e)-1}:t},34934:(e,t,o)=>{var n=o(61801),r=Math.pow,i=r(2,-52),a=r(2,-23),s=r(2,127)*(2-a),l=r(2,-126);e.exports=Math.fround||function(e){var t,o,r=Math.abs(e),d=n(e);return r<l?d*(r/l/a+1/i-1/i)*l*a:(o=(t=(1+a/i)*r)-(t-r))>s||o!=o?d*(1/0):d*o}},46206:e=>{e.exports=Math.log1p||function(e){return(e=+e)>-1e-8&&e<1e-8?e-e*e/2:Math.log(1+e)}},61801:e=>{e.exports=Math.sign||function(e){return 0==(e=+e)||e!=e?e:e<0?-1:1}},84728:(e,t,o)=>{var n=o(93953)("meta"),r=o(55286),i=o(79181),a=o(99275).f,s=0,l=Object.isExtensible||function(){return!0},d=!o(74253)((function(){return l(Object.preventExtensions({}))})),c=function(e){a(e,n,{value:{i:"O"+ ++s,w:{}}})},u=e.exports={KEY:n,NEED:!1,fastKey:function(e,t){if(!r(e))return"symbol"==typeof e?e:("string"==typeof e?"S":"P")+e;if(!i(e,n)){if(!l(e))return"F";if(!t)return"E";c(e)}return e[n].i},getWeak:function(e,t){if(!i(e,n)){if(!l(e))return!0;if(!t)return!1;c(e)}return e[n].w},onFreeze:function(e){return d&&u.NEED&&l(e)&&!i(e,n)&&c(e),e}}},14351:(e,t,o)=>{var n=o(3816),r=o(74193).set,i=n.MutationObserver||n.WebKitMutationObserver,a=n.process,s=n.Promise,l="process"==o(92032)(a);e.exports=function(){var e,t,o,d=function(){var n,r;for(l&&(n=a.domain)&&n.exit();e;){r=e.fn,e=e.next;try{r()}catch(n){throw e?o():t=void 0,n}}t=void 0,n&&n.enter()};if(l)o=function(){a.nextTick(d)};else if(!i||n.navigator&&n.navigator.standalone)if(s&&s.resolve){var c=s.resolve(void 0);o=function(){c.then(d)}}else o=function(){r.call(n,d)};else{var u=!0,h=document.createTextNode("");new i(d).observe(h,{characterData:!0}),o=function(){h.data=u=!u}}return function(n){var r={fn:n,next:void 0};t&&(t.next=r),e||(e=r,o()),t=r}}},43499:(e,t,o)=>{"use strict";var n=o(24963);function r(e){var t,o;this.promise=new e((function(e,n){if(void 0!==t||void 0!==o)throw TypeError("Bad Promise constructor");t=e,o=n})),this.resolve=n(t),this.reject=n(o)}e.exports.f=function(e){return new r(e)}},35345:(e,t,o)=>{"use strict";var n=o(67057),r=o(47184),i=o(64548),a=o(14682),s=o(20508),l=o(49797),d=Object.assign;e.exports=!d||o(74253)((function(){var e={},t={},o=Symbol(),n="abcdefghijklmnopqrst";return e[o]=7,n.split("").forEach((function(e){t[e]=e})),7!=d({},e)[o]||Object.keys(d({},t)).join("")!=n}))?function(e,t){for(var o=s(e),d=arguments.length,c=1,u=i.f,h=a.f;d>c;)for(var f,p=l(arguments[c++]),g=u?r(p).concat(u(p)):r(p),m=g.length,b=0;m>b;)f=g[b++],n&&!h.call(p,f)||(o[f]=p[f]);return o}:d},42503:(e,t,o)=>{var n=o(27007),r=o(35588),i=o(74430),a=o(69335)("IE_PROTO"),s=function(){},l="prototype",d=function(){var e,t=o(62457)("iframe"),n=i.length;for(t.style.display="none",o(40639).appendChild(t),t.src="javascript:",(e=t.contentWindow.document).open(),e.write("<script>document.F=Object<\/script>"),e.close(),d=e.F;n--;)delete d[l][i[n]];return d()};e.exports=Object.create||function(e,t){var o;return null!==e?(s[l]=n(e),o=new s,s[l]=null,o[a]=e):o=d(),void 0===t?o:r(o,t)}},99275:(e,t,o)=>{var n=o(27007),r=o(1734),i=o(21689),a=Object.defineProperty;t.f=o(67057)?Object.defineProperty:function(e,t,o){if(n(e),t=i(t,!0),n(o),r)try{return a(e,t,o)}catch(e){}if("get"in o||"set"in o)throw TypeError("Accessors not supported!");return"value"in o&&(e[t]=o.value),e}},35588:(e,t,o)=>{var n=o(99275),r=o(27007),i=o(47184);e.exports=o(67057)?Object.defineProperties:function(e,t){r(e);for(var o,a=i(t),s=a.length,l=0;s>l;)n.f(e,o=a[l++],t[o]);return e}},18693:(e,t,o)=>{var n=o(14682),r=o(90681),i=o(22110),a=o(21689),s=o(79181),l=o(1734),d=Object.getOwnPropertyDescriptor;t.f=o(67057)?d:function(e,t){if(e=i(e),t=a(t,!0),l)try{return d(e,t)}catch(e){}if(s(e,t))return r(!n.f.call(e,t),e[t])}},39327:(e,t,o)=>{var n=o(22110),r=o(20616).f,i={}.toString,a="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[];e.exports.f=function(e){return a&&"[object Window]"==i.call(e)?function(e){try{return r(e)}catch(e){return a.slice()}}(e):r(n(e))}},20616:(e,t,o)=>{var n=o(60189),r=o(74430).concat("length","prototype");t.f=Object.getOwnPropertyNames||function(e){return n(e,r)}},64548:(e,t)=>{t.f=Object.getOwnPropertySymbols},468:(e,t,o)=>{var n=o(79181),r=o(20508),i=o(69335)("IE_PROTO"),a=Object.prototype;e.exports=Object.getPrototypeOf||function(e){return e=r(e),n(e,i)?e[i]:"function"==typeof e.constructor&&e instanceof e.constructor?e.constructor.prototype:e instanceof Object?a:null}},60189:(e,t,o)=>{var n=o(79181),r=o(22110),i=o(79315)(!1),a=o(69335)("IE_PROTO");e.exports=function(e,t){var o,s=r(e),l=0,d=[];for(o in s)o!=a&&n(s,o)&&d.push(o);for(;t.length>l;)n(s,o=t[l++])&&(~i(d,o)||d.push(o));return d}},47184:(e,t,o)=>{var n=o(60189),r=o(74430);e.exports=Object.keys||function(e){return n(e,r)}},14682:(e,t)=>{t.f={}.propertyIsEnumerable},33160:(e,t,o)=>{var n=o(42985),r=o(25645),i=o(74253);e.exports=function(e,t){var o=(r.Object||{})[e]||Object[e],a={};a[e]=t(o),n(n.S+n.F*i((function(){o(1)})),"Object",a)}},51131:(e,t,o)=>{var n=o(67057),r=o(47184),i=o(22110),a=o(14682).f;e.exports=function(e){return function(t){for(var o,s=i(t),l=r(s),d=l.length,c=0,u=[];d>c;)o=l[c++],n&&!a.call(s,o)||u.push(e?[o,s[o]]:s[o]);return u}}},57643:(e,t,o)=>{var n=o(20616),r=o(64548),i=o(27007),a=o(3816).Reflect;e.exports=a&&a.ownKeys||function(e){var t=n.f(i(e)),o=r.f;return o?t.concat(o(e)):t}},47743:(e,t,o)=>{var n=o(3816).parseFloat,r=o(29599).trim;e.exports=1/n(o(84644)+"-0")!=-1/0?function(e){var t=r(String(e),3),o=n(t);return 0===o&&"-"==t.charAt(0)?-0:o}:n},55960:(e,t,o)=>{var n=o(3816).parseInt,r=o(29599).trim,i=o(84644),a=/^[-+]?0[xX]/;e.exports=8!==n(i+"08")||22!==n(i+"0x16")?function(e,t){var o=r(String(e),3);return n(o,t>>>0||(a.test(o)?16:10))}:n},10188:e=>{e.exports=function(e){try{return{e:!1,v:e()}}catch(e){return{e:!0,v:e}}}},50094:(e,t,o)=>{var n=o(27007),r=o(55286),i=o(43499);e.exports=function(e,t){if(n(e),r(t)&&t.constructor===e)return t;var o=i.f(e);return(0,o.resolve)(t),o.promise}},90681:e=>{e.exports=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}}},24408:(e,t,o)=>{var n=o(77234);e.exports=function(e,t,o){for(var r in t)n(e,r,t[r],o);return e}},77234:(e,t,o)=>{var n=o(3816),r=o(87728),i=o(79181),a=o(93953)("src"),s=o(40018),l="toString",d=(""+s).split(l);o(25645).inspectSource=function(e){return s.call(e)},(e.exports=function(e,t,o,s){var l="function"==typeof o;l&&(i(o,"name")||r(o,"name",t)),e[t]!==o&&(l&&(i(o,a)||r(o,a,e[t]?""+e[t]:d.join(String(t)))),e===n?e[t]=o:s?e[t]?e[t]=o:r(e,t,o):(delete e[t],r(e,t,o)))})(Function.prototype,l,(function(){return"function"==typeof this&&this[a]||s.call(this)}))},27787:(e,t,o)=>{"use strict";var n=o(41488),r=RegExp.prototype.exec;e.exports=function(e,t){var o=e.exec;if("function"==typeof o){var i=o.call(e,t);if("object"!=typeof i)throw new TypeError("RegExp exec method returned something other than an Object or null");return i}if("RegExp"!==n(e))throw new TypeError("RegExp#exec called on incompatible receiver");return r.call(e,t)}},21165:(e,t,o)=>{"use strict";var n,r,i=o(53218),a=RegExp.prototype.exec,s=String.prototype.replace,l=a,d="lastIndex",c=(n=/a/,r=/b*/g,a.call(n,"a"),a.call(r,"a"),0!==n[d]||0!==r[d]),u=void 0!==/()??/.exec("")[1];(c||u)&&(l=function(e){var t,o,n,r,l=this;return u&&(o=new RegExp("^"+l.source+"$(?!\\s)",i.call(l))),c&&(t=l[d]),n=a.call(l,e),c&&n&&(l[d]=l.global?n.index+n[0].length:t),u&&n&&n.length>1&&s.call(n[0],o,(function(){for(r=1;r<arguments.length-2;r++)void 0===arguments[r]&&(n[r]=void 0)})),n}),e.exports=l},27195:e=>{e.exports=Object.is||function(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}},27375:(e,t,o)=>{var n=o(55286),r=o(27007),i=function(e,t){if(r(e),!n(t)&&null!==t)throw TypeError(t+": can't set as prototype!")};e.exports={set:Object.setPrototypeOf||("__proto__"in{}?function(e,t,n){try{(n=o(741)(Function.call,o(18693).f(Object.prototype,"__proto__").set,2))(e,[]),t=!(e instanceof Array)}catch(e){t=!0}return function(e,o){return i(e,o),t?e.__proto__=o:n(e,o),e}}({},!1):void 0),check:i}},2974:(e,t,o)=>{"use strict";var n=o(3816),r=o(99275),i=o(67057),a=o(86314)("species");e.exports=function(e){var t=n[e];i&&t&&!t[a]&&r.f(t,a,{configurable:!0,get:function(){return this}})}},22943:(e,t,o)=>{var n=o(99275).f,r=o(79181),i=o(86314)("toStringTag");e.exports=function(e,t,o){e&&!r(e=o?e:e.prototype,i)&&n(e,i,{configurable:!0,value:t})}},69335:(e,t,o)=>{var n=o(3825)("keys"),r=o(93953);e.exports=function(e){return n[e]||(n[e]=r(e))}},3825:(e,t,o)=>{var n=o(25645),r=o(3816),i="__core-js_shared__",a=r[i]||(r[i]={});(e.exports=function(e,t){return a[e]||(a[e]=void 0!==t?t:{})})("versions",[]).push({version:n.version,mode:o(4461)?"pure":"global",copyright:"© 2020 Denis Pushkarev (zloirock.ru)"})},58364:(e,t,o)=>{var n=o(27007),r=o(24963),i=o(86314)("species");e.exports=function(e,t){var o,a=n(e).constructor;return void 0===a||null==(o=n(a)[i])?t:r(o)}},77717:(e,t,o)=>{"use strict";var n=o(74253);e.exports=function(e,t){return!!e&&n((function(){t?e.call(null,(function(){}),1):e.call(null)}))}},24496:(e,t,o)=>{var n=o(81467),r=o(91355);e.exports=function(e){return function(t,o){var i,a,s=String(r(t)),l=n(o),d=s.length;return l<0||l>=d?e?"":void 0:(i=s.charCodeAt(l))<55296||i>56319||l+1===d||(a=s.charCodeAt(l+1))<56320||a>57343?e?s.charAt(l):i:e?s.slice(l,l+2):a-56320+(i-55296<<10)+65536}}},42094:(e,t,o)=>{var n=o(55364),r=o(91355);e.exports=function(e,t,o){if(n(t))throw TypeError("String#"+o+" doesn't accept regex!");return String(r(e))}},29395:(e,t,o)=>{var n=o(42985),r=o(74253),i=o(91355),a=/"/g,s=function(e,t,o,n){var r=String(i(e)),s="<"+t;return""!==o&&(s+=" "+o+'="'+String(n).replace(a,"&quot;")+'"'),s+">"+r+"</"+t+">"};e.exports=function(e,t){var o={};o[e]=t(s),n(n.P+n.F*r((function(){var t=""[e]('"');return t!==t.toLowerCase()||t.split('"').length>3})),"String",o)}},75442:(e,t,o)=>{var n=o(10875),r=o(68595),i=o(91355);e.exports=function(e,t,o,a){var s=String(i(e)),l=s.length,d=void 0===o?" ":String(o),c=n(t);if(c<=l||""==d)return s;var u=c-l,h=r.call(d,Math.ceil(u/d.length));return h.length>u&&(h=h.slice(0,u)),a?h+s:s+h}},68595:(e,t,o)=>{"use strict";var n=o(81467),r=o(91355);e.exports=function(e){var t=String(r(this)),o="",i=n(e);if(i<0||i==1/0)throw RangeError("Count can't be negative");for(;i>0;(i>>>=1)&&(t+=t))1&i&&(o+=t);return o}},29599:(e,t,o)=>{var n=o(42985),r=o(91355),i=o(74253),a=o(84644),s="["+a+"]",l=RegExp("^"+s+s+"*"),d=RegExp(s+s+"*$"),c=function(e,t,o){var r={},s=i((function(){return!!a[e]()||"​…"!="​…"[e]()})),l=r[e]=s?t(u):a[e];o&&(r[o]=l),n(n.P+n.F*s,"String",r)},u=c.trim=function(e,t){return e=String(r(e)),1&t&&(e=e.replace(l,"")),2&t&&(e=e.replace(d,"")),e};e.exports=c},84644:e=>{e.exports="\t\n\v\f\r   ᠎             　\u2028\u2029\ufeff"},74193:(e,t,o)=>{var n,r,i,a=o(741),s=o(97242),l=o(40639),d=o(62457),c=o(3816),u=c.process,h=c.setImmediate,f=c.clearImmediate,p=c.MessageChannel,g=c.Dispatch,m=0,b={},v="onreadystatechange",y=function(){var e=+this;if(b.hasOwnProperty(e)){var t=b[e];delete b[e],t()}},w=function(e){y.call(e.data)};h&&f||(h=function(e){for(var t=[],o=1;arguments.length>o;)t.push(arguments[o++]);return b[++m]=function(){s("function"==typeof e?e:Function(e),t)},n(m),m},f=function(e){delete b[e]},"process"==o(92032)(u)?n=function(e){u.nextTick(a(y,e,1))}:g&&g.now?n=function(e){g.now(a(y,e,1))}:p?(i=(r=new p).port2,r.port1.onmessage=w,n=a(i.postMessage,i,1)):c.addEventListener&&"function"==typeof postMessage&&!c.importScripts?(n=function(e){c.postMessage(e+"","*")},c.addEventListener("message",w,!1)):n=v in d("script")?function(e){l.appendChild(d("script"))[v]=function(){l.removeChild(this),y.call(e)}}:function(e){setTimeout(a(y,e,1),0)}),e.exports={set:h,clear:f}},92337:(e,t,o)=>{var n=o(81467),r=Math.max,i=Math.min;e.exports=function(e,t){return(e=n(e))<0?r(e+t,0):i(e,t)}},94843:(e,t,o)=>{var n=o(81467),r=o(10875);e.exports=function(e){if(void 0===e)return 0;var t=n(e),o=r(t);if(t!==o)throw RangeError("Wrong length!");return o}},81467:e=>{var t=Math.ceil,o=Math.floor;e.exports=function(e){return isNaN(e=+e)?0:(e>0?o:t)(e)}},22110:(e,t,o)=>{var n=o(49797),r=o(91355);e.exports=function(e){return n(r(e))}},10875:(e,t,o)=>{var n=o(81467),r=Math.min;e.exports=function(e){return e>0?r(n(e),9007199254740991):0}},20508:(e,t,o)=>{var n=o(91355);e.exports=function(e){return Object(n(e))}},21689:(e,t,o)=>{var n=o(55286);e.exports=function(e,t){if(!n(e))return e;var o,r;if(t&&"function"==typeof(o=e.toString)&&!n(r=o.call(e)))return r;if("function"==typeof(o=e.valueOf)&&!n(r=o.call(e)))return r;if(!t&&"function"==typeof(o=e.toString)&&!n(r=o.call(e)))return r;throw TypeError("Can't convert object to primitive value")}},78440:(e,t,o)=>{"use strict";if(o(67057)){var n=o(4461),r=o(3816),i=o(74253),a=o(42985),s=o(89383),l=o(91125),d=o(741),c=o(83328),u=o(90681),h=o(87728),f=o(24408),p=o(81467),g=o(10875),m=o(94843),b=o(92337),v=o(21689),y=o(79181),w=o(41488),z=o(55286),C=o(20508),S=o(86555),k=o(42503),x=o(468),O=o(20616).f,_=o(69002),R=o(93953),E=o(86314),M=o(10050),D=o(79315),T=o(58364),A=o(56997),I=o(87234),L=o(7462),Z=o(2974),P=o(46852),F=o(5216),N=o(99275),B=o(18693),G=N.f,H=B.f,j=r.RangeError,U=r.TypeError,W=r.Uint8Array,V="ArrayBuffer",q="Shared"+V,K="BYTES_PER_ELEMENT",Y="prototype",X=Array[Y],J=l.ArrayBuffer,Q=l.DataView,$=M(0),ee=M(2),te=M(3),oe=M(4),ne=M(5),re=M(6),ie=D(!0),ae=D(!1),se=A.values,le=A.keys,de=A.entries,ce=X.lastIndexOf,ue=X.reduce,he=X.reduceRight,fe=X.join,pe=X.sort,ge=X.slice,me=X.toString,be=X.toLocaleString,ve=E("iterator"),ye=E("toStringTag"),we=R("typed_constructor"),ze=R("def_constructor"),Ce=s.CONSTR,Se=s.TYPED,ke=s.VIEW,xe="Wrong length!",Oe=M(1,(function(e,t){return De(T(e,e[ze]),t)})),_e=i((function(){return 1===new W(new Uint16Array([1]).buffer)[0]})),Re=!!W&&!!W[Y].set&&i((function(){new W(1).set({})})),Ee=function(e,t){var o=p(e);if(o<0||o%t)throw j("Wrong offset!");return o},Me=function(e){if(z(e)&&Se in e)return e;throw U(e+" is not a typed array!")},De=function(e,t){if(!z(e)||!(we in e))throw U("It is not a typed array constructor!");return new e(t)},Te=function(e,t){return Ae(T(e,e[ze]),t)},Ae=function(e,t){for(var o=0,n=t.length,r=De(e,n);n>o;)r[o]=t[o++];return r},Ie=function(e,t,o){G(e,t,{get:function(){return this._d[o]}})},Le=function(e){var t,o,n,r,i,a,s=C(e),l=arguments.length,c=l>1?arguments[1]:void 0,u=void 0!==c,h=_(s);if(null!=h&&!S(h)){for(a=h.call(s),n=[],t=0;!(i=a.next()).done;t++)n.push(i.value);s=n}for(u&&l>2&&(c=d(c,arguments[2],2)),t=0,o=g(s.length),r=De(this,o);o>t;t++)r[t]=u?c(s[t],t):s[t];return r},Ze=function(){for(var e=0,t=arguments.length,o=De(this,t);t>e;)o[e]=arguments[e++];return o},Pe=!!W&&i((function(){be.call(new W(1))})),Fe=function(){return be.apply(Pe?ge.call(Me(this)):Me(this),arguments)},Ne={copyWithin:function(e,t){return F.call(Me(this),e,t,arguments.length>2?arguments[2]:void 0)},every:function(e){return oe(Me(this),e,arguments.length>1?arguments[1]:void 0)},fill:function(e){return P.apply(Me(this),arguments)},filter:function(e){return Te(this,ee(Me(this),e,arguments.length>1?arguments[1]:void 0))},find:function(e){return ne(Me(this),e,arguments.length>1?arguments[1]:void 0)},findIndex:function(e){return re(Me(this),e,arguments.length>1?arguments[1]:void 0)},forEach:function(e){$(Me(this),e,arguments.length>1?arguments[1]:void 0)},indexOf:function(e){return ae(Me(this),e,arguments.length>1?arguments[1]:void 0)},includes:function(e){return ie(Me(this),e,arguments.length>1?arguments[1]:void 0)},join:function(e){return fe.apply(Me(this),arguments)},lastIndexOf:function(e){return ce.apply(Me(this),arguments)},map:function(e){return Oe(Me(this),e,arguments.length>1?arguments[1]:void 0)},reduce:function(e){return ue.apply(Me(this),arguments)},reduceRight:function(e){return he.apply(Me(this),arguments)},reverse:function(){for(var e,t=this,o=Me(t).length,n=Math.floor(o/2),r=0;r<n;)e=t[r],t[r++]=t[--o],t[o]=e;return t},some:function(e){return te(Me(this),e,arguments.length>1?arguments[1]:void 0)},sort:function(e){return pe.call(Me(this),e)},subarray:function(e,t){var o=Me(this),n=o.length,r=b(e,n);return new(T(o,o[ze]))(o.buffer,o.byteOffset+r*o.BYTES_PER_ELEMENT,g((void 0===t?n:b(t,n))-r))}},Be=function(e,t){return Te(this,ge.call(Me(this),e,t))},Ge=function(e){Me(this);var t=Ee(arguments[1],1),o=this.length,n=C(e),r=g(n.length),i=0;if(r+t>o)throw j(xe);for(;i<r;)this[t+i]=n[i++]},He={entries:function(){return de.call(Me(this))},keys:function(){return le.call(Me(this))},values:function(){return se.call(Me(this))}},je=function(e,t){return z(e)&&e[Se]&&"symbol"!=typeof t&&t in e&&String(+t)==String(t)},Ue=function(e,t){return je(e,t=v(t,!0))?u(2,e[t]):H(e,t)},We=function(e,t,o){return!(je(e,t=v(t,!0))&&z(o)&&y(o,"value"))||y(o,"get")||y(o,"set")||o.configurable||y(o,"writable")&&!o.writable||y(o,"enumerable")&&!o.enumerable?G(e,t,o):(e[t]=o.value,e)};Ce||(B.f=Ue,N.f=We),a(a.S+a.F*!Ce,"Object",{getOwnPropertyDescriptor:Ue,defineProperty:We}),i((function(){me.call({})}))&&(me=be=function(){return fe.call(this)});var Ve=f({},Ne);f(Ve,He),h(Ve,ve,He.values),f(Ve,{slice:Be,set:Ge,constructor:function(){},toString:me,toLocaleString:Fe}),Ie(Ve,"buffer","b"),Ie(Ve,"byteOffset","o"),Ie(Ve,"byteLength","l"),Ie(Ve,"length","e"),G(Ve,ye,{get:function(){return this[Se]}}),e.exports=function(e,t,o,l){var d=e+((l=!!l)?"Clamped":"")+"Array",u="get"+e,f="set"+e,p=r[d],b=p||{},v=p&&x(p),y=!p||!s.ABV,C={},S=p&&p[Y],_=function(e,o){G(e,o,{get:function(){return function(e,o){var n=e._d;return n.v[u](o*t+n.o,_e)}(this,o)},set:function(e){return function(e,o,n){var r=e._d;l&&(n=(n=Math.round(n))<0?0:n>255?255:255&n),r.v[f](o*t+r.o,n,_e)}(this,o,e)},enumerable:!0})};y?(p=o((function(e,o,n,r){c(e,p,d,"_d");var i,a,s,l,u=0,f=0;if(z(o)){if(!(o instanceof J||(l=w(o))==V||l==q))return Se in o?Ae(p,o):Le.call(p,o);i=o,f=Ee(n,t);var b=o.byteLength;if(void 0===r){if(b%t)throw j(xe);if((a=b-f)<0)throw j(xe)}else if((a=g(r)*t)+f>b)throw j(xe);s=a/t}else s=m(o),i=new J(a=s*t);for(h(e,"_d",{b:i,o:f,l:a,e:s,v:new Q(i)});u<s;)_(e,u++)})),S=p[Y]=k(Ve),h(S,"constructor",p)):i((function(){p(1)}))&&i((function(){new p(-1)}))&&L((function(e){new p,new p(null),new p(1.5),new p(e)}),!0)||(p=o((function(e,o,n,r){var i;return c(e,p,d),z(o)?o instanceof J||(i=w(o))==V||i==q?void 0!==r?new b(o,Ee(n,t),r):void 0!==n?new b(o,Ee(n,t)):new b(o):Se in o?Ae(p,o):Le.call(p,o):new b(m(o))})),$(v!==Function.prototype?O(b).concat(O(v)):O(b),(function(e){e in p||h(p,e,b[e])})),p[Y]=S,n||(S.constructor=p));var R=S[ve],E=!!R&&("values"==R.name||null==R.name),M=He.values;h(p,we,!0),h(S,Se,d),h(S,ke,!0),h(S,ze,p),(l?new p(1)[ye]==d:ye in S)||G(S,ye,{get:function(){return d}}),C[d]=p,a(a.G+a.W+a.F*(p!=b),C),a(a.S,d,{BYTES_PER_ELEMENT:t}),a(a.S+a.F*i((function(){b.of.call(p,1)})),d,{from:Le,of:Ze}),K in S||h(S,K,t),a(a.P,d,Ne),Z(d),a(a.P+a.F*Re,d,{set:Ge}),a(a.P+a.F*!E,d,He),n||S.toString==me||(S.toString=me),a(a.P+a.F*i((function(){new p(1).slice()})),d,{slice:Be}),a(a.P+a.F*(i((function(){return[1,2].toLocaleString()!=new p([1,2]).toLocaleString()}))||!i((function(){S.toLocaleString.call([1,2])}))),d,{toLocaleString:Fe}),I[d]=E?R:M,n||E||h(S,ve,M)}}else e.exports=function(){}},91125:(e,t,o)=>{"use strict";var n=o(3816),r=o(67057),i=o(4461),a=o(89383),s=o(87728),l=o(24408),d=o(74253),c=o(83328),u=o(81467),h=o(10875),f=o(94843),p=o(20616).f,g=o(99275).f,m=o(46852),b=o(22943),v="ArrayBuffer",y="DataView",w="prototype",z="Wrong index!",C=n[v],S=n[y],k=n.Math,x=n.RangeError,O=n.Infinity,_=C,R=k.abs,E=k.pow,M=k.floor,D=k.log,T=k.LN2,A="buffer",I="byteLength",L="byteOffset",Z=r?"_b":A,P=r?"_l":I,F=r?"_o":L;function N(e,t,o){var n,r,i,a=new Array(o),s=8*o-t-1,l=(1<<s)-1,d=l>>1,c=23===t?E(2,-24)-E(2,-77):0,u=0,h=e<0||0===e&&1/e<0?1:0;for((e=R(e))!=e||e===O?(r=e!=e?1:0,n=l):(n=M(D(e)/T),e*(i=E(2,-n))<1&&(n--,i*=2),(e+=n+d>=1?c/i:c*E(2,1-d))*i>=2&&(n++,i/=2),n+d>=l?(r=0,n=l):n+d>=1?(r=(e*i-1)*E(2,t),n+=d):(r=e*E(2,d-1)*E(2,t),n=0));t>=8;a[u++]=255&r,r/=256,t-=8);for(n=n<<t|r,s+=t;s>0;a[u++]=255&n,n/=256,s-=8);return a[--u]|=128*h,a}function B(e,t,o){var n,r=8*o-t-1,i=(1<<r)-1,a=i>>1,s=r-7,l=o-1,d=e[l--],c=127&d;for(d>>=7;s>0;c=256*c+e[l],l--,s-=8);for(n=c&(1<<-s)-1,c>>=-s,s+=t;s>0;n=256*n+e[l],l--,s-=8);if(0===c)c=1-a;else{if(c===i)return n?NaN:d?-O:O;n+=E(2,t),c-=a}return(d?-1:1)*n*E(2,c-t)}function G(e){return e[3]<<24|e[2]<<16|e[1]<<8|e[0]}function H(e){return[255&e]}function j(e){return[255&e,e>>8&255]}function U(e){return[255&e,e>>8&255,e>>16&255,e>>24&255]}function W(e){return N(e,52,8)}function V(e){return N(e,23,4)}function q(e,t,o){g(e[w],t,{get:function(){return this[o]}})}function K(e,t,o,n){var r=f(+o);if(r+t>e[P])throw x(z);var i=e[Z]._b,a=r+e[F],s=i.slice(a,a+t);return n?s:s.reverse()}function Y(e,t,o,n,r,i){var a=f(+o);if(a+t>e[P])throw x(z);for(var s=e[Z]._b,l=a+e[F],d=n(+r),c=0;c<t;c++)s[l+c]=d[i?c:t-c-1]}if(a.ABV){if(!d((function(){C(1)}))||!d((function(){new C(-1)}))||d((function(){return new C,new C(1.5),new C(NaN),C.name!=v}))){for(var X,J=(C=function(e){return c(this,C),new _(f(e))})[w]=_[w],Q=p(_),$=0;Q.length>$;)(X=Q[$++])in C||s(C,X,_[X]);i||(J.constructor=C)}var ee=new S(new C(2)),te=S[w].setInt8;ee.setInt8(0,2147483648),ee.setInt8(1,2147483649),!ee.getInt8(0)&&ee.getInt8(1)||l(S[w],{setInt8:function(e,t){te.call(this,e,t<<24>>24)},setUint8:function(e,t){te.call(this,e,t<<24>>24)}},!0)}else C=function(e){c(this,C,v);var t=f(e);this._b=m.call(new Array(t),0),this[P]=t},S=function(e,t,o){c(this,S,y),c(e,C,y);var n=e[P],r=u(t);if(r<0||r>n)throw x("Wrong offset!");if(r+(o=void 0===o?n-r:h(o))>n)throw x("Wrong length!");this[Z]=e,this[F]=r,this[P]=o},r&&(q(C,I,"_l"),q(S,A,"_b"),q(S,I,"_l"),q(S,L,"_o")),l(S[w],{getInt8:function(e){return K(this,1,e)[0]<<24>>24},getUint8:function(e){return K(this,1,e)[0]},getInt16:function(e){var t=K(this,2,e,arguments[1]);return(t[1]<<8|t[0])<<16>>16},getUint16:function(e){var t=K(this,2,e,arguments[1]);return t[1]<<8|t[0]},getInt32:function(e){return G(K(this,4,e,arguments[1]))},getUint32:function(e){return G(K(this,4,e,arguments[1]))>>>0},getFloat32:function(e){return B(K(this,4,e,arguments[1]),23,4)},getFloat64:function(e){return B(K(this,8,e,arguments[1]),52,8)},setInt8:function(e,t){Y(this,1,e,H,t)},setUint8:function(e,t){Y(this,1,e,H,t)},setInt16:function(e,t){Y(this,2,e,j,t,arguments[2])},setUint16:function(e,t){Y(this,2,e,j,t,arguments[2])},setInt32:function(e,t){Y(this,4,e,U,t,arguments[2])},setUint32:function(e,t){Y(this,4,e,U,t,arguments[2])},setFloat32:function(e,t){Y(this,4,e,V,t,arguments[2])},setFloat64:function(e,t){Y(this,8,e,W,t,arguments[2])}});b(C,v),b(S,y),s(S[w],a.VIEW,!0),t[v]=C,t[y]=S},89383:(e,t,o)=>{for(var n,r=o(3816),i=o(87728),a=o(93953),s=a("typed_array"),l=a("view"),d=!(!r.ArrayBuffer||!r.DataView),c=d,u=0,h="Int8Array,Uint8Array,Uint8ClampedArray,Int16Array,Uint16Array,Int32Array,Uint32Array,Float32Array,Float64Array".split(",");u<9;)(n=r[h[u++]])?(i(n.prototype,s,!0),i(n.prototype,l,!0)):c=!1;e.exports={ABV:d,CONSTR:c,TYPED:s,VIEW:l}},93953:e=>{var t=0,o=Math.random();e.exports=function(e){return"Symbol(".concat(void 0===e?"":e,")_",(++t+o).toString(36))}},30575:(e,t,o)=>{var n=o(3816).navigator;e.exports=n&&n.userAgent||""},1616:(e,t,o)=>{var n=o(55286);e.exports=function(e,t){if(!n(e)||e._t!==t)throw TypeError("Incompatible receiver, "+t+" required!");return e}},36074:(e,t,o)=>{var n=o(3816),r=o(25645),i=o(4461),a=o(28787),s=o(99275).f;e.exports=function(e){var t=r.Symbol||(r.Symbol=i?{}:n.Symbol||{});"_"==e.charAt(0)||e in t||s(t,e,{value:a.f(e)})}},28787:(e,t,o)=>{t.f=o(86314)},86314:(e,t,o)=>{var n=o(3825)("wks"),r=o(93953),i=o(3816).Symbol,a="function"==typeof i;(e.exports=function(e){return n[e]||(n[e]=a&&i[e]||(a?i:r)("Symbol."+e))}).store=n},69002:(e,t,o)=>{var n=o(41488),r=o(86314)("iterator"),i=o(87234);e.exports=o(25645).getIteratorMethod=function(e){if(null!=e)return e[r]||e["@@iterator"]||i[n(e)]}},32e3:(e,t,o)=>{var n=o(42985);n(n.P,"Array",{copyWithin:o(5216)}),o(17722)("copyWithin")},15745:(e,t,o)=>{"use strict";var n=o(42985),r=o(10050)(4);n(n.P+n.F*!o(77717)([].every,!0),"Array",{every:function(e){return r(this,e,arguments[1])}})},48977:(e,t,o)=>{var n=o(42985);n(n.P,"Array",{fill:o(46852)}),o(17722)("fill")},98837:(e,t,o)=>{"use strict";var n=o(42985),r=o(10050)(2);n(n.P+n.F*!o(77717)([].filter,!0),"Array",{filter:function(e){return r(this,e,arguments[1])}})},94899:(e,t,o)=>{"use strict";var n=o(42985),r=o(10050)(6),i="findIndex",a=!0;i in[]&&Array(1)[i]((function(){a=!1})),n(n.P+n.F*a,"Array",{findIndex:function(e){return r(this,e,arguments.length>1?arguments[1]:void 0)}}),o(17722)(i)},52310:(e,t,o)=>{"use strict";var n=o(42985),r=o(10050)(5),i="find",a=!0;i in[]&&Array(1)[i]((function(){a=!1})),n(n.P+n.F*a,"Array",{find:function(e){return r(this,e,arguments.length>1?arguments[1]:void 0)}}),o(17722)(i)},24336:(e,t,o)=>{"use strict";var n=o(42985),r=o(10050)(0),i=o(77717)([].forEach,!0);n(n.P+n.F*!i,"Array",{forEach:function(e){return r(this,e,arguments[1])}})},30522:(e,t,o)=>{"use strict";var n=o(741),r=o(42985),i=o(20508),a=o(28851),s=o(86555),l=o(10875),d=o(92811),c=o(69002);r(r.S+r.F*!o(7462)((function(e){Array.from(e)})),"Array",{from:function(e){var t,o,r,u,h=i(e),f="function"==typeof this?this:Array,p=arguments.length,g=p>1?arguments[1]:void 0,m=void 0!==g,b=0,v=c(h);if(m&&(g=n(g,p>2?arguments[2]:void 0,2)),null==v||f==Array&&s(v))for(o=new f(t=l(h.length));t>b;b++)d(o,b,m?g(h[b],b):h[b]);else for(u=v.call(h),o=new f;!(r=u.next()).done;b++)d(o,b,m?a(u,g,[r.value,b],!0):r.value);return o.length=b,o}})},23369:(e,t,o)=>{"use strict";var n=o(42985),r=o(79315)(!1),i=[].indexOf,a=!!i&&1/[1].indexOf(1,-0)<0;n(n.P+n.F*(a||!o(77717)(i)),"Array",{indexOf:function(e){return a?i.apply(this,arguments)||0:r(this,e,arguments[1])}})},20774:(e,t,o)=>{var n=o(42985);n(n.S,"Array",{isArray:o(4302)})},56997:(e,t,o)=>{"use strict";var n=o(17722),r=o(15436),i=o(87234),a=o(22110);e.exports=o(42923)(Array,"Array",(function(e,t){this._t=a(e),this._i=0,this._k=t}),(function(){var e=this._t,t=this._k,o=this._i++;return!e||o>=e.length?(this._t=void 0,r(1)):r(0,"keys"==t?o:"values"==t?e[o]:[o,e[o]])}),"values"),i.Arguments=i.Array,n("keys"),n("values"),n("entries")},87842:(e,t,o)=>{"use strict";var n=o(42985),r=o(22110),i=[].join;n(n.P+n.F*(o(49797)!=Object||!o(77717)(i)),"Array",{join:function(e){return i.call(r(this),void 0===e?",":e)}})},99564:(e,t,o)=>{"use strict";var n=o(42985),r=o(22110),i=o(81467),a=o(10875),s=[].lastIndexOf,l=!!s&&1/[1].lastIndexOf(1,-0)<0;n(n.P+n.F*(l||!o(77717)(s)),"Array",{lastIndexOf:function(e){if(l)return s.apply(this,arguments)||0;var t=r(this),o=a(t.length),n=o-1;for(arguments.length>1&&(n=Math.min(n,i(arguments[1]))),n<0&&(n=o+n);n>=0;n--)if(n in t&&t[n]===e)return n||0;return-1}})},19371:(e,t,o)=>{"use strict";var n=o(42985),r=o(10050)(1);n(n.P+n.F*!o(77717)([].map,!0),"Array",{map:function(e){return r(this,e,arguments[1])}})},58295:(e,t,o)=>{"use strict";var n=o(42985),r=o(92811);n(n.S+n.F*o(74253)((function(){function e(){}return!(Array.of.call(e)instanceof e)})),"Array",{of:function(){for(var e=0,t=arguments.length,o=new("function"==typeof this?this:Array)(t);t>e;)r(o,e,arguments[e++]);return o.length=t,o}})},3750:(e,t,o)=>{"use strict";var n=o(42985),r=o(37628);n(n.P+n.F*!o(77717)([].reduceRight,!0),"Array",{reduceRight:function(e){return r(this,e,arguments.length,arguments[1],!0)}})},33057:(e,t,o)=>{"use strict";var n=o(42985),r=o(37628);n(n.P+n.F*!o(77717)([].reduce,!0),"Array",{reduce:function(e){return r(this,e,arguments.length,arguments[1],!1)}})},50110:(e,t,o)=>{"use strict";var n=o(42985),r=o(40639),i=o(92032),a=o(92337),s=o(10875),l=[].slice;n(n.P+n.F*o(74253)((function(){r&&l.call(r)})),"Array",{slice:function(e,t){var o=s(this.length),n=i(this);if(t=void 0===t?o:t,"Array"==n)return l.call(this,e,t);for(var r=a(e,o),d=a(t,o),c=s(d-r),u=new Array(c),h=0;h<c;h++)u[h]="String"==n?this.charAt(r+h):this[r+h];return u}})},26773:(e,t,o)=>{"use strict";var n=o(42985),r=o(10050)(3);n(n.P+n.F*!o(77717)([].some,!0),"Array",{some:function(e){return r(this,e,arguments[1])}})},20075:(e,t,o)=>{"use strict";var n=o(42985),r=o(24963),i=o(20508),a=o(74253),s=[].sort,l=[1,2,3];n(n.P+n.F*(a((function(){l.sort(void 0)}))||!a((function(){l.sort(null)}))||!o(77717)(s)),"Array",{sort:function(e){return void 0===e?s.call(i(this)):s.call(i(this),r(e))}})},31842:(e,t,o)=>{o(2974)("Array")},81822:(e,t,o)=>{var n=o(42985);n(n.S,"Date",{now:function(){return(new Date).getTime()}})},91031:(e,t,o)=>{var n=o(42985),r=o(53537);n(n.P+n.F*(Date.prototype.toISOString!==r),"Date",{toISOString:r})},19977:(e,t,o)=>{"use strict";var n=o(42985),r=o(20508),i=o(21689);n(n.P+n.F*o(74253)((function(){return null!==new Date(NaN).toJSON()||1!==Date.prototype.toJSON.call({toISOString:function(){return 1}})})),"Date",{toJSON:function(e){var t=r(this),o=i(t);return"number"!=typeof o||isFinite(o)?t.toISOString():null}})},41560:(e,t,o)=>{var n=o(86314)("toPrimitive"),r=Date.prototype;n in r||o(87728)(r,n,o(870))},46331:(e,t,o)=>{var n=Date.prototype,r="Invalid Date",i="toString",a=n[i],s=n.getTime;new Date(NaN)+""!=r&&o(77234)(n,i,(function(){var e=s.call(this);return e==e?a.call(this):r}))},39730:(e,t,o)=>{var n=o(42985);n(n.P,"Function",{bind:o(34398)})},48377:(e,t,o)=>{"use strict";var n=o(55286),r=o(468),i=o(86314)("hasInstance"),a=Function.prototype;i in a||o(99275).f(a,i,{value:function(e){if("function"!=typeof this||!n(e))return!1;if(!n(this.prototype))return e instanceof this;for(;e=r(e);)if(this.prototype===e)return!0;return!1}})},6059:(e,t,o)=>{var n=o(99275).f,r=Function.prototype,i=/^\s*function ([^ (]*)/,a="name";a in r||o(67057)&&n(r,a,{configurable:!0,get:function(){try{return(""+this).match(i)[1]}catch(e){return""}}})},88416:(e,t,o)=>{"use strict";var n=o(9824),r=o(1616),i="Map";e.exports=o(45795)(i,(function(e){return function(){return e(this,arguments.length>0?arguments[0]:void 0)}}),{get:function(e){var t=n.getEntry(r(this,i),e);return t&&t.v},set:function(e,t){return n.def(r(this,i),0===e?0:e,t)}},n,!0)},76503:(e,t,o)=>{var n=o(42985),r=o(46206),i=Math.sqrt,a=Math.acosh;n(n.S+n.F*!(a&&710==Math.floor(a(Number.MAX_VALUE))&&a(1/0)==1/0),"Math",{acosh:function(e){return(e=+e)<1?NaN:e>94906265.62425156?Math.log(e)+Math.LN2:r(e-1+i(e-1)*i(e+1))}})},66786:(e,t,o)=>{var n=o(42985),r=Math.asinh;n(n.S+n.F*!(r&&1/r(0)>0),"Math",{asinh:function e(t){return isFinite(t=+t)&&0!=t?t<0?-e(-t):Math.log(t+Math.sqrt(t*t+1)):t}})},50932:(e,t,o)=>{var n=o(42985),r=Math.atanh;n(n.S+n.F*!(r&&1/r(-0)<0),"Math",{atanh:function(e){return 0==(e=+e)?e:Math.log((1+e)/(1-e))/2}})},57526:(e,t,o)=>{var n=o(42985),r=o(61801);n(n.S,"Math",{cbrt:function(e){return r(e=+e)*Math.pow(Math.abs(e),1/3)}})},21591:(e,t,o)=>{var n=o(42985);n(n.S,"Math",{clz32:function(e){return(e>>>=0)?31-Math.floor(Math.log(e+.5)*Math.LOG2E):32}})},9073:(e,t,o)=>{var n=o(42985),r=Math.exp;n(n.S,"Math",{cosh:function(e){return(r(e=+e)+r(-e))/2}})},80347:(e,t,o)=>{var n=o(42985),r=o(13086);n(n.S+n.F*(r!=Math.expm1),"Math",{expm1:r})},30579:(e,t,o)=>{var n=o(42985);n(n.S,"Math",{fround:o(34934)})},4669:(e,t,o)=>{var n=o(42985),r=Math.abs;n(n.S,"Math",{hypot:function(e,t){for(var o,n,i=0,a=0,s=arguments.length,l=0;a<s;)l<(o=r(arguments[a++]))?(i=i*(n=l/o)*n+1,l=o):i+=o>0?(n=o/l)*n:o;return l===1/0?1/0:l*Math.sqrt(i)}})},67710:(e,t,o)=>{var n=o(42985),r=Math.imul;n(n.S+n.F*o(74253)((function(){return-5!=r(4294967295,5)||2!=r.length})),"Math",{imul:function(e,t){var o=65535,n=+e,r=+t,i=o&n,a=o&r;return 0|i*a+((o&n>>>16)*a+i*(o&r>>>16)<<16>>>0)}})},45789:(e,t,o)=>{var n=o(42985);n(n.S,"Math",{log10:function(e){return Math.log(e)*Math.LOG10E}})},33514:(e,t,o)=>{var n=o(42985);n(n.S,"Math",{log1p:o(46206)})},99978:(e,t,o)=>{var n=o(42985);n(n.S,"Math",{log2:function(e){return Math.log(e)/Math.LN2}})},58472:(e,t,o)=>{var n=o(42985);n(n.S,"Math",{sign:o(61801)})},86946:(e,t,o)=>{var n=o(42985),r=o(13086),i=Math.exp;n(n.S+n.F*o(74253)((function(){return-2e-17!=!Math.sinh(-2e-17)})),"Math",{sinh:function(e){return Math.abs(e=+e)<1?(r(e)-r(-e))/2:(i(e-1)-i(-e-1))*(Math.E/2)}})},35068:(e,t,o)=>{var n=o(42985),r=o(13086),i=Math.exp;n(n.S,"Math",{tanh:function(e){var t=r(e=+e),o=r(-e);return t==1/0?1:o==1/0?-1:(t-o)/(i(e)+i(-e))}})},413:(e,t,o)=>{var n=o(42985);n(n.S,"Math",{trunc:function(e){return(e>0?Math.floor:Math.ceil)(e)}})},11246:(e,t,o)=>{"use strict";var n=o(3816),r=o(79181),i=o(92032),a=o(40266),s=o(21689),l=o(74253),d=o(20616).f,c=o(18693).f,u=o(99275).f,h=o(29599).trim,f="Number",p=n[f],g=p,m=p.prototype,b=i(o(42503)(m))==f,v="trim"in String.prototype,y=function(e){var t=s(e,!1);if("string"==typeof t&&t.length>2){var o,n,r,i=(t=v?t.trim():h(t,3)).charCodeAt(0);if(43===i||45===i){if(88===(o=t.charCodeAt(2))||120===o)return NaN}else if(48===i){switch(t.charCodeAt(1)){case 66:case 98:n=2,r=49;break;case 79:case 111:n=8,r=55;break;default:return+t}for(var a,l=t.slice(2),d=0,c=l.length;d<c;d++)if((a=l.charCodeAt(d))<48||a>r)return NaN;return parseInt(l,n)}}return+t};if(!p(" 0o1")||!p("0b1")||p("+0x1")){p=function(e){var t=arguments.length<1?0:e,o=this;return o instanceof p&&(b?l((function(){m.valueOf.call(o)})):i(o)!=f)?a(new g(y(t)),o,p):y(t)};for(var w,z=o(67057)?d(g):"MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger".split(","),C=0;z.length>C;C++)r(g,w=z[C])&&!r(p,w)&&u(p,w,c(g,w));p.prototype=m,m.constructor=p,o(77234)(n,f,p)}},75972:(e,t,o)=>{var n=o(42985);n(n.S,"Number",{EPSILON:Math.pow(2,-52)})},53403:(e,t,o)=>{var n=o(42985),r=o(3816).isFinite;n(n.S,"Number",{isFinite:function(e){return"number"==typeof e&&r(e)}})},92516:(e,t,o)=>{var n=o(42985);n(n.S,"Number",{isInteger:o(18367)})},49371:(e,t,o)=>{var n=o(42985);n(n.S,"Number",{isNaN:function(e){return e!=e}})},86479:(e,t,o)=>{var n=o(42985),r=o(18367),i=Math.abs;n(n.S,"Number",{isSafeInteger:function(e){return r(e)&&i(e)<=9007199254740991}})},91736:(e,t,o)=>{var n=o(42985);n(n.S,"Number",{MAX_SAFE_INTEGER:9007199254740991})},51889:(e,t,o)=>{var n=o(42985);n(n.S,"Number",{MIN_SAFE_INTEGER:-9007199254740991})},65177:(e,t,o)=>{var n=o(42985),r=o(47743);n(n.S+n.F*(Number.parseFloat!=r),"Number",{parseFloat:r})},81246:(e,t,o)=>{var n=o(42985),r=o(55960);n(n.S+n.F*(Number.parseInt!=r),"Number",{parseInt:r})},30726:(e,t,o)=>{"use strict";var n=o(42985),r=o(81467),i=o(83365),a=o(68595),s=1..toFixed,l=Math.floor,d=[0,0,0,0,0,0],c="Number.toFixed: incorrect invocation!",u="0",h=function(e,t){for(var o=-1,n=t;++o<6;)n+=e*d[o],d[o]=n%1e7,n=l(n/1e7)},f=function(e){for(var t=6,o=0;--t>=0;)o+=d[t],d[t]=l(o/e),o=o%e*1e7},p=function(){for(var e=6,t="";--e>=0;)if(""!==t||0===e||0!==d[e]){var o=String(d[e]);t=""===t?o:t+a.call(u,7-o.length)+o}return t},g=function(e,t,o){return 0===t?o:t%2==1?g(e,t-1,o*e):g(e*e,t/2,o)};n(n.P+n.F*(!!s&&("0.000"!==8e-5.toFixed(3)||"1"!==.9.toFixed(0)||"1.25"!==1.255.toFixed(2)||"1000000000000000128"!==(0xde0b6b3a7640080).toFixed(0))||!o(74253)((function(){s.call({})}))),"Number",{toFixed:function(e){var t,o,n,s,l=i(this,c),d=r(e),m="",b=u;if(d<0||d>20)throw RangeError(c);if(l!=l)return"NaN";if(l<=-1e21||l>=1e21)return String(l);if(l<0&&(m="-",l=-l),l>1e-21)if(t=function(e){for(var t=0,o=e;o>=4096;)t+=12,o/=4096;for(;o>=2;)t+=1,o/=2;return t}(l*g(2,69,1))-69,o=t<0?l*g(2,-t,1):l/g(2,t,1),o*=4503599627370496,(t=52-t)>0){for(h(0,o),n=d;n>=7;)h(1e7,0),n-=7;for(h(g(10,n,1),0),n=t-1;n>=23;)f(1<<23),n-=23;f(1<<n),h(1,1),f(2),b=p()}else h(0,o),h(1<<-t,0),b=p()+a.call(u,d);return b=d>0?m+((s=b.length)<=d?"0."+a.call(u,d-s)+b:b.slice(0,s-d)+"."+b.slice(s-d)):m+b}})},1901:(e,t,o)=>{"use strict";var n=o(42985),r=o(74253),i=o(83365),a=1..toPrecision;n(n.P+n.F*(r((function(){return"1"!==a.call(1,void 0)}))||!r((function(){a.call({})}))),"Number",{toPrecision:function(e){var t=i(this,"Number#toPrecision: incorrect invocation!");return void 0===e?a.call(t):a.call(t,e)}})},75115:(e,t,o)=>{var n=o(42985);n(n.S+n.F,"Object",{assign:o(35345)})},68132:(e,t,o)=>{var n=o(42985);n(n.S,"Object",{create:o(42503)})},37470:(e,t,o)=>{var n=o(42985);n(n.S+n.F*!o(67057),"Object",{defineProperties:o(35588)})},48388:(e,t,o)=>{var n=o(42985);n(n.S+n.F*!o(67057),"Object",{defineProperty:o(99275).f})},89375:(e,t,o)=>{var n=o(55286),r=o(84728).onFreeze;o(33160)("freeze",(function(e){return function(t){return e&&n(t)?e(r(t)):t}}))},94882:(e,t,o)=>{var n=o(22110),r=o(18693).f;o(33160)("getOwnPropertyDescriptor",(function(){return function(e,t){return r(n(e),t)}}))},79622:(e,t,o)=>{o(33160)("getOwnPropertyNames",(function(){return o(39327).f}))},41520:(e,t,o)=>{var n=o(20508),r=o(468);o(33160)("getPrototypeOf",(function(){return function(e){return r(n(e))}}))},49892:(e,t,o)=>{var n=o(55286);o(33160)("isExtensible",(function(e){return function(t){return!!n(t)&&(!e||e(t))}}))},64157:(e,t,o)=>{var n=o(55286);o(33160)("isFrozen",(function(e){return function(t){return!n(t)||!!e&&e(t)}}))},35095:(e,t,o)=>{var n=o(55286);o(33160)("isSealed",(function(e){return function(t){return!n(t)||!!e&&e(t)}}))},99176:(e,t,o)=>{var n=o(42985);n(n.S,"Object",{is:o(27195)})},27476:(e,t,o)=>{var n=o(20508),r=o(47184);o(33160)("keys",(function(){return function(e){return r(n(e))}}))},84672:(e,t,o)=>{var n=o(55286),r=o(84728).onFreeze;o(33160)("preventExtensions",(function(e){return function(t){return e&&n(t)?e(r(t)):t}}))},43533:(e,t,o)=>{var n=o(55286),r=o(84728).onFreeze;o(33160)("seal",(function(e){return function(t){return e&&n(t)?e(r(t)):t}}))},68838:(e,t,o)=>{var n=o(42985);n(n.S,"Object",{setPrototypeOf:o(27375).set})},96253:(e,t,o)=>{"use strict";var n=o(41488),r={};r[o(86314)("toStringTag")]="z",r+""!="[object z]"&&o(77234)(Object.prototype,"toString",(function(){return"[object "+n(this)+"]"}),!0)},64299:(e,t,o)=>{var n=o(42985),r=o(47743);n(n.G+n.F*(parseFloat!=r),{parseFloat:r})},71084:(e,t,o)=>{var n=o(42985),r=o(55960);n(n.G+n.F*(parseInt!=r),{parseInt:r})},40851:(e,t,o)=>{"use strict";var n,r,i,a,s=o(4461),l=o(3816),d=o(741),c=o(41488),u=o(42985),h=o(55286),f=o(24963),p=o(83328),g=o(3531),m=o(58364),b=o(74193).set,v=o(14351)(),y=o(43499),w=o(10188),z=o(30575),C=o(50094),S="Promise",k=l.TypeError,x=l.process,O=x&&x.versions,_=O&&O.v8||"",R=l[S],E="process"==c(x),M=function(){},D=r=y.f,T=!!function(){try{var e=R.resolve(1),t=(e.constructor={})[o(86314)("species")]=function(e){e(M,M)};return(E||"function"==typeof PromiseRejectionEvent)&&e.then(M)instanceof t&&0!==_.indexOf("6.6")&&-1===z.indexOf("Chrome/66")}catch(e){}}(),A=function(e){var t;return!(!h(e)||"function"!=typeof(t=e.then))&&t},I=function(e,t){if(!e._n){e._n=!0;var o=e._c;v((function(){for(var n=e._v,r=1==e._s,i=0,a=function(t){var o,i,a,s=r?t.ok:t.fail,l=t.resolve,d=t.reject,c=t.domain;try{s?(r||(2==e._h&&P(e),e._h=1),!0===s?o=n:(c&&c.enter(),o=s(n),c&&(c.exit(),a=!0)),o===t.promise?d(k("Promise-chain cycle")):(i=A(o))?i.call(o,l,d):l(o)):d(n)}catch(e){c&&!a&&c.exit(),d(e)}};o.length>i;)a(o[i++]);e._c=[],e._n=!1,t&&!e._h&&L(e)}))}},L=function(e){b.call(l,(function(){var t,o,n,r=e._v,i=Z(e);if(i&&(t=w((function(){E?x.emit("unhandledRejection",r,e):(o=l.onunhandledrejection)?o({promise:e,reason:r}):(n=l.console)&&n.error&&n.error("Unhandled promise rejection",r)})),e._h=E||Z(e)?2:1),e._a=void 0,i&&t.e)throw t.v}))},Z=function(e){return 1!==e._h&&0===(e._a||e._c).length},P=function(e){b.call(l,(function(){var t;E?x.emit("rejectionHandled",e):(t=l.onrejectionhandled)&&t({promise:e,reason:e._v})}))},F=function(e){var t=this;t._d||(t._d=!0,(t=t._w||t)._v=e,t._s=2,t._a||(t._a=t._c.slice()),I(t,!0))},N=function(e){var t,o=this;if(!o._d){o._d=!0,o=o._w||o;try{if(o===e)throw k("Promise can't be resolved itself");(t=A(e))?v((function(){var n={_w:o,_d:!1};try{t.call(e,d(N,n,1),d(F,n,1))}catch(e){F.call(n,e)}})):(o._v=e,o._s=1,I(o,!1))}catch(e){F.call({_w:o,_d:!1},e)}}};T||(R=function(e){p(this,R,S,"_h"),f(e),n.call(this);try{e(d(N,this,1),d(F,this,1))}catch(e){F.call(this,e)}},(n=function(e){this._c=[],this._a=void 0,this._s=0,this._d=!1,this._v=void 0,this._h=0,this._n=!1}).prototype=o(24408)(R.prototype,{then:function(e,t){var o=D(m(this,R));return o.ok="function"!=typeof e||e,o.fail="function"==typeof t&&t,o.domain=E?x.domain:void 0,this._c.push(o),this._a&&this._a.push(o),this._s&&I(this,!1),o.promise},catch:function(e){return this.then(void 0,e)}}),i=function(){var e=new n;this.promise=e,this.resolve=d(N,e,1),this.reject=d(F,e,1)},y.f=D=function(e){return e===R||e===a?new i(e):r(e)}),u(u.G+u.W+u.F*!T,{Promise:R}),o(22943)(R,S),o(2974)(S),a=o(25645)[S],u(u.S+u.F*!T,S,{reject:function(e){var t=D(this);return(0,t.reject)(e),t.promise}}),u(u.S+u.F*(s||!T),S,{resolve:function(e){return C(s&&this===a?R:this,e)}}),u(u.S+u.F*!(T&&o(7462)((function(e){R.all(e).catch(M)}))),S,{all:function(e){var t=this,o=D(t),n=o.resolve,r=o.reject,i=w((function(){var o=[],i=0,a=1;g(e,!1,(function(e){var s=i++,l=!1;o.push(void 0),a++,t.resolve(e).then((function(e){l||(l=!0,o[s]=e,--a||n(o))}),r)})),--a||n(o)}));return i.e&&r(i.v),o.promise},race:function(e){var t=this,o=D(t),n=o.reject,r=w((function(){g(e,!1,(function(e){t.resolve(e).then(o.resolve,n)}))}));return r.e&&n(r.v),o.promise}})},21572:(e,t,o)=>{var n=o(42985),r=o(24963),i=o(27007),a=(o(3816).Reflect||{}).apply,s=Function.apply;n(n.S+n.F*!o(74253)((function(){a((function(){}))})),"Reflect",{apply:function(e,t,o){var n=r(e),l=i(o);return a?a(n,t,l):s.call(n,t,l)}})},82139:(e,t,o)=>{var n=o(42985),r=o(42503),i=o(24963),a=o(27007),s=o(55286),l=o(74253),d=o(34398),c=(o(3816).Reflect||{}).construct,u=l((function(){function e(){}return!(c((function(){}),[],e)instanceof e)})),h=!l((function(){c((function(){}))}));n(n.S+n.F*(u||h),"Reflect",{construct:function(e,t){i(e),a(t);var o=arguments.length<3?e:i(arguments[2]);if(h&&!u)return c(e,t,o);if(e==o){switch(t.length){case 0:return new e;case 1:return new e(t[0]);case 2:return new e(t[0],t[1]);case 3:return new e(t[0],t[1],t[2]);case 4:return new e(t[0],t[1],t[2],t[3])}var n=[null];return n.push.apply(n,t),new(d.apply(e,n))}var l=o.prototype,f=r(s(l)?l:Object.prototype),p=Function.apply.call(e,f,t);return s(p)?p:f}})},10685:(e,t,o)=>{var n=o(99275),r=o(42985),i=o(27007),a=o(21689);r(r.S+r.F*o(74253)((function(){Reflect.defineProperty(n.f({},1,{value:1}),1,{value:2})})),"Reflect",{defineProperty:function(e,t,o){i(e),t=a(t,!0),i(o);try{return n.f(e,t,o),!0}catch(e){return!1}}})},85535:(e,t,o)=>{var n=o(42985),r=o(18693).f,i=o(27007);n(n.S,"Reflect",{deleteProperty:function(e,t){var o=r(i(e),t);return!(o&&!o.configurable)&&delete e[t]}})},17347:(e,t,o)=>{"use strict";var n=o(42985),r=o(27007),i=function(e){this._t=r(e),this._i=0;var t,o=this._k=[];for(t in e)o.push(t)};o(49988)(i,"Object",(function(){var e,t=this,o=t._k;do{if(t._i>=o.length)return{value:void 0,done:!0}}while(!((e=o[t._i++])in t._t));return{value:e,done:!1}})),n(n.S,"Reflect",{enumerate:function(e){return new i(e)}})},96633:(e,t,o)=>{var n=o(18693),r=o(42985),i=o(27007);r(r.S,"Reflect",{getOwnPropertyDescriptor:function(e,t){return n.f(i(e),t)}})},68989:(e,t,o)=>{var n=o(42985),r=o(468),i=o(27007);n(n.S,"Reflect",{getPrototypeOf:function(e){return r(i(e))}})},83049:(e,t,o)=>{var n=o(18693),r=o(468),i=o(79181),a=o(42985),s=o(55286),l=o(27007);a(a.S,"Reflect",{get:function e(t,o){var a,d,c=arguments.length<3?t:arguments[2];return l(t)===c?t[o]:(a=n.f(t,o))?i(a,"value")?a.value:void 0!==a.get?a.get.call(c):void 0:s(d=r(t))?e(d,o,c):void 0}})},78270:(e,t,o)=>{var n=o(42985);n(n.S,"Reflect",{has:function(e,t){return t in e}})},64510:(e,t,o)=>{var n=o(42985),r=o(27007),i=Object.isExtensible;n(n.S,"Reflect",{isExtensible:function(e){return r(e),!i||i(e)}})},73984:(e,t,o)=>{var n=o(42985);n(n.S,"Reflect",{ownKeys:o(57643)})},75769:(e,t,o)=>{var n=o(42985),r=o(27007),i=Object.preventExtensions;n(n.S,"Reflect",{preventExtensions:function(e){r(e);try{return i&&i(e),!0}catch(e){return!1}}})},96014:(e,t,o)=>{var n=o(42985),r=o(27375);r&&n(n.S,"Reflect",{setPrototypeOf:function(e,t){r.check(e,t);try{return r.set(e,t),!0}catch(e){return!1}}})},50055:(e,t,o)=>{var n=o(99275),r=o(18693),i=o(468),a=o(79181),s=o(42985),l=o(90681),d=o(27007),c=o(55286);s(s.S,"Reflect",{set:function e(t,o,s){var u,h,f=arguments.length<4?t:arguments[3],p=r.f(d(t),o);if(!p){if(c(h=i(t)))return e(h,o,s,f);p=l(0)}if(a(p,"value")){if(!1===p.writable||!c(f))return!1;if(u=r.f(f,o)){if(u.get||u.set||!1===u.writable)return!1;u.value=s,n.f(f,o,u)}else n.f(f,o,l(0,s));return!0}return void 0!==p.set&&(p.set.call(f,s),!0)}})},83946:(e,t,o)=>{var n=o(3816),r=o(40266),i=o(99275).f,a=o(20616).f,s=o(55364),l=o(53218),d=n.RegExp,c=d,u=d.prototype,h=/a/g,f=/a/g,p=new d(h)!==h;if(o(67057)&&(!p||o(74253)((function(){return f[o(86314)("match")]=!1,d(h)!=h||d(f)==f||"/a/i"!=d(h,"i")})))){d=function(e,t){var o=this instanceof d,n=s(e),i=void 0===t;return!o&&n&&e.constructor===d&&i?e:r(p?new c(n&&!i?e.source:e,t):c((n=e instanceof d)?e.source:e,n&&i?l.call(e):t),o?this:u,d)};for(var g=function(e){e in d||i(d,e,{configurable:!0,get:function(){return c[e]},set:function(t){c[e]=t}})},m=a(c),b=0;m.length>b;)g(m[b++]);u.constructor=d,d.prototype=u,o(77234)(n,"RegExp",d)}o(2974)("RegExp")},18269:(e,t,o)=>{"use strict";var n=o(21165);o(42985)({target:"RegExp",proto:!0,forced:n!==/./.exec},{exec:n})},76774:(e,t,o)=>{o(67057)&&"g"!=/./g.flags&&o(99275).f(RegExp.prototype,"flags",{configurable:!0,get:o(53218)})},21466:(e,t,o)=>{"use strict";var n=o(27007),r=o(10875),i=o(76793),a=o(27787);o(28082)("match",1,(function(e,t,o,s){return[function(o){var n=e(this),r=null==o?void 0:o[t];return void 0!==r?r.call(o,n):new RegExp(o)[t](String(n))},function(e){var t=s(o,e,this);if(t.done)return t.value;var l=n(e),d=String(this);if(!l.global)return a(l,d);var c=l.unicode;l.lastIndex=0;for(var u,h=[],f=0;null!==(u=a(l,d));){var p=String(u[0]);h[f]=p,""===p&&(l.lastIndex=i(d,r(l.lastIndex),c)),f++}return 0===f?null:h}]}))},59357:(e,t,o)=>{"use strict";var n=o(27007),r=o(20508),i=o(10875),a=o(81467),s=o(76793),l=o(27787),d=Math.max,c=Math.min,u=Math.floor,h=/\$([$&`']|\d\d?|<[^>]*>)/g,f=/\$([$&`']|\d\d?)/g;o(28082)("replace",2,(function(e,t,o,p){return[function(n,r){var i=e(this),a=null==n?void 0:n[t];return void 0!==a?a.call(n,i,r):o.call(String(i),n,r)},function(e,t){var r=p(o,e,this,t);if(r.done)return r.value;var u=n(e),h=String(this),f="function"==typeof t;f||(t=String(t));var m=u.global;if(m){var b=u.unicode;u.lastIndex=0}for(var v=[];;){var y=l(u,h);if(null===y)break;if(v.push(y),!m)break;""===String(y[0])&&(u.lastIndex=s(h,i(u.lastIndex),b))}for(var w,z="",C=0,S=0;S<v.length;S++){y=v[S];for(var k=String(y[0]),x=d(c(a(y.index),h.length),0),O=[],_=1;_<y.length;_++)O.push(void 0===(w=y[_])?w:String(w));var R=y.groups;if(f){var E=[k].concat(O,x,h);void 0!==R&&E.push(R);var M=String(t.apply(void 0,E))}else M=g(k,h,x,O,R,t);x>=C&&(z+=h.slice(C,x)+M,C=x+k.length)}return z+h.slice(C)}];function g(e,t,n,i,a,s){var l=n+e.length,d=i.length,c=f;return void 0!==a&&(a=r(a),c=h),o.call(s,c,(function(o,r){var s;switch(r.charAt(0)){case"$":return"$";case"&":return e;case"`":return t.slice(0,n);case"'":return t.slice(l);case"<":s=a[r.slice(1,-1)];break;default:var c=+r;if(0===c)return o;if(c>d){var h=u(c/10);return 0===h?o:h<=d?void 0===i[h-1]?r.charAt(1):i[h-1]+r.charAt(1):o}s=i[c-1]}return void 0===s?"":s}))}}))},76142:(e,t,o)=>{"use strict";var n=o(27007),r=o(27195),i=o(27787);o(28082)("search",1,(function(e,t,o,a){return[function(o){var n=e(this),r=null==o?void 0:o[t];return void 0!==r?r.call(o,n):new RegExp(o)[t](String(n))},function(e){var t=a(o,e,this);if(t.done)return t.value;var s=n(e),l=String(this),d=s.lastIndex;r(d,0)||(s.lastIndex=0);var c=i(s,l);return r(s.lastIndex,d)||(s.lastIndex=d),null===c?-1:c.index}]}))},51876:(e,t,o)=>{"use strict";var n=o(55364),r=o(27007),i=o(58364),a=o(76793),s=o(10875),l=o(27787),d=o(21165),c=o(74253),u=Math.min,h=[].push,f="split",p="length",g="lastIndex",m=4294967295,b=!c((function(){RegExp(m,"y")}));o(28082)("split",2,(function(e,t,o,c){var v;return v="c"=="abbc"[f](/(b)*/)[1]||4!="test"[f](/(?:)/,-1)[p]||2!="ab"[f](/(?:ab)*/)[p]||4!="."[f](/(.?)(.?)/)[p]||"."[f](/()()/)[p]>1||""[f](/.?/)[p]?function(e,t){var r=String(this);if(void 0===e&&0===t)return[];if(!n(e))return o.call(r,e,t);for(var i,a,s,l=[],c=(e.ignoreCase?"i":"")+(e.multiline?"m":"")+(e.unicode?"u":"")+(e.sticky?"y":""),u=0,f=void 0===t?m:t>>>0,b=new RegExp(e.source,c+"g");(i=d.call(b,r))&&!((a=b[g])>u&&(l.push(r.slice(u,i.index)),i[p]>1&&i.index<r[p]&&h.apply(l,i.slice(1)),s=i[0][p],u=a,l[p]>=f));)b[g]===i.index&&b[g]++;return u===r[p]?!s&&b.test("")||l.push(""):l.push(r.slice(u)),l[p]>f?l.slice(0,f):l}:"0"[f](void 0,0)[p]?function(e,t){return void 0===e&&0===t?[]:o.call(this,e,t)}:o,[function(o,n){var r=e(this),i=null==o?void 0:o[t];return void 0!==i?i.call(o,r,n):v.call(String(r),o,n)},function(e,t){var n=c(v,e,this,t,v!==o);if(n.done)return n.value;var d=r(e),h=String(this),f=i(d,RegExp),p=d.unicode,g=(d.ignoreCase?"i":"")+(d.multiline?"m":"")+(d.unicode?"u":"")+(b?"y":"g"),y=new f(b?d:"^(?:"+d.source+")",g),w=void 0===t?m:t>>>0;if(0===w)return[];if(0===h.length)return null===l(y,h)?[h]:[];for(var z=0,C=0,S=[];C<h.length;){y.lastIndex=b?C:0;var k,x=l(y,b?h:h.slice(C));if(null===x||(k=u(s(y.lastIndex+(b?0:C)),h.length))===z)C=a(h,C,p);else{if(S.push(h.slice(z,C)),S.length===w)return S;for(var O=1;O<=x.length-1;O++)if(S.push(x[O]),S.length===w)return S;C=z=k}}return S.push(h.slice(z)),S}]}))},66108:(e,t,o)=>{"use strict";o(76774);var n=o(27007),r=o(53218),i=o(67057),a="toString",s=/./[a],l=function(e){o(77234)(RegExp.prototype,a,e,!0)};o(74253)((function(){return"/a/b"!=s.call({source:"a",flags:"b"})}))?l((function(){var e=n(this);return"/".concat(e.source,"/","flags"in e?e.flags:!i&&e instanceof RegExp?r.call(e):void 0)})):s.name!=a&&l((function(){return s.call(this)}))},98184:(e,t,o)=>{"use strict";var n=o(9824),r=o(1616);e.exports=o(45795)("Set",(function(e){return function(){return e(this,arguments.length>0?arguments[0]:void 0)}}),{add:function(e){return n.def(r(this,"Set"),e=0===e?0:e,e)}},n)},40856:(e,t,o)=>{"use strict";o(29395)("anchor",(function(e){return function(t){return e(this,"a","name",t)}}))},80703:(e,t,o)=>{"use strict";o(29395)("big",(function(e){return function(){return e(this,"big","","")}}))},91539:(e,t,o)=>{"use strict";o(29395)("blink",(function(e){return function(){return e(this,"blink","","")}}))},5292:(e,t,o)=>{"use strict";o(29395)("bold",(function(e){return function(){return e(this,"b","","")}}))},29539:(e,t,o)=>{"use strict";var n=o(42985),r=o(24496)(!1);n(n.P,"String",{codePointAt:function(e){return r(this,e)}})},96620:(e,t,o)=>{"use strict";var n=o(42985),r=o(10875),i=o(42094),a="endsWith",s=""[a];n(n.P+n.F*o(8852)(a),"String",{endsWith:function(e){var t=i(this,e,a),o=arguments.length>1?arguments[1]:void 0,n=r(t.length),l=void 0===o?n:Math.min(r(o),n),d=String(e);return s?s.call(t,d,l):t.slice(l-d.length,l)===d}})},45177:(e,t,o)=>{"use strict";o(29395)("fixed",(function(e){return function(){return e(this,"tt","","")}}))},73694:(e,t,o)=>{"use strict";o(29395)("fontcolor",(function(e){return function(t){return e(this,"font","color",t)}}))},37648:(e,t,o)=>{"use strict";o(29395)("fontsize",(function(e){return function(t){return e(this,"font","size",t)}}))},50191:(e,t,o)=>{var n=o(42985),r=o(92337),i=String.fromCharCode,a=String.fromCodePoint;n(n.S+n.F*(!!a&&1!=a.length),"String",{fromCodePoint:function(e){for(var t,o=[],n=arguments.length,a=0;n>a;){if(t=+arguments[a++],r(t,1114111)!==t)throw RangeError(t+" is not a valid code point");o.push(t<65536?i(t):i(55296+((t-=65536)>>10),t%1024+56320))}return o.join("")}})},62850:(e,t,o)=>{"use strict";var n=o(42985),r=o(42094),i="includes";n(n.P+n.F*o(8852)(i),"String",{includes:function(e){return!!~r(this,e,i).indexOf(e,arguments.length>1?arguments[1]:void 0)}})},27795:(e,t,o)=>{"use strict";o(29395)("italics",(function(e){return function(){return e(this,"i","","")}}))},39115:(e,t,o)=>{"use strict";var n=o(24496)(!0);o(42923)(String,"String",(function(e){this._t=String(e),this._i=0}),(function(){var e,t=this._t,o=this._i;return o>=t.length?{value:void 0,done:!0}:(e=n(t,o),this._i+=e.length,{value:e,done:!1})}))},4531:(e,t,o)=>{"use strict";o(29395)("link",(function(e){return function(t){return e(this,"a","href",t)}}))},98306:(e,t,o)=>{var n=o(42985),r=o(22110),i=o(10875);n(n.S,"String",{raw:function(e){for(var t=r(e.raw),o=i(t.length),n=arguments.length,a=[],s=0;o>s;)a.push(String(t[s++])),s<n&&a.push(String(arguments[s]));return a.join("")}})},10823:(e,t,o)=>{var n=o(42985);n(n.P,"String",{repeat:o(68595)})},23605:(e,t,o)=>{"use strict";o(29395)("small",(function(e){return function(){return e(this,"small","","")}}))},17732:(e,t,o)=>{"use strict";var n=o(42985),r=o(10875),i=o(42094),a="startsWith",s=""[a];n(n.P+n.F*o(8852)(a),"String",{startsWith:function(e){var t=i(this,e,a),o=r(Math.min(arguments.length>1?arguments[1]:void 0,t.length)),n=String(e);return s?s.call(t,n,o):t.slice(o,o+n.length)===n}})},6780:(e,t,o)=>{"use strict";o(29395)("strike",(function(e){return function(){return e(this,"strike","","")}}))},69937:(e,t,o)=>{"use strict";o(29395)("sub",(function(e){return function(){return e(this,"sub","","")}}))},10511:(e,t,o)=>{"use strict";o(29395)("sup",(function(e){return function(){return e(this,"sup","","")}}))},64564:(e,t,o)=>{"use strict";o(29599)("trim",(function(e){return function(){return e(this,3)}}))},95767:(e,t,o)=>{"use strict";var n=o(3816),r=o(79181),i=o(67057),a=o(42985),s=o(77234),l=o(84728).KEY,d=o(74253),c=o(3825),u=o(22943),h=o(93953),f=o(86314),p=o(28787),g=o(36074),m=o(5541),b=o(4302),v=o(27007),y=o(55286),w=o(20508),z=o(22110),C=o(21689),S=o(90681),k=o(42503),x=o(39327),O=o(18693),_=o(64548),R=o(99275),E=o(47184),M=O.f,D=R.f,T=x.f,A=n.Symbol,I=n.JSON,L=I&&I.stringify,Z="prototype",P=f("_hidden"),F=f("toPrimitive"),N={}.propertyIsEnumerable,B=c("symbol-registry"),G=c("symbols"),H=c("op-symbols"),j=Object[Z],U="function"==typeof A&&!!_.f,W=n.QObject,V=!W||!W[Z]||!W[Z].findChild,q=i&&d((function(){return 7!=k(D({},"a",{get:function(){return D(this,"a",{value:7}).a}})).a}))?function(e,t,o){var n=M(j,t);n&&delete j[t],D(e,t,o),n&&e!==j&&D(j,t,n)}:D,K=function(e){var t=G[e]=k(A[Z]);return t._k=e,t},Y=U&&"symbol"==typeof A.iterator?function(e){return"symbol"==typeof e}:function(e){return e instanceof A},X=function(e,t,o){return e===j&&X(H,t,o),v(e),t=C(t,!0),v(o),r(G,t)?(o.enumerable?(r(e,P)&&e[P][t]&&(e[P][t]=!1),o=k(o,{enumerable:S(0,!1)})):(r(e,P)||D(e,P,S(1,{})),e[P][t]=!0),q(e,t,o)):D(e,t,o)},J=function(e,t){v(e);for(var o,n=m(t=z(t)),r=0,i=n.length;i>r;)X(e,o=n[r++],t[o]);return e},Q=function(e){var t=N.call(this,e=C(e,!0));return!(this===j&&r(G,e)&&!r(H,e))&&(!(t||!r(this,e)||!r(G,e)||r(this,P)&&this[P][e])||t)},$=function(e,t){if(e=z(e),t=C(t,!0),e!==j||!r(G,t)||r(H,t)){var o=M(e,t);return!o||!r(G,t)||r(e,P)&&e[P][t]||(o.enumerable=!0),o}},ee=function(e){for(var t,o=T(z(e)),n=[],i=0;o.length>i;)r(G,t=o[i++])||t==P||t==l||n.push(t);return n},te=function(e){for(var t,o=e===j,n=T(o?H:z(e)),i=[],a=0;n.length>a;)!r(G,t=n[a++])||o&&!r(j,t)||i.push(G[t]);return i};U||(s((A=function(){if(this instanceof A)throw TypeError("Symbol is not a constructor!");var e=h(arguments.length>0?arguments[0]:void 0),t=function(o){this===j&&t.call(H,o),r(this,P)&&r(this[P],e)&&(this[P][e]=!1),q(this,e,S(1,o))};return i&&V&&q(j,e,{configurable:!0,set:t}),K(e)})[Z],"toString",(function(){return this._k})),O.f=$,R.f=X,o(20616).f=x.f=ee,o(14682).f=Q,_.f=te,i&&!o(4461)&&s(j,"propertyIsEnumerable",Q,!0),p.f=function(e){return K(f(e))}),a(a.G+a.W+a.F*!U,{Symbol:A});for(var oe="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),ne=0;oe.length>ne;)f(oe[ne++]);for(var re=E(f.store),ie=0;re.length>ie;)g(re[ie++]);a(a.S+a.F*!U,"Symbol",{for:function(e){return r(B,e+="")?B[e]:B[e]=A(e)},keyFor:function(e){if(!Y(e))throw TypeError(e+" is not a symbol!");for(var t in B)if(B[t]===e)return t},useSetter:function(){V=!0},useSimple:function(){V=!1}}),a(a.S+a.F*!U,"Object",{create:function(e,t){return void 0===t?k(e):J(k(e),t)},defineProperty:X,defineProperties:J,getOwnPropertyDescriptor:$,getOwnPropertyNames:ee,getOwnPropertySymbols:te});var ae=d((function(){_.f(1)}));a(a.S+a.F*ae,"Object",{getOwnPropertySymbols:function(e){return _.f(w(e))}}),I&&a(a.S+a.F*(!U||d((function(){var e=A();return"[null]"!=L([e])||"{}"!=L({a:e})||"{}"!=L(Object(e))}))),"JSON",{stringify:function(e){for(var t,o,n=[e],r=1;arguments.length>r;)n.push(arguments[r++]);if(o=t=n[1],(y(t)||void 0!==e)&&!Y(e))return b(t)||(t=function(e,t){if("function"==typeof o&&(t=o.call(this,e,t)),!Y(t))return t}),n[1]=t,L.apply(I,n)}}),A[Z][F]||o(87728)(A[Z],F,A[Z].valueOf),u(A,"Symbol"),u(Math,"Math",!0),u(n.JSON,"JSON",!0)},30142:(e,t,o)=>{"use strict";var n=o(42985),r=o(89383),i=o(91125),a=o(27007),s=o(92337),l=o(10875),d=o(55286),c=o(3816).ArrayBuffer,u=o(58364),h=i.ArrayBuffer,f=i.DataView,p=r.ABV&&c.isView,g=h.prototype.slice,m=r.VIEW,b="ArrayBuffer";n(n.G+n.W+n.F*(c!==h),{ArrayBuffer:h}),n(n.S+n.F*!r.CONSTR,b,{isView:function(e){return p&&p(e)||d(e)&&m in e}}),n(n.P+n.U+n.F*o(74253)((function(){return!new h(2).slice(1,void 0).byteLength})),b,{slice:function(e,t){if(void 0!==g&&void 0===t)return g.call(a(this),e);for(var o=a(this).byteLength,n=s(e,o),r=s(void 0===t?o:t,o),i=new(u(this,h))(l(r-n)),d=new f(this),c=new f(i),p=0;n<r;)c.setUint8(p++,d.getUint8(n++));return i}}),o(2974)(b)},1786:(e,t,o)=>{var n=o(42985);n(n.G+n.W+n.F*!o(89383).ABV,{DataView:o(91125).DataView})},70162:(e,t,o)=>{o(78440)("Float32",4,(function(e){return function(t,o,n){return e(this,t,o,n)}}))},33834:(e,t,o)=>{o(78440)("Float64",8,(function(e){return function(t,o,n){return e(this,t,o,n)}}))},74821:(e,t,o)=>{o(78440)("Int16",2,(function(e){return function(t,o,n){return e(this,t,o,n)}}))},81303:(e,t,o)=>{o(78440)("Int32",4,(function(e){return function(t,o,n){return e(this,t,o,n)}}))},75368:(e,t,o)=>{o(78440)("Int8",1,(function(e){return function(t,o,n){return e(this,t,o,n)}}))},79103:(e,t,o)=>{o(78440)("Uint16",2,(function(e){return function(t,o,n){return e(this,t,o,n)}}))},83318:(e,t,o)=>{o(78440)("Uint32",4,(function(e){return function(t,o,n){return e(this,t,o,n)}}))},46964:(e,t,o)=>{o(78440)("Uint8",1,(function(e){return function(t,o,n){return e(this,t,o,n)}}))},62152:(e,t,o)=>{o(78440)("Uint8",1,(function(e){return function(t,o,n){return e(this,t,o,n)}}),!0)},30147:(e,t,o)=>{"use strict";var n,r=o(3816),i=o(10050)(0),a=o(77234),s=o(84728),l=o(35345),d=o(23657),c=o(55286),u=o(1616),h=o(1616),f=!r.ActiveXObject&&"ActiveXObject"in r,p="WeakMap",g=s.getWeak,m=Object.isExtensible,b=d.ufstore,v=function(e){return function(){return e(this,arguments.length>0?arguments[0]:void 0)}},y={get:function(e){if(c(e)){var t=g(e);return!0===t?b(u(this,p)).get(e):t?t[this._i]:void 0}},set:function(e,t){return d.def(u(this,p),e,t)}},w=e.exports=o(45795)(p,v,y,d,!0,!0);h&&f&&(l((n=d.getConstructor(v,p)).prototype,y),s.NEED=!0,i(["delete","has","get","set"],(function(e){var t=w.prototype,o=t[e];a(t,e,(function(t,r){if(c(t)&&!m(t)){this._f||(this._f=new n);var i=this._f[e](t,r);return"set"==e?this:i}return o.call(this,t,r)}))})))},59192:(e,t,o)=>{"use strict";var n=o(23657),r=o(1616),i="WeakSet";o(45795)(i,(function(e){return function(){return e(this,arguments.length>0?arguments[0]:void 0)}}),{add:function(e){return n.def(r(this,i),e,!0)}},n,!1,!0)},1268:(e,t,o)=>{"use strict";var n=o(42985),r=o(13325),i=o(20508),a=o(10875),s=o(24963),l=o(16886);n(n.P,"Array",{flatMap:function(e){var t,o,n=i(this);return s(e),t=a(n.length),o=l(n,0),r(o,n,n,t,0,1,e,arguments[1]),o}}),o(17722)("flatMap")},62773:(e,t,o)=>{"use strict";var n=o(42985),r=o(79315)(!0);n(n.P,"Array",{includes:function(e){return r(this,e,arguments.length>1?arguments[1]:void 0)}}),o(17722)("includes")},83276:(e,t,o)=>{var n=o(42985),r=o(51131)(!0);n(n.S,"Object",{entries:function(e){return r(e)}})},98351:(e,t,o)=>{var n=o(42985),r=o(57643),i=o(22110),a=o(18693),s=o(92811);n(n.S,"Object",{getOwnPropertyDescriptors:function(e){for(var t,o,n=i(e),l=a.f,d=r(n),c={},u=0;d.length>u;)void 0!==(o=l(n,t=d[u++]))&&s(c,t,o);return c}})},96409:(e,t,o)=>{var n=o(42985),r=o(51131)(!1);n(n.S,"Object",{values:function(e){return r(e)}})},9865:(e,t,o)=>{"use strict";var n=o(42985),r=o(25645),i=o(3816),a=o(58364),s=o(50094);n(n.P+n.R,"Promise",{finally:function(e){var t=a(this,r.Promise||i.Promise),o="function"==typeof e;return this.then(o?function(o){return s(t,e()).then((function(){return o}))}:e,o?function(o){return s(t,e()).then((function(){throw o}))}:e)}})},92770:(e,t,o)=>{"use strict";var n=o(42985),r=o(75442),i=o(30575),a=/Version\/10\.\d+(\.\d+)?( Mobile\/\w+)? Safari\//.test(i);n(n.P+n.F*a,"String",{padEnd:function(e){return r(this,e,arguments.length>1?arguments[1]:void 0,!1)}})},41784:(e,t,o)=>{"use strict";var n=o(42985),r=o(75442),i=o(30575),a=/Version\/10\.\d+(\.\d+)?( Mobile\/\w+)? Safari\//.test(i);n(n.P+n.F*a,"String",{padStart:function(e){return r(this,e,arguments.length>1?arguments[1]:void 0,!0)}})},65869:(e,t,o)=>{"use strict";o(29599)("trimLeft",(function(e){return function(){return e(this,1)}}),"trimStart")},94325:(e,t,o)=>{"use strict";o(29599)("trimRight",(function(e){return function(){return e(this,2)}}),"trimEnd")},79665:(e,t,o)=>{o(36074)("asyncIterator")},91181:(e,t,o)=>{for(var n=o(56997),r=o(47184),i=o(77234),a=o(3816),s=o(87728),l=o(87234),d=o(86314),c=d("iterator"),u=d("toStringTag"),h=l.Array,f={CSSRuleList:!0,CSSStyleDeclaration:!1,CSSValueList:!1,ClientRectList:!1,DOMRectList:!1,DOMStringList:!1,DOMTokenList:!0,DataTransferItemList:!1,FileList:!1,HTMLAllCollection:!1,HTMLCollection:!1,HTMLFormElement:!1,HTMLSelectElement:!1,MediaList:!0,MimeTypeArray:!1,NamedNodeMap:!1,NodeList:!0,PaintRequestList:!1,Plugin:!1,PluginArray:!1,SVGLengthList:!1,SVGNumberList:!1,SVGPathSegList:!1,SVGPointList:!1,SVGStringList:!1,SVGTransformList:!1,SourceBufferList:!1,StyleSheetList:!0,TextTrackCueList:!1,TextTrackList:!1,TouchList:!1},p=r(f),g=0;g<p.length;g++){var m,b=p[g],v=f[b],y=a[b],w=y&&y.prototype;if(w&&(w[c]||s(w,c,h),w[u]||s(w,u,b),l[b]=h,v))for(m in n)w[m]||i(w,m,n[m],!0)}},84633:(e,t,o)=>{var n=o(42985),r=o(74193);n(n.G+n.B,{setImmediate:r.set,clearImmediate:r.clear})},32564:(e,t,o)=>{var n=o(3816),r=o(42985),i=o(30575),a=[].slice,s=/MSIE .\./.test(i),l=function(e){return function(t,o){var n=arguments.length>2,r=!!n&&a.call(arguments,2);return e(n?function(){("function"==typeof t?t:Function(t)).apply(this,r)}:t,o)}};r(r.G+r.B+r.F*s,{setTimeout:l(n.setTimeout),setInterval:l(n.setInterval)})},96337:(e,t,o)=>{o(32564),o(84633),o(91181),e.exports=o(25645)},71012:e=>{var t,o;t="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",o={rotl:function(e,t){return e<<t|e>>>32-t},rotr:function(e,t){return e<<32-t|e>>>t},endian:function(e){if(e.constructor==Number)return 16711935&o.rotl(e,8)|4278255360&o.rotl(e,24);for(var t=0;t<e.length;t++)e[t]=o.endian(e[t]);return e},randomBytes:function(e){for(var t=[];e>0;e--)t.push(Math.floor(256*Math.random()));return t},bytesToWords:function(e){for(var t=[],o=0,n=0;o<e.length;o++,n+=8)t[n>>>5]|=e[o]<<24-n%32;return t},wordsToBytes:function(e){for(var t=[],o=0;o<32*e.length;o+=8)t.push(e[o>>>5]>>>24-o%32&255);return t},bytesToHex:function(e){for(var t=[],o=0;o<e.length;o++)t.push((e[o]>>>4).toString(16)),t.push((15&e[o]).toString(16));return t.join("")},hexToBytes:function(e){for(var t=[],o=0;o<e.length;o+=2)t.push(parseInt(e.substr(o,2),16));return t},bytesToBase64:function(e){for(var o=[],n=0;n<e.length;n+=3)for(var r=e[n]<<16|e[n+1]<<8|e[n+2],i=0;i<4;i++)8*n+6*i<=8*e.length?o.push(t.charAt(r>>>6*(3-i)&63)):o.push("=");return o.join("")},base64ToBytes:function(e){e=e.replace(/[^A-Z0-9+\/]/gi,"");for(var o=[],n=0,r=0;n<e.length;r=++n%4)0!=r&&o.push((t.indexOf(e.charAt(n-1))&Math.pow(2,-2*r+8)-1)<<2*r|t.indexOf(e.charAt(n))>>>6-2*r);return o}},e.exports=o},30785:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* Styling Wrappers\n * These independent wrapper divs sit on top of the grid to facilitate the batch edit visual look.\n * Since rows are split vertically into 3 rows (head, body, foot) there is no singular element\n * that wraps to form a body for styling, so we create artificial ones.\n * Their position is calculated (js) to match the current position of the matching editable rows,\n * otherwise the rest of the positioning/styling is handled with CSS\n*/\n:host {\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zing-grid-batch-edit-style-border\n  * @default 1px solid #d6e9ff\n  * @see border\n  * @description Styles the border of the batch edit styling element\n  * @demoLink https://app.zingsoft.com/demos/create/TX748SB9\n  * @shadowOnly false\n  */\n  border: var(--zing-grid-batch-edit-style-border, 1px solid #d6e9ff);\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zing-grid-batch-edit-style-box-shadow\n  * @default inset 0 0 6px #99caff\n  * @see box-shadow\n  * @description Styles the box-shadow of the frozen column styling element\n  * @demoLink https://app.zingsoft.com/demos/create/YKOH0VPL\n  * @shadowOnly false\n  */\n  box-shadow: var(--zing-grid-batch-edit-style-box-shadow, inset 0 0 5px var(--theme-color-primary));\n  box-sizing: border-box;\n\tpointer-events: none;\n\tposition: absolute;\n\theight: 100%;\n  width:100%;\n\ttop: 0;\n\tz-index: 1;\n}\n\n:host([layout="card"]) {\n  display: none;\n}',""])},39803:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-grid-gap\n  * @description Sets the gap between cards in 'card' layout-mode\n  * @see grid-gap\n  * @default 10px\n  * @demoLink https://app.zingsoft.com/demos/create/JOUVG6NN\n  * @shadowOnly true\n  */\n  --card-gap: var(--zg-row-card-grid-gap, 10px);\n\n  /* NOTE: Not adding margin/padding since it doesn't do anything to this component */\n  \n  /**\n  * @memberof ZGBody\n  * @var --zg-body-background\n  * @description Styles the background of grid body\n  * @see background\n  * @default transparent\n  * @demoLink https://app.zingsoft.com/demos/create/WVUSRWLP\n  * @shadowOnly false\n  */\n  background: var(--zg-body-background, transparent);\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-border\n  * @description Styles the border of grid body\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/YWTPH9M0\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-border-bottom\n  * @description Styles the bottom border of grid body\n  * @see border\n  * @default var(--zg-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/25V704EG\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-body-border-bottom, var(--zg-body-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-border-left\n  * @description Styles the left border of grid body\n  * @see border\n  * @default var(--zg-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FPYUYEEX\n  * @shadowOnly false\n  */\n  border-left: var(--zg-body-border-left, var(--zg-body-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-border-right\n  * @description Styles the right border of grid body\n  * @see border\n  * @default var(--zg-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/70O17569\n  * @shadowOnly false\n  */\n  border-right: var(--zg-body-border-right, var(--zg-body-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-border-top\n  * @description Styles the top border of grid body. Note: If `--zg-row-border-top` set,\n  * it will override `--zg-body-border-top`.\n  * @see border\n  * @default var(--zg-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/C9XJMTTQ\n  * @shadowOnly false\n  */\n  border-top: var(--zg-body-border-top, var(--zg-body-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-color\n  * @description Sets the font color of contents inside grid body\n  * @see color\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/X9E64KMS\n  * @shadowOnly false\n  */\n  color: var(--zg-body-color, inherit);\n  display: table-row-group;\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-font-family\n  * @description Sets the font family of contents inside grid body\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/XS22J4JG\n  * @shadowOnly false\n  */\n  font-family: var(--zg-body-font-family, inherit);\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-font-size\n  * @description Sets the font size of contents inside grid body\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/YLAXDUP9\n  * @shadowOnly false\n  */\n  font-size: var(--zg-body-font-size, inherit);\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-font-style\n  * @description Sets the font style of contents inside grid body\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/0VOTEN03\n  * @shadowOnly false\n  */\n  font-style: var(--zg-body-font-style, inherit);\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-font-weight\n  * @description Sets the font weight of contents inside grid body\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/F6CRSTMQ\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-body-font-weight, inherit);\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-line-height\n  * @description Sets the line-height of contents inside of grid body\n  * @see line-height \n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/UO5MJUXO\n  * @shadowOnly false\n  */\n  line-height: var(--zg-body-line-height, inherit);\n}\n\n/* Layout: Card */\n:host([layout=\"card\"]) {\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-background\n  * @description Styles the background of grid body in 'card' layout-mode\n  * @see background\n  * @default linear-gradient(45deg, #f9fafb 20%, #fff)\n  * @demoLink https://app.zingsoft.com/demos/create/XGWDT5HI\n  * @shadowOnly false\n  */\n  background:  var(--zg-body-card-background, linear-gradient(45deg, #f9fafb 20%, #fff));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-border\n  * @description Styles the border of grid body in 'card' layout-mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/UMQX6FC1\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-border-bottom\n  * @description Styles the bottom border of grid body in 'card' layout-mode\n  * @see border\n  * @default var(--zg-body-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/0CXPJ9CM\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-body-card-border-bottom, var(--zg-body-card-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-border-left\n  * @description Styles the left border of grid body in 'card' layout-mode\n  * @see border\n  * @default var(--zg-body-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FPJ9DVE0\n  * @shadowOnly false\n  */\n  border-left: var(--zg-body-card-border-left, var(--zg-body-card-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-border-right\n  * @description Styles the right border of grid body in 'card' layout-mode\n  * @see border\n  * @default var(--zg-body-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/YJHA2SIP\n  * @shadowOnly false\n  */\n  border-right: var(--zg-body-card-border-right, var(--zg-body-card-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-border-top\n  * @description Styles the top border of grid body in 'card' layout-mode. Note: If `--zg-row-border-top` set in 'card' layout-mode\n  * it will override `--zg-body-border-top`.\n  * @see border\n  * @default var(--zg-body-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/ZQPWRYZ2\n  * @shadowOnly false\n  */\n  border-top: var(--zg-body-card-border-top, var(--zg-body-card-border, 0));\n  box-sizing: border-box;\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-display\n  * @description Sets display of grid body in 'card' layout-mode\n  * @see display\n  * @default grid\n  * @demoLink https://app.zingsoft.com/demos/create/JHSU4OLH\n  * @shadowOnly false\n  */\n  display: var(--zg-body-card-display, grid);\n  grid-template-columns: repeat(auto-fill, minmax(calc(var(--zg-card-columns, 25%) - var(--card-gap)), 1fr));;\n  grid-auto-rows: auto;\n  grid-gap: var(--card-gap, 10px);\n  overflow: hidden;\n  padding: var(--card-gap, 10px);\n}\n:host([viewport=\"mobile\"][layout=\"card\"]) { --zg-card-columns: 100%; }\n:host([viewport=\"tablet-portrait\"][layout=\"card\"]) { --zg-card-columns: 50%; }\n:host([viewport=\"tablet-landscape\"][layout=\"card\"]) { --zg-card-columns: 33%; }\n:host([viewport=\"desktop\"][layout=\"card\"]) { --zg-card-columns: 25%; }\n:host([viewport=\"desktop-large\"][layout=\"card\"]) { --zg-card-columns: 25%; }\n\n/* CUSTOM CARD TEMPLATE (ZG-CARD) */\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* ZG-ROW */\n/* All Rows */\n:host ::slotted(zg-row) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background\n  * @description Styles the background of body rows\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/90PL3ZDR\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background);\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-border\n  * @description Styles the border of body rows\n  * @see border\n  * @default var(--zg-row-body-border, var(--zg-row-border-bottom, var(--zg-row-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/EAVHDY7O\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-border-bottom\n  * @description Styles the bottom border of body rows\n  * @see border\n  * @default var(--zg-row-body-border, var(--zg-row-border-bottom, var(--zg-row-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/HNJ2XN7Y\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-row-body-border-bottom, var(--zg-row-body-border, var(--zg-row-border-bottom, var(--zg-row-border, 0))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-border-left\n  * @description Styles the left border of body rows\n  * @see border\n  * @default var(--zg-row-body-border, var(--zg-row-border-left, var(--zg-row-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/E72YL6QW\n  * @shadowOnly false\n  */\n  border-left: var(--zg-row-body-border-left, var(--zg-row-body-border, var(--zg-row-border-left, var(--zg-row-border, 0))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-border-right\n  * @description Styles the right border of body rows\n  * @see border\n  * @default var(--zg-row-body-border, var(--zg-row-border-right, var(--zg-row-border), 0))\n  * @demoLink https://app.zingsoft.com/demos/create/B3XG2R64\n  * @shadowOnly false\n  */\n  border-right: var(--zg-row-body-border-right, var(--zg-row-body-border, var(--zg-row-border-right, var(--zg-row-border, 0))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-border-top\n  * @description Styles the top border of body rows\n  * @see border\n  * @default var(--zg-row-body-border, var(--zg-row-border-top, var(--zg-row-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/9PTJDF3I\n  * @shadowOnly false\n  */\n  border-top: var(--zg-row-body-border-top, var(--zg-row-body-border, var(--zg-row-border-top, var(--zg-row-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color\n  * @description Sets the font color of body rows\n  * @see color\n  * @default var(--zg-row-color)\n  * @demoLink https://app.zingsoft.com/demos/create/ZWULY1D1\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color, var(--zg-row-color));\n  display: table-row;\n}\n\n:host ::slotted(zg-row:hover) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background_hover\n  * @description Styles the background of body rows on hover\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/FNZQKLOI\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background_hover);\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color_hover\n  * @description Styles the font color of body rows\n  * @see color\n  * @default var(--zg-row-color_hover, var(--zg-row-color))\n  * @demoLink https://app.zingsoft.com/demos/create/XCEJKX89\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color_hover, var(--zg-row-color_hover, var(--zg-row-color)));\n}\n/* Even Rows */\n:host ::slotted(zg-row:nth-of-type(even)) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background_even\n  * @description Styles the background of 'even' body rows\n  * @see background\n  * @default var(--zg-row-body-background)\n  * @demoLink https://app.zingsoft.com/demos/create/VMHOQP1A\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background_even, var(--zg-row-body-background));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color_even\n  * @description Sets the font color of 'even' body rows\n  * @see color\n  * @default var(--zg-row-body-color, var(--zg-row-color))\n  * @demoLink https://app.zingsoft.com/demos/create/96LE1ORX\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color_even, var(--zg-row-body-color, var(--zg-row-color)));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-height\n  * @description Sets the height of all rows\n  * @see height\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/MG7QBHBV\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-height\n  * @description Sets the height of body rows\n  * @see height\n  * @default var(--zg-row-height)\n  * @demoLink https://app.zingsoft.com/demos/create/E2CM149E\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-height_even\n  * @description Sets the height of 'even' body rows\n  * @see height\n  * @default var(--zg-row-body-height, var(--zg-row-height))\n  * @demoLink https://app.zingsoft.com/demos/create/PHUE49RH\n  * @shadowOnly false\n  */\n  height: var(--zg-row-body-height_even, var(--zg-row-body-height, var(--zg-row-height, 48px)));\n}\n:host ::slotted(zg-row:nth-of-type(even):hover) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background_even_hover\n  * @description Styles the background of 'even' body rows on hover\n  * @see background\n  * @default var(--zg-row-body-background_hover)\n  * @demoLink https://app.zingsoft.com/demos/create/AIYZXTF0\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background_even_hover, var(--zg-row-body-background_hover));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color_even_hover\n  * @description Styles the font color of 'even' body rows on hover\n  * @see color\n  * @default var(--zg-row-body-color_hover, var(--zg-row-color_hover, var(--zg-row-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/9OLTDTMD\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color_even_hover, var(--zg-row-body-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n/* Odd Rows */\n:host ::slotted(zg-row:nth-of-type(odd)) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background_odd\n  * @description Styles the background of 'odd' body rows\n  * @see background\n  * @default var(--zg-row-body-background)\n  * @demoLink https://app.zingsoft.com/demos/create/GB8RXLPN\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background_odd, var(--zg-row-body-background));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color_odd\n  * @description Styles the font color of 'odd' body rows\n  * @see color\n  * @default var(--zg-row-body-color, var(--zg-row-color))\n  * @demoLink https://app.zingsoft.com/demos/create/RRFIV8VL\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color_odd, var(--zg-row-body-color, var(--zg-row-color)));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-height_odd\n  * @description Sets the height of 'odd' body rows\n  * @see height\n  * @default var(--zg-row-body-height, var(--zg-row-height))\n  * @demoLink https://app.zingsoft.com/demos/create/CC4GKUD7\n  * @shadowOnly false\n  */\n  height: var(--zg-row-body-height_odd, var(--zg-row-body-height, var(--zg-row-height, 48px)));\n}\n:host ::slotted(zg-row:nth-of-type(odd):hover) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background_odd_hover\n  * @description Styles the background of 'odd' body rows on hover\n  * @see background\n  * @default var(--zg-row-body-background_hover)\n  * @demoLink https://app.zingsoft.com/demos/create/41M3NTDX\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background_odd_hover, var(--zg-row-body-background_hover));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color_odd_hover\n  * @description Sets the font color of 'odd' body rows on hover\n  * @see color\n  * @default var(--zg-row-body-color_hover, var(--zg-row-color_hover, var(--zg-row-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/XVED8WRA\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color_odd_hover, var(--zg-row-body-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n\n/*  In the case of zebra, we have to set the class so that we can use the header and footer data rows */\n:host ::slotted(zg-row.zebra-2) {\n  background: var(--theme-background-zebra, var(--zg-row-body-background));\n}\n\n/* In the case of hidden head row, we don't want the first row to show the top border */\n:host ::slotted(zg-row[internal-top]) {\n  border-top: 0px;\n}\n\n/* ZG-ROW: CARD LAYOUT\n-------------------------------------- */\n/* ALL */\n:host([layout=card]) ::slotted(zg-row) {\n  display: flex;\n  flex-wrap: wrap;\n  height: auto !important;\n  overflow: hidden;\n}\n:host([layout=\"card\"]:not([card-template])) ::slotted(zg-row) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-padding\n  * @description Sets the padding of cards in 'card' layout-mode\n  * when '[internal-card-header]' not added to '&lt;zing-grid&gt;'\n  * @see padding\n  * @default 10px 0 5px\n  * @demoLink https://app.zingsoft.com/demos/create/3ANH9F1F\n  * @shadowOnly false\n  */\n  padding: var(--zg-row-card-padding, 8px 0 5px);\n}\n/* EDITOR CONTROLS */\n:host([layout=\"card\"][internal-card-header]:not([card-template])) ::slotted(zg-row) {\n  padding: var(--zg-row-card-padding_editor, 50px 0 5px);\n}\n\n/* SELECTOR CONTROL */\n\n\n/* ODD */\n:host([layout=card]) ::slotted(zg-row:nth-child(odd)) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-background_odd\n  * @description Styles the background of cards in 'card' layout-mode\n  * @see background\n  * @default var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))\n  * @demoLink https://app.zingsoft.com/demos/create/MYI4STFX\n  * @shadowOnly false\n  */\n  /* background: var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background)))); */\n  background: var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border_odd\n  * @description Styles the border of 'odd' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/48K2LXTZ\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-bottom_odd\n  * @description Styles the bottom border of 'odd' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_odd, var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/6KWRAGP6\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-row-card-border-bottom_odd, var(--zg-row-card-border_odd, var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-left_odd\n  * @description Styles the left border of 'odd' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_odd, var(--zg-row-card-border-left, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/E0MU4LOA\n  * @shadowOnly false\n  */\n  border-left: var(--zg-row-card-border-left_odd, var(--zg-row-card-border_odd, var(--zg-row-card-border-left, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-right_odd\n  * @description Styles the right border of 'odd' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_odd, var(--zg-row-card-border-right, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/BQ9TSN4A\n  * @shadowOnly false\n  */\n  border-right: var(--zg-row-card-border-right_odd, var(--zg-row-card-border_odd, var(--zg-row-card-border-right, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-top_odd\n  * @description Styles the top border of 'odd' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_odd, var(--zg-row-card-border-top, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/MYMKX9W0\n  * @shadowOnly false\n  */\n  border-top: var(--zg-row-card-border-top_odd, var(--zg-row-card-border_odd, var(--zg-row-card-border-top, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-box-shadow\n  * @description Applies a box shadow behind cards in 'card' layout-mode\n  * @see box-shadow\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/HQ7WKPH0\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-box-shadow_odd\n  * @description Applies a box shadow behind 'odd' cards in 'card' layout-mode\n  * @see box-shadow\n  * @default var(--zg-row-card-box-shadow, none)\n  * @demoLink https://app.zingsoft.com/demos/create/1D7VE3BL\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-row-card-box-shadow_odd, var(--zg-row-card-box-shadow, none));\n}\n/* ODD: EDITOR CONTROLS */\n:host([layout=\"card\"][internal-card-header]) ::slotted(zg-row:nth-child(odd)) {\n  background: var(--zg-row-card-background_editor_odd, var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background)))));\n}\n\n/* EVEN */\n:host([layout=card]) ::slotted(zg-row:nth-child(even)) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-background_even\n  * @description Styles the background of 'even' cards in 'card' layout-mode\n  * @see background\n  * @default var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))\n  * @demoLink https://app.zingsoft.com/demos/create/Z3JQXTST\n  * @shadowOnly false\n  */\n  background: var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border\n  * @description Styles the border of cards in 'card' layout-mode\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/5V9VVXDQ\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border_even\n  * @description Styles the border of 'even' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/H8PWRCJT\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-bottom_even\n  * @description Styles the bottom border of 'even' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_even, var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/UKFWTUFU\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-row-card-border-bottom_even, var(--zg-row-card-border_even, var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-left_even\n  * @description Styles the left border of 'even' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_even, var(--zg-row-card-border-left, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/T8FJCD4O\n  * @shadowOnly false\n  */\n  border-left: var(--zg-row-card-border-left_even, var(--zg-row-card-border_even, var(--zg-row-card-border-left, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-right_even\n  * @description Styles the right border of 'even' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_even, var(--zg-row-card-border-right, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/NYUK87GS\n  * @shadowOnly false\n  */\n  border-right: var(--zg-row-card-border-right_even, var(--zg-row-card-border_even, var(--zg-row-card-border-right, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-top_even\n  * @description Styles the top border of 'even' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_even, var(--zg-row-card-border-top, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/UWJMSEYU\n  * @shadowOnly false\n  */\n  border-top: var(--zg-row-card-border-top_even, var(--zg-row-card-border_even, var(--zg-row-card-border-top, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /* Already document above */\n  box-shadow: var(--zg-row-card-box-shadow_even, var(--zg-row-card-box-shadow, none));\n}\n/* EVEN: EDITOR CONTROLS */\n:host([layout=\"card\"][internal-card-header]) ::slotted(zg-row:nth-child(even)) {\n  background: var(--zg-row-card-background_editor_even, var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background)))));\n}\n\n:host([no-data]) {\n  display: none;\n}\n\n/* I'm not sure what this is for.  It is breaking focus outlining on hover \n:host([layout=\"card\"]) ::slotted(zg-row:hover) {\n  z-index: 1;\n}*/\n",""])},40662:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  align-items: center;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background\n  * @description Styles the background of button\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/0NOUHK2G\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border\n  * @description Styles the border of a button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/OQ49B7D2\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-bottom\n  * @description Styles the bottom border of a button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/49VYLDM2\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-button-border-bottom, var(--zg-button-border));\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-left\n  * @description Styles the left border of a button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/5BOPSVLN\n  * @shadowOnly false\n  */\n  border-left: var(--zg-button-border-left, var(--zg-button-border));\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-right\n  * @description Styles the right border of a button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/LK4TGZ1R\n  * @shadowOnly false\n  */\n  border-right: var(--zg-button-border-right, var(--zg-button-border));\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-top\n  * @description Styles the top border of a button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/4SWUJJOY\n  * @shadowOnly false\n  */\n  border-top: var(--zg-button-border-top, var(--zg-button-border));\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow\n  * @description Styles the box-shadow of the button\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/TUG6V5YD\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color\n  * @description Sets the font color of button\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/RPE1ZPAR\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color);\n  cursor: pointer;\n  display: inline-flex;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-font-family\n  * @description Sets the font family of button\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/7JWFA1UO\n  * @shadowOnly false\n  */\n  font-family: var(--zg-button-font-family, inherit);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-font-size\n  * @description Sets the font size of button\n  * @see font-size\n  * @default 90%\n  * @demoLink https://app.zingsoft.com/demos/create/0B3ZKXEO\n  * @shadowOnly false\n  */\n  font-size: var(--zg-button-font-size, 100%);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-font-style\n  * @description Sets the font style of button\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/N5ISV2HS\n  * @shadowOnly false\n  */\n  font-style: var(--zg-button-font-style, inherit);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-font-weight\n  * @description Sets the font weight of button\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/USH6VNB2\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-button-font-weight, inherit);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-line-height\n  * @description Sets the line height of button\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/BC7ELB6L\n  * @shadowOnly false\n  */\n  line-height: var(--zg-button-line-height, inherit);\n  justify-content: flex-start;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-margin\n  * @description Sets the margin of button\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/M834XVE5\n  * @shadowOnly false\n  */\n  margin: var(--zg-button-margin, 0);\n  /*outline: none;*/\n  /*overflow: hidden;*/\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-padding\n  * @description Sets the padding of button\n  * @see padding\n  * @default 3px\n  * @demoLink https://app.zingsoft.com/demos/create/SXA4AMPI\n  * @shadowOnly false\n  */\n  padding: var(--zg-button-padding, 0);\n  position: relative;\n  user-select: none;\n}\n\n/* Default Hover State (Defined) */\n:host([action]:hover),\n:host([action].hover) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-icon-background_hover\n  * @description Styles the background of the icon in a button on hover state\n  * @see fill\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/AKM36W15\n  * @shadowOnly false\n  */\n  --zg-icon-color: var(--zg-button-icon-background_hover);\n\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_hover\n  * @description Styles the background of button on hover\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/F1CZ5AEC\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_hover\n  * @description Styles the border of a button on hover state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/M6VZUWV3\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-bottom_hover\n  * @description Styles the bottom border of a button on hover\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/N34TY79O\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-button-border-bottom_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-left_hover\n  * @description Styles the left border of a button on hover\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/8WXKJKRH\n  * @shadowOnly false\n  */\n  border-left: var(--zg-button-border-left_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-right_hover\n  * @description Styles the right border of a button on hover\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/3F37KXA6\n  * @shadowOnly false\n  */\n  border-right: var(--zg-button-border-right_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-top_hover\n  * @description Styles the top border of a button on hover\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/8YBE3ACC\n  * @shadowOnly false\n  */\n  border-top: var(--zg-button-border-top_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_hover\n  * @description Styles the box-shadow of the button on hover\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/RAV3EMI2\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_hover\n  * @description Styles the color of the button on hover\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/TNO4DYRC\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-transition_speed\n  * @description Sets the transition speed of button\n  * @see transition\n  * @default var(--theme-transition_speed)\n  * @demoLink https://app.zingsoft.com/demos/create/W9ECS6H6\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  transition: background-color var(--zg-button-transition_speed, var(--theme-transition_speed));\n  z-index: 11;\n}\n\n/* Default Focus State (Defined) */\n:host(:focus) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_focus\n  * @description Styles the background of button on focus\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/KHSJ4IAG\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_focus\n  * @description Styles the border of a button on focus state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6ECRZ83T\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-bottom_focus\n  * @description Styles the bottom border of a button on focus\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/TNC5VI4O\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-button-border-bottom_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-left_focus\n  * @description Styles the left border of a button on focus\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/OTDDVBOS\n  * @shadowOnly false\n  */\n  border-left: var(--zg-button-border-left_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-right_focus\n  * @description Styles the right border of a button on focus\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/MTB5U5AF\n  * @shadowOnly false\n  */\n  border-right: var(--zg-button-border-right_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-top_focus\n  * @description Styles the top border of a button on focus\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/LO0MH08V\n  * @shadowOnly false\n  */\n  border-top: var(--zg-button-border-top_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_focus\n  * @description Styles the box-shadow of the button on focus\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/P92OHBPM\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_focus\n  * @description Styles the color of the button on focus\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/18C3727I\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_focus);\n  outline: var(--zg-button-focus);\n  transition: background-color var(--zg-button-transition_speed, var(--theme-transition_speed));\n}\n\n/* Active State */\n:host([action]:active),\n:host([action].active),\n:host([active]) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_active\n  * @description Styles of background of button on active state\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/B5GX883S\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_active, var(--theme-background-color));\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_active\n  * @description Styles the border of a button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/XPUZZ3LU\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-bottom_active\n  * @description Styles the bottom border of a button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/NOL6XBMR\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-button-border-bottom_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-left_active\n  * @description Styles the left border of a button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/RG7Z2CMD\n  * @shadowOnly false\n  */\n  border-left: var(--zg-button-border-left_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-right_active\n  * @description Styles the right border of a button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/TX5552LK\n  * @shadowOnly false\n  */\n  border-right: var(--zg-button-border-right_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-top_active\n  * @description Styles the top border of a button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/X9WBHY4L\n  * @shadowOnly false\n  */\n  border-top: var(--zg-button-border-top_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_active\n  * @description Styles the box-shadow of the button on activation\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/MX9J71NQ\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_active\n  * @description Styles the color of the button on active state\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/RARCAIWD\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_active);\n  cursor: default;\n}\n\n/* Disabled Normal State */\n:host([disabled]) {\n  cursor: not-allowed;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-opacity_disabled\n  * @description Styles the opacity of disabled button or button on hover\n  * @see opacity\n  * @default 0.2\n  * @demoLink https://app.zingsoft.com/demos/create/L2BLE14D\n  * @shadowOnly false\n  */\n  opacity: var(--zg-button-opacity_disabled, 0.2);\n}\n\n/* Hide tooltip if button disabled */\n:host([tooltip][disabled]):before,\n:host([tooltip][disabled]):after {\n  display: none;\n}\n\n/* Disabled Hover State */\n:host([disabled]:hover),\n:host([disabled].hover) {\n  background: none;\n  cursor: not-allowed;\n  opacity: var(--zg-button-opacity_disabled, 0.2);\n}\n\n/* If the button is hidden (has [hidden] attribute) */\n:host([hidden]) {\n  display: none !important;\n}\n\n/* TOOLTIP\n-------------------------------------- */\n:host([tooltip]) {\n  --tooltip-arrow-size: 4px;\n}\n\n:host([tooltip]):after {\n  align-items: center;\n  background: var(--tooltip-background, var(--theme-color_alt));\n  border-radius: 2px;\n  color: #fff;\n  content: attr(tooltip);\n  display: inline-flex;\n  font-size: 11px;\n  height: 22px;\n  justify-content: center;\n  line-height: 1;\n  opacity: 1;\n  padding: 0 8px;\n  pointer-events: none;\n  position: absolute;\n  top: 50%;\n  white-space: nowrap;\n  transform: translate(0, -50%);\n  transition: transform .3s;\n  visibility: hidden;\n}\n\n:host([tooltip]:hover):after,\n:host([tooltip].hover):after {\n  opacity: 1;\n  visibility: visible;\n  z-index: 11;\n}\n\n:host([tooltip]):before {\n  border: var(--tooltip-arrow-size) solid transparent;\n  content: '';\n  display: block;\n  opacity: 0;\n  pointer-events: none;\n  position: absolute;\n  top: 50%;\n  transform: translate(0, -50%);\n  transition: transform .3s;\n  visibility: hidden;\n}\n\n:host([tooltip]:hover):before,\n:host([tooltip].hover):before {\n  opacity: 1;\n  visibility: visible;\n}\n\n/* LEFT */\n:host([tooltip-left]):after {\n  right: 100%;\n} \n\n:host([tooltip-left]:hover):after,\n:host([tooltip-left].hover):after {\n  transform: translate(calc(-1 * var(--tooltip-arrow-size)), -50%);\n}\n\n:host([tooltip-left]):before {\n  border-left-color: var(--tooltip-background, var(--theme-color_alt));\n  left: 0;\n}\n\n:host([tooltip-left]:hover):before,\n:host([tooltip-left].hover):before {\n  transform: translate(calc(-1 * var(--tooltip-arrow-size)), -50%);\n}\n\n/* RIGHT */\n:host([tooltip-right]):after {\n  left: 100%;\n}\n\n:host([tooltip-right]:hover):after,\n:host([tooltip-right].hover):after {\n  transform: translate(var(--tooltip-arrow-size), -50%);\n}\n\n:host([tooltip-right]):before {\n  border-right-color: var(--tooltip-background, var(--theme-color_alt));\n  right: 0;\n}\n\n:host([tooltip-right]:hover):before,\n:host([tooltip-right].hover):before {\n  transform: translate(var(--tooltip-arrow-size), -50%);\n}\n\n/*  DIR\n------------------------------------- */\n:host([dir=\"rtl\"]) ::slotted(zg-icon) {\n  transform: scaleX(-1);\n}\n\n/* ICON\n-------------------------------------- */\n:host([no-icon]) .zg-button-icon {\n  display: none;\n}\n\n/* todo: not wonderful yet */\n:host([icon-last]) .zg-button-icon {\n  order: 2;\n}\n\n/* NODATA */\n:host([no-data]) {\n  color: var(--theme-color-primary);\n}\n\n:host([no-data]) ::slotted(zg-icon) {\n  margin-right: 3px !important;\n  transform: scale(.9);\n}\n\n/* CURSOR-BASED PAGINATION STYLING\n-------------------------------------- */\n:host([type=\"cursor\"]) ::slotted(zg-icon) {\n  transform: scale(1.2);\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* Checkbox - only when text added to button */\n:host([hastext]) ::slotted(zg-checkbox) {\n  margin-right: 5px;\n}\n\n:host([hastext][dir=\"rtl\"]) ::slotted(zg-checkbox) {\n  margin-left: 5px;\n  margin-right: unset\n}\n\n/* Icon - only when text added to button */\n:host([hastext]) ::slotted(zg-icon) {\n  margin-right: 7px;\n}\n\n:host([hastext][dir=\"rtl\"]) ::slotted(zg-icon) {\n  margin-left: 5px;\n  margin-right: unset\n}\n\n:host ::slotted(zg-icon) {\n  text-align: center;\n}\n\n\n/* ZG-PAGER: 'BUTTON' PAGINATION STYLING */\n\n/* 'Next Page' button */\n:host([action=\"nextpage\"]) {\n  margin-left: -1px;\n}\n\n/* '1, 2, 3' Page buttons */\n:host([action=\"page\"]) {\n  margin-left: -1px;\n}\n\n:host([action=\"page\"][disabled]) {\n  opacity: 1;\n}\n\n:host([action=\"page\"]) ::slotted(zg-icon) {\n  display: none;\n}\n\n:host([action=\"page\"]) ::slotted([slot=\"label\"]) {\n  width: 100%;\n  text-align: center;\n}\n\n:host([action*=\"record\"]),\n:host([action^=\"batch\"]),\n:host([internal-cell]) {\n  vertical-align: middle;\n}\n\n/*  Row Grouping Buttons */\n:host([action$=\"rowgroup\"]) {\n  margin-right: 20px;\n}\n\n:host([action$=\"rowgroup\"]) ::slotted(zg-icon) {\n  width: 24px;\n  height: 24px;\n}\n\n/* CUSTOM BUTTONS (NON-INTERNAL)\n-------------------------------------- */\n\n/* User button - not internal (internal should have [action]) */\n:host(:not([action]):not([force-border=\"disabled\"])),\n:host([force-border]:not([force-border=\"disabled\"])) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_custom\n  * @description Styles the background of custom button\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/ILHRA36E\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_custom);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_custom\n  * @description Styles the border of custom button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/VZ1UMHDW\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_custom);\n  border-radius: 4px;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_custom\n  * @description Applies a box shadow behind custom button\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/WV8BPHHG\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_custom);\n  color: var(--zg-button-color_custom, --zg-button-color);\n  padding: var(--zg-button-padding, 7px 9px);\n  transition: background .1s;\n}\n\n/* Focus */\n:host(:not([action]):not([force-border=\"disabled\"]):focus),\n:host([force-border]:not([force-border=\"disabled\"]):focus) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_custom_focus\n  * @description Styles the background of custom button on focus\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/DNQPAWTN\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_custom_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_custom_focus\n  * @description Styles the border of custom button on focus\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6YMT2CI2\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_custom_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_custom_focus\n  * @description Applies a box shadow behind custom button on focus\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/ZUYVPA4G\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_custom_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_custom_focus\n  * @description Sets the font color of custom button on focus\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6SPOXN1V\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_custom_focus);\n}\n\n/* Hover */\n:host(:not([action]):not([force-border=\"disabled\"]):hover),\n:host(:not([action]):not([force-border=\"disabled\"]).hover),\n:host([force-border]:not([force-border=\"disabled\"]):hover),\n:host([force-border]:not([force-border=\"disabled\"]).hover) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-icon-background_custom_hover\n  * @description Styles the background of icon in custom button on hover\n  * @see fill\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/KM9ESQ95\n  * @shadowOnly false\n  */\n  --zg-icon-color: var(--zg-button-icon-background_custom_hover, #fff);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_custom_hover\n  * @description Styles the background of custom button on hover\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/3NS677KC\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_custom_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_custom_hover\n  * @description Styles the border of custom button on hover\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/M471ONLC\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_custom_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_custom_hover\n  * @description Applies a box shadow behing custom button on hover\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6G5744Z9\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_custom_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_custom_hover\n  * @description Sets the font color of custom button on hover\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/UTHW9VD5\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_custom_hover);\n  /* Already defined, don't add JSDOCs */\n  transition: background-color var(--zg-button-transition_speed, var(--theme-transition_speed));\n}\n\n/* Active */\n:host(:not([action]):not([force-border=\"disabled\"]):active),\n:host(:not([action]):not([force-border=\"disabled\"]).active),\n:host([force-border]:not([force-border=\"disabled\"]):active),\n:host([force-border]:not([force-border=\"disabled\"]).active) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_custom_active\n  * @description Styles the background of custom button on active state\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/I7M662SJ\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_custom_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_custom_active\n  * @description Styles the border of custom button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/SBAJGZLD\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_custom_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_custom_active\n  * @description Applies a box shadow behind custom button on active state\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/NFET6MLX\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_custom_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_custom_active\n  * @description Sets the font color of custom button on active state\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/L6FV9PN6\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_custom_active);\n}",""])},65138:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-background\n  * @description Styles the background of caption\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6U2SY2K5\n  * @shadowOnly false\n  */\n  background: var(--zg-caption-background);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border\n  * @description Styles the border of caption\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/0N4C0ECB\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border-bottom\n  * @description Styles the bottom border of caption\n  * @see border\n  * @default var(--zg-caption-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/99JLBVYH\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-caption-border-bottom, var(--zg-caption-border, 0));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border-left\n  * @description Styles the left border of caption\n  * @see border\n  * @default var(--zg-caption-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FWLLXIJ5\n  * @shadowOnly false\n  */\n  border-left: var(--zg-caption-border-left, var(--zg-caption-border, 0));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border-right\n  * @description Styles the right border of caption\n  * @see border\n  * @default var(--zg-caption-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/52JW357J\n  * @shadowOnly false\n  */\n  border-right: var(--zg-caption-border-right, var(--zg-caption-border, 0));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border-top\n  * @description Styles the top border of caption\n  * @see border\n  * @default var(--zg-caption-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/NZ37Y0WR\n  * @shadowOnly false\n  */\n  border-top: var(--zg-caption-border-top, var(--zg-caption-border, 0));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border-radius\n  * @description Applies a border-radius to the caption\n  * @see border-radius\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/XTZFER6B\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-caption-border-radius, 0);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-box-shadow\n  * @description Applies a box shadow behind caption\n  * @see box-shadow\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/NGD7EIQQ\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-caption-box-shadow, none);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-color\n  * @description Sets the font color of caption\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/AWL1ZJ9P\n  * @shadowOnly false\n  */\n  color: var(--zg-caption-color);\n  display: block;\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-font-family\n  * @description Sets the font family of caption\n  * @see font-family\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/AIW2OSGY\n  * @shadowOnly false\n  */\n  font-family: var(--zg-caption-font-family);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-font-size\n  * @description Sets the font size of caption\n  * @see font-size\n  * @default 1.25rem\n  * @demoLink https://app.zingsoft.com/demos/create/GYEK88WP\n  * @shadowOnly false\n  */\n  font-size: var(--zg-caption-font-size, 1.25rem);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-font-style\n  * @description Sets the font style of caption\n  * @see font-style\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/88F09GZT\n  * @shadowOnly false\n  */\n  font-style: var(--zg-caption-font-style);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-font-weight\n  * @description Sets the font weight of caption\n  * @see font-weight\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/KY56OFL7\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-caption-font-weight);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-margin\n  * @description Sets the margin of caption\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/4KJK4SH4\n  * @shadowOnly false\n  */\n  margin: var(--zg-caption-margin, 0);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-opacity\n  * @description Sets the opacity of caption\n  * @see opacity\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/PE0HQJ5R\n  * @shadowOnly false\n  */\n  opacity: var(--zg-caption-opacity);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-padding\n  * @description Sets the padding of caption\n  * @see padding\n  * @default 0 var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/442ELH1B\n  * @shadowOnly false\n  */\n  padding: var(--zg-caption-padding, 0 var(--theme-padding_x));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-transition\n  * @description Sets the transition of caption\n  * @see transition\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/NORAG1EP\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  transition: var(--zg-caption-transition);\n  z-index: 2;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Wrapper */\n.zg-caption {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-align-items\n  * @description Sets the vertical alignment of items (title and toolbar) in caption\n  * @see align-items\n  * @default center\n  * @demoLink https://app.zingsoft.com/demos/create/CQYPIK1K\n  * @shadowOnly true\n  */\n  align-items: var(--zg-caption-align-items, center);\n  box-sizing: border-box;\n  display: flex;\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-flex-direction\n  * @description Sets the flex direction of items (title and toolbar) in caption\n  * @see flex-direction\n  * @default row\n  * @demoLink https://app.zingsoft.com/demos/create/7OAGC539\n  * @shadowOnly true\n  */\n  flex-direction: var(--zg-caption-flex-direction, row);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-height\n  * @description Sets the height of caption\n  * @see height\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/Y3GPK1TE\n  * @shadowOnly false\n  */\n  min-height: var(--zg-caption-height);\n  position: relative;\n  width: 100%;\n}\n:host([align=\"right\"]) .zg-caption {\n  flex-direction: row-reverse;\n}\n\n/* Title (Slot) */\n.zg-caption-title-slot {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-align-self\n  * @description Sets vertical alignment of items in caption title\n  * @see align-self\n  * @default center\n  * @demoLink https://app.zingsoft.com/demos/create/67LXJX3V\n  * @shadowOnly true\n  */\n  align-self: var(--zg-caption-title-align-self, var(--zg-caption-align-items));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-flex\n  * @description Sets how items are flexed in caption title\n  * @see flex\n  * @default 0 1 auto\n  * @demoLink https://app.zingsoft.com/demos/create/ZNF8KZ0Q\n  * @shadowOnly true\n  */\n  flex: var(--zg-caption-title-flex, 0 1 auto);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-font-family\n  * @description Sets the font-family of caption title\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/RSEFCP22\n  * @shadowOnly false\n  */\n  font-family: var(--zg-caption-title-font-family, inherit);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-font-size\n  * @description Sets the font size of caption title\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/957S8V57\n  * @shadowOnly false\n  */\n  font-size: var(--zg-caption-title-font-size, inherit);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-font-style\n  * @description Sets the font style of caption title\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/7998V87T\n  * @shadowOnly false\n  */\n  font-style: var(--zg-caption-title-font-style, inherit);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-font-weight\n  * @description Sets the font weight of caption title\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/SL5PZSVT\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-caption-title-font-weight, inherit);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-margin\n  * @description Sets the margin of caption title\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/16DIJOGY\n  * @shadowOnly false\n  */\n  margin: var(--zg-caption-title-margin, 0);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-padding\n  * @description Sets the padding of caption title\n  * @see padding\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/ZS07XHPH\n  * @shadowOnly false\n  */\n  padding: var(--zg-caption-title-padding, 0);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-order\n  * @description Sets the order of caption title with respect to caption toolbar\n  * @see order\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/C23FWMV5\n  */\n  order: var(--zg-caption-title-order);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-text-align\n  * @description Sets the text alignment of caption title\n  * @see text-align\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/1598TAUJ\n  * @shadowOnly false\n  */\n  text-align: var(--zg-caption-title-text-align, inherit);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-transform\n  * @description Sets the transform of caption title\n  * @see transform\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/3XWSGQ3T\n  * @shadowOnly false\n  */\n  transform: var(--zg-caption-title-transform, none);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-width\n  * @description Sets the width of caption title\n  * @see width\n  * @default 100%\n  * @demoLink https://app.zingsoft.com/demos/create/072GAQ92\n  * @shadowOnly false\n  */\n  width: var(--zg-caption-title-width, 100%);\n}\n\n/* Toolbar (Slot) */\n.zg-caption-toolbar {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-align-self\n  * @description Sets vertical alignment of items in caption toolbar\n  * @default Browser's default value\n  * @see align-self\n  * @demoLink https://app.zingsoft.com/demos/create/S3ZCU3DO\n  * @shadowOnly false\n  */\n  align-self: var(--zg-caption-toolbar-align-self);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-bottom\n  * @description Sets the position from bottom of caption toolbar. To apply, set --zg-caption-toolbar-position.\n  * @see bottom\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/OEH3UY6Q\n  * @shadowOnly false\n  * @storyAlert recommend:--zg-caption-toolbar-position:relative\n  */\n  bottom: var(--zg-caption-toolbar-bottom);\n  display: flex;\n  height: var(--zg-caption-height);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-justify-content\n  * @description Sets the horizontal alignment of contents in caption toolbar\n  * @see justify-content\n  * @default flex-start\n  * @demoLink https://app.zingsoft.com/demos/create/765LB16X\n  * @shadowOnly true\n  */\n  justify-content: var(--zg-caption-toolbar-justify-content, flex-start);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-left\n  * @description Sets the left of caption toolbar. To apply, set --zg-caption-toolbar-position.\n  * @see left\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/S4O1P9G5\n  * @shadowOnly false\n  * @storyAlert recommended:--zg-caption-toolbar-position:relative\n  */\n  left: var(--zg-caption-toolbar-left, auto);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-margin\n  * @description Sets the margin of caption toolbar\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/KZJX7TLX\n  * @shadowOnly true\n  */\n  margin: var(--zg-caption-toolbar-margin, 0);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-position\n  * @description Sets the position of caption toolbar\n  * @see position\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/QHJA4VIJ\n  * @shadowOnly true\n  */\n  position: var(--zg-caption-toolbar-position);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-right\n  * @description Sets the right of caption toolbar. To apply, set --zg-caption-toolbar-position.\n  * @see right\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/4YMLUW88\n  * @shadowOnly true\n  * @storyAlert recommend:--zg-caption-toolbar-position:relative\n  */\n  right: var(--zg-caption-toolbar-right, auto);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-top\n  * @description Sets the top of caption toolbar. To apply, set --zg-caption-toolbar-position.\n  * @see top\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/RFUEEGAP\n  * @shadowOnly true\n  * @storyAlert recommend:--zg-caption-toolbar-position:relative\n  */\n  top: var(--zg-caption-toolbar-top, auto);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-transform\n  * @description Sets the transform of caption toolbar\n  * @see transform\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/CM2ERTMS\n  * @shadowOnly true\n  */\n  transform: var(--zg-caption-toolbar-transform, none);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-width\n  * @description Sets the width of caption toolbar\n  * @see width\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/MGC5Q8CR\n  * @shadowOnly true\n  */\n  width: var(--zg-caption-toolbar-width, auto);\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* DAVE - Moving this from zg-button has the search button in a weird position   Put search on a grid and you will see */\n\n/* ZG-BUTTON */\n:host ::slotted(zg-button) {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-button-background\n  * @description Styles the background of button in caption\n  * @default var(--zg-button-background)\n  * @demoLink https://app.zingsoft.com/demos/create/TJF6WCKE\n  * @see background\n  * @shadowOnly false\n  */\n  background: var(--zg-caption-button-background, var(--zg-button-background));\n  color: var(--zg-caption-button-color, var(--zg-button-color));\n  display: inline-flex;\n  height: 100%;\n  padding-left: 5px;\n  padding-right: 5px;\n}\n:host ::slotted(zg-button:focus) {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-button-background_focus\n  * @description Styles the background of button in caption when the button is in a `focus` state\n  * @default var(--zg-caption-button-background, var(--zg-button-background))\n  * @demoLink https://app.zingsoft.com/demos/create/BSNFWAC2\n  * @see background\n  * @shadowOnly false\n  */\n  background: var(--zg-caption-button-background_focus, var(--zg-button-background_focus, var(--zg-caption-button-background, var(--zg-button-background))));\n  color: var(--zg-caption-button-color_focus, var(--zg-caption-button-color, var(--zg-button-color_focus, var(--zg-button-color))));\n}\n:host ::slotted(zg-button:hover) {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-button-background_hover\n  * @description Styles the background of button in caption when the button is in a `hover` state\n  * @default var(--zg-caption-button-background, var(--zg-button-background))\n  * @demoLink https://app.zingsoft.com/demos/create/2C4I6L8Q\n  * @see background\n  * @shadowOnly false\n  */\n  background: var(--zg-caption-button-background_hover, var(--zg-button-background_hover, var(--zg-caption-button-background, var(--zg-button-background))));\n  color: var(--zg-caption-button-color_hover, var(--zg-caption-button-color, var(--zg-button-color_hover, var(--zg-button-color))));\n}\n\n:host ::slotted(zg-button:active) {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-button-background_active\n  * @description Styles the background of button in caption when the button is in an `active` state\n  * @default var(--zg-caption-button-background, var(--zg-button-background))\n  * @demoLink https://app.zingsoft.com/demos/create/RAU1QDPS\n  * @see background\n  * @shadowOnly false\n  */\n  background: var(--zg-caption-button-background_active, var(--zg-button-background_active, var(--zg-caption-button-background, var(--zg-button-background))));\n  color: var(--zg-caption-button-color_active, var(--zg-caption-button-color, var(--zg-button-color_active, var(--zg-button-color))));\n}\n\n\n/* CUSTOM USER BUTTON */\n:host ::slotted(zg-button:not([action])) {\n  background: var(--zg-caption-button-background_custom, var(--zg-caption-button-background, var(--zg-button-background_custom, var(--zg-button-background))));\n  color: var(--zg-caption-button-color_custom, var(--zg-caption-button-color, var(--zg-button-color_custom, var(--zg-button-color))));\n}\n:host ::slotted(zg-button:not([action]):focus) {\n  background: var(--zg-caption-button-background_custom_focus, var(--zg-caption-button-background_focus, var(--zg-button-background_custom_focus, var(--zg-button-background_focus, var(--zg-caption-button-background_custom, var(--zg-caption-button-background, var(--zg-button-background_custom, var(--zg-button-background))))))));\n  color: var(--zg-caption-button-color_custom_focus, var(--zg-caption-button-color_focus, var(--zg-button-color_custom_focus, var(--zg-button-color_focus, var(--zg-button-color)))));\n}\n:host ::slotted(zg-button:not([action]):hover) {\n  background: var(--zg-caption-button-background_custom_hover, var(--zg-caption-button-background_hover, var(--zg-button-background_custom_hover, var(--zg-button-background_hover, var(--zg-caption-button-background_custom, var(--zg-caption-button-background, var(--zg-button-background_custom, var(--zg-button-background))))))));\n  color: var(--zg-caption-button-color_custom_hover, var(--zg-caption-button-color_hover, var(--zg-button-color_custom_hover, var(--zg-button-color_hover,var( --zg-button-color)))));\n}\n:host ::slotted(zg-button:not([action]):active) {\n  background: var(--zg-caption-button-background_custom_active, var(--zg-caption-button-background_active, var(--zg-button-background_custom_active, var(--zg-button-background_active, var(--zg-caption-button-background_custom, var(--zg-caption-button-background, var(--zg-button-background_custom, var(--zg-button-background))))))));\n  color: var(--zg-caption-button-color_custom_active, var(--zg-caption-button-color_active, var(--zg-button-color_custom_active, var(--zg-button-color_active, var(--zg-button-color)))));\n}\n\n\n/* INTERNAL BUTTON */\n:host ::slotted(zg-button[action]:hover) {\n  background: var(--zg-caption-button-background_hover, var(--zg-button-background_hover));\n}\n\n:host ::slotted(zg-search) {\n  display: inline-flex;\n  height: 100%;\n}\n\n/* DYNAMIC\n-------------------------------------- */\n.enabled { display:inline-block !important; }",""])},68728:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-background_layout_card\n  * @description Styles the background of cards in 'card' layout-mode\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/BEYZ88MV\n  * @shadowOnly false\n  */\n  background: var(--zg-cell-background_layout_card);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-border_layout_card\n  * @description Styles the border of cards in 'card' layout-mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/U0CW9K8N\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-border-bottom_layout_card\n  * @description Styles the bottom border of cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FGN7V34Y\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-cell-border-bottom_layout_card, var(--zg-cell-border_layout_card, 0));\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-border-left_layout_card\n  * @description Styles the left border of cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/BPYBZ5YQ\n  * @shadowOnly false\n  */\n  border-left: var(--zg-cell-border-left_layout_card, var(--zg-cell-border_layout_card, 0));\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-border-right_layout_card\n  * @description Styles the right border of cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/CK9N7ZQV\n  * @shadowOnly false\n  */\n  border-right: var(--zg-cell-border-right_layout_card, var(--zg-cell-border_layout_card, 0));\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-border-top_layout_card\n  * @description Styles the top border of cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/7Y7BXZCF\n  * @shadowOnly false\n  */\n  border-top: var(--zg-cell-border-top_layout_card, var(--zg-cell-border_layout_card, 0));\n  box-sizing: border-box;\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-color_layout_card\n  * @description Sets the font color of cards in 'card' layout-mode\n  * @see color\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/X2B23BUZ\n  * @shadowOnly false\n  */\n  color: var(--zg-cell-color_layout_card, inherit);\n  display: block;\n  flex: 1;\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-font-family_layout_card\n  * @description Sets the font family of cards in 'card' layout-mode\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/O9LB0E7K\n  * @shadowOnly false\n  */\n  font-family: var(--zg-cell-font-family_layout_card, inherit);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-font-size_layout_card\n  * @description Sets the font size of cards in 'card' layout-mode\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/FN82MG62\n  * @shadowOnly false\n  */\n  font-size: var(--zg-cell-font-size_layout_card, inherit);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-font-style_layout_card\n  * @description Sets the font family of cards in 'card' layout-mode\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/OOAIYJ3A\n  * @shadowOnly false\n  */\n  font-style: var(--zg-cell-font-style_layout_card, inherit);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-font-weight_layout_card\n  * @description Sets the font weight of cards in 'card' layout-mode\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/HG4U54X7\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-cell-font-weight_layout_card, inherit);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-height_layout_card\n  * @description Sets the height of cards in 'card' layout-mode\n  * @see height\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/363ZH0L0\n  * @shadowOnly false\n  */\n  height: var(--zg-cell-height_layout_card, auto);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-line-height_layout_card\n  * @description Sets the line height of cards in 'card' layout-mode\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/GNXXL0I8\n  * @shadowOnly false\n  */\n  line-height: var(--zg-cell-line-height_layout_card, inherit);\n  overflow: hidden;\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-padding_layout_card\n  * @description Sets the padding of cards in 'card' layout-mode\n  * @see padding\n  * @default var(--theme-padding_y) var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/NLQRJG8E\n  * @shadowOnly false\n  */\n  padding: var(--zg-cell-padding_layout_card, var(--theme-padding_y) var(--theme-padding_x));\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-transition_layout_card\n  * @description Sets the transition of cards in 'card' layout-mode\n  * @see transition\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/EP738THM\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  transition: var(--zg-cell-transition_layout_card);\n  user-select: none;\n  width: 100%;\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-word-break_layout_card\n  * @description Sets the word break of items in cards in 'card' layout-mode\n  * @see word-break\n  * @default break-all\n  * @demoLink https://app.zingsoft.com/demos/create/8M5I3J8P\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  word-break: var(--zg-cell-word-break_layout_card, break-all);\n}\n\n/* Hide if 'hidden' attribute applied */\n:host([hidden]) {\n  display: none !important;\n}\n\n/* 'Remove Record' Cell */\n:host([type=\"remover\"]) {\n  text-align: right;\n}\n\n/* WHEN EDIT-ROW BUTTONS IN SAME CELL */\n:host([edit-row-buttons-one-cell]) {\n  padding-left: 0;\n  padding-right: 0;\n}\n:host([edit-row-buttons-one-cell]) ::slotted([data-field-index]) {\n  display: flex;\n} ",""])},53875:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* HOST\n-------------------------------------- */\n:host {\n  --cell-overflow-background-color: var(--zing-grid-background);\n  --cell-overflow-border-color: var(--theme-border-color);\n}\n\n/* Type: Default */\n:host {\n  background: var(--cell-overflow-background-color);\n  border: 1px solid var(--cell-overflow-border-color);\n  display: block;\n  line-height: initial;\n  pointer-events: auto;\n  position: absolute;\n  z-index: 11;\n}\n\n:host([hidden]) {\n  visibility: hidden;\n  pointer-events: none;\n}\n",""])},77065:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background\n  * @description Styles the background of cells\n  * @see background\n  * @default var(--zg-cell-background)\n  * @demoLink https://app.zingsoft.com/demos/create/FPS1Y1BU\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background_layout_row\n  * @description Styles the background of cells in \'row\' layout-mode\n  * @see background\n  * @default var(--zg-cell-background)\n  * @demoLink https://app.zingsoft.com/demos/create/OB4ZAO0E\n  * @shadowOnly false\n  */\n  background: var(--zg-cell-background_layout_row, var(--zg-cell-background));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border\n  * @description Styles the border of cells\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/5IAJRJAX\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-bottom\n  * @description Styles the bottom border of cells\n  * @see border\n  * @default var(--zg-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/6W1MBMS5\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border_layout_row\n  * @description Styles the border of cells in \'row\' layout-mode\n  * @see border\n  * @default var(--zg-cell-border-bottom, var(--zg-cell-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/VUY7YJN0\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-bottom_layout_row\n  * @description Styles the bottom border of cells in \'row\' layout-mode\n  * @see border\n  * @default var(--zg-cell-border_layout_row, var(--zg-cell-border-bottom, var(--zg-cell-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/CBCRNIEW\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-cell-border-bottom_layout_row, var(--zg-cell-border_layout_row, var(--zg-cell-border-bottom, var(--zg-cell-border, 0))));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-left\n  * @description Styles the left border of cells\n  * @see border\n  * @default var(--zg-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/D7KFKEG9\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-left_layout_row\n  * @description Styles the left border of cells in \'row\' layout-mode\n  * @see border\n  * @default var(--zg-cell-border_layout_row, var(--zg-cell-border-left, var(--zg-cell-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/09D81J37\n  * @shadowOnly false\n  */\n  border-left: var(--zg-cell-border-left_layout_row, var(--zg-cell-border_layout_row, var(--zg-cell-border-left, var(--zg-cell-border, 0))));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-right\n  * @description Styles the right border of cells\n  * @see border\n  * @default var(--zg-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/I1HTZ8O9\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-right_layout_row\n  * @description Styles the right border of cells in \'row\' layout-mode\n  * @see border\n  * @default var(--zg-cell-border_layout_row, var(--zg-cell-border-right, var(--zg-cell-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/38MHHLP7\n  * @shadowOnly false\n  */\n  border-right: var(--zg-cell-border-right_layout_row, var(--zg-cell-border_layout_row, var(--zg-cell-border-right, var(--zg-cell-border, 0))));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-top\n  * @description Styles the top border of cells\n  * @see border\n  * @default var(--zg-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/5LO8GANO\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-top_layout_row\n  * @description Styles the top border of cells in \'row\' layout-mode\n  * @see border\n  * @default var(--zg-cell-border_layout_row, var(--zg-cell-border-top, var(--zg-cell-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/7MVAC7VQ\n  * @shadowOnly false\n  */\n  border-top: var(--zg-cell-border-top_layout_row, var(--zg-cell-border_layout_row, var(--zg-cell-border-top, var(--zg-cell-border, 0))));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color\n  * @description Styles font color of text in cells\n  * @see color\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/W7Z4EQX7\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color_layout_row\n  * @description Styles font color of text in cells in \'row\' layout-mode\n  * @see color\n  * @default var(--zg-cell-color, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/4L4VCAVC\n  * @shadowOnly false\n  */\n  color: var(--zg-cell-color_layout_row, var(--zg-cell-color, inherit));\n  display: table-cell;\n  flex: 1;\n  /* CS THIS HAS TO BE REMOVED BEFORE LAUNCHING FIND OTHER SOLUTION */\n  -position: relative;\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-family\n  * @description Sets the font family in cells\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/FBT1I49W\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-family_layout_row\n  * @description Sets the font family in cells in \'row\' layout-mode\n  * @see font-family\n  * @default var(--zg-cell-font-family, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/WEF8KGXB\n  * @shadowOnly false\n  */\n  font-family: var(--zg-cell-font-family_layout_row, var(--zg-cell-font-family, inherit));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-size\n  * @description Sets the font size in cells\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/5VXTAUSO\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-size_layout_row\n  * @description Sets the font size in cells in \'row\' layout-mode\n  * @see font-size\n  * @default var(--zg-cell-font-size, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/9NBFBSO0\n  * @shadowOnly false\n  */\n  font-size: var(--zg-cell-font-size_layout_row, var(--zg-cell-font-size, inherit));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-style\n  * @description Sets the font style in cells\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/MBBRNXUX\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-style_layout_row\n  * @description Sets the font style in cells in \'row\' layout-mode\n  * @see font-style\n  * @default var(--zg-cell-font-style, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/LJYPK43Z\n  * @shadowOnly false\n  */\n  font-style: var(--zg-cell-font-style_layout_row, var(--zg-cell-font-style, inherit));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-weight\n  * @description Sets the font weight in cells\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/C8CHJ5SG\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-weight_layout_row\n  * @description Sets the font weight in cells in \'row\' layout-mode\n  * @see font-weight\n  * @default var(--zg-cell-font-weight, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/4FCZ5S1K\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-cell-font-weight_layout_row, var(--zg-cell-font-weight, inherit));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-height\n  * @description Sets height of cells\n  * @see height\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/0ADC78MI\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-height_layout_row\n  * @description Sets height of cells in \'row\' layout-mode\n  * @see height\n  * @default var(--zg-cell-height, auto)\n  * @demoLink https://app.zingsoft.com/demos/create/2I7KY86Q\n  * @shadowOnly false\n  */\n  height: var(--zg-cell-height_layout_row, var(--zg-cell-height, auto));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-line-height\n  * @description Sets line height of cells\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/13BR35NS\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-line-height_layout_row\n  * @description Sets line height of cells in \'row\' layout-mode\n  * @see line-height\n  * @default var(--zg-cell-line-height, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/V1O45PMA\n  * @shadowOnly false\n  */\n  line-height: var(--zg-cell-line-height_layout_row, var(--zg-cell-line-height, inherit));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-padding\n  * @description Sets padding of cells\n  * @see padding\n  * @default var(--theme-padding_y) var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/L55WT5PW\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-padding_layout_row\n  * @description Sets padding of cells in \'row\' layout-mode\n  * @see padding\n  * @default var(--zg-cell-padding, var(--theme-padding_y) var(--theme-padding_x))\n  * @demoLink https://app.zingsoft.com/demos/create/LXJRGOVN\n  * @shadowOnly false\n  */\n  padding: var(--zg-cell-padding_layout_row, var(--zg-cell-padding, var(--theme-padding_y) var(--theme-padding_x)));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-transition\n  * @description Sets the transition of cells\n  * @see transition\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/XB0M7RTK\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-transition_layout_row\n  * @description Sets the transition of cells in \'row\' layout-mode\n  * @see transition\n  * @default var(--zg-cell-transition)\n  * @demoLink https://app.zingsoft.com/demos/create/KNVU6GWJ\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  transition: var(--zg-cell-transition_layout_row, var(--zg-cell-transition));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-vertical-align\n  * @description Sets vertical alignment of items in cells\n  * @see vertical-align\n  * @default middle\n  * @demoLink https://app.zingsoft.com/demos/create/IRBQ32WL\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-vertical-align_layout_row\n  * @description Sets vertical alignment of items in cells in \'row\' layout-mode\n  * @see vertical-align\n  * @default var(--zg-cell-vertical-align, middle)\n  * @demoLink https://app.zingsoft.com/demos/create/4FFXFDKI\n  * @shadowOnly false\n  */\n  vertical-align: var(--zg-cell-vertical-align_layout_row, var(--zg-cell-vertical-align, middle));\n  box-sizing: border-box;\n}\n\n/*  This was previously under :host, but it broke the tooltips of the edit/delete cells */\n:host(:not([button-tooltip])) {\n  overflow: hidden;\n}\n\n\n:host(:hover) {\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background_hover\n  * @description Styles the background of cells on hover\n  * @see background\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/RT19PJTK\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background_hover_layout_row\n  * @description Styles the background of cells in \'row\' layout-mode on hover\n  * @see background\n  * @default var(--zg-cell-background_hover)\n  * @demoLink https://app.zingsoft.com/demos/create/K3W62J0D\n  * @shadowOnly false\n  */\n  background: var(--zg-cell-background_hover_layout_row, var(--zg-cell-background_hover));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color_hover\n  * @description Styles font color of cells on hover\n  * @see color\n  * @default var(--zg-cell-color)\n  * @demoLink https://app.zingsoft.com/demos/create/KSG94XLN\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color_hover_layout_row\n  * @description Styles font color of cells in \'row\' layout-mode on hover\n  * @see color\n  * @default var(--zg-cell-color_hover, var(--zg-cell-color))\n  * @demoLink https://app.zingsoft.com/demos/create/0VCGU2R9\n  * @shadowOnly false\n  */\n  color: var(--zg-cell-color_hover_layout_row, var(--zg-cell-color_hover, var(--zg-cell-color)));\n}\n\n/* Hide if \'hidden\' attribute applied */\n:host([hidden]) {\n  display: none !important;\n}\n:host([cell-break-prep]) {\n  /* word-break: break-word; */\n  white-space: nowrap;\n}\n\n/* \'Selector\' checkbox Cell */\n/* Remove padding so we can add to the inner checkbox instead (for better mobile hitbox) */\n/* See `:ost-context(zg-cell[type="selector"])` in ZGCheckbox.css */\n:host([type="selector"]) {\n  padding: 0 !important;\n}\n\n/* TYPE: BUTTON */\n/* Must explicitly unset `appearance` to avoid overrides from Bootstrap framework */\n:host([type="button"]) {\n  appearance: unset !important;\n}\n\n/* TYPE: TOGGLE */\n/* Show `cursor:pointer` for cells you can toggle on click */\n:host([type="toggle"]) ::slotted([data-field-index]) {\n  cursor: pointer;\n}\n\n\n/* If the cell is in the foot row */\n/* Inner Cell Wrapper */\n:host([rowfooter]){\n  display: table-cell;\n  width: 100%;\n  -overflow: hidden;\n  white-space: nowrap;\n  -z-index: 1;\n}\n\n/* Inner Wrapper */\n:host([rowfooter]) div {\n  align-items: center;\n  display: inline-flex;\n  height: 100%;\n  justify-content: flex-start;\n  vertical-align: middle;\n  overflow: hidden;\n  white-space: nowrap;\n  width: 100%;\n}\n\n/* Cell Text */\n:host([rowfooter]) ::slotted([data-field-index]) {\n  /* line-height: 1; */\n  -z-index: 1;\n}\n\n/* If the cell is currently sorted */\n:host([sorted]) {\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background_sorted\n  * @description Styles the background of cells in sorted column\n  * @see background\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/DNFOJBRU\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background_layout_row_sorted\n  * @description Styles the background of cells in sorted column in \'row\' layout-mode\n  * @see background\n  * @default var(--zg-cell-background_sorted)\n  * @demoLink https://app.zingsoft.com/demos/create/EM0YQ90M\n  * @shadowOnly false\n  */\n  background: var(--zg-cell-background_layout_row_sorted, var(--zg-cell-background_sorted));\n  border-top: var(--zg-cell-border-top_sorted, var(--zg-cell-border-top_layout_row, var(--zg-cell-border-top, var(--zg-cell-border))));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color_sorted\n  * @description Sets the font color of cells in sorted column\n  * @default var(--zg-cell-color)\n  * @demoLink https://app.zingsoft.com/demos/create/427LWHVI\n  * @see color\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color_layout_row_sorted\n  * @description Sets the font color of cells in sorted column in \'row\' layout-mode\n  * @default var(--zg-cell-color_sorted, var(--zg-cell-color))\n  * @demoLink https://app.zingsoft.com/demos/create/64ZKT87T\n  * @see color\n  * @shadowOnly false\n  */\n  color: var(--zg-cell-color_layout_row_sorted, var(--zg-cell-color_sorted, var(--zg-cell-color)));\n}\n\n/* WHEN EDIT-ROW BUTTONS IN SAME CELL */\n:host([edit-row-buttons-one-cell]) {\n  padding-left: 0;\n  padding-right: 0;\n}\n:host([edit-row-buttons-one-cell]) ::slotted([data-field-index]) {\n  display: flex;\n}\n\n\n/* CELL-BREAK STYLING\n-------------------------------------- */\n/* \n  Add [cell-break="xxxx"] to ZG or ZGColumn to set how \n  overflow content behaves inside a body cell.\n*/\n:host(:not([cell-break]):not([type="iframe"]):not([type="selector"]):not([data-control-field])) ::slotted([data-field-label]) {\n  display: var(--zg-cell-label-display_layout_card, block);\n  white-space: normal;\n}\n:host(:not([cell-break]):not([cell-break-prep]):not([rowfooter]):not([rowheader]):not([type="iframe"]):not([type="row-group"]):not([type="selector"])) ::slotted([data-field-index]) {\n  display: inline-block;\n  white-space: normal;\n}\n\n:host([type="row-group"][align="center"]:not([layout="card"])) ::slotted([data-field-index]) {\n  justify-content: center;\n}\n:host([type="row-group"][align="right"]:not([layout="card"])) ::slotted([data-field-index]) {\n  justify-content: end;\n}\n:host([cell-break="ellipsis"]:not([data-control-field])) ::slotted([data-field-label]),\n:host([cell-break="ellipsis"]:not([data-control-field]):not([button-tooltip])) ::slotted([data-field-index]) {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n:host([cell-break="all"]) ::slotted([data-field-label]),\n:host([cell-break="all"]) ::slotted([data-field-index]) {\n  white-space: normal;\n  word-break: break-all;\n}\n:host([cell-break="normal"]) ::slotted([data-field-label]),\n:host([cell-break="normal"]) ::slotted([data-field-index]) {\n  white-space: normal;\n  word-break: normal;\n}\n:host([cell-break="word"]) ::slotted([data-field-label]),\n:host([cell-break="word"]) ::slotted([data-field-index]) {\n  white-space: normal;\n  overflow-wrap: break-word;\n}\n\n:host([type="row-group"]:not([layout="card"])) ::slotted([data-field-index]) {\n  display: flex;\n  align-items: center;\n  white-space: normal;\n}\n\n/* This breaks tooltips when the alignment is to the right or center. */\n:host(:not([layout="card"])) ::slotted([data-field-index]) {\n  -width:100%;\n}\n\n\n/* Always hide the overflow on the frozen columns */\n:host([frozen]:not([data-control-field]):not([button-tooltip])) {\n  overflow: hidden;\n}\n\n:host([frozen-row]) ::slotted([data-field-index]) {\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n\n/* SLOTTED CONTENT\n-------------------------------------- */\n\n/* Don\'t show in row mode, either by default viewport or if [layout="row"] manually added */\n:host ::slotted([data-field-label]) {\n  display: none;\n}\n\n/* LAYOUT: CARD\n-------------------------------------- */\n/* THE SLOTTED CELL INDEX LABEL */\n:host([layout="card"]) ::slotted([data-field-label]) {\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-color_layout_card\n  * @description Sets font color of label in cards in \'card\' layout-mode\n  * @see color\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/WLX26P3Q\n  * @shadowOnly false\n  */\n  color: var(--zg-cell-label-color_layout_card, var(--theme-color-primary));\n  content: attr(text);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-display_layout_card\n  * @description Sets the display of label in cards in \'card\' layout-mode\n  * @default flex\n  * @see display\n  * @demoLink https://app.zingsoft.com/demos/create/VJ2V5JBW\n  */\n  display: var(--zg-cell-label-display_layout_card, flex);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-font-size_layout_card\n  * @description Sets font size of label in cards in \'card\' layout-mode\n  * @see font-size\n  * @default 85%\n  * @demoLink https://app.zingsoft.com/demos/create/9M0IV26C\n  * @shadowOnly false\n  */\n  font-size: var(--zg-cell-label-font-size_layout_card, 85%);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-margin_layout_card\n  * @description Sets the margin of label in cards in \'card\' layout-mode\n  * @see margin\n  * @default 0 0 2px\n  * @demoLink https://app.zingsoft.com/demos/create/4YSN75PR\n  * @shadowOnly false\n  */\n  margin: var(--zg-cell-label-margin_layout_card, 0 0 2px);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-overflow_layout_card\n  * @description Sets the overflow of label in cards in \'card\' layout-mode\n  * @default Browser\'s default value\n  * @see overflow\n  * @demoLink https://app.zingsoft.com/demos/create/RW2Y5KUP\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  overflow: var(--zg-cell-label-overflow_layout_card);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-transform_layout_card\n  * @description Sets transform of label in cards in \'card\' layout-mode\n  * @see transform\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/7HNBULB8\n  * @shadowOnly false\n  */\n  transform: var(--zg-cell-label-transform_layout_card);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-font-weight_layout_card\n  * @description Sets font weight of label in cards in \'card\' layout-mode\n  * @see font-weight\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/SW2D92C5\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-cell-label-font-weight_layout_card);\n  text-transform: capitalize;\n}\n\n/* THE SLOTTED CELL CONTENTS */\n:host([layout="card"]) ::slotted([data-field-index]) {\n  align-items: center;\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-border_layout_card\n  * @description Styles the border of card items in \'card\' layout-mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/PL7XVRO6\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-border-bottom_layout_card\n  * @description Styles the bottom border of card items in \'card\' layout-mode\n  * @see border\n  * @default var(--zg-cell-content-border_layout_card, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/67415UAZ\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-cell-content-border-bottom_layout_card, var(--zg-cell-content-border_layout_card, 0));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-border-left_layout_card\n  * @description Styles the left border of card items in \'card\' layout-mode\n  * @see border\n  * @default var(--zg-cell-content-border_layout_card, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/KJY3M0EU\n  * @shadowOnly false\n  */\n  border-left: var(--zg-cell-content-border-left_layout_card, var(--zg-cell-content-border_layout_card, 0));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-border-right_layout_card\n  * @description Styles the right border of card items in \'card\' layout-mode\n  * @see border\n  * @default var(--zg-cell-content-border_layout_card, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/UL1AANE2\n  * @shadowOnly false\n  */\n  border-right: var(--zg-cell-content-border-right_layout_card, var(--zg-cell-content-border_layout_card, 0));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-border-top_layout_card\n  * @description Styles the top border of card items in \'card\' layout-mode\n  * @see border\n  * @default var(--zg-cell-content-border_layout_card, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/S1QU5P5C\n  * @shadowOnly false\n  */\n  border-top: var(--zg-cell-content-border-top_layout_card, var(--zg-cell-content-border_layout_card, 0));\n  display: flex;\n  flex-basis: 100%;\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-font-size_layout_card\n  * @description Sets the font size of cards in \'card\' layout-mode\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/YUH3FMTN\n  * @shadowOnly false\n  */\n  font-size: var(--zg-cell-content-font-size_layout_card, inherit);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-padding_layout_card\n  * @description Sets the padding of cards in \'card\' layout-mode\n  * @see padding\n  * @default 3px 0\n  * @demoLink https://app.zingsoft.com/demos/create/FRM4C9ZH\n  * @shadowOnly false\n  */\n  padding: var(--zg-cell-content-padding_layout_card, 3px 0);\n}\n\n/* Hide labels of control columns in card mode */\n:host([layout="card"][data-control-field]) ::slotted([data-field-label]) {\n  display: none;\n}\n\n/* Control Cells */\n:host([layout="card"][data-control-field]) ::slotted([data-field-index]) {\n  --zg-cell-content-padding_layout_card: 0;\n  /* display: flex;\n  align-items: center;\n  height: 100%; */\n}\n\n/* SHARED BETWEEN ALL \'RECORD\' CONTROLS */\n:host([layout="card"][data-control-field]) {\n  position: absolute;\n  top: 0;\n}\n/* Do not add :before labels for non-grid data cells (buttons, checkboxes, etc.) */\n:host([layout="card"][data-control-field]):before {\n  display: none;\n}\n\n/* \'SELECT CARD\' CHECKBOX */\n:host([layout="card"][type="selector"]) {\n  top: 2px;\n  height: 38px;\n  left: 5px;\n}\n/* When it comes AFTER \'row-number\' */\n:host([layout="card"][data-control-field*="row-number,selector"][type="selector"]) {\n  left: 25px;\n}\n\n:host([layout="card"][type="selector"]) ::slotted([data-field-index]) {\n  border:0;\n}\n\n/* \'ROW NUMBER\' LABEL */\n:host([layout="card"][type="row-number"]) {\n  --zg-row-card-cell-padding: 4px;\n  left: 28px;\n  top: 2px;\n}\n:host([layout="card"][type="row-number"]) ::slotted([data-field-index]) {\n  display: flex !important;\n  align-items: center;\n  height: 28px;\n}\n\n/*  \'INFO\' ICON */\n:host([layout="card"][type="info"]) {\n  --zg-row-card-cell-padding: 4px;\n  left: 5px;\n  top: 2px;\n}\n:host([layout="card"][type="info"]) ::slotted([data-field-index]) {\n  display: flex !important;\n  align-items: center;\n  height: 28px;\n}\n\n/*  We need to move the info icon if row-number and/or selector are also set */\n:host([layout="card"][data-control-field*="row-number"][data-control-field*="info"][type="info"]),\n:host([layout="card"][data-control-field*="selector"][data-control-field*="info"][type="info"]) {\n  left: 25px;\n}\n\n:host([layout="card"][data-control-field*="row-number"][data-control-field*="selector"][data-control-field*="info"][type="info"]) {\n  left: 45px;\n}\n\n/* Need to adjust positions based on which buttons are present.\n   Buttons are editor, remover, duplicate\n   Positions are from right: 10, 36, 62\n   If min-width 768, positions are 0, 26, 52 */\n\n/* \'EDIT CARD\' BUTTON */\n:host([layout="card"][type="editor"]) {\n  margin-top: 5px;\n  right: 10px;\n}\n:host([layout="card"][data-control-field*="remover"][type="editor"]) {\n  right: 36px;\n}\n:host([layout="card"][data-control-field*="duplicate"][type="editor"]) {\n  right: 36px;\n}\n:host([layout="card"][data-control-field*="remover"][data-control-field*="duplicate"][type="editor"]) {\n  right: 62px;\n}\n@media (min-width:768px) {\n  :host([layout="card"][type="editor"]) {\n    right: 0px;\n  }\n  :host([layout="card"][data-control-field*="remover"][type="editor"]) {\n    right: 26px;\n  }\n  :host([layout="card"][data-control-field*="duplicate"][type="editor"]) {\n    right: 26px;\n  }\n  :host([layout="card"][data-control-field*="remover"][data-control-field*="duplicate"][type="editor"]) {\n    right: 52px;\n  }\n}\n:host([layout="card"][type="editor"]) ::slotted([data-field-index]) {\n  border:0;\n}\n\n/* \'DELETE CARD\' BUTTON */\n:host([layout="card"][type="remover"]) {\n  right: 10px;\n  margin-top: 5px;\n}\n:host([layout="card"][data-control-field*="duplicate"][type="remover"]) {\n  right: 36px;\n}\n\n@media (min-width:768px) {\n  :host([layout="card"][type="remover"]) {\n    right: 0;\n  }\n  :host([layout="card"][data-control-field*="duplicate"][type="remover"]) {\n    right: 26px;\n  }\n}\n:host([layout="card"][type="remover"]) ::slotted([data-field-index]) {\n  border:0;\n}\n\n/* \'DUPLICATE CARD BUTTON\' */\n:host([layout="card"][type="duplicate"]) {\n  right: 10px;\n  margin-top: 5px;\n}\n\n@media (min-width:768px) {\n  :host([layout="card"][type="duplicate"]) {\n    right: 0px;\n  }\n}\n\n/* Style the cell if it is in the dirty editor state */\n:host(.cell-dirty-edit:not(.cell-active-edit)) {\n  position: relative;\n}\n\n:host(.cell-dirty-edit:not(.cell-active-edit)):after{\n  content: "";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 0;\n  height: 0;\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-cell-dirty-edit-border-width\n  * @description Sets the border width of the dirty cell marker\n  * @see border-width\n  * @default 7px\n  * @demoLink https://app.zingsoft.com/demos/create/U90FN6VL\n  * @shadowOnly false\n  */\n  border-width: var(--zg-cell-dirty-edit-border-width, 7px);\n  border-style: solid;\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-cell-dirty-edit-border-color\n  * @description Sets the color of the dirty cell marker\n  * @see border-color\n  * @default red;\n  * @demoLink https://app.zingsoft.com/demos/create/9DTR8P0D\n  * @shadowOnly false\n  */\n  border-color: var(--zg-cell-dirty-edit-border-color, red) transparent transparent var(--zg-cell-dirty-edit-border-color, red);\n}\n\n/* Style the current column that is being reordered with `[column-drag]` */\n:host(.is-reordering) {\n  background: var(--theme-background-color);\n}\n\n::slotted([has-details]) {\n  cursor: pointer;\n  color:blue;\n  text-decoration:underline;\n}\n',""])},59427:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n    /* LOCAL REUSE */\n    --local-checkbox-height: 18px;\n    --local-checkbox-width: 18px;\n\n    /* STYLE HOST */\n    align-items: center;\n    cursor: pointer;\n    display: flex;\n    line-height: 0;\n    user-select: none;\n    white-space: nowrap;\n    -webkit-tap-highlight-color: transparent;\n}\n:host(:focus) {\n    outline: var(--zg-button-focus);\n}\n:host([hidden]) {\n    display: none !important;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Text */\n#text { display:none; }\n:host([hastext]) #text {\n    color: var(--theme-color-primary);\n    display:block;\n    font-size: 90%;\n    margin-left:5px;\n}\n\n/* WHEN SLOTTED INTO OTHER COMPONENTS\n---------------------------------------- */\n/* SELECTOR CHECKBOX */\n/* \n  Note: using `:not([layout="card"])` instead of `[layout="row"]` b/c [layout] can be omitted \n  (default is row-mode), and the browser will interpret it as `[layout="reset"]` instead.\n*/\n/* IN ZG-HEAD, LAYOUT: ROW */\n:host([parent="head"]:not([layout="card"])) {\n  height: 100%;\n  padding: 0 var(--theme-padding_x);\n}\n/* IN ZG-BODY, LAYOUT: ROW */\n:host([parent="body"]:not([layout="card"])) {\n  box-sizing: border-box;\n  height: 100%;\n  min-height: var(--zg-cell-selector-min-height_layout_row, 47px);\n  padding: 0 var(--theme-padding_x);\n  width: 100%;\n}\n/* IN ZG-BODY, LAYOUT: CARD */\n:host([parent="body"][layout="card"]) {\n  min-height: var(--zg-cell-selector-min-height_layout_card, 26px);\n  padding: 0;\n}\n:host([parent="cell"]:not([layout="card"])) {\n  box-sizing: border-box;\n  height: 100%;\n  min-height: var(--zg-cell-selector-min-height_layout_row, 47px);\n  width: 100%;\n}\n',""])},58221:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n    display: table-column-group;\n}\n:host([layout="card"]) {\n    display: block;\n}',""])},72383:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n/* The Column Resize Bar */\n:host {\n  align-items: center;\n  /**\n  * @memberof ZGColumnResize\n  * @var --zg-column-resize-background\n  * @description Sets the background of the resize handle\n  * @see background\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/GY8NY03F\n  * @shadowOnly false\n  */\n  background: var(--zg-column-resize-background, none);\n  border-radius: 2px;\n  color: var(--zg-column-resize-color);\n  cursor: ew-resize !important;\n  display: flex;\n  /**\n  * @memberof ZGColumnResize\n  * @var --zg-column-resize-height\n  * @description Sets the height of the resize handle\n  * @see height\n  * @default 40%\n  * @demoLink https://app.zingsoft.com/demos/create/18NKOWQO\n  * @shadowOnly false\n  */\n  height: var(--zg-column-resize-height, 50%);\n  justify-content: center;\n  position: absolute;\n  right: 15px;\n  /**\n  * @memberof ZGColumnResize\n  * @var --zg-column-resize-top\n  * @description Sets the top position of the resize handle\n  * @see top\n  * @default 30%\n  * @demoLink https://app.zingsoft.com/demos/create/02YVWHW2\n  * @shadowOnly false\n  */\n  top: var(--zg-column-resize-top, 25%);\n  /**\n  * @memberof ZGColumnResize\n  * @var --zg-column-resize-width\n  * @description Sets the width of the resize handle\n  * @see width\n  * @default 4px\n  * @demoLink https://app.zingsoft.com/demos/create/2BTZFOU2\n  * @shadowOnly false\n  */\n  width: var(--zg-column-resize-width, auto);\n}\n\n:host([dir="rtl"]) {\n  left: 15px;\n  right: unset;\n}\n\n/* When Pressed */\n:host(:active) {\n  background: var(--zg-column-resize-background_active, var(--theme-border-color));\n}\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n\n.zg-column-resize-handle zg-icon {\n  display: block;\n  height: 12px;\n  width: 12px;\n}\n\n.zg-column-resize-handle zg-icon svg {\n  fill: var(--zg-column-resize-color);\n}',""])},89536:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    display: table-column;\n}\n\n/* Hide if 'hidden' attribute applied */\n:host([hidden]) {\n    display: none;\n}\n\n\n/* Style the current column that is being reordered with `[drag]` */\n/* Hide if 'hidden' attribute applied */\n:host(.is-reordering) {\n  background: var(--theme-background-color);\n}\n\n/* Must explicitly unset `appearance` to avoid overrides from Bootstrap framework */\n:host([type=\"button\"]) {\n  appearance: unset !important;\n}\n\n",""])},11229:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  --zg-icon-color: var(--zg-control-bar-icon-color);\n\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-background\n  * @description Styles the background of control-bar\n  * @see background\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/8QU13CU5\n  * @shadowOnly true\n  */\n  background: var(--zg-control-bar-background);\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-border\n  * @description Styles the border of control-bar\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/A5JYDEGW\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-border-bottom\n  * @description Styles the bottom border of control-bar\n  * @see border\n  * @default var(--zg-control-bar-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/CWVOSQC7\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-control-bar-border-bottom, var(--zg-control-bar-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-border-left\n  * @description Styles the left border of control-bar\n  * @see border\n  * @default var(--zg-control-bar-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/QOCRCDUO\n  * @shadowOnly false\n  */\n  border-left: var(--zg-control-bar-border-left, var(--zg-control-bar-border, 0));\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-border-right\n  * @description Styles the right border of control-bar\n  * @see border\n  * @default var(--zg-control-bar-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/ZUGS5N4E\n  * @shadowOnly false\n  */\n  border-right: var(--zg-control-bar-border-right, var(--zg-control-bar-border, 0));\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-border-top\n  * @description Styles the top border of control-bar\n  * @see border\n  * @default var(--zg-control-bar-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/UBYLTINT\n  * @shadowOnly false\n  */\n  border-top: var(--zg-control-bar-border-top, var(--zg-control-bar-border, 0));\n  box-sizing: border-box;\n  display: block;\n  text-align: left;\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-margin\n  * @description Sets the margin of control-bar\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/S6MYCHEP\n  * @shadowOnly false\n  */\n  margin: var(--zg-control-bar-margin, 0);\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-min-height\n  * @description Sets the min-height of control bar\n  * @see min-height\n  * @default 30px\n  * @demoLink https://app.zingsoft.com/demos/create/9RT1IX7I\n  * @shadowOnly false\n  */\n  min-height: var(--zg-control-bar-min-height, 30px);\n /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-visibility\n  * @description Sets the visibility of component\n  * @see visibility\n  * @default visible\n  * @demoLink https://app.zingsoft.com/demos/create/NMVK94RD\n  * @shadowOnly false\n  */\n  visibility: var(--zg-control-bar-visibility, visible);\n\n  border-radius: var(--zg-control-bar-border-radius, 0);\n}\n/* Hide if it has [hidden] attribute */\n:host([hidden]) {\n  display: none;\n}\n\n/* Hide if it has [hidden] attribute */\n:host([hidden]) {\n  display: none;\n}\n\n/* SHADOW ELEMENT\n-------------------------------------- */\n/* Wrapper */\n.zg-control-bar {\n  align-items: center;\n  background: var(--zg-control-bar-background);\n  display: grid;\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-padding\n  * @description Sets the padding of control-bar\n  * @see padding\n  * @default 2px var(--theme-padding_x) 2px calc(var(--theme-padding_x) - 6px)\n  * @demoLink https://app.zingsoft.com/demos/create/WR596XPW\n  * @shadowOnly false\n  */\n  padding: var(--zg-control-bar-padding, 2px var(--theme-padding_x));\n  border-radius: var(--zg-control-bar-border-radius, 0);\n  grid-template-columns: fit-content(300px) 1fr fit-content(300px);\n}\n\n:host([layout="card"]) .zg-control-bar {\n  grid-template-columns: fit-content(75px) fit-content(300px) 1fr fit-content(300px);\n}\n\n.zg-control-bar-action {\n  /* min-width: 200px;*/\n  min-width: 160px;\n}\n\n/* \'Action\' Grouping - Select All, Delete All, etc. */\n.zg-control-bar-card-action {\n  align-items: center;\n  display: none;\n  margin-left: -14px;\n}\n:host([layout="card"]) .zg-control-bar-card-action {\n   display: flex; \n}\n\n/* \'Layout Type\' Grouping - Row or Card mode */\n.zg-control-bar-layout {\n  align-items: center;\n  display: flex;\n  flex: 1;\n  -grid-column: 3 / -1; /* Changed from 2 / -1 because once message moved to new row, this column would fill from col #2; we want from col #3 */\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-layout-justify-content\n  * @description Sets the horizontal alignment of contents in inner layout container\n  * @see justify-content\n  * @default flex-end\n  * @demoLink https://app.zingsoft.com/demos/create/RY0BD0RX\n  * @shadowOnly true\n  */\n  justify-content: var(--zg-control-bar-layout-justify-content, flex-end);\n  \n}\n.zg-control-bar-layout:before {\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-layout-content\n  * @description Sets the before \'content\' of inner layout container\n  * @see content\n  * @default ""\n  * @demoLink https://app.zingsoft.com/demos/create/MXM9N5T5\n  * @shadowOnly false\n  */\n  content: var(--zg-control-bar-layout-content, \'\');\n  font-size: 80%;\n  margin-left: -4px;\n  margin-right: 7px;\n}\n\n/* SLOTTED ELEMENTS\n---------------------------------------- */\n/* Select All cell */\n:host ::slotted(zg-checkbox) {\n  margin-left: 6px;\n  font-size: 90%;\n  transform: translateY(2.5px);\n}\n\n:host ::slotted(zg-separator) {\n  background-color: color-mix(in srgb, var(--theme-color-primary), white );\n  height: 13px;\n  margin: 0 0 0 8px;\n  overflow: hidden;\n  transform: translateY(7px);\n  display:none;\n  width: 0;\n}\n\n:host([dir="rtl"]) ::slotted(zg-separator) {\n  margin: 0 8px 0 0;\n}\n\n:host([dir="rtl"]) .zg-control-bar-action {\n  text-align: right;\n}\n\n:host ::slotted(#afterselect) {\n  transform: translateY(4.5px);\n  margin-right: 8px;\n}\n\n:host([batch-edit][create]) ::slotted(#beforeedit),\n:host([batch-edit]) ::slotted(#afterselect),\n:host([create]) ::slotted(#afterselect) {\n  display: inline-block;\n  width: 1px;\n}\n\n/* Hide the card mode separator if no selector is set */\n:host(:not([internal-selector])) ::slotted(#afterselect) {\n  display: none;\n}\n\n/* Batch Edit Text Label */\n:host ::slotted(zg-text) {\n  display: none;\n  padding-left: 8px;\n  padding-right: 5px;\n  font-size: 90%;\n  transform: translateY(4px);\n}\n:host([batch-edit-active]) ::slotted(zg-text) {\n  display: inline-block;\n}\n\n/* Edit Buttons */\n:host ::slotted(zg-button[action^="batch"]),\n:host ::slotted(zg-button[action$="record"]) {\n  transform: translateY(2.5px);\n}\n\n/* -- \'Batch Edit\' only */\n:host([create]) ::slotted(zg-button[action="batchedit"]) {\n  margin-inline-start: 8px;\n}\n/* -- Save Button */\n:host ::slotted(zg-button[action="batcheditsave"]) {\n  --zg-button-color: green;\n  --zg-icon-color: green;\n  margin-inline-end: 4px;\n}\n\n:host ::slotted(#unsaved) {\n  color: var(--zg-watermark-color);\n  display: inline-flex;\n  transform: translateY(1px);\n}\n\n:host([batch-edit-long-message]) .zg-control-bar-message {\n  grid-row: 2;\n  padding: 5px 0;\n  grid-column: 1 / -1;\n}\n\n:host([batch-edit-long-message]) ::slotted(#unsaved) {\n  line-height: 18px;\n}',""])},90963:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {}",""])},97493:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  --zg-icon-height: 25px;\n  --zg-icon-width: 25px;\n}\n:host([open]) {}\n\n/* ELEMENTS\n-------------------------------------- */\n\n/* <dialog> content area */\n.zg-dialog-dialog {\n  align-items: center;\n  background: rgba(0, 0, 0, .6);\n  border: 0;\n  box-sizing: border-box;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  left: 0;\n  opacity: 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n  pointer-events: none;\n  position: fixed;\n  text-align: left;\n  top: 0;\n  transform: scale(1.05);\n  transition: opacity .2s,transform .1s;\n  visibility: hidden;\n  width: 100%;\n  z-index: 99999999;\n} \n.zg-dialog-dialog[open] {\n  cursor: pointer;\n  opacity: 1;\n  pointer-events: all;\n  transform: scale(1);\n  visibility: visible;\n}\n/* \n  Constrain the dialog \'mask\' to the dimensions of the grid\n  instead of device fullscreen.\n  NOTE: Also when in this mode, we don\'t block <body> scrolling (ZGDialog.js)\n*/\n:host([internal-attach]) .zg-dialog-dialog {\n  position: absolute;\n}\n\n.zg-dialog-form {\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-background\n  * @description Styles the background of dialog header\n  * @see background\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/7PR4SRRW\n  * @shadowOnly true\n  */\n  background: var(--zg-dialog-background, #fff);\n  border-radius: 2px;\n  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3), 0 4px 8px -4px rgba(0, 0, 0, 0.3);\n  cursor: default;\n  display: block;\n  left: 50% !important;\n  max-height: 80%;\n  max-width: 30rem;\n  overflow: auto;\n  padding: 1.5rem;\n  position: absolute;\n  top: 50% !important;\n  transform: translate(-50%, -50%);\n  width: 80%;\n  z-index: 100;\n}\n\n\n/* HEADER\n-------------------------------------- */\n.zg-dialog-header {\n  align-items: center;\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-background\n  * @description Styles the background of dialog header\n  * @see background\n  * @default var(--zg-dialog-background)\n  * @demoLink https://app.zingsoft.com/demos/create/G03K1B6P\n  * @shadowOnly true\n  */\n  background: var(--zg-dialog-header-background, var(--zg-dialog-background));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-border\n  * @description Styles the border of dialog header\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/FTZ4O6XG\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-border-bottom\n  * @description Styles the bottom border of dialog header\n  * @see border\n  * @default var(--zg-dialog-header-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/MGVKXZG2\n  * @shadowOnly true\n  */\n  border-bottom: var(--zg-dialog-header-border-bottom, var(--zg-dialog-header-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-border-left\n  * @description Styles the left border of dialog header\n  * @see border\n  * @default var(--zg-dialog-header-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/RW53U4MG\n  * @shadowOnly true\n  */\n  border-left: var(--zg-dialog-header-border-left, var(--zg-dialog-header-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-border-right\n  * @description Styles the right border of dialog header\n  * @see border\n  * @default var(--zg-dialog-header-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/J0L1R6CU\n  * @shadowOnly true\n  */\n  border-right: var(--zg-dialog-header-border-right, var(--zg-dialog-header-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-border-top\n  * @description Styles the top border of dialog header\n  * @see border\n  * @default var(--zg-dialog-header-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/PJO7AU08\n  * @shadowOnly true\n  */\n  border-top: var(--zg-dialog-header-border-top, var(--zg-dialog-header-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-color\n  * @description Sets the font folor of dialog header\n  * @see color\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/9HFIZO8V\n  * @shadowOnly true\n  */\n  color: var(--zg-dialog-header-color);\n  display: flex;\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-margin\n  * @description Sets the margin of dialog header\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/VBZX6FJF\n  * @shadowOnly true\n  */\n  margin: var(--zg-dialog-header-margin, 0);\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-padding\n  * @description Sets the padding of dialog header\n  * @see padding\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/W0RHP8WF\n  * @shadowOnly true\n  */\n  padding: var(--zg-dialog-header-padding, 0);\n}\n\n/* HEADER LABEL */\n.zg-dialog-label {\n  flex: 1;\n}\n\n\n/* BODY\n-------------------------------------- */\n.zg-dialog-body {\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-background\n  * @description Styles the background of dialog body\n  * @see background\n  * @default var(--zg-dialog-background)\n  * @demoLink https://app.zingsoft.com/demos/create/179BYIFU\n  * @shadowOnly true\n  */\n  background: var(--zg-dialog-body-background, var(--zg-dialog-background));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-border\n  * @description Styles the border of dialog body\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/QBM0OIM8\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-border-bottom\n  * @description Styles the bottom border of dialog body\n  * @see border\n  * @default var(--zg-dialog-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/V7GPBX6Y\n  * @shadowOnly true\n  */\n  border-bottom: var(--zg-dialog-body-border-bottom, var(--zg-dialog-body-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-border-left\n  * @description Styles the left border of dialog body\n  * @see border\n  * @default var(--zg-dialog-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/UT7PLIJD\n  * @shadowOnly true\n  */\n  border-left: var(--zg-dialog-body-border-left, var(--zg-dialog-body-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-border-right\n  * @description Styles the right border of dialog body\n  * @see border\n  * @default var(--zg-dialog-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/3N8I2IAV\n  * @shadowOnly true\n  */\n  border-right: var(--zg-dialog-body-border-right, var(--zg-dialog-body-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-border-top\n  * @description Styles the top border of dialog body\n  * @see border\n  * @default var(--zg-dialog-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/P5NH1SU5\n  * @shadowOnly true\n  */\n  border-top: var(--zg-dialog-body-border-top, var(--zg-dialog-body-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-margin\n  * @description Sets the margin of dialog body\n  * @see margin\n  * @default 10px 0\n  * @demoLink https://app.zingsoft.com/demos/create/JWPAD3TC\n  * @shadowOnly true\n  */\n  margin: var(--zg-dialog-body-margin, 0);\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-padding\n  * @description Sets the padding of dialog body\n  * @see padding\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/Z8DLXRVR\n  * @shadowOnly true\n  */\n  padding: var(--zg-dialog-body-padding, 0);\n}\n\n.zg-dialog-body[has-text] {\n  /* Don\'t add JSDoc info, it is already set above */\n  border-top: var(--zg-dialog-body-border-top, var(--zg-dialog-body-border, 1px solid var(--theme-border-color)));\n  margin: var(--zg-dialog-body-margin, 10px 0 0);\n  padding: var(--zg-dialog-body-padding, 1.25rem 0 0);\n}\n\n.zg-dialog-body[has-error] {\n  padding-top: 10px;\n}\n\n.zg-dialog-error {\n  display: none;\n  color: red;\n}\n\n.zg-dialog-body[has-error] .zg-dialog-error {\n  display: flex;\n}\n\n/* Details Row Wrapper */\n.zg-dialog-body-details-row > :first-child { margin-top:0; }\n.zg-dialog-body-details-row > :last-child { margin-bottom:0; }\n\n/* Icon Row Wrapper */\n.zg-dialog-body-icon-row {\n  align-items: flex-start;\n  display: flex;\n  margin-bottom: -6px;\n}\n.zg-dialog-body-icon-row p { margin:0; }\n\n/* Content Wrapper */\n.zg-dialog-body-content { flex:1; line-height:1.3; }\n\n/*  Insert and Edit Styles \n    Taken from ZGEditorRow.css */\n/* LABEL / INPUT WRAPPER */\n.zg-dialog-editor-row-inputs,\n.zg-dialog-editor-row-inputs * {\n  box-sizing: border-box;\n}\n/* Note: 2 column by default, 1 column in \'mobile\' viewport */\n.zg-dialog-editor-row-inputs {\n  display: var(--zg-dialog-editor-row-display, grid);\n  grid-column-gap: var(--zg-dialog-editor-row-column-gap, 1rem);\n  grid-template-columns: var(--zg-dialog-editor-row-grid-template-columns, repeat(2, 1fr));\n  flex-flow: var(--zg-dialog-editor-row-flex-flow, row wrap);\n  justify-content: var(--zg-dialog-editor-row-justify-content, space-between);\n}\n\n/* LABEL */\n.zg-dialog-editor-row-inputs label {\n  display: block;\n  position: absolute;\n}\n.zg-dialog-editor-row-inputs label {\n  /* When editing indiv cell in card mode, make cell full width */\n  display: block;\n  margin: 1rem 0 0;\n  position: relative;\n}\n.zg-dialog-editor-row-inputs label span {\n  color: var(--zg-editor-row-label-color, #949494);\n  font-size: var(--zg-editor-row-label-font-size, 12px);\n}\n/*  This must be id or class based and not tagged based or else we have the possibility of hiding user span tags */\n.zg-dialog-editor-row-inputs label .editorRowFieldLabelContent {\n  display: block;\n}\n.zg-dialog-editor-row-inputs label span {\n  display: block;\n  margin-bottom: 4px;\n  text-transform: capitalize;\n}\n\n/* INPUT */\n.zg-dialog-editor-row-inputs input {\n  background: var(--zg-input-background, #fff);\n  box-shadow: var(--zg-box-shadow, none);\n  box-sizing: border-box;\n  border-bottom: var(--zg-input-border-bottom, var(--zg-input-border, 1px solid var(--theme-border-color)));\n  border-left: var(--zg-input-border-left, var(--zg-input-border, 0));\n  border-right: var(--zg-input-border-right, var(--zg-input-border, 0));\n  border-top: var(--zg-input-border-top, var(--zg-input-border, 0));\n  color: var(--zg-input-color, var(--theme-color));\n  font-family: var(--zg-input-font-family, inherit);\n  font-size: var(--zg-input-font-size, inherit);\n  font-style: var(--zg-input-font-style, inherit);\n  font-weight: var(--zg-input-font-weight, inherit);\n  height: var(--zg-input-height, 28px);\n  line-height: var(--zg-input-line-height, inherit);\n  margin: var(--zg-input-margin, 0);\n  padding: var(--zg-editor-row-input-padding_modal, var(--zg-editor-row-input-padding, var(--zg-input-padding, 0)));\n  text-align: var(--zg-input-text-align, left);\n  transform: var(--zg-editor-row-input-transform, var(--zg-input-transform));\n  width: 100%;\n}\n\n.zg-dialog-editor-row-inputs select, textarea {\n  margin: var(--zg-input-margin, 5px 0 0 0);\n}\n\n/* -- :FOCUS */\n.zg-dialog-editor-row-inputs input:focus {\n  background: var(--zg-editor-row-input-background_modal_focus, var(--zg-input-background_focus, var(--zg-input-background, #fff))) !important;\n  border-bottom: var(--zg-editor-row-input-border-bottom_modal_focus, var(--zg-editor-row-input-border-bottom_focus, 1px solid rgba(82, 168, 236, 0.8)));\n  border-left: var(--zg-editor-row-input-border-left_modal_focus, var(--zg-editor-row-input-border-left_focus));\n  border-top: var(--zg-editor-row-input-border-top_modal_focus, var(--zg-editor-row-input-border-top_focus));\n  box-shadow: var(--zg-editor-row-input-box-shadow_modal_focus, none);\n  color: var(--zg-editor-row-input-color_modal_focus, var(--zg-editor-row-input-color_focus));\n  font-size: var(--zg-editor-row-input-font-size_modal_focus, var(--zg-editor-row-input-font-size_focus));\n  outline: none;\n  transform: var(--zg-editor-row-input-transform_focus, var(--zg-input-transform_focus));\n}\n\n.zg-dialog-editor-row-inputs .zg-validation-error {\n  background-color: red;\n  border-color: red;\n}\n\n/* TYPE: RADIO */\n.zg-dialog-editor-row-inputs .zg-editor-row-radio-wrap {\n  display: flex;\n  flex-direction: column;\n  padding: .5rem 0;\n}\n.zg-dialog-editor-row-inputs .zg-editor-row-radio-wrap > :first-child {\n  margin-top: 0; \n}\n.zg-dialog-editor-row-inputs .zg-editor-row-radio-wrap label {\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n  max-width: none;\n  margin-top:.75rem;\n}\n.zg-dialog-editor-row-inputs .zg-editor-row-radio-wrap input {\n  height: 14px;\n  width: 14px;\n}\n.zg-dialog-editor-row-inputs .zg-editor-row-radio-wrap span {\n  margin: 0 0 0 5px;\n}\n\n.zg-dialog-body-batch-edit,\n.zg-dialog-body-icon-row p {\n  color: var(--zg-dialog-body-color, #000);\n}\n\n\n/* FOOTER\n-------------------------------------- */\n.zg-dialog-footer {\n  align-items: center;\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-background\n  * @description Styles the background of dialog footer\n  * @see background\n  * @default var(--zg-dialog-background)\n  * @demoLink https://app.zingsoft.com/demos/create/H27KMSA5\n  * @shadowOnly true\n  */\n  background: var(--zg-dialog-footer-background, var(--zg-dialog-background));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-border\n  * @description Styles the border of dialog footer\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/IW16P1T1\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-border-bottom\n  * @description Styles the bottom border of dialog footer\n  * @see border\n  * @default var(--zg-dialog-footer-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/Q7VVGHZT\n  * @shadowOnly true\n  */\n  border-bottom: var(--zg-dialog-footer-border-bottom, var(--zg-dialog-footer-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-border-left\n  * @description Styles the left border of dialog footer\n  * @see border\n  * @default var(--zg-dialog-footer-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/XWEQTFFE\n  * @shadowOnly true\n  */\n  border-left: var(--zg-dialog-footer-border-left, var(--zg-dialog-footer-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-border-right\n  * @description Styles the right border of dialog footer\n  * @see border\n  * @default var(--zg-dialog-footer-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/ZSDQ13MP\n  * @shadowOnly true\n  */\n  border-right: var(--zg-dialog-footer-border-right, var(--zg-dialog-footer-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-border-top\n  * @description Styles the top border of dialog footer\n  * @see border\n  * @default var(--zg-dialog-footer-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/PJRFHAGU\n  * @shadowOnly true\n  */\n  border-top: var(--zg-dialog-footer-border-top, var(--zg-dialog-footer-border, 1px solid var(--theme-border-color)));\n  display: flex;\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-justify-content\n  * @description Sets the horizontal alignment of contents in dialog footer\n  * @see justify-content\n  * @default flex-end\n  * @demoLink https://app.zingsoft.com/demos/create/CNK0M0O8\n  * @shadowOnly true\n  */\n  justify-content: var(--zg-dialog-footer-justify-content, flex-end);\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-margin\n  * @description Sets the margin of dialog footer\n  * @see margin\n  * @default 1.25rem 0 0\n  * @demoLink https://app.zingsoft.com/demos/create/EJ1GWKJR\n  * @shadowOnly true\n  */\n  margin: var(--zg-dialog-footer-margin, 1.25rem 0 0);\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-padding\n  * @description Sets the padding of dialog footer\n  * @see padding\n  * @default .875rem 0 0\n  * @demoLink https://app.zingsoft.com/demos/create/QHF0OT6N\n  * @shadowOnly true\n  */\n  padding: var(--zg-dialog-footer-padding, .875rem 0 0);\n}\n\n/* Using explicit class names here instead of `.zg-dialog-footer button` to avoid specificity */\n.zg-dialog-cancel,\n.zg-dialog-confirm {\n  border-radius: 2px;\n  color: #fff;\n  cursor: pointer;\n  font-size: .875rem;\n  padding: .5rem .625rem;\n  text-transform: uppercase;\n}\n.zg-dialog-cancel {\n  background: var(--zg-dialog-cancel-background, var(--zg-dialog-button-backround, var(--theme-color-lighter)));\n  border-bottom: var(--zg-dialog-cancel-border-bottom, var(--zg-dialog-button-border-bottom, 1px solid var(--theme-border-color)));\n  border-left: var(--zg-dialog-cancel-border-left, var(--zg-dialog-button-border-left, 1px solid var(--theme-border-color)));\n  border-right: var(--zg-dialog-cancel-border-right, var(--zg-dialog-button-border-right, 1px solid var(--theme-border-color)));\n  border-top: var(--zg-dialog-cancel-border-top, var(--zg-dialog-button-border-top, 1px solid var(--theme-border-color)));\n  color: red;\n}\n.zg-dialog-confirm {\n  background: var(--zg-dialog-confirm-background, var(--zg-dialog-button-backround, var(--theme-color-primary)));\n  border-bottom: var(--zg-dialog-confirm-border-bottom, var(--zg-dialog-button-border-bottom, 1px solid var(--theme-color-primary)));\n  border-left: var(--zg-dialog-confirm-border-left, var(--zg-dialog-button-border-left, 1px solid var(--theme-color-primary)));\n  border-right: var(--zg-dialog-confirm-border-right, var(--zg-dialog-button-border-right, 1px solid var(--theme-color-primary)));\n  border-top: var(--zg-dialog-confirm-border-top, var(--zg-dialog-button-border-top, 1px solid var(--theme-color-primary)));\n  margin-left: 10px;\n}\n\n:host([dir="rtl"]) .zg-dialog-confirm {\n  margin-right: 10px;\n}\n\n/* Close Button */\n.zg-dialog-close {\n  background: var(--zg-dialog-close-background);\n  border: var(--zg-dialog-close-border, 1px solid var(--theme-border-color));\n  border-bottom: var(--zg-dialog-close-border-bottom, 1px solid var(--theme-border-color));\n  border-left: var(--zg-dialog-close-border-left, 1px solid var(--theme-border-color));\n  border-right: var(--zg-dialog-close-border-right, 1px solid var(--theme-border-color));\n  border-top: var(--zg-dialog-close-border-top, 1px solid var(--theme-border-color));\n  border-radius: var(--zg-dialog-close-border-radius, 4px);\n  color: var(--zg-dialog-close-color, var(--zing-grid-color));\n  cursor: pointer;\n  font-size: .875rem;\n  height: 28px;\n  text-transform: uppercase;\n  width: 28px;\n}\n.zg-dialog-close:hover {\n  background: var(--zg-dialog-close-background_hover, var(--zg-dialog-close-backgroun));\n  border: var(--zg-dialog-close-border_hover, var(--zg-dialog-close-border));\n  border-bottom: var(--zg-dialog-close-border-bottom_hover, var(--zg-dialog-close-border-bottom, 1px solid var(--theme-border-color)));\n  border-left: var(--zg-dialog-close-border-left_hover, var(--zg-dialog-close-border-left, 1px solid var(--theme-border-color)));\n  border-right: var(--zg-dialog-close-border-right_hover, var(--zg-dialog-close-border-right, 1px solid var(--theme-border-color)));\n  border-top: var(--zg-dialog-close-border-top_hover, var(--zg-dialog-close-border-top, 1px solid var(--theme-border-color)));\n  border-radius: var(--zg-dialog-close-border-radius_hover, var(--zg-dialog-close-border-radius, 4px));\n  color: var(--zg-dialog-close-color_hover, var(--zg-dialog-close-color, var(--zing-grid-color)));\n}\n\n\n/* SLOTTED CONTENT\n-------------------------------------- */\n\n/* Icon */\n:host ::slotted(zg-icon) {\n  height: var(--zg-icon-width);\n  margin-right: 15px;\n  width: var(--zg-icon-width);\n  transform: translateY(-3px);\n}\n:host ::slotted(zg-icon[name="error"]) {\n  --zg-icon-color: var(--theme-color-alert);\n}\n:host ::slotted(zg-icon[name="success"]) {\n  --zg-icon-color: var(--theme-color-success);\n}\n:host ::slotted(zg-icon[name="warning"]) {\n  --zg-icon-color: var(--theme-color-warn);\n}',""])},84052:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF (DEFAULT \'INLINE\' STYLE)\n-------------------------------------- */\n/* Not active state */\n/* The following css messes up dir=rtl  Everything seems fine without this CSS */\n /* :host {\n  position: absolute;\n  top: 0;\n} */\n\n/* Active from single-cell click */\n:host([active-cell-edit]) {\n  display: block;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* FORM */\n.zg-editor-row-wrapper {\n  box-sizing: border-box;\n  position: absolute;\n}\n\n/* LABEL / INPUT WRAPPER */\n.zg-editor-row-inputs,\n.zg-editor-row-inputs * {\n  box-sizing: border-box;\n}\n\n/* LABEL */\n.zg-editor-row-inputs label {\n  display: block;\n  position: absolute;\n  background: var(--zg-editor-row-input-background, #f5f5f5);\n}\n\n/*  This must be id or class based and not tagged based or else we have the possibility of hiding user span tags */\n.zg-editor-row-inputs label .editorRowFieldLabelContent {\n  display: none;\n}\n\n/* INPUT */\n.zg-editor-row-inputs input,\n.zg-editor-row-inputs input:focus {\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-background\n  * @description Styles the background of editor row\n  * @see background\n  * @default #f5f5f5\n  * @demoLink https://app.zingsoft.com/demos/create/3EBBN3A3\n  * @shadowOnly true\n  */\n  background: var(--zg-editor-row-input-background, #f5f5f5);\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-border\n  * @description Styles the border of editor row\n  * @see border\n  * @default 1px solid rgba(82, 168, 236, 0.8)\n  * @demoLink https://app.zingsoft.com/demos/create/O48B8R6Z\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-border-bottom\n  * @description Styles the bottom border of editor row\n  * @see border\n  * @default var(--zg-editor-row-input-border, 1px solid rgba(82, 168, 236, 0.8))\n  * @demoLink https://app.zingsoft.com/demos/create/9P6CXB0Q\n  * @shadowOnly true\n  */\n  border-bottom: var(--zg-editor-row-input-border-bottom, var(--zg-editor-row-input-border, 1px solid rgba(82, 168, 236, 0.8)));\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-border-left\n  * @description Styles the left border of editor row\n  * @see border\n  * @default var(--zg-editor-row-input-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/VF347SF8\n  * @shadowOnly true\n  */\n  border-left: var(--zg-editor-row-input-border-left, var(--zg-editor-row-input-border, 0));\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-border-right\n  * @description Styles the right border of editor row\n  * @see border\n  * @default var(--zg-editor-row-input-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/8OAHGLVE\n  * @shadowOnly true\n  */\n  border-right: var(--zg-editor-row-input-border-right, var(--zg-editor-row-input-border, 0));\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-border-top\n  * @description Styles the top border of editor row\n  * @see border\n  * @default var(--zg-editor-row-input-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/MA8A06J7\n  * @shadowOnly true\n  */\n  border-top: var(--zg-editor-row-input-border-top, var(--zg-editor-row-input-border, 0));\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-color\n  * @description Sets the font color of editor row\n  * @see color\n  * @default var(--zg-editor-row-input-color, #fff)\n  * @demoLink https://app.zingsoft.com/demos/create/QYZBZUVA\n  * @shadowOnly true\n  */\n  color: var(--zg-editor-row-input-color, #003749);\n  font-family: var(--zg-cell-font-family);\n  font-size: var(--zg-cell-font-size);\n  display: none;\n  height: 100%;\n  margin: 0;\n  outline: none;\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-padding\n  * @description Sets the padding of editor row\n  * @see padding\n  * @default 12px 15px\n  * @demoLink https://app.zingsoft.com/demos/create/9Q07P5B1\n  * @shadowOnly true\n  */\n  padding: var(--zg-editor-row-input-padding, 12px 15px);\n  transform: var(--zg-editor-row-input-transform, var(--zg-input-transform));\n  transition: font-size .5s;\n  width: calc(100% - 1px);\n}\n.zg-editor-row-inputs input:focus {\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-background_focus\n  * @default var(--theme-color-lighter)\n  * @description Styles the background of editor row input on focus\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/TUH8OZBD\n  * @shadowOnly true\n  */\n  background: var(--zg-editor-row-input-background_focus, var(--theme-color-lighter)) !important;\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-box-shadow_focus\n  * @default inset 0 0 5px #ccc\n  * @description Applies a box shadow behind editor row input on focus\n  * @see box-shadow\n  * @demoLink https://app.zingsoft.com/demos/create/NAS5WQHN\n  * @shadowOnly true\n  */\n  box-shadow: var(--zg-editor-row-input-box-shadow_focus, inset 0 0 5px #ccc);\n}\n/* Inline or Card mode \'active\' state */\n:host([active]) .zg-editor-row-inputs input:not([type="radio"]) {\n  display: block;\n}\n/* Input styling when \'edit row\' option selected */\n:host([active-cell-edit]) .zg-editor-row-inputs input,\n:host([active-row-edit]) .zg-editor-row-inputs input {\n  /* Defined below */\n  background: var(--zg-editor-row-input-background, var(--theme-color-primary));\n  /* Defined Below */\n  color: var(--zg-editor-row-input-color, #fff);\n}\n:host([active-cell-edit]) .zg-editor-row-inputs input,\n:host([active-row-edit]) .zg-editor-row-inputs input:focus {\n  /* Defined Below */\n  color: var(--zg-editor-row-input-color, var(--theme-color));\n}\n\n:host([active-cell-edit]) .zg-editor-row-inputs .zg-validation-error,\n:host([active-row-edit]) .zg-editor-row-inputs .zg-validation-error {\n  background: red;\n  border-color: red;\n}\n\n/* TYPE: COLOR */\n.zg-editor-row-inputs .zg-editor-row-color-wrap {\n  align-items:center;\n}\n/* color wrapper label */\n.zg-editor-row-inputs .zg-editor-row-color-label {\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  position: relative;\n}\n.zg-editor-row-inputs .zg-editor-row-color-label + .zg-editor-row-color-label {\n  margin-left: 10px;\n}\n/* color input */\n.zg-editor-row-inputs .zg-editor-row-color-picker {\n  background: none;\n  border: 1px solid transparent;\n  border-radius: 2px;\n  cursor: pointer;\n  display: inline-block;\n  height: 16px;\n  width: 16px;\n  padding: 0;\n}\n:host([active]) .zg-editor-row-inputs input[type="color"] {\n  visibility: hidden;\n  height: 100%;\n  width: 100%;\n}\n:host([active]) .zg-editor-row-inputs .zg-editor-row-color-picker + span {\n  padding-left: 7px;\n}\n\n/* TYPE: RADIO */\n/* Radio wrapper */\n.zg-editor-row-inputs .zg-editor-row-color-wrap,\n.zg-editor-row-inputs .zg-editor-row-radio-wrap {\n  background: var(--zg-editor-row-input-background_focus, var(--theme-color-lighter));\n  border-bottom: var(--zg-editor-row-input-border-bottom, var(--zg-editor-row-input-border, 1px solid rgba(82, 168, 236, 0.8)));\n  box-shadow: var(--zg-editor-row-input-box-shadow_focus, inset 0 0 5px #ccc);\n  display: flex;\n  height: 100%;\n  padding: 0 0 0 var(--theme-padding_x);\n}\n/* Radio wrapper label */\n.zg-editor-row-inputs .zg-editor-row-radio-label {\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  position: relative;\n  background: transparent;\n}\n.zg-editor-row-inputs .zg-editor-row-radio-label + .zg-editor-row-radio-label {\n  margin-left: 10px;\n}\n/* Radio input */\n:host([active]) .zg-editor-row-inputs input[type="radio"] {\n  border-radius: 50%;\n  cursor: pointer;\n  display: inline-block;\n  height: 14px;\n  width: 14px;\n}\n:host([active]) .zg-editor-row-inputs input[type="radio"] + span {\n  padding-left: 5px;\n}\n\n/* SELECT */\n.zg-editor-row-inputs select {\n  cursor: pointer;\n  height: calc(100% - 10px);\n  font-size: var(--zing-grid-font-size);\n  margin: 5px;\n  text-indent: 8px;\n  width: calc(100% - 5px);\n}\n/* Multi-select */\n.zg-editor-row-inputs select[multiple] option {\n  padding: 2px 0;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n',""])},64414:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  background-clip: padding-box;\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-background\n  * @description Styles the background of filter\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/G1WKUNFJ\n  * @shadowOnly false\n  */\n  background: var(--zg-filter-background);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-border\n  * @description Styles the border of filter\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/MTNYLV9O\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-border-bottom\n  * @description Styles the bottom border of filter\n  * @see border\n  * @default var(--zg-filter-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/6OQCF137\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-filter-border-bottom, var(--zg-filter-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-border-left\n  * @description Styles the left border of filter\n  * @see border\n  * @default var(--zg-filter-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/9Z63KCAD\n  * @shadowOnly false\n  */\n  border-left: var(--zg-filter-border-left, var(--zg-filter-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-border-right\n  * @description Styles the right border of filter\n  * @see border\n  * @default var(--zg-filter-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/YDKKR5TJ\n  * @shadowOnly false\n  */\n  border-right: var(--zg-filter-border-right, var(--zg-filter-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-border-top\n  * @description Styles the top border of filter\n  * @see border\n  * @default var(--zg-filter-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/I2QLWMWS\n  * @shadowOnly false\n  */\n  border-top: var(--zg-filter-border-top, var(--zg-filter-border, 1px solid var(--theme-border-color)));\n  box-sizing: border-box;\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-color\n  * @description Sets the font color of text inputted in filter\n  * @see color\n  * @default var(--theme-color_alt)\n  * @demoLink https://app.zingsoft.com/demos/create/E7L28DOF\n  * @shadowOnly false\n  */\n  color: var(--zg-filter-color, var(--theme-color_alt));\n  display: table-cell;\n  overflow: hidden;\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-height\n  * @description Sets the height of filter\n  * @see height\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/QCSOKQE2\n  * @shadowOnly true\n  */\n  height: var(--zg-filter-height);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-padding\n  * @description Sets the padding of the filter\n  * @see padding\n  * @default A cell's left and right padding\n  * @demoLink https://app.zingsoft.com/demos/create/2LNX65ZJ\n  * @shadowOnly true\n  */\n  padding: var(--zg-filter-padding, 0);\n  position: relative;\n  text-align: left;\n  vertical-align: middle;\n  /* The z-index here and on zg-head-cell is necessary for vertical grid lines with frozen columns */\n  z-index: 1;\n}\n\n/* When parent column is currently sorted */\n:host([sorted]) {\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-background_sorted\n  * @description Styles the background color of filter when the column in sorted\n  * @see background-color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/WX39XEJ1\n  * @shadowOnly false\n  */\n  background-color: var(--zg-filter-background_sorted);\n  border-bottom: var(--zg-filter-border-bottom_sorted);\n  border-left: var(--zg-filter-border-left_sorted);\n  border-right: var(--zg-filter-border-right_sorted);\n  border-top: var(--zg-filter-border-top_sorted);\n}\n\n/* Hide if 'hidden' attribute applied */\n:host([hidden]) {\n  display: none;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Wrapper */\n.zg-filter-wrapper {\n  align-items: center;\n  display: flex;\n  height: var(--zg-filter-height);\n}\n\n/* Inner Wrapper */\n.zg-filter-inner {\n  align-items: center;\n  display: inline-flex;\n  height: 100%;\n  justify-content: flex-start;\n  vertical-align: middle;\n  width: 100%;\n}\n\n/* FILTER INPUT CELL ALIGNMENT */\n/* Center */\n:host([align=\"center\"]) .zg-filter-inner {\n  justify-content: center;\n}\n\n/* Left - Note: This is the current default and can be omitted */\n:host([align=\"left\"]) .zg-filter-inner {\n  justify-content: flex-start;\n}\n\n/* Right */\n:host([align=\"right\"]) .zg-filter-inner {\n  justify-content: flex-end;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(div) {\n  width: 100%;\n}\n\n/* FILTER: INPUT */\n/* TODO: Somewhere it is hardcoding an inline 'width' style. This should be removed */\n:host ::slotted(input) {\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-background\n  * @description Styles the background of input field in filter\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  * @shadowOnly false\n  */\n  background: var(--zg-filter-input-background);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border\n  * @description Styles the border of input field in filter\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/SXRIBL17\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-bottom\n  * @description Styles the bottom border of input field in filter\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/Z1COSRGD\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-filter-input-border-bottom, var(--zg-filter-input-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-left\n  * @description Styles the left border of input field in filter\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/2Z1YS7PH\n  * @shadowOnly false\n  */\n  border-left: var(--zg-filter-input-border-left, var(--zg-filter-input-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-right\n  * @description Styles the right border of input field in filter\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/JD0COXK4\n  * @shadowOnly false\n  */\n  border-right: var(--zg-filter-input-border-right, var(--zg-filter-input-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-top\n  * @description Styles the top border of input field in filter\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/KRUW31YG\n  * @shadowOnly false\n  */\n  border-top: var(--zg-filter-input-border-top, var(--zg-filter-input-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-radius\n  * @description Applies a border radius to filter input\n  * @default Browser's default value\n  * @see border-radius\n  * @demoLink https://app.zingsoft.com/demos/create/6ILPV59X\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-filter-input-border-radius);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-color\n  * @description Styles the font color of text in input field of filter\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/0BWT9HA7\n  * @shadowOnly false\n  */\n  color: var(--zg-filter-input-color);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-font-size\n  * @description Sets the font size of filter input\n  * @default Browser's default value\n  * @see font-size\n  * @demoLink https://app.zingsoft.com/demos/create/04EEADGO\n  * @shadowOnly false\n  */\n  font-size: var(--zg-filter-input-font-size);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-height\n  * @description Sets the height of input field in filter. May need to set --zg-filter-height if input field is height is larger than height of filter.\n  * @see height\n  * @default 20px\n  * @demoLink https://app.zingsoft.com/demos/create/3E22SKBU\n  * @shadowOnly false\n  */\n  height: var(--zg-filter-input-height, 20px);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-margin\n  * @description Sets the margin of filter input\n  * @see margin\n  * @default 0 var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/0BWT9HA7\n  * @shadowOnly false\n  */\n  margin: var(--zg-filter-input-margin, 0 var(--theme-padding_x));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-padding\n  * @description Sets the padding of input field in filter. . May need to set --zg-filter-height if input field is height is larger than height of filter.\n  * @see padding\n  * @default 0 0 0 5px\n  * @demoLink https://app.zingsoft.com/demos/create/5GPABPO2\n  * @shadowOnly false\n  */\n  padding: var(--zg-filter-input-padding, 0 0 0 5px);\n  width: 70% !important;\n  max-width: 240px !important;\n}\n\n:host([dir=\"rtl\"]) ::slotted(input) {\n  padding: var(--zg-filter-input-padding, 0 5px 0 0);\n}\n\n:host([sorted]) ::slotted(input) {\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-background_sorted\n  * @description Styles the background of input field in filter when sorted\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/0TAT4J8P\n  * @shadowOnly false\n  */\n  background: var(--zg-filter-input-background_sorted, var(--zg-filter-input-background));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border_sorted\n  * @description Styles the border of input field in filter when sorted\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/MFR4CCYN\n  * @shadowOnly false\n  */\n  border: var(--zg-filter-input-border_sorted, var(--zg-filter-input-border));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-bottom_sorted\n  * @description Styles the bottom border of input field in filter when sorted\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/WFPS5S7O\n  * @shadowOnly false\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-filter-input-border-bottom_sorted, var(--zg-filter-input-border-bottom, var(--zg-filter-input-border_sorted, var(--zg-filter-input-border))));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-left_sorted\n  * @description Styles the left border of input field in filter when sorted\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/QRJ8CB5I\n  * @shadowOnly false\n  */\n  border-left: var(--zg-filter-input-border-left_sorted, var(--zg-filter-input-border-left, var(--zg-filter-input-border_sorted, var(--zg-filter-input-border, inherit))));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-right_sorted\n  * @description Styles the right border of input field in filter when sorted\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/IWA4XX9B\n  * @shadowOnly false\n  */\n  border-right: var(--zg-filter-input-border-right_sorted, var(--zg-filter-input-border-right, var(--zg-filter-input-border_sorted, var(--zg-filter-input-border, inherit))));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-top_sorted\n  * @description Styles the top border of input field in filter when sorted\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/O83MW4X2\n  * @shadowOnly false\n  */\n  border-top: var(--zg-filter-input-border-top_sorted, var(--zg-filter-input-border-top, var(--zg-filter-input-border_sorted, var(--zg-filter-input-border, inherit))));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-radius_sorted\n  * @description Applies border radius to filter input when sorted\n  * @default Browser's default value\n  * @see border-radius\n  * @demoLink https://app.zingsoft.com/demos/create/YLATIXYW\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-filter-input-border-radius_sorted, var(--zg-filter-input-border-radius));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-color_sorted\n  * @description Styles the font color of text in input field of filter when sorted\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/9GRVADYL\n  * @shadowOnly false\n  */\n  color: var(--zg-filter-input-color_sorted, var(--zg-filter-input-color));\n}\n\n:host ::slotted(input[type=\"checkbox\"]) {\n  width: 24px !important;\n}\n\n\n/* FILTER: SELECT */\n:host ::slotted(select) {\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-select-color\n  * @description Styles the font color of text in the select dropdown filter\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/9GRVADYL\n  * @shadowOnly false\n  */\n  color: var(--zg-filter-select-color, var(--zg-filter-input-color));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-select-font-size\n  * @description Sets the font size of the select dropdown filter\n  * @default Browser's default value\n  * @see font-size\n  * @demoLink https://app.zingsoft.com/demos/create/7GR5F9EJ\n  * @shadowOnly false\n  */\n  font-size: var(--zg-filter-select-font-size, var(--zg-filter-input-font-size));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-select-height\n  * @description Sets the height of the select dropdown filter\n  * @see height\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/1FM6QEGK\n  * @shadowOnly false\n  */\n  height: var(--zg-filter-select-height, var(--zg-filter-input-height));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-select-margin\n  * @description Sets the margin of the select dropdown filter\n  * @see margin\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/B8M40OM8\n  * @shadowOnly false\n  */\n  margin: var(--zg-filter-select-margin, var(--zg-filter-input-margin, 0 var(--theme-padding_x)));\n  width: var(--zg-filter-select-width, var(--zg-filter-input-width, 70%));\n}\n\n/* Style the current column that is being reordered with `[column-drag]` */\n:host(.is-reordering) {\n  background: var(--theme-background-color);\n}",""])},35515:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Wrapper */\n.zg-focus-wrapper {\n    left: 0;\n    position: absolute;\n    top: 0;\n}\n/* Border Elements */\n:host [class*="zg-focus-"] {\n    position: absolute;\n    z-index: 10;\n    /*transition: all var(--zg-focus-transition_speed, 0.1s);*/\n}\n.zg-focus-bottom {\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-border\n    * @description Styles the border of cells on focus\n    * @see border\n    * @default 2px solid var(--theme-color-primary)\n    * @demoLink https://app.zingsoft.com/demos/create/OBOGAYLI\n    * @shadowOnly true\n    */\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-border-bottom\n    * @description Sets the bottom border of cells on focus\n    * @see border\n    * @default var(--zg-focus-border, 2px solid var(--theme-color-primary))\n    * @demoLink https://app.zingsoft.com/demos/create/UKS4GLIB\n    * @shadowOnly true\n    */\n    border-bottom: var(--zg-focus-border-bottom, var(--zg-focus-border, 2px solid var(--theme-color-primary)));\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-bottom-transform\n    * @description Sets the transform of bottom border of cells on focus\n    * @see transform\n    * @default none\n    * @demoLink https://app.zingsoft.com/demos/create/463BLSLE\n    * @shadowOnly true\n    */\n    transform: var(--zg-focus-bottom-transform, none);\n}\n.zg-focus-left {\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-border-left\n    * @description Sets the left border of cells on focus\n    * @see border\n    * @default var(--zg-focus-border, 2px solid var(--theme-color-primary))\n    * @demoLink https://app.zingsoft.com/demos/create/0S69YQQ1\n    * @shadowOnly true\n    */\n    border-left: var(--zg-focus-border-left, var(--zg-focus-border, 2px solid var(--theme-color-primary)));\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-left-transform\n    * @description Sets the transform of left border of cells on focus\n    * @see transform\n    * @default none\n    * @demoLink https://app.zingsoft.com/demos/create/KZ23KZP1\n    * @shadowOnly true\n    */\n    transform: var(--zg-focus-left-transform, none);\n}\n.zg-focus-right {\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-border-right\n    * @description Sets the right border of cells on focus\n    * @see border\n    * @default var(--zg-focus-border, 2px solid var(--theme-color-primary))\n    * @demoLink https://app.zingsoft.com/demos/create/RCL5RW0I\n    * @shadowOnly true\n    */\n    border-right: var(--zg-focus-border-right, var(--zg-focus-border, 2px solid var(--theme-color-primary)));\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-right-transform\n    * @description Sets the transform of right border of cells on focus\n    * @see transform\n    * @default none\n    * @demoLink https://app.zingsoft.com/demos/create/C5WLZKW8\n    * @shadowOnly true\n    */\n    transform: var(--zg-focus-right-transform, none);\n}\n.zg-focus-top {\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-border-top\n    * @description Sets the top border of cells on focus\n    * @see border\n    * @default var(--zg-focus-border, 2px solid var(--theme-color-primary))\n    * @demoLink https://app.zingsoft.com/demos/create/XNXNZ5X2\n    * @shadowOnly true\n    */\n    border-top: var(--zg-focus-border-top, var(--zg-focus-border, 2px solid var(--theme-color-primary)));\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-top-transform\n    * @description Sets the transform of top border of cells on focus\n    * @see transform\n    * @default none\n    * @demoLink https://app.zingsoft.com/demos/create/FU5AB2MU\n    * @shadowOnly true\n    */\n    transform: var(--zg-focus-top-transform, none);\n}',""])},64410:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-background\n  * @description Styles the background of grid foot\n  * @default Browser\'s default value\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/5NW1UUJB\n  * @shadowOnly false\n  * @storyAlert recommend:--zg-foot-padding:25px\n  */\n  background: var(--zg-foot-background);\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-border\n  * @description Styles the border of grid foot\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/GJKYV9E6\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-border-bottom\n  * @description Styles the bottom border of grid foot\n  * @see border\n  * @default var(--zg-foot-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FRJXV4YB\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-foot-border-bottom, var(--zg-foot-border, 0));\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-border-left\n  * @description Styles the left border of grid foot\n  * @see border\n  * @default var(--zg-foot-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/VYNWYDXA\n  * @shadowOnly false\n  */\n  border-left: var(--zg-foot-border-left, var(--zg-foot-border, 0));\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-border-right\n  * @description Styles the right border of grid foot\n  * @see border\n  * @default var(--zg-foot-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/4YL86H63\n  * @shadowOnly false\n  */\n  border-right: var(--zg-foot-border-right, var(--zg-foot-border, 0));\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-border-top\n  * @description Styles the top border of grid foot\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/906SOMMP\n  * @default var(--zg-foot-border, 0)\n  * @shadowOnly false\n  */\n  border-top: var(--zg-foot-border-top, var(--zg-foot-border, 0));\n  box-sizing: border-box;\n  display: block;\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-height\n  * @description Sets the height of grid foot\n  * @see height\n  * @demoLink https://app.zingsoft.com/demos/create/NIOBJEMN\n  * @default auto\n  * @shadowOnly false\n  */\n  height: var(--zg-foot-height, auto);\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-padding\n  * @description Sets the padding of grid foot\n  * @see padding\n  * @demoLink https://app.zingsoft.com/demos/create/XA3FXCSI\n  * @default 0\n  * @shadowOnly false\n  */\n  padding: var(--zg-foot-padding, 0);\n}\n\n/* SLOTTED\n-------------------------------------- */\n/* Layout: Card */\n:host([layout="card"]) {\n    display: none;\n}\n\n\n/* All Rows */\n:host ::slotted(zg-row) {\n  /* NOTE: Do not jsDocs these as they are the same as the ZGHead ones */\n  background: var(--zg-row-head-background, var(--zg-head-background));\n  border-bottom: var(--zg-row-head-border-bottom, var(--zg-row-head-border, var(--zg-row-border-bottom, var(--zg-row-border, var(--zg-row-border, 0)))));\n  border-left: var(--zg-row-head-border-left, var(--zg-row-head-border, var(--zg-row-border-left, var(--zg-row-border, var(--zg-row-border, 0)))));\n  border-right: var(--zg-row-head-border-right, var(--zg-row-head-border, var(--zg-row-border-right, var(--zg-row-border, var(--zg-row-border, 0)))));\n  border-top: var(--zg-row-head-border-top, var(--zg-row-head-border, var(--zg-row-border-top, var(--zg-row-border, var(--zg-row-border, 1px solid var(--theme-border-color))))));\n  color: var(--zg-row-head-color, var(--zg-row-color));\n  display: flex;\n  position: relative;\n}\n\n:host ::slotted(zg-row:hover) {\n  background: var(--zg-row-head-background_hover);\n  color: var(--zg-row-head-color_hover, var(--zg-row-color_hover));\n}\n/* Even Rows */\n:host ::slotted(zg-row:nth-of-type(even)) {\n  background: var(--zg-row-head-background_even, var(--zg-row-head-background, var(--zg-head-background)));\n  color: var(--zg-row-head-color_even, var(--zg-row-head-color, var(--zg-row-color)));\n  min-height: var(--zg-row-head-height_even, var(--zg-row-head-height, var(--zg-row-height)));\n}\n:host ::slotted(zg-row:nth-of-type(even):hover) {\n  background: var(--zg-row-head-background_even_hover, var(--zg-row-head-background_hover, var(--zg-head-background_hover)));\n  color: var(--zg-row-head-color_even_hover, var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n/* Odd Rows */\n:host ::slotted(zg-row:nth-of-type(odd)) {\n  background: var(--zg-row-head-background_odd, var(--zg-row-head-background, var(--zg-head-background)));\n  color: var(--zg-row-head-color_odd, var(--zg-row-head-color, var(--zg-row-color)));\n  min-height: var(--zg-row-head-height_odd, var(--zg-row-head-height, var(--zg-row-height)));\n}\n:host ::slotted(zg-row:nth-of-type(odd):hover){\n  background: var(--zg-row-head-background_odd_hover, var(--zg-row-head-background_hover, var(--zg-head-background_hover)));\n  color: var(--zg-row-head-color_odd_hover, var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n\n/* AGGREGATE */\n:host ::slotted(zg-row[type=aggregate]) {\n  background: var(--zg-row-background_foot_aggregate, var(--zg-row-background_aggregate, var(--zg-row-background, auto)));\n  border-bottom: var(--zg-row-border-bottom_foot_aggregate, var(--zg-row-border-bottom_aggregate, var(--zg-row-border-bottom, auto)));\n  border-left: var(--zg-row-border-left_foot_aggregate, var(--zg-row-border-left_aggregate, var(--zg-row-border-left, auto)));\n  border-right: var(--zg-row-border-right_foot_aggregate, var(--zg-row-border-right_aggregate, var(--zg-row-border-right, auto)));\n  border-top: var(--zg-row-border-top_foot_aggregate, var(--zg-row-border-top_aggregate, var(--zg-row-border-top, auto)));\n  color: var(--zg-row-color_foot_aggregate, var(--zg-row-color_aggregate, var(--zg-row-color, auto)));\n  min-height: var(--zg-row-height_foot_aggregate, var(--zg-row-height_aggregate, var(--zg-row-height, auto)));\n}\n\n/* FROZEN */\n:host ::slotted(zg-row[type=frozen]) {\n  background: var(--zg-row-background_foot_frozen, var(--zg-row-background_frozen, var(--zg-row-background, auto)));\n  border-bottom: var(--zg-row-border-bottom_foot_frozen, var(--zg-row-border-bottom_frozen, var(--zg-row-border-bottom, auto)));\n  border-left: var(--zg-row-border-left_foot_frozen, var(--zg-row-border-left_frozen, var(--zg-row-border-left, auto)));\n  border-right: var(--zg-row-border-right_foot_frozen, var(--zg-row-border-right_frozen, var(--zg-row-border-right, auto)));\n  border-top: var(--zg-row-border-top_foot_frozen, var(--zg-row-border-top_frozen, var(--zg-row-border-top, auto)));\n  color: var(--zg-row-color_foot_frozen, var(--zg-row-color_frozen, var(--zg-row-color, auto)));\n}\n\n/*  In the case of zebra, we have to set the class so that we can use the header and footer data rows */\n:host ::slotted(zg-row.zebra-2) {\n  background: var(--theme-background-zebra, var(--zg-row-head-background, var(--zg-head-background)));\n}',""])},20422:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGFooter\n  * @var --zg-footer-background\n  * @description Styles the background of footer\n  * @default 0\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/0EVTA5YN\n  * @shadowOnly false\n  */\n  background: var(--zg-footer-background);\n  /**\n  * @memberof ZGFooter\n  * @var --zg-footer-border-bottom\n  * @description Styles the bottom border of footer\n  * @default var(--zg-footer-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/PUY88M0U\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-footer-border-bottom, var(--zg-footer-border, 0));\n  /**\n  * @memberof ZGFooter\n  * @var --zg-footer-border-left\n  * @description Styles the left border of footer\n  * @default var(--zg-footer-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/V3H9QB6G\n  * @shadowOnly false\n  */\n  border-left: var(--zg-footer-border-left, var(--zg-footer-border, 0));\n  /**\n  * @memberof ZGFooter\n  * @var --zg-footer-border-right\n  * @description Styles the right border of footer\n  * @default var(--zg-footer-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/TAJ68HA9\n  * @shadowOnly false\n  */\n  border-right: var(--zg-footer-border-right, var(--zg-footer-border, 0));\n  /**\n  * @memberof ZGFooter\n  * @var --zg-footer-border-top\n  * @description Styles the top border of footer\n  * @default var(--zg-footer-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/FMUNXOES\n  * @shadowOnly false\n  */\n  border-top: var(--zg-footer-border-top, var(--zg-footer-border, 0));\n  display: block;\n  z-index: 2;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */",""])},63858:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* Styling Wrappers\n * These independent wrapper divs sit on top of the grid to facilitate the frozen column visual look.\n * Since columns are split vertically into 3 rows (head, body, foot) there is no singular element\n * that wraps to form a column for styling, so we create artificial ones.\n * Their width is calculated (js) to match the current width of the matching frozen column,\n * otherwise the rest of the positioning/styling is handled with CSS (as of this writing).\n*/\n:host {\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-freeze-style-border\n  * @default 1px solid #d6e9ff\n  * @see border\n  * @description Styles the border of the frozen column styling element\n  * @demoLink https://app.zingsoft.com/demos/create/PPZ5PJ0L\n  * @shadowOnly false\n  */\n  border: var(--zing-grid-freeze-style-border, 1px solid #d6e9ff);\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-freeze-style-box-shadow\n  * @default inset 0 0 6px #99caff\n  * @see box-shadow\n  * @description Styles the box-shadow of the frozen column styling element\n  * @demoLink https://app.zingsoft.com/demos/create/KNJN315S\n  * @shadowOnly false\n  */\n  box-shadow: var(--zing-grid-freeze-style-box-shadow, inset 0 0 6px #99caff);\n\tpointer-events: none;\n\tposition: absolute;\n\theight: 100%;\n\ttop: 0;\n\tz-index: 1;\n}",""])},22287:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  background-clip: padding-box;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-background\n  * @description Styles the background of head cells\n  * @see background\n  * @default transparent\n  * @demoLink https://app.zingsoft.com/demos/create/5217Z4FJ\n  * @shadowOnly false\n  */\n  background: var(--zg-head-cell-background);\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border\n  * @description Styles the border of head cells\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/SX3TZT8V\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-bottom\n  * @description Styles the bottom border of head cells\n  * @see border\n  * @default var(--zg-head-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/DGH901RE\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-head-cell-border-bottom, var(--zg-head-cell-border, 0));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-left\n  * @description Styles the left border of head cells\n  * @see border\n  * @default var(--zg-head-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/YCA4IWR7\n  * @shadowOnly false\n  */\n  border-left: var(--zg-head-cell-border-left, var(--zg-head-cell-border, 0));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-right\n  * @description Styles the right border of head cells\n  * @see border\n  * @default var(--zg-head-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/04L65K0J\n  * @shadowOnly false\n  */\n  border-right: var(--zg-head-cell-border-right, var(--zg-head-cell-border, 0));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-top\n  * @description Styles the top border of head cells\n  * @see border\n  * @default var(--zg-head-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/8M5QYK55\n  * @shadowOnly false\n  */\n  border-top: var(--zg-head-cell-border-top, var(--zg-head-cell-border, 0));\n  box-sizing: border-box;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-color\n  * @description Sets the font color of head cells\n  * @see color\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/MOTKNFI7\n  * @shadowOnly false\n  */\n  color: var(--zg-head-cell-color);\n  display: flex;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-font-family\n  * @description Sets the font family of head cells\n  * @see font-family\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/O1EIWZE1\n  * @shadowOnly false\n  */\n  font-family: var(--zg-head-cell-font-family);\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-font-size\n  * @description Sets the font size of head cells\n  * @see font-size\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/UWQF6LZV\n  * @shadowOnly false\n  */\n  font-size: var(--zg-head-cell-font-size, var(--zing-grid-font-size));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-font-weight\n  * @description Sets the font weight of head cells\n  * @see font-weight\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/2LOCXCAB\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-head-cell-font-weight, var(--zing-grid-font-weight, 500));\n  /* overflow: hidden; */\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-padding\n  * @description Sets the padding of head cells\n  * @see padding\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/YEEKXD9Z\n  * @shadowOnly false\n  */\n  padding: var(--zg-head-cell-padding);\n  position: relative;\n  text-align: left;\n  top: 0;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-transition\n  * @description Sets the transition of head cells\n  * @see transition\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/5VYSMZ3T\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  transition: var(--zg-head-cell-transition);\n  vertical-align: middle;\n  /* The z-index here and on zg-filter is necessary for vertical grid lines with frozen columns */\n  z-index: 1;\n}\n\n/* Hover */ \n:host(:hover) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-background_hover\n  * @description Styles the background of head cells on hover\n  * @see background\n  * @default var(--zg-head-cell-background\n  * @demoLink https://app.zingsoft.com/demos/create/I05OFWBJ\n  * @shadowOnly false\n  */\n  background: var(--zg-head-cell-background_hover, var(--zg-head-cell-background));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-color_hover\n  * @default var(--zg-head-cell-color)\n  * @description Sets the font color of head cells on hover\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/ICS004MX\n  * @shadowOnly false\n  */\n  color: var(--zg-head-cell-color_hover, var(--zg-head-cell-color));\n  /* Set so tooltip appears above other head cells */\n  z-index: 2;\n}\n\n\n\n/* SPLIT PARENT\n-------------------------------------- */\n/* Split header, dynamically generated parent cells */\n:host([parent][depth="1"]) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-background\n  * @description Styles the background of parent head cells\n  * @see background\n  * @default var(--zg-head-cell-background)\n  * @demoLink https://app.zingsoft.com/demos/create/34TZMCUN\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  background: var(--zg-head-cell-parent-background, var(--zg-head-cell-background));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-border\n  * @description Styles the border of parent head cells\n  * @see border\n  * @default var(--zg-head-cell-border-bottom, var(--zg-head-cell-border, 1px solid var(--theme-border-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/J34P5J1C\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-border-bottom\n  * @description Styles the bottom border of parent head cells\n  * @see border\n  * @default var(--zg-head-cell-parent-border, var(--zg-head-cell-border-bottom, var(--zg-head-cell-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/B0M2Q9JO\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  border-bottom: var(--zg-head-cell-parent-border-bottom, var(--zg-head-cell-parent-border, var(--zg-head-cell-border-bottom, var(--zg-head-cell-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-border-left\n  * @description Styles the left border of parent head cells\n  * @see border\n  * @default var(--zg-head-cell-parent-border, var(--zg-head-cell-border-left, var(--zg-head-cell-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/8HS4D09Y\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  border-left: var(--zg-head-cell-parent-border-left, var(--zg-head-cell-parent-border, var(--zg-head-cell-border-left, var(--zg-head-cell-border))));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-border-right\n  * @description Styles the right border of parent head cells\n  * @see border\n  * @default var(--zg-head-cell-parent-border, var(--zg-head-cell-border-right, var(--zg-head-cell-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/J0AQFH0Z\n  * @shadowOnly false\n  */\n  border-right: var(--zg-head-cell-parent-border-right, var(--zg-head-cell-parent-border, var(--zg-head-cell-border-right, var(--zg-head-cell-border))));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-border-top\n  * @description Styles the top border of parent head cells\n  * @see border\n  * @default var(--zg-head-cell-parent-border, var(--zg-head-cell-border-top, var(--zg-head-cell-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/ECL23JR1\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  border-top: var(--zg-head-cell-parent-border-top, var(--zg-head-cell-parent-border, var(--zg-head-cell-border-top, var(--zg-head-cell-border))));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-color\n  * @default var(--zg-head-cell-color)\n  * @description Sets the font color of parent head cells\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/0Z3W1AR3\n  * @shadowOnly false\n  */\n  color: var(--zg-head-cell-parent-color, var(--zg-head-cell-color));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-font-size\n  * @description Sets the font-size of parent head cells\n  * @see font-size\n  * @default var(--zg-head-cell-font-size)\n  * @demoLink https://app.zingsoft.com/demos/create/8BVKTKQO\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  font-size: var(--zg-head-cell-parent-font-size, var(--zg-head-cell-font-size));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-font-weight\n  * @description Sets the font weight of parent head cells\n  * @see font-weight\n  * @default var(--zg-h -cell-font-weight)\n  * @demoLink https://app.zingsoft.com/demos/create/T658V69Y\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  font-weight: var(--zg-head-cell-parent-font-weight, var(--zg-head-cell-font-weight));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-padding\n  * @description Sets the padding of parent head cells\n  * @see padding\n  * @default var(--zg-head-cell-padding)\n  * @demoLink https://app.zingsoft.com/demos/create/JAH3NI1F\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  padding: var(--zg-head-cell-parent-padding, var(--zg-head-cell-padding));\n}\n:host([parent][depth="1"]:hover) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-background_hover\n  * @description Styles the background of parent head cells on hover\n  * @see background\n  * @default var(--zg-head-cell-background_hover)\n  * @demoLink https://app.zingsoft.com/demos/create/Y16SOZ0Y\n  * @shadowOnly false\n  */\n  background: var(--zg-head-cell-parent-background_hover, var(--zg-head-cell-background_hover)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-color_hover\n  * @default var(--zg-head-cell-color_hover)\n  * @description Sets the font color of parent head cells on hover\n  * @default var(--zg-head-cell-color_hover, var(--zg-head-cell-color))\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/YSGAZGLF\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  color: var(--zg-head-cell-parent-color_hover, var(--zg-head-cell-color_hover, var(--zg-head-cell-color)));\n}\n/* Empty cell next to [parent] cells. Removed styling so they don\'t conflict w/ calcs */\n:host([not-parent]) {\n  padding: 0;\n}\n\n/* SPECIAL STYLING FOR \'SELECTOR\' TYPE\n---------------------------------------- */\n:host([type="selector"]) {\n  padding: 0;\n}\n\n\n/* DRAGGING\n-------------------------------------- */\n:host([column-drag]) {\n  cursor: move;\n}\n/* Style the current column that is being reordered with `[column-drag]` */\n:host(.is-reordering) {\n  background: var(--theme-background-color);\n}\n\n\n\n/* RESIZING\n-------------------------------------- */\n/* \n  Column Resizer\n  Hide on load. Only show if: \n  - Column header hovered \n  - ZG has [column-resizable-persistent]\n  - Individual ZGColumn has [resize-persistent]\n*/\n:host ::slotted(zg-column-resize) {\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity .15s;\n}\n:host([resize-persistent]) ::slotted(zg-column-resize),\n:host(:hover) ::slotted(zg-column-resize) {\n  opacity: 1;\n  visibility: visible;\n}\n\n\n\n/* ZING-GRID ALLOWED TO SORT COLUMNS\n-------------------------------------- */\n\n/* If current cell\'s \'column\' is currently sorted, allow custom column styling */\n:host([sort-asc]),\n:host([sort-desc]) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-background_sorted\n  * @description Styles the background of sorted head cells\n  * @see background\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/F7W6O5Y8\n  * @shadowOnly false\n  */\n  background: var(--zg-head-cell-background_sorted, inherit) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border_sorted\n  * @description Styles the border of sorted head cells\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/NJHYC5BT\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-bottom_sorted\n  * @description Styles the bottom border of sorted head cells\n  * @see border\n  * @default var(--zg-head-cell-border_sorted, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/7J8IXN3Q\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-head-cell-border-bottom_sorted, var(--zg-head-cell-border_sorted, 0)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-left_sorted\n  * @description Styles the left border of sorted head cells\n  * @see border\n  * @default var(--zg-head-cell-border_sorted, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/86HPGI9W\n  * @shadowOnly false\n  */\n  border-left: var(--zg-head-cell-border-left_sorted, var(--zg-head-cell-border_sorted, 0)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-right_sorted\n  * @description Styles the right border of sorted head cells\n  * @see border\n  * @default var(--zg-head-cell-border_sorted, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/PUMKY3AA\n  * @shadowOnly false\n  */\n  border-right: var(--zg-head-cell-border-right_sorted, var(--zg-head-cell-border_sorted, 0)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-top_sorted\n  * @description Styles the top border of sorted head cells\n  * @see border\n  * @default var(--zg-head-cell-border_sorted, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/CGQ6DGYI\n  * @shadowOnly false\n  */\n  border-top: var(--zg-head-cell-border-top_sorted, var(--zg-head-cell-border_sorted, 0)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-color_sorted\n  * @description Sets the font color of sorted head cells\n  * @default var(--zg-head-cell-color)\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/XZEPKE31\n  * @shadowOnly false\n  */\n  color: var(--zg-head-cell-color_sorted, var(--zg-head-cell-color)) !important;\n  z-index: 1;\n}\n\n/* Sorted Hover */\n:host([sort-asc]:hover),\n:host([sort-desc]:hover) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-background_sorted_hover\n  * @description Styles the background of sorted head cells on hover\n  * @see background\n  * @default var(--zg-head-cell-background_sorted, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/A4RMGO6M\n  * @shadowOnly false\n  */\n  background: var(--zg-head-cell-background_sorted_hover, var(--zg-head-cell-background_sorted, inherit)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-bottom_sorted_hover\n  * @description Styles the bottom border of sorted head cells on hover\n  * @see border\n  * @default var(--zg-head-cell-border-bottom_sorted, var(--zg-head-cell-border_sorted, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/9NEF2EKA\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-head-cell-border-bottom_sorted_hover, var(--zg-head-cell-border-bottom_sorted, var(--zg-head-cell-border_sorted, 0))) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-left_sorted_hover\n  * @description Styles the left border of sorted head cells on hover\n  * @see border\n  * @default var(--zg-head-cell-border-left_sorted, var(--zg-head-cell-border_sorted, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/U7Q6173N\n  * @shadowOnly false\n  */\n  border-left: var(--zg-head-cell-border-left_sorted_hover, var(--zg-head-cell-border-left_sorted, var(--zg-head-cell-border_sorted, 0))) !important;\n  border-right: var(--zg-head-cell-border-right_sorted, var(--zg-head-cell-border-right_sorted, var(--zg-head-cell-border_sorted, 0))) !important;\n  border-top: var(--zg-head-cell-border-top_sorted, var(--zg-head-cell-border-top_sorted, var(--zg-head-cell-border_sorted, 0))) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-color_sorted_hover\n  * @description Sets the font color of sorted head cells on hover\n  * @default var(--zg-head-cell-color_sorted, var(--zg-head-cell-color))\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/FKHQA0MI\n  * @shadowOnly false\n  */\n  color: var(--zg-head-cell-color_sorted_hover, var(--zg-head-cell-color_sorted, var(--zg-head-cell-color))) !important;\n}\n\n/* <zg-head-cell>s that aren\'t sortable shouldn\'t get a hover color */\n:host([sort="false"]:hover) {\n  background: var(--zg-head-cell-background, transparent);\n  border-bottom: var(--zg-head-cell-border-bottom, var(--zg-head-cell-border, 0));\n  border-left: var(--zg-head-cell-border-left, var(--zg-head-cell-border, 0));\n  border-right: var(--zg-head-cell-border-right, var(--zg-head-cell-border, 0));\n  border-top: var(--zg-head-cell-border-top, var(--zg-head-cell-border, 0));\n}\n:host([sort="false"][parent]:hover) {\n  background: var(--zg-head-cell-parent-background_hover) !important;\n  border-bottom: var(--zg-head-cell-parent-border-bottom_hover, var(--zg-head-cell-parent-border_hover));\n  border-left: var(--zg-head-cell-parent-border-left_hover, var(--zg-head-cell-parent-border_hover));\n  border-right: var(--zg-head-cell-parent-border-right_hover, var(--zg-head-cell-parent-border_hover));\n  border-top: var(--zg-head-cell-parent-border-top_hover, var(--zg-head-cell-parent-border_hover));\n}\n\n/* Hide if \'hidden\' attribute applied */\n:host([hidden]) {\n  display: none;\n}\n\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Inner Cell Wrapper */\n.zg-head-cell {\n  display: flex;\n  width: 100%;\n}\n/* \'Selector\' checkbox cell */\n:host([type="selector"]) .zg-head-cell {\n  align-items: center;\n  display: flex;\n}\n\n/* Inner Wrapper */\n.zg-head-cell-inner {\n  align-items: center;\n  display: inline-flex;\n  height: 100%;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-justify-content\n  * @description Sets the horizontal alignment of contents in head cells\n  * @see justify-content\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/M1I5BGRD\n  * @shadowOnly true\n  */\n  justify-content: var(--zg-head-cell-justify-content);\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-inner-padding\n  * @description Sets the padding of head cells inner content\n  * @see padding\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/KW2O5OZH\n  * @shadowOnly false\n  */\n  padding: var(--zg-head-cell-inner-padding);\n  vertical-align: middle;\n  width: 100%;\n}\n/* CELL ALIGNMENT */\n/* Center (If not a parent (not multi-header rows), or is a parent header, but not the first depth) */\n:host([align="center"]:not([parent])) .zg-head-cell-inner,\n:host([align="center"][parent]:not([depth="1"])) .zg-head-cell-inner {\n  justify-content: center;\n}\n/* Left (If not a parent (not multi-header rows), or is a parent header, but not the first depth) */\n:host([align="left"]:not([parent])) .zg-head-cell-inner,\n:host([align="left"][parent]:not([depth="1"])) .zg-head-cell-inner {\n  justify-content: flex-start;\n}\n/* Right (If not a parent (not multi-header rows), or is a parent header, but not the first depth) */\n:host([align="right"]:not([parent])) .zg-head-cell-inner,\n:host([align="right"][parent]:not([depth="1"])) .zg-head-cell-inner {\n  justify-content: flex-end;\n}\n\n\n\n/* TOOLTIP - ALL\n-------------------------------------- */\n:host([tooltip-type]) {\n  line-height: normal !important;\n}\n/* For testing and unit tests, so tooltip when the header cell has `.hover` applied */\n:host(.hover) ::slotted(zg-tooltip) {\n  display: block;\n}\n\n\n/* TOOLTIP - \'INFO\' TYPE STYLING\n-------------------------------------- */\n/* Info Icon Styling */\n:host([tooltip-type]) ::slotted(zg-icon) {\n  flex: none;\n}\n/* Type: Click */\n:host([tooltip-action="click"]) ::slotted(zg-icon) {\n  cursor: pointer;\n}\n\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* SORT ICON */\n:host ::slotted(.zg-head-icon) {\n  overflow: hidden;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-icon-margin\n  * @description Sets the margin of child icons in head cells\n  * @default Browser\'s default value\n  * @see margin\n  * @demoLink https://app.zingsoft.com/demos/create/GGPPE0Q1\n  * @shadowOnly false\n  */\n  margin: var(--zg-head-cell-icon-margin);\n  transform: scale(.8);\n  transition: width .2s cubic-bezier(.05,.69,.14,1);\n}\n/* Auto-hide and set null footprint for icon\'s without a [name] set */\n:host ::slotted(.zg-head-icon:not([name])) {\n  display: none;\n  width: 1px;\n}\n/* When it actually has an icon [type] */\n:host ::slotted(.zg-head-icon[name]) {\n  display: initial;\n}\n\n/* Keep on the right edge when grid set to `[dir="rtl"]` */\n:host([dir="rtl"]) ::slotted(.zg-head-icon) {\n  margin-right: 0;\n  margin-left: 3px;\n  transform:translateX(5px);\n}\n:host([align="left"][dir="rtl"]) ::slotted(.zg-head-icon[name]),\n:host([align="right"][dir="rtl"]) ::slotted(.zg-head-icon[name]) {\n  margin-left: 0;\n}\n:host([align="center"]:not([dir="rtl"])) ::slotted(.zg-head-icon[name]) {\n  margin-right: auto;\n}\n\n:host([not-parent]) ::slotted(.zg-head-icon) {\n  display:none;\n}\n\n/* When column is sorted */\n:host ::slotted([name="down"]),\n:host ::slotted([name="up"]) {\n  overflow: visible;\n  transform: scale(1);\n  width: var(--zg-icon-width) !important;\n}\n:host ::slotted([name="down"]) svg,\n:host ::slotted([name="up"]) svg {\n  fill: var(--zg-icon-color_sorted, inherit);\n}\n\n:host([not-parent]) ::slotted(.zg-head-icon) {\n  display:none;\n}\n\n\n/* CELL TEXT */\n:host ::slotted([data-field-index]) {\n  line-height: var(--zg-head-cell-data-line-height, 1.1);\n  position: relative;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  z-index: 1;\n}\n\n\n/* \n  When the header text is wider than the column width, set items to allow ellipses and to cutoff the text.\n  Note: we must unset the position or the tooltip will be cutoff as well.\n  Since the text goes all the way to the right edge, the tooltip changes from being placed right next to the text \n  (default behavior and why we removed overflow:hidden from always applying) to being placed at the right of the cell.\n*/\n:host([is-content-longer]) ::slotted([data-field-index]) {\n  overflow: hidden;\n  position: unset;\n}\n:host([type="selector"]:not([layout="card"])) ::slotted([data-field-index]) {\n  height: 100%;\n  line-height: 1;\n  width: 100%;\n  z-index: 1;\n}\n/* Column set to `align="right"` */\n:host([align="right"]:not([dir="rtl"])) ::slotted([data-field-index]) {\n  margin-left: auto;\n}\n:host([align="right"][dir="rtl"][tooltip-icon-position="after-text"]) ::slotted([data-field-index]),\n:host([align="right"][dir="rtl"][tooltip-icon-position="right"]) ::slotted([data-field-index]) {\n  flex: 1;\n}\n/* Column set to `align="center"` */\n:host([align="center"][tooltip-icon-position="left"]) ::slotted([data-field-index]),\n:host([align="center"][tooltip-icon-position="right"]) ::slotted([data-field-index]) {\n  flex: 1;\n  text-align: center;\n}\n\n\n/* DETAILS ICON (TOOLTIP) */\n:host ::slotted(.zg-head-details-icon) {\n  cursor: default !important;\n  flex: 1 0 auto;\n  overflow: hidden;\n  margin: 0;\n  transform: scale(.8) translate(4px, -1px);\n  transition: width .2s cubic-bezier(.05,.69,.14,1);\n}\n:host([tooltip-action="click"]) ::slotted(.zg-head-details-icon) {\n  cursor: pointer !important;\n}\n/* Auto-hide and set null footprint for icon\'s without a [name] set */\n:host ::slotted(.zg-head-details-icon:not([name])) {\n  display: none;\n  width: 1px;\n}\n\n\n/* POSITION: AFTER TEXT */\n:host ::slotted(.zg-head-details-icon[position="after-text"]) {\n  order: 1;\n}\n\n:host([align="center"]:not([dir="rtl"])) ::slotted(.zg-head-details-icon[position="after-text"]) {\n  /*  This makes the header text not be centered.  I don\'t know what it is used for\n  margin-right: auto;\n  */\n}\n:host([dir="rtl"]) ::slotted(.zg-head-details-icon[position="after-text"]) {\n  margin-right: 6px;\n}\n:host([align="right"][dir="rtl"]) ::slotted(.zg-head-details-icon[position="after-text"]) {\n  margin-left: -6px;\n}\n\n\n/* POSITION: LEFT-EDGE */\n:host ::slotted(.zg-head-details-icon[position="left"]) {\n  margin-right: 6px;\n  margin-left: -6px;\n}\n:host([align="center"]) ::slotted(.zg-head-details-icon[position="left"]) {\n  margin-right: auto;\n}\n:host([align="center"]:not([dir="rtl"])) ::slotted(.zg-head-details-icon[position="left"]) {\n  margin-left: -2px;\n}\n:host([align="left"][dir="rtl"]) ::slotted(.zg-head-details-icon[position="left"]) {\n  margin-left: 0;\n  margin-right: 0;\n}\n:host([align="right"][dir="rtl"]) ::slotted(.zg-head-details-icon[position="left"]) {\n  margin-left: auto;\n  margin-right: 0;\n}\n\n\n/* POSITION: RIGHT-EDGE */\n:host ::slotted(.zg-head-details-icon[position="right"]) {\n  order: 1;\n  margin-left: auto;\n}\n:host([dir="rtl"]) ::slotted(.zg-head-details-icon[position="right"]) {\n  margin-left: -6px;\n  margin-right: auto;\n}\n:host([align="right"]) ::slotted(.zg-head-details-icon[position="right"]) {\n  margin-left: 0;\n}\n\n:host([align="right"][dir="rtl"]) ::slotted(.zg-head-details-icon[position="right"]) {\n  margin-left: -6px;\n  margin-right: 6px;\n}\n',""])},19826:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-background\n  * @description Styles the background of grid head rows\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/CO1P3ZJI\n  * @shadowOnly false\n  */\n  background: var(--zg-head-background);\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border\n  * @description Styles the border of grid head rows\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/12I3VYOI\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border-bottom\n  * @description Styles the bottom border of grid head rows\n  * @see border\n  * @default var(--zg-head-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/4G7I1G9M\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-head-border-bottom, var(--zg-head-border, 0));\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border-left\n  * @description Styles the left border of grid head rows\n  * @see border\n  * @default var(--zg-head-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/CM2MSBIS\n  * @shadowOnly false\n  */\n  border-left: var(--zg-head-border-left, var(--zg-head-border, 0));\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border-right\n  * @description Styles the right border of grid head rows\n  * @see border\n  * @default var(--zg-head-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/89L6VL2X\n  * @shadowOnly false\n  */\n  border-right: var(--zg-head-border-right, var(--zg-head-border, 0));\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border-top\n  * @description Styles the top border of grid head rows\n  * @see border\n  * @default var(--zg-head-border)\n  * @demoLink https://app.zingsoft.com/demos/create/Y25A4K13\n  * @shadowOnly false\n  */\n  border-top: var(--zg-head-border-top, var(--zg-head-border));\n  display: block;\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border-radius\n  * @description Styles the border-radius of grid head rows\n  * @see border-radius\n  * @default var(--zg-head-border-radius)\n  * @demoLink https://app.zingsoft.com/demos/create/Y25A4K13\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-head-border-radius, 0);\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-visibility\n  * @description Sets the visibility of grid head rows\n  * @see visibility\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6LA6GMQ7\n  * @shadowOnly false\n  */\n  visibility: var(--zg-head-visibility);\n  box-sizing: border-box;\n}\n\n/* SLOTTED\n-------------------------------------- */\n/* Layout: Card */\n:host([layout=\"card\"]) {\n    display: none;\n}\n\n/* All Rows */\n:host ::slotted(zg-row) {\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background\n  * @description Styles the background of grid head rows\n  * @see background\n  * @default var(--zg-head-background)\n  * @demoLink https://app.zingsoft.com/demos/create/T8UI8JED\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background, var(--zg-head-background));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-border\n  * @description Styles the border of row\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/W9UFLHOX\n  * @default 0\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-border-bottom\n  * @description Styles the bottom border of row\n  * @see border\n  * @default var(--zg-row-border, var(--zg-row-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/6ZQGCDWL\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-border\n  * @description Styles the border of grid head rows\n  * @see border\n  * @default var(--zg-row-border-bottom, var(--zg-row-border, var(--zg-row-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/8GTM3CE7\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-border-bottom\n  * @description Styles the bottom border of grid head rows\n  * @see border\n  * @default var(--zg-row-head-border, var(--zg-row-border-bottom, var(--zg-row-border, var(--zg-row-border, 0))))\n  * @demoLink https://app.zingsoft.com/demos/create/UG4IJY7N\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-row-head-border-bottom, var(--zg-row-head-border, var(--zg-row-border-bottom, var(--zg-row-border, var(--zg-row-border, 0)))));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-border-left\n  * @description Styles the left border of grid head rows\n  * @see border\n  * @default var(--zg-row-head-border, var(--zg-row-border-left, var(--zg-row-border, var(--zg-row-border, 0))))\n  * @demoLink https://app.zingsoft.com/demos/create/FN1JN1YH\n  * @shadowOnly false\n  */\n  border-left: var(--zg-row-head-border-left, var(--zg-row-head-border, var(--zg-row-border-left, var(--zg-row-border, var(--zg-row-border, 0)))));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-border-right\n  * @description Styles the right border of grid head rows\n  * @see border\n  * @default var(--zg-row-head-border, var(--zg-row-border-right, var(--zg-row-border, var(--zg-row-border, 0))))\n  * @demoLink https://app.zingsoft.com/demos/create/B52RNC1C\n  * @shadowOnly false\n  */\n  border-right: var(--zg-row-head-border-right, var(--zg-row-head-border, var(--zg-row-border-right, var(--zg-row-border, var(--zg-row-border, 0)))));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-border-top\n  * @description Styles the top border of grid head rows\n  * @see border\n  * @default var(--zg-row-head-border, var(--zg-row-border-top, var(--zg-row-border, var(--zg-row-border, 0))))\n  * @demoLink https://app.zingsoft.com/demos/create/9WUUNY7A\n  * @shadowOnly false\n  */\n  border-top: var(--zg-row-head-border-top, var(--zg-row-head-border, var(--zg-row-border-top, var(--zg-row-border, var(--zg-row-border, 0)))));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color\n  * @description Styles the font color of grid head rows\n  * @default var(--zg-row-color)\n  * @demoLink https://app.zingsoft.com/demos/create/XNSFRPXK\n  * @see color\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color, var(--zg-row-color));\n  display: flex;\n  position: relative;\n}\n\n:host ::slotted(zg-row:hover) {\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background_hover\n  * @description Styles the background of grid head rows on hover\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/WEG2YAI2\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background_hover);\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color_hover\n  * @description Styles the font color of grid head rows on hover\n  * @see color\n  * @default var(--zg-row-color_hover)\n  * @demoLink https://app.zingsoft.com/demos/create/AB7QQ2HJ\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color_hover, var(--zg-row-color_hover));\n}\n/* Even Rows */\n:host ::slotted(zg-row:nth-of-type(even)) {\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background_even\n  * @description Styles the background of 'even' grid head rows\n  * @see background\n  * @default var(--zg-row-head-background, var(--zg-head-background))\n  * @demoLink https://app.zingsoft.com/demos/create/SFSLBH2B\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background_even, var(--zg-row-head-background, var(--zg-head-background)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color_even\n  * @description Styles the font color of 'even' grid head rows\n  * @see color\n  * @default var(--zg-row-head-color, var(--zg-row-color))\n  * @demoLink https://app.zingsoft.com/demos/create/MVTLQ6OY\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color_even, var(--zg-row-head-color, var(--zg-row-color)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-height_even\n  * @description Sets the height of 'even' grid head rows\n  * @see height\n  * @default var(--zg-row-head-height, var(--zg-row-height))\n  * @demoLink https://app.zingsoft.com/demos/create/ZJKCHBEN\n  * @shadowOnly false\n  */\n  min-height: var(--zg-row-head-height_even, var(--zg-row-head-height, var(--zg-row-height)));\n}\n:host ::slotted(zg-row:nth-of-type(even):hover) {\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background_even_hover\n  * @description Styles the background of 'even' grid head rows on hover\n  * @see background\n  * @default var(--zg-row-head-background_hover, var(--zg-head-background_hover))\n  * @demoLink https://app.zingsoft.com/demos/create/NTNFHUQO\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background_even_hover, var(--zg-row-head-background_hover, var(--zg-head-background_hover)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color_even_hover\n  * @description Styles the font color of 'even' grid head rows on hover\n  * @see color\n  * @default var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/R7N097DV\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color_even_hover, var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n/* Odd Rows */\n:host ::slotted(zg-row:nth-of-type(odd)) {\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background_odd\n  * @description Styles the background of 'odd' grid head rows\n  * @see background\n  * @default var(--zg-row-head-background, var(--zg-head-background))\n  * @demoLink https://app.zingsoft.com/demos/create/P3C6STNW\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background_odd, var(--zg-row-head-background, var(--zg-head-background)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color_odd\n  * @description Sets the font color of 'odd' grid head rows\n  * @see color\n  * @default var(--zg-row-head-color, var(--zg-row-color))\n  * @demoLink https://app.zingsoft.com/demos/create/ORCFAHM5\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color_odd, var(--zg-row-head-color, var(--zg-row-color)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-height_odd\n  * @description Sets the height of 'odd' grid head rows\n  * @see height\n  * @default var(--zg-row-head-height, var(--zg-row-height))\n  * @demoLink https://app.zingsoft.com/demos/create/HR7CPKI6\n  * @shadowOnly false\n  */\n  min-height: var(--zg-row-head-height_odd, var(--zg-row-head-height, var(--zg-row-height)));\n}\n:host ::slotted(zg-row:nth-of-type(odd):hover){\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background_odd_hover\n  * @description Styles the background of 'odd' grid head rows on hover\n  * @see background\n  * @default var(--zg-row-head-background_hover, var(--zg-head-background_hover))\n  * @demoLink https://app.zingsoft.com/demos/create/V416TJNV\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background_odd_hover, var(--zg-row-head-background_hover, var(--zg-head-background_hover)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color_odd_hover\n  * @description Styles the font color of 'odd' grid head rows on hover\n  * @see color\n  * @default var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/CFKT71C3\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color_odd_hover, var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n\n/* First Row styling */\n:host ::slotted(zg-row:first-of-type){\n  border-radius: var(--zg-head-border-radius, 0);\n}\n\n/*  Vertical gridlines still need horizontal gridlines in header */\n:host ::slotted(zg-row:last-child[gridlines-vertical]) {\n  --zg-row-head-border-bottom: 1px solid var(--theme-border-color);\n  --zg-cell-border-bottom_aggregate: 1px solid var(--theme-border-color);\n  --zg-cell-border-bottom_frozen: 1px solid var(--theme-border-color);\n}\n\n:host ::slotted(zg-row:last-child[gridlines-horizontal]) {\n  --zg-row-head-border-bottom: unset;\n  --zg-cell-border-bottom_aggregate: unset;\n  --zg-cell-border-bottom_frozen: unset;\n}\n\n/* ZG-FILTER */\n:host ::slotted(zg-row[type=\"filter\"]),\n:host ::slotted(zg-row[type=\"filter\"]:hover) {\n  min-height: var(--zg-filter-height);\n  background: var(--zg-row-background_filter, var(--zg-row-background, auto));\n  /*  Had to remove this line for ticket #652\n  border-top: var(--zg-filter-border-top, var(--zg-filter-border, 1px solid var(--theme-border-color))); */\n}\n\n/* AGGREGATE */\n:host ::slotted(zg-row[type=aggregate]),\n:host ::slotted(zg-row[type=aggregate]:hover) {\n  background: var(--zg-row-background_head_aggregate, var(--zg-row-background_aggregate, var(--zg-row-background, auto)));\n  border-bottom: var(--zg-cell-border-bottom_aggregate, var(--zg-cell-border-bottom, var(--zg-cell-border, 0)));\n  border-left: var(--zg-cell-border-left_aggregate, var(--zg-cell-border-left, var(--zg-cell-border, 0)));\n  border-right: var(--zg-cell-border-right_aggregate, var(--zg-cell-border-right, var(--zg-cell-border, 0)));\n  border-top: var(--zg-cell-border-top_aggregate, var(--zg-cell-border-top, var(--zg-cell-border, 0)));\n  color: var(--zg-row-color_head_aggregate, var(--zg-row-color_aggregate, var(--zg-row-color, auto)));\n  min-height: var(--zg-row-height_head_aggregate, var(--zg-row-height_aggregate, var(--zg-row-height, auto)));\n}\n\n/* FROZEN */\n:host ::slotted(zg-row[type=frozen]),\n:host ::slotted(zg-row[type=frozen]:hover) {\n  background: var(--zg-row-background_head_frozen, var(--zg-row-background_frozen, var(--zg-row-background, auto)));\n  border-bottom: var(--zg-cell-border-bottom_frozen, var(--zg-cell-border-bottom, var(--zg-cell-border, 0)));\n  border-left: var(--zg-cell-border-left_frozen, var(--zg-cell-border-left, var(--zg-cell-border, 0)));\n  border-right: var(--zg-cell-border-right_frozen, var(--zg-cell-border-right, var(--zg-cell-border, 0)));\n  border-top: var(--zg-cell-border-top_frozen, var(--zg-cell-border-top, var(--zg-cell-border, 0)));\n  color: var(--zg-row-color_head_frozen, var(--zg-row-color_frozen, var(--zg-row-color, auto)));\n}\n\n/*  In the case of zebra, we have to set the class so that we can use the header and footer data rows */\n:host ::slotted(zg-row.zebra-2) {\n  background: var(--theme-background-zebra, var(--zg-row-head-background, var(--zg-head-background)));\n}\n\n:host ::slotted(zg-row[internal-top]) {\n  border-top: 0px;\n}\n",""])},40786:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-background\n  * @description Styles the background of header\n  * @default Browser's default value\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/RNK9KGL1\n  * @shadowOnly false\n  */\n  background: var(--zg-header-background);\n   /**\n  * @memberof ZGHeader\n  * @var --zg-header-border\n  * @description Styles the border of header\n  * @default 0\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/D3AD1LTZ\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-border-bottom\n  * @description Styles the bottom border of header\n  * @default var(--zg-header-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/ZOYVLTTM\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-header-border-bottom, var(--zg-header-border, 0));\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-border-left\n  * @description Styles the left border of header\n  * @default var(--zg-header-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/AMLDCFOE\n  * @shadowOnly false\n  */\n  border-left: var(--zg-header-border-left, var(--zg-header-border, 0));\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-border-right\n  * @description Styles the right border of header\n  * @default var(--zg-header-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/XCB64506\n  * @shadowOnly false\n  */\n  border-right: var(--zg-header-border-right, var(--zg-header-border, 0));\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-border-top\n  * @description Styles the top border of header\n  * @default var(--zg-header-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/7UN98I97\n  * @shadowOnly false\n  */\n  border-top: var(--zg-header-border-top, var(--zg-header-border, 0));\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-border-radius\n  * @description Applies border radius to header\n  * @default 0\n  * @see border-radius\n  * @demoLink https://app.zingsoft.com/demos/create/J5P8R36J\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-header-border-radius, 0);\n  display: block;\n  z-index: 2;\n}",""])},29039:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  display: inline-block;\n  /**\n  * @memberof ZGIcon\n  * @var --zg-icon-height\n  * @description Sets the height of icon. Also set width using --zg-icon-width to scale icon.\n  * @see height\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/35ELYFHO\n  * @shadowOnly false\n  */\n  height: var(--zg-icon-height);\n  line-height: 1rem;\n  overflow: hidden;\n  position: relative;\n  vertical-align: top;\n  /**\n  * @memberof ZGIcon\n  * @var --zg-icon-width\n  * @description Sets the width of icon. Also set height using --zg-icon-height to scale icon.\n  * @see width\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/QN5FK1OU\n  * @shadowOnly false\n  */\n  width: var(--zg-icon-width);\n}\n:host([hidden]) {\n  display: none;\n}\n\n/* If it has [init], set the child svg color to a muted color */\n:host([init]) ::slotted(svg) {\n  /**\n  * @memberof ZGIcon\n  * @var --zg-icon-init-fill\n  * @description Sets fill color of icon when element has\n  * [init] attribute. This indicates that column is sortable.\n  * The [init] is removed when column is sorted.\n  * @default Browser\'s default value\n  * @see fill\n  * @demoLink https://app.zingsoft.com/demos/create/K3C0AD5K\n  * @shadowOnly false\n  */\n  fill: var(--zg-icon-init-fill) !important;\n}\n\n/* CURSOR-BASED PAGINATION STYLING\n-------------------------------------- */\n:host([type="cursor"]) ::slotted(svg) {\n  --zg-icon-color: #fff;\n  transform: translateX(1px);\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(*) {\n  pointer-events: none;\n}\n\n/* Default SVG */\n:host ::slotted(svg) {\n  /**\n  * @memberof ZGIcon\n  * @var --zg-icon-color\n  * @description Sets the fill color of icon\n  * @see fill\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/QP3CK186\n  * @shadowOnly false\n  */\n  fill: var(--zg-icon-color, var(--theme-color-primary));\n}\n:host:not([internal-status]) ::slotted(svg) {\n  height: inherit;\n  left: 0;\n  pointer-events: none;\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n/* \n  Do not fill the parent svg for some icons \n  See conditional in ZGIcon.js (\'deselect\')\n*/\n:host ::slotted(svg[no-fill]) {\n  fill: none;\n}\n\n/* FONT AWESOME */\n/* User-defined FONT AWESOME (Ex: <zing-grid icon-set="fontawesome") */\n/* Format: <i class="fas fa-exclamation-circle"></i> */\n/* \'.fas\' is the consistent item so we trigger that */\n:host ::slotted(.fas) {\n  color: var(--zg-icon-color, var(--theme-color-primary));\n}\n:host ::slotted(.fas):before {\n  font-size: calc(var(--zg-icon-width) - 2px);\n}\n\n/* WHEN SLOTTED INTO OTHER COMPONENTS\n---------------------------------------- */\n\n/* ZG-CAPTION: <zg-caption> */\n:host([internal-caption]) {\n  align-self: var(--zg-caption-toolbar-align-self, var(--zg-caption-align-items, center));\n  /* For internal use only */\n  height: var(--zg-caption-icon-height, var(--zg-icon-height));\n  /* For internal use only */\n  width: var(--zg-caption-icon-width, var(--zg-icon-width));\n}\n\n:host([internal-caption]) ::slotted(svg) {\n  /* For internal use only */\n  fill: var(--zg-caption-icon-color, var(--zg-icon-color));\n}\n\n/* ZG-HEAD-CELL: <zg-head-cell> */\n/* -- When cell is currently sorted */\n:host([sort-asc]) ::slotted(svg),\n:host([sort-desc]) ::slotted(svg) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-icon-color_sorted\n  * @description Sets the fill color of icon in sorted head cells\n  * @see fill\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/I4QTA64O\n  * @shadowOnly false\n  */\n  fill: var(--zg-head-cell-icon-color_sorted, var(--theme-color));\n}\n\n/* ZG-STATUS: <zg-status> */\n:host([internal-status]) ::slotted(svg) {\n  /* For internal use only */\n  fill: var(--zg-status-icon-color, #fff);\n}\n\n:host([name="info"]),\n:host([internal-cell]) {\n  vertical-align: middle;\n}',""])},11516:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host([action]) {\n  display: block;\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-height\n  * @description Sets the height of input field\n  * @see height\n  * @default 28px\n  * @demoLink https://app.zingsoft.com/demos/create/B0P81J0Q\n  * @shadowOnly true\n  */\n  height: var(--zg-input-height, 28px);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-width\n  * @description Sets the width of input field\n  * @see width\n  * @default 28px\n  * @demoLink https://app.zingsoft.com/demos/create/SCCSW2QV\n  * @shadowOnly true\n  */\n  width: var(--zg-input-width, 28px);\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(input) {\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-background\n  * @description Styles the background of input field\n  * @see background\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/QTKU281K\n  * @shadowOnly false\n  */\n  background: var(--zg-input-background, #fff);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border\n  * @description Styles the border of input field\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/DDD2BCSL\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-bottom\n  * @description Styles the bottom border of input field\n  * @see border\n  * @default var(--zg-input-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/MDMU28K6\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-input-border-bottom, var(--zg-input-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-left\n  * @description Styles the left border of input field\n  * @see border\n  * @default var(--zg-input-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/JLCD44RA\n  * @shadowOnly false\n  */\n  border-left: var(--zg-input-border-left, var(--zg-input-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-right\n  * @description Styles the right border of input field\n  * @see border\n  * @default var(--zg-input-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/8A95H8P7\n  * @shadowOnly false\n  */\n  border-right: var(--zg-input-border-right, var(--zg-input-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-top\n  * @description Styles the top border of input field\n  * @see border\n  * @default var(--zg-input-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/LCS35KDI\n  * @shadowOnly false\n  */\n  border-top: var(--zg-input-border-top, var(--zg-input-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-radius\n  * @description Applies a border radius to the input\n  * @default Browser's default value\n  * @see border-radius\n  * @demoLink https://app.zingsoft.com/demos/create/EPJYLC6I\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-input-border-radius);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-box-shadow\n  * @description Applies a box shadow behind input field\n  * @see box-shadow\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/18VIQFAN\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-input-box-shadow, none);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-color\n  * @description Sets the font color of input field\n  * @see color\n  * @default var(--zing-grid-color, var(--theme-color))\n  * @demoLink https://app.zingsoft.com/demos/create/XOU2K69C\n  * @shadowOnly false\n  */\n  color: var(--zg-input-color, var(--theme-color_alt));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-font-family\n  * @description Sets the font family of input field\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/T5ZCU5MK\n  * @shadowOnly false\n  */\n  font-family: var(--zg-input-font-family, inherit);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-font-size\n  * @description Sets the font size of input field\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/2N4JCUM7\n  * @shadowOnly false\n  */\n  font-size: var(--zg-input-font-size, var(--theme-font-size));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-font-style\n  * @description Sets the font style of input field\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/23LLZSPN\n  * @shadowOnly false\n  */\n  font-style: var(--zg-input-font-style, inherit);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-font-weight\n  * @description Sets the font weight of input field\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/D4KPNBOE\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-input-font-weight, inherit);\n  height: var(--zg-input-height, 28px);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-line-height\n  * @description Sets the line height of input field\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/4S3RA0D1\n  * @shadowOnly true\n  */\n  line-height: var(--zg-input-line-height, inherit);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-margin\n  * @description Sets the margin of input field\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/QIT4GPWJ\n  * @shadowOnly false\n  */\n  margin: var(--zg-input-margin, 0);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-padding\n  * @description Sets the padding of input field\n  * @see padding\n  * @default 0 6px\n  * @demoLink https://app.zingsoft.com/demos/create/6YX1BW65\n  * @shadowOnly false\n  */\n  padding: var(--zg-input-padding, 0 6px);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-text-align\n  * @description Sets the text alignment of input field\n  * @see text-align\n  * @default center\n  * @demoLink https://app.zingsoft.com/demos/create/19KNP52I\n  * @shadowOnly false\n  */\n  text-align: var(--zg-input-text-align, left);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-transform\n  * @description Sets the transform of input field\n  * @see transform\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/OSSRVJZZ\n  * @shadowOnly false\n  */\n  transform: var(--zg-input-transform);\n\n  width: var(--zg-input-width, auto);\n}\n\n:host([action]) ::slotted(input) {\n  color: var(--zg-input-color, var(--theme-color));\n  font-size: var(--zg-input-font-size, inherit);\n  padding: var(--zg-input-padding, 0);\n  text-align: center;\n  width: var(--zg-input-width, 100%);\n}\n\n:host ::slotted(input:focus) {\n  background: var(--zg-input-background_focus, #fff);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border_focus\n  * @description Styles the border of input field on focus\n  * @see border\n  * @default 1px solid rgba(82, 168, 236, 0.8)\n  * @demoLink https://app.zingsoft.com/demos/create/I3GK9SS3\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-bottom_focus\n  * @description Styles the bottom border of input field on focus\n  * @see border\n  * @default var(--zg-input-border_focus, 1px solid rgba(82, 168, 236, 0.8))\n  * @demoLink https://app.zingsoft.com/demos/create/2SM40FSO\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-input-border-bottom_focus, var(--zg-input-border_focus, var(--zg-input-border-bottom, var(--zg-input-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-left_focus\n  * @description Styles the left border of input field on focus\n  * @see border\n  * @default var(--zg-input-border_focus, )))\n  * @demoLink https://app.zingsoft.com/demos/create/FQ51FTQF\n  * @shadowOnly false\n  */\n  border-left: var(--zg-input-border-left_focus, var(--zg-input-border_focus, var(--zg-input-border-left, var(--zg-input-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-right_focus\n  * @description Styles the right border of input field in modal on focus\n  * @see border\n  * @default var(--zg-input-border_focus, )))\n  * @demoLink https://app.zingsoft.com/demos/create/11XL0MH6\n  * @shadowOnly false\n  */\n  border-right: var(--zg-input-border-right_focus, var(--zg-input-border_focus, var(--zg-input-border-right, var(--zg-input-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-top_focus\n  * @description Styles the top border of input field in modal on focus\n  * @see border\n  * @default var(--zg-input-border_focus, )))\n  * @demoLink https://app.zingsoft.com/demos/create/BLSGA86T\n  * @shadowOnly false\n  */\n  border-top: var(--zg-input-border-top_focus, var(--zg-input-border_focus, var(--zg-input-border-top, var(--zg-input-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-color_focus\n  * @description Sets the font color of input field in modal on focus\n  * @see color\n  * @default var(--zg-input-color)\n  * @demoLink https://app.zingsoft.com/demos/create/62OIL7CR\n  * @shadowOnly false\n  */\n  color: var(--zg-input-color_focus, var(--zg-input-color, var(--theme-color_alt)));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-font-size_focus\n  * @description Sets the font size of input field on focus\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/BPE8TYD5\n  * @shadowOnly false\n  */\n  font-size: var(--zg-input-font-size_focus, var(--zg-input-font-size, var(--theme-font-size)));\n  /*outline: 0;*/\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-transform_focus\n  * @description Sets the transform of input field in modal on focus\n  * @see transform\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/ZCZMD7I3\n  * @shadowOnly false\n  */\n  transform: var(--zg-input-transform_focus);\n}\n",""])},59735:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* Hide if it has [hidden] attribute */\n:host { \n  align-items: center;\n  display: flex;\n}\n:host([hidden]) { display:none; }\n\n\n/* SLOTTED ELEMENTS\n---------------------------------------- */\n/* Select All cell */\n:host ::slotted(zg-checkbox) {\n  margin-left: 6px;\n  font-size: 90%;\n}\n/* \'Cards\' label */\n:host ::slotted(zg-text) {\n  font-size: 90%;\n  margin-right: 5px;\n}\n/* Layout Control Buttons */\n:host ::slotted(zg-button) {\n  border-radius: 3px;\n  margin-left: 2px;\n}\n:host ::slotted(zg-button[action="layoutcard"]) {\n  transform: translateY(3.0px);\n}\n:host ::slotted(zg-button[action="layoutrow"]) {\n  transform: translateY(2.5px);\n}',""])},49042:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n\n/* Add styles to internally-appended load-mask only.\nUser-added markup on load will not have styling they need to overwrite */\n:host([default-load-mask]) {\n  align-items: center;\n  background: rgba(115, 142, 150, 0.4);\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  position: absolute;\n  width: 100%;\n  z-index: 1000;\n}\n\n/* Wrap */\n.default-wrap {\n  align-items: baseline;\n  display: flex;\n  justify-content: center;\n}\n\n/* Text */\n.loading-text {\n /**\n  * @memberof ZGLoadMask\n  * @var --zg-load-mask-color\n  * @description Sets the font color of the loading text\n  * @see color\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/embed/YTE2VZ54\n  * @shadowOnly true\n  */\n  color: var(--zg-load-mask-color, #fff);\n  font-size: 2rem;\n  margin-right: 6px;\n  text-shadow: 0 0 5px #8d9ea9;\n}\n\n/* Dot Animation */\n@keyframes CYCLE {\n  0% { opacity:0; }\n  50% { opacity:1; }\n  100% { opacity:0; }\n}\n.animation-wrap {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n}\n.animation-dot,\n.animation-wrap:after,\n.animation-wrap:before {\n  content: '';\n  animation-duration: 1.5s;\n  animation-iteration-count: infinite;\n  animation-name: CYCLE;\n  background: #fff;\n  border-radius: 50%;\n  box-shadow: 0 0 5px #adb7bd;\n  display: block;\n  height: 5px;\n  margin: 0 4px;\n  opacity: 0;\n  width: 5px;\n}\n.animation-dot {\n  animation-delay: 300ms;\n}\n.animation-wrap:after {\n  animation-delay: 600ms;\n}",""])},21793:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  background: var(--zg-menu-item-background, var(--zg-menu-background, inherit));\n  border-bottom: 1px solid var(--theme-border-color);\n  margin-bottom: 5px;\n  padding-bottom: 10px;\n}\n:host([hidden]) {\n  display: none;\n}\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* LABEL */\n.zg-menu-group-label {\nalign-items: center;\n  display: flex;\n  padding: 10px;\n}\n\n/* ITEMS */\n.zg-menu-group-items {\n  border: 1px solid var(--theme-border-color);\n  display: flex;\n  margin: 0 5px;\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(zg-icon) {\n  margin-right: 5px;\n}\n\n:host([dir="rtl"]) ::slotted(zg-icon) {\n  margin-left: 5px;\n  margin-right: unset;\n}\n\n:host ::slotted(zg-menu-item) {\n  --zg-menu-item-justify-content: center;\n  border-left: var(--zg-menu-item-border-left, var(--zg-menu-border-left, var(--zg-menu-item-border, var(--zg-menu-border, 1px solid var(--theme-border-color)))));\n}\n:host ::slotted(zg-menu-item:hover),\n:host ::slotted(zg-menu-item.hover) {\n  border-left: var(--zg-menu-item-border-left_hover, var(--zg-menu-item-border_hover, var(--zg-menu-item-border-left, var(--zg-menu-border-left, var(--zg-menu-item-border, var(--zg-menu-border, 1px solid var(--theme-border-color)))))));\n}\n\n:host ::slotted(zg-menu-item:first-of-type) {\n  margin-left: -1px;\n}',""])},65168:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  --zg-icon-height: 14px;\n  --zg-icon-width: 14px;\n\n  align-items:center;\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-background\n  * @description Styles the background of menu item\n  * @see background\n  * @default var(--zg-menu-background)\n  * @demoLink https://app.zingsoft.com/demos/create/B9ZW7JZ1\n  * @shadowOnly false\n  */\n  background: var(--zg-menu-item-background, var(--zg-menu-background));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border\n  * @description Styles the border of menu item\n  * @see border\n  * @default var(--zg-menu-item-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/OY846P1S\n  * @shadowOnly false\n  */\n  border: var(--zg-menu-item-border, 0);\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-bottom\n  * @description Styles the bottom border of menu item\n  * @see border\n  * @default var(--zg-menu-border-bottom, var(--zg-menu-item-border))\n  * @demoLink https://app.zingsoft.com/demos/create/K3RGBXUS\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-menu-item-border-bottom, var(--zg-menu-item-border));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-left\n  * @description Styles the left border of menu item\n  * @see border\n  * @default var(--zg-menu-border-left, var(--zg-menu-item-border))\n  * @demoLink https://app.zingsoft.com/demos/create/I02JZBV4\n  * @shadowOnly false\n  */\n  border-left: var(--zg-menu-item-border-left, var(--zg-menu-item-border));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-right\n  * @description Styles the border-right of menu item\n  * @see border\n  * @default var(--zg-menu-border-right, var(--zg-menu-item-border))\n  * @demoLink https://app.zingsoft.com/demos/create/XBLE7Y9F\n  * @shadowOnly false\n  */\n  border-right: var(--zg-menu-item-border-right, var(--zg-menu-item-border));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-top\n  * @description Styles the border-top of menu item\n  * @see border\n  * @default var(--zg-menu-border-top, var(--zg-menu-item-border))\n  * @demoLink https://app.zingsoft.com/demos/create/JXUI3ZZ1\n  * @shadowOnly false\n  */\n  border-top: var(--zg-menu-item-border-top, var(--zg-menu-item-border));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-color\n  * @description Styles the color of menu item\n  * @see color\n  * @default var(--zg-menu-color)\n  * @demoLink https://app.zingsoft.com/demos/create/PB332NEO\n  * @shadowOnly false\n  */\n  color: var(--zg-menu-item-color, var(--zg-menu-color));\n  box-sizing: border-box;\n  contain: content;\n  cursor: pointer;\n  display: inline-flex;\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-padding\n  * @description Sets the padding of menu item\n  * @see padding\n  * @default 2px 9px\n  * @demoLink https://app.zingsoft.com/demos/create/J8SC2JZ7\n  * @shadowOnly false\n  */\n  padding: var(--zg-menu-item-padding, 2px 9px);\n  transition: background var(--theme-transition_speed);\n}\n:host([hidden]) {\n  display: none;\n}\n:host([disabled]),\n:host([disabled]:hover) {\n  background: inherit;\n  cursor: not-allowed;\n}\n\n:host(:hover), :host(.hover) {\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-background_hover\n  * @description Styles the background of menu item on hover\n  * @see background\n  * @default var(--zg-menu-item-background, var(--zg-menu-background))\n  * @demoLink https://app.zingsoft.com/demos/create/TGJCKUFU\n  * @shadowOnly false\n  */\n  background: var(--zg-menu-item-background_hover, var(--zg-menu-item-background, var(--zg-menu-background)));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border_hover\n  * @description Styles the border of menu item on hover\n  * @see border\n  * @default var(--zg-menu-item-border)\n  * @demoLink https://app.zingsoft.com/demos/create/COY3QOQ4\n  * @shadowOnly false\n  */\n  border: var(--zg-menu-item-border_hover, var(--zg-menu-item-border));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-bottom_hover\n  * @description Styles the bottom border of menu item on hover\n  * @see border\n  * @default var(--zg-menu-item-border_hover, var(--zg-menu-item-border-bottom, var(--zg-menu-item-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/Y257HM34\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-menu-item-border-bottom_hover, var(--zg-menu-item-border_hover, var(--zg-menu-item-border-bottom, var(--zg-menu-item-border))));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-left_hover\n  * @description Styles the left border of menu item on hover\n  * @see border\n  * @default var(--zg-menu-item-border_hover, var(--zg-menu-item-border-left, var(--zg-menu-item-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/L6B0TSI2\n  * @shadowOnly false\n  */\n  border-left: var(--zg-menu-item-border-left_hover, var(--zg-menu-item-border_hover, var(--zg-menu-item-border-left, var(--zg-menu-item-border))));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-right_hover\n  * @description Styles the right border of menu item on hover\n  * @see border\n  * @default var(--zg-menu-item-border_hover, var(--zg-menu-item-border-right, var(--zg-menu-item-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/B0CA9PC5\n  * @shadowOnly false\n  */\n  border-right: var(--zg-menu-item-border-right_hover, var(--zg-menu-item-border_hover, var(--zg-menu-item-border-right, var(--zg-menu-item-border))));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-top_hover\n  * @description Styles the top border of menu item on hover\n  * @see border\n  * @default var(--zg-menu-item-border_hover, var(--zg-menu-item-border-top, var(--zg-menu-item-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/IEQ87DM1\n  * @shadowOnly false\n  */\n  border-top: var(--zg-menu-item-border-top_hover, var(--zg-menu-item-border_hover, var(--zg-menu-item-border-top, var(--zg-menu-item-border))));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-color_hover\n  * @description Styles the color of menu item on hover\n  * @see color\n  * @default var(--zg-menu-item-color, var(--zg-menu-color))\n  * @demoLink https://app.zingsoft.com/demos/create/G87OUAAS\n  * @shadowOnly false\n  */\n  color: var(--zg-menu-item-color_hover, var(--zg-menu-item-color, var(--zg-menu-color)));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-justify-content_hover\n  * @description Sets the horizontal alignment of contents in menu item on hover\n  * @see justify-content\n  * @default var(--zg-menu-item-justify-content, flex-start)\n  * @demoLink https://app.zingsoft.com/demos/create/E0CSUDJQ\n  * @shadowOnly false\n  */\n  justify-content: var(--zg-menu-item-justify-content_hover, var(--zg-menu-item-justify-content, flex-start));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-padding_hover\n  * @description Sets the padding of menu item on hover\n  * @see padding\n  * @default var(--zg-menu-item-padding, 2px 9px)\n  * @demoLink https://app.zingsoft.com/demos/create/2L3WUNZM\n  * @shadowOnly false\n  */\n  padding: var(--zg-menu-item-padding_hover, var(--zg-menu-item-padding, 2px 9px));\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(zg-button) {\n    /* make zg-button inside zg-menu-item click through and no hover effect */\n    pointer-events: none;\n    /**\n    * @memberof ZGMenuItem\n    * @var --zg-menu-item-justify-content\n    * @description Sets the horizontal alignment of contents in menu item\n    * @see justify-content\n    * @default flex-start\n    * @demoLink https://app.zingsoft.com/demos/create/E73X0A1J\n    * @shadowOnly false\n    */\n    /* \n      NOTE: Added here instead of :host above, b/c menuitems always have a button inside,\n      which should get the alignment. Because of this, if there is a use case where you want\n      the parent to have the justify-content value, you have to do it inline.\n    */\n    justify-content: var(--zg-menu-item-justify-content, flex-start);\n    width: 100%;\n}\n\n/* Custom User Button */\n/* Note: When a user adds w/o an icon, the `[action]` attribute value on the button will be '' */\n:host ::slotted(zg-button[action=\"\"]) {\n  padding-left:calc(var(--zg-icon-width) + 7px);\n  pointer-events: inherit;\n}\n\n:host(:hover) ::slotted(zg-button),\n:host(.hover) ::slotted(zg-button) {\n  /* Already documented above */\n  color: var(--zg-menu-item-color_hover, var(--zg-button-color));\n  /* \n    NOTE: Added here instead of :host above, b/c menuitems always have a button inside,\n    which should get the alignment. Because of this, if there is a use case where you want\n    the parent to have the justify-content value, you have to do it inline.\n  */\n  justify-content: var(--zg-menu-item-justify-content_hover, var(--zg-menu-item-justify-content, flex-start));\n}",""])},12697:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-background\n  * @description Styles background of menu dropdown\n  * @see background\n  * @default Browser\'s defaul value\n  * @demoLink https://app.zingsoft.com/demos/create/H302IPDV\n  * @shadowOnly true\n  */\n  background: var(--zg-menu-background);\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-border\n  * @description Styles the border of menu dropdown\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/L29XD0SG\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-border-bottom\n  * @description Styles the bottom border of menu dropdown\n  * @see border\n  * @default var(--zg-menu-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/BP6Q1ONR\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-menu-border-bottom, var(--zg-menu-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-border-left\n  * @description Styles the left border of menu dropdown\n  * @see border\n  * @default var(--zg-menu-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/YTOQWH4D\n  * @shadowOnly false\n  */\n  border-left: var(--zg-menu-border-left, var(--zg-menu-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-border-right\n  * @description Styles the right border of menu dropdown\n  * @see border\n  * @default var(--zg-menu-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/9PZS6F7O\n  * @shadowOnly false\n  */\n  border-right: var(--zg-menu-border-right, var(--zg-menu-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-border-top\n  * @description Styles the top border of menu dropdown\n  * @see border\n  * @default var(--zg-menu-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/60VFS9X7\n  * @shadowOnly false\n  */\n  border-top: var(--zg-menu-border-top, var(--zg-menu-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-box-shadow\n  * @description Applies a box shadow to menu dropdown\n  * @see box-shadow\n  * @default 0 3px 3px #ccc\n  * @demoLink https://app.zingsoft.com/demos/create/8KM669HT\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-menu-box-shadow, 0 3px 3px #ccc);\n  box-sizing: border-box;\n  display: inline-block;\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-padding\n  * @description Sets the padding of the menu dropdown\n  * @see padding\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/O1VERLUD\n  * @shadowOnly false\n  */\n  padding: var(--zg-menu-padding, 0);\n  position: absolute;\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-font-size\n  * @description Sets the font size of menu dropdown\n  * @see font-size\n  * @default 0.8rem\n  * @demoLink https://app.zingsoft.com/demos/create/H08WWNC4\n  * @shadowOnly false\n  */\n  font-size: var(--zg-menu-font-size, 0.8rem);\n  user-select: none;\n  z-index: var(--theme-z-index_tall, 10000);\n}\n:host([hidden]) {\n  display: none;\n}\n\n/* RIGHT-CLICK MENU VERSION */\n:host(#userContextMenuClone[menu-opener="context"]) {\n  transform: translate(20px, -17px);\n}\n:host(#userContextMenuClone[menu-opener="context"][internal-dir="left"]) {\n  transform: translate(-20px, -17px);\n}\n:host(#userContextMenuClone[menu-opener="static"]) {\n  transform: translate(0px, 10px);\n}\n/* Add \'cursor position\' arrow */\n:host(#userContextMenuClone[menu-opener="context"]):after,\n:host(#userContextMenuClone[menu-opener="context"]):before {\n  border-color: transparent;\n  border-style: solid;\n  content: \'\';\n  display: block;\n  position: absolute;\n  right: var(--menu-arrow-right, 100%);\n}\n:host(#userContextMenuClone[menu-opener="context"]):before {\n  border-width: 8px;\n  border-right-color: var(--theme-border-color);\n  top: 10px;\n}\n:host(#userContextMenuClone[menu-opener="context"]):after {\n  border-width: 6px;\n  border-right-color: var(--theme-background-zebra);\n  top: 12px;\n}\n\n:host(#userContextMenuClone[menu-opener="context"][internal-dir="left"]):after,\n:host(#userContextMenuClone[menu-opener="context"][internal-dir="left"]):before {\n  content: unset;\n}\n\n\n/* COLUMNS-CONTROL MENU VERSION */\n:host(#columnMenu) {\n  --zg-menu-padding: 10px;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n.zg-menu {\n    display: flex;\n    flex-direction: column;\n    height: auto;\n    padding: var(--zg-menu-padding, 5px);\n}\n\n/* RIGHT-CLICK MENU VERSION */\n:host(#userContextMenuClone) .zg-menu {\n  --zg-menu-padding: 0 0 5px;\n}\n\n/* COLUMNS-CONTROL MENU VERSION */\n:host(#columnMenu) .zg-menu {\n  --zg-menu-padding: 6px 10px;\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* COLUMNS-CONTROL MENU VERSION */\n:host(#columnMenu) ::slotted(zg-menuitem) {\n  --zg-menu-item-padding: 3px 0;\n}',""])},48311:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-background\n  * @description Styles the background of empty message when in `<zg-header>`\n  * @see background\n  * @default var(--theme-color-light)\n  * @demoLink https://app.zingsoft.com/demos/create/DZ18XBMU\n  * @shadowOnly false\n  */\n  background: var(--zg-no-data-background, var(--theme-color-light));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border\n  * @description Styles the border of empty message when in `<zg-header>`\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/H9H8800K\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border-bottom\n  * @description Styles the bottom border of empty message when in `<zg-header>`\n  * @see border\n  * @default var(--zg-no-data-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/5GHU0UT2\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-no-data-border-bottom, var(--zg-no-data-border, 0));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border-left\n  * @description Styles the left border of empty message when in `<zg-header>`\n  * @see border\n  * @default var(--zg-no-data-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/8PC30SFF\n  * @shadowOnly false\n  */\n  border-left: var(--zg-no-data-border-left, var(--zg-no-data-border, 0));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border-right\n  * @description Styles the right border of empty message when in `<zg-header>`\n  * @see border\n  * @default var(--zg-no-data-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/4SZ8NQ8O\n  * @shadowOnly false\n  */\n  border-right: var(--zg-no-data-border-right, var(--zg-no-data-border, 0));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border-top\n  * @description Styles the top border of empty message when in `<zg-header>`\n  * @see border\n  * @default var(--zg-no-data-border, 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/F5LJEMJO\n  * @shadowOnly false\n  */\n  border-top: var(--zg-no-data-border-top, var(--zg-no-data-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border-radius\n  * @description Styles the border radius of empty message\n  * @see border-radius\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/A1CYESQT\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-no-data-border-radius, 0);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-color\n  * @description Sets the font color content inside of empty message when in `<zg-header>`\n  * @see color\n  * @default var(--theme-font-size)\n  * @demoLink https://app.zingsoft.com/demos/create/9QIBFMGP\n  * @shadowOnly false\n  */\n  color: var(--zg-no-data-color, var(--theme-font-size));\n  contain: content;\n  display: none;\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-font-size\n  * @description Sets the font size of empty message\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/26M7XA7S\n  * @shadowOnly false\n  */\n  font-size: var(--zg-no-data-font-size, .875rem);\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-font-style\n  * @description Sets the font style of empty message\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/ERYSUAI0\n  * @shadowOnly false\n  */\n  font-style: var(--zg-no-data-font-style, inherit);\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-font-weight\n  * @description Sets the font weight of empty message\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/PT3I1OQC\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-no-data-font-weight, inherit);\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-line-height\n  * @description Sets the line height of empty message\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/XGIEZHE5\n  * @shadowOnly false\n  */\n  line-height: var(--zg-no-data-line-height, inherit);\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-min-height\n  * @description Sets the min-height of empty message\n  * @see min-height\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/84P0AHF7\n  * @shadowOnly false\n  */\n  min-height: var(--zg-no-data-min-height, 100%);\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-padding\n  * @description Sets the padding of empty message\n  * @see padding\n  * @default var(--zg-cell-height, var(--theme-padding_x, auto))) var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/S9ZVCD9A\n  * @shadowOnly false\n  */\n  padding: var(--zg-no-data-padding, var(--zg-cell-height_layout_row, var(--zg-cell-height, var(--theme-padding_x, auto))) var(--theme-padding_x));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-text-align\n  * @description Sets text alignment of content inside of empty message\n  * @see text-align\n  * @default left\n  * @demoLink https://app.zingsoft.com/demos/create/TWOSCDLC\n  * @shadowOnly true\n  */\n  text-align: var(--zg-no-data-text-align, left);\n  place-content: var(--zg-no-data-text-align, left);\n  width: 100%;\n}\n:host([no-data]) {\n  align-items: flex-start;\n  display: flex;\n}\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n:host(.default) div[role=\"any\"] {\n  align-items: center;\n  display: flex;\n}\n\n/* User added `[no-data]` attribute */\n:host(.attr) {\n  font-weight: var(--zg-no-data-font-weight, 500);\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n\n/* 'Default message' default container */\n:host ::slotted(.default-message) {\n  font-weight: var(--zg-no-data-font-weight, 500);\n}\n\n/* 'Insert Record' default container */\n:host ::slotted(.default-insert-record) {\n  align-items:center;\n  display: flex;\n  margin-left: .3125rem;\n}",""])},56566:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-background\n    * @description Styles the background of option list\n    * @see background\n    * @default #fff\n    * @demoLink https://app.zingsoft.com/demos/create/JCRKBH4Y\n    * @shadowOnly false\n    */\n    background: var(--zg-option-list-background, #fff);\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-border\n    * @description Styles the border of option list\n    * @see border\n    * @default 1px solid var(--theme-border-color)\n    * @demoLink https://app.zingsoft.com/demos/create/SQNKOS7B\n    * @shadowOnly false\n    */\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-border-bottom\n    * @description Styles the bottom border of option list\n    * @see border\n    * @default var(--zg-option-list-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/31Q5PRQB\n    * @shadowOnly false\n    */\n    border-bottom: var(--zg-option-list-border-bottom, var(--zg-option-list-border, 1px solid var(--theme-border-color)));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-border-left\n    * @description Styles the left border of option list\n    * @see border\n    * @default var(--zg-option-list-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/3BWGQYG6\n    * @shadowOnly false\n    */\n    border-left: var(--zg-option-list-border-left, var(--zg-option-list-border, 1px solid var(--theme-border-color)));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-border-right\n    * @description Styles the right border of option list\n    * @see border\n    * @default var(--zg-option-list-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/SG9TA4DQ\n    * @shadowOnly false\n    */\n    border-right: var(--zg-option-list-border-right, var(--zg-option-list-border, 1px solid var(--theme-border-color)));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-border-top\n    * @description Styles the bottom top of option list\n    * @see border\n    * @default var(--zg-option-list-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/CZ8HY148\n    * @shadowOnly false\n    */\n    border-top: var(--zg-option-list-border-top, var(--zg-option-list-border, 1px solid var(--theme-border-color)));\n    bottom: auto;\n    box-sizing: border-box;\n    contain: content;\n    height: auto;\n    min-height: var(--zg-option-list-item-height, 32px);\n    max-width: 250px;\n    min-width: 100%;\n    z-index: 10000;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n.zg-option-list {\n    display: flex;\n    flex-direction: column;\n    margin: 0;\n    padding: 0;\n    zoom: 1;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* TODO: Clean up span CSS */\n:host ::slotted(span) {\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-border\n    * @description Styles the border of option list item\n    * @see border\n    * @default 0\n    * @demoLink https://app.zingsoft.com/demos/create/VH6WGYS9\n    * @shadowOnly false\n    */\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-border-bottom\n    * @description Styles the bottom border of option list item\n    * @see border\n    * @default var(--zg-option-list-item-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/QCJG4ENK\n    * @shadowOnly false\n    */\n    border-bottom: var(--zg-option-list-item-border-bottom, var(--zg-option-list-item-border, 0));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-border-left\n    * @description Styles the left border of option list item\n    * @see border\n    * @default var(--zg-option-list-item-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/DCZNW2UY\n    * @shadowOnly false\n    */\n    border-left: var(--zg-option-list-item-border-left, var(--zg-option-list-item-border, 0));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-border-right\n    * @description Styles the right border of option list item\n    * @see border\n    * @default var(--zg-option-list-item-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/442R7DGZ\n    * @shadowOnly false\n    */\n    border-right: var(--zg-option-list-item-border-right, var(--zg-option-list-item-border, 0));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-border-top\n    * @description Styles the top border of option list item\n    * @see border\n    * @default var(--zg-option-list-item-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/LBZKLEVF\n    * @shadowOnly false\n    */\n    border-top: var(--zg-option-list-item-border-top, var(--zg-option-list-item-border, 0));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-color\n    * @description Styles the color of option list item\n    * @default Browser\'s default value\n    * @see color\n    * @demoLink https://app.zingsoft.com/demos/create/RLKIPFXB\n    * @shadowOnly false\n    */\n    color: var(--zg-option-list-color, #000000);\n    cursor: pointer;\n    display: block;\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-height\n    * @description Sets the height of option list item\n    * @see height\n    * @default 32px\n    * @demoLink https://app.zingsoft.com/demos/create/LZZDJ4ZH\n    * @shadowOnly false\n    */\n    min-height: var(--zg-option-list-item-height, 32px);\n    height: var(--zg-option-list-item-height, 32px);\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-line-height\n    * @description Sets the line height of option list item\n    * @see line-height\n    * @default 32px\n    * @demoLink https://app.zingsoft.com/demos/create/9QGZA2DF\n    * @shadowOnly false\n    */\n    line-height: var(--zg-option-list-item-line-height, 32px);\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-padding\n    * @description Sets the padding of option list item\n    * @see padding\n    * @default 0 15px\n    * @demoLink https://app.zingsoft.com/demos/create/3TSJS7B1\n    * @shadowOnly false\n    */\n    padding: var(--zg-option-list-item-padding, 0 15px);\n    transition: all .15s;\n    overflow: hidden;\n    text-align: left;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    /* Safari */\n    list-style-type: none;\n}\n\n:host([dir="rtl"]) ::slotted(span) {\n    text-align: right;\n}\n\n:host ::slotted(span:hover) {\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-background_hover\n    * @description Sets the background of option list item on hover\n    * @see background\n    * @default var(--theme-color-secondary)\n    * @demoLink https://app.zingsoft.com/demos/create/SQITNDOY\n    * @shadowOnly false\n    */\n    background: var(--zg-option-list-item-background_hover, var(--theme-color-secondary));\n}',""])},89282:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-background\n  * @description Styles the background of pager\n  * @see background\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/DSI1M4K6\n  * @shadowOnly false\n  */\n  background: var(--zg-pager-background);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border\n  * @description Styles the border of pager\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/12I3VYOI\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-bottom\n  * @description Styles the bottom border of pager\n  * @see border\n  * @default var(--zg-pager-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/HLBTB6HX\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-pager-border-bottom, var(--zg-pager-border, 0));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-left\n  * @description Styles the left border of pager\n  * @see border\n  * @default var(--zg-pager-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/A3EQ97B7\n  * @shadowOnly false\n  */\n  border-left: var(--zg-pager-border-left, var(--zg-pager-border, 0));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-right\n  * @description Styles the right border of pager\n  * @see border\n  * @default var(--zg-pager-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/8PKZ2V87\n  * @shadowOnly false\n  */\n  border-right: var(--zg-pager-border-right, var(--zg-pager-border, 0));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-top\n  * @description Styles the top border of pager\n  * @see border\n  * @default var(--zg-pager-border)\n  * @demoLink https://app.zingsoft.com/demos/create/S7J5KA7S\n  * @shadowOnly false\n  */\n  border-top: var(--zg-pager-border-top, var(--zg-pager-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-box-shadow\n  * @description Applies a box shadow behind the pager\n  * @see box-shadow\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/E3ZE0EHX\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-pager-box-shadow, 0);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-color\n  * @description Sets the color of pager text\n  * @see color\n  * @default var(--zing-grid-color), var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/C1JDZLU9\n  * @shadowOnly false\n  */\n  color: var(--zg-pager-color, var(--zing-grid-color, var(--theme-color)));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-font-size\n  * @description Sets the font size of pager text\n  * @see font-size\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/4MA9LSWA\n  * @shadowOnly false\n  */\n  font-size: var(--zg-pager-font-size);\n  display: block;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-margin\n  * @description Sets the margin of pager\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/SQZ9LICW\n  * @shadowOnly false\n  */\n  margin: var(--zg-pager-margin, 0);\n  position: relative;\n  z-index: 3;\n}\n\n/* Add a bottom border when placed at the top of the grid (`[pager-position="top"]`) */\n:host([slot="top"]) {\n  border-bottom: 1px solid var(--theme-border-color);\n}\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Wrapper */\n.zg-pager {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Inner Wrapper */\n.zg-pager-inner {\n  align-items: center;\n  display: flex;\n  flex-direction: unset;\n  flex-wrap: wrap;\n  justify-content: center;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-height\n  * @description Sets the minimum height of pager\n  * @see min-height\n  * @default 1px\n  * @demoLink https://app.zingsoft.com/demos/create/5LQ86G4I\n  * @shadowOnly false\n  */\n  min-height: var(--zg-pager-height, 1px);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-padding\n  * @description Sets the padding of pager\n  * @see padding\n  * @default 0 var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/DFS7ZU1P\n  * @shadowOnly true\n  */\n  padding: var(--zg-pager-padding, 0 var(--theme-padding_x));\n}\n\n/* The Columns */\n.zg-pager-left,\n.zg-pager-right,\n.zg-pager-center {\n  align-items: center;\n  display: flex;\n  flex: 0 1 33.333%;\n  flex-direction: row;\n  margin-top: var(--zg-pager-section-margin-top);\n}\n\n/* Left */\n.zg-pager-left> :first-child {\n  margin-left: 0;\n}\n\n:host([viewport="mobile"]) .zg-pager-left {\n  order: 2;\n  transform: scale(.8);\n  z-index: 1;\n}\n\n/* Right */\n.zg-pager-right {\n  justify-content: flex-end;\n}\n\n/* -- Hide in mobile viewport */\n:host([viewport="mobile"]) .zg-pager-right {\n  display: none;\n}\n\n@media screen and (max-width:767px) {\n\n  :host([viewport-pause]) .zg-pager-left,\n  :host([viewport-stop]) .zg-pager-left {\n    order: 2;\n    transform: scale(.8);\n    z-index: 1;\n  }\n\n  :host([viewport-pause]) .zg-pager-right,\n  :host([viewport-stop]) .zg-pager-right {\n    display: none;\n  }\n}\n\n/* Center */\n.zg-pager-center {\n  justify-content: center;\n}\n\n\n@media screen and (max-width:350px) {\n  :host([viewport="mobile"]) .zg-pager-inner {\n    flex-direction: column;\n  }\n}\n\n/* STYLING WHEN IN \'CARD\' LAYOUT, BUT NOT MOBILE */\n:host([layout="card"]:not([viewport="mobile"])) {\n  /* NOTE: For internal use for now. Don\'t add JSDocs! */\n  border-bottom: var(--zg-pager-card-nonmobile-border-bottom);\n  border-left: var(--zg-pager-card-nonmobile-border-left);\n  border-right: var(--zg-pager-card-nonmobile-border-right);\n  border-top: var(--zg-pager-card-nonmobile-border-top);\n}\n\n/* STYLING WHEN IN \'MOBILE\' VIEWPORT */\n:host([viewport="mobile"]:not([layout="row"])) #inner {\n  flex-wrap: wrap;\n  padding-bottom: 10px;\n  padding-top: 10px;\n}\n\n:host([viewport="mobile"]:not([layout="row"])) #left {\n  flex-basis: 50%;\n  order: 1;\n}\n\n:host([viewport="mobile"]:not([layout="row"])) #center {\n  justify-content: center;\n  order: 3;\n  padding-top: 15px;\n}\n\n:host([viewport="mobile"]:not([layout="row"])) #right {\n  flex-basis: 50%;\n  order: 2;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(zg-input) {\n  flex: 0 1 auto;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-child-margin\n  * @description Sets the margin of pager items\n  * @see margin\n  * @default 0 5px\n  * @demoLink https://app.zingsoft.com/demos/create/BHPOIOVV\n  * @shadowOnly true\n  */\n  margin: var(--zg-pager-child-margin, 0 5px);\n}\n\n:host ::slotted(zg-button):first-child {\n  margin-left: calc(var(--zg-button-padding) - (var(--zg-button-padding) * 2) - 5px);\n}\n\n/* SELECT DROPDOWN */\n:host ::slotted(zg-select) {\n  margin-right: 3px;\n}\n\n:host([dir="rtl"]) ::slotted(zg-select) {\n  margin-left: 3px;\n  margin-right: 0px;\n}\n\n:host([pager-type*="button"]) ::slotted(zg-button[action="prevpage"]),\n:host([pager-type*="button"]) ::slotted(zg-button[action="nextpage"]),\n:host([pager-type*="button"]) ::slotted(zg-button[action="page"]) {\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-background_button\n  * @description Styles the background of pager buttons in \'button-pagination` mode\n  * @see background\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/RFPJ268T\n  * @shadowOnly false\n  */\n  background: var(--zg-pager-background_button, #fff);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border_button\n  * @description Styles the bottom border of pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/GMCTJPNT\n  * @shadowOnly false\n  */\n  border: var(--zg-pager-border_button);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-bottom_button\n  * @description Styles the bottom border of pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border_button)\n  * @demoLink https://app.zingsoft.com/demos/create/SX86NT1Z\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-pager-border-bottom_button, var(--zg-pager-border_button));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-left_button\n  * @description Styles the left border of pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border_button)\n  * @demoLink https://app.zingsoft.com/demos/create/7ZFWGWPZ\n  * @shadowOnly false\n  */\n  border-left: var(--zg-pager-border-left_button, var(--zg-pager-border_button));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-right_button\n  * @description Styles the right border of pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border_button)\n  * @demoLink https://app.zingsoft.com/demos/create/E0Z1Z61Z\n  * @shadowOnly false\n  */\n  border-right: var(--zg-pager-border-right_button, var(--zg-pager-border_button));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-top_button\n  * @description Styles the top border of pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border_button)\n  * @demoLink https://app.zingsoft.com/demos/create/GUTPFSA2\n  * @shadowOnly false\n  */\n  border-top: var(--zg-pager-border-top_button, var(--zg-pager-border_button));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-radius_button\n  * @description Applies border radius to the pager buttons in \'button-pagination\' mode\n  * @see border-radius\n  * @default 50%\n  * @demoLink https://app.zingsoft.com/demos/create/C5XSS45A\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-pager-border-radius_button, 0);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-color_button\n  * @description Sets the color of pager buttons in \'button-text\' mode\n  * @see color\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/3PUA1QDD\n  * @shadowOnly false\n  */\n  color: var(--zg-pager-color_button, var(--zg-pager-color, var(--zing-grid-color, var(--theme-color))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-height_button\n  * @description Sets the height of pager buttons in \'button-pagination\' mode\n  * @see height\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/NU8PS15R\n  * @shadowOnly false\n  */\n  height: var(--zg-pager-height_button, 26px);\n  justify-content: center;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-width_button\n  * @description Sets the width of pager buttons in \'button-pagination\' mode\n  * @see width\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/TND8N5QP\n  * @shadowOnly false\n  */\n  width: var(--zg-pager-width_button, 26px);\n\n}\n\n:host([pager-type*="button"]) ::slotted(zg-button[action="prevpage"][active]),\n:host([pager-type*="button"]) ::slotted(zg-button[action="nextpage"][active]),\n:host([pager-type*="button"]) ::slotted(zg-button[action="page"][active]) {\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-background_button_active\n  * @description Styles the background of active pager buttons in \'button-pagination` mode\n  * @see background\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/30Q3UD77\n  * @shadowOnly false\n  */\n  background: var(--zg-pager-background_button_active, var(--theme-color-primary));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border_button_active\n  * @description Styles the bottom border of active pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/S0T1BVWQ\n  * @shadowOnly false\n  */\n  border: var(--zg-pager-border_button_active, var(--zg-pager-border_button));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-bottom_button_active\n  * @description Styles the bottom border of active pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border-bottom_button_active, var(--zg-pager-border-bottom_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  * @demoLink https://app.zingsoft.com/demos/create/DTH3NBH8\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-pager-border-bottom_button_active, var(--zg-pager-border-bottom_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-left_button_active\n  * @description Styles the left border of active pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border-left_button_active, var(--zg-pager-border-left_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  * @demoLink https://app.zingsoft.com/demos/create/DMB3KOV6\n  * @shadowOnly false\n  */\n  border-left: var(--zg-pager-border-left_button_active, var(--zg-pager-border-left_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-right_button_active\n  * @description Styles the right border of active pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border-right_button_active, var(--zg-pager-border-right_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  * @demoLink https://app.zingsoft.com/demos/create/8IH4UBJB\n  * @shadowOnly false\n  */\n  border-right: var(--zg-pager-border-right_button_active, var(--zg-pager-border-right_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-top_button_active\n  * @description Styles the top border of active pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border-top_button_active, var(--zg-pager-border-top_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  * @demoLink https://app.zingsoft.com/demos/create/3P68ZU21\n  * @shadowOnly false\n  */\n  border-top: var(--zg-pager-border-top_button_active, var(--zg-pager-border-top_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-radius_button_active\n  * @description Applies border radius to the pager next/previous buttons in \'button-pagination\' mode\n  * @see border-radius\n  * @default 50%\n  * @demoLink https://app.zingsoft.com/demos/vicreateew/4NN6CW5X\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-pager-border-radius_button_active, var(--zg-pager-border-radius_button, 0));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-color_button_active\n  * @description Sets the color of pager buttons in \'button-pagination\' mode\n  * @see color\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/65T7U4OO\n  * @shadowOnly false\n  */\n  color: var(--zg-pager-color_button_active, var(--zg-pager-color_button, var(--zg-pager-color, var(--zing-grid-color, var(--theme-color)))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-height_button_active\n  * @description Sets the height of active pager buttons in \'button-pagination\' mode\n  * @see height\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/YQK9B3TR\n  * @shadowOnly false\n  */\n  height: var(--zg-pager-height_button_active, var(--zg-pager-height_button, 26px));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-width_button_active\n  * @description Sets the width of active pager buttons in \'button-pagination\' mode\n  * @see width\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/JGGN84RM\n  * @shadowOnly false\n  */\n  width: var(--zg-pager-width_button_active, var(--zg-pager-width_button, 26px));\n}\n\n\n/* BUTTON PAGINATION STYLING */\n/* Text Buttons */\n:host([pager-type="button-text"]) ::slotted(zg-button[action="prevpage"]),\n:host([pager-type="button-text"]) ::slotted(zg-button[action="nextpage"]) {\n  padding-left: 6px;\n  padding-right: 6px;\n  width: var(--zg-pager-width_button, auto);\n}\n\n/* Text Buttons */\n:host([pager-type="button-text"]) ::slotted(zg-button[action="prevpage"][active]),\n:host([pager-type="button-text"]) ::slotted(zg-button[action="nextpage"][active]) {\n  width: var(--zg-pager-width_button_active, var(--zg-pager-width_button, auto));\n}\n\n\n/* CURSOR-BASED PAGINATION STYLING */\n:host([type="cursor"]) ::slotted([action="nextpage"]),\n:host([type="cursor"]) ::slotted([action="prevpage"]) {\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-background_cursor\n  * @description Styles the background of pager next/previous buttons in \'cursor-pagination` mode\n  * @see background\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/2W0L943N\n  * @shadowOnly false\n  */\n  background: var(--zg-pager-background_cursor, var(--theme-color-primary));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-bottom_cursor\n  * @description Styles the bottom border of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/6GTM4FBP\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-pager-border-bottom_cursor, 0);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-left_cursor\n  * @description Styles the left border of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/RYTF8WCR\n  * @shadowOnly false\n  */\n  border-left: var(--zg-pager-border-left_cursor, 0);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-right_cursor\n  * @description Styles the right border of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/CROQ1YCC\n  * @shadowOnly false\n  */\n  border-right: var(--zg-pager-border-right_cursor, 0);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-top_cursor\n  * @description Styles the top border of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/FUJKHWQ4\n  * @shadowOnly false\n  */\n  border-top: var(--zg-pager-border-top_cursor, 0);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-radius_cursor\n  * @description Applies border radius to the pager next/previous buttons in \'cursor-pagination\' mode\n  * @see border-radius\n  * @default 50%\n  * @demoLink https://app.zingsoft.com/demos/create/NVMU8M40\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-pager-border-radius_cursor, 50%);\n  display: var(--zg-pager-display_cursor, flex);\n  place-content: var(--zg-pager-place-content_cursor, center);\n  place-items: var(--zg-pager-place-items_cursor, center);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-height_cursor\n  * @description Sets the height of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see height\n  * @default 21px\n  * @demoLink https://app.zingsoft.com/demos/create/1Q1Y5Y7U\n  * @shadowOnly false\n  */\n  height: var(--zg-pager-height_cursor, 21px);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-width_cursor\n  * @description Sets the width of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see width\n  * @default 21px\n  * @demoLink https://app.zingsoft.com/demos/create/XDFDMJDM\n  * @shadowOnly false\n  */\n  width: var(--zg-pager-width_cursor, 21px);\n}\n\n:host([type="cursor"]) ::slotted([action="nextpage"]) {\n  margin-left: 12px;\n}\n\n/* PAGE RESULTS */\n:host ::slotted(zg-text) {\n  align-self: center;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-text-margin\n  * @description Sets the margin of pager text\n  * @see margin\n  * @default 0 2px\n  * @demoLink https://app.zingsoft.com/demos/create/JRVD4KCC\n  * @shadowOnly false\n  */\n  margin: var(--zg-pager-text-margin, 0 2px);\n}\n\n/* SPECIAL SMALL-SIZE MOBILE STYLING\n-------------------------------------- */\n@media screen and (max-width:400px) {\n  :host([viewport="mobile"]) .zg-pager-inner {\n    flex-direction: column;\n  }\n\n  :host([viewport="mobile"]) .zg-pager-left {\n    flex-basis: 100%;\n  }\n\n  /* PAGE-SIZE SELECT */\n  :host([viewport="mobile"]) ::slotted(zg-select) {\n    display: flex;\n    align-items: center;\n  }\n\n  :host([viewport="mobile"]) ::slotted(zg-select):before {\n    content: \'Page Size\';\n    display: inline-block;\n    margin: 0 14px 0 0;\n  }\n}',""])},12456:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    display: none;\n}",""])},72584:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n/* Hide if \'hidden\' attribute applied */\n:host() {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-color\n  * @description Sets the font color of all rows\n  * @see color\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/DZMUUEIE\n  * @shadowOnly false\n  */\n  color: var(--zg-row-color);\n}\n:host(:hover) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-color_hover\n  * @description Sets the font color of all rows on hover\n  * @see color\n  * @default var(--zg-row-color)\n  * @demoLink https://app.zingsoft.com/demos/create/PY680MQ0\n  * @shadowOnly false\n  */\n  color: var(--zg-row-color_hover, var(--zg-row-color));\n}\n/* Hide if \'hidden\' attribute applied */\n:host([hidden]) {\n  display: none !important;\n}\n\n\n\n/* WHEN IN ZG-BODY\n-------------------------------------- */\n\n\n/* DEFAULT GRID LINES (HORIZONTAL, VERTICAL, BOTH)\n---------------------------------------------------- */\n:host([gridlines-vertical]) {\n  --zg-row-body-border-top: 0;\n}\n:host([gridlines-horizontal]) {\n  --zg-row-body-border-top: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - HEAD CELL - LEFT FRAME */\n:host([gridlines-vertical][frozen-frame="left"]) ::slotted(zg-head-cell) {\n  --zg-head-cell-border-right: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - BODY CELL - LEFT FRAME */\n:host([gridlines-vertical][frozen-frame="left"]) ::slotted(zg-cell) {\n  --zg-cell-border-right: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - FILTER - LEFT FRAME */\n:host([gridlines-vertical][frozen-frame="left"]) ::slotted(zg-filter) {\n  --zg-filter-border-right: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - HEAD CELL - MAIN AND RIGHT FRAME */\n:host([gridlines-vertical]:not([frozen-frame="left"])) ::slotted(zg-head-cell) {\n  --zg-head-cell-border-left: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - BODY CELL - MAIN AND RIGHT FRAME */\n:host([gridlines-vertical]:not([frozen-frame="left"]):not([layout="card"])) ::slotted(zg-cell:not([first])) {\n  --zg-cell-border-left: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - FILTER - MAIN AND RIGHT FRAME */\n:host([gridlines-vertical]:not([frozen-frame="left"])) ::slotted(zg-filter) {\n  --zg-filter-border-left: 1px solid var(--theme-border-color);\n  --zg-filter-border-left_sorted: 1px solid var(--theme-border-color);\n}\n\n/* HIDE DOUBLE LINE WHEN MAIN CONNECTS WITH BODY OR LEFT FRAME */\n:host([gridlines-vertical]) ::slotted(zg-head-cell[first]) {\n  --zg-head-cell-border-left: 0px;\n}\n\n:host([gridlines-vertical]) ::slotted(zg-cell[first]) {\n  --zg-cell-border-left: 0px;\n}\n\n:host([gridlines-vertical]) ::slotted(zg-filter[first]) {\n  --zg-filter-border-left: 0px;\n  --zg-filter-border-left_sorted: 0px;\n}\n\n\n\n/* LAYOUT: CARD\n-------------------------------------- */\n:host([layout="card"]) {\n  position: relative;\n}\n\n/* WHEN THE PARENT FOR...\n-------------------------------------- */\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* ZG-CELL */\n/* Layout: Card */\n:host([layout="card"]) ::slotted(zg-cell) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-display\n  * @description Sets the display of cards in \'card\' layout-mode\n  * @see display\n  * @default grid\n  * @demoLink https://app.zingsoft.com/demos/create/Y17MDY9A\n  * @shadowOnly false\n  * @storyAlert To see attribute in action, update grid layout to "card" mode (top-right corner).\n  */\n\n  box-sizing: border-box;\n  display: var(--zg-row-card-display, block);\n  flex-direction: column;\n  padding: var(--zg-row-card-cell-padding, 4px 30px 4px var(--theme-padding_x));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-flex-basis\n  * @description Sets the flex-basis of cards in \'card\' layout-mode\n  * @see flex-basis\n  * @default 100%\n  * @demoLink https://app.zingsoft.com/demos/create/T0ZQ0N6R\n  * @shadowOnly false\n  * @storyAlert To see attribute in action, update grid layout to "card" mode (top-right corner).\n  */\n  flex-basis: var(--zg-row-card-flex-basis, 100%);\n  max-width:100%;\n}\n/* Layout: Card */\n:host([layout="card"]) ::slotted(zg-cell:last-child) {\n  margin-bottom: 0;\n}\n/* Special styling for selector checkbox, edit and remove cells */\n:host([layout="card"]) ::slotted([type="duplicate"]),\n:host([layout="card"]) ::slotted([type="editor"]),\n:host([layout="card"]) ::slotted([type="remover"]),\n:host([layout="card"]) ::slotted([type="selector"]) {\n  display: flex;\n}\n/* Edit and Remove */\n:host([layout="card"]) ::slotted([type="duplicate"]),\n:host([layout="card"]) ::slotted([type="editor"]),\n:host([layout="card"]) ::slotted([type="remover"]) {\n  padding: 4px 5px;\n}\n\n:host(:not([card-template])) ::slotted(zg-card) {\n  display:none !important;\n}\n\n:host([card-template]) ::slotted(zg-cell) {\n  display:none !important;\n}\n:host([layout="card"]) ::slotted(zg-cell[data-control-field]:first-child:not([type="info"])) {\n  left: 7px;\n}\n\n/* When sort is present, clicking on the cell no longer should do a browser default selection */\n/* [sort] attr added to <zing-grid> */\n:host([sort]) ::slotted(zg-head-cell) {\n  user-select: none !important;\n  cursor: pointer;\n}\n/* If current cell is not sortable, don\'t show the hand cursor */\n:host([sort]) ::slotted(zg-head-cell[sort="false"]) {\n  cursor: default;\n}\n\n/* If resize columns is active, show the resize cursor */\n:host([resize-column])  ::slotted(zg-head-cell) {\n  cursor: ew-resize;\n}\n\n/* AGGREGATE */\n/* :host([type=aggregate]) { overflow:hidden; } */\n\n:host([type=aggregate]) ::slotted(zg-cell) {\n  background: var(--zg-cell-background_aggregate, var(--zg-cell-background));\n  color: var(--zg-cell-color_aggregate, var(--zg-cell-color, inherit));\n  font-family: var(--zg-cell-font-family_aggregate, var(--zg-cell-font-family, inherit));\n  font-size: var(--zg-cell-font-size_aggregate, var(--zg-cell-font-size, inherit));\n  font-style: var(--zg-cell-font-style_aggregate, var(--zg-cell-font-style, inherit));\n  font-weight: var(--zg-cell-font-weight_aggregate, var(--zg-cell-font-weight, inherit));\n  height: var(--zg-cell-height_aggregate, var(--zg-cell-height, auto));\n  line-height: var(--zg-cell-line-height_aggregate, var(--zg-cell-line-height, inherit));\n  padding: var(--zg-cell-padding_aggregate, var(--zg-cell-padding, var(--theme-padding_y) var(--theme-padding_x)));\n  white-space: nowrap;\n}\n\n:host([type=aggregate]) ::slotted(zg-cell[sorted]) {\n  background: var(--zg-cell-background_aggregate_sorted, var(--zg-cell-background_aggregate, var(--zg-cell-background)));\n  color: var(--zg-cell-color_aggregate_sorted, var(--zg-cell-color_aggregate, var(--zg-cell-color, inherit)));\n  font-family: var(--zg-cell-font-family_aggregate_sorted, var(--zg-cell-font-family_aggregate, var(--zg-cell-font-family, inherit)));\n  font-size: var(--zg-cell-font-size_aggregate_sorted, var(--zg-cell-font-size_aggregate, var(--zg-cell-font-size, inherit)));\n  font-style: var(--zg-cell-font-style_aggregate_sorted, var(--zg-cell-font-style_aggregate, var(--zg-cell-font-style, inherit)));\n  font-weight: var(--zg-cell-font-weight_aggregate_sorted, var(--zg-cell-font-weight_aggregate, var(--zg-cell-font-weight, inherit)));\n  height: var(--zg-cell-height_aggregate_sorted, var(--zg-cell-height_aggregate, var(--zg-cell-height, auto)));\n  line-height: var(--zg-cell-line-height_aggregate_sorted, var(--zg-cell-line-height_aggregate, var(--zg-cell-line-height, inherit)));\n  padding: var(--zg-cell-padding_aggregate_sorted, var(--zg-cell-padding_aggregate, var(--zg-cell-padding, var(--theme-padding_y) var(--theme-padding_x))));\n}\n\n:host(.row-dirty-removed),\n:host ::slotted(zg-cell.row-dirty-removed) {\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-row-dirty-delete-background-color\n  * @description Sets the background color of the dirty row on row delete\n  * @see background-color\n  * @default gray;\n  * @demoLink https://app.zingsoft.com/demos/create/QXUNHO2F\n  * @shadowOnly false\n  */\n  background-color: var(--zg-row-dirty-delete-background-color, gray) !important;\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-row-dirty-delete-color\n  * @description Sets the  color of the dirty row on row delete\n  * @see color\n  * @default \n  * @demoLink https://app.zingsoft.com/demos/create/GHEMFKE2\n  * @shadowOnly false\n  */\n  color: var(--zg-row-dirty-delete-color, inherit) !important;\n\n}\n\n:host(.row-dirty-inserted),\n:host ::slotted(zg-cell.row-dirty-inserted) {\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-row-dirty-insert-background-color\n  * @description Sets the background color of the dirty row on row insert\n  * @see background-color\n  * @default green;\n  * @demoLink https://app.zingsoft.com/demos/create/1QNVARYX\n  * @shadowOnly false\n  */\n  background-color: var(--zg-row-dirty-insert-background-color, green) !important;\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-row-dirty-insert-color\n  * @description Sets the color of the dirty row on row insert\n  * @see color\n  * @default \n  * @demoLink https://app.zingsoft.com/demos/create/XIUPV4FU\n  * @shadowOnly false\n  */\n  color: var(--zg-row-dirty-insert-color, inherit) !important;\n}',""])},29189:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {}\n:host([hidden]) {\n    display: none !important;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n.zg-search {\n  display: inline-flex;\n  align-items: center;\n  min-width: var(--zg-icon-width);\n  position: relative;\n}\n\n.zg-search-input {\n  display: none;\n  z-index: 1;\n}\n:host([active]) .zg-search-input {\n  display: block;\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* The search button */\n:host ::slotted(zg-button) {\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n}\n/* The search input */\n:host ::slotted(input) {\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-background\n  * @description Styles the background of search input field\n  * @see background-color\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/IYW53NTF\n  * @shadowOnly false\n  */\n  background-color: var(--zg-search-background);\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border\n  * @description Styles the border of search input field\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/4PDUZTH1\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border-bottom\n  * @description Styles the bottom border of search input field\n  * @see border\n  * @default var(--zg-search-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/3JVK4H1O\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-search-border-bottom, var(--zg-search-border, 0));\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border-left\n  * @description Styles the left border of search input field\n  * @see border\n  * @default var(--zg-search-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/YDSOVV4E\n  * @shadowOnly false\n  */\n  border-left: var(--zg-search-border-left, var(--zg-search-border, 0));\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border-radius\n  * @description Applies border radius to search input field\n  * @see border-radius\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/KXLSPBB4\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-search-border-radius, 0);\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border-right\n  * @description Styles the right border of search input field\n  * @see border\n  * @default var(--zg-search-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/79MXY4RD\n  * @shadowOnly false\n  */\n  border-right: var(--zg-search-border-right, var(--zg-search-border, 0));\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border-top\n  * @description Styles the top border of search input field\n  * @see border\n  * @default var(--zg-search-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/BVEFKOAX\n  * @shadowOnly false\n  */\n  border-top: var(--zg-search-border-top, var(--zg-search-border, 0));\n  box-sizing: border-box;\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-color\n  * @description Sets the font color of search input field\n  * @see color\n  * @default var(--theme-color_alt)\n  * @demoLink https://app.zingsoft.com/demos/create/P6DBIQ77\n  * @shadowOnly false\n  */\n  color: var(--zg-search-color, var(--theme-color_alt));\n  display: table-cell;\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-font-size\n  * @description Sets the font size of search input field\n  * @see font-size\n  * @default vd\n  * @demoLink https://app.zingsoft.com/demos/create/0ZWF57WG\n  * @shadowOnly false\n  */\n  font-size: var(--zg-search-font-size, var(--theme-font-size));\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-font-weight\n  * @description Sets the font weight of search input field\n  * @see font-weight\n  * @default var(--theme-font-weight)\n  * @demoLink https://app.zingsoft.com/demos/create/C460WKFJ\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-search-font-weight, var(--theme-font-weight));\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-height\n  * @description Sets the height of search input field\n  * @see height\n  * @default 32px\n  * @demoLink https://app.zingsoft.com/demos/create/VHSG3LZG\n  * @shadowOnly false\n  */\n  height: var(--zg-search-height, 32px);\n  line-height: 1;\n  outline: none;\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-padding\n  * @description Sets the padding of search input field\n  * @see padding\n  * @default 0 10px 0 15px\n  * @demoLink https://app.zingsoft.com/demos/create/I9PHNPDX\n  * @shadowOnly false\n  */\n  padding: var(--zg-search-padding, 0 10px);\n  width: 250px;\n}\n/* The search input (Right to Left direction) */\n:host([dir="rtl"]) ::slotted(input) {\nleft: 0;\nright: auto;\n}',""])},35957:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-background\n  * @description Styles the background of the entire select parent wrapper\n  * @default Browser's default value\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/FKASS504\n  * @shadowOnly true\n  */\n  background: var(--zg-select-background);\n  box-sizing: border-box;\n  cursor: pointer;\n  display:inline-block;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-font-family\n  * @description Sets the font family of the select option\n  * @see font-family\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/QEQSYYSZ\n  * @shadowOnly false\n  */\n  font-family: var(--zg-select-font-family);\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-font-size\n  * @description Sets the font size of the select option\n  * @see font-size\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/DY8BR3BP\n  * @shadowOnly false\n  */\n  font-size: var(--zg-select-font-size);\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-font-weight\n  * @description Sets the font weight of the select option\n  * @see font-weight\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/370EUHZ2\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-select-font-weight);\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-line-height\n  * @description Sets the line height of the select option\n  * @see line-height\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/WLLWY3LZ\n  * @shadowOnly false\n  */\n  line-height: var(--zg-select-line-height);\n  margin: 0;\n  padding: 0;\n  position: relative;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-transform\n  * @description Sets the transform of the select option\n  * @see transform\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/UCROZGFJ\n  * @shadowOnly false\n  */\n  transform: var(--zg-select-transform);\n  user-select: none;\n}\n:host([active]) {\n  z-index: 1000;\n}\n\n:host([disabled]) {\n  cursor: not-allowed;\n  opacity: 0.2 !important;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n.zg-select {\n  display: flex;\n  position: relative;\n  z-index: 2;\n}\n.zg-select-inner {\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-border\n  * @description Styles the border of the select\n  * @see border\n  * @default 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/C1KEFISX\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-border-bottom\n  * @description Styles the bottom border of the select\n  * @see border\n  * @default var(--zg-select-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/318YQ5SY\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-select-border-bottom, var(--zg-select-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-border-left\n  * @description Styles the left border of the select\n  * @see border\n  * @default var(--zg-select-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/3DXGEXHM\n  * @shadowOnly false\n  */\n  border-left: var(--zg-select-border-left, var(--zg-select-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-border-right\n  * @description Styles the right border of the select\n  * @see border\n  * @default var(--zg-select-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/TXSP6105\n  * @shadowOnly false\n  */\n  border-right: var(--zg-select-border-right, var(--zg-select-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-border-top\n  * @description Styles the top border of the select\n  * @see border\n  * @default var(--zg-select-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/DSM6AYMB\n  * @shadowOnly false\n  */\n  border-top: var(--zg-select-border-top, var(--zg-select-border, 1px solid var(--theme-border-color)));\n  display: flex;\n  margin: 0;\n  z-index: 0;\n  outline: none;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-height\n  * @description Sets the minimum height of the select\n  * @see height\n  * @default 28px\n  * @demoLink https://app.zingsoft.com/demos/create/B5HJ4SD8\n  * @shadowOnly true\n  */\n  min-height: var(--zg-select-height, 28px);\n  box-sizing: border-box;\n}\n\n/* Mask */\n.zg-selector-mask {\n  cursor: pointer;\n  display: none;\n  height: 100%;\n  left: 0;\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: 1;\n}\n.zg-selector-mask[active] {\n  display: block;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* The selected value element */\n:host ::slotted(.zg-select-selected) {\n  align-items: center;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-text-background\n  * @description Styles the background of the 'text' portion of the zg-select element\n  * @default #fff\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/MZG3WH82\n  * @shadowOnly false\n  */\n  background: var(--zg-select-text-background, var(--zg-select-background, #fff));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-color\n  * @description Sets the font color of the select\n  * @see color\n  * @default var(--zing-grid-color, var(--theme-color))\n  * @demoLink https://app.zingsoft.com/demos/create/LHLU0OLY\n  * @shadowOnly false\n  */\n  color: var(--zg-select-color, var(--zing-grid-color, var(--theme-color)));\n  display: flex;\n  flex: 1;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-min-width\n  * @description Sets the minimum width of select\n  * @see width\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/UPQ9KFW0\n  * @shadowOnly false\n  */\n  min-width: var(--zg-select-min-width);\n  justify-content: center;\n  overflow: hidden;\n}\n/* Active */\n:host([active]) ::slotted(.zg-select-selected) {\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-color_active\n  * @description Sets the font color of the select option\n  * @see color\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/6I5A2CSK\n  * @shadowOnly false\n  */\n  color: var(--zg-select-color_active, var(--zg-select-color, var(--zing-grid-color, var(--theme-color))));\n}\n\n/* Drop-down arrow element */\n:host ::slotted(.zg-select-trigger) {\n  align-items: center;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-trigger-background\n  * @description Styles the background of the select arrow button (trigger)\n  * @see background\n  * @default var(--zg-select-arrow-background)\n  * @demoLink https://app.zingsoft.com/demos/create/VXK1UMDY\n  * @shadowOnly false\n  */\n  background: var(--zg-select-trigger-background, var(--zg-select-arrow-background));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-border\n  * @description Styles the border of the select arrow button\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/SWYPNN61\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-border-bottom\n  * @description Styles the bottom border of the select arrow button\n  * @see border\n  * @default var(--zg-select-arrow-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/EFHCN5FS\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-select-arrow-border-bottom, var(--zg-select-arrow-border, 0));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-border-left\n  * @description Styles the left border of the select arrow button\n  * @see border\n  * @default var(--zg-select-arrow-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/MK7EXGQL\n  * @shadowOnly false\n  */\n  border-left: var(--zg-select-arrow-border-left, var(--zg-select-arrow-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-border-right\n  * @description Styles the right border of the select arrow button\n  * @see border\n  * @default var(--zg-select-arrow-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/1DGO75SG\n  * @shadowOnly false\n  */\n  border-right: var(--zg-select-arrow-border-right, var(--zg-select-arrow-border, 0));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-border-top\n  * @description Styles the top border of the select arrow button\n  * @see border\n  * @default var(--zg-select-arrow-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/1IT6DL7R\n  * @shadowOnly false\n  */\n  border-top: var(--zg-select-arrow-border-top, var(--zg-select-arrow-border, 0));\n  display: flex;\n  justify-content: center;\n  order: 1;\n  padding: 0;\n  position: relative;\n  width: 30px;\n}\n/* \n  NOTE: FF and Safari don't recognize `:after` on slotted elements\n  so we've slotted in a new element instead: `<div class=\"zg-select-trigger-arrow\">`.\n  This is added in ZGSelect.js as `this.triggerArrow`\n  TODO: When these browsers support `:after`, remove this element and set this\n  selector back to the `:after` state on the trigger itself.\n*/\n/* :host ::slotted(.zg-select-trigger):after {*/\n:host ::slotted(.zg-select-trigger-arrow) {\n  border: 5px solid transparent;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-color\n  * @description Sets the color select arrow icon\n  * @see color\n  * @default #000\n  * @demoLink https://app.zingsoft.com/demos/create/2HTIGGVX\n  * @shadowOnly true\n  */\n  border-top-color: var(--zg-select-arrow-color, var(--zg-select-color, var(--zing-grid-color, #000)));\n  /* content: ''; */\n  display: block;\n  position: absolute;\n  pointer-events: none;\n  right: 11px;\n  top: 50%;\n  transform: translateY(calc(-50% + 3px));\n  z-index: 1;\n}\n/* Active */\n:host([active]) ::slotted(.zg-select-trigger-arrow) {\n  border-top-color: var(--zg-select-arrow-color_active, var(--zg-select-color_active, var(--zg-select-color, var(--zing-grid-color, #000))));\n}\n\n:host([dir=\"rtl\"]) ::slotted(.zg-select-trigger-arrow) {\n  left: 11px;\n  right: unset;\n}\n\n/* The dropdown element */\n:host ::slotted(zg-option-list) {\n  left: 0;\n  margin-top: -1px;\n  position: absolute;\n  z-index:50;\n}\n/* Open the dropdown up instead, if the height of the dropdown extends past the bottom of <zing-grid> */\n:host([open=\"up\"]) ::slotted(zg-option-list) {\n  bottom: calc(var(--zg-select-height) - 1px);\n}",""])},39307:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    /**\n    * @memberof ZGSelectorMask\n    * @var --zg-selector-mask-opacity\n    * @description Sets the opacity of selector mask\n    * @see opacity\n    * @default .1\n    * @demoLink https://app.zingsoft.com/demos/create/1UHOVY9H\n    * @shadowOnly false\n    */\n    opacity: var(--zg-selector-mask-opacity, .1);\n}\n\n.zg-selector-mask-mask {\n    /**\n    * @memberof ZGSelectorMask\n    * @var --zg-selector-mask-background\n    * @description Styles the background of selector mask\n    * @see background\n    * @default var(--theme-color-secondary)\n    * @demoLink https://app.zingsoft.com/demos/create/WNZ6POC7\n    * @shadowOnly true\n    */\n    background-color: var(--zg-selector-mask-background, var(--theme-color-secondary));\n    pointer-events: none;\n    position: absolute;\n    transition: all 0.1s;\n}\n.zg-selector-mask-mask.blur {\n    background-color: rgba(153, 153, 153, 0.2);\n}\n",""])},25492:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-border\n    * @description Styles the border of separator in the menu\n    * @see border\n    * @default 1px solid var(--theme-border-color)\n    * @demoLink https://app.zingsoft.com/demos/create/RNVZ20TC\n    * @shadowOnly false\n    */\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-border-bottom\n    * @description Styles the bottom border of separator in the menu\n    * @see border\n    * @default var(--zg-separator-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/LUS0AQM5\n    * @shadowOnly false\n    */\n    border-bottom: var(--zg-separator-border-bottom, var(--zg-separator-border, 1px solid var(--theme-border-color)));\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-border-left\n    * @description Styles the left border of separator in the menu\n    * @see border\n    * @default var(--zg-separator-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/1644TNHT\n    * @shadowOnly false\n    */\n    border-left: var(--zg-separator-border-left, var(--zg-separator-border, 0));\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-border-right\n    * @description Styles the right border of separator in the menu\n    * @see border\n    * @default var(--zg-separator-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/0E92TO7L\n    * @shadowOnly false\n    */\n    border-right: var(--zg-separator-border-right, var(--zg-separator-border, 1px solid var(--theme-border-color)));\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-border-top\n    * @description Styles the top border of separator in the menu\n    * @see border\n    * @default var(--zg-separator-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/VLP6EXTJ\n    * @shadowOnly false\n    */\n    border-top: var(--zg-separator-border-top, var(--zg-separator-border, 0));\n    contain: content;\n    display: block;\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-margin\n    * @description Sets the margin of separator in the menu\n    * @see margin\n    * @default 5px 0\n    * @demoLink https://app.zingsoft.com/demos/create/M1YEHDNJ\n    * @shadowOnly false\n    */\n    margin: var(--zg-separator-margin, 5px 0);\n}\n\n:host([hidden]) {\n    display: none;\n}\n\n",""])},6952:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-background\n  * @description Styles the background of source when in `<zg-header>`\n  * @see background\n  * @default var(--theme-color-light)\n  * @demoLink https://app.zingsoft.com/demos/create/B8CEE4RW\n  * @shadowOnly false\n  */\n  background: var(--zg-source-background, var(--theme-color-light));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border\n  * @description Styles the border of source when in `<zg-header>`\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/61L4J1BK\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-bottom\n  * @description Styles the bottom border of source when in `<zg-header>`\n  * @see border\n  * @default var(--zg-source-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/7PHK3BWY\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-source-border-bottom, var(--zg-source-border, 0));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-left\n  * @description Styles the left border of source when in `<zg-header>`\n  * @see border\n  * @default var(--zg-source-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/V4JCUJ5Z\n  * @shadowOnly false\n  */\n  border-left: var(--zg-source-border-left, var(--zg-source-border, 0));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-right\n  * @description Styles the right border of source when in `<zg-header>`\n  * @see border\n  * @default var(--zg-source-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/F2Q3GGWE\n  * @shadowOnly false\n  */\n  border-right: var(--zg-source-border-right, var(--zg-source-border, 0));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-top\n  * @description Styles the top border of source when in `<zg-header>`\n  * @see border\n  * @default var(--zg-source-border, 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/IYUVRHY0\n  * @shadowOnly false\n  */\n  border-top: var(--zg-source-border-top, var(--zg-source-border, 0));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-radius\n  * @description Styles the border radius of source\n  * @see border-radius\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/8A6G8QCU\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-source-border-radius, 0);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-color\n  * @description Sets the font color content inside of source\n  * @see color\n  * @default var(--theme-font-size)\n  * @demoLink https://app.zingsoft.com/demos/create/2V50QBIJ\n  * @shadowOnly false\n  */\n  color: var(--zg-source-color, var(--theme-font-size));\n  contain: content;\n  display: flex;\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-size\n  * @description Sets the font size of source\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/26M7XA7S\n  * @shadowOnly false\n  */\n  font-size: var(--zg-source-font-size, .8rem);\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-style\n  * @description Sets the font style of source\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/DHFAV0VU\n  * @shadowOnly false\n  */\n  font-style: var(--zg-source-font-style, inherit);\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-weight\n  * @description Sets the font weight of source\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/MN67ITKE\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-source-font-weight, inherit);\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-line-height\n  * @description Setes the line height of source\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/XGIEZHE5\n  * @shadowOnly false\n  */\n  line-height: var(--zg-source-line-height, inherit);\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-min-height\n  * @description Sets the min-height of source\n  * @see min-height\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/65FQVPFH\n  * @shadowOnly false\n  */\n  min-height: var(--zg-source-min-height, auto);\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-padding\n  * @description Sets the padding of source\n  * @see padding\n  * @default 5px var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/3Q444PE7\n  * @shadowOnly false\n  */\n  padding: var(--zg-source-padding, 5px var(--theme-padding_x));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-text-align\n  * @description Sets text alignment of content inside of source\n  * @see text-align\n  * @default left\n  * @demoLink https://app.zingsoft.com/demos/create/39DT0WPU\n  * @shadowOnly true\n  */\n  text-align: var(--zg-source-text-align, left);\n  width: 100%;\n}\n\n/* ZG-HEADER */\n:host([position="top"]) {\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-background_top\n  * @description Styles the background of source in grid header\n  * @see background\n  * @default var(--zg-source-background, var(--theme-color-light))\n  * @demoLink https://app.zingsoft.com/demos/create/HMPYHCA5\n  * @shadowOnly false\n  */\n  background: var(--zg-source-background_top, var(--zg-source-background, var(--theme-color-light)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border_top\n  * @description Styles the border of source in grid header\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/XDGD9PE9\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-bottom_top\n  * @description Styles the bottom border of source in grid header\n  * @see border\n  * @default var(--zg-source-border-bottom, var(--zg-source-border, 1px solid var(--theme-border-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/ZLU0PJ8K\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-source-border-bottom_top, var(--zg-source-border_top, var(--zg-source-border-bottom, var(--zg-source-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-left_top\n  * @description Styles the left border of source in grid header\n  * @see border\n  * @default var(--zg-source-border-left, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/ZOSVTPPP\n  * @shadowOnly false\n  */\n  border-left: var(--zg-source-border-left_top, var(--zg-source-border_top, var(--zg-source-border-left, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-right_top\n  * @description Styles the right border of source in grid header\n  * @see border\n  * @default var(--zg-source-border-right, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/XYYNP87U\n  * @shadowOnly false\n  */\n  border-right: var(--zg-source-border-right_top, var(--zg-source-border_top, var(--zg-source-border-right, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-top_top\n  * @description Styles the top border of source in grid header\n  * @see border\n  * @default var(--zg-source-border-top, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/QFZ02F7M\n  * @shadowOnly false\n  */\n  border-top: var(--zg-source-border-top_top, var(--zg-source-border_top, var(--zg-source-border-top, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-radius_top\n  * @description Sets the border radius of source in grid header\n  * @see border-radius\n  * @default var(--zg-source-border-radius, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/YANV98VN\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-source-border-radius_top, var(--zg-source-border-radius, 0));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-color_top\n  * @description Sets the font color of source in grid header\n  * @see color\n  * @default var(--zg-source-color, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/HXKVXNN1\n  * @shadowOnly false\n  */\n  color: var(--zg-source-color_top, var(--zg-source-color, var(--zg-source-border, 0)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-size_top\n  * @description Sets the font size of source in grid header\n  * @see font-size\n  * @default var(--zg-source-font-size, .8rem)\n  * @demoLink https://app.zingsoft.com/demos/create/9L6UUOD1\n  * @shadowOnly false\n  */\n  font-size: var(--zg-source-font-size_top, var(--zg-source-font-size, .8rem));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-style_top\n  * @description Sets the font style of source in grid header\n  * @see font-style\n  * @default var(--zg-source-font-style, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/840GA0V0\n  * @shadowOnly false\n  */\n  font-style: var(--zg-source-font-style_top, var(--zg-source-font-style, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-weight_top\n  * @description Sets the font weight of source in grid header\n  * @see font-weight\n  * @default var(--zg-source-font-weight, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/USHIZ6F6\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-source-font-weight_top, var(--zg-source-font-weight, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-line-height_top\n  * @description Sets the line height of source in grid header\n  * @see line-height\n  * @default var(--zg-source-line-height, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/5YF3GLIN\n  * @shadowOnly false\n  */\n  line-height: var(--zg-source-line-height_top, var(--zg-source-line-height, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-min-height_top\n  * @description Sets the min-height of source in grid header\n  * @see min-height\n  * @default var(--zg-source-min-height, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/0QZLOW3U\n  * @shadowOnly false\n  */\n  min-height: var(--zg-source-min-height_top, var(--zg-source-min-height, var(--zg-source-border, 0)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-padding_top\n  * @description Sets the padding of source in grid header\n  * @see padding\n  * @default var(--zg-source-padding, 5px var(--theme-padding_x))\n  * @demoLink https://app.zingsoft.com/demos/create/RVNCXN9N\n  */\n  padding: var(--zg-source-padding_top, var(--zg-source-padding, 5px var(--theme-padding_x)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-text-align_top\n  * @description Sets the text alignment of source in grid header\n  * @see text-align\n  * @default var(--zg-source-text-align, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/340QGB1B\n  * @shadowOnly true\n  */\n  text-align: var(--zg-source-text-align_top, var(--zg-source-text-align, var(--zg-source-border, 0)));\n}\n\n/* ZG-FOOTER */\n:host([position="bottom"]) {\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-background_bottom\n  * @description Styles the background of source in grid footer\n  * @see background\n  * @default var(--zg-source-background, var(--theme-color-light))\n  * @demoLink https://app.zingsoft.com/demos/create/U2ULZN3K\n  * @shadowOnly false\n  */\n  background: var(--zg-source-background_bottom, var(--zg-source-background, var(--theme-color-light)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border_bottom\n  * @description Styles the border of source in grid footer\n  * @see border\n  * @default var(--zg-source-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/NLGMWVFV\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-bottom_bottom\n  * @description Styles the bottom border of source in grid footer\n  * @see border\n  * @default var(--zg-source-border-bottom, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/HU2H5A7R\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-source-border-bottom_bottom, var(--zg-source-border_bottom, var(--zg-source-border-bottom, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-left_bottom\n  * @description Styles the left border of source when in grid footer\n  * @see border\n  * @default var(--zg-source-border-left, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/TMDEY84Q\n  * @shadowOnly false\n  */\n  border-left: var(--zg-source-border-left_bottom, var(--zg-source-border_bottom, var(--zg-source-border-left, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-right_bottom\n  * @description Styles the right border of source in grid footer\n  * @see border\n  * @default var(--zg-source-border-right, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/DVIKUSPV\n  * @shadowOnly false\n  */\n  border-right: var(--zg-source-border-right_bottom, var(--zg-source-border_bottom, var(--zg-source-border-right, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-top_bottom\n  * @description Sets the border radius of source in grid footer\n  * @see border\n  * @default var(--zg-source-border-top, var(--zg-source-border, 1px solid var(--theme-border-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/HHTAVNAN\n  * @shadowOnly false\n  */\n  border-top: var(--zg-source-border-top_bottom, var(--zg-source-border_bottom, var(--zg-source-border-top, var(--zg-source-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-radius_bottom\n  * @description Styles the top border of source in grid footer\n  * @see border-radius\n  * @default var(--zg-source-border-radius, 0 0 var(--zing-grid-border-radius, 0) var(--zing-grid-border-radius, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/FX3KMZFC\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-source-border-radius_bottom, var(--zg-source-border-radius, 0 0 var(--zing-grid-border-radius, 0) var(--zing-grid-border-radius, 0)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-color_bottom\n  * @description Sets the font color of source in grid footer\n  * @see color\n  * @default var(--zg-source-color, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/ZYE5IX57\n  * @shadowOnly false\n  */\n  color: var(--zg-source-color_bottom, var(--zg-source-color, var(--zg-source-border, 0)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-size_bottom\n  * @description Sets the font size of source in grid footer\n  * @see font-size\n  * @default var(--zg-source-font-size, .8rem)\n  * @demoLink https://app.zingsoft.com/demos/create/8OUWG6MW\n  * @shadowOnly false\n  */\n  font-size: var(--zg-source-font-size_bottom, var(--zg-source-font-size, .8rem));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-style_bottom\n  * @description Sets the font style of source in grid footer\n  * @see font-style\n  * @default var(--zg-source-font-style, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/MO9TACWW\n  * @shadowOnly false\n  */\n  font-style: var(--zg-source-font-style_bottom, var(--zg-source-font-style, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-weight_bottom\n  * @description Sets the font weight of source in grid footer\n  * @see font-weight\n  * @default var(--zg-source-font-weight, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/ZI6A0WHC\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-source-font-weight_bottom, var(--zg-source-font-weight, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-line-height_bottom\n  * @description Sets the line height of source in grid footer\n  * @see line-height\n  * @default var(--zg-source-line-height, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/2AFGKKGF\n  * @shadowOnly false\n  */\n  line-height: var(--zg-source-line-height_bottom, var(--zg-source-line-height, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-min-height_bottom\n  * @description Sets the min-height of source in grid footer\n  * @see min-height\n  * @default var(--zg-source-min-height, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/XFJ87KHV\n  * @shadowOnly false\n  */\n  min-height: var(--zg-source-min-height_bottom, var(--zg-source-min-height, var(--zg-source-border, 0)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-padding_bottom\n  * @description Sets the padding of source when in grid footer\n  * @see padding\n  * @default var(--zg-source-padding, 5px var(--theme-padding_x))\n  * @demoLink https://app.zingsoft.com/demos/create/32PB37Q8\n  * @shadowOnly false\n  */\n  padding: var(--zg-source-padding_bottom, var(--zg-source-padding, 5px var(--theme-padding_x)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-text-align_bottom\n  * @description Sets the text alignment of source in grid footer\n  * @see text-align\n  * @default var(--zg-source-text-align, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/F3WEBJI1\n  * @shadowOnly true\n  */\n  text-align: var(--zg-source-text-align_bottom, var(--zg-source-text-align, var(--zg-source-border, 0)));\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n\ncite {\n  /* Already documented above */\n  font-style: var(--zg-source-font-style, inherit);\n  width: 100%;\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */',""])},37835:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  bottom: auto;\n  inset: var(--zg-status-offset) var(--zg-status-offset) auto auto;\n  opacity: 0;\n\n  pointer-events: none;\n  position: absolute;\n  /* width: 100%; */\n  transition: opacity .25s;\n}\n\n/* Active */\n:host([active]) {\n  opacity: 1;\n  pointer-events: auto;\n  z-index:11; /* Set to 11 to be higher than zg-focus */ \n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n.zg-status {\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-background\n  * @description Styles the background of status\n  * @see background\n  * @default #333\n  * @demoLink https://app.zingsoft.com/demos/create/W5V0YNUC\n  * @shadowOnly true\n  */\n  background: var(--zg-status-background, transparent);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-border\n  * @description Styles the border of status\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/Z8G1Y9J0\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-border-bottom\n  * @description Styles the bottom border of status\n  * @see border\n  * @default var(--zg-status-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/RDBMZRYT\n  * @shadowOnly true\n  */\n  border-bottom: var(--zg-status-border-bottom, var(--zg-status-border, 0));\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-border-left\n  * @description Styles the left border of status\n  * @see border\n  * @default var(--zg-status-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/0N6OVVNL\n  * @shadowOnly true\n  */\n  border-left: var(--zg-status-border-left, var(--zg-status-border, 0));\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-border-right\n  * @description Styles the right border of status\n  * @see border\n  * @default var(--zg-status-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/V4FJ8NP0\n  * @shadowOnly true\n  */\n  border-right: var(--zg-status-border-right, var(--zg-status-border, 0));\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-border-top\n  * @description Styles the top border of status\n  * @see border\n  * @default var(--zg-status-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/JR75IU0Z\n  * @shadowOnly true\n  */\n  border-top: var(--zg-status-border-top, var(--zg-status-border, 0));\n  border-radius: var(--zg-status-border-radius, 7px);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-box-shadow\n  * @description Applies a box shadow behind status\n  * @see box-shadow\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/AFADODNH\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-status-box-shadow, none);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-color\n  * @description Sets the font color of contents in status\n  * @see color\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/4M1VTWI2\n  * @shadowOnly true\n  */\n  color: var(--zg-status-color, #fff);\n  /* contain: content; */\n  cursor: default;\n  display: flex;\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-margin\n  * @description Sets the margin of status\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/68R9EOE1\n  * @shadowOnly true\n  */\n  margin: var(--zg-status-margin, 0);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-min-height\n  * @description Sets the min-height of status\n  * @see min-height\n  * @default 27px\n  * @demoLink https://app.zingsoft.com/demos/create/I8H3QJQH\n  * @shadowOnly true\n  */\n  user-select: none;\n  /* width: 100%; */\n}\n\n/* TYPE: ERROR */\n:host([type="error"]) .zg-status,\n:host([type="error"]) .zg-status > * {\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-error-background\n  * @description Styles the background of \'error\' status\n  * @see background\n  * @default red\n  * @demoLink https://app.zingsoft.com/demos/create/6PA9F3ZV\n  * @shadowOnly true\n  * @storyAlert true\n  */\n  background: var(--zg-status-error-background, #f44336);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-error-color\n  * @description Sets the font color of contents of \'error\' status\n  * @see color\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/I2PDH9NT\n  * @shadowOnly true\n  * @storyAlert true\n  */\n  color: var(--zg-status-error-color, var(--zg-status-color, #fff));\n}\n\n/* TYPE: SUCCESS */\n:host([type="success"]) .zg-status,\n:host([type="success"]) .zg-status > * {\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-success-background\n  * @description Styles the background of \'success\' status\n  * @see background\n  * @default green\n  * @demoLink https://app.zingsoft.com/demos/create/NBN1ICRW\n  * @shadowOnly true\n  */\n  background: var(--zg-status-success-background, #4caf50);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-success-color\n  * @description Sets the font color of contents of \'success\' status\n  * @see color\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/NOBFYNI2\n  * @shadowOnly true\n  */\n  color: var(--zg-status-success-color, var(--zg-status-color, #fff));\n}\n\n\n/* POSITION: BAR */\n:host([status-position="bar"]) {\n  --zg-status-border-radius: 0;\n}\n\n\n\n/* ZG-ICON */\n.zg-status > zg-icon {\n  margin-right: 8px;\n}\n\n\n/* Message Container */\n.zg-status-message {\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-align-items\n  * @description Sets the alignment of inner elements of status\n  * @see align-items\n  * @default center\n  * @demoLink https://app.zingsoft.com/demos/create/ZRT752NI\n  * @shadowOnly true\n  * @storyAlert recommend:--zg-status-min-height:50px\n  */\n  align-items: var(--zg-status-align-items);\n  border-radius: 3px;\n  box-sizing: border-box;\n  display: flex;\n  flex: 1;\n  gap: 6px;\n  min-height: var(--zg-status-min-height, 27px);\n  overflow: hidden;\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-justify-content\n  * @description Sets the horizontal alignment of contents in status\n  * @see justify-content\n  * @default flex-start\n  * @demoLink https://app.zingsoft.com/demos/create/S5Z1A4YD\n  * @shadowOnly true\n  * @private\n  * @storyAlert recommend:--zg-status-min-height:50px\n  */\n  justify-content: var(--zg-status-justify-content, flex-start);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-font-family\n  * @description Sets the font family of contents in status\n  * @see font-family\n  * @default var(--theme-font-family)\n  * @demoLink https://app.zingsoft.com/demos/create/V9XSI899\n  * @shadowOnly true\n  */\n  font-family: var(--zg-status-font-family, var(--theme-font-family));\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-font-size\n  * @description Sets the font size of contents in status\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/DWUD8JY8\n  * @shadowOnly true\n  */\n  font-size: var(--zg-status-font-size, .75rem);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-line-height\n  * @description Sets the line height of status\n  * @see line-height\n  * @default 1\n  * @demoLink https://app.zingsoft.com/demos/create/NIZJO06Q\n  * @shadowOnly true\n  */\n  line-height: var(--zg-status-line-height, 1.4);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-max-width\n  * @description Sets the max-width of the status-message area\n  * @see width\n  * @default 300px\n  * @demoLink https://app.zingsoft.com/demos/create/SQY0NAMY\n  * @shadowOnly true\n  */\n  max-width: var(--zg-status-max-width, 280px);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-padding\n  * @description Sets the padding of status\n  * @see padding\n  * @default 14px var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/OMHQO954\n  * @shadowOnly true\n  */\n  padding: var(--zg-status-padding, 10px);\n  transform: translateX(0);\n  z-index: 1;\n}\n\n.zg-status-message zg-icon {\n  height: 16px;\n  width: 16px;\n}\n\n/* Position: Bar */\n:host([status-position="bar"]) .zg-status-message {\n  --zg-status-font-size: 13px;\n  --zg-status-justify-content: flex-start;\n  --zg-status-max-width: none;\n}\n:host([status-position="bar"]) .zg-status-message zg-icon {\n  flex: 0 1 auto;\n}\n\n/* Icon */\n.zg-status-message zg-icon {\n  flex:1 0 auto;\n}\n:host([type="success"]) .zg-status-message zg-icon {\n  transform: translateY(-1px)\n}\n\n/* Text/Label */\n.zg-status-text { transform:translateY(2px); }\n\n/* Action */\n.zg-status-action {\n  background: #fbfbfb;\n  border-radius: 0 3px 3px 0;\n  cursor: pointer;\n  display: flex;\n  font-size: 90%;\n  outline: none;\n  overflow: hidden;\n  text-transform: uppercase;\n  width: 24px;\n}\n/* Position: Bar */\n:host([status-position="bar"]) .zg-status-action {\n  width: 34px;\n}\n\n/* Span wrapper */\n.zg-status-action > [close] {\n  display: flex;\n}\n\n/* SVG Icon */\n.zg-status-action zg-icon {\n  border-radius: 0 3px 3px 0;\n  display: flex;\n  fill: #fff;\n  height: 100%;\n  justify-content: center;\n  min-width: 24px;\n}\n\n.zg-status-action svg {\n  height: 14px;\n  width: 14px;  \n  transform: translateY(5px) rotate(0);\n}\n.zg-status-action zg-icon:hover svg {\n  transform: translateY(5px) rotate(-90deg);\n  transition: transform .3s ease-out;\n}\n\n/* Position: Bar */\n:host([status-position="bar"]) .zg-status-action zg-icon {\n  align-items: center;\n  min-width: 34px;\n}\n:host([status-position="bar"]) .zg-status-action svg {\n  width: 20px;\n  height:20px;\n  transform: translateY(0) rotate(0);\n}\n:host([status-position="bar"]) .zg-status-action zg-icon:hover svg {\n  transform: translateY(0) rotate(-90deg);\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */',""])},79273:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    display: inline;\n    /**\n    * @memberof ZGText\n    * @var --zg-text-color\n    * @description Sets the font color of text\n    * @see color\n    * @default Browser's default value\n    * @demoLink https://app.zingsoft.com/demos/create/6MC0B6AC\n    * @shadowOnly false\n    */\n    color: var(--zg-text-color);\n    /**\n    * @memberof ZGText\n    * @var --zg-text-font-family\n    * @description Sets the font family of text\n    * @see font-family\n    * @default Browser's default value\n    * @demoLink https://app.zingsoft.com/demos/create/0WX0EZZ8\n    * @shadowOnly false\n    */\n    font-family: var(--zg-text-font-family);\n    /**\n    * @memberof ZGText\n    * @var --zg-text-font-size\n    * @description Sets the font size of text\n    * @see font-size\n    * @default Browser's default value\n    * @demoLink https://app.zingsoft.com/demos/create/R9RX1WRC\n    * @shadowOnly false\n    */\n    font-size: var(--zg-text-font-size);\n    /**\n    * @memberof ZGText\n    * @var --zg-text-font-style\n    * @description Sets the font style of text\n    * @see font-style\n    * @default Browser's default value\n    * @demoLink https://app.zingsoft.com/demos/create/LE7Z8B73\n    * @shadowOnly false\n    */\n    font-style: var(--zg-text-font-style);\n    /**\n    * @memberof ZGText\n    * @var --zg-text-font-weight\n    * @description Sets the font weight of text\n    * @see font-weight\n    * @default Browser's default value\n    * @demoLink https://app.zingsoft.com/demos/create/J9EWFRHT\n    * @shadowOnly false\n    */\n    font-weight: var(--zg-text-font-weight);\n    /**\n    * @memberof ZGText\n    * @var --zg-text-line-height\n    * @description Sets the line height of text\n    * @see line-height\n    * @default .8\n    * @demoLink https://app.zingsoft.com/demos/create/W14MFSEF\n    * @shadowOnly false\n    */\n    line-height: var(--zg-text-line-height, .8);\n}",""])},90409:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* HOST - CONFIG\n-------------------------------------- */\n/* Type: Default */\n:host([tooltip-type="default"]) {\n  --tooltip-background-color: var(--zing-grid-background);\n  --tooltip-border-color: var(--theme-border-color);\n  --tooltip-arrow-size: 7px;\n  --tooltip-icon-horz-offset: -8px;\n  --tooltip-offset: 8px;\n}\n:host([tooltip-type="default"][no-info-icon]) {\n  --tooltip-icon-horz-offset: -10px;\n  --tooltip-offset: 6px;\n  --tooltip-vert-offset: 2px;\n}\n\n/* Type: System */\n:host([tooltip-type="system"]) {\n  --tooltip-background-color: var(--theme-color_alt);\n  --tooltip-border-color: var(--theme-color_alt);\n  --tooltip-arrow-size: 5px;\n  --tooltip-height: 22px;\n  --tooltip-offset: 8px;\n  --tooltip-icon-horz-offset: -4px;\n  --tooltip-vert-offset: 0;\n}\n:host([tooltip-type="system"][no-info-icon]) {\n  /* --tooltip-offset: 6px; */\n  --tooltip-icon-horz-offset: calc(-1 * var(--tooltip-arrow-size) - 2px);\n  --tooltip-vert-offset: 1px;\n}\n\n\n/* HOST\n-------------------------------------- */\n/* Type: Default */\n:host {\n  background: var(--tooltip-background-color);\n  border: 1px solid var(--tooltip-border-color);\n  border-radius: 4px;\n  display: block;\n  line-height: initial;\n  padding: 10px;\n  pointer-events: auto;\n  position: absolute;\n  z-index: 11;\n}\n/* Type: System */\n:host([tooltip-type="system"])  {\n  background: var(--tooltip-background-color);\n  border: 1px solid var(--tooltip-border-color);\n  border-radius: 2px;\n  color: #fff;\n  font-size: 11px;\n  line-height: 1;\n  padding: 6px 8px;\n}\n\n/*  Add space for close button */\n:host([tooltip-action="click"]) {\n  padding-top: 35px;\n}\n\n:host([hidden]) {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n/* :before and :after arrow graphic */\n:host:before,\n:host:after {\n  content: \'\';\n  display: block;\n  position: absolute;\n}\n:host:before {\n  border: var(--tooltip-arrow-size) solid transparent;\n}\n:host:after {\n  border: calc(var(--tooltip-arrow-size) - 1px) solid transparent;\n}\n\n/* POSITIONING: TOP\n-------------------------------------- */\n/* Has Info Icon (from icon) */\n:host([tooltip-position="top"]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * 100%));\n}\n:host([tooltip-position="top"][animate]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * 100% - var(--tooltip-offset)));\n}\n/* No Info Icon (from cell) */\n:host([tooltip-position="top"][no-info-icon]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * 100% + (var(--zg-row-head-height)/2) - (var(--tooltip-arrow-size)*2)));\n}\n:host([tooltip-position="top"][no-info-icon][animate]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * 100% + (var(--zg-row-head-height)/2) - (var(--tooltip-arrow-size)*2) - var(--tooltip-offset)));\n}\n/* Arrow */\n:host([tooltip-position="top"]):before,\n:host([tooltip-position="top"]):after {\n  left: var(--tooltip-arrow-size);\n  top: 100%;\n}\n:host([tooltip-position="top"]):before {\n  border-top-color: var(--tooltip-border-color);\n}\n:host([tooltip-position="top"]):after {\n  border-top-color: var(--tooltip-background-color);\n  transform: translateX(1px);\n}\n\n\n/* POSITIONING: BOTTOM\n-------------------------------------- */\n/* Has Info Icon (from icon) */\n:host([tooltip-position="bottom"]) {\n  transform: translate(var(--tooltip-icon-horz-offset), 0);\n}\n:host([tooltip-position="bottom"][animate]) {\n  transform: translate(var(--tooltip-icon-horz-offset), var(--tooltip-offset));\n}\n/* No Info Icon (from cell) */\n:host([tooltip-position="bottom"][no-info-icon]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * (var(--zg-row-head-height)/2) + (var(--tooltip-arrow-size)*2)));\n}\n:host([tooltip-position="bottom"][no-info-icon][animate]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * (var(--zg-row-head-height)/2) + (var(--tooltip-arrow-size)*2) + var(--tooltip-offset) - var(--tooltip-vert-offset)));\n}\n/* Arrow */\n:host([tooltip-position="bottom"]):before,\n:host([tooltip-position="bottom"]):after {\n  left: var(--tooltip-arrow-size);\n  top: calc(-1 * (var(--tooltip-arrow-size) * 2));\n}\n:host([tooltip-position="bottom"]):before {\n  border-bottom-color: var(--tooltip-border-color);\n}\n:host([tooltip-position="bottom"]):after {\n  border-bottom-color: var(--tooltip-background-color);\n  transform: translate(1px, 2px);\n}\n\n\n/* POSITIONING: LEFT\n-------------------------------------- */\n:host([tooltip-position="left"]) {\n  transform: translate(calc(-1 * 100% - (var(--tooltip-arrow-size)/2)), -50%);\n}\n:host([tooltip-position="left"][animate]) {\n  transform: translate(calc(-1 * 100% - var(--tooltip-offset) - (var(--tooltip-arrow-size)/2)), -50%);\n}\n:host([tooltip-position="left"][no-info-icon]) {\n  transform: translate(calc(-1 * 100% + var(--zg-head-cell-padding-left) - (var(--tooltip-arrow-size)/2)), -50%);\n}\n:host([tooltip-position="left"][no-info-icon][animate]) {\n  transform: translate(calc(-1 * 100% + var(--zg-head-cell-padding-left) - (var(--tooltip-arrow-size)/2) - var(--tooltip-offset) - 1px), -50%);\n}\n/* Arrow */\n:host([tooltip-position="left"]):before,\n:host([tooltip-position="left"]):after {\n  left: 100%;\n  top: 50%;\n}\n:host([tooltip-position="left"][tooltip-type="system"]):before,\n:host([tooltip-position="left"][tooltip-type="system"]):after {\n  transform: translate(0, calc(-1 * 50% + 7px));\n}\n:host([tooltip-position="left"]):before {\n  border-left-color: var(--tooltip-border-color);\n}\n:host([tooltip-position="left"]):after {\n  border-left-color: var(--tooltip-background-color);\n  transform: translateY(1px);\n}\n:host([tooltip-position="left"]):before,\n:host([tooltip-position="left"]):after {\n  transform: translate(0, calc(-1 * 50% - 1px));\n}\n\n\n/* POSITIONING: RIGHT\n-------------------------------------- */\n:host([tooltip-position="right"]) {\n  transform: translate(calc(var(--tooltip-arrow-size)), -50%);\n}\n:host([tooltip-position="right"][animate]) {\n  transform: translate(calc(var(--tooltip-arrow-size) + var(--tooltip-offset)), -50%);\n}\n/* Arrow */\n:host([tooltip-position="right"]):before,\n:host([tooltip-position="right"]):after {\n  right: 100%;\n  top: 50%;\n}\n:host([tooltip-position="right"][tooltip-type="system"]):before,\n:host([tooltip-position="right"][tooltip-type="system"]):after {\n  transform: translate(0, calc(-1 * 50% + 7px));\n}\n\n:host([tooltip-position="right"]):before {\n  border-right-color: var(--tooltip-border-color);\n}\n:host([tooltip-position="right"]):after {\n  border-right-color: var(--tooltip-background-color);\n  transform: translateY(1px);\n}\n\n:host([tooltip-position="right"]):before,\n:host([tooltip-position="right"]):after {\n  transform: translate(0, calc(-1 * 50% - 1px));\n}\n\n/*  CLOSE BUTTON */\nbutton.zg-tooltip-close {\n  background: var(--zg-icon-color, var(--theme-color-primary));\n  border: 0;\n  border-radius: 2px;\n  color: var(--theme-color-light);\n  cursor: pointer;\n  display: none;\n  font-size: 11px;\n  outline: none;\n  padding: 4px_5px;\n  position: absolute;\n  right: 10px;\n  top: 10px;\n}\n\n:host([tooltip-action="click"]) button.zg-tooltip-close {\n  display: block;\n}\n\n',""])},61861:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-align-items\n     * @description Sets the alignment of watermark\n     * @default center\n     * @demoLink https://app.zingsoft.com/demos/create/S5YW98DV\n     */\n    align-items: var(--zg-watermark-align-items, center);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-background\n     * @description Styles the background of watermark\n     * @default #fbfbfb\n     * @demoLink https://app.zingsoft.com/demos/create/PLI8AW69\n     */\n    background: var(--zg-watermark-background, #fbfbfb);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-border-bottom\n     * @description Styles the bottom border of watermark\n     * @default var(--zg-watermark-border, 0)\n     * @demoLink https://app.zingsoft.com/demos/create/3VCNCH3C\n     */\n    border-bottom: var(--zg-watermark-border-bottom, var(--zg-watermark-border, 0));\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-border-left\n     * @description Styles the left border of watermark\n     * @default var(--zg-watermark-border, 0)\n     * @demoLink https://app.zingsoft.com/demos/create/13YH2AD1\n     */\n    border-left: var(--zg-watermark-border-left, var(--zg-watermark-border, 0));\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-border-radius\n     * @description Applies border radius to the watermark\n     * @default inherit\n     * @demoLink https://app.zingsoft.com/demos/create/HCZ0FTPR\n     */\n    border-radius: var(--zg-watermark-border-radius, inherit);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-border-right\n     * @description Styles the right border of watermark\n     * @default var(--zg-watermark-border, 0)\n     * @demoLink https://app.zingsoft.com/demos/create/ULJ95NPX\n     */\n    border-right: var(--zg-watermark-border-right, var(--zg-watermark-border, 0));\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-border-top\n     * @description Styles the top border of watermark\n     * @default var(--zg-watermark-border, 1px solid var(--theme-border-color))\n     * @demoLink https://app.zingsoft.com/demos/create/GCQARHA3\n     */\n    border-top: var(--zg-watermark-border-top, var(--zg-watermark-border, 1px solid var(--theme-border-color)));\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-box-shadow\n     * @description Applies a box shadow behing the watermark\n     * @default none\n     * @demoLink https://app.zingsoft.com/demos/create/DNU5EE34\n     */\n    box-shadow: var(--zg-watermark-box-shadow, none);\n    box-sizing: border-box;\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-color\n     * @description Sets the color of watermark\n     * @default var(--theme-color-primary)\n     * @demoLink https://app.zingsoft.com/demos/create/RHV3AZL7\n     */\n    color: var(--zg-watermark-color, var(--theme-color-primary));\n    contain: content;\n    display: flex;\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-font-family\n     * @description Sets the font of watermark\n     * @default var(--theme-font-family)\n     * @demoLink https://app.zingsoft.com/demos/create/Z5DUURMU\n     */\n    font-family: var(--zg-watermark-font-family, var(--theme-font-family));\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-font-size\n     * @description Sets the font size of watermark\n     * @default .75rem\n     * @demoLink https://app.zingsoft.com/demos/create/GSCFSFBN\n     */\n    font-size: var(--zg-watermark-font-size, .75rem);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-justify-content\n     * @description Sets the horizontal alignment of contents in the watermark\n     * @default flex-end\n     * @demoLink https://app.zingsoft.com/demos/create/J3IEZOOI\n     */\n    justify-content:var(--zg-watermark-justify-content, flex-end);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-margin\n     * @description Sets margins of watermark\n     * @default 0\n     * @demoLink https://app.zingsoft.com/demos/create/JKMSIB8K\n     */\n    margin: var(--zg-watermark-margin, 0);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-min-height\n     * @description Sets the minimum height of watermark\n     * @default 27px\n     * @demoLink https://app.zingsoft.com/demos/create/LLLRII80\n     */\n    min-height: var(--zg-watermark-min-height, 27px);\n    overflow: hidden;\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-padding\n     * @description Sets padding of watermark\n     * @default 0 var(--theme-padding_x)\n     * @demoLink https://app.zingsoft.com/demos/create/2F6JMW08\n     */\n    padding: var(--zg-watermark-padding, 0 var(--theme-padding_x));\n    position: relative;\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-width\n     * @description Sets width of watermark\n     * @default auto\n     * @demoLink https://app.zingsoft.com/demos/create/52DLY7I5\n     */\n    width: var(--zg-watermark-width, auto);\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\na {\n  color: var(--zg-watermark-color, var(--theme-color-primary));\n  text-decoration: none;\n}\n\nstrong {\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-color_strong\n     * @description Sets color of strong in watermark\n     * @default var(--theme-color-secondary)\n     * @demoLink https://app.zingsoft.com/demos/create/OWU6641C\n     */\n    color: var(--zg-watermark-color_strong, var(--zg-watermark-color, var(--theme-color-secondary)));\n}",""])},50744:(e,t,o)=>{(t=e.exports=o(9252)()).i(o(91103),""),t.i(o(2231),""),t.i(o(93218),""),t.i(o(55765),""),t.i(o(13606),""),t.i(o(94143),""),t.push([e.id,'/* IMPORT\n-------------------------------------- */\n/* Import variables file for each built-in theme */\n/* NOTE: This is required. You don\'t need to import to other components since they inherit from zing-grid. */\n/* NOTE: `default.css` is the base. Other internal themes build off of it */\n/* Import internal themes */\n/* Compact version - must go after theme calls */\n\n/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-background\n  * @default #fff\n  * @see background\n  * @description Styles the background of grid\n  * @demoLink https://app.zingsoft.com/demos/create/S2LGW6WY\n  * @shadowOnly false\n  */\n  background: var(--zing-grid-background, #fff);\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border\n  * @description Styles the border of grid\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/FNVV7TJP\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border-bottom\n  * @description Styles the bottom border of grid\n  * @see border\n  * @default var(--zing-grid-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/BP54E8PI\n  * @shadowOnly false\n  */\n  border-bottom: var(--zing-grid-border-bottom, var(--zing-grid-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border-left\n  * @description Styles the left border of grid\n  * @see border\n  * @default var(--zing-grid-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/BQ8DWU62\n  * @shadowOnly false\n  */\n  border-left: var(--zing-grid-border-left, var(--zing-grid-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border-radius\n  * @description Applies border radious to grid\n  * @see border-radius\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/O84UETSN\n  * @shadowOnly true\n  */\n  border-radius: var(--zing-grid-border-radius, 0);\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border-right\n  * @description Styles the right border of grid\n  * @see border\n  * @default var(--zing-grid-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/7AFJ7RUL\n  * @shadowOnly false\n  */\n  border-right: var(--zing-grid-border-right, var(--zing-grid-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border-top\n  * @description Styles the top border of grid\n  * @see border\n  * @default var(--zing-grid-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/PZO08P3O\n  * @shadowOnly false\n  */\n  border-top: var(--zing-grid-border-top, var(--zing-grid-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-box-shadow\n  * @description Applies a box shadow behind grid\n  * @see box-shadow\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/58QV7GJW\n  * @shadowOnly false\n  */\n  box-shadow: var(--zing-grid-box-shadow, none);\n  box-sizing: border-box;\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-color\n  * @default --theme-color\n  * @see color\n  * @description The font color of grid\n  * @demoLink https://app.zingsoft.com/demos/create/PEY7GS10\n  * @shadowOnly false\n  */\n  color: var(--zing-grid-color, var(--theme-color));\n  display: table;\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-font-family\n  * @default --theme-font-family\n  * @see font-family\n  * @description Sets the font family of grid text\n  * @demoLink https://app.zingsoft.com/demos/create/7KFKVQX1\n  * @shadowOnly false\n  */\n  font-family: var(--zing-grid-font-family, var(--theme-font-family));\n  font-feature-settings: \'liga\'; /* Support for IE. */\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-font-size\n  * @default --theme-font-size\n  * @see font-size\n  * @description Sets the font size of grid text\n  * @demoLink https://app.zingsoft.com/demos/create/HCQWBCQ1\n  * @shadowOnly false\n  */\n  font-size: var(--zing-grid-font-size, var(--theme-font-size));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-font-style\n  * @default --theme-font-style\n  * @see font-style\n  * @description Sets the font style of grid text\n  * @demoLink https://app.zingsoft.com/demos/create/9Q837C38\n  * @shadowOnly false\n  */\n  font-style: var(--zing-grid-font-style, var(--theme-font-style));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-font-weight\n  * @default --theme-font-weight\n  * @see font-weight\n  * @description Sets the font weight of grid text\n  * @demoLink https://app.zingsoft.com/demos/create/9NIED1XI\n  * @shadowOnly false\n  */\n  font-weight: var(--zing-grid-font-weight, var(--theme-font-weight));\n  position: relative;\n  -webkit-font-smoothing: antialiased; /* Support for all WebKit browsers. */\n  -moz-osx-font-smoothing: grayscale; /* Support for Firefox. */\n  text-rendering: optimizeLegibility; /* Support for Safari and Chrome. */\n  width: 100%;\n  outline: none;\n}\n/* [fullscreen] mode */\n:host([fullscreen]) {\n  left: 0;\n  position: fixed;\n  top: 0;\n}\n\n/* [viewport="mobile"] mode */\n:host([viewport="mobile"]) {\n  --zg-dialog-editor-row-grid-template-columns: 1fr;\n}\n\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n\n/* MAIN WRAPPER */\n.zing-grid {\n  border-collapse: collapse;\n  /* display: table; */\n  height: 100%;\n  width: 100%;\n}\n\n:host([loading]) {\n  display: flex;\n  flex-direction: column;\n}\n:host([loading]) .zing-grid {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n}\n\n\n/* ------ */\n\n\n/* GRID CONTENT WRAPPERS */\n\n/* WRAPPER 1 */\n/* TODO: Remove .zing-grid-wrapper-1, but for now it breaks when removed. Possible JS tied to \'#wrap\' id */\n.zing-grid-wrapper-1 {\n  outline: none;\n}\n:host([loading]) .zing-grid-wrapper-1 {\n  flex: 1;\n}\n\n/* WRAPPER 2 */\n.zing-grid-wrapper-2 {\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-table-border\n  * @description Styles the border of grid table contents\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/7AYEIA84\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-table-border-bottom\n  * @default 0\n  * @see border\n  * @description Styles the bottom border of grid table contents\n  * @default var(--zing-grid-table-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/V22ON3LN\n  * @shadowOnly true\n  */\n  border-bottom: var(--zing-grid-table-border-bottom, var(--zing-grid-table-border, var(--zing-grid-body-border, 0)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-table-border-left\n  * @default 0\n  * @see border\n  * @description Styles the left border of grid table contents\n  * @default var(--zing-grid-table-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/TYY11EZ3\n  * @shadowOnly true\n  */\n  border-left: var(--zing-grid-table-border-left, var(--zing-grid-table-border, var(--zing-grid-body-border, 0)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-table-border-right\n  * @default 0\n  * @see border\n  * @description Styles the right border of grid table contents\n  * @default var(--zing-grid-table-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/JRSIU7TZ\n  * @shadowOnly true\n  */\n  border-right: var(--zing-grid-table-border-right, var(--zing-grid-table-border, var(--zing-grid-body-border, 0)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-table-border-top\n  * @default 0\n  * @see border\n  * @description Styles the top border of grid table contents\n  * @default var(--zing-grid-table-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/U2UPKR02\n  * @shadowOnly true\n  */\n  border-top: var(--zing-grid-table-border-top, var(--zing-grid-table-border, var(--zing-grid-body-border, 0)));\n  flex: 1 1 auto;\n  outline: none;\n  position:relative;\n}\n\n.zing-grid-wrapper-2[width] {\n    /* overflow-x: auto;\n    overflow-y: hidden; */\n    overflow: hidden;\n}\n\n.zing-grid-wrapper-2[no-data] {\n  display: none;\n}\n\n/* Scroll Wrapper\n    scroll-wrap and zing-grid-frames are the same with the exception of flex and overflow:auto\n */\n.zing-grid-scroll-wrap {\n}\n\n/* ------ */\n\n\n/* FRAME WRAPPER */\n.zing-grid-frames {\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-body-border\n  * @description Styles the border of grid body\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/Y8DATMC5\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-body-border-bottom\n  * @see border\n  * @description Styles the bottom border of grid body\n  * @default var(--zing-grid-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/DV04MMF0\n  * @shadowOnly false\n  */\n  /* border-bottom: var(--zing-grid-body-border-bottom, var(--zing-grid-body-border, 0));*/\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-body-border-left\n  * @see border\n  * @description Styles the left border of grid body\n  * @default var(--zing-grid-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FLHJ459E\n  * @shadowOnly false\n  */\n  /* border-left: var(--zing-grid-body-border-left, var(--zing-grid-body-border, 0));*/\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-body-border-right\n  * @see border\n  * @description Styles the right border of grid body\n  * @default var(--zing-grid-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/TGKGCNRA\n  * @shadowOnly false\n  */\n  /* border-right: var(--zing-grid-body-border-right, var(--zing-grid-body-border, 0));*/\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-body-border-top\n  * @see border\n  * @description Styles the top border of grid body\n  * @default var(--zing-grid-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/QIG564H2\n  * @shadowOnly false\n  */\n  /* border-top: var(--zing-grid-body-border-top, var(--zing-grid-body-border, 0));*/\n\n  display: flex;\n}\n/* [fullscreen] mode */\n/* :host([fullscreen]) .zing-grid-frames { overflow:auto; } */\n\n.zing-grid-frames-body { overflow:auto; }\n\n/* ------ */\n\n\n/* GRID BODY AREAS (FRAMES - Mainly for freezing) */\n\n/* Shared */\n/* [class*="zing-grid-frame-"] {} */\n\n/* Left */\n.zing-grid-frame-left { /*border:1px solid green;  TMP */ }\n\n/* Main */\n.zing-grid-frame-main {\n  overflow:hidden;\n  position: relative;\n} /* flex: 1 0 auto;  */ /*border:1px solid purple;  TMP */\n.zing-grid-frames-body .zing-grid-frame-main { /*height:1200px;*/ } /* @CS here */\n\n/* Right */\n/* .zing-grid-frame-right {} */\n\n\n/* ------ */\n\n\n/* HEAD */\n\n/* Shared */\n\n/* Left */\n/* .zing-grid-head-left {} */\n\n/* Main */\n/* .zing-grid-head-main {} */\n\n/* Right */\n/* .zing-grid-head-right {} */\n\n\n/* ------ */\n\n/* BODY */\n\n/* Shared */\n[class*="zing-grid-body-"] {\n  box-sizing: border-box;\n  display: table;\n  overflow-x: scroll;\n  position: relative;\n  width: 100%;\n  table-layout: fixed;\n}\n\n/* Left */\n/* .zing-grid-body-left {} */\n\n/* Main */\n/* .zing-grid-body-main {} */\n\n/* Right */\n/* .zing-grid-body-right {} */\n\n\n/* ------ */\n\n\n/* BODY SCROLL\n-------------------------------------- */\n/* BODY SCROLL */\n/* Inner scroll wrapper */\n.zing-grid-scroll {\n  position: relative;\n  overflow-x: auto;\n}\n.zing-grid-scroll[height] {\n  /* overflow-x: auto;\n  overflow-y: hidden; */\n  overflow: auto;\n}\n\n\n\n/* FREEZE\n-------------------------------------- */\n\n/* Shared */\n.zing-grid-freeze-left,\n.zing-grid-freeze-right {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  /* table-layout: fixed; */ /* @CS Did you add this for a particular reason? I don\'t think it is needed, but I might not see the whole picture. */\n}\n/* When no freeze columns, hide the column wrappers so that body can fill the whole width */\n.zing-grid-frames[no-freeze] .zing-grid-freeze-left,\n.zing-grid-frames[no-freeze] .zing-grid-freeze-right {\n  display: none;\n}\n\n.zing-grid-freeze-left[no-content],\n.zing-grid-freeze-right[no-content] {\n  display: none;\n}\n\n/* Left */\n/* .zing-grid-freeze-left {} */\n\n/* Right */\n/* .zing-grid-freeze-right {} */\n\n.zing-grid-freeze-style-left {\n\tleft: 0;\n}\n\n:host ::slotted(#zing-grid-freeze-style-left) {\n\tleft: 0;\n}\n\n:host([dir="rtl"]) ::slotted(#zing-grid-freeze-style-left) {\n\tleft: unset;\n  right: 0;\n}\n\n:host ::slotted(#zing-grid-freeze-style-right) {\n\tright: 0;\n}\n\n:host([dir="rtl"]) ::slotted(#zing-grid-freeze-style-right) {\n\tright: unset;\n  left: 0;\n}\n\n/* Hide in card layout mode */\n:host([layout="card"]) .zing-grid-freeze-style-left,\n:host([layout="card"]) .zing-grid-freeze-style-right {\n  display: none;\n}\n\n/* When selector is present, clicking on the cell no longer should do a\n * browser default selection, instead selector should be used to do copy-paste\n * operations. */\n:host([selector]) .zg-cell span {\n  user-select: none;\n  cursor: default;\n}\n\n/* When resize-column is set, we want the cursor to always be the resize cursor even if over a drag or sort column head */\n:host([resize-column]) {\n  cursor: ew-resize;\n}\n\n/* Menu Items */\n.zg-button-text {\n  top: 7px;\n}\n\n/* Clipboard */\n/* NOTE: We can\'t simply display:none; or visibility:hidden; the clipboard, otherwise the copy+paste code won\'t work */\n.zing-grid-clipboard {\n  background: none;\n  border: 0;\n  height: 0;\n  pointer-events: none;\n  position: absolute;\n  opacity: 0;\n  resize: none;\n  width: 0;\n}\n\n/* Grid Clipper */\n.zing-grid-selection-copy-paste {\n  position: absolute;\n  top: -1000px;\n  left: 0;\n  width: 0;\n  height: 0;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(*) {\n  flex-shrink: 0;\n}\n\n/* ZG-BODY */\n:host([selector]) ::slotted(zg-body) {\n  user-select: none;\n}\n\n/* ZG-HEAD */\n:host([selector]) ::slotted(zg-head) {\n  user-select: none;\n}\n\n/* ZG-NODATA */\n/*\n  If user added `[dialog]` to <zing-grid>, set a min-height\n  so that the modal-overlay isn\'t cutoff.\n*/\n:host([dialog]) ::slotted(zg-no-data) {\n  align-items: flex-start;\n  min-height: 250px;\n}\n\n/* ZG-PAGER */\n:host ::slotted(zg-pager[slot=\'bottom\']) {\n  border-top: 1px solid var(--theme-border-color);\n}\n/*\n  Add a top-border to the <zg-pager> when the <zing-grid> tag\n  has a [height] attribute. Because the bottom row in grid\n  could be cutoff due to this fixed height, it\'s natural border\n  wouldn\'t separate the grid from the pager (especially if they\n  share the same background color). This way we ensure there is\n  a visual separation.\n*/\n:host([height]) ::slotted(zg-pager) {\n  --zg-pager-border-top: 1px solid var(--theme-border-color);\n}\n\n/* ZG-STATUS */\n/*\n  Set attribute values on <zing-grid> to position the message (top-left, top-right (default), bottom-left, bottom-right)\n*/\n/* Top */\n:host([status-position="top left"]) ::slotted(zg-status),\n:host([status-position="left top"]) ::slotted(zg-status) {\n  left: var(--zg-status-offset);\n  right: auto;\n}\n:host([status-position="bottom left"]) ::slotted(zg-status),\n:host([status-position="left bottom"]) ::slotted(zg-status) {\n  bottom: var(--zg-status-offset);\n  left: var(--zg-status-offset);\n  right: auto;\n  top: auto;\n}\n:host([status-position="top center"]) ::slotted(zg-status),\n:host([status-position="center top"]) ::slotted(zg-status) {\n  bottom: var(--zg-status-offset);\n  right: 50%;\n  transform: translateX(50%);\n}\n/* Bottom */\n:host([status-position="bottom right"]) ::slotted(zg-status),\n:host([status-position="right bottom"]) ::slotted(zg-status) {\n  bottom: var(--zg-status-offset);\n  top: auto;\n}\n:host([status-position="bottom center"]) ::slotted(zg-status),\n:host([status-position="center bottom"]) ::slotted(zg-status) {\n  bottom: var(--zg-status-offset);\n  right: 50%;\n  top: auto;\n  transform: translateX(50%);\n}\n/* Center */\n:host([status-position="center"]) ::slotted(zg-status) {\n  right: 50%;\n  transform: translate(50%, -50%);\n  top: 50%;\n}\n:host([status-position="center left"]) ::slotted(zg-status),\n:host([status-position="left center"]) ::slotted(zg-status) {\n  right: auto;\n  left: var(--zg-status-offset);\n  transform: translateY(-50%);\n  top: 50%;\n}\n:host([status-position="center right"]) ::slotted(zg-status),\n:host([status-position="right center"]) ::slotted(zg-status) {\n  transform: translateY(-50%);\n  top: 50%;\n}\n/* \'Bar\' Style (Bottom) */\n:host([status-position="bar"]) ::slotted(zg-status) {\n  border-radius: 0;\n  right: auto;\n  top: 100%;\n  width: 100%;\n  max-width: none;\n}\n\n\n\n\n:host ::slotted(zg-load-mask[default-load-mask]) {\n  display:none;\n}\n\n:host([loading]) ::slotted(zg-load-mask[default-load-mask]) {\n  display:flex !important;\n}\n\n/* DRAGGABLE COLUMNS */\n/* Default Styling */\n:host ::slotted(.zg-shadow-cell) {\n  background-color: var(--zg-head-cell-background, var(--zg-head-background));\n  box-sizing: border-box;\n  color: var(--zg-head-cell-color);\n  /* min-width: 80px; */\n  height: var(--zg-head-cell-height);\n  /* line-height: 30px; */\n  position: absolute;\n  z-index: 100000000;\n  border-bottom: var(--zg-head-cell-border-bottom, 1px solid var(--theme-border-color));\n  border-left: var(--zg-head-cell-border-left, 1px solid var(--theme-border-color));\n  border-right: var(--zg-head-cell-border-right, 1px solid var(--theme-border-color));\n  border-top: var(--zg-head-cell-border-top, 1px solid var(--theme-border-color));\n  vertical-align: middle;\n  text-align: center;\n  text-transform: uppercase;\n  font-size: var(--zg-head-cell-font-size);\n  font-weight: bold;\n  cursor: move;\n\n  align-items: center;\n  justify-content: center;\n  display: flex;\n  flex-direction: column;\n}\n:host ::slotted(.zg-shadow-cell[ready]) {\n  padding: 20px 10px;\n}\n:host ::slotted(.zg-shadow-cell):after {\n  content: attr(data-content);\n  align-items: center;\n  background: var(--theme-color-primary);\n  border-bottom: var(--zg-head-cell-border-bottom, 1px solid var(--theme-border-color));\n  border-left: var(--zg-head-cell-border-left, 1px solid var(--theme-border-color));\n  border-right: var(--zg-head-cell-border-right, 1px solid var(--theme-border-color));\n  box-sizing: border-box;\n  color: #fff;\n  display: flex;\n  flex: 1;\n  font-size: 9px;\n  justify-content: center;\n  padding: 3px 5px;\n  white-space: nowrap;\n  min-width: 150px;\n  width: var(--draggable-width_note, calc(100% + 4px));\n}\n:host ::slotted(.zg-shadow-cell[ready]):after {\n  bottom: 0;\n  position: absolute;\n  transform: translateY(100%);\n}\n\n\n/* DRAG OUTSIDE GRID TO HIDE COLUMN */\n/* Styling when dragged outside ZG */\n:host ::slotted(.zg-shadow-remove) {\n  color: red;\n  border-color: red;\n}\n:host ::slotted(.zg-shadow-cell.zg-shadow-remove[ready]):after {\n  content: attr(data-content);\n  background: red;\n}\n\n\n/* SETTING VARIABLES */\n/* VERTICAL GRID LINES */\n:host([gridlines="vert"]),\n:host([gridlines="vertical"]) {\n  --zg-pager-border-top: 1px solid var(--theme-border-color);\n}\n\n/* BATCH EDIT */\n/*\n  When in \'batch edit\' mode we add an attribute to <zing-grid>\n  to help us in styling <zg-body> only in that state\n*/\n/* Default batch edit mode - Set styling on main <zg-body> */\n/* :host([batch-edit-active]) {\n  --theme-background-row: unset;\n} */\n/* :host([batch-edit-active]) ::slotted(zg-frozen-colgroup) {\n  --zing-grid-freeze-style-border: 0;\n} */\n:host([batch-edit-active][layout="card"]) ::slotted(zg-body) {\n  background: none;\n  border: var(--theme-batch-edit-border, 0);\n  box-shadow: var(--theme-batch-edit-box-shadow, inset 0 0 5px var(--theme-color-primary));\n}\n/*\n  When \'batch edit\' applied to frozen columns, the styling clashes\n  since frozen columns already have a box-shadow. Therefore, we\n  remove the frozen-column styling AND their respective child <zg-body>,\n  and instead add the box-shadow styling to the frozen-column parent element\n  inside <zing-grid>\'s shadow DOM\n*/\n:host([batch-edit-active]) ::slotted(zg-body),\n:host([batch-edit-active]) ::slotted(zg-frozen-colgroup) {\n  box-shadow: unset;\n}\n:host([batch-edit-active]) ::slotted(zg-body) {\n  border: 0;\n}\n:host([batch-edit-active][layout="card"]) .zing-grid-frames-body {\n  border: var(--theme-batch-edit-border, 0);\n  box-shadow: var(--theme-batch-edit-box-shadow, inset 0 0 5px var(--theme-color-primary));\n}',""])},55765:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,':host([theme="android"]) {\n\n  /* CUSTOM VARS FOR THIS THEME FILE\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --android-background_sorted\n  * @default #fafbfa\n  * @description Styles the background of sorted cell\n  * @see background\n  */\n  --android-background_sorted: #fafbfa;\n  /**\n  * @memberof android\n  * @var --android-caption-color\n  * @default #607d8b\n  * @description Styles the background of caption\n  * @see background-color\n  */\n  --android-caption-color: #607d8b;\n  /**\n  * @memberof android\n  * @var --android-color-primary\n  * @default #00796B\n  * @description Sets the font color of primary text and icons\n  * @example header cells\n  * @example pager icons\n  * @see color\n  */\n  --android-color-primary: #00796B;\n  /**\n  * @memberof android\n  * @var --android-color-secondary\n  * @default #263238\n  * @description Sets the font color of secondary text\n  * @example watermark\n  * @see color\n  */\n  --android-color-secondary: #263238;\n  /**\n  * @memberof android\n  * @var --android-font-size\n  * @default .9375rem\n  * @description Sets the base font size of grid\n  * @example cell content\n  * @see font-size\n  */\n  --android-font-size: .9375rem;\n  /**\n  * @memberof android\n  * @var --android-focus-color\n  * @default #4db6ac\n  * @description Styles the border of inputs and text of inputs on focus\n  * @example select input:focus\n  * @example page index input:focus\n  * @example editor modal input:focus\n  * @see color\n  */\n  --android-focus-color: #4db6ac;\n  /**\n  * @memberof android\n  * @var --android-input-height\n  * @default 22px\n  * @description Sets the height of inputs\n  * @example select input\n  * @example page index input\n  * @example editor modal input\n  * @see height\n  */\n  --android-input-height: 22px;\n\n  /* GLOBALS\n  ----------------------------------------------------- */\n  /* BACKGROUND */\n  /**\n  * @memberof android\n  * @var --theme-background-color\n  * @default rgba(0, 122, 255, .05)\n  * @description Styles the background of rows on hover\n  * @see background-color\n  */\n  --theme-background-color: rgba(0, 122, 255, .05);\n\n  /* BORDER */\n  /**\n  * @memberof android\n  * @var --theme-border-color\n  * @default #ebebeb\n  * @description Styles the border\n  * @example rows (header and body)\n  * @example column menu\n  * @example filter input\n  * @example page size option menu\n  * @example cards in \'card\' layout-mode\n  * @see border\n  */\n  --theme-border-color: #ebebeb;\n\n  /* COLOR */\n  /**\n  * @memberof android\n  * @var --theme-color-primary\n  * @default var(--android-color-primary)\n  * @description Sets the color of primary text and icons\n  * @example header cells\n  * @example pager icons\n  * @see color\n  */\n  --theme-color-primary: var(--android-color-primary);\n  /**\n  * @memberof android\n  * @var --theme-color-secondary\n  * @default var(--android-color-secondary);\n  * @description Sets the color of secondary text\n  * @example watermark\n  * @see color\n  */\n  --theme-color-secondary: var(--android-color-secondary);\n\n  /* FONT */\n  /**\n  * @memberof android\n  * @var --theme-color\n  * @default #4d4d4d\n  * @description Sets the color of text\n  * @example cell content\n  * @example pager text\n  * @example input text\n  * @example editor modal text\n  * @see color\n  */\n  --theme-color: #4d4d4d;\n  /**\n  * @memberof android\n  * @var --theme-color_alt\n  * @default #333333\n  * @description Sets the color of alternative text\n  * @example filter input\n  * @see color\n  */\n  --theme-color_alt: #333333;\n  /**\n  * @memberof android\n  * @var --theme-font-family\n  * @default "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;\n  * @description Sets the font family of text\n  * @see font-family\n  */\n  --theme-font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;\n  /**\n  * @memberof android\n  * @var --theme-font-size\n  * @default var(--android-font-size)\n  * @description Sets the base font size of text of grid\n  * @example cell content\n  * @see font-size\n  */\n  --theme-font-size: var(--android-font-size);\n  /**\n  * @memberof android\n  * @var --theme-font-style\n  * @default normal\n  * @description Sets the font style of text\n  * @see font-style\n  */\n  --theme-font-style: normal;\n  /**\n  * @memberof android\n  * @var --theme-font-weight\n  * @default normal\n  * @description Sets the font-weight of text\n  * @see font-weight\n  */\n  --theme-font-weight: normal;\n  /**\n  * @memberof android\n  * @var --theme-line-height\n  * @default 1.2rem\n  * @description Sets the line height\n  * @see line-height\n  */\n  --theme-line-height: 1.2rem;\n\n  /* PADDING */\n  /**\n  * @memberof android\n  * @var --theme-padding_x\n  * @default 1rem\n  * @description Sets the horizontal padding of cells\n  * @see padding\n  */\n  --theme-padding_x: 1rem;\n  /**\n  * @memberof android\n  * @var --theme-padding_y\n  * @default 1rem\n  * @description Sets the vertical padding of cells\n  * @see padding\n  */\n  --theme-padding_y: 1rem;\n\n\n  /* -------------------------------------------------- */\n\n  /* ZG-GRID\n  ----------------------------------------------------- */\n  /* Main Grid Component */\n  /**\n  * @memberof android\n  * @var --zing-grid-background\n  * @default #fff\n  * @description Styles the background of header and body rows\n  * @see background\n  */\n  --zing-grid-background: #fff;\n  /**\n  * @memberof android\n  * @var --zing-grid-border\n  * @default 0\n  * @description Styles the border of grid\n  * @see border\n  */\n  --zing-grid-border: 0;\n  /**\n  * @memberof android\n  * @var --zing-grid-box-shadow\n  * @default 0 5px 15px rgba(0,0,0, 0.2), 0 5px 5px rgba(0,0,0, 0.07)\n  * @description Applies a box shadow behind grid\n  * @see box-shadow\n  */\n  --zing-grid-box-shadow: 0 5px 15px rgba(0,0,0, 0.2), 0 5px 5px rgba(0,0,0, 0.07);\n  /* The Grid \'Table\' Shadow DOM element */\n  /**\n  * @memberof android\n  * @var --zing-grid-table-border-left\n  * @default 0\n  * @description Styles the left border of grid body\n  * @see border\n  */\n  --zing-grid-table-border-left: 0;\n  /**\n  * @memberof android\n  * @var --zing-grid-table-border-right\n  * @default 0\n  * @description Styles the right border of grid body\n  * @see border\n  */\n  --zing-grid-table-border-right: 0;\n\n\n  /* ZG-CELL\n  ----------------------------------------------------- */\n  /* When this cell\'s column is currently sorted */\n  /**\n  * @memberof android\n  * @var --zg-cell-background_sorted\n  * @default var(--android-background_sorted)\n  * @description Styles the background of sorted cells\n  * @see background-color\n  */\n  --zg-cell-background_sorted: var(--android-background_sorted);\n\n  /* ZG-CAPTION\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-caption-background\n  * @default var(--android-caption-color)\n  * @description Styles the background of caption\n  * @see background-color\n  */\n  --zg-caption-background: var(--android-caption-color);\n  /**\n  * @memberof android\n  * @var --zg-caption-box-shadow\n  * @default 0 2px 5px rgba(0,0,0,.26)\n  * @description Applies a box shadow behind caption\n  * @see box-shadow\n  */\n  --zg-caption-box-shadow: 0 2px 5px rgba(0,0,0,.26);\n  /**\n  * @memberof android\n  * @var --zg-caption-color\n  * @default #fff\n  * @description Sets the font color of caption\n  * @see color\n  */\n  --zg-caption-color: #fff;\n  /**\n  * @memberof android\n  * @var --zg-caption-font-size\n  * @default 1.125rem\n  * @description Sets the base font size of caption\n  * @see font-size\n  */\n  --zg-caption-font-size: 1.125rem;\n  /**\n  * @memberof android\n  * @var --zg-caption-font-weight\n  * @default 500\n  * @description Sets the font weight of caption\n  * @see font-weight\n  */\n  --zg-caption-font-weight: 500;\n  /* Title */\n  /**\n  * @memberof android\n  * @var --zg-caption-title-flex\n  * @default 1\n  * @description Sets are elements are flex in caption\n  * @see flex\n  */\n  --zg-caption-title-flex: 1;\n  /* Icons */\n  /**\n  * @memberof android\n  * @var --zg-caption-icon-color\n  * @default #fff\n  * @description Sets the color of icons in caption\n  * @see fill\n  */\n  --zg-caption-icon-color: #fff;\n  /**\n  * @memberof android\n  * @var --zg-caption-icon-height\n  * @default 24px\n  * @description Sets the height of icons in caption\n  * @see height\n  */\n  --zg-caption-icon-height: 24px;\n  /**\n  * @memberof android\n  * @var --zg-caption-icon-width\n  * @default 24px\n  * @description Sets the width of icons in caption\n  * @see width\n  */\n  --zg-caption-icon-width: 24px;\n\n  /* ZG-EDITOR-ROW\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-dialog-footer-justify-content\n  * @default flex-end\n  * @description Sets the horizontal alignment of contents in the dialog footer\n  * @see justify-content\n  */\n  --zg-dialog-footer-justify-content: flex-end;\n\n\n  /* ZG-EDITOR-ROW\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-editor-row-input-background_focus\n  * @default #fff\n  * @description Styles the background of editor input on focus\n  * @see background\n  */\n  --zg-editor-row-input-background_focus: #fff;\n  /**\n  * @memberof android\n  * @var --zg-editor-row-input-border-bottom_focus\n  * @default 2px solid var(--android-focus-color)\n  * @description Styles bottom border of editor input on focus\n  * @see border\n  */\n  --zg-editor-row-input-border-bottom_focus: 2px solid var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-editor-row-input-color_focus\n  * @default var(--android-focus-color)\n  * @description Styles the font color of editor input on focus\n  * @see color\n  */\n  --zg-editor-row-input-color_focus: var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-editor-row-input-padding\n  * @default 13px 15px 12px 13px\n  * @description Sets the padding of editor input\n  * @see padding\n  */\n  --zg-editor-row-input-padding: 13px 15px 12px 13px;\n  /**\n  * @memberof android\n  * @var --zg-editor-row-input-transform\n  * @default translate3d(0,-1px,0)\n  * @description Sets the transform of editor input\n  * @see transform\n  */\n  --zg-editor-row-input-transform: translate3d(0,-1px,0);\n\n  /* ZG-FILTER\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-filter-background_sorted\n  * @default #ececec\n  * @description Styles the background of filter in sorted column\n  * @see background\n  */\n  --zg-filter-background_sorted: #ececec;\n\n  /* ZG-FOCUS\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-focus-border\n  * @default 2px solid var(--android-focus-color)\n  * @description Styles the border of inputs on focus\n  * @see border\n  */\n  --zg-focus-border: 2px solid var(--android-focus-color);\n\n  /* ZG-HEAD-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-head-cell-border-top\n  * @default 1px solid transparent\n  * @description Styles the top border of head cells\n  * @see border\n  */\n  --zg-head-cell-border-top: 1px solid transparent;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-color\n  * @default var(--android-color-primary)\n  * @description Sets the font color of head cells\n  * @see color\n  */\n  --zg-head-cell-color: var(--android-color-primary);\n  /**\n  * @memberof android\n  * @var --zg-head-cell-font-size\n  * @default .875rem\n  * @description Sets the font size of head cells\n  * @see font-size\n  */\n  --zg-head-cell-font-size: var(--zing-grid-font-size, .875rem);\n  /* \'SPLIT PARENT\' CELL STYLING */\n  /**\n  * @memberof android\n  * @var --zg-head-cell-parent-background\n  * @default #f5f5f5\n  * @description Styles the background of \'parent\' head cells\n  * @see background\n  */\n  --zg-head-cell-parent-background: #f5f5f5;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-parent-border-bottom\n  * @default 1px solid #cfd8dc\n  * @description Styles the bottom border of \'parent\' head cells\n  * @see border\n  */\n  --zg-head-cell-parent-border-bottom: 1px solid #cfd8dc;\n  /* SORTABLE AND HOVERED */\n  /**\n  * @memberof android\n  * @var --zg-head-cell-background_sorted_hover\n  * @default #fafbfa\n  * @description Styles the background of sorted head cells on hover\n  * @see background\n  */\n  --zg-head-cell-background_sorted_hover: #fafbfa;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-border-top_sorted_hover\n  * @default 1px solid transparent\n  * @description Styles the top border of sorted head cells on hover\n  * @see border\n  */\n  --zg-head-cell-border-top_sorted_hover: 1px solid transparent;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-transition_sorted_hover\n  * @default background .15s\n  * @description Sets the transition of sorted head cells on hover\n  * @see transition\n  */\n  --zg-head-cell-transition_sorted_hover: background .15s;\n  /* SORTED (Overrides hover styles above) */\n  /**\n  * @memberof android\n  * @var --zg-head-cell-background_sorted\n  * @default #546e7a\n  * @description Styles the backgrounf of sorted head cells. Note that this will overwrite associated hover styles.\n  * @see background\n  */\n  --zg-head-cell-background_sorted: #546e7a;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-color_sorted\n  * @default #fff\n  * @description Sets the font color of sorted head cells. Note that this will overwrite associated hover styles.\n  * @see color\n  */\n  --zg-head-cell-color_sorted: #fff;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-icon-color_sorted\n  * @default #fff\n  * @description Sets the icon color of sorted head cells. Note that this will overwrite associated hover styles.\n  * @see fill\n  */\n  --zg-head-cell-icon-color_sorted: #fff;\n\n  /* ZG-ICON\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-icon-color\n  * @default var(--theme-color-primary)\n  * @description Sets the color of icon\n  * @see fill\n  */\n  --zg-icon-color: var(--theme-color-primary);\n\n  /* ZG-INPUT\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-input-background\n  * @default none\n  * @description Styles the background of input field\n  * @see background\n  */\n  --zg-input-background: none;\n  /**\n  * @memberof android\n  * @var --zg-input-border\n  * @default 0\n  * @description Styles the border of input field\n  * @see border\n  */\n  --zg-input-border: 0;\n  /**\n  * @memberof android\n  * @var --zg-input-border-bottom\n  * @default 2px solid var(--android-focus-color)\n  * @description Styles the bottom border of input field\n  * @see border\n  */\n  --zg-input-border-bottom: 2px solid var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-input-font-size\n  * @default .8125rem\n  * @description Sets the base font size of input field\n  * @see font-size\n  */\n  --zg-input-font-size: .8125rem;\n  /**\n  * @memberof android\n  * @var --zg-input-height\n  * @default var(--android-input-height)\n  * @description Sets the height of input field\n  * @see height\n  */\n  --zg-input-height: var(--android-input-height);\n  /**\n  * @memberof android\n  * @var --zg-input-padding\n  * @default 0 0 4px\n  * @description Sets the padding of input field\n  * @see padding\n  */\n  --zg-input-padding: 0 0 4px;\n  /**\n  * @memberof android\n  * @var --zg-input-width\n  * @default 22px\n  * @description Sets the width of input field\n  * @see width\n  */\n  --zg-input-width: 22px;\n  /**\n  * @memberof android\n  * @var --zg-input-transform\n  * @default translateY(1px)\n  * @description Sets the transform of input field\n  * @see transform\n  */\n  --zg-input-transform: translateY(1px);\n  /* Focus */\n  /**\n  * @memberof android\n  * @var --zg-input-border_focus\n  * @default 0\n  * @description Styles the border of input field on focus\n  * @see border\n  */\n  --zg-input-border_focus: 0;\n  /**\n  * @memberof android\n  * @var --zg-input-border-bottom_focus\n  * @default 2px solid var(--android-focus-color)\n  * @description Styles the bottom border of input field on focus\n  * @see border\n  */\n  --zg-input-border-bottom_focus: 2px solid var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-input-color_focus\n  * @default var(--android-focus-color)\n  * @description Sets the font color of input field on focus\n  * @see color\n  */\n  --zg-input-color_focus: var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-input-font-size_focus\n  * @default 1rem\n  * @description Sets the base font size of input field on focus\n  * @see font-size\n  */\n  --zg-input-font-size_focus: 1rem;\n  /**\n  * @memberof android\n  * @var --zg-input-transform_focus\n  * @default translateY(1px)\n  * @description Sets the tranform of input field on focus\n  * @see transform\n  */\n  --zg-input-transform_focus: translateY(1px);\n\n  /* ZG-menu-bar\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-menu-bar-background\n  * @default #f0f4f9\n  * @description Styles the background of menu bar\n  * @see background\n  */\n  --zg-menu-bar-background: #f0f4f9;\n  /**\n  * @memberof android\n  * @var --zg-menu-bar-icon-color\n  * @default #4db6ac\n  * @description Sets the icon color of menu bar\n  * @see fill\n  */\n  --zg-menu-bar-icon-color: #4db6ac;\n\n  /* ZG-OPTION-LIST\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-option-list-item-background_hover\n  * @default #e0f2f1\n  * @description Styles the background of option list item on hover\n  * @see background\n  */\n  --zg-option-list-item-background_hover: #e0f2f1;\n  /**\n  * @memberof android\n  * @var --zg-option-list-item-height\n  * @default 28px\n  * @description Sets the height of option list item on hover\n  * @see height\n  */\n  --zg-option-list-item-height: 28px;\n  /**\n  * @memberof android\n  * @var --zg-option-list-item-padding\n  * @default 0 5px\n  * @description Sets the padding of option list item on hover\n  * @see padding\n  */\n  --zg-option-list-item-padding: 0 5px;\n\n  /* ZG-PAGER\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-pager-background\n  * @default #f0f0f0\n  * @description Styles the background of pager\n  * @see background\n  */\n  --zg-pager-background: #f0f0f0;\n  /**\n  * @memberof android\n  * @var --zg-pager-border-top\n  * @default 0\n  * @description Styles the top border of pager\n  * @see border\n  */\n  --zg-pager-border-top: 0;\n  /**\n  * @memberof android\n  * @var --zg-pager-font-size\n  * @default .8125rem\n  * @description Sets the font size of pager\n  * @see font-size\n  */\n  --zg-pager-font-size: .8125rem;\n  /**\n  * @memberof android\n  * @var --zg-pager-height\n  * @default 40px\n  * @description Sets the height of pager\n  * @see height\n  */\n  --zg-pager-height: 40px;\n\n  /* ZG-ROW\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-row-body-height\n  * @default 53px\n  * @description Sets the height of body rows\n  * @see height\n  */\n  --zg-row-body-height: 53px;\n  /* Layout: Card */\n  /**\n  * @memberof android\n  * @var --zg-row-card-box-shadow\n  * @default 0 3px 20px 0 rgba(0,0,0,0.075)\n  * @description Applies a box shadow behind cards in \'card\' layout-mode\n  * @see box-shadow\n  */\n  --zg-row-card-box-shadow: 0 3px 20px 0 rgba(0,0,0,0.075);\n  /**\n  * @memberof android\n  * @var --zg-row-card-grid-gap\n  * @default 25px\n  * @description Sets the gap between cards in \'card\' layout-mode\n  * @see grid-gap\n  */\n  --zg-row-card-grid-gap: 25px;\n\n  /* ZG-SEARCH\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-search-height\n  * @default 100%\n  * @description Sets the height of search input\n  * @see height\n  */\n  --zg-search-height: 100%;\n\n  /* ZG-SELECT\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-select-background\n  * @default none\n  * @description Styles the background of select\n  * @see background\n  */\n  --zg-select-background: none;\n  /**\n  * @memberof android\n  * @var --zg-select-border\n  * @default 0\n  * @description Styles the border of select\n  * @see border\n  */\n  --zg-select-border: 0;\n  /**\n  * @memberof android\n  * @var --zg-select-border-bottom\n  * @default 2px solid var(--android-focus-color)\n  * @description Styles the bottom border of select\n  * @see border\n  */\n  --zg-select-border-bottom: 2px solid var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-select-height\n  * @default var(--android-input-height)\n  * @description Sets the height of select\n  * @see height\n  */\n  --zg-select-height: var(--android-input-height);\n  /**\n  * @memberof android\n  * @var --zg-select-min-width\n  * @default 15px\n  * @description Sets the minimum width of select\n  * @see min-width\n  */\n  --zg-select-min-width: 15px;\n  /**\n  * @memberof android\n  * @var --zg-select-outline\n  * @default none\n  * @description Styles of outline of select\n  * @see outline\n  */\n  --zg-select-outline: none;\n  /* Selected Field */\n  /**\n  * @memberof android\n  * @var --zg-select-text-background\n  * @default none\n  * @description Styles the background of select in active state \n  * @see background\n  */\n  --zg-select-text-background: none;\n  /* Arrow */\n  /**\n  * @memberof android\n  * @var --zg-select-arrow-background\n  * @default none\n  * @description Styles the backgrounf of select arrow\n  * @see background\n  */\n  --zg-select-arrow-background: none;\n  /**\n  * @memberof android\n  * @var --zg-select-arrow-border\n  * @default 0\n  * @description Styles the border of select arrow\n  * @see border\n  */\n  --zg-select-arrow-border: 0;\n\n  /* ZG-SOURCE\n  ----------------------------------------------------- */\n  --zg-source-background: #f9f9f9;\n  --zg-source-color: #549a92;\n\n  /* ZG-STATUS\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-status-background\n  * @default #333\n  * @description Styles the background of status\n  * @see background\n  */\n  --zg-status-background: #333;\n\n  /* ZG-WATERMARK\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-watermark-background\n  * @default #cfd8dc\n  * @description Styles the background of watermark\n  * @see background\n  */\n  --zg-watermark-background: #cfd8dc;\n  /**\n  * @memberof android\n  * @var --zg-watermark-border-top\n  * @default 0\n  * @description Styles the top border of watermark\n  * @see border\n  */\n  --zg-watermark-border-top: 0;\n  /**\n  * @memberof android\n  * @var --zg-watermark-color\n  * @default var(--theme-color-secondary)\n  * @description Sets the font color of watermark\n  * @see color\n  */\n  --zg-watermark-color: var(--theme-color-secondary);\n  /**\n  * @memberof android\n  * @var --zg-watermark-font-size\n  * @default 10px\n  * @description Sets the base font size of watermark\n  * @see font-size\n  */\n  --zg-watermark-font-size: 10px;\n}',""])},2231:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,":host([theme=\"black\"]) {\n  /* RE-USABLE ZINGGRID VARS\n  ----------------------------------------------------- */\n  /* These are used as the default theme values in the various component .css files */\n  /* These values are used more than once, so we're making them into a variable for reuse */\n\n  /* BACKGROUND */\n\n  /**\n  * @memberof black\n  * @var --theme-background-color\n  * @default #1e1e1e\n  * @description Styles the background of the grid\n  * @example caption\n  * @example filter\n  * @example control bar\n  * @example row:hover\n  * @see background-color\n  */\n  --theme-background-color: #1e1e1e;\n  /**\n  * @memberof black\n  * @var --theme-background-input\n  * @default #343434\n  * @description Styles the background input\n  * @see background-color\n  */\n  --theme-background-input: #343434;\n  /**\n  * @memberof black\n  * @var --theme-background-zebra\n  * @default var(--theme-background-color)\n  * @description Styles the background of 'even' rows in [zebra]-striping mode\n  * @see background-color\n  */\n  --theme-background-zebra: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --theme-background-row\n  * @default #323232\n  * @description Styles the background of row-like items\n  * @see background-color\n  */\n  --theme-background-row: #323232;\n\n  /* BORDER */\n  /**\n  * @memberof black\n  * @var --theme-border-color\n  * @default #444\n  * @description Styles the border color\n  * @see border\n  */\n  --theme-border-color: #444;\n\n  /* COLOR */\n\n  /**\n  * @memberof black\n  * @var --theme-color\n  * @default #767676\n  * @description Styles the font color for most components, including cell content.\n  * @see color\n  * @example cell font color\n  * @example button background\n  * @example checkbox border\n  * @example select color\n  */\n  --theme-color: #ccc;\n  /**\n  * @memberof black\n  * @var --theme-color-black\n  * @default #000\n  * @description Defines the baseline black color\n  * @see color\n  */\n  --theme-color-black: #000;\n  /**\n  * @memberof black\n  * @var --theme-color-input\n  * @default #d0d0d0\n  * @description Sets the font folor of input field\n  * @see color\n  */\n  --theme-color-input: #d0d0d0;\n\n  /**\n  * @memberof theme\n  * @var --theme-color-light\n  * @default #191818\n  * @description Defines the baseline light color\n  * @see color\n  * @example Currently reordering column\n  */\n  --theme-color-light: #191818;\n\n  /**\n  * @memberof black\n  * @var --theme-color-lighter\n  * @default #191818\n  * @description Defines the baseline light color\n  * @see color\n  * @example Filter and Footer background color\n  */\n  --theme-color-lighter: #191818;\n\n  /**\n  * @memberof black\n  * @var --theme-color-white\n  * @default #fff\n  * @description Defines the baseline white color\n  * @see color\n  */\n  --theme-color-white: #fff;\n\n\n  /* -------------------------------------------------- */\n\n\n  /* ZING-GRID\n  ----------------------------------------------------- */\n  --zing-grid-background: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --zing-grid-border-radius\n  * @default 20px\n  * @description Sets the border radius of the grid\n  * @see border-radius\n  */\n  --zing-grid-border-radius: 20px;\n\n  /* ZG-BUTTON\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-button-border-radius\n  * @description Styles of border-radius of buttons\n  * @see border\n  * @default 1px solid #000\n  */\n  --zg-button-border-radius: 3px;\n\n  /* ZG-BUTTON (CUSTOM) */\n  /**\n  * @memberof black\n  * @var --zg-button-background_custom\n  * @description Styles of background of custom button\n  * @see background\n  * @default #000\n  */\n  --zg-button-background_custom: #000;\n  /**\n  * @memberof black\n  * @var --zg-button-border_custom\n  * @description Styles of border of custom button\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  */\n  --zg-button-border_custom: 1px solid var(--theme-border-color);\n  /**\n  * @memberof black\n  * @var --zg-button-box-shadow_custom\n  * @description Applies a box shadow behind custom button\n  * @see box-shadow\n  * @default none\n  */\n  --zg-button-box-shadow_custom: none;\n  /**\n  * @memberof black\n  * @var --zg-button-color_custom\n  * @description Sets the fonc olor of custom button\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom: #fff;\n\n  /* Active */\n  /**\n  * @memberof black\n  * @var --zg-button-background_custom_active\n  * @description Styles of background of custom button on active state\n  * @see background\n  * @default #000\n  */\n  --zg-button-background_custom_active: #000;\n  /**\n  * @memberof black\n  * @var --zg-button-border_custom_active\n  * @description Styles of border of custom button on active state\n  * @see border\n  * @default 1px solid var(--zg-button-background_active)\n  */\n  --zg-button-border_custom_active: 1px solid var(--zg-button-background_active);\n  /**\n  * @memberof black\n  * @var --zg-button-box-shadow_custom_active\n  * @description Applies a box shadow behind custom button on active state\n  * @see box-shadow\n  * @default 0 0 5px 0 #000\n  */\n  --zg-button-box-shadow_custom_active: 0 0 5px 0 #000;\n  /**\n  * @memberof black\n  * @var --zg-button-color_custom_active\n  * @description Sets the font color of custom button on active state\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_active: #fff;\n\n  /* Focus */\n  /**\n  * @memberof black\n  * @var --zg-button-background_custom_focus\n  * @description Styles the background of custom button on focus\n  * @see background\n  * @default var(--zg-button-background_active)\n  */\n  --zg-button-background_custom_focus: var(--zg-button-background_active);\n  /**\n  * @memberof black\n  * @var --zg-button-border_custom_focus\n  * @description Styles of border of custom button on focus\n  * @see border\n  * @default 1px solid #000\n  */\n  --zg-button-border_custom_focus: 1px solid #000;\n  /**\n  * @memberof black\n  * @var --zg-button-box-shadow_custom_focus\n  * @description Applies a box shadow behind custom button on focus\n  * @see box-shadow\n  * @default 0 0 6px 0 #000\n  */\n  --zg-button-box-shadow_custom_focus: 0 0 6px 0 #000;\n  /**\n  * @memberof black\n  * @var --zg-button-color_custom_focus\n  * @description Sets the font color of custom button on focus\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_focus: #fff;\n\n  /* Hover */\n  /**\n  * @memberof black\n  * @var --zg-button-background_custom_hover\n  * @description Styles of background of custom button on hover\n  * @see background\n  * @default var(--zg-button-background_active)\n  */\n  --zg-button-background_custom_hover: var(--zg-button-background_active);\n  /**\n  * @memberof black\n  * @var --zg-button-border_custom_hover\n  * @description Styles of border of custom button on hover\n  * @see border\n  * @default 1px solid #000\n  */\n  --zg-button-border_custom_hover: 1px solid #000;\n  /**\n  * @memberof black\n  * @var --zg-button-box-shadow_custom_hover\n  * @description Applies a box shadow behind custom button on hover\n  * @see box-shadow\n  * @default 0 0 6px 0 #000\n  */\n  --zg-button-box-shadow_custom_hover: 0 0 6px 0 #000;\n  /**\n  * @memberof black\n  * @var --zg-button-color_custom_hover\n  * @description Sets the font color of custom button on hover\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_hover: #fff;\n\n  /* ZG-CAPTION\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-caption-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of caption\n  * @see background-color\n  */\n  --zg-caption-background: var(--theme-background-color);\n\n  /**\n  * @memberof black\n  * @var --zg-caption-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid caption\n  * @see border-radius\n  */\n  --zg-caption-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n  /**\n  * @memberof black\n  * @var --zg-caption-icon-color\n  * @default #fff\n  * @description Sets the color of icons in caption\n  * @see fill\n  */\n  --zg-caption-icon-color: var(--zg-icon-color);\n\n\n  /* ZG-CARD\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-body-card-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of card in 'card' layout-mode\n  * @see background-color\n  */\n  --zg-body-card-background: var(--theme-background-color);\n\n  /* ZG-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-cell-label-color_layout_card\n  * @description Sets font color of label in card in 'card' layout-mode\n  * @see color\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/WLX26P3Q\n  */\n  --zg-cell-label-color_layout_card: var(--theme-color);\n\n  /* ZG-COLUMN-RESIZE\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-column-resize-background\n  * @description Sets the background of the resize handle\n  * @see background\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/GY8NY03F\n  */\n  --zg-column-resize-background: var(--zg-head-cell-color);\n  /**\n  * @memberof dark\n  * @var --zg-column-resize-color\n  * @description Sets the color of the resize handle dots\n  * @see color\n  * @default none\n  */\n  --zg-column-resize-color: var(--theme-background-color);\n\n  /* ZG-CONTROL-BAR\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-control-bar-background\n  * @description Styles the background of the layout\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/E1K9COKF\n  */\n  --zg-control-bar-background: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --zg-control-bar-border-bottom\n  * @description Styles the bottom border of the layout\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/5DST8C9Q\n  */\n  --zg-control-bar-border-bottom: 0;\n  /**\n  * @memberof black\n  * @var --zg-control-bar-button-margin\n  * @description Sets the margin of layout buttons\n  * @see margin\n  * @default 0\n  */\n  --zg-control-bar-button-margin: 0;\n  /**\n  * @memberof black\n  * @var --zg-control-bar-icon-color\n  * @description Sets the fill color of slotted icon\n  * @see fill\n  * @default var(--zg-icon-color)\n  * @demoLink https://app.zingsoft.com/demos/create/AQXMHTVM\n  */\n  --zg-control-bar-icon-color: var(--zg-icon-color);\n\n  /**\n  * @memberof black\n  * @var --zg-control-bar-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid control-bar\n  * @see border-radius\n  */\n  --zg-control-bar-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n  /* ZG-DIALOG\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-background\n  * @description Styles the background of the dialog\n  * @see background\n  * @default var(--theme-background-color)\n  */\n  --zg-dialog-background: var(--theme-background-color);\n\n  /* HEADER */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-header-color\n  * @description Styles the color of the dialog header\n  * @see color\n  * @default #fff\n  */\n  --zg-dialog-header-color: #fff;\n\n  /**\n  * @memberof black\n  * @var --zg-dialog-body-color\n  * @description Styles font color of body of dialog\n  * @see color\n  * @default #fff\n  */\n  --zg-dialog-body-color: #ccc;\n\n\n  /* ZG-EDITOR-ROW\n  ----------------------------------------------------- */\n\n  /* INPUT */\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-background\n  * @description Styles the background of editor row input\n  * @see background\n  * @default var(--theme-color-black)\n  * @demoLink https://app.zingsoft.com/demos/create/3EBBN3A3\n  */\n  --zg-editor-row-input-background: var(--theme-color-black);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-border-bottom\n  * @description Styles the bottom border of editor row input\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/9P6CXB0Q\n  */\n  --zg-editor-row-input-border-bottom: 0;\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-color\n  * @description Sets the font color of editor row\n  * @see color\n  * @default var(--theme-color-input)\n  * @demoLink https://app.zingsoft.com/demos/create/QYZBZUVA\n  */\n  --zg-editor-row-input-color: var(--theme-color-input);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-padding\n  * @default 13px 16px 12px\n  * @description Sets the padding of editor input\n  * @see padding\n  */\n  --zg-editor-row-input-padding: 13px 16px 12px;\n\n  /* ZG-HEADER\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-header-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid header\n  * @see border-radius\n  */\n  --zg-header-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n  /* INPUT: FOCUSED */\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-background_focus\n  * @default var(--theme-color-black)\n  * @description Styles the background of editor input on focus\n  * @see background\n  */\n  --zg-editor-row-input-background_focus: var(--theme-color-black);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-box-shadow_focus\n  * @default none\n  * @description Styles the box-shadow of editor input on focus\n  * @see box-shadow\n  */\n  --zg-editor-row-input-box-shadow_focus: none;\n\n  /* INPUT: MODAL */\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-background_modal_focus\n  * @description Styles the background of editor input in modal on focus\n  * @see background\n  * @default var(--theme-color-black)\n  * @demoLink https://app.zingsoft.com/demos/create/ZORGW9GT\n  */\n  --zg-editor-row-input-background_modal_focus: var(--theme-color-black);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-border-bottom_modal_focus\n  * @description Styles the bottom border of editor input in modal on focus\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  */\n  --zg-editor-row-input-border-bottom_modal_focus: 1px solid var(--theme-border-color);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-color_modal_focus\n  * @description Sets the font color of editor input in modal on focus\n  * @see color\n  * @default var(--theme-color-input)\n  */\n  --zg-editor-row-input-color_modal_focus: var(--theme-color-input);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-padding_modal\n  * @default 13px 10px 12px 8px\n  * @description Sets the padding of editor input\n  * @see padding\n  */\n  --zg-editor-row-input-padding_modal: 13px 10px 12px 8px;\n\n\n  /* ZG-FILTER\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-filter-background\n  * @description Styles the background of filter\n  * @see background\n  * @default var(--theme-background-color);\n  * @demoLink https://app.zingsoft.com/demos/create/G1WKUNFJ\n  */\n  --zg-filter-background: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --zg-filter-background_sorted\n  * @description Styles the background color of filter when the column in sorted\n  * @see background-color\n  * @default var(--theme-color-black)\n  * @demoLink https://app.zingsoft.com/demos/create/WX39XEJ1\n  */\n  --zg-filter-background_sorted: var(--theme-color-black);\n\n  /* INPUT */\n  /**\n  * @memberof black\n  * @var --zg-filter-input-background\n  * @description Styles the background of input field in filter\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  */\n  --zg-filter-input-background: var(--theme-color-black);\n  /**\n  * @memberof black\n  * @var --zg-filter-input-border-bottom\n  * @description Styles the bottom border of input field in filter\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/Z1COSRGD\n  */\n  --zg-filter-input-border-bottom: 1px solid #212121;\n  /**\n  * @memberof black\n  * @var --zg-filter-input-border-left\n  * @description Styles the left border of input field in filter\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/2Z1YS7PH\n  */\n  --zg-filter-input-border-left: 1px solid #212121;\n  /**\n  * @memberof black\n  * @var --zg-filter-input-border-right\n  * @description Styles the right border of input field in filter\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/JD0COXK4\n  */\n  --zg-filter-input-border-right: 1px solid #212121;\n  /**\n  * @memberof black\n  * @var --zg-filter-input-border-top\n  * @description Styles the top border of input field in filter\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/KRUW31YG\n  */\n  --zg-filter-input-border-top: 1px solid #212121;\n\n  /* INPUT: SORTED */\n  /**\n  * @memberof black\n  * @var --zg-filter-input-background_sorted\n  * @description Styles the background of input field in filter in sorted column\n  * @see background\n  * @default #171717\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  */\n  --zg-filter-input-background_sorted: #171717;\n\n  /* ZG-HEAD\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-head-background\n  * @default #191818\n  * @description Styles the background of grid head\n  * @see background\n  * @default Browser's default value\n  */\n  --zg-head-background: #191818;\n\n  /**\n  * @memberof black\n  * @var --zg-head-border-top\n  * @description Styles the top border of grid head\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/S7J5KA7S\n  */\n  --zg-head-border-top: 1px solid var(--theme-border-color);\n\n  /**\n  * @memberof dark\n  * @var --zg-head-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid head\n  * @see border-radius\n  */\n  --zg-head-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n\n  /* ZG-HEAD-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-head-cell-background_sorted\n  * @description Styles the background of sorted head cells\n  * @see background\n  * @default var(--theme-color-black)\n  * @demoLink https://app.zingsoft.com/demos/create/F7W6O5Y8\n  */\n  --zg-head-cell-background_sorted: var(--theme-color-black);\n  /**\n  * @memberof black\n  * @var --zg-head-cell-color\n  * @default var(--theme-color)\n  * @description Sets the font color of head cells\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/MOTKNFI7\n  */\n  --zg-head-cell-color: var(--theme-color);\n  /**\n  * @memberof black\n  * @var --zg-head-cell-color_sorted\n  * @description Sets the font color of sorted head cells\n  * @default var(--theme-color-white);\n  * @see color\n  */\n  --zg-head-cell-color_sorted: var(--theme-color-white);\n\n  /* ZG-HEADER\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-header-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid header\n  * @see border-radius\n  */\n  --zg-header-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n\n  /* ZG-ICON\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-icon-color\n  * @default var(--theme-color-white)\n  * @description Sets the fill color of icon in shadow elements\n  * @see fill\n  * @demoLink https://app.zingsoft.com/demos/create/QP3CK186\n  */\n  --zg-icon-color: var(--theme-color-white);\n  /**\n  * @memberof black\n  * @var --zg-icon-init-fill\n  * @description This color is set on the icon <svg> while the element has the\n  * [init] attribute. This is meant to give an indication the column is sortable.\n  * The [init] goes away when the column is sorted.\n  * @default #d0d0d0\n  * @see fill\n  * @demoLink https://app.zingsoft.com/demos/create/K3C0AD5K\n  */\n  /* Not-Sorted Color */\n  --zg-icon-init-fill: #d0d0d0;\n  /**\n  * @memberof black\n  * @var --zg-head-cell-icon-color_sorted\n  * @description Sets the fill color of icon in sorted head cells\n  * @see fill\n  * @default var(--theme-color-white);\n  * @demoLink https://app.zingsoft.com/demos/create/I4QTA64O\n  */\n  /* Sorted Color */\n  --zg-head-cell-icon-color_sorted: var(--theme-color-white);\n\n  /* ZG-INPUT\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-input-background\n  * @description Styles the background of input field\n  * @see background\n  * @default var(--theme-background-input)\n  * @demoLink https://app.zingsoft.com/demos/create/QTKU281K\n  */\n  --zg-input-background: var(--theme-background-input);\n  /**\n  * @memberof black\n  * @var --zg-input-color\n  * @description Styles the font color of editor input in modal\n  * @see color\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/32AVDJGQ\n  */\n  --zg-input-color: var(--theme-color-input);\n\n  /* ZG-MENU\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-menu-background\n  * @description Styles the background of menu\n  * @see background-color\n  * @default var(--theme-color-lighter)\n  */\n  --zg-menu-background: var(--theme-color-lighter);\n\n  /* ZG-MENUITEM\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-menu-item-color_hover\n  * @description Sets the font color of menu item on hover\n  * @see color\n  * @default #fff\n  */\n  --zg-menu-item-color_hover: #fff;\n\n  /* ZG-PAGER\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-pager-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of the pager\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/DSI1M4K6\n  */\n  --zg-pager-background: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --zg-pager-border-top\n  * @description Styles the top border of the pager\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/S7J5KA7S\n  */\n  --zg-pager-border-top: 1px solid var(--theme-border-color);\n\n  /* ZG-ROW\n  ----------------------------------------------------- */\n\n  /* ZG-BODY */\n  /**\n  * @memberof black\n  * @var --zg-row-body-background_even\n  * @default var(--theme-background-row)\n  * @description Styles the background of 'even' body rows\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/VMHOQP1A\n  */\n  --zg-row-body-background_even: var(--theme-background-row);\n  /**\n  * @memberof black\n  * @var --zg-row-body-background_odd\n  * @default var(--theme-background-row)\n  * @description Styles the background of 'odd' body rows\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/VMHOQP1A\n  */\n  --zg-row-body-background_odd: var(--theme-background-row);\n  /**\n  * @memberof black\n  * @var --zg-row-body-color\n  * @default #ccc\n  * @description Sets the font color of body rows\n  * @see color\n  */\n  --zg-row-body-color: #ccc;\n\n  /* Hover */\n  /**\n  * @memberof black\n  * @var --zg-row-body-color_even_hover\n  * @default var(--zg-row-body-color)\n  * @description Sets the font-color of 'even' body rows on hover\n  * @see color\n  */\n  --zg-row-body-color_even_hover: var(--zg-row-body-color);\n  /**\n  * @memberof black\n  * @var --zg-row-body-color_odd_hover\n  * @default var(--zg-row-body-color)\n  * @description Sets the font-color of 'odd' body rows on hover\n  * @see color\n  */\n  --zg-row-body-color_odd_hover: var(--zg-row-body-color);\n\n  /* Card */\n  /**\n  * @memberof black\n  * @var --zg-row-card-background\n  * @description Styles the background of card in 'card' layout-mode\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/BN8IASG4\n  */\n  --zg-row-card-background: var(--theme-background-row);\n\n  /* CARD MODE WHEN EDITOR CONTROLS */\n  /**\n  * @memberof default\n  * @var --zg-row-card-background_editor_odd\n  * @description Styles the background of 'odd' card editor head in card layout-mode\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px, var(--theme-border-color) 44px, var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px);\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/EFQR8XAB\n  */\n  /* ODD */\n  --zg-row-card-background_editor_odd: linear-gradient(\n    var(--theme-color-lighter),\n    var(--theme-color-lighter) 43px,\n    var(--theme-border-color) 44px,\n    var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px\n  );\n  /* EVEN */\n  /**\n  * @memberof default\n  * @var --zg-row-card-background_editor_even\n  * @description Styles the background of 'even' card editor head in card layout-mode\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px, var(--theme-border-color) 44px, var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px);\n  * @see background\n  */\n  --zg-row-card-background_editor_even: linear-gradient(\n    var(--theme-color-lighter),\n    var(--theme-color-lighter) 43px,\n    var(--theme-border-color) 44px,\n    var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px\n  );\n\n  /* ZG-SELECT\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-select-arrow-color\n  * @description Sets the color select arrow icon\n  * @see fill\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/1IT6DL7R\n  */\n  --zg-select-arrow-color: var(--zg-icon-color);\n  /**\n  * @memberof black\n  * @var --zg-select-color\n  * @description Sets the font color of the select\n  * @see color\n  * @default var(--theme-color-input)\n  * @demoLink https://app.zingsoft.com/demos/create/LHLU0OLY\n  */\n  --zg-select-color: var(--theme-color-input);\n  /**\n  * @memberof black\n  * @var --zg-select-text-background\n  * @description Styles the background of the 'text' portion of the zg-select element\n  * @default var(--theme-background-input)\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/MZG3WH82\n  */\n  --zg-select-text-background: var(--theme-background-input);\n  /**\n  * @memberof black\n  * @var --zg-option-list-background\n  * @description Styles the background of option list\n  * @see background\n  * @default var(--theme-background-color)\n  */\n  --zg-option-list-background: var(--theme-background-color);\n\n  /* ZG-SOURCE\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-source-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of source\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/B8CEE4RW\n  */\n  --zg-source-background: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --zg-source-border-top\n  * @description Styles the top border of source\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/IYUVRHY0\n  */\n  --zg-source-border-top: 0;\n\n\n  /* ZG-WATERMARK\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-watermark-background\n  * @default var(--theme-color_alt)\n  * @description Styles the background of the ZingGrid watermark\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/PLI8AW69\n  */\n  --zg-watermark-background: var(--theme-color_alt);\n  /**\n  * @memberof black\n  * @var --zg-watermark-color\n  * @default var(--theme-color_alt)\n  * @description Styles the color of the ZingGrid watermark\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/RHV3AZL7\n  */\n  --zg-watermark-color: #fff;\n\n  /**\n    * @memberof black\n    * @var --zg-watermark-border-radius\n    * @default var(--theme-color_alt)\n    * @description Styles the border-radius of the ZingGrid watermark\n    * @see border-radius\n    * @demoLink https://app.zingsoft.com/demos/create/HCZ0FTPR\n    */\n    --zg-watermark-border-radius: 0 0 var(--zing-grid-border-radius) var(--zing-grid-border-radius);\n\n    /* BATCH EDIT\n  ----------------------------------------------------- */\n  --zing-grid-batch-edit-style-border: 4px solid var(--theme-color);\n  /* --theme-batch-edit-box-shadow: inset 0 0 15px var(--theme-color_alt); */\n  --theme-batch-edit-box-shadow: unset;\n\n}\n\n\n",""])},94143:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,":host([compact]),\n:host([theme][compact]) {\n  /* --theme-padding_x: .75rem; */\n  --theme-padding_y: .5rem;\n  --zg-caption-height: 40px;\n  --zg-caption-title-font-size: 80%;\n  --zg-filter-height: 34px;\n  --zg-pager-height: 0;\n  --zg-pager-padding: 0 var(--theme-padding_x) 11px;\n  --zg-row-head-height: 32px;\n  --zg-row-body-height: 0;\n  --zg-row-height_aggregate: 32px;\n  --zg-cell-font-size: 95%;\n  --zg-cell-padding: var(--theme-padding_y) var(--theme-padding_x);\n  --zg-cell-selector-min-height_layout_row: 0;\n}",""])},93218:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,":host([theme=\"dark\"]) {\n  /* RE-USABLE ZINGGRID VARS\n  ----------------------------------------------------- */\n  /* These are used as the default theme values in the various component .css files */\n  /* These values are used more than once, so we're making them into a variable for reuse */\n\n  /* BACKGROUND */\n\n  /**\n  * @memberof dark\n  * @var --theme-background-color\n  * @default #071730\n  * @description Styles the background of row on hover\n  * @see background-color\n  */\n  --theme-background-color: #071730;\n  /**\n  * @memberof dark\n  * @var --theme-background-input\n  * @default #343434\n  * @description Styles the background input fields\n  * @see background-color\n  */\n  --theme-background-input: #343434;\n  /**\n  * @memberof dark\n  * @var --theme-background-zebra\n  * @default var(--theme-background-color)\n  * @description Styles the background of 'even' rows in grid [zebra]-striping mode\n  * @see background-color\n  */\n  --theme-background-zebra: var(--theme-background-color);\n  /**\n  * @memberof dark\n  * @var --theme-background-row\n  * @default #191a2c\n  * @description Styles the background of row-like items\n  * @see background-color\n  */\n  --theme-background-row: #191a2c;\n\n  /* BORDER */\n  /**\n  * @memberof dark\n  * @var --theme-border-color\n  * @default var(--theme-color_alt)\n  * @description Styles the border color\n  * @see border\n  */\n  --theme-border-color: var(--theme-color_alt);\n  /**\n  * @memberof dark\n  * @var --theme-border-color_body\n  * @default #3a3a3a\n  * @description Styles the border color of grid body\n  * @see border\n  */\n  --theme-border-color_body: #3a3a3a;\n\n  /* COLOR */\n\n  /**\n  * @memberof dark\n  * @var --theme-color\n  * @default #e4e4e4\n  * @description Sets the font color of most components, including cell content.\n  * @see color\n  * @example cell font color\n  * @example button background\n  * @example checkbox border\n  * @example select color\n  */\n  --theme-color: #e4e4e4;\n  /**\n  * @memberof dark\n  * @var --theme-color_alt\n  * @default #5290a5\n  * @description Sets the font color of most components, including cell content.\n  * @see color\n  */\n  --theme-color_alt: #5290a5;\n  /**\n  * @memberof dark\n  * @var --theme-color-input\n  * @default #d0d0d0\n  * @description Sets the font color of input fields\n  * @see color\n  */\n  --theme-color-input: #d0d0d0;\n  /**\n  * @memberof black\n  * @var --theme-color-light\n  * @default #050b22\n  * @description Defines the baseline light color\n  * @see color\n  * @example Currently reordering column\n  */\n  --theme-color-light: #050b22;\n  /**\n  * @memberof dark\n  * @var --theme-color-lighter\n  * @default #050b22\n  * @description Defines the baseline lighter color\n  * @see color\n  * @example Filter and Footer background color\n  */\n  --theme-color-lighter: #050b22;\n  /**\n  * @memberof dark\n  * @var --theme-color-primary\n  * @default #00061d\n  * @description Defines the baseline primary color\n  * @see color\n  */\n  --theme-color-primary: #00061d;\n  /**\n  * @memberof dark\n  * @var --theme-color-white\n  * @default #fff\n  * @description Defines the baseline white color\n  * @see color\n  */\n  --theme-color-white: #fff;\n\n\n  /* -------------------------------------------------- */\n\n\n  /* ZING-GRID\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zing-grid-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of grid\n  * @see background-color\n  */\n  --zing-grid-background: var(--theme-background-color);\n\n  /* DRAGGABLE COLUMNS */\n  /**\n  * @memberof dark\n  * @var --draggable-width_note\n  * @default calc(100% + 2px)\n  * @description Sets width of draggable element when `[draggable]` is added to `<zing-grid>`\n  * @see width\n  */\n  --draggable-width_note: calc(100% + 2px);\n\n\n  /* ZG-BUTTON\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-button-background_active\n  * @description Styles the background of button on active state\n  * @see background\n  * @default #343434\n  * @demoLink https://app.zingsoft.com/demos/create/XPUZZ3LU\n  */\n  --zg-button-background_active: #343434;\n\n  /* ZG-BUTTON (CUSTOM) */\n  /**\n  * @memberof dark\n  * @var --zg-button-background_custom\n  * @description Styles the background of custom button\n  * @see background\n  * @default var(--theme-color-primary)\n  */\n  --zg-button-background_custom: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-button-border_custom\n  * @description Styles the border of custom button\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  */\n  --zg-button-border_custom: 1px solid var(--theme-border-color);\n  /**\n  * @memberof dark\n  * @var --zg-button-box-shadow_custom\n  * @description Applies a box shadow behind efault button\n  * @see box-shadow\n  * @default none\n  */\n  --zg-button-box-shadow_custom: none;\n  /**\n  * @memberof dark\n  * @var --zg-button-color_custom\n  * @description Sets the font color of custom button\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom: #fff;\n\n  /* Active */\n  /**\n  * @memberof dark\n  * @var --zg-button-background_custom_active\n  * @description Styles the background of custom button on active state\n  * @see background\n  * @default #000\n  */\n  --zg-button-background_custom_active: #000;\n  /**\n  * @memberof dark\n  * @var --zg-button-border_custom_active\n  * @description Styles the border of custom button on active state\n  * @see border\n  * @default 1px solid #4eaada\n  */\n  --zg-button-border_custom_active: 1px solid #4eaada;\n  /**\n  * @memberof dark\n  * @var --zg-button-box-shadow_custom_active\n  * @description Applies a box shadow behind custom button on active state\n  * @see box-shadow\n  * @default 0 0 5px 0 #86d3fb\n  */\n  --zg-button-box-shadow_custom_active: 0 0 5px 0 #86d3fb;\n  /**\n  * @memberof dark\n  * @var --zg-button-color_custom_active\n  * @description Sets the font color of custom button on active state\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_active: #fff;\n  /* Focus */\n  /**\n  * @memberof dark\n  * @var --zg-button-background_custom_focus\n  * @description Styles the background of custom button on focus\n  * @see background\n  * @default #000\n  */\n  --zg-button-background_custom_focus: #000;\n  /**\n  * @memberof dark\n  * @var --zg-button-border_custom_focus\n  * @description Styles the border of custom button on focus\n  * @see border\n  * @default 1px solid #5ac4fb\n  */\n  --zg-button-border_custom_focus: 1px solid #5ac4fb;\n  /**\n  * @memberof dark\n  * @var --zg-button-box-shadow_custom_focus\n  * @description Applies a box shadow behind custom button on focus\n  * @see box-shadow\n  * @default 0 0 6px 0 #86d3fb\n  */\n  --zg-button-box-shadow_custom_focus: 0 0 6px 0 #86d3fb;\n  /**\n  * @memberof dark\n  * @var --zg-button-color_custom_focus\n  * @description Sets font color of custom button on focus\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_focus: #fff;\n\n  /* Hover */\n  /**\n  * @memberof dark\n  * @var --zg-button-background_custom_hover\n  * @description Styles background of custom button on hover\n  * @see background\n  * @default var(--theme-color-primary)\n  */\n  --zg-button-background_custom_hover: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-button-border_custom_hover\n  * @description Styles border of custom button on hover\n  * @see border\n  * @default 1px solid #5ac4fb\n  */\n  --zg-button-border_custom_hover: 1px solid #5ac4fb;\n  /**\n  * @memberof dark\n  * @var --zg-button-box-shadow_custom_hover\n  * @description Applies a box shadow behind custom button on hover\n  * @see box-shadow\n  * @default 0 0 6px 0 #86d3fb\n  */\n  --zg-button-box-shadow_custom_hover: 0 0 6px 0 #86d3fb;\n  /**\n  * @memberof dark\n  * @var --zg-button-color_custom_hover\n  * @description Sets font color of custom button on hover\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_hover: #fff;\n\n  /* ZG-CAPTION\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-caption-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of caption\n  * @see background-color\n  */\n  --zg-caption-background: var(--theme-background-color);\n\n  /**\n  * @memberof dark\n  * @var --zg-caption-icon-color\n  * @default #fff\n  * @description Sets the color of icons in caption\n  * @see fill\n  */\n  --zg-caption-icon-color: var(--zg-icon-color);\n\n  /* ZG-CARD\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-body-card-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of card in 'card' layout-mode\n  * @see background-color\n  */\n  --zg-body-card-background: var(--theme-background-color);\n\n  /* ZG-CELL\n  ----------------------------------------------------- */\n    /**\n  * @memberof dark\n  * @var --zg-cell-background_sorted\n  * @default var(--theme-color-primary)\n  * @description Styles the background of sorted cells\n  * @see background-color\n  */\n  --zg-cell-background_sorted: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-cell-label-color_layout_card\n  * @description Sets font color of label in grid cell in 'card' layout-mode\n  * @see color\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/WLX26P3Q\n  */\n  --zg-cell-label-color_layout_card: var(--theme-color);\n\n  /* ZG-COLUMN-RESIZE\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-column-resize-background\n  * @description Sets the background of the resize handle\n  * @see background\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/GY8NY03F\n  */\n  --zg-column-resize-background: var(--zg-head-cell-color);\n  /**\n  * @memberof dark\n  * @var --zg-column-resize-color\n  * @description Sets the color of the resize handle dots\n  * @see color\n  * @default none\n  */\n  --zg-column-resize-color: var(--theme-background-color);\n\n  /* ZG-CONTROL-BAR\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-control-bar-background\n  * @description Styles the background of control bar\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/E1K9COKF\n  */\n  --zg-control-bar-background: var(--theme-background-color);\n  /**\n  * @memberof dark\n  * @var --zg-control-bar-border-bottom\n  * @description Styles the bottom border of control bar\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/5DST8C9Q\n  */\n  --zg-control-bar-border-bottom: 0;\n  /**\n  * @memberof dark\n  * @var --zg-control-bar-button-margin\n  * @description Sets margin of buttons in control bar\n  * @see margin\n  * @default 0\n  */\n  --zg-control-bar-button-margin: 0;\n  /**\n  * @memberof dark\n  * @var --zg-control-bar-icon-color\n  * @description Sets the fill color of slotted icon\n  * @see fill\n  * @default var(--zg-icon-color)\n  * @demoLink https://app.zingsoft.com/demos/create/AQXMHTVM\n  */\n  --zg-control-bar-icon-color: var(--zg-icon-color);\n\n  /* ZG-DIALOG\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-background\n  * @description Styles the background of dialog\n  * @see background\n  * @default #050b22\n  */\n  --zg-dialog-background: #050b22;\n\n  /* HEADER */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-header-color\n  * @description Styles the font color of dialog header\n  * @see color\n  * @default #fff\n  */\n  --zg-dialog-header-color: #fff;\n\n  /**\n  * @memberof dark\n  * @var --zg-dialog-cancel-border-bottom\n  * @description Styles the bottom border of dialog 'cancel' button\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-cancel-border-bottom: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-dialog-cancel-border-left\n  * @description Styles the left border of dialog 'cancel' button\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-cancel-border-left: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-dialog-cancel-border-right\n  * @description Styles the right border of dialog 'cancel' button\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-cancel-border-right: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-dialog-cancel-border-top\n  * @description Styles the top border of dialog 'cancel' button\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-cancel-border-top: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-dialog-close-color\n  * @description Sets the font color of dialog 'close' button\n  * @see color\n  * @default var(--theme-color_alt)\n  */\n  --zg-dialog-close-color: var(--theme-color_alt);\n\n  /* BODY */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-body-border-top\n  * @description Styles the top boder of dialog body\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-body-border-top: 1px solid var(--theme-border-color_body);\n\n  /* FOOTER */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-footer-border-top\n  * @description Styles the top border of dialog footer\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-footer-border-top: 1px solid var(--theme-border-color_body);\n\n  /* BODY COLOR\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-body-color\n  * @description Styles font color of body of dialog\n  * @see color\n  * @default #fff\n  */\n  --zg-dialog-body-color: #fff;\n\n  /* ZG-EDITOR-ROW\n  ----------------------------------------------------- */\n\n  /* ZG-EDITOR-ROW: INPUT */\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-background\n  * @description Styles the background of editor row input\n  * @see background\n  * @default var(--theme-color-primary))\n  * @demoLink https://app.zingsoft.com/demos/create/3EBBN3A3\n  */\n  --zg-editor-row-input-background: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-border-bottom\n  * @description Styles the bottom border of editor row input\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/9P6CXB0Q\n  */\n  --zg-editor-row-input-border-bottom: 0;\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-color\n  * @description Sets the font color of editor row input\n  * @see color\n  * @default var(--theme-color-input)\n  * @demoLink https://app.zingsoft.com/demos/create/QYZBZUVA\n  */\n  --zg-editor-row-input-color: var(--theme-color-input);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-padding\n  * @default 13px 16px 12px\n  * @description The padding of editor row input\n  * @see padding\n  */\n  --zg-editor-row-input-padding: 13px 16px 12px;\n\n  /* ZG-EDITOR-ROW: INPUT - FOCUSED */\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-background_focus\n  * @default var(--theme-background-color)\n  * @description Styles the background of editor row input on focus\n  * @see background\n  */\n  --zg-editor-row-input-background_focus: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-border-bottom\n  * @description Styles the bottom border of input field\n  * @see border\n  * @default var(--theme-border-color_body)\n  */\n  --zg-editor-row-input-border-bottom: var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-box-shadow_focus\n  * @default none\n  * @description Applies a box shadow behind editor row input on focus\n  * @see box-shadow\n  */\n  --zg-editor-row-input-box-shadow_focus: none;\n\n  /* ZG-EDITOR-ROW: MODAL - INPUT */\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-background_modal_focus\n  * @description Styles the background of editor row input in modal on focus\n  * @see background\n  * @default var(--theme-background-zebra)\n  * @demoLink https://app.zingsoft.com/demos/create/ZORGW9GT\n  */\n  --zg-editor-row-input-background_modal_focus: var(--theme-background-zebra);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-border-bottom_modal_focus\n  * @description Styles the bottom border of editor row input in modal on focus\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  */\n  --zg-editor-row-input-border-bottom_modal_focus: 1px solid var(--theme-border-color);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-color_modal_focus\n  * @description Sets the font color of editor row input in modal on focus\n  * @see color\n  * @default var(--theme-color-input)\n  */\n  --zg-editor-row-input-color_modal_focus: var(--theme-color-input);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-padding_modal\n  * @default 13px 10px 12px 8px\n  * @description Sets the padding of editor row input\n  * @see padding\n  */\n  --zg-editor-row-input-padding_modal: 13px 10px 12px 8px;\n\n  /* ZG-EDITOR-ROW: LABEL\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-label-color\n  * @description Styles font color of label in modal\n  * @see color\n  * @default #fff\n  */\n  --zg-editor-row-label-color: #fff;\n\n  /* ZG-FILTER\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-filter-background\n  * @description Styles the background of filter input\n  * @see background\n  * @default var(--theme-background-color);\n  * @demoLink https://app.zingsoft.com/demos/create/G1WKUNFJ\n  */\n  --zg-filter-background: var(--theme-background-color);\n  /**\n  * @memberof dark\n  * @var --zg-filter-background_sorted\n  * @description Styles the background color of filter input in sorted column\n  * @see background-color\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/WX39XEJ1\n  */\n  --zg-filter-background_sorted: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-filter-border-top\n  * @description Styles the top border of the filter cell\n  * @see border\n  * @default 0\n  */\n  --zg-filter-border-top: 0;\n\n  /* ZG-FILTER: INPUT */\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-background\n  * @description Styles the background of fiter input field\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  */\n  --zg-filter-input-background: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-border-bottom\n  * @description Styles the bottom border of filter input field\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/Z1COSRGD\n  */\n  --zg-filter-input-border-bottom: 1px solid #212121;\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-border-left\n  * @description Styles the left border of filter input field\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/2Z1YS7PH\n  */\n  --zg-filter-input-border-left: 1px solid #212121;\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-border-right\n  * @description Styles the right border of filter input field\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/JD0COXK4\n  */\n  --zg-filter-input-border-right: 1px solid #212121;\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-border-top\n  * @description Styles the top border of filter input field\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/KRUW31YG\n  */\n  --zg-filter-input-border-top: 1px solid #212121;\n\n  /* ZG-FILTER: INPUT - SORTED */\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-background_sorted\n  * @description Styles the background of filter input field in sorted column\n  * @see background\n  * @default var(--theme-background-row)\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  */\n  --zg-filter-input-background_sorted: var(--theme-background-row);\n\n  /* ZG-HEAD\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-head-background\n  * @default #050b22\n  * @description Styles the background of grid head\n  * @see background\n  */\n  --zg-head-background: #050b22;\n  /**\n  * @memberof dark\n  * @var --zg-head-border-bottom\n  * @description Styles the bottom border of grid head\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  * @demoLink https://app.zingsoft.com/demos/create/HLBTB6HX\n  */\n  --zg-head-border-bottom: 1px solid var(--theme-border-color_body);\n\n  /**\n  * @memberof dark\n  * @var --zg-head-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid head\n  * @see border-radius\n  */\n  --zg-head-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n  /**\n  * @memberof dark\n  * @var --zg-head-border-top\n  * @description Styles the top border of grid head\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/S7J5KA7S\n  */\n  --zg-head-border-top: 0;\n\n  /* ZG-HEAD-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-head-cell-background_sorted\n  * @description Styles the background of sorted head cells\n  * @see background\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/F7W6O5Y8\n  */\n  --zg-head-cell-background_sorted: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-head-cell-color\n  * @default var(--theme-color_alt)\n  * @description Sets the font color of head cells\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/MOTKNFI7\n  */\n  --zg-head-cell-color: var(--theme-color_alt);\n  /**\n  * @memberof dark\n  * @var --zg-head-cell-color_sorted\n  * @description Sets the font color of head cells when sorted\n  * @default var(--theme-color-white);\n  * @see color\n  */\n  --zg-head-cell-color_sorted: var(--theme-color-white);\n\n  /* ZG-HEADER\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-header-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid header\n  * @see border-radius\n  */\n  --zg-header-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n\n  /* ZG-ICON\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-icon-color\n  * @default var(--theme-color-white)\n  * @description Sets the fill color of icon in shadow elements\n  * @see fill\n  * @demoLink https://app.zingsoft.com/demos/create/QP3CK186\n  */\n  --zg-icon-color: var(--theme-color_alt);\n  /**\n  * @memberof dark\n  * @var --zg-icon-init-fill\n  * @description This color is set on the icon <svg> while the element has the\n  * [init] attribute. This is meant to give an indication the column is sortable.\n  * The [init] goes away when the column is sorted.\n  * @default var(--theme-color)\n  * @see fill\n  * @demoLink https://app.zingsoft.com/demos/create/K3C0AD5K\n  */\n  /* Not-Sorted Color */\n  --zg-icon-init-fill: var(--theme-color_alt);\n  /**\n  * @memberof dark\n  * @var --zg-head-cell-icon-color_sorted\n  * @description Sets the fill color of icon in sorted head cells\n  * @see fill\n  * @default var(--theme-color-white);\n  * @demoLink https://app.zingsoft.com/demos/create/I4QTA64O\n  */\n  /* Sorted Color */\n  --zg-head-cell-icon-color_sorted: var(--theme-color-white);\n\n  /* ZG-INPUT\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-input-background\n  * @description Styles the background of input field\n  * @see background\n  * @default var(--theme-background-row)\n  * @demoLink https://app.zingsoft.com/demos/create/QTKU281K\n  */\n  --zg-input-background: var(--theme-background-row);\n  /**\n  * @memberof dark\n  * @var --zg-input-color\n  * @description Styles the font color of input field\n  * @see color\n  * @default var(--theme-color-input)\n  * @demoLink https://app.zingsoft.com/demos/create/32AVDJGQ\n  */\n  --zg-input-color: var(--theme-color-input);\n\n  /* ZG-MENU\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-menu-background\n  * @description Styles the background of menu\n  * @see background\n  * @default var(--theme-color-lighter)\n  */\n  --zg-menu-background: var(--theme-color-lighter);\n\n  /* ZG-MENUITEM\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-menu-item-background_hover\n  * @description Styles the background of menu item on hover\n  * @see background\n  * @default var(--theme-background-zebra)\n  */\n  --zg-menu-item-background_hover: var(--theme-background-zebra);\n  /**\n  * @memberof dark\n  * @var --zg-menu-item-color_hover\n  * @description Sets the font color of menu item on hover\n  * @see color\n  * @default var(--theme-color_alt)\n  */\n  --zg-menu-item-color_hover: var(--theme-color_alt);\n\n  /* ZG-PAGER\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-pager-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of pager\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/DSI1M4K6\n  */\n  --zg-pager-background: var(--theme-background-color);\n  /**\n  * @memberof dark\n  * @var --zg-pager-border-top\n  * @description Styles the top border of pager\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  * @demoLink https://app.zingsoft.com/demos/create/S7J5KA7S\n  */\n  --zg-pager-border-top: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-pager-color\n  * @description Sets the font color of pager\n  * @see color\n  * @default #a1a1a1\n  */\n  --zg-pager-color: #a1a1a1;\n\n  /* ZG-ROW\n  ----------------------------------------------------- */\n\n  /* ZG-BODY */\n  /**\n  * @memberof dark\n  * @var --zg-row-body-background_even\n  * @default var(--theme-background-row)\n  * @description Styles the background of 'even' body rows\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/VMHOQP1A\n  */\n  --zg-row-body-background_even: var(--theme-background-row);\n  /**\n  * @memberof dark\n  * @var --zg-row-body-background_even\n  * @default var(--theme-background-row)\n  * @description Styles the background of 'even' body rows\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/VMHOQP1A\n  */\n  --zg-row-body-background_odd: var(--theme-background-row);\n  /**\n  * @memberof dark\n  * @var --zg-row-body-border-bottom\n  * @description Styles the bottom border of body rows\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  * @demoLink https://app.zingsoft.com/demos/create/HNJ2XN7Y\n  */\n  --zg-row-body-border-bottom: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-row-body-color\n  * @default var(--theme-color)\n  * @description Sets the font color of body rows\n  * @see color\n  */\n  --zg-row-body-color: var(--theme-color);\n\n  /* Hover */\n  /**\n  * @memberof dark\n  * @var --zg-row-body-color_even_hover\n  * @default var(--zg-row-body-color)\n  * @description Sets the font color of 'even' body rows on hover\n  * @see color\n  */\n  --zg-row-body-color_even_hover: var(--zg-row-body-color);\n  /**\n  * @memberof dark\n  * @var --zg-row-body-color_odd_hover\n  * @default var(--zg-row-body-color)\n  * @description Setst the font color of 'odd' body rows on hover\n  * @see color\n  */\n  --zg-row-body-color_odd_hover: var(--zg-row-body-color);\n\n  /* Card */\n  /**\n  * @memberof dark\n  * @var --zg-row-card-background\n  * @description Styles the background of cards in 'card' layout-mode\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/BN8IASG4\n  */\n  --zg-row-card-background: var(--theme-background-row);\n\n  /* CARD MODE WHEN EDITOR CONTROLS */\n  /* ODD */\n  /**\n  * @memberof dark\n  * @var --zg-row-card-background_editor_odd\n  * @description Styles the background of 'odd' card editor header in 'card' layout-mode\n  * when `[editor-controls]` is added to `<zing-grid>`.\n  * Styling should account for the editor controls above the cells.\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px var(--theme-border-color) 44px, var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px)\n  * @see background\n  */\n  --zg-row-card-background_editor_odd: linear-gradient(\n    var(--theme-color-lighter),\n    var(--theme-color-lighter) 43px,\n    var(--theme-border-color) 44px,\n    var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px\n  );\n  /* EVEN */\n  /**\n  * @memberof dark\n  * @var --zg-row-card-background_editor_even\n  * @description Styles the background of 'even' card editor header in 'card' layout-mode\n  * when `[editor-controls]` is added to `<zing-grid>`.\n  * Styling should account for the editor controls above the cells.\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px, var(--theme-border-color) 44px, var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px)\n  * @see background\n  */\n  --zg-row-card-background_editor_even: linear-gradient(\n    var(--theme-color-lighter),\n    var(--theme-color-lighter) 43px,\n    var(--theme-border-color) 44px,\n    var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px\n  );\n\n  /* ZG-SELECT\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-select-arrow-color\n  * @description Sets the color of select arrow icon\n  * @see fill\n  * @default var(--zg-icon-color)\n  * @demoLink https://app.zingsoft.com/demos/create/1IT6DL7R\n  */\n  --zg-select-arrow-color: var(--zg-icon-color);\n  /**\n  * @memberof dark\n  * @var --zg-select-color\n  * @description Sets the font color of the select in active state\n  * @see color\n  * @default var(--theme-color-input)\n  * @demoLink https://app.zingsoft.com/demos/create/LHLU0OLY\n  */\n  --zg-select-color: var(--theme-color-input);\n  /**\n  * @memberof dark\n  * @var --zg-select-text-background\n  * @description Styles the background of the 'text' portion of select\n  * @default none\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/MZG3WH82\n  */\n  --zg-select-text-background: none;\n  /**\n  * @memberof dark\n  * @var --zg-option-list-background\n  * @description Styles the background of option list\n  * @see background\n  * @default var(--theme-background-color)\n  */\n  --zg-option-list-background: var(--theme-background-color);\n\n  /* ZG-SOURCE\n  ----------------------------------------------------- */\n  --zg-source-background: none;\n  --zg-source-border-bottom_top: 1px solid #0e4658;\n  --zg-source-border-top_top: 1px solid #0e4658;\n  --zg-source-border-top_bottom: 1px solid #0e4658;\n  --zg-source-color: #47899e;\n\n  /* ZG-WATERMARK\n  ----------------------------------------------------- */\n  --zg-watermark-background: var(--theme-background-color);\n  --zg-watermark-color: var(--theme-color-white);\n  --zg-watermark-color_strong: var(--theme-color-white);\n\n  /* BATCH EDIT\n  ----------------------------------------------------- */\n  --zing-grid-batch-edit-style-border: 4px solid var(--theme-color_alt);\n  /* --theme-batch-edit-box-shadow: inset 0 0 15px var(--theme-color_alt); */\n  --theme-batch-edit-box-shadow: unset;\n\n}",""])},91103:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,":host {\n  /* RE-USABLE ZINGGRID VARS\n  ----------------------------------------------------- */\n  /* These are used as the default theme values in the various component .css files */\n  /* These values are used more than once, so we're making them into a variable for reuse */\n\n  /* BACKGROUND */\n\n  /**\n  * @memberof theme\n  * @var --theme-background-color\n  * @default rgba(166, 213, 250, 0.2)\n  * @description Styles the background of row on hover\n  * @see background-color\n  */\n  --theme-background-color: rgba(166, 213, 250, 0.2);\n\n  /**\n  * @memberof theme\n  * @var --theme-background-zebra\n  * @default #f5f5f5\n  * @description Styles the background of 'even' rows in [zebra]-striping mode\n  * @see background-color\n  */\n  --theme-background-zebra: #f5f5f5;\n\n  /* BORDER */\n  /**\n  * @memberof theme\n  * @var --theme-border-color\n  * @default #e3e3e3\n  * @description Styles the border color\n  * @see border\n  */\n  --theme-border-color: #e3e3e3;\n\n  /* COLOR */\n\n  /**\n  * @memberof theme\n  * @var --theme-color\n  * @default rgb(33, 33, 33, 1)\n  * @description Sets the font color of most components, including cell content.\n  * @see color\n  * @example cell font color\n  * @example button background\n  * @example checkbox border\n  * @example select color\n  */\n  --theme-color: rgba(33, 33, 33, 1);\n\n  /**\n  * @memberof theme\n  * @var --theme-color_alt\n  * @default rgba(117, 117, 117, 1);\n  * @description Sets the font color of alternate text\n  * @see color\n  * @example header font\n  */\n  --theme-color_alt: rgba(117, 117, 117, 1);\n  \n  /**\n  * @memberof theme\n  * @var --theme-color-primary\n  * @default rgba(33, 150, 243, 1)\n  * @description Sets the font color of primary text\n  * @see color\n  * @example watermark\n  * @example checkbox:checked\n  * @example focus border\n  */\n  --theme-color-primary: rgba(33, 150, 243, 1);\n\n  /**\n  * @memberof theme\n  * @var --theme-color-secondary\n  * @default var(--theme-color-primary)\n  * @description Sets the font color of secondary text for components of functionality, such as header cells.\n  * @see color\n  * @example input:focus\n  */\n  --theme-color-secondary: var(--theme-color-primary);\n\n  /**\n  * @memberof theme\n  * @var --theme-color-success\n  * @default green\n  * @description Sets the font color for 'success' messages\n  * @see color\n  */\n  --theme-color-success: green;\n\n  /**\n  * @memberof theme\n  * @var --theme-color-alert\n  * @default red\n  * @description Sets the font color for 'alert' messages\n  * @see color\n  */\n  --theme-color-alert: red;\n\n  /**\n  * @memberof theme\n  * @var --theme-color-light\n  * @default #f2f2f2\n  * @description Defines the baseline light color\n  * @see color\n  * @example <zg-source> background\n  */\n  --theme-color-light: #f2f2f2;\n\n  /**\n  * @memberof theme\n  * @var --theme-color-lighter\n  * @default #fbfbfb\n  * @description Defines the baseline lighter color\n  * @see color\n  * @example Filter and Footer background color\n  */\n  --theme-color-lighter: #fbfbfb;\n\n  /**\n  * @memberof theme\n  * @var --theme-color-warn\n  * @default #ecd800\n  * @description Sets the font color of 'warn' messages\n  * @see color\n  */\n  --theme-color-warn: #ecd800;\n\n  /* FONT */\n\n  /**\n  * @memberof theme\n  * @var --theme-font-family\n  * @default 'Roboto', verdana, sans-serif\n  * @description Sets the font family of grid\n  * @see font-family\n  */\n  --theme-font-family: 'Roboto', verdana, sans-serif;\n\n  /**\n  * @memberof theme\n  * @var --theme-font-size\n  * @default 0.875rem\n  * @description Sets the base font size of grid\n  * @see font-size\n  */\n  --theme-font-size: .875rem;\n\n  /**\n  * @memberof theme\n  * @var --theme-font-style\n  * @default normal\n  * @description Sets the font style of grid\n  * @see font-style\n  */\n  --theme-font-style: normal;\n\n  /**\n  * @memberof theme\n  * @var --theme-font-weight\n  * @default normal\n  * @description Sets the font weight of grid\n  * @see font-weight\n  */\n  --theme-font-weight: normal;\n\n  /**\n  * @memberof theme\n  * @var --theme-line-height\n  * @default 1rem\n  * @description Sets the line height of grid\n  * @see line-height\n  */\n  --theme-line-height: 1rem;\n\n  /* PADDING */\n  /**\n  * @memberof theme\n  * @var --theme-padding_x\n  * @default 1rem\n  * @description Sets the horizontal padding of cells\n  * @see padding\n  */\n  --theme-padding_x: 1rem;\n\n  /**\n  * @memberof theme\n  * @var --theme-padding_y\n  * @default 0\n  * @description Sets the vertical padding of cells\n  * @see padding\n  */\n  --theme-padding_y: 0;\n\n  /* TRANSITION SPEED */\n  /**\n  * @memberof theme\n  * @var --theme-transition_speed\n  * @default 150ms\n  * @description Sets the animation speed for transitions\n  * @see transition\n  */\n  --theme-transition_speed: 150ms;\n\n  /* SIZING */\n  /**\n  * @memberof theme\n  * @var --theme-margin\n  * @default 20px\n  * @description Sets the margin of pager controls\n  * @see margin\n  */\n  --theme-margin: 20px;\n\n\n  /* -------------------------------------------------- */\n\n\n  /* ZING-GRID\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zing-grid-background\n  * @default #fff\n  * @description Styles the background of grid\n  * @see background-color\n  # @example body and header rows\n  # @example layout\n  # @example pager\n  */\n  --zing-grid-background: #fff;\n\n\n  /* ZG-BUTTON\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-button-background_hover\n  * @default rgba(255, 255, 255, 0.3)\n  * @description Styles the background of button on hover\n  * @see background\n  */\n  --zg-button-background_hover: rgba(255, 255, 255, 0.3);\n  /**\n  * @memberof default\n  * @var --zg-button-focus\n  * @default 2px solid green\n  * @description Styles the border of button on focus\n  * @see border\n  */\n  --zg-button-focus: 1px solid green;\n\n  /* ZG-BUTTON (CUSTOM) */\n  /**\n  * @memberof default\n  * @var --zg-button-background_custom\n  * @default #fff\n  * @description Styles the background of custom button\n  * @see background\n  */\n  --zg-button-background_custom: #fff;\n  /**\n  * @memberof default\n  * @var --zg-button-border_custom\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the border of custom button\n  * @see border\n  */\n  --zg-button-border_custom: 1px solid var(--theme-border-color);\n  /**\n  * @memberof default\n  * @var --zg-button-box-shadow_custom\n  * @default 0 0 5px 0 #a6a6a6\n  * @description Applies box shadow behind custom button\n  * @see box-shadow\n  */\n  --zg-button-box-shadow_custom: 0 0 5px 0 #a6a6a6;\n  /**\n  * @memberof default\n  * @var ---zg-button-color_custom\n  * @default #000\n  * @description Sets the font color of custom button\n  * @see color\n  */\n  --zg-button-color_custom: #000;\n\n  /* FOCUS */\n  /**\n  * @memberof default\n  * @var --zg-button-background_custom_focus\n  * @default var(--theme-color-primary)\n  * @description Styles the background of custom button on focus\n  * @see background\n  */\n  --zg-button-background_custom_focus: var(--theme-color-primary);\n  /**\n  * @memberof default\n  * @var --zg-button-border_custom_focus\n  * @default 1px solid #5ac4fb\n  * @description Styles the border of custom button on focus\n  * @see border\n  */\n  --zg-button-border_custom_focus: 1px solid #5ac4fb;\n  /**\n  * @memberof default\n  * @var --zg-button-box-shadow_custom_focus\n  * @default 0 0 6px 0 #86d3fb\n  * @description Applies a box shadow behind custom button on focus\n  * @see box-shadow\n  */\n  --zg-button-box-shadow_custom_focus: 0 0 6px 0 #86d3fb;\n  /**\n  * @memberof default\n  * @var --zg-button-color_custom_focus\n  * @default #fff\n  * @description Sets the font color of custom button on focus\n  * @see color\n  */\n  --zg-button-color_custom_focus: #fff;\n\n  /* HOVER */\n  /**\n  * @memberof default\n  * @var --zg-button-background_custom_hover\n  * @default var(--theme-color-primary)\n  * @description Styles the background of custom button on hover\n  * @see background\n  */\n  --zg-button-background_custom_hover: var(--theme-color-primary);\n  /**\n  * @memberof default\n  * @var --zg-button-border_custom_hover\n  * @default 1px solid #5ac4fb\n  * @description Styles the border of custom button on hover\n  * @see border\n  */\n  --zg-button-border_custom_hover: 1px solid #5ac4fb;\n  /**\n  * @memberof default\n  * @var --zg-button-box-shadow_custom_hover\n  * @default 0 0 6px 0 #86d3fb\n  * @description Applies a box shadow behind custom button on hover\n  * @see box-shadow\n  */\n  --zg-button-box-shadow_custom_hover: 0 0 6px 0 #86d3fb;\n  /**\n  * @memberof default\n  * @var --zg-button-color_custom_hover\n  * @default #fff\n  * @description Sets the font color of custom button on hover\n  * @see color\n  */\n  --zg-button-color_custom_hover: #fff;\n  \n  /* ACTIVE */\n  /**\n  * @memberof default\n  * @var --zg-button-background_custom_active\n  * @default #0594de\n  * @description Styles the background of custom button on active state\n  * @see background\n  */\n  --zg-button-background_custom_active: #0594de;\n  /**\n  * @memberof default\n  * @var --zg-button-border_custom_active\n  * @default 1px solid #4eaada\n  * @description Styles the border of custom button on active state\n  * @see border\n  */\n  --zg-button-border_custom_active: 1px solid #4eaada;\n  /**\n  * @memberof default\n  * @var --zg-button-box-shadow_custom_active\n  * @default 0 0 5px 0 #86d3fb\n  * @description Applies a box shadow behind custom button on active state\n  * @see box-shadow\n  */\n  --zg-button-box-shadow_custom_active: 0 0 5px 0 #86d3fb;\n  /**\n  * @memberof default\n  * @var --zg-button-color_custom_active\n  * @default #fff\n  * @description Sets the font color of custom button on active state\n  * @see color\n  */\n  --zg-button-color_custom_active: #fff;\n\n\n  /* ZG-CAPTION\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-caption-background\n  * @default #003749\n  * @description Styles the background of caption\n  * @see background-color\n  */\n  --zg-caption-background: #003749;\n  /**\n  * @memberof default\n  * @var --zg-caption-color\n  * @default #fff\n  * @description Styles the font color of caption\n  * @see color\n  */\n  --zg-caption-color: #fff;\n  /**\n  * @memberof default\n  * @var --zg-caption-height\n  * @description Sets the height of caption\n  * @see height\n  * @default 4rem\n  * @demoLink https://app.zingsoft.com/demos/create/Y3GPK1TE\n  */\n  --zg-caption-height: 4rem;\n  /**\n  * @memberof default\n  * @var --zg-caption-icon-color\n  * @default #fff\n  * @description Sets the icon color in caption\n  * @see color\n  */\n  --zg-caption-icon-color: #fff;\n  /**\n  * @memberof default\n  * @var --zg-caption-padding\n  * @default 0 var(--theme-padding_x)\n  * @description Sets the padding of caption\n  * @see padding\n  */\n  --zg-caption-padding: 0 var(--theme-padding_x);\n\n  /* TITLE ELEMENT */\n  /* --zg-caption-title-align-self: center; */\n  /* TOOLBAR ELEMENT */\n  /* --zg-caption-toolbar-align-self: flex-end; */\n\n  /* BUTTONS IN CAPTION */\n  /**\n  * @memberof default\n  * @var --zg-caption-button-background_hover\n  * @default #004f69\n  * @description Styles the background of button in caption\n  * @see background\n  */\n  --zg-caption-button-background_hover: #004f69;\n\n\n  /* ZG-CELL\n  ----------------------------------------------------- */\n  /* NORMAL */\n  /**\n  * @memberof default\n  * @var --zg-cell-background_sorted\n  * @default var(--theme-background-color)\n  * @description Styles the background of sorted cells\n  * @see background-color\n  */\n  --zg-cell-background_sorted: var(--theme-background-color);\n\n  /* AGGREGATE */\n  /**\n  * @memberof default\n  * @var --zg-cell-background_aggregate\n  * @default var(--zg-filter-background)\n  * @description Styles the background of 'aggregate' row\n  * @see background-color\n  */\n  --zg-cell-background_aggregate: var(--zg-filter-background);\n  /**\n  * @memberof default\n  * @var --zg-cell-background_aggregate_sorted\n  * @default var(--theme-background-color)\n  * @description Styles the background of sorted aggregate cells\n  * @see background-color\n  */\n  --zg-cell-background_aggregate_sorted: #dbecff;\n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_sorted\n  * @default 1px solid #d5e8ff\n  * @description Styles the border-top of sorted cells\n  * @see background-color\n  */\n  --zg-cell-border-top_sorted: 1px solid #d5e8ff;\n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_aggregate\n  * @default 1px solid var(--theme-border-color)\n  * @description Sets the top border of 'aggregate' rows\n  * @see height\n  */\n  --zg-cell-border-top_aggregate: 1px solid var(--theme-border-color);\n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_aggregate_sorted\n  * @default 1px solid #b3d6ff\n  * @description Styles the border-top of sorted aggregate cells\n  * @see background-color\n  */\n  --zg-cell-border-top_aggregate_sorted: 1px solid #b3d6ff;\n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_frozen\n  * @default 1px solid var(--theme-border-color)\n  * @description Sets the top border of 'frozen' rows\n  * @see height\n  */\n  --zg-cell-border-top_frozen: 1px solid var(--theme-border-color);\n\n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_frozen\n  * @default 1px solid var(--theme-border-color)\n  * @description Sets the top border of 'frozen' rows\n  */\n  --zg-row-border-top_foot_frozen: 1px solid var(--theme-border-color);\n  \n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_aggregate\n  * @default 1px solid var(--theme-border-color)\n  * @description Sets the top border of 'aggregate' rows\n  */\n  --zg-row-border-top_foot_aggregate: 1px solid var(--theme-border-color);\n\n\n  /* ZG-COLUMN-RESIZE\n  ----------------------------------------------------- */\n  --zg-column-resize-background: #f1f1f1;\n  --zg-column-resize-color: #c1c1c1;\n\n\n  /* ZG-CONTROL-BAR\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-control-bar-background\n  * @default #e3ecf6\n  * @description Styles the background of control bar\n  * @see background-color\n  */\n  --zg-control-bar-background: #e3ecf6;\n  \n\n  /* ZG-FOOT\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-foot-background\n  * @default var(--theme-color-lighter)\n  * @description The footer background\n  * @see background-color\n  */\n  --zg-foot-background: var(--theme-color-lighter);\n\n\n  /* ZG-FILTER\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-filter-background\n  * @default #f5f5f5\n  * @description Styles the background of filter\n  * @see background-color\n  */\n  --zg-filter-background: #f5f5f5;\n  /**\n  * @memberof default\n  * @var --zg-filter-background_sorted\n  * @default #c5dbf3\n  * @description Styles the background of filter in sorted column\n  * @see background-color\n  */\n  --zg-filter-background_sorted: #c5dbf3;\n  /**\n  * @memberof default\n  * @var --zg-filter-height\n  * @default 40px\n  * @description Sets the height of filter row\n  * @see height\n  */\n  --zg-filter-height: 40px;\n\n  /* FILTER INPUT */\n  /**\n  * @memberof default\n  * @var --zg-filter-input-background\n  * @default #fff\n  * @description Styles the background of filter input\n  * @see background-color\n  */\n  --zg-filter-input-background: #fff;\n  /**\n  * @memberof default\n  * @var --zg-filter-input-border\n  * @default 1px solid var(--theme-border-color);\n  * @description Styles the border of filter input\n  * @see border\n  */\n  --zg-filter-input-border: 1px solid var(--theme-border-color);\n  /**\n  * @memberof default\n  * @var --zg-filter-input-font-size\n  * @default .75rem\n  * @description Sets the font size of the filter input\n  * @see font-size\n  */\n  --zg-filter-input-font-size: .75rem;\n\n  --zg-row-background_filter: var(--zg-filter-background);\n\n\n  /* ZG-HEAD\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-head-background\n  * @default var(--theme-color-lighter)\n  * @description Styles the background of the grid head\n  * @see background\n  */\n  --zg-head-background: var(--theme-color-lighter);\n\n  /* ZG-HEAD-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-head-cell-background_sorted\n  * @default #d1e7ff\n  * @description Styles the background of sorted head cells\n  * @see background-color\n  */\n  --zg-head-cell-background_sorted: #d1e7ff;\n  /**\n  * @memberof default\n  * @var --zg-head-cell-font-size\n  * @default .9rem\n  * @description Sets the font size of head cells\n  * @see font-size\n  */\n  --zg-head-cell-font-size: var(--zing-grid-font-size, .9rem);\n  \n  /**\n  * @memberof default\n  * @var --zg-head-cell-padding\n  * @default 0 var(--theme-padding_x)\n  * @description Sets the padding of head cells\n  * @see padding\n  */\n  --zg-head-cell-padding: 0 var(--theme-padding_x); \n  --zg-head-cell-padding-left: var(--theme-padding_x);\n  \n  /* 'SPLIT PARENT' CELL STYLING */\n  /**\n  * @memberof default\n  * @var --zg-head-cell-parent-background\n  * @default #fff\n  * @description Styles the background of 'parent' head cells\n  * @see background\n  */\n  --zg-head-cell-parent-background: #fff;\n  /**\n  * @memberof default\n  * @var --zg-head-cell-parent-background_hover\n  * @default var(--theme-color-lighter);\n  * @description Styles the background of 'parent' head cells on hover\n  * @see background-color\n  */\n  --zg-head-cell-parent-background_hover: var(--theme-color-lighter);\n  /**\n  * @memberof default\n  * @var --zg-head-cell-parent-border-bottom_hover\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the bottom border of 'parent' head cells\n  * @see border\n  */\n  --zg-head-cell-parent-border-bottom_hover: 1px solid var(--theme-border-color);\n  /**\n  * @memberof default\n  * @var --zg-head-cell-parent-font-size\n  * @default .85rem\n  * @description Sets the font size of 'parent' head cells\n  * @see font-size\n  */\n  --zg-head-cell-parent-font-size: .85rem;\n  /**\n  * @memberof default\n  * @var --zg-head-cell-parent-font-weight\n  * @default 400\n  * @description Sets the font weight of 'parent' head cells\n  * @see font-weight\n  */\n  --zg-head-cell-parent-font-weight: 400;\n\n  /* HEAD CELL ICON */\n  /**\n  * @memberof default\n  * @var --zg-head-cell-icon-margin\n  * @default 0 5px 0 -3px\n  * @description Sets the margin of child icons in head cells\n  * @see margin\n  */\n  --zg-head-cell-icon-margin: 0 5px 0 -3px;\n\n\n  /* ZG-ICON\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-icon-init-fill\n  * @default #d4d4d4\n  * @description Sets the initial color of icon\n  * @see fill\n  */\n  --zg-icon-init-fill: #d4d4d4;\n  /**\n  * @memberof default\n  * @var --zg-icon-height\n  * @default 20px\n  * @description Sets the height of icon\n  * @see height\n  */\n  --zg-icon-height: 20px;\n  /**\n  * @memberof default\n  * @var --zg-icon-width\n  * @default 20px\n  * @description Sets the width of icon\n  * @see width\n  */\n  --zg-icon-width: 20px;\n\n  /**\n  * @memberof default\n  * @var --zg-menu-background\n  * @default #ff\n  * @description Style the background of menu\n  * @see background\n  */\n  --zg-menu-background: #fff;\n\n  /* --zg-menu-item-background_hover: var(--theme-color-lighter);*/\n\n\n  /* ZG-PAGER\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-pager-padding\n  * @default 0 var(--theme-padding_x) var(--theme-padding_x)\n  * @description Sets the padding of pager\n  * @see padding\n  */\n  --zg-pager-padding: 0 var(--theme-padding_x) 13px;\n\n  /* Pager top-border in card mode, but not in mobile. Yikes :) */\n  /* NOTE: Internal use only for now. Don't add JS Docs */\n  --zg-pager-card-nonmobile-border-top: 1px solid var(--theme-border-color);\n\n  /* Sections */\n  /**\n  * @memberof default\n  * @var --zg-pager-section-margin-top\n  * @default 13px\n  * @description Sets the top margin of pager\n  * @see margin\n  */\n  --zg-pager-section-margin-top: 13px;\n\n  /* 'Button' Type */\n  --zg-pager-border_button: 1px solid var(--theme-border-color);\n  --zg-pager-color_button_active: #fff;\n\n\n  /* ZG-ROW\n  ----------------------------------------------------- */\n  /* ZG-HEAD ZG-ROW */\n  /**\n  * @memberof default\n  * @var --zg-row-head-height\n  * @default 40px\n  * @description Sets the height of row head\n  * @see height\n  */\n  --zg-row-head-height: 40px;\n\n  /* ZG-BODY */\n  /**\n  * @memberof default\n  * @var --zg-row-body-background_hover\n  * @default var(--theme-background-color)\n  * @description Styles the backgrounf of body rows on hover\n  * @see background-color\n  */\n  --zg-row-body-background_hover: var(--theme-background-color);\n\n  /* CARD MODE WHEN EDITOR CONTROLS */\n  /* ODD */\n  /**\n  * @memberof default\n  * @var --zg-row-card-background_editor_odd\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px, var(--theme-border-color) 44px, var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px)\n  * @description Styles the background of 'odd' card editor head\n  * when `[editor-controls]` is added to `<zing-grid>`. \n  * Styling should account for the editor controls above the cells.\n  * @see background\n  */\n  --zg-row-card-background_editor_odd: linear-gradient(\n    var(--theme-color-lighter), \n    var(--theme-color-lighter) 43px, \n    var(--theme-border-color) 44px, \n    var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px\n  );\n  /* EVEN */\n  /**\n  * @memberof default\n  * @var --zg-row-card-background_editor_even\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px, var(--theme-border-color) 44px, var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px)\n  * @description Styles the background of 'odd' card editor head\n  * when `[editor-controls]` is added to `<zing-grid>`. \n  * Styling should account for the editor controls above the cells.\n  * @see background\n  */\n  --zg-row-card-background_editor_even: linear-gradient(\n    var(--theme-color-lighter), \n    var(--theme-color-lighter) 43px, \n    var(--theme-border-color) 44px, \n    var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px\n  );\n\n  /* AGGREGATE */\n  /**\n  * @memberof default\n  * @var --zg-row-height_aggregate\n  * @default 40px\n  * @description Sets the height of 'aggregate' rows\n  * @see height\n  */\n  --zg-row-height_aggregate: 40px;\n\n  --zg-row-background_aggregate: var(--zg-filter-background);\n\n\n  /* ZG-SEARCH\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-search-background\n  * @default #fff\n  * @description Styles the background of search input\n  * @see background-color\n  */\n  --zg-search-background: #fff;\n\n  \n  /* ZG-SELECT\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-select-height\n  * @default 28px\n  * @description Sets the height of select input\n  * @see height\n  */\n  --zg-select-height: 28px;\n  /**\n  * @memberof default\n  * @var --zg-select-min-width\n  * @default 40px\n  * @description Sets the minimum width of select input\n  * @see min-width\n  */\n  --zg-select-min-width: 40px;\n\n\n  /* ZG-STATUS\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-status-offset\n  * @default 10px\n  * @description Sets the distance between the status message and the grid edge.\n  */\n  --zg-status-offset: 10px;\n\n  /* ZG-WATERMARK\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-status-offset\n  * @default 10px\n  * @description Sets the distance between the status message and the grid edge.\n  */\n  --zg-watermark-color: rgba(7,89,156,1);\n}",""])},13606:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,":host([theme=\"ios\"]) {\n\n  /* CUSTOM VARS FOR THIS THEME FILE\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --ios-background-color\n  * @default #fcfcfc\n  * @description Sets the background\n  * @example caption background, filter background\n  * @see background-color\n  */\n  --ios-background-color: #fcfcfc;\n  /**\n  * @memberof ios\n  * @var --ios-background_alt\n  * @default #f0f4f7\n  * @description Sets the alternative background\n  * @example layout row background\n  * @see background-color\n  */\n  --ios-background_alt: #f0f4f7;\n\n\n  /* GLOBALS\n  ----------------------------------------------------- */\n  /* BACKGROUND */\n  /**\n  * @memberof ios\n  * @var --theme-background-color\n  * @default rgba(0, 122, 255, .05)\n  * @description Styles the background of rows on hover\n  * @example select arrow button\n  * @example row:hover\n  * @example layout button:active\n  */\n  --theme-background-color: rgba(0, 122, 255, .05);\n  /**\n  * @memberof ios\n  * @var --theme-background-zebra\n  * @default var(--ios-background-color)\n  * @description Styles the background of 'even' body rows in [zebra]-striping mode\n  * @see background-color\n  */\n  --theme-background-zebra: var(--ios-background-color);\n\n  /* BORDER */\n  /**\n  * @memberof ios\n  * @var --theme-border-color\n  * @default #e4e4e4\n  * @description Styles the border of most components\n  * @example header\n  * @example caption\n  * @example body\n  * @example row\n  * @example pager\n  * @example input\n  * @see border-color\n  */\n  --theme-border-color: #e4e4e4;\n\n  /* COLOR */\n  /**\n  * @memberof ios\n  * @var --theme-color-primary\n  * @default #007aff\n  * @description Sets the primary color\n  * @example active editor row\n  * @example icon\n  * @example menu text\n  * @example header in 'card' layout-mode\n  * @see color\n  */\n  --theme-color-primary: #007aff;\n\n  /* FONT */\n  /**\n  * @memberof ios\n  * @var --theme-color\n  * @default #4d4d4d\n  * @description Sets the text color\n  * @example caption\n  * @example header\n  * @example cell content\n  * @example pager\n  * @example watermark\n  * @example input\n  * @example select\n  * @see color\n  */\n  --theme-color: #4d4d4d;\n  /**\n  * @memberof ios\n  * @var --theme-color_alt\n  * @default #333333\n  * @description Sets the alternate text color\n  * @example filter input\n  * @see color\n  */\n  --theme-color_alt: #333333;\n  /**\n  * @memberof ios\n  * @var --theme-font-family\n  * @default -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Segoe UI\", Roboto, Helvetica, sans-serif\n  * @description Sets the font family of text\n  * @see font-family\n  */\n  --theme-font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Segoe UI\", Roboto, Helvetica, sans-serif;\n  /**\n  * @memberof ios\n  * @var --theme-font-size\n  * @default .9375rem\n  * @description Sets the font size of text\n  * @see font-size\n  */\n  --theme-font-size: .9375rem;\n  /**\n  * @memberof ios\n  * @var --theme-font-style\n  * @default normal\n  * @description Sets the font style of text\n  * @see font-style\n  */\n  --theme-font-style: normal;\n  /**\n  * @memberof ios\n  * @var --theme-font-weight\n  * @default normal\n  * @description Sets the font weight of text\n  * @see font-weight\n  */\n  --theme-font-weight: normal;\n  /**\n  * @memberof ios\n  * @var --theme-line-height\n  * @default normal\n  * @description Sets the line height of text\n  * @see line-height\n  */\n  --theme-line-height: normal;\n  /**\n  * @memberof ios\n  * @var --theme-padding_x\n  * @default 1.25rem\n  * @description Sets the horizontal padding of cells\n  * @see padding\n  */\n  --theme-padding_x: 1.25rem;\n\n  /* -------------------------------------------------- */\n\n\n  /* ZING-GRID\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zing-grid-background\n  * @default #fbfbfb\n  * @description Styles the background of grid\n  * @see background\n  */\n  --zing-grid-background: #fbfbfb;\n\n  /* ZG-BODY\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-body-background\n  * @default #fff\n  * @description Styles the background of grid body\n  * @see background\n  */\n  --zg-body-background: #fff;\n  /**\n  * @memberof ios\n  * @var --zg-body-border-bottom\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the bottom border of grid body\n  * @see border\n  */\n  --zg-body-border-bottom: 1px solid var(--theme-border-color);\n\n  /* ZG-BUTTON\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-button-color\n  * @default var(--theme-color-primary)\n  * @description Sets the font color of button\n  * @example column menu\n  * @see color\n  */\n  --zg-button-color: var(--theme-color-primary);\n  /**\n  * @memberof ios\n  * @var --zg-button-padding\n  * @default 3px\n  * @description Sets the padding of button\n  * @see padding\n  */\n  /* NOTE: Setting this even though it is already the default\n     in ZGButton.css b/c of the calc in\n     `--zg-caption-title-transform` in this file\n  */\n  --zg-button-padding: 3px;\n\n  /* BUTTON TOOLTIP */\n  /**\n  * @memberof ios\n  * @var --tooltip-background\n  * @default #adadad\n  * @description Styles the background of tooltip\n  * @see background\n  */\n  --tooltip-background: #adadad;\n\n\n  /* ZG-CAPTION\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-caption-background\n  * @default var(--ios-background-color)\n  * @description Styles the background of caption\n  * @see background\n  */\n  --zg-caption-background: var(--ios-background-color);\n  /**\n  * @memberof ios\n  * @var --zg-caption-border-bottom\n  * @default 0\n  * @description Styles the bottom border of caption\n  * @see border\n  */\n  --zg-caption-border-bottom: 0;\n  /**\n  * @memberof ios\n  * @var --zg-caption-color\n  * @default var(--theme-color)\n  * @description Sets the font color of caption\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/AWL1ZJ9P\n  */\n  --zg-caption-color: var(--theme-color);\n  /**\n  * @memberof ios\n  * @var --zg-caption-font-size\n  * @default 1.6rem\n  * @description Sets the base font size of caption\n  * @see font-size\n  */\n  --zg-caption-font-size: 1.6rem;\n  /**\n  * @memberof ios\n  * @var --zg-caption-font-weight\n  * @default bold\n  * @description Sets the font weight of caption\n  * @see font-weight\n  */\n  --zg-caption-font-weight: bold;\n  /**\n  * @memberof ios\n  * @var --zg-caption-flex-direction\n  * @default column\n  * @description Sets the flex direction of content in caption\n  * @see flex-direction\n  */\n  --zg-caption-flex-direction: column;\n  /**\n  * @memberof ios\n  * @var --zg-caption-height\n  * @default 40px\n  * @description Sets the height of caption\n  * @see height\n  */\n  --zg-caption-height: 40px;\n  /**\n  * @memberof ios\n  * @var --zg-caption-padding\n  * @default 30px var(--theme-padding_x) 10px\n  * @description Sets the padding of caption\n  * @see padding\n  */\n  --zg-caption-padding: 30px var(--theme-padding_x) 10px;\n\n\n  /* CAPTION TITLE */\n  /**\n  * @memberof ios\n  * @var --zg-caption-title-align-self\n  * @default flex-start\n  * @description Sets vertical alignment of caption title\n  * @see align-self\n  */\n  --zg-caption-title-align-self: flex-start;\n  /**\n  * @memberof ios\n  * @var --zg-caption-title-order\n  * @default 2\n  * @description Sets the order of contents in caption title\n  * @see order\n  */\n  --zg-caption-title-order: 2;\n  /**\n  * @memberof ios\n  * @var --zg-caption-title-transform\n  * @default 0\n  * @description Sets transform of caption title\n  * @see transform\n  */\n  --zg-caption-title-transform: 0;\n  /**\n  * @memberof ios\n  * @var --zg-caption-title-width\n  * @default 80%\n  * @description Sets width of caption title\n  * @see width\n  */\n  --zg-caption-title-width: 80%;\n  \n  /* CAPTION TOOLBAR */\n  /**\n  * @memberof ios\n  * @var --zg-caption-toolbar-align-self\n  * @default flex-end\n  * @description Sets vertical alignment of caption toolbar\n  * @see align-self\n  */\n  --zg-caption-toolbar-align-self: flex-end;\n  /**\n  * @memberof ios\n  * @var --zg-caption-toolbar-justify-content\n  * @default flex-end\n  * @description Sets the horizontal alignment of contents in the caption toolbar\n  * @see justify-content\n  */\n  --zg-caption-toolbar-justify-content: flex-end;\n  /**\n  * @memberof ios\n  * @var --zg-caption-toolbar-width\n  * @default calc(100% + 2px)\n  * @description Sets the width of the caption toolbar\n  * @see width\n  */\n  --zg-caption-toolbar-width: 20%;\n\n  /* CAPTION ICON */\n  /**\n  * @memberof ios\n  * @var --zg-caption-icon-color\n  * @default var(--theme-color-primary)\n  * @description The font-color of the icons in the caption\n  * @see fill\n  */\n  --zg-caption-icon-color: var(--theme-color-primary);\n\n  /* CAPTION BUTTONS */\n  /**\n  * @memberof ios\n  * @var --zg-caption-button-background_hover\n  * @default #f5f5f5\n  * @description Styles the background of button in caption on hover\n  * @see background\n  */\n  --zg-caption-button-background_hover: #f5f5f5;\n\n  \n  /* ZG-CELL\n  ----------------------------------------------------- */\n  /* Layout: Card */\n  /* Item */\n  /**\n  * @memberof ios\n  * @var --zg-cell-item-padding_layout_card\n  * @default 6px 0\n  * @description Sets the padding of cards in 'card' layout-mode\n  * @see padding\n  */\n  --zg-cell-content-padding_layout_card: 6px 0;\n  \n  /* ZG-ROW[type=aggregate] ZG-CELL */\n  /**\n  * @memberof ios\n  * @var --zg-cell-font-size_aggregate\n  * @default .8125rem\n  * @description Sets the font size of 'aggregate' cells\n  * @see padding\n  */\n  --zg-cell-font-size_aggregate: .8125rem;\n  /**\n  * @memberof ios\n  * @var --zg-cell-border-top_aggregate\n  * @default 1px solid transparent\n  * @description Styles the top border of 'aggregate' cells\n  * @see border\n  */\n  --zg-cell-border-top_aggregate: 1px solid transparent;\n  /**\n  * @memberof ios\n  * @var --zg-cell-border-top_aggregate_sorted\n  * @default 1px solid #f5f5f5\n  * @description Styles the top border of 'aggregate' cells\n  * @see border\n  */\n  --zg-cell-border-top_aggregate_sorted: 1px solid #f5f5f5;\n  \n\n  /* ZG-FILTER\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-filter-background\n  * @default var(--ios-background-color);\n  * @description Styles the background of filter input field\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/G1WKUNFJ\n  */\n  --zg-filter-background: var(--ios-background-color);\n  /**\n  * @memberof ios\n  * @var --zg-filter-background_sorted\n  * @default var(--zg-cell-background_aggregate_sorted)\n  * @description Styles the background of filter input field\n  */\n  --zg-filter-background_sorted: var(--zg-cell-background_aggregate_sorted);\n  /**\n  * @memberof ios\n  * @var --zg-filter-border-top\n  * @default 1px solid var(--ios-background-color)\n  * @description Styles the top border of filter row\n  * @see border\n  */\n  --zg-filter-border-top: 1px solid var(--ios-background-color);\n  /**\n  * @memberof ios\n  * @var --zg-filter-border-top_sorted\n  * @default 1px solid #f5f5f5\n  * @description Styles the top border of filter row in sorted column\n  * @see border\n  */\n  --zg-filter-border-top_sorted: 1px solid #f5f5f5;\n  /**\n  * @memberof ios\n  * @var --zg-filter-height\n  * @default 45px\n  * @description Sets the height of filter row\n  * @see height\n  * @demoLink https://app.zingsoft.com/demos/create/QCSOKQE2\n  */\n  --zg-filter-height: 45px;\n\n  /* FILTER INPUT */\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-background\n  * @default #eaeaea\n  * @description Styles the background of filter input field\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  */\n  --zg-filter-input-background: #eaeaea;\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-border-radius\n  * @default 5px\n  * @description Sets the border radius of filter input field\n  * @see border-radius\n  */\n  --zg-filter-input-border-radius: 5px;\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-border\n  * @default 0\n  * @description Styles the border of filter input field\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/SXRIBL17\n  */\n  --zg-filter-input-border: 0;\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-font-size\n  * @default .8rem\n  * @description Sets the font size of filter input field\n  * @see font-size\n  */\n  --zg-filter-input-font-size: .8rem;\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-margin\n  * @default -2px calc(var(--theme-padding_x) - 2px) 0\n  * @description Sets the margin of filter input field\n  * @see margin\n  */\n  --zg-filter-input-margin: -2px calc(var(--theme-padding_x) - 2px) 0;\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-padding\n  * @default 3px 0 3px 7px\n  * @description Sets the padding of filter input field. May need to set --zg-filter-height if input field is height is larger than height of filter.\n  * @see padding\n  * @demoLink https://app.zingsoft.com/demos/create/5GPABPO2\n  */\n  --zg-filter-input-padding: 3px 0 3px 7px;\n\n\n  /* ZG-HEAD\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-head-background\n  * @default var(--ios-background-color)\n  * @description Styles the background of grid head\n  * @see background\n  */\n  --zg-head-background: var(--ios-background-color);\n  /**\n  * @memberof ios\n  * @var --zg-head-border-bottom\n  * @default 0\n  * @description Styles the bottom border og grid head\n  * @see border\n  */\n  --zg-head-border-bottom: 0;\n  \n\n  /* ZG-HEAD-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-head-cell-font-weight\n  * @default 600\n  * @description Sets the font weight of head cells\n  * @see font-weight\n  * @demoLink https://app.zingsoft.com/demos/create/2LOCXCAB\n  */\n  --zg-head-cell-font-weight: 600;\n\n  /* 'PARENT' HEAD CELL */\n  /**\n  * @memberof ios\n  * @var --zg-head-cell-parent-background\n  * @default none\n  * @description Styles the background of 'parent' head cells\n  * @see border\n  */\n  --zg-head-cell-parent-background: none;\n  /**\n  * @memberof ios\n  * @var --zg-head-cell-parent-font-weight\n  * @default 400\n  * @description Sets the font weight of 'parent' head cells\n  * @see font-weight\n  */\n  --zg-head-cell-parent-font-weight: 400;\n\n   /**\n  * @memberof ios\n  * @var --zg-head-cell-parent-padding\n  * @default 0 var(--theme-padding_x)\n  * @description Sets the padding of 'parent' head cells\n  * @see padding\n  */\n  --zg-head-cell-parent-padding: 0 var(--theme-padding_x);\n\n  /* HEAD CELL ICON */\n  /**\n  * @memberof ios\n  * @var --zg-head-cell-icon-margin\n  * @default 0 5px 0 -4px\n  * @description Sets the margin of child icons in head cells\n  * @see margin\n  */\n  --zg-head-cell-icon-margin: 0 5px 0 -4px;\n\n  /* Data Container */\n  /**\n  * @memberof ios\n  * @var --zg-head-cell-data-line-height\n  * @default none\n  * @description Sets the line height of head cells\n  * @see line-height\n  */\n  --zg-head-cell-data-line-height: none;\n\n  /* ZG-ICON\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-icon-color\n  * @default var(--theme-color-primary)\n  * @description Sets the color of icon\n  * @see fill\n  */\n  --zg-icon-color: var(--theme-color-primary);\n  /**\n  * @memberof ios\n  * @var --zg-icon-height\n  * @default 20px\n  * @description Sets the height of icon\n  * @see height\n  */\n  --zg-icon-height: 20px;\n  /**\n  * @memberof ios\n  * @var --zg-icon-width\n  * @default 20px\n  * @description Sets the width of icon\n  * @see width\n  */\n  --zg-icon-width: 20px;\n\n  /* ZG-INPUT\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-input-border-radius\n  * @default 5px\n  * @description Sets the border radius of input\n  * @see border-radius\n  */\n  --zg-input-border-radius: 5px;\n\n  /* ZG-CONTROL-BAR\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-control-bar-background\n  * @default var(--ios-background)\n  * @description Styles the background on control bar\n  * @see background\n  */\n  --zg-control-bar-background: var(--ios-background);\n  /**\n  * @memberof ios\n  * @var --zg-control-bar-padding\n  * @default 0 var(--theme-padding_x) 0 calc(var(--theme-padding_x) - 6px)\n  * @description Sets the padding of control bar\n  * @see padding\n  */\n  --zg-control-bar-padding: 0 var(--theme-padding_x) 0 calc(var(--theme-padding_x) - 6px);\n\n  /* ZG-MENUITEM\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-menu-item-color_hover\n  * @default #fff\n  * @description Sets the font color of menu item on hover\n  * @see color\n  */\n  --zg-menu-item-color_hover: #fff;\n\n  /* ZG-PAGER\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-pager-background\n  * @default #fff\n  * @description Styles the background of pager\n  * @see background\n  */\n  --zg-pager-background: #fff;\n  /**\n  * @memberof ios\n  * @var --zg-pager-border-top\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the top border of pager\n  * @see border\n  */\n  --zg-pager-border-top: 1px solid var(--theme-border-color);\n  /**\n  * @memberof ios\n  * @var --zg-pager-font-size\n  * @default .8125rem\n  * @description Sets the base font size of pager\n  * @see font-size\n  */\n  --zg-pager-font-size: .8125rem;\n  /**\n  * @memberof ios\n  * @var --zg-pager-height\n  * @default 50px\n  * @description Sets the height of pager\n  * @see height\n  */\n  --zg-pager-height: 41px;\n  /**\n  * @memberof ios\n  * @var --zg-pager-margin\n  * @default 20px 0 0\n  * @description Sets the margin of pager\n  * @see margin\n  */\n  --zg-pager-margin: 20px 0 0;\n  /**\n  * @memberof ios\n  * @var --zg-pager-padding\n  * @default 0 var(--theme-padding_x) 10px\n  * @description Sets the padding of pager\n  * @see padding\n  */\n  --zg-pager-padding: 0 var(--theme-padding_x) 10px;\n  \n  /* Sections */\n  /**\n  * @memberof ios\n  * @var --zg-pager-section-margin-top\n  * @default 10px\n  * @description Sets the top margin of pager\n  * @see margin\n  */\n  --zg-pager-section-margin-top: 10px;\n\n\n  /* ZG-ROW\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var ---zg-row-head-height\n  * @default 45px\n  * @description Sets the height of row head\n  * @see height\n  */\n  --zg-row-head-height: 45px;\n\n  /**\n  * @memberof ios\n  * @var --zg-row-body-border-top\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the top border of body rows\n  * @see border\n  */\n  --zg-row-body-border-top: 1px solid var(--theme-border-color);\n  /**\n  * @memberof ios\n  * @var --zg-row-body-height\n  * @default 48px\n  * @description Sets the height of body rows\n  * @see height\n  */\n  --zg-row-body-height: 48px;\n\n  /* LAYOUT: CARD */\n  /**\n  * @memberof ios\n  * @var --zg-row-card-box-shadow\n  * @default 0\n  * @description Applies a box shadow behind cards in 'card' layout-mode\n  * @see box-shadow\n  */\n  --zg-row-card-box-shadow: 0;\n\n  /* ZG-SEARCH\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-search-border\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the border of search input field\n  * @see border\n  */\n  --zg-search-border: 1px solid var(--theme-border-color);\n  /**\n  * @memberof ios\n  * @var --zg-search-border-radius\n  * @default 5px\n  * @description Sets the border radius of search input field\n  * @see border-radius\n  */\n  --zg-search-border-radius: 5px;\n\n\n  /* ZG-SOURCE\n  ----------------------------------------------------- */\n  --zg-source-border-top_top: 1px solid var(--theme-border-color);\n\n  /* ZG-WATERMARK\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-watermark-color\n  * @default var(--theme-color)\n  * @description Sets the font color of watermark\n  * @see color\n  */\n  --zg-watermark-color: var(--theme-color);\n  /**\n  * @memberof ios\n  * @var --zg-watermark-color_strong\n  * @default var(--theme-color)\n  * @description Sets the font color of bold text in watermark\n  * @see color\n  */\n  --zg-watermark-color_strong: var(--theme-color);\n}\n\n\n\n\n/* CUSTOM STYLING\n----------------------------------------------------- */\n\n/* When [layout] set */\n:host([theme=\"ios\"][layout-controls]) {\n  --zg-caption-padding: 10px calc(var(--theme-padding_x) - 5px) 10px;\n  --zg-caption-toolbar-position: absolute;\n  --zg-caption-title-padding: 12px 0 0;\n}\n\n/* ZG-CAPTION\n----------------------------------------------------- */\n/* NOTE: Need to set `order:-1` so <zg-layout> is placed above caption in ios */\n:host([theme=\"ios\"]) ::slotted(zg-caption) {\n  order: -1;\n}\n\n/* zg-control-bar\n----------------------------------------------------- */\n/* NOTE: Need to set `order:-2` so <zg-control-bar> is placed above caption in ios */\n:host([theme=\"ios\"]) ::slotted(zg-control-bar) {\n  display: flex;\n  background: none;\n  height: var(--zg-caption-height);\n  justify-content: flex-start;\n  margin-bottom: calc(-1 * var(--zg-caption-height));\n  max-width: 50%;\n  order: -2;\n  width: auto;\n  z-index: 2;\n}\n:host([theme=\"ios\"]) ::slotted(zg-control-bar):before {\n  align-items: center;\n  color: #9e9e9e;\n  content: 'Change Layout';\n  display: flex;\n  font-size: .8rem;\n  justify-content: flex-end;\n  padding-left: 18px;\n}\n\n\n/* COMPACT VERSION\n----------------------------------------------------- */\n/* NOTE: Only add specific overrides here, otherwise rely on the defaults in compact.css */\n:host([theme][compact]) {\n  --zg-caption-title-padding: 10px 0 0;\n}",""])},9252:e=>{e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var o=this[t];o[2]?e.push("@media "+o[2]+"{"+o[1]+"}"):e.push(o[1])}return e.join("")},e.i=function(t,o){"string"==typeof t&&(t=[[null,t,""]]);for(var n={},r=0;r<this.length;r++){var i=this[r][0];"number"==typeof i&&(n[i]=!0)}for(r=0;r<t.length;r++){var a=t[r];"number"==typeof a[0]&&n[a[0]]||(o&&!a[2]?a[2]=o:o&&(a[2]="("+a[2]+") and ("+o+")"),e.push(a))}},e}},49977:e=>{e.exports="<slot></slot>"},93528:e=>{e.exports="<slot></slot>"},36932:e=>{e.exports='<slot name="icon"></slot>\n<slot name="checkbox"></slot>\n<slot name="label"></slot>\n<slot></slot>\n'},32937:e=>{e.exports='  <div class="zg-caption" part="caption">\n    <div class="zg-caption-title-slot" part="title">\n      <slot></slot>\n      <slot name="message"></slot>\n    </div>\n    <div class="zg-caption-toolbar" part="toolbar">\n      <slot name="tool"></slot>\n    </div>\n  </div>'},95670:e=>{e.exports="<slot></slot>"},92884:e=>{e.exports="<slot></slot>"},29001:e=>{e.exports="<slot></slot>"},59592:e=>{e.exports='<slot name="zgicon"></slot>\n<span class="zg-checkbox-text" part="text"><slot></slot></span>\n'},9872:e=>{e.exports="<slot></slot>"},71454:e=>{e.exports='<div class="zg-column-resize-handle" part="handle">\n  \x3c!-- <svg viewBox="0 0 10 10" class="dragHandle"><path d="M3,2 C2.44771525,2 2,1.55228475 2,1 C2,0.44771525 2.44771525,0 3,0 C3.55228475,0 4,0.44771525 4,1 C4,1.55228475 3.55228475,2 3,2 Z M3,6 C2.44771525,6 2,5.55228475 2,5 C2,4.44771525 2.44771525,4 3,4 C3.55228475,4 4,4.44771525 4,5 C4,5.55228475 3.55228475,6 3,6 Z M3,10 C2.44771525,10 2,9.55228475 2,9 C2,8.44771525 2.44771525,8 3,8 C3.55228475,8 4,8.44771525 4,9 C4,9.55228475 3.55228475,10 3,10 Z M7,2 C6.44771525,2 6,1.55228475 6,1 C6,0.44771525 6.44771525,0 7,0 C7.55228475,0 8,0.44771525 8,1 C8,1.55228475 7.55228475,2 7,2 Z M7,6 C6.44771525,6 6,5.55228475 6,5 C6,4.44771525 6.44771525,4 7,4 C7.55228475,4 8,4.44771525 8,5 C8,5.55228475 7.55228475,6 7,6 Z M7,10 C6.44771525,10 6,9.55228475 6,9 C6,8.44771525 6.44771525,8 7,8 C7.55228475,8 8,8.44771525 8,9 C8,9.55228475 7.55228475,10 7,10 Z"></path></svg> --\x3e\n  <zg-icon name="resize" part="icon"></zg-icon>\n</div>\n'},31869:e=>{e.exports="<slot></slot>"},42952:e=>{e.exports='<div class="zg-control-bar" part="control-bar">\n  <div class="zg-control-bar-card-action" part="card-action">\n    <slot name="cardaction"></slot>\n  </div>\n  <div class="zg-control-bar-action" part="row-action">\n    <slot name="action"></slot>\n  </div>\n  <div class="zg-control-bar-message" part="batch-message">\n    <slot name="message"></slot>\n  </div>\n  <div class="zg-control-bar-layout" part="layout">\n    <slot name="layout-controls"></slot>\n  </div>\n</div>'},91573:e=>{e.exports=""},51694:e=>{e.exports='<dialog class="zg-dialog-dialog" part="dialog">\n  <form method="dialog" class="zg-dialog-form" part="form">\n    <header class="zg-dialog-header" part="header">\n      <span class="zg-dialog-label" part="header-label"></span>\n      <button class="zg-dialog-close" part="header-close">X</button>\n    </header>\n    <div class="zg-dialog-body" part="body">\n      <div class="zg-dialog-error" part="body-error"></div>\n      <div class="zg-dialog-content-wrapper" part="body-content-wrapper"><slot></slot></div>\n    </div>\n    <menu class="zg-dialog-footer" part="footer">\n      <button class="zg-dialog-cancel" part="footer-cancel">Cancel</button>\n      <button class="zg-dialog-confirm" part="footer-confirm">Confirm</button>\n    </menu>\n  </form>\n</dialog>'},83635:e=>{e.exports='\x3c!-- Field Template --\x3e\n<template id="editorRowFieldTemplate">\n  <label id="editorRowFieldLabel">\n    <span class="editorRowFieldLabelContent"></span>\n  </label>\n</template>\n\n\x3c!-- Card Template --\x3e\n<template id="editorCardTemplate">\n  <label id="editorCard"></label>\n</template>\n\n<div id="wrapper" class="zg-editor-row-wrapper" part="editor-row">\n  <div id="inputs" class="zg-editor-row-inputs" part="inputs"></div>\n</div> '},88387:e=>{e.exports='<div class="zg-filter-wrapper" part="filter">\n  <div class="zg-filter-inner" part="filter-wrapper">\n    <slot></slot>\n  </div>\n</div>\n\n'},76592:e=>{e.exports='<div class="zg-focus-wrapper" part="focus">\n    <div id="bottom" class="zg-focus-bottom" part="bottom"></div>\n    <div id="left" class="zg-focus-left" part="left"></div>\n    <div id="right" class="zg-focus-right" part="right"></div>\n    <div id="top" class="zg-focus-top" part="top"></div>\n</div>\n'},19058:e=>{e.exports="<slot></slot>"},65491:e=>{e.exports='<slot name="source"></slot>\n<slot name="caption"></slot>\n<slot></slot>'},76262:e=>{e.exports="<slot></slot>"},16288:e=>{e.exports='<div class="zg-head-cell" part="cell">\n  <div class="zg-head-cell-inner" part="cell-inner">\n    <slot></slot>\n  </div>\n  <slot name="column-resize"></slot>\n</div>'},69878:e=>{e.exports="<slot></slot>"},24386:e=>{e.exports='<slot></slot>\n<slot name="caption"></slot>\n<slot name="source"></slot>\n<slot name="control-bar"></slot> '},44914:e=>{e.exports='<slot name="icon"></slot>\n<slot></slot>'},84407:e=>{e.exports='<div id="wrapper" class="zg-input" part="input">\n  <slot name="input">\n  </slot>\n  <slot></slot>\n</div>\n'},9674:e=>{e.exports="<slot></slot>"},172:e=>{e.exports="<slot></slot>"},42854:e=>{e.exports='<div class="zg-menu-group-wrap" part="group">\n  <span class="zg-menu-group-label" part="label">\n    <slot name="zgMenuGroupLabel"></slot>\n  </span>\n  <span class="zg-menu-group-items" part="items">\n    <slot name="zgMenuGroupItems"></slot>\n  </span>\n</div>'},52312:e=>{e.exports="<slot></slot>"},66513:e=>{e.exports='<div id="wrapper" class="zg-menu" part="menu">\n  <slot></slot>\n</div>'},32501:e=>{e.exports='<div role="status" part="status"><slot></slot></div>'},76089:e=>{e.exports='<div class="zg-option-list" part="list">\n    <slot></slot>\n</div>\n'},63476:e=>{e.exports='<div class="zg-pager" part="pager">\n  <div class="zg-pager-inner" part="inner">\n    <div class="zg-pager-left" part="left">\n      <slot name="left"></slot>\n    </div>\n    <div class="zg-pager-center" part="center">\n      <slot name="center"></slot>\n    </div>\n    <div class="zg-pager-right" part="right">\n      <slot name="right"></slot>\n    </div>\n    <slot></slot>\n  </div>\n</div>\n'},75150:e=>{e.exports=""},39457:e=>{e.exports="<slot></slot>"},91607:e=>{e.exports='<div class="zg-search" part="search">\n  <slot name="button"></slot>\n  <div class="zg-search-input" part="input"><slot name="input"></slot></div>\n</div>\n\n'},76062:e=>{e.exports='<div id="wrapper" class="zg-select" part="select">\n  <div id="inner" class="zg-select-inner" part="select-inner">\n    <slot name="selected"></slot>\n  </div>\n</div>\n<slot></slot>\n<div class="zg-selector-mask" part="mask"></div>'},45946:e=>{e.exports='<div id="mask" class="zg-selector-mask-mask" part="selector-mask"></div>\n'},19731:e=>{e.exports="\x3c!-- Stub file --\x3e"},12839:e=>{e.exports='<cite role="any" part="source"><slot></slot></cite>'},44221:e=>{e.exports='<div class="zg-status" part="status">\n  <div class="zg-status-message" part="message">\n    <zg-icon internal-status></zg-icon>\n    <span class="zg-status-text-container">\n      <span class="zg-status-text" part="text">Status</span>\n      <span class="zg-status-details" part="link"></span>\n    </span>\n  </div>\n  <div class="zg-status-action" close part="action">\n    <span close data-focusable part="close">\n      <zg-icon name="close" internal-status part="close-icon"></zg-icon>\n    </span>\n  </div>\n</div>'},87585:e=>{e.exports="<slot></slot>"},48219:e=>{e.exports='<slot></slot>\n<button class="zg-tooltip-close" part="close">X</button>'},41877:e=>{e.exports='<div><a href="https://www.zinggrid.com/" data-focusable target="_blank" rel="noopener"></a></div>'},73337:e=>{e.exports='<div class="zing-grid" role="presentation" >\n  <slot id="header" name="header"></slot>\n  <slot id="top" name="top"></slot>\n  <slot id="content"></slot>\n\n  <div id="wrap" class="zing-grid-wrapper-1" role="presentation" aria-label="ZingGrid">\n    <div id="main" class="zing-grid-wrapper-2" role="grid">\n\n\n      \x3c!-- HEADER --\x3e\n      <div class="zing-grid-frames zing-grid-frames-head" role="presentation">\n\n        \x3c!-- FRAME: LEFT --\x3e\n        <div id="freeze-frame-left-head" class="zing-grid-frame-left zing-grid-freeze-left">\n\n          \x3c!-- Head --\x3e\n          <div id="freeze-left-head" class="zing-grid-head zing-grid-head-left">\n            <slot name="lefthead"></slot>\n          </div>\n\n          <slot name="leftheadeditorrow"></slot>\n          <slot name="leftheadfocus"></slot>\n\n        </div>\n\n\n        \x3c!-- FRAME: MAIN --\x3e\n        <div id="freeze-frame-main-head" class="zing-grid-frame-main">\n\n          \x3c!-- Head --\x3e\n          <div id="freeze-main-head" class="zing-grid-head-main">\n            <slot name="gridhead"></slot>\n          </div>\n\n          <slot name="mainheadeditorrow"></slot>\n          <slot name="mainheadfocus"></slot>\n\n        </div>\n\n\n        \x3c!-- FRAME: RIGHT --\x3e\n        <div id="freeze-frame-right-head" class="zing-grid-frame-right zing-grid-freeze-right">\n\n          \x3c!-- Head --\x3e\n          <div id="freeze-right-head" class="zing-grid-head-right" >\n            <slot name="righthead"></slot>\n          </div>\n\n          <slot name="rightheadeditorrow"></slot>\n          <slot name="rightheadfocus"></slot>\n\n        </div>\n\n      </div>\n\n\n      \x3c!-- BODY --\x3e\n      <div id="zing-grid-frames-body" class="zing-grid-frames zing-grid-frames-body" role="presentation">\n\n        \x3c!-- FRAME: LEFT --\x3e\n        <div id="freeze-left-body" class="zing-grid-frame-left zing-grid-freeze-left">\n\n          \x3c!-- Body --\x3e\n          <div id="left" class="zing-grid-body zing-grid-body-left" role="presentation">\n            <slot name="leftcolgroup"></slot>\n            <slot name="leftbody"></slot>\n          </div>\n          <slot name="lefteditorrow"></slot>\n          <slot name="leftgridselectmask"></slot>\n          <slot name="leftgridfocus"></slot>\n          <zg-no-data id="leftnodata"></zg-no-data>\n\n        </div>\n\n\n        \x3c!-- FRAME: MAIN --\x3e\n        <div id="frame-main-body" class="zing-grid-frame-main">\n\n          <div class="zing-grid-scroll" id="scroll" role="presentation">\n\n            \x3c!-- Body --\x3e\n            <div id="body" class="zing-grid-body-main" role="presentation">\n              <slot name="gridcolgroup"></slot>\n              <slot name="gridbody"></slot>\n            </div>\n            <slot name="bodyeditorrow"></slot>\n            <slot name="bodygridselectmask"></slot>\n            <slot name="bodygridfocus"></slot>\n            <slot name="gridnodata"></slot>\n\n          </div>\n\n        </div>\n\n\n        \x3c!-- FRAME: RIGHT --\x3e\n        <div id="freeze-right-body" class="zing-grid-frame-right zing-grid-freeze-right">\n\n          \x3c!-- Body --\x3e\n          <div id="right" class="zing-grid-body-right" role="presentation">\n            <slot name="rightcolgroup"></slot>\n            <slot name="rightbody"></slot>\n          </div>\n          <slot name="righteditorrow"></slot>\n          <slot name="rightgridselectmask"></slot>\n          <slot name="rightgridfocus"></slot>\n          <zg-no-data id="rightnodata"></zg-no-data>\n        </div>\n\n      </div>\n\n\n      \x3c!-- FOOTER --\x3e\n      <div class="zing-grid-frames zing-grid-frames-foot" role="presentation">\n\n        \x3c!-- FRAME: LEFT --\x3e\n        <div id="freeze-frame-left-foot" class="zing-grid-frame-left zing-grid-freeze-left">\n\n          <div id="freeze-left-foot" class="zing-grid-foot zing-grid-foot-left">\n            <slot name="leftfoot"></slot>\n          </div>\n\n          <slot name="leftfooteditorrow"></slot>\n          <slot name="leftfootfocus"></slot>\n        </div>\n\n\n        \x3c!-- FRAME: MAIN --\x3e\n        <div id="freeze-frame-main-foot" class="zing-grid-frame-main">\n\n          <div id="freeze-main-foot" class="zing-grid-foot-main" role="presentation">\n            <slot name="gridfoot" id="gridfoot"></slot>\n          </div>\n\n          <slot name="mainfooteditorrow"></slot>\n          <slot name="mainfootfocus"></slot>\n\n        </div>\n\n\n        \x3c!-- FRAME: RIGHT --\x3e\n        <div id="freeze-frame-right-foot" class="zing-grid-frame-right zing-grid-freeze-right">\n\n          <div id="freeze-right-foot" class="zing-grid-foot-right" >\n            <slot name="rightfoot"></slot>\n          </div>\n\n          <slot name="rightfooteditorrow"></slot>\n          <slot name="rightfootfocus"></slot>\n        </div>\n\n      </div>\n\n\n      \x3c!-- Frozen Column Styling --\x3e\n      <slot name="freeze-left-columns"></slot>\n      <slot name="freeze-right-columns"></slot>\n\n      \x3c!-- Batch Edit Styling --\x3e\n      <slot name="batch-edit"></slot>\n      \n      <div id="mirror" style="display:none;"></div>\n\n    </div>\n  </div>\n\n  <slot id="pager" name="pager"></slot>\n  <slot id="footer" name="footer"></slot>\n  <slot id="watermark" name="watermark"></slot>\n\n  <slot name="status"></slot>\n\n  <slot name="dialogInternal"></slot>\n  <slot name="tooltip"></slot>\n  <slot name="celloverflow"></slot>\n\n  <div id="hidden" style="display:none;">\n    <slot name="zg-cell-unmapped"></slot>\n    <slot name="zg-head-cell-unmapped"></slot>\n  </div>\n\n  <textarea aria-hidden="true" class="zing-grid-clipboard" tabindex="-1"></textarea>\n</div>\n<slot name="shadow"></slot>'},48738:e=>{function t(e){return!!e.constructor&&"function"==typeof e.constructor.isBuffer&&e.constructor.isBuffer(e)}e.exports=function(e){return null!=e&&(t(e)||function(e){return"function"==typeof e.readFloatLE&&"function"==typeof e.slice&&t(e.slice(0,0))}(e)||!!e._isBuffer)}},2568:(e,t,o)=>{var n,r,i,a,s;n=o(71012),r=o(40487).utf8,i=o(48738),a=o(40487).bin,(s=function(e,t){e.constructor==String?e=t&&"binary"===t.encoding?a.stringToBytes(e):r.stringToBytes(e):i(e)?e=Array.prototype.slice.call(e,0):Array.isArray(e)||e.constructor===Uint8Array||(e=e.toString());for(var o=n.bytesToWords(e),l=8*e.length,d=1732584193,c=-271733879,u=-1732584194,h=271733878,f=0;f<o.length;f++)o[f]=16711935&(o[f]<<8|o[f]>>>24)|4278255360&(o[f]<<24|o[f]>>>8);o[l>>>5]|=128<<l%32,o[14+(l+64>>>9<<4)]=l;var p=s._ff,g=s._gg,m=s._hh,b=s._ii;for(f=0;f<o.length;f+=16){var v=d,y=c,w=u,z=h;d=p(d,c,u,h,o[f+0],7,-680876936),h=p(h,d,c,u,o[f+1],12,-389564586),u=p(u,h,d,c,o[f+2],17,606105819),c=p(c,u,h,d,o[f+3],22,-1044525330),d=p(d,c,u,h,o[f+4],7,-176418897),h=p(h,d,c,u,o[f+5],12,1200080426),u=p(u,h,d,c,o[f+6],17,-1473231341),c=p(c,u,h,d,o[f+7],22,-45705983),d=p(d,c,u,h,o[f+8],7,1770035416),h=p(h,d,c,u,o[f+9],12,-1958414417),u=p(u,h,d,c,o[f+10],17,-42063),c=p(c,u,h,d,o[f+11],22,-1990404162),d=p(d,c,u,h,o[f+12],7,1804603682),h=p(h,d,c,u,o[f+13],12,-40341101),u=p(u,h,d,c,o[f+14],17,-1502002290),d=g(d,c=p(c,u,h,d,o[f+15],22,1236535329),u,h,o[f+1],5,-165796510),h=g(h,d,c,u,o[f+6],9,-1069501632),u=g(u,h,d,c,o[f+11],14,643717713),c=g(c,u,h,d,o[f+0],20,-373897302),d=g(d,c,u,h,o[f+5],5,-701558691),h=g(h,d,c,u,o[f+10],9,38016083),u=g(u,h,d,c,o[f+15],14,-660478335),c=g(c,u,h,d,o[f+4],20,-405537848),d=g(d,c,u,h,o[f+9],5,568446438),h=g(h,d,c,u,o[f+14],9,-1019803690),u=g(u,h,d,c,o[f+3],14,-187363961),c=g(c,u,h,d,o[f+8],20,1163531501),d=g(d,c,u,h,o[f+13],5,-1444681467),h=g(h,d,c,u,o[f+2],9,-51403784),u=g(u,h,d,c,o[f+7],14,1735328473),d=m(d,c=g(c,u,h,d,o[f+12],20,-1926607734),u,h,o[f+5],4,-378558),h=m(h,d,c,u,o[f+8],11,-2022574463),u=m(u,h,d,c,o[f+11],16,1839030562),c=m(c,u,h,d,o[f+14],23,-35309556),d=m(d,c,u,h,o[f+1],4,-1530992060),h=m(h,d,c,u,o[f+4],11,1272893353),u=m(u,h,d,c,o[f+7],16,-155497632),c=m(c,u,h,d,o[f+10],23,-1094730640),d=m(d,c,u,h,o[f+13],4,681279174),h=m(h,d,c,u,o[f+0],11,-358537222),u=m(u,h,d,c,o[f+3],16,-722521979),c=m(c,u,h,d,o[f+6],23,76029189),d=m(d,c,u,h,o[f+9],4,-640364487),h=m(h,d,c,u,o[f+12],11,-421815835),u=m(u,h,d,c,o[f+15],16,530742520),d=b(d,c=m(c,u,h,d,o[f+2],23,-995338651),u,h,o[f+0],6,-198630844),h=b(h,d,c,u,o[f+7],10,1126891415),u=b(u,h,d,c,o[f+14],15,-1416354905),c=b(c,u,h,d,o[f+5],21,-57434055),d=b(d,c,u,h,o[f+12],6,1700485571),h=b(h,d,c,u,o[f+3],10,-1894986606),u=b(u,h,d,c,o[f+10],15,-1051523),c=b(c,u,h,d,o[f+1],21,-2054922799),d=b(d,c,u,h,o[f+8],6,1873313359),h=b(h,d,c,u,o[f+15],10,-30611744),u=b(u,h,d,c,o[f+6],15,-1560198380),c=b(c,u,h,d,o[f+13],21,1309151649),d=b(d,c,u,h,o[f+4],6,-145523070),h=b(h,d,c,u,o[f+11],10,-1120210379),u=b(u,h,d,c,o[f+2],15,718787259),c=b(c,u,h,d,o[f+9],21,-343485551),d=d+v>>>0,c=c+y>>>0,u=u+w>>>0,h=h+z>>>0}return n.endian([d,c,u,h])})._ff=function(e,t,o,n,r,i,a){var s=e+(t&o|~t&n)+(r>>>0)+a;return(s<<i|s>>>32-i)+t},s._gg=function(e,t,o,n,r,i,a){var s=e+(t&n|o&~n)+(r>>>0)+a;return(s<<i|s>>>32-i)+t},s._hh=function(e,t,o,n,r,i,a){var s=e+(t^o^n)+(r>>>0)+a;return(s<<i|s>>>32-i)+t},s._ii=function(e,t,o,n,r,i,a){var s=e+(o^(t|~n))+(r>>>0)+a;return(s<<i|s>>>32-i)+t},s._blocksize=16,s._digestsize=16,e.exports=function(e,t){if(null==e)throw new Error("Illegal argument "+e);var o=n.wordsToBytes(s(e,t));return t&&t.asBytes?o:t&&t.asString?a.bytesToString(o):n.bytesToHex(o)}},35666:e=>{var t=function(e){"use strict";var t,o=Object.prototype,n=o.hasOwnProperty,r=Object.defineProperty||function(e,t,o){e[t]=o.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",s=i.asyncIterator||"@@asyncIterator",l=i.toStringTag||"@@toStringTag";function d(e,t,o){return Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{d({},"")}catch(e){d=function(e,t,o){return e[t]=o}}function c(e,t,o,n){var i=t&&t.prototype instanceof b?t:b,a=Object.create(i.prototype),s=new M(n||[]);return r(a,"_invoke",{value:O(e,o,s)}),a}function u(e,t,o){try{return{type:"normal",arg:e.call(t,o)}}catch(e){return{type:"throw",arg:e}}}e.wrap=c;var h="suspendedStart",f="suspendedYield",p="executing",g="completed",m={};function b(){}function v(){}function y(){}var w={};d(w,a,(function(){return this}));var z=Object.getPrototypeOf,C=z&&z(z(D([])));C&&C!==o&&n.call(C,a)&&(w=C);var S=y.prototype=b.prototype=Object.create(w);function k(e){["next","throw","return"].forEach((function(t){d(e,t,(function(e){return this._invoke(t,e)}))}))}function x(e,t){function o(r,i,a,s){var l=u(e[r],e,i);if("throw"!==l.type){var d=l.arg,c=d.value;return c&&"object"==typeof c&&n.call(c,"__await")?t.resolve(c.__await).then((function(e){o("next",e,a,s)}),(function(e){o("throw",e,a,s)})):t.resolve(c).then((function(e){d.value=e,a(d)}),(function(e){return o("throw",e,a,s)}))}s(l.arg)}var i;r(this,"_invoke",{value:function(e,n){function r(){return new t((function(t,r){o(e,n,t,r)}))}return i=i?i.then(r,r):r()}})}function O(e,t,o){var n=h;return function(r,i){if(n===p)throw new Error("Generator is already running");if(n===g){if("throw"===r)throw i;return T()}for(o.method=r,o.arg=i;;){var a=o.delegate;if(a){var s=_(a,o);if(s){if(s===m)continue;return s}}if("next"===o.method)o.sent=o._sent=o.arg;else if("throw"===o.method){if(n===h)throw n=g,o.arg;o.dispatchException(o.arg)}else"return"===o.method&&o.abrupt("return",o.arg);n=p;var l=u(e,t,o);if("normal"===l.type){if(n=o.done?g:f,l.arg===m)continue;return{value:l.arg,done:o.done}}"throw"===l.type&&(n=g,o.method="throw",o.arg=l.arg)}}}function _(e,o){var n=e.iterator[o.method];if(n===t){if(o.delegate=null,"throw"===o.method){if(e.iterator.return&&(o.method="return",o.arg=t,_(e,o),"throw"===o.method))return m;o.method="throw",o.arg=new TypeError("The iterator does not provide a 'throw' method")}return m}var r=u(n,e.iterator,o.arg);if("throw"===r.type)return o.method="throw",o.arg=r.arg,o.delegate=null,m;var i=r.arg;return i?i.done?(o[e.resultName]=i.value,o.next=e.nextLoc,"return"!==o.method&&(o.method="next",o.arg=t),o.delegate=null,m):i:(o.method="throw",o.arg=new TypeError("iterator result is not an object"),o.delegate=null,m)}function R(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function E(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function M(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(R,this),this.reset(!0)}function D(e){if(e){var o=e[a];if(o)return o.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var r=-1,i=function o(){for(;++r<e.length;)if(n.call(e,r))return o.value=e[r],o.done=!1,o;return o.value=t,o.done=!0,o};return i.next=i}}return{next:T}}function T(){return{value:t,done:!0}}return v.prototype=y,r(S,"constructor",{value:y,configurable:!0}),r(y,"constructor",{value:v,configurable:!0}),v.displayName=d(y,l,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===v||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,y):(e.__proto__=y,d(e,l,"GeneratorFunction")),e.prototype=Object.create(S),e},e.awrap=function(e){return{__await:e}},k(x.prototype),d(x.prototype,s,(function(){return this})),e.AsyncIterator=x,e.async=function(t,o,n,r,i){void 0===i&&(i=Promise);var a=new x(c(t,o,n,r),i);return e.isGeneratorFunction(o)?a:a.next().then((function(e){return e.done?e.value:a.next()}))},k(S),d(S,l,"Generator"),d(S,a,(function(){return this})),d(S,"toString",(function(){return"[object Generator]"})),e.keys=function(e){var t=Object(e),o=[];for(var n in t)o.push(n);return o.reverse(),function e(){for(;o.length;){var n=o.pop();if(n in t)return e.value=n,e.done=!1,e}return e.done=!0,e}},e.values=D,M.prototype={constructor:M,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(E),!e)for(var o in this)"t"===o.charAt(0)&&n.call(this,o)&&!isNaN(+o.slice(1))&&(this[o]=t)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var o=this;function r(n,r){return s.type="throw",s.arg=e,o.next=n,r&&(o.method="next",o.arg=t),!!r}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],s=a.completion;if("root"===a.tryLoc)return r("end");if(a.tryLoc<=this.prev){var l=n.call(a,"catchLoc"),d=n.call(a,"finallyLoc");if(l&&d){if(this.prev<a.catchLoc)return r(a.catchLoc,!0);if(this.prev<a.finallyLoc)return r(a.finallyLoc)}else if(l){if(this.prev<a.catchLoc)return r(a.catchLoc,!0)}else{if(!d)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return r(a.finallyLoc)}}}},abrupt:function(e,t){for(var o=this.tryEntries.length-1;o>=0;--o){var r=this.tryEntries[o];if(r.tryLoc<=this.prev&&n.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var i=r;break}}i&&("break"===e||"continue"===e)&&i.tryLoc<=t&&t<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=e,a.arg=t,i?(this.method="next",this.next=i.finallyLoc,m):this.complete(a)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),m},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.finallyLoc===e)return this.complete(o.completion,o.afterLoc),E(o),m}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.tryLoc===e){var n=o.completion;if("throw"===n.type){var r=n.arg;E(o)}return r}}throw new Error("illegal catch attempt")},delegateYield:function(e,o,n){return this.delegate={iterator:D(e),resultName:o,nextLoc:n},"next"===this.method&&(this.arg=t),m}},e}(e.exports);try{regeneratorRuntime=t}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}},24889:function(e,t,o){!function(e,t){"use strict";if(!e.setImmediate){var o,n,r,i,a,s=1,l={},d=!1,c=e.document,u=Object.getPrototypeOf&&Object.getPrototypeOf(e);u=u&&u.setTimeout?u:e,"[object process]"==={}.toString.call(e.process)?o=function(e){process.nextTick((function(){f(e)}))}:!function(){if(e.postMessage&&!e.importScripts){var t=!0,o=e.onmessage;return e.onmessage=function(){t=!1},e.postMessage("","*"),e.onmessage=o,t}}()?e.MessageChannel?((r=new MessageChannel).port1.onmessage=function(e){f(e.data)},o=function(e){r.port2.postMessage(e)}):c&&"onreadystatechange"in c.createElement("script")?(n=c.documentElement,o=function(e){var t=c.createElement("script");t.onreadystatechange=function(){f(e),t.onreadystatechange=null,n.removeChild(t),t=null},n.appendChild(t)}):o=function(e){setTimeout(f,0,e)}:(i="setImmediate$"+Math.random()+"$",a=function(t){t.source===e&&"string"==typeof t.data&&0===t.data.indexOf(i)&&f(+t.data.slice(i.length))},e.addEventListener?e.addEventListener("message",a,!1):e.attachEvent("onmessage",a),o=function(t){e.postMessage(i+t,"*")}),u.setImmediate=function(e){"function"!=typeof e&&(e=new Function(""+e));for(var t=new Array(arguments.length-1),n=0;n<t.length;n++)t[n]=arguments[n+1];var r={callback:e,args:t};return l[s]=r,o(s),s++},u.clearImmediate=h}function h(e){delete l[e]}function f(e){if(d)setTimeout(f,0,e);else{var o=l[e];if(o){d=!0;try{!function(e){var o=e.callback,n=e.args;switch(n.length){case 0:o();break;case 1:o(n[0]);break;case 2:o(n[0],n[1]);break;case 3:o(n[0],n[1],n[2]);break;default:o.apply(t,n)}}(o)}finally{h(e),d=!1}}}}}("undefined"==typeof self?void 0===o.g?this:o.g:self)},65658:e=>{e.exports='<svg id="android" xmlns="http://www.w3.org/2000/svg"><symbol id="checkmark" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></symbol><symbol id="submitrecord" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></symbol><symbol id="checked" viewBox="0 0 24 24"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></symbol><symbol id="unchecked" viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"></path></symbol><symbol id="close" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="cancelrecord" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="edit" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></symbol><symbol id="editrecord" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></symbol><symbol id="layoutcard" viewBox="0 0 24 24"><path d="M4 11h5V5H4v6zm0 7h5v-6H4v6zm6 0h5v-6h-5v6zm6 0h5v-6h-5v6zm-6-7h5V5h-5v6zm6-6v6h5V5h-5z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="layoutrow" viewBox="0 0 24 24"><path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="menu" viewBox="0 0 24 24"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"></path></symbol><symbol id="fixedmenu" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></symbol><symbol id="reload" viewBox="0 0 24 24"><path d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"></path></symbol><symbol id="firstpage" viewBox="0 0 24 24"><path d="M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"></path></symbol><symbol id="nextpage" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></symbol><symbol id="lastpage" viewBox="0 0 24 24"><path d="M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"></path></symbol><symbol id="prevpage" viewBox="0 0 24 24"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></path></symbol><symbol id="remove" viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"></path></symbol><symbol id="removerecord" viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"></path></symbol><symbol id="up" viewBox="0 0 24 24"><path d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"></path></symbol><symbol id="down" viewBox="0 0 24 24"><path d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"></path></symbol></svg>'},92757:e=>{e.exports='<svg id="default" xmlns="http://www.w3.org/2000/svg"><symbol id="batchedit" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></symbol><symbol id="batcheditcancel" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="batcheditsave" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></symbol><symbol id="checkmark" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></symbol><symbol id="submitrecord" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></symbol><symbol id="checked" viewBox="0 0 24 24"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></symbol><symbol id="unchecked" viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"></path></symbol><symbol id="cancel" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="close" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="cancelrecord" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="success" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></symbol><symbol id="error" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"></path></symbol><symbol id="error-tmp" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"></path></symbol><symbol id="info" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"></path></symbol><symbol id="warning" viewBox="0 0 24 24"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"></path></symbol><symbol id="duplicaterecord" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"></path></symbol><symbol id="edit" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></symbol><symbol id="editrecord" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></symbol><symbol id="createrecord" viewBox="0 0 24 24"><path d="M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"></path></symbol><symbol id="layoutcard" viewBox="0 0 24 24"><path d="M4 11h5V5H4v6zm0 7h5v-6H4v6zm6 0h5v-6h-5v6zm6 0h5v-6h-5v6zm-6-7h5V5h-5v6zm6-6v6h5V5h-5z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="layoutrow" viewBox="0 0 24 24"><path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="menu" viewBox="0 0 24 24"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"></path></symbol><symbol id="fixedmenu" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></symbol><symbol id="copycell" viewBox="0 0 24 24"><path d="M3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm18-4H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14z"></path></symbol><symbol id="pastecell" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M19 2h-4.18C14.4.84 13.3 0 12 0c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm7 18H5V4h2v3h10V4h2v16z"></path></symbol><symbol id="selectcell" viewBox="0 0 24 23"><path fill="gray" fill-rule="evenodd" clip-rule="evenodd" d="M0 .958V0h1v1H0V.958zM0 22v1h1v-1H0zm24 .042V22h-1v1h1v-.958zM24 1V0h-1v1h1zM3 0v1h2V0H3zm4 0v1h2V0H7zm4 0v1h2V0h-2zm4 0v1h2V0h-2zm4 0v1h2V0h-2zm5 2.875h-1v1.917h1V2.875zm0 3.833h-1v1.917h1V6.708zm0 3.834h-1v1.916h1v-1.916zm0 3.833h-1v1.917h1v-1.917zm0 3.833h-1v1.917h1v-1.917zM21 23v-1h-2v1h2zm-4 0v-1h-2v1h2zm-4 0v-1h-2v1h2zm-4 0v-1H7v1h2zm-4 0v-1H3v1h2zm-5-2.875h1v-1.917H0v1.917zm0-3.833h1v-1.917H0v1.917zm0-3.834h1v-1.916H0v1.916zm0-3.833h1V6.708H0v1.917zm0-3.833h1V2.875H0v1.917zM5 11H3v1h2v-1zm4 0H7v1h2v-1zm8 0h-2v1h2v-1zm-5-8h1v2h-1V3zm1 4h-1v2h1V7zm-1 7h1v2h-1v-2zm1 4h-1v2h1v-2zm6-7h2v1h-2v-1zm-6 0h-1v1h1v-1z"></path><path stroke="var(--zg-icon-color, var(--theme-color-primary))" d="M.5.5h12v11H.5z"></path></symbol><symbol id="selectrow" viewBox="0 0 24 23"><path fill="gray" fill-rule="evenodd" clip-rule="evenodd" d="M0 .958V0h1v1H0V.958zM0 22v1h1v-1H0zm24 .042V22h-1v1h1v-.958zM24 1V0h-1v1h1zM3 0v1h2V0H3zm4 0v1h2V0H7zm4 0v1h2V0h-2zm4 0v1h2V0h-2zm4 0v1h2V0h-2zm5 2.875h-1v1.917h1V2.875zm0 3.833h-1v1.917h1V6.708zm0 3.834h-1v1.916h1v-1.916zm0 3.833h-1v1.917h1v-1.917zm0 3.833h-1v1.917h1v-1.917zM21 23v-1h-2v1h2zm-4 0v-1h-2v1h2zm-4 0v-1h-2v1h2zm-4 0v-1H7v1h2zm-4 0v-1H3v1h2zm-5-2.875h1v-1.917H0v1.917zm0-3.833h1v-1.917H0v1.917zm0-3.834h1v-1.916H0v1.916zm0-3.833h1V6.708H0v1.917zm0-3.833h1V2.875H0v1.917zM5 11H3v1h2v-1zm4 0H7v1h2v-1zm8 0h-2v1h2v-1zm-5-8h1v2h-1V3zm1 4h-1v2h1V7zm-1 7h1v2h-1v-2zm1 4h-1v2h1v-2zm6-7h2v1h-2v-1zm-6 0h-1v1h1v-1z"></path><path stroke="var(--zg-icon-color, var(--theme-color-primary))" d="M.5.5h23v11H.5z"></path></symbol><symbol id="deselect" viewBox="0 0 24 23"><path stroke="gray" stroke-dasharray="2 2" d="M.5.5h23v22H.5z"></path><path fill="var(--zg-icon-color, var(--theme-color-primary))" fill-rule="evenodd" clip-rule="evenodd" d="M5 17.02l1.414 1.415 6.01-6.01 6.011 6.01 1.414-1.414-6.01-6.01L19.849 5l-1.414-1.414-6.01 6.01-6.01-6.01L5 5l6.01 6.01L5 17.02z"></path></symbol><symbol id="selectall" viewBox="0 0 24 24"><rect width="21" height="21" x="2.72" y="2.75" class="cls-2" rx=".37" ry=".37"></rect><path fill="var(--zg-icon-color, var(--theme-color-primary))" fill-rule="evenodd" clip-rule="evenodd" d="M2.25 2.79c0-.3.24-.54.54-.54h19.74V.54c0-.3-.24-.54-.54-.54H.54C.24 0 0 .24 0 .54v21.45c0 .3.24.54.54.54h1.71V2.79Z"></path><path fill="#fff" fill-rule="evenodd" clip-rule="evenodd" d="m11.67 14.78-1.37-1.37c-.47-.47-1.23-.47-1.7 0s-.47 1.23 0 1.7l2.54 2.54c.47.47 1.23.47 1.7 0l.84-.84 5.93-5.93c.47-.47.47-1.23 0-1.7s-1.23-.47-1.7 0l-5.59 5.59c-.09.09-.21.14-.33.14s-.24-.05-.33-.14Z"></path></symbol><symbol id="reload" viewBox="0 0 24 24"><path d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"></path></symbol><symbol id="search" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="firstpage" viewBox="0 0 24 24"><path d="M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"></path></symbol><symbol id="nextpage" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></symbol><symbol id="lastpage" viewBox="0 0 24 24"><path d="M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"></path></symbol><symbol id="prevpage" viewBox="0 0 24 24"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></path></symbol><symbol id="resize" viewBox="0 0 24 24"><circle cx="8" cy="4" r="2"></circle><circle cx="8" cy="20" r="2"></circle><circle cx="8" cy="12" r="2"></circle><circle cx="16" cy="4" r="2"></circle><circle cx="16" cy="20" r="2"></circle><circle cx="16" cy="12" r="2"></circle></symbol><symbol id="resize-direction" viewBox="0 0 24 24"><circle cx="8" cy="12" r="2" fill="#C4C4C4"></circle><circle cx="16" cy="4" r="2" fill="#C4C4C4"></circle><circle cx="16" cy="20" r="2" fill="#C4C4C4"></circle><circle cx="16" cy="12" r="2" fill="#C4C4C4"></circle></symbol><symbol id="remove" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="removerecord" viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"></path></symbol><symbol id="undoremoverecord" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zm2.46-7.12l1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14l-2.13-2.12zM15.5 4l-1-1h-5l-1 1H5v2h14V4z"></path></symbol><symbol id="openrowgroup" viewBox="0 0 24 24"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z"></path></symbol><symbol id="closerowgroup" viewBox="0 0 24 24"><path d="M24 24H0V0h24v24z" fill="none" opacity=".87"></path><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"></path></symbol><symbol id="up" viewBox="0 0 24 24"><path d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"></path></symbol><symbol id="down" viewBox="0 0 24 24"><path d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"></path></symbol><symbol id="link" viewBox="0 0 24 24"><path d="M18 7a6 6 0 0 1 6 6 5.9 5.9 0 0 1-3 5.2 6 6 0 0 1-3 .8h-5v-2.3h5a3.8 3.8 0 0 0 3.8-3.7c0-.7-.3-1.3-.6-1.8a3.8 3.8 0 0 0-3.3-1.9H13V7h5zM7 14v-2h10v2H7zm-4.7-1c0 .7.2 1.3.5 1.8a3.8 3.8 0 0 0 3.3 1.9H11V19H6a6 6 0 0 1-6-6 5.9 5.9 0 0 1 3-5.2C4 7.3 5 7 6 7h5v2.3H6A3.8 3.8 0 0 0 2.3 13z"></path></symbol><symbol id="outsidearrow" viewBox="0 0 24 24"><path d="M18.04 11.92h-.84a.4.4 0 0 0-.42.42v4.2c0 .57-.2 1.06-.61 1.47-.41.41-.9.62-1.48.62H3.78c-.58 0-1.07-.2-1.49-.62-.4-.4-.61-.9-.61-1.48V5.63c0-.58.2-1.08.61-1.49.42-.41.9-.62 1.49-.62H13a.4.4 0 0 0 .3-.11.4.4 0 0 0 .12-.3v-.84a.4.4 0 0 0-.12-.3.4.4 0 0 0-.3-.12H3.78c-1.04 0-1.93.37-2.67 1.1A3.64 3.64 0 0 0 0 5.62v10.91c0 1.04.37 1.93 1.1 2.67.75.74 1.64 1.1 2.68 1.1h10.9c1.05 0 1.93-.36 2.67-1.1a3.64 3.64 0 0 0 1.11-2.67v-4.2a.4.4 0 0 0-.12-.3.4.4 0 0 0-.3-.11z"></path><path d="M23.75.25a.82.82 0 0 0-.6-.25h-6.83a.82.82 0 0 0-.6.25.82.82 0 0 0-.26.6c0 .24.09.44.25.6l2.35 2.35-8.7 8.7a.42.42 0 0 0 0 .62l1.53 1.52a.42.42 0 0 0 .6 0l8.7-8.7 2.36 2.35c.16.16.36.25.6.25.23 0 .43-.09.6-.25a.82.82 0 0 0 .25-.6V.84a.82.82 0 0 0-.25-.6z"></path></symbol></svg>'},26563:e=>{e.exports='<svg id="ios" xmlns="http://www.w3.org/2000/svg"><symbol id="editrecord" viewBox="0 0 24 24"><path d="M17.75 7L14 3.25l-10 10V17h3.75l10-10zm2.96-2.96c.39-.39.39-1.02 0-1.41L18.37.29c-.39-.39-1.02-.39-1.41 0L15 2.25 18.75 6l1.96-1.96z"></path><path d="M0 0h24v24H0z" fill="none"></path><path d="M0 20h24v4H0z" fill-opacity=".36"></path></symbol></svg>'},91693:(e,t,o)=>{var n={"./Grid.js":48272,"./SelectorEngine.js":44287,"./elements/ColumnBody.js":28459,"./elements/ColumnFooter.js":72546,"./elements/ColumnHeader.js":64514,"./plugins/aggregate/aggregateManager.js":82383,"./plugins/cellbreak/cellBreakManager.js":69059,"./plugins/clipper/Clipper.js":29058,"./plugins/columnmenu/ColumnMenu.js":13495,"./plugins/details/detailsManager.js":2082,"./plugins/dialog/dialogManager.js":46268,"./plugins/drag/columnDragManager.js":87349,"./plugins/editor/RecordEditor.js":11058,"./plugins/editor/batchEditor.js":64774,"./plugins/editor/dirtyManager.js":20131,"./plugins/editor/editorFieldManager.js":95968,"./plugins/editor/editorManager.js":98936,"./plugins/filter/Filter.js":26879,"./plugins/focus/areaFocusManager.js":40937,"./plugins/focus/focusManager.js":74282,"./plugins/focus/footerFocusManager.js":22213,"./plugins/focus/headerFocusManager.js":91532,"./plugins/fullscreen/fullscreenManager.js":40025,"./plugins/groupby/groupbyManager.js":73390,"./plugins/icon/fontawesome.map.js":9947,"./plugins/icon/iconManager.js":57247,"./plugins/layout/layoutManager.js":52744,"./plugins/menu/menuManager.js":92112,"./plugins/scroller/Scroller.js":93834,"./plugins/selector/Selector.js":26877,"./plugins/sorter/Sorter.js":13676,"./plugins/source/sourceManager.js":92604,"./plugins/state/stateManager.js":95794,"./plugins/status/statusManager.js":39984,"./plugins/tooltip/tooltipManager.js":90326,"./plugins/updater/Updater.js":86814,"./plugins/viewport/viewportManager.js":70684,"./selectorEngineManager.js":32603};function r(e){var t=i(e);return o(t)}function i(e){if(!o.o(n,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return n[e]}r.keys=function(){return Object.keys(n)},r.resolve=i,e.exports=r,r.id=91693},61145:(e,t,o)=>{var n={"./Lang.js":19791,"./custom-export.js":85444,"./custom.js":39340,"./en.js":47745,"./es.js":57947,"./zh-CN.js":3748};function r(e){var t=i(e);return o(t)}function i(e){if(!o.o(n,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return n[e]}r.keys=function(){return Object.keys(n)},r.resolve=i,e.exports=r,r.id=61145},19179:(e,t,o)=>{var n={"./android.svg":65658,"./default.svg":92757,"./ios.svg":26563};function r(e){var t=i(e);return o(t)}function i(e){if(!o.o(n,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return n[e]}r.keys=function(){return Object.keys(n)},r.resolve=i,e.exports=r,r.id=19179}},t={};function o(n){var r=t[n];if(void 0!==r)return r.exports;var i=t[n]={id:n,exports:{}};return e[n].call(i.exports,i,i.exports,o),i.exports}o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{"use strict";var e=o(37486),t=o(84981),n=o(96766),r=o(46268),i=(o(87822),o(19791)),a=o(1009),s=o(3877);function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function d(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(r=n.key,i=void 0,i=function(e,t){if("object"!==l(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===l(i)?i:String(i)),n)}var r,i}const c=function(){function o(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,o);for(var t=null,n={},r=arguments.length,i=new Array(r),a=0;a<r;a++)i[a]=arguments[a];for(;i.length;){var s=i.shift(),l=(e.jn(s),e.PO(s)),d=s&&s.nodeType&&1===s.nodeType;e.HD(s)?t=document.getElementById(s):d?t=s:l&&(n=s)}var c=n,u={};u.data=c.data,u.dataFormat={};var h=this.element=document.createElement("zing-grid");for(var f in h.config=u,void 0!==c.columns&&c.columns.length&&(h.columns=c.columns),n.src&&(h.src=n.src),n)"src"!==f&&"columns"!==f&&"config"!==f&&n.hasOwnProperty(f)&&(h[f]=n[f]);return this.widget=h.widget,t&&t.appendChild(h),h}var l,c,u;return l=o,u=[{key:"registerAdapter",value:function(e,t){n.Z.aAdapters[e]=t}},{key:"registerCellType",value:function(e,n){t.Z.registerCellType(e,n),o.refreshAllGrids()}},{key:"registerEditor",value:function(e,t,o){t=t||e.name,n.Z.aMethods[t]={method:e,scope:o}}},{key:"registerFilterer",value:function(e,t,o){t=t||e.name,n.Z.aMethods[t]={method:e,scope:o}}},{key:"registerValidator",value:function(e,t,o){n.Z.aMethods[t]={method:e,scope:o}}},{key:"registerMethod",value:function(e,t,o){t=t||e.name,n.Z.aMethods[t]={method:e,scope:o}}},{key:"registerNamespace",value:function(e,t,o){t=t||"default",n.Z.aNamespaces[t]={namespace:e,scope:o||e}}},{key:"registerLanguage",value:function(e,t,o){t=t||e.lang,i.default.aCustomLangs[t]=e,o&&i.default.setLang(t)}},{key:"customizeDialog",value:function(e,t){r.default.aCustomizations.push({type:e,options:t})}},{key:"setLanguage",value:function(e){var t=i.default.globalLang?i.default.globalLang.lang:"";i.default.setLang(e),document.querySelectorAll("zing-grid").forEach((function(o){!o.widget||!o.widget.bAPIReady||o.lang&&t!==o.lang||(o.lang=e)}))}},{key:"formatDate",value:function(e,t,o,n){"string"!=typeof e&&"number"!=typeof e||(e=a.kB(e)),n=n||o;var r={};return o&&(r.lang=i.default.checkLangFile(o)),a.p6(e,t,n,r)}},{key:"fromNow",value:function(e,t,o){"string"!=typeof e&&"number"!=typeof e||(e=a.kB(e));var n={};return o&&(n.lang=i.default.checkLangFile(o)),a.Zh(e,t,n)}},{key:"searchIsTable",value:function(){var t=function(){var t=document.querySelectorAll('table[is="zing-grid"]');t&&t.forEach((function(t){var o=e.T2(t),n=t.parentNode,r=document.createElement("span");n.insertBefore(r,t),o.appendChild(t),n.replaceChild(o,r)}))};"complete"===document.readyState?t():document.addEventListener("DOMContentLoaded",t)}},{key:"setLicense",value:function(e,t){s.Z.validateLicense(e,t)}},{key:"checkLicense",value:function(){s.Z.validateLicense()}},{key:"clearLicense",value:function(){s.Z.bValidated=!1,o.LICENSE=void 0,o.BUILDCODE=void 0}},{key:"setBuildCode",value:function(e){o.setLicense(null,e)}},{key:"refreshAllGrids",value:function(){document.querySelectorAll("zing-grid").forEach((function(e){e.widget&&e.bReady&&(e.querySelectorAll("zg-column").forEach((function(t){t.type&&t._oParsedColumnMapping.bIsTypeUserProvided&&t.setCellType(e.widget,t.type)})),e.widget.update())}))}}],(c=null)&&d(l.prototype,c),u&&d(l,u),Object.defineProperty(l,"prototype",{writable:!1}),o}();if("undefined"!=typeof window&&(o(19791),o(81747),o(24889),o(2572),o(9898),o(85199),o(52898),o(53329),o(69775),o(97627),o(20986),o(80196),o(95593),o(96278),o(46195),o(78792),o(47287),o(30544),o(5905),o(83836),o(65923),o(75483),o(52898),o(33553),o(94659),o(95720),o(34709),o(28888),o(46370),o(5858),o(78157),o(51534),o(86998),o(63690),o(25449),o(17056),o(27724),o(47977),o(14717),o(6470),o(29836),o(54830),o(80292),o(98316),o(97263),o(2204),o(54629),o(85083)),"undefined"!=typeof window){window.ZingGrid=c,c.version="".concat("ZingGrid v1.6.2 built on Thu, 04 Jan 2024 18:56:54 GMT"),c.versionNum="".concat("1.6.2"),c.versionDate=1704394614261;var u=new CustomEvent("zg-script-ready");window&&window.dispatchEvent(u),c.searchIsTable()}"undefined"!=typeof window&&(o(53351),o(35455),o(53305))})()})();
\ No newline at end of file
diff --git a/dist/zinggrid.es6.min.js b/dist/zinggrid.es6.min.js
index 4817794..51698ac 100644
--- a/dist/zinggrid.es6.min.js
+++ b/dist/zinggrid.es6.min.js
@@ -1,2 +1,7 @@
-/*! For license information please see zinggrid.es6.min.js.LICENSE.txt */
-(()=>{var e={487:e=>{var t={utf8:{stringToBytes:function(e){return t.bin.stringToBytes(unescape(encodeURIComponent(e)))},bytesToString:function(e){return decodeURIComponent(escape(t.bin.bytesToString(e)))}},bin:{stringToBytes:function(e){for(var t=[],o=0;o<e.length;o++)t.push(255&e.charCodeAt(o));return t},bytesToString:function(e){for(var t=[],o=0;o<e.length;o++)t.push(String.fromCharCode(e[o]));return t.join("")}}};e.exports=t},1012:e=>{var t,o;t="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",o={rotl:function(e,t){return e<<t|e>>>32-t},rotr:function(e,t){return e<<32-t|e>>>t},endian:function(e){if(e.constructor==Number)return 16711935&o.rotl(e,8)|4278255360&o.rotl(e,24);for(var t=0;t<e.length;t++)e[t]=o.endian(e[t]);return e},randomBytes:function(e){for(var t=[];e>0;e--)t.push(Math.floor(256*Math.random()));return t},bytesToWords:function(e){for(var t=[],o=0,n=0;o<e.length;o++,n+=8)t[n>>>5]|=e[o]<<24-n%32;return t},wordsToBytes:function(e){for(var t=[],o=0;o<32*e.length;o+=8)t.push(e[o>>>5]>>>24-o%32&255);return t},bytesToHex:function(e){for(var t=[],o=0;o<e.length;o++)t.push((e[o]>>>4).toString(16)),t.push((15&e[o]).toString(16));return t.join("")},hexToBytes:function(e){for(var t=[],o=0;o<e.length;o+=2)t.push(parseInt(e.substr(o,2),16));return t},bytesToBase64:function(e){for(var o=[],n=0;n<e.length;n+=3)for(var r=e[n]<<16|e[n+1]<<8|e[n+2],a=0;a<4;a++)8*n+6*a<=8*e.length?o.push(t.charAt(r>>>6*(3-a)&63)):o.push("=");return o.join("")},base64ToBytes:function(e){e=e.replace(/[^A-Z0-9+\/]/gi,"");for(var o=[],n=0,r=0;n<e.length;r=++n%4)0!=r&&o.push((t.indexOf(e.charAt(n-1))&Math.pow(2,-2*r+8)-1)<<2*r|t.indexOf(e.charAt(n))>>>6-2*r);return o}},e.exports=o},2259:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* Styling Wrappers\n * These independent wrapper divs sit on top of the grid to facilitate the batch edit visual look.\n * Since rows are split vertically into 3 rows (head, body, foot) there is no singular element\n * that wraps to form a body for styling, so we create artificial ones.\n * Their position is calculated (js) to match the current position of the matching editable rows,\n * otherwise the rest of the positioning/styling is handled with CSS\n*/\n:host {\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zing-grid-batch-edit-style-border\n  * @default 1px solid #d6e9ff\n  * @see border\n  * @description Styles the border of the batch edit styling element\n  * @demoLink https://app.zingsoft.com/demos/create/TX748SB9\n  * @shadowOnly false\n  */\n  border: var(--zing-grid-batch-edit-style-border, 1px solid #d6e9ff);\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zing-grid-batch-edit-style-box-shadow\n  * @default inset 0 0 6px #99caff\n  * @see box-shadow\n  * @description Styles the box-shadow of the frozen column styling element\n  * @demoLink https://app.zingsoft.com/demos/create/YKOH0VPL\n  * @shadowOnly false\n  */\n  box-shadow: var(--zing-grid-batch-edit-style-box-shadow, inset 0 0 5px var(--theme-color-primary));\n  box-sizing: border-box;\n\tpointer-events: none;\n\tposition: absolute;\n\theight: 100%;\n  width:100%;\n\ttop: 0;\n\tz-index: 1;\n}\n\n:host([layout="card"]) {\n  display: none;\n}',""])},7679:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-grid-gap\n  * @description Sets the gap between cards in 'card' layout-mode\n  * @see grid-gap\n  * @default 10px\n  * @demoLink https://app.zingsoft.com/demos/create/JOUVG6NN\n  * @shadowOnly true\n  */\n  --card-gap: var(--zg-row-card-grid-gap, 10px);\n\n  /* NOTE: Not adding margin/padding since it doesn't do anything to this component */\n  \n  /**\n  * @memberof ZGBody\n  * @var --zg-body-background\n  * @description Styles the background of grid body\n  * @see background\n  * @default transparent\n  * @demoLink https://app.zingsoft.com/demos/create/WVUSRWLP\n  * @shadowOnly false\n  */\n  background: var(--zg-body-background, transparent);\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-border\n  * @description Styles the border of grid body\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/YWTPH9M0\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-border-bottom\n  * @description Styles the bottom border of grid body\n  * @see border\n  * @default var(--zg-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/25V704EG\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-body-border-bottom, var(--zg-body-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-border-left\n  * @description Styles the left border of grid body\n  * @see border\n  * @default var(--zg-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FPYUYEEX\n  * @shadowOnly false\n  */\n  border-left: var(--zg-body-border-left, var(--zg-body-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-border-right\n  * @description Styles the right border of grid body\n  * @see border\n  * @default var(--zg-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/70O17569\n  * @shadowOnly false\n  */\n  border-right: var(--zg-body-border-right, var(--zg-body-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-border-top\n  * @description Styles the top border of grid body. Note: If `--zg-row-border-top` set,\n  * it will override `--zg-body-border-top`.\n  * @see border\n  * @default var(--zg-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/C9XJMTTQ\n  * @shadowOnly false\n  */\n  border-top: var(--zg-body-border-top, var(--zg-body-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-color\n  * @description Sets the font color of contents inside grid body\n  * @see color\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/X9E64KMS\n  * @shadowOnly false\n  */\n  color: var(--zg-body-color, inherit);\n  display: table-row-group;\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-font-family\n  * @description Sets the font family of contents inside grid body\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/XS22J4JG\n  * @shadowOnly false\n  */\n  font-family: var(--zg-body-font-family, inherit);\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-font-size\n  * @description Sets the font size of contents inside grid body\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/YLAXDUP9\n  * @shadowOnly false\n  */\n  font-size: var(--zg-body-font-size, inherit);\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-font-style\n  * @description Sets the font style of contents inside grid body\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/0VOTEN03\n  * @shadowOnly false\n  */\n  font-style: var(--zg-body-font-style, inherit);\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-font-weight\n  * @description Sets the font weight of contents inside grid body\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/F6CRSTMQ\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-body-font-weight, inherit);\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-line-height\n  * @description Sets the line-height of contents inside of grid body\n  * @see line-height \n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/UO5MJUXO\n  * @shadowOnly false\n  */\n  line-height: var(--zg-body-line-height, inherit);\n}\n\n/* Layout: Card */\n:host([layout=\"card\"]) {\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-background\n  * @description Styles the background of grid body in 'card' layout-mode\n  * @see background\n  * @default linear-gradient(45deg, #f9fafb 20%, #fff)\n  * @demoLink https://app.zingsoft.com/demos/create/XGWDT5HI\n  * @shadowOnly false\n  */\n  background:  var(--zg-body-card-background, linear-gradient(45deg, #f9fafb 20%, #fff));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-border\n  * @description Styles the border of grid body in 'card' layout-mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/UMQX6FC1\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-border-bottom\n  * @description Styles the bottom border of grid body in 'card' layout-mode\n  * @see border\n  * @default var(--zg-body-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/0CXPJ9CM\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-body-card-border-bottom, var(--zg-body-card-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-border-left\n  * @description Styles the left border of grid body in 'card' layout-mode\n  * @see border\n  * @default var(--zg-body-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FPJ9DVE0\n  * @shadowOnly false\n  */\n  border-left: var(--zg-body-card-border-left, var(--zg-body-card-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-border-right\n  * @description Styles the right border of grid body in 'card' layout-mode\n  * @see border\n  * @default var(--zg-body-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/YJHA2SIP\n  * @shadowOnly false\n  */\n  border-right: var(--zg-body-card-border-right, var(--zg-body-card-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-border-top\n  * @description Styles the top border of grid body in 'card' layout-mode. Note: If `--zg-row-border-top` set in 'card' layout-mode\n  * it will override `--zg-body-border-top`.\n  * @see border\n  * @default var(--zg-body-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/ZQPWRYZ2\n  * @shadowOnly false\n  */\n  border-top: var(--zg-body-card-border-top, var(--zg-body-card-border, 0));\n  box-sizing: border-box;\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-display\n  * @description Sets display of grid body in 'card' layout-mode\n  * @see display\n  * @default grid\n  * @demoLink https://app.zingsoft.com/demos/create/JHSU4OLH\n  * @shadowOnly false\n  */\n  display: var(--zg-body-card-display, grid);\n  grid-template-columns: repeat(auto-fill, minmax(calc(var(--zg-card-columns, 25%) - var(--card-gap)), 1fr));;\n  grid-auto-rows: auto;\n  grid-gap: var(--card-gap, 10px);\n  overflow: hidden;\n  padding: var(--card-gap, 10px);\n}\n:host([viewport=\"mobile\"][layout=\"card\"]) { --zg-card-columns: 100%; }\n:host([viewport=\"tablet-portrait\"][layout=\"card\"]) { --zg-card-columns: 50%; }\n:host([viewport=\"tablet-landscape\"][layout=\"card\"]) { --zg-card-columns: 33%; }\n:host([viewport=\"desktop\"][layout=\"card\"]) { --zg-card-columns: 25%; }\n:host([viewport=\"desktop-large\"][layout=\"card\"]) { --zg-card-columns: 25%; }\n\n/* CUSTOM CARD TEMPLATE (ZG-CARD) */\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* ZG-ROW */\n/* All Rows */\n:host ::slotted(zg-row) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background\n  * @description Styles the background of body rows\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/90PL3ZDR\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background);\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-border\n  * @description Styles the border of body rows\n  * @see border\n  * @default var(--zg-row-body-border, var(--zg-row-border-bottom, var(--zg-row-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/EAVHDY7O\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-border-bottom\n  * @description Styles the bottom border of body rows\n  * @see border\n  * @default var(--zg-row-body-border, var(--zg-row-border-bottom, var(--zg-row-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/HNJ2XN7Y\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-row-body-border-bottom, var(--zg-row-body-border, var(--zg-row-border-bottom, var(--zg-row-border, 0))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-border-left\n  * @description Styles the left border of body rows\n  * @see border\n  * @default var(--zg-row-body-border, var(--zg-row-border-left, var(--zg-row-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/E72YL6QW\n  * @shadowOnly false\n  */\n  border-left: var(--zg-row-body-border-left, var(--zg-row-body-border, var(--zg-row-border-left, var(--zg-row-border, 0))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-border-right\n  * @description Styles the right border of body rows\n  * @see border\n  * @default var(--zg-row-body-border, var(--zg-row-border-right, var(--zg-row-border), 0))\n  * @demoLink https://app.zingsoft.com/demos/create/B3XG2R64\n  * @shadowOnly false\n  */\n  border-right: var(--zg-row-body-border-right, var(--zg-row-body-border, var(--zg-row-border-right, var(--zg-row-border, 0))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-border-top\n  * @description Styles the top border of body rows\n  * @see border\n  * @default var(--zg-row-body-border, var(--zg-row-border-top, var(--zg-row-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/9PTJDF3I\n  * @shadowOnly false\n  */\n  border-top: var(--zg-row-body-border-top, var(--zg-row-body-border, var(--zg-row-border-top, var(--zg-row-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color\n  * @description Sets the font color of body rows\n  * @see color\n  * @default var(--zg-row-color)\n  * @demoLink https://app.zingsoft.com/demos/create/ZWULY1D1\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color, var(--zg-row-color));\n  display: table-row;\n}\n\n:host ::slotted(zg-row:hover) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background_hover\n  * @description Styles the background of body rows on hover\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/FNZQKLOI\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background_hover);\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color_hover\n  * @description Styles the font color of body rows\n  * @see color\n  * @default var(--zg-row-color_hover, var(--zg-row-color))\n  * @demoLink https://app.zingsoft.com/demos/create/XCEJKX89\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color_hover, var(--zg-row-color_hover, var(--zg-row-color)));\n}\n/* Even Rows */\n:host ::slotted(zg-row:nth-of-type(even)) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background_even\n  * @description Styles the background of 'even' body rows\n  * @see background\n  * @default var(--zg-row-body-background)\n  * @demoLink https://app.zingsoft.com/demos/create/VMHOQP1A\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background_even, var(--zg-row-body-background));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color_even\n  * @description Sets the font color of 'even' body rows\n  * @see color\n  * @default var(--zg-row-body-color, var(--zg-row-color))\n  * @demoLink https://app.zingsoft.com/demos/create/96LE1ORX\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color_even, var(--zg-row-body-color, var(--zg-row-color)));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-height\n  * @description Sets the height of all rows\n  * @see height\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/MG7QBHBV\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-height\n  * @description Sets the height of body rows\n  * @see height\n  * @default var(--zg-row-height)\n  * @demoLink https://app.zingsoft.com/demos/create/E2CM149E\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-height_even\n  * @description Sets the height of 'even' body rows\n  * @see height\n  * @default var(--zg-row-body-height, var(--zg-row-height))\n  * @demoLink https://app.zingsoft.com/demos/create/PHUE49RH\n  * @shadowOnly false\n  */\n  height: var(--zg-row-body-height_even, var(--zg-row-body-height, var(--zg-row-height, 48px)));\n}\n:host ::slotted(zg-row:nth-of-type(even):hover) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background_even_hover\n  * @description Styles the background of 'even' body rows on hover\n  * @see background\n  * @default var(--zg-row-body-background_hover)\n  * @demoLink https://app.zingsoft.com/demos/create/AIYZXTF0\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background_even_hover, var(--zg-row-body-background_hover));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color_even_hover\n  * @description Styles the font color of 'even' body rows on hover\n  * @see color\n  * @default var(--zg-row-body-color_hover, var(--zg-row-color_hover, var(--zg-row-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/9OLTDTMD\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color_even_hover, var(--zg-row-body-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n/* Odd Rows */\n:host ::slotted(zg-row:nth-of-type(odd)) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background_odd\n  * @description Styles the background of 'odd' body rows\n  * @see background\n  * @default var(--zg-row-body-background)\n  * @demoLink https://app.zingsoft.com/demos/create/GB8RXLPN\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background_odd, var(--zg-row-body-background));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color_odd\n  * @description Styles the font color of 'odd' body rows\n  * @see color\n  * @default var(--zg-row-body-color, var(--zg-row-color))\n  * @demoLink https://app.zingsoft.com/demos/create/RRFIV8VL\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color_odd, var(--zg-row-body-color, var(--zg-row-color)));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-height_odd\n  * @description Sets the height of 'odd' body rows\n  * @see height\n  * @default var(--zg-row-body-height, var(--zg-row-height))\n  * @demoLink https://app.zingsoft.com/demos/create/CC4GKUD7\n  * @shadowOnly false\n  */\n  height: var(--zg-row-body-height_odd, var(--zg-row-body-height, var(--zg-row-height, 48px)));\n}\n:host ::slotted(zg-row:nth-of-type(odd):hover) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background_odd_hover\n  * @description Styles the background of 'odd' body rows on hover\n  * @see background\n  * @default var(--zg-row-body-background_hover)\n  * @demoLink https://app.zingsoft.com/demos/create/41M3NTDX\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background_odd_hover, var(--zg-row-body-background_hover));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color_odd_hover\n  * @description Sets the font color of 'odd' body rows on hover\n  * @see color\n  * @default var(--zg-row-body-color_hover, var(--zg-row-color_hover, var(--zg-row-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/XVED8WRA\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color_odd_hover, var(--zg-row-body-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n\n/*  In the case of zebra, we have to set the class so that we can use the header and footer data rows */\n:host ::slotted(zg-row.zebra-2) {\n  background: var(--theme-background-zebra, var(--zg-row-body-background));\n}\n\n/* In the case of hidden head row, we don't want the first row to show the top border */\n:host ::slotted(zg-row[internal-top]) {\n  border-top: 0px;\n}\n\n/* ZG-ROW: CARD LAYOUT\n-------------------------------------- */\n/* ALL */\n:host([layout=card]) ::slotted(zg-row) {\n  display: flex;\n  flex-wrap: wrap;\n  height: auto !important;\n  overflow: hidden;\n}\n:host([layout=\"card\"]:not([card-template])) ::slotted(zg-row) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-padding\n  * @description Sets the padding of cards in 'card' layout-mode\n  * when '[internal-card-header]' not added to '&lt;zing-grid&gt;'\n  * @see padding\n  * @default 10px 0 5px\n  * @demoLink https://app.zingsoft.com/demos/create/3ANH9F1F\n  * @shadowOnly false\n  */\n  padding: var(--zg-row-card-padding, 8px 0 5px);\n}\n/* EDITOR CONTROLS */\n:host([layout=\"card\"][internal-card-header]:not([card-template])) ::slotted(zg-row) {\n  padding: var(--zg-row-card-padding_editor, 50px 0 5px);\n}\n\n/* SELECTOR CONTROL */\n\n\n/* ODD */\n:host([layout=card]) ::slotted(zg-row:nth-child(odd)) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-background_odd\n  * @description Styles the background of cards in 'card' layout-mode\n  * @see background\n  * @default var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))\n  * @demoLink https://app.zingsoft.com/demos/create/MYI4STFX\n  * @shadowOnly false\n  */\n  /* background: var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background)))); */\n  background: var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border_odd\n  * @description Styles the border of 'odd' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/48K2LXTZ\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-bottom_odd\n  * @description Styles the bottom border of 'odd' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_odd, var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/6KWRAGP6\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-row-card-border-bottom_odd, var(--zg-row-card-border_odd, var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-left_odd\n  * @description Styles the left border of 'odd' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_odd, var(--zg-row-card-border-left, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/E0MU4LOA\n  * @shadowOnly false\n  */\n  border-left: var(--zg-row-card-border-left_odd, var(--zg-row-card-border_odd, var(--zg-row-card-border-left, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-right_odd\n  * @description Styles the right border of 'odd' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_odd, var(--zg-row-card-border-right, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/BQ9TSN4A\n  * @shadowOnly false\n  */\n  border-right: var(--zg-row-card-border-right_odd, var(--zg-row-card-border_odd, var(--zg-row-card-border-right, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-top_odd\n  * @description Styles the top border of 'odd' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_odd, var(--zg-row-card-border-top, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/MYMKX9W0\n  * @shadowOnly false\n  */\n  border-top: var(--zg-row-card-border-top_odd, var(--zg-row-card-border_odd, var(--zg-row-card-border-top, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-box-shadow\n  * @description Applies a box shadow behind cards in 'card' layout-mode\n  * @see box-shadow\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/HQ7WKPH0\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-box-shadow_odd\n  * @description Applies a box shadow behind 'odd' cards in 'card' layout-mode\n  * @see box-shadow\n  * @default var(--zg-row-card-box-shadow, none)\n  * @demoLink https://app.zingsoft.com/demos/create/1D7VE3BL\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-row-card-box-shadow_odd, var(--zg-row-card-box-shadow, none));\n}\n/* ODD: EDITOR CONTROLS */\n:host([layout=\"card\"][internal-card-header]) ::slotted(zg-row:nth-child(odd)) {\n  background: var(--zg-row-card-background_editor_odd, var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background)))));\n}\n\n/* EVEN */\n:host([layout=card]) ::slotted(zg-row:nth-child(even)) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-background_even\n  * @description Styles the background of 'even' cards in 'card' layout-mode\n  * @see background\n  * @default var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))\n  * @demoLink https://app.zingsoft.com/demos/create/Z3JQXTST\n  * @shadowOnly false\n  */\n  background: var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border\n  * @description Styles the border of cards in 'card' layout-mode\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/5V9VVXDQ\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border_even\n  * @description Styles the border of 'even' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/H8PWRCJT\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-bottom_even\n  * @description Styles the bottom border of 'even' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_even, var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/UKFWTUFU\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-row-card-border-bottom_even, var(--zg-row-card-border_even, var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-left_even\n  * @description Styles the left border of 'even' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_even, var(--zg-row-card-border-left, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/T8FJCD4O\n  * @shadowOnly false\n  */\n  border-left: var(--zg-row-card-border-left_even, var(--zg-row-card-border_even, var(--zg-row-card-border-left, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-right_even\n  * @description Styles the right border of 'even' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_even, var(--zg-row-card-border-right, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/NYUK87GS\n  * @shadowOnly false\n  */\n  border-right: var(--zg-row-card-border-right_even, var(--zg-row-card-border_even, var(--zg-row-card-border-right, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-top_even\n  * @description Styles the top border of 'even' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_even, var(--zg-row-card-border-top, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/UWJMSEYU\n  * @shadowOnly false\n  */\n  border-top: var(--zg-row-card-border-top_even, var(--zg-row-card-border_even, var(--zg-row-card-border-top, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /* Already document above */\n  box-shadow: var(--zg-row-card-box-shadow_even, var(--zg-row-card-box-shadow, none));\n}\n/* EVEN: EDITOR CONTROLS */\n:host([layout=\"card\"][internal-card-header]) ::slotted(zg-row:nth-child(even)) {\n  background: var(--zg-row-card-background_editor_even, var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background)))));\n}\n\n:host([no-data]) {\n  display: none;\n}\n\n/* I'm not sure what this is for.  It is breaking focus outlining on hover \n:host([layout=\"card\"]) ::slotted(zg-row:hover) {\n  z-index: 1;\n}*/\n",""])},8719:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  align-items: center;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background\n  * @description Styles the background of button\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/0NOUHK2G\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border\n  * @description Styles the border of a button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/OQ49B7D2\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-bottom\n  * @description Styles the bottom border of a button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/49VYLDM2\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-button-border-bottom, var(--zg-button-border));\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-left\n  * @description Styles the left border of a button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/5BOPSVLN\n  * @shadowOnly false\n  */\n  border-left: var(--zg-button-border-left, var(--zg-button-border));\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-right\n  * @description Styles the right border of a button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/LK4TGZ1R\n  * @shadowOnly false\n  */\n  border-right: var(--zg-button-border-right, var(--zg-button-border));\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-top\n  * @description Styles the top border of a button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/4SWUJJOY\n  * @shadowOnly false\n  */\n  border-top: var(--zg-button-border-top, var(--zg-button-border));\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow\n  * @description Styles the box-shadow of the button\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/TUG6V5YD\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color\n  * @description Sets the font color of button\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/RPE1ZPAR\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color);\n  cursor: pointer;\n  display: inline-flex;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-font-family\n  * @description Sets the font family of button\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/7JWFA1UO\n  * @shadowOnly false\n  */\n  font-family: var(--zg-button-font-family, inherit);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-font-size\n  * @description Sets the font size of button\n  * @see font-size\n  * @default 90%\n  * @demoLink https://app.zingsoft.com/demos/create/0B3ZKXEO\n  * @shadowOnly false\n  */\n  font-size: var(--zg-button-font-size, 100%);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-font-style\n  * @description Sets the font style of button\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/N5ISV2HS\n  * @shadowOnly false\n  */\n  font-style: var(--zg-button-font-style, inherit);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-font-weight\n  * @description Sets the font weight of button\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/USH6VNB2\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-button-font-weight, inherit);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-line-height\n  * @description Sets the line height of button\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/BC7ELB6L\n  * @shadowOnly false\n  */\n  line-height: var(--zg-button-line-height, inherit);\n  justify-content: flex-start;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-margin\n  * @description Sets the margin of button\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/M834XVE5\n  * @shadowOnly false\n  */\n  margin: var(--zg-button-margin, 0);\n  /*outline: none;*/\n  /*overflow: hidden;*/\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-padding\n  * @description Sets the padding of button\n  * @see padding\n  * @default 3px\n  * @demoLink https://app.zingsoft.com/demos/create/SXA4AMPI\n  * @shadowOnly false\n  */\n  padding: var(--zg-button-padding, 0);\n  position: relative;\n  user-select: none;\n}\n\n/* Default Hover State (Defined) */\n:host([action]:hover),\n:host([action].hover) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-icon-background_hover\n  * @description Styles the background of the icon in a button on hover state\n  * @see fill\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/AKM36W15\n  * @shadowOnly false\n  */\n  --zg-icon-color: var(--zg-button-icon-background_hover);\n\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_hover\n  * @description Styles the background of button on hover\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/F1CZ5AEC\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_hover\n  * @description Styles the border of a button on hover state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/M6VZUWV3\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-bottom_hover\n  * @description Styles the bottom border of a button on hover\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/N34TY79O\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-button-border-bottom_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-left_hover\n  * @description Styles the left border of a button on hover\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/8WXKJKRH\n  * @shadowOnly false\n  */\n  border-left: var(--zg-button-border-left_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-right_hover\n  * @description Styles the right border of a button on hover\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/3F37KXA6\n  * @shadowOnly false\n  */\n  border-right: var(--zg-button-border-right_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-top_hover\n  * @description Styles the top border of a button on hover\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/8YBE3ACC\n  * @shadowOnly false\n  */\n  border-top: var(--zg-button-border-top_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_hover\n  * @description Styles the box-shadow of the button on hover\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/RAV3EMI2\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_hover\n  * @description Styles the color of the button on hover\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/TNO4DYRC\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-transition_speed\n  * @description Sets the transition speed of button\n  * @see transition\n  * @default var(--theme-transition_speed)\n  * @demoLink https://app.zingsoft.com/demos/create/W9ECS6H6\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  transition: background-color var(--zg-button-transition_speed, var(--theme-transition_speed));\n  z-index: 11;\n}\n\n/* Default Focus State (Defined) */\n:host(:focus) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_focus\n  * @description Styles the background of button on focus\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/KHSJ4IAG\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_focus\n  * @description Styles the border of a button on focus state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6ECRZ83T\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-bottom_focus\n  * @description Styles the bottom border of a button on focus\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/TNC5VI4O\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-button-border-bottom_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-left_focus\n  * @description Styles the left border of a button on focus\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/OTDDVBOS\n  * @shadowOnly false\n  */\n  border-left: var(--zg-button-border-left_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-right_focus\n  * @description Styles the right border of a button on focus\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/MTB5U5AF\n  * @shadowOnly false\n  */\n  border-right: var(--zg-button-border-right_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-top_focus\n  * @description Styles the top border of a button on focus\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/LO0MH08V\n  * @shadowOnly false\n  */\n  border-top: var(--zg-button-border-top_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_focus\n  * @description Styles the box-shadow of the button on focus\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/P92OHBPM\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_focus\n  * @description Styles the color of the button on focus\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/18C3727I\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_focus);\n  outline: var(--zg-button-focus);\n  transition: background-color var(--zg-button-transition_speed, var(--theme-transition_speed));\n}\n\n/* Active State */\n:host([action]:active),\n:host([action].active),\n:host([active]) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_active\n  * @description Styles of background of button on active state\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/B5GX883S\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_active, var(--theme-background-color));\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_active\n  * @description Styles the border of a button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/XPUZZ3LU\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-bottom_active\n  * @description Styles the bottom border of a button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/NOL6XBMR\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-button-border-bottom_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-left_active\n  * @description Styles the left border of a button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/RG7Z2CMD\n  * @shadowOnly false\n  */\n  border-left: var(--zg-button-border-left_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-right_active\n  * @description Styles the right border of a button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/TX5552LK\n  * @shadowOnly false\n  */\n  border-right: var(--zg-button-border-right_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-top_active\n  * @description Styles the top border of a button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/X9WBHY4L\n  * @shadowOnly false\n  */\n  border-top: var(--zg-button-border-top_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_active\n  * @description Styles the box-shadow of the button on activation\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/MX9J71NQ\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_active\n  * @description Styles the color of the button on active state\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/RARCAIWD\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_active);\n  cursor: default;\n}\n\n/* Disabled Normal State */\n:host([disabled]) {\n  cursor: not-allowed;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-opacity_disabled\n  * @description Styles the opacity of disabled button or button on hover\n  * @see opacity\n  * @default 0.2\n  * @demoLink https://app.zingsoft.com/demos/create/L2BLE14D\n  * @shadowOnly false\n  */\n  opacity: var(--zg-button-opacity_disabled, 0.2);\n}\n\n/* Hide tooltip if button disabled */\n:host([tooltip][disabled]):before,\n:host([tooltip][disabled]):after {\n  display: none;\n}\n\n/* Disabled Hover State */\n:host([disabled]:hover),\n:host([disabled].hover) {\n  background: none;\n  cursor: not-allowed;\n  opacity: var(--zg-button-opacity_disabled, 0.2);\n}\n\n/* If the button is hidden (has [hidden] attribute) */\n:host([hidden]) {\n  display: none !important;\n}\n\n/* TOOLTIP\n-------------------------------------- */\n:host([tooltip]) {\n  --tooltip-arrow-size: 4px;\n}\n\n:host([tooltip]):after {\n  align-items: center;\n  background: var(--tooltip-background, var(--theme-color_alt));\n  border-radius: 2px;\n  color: #fff;\n  content: attr(tooltip);\n  display: inline-flex;\n  font-size: 11px;\n  height: 22px;\n  justify-content: center;\n  line-height: 1;\n  opacity: 1;\n  padding: 0 8px;\n  pointer-events: none;\n  position: absolute;\n  top: 50%;\n  white-space: nowrap;\n  transform: translate(0, -50%);\n  transition: transform .3s;\n  visibility: hidden;\n}\n\n:host([tooltip]:hover):after,\n:host([tooltip].hover):after {\n  opacity: 1;\n  visibility: visible;\n  z-index: 11;\n}\n\n:host([tooltip]):before {\n  border: var(--tooltip-arrow-size) solid transparent;\n  content: '';\n  display: block;\n  opacity: 0;\n  pointer-events: none;\n  position: absolute;\n  top: 50%;\n  transform: translate(0, -50%);\n  transition: transform .3s;\n  visibility: hidden;\n}\n\n:host([tooltip]:hover):before,\n:host([tooltip].hover):before {\n  opacity: 1;\n  visibility: visible;\n}\n\n/* LEFT */\n:host([tooltip-left]):after {\n  right: 100%;\n} \n\n:host([tooltip-left]:hover):after,\n:host([tooltip-left].hover):after {\n  transform: translate(calc(-1 * var(--tooltip-arrow-size)), -50%);\n}\n\n:host([tooltip-left]):before {\n  border-left-color: var(--tooltip-background, var(--theme-color_alt));\n  left: 0;\n}\n\n:host([tooltip-left]:hover):before,\n:host([tooltip-left].hover):before {\n  transform: translate(calc(-1 * var(--tooltip-arrow-size)), -50%);\n}\n\n/* RIGHT */\n:host([tooltip-right]):after {\n  left: 100%;\n}\n\n:host([tooltip-right]:hover):after,\n:host([tooltip-right].hover):after {\n  transform: translate(var(--tooltip-arrow-size), -50%);\n}\n\n:host([tooltip-right]):before {\n  border-right-color: var(--tooltip-background, var(--theme-color_alt));\n  right: 0;\n}\n\n:host([tooltip-right]:hover):before,\n:host([tooltip-right].hover):before {\n  transform: translate(var(--tooltip-arrow-size), -50%);\n}\n\n/*  DIR\n------------------------------------- */\n:host([dir=\"rtl\"]) ::slotted(zg-icon) {\n  transform: scaleX(-1);\n}\n\n/* ICON\n-------------------------------------- */\n:host([no-icon]) .zg-button-icon {\n  display: none;\n}\n\n/* todo: not wonderful yet */\n:host([icon-last]) .zg-button-icon {\n  order: 2;\n}\n\n/* NODATA */\n:host([no-data]) {\n  color: var(--theme-color-primary);\n}\n\n:host([no-data]) ::slotted(zg-icon) {\n  margin-right: 3px !important;\n  transform: scale(.9);\n}\n\n/* CURSOR-BASED PAGINATION STYLING\n-------------------------------------- */\n:host([type=\"cursor\"]) ::slotted(zg-icon) {\n  transform: scale(1.2);\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* Checkbox - only when text added to button */\n:host([hastext]) ::slotted(zg-checkbox) {\n  margin-right: 5px;\n}\n\n:host([hastext][dir=\"rtl\"]) ::slotted(zg-checkbox) {\n  margin-left: 5px;\n  margin-right: unset\n}\n\n/* Icon - only when text added to button */\n:host([hastext]) ::slotted(zg-icon) {\n  margin-right: 7px;\n}\n\n:host([hastext][dir=\"rtl\"]) ::slotted(zg-icon) {\n  margin-left: 5px;\n  margin-right: unset\n}\n\n:host ::slotted(zg-icon) {\n  text-align: center;\n}\n\n\n/* ZG-PAGER: 'BUTTON' PAGINATION STYLING */\n\n/* 'Next Page' button */\n:host([action=\"nextpage\"]) {\n  margin-left: -1px;\n}\n\n/* '1, 2, 3' Page buttons */\n:host([action=\"page\"]) {\n  margin-left: -1px;\n}\n\n:host([action=\"page\"][disabled]) {\n  opacity: 1;\n}\n\n:host([action=\"page\"]) ::slotted(zg-icon) {\n  display: none;\n}\n\n:host([action=\"page\"]) ::slotted([slot=\"label\"]) {\n  width: 100%;\n  text-align: center;\n}\n\n:host([action*=\"record\"]),\n:host([action^=\"batch\"]),\n:host([internal-cell]) {\n  vertical-align: middle;\n}\n\n/*  Row Grouping Buttons */\n:host([action$=\"rowgroup\"]) {\n  margin-right: 20px;\n}\n\n:host([action$=\"rowgroup\"]) ::slotted(zg-icon) {\n  width: 24px;\n  height: 24px;\n}\n\n/* CUSTOM BUTTONS (NON-INTERNAL)\n-------------------------------------- */\n\n/* User button - not internal (internal should have [action]) */\n:host(:not([action]):not([force-border=\"disabled\"])),\n:host([force-border]:not([force-border=\"disabled\"])) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_custom\n  * @description Styles the background of custom button\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/ILHRA36E\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_custom);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_custom\n  * @description Styles the border of custom button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/VZ1UMHDW\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_custom);\n  border-radius: 4px;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_custom\n  * @description Applies a box shadow behind custom button\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/WV8BPHHG\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_custom);\n  color: var(--zg-button-color_custom, --zg-button-color);\n  padding: var(--zg-button-padding, 7px 9px);\n  transition: background .1s;\n}\n\n/* Focus */\n:host(:not([action]):not([force-border=\"disabled\"]):focus),\n:host([force-border]:not([force-border=\"disabled\"]):focus) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_custom_focus\n  * @description Styles the background of custom button on focus\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/DNQPAWTN\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_custom_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_custom_focus\n  * @description Styles the border of custom button on focus\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6YMT2CI2\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_custom_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_custom_focus\n  * @description Applies a box shadow behind custom button on focus\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/ZUYVPA4G\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_custom_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_custom_focus\n  * @description Sets the font color of custom button on focus\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6SPOXN1V\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_custom_focus);\n}\n\n/* Hover */\n:host(:not([action]):not([force-border=\"disabled\"]):hover),\n:host(:not([action]):not([force-border=\"disabled\"]).hover),\n:host([force-border]:not([force-border=\"disabled\"]):hover),\n:host([force-border]:not([force-border=\"disabled\"]).hover) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-icon-background_custom_hover\n  * @description Styles the background of icon in custom button on hover\n  * @see fill\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/KM9ESQ95\n  * @shadowOnly false\n  */\n  --zg-icon-color: var(--zg-button-icon-background_custom_hover, #fff);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_custom_hover\n  * @description Styles the background of custom button on hover\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/3NS677KC\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_custom_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_custom_hover\n  * @description Styles the border of custom button on hover\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/M471ONLC\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_custom_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_custom_hover\n  * @description Applies a box shadow behing custom button on hover\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6G5744Z9\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_custom_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_custom_hover\n  * @description Sets the font color of custom button on hover\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/UTHW9VD5\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_custom_hover);\n  /* Already defined, don't add JSDOCs */\n  transition: background-color var(--zg-button-transition_speed, var(--theme-transition_speed));\n}\n\n/* Active */\n:host(:not([action]):not([force-border=\"disabled\"]):active),\n:host(:not([action]):not([force-border=\"disabled\"]).active),\n:host([force-border]:not([force-border=\"disabled\"]):active),\n:host([force-border]:not([force-border=\"disabled\"]).active) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_custom_active\n  * @description Styles the background of custom button on active state\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/I7M662SJ\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_custom_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_custom_active\n  * @description Styles the border of custom button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/SBAJGZLD\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_custom_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_custom_active\n  * @description Applies a box shadow behind custom button on active state\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/NFET6MLX\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_custom_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_custom_active\n  * @description Sets the font color of custom button on active state\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/L6FV9PN6\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_custom_active);\n}",""])},3419:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-background\n  * @description Styles the background of caption\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6U2SY2K5\n  * @shadowOnly false\n  */\n  background: var(--zg-caption-background);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border\n  * @description Styles the border of caption\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/0N4C0ECB\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border-bottom\n  * @description Styles the bottom border of caption\n  * @see border\n  * @default var(--zg-caption-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/99JLBVYH\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-caption-border-bottom, var(--zg-caption-border, 0));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border-left\n  * @description Styles the left border of caption\n  * @see border\n  * @default var(--zg-caption-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FWLLXIJ5\n  * @shadowOnly false\n  */\n  border-left: var(--zg-caption-border-left, var(--zg-caption-border, 0));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border-right\n  * @description Styles the right border of caption\n  * @see border\n  * @default var(--zg-caption-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/52JW357J\n  * @shadowOnly false\n  */\n  border-right: var(--zg-caption-border-right, var(--zg-caption-border, 0));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border-top\n  * @description Styles the top border of caption\n  * @see border\n  * @default var(--zg-caption-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/NZ37Y0WR\n  * @shadowOnly false\n  */\n  border-top: var(--zg-caption-border-top, var(--zg-caption-border, 0));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border-radius\n  * @description Applies a border-radius to the caption\n  * @see border-radius\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/XTZFER6B\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-caption-border-radius, 0);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-box-shadow\n  * @description Applies a box shadow behind caption\n  * @see box-shadow\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/NGD7EIQQ\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-caption-box-shadow, none);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-color\n  * @description Sets the font color of caption\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/AWL1ZJ9P\n  * @shadowOnly false\n  */\n  color: var(--zg-caption-color);\n  display: block;\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-font-family\n  * @description Sets the font family of caption\n  * @see font-family\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/AIW2OSGY\n  * @shadowOnly false\n  */\n  font-family: var(--zg-caption-font-family);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-font-size\n  * @description Sets the font size of caption\n  * @see font-size\n  * @default 1.25rem\n  * @demoLink https://app.zingsoft.com/demos/create/GYEK88WP\n  * @shadowOnly false\n  */\n  font-size: var(--zg-caption-font-size, 1.25rem);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-font-style\n  * @description Sets the font style of caption\n  * @see font-style\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/88F09GZT\n  * @shadowOnly false\n  */\n  font-style: var(--zg-caption-font-style);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-font-weight\n  * @description Sets the font weight of caption\n  * @see font-weight\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/KY56OFL7\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-caption-font-weight);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-margin\n  * @description Sets the margin of caption\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/4KJK4SH4\n  * @shadowOnly false\n  */\n  margin: var(--zg-caption-margin, 0);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-opacity\n  * @description Sets the opacity of caption\n  * @see opacity\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/PE0HQJ5R\n  * @shadowOnly false\n  */\n  opacity: var(--zg-caption-opacity);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-padding\n  * @description Sets the padding of caption\n  * @see padding\n  * @default 0 var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/442ELH1B\n  * @shadowOnly false\n  */\n  padding: var(--zg-caption-padding, 0 var(--theme-padding_x));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-transition\n  * @description Sets the transition of caption\n  * @see transition\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/NORAG1EP\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  transition: var(--zg-caption-transition);\n  z-index: 2;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Wrapper */\n.zg-caption {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-align-items\n  * @description Sets the vertical alignment of items (title and toolbar) in caption\n  * @see align-items\n  * @default center\n  * @demoLink https://app.zingsoft.com/demos/create/CQYPIK1K\n  * @shadowOnly true\n  */\n  align-items: var(--zg-caption-align-items, center);\n  box-sizing: border-box;\n  display: flex;\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-flex-direction\n  * @description Sets the flex direction of items (title and toolbar) in caption\n  * @see flex-direction\n  * @default row\n  * @demoLink https://app.zingsoft.com/demos/create/7OAGC539\n  * @shadowOnly true\n  */\n  flex-direction: var(--zg-caption-flex-direction, row);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-height\n  * @description Sets the height of caption\n  * @see height\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/Y3GPK1TE\n  * @shadowOnly false\n  */\n  min-height: var(--zg-caption-height);\n  position: relative;\n  width: 100%;\n}\n:host([align=\"right\"]) .zg-caption {\n  flex-direction: row-reverse;\n}\n\n/* Title (Slot) */\n.zg-caption-title-slot {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-align-self\n  * @description Sets vertical alignment of items in caption title\n  * @see align-self\n  * @default center\n  * @demoLink https://app.zingsoft.com/demos/create/67LXJX3V\n  * @shadowOnly true\n  */\n  align-self: var(--zg-caption-title-align-self, var(--zg-caption-align-items));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-flex\n  * @description Sets how items are flexed in caption title\n  * @see flex\n  * @default 0 1 auto\n  * @demoLink https://app.zingsoft.com/demos/create/ZNF8KZ0Q\n  * @shadowOnly true\n  */\n  flex: var(--zg-caption-title-flex, 0 1 auto);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-font-family\n  * @description Sets the font-family of caption title\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/RSEFCP22\n  * @shadowOnly false\n  */\n  font-family: var(--zg-caption-title-font-family, inherit);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-font-size\n  * @description Sets the font size of caption title\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/957S8V57\n  * @shadowOnly false\n  */\n  font-size: var(--zg-caption-title-font-size, inherit);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-font-style\n  * @description Sets the font style of caption title\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/7998V87T\n  * @shadowOnly false\n  */\n  font-style: var(--zg-caption-title-font-style, inherit);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-font-weight\n  * @description Sets the font weight of caption title\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/SL5PZSVT\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-caption-title-font-weight, inherit);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-margin\n  * @description Sets the margin of caption title\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/16DIJOGY\n  * @shadowOnly false\n  */\n  margin: var(--zg-caption-title-margin, 0);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-padding\n  * @description Sets the padding of caption title\n  * @see padding\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/ZS07XHPH\n  * @shadowOnly false\n  */\n  padding: var(--zg-caption-title-padding, 0);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-order\n  * @description Sets the order of caption title with respect to caption toolbar\n  * @see order\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/C23FWMV5\n  */\n  order: var(--zg-caption-title-order);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-text-align\n  * @description Sets the text alignment of caption title\n  * @see text-align\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/1598TAUJ\n  * @shadowOnly false\n  */\n  text-align: var(--zg-caption-title-text-align, inherit);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-transform\n  * @description Sets the transform of caption title\n  * @see transform\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/3XWSGQ3T\n  * @shadowOnly false\n  */\n  transform: var(--zg-caption-title-transform, none);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-width\n  * @description Sets the width of caption title\n  * @see width\n  * @default 100%\n  * @demoLink https://app.zingsoft.com/demos/create/072GAQ92\n  * @shadowOnly false\n  */\n  width: var(--zg-caption-title-width, 100%);\n}\n\n/* Toolbar (Slot) */\n.zg-caption-toolbar {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-align-self\n  * @description Sets vertical alignment of items in caption toolbar\n  * @default Browser's default value\n  * @see align-self\n  * @demoLink https://app.zingsoft.com/demos/create/S3ZCU3DO\n  * @shadowOnly false\n  */\n  align-self: var(--zg-caption-toolbar-align-self);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-bottom\n  * @description Sets the position from bottom of caption toolbar. To apply, set --zg-caption-toolbar-position.\n  * @see bottom\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/OEH3UY6Q\n  * @shadowOnly false\n  * @storyAlert recommend:--zg-caption-toolbar-position:relative\n  */\n  bottom: var(--zg-caption-toolbar-bottom);\n  display: flex;\n  height: var(--zg-caption-height);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-justify-content\n  * @description Sets the horizontal alignment of contents in caption toolbar\n  * @see justify-content\n  * @default flex-start\n  * @demoLink https://app.zingsoft.com/demos/create/765LB16X\n  * @shadowOnly true\n  */\n  justify-content: var(--zg-caption-toolbar-justify-content, flex-start);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-left\n  * @description Sets the left of caption toolbar. To apply, set --zg-caption-toolbar-position.\n  * @see left\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/S4O1P9G5\n  * @shadowOnly false\n  * @storyAlert recommended:--zg-caption-toolbar-position:relative\n  */\n  left: var(--zg-caption-toolbar-left, auto);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-margin\n  * @description Sets the margin of caption toolbar\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/KZJX7TLX\n  * @shadowOnly true\n  */\n  margin: var(--zg-caption-toolbar-margin, 0);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-position\n  * @description Sets the position of caption toolbar\n  * @see position\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/QHJA4VIJ\n  * @shadowOnly true\n  */\n  position: var(--zg-caption-toolbar-position);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-right\n  * @description Sets the right of caption toolbar. To apply, set --zg-caption-toolbar-position.\n  * @see right\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/4YMLUW88\n  * @shadowOnly true\n  * @storyAlert recommend:--zg-caption-toolbar-position:relative\n  */\n  right: var(--zg-caption-toolbar-right, auto);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-top\n  * @description Sets the top of caption toolbar. To apply, set --zg-caption-toolbar-position.\n  * @see top\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/RFUEEGAP\n  * @shadowOnly true\n  * @storyAlert recommend:--zg-caption-toolbar-position:relative\n  */\n  top: var(--zg-caption-toolbar-top, auto);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-transform\n  * @description Sets the transform of caption toolbar\n  * @see transform\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/CM2ERTMS\n  * @shadowOnly true\n  */\n  transform: var(--zg-caption-toolbar-transform, none);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-width\n  * @description Sets the width of caption toolbar\n  * @see width\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/MGC5Q8CR\n  * @shadowOnly true\n  */\n  width: var(--zg-caption-toolbar-width, auto);\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* DAVE - Moving this from zg-button has the search button in a weird position   Put search on a grid and you will see */\n\n/* ZG-BUTTON */\n:host ::slotted(zg-button) {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-button-background\n  * @description Styles the background of button in caption\n  * @default var(--zg-button-background)\n  * @demoLink https://app.zingsoft.com/demos/create/TJF6WCKE\n  * @see background\n  * @shadowOnly false\n  */\n  background: var(--zg-caption-button-background, var(--zg-button-background));\n  color: var(--zg-caption-button-color, var(--zg-button-color));\n  display: inline-flex;\n  height: 100%;\n  padding-left: 5px;\n  padding-right: 5px;\n}\n:host ::slotted(zg-button:focus) {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-button-background_focus\n  * @description Styles the background of button in caption when the button is in a `focus` state\n  * @default var(--zg-caption-button-background, var(--zg-button-background))\n  * @demoLink https://app.zingsoft.com/demos/create/BSNFWAC2\n  * @see background\n  * @shadowOnly false\n  */\n  background: var(--zg-caption-button-background_focus, var(--zg-button-background_focus, var(--zg-caption-button-background, var(--zg-button-background))));\n  color: var(--zg-caption-button-color_focus, var(--zg-caption-button-color, var(--zg-button-color_focus, var(--zg-button-color))));\n}\n:host ::slotted(zg-button:hover) {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-button-background_hover\n  * @description Styles the background of button in caption when the button is in a `hover` state\n  * @default var(--zg-caption-button-background, var(--zg-button-background))\n  * @demoLink https://app.zingsoft.com/demos/create/2C4I6L8Q\n  * @see background\n  * @shadowOnly false\n  */\n  background: var(--zg-caption-button-background_hover, var(--zg-button-background_hover, var(--zg-caption-button-background, var(--zg-button-background))));\n  color: var(--zg-caption-button-color_hover, var(--zg-caption-button-color, var(--zg-button-color_hover, var(--zg-button-color))));\n}\n\n:host ::slotted(zg-button:active) {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-button-background_active\n  * @description Styles the background of button in caption when the button is in an `active` state\n  * @default var(--zg-caption-button-background, var(--zg-button-background))\n  * @demoLink https://app.zingsoft.com/demos/create/RAU1QDPS\n  * @see background\n  * @shadowOnly false\n  */\n  background: var(--zg-caption-button-background_active, var(--zg-button-background_active, var(--zg-caption-button-background, var(--zg-button-background))));\n  color: var(--zg-caption-button-color_active, var(--zg-caption-button-color, var(--zg-button-color_active, var(--zg-button-color))));\n}\n\n\n/* CUSTOM USER BUTTON */\n:host ::slotted(zg-button:not([action])) {\n  background: var(--zg-caption-button-background_custom, var(--zg-caption-button-background, var(--zg-button-background_custom, var(--zg-button-background))));\n  color: var(--zg-caption-button-color_custom, var(--zg-caption-button-color, var(--zg-button-color_custom, var(--zg-button-color))));\n}\n:host ::slotted(zg-button:not([action]):focus) {\n  background: var(--zg-caption-button-background_custom_focus, var(--zg-caption-button-background_focus, var(--zg-button-background_custom_focus, var(--zg-button-background_focus, var(--zg-caption-button-background_custom, var(--zg-caption-button-background, var(--zg-button-background_custom, var(--zg-button-background))))))));\n  color: var(--zg-caption-button-color_custom_focus, var(--zg-caption-button-color_focus, var(--zg-button-color_custom_focus, var(--zg-button-color_focus, var(--zg-button-color)))));\n}\n:host ::slotted(zg-button:not([action]):hover) {\n  background: var(--zg-caption-button-background_custom_hover, var(--zg-caption-button-background_hover, var(--zg-button-background_custom_hover, var(--zg-button-background_hover, var(--zg-caption-button-background_custom, var(--zg-caption-button-background, var(--zg-button-background_custom, var(--zg-button-background))))))));\n  color: var(--zg-caption-button-color_custom_hover, var(--zg-caption-button-color_hover, var(--zg-button-color_custom_hover, var(--zg-button-color_hover,var( --zg-button-color)))));\n}\n:host ::slotted(zg-button:not([action]):active) {\n  background: var(--zg-caption-button-background_custom_active, var(--zg-caption-button-background_active, var(--zg-button-background_custom_active, var(--zg-button-background_active, var(--zg-caption-button-background_custom, var(--zg-caption-button-background, var(--zg-button-background_custom, var(--zg-button-background))))))));\n  color: var(--zg-caption-button-color_custom_active, var(--zg-caption-button-color_active, var(--zg-button-color_custom_active, var(--zg-button-color_active, var(--zg-button-color)))));\n}\n\n\n/* INTERNAL BUTTON */\n:host ::slotted(zg-button[action]:hover) {\n  background: var(--zg-caption-button-background_hover, var(--zg-button-background_hover));\n}\n\n:host ::slotted(zg-search) {\n  display: inline-flex;\n  height: 100%;\n}\n\n/* DYNAMIC\n-------------------------------------- */\n.enabled { display:inline-block !important; }",""])},3147:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-background_layout_card\n  * @description Styles the background of cards in 'card' layout-mode\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/BEYZ88MV\n  * @shadowOnly false\n  */\n  background: var(--zg-cell-background_layout_card);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-border_layout_card\n  * @description Styles the border of cards in 'card' layout-mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/U0CW9K8N\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-border-bottom_layout_card\n  * @description Styles the bottom border of cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FGN7V34Y\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-cell-border-bottom_layout_card, var(--zg-cell-border_layout_card, 0));\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-border-left_layout_card\n  * @description Styles the left border of cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/BPYBZ5YQ\n  * @shadowOnly false\n  */\n  border-left: var(--zg-cell-border-left_layout_card, var(--zg-cell-border_layout_card, 0));\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-border-right_layout_card\n  * @description Styles the right border of cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/CK9N7ZQV\n  * @shadowOnly false\n  */\n  border-right: var(--zg-cell-border-right_layout_card, var(--zg-cell-border_layout_card, 0));\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-border-top_layout_card\n  * @description Styles the top border of cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/7Y7BXZCF\n  * @shadowOnly false\n  */\n  border-top: var(--zg-cell-border-top_layout_card, var(--zg-cell-border_layout_card, 0));\n  box-sizing: border-box;\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-color_layout_card\n  * @description Sets the font color of cards in 'card' layout-mode\n  * @see color\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/X2B23BUZ\n  * @shadowOnly false\n  */\n  color: var(--zg-cell-color_layout_card, inherit);\n  display: block;\n  flex: 1;\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-font-family_layout_card\n  * @description Sets the font family of cards in 'card' layout-mode\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/O9LB0E7K\n  * @shadowOnly false\n  */\n  font-family: var(--zg-cell-font-family_layout_card, inherit);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-font-size_layout_card\n  * @description Sets the font size of cards in 'card' layout-mode\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/FN82MG62\n  * @shadowOnly false\n  */\n  font-size: var(--zg-cell-font-size_layout_card, inherit);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-font-style_layout_card\n  * @description Sets the font family of cards in 'card' layout-mode\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/OOAIYJ3A\n  * @shadowOnly false\n  */\n  font-style: var(--zg-cell-font-style_layout_card, inherit);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-font-weight_layout_card\n  * @description Sets the font weight of cards in 'card' layout-mode\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/HG4U54X7\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-cell-font-weight_layout_card, inherit);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-height_layout_card\n  * @description Sets the height of cards in 'card' layout-mode\n  * @see height\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/363ZH0L0\n  * @shadowOnly false\n  */\n  height: var(--zg-cell-height_layout_card, auto);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-line-height_layout_card\n  * @description Sets the line height of cards in 'card' layout-mode\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/GNXXL0I8\n  * @shadowOnly false\n  */\n  line-height: var(--zg-cell-line-height_layout_card, inherit);\n  overflow: hidden;\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-padding_layout_card\n  * @description Sets the padding of cards in 'card' layout-mode\n  * @see padding\n  * @default var(--theme-padding_y) var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/NLQRJG8E\n  * @shadowOnly false\n  */\n  padding: var(--zg-cell-padding_layout_card, var(--theme-padding_y) var(--theme-padding_x));\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-transition_layout_card\n  * @description Sets the transition of cards in 'card' layout-mode\n  * @see transition\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/EP738THM\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  transition: var(--zg-cell-transition_layout_card);\n  user-select: none;\n  width: 100%;\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-word-break_layout_card\n  * @description Sets the word break of items in cards in 'card' layout-mode\n  * @see word-break\n  * @default break-all\n  * @demoLink https://app.zingsoft.com/demos/create/8M5I3J8P\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  word-break: var(--zg-cell-word-break_layout_card, break-all);\n}\n\n/* Hide if 'hidden' attribute applied */\n:host([hidden]) {\n  display: none !important;\n}\n\n/* 'Remove Record' Cell */\n:host([type=\"remover\"]) {\n  text-align: right;\n}\n\n/* WHEN EDIT-ROW BUTTONS IN SAME CELL */\n:host([edit-row-buttons-one-cell]) {\n  padding-left: 0;\n  padding-right: 0;\n}\n:host([edit-row-buttons-one-cell]) ::slotted([data-field-index]) {\n  display: flex;\n} ",""])},761:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* HOST\n-------------------------------------- */\n:host {\n  --cell-overflow-background-color: var(--zing-grid-background);\n  --cell-overflow-border-color: var(--theme-border-color);\n}\n\n/* Type: Default */\n:host {\n  background: var(--cell-overflow-background-color);\n  border: 1px solid var(--cell-overflow-border-color);\n  display: block;\n  line-height: initial;\n  pointer-events: auto;\n  position: absolute;\n  z-index: 11;\n}\n\n:host([hidden]) {\n  visibility: hidden;\n  pointer-events: none;\n}\n",""])},3581:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background\n  * @description Styles the background of cells\n  * @see background\n  * @default var(--zg-cell-background)\n  * @demoLink https://app.zingsoft.com/demos/create/FPS1Y1BU\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background_layout_row\n  * @description Styles the background of cells in \'row\' layout-mode\n  * @see background\n  * @default var(--zg-cell-background)\n  * @demoLink https://app.zingsoft.com/demos/create/OB4ZAO0E\n  * @shadowOnly false\n  */\n  background: var(--zg-cell-background_layout_row, var(--zg-cell-background));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border\n  * @description Styles the border of cells\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/5IAJRJAX\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-bottom\n  * @description Styles the bottom border of cells\n  * @see border\n  * @default var(--zg-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/6W1MBMS5\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border_layout_row\n  * @description Styles the border of cells in \'row\' layout-mode\n  * @see border\n  * @default var(--zg-cell-border-bottom, var(--zg-cell-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/VUY7YJN0\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-bottom_layout_row\n  * @description Styles the bottom border of cells in \'row\' layout-mode\n  * @see border\n  * @default var(--zg-cell-border_layout_row, var(--zg-cell-border-bottom, var(--zg-cell-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/CBCRNIEW\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-cell-border-bottom_layout_row, var(--zg-cell-border_layout_row, var(--zg-cell-border-bottom, var(--zg-cell-border, 0))));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-left\n  * @description Styles the left border of cells\n  * @see border\n  * @default var(--zg-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/D7KFKEG9\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-left_layout_row\n  * @description Styles the left border of cells in \'row\' layout-mode\n  * @see border\n  * @default var(--zg-cell-border_layout_row, var(--zg-cell-border-left, var(--zg-cell-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/09D81J37\n  * @shadowOnly false\n  */\n  border-left: var(--zg-cell-border-left_layout_row, var(--zg-cell-border_layout_row, var(--zg-cell-border-left, var(--zg-cell-border, 0))));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-right\n  * @description Styles the right border of cells\n  * @see border\n  * @default var(--zg-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/I1HTZ8O9\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-right_layout_row\n  * @description Styles the right border of cells in \'row\' layout-mode\n  * @see border\n  * @default var(--zg-cell-border_layout_row, var(--zg-cell-border-right, var(--zg-cell-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/38MHHLP7\n  * @shadowOnly false\n  */\n  border-right: var(--zg-cell-border-right_layout_row, var(--zg-cell-border_layout_row, var(--zg-cell-border-right, var(--zg-cell-border, 0))));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-top\n  * @description Styles the top border of cells\n  * @see border\n  * @default var(--zg-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/5LO8GANO\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-top_layout_row\n  * @description Styles the top border of cells in \'row\' layout-mode\n  * @see border\n  * @default var(--zg-cell-border_layout_row, var(--zg-cell-border-top, var(--zg-cell-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/7MVAC7VQ\n  * @shadowOnly false\n  */\n  border-top: var(--zg-cell-border-top_layout_row, var(--zg-cell-border_layout_row, var(--zg-cell-border-top, var(--zg-cell-border, 0))));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color\n  * @description Styles font color of text in cells\n  * @see color\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/W7Z4EQX7\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color_layout_row\n  * @description Styles font color of text in cells in \'row\' layout-mode\n  * @see color\n  * @default var(--zg-cell-color, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/4L4VCAVC\n  * @shadowOnly false\n  */\n  color: var(--zg-cell-color_layout_row, var(--zg-cell-color, inherit));\n  display: table-cell;\n  flex: 1;\n  /* CS THIS HAS TO BE REMOVED BEFORE LAUNCHING FIND OTHER SOLUTION */\n  -position: relative;\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-family\n  * @description Sets the font family in cells\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/FBT1I49W\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-family_layout_row\n  * @description Sets the font family in cells in \'row\' layout-mode\n  * @see font-family\n  * @default var(--zg-cell-font-family, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/WEF8KGXB\n  * @shadowOnly false\n  */\n  font-family: var(--zg-cell-font-family_layout_row, var(--zg-cell-font-family, inherit));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-size\n  * @description Sets the font size in cells\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/5VXTAUSO\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-size_layout_row\n  * @description Sets the font size in cells in \'row\' layout-mode\n  * @see font-size\n  * @default var(--zg-cell-font-size, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/9NBFBSO0\n  * @shadowOnly false\n  */\n  font-size: var(--zg-cell-font-size_layout_row, var(--zg-cell-font-size, inherit));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-style\n  * @description Sets the font style in cells\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/MBBRNXUX\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-style_layout_row\n  * @description Sets the font style in cells in \'row\' layout-mode\n  * @see font-style\n  * @default var(--zg-cell-font-style, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/LJYPK43Z\n  * @shadowOnly false\n  */\n  font-style: var(--zg-cell-font-style_layout_row, var(--zg-cell-font-style, inherit));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-weight\n  * @description Sets the font weight in cells\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/C8CHJ5SG\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-weight_layout_row\n  * @description Sets the font weight in cells in \'row\' layout-mode\n  * @see font-weight\n  * @default var(--zg-cell-font-weight, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/4FCZ5S1K\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-cell-font-weight_layout_row, var(--zg-cell-font-weight, inherit));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-height\n  * @description Sets height of cells\n  * @see height\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/0ADC78MI\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-height_layout_row\n  * @description Sets height of cells in \'row\' layout-mode\n  * @see height\n  * @default var(--zg-cell-height, auto)\n  * @demoLink https://app.zingsoft.com/demos/create/2I7KY86Q\n  * @shadowOnly false\n  */\n  height: var(--zg-cell-height_layout_row, var(--zg-cell-height, auto));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-line-height\n  * @description Sets line height of cells\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/13BR35NS\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-line-height_layout_row\n  * @description Sets line height of cells in \'row\' layout-mode\n  * @see line-height\n  * @default var(--zg-cell-line-height, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/V1O45PMA\n  * @shadowOnly false\n  */\n  line-height: var(--zg-cell-line-height_layout_row, var(--zg-cell-line-height, inherit));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-padding\n  * @description Sets padding of cells\n  * @see padding\n  * @default var(--theme-padding_y) var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/L55WT5PW\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-padding_layout_row\n  * @description Sets padding of cells in \'row\' layout-mode\n  * @see padding\n  * @default var(--zg-cell-padding, var(--theme-padding_y) var(--theme-padding_x))\n  * @demoLink https://app.zingsoft.com/demos/create/LXJRGOVN\n  * @shadowOnly false\n  */\n  padding: var(--zg-cell-padding_layout_row, var(--zg-cell-padding, var(--theme-padding_y) var(--theme-padding_x)));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-transition\n  * @description Sets the transition of cells\n  * @see transition\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/XB0M7RTK\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-transition_layout_row\n  * @description Sets the transition of cells in \'row\' layout-mode\n  * @see transition\n  * @default var(--zg-cell-transition)\n  * @demoLink https://app.zingsoft.com/demos/create/KNVU6GWJ\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  transition: var(--zg-cell-transition_layout_row, var(--zg-cell-transition));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-vertical-align\n  * @description Sets vertical alignment of items in cells\n  * @see vertical-align\n  * @default middle\n  * @demoLink https://app.zingsoft.com/demos/create/IRBQ32WL\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-vertical-align_layout_row\n  * @description Sets vertical alignment of items in cells in \'row\' layout-mode\n  * @see vertical-align\n  * @default var(--zg-cell-vertical-align, middle)\n  * @demoLink https://app.zingsoft.com/demos/create/4FFXFDKI\n  * @shadowOnly false\n  */\n  vertical-align: var(--zg-cell-vertical-align_layout_row, var(--zg-cell-vertical-align, middle));\n  box-sizing: border-box;\n}\n\n/*  This was previously under :host, but it broke the tooltips of the edit/delete cells */\n:host(:not([button-tooltip])) {\n  overflow: hidden;\n}\n\n\n:host(:hover) {\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background_hover\n  * @description Styles the background of cells on hover\n  * @see background\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/RT19PJTK\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background_hover_layout_row\n  * @description Styles the background of cells in \'row\' layout-mode on hover\n  * @see background\n  * @default var(--zg-cell-background_hover)\n  * @demoLink https://app.zingsoft.com/demos/create/K3W62J0D\n  * @shadowOnly false\n  */\n  background: var(--zg-cell-background_hover_layout_row, var(--zg-cell-background_hover));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color_hover\n  * @description Styles font color of cells on hover\n  * @see color\n  * @default var(--zg-cell-color)\n  * @demoLink https://app.zingsoft.com/demos/create/KSG94XLN\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color_hover_layout_row\n  * @description Styles font color of cells in \'row\' layout-mode on hover\n  * @see color\n  * @default var(--zg-cell-color_hover, var(--zg-cell-color))\n  * @demoLink https://app.zingsoft.com/demos/create/0VCGU2R9\n  * @shadowOnly false\n  */\n  color: var(--zg-cell-color_hover_layout_row, var(--zg-cell-color_hover, var(--zg-cell-color)));\n}\n\n/* Hide if \'hidden\' attribute applied */\n:host([hidden]) {\n  display: none !important;\n}\n:host([cell-break-prep]) {\n  /* word-break: break-word; */\n  white-space: nowrap;\n}\n\n/* \'Selector\' checkbox Cell */\n/* Remove padding so we can add to the inner checkbox instead (for better mobile hitbox) */\n/* See `:ost-context(zg-cell[type="selector"])` in ZGCheckbox.css */\n:host([type="selector"]) {\n  padding: 0 !important;\n}\n\n/* TYPE: BUTTON */\n/* Must explicitly unset `appearance` to avoid overrides from Bootstrap framework */\n:host([type="button"]) {\n  appearance: unset !important;\n}\n\n/* TYPE: TOGGLE */\n/* Show `cursor:pointer` for cells you can toggle on click */\n:host([type="toggle"]) ::slotted([data-field-index]) {\n  cursor: pointer;\n}\n\n\n/* If the cell is in the foot row */\n/* Inner Cell Wrapper */\n:host([rowfooter]){\n  display: table-cell;\n  width: 100%;\n  -overflow: hidden;\n  white-space: nowrap;\n  -z-index: 1;\n}\n\n/* Inner Wrapper */\n:host([rowfooter]) div {\n  align-items: center;\n  display: inline-flex;\n  height: 100%;\n  justify-content: flex-start;\n  vertical-align: middle;\n  overflow: hidden;\n  white-space: nowrap;\n  width: 100%;\n}\n\n/* Cell Text */\n:host([rowfooter]) ::slotted([data-field-index]) {\n  /* line-height: 1; */\n  -z-index: 1;\n}\n\n/* If the cell is currently sorted */\n:host([sorted]) {\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background_sorted\n  * @description Styles the background of cells in sorted column\n  * @see background\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/DNFOJBRU\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background_layout_row_sorted\n  * @description Styles the background of cells in sorted column in \'row\' layout-mode\n  * @see background\n  * @default var(--zg-cell-background_sorted)\n  * @demoLink https://app.zingsoft.com/demos/create/EM0YQ90M\n  * @shadowOnly false\n  */\n  background: var(--zg-cell-background_layout_row_sorted, var(--zg-cell-background_sorted));\n  border-top: var(--zg-cell-border-top_sorted, var(--zg-cell-border-top_layout_row, var(--zg-cell-border-top, var(--zg-cell-border))));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color_sorted\n  * @description Sets the font color of cells in sorted column\n  * @default var(--zg-cell-color)\n  * @demoLink https://app.zingsoft.com/demos/create/427LWHVI\n  * @see color\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color_layout_row_sorted\n  * @description Sets the font color of cells in sorted column in \'row\' layout-mode\n  * @default var(--zg-cell-color_sorted, var(--zg-cell-color))\n  * @demoLink https://app.zingsoft.com/demos/create/64ZKT87T\n  * @see color\n  * @shadowOnly false\n  */\n  color: var(--zg-cell-color_layout_row_sorted, var(--zg-cell-color_sorted, var(--zg-cell-color)));\n}\n\n/* WHEN EDIT-ROW BUTTONS IN SAME CELL */\n:host([edit-row-buttons-one-cell]) {\n  padding-left: 0;\n  padding-right: 0;\n}\n:host([edit-row-buttons-one-cell]) ::slotted([data-field-index]) {\n  display: flex;\n}\n\n\n/* CELL-BREAK STYLING\n-------------------------------------- */\n/* \n  Add [cell-break="xxxx"] to ZG or ZGColumn to set how \n  overflow content behaves inside a body cell.\n*/\n:host(:not([cell-break]):not([type="iframe"]):not([type="selector"]):not([data-control-field])) ::slotted([data-field-label]) {\n  display: var(--zg-cell-label-display_layout_card, block);\n  white-space: normal;\n}\n:host(:not([cell-break]):not([cell-break-prep]):not([rowfooter]):not([rowheader]):not([type="iframe"]):not([type="row-group"]):not([type="selector"])) ::slotted([data-field-index]) {\n  display: inline-block;\n  white-space: normal;\n}\n\n:host([type="row-group"][align="center"]:not([layout="card"])) ::slotted([data-field-index]) {\n  justify-content: center;\n}\n:host([type="row-group"][align="right"]:not([layout="card"])) ::slotted([data-field-index]) {\n  justify-content: end;\n}\n:host([cell-break="ellipsis"]:not([data-control-field])) ::slotted([data-field-label]),\n:host([cell-break="ellipsis"]:not([data-control-field]):not([button-tooltip])) ::slotted([data-field-index]) {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n:host([cell-break="all"]) ::slotted([data-field-label]),\n:host([cell-break="all"]) ::slotted([data-field-index]) {\n  white-space: normal;\n  word-break: break-all;\n}\n:host([cell-break="normal"]) ::slotted([data-field-label]),\n:host([cell-break="normal"]) ::slotted([data-field-index]) {\n  white-space: normal;\n  word-break: normal;\n}\n:host([cell-break="word"]) ::slotted([data-field-label]),\n:host([cell-break="word"]) ::slotted([data-field-index]) {\n  white-space: normal;\n  overflow-wrap: break-word;\n}\n\n:host([type="row-group"]:not([layout="card"])) ::slotted([data-field-index]) {\n  display: flex;\n  align-items: center;\n  white-space: normal;\n}\n\n/* This breaks tooltips when the alignment is to the right or center. */\n:host(:not([layout="card"])) ::slotted([data-field-index]) {\n  -width:100%;\n}\n\n\n/* Always hide the overflow on the frozen columns */\n:host([frozen]:not([data-control-field]):not([button-tooltip])) {\n  overflow: hidden;\n}\n\n:host([frozen-row]) ::slotted([data-field-index]) {\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n\n/* SLOTTED CONTENT\n-------------------------------------- */\n\n/* Don\'t show in row mode, either by default viewport or if [layout="row"] manually added */\n:host ::slotted([data-field-label]) {\n  display: none;\n}\n\n/* LAYOUT: CARD\n-------------------------------------- */\n/* THE SLOTTED CELL INDEX LABEL */\n:host([layout="card"]) ::slotted([data-field-label]) {\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-color_layout_card\n  * @description Sets font color of label in cards in \'card\' layout-mode\n  * @see color\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/WLX26P3Q\n  * @shadowOnly false\n  */\n  color: var(--zg-cell-label-color_layout_card, var(--theme-color-primary));\n  content: attr(text);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-display_layout_card\n  * @description Sets the display of label in cards in \'card\' layout-mode\n  * @default flex\n  * @see display\n  * @demoLink https://app.zingsoft.com/demos/create/VJ2V5JBW\n  */\n  display: var(--zg-cell-label-display_layout_card, flex);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-font-size_layout_card\n  * @description Sets font size of label in cards in \'card\' layout-mode\n  * @see font-size\n  * @default 85%\n  * @demoLink https://app.zingsoft.com/demos/create/9M0IV26C\n  * @shadowOnly false\n  */\n  font-size: var(--zg-cell-label-font-size_layout_card, 85%);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-margin_layout_card\n  * @description Sets the margin of label in cards in \'card\' layout-mode\n  * @see margin\n  * @default 0 0 2px\n  * @demoLink https://app.zingsoft.com/demos/create/4YSN75PR\n  * @shadowOnly false\n  */\n  margin: var(--zg-cell-label-margin_layout_card, 0 0 2px);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-overflow_layout_card\n  * @description Sets the overflow of label in cards in \'card\' layout-mode\n  * @default Browser\'s default value\n  * @see overflow\n  * @demoLink https://app.zingsoft.com/demos/create/RW2Y5KUP\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  overflow: var(--zg-cell-label-overflow_layout_card);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-transform_layout_card\n  * @description Sets transform of label in cards in \'card\' layout-mode\n  * @see transform\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/7HNBULB8\n  * @shadowOnly false\n  */\n  transform: var(--zg-cell-label-transform_layout_card);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-font-weight_layout_card\n  * @description Sets font weight of label in cards in \'card\' layout-mode\n  * @see font-weight\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/SW2D92C5\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-cell-label-font-weight_layout_card);\n  text-transform: capitalize;\n}\n\n/* THE SLOTTED CELL CONTENTS */\n:host([layout="card"]) ::slotted([data-field-index]) {\n  align-items: center;\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-border_layout_card\n  * @description Styles the border of card items in \'card\' layout-mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/PL7XVRO6\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-border-bottom_layout_card\n  * @description Styles the bottom border of card items in \'card\' layout-mode\n  * @see border\n  * @default var(--zg-cell-content-border_layout_card, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/67415UAZ\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-cell-content-border-bottom_layout_card, var(--zg-cell-content-border_layout_card, 0));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-border-left_layout_card\n  * @description Styles the left border of card items in \'card\' layout-mode\n  * @see border\n  * @default var(--zg-cell-content-border_layout_card, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/KJY3M0EU\n  * @shadowOnly false\n  */\n  border-left: var(--zg-cell-content-border-left_layout_card, var(--zg-cell-content-border_layout_card, 0));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-border-right_layout_card\n  * @description Styles the right border of card items in \'card\' layout-mode\n  * @see border\n  * @default var(--zg-cell-content-border_layout_card, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/UL1AANE2\n  * @shadowOnly false\n  */\n  border-right: var(--zg-cell-content-border-right_layout_card, var(--zg-cell-content-border_layout_card, 0));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-border-top_layout_card\n  * @description Styles the top border of card items in \'card\' layout-mode\n  * @see border\n  * @default var(--zg-cell-content-border_layout_card, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/S1QU5P5C\n  * @shadowOnly false\n  */\n  border-top: var(--zg-cell-content-border-top_layout_card, var(--zg-cell-content-border_layout_card, 0));\n  display: flex;\n  flex-basis: 100%;\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-font-size_layout_card\n  * @description Sets the font size of cards in \'card\' layout-mode\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/YUH3FMTN\n  * @shadowOnly false\n  */\n  font-size: var(--zg-cell-content-font-size_layout_card, inherit);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-padding_layout_card\n  * @description Sets the padding of cards in \'card\' layout-mode\n  * @see padding\n  * @default 3px 0\n  * @demoLink https://app.zingsoft.com/demos/create/FRM4C9ZH\n  * @shadowOnly false\n  */\n  padding: var(--zg-cell-content-padding_layout_card, 3px 0);\n}\n\n/* Hide labels of control columns in card mode */\n:host([layout="card"][data-control-field]) ::slotted([data-field-label]) {\n  display: none;\n}\n\n/* Control Cells */\n:host([layout="card"][data-control-field]) ::slotted([data-field-index]) {\n  --zg-cell-content-padding_layout_card: 0;\n  /* display: flex;\n  align-items: center;\n  height: 100%; */\n}\n\n/* SHARED BETWEEN ALL \'RECORD\' CONTROLS */\n:host([layout="card"][data-control-field]) {\n  position: absolute;\n  top: 0;\n}\n/* Do not add :before labels for non-grid data cells (buttons, checkboxes, etc.) */\n:host([layout="card"][data-control-field]):before {\n  display: none;\n}\n\n/* \'SELECT CARD\' CHECKBOX */\n:host([layout="card"][type="selector"]) {\n  top: 2px;\n  height: 38px;\n  left: 5px;\n}\n/* When it comes AFTER \'row-number\' */\n:host([layout="card"][data-control-field*="row-number,selector"][type="selector"]) {\n  left: 25px;\n}\n\n:host([layout="card"][type="selector"]) ::slotted([data-field-index]) {\n  border:0;\n}\n\n/* \'ROW NUMBER\' LABEL */\n:host([layout="card"][type="row-number"]) {\n  --zg-row-card-cell-padding: 4px;\n  left: 28px;\n  top: 2px;\n}\n:host([layout="card"][type="row-number"]) ::slotted([data-field-index]) {\n  display: flex !important;\n  align-items: center;\n  height: 28px;\n}\n\n/*  \'INFO\' ICON */\n:host([layout="card"][type="info"]) {\n  --zg-row-card-cell-padding: 4px;\n  left: 5px;\n  top: 2px;\n}\n:host([layout="card"][type="info"]) ::slotted([data-field-index]) {\n  display: flex !important;\n  align-items: center;\n  height: 28px;\n}\n\n/*  We need to move the info icon if row-number and/or selector are also set */\n:host([layout="card"][data-control-field*="row-number"][data-control-field*="info"][type="info"]),\n:host([layout="card"][data-control-field*="selector"][data-control-field*="info"][type="info"]) {\n  left: 25px;\n}\n\n:host([layout="card"][data-control-field*="row-number"][data-control-field*="selector"][data-control-field*="info"][type="info"]) {\n  left: 45px;\n}\n\n/* Need to adjust positions based on which buttons are present.\n   Buttons are editor, remover, duplicate\n   Positions are from right: 10, 36, 62\n   If min-width 768, positions are 0, 26, 52 */\n\n/* \'EDIT CARD\' BUTTON */\n:host([layout="card"][type="editor"]) {\n  margin-top: 5px;\n  right: 10px;\n}\n:host([layout="card"][data-control-field*="remover"][type="editor"]) {\n  right: 36px;\n}\n:host([layout="card"][data-control-field*="duplicate"][type="editor"]) {\n  right: 36px;\n}\n:host([layout="card"][data-control-field*="remover"][data-control-field*="duplicate"][type="editor"]) {\n  right: 62px;\n}\n@media (min-width:768px) {\n  :host([layout="card"][type="editor"]) {\n    right: 0px;\n  }\n  :host([layout="card"][data-control-field*="remover"][type="editor"]) {\n    right: 26px;\n  }\n  :host([layout="card"][data-control-field*="duplicate"][type="editor"]) {\n    right: 26px;\n  }\n  :host([layout="card"][data-control-field*="remover"][data-control-field*="duplicate"][type="editor"]) {\n    right: 52px;\n  }\n}\n:host([layout="card"][type="editor"]) ::slotted([data-field-index]) {\n  border:0;\n}\n\n/* \'DELETE CARD\' BUTTON */\n:host([layout="card"][type="remover"]) {\n  right: 10px;\n  margin-top: 5px;\n}\n:host([layout="card"][data-control-field*="duplicate"][type="remover"]) {\n  right: 36px;\n}\n\n@media (min-width:768px) {\n  :host([layout="card"][type="remover"]) {\n    right: 0;\n  }\n  :host([layout="card"][data-control-field*="duplicate"][type="remover"]) {\n    right: 26px;\n  }\n}\n:host([layout="card"][type="remover"]) ::slotted([data-field-index]) {\n  border:0;\n}\n\n/* \'DUPLICATE CARD BUTTON\' */\n:host([layout="card"][type="duplicate"]) {\n  right: 10px;\n  margin-top: 5px;\n}\n\n@media (min-width:768px) {\n  :host([layout="card"][type="duplicate"]) {\n    right: 0px;\n  }\n}\n\n/* Style the cell if it is in the dirty editor state */\n:host(.cell-dirty-edit:not(.cell-active-edit)) {\n  position: relative;\n}\n\n:host(.cell-dirty-edit:not(.cell-active-edit)):after{\n  content: "";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 0;\n  height: 0;\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-cell-dirty-edit-border-width\n  * @description Sets the border width of the dirty cell marker\n  * @see border-width\n  * @default 7px\n  * @demoLink https://app.zingsoft.com/demos/create/U90FN6VL\n  * @shadowOnly false\n  */\n  border-width: var(--zg-cell-dirty-edit-border-width, 7px);\n  border-style: solid;\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-cell-dirty-edit-border-color\n  * @description Sets the color of the dirty cell marker\n  * @see border-color\n  * @default red;\n  * @demoLink https://app.zingsoft.com/demos/create/9DTR8P0D\n  * @shadowOnly false\n  */\n  border-color: var(--zg-cell-dirty-edit-border-color, red) transparent transparent var(--zg-cell-dirty-edit-border-color, red);\n}\n\n/* Style the current column that is being reordered with `[column-drag]` */\n:host(.is-reordering) {\n  background: var(--theme-background-color);\n}\n\n::slotted([has-details]) {\n  cursor: pointer;\n  color:blue;\n  text-decoration:underline;\n}\n',""])},3185:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n    /* LOCAL REUSE */\n    --local-checkbox-height: 18px;\n    --local-checkbox-width: 18px;\n\n    /* STYLE HOST */\n    align-items: center;\n    cursor: pointer;\n    display: flex;\n    line-height: 0;\n    user-select: none;\n    white-space: nowrap;\n    -webkit-tap-highlight-color: transparent;\n}\n:host(:focus) {\n    outline: var(--zg-button-focus);\n}\n:host([hidden]) {\n    display: none !important;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Text */\n#text { display:none; }\n:host([hastext]) #text {\n    color: var(--theme-color-primary);\n    display:block;\n    font-size: 90%;\n    margin-left:5px;\n}\n\n/* WHEN SLOTTED INTO OTHER COMPONENTS\n---------------------------------------- */\n/* SELECTOR CHECKBOX */\n/* \n  Note: using `:not([layout="card"])` instead of `[layout="row"]` b/c [layout] can be omitted \n  (default is row-mode), and the browser will interpret it as `[layout="reset"]` instead.\n*/\n/* IN ZG-HEAD, LAYOUT: ROW */\n:host([parent="head"]:not([layout="card"])) {\n  height: 100%;\n  padding: 0 var(--theme-padding_x);\n}\n/* IN ZG-BODY, LAYOUT: ROW */\n:host([parent="body"]:not([layout="card"])) {\n  box-sizing: border-box;\n  height: 100%;\n  min-height: var(--zg-cell-selector-min-height_layout_row, 47px);\n  padding: 0 var(--theme-padding_x);\n  width: 100%;\n}\n/* IN ZG-BODY, LAYOUT: CARD */\n:host([parent="body"][layout="card"]) {\n  min-height: var(--zg-cell-selector-min-height_layout_card, 26px);\n  padding: 0;\n}\n:host([parent="cell"]:not([layout="card"])) {\n  box-sizing: border-box;\n  height: 100%;\n  min-height: var(--zg-cell-selector-min-height_layout_row, 47px);\n  width: 100%;\n}\n',""])},5420:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n    display: table-column-group;\n}\n:host([layout="card"]) {\n    display: block;\n}',""])},9253:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n/* The Column Resize Bar */\n:host {\n  align-items: center;\n  /**\n  * @memberof ZGColumnResize\n  * @var --zg-column-resize-background\n  * @description Sets the background of the resize handle\n  * @see background\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/GY8NY03F\n  * @shadowOnly false\n  */\n  background: var(--zg-column-resize-background, none);\n  border-radius: 2px;\n  color: var(--zg-column-resize-color);\n  cursor: ew-resize !important;\n  display: flex;\n  /**\n  * @memberof ZGColumnResize\n  * @var --zg-column-resize-height\n  * @description Sets the height of the resize handle\n  * @see height\n  * @default 40%\n  * @demoLink https://app.zingsoft.com/demos/create/18NKOWQO\n  * @shadowOnly false\n  */\n  height: var(--zg-column-resize-height, 50%);\n  justify-content: center;\n  position: absolute;\n  right: 15px;\n  /**\n  * @memberof ZGColumnResize\n  * @var --zg-column-resize-top\n  * @description Sets the top position of the resize handle\n  * @see top\n  * @default 30%\n  * @demoLink https://app.zingsoft.com/demos/create/02YVWHW2\n  * @shadowOnly false\n  */\n  top: var(--zg-column-resize-top, 25%);\n  /**\n  * @memberof ZGColumnResize\n  * @var --zg-column-resize-width\n  * @description Sets the width of the resize handle\n  * @see width\n  * @default 4px\n  * @demoLink https://app.zingsoft.com/demos/create/2BTZFOU2\n  * @shadowOnly false\n  */\n  width: var(--zg-column-resize-width, auto);\n}\n\n:host([dir="rtl"]) {\n  left: 15px;\n  right: unset;\n}\n\n/* When Pressed */\n:host(:active) {\n  background: var(--zg-column-resize-background_active, var(--theme-border-color));\n}\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n\n.zg-column-resize-handle zg-icon {\n  display: block;\n  height: 12px;\n  width: 12px;\n}\n\n.zg-column-resize-handle zg-icon svg {\n  fill: var(--zg-column-resize-color);\n}',""])},1840:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    display: table-column;\n}\n\n/* Hide if 'hidden' attribute applied */\n:host([hidden]) {\n    display: none;\n}\n\n\n/* Style the current column that is being reordered with `[drag]` */\n/* Hide if 'hidden' attribute applied */\n:host(.is-reordering) {\n  background: var(--theme-background-color);\n}\n\n/* Must explicitly unset `appearance` to avoid overrides from Bootstrap framework */\n:host([type=\"button\"]) {\n  appearance: unset !important;\n}\n\n",""])},7628:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  --zg-icon-color: var(--zg-control-bar-icon-color);\n\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-background\n  * @description Styles the background of control-bar\n  * @see background\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/8QU13CU5\n  * @shadowOnly true\n  */\n  background: var(--zg-control-bar-background);\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-border\n  * @description Styles the border of control-bar\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/A5JYDEGW\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-border-bottom\n  * @description Styles the bottom border of control-bar\n  * @see border\n  * @default var(--zg-control-bar-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/CWVOSQC7\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-control-bar-border-bottom, var(--zg-control-bar-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-border-left\n  * @description Styles the left border of control-bar\n  * @see border\n  * @default var(--zg-control-bar-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/QOCRCDUO\n  * @shadowOnly false\n  */\n  border-left: var(--zg-control-bar-border-left, var(--zg-control-bar-border, 0));\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-border-right\n  * @description Styles the right border of control-bar\n  * @see border\n  * @default var(--zg-control-bar-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/ZUGS5N4E\n  * @shadowOnly false\n  */\n  border-right: var(--zg-control-bar-border-right, var(--zg-control-bar-border, 0));\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-border-top\n  * @description Styles the top border of control-bar\n  * @see border\n  * @default var(--zg-control-bar-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/UBYLTINT\n  * @shadowOnly false\n  */\n  border-top: var(--zg-control-bar-border-top, var(--zg-control-bar-border, 0));\n  box-sizing: border-box;\n  display: block;\n  text-align: left;\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-margin\n  * @description Sets the margin of control-bar\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/S6MYCHEP\n  * @shadowOnly false\n  */\n  margin: var(--zg-control-bar-margin, 0);\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-min-height\n  * @description Sets the min-height of control bar\n  * @see min-height\n  * @default 30px\n  * @demoLink https://app.zingsoft.com/demos/create/9RT1IX7I\n  * @shadowOnly false\n  */\n  min-height: var(--zg-control-bar-min-height, 30px);\n /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-visibility\n  * @description Sets the visibility of component\n  * @see visibility\n  * @default visible\n  * @demoLink https://app.zingsoft.com/demos/create/NMVK94RD\n  * @shadowOnly false\n  */\n  visibility: var(--zg-control-bar-visibility, visible);\n\n  border-radius: var(--zg-control-bar-border-radius, 0);\n}\n/* Hide if it has [hidden] attribute */\n:host([hidden]) {\n  display: none;\n}\n\n/* Hide if it has [hidden] attribute */\n:host([hidden]) {\n  display: none;\n}\n\n/* SHADOW ELEMENT\n-------------------------------------- */\n/* Wrapper */\n.zg-control-bar {\n  align-items: center;\n  background: var(--zg-control-bar-background);\n  display: grid;\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-padding\n  * @description Sets the padding of control-bar\n  * @see padding\n  * @default 2px var(--theme-padding_x) 2px calc(var(--theme-padding_x) - 6px)\n  * @demoLink https://app.zingsoft.com/demos/create/WR596XPW\n  * @shadowOnly false\n  */\n  padding: var(--zg-control-bar-padding, 2px var(--theme-padding_x));\n  border-radius: var(--zg-control-bar-border-radius, 0);\n  grid-template-columns: fit-content(300px) 1fr fit-content(300px);\n}\n\n:host([layout="card"]) .zg-control-bar {\n  grid-template-columns: fit-content(75px) fit-content(300px) 1fr fit-content(300px);\n}\n\n.zg-control-bar-action {\n  /* min-width: 200px;*/\n  min-width: 160px;\n}\n\n/* \'Action\' Grouping - Select All, Delete All, etc. */\n.zg-control-bar-card-action {\n  align-items: center;\n  display: none;\n  margin-left: -14px;\n}\n:host([layout="card"]) .zg-control-bar-card-action {\n   display: flex; \n}\n\n/* \'Layout Type\' Grouping - Row or Card mode */\n.zg-control-bar-layout {\n  align-items: center;\n  display: flex;\n  flex: 1;\n  -grid-column: 3 / -1; /* Changed from 2 / -1 because once message moved to new row, this column would fill from col #2; we want from col #3 */\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-layout-justify-content\n  * @description Sets the horizontal alignment of contents in inner layout container\n  * @see justify-content\n  * @default flex-end\n  * @demoLink https://app.zingsoft.com/demos/create/RY0BD0RX\n  * @shadowOnly true\n  */\n  justify-content: var(--zg-control-bar-layout-justify-content, flex-end);\n  \n}\n.zg-control-bar-layout:before {\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-layout-content\n  * @description Sets the before \'content\' of inner layout container\n  * @see content\n  * @default ""\n  * @demoLink https://app.zingsoft.com/demos/create/MXM9N5T5\n  * @shadowOnly false\n  */\n  content: var(--zg-control-bar-layout-content, \'\');\n  font-size: 80%;\n  margin-left: -4px;\n  margin-right: 7px;\n}\n\n/* SLOTTED ELEMENTS\n---------------------------------------- */\n/* Select All cell */\n:host ::slotted(zg-checkbox) {\n  margin-left: 6px;\n  font-size: 90%;\n  transform: translateY(2.5px);\n}\n\n:host ::slotted(zg-separator) {\n  background-color: color-mix(in srgb, var(--theme-color-primary), white );\n  height: 13px;\n  margin: 0 0 0 8px;\n  overflow: hidden;\n  transform: translateY(7px);\n  display:none;\n  width: 0;\n}\n\n:host([dir="rtl"]) ::slotted(zg-separator) {\n  margin: 0 8px 0 0;\n}\n\n:host([dir="rtl"]) .zg-control-bar-action {\n  text-align: right;\n}\n\n:host ::slotted(#afterselect) {\n  transform: translateY(4.5px);\n  margin-right: 8px;\n}\n\n:host([batch-edit][create]) ::slotted(#beforeedit),\n:host([batch-edit]) ::slotted(#afterselect),\n:host([create]) ::slotted(#afterselect) {\n  display: inline-block;\n  width: 1px;\n}\n\n/* Hide the card mode separator if no selector is set */\n:host(:not([internal-selector])) ::slotted(#afterselect) {\n  display: none;\n}\n\n/* Batch Edit Text Label */\n:host ::slotted(zg-text) {\n  display: none;\n  padding-left: 8px;\n  padding-right: 5px;\n  font-size: 90%;\n  transform: translateY(4px);\n}\n:host([batch-edit-active]) ::slotted(zg-text) {\n  display: inline-block;\n}\n\n/* Edit Buttons */\n:host ::slotted(zg-button[action^="batch"]),\n:host ::slotted(zg-button[action$="record"]) {\n  transform: translateY(2.5px);\n}\n\n/* -- \'Batch Edit\' only */\n:host([create]) ::slotted(zg-button[action="batchedit"]) {\n  margin-inline-start: 8px;\n}\n/* -- Save Button */\n:host ::slotted(zg-button[action="batcheditsave"]) {\n  --zg-button-color: green;\n  --zg-icon-color: green;\n  margin-inline-end: 4px;\n}\n\n:host ::slotted(#unsaved) {\n  color: var(--zg-watermark-color);\n  display: inline-flex;\n  transform: translateY(1px);\n}\n\n:host([batch-edit-long-message]) .zg-control-bar-message {\n  grid-row: 2;\n  padding: 5px 0;\n  grid-column: 1 / -1;\n}\n\n:host([batch-edit-long-message]) ::slotted(#unsaved) {\n  line-height: 18px;\n}',""])},400:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {}",""])},6184:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  --zg-icon-height: 25px;\n  --zg-icon-width: 25px;\n}\n:host([open]) {}\n\n/* ELEMENTS\n-------------------------------------- */\n\n/* <dialog> content area */\n.zg-dialog-dialog {\n  align-items: center;\n  background: rgba(0, 0, 0, .6);\n  border: 0;\n  box-sizing: border-box;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  left: 0;\n  opacity: 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n  pointer-events: none;\n  position: fixed;\n  text-align: left;\n  top: 0;\n  transform: scale(1.05);\n  transition: opacity .2s,transform .1s;\n  visibility: hidden;\n  width: 100%;\n  z-index: 99999999;\n} \n.zg-dialog-dialog[open] {\n  cursor: pointer;\n  opacity: 1;\n  pointer-events: all;\n  transform: scale(1);\n  visibility: visible;\n}\n/* \n  Constrain the dialog \'mask\' to the dimensions of the grid\n  instead of device fullscreen.\n  NOTE: Also when in this mode, we don\'t block <body> scrolling (ZGDialog.js)\n*/\n:host([internal-attach]) .zg-dialog-dialog {\n  position: absolute;\n}\n\n.zg-dialog-form {\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-background\n  * @description Styles the background of dialog header\n  * @see background\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/7PR4SRRW\n  * @shadowOnly true\n  */\n  background: var(--zg-dialog-background, #fff);\n  border-radius: 2px;\n  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3), 0 4px 8px -4px rgba(0, 0, 0, 0.3);\n  cursor: default;\n  display: block;\n  left: 50% !important;\n  max-height: 80%;\n  max-width: 30rem;\n  overflow: auto;\n  padding: 1.5rem;\n  position: absolute;\n  top: 50% !important;\n  transform: translate(-50%, -50%);\n  width: 80%;\n  z-index: 100;\n}\n\n\n/* HEADER\n-------------------------------------- */\n.zg-dialog-header {\n  align-items: center;\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-background\n  * @description Styles the background of dialog header\n  * @see background\n  * @default var(--zg-dialog-background)\n  * @demoLink https://app.zingsoft.com/demos/create/G03K1B6P\n  * @shadowOnly true\n  */\n  background: var(--zg-dialog-header-background, var(--zg-dialog-background));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-border\n  * @description Styles the border of dialog header\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/FTZ4O6XG\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-border-bottom\n  * @description Styles the bottom border of dialog header\n  * @see border\n  * @default var(--zg-dialog-header-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/MGVKXZG2\n  * @shadowOnly true\n  */\n  border-bottom: var(--zg-dialog-header-border-bottom, var(--zg-dialog-header-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-border-left\n  * @description Styles the left border of dialog header\n  * @see border\n  * @default var(--zg-dialog-header-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/RW53U4MG\n  * @shadowOnly true\n  */\n  border-left: var(--zg-dialog-header-border-left, var(--zg-dialog-header-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-border-right\n  * @description Styles the right border of dialog header\n  * @see border\n  * @default var(--zg-dialog-header-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/J0L1R6CU\n  * @shadowOnly true\n  */\n  border-right: var(--zg-dialog-header-border-right, var(--zg-dialog-header-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-border-top\n  * @description Styles the top border of dialog header\n  * @see border\n  * @default var(--zg-dialog-header-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/PJO7AU08\n  * @shadowOnly true\n  */\n  border-top: var(--zg-dialog-header-border-top, var(--zg-dialog-header-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-color\n  * @description Sets the font folor of dialog header\n  * @see color\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/9HFIZO8V\n  * @shadowOnly true\n  */\n  color: var(--zg-dialog-header-color);\n  display: flex;\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-margin\n  * @description Sets the margin of dialog header\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/VBZX6FJF\n  * @shadowOnly true\n  */\n  margin: var(--zg-dialog-header-margin, 0);\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-padding\n  * @description Sets the padding of dialog header\n  * @see padding\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/W0RHP8WF\n  * @shadowOnly true\n  */\n  padding: var(--zg-dialog-header-padding, 0);\n}\n\n/* HEADER LABEL */\n.zg-dialog-label {\n  flex: 1;\n}\n\n\n/* BODY\n-------------------------------------- */\n.zg-dialog-body {\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-background\n  * @description Styles the background of dialog body\n  * @see background\n  * @default var(--zg-dialog-background)\n  * @demoLink https://app.zingsoft.com/demos/create/179BYIFU\n  * @shadowOnly true\n  */\n  background: var(--zg-dialog-body-background, var(--zg-dialog-background));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-border\n  * @description Styles the border of dialog body\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/QBM0OIM8\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-border-bottom\n  * @description Styles the bottom border of dialog body\n  * @see border\n  * @default var(--zg-dialog-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/V7GPBX6Y\n  * @shadowOnly true\n  */\n  border-bottom: var(--zg-dialog-body-border-bottom, var(--zg-dialog-body-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-border-left\n  * @description Styles the left border of dialog body\n  * @see border\n  * @default var(--zg-dialog-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/UT7PLIJD\n  * @shadowOnly true\n  */\n  border-left: var(--zg-dialog-body-border-left, var(--zg-dialog-body-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-border-right\n  * @description Styles the right border of dialog body\n  * @see border\n  * @default var(--zg-dialog-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/3N8I2IAV\n  * @shadowOnly true\n  */\n  border-right: var(--zg-dialog-body-border-right, var(--zg-dialog-body-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-border-top\n  * @description Styles the top border of dialog body\n  * @see border\n  * @default var(--zg-dialog-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/P5NH1SU5\n  * @shadowOnly true\n  */\n  border-top: var(--zg-dialog-body-border-top, var(--zg-dialog-body-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-margin\n  * @description Sets the margin of dialog body\n  * @see margin\n  * @default 10px 0\n  * @demoLink https://app.zingsoft.com/demos/create/JWPAD3TC\n  * @shadowOnly true\n  */\n  margin: var(--zg-dialog-body-margin, 0);\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-padding\n  * @description Sets the padding of dialog body\n  * @see padding\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/Z8DLXRVR\n  * @shadowOnly true\n  */\n  padding: var(--zg-dialog-body-padding, 0);\n}\n\n.zg-dialog-body[has-text] {\n  /* Don\'t add JSDoc info, it is already set above */\n  border-top: var(--zg-dialog-body-border-top, var(--zg-dialog-body-border, 1px solid var(--theme-border-color)));\n  margin: var(--zg-dialog-body-margin, 10px 0 0);\n  padding: var(--zg-dialog-body-padding, 1.25rem 0 0);\n}\n\n.zg-dialog-body[has-error] {\n  padding-top: 10px;\n}\n\n.zg-dialog-error {\n  display: none;\n  color: red;\n}\n\n.zg-dialog-body[has-error] .zg-dialog-error {\n  display: flex;\n}\n\n/* Details Row Wrapper */\n.zg-dialog-body-details-row > :first-child { margin-top:0; }\n.zg-dialog-body-details-row > :last-child { margin-bottom:0; }\n\n/* Icon Row Wrapper */\n.zg-dialog-body-icon-row {\n  align-items: flex-start;\n  display: flex;\n  margin-bottom: -6px;\n}\n.zg-dialog-body-icon-row p { margin:0; }\n\n/* Content Wrapper */\n.zg-dialog-body-content { flex:1; line-height:1.3; }\n\n/*  Insert and Edit Styles \n    Taken from ZGEditorRow.css */\n/* LABEL / INPUT WRAPPER */\n.zg-dialog-editor-row-inputs,\n.zg-dialog-editor-row-inputs * {\n  box-sizing: border-box;\n}\n/* Note: 2 column by default, 1 column in \'mobile\' viewport */\n.zg-dialog-editor-row-inputs {\n  display: var(--zg-dialog-editor-row-display, grid);\n  grid-column-gap: var(--zg-dialog-editor-row-column-gap, 1rem);\n  grid-template-columns: var(--zg-dialog-editor-row-grid-template-columns, repeat(2, 1fr));\n  flex-flow: var(--zg-dialog-editor-row-flex-flow, row wrap);\n  justify-content: var(--zg-dialog-editor-row-justify-content, space-between);\n}\n\n/* LABEL */\n.zg-dialog-editor-row-inputs label {\n  display: block;\n  position: absolute;\n}\n.zg-dialog-editor-row-inputs label {\n  /* When editing indiv cell in card mode, make cell full width */\n  display: block;\n  margin: 1rem 0 0;\n  position: relative;\n}\n.zg-dialog-editor-row-inputs label span {\n  color: var(--zg-editor-row-label-color, #949494);\n  font-size: var(--zg-editor-row-label-font-size, 12px);\n}\n/*  This must be id or class based and not tagged based or else we have the possibility of hiding user span tags */\n.zg-dialog-editor-row-inputs label .editorRowFieldLabelContent {\n  display: block;\n}\n.zg-dialog-editor-row-inputs label span {\n  display: block;\n  margin-bottom: 4px;\n  text-transform: capitalize;\n}\n\n/* INPUT */\n.zg-dialog-editor-row-inputs input {\n  background: var(--zg-input-background, #fff);\n  box-shadow: var(--zg-box-shadow, none);\n  box-sizing: border-box;\n  border-bottom: var(--zg-input-border-bottom, var(--zg-input-border, 1px solid var(--theme-border-color)));\n  border-left: var(--zg-input-border-left, var(--zg-input-border, 0));\n  border-right: var(--zg-input-border-right, var(--zg-input-border, 0));\n  border-top: var(--zg-input-border-top, var(--zg-input-border, 0));\n  color: var(--zg-input-color, var(--theme-color));\n  font-family: var(--zg-input-font-family, inherit);\n  font-size: var(--zg-input-font-size, inherit);\n  font-style: var(--zg-input-font-style, inherit);\n  font-weight: var(--zg-input-font-weight, inherit);\n  height: var(--zg-input-height, 28px);\n  line-height: var(--zg-input-line-height, inherit);\n  margin: var(--zg-input-margin, 0);\n  padding: var(--zg-editor-row-input-padding_modal, var(--zg-editor-row-input-padding, var(--zg-input-padding, 0)));\n  text-align: var(--zg-input-text-align, left);\n  transform: var(--zg-editor-row-input-transform, var(--zg-input-transform));\n  width: 100%;\n}\n\n.zg-dialog-editor-row-inputs select, textarea {\n  margin: var(--zg-input-margin, 5px 0 0 0);\n}\n\n/* -- :FOCUS */\n.zg-dialog-editor-row-inputs input:focus {\n  background: var(--zg-editor-row-input-background_modal_focus, var(--zg-input-background_focus, var(--zg-input-background, #fff))) !important;\n  border-bottom: var(--zg-editor-row-input-border-bottom_modal_focus, var(--zg-editor-row-input-border-bottom_focus, 1px solid rgba(82, 168, 236, 0.8)));\n  border-left: var(--zg-editor-row-input-border-left_modal_focus, var(--zg-editor-row-input-border-left_focus));\n  border-top: var(--zg-editor-row-input-border-top_modal_focus, var(--zg-editor-row-input-border-top_focus));\n  box-shadow: var(--zg-editor-row-input-box-shadow_modal_focus, none);\n  color: var(--zg-editor-row-input-color_modal_focus, var(--zg-editor-row-input-color_focus));\n  font-size: var(--zg-editor-row-input-font-size_modal_focus, var(--zg-editor-row-input-font-size_focus));\n  outline: none;\n  transform: var(--zg-editor-row-input-transform_focus, var(--zg-input-transform_focus));\n}\n\n.zg-dialog-editor-row-inputs .zg-validation-error {\n  background-color: red;\n  border-color: red;\n}\n\n/* TYPE: RADIO */\n.zg-dialog-editor-row-inputs .zg-editor-row-radio-wrap {\n  display: flex;\n  flex-direction: column;\n  padding: .5rem 0;\n}\n.zg-dialog-editor-row-inputs .zg-editor-row-radio-wrap > :first-child {\n  margin-top: 0; \n}\n.zg-dialog-editor-row-inputs .zg-editor-row-radio-wrap label {\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n  max-width: none;\n  margin-top:.75rem;\n}\n.zg-dialog-editor-row-inputs .zg-editor-row-radio-wrap input {\n  height: 14px;\n  width: 14px;\n}\n.zg-dialog-editor-row-inputs .zg-editor-row-radio-wrap span {\n  margin: 0 0 0 5px;\n}\n\n.zg-dialog-body-batch-edit,\n.zg-dialog-body-icon-row p {\n  color: var(--zg-dialog-body-color, #000);\n}\n\n\n/* FOOTER\n-------------------------------------- */\n.zg-dialog-footer {\n  align-items: center;\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-background\n  * @description Styles the background of dialog footer\n  * @see background\n  * @default var(--zg-dialog-background)\n  * @demoLink https://app.zingsoft.com/demos/create/H27KMSA5\n  * @shadowOnly true\n  */\n  background: var(--zg-dialog-footer-background, var(--zg-dialog-background));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-border\n  * @description Styles the border of dialog footer\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/IW16P1T1\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-border-bottom\n  * @description Styles the bottom border of dialog footer\n  * @see border\n  * @default var(--zg-dialog-footer-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/Q7VVGHZT\n  * @shadowOnly true\n  */\n  border-bottom: var(--zg-dialog-footer-border-bottom, var(--zg-dialog-footer-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-border-left\n  * @description Styles the left border of dialog footer\n  * @see border\n  * @default var(--zg-dialog-footer-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/XWEQTFFE\n  * @shadowOnly true\n  */\n  border-left: var(--zg-dialog-footer-border-left, var(--zg-dialog-footer-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-border-right\n  * @description Styles the right border of dialog footer\n  * @see border\n  * @default var(--zg-dialog-footer-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/ZSDQ13MP\n  * @shadowOnly true\n  */\n  border-right: var(--zg-dialog-footer-border-right, var(--zg-dialog-footer-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-border-top\n  * @description Styles the top border of dialog footer\n  * @see border\n  * @default var(--zg-dialog-footer-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/PJRFHAGU\n  * @shadowOnly true\n  */\n  border-top: var(--zg-dialog-footer-border-top, var(--zg-dialog-footer-border, 1px solid var(--theme-border-color)));\n  display: flex;\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-justify-content\n  * @description Sets the horizontal alignment of contents in dialog footer\n  * @see justify-content\n  * @default flex-end\n  * @demoLink https://app.zingsoft.com/demos/create/CNK0M0O8\n  * @shadowOnly true\n  */\n  justify-content: var(--zg-dialog-footer-justify-content, flex-end);\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-margin\n  * @description Sets the margin of dialog footer\n  * @see margin\n  * @default 1.25rem 0 0\n  * @demoLink https://app.zingsoft.com/demos/create/EJ1GWKJR\n  * @shadowOnly true\n  */\n  margin: var(--zg-dialog-footer-margin, 1.25rem 0 0);\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-padding\n  * @description Sets the padding of dialog footer\n  * @see padding\n  * @default .875rem 0 0\n  * @demoLink https://app.zingsoft.com/demos/create/QHF0OT6N\n  * @shadowOnly true\n  */\n  padding: var(--zg-dialog-footer-padding, .875rem 0 0);\n}\n\n/* Using explicit class names here instead of `.zg-dialog-footer button` to avoid specificity */\n.zg-dialog-cancel,\n.zg-dialog-confirm {\n  border-radius: 2px;\n  color: #fff;\n  cursor: pointer;\n  font-size: .875rem;\n  padding: .5rem .625rem;\n  text-transform: uppercase;\n}\n.zg-dialog-cancel {\n  background: var(--zg-dialog-cancel-background, var(--zg-dialog-button-backround, var(--theme-color-lighter)));\n  border-bottom: var(--zg-dialog-cancel-border-bottom, var(--zg-dialog-button-border-bottom, 1px solid var(--theme-border-color)));\n  border-left: var(--zg-dialog-cancel-border-left, var(--zg-dialog-button-border-left, 1px solid var(--theme-border-color)));\n  border-right: var(--zg-dialog-cancel-border-right, var(--zg-dialog-button-border-right, 1px solid var(--theme-border-color)));\n  border-top: var(--zg-dialog-cancel-border-top, var(--zg-dialog-button-border-top, 1px solid var(--theme-border-color)));\n  color: red;\n}\n.zg-dialog-confirm {\n  background: var(--zg-dialog-confirm-background, var(--zg-dialog-button-backround, var(--theme-color-primary)));\n  border-bottom: var(--zg-dialog-confirm-border-bottom, var(--zg-dialog-button-border-bottom, 1px solid var(--theme-color-primary)));\n  border-left: var(--zg-dialog-confirm-border-left, var(--zg-dialog-button-border-left, 1px solid var(--theme-color-primary)));\n  border-right: var(--zg-dialog-confirm-border-right, var(--zg-dialog-button-border-right, 1px solid var(--theme-color-primary)));\n  border-top: var(--zg-dialog-confirm-border-top, var(--zg-dialog-button-border-top, 1px solid var(--theme-color-primary)));\n  margin-left: 10px;\n}\n\n:host([dir="rtl"]) .zg-dialog-confirm {\n  margin-right: 10px;\n}\n\n/* Close Button */\n.zg-dialog-close {\n  background: var(--zg-dialog-close-background);\n  border: var(--zg-dialog-close-border, 1px solid var(--theme-border-color));\n  border-bottom: var(--zg-dialog-close-border-bottom, 1px solid var(--theme-border-color));\n  border-left: var(--zg-dialog-close-border-left, 1px solid var(--theme-border-color));\n  border-right: var(--zg-dialog-close-border-right, 1px solid var(--theme-border-color));\n  border-top: var(--zg-dialog-close-border-top, 1px solid var(--theme-border-color));\n  border-radius: var(--zg-dialog-close-border-radius, 4px);\n  color: var(--zg-dialog-close-color, var(--zing-grid-color));\n  cursor: pointer;\n  font-size: .875rem;\n  height: 28px;\n  text-transform: uppercase;\n  width: 28px;\n}\n.zg-dialog-close:hover {\n  background: var(--zg-dialog-close-background_hover, var(--zg-dialog-close-backgroun));\n  border: var(--zg-dialog-close-border_hover, var(--zg-dialog-close-border));\n  border-bottom: var(--zg-dialog-close-border-bottom_hover, var(--zg-dialog-close-border-bottom, 1px solid var(--theme-border-color)));\n  border-left: var(--zg-dialog-close-border-left_hover, var(--zg-dialog-close-border-left, 1px solid var(--theme-border-color)));\n  border-right: var(--zg-dialog-close-border-right_hover, var(--zg-dialog-close-border-right, 1px solid var(--theme-border-color)));\n  border-top: var(--zg-dialog-close-border-top_hover, var(--zg-dialog-close-border-top, 1px solid var(--theme-border-color)));\n  border-radius: var(--zg-dialog-close-border-radius_hover, var(--zg-dialog-close-border-radius, 4px));\n  color: var(--zg-dialog-close-color_hover, var(--zg-dialog-close-color, var(--zing-grid-color)));\n}\n\n\n/* SLOTTED CONTENT\n-------------------------------------- */\n\n/* Icon */\n:host ::slotted(zg-icon) {\n  height: var(--zg-icon-width);\n  margin-right: 15px;\n  width: var(--zg-icon-width);\n  transform: translateY(-3px);\n}\n:host ::slotted(zg-icon[name="error"]) {\n  --zg-icon-color: var(--theme-color-alert);\n}\n:host ::slotted(zg-icon[name="success"]) {\n  --zg-icon-color: var(--theme-color-success);\n}\n:host ::slotted(zg-icon[name="warning"]) {\n  --zg-icon-color: var(--theme-color-warn);\n}',""])},9003:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF (DEFAULT \'INLINE\' STYLE)\n-------------------------------------- */\n/* Not active state */\n/* The following css messes up dir=rtl  Everything seems fine without this CSS */\n /* :host {\n  position: absolute;\n  top: 0;\n} */\n\n/* Active from single-cell click */\n:host([active-cell-edit]) {\n  display: block;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* FORM */\n.zg-editor-row-wrapper {\n  box-sizing: border-box;\n  position: absolute;\n}\n\n/* LABEL / INPUT WRAPPER */\n.zg-editor-row-inputs,\n.zg-editor-row-inputs * {\n  box-sizing: border-box;\n}\n\n/* LABEL */\n.zg-editor-row-inputs label {\n  display: block;\n  position: absolute;\n  background: var(--zg-editor-row-input-background, #f5f5f5);\n}\n\n/*  This must be id or class based and not tagged based or else we have the possibility of hiding user span tags */\n.zg-editor-row-inputs label .editorRowFieldLabelContent {\n  display: none;\n}\n\n/* INPUT */\n.zg-editor-row-inputs input,\n.zg-editor-row-inputs input:focus {\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-background\n  * @description Styles the background of editor row\n  * @see background\n  * @default #f5f5f5\n  * @demoLink https://app.zingsoft.com/demos/create/3EBBN3A3\n  * @shadowOnly true\n  */\n  background: var(--zg-editor-row-input-background, #f5f5f5);\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-border\n  * @description Styles the border of editor row\n  * @see border\n  * @default 1px solid rgba(82, 168, 236, 0.8)\n  * @demoLink https://app.zingsoft.com/demos/create/O48B8R6Z\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-border-bottom\n  * @description Styles the bottom border of editor row\n  * @see border\n  * @default var(--zg-editor-row-input-border, 1px solid rgba(82, 168, 236, 0.8))\n  * @demoLink https://app.zingsoft.com/demos/create/9P6CXB0Q\n  * @shadowOnly true\n  */\n  border-bottom: var(--zg-editor-row-input-border-bottom, var(--zg-editor-row-input-border, 1px solid rgba(82, 168, 236, 0.8)));\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-border-left\n  * @description Styles the left border of editor row\n  * @see border\n  * @default var(--zg-editor-row-input-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/VF347SF8\n  * @shadowOnly true\n  */\n  border-left: var(--zg-editor-row-input-border-left, var(--zg-editor-row-input-border, 0));\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-border-right\n  * @description Styles the right border of editor row\n  * @see border\n  * @default var(--zg-editor-row-input-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/8OAHGLVE\n  * @shadowOnly true\n  */\n  border-right: var(--zg-editor-row-input-border-right, var(--zg-editor-row-input-border, 0));\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-border-top\n  * @description Styles the top border of editor row\n  * @see border\n  * @default var(--zg-editor-row-input-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/MA8A06J7\n  * @shadowOnly true\n  */\n  border-top: var(--zg-editor-row-input-border-top, var(--zg-editor-row-input-border, 0));\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-color\n  * @description Sets the font color of editor row\n  * @see color\n  * @default var(--zg-editor-row-input-color, #fff)\n  * @demoLink https://app.zingsoft.com/demos/create/QYZBZUVA\n  * @shadowOnly true\n  */\n  color: var(--zg-editor-row-input-color, #003749);\n  font-family: var(--zg-cell-font-family);\n  font-size: var(--zg-cell-font-size);\n  display: none;\n  height: 100%;\n  margin: 0;\n  outline: none;\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-padding\n  * @description Sets the padding of editor row\n  * @see padding\n  * @default 12px 15px\n  * @demoLink https://app.zingsoft.com/demos/create/9Q07P5B1\n  * @shadowOnly true\n  */\n  padding: var(--zg-editor-row-input-padding, 12px 15px);\n  transform: var(--zg-editor-row-input-transform, var(--zg-input-transform));\n  transition: font-size .5s;\n  width: calc(100% - 1px);\n}\n.zg-editor-row-inputs input:focus {\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-background_focus\n  * @default var(--theme-color-lighter)\n  * @description Styles the background of editor row input on focus\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/TUH8OZBD\n  * @shadowOnly true\n  */\n  background: var(--zg-editor-row-input-background_focus, var(--theme-color-lighter)) !important;\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-box-shadow_focus\n  * @default inset 0 0 5px #ccc\n  * @description Applies a box shadow behind editor row input on focus\n  * @see box-shadow\n  * @demoLink https://app.zingsoft.com/demos/create/NAS5WQHN\n  * @shadowOnly true\n  */\n  box-shadow: var(--zg-editor-row-input-box-shadow_focus, inset 0 0 5px #ccc);\n}\n/* Inline or Card mode \'active\' state */\n:host([active]) .zg-editor-row-inputs input:not([type="radio"]) {\n  display: block;\n}\n/* Input styling when \'edit row\' option selected */\n:host([active-cell-edit]) .zg-editor-row-inputs input,\n:host([active-row-edit]) .zg-editor-row-inputs input {\n  /* Defined below */\n  background: var(--zg-editor-row-input-background, var(--theme-color-primary));\n  /* Defined Below */\n  color: var(--zg-editor-row-input-color, #fff);\n}\n:host([active-cell-edit]) .zg-editor-row-inputs input,\n:host([active-row-edit]) .zg-editor-row-inputs input:focus {\n  /* Defined Below */\n  color: var(--zg-editor-row-input-color, var(--theme-color));\n}\n\n:host([active-cell-edit]) .zg-editor-row-inputs .zg-validation-error,\n:host([active-row-edit]) .zg-editor-row-inputs .zg-validation-error {\n  background: red;\n  border-color: red;\n}\n\n/* TYPE: COLOR */\n.zg-editor-row-inputs .zg-editor-row-color-wrap {\n  align-items:center;\n}\n/* color wrapper label */\n.zg-editor-row-inputs .zg-editor-row-color-label {\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  position: relative;\n}\n.zg-editor-row-inputs .zg-editor-row-color-label + .zg-editor-row-color-label {\n  margin-left: 10px;\n}\n/* color input */\n.zg-editor-row-inputs .zg-editor-row-color-picker {\n  background: none;\n  border: 1px solid transparent;\n  border-radius: 2px;\n  cursor: pointer;\n  display: inline-block;\n  height: 16px;\n  width: 16px;\n  padding: 0;\n}\n:host([active]) .zg-editor-row-inputs input[type="color"] {\n  visibility: hidden;\n  height: 100%;\n  width: 100%;\n}\n:host([active]) .zg-editor-row-inputs .zg-editor-row-color-picker + span {\n  padding-left: 7px;\n}\n\n/* TYPE: RADIO */\n/* Radio wrapper */\n.zg-editor-row-inputs .zg-editor-row-color-wrap,\n.zg-editor-row-inputs .zg-editor-row-radio-wrap {\n  background: var(--zg-editor-row-input-background_focus, var(--theme-color-lighter));\n  border-bottom: var(--zg-editor-row-input-border-bottom, var(--zg-editor-row-input-border, 1px solid rgba(82, 168, 236, 0.8)));\n  box-shadow: var(--zg-editor-row-input-box-shadow_focus, inset 0 0 5px #ccc);\n  display: flex;\n  height: 100%;\n  padding: 0 0 0 var(--theme-padding_x);\n}\n/* Radio wrapper label */\n.zg-editor-row-inputs .zg-editor-row-radio-label {\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  position: relative;\n  background: transparent;\n}\n.zg-editor-row-inputs .zg-editor-row-radio-label + .zg-editor-row-radio-label {\n  margin-left: 10px;\n}\n/* Radio input */\n:host([active]) .zg-editor-row-inputs input[type="radio"] {\n  border-radius: 50%;\n  cursor: pointer;\n  display: inline-block;\n  height: 14px;\n  width: 14px;\n}\n:host([active]) .zg-editor-row-inputs input[type="radio"] + span {\n  padding-left: 5px;\n}\n\n/* SELECT */\n.zg-editor-row-inputs select {\n  cursor: pointer;\n  height: calc(100% - 10px);\n  font-size: var(--zing-grid-font-size);\n  margin: 5px;\n  text-indent: 8px;\n  width: calc(100% - 5px);\n}\n/* Multi-select */\n.zg-editor-row-inputs select[multiple] option {\n  padding: 2px 0;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n',""])},1538:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  background-clip: padding-box;\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-background\n  * @description Styles the background of filter\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/G1WKUNFJ\n  * @shadowOnly false\n  */\n  background: var(--zg-filter-background);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-border\n  * @description Styles the border of filter\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/MTNYLV9O\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-border-bottom\n  * @description Styles the bottom border of filter\n  * @see border\n  * @default var(--zg-filter-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/6OQCF137\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-filter-border-bottom, var(--zg-filter-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-border-left\n  * @description Styles the left border of filter\n  * @see border\n  * @default var(--zg-filter-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/9Z63KCAD\n  * @shadowOnly false\n  */\n  border-left: var(--zg-filter-border-left, var(--zg-filter-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-border-right\n  * @description Styles the right border of filter\n  * @see border\n  * @default var(--zg-filter-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/YDKKR5TJ\n  * @shadowOnly false\n  */\n  border-right: var(--zg-filter-border-right, var(--zg-filter-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-border-top\n  * @description Styles the top border of filter\n  * @see border\n  * @default var(--zg-filter-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/I2QLWMWS\n  * @shadowOnly false\n  */\n  border-top: var(--zg-filter-border-top, var(--zg-filter-border, 1px solid var(--theme-border-color)));\n  box-sizing: border-box;\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-color\n  * @description Sets the font color of text inputted in filter\n  * @see color\n  * @default var(--theme-color_alt)\n  * @demoLink https://app.zingsoft.com/demos/create/E7L28DOF\n  * @shadowOnly false\n  */\n  color: var(--zg-filter-color, var(--theme-color_alt));\n  display: table-cell;\n  overflow: hidden;\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-height\n  * @description Sets the height of filter\n  * @see height\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/QCSOKQE2\n  * @shadowOnly true\n  */\n  height: var(--zg-filter-height);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-padding\n  * @description Sets the padding of the filter\n  * @see padding\n  * @default A cell's left and right padding\n  * @demoLink https://app.zingsoft.com/demos/create/2LNX65ZJ\n  * @shadowOnly true\n  */\n  padding: var(--zg-filter-padding, 0);\n  position: relative;\n  text-align: left;\n  vertical-align: middle;\n  /* The z-index here and on zg-head-cell is necessary for vertical grid lines with frozen columns */\n  z-index: 1;\n}\n\n/* When parent column is currently sorted */\n:host([sorted]) {\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-background_sorted\n  * @description Styles the background color of filter when the column in sorted\n  * @see background-color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/WX39XEJ1\n  * @shadowOnly false\n  */\n  background-color: var(--zg-filter-background_sorted);\n  border-bottom: var(--zg-filter-border-bottom_sorted);\n  border-left: var(--zg-filter-border-left_sorted);\n  border-right: var(--zg-filter-border-right_sorted);\n  border-top: var(--zg-filter-border-top_sorted);\n}\n\n/* Hide if 'hidden' attribute applied */\n:host([hidden]) {\n  display: none;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Wrapper */\n.zg-filter-wrapper {\n  align-items: center;\n  display: flex;\n  height: var(--zg-filter-height);\n}\n\n/* Inner Wrapper */\n.zg-filter-inner {\n  align-items: center;\n  display: inline-flex;\n  height: 100%;\n  justify-content: flex-start;\n  vertical-align: middle;\n  width: 100%;\n}\n\n/* FILTER INPUT CELL ALIGNMENT */\n/* Center */\n:host([align=\"center\"]) .zg-filter-inner {\n  justify-content: center;\n}\n\n/* Left - Note: This is the current default and can be omitted */\n:host([align=\"left\"]) .zg-filter-inner {\n  justify-content: flex-start;\n}\n\n/* Right */\n:host([align=\"right\"]) .zg-filter-inner {\n  justify-content: flex-end;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(div) {\n  width: 100%;\n}\n\n/* FILTER: INPUT */\n/* TODO: Somewhere it is hardcoding an inline 'width' style. This should be removed */\n:host ::slotted(input) {\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-background\n  * @description Styles the background of input field in filter\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  * @shadowOnly false\n  */\n  background: var(--zg-filter-input-background);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border\n  * @description Styles the border of input field in filter\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/SXRIBL17\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-bottom\n  * @description Styles the bottom border of input field in filter\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/Z1COSRGD\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-filter-input-border-bottom, var(--zg-filter-input-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-left\n  * @description Styles the left border of input field in filter\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/2Z1YS7PH\n  * @shadowOnly false\n  */\n  border-left: var(--zg-filter-input-border-left, var(--zg-filter-input-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-right\n  * @description Styles the right border of input field in filter\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/JD0COXK4\n  * @shadowOnly false\n  */\n  border-right: var(--zg-filter-input-border-right, var(--zg-filter-input-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-top\n  * @description Styles the top border of input field in filter\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/KRUW31YG\n  * @shadowOnly false\n  */\n  border-top: var(--zg-filter-input-border-top, var(--zg-filter-input-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-radius\n  * @description Applies a border radius to filter input\n  * @default Browser's default value\n  * @see border-radius\n  * @demoLink https://app.zingsoft.com/demos/create/6ILPV59X\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-filter-input-border-radius);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-color\n  * @description Styles the font color of text in input field of filter\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/0BWT9HA7\n  * @shadowOnly false\n  */\n  color: var(--zg-filter-input-color);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-font-size\n  * @description Sets the font size of filter input\n  * @default Browser's default value\n  * @see font-size\n  * @demoLink https://app.zingsoft.com/demos/create/04EEADGO\n  * @shadowOnly false\n  */\n  font-size: var(--zg-filter-input-font-size);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-height\n  * @description Sets the height of input field in filter. May need to set --zg-filter-height if input field is height is larger than height of filter.\n  * @see height\n  * @default 20px\n  * @demoLink https://app.zingsoft.com/demos/create/3E22SKBU\n  * @shadowOnly false\n  */\n  height: var(--zg-filter-input-height, 20px);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-margin\n  * @description Sets the margin of filter input\n  * @see margin\n  * @default 0 var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/0BWT9HA7\n  * @shadowOnly false\n  */\n  margin: var(--zg-filter-input-margin, 0 var(--theme-padding_x));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-padding\n  * @description Sets the padding of input field in filter. . May need to set --zg-filter-height if input field is height is larger than height of filter.\n  * @see padding\n  * @default 0 0 0 5px\n  * @demoLink https://app.zingsoft.com/demos/create/5GPABPO2\n  * @shadowOnly false\n  */\n  padding: var(--zg-filter-input-padding, 0 0 0 5px);\n  width: 70% !important;\n  max-width: 240px !important;\n}\n\n:host([dir=\"rtl\"]) ::slotted(input) {\n  padding: var(--zg-filter-input-padding, 0 5px 0 0);\n}\n\n:host([sorted]) ::slotted(input) {\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-background_sorted\n  * @description Styles the background of input field in filter when sorted\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/0TAT4J8P\n  * @shadowOnly false\n  */\n  background: var(--zg-filter-input-background_sorted, var(--zg-filter-input-background));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border_sorted\n  * @description Styles the border of input field in filter when sorted\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/MFR4CCYN\n  * @shadowOnly false\n  */\n  border: var(--zg-filter-input-border_sorted, var(--zg-filter-input-border));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-bottom_sorted\n  * @description Styles the bottom border of input field in filter when sorted\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/WFPS5S7O\n  * @shadowOnly false\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-filter-input-border-bottom_sorted, var(--zg-filter-input-border-bottom, var(--zg-filter-input-border_sorted, var(--zg-filter-input-border))));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-left_sorted\n  * @description Styles the left border of input field in filter when sorted\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/QRJ8CB5I\n  * @shadowOnly false\n  */\n  border-left: var(--zg-filter-input-border-left_sorted, var(--zg-filter-input-border-left, var(--zg-filter-input-border_sorted, var(--zg-filter-input-border, inherit))));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-right_sorted\n  * @description Styles the right border of input field in filter when sorted\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/IWA4XX9B\n  * @shadowOnly false\n  */\n  border-right: var(--zg-filter-input-border-right_sorted, var(--zg-filter-input-border-right, var(--zg-filter-input-border_sorted, var(--zg-filter-input-border, inherit))));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-top_sorted\n  * @description Styles the top border of input field in filter when sorted\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/O83MW4X2\n  * @shadowOnly false\n  */\n  border-top: var(--zg-filter-input-border-top_sorted, var(--zg-filter-input-border-top, var(--zg-filter-input-border_sorted, var(--zg-filter-input-border, inherit))));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-radius_sorted\n  * @description Applies border radius to filter input when sorted\n  * @default Browser's default value\n  * @see border-radius\n  * @demoLink https://app.zingsoft.com/demos/create/YLATIXYW\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-filter-input-border-radius_sorted, var(--zg-filter-input-border-radius));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-color_sorted\n  * @description Styles the font color of text in input field of filter when sorted\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/9GRVADYL\n  * @shadowOnly false\n  */\n  color: var(--zg-filter-input-color_sorted, var(--zg-filter-input-color));\n}\n\n:host ::slotted(input[type=\"checkbox\"]) {\n  width: 24px !important;\n}\n\n\n/* FILTER: SELECT */\n:host ::slotted(select) {\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-select-color\n  * @description Styles the font color of text in the select dropdown filter\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/9GRVADYL\n  * @shadowOnly false\n  */\n  color: var(--zg-filter-select-color, var(--zg-filter-input-color));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-select-font-size\n  * @description Sets the font size of the select dropdown filter\n  * @default Browser's default value\n  * @see font-size\n  * @demoLink https://app.zingsoft.com/demos/create/7GR5F9EJ\n  * @shadowOnly false\n  */\n  font-size: var(--zg-filter-select-font-size, var(--zg-filter-input-font-size));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-select-height\n  * @description Sets the height of the select dropdown filter\n  * @see height\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/1FM6QEGK\n  * @shadowOnly false\n  */\n  height: var(--zg-filter-select-height, var(--zg-filter-input-height));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-select-margin\n  * @description Sets the margin of the select dropdown filter\n  * @see margin\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/B8M40OM8\n  * @shadowOnly false\n  */\n  margin: var(--zg-filter-select-margin, var(--zg-filter-input-margin, 0 var(--theme-padding_x)));\n  width: var(--zg-filter-select-width, var(--zg-filter-input-width, 70%));\n}\n\n/* Style the current column that is being reordered with `[column-drag]` */\n:host(.is-reordering) {\n  background: var(--theme-background-color);\n}",""])},9530:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Wrapper */\n.zg-focus-wrapper {\n    left: 0;\n    position: absolute;\n    top: 0;\n}\n/* Border Elements */\n:host [class*="zg-focus-"] {\n    position: absolute;\n    z-index: 10;\n    /*transition: all var(--zg-focus-transition_speed, 0.1s);*/\n}\n.zg-focus-bottom {\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-border\n    * @description Styles the border of cells on focus\n    * @see border\n    * @default 2px solid var(--theme-color-primary)\n    * @demoLink https://app.zingsoft.com/demos/create/OBOGAYLI\n    * @shadowOnly true\n    */\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-border-bottom\n    * @description Sets the bottom border of cells on focus\n    * @see border\n    * @default var(--zg-focus-border, 2px solid var(--theme-color-primary))\n    * @demoLink https://app.zingsoft.com/demos/create/UKS4GLIB\n    * @shadowOnly true\n    */\n    border-bottom: var(--zg-focus-border-bottom, var(--zg-focus-border, 2px solid var(--theme-color-primary)));\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-bottom-transform\n    * @description Sets the transform of bottom border of cells on focus\n    * @see transform\n    * @default none\n    * @demoLink https://app.zingsoft.com/demos/create/463BLSLE\n    * @shadowOnly true\n    */\n    transform: var(--zg-focus-bottom-transform, none);\n}\n.zg-focus-left {\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-border-left\n    * @description Sets the left border of cells on focus\n    * @see border\n    * @default var(--zg-focus-border, 2px solid var(--theme-color-primary))\n    * @demoLink https://app.zingsoft.com/demos/create/0S69YQQ1\n    * @shadowOnly true\n    */\n    border-left: var(--zg-focus-border-left, var(--zg-focus-border, 2px solid var(--theme-color-primary)));\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-left-transform\n    * @description Sets the transform of left border of cells on focus\n    * @see transform\n    * @default none\n    * @demoLink https://app.zingsoft.com/demos/create/KZ23KZP1\n    * @shadowOnly true\n    */\n    transform: var(--zg-focus-left-transform, none);\n}\n.zg-focus-right {\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-border-right\n    * @description Sets the right border of cells on focus\n    * @see border\n    * @default var(--zg-focus-border, 2px solid var(--theme-color-primary))\n    * @demoLink https://app.zingsoft.com/demos/create/RCL5RW0I\n    * @shadowOnly true\n    */\n    border-right: var(--zg-focus-border-right, var(--zg-focus-border, 2px solid var(--theme-color-primary)));\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-right-transform\n    * @description Sets the transform of right border of cells on focus\n    * @see transform\n    * @default none\n    * @demoLink https://app.zingsoft.com/demos/create/C5WLZKW8\n    * @shadowOnly true\n    */\n    transform: var(--zg-focus-right-transform, none);\n}\n.zg-focus-top {\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-border-top\n    * @description Sets the top border of cells on focus\n    * @see border\n    * @default var(--zg-focus-border, 2px solid var(--theme-color-primary))\n    * @demoLink https://app.zingsoft.com/demos/create/XNXNZ5X2\n    * @shadowOnly true\n    */\n    border-top: var(--zg-focus-border-top, var(--zg-focus-border, 2px solid var(--theme-color-primary)));\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-top-transform\n    * @description Sets the transform of top border of cells on focus\n    * @see transform\n    * @default none\n    * @demoLink https://app.zingsoft.com/demos/create/FU5AB2MU\n    * @shadowOnly true\n    */\n    transform: var(--zg-focus-top-transform, none);\n}',""])},4299:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-background\n  * @description Styles the background of grid foot\n  * @default Browser\'s default value\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/5NW1UUJB\n  * @shadowOnly false\n  * @storyAlert recommend:--zg-foot-padding:25px\n  */\n  background: var(--zg-foot-background);\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-border\n  * @description Styles the border of grid foot\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/GJKYV9E6\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-border-bottom\n  * @description Styles the bottom border of grid foot\n  * @see border\n  * @default var(--zg-foot-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FRJXV4YB\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-foot-border-bottom, var(--zg-foot-border, 0));\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-border-left\n  * @description Styles the left border of grid foot\n  * @see border\n  * @default var(--zg-foot-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/VYNWYDXA\n  * @shadowOnly false\n  */\n  border-left: var(--zg-foot-border-left, var(--zg-foot-border, 0));\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-border-right\n  * @description Styles the right border of grid foot\n  * @see border\n  * @default var(--zg-foot-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/4YL86H63\n  * @shadowOnly false\n  */\n  border-right: var(--zg-foot-border-right, var(--zg-foot-border, 0));\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-border-top\n  * @description Styles the top border of grid foot\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/906SOMMP\n  * @default var(--zg-foot-border, 0)\n  * @shadowOnly false\n  */\n  border-top: var(--zg-foot-border-top, var(--zg-foot-border, 0));\n  box-sizing: border-box;\n  display: block;\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-height\n  * @description Sets the height of grid foot\n  * @see height\n  * @demoLink https://app.zingsoft.com/demos/create/NIOBJEMN\n  * @default auto\n  * @shadowOnly false\n  */\n  height: var(--zg-foot-height, auto);\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-padding\n  * @description Sets the padding of grid foot\n  * @see padding\n  * @demoLink https://app.zingsoft.com/demos/create/XA3FXCSI\n  * @default 0\n  * @shadowOnly false\n  */\n  padding: var(--zg-foot-padding, 0);\n}\n\n/* SLOTTED\n-------------------------------------- */\n/* Layout: Card */\n:host([layout="card"]) {\n    display: none;\n}\n\n\n/* All Rows */\n:host ::slotted(zg-row) {\n  /* NOTE: Do not jsDocs these as they are the same as the ZGHead ones */\n  background: var(--zg-row-head-background, var(--zg-head-background));\n  border-bottom: var(--zg-row-head-border-bottom, var(--zg-row-head-border, var(--zg-row-border-bottom, var(--zg-row-border, var(--zg-row-border, 0)))));\n  border-left: var(--zg-row-head-border-left, var(--zg-row-head-border, var(--zg-row-border-left, var(--zg-row-border, var(--zg-row-border, 0)))));\n  border-right: var(--zg-row-head-border-right, var(--zg-row-head-border, var(--zg-row-border-right, var(--zg-row-border, var(--zg-row-border, 0)))));\n  border-top: var(--zg-row-head-border-top, var(--zg-row-head-border, var(--zg-row-border-top, var(--zg-row-border, var(--zg-row-border, 1px solid var(--theme-border-color))))));\n  color: var(--zg-row-head-color, var(--zg-row-color));\n  display: flex;\n  position: relative;\n}\n\n:host ::slotted(zg-row:hover) {\n  background: var(--zg-row-head-background_hover);\n  color: var(--zg-row-head-color_hover, var(--zg-row-color_hover));\n}\n/* Even Rows */\n:host ::slotted(zg-row:nth-of-type(even)) {\n  background: var(--zg-row-head-background_even, var(--zg-row-head-background, var(--zg-head-background)));\n  color: var(--zg-row-head-color_even, var(--zg-row-head-color, var(--zg-row-color)));\n  min-height: var(--zg-row-head-height_even, var(--zg-row-head-height, var(--zg-row-height)));\n}\n:host ::slotted(zg-row:nth-of-type(even):hover) {\n  background: var(--zg-row-head-background_even_hover, var(--zg-row-head-background_hover, var(--zg-head-background_hover)));\n  color: var(--zg-row-head-color_even_hover, var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n/* Odd Rows */\n:host ::slotted(zg-row:nth-of-type(odd)) {\n  background: var(--zg-row-head-background_odd, var(--zg-row-head-background, var(--zg-head-background)));\n  color: var(--zg-row-head-color_odd, var(--zg-row-head-color, var(--zg-row-color)));\n  min-height: var(--zg-row-head-height_odd, var(--zg-row-head-height, var(--zg-row-height)));\n}\n:host ::slotted(zg-row:nth-of-type(odd):hover){\n  background: var(--zg-row-head-background_odd_hover, var(--zg-row-head-background_hover, var(--zg-head-background_hover)));\n  color: var(--zg-row-head-color_odd_hover, var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n\n/* AGGREGATE */\n:host ::slotted(zg-row[type=aggregate]) {\n  background: var(--zg-row-background_foot_aggregate, var(--zg-row-background_aggregate, var(--zg-row-background, auto)));\n  border-bottom: var(--zg-row-border-bottom_foot_aggregate, var(--zg-row-border-bottom_aggregate, var(--zg-row-border-bottom, auto)));\n  border-left: var(--zg-row-border-left_foot_aggregate, var(--zg-row-border-left_aggregate, var(--zg-row-border-left, auto)));\n  border-right: var(--zg-row-border-right_foot_aggregate, var(--zg-row-border-right_aggregate, var(--zg-row-border-right, auto)));\n  border-top: var(--zg-row-border-top_foot_aggregate, var(--zg-row-border-top_aggregate, var(--zg-row-border-top, auto)));\n  color: var(--zg-row-color_foot_aggregate, var(--zg-row-color_aggregate, var(--zg-row-color, auto)));\n  min-height: var(--zg-row-height_foot_aggregate, var(--zg-row-height_aggregate, var(--zg-row-height, auto)));\n}\n\n/* FROZEN */\n:host ::slotted(zg-row[type=frozen]) {\n  background: var(--zg-row-background_foot_frozen, var(--zg-row-background_frozen, var(--zg-row-background, auto)));\n  border-bottom: var(--zg-row-border-bottom_foot_frozen, var(--zg-row-border-bottom_frozen, var(--zg-row-border-bottom, auto)));\n  border-left: var(--zg-row-border-left_foot_frozen, var(--zg-row-border-left_frozen, var(--zg-row-border-left, auto)));\n  border-right: var(--zg-row-border-right_foot_frozen, var(--zg-row-border-right_frozen, var(--zg-row-border-right, auto)));\n  border-top: var(--zg-row-border-top_foot_frozen, var(--zg-row-border-top_frozen, var(--zg-row-border-top, auto)));\n  color: var(--zg-row-color_foot_frozen, var(--zg-row-color_frozen, var(--zg-row-color, auto)));\n}\n\n/*  In the case of zebra, we have to set the class so that we can use the header and footer data rows */\n:host ::slotted(zg-row.zebra-2) {\n  background: var(--theme-background-zebra, var(--zg-row-head-background, var(--zg-head-background)));\n}',""])},7470:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGFooter\n  * @var --zg-footer-background\n  * @description Styles the background of footer\n  * @default 0\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/0EVTA5YN\n  * @shadowOnly false\n  */\n  background: var(--zg-footer-background);\n  /**\n  * @memberof ZGFooter\n  * @var --zg-footer-border-bottom\n  * @description Styles the bottom border of footer\n  * @default var(--zg-footer-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/PUY88M0U\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-footer-border-bottom, var(--zg-footer-border, 0));\n  /**\n  * @memberof ZGFooter\n  * @var --zg-footer-border-left\n  * @description Styles the left border of footer\n  * @default var(--zg-footer-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/V3H9QB6G\n  * @shadowOnly false\n  */\n  border-left: var(--zg-footer-border-left, var(--zg-footer-border, 0));\n  /**\n  * @memberof ZGFooter\n  * @var --zg-footer-border-right\n  * @description Styles the right border of footer\n  * @default var(--zg-footer-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/TAJ68HA9\n  * @shadowOnly false\n  */\n  border-right: var(--zg-footer-border-right, var(--zg-footer-border, 0));\n  /**\n  * @memberof ZGFooter\n  * @var --zg-footer-border-top\n  * @description Styles the top border of footer\n  * @default var(--zg-footer-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/FMUNXOES\n  * @shadowOnly false\n  */\n  border-top: var(--zg-footer-border-top, var(--zg-footer-border, 0));\n  display: block;\n  z-index: 2;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */",""])},5539:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* Styling Wrappers\n * These independent wrapper divs sit on top of the grid to facilitate the frozen column visual look.\n * Since columns are split vertically into 3 rows (head, body, foot) there is no singular element\n * that wraps to form a column for styling, so we create artificial ones.\n * Their width is calculated (js) to match the current width of the matching frozen column,\n * otherwise the rest of the positioning/styling is handled with CSS (as of this writing).\n*/\n:host {\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-freeze-style-border\n  * @default 1px solid #d6e9ff\n  * @see border\n  * @description Styles the border of the frozen column styling element\n  * @demoLink https://app.zingsoft.com/demos/create/PPZ5PJ0L\n  * @shadowOnly false\n  */\n  border: var(--zing-grid-freeze-style-border, 1px solid #d6e9ff);\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-freeze-style-box-shadow\n  * @default inset 0 0 6px #99caff\n  * @see box-shadow\n  * @description Styles the box-shadow of the frozen column styling element\n  * @demoLink https://app.zingsoft.com/demos/create/KNJN315S\n  * @shadowOnly false\n  */\n  box-shadow: var(--zing-grid-freeze-style-box-shadow, inset 0 0 6px #99caff);\n\tpointer-events: none;\n\tposition: absolute;\n\theight: 100%;\n\ttop: 0;\n\tz-index: 1;\n}",""])},512:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  background-clip: padding-box;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-background\n  * @description Styles the background of head cells\n  * @see background\n  * @default transparent\n  * @demoLink https://app.zingsoft.com/demos/create/5217Z4FJ\n  * @shadowOnly false\n  */\n  background: var(--zg-head-cell-background);\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border\n  * @description Styles the border of head cells\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/SX3TZT8V\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-bottom\n  * @description Styles the bottom border of head cells\n  * @see border\n  * @default var(--zg-head-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/DGH901RE\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-head-cell-border-bottom, var(--zg-head-cell-border, 0));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-left\n  * @description Styles the left border of head cells\n  * @see border\n  * @default var(--zg-head-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/YCA4IWR7\n  * @shadowOnly false\n  */\n  border-left: var(--zg-head-cell-border-left, var(--zg-head-cell-border, 0));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-right\n  * @description Styles the right border of head cells\n  * @see border\n  * @default var(--zg-head-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/04L65K0J\n  * @shadowOnly false\n  */\n  border-right: var(--zg-head-cell-border-right, var(--zg-head-cell-border, 0));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-top\n  * @description Styles the top border of head cells\n  * @see border\n  * @default var(--zg-head-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/8M5QYK55\n  * @shadowOnly false\n  */\n  border-top: var(--zg-head-cell-border-top, var(--zg-head-cell-border, 0));\n  box-sizing: border-box;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-color\n  * @description Sets the font color of head cells\n  * @see color\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/MOTKNFI7\n  * @shadowOnly false\n  */\n  color: var(--zg-head-cell-color);\n  display: flex;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-font-family\n  * @description Sets the font family of head cells\n  * @see font-family\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/O1EIWZE1\n  * @shadowOnly false\n  */\n  font-family: var(--zg-head-cell-font-family);\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-font-size\n  * @description Sets the font size of head cells\n  * @see font-size\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/UWQF6LZV\n  * @shadowOnly false\n  */\n  font-size: var(--zg-head-cell-font-size, var(--zing-grid-font-size));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-font-weight\n  * @description Sets the font weight of head cells\n  * @see font-weight\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/2LOCXCAB\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-head-cell-font-weight, var(--zing-grid-font-weight, 500));\n  /* overflow: hidden; */\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-padding\n  * @description Sets the padding of head cells\n  * @see padding\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/YEEKXD9Z\n  * @shadowOnly false\n  */\n  padding: var(--zg-head-cell-padding);\n  position: relative;\n  text-align: left;\n  top: 0;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-transition\n  * @description Sets the transition of head cells\n  * @see transition\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/5VYSMZ3T\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  transition: var(--zg-head-cell-transition);\n  vertical-align: middle;\n  /* The z-index here and on zg-filter is necessary for vertical grid lines with frozen columns */\n  z-index: 1;\n}\n\n/* Hover */ \n:host(:hover) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-background_hover\n  * @description Styles the background of head cells on hover\n  * @see background\n  * @default var(--zg-head-cell-background\n  * @demoLink https://app.zingsoft.com/demos/create/I05OFWBJ\n  * @shadowOnly false\n  */\n  background: var(--zg-head-cell-background_hover, var(--zg-head-cell-background));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-color_hover\n  * @default var(--zg-head-cell-color)\n  * @description Sets the font color of head cells on hover\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/ICS004MX\n  * @shadowOnly false\n  */\n  color: var(--zg-head-cell-color_hover, var(--zg-head-cell-color));\n  /* Set so tooltip appears above other head cells */\n  z-index: 2;\n}\n\n\n\n/* SPLIT PARENT\n-------------------------------------- */\n/* Split header, dynamically generated parent cells */\n:host([parent][depth="1"]) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-background\n  * @description Styles the background of parent head cells\n  * @see background\n  * @default var(--zg-head-cell-background)\n  * @demoLink https://app.zingsoft.com/demos/create/34TZMCUN\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  background: var(--zg-head-cell-parent-background, var(--zg-head-cell-background));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-border\n  * @description Styles the border of parent head cells\n  * @see border\n  * @default var(--zg-head-cell-border-bottom, var(--zg-head-cell-border, 1px solid var(--theme-border-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/J34P5J1C\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-border-bottom\n  * @description Styles the bottom border of parent head cells\n  * @see border\n  * @default var(--zg-head-cell-parent-border, var(--zg-head-cell-border-bottom, var(--zg-head-cell-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/B0M2Q9JO\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  border-bottom: var(--zg-head-cell-parent-border-bottom, var(--zg-head-cell-parent-border, var(--zg-head-cell-border-bottom, var(--zg-head-cell-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-border-left\n  * @description Styles the left border of parent head cells\n  * @see border\n  * @default var(--zg-head-cell-parent-border, var(--zg-head-cell-border-left, var(--zg-head-cell-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/8HS4D09Y\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  border-left: var(--zg-head-cell-parent-border-left, var(--zg-head-cell-parent-border, var(--zg-head-cell-border-left, var(--zg-head-cell-border))));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-border-right\n  * @description Styles the right border of parent head cells\n  * @see border\n  * @default var(--zg-head-cell-parent-border, var(--zg-head-cell-border-right, var(--zg-head-cell-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/J0AQFH0Z\n  * @shadowOnly false\n  */\n  border-right: var(--zg-head-cell-parent-border-right, var(--zg-head-cell-parent-border, var(--zg-head-cell-border-right, var(--zg-head-cell-border))));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-border-top\n  * @description Styles the top border of parent head cells\n  * @see border\n  * @default var(--zg-head-cell-parent-border, var(--zg-head-cell-border-top, var(--zg-head-cell-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/ECL23JR1\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  border-top: var(--zg-head-cell-parent-border-top, var(--zg-head-cell-parent-border, var(--zg-head-cell-border-top, var(--zg-head-cell-border))));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-color\n  * @default var(--zg-head-cell-color)\n  * @description Sets the font color of parent head cells\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/0Z3W1AR3\n  * @shadowOnly false\n  */\n  color: var(--zg-head-cell-parent-color, var(--zg-head-cell-color));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-font-size\n  * @description Sets the font-size of parent head cells\n  * @see font-size\n  * @default var(--zg-head-cell-font-size)\n  * @demoLink https://app.zingsoft.com/demos/create/8BVKTKQO\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  font-size: var(--zg-head-cell-parent-font-size, var(--zg-head-cell-font-size));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-font-weight\n  * @description Sets the font weight of parent head cells\n  * @see font-weight\n  * @default var(--zg-h -cell-font-weight)\n  * @demoLink https://app.zingsoft.com/demos/create/T658V69Y\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  font-weight: var(--zg-head-cell-parent-font-weight, var(--zg-head-cell-font-weight));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-padding\n  * @description Sets the padding of parent head cells\n  * @see padding\n  * @default var(--zg-head-cell-padding)\n  * @demoLink https://app.zingsoft.com/demos/create/JAH3NI1F\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  padding: var(--zg-head-cell-parent-padding, var(--zg-head-cell-padding));\n}\n:host([parent][depth="1"]:hover) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-background_hover\n  * @description Styles the background of parent head cells on hover\n  * @see background\n  * @default var(--zg-head-cell-background_hover)\n  * @demoLink https://app.zingsoft.com/demos/create/Y16SOZ0Y\n  * @shadowOnly false\n  */\n  background: var(--zg-head-cell-parent-background_hover, var(--zg-head-cell-background_hover)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-color_hover\n  * @default var(--zg-head-cell-color_hover)\n  * @description Sets the font color of parent head cells on hover\n  * @default var(--zg-head-cell-color_hover, var(--zg-head-cell-color))\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/YSGAZGLF\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  color: var(--zg-head-cell-parent-color_hover, var(--zg-head-cell-color_hover, var(--zg-head-cell-color)));\n}\n/* Empty cell next to [parent] cells. Removed styling so they don\'t conflict w/ calcs */\n:host([not-parent]) {\n  padding: 0;\n}\n\n/* SPECIAL STYLING FOR \'SELECTOR\' TYPE\n---------------------------------------- */\n:host([type="selector"]) {\n  padding: 0;\n}\n\n\n/* DRAGGING\n-------------------------------------- */\n:host([column-drag]) {\n  cursor: move;\n}\n/* Style the current column that is being reordered with `[column-drag]` */\n:host(.is-reordering) {\n  background: var(--theme-background-color);\n}\n\n\n\n/* RESIZING\n-------------------------------------- */\n/* \n  Column Resizer\n  Hide on load. Only show if: \n  - Column header hovered \n  - ZG has [column-resizable-persistent]\n  - Individual ZGColumn has [resize-persistent]\n*/\n:host ::slotted(zg-column-resize) {\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity .15s;\n}\n:host([resize-persistent]) ::slotted(zg-column-resize),\n:host(:hover) ::slotted(zg-column-resize) {\n  opacity: 1;\n  visibility: visible;\n}\n\n\n\n/* ZING-GRID ALLOWED TO SORT COLUMNS\n-------------------------------------- */\n\n/* If current cell\'s \'column\' is currently sorted, allow custom column styling */\n:host([sort-asc]),\n:host([sort-desc]) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-background_sorted\n  * @description Styles the background of sorted head cells\n  * @see background\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/F7W6O5Y8\n  * @shadowOnly false\n  */\n  background: var(--zg-head-cell-background_sorted, inherit) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border_sorted\n  * @description Styles the border of sorted head cells\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/NJHYC5BT\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-bottom_sorted\n  * @description Styles the bottom border of sorted head cells\n  * @see border\n  * @default var(--zg-head-cell-border_sorted, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/7J8IXN3Q\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-head-cell-border-bottom_sorted, var(--zg-head-cell-border_sorted, 0)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-left_sorted\n  * @description Styles the left border of sorted head cells\n  * @see border\n  * @default var(--zg-head-cell-border_sorted, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/86HPGI9W\n  * @shadowOnly false\n  */\n  border-left: var(--zg-head-cell-border-left_sorted, var(--zg-head-cell-border_sorted, 0)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-right_sorted\n  * @description Styles the right border of sorted head cells\n  * @see border\n  * @default var(--zg-head-cell-border_sorted, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/PUMKY3AA\n  * @shadowOnly false\n  */\n  border-right: var(--zg-head-cell-border-right_sorted, var(--zg-head-cell-border_sorted, 0)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-top_sorted\n  * @description Styles the top border of sorted head cells\n  * @see border\n  * @default var(--zg-head-cell-border_sorted, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/CGQ6DGYI\n  * @shadowOnly false\n  */\n  border-top: var(--zg-head-cell-border-top_sorted, var(--zg-head-cell-border_sorted, 0)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-color_sorted\n  * @description Sets the font color of sorted head cells\n  * @default var(--zg-head-cell-color)\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/XZEPKE31\n  * @shadowOnly false\n  */\n  color: var(--zg-head-cell-color_sorted, var(--zg-head-cell-color)) !important;\n  z-index: 1;\n}\n\n/* Sorted Hover */\n:host([sort-asc]:hover),\n:host([sort-desc]:hover) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-background_sorted_hover\n  * @description Styles the background of sorted head cells on hover\n  * @see background\n  * @default var(--zg-head-cell-background_sorted, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/A4RMGO6M\n  * @shadowOnly false\n  */\n  background: var(--zg-head-cell-background_sorted_hover, var(--zg-head-cell-background_sorted, inherit)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-bottom_sorted_hover\n  * @description Styles the bottom border of sorted head cells on hover\n  * @see border\n  * @default var(--zg-head-cell-border-bottom_sorted, var(--zg-head-cell-border_sorted, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/9NEF2EKA\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-head-cell-border-bottom_sorted_hover, var(--zg-head-cell-border-bottom_sorted, var(--zg-head-cell-border_sorted, 0))) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-left_sorted_hover\n  * @description Styles the left border of sorted head cells on hover\n  * @see border\n  * @default var(--zg-head-cell-border-left_sorted, var(--zg-head-cell-border_sorted, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/U7Q6173N\n  * @shadowOnly false\n  */\n  border-left: var(--zg-head-cell-border-left_sorted_hover, var(--zg-head-cell-border-left_sorted, var(--zg-head-cell-border_sorted, 0))) !important;\n  border-right: var(--zg-head-cell-border-right_sorted, var(--zg-head-cell-border-right_sorted, var(--zg-head-cell-border_sorted, 0))) !important;\n  border-top: var(--zg-head-cell-border-top_sorted, var(--zg-head-cell-border-top_sorted, var(--zg-head-cell-border_sorted, 0))) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-color_sorted_hover\n  * @description Sets the font color of sorted head cells on hover\n  * @default var(--zg-head-cell-color_sorted, var(--zg-head-cell-color))\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/FKHQA0MI\n  * @shadowOnly false\n  */\n  color: var(--zg-head-cell-color_sorted_hover, var(--zg-head-cell-color_sorted, var(--zg-head-cell-color))) !important;\n}\n\n/* <zg-head-cell>s that aren\'t sortable shouldn\'t get a hover color */\n:host([sort="false"]:hover) {\n  background: var(--zg-head-cell-background, transparent);\n  border-bottom: var(--zg-head-cell-border-bottom, var(--zg-head-cell-border, 0));\n  border-left: var(--zg-head-cell-border-left, var(--zg-head-cell-border, 0));\n  border-right: var(--zg-head-cell-border-right, var(--zg-head-cell-border, 0));\n  border-top: var(--zg-head-cell-border-top, var(--zg-head-cell-border, 0));\n}\n:host([sort="false"][parent]:hover) {\n  background: var(--zg-head-cell-parent-background_hover) !important;\n  border-bottom: var(--zg-head-cell-parent-border-bottom_hover, var(--zg-head-cell-parent-border_hover));\n  border-left: var(--zg-head-cell-parent-border-left_hover, var(--zg-head-cell-parent-border_hover));\n  border-right: var(--zg-head-cell-parent-border-right_hover, var(--zg-head-cell-parent-border_hover));\n  border-top: var(--zg-head-cell-parent-border-top_hover, var(--zg-head-cell-parent-border_hover));\n}\n\n/* Hide if \'hidden\' attribute applied */\n:host([hidden]) {\n  display: none;\n}\n\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Inner Cell Wrapper */\n.zg-head-cell {\n  display: flex;\n  width: 100%;\n}\n/* \'Selector\' checkbox cell */\n:host([type="selector"]) .zg-head-cell {\n  align-items: center;\n  display: flex;\n}\n\n/* Inner Wrapper */\n.zg-head-cell-inner {\n  align-items: center;\n  display: inline-flex;\n  height: 100%;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-justify-content\n  * @description Sets the horizontal alignment of contents in head cells\n  * @see justify-content\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/M1I5BGRD\n  * @shadowOnly true\n  */\n  justify-content: var(--zg-head-cell-justify-content);\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-inner-padding\n  * @description Sets the padding of head cells inner content\n  * @see padding\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/KW2O5OZH\n  * @shadowOnly false\n  */\n  padding: var(--zg-head-cell-inner-padding);\n  vertical-align: middle;\n  width: 100%;\n}\n/* CELL ALIGNMENT */\n/* Center (If not a parent (not multi-header rows), or is a parent header, but not the first depth) */\n:host([align="center"]:not([parent])) .zg-head-cell-inner,\n:host([align="center"][parent]:not([depth="1"])) .zg-head-cell-inner {\n  justify-content: center;\n}\n/* Left (If not a parent (not multi-header rows), or is a parent header, but not the first depth) */\n:host([align="left"]:not([parent])) .zg-head-cell-inner,\n:host([align="left"][parent]:not([depth="1"])) .zg-head-cell-inner {\n  justify-content: flex-start;\n}\n/* Right (If not a parent (not multi-header rows), or is a parent header, but not the first depth) */\n:host([align="right"]:not([parent])) .zg-head-cell-inner,\n:host([align="right"][parent]:not([depth="1"])) .zg-head-cell-inner {\n  justify-content: flex-end;\n}\n\n\n\n/* TOOLTIP - ALL\n-------------------------------------- */\n:host([tooltip-type]) {\n  line-height: normal !important;\n}\n/* For testing and unit tests, so tooltip when the header cell has `.hover` applied */\n:host(.hover) ::slotted(zg-tooltip) {\n  display: block;\n}\n\n\n/* TOOLTIP - \'INFO\' TYPE STYLING\n-------------------------------------- */\n/* Info Icon Styling */\n:host([tooltip-type]) ::slotted(zg-icon) {\n  flex: none;\n}\n/* Type: Click */\n:host([tooltip-action="click"]) ::slotted(zg-icon) {\n  cursor: pointer;\n}\n\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* SORT ICON */\n:host ::slotted(.zg-head-icon) {\n  overflow: hidden;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-icon-margin\n  * @description Sets the margin of child icons in head cells\n  * @default Browser\'s default value\n  * @see margin\n  * @demoLink https://app.zingsoft.com/demos/create/GGPPE0Q1\n  * @shadowOnly false\n  */\n  margin: var(--zg-head-cell-icon-margin);\n  transform: scale(.8);\n  transition: width .2s cubic-bezier(.05,.69,.14,1);\n}\n/* Auto-hide and set null footprint for icon\'s without a [name] set */\n:host ::slotted(.zg-head-icon:not([name])) {\n  display: none;\n  width: 1px;\n}\n/* When it actually has an icon [type] */\n:host ::slotted(.zg-head-icon[name]) {\n  display: initial;\n}\n\n/* Keep on the right edge when grid set to `[dir="rtl"]` */\n:host([dir="rtl"]) ::slotted(.zg-head-icon) {\n  margin-right: 0;\n  margin-left: 3px;\n  transform:translateX(5px);\n}\n:host([align="left"][dir="rtl"]) ::slotted(.zg-head-icon[name]),\n:host([align="right"][dir="rtl"]) ::slotted(.zg-head-icon[name]) {\n  margin-left: 0;\n}\n:host([align="center"]:not([dir="rtl"])) ::slotted(.zg-head-icon[name]) {\n  margin-right: auto;\n}\n\n:host([not-parent]) ::slotted(.zg-head-icon) {\n  display:none;\n}\n\n/* When column is sorted */\n:host ::slotted([name="down"]),\n:host ::slotted([name="up"]) {\n  overflow: visible;\n  transform: scale(1);\n  width: var(--zg-icon-width) !important;\n}\n:host ::slotted([name="down"]) svg,\n:host ::slotted([name="up"]) svg {\n  fill: var(--zg-icon-color_sorted, inherit);\n}\n\n:host([not-parent]) ::slotted(.zg-head-icon) {\n  display:none;\n}\n\n\n/* CELL TEXT */\n:host ::slotted([data-field-index]) {\n  line-height: var(--zg-head-cell-data-line-height, 1.1);\n  position: relative;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  z-index: 1;\n}\n\n\n/* \n  When the header text is wider than the column width, set items to allow ellipses and to cutoff the text.\n  Note: we must unset the position or the tooltip will be cutoff as well.\n  Since the text goes all the way to the right edge, the tooltip changes from being placed right next to the text \n  (default behavior and why we removed overflow:hidden from always applying) to being placed at the right of the cell.\n*/\n:host([is-content-longer]) ::slotted([data-field-index]) {\n  overflow: hidden;\n  position: unset;\n}\n:host([type="selector"]:not([layout="card"])) ::slotted([data-field-index]) {\n  height: 100%;\n  line-height: 1;\n  width: 100%;\n  z-index: 1;\n}\n/* Column set to `align="right"` */\n:host([align="right"]:not([dir="rtl"])) ::slotted([data-field-index]) {\n  margin-left: auto;\n}\n:host([align="right"][dir="rtl"][tooltip-icon-position="after-text"]) ::slotted([data-field-index]),\n:host([align="right"][dir="rtl"][tooltip-icon-position="right"]) ::slotted([data-field-index]) {\n  flex: 1;\n}\n/* Column set to `align="center"` */\n:host([align="center"][tooltip-icon-position="left"]) ::slotted([data-field-index]),\n:host([align="center"][tooltip-icon-position="right"]) ::slotted([data-field-index]) {\n  flex: 1;\n  text-align: center;\n}\n\n\n/* DETAILS ICON (TOOLTIP) */\n:host ::slotted(.zg-head-details-icon) {\n  cursor: default !important;\n  flex: 1 0 auto;\n  overflow: hidden;\n  margin: 0;\n  transform: scale(.8) translate(4px, -1px);\n  transition: width .2s cubic-bezier(.05,.69,.14,1);\n}\n:host([tooltip-action="click"]) ::slotted(.zg-head-details-icon) {\n  cursor: pointer !important;\n}\n/* Auto-hide and set null footprint for icon\'s without a [name] set */\n:host ::slotted(.zg-head-details-icon:not([name])) {\n  display: none;\n  width: 1px;\n}\n\n\n/* POSITION: AFTER TEXT */\n:host ::slotted(.zg-head-details-icon[position="after-text"]) {\n  order: 1;\n}\n\n:host([align="center"]:not([dir="rtl"])) ::slotted(.zg-head-details-icon[position="after-text"]) {\n  /*  This makes the header text not be centered.  I don\'t know what it is used for\n  margin-right: auto;\n  */\n}\n:host([dir="rtl"]) ::slotted(.zg-head-details-icon[position="after-text"]) {\n  margin-right: 6px;\n}\n:host([align="right"][dir="rtl"]) ::slotted(.zg-head-details-icon[position="after-text"]) {\n  margin-left: -6px;\n}\n\n\n/* POSITION: LEFT-EDGE */\n:host ::slotted(.zg-head-details-icon[position="left"]) {\n  margin-right: 6px;\n  margin-left: -6px;\n}\n:host([align="center"]) ::slotted(.zg-head-details-icon[position="left"]) {\n  margin-right: auto;\n}\n:host([align="center"]:not([dir="rtl"])) ::slotted(.zg-head-details-icon[position="left"]) {\n  margin-left: -2px;\n}\n:host([align="left"][dir="rtl"]) ::slotted(.zg-head-details-icon[position="left"]) {\n  margin-left: 0;\n  margin-right: 0;\n}\n:host([align="right"][dir="rtl"]) ::slotted(.zg-head-details-icon[position="left"]) {\n  margin-left: auto;\n  margin-right: 0;\n}\n\n\n/* POSITION: RIGHT-EDGE */\n:host ::slotted(.zg-head-details-icon[position="right"]) {\n  order: 1;\n  margin-left: auto;\n}\n:host([dir="rtl"]) ::slotted(.zg-head-details-icon[position="right"]) {\n  margin-left: -6px;\n  margin-right: auto;\n}\n:host([align="right"]) ::slotted(.zg-head-details-icon[position="right"]) {\n  margin-left: 0;\n}\n\n:host([align="right"][dir="rtl"]) ::slotted(.zg-head-details-icon[position="right"]) {\n  margin-left: -6px;\n  margin-right: 6px;\n}\n',""])},1395:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-background\n  * @description Styles the background of grid head rows\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/CO1P3ZJI\n  * @shadowOnly false\n  */\n  background: var(--zg-head-background);\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border\n  * @description Styles the border of grid head rows\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/12I3VYOI\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border-bottom\n  * @description Styles the bottom border of grid head rows\n  * @see border\n  * @default var(--zg-head-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/4G7I1G9M\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-head-border-bottom, var(--zg-head-border, 0));\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border-left\n  * @description Styles the left border of grid head rows\n  * @see border\n  * @default var(--zg-head-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/CM2MSBIS\n  * @shadowOnly false\n  */\n  border-left: var(--zg-head-border-left, var(--zg-head-border, 0));\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border-right\n  * @description Styles the right border of grid head rows\n  * @see border\n  * @default var(--zg-head-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/89L6VL2X\n  * @shadowOnly false\n  */\n  border-right: var(--zg-head-border-right, var(--zg-head-border, 0));\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border-top\n  * @description Styles the top border of grid head rows\n  * @see border\n  * @default var(--zg-head-border)\n  * @demoLink https://app.zingsoft.com/demos/create/Y25A4K13\n  * @shadowOnly false\n  */\n  border-top: var(--zg-head-border-top, var(--zg-head-border));\n  display: block;\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border-radius\n  * @description Styles the border-radius of grid head rows\n  * @see border-radius\n  * @default var(--zg-head-border-radius)\n  * @demoLink https://app.zingsoft.com/demos/create/Y25A4K13\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-head-border-radius, 0);\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-visibility\n  * @description Sets the visibility of grid head rows\n  * @see visibility\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6LA6GMQ7\n  * @shadowOnly false\n  */\n  visibility: var(--zg-head-visibility);\n  box-sizing: border-box;\n}\n\n/* SLOTTED\n-------------------------------------- */\n/* Layout: Card */\n:host([layout=\"card\"]) {\n    display: none;\n}\n\n/* All Rows */\n:host ::slotted(zg-row) {\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background\n  * @description Styles the background of grid head rows\n  * @see background\n  * @default var(--zg-head-background)\n  * @demoLink https://app.zingsoft.com/demos/create/T8UI8JED\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background, var(--zg-head-background));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-border\n  * @description Styles the border of row\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/W9UFLHOX\n  * @default 0\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-border-bottom\n  * @description Styles the bottom border of row\n  * @see border\n  * @default var(--zg-row-border, var(--zg-row-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/6ZQGCDWL\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-border\n  * @description Styles the border of grid head rows\n  * @see border\n  * @default var(--zg-row-border-bottom, var(--zg-row-border, var(--zg-row-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/8GTM3CE7\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-border-bottom\n  * @description Styles the bottom border of grid head rows\n  * @see border\n  * @default var(--zg-row-head-border, var(--zg-row-border-bottom, var(--zg-row-border, var(--zg-row-border, 0))))\n  * @demoLink https://app.zingsoft.com/demos/create/UG4IJY7N\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-row-head-border-bottom, var(--zg-row-head-border, var(--zg-row-border-bottom, var(--zg-row-border, var(--zg-row-border, 0)))));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-border-left\n  * @description Styles the left border of grid head rows\n  * @see border\n  * @default var(--zg-row-head-border, var(--zg-row-border-left, var(--zg-row-border, var(--zg-row-border, 0))))\n  * @demoLink https://app.zingsoft.com/demos/create/FN1JN1YH\n  * @shadowOnly false\n  */\n  border-left: var(--zg-row-head-border-left, var(--zg-row-head-border, var(--zg-row-border-left, var(--zg-row-border, var(--zg-row-border, 0)))));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-border-right\n  * @description Styles the right border of grid head rows\n  * @see border\n  * @default var(--zg-row-head-border, var(--zg-row-border-right, var(--zg-row-border, var(--zg-row-border, 0))))\n  * @demoLink https://app.zingsoft.com/demos/create/B52RNC1C\n  * @shadowOnly false\n  */\n  border-right: var(--zg-row-head-border-right, var(--zg-row-head-border, var(--zg-row-border-right, var(--zg-row-border, var(--zg-row-border, 0)))));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-border-top\n  * @description Styles the top border of grid head rows\n  * @see border\n  * @default var(--zg-row-head-border, var(--zg-row-border-top, var(--zg-row-border, var(--zg-row-border, 0))))\n  * @demoLink https://app.zingsoft.com/demos/create/9WUUNY7A\n  * @shadowOnly false\n  */\n  border-top: var(--zg-row-head-border-top, var(--zg-row-head-border, var(--zg-row-border-top, var(--zg-row-border, var(--zg-row-border, 0)))));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color\n  * @description Styles the font color of grid head rows\n  * @default var(--zg-row-color)\n  * @demoLink https://app.zingsoft.com/demos/create/XNSFRPXK\n  * @see color\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color, var(--zg-row-color));\n  display: flex;\n  position: relative;\n}\n\n:host ::slotted(zg-row:hover) {\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background_hover\n  * @description Styles the background of grid head rows on hover\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/WEG2YAI2\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background_hover);\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color_hover\n  * @description Styles the font color of grid head rows on hover\n  * @see color\n  * @default var(--zg-row-color_hover)\n  * @demoLink https://app.zingsoft.com/demos/create/AB7QQ2HJ\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color_hover, var(--zg-row-color_hover));\n}\n/* Even Rows */\n:host ::slotted(zg-row:nth-of-type(even)) {\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background_even\n  * @description Styles the background of 'even' grid head rows\n  * @see background\n  * @default var(--zg-row-head-background, var(--zg-head-background))\n  * @demoLink https://app.zingsoft.com/demos/create/SFSLBH2B\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background_even, var(--zg-row-head-background, var(--zg-head-background)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color_even\n  * @description Styles the font color of 'even' grid head rows\n  * @see color\n  * @default var(--zg-row-head-color, var(--zg-row-color))\n  * @demoLink https://app.zingsoft.com/demos/create/MVTLQ6OY\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color_even, var(--zg-row-head-color, var(--zg-row-color)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-height_even\n  * @description Sets the height of 'even' grid head rows\n  * @see height\n  * @default var(--zg-row-head-height, var(--zg-row-height))\n  * @demoLink https://app.zingsoft.com/demos/create/ZJKCHBEN\n  * @shadowOnly false\n  */\n  min-height: var(--zg-row-head-height_even, var(--zg-row-head-height, var(--zg-row-height)));\n}\n:host ::slotted(zg-row:nth-of-type(even):hover) {\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background_even_hover\n  * @description Styles the background of 'even' grid head rows on hover\n  * @see background\n  * @default var(--zg-row-head-background_hover, var(--zg-head-background_hover))\n  * @demoLink https://app.zingsoft.com/demos/create/NTNFHUQO\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background_even_hover, var(--zg-row-head-background_hover, var(--zg-head-background_hover)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color_even_hover\n  * @description Styles the font color of 'even' grid head rows on hover\n  * @see color\n  * @default var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/R7N097DV\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color_even_hover, var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n/* Odd Rows */\n:host ::slotted(zg-row:nth-of-type(odd)) {\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background_odd\n  * @description Styles the background of 'odd' grid head rows\n  * @see background\n  * @default var(--zg-row-head-background, var(--zg-head-background))\n  * @demoLink https://app.zingsoft.com/demos/create/P3C6STNW\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background_odd, var(--zg-row-head-background, var(--zg-head-background)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color_odd\n  * @description Sets the font color of 'odd' grid head rows\n  * @see color\n  * @default var(--zg-row-head-color, var(--zg-row-color))\n  * @demoLink https://app.zingsoft.com/demos/create/ORCFAHM5\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color_odd, var(--zg-row-head-color, var(--zg-row-color)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-height_odd\n  * @description Sets the height of 'odd' grid head rows\n  * @see height\n  * @default var(--zg-row-head-height, var(--zg-row-height))\n  * @demoLink https://app.zingsoft.com/demos/create/HR7CPKI6\n  * @shadowOnly false\n  */\n  min-height: var(--zg-row-head-height_odd, var(--zg-row-head-height, var(--zg-row-height)));\n}\n:host ::slotted(zg-row:nth-of-type(odd):hover){\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background_odd_hover\n  * @description Styles the background of 'odd' grid head rows on hover\n  * @see background\n  * @default var(--zg-row-head-background_hover, var(--zg-head-background_hover))\n  * @demoLink https://app.zingsoft.com/demos/create/V416TJNV\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background_odd_hover, var(--zg-row-head-background_hover, var(--zg-head-background_hover)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color_odd_hover\n  * @description Styles the font color of 'odd' grid head rows on hover\n  * @see color\n  * @default var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/CFKT71C3\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color_odd_hover, var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n\n/* First Row styling */\n:host ::slotted(zg-row:first-of-type){\n  border-radius: var(--zg-head-border-radius, 0);\n}\n\n/*  Vertical gridlines still need horizontal gridlines in header */\n:host ::slotted(zg-row:last-child[gridlines-vertical]) {\n  --zg-row-head-border-bottom: 1px solid var(--theme-border-color);\n  --zg-cell-border-bottom_aggregate: 1px solid var(--theme-border-color);\n  --zg-cell-border-bottom_frozen: 1px solid var(--theme-border-color);\n}\n\n:host ::slotted(zg-row:last-child[gridlines-horizontal]) {\n  --zg-row-head-border-bottom: unset;\n  --zg-cell-border-bottom_aggregate: unset;\n  --zg-cell-border-bottom_frozen: unset;\n}\n\n/* ZG-FILTER */\n:host ::slotted(zg-row[type=\"filter\"]),\n:host ::slotted(zg-row[type=\"filter\"]:hover) {\n  min-height: var(--zg-filter-height);\n  background: var(--zg-row-background_filter, var(--zg-row-background, auto));\n  /*  Had to remove this line for ticket #652\n  border-top: var(--zg-filter-border-top, var(--zg-filter-border, 1px solid var(--theme-border-color))); */\n}\n\n/* AGGREGATE */\n:host ::slotted(zg-row[type=aggregate]),\n:host ::slotted(zg-row[type=aggregate]:hover) {\n  background: var(--zg-row-background_head_aggregate, var(--zg-row-background_aggregate, var(--zg-row-background, auto)));\n  border-bottom: var(--zg-cell-border-bottom_aggregate, var(--zg-cell-border-bottom, var(--zg-cell-border, 0)));\n  border-left: var(--zg-cell-border-left_aggregate, var(--zg-cell-border-left, var(--zg-cell-border, 0)));\n  border-right: var(--zg-cell-border-right_aggregate, var(--zg-cell-border-right, var(--zg-cell-border, 0)));\n  border-top: var(--zg-cell-border-top_aggregate, var(--zg-cell-border-top, var(--zg-cell-border, 0)));\n  color: var(--zg-row-color_head_aggregate, var(--zg-row-color_aggregate, var(--zg-row-color, auto)));\n  min-height: var(--zg-row-height_head_aggregate, var(--zg-row-height_aggregate, var(--zg-row-height, auto)));\n}\n\n/* FROZEN */\n:host ::slotted(zg-row[type=frozen]),\n:host ::slotted(zg-row[type=frozen]:hover) {\n  background: var(--zg-row-background_head_frozen, var(--zg-row-background_frozen, var(--zg-row-background, auto)));\n  border-bottom: var(--zg-cell-border-bottom_frozen, var(--zg-cell-border-bottom, var(--zg-cell-border, 0)));\n  border-left: var(--zg-cell-border-left_frozen, var(--zg-cell-border-left, var(--zg-cell-border, 0)));\n  border-right: var(--zg-cell-border-right_frozen, var(--zg-cell-border-right, var(--zg-cell-border, 0)));\n  border-top: var(--zg-cell-border-top_frozen, var(--zg-cell-border-top, var(--zg-cell-border, 0)));\n  color: var(--zg-row-color_head_frozen, var(--zg-row-color_frozen, var(--zg-row-color, auto)));\n}\n\n/*  In the case of zebra, we have to set the class so that we can use the header and footer data rows */\n:host ::slotted(zg-row.zebra-2) {\n  background: var(--theme-background-zebra, var(--zg-row-head-background, var(--zg-head-background)));\n}\n\n:host ::slotted(zg-row[internal-top]) {\n  border-top: 0px;\n}\n",""])},3175:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-background\n  * @description Styles the background of header\n  * @default Browser's default value\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/RNK9KGL1\n  * @shadowOnly false\n  */\n  background: var(--zg-header-background);\n   /**\n  * @memberof ZGHeader\n  * @var --zg-header-border\n  * @description Styles the border of header\n  * @default 0\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/D3AD1LTZ\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-border-bottom\n  * @description Styles the bottom border of header\n  * @default var(--zg-header-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/ZOYVLTTM\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-header-border-bottom, var(--zg-header-border, 0));\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-border-left\n  * @description Styles the left border of header\n  * @default var(--zg-header-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/AMLDCFOE\n  * @shadowOnly false\n  */\n  border-left: var(--zg-header-border-left, var(--zg-header-border, 0));\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-border-right\n  * @description Styles the right border of header\n  * @default var(--zg-header-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/XCB64506\n  * @shadowOnly false\n  */\n  border-right: var(--zg-header-border-right, var(--zg-header-border, 0));\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-border-top\n  * @description Styles the top border of header\n  * @default var(--zg-header-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/7UN98I97\n  * @shadowOnly false\n  */\n  border-top: var(--zg-header-border-top, var(--zg-header-border, 0));\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-border-radius\n  * @description Applies border radius to header\n  * @default 0\n  * @see border-radius\n  * @demoLink https://app.zingsoft.com/demos/create/J5P8R36J\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-header-border-radius, 0);\n  display: block;\n  z-index: 2;\n}",""])},6675:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  display: inline-block;\n  /**\n  * @memberof ZGIcon\n  * @var --zg-icon-height\n  * @description Sets the height of icon. Also set width using --zg-icon-width to scale icon.\n  * @see height\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/35ELYFHO\n  * @shadowOnly false\n  */\n  height: var(--zg-icon-height);\n  line-height: 1rem;\n  overflow: hidden;\n  position: relative;\n  vertical-align: top;\n  /**\n  * @memberof ZGIcon\n  * @var --zg-icon-width\n  * @description Sets the width of icon. Also set height using --zg-icon-height to scale icon.\n  * @see width\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/QN5FK1OU\n  * @shadowOnly false\n  */\n  width: var(--zg-icon-width);\n}\n:host([hidden]) {\n  display: none;\n}\n\n/* If it has [init], set the child svg color to a muted color */\n:host([init]) ::slotted(svg) {\n  /**\n  * @memberof ZGIcon\n  * @var --zg-icon-init-fill\n  * @description Sets fill color of icon when element has\n  * [init] attribute. This indicates that column is sortable.\n  * The [init] is removed when column is sorted.\n  * @default Browser\'s default value\n  * @see fill\n  * @demoLink https://app.zingsoft.com/demos/create/K3C0AD5K\n  * @shadowOnly false\n  */\n  fill: var(--zg-icon-init-fill) !important;\n}\n\n/* CURSOR-BASED PAGINATION STYLING\n-------------------------------------- */\n:host([type="cursor"]) ::slotted(svg) {\n  --zg-icon-color: #fff;\n  transform: translateX(1px);\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(*) {\n  pointer-events: none;\n}\n\n/* Default SVG */\n:host ::slotted(svg) {\n  /**\n  * @memberof ZGIcon\n  * @var --zg-icon-color\n  * @description Sets the fill color of icon\n  * @see fill\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/QP3CK186\n  * @shadowOnly false\n  */\n  fill: var(--zg-icon-color, var(--theme-color-primary));\n}\n:host:not([internal-status]) ::slotted(svg) {\n  height: inherit;\n  left: 0;\n  pointer-events: none;\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n/* \n  Do not fill the parent svg for some icons \n  See conditional in ZGIcon.js (\'deselect\')\n*/\n:host ::slotted(svg[no-fill]) {\n  fill: none;\n}\n\n/* FONT AWESOME */\n/* User-defined FONT AWESOME (Ex: <zing-grid icon-set="fontawesome") */\n/* Format: <i class="fas fa-exclamation-circle"></i> */\n/* \'.fas\' is the consistent item so we trigger that */\n:host ::slotted(.fas) {\n  color: var(--zg-icon-color, var(--theme-color-primary));\n}\n:host ::slotted(.fas):before {\n  font-size: calc(var(--zg-icon-width) - 2px);\n}\n\n/* WHEN SLOTTED INTO OTHER COMPONENTS\n---------------------------------------- */\n\n/* ZG-CAPTION: <zg-caption> */\n:host([internal-caption]) {\n  align-self: var(--zg-caption-toolbar-align-self, var(--zg-caption-align-items, center));\n  /* For internal use only */\n  height: var(--zg-caption-icon-height, var(--zg-icon-height));\n  /* For internal use only */\n  width: var(--zg-caption-icon-width, var(--zg-icon-width));\n}\n\n:host([internal-caption]) ::slotted(svg) {\n  /* For internal use only */\n  fill: var(--zg-caption-icon-color, var(--zg-icon-color));\n}\n\n/* ZG-HEAD-CELL: <zg-head-cell> */\n/* -- When cell is currently sorted */\n:host([sort-asc]) ::slotted(svg),\n:host([sort-desc]) ::slotted(svg) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-icon-color_sorted\n  * @description Sets the fill color of icon in sorted head cells\n  * @see fill\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/I4QTA64O\n  * @shadowOnly false\n  */\n  fill: var(--zg-head-cell-icon-color_sorted, var(--theme-color));\n}\n\n/* ZG-STATUS: <zg-status> */\n:host([internal-status]) ::slotted(svg) {\n  /* For internal use only */\n  fill: var(--zg-status-icon-color, #fff);\n}\n\n:host([name="info"]),\n:host([internal-cell]) {\n  vertical-align: middle;\n}',""])},845:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host([action]) {\n  display: block;\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-height\n  * @description Sets the height of input field\n  * @see height\n  * @default 28px\n  * @demoLink https://app.zingsoft.com/demos/create/B0P81J0Q\n  * @shadowOnly true\n  */\n  height: var(--zg-input-height, 28px);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-width\n  * @description Sets the width of input field\n  * @see width\n  * @default 28px\n  * @demoLink https://app.zingsoft.com/demos/create/SCCSW2QV\n  * @shadowOnly true\n  */\n  width: var(--zg-input-width, 28px);\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(input) {\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-background\n  * @description Styles the background of input field\n  * @see background\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/QTKU281K\n  * @shadowOnly false\n  */\n  background: var(--zg-input-background, #fff);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border\n  * @description Styles the border of input field\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/DDD2BCSL\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-bottom\n  * @description Styles the bottom border of input field\n  * @see border\n  * @default var(--zg-input-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/MDMU28K6\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-input-border-bottom, var(--zg-input-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-left\n  * @description Styles the left border of input field\n  * @see border\n  * @default var(--zg-input-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/JLCD44RA\n  * @shadowOnly false\n  */\n  border-left: var(--zg-input-border-left, var(--zg-input-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-right\n  * @description Styles the right border of input field\n  * @see border\n  * @default var(--zg-input-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/8A95H8P7\n  * @shadowOnly false\n  */\n  border-right: var(--zg-input-border-right, var(--zg-input-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-top\n  * @description Styles the top border of input field\n  * @see border\n  * @default var(--zg-input-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/LCS35KDI\n  * @shadowOnly false\n  */\n  border-top: var(--zg-input-border-top, var(--zg-input-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-radius\n  * @description Applies a border radius to the input\n  * @default Browser's default value\n  * @see border-radius\n  * @demoLink https://app.zingsoft.com/demos/create/EPJYLC6I\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-input-border-radius);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-box-shadow\n  * @description Applies a box shadow behind input field\n  * @see box-shadow\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/18VIQFAN\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-input-box-shadow, none);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-color\n  * @description Sets the font color of input field\n  * @see color\n  * @default var(--zing-grid-color, var(--theme-color))\n  * @demoLink https://app.zingsoft.com/demos/create/XOU2K69C\n  * @shadowOnly false\n  */\n  color: var(--zg-input-color, var(--theme-color_alt));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-font-family\n  * @description Sets the font family of input field\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/T5ZCU5MK\n  * @shadowOnly false\n  */\n  font-family: var(--zg-input-font-family, inherit);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-font-size\n  * @description Sets the font size of input field\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/2N4JCUM7\n  * @shadowOnly false\n  */\n  font-size: var(--zg-input-font-size, var(--theme-font-size));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-font-style\n  * @description Sets the font style of input field\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/23LLZSPN\n  * @shadowOnly false\n  */\n  font-style: var(--zg-input-font-style, inherit);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-font-weight\n  * @description Sets the font weight of input field\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/D4KPNBOE\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-input-font-weight, inherit);\n  height: var(--zg-input-height, 28px);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-line-height\n  * @description Sets the line height of input field\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/4S3RA0D1\n  * @shadowOnly true\n  */\n  line-height: var(--zg-input-line-height, inherit);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-margin\n  * @description Sets the margin of input field\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/QIT4GPWJ\n  * @shadowOnly false\n  */\n  margin: var(--zg-input-margin, 0);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-padding\n  * @description Sets the padding of input field\n  * @see padding\n  * @default 0 6px\n  * @demoLink https://app.zingsoft.com/demos/create/6YX1BW65\n  * @shadowOnly false\n  */\n  padding: var(--zg-input-padding, 0 6px);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-text-align\n  * @description Sets the text alignment of input field\n  * @see text-align\n  * @default center\n  * @demoLink https://app.zingsoft.com/demos/create/19KNP52I\n  * @shadowOnly false\n  */\n  text-align: var(--zg-input-text-align, left);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-transform\n  * @description Sets the transform of input field\n  * @see transform\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/OSSRVJZZ\n  * @shadowOnly false\n  */\n  transform: var(--zg-input-transform);\n\n  width: var(--zg-input-width, auto);\n}\n\n:host([action]) ::slotted(input) {\n  color: var(--zg-input-color, var(--theme-color));\n  font-size: var(--zg-input-font-size, inherit);\n  padding: var(--zg-input-padding, 0);\n  text-align: center;\n  width: var(--zg-input-width, 100%);\n}\n\n:host ::slotted(input:focus) {\n  background: var(--zg-input-background_focus, #fff);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border_focus\n  * @description Styles the border of input field on focus\n  * @see border\n  * @default 1px solid rgba(82, 168, 236, 0.8)\n  * @demoLink https://app.zingsoft.com/demos/create/I3GK9SS3\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-bottom_focus\n  * @description Styles the bottom border of input field on focus\n  * @see border\n  * @default var(--zg-input-border_focus, 1px solid rgba(82, 168, 236, 0.8))\n  * @demoLink https://app.zingsoft.com/demos/create/2SM40FSO\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-input-border-bottom_focus, var(--zg-input-border_focus, var(--zg-input-border-bottom, var(--zg-input-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-left_focus\n  * @description Styles the left border of input field on focus\n  * @see border\n  * @default var(--zg-input-border_focus, )))\n  * @demoLink https://app.zingsoft.com/demos/create/FQ51FTQF\n  * @shadowOnly false\n  */\n  border-left: var(--zg-input-border-left_focus, var(--zg-input-border_focus, var(--zg-input-border-left, var(--zg-input-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-right_focus\n  * @description Styles the right border of input field in modal on focus\n  * @see border\n  * @default var(--zg-input-border_focus, )))\n  * @demoLink https://app.zingsoft.com/demos/create/11XL0MH6\n  * @shadowOnly false\n  */\n  border-right: var(--zg-input-border-right_focus, var(--zg-input-border_focus, var(--zg-input-border-right, var(--zg-input-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-top_focus\n  * @description Styles the top border of input field in modal on focus\n  * @see border\n  * @default var(--zg-input-border_focus, )))\n  * @demoLink https://app.zingsoft.com/demos/create/BLSGA86T\n  * @shadowOnly false\n  */\n  border-top: var(--zg-input-border-top_focus, var(--zg-input-border_focus, var(--zg-input-border-top, var(--zg-input-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-color_focus\n  * @description Sets the font color of input field in modal on focus\n  * @see color\n  * @default var(--zg-input-color)\n  * @demoLink https://app.zingsoft.com/demos/create/62OIL7CR\n  * @shadowOnly false\n  */\n  color: var(--zg-input-color_focus, var(--zg-input-color, var(--theme-color_alt)));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-font-size_focus\n  * @description Sets the font size of input field on focus\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/BPE8TYD5\n  * @shadowOnly false\n  */\n  font-size: var(--zg-input-font-size_focus, var(--zg-input-font-size, var(--theme-font-size)));\n  /*outline: 0;*/\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-transform_focus\n  * @description Sets the transform of input field in modal on focus\n  * @see transform\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/ZCZMD7I3\n  * @shadowOnly false\n  */\n  transform: var(--zg-input-transform_focus);\n}\n",""])},2397:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* Hide if it has [hidden] attribute */\n:host { \n  align-items: center;\n  display: flex;\n}\n:host([hidden]) { display:none; }\n\n\n/* SLOTTED ELEMENTS\n---------------------------------------- */\n/* Select All cell */\n:host ::slotted(zg-checkbox) {\n  margin-left: 6px;\n  font-size: 90%;\n}\n/* \'Cards\' label */\n:host ::slotted(zg-text) {\n  font-size: 90%;\n  margin-right: 5px;\n}\n/* Layout Control Buttons */\n:host ::slotted(zg-button) {\n  border-radius: 3px;\n  margin-left: 2px;\n}\n:host ::slotted(zg-button[action="layoutcard"]) {\n  transform: translateY(3.0px);\n}\n:host ::slotted(zg-button[action="layoutrow"]) {\n  transform: translateY(2.5px);\n}',""])},6516:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n\n/* Add styles to internally-appended load-mask only.\nUser-added markup on load will not have styling they need to overwrite */\n:host([default-load-mask]) {\n  align-items: center;\n  background: rgba(115, 142, 150, 0.4);\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  position: absolute;\n  width: 100%;\n  z-index: 1000;\n}\n\n/* Wrap */\n.default-wrap {\n  align-items: baseline;\n  display: flex;\n  justify-content: center;\n}\n\n/* Text */\n.loading-text {\n /**\n  * @memberof ZGLoadMask\n  * @var --zg-load-mask-color\n  * @description Sets the font color of the loading text\n  * @see color\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/embed/YTE2VZ54\n  * @shadowOnly true\n  */\n  color: var(--zg-load-mask-color, #fff);\n  font-size: 2rem;\n  margin-right: 6px;\n  text-shadow: 0 0 5px #8d9ea9;\n}\n\n/* Dot Animation */\n@keyframes CYCLE {\n  0% { opacity:0; }\n  50% { opacity:1; }\n  100% { opacity:0; }\n}\n.animation-wrap {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n}\n.animation-dot,\n.animation-wrap:after,\n.animation-wrap:before {\n  content: '';\n  animation-duration: 1.5s;\n  animation-iteration-count: infinite;\n  animation-name: CYCLE;\n  background: #fff;\n  border-radius: 50%;\n  box-shadow: 0 0 5px #adb7bd;\n  display: block;\n  height: 5px;\n  margin: 0 4px;\n  opacity: 0;\n  width: 5px;\n}\n.animation-dot {\n  animation-delay: 300ms;\n}\n.animation-wrap:after {\n  animation-delay: 600ms;\n}",""])},3251:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  background: var(--zg-menu-item-background, var(--zg-menu-background, inherit));\n  border-bottom: 1px solid var(--theme-border-color);\n  margin-bottom: 5px;\n  padding-bottom: 10px;\n}\n:host([hidden]) {\n  display: none;\n}\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* LABEL */\n.zg-menu-group-label {\nalign-items: center;\n  display: flex;\n  padding: 10px;\n}\n\n/* ITEMS */\n.zg-menu-group-items {\n  border: 1px solid var(--theme-border-color);\n  display: flex;\n  margin: 0 5px;\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(zg-icon) {\n  margin-right: 5px;\n}\n\n:host([dir="rtl"]) ::slotted(zg-icon) {\n  margin-left: 5px;\n  margin-right: unset;\n}\n\n:host ::slotted(zg-menu-item) {\n  --zg-menu-item-justify-content: center;\n  border-left: var(--zg-menu-item-border-left, var(--zg-menu-border-left, var(--zg-menu-item-border, var(--zg-menu-border, 1px solid var(--theme-border-color)))));\n}\n:host ::slotted(zg-menu-item:hover),\n:host ::slotted(zg-menu-item.hover) {\n  border-left: var(--zg-menu-item-border-left_hover, var(--zg-menu-item-border_hover, var(--zg-menu-item-border-left, var(--zg-menu-border-left, var(--zg-menu-item-border, var(--zg-menu-border, 1px solid var(--theme-border-color)))))));\n}\n\n:host ::slotted(zg-menu-item:first-of-type) {\n  margin-left: -1px;\n}',""])},7189:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  --zg-icon-height: 14px;\n  --zg-icon-width: 14px;\n\n  align-items:center;\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-background\n  * @description Styles the background of menu item\n  * @see background\n  * @default var(--zg-menu-background)\n  * @demoLink https://app.zingsoft.com/demos/create/B9ZW7JZ1\n  * @shadowOnly false\n  */\n  background: var(--zg-menu-item-background, var(--zg-menu-background));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border\n  * @description Styles the border of menu item\n  * @see border\n  * @default var(--zg-menu-item-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/OY846P1S\n  * @shadowOnly false\n  */\n  border: var(--zg-menu-item-border, 0);\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-bottom\n  * @description Styles the bottom border of menu item\n  * @see border\n  * @default var(--zg-menu-border-bottom, var(--zg-menu-item-border))\n  * @demoLink https://app.zingsoft.com/demos/create/K3RGBXUS\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-menu-item-border-bottom, var(--zg-menu-item-border));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-left\n  * @description Styles the left border of menu item\n  * @see border\n  * @default var(--zg-menu-border-left, var(--zg-menu-item-border))\n  * @demoLink https://app.zingsoft.com/demos/create/I02JZBV4\n  * @shadowOnly false\n  */\n  border-left: var(--zg-menu-item-border-left, var(--zg-menu-item-border));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-right\n  * @description Styles the border-right of menu item\n  * @see border\n  * @default var(--zg-menu-border-right, var(--zg-menu-item-border))\n  * @demoLink https://app.zingsoft.com/demos/create/XBLE7Y9F\n  * @shadowOnly false\n  */\n  border-right: var(--zg-menu-item-border-right, var(--zg-menu-item-border));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-top\n  * @description Styles the border-top of menu item\n  * @see border\n  * @default var(--zg-menu-border-top, var(--zg-menu-item-border))\n  * @demoLink https://app.zingsoft.com/demos/create/JXUI3ZZ1\n  * @shadowOnly false\n  */\n  border-top: var(--zg-menu-item-border-top, var(--zg-menu-item-border));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-color\n  * @description Styles the color of menu item\n  * @see color\n  * @default var(--zg-menu-color)\n  * @demoLink https://app.zingsoft.com/demos/create/PB332NEO\n  * @shadowOnly false\n  */\n  color: var(--zg-menu-item-color, var(--zg-menu-color));\n  box-sizing: border-box;\n  contain: content;\n  cursor: pointer;\n  display: inline-flex;\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-padding\n  * @description Sets the padding of menu item\n  * @see padding\n  * @default 2px 9px\n  * @demoLink https://app.zingsoft.com/demos/create/J8SC2JZ7\n  * @shadowOnly false\n  */\n  padding: var(--zg-menu-item-padding, 2px 9px);\n  transition: background var(--theme-transition_speed);\n}\n:host([hidden]) {\n  display: none;\n}\n:host([disabled]),\n:host([disabled]:hover) {\n  background: inherit;\n  cursor: not-allowed;\n}\n\n:host(:hover), :host(.hover) {\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-background_hover\n  * @description Styles the background of menu item on hover\n  * @see background\n  * @default var(--zg-menu-item-background, var(--zg-menu-background))\n  * @demoLink https://app.zingsoft.com/demos/create/TGJCKUFU\n  * @shadowOnly false\n  */\n  background: var(--zg-menu-item-background_hover, var(--zg-menu-item-background, var(--zg-menu-background)));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border_hover\n  * @description Styles the border of menu item on hover\n  * @see border\n  * @default var(--zg-menu-item-border)\n  * @demoLink https://app.zingsoft.com/demos/create/COY3QOQ4\n  * @shadowOnly false\n  */\n  border: var(--zg-menu-item-border_hover, var(--zg-menu-item-border));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-bottom_hover\n  * @description Styles the bottom border of menu item on hover\n  * @see border\n  * @default var(--zg-menu-item-border_hover, var(--zg-menu-item-border-bottom, var(--zg-menu-item-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/Y257HM34\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-menu-item-border-bottom_hover, var(--zg-menu-item-border_hover, var(--zg-menu-item-border-bottom, var(--zg-menu-item-border))));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-left_hover\n  * @description Styles the left border of menu item on hover\n  * @see border\n  * @default var(--zg-menu-item-border_hover, var(--zg-menu-item-border-left, var(--zg-menu-item-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/L6B0TSI2\n  * @shadowOnly false\n  */\n  border-left: var(--zg-menu-item-border-left_hover, var(--zg-menu-item-border_hover, var(--zg-menu-item-border-left, var(--zg-menu-item-border))));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-right_hover\n  * @description Styles the right border of menu item on hover\n  * @see border\n  * @default var(--zg-menu-item-border_hover, var(--zg-menu-item-border-right, var(--zg-menu-item-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/B0CA9PC5\n  * @shadowOnly false\n  */\n  border-right: var(--zg-menu-item-border-right_hover, var(--zg-menu-item-border_hover, var(--zg-menu-item-border-right, var(--zg-menu-item-border))));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-top_hover\n  * @description Styles the top border of menu item on hover\n  * @see border\n  * @default var(--zg-menu-item-border_hover, var(--zg-menu-item-border-top, var(--zg-menu-item-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/IEQ87DM1\n  * @shadowOnly false\n  */\n  border-top: var(--zg-menu-item-border-top_hover, var(--zg-menu-item-border_hover, var(--zg-menu-item-border-top, var(--zg-menu-item-border))));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-color_hover\n  * @description Styles the color of menu item on hover\n  * @see color\n  * @default var(--zg-menu-item-color, var(--zg-menu-color))\n  * @demoLink https://app.zingsoft.com/demos/create/G87OUAAS\n  * @shadowOnly false\n  */\n  color: var(--zg-menu-item-color_hover, var(--zg-menu-item-color, var(--zg-menu-color)));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-justify-content_hover\n  * @description Sets the horizontal alignment of contents in menu item on hover\n  * @see justify-content\n  * @default var(--zg-menu-item-justify-content, flex-start)\n  * @demoLink https://app.zingsoft.com/demos/create/E0CSUDJQ\n  * @shadowOnly false\n  */\n  justify-content: var(--zg-menu-item-justify-content_hover, var(--zg-menu-item-justify-content, flex-start));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-padding_hover\n  * @description Sets the padding of menu item on hover\n  * @see padding\n  * @default var(--zg-menu-item-padding, 2px 9px)\n  * @demoLink https://app.zingsoft.com/demos/create/2L3WUNZM\n  * @shadowOnly false\n  */\n  padding: var(--zg-menu-item-padding_hover, var(--zg-menu-item-padding, 2px 9px));\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(zg-button) {\n    /* make zg-button inside zg-menu-item click through and no hover effect */\n    pointer-events: none;\n    /**\n    * @memberof ZGMenuItem\n    * @var --zg-menu-item-justify-content\n    * @description Sets the horizontal alignment of contents in menu item\n    * @see justify-content\n    * @default flex-start\n    * @demoLink https://app.zingsoft.com/demos/create/E73X0A1J\n    * @shadowOnly false\n    */\n    /* \n      NOTE: Added here instead of :host above, b/c menuitems always have a button inside,\n      which should get the alignment. Because of this, if there is a use case where you want\n      the parent to have the justify-content value, you have to do it inline.\n    */\n    justify-content: var(--zg-menu-item-justify-content, flex-start);\n    width: 100%;\n}\n\n/* Custom User Button */\n/* Note: When a user adds w/o an icon, the `[action]` attribute value on the button will be '' */\n:host ::slotted(zg-button[action=\"\"]) {\n  padding-left:calc(var(--zg-icon-width) + 7px);\n  pointer-events: inherit;\n}\n\n:host(:hover) ::slotted(zg-button),\n:host(.hover) ::slotted(zg-button) {\n  /* Already documented above */\n  color: var(--zg-menu-item-color_hover, var(--zg-button-color));\n  /* \n    NOTE: Added here instead of :host above, b/c menuitems always have a button inside,\n    which should get the alignment. Because of this, if there is a use case where you want\n    the parent to have the justify-content value, you have to do it inline.\n  */\n  justify-content: var(--zg-menu-item-justify-content_hover, var(--zg-menu-item-justify-content, flex-start));\n}",""])},6528:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-background\n  * @description Styles background of menu dropdown\n  * @see background\n  * @default Browser\'s defaul value\n  * @demoLink https://app.zingsoft.com/demos/create/H302IPDV\n  * @shadowOnly true\n  */\n  background: var(--zg-menu-background);\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-border\n  * @description Styles the border of menu dropdown\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/L29XD0SG\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-border-bottom\n  * @description Styles the bottom border of menu dropdown\n  * @see border\n  * @default var(--zg-menu-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/BP6Q1ONR\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-menu-border-bottom, var(--zg-menu-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-border-left\n  * @description Styles the left border of menu dropdown\n  * @see border\n  * @default var(--zg-menu-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/YTOQWH4D\n  * @shadowOnly false\n  */\n  border-left: var(--zg-menu-border-left, var(--zg-menu-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-border-right\n  * @description Styles the right border of menu dropdown\n  * @see border\n  * @default var(--zg-menu-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/9PZS6F7O\n  * @shadowOnly false\n  */\n  border-right: var(--zg-menu-border-right, var(--zg-menu-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-border-top\n  * @description Styles the top border of menu dropdown\n  * @see border\n  * @default var(--zg-menu-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/60VFS9X7\n  * @shadowOnly false\n  */\n  border-top: var(--zg-menu-border-top, var(--zg-menu-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-box-shadow\n  * @description Applies a box shadow to menu dropdown\n  * @see box-shadow\n  * @default 0 3px 3px #ccc\n  * @demoLink https://app.zingsoft.com/demos/create/8KM669HT\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-menu-box-shadow, 0 3px 3px #ccc);\n  box-sizing: border-box;\n  display: inline-block;\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-padding\n  * @description Sets the padding of the menu dropdown\n  * @see padding\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/O1VERLUD\n  * @shadowOnly false\n  */\n  padding: var(--zg-menu-padding, 0);\n  position: absolute;\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-font-size\n  * @description Sets the font size of menu dropdown\n  * @see font-size\n  * @default 0.8rem\n  * @demoLink https://app.zingsoft.com/demos/create/H08WWNC4\n  * @shadowOnly false\n  */\n  font-size: var(--zg-menu-font-size, 0.8rem);\n  user-select: none;\n  z-index: var(--theme-z-index_tall, 10000);\n}\n:host([hidden]) {\n  display: none;\n}\n\n/* RIGHT-CLICK MENU VERSION */\n:host(#userContextMenuClone[menu-opener="context"]) {\n  transform: translate(20px, -17px);\n}\n:host(#userContextMenuClone[menu-opener="context"][internal-dir="left"]) {\n  transform: translate(-20px, -17px);\n}\n:host(#userContextMenuClone[menu-opener="static"]) {\n  transform: translate(0px, 10px);\n}\n/* Add \'cursor position\' arrow */\n:host(#userContextMenuClone[menu-opener="context"]):after,\n:host(#userContextMenuClone[menu-opener="context"]):before {\n  border-color: transparent;\n  border-style: solid;\n  content: \'\';\n  display: block;\n  position: absolute;\n  right: var(--menu-arrow-right, 100%);\n}\n:host(#userContextMenuClone[menu-opener="context"]):before {\n  border-width: 8px;\n  border-right-color: var(--theme-border-color);\n  top: 10px;\n}\n:host(#userContextMenuClone[menu-opener="context"]):after {\n  border-width: 6px;\n  border-right-color: var(--theme-background-zebra);\n  top: 12px;\n}\n\n:host(#userContextMenuClone[menu-opener="context"][internal-dir="left"]):after,\n:host(#userContextMenuClone[menu-opener="context"][internal-dir="left"]):before {\n  content: unset;\n}\n\n\n/* COLUMNS-CONTROL MENU VERSION */\n:host(#columnMenu) {\n  --zg-menu-padding: 10px;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n.zg-menu {\n    display: flex;\n    flex-direction: column;\n    height: auto;\n    padding: var(--zg-menu-padding, 5px);\n}\n\n/* RIGHT-CLICK MENU VERSION */\n:host(#userContextMenuClone) .zg-menu {\n  --zg-menu-padding: 0 0 5px;\n}\n\n/* COLUMNS-CONTROL MENU VERSION */\n:host(#columnMenu) .zg-menu {\n  --zg-menu-padding: 6px 10px;\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* COLUMNS-CONTROL MENU VERSION */\n:host(#columnMenu) ::slotted(zg-menuitem) {\n  --zg-menu-item-padding: 3px 0;\n}',""])},1516:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-background\n  * @description Styles the background of empty message when in `<zg-header>`\n  * @see background\n  * @default var(--theme-color-light)\n  * @demoLink https://app.zingsoft.com/demos/create/DZ18XBMU\n  * @shadowOnly false\n  */\n  background: var(--zg-no-data-background, var(--theme-color-light));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border\n  * @description Styles the border of empty message when in `<zg-header>`\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/H9H8800K\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border-bottom\n  * @description Styles the bottom border of empty message when in `<zg-header>`\n  * @see border\n  * @default var(--zg-no-data-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/5GHU0UT2\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-no-data-border-bottom, var(--zg-no-data-border, 0));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border-left\n  * @description Styles the left border of empty message when in `<zg-header>`\n  * @see border\n  * @default var(--zg-no-data-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/8PC30SFF\n  * @shadowOnly false\n  */\n  border-left: var(--zg-no-data-border-left, var(--zg-no-data-border, 0));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border-right\n  * @description Styles the right border of empty message when in `<zg-header>`\n  * @see border\n  * @default var(--zg-no-data-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/4SZ8NQ8O\n  * @shadowOnly false\n  */\n  border-right: var(--zg-no-data-border-right, var(--zg-no-data-border, 0));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border-top\n  * @description Styles the top border of empty message when in `<zg-header>`\n  * @see border\n  * @default var(--zg-no-data-border, 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/F5LJEMJO\n  * @shadowOnly false\n  */\n  border-top: var(--zg-no-data-border-top, var(--zg-no-data-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border-radius\n  * @description Styles the border radius of empty message\n  * @see border-radius\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/A1CYESQT\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-no-data-border-radius, 0);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-color\n  * @description Sets the font color content inside of empty message when in `<zg-header>`\n  * @see color\n  * @default var(--theme-font-size)\n  * @demoLink https://app.zingsoft.com/demos/create/9QIBFMGP\n  * @shadowOnly false\n  */\n  color: var(--zg-no-data-color, var(--theme-font-size));\n  contain: content;\n  display: none;\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-font-size\n  * @description Sets the font size of empty message\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/26M7XA7S\n  * @shadowOnly false\n  */\n  font-size: var(--zg-no-data-font-size, .875rem);\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-font-style\n  * @description Sets the font style of empty message\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/ERYSUAI0\n  * @shadowOnly false\n  */\n  font-style: var(--zg-no-data-font-style, inherit);\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-font-weight\n  * @description Sets the font weight of empty message\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/PT3I1OQC\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-no-data-font-weight, inherit);\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-line-height\n  * @description Sets the line height of empty message\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/XGIEZHE5\n  * @shadowOnly false\n  */\n  line-height: var(--zg-no-data-line-height, inherit);\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-min-height\n  * @description Sets the min-height of empty message\n  * @see min-height\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/84P0AHF7\n  * @shadowOnly false\n  */\n  min-height: var(--zg-no-data-min-height, 100%);\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-padding\n  * @description Sets the padding of empty message\n  * @see padding\n  * @default var(--zg-cell-height, var(--theme-padding_x, auto))) var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/S9ZVCD9A\n  * @shadowOnly false\n  */\n  padding: var(--zg-no-data-padding, var(--zg-cell-height_layout_row, var(--zg-cell-height, var(--theme-padding_x, auto))) var(--theme-padding_x));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-text-align\n  * @description Sets text alignment of content inside of empty message\n  * @see text-align\n  * @default left\n  * @demoLink https://app.zingsoft.com/demos/create/TWOSCDLC\n  * @shadowOnly true\n  */\n  text-align: var(--zg-no-data-text-align, left);\n  place-content: var(--zg-no-data-text-align, left);\n  width: 100%;\n}\n:host([no-data]) {\n  align-items: flex-start;\n  display: flex;\n}\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n:host(.default) div[role=\"any\"] {\n  align-items: center;\n  display: flex;\n}\n\n/* User added `[no-data]` attribute */\n:host(.attr) {\n  font-weight: var(--zg-no-data-font-weight, 500);\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n\n/* 'Default message' default container */\n:host ::slotted(.default-message) {\n  font-weight: var(--zg-no-data-font-weight, 500);\n}\n\n/* 'Insert Record' default container */\n:host ::slotted(.default-insert-record) {\n  align-items:center;\n  display: flex;\n  margin-left: .3125rem;\n}",""])},3645:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-background\n    * @description Styles the background of option list\n    * @see background\n    * @default #fff\n    * @demoLink https://app.zingsoft.com/demos/create/JCRKBH4Y\n    * @shadowOnly false\n    */\n    background: var(--zg-option-list-background, #fff);\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-border\n    * @description Styles the border of option list\n    * @see border\n    * @default 1px solid var(--theme-border-color)\n    * @demoLink https://app.zingsoft.com/demos/create/SQNKOS7B\n    * @shadowOnly false\n    */\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-border-bottom\n    * @description Styles the bottom border of option list\n    * @see border\n    * @default var(--zg-option-list-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/31Q5PRQB\n    * @shadowOnly false\n    */\n    border-bottom: var(--zg-option-list-border-bottom, var(--zg-option-list-border, 1px solid var(--theme-border-color)));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-border-left\n    * @description Styles the left border of option list\n    * @see border\n    * @default var(--zg-option-list-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/3BWGQYG6\n    * @shadowOnly false\n    */\n    border-left: var(--zg-option-list-border-left, var(--zg-option-list-border, 1px solid var(--theme-border-color)));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-border-right\n    * @description Styles the right border of option list\n    * @see border\n    * @default var(--zg-option-list-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/SG9TA4DQ\n    * @shadowOnly false\n    */\n    border-right: var(--zg-option-list-border-right, var(--zg-option-list-border, 1px solid var(--theme-border-color)));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-border-top\n    * @description Styles the bottom top of option list\n    * @see border\n    * @default var(--zg-option-list-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/CZ8HY148\n    * @shadowOnly false\n    */\n    border-top: var(--zg-option-list-border-top, var(--zg-option-list-border, 1px solid var(--theme-border-color)));\n    bottom: auto;\n    box-sizing: border-box;\n    contain: content;\n    height: auto;\n    min-height: var(--zg-option-list-item-height, 32px);\n    max-width: 250px;\n    min-width: 100%;\n    z-index: 10000;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n.zg-option-list {\n    display: flex;\n    flex-direction: column;\n    margin: 0;\n    padding: 0;\n    zoom: 1;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* TODO: Clean up span CSS */\n:host ::slotted(span) {\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-border\n    * @description Styles the border of option list item\n    * @see border\n    * @default 0\n    * @demoLink https://app.zingsoft.com/demos/create/VH6WGYS9\n    * @shadowOnly false\n    */\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-border-bottom\n    * @description Styles the bottom border of option list item\n    * @see border\n    * @default var(--zg-option-list-item-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/QCJG4ENK\n    * @shadowOnly false\n    */\n    border-bottom: var(--zg-option-list-item-border-bottom, var(--zg-option-list-item-border, 0));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-border-left\n    * @description Styles the left border of option list item\n    * @see border\n    * @default var(--zg-option-list-item-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/DCZNW2UY\n    * @shadowOnly false\n    */\n    border-left: var(--zg-option-list-item-border-left, var(--zg-option-list-item-border, 0));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-border-right\n    * @description Styles the right border of option list item\n    * @see border\n    * @default var(--zg-option-list-item-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/442R7DGZ\n    * @shadowOnly false\n    */\n    border-right: var(--zg-option-list-item-border-right, var(--zg-option-list-item-border, 0));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-border-top\n    * @description Styles the top border of option list item\n    * @see border\n    * @default var(--zg-option-list-item-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/LBZKLEVF\n    * @shadowOnly false\n    */\n    border-top: var(--zg-option-list-item-border-top, var(--zg-option-list-item-border, 0));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-color\n    * @description Styles the color of option list item\n    * @default Browser\'s default value\n    * @see color\n    * @demoLink https://app.zingsoft.com/demos/create/RLKIPFXB\n    * @shadowOnly false\n    */\n    color: var(--zg-option-list-color, #000000);\n    cursor: pointer;\n    display: block;\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-height\n    * @description Sets the height of option list item\n    * @see height\n    * @default 32px\n    * @demoLink https://app.zingsoft.com/demos/create/LZZDJ4ZH\n    * @shadowOnly false\n    */\n    min-height: var(--zg-option-list-item-height, 32px);\n    height: var(--zg-option-list-item-height, 32px);\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-line-height\n    * @description Sets the line height of option list item\n    * @see line-height\n    * @default 32px\n    * @demoLink https://app.zingsoft.com/demos/create/9QGZA2DF\n    * @shadowOnly false\n    */\n    line-height: var(--zg-option-list-item-line-height, 32px);\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-padding\n    * @description Sets the padding of option list item\n    * @see padding\n    * @default 0 15px\n    * @demoLink https://app.zingsoft.com/demos/create/3TSJS7B1\n    * @shadowOnly false\n    */\n    padding: var(--zg-option-list-item-padding, 0 15px);\n    transition: all .15s;\n    overflow: hidden;\n    text-align: left;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    /* Safari */\n    list-style-type: none;\n}\n\n:host([dir="rtl"]) ::slotted(span) {\n    text-align: right;\n}\n\n:host ::slotted(span:hover) {\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-background_hover\n    * @description Sets the background of option list item on hover\n    * @see background\n    * @default var(--theme-color-secondary)\n    * @demoLink https://app.zingsoft.com/demos/create/SQITNDOY\n    * @shadowOnly false\n    */\n    background: var(--zg-option-list-item-background_hover, var(--theme-color-secondary));\n}',""])},3826:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-background\n  * @description Styles the background of pager\n  * @see background\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/DSI1M4K6\n  * @shadowOnly false\n  */\n  background: var(--zg-pager-background);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border\n  * @description Styles the border of pager\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/12I3VYOI\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-bottom\n  * @description Styles the bottom border of pager\n  * @see border\n  * @default var(--zg-pager-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/HLBTB6HX\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-pager-border-bottom, var(--zg-pager-border, 0));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-left\n  * @description Styles the left border of pager\n  * @see border\n  * @default var(--zg-pager-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/A3EQ97B7\n  * @shadowOnly false\n  */\n  border-left: var(--zg-pager-border-left, var(--zg-pager-border, 0));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-right\n  * @description Styles the right border of pager\n  * @see border\n  * @default var(--zg-pager-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/8PKZ2V87\n  * @shadowOnly false\n  */\n  border-right: var(--zg-pager-border-right, var(--zg-pager-border, 0));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-top\n  * @description Styles the top border of pager\n  * @see border\n  * @default var(--zg-pager-border)\n  * @demoLink https://app.zingsoft.com/demos/create/S7J5KA7S\n  * @shadowOnly false\n  */\n  border-top: var(--zg-pager-border-top, var(--zg-pager-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-box-shadow\n  * @description Applies a box shadow behind the pager\n  * @see box-shadow\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/E3ZE0EHX\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-pager-box-shadow, 0);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-color\n  * @description Sets the color of pager text\n  * @see color\n  * @default var(--zing-grid-color), var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/C1JDZLU9\n  * @shadowOnly false\n  */\n  color: var(--zg-pager-color, var(--zing-grid-color, var(--theme-color)));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-font-size\n  * @description Sets the font size of pager text\n  * @see font-size\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/4MA9LSWA\n  * @shadowOnly false\n  */\n  font-size: var(--zg-pager-font-size);\n  display: block;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-margin\n  * @description Sets the margin of pager\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/SQZ9LICW\n  * @shadowOnly false\n  */\n  margin: var(--zg-pager-margin, 0);\n  position: relative;\n  z-index: 3;\n}\n\n/* Add a bottom border when placed at the top of the grid (`[pager-position="top"]`) */\n:host([slot="top"]) {\n  border-bottom: 1px solid var(--theme-border-color);\n}\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Wrapper */\n.zg-pager {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Inner Wrapper */\n.zg-pager-inner {\n  align-items: center;\n  display: flex;\n  flex-direction: unset;\n  flex-wrap: wrap;\n  justify-content: center;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-height\n  * @description Sets the minimum height of pager\n  * @see min-height\n  * @default 1px\n  * @demoLink https://app.zingsoft.com/demos/create/5LQ86G4I\n  * @shadowOnly false\n  */\n  min-height: var(--zg-pager-height, 1px);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-padding\n  * @description Sets the padding of pager\n  * @see padding\n  * @default 0 var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/DFS7ZU1P\n  * @shadowOnly true\n  */\n  padding: var(--zg-pager-padding, 0 var(--theme-padding_x));\n}\n\n/* The Columns */\n.zg-pager-left,\n.zg-pager-right,\n.zg-pager-center {\n  align-items: center;\n  display: flex;\n  flex: 0 1 33.333%;\n  flex-direction: row;\n  margin-top: var(--zg-pager-section-margin-top);\n}\n\n/* Left */\n.zg-pager-left> :first-child {\n  margin-left: 0;\n}\n\n:host([viewport="mobile"]) .zg-pager-left {\n  order: 2;\n  transform: scale(.8);\n  z-index: 1;\n}\n\n/* Right */\n.zg-pager-right {\n  justify-content: flex-end;\n}\n\n/* -- Hide in mobile viewport */\n:host([viewport="mobile"]) .zg-pager-right {\n  display: none;\n}\n\n@media screen and (max-width:767px) {\n\n  :host([viewport-pause]) .zg-pager-left,\n  :host([viewport-stop]) .zg-pager-left {\n    order: 2;\n    transform: scale(.8);\n    z-index: 1;\n  }\n\n  :host([viewport-pause]) .zg-pager-right,\n  :host([viewport-stop]) .zg-pager-right {\n    display: none;\n  }\n}\n\n/* Center */\n.zg-pager-center {\n  justify-content: center;\n}\n\n\n@media screen and (max-width:350px) {\n  :host([viewport="mobile"]) .zg-pager-inner {\n    flex-direction: column;\n  }\n}\n\n/* STYLING WHEN IN \'CARD\' LAYOUT, BUT NOT MOBILE */\n:host([layout="card"]:not([viewport="mobile"])) {\n  /* NOTE: For internal use for now. Don\'t add JSDocs! */\n  border-bottom: var(--zg-pager-card-nonmobile-border-bottom);\n  border-left: var(--zg-pager-card-nonmobile-border-left);\n  border-right: var(--zg-pager-card-nonmobile-border-right);\n  border-top: var(--zg-pager-card-nonmobile-border-top);\n}\n\n/* STYLING WHEN IN \'MOBILE\' VIEWPORT */\n:host([viewport="mobile"]:not([layout="row"])) #inner {\n  flex-wrap: wrap;\n  padding-bottom: 10px;\n  padding-top: 10px;\n}\n\n:host([viewport="mobile"]:not([layout="row"])) #left {\n  flex-basis: 50%;\n  order: 1;\n}\n\n:host([viewport="mobile"]:not([layout="row"])) #center {\n  justify-content: center;\n  order: 3;\n  padding-top: 15px;\n}\n\n:host([viewport="mobile"]:not([layout="row"])) #right {\n  flex-basis: 50%;\n  order: 2;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(zg-input) {\n  flex: 0 1 auto;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-child-margin\n  * @description Sets the margin of pager items\n  * @see margin\n  * @default 0 5px\n  * @demoLink https://app.zingsoft.com/demos/create/BHPOIOVV\n  * @shadowOnly true\n  */\n  margin: var(--zg-pager-child-margin, 0 5px);\n}\n\n:host ::slotted(zg-button):first-child {\n  margin-left: calc(var(--zg-button-padding) - (var(--zg-button-padding) * 2) - 5px);\n}\n\n/* SELECT DROPDOWN */\n:host ::slotted(zg-select) {\n  margin-right: 3px;\n}\n\n:host([dir="rtl"]) ::slotted(zg-select) {\n  margin-left: 3px;\n  margin-right: 0px;\n}\n\n:host([pager-type*="button"]) ::slotted(zg-button[action="prevpage"]),\n:host([pager-type*="button"]) ::slotted(zg-button[action="nextpage"]),\n:host([pager-type*="button"]) ::slotted(zg-button[action="page"]) {\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-background_button\n  * @description Styles the background of pager buttons in \'button-pagination` mode\n  * @see background\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/RFPJ268T\n  * @shadowOnly false\n  */\n  background: var(--zg-pager-background_button, #fff);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border_button\n  * @description Styles the bottom border of pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/GMCTJPNT\n  * @shadowOnly false\n  */\n  border: var(--zg-pager-border_button);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-bottom_button\n  * @description Styles the bottom border of pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border_button)\n  * @demoLink https://app.zingsoft.com/demos/create/SX86NT1Z\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-pager-border-bottom_button, var(--zg-pager-border_button));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-left_button\n  * @description Styles the left border of pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border_button)\n  * @demoLink https://app.zingsoft.com/demos/create/7ZFWGWPZ\n  * @shadowOnly false\n  */\n  border-left: var(--zg-pager-border-left_button, var(--zg-pager-border_button));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-right_button\n  * @description Styles the right border of pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border_button)\n  * @demoLink https://app.zingsoft.com/demos/create/E0Z1Z61Z\n  * @shadowOnly false\n  */\n  border-right: var(--zg-pager-border-right_button, var(--zg-pager-border_button));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-top_button\n  * @description Styles the top border of pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border_button)\n  * @demoLink https://app.zingsoft.com/demos/create/GUTPFSA2\n  * @shadowOnly false\n  */\n  border-top: var(--zg-pager-border-top_button, var(--zg-pager-border_button));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-radius_button\n  * @description Applies border radius to the pager buttons in \'button-pagination\' mode\n  * @see border-radius\n  * @default 50%\n  * @demoLink https://app.zingsoft.com/demos/create/C5XSS45A\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-pager-border-radius_button, 0);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-color_button\n  * @description Sets the color of pager buttons in \'button-text\' mode\n  * @see color\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/3PUA1QDD\n  * @shadowOnly false\n  */\n  color: var(--zg-pager-color_button, var(--zg-pager-color, var(--zing-grid-color, var(--theme-color))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-height_button\n  * @description Sets the height of pager buttons in \'button-pagination\' mode\n  * @see height\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/NU8PS15R\n  * @shadowOnly false\n  */\n  height: var(--zg-pager-height_button, 26px);\n  justify-content: center;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-width_button\n  * @description Sets the width of pager buttons in \'button-pagination\' mode\n  * @see width\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/TND8N5QP\n  * @shadowOnly false\n  */\n  width: var(--zg-pager-width_button, 26px);\n\n}\n\n:host([pager-type*="button"]) ::slotted(zg-button[action="prevpage"][active]),\n:host([pager-type*="button"]) ::slotted(zg-button[action="nextpage"][active]),\n:host([pager-type*="button"]) ::slotted(zg-button[action="page"][active]) {\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-background_button_active\n  * @description Styles the background of active pager buttons in \'button-pagination` mode\n  * @see background\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/30Q3UD77\n  * @shadowOnly false\n  */\n  background: var(--zg-pager-background_button_active, var(--theme-color-primary));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border_button_active\n  * @description Styles the bottom border of active pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/S0T1BVWQ\n  * @shadowOnly false\n  */\n  border: var(--zg-pager-border_button_active, var(--zg-pager-border_button));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-bottom_button_active\n  * @description Styles the bottom border of active pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border-bottom_button_active, var(--zg-pager-border-bottom_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  * @demoLink https://app.zingsoft.com/demos/create/DTH3NBH8\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-pager-border-bottom_button_active, var(--zg-pager-border-bottom_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-left_button_active\n  * @description Styles the left border of active pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border-left_button_active, var(--zg-pager-border-left_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  * @demoLink https://app.zingsoft.com/demos/create/DMB3KOV6\n  * @shadowOnly false\n  */\n  border-left: var(--zg-pager-border-left_button_active, var(--zg-pager-border-left_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-right_button_active\n  * @description Styles the right border of active pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border-right_button_active, var(--zg-pager-border-right_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  * @demoLink https://app.zingsoft.com/demos/create/8IH4UBJB\n  * @shadowOnly false\n  */\n  border-right: var(--zg-pager-border-right_button_active, var(--zg-pager-border-right_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-top_button_active\n  * @description Styles the top border of active pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border-top_button_active, var(--zg-pager-border-top_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  * @demoLink https://app.zingsoft.com/demos/create/3P68ZU21\n  * @shadowOnly false\n  */\n  border-top: var(--zg-pager-border-top_button_active, var(--zg-pager-border-top_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-radius_button_active\n  * @description Applies border radius to the pager next/previous buttons in \'button-pagination\' mode\n  * @see border-radius\n  * @default 50%\n  * @demoLink https://app.zingsoft.com/demos/vicreateew/4NN6CW5X\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-pager-border-radius_button_active, var(--zg-pager-border-radius_button, 0));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-color_button_active\n  * @description Sets the color of pager buttons in \'button-pagination\' mode\n  * @see color\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/65T7U4OO\n  * @shadowOnly false\n  */\n  color: var(--zg-pager-color_button_active, var(--zg-pager-color_button, var(--zg-pager-color, var(--zing-grid-color, var(--theme-color)))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-height_button_active\n  * @description Sets the height of active pager buttons in \'button-pagination\' mode\n  * @see height\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/YQK9B3TR\n  * @shadowOnly false\n  */\n  height: var(--zg-pager-height_button_active, var(--zg-pager-height_button, 26px));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-width_button_active\n  * @description Sets the width of active pager buttons in \'button-pagination\' mode\n  * @see width\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/JGGN84RM\n  * @shadowOnly false\n  */\n  width: var(--zg-pager-width_button_active, var(--zg-pager-width_button, 26px));\n}\n\n\n/* BUTTON PAGINATION STYLING */\n/* Text Buttons */\n:host([pager-type="button-text"]) ::slotted(zg-button[action="prevpage"]),\n:host([pager-type="button-text"]) ::slotted(zg-button[action="nextpage"]) {\n  padding-left: 6px;\n  padding-right: 6px;\n  width: var(--zg-pager-width_button, auto);\n}\n\n/* Text Buttons */\n:host([pager-type="button-text"]) ::slotted(zg-button[action="prevpage"][active]),\n:host([pager-type="button-text"]) ::slotted(zg-button[action="nextpage"][active]) {\n  width: var(--zg-pager-width_button_active, var(--zg-pager-width_button, auto));\n}\n\n\n/* CURSOR-BASED PAGINATION STYLING */\n:host([type="cursor"]) ::slotted([action="nextpage"]),\n:host([type="cursor"]) ::slotted([action="prevpage"]) {\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-background_cursor\n  * @description Styles the background of pager next/previous buttons in \'cursor-pagination` mode\n  * @see background\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/2W0L943N\n  * @shadowOnly false\n  */\n  background: var(--zg-pager-background_cursor, var(--theme-color-primary));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-bottom_cursor\n  * @description Styles the bottom border of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/6GTM4FBP\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-pager-border-bottom_cursor, 0);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-left_cursor\n  * @description Styles the left border of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/RYTF8WCR\n  * @shadowOnly false\n  */\n  border-left: var(--zg-pager-border-left_cursor, 0);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-right_cursor\n  * @description Styles the right border of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/CROQ1YCC\n  * @shadowOnly false\n  */\n  border-right: var(--zg-pager-border-right_cursor, 0);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-top_cursor\n  * @description Styles the top border of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/FUJKHWQ4\n  * @shadowOnly false\n  */\n  border-top: var(--zg-pager-border-top_cursor, 0);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-radius_cursor\n  * @description Applies border radius to the pager next/previous buttons in \'cursor-pagination\' mode\n  * @see border-radius\n  * @default 50%\n  * @demoLink https://app.zingsoft.com/demos/create/NVMU8M40\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-pager-border-radius_cursor, 50%);\n  display: var(--zg-pager-display_cursor, flex);\n  place-content: var(--zg-pager-place-content_cursor, center);\n  place-items: var(--zg-pager-place-items_cursor, center);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-height_cursor\n  * @description Sets the height of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see height\n  * @default 21px\n  * @demoLink https://app.zingsoft.com/demos/create/1Q1Y5Y7U\n  * @shadowOnly false\n  */\n  height: var(--zg-pager-height_cursor, 21px);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-width_cursor\n  * @description Sets the width of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see width\n  * @default 21px\n  * @demoLink https://app.zingsoft.com/demos/create/XDFDMJDM\n  * @shadowOnly false\n  */\n  width: var(--zg-pager-width_cursor, 21px);\n}\n\n:host([type="cursor"]) ::slotted([action="nextpage"]) {\n  margin-left: 12px;\n}\n\n/* PAGE RESULTS */\n:host ::slotted(zg-text) {\n  align-self: center;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-text-margin\n  * @description Sets the margin of pager text\n  * @see margin\n  * @default 0 2px\n  * @demoLink https://app.zingsoft.com/demos/create/JRVD4KCC\n  * @shadowOnly false\n  */\n  margin: var(--zg-pager-text-margin, 0 2px);\n}\n\n/* SPECIAL SMALL-SIZE MOBILE STYLING\n-------------------------------------- */\n@media screen and (max-width:400px) {\n  :host([viewport="mobile"]) .zg-pager-inner {\n    flex-direction: column;\n  }\n\n  :host([viewport="mobile"]) .zg-pager-left {\n    flex-basis: 100%;\n  }\n\n  /* PAGE-SIZE SELECT */\n  :host([viewport="mobile"]) ::slotted(zg-select) {\n    display: flex;\n    align-items: center;\n  }\n\n  :host([viewport="mobile"]) ::slotted(zg-select):before {\n    content: \'Page Size\';\n    display: inline-block;\n    margin: 0 14px 0 0;\n  }\n}',""])},629:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    display: none;\n}",""])},3171:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n/* Hide if \'hidden\' attribute applied */\n:host() {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-color\n  * @description Sets the font color of all rows\n  * @see color\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/DZMUUEIE\n  * @shadowOnly false\n  */\n  color: var(--zg-row-color);\n}\n:host(:hover) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-color_hover\n  * @description Sets the font color of all rows on hover\n  * @see color\n  * @default var(--zg-row-color)\n  * @demoLink https://app.zingsoft.com/demos/create/PY680MQ0\n  * @shadowOnly false\n  */\n  color: var(--zg-row-color_hover, var(--zg-row-color));\n}\n/* Hide if \'hidden\' attribute applied */\n:host([hidden]) {\n  display: none !important;\n}\n\n\n\n/* WHEN IN ZG-BODY\n-------------------------------------- */\n\n\n/* DEFAULT GRID LINES (HORIZONTAL, VERTICAL, BOTH)\n---------------------------------------------------- */\n:host([gridlines-vertical]) {\n  --zg-row-body-border-top: 0;\n}\n:host([gridlines-horizontal]) {\n  --zg-row-body-border-top: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - HEAD CELL - LEFT FRAME */\n:host([gridlines-vertical][frozen-frame="left"]) ::slotted(zg-head-cell) {\n  --zg-head-cell-border-right: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - BODY CELL - LEFT FRAME */\n:host([gridlines-vertical][frozen-frame="left"]) ::slotted(zg-cell) {\n  --zg-cell-border-right: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - FILTER - LEFT FRAME */\n:host([gridlines-vertical][frozen-frame="left"]) ::slotted(zg-filter) {\n  --zg-filter-border-right: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - HEAD CELL - MAIN AND RIGHT FRAME */\n:host([gridlines-vertical]:not([frozen-frame="left"])) ::slotted(zg-head-cell) {\n  --zg-head-cell-border-left: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - BODY CELL - MAIN AND RIGHT FRAME */\n:host([gridlines-vertical]:not([frozen-frame="left"]):not([layout="card"])) ::slotted(zg-cell:not([first])) {\n  --zg-cell-border-left: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - FILTER - MAIN AND RIGHT FRAME */\n:host([gridlines-vertical]:not([frozen-frame="left"])) ::slotted(zg-filter) {\n  --zg-filter-border-left: 1px solid var(--theme-border-color);\n  --zg-filter-border-left_sorted: 1px solid var(--theme-border-color);\n}\n\n/* HIDE DOUBLE LINE WHEN MAIN CONNECTS WITH BODY OR LEFT FRAME */\n:host([gridlines-vertical]) ::slotted(zg-head-cell[first]) {\n  --zg-head-cell-border-left: 0px;\n}\n\n:host([gridlines-vertical]) ::slotted(zg-cell[first]) {\n  --zg-cell-border-left: 0px;\n}\n\n:host([gridlines-vertical]) ::slotted(zg-filter[first]) {\n  --zg-filter-border-left: 0px;\n  --zg-filter-border-left_sorted: 0px;\n}\n\n\n\n/* LAYOUT: CARD\n-------------------------------------- */\n:host([layout="card"]) {\n  position: relative;\n}\n\n/* WHEN THE PARENT FOR...\n-------------------------------------- */\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* ZG-CELL */\n/* Layout: Card */\n:host([layout="card"]) ::slotted(zg-cell) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-display\n  * @description Sets the display of cards in \'card\' layout-mode\n  * @see display\n  * @default grid\n  * @demoLink https://app.zingsoft.com/demos/create/Y17MDY9A\n  * @shadowOnly false\n  * @storyAlert To see attribute in action, update grid layout to "card" mode (top-right corner).\n  */\n\n  box-sizing: border-box;\n  display: var(--zg-row-card-display, block);\n  flex-direction: column;\n  padding: var(--zg-row-card-cell-padding, 4px 30px 4px var(--theme-padding_x));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-flex-basis\n  * @description Sets the flex-basis of cards in \'card\' layout-mode\n  * @see flex-basis\n  * @default 100%\n  * @demoLink https://app.zingsoft.com/demos/create/T0ZQ0N6R\n  * @shadowOnly false\n  * @storyAlert To see attribute in action, update grid layout to "card" mode (top-right corner).\n  */\n  flex-basis: var(--zg-row-card-flex-basis, 100%);\n  max-width:100%;\n}\n/* Layout: Card */\n:host([layout="card"]) ::slotted(zg-cell:last-child) {\n  margin-bottom: 0;\n}\n/* Special styling for selector checkbox, edit and remove cells */\n:host([layout="card"]) ::slotted([type="duplicate"]),\n:host([layout="card"]) ::slotted([type="editor"]),\n:host([layout="card"]) ::slotted([type="remover"]),\n:host([layout="card"]) ::slotted([type="selector"]) {\n  display: flex;\n}\n/* Edit and Remove */\n:host([layout="card"]) ::slotted([type="duplicate"]),\n:host([layout="card"]) ::slotted([type="editor"]),\n:host([layout="card"]) ::slotted([type="remover"]) {\n  padding: 4px 5px;\n}\n\n:host(:not([card-template])) ::slotted(zg-card) {\n  display:none !important;\n}\n\n:host([card-template]) ::slotted(zg-cell) {\n  display:none !important;\n}\n:host([layout="card"]) ::slotted(zg-cell[data-control-field]:first-child:not([type="info"])) {\n  left: 7px;\n}\n\n/* When sort is present, clicking on the cell no longer should do a browser default selection */\n/* [sort] attr added to <zing-grid> */\n:host([sort]) ::slotted(zg-head-cell) {\n  user-select: none !important;\n  cursor: pointer;\n}\n/* If current cell is not sortable, don\'t show the hand cursor */\n:host([sort]) ::slotted(zg-head-cell[sort="false"]) {\n  cursor: default;\n}\n\n/* If resize columns is active, show the resize cursor */\n:host([resize-column])  ::slotted(zg-head-cell) {\n  cursor: ew-resize;\n}\n\n/* AGGREGATE */\n/* :host([type=aggregate]) { overflow:hidden; } */\n\n:host([type=aggregate]) ::slotted(zg-cell) {\n  background: var(--zg-cell-background_aggregate, var(--zg-cell-background));\n  color: var(--zg-cell-color_aggregate, var(--zg-cell-color, inherit));\n  font-family: var(--zg-cell-font-family_aggregate, var(--zg-cell-font-family, inherit));\n  font-size: var(--zg-cell-font-size_aggregate, var(--zg-cell-font-size, inherit));\n  font-style: var(--zg-cell-font-style_aggregate, var(--zg-cell-font-style, inherit));\n  font-weight: var(--zg-cell-font-weight_aggregate, var(--zg-cell-font-weight, inherit));\n  height: var(--zg-cell-height_aggregate, var(--zg-cell-height, auto));\n  line-height: var(--zg-cell-line-height_aggregate, var(--zg-cell-line-height, inherit));\n  padding: var(--zg-cell-padding_aggregate, var(--zg-cell-padding, var(--theme-padding_y) var(--theme-padding_x)));\n  white-space: nowrap;\n}\n\n:host([type=aggregate]) ::slotted(zg-cell[sorted]) {\n  background: var(--zg-cell-background_aggregate_sorted, var(--zg-cell-background_aggregate, var(--zg-cell-background)));\n  color: var(--zg-cell-color_aggregate_sorted, var(--zg-cell-color_aggregate, var(--zg-cell-color, inherit)));\n  font-family: var(--zg-cell-font-family_aggregate_sorted, var(--zg-cell-font-family_aggregate, var(--zg-cell-font-family, inherit)));\n  font-size: var(--zg-cell-font-size_aggregate_sorted, var(--zg-cell-font-size_aggregate, var(--zg-cell-font-size, inherit)));\n  font-style: var(--zg-cell-font-style_aggregate_sorted, var(--zg-cell-font-style_aggregate, var(--zg-cell-font-style, inherit)));\n  font-weight: var(--zg-cell-font-weight_aggregate_sorted, var(--zg-cell-font-weight_aggregate, var(--zg-cell-font-weight, inherit)));\n  height: var(--zg-cell-height_aggregate_sorted, var(--zg-cell-height_aggregate, var(--zg-cell-height, auto)));\n  line-height: var(--zg-cell-line-height_aggregate_sorted, var(--zg-cell-line-height_aggregate, var(--zg-cell-line-height, inherit)));\n  padding: var(--zg-cell-padding_aggregate_sorted, var(--zg-cell-padding_aggregate, var(--zg-cell-padding, var(--theme-padding_y) var(--theme-padding_x))));\n}\n\n:host(.row-dirty-removed),\n:host ::slotted(zg-cell.row-dirty-removed) {\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-row-dirty-delete-background-color\n  * @description Sets the background color of the dirty row on row delete\n  * @see background-color\n  * @default gray;\n  * @demoLink https://app.zingsoft.com/demos/create/QXUNHO2F\n  * @shadowOnly false\n  */\n  background-color: var(--zg-row-dirty-delete-background-color, gray) !important;\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-row-dirty-delete-color\n  * @description Sets the  color of the dirty row on row delete\n  * @see color\n  * @default \n  * @demoLink https://app.zingsoft.com/demos/create/GHEMFKE2\n  * @shadowOnly false\n  */\n  color: var(--zg-row-dirty-delete-color, inherit) !important;\n\n}\n\n:host(.row-dirty-inserted),\n:host ::slotted(zg-cell.row-dirty-inserted) {\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-row-dirty-insert-background-color\n  * @description Sets the background color of the dirty row on row insert\n  * @see background-color\n  * @default green;\n  * @demoLink https://app.zingsoft.com/demos/create/1QNVARYX\n  * @shadowOnly false\n  */\n  background-color: var(--zg-row-dirty-insert-background-color, green) !important;\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-row-dirty-insert-color\n  * @description Sets the color of the dirty row on row insert\n  * @see color\n  * @default \n  * @demoLink https://app.zingsoft.com/demos/create/XIUPV4FU\n  * @shadowOnly false\n  */\n  color: var(--zg-row-dirty-insert-color, inherit) !important;\n}',""])},8781:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {}\n:host([hidden]) {\n    display: none !important;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n.zg-search {\n  display: inline-flex;\n  align-items: center;\n  min-width: var(--zg-icon-width);\n  position: relative;\n}\n\n.zg-search-input {\n  display: none;\n  z-index: 1;\n}\n:host([active]) .zg-search-input {\n  display: block;\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* The search button */\n:host ::slotted(zg-button) {\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n}\n/* The search input */\n:host ::slotted(input) {\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-background\n  * @description Styles the background of search input field\n  * @see background-color\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/IYW53NTF\n  * @shadowOnly false\n  */\n  background-color: var(--zg-search-background);\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border\n  * @description Styles the border of search input field\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/4PDUZTH1\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border-bottom\n  * @description Styles the bottom border of search input field\n  * @see border\n  * @default var(--zg-search-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/3JVK4H1O\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-search-border-bottom, var(--zg-search-border, 0));\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border-left\n  * @description Styles the left border of search input field\n  * @see border\n  * @default var(--zg-search-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/YDSOVV4E\n  * @shadowOnly false\n  */\n  border-left: var(--zg-search-border-left, var(--zg-search-border, 0));\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border-radius\n  * @description Applies border radius to search input field\n  * @see border-radius\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/KXLSPBB4\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-search-border-radius, 0);\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border-right\n  * @description Styles the right border of search input field\n  * @see border\n  * @default var(--zg-search-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/79MXY4RD\n  * @shadowOnly false\n  */\n  border-right: var(--zg-search-border-right, var(--zg-search-border, 0));\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border-top\n  * @description Styles the top border of search input field\n  * @see border\n  * @default var(--zg-search-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/BVEFKOAX\n  * @shadowOnly false\n  */\n  border-top: var(--zg-search-border-top, var(--zg-search-border, 0));\n  box-sizing: border-box;\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-color\n  * @description Sets the font color of search input field\n  * @see color\n  * @default var(--theme-color_alt)\n  * @demoLink https://app.zingsoft.com/demos/create/P6DBIQ77\n  * @shadowOnly false\n  */\n  color: var(--zg-search-color, var(--theme-color_alt));\n  display: table-cell;\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-font-size\n  * @description Sets the font size of search input field\n  * @see font-size\n  * @default vd\n  * @demoLink https://app.zingsoft.com/demos/create/0ZWF57WG\n  * @shadowOnly false\n  */\n  font-size: var(--zg-search-font-size, var(--theme-font-size));\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-font-weight\n  * @description Sets the font weight of search input field\n  * @see font-weight\n  * @default var(--theme-font-weight)\n  * @demoLink https://app.zingsoft.com/demos/create/C460WKFJ\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-search-font-weight, var(--theme-font-weight));\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-height\n  * @description Sets the height of search input field\n  * @see height\n  * @default 32px\n  * @demoLink https://app.zingsoft.com/demos/create/VHSG3LZG\n  * @shadowOnly false\n  */\n  height: var(--zg-search-height, 32px);\n  line-height: 1;\n  outline: none;\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-padding\n  * @description Sets the padding of search input field\n  * @see padding\n  * @default 0 10px 0 15px\n  * @demoLink https://app.zingsoft.com/demos/create/I9PHNPDX\n  * @shadowOnly false\n  */\n  padding: var(--zg-search-padding, 0 10px);\n  width: 250px;\n}\n/* The search input (Right to Left direction) */\n:host([dir="rtl"]) ::slotted(input) {\nleft: 0;\nright: auto;\n}',""])},5250:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-background\n  * @description Styles the background of the entire select parent wrapper\n  * @default Browser's default value\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/FKASS504\n  * @shadowOnly true\n  */\n  background: var(--zg-select-background);\n  box-sizing: border-box;\n  cursor: pointer;\n  display:inline-block;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-font-family\n  * @description Sets the font family of the select option\n  * @see font-family\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/QEQSYYSZ\n  * @shadowOnly false\n  */\n  font-family: var(--zg-select-font-family);\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-font-size\n  * @description Sets the font size of the select option\n  * @see font-size\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/DY8BR3BP\n  * @shadowOnly false\n  */\n  font-size: var(--zg-select-font-size);\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-font-weight\n  * @description Sets the font weight of the select option\n  * @see font-weight\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/370EUHZ2\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-select-font-weight);\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-line-height\n  * @description Sets the line height of the select option\n  * @see line-height\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/WLLWY3LZ\n  * @shadowOnly false\n  */\n  line-height: var(--zg-select-line-height);\n  margin: 0;\n  padding: 0;\n  position: relative;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-transform\n  * @description Sets the transform of the select option\n  * @see transform\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/UCROZGFJ\n  * @shadowOnly false\n  */\n  transform: var(--zg-select-transform);\n  user-select: none;\n}\n:host([active]) {\n  z-index: 1000;\n}\n\n:host([disabled]) {\n  cursor: not-allowed;\n  opacity: 0.2 !important;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n.zg-select {\n  display: flex;\n  position: relative;\n  z-index: 2;\n}\n.zg-select-inner {\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-border\n  * @description Styles the border of the select\n  * @see border\n  * @default 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/C1KEFISX\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-border-bottom\n  * @description Styles the bottom border of the select\n  * @see border\n  * @default var(--zg-select-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/318YQ5SY\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-select-border-bottom, var(--zg-select-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-border-left\n  * @description Styles the left border of the select\n  * @see border\n  * @default var(--zg-select-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/3DXGEXHM\n  * @shadowOnly false\n  */\n  border-left: var(--zg-select-border-left, var(--zg-select-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-border-right\n  * @description Styles the right border of the select\n  * @see border\n  * @default var(--zg-select-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/TXSP6105\n  * @shadowOnly false\n  */\n  border-right: var(--zg-select-border-right, var(--zg-select-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-border-top\n  * @description Styles the top border of the select\n  * @see border\n  * @default var(--zg-select-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/DSM6AYMB\n  * @shadowOnly false\n  */\n  border-top: var(--zg-select-border-top, var(--zg-select-border, 1px solid var(--theme-border-color)));\n  display: flex;\n  margin: 0;\n  z-index: 0;\n  outline: none;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-height\n  * @description Sets the minimum height of the select\n  * @see height\n  * @default 28px\n  * @demoLink https://app.zingsoft.com/demos/create/B5HJ4SD8\n  * @shadowOnly true\n  */\n  min-height: var(--zg-select-height, 28px);\n  box-sizing: border-box;\n}\n\n/* Mask */\n.zg-selector-mask {\n  cursor: pointer;\n  display: none;\n  height: 100%;\n  left: 0;\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: 1;\n}\n.zg-selector-mask[active] {\n  display: block;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* The selected value element */\n:host ::slotted(.zg-select-selected) {\n  align-items: center;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-text-background\n  * @description Styles the background of the 'text' portion of the zg-select element\n  * @default #fff\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/MZG3WH82\n  * @shadowOnly false\n  */\n  background: var(--zg-select-text-background, var(--zg-select-background, #fff));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-color\n  * @description Sets the font color of the select\n  * @see color\n  * @default var(--zing-grid-color, var(--theme-color))\n  * @demoLink https://app.zingsoft.com/demos/create/LHLU0OLY\n  * @shadowOnly false\n  */\n  color: var(--zg-select-color, var(--zing-grid-color, var(--theme-color)));\n  display: flex;\n  flex: 1;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-min-width\n  * @description Sets the minimum width of select\n  * @see width\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/UPQ9KFW0\n  * @shadowOnly false\n  */\n  min-width: var(--zg-select-min-width);\n  justify-content: center;\n  overflow: hidden;\n}\n/* Active */\n:host([active]) ::slotted(.zg-select-selected) {\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-color_active\n  * @description Sets the font color of the select option\n  * @see color\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/6I5A2CSK\n  * @shadowOnly false\n  */\n  color: var(--zg-select-color_active, var(--zg-select-color, var(--zing-grid-color, var(--theme-color))));\n}\n\n/* Drop-down arrow element */\n:host ::slotted(.zg-select-trigger) {\n  align-items: center;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-trigger-background\n  * @description Styles the background of the select arrow button (trigger)\n  * @see background\n  * @default var(--zg-select-arrow-background)\n  * @demoLink https://app.zingsoft.com/demos/create/VXK1UMDY\n  * @shadowOnly false\n  */\n  background: var(--zg-select-trigger-background, var(--zg-select-arrow-background));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-border\n  * @description Styles the border of the select arrow button\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/SWYPNN61\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-border-bottom\n  * @description Styles the bottom border of the select arrow button\n  * @see border\n  * @default var(--zg-select-arrow-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/EFHCN5FS\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-select-arrow-border-bottom, var(--zg-select-arrow-border, 0));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-border-left\n  * @description Styles the left border of the select arrow button\n  * @see border\n  * @default var(--zg-select-arrow-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/MK7EXGQL\n  * @shadowOnly false\n  */\n  border-left: var(--zg-select-arrow-border-left, var(--zg-select-arrow-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-border-right\n  * @description Styles the right border of the select arrow button\n  * @see border\n  * @default var(--zg-select-arrow-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/1DGO75SG\n  * @shadowOnly false\n  */\n  border-right: var(--zg-select-arrow-border-right, var(--zg-select-arrow-border, 0));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-border-top\n  * @description Styles the top border of the select arrow button\n  * @see border\n  * @default var(--zg-select-arrow-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/1IT6DL7R\n  * @shadowOnly false\n  */\n  border-top: var(--zg-select-arrow-border-top, var(--zg-select-arrow-border, 0));\n  display: flex;\n  justify-content: center;\n  order: 1;\n  padding: 0;\n  position: relative;\n  width: 30px;\n}\n/* \n  NOTE: FF and Safari don't recognize `:after` on slotted elements\n  so we've slotted in a new element instead: `<div class=\"zg-select-trigger-arrow\">`.\n  This is added in ZGSelect.js as `this.triggerArrow`\n  TODO: When these browsers support `:after`, remove this element and set this\n  selector back to the `:after` state on the trigger itself.\n*/\n/* :host ::slotted(.zg-select-trigger):after {*/\n:host ::slotted(.zg-select-trigger-arrow) {\n  border: 5px solid transparent;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-color\n  * @description Sets the color select arrow icon\n  * @see color\n  * @default #000\n  * @demoLink https://app.zingsoft.com/demos/create/2HTIGGVX\n  * @shadowOnly true\n  */\n  border-top-color: var(--zg-select-arrow-color, var(--zg-select-color, var(--zing-grid-color, #000)));\n  /* content: ''; */\n  display: block;\n  position: absolute;\n  pointer-events: none;\n  right: 11px;\n  top: 50%;\n  transform: translateY(calc(-50% + 3px));\n  z-index: 1;\n}\n/* Active */\n:host([active]) ::slotted(.zg-select-trigger-arrow) {\n  border-top-color: var(--zg-select-arrow-color_active, var(--zg-select-color_active, var(--zg-select-color, var(--zing-grid-color, #000))));\n}\n\n:host([dir=\"rtl\"]) ::slotted(.zg-select-trigger-arrow) {\n  left: 11px;\n  right: unset;\n}\n\n/* The dropdown element */\n:host ::slotted(zg-option-list) {\n  left: 0;\n  margin-top: -1px;\n  position: absolute;\n  z-index:50;\n}\n/* Open the dropdown up instead, if the height of the dropdown extends past the bottom of <zing-grid> */\n:host([open=\"up\"]) ::slotted(zg-option-list) {\n  bottom: calc(var(--zg-select-height) - 1px);\n}",""])},932:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    /**\n    * @memberof ZGSelectorMask\n    * @var --zg-selector-mask-opacity\n    * @description Sets the opacity of selector mask\n    * @see opacity\n    * @default .1\n    * @demoLink https://app.zingsoft.com/demos/create/1UHOVY9H\n    * @shadowOnly false\n    */\n    opacity: var(--zg-selector-mask-opacity, .1);\n}\n\n.zg-selector-mask-mask {\n    /**\n    * @memberof ZGSelectorMask\n    * @var --zg-selector-mask-background\n    * @description Styles the background of selector mask\n    * @see background\n    * @default var(--theme-color-secondary)\n    * @demoLink https://app.zingsoft.com/demos/create/WNZ6POC7\n    * @shadowOnly true\n    */\n    background-color: var(--zg-selector-mask-background, var(--theme-color-secondary));\n    pointer-events: none;\n    position: absolute;\n    transition: all 0.1s;\n}\n.zg-selector-mask-mask.blur {\n    background-color: rgba(153, 153, 153, 0.2);\n}\n",""])},129:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-border\n    * @description Styles the border of separator in the menu\n    * @see border\n    * @default 1px solid var(--theme-border-color)\n    * @demoLink https://app.zingsoft.com/demos/create/RNVZ20TC\n    * @shadowOnly false\n    */\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-border-bottom\n    * @description Styles the bottom border of separator in the menu\n    * @see border\n    * @default var(--zg-separator-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/LUS0AQM5\n    * @shadowOnly false\n    */\n    border-bottom: var(--zg-separator-border-bottom, var(--zg-separator-border, 1px solid var(--theme-border-color)));\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-border-left\n    * @description Styles the left border of separator in the menu\n    * @see border\n    * @default var(--zg-separator-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/1644TNHT\n    * @shadowOnly false\n    */\n    border-left: var(--zg-separator-border-left, var(--zg-separator-border, 0));\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-border-right\n    * @description Styles the right border of separator in the menu\n    * @see border\n    * @default var(--zg-separator-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/0E92TO7L\n    * @shadowOnly false\n    */\n    border-right: var(--zg-separator-border-right, var(--zg-separator-border, 1px solid var(--theme-border-color)));\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-border-top\n    * @description Styles the top border of separator in the menu\n    * @see border\n    * @default var(--zg-separator-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/VLP6EXTJ\n    * @shadowOnly false\n    */\n    border-top: var(--zg-separator-border-top, var(--zg-separator-border, 0));\n    contain: content;\n    display: block;\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-margin\n    * @description Sets the margin of separator in the menu\n    * @see margin\n    * @default 5px 0\n    * @demoLink https://app.zingsoft.com/demos/create/M1YEHDNJ\n    * @shadowOnly false\n    */\n    margin: var(--zg-separator-margin, 5px 0);\n}\n\n:host([hidden]) {\n    display: none;\n}\n\n",""])},4662:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-background\n  * @description Styles the background of source when in `<zg-header>`\n  * @see background\n  * @default var(--theme-color-light)\n  * @demoLink https://app.zingsoft.com/demos/create/B8CEE4RW\n  * @shadowOnly false\n  */\n  background: var(--zg-source-background, var(--theme-color-light));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border\n  * @description Styles the border of source when in `<zg-header>`\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/61L4J1BK\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-bottom\n  * @description Styles the bottom border of source when in `<zg-header>`\n  * @see border\n  * @default var(--zg-source-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/7PHK3BWY\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-source-border-bottom, var(--zg-source-border, 0));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-left\n  * @description Styles the left border of source when in `<zg-header>`\n  * @see border\n  * @default var(--zg-source-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/V4JCUJ5Z\n  * @shadowOnly false\n  */\n  border-left: var(--zg-source-border-left, var(--zg-source-border, 0));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-right\n  * @description Styles the right border of source when in `<zg-header>`\n  * @see border\n  * @default var(--zg-source-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/F2Q3GGWE\n  * @shadowOnly false\n  */\n  border-right: var(--zg-source-border-right, var(--zg-source-border, 0));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-top\n  * @description Styles the top border of source when in `<zg-header>`\n  * @see border\n  * @default var(--zg-source-border, 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/IYUVRHY0\n  * @shadowOnly false\n  */\n  border-top: var(--zg-source-border-top, var(--zg-source-border, 0));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-radius\n  * @description Styles the border radius of source\n  * @see border-radius\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/8A6G8QCU\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-source-border-radius, 0);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-color\n  * @description Sets the font color content inside of source\n  * @see color\n  * @default var(--theme-font-size)\n  * @demoLink https://app.zingsoft.com/demos/create/2V50QBIJ\n  * @shadowOnly false\n  */\n  color: var(--zg-source-color, var(--theme-font-size));\n  contain: content;\n  display: flex;\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-size\n  * @description Sets the font size of source\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/26M7XA7S\n  * @shadowOnly false\n  */\n  font-size: var(--zg-source-font-size, .8rem);\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-style\n  * @description Sets the font style of source\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/DHFAV0VU\n  * @shadowOnly false\n  */\n  font-style: var(--zg-source-font-style, inherit);\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-weight\n  * @description Sets the font weight of source\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/MN67ITKE\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-source-font-weight, inherit);\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-line-height\n  * @description Setes the line height of source\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/XGIEZHE5\n  * @shadowOnly false\n  */\n  line-height: var(--zg-source-line-height, inherit);\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-min-height\n  * @description Sets the min-height of source\n  * @see min-height\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/65FQVPFH\n  * @shadowOnly false\n  */\n  min-height: var(--zg-source-min-height, auto);\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-padding\n  * @description Sets the padding of source\n  * @see padding\n  * @default 5px var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/3Q444PE7\n  * @shadowOnly false\n  */\n  padding: var(--zg-source-padding, 5px var(--theme-padding_x));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-text-align\n  * @description Sets text alignment of content inside of source\n  * @see text-align\n  * @default left\n  * @demoLink https://app.zingsoft.com/demos/create/39DT0WPU\n  * @shadowOnly true\n  */\n  text-align: var(--zg-source-text-align, left);\n  width: 100%;\n}\n\n/* ZG-HEADER */\n:host([position="top"]) {\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-background_top\n  * @description Styles the background of source in grid header\n  * @see background\n  * @default var(--zg-source-background, var(--theme-color-light))\n  * @demoLink https://app.zingsoft.com/demos/create/HMPYHCA5\n  * @shadowOnly false\n  */\n  background: var(--zg-source-background_top, var(--zg-source-background, var(--theme-color-light)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border_top\n  * @description Styles the border of source in grid header\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/XDGD9PE9\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-bottom_top\n  * @description Styles the bottom border of source in grid header\n  * @see border\n  * @default var(--zg-source-border-bottom, var(--zg-source-border, 1px solid var(--theme-border-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/ZLU0PJ8K\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-source-border-bottom_top, var(--zg-source-border_top, var(--zg-source-border-bottom, var(--zg-source-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-left_top\n  * @description Styles the left border of source in grid header\n  * @see border\n  * @default var(--zg-source-border-left, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/ZOSVTPPP\n  * @shadowOnly false\n  */\n  border-left: var(--zg-source-border-left_top, var(--zg-source-border_top, var(--zg-source-border-left, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-right_top\n  * @description Styles the right border of source in grid header\n  * @see border\n  * @default var(--zg-source-border-right, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/XYYNP87U\n  * @shadowOnly false\n  */\n  border-right: var(--zg-source-border-right_top, var(--zg-source-border_top, var(--zg-source-border-right, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-top_top\n  * @description Styles the top border of source in grid header\n  * @see border\n  * @default var(--zg-source-border-top, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/QFZ02F7M\n  * @shadowOnly false\n  */\n  border-top: var(--zg-source-border-top_top, var(--zg-source-border_top, var(--zg-source-border-top, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-radius_top\n  * @description Sets the border radius of source in grid header\n  * @see border-radius\n  * @default var(--zg-source-border-radius, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/YANV98VN\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-source-border-radius_top, var(--zg-source-border-radius, 0));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-color_top\n  * @description Sets the font color of source in grid header\n  * @see color\n  * @default var(--zg-source-color, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/HXKVXNN1\n  * @shadowOnly false\n  */\n  color: var(--zg-source-color_top, var(--zg-source-color, var(--zg-source-border, 0)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-size_top\n  * @description Sets the font size of source in grid header\n  * @see font-size\n  * @default var(--zg-source-font-size, .8rem)\n  * @demoLink https://app.zingsoft.com/demos/create/9L6UUOD1\n  * @shadowOnly false\n  */\n  font-size: var(--zg-source-font-size_top, var(--zg-source-font-size, .8rem));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-style_top\n  * @description Sets the font style of source in grid header\n  * @see font-style\n  * @default var(--zg-source-font-style, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/840GA0V0\n  * @shadowOnly false\n  */\n  font-style: var(--zg-source-font-style_top, var(--zg-source-font-style, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-weight_top\n  * @description Sets the font weight of source in grid header\n  * @see font-weight\n  * @default var(--zg-source-font-weight, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/USHIZ6F6\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-source-font-weight_top, var(--zg-source-font-weight, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-line-height_top\n  * @description Sets the line height of source in grid header\n  * @see line-height\n  * @default var(--zg-source-line-height, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/5YF3GLIN\n  * @shadowOnly false\n  */\n  line-height: var(--zg-source-line-height_top, var(--zg-source-line-height, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-min-height_top\n  * @description Sets the min-height of source in grid header\n  * @see min-height\n  * @default var(--zg-source-min-height, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/0QZLOW3U\n  * @shadowOnly false\n  */\n  min-height: var(--zg-source-min-height_top, var(--zg-source-min-height, var(--zg-source-border, 0)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-padding_top\n  * @description Sets the padding of source in grid header\n  * @see padding\n  * @default var(--zg-source-padding, 5px var(--theme-padding_x))\n  * @demoLink https://app.zingsoft.com/demos/create/RVNCXN9N\n  */\n  padding: var(--zg-source-padding_top, var(--zg-source-padding, 5px var(--theme-padding_x)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-text-align_top\n  * @description Sets the text alignment of source in grid header\n  * @see text-align\n  * @default var(--zg-source-text-align, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/340QGB1B\n  * @shadowOnly true\n  */\n  text-align: var(--zg-source-text-align_top, var(--zg-source-text-align, var(--zg-source-border, 0)));\n}\n\n/* ZG-FOOTER */\n:host([position="bottom"]) {\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-background_bottom\n  * @description Styles the background of source in grid footer\n  * @see background\n  * @default var(--zg-source-background, var(--theme-color-light))\n  * @demoLink https://app.zingsoft.com/demos/create/U2ULZN3K\n  * @shadowOnly false\n  */\n  background: var(--zg-source-background_bottom, var(--zg-source-background, var(--theme-color-light)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border_bottom\n  * @description Styles the border of source in grid footer\n  * @see border\n  * @default var(--zg-source-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/NLGMWVFV\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-bottom_bottom\n  * @description Styles the bottom border of source in grid footer\n  * @see border\n  * @default var(--zg-source-border-bottom, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/HU2H5A7R\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-source-border-bottom_bottom, var(--zg-source-border_bottom, var(--zg-source-border-bottom, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-left_bottom\n  * @description Styles the left border of source when in grid footer\n  * @see border\n  * @default var(--zg-source-border-left, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/TMDEY84Q\n  * @shadowOnly false\n  */\n  border-left: var(--zg-source-border-left_bottom, var(--zg-source-border_bottom, var(--zg-source-border-left, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-right_bottom\n  * @description Styles the right border of source in grid footer\n  * @see border\n  * @default var(--zg-source-border-right, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/DVIKUSPV\n  * @shadowOnly false\n  */\n  border-right: var(--zg-source-border-right_bottom, var(--zg-source-border_bottom, var(--zg-source-border-right, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-top_bottom\n  * @description Sets the border radius of source in grid footer\n  * @see border\n  * @default var(--zg-source-border-top, var(--zg-source-border, 1px solid var(--theme-border-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/HHTAVNAN\n  * @shadowOnly false\n  */\n  border-top: var(--zg-source-border-top_bottom, var(--zg-source-border_bottom, var(--zg-source-border-top, var(--zg-source-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-radius_bottom\n  * @description Styles the top border of source in grid footer\n  * @see border-radius\n  * @default var(--zg-source-border-radius, 0 0 var(--zing-grid-border-radius, 0) var(--zing-grid-border-radius, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/FX3KMZFC\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-source-border-radius_bottom, var(--zg-source-border-radius, 0 0 var(--zing-grid-border-radius, 0) var(--zing-grid-border-radius, 0)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-color_bottom\n  * @description Sets the font color of source in grid footer\n  * @see color\n  * @default var(--zg-source-color, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/ZYE5IX57\n  * @shadowOnly false\n  */\n  color: var(--zg-source-color_bottom, var(--zg-source-color, var(--zg-source-border, 0)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-size_bottom\n  * @description Sets the font size of source in grid footer\n  * @see font-size\n  * @default var(--zg-source-font-size, .8rem)\n  * @demoLink https://app.zingsoft.com/demos/create/8OUWG6MW\n  * @shadowOnly false\n  */\n  font-size: var(--zg-source-font-size_bottom, var(--zg-source-font-size, .8rem));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-style_bottom\n  * @description Sets the font style of source in grid footer\n  * @see font-style\n  * @default var(--zg-source-font-style, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/MO9TACWW\n  * @shadowOnly false\n  */\n  font-style: var(--zg-source-font-style_bottom, var(--zg-source-font-style, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-weight_bottom\n  * @description Sets the font weight of source in grid footer\n  * @see font-weight\n  * @default var(--zg-source-font-weight, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/ZI6A0WHC\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-source-font-weight_bottom, var(--zg-source-font-weight, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-line-height_bottom\n  * @description Sets the line height of source in grid footer\n  * @see line-height\n  * @default var(--zg-source-line-height, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/2AFGKKGF\n  * @shadowOnly false\n  */\n  line-height: var(--zg-source-line-height_bottom, var(--zg-source-line-height, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-min-height_bottom\n  * @description Sets the min-height of source in grid footer\n  * @see min-height\n  * @default var(--zg-source-min-height, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/XFJ87KHV\n  * @shadowOnly false\n  */\n  min-height: var(--zg-source-min-height_bottom, var(--zg-source-min-height, var(--zg-source-border, 0)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-padding_bottom\n  * @description Sets the padding of source when in grid footer\n  * @see padding\n  * @default var(--zg-source-padding, 5px var(--theme-padding_x))\n  * @demoLink https://app.zingsoft.com/demos/create/32PB37Q8\n  * @shadowOnly false\n  */\n  padding: var(--zg-source-padding_bottom, var(--zg-source-padding, 5px var(--theme-padding_x)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-text-align_bottom\n  * @description Sets the text alignment of source in grid footer\n  * @see text-align\n  * @default var(--zg-source-text-align, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/F3WEBJI1\n  * @shadowOnly true\n  */\n  text-align: var(--zg-source-text-align_bottom, var(--zg-source-text-align, var(--zg-source-border, 0)));\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n\ncite {\n  /* Already documented above */\n  font-style: var(--zg-source-font-style, inherit);\n  width: 100%;\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */',""])},9812:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  bottom: auto;\n  inset: var(--zg-status-offset) var(--zg-status-offset) auto auto;\n  opacity: 0;\n\n  pointer-events: none;\n  position: absolute;\n  /* width: 100%; */\n  transition: opacity .25s;\n}\n\n/* Active */\n:host([active]) {\n  opacity: 1;\n  pointer-events: auto;\n  z-index:11; /* Set to 11 to be higher than zg-focus */ \n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n.zg-status {\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-background\n  * @description Styles the background of status\n  * @see background\n  * @default #333\n  * @demoLink https://app.zingsoft.com/demos/create/W5V0YNUC\n  * @shadowOnly true\n  */\n  background: var(--zg-status-background, transparent);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-border\n  * @description Styles the border of status\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/Z8G1Y9J0\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-border-bottom\n  * @description Styles the bottom border of status\n  * @see border\n  * @default var(--zg-status-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/RDBMZRYT\n  * @shadowOnly true\n  */\n  border-bottom: var(--zg-status-border-bottom, var(--zg-status-border, 0));\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-border-left\n  * @description Styles the left border of status\n  * @see border\n  * @default var(--zg-status-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/0N6OVVNL\n  * @shadowOnly true\n  */\n  border-left: var(--zg-status-border-left, var(--zg-status-border, 0));\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-border-right\n  * @description Styles the right border of status\n  * @see border\n  * @default var(--zg-status-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/V4FJ8NP0\n  * @shadowOnly true\n  */\n  border-right: var(--zg-status-border-right, var(--zg-status-border, 0));\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-border-top\n  * @description Styles the top border of status\n  * @see border\n  * @default var(--zg-status-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/JR75IU0Z\n  * @shadowOnly true\n  */\n  border-top: var(--zg-status-border-top, var(--zg-status-border, 0));\n  border-radius: var(--zg-status-border-radius, 7px);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-box-shadow\n  * @description Applies a box shadow behind status\n  * @see box-shadow\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/AFADODNH\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-status-box-shadow, none);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-color\n  * @description Sets the font color of contents in status\n  * @see color\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/4M1VTWI2\n  * @shadowOnly true\n  */\n  color: var(--zg-status-color, #fff);\n  /* contain: content; */\n  cursor: default;\n  display: flex;\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-margin\n  * @description Sets the margin of status\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/68R9EOE1\n  * @shadowOnly true\n  */\n  margin: var(--zg-status-margin, 0);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-min-height\n  * @description Sets the min-height of status\n  * @see min-height\n  * @default 27px\n  * @demoLink https://app.zingsoft.com/demos/create/I8H3QJQH\n  * @shadowOnly true\n  */\n  user-select: none;\n  /* width: 100%; */\n}\n\n/* TYPE: ERROR */\n:host([type="error"]) .zg-status,\n:host([type="error"]) .zg-status > * {\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-error-background\n  * @description Styles the background of \'error\' status\n  * @see background\n  * @default red\n  * @demoLink https://app.zingsoft.com/demos/create/6PA9F3ZV\n  * @shadowOnly true\n  * @storyAlert true\n  */\n  background: var(--zg-status-error-background, #f44336);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-error-color\n  * @description Sets the font color of contents of \'error\' status\n  * @see color\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/I2PDH9NT\n  * @shadowOnly true\n  * @storyAlert true\n  */\n  color: var(--zg-status-error-color, var(--zg-status-color, #fff));\n}\n\n/* TYPE: SUCCESS */\n:host([type="success"]) .zg-status,\n:host([type="success"]) .zg-status > * {\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-success-background\n  * @description Styles the background of \'success\' status\n  * @see background\n  * @default green\n  * @demoLink https://app.zingsoft.com/demos/create/NBN1ICRW\n  * @shadowOnly true\n  */\n  background: var(--zg-status-success-background, #4caf50);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-success-color\n  * @description Sets the font color of contents of \'success\' status\n  * @see color\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/NOBFYNI2\n  * @shadowOnly true\n  */\n  color: var(--zg-status-success-color, var(--zg-status-color, #fff));\n}\n\n\n/* POSITION: BAR */\n:host([status-position="bar"]) {\n  --zg-status-border-radius: 0;\n}\n\n\n\n/* ZG-ICON */\n.zg-status > zg-icon {\n  margin-right: 8px;\n}\n\n\n/* Message Container */\n.zg-status-message {\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-align-items\n  * @description Sets the alignment of inner elements of status\n  * @see align-items\n  * @default center\n  * @demoLink https://app.zingsoft.com/demos/create/ZRT752NI\n  * @shadowOnly true\n  * @storyAlert recommend:--zg-status-min-height:50px\n  */\n  align-items: var(--zg-status-align-items);\n  border-radius: 3px;\n  box-sizing: border-box;\n  display: flex;\n  flex: 1;\n  gap: 6px;\n  min-height: var(--zg-status-min-height, 27px);\n  overflow: hidden;\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-justify-content\n  * @description Sets the horizontal alignment of contents in status\n  * @see justify-content\n  * @default flex-start\n  * @demoLink https://app.zingsoft.com/demos/create/S5Z1A4YD\n  * @shadowOnly true\n  * @private\n  * @storyAlert recommend:--zg-status-min-height:50px\n  */\n  justify-content: var(--zg-status-justify-content, flex-start);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-font-family\n  * @description Sets the font family of contents in status\n  * @see font-family\n  * @default var(--theme-font-family)\n  * @demoLink https://app.zingsoft.com/demos/create/V9XSI899\n  * @shadowOnly true\n  */\n  font-family: var(--zg-status-font-family, var(--theme-font-family));\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-font-size\n  * @description Sets the font size of contents in status\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/DWUD8JY8\n  * @shadowOnly true\n  */\n  font-size: var(--zg-status-font-size, .75rem);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-line-height\n  * @description Sets the line height of status\n  * @see line-height\n  * @default 1\n  * @demoLink https://app.zingsoft.com/demos/create/NIZJO06Q\n  * @shadowOnly true\n  */\n  line-height: var(--zg-status-line-height, 1.4);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-max-width\n  * @description Sets the max-width of the status-message area\n  * @see width\n  * @default 300px\n  * @demoLink https://app.zingsoft.com/demos/create/SQY0NAMY\n  * @shadowOnly true\n  */\n  max-width: var(--zg-status-max-width, 280px);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-padding\n  * @description Sets the padding of status\n  * @see padding\n  * @default 14px var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/OMHQO954\n  * @shadowOnly true\n  */\n  padding: var(--zg-status-padding, 10px);\n  transform: translateX(0);\n  z-index: 1;\n}\n\n.zg-status-message zg-icon {\n  height: 16px;\n  width: 16px;\n}\n\n/* Position: Bar */\n:host([status-position="bar"]) .zg-status-message {\n  --zg-status-font-size: 13px;\n  --zg-status-justify-content: flex-start;\n  --zg-status-max-width: none;\n}\n:host([status-position="bar"]) .zg-status-message zg-icon {\n  flex: 0 1 auto;\n}\n\n/* Icon */\n.zg-status-message zg-icon {\n  flex:1 0 auto;\n}\n:host([type="success"]) .zg-status-message zg-icon {\n  transform: translateY(-1px)\n}\n\n/* Text/Label */\n.zg-status-text { transform:translateY(2px); }\n\n/* Action */\n.zg-status-action {\n  background: #fbfbfb;\n  border-radius: 0 3px 3px 0;\n  cursor: pointer;\n  display: flex;\n  font-size: 90%;\n  outline: none;\n  overflow: hidden;\n  text-transform: uppercase;\n  width: 24px;\n}\n/* Position: Bar */\n:host([status-position="bar"]) .zg-status-action {\n  width: 34px;\n}\n\n/* Span wrapper */\n.zg-status-action > [close] {\n  display: flex;\n}\n\n/* SVG Icon */\n.zg-status-action zg-icon {\n  border-radius: 0 3px 3px 0;\n  display: flex;\n  fill: #fff;\n  height: 100%;\n  justify-content: center;\n  min-width: 24px;\n}\n\n.zg-status-action svg {\n  height: 14px;\n  width: 14px;  \n  transform: translateY(5px) rotate(0);\n}\n.zg-status-action zg-icon:hover svg {\n  transform: translateY(5px) rotate(-90deg);\n  transition: transform .3s ease-out;\n}\n\n/* Position: Bar */\n:host([status-position="bar"]) .zg-status-action zg-icon {\n  align-items: center;\n  min-width: 34px;\n}\n:host([status-position="bar"]) .zg-status-action svg {\n  width: 20px;\n  height:20px;\n  transform: translateY(0) rotate(0);\n}\n:host([status-position="bar"]) .zg-status-action zg-icon:hover svg {\n  transform: translateY(0) rotate(-90deg);\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */',""])},9652:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    display: inline;\n    /**\n    * @memberof ZGText\n    * @var --zg-text-color\n    * @description Sets the font color of text\n    * @see color\n    * @default Browser's default value\n    * @demoLink https://app.zingsoft.com/demos/create/6MC0B6AC\n    * @shadowOnly false\n    */\n    color: var(--zg-text-color);\n    /**\n    * @memberof ZGText\n    * @var --zg-text-font-family\n    * @description Sets the font family of text\n    * @see font-family\n    * @default Browser's default value\n    * @demoLink https://app.zingsoft.com/demos/create/0WX0EZZ8\n    * @shadowOnly false\n    */\n    font-family: var(--zg-text-font-family);\n    /**\n    * @memberof ZGText\n    * @var --zg-text-font-size\n    * @description Sets the font size of text\n    * @see font-size\n    * @default Browser's default value\n    * @demoLink https://app.zingsoft.com/demos/create/R9RX1WRC\n    * @shadowOnly false\n    */\n    font-size: var(--zg-text-font-size);\n    /**\n    * @memberof ZGText\n    * @var --zg-text-font-style\n    * @description Sets the font style of text\n    * @see font-style\n    * @default Browser's default value\n    * @demoLink https://app.zingsoft.com/demos/create/LE7Z8B73\n    * @shadowOnly false\n    */\n    font-style: var(--zg-text-font-style);\n    /**\n    * @memberof ZGText\n    * @var --zg-text-font-weight\n    * @description Sets the font weight of text\n    * @see font-weight\n    * @default Browser's default value\n    * @demoLink https://app.zingsoft.com/demos/create/J9EWFRHT\n    * @shadowOnly false\n    */\n    font-weight: var(--zg-text-font-weight);\n    /**\n    * @memberof ZGText\n    * @var --zg-text-line-height\n    * @description Sets the line height of text\n    * @see line-height\n    * @default .8\n    * @demoLink https://app.zingsoft.com/demos/create/W14MFSEF\n    * @shadowOnly false\n    */\n    line-height: var(--zg-text-line-height, .8);\n}",""])},7293:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* HOST - CONFIG\n-------------------------------------- */\n/* Type: Default */\n:host([tooltip-type="default"]) {\n  --tooltip-background-color: var(--zing-grid-background);\n  --tooltip-border-color: var(--theme-border-color);\n  --tooltip-arrow-size: 7px;\n  --tooltip-icon-horz-offset: -8px;\n  --tooltip-offset: 8px;\n}\n:host([tooltip-type="default"][no-info-icon]) {\n  --tooltip-icon-horz-offset: -10px;\n  --tooltip-offset: 6px;\n  --tooltip-vert-offset: 2px;\n}\n\n/* Type: System */\n:host([tooltip-type="system"]) {\n  --tooltip-background-color: var(--theme-color_alt);\n  --tooltip-border-color: var(--theme-color_alt);\n  --tooltip-arrow-size: 5px;\n  --tooltip-height: 22px;\n  --tooltip-offset: 8px;\n  --tooltip-icon-horz-offset: -4px;\n  --tooltip-vert-offset: 0;\n}\n:host([tooltip-type="system"][no-info-icon]) {\n  /* --tooltip-offset: 6px; */\n  --tooltip-icon-horz-offset: calc(-1 * var(--tooltip-arrow-size) - 2px);\n  --tooltip-vert-offset: 1px;\n}\n\n\n/* HOST\n-------------------------------------- */\n/* Type: Default */\n:host {\n  background: var(--tooltip-background-color);\n  border: 1px solid var(--tooltip-border-color);\n  border-radius: 4px;\n  display: block;\n  line-height: initial;\n  padding: 10px;\n  pointer-events: auto;\n  position: absolute;\n  z-index: 11;\n}\n/* Type: System */\n:host([tooltip-type="system"])  {\n  background: var(--tooltip-background-color);\n  border: 1px solid var(--tooltip-border-color);\n  border-radius: 2px;\n  color: #fff;\n  font-size: 11px;\n  line-height: 1;\n  padding: 6px 8px;\n}\n\n/*  Add space for close button */\n:host([tooltip-action="click"]) {\n  padding-top: 35px;\n}\n\n:host([hidden]) {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n/* :before and :after arrow graphic */\n:host:before,\n:host:after {\n  content: \'\';\n  display: block;\n  position: absolute;\n}\n:host:before {\n  border: var(--tooltip-arrow-size) solid transparent;\n}\n:host:after {\n  border: calc(var(--tooltip-arrow-size) - 1px) solid transparent;\n}\n\n/* POSITIONING: TOP\n-------------------------------------- */\n/* Has Info Icon (from icon) */\n:host([tooltip-position="top"]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * 100%));\n}\n:host([tooltip-position="top"][animate]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * 100% - var(--tooltip-offset)));\n}\n/* No Info Icon (from cell) */\n:host([tooltip-position="top"][no-info-icon]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * 100% + (var(--zg-row-head-height)/2) - (var(--tooltip-arrow-size)*2)));\n}\n:host([tooltip-position="top"][no-info-icon][animate]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * 100% + (var(--zg-row-head-height)/2) - (var(--tooltip-arrow-size)*2) - var(--tooltip-offset)));\n}\n/* Arrow */\n:host([tooltip-position="top"]):before,\n:host([tooltip-position="top"]):after {\n  left: var(--tooltip-arrow-size);\n  top: 100%;\n}\n:host([tooltip-position="top"]):before {\n  border-top-color: var(--tooltip-border-color);\n}\n:host([tooltip-position="top"]):after {\n  border-top-color: var(--tooltip-background-color);\n  transform: translateX(1px);\n}\n\n\n/* POSITIONING: BOTTOM\n-------------------------------------- */\n/* Has Info Icon (from icon) */\n:host([tooltip-position="bottom"]) {\n  transform: translate(var(--tooltip-icon-horz-offset), 0);\n}\n:host([tooltip-position="bottom"][animate]) {\n  transform: translate(var(--tooltip-icon-horz-offset), var(--tooltip-offset));\n}\n/* No Info Icon (from cell) */\n:host([tooltip-position="bottom"][no-info-icon]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * (var(--zg-row-head-height)/2) + (var(--tooltip-arrow-size)*2)));\n}\n:host([tooltip-position="bottom"][no-info-icon][animate]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * (var(--zg-row-head-height)/2) + (var(--tooltip-arrow-size)*2) + var(--tooltip-offset) - var(--tooltip-vert-offset)));\n}\n/* Arrow */\n:host([tooltip-position="bottom"]):before,\n:host([tooltip-position="bottom"]):after {\n  left: var(--tooltip-arrow-size);\n  top: calc(-1 * (var(--tooltip-arrow-size) * 2));\n}\n:host([tooltip-position="bottom"]):before {\n  border-bottom-color: var(--tooltip-border-color);\n}\n:host([tooltip-position="bottom"]):after {\n  border-bottom-color: var(--tooltip-background-color);\n  transform: translate(1px, 2px);\n}\n\n\n/* POSITIONING: LEFT\n-------------------------------------- */\n:host([tooltip-position="left"]) {\n  transform: translate(calc(-1 * 100% - (var(--tooltip-arrow-size)/2)), -50%);\n}\n:host([tooltip-position="left"][animate]) {\n  transform: translate(calc(-1 * 100% - var(--tooltip-offset) - (var(--tooltip-arrow-size)/2)), -50%);\n}\n:host([tooltip-position="left"][no-info-icon]) {\n  transform: translate(calc(-1 * 100% + var(--zg-head-cell-padding-left) - (var(--tooltip-arrow-size)/2)), -50%);\n}\n:host([tooltip-position="left"][no-info-icon][animate]) {\n  transform: translate(calc(-1 * 100% + var(--zg-head-cell-padding-left) - (var(--tooltip-arrow-size)/2) - var(--tooltip-offset) - 1px), -50%);\n}\n/* Arrow */\n:host([tooltip-position="left"]):before,\n:host([tooltip-position="left"]):after {\n  left: 100%;\n  top: 50%;\n}\n:host([tooltip-position="left"][tooltip-type="system"]):before,\n:host([tooltip-position="left"][tooltip-type="system"]):after {\n  transform: translate(0, calc(-1 * 50% + 7px));\n}\n:host([tooltip-position="left"]):before {\n  border-left-color: var(--tooltip-border-color);\n}\n:host([tooltip-position="left"]):after {\n  border-left-color: var(--tooltip-background-color);\n  transform: translateY(1px);\n}\n:host([tooltip-position="left"]):before,\n:host([tooltip-position="left"]):after {\n  transform: translate(0, calc(-1 * 50% - 1px));\n}\n\n\n/* POSITIONING: RIGHT\n-------------------------------------- */\n:host([tooltip-position="right"]) {\n  transform: translate(calc(var(--tooltip-arrow-size)), -50%);\n}\n:host([tooltip-position="right"][animate]) {\n  transform: translate(calc(var(--tooltip-arrow-size) + var(--tooltip-offset)), -50%);\n}\n/* Arrow */\n:host([tooltip-position="right"]):before,\n:host([tooltip-position="right"]):after {\n  right: 100%;\n  top: 50%;\n}\n:host([tooltip-position="right"][tooltip-type="system"]):before,\n:host([tooltip-position="right"][tooltip-type="system"]):after {\n  transform: translate(0, calc(-1 * 50% + 7px));\n}\n\n:host([tooltip-position="right"]):before {\n  border-right-color: var(--tooltip-border-color);\n}\n:host([tooltip-position="right"]):after {\n  border-right-color: var(--tooltip-background-color);\n  transform: translateY(1px);\n}\n\n:host([tooltip-position="right"]):before,\n:host([tooltip-position="right"]):after {\n  transform: translate(0, calc(-1 * 50% - 1px));\n}\n\n/*  CLOSE BUTTON */\nbutton.zg-tooltip-close {\n  background: var(--zg-icon-color, var(--theme-color-primary));\n  border: 0;\n  border-radius: 2px;\n  color: var(--theme-color-light);\n  cursor: pointer;\n  display: none;\n  font-size: 11px;\n  outline: none;\n  padding: 4px_5px;\n  position: absolute;\n  right: 10px;\n  top: 10px;\n}\n\n:host([tooltip-action="click"]) button.zg-tooltip-close {\n  display: block;\n}\n\n',""])},3503:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-align-items\n     * @description Sets the alignment of watermark\n     * @default center\n     * @demoLink https://app.zingsoft.com/demos/create/S5YW98DV\n     */\n    align-items: var(--zg-watermark-align-items, center);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-background\n     * @description Styles the background of watermark\n     * @default #fbfbfb\n     * @demoLink https://app.zingsoft.com/demos/create/PLI8AW69\n     */\n    background: var(--zg-watermark-background, #fbfbfb);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-border-bottom\n     * @description Styles the bottom border of watermark\n     * @default var(--zg-watermark-border, 0)\n     * @demoLink https://app.zingsoft.com/demos/create/3VCNCH3C\n     */\n    border-bottom: var(--zg-watermark-border-bottom, var(--zg-watermark-border, 0));\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-border-left\n     * @description Styles the left border of watermark\n     * @default var(--zg-watermark-border, 0)\n     * @demoLink https://app.zingsoft.com/demos/create/13YH2AD1\n     */\n    border-left: var(--zg-watermark-border-left, var(--zg-watermark-border, 0));\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-border-radius\n     * @description Applies border radius to the watermark\n     * @default inherit\n     * @demoLink https://app.zingsoft.com/demos/create/HCZ0FTPR\n     */\n    border-radius: var(--zg-watermark-border-radius, inherit);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-border-right\n     * @description Styles the right border of watermark\n     * @default var(--zg-watermark-border, 0)\n     * @demoLink https://app.zingsoft.com/demos/create/ULJ95NPX\n     */\n    border-right: var(--zg-watermark-border-right, var(--zg-watermark-border, 0));\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-border-top\n     * @description Styles the top border of watermark\n     * @default var(--zg-watermark-border, 1px solid var(--theme-border-color))\n     * @demoLink https://app.zingsoft.com/demos/create/GCQARHA3\n     */\n    border-top: var(--zg-watermark-border-top, var(--zg-watermark-border, 1px solid var(--theme-border-color)));\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-box-shadow\n     * @description Applies a box shadow behing the watermark\n     * @default none\n     * @demoLink https://app.zingsoft.com/demos/create/DNU5EE34\n     */\n    box-shadow: var(--zg-watermark-box-shadow, none);\n    box-sizing: border-box;\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-color\n     * @description Sets the color of watermark\n     * @default var(--theme-color-primary)\n     * @demoLink https://app.zingsoft.com/demos/create/RHV3AZL7\n     */\n    color: var(--zg-watermark-color, var(--theme-color-primary));\n    contain: content;\n    display: flex;\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-font-family\n     * @description Sets the font of watermark\n     * @default var(--theme-font-family)\n     * @demoLink https://app.zingsoft.com/demos/create/Z5DUURMU\n     */\n    font-family: var(--zg-watermark-font-family, var(--theme-font-family));\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-font-size\n     * @description Sets the font size of watermark\n     * @default .75rem\n     * @demoLink https://app.zingsoft.com/demos/create/GSCFSFBN\n     */\n    font-size: var(--zg-watermark-font-size, .75rem);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-justify-content\n     * @description Sets the horizontal alignment of contents in the watermark\n     * @default flex-end\n     * @demoLink https://app.zingsoft.com/demos/create/J3IEZOOI\n     */\n    justify-content:var(--zg-watermark-justify-content, flex-end);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-margin\n     * @description Sets margins of watermark\n     * @default 0\n     * @demoLink https://app.zingsoft.com/demos/create/JKMSIB8K\n     */\n    margin: var(--zg-watermark-margin, 0);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-min-height\n     * @description Sets the minimum height of watermark\n     * @default 27px\n     * @demoLink https://app.zingsoft.com/demos/create/LLLRII80\n     */\n    min-height: var(--zg-watermark-min-height, 27px);\n    overflow: hidden;\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-padding\n     * @description Sets padding of watermark\n     * @default 0 var(--theme-padding_x)\n     * @demoLink https://app.zingsoft.com/demos/create/2F6JMW08\n     */\n    padding: var(--zg-watermark-padding, 0 var(--theme-padding_x));\n    position: relative;\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-width\n     * @description Sets width of watermark\n     * @default auto\n     * @demoLink https://app.zingsoft.com/demos/create/52DLY7I5\n     */\n    width: var(--zg-watermark-width, auto);\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\na {\n  color: var(--zg-watermark-color, var(--theme-color-primary));\n  text-decoration: none;\n}\n\nstrong {\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-color_strong\n     * @description Sets color of strong in watermark\n     * @default var(--theme-color-secondary)\n     * @demoLink https://app.zingsoft.com/demos/create/OWU6641C\n     */\n    color: var(--zg-watermark-color_strong, var(--zg-watermark-color, var(--theme-color-secondary)));\n}",""])},9733:(e,t,o)=>{(t=e.exports=o(9252)()).i(o(3974),""),t.i(o(3054),""),t.i(o(9300),""),t.i(o(6110),""),t.i(o(6913),""),t.i(o(6375),""),t.push([e.id,'/* IMPORT\n-------------------------------------- */\n/* Import variables file for each built-in theme */\n/* NOTE: This is required. You don\'t need to import to other components since they inherit from zing-grid. */\n/* NOTE: `default.css` is the base. Other internal themes build off of it */\n/* Import internal themes */\n/* Compact version - must go after theme calls */\n\n/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-background\n  * @default #fff\n  * @see background\n  * @description Styles the background of grid\n  * @demoLink https://app.zingsoft.com/demos/create/S2LGW6WY\n  * @shadowOnly false\n  */\n  background: var(--zing-grid-background, #fff);\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border\n  * @description Styles the border of grid\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/FNVV7TJP\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border-bottom\n  * @description Styles the bottom border of grid\n  * @see border\n  * @default var(--zing-grid-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/BP54E8PI\n  * @shadowOnly false\n  */\n  border-bottom: var(--zing-grid-border-bottom, var(--zing-grid-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border-left\n  * @description Styles the left border of grid\n  * @see border\n  * @default var(--zing-grid-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/BQ8DWU62\n  * @shadowOnly false\n  */\n  border-left: var(--zing-grid-border-left, var(--zing-grid-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border-radius\n  * @description Applies border radious to grid\n  * @see border-radius\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/O84UETSN\n  * @shadowOnly true\n  */\n  border-radius: var(--zing-grid-border-radius, 0);\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border-right\n  * @description Styles the right border of grid\n  * @see border\n  * @default var(--zing-grid-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/7AFJ7RUL\n  * @shadowOnly false\n  */\n  border-right: var(--zing-grid-border-right, var(--zing-grid-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border-top\n  * @description Styles the top border of grid\n  * @see border\n  * @default var(--zing-grid-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/PZO08P3O\n  * @shadowOnly false\n  */\n  border-top: var(--zing-grid-border-top, var(--zing-grid-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-box-shadow\n  * @description Applies a box shadow behind grid\n  * @see box-shadow\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/58QV7GJW\n  * @shadowOnly false\n  */\n  box-shadow: var(--zing-grid-box-shadow, none);\n  box-sizing: border-box;\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-color\n  * @default --theme-color\n  * @see color\n  * @description The font color of grid\n  * @demoLink https://app.zingsoft.com/demos/create/PEY7GS10\n  * @shadowOnly false\n  */\n  color: var(--zing-grid-color, var(--theme-color));\n  display: table;\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-font-family\n  * @default --theme-font-family\n  * @see font-family\n  * @description Sets the font family of grid text\n  * @demoLink https://app.zingsoft.com/demos/create/7KFKVQX1\n  * @shadowOnly false\n  */\n  font-family: var(--zing-grid-font-family, var(--theme-font-family));\n  font-feature-settings: \'liga\'; /* Support for IE. */\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-font-size\n  * @default --theme-font-size\n  * @see font-size\n  * @description Sets the font size of grid text\n  * @demoLink https://app.zingsoft.com/demos/create/HCQWBCQ1\n  * @shadowOnly false\n  */\n  font-size: var(--zing-grid-font-size, var(--theme-font-size));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-font-style\n  * @default --theme-font-style\n  * @see font-style\n  * @description Sets the font style of grid text\n  * @demoLink https://app.zingsoft.com/demos/create/9Q837C38\n  * @shadowOnly false\n  */\n  font-style: var(--zing-grid-font-style, var(--theme-font-style));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-font-weight\n  * @default --theme-font-weight\n  * @see font-weight\n  * @description Sets the font weight of grid text\n  * @demoLink https://app.zingsoft.com/demos/create/9NIED1XI\n  * @shadowOnly false\n  */\n  font-weight: var(--zing-grid-font-weight, var(--theme-font-weight));\n  position: relative;\n  -webkit-font-smoothing: antialiased; /* Support for all WebKit browsers. */\n  -moz-osx-font-smoothing: grayscale; /* Support for Firefox. */\n  text-rendering: optimizeLegibility; /* Support for Safari and Chrome. */\n  width: 100%;\n  outline: none;\n}\n/* [fullscreen] mode */\n:host([fullscreen]) {\n  left: 0;\n  position: fixed;\n  top: 0;\n}\n\n/* [viewport="mobile"] mode */\n:host([viewport="mobile"]) {\n  --zg-dialog-editor-row-grid-template-columns: 1fr;\n}\n\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n\n/* MAIN WRAPPER */\n.zing-grid {\n  border-collapse: collapse;\n  /* display: table; */\n  height: 100%;\n  width: 100%;\n}\n\n:host([loading]) {\n  display: flex;\n  flex-direction: column;\n}\n:host([loading]) .zing-grid {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n}\n\n\n/* ------ */\n\n\n/* GRID CONTENT WRAPPERS */\n\n/* WRAPPER 1 */\n/* TODO: Remove .zing-grid-wrapper-1, but for now it breaks when removed. Possible JS tied to \'#wrap\' id */\n.zing-grid-wrapper-1 {\n  outline: none;\n}\n:host([loading]) .zing-grid-wrapper-1 {\n  flex: 1;\n}\n\n/* WRAPPER 2 */\n.zing-grid-wrapper-2 {\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-table-border\n  * @description Styles the border of grid table contents\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/7AYEIA84\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-table-border-bottom\n  * @default 0\n  * @see border\n  * @description Styles the bottom border of grid table contents\n  * @default var(--zing-grid-table-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/V22ON3LN\n  * @shadowOnly true\n  */\n  border-bottom: var(--zing-grid-table-border-bottom, var(--zing-grid-table-border, var(--zing-grid-body-border, 0)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-table-border-left\n  * @default 0\n  * @see border\n  * @description Styles the left border of grid table contents\n  * @default var(--zing-grid-table-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/TYY11EZ3\n  * @shadowOnly true\n  */\n  border-left: var(--zing-grid-table-border-left, var(--zing-grid-table-border, var(--zing-grid-body-border, 0)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-table-border-right\n  * @default 0\n  * @see border\n  * @description Styles the right border of grid table contents\n  * @default var(--zing-grid-table-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/JRSIU7TZ\n  * @shadowOnly true\n  */\n  border-right: var(--zing-grid-table-border-right, var(--zing-grid-table-border, var(--zing-grid-body-border, 0)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-table-border-top\n  * @default 0\n  * @see border\n  * @description Styles the top border of grid table contents\n  * @default var(--zing-grid-table-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/U2UPKR02\n  * @shadowOnly true\n  */\n  border-top: var(--zing-grid-table-border-top, var(--zing-grid-table-border, var(--zing-grid-body-border, 0)));\n  flex: 1 1 auto;\n  outline: none;\n  position:relative;\n}\n\n.zing-grid-wrapper-2[width] {\n    /* overflow-x: auto;\n    overflow-y: hidden; */\n    overflow: hidden;\n}\n\n.zing-grid-wrapper-2[no-data] {\n  display: none;\n}\n\n/* Scroll Wrapper\n    scroll-wrap and zing-grid-frames are the same with the exception of flex and overflow:auto\n */\n.zing-grid-scroll-wrap {\n}\n\n/* ------ */\n\n\n/* FRAME WRAPPER */\n.zing-grid-frames {\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-body-border\n  * @description Styles the border of grid body\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/Y8DATMC5\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-body-border-bottom\n  * @see border\n  * @description Styles the bottom border of grid body\n  * @default var(--zing-grid-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/DV04MMF0\n  * @shadowOnly false\n  */\n  /* border-bottom: var(--zing-grid-body-border-bottom, var(--zing-grid-body-border, 0));*/\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-body-border-left\n  * @see border\n  * @description Styles the left border of grid body\n  * @default var(--zing-grid-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FLHJ459E\n  * @shadowOnly false\n  */\n  /* border-left: var(--zing-grid-body-border-left, var(--zing-grid-body-border, 0));*/\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-body-border-right\n  * @see border\n  * @description Styles the right border of grid body\n  * @default var(--zing-grid-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/TGKGCNRA\n  * @shadowOnly false\n  */\n  /* border-right: var(--zing-grid-body-border-right, var(--zing-grid-body-border, 0));*/\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-body-border-top\n  * @see border\n  * @description Styles the top border of grid body\n  * @default var(--zing-grid-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/QIG564H2\n  * @shadowOnly false\n  */\n  /* border-top: var(--zing-grid-body-border-top, var(--zing-grid-body-border, 0));*/\n\n  display: flex;\n}\n/* [fullscreen] mode */\n/* :host([fullscreen]) .zing-grid-frames { overflow:auto; } */\n\n.zing-grid-frames-body { overflow:auto; }\n\n/* ------ */\n\n\n/* GRID BODY AREAS (FRAMES - Mainly for freezing) */\n\n/* Shared */\n/* [class*="zing-grid-frame-"] {} */\n\n/* Left */\n.zing-grid-frame-left { /*border:1px solid green;  TMP */ }\n\n/* Main */\n.zing-grid-frame-main {\n  overflow:hidden;\n  position: relative;\n} /* flex: 1 0 auto;  */ /*border:1px solid purple;  TMP */\n.zing-grid-frames-body .zing-grid-frame-main { /*height:1200px;*/ } /* @CS here */\n\n/* Right */\n/* .zing-grid-frame-right {} */\n\n\n/* ------ */\n\n\n/* HEAD */\n\n/* Shared */\n\n/* Left */\n/* .zing-grid-head-left {} */\n\n/* Main */\n/* .zing-grid-head-main {} */\n\n/* Right */\n/* .zing-grid-head-right {} */\n\n\n/* ------ */\n\n/* BODY */\n\n/* Shared */\n[class*="zing-grid-body-"] {\n  box-sizing: border-box;\n  display: table;\n  overflow-x: scroll;\n  position: relative;\n  width: 100%;\n  table-layout: fixed;\n}\n\n/* Left */\n/* .zing-grid-body-left {} */\n\n/* Main */\n/* .zing-grid-body-main {} */\n\n/* Right */\n/* .zing-grid-body-right {} */\n\n\n/* ------ */\n\n\n/* BODY SCROLL\n-------------------------------------- */\n/* BODY SCROLL */\n/* Inner scroll wrapper */\n.zing-grid-scroll {\n  position: relative;\n  overflow-x: auto;\n}\n.zing-grid-scroll[height] {\n  /* overflow-x: auto;\n  overflow-y: hidden; */\n  overflow: auto;\n}\n\n\n\n/* FREEZE\n-------------------------------------- */\n\n/* Shared */\n.zing-grid-freeze-left,\n.zing-grid-freeze-right {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  /* table-layout: fixed; */ /* @CS Did you add this for a particular reason? I don\'t think it is needed, but I might not see the whole picture. */\n}\n/* When no freeze columns, hide the column wrappers so that body can fill the whole width */\n.zing-grid-frames[no-freeze] .zing-grid-freeze-left,\n.zing-grid-frames[no-freeze] .zing-grid-freeze-right {\n  display: none;\n}\n\n.zing-grid-freeze-left[no-content],\n.zing-grid-freeze-right[no-content] {\n  display: none;\n}\n\n/* Left */\n/* .zing-grid-freeze-left {} */\n\n/* Right */\n/* .zing-grid-freeze-right {} */\n\n.zing-grid-freeze-style-left {\n\tleft: 0;\n}\n\n:host ::slotted(#zing-grid-freeze-style-left) {\n\tleft: 0;\n}\n\n:host([dir="rtl"]) ::slotted(#zing-grid-freeze-style-left) {\n\tleft: unset;\n  right: 0;\n}\n\n:host ::slotted(#zing-grid-freeze-style-right) {\n\tright: 0;\n}\n\n:host([dir="rtl"]) ::slotted(#zing-grid-freeze-style-right) {\n\tright: unset;\n  left: 0;\n}\n\n/* Hide in card layout mode */\n:host([layout="card"]) .zing-grid-freeze-style-left,\n:host([layout="card"]) .zing-grid-freeze-style-right {\n  display: none;\n}\n\n/* When selector is present, clicking on the cell no longer should do a\n * browser default selection, instead selector should be used to do copy-paste\n * operations. */\n:host([selector]) .zg-cell span {\n  user-select: none;\n  cursor: default;\n}\n\n/* When resize-column is set, we want the cursor to always be the resize cursor even if over a drag or sort column head */\n:host([resize-column]) {\n  cursor: ew-resize;\n}\n\n/* Menu Items */\n.zg-button-text {\n  top: 7px;\n}\n\n/* Clipboard */\n/* NOTE: We can\'t simply display:none; or visibility:hidden; the clipboard, otherwise the copy+paste code won\'t work */\n.zing-grid-clipboard {\n  background: none;\n  border: 0;\n  height: 0;\n  pointer-events: none;\n  position: absolute;\n  opacity: 0;\n  resize: none;\n  width: 0;\n}\n\n/* Grid Clipper */\n.zing-grid-selection-copy-paste {\n  position: absolute;\n  top: -1000px;\n  left: 0;\n  width: 0;\n  height: 0;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(*) {\n  flex-shrink: 0;\n}\n\n/* ZG-BODY */\n:host([selector]) ::slotted(zg-body) {\n  user-select: none;\n}\n\n/* ZG-HEAD */\n:host([selector]) ::slotted(zg-head) {\n  user-select: none;\n}\n\n/* ZG-NODATA */\n/*\n  If user added `[dialog]` to <zing-grid>, set a min-height\n  so that the modal-overlay isn\'t cutoff.\n*/\n:host([dialog]) ::slotted(zg-no-data) {\n  align-items: flex-start;\n  min-height: 250px;\n}\n\n/* ZG-PAGER */\n:host ::slotted(zg-pager[slot=\'bottom\']) {\n  border-top: 1px solid var(--theme-border-color);\n}\n/*\n  Add a top-border to the <zg-pager> when the <zing-grid> tag\n  has a [height] attribute. Because the bottom row in grid\n  could be cutoff due to this fixed height, it\'s natural border\n  wouldn\'t separate the grid from the pager (especially if they\n  share the same background color). This way we ensure there is\n  a visual separation.\n*/\n:host([height]) ::slotted(zg-pager) {\n  --zg-pager-border-top: 1px solid var(--theme-border-color);\n}\n\n/* ZG-STATUS */\n/*\n  Set attribute values on <zing-grid> to position the message (top-left, top-right (default), bottom-left, bottom-right)\n*/\n/* Top */\n:host([status-position="top left"]) ::slotted(zg-status),\n:host([status-position="left top"]) ::slotted(zg-status) {\n  left: var(--zg-status-offset);\n  right: auto;\n}\n:host([status-position="bottom left"]) ::slotted(zg-status),\n:host([status-position="left bottom"]) ::slotted(zg-status) {\n  bottom: var(--zg-status-offset);\n  left: var(--zg-status-offset);\n  right: auto;\n  top: auto;\n}\n:host([status-position="top center"]) ::slotted(zg-status),\n:host([status-position="center top"]) ::slotted(zg-status) {\n  bottom: var(--zg-status-offset);\n  right: 50%;\n  transform: translateX(50%);\n}\n/* Bottom */\n:host([status-position="bottom right"]) ::slotted(zg-status),\n:host([status-position="right bottom"]) ::slotted(zg-status) {\n  bottom: var(--zg-status-offset);\n  top: auto;\n}\n:host([status-position="bottom center"]) ::slotted(zg-status),\n:host([status-position="center bottom"]) ::slotted(zg-status) {\n  bottom: var(--zg-status-offset);\n  right: 50%;\n  top: auto;\n  transform: translateX(50%);\n}\n/* Center */\n:host([status-position="center"]) ::slotted(zg-status) {\n  right: 50%;\n  transform: translate(50%, -50%);\n  top: 50%;\n}\n:host([status-position="center left"]) ::slotted(zg-status),\n:host([status-position="left center"]) ::slotted(zg-status) {\n  right: auto;\n  left: var(--zg-status-offset);\n  transform: translateY(-50%);\n  top: 50%;\n}\n:host([status-position="center right"]) ::slotted(zg-status),\n:host([status-position="right center"]) ::slotted(zg-status) {\n  transform: translateY(-50%);\n  top: 50%;\n}\n/* \'Bar\' Style (Bottom) */\n:host([status-position="bar"]) ::slotted(zg-status) {\n  border-radius: 0;\n  right: auto;\n  top: 100%;\n  width: 100%;\n  max-width: none;\n}\n\n\n\n\n:host ::slotted(zg-load-mask[default-load-mask]) {\n  display:none;\n}\n\n:host([loading]) ::slotted(zg-load-mask[default-load-mask]) {\n  display:flex !important;\n}\n\n/* DRAGGABLE COLUMNS */\n/* Default Styling */\n:host ::slotted(.zg-shadow-cell) {\n  background-color: var(--zg-head-cell-background, var(--zg-head-background));\n  box-sizing: border-box;\n  color: var(--zg-head-cell-color);\n  /* min-width: 80px; */\n  height: var(--zg-head-cell-height);\n  /* line-height: 30px; */\n  position: absolute;\n  z-index: 100000000;\n  border-bottom: var(--zg-head-cell-border-bottom, 1px solid var(--theme-border-color));\n  border-left: var(--zg-head-cell-border-left, 1px solid var(--theme-border-color));\n  border-right: var(--zg-head-cell-border-right, 1px solid var(--theme-border-color));\n  border-top: var(--zg-head-cell-border-top, 1px solid var(--theme-border-color));\n  vertical-align: middle;\n  text-align: center;\n  text-transform: uppercase;\n  font-size: var(--zg-head-cell-font-size);\n  font-weight: bold;\n  cursor: move;\n\n  align-items: center;\n  justify-content: center;\n  display: flex;\n  flex-direction: column;\n}\n:host ::slotted(.zg-shadow-cell[ready]) {\n  padding: 20px 10px;\n}\n:host ::slotted(.zg-shadow-cell):after {\n  content: attr(data-content);\n  align-items: center;\n  background: var(--theme-color-primary);\n  border-bottom: var(--zg-head-cell-border-bottom, 1px solid var(--theme-border-color));\n  border-left: var(--zg-head-cell-border-left, 1px solid var(--theme-border-color));\n  border-right: var(--zg-head-cell-border-right, 1px solid var(--theme-border-color));\n  box-sizing: border-box;\n  color: #fff;\n  display: flex;\n  flex: 1;\n  font-size: 9px;\n  justify-content: center;\n  padding: 3px 5px;\n  white-space: nowrap;\n  min-width: 150px;\n  width: var(--draggable-width_note, calc(100% + 4px));\n}\n:host ::slotted(.zg-shadow-cell[ready]):after {\n  bottom: 0;\n  position: absolute;\n  transform: translateY(100%);\n}\n\n\n/* DRAG OUTSIDE GRID TO HIDE COLUMN */\n/* Styling when dragged outside ZG */\n:host ::slotted(.zg-shadow-remove) {\n  color: red;\n  border-color: red;\n}\n:host ::slotted(.zg-shadow-cell.zg-shadow-remove[ready]):after {\n  content: attr(data-content);\n  background: red;\n}\n\n\n/* SETTING VARIABLES */\n/* VERTICAL GRID LINES */\n:host([gridlines="vert"]),\n:host([gridlines="vertical"]) {\n  --zg-pager-border-top: 1px solid var(--theme-border-color);\n}\n\n/* BATCH EDIT */\n/*\n  When in \'batch edit\' mode we add an attribute to <zing-grid>\n  to help us in styling <zg-body> only in that state\n*/\n/* Default batch edit mode - Set styling on main <zg-body> */\n/* :host([batch-edit-active]) {\n  --theme-background-row: unset;\n} */\n/* :host([batch-edit-active]) ::slotted(zg-frozen-colgroup) {\n  --zing-grid-freeze-style-border: 0;\n} */\n:host([batch-edit-active][layout="card"]) ::slotted(zg-body) {\n  background: none;\n  border: var(--theme-batch-edit-border, 0);\n  box-shadow: var(--theme-batch-edit-box-shadow, inset 0 0 5px var(--theme-color-primary));\n}\n/*\n  When \'batch edit\' applied to frozen columns, the styling clashes\n  since frozen columns already have a box-shadow. Therefore, we\n  remove the frozen-column styling AND their respective child <zg-body>,\n  and instead add the box-shadow styling to the frozen-column parent element\n  inside <zing-grid>\'s shadow DOM\n*/\n:host([batch-edit-active]) ::slotted(zg-body),\n:host([batch-edit-active]) ::slotted(zg-frozen-colgroup) {\n  box-shadow: unset;\n}\n:host([batch-edit-active]) ::slotted(zg-body) {\n  border: 0;\n}\n:host([batch-edit-active][layout="card"]) .zing-grid-frames-body {\n  border: var(--theme-batch-edit-border, 0);\n  box-shadow: var(--theme-batch-edit-box-shadow, inset 0 0 5px var(--theme-color-primary));\n}',""])},6110:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,':host([theme="android"]) {\n\n  /* CUSTOM VARS FOR THIS THEME FILE\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --android-background_sorted\n  * @default #fafbfa\n  * @description Styles the background of sorted cell\n  * @see background\n  */\n  --android-background_sorted: #fafbfa;\n  /**\n  * @memberof android\n  * @var --android-caption-color\n  * @default #607d8b\n  * @description Styles the background of caption\n  * @see background-color\n  */\n  --android-caption-color: #607d8b;\n  /**\n  * @memberof android\n  * @var --android-color-primary\n  * @default #00796B\n  * @description Sets the font color of primary text and icons\n  * @example header cells\n  * @example pager icons\n  * @see color\n  */\n  --android-color-primary: #00796B;\n  /**\n  * @memberof android\n  * @var --android-color-secondary\n  * @default #263238\n  * @description Sets the font color of secondary text\n  * @example watermark\n  * @see color\n  */\n  --android-color-secondary: #263238;\n  /**\n  * @memberof android\n  * @var --android-font-size\n  * @default .9375rem\n  * @description Sets the base font size of grid\n  * @example cell content\n  * @see font-size\n  */\n  --android-font-size: .9375rem;\n  /**\n  * @memberof android\n  * @var --android-focus-color\n  * @default #4db6ac\n  * @description Styles the border of inputs and text of inputs on focus\n  * @example select input:focus\n  * @example page index input:focus\n  * @example editor modal input:focus\n  * @see color\n  */\n  --android-focus-color: #4db6ac;\n  /**\n  * @memberof android\n  * @var --android-input-height\n  * @default 22px\n  * @description Sets the height of inputs\n  * @example select input\n  * @example page index input\n  * @example editor modal input\n  * @see height\n  */\n  --android-input-height: 22px;\n\n  /* GLOBALS\n  ----------------------------------------------------- */\n  /* BACKGROUND */\n  /**\n  * @memberof android\n  * @var --theme-background-color\n  * @default rgba(0, 122, 255, .05)\n  * @description Styles the background of rows on hover\n  * @see background-color\n  */\n  --theme-background-color: rgba(0, 122, 255, .05);\n\n  /* BORDER */\n  /**\n  * @memberof android\n  * @var --theme-border-color\n  * @default #ebebeb\n  * @description Styles the border\n  * @example rows (header and body)\n  * @example column menu\n  * @example filter input\n  * @example page size option menu\n  * @example cards in \'card\' layout-mode\n  * @see border\n  */\n  --theme-border-color: #ebebeb;\n\n  /* COLOR */\n  /**\n  * @memberof android\n  * @var --theme-color-primary\n  * @default var(--android-color-primary)\n  * @description Sets the color of primary text and icons\n  * @example header cells\n  * @example pager icons\n  * @see color\n  */\n  --theme-color-primary: var(--android-color-primary);\n  /**\n  * @memberof android\n  * @var --theme-color-secondary\n  * @default var(--android-color-secondary);\n  * @description Sets the color of secondary text\n  * @example watermark\n  * @see color\n  */\n  --theme-color-secondary: var(--android-color-secondary);\n\n  /* FONT */\n  /**\n  * @memberof android\n  * @var --theme-color\n  * @default #4d4d4d\n  * @description Sets the color of text\n  * @example cell content\n  * @example pager text\n  * @example input text\n  * @example editor modal text\n  * @see color\n  */\n  --theme-color: #4d4d4d;\n  /**\n  * @memberof android\n  * @var --theme-color_alt\n  * @default #333333\n  * @description Sets the color of alternative text\n  * @example filter input\n  * @see color\n  */\n  --theme-color_alt: #333333;\n  /**\n  * @memberof android\n  * @var --theme-font-family\n  * @default "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;\n  * @description Sets the font family of text\n  * @see font-family\n  */\n  --theme-font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;\n  /**\n  * @memberof android\n  * @var --theme-font-size\n  * @default var(--android-font-size)\n  * @description Sets the base font size of text of grid\n  * @example cell content\n  * @see font-size\n  */\n  --theme-font-size: var(--android-font-size);\n  /**\n  * @memberof android\n  * @var --theme-font-style\n  * @default normal\n  * @description Sets the font style of text\n  * @see font-style\n  */\n  --theme-font-style: normal;\n  /**\n  * @memberof android\n  * @var --theme-font-weight\n  * @default normal\n  * @description Sets the font-weight of text\n  * @see font-weight\n  */\n  --theme-font-weight: normal;\n  /**\n  * @memberof android\n  * @var --theme-line-height\n  * @default 1.2rem\n  * @description Sets the line height\n  * @see line-height\n  */\n  --theme-line-height: 1.2rem;\n\n  /* PADDING */\n  /**\n  * @memberof android\n  * @var --theme-padding_x\n  * @default 1rem\n  * @description Sets the horizontal padding of cells\n  * @see padding\n  */\n  --theme-padding_x: 1rem;\n  /**\n  * @memberof android\n  * @var --theme-padding_y\n  * @default 1rem\n  * @description Sets the vertical padding of cells\n  * @see padding\n  */\n  --theme-padding_y: 1rem;\n\n\n  /* -------------------------------------------------- */\n\n  /* ZG-GRID\n  ----------------------------------------------------- */\n  /* Main Grid Component */\n  /**\n  * @memberof android\n  * @var --zing-grid-background\n  * @default #fff\n  * @description Styles the background of header and body rows\n  * @see background\n  */\n  --zing-grid-background: #fff;\n  /**\n  * @memberof android\n  * @var --zing-grid-border\n  * @default 0\n  * @description Styles the border of grid\n  * @see border\n  */\n  --zing-grid-border: 0;\n  /**\n  * @memberof android\n  * @var --zing-grid-box-shadow\n  * @default 0 5px 15px rgba(0,0,0, 0.2), 0 5px 5px rgba(0,0,0, 0.07)\n  * @description Applies a box shadow behind grid\n  * @see box-shadow\n  */\n  --zing-grid-box-shadow: 0 5px 15px rgba(0,0,0, 0.2), 0 5px 5px rgba(0,0,0, 0.07);\n  /* The Grid \'Table\' Shadow DOM element */\n  /**\n  * @memberof android\n  * @var --zing-grid-table-border-left\n  * @default 0\n  * @description Styles the left border of grid body\n  * @see border\n  */\n  --zing-grid-table-border-left: 0;\n  /**\n  * @memberof android\n  * @var --zing-grid-table-border-right\n  * @default 0\n  * @description Styles the right border of grid body\n  * @see border\n  */\n  --zing-grid-table-border-right: 0;\n\n\n  /* ZG-CELL\n  ----------------------------------------------------- */\n  /* When this cell\'s column is currently sorted */\n  /**\n  * @memberof android\n  * @var --zg-cell-background_sorted\n  * @default var(--android-background_sorted)\n  * @description Styles the background of sorted cells\n  * @see background-color\n  */\n  --zg-cell-background_sorted: var(--android-background_sorted);\n\n  /* ZG-CAPTION\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-caption-background\n  * @default var(--android-caption-color)\n  * @description Styles the background of caption\n  * @see background-color\n  */\n  --zg-caption-background: var(--android-caption-color);\n  /**\n  * @memberof android\n  * @var --zg-caption-box-shadow\n  * @default 0 2px 5px rgba(0,0,0,.26)\n  * @description Applies a box shadow behind caption\n  * @see box-shadow\n  */\n  --zg-caption-box-shadow: 0 2px 5px rgba(0,0,0,.26);\n  /**\n  * @memberof android\n  * @var --zg-caption-color\n  * @default #fff\n  * @description Sets the font color of caption\n  * @see color\n  */\n  --zg-caption-color: #fff;\n  /**\n  * @memberof android\n  * @var --zg-caption-font-size\n  * @default 1.125rem\n  * @description Sets the base font size of caption\n  * @see font-size\n  */\n  --zg-caption-font-size: 1.125rem;\n  /**\n  * @memberof android\n  * @var --zg-caption-font-weight\n  * @default 500\n  * @description Sets the font weight of caption\n  * @see font-weight\n  */\n  --zg-caption-font-weight: 500;\n  /* Title */\n  /**\n  * @memberof android\n  * @var --zg-caption-title-flex\n  * @default 1\n  * @description Sets are elements are flex in caption\n  * @see flex\n  */\n  --zg-caption-title-flex: 1;\n  /* Icons */\n  /**\n  * @memberof android\n  * @var --zg-caption-icon-color\n  * @default #fff\n  * @description Sets the color of icons in caption\n  * @see fill\n  */\n  --zg-caption-icon-color: #fff;\n  /**\n  * @memberof android\n  * @var --zg-caption-icon-height\n  * @default 24px\n  * @description Sets the height of icons in caption\n  * @see height\n  */\n  --zg-caption-icon-height: 24px;\n  /**\n  * @memberof android\n  * @var --zg-caption-icon-width\n  * @default 24px\n  * @description Sets the width of icons in caption\n  * @see width\n  */\n  --zg-caption-icon-width: 24px;\n\n  /* ZG-EDITOR-ROW\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-dialog-footer-justify-content\n  * @default flex-end\n  * @description Sets the horizontal alignment of contents in the dialog footer\n  * @see justify-content\n  */\n  --zg-dialog-footer-justify-content: flex-end;\n\n\n  /* ZG-EDITOR-ROW\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-editor-row-input-background_focus\n  * @default #fff\n  * @description Styles the background of editor input on focus\n  * @see background\n  */\n  --zg-editor-row-input-background_focus: #fff;\n  /**\n  * @memberof android\n  * @var --zg-editor-row-input-border-bottom_focus\n  * @default 2px solid var(--android-focus-color)\n  * @description Styles bottom border of editor input on focus\n  * @see border\n  */\n  --zg-editor-row-input-border-bottom_focus: 2px solid var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-editor-row-input-color_focus\n  * @default var(--android-focus-color)\n  * @description Styles the font color of editor input on focus\n  * @see color\n  */\n  --zg-editor-row-input-color_focus: var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-editor-row-input-padding\n  * @default 13px 15px 12px 13px\n  * @description Sets the padding of editor input\n  * @see padding\n  */\n  --zg-editor-row-input-padding: 13px 15px 12px 13px;\n  /**\n  * @memberof android\n  * @var --zg-editor-row-input-transform\n  * @default translate3d(0,-1px,0)\n  * @description Sets the transform of editor input\n  * @see transform\n  */\n  --zg-editor-row-input-transform: translate3d(0,-1px,0);\n\n  /* ZG-FILTER\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-filter-background_sorted\n  * @default #ececec\n  * @description Styles the background of filter in sorted column\n  * @see background\n  */\n  --zg-filter-background_sorted: #ececec;\n\n  /* ZG-FOCUS\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-focus-border\n  * @default 2px solid var(--android-focus-color)\n  * @description Styles the border of inputs on focus\n  * @see border\n  */\n  --zg-focus-border: 2px solid var(--android-focus-color);\n\n  /* ZG-HEAD-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-head-cell-border-top\n  * @default 1px solid transparent\n  * @description Styles the top border of head cells\n  * @see border\n  */\n  --zg-head-cell-border-top: 1px solid transparent;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-color\n  * @default var(--android-color-primary)\n  * @description Sets the font color of head cells\n  * @see color\n  */\n  --zg-head-cell-color: var(--android-color-primary);\n  /**\n  * @memberof android\n  * @var --zg-head-cell-font-size\n  * @default .875rem\n  * @description Sets the font size of head cells\n  * @see font-size\n  */\n  --zg-head-cell-font-size: var(--zing-grid-font-size, .875rem);\n  /* \'SPLIT PARENT\' CELL STYLING */\n  /**\n  * @memberof android\n  * @var --zg-head-cell-parent-background\n  * @default #f5f5f5\n  * @description Styles the background of \'parent\' head cells\n  * @see background\n  */\n  --zg-head-cell-parent-background: #f5f5f5;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-parent-border-bottom\n  * @default 1px solid #cfd8dc\n  * @description Styles the bottom border of \'parent\' head cells\n  * @see border\n  */\n  --zg-head-cell-parent-border-bottom: 1px solid #cfd8dc;\n  /* SORTABLE AND HOVERED */\n  /**\n  * @memberof android\n  * @var --zg-head-cell-background_sorted_hover\n  * @default #fafbfa\n  * @description Styles the background of sorted head cells on hover\n  * @see background\n  */\n  --zg-head-cell-background_sorted_hover: #fafbfa;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-border-top_sorted_hover\n  * @default 1px solid transparent\n  * @description Styles the top border of sorted head cells on hover\n  * @see border\n  */\n  --zg-head-cell-border-top_sorted_hover: 1px solid transparent;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-transition_sorted_hover\n  * @default background .15s\n  * @description Sets the transition of sorted head cells on hover\n  * @see transition\n  */\n  --zg-head-cell-transition_sorted_hover: background .15s;\n  /* SORTED (Overrides hover styles above) */\n  /**\n  * @memberof android\n  * @var --zg-head-cell-background_sorted\n  * @default #546e7a\n  * @description Styles the backgrounf of sorted head cells. Note that this will overwrite associated hover styles.\n  * @see background\n  */\n  --zg-head-cell-background_sorted: #546e7a;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-color_sorted\n  * @default #fff\n  * @description Sets the font color of sorted head cells. Note that this will overwrite associated hover styles.\n  * @see color\n  */\n  --zg-head-cell-color_sorted: #fff;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-icon-color_sorted\n  * @default #fff\n  * @description Sets the icon color of sorted head cells. Note that this will overwrite associated hover styles.\n  * @see fill\n  */\n  --zg-head-cell-icon-color_sorted: #fff;\n\n  /* ZG-ICON\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-icon-color\n  * @default var(--theme-color-primary)\n  * @description Sets the color of icon\n  * @see fill\n  */\n  --zg-icon-color: var(--theme-color-primary);\n\n  /* ZG-INPUT\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-input-background\n  * @default none\n  * @description Styles the background of input field\n  * @see background\n  */\n  --zg-input-background: none;\n  /**\n  * @memberof android\n  * @var --zg-input-border\n  * @default 0\n  * @description Styles the border of input field\n  * @see border\n  */\n  --zg-input-border: 0;\n  /**\n  * @memberof android\n  * @var --zg-input-border-bottom\n  * @default 2px solid var(--android-focus-color)\n  * @description Styles the bottom border of input field\n  * @see border\n  */\n  --zg-input-border-bottom: 2px solid var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-input-font-size\n  * @default .8125rem\n  * @description Sets the base font size of input field\n  * @see font-size\n  */\n  --zg-input-font-size: .8125rem;\n  /**\n  * @memberof android\n  * @var --zg-input-height\n  * @default var(--android-input-height)\n  * @description Sets the height of input field\n  * @see height\n  */\n  --zg-input-height: var(--android-input-height);\n  /**\n  * @memberof android\n  * @var --zg-input-padding\n  * @default 0 0 4px\n  * @description Sets the padding of input field\n  * @see padding\n  */\n  --zg-input-padding: 0 0 4px;\n  /**\n  * @memberof android\n  * @var --zg-input-width\n  * @default 22px\n  * @description Sets the width of input field\n  * @see width\n  */\n  --zg-input-width: 22px;\n  /**\n  * @memberof android\n  * @var --zg-input-transform\n  * @default translateY(1px)\n  * @description Sets the transform of input field\n  * @see transform\n  */\n  --zg-input-transform: translateY(1px);\n  /* Focus */\n  /**\n  * @memberof android\n  * @var --zg-input-border_focus\n  * @default 0\n  * @description Styles the border of input field on focus\n  * @see border\n  */\n  --zg-input-border_focus: 0;\n  /**\n  * @memberof android\n  * @var --zg-input-border-bottom_focus\n  * @default 2px solid var(--android-focus-color)\n  * @description Styles the bottom border of input field on focus\n  * @see border\n  */\n  --zg-input-border-bottom_focus: 2px solid var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-input-color_focus\n  * @default var(--android-focus-color)\n  * @description Sets the font color of input field on focus\n  * @see color\n  */\n  --zg-input-color_focus: var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-input-font-size_focus\n  * @default 1rem\n  * @description Sets the base font size of input field on focus\n  * @see font-size\n  */\n  --zg-input-font-size_focus: 1rem;\n  /**\n  * @memberof android\n  * @var --zg-input-transform_focus\n  * @default translateY(1px)\n  * @description Sets the tranform of input field on focus\n  * @see transform\n  */\n  --zg-input-transform_focus: translateY(1px);\n\n  /* ZG-menu-bar\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-menu-bar-background\n  * @default #f0f4f9\n  * @description Styles the background of menu bar\n  * @see background\n  */\n  --zg-menu-bar-background: #f0f4f9;\n  /**\n  * @memberof android\n  * @var --zg-menu-bar-icon-color\n  * @default #4db6ac\n  * @description Sets the icon color of menu bar\n  * @see fill\n  */\n  --zg-menu-bar-icon-color: #4db6ac;\n\n  /* ZG-OPTION-LIST\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-option-list-item-background_hover\n  * @default #e0f2f1\n  * @description Styles the background of option list item on hover\n  * @see background\n  */\n  --zg-option-list-item-background_hover: #e0f2f1;\n  /**\n  * @memberof android\n  * @var --zg-option-list-item-height\n  * @default 28px\n  * @description Sets the height of option list item on hover\n  * @see height\n  */\n  --zg-option-list-item-height: 28px;\n  /**\n  * @memberof android\n  * @var --zg-option-list-item-padding\n  * @default 0 5px\n  * @description Sets the padding of option list item on hover\n  * @see padding\n  */\n  --zg-option-list-item-padding: 0 5px;\n\n  /* ZG-PAGER\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-pager-background\n  * @default #f0f0f0\n  * @description Styles the background of pager\n  * @see background\n  */\n  --zg-pager-background: #f0f0f0;\n  /**\n  * @memberof android\n  * @var --zg-pager-border-top\n  * @default 0\n  * @description Styles the top border of pager\n  * @see border\n  */\n  --zg-pager-border-top: 0;\n  /**\n  * @memberof android\n  * @var --zg-pager-font-size\n  * @default .8125rem\n  * @description Sets the font size of pager\n  * @see font-size\n  */\n  --zg-pager-font-size: .8125rem;\n  /**\n  * @memberof android\n  * @var --zg-pager-height\n  * @default 40px\n  * @description Sets the height of pager\n  * @see height\n  */\n  --zg-pager-height: 40px;\n\n  /* ZG-ROW\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-row-body-height\n  * @default 53px\n  * @description Sets the height of body rows\n  * @see height\n  */\n  --zg-row-body-height: 53px;\n  /* Layout: Card */\n  /**\n  * @memberof android\n  * @var --zg-row-card-box-shadow\n  * @default 0 3px 20px 0 rgba(0,0,0,0.075)\n  * @description Applies a box shadow behind cards in \'card\' layout-mode\n  * @see box-shadow\n  */\n  --zg-row-card-box-shadow: 0 3px 20px 0 rgba(0,0,0,0.075);\n  /**\n  * @memberof android\n  * @var --zg-row-card-grid-gap\n  * @default 25px\n  * @description Sets the gap between cards in \'card\' layout-mode\n  * @see grid-gap\n  */\n  --zg-row-card-grid-gap: 25px;\n\n  /* ZG-SEARCH\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-search-height\n  * @default 100%\n  * @description Sets the height of search input\n  * @see height\n  */\n  --zg-search-height: 100%;\n\n  /* ZG-SELECT\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-select-background\n  * @default none\n  * @description Styles the background of select\n  * @see background\n  */\n  --zg-select-background: none;\n  /**\n  * @memberof android\n  * @var --zg-select-border\n  * @default 0\n  * @description Styles the border of select\n  * @see border\n  */\n  --zg-select-border: 0;\n  /**\n  * @memberof android\n  * @var --zg-select-border-bottom\n  * @default 2px solid var(--android-focus-color)\n  * @description Styles the bottom border of select\n  * @see border\n  */\n  --zg-select-border-bottom: 2px solid var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-select-height\n  * @default var(--android-input-height)\n  * @description Sets the height of select\n  * @see height\n  */\n  --zg-select-height: var(--android-input-height);\n  /**\n  * @memberof android\n  * @var --zg-select-min-width\n  * @default 15px\n  * @description Sets the minimum width of select\n  * @see min-width\n  */\n  --zg-select-min-width: 15px;\n  /**\n  * @memberof android\n  * @var --zg-select-outline\n  * @default none\n  * @description Styles of outline of select\n  * @see outline\n  */\n  --zg-select-outline: none;\n  /* Selected Field */\n  /**\n  * @memberof android\n  * @var --zg-select-text-background\n  * @default none\n  * @description Styles the background of select in active state \n  * @see background\n  */\n  --zg-select-text-background: none;\n  /* Arrow */\n  /**\n  * @memberof android\n  * @var --zg-select-arrow-background\n  * @default none\n  * @description Styles the backgrounf of select arrow\n  * @see background\n  */\n  --zg-select-arrow-background: none;\n  /**\n  * @memberof android\n  * @var --zg-select-arrow-border\n  * @default 0\n  * @description Styles the border of select arrow\n  * @see border\n  */\n  --zg-select-arrow-border: 0;\n\n  /* ZG-SOURCE\n  ----------------------------------------------------- */\n  --zg-source-background: #f9f9f9;\n  --zg-source-color: #549a92;\n\n  /* ZG-STATUS\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-status-background\n  * @default #333\n  * @description Styles the background of status\n  * @see background\n  */\n  --zg-status-background: #333;\n\n  /* ZG-WATERMARK\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-watermark-background\n  * @default #cfd8dc\n  * @description Styles the background of watermark\n  * @see background\n  */\n  --zg-watermark-background: #cfd8dc;\n  /**\n  * @memberof android\n  * @var --zg-watermark-border-top\n  * @default 0\n  * @description Styles the top border of watermark\n  * @see border\n  */\n  --zg-watermark-border-top: 0;\n  /**\n  * @memberof android\n  * @var --zg-watermark-color\n  * @default var(--theme-color-secondary)\n  * @description Sets the font color of watermark\n  * @see color\n  */\n  --zg-watermark-color: var(--theme-color-secondary);\n  /**\n  * @memberof android\n  * @var --zg-watermark-font-size\n  * @default 10px\n  * @description Sets the base font size of watermark\n  * @see font-size\n  */\n  --zg-watermark-font-size: 10px;\n}',""])},3054:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,":host([theme=\"black\"]) {\n  /* RE-USABLE ZINGGRID VARS\n  ----------------------------------------------------- */\n  /* These are used as the default theme values in the various component .css files */\n  /* These values are used more than once, so we're making them into a variable for reuse */\n\n  /* BACKGROUND */\n\n  /**\n  * @memberof black\n  * @var --theme-background-color\n  * @default #1e1e1e\n  * @description Styles the background of the grid\n  * @example caption\n  * @example filter\n  * @example control bar\n  * @example row:hover\n  * @see background-color\n  */\n  --theme-background-color: #1e1e1e;\n  /**\n  * @memberof black\n  * @var --theme-background-input\n  * @default #343434\n  * @description Styles the background input\n  * @see background-color\n  */\n  --theme-background-input: #343434;\n  /**\n  * @memberof black\n  * @var --theme-background-zebra\n  * @default var(--theme-background-color)\n  * @description Styles the background of 'even' rows in [zebra]-striping mode\n  * @see background-color\n  */\n  --theme-background-zebra: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --theme-background-row\n  * @default #323232\n  * @description Styles the background of row-like items\n  * @see background-color\n  */\n  --theme-background-row: #323232;\n\n  /* BORDER */\n  /**\n  * @memberof black\n  * @var --theme-border-color\n  * @default #444\n  * @description Styles the border color\n  * @see border\n  */\n  --theme-border-color: #444;\n\n  /* COLOR */\n\n  /**\n  * @memberof black\n  * @var --theme-color\n  * @default #767676\n  * @description Styles the font color for most components, including cell content.\n  * @see color\n  * @example cell font color\n  * @example button background\n  * @example checkbox border\n  * @example select color\n  */\n  --theme-color: #ccc;\n  /**\n  * @memberof black\n  * @var --theme-color-black\n  * @default #000\n  * @description Defines the baseline black color\n  * @see color\n  */\n  --theme-color-black: #000;\n  /**\n  * @memberof black\n  * @var --theme-color-input\n  * @default #d0d0d0\n  * @description Sets the font folor of input field\n  * @see color\n  */\n  --theme-color-input: #d0d0d0;\n\n  /**\n  * @memberof theme\n  * @var --theme-color-light\n  * @default #191818\n  * @description Defines the baseline light color\n  * @see color\n  * @example Currently reordering column\n  */\n  --theme-color-light: #191818;\n\n  /**\n  * @memberof black\n  * @var --theme-color-lighter\n  * @default #191818\n  * @description Defines the baseline light color\n  * @see color\n  * @example Filter and Footer background color\n  */\n  --theme-color-lighter: #191818;\n\n  /**\n  * @memberof black\n  * @var --theme-color-white\n  * @default #fff\n  * @description Defines the baseline white color\n  * @see color\n  */\n  --theme-color-white: #fff;\n\n\n  /* -------------------------------------------------- */\n\n\n  /* ZING-GRID\n  ----------------------------------------------------- */\n  --zing-grid-background: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --zing-grid-border-radius\n  * @default 20px\n  * @description Sets the border radius of the grid\n  * @see border-radius\n  */\n  --zing-grid-border-radius: 20px;\n\n  /* ZG-BUTTON\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-button-border-radius\n  * @description Styles of border-radius of buttons\n  * @see border\n  * @default 1px solid #000\n  */\n  --zg-button-border-radius: 3px;\n\n  /* ZG-BUTTON (CUSTOM) */\n  /**\n  * @memberof black\n  * @var --zg-button-background_custom\n  * @description Styles of background of custom button\n  * @see background\n  * @default #000\n  */\n  --zg-button-background_custom: #000;\n  /**\n  * @memberof black\n  * @var --zg-button-border_custom\n  * @description Styles of border of custom button\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  */\n  --zg-button-border_custom: 1px solid var(--theme-border-color);\n  /**\n  * @memberof black\n  * @var --zg-button-box-shadow_custom\n  * @description Applies a box shadow behind custom button\n  * @see box-shadow\n  * @default none\n  */\n  --zg-button-box-shadow_custom: none;\n  /**\n  * @memberof black\n  * @var --zg-button-color_custom\n  * @description Sets the fonc olor of custom button\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom: #fff;\n\n  /* Active */\n  /**\n  * @memberof black\n  * @var --zg-button-background_custom_active\n  * @description Styles of background of custom button on active state\n  * @see background\n  * @default #000\n  */\n  --zg-button-background_custom_active: #000;\n  /**\n  * @memberof black\n  * @var --zg-button-border_custom_active\n  * @description Styles of border of custom button on active state\n  * @see border\n  * @default 1px solid var(--zg-button-background_active)\n  */\n  --zg-button-border_custom_active: 1px solid var(--zg-button-background_active);\n  /**\n  * @memberof black\n  * @var --zg-button-box-shadow_custom_active\n  * @description Applies a box shadow behind custom button on active state\n  * @see box-shadow\n  * @default 0 0 5px 0 #000\n  */\n  --zg-button-box-shadow_custom_active: 0 0 5px 0 #000;\n  /**\n  * @memberof black\n  * @var --zg-button-color_custom_active\n  * @description Sets the font color of custom button on active state\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_active: #fff;\n\n  /* Focus */\n  /**\n  * @memberof black\n  * @var --zg-button-background_custom_focus\n  * @description Styles the background of custom button on focus\n  * @see background\n  * @default var(--zg-button-background_active)\n  */\n  --zg-button-background_custom_focus: var(--zg-button-background_active);\n  /**\n  * @memberof black\n  * @var --zg-button-border_custom_focus\n  * @description Styles of border of custom button on focus\n  * @see border\n  * @default 1px solid #000\n  */\n  --zg-button-border_custom_focus: 1px solid #000;\n  /**\n  * @memberof black\n  * @var --zg-button-box-shadow_custom_focus\n  * @description Applies a box shadow behind custom button on focus\n  * @see box-shadow\n  * @default 0 0 6px 0 #000\n  */\n  --zg-button-box-shadow_custom_focus: 0 0 6px 0 #000;\n  /**\n  * @memberof black\n  * @var --zg-button-color_custom_focus\n  * @description Sets the font color of custom button on focus\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_focus: #fff;\n\n  /* Hover */\n  /**\n  * @memberof black\n  * @var --zg-button-background_custom_hover\n  * @description Styles of background of custom button on hover\n  * @see background\n  * @default var(--zg-button-background_active)\n  */\n  --zg-button-background_custom_hover: var(--zg-button-background_active);\n  /**\n  * @memberof black\n  * @var --zg-button-border_custom_hover\n  * @description Styles of border of custom button on hover\n  * @see border\n  * @default 1px solid #000\n  */\n  --zg-button-border_custom_hover: 1px solid #000;\n  /**\n  * @memberof black\n  * @var --zg-button-box-shadow_custom_hover\n  * @description Applies a box shadow behind custom button on hover\n  * @see box-shadow\n  * @default 0 0 6px 0 #000\n  */\n  --zg-button-box-shadow_custom_hover: 0 0 6px 0 #000;\n  /**\n  * @memberof black\n  * @var --zg-button-color_custom_hover\n  * @description Sets the font color of custom button on hover\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_hover: #fff;\n\n  /* ZG-CAPTION\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-caption-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of caption\n  * @see background-color\n  */\n  --zg-caption-background: var(--theme-background-color);\n\n  /**\n  * @memberof black\n  * @var --zg-caption-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid caption\n  * @see border-radius\n  */\n  --zg-caption-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n  /**\n  * @memberof black\n  * @var --zg-caption-icon-color\n  * @default #fff\n  * @description Sets the color of icons in caption\n  * @see fill\n  */\n  --zg-caption-icon-color: var(--zg-icon-color);\n\n\n  /* ZG-CARD\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-body-card-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of card in 'card' layout-mode\n  * @see background-color\n  */\n  --zg-body-card-background: var(--theme-background-color);\n\n  /* ZG-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-cell-label-color_layout_card\n  * @description Sets font color of label in card in 'card' layout-mode\n  * @see color\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/WLX26P3Q\n  */\n  --zg-cell-label-color_layout_card: var(--theme-color);\n\n  /* ZG-COLUMN-RESIZE\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-column-resize-background\n  * @description Sets the background of the resize handle\n  * @see background\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/GY8NY03F\n  */\n  --zg-column-resize-background: var(--zg-head-cell-color);\n  /**\n  * @memberof dark\n  * @var --zg-column-resize-color\n  * @description Sets the color of the resize handle dots\n  * @see color\n  * @default none\n  */\n  --zg-column-resize-color: var(--theme-background-color);\n\n  /* ZG-CONTROL-BAR\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-control-bar-background\n  * @description Styles the background of the layout\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/E1K9COKF\n  */\n  --zg-control-bar-background: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --zg-control-bar-border-bottom\n  * @description Styles the bottom border of the layout\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/5DST8C9Q\n  */\n  --zg-control-bar-border-bottom: 0;\n  /**\n  * @memberof black\n  * @var --zg-control-bar-button-margin\n  * @description Sets the margin of layout buttons\n  * @see margin\n  * @default 0\n  */\n  --zg-control-bar-button-margin: 0;\n  /**\n  * @memberof black\n  * @var --zg-control-bar-icon-color\n  * @description Sets the fill color of slotted icon\n  * @see fill\n  * @default var(--zg-icon-color)\n  * @demoLink https://app.zingsoft.com/demos/create/AQXMHTVM\n  */\n  --zg-control-bar-icon-color: var(--zg-icon-color);\n\n  /**\n  * @memberof black\n  * @var --zg-control-bar-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid control-bar\n  * @see border-radius\n  */\n  --zg-control-bar-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n  /* ZG-DIALOG\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-background\n  * @description Styles the background of the dialog\n  * @see background\n  * @default var(--theme-background-color)\n  */\n  --zg-dialog-background: var(--theme-background-color);\n\n  /* HEADER */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-header-color\n  * @description Styles the color of the dialog header\n  * @see color\n  * @default #fff\n  */\n  --zg-dialog-header-color: #fff;\n\n  /**\n  * @memberof black\n  * @var --zg-dialog-body-color\n  * @description Styles font color of body of dialog\n  * @see color\n  * @default #fff\n  */\n  --zg-dialog-body-color: #ccc;\n\n\n  /* ZG-EDITOR-ROW\n  ----------------------------------------------------- */\n\n  /* INPUT */\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-background\n  * @description Styles the background of editor row input\n  * @see background\n  * @default var(--theme-color-black)\n  * @demoLink https://app.zingsoft.com/demos/create/3EBBN3A3\n  */\n  --zg-editor-row-input-background: var(--theme-color-black);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-border-bottom\n  * @description Styles the bottom border of editor row input\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/9P6CXB0Q\n  */\n  --zg-editor-row-input-border-bottom: 0;\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-color\n  * @description Sets the font color of editor row\n  * @see color\n  * @default var(--theme-color-input)\n  * @demoLink https://app.zingsoft.com/demos/create/QYZBZUVA\n  */\n  --zg-editor-row-input-color: var(--theme-color-input);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-padding\n  * @default 13px 16px 12px\n  * @description Sets the padding of editor input\n  * @see padding\n  */\n  --zg-editor-row-input-padding: 13px 16px 12px;\n\n  /* ZG-HEADER\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-header-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid header\n  * @see border-radius\n  */\n  --zg-header-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n  /* INPUT: FOCUSED */\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-background_focus\n  * @default var(--theme-color-black)\n  * @description Styles the background of editor input on focus\n  * @see background\n  */\n  --zg-editor-row-input-background_focus: var(--theme-color-black);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-box-shadow_focus\n  * @default none\n  * @description Styles the box-shadow of editor input on focus\n  * @see box-shadow\n  */\n  --zg-editor-row-input-box-shadow_focus: none;\n\n  /* INPUT: MODAL */\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-background_modal_focus\n  * @description Styles the background of editor input in modal on focus\n  * @see background\n  * @default var(--theme-color-black)\n  * @demoLink https://app.zingsoft.com/demos/create/ZORGW9GT\n  */\n  --zg-editor-row-input-background_modal_focus: var(--theme-color-black);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-border-bottom_modal_focus\n  * @description Styles the bottom border of editor input in modal on focus\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  */\n  --zg-editor-row-input-border-bottom_modal_focus: 1px solid var(--theme-border-color);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-color_modal_focus\n  * @description Sets the font color of editor input in modal on focus\n  * @see color\n  * @default var(--theme-color-input)\n  */\n  --zg-editor-row-input-color_modal_focus: var(--theme-color-input);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-padding_modal\n  * @default 13px 10px 12px 8px\n  * @description Sets the padding of editor input\n  * @see padding\n  */\n  --zg-editor-row-input-padding_modal: 13px 10px 12px 8px;\n\n\n  /* ZG-FILTER\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-filter-background\n  * @description Styles the background of filter\n  * @see background\n  * @default var(--theme-background-color);\n  * @demoLink https://app.zingsoft.com/demos/create/G1WKUNFJ\n  */\n  --zg-filter-background: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --zg-filter-background_sorted\n  * @description Styles the background color of filter when the column in sorted\n  * @see background-color\n  * @default var(--theme-color-black)\n  * @demoLink https://app.zingsoft.com/demos/create/WX39XEJ1\n  */\n  --zg-filter-background_sorted: var(--theme-color-black);\n\n  /* INPUT */\n  /**\n  * @memberof black\n  * @var --zg-filter-input-background\n  * @description Styles the background of input field in filter\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  */\n  --zg-filter-input-background: var(--theme-color-black);\n  /**\n  * @memberof black\n  * @var --zg-filter-input-border-bottom\n  * @description Styles the bottom border of input field in filter\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/Z1COSRGD\n  */\n  --zg-filter-input-border-bottom: 1px solid #212121;\n  /**\n  * @memberof black\n  * @var --zg-filter-input-border-left\n  * @description Styles the left border of input field in filter\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/2Z1YS7PH\n  */\n  --zg-filter-input-border-left: 1px solid #212121;\n  /**\n  * @memberof black\n  * @var --zg-filter-input-border-right\n  * @description Styles the right border of input field in filter\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/JD0COXK4\n  */\n  --zg-filter-input-border-right: 1px solid #212121;\n  /**\n  * @memberof black\n  * @var --zg-filter-input-border-top\n  * @description Styles the top border of input field in filter\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/KRUW31YG\n  */\n  --zg-filter-input-border-top: 1px solid #212121;\n\n  /* INPUT: SORTED */\n  /**\n  * @memberof black\n  * @var --zg-filter-input-background_sorted\n  * @description Styles the background of input field in filter in sorted column\n  * @see background\n  * @default #171717\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  */\n  --zg-filter-input-background_sorted: #171717;\n\n  /* ZG-HEAD\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-head-background\n  * @default #191818\n  * @description Styles the background of grid head\n  * @see background\n  * @default Browser's default value\n  */\n  --zg-head-background: #191818;\n\n  /**\n  * @memberof black\n  * @var --zg-head-border-top\n  * @description Styles the top border of grid head\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/S7J5KA7S\n  */\n  --zg-head-border-top: 1px solid var(--theme-border-color);\n\n  /**\n  * @memberof dark\n  * @var --zg-head-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid head\n  * @see border-radius\n  */\n  --zg-head-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n\n  /* ZG-HEAD-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-head-cell-background_sorted\n  * @description Styles the background of sorted head cells\n  * @see background\n  * @default var(--theme-color-black)\n  * @demoLink https://app.zingsoft.com/demos/create/F7W6O5Y8\n  */\n  --zg-head-cell-background_sorted: var(--theme-color-black);\n  /**\n  * @memberof black\n  * @var --zg-head-cell-color\n  * @default var(--theme-color)\n  * @description Sets the font color of head cells\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/MOTKNFI7\n  */\n  --zg-head-cell-color: var(--theme-color);\n  /**\n  * @memberof black\n  * @var --zg-head-cell-color_sorted\n  * @description Sets the font color of sorted head cells\n  * @default var(--theme-color-white);\n  * @see color\n  */\n  --zg-head-cell-color_sorted: var(--theme-color-white);\n\n  /* ZG-HEADER\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-header-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid header\n  * @see border-radius\n  */\n  --zg-header-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n\n  /* ZG-ICON\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-icon-color\n  * @default var(--theme-color-white)\n  * @description Sets the fill color of icon in shadow elements\n  * @see fill\n  * @demoLink https://app.zingsoft.com/demos/create/QP3CK186\n  */\n  --zg-icon-color: var(--theme-color-white);\n  /**\n  * @memberof black\n  * @var --zg-icon-init-fill\n  * @description This color is set on the icon <svg> while the element has the\n  * [init] attribute. This is meant to give an indication the column is sortable.\n  * The [init] goes away when the column is sorted.\n  * @default #d0d0d0\n  * @see fill\n  * @demoLink https://app.zingsoft.com/demos/create/K3C0AD5K\n  */\n  /* Not-Sorted Color */\n  --zg-icon-init-fill: #d0d0d0;\n  /**\n  * @memberof black\n  * @var --zg-head-cell-icon-color_sorted\n  * @description Sets the fill color of icon in sorted head cells\n  * @see fill\n  * @default var(--theme-color-white);\n  * @demoLink https://app.zingsoft.com/demos/create/I4QTA64O\n  */\n  /* Sorted Color */\n  --zg-head-cell-icon-color_sorted: var(--theme-color-white);\n\n  /* ZG-INPUT\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-input-background\n  * @description Styles the background of input field\n  * @see background\n  * @default var(--theme-background-input)\n  * @demoLink https://app.zingsoft.com/demos/create/QTKU281K\n  */\n  --zg-input-background: var(--theme-background-input);\n  /**\n  * @memberof black\n  * @var --zg-input-color\n  * @description Styles the font color of editor input in modal\n  * @see color\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/32AVDJGQ\n  */\n  --zg-input-color: var(--theme-color-input);\n\n  /* ZG-MENU\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-menu-background\n  * @description Styles the background of menu\n  * @see background-color\n  * @default var(--theme-color-lighter)\n  */\n  --zg-menu-background: var(--theme-color-lighter);\n\n  /* ZG-MENUITEM\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-menu-item-color_hover\n  * @description Sets the font color of menu item on hover\n  * @see color\n  * @default #fff\n  */\n  --zg-menu-item-color_hover: #fff;\n\n  /* ZG-PAGER\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-pager-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of the pager\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/DSI1M4K6\n  */\n  --zg-pager-background: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --zg-pager-border-top\n  * @description Styles the top border of the pager\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/S7J5KA7S\n  */\n  --zg-pager-border-top: 1px solid var(--theme-border-color);\n\n  /* ZG-ROW\n  ----------------------------------------------------- */\n\n  /* ZG-BODY */\n  /**\n  * @memberof black\n  * @var --zg-row-body-background_even\n  * @default var(--theme-background-row)\n  * @description Styles the background of 'even' body rows\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/VMHOQP1A\n  */\n  --zg-row-body-background_even: var(--theme-background-row);\n  /**\n  * @memberof black\n  * @var --zg-row-body-background_odd\n  * @default var(--theme-background-row)\n  * @description Styles the background of 'odd' body rows\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/VMHOQP1A\n  */\n  --zg-row-body-background_odd: var(--theme-background-row);\n  /**\n  * @memberof black\n  * @var --zg-row-body-color\n  * @default #ccc\n  * @description Sets the font color of body rows\n  * @see color\n  */\n  --zg-row-body-color: #ccc;\n\n  /* Hover */\n  /**\n  * @memberof black\n  * @var --zg-row-body-color_even_hover\n  * @default var(--zg-row-body-color)\n  * @description Sets the font-color of 'even' body rows on hover\n  * @see color\n  */\n  --zg-row-body-color_even_hover: var(--zg-row-body-color);\n  /**\n  * @memberof black\n  * @var --zg-row-body-color_odd_hover\n  * @default var(--zg-row-body-color)\n  * @description Sets the font-color of 'odd' body rows on hover\n  * @see color\n  */\n  --zg-row-body-color_odd_hover: var(--zg-row-body-color);\n\n  /* Card */\n  /**\n  * @memberof black\n  * @var --zg-row-card-background\n  * @description Styles the background of card in 'card' layout-mode\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/BN8IASG4\n  */\n  --zg-row-card-background: var(--theme-background-row);\n\n  /* CARD MODE WHEN EDITOR CONTROLS */\n  /**\n  * @memberof default\n  * @var --zg-row-card-background_editor_odd\n  * @description Styles the background of 'odd' card editor head in card layout-mode\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px, var(--theme-border-color) 44px, var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px);\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/EFQR8XAB\n  */\n  /* ODD */\n  --zg-row-card-background_editor_odd: linear-gradient(\n    var(--theme-color-lighter),\n    var(--theme-color-lighter) 43px,\n    var(--theme-border-color) 44px,\n    var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px\n  );\n  /* EVEN */\n  /**\n  * @memberof default\n  * @var --zg-row-card-background_editor_even\n  * @description Styles the background of 'even' card editor head in card layout-mode\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px, var(--theme-border-color) 44px, var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px);\n  * @see background\n  */\n  --zg-row-card-background_editor_even: linear-gradient(\n    var(--theme-color-lighter),\n    var(--theme-color-lighter) 43px,\n    var(--theme-border-color) 44px,\n    var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px\n  );\n\n  /* ZG-SELECT\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-select-arrow-color\n  * @description Sets the color select arrow icon\n  * @see fill\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/1IT6DL7R\n  */\n  --zg-select-arrow-color: var(--zg-icon-color);\n  /**\n  * @memberof black\n  * @var --zg-select-color\n  * @description Sets the font color of the select\n  * @see color\n  * @default var(--theme-color-input)\n  * @demoLink https://app.zingsoft.com/demos/create/LHLU0OLY\n  */\n  --zg-select-color: var(--theme-color-input);\n  /**\n  * @memberof black\n  * @var --zg-select-text-background\n  * @description Styles the background of the 'text' portion of the zg-select element\n  * @default var(--theme-background-input)\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/MZG3WH82\n  */\n  --zg-select-text-background: var(--theme-background-input);\n  /**\n  * @memberof black\n  * @var --zg-option-list-background\n  * @description Styles the background of option list\n  * @see background\n  * @default var(--theme-background-color)\n  */\n  --zg-option-list-background: var(--theme-background-color);\n\n  /* ZG-SOURCE\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-source-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of source\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/B8CEE4RW\n  */\n  --zg-source-background: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --zg-source-border-top\n  * @description Styles the top border of source\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/IYUVRHY0\n  */\n  --zg-source-border-top: 0;\n\n\n  /* ZG-WATERMARK\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-watermark-background\n  * @default var(--theme-color_alt)\n  * @description Styles the background of the ZingGrid watermark\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/PLI8AW69\n  */\n  --zg-watermark-background: var(--theme-color_alt);\n  /**\n  * @memberof black\n  * @var --zg-watermark-color\n  * @default var(--theme-color_alt)\n  * @description Styles the color of the ZingGrid watermark\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/RHV3AZL7\n  */\n  --zg-watermark-color: #fff;\n\n  /**\n    * @memberof black\n    * @var --zg-watermark-border-radius\n    * @default var(--theme-color_alt)\n    * @description Styles the border-radius of the ZingGrid watermark\n    * @see border-radius\n    * @demoLink https://app.zingsoft.com/demos/create/HCZ0FTPR\n    */\n    --zg-watermark-border-radius: 0 0 var(--zing-grid-border-radius) var(--zing-grid-border-radius);\n\n    /* BATCH EDIT\n  ----------------------------------------------------- */\n  --zing-grid-batch-edit-style-border: 4px solid var(--theme-color);\n  /* --theme-batch-edit-box-shadow: inset 0 0 15px var(--theme-color_alt); */\n  --theme-batch-edit-box-shadow: unset;\n\n}\n\n\n",""])},6375:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,":host([compact]),\n:host([theme][compact]) {\n  /* --theme-padding_x: .75rem; */\n  --theme-padding_y: .5rem;\n  --zg-caption-height: 40px;\n  --zg-caption-title-font-size: 80%;\n  --zg-filter-height: 34px;\n  --zg-pager-height: 0;\n  --zg-pager-padding: 0 var(--theme-padding_x) 11px;\n  --zg-row-head-height: 32px;\n  --zg-row-body-height: 0;\n  --zg-row-height_aggregate: 32px;\n  --zg-cell-font-size: 95%;\n  --zg-cell-padding: var(--theme-padding_y) var(--theme-padding_x);\n  --zg-cell-selector-min-height_layout_row: 0;\n}",""])},9300:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,":host([theme=\"dark\"]) {\n  /* RE-USABLE ZINGGRID VARS\n  ----------------------------------------------------- */\n  /* These are used as the default theme values in the various component .css files */\n  /* These values are used more than once, so we're making them into a variable for reuse */\n\n  /* BACKGROUND */\n\n  /**\n  * @memberof dark\n  * @var --theme-background-color\n  * @default #071730\n  * @description Styles the background of row on hover\n  * @see background-color\n  */\n  --theme-background-color: #071730;\n  /**\n  * @memberof dark\n  * @var --theme-background-input\n  * @default #343434\n  * @description Styles the background input fields\n  * @see background-color\n  */\n  --theme-background-input: #343434;\n  /**\n  * @memberof dark\n  * @var --theme-background-zebra\n  * @default var(--theme-background-color)\n  * @description Styles the background of 'even' rows in grid [zebra]-striping mode\n  * @see background-color\n  */\n  --theme-background-zebra: var(--theme-background-color);\n  /**\n  * @memberof dark\n  * @var --theme-background-row\n  * @default #191a2c\n  * @description Styles the background of row-like items\n  * @see background-color\n  */\n  --theme-background-row: #191a2c;\n\n  /* BORDER */\n  /**\n  * @memberof dark\n  * @var --theme-border-color\n  * @default var(--theme-color_alt)\n  * @description Styles the border color\n  * @see border\n  */\n  --theme-border-color: var(--theme-color_alt);\n  /**\n  * @memberof dark\n  * @var --theme-border-color_body\n  * @default #3a3a3a\n  * @description Styles the border color of grid body\n  * @see border\n  */\n  --theme-border-color_body: #3a3a3a;\n\n  /* COLOR */\n\n  /**\n  * @memberof dark\n  * @var --theme-color\n  * @default #e4e4e4\n  * @description Sets the font color of most components, including cell content.\n  * @see color\n  * @example cell font color\n  * @example button background\n  * @example checkbox border\n  * @example select color\n  */\n  --theme-color: #e4e4e4;\n  /**\n  * @memberof dark\n  * @var --theme-color_alt\n  * @default #5290a5\n  * @description Sets the font color of most components, including cell content.\n  * @see color\n  */\n  --theme-color_alt: #5290a5;\n  /**\n  * @memberof dark\n  * @var --theme-color-input\n  * @default #d0d0d0\n  * @description Sets the font color of input fields\n  * @see color\n  */\n  --theme-color-input: #d0d0d0;\n  /**\n  * @memberof black\n  * @var --theme-color-light\n  * @default #050b22\n  * @description Defines the baseline light color\n  * @see color\n  * @example Currently reordering column\n  */\n  --theme-color-light: #050b22;\n  /**\n  * @memberof dark\n  * @var --theme-color-lighter\n  * @default #050b22\n  * @description Defines the baseline lighter color\n  * @see color\n  * @example Filter and Footer background color\n  */\n  --theme-color-lighter: #050b22;\n  /**\n  * @memberof dark\n  * @var --theme-color-primary\n  * @default #00061d\n  * @description Defines the baseline primary color\n  * @see color\n  */\n  --theme-color-primary: #00061d;\n  /**\n  * @memberof dark\n  * @var --theme-color-white\n  * @default #fff\n  * @description Defines the baseline white color\n  * @see color\n  */\n  --theme-color-white: #fff;\n\n\n  /* -------------------------------------------------- */\n\n\n  /* ZING-GRID\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zing-grid-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of grid\n  * @see background-color\n  */\n  --zing-grid-background: var(--theme-background-color);\n\n  /* DRAGGABLE COLUMNS */\n  /**\n  * @memberof dark\n  * @var --draggable-width_note\n  * @default calc(100% + 2px)\n  * @description Sets width of draggable element when `[draggable]` is added to `<zing-grid>`\n  * @see width\n  */\n  --draggable-width_note: calc(100% + 2px);\n\n\n  /* ZG-BUTTON\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-button-background_active\n  * @description Styles the background of button on active state\n  * @see background\n  * @default #343434\n  * @demoLink https://app.zingsoft.com/demos/create/XPUZZ3LU\n  */\n  --zg-button-background_active: #343434;\n\n  /* ZG-BUTTON (CUSTOM) */\n  /**\n  * @memberof dark\n  * @var --zg-button-background_custom\n  * @description Styles the background of custom button\n  * @see background\n  * @default var(--theme-color-primary)\n  */\n  --zg-button-background_custom: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-button-border_custom\n  * @description Styles the border of custom button\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  */\n  --zg-button-border_custom: 1px solid var(--theme-border-color);\n  /**\n  * @memberof dark\n  * @var --zg-button-box-shadow_custom\n  * @description Applies a box shadow behind efault button\n  * @see box-shadow\n  * @default none\n  */\n  --zg-button-box-shadow_custom: none;\n  /**\n  * @memberof dark\n  * @var --zg-button-color_custom\n  * @description Sets the font color of custom button\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom: #fff;\n\n  /* Active */\n  /**\n  * @memberof dark\n  * @var --zg-button-background_custom_active\n  * @description Styles the background of custom button on active state\n  * @see background\n  * @default #000\n  */\n  --zg-button-background_custom_active: #000;\n  /**\n  * @memberof dark\n  * @var --zg-button-border_custom_active\n  * @description Styles the border of custom button on active state\n  * @see border\n  * @default 1px solid #4eaada\n  */\n  --zg-button-border_custom_active: 1px solid #4eaada;\n  /**\n  * @memberof dark\n  * @var --zg-button-box-shadow_custom_active\n  * @description Applies a box shadow behind custom button on active state\n  * @see box-shadow\n  * @default 0 0 5px 0 #86d3fb\n  */\n  --zg-button-box-shadow_custom_active: 0 0 5px 0 #86d3fb;\n  /**\n  * @memberof dark\n  * @var --zg-button-color_custom_active\n  * @description Sets the font color of custom button on active state\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_active: #fff;\n  /* Focus */\n  /**\n  * @memberof dark\n  * @var --zg-button-background_custom_focus\n  * @description Styles the background of custom button on focus\n  * @see background\n  * @default #000\n  */\n  --zg-button-background_custom_focus: #000;\n  /**\n  * @memberof dark\n  * @var --zg-button-border_custom_focus\n  * @description Styles the border of custom button on focus\n  * @see border\n  * @default 1px solid #5ac4fb\n  */\n  --zg-button-border_custom_focus: 1px solid #5ac4fb;\n  /**\n  * @memberof dark\n  * @var --zg-button-box-shadow_custom_focus\n  * @description Applies a box shadow behind custom button on focus\n  * @see box-shadow\n  * @default 0 0 6px 0 #86d3fb\n  */\n  --zg-button-box-shadow_custom_focus: 0 0 6px 0 #86d3fb;\n  /**\n  * @memberof dark\n  * @var --zg-button-color_custom_focus\n  * @description Sets font color of custom button on focus\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_focus: #fff;\n\n  /* Hover */\n  /**\n  * @memberof dark\n  * @var --zg-button-background_custom_hover\n  * @description Styles background of custom button on hover\n  * @see background\n  * @default var(--theme-color-primary)\n  */\n  --zg-button-background_custom_hover: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-button-border_custom_hover\n  * @description Styles border of custom button on hover\n  * @see border\n  * @default 1px solid #5ac4fb\n  */\n  --zg-button-border_custom_hover: 1px solid #5ac4fb;\n  /**\n  * @memberof dark\n  * @var --zg-button-box-shadow_custom_hover\n  * @description Applies a box shadow behind custom button on hover\n  * @see box-shadow\n  * @default 0 0 6px 0 #86d3fb\n  */\n  --zg-button-box-shadow_custom_hover: 0 0 6px 0 #86d3fb;\n  /**\n  * @memberof dark\n  * @var --zg-button-color_custom_hover\n  * @description Sets font color of custom button on hover\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_hover: #fff;\n\n  /* ZG-CAPTION\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-caption-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of caption\n  * @see background-color\n  */\n  --zg-caption-background: var(--theme-background-color);\n\n  /**\n  * @memberof dark\n  * @var --zg-caption-icon-color\n  * @default #fff\n  * @description Sets the color of icons in caption\n  * @see fill\n  */\n  --zg-caption-icon-color: var(--zg-icon-color);\n\n  /* ZG-CARD\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-body-card-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of card in 'card' layout-mode\n  * @see background-color\n  */\n  --zg-body-card-background: var(--theme-background-color);\n\n  /* ZG-CELL\n  ----------------------------------------------------- */\n    /**\n  * @memberof dark\n  * @var --zg-cell-background_sorted\n  * @default var(--theme-color-primary)\n  * @description Styles the background of sorted cells\n  * @see background-color\n  */\n  --zg-cell-background_sorted: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-cell-label-color_layout_card\n  * @description Sets font color of label in grid cell in 'card' layout-mode\n  * @see color\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/WLX26P3Q\n  */\n  --zg-cell-label-color_layout_card: var(--theme-color);\n\n  /* ZG-COLUMN-RESIZE\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-column-resize-background\n  * @description Sets the background of the resize handle\n  * @see background\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/GY8NY03F\n  */\n  --zg-column-resize-background: var(--zg-head-cell-color);\n  /**\n  * @memberof dark\n  * @var --zg-column-resize-color\n  * @description Sets the color of the resize handle dots\n  * @see color\n  * @default none\n  */\n  --zg-column-resize-color: var(--theme-background-color);\n\n  /* ZG-CONTROL-BAR\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-control-bar-background\n  * @description Styles the background of control bar\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/E1K9COKF\n  */\n  --zg-control-bar-background: var(--theme-background-color);\n  /**\n  * @memberof dark\n  * @var --zg-control-bar-border-bottom\n  * @description Styles the bottom border of control bar\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/5DST8C9Q\n  */\n  --zg-control-bar-border-bottom: 0;\n  /**\n  * @memberof dark\n  * @var --zg-control-bar-button-margin\n  * @description Sets margin of buttons in control bar\n  * @see margin\n  * @default 0\n  */\n  --zg-control-bar-button-margin: 0;\n  /**\n  * @memberof dark\n  * @var --zg-control-bar-icon-color\n  * @description Sets the fill color of slotted icon\n  * @see fill\n  * @default var(--zg-icon-color)\n  * @demoLink https://app.zingsoft.com/demos/create/AQXMHTVM\n  */\n  --zg-control-bar-icon-color: var(--zg-icon-color);\n\n  /* ZG-DIALOG\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-background\n  * @description Styles the background of dialog\n  * @see background\n  * @default #050b22\n  */\n  --zg-dialog-background: #050b22;\n\n  /* HEADER */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-header-color\n  * @description Styles the font color of dialog header\n  * @see color\n  * @default #fff\n  */\n  --zg-dialog-header-color: #fff;\n\n  /**\n  * @memberof dark\n  * @var --zg-dialog-cancel-border-bottom\n  * @description Styles the bottom border of dialog 'cancel' button\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-cancel-border-bottom: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-dialog-cancel-border-left\n  * @description Styles the left border of dialog 'cancel' button\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-cancel-border-left: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-dialog-cancel-border-right\n  * @description Styles the right border of dialog 'cancel' button\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-cancel-border-right: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-dialog-cancel-border-top\n  * @description Styles the top border of dialog 'cancel' button\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-cancel-border-top: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-dialog-close-color\n  * @description Sets the font color of dialog 'close' button\n  * @see color\n  * @default var(--theme-color_alt)\n  */\n  --zg-dialog-close-color: var(--theme-color_alt);\n\n  /* BODY */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-body-border-top\n  * @description Styles the top boder of dialog body\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-body-border-top: 1px solid var(--theme-border-color_body);\n\n  /* FOOTER */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-footer-border-top\n  * @description Styles the top border of dialog footer\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-footer-border-top: 1px solid var(--theme-border-color_body);\n\n  /* BODY COLOR\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-body-color\n  * @description Styles font color of body of dialog\n  * @see color\n  * @default #fff\n  */\n  --zg-dialog-body-color: #fff;\n\n  /* ZG-EDITOR-ROW\n  ----------------------------------------------------- */\n\n  /* ZG-EDITOR-ROW: INPUT */\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-background\n  * @description Styles the background of editor row input\n  * @see background\n  * @default var(--theme-color-primary))\n  * @demoLink https://app.zingsoft.com/demos/create/3EBBN3A3\n  */\n  --zg-editor-row-input-background: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-border-bottom\n  * @description Styles the bottom border of editor row input\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/9P6CXB0Q\n  */\n  --zg-editor-row-input-border-bottom: 0;\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-color\n  * @description Sets the font color of editor row input\n  * @see color\n  * @default var(--theme-color-input)\n  * @demoLink https://app.zingsoft.com/demos/create/QYZBZUVA\n  */\n  --zg-editor-row-input-color: var(--theme-color-input);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-padding\n  * @default 13px 16px 12px\n  * @description The padding of editor row input\n  * @see padding\n  */\n  --zg-editor-row-input-padding: 13px 16px 12px;\n\n  /* ZG-EDITOR-ROW: INPUT - FOCUSED */\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-background_focus\n  * @default var(--theme-background-color)\n  * @description Styles the background of editor row input on focus\n  * @see background\n  */\n  --zg-editor-row-input-background_focus: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-border-bottom\n  * @description Styles the bottom border of input field\n  * @see border\n  * @default var(--theme-border-color_body)\n  */\n  --zg-editor-row-input-border-bottom: var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-box-shadow_focus\n  * @default none\n  * @description Applies a box shadow behind editor row input on focus\n  * @see box-shadow\n  */\n  --zg-editor-row-input-box-shadow_focus: none;\n\n  /* ZG-EDITOR-ROW: MODAL - INPUT */\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-background_modal_focus\n  * @description Styles the background of editor row input in modal on focus\n  * @see background\n  * @default var(--theme-background-zebra)\n  * @demoLink https://app.zingsoft.com/demos/create/ZORGW9GT\n  */\n  --zg-editor-row-input-background_modal_focus: var(--theme-background-zebra);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-border-bottom_modal_focus\n  * @description Styles the bottom border of editor row input in modal on focus\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  */\n  --zg-editor-row-input-border-bottom_modal_focus: 1px solid var(--theme-border-color);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-color_modal_focus\n  * @description Sets the font color of editor row input in modal on focus\n  * @see color\n  * @default var(--theme-color-input)\n  */\n  --zg-editor-row-input-color_modal_focus: var(--theme-color-input);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-padding_modal\n  * @default 13px 10px 12px 8px\n  * @description Sets the padding of editor row input\n  * @see padding\n  */\n  --zg-editor-row-input-padding_modal: 13px 10px 12px 8px;\n\n  /* ZG-EDITOR-ROW: LABEL\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-label-color\n  * @description Styles font color of label in modal\n  * @see color\n  * @default #fff\n  */\n  --zg-editor-row-label-color: #fff;\n\n  /* ZG-FILTER\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-filter-background\n  * @description Styles the background of filter input\n  * @see background\n  * @default var(--theme-background-color);\n  * @demoLink https://app.zingsoft.com/demos/create/G1WKUNFJ\n  */\n  --zg-filter-background: var(--theme-background-color);\n  /**\n  * @memberof dark\n  * @var --zg-filter-background_sorted\n  * @description Styles the background color of filter input in sorted column\n  * @see background-color\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/WX39XEJ1\n  */\n  --zg-filter-background_sorted: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-filter-border-top\n  * @description Styles the top border of the filter cell\n  * @see border\n  * @default 0\n  */\n  --zg-filter-border-top: 0;\n\n  /* ZG-FILTER: INPUT */\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-background\n  * @description Styles the background of fiter input field\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  */\n  --zg-filter-input-background: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-border-bottom\n  * @description Styles the bottom border of filter input field\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/Z1COSRGD\n  */\n  --zg-filter-input-border-bottom: 1px solid #212121;\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-border-left\n  * @description Styles the left border of filter input field\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/2Z1YS7PH\n  */\n  --zg-filter-input-border-left: 1px solid #212121;\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-border-right\n  * @description Styles the right border of filter input field\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/JD0COXK4\n  */\n  --zg-filter-input-border-right: 1px solid #212121;\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-border-top\n  * @description Styles the top border of filter input field\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/KRUW31YG\n  */\n  --zg-filter-input-border-top: 1px solid #212121;\n\n  /* ZG-FILTER: INPUT - SORTED */\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-background_sorted\n  * @description Styles the background of filter input field in sorted column\n  * @see background\n  * @default var(--theme-background-row)\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  */\n  --zg-filter-input-background_sorted: var(--theme-background-row);\n\n  /* ZG-HEAD\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-head-background\n  * @default #050b22\n  * @description Styles the background of grid head\n  * @see background\n  */\n  --zg-head-background: #050b22;\n  /**\n  * @memberof dark\n  * @var --zg-head-border-bottom\n  * @description Styles the bottom border of grid head\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  * @demoLink https://app.zingsoft.com/demos/create/HLBTB6HX\n  */\n  --zg-head-border-bottom: 1px solid var(--theme-border-color_body);\n\n  /**\n  * @memberof dark\n  * @var --zg-head-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid head\n  * @see border-radius\n  */\n  --zg-head-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n  /**\n  * @memberof dark\n  * @var --zg-head-border-top\n  * @description Styles the top border of grid head\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/S7J5KA7S\n  */\n  --zg-head-border-top: 0;\n\n  /* ZG-HEAD-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-head-cell-background_sorted\n  * @description Styles the background of sorted head cells\n  * @see background\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/F7W6O5Y8\n  */\n  --zg-head-cell-background_sorted: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-head-cell-color\n  * @default var(--theme-color_alt)\n  * @description Sets the font color of head cells\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/MOTKNFI7\n  */\n  --zg-head-cell-color: var(--theme-color_alt);\n  /**\n  * @memberof dark\n  * @var --zg-head-cell-color_sorted\n  * @description Sets the font color of head cells when sorted\n  * @default var(--theme-color-white);\n  * @see color\n  */\n  --zg-head-cell-color_sorted: var(--theme-color-white);\n\n  /* ZG-HEADER\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-header-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid header\n  * @see border-radius\n  */\n  --zg-header-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n\n  /* ZG-ICON\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-icon-color\n  * @default var(--theme-color-white)\n  * @description Sets the fill color of icon in shadow elements\n  * @see fill\n  * @demoLink https://app.zingsoft.com/demos/create/QP3CK186\n  */\n  --zg-icon-color: var(--theme-color_alt);\n  /**\n  * @memberof dark\n  * @var --zg-icon-init-fill\n  * @description This color is set on the icon <svg> while the element has the\n  * [init] attribute. This is meant to give an indication the column is sortable.\n  * The [init] goes away when the column is sorted.\n  * @default var(--theme-color)\n  * @see fill\n  * @demoLink https://app.zingsoft.com/demos/create/K3C0AD5K\n  */\n  /* Not-Sorted Color */\n  --zg-icon-init-fill: var(--theme-color_alt);\n  /**\n  * @memberof dark\n  * @var --zg-head-cell-icon-color_sorted\n  * @description Sets the fill color of icon in sorted head cells\n  * @see fill\n  * @default var(--theme-color-white);\n  * @demoLink https://app.zingsoft.com/demos/create/I4QTA64O\n  */\n  /* Sorted Color */\n  --zg-head-cell-icon-color_sorted: var(--theme-color-white);\n\n  /* ZG-INPUT\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-input-background\n  * @description Styles the background of input field\n  * @see background\n  * @default var(--theme-background-row)\n  * @demoLink https://app.zingsoft.com/demos/create/QTKU281K\n  */\n  --zg-input-background: var(--theme-background-row);\n  /**\n  * @memberof dark\n  * @var --zg-input-color\n  * @description Styles the font color of input field\n  * @see color\n  * @default var(--theme-color-input)\n  * @demoLink https://app.zingsoft.com/demos/create/32AVDJGQ\n  */\n  --zg-input-color: var(--theme-color-input);\n\n  /* ZG-MENU\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-menu-background\n  * @description Styles the background of menu\n  * @see background\n  * @default var(--theme-color-lighter)\n  */\n  --zg-menu-background: var(--theme-color-lighter);\n\n  /* ZG-MENUITEM\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-menu-item-background_hover\n  * @description Styles the background of menu item on hover\n  * @see background\n  * @default var(--theme-background-zebra)\n  */\n  --zg-menu-item-background_hover: var(--theme-background-zebra);\n  /**\n  * @memberof dark\n  * @var --zg-menu-item-color_hover\n  * @description Sets the font color of menu item on hover\n  * @see color\n  * @default var(--theme-color_alt)\n  */\n  --zg-menu-item-color_hover: var(--theme-color_alt);\n\n  /* ZG-PAGER\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-pager-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of pager\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/DSI1M4K6\n  */\n  --zg-pager-background: var(--theme-background-color);\n  /**\n  * @memberof dark\n  * @var --zg-pager-border-top\n  * @description Styles the top border of pager\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  * @demoLink https://app.zingsoft.com/demos/create/S7J5KA7S\n  */\n  --zg-pager-border-top: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-pager-color\n  * @description Sets the font color of pager\n  * @see color\n  * @default #a1a1a1\n  */\n  --zg-pager-color: #a1a1a1;\n\n  /* ZG-ROW\n  ----------------------------------------------------- */\n\n  /* ZG-BODY */\n  /**\n  * @memberof dark\n  * @var --zg-row-body-background_even\n  * @default var(--theme-background-row)\n  * @description Styles the background of 'even' body rows\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/VMHOQP1A\n  */\n  --zg-row-body-background_even: var(--theme-background-row);\n  /**\n  * @memberof dark\n  * @var --zg-row-body-background_even\n  * @default var(--theme-background-row)\n  * @description Styles the background of 'even' body rows\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/VMHOQP1A\n  */\n  --zg-row-body-background_odd: var(--theme-background-row);\n  /**\n  * @memberof dark\n  * @var --zg-row-body-border-bottom\n  * @description Styles the bottom border of body rows\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  * @demoLink https://app.zingsoft.com/demos/create/HNJ2XN7Y\n  */\n  --zg-row-body-border-bottom: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-row-body-color\n  * @default var(--theme-color)\n  * @description Sets the font color of body rows\n  * @see color\n  */\n  --zg-row-body-color: var(--theme-color);\n\n  /* Hover */\n  /**\n  * @memberof dark\n  * @var --zg-row-body-color_even_hover\n  * @default var(--zg-row-body-color)\n  * @description Sets the font color of 'even' body rows on hover\n  * @see color\n  */\n  --zg-row-body-color_even_hover: var(--zg-row-body-color);\n  /**\n  * @memberof dark\n  * @var --zg-row-body-color_odd_hover\n  * @default var(--zg-row-body-color)\n  * @description Setst the font color of 'odd' body rows on hover\n  * @see color\n  */\n  --zg-row-body-color_odd_hover: var(--zg-row-body-color);\n\n  /* Card */\n  /**\n  * @memberof dark\n  * @var --zg-row-card-background\n  * @description Styles the background of cards in 'card' layout-mode\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/BN8IASG4\n  */\n  --zg-row-card-background: var(--theme-background-row);\n\n  /* CARD MODE WHEN EDITOR CONTROLS */\n  /* ODD */\n  /**\n  * @memberof dark\n  * @var --zg-row-card-background_editor_odd\n  * @description Styles the background of 'odd' card editor header in 'card' layout-mode\n  * when `[editor-controls]` is added to `<zing-grid>`.\n  * Styling should account for the editor controls above the cells.\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px var(--theme-border-color) 44px, var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px)\n  * @see background\n  */\n  --zg-row-card-background_editor_odd: linear-gradient(\n    var(--theme-color-lighter),\n    var(--theme-color-lighter) 43px,\n    var(--theme-border-color) 44px,\n    var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px\n  );\n  /* EVEN */\n  /**\n  * @memberof dark\n  * @var --zg-row-card-background_editor_even\n  * @description Styles the background of 'even' card editor header in 'card' layout-mode\n  * when `[editor-controls]` is added to `<zing-grid>`.\n  * Styling should account for the editor controls above the cells.\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px, var(--theme-border-color) 44px, var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px)\n  * @see background\n  */\n  --zg-row-card-background_editor_even: linear-gradient(\n    var(--theme-color-lighter),\n    var(--theme-color-lighter) 43px,\n    var(--theme-border-color) 44px,\n    var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px\n  );\n\n  /* ZG-SELECT\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-select-arrow-color\n  * @description Sets the color of select arrow icon\n  * @see fill\n  * @default var(--zg-icon-color)\n  * @demoLink https://app.zingsoft.com/demos/create/1IT6DL7R\n  */\n  --zg-select-arrow-color: var(--zg-icon-color);\n  /**\n  * @memberof dark\n  * @var --zg-select-color\n  * @description Sets the font color of the select in active state\n  * @see color\n  * @default var(--theme-color-input)\n  * @demoLink https://app.zingsoft.com/demos/create/LHLU0OLY\n  */\n  --zg-select-color: var(--theme-color-input);\n  /**\n  * @memberof dark\n  * @var --zg-select-text-background\n  * @description Styles the background of the 'text' portion of select\n  * @default none\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/MZG3WH82\n  */\n  --zg-select-text-background: none;\n  /**\n  * @memberof dark\n  * @var --zg-option-list-background\n  * @description Styles the background of option list\n  * @see background\n  * @default var(--theme-background-color)\n  */\n  --zg-option-list-background: var(--theme-background-color);\n\n  /* ZG-SOURCE\n  ----------------------------------------------------- */\n  --zg-source-background: none;\n  --zg-source-border-bottom_top: 1px solid #0e4658;\n  --zg-source-border-top_top: 1px solid #0e4658;\n  --zg-source-border-top_bottom: 1px solid #0e4658;\n  --zg-source-color: #47899e;\n\n  /* ZG-WATERMARK\n  ----------------------------------------------------- */\n  --zg-watermark-background: var(--theme-background-color);\n  --zg-watermark-color: var(--theme-color-white);\n  --zg-watermark-color_strong: var(--theme-color-white);\n\n  /* BATCH EDIT\n  ----------------------------------------------------- */\n  --zing-grid-batch-edit-style-border: 4px solid var(--theme-color_alt);\n  /* --theme-batch-edit-box-shadow: inset 0 0 15px var(--theme-color_alt); */\n  --theme-batch-edit-box-shadow: unset;\n\n}",""])},3974:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,":host {\n  /* RE-USABLE ZINGGRID VARS\n  ----------------------------------------------------- */\n  /* These are used as the default theme values in the various component .css files */\n  /* These values are used more than once, so we're making them into a variable for reuse */\n\n  /* BACKGROUND */\n\n  /**\n  * @memberof theme\n  * @var --theme-background-color\n  * @default rgba(166, 213, 250, 0.2)\n  * @description Styles the background of row on hover\n  * @see background-color\n  */\n  --theme-background-color: rgba(166, 213, 250, 0.2);\n\n  /**\n  * @memberof theme\n  * @var --theme-background-zebra\n  * @default #f5f5f5\n  * @description Styles the background of 'even' rows in [zebra]-striping mode\n  * @see background-color\n  */\n  --theme-background-zebra: #f5f5f5;\n\n  /* BORDER */\n  /**\n  * @memberof theme\n  * @var --theme-border-color\n  * @default #e3e3e3\n  * @description Styles the border color\n  * @see border\n  */\n  --theme-border-color: #e3e3e3;\n\n  /* COLOR */\n\n  /**\n  * @memberof theme\n  * @var --theme-color\n  * @default rgb(33, 33, 33, 1)\n  * @description Sets the font color of most components, including cell content.\n  * @see color\n  * @example cell font color\n  * @example button background\n  * @example checkbox border\n  * @example select color\n  */\n  --theme-color: rgba(33, 33, 33, 1);\n\n  /**\n  * @memberof theme\n  * @var --theme-color_alt\n  * @default rgba(117, 117, 117, 1);\n  * @description Sets the font color of alternate text\n  * @see color\n  * @example header font\n  */\n  --theme-color_alt: rgba(117, 117, 117, 1);\n  \n  /**\n  * @memberof theme\n  * @var --theme-color-primary\n  * @default rgba(33, 150, 243, 1)\n  * @description Sets the font color of primary text\n  * @see color\n  * @example watermark\n  * @example checkbox:checked\n  * @example focus border\n  */\n  --theme-color-primary: rgba(33, 150, 243, 1);\n\n  /**\n  * @memberof theme\n  * @var --theme-color-secondary\n  * @default var(--theme-color-primary)\n  * @description Sets the font color of secondary text for components of functionality, such as header cells.\n  * @see color\n  * @example input:focus\n  */\n  --theme-color-secondary: var(--theme-color-primary);\n\n  /**\n  * @memberof theme\n  * @var --theme-color-success\n  * @default green\n  * @description Sets the font color for 'success' messages\n  * @see color\n  */\n  --theme-color-success: green;\n\n  /**\n  * @memberof theme\n  * @var --theme-color-alert\n  * @default red\n  * @description Sets the font color for 'alert' messages\n  * @see color\n  */\n  --theme-color-alert: red;\n\n  /**\n  * @memberof theme\n  * @var --theme-color-light\n  * @default #f2f2f2\n  * @description Defines the baseline light color\n  * @see color\n  * @example <zg-source> background\n  */\n  --theme-color-light: #f2f2f2;\n\n  /**\n  * @memberof theme\n  * @var --theme-color-lighter\n  * @default #fbfbfb\n  * @description Defines the baseline lighter color\n  * @see color\n  * @example Filter and Footer background color\n  */\n  --theme-color-lighter: #fbfbfb;\n\n  /**\n  * @memberof theme\n  * @var --theme-color-warn\n  * @default #ecd800\n  * @description Sets the font color of 'warn' messages\n  * @see color\n  */\n  --theme-color-warn: #ecd800;\n\n  /* FONT */\n\n  /**\n  * @memberof theme\n  * @var --theme-font-family\n  * @default 'Roboto', verdana, sans-serif\n  * @description Sets the font family of grid\n  * @see font-family\n  */\n  --theme-font-family: 'Roboto', verdana, sans-serif;\n\n  /**\n  * @memberof theme\n  * @var --theme-font-size\n  * @default 0.875rem\n  * @description Sets the base font size of grid\n  * @see font-size\n  */\n  --theme-font-size: .875rem;\n\n  /**\n  * @memberof theme\n  * @var --theme-font-style\n  * @default normal\n  * @description Sets the font style of grid\n  * @see font-style\n  */\n  --theme-font-style: normal;\n\n  /**\n  * @memberof theme\n  * @var --theme-font-weight\n  * @default normal\n  * @description Sets the font weight of grid\n  * @see font-weight\n  */\n  --theme-font-weight: normal;\n\n  /**\n  * @memberof theme\n  * @var --theme-line-height\n  * @default 1rem\n  * @description Sets the line height of grid\n  * @see line-height\n  */\n  --theme-line-height: 1rem;\n\n  /* PADDING */\n  /**\n  * @memberof theme\n  * @var --theme-padding_x\n  * @default 1rem\n  * @description Sets the horizontal padding of cells\n  * @see padding\n  */\n  --theme-padding_x: 1rem;\n\n  /**\n  * @memberof theme\n  * @var --theme-padding_y\n  * @default 0\n  * @description Sets the vertical padding of cells\n  * @see padding\n  */\n  --theme-padding_y: 0;\n\n  /* TRANSITION SPEED */\n  /**\n  * @memberof theme\n  * @var --theme-transition_speed\n  * @default 150ms\n  * @description Sets the animation speed for transitions\n  * @see transition\n  */\n  --theme-transition_speed: 150ms;\n\n  /* SIZING */\n  /**\n  * @memberof theme\n  * @var --theme-margin\n  * @default 20px\n  * @description Sets the margin of pager controls\n  * @see margin\n  */\n  --theme-margin: 20px;\n\n\n  /* -------------------------------------------------- */\n\n\n  /* ZING-GRID\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zing-grid-background\n  * @default #fff\n  * @description Styles the background of grid\n  * @see background-color\n  # @example body and header rows\n  # @example layout\n  # @example pager\n  */\n  --zing-grid-background: #fff;\n\n\n  /* ZG-BUTTON\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-button-background_hover\n  * @default rgba(255, 255, 255, 0.3)\n  * @description Styles the background of button on hover\n  * @see background\n  */\n  --zg-button-background_hover: rgba(255, 255, 255, 0.3);\n  /**\n  * @memberof default\n  * @var --zg-button-focus\n  * @default 2px solid green\n  * @description Styles the border of button on focus\n  * @see border\n  */\n  --zg-button-focus: 1px solid green;\n\n  /* ZG-BUTTON (CUSTOM) */\n  /**\n  * @memberof default\n  * @var --zg-button-background_custom\n  * @default #fff\n  * @description Styles the background of custom button\n  * @see background\n  */\n  --zg-button-background_custom: #fff;\n  /**\n  * @memberof default\n  * @var --zg-button-border_custom\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the border of custom button\n  * @see border\n  */\n  --zg-button-border_custom: 1px solid var(--theme-border-color);\n  /**\n  * @memberof default\n  * @var --zg-button-box-shadow_custom\n  * @default 0 0 5px 0 #a6a6a6\n  * @description Applies box shadow behind custom button\n  * @see box-shadow\n  */\n  --zg-button-box-shadow_custom: 0 0 5px 0 #a6a6a6;\n  /**\n  * @memberof default\n  * @var ---zg-button-color_custom\n  * @default #000\n  * @description Sets the font color of custom button\n  * @see color\n  */\n  --zg-button-color_custom: #000;\n\n  /* FOCUS */\n  /**\n  * @memberof default\n  * @var --zg-button-background_custom_focus\n  * @default var(--theme-color-primary)\n  * @description Styles the background of custom button on focus\n  * @see background\n  */\n  --zg-button-background_custom_focus: var(--theme-color-primary);\n  /**\n  * @memberof default\n  * @var --zg-button-border_custom_focus\n  * @default 1px solid #5ac4fb\n  * @description Styles the border of custom button on focus\n  * @see border\n  */\n  --zg-button-border_custom_focus: 1px solid #5ac4fb;\n  /**\n  * @memberof default\n  * @var --zg-button-box-shadow_custom_focus\n  * @default 0 0 6px 0 #86d3fb\n  * @description Applies a box shadow behind custom button on focus\n  * @see box-shadow\n  */\n  --zg-button-box-shadow_custom_focus: 0 0 6px 0 #86d3fb;\n  /**\n  * @memberof default\n  * @var --zg-button-color_custom_focus\n  * @default #fff\n  * @description Sets the font color of custom button on focus\n  * @see color\n  */\n  --zg-button-color_custom_focus: #fff;\n\n  /* HOVER */\n  /**\n  * @memberof default\n  * @var --zg-button-background_custom_hover\n  * @default var(--theme-color-primary)\n  * @description Styles the background of custom button on hover\n  * @see background\n  */\n  --zg-button-background_custom_hover: var(--theme-color-primary);\n  /**\n  * @memberof default\n  * @var --zg-button-border_custom_hover\n  * @default 1px solid #5ac4fb\n  * @description Styles the border of custom button on hover\n  * @see border\n  */\n  --zg-button-border_custom_hover: 1px solid #5ac4fb;\n  /**\n  * @memberof default\n  * @var --zg-button-box-shadow_custom_hover\n  * @default 0 0 6px 0 #86d3fb\n  * @description Applies a box shadow behind custom button on hover\n  * @see box-shadow\n  */\n  --zg-button-box-shadow_custom_hover: 0 0 6px 0 #86d3fb;\n  /**\n  * @memberof default\n  * @var --zg-button-color_custom_hover\n  * @default #fff\n  * @description Sets the font color of custom button on hover\n  * @see color\n  */\n  --zg-button-color_custom_hover: #fff;\n  \n  /* ACTIVE */\n  /**\n  * @memberof default\n  * @var --zg-button-background_custom_active\n  * @default #0594de\n  * @description Styles the background of custom button on active state\n  * @see background\n  */\n  --zg-button-background_custom_active: #0594de;\n  /**\n  * @memberof default\n  * @var --zg-button-border_custom_active\n  * @default 1px solid #4eaada\n  * @description Styles the border of custom button on active state\n  * @see border\n  */\n  --zg-button-border_custom_active: 1px solid #4eaada;\n  /**\n  * @memberof default\n  * @var --zg-button-box-shadow_custom_active\n  * @default 0 0 5px 0 #86d3fb\n  * @description Applies a box shadow behind custom button on active state\n  * @see box-shadow\n  */\n  --zg-button-box-shadow_custom_active: 0 0 5px 0 #86d3fb;\n  /**\n  * @memberof default\n  * @var --zg-button-color_custom_active\n  * @default #fff\n  * @description Sets the font color of custom button on active state\n  * @see color\n  */\n  --zg-button-color_custom_active: #fff;\n\n\n  /* ZG-CAPTION\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-caption-background\n  * @default #003749\n  * @description Styles the background of caption\n  * @see background-color\n  */\n  --zg-caption-background: #003749;\n  /**\n  * @memberof default\n  * @var --zg-caption-color\n  * @default #fff\n  * @description Styles the font color of caption\n  * @see color\n  */\n  --zg-caption-color: #fff;\n  /**\n  * @memberof default\n  * @var --zg-caption-height\n  * @description Sets the height of caption\n  * @see height\n  * @default 4rem\n  * @demoLink https://app.zingsoft.com/demos/create/Y3GPK1TE\n  */\n  --zg-caption-height: 4rem;\n  /**\n  * @memberof default\n  * @var --zg-caption-icon-color\n  * @default #fff\n  * @description Sets the icon color in caption\n  * @see color\n  */\n  --zg-caption-icon-color: #fff;\n  /**\n  * @memberof default\n  * @var --zg-caption-padding\n  * @default 0 var(--theme-padding_x)\n  * @description Sets the padding of caption\n  * @see padding\n  */\n  --zg-caption-padding: 0 var(--theme-padding_x);\n\n  /* TITLE ELEMENT */\n  /* --zg-caption-title-align-self: center; */\n  /* TOOLBAR ELEMENT */\n  /* --zg-caption-toolbar-align-self: flex-end; */\n\n  /* BUTTONS IN CAPTION */\n  /**\n  * @memberof default\n  * @var --zg-caption-button-background_hover\n  * @default #004f69\n  * @description Styles the background of button in caption\n  * @see background\n  */\n  --zg-caption-button-background_hover: #004f69;\n\n\n  /* ZG-CELL\n  ----------------------------------------------------- */\n  /* NORMAL */\n  /**\n  * @memberof default\n  * @var --zg-cell-background_sorted\n  * @default var(--theme-background-color)\n  * @description Styles the background of sorted cells\n  * @see background-color\n  */\n  --zg-cell-background_sorted: var(--theme-background-color);\n\n  /* AGGREGATE */\n  /**\n  * @memberof default\n  * @var --zg-cell-background_aggregate\n  * @default var(--zg-filter-background)\n  * @description Styles the background of 'aggregate' row\n  * @see background-color\n  */\n  --zg-cell-background_aggregate: var(--zg-filter-background);\n  /**\n  * @memberof default\n  * @var --zg-cell-background_aggregate_sorted\n  * @default var(--theme-background-color)\n  * @description Styles the background of sorted aggregate cells\n  * @see background-color\n  */\n  --zg-cell-background_aggregate_sorted: #dbecff;\n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_sorted\n  * @default 1px solid #d5e8ff\n  * @description Styles the border-top of sorted cells\n  * @see background-color\n  */\n  --zg-cell-border-top_sorted: 1px solid #d5e8ff;\n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_aggregate\n  * @default 1px solid var(--theme-border-color)\n  * @description Sets the top border of 'aggregate' rows\n  * @see height\n  */\n  --zg-cell-border-top_aggregate: 1px solid var(--theme-border-color);\n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_aggregate_sorted\n  * @default 1px solid #b3d6ff\n  * @description Styles the border-top of sorted aggregate cells\n  * @see background-color\n  */\n  --zg-cell-border-top_aggregate_sorted: 1px solid #b3d6ff;\n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_frozen\n  * @default 1px solid var(--theme-border-color)\n  * @description Sets the top border of 'frozen' rows\n  * @see height\n  */\n  --zg-cell-border-top_frozen: 1px solid var(--theme-border-color);\n\n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_frozen\n  * @default 1px solid var(--theme-border-color)\n  * @description Sets the top border of 'frozen' rows\n  */\n  --zg-row-border-top_foot_frozen: 1px solid var(--theme-border-color);\n  \n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_aggregate\n  * @default 1px solid var(--theme-border-color)\n  * @description Sets the top border of 'aggregate' rows\n  */\n  --zg-row-border-top_foot_aggregate: 1px solid var(--theme-border-color);\n\n\n  /* ZG-COLUMN-RESIZE\n  ----------------------------------------------------- */\n  --zg-column-resize-background: #f1f1f1;\n  --zg-column-resize-color: #c1c1c1;\n\n\n  /* ZG-CONTROL-BAR\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-control-bar-background\n  * @default #e3ecf6\n  * @description Styles the background of control bar\n  * @see background-color\n  */\n  --zg-control-bar-background: #e3ecf6;\n  \n\n  /* ZG-FOOT\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-foot-background\n  * @default var(--theme-color-lighter)\n  * @description The footer background\n  * @see background-color\n  */\n  --zg-foot-background: var(--theme-color-lighter);\n\n\n  /* ZG-FILTER\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-filter-background\n  * @default #f5f5f5\n  * @description Styles the background of filter\n  * @see background-color\n  */\n  --zg-filter-background: #f5f5f5;\n  /**\n  * @memberof default\n  * @var --zg-filter-background_sorted\n  * @default #c5dbf3\n  * @description Styles the background of filter in sorted column\n  * @see background-color\n  */\n  --zg-filter-background_sorted: #c5dbf3;\n  /**\n  * @memberof default\n  * @var --zg-filter-height\n  * @default 40px\n  * @description Sets the height of filter row\n  * @see height\n  */\n  --zg-filter-height: 40px;\n\n  /* FILTER INPUT */\n  /**\n  * @memberof default\n  * @var --zg-filter-input-background\n  * @default #fff\n  * @description Styles the background of filter input\n  * @see background-color\n  */\n  --zg-filter-input-background: #fff;\n  /**\n  * @memberof default\n  * @var --zg-filter-input-border\n  * @default 1px solid var(--theme-border-color);\n  * @description Styles the border of filter input\n  * @see border\n  */\n  --zg-filter-input-border: 1px solid var(--theme-border-color);\n  /**\n  * @memberof default\n  * @var --zg-filter-input-font-size\n  * @default .75rem\n  * @description Sets the font size of the filter input\n  * @see font-size\n  */\n  --zg-filter-input-font-size: .75rem;\n\n  --zg-row-background_filter: var(--zg-filter-background);\n\n\n  /* ZG-HEAD\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-head-background\n  * @default var(--theme-color-lighter)\n  * @description Styles the background of the grid head\n  * @see background\n  */\n  --zg-head-background: var(--theme-color-lighter);\n\n  /* ZG-HEAD-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-head-cell-background_sorted\n  * @default #d1e7ff\n  * @description Styles the background of sorted head cells\n  * @see background-color\n  */\n  --zg-head-cell-background_sorted: #d1e7ff;\n  /**\n  * @memberof default\n  * @var --zg-head-cell-font-size\n  * @default .9rem\n  * @description Sets the font size of head cells\n  * @see font-size\n  */\n  --zg-head-cell-font-size: var(--zing-grid-font-size, .9rem);\n  \n  /**\n  * @memberof default\n  * @var --zg-head-cell-padding\n  * @default 0 var(--theme-padding_x)\n  * @description Sets the padding of head cells\n  * @see padding\n  */\n  --zg-head-cell-padding: 0 var(--theme-padding_x); \n  --zg-head-cell-padding-left: var(--theme-padding_x);\n  \n  /* 'SPLIT PARENT' CELL STYLING */\n  /**\n  * @memberof default\n  * @var --zg-head-cell-parent-background\n  * @default #fff\n  * @description Styles the background of 'parent' head cells\n  * @see background\n  */\n  --zg-head-cell-parent-background: #fff;\n  /**\n  * @memberof default\n  * @var --zg-head-cell-parent-background_hover\n  * @default var(--theme-color-lighter);\n  * @description Styles the background of 'parent' head cells on hover\n  * @see background-color\n  */\n  --zg-head-cell-parent-background_hover: var(--theme-color-lighter);\n  /**\n  * @memberof default\n  * @var --zg-head-cell-parent-border-bottom_hover\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the bottom border of 'parent' head cells\n  * @see border\n  */\n  --zg-head-cell-parent-border-bottom_hover: 1px solid var(--theme-border-color);\n  /**\n  * @memberof default\n  * @var --zg-head-cell-parent-font-size\n  * @default .85rem\n  * @description Sets the font size of 'parent' head cells\n  * @see font-size\n  */\n  --zg-head-cell-parent-font-size: .85rem;\n  /**\n  * @memberof default\n  * @var --zg-head-cell-parent-font-weight\n  * @default 400\n  * @description Sets the font weight of 'parent' head cells\n  * @see font-weight\n  */\n  --zg-head-cell-parent-font-weight: 400;\n\n  /* HEAD CELL ICON */\n  /**\n  * @memberof default\n  * @var --zg-head-cell-icon-margin\n  * @default 0 5px 0 -3px\n  * @description Sets the margin of child icons in head cells\n  * @see margin\n  */\n  --zg-head-cell-icon-margin: 0 5px 0 -3px;\n\n\n  /* ZG-ICON\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-icon-init-fill\n  * @default #d4d4d4\n  * @description Sets the initial color of icon\n  * @see fill\n  */\n  --zg-icon-init-fill: #d4d4d4;\n  /**\n  * @memberof default\n  * @var --zg-icon-height\n  * @default 20px\n  * @description Sets the height of icon\n  * @see height\n  */\n  --zg-icon-height: 20px;\n  /**\n  * @memberof default\n  * @var --zg-icon-width\n  * @default 20px\n  * @description Sets the width of icon\n  * @see width\n  */\n  --zg-icon-width: 20px;\n\n  /**\n  * @memberof default\n  * @var --zg-menu-background\n  * @default #ff\n  * @description Style the background of menu\n  * @see background\n  */\n  --zg-menu-background: #fff;\n\n  /* --zg-menu-item-background_hover: var(--theme-color-lighter);*/\n\n\n  /* ZG-PAGER\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-pager-padding\n  * @default 0 var(--theme-padding_x) var(--theme-padding_x)\n  * @description Sets the padding of pager\n  * @see padding\n  */\n  --zg-pager-padding: 0 var(--theme-padding_x) 13px;\n\n  /* Pager top-border in card mode, but not in mobile. Yikes :) */\n  /* NOTE: Internal use only for now. Don't add JS Docs */\n  --zg-pager-card-nonmobile-border-top: 1px solid var(--theme-border-color);\n\n  /* Sections */\n  /**\n  * @memberof default\n  * @var --zg-pager-section-margin-top\n  * @default 13px\n  * @description Sets the top margin of pager\n  * @see margin\n  */\n  --zg-pager-section-margin-top: 13px;\n\n  /* 'Button' Type */\n  --zg-pager-border_button: 1px solid var(--theme-border-color);\n  --zg-pager-color_button_active: #fff;\n\n\n  /* ZG-ROW\n  ----------------------------------------------------- */\n  /* ZG-HEAD ZG-ROW */\n  /**\n  * @memberof default\n  * @var --zg-row-head-height\n  * @default 40px\n  * @description Sets the height of row head\n  * @see height\n  */\n  --zg-row-head-height: 40px;\n\n  /* ZG-BODY */\n  /**\n  * @memberof default\n  * @var --zg-row-body-background_hover\n  * @default var(--theme-background-color)\n  * @description Styles the backgrounf of body rows on hover\n  * @see background-color\n  */\n  --zg-row-body-background_hover: var(--theme-background-color);\n\n  /* CARD MODE WHEN EDITOR CONTROLS */\n  /* ODD */\n  /**\n  * @memberof default\n  * @var --zg-row-card-background_editor_odd\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px, var(--theme-border-color) 44px, var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px)\n  * @description Styles the background of 'odd' card editor head\n  * when `[editor-controls]` is added to `<zing-grid>`. \n  * Styling should account for the editor controls above the cells.\n  * @see background\n  */\n  --zg-row-card-background_editor_odd: linear-gradient(\n    var(--theme-color-lighter), \n    var(--theme-color-lighter) 43px, \n    var(--theme-border-color) 44px, \n    var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px\n  );\n  /* EVEN */\n  /**\n  * @memberof default\n  * @var --zg-row-card-background_editor_even\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px, var(--theme-border-color) 44px, var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px)\n  * @description Styles the background of 'odd' card editor head\n  * when `[editor-controls]` is added to `<zing-grid>`. \n  * Styling should account for the editor controls above the cells.\n  * @see background\n  */\n  --zg-row-card-background_editor_even: linear-gradient(\n    var(--theme-color-lighter), \n    var(--theme-color-lighter) 43px, \n    var(--theme-border-color) 44px, \n    var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px\n  );\n\n  /* AGGREGATE */\n  /**\n  * @memberof default\n  * @var --zg-row-height_aggregate\n  * @default 40px\n  * @description Sets the height of 'aggregate' rows\n  * @see height\n  */\n  --zg-row-height_aggregate: 40px;\n\n  --zg-row-background_aggregate: var(--zg-filter-background);\n\n\n  /* ZG-SEARCH\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-search-background\n  * @default #fff\n  * @description Styles the background of search input\n  * @see background-color\n  */\n  --zg-search-background: #fff;\n\n  \n  /* ZG-SELECT\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-select-height\n  * @default 28px\n  * @description Sets the height of select input\n  * @see height\n  */\n  --zg-select-height: 28px;\n  /**\n  * @memberof default\n  * @var --zg-select-min-width\n  * @default 40px\n  * @description Sets the minimum width of select input\n  * @see min-width\n  */\n  --zg-select-min-width: 40px;\n\n\n  /* ZG-STATUS\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-status-offset\n  * @default 10px\n  * @description Sets the distance between the status message and the grid edge.\n  */\n  --zg-status-offset: 10px;\n\n  /* ZG-WATERMARK\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-status-offset\n  * @default 10px\n  * @description Sets the distance between the status message and the grid edge.\n  */\n  --zg-watermark-color: rgba(7,89,156,1);\n}",""])},6913:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,":host([theme=\"ios\"]) {\n\n  /* CUSTOM VARS FOR THIS THEME FILE\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --ios-background-color\n  * @default #fcfcfc\n  * @description Sets the background\n  * @example caption background, filter background\n  * @see background-color\n  */\n  --ios-background-color: #fcfcfc;\n  /**\n  * @memberof ios\n  * @var --ios-background_alt\n  * @default #f0f4f7\n  * @description Sets the alternative background\n  * @example layout row background\n  * @see background-color\n  */\n  --ios-background_alt: #f0f4f7;\n\n\n  /* GLOBALS\n  ----------------------------------------------------- */\n  /* BACKGROUND */\n  /**\n  * @memberof ios\n  * @var --theme-background-color\n  * @default rgba(0, 122, 255, .05)\n  * @description Styles the background of rows on hover\n  * @example select arrow button\n  * @example row:hover\n  * @example layout button:active\n  */\n  --theme-background-color: rgba(0, 122, 255, .05);\n  /**\n  * @memberof ios\n  * @var --theme-background-zebra\n  * @default var(--ios-background-color)\n  * @description Styles the background of 'even' body rows in [zebra]-striping mode\n  * @see background-color\n  */\n  --theme-background-zebra: var(--ios-background-color);\n\n  /* BORDER */\n  /**\n  * @memberof ios\n  * @var --theme-border-color\n  * @default #e4e4e4\n  * @description Styles the border of most components\n  * @example header\n  * @example caption\n  * @example body\n  * @example row\n  * @example pager\n  * @example input\n  * @see border-color\n  */\n  --theme-border-color: #e4e4e4;\n\n  /* COLOR */\n  /**\n  * @memberof ios\n  * @var --theme-color-primary\n  * @default #007aff\n  * @description Sets the primary color\n  * @example active editor row\n  * @example icon\n  * @example menu text\n  * @example header in 'card' layout-mode\n  * @see color\n  */\n  --theme-color-primary: #007aff;\n\n  /* FONT */\n  /**\n  * @memberof ios\n  * @var --theme-color\n  * @default #4d4d4d\n  * @description Sets the text color\n  * @example caption\n  * @example header\n  * @example cell content\n  * @example pager\n  * @example watermark\n  * @example input\n  * @example select\n  * @see color\n  */\n  --theme-color: #4d4d4d;\n  /**\n  * @memberof ios\n  * @var --theme-color_alt\n  * @default #333333\n  * @description Sets the alternate text color\n  * @example filter input\n  * @see color\n  */\n  --theme-color_alt: #333333;\n  /**\n  * @memberof ios\n  * @var --theme-font-family\n  * @default -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Segoe UI\", Roboto, Helvetica, sans-serif\n  * @description Sets the font family of text\n  * @see font-family\n  */\n  --theme-font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Segoe UI\", Roboto, Helvetica, sans-serif;\n  /**\n  * @memberof ios\n  * @var --theme-font-size\n  * @default .9375rem\n  * @description Sets the font size of text\n  * @see font-size\n  */\n  --theme-font-size: .9375rem;\n  /**\n  * @memberof ios\n  * @var --theme-font-style\n  * @default normal\n  * @description Sets the font style of text\n  * @see font-style\n  */\n  --theme-font-style: normal;\n  /**\n  * @memberof ios\n  * @var --theme-font-weight\n  * @default normal\n  * @description Sets the font weight of text\n  * @see font-weight\n  */\n  --theme-font-weight: normal;\n  /**\n  * @memberof ios\n  * @var --theme-line-height\n  * @default normal\n  * @description Sets the line height of text\n  * @see line-height\n  */\n  --theme-line-height: normal;\n  /**\n  * @memberof ios\n  * @var --theme-padding_x\n  * @default 1.25rem\n  * @description Sets the horizontal padding of cells\n  * @see padding\n  */\n  --theme-padding_x: 1.25rem;\n\n  /* -------------------------------------------------- */\n\n\n  /* ZING-GRID\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zing-grid-background\n  * @default #fbfbfb\n  * @description Styles the background of grid\n  * @see background\n  */\n  --zing-grid-background: #fbfbfb;\n\n  /* ZG-BODY\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-body-background\n  * @default #fff\n  * @description Styles the background of grid body\n  * @see background\n  */\n  --zg-body-background: #fff;\n  /**\n  * @memberof ios\n  * @var --zg-body-border-bottom\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the bottom border of grid body\n  * @see border\n  */\n  --zg-body-border-bottom: 1px solid var(--theme-border-color);\n\n  /* ZG-BUTTON\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-button-color\n  * @default var(--theme-color-primary)\n  * @description Sets the font color of button\n  * @example column menu\n  * @see color\n  */\n  --zg-button-color: var(--theme-color-primary);\n  /**\n  * @memberof ios\n  * @var --zg-button-padding\n  * @default 3px\n  * @description Sets the padding of button\n  * @see padding\n  */\n  /* NOTE: Setting this even though it is already the default\n     in ZGButton.css b/c of the calc in\n     `--zg-caption-title-transform` in this file\n  */\n  --zg-button-padding: 3px;\n\n  /* BUTTON TOOLTIP */\n  /**\n  * @memberof ios\n  * @var --tooltip-background\n  * @default #adadad\n  * @description Styles the background of tooltip\n  * @see background\n  */\n  --tooltip-background: #adadad;\n\n\n  /* ZG-CAPTION\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-caption-background\n  * @default var(--ios-background-color)\n  * @description Styles the background of caption\n  * @see background\n  */\n  --zg-caption-background: var(--ios-background-color);\n  /**\n  * @memberof ios\n  * @var --zg-caption-border-bottom\n  * @default 0\n  * @description Styles the bottom border of caption\n  * @see border\n  */\n  --zg-caption-border-bottom: 0;\n  /**\n  * @memberof ios\n  * @var --zg-caption-color\n  * @default var(--theme-color)\n  * @description Sets the font color of caption\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/AWL1ZJ9P\n  */\n  --zg-caption-color: var(--theme-color);\n  /**\n  * @memberof ios\n  * @var --zg-caption-font-size\n  * @default 1.6rem\n  * @description Sets the base font size of caption\n  * @see font-size\n  */\n  --zg-caption-font-size: 1.6rem;\n  /**\n  * @memberof ios\n  * @var --zg-caption-font-weight\n  * @default bold\n  * @description Sets the font weight of caption\n  * @see font-weight\n  */\n  --zg-caption-font-weight: bold;\n  /**\n  * @memberof ios\n  * @var --zg-caption-flex-direction\n  * @default column\n  * @description Sets the flex direction of content in caption\n  * @see flex-direction\n  */\n  --zg-caption-flex-direction: column;\n  /**\n  * @memberof ios\n  * @var --zg-caption-height\n  * @default 40px\n  * @description Sets the height of caption\n  * @see height\n  */\n  --zg-caption-height: 40px;\n  /**\n  * @memberof ios\n  * @var --zg-caption-padding\n  * @default 30px var(--theme-padding_x) 10px\n  * @description Sets the padding of caption\n  * @see padding\n  */\n  --zg-caption-padding: 30px var(--theme-padding_x) 10px;\n\n\n  /* CAPTION TITLE */\n  /**\n  * @memberof ios\n  * @var --zg-caption-title-align-self\n  * @default flex-start\n  * @description Sets vertical alignment of caption title\n  * @see align-self\n  */\n  --zg-caption-title-align-self: flex-start;\n  /**\n  * @memberof ios\n  * @var --zg-caption-title-order\n  * @default 2\n  * @description Sets the order of contents in caption title\n  * @see order\n  */\n  --zg-caption-title-order: 2;\n  /**\n  * @memberof ios\n  * @var --zg-caption-title-transform\n  * @default 0\n  * @description Sets transform of caption title\n  * @see transform\n  */\n  --zg-caption-title-transform: 0;\n  /**\n  * @memberof ios\n  * @var --zg-caption-title-width\n  * @default 80%\n  * @description Sets width of caption title\n  * @see width\n  */\n  --zg-caption-title-width: 80%;\n  \n  /* CAPTION TOOLBAR */\n  /**\n  * @memberof ios\n  * @var --zg-caption-toolbar-align-self\n  * @default flex-end\n  * @description Sets vertical alignment of caption toolbar\n  * @see align-self\n  */\n  --zg-caption-toolbar-align-self: flex-end;\n  /**\n  * @memberof ios\n  * @var --zg-caption-toolbar-justify-content\n  * @default flex-end\n  * @description Sets the horizontal alignment of contents in the caption toolbar\n  * @see justify-content\n  */\n  --zg-caption-toolbar-justify-content: flex-end;\n  /**\n  * @memberof ios\n  * @var --zg-caption-toolbar-width\n  * @default calc(100% + 2px)\n  * @description Sets the width of the caption toolbar\n  * @see width\n  */\n  --zg-caption-toolbar-width: 20%;\n\n  /* CAPTION ICON */\n  /**\n  * @memberof ios\n  * @var --zg-caption-icon-color\n  * @default var(--theme-color-primary)\n  * @description The font-color of the icons in the caption\n  * @see fill\n  */\n  --zg-caption-icon-color: var(--theme-color-primary);\n\n  /* CAPTION BUTTONS */\n  /**\n  * @memberof ios\n  * @var --zg-caption-button-background_hover\n  * @default #f5f5f5\n  * @description Styles the background of button in caption on hover\n  * @see background\n  */\n  --zg-caption-button-background_hover: #f5f5f5;\n\n  \n  /* ZG-CELL\n  ----------------------------------------------------- */\n  /* Layout: Card */\n  /* Item */\n  /**\n  * @memberof ios\n  * @var --zg-cell-item-padding_layout_card\n  * @default 6px 0\n  * @description Sets the padding of cards in 'card' layout-mode\n  * @see padding\n  */\n  --zg-cell-content-padding_layout_card: 6px 0;\n  \n  /* ZG-ROW[type=aggregate] ZG-CELL */\n  /**\n  * @memberof ios\n  * @var --zg-cell-font-size_aggregate\n  * @default .8125rem\n  * @description Sets the font size of 'aggregate' cells\n  * @see padding\n  */\n  --zg-cell-font-size_aggregate: .8125rem;\n  /**\n  * @memberof ios\n  * @var --zg-cell-border-top_aggregate\n  * @default 1px solid transparent\n  * @description Styles the top border of 'aggregate' cells\n  * @see border\n  */\n  --zg-cell-border-top_aggregate: 1px solid transparent;\n  /**\n  * @memberof ios\n  * @var --zg-cell-border-top_aggregate_sorted\n  * @default 1px solid #f5f5f5\n  * @description Styles the top border of 'aggregate' cells\n  * @see border\n  */\n  --zg-cell-border-top_aggregate_sorted: 1px solid #f5f5f5;\n  \n\n  /* ZG-FILTER\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-filter-background\n  * @default var(--ios-background-color);\n  * @description Styles the background of filter input field\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/G1WKUNFJ\n  */\n  --zg-filter-background: var(--ios-background-color);\n  /**\n  * @memberof ios\n  * @var --zg-filter-background_sorted\n  * @default var(--zg-cell-background_aggregate_sorted)\n  * @description Styles the background of filter input field\n  */\n  --zg-filter-background_sorted: var(--zg-cell-background_aggregate_sorted);\n  /**\n  * @memberof ios\n  * @var --zg-filter-border-top\n  * @default 1px solid var(--ios-background-color)\n  * @description Styles the top border of filter row\n  * @see border\n  */\n  --zg-filter-border-top: 1px solid var(--ios-background-color);\n  /**\n  * @memberof ios\n  * @var --zg-filter-border-top_sorted\n  * @default 1px solid #f5f5f5\n  * @description Styles the top border of filter row in sorted column\n  * @see border\n  */\n  --zg-filter-border-top_sorted: 1px solid #f5f5f5;\n  /**\n  * @memberof ios\n  * @var --zg-filter-height\n  * @default 45px\n  * @description Sets the height of filter row\n  * @see height\n  * @demoLink https://app.zingsoft.com/demos/create/QCSOKQE2\n  */\n  --zg-filter-height: 45px;\n\n  /* FILTER INPUT */\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-background\n  * @default #eaeaea\n  * @description Styles the background of filter input field\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  */\n  --zg-filter-input-background: #eaeaea;\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-border-radius\n  * @default 5px\n  * @description Sets the border radius of filter input field\n  * @see border-radius\n  */\n  --zg-filter-input-border-radius: 5px;\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-border\n  * @default 0\n  * @description Styles the border of filter input field\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/SXRIBL17\n  */\n  --zg-filter-input-border: 0;\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-font-size\n  * @default .8rem\n  * @description Sets the font size of filter input field\n  * @see font-size\n  */\n  --zg-filter-input-font-size: .8rem;\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-margin\n  * @default -2px calc(var(--theme-padding_x) - 2px) 0\n  * @description Sets the margin of filter input field\n  * @see margin\n  */\n  --zg-filter-input-margin: -2px calc(var(--theme-padding_x) - 2px) 0;\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-padding\n  * @default 3px 0 3px 7px\n  * @description Sets the padding of filter input field. May need to set --zg-filter-height if input field is height is larger than height of filter.\n  * @see padding\n  * @demoLink https://app.zingsoft.com/demos/create/5GPABPO2\n  */\n  --zg-filter-input-padding: 3px 0 3px 7px;\n\n\n  /* ZG-HEAD\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-head-background\n  * @default var(--ios-background-color)\n  * @description Styles the background of grid head\n  * @see background\n  */\n  --zg-head-background: var(--ios-background-color);\n  /**\n  * @memberof ios\n  * @var --zg-head-border-bottom\n  * @default 0\n  * @description Styles the bottom border og grid head\n  * @see border\n  */\n  --zg-head-border-bottom: 0;\n  \n\n  /* ZG-HEAD-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-head-cell-font-weight\n  * @default 600\n  * @description Sets the font weight of head cells\n  * @see font-weight\n  * @demoLink https://app.zingsoft.com/demos/create/2LOCXCAB\n  */\n  --zg-head-cell-font-weight: 600;\n\n  /* 'PARENT' HEAD CELL */\n  /**\n  * @memberof ios\n  * @var --zg-head-cell-parent-background\n  * @default none\n  * @description Styles the background of 'parent' head cells\n  * @see border\n  */\n  --zg-head-cell-parent-background: none;\n  /**\n  * @memberof ios\n  * @var --zg-head-cell-parent-font-weight\n  * @default 400\n  * @description Sets the font weight of 'parent' head cells\n  * @see font-weight\n  */\n  --zg-head-cell-parent-font-weight: 400;\n\n   /**\n  * @memberof ios\n  * @var --zg-head-cell-parent-padding\n  * @default 0 var(--theme-padding_x)\n  * @description Sets the padding of 'parent' head cells\n  * @see padding\n  */\n  --zg-head-cell-parent-padding: 0 var(--theme-padding_x);\n\n  /* HEAD CELL ICON */\n  /**\n  * @memberof ios\n  * @var --zg-head-cell-icon-margin\n  * @default 0 5px 0 -4px\n  * @description Sets the margin of child icons in head cells\n  * @see margin\n  */\n  --zg-head-cell-icon-margin: 0 5px 0 -4px;\n\n  /* Data Container */\n  /**\n  * @memberof ios\n  * @var --zg-head-cell-data-line-height\n  * @default none\n  * @description Sets the line height of head cells\n  * @see line-height\n  */\n  --zg-head-cell-data-line-height: none;\n\n  /* ZG-ICON\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-icon-color\n  * @default var(--theme-color-primary)\n  * @description Sets the color of icon\n  * @see fill\n  */\n  --zg-icon-color: var(--theme-color-primary);\n  /**\n  * @memberof ios\n  * @var --zg-icon-height\n  * @default 20px\n  * @description Sets the height of icon\n  * @see height\n  */\n  --zg-icon-height: 20px;\n  /**\n  * @memberof ios\n  * @var --zg-icon-width\n  * @default 20px\n  * @description Sets the width of icon\n  * @see width\n  */\n  --zg-icon-width: 20px;\n\n  /* ZG-INPUT\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-input-border-radius\n  * @default 5px\n  * @description Sets the border radius of input\n  * @see border-radius\n  */\n  --zg-input-border-radius: 5px;\n\n  /* ZG-CONTROL-BAR\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-control-bar-background\n  * @default var(--ios-background)\n  * @description Styles the background on control bar\n  * @see background\n  */\n  --zg-control-bar-background: var(--ios-background);\n  /**\n  * @memberof ios\n  * @var --zg-control-bar-padding\n  * @default 0 var(--theme-padding_x) 0 calc(var(--theme-padding_x) - 6px)\n  * @description Sets the padding of control bar\n  * @see padding\n  */\n  --zg-control-bar-padding: 0 var(--theme-padding_x) 0 calc(var(--theme-padding_x) - 6px);\n\n  /* ZG-MENUITEM\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-menu-item-color_hover\n  * @default #fff\n  * @description Sets the font color of menu item on hover\n  * @see color\n  */\n  --zg-menu-item-color_hover: #fff;\n\n  /* ZG-PAGER\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-pager-background\n  * @default #fff\n  * @description Styles the background of pager\n  * @see background\n  */\n  --zg-pager-background: #fff;\n  /**\n  * @memberof ios\n  * @var --zg-pager-border-top\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the top border of pager\n  * @see border\n  */\n  --zg-pager-border-top: 1px solid var(--theme-border-color);\n  /**\n  * @memberof ios\n  * @var --zg-pager-font-size\n  * @default .8125rem\n  * @description Sets the base font size of pager\n  * @see font-size\n  */\n  --zg-pager-font-size: .8125rem;\n  /**\n  * @memberof ios\n  * @var --zg-pager-height\n  * @default 50px\n  * @description Sets the height of pager\n  * @see height\n  */\n  --zg-pager-height: 41px;\n  /**\n  * @memberof ios\n  * @var --zg-pager-margin\n  * @default 20px 0 0\n  * @description Sets the margin of pager\n  * @see margin\n  */\n  --zg-pager-margin: 20px 0 0;\n  /**\n  * @memberof ios\n  * @var --zg-pager-padding\n  * @default 0 var(--theme-padding_x) 10px\n  * @description Sets the padding of pager\n  * @see padding\n  */\n  --zg-pager-padding: 0 var(--theme-padding_x) 10px;\n  \n  /* Sections */\n  /**\n  * @memberof ios\n  * @var --zg-pager-section-margin-top\n  * @default 10px\n  * @description Sets the top margin of pager\n  * @see margin\n  */\n  --zg-pager-section-margin-top: 10px;\n\n\n  /* ZG-ROW\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var ---zg-row-head-height\n  * @default 45px\n  * @description Sets the height of row head\n  * @see height\n  */\n  --zg-row-head-height: 45px;\n\n  /**\n  * @memberof ios\n  * @var --zg-row-body-border-top\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the top border of body rows\n  * @see border\n  */\n  --zg-row-body-border-top: 1px solid var(--theme-border-color);\n  /**\n  * @memberof ios\n  * @var --zg-row-body-height\n  * @default 48px\n  * @description Sets the height of body rows\n  * @see height\n  */\n  --zg-row-body-height: 48px;\n\n  /* LAYOUT: CARD */\n  /**\n  * @memberof ios\n  * @var --zg-row-card-box-shadow\n  * @default 0\n  * @description Applies a box shadow behind cards in 'card' layout-mode\n  * @see box-shadow\n  */\n  --zg-row-card-box-shadow: 0;\n\n  /* ZG-SEARCH\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-search-border\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the border of search input field\n  * @see border\n  */\n  --zg-search-border: 1px solid var(--theme-border-color);\n  /**\n  * @memberof ios\n  * @var --zg-search-border-radius\n  * @default 5px\n  * @description Sets the border radius of search input field\n  * @see border-radius\n  */\n  --zg-search-border-radius: 5px;\n\n\n  /* ZG-SOURCE\n  ----------------------------------------------------- */\n  --zg-source-border-top_top: 1px solid var(--theme-border-color);\n\n  /* ZG-WATERMARK\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-watermark-color\n  * @default var(--theme-color)\n  * @description Sets the font color of watermark\n  * @see color\n  */\n  --zg-watermark-color: var(--theme-color);\n  /**\n  * @memberof ios\n  * @var --zg-watermark-color_strong\n  * @default var(--theme-color)\n  * @description Sets the font color of bold text in watermark\n  * @see color\n  */\n  --zg-watermark-color_strong: var(--theme-color);\n}\n\n\n\n\n/* CUSTOM STYLING\n----------------------------------------------------- */\n\n/* When [layout] set */\n:host([theme=\"ios\"][layout-controls]) {\n  --zg-caption-padding: 10px calc(var(--theme-padding_x) - 5px) 10px;\n  --zg-caption-toolbar-position: absolute;\n  --zg-caption-title-padding: 12px 0 0;\n}\n\n/* ZG-CAPTION\n----------------------------------------------------- */\n/* NOTE: Need to set `order:-1` so <zg-layout> is placed above caption in ios */\n:host([theme=\"ios\"]) ::slotted(zg-caption) {\n  order: -1;\n}\n\n/* zg-control-bar\n----------------------------------------------------- */\n/* NOTE: Need to set `order:-2` so <zg-control-bar> is placed above caption in ios */\n:host([theme=\"ios\"]) ::slotted(zg-control-bar) {\n  display: flex;\n  background: none;\n  height: var(--zg-caption-height);\n  justify-content: flex-start;\n  margin-bottom: calc(-1 * var(--zg-caption-height));\n  max-width: 50%;\n  order: -2;\n  width: auto;\n  z-index: 2;\n}\n:host([theme=\"ios\"]) ::slotted(zg-control-bar):before {\n  align-items: center;\n  color: #9e9e9e;\n  content: 'Change Layout';\n  display: flex;\n  font-size: .8rem;\n  justify-content: flex-end;\n  padding-left: 18px;\n}\n\n\n/* COMPACT VERSION\n----------------------------------------------------- */\n/* NOTE: Only add specific overrides here, otherwise rely on the defaults in compact.css */\n:host([theme][compact]) {\n  --zg-caption-title-padding: 10px 0 0;\n}",""])},9252:e=>{e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var o=this[t];o[2]?e.push("@media "+o[2]+"{"+o[1]+"}"):e.push(o[1])}return e.join("")},e.i=function(t,o){"string"==typeof t&&(t=[[null,t,""]]);for(var n={},r=0;r<this.length;r++){var a=this[r][0];"number"==typeof a&&(n[a]=!0)}for(r=0;r<t.length;r++){var i=t[r];"number"==typeof i[0]&&n[i[0]]||(o&&!i[2]?i[2]=o:o&&(i[2]="("+i[2]+") and ("+o+")"),e.push(i))}},e}},9977:e=>{e.exports="<slot></slot>"},3528:e=>{e.exports="<slot></slot>"},6932:e=>{e.exports='<slot name="icon"></slot>\n<slot name="checkbox"></slot>\n<slot name="label"></slot>\n<slot></slot>\n'},2937:e=>{e.exports='  <div class="zg-caption" part="caption">\n    <div class="zg-caption-title-slot" part="title">\n      <slot></slot>\n      <slot name="message"></slot>\n    </div>\n    <div class="zg-caption-toolbar" part="toolbar">\n      <slot name="tool"></slot>\n    </div>\n  </div>'},5670:e=>{e.exports="<slot></slot>"},2884:e=>{e.exports="<slot></slot>"},9001:e=>{e.exports="<slot></slot>"},9592:e=>{e.exports='<slot name="zgicon"></slot>\n<span class="zg-checkbox-text" part="text"><slot></slot></span>\n'},9872:e=>{e.exports="<slot></slot>"},1454:e=>{e.exports='<div class="zg-column-resize-handle" part="handle">\n  \x3c!-- <svg viewBox="0 0 10 10" class="dragHandle"><path d="M3,2 C2.44771525,2 2,1.55228475 2,1 C2,0.44771525 2.44771525,0 3,0 C3.55228475,0 4,0.44771525 4,1 C4,1.55228475 3.55228475,2 3,2 Z M3,6 C2.44771525,6 2,5.55228475 2,5 C2,4.44771525 2.44771525,4 3,4 C3.55228475,4 4,4.44771525 4,5 C4,5.55228475 3.55228475,6 3,6 Z M3,10 C2.44771525,10 2,9.55228475 2,9 C2,8.44771525 2.44771525,8 3,8 C3.55228475,8 4,8.44771525 4,9 C4,9.55228475 3.55228475,10 3,10 Z M7,2 C6.44771525,2 6,1.55228475 6,1 C6,0.44771525 6.44771525,0 7,0 C7.55228475,0 8,0.44771525 8,1 C8,1.55228475 7.55228475,2 7,2 Z M7,6 C6.44771525,6 6,5.55228475 6,5 C6,4.44771525 6.44771525,4 7,4 C7.55228475,4 8,4.44771525 8,5 C8,5.55228475 7.55228475,6 7,6 Z M7,10 C6.44771525,10 6,9.55228475 6,9 C6,8.44771525 6.44771525,8 7,8 C7.55228475,8 8,8.44771525 8,9 C8,9.55228475 7.55228475,10 7,10 Z"></path></svg> --\x3e\n  <zg-icon name="resize" part="icon"></zg-icon>\n</div>\n'},1869:e=>{e.exports="<slot></slot>"},2952:e=>{e.exports='<div class="zg-control-bar" part="control-bar">\n  <div class="zg-control-bar-card-action" part="card-action">\n    <slot name="cardaction"></slot>\n  </div>\n  <div class="zg-control-bar-action" part="row-action">\n    <slot name="action"></slot>\n  </div>\n  <div class="zg-control-bar-message" part="batch-message">\n    <slot name="message"></slot>\n  </div>\n  <div class="zg-control-bar-layout" part="layout">\n    <slot name="layout-controls"></slot>\n  </div>\n</div>'},1573:e=>{e.exports=""},1694:e=>{e.exports='<dialog class="zg-dialog-dialog" part="dialog">\n  <form method="dialog" class="zg-dialog-form" part="form">\n    <header class="zg-dialog-header" part="header">\n      <span class="zg-dialog-label" part="header-label"></span>\n      <button class="zg-dialog-close" part="header-close">X</button>\n    </header>\n    <div class="zg-dialog-body" part="body">\n      <div class="zg-dialog-error" part="body-error"></div>\n      <div class="zg-dialog-content-wrapper" part="body-content-wrapper"><slot></slot></div>\n    </div>\n    <menu class="zg-dialog-footer" part="footer">\n      <button class="zg-dialog-cancel" part="footer-cancel">Cancel</button>\n      <button class="zg-dialog-confirm" part="footer-confirm">Confirm</button>\n    </menu>\n  </form>\n</dialog>'},3635:e=>{e.exports='\x3c!-- Field Template --\x3e\n<template id="editorRowFieldTemplate">\n  <label id="editorRowFieldLabel">\n    <span class="editorRowFieldLabelContent"></span>\n  </label>\n</template>\n\n\x3c!-- Card Template --\x3e\n<template id="editorCardTemplate">\n  <label id="editorCard"></label>\n</template>\n\n<div id="wrapper" class="zg-editor-row-wrapper" part="editor-row">\n  <div id="inputs" class="zg-editor-row-inputs" part="inputs"></div>\n</div> '},8387:e=>{e.exports='<div class="zg-filter-wrapper" part="filter">\n  <div class="zg-filter-inner" part="filter-wrapper">\n    <slot></slot>\n  </div>\n</div>\n\n'},6592:e=>{e.exports='<div class="zg-focus-wrapper" part="focus">\n    <div id="bottom" class="zg-focus-bottom" part="bottom"></div>\n    <div id="left" class="zg-focus-left" part="left"></div>\n    <div id="right" class="zg-focus-right" part="right"></div>\n    <div id="top" class="zg-focus-top" part="top"></div>\n</div>\n'},9058:e=>{e.exports="<slot></slot>"},5491:e=>{e.exports='<slot name="source"></slot>\n<slot name="caption"></slot>\n<slot></slot>'},6262:e=>{e.exports="<slot></slot>"},6288:e=>{e.exports='<div class="zg-head-cell" part="cell">\n  <div class="zg-head-cell-inner" part="cell-inner">\n    <slot></slot>\n  </div>\n  <slot name="column-resize"></slot>\n</div>'},9878:e=>{e.exports="<slot></slot>"},4386:e=>{e.exports='<slot></slot>\n<slot name="caption"></slot>\n<slot name="source"></slot>\n<slot name="control-bar"></slot> '},4914:e=>{e.exports='<slot name="icon"></slot>\n<slot></slot>'},4407:e=>{e.exports='<div id="wrapper" class="zg-input" part="input">\n  <slot name="input">\n  </slot>\n  <slot></slot>\n</div>\n'},9674:e=>{e.exports="<slot></slot>"},172:e=>{e.exports="<slot></slot>"},2854:e=>{e.exports='<div class="zg-menu-group-wrap" part="group">\n  <span class="zg-menu-group-label" part="label">\n    <slot name="zgMenuGroupLabel"></slot>\n  </span>\n  <span class="zg-menu-group-items" part="items">\n    <slot name="zgMenuGroupItems"></slot>\n  </span>\n</div>'},2312:e=>{e.exports="<slot></slot>"},6513:e=>{e.exports='<div id="wrapper" class="zg-menu" part="menu">\n  <slot></slot>\n</div>'},2501:e=>{e.exports='<div role="status" part="status"><slot></slot></div>'},6089:e=>{e.exports='<div class="zg-option-list" part="list">\n    <slot></slot>\n</div>\n'},3476:e=>{e.exports='<div class="zg-pager" part="pager">\n  <div class="zg-pager-inner" part="inner">\n    <div class="zg-pager-left" part="left">\n      <slot name="left"></slot>\n    </div>\n    <div class="zg-pager-center" part="center">\n      <slot name="center"></slot>\n    </div>\n    <div class="zg-pager-right" part="right">\n      <slot name="right"></slot>\n    </div>\n    <slot></slot>\n  </div>\n</div>\n'},5150:e=>{e.exports=""},9457:e=>{e.exports="<slot></slot>"},1607:e=>{e.exports='<div class="zg-search" part="search">\n  <slot name="button"></slot>\n  <div class="zg-search-input" part="input"><slot name="input"></slot></div>\n</div>\n\n'},6062:e=>{e.exports='<div id="wrapper" class="zg-select" part="select">\n  <div id="inner" class="zg-select-inner" part="select-inner">\n    <slot name="selected"></slot>\n  </div>\n</div>\n<slot></slot>\n<div class="zg-selector-mask" part="mask"></div>'},5946:e=>{e.exports='<div id="mask" class="zg-selector-mask-mask" part="selector-mask"></div>\n'},9731:e=>{e.exports="\x3c!-- Stub file --\x3e"},2839:e=>{e.exports='<cite role="any" part="source"><slot></slot></cite>'},4221:e=>{e.exports='<div class="zg-status" part="status">\n  <div class="zg-status-message" part="message">\n    <zg-icon internal-status></zg-icon>\n    <span class="zg-status-text-container">\n      <span class="zg-status-text" part="text">Status</span>\n      <span class="zg-status-details" part="link"></span>\n    </span>\n  </div>\n  <div class="zg-status-action" close part="action">\n    <span close data-focusable part="close">\n      <zg-icon name="close" internal-status part="close-icon"></zg-icon>\n    </span>\n  </div>\n</div>'},7585:e=>{e.exports="<slot></slot>"},8219:e=>{e.exports='<slot></slot>\n<button class="zg-tooltip-close" part="close">X</button>'},1877:e=>{e.exports='<div><a href="https://www.zinggrid.com/" data-focusable target="_blank" rel="noopener"></a></div>'},3337:e=>{e.exports='<div class="zing-grid" role="presentation" >\n  <slot id="header" name="header"></slot>\n  <slot id="top" name="top"></slot>\n  <slot id="content"></slot>\n\n  <div id="wrap" class="zing-grid-wrapper-1" role="presentation" aria-label="ZingGrid">\n    <div id="main" class="zing-grid-wrapper-2" role="grid">\n\n\n      \x3c!-- HEADER --\x3e\n      <div class="zing-grid-frames zing-grid-frames-head" role="presentation">\n\n        \x3c!-- FRAME: LEFT --\x3e\n        <div id="freeze-frame-left-head" class="zing-grid-frame-left zing-grid-freeze-left">\n\n          \x3c!-- Head --\x3e\n          <div id="freeze-left-head" class="zing-grid-head zing-grid-head-left">\n            <slot name="lefthead"></slot>\n          </div>\n\n          <slot name="leftheadeditorrow"></slot>\n          <slot name="leftheadfocus"></slot>\n\n        </div>\n\n\n        \x3c!-- FRAME: MAIN --\x3e\n        <div id="freeze-frame-main-head" class="zing-grid-frame-main">\n\n          \x3c!-- Head --\x3e\n          <div id="freeze-main-head" class="zing-grid-head-main">\n            <slot name="gridhead"></slot>\n          </div>\n\n          <slot name="mainheadeditorrow"></slot>\n          <slot name="mainheadfocus"></slot>\n\n        </div>\n\n\n        \x3c!-- FRAME: RIGHT --\x3e\n        <div id="freeze-frame-right-head" class="zing-grid-frame-right zing-grid-freeze-right">\n\n          \x3c!-- Head --\x3e\n          <div id="freeze-right-head" class="zing-grid-head-right" >\n            <slot name="righthead"></slot>\n          </div>\n\n          <slot name="rightheadeditorrow"></slot>\n          <slot name="rightheadfocus"></slot>\n\n        </div>\n\n      </div>\n\n\n      \x3c!-- BODY --\x3e\n      <div id="zing-grid-frames-body" class="zing-grid-frames zing-grid-frames-body" role="presentation">\n\n        \x3c!-- FRAME: LEFT --\x3e\n        <div id="freeze-left-body" class="zing-grid-frame-left zing-grid-freeze-left">\n\n          \x3c!-- Body --\x3e\n          <div id="left" class="zing-grid-body zing-grid-body-left" role="presentation">\n            <slot name="leftcolgroup"></slot>\n            <slot name="leftbody"></slot>\n          </div>\n          <slot name="lefteditorrow"></slot>\n          <slot name="leftgridselectmask"></slot>\n          <slot name="leftgridfocus"></slot>\n          <zg-no-data id="leftnodata"></zg-no-data>\n\n        </div>\n\n\n        \x3c!-- FRAME: MAIN --\x3e\n        <div id="frame-main-body" class="zing-grid-frame-main">\n\n          <div class="zing-grid-scroll" id="scroll" role="presentation">\n\n            \x3c!-- Body --\x3e\n            <div id="body" class="zing-grid-body-main" role="presentation">\n              <slot name="gridcolgroup"></slot>\n              <slot name="gridbody"></slot>\n            </div>\n            <slot name="bodyeditorrow"></slot>\n            <slot name="bodygridselectmask"></slot>\n            <slot name="bodygridfocus"></slot>\n            <slot name="gridnodata"></slot>\n\n          </div>\n\n        </div>\n\n\n        \x3c!-- FRAME: RIGHT --\x3e\n        <div id="freeze-right-body" class="zing-grid-frame-right zing-grid-freeze-right">\n\n          \x3c!-- Body --\x3e\n          <div id="right" class="zing-grid-body-right" role="presentation">\n            <slot name="rightcolgroup"></slot>\n            <slot name="rightbody"></slot>\n          </div>\n          <slot name="righteditorrow"></slot>\n          <slot name="rightgridselectmask"></slot>\n          <slot name="rightgridfocus"></slot>\n          <zg-no-data id="rightnodata"></zg-no-data>\n        </div>\n\n      </div>\n\n\n      \x3c!-- FOOTER --\x3e\n      <div class="zing-grid-frames zing-grid-frames-foot" role="presentation">\n\n        \x3c!-- FRAME: LEFT --\x3e\n        <div id="freeze-frame-left-foot" class="zing-grid-frame-left zing-grid-freeze-left">\n\n          <div id="freeze-left-foot" class="zing-grid-foot zing-grid-foot-left">\n            <slot name="leftfoot"></slot>\n          </div>\n\n          <slot name="leftfooteditorrow"></slot>\n          <slot name="leftfootfocus"></slot>\n        </div>\n\n\n        \x3c!-- FRAME: MAIN --\x3e\n        <div id="freeze-frame-main-foot" class="zing-grid-frame-main">\n\n          <div id="freeze-main-foot" class="zing-grid-foot-main" role="presentation">\n            <slot name="gridfoot" id="gridfoot"></slot>\n          </div>\n\n          <slot name="mainfooteditorrow"></slot>\n          <slot name="mainfootfocus"></slot>\n\n        </div>\n\n\n        \x3c!-- FRAME: RIGHT --\x3e\n        <div id="freeze-frame-right-foot" class="zing-grid-frame-right zing-grid-freeze-right">\n\n          <div id="freeze-right-foot" class="zing-grid-foot-right" >\n            <slot name="rightfoot"></slot>\n          </div>\n\n          <slot name="rightfooteditorrow"></slot>\n          <slot name="rightfootfocus"></slot>\n        </div>\n\n      </div>\n\n\n      \x3c!-- Frozen Column Styling --\x3e\n      <slot name="freeze-left-columns"></slot>\n      <slot name="freeze-right-columns"></slot>\n\n      \x3c!-- Batch Edit Styling --\x3e\n      <slot name="batch-edit"></slot>\n      \n      <div id="mirror" style="display:none;"></div>\n\n    </div>\n  </div>\n\n  <slot id="pager" name="pager"></slot>\n  <slot id="footer" name="footer"></slot>\n  <slot id="watermark" name="watermark"></slot>\n\n  <slot name="status"></slot>\n\n  <slot name="dialogInternal"></slot>\n  <slot name="tooltip"></slot>\n  <slot name="celloverflow"></slot>\n\n  <div id="hidden" style="display:none;">\n    <slot name="zg-cell-unmapped"></slot>\n    <slot name="zg-head-cell-unmapped"></slot>\n  </div>\n\n  <textarea aria-hidden="true" class="zing-grid-clipboard" tabindex="-1"></textarea>\n</div>\n<slot name="shadow"></slot>'},8738:e=>{function t(e){return!!e.constructor&&"function"==typeof e.constructor.isBuffer&&e.constructor.isBuffer(e)}e.exports=function(e){return null!=e&&(t(e)||function(e){return"function"==typeof e.readFloatLE&&"function"==typeof e.slice&&t(e.slice(0,0))}(e)||!!e._isBuffer)}},2568:(e,t,o)=>{var n,r,a,i,s;n=o(1012),r=o(487).utf8,a=o(8738),i=o(487).bin,(s=function(e,t){e.constructor==String?e=t&&"binary"===t.encoding?i.stringToBytes(e):r.stringToBytes(e):a(e)?e=Array.prototype.slice.call(e,0):Array.isArray(e)||e.constructor===Uint8Array||(e=e.toString());for(var o=n.bytesToWords(e),l=8*e.length,d=1732584193,c=-271733879,h=-1732584194,u=271733878,g=0;g<o.length;g++)o[g]=16711935&(o[g]<<8|o[g]>>>24)|4278255360&(o[g]<<24|o[g]>>>8);o[l>>>5]|=128<<l%32,o[14+(l+64>>>9<<4)]=l;var p=s._ff,m=s._gg,f=s._hh,b=s._ii;for(g=0;g<o.length;g+=16){var v=d,y=c,z=h,w=u;d=p(d,c,h,u,o[g+0],7,-680876936),u=p(u,d,c,h,o[g+1],12,-389564586),h=p(h,u,d,c,o[g+2],17,606105819),c=p(c,h,u,d,o[g+3],22,-1044525330),d=p(d,c,h,u,o[g+4],7,-176418897),u=p(u,d,c,h,o[g+5],12,1200080426),h=p(h,u,d,c,o[g+6],17,-1473231341),c=p(c,h,u,d,o[g+7],22,-45705983),d=p(d,c,h,u,o[g+8],7,1770035416),u=p(u,d,c,h,o[g+9],12,-1958414417),h=p(h,u,d,c,o[g+10],17,-42063),c=p(c,h,u,d,o[g+11],22,-1990404162),d=p(d,c,h,u,o[g+12],7,1804603682),u=p(u,d,c,h,o[g+13],12,-40341101),h=p(h,u,d,c,o[g+14],17,-1502002290),d=m(d,c=p(c,h,u,d,o[g+15],22,1236535329),h,u,o[g+1],5,-165796510),u=m(u,d,c,h,o[g+6],9,-1069501632),h=m(h,u,d,c,o[g+11],14,643717713),c=m(c,h,u,d,o[g+0],20,-373897302),d=m(d,c,h,u,o[g+5],5,-701558691),u=m(u,d,c,h,o[g+10],9,38016083),h=m(h,u,d,c,o[g+15],14,-660478335),c=m(c,h,u,d,o[g+4],20,-405537848),d=m(d,c,h,u,o[g+9],5,568446438),u=m(u,d,c,h,o[g+14],9,-1019803690),h=m(h,u,d,c,o[g+3],14,-187363961),c=m(c,h,u,d,o[g+8],20,1163531501),d=m(d,c,h,u,o[g+13],5,-1444681467),u=m(u,d,c,h,o[g+2],9,-51403784),h=m(h,u,d,c,o[g+7],14,1735328473),d=f(d,c=m(c,h,u,d,o[g+12],20,-1926607734),h,u,o[g+5],4,-378558),u=f(u,d,c,h,o[g+8],11,-2022574463),h=f(h,u,d,c,o[g+11],16,1839030562),c=f(c,h,u,d,o[g+14],23,-35309556),d=f(d,c,h,u,o[g+1],4,-1530992060),u=f(u,d,c,h,o[g+4],11,1272893353),h=f(h,u,d,c,o[g+7],16,-155497632),c=f(c,h,u,d,o[g+10],23,-1094730640),d=f(d,c,h,u,o[g+13],4,681279174),u=f(u,d,c,h,o[g+0],11,-358537222),h=f(h,u,d,c,o[g+3],16,-722521979),c=f(c,h,u,d,o[g+6],23,76029189),d=f(d,c,h,u,o[g+9],4,-640364487),u=f(u,d,c,h,o[g+12],11,-421815835),h=f(h,u,d,c,o[g+15],16,530742520),d=b(d,c=f(c,h,u,d,o[g+2],23,-995338651),h,u,o[g+0],6,-198630844),u=b(u,d,c,h,o[g+7],10,1126891415),h=b(h,u,d,c,o[g+14],15,-1416354905),c=b(c,h,u,d,o[g+5],21,-57434055),d=b(d,c,h,u,o[g+12],6,1700485571),u=b(u,d,c,h,o[g+3],10,-1894986606),h=b(h,u,d,c,o[g+10],15,-1051523),c=b(c,h,u,d,o[g+1],21,-2054922799),d=b(d,c,h,u,o[g+8],6,1873313359),u=b(u,d,c,h,o[g+15],10,-30611744),h=b(h,u,d,c,o[g+6],15,-1560198380),c=b(c,h,u,d,o[g+13],21,1309151649),d=b(d,c,h,u,o[g+4],6,-145523070),u=b(u,d,c,h,o[g+11],10,-1120210379),h=b(h,u,d,c,o[g+2],15,718787259),c=b(c,h,u,d,o[g+9],21,-343485551),d=d+v>>>0,c=c+y>>>0,h=h+z>>>0,u=u+w>>>0}return n.endian([d,c,h,u])})._ff=function(e,t,o,n,r,a,i){var s=e+(t&o|~t&n)+(r>>>0)+i;return(s<<a|s>>>32-a)+t},s._gg=function(e,t,o,n,r,a,i){var s=e+(t&n|o&~n)+(r>>>0)+i;return(s<<a|s>>>32-a)+t},s._hh=function(e,t,o,n,r,a,i){var s=e+(t^o^n)+(r>>>0)+i;return(s<<a|s>>>32-a)+t},s._ii=function(e,t,o,n,r,a,i){var s=e+(o^(t|~n))+(r>>>0)+i;return(s<<a|s>>>32-a)+t},s._blocksize=16,s._digestsize=16,e.exports=function(e,t){if(null==e)throw new Error("Illegal argument "+e);var o=n.wordsToBytes(s(e,t));return t&&t.asBytes?o:t&&t.asString?i.bytesToString(o):n.bytesToHex(o)}},4889:function(e,t,o){!function(e,t){"use strict";if(!e.setImmediate){var o,n,r,a,i,s=1,l={},d=!1,c=e.document,h=Object.getPrototypeOf&&Object.getPrototypeOf(e);h=h&&h.setTimeout?h:e,"[object process]"==={}.toString.call(e.process)?o=function(e){process.nextTick((function(){g(e)}))}:!function(){if(e.postMessage&&!e.importScripts){var t=!0,o=e.onmessage;return e.onmessage=function(){t=!1},e.postMessage("","*"),e.onmessage=o,t}}()?e.MessageChannel?((r=new MessageChannel).port1.onmessage=function(e){g(e.data)},o=function(e){r.port2.postMessage(e)}):c&&"onreadystatechange"in c.createElement("script")?(n=c.documentElement,o=function(e){var t=c.createElement("script");t.onreadystatechange=function(){g(e),t.onreadystatechange=null,n.removeChild(t),t=null},n.appendChild(t)}):o=function(e){setTimeout(g,0,e)}:(a="setImmediate$"+Math.random()+"$",i=function(t){t.source===e&&"string"==typeof t.data&&0===t.data.indexOf(a)&&g(+t.data.slice(a.length))},e.addEventListener?e.addEventListener("message",i,!1):e.attachEvent("onmessage",i),o=function(t){e.postMessage(a+t,"*")}),h.setImmediate=function(e){"function"!=typeof e&&(e=new Function(""+e));for(var t=new Array(arguments.length-1),n=0;n<t.length;n++)t[n]=arguments[n+1];var r={callback:e,args:t};return l[s]=r,o(s),s++},h.clearImmediate=u}function u(e){delete l[e]}function g(e){if(d)setTimeout(g,0,e);else{var o=l[e];if(o){d=!0;try{!function(e){var o=e.callback,n=e.args;switch(n.length){case 0:o();break;case 1:o(n[0]);break;case 2:o(n[0],n[1]);break;case 3:o(n[0],n[1],n[2]);break;default:o.apply(t,n)}}(o)}finally{u(e),d=!1}}}}}("undefined"==typeof self?void 0===o.g?this:o.g:self)},7673:(e,t,o)=>{"use strict";o.d(t,{Z:()=>K});var n=o(8419);o(2260);var r=o(3605);const a={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",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:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",gold:"#ffd700",goldenrod:"#daa520",greenyellow:"#adff2f",gray:"#808080",green:"#008000",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:"#778899",lightslategrey:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",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",purple:"#800080",powderblue:"#b0e0e6",rebeccapurple:"#663399",red:"#ff0000",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:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd3"};const i=class{constructor({color:e,cell:t,column:o}){const{modes:r,modeAttr:i,modeDefault:s,notConvertedClass:l,notValidClass:d,previewAttr:c,previewDefault:h,spaces:u,spacesAttr:g,transparent:p}=n.default.columnType.color;this.modeAttr=i,this.previewAttr=c,this.spacesAttr=g,this.modeDefault=s,this.previewDefault=h,this.modes=r;const{hexAlpha:m,hexLong:f,hexShort:b,hsl:v,hsla:y,name:z,rgb:w,rgba:C}=r;this.hexAlpha=m,this.hexLong=f,this.hexShort=b,this.hsl=v,this.hsla=y,this.name=z,this.rgb=w,this.rgba=C,this.spaces=u,this.transparent=p,this.notConvertedClass=l,this.notValidClass=d,this.colorNames=a,this.colorKeys=Object.keys(this.colorNames),this.colorValues=Object.values(this.colorNames),this.cell=t,this.color=this.convertColorForConversions(e),this.colorRaw=e,this.colorMode=this.getModeFromColor(),this.colorIsTransparent=this.isColorTransparent(),o&&(this.column=o,this.columnHasModeAttr=this.getAttrFromColumn(i),this.columnHasPreviewAttr=this.getAttrFromColumn(c),this.columnHasSpacesAttr=this.getAttrFromColumn(g),this.modeTarget=this.getModeFromAttr(o),this.previewTarget=this.getPreviewFromAttr(o),this.spacesTarget=this.getSpacesFromAttr(o)),this.separator=this.setSeparator()}getModeFromAttr(){let e=this.modeDefault,t=this.columnHasModeAttr;return Object.values(this.modes).indexOf(t)>-1&&(e=t),t&&-1===Object.values(this.modes).indexOf(t)&&this.addInvalidClass(),e}getPreviewFromAttr(){return"disabled"!==this.columnHasPreviewAttr}getSpacesFromAttr(){let e=this.columnHasSpacesAttr;return e&&e===this.spaces.invalid?this.spaces.invalid:e&&e===this.spaces.inherit?this.spaces.inherit:this.spaces.valid}formatColor(){let e,t;this.columnHasModeAttr&&!this.colorMode?(e=this.color,t=!0):(e=this.convertColor(),t=!1);let o=e;if(this.previewTarget){o=`\n        <div style="display:flex;align-items:center;">\n          <span style="margin-right:7px;width:15px;height:15px;background-color:${e};border:1px solid ${t||this.colorIsTransparent||!this.colorMode?"#ebebeb":"transparent"};border-radius:2px;"></span>\n          <span>${e}</span>\n        </div>\n      `.trim()}return o}isColorTransparent(){if(this.colorRaw===this.transparent)return!0;const e=this.getParts(this.color);return 4===e.length&&"0"===e[3]}convertColor(){let e=this.color;switch(this.modeTarget){case this.hexAlpha:case this.hexLong:case this.hexShort:e=this.convertToHex();break;case this.hsl:case this.hsla:e=this.convertToHsl();break;case this.name:e=this.convertToName();break;case this.rgb:case this.rgba:e=this.convertToRgb()}return e||"--"}convertToHex(e){const t=this.colorMode;switch(e&&(this.modeTarget=e),t){case this.hexAlpha:case this.hexLong:case this.hexShort:return this.convertHexToHex();case this.hsl:case this.hsla:return this.convertHslToHex();case this.rgb:case this.rgba:return this.convertRgbToHex();case this.name:return this.convertNameToHex()}}convertToHsl(){switch(this.colorMode){case this.hexAlpha:case this.hexLong:case this.hexShort:return this.convertHexToHsl();case this.hsl:case this.hsla:return this.convertHslToHsl();case this.rgb:case this.rgba:return this.convertRgbToHsl();case this.name:return this.convertNameToHsl()}}convertToName(){switch(this.colorMode){case this.hexAlpha:case this.hexLong:case this.hexShort:return this.convertHexToName();case this.hsl:case this.hsla:return this.convertHslToName();case this.rgb:case this.rgba:return this.convertRgbToName();case this.name:return this.convertNameToName()}}convertToRgb(){switch(this.colorMode){case this.hexAlpha:case this.hexLong:case this.hexShort:return this.convertHexToRgb();case this.hsl:case this.hsla:return this.convertHslToRgb();case this.rgb:case this.rgba:return this.convertRgbToRgb();case this.name:return this.convertNameToRgb()}}convertHexToHex(){const e=this.color,t=this.color.length,o=this.modeTarget===this.hexAlpha,n=this.modeTarget===this.hexShort,r=this.modeTarget===this.hexLong,a=9===t,i=4===t,s=7===t;if(o){if(a)return e;if(s)return`${e}ff`;if(i)return`${this.getLongHex(e)}ff`}if(r){if(a)return e.substring(0,t-2);if(s)return e;if(i)return this.getLongHex(e)}if(n){if(a)return this.getShortHex(e);if(s)return this.getShortHex(e);if(i)return e}}convertHexToHsl(){const e=this.getAlphaHex(),t=this.separator,o=this.modeTarget===this.hsl,n=this.modeTarget===this.hsla;return function(e){if(!/^#([\da-f]{4}){1,2}$/i.test(e))return"Invalid input color";{let r=0,a=0,i=0,s=1;5==e.length?(r="0x"+e[1]+e[1],a="0x"+e[2]+e[2],i="0x"+e[3]+e[3],s="0x"+e[4]+e[4]):9==e.length&&(r="0x"+e[1]+e[2],a="0x"+e[3]+e[4],i="0x"+e[5]+e[6],s="0x"+e[7]+e[8]),r/=255,a/=255,i/=255;let l=Math.min(r,a,i),d=Math.max(r,a,i),c=d-l,h=0,u=0,g=0;if(h=0==c?0:d==r?(a-i)/c%6:d==a?(i-r)/c+2:(r-a)/c+4,h=Math.round(60*h),h<0&&(h+=360),g=(d+l)/2,u=0==c?0:c/(1-Math.abs(2*g-1)),u=+(100*u).toFixed(1),g=+(100*g).toFixed(1),s=(s/255).toFixed(2),s="1"===s[0]?1:s,s="0"===s[0]?s.substring(1):s,u=`${parseInt(u)}%`,g=`${parseInt(g)}%`,n)return`hsla(${h}${t}${u}${t}${g}${t}${s})`;if(o)return`hsl(${h}${t}${u}${t}${g})`}}(e)}convertHexToName(){const e=this.getLongHex(this.color);return this.matchHexToName(e)}convertHexToRgb(){let e=this.getAlphaHex();const t=this.separator,o=this.modeTarget===this.rgb,n=this.modeTarget===this.rgba;let r,a,i,s="";return""==e&&(e="000000"),"#"==e[0]&&(e=e.substring(1,e.length)),3==e.length?(r=`${e.substring(0,1)}${e.substring(0,1)}`,a=`${e.substring(1,2)}${e.substring(1,2)}`,i=`${e.substring(2,3)}${e.substring(2,3)}`):(r=e.substring(0,2),a=e.substring(2,4),i=e.substring(4,6)),8==e.length&&(s=(parseInt(e.substring(6,8),16)/255).toFixed(2)),r=parseInt(r,16),a=parseInt(a,16),i=parseInt(i,16),s="1"===s[0]?parseInt(s):s,s="0"===s[0]?s.substring(1):s,o?`rgb(${r}${t}${a}${t}${i})`:n?`rgba(${r}${t}${a}${t}${i}${t}${s})`:void 0}convertHslToHex(){const e=this.formatParts("hsl",this.color),t=this.convertHslToRgb(e);return this.convertRgbToHex(t)}convertHslToHsl(){this.color;const e=this.formatParts("hsl",this.color),{H:t,S:o,L:n,A:r,display:a,displayAlpha:i}=e,s=this.modeTarget===this.hsl,l=this.modeTarget===this.hsla;this.colorMode=this.hsla,this.colorMode=this.hsl;return l?i:s?a:void 0}convertHslToName(){if(this.colorIsTransparent)return this.returnTransparent();const e=this.convertHslToHex().display;return this.matchHexToName(e)}convertHslToRgb(e){e||(e=this.formatParts("hsl",this.color));let{H:t,S:o,L:n,A:r=1,display:a}=e,i=0,s=0,l=0;const d=this.separator;return function(e,a){let c=!1;if(/^hsl\(((((([12]?[1-9]?\d)|[12]0\d|(3[0-5]\d))(\.\d+)?)|(\.\d+))(deg)?|(0|0?\.\d+)turn|(([0-6](\.\d+)?)|(\.\d+))rad)((,\s?(([1-9]?\d(\.\d+)?)|100|(\.\d+))%){2}|(\s(([1-9]?\d(\.\d+)?)|100|(\.\d+))%){2})\)$/i.test(e)){e=e.substr(4).split(")")[0].split(d),c=!0===c,o=e[1].substr(0,e[1].length-1)/100,n=e[2].substr(0,e[2].length-1)/100,t.indexOf("deg")>-1?t=t.substr(0,t.length-3):t.indexOf("rad")>-1?t=Math.round(h.substr(0,t.length-3)/(2*Math.PI)*360):t.indexOf("turn")>-1&&(t=Math.round(360*h.substr(0,t.length-4))),t>=360&&(t%=360);let u=(1-Math.abs(2*n-1))*o,g=u*(1-Math.abs(t/60%2-1)),p=n-u/2;0<=t&&t<60?(i=u,s=g,l=0):60<=t&&t<120?(i=g,s=u,l=0):120<=t&&t<180?(i=0,s=u,l=g):180<=t&&t<240?(i=0,s=g,l=u):240<=t&&t<300?(i=g,s=0,l=u):300<=t&&t<360&&(i=u,s=0,l=g),i=Math.round(255*(i+p)),s=Math.round(255*(s+p)),l=Math.round(255*(l+p)),c&&(i=+(i/255*100).toFixed(1),s=+(s/255*100).toFixed(1),l=+(l/255*100).toFixed(1));const m={R:i,G:s,B:l,A:r,display:`rgb(${i}${d}${s}${d}${l})`,displayAlpha:`rgba(${i}${d}${s}${d}${l}${d}${r})`},f=a.modeTarget===a.rgb,b=a.modeTarget===a.rgba;return f?m.display:b?m.displayAlpha:m}return"Invalid color"}(a,this)}convertNameToHex(){const e=this.color,t=this.modeTarget===this.hexAlpha,o=this.modeTarget===this.hexShort,n=this.modeTarget===this.hexLong,r=this.colorNames[e.toLowerCase()];return r?t?`${r}ff`:n?r:o?this.getShortHex(r):void 0:this.setNotConvertedState()}convertNameToHsl(){const e=this.color,t=this.colorNames[e.toLowerCase()];return t?(this.color=t,this.convertHexToHsl()):this.setNotConvertedState()}convertNameToName(){return this.color}convertNameToRgb(){const e=this.color,t=this.colorNames[e.toLowerCase()];return t?(this.color=t,this.convertHexToRgb()):this.setNotConvertedState()}convertRgbToHex(e){e||(e=this.formatParts("rgb",this.color));let{R:t,G:o,B:n,A:r=1,display:a}=e,i=`rgba(${t},${o},${n},${r})`;this.separator;if(/^rgba\((((((((1?[1-9]?\d)|10\d|(2[0-4]\d)|25[0-5]),\s?)){3})|(((([1-9]?\d(\.\d+)?)|100|(\.\d+))%,\s?){3}))|(((((1?[1-9]?\d)|10\d|(2[0-4]\d)|25[0-5])\s){3})|(((([1-9]?\d(\.\d+)?)|100|(\.\d+))%\s){3}))\/\s)((0?\.\d+)|[01]|(([1-9]?\d(\.\d+)?)|100|(\.\d+))%)\)$/i.test(i)){i=i.substr(5).split(")")[0],i=i.split(","),i.indexOf("/")>-1&&i.splice(3,1);for(let e in i){let t=i[e];if(t.indexOf("%")>-1){let o=t.substr(0,t.length-1)/100;i[e]=e<3?Math.round(255*o):o}}t=(+i[0]).toString(16),o=(+i[1]).toString(16),n=(+i[2]).toString(16),r=Math.round(255*+i[3]).toString(16),1==t.length&&(t="0"+t),1==o.length&&(o="0"+o),1==n.length&&(n="0"+n),1==r.length&&(r="0"+r);const e=this.getShortHex(`#${t}${o}${n}`),a=this.modeTarget===this.hexAlpha,s=this.modeTarget===this.hexShort,l=this.modeTarget===this.hexLong;return a?`#${t}${o}${n}${r}`:l?`#${t}${o}${n}`:s?e:{R:t,G:o,B:n,A:r,display:`#${t}${o}${n}`,displayAlpha:`#${t}${o}${n}${r}`,displayShort:e}}return"Invalid color"}convertRgbToHsl(e){e||(e=this.formatParts("rgb",this.color));let{R:t,G:o,B:n,A:r=1,display:a,displayAlpha:i}=e,s=0,l=0,d=0;const c=this.separator;return function(e,a){if(/^rgba\((((((((1?[1-9]?\d)|10\d|(2[0-4]\d)|25[0-5]),\s?)){3})|(((([1-9]?\d(\.\d+)?)|100|(\.\d+))%,\s?){3}))|(((((1?[1-9]?\d)|10\d|(2[0-4]\d)|25[0-5])\s){3})|(((([1-9]?\d(\.\d+)?)|100|(\.\d+))%\s){3}))\/\s)((0?\.\d+)|[01]|(([1-9]?\d(\.\d+)?)|100|(\.\d+))%)\)$/i.test(e)){(e=e.substr(5).split(")")[0].split(c)).indexOf("/")>-1&&e.splice(3,1);for(let t in e){let o=e[t];if(o.indexOf("%")>-1){let n=o.substr(0,o.length-1)/100;t<3&&(e[t]=Math.round(255*n))}}t=e[0]/255,o=e[1]/255,n=e[2]/255,r=e[3];let i=Math.min(t,o,n),h=Math.max(t,o,n),u=h-i;s=0==u?0:h==t?(o-n)/u%6:h==o?(n-t)/u+2:(t-o)/u+4,s=Math.round(60*s),s<0&&(s+=360),d=(h+i)/2,l=0==u?0:u/(1-Math.abs(2*d-1)),l=+(100*l).toFixed(1),d=+(100*d).toFixed(1),l=`${parseInt(l)}%`,d=`${parseInt(d)}%`;const g={H:s,S:l,L:d,A:r,display:`hsl(${s}${c}${l}${c}${d})`,displayAlpha:`hsla(${s}${c}${l}${c}${d}${c}${r})`},p=a.modeTarget===a.hsl,m=a.modeTarget===a.hsla;return p?g.display:m?g.displayAlpha:g}return"Invalid input color"}(i,this)}convertRgbToName(){if(this.colorIsTransparent)return this.returnTransparent();const e=this.convertRgbToHex().display;return this.matchHexToName(e)}convertRgbToRgb(){this.color;const e=this.formatParts("rgb",this.color),{R:t,G:o,B:n,A:r,display:a,displayAlpha:i}=e,s=this.modeTarget===this.rgb,l=this.modeTarget===this.rgba;this.colorMode=this.rgba,this.colorMode=this.rgb;return l?i:s?a:void 0}addNotConvertedClass(){this.cell.classList.add(this.notConvertedClass)}addInvalidClass(){this.cell.classList.add(this.notValidClass)}convertColorForConversions(e){return this.columnHasModeAttr&&e===this.transparent?"rgba(0, 0, 0, 0)":e}formatParts(e,t){const o=e.toUpperCase(),n=this.getParts(t),r=this.separator,a=n[3]||1,i=o[0],s=o[1],l=o[2];return{[i]:n[0],[s]:n[1],[l]:n[2],A:a,display:`${e}(${n[0]}${r}${n[1]}${r}${n[2]})`,displayAlpha:`${e}a(${n[0]}${r}${n[1]}${r}${n[2]}${r}${a})`}}getAlphaHex(){const e=this.color;return 4===e.length?`#${e[1]}${e[1]}${e[2]}${e[2]}${e[3]}${e[3]}ff`:7===e.length?`${e}ff`:e}getAttrFromColumn(e){return this.column.getAttribute(e)}getLongHex(e){return 4!==e.length?e:`#${e[1]}${e[1]}${e[2]}${e[2]}${e[3]}${e[3]}`}getModeFromColor(){const e=this.color;let t;if("#"===e[0])4===e.length&&(t=this.hexShort),7===e.length&&(t=this.hexLong),9===e.length&&(t=this.hexAlpha);else if(e.includes(`${this.hsl}(`))t=this.hsl;else if(e.includes(`${this.hsla}(`))t=this.hsla;else if(e.includes(`${this.rgb}(`))t=this.rgb;else if(e.includes(`${this.rgba}(`))t=this.rgba;else{t=!!this.isColorNameMatch(e)&&this.name}return t}getParts(e){const t=e.replace(/ /g,""),o=t.indexOf("(")+1;return t.substring(o,t.length-1).split(",")}getPercentage(e){const t=parseFloat(e).toFixed(2);return`${Math.round(100*t)}%`}getShortHex(e){const t=`#${this.getShortHexPart(`${e[1]}${e[2]}`)}${this.getShortHexPart(`${e[3]}${e[4]}`)}${this.getShortHexPart(`${e[5]}${e[6]}`)}`;return 4===t.length?t:this.colorMode===n.default.columnType.color.modes.name?(this.addNotConvertedClass(),e):this.setNotConvertedState()}getShortHexPart(e){return e[0]===e[1]?e[0]:e}isColorNameMatch(e){return this.colorKeys.filter((t=>t===e.toLowerCase()))[0]}isColorNameHexMatch(e){let t;return this.colorValues.forEach(((o,n)=>o===e.toLowerCase()?t=this.colorKeys[n]:o)),t}matchHexToName(e){const t=this.isColorNameHexMatch(e);return t||this.setNotConvertedState()}returnTransparent(){return this.colorRaw===this.transparent?this.colorRaw:this.colorIsTransparent?this.setNotConvertedState():void 0}setNotConvertedState(){return this.columnHasModeAttr&&this.addNotConvertedClass(),this.color}setNotValidState(){return this.columnHasModeAttr&&this.addInvalidClass(),this.color}setSeparator(){if(this.spacesTarget===this.spaces.invalid)return",";if(this.spacesTarget===this.spaces.inherit){return this.color.includes(" ")||this.colorMode===this.modes.name?", ":","}return", "}init(){return this.formatColor()}};var s=o(6919);var l=o(2048);var d=o(2568);const c=function(...e){const t=e[e.length-2],o=e[e.length-1],a=r.String.formatCellData({args:e,cellDOM:t,cellSE:o});if(!a)return"";const i=o.widget.store;let s=o.rawData()||a,l=o._columnConfig.sTypeImageSrc||s;if(o._columnConfig.sTypeImageSrc&&(l=i.processTemplate(l,null,o)),!l||"string"!=typeof l)return"";l=l.split(" ");let c="";return l.forEach((e=>c+=function(e,t){const o=t.widget.store,a=t._columnConfig.sCellType===n.default.cellTypes.gravatar;let i=t._columnConfig.sTypeImageAlt;i&&(i=o.get(t.sTargetRecordIndex,i)||i);i=i||""===i?i:e;const s=t._columnConfig.sContentStyle;let l=a?"display:inline-block;height:auto;overflow:hidden;word-wrap:break-word;max-width:80%;":"display:inline-block;height:auto;overflow:hidden;word-wrap:break-word;",c=s||"",h="";a||-1!==c.indexOf("max-width")||t._columnConfig.sContentWidth||(l+="max-width:100%;");const u=r.bF(t._columnConfig.sContentWidth,c,!1);u&&(c+=u);const g=t._columnConfig.sTypeImageMask||"";if(g&&"circle"===g)h="-webkit-clip-path: circle();clip-path: circle();";if(a){const t=d(e.trim().toLowerCase());e=`https://www.gravatar.com/avatar/${t}`}return`<img src="${e}" alt="${i}" style="${l}${c}${h}">`}(e,o))),c};let u=new class{constructor(){this.oRegisteredRenderer={}}registerRenderer(e,t){this.oRegisteredRenderer[e]=t}getRenderer(e){return this.oRegisteredRenderer[e]}};u.registerRenderer("aggregate",(function(...e){const t=e[e.length-1];return t.widget.aggregateManager.calculateAggregateRow(t)})),u.registerRenderer("boolean",(function(...e){const t=e[e.length-1],o=t._columnConfig&&t._columnConfig.sSeparator||" ";return e.filter(((t,o)=>o<e.length-2)).reduce(((e,t,n)=>{let r;return r=null==t?"":t?"True":"False",0===n?`${e}${r}`:`${e}${o}${r}`}),"")})),u.registerRenderer("button",(function(...e){e[e.length-2];const t=e[e.length-1],o=t.widget,n=t._columnConfig,r=e.slice(0,-2);let a=n.sTypeButtonLabel||r[0]||"";a=o.store.processTemplate(a.toString(),null,t);const i=n.sTypeButtonTooltip,s=o.store.processTemplate(n.sTypeButtonIcon,null,t),l=o.store.processTemplate(n.sTypeButtonUrl,null,t),d=n.fnTypeButtonHandler,c=n.sTypeButtonHandler,h=n.sButtonBorder,u=document.createElement("zg-button");u.parentCell=t,void 0!==h&&(u.forceBorder=h);const g=u.getDisabledStatus(n.bTypeButtonDisabled,o);return u.disabled=g,i&&(u.customTooltip=i),(d&&d.method||c)&&(u.fnHandler=d,u.handler=c),l&&u.addEventListener("click",(e=>{return t=l,void(g||(window.location=t));var t})),s&&u.insertAdjacentHTML("afterbegin",`<zg-icon name="${s}" slot="icon"></zg-icon>`),u.insertAdjacentHTML("beforeend",a),u})),u.registerRenderer("checkbox",(function(e,t,o){const n="string"==typeof e?e.toLowerCase():e,r=["false",!1,0].indexOf(n)>-1,a=["true",!0,1].indexOf(n)>-1;if(!r&&!a)return e;const i=a,s=[0,1].indexOf(e)>-1;let l;const d=o._columnConfig.sTypeCheckboxLabel;let c=document.createElement("zg-checkbox");if(c.checked=a,c.setAttribute("parent","cell"),d){const e=document.createElement("label");e.setAttribute("style","display:inline-flex;align-items:center;cursor:pointer;line-height:1;");const t=document.createElement("span");t.textContent=d,e.addEventListener("click",h),c.setAttribute("style","margin-right:4px;pointer-events:none;"),e.appendChild(c),e.appendChild(t),l=e}else c.style.cursor="pointer",c.addEventListener("click",h),l=c;return l;function h(e){e.stopPropagation();let t=!i;s&&(t=t?1:0),o.rawData(t)}})),u.registerRenderer("code",(function(...e){const t=e[e.length-2],o=e[e.length-1],n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o});let a=o._columnConfig.sContentStyle||"";return a+=r.bF(o._columnConfig.sContentWidth,a,!0),`<code ${`style="${a}"`}><pre>${n}</pre></code>`})),u.registerRenderer("color",(function(...e){const t=e[e.length-2],o=e[e.length-1]._columnConfig.oDOMZGColumn,n=t,r=e.filter(((t,o)=>o<e.length-2))[0];return new i({color:r,cell:n,column:o}).init()})),u.registerRenderer("currency",(function(...e){const t=e[e.length-2],o=e[e.length-1],n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o});if(isNaN(parseInt(n)))return n;let a=o._columnConfig.sLocale||s.default.getLocale(o.widget)||"en-US";const i={style:"currency",currency:o._columnConfig.sTypeCurrency||"USD"};let l;r.FE(i,o._columnConfig);try{l=new Intl.NumberFormat(a,i).format(n)}catch(e){l=n}return l})),u.registerRenderer("date",(function(...e){const t=e[e.length-2],o=e[e.length-1],n=o.widget;let a,i=r.String.formatCellData({args:e,cellDOM:t,cellSE:o}),d=o._columnConfig.sLocale||s.default.getLocale(n)||"en-US",c=o._columnConfig.sTypeDateFormat||null,h=o._columnConfig.bTypeDateFromNow||!1;try{let e=l.kB(i);a=c?l.p6(e,c,d,n):h?l.Zh(e,!1,n):new Intl.DateTimeFormat(d).format(e)}catch(e){a=i}return a})),u.registerRenderer("element",(function(...e){const t=e[e.length-2],o=e[e.length-1],n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o});let a="code"===(o.sCellType||"").toLowerCase()?"code":o._columnConfig.sElementTagName||"span",i=o._columnConfig.sElementAttributeName;const s=i?` ${i}="${n}"`:"",l=i?"":`${n}`;let d=o._columnConfig.sContentStyle||"";d+=r.bF(o._columnConfig.sContentWidth,d,!0);let c=`style="${d}"`;return'style="true"'==c&&(c=""),`<${a} ${s} ${c}>${l}</${a}>`})),u.registerRenderer("email",(function(...e){const t=e[e.length-2],o=e[e.length-1],n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o});let a=o._columnConfig.sContentStyle||"";return a+=r.bF(o._columnConfig.sContentWidth,a,!0),`<a href="mailto:${n}" ${`style="${a}"`}>${n}</a>`})),u.registerRenderer("icon",(function(...e){const t=e[e.length-2],o=e[e.length-1];let n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o}).toLowerCase();return n=n.replace(/ /gi,"-"),`<zg-icon name="${n}"></zg-icon>`})),u.registerRenderer("image",c),u.registerRenderer("key",(function(...e){const t=e[e.length-2],o=e[e.length-1];let n;if(o._columnConfig){const t=o._columnConfig&&o._columnConfig.sSeparator||" ";let a=o._columnConfig.sTypeRadioOptions||o._columnConfig.aSelectOptions||o._columnConfig.sTypeKeyOptions;"string"==typeof a&&(a=r.String.formatToArray(a));const i=e.filter(((t,o)=>o<e.length-2));let s=[];a&&a.forEach((e=>{e&&e.value&&e.name&&(s[e.value]=e.name)})),n=i.reduce(((e,o,n)=>{let r;return r=null==o?"":s[o]?s[o]:o,0===n?`${e}${r}`:`${e}${t}${r}`}),"")}else n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o});return n})),u.registerRenderer("iframe",(function(...e){const t=e[e.length-2],o=e[e.length-1],n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o});if(!n)return"";const a=o._columnConfig.sContentStyle;let i=o._columnConfig.sTypeIframeRatio,s=o._columnConfig.sContentWidth;s||(s="100%");const l=`position:relative;padding-top:${"square"===i?"100%":"56.25%"};width:100%;overflow:hidden;`;let d=a||"";return d+=r.bF(s,d,!0),`<div class="iframe-wrapper" style="${l}"><iframe src="${n}" ${`style="position:absolute;top:0;left:0;height:100%;border:0;${d}"`}></iframe></div>`})),u.registerRenderer("number",(function(...e){const t=e[e.length-1];let o=t._columnConfig.sLocale||s.default.getLocale(t.widget)||"en-US",n=e.filter(((t,o)=>o<e.length-2)),a=t._columnConfig.sTypeNumberFormatting,i={};if("disabled"===a)return n;{r.FE(i,t._columnConfig);const e=t._columnConfig&&t._columnConfig.sSeparator||" ";return n.reduce(((t,n,r)=>{let a;return a=null==n||isNaN(n)||""===n?"":new Intl.NumberFormat(o,i).format(n),0===r?`${t}${a}`:`${t}${e}${a}`}),"")}})),u.registerRenderer("password",(function(...e){let t=e.filter(((t,o)=>o<e.length-2));const o=e[e.length-1],n=o._columnConfig&&o._columnConfig.sSeparator||" ";let r=t.reduce(((e,t,o)=>{let r;return r=null==t?"":`${t}`.replace(/./g,"*"),0===o?`${e}${r}`:`${e}${n}${r}`}),"");return r||""})),u.registerRenderer("percentage",(function(...e){const t=e[e.length-1];let o=e.filter(((t,o)=>o<e.length-2));const n={style:"percent"};r.FE(n,t._columnConfig);const a=t._columnConfig&&t._columnConfig.sSeparator||" ",i=t._columnConfig.sLocale||s.default.getLocale(t.widget)||"en-US";return o.reduce(((e,t,o)=>{let r;return r=null==t||isNaN(t)||""===t?"":new Intl.NumberFormat(i,n).format(t),0===o?`${e}${r}`:`${e}${a}${r}`}),"")})),u.registerRenderer("text",(function(...e){const t=e[e.length-2],o=e[e.length-1],n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o});if(!o._columnConfig)return"";let a=n;return"string"==typeof a&&o._columnConfig&&"disabled"!==o._columnConfig.sTranslateNewline&&(a=a.replace(/\n/g,"<br>")),a})),u.registerRenderer("toggle",(function(e,t,o){const n=!!o._columnConfig.oDOMZGColumn.renderer,r=!!o._columnConfig.aTypeToggleOptions,a=!!o._columnConfig.bTypeToggleRenderValue;let i,s=o._columnConfig.aTypeToggleOptions||[!1,!0],l=s.length,d=null,c=document.createElement("span");return n&&(d=o.fnRenderer),"object"==typeof s[0]?(d=null,i=s.findIndex((t=>t.value==e))):(i=!1===e?0:!0===e?1:s.indexOf(e),s=s.map(((e,t)=>({render:e,value:2!==l||a?e:1===t})))),h(i),c.addEventListener("click",(function(){let e=(i+1)%l,t=h(e);o.rawData(t),i=e})),c;function h(e){let t,n,a=s[e];if(d){let e=d.scope||o;n=d.method.apply(e,[a.render])||"",t=a.value}else"object"==typeof a?(n=a.render,t=a.value):(n=a,t=r?a:!!e);return c.innerHTML=n,t}})),u.registerRenderer("url",(function(...e){const t=e[e.length-2],o=e[e.length-1],n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o}),a=o.widget.store;let i=o._columnConfig.sTypeUrlText,s=o._columnConfig.sTypeUrlIcon,l=o._columnConfig.sTypeUrlTarget||"_blank",d=o._columnConfig.sTypeUrlSrc||n;o._columnConfig.sTypeUrlSrc&&(d=a.processTemplate(d,null,o)),i&&(i=a.get(o.sTargetRecordIndex,i)||i),i=i||n;let c=o._columnConfig.sContentStyle||"";c+=r.bF(o._columnConfig.sContentWidth,c,!0);const h=`style="display:inline-block;${c}"`;return s?`<a href="${d}" target="${l}" ${h}><zg-icon name="${s}"></zg-icon></a>`:`<a href="${d}" target="${l}" ${h}>${i}</a>`})),u.registerRenderer(n.default.internalColumn.recordselector,(function(e,t,o){let r,a,i=void 0===o,s=i?this.oDOMZGColumn.widget:o.widget,l=this.sColumnId+s.randomKey;return t&&(r=t.querySelector("zg-checkbox")),a=!r||s.bPreloaded,r||(r=document.createElement("zg-checkbox"),i&&r.setAttribute("header",!0),r.setAttribute(n.default.attr.internalselector,""),r.setAttribute(n.default.zgLayout.attr,s.layoutManager.sCurrentType),r.setAttribute("parent",i?"head":"body")),r.setAttribute("name",l),a&&(r.on("statechanged",((e,t)=>{if(i){let e=document.querySelectorAll(`zg-row:not([hidden]) zg-checkbox[name="${l}"]`);for(let o=0;o<e.length;o++)e[o]!==r&&e[o].parentNode.assignedSlot&&!e[o].getAttribute("header")&&(e[o].checked===t||!t&&void 0===e[o].checked||(e[o].checked=t))}else{let e=o.sTargetRecordIndex,n=s.store.get(e);if(t)s.aSelectedRows[e]=n;else{delete s.aSelectedRows[e];let t=document.getElementsByName(l);for(let e=0;e<t.length;e++){const o=t[e];o.getAttribute("header")&&o.singleUncheck()}}s.updateCaption(),s.fire("rowselectionchanged",e,t)}})),s.on("rowdeselect",(()=>r.checked=!1)),s.on("pagechange",(()=>r.checked=!1)),s.on(n.default.event.pagesizechange,(()=>r.checked=!1)),s.on("layoutchange",(()=>r.checked=!1)),s.on("roworderchange",(()=>r.checked=!1)),s.store.on("removerecord",(()=>r.checked=!1)),s.store.on("duplicaterecord",(()=>r.checked=!1)),s.store.on("insertrecord",(()=>r.checked=!1))),r})),u.registerRenderer(n.default.internalColumn.recordeditor,(function(...e){const t=e[e.length-1],o=t.widget,r=t._columnConfig.sButtonBorder;if(!1===o.store.oDataRequest.updateOptions.row)return null;const a=document.createElement(n.default.zgButton.tagName);return a.action="editrecord",a.parentCell=t,a.disabled=o.batchEditor.isActive(),void 0!==r&&a.setAttribute(n.default.zgButton.forceBorderAttr,r),a})),u.registerRenderer(n.default.internalColumn.recordremover,(function(e,t,o){const r=o.widget,a=r.batchEditor,i=o._columnConfig.sButtonBorder;if(!1===r.store.oDataRequest.deleteOptions)return null;let s="removerecord";a.isActive()&&r.dirtyManager.isDirtyDelete(o.sTargetRecordIndex)&&(s="undoremoverecord");let l=document.createElement(n.default.zgButton.tagName);return l.action=s,l.parentCell=o,void 0!==i&&l.setAttribute(n.default.zgButton.forceBorderAttr,i),l})),u.registerRenderer(n.default.internalColumn.rownumber,(function(...e){const t=e[e.length-1],o=e[e.length-2],n=t.widget;if(o.parentNode&&"frozen"===o.parentNode.getAttribute("type"))return"";const r=n.getRowIndexByDataRowContainerIndex(t.nStartRowIndex),a=n.aRowMapping[r].nDataRowsBefore;return((void 0!==a?a:r)+1).toString()})),u.registerRenderer(n.default.internalColumn.rowgroup,(function(...e){const t=e[e.length-1],o=t.widget,r=t.sGroupRecordIndex,a=r.split(o.sNestedGroupDataSeparator).map((e=>e.trim())),i=a[a.length-1],l=t._columnConfig,d=l.oDOMRenderTemplate||l.body,c=l.fnGroupRenderer;let h=l.sDefaultDisplay||o.sDefaultDisplay;const u=o.groupbyManager,g=u.getGroupParent(r),p=u.getGroupCount(i,g),m=o.getRowIndexByDataRowContainerIndex(t.nStartRowIndex),f=o.aRowMapping[m],b=g[a[a.length-1]].open,v=i.replaceAll(n.default.global.replaceToken,o.sNestedGroupDataSeparator);let y,z,w,C,S="null"===i||""===i||"undefined"===i,x="";for(let e=1;e<a.length;e++)x+="&nbsp;&nbsp;&nbsp;&nbsp;";const k=document.createElement("div");k.setAttribute(n.default.zgCell.cellGroupAttr,""),k.innerHTML=x;const R=document.createElement(n.default.zgButton.tagName);R.action=b?"closerowgroup":"openrowgroup",k.appendChild(R),y=function(e,t,o,n){let r;if(e.bTypeGroupHideCount)r="";else if(t.oPageData){let e=s.default.get("pagination.pageOf",n);r=` (${`${t.oPageData.nTotalSeen} - ${t.oPageData.nMaxOnPage} ${e} ${t.oPageData.nTotal}`})`}else r=` (${o})`;return r}(l,f,p,o),(d||c)&&(w=u.calculateGroupData(t,p,i,v,g,f),C=u.calculateIndexData(t)),z=d?u.calculateTemplate(C,w,d):S&&h?`${h}${y}`:`${v}${y}`,c&&(z=function(e,t,o,n){let r=n.method.apply(n.scope,[e,t,o])||"";return r}(C,w,f,c));const M=document.createElement("span");return M.setAttribute(n.default.attr.internalspan,""),M.dir="ltr",M.innerHTML=z,(l.oDOMDetailsTemplate||l.fnDetailsRenderer)&&(M.style.cursor="pointer",M.style.color="blue",M.style.textDecoration="underline"),k.appendChild(M),k.innerHTML})),u.registerRenderer(n.default.internalColumn.recordinfo,(function(...e){const t=e[e.length-2],o=e[e.length-1],a=(r.String.formatCellData({args:e,cellDOM:t,cellSE:o}),o.widget);let i=o._columnConfig.cellTooltipIcon||a.oCellTooltip.cellTooltipIcon||"info";return this.ZGButton=document.createElement(n.default.zgIcon.tagName),this.ZGButton.setAttribute(n.default.attr.internalcell,""),this.ZGButton.name=i,this.ZGButton.parentCell=o,this.ZGButton})),u.registerRenderer(n.default.internalColumn.recordduplicate,(function(e,t,o){const r=o._columnConfig.sButtonBorder;let a=document.createElement(n.default.zgButton.tagName);return a.action="duplicaterecord",a.parentCell=o,void 0!==r&&a.setAttribute(n.default.zgButton.forceBorderAttr,r),a}));const g=u;var p=o(4233);const m={init(e,t){},onOpen(e,t,o){if(!("color"===e.sCellType))return o;const r=t.querySelector(`#${n.default.zgEditorRow.fieldLabelId}`);if(this.sStartValue=o.trim(),this.colorFormatter=new i({color:this.sStartValue}),this.sNewValue=this.colorFormatter.convertToHex(n.default.columnType.color.modes.hexLong),!t.querySelector("input")){const o=document.createElement("span"),a=o.cloneNode();a.classList.add(n.default.zgEditorRow.colorWrapClass);const i=o.cloneNode();i.classList.add(n.default.zgEditorRow.colorPickerClass),i.style.background=this.sNewValue,this.oPicker=i;const s=p.Z.createInput("color",t,e);s.value=this.sNewValue,s.addEventListener("change",f.bind(this));const l=o.cloneNode();l.classList.add(n.default.zgEditorRow.colorLabelClass),l.textContent=this.sNewValue,this.oLabel=l,this.oPicker.appendChild(s),a.appendChild(this.oPicker),a.appendChild(this.oLabel),r.appendChild(a),setTimeout((()=>s.click()))}},onClose(e){this.colorFormatter.modeTarget=this.colorFormatter.colorMode,this.colorFormatter.colorMode=n.default.columnType.color.modes.hexLong,this.colorFormatter.color=this.sNewValue;return this.colorFormatter.convertColor()}};function f(e){const t=e.target.value;this.oPicker.style.background=t,this.oLabel.textContent=t,this.oPicker.style.borderColor="#ffffff"===t?"#ebebeb":"transparent",this.sNewValue=t}const b={init(e,t){this.oDOMInput=p.Z.createInput("number",t,e)},onOpen:p.Z.onOpen,onClose:p.Z.onNumberClose},v={init(e,t){this.oDOMInput=p.Z.createInput("checkbox",t,e)},onOpen(e,t,o){t.querySelector("input").checked=o},onClose:e=>e.querySelector("input").checked},y={init(e,t){this.oDOMInput=p.Z.createInput("date",t,e)},onOpen(e,t,o){let n=t.querySelector("input"),r=l.kB(o),a=r.getMonth()+1;a<10&&(a="0"+a);let i=r.getDate();i<10&&(i="0"+i),n.value=r.getFullYear()+"-"+a+"-"+i},onClose:e=>e.querySelector("input").value,bCalculateWidth:!0};o(2816);const z={init(e,t){let o=e._columnConfig.aSelectOptions||e.widget.store.getUniqueDataByFieldIndex(e._columnConfig.sFieldIndex),n=e._columnConfig.bTypeSelectMultiple||!1,a=r.ZT(o);a.multiple=n,t.appendChild(a)},onOpen(e,t,o){let n=t.querySelector("select"),r=e._columnConfig.bTypeSelectMultiple||!1,a=[o=o?""+o:e._columnConfig.sTypeSelectDefaultValue||""];r&&(a=o.split(",").map((e=>e.trim())));for(var i=0;i<n.options.length;i++)n.options[i].selected=-1!==a.indexOf(n.options[i].value)},onClose(e){let t=e.querySelector("select"),o="";for(let e=0;e<t.options.length;e++)t.options[e].selected&&(o+=t.options[e].value+", ");return""!==o&&(o=o.slice(0,-2)),o}},w={init(e,t){},onOpen(e,t,o){const a=e.widget.randomKey,i=t.querySelector(`#${n.default.zgEditorRow.fieldLabelId}`);this.sStartValue=o?o.trim():"",this.sNewValue=this.sStartValue;const s=e._columnConfig.sTypeRadioOptions;if(!s)return this.sStartValue;const l=r.String.formatToArray(s);if(!l)return this.sStartValue;if(function(e){!e instanceof Array&&(e=[e]);const t=e.filter((e=>"object"==typeof e)).length;if(!t)return!1;if(e.length!==t)return!0;const o=e.filter((e=>"object"==typeof e&&e.name&&e.value));return e.length!==o.length}(l))return this.sStartValue;if(!t.querySelector('input[type="radio"]')){const e=document.createElement("span");e.classList.add(n.default.zgEditorRow.radioWrapClass);const t=document.createElement("label"),o=document.createElement("input");o.type="radio",o.name=this.sColumnId+a,l.forEach((r=>{const a="object"==typeof r,i=t.cloneNode(!0);i.classList.add(n.default.zgEditorRow.radioLabelClass);const s=`<span>${a?r.name:r}</span>`,l=o.cloneNode(!0);l.value=a?r.value:r,l.addEventListener("change",C.bind(this)),i.appendChild(l),i.insertAdjacentHTML("beforeend",s),e.appendChild(i)})),i.appendChild(e),this.oRadios=e.querySelectorAll('input[type="radio"]')}this.oRadios.forEach((e=>{e.value===this.sStartValue&&(e.checked=!0)}))},onClose(e){const t=e.querySelector("input"),o=t&&t.name||null,n=e.querySelector(`input[name="${o}"]:checked`);return o&&n?n.value:this.sNewValue}};function C(e){e.target.checked&&(this.sNewValue=e.target.value)}const S={init(e,t){let o=e._columnConfig.nTypeRangeMin||0,n=e._columnConfig.nTypeRangeMax||100,r=e._columnConfig.nTypeRangeStep||1;this.oDOMInput=p.Z.createInput("number",void 0,e),this.oDOMInput.min=o,this.oDOMInput.max=n,this.oDOMInput.step=r,t.appendChild(this.oDOMInput)},onOpen:p.Z.onOpen,onClose:p.Z.onNumberClose};var x=o(1102);const k={init(e,t){this.oDOMInput=p.Z.createInput("url",t,e)},onOpen:p.Z.onOpen,onClose:e=>e.querySelector("input").value};let R=new class{constructor(){this.oRegisteredEditor={}}registerEditor(e,t){this.oRegisteredEditor[e]=t}getEditor(e){return this.oRegisteredEditor[e]}};R.registerEditor("color",m),R.registerEditor("number",b),R.registerEditor("boolean",v),R.registerEditor("date",y),R.registerEditor("select",z),R.registerEditor("radio",w),R.registerEditor("range",S),R.registerEditor("input",x.Z),R.registerEditor("url",k);const M=R,D={validator:(e,t)=>!isNaN(e),message:(e,t,o)=>`'${t}' field must be set to a valid number.`},O={validator(e,t){const o=t._columnConfig.nTypeRangeMin||0,n=t._columnConfig.nTypeRangeMax||100;let r=isNaN(e);return r||!1===o||(r=e<o),r||!1===n||(r=e>n),!r},message(e,t,o,n){const r=n._columnConfig,a=r.nTypeRangeMin||0,i=r.nTypeRangeMax||100;let s;return isNaN(e)&&(s=`'${t}' field must be set to a valid number.`),!s&&!1!==a&&e<a&&(s=`'${t}' field must be greater than ${a}.`),!s&&!1!==i&&e>i&&(s=`'${t}' field must be less than ${i}.`),s}},E={validator(e,t){let o=!1;try{let t;t=parseInt(e,10)==e?parseInt(e,10):e;const o=new Date(t);new Intl.DateTimeFormat("en-US").format(o)}catch(e){o=!0}return!o},message:(e,t,o,n)=>`'${t}' field must be set to a valid date.`},T={validator(e,t){try{if(new URL(e))return!0}catch(e){return!1}},message:(e,t,o,n)=>`'${t}' field must be set to a valid URL.`},A={validator(e,t,o){const n=o.querySelector("input");return n&&"email"===n.type?n.validity.valid:/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)},message:(e,t,o,n)=>`'${t}' field must be set to a valid email address.`};let I=new class{constructor(){this.oRegisteredValidator={}}registerValidator(e,t){this.oRegisteredValidator[e]=t}getValidator(e){return this.oRegisteredValidator[e]}};I.registerValidator("number",D),I.registerValidator("range",O),I.registerValidator("date",E),I.registerValidator("url",T),I.registerValidator("email",A);const _=I;var L=o(2070);const F={createInput(e){let t=document.createElement("input");return t.type=e,t.autoComplete="off",t.ariaInvalid=!1,t.style.width="1px",t}},B={init(){return this.oDOMInput=F.createInput("text"),this.appendChild(this.oDOMInput)},value(){return this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.value},setValue(e){this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.value=e},triggerEvent:"keyup"},G={init(){return this.oDOMInput=F.createInput("number"),this.appendChild(this.oDOMInput)},value(){return this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.value},setValue(e){this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.value=e},triggerEvent:"keyup,mouseup"},H={init(){let e=this.oColumnMapping.aSelectOptions||this.widget.store.getUniqueDataByFieldIndex(this.oColumnMapping.sFieldIndex);return this.oDOMSelect=r.ZT(e,!0),this.appendChild(this.oDOMSelect)},value(){return this.oDOMSelect=this.oDOMSelect||this.querySelector("select"),this.oDOMSelect.options[this.oDOMSelect.selectedIndex].value},setValue(e){this.oDOMSelect=this.oDOMSelect||this.querySelector("select");for(var t=0;t<this.oDOMSelect.options.length;t++)if(this.oDOMSelect.options[t].value===e||this.oDOMSelect.options[t].text===e){this.oDOMSelect.selectedIndex=t;break}},triggerEvent:"change",operationType:"matchList"},Z={init(){return this.oDOMInput=F.createInput("checkbox"),this.oDOMInput.indeterminate=!0,this.oDOMInput.setAttribute("indeterminate",!0),this.oDOMInput.addEventListener("click",N),this.appendChild(this.oDOMInput)},value(){return this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.indeterminate?"":this.oDOMInput.checked},setValue(e){this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.checked=e,this.oDOMInput.indeterminate=!1,this.oDOMInput.setAttribute("inderterminate",!1)},triggerEvent:"change",operationType:"boolMatch"};let N=function(e){let t=e.target,o=!t.checked,n=e.target.getAttribute("indeterminate");!1===o&&"false"===n&&(t.checked=!1,t.indeterminate=!0),t.setAttribute("indeterminate",t.indeterminate)};let P=new class{constructor(){this.oRegisteredFilter={}}registerFilter(e,t){this.oRegisteredFilter[e]=t}getFilter(e){return this.oRegisteredFilter[e]}};P.registerFilter("text",B),P.registerFilter("boolean",Z),P.registerFilter("select",H),P.registerFilter("number",G);const U=P;let W=new class{constructor(){this.oRegisteredCellType={}}getCellType(e,t,o){let n;return n=this.oRegisteredCellType[e]||o?this.oRegisteredCellType[e]:this.oRegisteredCellType.text,t&&n?n[t]:n}getEditor(e,t){let o=M.getEditor(e);return o||(o=W.getCellType(e,"editor",t)),o}getValidator(e){return _.getValidator(e)}getSorter(e){return L.Z.getSorter(e)}getRenderer(e){return g.getRenderer(e)}getFilter(e){return U.getFilter(e)}registerCellType(e,t={}){const o={editor:M.getEditor("input"),parser:null,renderer:g.getRenderer("text"),validator:null,sorter:L.Z.getSorter("text"),intlSorter:L.Z.getSorter("intl"),filter:U.getFilter("text")};for(let e in t)o[e]=t[e];this.oRegisteredCellType[e]=o}},V={editor:M.getEditor("number"),renderer:g.getRenderer("number"),validator:_.getValidator("number"),sorter:L.Z.getSorter("number"),intlSorter:null,filter:U.getFilter("number")};W.registerCellType("element",{renderer:g.getRenderer("element")}),W.registerCellType("iframe",{renderer:g.getRenderer("iframe"),validator:_.getValidator("url")}),W.registerCellType("icon",{renderer:g.getRenderer("icon")}),W.registerCellType("image",{renderer:g.getRenderer("image"),validator:_.getValidator("url")}),W.registerCellType("image-mask",{renderer:g.getRenderer("image-mask")}),W.registerCellType("url",{renderer:g.getRenderer("url"),editor:M.getEditor("url"),validator:_.getValidator("url")}),W.registerCellType("boolean",{editor:M.getEditor("boolean"),renderer:g.getRenderer("boolean"),sorter:L.Z.getSorter("boolean"),intlSorter:null,filter:U.getFilter("boolean")}),W.registerCellType("date",{renderer:g.getRenderer("date"),editor:M.getEditor("date"),sorter:L.Z.getSorter("date"),validator:_.getValidator("date"),intlSorter:null}),W.registerCellType("number",V),W.registerCellType("text"),W.registerCellType("aggregate",{renderer:g.getRenderer("aggregate"),sorter:!1,editor:!1}),W.registerCellType("button",{renderer:g.getRenderer("button"),editor:!1}),W.registerCellType("checkbox",{renderer:g.getRenderer("checkbox"),sorter:L.Z.getSorter("boolean"),editor:!1}),W.registerCellType("code",{renderer:g.getRenderer("code")}),W.registerCellType("color",{renderer:g.getRenderer("color"),editor:M.getEditor("color")});let $=r.c7.copy(V);$.renderer=g.getRenderer("currency"),W.registerCellType("currency",$),W.registerCellType("email",{validator:_.getValidator("email"),renderer:g.getRenderer("email")}),W.registerCellType("password",{renderer:g.getRenderer("password")}),W.registerCellType("gravatar",{renderer:g.getRenderer("image"),editor:!1});let q=r.c7.copy(V);q.renderer=g.getRenderer("percentage"),W.registerCellType("percentage",q),W.registerCellType("radio",{renderer:g.getRenderer("key"),editor:M.getEditor("radio")}),W.registerCellType("range",{renderer:g.getRenderer("number"),editor:M.getEditor("range"),validator:_.getValidator("range")}),W.registerCellType("select",{editor:M.getEditor("select"),filter:U.getFilter("select"),renderer:g.getRenderer("key")}),W.registerCellType("tel"),W.registerCellType("toggle",{renderer:g.getRenderer("toggle"),editor:!1}),W.registerCellType(n.default.internalColumn.recordeditor,{editor:null,renderer:g.getRenderer(n.default.internalColumn.recordeditor),sorter:null,intlSorter:null,filter:null}),W.registerCellType(n.default.internalColumn.recordremover,{editor:null,renderer:g.getRenderer(n.default.internalColumn.recordremover),sorter:null,intlSorter:null,filter:null}),W.registerCellType(n.default.internalColumn.recordduplicate,{editor:null,renderer:g.getRenderer(n.default.internalColumn.recordduplicate),sorter:null,intlSorter:null,filter:null}),W.registerCellType(n.default.internalColumn.recordselector,{editor:null,renderer:g.getRenderer(n.default.internalColumn.recordselector),sorter:null,intlSorter:null,filter:null}),W.registerCellType(n.default.internalColumn.rownumber,{editor:null,renderer:g.getRenderer(n.default.internalColumn.rownumber),sorter:null,intlSorter:null,filter:null}),W.registerCellType(n.default.internalColumn.rowgroup,{editor:null,renderer:g.getRenderer(n.default.internalColumn.rowgroup)}),W.registerCellType(n.default.internalColumn.recordinfo,{editor:null,renderer:g.getRenderer(n.default.internalColumn.recordinfo),sorter:null,intlSorter:null,filter:null});const K=W},4233:(e,t,o)=>{"use strict";o.d(t,{Z:()=>n});const n={onOpen(e,t,o){let n=t.querySelector("input");o||(o=t.value||""),n.value=String(o)},onNumberClose(e){let t=e.querySelector("input").value,o=window.parseFloat(t);return isNaN(o)&&(o=t),o},createInput(e,t,o){let n=document.createElement("input");return n.type=e,n.autoComplete="off",n.ariaInvalid=!1,o&&(n.name=o.sTargetFieldIndex),t&&t.appendChild(n),n}}},1102:(e,t,o)=>{"use strict";o.d(t,{Z:()=>r});var n=o(4233);const r={init(e,t){let o=e._columnConfig.sEditorType||e.sCellType,r="text";-1!==["tel","email","password","url"].indexOf(o)&&(r=o),this.oDOMInput=n.Z.createInput(r,t,e)},onOpen:n.Z.onOpen,onClose:e=>e.querySelector("input").value}},2070:(e,t,o)=>{"use strict";function n(e){let t=e;return"string"==typeof e&&(t=new Date(e.toString().replace(/-/g,"/")),t instanceof Date&&isFinite(t)||(t=new Date(e))),t}o.d(t,{Z:()=>i});const r=Intl.Collator().compare;let a=new class{constructor(){this.oRegisteredSorter={}}registerSorter(e,t){this.oRegisteredSorter[e]=t}getSorter(e){return this.oRegisteredSorter[e]}};a.registerSorter("number",(function(e,t){return e-t})),a.registerSorter("text",(function(e,t){return"number"==typeof e&&"number"==typeof t||(e=e?e.toString():"",t=t?t.toString():""),e>=t?1:-1})),a.registerSorter("intl",r),a.registerSorter("date",(function(e,t){return n(e)-n(t)})),a.registerSorter("boolean",(function(e,t){return e.toString()>=t.toString()?1:-1}));const i=a},697:(e,t,o)=>{"use strict";o.d(t,{Z:()=>s});var n=o(3605),r=o(2816),a=o(8419);class i extends HTMLElement{constructor(){super(),this.bReady=!1,this.init()}init(e,t,o,r,a,i){n.uQ(this,e,o,t,a,i),this.oAcceptedProperty=r,this.sTagName=e,this._oShadowRoot=this.shadowRoot||this._oShadowRoot,this.P=this.A=!1,this.watchProperty()}connectedCallback(){const e=this._getHostContext();this.bRemoved=!1,e&&(this.webcomponent=e.webcomponent,this.webcomponent.bReady?(this.bHasChildNode=!!this.childNodes&&[...this.childNodes].filter((e=>1===e.nodeType)).length,this.ready()):this.webcomponent.on("childrenready",(()=>{this.bRemoved||this.bCancelChildrenReady||(this.bHasChildNode=!!this.childNodes&&[...this.childNodes].filter((e=>1===e.nodeType)).length,this.ready()),this.bCancelChildrenReady=!1})))}ready(){this.render(),this.ons(),this.bReady=!0,this.fire("ready")}disconnectedCallback(){this.uns(),this.widget&&this.widget.bDisconnect&&(this.bRemoved=!0,this.bCancelChildrenReady=!0,this.webcomponent=null,this.widget=null,this.ZG=null,this._oShadowRoot=null,this.destroy())}attributeChangedCallback(e,t,o){this._attributeHandler(e,t,o)}watchProperty(){let{oAcceptedProperty:e}=this;for(let t in e)if(e.hasOwnProperty(t)){if(window.ShadyDOM&&"slot"===t)continue;this._watch(t,this._propertyHandler)}}render(){}ons(){}uns(){}cleanElements(e){for(let t=0;t<e.length;t++)this.cleanElement(e[t])}cleanElement(e){let t=this[e];t&&(t.dom&&(t=t.dom),t.innerHTML="",t.remove(),this[e]=null)}paint(){}_attributeHandler(e,t,o){if(this.P)return void(this.P=!1);this.A=!0;let r,a=this.oAcceptedProperty,i=n.String.dashToCamelCase(e.toLocaleLowerCase()),s=o;if(a&&i in a&&a.hasOwnProperty(i)){let t=a[i];switch(t.type){case Boolean:r=null==o?null:"";break;case Object:case Array:if(""===o)r=[];else if(null==o)r=null;else if(n.kJ(o)||n.Kn(o))r=o;else try{o=o.replace(/\n/g,""),r=JSON.parse(o)}catch(t){const o=`Error: There was an issue with [${e}]'s value:\n${t}`;console.error(`Uncaught ${o}`);const n={icon:"error",state:"error",msg:o};setTimeout((()=>{this.widget&&this.widget.statusManager&&this.widget.statusManager.setStatus(n)}),0)}finally{n.kJ(r)||t.type!==Array||(r=[r])}break;case Number:null==o?r=null:(r=t.bKeepDecimal?parseFloat(o):parseInt(o,10),isNaN(r)||(r+=""));break;default:r=o,!t.sBooleanDefault||""!==o&&"true"!==o||(r=t.sBooleanDefault)}if(r!==s&&!isNaN(r)&&t.type!==Array&&t.type!==Object)return void this._setAttribute(e,r);t.type===Boolean&&(r=null!=o),(r!==this[i]||t.bSetProperty)&&(this[i]=r),this.A=!1}}_getHostContext(){let e,t,o,n=this;for(;n;){if(9===n.nodeType){t=n,n=null;break}if(11!=n.nodeType&&"[object ShadowRoot]"!==n.toString()||(t=n,n=n.host),"zing-grid"===n.tagName.toLowerCase())break;n=n.parentNode}if(e=n,!n){let t=null;o,t&&(e=t.widget)}return e?e.widget:null}_hide(){this.setAttribute(a.default.attr.hidden,"")}_propertyHandler(e,t,o){if(this.bRemoved)return;if(this.A)return this.updateBindings(e,t,o),this.A=!1,o;this.P=!0;let r,a=this.oAcceptedProperty[e];switch(a.type){case Boolean:r=Boolean(o);break;case Number:r=null==o||!1===o?null:a.bKeepDecimal?parseFloat(o):parseInt(o,10);break;case Object:case Array:if(""===o)r=[];else if(null==o||0==o)r=null;else if(n.kJ(o)||n.Kn(o))r=o;else try{r=JSON.parse(o)}catch(e){r=JSON.parse('["'+o+'"]')}finally{n.kJ(r)||(r=[r])}break;case String:r=a.bCanBeObject&&"object"==typeof o?o:!a.sBooleanDefault||!0!==o&&""!==o?o?String(o):null:a.sBooleanDefault;break;default:r=o}if(a.bReflectToAttribute&&!a.bOneWaySync){let t=n.String.camelCaseToDash(e),i=r;a.type===Boolean?i=r?"":null:!a.bReflectBoolean||!0!==o&&""!==o||(i=a.sBooleanDefault),null!==i?this._setAttribute(t,i):this._removeAttribute(t)}return this.P=!1,a.bThrowEvent&&setImmediate((()=>{this.widget&&!this.widget.bDisconnect&&this.widget.emitEvent(e+"Change")})),this.updateBindings(e,t,r),r}updateBindings(e,t,o){(e===a.default.attr.action||e===a.default.attr.value&&this.sTagName===a.default.zgText.tagName)&&this.widget&&t!=o&&this._updateBinding(this.widget,this.widget,t,o),"widget"===e&&t!=o&&this.action?this._updateBinding(t,o,this.action,this.action):"widget"===e&&t!=o&&this.value&&this.sTagName===a.default.zgText.tagName&&this._updateBinding(t,o,this.value,this.value)}_show(){this.removeAttribute(a.default.attr.hidden)}togglePseudoClass(e){if(e.type&&e.oDOMTarget)switch(e.type){case"mousedown":e.oDOMTarget.classList.add(a.default.attr.active);break;case"mouseup":e.oDOMTarget.classList.remove(a.default.attr.active);break;case"mouseleave":e.oDOMTarget.classList.remove(a.default.attr.hover);break;default:e.oDOMTarget.classList.add(a.default.attr.hover)}}_watch(e,t){let o=this[e],n=o;Object.defineProperty(this,e,{get:()=>n,set:r=>{if(this.bRemoved)return;(r=>{r=t.call(this,e,n,r),o=n,n=r})(r),this.widget&&this.widget.bNeedUpdate&&(this.widget.bNeedUpdate=!1,this.widget.update())},enumerable:!0,configurable:!0})}static getObservedAtts(e){return Object.keys(e).filter((t=>e[t].bReflectToAttribute)).map((e=>n.String.camelCaseToDash(e)))}static _registerElement(e,t){let o=window.customElements;o.get(e)||o.define(e,t)}}for(let e of Object.getOwnPropertyNames(r.Z.prototype))(e=>{i.prototype[e]=function(...t){return r.Z.prototype[e].call(this,...t)}})(e);i.prototype.constructor=i,i.prototype.getDOM=function(){return this};const s=i},1246:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(2259),a=o.n(r),i=o(9977),s=o.n(i),l=o(8419);const d=l.default.batchEdit.tagName,c={};class h extends n.Z{init(){super.init(d,s(),a(),c)}ready(){super.ready(),this.setAttribute(l.default.attr.hidden,"")}}n.Z._registerElement(d,h);const u=h},1960:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(7679),a=o.n(r),i=o(3528),s=o.n(i),l=o(8419);const d={},c=l.default.zgBody.tagName;class h extends n.Z{init(){super.init(c,s(),a(),d)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.setAttribute(l.default.attr.role,"rowgroup"),this.ZG.layout&&this.ZG.layout.length&&this.setAttribute(l.default.zgLayout.attr,this.ZG.layout),this.widget.hasCardTemplate()&&this.ZG.getAttribute(l.default.zgLayout.attr)===l.default.zgLayout.typeCard&&this.setAttribute(l.default.zgLayout.cardTplAttr,"")}disconnectedCallback(){super.disconnectedCallback()}}n.Z._registerElement(c,h);const u=h},1245:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>b});var n=o(697),r=o(8719),a=o.n(r),i=o(6932),s=o.n(i),l=o(8419),d=o(6919),c=o(3605),h=o(2260);const u=l.default.zgButton.tagName,g=c.SV(a(),s()),p={forceBorder:{bReflectToAttribute:!0,type:String},customDisabled:{bReflectToAttribute:!0,type:String},disabled:{bReflectToAttribute:!0,type:Boolean},handler:{bReflectToAttribute:!0,type:Function},icon:{bReflectToAttribute:!0,type:String},action:{bReflectToAttribute:!0,type:String},pageIndex:{bReflectToAttribute:!0,type:Number},customTooltip:{bReflectToAttribute:!0,type:String},widget:{}},m=n.Z.getObservedAtts(p);class f extends n.Z{init(){super.init(u,s(),a(),p,g),this.setupRefs()}ready(){super.ready();let e=this._getHostContext();this.ZG=e.webcomponent,this.setupRefs(),this.parentNode&&(this.bInMenu=this.parentNode.tagName.toLowerCase()===l.default.zgMenuItem.tagName),this.getAttribute(l.default.attr.role)||this.setAttribute(l.default.attr.role,"button"),this.action&&(this.action=this.action.toLowerCase()),requestAnimationFrame((()=>this.hookupButton(this.action))),this.handler&&this.setCustomHandler(this.handler),void 0!==this.customDisabled&&(this.disabled=this.getDisabledStatus(this.customDisabled,e)),this.postRenderOns(),this.widget&&this.widget===e&&this._updateBinding(this.widget,this.widget,this.action,this.action),this.widget=e}setupRefs(){this.oCheckbox||(this.oCheckbox=document.createElement(l.default.zgCheckbox.tagName),this.oIcon=document.createElement(l.default.zgIcon.tagName),this.oLabel=document.createElement("span"),this.oLabel.classList.add("label"),this.parentCell=null)}hookupButton(e){if(!this.oIcon)return;const t=this.textContent.length>0;t&&this.setAttribute(l.default.zgButton.hasTextAttr,"");const o=e===l.default.zgButton.action.checkbox,n=this.querySelector(`[slot="${l.default.zgButton.slot.checkbox}"]`),r=this.querySelector(`[slot="${l.default.zgButton.slot.icon}"]`),a=this.querySelector(`[slot="${l.default.zgButton.slot.label}"]`),i=!!e&&this.childNodes.length>0;if(!this.icon&&!o&&t&&!i&&!n&&!r&&!a)return;this.oIcon.getAttribute("name")||!e&&!this.icon||this.oIcon.setAttribute("name",e||this.icon),this.bInCaption&&e&&this.oIcon.setAttribute(l.default.attr.internalcaption,"");const s=this.getAttribute(l.default.attr.type);s&&this.oIcon.setAttribute(l.default.attr.type,s),i&&(this.oLabel.innerHTML=this._addMarkupToLabel()),this.oCheckbox=n||this.oCheckbox,this.oIcon=r||this.oIcon,this.oLabel=a||this.oLabel,this.oCheckbox.slot=l.default.zgButton.action.checkbox,this.oIcon.slot=l.default.zgButton.slot.icon,this.oLabel.slot=l.default.zgButton.slot.label,this.appendChild(this.oIcon),this.appendChild(this.oCheckbox),this.appendChild(this.oLabel),this._toggleElements(e),this.oDOMRow=c.MV(this,l.default.zgRow.tagName),this.bInCaption=c.MV(this,l.default.zgCaption.tagName),(this.bInCaption||c.MV(this,l.default.zgFooter.tagName))&&this.setTabIndex({allowed:!this.disabled}),this.oDOMRow&&this.setAttribute(l.default.attr.internalcell,"")}postRenderOns(){this.on("mouseenter",this.togglePseudoClass,this,{},!1),this.on("mouseleave",this.togglePseudoClass,this,{},!1),this.on("mousedown",this.togglePseudoClass,this,{},!1),this.on("mouseup",this.togglePseudoClass,this,{},!1),this.on("mousedown",this.onMouseDown,this,{},!1),this.on("focus",this.onFocus,this,{},!1),this.on("blur",this.onBlur,this),this.on("keydown",this.onKeyDown,this,{},!1)}onBlur(e,t){this.classList.remove(l.default.zgButton.aria.focus),this.bMouseDown=!1}onFocus(e,t){e.stopEvent(),this.bMouseDown||this.classList.add(l.default.zgButton.aria.focus)}onKeyDown(e,t){e.nCharCode!==e.ENTER&&e.nCharCode!==e.SPACE||(e.preventDefault(),this.bMouseDown=!1,this.click())}onMouseDown(e,t){e.stopEvent(),"fixedmenu"!==this.action&&this.widget.focusManager.unfocusCells(),this.classList.remove(l.default.zgButton.aria.focus),this.bMouseDown=!0}changePagerButton(e,t){e.includes(t)?this._disable():this._enable()}getPageIndex(){let e=parseInt(this.getAttribute("page-index"),10);return isNaN(e)?(e=parseInt(this.innerText,10),isNaN(e)?null:e-1):e}_updatePageIndex(e){e===this.getPageIndex()?(this.setAttribute(l.default.zgPager.currentPageAttr,""),this._disable()):(this.removeAttribute(l.default.zgPager.currentPageAttr),this._enable())}notifyWidget(e,t){let o=this.action;const n=this.widget;let r=n.menuManager.activeCell,a=n.menuManager.activeHeader,i=n.menuManager.activeColumn;const s=n.selectorEngineManager;let d,h=null;const u=n.selector.se,g=n.batchEditor,p=n.dirtyManager;if(e.preventDefault(),e.stopPropagation(),!this._isDisabled()&&!this.hasAttribute(l.default.attr.active))switch(n.menuManager.activeMenu&&n.menuManager.closeMenu(),o){case"batchedit":g.activate(!this.bMouseDown);break;case"batcheditcancel":g.cancelBatchEdit(!this.bMouseDown);break;case"batcheditsave":n.batchEditor.save(!this.bMouseDown);break;case"cancelrecord":d=c.MV(this,l.default.zgCell.tagName),n.recordEditor.cancelOpenEdit(),d&&n.webcomponent.select(d.parentNode.dataRowIndex,d.cellIndex);break;case"checkbox":this.oCheckbox.checked=!this.oCheckbox.checked;break;case"closerowgroup":d=c.MV(this,l.default.zgCell.tagName),d&&(r=s.$cell(d),r.sGroupRecordIndex&&n.groupbyManager.toggleGroup(r,!1));break;case"copycell":r&&n.clipper.onKeyCtrlCDocument(r);break;case"createrecord":void 0!==r&&r||(h=this.bInMenu?n.menuManager.oButton:this),n.editorManager.openInsertEditor(null,r,h);break;case"createrecordstart":this.bInMenu&&(h=n.menuManager.oButton),n.editorManager.openInsertEditor("start",void 0,h);break;case"createrecordend":this.bInMenu&&(h=n.menuManager.oButton),n.editorManager.openInsertEditor("end",void 0,h);break;case"deselect":n.bHasSelectorEnabled&&n.selector.deSelectAll();break;case"duplicaterecord":let t;if(this.parentCell)t=this.parentCell.sTargetRecordIndex;else if(this.oDOMRow){t=u.row(this.oDOMRow).sTargetRecordIndex}else if(r){t=r.toRow().sTargetRecordIndex}t&&n.duplicateRecord(t);break;case"editcell":r&&n.editorManager.openEditor(r);break;case"editrecord":if(this.parentCell)n.editorManager.openEditor(this.parentCell.toRow(),void 0,this.parentCell);else if(this.oDOMRow){let e=u.row(this.oDOMRow);n.editorManager.openEditor(e)}break;case"editrow":n.editorManager.openEditor(r.toRow());break;case"firstpage":n.firstPage();break;case"fixedmenu":n.menuManager&&(n.menuManager.oButton=this,n.menuManager.openFixedMenu(e));break;case"freezecolumnleft":i&&i.oDOMZGColumn.setAttribute("frozen","left");break;case"freezecolumnright":i&&i.oDOMZGColumn.setAttribute("frozen","right");break;case"unfreezecolumn":i&&(i.oDOMZGColumn.frozen=null);break;case"hidecolumn":i&&i.oDOMZGColumn.setAttribute("hidden","");break;case"freezerowtop":r&&n.store.moveRow(r.sTargetRecordIndex,"top");break;case"freezerowbottom":r&&n.store.moveRow(r.sTargetRecordIndex,"bottom");break;case"unfreezerow":r&&n.store.moveRow(r.sTargetRecordIndex,"body");break;case"getselection":break;case"insertrecord":n.insertRow(),n.lastPage();break;case"lastpage":n.lastPage();break;case"layoutrow":case"layoutcard":n.layoutManager.layoutCtrlClick(this);break;case"menu":n.columnMenu&&(this.setAttribute(l.default.aria.expanded,"true"),n.columnMenu.oButton=this,n.columnMenu.openColumnMenu(e));break;case"openrowgroup":d=c.MV(this,l.default.zgCell.tagName),d&&(r=s.$cell(d),r.sGroupRecordIndex&&n.groupbyManager.toggleGroup(r,!0));break;case"page":const m=this.getPageIndex();null!==m&&n.setCurrPageIdx(m);break;case"nextpage":n.nextPage();break;case"pastecell":n.clipper.onKeyCtrlVDocument();break;case"prevpage":n.prevPage();break;case"undoremoverecord":if(this.parentCell)p.unsetDirtyDelete(this.parentCell.sTargetRecordIndex);else if(this.oDOMRow){let e=u.row(this.oDOMRow);p.unsetDirtyDelete(e.sTargetRecordIndex)}else if(r){let e=r.toRow();p.unsetDirtyDelete(e.sTargetRecordIndex)}break;case"removerecord":if(this.parentCell)n.removeRow(this.parentCell.sTargetRecordIndex);else if(n.aSelectedRows&&Object.keys(n.aSelectedRows).length)n.removeSelectedRows(this);else if(this.oDOMRow){let e=u.row(this.oDOMRow);n.removeRow(e.sTargetRecordIndex)}else if(r){let e=r.toRow();n.removeRow(e.sTargetRecordIndex)}break;case"reload":!n.store.isIncrementalLoad()&&n.oDOMSortedColumn&&n.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader&&n.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader.clearStyle(!0),n.stateManager.clearState(),n.updateInitialConfig(),n.store.reload();break;case"search":n.search&&n.search.searchBtnClickToggle(e);break;case"selectall":n.bHasSelectorEnabled&&u.selectAll().select();break;case"selectcell":case"selectrow":if(n.bHasSelectorEnabled&&r){let e=r.nStartRowIndex,t=r.nStartColumnIndex;"selectcell"===o?u.cell(e,t):u.initRange(e,0,e,this.widget.aColumnMapping.length-1),u.select()}break;case"sortcolumn":a&&a.onSort();break;case"submitrecord":d=c.MV(this,l.default.zgCell.tagName),n.recordEditor.onClickSubmit(void 0,u.cell(d));break;case"resetstate":this.widget.stateManager.clearState(!0);break;case"about":let f=n.menuManager&&n.menuManager.bFixed;if(this.ZG.oDOMDialog.setDialog("zg-version"),f){let e=()=>n.focusManager.focusGrid(!0);this.ZG.oDOMDialog.on("dialogConfirm",e,this)}}}updateInfo(e,t){t=t||this.action;const o=(e=e||this.widget).getCurrPageIdx(),n=e.getPageCount(),r=e.getPageSize(),a=e.store.getOriginRecordCount()||e.getRowCount(),i=["firstpage","prevpage"],s=["nextpage","lastpage"],l=e.store&&e.store.oDataFormat.bCursor,d=e.store.oDataFormat.bLoadByPages&&e.store.oDataFormat.bStartAtValue;this._toggleElements(t),(i.includes(t)||s.includes(t)||"page"===t)&&(l?"nextpage"==t?e.store.hasNextData()?this._enable():this._disable():"prevpage"==t&&(e.store.hasPrevData()?this._enable():this._disable()):d?"nextpage"===t?e.store.sStartAtValue?this._enable():this._disable():"prevpage"===t&&(0===o?this._disable():this._enable()):"page"===t?this._updatePageIndex(o):r>=a?this._disable():0===o?this.changePagerButton(i,t):o===n-1?this.changePagerButton(s,t):this._enable())}_addMarkupToLabel(){const e=this.querySelectorAll(`[slot="${l.default.zgButton.slot.checkbox}"]`),t=this.querySelectorAll(`[slot="${l.default.zgButton.slot.icon}"]`);e.forEach((e=>e.remove())),t.forEach((e=>e.remove()));const o=this.innerHTML;return this.innerHTML="",o}_disable(){this.disabled=!0}_enable(){this.disabled=!1}_isDisabled(){return this.disabled}setTabIndex({allowed:e}){-1===this.getAttribute(l.default.attr.tabindex)||this.hasAttribute(l.default.attr.datafocus)||(e?this.setAttribute(l.default.attr.tabindex,0):this.removeAttribute(l.default.attr.tabindex))}_toggleElements(e){e===l.default.zgButton.action.checkbox?this.oCheckbox.removeAttribute(l.default.attr.hidden):this.oCheckbox.setAttribute(l.default.attr.hidden,"")}_propertyHandler(e,t,o){if(o=super._propertyHandler(e,t,o),this.bReady)switch(e){case"action":o&&(o=o.toLowerCase()),this.oIcon&&this.oIcon.setAttribute("name",o),this.hookupButton(o);break;case"disabled":this.setTabIndex({allowed:!o}),o?this.setAttribute(l.default.aria.disabled,"true"):this.removeAttribute(l.default.aria.disabled);break;case"handler":this.setCustomHandler(o);break;case"icon":this.oIcon&&(o?this.oIcon.setAttribute("name",o):this.oIcon.removeAttribute("name"));break;case"pageIndex":const e=this.widget.getCurrPageIdx();this._updatePageIndex(e);break;case"customTooltip":const t=this.setTooltip(this.action,this.widget,o);this.setAria(this.action,t);break;case"customDisabled":this.disabled=this.getDisabledStatus(o,this.widget)}return o}_updateBinding(e,t,o,n){if(this.bReady&&(e&&o&&(this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnNotify&&this.fnUnNotify(),this.fnUnCustom&&this.fnUnCustom()),t)){let e=t.sComputedDir;switch(this.updateInfo(t,n),n){case"batchedit":case"batcheditcancel":case"batcheditsave":case"cancel":case"cancelrecord":case"checkbox":case"closerowgroup":case"copycell":case"createrecord":case"createrecordend":case"createrecordstart":case"deselect":case"duplicaterecord":case"editcell":case"editrecord":case"editrow":case"firstpage":case"fixedmenu":case"freezecolumnleft":case"freezecolumnright":case"unfreezecolumn":case"hidecolumn":case"freezerowtop":case"freezerowbottom":case"unfreezerow":case"getselection":case"insertrecord":case"layoutrow":case"layoutcard":case"lastpage":case"menu":case"page":case"nextpage":case"openrowgroup":case"pastecell":case"prevpage":case"reload":case"removerecord":case"undoremoverecord":case"search":case"selectall":case"selectcell":case"selectrow":case"sortcolumn":case"resetstate":case"submitrecord":case"about":this.setAttribute("dir",e),this.fnUnNotify=this.on("click",this.notifyWidget,this,{},!1),this.fnUnSubscribe=t.on(l.default.event.updated,this.updateInfo,this)}const o=this.setTooltip(n,t,this.customTooltip);this.setAria(n,o)}}setAria(e,t){t&&this.setAttribute(l.default.aria.label,t),"menu"!==e&&"fixedmenu"!==e||this.setAttribute(l.default.aria.hasPopup,"true")}setTooltip(e,t,o,n){if(!t)return;let r=e;const a=this.parentNode.tagName.toLowerCase();if(void 0===n&&(n=t.webcomponent.buttonTooltipDisabled),a===l.default.zgMenuItem.tagName)return;let i;if(i=a===l.default.zgControlBar.tagName,this.hasAttribute(l.default.zgButton.noTooltipAttr))return;let s,c,h="tooltip-right",u="tooltip-left";switch("rtl"===t.sComputedDir&&(h="tooltip-left",u="tooltip-right"),e){case"createrecord":case"createrecordstart":case"createrecordend":s="recordCreate";break;case"layoutcard":s="layoutCard";break;case"layoutrow":s="layoutRow";break;case"batchedit":case"batcheditsave":case"batcheditcancel":case"duplicaterecord":case"editrecord":case"firstpage":case"fixedmenu":case"lastpage":case"menu":case"nextpage":case"prevpage":case"reload":case"removerecord":case"undoremoverecord":case"search":case"openrowgroup":case"closerowgroup":s=e}switch(e){case"batchedit":case"batcheditsave":case"batcheditcancel":case"createrecord":case"createrecordstart":case"createrecordend":case"lastpage":case"nextpage":case"page":case"reload":case"openrowgroup":case"closerowgroup":c=h;break;default:c=u}i&&"editrecord"===e&&(c=h);const g=this.parentCell&&this.parentCell.bHasCellTooltip;if(this.parentCell&&0===this.parentCell.nStartColumnIndex&&(c=h),n||!s&&!o||g)this.removeAttribute("tooltip");else{r=o||d.default.get(`tooltip.${s}`,t,{element:this,attribute:"tooltip"}),this.setAttribute("tooltip",r),this.setAttribute(c,"");let e=c===h?u:h;this.removeAttribute(e)}return r}getDisabledStatus(e,t){let o,n,r,a=null,i=e;const s=this.parentCell?this.parentCell.dom():c.MV(this,l.default.zgCell.tagName);return null!==e&&(s&&(a=t.selectorEngineManager.$cell(s),n=a._columnConfig,r=a.record,o=n.fnTypeButtonDisabled),o||"string"!=typeof e||(o=h.Z.setUserFunction(null,e),n&&(n.fnTypeButtonDisabled=o)),o&&o.method?i=o.method.apply(o.scope,[r,a])||!1:(""===i?i=!0:a&&(i=t.store.processTemplate(i,null,a)),"true"===i?i=!0:"false"===i&&(i=!1)),i)}setCustomHandler(e){this.fnUnCustom&&this.fnUnCustom(),e?(this.fnHandler=h.Z.setUserFunction(null,e),this.fnUnCustom=this.on("click",this.launchCallback,this,{},!1)):this.fnHandler=null}launchCallback(){if(this.disabled||!this.handler)return;let e=this.fnHandler;if(e||(this.fnHandler=e=h.Z.setUserFunction(null,this.handler)),e&&e.method){const t=this.parentCell?this.parentCell.dom():c.MV(this,l.default.zgCell.tagName);let o=[];if(t){const e=this.widget.selectorEngineManager.$cell(t);o=[e.record,t,e]}e.method.apply(e.scope,o)}}uns(){this.un("mousedown",this.onMouseDown),this.un("focus",this.onFocus),this.un("blur",this.onBlur),this.un("keydown",this.onKeyDown),this.un("mouseenter",this.togglePseudoClass),this.un("mouseleave",this.togglePseudoClass),this.un("mousedown",this.togglePseudoClass),this.un("mouseup",this.togglePseudoClass),this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnNotify&&this.fnUnNotify(),this.fnUnCustom&&this.fnUnCustom()}disconnectedCallback(){super.disconnectedCallback(),this.oCheckbox=null,this.oIcon=null,this.oLabel=null,this.parentCell=null,this.oDOMRow=null}static get observedAttributes(){return m}}n.Z._registerElement(u,f);const b=f},2358:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>f});var n=o(697),r=o(3419),a=o.n(r),i=o(2937),s=o.n(i),l=o(4584),d=o(3605),c=o(8419);const h="enabled",u="zg-caption",g={align:{bReflectToAttribute:!0,type:String},position:{bReflectToAttribute:!0,type:String}},p=n.Z.getObservedAtts(g);class m extends n.Z{init(){super.init(u,s(),a(),g)}ready(){if(super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,!this.widget.bPreloaded){if("both"===this.getAttribute("position")&&(this.mirror=!0),this.mirror&&(this.bUpdatePosition=!0,this._createMirror(!0),this.bUpdatePosition=!1),!this.querySelector('zg-button[action="menu"]')&&!this.getAttribute("copy")){let e=`\n          <zg-button ${c.default.attr.datafocus} slot="tool" action="removerecord" hidden></zg-button>\n          <zg-search slot="tool" hidden></zg-search>\n          <zg-button ${c.default.attr.datafocus} slot="tool" action="fixedmenu" hidden></zg-button>\n          <zg-button ${c.default.attr.datafocus} slot="tool" action="menu" hidden></zg-button>\n        `,t=d.W2(e);this.appendChild(t)}this.parentNode===this.widget.webcomponent&&(this.ZG.oDOMCaption&&this.ZG.oDOMCaption!==this&&(this.ZG.oDOMCaption.remove(),this.ZG.oDOMCaption=this),this._attachPosition(this.position))}this.setIconColor(),null===this.getAttribute("copy")&&(this.oDOMColumnMenu=this.querySelector('zg-button[action="menu"]'),this.oDOMMenu=this.querySelector('zg-button[action="fixedmenu"]'),this.oDOMRemove=this.querySelector('zg-button[action="removerecord"]'),this.oDOMSearchButton=this.querySelector('zg-button[action="search"]'),this.oDOMSearch=this.querySelector("zg-search"),this.ZG._setSearch(this.widget.bHasSearchEnabled,!0),this.ZG._setColumnsControl(this.ZG.columnsControl,!0),this.toggleStaticMenu(l.T||this.widget.bHasStaticMenu),this.toggleColumnMenu(this.widget.layoutManager.getLayoutType())),d.CL(this)}setIconColor(){this.querySelectorAll(c.default.zgIcon.tagName).forEach((e=>{const t=e.parentNode;if(t){if(t.tagName.toLowerCase()===c.default.zgButton.tagName&&!t.hasAttribute("action"))return}e.setAttribute(c.default.attr.internalcaption,"")}))}showCaption(){const e=this.widget;return!e||e.bHasContextMenuEnabled||e.bHasStaticMenu||e.bHasSearchEnabled||e.bHasColumnsControl||e.bHasSelectorColumn||this._oShadowRoot.querySelector("slot").assignedNodes().length}toggleStaticMenu(e){return(this.widget.bHasContextMenuEnabled||this.widget.bHasStaticMenu)&&e?(this.oDOMMenu.classList.add(h),this.oDOMMenu.hidden=!1):e||(this.oDOMMenu.classList.remove(h),this.oDOMMenu.hidden=!0),this._oShadowRoot.querySelector("slot").assignedNodes().length}toggleColumnMenu(e){this.bReady&&this.ZG.columnsControl&&(e===c.default.zgLayout.typeCard&&this.widget.hasCardTemplate()?this.oDOMColumnMenu.hidden=!0:this.oDOMColumnMenu.hidden=!1)}changeText(e){if(this.bReady){let t,o=this._oShadowRoot.querySelector("slot").assignedNodes();o.length&&o.forEach((e=>this.removeChild(e))),e&&(t=document.createElement("div"),t.id="zg-caption-user-text",t.innerHTML=e,this.appendChild(t))}else this.on("ready",(()=>this.changeText(e)))}_attachPosition(e){if(e&&"bottom"===e){this.ZG.oDOMFooter.appendChild(this)}else{this.ZG.oDOMHeader.appendChild(this)}}_createMirror(e){if(!this.widget.oDOMCaptionMirror&&e){"bottom"===this.position&&(this.position="top");let e=this.cloneNode(!0);e.removeAttribute("mirror"),e.setAttribute("copy",""),e.setAttribute("position","bottom");let t=e.shadowRoot.querySelector(".zg-caption-toolbar");t&&t.parentNode.removeChild(t),this.widget.oDOMCaptionMirror=e,this.ZG.oDOMFooter.appendChild(e)}else this.widget.oDOMCaptionMirror&&!e&&this.widget.oDOMCaptionMirror&&(this.widget.oDOMCaptionMirror.parentNode.removeChild(this.widget.oDOMCaptionMirror),this.widget.oDOMCaptionMirror=null)}_propertyHandler(e,t,o){if(o=super._propertyHandler(e,t,o),this.bReady&&!this.bUpdatePosition&&"position"===e)this.mirror="both"===o,this._createMirror(this.mirror),this.mirror||this._attachPosition(o);return o}disconnectedCallback(){this.oDOMColumnMenu=null,this.oDOMMenu=null,this.oDOMRemove=null,this.oDOMSearchButton=null,this.oDOMSearch=null}static get observedAttributes(){return p}}n.Z._registerElement(u,m);const f=m},6009:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>f});var n=o(697),r=o(3147),a=o.n(r),i=o(5670),s=o.n(i),l=o(8419),d=o(3605),c=o(2260);const h=l.default.zgCard.tagName,u=d.SV(a(),s()),g={renderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},editor:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},rendererTemplate:{type:String,bReflectToAttribute:!0},editorTemplate:{type:String,bReflectToAttribute:!0}},p=n.Z.getObservedAtts(g);class m extends n.Z{init(){super.init(h,s(),a(),g,u)}ready(){if(super.ready(),this.widget=this._getHostContext(),"zing-grid"===this.parentNode.tagName.toLowerCase()){let e=this.widget.webcomponent;this.widget.oCard=this,this.setTemplateById(this.editorTemplate,!0),this.setTemplateById(this.rendererTemplate,!1),this.setCardTemplate(),this.setCardEditor(this.editor),e.bDefaultCols&&this.widget.oCardTemplate&&this.widget.layoutManager.setLayoutType(l.default.zgLayout.typeCard),this.setAttribute("hidden","")}else this.widget.webcomponent.layout&&this.widget.webcomponent.layout.length&&this.setAttribute(l.default.zgLayout.attr,this.widget.webcomponent.layout)}setCardTemplate(){if(this.querySelector("template")){this.querySelectorAll("template").forEach((e=>{e.getAttribute("type")===l.default.template.type.editor?this.widget.oCardEditTemplate=e:(this.widget.oCardTemplate=e,this.setWatcher(e))}))}else this.widget.oCardBody=this.innerHTML.trim()}setTemplateById(e,t){if(!e)return;let o=window[e]||document.getElementById(e);t?this.widget.oCardEditTemplate=o:this.widget.oCardTemplate=o}setCardEditor(e){null===e||!1===e||"false"===e?this.oEditor=!1:d.HD(e)?this.oEditor=c.Z.setUserFunction(null,e):e&&(this.oEditor={method:e,scope:null})}setWatcher(e){this.observer=new MutationObserver((e=>{this.widget.update()})),this.observer.observe(e.content,{childList:!0,subtree:!0})}_propertyHandler(e,t,o){if(o=super._propertyHandler(e,t,o),this.bReady)switch(e){case"editorTemplate":this.setTemplateById(o,!0);break;case"rendererTemplate":const e=this.widget.layoutManager;this.setTemplateById(o,!1),e.updateLayoutAttributes(e.getLayoutType(),!0),this.widget.update();break;case"editor":this.setCardEditor(o)}return o}disconnectedCallback(){super.disconnectedCallback(),this.oEditor=null,this.observer&&(this.observer.disconnect(),this.observer=null)}static get observedAttributes(){return p}}n.Z._registerElement(h,m);const f=m},235:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(761),a=o.n(r),i=o(2884),s=o.n(i),l=o(8419);o(3605),o(2816);const d="zg-cell-overflow",c={};class h extends n.Z{init(){super.init(d,s(),a(),c)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.currentCell=null,this.offsetCoords=null,this.currentTrigger=null,this.setAttribute(l.default.attr.hidden,"")}setPosition(e,t){const o=this.widget,n=this.ZG.getBoundingClientRect(),r=this.currentCell;let a=!1;const i=this.bCellAnchor;t&&!i&&(e=r.dom(),a=!0);const s=e.getBoundingClientRect(),l={left:s.left-n.left,top:s.top-n.top};if(a||(l.top+=s.height),t||i)a&&this.offsetCoords&&(l.top+=this.offsetCoords.top,l.left+=this.offsetCoords.left);else{const e=r.dom().getBoundingClientRect();this.offsetCoords={left:l.left+n.left-e.left,top:l.top+n.top-e.top}}if(i){const t=window.getComputedStyle(e).getPropertyValue("padding-left"),o=parseInt(t.replace(/px/,""));Number.isInteger(o)&&(l.left+=o)}if(t){const e=o.oDOMScroller.getBoundingClientRect(),t=e.top-n.top,r=t+e.height;if(l.top>r||l.top<t)return void(this.style.visibility="hidden");const a=o.oDOMMainScroll.getBoundingClientRect(),i=this.width||0;let s=o.mainGridTable.getScroll().left||0;if(l.left+=s,l.left+i>a.width||l.left<0)return void(this.style.visibility="hidden")}this.style.visibility="visible",this.style.top=l.top+"px",this.style.left=l.left+"px"}open(e,t,o){this.currentCell=o,this.currentTrigger=t,this.bCellAnchor=o.dom()==t,this.innerHTML="",this.appendChild(e),this.setPosition(t),this.removeAttribute(l.default.attr.hidden),this.width=this.getBoundingClientRect().width}close(){this.currentCell=null,this.currentTrigger=null,this.offsetCoords=null,this.innerHTML="",this.width=0,this.setAttribute(l.default.attr.hidden,"")}isOpen(){return!this.hasAttribute(l.default.attr.hidden)}uns(){this.fnUnClick&&this.fnUnClick()}disconnectedCallback(){super.disconnectedCallback(),this.currentCell=null,this.offsetCoords=null,this.currentTrigger=null}}n.Z._registerElement(d,h);const u=h},4699:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>f});var n=o(697),r=o(3581),a=o.n(r),i=o(9001),s=o.n(i),l=o(8419),d=o(3605);const c=l.default.zgCell.tagName;let h=a(),u=null;CSSStyleSheet&&CSSStyleSheet.prototype.replaceSync&&(u=new CSSStyleSheet,u.replaceSync(a()),h="");const g=d.SV(h,s()),p={};class m extends n.Z{init(){super.init(c,s(),h,p,g,u)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.getAttribute(l.default.attr.role)||this.setAttribute(l.default.attr.role,"gridcell");const e=d.Uh(this.ZG.getAttribute("layout"))?this.ZG.getAttribute("layout"):this.parentNode.getAttribute("layout");e&&e.length&&this.setAttribute(l.default.zgLayout.attr,e),"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl")}get cellIndex(){return this._index}set cellIndex(e){this._index=e}_setTooltip(e,t,o){const n=this.widget,r=n.tooltipManager;this.bIsInfoTooltip=e;const a=this.oTooltipOptions=r._getTooltipOptions("Cell",t,o),i=r._hasTooltip("Cell",a);t.bHasCellTooltip=i,null!==a.tooltipDelay||this.bIsInfoTooltip||(a.defaultTooltipDelay=1e3),this.bIsInfoTooltip||(this.oTooltipOptions.tooltipAction=l.default.zgTooltip.actionTypeHover),this.sTooltipContent&&this._resetTooltip();const s=this.querySelector("zg-button");if(i){s&&s.removeAttribute("tooltip");const o=this.querySelector(`[${l.default.zgCell.cellIndexAttr}]`);if(this.oTrigger=e?this.querySelector("zg-icon"):this,o){const o=a.tooltipType||"default";this.setAttribute(l.default.zgTooltip.typeAttr,o),this.sTooltipContent=r._getTooltipContent("Cell",this.oTooltipOptions);const n=t.bIsActivateOnClick=e&&this.oTooltipOptions.tooltipAction===l.default.zgTooltip.actionTypeClick;n?this.setAttribute(l.default.zgTooltip.actionAttr,l.default.zgTooltip.actionTypeClick):this.setAttribute(l.default.zgTooltip.actionAttr,l.default.zgTooltip.actionTypeHover),r._initTooltipTriggers(this.oTrigger,this,n)}}else s&&!n.webcomponent.buttonTooltipDisabled&&s.setTooltip(s.action,n,s.customTooltip)}_setTooltipPosition(){const e=this.oTooltipOptions,t=this.oTrigger.getBoundingClientRect(),o=this.ZG.getBoundingClientRect();this.ZG.oDOMTooltip;let n=null,r=t.left;const a=this.getAttribute("type")===l.default.internalColumn.rowgroup,i=window.getComputedStyle(this).getPropertyValue("padding-left"),s=parseInt(i.replace(/px/,"")),d="bottom"===e.tooltipPosition,c="right"===e.tooltipPosition,h="left"===e.tooltipPosition,u="top"===e.tooltipPosition||!e.tooltipPosition||!d&&!c&&!h;if((u||d)&&a){r=this.querySelector("span[internal-span]").getBoundingClientRect().left}const g={left:r-o.left,top:t.top-o.top},p=this.querySelector(`[${l.default.zgCell.cellIndexAttr}]`);let m=this.getAttribute(l.default.attr.align)||"left";if("rtl"===this.getAttribute("dir")&&"left"===m&&(m="right"),"center"===m||"right"===m){const e=p.getBoundingClientRect();g.left=e.left-o.left,h?g.left-=s:c&&(g.left+=e.width)}return this.bIsInfoTooltip||a||!u&&!d||"left"!==m||Number.isInteger(s)&&(g.left+=s),c&&"left"===m&&(this.bIsInfoTooltip?g.left+=t.width:(n=n||p.getBoundingClientRect().width,g.left+=s+n)),(c||h)&&(g.top+=t.height/2),d&&(g.top+=t.height),g}_resetTooltip(){this.sTooltipContent=null,this.fnUnMouseLeave&&(this.fnUnMouseLeave(),this.fnUnMouseEnter(),this.fnUnMouseEnter=null,this.fnUnMouseLeave=null),this.fnUnClick&&(this.fnUnClick(),this.fnUnClick=null)}disconnectedCallback(){super.disconnectedCallback(),this._resetTooltip(),this.oTooltipOptions=null,this.oTrigger=null}}n.Z._registerElement(c,m);const f=m},9234:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>m});var n=o(697),r=o(3185),a=o.n(r),i=o(9592),s=o.n(i),l=o(8419),d=o(3605);const c="zg-checkbox",h=d.SV(a(),s()),u={checked:{bReflectToAttribute:!0,type:Boolean}},g=n.Z.getObservedAtts(u);class p extends n.Z{init(){super.init(c,s(),a(),u,h),this.icon=document.createElement(l.default.zgIcon.tagName)}ready(){super.ready(),this.setAttribute(l.default.attr.action,"checkbox");let e=this.querySelector(l.default.zgIcon.tagName);e?this.icon=e:(this.icon||(this.icon=document.createElement(l.default.zgIcon.tagName)),this.icon.setAttribute("slot","zgicon"),this.appendChild(this.icon)),this.oTextSlot=this.shadowRoot.querySelector(".zg-checkbox-text slot"),this.startingText=null,this.selectedText=null,this.textContent.length>0&&(this.setAttribute(l.default.zgButton.hasTextAttr,""),this.startingText=this.textContent,this.hasAttribute(l.default.event.selected)&&(this.selectedText=this.getAttribute(l.default.event.selected))),this.icon.setAttribute("name","unchecked");const t=this.querySelectorAll("svg");t.length>1&&t[0].remove(),this.checked&&(this.noEvent=!0,this.toggleCheckbox(!0),this.noEvent=!1)}ons(){this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnKey&&this.fnUnKey(),this.fnUnSubscribe=this.on("click",(e=>this._toggleCheckedState(e)),this,null,!1),this.fnUnKey=this.on("keydown",this.onKeyDown,this,{},!1)}onKeyDown(e){e.nCharCode!==e.ENTER&&e.nCharCode!==e.SPACE||(e.preventDefault(),this.click())}singleUncheck(){this.noEvent=!0,this.checked=!1,this.noEvent=!1}toggleCheckboxWrapper(){this.checked=!this.checked}toggleCheckbox(e,t){this.toggleTO=setTimeout((()=>{this.toggleTO=null,this.icon&&(e?this.icon.setAttribute("name",l.default.event.checked):this.icon.setAttribute("name",l.default.event.unchecked))}),0),this.noEvent||e!==(t=t||!1)&&this.fire("statechanged",e)}_propertyHandler(e,t,o){if(o=super._propertyHandler(e,t,o),"checked"===e)this.toggleCheckbox(o,t);return o}_toggleCheckedState(e){e.stopEvent();let t=d.MV(this,l.default.zgButton.tagName);if((!t||"checkbox"!==t.action&&(t.action||!t._isDisabled()))&&(this.checked=!this.checked,this.selectedText)){this.oTextSlot.assignedNodes()[0].textContent=this.checked?this.selectedText:this.startingText}}disconnectedCallback(){super.disconnectedCallback(),this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnKey&&this.fnUnKey(),this.toggleTO&&(clearTimeout(this.toggleTO),this.toggleTO=null),this.icon=null,this.oTextSlot=null}static get observedAttributes(){return g}}n.Z._registerElement(c,p);const m=p},5392:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(5420),a=o.n(r),i=o(9872),s=o.n(i),l=o(8419);const d="zg-colgroup",c={};class h extends n.Z{init(){super.init(d,s(),a(),c)}ready(){super.ready();const e=this.widget=this._getHostContext(),t=e.webcomponent,o=t.querySelector("zg-colgroup:not([id])"),n=t.querySelector("zg-colgroup#gridcolgroup");if(o&&n){e.bUpdateColGroup=!0;const t=n.getAttribute(l.default.zgLayout.attr);n.remove(),t&&this.setAttribute(l.default.zgLayout.attr,t),e.resetColumns()}}rerender(){this.debounceRerender()}debounceRerender(){let e=this.latestTime=setTimeout((()=>{if(e===this.latestTime){const e=this.widget,t=e.webcomponent;if(!e)return;t.oDOMColgroup=this,e.mainColumnHeader.associateColGroup(this),e.associateColumns(void 0,!0),e.bUpdateColGroup=!1}}),100)}resetColgroup(){const e=this.widget,t=e.webcomponent;e.resetColumns(),e.updateDefaultColumnMapping(),t.oDOMColgroup=t.associateChild(l.default.zgColgroup.tagName,null,"gridcolgroup","gridcolgroup",!1),e.mainColumnHeader.associateColGroup(t.oDOMColgroup),e.updateDefaultColumnMapping(),e.associateColumns()}disconnectedCallback(){const e=this.widget;super.disconnectedCallback(),e&&!e.bDisconnect&&(e.bUpdateColGroup||"gridcolgroup"!==this.id&&this.id||this.resetColgroup())}}n.Z._registerElement(d,h);const u=h},589:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(9253),a=o.n(r),i=o(1454),s=o.n(i),l=o(2816),d=o(8419);const c="zg-column-resize",h={};class u extends n.Z{init(){super.init(c,s(),a(),h)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl")}ons(){this.on("dblclick",this.onDoubleClick,this,{},!1),this.on("mousedown",this.onResizeStart,this,{},!1),this.on("touchstart",this.onTouchStart,this,{},!1)}onResizeStart(e){this.onStartResizeCommon(e);const t=l.Z.get(document);t.on("mousemove",this.onResizeColumn,this,{},!1),t.on("mouseup",this.onResizeStopColumn,this,{},!1),this.bTouch=!1}onTouchStart(e){this.onStartResizeCommon(e),e.stopEvent();const t=l.Z.get(document);t.on("touchmove",this.onResizeColumn,this,{},!1),t.on("touchend",this.onResizeStopColumn,this,{},!1),this.bTouch=!0}onStartResizeCommon(e){return this.nMultiplier="rtl"===this.widget.sComputedDir?-1:1,this.nIndex=this.oHeadCell.nIndex,this.columnResizeTimeout&&clearTimeout(this.columnResizeTimeout),this.widget.bIsColumnResizeActive=!0,this.oGridCoords=this.oHeadCell.getBoundingClientRect(),this.xStart=this.oGridCoords.x,this.nColumnWidth=this.oGridCoords.width,this.xHandlerStart=e.oBrowserEvent.clientX,this.nAdjustedWidth=0,this.nOffset=3,this.ZG.setAttribute(d.default.zgColumnResize.attr,""),this.oHeadCell.parentNode.setAttribute(d.default.zgColumnResize.attr,""),!0}onResizeColumn(e){if(e.stopEvent(),this.bUpdating)return;const t=this.widget.updater,o=this.bTouch?e.oBrowserEvent.touches[0].clientX:e.oBrowserEvent.clientX,n=this.oColumn._oParsedColumnMapping;let r=(this.xHandlerStart-o)*this.nMultiplier,a=n.nCurrWidth-r;const i=a,s=this.getMinWidth();if(a<s){const e=s-a;a=s,r-=e}const l=n.nResizableMaxWidth||this.ZG.columnResizableMaxWidth;if(l&&(l>n.nCurrWidth||r<0)&&(a=Math.min(a,l)),a!==n.nCurrWidth){if(a!==i){const e=n.nCurrWidth-r-a;this.nOffset+=e}this.bUpdating=!0,this.xHandlerStart=o,n.nCurrWidth=a,this.nAdjustedWidth=n.nCurrWidth,this.cleanupResize(r),t.update({bUpdateColumnWidth:!0}),this.widget.recordEditor&&this.widget.recordEditor.onResize(),this.bUpdating=!1}}onResizeStopColumn(e){e&&e.stopEvent();const t=l.Z.get(document);t.docUn("mousemove",this.onResizeColumn,this),t.docUn("mouseup",this.onResizeStopColumn,this),t.docUn("touchmove",this.onResizeColumn,this),t.docUn("touchend",this.onResizeStopColumn,this),this.ZG.removeAttribute(d.default.zgColumnResize.attr),this.oHeadCell.parentNode.removeAttribute(d.default.zgColumnResize.attr),this.oColumn.width=this.nAdjustedWidth,this.widget.fire("columnresize",{column:this.oColumn,width:this.nAdjustedWidth}),this.columnResizeTimeout=setTimeout((()=>this.widget.bIsColumnResizeActive=!1),500)}onDoubleClick(e){e&&e.stopEvent();const t=this.widget.updater,o=this.oColumn,n=this.oColumn._oParsedColumnMapping,r=this.getMinWidth();let a=parseInt(o.getAttribute("min-calculated-width"),10)||null;a||(a=t.getTableFitContentWidth(this.nIndex)),a=Math.max(a,r);const i=n.nCurrWidth-a;this.bUpdating=!0,n.nCurrWidth=a,this.cleanupResize(i),this.removeAttribute("style"),o.width=a,t.update({bUpdateColumnWidth:!0}),this.bUpdating=!1}getMinWidth(){const e=this.oColumn._oParsedColumnMapping,t=e.sCellType;let o=e.nResizableMinWidth||this.ZG.columnResizableMinWidth||d.default.zgColumnResize.defaultMinWidth;return-1!==d.default.internalColumnTypes.indexOf(t)&&(o=Math.min(o,d.default.zgCell.actionCellSize)),o}cleanupResize(e){const t=this.widget.updater,o=t.nColumnsWidth>t.nInitialWidth,n=t.getLastVisibleColumn();if(null!==n&&n!==this.oColumn)if(o){if(e>0){const t=this.widget.oDOMMainScroll;if(t.offsetWidth+t.scrollLeft>=t.scrollWidth)n.nCurrWidth+=e;else{const t=parseInt(n.oDOMZGColumn.getAttribute("min-calculated-width"),10)||50;n.nCurrWidth-e>t&&(n.nCurrWidth-=e)}}}else if(e<0){const t=parseInt(n.oDOMZGColumn.getAttribute("min-calculated-width"),10)||50;n.nCurrWidth+e>t&&(n.nCurrWidth+=e)}else n.nCurrWidth+=e}disconnectedCallback(){super.disconnectedCallback(),this.oHeadCell=null,this.oColumn=null}}n.Z._registerElement(c,u);const g=u},1680:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>b});var n=o(697),r=o(1840),a=o.n(r),i=o(1869),s=o.n(i),l=o(3605),d=o(7673),c=o(8419),h=o(2260),u=(o(1102),o(6919));const g="zg-column",p={align:{bReflectToAttribute:!0,type:String,mapping:"sAlign"},arrayIndex:{bReflectToAttribute:!0,type:String,mapping:"sArrayIndex",bRefreshContent:!0},arraySlice:{bReflectToAttribute:!0,type:String,mapping:"sArraySlice",bRefreshContent:!0},buttonBorder:{bReflectToAttribute:!0,type:String,bRefreshContent:!0,mapping:"sButtonBorder"},cellBreak:{type:String,mapping:"sCellBreak",bReflectToAttribute:!0,bRefreshContentWidth:!0},cellClass:{bReflectToAttribute:!0,type:String,mapping:"sCellClass"},cellTooltipAction:{type:String,bReflectToAttribute:!0,mapping:"cellTooltipAction",bRefreshContent:!0},cellTooltipDelay:{type:Number,bReflectToAttribute:!0,mapping:"cellTooltipDelay",bRefreshContent:!0},cellTooltipIcon:{bReflectToAttribute:!0,type:String,mapping:"cellTooltipIcon",bRefreshContent:!0},cellTooltipPosition:{type:String,bReflectToAttribute:!0,mapping:"cellTooltipPosition",bRefreshContent:!0},cellTooltipRenderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},cellTooltipTemplate:{type:String,bReflectToAttribute:!0,bRefreshContent:!0},cellTooltipText:{type:String,bReflectToAttribute:!0,mapping:"cellTooltipText",bRefreshContent:!0},cellTooltipType:{type:String,bReflectToAttribute:!0,mapping:"cellTooltipType",bRefreshContent:!0},contentStyle:{bReflectToAttribute:!0,type:String,mapping:"sContentStyle",bRefreshContent:!0},contentWidth:{bReflectToAttribute:!0,type:String,mapping:"sContentWidth",bRefreshContentWidth:!0},defaultDisplay:{type:String,bReflectToAttribute:!0,mapping:"sDefaultDisplay"},detailsRenderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},detailsTemplate:{type:String,bReflectToAttribute:!0},drag:{type:String,bReflectToAttribute:!0,mapping:"sDrag"},editor:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},editorTemplate:{type:String,bReflectToAttribute:!0},filter:{bReflectToAttribute:!0,type:String},filterIndex:{bReflectToAttribute:!0,type:String,mapping:"sFilterIndex"},filterKey:{bReflectToAttribute:!0,type:String,mapping:"sFilterKey"},filterer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},frozen:{type:String,bReflectToAttribute:!0,sBooleanDefault:"left",mapping:"sFrozen"},footCell:{bReflectToAttribute:!0,type:String,mapping:"sFootCell"},group:{bReflectToAttribute:!0,type:Boolean,mapping:"bGroup"},headCell:{bReflectToAttribute:!0,type:String,mapping:"sHeadCell"},header:{bReflectToAttribute:!0,type:String},headerAutoFormat:{type:String,bReflectToAttribute:!0},headerTooltipAction:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipAction"},headerTooltipDelay:{type:Number,bReflectToAttribute:!0,mapping:"headerTooltipDelay"},headerTooltipIcon:{bReflectToAttribute:!0,type:String,mapping:"headerTooltipIcon"},headerTooltipIconPosition:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipIconPosition"},headerTooltipPosition:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipPosition"},headerTooltipRenderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0,mapping:"headerTooltipRenderer"},headerTooltipTemplate:{type:String,bReflectToAttribute:!0},headerTooltipText:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipText"},headerTooltipTrigger:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipTrigger"},headerTooltipType:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipType"},hidden:{bReflectToAttribute:!0,type:Boolean,mapping:"bHidden",default:!1},index:{bReflectToAttribute:!0,type:String,mapping:"sFieldIndex",default:""},locale:{bReflectToAttribute:!0,type:String,mapping:"sLocale",bRefreshContent:!0},menuText:{bReflectToAttribute:!0,type:String,mapping:"sMenuText"},minWidth:{bReflectToAttribute:!0,type:Number,mapping:"nMinWidth"},resizable:{type:String,bReflectToAttribute:!0,mapping:"sResizable"},resizableMaxWidth:{bReflectToAttribute:!0,type:Number,mapping:"nResizableMaxWidth"},resizableMinWidth:{bReflectToAttribute:!0,type:Number,mapping:"nResizableMinWidth"},resizablePersistent:{type:String,bReflectToAttribute:!0,mapping:"sResizablePersistent"},renderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},rendererTemplate:{type:String,bReflectToAttribute:!0},required:{type:Boolean,bReflectToAttribute:!0,mapping:"bRequired"},search:{type:String,bReflectToAttribute:!0},separator:{bReflectToAttribute:!0,type:String,mapping:"sSeparator",bRefreshContent:!0},sort:{type:String,bReflectToAttribute:!0},sortIntl:{type:String,bReflectToAttribute:!0},sortAsc:{bReflectToAttribute:!0,type:Boolean},sortDesc:{bReflectToAttribute:!0,type:Boolean},sorter:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},translateNewline:{type:String,bReflectToAttribute:!0,mapping:"sTranslateNewline",bRefreshContentWidth:!0},type:{bReflectToAttribute:!0,type:String},typeAggregateValue:{bReflectToAttribute:!0,type:Function,mapping:"sTypeAggregateValue"},typeAggregateOmit:{bReflectToAttribute:!0,type:Boolean,mapping:"bTypeAggregateOmit"},typeButtonDisabled:{bReflectToAttribute:!0,type:String,bRefreshContent:!0},typeButtonHandler:{bReflectToAttribute:!0,type:Function,bRefreshContent:!0},typeButtonIcon:{bReflectToAttribute:!0,type:String,mapping:"sTypeButtonIcon",bRefreshContent:!0},typeButtonLabel:{bReflectToAttribute:!0,type:String,mapping:"sTypeButtonLabel",bRefreshContent:!0},typeButtonTooltip:{bReflectToAttribute:!0,type:String,mapping:"sTypeButtonTooltip",bRefreshContent:!0},typeButtonUrl:{bReflectToAttribute:!0,type:String,mapping:"sTypeButtonUrl",bRefreshContent:!0},typeCheckboxLabel:{bReflectToAttribute:!0,type:String,mapping:"sTypeCheckboxLabel",bRefreshContent:!0},typeColorMode:{bReflectToAttribute:!0,type:String,mapping:"sTypeColorMode",bRefreshContent:!0},typeColorPreview:{bReflectToAttribute:!0,type:String,mapping:"sTypeColorPreview",bRefreshContent:!0},typeColorSpaces:{bReflectToAttribute:!0,type:String,mapping:"sTypeColorSpaces",bRefreshContent:!0},typeCurrency:{bReflectToAttribute:!0,type:String,mapping:"sTypeCurrency",bRefreshContent:!0},typeDateFormat:{bReflectToAttribute:!0,type:String,mapping:"sTypeDateFormat",bRefreshContent:!0},typeDateFromNow:{bReflectToAttribute:!0,type:Boolean,mapping:"bTypeDateFromNow",bRefreshContent:!0},typeElementAttributeName:{bReflectToAttribute:!0,type:String,mapping:"sElementAttributeName",bRefreshContent:!0},typeElementTagName:{bReflectToAttribute:!0,type:String,mapping:"sElementTagName",bRefreshContent:!0},typeIframeRatio:{bReflectToAttribute:!0,type:String,mapping:"sTypeIframeRatio",bRefreshContent:!0},typeImageAlt:{bReflectToAttribute:!0,type:String,mapping:"sTypeImageAlt",bRefreshContent:!0},typeImageMask:{bReflectToAttribute:!0,type:String,mapping:"sTypeImageMask",bRefreshContent:!0},typeImageSrc:{bReflectToAttribute:!0,type:String,mapping:"sTypeImageSrc",bRefreshContent:!0},groupHeadCell:{bReflectToAttribute:!0,type:String,mapping:"sGroupHeadCell",bRefreshContent:!0},typeGroupHideCount:{bReflectToAttribute:!0,type:Boolean,mapping:"bTypeGroupHideCount",bRefreshContent:!0},typeGroupPlural:{bReflectToAttribute:!0,type:String,mapping:"sTypeGroupPlural",bRefreshContent:!0},typeNumberFormatting:{bReflectToAttribute:!0,type:String,mapping:"sTypeNumberFormatting",bRefreshContent:!0},typeNumberDecimals:{bReflectToAttribute:!0,type:Number,mapping:"nTypeNumberDecimals",bRefreshContent:!0},typeNumberMinDecimals:{bReflectToAttribute:!0,type:Number,mapping:"nTypeNumberMinDecimals",bRefreshContent:!0},typeNumberMaxDecimals:{bReflectToAttribute:!0,type:Number,mapping:"nTypeNumberMaxDecimals",bRefreshContent:!0},typePercentageDecimals:{bReflectToAttribute:!0,type:Number,mapping:"nTypePercentageDecimals",bRefreshContent:!0},typePercentageMaxDecimals:{bReflectToAttribute:!0,type:Number,mapping:"nTypePercentageMaxDecimals",bRefreshContent:!0},typeRadioOptions:{bReflectToAttribute:!0,type:String,mapping:"sTypeRadioOptions",bRefreshContent:!0,bCanBeObject:!0},typeRangeMax:{bKeepDecimal:!0,bReflectToAttribute:!0,type:Number,mapping:"nTypeRangeMax"},typeRangeMin:{bKeepDecimal:!0,bReflectToAttribute:!0,type:Number,mapping:"nTypeRangeMin"},typeRangeStep:{bReflectToAttribute:!0,bKeepDecimal:!0,type:Number,mapping:"nTypeRangeStep"},typeSelectDefaultValue:{bReflectToAttribute:!0,type:String,mapping:"sTypeSelectDefaultValue"},typeSelectMultiple:{bReflectToAttribute:!0,type:Boolean,mapping:"bTypeSelectMultiple"},typeSelectOptions:{bReflectToAttribute:!0,type:String,bCanBeObject:!0},typeToggleOptions:{bReflectToAttribute:!0,type:Array,mapping:"aTypeToggleOptions",bRefreshContent:!0},typeToggleRenderValue:{bReflectToAttribute:!0,type:Boolean,mapping:"bTypeToggleRenderValue"},typeUrlIcon:{bReflectToAttribute:!0,type:String,mapping:"sTypeUrlIcon",bRefreshContent:!0},typeUrlTarget:{bReflectToAttribute:!0,type:String,mapping:"sTypeUrlTarget",bRefreshContent:!0},typeUrlSrc:{bReflectToAttribute:!0,type:String,mapping:"sTypeUrlSrc",bRefreshContent:!0},typeUrlText:{bReflectToAttribute:!0,type:String,mapping:"sTypeUrlText",bRefreshContent:!0},validationErrorMessage:{type:String,bReflectToAttribute:!0,mapping:"sValidationErrorMessage"},validationRequiredMessage:{type:String,bReflectToAttribute:!0,mapping:"sRequiredErrorMessage"},validator:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},visibilityPriority:{bReflectToAttribute:!0,type:Number,mapping:"nPriority"},width:{bReflectToAttribute:!0},widget:{}},m=n.Z.getObservedAtts(p);class f extends n.Z{init(){super.init(g,s(),a(),p),this._oParsedColumnMapping={aUserSet:[],bIsKeyIndex:!1},this.body=null,this.oDOMEditorTemplate=this.oDOMRenderTemplate=this.oDOMDetailsTemplate=null,this._ASC_DESC_LOCK_=!1}connectedCallback(){super.connectedCallback()}ready(){super.ready();let e=this._getHostContext();if(e&&(this.ZG=e.webcomponent,!this.parentNode||"div"!==this.parentNode.tagName.toLowerCase())){if(this.frozen)e.bNeedsFrozenAdjust=!0;else if(!this.parentNode||this.parentNode.tagName.toLowerCase()!==c.default.zgColgroup.tagName){let t=e.webcomponent.oDOMColgroup;return this.ZG.querySelector(c.default.zgColgroup.tagName)||(this.ZG.appendChild(t),this.ZG.oDOMColgroup=t),void t.appendChild(this)}this.widget||(this.widget=e),this.bNeedsSortUpdate&&this.sortStyleUpdate()}}checkDisconnect(e){return!e||e.bDisconnect||e.bEditingControls||e.bUpdateColGroup||e.bUpdatingFrozen||e.bUpdatingColumns||e.bIsColumnMoverActive||!e.aColumnMapping||!e.aColumnMapping.length}disconnectedCallback(){let e=!1,t=!1;const o=this.widget;if(super.disconnectedCallback(),this.checkDisconnect(o))return;const n=this._oParsedColumnMapping.oDOMSortHeader,r=o.getZGColumnIndex(this._oParsedColumnMapping);o.aColumnMapping.length>r&&(e=!0,o.aColumnMapping.splice(r,1),this.type===c.default.internalColumn.recordselector?(o.bHasSelectorColumn=!1,0!==o.aColumnMapping.length&&o.webcomponent._checkRemoveCaption()):this.type===c.default.internalColumn.rowgroup&&(o._updateGroupedColumnReset(!0,!0),t=!0)),n&&n.remove(),!e||o.bEditingControls||t||o.store.reload()}initialLoad(e){const t=this._oParsedColumnMapping;t.sColumnId=e.createColumnId(),t.oDOMZGColumn=this,t.bFilter=e.bGlobalFilter,this.cellClass&&this.setCellClass(this.cellClass),this.setTemplateById(this.editorTemplate,"oDOMEditorTemplate"),this.setTemplateById(this.rendererTemplate,"oDOMRenderTemplate"),this.setTemplateById(this.detailsTemplate,"oDOMDetailsTemplate"),this.setTemplateById(this.headerTooltipTemplate,"oDOMHeaderTooltipTemplate"),this.setTemplateById(this.cellTooltipTemplate,"oDOMCellTooltipTemplate"),this.setTemplate(),this.setRenderer("Details",this.detailsRenderer),this.setRenderer("HeaderTooltip",this.headerTooltipRenderer),this.setRenderer("CellTooltip",this.cellTooltipRenderer),this.setCellType(e,this.type),void 0!==this.typeButtonHandler&&this.setClickCallback(this.typeButtonHandler),void 0!==this.typeButtonDisabled&&this.setButtonDisabled(this.typeButtonDisabled),this.setDirectValues(),this.typeSelectOptions?t.aSelectOptions=l.String.formatToArray(this.typeSelectOptions):"select"===this.type&&(e.bNeedsSelectOptions=!0),this.setColumnWidth(e,this.width),this.setSorting(this.sortAsc,this.sortDesc),void 0!==this.headerAutoFormat&&this.setHeaderAutoFormat(this.headerAutoFormat,e),this.setHeader(this.header,e),this.headCell&&this.setAggregateCell(this.headCell,"Head",e),this.footCell&&this.setAggregateCell(this.footCell,"Foot",e),this.groupHeadCell&&this.setAggregateCell(this.groupHeadCell,"GroupHead",e)}getFrozenColumnNewIndex(e,t,o){let n;return"right"===t?(n=e.aColumnMapping.length-1,e.nRightFrozenColumns++):"left"===t?(n=e.nLeftFrozenColumns,e.nLeftFrozenColumns++):"left"===o?n=e.nLeftFrozenColumns-1:"right"===o&&(n=e.aColumnMapping.length-(e.nRightFrozenColumns-1)-1),"right"===o?e.nRightFrozenColumns--:"left"===o&&e.nLeftFrozenColumns--,n}setAlign(e,t,o){const n=t.aColumnMapping.reduce(((e,t,n)=>t.sColumnId===o.sColumnId?e=n:e),null),r=t.getHeaderByColumnIndex(n).childNodes,a=t.getBodyByColumnIndex(n).childNodes,i=t.getFooterByColumnIndex(n).childNodes;(r||a||i)&&(this.setAlignByArea(r,n,e,t),this.setAlignByArea(a,n,e,t),this.setAlignByArea(i,n,e,t))}setAlignByArea(e,t,o,n){const r=n.getAdjustedColumnIndex(t);e.forEach((e=>{e.childNodes.forEach(((e,t)=>{r===t&&n.setCellAlignment(e,o)}))}))}setTemplate(){if(this.querySelector("template"))this.setTemplatesFromSlot();else{const e=this.shadowRoot.querySelector("slot");e.assignedNodes().length?this._oParsedColumnMapping.body=this.innerHTML.trim():e.addEventListener("slotchange",(()=>{this.querySelector("template")?this.setTemplatesFromSlot():this._oParsedColumnMapping.body=this.innerHTML.trim()}))}}setTemplatesFromSlot(){this.querySelectorAll("template").forEach((e=>{let t=e.getAttribute("type");t===c.default.template.type.editor?this._oParsedColumnMapping.oDOMEditorTemplate=e:t===c.default.template.type.details?this._oParsedColumnMapping.oDOMDetailsTemplate=e:this._oParsedColumnMapping.oDOMRenderTemplate=e}))}setTemplateById(e,t){const o=window[e]||document.getElementById(e)||null;this._oParsedColumnMapping[t]=o}setCellType(e,t){let o=this.index||"",n=t||"text";n===c.default.internalColumn.rowgroup&&e.bHasRowGroupColumn&&(n="text",this.removeAttribute("type"),this.setAttribute("group",""));let r=d.Z.getCellType(n),a=this._oParsedColumnMapping;if(t&&(a.bIsTypeUserProvided=!0),a.sCellType=n,a.sSortIntl=this.sortIntl,n===c.default.internalColumn.rowgroup||n===c.default.cellTypes.aggregate){if(this.setCellTypeManager(void 0,"fnRenderer",d.Z.getRenderer,r.renderer),this.renderer){let e;e=n===c.default.cellTypes.aggregate?"fnAggregateRenderer":"fnGroupRenderer",this.setCellTypeManager(this.renderer,e,d.Z.getRenderer,r.renderer)}}else this.setCellTypeManager(this.renderer,"fnRenderer",d.Z.getRenderer,r.renderer);if(this.setCellTypeManager(this.validator,"oValidator",d.Z.getValidator,r.validator),this.setCellTypeManager(this.sorter,"fnSorter",d.Z.getSorter,r.sorter,r.intlSorter,e),this.setCellTypeManager(this.editor,"oEditor",d.Z.getEditor,r.editor),void 0!==this.filter){let t="disabled"!==this.filter.toLowerCase();t&&(e.bHasFilterEnabled=!0),a.bFilter=t}this.setCellTypeManager(this.filterer,"oFilter",d.Z.getFilter,r.filter),n==c.default.internalColumn.recordeditor?e.bHasEditColumn=!0:n==c.default.internalColumn.recordremover?e.bHasRemoveColumn=!0:n===c.default.internalColumn.recordselector?e.bHasSelectorColumn=!0:n===c.default.internalColumn.rownumber?e.bHasRowNumberColumn=!0:n===c.default.internalColumn.recordinfo?e.bHasInfoColumn=!0:n===c.default.internalColumn.recordduplicate?e.bHasDuplicateColumn=!0:n===c.default.internalColumn.rowgroup&&(e.bHasRowGroupColumn=!0,e.bGroupBy=!0,o&&(e.aGroupBy=o.split(",").map((e=>e.trim())))),e.setupCardHeader()}updateGlobalIntlSort(e){let t=d.Z.getCellType(this.type);this.setCellTypeManager(this.sorter,"fnSorter",d.Z.getSorter,t.sorter,t.intlSorter,this.widget)}setIntlSort(e,t,o){let n=this.sLocale||this.getAttribute("locale"),r=this._oParsedColumnMapping.sSortIntl;o&&void 0===r&&(r=o.sSortIntl),null==r?(n||(n=u.default.getLocale(o)),"en"!==n.substring(0,2).toLowerCase()&&(e.method=t)):"disabled"!==r&&(e.method=t)}setCellTypeManager(e,t,o,n,r,a){if(a=a||this.widget,n&&!n.method&&(n={method:n,scope:null}),n&&r&&this.setIntlSort(n,r,a),!1===e||"false"===e||"disabled"===e)this._oParsedColumnMapping[t]=!1;else if(l.HD(e)){if(this._oParsedColumnMapping[t]=h.Z.setUserFunction(o,e),"oFilter"===t){let e=this._oParsedColumnMapping[t];e&&e.method&&n&&n.method&&l.kn(e.method,n.method)}if(this._oParsedColumnMapping.sEditorType=e,"fnSorter"===t&&null===this._oParsedColumnMapping[t])return this._oParsedColumnMapping[t]=n,this._oParsedColumnMapping.sSorterIndex=e,void(this._oParsedColumnMapping.aUserSet[t]=!1)}else this._oParsedColumnMapping[t]=e?{method:e,scope:null}:n;if("oValidator"===t&&e){let e=this._oParsedColumnMapping[t]&&this._oParsedColumnMapping[t].method;if(e&&!e.validator){let o={validator:e};this._oParsedColumnMapping[t].method=o}}this._oParsedColumnMapping.aUserSet[t]=!!e}setRenderer(e,t){t&&l.HD(t)?this._oParsedColumnMapping[`fn${e}Renderer`]=h.Z.setUserFunction(null,t):this._oParsedColumnMapping[`fn${e}Renderer`]=null}setCellClass(e){e&&this.setCellTypeManager(e,"fnCellClass")}setGroup(e){const t=this.widget;let o=t.aGroupBy;o||(t.aGroupBy=o=[]);const n=o.slice(0),r=this._oParsedColumnMapping.sFieldIndex;e?(t.bGroupBy=!0,o.push(r)):o.splice(o.indexOf(r),1),0===o.length&&(t.bGroupBy=!1),t._updateGroupedColumnReset(!0,0===o.length,n)}setAggregateCell(e,t,o){const n=o.aColumnMapping;let r=`fn${t}Cell`;if(null===e){const e=`s${t}Cell`;this._oParsedColumnMapping[r]=!1,o[`bHas${t}Row`]=n.some((t=>t[e]))}else l.HD(e)&&(this._oParsedColumnMapping[r]=h.Z.setUserFunction(null,e),o[`bHas${t}Row`]=!0)}setColumnWidth(e,t){let o=this._oParsedColumnMapping,n=this._oParsedColumnMapping.sCellType,r=this.parseWidth(t,n,e);!isNaN(r)&&this.cellBreak,o.mOldWidth=o.mWidth,o.mWidth=r}parseWidth(e,t,o){let n;(o=o||this.widget)&&(n=o.webcomponent.columnWidth,n&&(n=n.toString().replace("px",""))),e?o.bOnlyColumnWidth=!1:n&&void 0===o.bOnlyColumnWidth&&(o.bOnlyColumnWidth=!0),n=n||"fit",-1!==c.default.internalColumnTypes.indexOf(t)&&(n=c.default.zgCell.actionCellKey);let r=e||n;return null!=r&&(l.HD(r)&&(/%$/.test(r)||"stretch"==r||"fit"==r||"fitheader"==r||"fitaction"==r||"fitcontent"==r)?n=r:(n=parseFloat(r),Number.isNaN(n)&&(n="fit"))),n}setDirectValues(){let e=this._oParsedColumnMapping;for(var t in p){var o=p[t];o.mapping&&(o.hasOwnProperty("default")&&void 0===this[t]?e[o.mapping]=o.default:(e[o.mapping]=this[t],"index"===t&&this[t]===c.default.store.keyField&&(e.bIsKeyIndex=!0)))}}setHeader(e,t,o){t=t||this.widget;const n=this._oParsedColumnMapping,r=t.sNestedDataSeparator;o||(e=e||this.header);let a=n.sFieldIndex;void 0!==e?n.bIsHeaderTextUserProvided=!0:n.sCellType===c.default.cellTypes.aggregate&&(a=t.aggregateManager.getAggregateColumnHeader(n));let i=0;if(null!==a&&(i=l.String._splitHeader(a,r).length),e)a=l.kJ(e)?"disabled"!==r?e.join(r):e.join(" "):String(e),i=l.String._splitHeader(e,r).length;else if(a&&(t.bHeaderAutoFormat&&!1!==this.bHeaderAutoFormat||this.bHeaderAutoFormat)){a=l.String.camelCaseToReadable(a,r);let e=this.fnHeaderAutoFormat||t.fnHeaderAutoFormat;e&&(a=e.method.apply(e.scope,[n.sFieldIndex,a])||a),i=l.String._splitHeader(a,r).length}t.nHeaderDepth=Math.max(t.nHeaderDepth,i),this.removeAttribute("min-calculated-header-width"),n.sColumnHeaderText=a,n.nHeaderDepth=i}setCallbackProperties(e,t,o){e&&"string"==typeof e?(this._oParsedColumnMapping[o]=h.Z.setUserFunction(null,e),this._oParsedColumnMapping[t]=e):(this._oParsedColumnMapping[o]=null,this._oParsedColumnMapping[t]=null)}setButtonDisabled(e){this.setCallbackProperties(e,"bTypeButtonDisabled","fnTypeButtonDisabled")}setClickCallback(e){this.setCallbackProperties(e,"sTypeButtonHandler","fnTypeButtonHandler")}setHeaderAutoFormat(e,t){""===e||null===e?this.bHeaderAutoFormat=!0:(this.bHeaderAutoFormat="disabled"!==e&&!!e,this.bHeaderAutoFormat&&"string"==typeof e&&(this.fnHeaderAutoFormat=h.Z.setUserFunction(null,e))),this.bReady&&this.setHeader(null,t)}setSorting(e,t,o){this._oParsedColumnMapping.nSortOrder=0,e?this._oParsedColumnMapping.nSortOrder=1:t&&(this._oParsedColumnMapping.nSortOrder=-1),o&&(this.sortAsc=e,this.sortDesc=t),this.widget&&this.widget.bSorting||(this.sortAsc||this.sortDesc)&&(this.widget?this.sortStyleUpdate():this.bNeedsSortUpdate=!0)}sortStyleUpdate(){this.widget.webcomponent._wrapAPI((()=>{if(this.bNeedsSortUpdate=!1,this.sortAsc||this.sortDesc){let e=this.sortAsc?"asc":"desc";const t=this._oParsedColumnMapping.oDOMSortHeader;t&&t.onSort(null,null,e)}}))}sortUpdate(){const e=this.widget,t=e.store;t.isServerSort()?(e.savedScrollVal=e.oDOMMainScroll.scrollLeft,1===this._oParsedColumnMapping.nSortOrder?t.oDataFormat.sSortDir="asc":-1===this._oParsedColumnMapping.nSortOrder?t.oDataFormat.sSortDir="desc":delete t.oDataFormat.sSortDir,0!==this._oParsedColumnMapping.nSortOrder?t.oDataFormat.sSortBy=this.index:delete t.oDataFormat.sSortBy,t.reset(),this.widget.nCurrPageIdx=0,this.widget.dumpRowMapping(),t.load()):this.update(["bUpdateRowMappingOrder","bUpdateBodyContent"])}update(e,t,o){const n=t||this.widget,r=o?void 0:n.getZGColumnIndex(this._oParsedColumnMapping),a={};e.forEach((e=>a[e]=!0)),n.updater.update(a,null,r)}updateIndex(e){let t=this._oParsedColumnMapping,o=this.widget,n=o.store,r=t.sFieldIndex=e||"";if(t.bIsHeaderTextUserProvided||this.setHeader(void 0,o),n.bHasLoaded){o.bIsUpdatingType=!0;let e=n.getFieldStructure(),a=e?e[r]:"text",i="text";if("number"===a&&(i=a),t.bIsTypeUserProvided||(t.oDOMZGColumn[c.default.attr.type]=i,t.bIsTypeUserProvided=!1),o.bIsUpdatingType=!1,t.sCellType===c.default.internalColumn.rowgroup&&!o.bEditingControls){let e=o.aGroupBy.slice(0);r?o.aGroupBy=r.split(",").map((e=>e.trim())):(o.aGroupBy=[],o.bGroupBy=!1),o._updateGroupedColumnReset(!0,0===o.aGroupBy.length,e)}}}needToCalcEditorWidth(){const e=this._oParsedColumnMapping,t=this.widget;return t&&t.bHasEditorEnabled&&e.oEditor&&!e.aUserSet.oEditor&&e.oEditor.method.bCalculateWidth}updateAttributeValue(e,t){let o=this.widget,n=this._oParsedColumnMapping;if(p[e].mapping&&"index"!==e)n[p[e].mapping]=t;else{let r=d.Z.getCellType(n.sCellType);switch(e){case"editor":this.setCellTypeManager(t,"oEditor",d.Z.getEditor,r.editor);break;case"editorTemplate":this.setTemplateById(t,"oDOMEditorTemplate");break;case"detailsTemplate":this.setTemplateById(t,"oDOMDetailsTemplate");break;case"headerTooltipTemplate":this.setTemplateById(t,"oDOMHeaderTooltipTemplate");break;case"cellTooltipTemplate":this.setTemplateById(t,"oDOMCellTooltipTemplate");break;case"filter":if(t&&"disabled"!==t)this.widget.bHasFilterEnabled=!0;else if(null===this.widget.webcomponent.getAttribute("filter")){this.widget.aColumnMapping.some((e=>e.oDOMZGColumn.getAttribute("filter")))||(this.widget.bHasFilterEnabled=!1)}n.bFilter=!t||"disabled"!==t.toLowerCase();break;case"filterer":let e=d.Z.getCellType(t);e&&(r=e),this.setCellTypeManager(t,"oFilter",d.Z.getFilter,r.filter);break;case"header":this.setHeader(t,o,!0);break;case"headerAutoFormat":this.bReady&&this.setHeaderAutoFormat(t,o);break;case"index":this.updateIndex(t);break;case"renderer":this.setCellTypeManager(t,"fnRenderer",d.Z.getRenderer,r.renderer);break;case"rendererTemplate":this.setTemplateById(t,"oDOMRenderTemplate");break;case"typeSelectOptions":n.aSelectOptions=t?l.String.formatToArray(t):null;break;case"sortAsc":this.setSorting(t,this.sortDesc);break;case"sortDesc":this.setSorting(this.sortAsc,t);break;case"sortIntl":n.sSortIntl=t,this.setCellTypeManager(this.sorter,"fnSorter",d.Z.getSorter,r.sorter,r.intlSorter);break;case"sorter":this.setCellTypeManager(t,"fnSorter",d.Z.getSorter,r.sorter,r.intlSorter);break;case"type":n.sCellType=t||"text";break;case"typeButtonDisabled":this.setButtonDisabled(t);break;case"typeButtonHandler":this.setClickCallback(t);break;case"validator":this.setCellTypeManager(t,"oValidator",d.Z.getValidator,r.validator);break;case"width":this.setColumnWidth(o,t)}}}_propertyHandler(e,t,o){let n,r=this.widget,a=this._oParsedColumnMapping;if("sortAsc"===e||"sortDesc"===e){let t="sortAsc"===e?"sortDesc":"sortAsc";if(this._ASC_DESC_LOCK_)return o;this._ASC_DESC_LOCK_=!0,n=this[t],o&&n&&(this[t]=!1),this._ASC_DESC_LOCK_=!1}if(o=super._propertyHandler(e,t,o),"widget"!==e){if(!r)return o;this.updateAttributeValue(e,o)}var i=p[e];if(i.bRefreshContent)this.update(["bUpdateBodyContent","bUpdateColumnHeaderContent","bUpdateColumnFooterContent"]);else if(i.bRefreshContentWidth)this.widget.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0});else switch(e){case"align":this.setAlign(o,r,this._oParsedColumnMapping);break;case"cellClass":this.setCellClass(o),this.update(["bUpdateBodyContent"]);break;case"cellTooltipRenderer":this.setRenderer("CellTooltip",o),this.update(["bUpdateBodyContent"]);break;case"defaultDisplay":this.update(["bUpdateBodyContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"detailsRenderer":this.setRenderer("Details",o),this.update(["bUpdateBodyContent"]);break;case"drag":this.widget.columnDragManager.setColumnDrag();break;case"filterer":case"filter":this.update(["bUpdateColumnHeaderContent","bUpdateFilter","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"filterIndex":if(this.bReady){const e=o||this._oParsedColumnMapping.sFieldIndex||"";this._oParsedColumnMapping.oDOMFilter.sFilterIndex=e.split(",")[0]}break;case"filterKey":if(this.bReady){const e=o||this._oParsedColumnMapping.oDOMFilter.sFilterIndex||this._oParsedColumnMapping.sFieldIndex||"";this._oParsedColumnMapping.oDOMFilter.sFilterKey=e.split(",")[0]}break;case"footCell":this.setAggregateCell(o,"Foot",r),this.update(["bUpdateColumnFooter","bUpdateColumnFooterContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"frozen":if(!r.bUpdatingFrozen){let e=r.getZGColumnIndex(a);const t=r.getAreaByColumnIndex(e);let n=o;if("left"!==n&&"right"!==n&&(n="main"),n!==t){let o=r.getBodyByColumnIndex(e),a=r.getAdjustedColumnIndex(e),i=this.getFrozenColumnNewIndex(r,n,t);null!==i&&r.moveColumn(e,i,!0,o,a)}}break;case"group":if(this.bReady){this.setGroup(o);break}case"groupHeadCell":this.setAggregateCell(o,"GroupHead",r);break;case"headCell":this.setAggregateCell(o,"Head",r),this.update(["bUpdateColumnHeaderContent"]);break;case"headerTooltipText":case"headerTooltipDelay":case"headerTooltipIcon":case"headerTooltipIconPosition":case"headerTooltipPosition":case"headerTooltipTemplate":case"headerTooltipType":case"headerTooltipTrigger":case"headerTooltipAction":this.update(["bUpdateColumnHeaderContent"]);break;case"headerTooltipRenderer":this.setRenderer("HeaderTooltip",o),this.update(["bUpdateColumnHeaderContent"]);break;case"header":case"headerAutoFormat":this.update(["bUpdateColumnHeaderContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"hidden":if(!r.updater.updating&&!this.widget.bUpdatingHidden&&!r.bEditingControls){const e=r.getZGColumnIndex(this._oParsedColumnMapping);r.updater.toggleColumn(e,o),r._updateHiddenColumn(o,this._oParsedColumnMapping)}break;case"index":r.bEditingControls||this.update(["bUpdateBodyContent","bUpdateColumnHeaderContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"menuText":r.columnMenu&&r.columnMenu.initMenu();break;case"renderer":a.bIsRendererUserProvided=!0,r.bIsUpdatingType||this.update(["bUpdateBodyContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"rendererTemplate":this.update(["bUpdateBodyContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"resizablePersistent":case"resizable":const e=r.getZGColumnIndex(this._oParsedColumnMapping);r.getHeaderCells(e,null,!0).forEach((e=>e._setResize()));break;case"sort":const i=this._oParsedColumnMapping.oDOMSortHeader;o?"disabled"===o&&(i.setAttribute("sort","disabled"),i._removeSort()):(i.removeAttribute("sort"),i._setupSort(o));break;case"sortAsc":case"sortDesc":(o||!n)&&this.sortUpdate();break;case"type":this.setCellType(r,o),r.bIsUpdatingType||(t===c.default.internalColumn.recordselector?(r.bHasSelectorColumn=!1,this.update(["bUpdateBodyContent","bUpdateColumnWidthCache","bUpdateColumnWidth","bUpdateColumnHeaderContent"]),r.webcomponent._checkRemoveCaption()):t===c.default.internalColumn.rowgroup?r._updateGroupedColumnReset(!0,!0):o===c.default.internalColumn.rowgroup?r._updateGroupedColumnReset(!0):(t!==c.default.cellTypes.aggregate||a.bIsHeaderTextUserProvided||this.setHeader(void 0,r),this.update(["bUpdateBodyContent","bUpdateColumnWidthCache","bUpdateColumnWidth","bUpdateColumnHeaderContent","bUpdateColumnFooter","bUpdateColumnFooterContent","bUpdateColumnFooterAssignment"]))),a.bIsTypeUserProvided=!0;break;case"typeAggregateOmit":this.update(["bUpdateBodyContent","bUpdateColumnHeaderContent","bUpdateColumnFooterContent"],void 0,!0);break;case"typeAggregateValue":a.bIsHeaderTextUserProvided||this.setHeader(void 0,r),this.update(["bUpdateBodyContent","bUpdateColumnHeaderContent","bUpdateColumnFooterContent"]);break;case"typeSelectOptions":this.update(["bUpdateBodyContent","bUpdateColumnHeaderContent","bUpdateFilter","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"minWidth":case"width":this.widget.bIsColumnResizeActive||this.update(["bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"widget":if(t==o)return o;if(r){let e=r.getZGColumnIndex(a);r.aColumnMapping.splice(e,1),r.bIsColumnMoverActive||r.update()}var s=o;if(s){let e=Array.prototype.indexOf.call(s.webcomponent.querySelectorAll("zg-column"),this);if(this.initialLoad(s,a),-1!==e){s.aColumnMapping.splice(e,0,a);let t=this.parentNode;t&&s.aColumnMapping.length===t.querySelectorAll("zg-column").length&&(s.bUpdateColGroup?t.rerender():!s.bIsColumnMoverActive&&s.bAPIReady?s.store.reload():s.bIsColumnMoverActive||s.update())}this.controlDefined||(s.bIsMappingUserProvided=!0)}}return o}static get observedAttributes(){return m}}n.Z._registerElement(g,f);const b=f},5495:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>p});var n=o(697),r=o(7628),a=o.n(r),i=o(2952),s=o.n(i),l=o(8419),d=o(3605),c=o(6919);const h="zg-control-bar",u={};class g extends n.Z{init(){super.init(h,s(),a(),u)}ready(){super.ready(),this.widget=this._getHostContext();let e=this.widget.webcomponent;if(e.layout&&e.layout.length&&this.setAttribute(l.default.zgLayout.attr,e.layout),"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl"),!this.widget.bPreloaded){let e=`\n            <zg-separator slot="cardaction" hidden id="afterselect"></zg-separator>\n            <zg-button ${l.default.attr.datafocus} slot="action" action="createrecord" hidden></zg-button>\n            <zg-separator slot="action" hidden id="beforeedit"></zg-separator>\n            <zg-text id="label" slot="action"></zg-text>\n            <zg-button ${l.default.attr.datafocus} slot="action" action="batchedit" hidden></zg-button>\n            <zg-button ${l.default.attr.datafocus} slot="action" action="batcheditsave" hidden></zg-button>\n            <zg-button ${l.default.attr.datafocus} slot="action" action="batcheditcancel" hidden></zg-button>\n            <zg-text id="unsaved" slot="message" hidden></zg-text>\n        `,t=(0,d.W2)(e);this.appendChild(t)}this.oDOMCreate=this.querySelector('zg-button[action="createrecord"]'),this.oDOMBatchEdit=this.querySelector('zg-button[action="batchedit"]'),this.oDOMBatchSave=this.querySelector('zg-button[action="batcheditsave"]'),this.oDOMBatchCancel=this.querySelector('zg-button[action="batcheditcancel"]'),this.oDOMUnsavedSpan=this.querySelector("zg-text#unsaved"),this.oDOMBatchEditLabel=this.querySelector("zg-text#label"),this.oDOMBatchEditLabel&&(this.oDOMBatchEditLabel.innerHTML=d.translate({msg:c.default.get("batchEdit.label",this.widget,{element:this.oDOMBatchEditLabel,elProperty:"innerHTML"})})),e.oDOMLayoutControls&&this.appendChild(e.oDOMLayoutControls),e.batchEdit&&e._setBatchEditControls(!0),this.widget.webcomponent._toggleControlBar()}checkMessageSize(){const e=this.oDOMUnsavedSpan;if(!this.widget||!this.widget.batchEditor.isActive())return;this.removeAttribute(l.default.attr.batchEditLongMessage);const t=window.getComputedStyle(e);t.height>t.lineHeight&&this.setAttribute(l.default.attr.batchEditLongMessage,"")}disconnectedCallback(){super.disconnectedCallback(),this.oDOMCreate=null,this.oDOMBatchEdit=null,this.oDOMBatchSave=null,this.oDOMBatchCancel=null}}n.Z._registerElement(h,g);const p=g},2383:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(400),a=o.n(r),i=o(1573),s=o.n(i),l=o(8419);const d="zg-data",c={adapter:{type:String,bReflectToAttribute:!0},data:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},idKey:{type:String,bReflectToAttribute:!0},options:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},src:{type:String,bReflectToAttribute:!0},widget:{}},h=n.Z.getObservedAtts(c);class u extends n.Z{init(){super.init(d,s(),a(),c)}ready(){super.ready();const e=this._getHostContext();e.webcomponent.oDOMData=this,this.widget=e,this.setAttribute(l.default.attr.hidden,"")}_propertyHandler(e,t,o){o=super._propertyHandler(e,t,o);let n,r,a=this.widget;if("widget"!==e&&!a)return o;switch(a?(n=a.webcomponent,r=a.store):(n=o.webcomponent,r=o.store),e){case"options":r.loadData(o,n.params);break;case"data":this.bReady&&r.loadData(this.options,n.params,{data:o},!0);break;case"src":this.bReady&&r.loadData(this.options,n.params,{src:o});break;case"widget":r.loadData(this.options,n.params)}return o}setOptions(e){let t=this.querySelectorAll("zg-param");t.forEach((t=>{if(void 0!==t.name&&void 0!==t.value){let o,n=t.value.trim()[0];if("{"===n||"["===n)try{o=JSON.parse(t.value)}catch(e){}void 0===o&&(o=t.value),"false"===o&&(o=!1),e[t.name]=o}}));for(let t in c)"widget"!==t&&"options"!==t&&this[t]&&!e.hasOwnProperty(t)&&(e[t]=this[t]);return this.nCheckedParams=t.length,e}disconnectedCallback(){const e=this.widget;super.disconnectedCallback(),e&&!e.bDisconnect&&e.webcomponent.resetData()}static get observedAttributes(){return h}}n.Z._registerElement(d,u);const g=u},8828:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>b});var n=o(697),r=o(6184),a=o.n(r),i=o(1694),s=o.n(i),l=o(2816),d=o(8419),c=o(3605),h=o(2260),u=o(6919);const g=d.default.zgDialog.tagName,p={open:{type:Boolean,default:null,bReflectToAttribute:!0},label:{type:String,default:"",bReflectToAttribute:!0},cancel:{type:String,bReflectToAttribute:!0},confirm:{type:String,bReflectToAttribute:!0}},m=n.Z.getObservedAtts(p);class f extends n.Z{init(){super.init(g,s(),a(),p)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this._label=null,"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl"),this.userAddedContainAttr=this.ZG.getAttribute(d.default.zgDialog.attr),null!==this.userAddedContainAttr&&this.setAttribute(d.default.attr.internalattach,"grid"),this.cancel&&this._setCancel(this.cancel),this.confirm&&this._setConfirm(this.confirm),this.bindDom(),this.bindEvents(),c.CL(this),this.open&&this.showDialog()}showDialog(){this.getRequestedDialogData(),this.initLabelText(),this.setCancel(),this.setConfirm(),this.setBody(),this.displayDialog()}hideDialog(){this.$dialog.close(),document.body.style.overflow=this.ZG.defaultBodyOverflow}setDialog(e){this.setAttribute(d.default.attr.type,e),this.setAttribute(d.default.attr.open,"")}bindDom(){const e=this.shadowRoot;this.$dialog=e.querySelector("dialog"),this.$form=e.querySelector("form"),this.$body=e.querySelector(".zg-dialog-body"),this.$bodycontent=e.querySelector(".zg-dialog-content-wrapper"),this.$error=e.querySelector(".zg-dialog-error"),this.$footer=e.querySelector(".zg-dialog-footer"),this.$header=e.querySelector(".zg-dialog-header"),this.$cancel=e.querySelector(".zg-dialog-cancel"),this.$close=e.querySelector(".zg-dialog-close"),this.$confirm=e.querySelector(".zg-dialog-confirm"),this.$label=e.querySelector(".zg-dialog-label")}bindEvents(){let e;this.aEvents=[],e=l.Z.get(document.body).on("keydown",(e=>{if(e.nCharCode===e.ESC){if(!this.$dialog.hasAttribute(d.default.attr.open))return;this.fire("dialogClose"),this.fire("dialogCloseFromEscape"),this.closeEvent(e)}}),this),this.aEvents.push(e),e=this.on("click",(e=>{this.fire("dialogClose"),this.fire("dialogCloseFromMask"),this.closeEvent(e)}),this),this.aEvents.push(e),e=l.Z.get(this.$form).on("click",this.formEvent,this),this.aEvents.push(e),e=l.Z.get(this.$cancel).on("click",(e=>{if(this.cancel&&!this.fnCancel&&this._setCancel(this.cancel),this.fnCancel){let e=this.fnCancel.scope||this;this.fnCancel.method.apply(e,[this])}this.fire("dialogCancel"),this.closeEvent(e)})),this.aEvents.push(e),e=l.Z.get(this.$close).on("click",(e=>{this.fire("dialogClose"),this.fire("dialogCloseFromButton"),this.closeEvent(e)})),this.aEvents.push(e),e=l.Z.get(this.$confirm).on("click",(e=>{if(e.preventDefault(),this.fnConfirm){let e=this.fnConfirm.scope||this;this.fnConfirm.method.apply(e,[this])}!1!==this.fire("dialogConfirm")&&this.closeEvent(e)}),this,{},!1),this.aEvents.push(e)}uns(){if(this.aEvents&&this.aEvents.length){for(let e=0;e<this.aEvents.length;e++)this.aEvents[e](),this.aEvents[e]=null;this.aEvents.length=0}}displayError(e,t){e?(this.$error.innerHTML=t,this.$body.setAttribute(d.default.validation.haserror,"")):this.$body.removeAttribute(d.default.validation.haserror)}displayDialog(){const e=this.widget.isStorybook("dialog");e?this.$dialog.setAttribute("open",""):this.$dialog.show(),null===this.userAddedContainAttr&&(document.body.style.overflow=d.default.attr.hidden),e||(this.$cancel.hasAttribute(d.default.attr.hidden)?this.$confirm.focus():this.$cancel.focus())}getRequestedDialogData(){const e=this.getAttribute(d.default.attr.type);this.currentDialogData=this.ZG.dialogArr.filter((t=>t.type===e))[0]}setBody(){const e=this.currentDialogData?this.currentDialogData.body:this.innerHTML;if(!e)return;const t=document.createElement("div");t.classList.add("zg-dialog-body-wrap"),t.insertAdjacentHTML("afterbegin",e);const o=t.querySelectorAll(d.default.zgIcon.tagName);o.forEach((e=>e.remove())),this.currentDialogData&&this.currentDialogData.body&&(this.innerHTML="",this.$bodycontent.innerHTML="",this.currentDialogData&&this.currentDialogData.label&&(this.$label.textContent=this.currentDialogData.label),this.$bodycontent.appendChild(t),o.forEach((e=>this.appendChild(e)))),e.length&&this.$body.setAttribute(d.default.attr.hasText,"")}setCancel(){this.currentDialogData&&this._setButton(this.$cancel,{data:this.currentDialogData.cancel,name:"cancel"})}setConfirm(){this.currentDialogData&&this._setButton(this.$confirm,{data:this.currentDialogData.confirm,name:"confirm"})}initLabelText(){let e=this.getAttribute("label");!e&&this.currentDialogData&&(e=this.currentDialogData.label),e&&(this.label=e)}setLabelText(e){this.$label&&(this.$label.textContent=e)}getInputContainer(){return this.$body.querySelector("#inputs")}closeEvent(e){this.open&&(this.open=!1),this.unAll(),this.displayError(!1)}formEvent(e){e.stopPropagation()}_setButton(e,t){const{data:o,name:n}=t;o&&o.text?e.textContent=o.text:e.textContent=u.default.get("dialog",this.widget,{element:this,elProperty:"textContent",langProperty:"name"})[n],t&&o&&!1===o.show?e.setAttribute(d.default.attr.hidden,""):e.removeAttribute(d.default.attr.hidden),t&&o&&o.initialDisabled?e.setAttribute("disabled",""):e.removeAttribute("disabled")}_setCancel(e){this.fnCancel=h.Z.setUserFunction(null,e)}_setConfirm(e){this.fnConfirm=h.Z.setUserFunction(null,e)}_propertyHandler(e,t,o){const n=this.widget;if(o=super._propertyHandler(e,t,o),this.bReady)switch(e){case"open":o?this.showDialog():n.recordEditor.bIsOpen?n.recordEditor.cancelOpenEdit(null,n.editorManager.se):this.hideDialog();break;case"label":this.setLabelText(o)}return o}disconnectedCallback(){super.disconnectedCallback(),this.innerHTML="",this.$dialog&&(this.$dialog.innerHTML="",this.$dialog.remove());const e=["$label","$confirm","$close","$cancel","$header","$footer","$error","$bodycontent","$body","$form","$dialog"];for(let t=0;t<e.length;t++)this.cleanElement(e[t]);this.currentDialogData=null}static get observedAttributes(){return m}}n.Z._registerElement(g,f);const b=f},2373:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(9003),a=o.n(r),i=o(3635),s=o.n(i),l=o(2816);const d="zg-editor-row",c={active:{type:Boolean,bReflectToAttribute:!0},activeCellEdit:{type:Boolean,bReflectToAttribute:!0},activeRowEdit:{type:Boolean,bReflectToAttribute:!0},editor:{type:String,bReflectToAttribute:!0}},h=n.Z.getObservedAtts(c);class u extends n.Z{init(){super.init(d,s(),a(),c)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.oDOMWrapper=l.Z.get(this.shadowRoot.querySelector("#wrapper")),this.oDOMInputContainer=this.shadowRoot.querySelector("#inputs"),this.oDOMInputContainerCopy=this.oDOMInputContainer.cloneNode(!0),this.oDOMWrapper.on("click",(e=>e.stopPropagation()))}ons(){this.unsubKey=this.on("keydown",this.onKeyDown,this,{},!1)}getEditorTemplate(){let e=this.shadowRoot.querySelector("#editorRowFieldTemplate");return document.importNode(e.content,!0)}getEditorCardTemplate(){let e=this.shadowRoot.querySelector("#editorCardTemplate");return document.importNode(e.content,!0)}positionSelfWithinGrid(){const e=this.widget,t=e.editorManager.se.nRowContainerIndex,o=e.getFrozenRowState(t),n=e.getContainerRowIndexByDataRowIndex(t),r=this.oDOMWrapper;let a;if(a="top"===o?this.oDOMHead:"bottom"===o?this.oDOMFoot:this.oDOMBody,!a.childNodes.length)return;const i=l.Z.get(a);let s=l.Z.get(a.childNodes[n]).getXY(),d=i.getY(),c=i.getX(!0),h=e.mainGridTable.getScroll().left||0;r.setTop(s[1]-d),r._setLeft(s[0]-c+h)}positionEditorWithinRow(e,t){const o=this.widget,n=this.oDOMBody,r=l.Z.get(n).getX(),a=e.el.getXY(),i=e.el.getSize(),s=o.mainGridTable.getScroll().left||0;t.style.top="1px",t.style.left=`${a[0]-r+s}px`,t.style.width=`${i[0]}px`,t.style.height=i[1]-1+"px"}onKeyDown(e){const t=this.widget,o=t.editorManager;let n=e.nCharCode;const r=o.se.sContextLevel;if(t.batchEditor.isActive())return void t.batchEditor.onKeyDown(e);if("row"!==r||n!==e.TAB)return;let a=e.oBrowserEvent.composedPath(),i=null;for(let e=0;e<a.length;e++){let t=a[e];if("label"===t.tagName.toLowerCase()){i=t;break}}if(i&&!i.nextElementSibling){const n=o.se.nRowContainerIndex;o.focusNextInput(this.oDOMInputContainer,n)||t.recordEditor.oDOMSubmitButton.focus(),e.stopEvent()}}disconnectedCallback(){super.disconnectedCallback(),this.oDOMWrapper=null,this.oDOMInputContainer=null,this.oDOMInputContainerCopy=null}static get observedAttributes(){return h}}n.Z._registerElement(d,u);const g=u},3778:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>m});var n=o(697),r=o(1538),a=o.n(r),i=o(8387),s=o.n(i),l=o(2816),d=o(8419),c=o(6919);const h="zg-filter",u={cellindex:{bReflectToAttribute:!0,type:Number},widget:{}},g=n.Z.getObservedAtts(u);class p extends n.Z{init(){super.init(h,s(),a(),u),this.aCustomUns=[],this.sPreviousValue=""}ready(){super.ready(),this.aCustomUns=[];const e=this.widget=this.widget||this._getHostContext();if(!this.oColumnMapping&&this.cellindex&&this.associateColumn(this.cellindex),"rtl"===e.sComputedDir&&this.setAttribute("dir","rtl"),this.oColumnMapping.bFilter&&this.oColumnMapping.oFilter){this.oColumnMapping.oDOMFilter=this;let e=this.oColumnMapping.oFilter.method.init,t=this.oColumnMapping.oFilter.method.afterInit;if(e){let o=this.oColumnMapping.oFilter.scope||this;this.widget.bPreloaded?this.oElInput=l.Z.get(this.querySelector("input")):(this.oElInput=l.Z.get(e.apply(o,[this])),this.oElInput.dom.placeholder=c.default.get("tools.filter",this.widget,{element:this.oElInput.dom,elProperty:"placeholder"})),t&&t.apply(o,[this]),this.onCustomEvent()}let o="";this.oColumnMapping&&this.oColumnMapping.sColumnHeaderText&&(o=this.oColumnMapping.sColumnHeaderText),this.oElInput.dom.setAttribute(d.default.attr.tabindex,-1),this.oElInput.dom.setAttribute(d.default.aria.label,`Filter ${o} Column`)}}onCustomEvent(){let e=this.oColumnMapping.oFilter&&this.oColumnMapping.oFilter.method.triggerEvent;e&&e.split(",").map((e=>{let t=this.oElInput.on(e,this.debounceFilter,this);this.aCustomUns.push(t)})),this.unsubKey=this.on("keydown",this.onKeyDown,this,{},!1),this.unsubFocus=this.oElInput.on("focus",this.onFocus,this)}customOn(){this.fireFilterEvent(),this.widget.bodyUpdate(!0)}debounceFilter(e){let t=d.default.search.threshold,o=this.latestTime=setTimeout((()=>{o===this.latestTime&&this.customOn()}),t)}fireFilterEvent(){let e={sValue:this.getValue(),sFieldIndex:this.sFieldIndex,sFilterIndex:this.sFilterIndex};e.sValue!==this.sPreviousValue&&(this.widget.fire("filter",e),this.sPreviousValue=e.sValue)}associateColumn(e){this.oColumnMapping=this.widget.aColumnMapping[e],this.sFieldIndex=this.oColumnMapping.sFieldIndex,this.sFilterIndex=this.oColumnMapping.sFilterIndex||this.sFieldIndex||"",this.oColumnMapping.sCellType!==d.default.internalColumn.rowgroup&&(this.sFilterIndex=this.sFilterIndex.split(",")[0]),this.sFilterKey=this.oColumnMapping.sFilterKey||this.sFilterIndex||"",this.oColumnMapping.bFilter&&this.widget.aFilters.push(this)}getValue(){let e="",t=this.oColumnMapping.oFilter&&this.oColumnMapping.oFilter.method.value;if(t){let o=this.oColumnMapping.oFilter.scope||this;e=`${t.apply(o,[this])}`}return e}_propertyHandler(e,t,o){return o=super._propertyHandler(e,t,o),"cellindex"===e&&this.bReady&&this.associateColumn(o),o}onFocus(e){this.widget.headerFocusManager.deSelect()}onKeyDown(e){let t=!1;switch(e.nCharCode){case e.LEFT:case e.RIGHT:case e.UP:case e.DOWN:t=!0,e.stopPropagation();break;case e.ENTER:this.oElInput.dom.blur(),this.widget.headerFocusManager.select(this.parentNode.rowIndex,parseInt(this.cellindex,10),!0);break;case e.TAB:if(!this.findNextFilter(e)){const t=this.widget.focusManager;this.oElInput.dom.blur(),t.tabChangeFocus(e,{section:t.GRIDINDEX})}break;default:t=!0}t||e.stopEvent()}findNextFilter(e){let t;return t=e.bIsSHIFT?this.previousElementSibling:this.nextElementSibling,!(!t||!t.oElInput)&&(t.oElInput.dom.focus(),!0)}uns(){this.unsubKey&&this.unsubKey(),this.unsubFocus&&this.unsubFocus();for(let e=0;e<this.aCustomUns.length;e++)this.aCustomUns[e]()}disconnectedCallback(){super.disconnectedCallback(),this.oElInput&&this.cleanElement("oElInput"),this.oColumnMapping=null}static get observedAttributes(){return g}}n.Z._registerElement(h,p);const m=p},1966:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(9530),a=o.n(r),i=o(6592),s=o.n(i),l=o(2816);const d="zg-focus",c={};class h extends n.Z{init(){super.init(d,s(),a(),c)}ready(){super.ready(),this.oElBottom=l.Z.get(this.shadowRoot.querySelector("#bottom")),this.oElLeft=l.Z.get(this.shadowRoot.querySelector("#left")),this.oElRight=l.Z.get(this.shadowRoot.querySelector("#right")),this.oElTop=l.Z.get(this.shadowRoot.querySelector("#top"))}draw(){const e=this.widget,t=e.selector.se,o=this.oColumnBody.el,n=t.dimension(this.oColumnBody),r=t.dimension(),a=n.xy,i=o.getXY();let s,l,d=n.width,c=n.height;this._hide(),s=a[0]-i[0]+e.nScrollLeft,l=a[1]-i[1]+e.nScrollTop,this.oElRight.setXY([s+d-2,l]),this.oElLeft._setStyle("height",`${c}px`),this.oElRight._setStyle("height",`${c}px`);n.xy[0]+d!==r.xy[0]+r.width?this.oElRight._hide():this.oElRight._show(),n.xy[0]!==r.xy[0]?this.oElLeft._hide():this.oElLeft._show(),this.oElTop.setXY([s,l]),this.oElTop._setStyle("width",`${d}px`),this.oElBottom.setXY([s,l+c-2]),this.oElBottom._setStyle("width",`${d}px`),this.oElLeft.setXY([s,l]),this._show()}drawCard(){const e=this.widget,t=e.selector.se.el.dom.parentNode,o=e.oDOMScroller,n=o?l.Z.get(o).getScroll().top:0;let r=t.getBoundingClientRect(),a=e.mainGridTable.dom.getBoundingClientRect(),i=r.height,s=r.width,d=r.left-a.left,c=r.top-a.top+n;this.oElRight.setXY([d+s-2,c]),this.oElLeft._setStyle("height",`${i}px`),this.oElRight._setStyle("height",`${i}px`),this.oElTop.setXY([d,c]),this.oElTop._setStyle("width",`${s}px`),this.oElBottom.setXY([d,c+i-2]),this.oElBottom._setStyle("width",`${s}px`),this.oElLeft.setXY([d,c]),this._show()}drawArea(e,t,o){const n=this.widget,r=e.getBoundingClientRect(),a=r.height,i=r.width,s=r.y,l=r.x,d=t.y,c=t.x,h=this.getAttribute("slot"),u=n.mainGridHScroll,g=h===`main${o}focus`?u.getScroll().left:0;this._hide();let p=l-c+n.nScrollLeft-g,m=s-d+n.nScrollTop;this.oElRight.setXY([p+i-2,m]),this.oElLeft._setStyle("height",`${a}px`),this.oElRight._setStyle("height",`${a}px`),this.oElTop.setXY([p,m]),this.oElTop._setStyle("width",`${i}px`),this.oElBottom.setXY([p,m+a-2]),this.oElBottom._setStyle("width",`${i}px`),this.oElLeft.setXY([p,m]),this._show()}drawHeader(e){const t=this.oColumnHead.getBoundingClientRect();this.drawArea(e,t,"head")}drawFooter(e){const t=this.oColumnFoot.getBoundingClientRect();this.drawArea(e,t,"foot")}disconnectedCallback(){super.disconnectedCallback(),this.oElTop=null,this.oElBottom=null,this.oElRight=null,this.oElLeft=null,this.oColumnHead=null,this.oColumnBody=null}}n.Z._registerElement(d,h);const u=h},469:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(4299),a=o.n(r),i=o(9058),s=o.n(i),l=o(8419);const d="zg-foot",c={};class h extends n.Z{init(){super.init(d,s(),a(),c)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.ZG.layout&&this.ZG.layout.length&&this.setAttribute(l.default.zgLayout.attr,this.ZG.layout)}disconnectedCallback(){super.disconnectedCallback()}}n.Z._registerElement(d,h);const u=h},2327:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>h});var n=o(697),r=o(7470),a=o.n(r),i=o(5491),s=o.n(i);const l="zg-footer",d={};class c extends n.Z{init(){super.init(l,s(),a(),d)}ready(){super.ready(),this.widget=this._getHostContext();const e=this.widget.webcomponent;e.oDOMFooter&&e.oDOMFooter!==this&&(e.oDOMFooter.remove(),e.oDOMFooter=this,e.oDOMFooter.slot="footer")}}n.Z._registerElement(l,c);const h=c},7939:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(5539),a=o.n(r),i=o(6262),s=o.n(i),l=o(8419);const d=l.default.zgFrozenColgroup.tagName,c={};class h extends n.Z{init(){super.init(d,s(),a(),c)}ready(){super.ready(),this.setAttribute(l.default.attr.hidden,"")}}n.Z._registerElement(d,h);const u=h},5790:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>p});var n=o(697),r=o(512),a=o.n(r),i=o(6288),s=o.n(i),l=o(8419),d=o(2816),c=o(3605);o(2260);const h=l.default.zgHeadCell.tagName,u={};class g extends n.Z{init(){super.init(h,s(),a(),u)}connectedCallback(){super.connectedCallback()}ready(){super.ready();const e=this.widget=this._getHostContext();this.ZG=e.webcomponent,this.nIndex=parseInt(this.getAttribute("cellindex"),10);const t=this.querySelector(".zg-head-details-icon");t?this.oDOMDetailsIcon=t:(this.oDOMDetailsIcon=document.createElement("zg-icon"),this.oDOMDetailsIcon.className="zg-head-details-icon",this.insertBefore(this.oDOMDetailsIcon,this.firstChild));let o=this.querySelector(`.${l.default.zgHeadCell.mainIconClass}`);o?this.oDOMIcon=o:(this.oDOMIcon=document.createElement("zg-icon"),this.oDOMIcon.className=l.default.zgHeadCell.mainIconClass,this.insertBefore(this.oDOMIcon,this.firstChild)),"rtl"===e.sComputedDir&&this.setAttribute("dir","rtl"),this.ZG=e.webcomponent,this.HEAD_CELL_INDEX=this.getAttribute("cellindex"),this.COLUMNS=e.getAllColumns(),this.MATCHED_COLUMN=this.COLUMNS[this.HEAD_CELL_INDEX],this._setResize(),this._setupSort(this.MATCHED_COLUMN.sort),e.columnDragManager.setColumnDrag()}ons(){this.on("click",this.onSort),this.on("mousedown",this.onDragStart,this,{},!1),this.on("touchstart",this.onTouchStart,this,{},!1)}onDragStart(e){let t=this.widget.columnDragManager;if(!t.onStartColumnCommon(this,e))return;this.widget.bIsColumnMoverActive=!0;const o=d.Z.get(document);o.on("mousemove",t.onDragMoveColumn,t,{},!1),o.on("mouseup",t.onDragStopColumn,t,{},!1),t.bTouch=!1}onTouchStart(e){let t=this.widget.columnDragManager;if(!t.onStartColumnCommon(this,e))return;this.widget.bIsColumnMoverActive=!0;const o=d.Z.get(document);o.on("touchmove",t.onDragMoveColumn,t,{},!1),o.on("touchend",t.onDragStopColumn,t,{},!1),o.on("touchcancel",t.onDragStopColumn,t,{},!1),t.bTouch=!0}onSort(e,t,o){const n=this.widget;if(n.bIsColumnResizeActive)return;if(e&&e.oDOMTarget&&e.oDOMTarget.tagName.toLowerCase()===l.default.zgColumnResize.tagName)return;if(o=o||null,!n.bHasSorterEnabled)return;if("disabled"===this.getAttribute("sort"))return;if(t&&"zg-head-details-icon"===t.className||this.bTooltipOpen&&this.bIsInfoTooltip)return;this.bCleared=!1,this.BODY_ROWS=n.getAllBodyRows(),this.HEAD_ROWS=n.getAllHeadRows(),this.FOOT_ROWS=n.getAllFootRows(),this.SORTED_HEAD_CELL=this,this.SORTED_HEAD_CELL_INDEX=parseInt(this.getAttribute("cellindex"),10),this.COLUMNS=n.getAllColumns(),this.MATCHED_COLUMN=this.COLUMNS[this.SORTED_HEAD_CELL_INDEX],this.CURRENT_SORT=n.sorter.sActiveSortedIndex,this.SAME_COL=this.CURRENT_SORT==this.MATCHED_COLUMN._oParsedColumnMapping.sFieldIndex,n.bSorting=!0,this._removeSortedHeadCell(),this._resetColumns();const r=!this.MATCHED_COLUMN.sortAsc&&!this.MATCHED_COLUMN.sortDesc&&!o||this.MATCHED_COLUMN.sortDesc&&!o&&!this.SAME_COL||"asc"===o,a=!o&&this.MATCHED_COLUMN.sortAsc||"desc"===o,i=this.MATCHED_COLUMN.sortDesc||"none"===o;r?this._setHeadCellAscending():a?this._setHeadCellDescending():i&&this._setHeadCellDefault(),this._setSortedColumn(),this.bCleared||this._toggleBodyCellSorted(),n.bSorting=!1}clearStyle(e){this.widget.bSorting=!0,e&&(this._resetColumns(),this._removeSortedHeadCell(),this.widget.oDOMSortedColumn=null),this._setHeadCellReset(),this._removeBodyCellSorted(),this.widget.bSorting=!1}_setResize(){const e=this.MATCHED_COLUMN._oParsedColumnMapping.sResizable,t=this.MATCHED_COLUMN._oParsedColumnMapping.sResizablePersistent,o=this.MATCHED_COLUMN._oParsedColumnMapping.sCellType;if(!c.Uh(e)&&!c.Uh(t)&&-1!==l.default.internalColumnTypes.indexOf(o))return;if(this.widget.updater.getLastVisibleColumn().oDOMZGColumn==this.MATCHED_COLUMN)return;const n=(c.Uh(this.widget.bColumnResizable)&&!1!==this.widget.bColumnResizable||c.Uh(e))&&"disabled"!==e,r=n&&(this.widget.bColumnResizablePersistent||null!=t)&&"disabled"!==t;if(n&&!this.oResizeHandler){const e=this.oResizeHandler=document.createElement(l.default.zgColumnResize.tagName);e.slot="column-resize",e.oColumn=this.MATCHED_COLUMN,e.oHeadCell=this,this.appendChild(e)}else!n&&this.oResizeHandler&&(this.removeChild(this.oResizeHandler),this.oResizeHandler=null);r?this.setAttribute(l.default.zgColumnResize.persistentAttr,""):this.removeAttribute(l.default.zgColumnResize.persistentAttr),n?this.setAttribute(l.default.zgColumnResize.attr,""):this.removeAttribute(l.default.zgColumnResize.attr)}_setupSort(e){const t=this.widget.webcomponent.hasAttribute(l.default.sort.attr),o=this.querySelector("zg-icon");let n;if(void 0===e){n=this.querySelector(`.${l.default.zgHeadCell.mainIconClass}`).parentNode,e=n.hasAttribute("sort")}let r=o.getAttribute(l.default.attr.name);e||!t||r||(o.setAttribute(l.default.attr.name,"down"),o.setAttribute(l.default.attr.init,""))}_removeSort(){const e=this.querySelector("zg-icon");e.removeAttribute(l.default.attr.name),e.removeAttribute(l.default.attr.init)}_removeSortedHeadCell(){this.HEAD_ROWS.forEach((e=>{e.querySelectorAll(h).forEach((e=>{e.removeAttribute(l.default.sort.ascAttr),e.removeAttribute(l.default.sort.descAttr);const t=e.querySelector(l.default.zgIcon.tagName);t.removeAttribute(l.default.sort.ascAttr),t.removeAttribute(l.default.sort.descAttr),t.parentNode.hasAttribute("sort")||(t.setAttribute(l.default.attr.name,"down"),t.setAttribute(l.default.attr.init,""))}))}))}_removeBodyCellSorted(){this.BODY_ROWS.forEach((e=>{e.querySelectorAll(l.default.zgCell.tagName).forEach(((e,t)=>e.removeAttribute(l.default.attr.sorted)))}))}_removeHeaderCellSorted(){this.HEAD_ROWS.forEach((e=>{e.hasAttribute("sorter")||[...e.children].forEach((e=>e.removeAttribute(l.default.attr.sorted)))}))}_removeFooterCellSorted(){this.FOOT_ROWS.forEach((e=>{[...e.children].forEach((e=>e.removeAttribute(l.default.attr.sorted)))}))}_resetColumns(){this.COLUMNS.forEach((e=>{e!==this.MATCHED_COLUMN&&(e.removeAttribute(l.default.sort.ascAttr),e.removeAttribute(l.default.sort.descAttr))}))}_setHeadCellAscending(){this.MATCHED_COLUMN._oParsedColumnMapping.sSortDir="asc",this.MATCHED_COLUMN.sortAsc=!0,this.SORTED_HEAD_CELL.setAttribute(l.default.sort.ascAttr,""),this.SORTED_HEAD_CELL.removeAttribute(l.default.sort.descAttr),this.oDOMIcon.removeAttribute(l.default.attr.init),this.oDOMIcon.removeAttribute(l.default.sort.descAttr),this.oDOMIcon.setAttribute(l.default.attr.name,"up"),this.oDOMIcon.setAttribute(l.default.sort.ascAttr,""),this._setHeaderCellSorted(),this._setFooterCellSorted()}_setHeadCellDefault(){this.clearStyle(!1),this.bCleared=!0}_setHeadCellDescending(){this.MATCHED_COLUMN._oParsedColumnMapping.sSortDir="desc",this.MATCHED_COLUMN.sortDesc=!0,this.SORTED_HEAD_CELL.removeAttribute(l.default.sort.ascAttr),this.SORTED_HEAD_CELL.setAttribute(l.default.sort.descAttr,""),this.oDOMIcon.removeAttribute(l.default.attr.init),this.oDOMIcon.removeAttribute(l.default.sort.ascAttr),this.oDOMIcon.setAttribute(l.default.attr.name,"down"),this.oDOMIcon.setAttribute(l.default.sort.descAttr,""),this._setHeaderCellSorted(),this._setFooterCellSorted()}_setHeadCellReset(){this.MATCHED_COLUMN._oParsedColumnMapping.sSortDir="",this.MATCHED_COLUMN.sortAsc=!1,this.MATCHED_COLUMN.sortDesc=!1,this.SORTED_HEAD_CELL.removeAttribute(l.default.sort.ascAttr),this.SORTED_HEAD_CELL.removeAttribute(l.default.sort.descAttr),this.oDOMIcon.removeAttribute(l.default.sort.ascAttr),this.oDOMIcon.removeAttribute(l.default.sort.descAttr),this.oDOMIcon.setAttribute(l.default.attr.name,"down"),this.oDOMIcon.setAttribute(l.default.attr.init,""),this._removeHeaderCellSorted(),this._removeFooterCellSorted()}_setHeaderCellSorted(){this.HEAD_ROWS.forEach((e=>{e.hasAttribute("sorter")||[...e.children].forEach(((e,t)=>{this._toggleCellSorted({cell:e,i:t})}))}))}_setFooterCellSorted(){this.FOOT_ROWS.forEach((e=>{[...e.children].forEach(((e,t)=>this._toggleCellSorted({cell:e,i:t})))}))}_setSortedColumn(){this.bCleared?this.widget.oDOMSortedColumn=null:this.widget.oDOMSortedColumn=this.MATCHED_COLUMN}_toggleBodyCellSorted(){this.BODY_ROWS.forEach((e=>{e.querySelectorAll(l.default.zgCell.tagName).forEach(((e,t)=>this._toggleCellSorted({cell:e,i:t})))}))}_setHeaderTooltip(){const e=this.widget.tooltipManager,t=this.oTooltipOptions=e._getTooltipOptions("Header",this.MATCHED_COLUMN._oParsedColumnMapping),o=t.fnTooltipRenderer&&t.fnTooltipRenderer.method,n=!!t.tooltipText;if(this.bIsInfoTooltip=t.tooltipTrigger!==l.default.zgTooltip.textTriggerType,this.sTooltipContent&&this._resetTooltip(),n||o||t.oDOMTooltipTemplate){if(this.querySelector(`[${l.default.zgCell.cellIndexAttr}]`)){const o=t.tooltipIconPosition||"right";this.bIsInfoTooltip?(this.oDOMDetailsIcon.setAttribute("position",o),this.oDOMDetailsIcon.name=t.tooltipIcon||l.default.zgHeadCell.infoTooltipType,this.oTrigger=this.oDOMDetailsIcon):(this.oDOMDetailsIcon.removeAttribute("position"),this.oDOMDetailsIcon.name=null,this.oTrigger=this),this.setAttribute(l.default.zgTooltip.iconPositionAttr,o);const n=t.tooltipType||"default";this.setAttribute(l.default.zgTooltip.typeAttr,n),this.sTooltipContent=e._getTooltipContent("Header",this.oTooltipOptions);const r=this.bIsInfoTooltip&&this.oTooltipOptions.tooltipAction===l.default.zgTooltip.actionTypeClick;r&&this.setAttribute(l.default.zgTooltip.actionAttr,l.default.zgTooltip.actionTypeClick),(this.bIsInfoTooltip||""!==this.MATCHED_COLUMN._oParsedColumnMapping.sColumnHeaderText)&&e._initTooltipTriggers(this.oTrigger,this,r)}}}_setTooltipPosition(){const e=this.oTooltipOptions,t=this.oTrigger.getBoundingClientRect(),o=this.ZG.getBoundingClientRect(),n=this.ZG.oDOMTooltip,r={left:t.left-o.left,top:t.top-o.top},a=window.getComputedStyle(this).getPropertyValue("padding-left");let i=parseInt(a.replace(/px/,""));const s=null!==this.oDOMIcon.getAttribute(l.default.attr.name),d=this.querySelector(`[${l.default.zgCell.cellIndexAttr}]`),c="bottom"===e.tooltipPosition,h="right"===e.tooltipPosition,u="left"===e.tooltipPosition,g="top"===e.tooltipPosition||!e.tooltipPosition||!c&&!h&&!u;let p=this.getAttribute(l.default.attr.align)||"left";if("rtl"===this.getAttribute("dir")&&"left"===p&&(p="right"),!this.bIsInfoTooltip&&("center"===p||"right"===p)){const e=(d.querySelector("span")||d).getBoundingClientRect();r.left=e.left-o.left,u?r.left-=i:h&&(r.left+=e.width)}if(this.hasAttribute(l.default.zgHeadCell.isContentLongerAttr)?n.setAttribute(l.default.zgHeadCell.isContentLongerAttr,""):n.removeAttribute(l.default.zgHeadCell.isContentLongerAttr),!this.bIsInfoTooltip&&(g||c)&&(Number.isInteger(i)&&"left"===p&&(r.left+=i),s)){const e=this.oDOMIcon.getBoundingClientRect().width;r.left+=i+e}if(h&&"left"===p&&!this.bIsInfoTooltip){const e=d.getBoundingClientRect().width,t=s?this.oDOMIcon.getBoundingClientRect().width:0;r.left+=i+t+e}else h&&this.bIsInfoTooltip&&(r.left+=t.width);return(h||u)&&(r.top+=t.height/2),c&&(r.top+=t.height),r}_resetTooltip(){this.removeAttribute(l.default.zgTooltip.iconPositionAttr),this.removeAttribute(l.default.zgTooltip.typeAttr),this.oDOMDetailsIcon&&(this.oDOMDetailsIcon.removeAttribute("position"),this.oDOMDetailsIcon.name=""),this.sTooltipContent=null,this.fnUnMouseLeave&&(this.fnUnMouseLeave(),this.fnUnMouseEnter(),this.fnUnMouseEnter=null,this.fnUnMouseLeave=null),this.fnUnClick&&(this.fnUnClick(),this.fnUnClick=null)}_toggleCellSorted({cell:e}){return(e.getAttribute("cellindex")||e.cellIndex).toString()===this.SORTED_HEAD_CELL_INDEX.toString()?e.setAttribute(l.default.attr.sorted,""):e.removeAttribute(l.default.attr.sorted)}disconnectedCallback(){super.disconnectedCallback(),this._resetTooltip(),this.oDOMDetailsIcon=null,this.oDOMIcon=null,this.COLUMNS=null,this.MATCHED_COLUMN=null,this.BODY_ROWS=null,this.HEAD_ROWS=null,this.FOOT_ROWS=null,this.SORTED_HEAD_CELL=null,this.oResizeHandler=null,this.oTooltipOptions=null,this.oTrigger=null}}n.Z._registerElement(h,g);const p=g},5468:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(1395),a=o.n(r),i=o(9878),s=o.n(i),l=o(8419);o(3605);const d="zg-head",c={};class h extends n.Z{init(){super.init(d,s(),a(),c)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.setAttribute(l.default.attr.role,"rowgroup"),this.ZG.layout&&this.ZG.layout.length&&(this.layout=this.ZG.layout)}disconnectedCallback(){super.disconnectedCallback(),this.layout=null}}n.Z._registerElement(d,h);const u=h},8433:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>h});var n=o(697),r=o(3175),a=o.n(r),i=o(4386),s=o.n(i);const l="zg-header",d={};class c extends n.Z{init(){super.init(l,s(),a(),d)}ready(){super.ready(),this.widget=this._getHostContext()}}n.Z._registerElement(l,c);const h=c},3837:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>b});var n=o(697),r=o(6675),a=o.n(r),i=o(4914),s=o.n(i),l=o(8419),d=o(3605),c=o(6919),h=o(1724);const{translate:u}=d,g="zg-icon",p=d.SV(a(),s()),m={name:{bReflectToAttribute:!0,type:String}};n.Z.getObservedAtts(m);class f extends n.Z{init(){super.init(g,s(),a(),m,p)}ready(){if(super.ready(),this.widget=this._getHostContext(),!this.widget)return;this.ZG=this.widget.webcomponent,this.allowedTypes=l.default.iconSet.allowedTypes,this.vendor=this.ZG.iconSet,this.vendor&&this.vendor.toLowerCase(),this.inShadow=d.MA(this),this.widget.aIcons.push(this),this.setIcon(this.name);const e=d.MV(this,l.default.zgCaption.tagName),t=d.MV(this,l.default.zgButton.tagName);e&&!t&&this.setAttribute(l.default.attr.internalcaption,"")}changeVendor(e){this.vendor=e||null;let t=this._oShadowRoot.querySelector('slot[name="icon"]').assignedNodes();t.length&&t.forEach((e=>this.removeChild(e))),this.name&&this.setVendor(this.name)}setIcon(e){e?this.vendor?this.setVendor(e):this.setSvg(e):this.currSvg&&(this.currSvg.innerHTML="")}setSvg(e){const t=d.rO(1,1e6);this.svgId=`svg-${t}`,this.svgSrc=null,this.currSvg=null,this.targetSvg=null;let o=this.querySelector("svg");o||(o=document.createElementNS("http://www.w3.org/2000/svg","svg"),o.id=this.svgId,o.setAttribute("slot","icon"),o.setAttribute("viewBox","0 0 24 24"),"deselect"===e&&o.setAttribute("no-fill",""),this.appendChild(o)),this.currSvg=o,this._setIconNew(e)}setVendor(e){const t=Object.keys(this.allowedTypes).filter((e=>this.allowedTypes[e].indexOf(this.vendor)>-1))[0];if(t)try{this[`_setVendor${t.charAt(0).toUpperCase()}${t.slice(1)}`](e)}catch(t){this.setSvg(e);const o={icon:"error",state:"error",msg:u({msg:c.default.get("iconSet.invalidVendorMethod",this.widget),vars:[l.default.zgIcon.attr,this.vendor]})};this.widget.statusManager.setStatus(o)}else{this.setSvg(e);const t={icon:"error",state:"error",msg:u({msg:c.default.get("iconSet.invalidVendor",this.widget),vars:[l.default.zgIcon.attr]})};this.widget.statusManager.setStatus(t)}}_setVendorCustom(e){const t=this.ZG.iconSetDataMap[e]||"N/A";this.insertAdjacentHTML("afterbegin",t)}_setVendorFontAwesome(e){const t=this,o=h.default.prefix2.length;if(e.slice(0,o)===h.default.prefix2)n(e);else{const t=this._getMappedName(e,h.default.map);t.matched?n(t.name):this.setSvg(e)}function n(e){const o=t.querySelector("i")||document.createElement("i");o.className="",-1!==e.indexOf("square")?o.classList.add("far"):o.classList.add("fas"),o.classList.add(e),o.parentNode||(o.slot=l.default.zgIcon.slotIcon,t.appendChild(o))}}_getMappedName(e,t){const o=t[Object.keys(t).filter((t=>t===e))];return{name:o||e,matched:!!o}}_setIconNew(e){if(e&&!this.widget.webcomponent.bWaitingForIcons&&"#"!==(e=0===e.indexOf("#")?e:`#${e}`)&&"string"==typeof e&&e[1].toLowerCase()!==e[1].toUpperCase()&&this.currSvg&&this.ZG.themeSVG){if(this.targetSvg=this.ZG.themeSVG.querySelector(e),!this.targetSvg)return;this.TARGET_SVG_CLONE=this.targetSvg.cloneNode(!0),this.currSvg.innerHTML="",this.TARGET_SVG_CLONE&&this.TARGET_SVG_CLONE.children&&[...this.TARGET_SVG_CLONE.children].forEach((e=>{this.currSvg.appendChild(e)}))}}_propertyHandler(e,t,o){return o=super._propertyHandler(e,t,o),"name"===e&&this.bReady&&this.setIcon(o),o}disconnectedCallback(){super.disconnectedCallback(),this.currSvg=null,this.targetSvg=null,this.TARGET_SVG_CLONE=null}static get observedAttributes(){return n.Z.getObservedAtts(m)}}n.Z._registerElement(g,f);const b=f},2081:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>p});var n=o(2816),r=o(697),a=o(845),i=o.n(a),s=o(4407),l=o.n(s),d=(o(3605),o(8419));const c="zg-input",h={for:{bReflectToAttribute:!0},action:{bReflectToAttribute:!0,type:String},type:{bReflectToAttribute:!0,type:String},value:{bReflectToAttribute:!0,type:String},widget:{}},u=r.Z.getObservedAtts(h);class g extends r.Z{init(){super.init(c,l(),i(),h),this.setupRefs()}setupRefs(){this.oDOMInnerWrapper=document.createElement("input"),this.oDOMInnerWrapper.className="zg-input-input",this.oDOMInnerWrapper.slot="input",this.oDOMInnerWrapper.setAttribute(d.default.aria.label,"Current Page")}ready(){super.ready(),this.widget=this._getHostContext(),this.oDOMInnerWrapper||this.setupRefs();let e=this.querySelector(".zg-input-input");e?this.oDOMInnerWrapper=e:this.appendChild(this.oDOMInnerWrapper),this.action||(this.type&&(this.oDOMInnerWrapper.type=this.type),this.value&&(this.oDOMInnerWrapper.value=this.value)),setTimeout((()=>{this.widget.bDisconnect||this._updateCurrentPageWidth(this.widget)}),0),this.postRenderOns()}postRenderOns(){this.on("keydown",this.onKeyDown,this,{},!1),this.fnUnKeyDown=n.Z.get(this.oDOMInnerWrapper).on("keydown",this.onInputKeyDown,this,{},!1)}onInputKeyDown(e,t){let o=e.nCharCode;if(this.action)switch(o){case e.ENTER:this.value=this.oDOMInnerWrapper.value,this.focus(),e.stopEvent(),e.stopImmediatePropagation();break;case e.RIGHT:case e.LEFT:e.stopEvent(),e.stopImmediatePropagation()}}onKeyDown(e,t){let o,n,r=e.nCharCode,a=parseInt(this.oDOMInnerWrapper.value,10);if(this.action)switch((null===a||isNaN(a))&&(a=0),"currpage"===this.action&&(o=1,n=this.widget.getPageCount()),e.stopPropagation(),r){case e.ENTER:this.oDOMInnerWrapper.focus(),this.value=this.oDOMInnerWrapper.value,e.stopEvent(),e.stopImmediatePropagation();break;case e.UP:a<n&&(this.oDOMInnerWrapper.value=a+1,this.value=this.oDOMInnerWrapper.value),e.stopEvent(),e.stopImmediatePropagation();break;case e.DOWN:a>o&&(this.oDOMInnerWrapper.value=a-1,this.value=this.oDOMInnerWrapper.value),e.stopEvent(),e.stopImmediatePropagation()}}updateInfo(e,t){t=t||this.action,e=e||this.widget;let o=this.oDOMInnerWrapper,n=e.getCurrPageIdx();if("currpage"===t)this._updateCurrentPageWidth(e),o.value=n+1}_propertyHandler(e,t,o){return o=super._propertyHandler(e,t,o),this.bReady&&("value"===e&&(this._updateDOMValue(o),this.fire("valuechanged",o)),"type"!==e||this.action||(o?this.oDOMInnerWrapper.type=o:this.oDOMInnerWrapper.removeAttribute("type"))),o}_updateBinding(e,t,o,n){if(e&&o&&(this.fnUnSubscribe(),this.fnUnNotify(),this.fnUnKeyDown&&this.fnUnKeyDown()),t&&(this.updateInfo(t,n),"currpage"===n))this.fnUnSubscribe=t.on(d.default.event.updated,this.updateInfo,this),this.fnUnNotify=this.on("valuechanged",((e,o)=>{t.setCurrPageIdx(o-1)})),this._updateCurrentPageWidth(t)}_updateCurrentPageWidth(e){const t=e.webcomponent.querySelector('[value="pagecount"]');if(!t||!this.action)return;const o=t.getBoundingClientRect().width;this.style.setProperty("width",`var(--zg-input-width, ${o+15}px)`)}_updateDOMValue(e){"currpage"===this.action&&(e=parseInt(e,10)),this.oDOMInnerWrapper.value=e}disconnectedCallback(){super.disconnectedCallback(),this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnNotify&&this.fnUnNotify(),this.fnUnKeyDown&&this.fnUnKeyDown(),this.un("keydown",this.onKeyDown,this),this.cleanElement("oDOMInnerWrapper")}static get observedAttributes(){return u}}r.Z._registerElement(c,g);const p=g},2800:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(2397),a=o.n(r),i=o(9674),s=o.n(i),l=o(8419);const d="zg-layout-controls",c={};n.Z.getObservedAtts(c);class h extends n.Z{init(){super.init(d,s(),a(),c)}ready(){if(super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.setAttribute(l.default.attr.role,"toolbar"),!this.children.length||1===this.children.length){document.createElement(l.default.zgText.tagName).textContent="Cards:";const e=document.createElement(l.default.zgButton.tagName);e.setAttribute(l.default.attr.datafocus,""),e.action="layoutrow";const t=document.createElement(l.default.zgButton.tagName);t.setAttribute(l.default.attr.datafocus,""),t.action="layoutcard",this.appendChild(t),this.appendChild(e)}}ons(){}disconnectedCallback(){super.disconnectedCallback()}static get observedAttributes(){return n.Z.getObservedAtts(c)}}n.Z._registerElement(d,h);const u=h},876:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(6516),a=o.n(r),i=o(172),s=o.n(i),l=o(8419),d=o(6919);const c=l.default.zgLoadMask.tagName,h={};class u extends n.Z{init(){super.init(c,s(),a(),h)}ready(){super.ready(),this.setAttribute(l.default.attr.hidden,""),this.customOns()}customOns(){this.widget.store.on("loading",this.loading,this),this.widget.store.on("loaded",this.loaded,this)}updateText(){this.loadingText&&(this.loadingText.textContent=this.widget.webcomponent.loadingText||d.default.get("loadMask.title",this.widget,{element:this.loadingText,elProperty:"textContent"}))}default(){const e=document.createElement("span"),t=e.cloneNode(!0);t.classList.add("default-wrap");const o=e.cloneNode(!0);o.classList.add("loading-text"),o.textContent=this.widget.webcomponent.loadingText||d.default.get("loadMask.title",this.widget,{element:o,elProperty:"textContent"}),t.appendChild(o),this.loadingText=o;const n=e.cloneNode(!0);let r;n.classList.add("animation-wrap"),r=e.cloneNode(!0),r.classList.add("animation-dot"),n.appendChild(r),t.appendChild(n),this.shadowRoot.appendChild(t)}loading(){let e=this.widget,t=e.store,o=e.webcomponent,n=t.oDataFormat.bLoadByScroll&&e.nCurrPageIdx;this.updateText(),o.loadmask&&"disabled"===o.loadmask||t.bHasLoaded&&!e.bUpdatingSize||n||e.bPreloaded||(this.widget.webcomponent.setAttribute("loading",!0),this.setXY(0,0),this._show())}loaded(){this._hide(),this.widget.webcomponent.removeAttribute(l.default.attr.loading)}}n.Z._registerElement(c,u);const g=u},6665:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(3251),a=o.n(r),i=o(2854),s=o.n(i);const l=o(8419).default.zgMenuGroup.tagName,d={},c=n.Z.getObservedAtts(d);class h extends n.Z{init(){super.init(l,s(),a(),d)}ready(){super.ready(),this.widget=this._getHostContext(),"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl")}ons(){}static get observedAttributes(){return c}}n.Z._registerElement(l,h);const u=h},2040:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(7189),a=o.n(r),i=o(2312),s=o.n(i),l=o(8419);const d="zg-menu-item",c={},h=n.Z.getObservedAtts(c);class u extends n.Z{init(){super.init(d,s(),a(),c)}ready(){this.bAdded||(super.ready(),this.widget=this._getHostContext(),this.setAttribute("tabindex",-1),this.getAttribute(l.default.attr.role)||this.setAttribute(l.default.attr.role,"menuitem"),this.bAdded=!0)}ons(){this.on("mouseenter",this.togglePseudoClass),this.on("mouseleave",this.togglePseudoClass),this.on("click",this.onClick,this),this.on("contextmenu",this.onContextMenu,this,{},!1),this.on("mousedown",this.onMouseDown,this),this.on("keydown",this.onKeyDown,this,{},!1)}checkMenuItemFocus(e){let t=!0,o=e.tagName.toLowerCase(),n=e.querySelector("zg-button");return"zg-menu-item"!==o&&"zg-menu-group"!==o&&(t=!1),e.hidden&&(t=!1),n&&n.disabled&&(t=!1),t}changeFocus(e){let t=this,o=this,n=1;if(this.menuGroup&&(t=this.menuGroup,o=this),"down"===e)for(;n++&&(t=t.nextElementSibling,t||(t=this.menu.firstElementChild),!(this.checkMenuItemFocus(t)||n>50)););else if("up"===e)for(;n++&&(t=t.previousElementSibling,t||(t=this.menu.lastElementChild),!(this.checkMenuItemFocus(t)||n>50)););else if("right"===e)if(this.menuGroup){for(;n++&&(o=o.nextElementSibling,o||(o=this.menuGroup.firstElementChild),!(this.checkMenuItemFocus(o)||n>50)););t=o}else this.menuManager.closeMenu();else if("left"===e&&this.menuGroup){for(;n++&&(o=o.previousElementSibling,o||(o=this.menuGroup.lastElementChild),!(this.checkMenuItemFocus(o)||n>50)););t=o}"zg-menu-group"===t.tagName.toLowerCase()&&(t=t.querySelector(`${l.default.zgMenuItem.tagName}:not([hidden]`)),t&&t.focus()}onKeyDown(e){let t=!1;switch(e.nCharCode){case e.UP:this.changeFocus("up");break;case e.DOWN:this.changeFocus("down");break;case e.RIGHT:this.changeFocus("right");break;case e.LEFT:this.changeFocus("left");break;case e.ENTER:case e.SPACE:this.onClick(e);break;case e.ESC:this.menuManager.closeMenu();break;default:t=!0}t||e.stopEvent()}onClick(e,t){const o=this.widget;let n=null,r=null,a=null,i=null,s=null,d=null,c=null,h=this.querySelector(l.default.zgButton.tagName);if(h&&h.action)return void h.click();o.menuManager&&o.menuManager.activeMenu&&(n=o.menuManager.activeCell,r=o.menuManager.activeHeader,a=o.menuManager.activeColumn,d=n.sTargetFieldIndex,c=n.sTargetRecordIndex,i=o.store.get(c,d),s=o.getDOMByIndex(n.nRowContainerIndex,n.nColumnIndex),o.menuManager.closeMenu());let u={DOMCell:s,recordIndex:c,fieldIndex:d,data:i,grid:o.webcomponent,cell:n,header:r,column:a};o.emitEvent("menu:click",{ZGEvent:e,ZGTarget:this,ZGData:u})}onContextMenu(e,t){e.preventDefault()}onMouseDown(e,t){}disconnectedCallback(){super.disconnectedCallback(),this.menu=null,this.menuGroup=null,this.menuManager=null}static get observedAttributes(){return h}}n.Z._registerElement(d,u);const g=u},9327:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(6528),a=o.n(r),i=o(6513),s=o.n(i),l=o(8419);const d="zg-menu",c={replace:{bReflectToAttribute:!0,type:Boolean},widget:{}},h=n.Z.getObservedAtts(c);class u extends n.Z{init(){super.init(d,s(),a(),c)}ready(){super.ready(),this.widget=this._getHostContext(),this.setAttribute(l.default.attr.role,"menu")}static get observedAttributes(){return h}}n.Z._registerElement(d,u);const g=u},7326:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(1516),a=o.n(r),i=o(2501),s=o.n(i),l=o(8419);const d="zg-no-data",c={},h=n.Z.getObservedAtts(c);class u extends n.Z{init(){super.init(d,s(),a(),c)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.widget.on(l.default.event.updated,this.updateInfo,this)}updateInfo(){const e=this.widget,t=e.store.getOriginRecordCount()||e.getRowCount()||e.aTopRowMapping.length||e.aBottomRowMapping.length,o=e.mainColumnBody.oBody;t?(o.removeAttribute(l.default.zgNoData.attr),this.removeAttribute(l.default.zgNoData.attr)):(o.setAttribute(l.default.zgNoData.attr,""),this.setAttribute(l.default.zgNoData.attr,""))}clearInfo(){if(!this.widget||!this.widget.mainColumnBody)return;this.widget.mainColumnBody.oBody.removeAttribute(l.default.zgNoData.attr),this.removeAttribute(l.default.zgNoData.attr)}static get observedAttributes(){return h}}n.Z._registerElement(d,u);const g=u},4347:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>h});var n=o(697),r=o(3645),a=o.n(r),i=o(6089),s=o.n(i);const l="zg-option-list",d={hidden:{bReflectToAttribute:!0,type:Boolean},options:{bReflectToAttribute:!0,type:String}};class c extends n.Z{init(){super.init(l,s(),a(),d)}ready(){super.ready(),this.widget=this._getHostContext(),"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl")}ons(){this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnSubscribe=this.on("keydown",this.onKeyDown,this,{},!1)}bIsHidden(){return this.hidden}changeOptions(e){this.options=e}_hide(){this.hidden=!0}_propertyHandler(e,t,o){switch(o=super._propertyHandler(e,t,o),e){case"hidden":break;case"options":this.innerHTML="";const e=document.createElement("span");e.tabIndex=-1,o?(this.parentNode&&this.parentNode.removeAttribute("disabled"),o.split(",").forEach((t=>{let o=e.cloneNode(!1),n=parseInt(t,10);!isNaN(n)&&n>0&&(o.textContent=n,this.appendChild(o))}))):this.parentNode&&this.parentNode.setAttribute("disabled","")}return o}_show(){let e=this.widget.getPageSize(),t=this.querySelectorAll("span");if(this.hidden=!1,this.focused=null,!this.widget.isStorybook("select")&&![...t].some((t=>t.innerHTML==e&&(t.focus(),this.focused=t,!0)))&&t.length){let e=t[0];e.focus(),this.focused=e}}changeFocus(e,t){let o=this.focused;t===e.UP?(o=o.previousElementSibling,o||(o=this.focused.parentNode.lastElementChild)):t===e.DOWN&&(o=o.nextElementSibling,o||(o=this.focused.parentNode.firstElementChild)),o&&(o.focus(),this.focused=o)}onKeyDown(e){let t=e.nCharCode,o=!1;switch(t){case e.UP:case e.DOWN:this.changeFocus(e,t);break;case e.RIGHT:this.parentNode.toggleList();break;case e.ENTER:case e.SPACE:this.focused&&this.focused.click();break;default:o=!0}o||e.stopEvent()}disconnectedCallback(){super.disconnectedCallback(),this.options=null,this.focused=null}}n.Z._registerElement(l,c);const h=c},7996:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>f});var n=o(697),r=o(3826),a=o.n(r),i=o(3476),s=o.n(i),l=o(3605),d=o(8419),c=o(6919);const{stripComments:h}=l.String,u="zg-pager",g={widget:{},pageSize:{type:Number,bReflectToAttribute:!0},pageSizeCard:{type:Number,bReflectToAttribute:!0},pageSizeRow:{type:Number,bReflectToAttribute:!0},pagerType:{bReflectToAttribute:!0,type:String},pagerButtonLimit:{type:Number,bReflectToAttribute:!0},position:{bReflectToAttribute:!0,type:String},sizeOptions:{bReflectToAttribute:!0,type:String}},p=n.Z.getObservedAtts(g);class m extends n.Z{init(){super.init(u,s(),a(),g)}ready(){super.ready(),this.widget=this._getHostContext();let e=this.widget.webcomponent;if(!this.widget.bPreloaded){if(this._updateContents(),this.parentNode===this.widget.webcomponent&&this._attachPosition(this.position||e.getAttribute("pager-position")),this.bHasChildNode)return;this.sizeOptions&&this.updateSize(this.sizeOptions),(this.pageSize||this.pageSizeRow||this.pageSizeCard)&&this.widget.calculatePageSize(),e.getAttribute(d.default.viewport.attr)&&this.setAttribute(d.default.viewport.attr,e.getAttribute(d.default.viewport.attr)),(e.getAttribute(d.default.viewport.pauseAttr)||""===e.getAttribute(d.default.viewport.pauseAttr))&&this.setAttribute(d.default.viewport.pauseAttr,""),(e.getAttribute(d.default.viewport.stopAttr)||""===e.getAttribute(d.default.viewport.stopAttr))&&this.setAttribute(d.default.viewport.stopAttr,""),e.layout&&e.layout.length&&this.setAttribute(d.default.zgLayout.attr,e.layout)}"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl"),this.widget.on(d.default.event.updated,(()=>{this.pagerType&&this._updateContents()}),this)}updateSize(e){let t=this.querySelector('zg-select[action="pagesize"]');if(t&&(t.setAttribute("options",e),this.widget&&!this.widget.bUserPageSize&&e)){let t=e.split(","),o=parseInt(t[t.length-1],10);isNaN(o)||this.widget.setPageSize(o,void 0,!this.widget.bAPIReady)}}_propertyHandler(e,t,o){if(o=super._propertyHandler(e,t,o),this.bReady)switch(e){case"pageSize":case"pageSizeRow":case"pageSizeCard":this.widget.calculatePageSize(null,!0,e,o);break;case"sizeOptions":this.updateSize(o);break;case"pagerType":this._updateContents(this.cursor,o,this.pagerButtonLimit);break;case"pagerButtonLimit":this._updateContents(this.cursor,this.pagerType,o);break;case"position":this._attachPosition(o)}return o}_updateContents(e,t,o){const n=this.widget;if(this.bHasChildNode||!n)return;void 0===t&&(t=this.pagerType),o=null===o?d.default.zgPager.defaultButtonLimit:o||this.pagerButtonLimit||d.default.zgPager.defaultButtonLimit;const r=`\n      <zg-select ${d.default.attr.datafocus} slot="left" action="pagesize" options="5,10,50"></zg-select>\n      <zg-button ${d.default.attr.datafocus} slot="left" action="reload"></zg-button>\n    `,a='\n      <zg-text slot="right" text="rows"></zg-text>\n      <zg-text slot="right" value="startrow"></zg-text>\n      <zg-text slot="right">-</zg-text>\n      <zg-text slot="right" value="endrow"></zg-text>\n      <zg-text slot="right" text="pageOf"></zg-text>\n      <zg-text slot="right" value="rowcount"></zg-text>\n    ',i=n.getPageCount(),s=n.getCurrPageIdx(),h=Math.min(o,i);let u=0,g=0;if(h){const e=Math.floor(h/2),t=h%2;t&&s<=e||!t&&s<e?(u=0,g=h-1):s+e+1>i?(g=i-1,u=g-h+1):(u=s-e,g=s+e,t||u++)}let p="";for(let e=u;e<=g;e++)p+=`\n        <zg-button page-index=${e} ${d.default.attr.datafocus} slot="center" action="page">\n          <span slot="icon"></span>\n          <span slot="label">${e+1}</span>\n        </zg-button>\n      `;let m=`\n      ${r}\n      <zg-button ${d.default.attr.datafocus} slot="center" action="firstpage"></zg-button>\n      <zg-button ${d.default.attr.datafocus} slot="center" action="prevpage"></zg-button>\n      <zg-text slot="center" text="page"></zg-text>\n      <zg-input ${d.default.attr.datafocus} slot="center" action="currpage"></zg-input>\n      <zg-text slot="center" text="pageOf"></zg-text>\n      <zg-text slot="center" value="pagecount"></zg-text>\n      <zg-button ${d.default.attr.datafocus} slot="center" action="nextpage"></zg-button>\n      <zg-button ${d.default.attr.datafocus} slot="center" action="lastpage"></zg-button>\n      ${a}\n    `,f=`\n      ${r}\n      <zg-button ${d.default.attr.datafocus} slot="center" action="prevpage" type="cursor"></zg-button>\n      <zg-button ${d.default.attr.datafocus} slot="center" action="nextpage" type="cursor"></zg-button>\n    `,b=`\n      ${r}\n      <zg-button ${d.default.attr.datafocus} slot="center" action="prevpage"></zg-button>\n      ${p}\n      <zg-button ${d.default.attr.datafocus} slot="center" action="nextpage"></zg-button>\n      ${a}\n    `,v=`\n      ${r}\n      <zg-button ${d.default.attr.datafocus} slot="center" action="prevpage">\n        <span slot="icon"></span>\n        <span slot="label">${c.default.get("pagination.pagePrev")}</span>\n      </zg-button>\n      ${p}\n      <zg-button ${d.default.attr.datafocus} slot="center" action="nextpage">\n        <span slot="icon"></span>\n        <span slot="label">${c.default.get("pagination.pageNext")}</span>\n      </zg-button>\n      ${a}\n    `;if(t){const e=t===d.default.zgPager.buttonTextType?v:b;this.oDOMDefaultPagerFrag=(0,l.W2)(e)}else if(this.widget){let t=e||this.widget.store.oDataFormat.bCursor||this.widget.store.oDataFormat.bLoadByPages&&this.widget.store.oDataFormat.bStartAtValue;[...this.querySelectorAll("[slot]")].forEach((e=>e.remove())),t?this.setAttribute(d.default.attr.type,d.default.zgPager.cursorAttr):this.removeAttribute(d.default.attr.type);const o=t?f:m;this.oDOMDefaultPagerFrag=(0,l.W2)(o)}this.innerHTML="",this.appendChild(this.oDOMDefaultPagerFrag),this.querySelectorAll("zg-text[text]").forEach((e=>{let t=e.getAttribute("text");e.innerHTML=c.default.get(`pagination.${t}`,this.widget,{element:e,elProperty:"innerHTML"})}))}_attachPosition(e){"both"!==e&&(e&&"top"===e?(this.setAttribute("slot","top"),this.widget.webcomponent.oTopPager=this):(this.setAttribute("slot","pager"),this.widget.webcomponent.oBottomPager=this))}disconnectedCallback(){super.disconnectedCallback(),this.oDOMDefaultPagerFrag=null}static get observedAttributes(){return p}}n.Z._registerElement(u,m);const f=m},3534:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(629),a=o.n(r),i=o(5150),s=o.n(i),l=o(8419);const d="zg-param",c={name:{type:String,bReflectToAttribute:!0},value:{type:String,bReflectToAttribute:!0},widget:{}},h=n.Z.getObservedAtts(c);class u extends n.Z{init(){super.init(d,s(),a(),c)}ready(){super.ready(),this.widget=this._getHostContext(),this.parentNode&&"zg-data"===this.parentNode.tagName.toLowerCase()&&(this.oDOMData=this.parentNode),this.setAttribute(l.default.attr.hidden,""),this.oDOMData&&0===this.oDOMData.nCheckedParams&&this.reload()}_attributeHandler(e,t,o){return super._attributeHandler(e,t,o),this.bReady&&this.widget&&this.reload(),o}reload(){let e=this.oDOMData;e&&this.widget.store.debounceLoadData(e.options,this.widget.webcomponent.params,null,!0)}disconnectedCallback(){super.disconnectedCallback(),this.bReady&&this.widget&&!this.widget.bDisconnect?this.reload():this.oDOMData=null}static get observedAttributes(){return h}}n.Z._registerElement(d,u);const g=u},5678:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>p});var n=o(697),r=o(3171),a=o.n(r),i=o(9457),s=o.n(i),l=o(8419),d=o(3605);const c="zg-row",h=d.SV(a(),s()),u={};class g extends n.Z{init(){super.init(c,s(),a(),u,h),this.bodyRowIndex=null}ready(){this.widget=this.widget||this._getHostContext(),super.ready(),this.ZG=this.widget.webcomponent,this.setAttribute(l.default.attr.role,"row");const e=d.Uh(this.ZG.getAttribute("layout"))?this.ZG.getAttribute("layout"):this.parentNode.getAttribute("layout");if(e&&e.length){this.setAttribute(l.default.zgLayout.attr,e);e===l.default.zgLayout.typeCard&&this.widget.hasCardTemplate()&&this.setAttribute(l.default.zgLayout.cardTplAttr,"")}if(this.ZG.gridlines){const e=this.ZG.gridlines.toLowerCase();"both"!==e&&"vert"!==e&&"vertical"!==e||this.setAttribute(l.default.attr.gridlinesvert,""),"both"!==e&&"horz"!==e&&"horizontal"!==e||this.setAttribute(l.default.attr.gridlineshorz,"")}const t=this.parentNode?this.parentNode.id:"";-1!==t.indexOf("left")?this.setAttribute(l.default.attr.frozenframe,"left"):-1!==t.indexOf("right")&&this.setAttribute(l.default.attr.frozenframe,"right")}ons(){const e=this.widget;this.on("mouseover",this.onMouseOver,this),this.on("mouseout",this.onMouseOut,this),e.on("layoutchange",(()=>e.currentHighlightedRowIndex=null))}onMouseOver(e,t){const o=this.widget;if(o.hasFrozenColumns()&&o.currentHighlightedRowIndex!==this.rowIndex){const e=window.getComputedStyle(this),t=this.getAttribute("aria-rowindex"),n=e.getPropertyValue("background-color"),r=e.getPropertyValue("color"),a=o.webcomponent.querySelectorAll(`zg-row[aria-rowindex="${t}"]`);a.forEach((e=>{e.style.backgroundColor=n,e.style.color=r})),o.currentHighlightedRows&&o.currentHighlightedRows.forEach((e=>{e.style.backgroundColor="",e.style.color=""})),o.currentHighlightedRows=a,o.currentHighlightedRowIndex=this.rowIndex}}onMouseOut(e,t){const o=this.widget;o.currentHighlightedRows&&o.currentHighlightedRows.forEach((e=>{e.style.backgroundColor="",e.style.color=""})),o.currentHighlightedRows=null,o.currentHighlightedRowIndex=null}setBodyIndexes(e){const t=this.widget,o=t.getAllHeaderDepth();this.bodyRowIndex=e,this.dataRowIndex=e+t.nTopFrozenRows,this.rowIndex=e+o,this.setAttribute(l.default.aria.rowIndex,e+o+1)}get rowIndex(){return this._rowIndex}set rowIndex(e){this._rowIndex=e}disconnectedCallback(){super.disconnectedCallback()}}n.Z._registerElement(c,g);const p=g},4158:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>p});var n=o(697),r=o(2816),a=o(8781),i=o.n(a),s=o(1607),l=o.n(s),d=o(8419),c=o(6919);const h="zg-search",u={};n.Z.getObservedAtts(u);class g extends n.Z{init(){super.init(h,l(),i(),u)}ready(){let e;if(super.ready(),this.widget=this._getHostContext(),this.widget){if(this.ZG=this.widget.webcomponent,this.$search=this.widget.search,this.oDOMCaption=this.ZG.querySelector("zg-caption"),this.bSearching=!1,this.searchBarVisible=!1,this.oDOMButton=this.querySelector(d.default.zgButton.tagName),!this.widget.bPreloaded&&!this.oDOMButton){e=document.createElement(d.default.zgButton.tagName),e.slot="button",e.action="search",e.setAttribute(d.default.attr.datafocus,"");const t=document.createElement("input");t.slot="input",t.type="search";const o=c.default.get("tools.search",this.widget,{element:t,elProperty:"placeholder"});t.placeholder=o,t.setAttribute(d.default.aria.label,o),this.appendChild(e),this.appendChild(t),this.oDOMInput=this.querySelector("input")}this.oDOMInput=this.querySelector("input"),this.oDOMButton||(this.unsubBlur=r.Z.get(this.oDOMInput).on("blur",(e=>this.searchBtnClickToggle(e)),this),this.unsubKD=r.Z.get(this.oDOMInput).on("keydown",this.onKeyDown,this,{},!1),this.oDOMButton=e)}}clearSearch(){this.oDOMInput.value=""}triggerSearch(){const e=this.widget;let t=this.oDOMInput.value;e.fire("beforesearch"),e.bodyUpdate(!0,!0);const o={searchTerm:t};e.filter.aFiltered&&(o.searchResults=e.filter.aFiltered,o.searchCount=e.filter.aFiltered.length),e.fire("search",o)}debounceSearch(e){let t=d.default.search.threshold,o=this.latestTime=setTimeout((()=>{o===this.latestTime&&this.triggerSearch()}),t)}ons(){this.unsubInput=this.on("input",this.debounceSearch)}uns(){this.unsubInput&&this.unsubInput(),this.unsubBlur&&this.unsubBlur(),this.unsubKD&&this.unsubKD()}searchBtnClickToggle(e,t){this.widget.editorManager.activeCellEdit&&this.widget.editorManager.closeEditor(),this.searchBarVisible=!this.searchBarVisible,this.searchBarVisible?(this.setAttribute(d.default.attr.active,""),t||this.oDOMInput.focus()):(this.removeAttribute(d.default.attr.active),t||this.oDOMButton.focus())}toggleSearchElement(e){e?this.removeAttribute(d.default.attr.hidden):this.setAttribute(d.default.attr.hidden,"")}onKeyDown(e){let t=e.nCharCode;t!==e.ESC&&t!==e.ENTER&&t!==e.TAB||(this.oDOMInput.blur(),e.stopEvent())}disconnectedCallback(){super.disconnectedCallback();this.cleanElements(["oDOMButton","oDOMInput"]),this.$search=null,this.oDOMCaption=null}static get observedAttributes(){return n.Z.getObservedAtts(u)}}n.Z._registerElement(h,g);const p=g},6541:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>p});var n=o(697),r=o(2816),a=o(5250),i=o.n(a),s=o(6062),l=o.n(s),d=o(8419);const c="zg-select",h={for:{bReflectToAttribute:!0},action:{bReflectToAttribute:!0,type:String},value:{bReflectToAttribute:!0,type:Number},options:{bReflectToAttribute:!0,type:String},widget:{}},u=n.Z.getObservedAtts(h);class g extends n.Z{init(){super.init(c,l(),i(),h),this.setRefs()}setRefs(){this.mask=this.shadowRoot.querySelector(".zg-selector-mask"),this.selected=document.createElement("div"),this.selected.className="zg-select-selected",this.trigger=document.createElement("div"),this.trigger.className="zg-select-trigger",this.triggerArrow=document.createElement("div"),this.triggerArrow.className="zg-select-trigger-arrow",this.oDOMOptionList=document.createElement("zg-option-list")}ready(){super.ready(),this.mask||this.setRefs();const e=this._getHostContext();this.widget===e?this._updateBinding(e,e,this.action,this.action):this.widget=e,this.closeList(),"rtl"===e.sComputedDir&&this.setAttribute("dir","rtl"),e.bPreloaded?(this.selected=this.querySelector(".zg-select-selected"),this.trigger=this.querySelector(".zg-select-trigger"),this.triggerArrow=this.querySelector(".zg-select-trigger-arrow"),this.oDOMOptionList=this.querySelector("zg-option-list")):(this.selected.slot="selected",this._appendChild(this.selected),this.trigger.slot="selected",this._appendChild(this.trigger),this.triggerArrow.slot="selected",this._appendChild(this.triggerArrow),this._appendChild(this.oDOMOptionList)),e.webcomponent.pager||"pagesize"!==this.action||(e.bCustomPageSize=!0),this.value&&(e.setPageSize(this.value),this._updateDOMValue(this.value)),this.options&&this.changeListOptions(this.options),this.postRenderOns()}postRenderOns(){this.unsubClick=this.on("click",(e=>this.toggleList(e)),this,{},!1),this.unsubKey=this.on("keydown",this.onKeyDown,this,{},!1),this.unsubOptionList=this.oDOMOptionList.on("click",((e,t)=>{e.preventDefault(),this.value=r.Z.get(t)._text()}),null,{sDelegateTo:"span"},!1),this.unsubBlur=this.on("blur",(e=>{let t=e.oBrowserEvent.relatedTarget;t&&"span"===t.tagName.toLowerCase()||this.closeList()}))}uns(){this.unsubClick&&this.unsubClick(),this.unsubOptionList&&this.unsubOptionList(),this.unsubBlur&&this.unsubBlur(),this.unsubKey&&this.unsubKey()}onKeyDown(e){let t=!1;switch(e.nCharCode){case e.ENTER:case e.SPACE:this.toggleList(e);break;default:t=!0}t||e.stopEvent()}toggleList(e){e&&e.stopEvent();const t=this.widget.webcomponent.getBoundingClientRect(),o=this.getBoundingClientRect();this._getDropdownHeight()+o.height+o.top>t.height+t.top?this.setAttribute(d.default.attr.open,"up"):this.removeAttribute(d.default.attr.open),this.oDOMOptionList.bIsHidden()?(this.setAttribute(d.default.attr.active,""),this.mask.setAttribute(d.default.attr.active,""),this.oDOMOptionList._show()):(this.removeAttribute(d.default.attr.active,""),this.mask.removeAttribute(d.default.attr.active,""),this.closeList(),this.focus())}changeListOptions(e){null!==e&&this.oDOMOptionList.changeOptions(e)}closeList(){this.oDOMOptionList._hide()}destroyList(){this._removeChild(this.oDOMOptionList)}updateInfo(e,t){if(t=t||this.action,e=e||this.widget,"pagesize"===t)this._updateDOMValue(e.getPageSize())}_getDropdownHeight(){this.oDOMOptionList.removeAttribute(d.default.attr.hidden);const e=this.oDOMOptionList.getBoundingClientRect().height;return this.oDOMOptionList.setAttribute(d.default.attr.hidden,""),e}_propertyHandler(e,t,o){if(o=super._propertyHandler(e,t,o),this.bReady)switch(e){case"value":this._updateDOMValue(o),this.fire("valuechanged",o);break;case"options":null!=o?this.changeListOptions(o):this.destroyList()}return o}_updateBinding(e,t,o,n){if(e&&o&&(this.fnUnSubscribe(),this.fnUnNotify()),t&&(this.updateInfo(t,n),"pagesize"===n))this.fnUnSubscribe=t.on(d.default.event.updated,this.updateInfo,this),this.fnUnNotify=this.on("valuechanged",((e,o)=>t.setPageSize(o)))}_updateDOMValue(e){this.selected.innerHTML=e}disconnectedCallback(){super.disconnectedCallback(),this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnNotify&&this.fnUnNotify(),this.removeChild(this.selected),this.removeChild(this.trigger),this.removeChild(this.triggerArrow),this.removeChild(this.oDOMOptionList),this.selected=null,this.mask=null,this.trigger=null,this.triggerArrow=null,this.oDOMOptionList=null}static get observedAttributes(){return u}}n.Z._registerElement(c,g);const p=g},754:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(932),a=o.n(r),i=o(5946),s=o.n(i),l=o(2816);const d="zg-selector-mask",c={};class h extends n.Z{init(){super.init(d,s(),a(),c)}ready(){super.ready(),this.oElMask=l.Z.get(this.shadowRoot.querySelector("#mask"))}draw(e){let t=this.widget;e=e||t.selector.se;let o,n,r=this.oColumnBody.el,a=e.dimension(this.oColumnBody),i=r.getXY(),s=a.xy,l=a.width,d=a.height;o=s[0]-i[0],n=s[1]-i[1]+t.nScrollTop,this.aStartXY=[o,n],this.oElMask.setXY([o,n]),this.oElMask._setStyle("width",l+"px"),this.nWidth=l,this.oElMask._setStyle("height",d+"px"),this.nHeight=d,this.showAll()}hideAll(){this.bReady&&this.oElMask&&this.oElMask._hide()}showAll(){this.oElMask&&this.oElMask._show()}disconnectedCallback(){super.disconnectedCallback(),this.oElMask=null,this.oColumnBody=null}}n.Z._registerElement(d,h);const u=h},1153:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>h});var n=o(697),r=o(129),a=o.n(r),i=o(9731),s=o.n(i);const l="zg-separator",d={};class c extends n.Z{init(){super.init(l,s(),a(),d)}}n.Z._registerElement(l,c);const h=c},7432:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(4662),a=o.n(r),i=o(2839),s=o.n(i);o(2816),o(8419),o(3605);const l="zg-source",d={position:{bReflectToAttribute:!0,type:String}},c=n.Z.getObservedAtts(d);class h extends n.Z{init(){super.init(l,s(),a(),d)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.ZG.oDOMSource||this.ZG.source||(this.ZG.oDOMSource=this,this.widget.sourceManager.initSource())}_propertyHandler(e,t,o){if(o=super._propertyHandler(e,t,o),this.bReady&&!this.bUpdatePosition&&"position"===e)this.bUpdatePosition=!0,this.widget.sourceManager.addSourceToSlot(o),this.bUpdatePosition=!1;return o}static get observedAttributes(){return c}}n.Z._registerElement(l,h);const u=h},8499:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(9812),a=o.n(r),i=o(4221),s=o.n(i),l=o(2816);const d="zg-status",c={};class h extends n.Z{init(){super.init(d,s(),a(),c)}ready(){super.ready(),this.widget=this._getHostContext(),this.oDOMDismiss=l.Z.get(this.shadowRoot.querySelector("span[close]")),this.unsubClick=this.oDOMDismiss.on("click",(()=>this.widget.statusManager.closeStatus())),this.unsubKey=this.oDOMDismiss.on("keydown",this.onKeyDown,this,{},!1)}onKeyDown(e){let t=e.nCharCode;t!==e.ENTER&&t!==e.SPACE||(this.widget.statusManager.closeStatus(),e.stopEvent())}uns(){this.unsubClick&&this.unsubClick(),this.unsubKey&&this.unsubKey()}disconnectedCallback(){super.disconnectedCallback(),this.oDOMDismiss=null}}n.Z._registerElement(d,h);const u=h},4591:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(9652),a=o.n(r),i=o(7585),s=o.n(i),l=o(8419);const d="zg-text",c={value:{bReflectToAttribute:!0,type:String},widget:{}},h=n.Z.getObservedAtts(c);class u extends n.Z{init(){super.init(d,s(),a(),c)}ready(){super.ready(),this.widget=this._getHostContext()}updateInfo(e,t){t=t||this.value;let o=(e=e||this.widget).getCurrPageIdx(),n=e.getPageSize(),r=e.store.getOriginRecordCount()||e.getRowCount(),a=r?o*n+1:0,i=(o+1)*n;switch(i>r&&(i=r),t){case"currpage":this.textContent=e.getCurrPageIdx()+1;break;case"pagecount":this.textContent=Math.max(e.getPageCount(),1);break;case"pagesize":this.textContent=e.getPageSize();break;case"startrow":this.textContent=a;break;case"endrow":this.textContent=i;break;case"rowcount":this.textContent=r}}_updateBinding(e,t,o,n){if(e&&o&&this.fnUnSubscribe(),t)switch(this.updateInfo(t,n),n){case"currpage":case"pagecount":case"pagesize":case"startrow":case"endrow":case"rowcount":this.fnUnSubscribe=t.on(l.default.event.updated,this.updateInfo,this)}}static get observedAttributes(){return h}}n.Z._registerElement(d,u);const g=u},979:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(7293),a=o.n(r),i=o(8219),s=o.n(i),l=o(8419),d=(o(3605),o(2816));const c="zg-tooltip",h={};class u extends n.Z{init(){super.init(c,s(),a(),h)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.setAttribute(l.default.attr.role,"tooltip"),this.setAttribute(l.default.attr.hidden,""),this.oDOMCloseButton=this.shadowRoot.querySelector(".zg-tooltip-close"),this.fnUnClick=d.Z.get(this.oDOMCloseButton).on("click",this._hideTarget,this,{},!1)}uns(){this.fnUnClick&&this.fnUnClick()}_setAttributes(e){const t=e.oTooltipOptions,o=this._checkPosition(t.tooltipPosition),n=t.tooltipType||"default",r=t.tooltipAction||"hover",a=e.bIsInfoTooltip;this.setAttribute(l.default.zgTooltip.typeAttr,n),this.setAttribute(l.default.zgTooltip.positionAttr,o),this.setAttribute(l.default.zgTooltip.actionAttr,r),a?this.removeAttribute(l.default.zgTooltip.noInfoIconAttr):this.setAttribute(l.default.zgTooltip.noInfoIconAttr,"")}_checkPosition(e){return["top","left","right","bottom"].indexOf(e)>=0?e:"top"}_hideTarget(){this.setAttribute(l.default.attr.hidden,""),this.removeAttribute(l.default.attr.animate)}_showTarget(e,t,o){this._setAttributes(o),this.innerHTML=t,this.style.transition=null,this.setAttribute(l.default.attr.hidden,""),this._setPosition(e,o),this.removeAttribute(l.default.attr.hidden),this.style.transition="transform .3s",this.setAttribute(l.default.attr.animate,"")}_setPosition(e,t){const o=t._setTooltipPosition();this.style.left=`${o.left}px`,this.style.top=`${o.top}px`}disconnectedCallback(){super.disconnectedCallback(),this.oDOMCloseButton=null}}n.Z._registerElement(c,u);const g=u},5585:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(3503),a=o.n(r),i=o(1877),s=o.n(i),l=o(6919);const d="zg-watermark",c={widget:{}};class h extends n.Z{init(){super.init(d,s(),a(),c)}ready(){super.ready(),this.widget=this._getHostContext();let e=this._oShadowRoot.querySelector("a");e.innerHTML=l.default.get("watermark.poweredBy",this.widget,{element:e,elProperty:"innerHTML"});const t=this.widget.focusManager;t&&t.bInitialLoaded&&t.updateSection(this,t.aWatermark,"Watermark")}_propertyHandler(e,t,o){if(o=super._propertyHandler(e,t,o),"widget"===e)o&&(this.slot="watermark");return o}}n.Z._registerElement(d,h);const u=h},3427:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>z});var n=o(697),r=o(9733),a=o.n(r),i=o(3337),s=o.n(i),l=o(1562),d=o(3605),c=o(163),h=o(2260),u=o(8419),g=o(6919),p=o(2048),m=(o(2816),o(4584));const f="zing-grid",b={aggregate:{type:String,bReflectToAttribute:!0},align:{bReflectToAttribute:!0,type:String},batchEdit:{bReflectToAttribute:!0,type:Boolean},batchEditStatus:{bReflectToAttribute:!0,type:String},caption:{type:String,bReflectToAttribute:!0,bThrowEvent:!0},card:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},cellBreak:{type:String,bReflectToAttribute:!0,bThrowEvent:!0},cellClass:{type:String,bReflectToAttribute:!0},cellEditor:{type:String,bReflectToAttribute:!0,sBooleanDefault:"true"},cellFocus:{type:String,bReflectToAttribute:!0},buttonTooltipDisabled:{type:Boolean,bReflectToAttribute:!0},cellTooltipAction:{type:String,bReflectToAttribute:!0},cellTooltipDelay:{type:Number,bReflectToAttribute:!0},cellTooltipIcon:{bReflectToAttribute:!0,type:String},cellTooltipPosition:{type:String,bReflectToAttribute:!0},cellTooltipRenderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},cellTooltipTemplate:{type:String,bReflectToAttribute:!0},cellTooltipType:{type:String,bReflectToAttribute:!0},colClass:{type:String,bReflectToAttribute:!0},columnResizable:{type:Boolean,bReflectToAttribute:!0},columnResizableMaxWidth:{bReflectToAttribute:!0,type:Number},columnResizableMinWidth:{bReflectToAttribute:!0,type:Number},columnResizablePersistent:{type:Boolean,bReflectToAttribute:!0},columnsControl:{type:Boolean,bReflectToAttribute:!0},columns:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},columnWidth:{bReflectToAttribute:!0},compact:{type:Boolean,bReflectToAttribute:!0},config:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},confirmDelete:{bReflectToAttribute:!0},confirmations:{type:String,bReflectToAttribute:!0,bReflectBoolean:!0,sBooleanDefault:u.default.confirmations.all},contextMenu:{bReflectToAttribute:!0},data:{type:String,bCanBeObject:!0,bReflectToAttribute:!0,bOneWaySync:!0,bThrowEvent:!0},defaultDisplay:{type:String,bReflectToAttribute:!0},dialog:{type:Boolean,bReflectToAttribute:!0},dir:{type:String,bReflectToAttribute:!0,sBooleanDefault:"ltr"},columnDragAction:{type:String,bReflectToAttribute:!0,sBooleanDefault:"both"},columnDrag:{type:Boolean,bReflectToAttribute:!0},creator:{type:String,bReflectToAttribute:!0,sBooleanDefault:"modal"},footClass:{type:String,bReflectToAttribute:!0},frozenColumnsLeft:{type:Number,bReflectToAttribute:!0},frozenColumnsRight:{type:Number,bReflectToAttribute:!0},frozenRowClass:{type:String,bReflectToAttribute:!0},frozenRowsBottom:{type:Number,bReflectToAttribute:!0},frozenRowsTop:{type:Number,bReflectToAttribute:!0},headClass:{type:String,bReflectToAttribute:!0},templateEndDelimiter:{type:String,bReflectToAttribute:!0},editor:{type:String,bReflectToAttribute:!0,sBooleanDefault:"inline"},editorControls:{type:String,bReflectToAttribute:!0,bReflectBoolean:!0,sBooleanDefault:u.default.editorControls.all},filter:{type:Boolean,bReflectToAttribute:!0},footClass:{type:String,bReflectToAttribute:!0},fullscreen:{type:Boolean,bReflectToAttribute:!0},gridlines:{type:String,bReflectToAttribute:!0},groupBy:{type:String,bReflectToAttribute:!0},headClass:{type:String,bReflectToAttribute:!0},headerAutoFormat:{type:String,bReflectToAttribute:!0},nestedDataSeparator:{type:String,bReflectToAttribute:!0},headerRowHide:{type:Boolean,bReflectToAttribute:!0},headerTooltipAction:{type:String,bReflectToAttribute:!0},headerTooltipDelay:{type:Number,bReflectToAttribute:!0},headerTooltipIcon:{bReflectToAttribute:!0,type:String},headerTooltipIconPosition:{type:String,bReflectToAttribute:!0},headerTooltipPosition:{type:String,bReflectToAttribute:!0},headerTooltipRenderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},headerTooltipTemplate:{type:String,bReflectToAttribute:!0},headerTooltipTrigger:{type:String,bReflectToAttribute:!0},headerTooltipType:{type:String,bReflectToAttribute:!0},height:{type:String,bReflectToAttribute:!0},iconSet:{type:String,bReflectToAttribute:!0},iconSetData:{type:String,bReflectToAttribute:!0},lang:{type:String,bReflectToAttribute:!0,bSetProperty:!0},layout:{type:String,bReflectToAttribute:!0},layoutControls:{type:String,bReflectToAttribute:!0},loading:{type:Boolean,bReflectToAttribute:!0},loadingText:{type:String,bReflectToAttribute:!0},loadmask:{type:String,bReflectToAttribute:!0},noData:{type:String,bReflectToAttribute:!0},pageSize:{type:Number,bReflectToAttribute:!0},pageSizeCard:{type:Number,bReflectToAttribute:!0},pageSizeRow:{type:Number,bReflectToAttribute:!0},pageSizeOptions:{bReflectToAttribute:!0,type:String},pager:{type:Boolean,bReflectToAttribute:!0},pagerButtonLimit:{type:Number,bReflectToAttribute:!0},pagerPosition:{type:String,bReflectToAttribute:!0},pagerType:{type:String,bReflectToAttribute:!0},params:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},preserveStateId:{type:String,bReflectToAttribute:!0},preserveStateOptions:{type:String,bReflectToAttribute:!0},preserveStateLoad:{type:String,bReflectToAttribute:!0},preserveStateSave:{type:String,bReflectToAttribute:!0},recordCount:{type:Number,bReflectToAttribute:!0},recordKey:{type:String,bReflectToAttribute:!0,bReflectBoolean:!0,sBooleanDefault:u.default.internalColumn.recordkey},recordDuplicate:{type:Boolean,bReflectToAttribute:!0},rowClass:{type:String,bReflectToAttribute:!0},rowSelector:{type:Boolean,bReflectToAttribute:!0},rowHeight:{type:String,bReflectToAttribute:!0},search:{type:Boolean,bReflectToAttribute:!0},selector:{type:Boolean,bReflectToAttribute:!0},serverRendered:{type:Boolean,bReflectToAttribute:!0},sort:{type:String,bReflectToAttribute:!0},sorter:{type:String,bReflectToAttribute:!0},sortIntl:{type:String,bReflectToAttribute:!0},source:{type:String,bReflectToAttribute:!0},src:{type:String,bReflectToAttribute:!0},staticMenu:{bReflectToAttribute:!0,sBooleanDefault:"true"},statusDelay:{bReflectToAttribute:!0,type:Number},statusPersist:{bReflectToAttribute:!0,type:Boolean},statusPosition:{bReflectToAttribute:!0,type:String},templateEndDelimiter:{type:String,bReflectToAttribute:!0},templateStartDelimiter:{type:String,bReflectToAttribute:!0},theme:{type:String,bReflectToAttribute:!0},validationErrorMessage:{type:String,bReflectToAttribute:!0},validationRequiredMessage:{type:String,bReflectToAttribute:!0},viewport:{type:String,bReflectToAttribute:!0},viewportPause:{type:Boolean,bReflectToAttribute:!0},viewportStop:{type:Boolean,bReflectToAttribute:!0},viewportTypes:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},width:{type:String,bReflectToAttribute:!0},zebra:{type:String,bReflectToAttribute:!0}},v=n.Z.getObservedAtts(b);class y extends n.Z{connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex",0),this.querySelector("table")&&(this.data=this.querySelector("table"));const e=()=>{this.completeConnectedCallback(),document.removeEventListener("DOMContentLoaded",e)},t=()=>{this.completeConnectedCallback(),window.cancelAnimationFrame(t)};try{null!==this.getAttribute(u.default.attr.serverrender)?document.addEventListener("DOMContentLoaded",e):window.requestAnimationFrame(t)}catch(e){console.error(`There was an issue with <${f}>'s connectedCallback().\n${e}`)}}completeConnectedCallback(){const e=this.widget;e&&(this.querySelector(u.default.zgBody.tagName)&&(e.bPreloaded=!0),this.originalHTML=this.outerHTML,this.addToLightDOM(),e.init(),e.bPreloaded&&e.updater.resetAllColumnsWidth(),this.processProperties(),this._wrapAPI((()=>e.focusManager.init())),e.dialogManager.initDialogs(),e.bHasAttachedToDOM=!0,this.bReady=!0,document.addEventListener("DOMContentLoaded",(()=>c.Z.validateLicense())),setTimeout((()=>c.Z.enableWatermarks()),1e3),this.fire("childrenready"),this.watchVisibility(),e.setStorybook())}init(){try{super.init(f,s(),a(),b);const e=this._oShadowRoot.querySelector(`.${u.default.zg.tagName}`);this.widget=new l.default({renderTo:e,renderAfter:e.querySelectorAll("slot")[1],webcomponent:this}),this.ZG=this.widget.webcomponent}catch(e){console.error(`There was an issue with <${f}>'s init().\n${e}`)}}addToLightDOM(){const e=this.widget;this.oDOMData=this.querySelector(u.default.zgData.tagName)||null,this.bDefaultCols=!this.querySelector(u.default.zgColgroup.tagName)&&!this.querySelector(u.default.zgColumn.tagName),this.oDOMHeader=this.associateChild(u.default.zgHeader.tagName,null,"header"),this.oDOMCaption=this.querySelector(u.default.zgCaption.tagName)||null,this.oDOMControlBar=this.querySelector(u.default.zgControlBar.tagName)||null,this.oDOMLayoutControls=this.querySelector(u.default.zgLayoutControls.tagName)||null,this.oDOMLeftHead=this.associateChild(u.default.zgHead.tagName,null,"lefthead","lefthead"),this.oDOMLeftBody=this.associateChild(u.default.zgBody.tagName,null,"leftbody","leftbody"),this.oDOMLeftFoot=this.associateChild(u.default.zgFoot.tagName,null,"leftfoot","leftfoot"),this.oDOMColgroup=this.associateChild(u.default.zgColgroup.tagName,null,"gridcolgroup","gridcolgroup",!0),this.oDOMLeftColgroup=this.associateChild(u.default.zgColgroup.tagName,null,"leftcolgroup","leftcolgroup",!1,this.oDOMColgroup),this.oDOMRightColgroup=this.associateChild(u.default.zgColgroup.tagName,null,"rightcolgroup","rightcolgroup",!1),this.oDOMHead=this.associateChild(u.default.zgHead.tagName,null,"gridhead","mainhead"),this.oDOMBody=this.associateChild(u.default.zgBody.tagName,null,"gridbody","mainbody"),this.oDOMFoot=this.associateChild(u.default.zgFoot.tagName,null,"gridfoot","mainfoot"),this.oDOMRightHead=this.associateChild(u.default.zgHead.tagName,null,"righthead","righthead"),this.oDOMRightBody=this.associateChild(u.default.zgBody.tagName,null,"rightbody","rightbody"),this.oDOMRightFoot=this.associateChild(u.default.zgFoot.tagName,null,"rightfoot","rightfoot"),this.oDOMFooter=this.associateChild(u.default.zgFooter.tagName,null,"footer"),this.oDOMStatus=this.associateChild(u.default.zgStatus.tagName,null,"status"),this.oDOMTooltip=this.associateChild(u.default.zgTooltip.tagName,null,"tooltip"),this.oDOMCellOverflow=this.associateChild(u.default.zgCellOverflow.tagName,null,"celloverflow"),this.oDOMLeftEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"lefteditorrow","lefteditorrow",void 0,void 0,"Left"),this.oDOMEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"bodyeditorrow","bodyeditorrow",void 0,void 0,""),this.oDOMRightEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"righteditorrow","righteditorrow",void 0,void 0,"Right"),this.oDOMLeftHeadEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"leftheadeditorrow","leftheadeditorrow",void 0,void 0,"Left"),this.oDOMHeadEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"mainheadeditorrow","mainheadeditorrow",void 0,void 0,""),this.oDOMRightHeadEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"rightheadeditorrow","rightheadeditorrow",void 0,void 0,"Right"),this.oDOMLeftFootEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"leftfooteditorrow","leftfooteditorrow",void 0,void 0,"Left"),this.oDOMFootEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"mainfooteditorrow","mainfooteditorrow",void 0,void 0,""),this.oDOMRightFootEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"rightfooteditorrow","rightfooteditorrow",void 0,void 0,"Right"),this.oDOMFrozenRight=this.shadowRoot.querySelector("#freeze-right-body"),this.oDOMFrozenLeft=this.shadowRoot.querySelector("#freeze-left-body"),this.oDOMMain=this.shadowRoot.querySelector("#frame-main-body"),this.oDOMFrozenRightHeadFrame=this.shadowRoot.querySelector("#freeze-frame-right-head"),this.oDOMFrozenMainHeadFrame=this.shadowRoot.querySelector("#freeze-frame-main-head"),this.oDOMFrozenLeftHeadFrame=this.shadowRoot.querySelector("#freeze-frame-left-head"),this.oDOMFrozenRightHead=this.shadowRoot.querySelector("#freeze-right-head"),this.oDOMFrozenMainHead=this.shadowRoot.querySelector("#freeze-main-head"),this.oDOMFrozenLeftHead=this.shadowRoot.querySelector("#freeze-left-head"),this.oDOMFrozenRightFootFrame=this.shadowRoot.querySelector("#freeze-frame-right-foot"),this.oDOMFrozenMainFootFrame=this.shadowRoot.querySelector("#freeze-frame-main-foot"),this.oDOMFrozenLeftFootFrame=this.shadowRoot.querySelector("#freeze-frame-left-foot"),this.oDOMFrozenRightFoot=this.shadowRoot.querySelector("#freeze-right-foot"),this.oDOMFrozenMainFoot=this.shadowRoot.querySelector("#freeze-main-foot"),this.oDOMFrozenLeftFoot=this.shadowRoot.querySelector("#freeze-left-foot"),this.oDOMFrozenLeftStyle=this.associateChild(u.default.zgFrozenColgroup.tagName,null,"freeze-left-columns","zing-grid-freeze-style-left"),this.oDOMFrozenRightStyle=this.associateChild(u.default.zgFrozenColgroup.tagName,null,"freeze-right-columns","zing-grid-freeze-style-right"),this.oDOMBatchEditStyle=this.associateChild(u.default.batchEdit.tagName,null,"batch-edit","zing-grid-batch-edit"),this.oDOMBodyFrame=this.shadowRoot.querySelector(u.default.zg.shadow.frameBodyWrapper),this.oDOMSource=this.querySelector(u.default.zgSource.tagName)||null,this.oDOMNodata=this.querySelector(u.default.zgNoData.tagName)||null,this.oTopPager=this.querySelector('zg-pager[slot="top"]')||this.oTopPager,this.oBottomPager=this.querySelector('zg-pager[slot="pager"]')||this.oBottomPager;const t=this.shadowRoot.querySelector(u.default.attr.style);t&&(this.initialGridCss=t.textContent),this.oDOMClipboard=this.shadowRoot.querySelector(".zing-grid-clipboard");const o=this.querySelector(u.default.zgLoadMask.tagName);e.loadmask=this.associateChild(u.default.zgLoadMask.tagName),e.loadmask.widget=this.widget,o?this.loading&&e.loadmask.setAttribute(u.default.zgLoadMask.defaultAttr,""):(e.loadmask.setAttribute(u.default.zgLoadMask.defaultAttr,""),e.loadmask.default()),this.oDOMWaterMark=this.querySelector(u.default.zgWatermark.tagName)||this.oDOMWaterMark,e.oDOMScrollerWrapper=this._oShadowRoot.querySelector(u.default.zg.shadow.frameBodyWrapper),e.oDOMScroller=e.oDOMScrollerWrapper,m.V5||this.setAttribute(u.default.attr.staticscroll,"")}processProperties(){const{columns:e,widget:t}=this,{store:o,layoutManager:n,viewportManager:r}=t;if(this.defaultBodyOverflow=window.getComputedStyle(document.body).overflow,void 0!==this.config){t.updateConfig(this.config);const{src:e,data:n}=this.config;o.bNeedsLoad=!(!e&&!n)}if(void 0!==e&&t.updateConfig({columns:e}),void 0!==this.card&&this._setCard(this.card),void 0!==this.src){let e={src:this.src};o.updateConfig(e),o.bNeedsLoad=!0}else void 0!==this.data&&o.setData(this.data);if(void 0===this.params||this.oDOMData||o.loadData({},this.params),void 0!==this.headerAutoFormat&&this._setHeaderAutoFormat(this.headerAutoFormat),void 0!==this.nestedDataSeparator&&this._setNestedDataSeparator(this.nestedDataSeparator),this.headerRowHide&&(t.bHeaderRowHide=this.headerRowHide),this.recordCount&&o.setOriginRecordCount(this.recordCount),void 0===this.contextMenu&&void 0===this.staticMenu||t.menuManager.initMenu(),t.bConfirmDelete="disabled"!==this.confirmDelete,t.bCellFocus="disabled"!==this.cellFocus,void 0!==this.groupBy&&this._setGrouping(this.groupBy),this.hasAttribute(u.default.editorControls.attr)&&!this.hasAttribute(u.default.editor.attr)){const e=this.getAttribute(u.default.editorControls.attr);"false"!==e&&"disabled"!==e&&(this.bSettingEditor=!0,this.setAttribute(u.default.editor.attr,""),this.bSettingEditor=!1)}t.editorManager.setInitialEditorType(),this.caption&&this._setCaption(this.caption),this.search&&this._setSearch(t.bHasSearchEnabled),this.columnsControl&&this._setColumnsControl(this.columnsControl),this.staticMenu&&this._setStaticMenu(this.staticMenu),(this.columnDrag||this.columnDragAction)&&this._setColumnDrag(this.columnDrag,this.columnDragAction),(this.columnResizable||this.columnResizablePersistent)&&this._setColumnResizable(this.columnResizable,this.columnResizablePersistent),this.frozenColumnsLeft&&(t.nLeftFrozenColumns=parseInt(this.frozenColumnsLeft,10)),t.initialConfig.frozenColumnsLeft=t.nLeftFrozenColumns,this.frozenColumnsRight&&(t.nRightFrozenColumns=parseInt(this.frozenColumnsRight,10)),t.initialConfig.frozenColumnsRight=t.nRightFrozenColumns,t._adjustFrozenColumns(!0),this.frozenRowsTop&&!t.bGroupBy&&(t.nTopFrozenRows=parseInt(this.frozenRowsTop,10)),t.initialConfig.frozenRowsTop=t.nTopFrozenRows,this.frozenRowsBottom&&(t.store.isIncrementalLoad()?(d.Aq("Frozen bottom rows is not supported with incremental data loading"),this.frozenRowsBottom=0):t.nBottomFrozenRows=parseInt(this.frozenRowsBottom,10)),t.initialConfig.frozenRowsBottom=t.nBottomFrozenRows,void 0!==this.defaultDisplay&&this._setDefaultDisplay(this.defaultDisplay),this._setControlBar(),this.viewportTypes&&(r.types=this.viewportTypes),r.allow&&r.setViewport(),t.initialConfig.layout=this.layout,n.setLayout(),void 0!==this.layoutControls?(this.bUserLayoutControls=!0,this._setLayoutControls(this.layoutControls)):this.layout&&this._setLayoutControls(!0),this.batchEdit&&this._setBatchEditControls(this.batchEdit),this.editor&&(t.editorManager.type=this.editor),this.creator&&this.creator===u.default.editor.typeInline&&(t.editorManager.createType=this.creator),void 0!==this.pagerPosition&&void 0===this.pager&&this._autoSetPager(),void 0===this.pager&&void 0===this.pagerPosition||this._attachPager(this.pager,null,this.pagerPosition,null),this.pagerType&&void 0!==this.pager&&this._setPagerType(this.pagerType,this.pagerButtonLimit),t.initialConfig.pageSize=this.pageSize,(this.pageSize||this.pageSizeRow||this.pageSizeCard)&&t.calculatePageSize(),this.rowSelector&&this._setRowSelector(!0),(this.source||this.oDOMSource)&&t.sourceManager.initSource(),this._attachNodata(this.noData,!0),this.externalThemeArr=[],this.externalThemeName=null,this._setThemeIconSVG(this.theme),this._setThemeCSS(this.theme),this._setGridClasses(),(this.zebra||""===this.zebra)&&this._setZebra(this.zebra),(this.rowHeight||this.frozenColumnsLeft||this.frozenColumnsRight)&&this._setRowHeight(this.rowHeight,this.frozenColumnsLeft||this.frozenColumnsRight),this.pageSizeOptions&&this.setPageSizeOptions(this.pageSizeOptions),void 0===this.sort&&void 0===this.sorter||this._setSorter(this.sort,this.sorter),t.sValidationErrorMessage=this.validationErrorMessage,t.sValidationRequiredMessage=this.validationRequiredMessage,(this.style.width||this.width)&&(this.width||(this.width=this.style.width),this._setScrollWidth(this.width)),this.templateStartDelimiter&&(o.templateStartDelimiter=this.templateStartDelimiter),this.templateEndDelimiter&&(o.templateEndDelimiter=this.templateEndDelimiter),this.iconSetData&&(this.iconSetDataMap=window[this.iconSetData]),this.preserveStateId&&this.widget.on("afterloaded",(()=>{this.widget.bAPIReady||this._wrapAPI((()=>t.stateManager.loadState()))}),this)}associateChild(e,t,o,n,r,a,i){let s;n?(s=`${e}#${n}`,r&&(s+=`, ${e}:not([id])`)):s=e;let l=this.querySelector(s);return l||(t||(t=document.createElement(e)),a?this.insertBefore(t,a):this.appendChild(t),l=t),n&&(l.id=n),o&&l.setAttribute("slot",o),void 0!==i&&(l.oDOMBody=this[`oDOM${i}Body`],l.oDOMHead=this[`oDOM${i}Head`],l.oDOMFoot=this[`oDOM${i}Foot`]),l}ready(){super.ready(),this.paint(),setImmediate((()=>{this.widget&&!this.widget.bDisconnect&&this.componentsLoaded()}))}paint(){this.widget.update(),this.widget.fire(u.default.event.afterPaint)}disconnectedCallback(){const e=this.widget;e&&(e.bDisconnect=!0),super.disconnectedCallback(),this.observer&&(this.observer.unobserve(this),this.observer=null),e&&e.destroy();const t=Object.keys(this);for(let e=0;e<t.length;e++){const o=t[e];this.hasOwnProperty(o)&&"object"==typeof this[o]&&(this[o]=null,delete this[o])}}ons(){const e=this.widget,t=e.focusManager;this.on("click",this.closeMenus),this.on("mousedown",t.clickFocus,t),this.on("focus",t.onFocus,t),this.on("keydown",t.onGridKeyDown,t,{},!1),this.on("contextmenu",e.onContextMenu,e,{},!1),e.store.once("loaded",(()=>e.fullscreenManager.setFullscreen()));const o=e.mainGridHScroll;this.oDOMVScroller=this._oShadowRoot.querySelector("#scroll"),o.on("scroll",(()=>{this.widget.updateHeadFootScroll(!1)}))}watchVisibility(){if("undefined"==typeof IntersectionObserver)return;if("inline-block"===window.getComputedStyle(this).getPropertyValue("display"))return;const e={root:document.documentElement};let t=null;this.observer=new IntersectionObserver(((e,o)=>{e.forEach((e=>{const o=e.intersectionRatio>0;null!==t&&this.bReady?o&&!t?(t=!0,this.updateSize(!0,void 0,!0)):t=!1:t=o}))}),e),this.observer.observe(this)}appendMenu(e){e&&e.oElMenu&&(e.bDefined?e.bDefined=!1:this.appendChild(e.oElMenu))}removeMenu(e){e&&e.oElMenu&&this.removeChild(e.oElMenu)}closeMenus(e,t){if(0===e.nButton){if(t.tagName.toLowerCase()===u.default.zgButton.tagName)return;this.widget.menuManager&&this.widget.menuManager.isMenuOpen()&&this.widget.menuManager.closeMenu(),this.widget.columnMenu&&this.widget.columnMenu.isMenuOpen()&&this.widget.columnMenu.closeMenu(t)}}customizeDialog(e,t){return this._wrapAPI((()=>this.widget.dialogManager.customize(e,t))),this}hydrate(){this.widget.store.load(),this.widget.store.bNeedsLoad=!1}componentsLoaded(){this.widget.bNeedsFrozenAdjust&&this.widget._adjustFrozenColumnsFromAttribute(),this.loadData()}loadData(){const e=this.widget,t=e.store;if(e.bPreloaded)return e.bAPIReady=!0,e.bHydrating=!0,this.hydrate(),e.bPreloaded=!1,void e.fire("apiready");t.bNeedsLoad?(t.load(),t.bNeedsLoad=!1):e.bAPIReady||t.finishNoData()}resetData(){const e=this.widget.store;if(e.dumpDataRequest(),e.initModel(),this.getAttribute("data")?e.setData(this.getAttribute("data")):e.data=null,e.src=null,this.getAttribute("src")){let t={src:this.getAttribute("src")};e.updateConfig(t)}e.reload()}filterColumn(e,t){return this._wrapAPI((()=>{if(this.widget.filter){let o=this.widget.getColumnByFieldIndex(e);o&&o.bFilter?this.widget.filter.setFilter(o,t):o?d.Aq(`The '${e}' column does not support filtering.`):d.Aq(`The column with [index="${e}"] does not exist.`)}})),this}select(e,t,o,n){return this._wrapAPI((()=>{const r=this.widget;if(!r.selector&&!r.bCellFocus)return this;let a=void 0===o,i=void 0===n;r.selector.deSelectAll(),i&&a?r.selector.se.cell(e,t):(i&&(n=t),a&&(o=e),r.selector.se.initRange(e,t,o,n)),r.selector.se.select(!0)})),this}selectAll(){return this._wrapAPI((()=>{const e=this.widget;if(!e.selector)return this;e.selector.se.selectAll().select()})),this}deselect(){return this._wrapAPI((()=>{const e=this.widget;if(!e.selector)return this;e.selector.deSelectAll()})),this}firstPage(){return this._wrapAPI((()=>this.widget.firstPage())),this}getCaption(){return this.caption||!1}getData(e){let t="visible"===(e=e||{}).cols,o="visible"===e.rows,n=e.headers&&!e.csv,r=this.widget.store.cleanData(t,o,n);return e.csv&&(r=d.Ae(r,e,this.widget)),r}getPageIndex(){return this.widget.getCurrPageIdx()+1}getPageSize(){return this.widget.pageSize}hideColumn(e){return this._wrapAPI((()=>this.toggleColumn(e,!0))),this}hideCellOverflow(e){return this._wrapAPI((()=>this.oDOMCellOverflow.close())),this}insertRow(e,t,o){return this._wrapAPI((()=>this.widget.insertRow(e,t,o))),this}updateRecord(e,t,o,n){return this._wrapAPI((()=>this.widget.updateRow(t,e,o,n))),this}removeRecord(e,t){return this._wrapAPI((()=>this.widget.removeRow(e,!0,void 0,t))),this}updateRow(e,t,o,n){return this._wrapAPI((()=>{let r=this.widget.getRecordIndexByDataRowContainerIndex(e);this.widget.updateRow(t,r,o,n)})),this}removeRow(e,t){return this._wrapAPI((()=>{let o=this.widget.getRecordIndexByDataRowContainerIndex(e);this.widget.removeRow(o,!0,void 0,t)})),this}updateCellByPosition(e,t,o,n){return this._wrapAPI((()=>{const r=this.widget.selectorEngineManager.$cell(e,t);if(r){const e=r.sTargetRecordIndex,t=r.sTargetFieldIndex;this.widget.updateCell(e,t,o,n)}})),this}updateCellByID(e,t,o,n){return this._wrapAPI((()=>this.widget.updateCell(e,t,o,n))),this}lastPage(){return this._wrapAPI((()=>this.widget.lastPage())),this}nextPage(){return this._wrapAPI((()=>this.widget.nextPage())),this}prevPage(){return this._wrapAPI((()=>this.widget.prevPage())),this}refresh(e,t){if(void 0!==e)e=parseInt(e,10),d.Uh(t)&&(t=parseInt(t,10)),this.widget.update({bUpdateBodyContent:!0},e,t);else{let e=this.widget;!e.store.isIncrementalLoad()&&e.oDOMSortedColumn&&e.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader&&e.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader.clearStyle(!0),this.widget.store.reload()}}refreshGrid(){this.refresh(),this.bReady&&g.default.refresh(this.widget)}searchGrid(e){return this._wrapAPI((()=>{const t=this.widget.search;t&&(t.oDOMInput.value=e,!t.searchBarVisible&&e&&t.searchBtnClickToggle(void 0,!0),t.triggerSearch())})),this}setCaption(e){return this._wrapAPI((()=>this.caption=e)),this}setData(e){return this._wrapAPI((()=>this.data=e)),this}setPageIndex(e){let t=parseInt(e,10);if(!isNaN(e))return this._wrapAPI((()=>this.widget.setCurrPageIdx(t-1))),this}setPageSize(e){let t=parseInt(e,10);if(!isNaN(t))return this.widget.bUserPageSize=!0,this._wrapAPI((()=>this.widget.setPageSize(t))),this}setPageSizeCard(e){let t=parseInt(e,10);return isNaN(t)?this:this.setElementAPI("page-size-card",t)}setPageSizeRow(e){let t=parseInt(e,10);return isNaN(t)?this:this.setElementAPI("page-size-row",t)}setPageSizeOptions(e){return this._wrapAPI((()=>{e||(e=u.default.zgPager.defaultPageSizes),this.oTopPager&&this.oTopPager.setAttribute("size-options",e),this.oBottomPager&&this.oBottomPager.setAttribute("size-options",e)})),this}showColumn(e){return this._wrapAPI((()=>this.toggleColumn(e,!1))),this}sortColumn(e,t){return this._wrapAPI((()=>{if(this.widget.sorter){let o=this.widget.getColumnByFieldIndex(e);o&&o.oDOMSortHeader?(t=t||null,o.oDOMSortHeader.onSort(null,null,t)):o||d.Aq(`The column with [index="${e}"] does not exist.`)}})),this}toggleColumn(e,t){let o=this.widget.getColumnIndexByFieldIndex(e);if(-1!==o){let e=this.widget.aColumnMapping[o],n=e.oDOMZGColumn;if(void 0===t&&(t=!n.hasAttribute("hidden")),e.bHidden===t)return;t?n.setAttribute("hidden",!0):n.removeAttribute("hidden")}else d.Aq(`The column with [index="${e}"] does not exist.`);return this}_propertyHandler(e,t,o){o=super._propertyHandler(e,t,o);const n=this.widget,r=n.store,a=d.c7.get(n,["viewportManager"]);switch(e){case"aggregate":this.bReady&&this._updateColumnControls("aggregate",o);break;case"batchEdit":this.bReady&&this._setBatchEditControls(o);break;case"align":this.bReady&&this._setAlign(o);break;case"buttonTooltipDisabled":this.bReady&&this._setButtonTooltipDisabled(o);break;case"card":this.bReady&&this._setCard(o);break;case"caption":this.bReady&&this._setCaption(o);break;case"cellBreak":this.bReady&&this._setCellBreak(o);break;case"cellClass":this.bReady&&this._setClass(o,"Cell");break;case"cellTooltipRenderer":this._setCellTooltipRenderer(o);case"cellTooltipTemplate":this._setCellTooltipTemplate(o);case"cellTooltipDelay":case"cellTooltipIcon":case"cellTooltipPosition":case"cellTooltipType":case"cellTooltipAction":this._setCellTooltipOptions(e,o);break;case"colClass":this.bReady&&this._setClass(o,"Col");break;case"columnsControl":n.bHasColumnsControl=!!o,this.bReady&&this._setColumnsControl(!!o);break;case"columnResizablePersistent":this.bReady&&this._setColumnResizable(this.columnResizable,!!o);break;case"columnResizable":this.bReady&&this._setColumnResizable(!!o,this.columnResizablePersistent);break;case"frozenColumnsLeft":if(this.bReady&&!n.bUpdatingFrozen)if(n.layoutManager.sCurrentType!==u.default.zgLayout.typeCard&&this.layoutType!==u.default.zgLayout.typeCard){n.nLeftFrozenColumns=parseInt(o,10)||0,this._setRowHeight(this.rowHeight,n.nLeftFrozenColumns||n.nRightFrozenColumns);let e=n.nLeftFrozenColumns+n.nRightFrozenColumns,t=n.aColumnMapping.length-e;t<0&&(n.nRightFrozenColumns+=t,n.nRightFrozenColumns<0&&(n.nRightFrozenColumns=0)),n._adjustFrozenColumns(),n.updater.clearCache(),n.update(),n.updater.checkHorizontalScroll()}else n.nCardLeftFrozenColumns=parseInt(o,10)||0;break;case"frozenColumnsRight":if(this.bReady&&!n.bUpdatingFrozen)if(n.layoutManager.sCurrentType!==u.default.zgLayout.typeCard&&this.layoutType!==u.default.zgLayout.typeCard){n.nRightFrozenColumns=parseInt(o,10)||0,this._setRowHeight(this.rowHeight,n.nLeftFrozenColumns||n.nRightFrozenColumns);let e=n.nLeftFrozenColumns+n.nRightFrozenColumns,t=n.aColumnMapping.length-e;t<0&&(n.nLeftFrozenColumns+=t,n.nLeftFrozenColumns<0&&(n.nLeftFrozenColumns=0)),n._adjustFrozenColumns(),n.updater.clearCache(),n.update(),n.updater.checkHorizontalScroll()}else n.nCardRightFrozenColumns=parseInt(o,10)||0;break;case"frozenRowsTop":this.bReady&&!n.bGroupBy&&(n.layoutManager.sCurrentType!==u.default.zgLayout.typeCard&&this.layoutType!==u.default.zgLayout.typeCard?(n.nTopFrozenRows=parseInt(o,10)||0,n.bUpdatingFrozen||n.bReload||(n.updateFrozenRowMapping(),n.updater.clearCache(),n.update(),n.fire(u.default.event.frozenrowchange,"top",o,t))):n.nCardTopFrozenRows=parseInt(o,10)||0);break;case"frozenRowsBottom":this.bReady&&!n.bGroupBy&&(n.layoutManager.sCurrentType!==u.default.zgLayout.typeCard&&this.layoutType!==u.default.zgLayout.typeCard?(n.nBottomFrozenRows=parseInt(o,10)||0,n.bUpdatingFrozen||n.bReload||(n.updateFrozenRowMapping(),n.updater.clearCache(),n.update(),n.fire(u.default.event.frozenrowchange,"bottom",o,t))):n.nCardBottomFrozenRows=parseInt(o,10)||0);break;case"columns":if(this.bReady){n.updateConfig({columns:o});const{data:e,src:t}=this;(e||t)&&r.reload()}break;case"config":if(this.bReady){n.updateConfig(o);const{data:e,src:t}=o;(e||t)&&r.load()}break;case"contextMenu":"boolean"==typeof o||"true"===o?(n.bHasContextMenuEnabled=!!o,n.sContextMenuId=null):null===o?n.bHasContextMenuEnabled=!1:(n.bHasContextMenuEnabled=!0,n.sContextMenuId=o),this.bReady&&n.bHasContextMenuEnabled&&n.menuManager.initMenu(!0);break;case"cellFocus":n.bCellFocus="disabled"!==o;break;case"compact":n.bCompact=o,n.nDefaultRowHeight=o?u.default.zgRow.defaultCompactHeight:u.default.zgRow.defaultHeight,n.nDefaultHeadHeight=o?u.default.zgRow.defaultCompactHeadHeight:u.default.zgRow.defaultHeadHeight,this.bReady&&n.update();break;case"confirmDelete":n.bConfirmDelete=!0,o&&"disabled"!==o||(n.bConfirmDelete=!1);break;case"data":r&&!r.bUpdatingData&&this.bReady&&(o=r.setData(o),r.bHasDataSource&&(this.removeAttribute("src"),r.dumpDataRequest()),n.bAPIReady&&r.reload(void 0,!0));break;case"defaultDisplay":this.bReady&&this._setDefaultDisplay(o);break;case"dir":this.bReady&&(o?n.sComputedDir=o:n.initDir(),this.querySelectorAll("zg-button[dir]").forEach((e=>{e.setAttribute("dir",n.sComputedDir),e.setTooltip(e.action,n,e.customTooltip)})),this.querySelectorAll("zg-filter, zg-select, zg-dialog, zg-menu-group, zg-head-cell, zg-option-list, zg-control-bar, zg-pager").forEach((e=>{o?e.setAttribute("dir",n.sComputedDir):e.removeAttribute("dir")})),n.updater.clearCache(),n.update());break;case"columnDrag":this.bReady&&this._setColumnDrag(o,this.columnDragAction);break;case"columnDragAction":this.bReady&&this._setColumnDrag(this.columnDrag,o);break;case"cellEditor":null===o&&n.bHasEditorEnabled?n.bHasCellEditorEnabled=!0:o&&"disabled"!==o?(n.bHasCellEditorEnabled=!0,n.bHasEditorEnabled=!0):n.bHasCellEditorEnabled=!1;break;case"creator":o!==u.default.editor.typeInline&&(o=u.default.editor.typeModal),this.bReady&&(n.editorManager.createType=o);break;case"editor":n.editorFieldManager&&n.editorFieldManager.isEditorOpen()&&(n.editorFieldManager.closeFieldEditor(!0),n.editorManager&&n.editorManager.closeEditor()),o?("true"===o&&(o=u.default.editor.typeInline),n.bHasEditorEnabled=!0,"disabled"!==this.cellEditor&&!1!==this.cellEditor&&(n.bHasCellEditorEnabled=!0),this.bReady&&(n.editorManager.type=o),this.bSettingEditor?this.bUserEditorControls=!1:this.bUserEditorControls=!0):(n.bHasEditorEnabled=!1,!0!==this.cellEditor&&(n.bHasCellEditorEnabled=!1),this.bUserEditorControls=!1);break;case"editorControls":this.bReady&&(n.bUpdatingColumns=!0,this._updateColumnControls("editorControls",o,!0),this._attachNodata(this.noData),n.setupCardHeader(),o&&"disabled"!==o?this.hasAttribute(u.default.editor.attr)||(this.bSettingEditor=!0,this.setAttribute(u.default.editor.attr,""),this.bSettingEditor=!1):this.bUserEditorControls||this.removeAttribute(u.default.editor.attr),n.bUpdatingColumns=!1,n.updater.clearCache(),n.updater.clearStyle(),n.update());break;case"filter":let i=0;if(n.bHasFilterEnabled&&!o?i=-1:!n.bHasFilterEnabled&&o&&(i=1),n.bHasFilterEnabled=o,n.bGlobalFilter=o,this.bReady&&n){for(let e=0,t=n.aColumnMapping.length;e<t;e++){let t=n.aColumnMapping[e].oDOMZGColumn;const r=["undefined",null],a=typeof t.filter;r.indexOf(a)>-1&&(t.filter=o)}i&&this._updateRowIndex(i),n.update()}break;case"footClass":this.bReady&&this._setClass(o,"Foot");break;case"fullscreen":d.SZ({el:document.body,attr:"zinggrid-fullscreen",match:o,value:""}),this.bReady&&(o?n.fullscreenManager.setFullscreen(!0):n.fullscreenManager.unsetFullscreen());break;case"gridlines":this.bReady&&this._setGridLines(o);break;case"groupBy":this.bReady&&this._setGrouping(o);break;case"headerAutoFormat":this.bReady&&(this._setHeaderAutoFormat(o),n.update({bUpdateColumnHeaderContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0}));break;case"nestedDataSeparator":this.bReady&&(this._setNestedDataSeparator(o),r.reload());break;case"headerRowHide":this.bReady&&(n.bHeaderRowHide=o,n.update({bUpdateColumnHeaderContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnBodyContainerClass:!0}));break;case"headerTooltipRenderer":this._setHeaderTooltipRenderer(o);case"headerTooltipTemplate":this._setHeaderTooltipTemplate(o);case"headerTooltipIcon":case"headerTooltipIconPosition":case"headerTooltipPosition":case"headerTooltipDelay":case"headerTooltipType":case"headerTooltipAction":this._setHeaderTooltipOptions(e,o);break;case"headerTooltipTrigger":this._setHeaderTooltipOptions(e,o,!0);break;case"headClass":this.bReady&&this._setClass(o,"Head");break;case"height":this._setScrollHeight(o);break;case"iconSet":this.bReady&&n.iconManager.updateIcons(o);break;case"lang":g.default.setLang(o,n),this.bReady&&g.default.refresh(n);break;case"layout":this.bReady&&(this.bUserLayoutControls||this._setLayoutControls(o),n.layoutManager.setLayout({isReset:null===o}));break;case"layoutControls":this.bReady&&(this.bUserLayoutControls=null!==o,this._setLayoutControls(o));break;case"noData":this.bReady&&this._attachNodata(o);break;case"pager":if(r&&r.oDataFormat.bLoadByScroll)return;this.bReady&&(o&&!this._settingPager&&(this.bGeneratedPager=!1),this._attachPager(o,t,this.pagerPosition,this.pagerPosition));break;case"pagerPosition":this.bReady&&(null===o?this.bGeneratedPager&&(this.pager=!1,this.bGeneratedPager=!1):void 0===this.pager&&this._autoSetPager(),this._attachPager(this.pager,this.pager,o,t));break;case"pagerButtonLimit":this.bReady&&this.pager&&this._setPagerType(this.pagerType,o);break;case"pagerType":this.bReady&&this.pager&&this._setPagerType(o,this.pagerButtonLimit);break;case"pageSize":case"pageSizeRow":case"pageSizeCard":n.bUserPageSize=!0,this.bReady?n.calculatePageSize(null,!1,e,o):"pageSize"===e&&n.setPageSize(o);break;case"pageSizeOptions":this.bReady&&this.setPageSizeOptions(o);break;case"params":this.bReady&&r.loadData(this.oDOMData?this.oDOMData.options:{},o,null,!0);break;case"preserveStateOptions":case"preserveStateId":case"preserveStateLoad":case"preserveStateSave":n.oStateOptions[e]=o,this.bReady&&"preserveStateSave"!==e&&n.stateManager.loadState();break;case"recordCount":this.bReady&&(r.setOriginRecordCount(o),n.fire(u.default.event.pagesizechange,o));break;case"frozenRowClass":this.bReady&&this._setClass(o,"FrozenRow");break;case"rowClass":this.bReady&&this._setClass(o,"Row");break;case"rowHeight":this.bReady&&this._setRowHeight(o);break;case"search":n.bHasSearchEnabled=!!o,this.bReady&&this._setSearch(n.bHasSearchEnabled);break;case"selector":o?n.bHasSelectorEnabled=!0:(n.selector.bHasSelection&&n.selector.deSelectRange(),n.bHasSelectorEnabled=!1);break;case"rowSelector":this.bReady&&(o&&this.rowSelector||!o&&!this.rowSelector||(this._setRowSelector(o),this._updateColumnControls("rowSelector",o)));break;case"recordKey":if(this.bReady)if(o&&this.recordKey||!o&&!this.recordKey){if(o&&this.recordKey){let e=n.aColumnMapping.find((e=>e.sFieldIndex===u.default.internalColumn.recordkey));e&&(e.oDOMZGColumn.header=o)}}else this._updateColumnControls("recordKey",o);break;case"recordDuplicate":this.bReady&&(o&&this.recordDuplicate||!o&&!this.recordDuplicate||this._updateColumnControls("recordDuplicate",o));break;case"sort":this.bReady&&(this._setSorter(o,this.sorter),this._toggleSorter(o));break;case"sortIntl":n.sSortIntl=o,this.bReady&&this._setSortIntl(o);break;case"sorter":this.bReady&&this._setSorter(this.sort,o);break;case"source":this.bReady&&n.sourceManager.setSource({source:o});break;case"src":if(this.bReady)if(n.dumpMapping(),r.dumpModel(),r.bHasDataSource&&r.dumpDataRequest(),o){r.data&&r.data.length&&(r.initModel(),this.removeAttribute("data"));let e={src:o};this.oDOMData?r.loadData(this.oDOMData.options,this.params,e):(r.updateConfig(e,!0),r.load())}else{let e={src:o};r.updateConfig(e),r.load()}break;case"staticMenu":if("boolean"==typeof o||"true"===o){const e=this.contextMenu;n.bHasStaticMenu=!!o,e&&"string"==typeof e||(n.sContextMenuId=null)}else null===o?n.bHasStaticMenu=!1:(n.bHasStaticMenu=!0,n.sContextMenuId=o);this.bReady&&this._setStaticMenu(n.bHasStaticMenu,!0);break;case"statusPosition":this.bReady&&this.oDOMStatus.hasAttribute(u.default.attr.active)&&this.widget.statusManager.setStatus();break;case"theme":this.bReady&&(this._setThemeCSS(o),this._setThemeIconSVG(o));break;case"validationErrorMessage":this.bReady&&(n.sValidationErrorMessage=o);break;case"validationRequiredMessage":this.bReady&&(n.sValidationRequiredMessage=o);break;case"viewportPause":if(!this.bReady)return;o?a.run="pause":o||a.run.stop||(a.run=!0);break;case"viewportStop":if(!this.bReady)return;o?a.run=!1:o||a.run.pause||(a.run=!0);break;case"viewportTypes":this.bReady&&(a.types=o,a.allow&&a.setViewport());break;case"width":this.bReady&&this._setScrollWidth(o);break;case"templateStartDelimiter":case"templateEndDelimiter":this.bReady&&(r[e]=o||u.default.template[e],n.updater.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0}));break;case"zebra":this.bReady&&this._setZebra(o)}return this.bReady&&["rowClass","cellClass","colClass","footClass","headClass","zebra","frozenRowClass"].includes(e)&&(n.bNeedUpdate=!0),o}_applyCss(e){":"===e.charAt(0)&&this.shadowRoot.querySelector("style").insertAdjacentText("afterbegin",`${e} ${this.initialGridCss}`)}_autoSetPager(){this.bGeneratedPager=!0,this._settingPager=!0,this.pager=!0,this._settingPager=!1}_attachNodata(e,t){let o=!!e;this.oDOMNodata?t&&(o=!0):(this.oDOMNodata=document.createElement(u.default.zgNoData.tagName),this.appendChild(this.oDOMNodata)),e?this.oDOMNodata.classList.add("attr"):this.oDOMNodata.classList.remove("attr"),o?this.oDOMNodata.classList.remove("default"):this.oDOMNodata.classList.add("default");const n=this.getAttribute(u.default.attr.editorcontrols),r=["false",u.default.editorControls.editor,u.default.editorControls.remover],a=(n||""===n)&&-1===r.indexOf(n),i=document.createElement("SPAN");if(e)this.oDOMNodata.innerHTML=e;else if(!o){this.oDOMNodata.innerHTML="";const e=i.cloneNode(!0),t=g.default.get("noData.message",this.widget,{element:e,elProperty:"innerHTML"});e.classList.add("default-message"),e.innerHTML=t,this.oDOMNodata.appendChild(e)}if(!o&&a){const e=i.cloneNode(!0);e.classList.add("default-insert-record");const t=g.default.get("noData.insertRecord",this.widget,{element:e,elProperty:"innerHTML"});e.innerHTML=`\n        <zg-button action="createrecord" no-data notooltip>\n          <zg-icon name="createrecord" slot="icon"></zg-icon> \n          <span slot="label">${t}</span>\n        </zg-button>\n      `,this.oDOMNodata.appendChild(e)}this.oDOMNodata.setAttribute("slot","gridnodata")}_attachPager(e,t,o,n){const r=this.widget,a=r.store;if(a&&a.oDataFormat.bLoadByScroll)return;null==o&&(o="bottom"),void 0===n&&(n="bottom");let i=["top","both"],s=["bottom","both"],l=[null,!1,"false",void 0],d=this.oBottomPager,c=this.oTopPager;c||(c=document.createElement("zg-pager"),c.setAttribute("slot","top"),this.oTopPager=c),void 0===d&&(d=document.createElement("zg-pager"),d.setAttribute("slot","pager"),this.oBottomPager=d),l.includes(t)||(i.includes(n)&&this.removeChild(this.oTopPager),s.includes(n)&&this.removeChild(this.oBottomPager)),l.includes(e)||(i.includes(o)&&!this.oTopPager.parentNode&&(this.appendChild(this.oTopPager),r.updateFocus(null,this.oTopPager,r.focusManager.aTopPager)),s.includes(o)&&!this.oBottomPager.parentNode&&(this.appendChild(this.oBottomPager),r.updateFocus(null,this.oBottomPager,r.focusManager.aBottomPager)))}_setPagerType(e,t){e?(this.oTopPager&&(this.oTopPager.setAttribute(u.default.zgPager.typeAttr,e),t?this.oTopPager.setAttribute(u.default.zgPager.buttonLimitAttr,t):this.oTopPager.removeAttribute(u.default.zgPager.buttonLimitAttr)),this.oBottomPager&&(this.oBottomPager.setAttribute(u.default.zgPager.typeAttr,e),t?this.oBottomPager.setAttribute(u.default.zgPager.buttonLimitAttr,t):this.oBottomPager.removeAttribute(u.default.zgPager.buttonLimitAttr))):(this.oTopPager&&(this.oTopPager.removeAttribute(u.default.zgPager.typeAttr),this.oTopPager.removeAttribute(u.default.zgPager.buttonLimitAttr)),this.oBottomPager&&(this.oBottomPager.removeAttribute(u.default.zgPager.typeAttr),this.oBottomPager.removeAttribute(u.default.zgPager.buttonLimitAttr)))}_attributeHandler(e,t,o){e!==u.default.editor.attr||void 0!==this.userEditorValue||this.widget&&this.widget.bUpdatingEditor||this._storeEditorValue(),super._attributeHandler(e,t,o)}_loadCss(e){let t=e.split(".css");1!==t.length&&(t=t[0].split("/"),this.setAttribute("theme",t[t.length-1]),fetch(e).then((e=>e.text())).then((e=>this._applyCss(e))))}_setCard(e){let{rendererTemplate:t,editorTemplate:o,renderer:n,editor:r}=e;const a=this.widget,i=a.oCard||document.createElement(u.default.zgCard.tagName);t||(t=e["renderer-template"]),o||(o=e["editor-template"]),t&&i.setAttribute("renderer-template",t),o&&i.setAttribute("editor-template",o),n&&i.setAttribute("renderer",n),r&&i.setAttribute("editor",r),a.oCard||this.appendChild(i),this.bReady&&(this.widget.updater.clearCache(),this.widget.update())}_setCaption(e,t){const o=this.widget;let n=!1;if(!this.oDOMCaption){let o=document.createElement(u.default.zgCaption.tagName);(null!==e||t)&&this._attachToParent(o,this.oDOMHeader),this.oDOMCaption=o,n=!0}if(o.messageCaption)o.changedCaption=e;else{if(!(e||t||o.bHasStaticMenu||o.bHasSearchEnabled))return this.oDOMHeader&&!n&&this.oDOMHeader.removeChild(this.oDOMCaption),void(this.oDOMCaption=null);this.oDOMCaption.changeText(e),this.oDOMCaption.hasAttribute("slot")||this.oDOMCaption.setAttribute("slot","caption"),o.updateFocus("Caption")}}_setSelectorCheckbox(e){const t=this.oDOMControlBar||this.querySelector(u.default.zgControlBar.tagName);t&&(this.caption||this.oDOMCaption||this._setCaption(null,!0),e.slot="cardaction",e.setAttribute(u.default.attr.datafocus,""),t.oDOMSelector&&t.removeChild(t.oDOMSelector),t.insertBefore(e,t.childNodes[0]),t.oDOMSelector=e,t.setAttribute(u.default.attr.internalselector,""),this._toggleControlBar())}_setControlBar(){if(!this.oDOMControlBar){let e=document.createElement(u.default.zgControlBar.tagName);this._attachToParent(e,this.oDOMHeader),this.oDOMControlBar=e}this.oDOMControlBar.setAttribute("slot","control-bar"),this.widget.updateFocus("ControlBar")}_setLayoutControls(e){(e="disabled"!==e&&(""===e||(!(null!==e||!this.hasAttribute(u.default.zgLayout.attr))||!!e)))?(this.oDOMLayoutControls||(this.oDOMLayoutControls=document.createElement(u.default.zgLayoutControls.tagName),this.bReady&&this._attachToParent(this.oDOMLayoutControls,this.oDOMControlBar)),this.oDOMLayoutControls.setAttribute("slot","layout-controls")):!e&&this.oDOMLayoutControls&&(this.oDOMLayoutControls.parentNode.removeChild(this.oDOMLayoutControls),this.oDOMLayoutControls=null),this._toggleControlBar()}_setCreateControls(e){e?(this.oDOMControlBar.oDOMCreate.removeAttribute("hidden"),this.oDOMControlBar.setAttribute(u.default.attr.create,"")):(this.oDOMControlBar.oDOMCreate.setAttribute("hidden",""),this.oDOMControlBar.removeAttribute(u.default.attr.create)),this._toggleControlBar()}_setBatchEditControls(e){this.oDOMControlBar.oDOMBatchEdit&&(e?(this.oDOMControlBar.setAttribute(u.default.attr.batchEdit,""),this.oDOMControlBar.oDOMBatchEdit.removeAttribute("hidden")):(this.oDOMControlBar.removeAttribute(u.default.attr.batchEdit),this.oDOMControlBar.oDOMBatchEdit.setAttribute("hidden","")),this._toggleControlBar())}_setCellBreak(e,t){this.widget.cellBreakManager.setCellBreak(e)}_toggleControlBar(){let e=!1,t=this.oDOMControlBar._oShadowRoot.querySelector('slot[name="cardaction"]').assignedNodes(),o=this.oDOMControlBar._oShadowRoot.querySelector('slot[name="action"]').assignedNodes(),n=this.widget.layoutManager.sCurrentType||this.widget.layoutManager.getLayoutType();o.length&&(e=o.some((e=>null===e.getAttribute("hidden")&&e.tagName.toLowerCase()!==u.default.zgText.tagName))),this.oDOMLayoutControls||e||t.length>1&&n===u.default.zgLayout.typeCard?this.oDOMControlBar.removeAttribute("hidden"):this.oDOMControlBar.setAttribute("hidden","")}_attachToParent(e,t){t.bReady?t.appendChild(e):t.on("ready",(()=>t.appendChild(e)))}_activateLoadByScroll(){const e=this.widget;e.store;let t=this.height||u.default.infinite.defaultHeight;this.height||(this.height=u.default.infinite.defaultHeight),e.oDOMScroller||(e.oDOMScroller=this._oShadowRoot.querySelector(u.default.zg.shadow.frameBodyWrapper),e.scroller&&e.scroller.ons()),e.oDOMScroller.style.height=t,e.oDOMScroller.setAttribute(u.default.attr.height,""),this.oTopPager&&this.oTopPager.remove(),this.oBottomPager&&this.oBottomPager.remove()}_setGrouping(e){const t=this.widget;let o=t.aGroupBy;t.bGroupBy=!!e,t.bGroupBy?("string"==typeof e&&(e=e.split(",").map((e=>e.trim()))),t.aGroupBy=e):t.aGroupBy=[],this.bReady&&t._updateGroupedColumnReset(!0,!t.bGroupBy,o)}_setAlign(e){const t=this.widget,o=t.getAllHeadRows(),n=t.getAllBodyRows(),r=t.getAllFootRows();(o||n||r)&&(this._setAlignByArea(o,e),this._setAlignByArea(n,e),this._setAlignByArea(r,e))}_setAlignByArea(e,t){const o=this.widget;let n=o.aColumnMapping;e.forEach((e=>{e.childNodes.forEach(((e,r)=>{let a=n[r].sAlign||t||null;o.setCellAlignment(e,a)}))}))}_setHeaderAutoFormat(e){if(""===e||null===e?this.widget.bHeaderAutoFormat=!0:(this.widget.bHeaderAutoFormat="disabled"!==e&&!!e,this.widget.bHeaderAutoFormat&&"string"==typeof e&&(this.widget.fnHeaderAutoFormat=h.Z.setUserFunction(null,e))),this.widget.aColumnMapping)for(let e=0,t=this.widget.aColumnMapping.length;e<t;e++){this.widget.aColumnMapping[e].oDOMZGColumn.setHeader()}}_setNestedDataSeparator(e){const t=this.widget;if(t.sNestedDataSeparator=""===e||null===e?".":e,t.aColumnMapping)for(let e=0,o=t.aColumnMapping.length;e<o;e++){t.aColumnMapping[e].oDOMZGColumn.setHeader()}}_updateColumnControls(e,t,o){const n=this.widget,r={editorControls:this.editorControls,rowSelector:this.rowSelector,recordKey:this.recordKey,recordDuplicate:this.recordDuplicate,aggregate:this.aggregate};r[e]=t,n._addColumnControls(r),o||(n.setupCardHeader(),n.updater.clearCache(),n.update())}_updateRowIndex(){this.widget.getAllBodyRows().forEach((e=>e.setBodyIndexes(e.bodyRowIndex)))}_setGridLines(e){const t=this.widget,o=[...t.getAllHeadRows(),...t.getAllBodyRows()];if(e){const t=e.toLowerCase();o.forEach((e=>{"both"===t||"vert"===t||"vertical"===t?e.setAttribute(u.default.attr.gridlinesvert,""):e.removeAttribute(u.default.attr.gridlinesvert),"both"===t||"horz"===t||"horizontal"===t?e.setAttribute(u.default.attr.gridlineshorz,""):e.removeAttribute(u.default.attr.gridlineshorz)}))}else o.forEach((e=>{e.removeAttribute(u.default.attr.gridlinesvert),e.removeAttribute(u.default.attr.gridlineshorz)}))}_setClass(e,t,o){o&&this[`fn${t}Class`]||(this[`fn${t}Class`]=h.Z.setUserFunction(null,e))}_setRowHeight(e,t){!e&&t?e="auto":e||t?e==+e&&(e+="px"):e=void 0,this.widget.nRowHeight=e,!this.cellBreak&&"auto"!==this.rowHeight&&t&&(this.cellBreak=u.default.cellBreak.ellipsis)}_setZebra(e){let t=this.widget;const o=null===e?[]:[u.default.zebra.defaultClass1,u.default.zebra.defaultClass2];if(e&&"true"!==e&&!0!==e){let o=e.split(",");1===o.length&&(o=o[0].split(" ")),t.aZebraClasses=o.map((e=>e.trim()))}else t.aZebraClasses=o}_setColumnsControl(e,t){if(this.caption||t||this.oDOMCaption||this._setCaption(null,!0),!this.oDOMCaption||!this.oDOMCaption.bReady){const t=()=>{this.oDOMCaption&&this.oDOMCaption.bReady?this._setColumnsControl(e):requestAnimationFrame(t)};return void(e&&requestAnimationFrame(t))}const o=this.oDOMCaption.oDOMColumnMenu;e?o.removeAttribute(u.default.attr.hidden):(o.setAttribute(u.default.attr.hidden,""),t||this._checkRemoveCaption())}_checkRemoveCaption(){this.oDOMCaption&&!this.oDOMCaption.showCaption()&&(this.oDOMHeader.removeChild(this.oDOMCaption),this.oDOMCaption=null)}_setDefaultDisplay(e){this.widget.sDefaultDisplay=e,this.bReady&&this.widget.updater.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0})}_setColumnResizable(e,t){if(this.widget.bColumnResizable=e,this.widget.bColumnResizablePersistent=t,void 0===e&&t&&(this.widget.bColumnResizable=!0),this.bReady){[...this.oDOMHead.querySelectorAll(u.default.zgHeadCell.tagName)].forEach((e=>e._setResize()))}}_setColumnDrag(e,t){const o=this.widget;this.bUpdatingDrag||(this.bUpdatingDrag=!0,o.bDragHide=!1,o.bDragMove=!1,e&&void 0===t?(t=u.default.drag.both,this.defaultColumnDragAction=u.default.drag.both):t&&void 0===e?(e=!0,this.columnDrag=!0):e||void 0!==t||(this.defaultColumnDragAction=null),o.bColumnDrag=e,"string"==typeof t&&((t=t.toLowerCase())!==u.default.drag.both&&t!==u.default.drag.hide||(o.bDragHide=!0),t!==u.default.drag.both&&t!==u.default.drag.reorder||(o.bDragMove=!0)),this.widget.columnDragManager.setColumnDrag(),this.bUpdatingDrag=!1)}_setCellTooltipOptions(e,t){const o=this.widget;o.oCellTooltip[e]=t,this.bReady&&o.updater.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0})}_setButtonTooltipDisabled(e){this.querySelectorAll("zg-button[dir]").forEach((t=>{t.setTooltip(t.action,this.widget,t.customTooltip,e)}))}_setCellTooltipRenderer(e){e&&d.HD(e)?this.widget.oCellTooltip.fnCellTooltipRenderer=h.Z.setUserFunction(null,e):this.widget.oCellTooltip.fnCellTooltipRenderer=null}_setCellTooltipTemplate(e){const t=window[e]||document.getElementById(e)||null;this.widget.oCellTooltip.oDOMCellTooltipTemplate=t}_setHeaderTooltipOptions(e,t,o){const n=this.widget;if(n.oHeaderTooltip[e]=t,this.bReady)if(o){const e=n.aColumnMapping;for(let t=0,o=e.length;t<o;t++)e[t].oDOMZGColumn.removeAttribute("min-calculated-header-width");n.update({bUpdateColumnHeaderContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0})}else{[...n.getAllHeadCells(!0)].forEach((e=>e._setHeaderTooltip()))}}_setHeaderTooltipRenderer(e){e&&d.HD(e)?this.widget.oHeaderTooltip.fnHeaderTooltipRenderer=h.Z.setUserFunction(null,e):this.widget.oHeaderTooltip.fnHeaderTooltipRenderer=null}_setHeaderTooltipTemplate(e){const t=window[e]||document.getElementById(e)||null;this.widget.oHeaderTooltip.oDOMHeaderTooltipTemplate=t}_setRowSelector(e){!this.oDOMCaption&&e?this._setCaption(null,!0):this.oDOMCaption&&!e&&(this._setCaption(null),this._checkRemoveCaption())}_setScrollHeight(e){const t=this.widget.oDOMScroller||this._oShadowRoot.querySelector(u.default.zg.shadow.frameBodyWrapper),o=this._oShadowRoot.querySelector(u.default.zg.shadow.frameBodyWrapper);e?(o.setAttribute(u.default.attr.height,""),t.setAttribute(u.default.attr.height,""),-1===e.indexOf("px")&&(e+="px"),o.style.height=e,t.style.height=e):(o.removeAttribute(u.default.attr.height),o.style.height="",t.removeAttribute(u.default.attr.height),t.style.height="")}_setScrollWidth(e,t){const o=this.widget;if(!o||!o.mainGridTable)return;let n=o.mainGridTable.dom;if(o.nSetWidth=e,e){+e==e&&(e+="px");const t=-1!==e.indexOf("%");n.setAttribute(u.default.attr.width,""),this.style.width=e,n.style.width=t?"":e,this.oDOMVScroller&&(this.oDOMVScroller.style.width="")}else this.style.width="",n.style.width="";!t&&this.bReady&&requestAnimationFrame((()=>o.updater.updateResizeWindow(!0)))}_addDependentCaption(e,t){if(this.caption||t||this.oDOMCaption||this._setCaption(null,!0),!this.oDOMCaption||!this.oDOMCaption.bReady){const t=()=>{this.oDOMCaption&&this.oDOMCaption.bReady?e():requestAnimationFrame(t)};return requestAnimationFrame(t),!0}return!1}_setSearch(e,t){if(e||t){if(this._addDependentCaption((()=>this._setSearch(e,t)),t))return}const o=this.oDOMCaption.querySelector(u.default.zgSearch.tagName);e?(o.removeAttribute(u.default.attr.hidden),this.widget.search=o):(o.setAttribute(u.default.attr.hidden,""),t||this._checkRemoveCaption())}_setStaticMenu(e,t){if(e){if(this._addDependentCaption((()=>this._setStaticMenu(e,t))))return}if(this.oDOMCaption){this.oDOMCaption.toggleStaticMenu(e)||e||this._checkRemoveCaption()}this.bReady&&e&&this.widget.menuManager.initMenu(t)}_toggleSorter(e){""===e&&(e=!0);let t=this.oDOMHead.querySelectorAll(u.default.zgHeadCell.tagName);this.oDOMHead&&this.oDOMHead.children&&(e?[...t].forEach((e=>e._setupSort())):[...t].forEach((e=>e._removeSort())))}_setSorter(e,t){const o=this.widget,n=o.store;""===e&&(e=!0),e&&n&&n.isIncrementalLoad()&&"firebase"===n.oDataFormat.sAdapter?d.Aq("Firebase does not support server side sorting."):(o.bHasSorterEnabled=!!e,o.bHasSorterEnabled&&"string"==typeof t&&(o.sorter.fnSorter=h.Z.setUserFunction(null,t)),!o.sorter.fnSorter||null!==t&&"function"==typeof o.sorter.fnSorter.method||(o.sorter.fnSorter=null),this.oDOMHead&&this.oDOMHead.children&&(o.bHasSorterEnabled?[...this.oDOMHead.children].forEach((e=>e.setAttribute(u.default.sort.attr,""))):[...this.oDOMHead.children].forEach((e=>e.removeAttribute(u.default.sort.attr)))))}_setSortIntl(e){for(let t=0,o=this.widget.aColumnMapping.length;t<o;t++){this.widget.aColumnMapping[t].oDOMZGColumn.updateGlobalIntlSort(e)}}_setThemeCSS(e){e&&this._loadCss(e)}_setGridClasses(e){const t=["cell","head","foot","col","row","frozenRow"];for(let o=0;o<t.length;o++){const n=t[o]+"Class",r=t[o].charAt(0).toUpperCase()+t[o].slice(1);this[n]&&this._setClass(this[n],r,e)}}_setThemeIconSVG(e){this.defaultSVG=o(2757),this.defaultSVG&&(this.svgSrc=this.defaultSVG),this.svgSrc&&(this.themeSVG=(0,d.hS)(this.svgSrc));try{this.svgSrc=o(9179)(`./${e}.svg`);let t=(0,d.hS)(this.svgSrc).children;this.themeSVG=(0,d.ls)(this.themeSVG,t)}catch(t){if(!e)return;let o=e.split(".css");if(o.length<2){const e=this.externalThemeArr.filter((e=>e.name===this.externalThemeName));return void(e.length&&(this.themeSVG=e[0].src))}this.bWaitingForIcons=!0,(0,d.wZ)(o[0]).then((e=>{this.themeSVG=(0,d.ls)(this.themeSVG,e),this.externalThemeName=o[0].split("/").slice(-1)[0],this.externalThemeArr.push({name:this.externalThemeName,src:this.themeSVG}),this.bWaitingForIcons=!1,this.widget.iconManager.updateIconTheme()}))}}_storeEditorValue(e){const t=e||this.getAttribute(u.default.editor.attr);t&&t.length&&!0!==t?this.userEditorValue=t:this.userEditorValue=!1}_wrapAPI(e){const{widget:t={}}=this;t.bAPIReady?e():t.on("apiready",(()=>{t&&!t.bDisconnect&&e()}))}cell(e,t){return this.widget.selectorEngineManager.$cell(e,t)}row(e){return this.widget.selectorEngineManager.$row(e)}openRowEditor(e){if(this.widget.bHasEditorEnabled){const t=this.row(e);requestAnimationFrame((()=>this.widget.editorManager.openEditor(t)))}return this}closeContextMenu(){return this.widget.menuManager&&this.widget.menuManager.isMenuOpen()&&this.widget.menuManager.closeMenu(),this}closeDialog(){return this.oDOMDialog&&this.oDOMDialog.closeEvent(),this}column(e){return this.widget.selectorEngineManager.$column(e)}executeOnLoad(e){this._wrapAPI(e)}getAggregate(){return this.getElementAPI("aggregate")}getBatchEdit(){return this.getElementAPI("batch-edit")}getBatchEditStatus(){return this.getElementAPI("batch-edit-status")||this.widget.store.oDataFormat.sBatchEditStatus||u.default.batchEdit.statusMessage}getCellBreak(){return this.getElementAPI("cell-break")||u.default.cellBreak.default}getCellClass(){return this.getElementAPI("cell-class")}getCells(){return this.widget.getAllBodyCells().map((e=>this.widget.selectorEngineManager.$cell(e.parentNode.rowIndex,e.cellIndex)))}getColClass(){return this.getElementAPI("col-class")}getColumnsControl(){return this.getElementAPI("columns-control")}getCompact(){return this.getElementAPI("compact")}getContextMenu(){return this.getElementAPI("context-menu")}getDefaultDisplay(){return this.getElementAPI("default-display")}getDir(){return this.widget.sComputedDir}getColumnDragAction(){return this.getElementAPI("column-drag-action")||this.defaultColumnDragAction||!1}getColumnDrag(){return this.getElementAPI("column-drag")}getConfirmations(){let e=this.getElementAPI("confirmations");return!0!==e&&!1!==e||(e="all"),e}getCreator(){const e=this.widget&&this.widget.editorManager;return e?e.createType:"modal"}getEditor(){let e=this.getElementAPI(u.default.editor.attr);return!0===e&&(e=this.widget.editorManager._isModalEdit()?u.default.editor.typeModal:u.default.editor.typeInline),e}getEditorControls(){let e=this.getElementAPI("editor-controls");return!0===e&&(e="all"),e}getRowSelector(){return this.getElementAPI("row-selector")}getRecordDuplicate(){return this.getElementAPI("record-duplicate")}getElementAPI(e,t){let o=this.getAttribute(e);return null==o&&(o=t||!1),""!==o&&"true"!==o||(o=!0),o}getFilter(){return this.getElementAPI("filter")}getFootClass(){return this.getElementAPI("foot-class")}getFrozenColumnsLeft(){return this.getElementAPI("frozen-columns-left")}getFrozenColumnsRight(){return this.getElementAPI("frozen-columns-right")}getFrozenRowsTop(){return this.getElementAPI("frozen-rows-top")||0}getFrozenRowsBottom(){return this.getElementAPI("frozen-rows-bottom")}getGridlines(){return this.getElementAPI("gridlines")}getHeadClass(){return this.getElementAPI("head-class")}getHeaderAutoFormat(){return this.getElementAPI("header-auto-format",!0)}getNestedDataSeparator(){return this.getElementAPI("nested-data-separator")}getHeight(){return this.getBoundingClientRect().height+"px"}getIconSet(){return this.getElementAPI("icon-set")}getIconSetData(){return this.getElementAPI("icon-set-data")}getLang(){return g.default.getLang(this.widget)}getLayout(){return this.getElementAPI("layout")}getLayoutControls(){let e=this.getElementAPI("layout-controls"),t=this.getElementAPI("layout");return!1===e&&!1!==t||e}getPreserveStateId(){return this.getElementAPI("preserve-state-id")}getPreserveStateOptions(){return this.getElementAPI("preserve-state-options")}getPreserveStateLoad(){return this.getElementAPI("preserve-state-load")}getPreserveStateSave(){return this.getElementAPI("preserve-state-save")}getNodata(){return this.getElementAPI("no-data")}getPager(){return this.getElementAPI("pager")}getPageSizeCard(){return parseInt(this.getElementAPI("page-size-card"),10)||this.widget.pageSize}getPageSizeRow(){return parseInt(this.getElementAPI("page-size-row"),10)||this.widget.pageSize}getFrozenRowClass(){return this.getElementAPI("frozen-row-class")}getRowClass(){return this.getElementAPI("row-class")}getGroupBy(){return(this.widget.aGroupBy||[]).join(",")}getSearch(){return this.getElementAPI("search")}getSelector(){return this.getElementAPI("selector")}deselectRows(){return this._wrapAPI((()=>{this.widget.fire("rowdeselect")})),this}selectRow(e){return this._wrapAPI((()=>{let t=this.widget;const o=t.getColumnIndexByType("selector");if(-1===o)return;const n=t.selectorEngineManager.$cell(e,o);if(!n)return;n.dom().querySelector("zg-checkbox").checked=!0})),this}deselectRow(e){return this._wrapAPI((()=>{let t=this.widget;const o=t.getColumnIndexByType("selector");if(-1===o)return;const n=t.selectorEngineManager.$cell(e,o);if(!n)return;n.dom().querySelector("zg-checkbox").checked=!1})),this}getSelectedRows(){let e=this.widget,t=Object.keys(e.aSelectedRows),o=[];for(let n=0;n<t.length;n++)o.push(e.store.cleanSingleRecord(e.aSelectedRows[t[n]].get()));return o}getSort(){return this.getElementAPI("sort")}getSorter(){return this.getElementAPI("sorter")}getSortedColumn(){const e=this.widget.sorter,t=e.sActiveSortedIndex;if(!t)return!1;return{fieldIndex:t,order:1===e.nSortOrder?"asc":"desc"}}getSource(){return this.getElementAPI("source")}getSrc(){return this.getElementAPI("src")}getStaticMenu(){return this.getElementAPI("static-menu")}getTemplateEndDelimiter(){return this.getElementAPI("template-end-delimiter")||u.default.template.templateEndDelimiter}getTemplateStartDelimiter(){return this.getElementAPI("template-start-delimiter")||u.default.template.templateStartDelimiter}getTheme(){return this.theme||u.default.theme.default}getViewport(){return this.getElementAPI("viewport")}getViewportPause(){return this.getElementAPI("viewport-pause")}getViewportStop(){return this.getElementAPI("viewport-stop")}getViewportTypes(){return this.getElementAPI("viewport-types")||JSON.stringify(this.widget.viewportManager.types)}getWidth(){return this.getBoundingClientRect().width+"px"}getZebra(){return this.getElementAPI("zebra")}setAggregate(e){return this.setElementAPI("aggregate",e)}setBatchEdit(e){return this.setElementAPI("batch-edit",e)}setBatchEditStatus(e){return this.setElementAPI("batch-edit-status",e)}setCellBreak(e){return this.setElementAPI("cell-break",e)}setCellClass(e){return this.setElementAPI("cell-class",e)}setColClass(e){return this.setElementAPI("col-class",e)}setColumns(e){return this._wrapAPI((()=>{!e&&this.hasAttribute("columns")?this.removeAttribute("columns"):this.columns=e})),this}setColumnsControl(e){return this.setElementAPI("columns-control",e)}setCompact(e){return this.setElementAPI("compact",e)}setDefaultDisplay(e){return this.setElementAPI("default-display",e)}setDir(e){return this.setElementAPI("dir",e)}setColumnDragAction(e){return this.setElementAPI("column-drag-action",e)}setColumnDrag(e){return this.setElementAPI("column-drag",e)}setFootClass(e){return this.setElementAPI("foot-class",e)}setFrozenColumnsLeft(e){return this.setElementAPI("frozen-columns-left",e)}setFrozenColumnsRight(e){return this.setElementAPI("frozen-columns-right",e)}setFrozenRowsTop(e){return this.setElementAPI("frozen-rows-top",e)}setFrozenRowsBottom(e){return this.setElementAPI("frozen-rows-bottom",e)}setGridlines(e){return this.setElementAPI("gridlines",e)}setHeadClass(e){return this.setElementAPI("head-class",e)}setHeaderAutoFormat(e){return this.setElementAPI("header-auto-format",e)}setNestedDataSeparator(e){return this.setElementAPI("nested-data-separator",e)}setHeight(e){return this.setElementAPI("height",e)}setIconSet(e){return this.setElementAPI("icon-set",e)}setIconSetData(e){return this.setElementAPI("icon-set-data",e)}setLayoutControls(e){return this.setElementAPI("layout-controls",e)}setNoData(e){return this.setElementAPI("no-data",e)}setPager(e){return this.setElementAPI("pager",e)}setFrozenRowClass(e){return this.setElementAPI("frozen-row-class",e)}setRowClass(e){return this.setElementAPI("row-class",e)}setSource(e){return this.setElementAPI("source",e)}setViewportPause(e){return this.setElementAPI("viewport-pause",e)}setViewportStop(e){return this.setElementAPI("viewport-stop",e)}setWidth(e){return this.setElementAPI("width",e)}setZebra(e){return this.setElementAPI("zebra",e)}setFilter(e){return this.setElementAPI("filter",e)}setGroupBy(e){return this.setElementAPI("group-by",e)}setSearch(e){return this.setElementAPI("search",e)}setTemplateEndDelimiter(e){return this.setElementAPI("template-end-delimiter",e)}setTemplateStartDelimiter(e){return this.setElementAPI("template-start-delimiter",e)}setConfirmations(e){return this.setElementAPI("confirmations",e)}setCreator(e){return this.setElementAPI("creator",e)}setEditor(e){return this._storeEditorValue(e),this.setElementAPI(u.default.editor.attr,e)}setEditorControls(e){return this.setElementAPI("editor-controls",e)}setRowSelector(e){return this.setElementAPI("row-selector",e)}setRecordDuplicate(e){return this.setElementAPI("record-duplicate",e)}setLang(e){return this.setElementAPI("lang",e)}setLayout(e){return this.setElementAPI("layout",e)}setLicense(e){return this._wrapAPI((()=>{c.Z.validateLicense(e)})),this}setBuildCode(e){return this._wrapAPI((()=>{c.Z.validateLicense(null,e),c.Z.bValidated&&this.oDOMWaterMark&&(this.oDOMWaterMark.remove(),this.oDOMWaterMark=null)})),this}setPreserveStateId(e){return this.setElementAPI("preserve-state-id",e)}setPreserveStateOptions(e){return this.setElementAPI("preserve-state-options",e)}setPreserveStateLoad(e){return this.setElementAPI("preserve-state-load",e)}setPreserveStateSave(e){return this.setElementAPI("preserve-state-save",e)}setState(e){this._wrapAPI((()=>{("string"==typeof e&&""===e||"object"==typeof e&&0===Object.keys(e).length)&&(e=null),this.widget.stateManager.setUserState(e)}))}clearState(){this._wrapAPI((()=>{this.widget.stateManager.clearState(!0)}))}setStateField(e,t){this._wrapAPI((()=>{this.widget.stateManager.setUserStateField(e,t)}))}setRecordCount(e){return(!e||e<0)&&(e=0),this.setElementAPI("record-count",e)}setSort(e){return this.setElementAPI("sort",e)}setSorter(e){return this.setElementAPI("sorter",e)}setContextMenu(e){return this.setElementAPI("context-menu",e)}setStaticMenu(e){return this.setElementAPI("static-menu",e)}setSelector(e){return this.setElementAPI("selector",e)}setSrc(e){return this.setElementAPI("src",e)}setTheme(e){return this.setElementAPI("theme",e)}setCardTemplate(e){return this._wrapAPI((()=>{if(window[e]||document.getElementById(e)){const t=this.widget.oCard||document.createElement(u.default.zgCard.tagName);t.setAttribute("renderer-template",e),this.widget.oCard||this.appendChild(t),this.widget.updater.clearCache(),this.widget.update()}})),this}setElementAPI(e,t){return this._wrapAPI((()=>{t=void 0===t||t,d.Xh({el:this,attr:e,value:t})})),this}triggerColumnChange(e){this.widget.nLeftFrozenColumns=e?1:0,this.widget.updater.clearCache(),this.widget.update()}updateSize(e,t,o){t=void 0===t?.2:t,t*=1e3;const n=this.widget,r=n.loadmask;return e&&(n.bUpdatingSize=!0,r.loading()),t>200&&setTimeout((()=>{n.updater.updateResizeWindow(!0,!0)}),200),setTimeout((()=>{o?this.widget.updater.nSavedResizeWidth=this.clientWidth:(n.renderTo.style.display="none",n.updater.nSavedResizeWidth=this.clientWidth,n.renderTo.style.display=""),n.updater.updateResizeWindow(!0,!0),e&&(r.loaded(),n.bUpdatingSize=!1)}),t),this}formatDate(e,t,o){return"string"!=typeof e&&"number"!=typeof e||(e=p.kB(e)),p.p6(e,t,o,this.widget)}fromNow(e,t){return"string"!=typeof e&&"number"!=typeof e||(e=p.kB(e)),p.Zh(e,t,this.widget)}calculate(e,t,o){t=t||{};return this.widget.aggregateManager.calculate(e,t,o)}static get observedAttributes(){return v}}n.Z._registerElement(f,y);const z=y},8419:(e,t,o)=>{"use strict";o.d(t,{default:()=>r});const n={zg:{tagName:"zing-grid",shadow:{frameWrapper:".zing-grid-frames",frameBodyWrapper:"#zing-grid-frames-body",scrollWrapper:".zing-grid-scroll"},slot:{dialogInternal:"dialogInternal"}},zgBody:{tagName:"zg-body",nodeName:"ZG-BODY",sectionSelector:{left:"#leftbody",right:"#rightbody",main:"#mainbody"}},zgButton:{tagName:"zg-button",hasTextAttr:"hastext",noTooltipAttr:"notooltip",forceBorderAttr:"force-border",action:{checkbox:"checkbox"},aria:{focus:"zg-aria-focus"},slot:{checkbox:"checkbox",icon:"icon",label:"label"}},zgCaption:{attr:"caption",tagName:"zg-caption"},zgCard:{tagName:"zg-card"},zgCell:{tagName:"zg-cell",actionCellSize:54,actionCellKey:"fitaction",cellIndexAttr:"data-field-index",cellInfoTooltipAttr:"data-field-info-tooltip",cellLabelAttr:"data-field-label",cellGroupAttr:"data-group",sectionSelector:{left:"#leftbody zg-cell",right:"#rightbody zg-cell",main:"#mainbody zg-cell"},singleEditAttr:"edit-row-buttons-one-cell"},zgCellOverflow:{tagName:"zg-cell-overflow"},zgCheckbox:{tagName:"zg-checkbox"},zgColgroup:{tagName:"zg-colgroup",sectionSelector:{left:"#leftcolgroup",right:"#rightcolgroup",main:"#gridcolgroup"}},zgColumn:{tagName:"zg-column",alignDefault:"left",alignTypes:["center","left","right"]},zgColumnResize:{tagName:"zg-column-resize",defaultMinWidth:52,attr:"resize-column",persistentAttr:"resize-persistent"},zgData:{attr:"data",tagName:"zg-data"},zgDialog:{attr:"dialog",tagName:"zg-dialog",all:"all",custom:"custom",internal:"internal",open:"open"},zgEditorRow:{tagName:"zg-editor-row",colorLabelClass:"zg-editor-row-color-label",colorPickerClass:"zg-editor-row-color-picker",colorWrapClass:"zg-editor-row-color-wrap",fieldLabelId:"editorRowFieldLabel",sectionSelector:{left:"#lefteditorrow",right:"#righteditorrow",main:"#bodyeditorrow"},radioLabelClass:"zg-editor-row-radio-label",radioWrapClass:"zg-editor-row-radio-wrap"},zgFilter:{attr:"filter",tagName:"zg-filter"},filter:{match:"match",matchList:"matchList",boolMatch:"boolMatch",contain:"contain",defaultOperation:"contain"},zgFocus:{tagName:"zg-focus",sectionSelector:{left:'[slot="leftgridfocus"]',right:'[slot="rightgridfocus"]',main:'[slot="bodygridfocus"]'}},zgFoot:{tagName:"zg-foot",sectionSelector:{left:"#leftfoot",right:"#rightfoot",main:"#mainfoot"}},zgFooter:{tagName:"zg-footer"},zgHead:{tagName:"zg-head",sectionSelector:{left:"#lefthead",right:"#righthead",main:"#mainhead"}},zgHeader:{tagName:"zg-header"},zgHeadCell:{tagName:"zg-head-cell",infoTooltipType:"info",isReorderingClass:"is-reordering",isContentLongerAttr:"is-content-longer",mainIconClass:"zg-head-icon"},zgIcon:{attr:"icon-set",slotIcon:"icon",tagName:"zg-icon"},zgInput:{tagName:"zg-input"},zgLayout:{attr:"layout",cardTplAttr:"card-template",reset:"reset",typesArr:["card","row"]}};n.zgLayout.typeCard=n.zgLayout.typesArr[0],n.zgLayout.typeRow=n.zgLayout.typesArr[1],n.zgLayoutControls={tagName:"zg-layout-controls",attr:"layout-controls"},n.zgLoadMask={tagName:"zg-load-mask",defaultAttr:"default-load-mask"},n.zgMenu={tagName:"zg-menu",groupItems:"zg-menu-group-items",groupLabel:"zg-menu-group-label",groupWrap:"zg-menu-group-wrap",opener:"menu-opener",static:"static",context:"context",browser:"browser"},n.zgControlBar={tagName:"zg-control-bar"},n.zgMenuGroup={tagName:"zg-menu-group"},n.zgMenuItem={tagName:"zg-menu-item"},n.zgNoData={attr:"no-data",tagName:"zg-no-data"},n.zgOptionList={tagName:"zg-option-list"},n.zgPager={tagName:"zg-pager",attr:"pager",cursorAttr:"cursor",defaultPageSizes:"5,10,50",typeAttr:"pager-type",typeAttrProp:"pagerType",buttonLimitAttr:"pager-button-limit",buttonArrowType:"button-arrow",buttonTextType:"button-text",currentPageAttr:"active",defaultButtonLimit:5},n.zgParam={tagName:"zg-param"},n.zgRow={tagName:"zg-row",defaultHeight:48,defaultCompactHeight:40,defaultCompactHeadHeight:32,defaultHeadHeight:40},n.zgSearch={attr:"search",tagName:"zg-search"},n.zgSelect={tagName:"zg-select"},n.zgSelectorMask={attr:"selector",tagName:"zg-selector-mask",sectionSelector:{left:'[slot="leftgridselectmask"]',right:'[slot="rightgridselectmask"]',main:'[slot="bodygridselectmask"]'}},n.zgSeparator={tagName:"zg-separator"},n.zgSource={attr:"source",tagName:"zg-source"},n.zgStatus={tagName:"zg-status",barPosition:"bar",delay:3e3,delayAttr:"status-delay",persistAttr:"status-persist",positionAttr:"status-position"},n.zgText={tagName:"zg-text"},n.zgTooltip={tagName:"zg-tooltip",noInfoIconAttr:"no-info-icon",actionAttr:"tooltip-action",typeAttr:"tooltip-type",typeDefault:"default",typeSystem:"system",actionTypeHover:"hover",actionTypeClick:"click",iconPositionAttr:"tooltip-icon-position",iconPositionRight:"right",iconPositionLeft:"left",iconPositionAfterText:"after-text",iconTriggerType:"icon",textTriggerType:"text",positionAttr:"tooltip-position"},n.zgWatermark={attr:"watermark",tagName:"zg-watermark"},n.internalColumn={recordeditor:"editor",recordduplicate:"duplicate",recordinfo:"info",recordremover:"remover",recordselector:"selector",recordkey:"recordkey",rownumber:"row-number",rowgroup:"row-group"},n.storybook={dialog:"storybook-dialog",menu:"storybook-menu",editorrow:"storybook-editor-row",focus:"storybook-focus",status:"storybook-status",select:"storybook-select"},n.internalColumnTypes=[n.internalColumn.recordduplicate,n.internalColumn.recordeditor,n.internalColumn.recordremover,n.internalColumn.recordselector,n.internalColumn.recordinfo,n.internalColumn.rownumber],n.cellTypes={toggle:"toggle",custom:"custom",gravatar:"gravatar",button:"button",aggregate:"aggregate"},n.noDataColumnTypes=[n.cellTypes.custom,n.cellTypes.button,n.cellTypes.aggregate],n.columnType={},n.columnType.color={modeAttr:"type-color-mode",modes:{hexAlpha:"hex-alpha",hexLong:"hex-long",hexShort:"hex-short",hsl:"hsl",hsla:"hsla",name:"name",rgb:"rgb",rgba:"rgba"},notConvertedClass:"color-not-converted",notValidClass:"color-not-valid",previewAttr:"type-color-preview",spacesAttr:"type-color-spaces",spaces:{inherit:"inherit",invalid:"disabled",valid:"true"},transparent:"transparent"},n.columnType.color.modeDefault=n.columnType.color.modes.hex,n.frozenColumns={noContent:"no-content",leftAttr:"frozen-columns-left",rightAttr:"frozen-columns-right"},n.zgFrozenColgroup={tagName:"zg-frozen-colgroup"},n.confirmations={attr:"confirmations",all:"all",delete:"delete",batchEdit:"batch-edit",batchEditDiscard:"batch-edit-discard"},n.cellBreak={attr:"cell-break",all:"all",cellBreakPrep:"cell-break-prep",ellipsis:"ellipsis",normal:"normal",word:"word"},n.cellBreak.allowedTypes=[null,"",n.cellBreak.all,n.cellBreak.ellipsis,n.cellBreak.normal,n.cellBreak.word],n.cellBreak.default=n.cellBreak.normal,n.drag={attr:"drag",columnAttr:"column-drag",rowAttr:"row-drag",columns:"columns",rows:"rows",both:"both",reorder:"reorder",hide:"hide"},n.editor={attr:"editor",typeInline:"inline",typeModal:"modal",bindingAttr:"data-zg-key",editingClass:"cell-edit-active"},n.editorControls={attr:"editor-controls",all:"all",creator:"creator",editor:n.internalColumn.recordeditor,remover:n.internalColumn.recordremover},n.batchEdit={tagName:"zg-batch-edit",dirtyClass:"cell-dirty-edit",removedClass:"row-dirty-removed",insertedClass:"row-dirty-inserted",statusMessage:"[[changesMessage]]",tokens:{changes:"changes",recordsEdited:"recordsEdited",fieldsEdited:"fieldsEdited",deleted:"deleted",inserted:"inserted",modified:"modified",messageSuffix:"Message"}},n.fullscreen={attr:"fullscreen"},n.infinite={defaultHeight:"500px",defaultInfiniteDisplay:3},n.search={threshold:250},n.sort={attr:"sort",sorter:"sorter",ascAttr:"sort-asc",descAttr:"sort-desc"},n.theme={attr:"theme"},n.template={type:{editor:"editor",renderer:"renderer",details:"details"},detailsAttr:"has-details",templateStartDelimiter:"[[",templateEndDelimiter:"]]"},n.zebra={attr:"zebra",defaultClass1:"zebra-1",defaultClass2:"zebra-2"},n.validation={fail:"FAILVALIDATION",haserror:"has-error",css:"zg-validation-error"},n.attr={action:"action",active:"active",align:"align",animate:"animate",animateEnd:"animate-end",animateStart:"animate-start",batchEdit:"batch-edit",batchEditActive:"batch-edit-active",batchEditMessage:"batch-edit-message",batchEditLongMessage:"batch-edit-long-message",buttonTooltip:"button-tooltip",class:"class",close:"close",control:"data-control-field",create:"create",datafocus:"data-focusable",editorcontrols:"editor-controls",first:"first",frozen:"frozen",frozenframe:"frozen-frame",gridlines:"gridlines",gridlinesvert:"gridlines-vertical",gridlineshorz:"gridlines-horizontal",hasText:"has-text",height:"height",hidden:"hidden",hover:"hover",icon:"icon",init:"init",internalattach:"internal-attach",internalcaption:"internal-caption",internalselector:"internal-selector",internalcardheader:"internal-card-header",internalcell:"internal-cell",internaltop:"internal-top",internalspan:"internal-span",internaldir:"internal-dir",loading:"loading",mirror:"mirror",name:"name",open:"open",options:"options",parent:"parent",placeholder:"placeholder",position:"position",role:"role",serverrender:"server-rendered",sorted:"sorted",staticscroll:"static-scroll",style:"style",tabindex:"tabindex",text:"text",theme:"theme",title:"title",tooltip:"tooltip",type:"type",value:"value",width:"width"},n.key={down:40,enter:13,up:38,space:32},n.colors={success:"#15bb1a"},n.event={afterPaint:"afterpaint",afterRender:"afterrender",checked:"checked",deselectedCells:"deselectedCells",frozenrowchange:"frozenrowchange",pagesizechange:"pagesizechange",selected:"selected",selectedCells:"selectedcells",selectedFrozenCells:"selectedfrozencells",selectedAllCells:"selectedallcells",unchecked:"unchecked",updated:"updated"},n.http={defaultMethod:"GET",defaultResponseType:"json",defaultCors:"cors"},n.store={defaultTransportType:"fetch",defaultPageSize:50,defaultCDataEscape:!0,keyField:"recordkey",tempID:"CHANGEME"},n.tokens={startAt:"[[startAt]]",page:"[[page]]",limitTo:"[[limitTo]]",sortBy:"[[sortBy]]",sortDir:"[[sortDir]]",serverMessage:"[[serverMessage]]",delim:"[["},n.tableData={headRow:"data-zg-head-row",ignoreRow:"data-zg-ignore-row",frozenRow:"data-zg-frozen-row",frozenColumn:"data-zg-frozen-column",indexValue:"data-zg-index-value"},n.iconSet={allowedTypes:{custom:["custom"],fontAwesome:["fa","fontawesome","font-awesome"]}},n.theme={typesArr:["android","black","dark","default","ios"]},n.theme.android=n.theme.typesArr[0],n.theme.black=n.theme.typesArr[1],n.theme.dark=n.theme.typesArr[2],n.theme.default=n.theme.typesArr[3],n.theme.ios=n.theme.typesArr[4],n.viewport={attr:"viewport",customAttr:"viewport-types",pauseAttr:"viewport-pause",stopAttr:"viewport-stop",mobileLabel:"mobile",tabletPortraitLabel:"tablet-portrait",tabletLandscapeLabel:"tablet-landscape",desktopLabel:"desktop",desktopLargeLabel:"desktop-large"},Object.assign(n.viewport,{mobileMax:550,tabletPortraitMax:1023,tabletLandscapeMax:1199,desktopMax:1399,desktopLargeMax:null}),n.mobile={doubleTapMS:600},n.aria={colCount:"aria-colcount",colIndex:"aria-colindex",controls:"aria-controls",disabled:"aria-disabled",expanded:"aria-expanded",hasPopup:"aria-haspopup",label:"aria-label",rowCount:"aria-rowcount",rowIndex:"aria-rowindex"},n.keys={BACKSPACE:8,TAB:9,ENTER:13,RETURN:13,SHIFT:16,CTRL:17,ALT:18,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,INSERT:45,DELETE:46},n.defaultLang="en",n.global={replaceToken:"^^^^^"};const r=n},8965:(e,t,o)=>{"use strict";o.d(t,{Z:()=>s});var n=o(3605),r=o(2816),a=o(8419);let i=0;const s=class{constructor(e){let t=(e=e||{})._defaults||{};delete e._defaults;for(let e in t)this[e]=t[e];n.mg(this,e),this.$events={},this.initAfterRender?this.widget.on(a.default.event.afterRender,this.init,this):this.initAfterPaint&&this.widget.on(a.default.event.afterPaint,this.init,this)}init(){}on(e,t,o,n,r){let a=this.$events;a[e]=a[e]||[],this.attachSeed(t);let i={fn:t,scope:o,params:n||[],cancelable:r};return a[e].push(i),function(){let t=a[e];t&&i&&(i.fn=null,i.scope=null,i.params.length=0,t.splice(t.indexOf(i),1),i=null)}}once(e,t,o,...n){let r=()=>{t.apply(this,n),this.un(e,r)};this.attachSeed(t),r.$mtFnSeed=t.$mtFnSeed,this.on(e,r,o)}attachSeed(e){e.$mtFnSeed||(Object.defineProperty(e,"$mtFnSeed",{value:i,writable:!0}),i++)}un(e,t,o){if(!t&&!o)throw new Error("Event name [",e,"] needs a function argument to unregister");let n=this.$events[e];if(!o){let e,r=n.length;for(e=0;e<r;e++)if(n[e].fn.$mtFnSeed===t.$mtFnSeed){o=n[e];break}}o&&(this.$events[e]=n.filter((e=>e!==o)),o.fn=null,o.scope=null,o.params.length=0,o=null)}unAll(){for(let e in this.$events){const t=this.$events[e];if(t&&t.length){for(let o=0;o<t.length;o++)this.un(e,null,t[o]);t.length=0}}this.$events={}}fire(e,...t){let o=this.$events[e];if(!o)return;let n=!1;return t.unshift(this),o.forEach((o=>{if(null==o||!o.fn)return;if(o.params&&(t=t.concat(o.params)),this.bDisconnect||this.widget&&this.widget.bDisconnect)return;let r=o.fn.apply(o.scope||this,t,e);o.cancelable&&!1===r&&(n=!0)})),!n}destroy(){let e=r.Z.get(document);if(this.docEvents)for(let t in this.docEvents){let o=this.docEvents[t],n=o.length;for(let r=0;r<n;r++)e.docUn(t,o[r].fn)}this.unAll&&this.unAll(),this.el&&this.el.destroy(),this.widget=null}_show(e){e&&this.el.setXY(e),this.el._show()}_hide(){this.el._hide()}}},5126:(e,t,o)=>{"use strict";o.d(t,{Z:()=>l});var n=o(3605),r=o(4087),a=o(8419);function i(e){if("undefined"==typeof window)return;let t=e.url||"",o=e.method||a.default.http.defaultMethod,i=e.mode,s=void 0!==e.bCDataEscape?e.bCDataEscape:a.default.store.defaultCDataEscape,l=e.oCSVOptions||{},d=e.payload||{},c=e.reload||!0,h="",u=e.body,g=e.sResponseType,p=e.sSeparator,m=e.headers||{},f=t.slice(-5).toLowerCase();const b=(e,t)=>(-1==e.indexOf("?")?e+="?":"&"!==t[0]&&(t="&"+t),e+=t);m["Content-type"]=e.sRequestType,h+=function(e,t){let o,a="";if("object"==typeof e){for(o in e)if("object"!=typeof e[o])a+=o+"="+encodeURIComponent(e[o])+"&";else{let i={};i[o]=e[o];let s=n.iM(i,t);for(let o=0;o<s.length;o++){let n=s[o],i=r.MU(e,n,void 0,t)||"";a+=n+"="+encodeURIComponent(i)+"&"}}""!==a&&(a=a.substring(0,a.length-1))}else a=e;return a}(d,p);let v=e.failure||null,y=e.success||null,z="file:"==window.location.protocol;o=o.toUpperCase(),"GET"===o?(""!=h&&(t=b(t,h)),u=null):u?("application/json"===e.sRequestType&&(u=JSON.stringify(u)),h&&(t=b(t,h))):u="application/json"===e.sRequestType?JSON.stringify(d):h;let w={method:o,headers:m};u&&"{}"!==u&&(w.body=u),i&&(w.mode=i),fetch(t,w).then((e=>{if(z||e.status>=200&&e.status<300){if(204===e.status)return void y(null,e.status,e,t,c);let o=g||e.headers.get("Content-Type")||a.default.http.defaultResponseType;if(o=o.match(/(json)\b/)?"json":o.match(/(xml)\b/)?"xml":o.match(/(csv)\b/)?"csv":o.match(/(html|text)\b/)?"html":g,"json"!==o&&".json"===f&&(o="json"),y)switch(o){case"json":e.json().then((o=>y(o,e.status,e,t,c)));break;case"xml":e.text().then((e=>(new window.DOMParser).parseFromString(e,"text/xml"))).then((o=>{let r=n.yZ(o,s);y(r,e.status,e,t,c)}));break;case"csv":e.text().then((o=>{let r=n.QR(o,l);y(r,e.status,e,t,c)}));break;case"html":case"text":e.text().then((o=>y(o,e.status,e,t,c)));break;default:v(e,e.status,"ZingGrid: Unsupported type found in communication",t)}}else v&&e.text().then((o=>{v(e,e.status,o,t)}))})).catch((e=>{if(!v)throw e;v(null,0,"",t)}))}var s=o(2260);const l=class{onLoadDataRest(e,t){let o,n,r,a=this.widget,i={},s=null;if(this.bLoadNext&&this.sNextPathURL&&!0!==this.sNextPathURL)o=this.sNextPathURL;else if(this.bLoadPrev&&this.sPrevPathURL&&!0!==this.sPrevPathURL)o=this.sPrevPathURL;else if(n=this.userURL(t.sUrl))o=n;else{if(this.isIncrementalLoad()&&(void 0!==this.oDataFormat.sLimitToKey&&(this.oDataFormat.bStartAtValue?i[this.oDataFormat.sLimitToKey]=parseInt(a.getPageSize(),10)+1:i[this.oDataFormat.sLimitToKey]=a.getPageSize()),void 0!==this.oDataFormat.sStartAtKey&&(this.oDataFormat.bStartAtValue?this.bLoadPrev?this.aStartAtValue[`page${a.nCurrPageIdx}`]&&(i[this.oDataFormat.sStartAtKey]='"'+this.aStartAtValue[`page${a.nCurrPageIdx}`]+'"',this.sStartAtValue=null):this.sStartAtValue&&(this.aStartAtValue[`page${a.nCurrPageIdx}`]=this.sStartAtValue,i[this.oDataFormat.sStartAtKey]='"'+this.sStartAtValue+'"',this.sStartAtValue=null):i[this.oDataFormat.sStartAtKey]=a.nCurrPageIdx*a.getPageSize()+1)),void 0!==this.oDataFormat.sPageKey&&(i[this.oDataFormat.sPageKey]=a.nCurrPageIdx+parseInt(this.oDataFormat.nPageBase,10)),void 0!==this.oDataFormat.sSortByKey&&void 0!==this.oDataFormat.sSortBy&&this.oDataFormat.sSortBy&&(this.oDataFormat.bAddValueQuotes&&'"'!==this.oDataFormat.sSortBy[0]?i[this.oDataFormat.sSortByKey]='"'+this.oDataFormat.sSortBy+'"':i[this.oDataFormat.sSortByKey]=this.oDataFormat.sSortBy),void 0!==this.oDataFormat.sSortDirKey&&void 0!==this.oDataFormat.sSortDir&&this.oDataFormat.sSortDir&&(i[this.oDataFormat.sSortDirKey]=this.oDataFormat.sSortDir),void 0!==this.oDataFormat.sSearchKey){let e=null;a.bHasSearchEnabled&&(a.search.oDOMInput.value.trim()||null!==a.search.getAttribute("active"))?e=a.search.oDOMInput.value.trim():void 0!==this.oDataFormat.sSearch&&this.oDataFormat.sSearch&&(e=this.oDataFormat.sSearch.trim()),e&&e.length>0&&(this.sLatestSearch=s=e,this.oDataFormat.bAddValueQuotes&&'"'!==e[0]&&(e='"'+e+'"'),i[this.oDataFormat.sSearchKey]=e)}if(this.oDataFormat.bServerFilter&&"false"!==this.oDataFormat.bServerFilter){let e=a.filter.buildFilterURL();for(let t in e)i[t]=e[t]}this.bLoadPrev&&void 0!==this.oDataFormat.sPrevIDKey&&this.sPrevID&&(i[this.oDataFormat.sPrevIDKey]=this.sPrevID),this.bLoadNext&&void 0!==this.oDataFormat.sNextIDKey&&this.sNextID&&(i[this.oDataFormat.sNextIDKey]=this.sNextID),this.sNeedsSort=this.oDataFormat.sSortBy,this.sNeedsSortDir=this.oDataFormat.sSortDir,o=this.buildURL(t),this.currentParams=i}let l={sDelimiter:t.sCSVDelimiter,sLineSeparator:t.sCSVLineSeparator,bHeader:t.bCSVHeader,bCaption:t.bCSVCaption,widget:a};t.oBody&&(r=this.getBody(t,o)),this.bLoadNext=this.bLoadPrev=!1,this.fire("loading"),this.getFN(t.sTransport)({url:o,payload:i,body:r,sRequestType:t.sRequestType,headers:t.oHeaders,method:t.sMethod,mode:t.sMode,bCDataEscape:t.bCDataEscape,oCSVOptions:l,sResponseType:t.sResponseType,sSeparator:a.sNestedDataSeparator,success:(e,o,n)=>{if(!s||s===this.sLatestSearch){this.bHasLoaded=!0,t.success&&t.success(e);const o={data:e,oResponse:n};this.fire("afterfetch",o),this.fire("afterloaddata",{oResponse:e,oRequest:n})}},failure:(e,o,n)=>{t.oErrorStatus&&this.widget&&this.widget.statusManager&&(this.parseServerMessage(t,o,n),this.widget.statusManager.setStatus(t.oErrorStatus)),t.fnFailure&&t.fnFailure.call(this,e,t),this.widget.webcomponent.style.cursor=null}})}onModifyRecordRest(e){let t=this.getFN(e.sTransport),o=null,r=null;const a=this.widget,i=a.sNestedDataSeparator,s=a.batchEditor;if(e.sFieldIndex){let t=e.sFieldIndex;"disabled"!==i&&(o=t.split(i),r=o.pop())}if("removerecord"===e.sEditMode||"updaterecord"===e.sEditMode||"updatecell"===e.sEditMode){let t=this.getURLRecordField(e.sUrl,e.sRecordIndex,e.sIdKeyValue);if(!n.Uh(t))return void(e.fnFailure&&e.fnFailure.call(this,null,e))}let l=this.buildURL(e,e.bCreate,o),d=this.buildPayload(e,l,r),c=e.sRequestType;"cors"===e.sMode&&"application/json"===c&&(c="application/x-www-form-urlencoded"),t({url:l,method:e.sMethod,headers:e.oHeaders,payload:d,mode:e.sMode,bCDataEscape:e.bCDataEscape,sRequestType:c,sResponseType:e.sResponseType,sSeparator:a.sNestedDataSeparator,success:(t,o,n)=>{s.bSavingBatchEdit&&e.bBatchEdit&&s.onSuccess(),e.fnCallback?e.fnCallback.call(this,e):(this.fire(e.sSuccessEvent,{options:e,response:t,request:n}),e.oStatus&&!e.bBatchEdit&&this.widget&&this.widget.statusManager&&this.widget.statusManager.setStatus(e.oStatus))},failure:(t,o,n)=>{e.oErrorStatus&&(this.parseServerMessage(e,o,n),!e.bBatchEdit&&this.widget&&this.widget.statusManager&&this.widget.statusManager.setStatus(e.oErrorStatus)),s.bSavingBatchEdit&&e.bBatchEdit?s.onFailure(e):e.fnFailure&&e.fnFailure.call(this,t,e),this.widget.webcomponent.style.cursor=null}})}getFN(e){let t;return t=i,t}buildPayload(e,t,o){let r=null;if(e.oBody)r=this.getBody(e,t),e.sRecordIndex&&this.updateRecord(e.sRecordIndex,r,!0);else if(e.bSingleCell&&e.bPayload){if(r={},r[o]=e.payload,"manual"===e.sRestmode&&this.oDataFormat.sIdKey){let o=this.getURLRecordField(t,e.sRecordIndex,e.sIdKeyValue);o&&(r[this.oDataFormat.sIdKey]=o)}}else if(e.bPayload){let t=e.oRecordRawData;r=n.c7.copy(t),delete r.sRESTIndex,delete r.sRecordIndex,delete r.nOriginalIndex,delete r.nRowIndex,delete r.sFrozen}else if("manual"===e.sRestmode&&this.oDataFormat.sIdKey){let o=this.getURLRecordField(t,e.sRecordIndex,e.sIdKeyValue);o&&(r={[this.oDataFormat.sIdKey]:o})}return r}getBody(e,t){let o,n={record:e.oRecordRawData},r=s.Z.setUserFunction(null,e.oBody);if(r){let n=e.oRecordRawData;!n&&e.oRecordModel&&(n=e.oRecordModel.get()),o=r.method.apply(r.oScope,[n,e.sMethod,t])}else o=JSON.parse(this.calculateTemplate(JSON.stringify(e.oBody),n));return o}parseServerMessage(e,t,o){let i=e.oErrorStatus.msg;if(i.indexOf(a.default.tokens.delim)<0)return;if(e.sServerErrorPath&&o)try{const t=JSON.parse(o);o=r.MU(t,e.sServerErrorPath)}catch(e){}let s=new RegExp(n.String.escapeRegExp(a.default.tokens.serverMessage),"g");i=i.replace(s,o),e.oErrorStatus.msg=i}userURL(e){let t=e;if(e.indexOf(a.default.tokens.delim)<0)return!1;let o=new RegExp(n.String.escapeRegExp(a.default.tokens.startAt),"g");e=e.replace(o,this.widget.nCurrPageIdx*this.widget.getPageSize()+1),o=new RegExp(n.String.escapeRegExp(a.default.tokens.page),"g"),e=e.replace(o,this.widget.nCurrPageIdx+1),o=new RegExp(n.String.escapeRegExp(a.default.tokens.limitTo),"g"),e=e.replace(o,this.widget.getPageSize());const r=this.oDataFormat.sSortBy||"";o=new RegExp(n.String.escapeRegExp(a.default.tokens.sortBy),"g"),e=e.replace(o,r);const i=this.oDataFormat.sSortDir||"";return o=new RegExp(n.String.escapeRegExp(a.default.tokens.sortDir),"g"),(e=e.replace(o,i))!==t&&e}buildURL(e,t,o){let n=e.sUrl;if("manual"!==e.sRestmode){if(e.sRecordIndex&&!t){let t=e.sRecordIndex,o=this.getURLRecordField(n,t,e.sIdKeyValue);o&&("/"!==n.slice(-1)&&(n+="/"),n+=o)}if(o&&e.bSingleCell){let e=o.join("/");e&&("/"!==n.slice(-1)&&(n+="/"),n+=e+"/")}e.sUrlSuffix&&(n+=e.sUrlSuffix)}if(e.sQueryString&&(-1===e.sQueryString.indexOf("?")&&-1===n.indexOf("?")&&(n+="?"),n+=e.sQueryString),n.indexOf(a.default.tokens.delim)>=0){let t={record:e.oRecordRawData};n=this.calculateTemplate(n,t,null,!0)}return n}getURLRecordField(e,t,o){let n,r=this.oDataFormat.sIdKey,a=this.oLocalModel[t].model.get();return n=o||(/firebaseio/.test(e)||!this.bIsRawDataArray?a.sRESTIndex:a[r]),n}}},2260:(e,t,o)=>{"use strict";o.d(t,{Z:()=>f});var n=o(3605),r=o(4087),a=o(2070),i=o(8965);const s=class{constructor(e,t,o){let a;t=t||null,this.sSeparator=o,null===t&&(t=n.kJ(e)?[]:{},Object.keys(e).forEach((o=>{let n=e[o],a=null;"number"===n&&(a=0),"string"===n&&(a=""),"array"===n&&(a=[]),r.P_(t,o,a,this.sSeparator)}))),a=t;let i={},s={},l=n.iM(a,this.sSeparator);l.forEach((e=>{let t=r.MU(a,e,void 0,this.sSeparator),o=n.gg(t);i[e]={rawData:t},s[e]=o})),this.oRecordModel=i,this.oRecordRawData=a,this.oFieldSchema=s,this.aLeafFieldIndex=l}get(e){return n.o8(e)?this.oRecordRawData:this.oRecordModel[e]?this.oRecordModel[e].rawData:this.oRecordRawData[e]?this.oRecordRawData[e]:r.MU(this.oRecordRawData,e,void 0,this.sSeparator)}set(e,t){(this.oRecordModel[e]||""!==t)&&(this.oRecordModel[e]=this.oRecordModel[e]||{},r.P_(this.oRecordRawData,e,t,this.sSeparator),this.oRecordModel[e].rawData=t)}setDirty(e){this.oRecordModel[e].bDirty=!0}setNoDirty(e){this.oRecordModel[e].bDirty=!1}isDirty(e){if(this.oRecordModel[e])return!0===this.oRecordModel[e].bDirty}};let l={};function d(e){return l[e]}function c(e,t){l[e]=t}function h(e){return firebase?!!e.sCollection||(n.Aq('The zg-param, [name="collection"] must be set in order to use the FirebaseSDK adapter'),!1):(n.Aq("Firebase SDK must be included on the client"),!1)}c("firebaseRead",(function(e,t){if(!h(t))return;const o=firebase.firestore();return t.bSubscription?void function(e,t,o){let n=e.grid.widget,r=!1,a=o.collection(t.sCollection).onSnapshot((t=>{if(n.bDisconnect)return void a();let o=t.docChanges(),i={};o.forEach((e=>{"added"==e.type?r?n.store.insertRecord(e.doc.data(),void 0,e.doc.id,!0):i[e.doc.id]=e.doc.data():"removed"==e.type?n.removeRow(e.doc.id,!0,void 0,!0):"modified"==e.type&&n.updateRow(e.doc.data(),e.doc.id,!0)})),r||e.callback(i),r=!0}))}(e,t,o):new Promise(((e,n)=>{o.collection(t.sCollection).get().then((t=>{let o={};t.docs.forEach((e=>{o[e.id]=e.data()})),e(o)})).catch(n)}))})),c("firebaseCreate",(function(e,t,o){if(!h(o))return;firebase.firestore().collection(o.sCollection).add(e).then((e=>{t.callback(e.id)}))})),c("firebaseUpdateRow",(function(e,t,o,n){if(!h(n))return;firebase.firestore().collection(n.sCollection).doc(e).update(t).then((e=>{o.callback({bServerOnly:n.bSubscription})}))})),c("firebaseUpdateCell",(function(e,t,o,n){if(!h(n))return;firebase.firestore().collection(n.sCollection).doc(e).update(t).then((e=>{n.bSubscription||o.callback()}))})),c("firebaseDelete",(function(e,t,o,n){if(!h(n))return;firebase.firestore().collection(n.sCollection).doc(e).delete().then((e=>{o.callback({bServerOnly:n.bSubscription})}))}));var u=o(8419),g=o(6919),p=o(2048);class m extends i.Z{constructor(e){if((e=e||{})._defaults={bHasLoaded:!1},super(e),this.bNeedsLoad=!1,this.sStartAtValue=null,this.aStartAtValue={},this.nOriginRecordCount=0,this.debounceTime=null,"undefined"!=typeof window){let e=o(5126).Z;n.go(this.constructor.prototype,e.prototype)}this.init()}init(){this.setDefaults(),this.aOrderedData=[],this.aUnseenRecordIndex=[],this.ons()}setDefaults(){let e={oDefaultCreateDataRequest:{method:"post",bCreate:!0,bPayload:!0,bSingleCell:!1},oDefaultUpdateDataRecordRequest:{method:"put",nonRestMethod:"post",bCreate:!1,bPayload:!0,bSingleCell:!1},oDefaultUpdateDataFieldRequest:{method:"patch",nonRestMethod:"post",bSingleCell:!0,bCreate:!1,bPayload:!0},oDefaultDeleteDataRequest:{method:"delete",nonRestMethod:"post",bPayload:!1,bCreate:!1,bSingleCell:!1},oDefaultReadDataRequest:{method:"get"}};Object.keys(e).forEach((t=>{let o=e[t];this[t]={sUrl:void 0,sUrlSuffix:void 0,sMethod:o.method,sNonRestMethod:o.nonRestMethod,sTransport:u.default.store.defaultTransportType,oHeaders:void 0,sQueryString:void 0,sMode:void 0,bCDataEscape:void 0,oBody:void 0,bExclude:!1,bSingleCell:o.bSingleCell,bPayload:o.bPayload,bCreate:o.bCreate,sRequestType:"application/json",sResponseType:void 0,sDataType:void 0,sRestmode:"auto",sServerErrorMessage:void 0,sServerErrorPath:void 0,sCSVDelimiter:void 0,sCSVLineSeparator:void 0,bCSVHeader:void 0,bCSVCaption:void 0,bTableHide:void 0,oTableHead:void 0,sTableDataFormat:void 0,sTableHeadFormat:void 0}})),this.oDefaultDataFormat={sRecordPath:void 0,sNodePath:void 0,sHasNextPath:void 0,sHasPrevPath:void 0,sNextPath:void 0,sPrevPath:void 0,sNextIDPath:void 0,sPrevIDPath:void 0,sNextIDKey:void 0,sPrevIDKey:void 0,sIdKey:"id",sNewIndexPath:"",sAdapter:"",sSearchKey:void 0,sSearch:void 0,bServerFilter:void 0,sSortByKey:void 0,sSortBy:"",sSortDirKey:void 0,sSortDir:"",sStartAtKey:void 0,sLimitToKey:void 0,sPageKey:void 0,sCountPath:"totalCount",sCountHeader:void 0,bLoadByPages:!1,bLoadByScroll:!1,bCursor:!1,bStartAtValue:!1,nPageBase:1,bAddValueQuotes:!1,sCollection:void 0,bSubscription:!1,sBatchEditStatus:void 0,sCreateCustomFunction:void 0,sReadCustomFunction:void 0,sUpdateCellCustomFunction:void 0,sUpdateRowCustomFunction:void 0,sDeleteCustomFunction:void 0,sDataType:void 0,bResetOnDataChange:!0},this.oDataFormat={},this.oDataRequest={createOptions:{},readOptions:{},updateOptions:{row:{},cell:{}},deleteOptions:{}},this.templateStartDelimiter=u.default.template.templateStartDelimiter,this.templateEndDelimiter=u.default.template.templateEndDelimiter,this.initModel()}setOptions(e,t){let o=e||{};if(t)for(let e in t)t.hasOwnProperty(e)&&(o[e]=t[e]);return this.widget.webcomponent.oDOMData&&(o=this.widget.webcomponent.oDOMData.setOptions(o)),o}updateConfig(e,t){let o=!1;if((t||e.src&&this.oDataRequest.sUrl&&this.oDataRequest.sUrl!==e.src)&&(this.dumpDataRequest(),this.widget.dumpMapping(),this.dumpModel(),this.widget.nCurrPageIdx=this.widget.nAdjustedStart=0),e.adapter&&this.setAdapters(e.adapter,e),this.updateDataRequest(e),e.data&&this.setData(e.data),void 0!==e.cursor&&e.cursor!==this.oDataFormat.bCursor&&this.widget.bAPIReady&&(o=!0),this.updateDataFormat(e),o){let e=this.widget.webcomponent;e.oTopPager&&e.oTopPager._updateContents&&e.oTopPager._updateContents(),e.oBottomPager&&e.oBottomPager._updateContents&&e.oBottomPager._updateContents()}this.mDataSchema=e.schema||this.mDataSchema}updateDataFormat(e){this.setDataFormatValues(this.oDataFormat,e,this.oDefaultDataFormat),this.oDataFormat.bLoadByScroll&&(this.widget.webcomponent._activateLoadByScroll(),this.widget.scroller.ons())}updateDataRequest(e){e.updateOptions=e.updateOptions||{},e.updateOptions.row=e.updateOptions.row||e.updateRowOptions,e.updateOptions.cell=e.updateOptions.cell||e.updateCellOptions,e.bodyMethodSuffix&&this.updateBodies(e),this.updateDataRequestConfig(e,this.oDataRequest),this.oDataRequest.createOptions=this.updateDataRequestConfig(e.createOptions,this.oDataRequest.createOptions,this.oDefaultCreateDataRequest,e,"create"),this.oDataRequest.readOptions=this.updateDataRequestConfig(e.readOptions,this.oDataRequest.readOptions,this.oDefaultReadDataRequest,e,"read"),this.oDataRequest.updateOptions.row=this.updateDataRequestConfig(e.updateOptions.row,this.oDataRequest.updateOptions.row,this.oDefaultUpdateDataRecordRequest,e,"updateRow"),this.oDataRequest.updateOptions.cell=this.updateDataRequestConfig(e.updateOptions.cell,this.oDataRequest.updateOptions.cell,this.oDefaultUpdateDataFieldRequest,e,"updateCell"),this.oDataRequest.deleteOptions=this.updateDataRequestConfig(e.deleteOptions,this.oDataRequest.deleteOptions,this.oDefaultDeleteDataRequest,e,"delete")}updateBodies(e){const t=e.bodyMethodSuffix;["create","read","updateRow","updateCell","delete"].forEach((o=>{e[`${o}Body`]||(e[`${o}Body`]=`${o}${t}`)}))}updateDataRequestConfig(e,t,o,r,a){let i,s=o;return!1!==e&&"false"!==e&&(e=e||{},r&&["Body","Method","Src"].forEach((t=>{let o=`${a}${t}`;r[o]&&(e[t.toLowerCase()]=r[o])})),o!==this.oDataRequest&&(i=this.oDataRequest,s=n.$R({},i,o),s.oHeaders=n.$R({},i.oHeaders,o?o.oHeaders:o),void 0===s.oBody&&(i.oBody||o&&o.oBody)&&(s.oBody=n.$R({},i.oBody,o?o.oBody:o))),this.processURLConfig(e,t),this.setDataRequestValue(t,e,s),"manual"===t.sRestmode&&(e.method||i.sMethod||!s.sNonRestMethod||(t.sMethod=s.sNonRestMethod,t.sMethod!==s.sMethod&&(t.oHeaders=t.oHeaders||{},t.oHeaders["X-HTTP-Method-Override"]=s.sMethod))),t)}setAdapters(e,t){if(m.aAdapters[e]){const o=m.aAdapters[e];this.widget.bHasSorterEnabled&&this.isIncrementalLoad(t)&&"firebase"===e&&(n.Aq("Firebase does not support server side sorting."),this.widget.webcomponent.sort=!1),this.setDataFormatValues(this.oDefaultDataFormat,o,null),this.setDataRequestValue(this.oDataRequest,o,null)}}setDataRequestValue(e,t,o){n.nn(e,{sUrl:e.sUrl||t.src,sUrlSuffix:e.sUrlSuffix||t.urlSuffix,sTransport:t.transport,sMethod:t.method,sRestmode:t.restmode,oHeaders:t.headers,sQueryString:t.queryString,sMode:t.mode,oBody:t.body,bExclude:t.exclude,sRequestType:t.requestType,sResponseType:t.responseType,sDataType:t.dataType,bCDataEscape:t.cdataEscape,sServerErrorMessage:t.serverErrorMessage,sServerErrorPath:t.serverErrorPath,sCSVDelimiter:t.csvDelimiter,sCSVLineSeparator:t.csvLineSeparator,bCSVHeader:t.csvHeader,bCSVCaption:t.csvCaption,bTableHide:t.tableHide,oTableHead:t.tableHead,sTableDataFormat:t.tableDataFormat,sTableHeadFormat:t.tableHeadFormat},o)}setDataFormatValues(e,t,o){n.nn(e,{sRecordPath:t.recordPath,sNodePath:t.nodePath,sNextPath:t.nextPath,sPrevPath:t.prevPath,sHasNextPath:t.hasNextPath,sHasPrevPath:t.hasPrevPath,sNextIDPath:t.nextIDPath,sPrevIDPath:t.prevIDPath,sNextIDKey:t.nextIDKey,sPrevIDKey:t.prevIDKey,sIdKey:t.idKey,sNewIndexPath:t.newIndexPath,sAdapter:t.adapter,sSearchKey:t.searchKey,sSearch:t.search,bServerFilter:t.serverFilter,sSortByKey:t.sortByKey,sSortBy:t.sortBy,sSortDirKey:t.sortDirKey,sSortDir:t.sortDir,sStartAtKey:t.startAtKey,bStartAtValue:t.startAtValue,sLimitToKey:t.limitToKey,sPageKey:t.pageKey,sCountPath:t.countPath,sCountHeader:t.countHeader,bCursor:t.cursor,bLoadByPages:!!t.loadByPage,bLoadByScroll:!!t.loadByScroll,nPageBase:t.pageBase,bAddValueQuotes:t.addValueQuotes,sCollection:t.collection,bSubscription:t.subscription,sBatchEditStatus:t.batchEditStatus,sCreateCustomFunction:t.createCustomFunction,sReadCustomFunction:t.readCustomFunction,sUpdateCellCustomFunction:t.updateCellCustomFunction,sUpdateRowCustomFunction:t.updateRowCustomFunction,sDeleteCustomFunction:t.deleteCustomFunction,sDataType:t.dataType,bResetOnDataChange:t.resetOnDataChange},o),this.setCustomFunctions(e)}setCustomFunctions(e){["Create","Read","UpdateCell","UpdateRow","Delete"].forEach((t=>{const o=`s${t}CustomFunction`,n=`fnCustom${t}`;e[o]&&(e[n]=m.setUserFunction(d,e[o]),null===e[n]&&(this.bCustomUndefined=!0))}))}processURLConfig(e,t){let o="",n=e.src||t.sUrl;e.src&&!e.urlSuffix&&(n=n.trim(),".JSON"==n.slice(-5).toUpperCase()?(n=n.slice(0,-5),o=".json"):/firebaseio/.test(n)&&("/"!==n.slice(-1)&&(n+="/"),o=".json"),t.sUrl=n,t.sUrlSuffix=o)}ons(){let e=this.widget;this.on("loaddata",this.onLoadDataRest),this.on("afterinsert",((t,o)=>{let a,i,s,l;if(this.oDataFormat.bLoadByScroll&&this.bHasDataSource)return void this.reload();if(o.response){let e=o.response;if((n.kJ(e)||n.Kn(e)&&this.oDataFormat.sRecordPath)&&(n.Kn(e)&&this.oDataFormat.sRecordPath&&(e=r.MU(e,this.oDataFormat.sRecordPath,void 0,this.widget.sNestedDataSeparator)),e)){i=o.options.sRecordIndex;let t=this.oLocalModel[i],n=t?t.nRowIndex:"";return this.clearForReload(),this.manageLoadResponse(o.response,o.request,e,"afterinsertrecord"),void this.fire("afterinsertrecord",{nRowIndex:n,oLocalModel:t})}a=this.getUnseenRecordIndexResponse(o.response),i=o.options.sRecordIndex,l=e,s=o.options.oBody,o=o.options||o}else{if((o=o.options).bBatchEdit&&this.oDataFormat.bSubscription)return void e.dirtyManager.revert(o.sRecordIndex);a=o.sUnseenRecordIndex,i=o.sTempRecordIndex,o.oStatus&&(e.batchEditor.bSavingBatchEdit?(e.batchEditor.onSuccess(),a=i=o.sRecordIndex):this.widget&&this.widget.statusManager&&this.widget.statusManager.setStatus(o.oStatus))}if(!i)return;let d=this.oLocalModel[a]=this.oLocalModel[i];e.dirtyManager.setNoDirty(a),this.aRecordIndex[this.aRecordIndex.indexOf(i)]=a;let c=d.nRowIndex,h=d.model.get();if(h.sRESTIndex=a,h.sRecordIndex=a,h.nRowIndex=c,l&&n.Kn(l)&&Object.keys(l).forEach((e=>{"name"!==e&&this._updateCell(a,e,l[e])})),this.bIsRawDataArray&&this.oDataFormat.sIdKey&&(h[this.oDataFormat.sIdKey]||this.oLocalModel[a].model.set(this.oDataFormat.sIdKey,a)),e.aRowMapping[c].sRecordIndex=a,("end"!==o.sRecordLocation||o.sFrozen)&&(c=this.moveRow(i,o.sRecordLocation,o.sFrozen),h.nRowIndex=c),this.aOrderedData.push(h),e.bHasSorterEnabled&&e.sorter.aOriginalRowMappingOrder.length){e.sorter.aOriginalRowMappingOrder.push(a)}i!==a&&delete this.oLocalModel[i],this.updateDataProperty(),s?this.reload():o.bPrepopulated||o.bBatchEdit?this.widget.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},c):o.bBatchEdit||(this.widget.update(void 0,void 0,void 0,!0),"end"===o.sRecordLocation?e.lastPage():"start"===o.sRecordLocation&&e.firstPage()),this.fire("afterinsertrecord",{nRowIndex:c,oLocalModel:d,bBatchEdit:o.bBatchEdit})})),this.on("afterremoverecord",((e,t,o)=>{const n=this.widget;if(t.options&&(t=t.options),this.oDataFormat.bLoadByScroll&&this.bHasDataSource)return void this.reload();if(t.oStatus&&!this.bHasDataSource&&(n.batchEditor.bSavingBatchEdit?n.batchEditor.onSuccess():this.widget&&this.widget.statusManager&&this.widget.statusManager.setStatus(t.oStatus)),this.oDataFormat.bSubscription&&o&&o.bServerOnly)return;let r=t.sRecordIndex;this.nRecordCount--,this.nOriginRecordCount&&this.nOriginRecordCount--;let a=this.oLocalModel[r].nRowIndex,i=this.oLocalModel[r].sFrozen;if(this.oLocalModel[r]=null,delete this.oLocalModel[r],this.aOrderedData.length){let e=this.aOrderedData.findIndex((e=>e&&e.sRecordIndex===r));-1!==e&&this.aOrderedData.splice(e,1)}let s=n.aRowMapping,l=!1;n.bUpdatingFrozen=!0,"top"===i?(s=n.aTopRowMapping,n.webcomponent.frozenRowsTop--,l=!0):"bottom"===i&&(s=n.aBottomRowMapping,n.webcomponent.frozenRowsBottom--,l=!0),n.bUpdatingFrozen=!1,s.splice(a,1);let d=n.getCurrPageIdx(),c=n.getPageCount();if(d>=c&&c>0&&n.setCurrPageIdx(d-1),n.bHasSorterEnabled){let e=n.sorter.aOriginalRowMappingOrder,t=e.indexOf(r);e.splice(t,1)}s.forEach(((e,t)=>{let o=e.sRecordIndex;e.sGroupRecordIndex||this.updateRecordMapping(s,o,t)})),n.savedScrollVal=n.oDOMMainScroll.scrollLeft,l&&n.updater.clearCache(),n.update(),this.updateDataProperty();let h=this.widget.deleteSE;"cell"===h.sContextLevel&&requestAnimationFrame((()=>h.select(!0)))})),this.on("afterupdaterecord",((e,t,o)=>{const a=this.widget;let i=t.response;t.options&&(t=t.options);let s=t.sRecordIndex,l=t.aChangedFieldIndex;if(t.oStatus&&!this.bHasDataSource&&(a.batchEditor.bSavingBatchEdit?a.batchEditor.onSuccess():a&&this.widget.statusManager&&this.widget.statusManager.setStatus(t.oStatus)),this.oDataFormat.bSubscription&&o&&o.bServerOnly)return;if(l.forEach((e=>{a.dirtyManager.setNoDirty(s,e)})),i&&(n.kJ(i)||n.Kn(i)&&this.oDataFormat.sRecordPath)&&(n.Kn(i)&&this.oDataFormat.sRecordPath&&(i=r.MU(i,this.oDataFormat.sRecordPath,void 0,this.widget.sNestedDataSeparator)),i))return this.clearForReload(),void this.manageLoadResponse(t.response,t.request,i,"updatecomplete");i&&n.Kn(i)&&Object.keys(i).forEach((e=>{"name"!==e&&this._updateCell(s,e,i[e])}));let d=this.widget.getDataRowIndexByRecordIndex(s,this.oLocalModel[s].sFrozen);t.bNoRefresh||this.widget.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},d),this.updateDataProperty(),window.setImmediate((()=>{this.fire("updatecomplete",t.oRefocus)}))})),this.on("afterupdatecell",((e,t)=>{let o=this.widget;t.options&&(t=t.options);let n=t.sRecordIndex,r=t.sFieldIndex;o.dirtyManager.setNoDirty(n,r),t.oStatus&&!this.bHasDataSource&&this.widget&&this.widget.statusManager&&this.widget.statusManager.setStatus(t.oStatus);let a=this.widget.getDataRowIndexByRecordIndex(n,this.oLocalModel[n].sFrozen);o.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},a),this.updateDataProperty(),window.setImmediate((()=>{this.widget&&o.fire("afterupdatecellrender",t)}))})),this.on("afterloaddata",((e,t)=>{let o=t.oResponse;this.manageLoadResponse(o,t.oRequest)}))}manageLoadResponse(e,t,o){let n=this.widget;if(this.oDataFormat.bLoadByScroll&&!e)n.bInfiniteMaxReached=!0;else{const a=void 0!==o;if(o=o||r.MU(e,this.oDataFormat.sRecordPath,void 0,n.sNestedDataSeparator)||{},this.oDataFormat.bLoadByPages&&(this.oLocalModel={},this.aOrderedData=[],this.aRecordIndex=[],n.dumpRowMapping()),this.oLocalModel=this.preprocess(o),e){let i=this.oDataFormat.sCountPath;if(this.oDataFormat.sCountHeader)this.setOriginRecordCount(t.getResponseHeader(this.oDataFormat.sCountHeader));else{let t=r.MU(e,i,void 0,n.sNestedDataSeparator);a&&this.nOriginRecordCount&&!t&&(t=o.length),this.setOriginRecordCount(t||this.nOriginRecordCount)}}}this.calculatePath("Next",e),this.calculatePath("Prev",e),this.fire("loaded")}getUnseenRecordIndexResponse(e){let t="",o=this.oDataFormat.sNewIndexPath;return o?t=r.MU(e,o,void 0,this.widget.sNestedDataSeparator):"object"==typeof e&&this.oDataFormat.sIdKey?(t=e[this.oDataFormat.sIdKey],t||(t=e.name)):t=e,t}calculatePath(e,t){if(!t)return void(this[`s${e}PathURL`]=null);let o=null,n=this.oDataFormat[`s${e}Path`],a=this.oDataFormat[`s${e}IDPath`],i=this.oDataFormat[`sHas${e}Path`],s=!0;const l=this.widget;if(void 0!==i&&(s=r.MU(t,i,void 0,l.sNestedDataSeparator)),s&&void 0!==n)o=r.MU(t,n,void 0,l.sNestedDataSeparator);else if(s&&void 0!==a){let n=r.MU(t,a,void 0,l.sNestedDataSeparator);n&&(this[`s${e}ID`]=n,o=!0)}else o=null;this[`s${e}PathURL`]=o}setData(e){let t;if(""===e)t=[];else if(null==e)t=null;else if("object"==typeof e&&e.tagName&&"table"===e.tagName.toLowerCase())this.widget.webcomponent.bReady?(t=this.setTableData(null,e),e.style.display="none"):this.bNeedsData=!0;else if(n.kJ(e)||n.Kn(e))t=e;else{let o,n=this.oDataRequest.sDataType||this.oDataRequest.sResponseType;if(n?n=n.match(/(json)\b/)?"json":n.match(/(xml)\b/)?"xml":n.match(/(csv)\b/)?"csv":n.match(/(html|text)\b/)?"html":n:({oData:t,type:n,err:o}=this.detectType(e)),!t)if(!this.widget.webcomponent.bReady&&n)this.bNeedsData=!0;else if("csv"===n)t=this.setCSVData(e);else if("xml"===n)t=this.setXMLData(e);else if("html"===n)t=this.setTableData(e);else if(o){const e=`Error: There was an issue with data's value:\n${o}`;console.error(`Uncaught ${e}`);const t={icon:"error",state:"error",msg:e};setTimeout((()=>{this.widget&&this.widget.statusManager&&this.widget.statusManager.setStatus(t)}),0)}}return this.data=t,this.bNeedsLoad=!0,this.data}detectType(e){const t=this.oDataRequest,o={};try{let t=e.replace(/\n/g,"");o.oData=JSON.parse(t)}catch(r){if((t.sCSVLineSeparator||t.sCSVDelimiter||t.bCSVHeader||t.bCSVCaption)&&(o.type="csv"),!o.type){const t=(new window.DOMParser).parseFromString(e,"text/xml");t&&t.documentElement&&"html"!==t.documentElement.nodeName&&(o.type="xml")}if(!o.type)try{document.querySelector(e)&&(o.type="html")}catch(e){}if(!o.type){const t=n.QR(e,{widget:this.widget});t&&n.kJ(t)&&t.length&&(o.oData=t)}o.type||o.oData||(o.err=r)}return o}setCSVData(e){const t=this.oDataRequest;let o={sDelimiter:t.sCSVDelimiter,sLineSeparator:t.sCSVLineSeparator,bHeader:t.bCSVHeader,bCaption:t.bCSVCaption,widget:this.widget};return n.QR(e,o)}setXMLData(e){const t=(new window.DOMParser).parseFromString(e,"text/xml");return n.yZ(t,this.oDataRequest.bCDataEscape)}setTableData(e,t){let o;try{if(t||(t=document.querySelector(e)),t){this.oDataRequest.widget=this.widget;const e=n.g8(t,this.widget.webcomponent);if(e&&this.oOptions){for(let t in e)this.oOptions[t]=e[t];this.updateConfig(this.oOptions)}o=n.AA(t,this.oDataRequest),!0!==this.oDataRequest.bTableHide&&"true"!==this.oDataRequest.bTableHide||(t.style.display="none")}}catch(e){}return o}loadData(e,t,o,n){let r=this.oOptions=this.setOptions(e,t);o=o||{};for(let e in o)r[e]=o[e];this.updateConfig(r,n),this.widget.bAPIReady?this.reload():this.bNeedsLoad=!0}debounceLoadData(e,t,o,n){let r=this.debounceTime=setTimeout((()=>{r===this.debounceTime&&(this.debounceTime=null,this.widget&&!this.widget.bDisconnect&&this.loadData(e,t,o,n))}),50)}reload(e,t){this.activateReload(e,t)}clearForReload(){let e=this.widget;e.fire("rowdeselect"),e.dumpMapping(),this.dumpModel(),this.bLightReload&&(this.nSavePageIdx=e.nCurrPageIdx),e.nCurrPageIdx=e.nAdjustedStart=0,e.updater.clearStyle()}activateReload(e,t){const o=this.widget;if(this.bHasLoaded=!1,t&&(!1===this.oDataFormat.bResetOnDataChange||"false"===this.oDataFormat.bResetOnDataChange)){this.bLightReload=!0;let e=!1;o.once(u.default.event.updated,(()=>{this.bLightReload=!1,e||(e=!0,o.stateManager.setFilter(o.stateManager.oFilter))}))}if(o.statusManager&&o.statusManager.closeStatus(),o.search&&!this.bLightReload&&o.search.clearSearch(),this.oDataFormat.sSortBy&&this.widget.oDOMSortedColumn){this.widget.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader.onSort(null,null,"none")}else o.batchEditor.isActive()&&!o.batchEditor.bSavingBatchEdit&&o.batchEditor.completeCancel(void 0,!0),this.clearForReload(),this.debounceTime&&!e||this.load(e)}load(e){const t=this.widget,o=t.webcomponent;if(this.bCustomUndefined&&(this.bCustomUndefined=!1,this.setCustomFunctions(this.oDataFormat)),this.bNeedsData&&o.data&&this.setData(o.data),this.bHasLoaded=!1,this.isIncrementalLoad()&&o.frozenRowsBottom&&(n.Aq("Frozen bottom rows is not supported with incremental data loading"),o.frozenRowsBottom=0),this.bHasDataSource&&!e){let e=n.c7.copy(this.oDataRequest.readOptions||{}),t=e.sServerErrorMessage;t||(t=e.sServerErrorPath?u.default.tokens.serverMessage:g.default.get("dialog.read.errorMsg",this.widget));const o={icon:"error",state:"error",msg:t};e.oErrorStatus=o,e.fnFailure=()=>this.fire("loaded"),this.fire("loaddata",e)}else if(t.bPreloaded||this.dumpModel(!0),!e&&this.oDataFormat.fnCustomRead){const e=this.oDataFormat.fnCustomRead,o=e=>{this.oLocalModel=this.preprocess(e),this.finishLoad()},r={callback:o,grid:t.webcomponent},a=e.method.apply(e.oScope,[r,this.oDataFormat]);a&&a.then(o).catch((e=>{if(this.widget.statusManager){const o={icon:"error",state:"error",msg:g.default.get("dialog.recordInfo.errorMsg",t)};t.statusManager.setStatus(o),n.Aq(e)}}))}else{e=e||this.data;const o=r.MU(e,this.oDataFormat.sRecordPath,void 0,t.sNestedDataSeparator)||{};this.oLocalModel=this.preprocess(o),this.finishLoad();this.getOriginRecordCount()||t.getRowCount()||t.aTopRowMapping.length||t.aBottomRowMapping.length||this.finishNoData()}}finishLoad(e){this.bHasLoaded=!0,e||this.widget.bDisconnect||(this.fire("loading"),this.fire("loaded"))}finishNoData(){const e=this.widget,t=e.webcomponent;t.oDOMNodata&&t.oDOMNodata.updateInfo(),e.bAPIReady=!0,this.finishLoad(!0),e.fire("apiready")}resetRowMapping(){const e=this.widget;e.aRowMapping.length=0,this.aOrderedData.forEach(((t,o)=>{e.updateRowMapping(e.aRowMapping,o,{sRecordIndex:t.sRecordIndex})}))}filter(e,t){this.widget.aRowMapping.length=0,t=""+t;let o=this.aOrderedData.filter((o=>{let n=""+o[e];return o[e]&&-1!==n.toLowerCase().indexOf(t.toLowerCase())}));this.widget.fire("roworderchange"),o.forEach(((e,t)=>{this.widget.updateRowMapping(this.widget.aRowMapping,t,{sRecordIndex:e.sRecordIndex})})),this.widget.bodyUpdate()}unsetSort(){this.aOrderedData.sort(((e,t)=>e.nOriginalIndex<t.nOriginalIndex?-1:1))}preprocess(e){const t=this.widget;e=e||{};let o,a=this.oLocalModel,i=[],l=[],d=this.aRecordIndex,c=this.bIsRawDataArray=n.kJ(e),h=this.mFieldStructure,u=this.aLeafFieldIndex,g=0;const p=t.sNestedDataSeparator;return c?o=e.length&&n.kJ(e[0])?(e=e.map((e=>e.slice(0)))).map((e=>e.slice(0))):(e=e.map((e=>(this.oDataFormat.sNodePath&&(e=r.MU(e,this.oDataFormat.sNodePath,void 0,p)),"string"==typeof e?{0:e}:n.RH({},e))))).map((e=>n.RH({},e))):(e=n.RH({},e),o=n.RH({},e)),this.updateDataProperty(o),Object.keys(e).forEach((o=>{let r={},m=e[o];if(null===m)return void g++;let f=n.kJ(m),b=new s(this.mDataSchema,m,p);r.model=b,r.nCellDirty=0;let v=b.aLeafFieldIndex,y=b.oFieldSchema;for(let e=0,t=v.length;e<t;e++){let t=v[e];-1===u.indexOf(t)&&(l.push(t),this.nFieldDepth="disabled"!==p?Math.max(t.split(p).length,this.nFieldDepth):Math.max(1,this.nFieldDepth),h=h||(f?[]:{}),f?h.push(y[t]):h[t]=y[t],u.push(t))}m.sRESTIndex=o,c&&(o=t.createRecordIndex()),d.push(o),i.push(o),m.sRecordIndex=o,m.nOriginalIndex=this.aOrderedData.length,this.aOrderedData.push(m),a[o]=r})),this.nRecordCount+=i.length,this.aUnseenRecordIndex=i,this.aUnseenFieldIndex=l,this.sNeedsSort&&(this.sortUnseen(g),this.sNeedsSort=!1),this.isIncrementalLoad()&&!this.oDataFormat.bStartAtValue&&i.length+g<t.getPageSize()&&(t.bInfiniteMaxReached=!0),this.mFieldStructure=h,this.mDataSchema||(this.mDataSchema=h),this.aLeafFieldIndex=u,t.bGroupBy&&t.groupbyManager.groupBy(t.aGroupBy,this.aOrderedData),a}moveRow(e,t,o){const n=this.widget,r=this.oLocalModel[e],a=r.nRowIndex,i=r.sFrozen;let s,l,d=!1,c=n.getRowMappingByFrozen(i),h=c;n.bUpdatingFrozen=!0,"top"===i?(l="top",n.webcomponent.frozenRowsTop--,d=!0):"bottom"===i&&(l="bottom",n.webcomponent.frozenRowsBottom--,d=!0),"start"===t?s=0:"number"==typeof t?(s=t,"top"===o?(l="top",h=n.aTopRowMapping,n.webcomponent.frozenRowsTop++,d=!0):"bottom"===o&&(l="bottom",h=n.aBottomRowMapping,n.webcomponent.frozenRowsBottom++,d=!0)):"top"===t?(l="top",h=n.aTopRowMapping,n.webcomponent.frozenRowsTop||(n.webcomponent.frozenRowsTop=0),s=n.webcomponent.frozenRowsTop,n.webcomponent.frozenRowsTop++,d=!0):"bottom"===t?(l="bottom",h=n.aBottomRowMapping,n.webcomponent.frozenRowsBottom||(n.webcomponent.frozenRowsBottom=0),n.webcomponent.frozenRowsBottom++,s=0,d=!0):"body"===t?(h=n.aRowMapping,"top"===i?s=0:"bottom"===i&&(s=n.aRowMapping.length)):s=c.length-1,n.bUpdatingFrozen=!1,s=+s;let g=c.splice(a,1);return h.splice(s,0,g[0]),this.refreshAllRecordMapping(),d&&(n.updater.clearCache(),n.update(),n.fire(u.default.event.frozenrowchange,l)),"body"===t&&("top"===i?n.firstPage():"bottom"===i&&n.lastPage()),s}updateDataProperty(e){let t=this.widget.webcomponent;e||(e=this.cleanData(e)),this.bUpdatingData=!0,t.data=e,this.bUpdatingData=!1}cleanData(e,t,o){let r,a,i=this.widget;return a=t?i.aRowMapping.map((e=>{let t=e.sRecordIndex;return this.aOrderedData.find((e=>e.sRecordIndex===t))})):this.aOrderedData,r=this.bIsRawDataArray?a.map((t=>{let r;return e?r=this.getVisibleData(t):(n.kJ(t)?o?(r={},t.forEach(((e,t)=>{let o=t;const n=i.getColumnByFieldIndex(o.toString());n&&(o=n.sColumnHeaderText),r[o]=e}))):r=t.slice(0):r=n.RH({},t),delete r.sRESTIndex,delete r.sRecordIndex,delete r.nOriginalIndex,delete r.nRowIndex,delete r.sFrozen),r})):a.reduce(((t,o)=>{let r,a=o.sRESTIndex;return e?r=this.getVisibleData(o):(r=n.RH({},o),delete r.sRESTIndex,delete r.sRecordIndex,delete r.nOriginalIndex,delete r.nRowIndex,delete r.sFrozen),t[a]=r,t}),{}),r}cleanSingleRecord(e){let t;return t=n.kJ(e)?e.slice(0):n.RH({},e),delete t.sRESTIndex,delete t.sRecordIndex,delete t.nRowIndex,delete t.sFrozen,delete t.nOriginalIndex,t}getVisibleData(e){let t;return t=n.kJ(e)?[]:{},this.widget.aColumnMapping.forEach((o=>{let r=o.sFieldIndex;o.bHidden||""===r||n.String.trimWhiteSpace(r).split(",").forEach((o=>{o=n.String.trimWhiteSpace(o),t[o]=e[o]}))})),t}sortUnseen(e){let t=this.widget,o=this.aUnseenRecordIndex,n=this.sNeedsSort.replace(/['"]+/g,""),r="desc"===this.sNeedsSortDir?-1:1,i=o.map(((e,t)=>{let o=this.get(e,n);return{sRecordIndex:e,mValue:null==o?"":o}})),s=t.getColumnByFieldIndex(n),l=null;l=s&&s.fnSorter?s.fnSorter:{method:a.Z.getSorter("text"),scope:null};if(i.sort((function(e,t){const o=l.method.apply(l.scope,[e.mValue,t.mValue]);return r>=0?o:-o})),this.isIncrementalLoad()&&this.oDataFormat.bStartAtValue)if(i.length+e>this.widget.getPageSize()){let e=i.splice(-1,1);if(e.length){let t=e[0].sRecordIndex;this.aRecordIndex.splice(this.aRecordIndex.indexOf(t),1),this.sStartAtValue=e[0].mValue}}else this.widget.bInfiniteMaxReached=!0;this.aUnseenRecordIndex=i.map((e=>e.sRecordIndex))}setOriginRecordCount(e){e?(e=parseInt(e,10)||0,this.nOriginRecordCount=e):this.nOriginRecordCount=0}getOriginRecordCount(){return this.nOriginRecordCount}getUnseenRecordIndex(){return this.aUnseenRecordIndex}getLeafFieldIndex(){return this.aLeafFieldIndex}getFieldStructure(){return this.mFieldStructure}getFieldDepth(){return this.nFieldDepth}duplicateRecord(e){}removeRecord(e,t,o,r,a){const i=this.widget;if(!1===this.oDataRequest.deleteOptions)return;let s=n.c7.copy(this.oDataRequest.deleteOptions||{});e=this.getRecordIndex(e);let l=this.get(e);if(!l)return!1;const d=this.oLocalModel[e],c={icon:"checkmark",state:"success",msg:o=o||g.default.get("dialog.recordDelete.successMsg",this.widget)};let h=s.sServerErrorMessage;h||(h=s.sServerErrorPath?u.default.tokens.serverMessage:g.default.get("dialog.recordDelete.errorMsg",this.widget));const p={icon:"error",state:"error",msg:h};if(s.sRecordIndex=e,r&&!i.batchEditor.isActive()||(s.oStatus=c,s.oErrorStatus=p),s.fnCustom=this.oDataFormat.fnCustomDelete,s.oRecordRawData=l.get(),s.sEditMode="removerecord",s.bBatchCleanup=d.bBatchCleanup,!r&&!i.batchEditor.isActive()){if(!1===this.fire("removerecord",s))return n.Aq("Delete was cancelled by the user in the data:record:beforedelete event"),!1}if(s.oRecordModel=this.get(s.sRecordIndex),i.dirtyManager.setDirtyDelete(e,s),i.batchEditor.isActive()){let t=this.widget.getDataRowIndexByRecordIndex(e,this.oLocalModel[e].sFrozen);i.update({bUpdateBodyContent:!0},t)}else this.fireAfterStoreEvent("afterremoverecord",s,void 0,r)}_updateCell(e,t,o,n){let r=this.get(e,t);if(""===o&&void 0===r)return!1;if("date"===n){const e=p.kB(r).toString(),t=p.kB(o).toString();if(r===o||e===t)return!1}else{if("string"==typeof o&&r&&r.toString()==o)return!1;if(r==o)return!1}return t!==u.default.store.keyField&&this.oLocalModel[e].model.set(t,o),!0}updateCell(e,t,o,r,a){const i=this.widget;if(!1===this.oDataRequest.updateOptions.cell)return;let s=this.oLocalModel[e].model,l=this.get(e,t);if(!this._updateCell(e,t,o,a))return;if(t===u.default.store.keyField)return void this.updateRecordWithKey(e,!1,o);let d=n.c7.copy(this.oDataRequest.updateOptions.cell||{});const c={icon:"checkmark",state:"success",msg:g.default.get("dialog.fieldUpdate.successMsg",this.widget)};let h=d.sServerErrorMessage;h||(h=d.sServerErrorPath?u.default.tokens.serverMessage:g.default.get("dialog.fieldUpdate.errorMsg",i));const p={icon:"error",state:"error",msg:h};if(d.sRecordIndex=e,d.sFieldIndex=t,d.payload=o,d.oldValue=l,d.oRecordRawData=s.get(),d.fnCustom=this.oDataFormat.fnCustomUpdateCell,d.sEditMode="updatecell",r||(d.oStatus=c,d.oErrorStatus=p),!r&&!i.batchEditor.isActive()){if(!1===this.fire("updatecell",d))return n.Aq("Update was cancelled by the user in the data:cell:beforechange event"),!1}i.dirtyManager.setDirty(e,t,d),i.savedScrollVal=i.oDOMMainScroll.scrollLeft;let m=this.widget.getDataRowIndexByRecordIndex(e,this.oLocalModel[e].sFrozen);i.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},m),i.batchEditor.isActive()||this.fireAfterStoreEvent("afterupdatecell",d,void 0,r)}updateRecord(e,t,o,r,a,i){const s=this.widget;if(!1===this.oDataRequest.updateOptions.row)return!1;e=this.getRecordIndex(e);const l=this.oLocalModel[e];if(!l)return!1;let d=l.model,c=n.c7.copy(d.get()),h=!1,p=[];if(Object.keys(t).forEach((o=>{this._updateCell(e,o,t[o])&&(h=!0,p.push(o))})),!r&&(!h||o))return!1;if(p.forEach((t=>{s.dirtyManager.setDirty(e,t)})),-1!==p.indexOf(u.default.store.keyField))return this.updateRecordWithKey(e,p,t[u.default.store.keyField]),!0;let m=n.c7.copy(this.oDataRequest.updateOptions.row||{});const f={icon:"checkmark",state:"success",msg:g.default.get("dialog.recordUpdate.successMsg",this.widget)};let b=m.sServerErrorMessage;b||(b=m.sServerErrorPath?u.default.tokens.serverMessage:g.default.get("dialog.recordUpdate.errorMsg",this.widget));const v={icon:"error",state:"error",msg:b};if(m.sRecordIndex=e,m.oRecordRawData=d.get(),m.oOldData=c,r&&!s.batchEditor.isActive()||(m.oStatus=f,m.oErrorStatus=v),m.aChangedFieldIndex=p,m.fnCustom=this.oDataFormat.fnCustomUpdateRow,m.oRefocus=a,m.sEditMode="updaterecord",m.bNoRefresh=i,!r){if(!1===this.fire("updaterecord",m))return n.Aq("Update was cancelled by the user in the data:record:beforechange event"),!1}return this.fireAfterStoreEvent("afterupdaterecord",m,void 0,r),!0}insertRecordWithKey(e){let t=this.oLocalModel[e].model,o=n.c7.copy(this.oDataRequest.updateOptions.row||{});o.sRecordIndex=e,o.sIdKeyValue=e,o.oRecordRawData=t.oRecordRawData||{},o.fnCallback=this.afterInsertRecordWithKey,this.bHasDataSource?this.onModifyRecordRest(o):this.afterInsertRecordWithKey(options)}afterInsertRecordWithKey(e){this.fire("afterinsertrecord",{options:e})}updateRecordWithKey(e,t,o){let r=()=>{let t=n.c7.copy(this.oDataRequest.deleteOptions||{});t.sRecordIndex=e,t.fnCallback=a,this.onModifyRecordRest(t)},a=()=>{let r=this.oLocalModel[e].model,a=n.c7.copy(this.oDataRequest.updateOptions.row||{});a.sRecordIndex=e,a.sIdKeyValue=o,a.oRecordRawData=r.get(),a.aChangedFieldIndex=t,a.sNewRecordIndex=o,a.fnCallback=this.updateKey,this.onModifyRecordRest(a)};this.bHasDataSource&&!this.widget.batchEditor.isActive()?r():this.updateKey({sRecordIndex:e,sNewRecordIndex:o,aChangedFieldIndex:t})}updateKey(e){let t=e.sRecordIndex,o=e.sNewRecordIndex,n=this.widget;this.oLocalModel[o]=this.oLocalModel[t],delete this.oLocalModel[t],this.aRecordIndex[this.aRecordIndex.indexOf(t)]=o,this.oLocalModel[o].model.get().sRESTIndex=o;let r=this.oLocalModel[o].nRowIndex;if(n.getRowMappingByFrozen(this.oLocalModel[o].sFrozen)[r].sRecordIndex=o,n.sorter){let e=n.sorter.aOriginalRowMappingOrder;e.length&&(e[e.indexOf(t)]=o)}let a=this.aOrderedData.findIndex((e=>e.sRecordIndex===t));if(-1!==a&&(this.aOrderedData[a].sRecordIndex=o),n.batchEditor.isActive()){const e={};e.sOldRecordIndex=t,e.sNewRecordIndex=o,e.sEditMode="updatekey",n.dirtyManager.setDirty(t,void 0,e)}n.update(),n.batchEditor.isActive()||(e.aChangedFieldIndex?this.fire("afterupdaterecord",{options:{sRecordIndex:o,aChangedFieldIndex:e.aChangedFieldIndex}}):this.fire("afterupdatecell",{options:{sRecordIndex:o,sFieldIndex:u.default.store.keyField}}),window.setImmediate((()=>{this.fire("updatecomplete")})))}get(e,t,o){const r=this.widget.sNestedDataSeparator;if(o)return this.widget.groupbyManager.getGroupName(o);if(n.o8(this.oLocalModel[e])&&(this.oLocalModel[e]=new s(this.mDataSchema,void 0,r)),t===u.default.store.keyField){if(this.widget.batchEditor.isActive()){if(this.oLocalModel[e].bDirtyInsert)return""}if(this.bIsRawDataArray){let t=this.oDataFormat.sIdKey;if(t!==u.default.store.keyField){let o=this.get(e,t);if(o)return o}}return e}return n.o8(t)?this.oLocalModel[e].model:this.oLocalModel[e].model.get(t)}getRecordIndex(e){if(this.oLocalModel[e])return e;if(this.bIsRawDataArray&&this.oDataFormat.sIdKey){const t=this.getRecordByKey(this.oDataFormat.sIdKey,e);t&&(e=t.sRecordIndex)}return e}getRecordByKey(e,t){return this.aOrderedData.find((o=>o[e]==t))}getUniqueDataByFieldIndex(e){let t=this.getDataByFieldIndex(e,!0);return[...new Set(t)].sort()}getDataByFieldIndex(e,t,o){const n=this.widget;let a=n.filter;o=o||this.aOrderedData,a&&a.bUseFilter&&!t&&(o=a.aFiltered);let i=o.map((o=>{const a=r.MU(o,e,void 0,n.sNestedDataSeparator);return t?a:parseFloat(a)}));return i=i.filter((e=>e||0===e)),i}hasNextData(){return!1!==(this.sNextPathURL||!1)}hasPrevData(){return!1!==(this.sPrevPathURL||!1)}insertRecord(e,t,o,r,a){const i=this.widget,l=i.sNestedDataSeparator;let d=new s(this.mDataSchema,e,l);if(this.oDataFormat.bSubscription&&!r&&!i.batchEditor.isActive())return void this.insertRecordServer(null,d,void 0,!1,!0);let c=o||this.widget.createRecordIndex();!o&&i.aColumnMapping.some((e=>e.bIsKeyIndex))&&(c=u.default.store.tempID),this.oLocalModel[c]={model:d,nRowIndex:-1,nCellDirty:0},this.aUnseenRecordIndex=[c],this.aRecordIndex.push(c),this.nRecordCount++;let h=this.mFieldStructure,g=this.mDataSchema,p=this.aLeafFieldIndex,m=n.iM(g,l),f=[],b=!1;for(let e=0,t=m.length;e<t;e++){let t=m[e];-1===p.indexOf(t)&&(b=!0,f.push(t),this.nFieldDepth="disabled"!==l?Math.max(t.split(l).length,this.nFieldDepth):Math.max(1,this.nFieldDepth))}b&&(h=n.RH(h,g),this.aLeafFieldIndex=n.iM(h,l)),this.aUnseenFieldIndex=f,this.mFieldStructure=h,this.insertRecordServer(c,d,t,r,void 0,a)}removeTempField(e,t){const o=t.sRecordIndex;this.nRecordCount--;let n=this.oLocalModel[o].nRowIndex;this.oLocalModel[o]=null,delete this.oLocalModel[o];const r=this.aRecordIndex.indexOf(o);this.aRecordIndex.splice(r,1),this.widget.aRowMapping.splice(n,1)}insertRecordServer(e,t,o,r,a,i){let s=this.widget;if(!1===this.oDataRequest.createOptions)return;let l=n.c7.copy(this.oDataRequest.createOptions||{});if(l.oRecordRawData=t.oRecordRawData,l.sRecordIndex=e,l.sRecordLocation=o,l.sFrozen=i,l.fnCustom=this.oDataFormat.fnCustomCreate,l.fnFailure=this.removeTempField,l.bCreateRecord=!0,l.sEditMode="insertrecord",!r){l.oStatus={icon:"checkmark",state:"success",msg:g.default.get("dialog.recordCreate.successMsg",this.widget)};let e=l.sServerErrorMessage;e||(e=l.sServerErrorPath?u.default.tokens.serverMessage:g.default.get("dialog.recordCreate.errorMsg",this.widget)),l.oErrorStatus={icon:"error",state:"error",msg:e}}if(!r&&!s.batchEditor.isActive()){if(!1===this.fire("insertrecord",l))return void n.Aq("Insert was cancelled by the user in the data:record:beforeinsert event")}if(this.oDataFormat.bLoadByScroll&&this.bHasDataSource||a||s.updateDefaultRowMapping(void 0,!0),s.dirtyManager.setDirtyInsert(e,l),s.batchEditor.isActive())s.update(),s.lastPage();else{let t={sUnseenRecordIndex:e,sTempRecordIndex:e,oStatus:l.oStatus,sRecordLocation:o,sFrozen:i};this.fireAfterStoreEvent("afterinsert",l,t,r)}}fireAfterStoreEvent(e,t,o,n){o=o||{};let r=["sRecordIndex","sFieldIndex","aChangedFieldIndex","oRecordRawData","oOldData","oRecordModel","nRowIndex","oLocalModel","oldValue","oStatus","bBatchEdit","bBatchCleanup","bNoRefresh"];for(let e of r)t&&t[e]&&(o[e]=t[e]);if(t.fnCustom&&!n){const n=t=>this.fire(e,{options:o},t);t.callback=n;const r=t.oRecordRawData?this.cleanSingleRecord(t.oRecordRawData):null,a=[];t.sRecordIndex&&!t.bCreateRecord&&a.push(t.sRecordIndex),r&&a.push(r),a.push(t,this.oDataFormat);let i=t.fnCustom.method.apply(t.fnCustom.oScope,a);i&&i.then(n)}else!this.bHasDataSource||t.bExclude||n?this.fire(e,{options:o}):(t.sSuccessEvent=e,this.onModifyRecordRest(t))}processChangedData(e,t,o){for(let n in e)if(e.hasOwnProperty(n)){let r=t[n],a=e[n];r!==a&&(this.oLocalModel[o].model.set(n,a),t[n]=a)}}processTemplate(e,t,o,n,r,a){const i=this.widget.sNestedDataSeparator;if(!e)return e;let s=o.sTargetFieldIndex,l=o.sTargetRecordIndex;o.sGroupRecordIndex&&(r=!0);let d=r?{}:this.get(l).oRecordRawData;if(!a&&(a={},!r)){let e;s.split(",").map((t=>{if("disabled"!==i){let o=t.split(i);e=o[o.length-1]}else e=t;let o=this.get(l,t.trim());a[e.trim()]=o}))}let c={record:d,index:a};return this.populateTemplate(e,t,c,n,o)}populateTemplate(e,t,o,n,r){let a,i;if("function"==typeof e)i=e(o);else{if("string"==typeof e)a=e;else if(e.content)if(t){const o=document.importNode(e.content,!0);t.appendChild(o),a=t.innerHTML}else a=e.innerHTML;i=this.calculateTemplate(a,o,n,void 0,r)}return t&&(t.innerHTML=i),i}calculateTemplate(e,t,o,a,i){let s,l=n.String.escapeRegExp(this.templateStartDelimiter),d=n.String.escapeRegExp(this.templateEndDelimiter),c=!i||"disabled"!==i._columnConfig.sTranslateNewline;const h=this.widget,g=h.aggregateManager;return e&&"string"==typeof e?(o&&(s=new RegExp(l+"(.*?)"+d+"(s*['\"])","g"),e=e.replace(s,(function(e,o,n){o=o.trim();let a=r.MU(t,o,"",h.sNestedDataSeparator);if(void 0!==a){return a+n+(" "+u.default.editor.bindingAttr+"="+n+o+n)}return e})),s=new RegExp("<textarea(.*?)"+l+"(.*?)"+d+"(.*?)</textarea>","g"),e=e.replace(s,(function(e,o,n,a){n=n.trim();let i=r.MU(t,n,"",h.sNestedDataSeparator);if(void 0!==i){return`<textarea ${u.default.editor.bindingAttr+'="'+n+'"'}${o}${i}${a}</textarea>`}return e}))),s=new RegExp(l+"(.*?)"+d,"g"),e.replace(s,((e,o)=>{o=o.trim();let n=r.MU(t,o,"",h.sNestedDataSeparator);return"string"==typeof n&&c&&(n=n.replace(/\n/g,"<br>")),""===n&&void 0!==g[o]&&(n=g.calculateAggregateRow(i,o)),a&&""===n?`${this.templateStartDelimiter}${o}${this.templateEndDelimiter}`:n}))):e}refreshAllRecordMapping(){const e=this.widget;let t=[e.aRowMapping,e.aTopRowMapping,e.aBottomRowMapping];for(let e=0;e<t.length;e++){const o=t[e];o.forEach(((e,t)=>{let n=e.sRecordIndex;e.sGroupRecordIndex||this.updateRecordMapping(o,n,t)}))}}updateRecordMapping(e,t,o){e===this.widget.aTopRowMapping?this.oLocalModel[t].sFrozen="top":e===this.widget.aBottomRowMapping?this.oLocalModel[t].sFrozen="bottom":this.oLocalModel[t].sFrozen="none",this.oLocalModel[t].nRowIndex=o}getArrayData(e,t,o){let r=[],a=t.sArrayIndex;const i=t.sArraySlice;let s=null,l=null;if(n.Uh(i)){const e=i.split(",");s=parseInt(e[0].trim(),10),e.length>1&&(l=parseInt(e[1].trim(),10))}return(void 0===a||o)&&(a=null),e.forEach((e=>{n.kJ(e)?("number"==typeof s&&(e=n.mJ.clone(e),e="number"==typeof l?e.slice(s,l):e.slice(s)),e.forEach((e=>{a?r.push(e[a]):r.push(e)}))):r.push(e)})),r}getRowData(e){let t={};return this.widget.aColumnMapping.forEach((o=>{let r=o.sFieldIndex;o.bHidden||""===r||o.bTypeAggregateOmit||n.String.trimWhiteSpace(r).split(",").forEach((o=>{let n=this.get(e,o.trim());t[o]=n}))})),t}getAllRowData(){const e=this.widget.filter;let t;t=e&&e.bUseFilter?e.aFiltered:this.aOrderedData;let o=[];const n=t.length;for(let e=0;e<n;e++)o.push(this.getRowData(t[e].sRecordIndex));return o}getRowIndexByRecordIndex(e){return this.oLocalModel[e].nRowIndex}getColumnIndexByFieldIndex(e){let t=this.widget.aColumnMapping,o=[];for(let n=t.length;n--;)t[n].sFieldIndex==e&&o.push(n);return o}isServerSort(){return this.isIncrementalLoad()&&(this.oDataFormat.sSortByKey||-1!==this.oDataRequest.readOptions.sUrl.indexOf(u.default.tokens.sortBy))}isIncrementalLoad(e){let t;return e&&(t=e.loadByPage||e.loadByScroll),t||this.oDataFormat.bLoadByScroll||this.oDataFormat.bLoadByPages}initModel(){this.data=[],this.reset()}dumpModel(e){this.reset(),this.widget.clearIdCounters(e),this.widget.updater.clearCache()}dumpDataRequest(){this.oDataRequest={createOptions:{},readOptions:{},updateOptions:{row:{},cell:{}},deleteOptions:{}},this.oOptions=null,this.setOriginRecordCount(0)}reset(){this.aRecordIndex=[],this.nRecordCount=0,this.sStartAtValue=null,this.aLeafFieldIndex=[],this.nFieldDepth=0,this.mFieldStructure=null,this.oLocalModel={},this.mDataSchema=null,this.aOrderedData=[],this.widget&&this.widget.groupbyManager&&(this.widget.groupbyManager.aGroupData=[]),this.sNextPathURL=null,this.sPrevPathURL=null,this.oOptions=null}get bHasDataSource(){return!!this.oDataRequest.sUrl||!!this.oDataRequest.readOptions.sUrl}}m.setUserFunction=function(e,t){if(e){let o=e(t,!0);if(o)return{method:o,scope:null}}let o=m.aMethods[t];if(o)return o;if("string"!=typeof t)return null;let n=t.split(".");if(n.length>1||m.aNamespaces.default){let e=n[0];if(m.aNamespaces[e]){let t=m.aNamespaces[e].namespace;for(let e=1;e<n.length;e++)t=t[n[e]];return{method:t,scope:m.aNamespaces[e].scope}}if(m.aNamespaces.default){let e=m.aNamespaces.default.namespace;for(let t=0;t<n.length&&e;t++)e=e[n[t]];if(e)return{method:e,scope:m.aNamespaces.default.scope}}let t=window;for(let e=0;e<n.length;e++)if(t=t[n[e]],void 0===t)return null;return{method:t,scope:null}}if(window[t])return{method:window[t],scope:null};if(e){let o=e(t);if(o)return{method:o,scope:null}}return null},m.aAdapters={firebaseSDK:{createCustomFunction:"firebaseCreate",readCustomFunction:"firebaseRead",updateRowCustomFunction:"firebaseUpdateRow",updateCellCustomFunction:"firebaseUpdateCell",deleteCustomFunction:"firebaseDelete"},firebase:{limitToKey:"limitToFirst",startAtKey:"startAt",sortByKey:"orderBy",searchKey:"equalTo",startAtValue:!0,addValueQuotes:!0,newIndexPath:"name"},graphql:{restmode:"manual",method:"post"},django:{urlSuffix:"/"}},m.aMethods={},m.aNamespaces={};const f=m},1562:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>m});var n=o(3605),r=o(8965),a=o(2816),i=o(2260),s=o(8419),l=o(8139),d=o(9700),c=o(8938),h=o(1704),u=o(6919);const{translate:g}=n;class p extends r.Z{constructor(e){(e=e||{})._defaults={type:"grid",prefix:"zing-grid-",hasColumnHeader:!0,hasColumnFooter:!0,disableScrollBarX:!1,disableScrollBarY:!1,nCurrPageIdx:0,pageSize:s.default.store.defaultPageSize,bUserPageSize:!1,bHasSelectorEnabled:!1,bHasSorterEnabled:!1,bHasEditorEnabled:!1,bHasCellEditorEnabled:!1,bHasContextMenuEnabled:!1,bRowDrag:!1,bColumnDrag:!1,bDragHide:!1,bDragMove:!1,bHeaderRowHide:!1,bHeaderAutoFormat:!0,sNestedDataSeparator:".",sNestedGroupDataSeparator:"#",oHeaderTooltip:{},oCellTooltip:{},bHasEditColumn:!1,bHasRemoveColumn:!1,bHasInfoColumn:!1,bHasSelectorColumn:!1,bHasRowNumberColumn:!1,bHasRowGroupColumn:!1,fnHeaderAutoFormat:null,bHasStaticMenu:!1,bOnlyColumnWidth:void 0,nInfiniteTotalDisplay:s.default.infinite.defaultInfiniteDisplay,nDefaultRowHeight:s.default.zgRow.defaultHeight,nDefaultHeadHeight:s.default.zgRow.defaultHeadHeight,nRowHeight:void 0,nAdjustedStart:0,nSetWidth:null,bStaticScroll:!1,bCompact:!1,nRowsPerSet:-1,nRowSets:1,bInfiniteMaxReached:!1,sContextMenuId:"",bHasFilterEnabled:!1,bHasSearchEnabled:!1,bGlobalFilter:!1,bAPIReady:!1,bConfirmDelete:!0,aFilters:[],aIcons:[],aSelectedRows:[],bFastMode:!1,bCellFocus:!0,nStoredPageIndex:-1,sDefaultDisplay:null,nCardsPerRow:1,sSortIntl:void 0,nLeftFrozenColumns:0,nCardLeftFrozenColumns:0,nRightFrozenColumns:0,nCardRightFrozenColumns:0,nTopFrozenRows:0,nCardTopFrozenRows:0,nCardBottomFrozenRows:0,nBottomFrozenRows:0,nLoadingImages:0,oZGCellMap:{},oZGHeadCellMap:{},oZGFootCellMap:{},oDOMSortedColumn:null,aCurrentOver:[],aMouseOut:[],aMouseOutTimeouts:[],idCounters:[],aZebraClasses:[],oStateOptions:{},aGroupBy:[],oGroupDummyRows:{count:0},els:{mainGridTable:{},mainColumnBody:{},mainColumnHeader:{},mainColumnFooter:{},topPager:{},bottomPager:{}},rendered:!1,nDebugCount:0};e._defaults.plugins={scroller:{},loadmask:{}},super(e),this.docEvents={},this.config=e,this.initialConfig={},this.ZGLoadMask=s.default.zgLoadMask.tagName,this.createColumnId=this.createId("zg$columnId"),this.setColumnId=this.createColumnId.setCounter,this.getColumnId=this.createColumnId.getCounter,this.createRecordIndex=this.createId("zg$recordIdx"),this.randomKey=Math.floor(1e6*Math.random())+1,this.updater=new h.default({widget:this}),this.ZG=this.updater.widget.webcomponent}set bGroupBy(e){e?(this.nTopFrozenRows&&(this.nTopFrozenRows=0),this.nBottomFrozenRows&&(this.nBottomFrozenRows=0)):(this.initialConfig.frozenRowsTop&&(this.nTopFrozenRows=this.initialConfig.frozenRowsTop),this.initialConfig.frozenRowsBottom&&(this.nBottomFrozenRows=this.initialConfig.frozenRowsBottom)),this._bGroupBy=e}get bGroupBy(){return!this.isCardLayout()&&(this._bGroupBy||!1)}init(){this.initDir(),this.initStore(),this.initPlugins(),this.initMapping(),this.onUserEvents(),this.ons(),this.render()}ons(){this.on("render",(()=>{})),this.store.on("loaded",this.associateColumns,this),this.on("pagechange",((e,t,o)=>this.bodyUpdateWithScroll(void 0,t,o))),this.on(s.default.event.pagesizechange,(()=>this.bodyUpdateWithScroll(!0)))}render(){let e=this.el=a.Z.get(this.renderTo.querySelector("#wrap"));this.fire("beforerender"),e.dom.tabIndex=-1,this.initGridElements(),this.fire(s.default.event.afterRender),this.fire("render")}initPlugins(){let e=this.plugins;this.initPlugin("selectorEngineManager","selectorEngineManager",!1),this.initPlugin("plugins/selector/Selector","selector",!0),this.initPlugin("plugins/aggregate/aggregateManager","aggregateManager",!1),this.initPlugin("plugins/cellbreak/cellBreakManager","cellBreakManager",!0),this.initPlugin("plugins/clipper/Clipper","clipper",!0),this.initPlugin("plugins/columnmenu/ColumnMenu","columnMenu",!1),this.initPlugin("plugins/dialog/dialogManager","dialogManager",!1),this.initPlugin("plugins/details/detailsManager","detailsManager",!1),this.initPlugin("plugins/drag/columnDragManager","columnDragManager",!1),this.initPlugin("plugins/editor/dirtyManager","dirtyManager",!0),this.initPlugin("plugins/editor/batchEditor","batchEditor",!0),this.initPlugin("plugins/editor/RecordEditor","recordEditor",!0),this.initPlugin("plugins/editor/editorManager","editorManager",!0),this.initPlugin("plugins/editor/editorFieldManager","editorFieldManager",!0),this.initPlugin("plugins/filter/Filter","filter",!1),this.initPlugin("plugins/fullscreen/fullscreenManager","fullscreenManager",!1),this.initPlugin("plugins/groupby/groupbyManager","groupbyManager",!1),this.initPlugin("plugins/icon/iconManager","iconManager",!1),this.initPlugin("plugins/layout/layoutManager","layoutManager",!0),this.initPlugin("plugins/menu/menuManager","menuManager",!0),this.initPlugin("plugins/sorter/Sorter","sorter",!1),this.initPlugin("plugins/source/sourceManager","sourceManager",!1),this.initPlugin("plugins/state/stateManager","stateManager",!1),this.initPlugin("plugins/status/statusManager","statusManager",!0),this.initPlugin("plugins/tooltip/tooltipManager","tooltipManager",!1),this.initPlugin("plugins/viewport/viewportManager","viewportManager",!1),this.initPlugin("plugins/focus/focusManager","focusManager",!1),this.initPlugin("plugins/focus/headerFocusManager","headerFocusManager",!1),this.initPlugin("plugins/focus/footerFocusManager","footerFocusManager",!1),e.scroller&&this.initPlugin("plugins/scroller/Scroller","scroller",!1),this.deleteSE=this.selectorEngineManager.getSelectorEngine()}initPlugin(e,t,n){const r=o(1693)(`./${e}.js`).default,a={widget:this};n&&(a.se=this.selectorEngineManager.getSelectorEngine()),this[t]=new r(a)}initGridElements(){let e=this.el;this.oDOMMainGridTable=e._querySelector("#main");let t=e._querySelector("#body"),o=e._querySelector("#left"),n=e._querySelector("#right");if(this.oDOMMainScroll=e._querySelector("#scroll"),this.mainGridTable=a.Z.get(this.oDOMMainGridTable),this.mainGridHScroll=a.Z.get(this.oDOMMainScroll),this.hasColumnHeader){let e=new d.default({widget:this,oDOMWrapper:this.webcomponent.oDOMFrozenLeftHeadFrame,oHead:this.webcomponent.oDOMLeftHead,oColGroup:this.webcomponent.oDOMLeftColgroup});e.el._show(),this.leftColumnHeader=e;let t=new d.default({widget:this,oDOMWrapper:this.webcomponent.oDOMFrozenMainHeadFrame,oHead:this.webcomponent.oDOMHead,oColGroup:this.webcomponent.oDOMColgroup});t.el._show(),this.mainColumnHeader=t;let o=new d.default({widget:this,oDOMWrapper:this.webcomponent.oDOMFrozenRightHeadFrame,oHead:this.webcomponent.oDOMRightHead,oColGroup:this.webcomponent.oDOMRightColgroup});o.el._show(),this.rightColumnHeader=o}let r=new l.default({widget:this,oDOMWrapper:o,oBody:this.webcomponent.oDOMLeftBody});r.el._show(),this.leftColumnBody=r;let i=new l.default({widget:this,oDOMWrapper:t,oBody:this.webcomponent.oDOMBody});i.el._show(),this.mainColumnBody=i;let s=new l.default({widget:this,oDOMWrapper:n,oBody:this.webcomponent.oDOMRightBody});if(s.el._show(),this.rightColumnBody=s,this.hasColumnFooter){let e=new c.default({widget:this,oFoot:this.webcomponent.oDOMLeftFoot,oColGroup:this.webcomponent.oDOMLeftColgroup,oDOMWrapper:this.webcomponent.oDOMFrozenLeftFootFrame});e.el._show(),this.leftColumnFooter=e;let t=new c.default({widget:this,oFoot:this.webcomponent.oDOMFoot,oColGroup:this.webcomponent.oDOMColgroup,oDOMWrapper:this.webcomponent.oDOMFrozenMainFootFrame});t.el._show(),this.mainColumnFooter=t;let o=new c.default({widget:this,oFoot:this.webcomponent.oDOMRightFoot,oColGroup:this.webcomponent.oDOMRightColgroup,oDOMWrapper:this.webcomponent.oDOMFrozenRightFootFrame});o.el._show(),this.rightColumnFooter=o}this.mainGridTable._show()}setCellAlignment(e,t){if(null===(t=t||this.webcomponent.getAttribute(s.default.attr.align)||null))e.removeAttribute(s.default.attr.align);else{const o=s.default.zgColumn.alignTypes.indexOf(t)>-1?t:s.default.zgColumn.alignDefault;e.setAttribute(s.default.attr.align,o)}}setCellLabel({value:e,oDOMCellContainer:t,$cell:o}){if(!t)return;if(!o._columnConfig)return;if(this.layoutManager.sCurrentType!==s.default.zgLayout.typeCard)return;const n=s.default.zgCell.cellIndexAttr,r=s.default.zgCell.cellLabelAttr,a=t.querySelector(`[${n}]`);if(!a)return;e=e||o._columnConfig.sColumnHeaderText||a.getAttribute(n);let i=t.querySelector(`[${r}]`);if(!i){i=document.createElement("label"),i.setAttribute(r,"");const e=document.createElement("slot");e.name="cellLabel",i.appendChild(e),t.insertAdjacentElement("afterbegin",i)}i.textContent=e}updateConfig(e){let t=["data","dataSource","dataFormat","schema","columns"],o=this.store;o.updateConfig({data:e.data,oDataSource:e.dataSource,oDataFormat:e.dataFormat,mDataSchema:e.dataSchema}),this.dumpMapping(e);let n=e.columns;if(n){o.dumpModel();for(let e=0,t=n.length;e<t;e++){let t=n[e],o=this._createZGColumn(t);this.aColumnMapping[e]=o._oParsedColumnMapping}this._adjustFrozenColumns()}else if(void 0!==e.columns){let e=this.mainColumnHeader.oColGroup;e&&e.parentNode&&e.parentNode.removeChild(e)}for(let o in e)t.includes(o)||(this.webcomponent[o]=e[o])}dumpMapping(e){!this.store.bLightReload&&(e&&e.columns&&e.columns.length>0||!this.bIsMappingUserProvided&&this.webcomponent.bReady)&&this.dumpColumnMapping(),this.dumpRowMapping()}dumpColumnMapping(){this.aColumnMapping.length=0,this.bHasRowGroupColumn=!1,Array.from(this.webcomponent.querySelectorAll("zg-column")).forEach((e=>{e.parentNode.removeChild(e)})),this.nHeaderDepth=0}dumpRowMapping(){this.aRowMapping=[],this.aTopRowMapping=[],this.aBottomRowMapping=[],this.aGroupMapping=[]}updateInitialConfig(){this.bReload=!0;for(let e in this.initialConfig)this.webcomponent[e]=this.initialConfig[e];this.selector.deSelectAll(),this.bReload=!1}updateFocus(e,t,o){const n=this.focusManager;n&&n.bInitialLoaded&&(e&&(t=this.webcomponent[`oDOM${e}`],o=n[`a${e}`]),n.updateSection(t,o,e))}hookGridEvents(){let e=["contextmenu","mouseover","mouseout","mouseenter","mouseleave"],t=["click","keydown","blur","focus"];for(let t of e)this.el.on(t,this.detectGridEvent,this,{sDelegateTo:s.default.zgCell.tagName}),this.el.on(t,this.detectGridEvent,this,{sDelegateTo:s.default.zgCard.tagName});for(let e of t)this.el.on(e,this.detectGridEvent,this)}hookCellEvents(){let e=["cellopenedit","cellcloseedit","cellkeypress"];for(let t of e)this.on(t,((e,o,n,r,a,i)=>{let{nColumnIndex:s,sTargetFieldIndex:l,nRowContainerIndex:d}=o;const c=o.sTargetRecordIndex,h=this.getDOMByIndex(o.nRowContainerIndex,o.nColumnIndex);let u={recordIndex:c,columnIndex:s,fieldIndex:l,rowIndex:d,data:o.fullData(),DOMCell:h};switch(t){case"cellcloseedit":a?u.canceled=!0:(u.canceled=!1,u.newValue=r);break;case"cellkeypress":u.currentValue=n.value}let g=`cell:${t.slice(4)}`;return this.emitEvent(g,{ZGData:u},!0)}),void 0,void 0,!0)}hookClipperEvents(){let e=["copy","paste","beforecopy"];for(let t of e)this.clipper.on(t,((e,o)=>{let n={data:o.data,copiedValue:o.text};this.emitEvent("cell:"+t,{ZGData:n}),o.text=n.copiedValue}))}initMapping(){this.aRowMapping=[],this.aTopRowMapping=[],this.aBottomRowMapping=[],this.aColumnMapping=[],this.aGroupMapping=[],this.nHeaderDepth=0}onUserEvents(){this.on("render",(()=>{if(this.emitEvent("grid:render"),this.hookGridEvents(),this.oDOMScroller){a.Z.get(this.oDOMScroller).on("scroll",((e,t)=>{this.emitEvent("grid:scroll",{ZGTarget:t,ZGEvent:e})}))}if(this.mainGridTable.dom){let e=this.webcomponent._oShadowRoot.querySelector("#scroll");if(e){a.Z.get(e).on("scroll",((e,t)=>{this.emitEvent("grid:scroll",{ZGTarget:t,ZGEvent:e})}))}}a.Z.get(document.body).on("keydown",(e=>{this.bDisconnect||(e.nCharCode===e.ESC?(this.recordEditor.bIsOpen?this.recordEditor.cancelOpenEdit(null,this.editorManager.se):this.webcomponent.oDOMDialog&&this.ZG.oDOMDialog.closeEvent(),this.emitEvent("grid:keydown:esc")):e.nCharCode===e.PAGE_DOWN?this.nextPage():e.nCharCode===e.PAGE_UP&&this.prevPage())}))})),this.on("beforerender",(()=>{this.emitEvent("grid:beforerender")})),this.store.on("afterfetch",((e,t)=>{let o={response:t.oResponse,data:t.data};this.emitEvent("data:afterfetch",{ZGData:o})})),this.on("afterloaded",(()=>{this.emitEvent("data:load")})),this.on("refresh",(()=>{this.emitEvent("grid:refresh")})),this.on("hydrate",(()=>{this.emitEvent("grid:hydrate")})),this.on("apiready",(()=>{this.emitEvent("grid:ready")})),this.on("pagechange",((e,t)=>{this.once(s.default.event.updated,(()=>{let e={pageSize:+this.pageSize,currentPage:this.nCurrPageIdx+1};this.emitEvent("grid:pagechange",{ZGData:e}),void 0!==t&&this.emitEvent("grid:page"+t,{ZGData:e})}))})),this.on(s.default.event.pagesizechange,((e,t,o)=>{let n={pageSize:+t,oldPageSize:+o,currentPage:this.nCurrPageIdx+1};this.emitEvent("grid:pagesizechange",{ZGData:n})})),this.on(s.default.event.frozenrowchange,((e,t)=>{let o;o="top"===t?this.aTopRowMapping:this.aBottomRowMapping;let n=[];for(let e=0;e<o.length;e++)n.push(this.store.cleanSingleRecord(this.store.get(o[e].sRecordIndex).oRecordRawData));let r={area:t,currentFrozenRows:o.length,frozenRows:n};this.emitEvent("row:frozen",{ZGData:r})})),this.on("rowselectionchanged",((e,t,o)=>{let n=Object.keys(this.aSelectedRows),r=[];for(let e=0;e<n.length;e++)r.push(this.store.cleanSingleRecord(this.aSelectedRows[n[e]].get()));let a={checked:o,selectedRows:r,rowIndex:this.store.oLocalModel[t].nRowIndex,recordIndex:t,data:this.store.cleanSingleRecord(this.store.get(t).oRecordRawData)};this.emitEvent("row:select",{ZGData:a})})),this.sorter.on("sort",((e,t)=>{let o={fieldIndex:t.index};t.index&&(o.order=-1===t.order?"desc":"asc"),this.emitEvent("grid:sort",{ZGData:o})}),this),this.on("search",((e,t)=>{let o={searchTerm:t.searchTerm,searchResults:t.searchResults,searchCount:t.searchCount};this.emitEvent("grid:search",{ZGData:o})})),this.on("filter",((e,t)=>{let o={fieldIndex:t.sFieldIndex,filterIndex:t.sFilterIndex,filterValue:t.sValue};this.emitEvent("column:filter",{ZGData:o})})),this.on("columnmove",((e,t)=>{const o=this.aColumnMapping[t.newIndex];let n={fieldIndex:o.sFieldIndex,oldIndex:t.oldIndex,newIndex:t.newIndex,frozen:o.sFrozen};this.emitEvent("column:move",{ZGData:n})})),this.on("columntoggle",((e,t)=>{const o=t.oColumnMapping;let n={fieldIndex:o.sFieldIndex,hidden:o.bHidden};this.emitEvent("column:togglevisibility",{ZGData:n})})),this.on("contextmenuopen",(()=>this.emitEvent("grid:contextmenuopen"))),this.on("contextmenuclose",(()=>this.emitEvent("grid:contextmenuclose"))),this.hookCellEvents(),this.selector.on(s.default.event.selectedCells,(()=>{let e=this.selector.se,t=e.rawData(),o=e.nStartRowIndex,n=e.nEndRowIndex,r=e.nStartColumnIndex,a=e.nEndColumnIndex,i=e.doms();-1===o&&(o=n=e.nRowContainerIndex,r=a=e.nColumnIndex);let s={selectedData:t,columnStart:r,rowStart:o,columnEnd:a,rowEnd:n,DOMCell:e.dom(),DOMCells:i};this.emitEvent("grid:select",{ZGData:s})})),this.selector.on(s.default.event.deselectedCells,(()=>{this.emitEvent("grid:deselect")})),this.selector.on(s.default.event.selectedAllCells,(()=>{this.emitEvent("grid:selectall")})),this.hookClipperEvents(),this.store.on("removerecord",((e,t)=>{let o={rowIndex:this.store.oLocalModel[t.sRecordIndex].nRowIndex,recordIndex:t.sRecordIndex,batchEdit:this.batchEditor.isActive(),data:this.store.cleanSingleRecord(this.store.get(t.sRecordIndex).oRecordRawData)};return this.emitEvent("data:record:beforedelete",{ZGData:o},!0)}),void 0,void 0,!0),this.store.on("afterremoverecord",((e,t)=>{let o={batchEdit:t.options.bBatchEdit,data:this.store.cleanSingleRecord(t.options.oRecordModel.oRecordRawData)};t.options.bBatchCleanup||this.emitEvent("data:record:delete",{ZGData:o})})),this.store.on("updatecell",((e,t)=>{const o=this.getDataRowIndexByRecordIndex(t.sRecordIndex,this.store.oLocalModel[t.sRecordIndex].sFrozen),n=this.getColumnIndexByFieldIndex(t.sFieldIndex);let r={DOMCell:this.getDOMByIndex(o,n),rowIndex:this.store.oLocalModel[t.sRecordIndex].nRowIndex,fieldIndex:t.sFieldIndex,recordIndex:t.sRecordIndex,newValue:t.payload,oldValue:t.oldValue,batchEdit:this.batchEditor.isActive(),data:this.store.cleanSingleRecord(this.store.get(t.sRecordIndex).oRecordRawData)};const a=this.emitEvent("data:cell:beforechange",{ZGData:r},!0);return r.newValue!==t.payload&&(r.data[t.sFieldIndex]=r.newValue,t.payload=r.newValue),this.store.processChangedData(r.data,t.oRecordRawData,t.sRecordIndex),a}),void 0,void 0,!0),this.on("afterupdatecellrender",((e,t)=>{const o=this.getDataRowIndexByRecordIndex(t.sRecordIndex,this.store.oLocalModel[t.sRecordIndex].sFrozen),n=this.getColumnIndexByFieldIndex(t.sFieldIndex);let r={DOMCell:this.getDOMByIndex(o,n),rowIndex:this.store.oLocalModel[t.sRecordIndex].nRowIndex,fieldIndex:t.sFieldIndex,recordIndex:t.sRecordIndex,newValue:this.store.get(t.sRecordIndex,t.sFieldIndex),oldValue:t.oldValue,data:this.store.cleanSingleRecord(this.store.get(t.sRecordIndex).oRecordRawData)};this.emitEvent("data:cell:change",{ZGData:r})})),this.store.on("updaterecord",((e,t)=>{let o={rowIndex:this.store.oLocalModel[t.sRecordIndex].nRowIndex,recordIndex:t.sRecordIndex,changedField:t.aChangedFieldIndex,oldData:t.oOldData,batchEdit:this.batchEditor.isActive(),data:this.store.cleanSingleRecord(t.oRecordRawData)};const n=this.emitEvent("data:record:beforechange",{ZGData:o},!0);return this.store.processChangedData(o.data,t.oRecordRawData,t.sRecordIndex),n}),void 0,void 0,!0),this.store.on("afterupdaterecord",((e,t)=>{t=t.options;let o={rowIndex:this.store.oLocalModel[t.sRecordIndex].nRowIndex,recordIndex:t.sRecordIndex,changedField:t.aChangedFieldIndex,oldData:t.oOldData,batchEdit:t.bBatchEdit||!1,data:this.store.cleanSingleRecord(t.oRecordRawData)};this.emitEvent("data:record:change",{ZGData:o})})),this.on("openinsert",((e,t)=>{let o={inputContainer:t.inputContainer,editorFields:t.editorFields,batchEdit:this.batchEditor.isActive()};this.emitEvent("data:record:openinsert",{ZGData:o,ZGTarget:t.dialog})})),this.store.on("insertrecord",((e,t)=>{let o;o="start"===t.sRecordLocation?0:"end"===t.sRecordLocation?this.aRowMapping.length:t.sRecordLocation;let n={rowIndex:o,batchEdit:this.batchEditor.isActive(),data:this.store.cleanSingleRecord(t.oRecordRawData)};const r=this.emitEvent("data:record:beforeinsert",{ZGData:n},!0);return this.store.processChangedData(n.data,t.oRecordRawData,t.sRecordIndex),r}),void 0,void 0,!0),this.store.on("afterinsertrecord",((e,t)=>{let o={rowIndex:t.nRowIndex,batchEdit:t.bBatchEdit,data:this.store.cleanSingleRecord(t.oLocalModel.model.oRecordRawData)};this.emitEvent("data:record:insert",{ZGData:o})}))}associateColumns(e,t){if(this.bUpdateColGroup&&!t)return;if(this.selector&&this.selector.deSelectAll(),this.bUpdatingColumns=!0,this.aColumnMapping.length){if(!this.store.isIncrementalLoad()){let e=this.aColumnMapping,t=this.store.getFieldStructure(),o=!1;if(!this.store.bLightReload){this.bIsUpdatingType=!0;for(let n=0,r=e.length;n<r;n++){let r=e[n],a=r.oDOMZGColumn,i=r.sFieldIndex;if(a.hasAttribute("group")&&i){this.bGroupBy=!0,-1===this.aGroupBy.indexOf(i)&&(this.aGroupBy.push(i),o=!0);continue}if(r.bIsTypeUserProvided)continue;i=i.split(",")[0];let l=t?t[i]:"text",d="text";"number"===l&&"year"!==i.toLowerCase()&&(d=l),a[s.default.attr.type]=d,r.bIsTypeUserProvided=!1}this.bIsUpdatingType=!1,this.bGroupBy&&this._updateGroupedColumn(o)}}}else this.updateDefaultColumnMapping();const o=this.webcomponent;if(!this.store.bLightReload){if(this.store.aOrderedData.length&&(o.editorControls||o.rowSelector||o.recordKey||o.recordDuplicate||o.aggregate)){const e={editorControls:o.editorControls,rowSelector:o.rowSelector,recordKey:o.recordKey,recordDuplicate:o.recordDuplicate,aggregate:o.aggregate};this._addColumnControls(e)}else this.bHasEditColumn?this.mainColumnBody.oBody.setAttribute(s.default.attr.editorcontrols,""):this.mainColumnBody.oBody.removeAttribute(s.default.attr.editorcontrols);this.setupCardHeader()}if(!this.bGroupBy&&(!this.aRowMapping.length||this.store.isIncrementalLoad())){if(this.store.oDataFormat.bLoadByScroll){let e=this.store,t=this.getPageSize()*this.nInfiniteTotalDisplay,o=this.aRowMapping.length+e.getUnseenRecordIndex().length;t<o&&(this.nAdjustedStart=o-t)}this.updateDefaultRowMapping()}if(!this.savedScrollVal&&this.oDOMMainScroll.scrollLeft&&(this.savedScrollVal=this.oDOMMainScroll.scrollLeft),this.store.bLightReload&&(this.nCurrPageIdx=this.store.nSavePageIdx||0),this.bHasSearchEnabled&&this.search&&this.search.oDOMInput.value&&!this.store.isIncrementalLoad()?this.update(null,void 0,void 0,!0,!0):this.update(null,void 0,void 0,!1,!0),this.oDOMSortedColumn){let e=this.oDOMSortedColumn;e._oParsedColumnMapping.oDOMSortHeader.onSort(null,null,e._oParsedColumnMapping.sSortDir)}let n=this.bPreloaded||this.bHydrating?"hydrate":"refresh";this.bHydrating=this.bPreloaded=!1,this.bUpdatingColumns=!1,this.fire("afterloaded"),this.bAPIReady?(this.fire(n),this.savedScrollVal=null):(this.bAPIReady=!0,this.fire("apiready"))}onContextMenu(e,t){this.sContextMenuId!==s.default.zgMenu.browser&&(e.preventDefault(),this.bHasContextMenuEnabled&&this.menuManager.openContextMenu(e,t))}emitEvent(e,t,o){let n={detail:t=t||{}},r=null;o&&(n.cancelable=!0);let a=new CustomEvent(e,n);return this.bDisconnect||(r=this.webcomponent.dispatchEvent(a)),r}detectGridEvent(e){let t,o,r,a,i,l,d,c,h,u,g,p,m,f=e.type,b=n.MV(e.oDOMTarget,s.default.zgCell.tagName),v=!b&&n.MV(e.oDOMTarget,s.default.zgHeadCell.tagName),y=n.MV(e.oDOMTarget,s.default.zgCard.tagName);if("contextmenu"===f&&(f="rightclick"),b){if(t=`cell:${f}`,o=b,i=b.parentNode,c=i.dataRowIndex,void 0===c)return;if(d=this.getRecordIndexByDataRowContainerIndex(c),void 0===d)return;h=this.getBodyRowIndex(c),l=b.getAttribute("data-field-index"),p=this.getColumnByFieldIndex(l),p&&(g=p.sCellType);const n=this.getColumnIndexByFieldIndex(l),r=this.getDOMByIndex(c,n);m=this.getGroupIndexByDataRowContainerIndex(c),a={DOMCell:r,type:g,fieldIndex:l,rowIndex:c,bodyRowIndex:h,recordIndex:d,columnIndex:n,value:this.store.get(d,l,m)},this.emitEvent(t,{ZGTarget:o,ZGData:a,ZGEvent:e})}let z=!1;if(i&&!y&&i.getAttribute(s.default.zgLayout.attr)===s.default.zgLayout.typeCard&&(y=i),y){if(t="card:"+f,o=y,i||(i=y.parentNode),c=this.getRowIndexByDataRowContainerIndex(i.dataRowIndex),d||(d=this.getRecordIndexByDataRowContainerIndex(c)),h||(h=this.getBodyRowIndex(c)),void 0===c||!this.aRowMapping[c]||void 0===d)return;r={},u=this.store.oLocalModel[d].model.get(),a&&(r.cell=a),r.bodyRowIndex=h,r.rowIndex=c,r.recordIndex=d,r.data=u;let n={ZGTarget:o,ZGData:r,ZGEvent:e};this.simulateMouseEvents(f,d,"Row",t,n)&&(this.emitEvent(t,n),z=!0)}else if(i){t="row:"+f,o=i,r={},void 0!==d&&(m||(u=this.store.cleanSingleRecord(this.store.oLocalModel[d].model.get()),r.data=u),a&&(r.cell=a),r.rowIndex=c,r.bodyRowIndex=h,r.recordIndex=d);let n={ZGTarget:o,ZGData:r,ZGEvent:e};this.simulateMouseEvents(f,d,"Row",t,n)&&(z=!0,this.emitEvent(t,n))}if(z&&(i||y)){t="record:"+f,o=y||i;let n={rowIndex:c,bodyRowIndex:h,recordIndex:d,data:u};a&&(n.cell=a);let r={ZGTarget:o,ZGData:n,ZGEvent:e};n.layout=y?"card":"row",this.emitEvent(t,r)}if(v){t="header:"+f,o=v;let n=v.getAttribute("cellindex"),a=this.aColumnMapping[n];l=a.sFieldIndex,r={cellIndex:n,fieldIndex:l,text:a.sColumnHeaderText},this.emitEvent(t,{ZGTarget:o,ZGData:r,ZGEvent:e})}if(v||b){t="column:"+f,o=v||b,r={fieldIndex:l};let n={ZGTarget:o,ZGData:r,ZGEvent:e};this.simulateMouseEvents(f,l,"Column",t,n)&&this.emitEvent(t,n)}}simulateMouseEvents(e,t,o,n,r){if("mouseover"===e){if(this.aCurrentOver[o]===t)return this.aMouseOut[o]=t,!1;this.aCurrentOver[o]=t}else if("mouseout"===e){this.aMouseOut[o]="";let e=setTimeout((()=>{if(!this.aMouseOutTimeouts)return;let a=this.aMouseOutTimeouts.indexOf(e);if(a>=0&&this.aMouseOutTimeouts.splice(a,1),this.aMouseOut[o]===t)return!1;this.aCurrentOver[o]===t&&(this.aCurrentOver[o]=""),this.emitEvent(n,r),"card:mouseout"!==n&&"row:mouseout"!==n||(r.ZGData.layout="card:mouseout"===n?"card":"row",this.emitEvent("record:mouseout",r))}));return this.aMouseOutTimeouts.push(e),!1}return!0}setupCardHeader(){this.bHasEditColumn||this.bHasInfoColumn||this.bHasSelectorColumn||this.bHasRemoveColumn||this.bHasRowNumberColumn?this.mainColumnBody.oBody.setAttribute(s.default.attr.internalcardheader,""):this.mainColumnBody.oBody.removeAttribute(s.default.attr.internalcardheader)}insertRow(e,t,o){this.store.insertRecord(e,void 0,t,o)}updateRow(e,t,o,n){this.store.updateRecord(t,e,void 0,o,void 0,n)}updateCell(e,t,o,n){this.store.updateCell(e,t,o,n)}duplicateRecord(e){const t=this.store;e=t.getRecordIndex(e);const o=t.oLocalModel[e].sFrozen;let n=t.cleanSingleRecord(t.get(e).oRecordRawData);const r=t.getRowIndexByRecordIndex(e)+1;t.insertRecord(n,r,void 0,void 0,o)}removeRow(e,t,o,n){let r=()=>this.deleteSE.select(this.selector.bHasSelection);const a=this.store;if(this.recordEditor.isRecordEditorOpen()&&this.recordEditor.cancelOpenEdit(),this.editorFieldManager.oActiveEditorField&&this.editorFieldManager.closeFieldEditor(!0),!this.getConfirmation(s.default.confirmations.delete)||t||this.batchEditor.isActive())i();else{if(this.selector.bHasSelection){let e=this.selector.se;this.deleteSE.cell(e.nStartRowIndex,e.nStartColumnIndex)}else this.deleteSE.end();this.fire("rowdelete"),this.ZG.oDOMDialog.setDialog("record-delete"),this.ZG.oDOMDialog.on("dialogConfirm",i,this),this.ZG.oDOMDialog.on("dialogCancel",r,this)}function i(){a.removeRecord(e,void 0,o,n)}}removeSelectedRows(e){let t=()=>{e&&e.focus()},o=Object.keys(this.aSelectedRows);if(0===o.length)return;let n=g({msg:u.default.get("dialog.removeXSelectedRows.label",this),vars:[o.length],plurals:[{value:"s",condition:o.length>1}]}),r=g({msg:u.default.get("dialog.removeXSelectedRows.successMsg",this),vars:[o.length],plurals:[{value:"s",condition:o.length>1}]});const a={confirm:{text:u.default.get("dialog.delete",this)},label:n,type:"selected-rows-delete",body:`\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="removerecord" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <p>${u.default.get("dialog.removeXSelectedRows.body",this)}</p>\n        </div>\n      `};let i,l;this.ZG.dialogArr.filter(((e,t)=>(i=e.type===a.type,i&&(l=t),i))).length?this.ZG.dialogArr[l]=a:this.ZG.dialogArr.push(a);let d=()=>{for(let e=0;e<o.length;e++)this.removeRow(o[e],!0,r);this.batchEditor.isActive()&&(this.aSelectedRows=[],this.updateCaption()),e&&requestAnimationFrame((()=>this.focusManager.changeFocus(0,-1)))};this.getConfirmation(s.default.confirmations.delete)&&!this.batchEditor.isActive()?(this.ZG.oDOMDialog.setDialog(a.type),this.ZG.oDOMDialog.on("dialogConfirm",d),this.ZG.oDOMDialog.on("dialogCancel",t,this)):d()}getConfirmation(e){const t=(this.ZG.confirmations||s.default.confirmations.all).split(",").map((e=>e.toLowerCase().trim()));return(e!==s.default.confirmations.delete||!1!==this.bConfirmDelete)&&(-1!==t.indexOf("all")||-1!==t.indexOf(e))}resetColumns(){this.aColumnMapping.length=0,this.nHeaderDepth=0,this.updater.clearCache()}updateDefaultColumnMapping(){let e=this.store,t=e.getLeafFieldIndex(),o=e.getFieldStructure(),n=0;if(this.aColumnMapping=[],!t.length)return;const r=t.length;if(this.bGroupBy){this.aColumnMapping.length=r+1;let e=this._createZGColumn({type:s.default.internalColumn.rowgroup,index:this.aGroupBy.join(",")},void 0,n);this.aColumnMapping[n]=e._oParsedColumnMapping,n++}else this.aColumnMapping.length=r;for(let e=0,r=t.length;e<r;e++){if("sRecordIndex"===t[e]||"sRESTIndex"===t[e]||"nOriginalIndex"===t[e])continue;let r=o?o[t[e]]:"text",a="text";"number"===r&&"year"!==t[e].toLowerCase()&&(a=r);let i=this._createZGColumn({type:a,index:t[e]},void 0,n);this.bGroupBy&&-1!==this.aGroupBy.indexOf(t[e])&&(this.bUpdatingHidden=!0,i.setAttribute("hidden",""),this.bUpdatingHidden=!1),this.aColumnMapping[n]=i._oParsedColumnMapping,n++}this.bIsMappingUserProvided=!1}_updateGroupedColumnReset(e,t,o,n){!o&&t&&(o=this.groupbyManager.unsetGroup());let r=this.aRowMapping.length;this._updateGroupedColumn(e,o,t,n),this.bUpdateGroupBy||(this.setupCardHeader(),this.updater.clearCache(),this.update(),this.aRowMapping.length!==r&&this.groupbyManager.clearPaging())}_updateGroupedColumn(e,t=[],o,n){let r=this.aGroupBy,a=this.aColumnMapping;if(this.bEditingControls=!0,this.aColumnMapping=this.aColumnMapping.filter((e=>{let a=e.oDOMZGColumn;if(e.sCellType!==s.default.internalColumn.rowgroup)-1!==r.indexOf(a.index)?a.setAttribute("hidden",""):-1!==t.indexOf(a.index)&&a.removeAttribute("hidden");else if(o&&!n)return this.bHasRowGroupColumn=!1,a.remove(),!1;return!0})),!o&&!n)if(this.bHasRowGroupColumn){for(let e=0,t=a.length;e<t;e++)if(a[e].sCellType===s.default.internalColumn.rowgroup){a[e].oDOMZGColumn.index=r.join(",");break}}else{let e=this.getColgroupByColumnIndex(0),t=this._createZGColumn({type:s.default.internalColumn.rowgroup,index:this.aGroupBy.join(",")},e.firstChild);this.aColumnMapping.unshift(t._oParsedColumnMapping),this.hasFrozenColumns()&&this._adjustFrozenColumns()}this.bEditingControls=!1,e&&(this.groupbyManager.clean(),this.aRowMapping.length=0,o?this.store.resetRowMapping():this.groupbyManager.groupBy(this.aGroupBy))}_updateHiddenColumn(e,t,o){t.sCellType===s.default.internalColumn.rowgroup?(e||(this.aGroupBy=t.sFieldIndex.split(",").map((e=>e.trim())),this.bHasRowGroupColumn=!0),this._updateGroupedColumnReset(!0,e,void 0,!0)):(o&&(this.bColumnClick=!0),this.updater.update({bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bHiddenColumns:!0,bFixedColumns:!0,bUpdateColumnHeaderContent:!0,bUpdateBodyContent:!0,bUpdateColumnFooterContent:!0}),o&&(this.bColumnClick=!1))}_addColumnControls(e){let{editorControls:t,rowSelector:o,recordKey:n,recordDuplicate:r,aggregate:a}=e,i=this.aColumnMapping.length;this.bEditingControls=!0;const l=[],d=this.nLeftFrozenColumns,c=this.nRightFrozenColumns;(d||c)&&(this.nLeftFrozenColumns=0,this.nRightFrozenColumns=0,this._adjustFrozenColumns()),this.aColumnMapping=this.aColumnMapping.filter((e=>{let t=e.oDOMZGColumn;return t.index!==s.default.internalColumn.recordkey&&t.type!==s.default.cellTypes.aggregate&&-1===s.default.internalColumnTypes.indexOf(t.type)||!t.controlDefined?-1===s.default.internalColumnTypes.indexOf(t.type)&&t.index!==s.default.internalColumn.recordkey||(t.index===s.default.internalColumn.recordkey?l.push(s.default.internalColumn.recordkey):l.push(t.type),!0):(t.parentNode.removeChild(t),!1)})),this.aColumnMapping.length===i&&0!==this.getColumnId()||this.setColumnId(this.aColumnMapping.length);let h=[];if(t&&(h="all"===t?[s.default.editorControls.editor,s.default.editorControls.remover,s.default.editorControls.creator]:t.split(/[ ,]+/)),n&&!l.includes(s.default.internalColumn.recordkey)){n===s.default.internalColumn.recordkey&&(n=u.default.get("columntypes.key",this));let e=this._createZGColumn({index:s.default.internalColumn.recordkey,controlDefined:!0,header:n},this.mainColumnHeader.oColGroup.firstChild);this.aColumnMapping.unshift(e._oParsedColumnMapping)}if(o&&!l.includes(s.default.internalColumn.recordselector)){let e=this._createZGColumn({type:"selector",controlDefined:!0},this.mainColumnHeader.oColGroup.firstChild);this.aColumnMapping.unshift(e._oParsedColumnMapping)}if(a){let e=a.trim(),t=this._createZGColumn({type:"aggregate",controlDefined:!0,typeAggregateValue:e});this.aColumnMapping.push(t._oParsedColumnMapping)}if(r&&!l.includes(s.default.internalColumn.recordduplicate)){let e=this._createZGColumn({type:"duplicate",controlDefined:!0});this.aColumnMapping.push(e._oParsedColumnMapping)}if(h.includes(s.default.editorControls.editor)&&!l.includes(s.default.internalColumn.recordeditor)){let e=this._createZGColumn({type:s.default.editorControls.editor,controlDefined:!0});this.aColumnMapping.push(e._oParsedColumnMapping)}if(h.includes(s.default.editorControls.remover)&&!l.includes(s.default.internalColumn.recordeditor)){let e=this._createZGColumn({type:s.default.editorControls.remover,controlDefined:!0});this.aColumnMapping.push(e._oParsedColumnMapping)}this.nLeftFrozenColumns=d,this.nRightFrozenColumns=c,this._adjustFrozenColumns(),h.includes(s.default.editorControls.creator)?this.webcomponent._setCreateControls(!0):this.webcomponent._setCreateControls(!1),t&&this.mainColumnBody.oBody?this.mainColumnBody.oBody.setAttribute(s.default.attr.editorcontrols,t):this.mainColumnBody.oBody.removeAttribute(s.default.attr.editorcontrols),this.bEditingControls=!1}_createZGColumn(e,t,o){let n=document.createElement("zg-column");for(let t in e)e.hasOwnProperty(t)&&("index"===t&&""===e[t]&&(e[t]=" "),n[t]=e[t]);let r=null;return r=t?t.parentNode:void 0!==o?this.getColgroupByColumnIndex(o):this.mainColumnHeader.oColGroup,n.widget=this,t?r.insertBefore(n,t):r.appendChild(n),n}_adjustFrozenColumns(e){const t=this.webcomponent;this.bUpdatingFrozen=!0;const o=t.oDOMColgroup,n=t.oDOMLeftColgroup,r=t.oDOMRightColgroup;if(!e&&!t.bReady)return;const a=n.querySelectorAll("zg-column"),i=o.firstChild;a.length&&a.forEach((t=>{e||t.removeAttribute("frozen"),o.insertBefore(t,i)}));const s=r.querySelectorAll("zg-column");s.length&&s.forEach((t=>{e||t.removeAttribute("frozen"),o.appendChild(t)}));const l=this.aColumnMapping.length?this.aColumnMapping:null;let d=l?l.length:o.querySelectorAll("zg-column").length;for(let t=0;t<this.nLeftFrozenColumns&&t<d;t++){const r=l?l[t].oDOMZGColumn:o.querySelector("zg-column");n.appendChild(r),e&&r.getAttribute("frozen")||r.setAttribute("frozen","left")}const c=d-this.nLeftFrozenColumns,h=this.getAllColumns();for(let t=0;t<this.nRightFrozenColumns&&t<c;t++){const o=d-this.nRightFrozenColumns+t,n=l?l[o].oDOMZGColumn:h[o];r.appendChild(n),e&&n.getAttribute("frozen")||n.setAttribute("frozen","right")}if(l)for(let e=0;e<d;e++){l[e].oDOMZGColumn.style.width=""}this.bUpdatingFrozen=!1,this.updateFrozenColumnAttributes(this.nLeftFrozenColumns,"Left"),this.updateFrozenColumnAttributes(this.nRightFrozenColumns,"Right")}_adjustFrozenColumnsFromAttribute(){const e=this.webcomponent,t=this.aColumnMapping,o=t.length;let n,r;const a=[],i=[];if(this.bUpdatingFrozen)return null;for(let e=0;e<o;e++)i.push(this.getAreaByColumnIndex(e));for(let l=0;l<o;l++){const d=t[l],c=d.sFrozen,h=i[l],u=d.oDOMZGColumn;let g={};c&&c!==h&&("right"===c?(n=e.oDOMRightColgroup,r="nRightFrozenColumns","left"===h&&this.nLeftFrozenColumns--,g.column=d,g.newIndex=o-1):(n=e.oDOMLeftColgroup,r="nLeftFrozenColumns","right"===h&&this.nRightFrozenColumns--,g.column=d,g.newIndex=this.nLeftFrozenColumns),a.push(g),this.bUpdatingFrozen=!0,this.parentNode!==n&&(this[r]++,n.appendChild(u)),e.removeAttribute(s.default.frozenColumns.rightAttr),e.removeAttribute(s.default.frozenColumns.leftAttr),this.bUpdatingFrozen=!1)}for(let e=0;e<a.length;e++){const o=a[e].column,n=this.getZGColumnIndex(o),r=a[e].newIndex;t.splice(n,1),t.splice(r,0,o)}this.updateFrozenColumnAttributes(this.nLeftFrozenColumns,"Left"),this.updateFrozenColumnAttributes(this.nRightFrozenColumns,"Right")}moveColumn(e,t,o,n,r){const a=this.webcomponent,i=this.getBodyByColumnIndex(t,!0),l=i.oBody;n=n||this.getBodyByColumnIndex(e),void 0===r&&(r=this.getAdjustedColumnIndex(e));const d=a.oDOMLeftColgroup,c=a.oDOMRightColgroup;let h=this.nLeftFrozenColumns,u=this.nRightFrozenColumns;const g=l.children.length,p=n.children.length;let m=this.aColumnMapping;if(e>=m.length)return;let f=m.splice(e,1)[0];m.splice(t,0,f);const b=this.getColgroupByColumnIndex(t),v=f.oDOMZGColumn.parentNode;let y;if(t===m.length-1?y=null:(y=m[t+1].oDOMZGColumn,y.parentNode!==b&&(y=null)),this.bUpdatingFrozen=!0,t>e?b.insertBefore(f.oDOMZGColumn,y||null):b.insertBefore(f.oDOMZGColumn,y),a.removeAttribute(s.default.frozenColumns.rightAttr),a.removeAttribute(s.default.frozenColumns.leftAttr),f.oDOMZGColumn.removeAttribute("frozen"),this.bUpdatingFrozen=!1,this.bReordering=!0,this.oZGHeadCellMap={},this.oZGFootCellMap={},!this.savedScrollVal&&this.oDOMMainScroll.scrollLeft&&(this.savedScrollVal=this.oDOMMainScroll.scrollLeft),this.updater.removeAllHeaderRows(),this.updater.removeAllFooterRows(),b!==v){if(o||(b===d?h++:b===c&&u++,v===d?h--:v===c&&u--,this.nLeftFrozenColumns=h,this.nRightFrozenColumns=u),g<p){let e=p-g;i.insertRowsPerFrame(e)}n.childNodes.forEach(((e,t)=>{e.childNodes.forEach(((e,o)=>{if(r!==o)return;l.childNodes[t].appendChild(e)}))})),this._adjustFrozenColumns()}if(this.update({bUpdateColumnBodyContainerClass:!0,bUpdateBodyContent:!0,bUpdateColumnHeaderContent:!0,bUpdateColumnFooterAssignment:!0,bUpdateColumnFooter:!0,bUpdateHiddenContainer:!0,bUpdateContainer:!0}),this.oDOMSortedColumn){let e=this.oDOMSortedColumn;e._oParsedColumnMapping.oDOMSortHeader.onSort(null,null,e._oParsedColumnMapping.sSortDir)}this.bReordering=!1,this.fire("columnmove",{oldIndex:e,newIndex:t,bFrozenUpdated:o})}updateBatchEditStyleAttributes(e){const t=this.webcomponent;if(e){const e=t.oDOMHead,o=this.getDOMByIndex(0,0),n=window.getComputedStyle(o),r=window.getComputedStyle(o.parentNode),a=window.getComputedStyle(t),i=e.getBoundingClientRect().top,l=parseInt(r.borderTopWidth,10),d=parseInt(n.borderLeftWidth,10)+parseInt(r.borderLeftWidth,10)+parseInt(a.borderLeftWidth,10),c=o.getBoundingClientRect().top-(i+l),h=this.getFooterContainer().querySelector('zg-row[type="aggregate"]');let u=0;if(h){u=h.getBoundingClientRect().height}t.oDOMBatchEditStyle.style.top=`${c}px`,t.oDOMBatchEditStyle.style.left=d?`-${d}px`:0;const g=c+u;t.oDOMBatchEditStyle.style.height=`calc(100% - ${g}px)`,t.oDOMBatchEditStyle.removeAttribute(s.default.attr.hidden)}else t.oDOMBatchEditStyle.setAttribute(s.default.attr.hidden,"")}updateFrozenColumnAttributes(e,t){const o=this.webcomponent,n=this.bUpdatingFrozen,r=t.toLowerCase();this.bUpdatingFrozen=!0,e?(o[`oDOMFrozen${t}`].removeAttribute(s.default.frozenColumns.noContent),o[`oDOMFrozen${t}HeadFrame`].removeAttribute(s.default.frozenColumns.noContent),o[`oDOMFrozen${t}FootFrame`].removeAttribute(s.default.frozenColumns.noContent),o[`oDOMFrozen${t}Style`].removeAttribute(s.default.attr.hidden),o.setAttribute(s.default.frozenColumns[`${r}Attr`],this[`n${t}FrozenColumns`])):(o[`oDOMFrozen${t}`].setAttribute(s.default.frozenColumns.noContent,""),o[`oDOMFrozen${t}HeadFrame`].setAttribute(s.default.frozenColumns.noContent,""),o[`oDOMFrozen${t}FootFrame`].setAttribute(s.default.frozenColumns.noContent,""),o[`oDOMFrozen${t}Style`].setAttribute(s.default.attr.hidden,""),o.removeAttribute(s.default.frozenColumns[`${r}Attr`])),this.bUpdatingFrozen=n}updateDefaultRowMapping(e,t){let o,r=this.store,a=this.aRowMapping,i=(this.aGroupMapping,0),s=r.getUnseenRecordIndex(),l=s.length;if(!l)return;let d=this.getRowIndexStartOnPage(!0);if(!e){for(;d<a.length&&!n.o8(a[d]);)d++;for(o=d;o<l+d;){if(0===d&&!t&&o<this.nTopFrozenRows)this.updateRowMapping(this.aTopRowMapping,o,{sRecordIndex:s[i]});else if(0===d&&!t&&o>=l-this.nBottomFrozenRows){let e=this.nBottomFrozenRows-(l-o);this.updateRowMapping(this.aBottomRowMapping,e,{sRecordIndex:s[i]})}else{const e=t?o:o-this.nTopFrozenRows;this.updateRowMapping(this.aRowMapping,e,{sRecordIndex:s[i]})}o++,i++}}}updateFrozenRowMapping(){const e=this.nTopFrozenRows,t=this.nBottomFrozenRows,o=this.aTopRowMapping,n=this.aBottomRowMapping,r=this.aRowMapping;if(e>r.length||t>r.length)this.fullUpdateFrozenRowMapping();else{if(e!==o.length){let t=e-o.length;r.length,t>0?o.push(...r.splice(0,t)):r.unshift(...o.splice(t))}if(t!==n.length){let e=n.length-t;r.length,e<0?n.unshift(...r.splice(e)):r.push(...n.splice(0,e))}}this.store.refreshAllRecordMapping()}fullUpdateFrozenRowMapping(){const e=this.aTopRowMapping,t=this.aBottomRowMapping,o=this.aRowMapping;o.unshift(...e.splice(0)),o.push(...t.splice(0));const n=Math.min(this.nTopFrozenRows,o.length);e.push(...o.splice(0,n));const r=-1*Math.min(this.nBottomFrozenRows,o.length);r<0&&t.unshift(...o.splice(r))}updateRowMapping(e,t,o){let n=this.store,r=o.sRecordIndex;e[t]=e[t]||{},e[t].sRecordIndex=r,e[t].sGroupRecordIndex=o.sGroupRecordIndex,e[t].nCount=o.nCount,e[t].nDataRowsBefore=o.nDataRowsBefore,o.sGroupRecordIndex||n.updateRecordMapping(e,r,t)}initDir(){this.sComputedDir=getComputedStyle(this.webcomponent).direction}initStore(){this.store=new i.Z({widget:this})}update(e,t,o,n,r){this.store.bHasLoaded&&this.bHasAttachedToDOM&&this.webcomponent.bReady&&(e=e||{bUpdateColumnWidth:!0,bUpdateColumnWidthCache:!0,bUpdateBodyContent:!0,bUpdateColumnBodyContainerClass:!0,bUpdateColumnHeaderAssignment:!0,bUpdateContainer:!0,bUpdateRowMappingOrder:!0,bUpdateColumnFooter:!0,bUpdateColumnFooterAssignment:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},n&&(e.bUpdateRowMappingFilter=!0),r&&(e.bInitialSizeCheck=!0),this.webcomponent.oDOMNodata&&this.webcomponent.oDOMNodata.clearInfo(),this.updater.update(e,t,o),this.fire(s.default.event.updated))}bodyUpdateWithScroll(e,t,o){const n=this.webcomponent;this.bGroupBy&&!this.bGrouping&&this.groupbyManager.updatePagerGroupByMapping(e,t,o),n.oDOMVScroller&&n.oDOMVScroller.scrollLeft&&this.updateHeadFootScroll(!0),this.oDOMScroller&&(this.oDOMScroller.scrollTop=0),this.savedScrollVal=this.oDOMMainScroll.scrollLeft,this.nRowSets=1,this.bodyUpdate()}updateHeadFootScroll(e){const t=this.webcomponent;let o=`-${this.mainGridHScroll.getScroll().left}`;const n=t.oDOMCellOverflow;let r=t.oDOMHead,a=t.oDOMFoot;r.style.transform=e?"":`translateX(${o}px)`,a.style.transform=e?"":`translateX(${o}px)`,n&&n.isOpen()&&n.setPosition(n.currentTrigger,!0)}bodyUpdate(e,t){let o={bUpdateColumnWidth:!0,bUpdateColumnWidthCache:!0,bUpdateColumnBodyContainerClass:!0,bUpdateContainer:!0,bUpdateBodyContent:!0};e&&(o.bUpdateRowMappingFilter=!0,o.bUpdateColumnWidth=!1,o.bUpdateColumnWidthCache=!1,o.bUpdateColumnFooterContent=!0,o.bUpdateColumnHeaderContent=!0),this.store.oDataFormat.bServerFilter&&e||!0===this.store.oDataFormat.bLoadByPages&&(!e||t)?(e&&!this.store.oDataFormat.bServerFilter?(this.dumpMapping(),this.nCurrPageIdx=this.nAdjustedStart=0,this.store.dumpModel()):(e||t)&&(this.nCurrPageIdx=this.nAdjustedStart=0),this.store.load()):(e&&this.aRowMapping.length===this.store.aOrderedData.length-this.getFrozenRowCount()&&(this.nStoredPageIndex=this.getCurrPageIdx(),this.setCurrPageIdx(0)),this.webcomponent.oDOMNodata&&(this.savedScrollValFilter=this.oDOMMainScroll.scrollLeft,this.webcomponent.oDOMNodata.clearInfo()),this.updater.update(o),e&&-1!==this.nStoredPageIndex&&this.aRowMapping.length===this.store.aOrderedData.length-this.getFrozenRowCount()&&(this.setCurrPageIdx(this.nStoredPageIndex),this.nStoredPageIndex=-1),this.fire(s.default.event.updated),this.savedScrollValFilter=0,this.savedScrollVal&&e&&(this.oDOMMainScroll.scrollLeft=this.savedScrollVal,this.updateHeadFootScroll(),this.savedScrollVal=0))}updateCaption(){if(!this.webcomponent.oDOMCaption)return;const e=this.webcomponent;let t=this.webcomponent.oDOMCaption;const o=this.webcomponent.oDOMCaption.oDOMRemove,n=Object.keys(this.aSelectedRows).length;let r;o&&(n?(this.messageCaption||(this.captionData=t._oShadowRoot.querySelector("slot").assignedNodes(),this.captionData.forEach((e=>t.removeChild(e))),this.messageCaption=document.createElement("div"),this.messageCaption.slot="message",t.appendChild(this.messageCaption)),r=g({msg:u.default.get("tools.selected",this),vars:[n],plurals:[{value:"s",condition:n>1}]}),(e.editor||e.editorControls||this.bHasRemoveColumn)&&o.removeAttribute(s.default.attr.hidden),this.messageCaption.innerHTML=r):(this.messageCaption&&(this.captionData.forEach((e=>t.appendChild(e))),this.changedCaption&&(this.webcomponent._setCaption(this.changedCaption),this.changedCaption=null),this.messageCaption.parentNode&&this.messageCaption.parentNode.removeChild(this.messageCaption),this.messageCaption=null),o.setAttribute(s.default.attr.hidden,"")))}setStorybook(){const e=this.webcomponent;this.on("apiready",(()=>{if(this.isStorybook("editor-row")&&e.openRowEditor(0),this.isStorybook("focus")&&e.select(1,1),this.isStorybook("menu")&&(e.select(1,1),e.oDOMCaption.oDOMMenu.click()),this.isStorybook("select")){e.querySelector("zg-select").toggleList()}if(this.isStorybook("status")){const e={icon:"checkmark",state:"success",msg:u.default.get("dialog.fieldUpdate.successMsg",this)};this.statusManager.setStatus(e)}}))}isStorybook(e){return this.webcomponent.hasAttribute(`storybook-${e}`)}getInfiniteDataLoaded(){let e=this.nAdjustedStart+this.getPageSize()*this.nInfiniteTotalDisplay;return this.aRowMapping.length>e}getRowCount(){return this.bGroupBy?this.getGroupRowCount():this.aRowMapping.length}getGroupRowCount(e){const t=this.groupbyManager;if(null!==t.groupedVisible)return t.groupedVisible+t.aAddedGroupRecords.length+this.oGroupDummyRows.count;let o=0;return e||(e=this.store.aGroupData,o=t.aAddedGroupRecords.length),e?Object.keys(e).length+o+this.oGroupDummyRows.count:0}hasFrozenRows(){return this.getFrozenRowCount()>0}getFrozenRowCount(){return this.nTopFrozenRows+this.nBottomFrozenRows}getRowContainerCount(e){let t=this.getPageSize();const o=this.getCurrPageIdx(),n=this.getRowCount(),r=this.nRowsPerSet*this.nRowSets;let a;if(this.store.oDataFormat.bLoadByScroll)a=Math.min(n,t*this.nInfiniteTotalDisplay);else{let i=n-o*t||n;!e&&r>0&&r<t&&(t=r),a=Math.min(i,t)}return a}getColumnContainerCount(){return this.aColumnMapping.length}getAllHeaderDepth(){return this.getHeaderDepth()+(this.bHasFilterEnabled?1:0)+(this.bHasHeadRow?1:0)+this.nTopFrozenRows}getAllFooterDepth(){}getHeaderDepth(){return this.bHeaderRowHide?0:this.nHeaderDepth||this.store.getFieldDepth()}needRemoveBorder(){return this.bHeaderRowHide&&0===this.getAllHeaderDepth()}destroy(...e){let t=this.mainColumnBody,o=this.mainColumnHeader,r=this.mainColumnFooter,i=this.store;const s=[this.editorManager,this.focusManager,this.statusManager,this.recordEditor,this.editorFieldManager,this.dialogManager,this.menuManager,this.stateManager,this.aggregateManager],l=[this.mainColumnBody,this.leftColumnBody,this.rightColumnBody,this.mainColumnFooter,this.leftColumnFooter,this.rightColumnFooter,this.mainColumnHeader,this.leftColumnHeader,this.rightColumnHeader];for(let e=0;e<l.length;e++)l[e]&&l[e].destroy();for(let e=0;e<s.length;e++)s[e]&&s[e].destroy();u.default.destroy(this),this.loadmask&&this.loadmask.destroy(),this.updater&&this.updater.destroy(),t&&t.oElClipboard&&t.oElClipboard.destroy(),o&&o.destroy(),r&&r.destroy(),a.Z.get(document).docUnAll(),i&&i.destroy();for(let e=0;e<this.aMouseOutTimeouts.length;e++){let t=this.aMouseOutTimeouts[e];clearTimeout(t)}this.aMouseOutTimeouts.length=0,this.oDOMCaptionMirror=null,this.oCard=null,this.oCardEditTemplate=null,this.oCardTemplate=null,this.oCardBody=null,this.oDOMSortedColumn=null;const d=Object.keys(this);for(let e=0;e<d.length;e++){const t=d[e],o=this[t];this.hasOwnProperty(t)&&"object"==typeof o&&o&&(o.length&&n.kJ(o)&&(o.length=0),this[t]=null,delete this[t])}super.destroy(...e)}isCardLayout(){return this.getLayout()===s.default.zgLayout.typeCard}isComputedCard(){return this.getLayout()===s.default.zgLayout.typeCard||this.layoutManager.sCurrentType===s.default.zgLayout.typeCard}getLayout(){return this.layoutManager.sCurrentType}setCardsPerRow(e){this.nCardsPerRow=e}getCardsPerRow(){return this.nCardsPerRow}getState(){return{currPageIndex:this.getCurrPageIdx(),pageSize:this.getPageSize(),pageCount:this.getPageCount()}}hasCardTemplate(){let e=this.oCardTemplate||this.oCardBody||!1;return this.oCard&&(e=e||this.oCard.renderer),e}hasFrozenColumns(){return this.hasFrozenLeft()||this.hasFrozenRight()}hasFrozenLeft(){return!!this.nLeftFrozenColumns}hasFrozenRight(){return!!this.nRightFrozenColumns}getRightIndex(){const e=this.aColumnMapping.length,t=this.nLeftFrozenColumns;let o=e-this.nRightFrozenColumns;return o<=t-1&&(o=t),o}getAdjustedColumnIndex(e){const t=this.nLeftFrozenColumns,o=this.nRightFrozenColumns;let n=this.getRightIndex();return n<=t-1&&(n=t),o&&e>=n?e-=n:t&&e>=t&&(e-=t),e}getFirstMainIndex(){const e=this.aColumnMapping.length,t=this.nLeftFrozenColumns,o=this.nRightFrozenColumns;if(e-o-t<=0)return null;const n=e-o-1;for(let e=t;e<n;e++){if(!this.aColumnMapping[e].bHidden)return e}return null}getColumnBodyRange(e){const t=this.mainColumnBody,o=this.leftColumnBody,n=this.rightColumnBody,r=this.aColumnMapping.length,a=this.nLeftFrozenColumns,i=this.nRightFrozenColumns,s=r-i,l=r-i-a;let d,c;if(!r)return null;if(e===o&&a)d=0,c=Math.min(a-1,r-1);else if(e===t&&l>0)d=a,c=s-1;else{if(e!==n||!i)return null;d=s,c=r-1}return[d,c]}getAllBodies(){const e=this.webcomponent;return[e.oDOMLeftBody,e.oDOMBody,e.oDOMRightBody]}getAllHeads(){const e=this.webcomponent;return[e.oDOMLeftHead,e.oDOMHead,e.oDOMRightHead]}getAllFeet(){const e=this.webcomponent;return[e.oDOMLeftFoot,e.oDOMFoot,e.oDOMRightFoot]}getRegionsByColumnArea(e){let t;return t="Left"===e?0:"Right"===e?2:1,{oHead:this.getAllHeads()[t],oBody:this.getAllBodies()[t],oFoot:this.getAllFeet()[t]}}getFirstDataRowByArea(e){let t=e.oBody.childNodes[0];if(!t){const o=this.getContainerRowIndexByDataRowIndex(0);o>=0&&(t=this.nTopFrozenRows?e.oHead.childNodes[o]:e.oFoot.childNodes[o])}return t}getBodyByColumnIndex(e,t){const o=t?null:"Body";return this.getByColumnIndex(e,"Body",o)}getHeaderByColumnIndex(e,t){const o=t?null:"Head";return this.getByColumnIndex(e,"Header",o)}getColgroupByColumnIndex(e){const t=this.webcomponent.oDOMColgroup,o=this.webcomponent.oDOMLeftColgroup,n=this.webcomponent.oDOMRightColgroup,r=this.aColumnMapping.length;return this.hasFrozenLeft()&&e<this.nLeftFrozenColumns?o:this.hasFrozenRight()&&e>=r-this.nRightFrozenColumns?n:t}getAreaByColumnIndex(e){const t=this.aColumnMapping.length;return this.hasFrozenLeft()&&e<this.nLeftFrozenColumns?"left":this.hasFrozenRight()&&e>=t-this.nRightFrozenColumns?"right":"main"}getAreaByColumn(e){const t=this.getZGColumnIndex(e);return this.getAreaByColumnIndex(t)}getEditorRowByIndex(e,t){const o=this.editorManager.getEditorRowsByRowIndex(e),n=this.aColumnMapping.length;return this.hasFrozenLeft()&&t<this.nLeftFrozenColumns?o[0]:this.hasFrozenRight()&&t>=n-this.nRightFrozenColumns?o[2]:o[1]}getFooterByColumnIndex(e,t){const o=t?null:"Foot";return this.getByColumnIndex(e,"Footer",o)}getByColumnIndex(e,t,o){const n=this[`mainColumn${t}`],r=this[`leftColumn${t}`],a=this[`rightColumn${t}`],i=this.aColumnMapping.length,s=i-this.nRightFrozenColumns;let l;return l=e<this.nLeftFrozenColumns&&e>=0?r:e>=s&&e<i?a:n,o?l[`o${o}`]:l}getDataRowsByRow(e){const t=this.getFrozenRowState(e),o=this.getContainerRowIndexByDataRowIndex(e);return"top"===t?this.getHeadRows(o):"bottom"===t?this.getFootRows(o):this.getRows(o,"Body","Body")}getMainBodyRows(){const e=this.mainColumnBody.oBody,t=this.mainColumnHeader.oHead,o=this.mainColumnFooter.oFoot,n=t.querySelectorAll('zg-row[type="frozen"]'),r=e.childNodes,a=o.querySelectorAll('zg-row[type="frozen"]'),i=[];return n.length&&i.push(...n),r.length&&i.push(...r),a.length&&i.push(...a),i}getHeadRows(e){return this.getRows(e,"Header","Head")}getFootRows(e){return this.getRows(e,"Footer","Foot")}getDataRowIndex(e){return e-(this.getAllHeaderDepth()-this.nTopFrozenRows)}getParentByFrozenIndex(e,t){const o=this.getFrozenRowState(e);return"top"===o?this.getHeaderByColumnIndex(t):"bottom"===o?this.getFooterByColumnIndex(t):this.getBodyByColumnIndex(t)}getContainerRowIndexByDataRowIndex(e){const t=this.mainColumnBody.oBody.childNodes.length+this.nTopFrozenRows;return this.nTopFrozenRows>e?this.getAllHeaderDepth()-this.nTopFrozenRows+e:e>=t?e-t:e-this.nTopFrozenRows}getDataRowIndexByContainerIndex(e,t){const o=this.mainColumnBody.oBody.childNodes.length+this.nTopFrozenRows;return"top"===t?e:"bottom"===t?e+o:e+this.nTopFrozenRows}getFrozenRowState(e){const t=this.mainColumnBody.oBody.childNodes.length+this.nTopFrozenRows;return this.nTopFrozenRows>e?"top":e>=t?"bottom":"none"}getBodyRowIndex(e){return e<this.nTopFrozenRows?-1:e-this.nTopFrozenRows}getRow(e,t){const o=this.mainColumnBody.oBody.childNodes.length+this.nTopFrozenRows;if(this.nTopFrozenRows>e){const o=this.getHeaderByColumnIndex(t).querySelectorAll('zg-row[type="frozen"]');if(o.length>=e)return o[e]}else{if(!(e>=o)){const o=this.getBodyByColumnIndex(t);return e-=this.nTopFrozenRows,o.childNodes[e]}{const n=this.getFooterByColumnIndex(t).querySelectorAll('zg-row[type="frozen"]'),r=e-o;if(n.length>=r)return n[r]}}}getRows(e,t,o){const r=this[`mainColumn${t}`][`o${o}`],a=this[`leftColumn${t}`][`o${o}`],i=this[`rightColumn${t}`][`o${o}`],s=a.children,l=r.children,d=i.children,c=[];return n.Uh(e)?(s&&s.length>e&&c.push(s[e]),l&&l.length>e&&c.push(l[e]),d&&d.length>e&&c.push(d[e])):(s&&c.push(...s),l&&c.push(...l),d&&c.push(...d)),c}getHeaderContainer(){const e=this.webcomponent;return null!==this.getFirstMainIndex()?e.oDOMHead:this.hasFrozenLeft()?e.oDOMLeftHead:this.hasFrozenRight()?e.oDOMRightHead:e.oDOMHead}getFooterContainer(){const e=this.webcomponent;return null!==this.getFirstMainIndex()?e.oDOMFoot:this.hasFrozenLeft()?e.oDOMLeftFoot:this.hasFrozenRight()?e.oDOMRightFoot:e.oDOMFoot}getAllHeadRows(){const e=this.webcomponent;return[...e.oDOMLeftHead.children,...e.oDOMHead.children,...e.oDOMRightHead.children]}getAllHeadCells(e){const t=this.webcomponent,o=[t.oDOMLeftHead,t.oDOMHead,t.oDOMRightHead],n=[];return o.forEach((t=>{const o=e?"zg-head-cell":"zg-head-cell, zg-filter, zg-cell",r=t.querySelectorAll(o);r.length&&n.push(...r)})),n}getAllFootRows(){const e=this.webcomponent;return[...e.oDOMLeftFoot.children,...e.oDOMFoot.children,...e.oDOMRightFoot.children]}getAllFootCells(){const e=this.webcomponent,t=[e.oDOMLeftFoot,e.oDOMFoot,e.oDOMRightFoot],o=[];return t.forEach((e=>{const t=e.querySelectorAll("zg-cell");t.length&&o.push(...t)})),o}getAllBodyRows(){const e=this.webcomponent;return[...e.oDOMLeftBody.children,...e.oDOMBody.children,...e.oDOMRightBody.children]}getByTagName(e,t,o,r){return Array.from(e).filter(((e,a)=>{let i=!0;return n.Uh(o)&&(i=o===a),n.Uh(r)&&(i=i&&r===e.getAttribute("id")),i=i&&e.tagName.toLowerCase()===t.toLowerCase(),i}))}getCellsFromRows(e,t){const o=[];return e.forEach((e=>{const n=e.children;n.length&&o.push(...this.getByTagName(n,s.default.zgCell.tagName,t))})),o}getAllBodyCells(){const e=this.getAllBodyRows();return this.getCellsFromRows(e)}getAllColumns(){const e=this.webcomponent,t=[e.oDOMLeftColgroup,e.oDOMColgroup,e.oDOMRightColgroup],o=[];return t.forEach((e=>{const t=e.getElementsByTagName("zg-column");t.length&&o.push(...t)})),o}getDataCellsByIndex(e){const t=this.getDataRowsByColumnIndex(e),o=this.getAdjustedColumnIndex(e);return this.getCellsFromRows(t,o)}getDataRowsByColumnIndex(e){const t=this.getBodyByColumnIndex(e),o=this.getHeaderByColumnIndex(e),n=this.getFooterByColumnIndex(e),r=o.querySelectorAll('zg-row[type="frozen"]'),a=t.childNodes,i=n.querySelectorAll('zg-row[type="frozen"]'),s=[];return r.length&&s.push(...r),a.length&&s.push(...a),i.length&&s.push(...i),s}getAllCellsByIndex(e,t,o){const n=this.getBodyByColumnIndex(e),r=this.getAdjustedColumnIndex(e);let a=Array.from(n.children),i=this.getCellsFromRows(a,r),s=[];return i&&(s=[...i,...s]),t&&(s=this.getHeaderCells(e,s)),o&&(s=this.getFooterCells(e,s)),s}getHeaderCells(e,t,o){const n=this.getHeaderByColumnIndex(e),r=this.getAdjustedColumnIndex(e);let a=n.querySelectorAll("zg-row zg-head-cell:nth-child("+(r+1)+")"),i=n.querySelectorAll("zg-row zg-filter:nth-child("+(r+1)+")"),s=n.querySelectorAll("zg-row zg-cell:nth-child("+(r+1)+")");return t=t||[],a&&(t=[...a,...t]),o||(i&&(t=[...i,...t]),s&&(t=[...s,...t])),t}getFooterCells(e,t){const o=this.getFooterByColumnIndex(e),n=this.getAdjustedColumnIndex(e),r=o.querySelectorAll("zg-row zg-cell:nth-child("+(n+1)+")");return t=t||[],r&&(t=[...r,...t]),t}getRowIndexStartOnPage(e){let t=this.getCurrPageIdx()*this.getPageSize();return e||(t+=this.nTopFrozenRows),t}getRowIndexByDataRowContainerIndex(e,t,o){let n;return void 0===o&&(o=this.getCurrPageIdx()),t=t||!1,n=this.store.oDataFormat.bLoadByScroll&&!t?e+this.nAdjustedStart-this.nTopFrozenRows:o*this.getPageSize()+e-this.nTopFrozenRows,n}getPageByDataRowIndex(e){return Math.floor(e/this.getPageSize())}getDataRowIndexByRecordIndex(e,t){const o=this.getRowContainerIndexByRecordIndex(e);return this.getDataRowIndexByContainerIndex(o,t)}getRowContainerIndexByRecordIndex(e){let t=this.store.getRowIndexByRecordIndex(e);return this.getRowContainerIndexByRowIndex(t)}getRowContainerIndexByRowIndex(e){let t;return t=this.store.oDataFormat.bLoadByScroll?e-this.nAdjustedStart:e-this.getCurrPageIdx()*this.getPageSize(),t}getRowMappingByFrozen(e){return"top"===e?this.aTopRowMapping:"bottom"===e?this.aBottomRowMapping:this.aRowMapping}getRowMappingByDataRowContainerIndex(e){let t,o;const n=this.getFrozenRowState(e);return"top"===n?(t=this.aTopRowMapping,o=e):"bottom"===n?(t=this.aBottomRowMapping,o=this.getContainerRowIndexByDataRowIndex(e)):(t=this.aRowMapping,o=this.getRowIndexByDataRowContainerIndex(e)),"undefined"===o||o>=t.length?void 0:t[o]}getGroupIndexByDataRowContainerIndex(e){let t=this.getRowMappingByDataRowContainerIndex(e);return void 0!==t?t.sGroupRecordIndex:null}getRecordIndexByDataRowContainerIndex(e){let t=this.getRowMappingByDataRowContainerIndex(e);if(void 0!==t)return t.sRecordIndex}getFieldIndexByColumnIndex(e){return this.aColumnMapping[e].sFieldIndex}getColumnByFieldIndex(e){for(let t=0,o=this.aColumnMapping.length;t<o;t++)if(this.aColumnMapping[t].sFieldIndex===e)return this.aColumnMapping[t];return null}getColumnIndexByFieldIndex(e){for(let t=0,o=this.aColumnMapping.length;t<o;t++)if(this.aColumnMapping[t].sFieldIndex===e)return t;return-1}getColumnIndexByType(e){for(let t=0,o=this.aColumnMapping.length;t<o;t++)if(this.aColumnMapping[t].sCellType===e)return t;return-1}editRow(e){this.recordEditor.editRecord(e)}getRowHeight(){let e=this.getDOMByIndex(0,0);return e?e.getBoundingClientRect().height:0}getDOMCellByIndex(e,t,o){if(-1===e||-1===t)return null;const n=this[`get${o}erByColumnIndex`](t),r=this.getAdjustedColumnIndex(t);let a=n.getElementsByTagName("zg-row")[e].querySelectorAll(`${s.default.zgHeadCell.tagName}, ${s.default.zgFilter.tagName}, ${s.default.zgCell.tagName}`);return a.length?a[r]:null}getDOMByIndex(e,t){if(-1===e||-1===t)return null;const o=this.getParentByFrozenIndex(e,t),n=this.getAdjustedColumnIndex(t),r=this.getContainerRowIndexByDataRowIndex(e);let a=o.childNodes[r];return a?a.getElementsByTagName(s.default.zgCell.tagName)[n]:null}getDOMHeadByIndex(e,t){return this.getDOMCellByIndex(e,t,"Head")}getDOMFootByIndex(e,t){return this.getDOMCellByIndex(e,t,"Foot")}getElByIndex(e,t){return a.Z.get(this.getDOMByIndex(e,t))}getZGColumnIndex(e){return this.aColumnMapping.findIndex((t=>t.sColumnId===e.sColumnId))}get nScrollLeft(){return this.mainColumnBody.el.getScroll().left}get nScrollTop(){return this.mainColumnBody.el.getScroll().top}createId(e){let t=0,o=function(){return e+t++};return o.clearCounter=function(e){e||(t=0)},o.setCounter=function(e){t=e},o.getCounter=function(){return t},this.idCounters.push(o),o}clearIdCounters(e){for(let t=0;t<this.idCounters.length;t++)this.idCounters[t].clearCounter(e)}}p.prototype.nextPage=function(){const e=this.store.oDataFormat.bLoadByPages&&this.store.oDataFormat.bStartAtValue;(this.nCurrPageIdx+1<this.getPageCount()||e)&&this.nCurrPageIdx++,!0===this.store.oDataFormat.bLoadByPages&&(this.store.bLoadNext=!0),this.fire("pagechange","next")},p.prototype.prevPage=function(){this.nCurrPageIdx>0&&this.nCurrPageIdx--,!0===this.store.oDataFormat.bLoadByPages&&(this.store.bLoadPrev=!0),this.fire("pagechange","prev")},p.prototype.firstPage=function(){if(0!==this.nCurrPageIdx){const e=this.nCurrPageIdx;this.nCurrPageIdx=0,this.fire("pagechange","first",e)}},p.prototype.lastPage=function(){const e=Math.max(0,this.getPageCount()-1);if(this.nCurrPageIdx!==e){const t=this.nCurrPageIdx;this.nCurrPageIdx=e,this.fire("pagechange","last",t)}},p.prototype.calculatePageSize=function(e,t,o,n){let r=this.webcomponent,a=t||"pageSizeRow"!==o?r.pageSizeRow:n,i=t||"pageSizeCard"!==o?r.pageSizeCard:n;(e=e&&void 0!==e?e:this.layoutManager.sCurrentType)===s.default.zgLayout.reset&&(e=s.default.zgLayout.typeRow);let l=r.pageSize||s.default.store.defaultPageSize;t||"pageSize"!==o||(l=n||s.default.store.defaultPageSize);let d=this.hasPager();d&&(d.pageSize&&(l=d.pageSize),d.pageSizeRow&&(a=d.pageSizeRow),d.pageSizeCard&&(i=d.pageSizeCard),t&&"pageSize"===o&&(l=n||s.default.store.defaultPageSize),t&&"pageSizeRow"===o&&(a=n),t&&"pageSizeCard"===o&&(i=n)),a&&e===s.default.zgLayout.typeRow?l=a:i&&e===s.default.zgLayout.typeCard&&(l=i),this.setPageSize(parseInt(l,10))},p.prototype.getPageSize=function(){return this.hasPager()||this.bCustomPageSize||this.bUserPageSize||this.store.oDataFormat.bLoadByScroll?this.pageSize:this.store.nOriginRecordCount||this.getRowCount()||this.pageSize},p.prototype.setPageSize=function(e,t,o){if(e<=0)return;let n=this.pageSize,r=this.nCurrPageIdx;this.pageSize!==e&&(this.nCurrPageIdx=Math.floor(n*r/e),this.pageSize=e,this.webcomponent.bReady&&!o&&this.fire(s.default.event.pagesizechange,e,n,t))},p.prototype.getCurrPageIdx=function(){return this.nCurrPageIdx},p.prototype.setCurrPageIdx=function(e,t){if(e!==this.nCurrPageIdx&&e<this.getPageCount()&&e>=0){const o=this.nCurrPageIdx;this.nCurrPageIdx=e,t||this.fire("pagechange",void 0,o)}},p.prototype.getPageCount=function(){return Math.ceil((this.store.nOriginRecordCount||this.getRowCount())/this.getPageSize())},p.prototype.getPagerType=function(){return this.webcomponent.pagerType},p.prototype.hasPager=function(){return this.webcomponent.oTopPager||this.webcomponent.oBottomPager};const m=p},6454:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>h});var n=o(3605),r=o(2816),a=o(8419);const i="cell",s="row",l="column",d="range",c="grid";const h=class{constructor(e){this.widget=e.widget,this.end()}column(e){this.sContextLevel;let t=this.widget.getColumnIndexByFieldIndex(e);return this.nStartColumnIndex=this.nEndColumnIndex=t,this.sContextLevel=l,this}initRange(e,t,o,n){return this.nStartRowIndex=Math.min(e,o),this.nEndRowIndex=Math.max(e,o),this.nStartColumnIndex=Math.min(t,n),this.nEndColumnIndex=Math.max(t,n),this.nInitialRowIndex=this.nStartRowIndex,this.nInitialColumnIndex=this.nStartColumnIndex,this.sContextLevel=d,this}range(e,t){if(this.sContextLevel===i&&(this.nInitialRowIndex=this.nStartRowIndex,this.nInitialColumnIndex=this.nStartColumnIndex),this.sContextLevel===d||this.sContextLevel===i){let o=e.parentNode.dataRowIndex,n=e.cellIndex,r=t.parentNode.dataRowIndex,a=t.cellIndex,i=this.nStartRowIndex,s=this.nStartColumnIndex,l=this.nEndRowIndex,d=this.nEndColumnIndex;this.nStartRowIndex=Math.min(o,r),this.nEndRowIndex=Math.max(o,r),this.nStartColumnIndex=Math.min(n,a),this.nEndColumnIndex=Math.max(n,a),(this.nStartRowIndex>i||this.nEndRowIndex>l)&&(this.sExpandDirection="down"),(this.nStartRowIndex<i||this.nEndRowIndex<l)&&(this.sExpandDirection="up"),(this.nStartColumnIndex<s||this.nEndColumnIndex<d)&&(this.sExpandDirection="left"),(this.nStartColumnIndex>s||this.nEndColumnIndex>d)&&(this.sExpandDirection="right")}return this.sContextLevel=d,this}cell(e,t,o){if(n.Sh(e)){let o=e;e=this.widget.getDataRowIndex(o.parentNode.rowIndex),void 0===(t=o.cellIndex)&&(t=parseInt(o.getAttribute("cellindex"),10))}return n.U(e)&&(this.nStartRowIndex=this.nEndRowIndex=e),n.U(t)&&(this.nStartColumnIndex=this.nEndColumnIndex=t),this.sContextLevel=i,void 0===this.sTargetRecordIndex&&!o||void 0===this.sTargetFieldIndex?null:this}row(e){if(n.Sh(e)){e=e.bodyRowIndex}return n.U(e)&&(this.nStartRowIndex=this.nEndRowIndex=e),this.sContextLevel=s,this}changeCard(e){let t=this.widget,o=t.getRowContainerCount(),n=t.getCardsPerRow(),r=this.nStartRowIndex;return"right"===e?r++:"left"===e?r--:"down"===e?r+=n:"up"===e&&(r-=n),r<0||r>=o?null:(this.nStartRowIndex=this.nEndRowIndex=r,this)}navigateCardControls(e){let t=this.widget,o=a.default.internalColumnTypes,n=this.sCellType;if(-1===o.indexOf(n))return null;let r=this.nStartColumnIndex;const i=t.aColumnMapping;if("down"===e)for(let e=0;e<i.length;e++){let t=i[e];if(!t.bHidden&&-1===o.indexOf(t.sCellType))return e}else if("right"===e)for(let e=r+1;e<i.length;e++){let t=i[e];if(!t.bHidden&&-1!==o.indexOf(t.sCellType))return e}else if("left"===e)for(let e=r-1;e>=0;e--){let t=i[e];if(!t.bHidden&&-1!==o.indexOf(t.sCellType))return e}return null}change(e,t,o){let n,r,a,i,s;const l=this.widget,d=l.nTopFrozenRows;if(l.isComputedCard()){if(!this.bCardDrill)return this.changeCard(e);if(i=this.navigateCardControls(e),null!==i)return this.nStartColumnIndex=this.nEndColumnIndex=i,this;if("right"===e||"left"===e)return this.bCardDrill=!1,l.selector.hideSelectionMaskAndBorder(),this;"up"===e?e="left":"down"===e&&(e="right")}if(t=t||1,"up"===e||"down"===e?(n=this.nStartRowIndex,r=l.getRowContainerCount()+d,a="Row"):(n=this.nColumnIndex,r=l.getColumnContainerCount(),a="Column"),"up"===e)i=Math.max(d,n-t),s="Start";else if("left"===e)i=Math.max(0,n-t),s="Start";else{let e=this["nEnd"+a+"Index"],l="expand"===o?e:n;i=Math.min(l+t,r-1),s="End"}return"up"===e&&n===d&&"expand"!==o||"down"===e&&"expand"!==o&&n===i?null:("Column"===a&&l.selectorEngineManager.$cell(d,i).sCellType,"expand"===o?this["n"+s+a+"Index"]=i:this["nStart"+a+"Index"]=this["nEnd"+a+"Index"]=i,this)}deSelect(){return this.widget.selector.deSelectRange(),this.end(),this}dimension(e){const t=this.sContextLevel,o=this.el,n=this.widget;let r,a,s;switch(t){case i:r=o.getXY(),a=o.getWidth(),s=o.getHeight();break;case d:let t=0,l=n.aColumnMapping.length-1;e&&([t,l]=n.getColumnBodyRange(e)||[t,l]);let c=this.nStartColumnIndex,h=this.nEndColumnIndex;c=Math.max(c,t),h=Math.min(h,l);let u=n.getElByIndex(this.nStartRowIndex,c),g=n.getElByIndex(this.nEndRowIndex,h);r=u.getXY();let p=g.getXY(),m=g.getWidth(),f=g.getHeight();a=p[0]-r[0]+m,s=p[1]-r[1]+f}return{xy:r,width:a,height:s}}getDom(){return this.dom()}dom(){const e=this.sContextLevel,t=this.widget;return e===l?t.getDOMByIndex(this.nColumnIndex):t.getDOMByIndex(this.nRowContainerIndex,this.nColumnIndex)}doms(){const e=this.widget;if(this.sContextLevel===i)return[this.dom()];{let t=[];const o=this.nStartRowIndex,n=this.nEndRowIndex,r=this.nStartColumnIndex,a=this.nEndColumnIndex;for(let i=o;i<=n;i++)for(let o=r;o<=a;o++)t.push(e.getDOMByIndex(i,o));return t}}end(){return this.sContextLevel=c,this.nStartRowIndex=-1,this.nEndRowIndex=1/0,this.nStartColumnIndex=-1,this.nEndColumnIndex=1/0,this.sExpandDirection="",this}expand(e,t){return this.sContextLevel!==d&&this.toRange(),this.change(e,t,"expand"),this.sExpandDirection=e,this}getStartContainer(){return void 0!==this.nInitialRowIndex&&void 0!==this.nInitialColumnIndex?this.widget.getDOMByIndex(this.nInitialRowIndex,this.nInitialColumnIndex):this.dom()}isRangeSideEdgeVisible(e,t){let o=this.widget,n=this.dimension(),r=n.xy,a=n.height,i=n.width,s=o.mainColumnBody.el,l=s.getXY(),d=s.getSize();if(e=e||0,"right"===t){let t=r[0]+i;return t-e>=l[0]&&t<l[0]+d[0]}if("left"===t){let t=r[0];return t>=l[0]&&t+e<l[0]+d[0]}if("top"===t){let t=r[1];return t>=l[1]&&t+e<l[1]+d[1]}if("bottom"===t){let t=r[1]+a;return t-e>=l[1]&&t<=l[1]+d[1]}}isRangeSingleCell(){return this.nStartRowIndex===this.nEndRowIndex&&this.nStartColumnIndex===this.nEndColumnIndex}getData(){return this.rawData()}setData(e){return this.rawData(e)}getRecordIndex(){return this.sTargetRecordIndex}setStyle(e,t){return this.dom().style[e]=t,this}rawData(e){const t=this.sContextLevel,o=this.widget,n=o.store,r=this.sTargetRecordIndex,a=this.sTargetFieldIndex,l=this.sGroupRecordIndex;if(0===arguments.length){if(t===i)return n.get(r,a,l);if(t===d){let e,t,r,a,i=[];for(let s=this.nStartRowIndex;s<=this.nEndRowIndex;s++){e=[];for(let i=this.nStartColumnIndex;i<=this.nEndColumnIndex;i++)t=o.getRecordIndexByDataRowContainerIndex(s),r=o.getFieldIndexByColumnIndex(i),a=o.getGroupIndexByDataRowContainerIndex(s),e.push(n.get(t,r,a));this.nStartRowIndex===this.nEndRowIndex?i=e:i.push(e)}return i}if(t===s)return n.get(r,void 0,l).oRecordRawData}else t===i&&n.updateCell(r,a,e,void 0,this.sCellType)}indexData(){const e=this.widget,t=e.store,o=e.sNestedDataSeparator;let r={};if(this.sContextLevel!==i)return;const a=this._columnConfig;return this.sTargetFieldIndex.split(",").map((e=>{let i;if("disabled"!==o){let t=e.split(o);i=t[t.length-1]}else i=e;let s=t.get(this.sTargetRecordIndex,e.trim());void 0!==a.sArraySlice&&(s=t.getArrayData([s],a,!0),1===s.length&&(s=s[0])),n.kJ(s)&&(s=n.mJ.clone(s)),r[i.trim()]=s})),r}fullData(){const e=this.sContextLevel,t=this.widget,o=t.store,n=this.sTargetRecordIndex,r=this.sTargetFieldIndex,a=this.sGroupRecordIndex;let l={};if(e===i)r.split(",").map((e=>{l[e]=o.get(n,e.trim(),a)}));else if(e===d){let e,n,r,a;for(let i=this.nStartRowIndex;i<=this.nEndRowIndex;i++){e={},n=t.getRecordIndexByDataRowContainerIndex(i),a=t.getGroupIndexByDataRowContainerIndex(i);for(let i=this.nStartColumnIndex;i<=this.nEndColumnIndex;i++)r=t.getFieldIndexByColumnIndex(i),e[r]=o.get(n,r,a);l[n]=e}}else e===s&&(l=o.get(n,void 0,a).oRecordRawData);return l}fullDisplay(){if(this.sContextLevel!==i)return this.fullData();const e=this.dom().querySelector(`[${a.default.zgCell.cellIndexAttr}]`);return e?e.innerHTML:this.fullData()}scrollIntoView(){return this.sContextLevel===d?this.widget.scroller.scrollToRange():this.sContextLevel===i&&this.widget.scroller.scrollToCell(),this}select(e){const t=this.widget;let o=t.selector;if(this===t.selector.se){t.headerFocusManager.currentFocus&&t.headerFocusManager.deSelect(),t.footerFocusManager.currentFocus&&t.footerFocusManager.deSelect(),o.bSelecting=!0;var n=window.scrollX,r=window.scrollY;if(t.isStorybook("focus")||t.isStorybook("menu")||t.focusManager.focusGrid(),window.scrollTo(n,r),o.bSelecting=!1,this.sContextLevel!==c){if(this.sContextLevel!==i||"top"!==this.sFrozenRowState&&"bottom"!==this.sFrozenRowState)this.sContextLevel!==i&&this.sContextLevel!==d||t.selector.selectCell(this,e);else{let o=t.getContainerRowIndexByDataRowIndex(this.nStartRowIndex);"top"===this.sFrozenRowState?t.headerFocusManager.select(o,this.nStartColumnIndex,e):t.footerFocusManager.select(o,this.nStartColumnIndex,e)}return this.sContextLevel===d&&t.selector.selectRange(this),this.sContextLevel!==i||t.bIsMouseDown||!this.bHasCellTooltip||this.sCellType===a.default.internalColumn.recordinfo&&this._columnConfig.bIsActivateOnClick||t.tooltipManager._delayTarget(null,this.dom(),1e3),t.selector.fire(a.default.event.selectedCells),this}}else this.nStartRowIndex>=0&&this.nStartColumnIndex>=0&&(o.se.cell(this.nStartRowIndex,this.nStartColumnIndex),o.se.select(e))}selectAll(){let e=this.widget,t=e.getRowContainerCount(),o=e.getColumnContainerCount();return this.nStartRowIndex=0,this.nStartColumnIndex=0,this.nEndRowIndex=t-1,this.nEndColumnIndex=o-1,this.sContextLevel="range",this}shrink(e,t){return t=t||1,this.sContextLevel!==d&&this.toRange(),"up"===e?this.nEndRowIndex=Math.max(this.nStartRowIndex,this.nEndRowIndex-t):"down"===e?this.nStartRowIndex=Math.min(this.nEndRowIndex,this.nStartRowIndex+t):"right"===e?this.nStartColumnIndex=Math.min(this.nStartColumnIndex+t,this.nEndColumnIndex):"left"===e&&(this.nEndColumnIndex=Math.max(this.nStartColumnIndex,this.nEndColumnIndex-t)),this.sExpandDirection="shrink"+e,this}toCell(){return this.sContextLevel=i,this}toRange(e,t){let o,n=this.sContextLevel;if(n===d){if(!e)return;return o=this.getStartContainer(),this.range(o,e)}return n===i?(o=this.dom(),this.range(o,e||o)):t&&e?(this.cell(e,null).select(),this.range(e,e)):void 0}toRow(){return this.sContextLevel=s,this}traverse(e,t,o){return this.sContextLevel!==d&&this.sContextLevel!==i||this.change(e,t,"traverse")?this:null}visualSelect(){let e=this.widget;this.nStartRowIndex===this.nEndRowIndex&&this.nStartColumnIndex===this.nEndColumnIndex?e.selector.hideSelectionMaskAndBorder():e.selector.drawSelectionMask(this)}toggleOverflow(e,t){const o=this.widget.webcomponent.oDOMCellOverflow;t||(t=this.dom()),o.hasAttribute(a.default.attr.hidden)||o.currentCell&&o.currentCell.dom()!==this.dom()?o.open(e,t,this):o.close()}filter(e){if(this.sContextLevel!==l)return this;if(this.widget.filter){let t=this._columnConfig;this.widget.filter.setFilter(t,e)}return this}sort(e){return this.sContextLevel!==l||this._columnConfig.oDOMSortHeader.onSort(null,null,e),this}hide(){return this.toggle(!0)}show(){return this.toggle(!1)}toggle(e){return this.sContextLevel!==l||this._columnConfig.bHidden===e||this.widget.updater.toggleColumn(this.nColumnIndex,e),this}contextMenu(){if(this.sContextLevel!==i)return this;if(!this.widget.bHasContextMenuEnabled)return this;this.widget.menuManager.openContextMenu({oBrowserEvent:{clientX:0,clientY:0}},this.el.dom)}_hide(){let e=this.widget,t=this.sContextLevel,o=this.nRowContainerIndex,n=this.nStartColumnIndex;switch(t){case l:e._hide(n);break;case s:e._hide(o)}return this}get bHasCellTooltip(){return this._columnConfig.bHasCellTooltip}get sCellType(){return this.sContextLevel===i?this._columnConfig.sCellType:""}get oEditor(){return this._columnConfig.oEditor}get fnRenderer(){return this._columnConfig.fnRenderer}get fnDetailsRenderer(){return this._columnConfig.fnDetailsRenderer}get oValidator(){return this._columnConfig.oValidator}get sColumnId(){return this.widget.aColumnMapping[this.nStartColumnIndex].sColumnId}get nStartRowIndex(){return this._nStartRowIndex}get _columnConfig(){return this.widget.aColumnMapping[this.nStartColumnIndex]}get el(){const e=this.dom();return r.Z.get(e)}get nRowContainerIndex(){return this.nStartRowIndex}get nColumnIndex(){return this.nStartColumnIndex}get sTargetFieldIndex(){return void 0===this._columnConfig?void 0:this._columnConfig.sFieldIndex}get aTargetFieldIndex(){const e=this.sTargetFieldIndex;return n.h8(e)}get oBody(){return this.widget.getBodyByColumnIndex(this.nStartColumnIndex)}get oColumnBody(){return this.widget.getBodyByColumnIndex(this.nStartColumnIndex,!0)}get oColumnBodies(){const e=[],t=this.widget,o=t.getBodyByColumnIndex(this.nStartColumnIndex,!0);if(e.push(o),this.nStartColumnIndex!==this.nEndColumnIndex){const n=t.getBodyByColumnIndex(this.nEndColumnIndex,!0);o!==n&&(o===t.leftColumnBody&&n===t.rightColumnBody&&e.push(t.mainColumnBody),e.push(n))}return e}get record(){const e=this.sContextLevel,t=this.widget.store,o=this.sTargetRecordIndex;let r=null;if(e===i||e===s){let e=t.get(o).oRecordRawData;r=n.c7.copy(e),delete r.sRESTIndex,delete r.nOriginalIndex,delete r.sRecordIndex,delete r.nRowIndex,delete r.sFrozen}return r}get sFrozenRowState(){let e="";const t=this.sContextLevel;return t!==i&&t!==s||(e=this.widget.getFrozenRowState(this.nStartRowIndex)),e}set nStartRowIndex(e){this._nStartRowIndex=e,-1!==e&&(this.sTargetRecordIndex=this.widget.getRecordIndexByDataRowContainerIndex(e),this.sGroupRecordIndex=this.widget.getGroupIndexByDataRowContainerIndex(e))}}},8139:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(2816),r=o(8965),a=o(8419);class i extends r.Z{constructor(e){(e=e||{})._defaults={rendered:!1},super(e),this.init()}init(){this.render(),this.ons()}render(){this.el=n.Z.get(this.oDOMWrapper),this.renderSelectionMask(),this.renderFocusMask(),this.rendered=!0}ons(){let e=this.el;e.on("touchstart",this.onTouchStart,this,{sDelegateTo:a.default.zgCell.tagName}),e.on("touchmove",this.onTouchMove,this,{sDelegateTo:a.default.zgCell.tagName}),e.on("touchend",this.onTouchEnd,this,{sDelegateTo:a.default.zgCell.tagName}),e.on("touchforcechange",this.onTouchForceChange,this,{sDelegateTo:a.default.zgCell.tagName}),e.on("mouseover",this.onMouseOverTD,this,{sDelegateTo:a.default.zgCell.tagName}),e.on("mousedown",this.onMouseDownTD,this,{sDelegateTo:a.default.zgCell.tagName},!1),e.on("mousedown",this.onMouseDownTD2,this,{sDelegateTo:a.default.zgCell.tagName},!1),e.on("keydown",this.onKeyDownTD,this,{sDelegateTo:a.default.zgCell.tagName},!1),e.on("click",this.onClickBody,this,{sDelegateTo:a.default.zgCell.tagName},!1),e.on("dblclick",this.onDBLClickBody,this,{sDelegateTo:a.default.zgCell.tagName}),e.on("dblclick",this.onDBLClickCard,this,{sDelegateTo:a.default.zgCard.tagName}),e.on("dblclick",this.onKeyUp,this,{sDelegateTo:a.default.zgCell.tagName})}onClickBody(e,t){this.widget.batchEditor.isActive()&&(e.stopEvent(),this.onDBLClickBody(e,t))}onDBLClickBody(e,t){this.widget.editorManager.onDoubleClick(t)}onDBLClickCard(e,t){let o=this.widget,n=o.selector.se,r=t.parentNode;if(!o.bHasEditorEnabled)return;let a=n.row(r);o.editorManager.openEditor(a)}onKeyUp(){}onTouchForceChange(e,t){const o=this.widget;if(o.bHasContextMenuEnabled&&"touches"in e.oBrowserEvent&&e.oBrowserEvent.touches.length>0){let n=e.oBrowserEvent.touches[0].force;n>.15&&n<1?(this._didForceTouch=!0,o.mainColumnBody.oBody.style["-webkit-filter"]=`blur(${7*n}px)`):n>=1&&o.onContextMenuTD(e,t)}}onTouchStart(e,t){this.onTouchDoubleClick(e,t)||(this._startXY=e.xy,this.widget.bHasSelectorEnabled&&t.classList.contains("zg-focus-cell")&&(e.preventDefault(),this._touchSelectInitiator=t,this.widget.selector.onMouseDownFromSelector(e)))}onTouchDoubleClick(e,t){const o=(new Date).getTime();if(this.nLastTouch&&t===this.oTargetLastTouch){const n=o-this.nLastTouch;if(n<a.default.mobile.doubleTapMS&&n>0)return"zg-card"===t.tagName.toLowerCase()?this.onDBLClickCard(e,t):this.onDBLClickBody(e,t),e.stopEvent(),this.widget.editorFieldManager.nTouchOpen=o,this.nLastTouch=null,this.oTargetLastTouch=null,!0;this.nLastTouch=o,this.oTargetLastTouch=t}else this.nLastTouch=o,this.oTargetLastTouch=t;return!1}onTouchMove(e,t){if(!this._didForceTouch&&this._touchSelectInitiator){let o=document.elementFromPoint(...e.xy);if(o.tagName===a.default.zgCell.tagName&&o!==t){this.widget.selector.se.toRange(o).visualSelect()}}}onTouchEnd(e,t){let o=this.widget.selector.se;if(this._didForceTouch)this._didForceTouch=!1;else if(this.widget.bHasSelectorEnabled&&!t.classList.contains("zg-focus-cell")){o.cell(t,null).select(),this._touchSelectInitiator=t}else this._touchSelectInitiator=null}onMouseOverTD(e,t){let o=this.widget;o.bHasSelectorEnabled&&o.bIsMouseDown&&o.webcomponent.layout!==a.default.zgLayout.typeCard&&o.selector.se.toRange(t).visualSelect()}onMouseDownTD2(e,t){if(2===e.nButton)return;this.widget.editorManager.activeCellEdit&&this.widget.editorManager.closeEditor()}onKeyDownTD(e,t){}onMouseDownTD(e,t){if(2===e.nButton)return;let o=this.widget,n=o.selector.se;if(o.bHasSelectorEnabled&&!e.bIsCTRL&&o.webcomponent.layout!==a.default.zgLayout.typeCard)if(o.bIsMouseDown=!0,o.selector.onMouseDownFromSelector(e),e.stopEvent(),e.bIsSHIFT)n.toRange(t,!0).visualSelect();else{const e=n.cell(t,null);if(!e)return;e.select()}}destroy(){super.destroy(),this.oBody=null,this.oDOMWrapper=null,this.el.unAll(),this.el=null}insertCellContainer(e,t,o){let n=document.createElement(a.default.zgCell.tagName);return n.cellIndex=t,n.setAttribute(a.default.aria.colIndex,t+1),this.widget.sorter&&this.widget.sorter.sActiveSortedIndex&&this.widget.sorter.sActiveSortedIndex===o.sFieldIndex&&n.setAttribute(a.default.attr.sorted,""),e.appendChild(n),n}insertRows(e){const t=this.widget;let o=this.oBody,n=t.leftColumnBody.oBody,r=t.rightColumnBody.oBody,a=document.createDocumentFragment(),i=document.createDocumentFragment(),s=document.createDocumentFragment(),l=o.childNodes.length,d=t.nLeftFrozenColumns,c=t.nRightFrozenColumns,h=t.getRightIndex();for(var u=0;u<e;u++)d&&i.appendChild(this.insertRow(l+u,0,d)),a.appendChild(this.insertRow(l+u,d,h)),c&&s.appendChild(this.insertRow(l+u,h));this.oFragment=a,o.appendChild(a),n.appendChild(i),r.appendChild(s)}insertRow(e,t=0,o=null){let n=document.createElement(a.default.zgRow.tagName);n.widget=this.widget;let r=this.widget.aColumnMapping;return n.setBodyIndexes(e),r.forEach(((e,r)=>{-1!==t&&r>=t&&(null===o||r<o)&&this.insertCellContainer(n,r,e)})),this.widget.oCard&&n.appendChild(document.createElement(a.default.zgCard.tagName)),n}insertRowsPerFrame(e){let t=document.createDocumentFragment(),o=this.oBody.childNodes.length;for(var n=0;n<e;n++)t.appendChild(this.insertRow(o+n,-1));this.oBody.appendChild(t)}removeRow(){this.oBody.removeChild(this.oBody.lastChild)}}i.prototype.renderSelectionMask=function(){let e=this.widget.webcomponent,t=this.oDOMWrapper.querySelector("zg-selector-mask");t||(t=document.createElement("zg-selector-mask"),e._appendChild(t)),this.oElSelectionMask=t,t.widget=this.widget,t.oColumnBody=this,t.setAttribute("slot",`${this.oDOMWrapper.id}gridselectmask`)},i.prototype.renderFocusMask=function(){let e=this.widget.webcomponent,t=this.oDOMWrapper.querySelector("zg-focus");t||(t=document.createElement("zg-focus"),e._appendChild(t)),this.oElFocusCellMaskBorder=t,t.widget=this.widget,t.oColumnBody=this,t.setAttribute("slot",`${this.oDOMWrapper.id}gridfocus`)};const s=i},8938:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(2816),r=o(8965),a=o(8419);class i extends r.Z{constructor(e){(e=e||{})._defaults={rendered:!1,columnResizable:!1},super(e),this.init()}init(){this.render(),this.widget.on("render",this.ons,this)}render(){this.tooltips={},this.el=n.Z.get(this.oFoot),this.renderFocusMask()}ons(){let e=this.el;e.on("click",this.onClickFoot,this,{sDelegateTo:a.default.zgCell.tagName},!1),e.on("dblclick",this.onDBLClickFoot,this,{sDelegateTo:a.default.zgCell.tagName}),e.on("mousedown",this.onMouseDownFoot,this,{sDelegateTo:a.default.zgCell.tagName},!1)}onClickFoot(e,t){this.widget.batchEditor.isActive()&&(e.stopEvent(),this.onDBLClickFoot(e,t))}onDBLClickFoot(e,t){t&&"frozen"===t.parentNode.getAttribute("type")&&this.widget.editorManager.onDoubleClick(t)}onMouseDownFoot(e,t){2!==e.nButton&&this.widget.bHasSelectorEnabled&&t&&"frozen"===t.parentNode.getAttribute("type")&&(this.widget.footerFocusManager.focusTarget(t),e.stopEvent())}insertRows(e){const t=[document.createDocumentFragment(),document.createDocumentFragment(),document.createDocumentFragment()],o=this.oFoot,n=this.widget.leftColumnFooter.oFoot,r=this.widget.rightColumnFooter.oFoot;for(var a=0;a<e;a++)this.insertRow(!1,t);n.appendChild(t[0]),o.appendChild(t[1]),r.appendChild(t[2]),window.ShadyDOM&&window.ShadyDOM.flush()}insertRow(e,t){const o=this.widget,n=o.aColumnMapping,r="zg-row",i=this.oFoot,s=o.nLeftFrozenColumns,l=o.nRightFrozenColumns,d=o.aColumnMapping.length;let c;const h=[];if(s?h.push(document.createElement(r)):h.push(null),h.push(document.createElement(r)),l?h.push(document.createElement(r)):h.push(null),h.forEach((e=>e?e.widget=o:null)),n.forEach(((t,o)=>{s&&o>=0&&o<s?this.insertFootCellContainer(h[0],e,o):l&&o>=d-l?this.insertFootCellContainer(h[2],e,o):this.insertFootCellContainer(h[1],e,o)})),!t){const e=o.leftColumnFooter.oFoot,t=o.rightColumnFooter.oFoot;s&&e.appendChild(h[0]),i.appendChild(h[1]),l&&t.appendChild(h[2])}return h.forEach(((e,n)=>{let s;e&&(e.setAttribute(a.default.attr.type,"aggregate"),t?(s=t[n].querySelectorAll(r).length,t[n].appendChild(e)):s=i.querySelectorAll(r).length-1,s+=o.getAllHeaderDepth()+o.getRowContainerCount(),c=s-o.getAllHeaderDepth()+o.nTopFrozenRows,e.rowIndex=s,e.dataRowIndex=c,e.setAttribute(a.default.aria.rowIndex,s+1))})),h}insertFootCellContainer(e,t,o){const n=a.default.zgCell.tagName,r=document.createElement(n);r.widget=this.widget,r.setAttribute("cellindex",o),r.setAttribute("rowfooter",""),r.setAttribute(a.default.attr.role,"gridcell"),e.appendChild(r)}removeRow(){const e=[this.oFoot,this.widget.leftColumnFooter.oFoot,this.widget.rightColumnFooter.oFoot];for(let t=0;t<e.length;t++){const o=e[t];o&&o.lastChild&&o.removeChild(o.lastChild)}}renderFocusMask(){let e=this.widget.webcomponent,t=this.oDOMWrapper.querySelector("zg-focus"),o=this.oDOMWrapper.id.replace("freeze-frame-","");o=o.replace("-foot",""),t||(t=document.createElement("zg-focus"),e._appendChild(t)),this.oElFocusCellMaskBorder=t,t.widget=this.widget,t.oColumnFoot=this.oFoot,t.setAttribute("area","footer"),t.setAttribute("slot",`${o}footfocus`)}destroy(){super.destroy(),this.oFoot=null,this.oColGroup=null,this.el=null}}const s=i},9700:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>l});var n=o(2816),r=o(8965),a=o(8419),i=o(3605);class s extends r.Z{constructor(e){(e=e||{})._defaults={rendered:!1,columnResizable:!1},super(e),this.init()}init(){this.render(),this.widget.on("render",this.ons,this)}render(){this.tooltips={},this.el=n.Z.get(this.oHead),this.oHead.oColumnHeader=this,this.renderFocusMask()}associateColGroup(e){return this.oColGroup=e,e.setAttribute("slot","gridcolgroup"),e.id="gridcolgroup",this.oColGroup}ons(){let e=this.el;e.on("click",this.onClickHead,this,{sDelegateTo:a.default.zgCell.tagName},!1),e.on("dblclick",this.onDBLClickHead,this,{sDelegateTo:a.default.zgCell.tagName},!1),e.on("mousedown",this.onMouseDownHead,this,{sDelegateTo:a.default.zgCell.tagName},!1)}onClickHead(e,t){this.widget.batchEditor.isActive()&&(e.stopEvent(),this.onDBLClickHead(e,t))}onDBLClickHead(e,t){t&&"frozen"===t.parentNode.getAttribute("type")&&this.widget.editorManager.onDoubleClick(t)}onMouseDownHead(e,t){2!==e.nButton&&this.widget.bHasSelectorEnabled&&t&&"frozen"===t.parentNode.getAttribute("type")&&(this.widget.headerFocusManager.focusTarget(t),e.stopEvent())}insertRows(e){const t=[document.createDocumentFragment(),document.createDocumentFragment(),document.createDocumentFragment()],o=this.oHead,n=this.widget.leftColumnHeader.oHead,r=this.widget.rightColumnHeader.oHead;for(var a=0;a<e;a++)this.insertRow(!1,!1,t);n.appendChild(t[0]),o.appendChild(t[1]),r.appendChild(t[2]),window.ShadyDOM&&window.ShadyDOM.flush()}insertRow(e,t,o){const n=this.widget.aColumnMapping,r=a.default.zgRow.tagName,i=this.oHead,s=this.widget.nLeftFrozenColumns,l=this.widget.nRightFrozenColumns,d=this.widget.aColumnMapping.length,c=[];if(s?c.push(document.createElement(r)):c.push(null),c.push(document.createElement(r)),l?c.push(document.createElement(r)):c.push(null),c.forEach((e=>e?e.widget=this.widget:null)),n.forEach(((o,n)=>{s&&n>=0&&n<s?this.insertHeaderCellContainer(c[0],e,t,n):l&&n>=d-l?this.insertHeaderCellContainer(c[2],e,t,n):this.insertHeaderCellContainer(c[1],e,t,n)})),e||t){const e=this.widget.leftColumnHeader.oHead,t=this.widget.rightColumnHeader.oHead;s&&e.appendChild(c[0]),i.appendChild(c[1]),l&&t.appendChild(c[2])}else this.widget.bHasSorterEnabled&&c.forEach((e=>e?e.setAttribute(a.default.sort.attr,""):null));return c.forEach(((n,s)=>{if(n){let l;o?(l=o[s].querySelectorAll(r).length,o[s].appendChild(n)):l=i.querySelectorAll(r).length-1,n.rowIndex=l,n.setAttribute(a.default.aria.rowIndex,l+1),0===l&&(e||t)&&n.setAttribute(a.default.attr.internaltop,"")}})),c}insertHeaderCellContainer(e,t,o,n){let r;r=t?a.default.zgFilter.tagName:o?a.default.zgCell.tagName:a.default.zgHeadCell.tagName;const s=document.createElement(r),l=n,d=this.widget.aColumnMapping[l];s.widget=this.widget,s.setAttribute("cellindex",l),s.setAttribute(a.default.attr.role,"columnheader"),s.setAttribute(a.default.aria.colIndex,l+1),o?s.setAttribute("rowheader",""):s.setAttribute(a.default.attr.datafocus,""),i.hj(d.mWidth)&&s.setAttribute(a.default.attr.width,""),e.appendChild(s)}removeRow(){this.oHead.children.length&&this.oHead.removeChild(this.oHead.lastChild)}renderFocusMask(){let e=this.widget.webcomponent,t=this.oDOMWrapper.querySelector("zg-focus"),o=this.oDOMWrapper.id.replace("freeze-frame-","");o=o.replace("-head",""),t||(t=document.createElement("zg-focus"),e._appendChild(t)),this.oElFocusCellMaskBorder=t,t.widget=this.widget,t.oColumnHead=this.oHead,t.setAttribute("area","header"),t.setAttribute("slot",`${o}headfocus`)}destroy(){super.destroy(),this.oHead=null,this.oColGroup=null,this.oDOMWrapper=null,this.el=null,this.oElFocusCellMaskBorder=null,this.tooltips=null}}const l=s},9915:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(3605),r=o(8419),a=(o(4087),o(6919)),i=o(2260);const s=class{constructor(e){this.widget=e.widget,this.store=this.widget.store}calculateAggregateRow(e,t){let o,n="",r=e.sTargetRecordIndex;const a=e._columnConfig;a.aAggregateValues=[];let s=a.fnAggregateRenderer;t=t||a.sTypeAggregateValue;let l=this.store.getRowData(r),d=this.getAggregateRowData([l],null,e.aTargetFieldIndex);if(void 0!==this[t]){let e=this[t](null,d,a);o=e,n=`<span class="aggregate-value">${o}</span>`,a.aAggregateValues.push(e)}else t&&(n=o=this.calculateAggregateTemplate(t,null,d,a,a.aAggregateValues),n!==t||s||(s=a.fnAggregateRenderer=i.Z.setUserFunction(null,t)));if(s){let e=s.scope||null;n=s.method.apply(e,[l,d,o,r])||n||""}return n}calculateAggregateColumn(e,t,o,n,a,s,l){if(!e)return"";const d=this.widget.groupbyManager;let c=null;n.sGroupHeadCell&&s&&(c=d.calculateGroupDataAggregate(s));let h=this.store.getDataByFieldIndex(o,void 0,c),u="";if(n.sCellType===r.default.cellTypes.aggregate)return this.calculateAggregateColumnRow(e,t,o,n,a);if(t){let e=t.scope||null;u=c?d.customRenderer(t,s,l):t.method.apply(e,[h,o])||""}else if(void 0!==this[e]){let t=this[e](o,c),r=t;if("count"!==e){let e=n.sCellType,o=this.widget.selectorEngineManager.$cell(0,a);if(o&&("number"===e||"currency"===e)){let e=n.fnRenderer;!e&&n.oDOMZGColumn.renderer&&(e=n.fnRenderer=i.Z.setUserFunction(null,n.oDOMZGColumn.renderer)),r=n.fnRenderer.method.apply(n,[t,null,o])}}u=`<bdi class="aggregate-label">${e.charAt(0).toUpperCase()+e.slice(1)}</bdi><span class="aggregate-colon">:</span>`,u+=` <span class="aggregate-value">${r}</span>`}else u=this.calculateAggregateTemplate(e,o,c);return-1===u.indexOf("<bdi")&&(u=`<bdi class="aggregate-label">${u}</bdi>`),u}calculateAggregateColumnRow(e,t,o,r,a){if(!e)return"";let i,s="";const l=t||r.fnAggregateRenderer,d=r.sTypeAggregateValue;let c=n.h8(r.sFieldIndex),h=this.store.getAllRowData(),u=this.getAggregateRowData(h,d,c);if(void 0!==this[e]){i=this[e](null,u,r),s=`<bdi class="aggregate-label">${e.charAt(0).toUpperCase()+e.slice(1)}</bdi><span class="aggregate-colon">:</span>`,s+=` <span class="aggregate-value">${i}</span>`}else e&&(s=i=this.calculateAggregateTemplate(e,null,u,r));if(l){let e=l.scope||null;s=l.method.apply(e,[h,u,i])||s||""}return s}calculateAggregateTemplate(e,t,o,r,a){let i,s=n.String.escapeRegExp(this.store.templateStartDelimiter),l=n.String.escapeRegExp(this.store.templateEndDelimiter);return i=new RegExp(s+"(.*?)"+l,"g"),e.replace(i,((e,n)=>{let i=n.trim(),s="";return void 0!==this[i]&&(s=this[i](t,o,r),a&&a.push(+s)),s}))}getAggregateRowData(e,t,o){let r=[];const a=e.length;let s,l;for(let d=0;d<a;d++){const a=e[d],c=[];let h=!1;for(const e in a)if(!o||-1!==o.indexOf(e)){const t=a[e];null===t||isNaN(t)||c.push(+t)}if(t&&void 0!==this[t]){let e=this[t](null,c,null);r.push(+e),h=!0}else t&&(l=this.calculateAggregateTemplate(t,null,c,null,r),l!==t||s?l!==t&&(h=!0):s=i.Z.setUserFunction(null,t));if(s){let e=s.scope||null;l=s.method.apply(e,[a,c]),n.Uh(l)&&("number"==typeof l?(h=!0,r.push(l)):"string"==typeof l&&l.match(/\d+/g).map((e=>{h=!0,r.push(+e)})))}h||r.push(...c)}return r}calculate(e,t,o){const n=this[e];let r="";if(!n)return"";if(t.fieldIndex){let e=t.fieldIndex;r=n.apply(this,[e,o])}else r=n.apply(this,[null,o]);return r}count(e,t,o){t=t||this.getDataSource();let n=e?this.store.getDataByFieldIndex(e,!0,t):t;return n=n.filter((e=>e||0===e)),n.length}min(e,t,o){if(!(t=t||this.getDataSource()).length)return 0;let r=e?this.store.getDataByFieldIndex(e,void 0,t):t,a=Math.min(...r);return a===1/0&&(a=0),o&&(a=n.uf(a,o,this.widget)),a}max(e,t,o){if(!(t=t||this.getDataSource()).length)return 0;let r=e?this.store.getDataByFieldIndex(e,void 0,t):t,a=Math.max(...r);return a===-1/0&&(a=0),o&&(a=n.uf(a,o,this.widget)),a}avg(e,t,o){if(!(t=t||this.getDataSource()).length)return 0;let r=this.sum(e,t),a=Math.round(r/t.length*100)/100;return o&&(a=n.uf(a,o,this.widget)),a}sum(e,t,o){if(!(t=t||this.getDataSource()).length)return 0;let r=(e?this.store.getDataByFieldIndex(e,void 0,t):t).reduce(((e,t)=>e+t),0),a=Math.round(100*r)/100;return o&&(a=n.uf(a,o,this.widget)),a}getDataSource(){const e=this.widget.filter;let t=this.store.aOrderedData;return e&&e.bUseFilter&&(t=e.aFiltered),t}getAggregateColumnHeader(e){const t=e.sTypeAggregateValue,o=a.default.get("aggregate",this.widget);let n="";return o[t]&&(n=o[t]),n}destroy(){this.widget=null,this.store=null}}},2248:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(8419);const{ellipsis:r,cellBreakPrep:a}=n.default.cellBreak;const i=class{constructor(e){this.widget=e.widget,this.ZG=this.widget.webcomponent}setCellBreak(e){this.sGridType=e||this.ZG.getAttribute(n.default.cellBreak.attr),this.cellActions(this.setCells)}prepCellBreak(){this.sGridType=this.ZG.getAttribute(n.default.cellBreak.attr),this.cellActions(this.prepCells)}cellActions(e){let t=this.getGridCellBreak();const o=this.widget.aColumnMapping;for(let n=0,r=o.length;n<r;n++){const r=o[n],a=this.isColumnOverride(r,t);this.widget.getDataCellsByIndex(n).forEach((t=>{e(t,a,r)}))}}prepCells(e,t){t===r&&e.setAttribute(a,"")}setCells(e,t,o){if(e.hasAttribute(n.default.attr.title)&&e.removeAttribute(n.default.attr.title),t===n.default.cellBreak.default||null===t)e.removeAttribute(n.default.cellBreak.attr);else{const r=o.mWidth,i=e.widget.webcomponent.width,s=!(o.sFrozen&&i)&&("fit"===r||"fitcontent"===r)||o.bHasCellTooltip;if(t===n.default.cellBreak.ellipsis&&!s){const o=!0;t===n.default.cellBreak.ellipsis&&o&&e.setAttribute(n.default.attr.title,e.textContent)}e.hasAttribute(a)&&e.removeAttribute(a),e.setAttribute(n.default.cellBreak.attr,t)}}isAllowedType(e){return n.default.cellBreak.allowedTypes.indexOf(e)>-1}getGridCellBreak(){let e=this.sGridType;const t=this.isAllowedType(e);return e&&t||(e=n.default.cellBreak.default),e}getCellBreakByColumn(e){let t=this.getGridCellBreak();const o=this.widget.aColumnMapping[e];return this.isColumnOverride(o,t)}isColumnOverride(e,t){const o=e.sCellBreak;let n=t;if(o){this.isAllowedType(o)&&(n=o)}return n}}},762:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(3605),r=o(8965);class a extends r.Z{constructor(e){(e=e||{})._defaults={initAfterRender:!0},super(e)}init(){this.savedValue="",this.render(),this.ons()}render(){this.savedValue=""}ons(){let e=this.widget.webcomponent;e.on("key ctrl v",this.onKeyCtrlVDocument,this),e.on("key shift insert",this.onKeyCtrlVDocument,this),e.on("key ctrl c",this.onKeyCtrlCDocument,this),e.on("key ctrl insert",this.onKeyCtrlCDocument,this)}onKeyCtrlCDocument(e){this.oData=this.widget.selector.se.fullData(),this.sData=this.widget.selector.se.fullDisplay();let t=this.getSelectedCellsData(this.sData);const o={data:this.oData,text:t};this.fire("beforecopy",o),t=o.text,this.savedValue=t,this.copyClipboardContent(t),this.fire("copy",o)}onKeyCtrlVDocument(){const e={data:this.oData,text:this.savedValue};this.fire("paste",e)}getSelectedCellsData(e){let t,o=this.widget;if(t=o.selector.se.rawData(),!t){if(!o.menuManager||!o.menuManager.lastCell)return e||"";t=o.menuManager.lastCell.rawData()}return null==t?"":n.kJ(t)?(t.length&&!n.kJ(t[0])&&(t=[t]),t.reduce(((e,t)=>e+t.reduce(((e,t,o)=>(t=null==t?"":t,o?e+"\t"+t:e+t)),"")+"\n"),"")):e||t.toString()}copyClipboardContent(e){const t=this.widget.webcomponent;t.oDOMClipboard.value=e;try{navigator&&navigator.clipboard.writeText(t.oDOMClipboard.value)}catch(e){console.error(e)}}}const i=a},4690:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(2816),r=o(8419),a=o(6919);const i=class{constructor(e){this.widget=e.widget,this.oElMenu=null,this.menuItems=[],this.activeMenu=null}initMenu(){const e=this.widget,t=e.webcomponent;this.oElMenu&&(this.oElMenu.remove(),this.menuItems=[]);const o=e.getByTagName(t.children,"zg-menu",null,"columnMenu");if(o.length?this.oElMenu=o[0]:this.oElMenu=null,this.oElMenu)for(let t=0;t<e.aColumnMapping.length;t++)this.associateItem(e.aColumnMapping[t],t);else{this.oElMenu=document.createElement("zg-menu"),this.oElMenu.id=this.id||"columnMenu",this.oElMenu.setAttribute(r.default.attr.hidden,"");let t=document.createDocumentFragment();for(let o=0;o<e.aColumnMapping.length;o++)this.addItem(e.aColumnMapping[o],o,t);this.oElMenu.appendChild(t),e.bHasAttachedToDOM&&e.webcomponent.appendChild(this.oElMenu)}}associateItem(e,t){let o=this.oElMenu.querySelectorAll("zg-button")[t];o.oCheckbox.checked=!e.bHidden,o.oCheckbox.on("statechanged",(o=>this.updateColumnState(o,e,t))),this.menuItems[e.sColumnId]=o}addItem(e,t,o){const n=this.oElMenu,i=document.createElement("zg-menu-item");i.menu=n,i.menuManager=this.widget.columnMenu,i.setAttribute(r.default.attr.role,"menuitemcheckbox");const s=document.createElement(r.default.zgButton.tagName);s.setAttribute(r.default.attr.action,"checkbox"),s.oCheckbox.checked=!e.bHidden;let l=e.sCellType;e.sMenuText?s.textContent=e.sMenuText:r.default.internalColumnTypes.indexOf(l)>-1?s.textContent=a.default.get("columntypes",this.widget,{element:s.oLabel,elProperty:"innerHTML",langProperty:l})[l]:s.textContent=e.sColumnHeaderText,s.oCheckbox.on("statechanged",(o=>this.updateColumnState(o,e,t))),s.oIcon.setAttribute(r.default.attr.hidden,""),i.appendChild(s),o.appendChild(i),this.menuItems[e.sColumnId]=s}closeMenu(e){e&&n.Z.elContains(this.oElMenu,e)||(this.widget.focusManager.focusGrid(!0),this.oElMenu._hide(),this.oButton&&(this.oButton.removeAttribute(r.default.aria.expanded),this.oButton=null),this.activeMenu=null)}isMenuOpen(){return!!this.activeMenu}openColumnMenu(e){const t=this.widget.webcomponent.querySelectorAll(r.default.zgMenu.tagName),o=this.oElMenu;if(!t)return;[...t].forEach((e=>e.setAttribute(r.default.attr.hidden,""))),o._show();const n=this.widget.webcomponent;o.calculateMenuPosition(e,n),o.querySelector(r.default.zgMenuItem.tagName).focus(),this.activeMenu=o}updateColumnState(e,t,o){if(this.widget.bPreloaded||t.bHidden===e.checked)return;const n=this.widget;t.nPriority&&delete t.nPriority,n.updater.toggleColumn(o,e.checked),n._updateHiddenColumn(!e.checked,t,!0)}}},5815:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>r});var n=o(3605);const r=class{constructor(e){this.widget=e.widget,this.ZG=this.widget.webcomponent}initDialog(e){const t=this.ZG.oDOMDialog;t.setDialog(e);const o=()=>{this.se&&this.se.select(!0)};t.on("dialogConfirm",o,this),t.on("dialogCancel",o,this);const n=t.$bodycontent.querySelector(".zg-dialog-body-details-row");return n.innerHTML="",n}openCellDetails(e){const t=this.widget,o=t.store,r=e._columnConfig;let a,i=null,s={};const l=t.groupbyManager;this.se=t.selectorEngineManager.$cell(e.nStartRowIndex,e.nStartColumnIndex);const d=e.sTargetRecordIndex,c=e.sGroupRecordIndex;if(c)s=l.calculateIndexData(e),a=s;else{a=o.get(d).oRecordRawData,s=e.indexData()}r.oDOMDetailsTemplate&&(i=r.oDOMDetailsTemplate);const h=this.initDialog("record-info");if(i&&(c?l.calculateTemplate(s,a,i,h):o.processTemplate(i,h,e,!0,void 0,s)),e.fnDetailsRenderer&&e.fnDetailsRenderer.method){const t=e.fnDetailsRenderer.method,o=[s,a,h,e],r=e.fnDetailsRenderer.scope;let i=t.apply(r,o);n.Uh(i)&&(h.innerHTML=i)}t.selector.deSelectAll(),this.ZG.oDOMDialog.$confirm.focus()}openDetailsMessage(e,t,o){const n=this.initDialog("details");e?n.innerHTML=e:t&&(n.innerHTML=t.call()),o&&(this.ZG.oDOMDialog.$label.innerHTML=o)}}},2820:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(8419),r=o(6919);class a{constructor(e){this.widget=e.widget,this.ZG=this.widget.webcomponent,this.ZG.dialogArr=[]}initDialogs(){this.buildDialogs();const e=document.createElement(n.default.zgDialog.tagName);e.setAttribute(n.default.zgDialog.internal,""),e.slot=n.default.zg.slot.dialogInternal,this.ZG.oDOMDialog=e,this.ZG.appendChild(e)}refreshDialogs(){this.ZG.dialogArr=[],this.buildDialogs()}buildDialogs(){const e={confirm:{text:r.default.get("dialog.create",this.widget)},label:r.default.get("dialog.recordCreate.label",this.widget),type:"record-create",body:'\n      <div id="inputs" class="zg-dialog-editor-row-inputs">\n      </div>\n      '};this.ZG.dialogArr.push(e);const t={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:r.default.get("dialog.recordInfo.label",this.widget),type:"record-info",body:'<div class="zg-dialog-body-details-row"></div>'};this.ZG.dialogArr.push(t);const o={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:r.default.get("dialog.details.label",this.widget),type:"details",body:'<div class="zg-dialog-body-details-row"></div>'};this.ZG.dialogArr.push(o);const n={confirm:{text:r.default.get("dialog.save",this.widget)},label:r.default.get("dialog.recordUpdate.label",this.widget),type:"record-update",body:'\n        <div id="inputs" class="zg-dialog-editor-row-inputs">\n        </div>\n      '};this.ZG.dialogArr.push(n);const i={confirm:{text:r.default.get("dialog.save",this.widget)},label:r.default.get("dialog.fieldUpdate.label",this.widget),type:"field-update",body:'\n        <div id="inputs" class="zg-dialog-editor-row-inputs">\n        </div>\n      '};this.ZG.dialogArr.push(i);const s={confirm:{text:r.default.get("dialog.delete",this.widget)},label:r.default.get("dialog.recordDelete.label",this.widget),type:"record-delete",body:`\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="removerecord" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <p>${r.default.get("dialog.recordDelete.body",this.widget)}</p>\n        </div>\n      `};this.ZG.dialogArr.push(s);const l={confirm:{text:r.default.get("dialog.ok",this.widget)},label:r.default.get("dialog.batchEdit.cancel.label",this.widget),type:"cancel-batch-edit",body:'<div class="zg-dialog-body-batch-edit"></div>'};this.ZG.dialogArr.push(l);const d={confirm:{text:r.default.get("dialog.save",this.widget)},label:r.default.get("dialog.batchEdit.commit.label",this.widget),type:"commit-batch-edit",body:'<div class="zg-dialog-body-batch-edit"></div>'};this.ZG.dialogArr.push(d);const c={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:"This is an error dialog",type:"view-error",body:'\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="error" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <div class="zg-dialog-body-content">\n            <p>This is an error dialog message.</p>\n          </div>\n        </div>\n      '};this.ZG.dialogArr.push(c);const h={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:"This is an info dialog",type:"view-info",body:'\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="info" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <div class="zg-dialog-body-content">\n            <p>This is an info dialog message.</p>\n          </div>\n        </div>\n      '};this.ZG.dialogArr.push(h);const u={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:"This is a success dialog",type:"view-success",body:'\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="success" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <div class="zg-dialog-body-content">\n            <p>This is a success dialog message.</p>\n          </div>\n        </div>\n      '};this.ZG.dialogArr.push(u);const g={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:"This is a warn dialog",type:"view-warn",body:'\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="warning" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <div class="zg-dialog-body-content">\n            <p>This is a warn dialog message with 2 positioned, slotted icons.</p>\n          </div>\n          <zg-icon name="warning" slot="icon3"></zg-icon>\n          <slot name="icon3"></slot>\n        </div>\n      '};this.ZG.dialogArr.push(g);const p=new Date(ZingGrid.versionDate),m=new Intl.DateTimeFormat(r.default.getLocale(this.widget),{month:"short",year:"numeric",day:"numeric",hour:"numeric",minute:"numeric",weekday:"short",timeZone:"UTC",timeZoneName:"short"}).format(p),f={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget),prevent:!0},label:r.default.get("dialog.version.label",this.widget),type:"zg-version",body:`\n        <div class="zg-dialog-body-icon-row">\n          ZingGrid v${ZingGrid.versionNum} ${r.default.get("dialog.version.body",this.widget)} ${m}\n        </div>\n      `};this.ZG.dialogArr.push(f),a.aCustomizations.forEach((e=>this.customize(e.type,e.options)))}customize(e,t){if(!t)return;if(!e||e===n.default.zgDialog.all)return this.ZG.dialogArr.forEach((e=>this.customize(e.type,t))),void(this.ZG.oDOMDialog&&(t.cancel&&(this.ZG.oDOMDialog.$cancel.innerHTML=t.cancel),t.confirm&&(this.ZG.oDOMDialog.$confirm.innerHTML=t.confirm),t.label&&(this.ZG.oDOMDialog.$label.innerHTML=t.label)));let o=this.ZG.dialogArr.filter((t=>t.type===e))[0];o&&(t.label&&(o.label=t.label),t.cancel&&(o.cancel?o.cancel.text=t.cancel:o.cancel={text:t.cancel}),t.confirm&&(o.confirm?o.confirm.text=t.confirm:o.confirm={text:t.confirm}))}destroy(){this.widget=null,this.ZG.oDOMDialog=null,this.ZG.dialogArr.length=0,this.ZG=null}}a.aCustomizations=[];const i=a},9683:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(8419),r=o(2816),a=o(6919);const i=class{constructor(e){this.widget=e.widget,this.ZG=this.widget.webcomponent,this.dragElSelector="zg-shadow-cell",this.dragRemoveSelector="zg-shadow-remove",this.dragReorderSelector="zg-shadow-reorder"}setColumnDrag(){this.toggleHeadCellAttribute()}toggleHeadCellAttribute(){const e=n.default.drag.columnAttr,t=this.widget.getAllHeadCells(!0),o=this.widget.bColumnDrag;let r;t.forEach((t=>{r=!t.MATCHED_COLUMN||t.MATCHED_COLUMN._oParsedColumnMapping.sDrag,o&&"disabled"!==r&&"false"!==r?t.setAttribute(e,""):t.removeAttribute(e)}))}onStartColumnCommon(e,t){return this.bDragMoved=!1,!!this.widget.bColumnDrag&&(t.oDOMTarget.tagName.toLowerCase()!==n.default.zgColumnResize.tagName&&(this.MATCHED_COLUMN=e.MATCHED_COLUMN,this.nIndex=e.nIndex,"disabled"!==this.MATCHED_COLUMN.getAttribute("drag")&&(this.oGridCoords=this.widget.webcomponent.getBoundingClientRect(),this.xStart=this.oGridCoords.x,this.yStart=this.oGridCoords.y,this.setColumnSwitchValues(),!0)))}onDragMoveColumn(e){e.stopEvent();const t=this.widget,o=this.ZG.querySelector(n.default.zgHeadCell.tagName);let r="";if(this.bDragMoved=!0,!this.oShadow){this.oShadow=document.createElement("div"),this.oShadow.className=this.dragElSelector,t.bDragMove&&this.oShadow.classList.add(this.dragReorderSelector);const e=this.MATCHED_COLUMN._oParsedColumnMapping;let o=e.sColumnHeaderText,i=e.sCellType;!o&&n.default.internalColumnTypes.indexOf(i)>-1&&(o=a.default.get("columntypes",t)[i]),this.oShadow.setAttribute("slot","shadow"),this.oShadow.innerHTML=o,t.bDragHide?this.oShadow.setAttribute("data-content",a.default.get("drag.reorder",t)):this.oShadow.setAttribute("data-content"," "),t.webcomponent.appendChild(this.oShadow),r=this.oShadow.getBoundingClientRect().width,this.oShadow.setAttribute("ready",""),this.MATCHED_COLUMN.classList.add(n.default.zgHeadCell.isReorderingClass);const s=parseInt(this.MATCHED_COLUMN._oParsedColumnMapping.oDOMSortHeader.HEAD_CELL_INDEX,10);t.getHeaderCells(s).forEach((e=>e.classList.add(n.default.zgHeadCell.isReorderingClass)));t.getFooterCells(s).forEach((e=>e.classList.add(n.default.zgHeadCell.isReorderingClass)))}let i=this.bTouch?20:10,s=this.bTouch?e.oBrowserEvent.touches[0].clientX:e.oBrowserEvent.clientX,l=this.bTouch?e.oBrowserEvent.touches[0].clientY:e.oBrowserEvent.clientY;if(this.oShadow.style.height=`${o.getBoundingClientRect().height}px`,this.oShadow.style.width=`${r}px`,this.oShadow.style.left=s-this.xStart-i+"px",this.oShadow.style.top=l-this.yStart-i+"px",t.bDragHide&&(s>this.oGridCoords.x+this.oGridCoords.width||s<this.oGridCoords.x||l>this.oGridCoords.y+this.oGridCoords.height||l<this.oGridCoords.y?(this.oShadow.classList.add(this.dragRemoveSelector),this.bDragHide=!0):(this.oShadow.classList.remove(this.dragRemoveSelector),this.bDragHide=!1),this.bDragHide?this.oShadow.setAttribute("data-content",a.default.get("drag.remove",t)):this.oShadow.setAttribute("data-content",a.default.get("drag.reorder",t))),t.bDragMove&&!this.bDragHide&&!this.bDragMove){let e=!1;this.bDragMove=!0;let o=null;if("right"!==this.area&&this.columnFrameRight&&s>this.columnFrameRight.x?o=this.rightFrame:"left"!==this.area&&this.columnFrameLeft&&s<this.columnFrameLeft.x+this.columnFrameLeft.width/2?o=this.leftFrame:this.columnMoveRight&&s>this.columnMoveRight.x?o=this.rightColumn:this.columnMoveLeft&&s<this.columnMoveLeft.x+this.columnMoveLeft.width/2&&(o=this.leftColumn),o){const r=t.getZGColumnIndex(o._oParsedColumnMapping);this.moveColumn(r);t.getHeaderCells(this.nIndex).forEach((e=>e.classList.add(n.default.zgHeadCell.isReorderingClass)));t.getFooterCells(this.nIndex).forEach((e=>e.classList.add(n.default.zgHeadCell.isReorderingClass))),e=!0}else this.bDragMove=!1;t.bDragHide&&this.oShadow.setAttribute("data-content",a.default.get("drag.reorder",t)),e&&this.bTouch&&this.onDragStopColumn()}}onDragStopColumn(e){if(this.bTouch&&!this.bDragMoved)return;e&&e.stopEvent();const t=r.Z.get(document);if(t.docUn("mousemove",this.onDragMoveColumn,this),t.docUn("mouseup",this.onDragStopColumn,this),t.docUn("touchmove",this.onDragMoveColumn,this),t.docUn("touchend",this.onDragStopColumn,this),t.docUn("touchcancel",this.onDragStopColumn,this),this.oShadow){this.bDragHide&&this.MATCHED_COLUMN.setAttribute("hidden",!0),this.widget.webcomponent.removeChild(this.oShadow),this.MATCHED_COLUMN.classList.remove(n.default.zgHeadCell.isReorderingClass);const e=parseInt(this.MATCHED_COLUMN._oParsedColumnMapping.oDOMSortHeader.HEAD_CELL_INDEX,10);this.widget.getHeaderCells(e).forEach((e=>e.classList.remove(n.default.zgHeadCell.isReorderingClass)));this.widget.getFooterCells(e).forEach((e=>e.classList.remove(n.default.zgHeadCell.isReorderingClass))),this.oShadow=null}this.widget.bIsColumnMoverActive=!1}moveColumn(e){const t=this.widget;let o=this.nIndex;t.savedScrollVal=t.oDOMMainScroll.scrollLeft,this.widget.moveColumn(o,e),this.nIndex=this.MATCHED_COLUMN._oParsedColumnMapping.oDOMSortHeader.nIndex,requestAnimationFrame((()=>this.setColumnSwitchValues()))}setColumnSwitchValues(){const e=this.nIndex,t=this.widget,o=t.getAllColumns(),n=o.length;let r,a;this.leftColumn=null,this.rightColumn=null,this.leftFrame=null,this.rightFrame=null,this.columnFrameRight=null,this.columnFrameLeft=null,this.area=t.getAreaByColumnIndex(e);const i=t.nRightFrozenColumns;if(i){const e=n-i;if(e>=0&&e<n){this.rightFrame=o[e];const t=this.rightFrame._oParsedColumnMapping.oDOMSortHeader;this.columnFrameRight=t.getBoundingClientRect()}}const s=t.nLeftFrozenColumns;if(s){let e=s-1;if(e>=0&&e<n){this.leftFrame=o[e];const t=this.leftFrame._oParsedColumnMapping.oDOMSortHeader;this.columnFrameLeft=t.getBoundingClientRect()}}for(let t=e-1;t>=0;t--)if(!o[t].hidden){this.leftColumn=o[t],r=o[t]._oParsedColumnMapping.oDOMSortHeader;break}for(let t=e+1;t<n;t++)if(!o[t].hidden){this.rightColumn=o[t],a=o[t]._oParsedColumnMapping.oDOMSortHeader;break}this.columnMoveLeft=r?r.getBoundingClientRect():null,this.columnMoveRight=a?a.getBoundingClientRect():null,this.bDragMove=!1}}},6289:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>d});var n=o(2816),r=o(8965),a=o(8419),i=o(3605),s=o(4087);class l extends r.Z{constructor(e){(e=e||{})._defaults={initAfterRender:!0,prefix:"zing-grid-record-editor-",sTargetRecordIndex:null,_nScrollLeft:0,bIsOpen:!1},super(e),this.oActiveEditorField={},this.nTargetRowIndex=null}init(){this.ons(),this.render()}render(){const e=this.oDOMSubmitButton=document.createElement(a.default.zgButton.tagName);e.setAttribute(a.default.attr.action,"submitrecord"),e.setAttribute(a.default.attr.tabindex,0);const t=this.oDOMCancelButton=document.createElement(a.default.zgButton.tagName);t.setAttribute(a.default.attr.action,"cancelrecord"),t.setAttribute(a.default.attr.tabindex,0)}isRecordEditorOpen(){return!!this.bIsOpen}ons(){this.widget.on("pagechange",(e=>this.cancelOpenEdit())),this.widget.on("layoutchange",(e=>this.cancelOpenEdit())),this.widget.on("beforesearch",(e=>this.cancelOpenEdit())),this.widget.store.on("updatecomplete",((e,t)=>this.closeRecordEditor(t)))}onResize(){const e=this.widget,t=e.editorFieldManager,o=e.webcomponent.oDOMEditorRow;if(null===this.nTargetRowIndex&&t.oActiveEditorField)o.positionEditorWithinRow(t.se,t.oActiveEditorField);else if(this.bIsOpen&&null!==this.nTargetRowIndex){let t=this.oActiveEditorField;for(let n=0,r=e.aColumnMapping.length;n<r;n++){const r=e.selectorEngineManager.$cell(this.nTargetRowIndex,n);let a=t[r.sTargetFieldIndex];a&&o.positionEditorWithinRow(r,a)}}}openNewRecordEditorFromCols(){const e=this.widget,t=e.editorFieldManager,o=e.aColumnMapping,n=e.editorManager;this.nTargetRowIndex=!0,this.oActiveEditorField={};for(let e=0,r=o.length;e<r;e++){let r=o[e],a=r.sFieldIndex;if(!a||!r.oEditor||this.oActiveEditorField[a])continue;let i=this.se.column(a);if(this.oActiveEditorField[a]=t.openNewFieldEditor(i),n._isCardEdit(!0))break}}openNewRecordEditor(){const e=this.widget,t=e.editorManager,o=t.getInputContainers()[0];this.bIsOpen&&this.cancelOpenEdit(),e.webcomponent.oDOMCellOverflow.close(),this.sTargetRecordIndex=-1,this.openNewRecordEditorFromCols(),t.focusInput(),this.bIsOpen=!0;const n={dialog:e.webcomponent.oDOMDialog.$dialog,inputContainer:o,editorFields:this.oActiveEditorField};this.widget.fire("openinsert",n)}openRecordEditor(e){const t=this.widget,o=t.editorManager,n=t.editorFieldManager;let r,i,s=o.type;const l=t.aColumnMapping,d=t.selectorEngineManager;t.webcomponent.oDOMCellOverflow.close(),this.bIsOpen&&this.cancelOpenEdit(),this.hookOffClickEvent(),n.oActiveEditorField&&(r=n.se.sTargetFieldIndex,i=n.oActiveEditorField,n.removeFieldEditor(i,null,!1,!0)),this.bCancelButtonRendered=this.bConfirmButtonRendered=!1,this.sTargetRecordIndex=t.getRecordIndexByDataRowContainerIndex(e),this.nTargetRowIndex=e,this.oActiveEditorField={};for(let t=0,c=l.length;t<c;t++){const c=d.$cell(e,t),h=c.dom(),u=l[t];if(h.tagName.toLowerCase()===a.default.zgCard.tagName)continue;if(u.bHidden)continue;let g=c.sTargetFieldIndex;if(s!==a.default.editor.typeModal&&(c.sCellType===a.default.internalColumn.recordeditor&&(this.oDOMEditButton=this.swapControl(h,this.oDOMSubmitButton,"bConfirmButtonRendered")),c.sCellType===a.default.internalColumn.recordremover&&(this.oDOMDeleteButton=this.swapControl(h,this.oDOMCancelButton,"bCancelButtonRendered")),!this.bConfirmButtonRendered&&c.sCellType===a.default.cellTypes.custom)){const e=h.querySelector('zg-button[action="editrecord"]');if(e){this.oDOMEditButton=this.swapControl(h,this.oDOMSubmitButton,"bConfirmButtonRendered",e);const t=h.querySelector('zg-button[action="removerecord"]');t&&(this.oDOMDeleteButton=this.swapControl(h,this.oDOMCancelButton,"bCancelButtonRendered",t))}}if(!(!c.oEditor||g&&this.oActiveEditorField[g])&&(g&&r===g?this.oActiveEditorField[g]=i:g&&(this.oActiveEditorField[g]=n.openFieldEditor(h)),o._isCardEdit()))break}this.bConfirmButtonRendered&&!this.bCancelButtonRendered&&s!==a.default.editor.typeModal&&this.oDOMSubmitButton.parentNode.insertBefore(this.oDOMCancelButton,this.oDOMSubmitButton.nextSibling),this.bIsOpen=!0}swapControl(e,t,o,n){return(n=n||e.querySelector(`div ${a.default.zgButton.tagName}`)).parentNode.insertBefore(t,n),n.setAttribute(a.default.attr.hidden,""),this[o]=!0,n}hookOffClickEvent(){n.Z.get(document).on("click",this.checkOffClick,this)}checkOffClick(e,t){const o=this.widget.editorManager;if("zg-menu-item"!==t.tagName.toLowerCase()&&!this.widget.bIsColumnResizeActive&&this.isRecordEditorOpen()&&o.type===a.default.editor.typeInline&&null!==this.nTargetRowIndex){const e=i.MV(t,a.default.zgRow.tagName);e&&e.rowIndex==this.nTargetRowIndex||this.cancelOpenEdit()}}cancelOpenEdit(e,t,o){let r=this.widget,a=this.oActiveEditorField;if(o&&r.batchEditor.isActive()&&r.batchEditor.bCheckValidate)return!1;return n.Z.get(document).docUn("click",this.checkOffClick,this),null!==this.nTargetRowIndex?Object.keys(a).forEach((e=>{let t=a[e];r.editorFieldManager.closeFieldEditor(!0,null,t,!0),delete a[e]})):r.editorFieldManager.closeFieldEditor(!0),this.nTargetRowIndex=null,this.closeRecordEditor(t),!0}onClickSubmit(e,t){let o=null,r=this.widget,i=r.store,s=this.sTargetRecordIndex;if(r.webcomponent.style.cursor="wait",e&&e.oDOMTarget&&(e.oDOMTarget.querySelector("#inputs").innerHTML=""),o=this.loopEditRecord(!1),o===a.default.validation.fail)return this.widget.webcomponent.style.cursor=null,!1;n.Z.get(document).docUn("click",this.checkOffClick,this);let l=!1;r.savedScrollVal=r.oDOMMainScroll.scrollLeft,o&&(l=i.updateRecord(s,o,void 0,void 0,t)),l||this.closeRecordEditor(t)}loopEditRecord(e){let t=null,o=this.widget;if(this.bIsOpen){if(null===this.nTargetRowIndex||this.widget.editorManager._isCardEdit())if(e)o.editorFieldManager.removeFieldEditor(this.oActiveEditorField),this.oActiveEditorField={},this.nTargetRowIndex=null;else{if(t=this.widget.editorFieldManager.closeFieldEditor(),t===a.default.validation.fail)return t;this.widget.editorManager._isCardEdit()&&"object"==typeof t||(t=null)}else{const n=o.aColumnMapping,r=o.selectorEngineManager;let i=this.oActiveEditorField;t={};for(let s=0,l=n.length;s<l;s++){const n=r.$cell(this.nTargetRowIndex,s);if(!n.oEditor)continue;let l=n.sTargetFieldIndex,d=i[l];if(d)if(e)o.editorFieldManager.removeFieldEditor(d,n,!0),delete i[l];else if(t[l]=o.editorFieldManager.closeFieldEditor(!1,n,d,!0),t[l]===a.default.validation.fail)return a.default.validation.fail}e&&(this.nTargetRowIndex=null)}return t}}onSubmitNewFromCols(){const e=this.widget,t=e.editorFieldManager,o=e.aColumnMapping,n=this.oActiveEditorField,r={},i=e.sNestedDataSeparator;for(let e=0,l=o.length;e<l;e++){let l=o[e].sFieldIndex,d=n[l],c=this.se.column(l);if(d){let e=t.closeFieldEditor(!1,c,d,!0,void 0,!0);if(e===a.default.validation.fail)return e;-1!==l.indexOf(i)?s.P_(r,l,e,i):r[l]=e}}return r}onClickSubmitNew(e,t,o){let n=null,r=this.widget;if(e||t||(e="end"),this.widget.editorManager._isCardEdit(!0))n=this.widget.editorFieldManager.closeCardEditorNew(),this.oActiveEditorField={};else if(null!==this.nTargetRowIndex&&(n=this.onSubmitNewFromCols(),n===a.default.validation.fail))return!1;this.nTargetRowIndex=null;if(this.closeRecordEditor(o)===a.default.validation.fail)return!1;this.oActiveEditorField={},n&&(e=t?r.getRowIndexByDataRowContainerIndex(t.nStartRowIndex)+1:e,r.store.insertRecord(n,e))}closeRecordEditor(e){const t=this.widget.editorManager;let o;o=t.activeRowEdit?t.se:this.widget.editorFieldManager.se;const n=this.loopEditRecord(!0);if(n===a.default.validation.fail)return n;this.oDOMCancelButton&&this.oDOMCancelButton.parentNode&&(this.oDOMCancelButton.parentNode.removeChild(this.oDOMCancelButton),this.oDOMSubmitButton.parentNode.removeChild(this.oDOMSubmitButton)),this._unhookButton(this.oDOMEditButton),this._unhookButton(this.oDOMDeleteButton),this.bIsOpen=!1,t.updateActiveStatus(!1,!1,!1),e&&(!e.tagName&&e.select?e.select(!0):e.focus()),t.oDOMDialog&&(t.oDOMDialog.closeEvent(),t.oDOMDialog=null,o&&o.nStartRowIndex>=0&&o.nStartColumnIndex>=0&&o.select(!0)),this.widget.webcomponent.style.cursor=null}_unhookButton(e){e&&(e.removeAttribute(a.default.attr.hidden),e=null)}destroy(){super.destroy(),this.oDOMSubmitButton=null,this.oDOMCancelButton=null}}const d=l},986:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>d});o(2816);var n=o(8965),r=o(8419),a=o(2260),i=o(3605),s=o(6919);class l extends n.Z{constructor(e){super(e=e||{}),this.widget=e.widget,this.store=this.widget.store,this.se=e.se,this.dirtyManager=this.widget.dirtyManager,this.bConfirm=!1,this.bIsActive=!1,this.reset()}isActive(){return!!this.bIsActive}ons(){this.widget.store.on("updatecomplete",((e,t)=>this.closeBatchEditor(t)))}activate(e){const t=this.widget.webcomponent,o=t.oDOMControlBar;o.oDOMBatchEdit.setAttribute("hidden",""),o.oDOMBatchCancel.removeAttribute("hidden"),o.oDOMUnsavedSpan.removeAttribute("hidden"),t.setAttribute(r.default.attr.batchEditActive,""),o.setAttribute(r.default.attr.batchEditActive,""),this.widget.updateBatchEditStyleAttributes(!0),this.bIsActive=!0,this.bCheckValidate=!1,this._update(),e&&o.oDOMBatchCancel.focus()}deactivate(e){const t=this.widget.webcomponent,o=t.oDOMControlBar;o.removeAttribute(r.default.attr.batchEditLongMessage),o.oDOMBatchEdit.removeAttribute("hidden"),o.oDOMBatchSave.setAttribute("hidden",""),o.oDOMBatchCancel.setAttribute("hidden",""),o.oDOMBatchCancel.removeAttribute("style"),o.oDOMUnsavedSpan.setAttribute("hidden",""),o.oDOMUnsavedSpan.innerHTML="",this.bIsActive=!1,this.bCheckValidate=!1,t.removeAttribute(r.default.attr.batchEditActive),o.removeAttribute(r.default.attr.batchEditActive),o.removeAttribute(r.default.attr.batchEditMessage,""),this.widget.updateBatchEditStyleAttributes(!1),e&&o.oDOMBatchEdit.focus()}updateMessage(){const e=this.store,t=this.widget;let o=i.String.escapeRegExp(e.templateStartDelimiter),n=i.String.escapeRegExp(e.templateEndDelimiter),l=r.default.batchEdit.tokens.messageSuffix;const d=t.webcomponent.batchEditStatus||e.oDataFormat.sBatchEditStatus;let c=e.oDataFormat.fnBatchEditStatus;if(!t||!t.webcomponent)return;const h=t.webcomponent.oDOMControlBar,u=this.widget.webcomponent.oDOMControlBar;u.oDOMBatchSave.removeAttribute("hidden"),u.oDOMBatchCancel.setAttribute("style","--zg-icon-color: red;"),d&&!c&&(c=a.Z.setUserFunction(null,d),c&&(e.oDataFormat.fnBatchEditStatus=c));const g=d||r.default.batchEdit.statusMessage;let p=g;if(-1!==g.indexOf(r.default.tokens.delim)||c){const r=this.aDirty.length,a=this.getChangeCount(this.oDirty.oEdit,!1,!1),d=this.getFieldsChangeCount(),u=this.getChangeCount(this.oDirty.oDelete,!1,!0),g=this.getChangeCount(this.oDirty.oInsert,!0,!1),m={changes:r,modified:this.getRecordChanges(),recordsEdited:a,fieldsEdited:d,deleted:u,inserted:g};let f=new RegExp(o+"(.*?)"+n,"g");p=p.replace(f,((o,n)=>{let r,a="",d=(n=n.trim()).indexOf(l);return-1!==d?(n=n.substring(0,d),r=m[n],a=i.translate({msg:s.default.get(`batchEdit.${n}`,t),plurals:[{value:"s",condition:1!==r},{value:"s",condition:1!==r}]})):r=m[n],a&&(r=`${r} ${a}`),void 0!==r?r:`${e.templateStartDelimiter}${n}${e.templateEndDelimiter}`})),c&&(p=c.method.apply(c.scope,[m,h.oDOMUnsavedSpan]))}!p&&c||(h.setAttribute(r.default.attr.batchEditMessage,""),h.oDOMUnsavedSpan.innerText=`(${p})`,h.checkMessageSize())}saveDeletes(){const e=this.store;for(let t in this.oDirty.oDelete){const o=this.oDirty.oDelete[t],n=e.oLocalModel[t];o.bBatchEdit=!0,o.bBatchCleanup=n.bDirtyInsert,e.fireAfterStoreEvent("afterremoverecord",o)}}saveInserts(){const e=this.store;for(let t in this.oDirty.oInsert){const o=e.oLocalModel[t];if(o.bDirtyDelete)this.bRemovingInsert=!0,o.bBatchCleanup=!0,this.widget.removeRow(t,!0,void 0,!0),this.bRemovingInsert=!1;else{const o=this.oDirty.oInsert[t];o.bBatchEdit=!0,e.fireAfterStoreEvent("afterinsert",o)}}}getChangedFields(e){let t=[];const o=this.oDirty.oEdit[e],n=o.zgOldData;return Object.keys(o).forEach((e=>{if("zgOldData"!==e){const r=o[e];r[r.length-1]!==n[e]&&t.push(e)}})),t}saveEdits(){const e=this.store;for(let t in this.oDirty.oEdit){const o=e.oLocalModel[t],n=this.oDirty.oEdit[t].zgOldData;if(o.bDirtyDelete)continue;let a=o.model,l=this.getChangedFields(t),d=i.c7.copy(e.oDataRequest.updateOptions.row||{});d.sRecordIndex=t,d.oRecordRawData=a.get(),d.oOldData=n,d.aChangedFieldIndex=l,d.fnCustom=e.oDataFormat.fnCustomUpdateRow,d.sEditMode="updaterecord",d.bBatchEdit=!0,d.oStatus={};let c=d.sServerErrorMessage;c||(c=d.sServerErrorPath?r.default.tokens.serverMessage:s.default.get("dialog.recordUpdate.errorMsg",this.widget)),d.oErrorStatus={msg:c},e.fireAfterStoreEvent("afterupdaterecord",d)}}save(e){this.confirm((()=>this.completeSave(e)),"commit",r.default.confirmations.batchEdit)}completeSave(e){const t=this.widget;this.deactivate(e);const o=t.oDOMMainScroll.scrollLeft;this.bSavingBatchEdit=!0,this.nSavedUpdateCount=this.nUpdateCount=this.getRecordChanges(),this.aErrors=[],this.saveEdits(),this.saveDeletes(),this.saveInserts(),o&&(t.savedScrollVal=o),this.nUpdateCount||(this._update(),this.reset())}cancelBatchEdit(e){this.confirm((()=>this.completeCancel(e)),"cancel",r.default.confirmations.batchEditDiscard)}completeCancel(e,t){const o=this.dirtyManager;if(this.deactivate(e),this.widget.recordEditor.cancelOpenEdit(),!t){const e=this.aDirty;for(let t=e.length-1;t>=0;t--){const n=e[t],r=n.sRecordIndex,a=n.sFieldIndex;"updatecell"===n.sEditMode?(this.store._updateCell(r,a,n.oldValue),o.setNoDirty(r,a,!0)):"removerecord"===n.sEditMode?o.setNoDirty(n.sRecordIndex,null,!0):"insertrecord"===n.sEditMode&&this.removeNewRow(r)}}this.reset(),t||this._update()}removeNewRow(e){const t=this.store.oLocalModel[e];this.bRemovingInsert=!0,t.bBatchCleanup=!0,this.widget.removeRow(e,!0,void 0,!0),this.bRemovingInsert=!1}onSuccess(){this.nUpdateCount--,this.checkResponses()}onFailure(e){this.nUpdateCount--,this.aErrors.push(e),this.checkResponses()}checkResponses(){0===this.nUpdateCount&&(this.aErrors.length?(this.completeErrorStatus(),this.rollbackChanges()):this.completeStatus(),this.reset())}completeStatus(){const e=this.widget;this.bSavingBatchEdit=!1;const t={icon:"checkmark",state:"success",msg:s.default.get("dialog.batchEdit.successMsg",e)};e.statusManager&&e.statusManager.setStatus(t),this.nSavedUpdateCount=0,this._update()}completeErrorStatus(){const e=this.widget,t=this.aErrors.length;this.bSavingBatchEdit=!1;const o=this.nSavedUpdateCount-t;let n=s.default.get("dialog.batchEdit.plurals.errorMsg",this.widget)||["s","s"];const r={icon:"error",state:"error",msg:i.translate({msg:s.default.get("dialog.batchEdit.errorMsg",this.widget),vars:[o,t],plurals:[{value:n[0],condition:1!==o},{value:n[1],condition:1!==t}]}),sDetails:s.default.get("dialog.batchEdit.errorMsgMore",this.widget),fnDetails:()=>this.errorDetails(),sLabel:s.default.get("dialog.batchEdit.errorLabel",this.widget)};e.statusManager&&e.statusManager.setStatus(r)}errorDetails(){const e=this.widget,t=this.aErrors,o=this.aErrors.length;let n=s.default.get("dialog.batchEdit.plurals.dialogErrorMsg",this.widget)||["s"],r=i.translate({msg:s.default.get("dialog.batchEdit.dialogErrorMsg",e),vars:[o],plurals:[{value:n[0],condition:1!==o}]});for(let n=0;n<o;n++){const o=t[n];let a;o.oErrorStatus&&(a=o.oErrorStatus.msg);if("insertrecord"===o.sEditMode)r+=`<br>New Record: ${a}`;else{r+=`<br>Record ${e.store.getURLRecordField(o.sUrl,o.sRecordIndex,o.sIdKeyValue)}: ${a}`}}return r}rollbackChanges(){const e=this.aErrors;for(let t=0;t<e.length;t++){const o=e[t].sRecordIndex;this.dirtyManager.revert(o)}this._update()}getRecordChanges(e){const t=this.oDirty,o=this.widget.store,n=[t.oEdit,t.oDelete,t.oInsert],r={};for(let t=0;t<n.length;t++){const a=n[t];for(let t in a){const n=o.oLocalModel[t];!e&&n.bDirtyDelete&&n.bDirtyInsert||(r[t]=!0)}}return Object.keys(r).length}getChangeCount(e,t,o){let n=0;for(let r in e){const e=this.store.oLocalModel[r];!o&&e.bDirtyDelete||(!t&&e.bDirtyInsert||n++)}return n}getFieldsChangeCount(){const e=this.oDirty.oEdit;let t=0;for(let o in e){const e=this.store.oLocalModel[o];e.bDirtyDelete||e.bDirtyInsert||(t+=this.getChangedFields(o).length)}return t}confirm(e,t,o){const n=this.widget,a=this.widget.webcomponent.oDOMDialog;if(this.bConfirm=t,n.editorManager.activeCellEdit){if(n.editorManager.closeEditor()===r.default.validation.fail&&"commit"===t)return}this.bConfirm=!1;0!==this.getRecordChanges()&&n.getConfirmation(o)?(a.setDialog(`${t}-batch-edit`),this.setConfirmationMessage(t),a.on("dialogConfirm",e)):e()}setConfirmationMessage(e){const t=this.widget.webcomponent.oDOMDialog,o=this.getChangeCount(this.oDirty.oEdit,!1,!1),n=this.getChangeCount(this.oDirty.oDelete,!1,!0),r=this.getChangeCount(this.oDirty.oInsert,!0,!1),a=this.getRecordChanges(),l=this.aDirty.length,d=-1!==[o,r,n].indexOf(l)?"":"Plural";let c=i.translate({msg:s.default.get(`dialog.batchEdit.${e}.body${d}`,this.widget),vars:[l,a],plurals:[{value:"s",condition:1!==a}]});const h=[{sLookup:"recordsEdited",nVal:o},{sLookup:"inserted",nVal:r},{sLookup:"deleted",nVal:n}];c+=`<div style="margin-block-start: 1.25rem; color: ${"cancel"===e?"red":"green"};">`;for(let e=0;e<h.length;e++){let t=h[e].nVal,o=h[e].sLookup;t&&(c+=i.translate({msg:s.default.get("dialog.batchEdit.changeBody",this.widget)+s.default.get(`dialog.batchEdit.${o}`,this.widget)+"<br>",vars:[t],plurals:[{value:"s",condition:1!==t}]}))}c+="</div>";t.$bodycontent.querySelector(".zg-dialog-body-batch-edit").innerHTML=c}onKeyDown(e){const t=this.widget,o=e.nCharCode,n=t.editorFieldManager.se,a=e.bIsSHIFT?"left":"right",i=t.getColumnContainerCount(),s=t.getRowContainerCount()+t.nTopFrozenRows,l=t.focusManager;if("cell"!==n.sContextLevel||o!==e.TAB)return;e.stopEvent();let d=this.se=t.selectorEngineManager.$cell(n.nStartRowIndex,n.nStartColumnIndex),c=null;for(;!c;){let o=d.nStartColumnIndex,n=d.nStartRowIndex;if(c=d.traverse(a,1),!c)break;if(o===c.nStartColumnIndex&&n===c.nStartRowIndex)if("right"===a){if(n===s-1)return void l.tabChangeFocus(e,{section:l.GRIDINDEX});c=d=t.selectorEngineManager.$cell(n+1,0)}else{if(0===n)return void l.tabChangeFocus(e,{section:l.GRIDINDEX});c=d=t.selectorEngineManager.$cell(n-1,i-1)}-1===r.default.internalColumnTypes.indexOf(c.sCellType)&&!1!==c.oEditor||(c=null)}c||(c=this.se=t.selectorEngineManager.$cell(n.nStartRowIndex,n.nStartColumnIndex)),t.editorManager.onDoubleClick(c.dom())}_update(e){e=e||{bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},this.widget.update(e)}_unhookButton(e){e&&(e.removeAttribute(r.default.attr.hidden),e=null)}reset(){this.aDirty=[],this.oDirty={oEdit:{},oDelete:{},oInsert:{}},this.dirtyManager.reset()}destroy(){super.destroy(),this.oDOMSubmitButton=null,this.oDOMCancelButton=null,this.aDirty.length=0,this.aDirty=null,this.oDirty.oEdit=null,this.oDirty.oDelete=null,this.oDirty.oInsert=null,this.oDirty=null}}const d=l},9958:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(8965),r=o(8419),a=o(3605);class i extends n.Z{constructor(e){super(e=e||{}),this.widget=e.widget,this.store=this.widget.store,this.se=e.se}setDirty(e,t,o){const n=this.store,i=this.widget.batchEditor;if(!e)return;let s=n.oLocalModel[e];if(t!==r.default.store.keyField){if(!s.bDirtyInsert&&(t&&(s.model.setDirty(t),s.nCellDirty++),s.bDirty=!0,o&&i.isActive())){const n=i.oDirty.oEdit;if(i.aDirty.push(o),!n[e]){let r=s.model;n[e]={zgOldData:a.c7.copy(r.get())},n[e].zgOldData[t]=o.oldValue}n[e][t]||(n[e][t]=[]),n[e][t].push(o.payload)}this.nRecordDirty++,this.bDirty=!0,i.isActive()&&i.updateMessage()}}setDirtyDelete(e,t){const o=this.widget.batchEditor,n=this.store;if(!e||o.bRemovingInsert)return;let r=n.oLocalModel[e];if(r.bDirtyDelete=!0,this.nRecordDirty++,this.bDirty=!0,o.isActive()){const n=o.oDirty.oDelete;o.aDirty.push(t),r.bDirtyInsert||(n[e]=t),o.updateMessage()}}unsetDirtyDelete(e){const t=this.store,o=this.widget.batchEditor;if(!e)return;t.oLocalModel[e].bDirtyDelete=!1;const n=o.oDirty.oDelete[e];n&&(delete o.oDirty.oDelete[e],this.clearDirtyArray(n),this.nRecordDirty--),o.isActive()&&o.updateMessage(),o._update()}setDirtyInsert(e,t){const o=this.store,n=this.widget.batchEditor;if(!e)return;if(o.oLocalModel[e].bDirtyInsert=!0,this.nRecordDirty++,this.bDirty=!0,n.isActive()){const o=n.oDirty.oInsert;n.aDirty.push(t),o[e]=t,n.updateMessage()}}setNoDirty(e,t,o){const n=this.store,i=this.widget.batchEditor;if(!e)return;let s=n.oLocalModel[e];if(a.Uh(t)&&t!==r.default.store.keyField?(s.model.setNoDirty(t),s.nCellDirty--,0==s.nCellDirty&&(s.bDirty=!1,this.nRecordDirty--)):(s.bDirty=!1,s.bDirtyDelete=!1,s.bDirtyInsert=!1,this.nRecordDirty--),!i.isActive()||o)return;let l=null;const d=i.oDirty.oEdit,c=i.oDirty.oDelete,h=i.oDirty.oInsert;d[e]&&(d[e][t]?(l=d[e][t],delete d[e][t]):delete d[e]),l&&this.clearDirtyArray(l),l=c[e],l&&(delete c[e],this.clearDirtyArray(l)),l=h[e],l&&(delete h[e],this.clearDirtyArray(l)),0==this.nRecordDirty&&(this.bDirty=!1)}clearDirtyArray(e){const t=this.widget.batchEditor,o=t.aDirty.indexOf(e);o>=0&&t.aDirty.splice(o,1)}isDirty(e,t){return!1!==this.getDirty(e,t)}getDirty(e,t){const o=this.store;if(null==e&&null==t)return!!this.bDirty;let n=o.oLocalModel[e];return!!n&&(a.Uh(t)?!!n.model.isDirty(t)&&"edit":n.bDirtyDelete?"delete":n.bDirtyInsert?"insert":"edit")}isDirtyDelete(e){return this.store.oLocalModel[e].bDirtyDelete}isDirtyInsert(e){return this.store.oLocalModel[e].bDirtyInsert}getDirtyClass(e){let t=this.store.oLocalModel[e];return t.bDirtyDelete?`${r.default.batchEdit.removedClass}`:t.bDirtyInsert?`${r.default.batchEdit.insertedClass}`:""}revert(e){const t=this.widget,o=t.batchEditor,n=o.oDirty.oEdit,r=o.oDirty.oDelete,a=o.oDirty.oInsert,i=n[e],s=a[e],l=r[e];if(s)o.removeNewRow(e);else if(l&&this.setNoDirty(e,null,!0),i)for(let o in i)if("zgOldData"!==o){let n=i.zgOldData[o];t.store._updateCell(e,o,n),this.setNoDirty(e,o,!0)}}reset(){this.nRecordDirty=0,this.bDirty=!1}}const s=i},3590:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(8419),r=o(2816),a=o(2260),i=o(6919);o(3765);const s=class{constructor(e){this.widget=e.widget,this.se=e.se,this.oRegisteredEditorField={},this.oActiveEditorField=null,this.ZG=this.widget.webcomponent}isEditorOpen(){return!!this.oActiveEditorField}openNewFieldEditor(e){let t=this.widget.editorManager,o=!1,n=e.sTargetFieldIndex;if(!(e.oEditor&&e.oEditor.method))return;let r=t.getInputContainers(e.nStartRowIndex)[0],a=this.oRegisteredEditorField[n];void 0===a&&(t._isCardEdit(!0)?(a=this.initCardEditor(e,!0),o=!0):a=this.initBasicFieldEditor(e,!0),r.appendChild(a)),a=o?r.querySelector("#editorCard"):r.querySelector(`label[data-key="${n}"]`),this.oActiveEditorField=a;let i=a.querySelector("input");return i&&i.focus(),a}openFieldEditor(e,t){const o=this.widget,i=o.editorManager;let s=this.se.cell(e),l=!1,d=s._columnConfig,c=s.sTargetFieldIndex,h=s.oEditor&&s.oEditor.method;if(!h&&d.oDOMZGColumn.editor&&(h=d.oEditor=a.Z.setUserFunction(null,d.oDOMZGColumn.editor)),!h)return;if(i.type===n.default.editor.typeInline&&"cell"===i.se.sContextLevel||o.batchEditor.isActive()){r.Z.get(document).on("click",this.checkOffClick,this)}let u=i.getInputContainerByIndex(s.nStartRowIndex,s.nStartColumnIndex),g=this.oRegisteredEditorField[c];if(void 0===g&&(i._isCardEdit()||"cell"===i.se.sContextLevel&&s._columnConfig.oDOMEditorTemplate?(g=this.initCardEditor(s),l=!0):g=this.initBasicFieldEditor(s),u.appendChild(g)),g=l?u.querySelector("#editorCard"):u.querySelector(`label[data-key="${c}"]`),!i._isModalEdit()&&!t){o.getEditorRowByIndex(s.nStartRowIndex,s.nStartColumnIndex).positionEditorWithinRow(s,g),e.classList.add(n.default.editor.editingClass)}if(this.oActiveEditorField=g,!t&&((i.type===n.default.editor.typeInline&&"cell"===i.se.sContextLevel||o.batchEditor.isActive())&&(this.unsubKey=r.Z.get(g).on("keydown",this.checkOffClick,this,{},!1)),o.fire("cellopenedit",s,g),!o.isStorybook("editor-row"))){let e=g.querySelector("input");e&&e.focus()}return g}initBasicFieldEditor(e,t){const o=this.widget,n=o.webcomponent.oDOMEditorRow,r=o.editorManager;let a=e.sTargetFieldIndex,i=n.getEditorTemplate(),s=r.getEditorLabel(i);r.setLabelKey(i,a);let l=e.oEditor&&e.oEditor.method&&e.oEditor.method.init,d=e.oEditor&&e.oEditor.method&&e.oEditor.method.onOpen,c=e.oEditor&&e.oEditor.scope||e,h=t?"":e.rawData();return r.setLabelTextContent(i,e._columnConfig.sColumnHeaderText||a),l&&l.apply(c,[e,s]),d&&d.apply(c,[e,i,h]),i}initCardEditor(e,t){const o=this.widget;let n=o.editorManager;let r,a,i=o.webcomponent.oDOMEditorRow.getEditorCardTemplate(),s=n.getEditorCard(i),l=e._columnConfig,d=null,c=e.sTargetRecordIndex,h=t?{}:this.widget.store.get(c).oRecordRawData,u=[s],g=e;if(l.oDOMEditorTemplate?d=l.oDOMEditorTemplate:n._isCardEdit(t)&&o.oCardEditTemplate&&(d=o.oCardEditTemplate),o.oCard&&o.oCard.oEditor&&o.oCard.oEditor.method){let t=o.oCard.oEditor.method;r=t.init,a=t.onOpen,g=o.oCard.oEditor.scope||e}else if(l.oDOMEditorTemplate&&l.aUserSet.oEditor){let t=e.oEditor.method;r=t.init,a=t.onOpen,u=[e,s],g=e.oEditor.scope}return r&&r.apply(g,u),d&&(this.widget.store.processTemplate(d,s,e,!0,t),this.processTemplateSelects(s)),u.push(h),a&&a.apply(g,u),i}processTemplateSelects(e){e.querySelectorAll(`select[${n.default.editor.bindingAttr}]`).forEach((e=>{e.value=e.getAttribute("value")}))}closeFieldEditor(e,t,o,r,a,i){let s,l=o||this.oActiveEditorField,d=!1;const c=this.widget;if(t=t||this.se,!l)return;if(void 0!==a&&t.nRowContainerIndex===a)return;if(!e||c.batchEditor.isActive()&&!c.bSizeCheck){if(s=this._saveEditorField(t,o),s===n.default.validation.fail)return s}else this.removeFieldEditor(l,t,r);i||(d=this.widget.fire("cellcloseedit",t,l,s,e)),r||void 0===s||this.widget.editorManager._isCardEdit()||(!1!==d&&t.rawData(s),this.removeFieldEditor(l,t,r));const h=t.dom();return h&&h.classList.remove(n.default.editor.editingClass),s}closeCardEditorNew(){var e={};let t=this.oActiveEditorField.querySelectorAll("["+n.default.editor.bindingAttr+"]");if(t&&t.length)for(let o=0;o<t.length;o++){let r=t[o],a=r.getAttribute(n.default.editor.bindingAttr).replace(/(record.|index.)/g,"");"input"!==r.tagName.toLowerCase()&&"textarea"!==r.tagName.toLowerCase()&&"select"!==r.tagName.toLowerCase()||(e[a]=r.value)}return e}removeFieldEditor(e,t,o,n){this.oActiveEditorField;if(this.oActiveEditorField=null,t=t||this.se,!e||!e.parentNode)return;let a=e.parentNode;if(!o){const e=r.Z.get(document);e.docUn("click",this.checkOffClick,this),r.Z.get(e).docUn("keydown",this.checkOffClick,this),this.unsubKey&&this.unsubKey(),this.unsubKey=null}!n&&a&&a.removeChild(e)}_saveEditorField(e,t){let o=t||this.oActiveEditorField;var r;let a=this.widget,s=o;const l=this.widget.store;let d=e._columnConfig;const c="cell"===this.widget.editorManager.se.sContextLevel;let h=(e=e||this.se).oEditor&&e.oEditor.method.onClose;const u=e.oValidator&&e.oValidator.method.validator,g=e.oValidator&&e.oValidator.method.message,p=d.sValidationErrorMessage,m=d.sRequiredErrorMessage,f=e.oValidator&&e.oValidator.scope||e,b=e.sTargetRecordIndex,v=d.bRequired;let y,z={},w=!0,C=!1,S=s.querySelectorAll("["+n.default.editor.bindingAttr+"]");if(S&&S.length)for(let e=0;e<S.length;e++){let t=S[e],o=t.getAttribute(n.default.editor.bindingAttr).replace(/(record.|index.)/g,"");"input"!==t.tagName.toLowerCase()&&"textarea"!==t.tagName.toLowerCase()&&"select"!==t.tagName.toLowerCase()||(z[o]=t.value)}if(a.oCard&&a.oCard.oEditor&&a.oCard.oEditor.method.onClose){let t=e.sTargetRecordIndex,n=this.widget.store.get(t).oRecordRawData,i=a.oCard.oEditor.scope||e;r=a.oCard.oEditor.method.onClose.apply(i,[o,n,z])}else if(h&&(0===Object.keys(z).length||d.aUserSet.oEditor)){let t=e.oEditor.scope||e;r=h.apply(t,[s,null,z]),v&&(null===r||"string"==typeof r&&""===r.trim())&&(w=!1,C=!0),w&&u&&(w=u.apply(f,[r,e,o]),null===w&&(w=!1),"boolean"!=typeof w&&void 0!==w&&(r=w,w=!0))}else(0===Object.keys(z).length||c)&&(r=a.editorManager.getEditorValue(o));const x=e.fnEditorField&&e.fnEditorField.method;let k;if(k=x?x.apply(oScope,[s]):o.querySelector("input")||o.querySelector("select"),!w){if(C?y=m||a.sValidationRequiredMessage||i.default.get("validation.errorMessage",a):(p?y=p:g&&(y=g.apply(f,[r,d.sColumnHeaderText,o,e])),y=y||a.sValidationErrorMessage||i.default.get("validation.errorMessage",a)),a.editorManager.oDOMDialog)a.editorManager.oDOMDialog.displayError(!0,y);else if(a.statusManager){const e={icon:"error",state:"error",msg:y};a.batchEditor.isActive()&&"cancel"===a.batchEditor.bConfirm||a.statusManager.setStatus(e)}return k&&k.classList.add(n.default.validation.css),n.default.validation.fail}if(k&&k.classList.remove(n.default.validation.css),a.statusManager&&a.statusManager.closeStatus(),Object.keys(z).length>0&&void 0===r)for(var R in z)z.hasOwnProperty(R)&&l.updateCell(b,R,z[R]);return r}checkOffClick(e,t){const o=this.widget.editorManager;let r=this.widget.selector,a=r.bTriggerSelect;if("zg-menu-item"===t.tagName.toLowerCase())return;if(e.nCharCode&&e.nCharCode!==e.TAB&&e.nCharCode!==e.ENTER)return;e.nCharCode&&e.nCharCode===e.ENTER&&e.preventDefault();const i=(new Date).getTime();if(this.nTouchOpen&&i-this.nTouchOpen<n.default.mobile.doubleTapMS)return void o.focusInput();const s=o.closeEditor();if(s===n.default.validation.fail)return s;if(e.nCharCode&&e.nCharCode===e.ENTER&&r&&this.se){let e=a&&!this.widget.bHasSelectorEnabled;this.se.select(e)}}destroy(){this.se=null,this.widget=null,this.oRegisteredEditorField=null,this.oActiveEditorField=null,this.ZG=null}}},9719:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>r});o(2816),o(8965);var n=o(8419);o(3605);const r=class{constructor(e){e=e||{},this.widget=e.widget,this.ZG=this.widget.webcomponent,this.type=null,this.createType=n.default.editor.typeModal,this.recordEditor=this.widget.recordEditor,this.se=this.widget.selectorEngineManager.getSelectorEngine(),this.updateActiveStatus(!1,!1,!1)}connectEditDialog(e,t){let o=this.ZG.oDOMDialog;this.oDOMDialog=o,o.on("dialogCancel",(()=>this.recordEditor.cancelOpenEdit(null,t)),this.recordEditor),o.on("dialogClose",(()=>this.recordEditor.cancelOpenEdit(null,t)),this.recordEditor),o.on("dialogConfirm",(e=>this.recordEditor.onClickSubmit(e,t)),this.recordEditor),"row"===e?o.setDialog("record-update"):o.setDialog("field-update")}connectInsertDialog(e,t,o){let n=this.ZG.oDOMDialog;this.oDOMDialog=n,n.on("dialogConfirm",(()=>this.recordEditor.onClickSubmitNew(e,t,o)),this),n.on("dialogCancel",(()=>this.recordEditor.cancelOpenEdit(null,o)),this.recordEditor),n.on("dialogClose",(()=>this.recordEditor.cancelOpenEdit(null,o)),this.recordEditor),n.setDialog("record-create")}onDoubleClick(e){let t=this.widget,o=t.selector.se;if(!t.batchEditor.isActive()&&(!t.bHasCellEditorEnabled&&t.webcomponent.layout!==n.default.zgLayout.typeCard||!t.bHasEditorEnabled))return;let r=o.cell(e);t.batchEditor.isActive()&&(t.dirtyManager.isDirtyDelete(r.sTargetRecordIndex)||r.sTargetFieldIndex===n.default.internalColumn.recordkey)||(t.bHasCellEditorEnabled||t.batchEditor.isActive()?-1===n.default.internalColumnTypes.indexOf(o.sCellType)&&!1!==r.oEditor&&this.openEditor(r):this.openEditor(r.toRow(),void 0,r))}openInsertEditor(e,t,o){const r=this.widget;if(r.editorFieldManager.closeFieldEditor(!0,null,null,!1,-1),this.recordEditor.bIsOpen&&this.recordEditor.cancelOpenEdit(),this.createType===n.default.editor.typeInline){const e=r.store.on("afterinsertrecord",((t,o)=>{e(),r.lastPage();const n=r.getRowContainerIndexByRowIndex(o.nRowIndex);r.webcomponent.openRowEditor(n+r.nTopFrozenRows)}));this.widget.insertRow()}else this.connectInsertDialog(e,t,o),this.recordEditor.openNewRecordEditor(),this.updateActiveStatus(null,!1,!0)}openEditor(e,t,o){const n=this.widget,r=e.nRowContainerIndex,a=e.sContextLevel;this.se=e;const i=this._isModalEdit();if(this.widget.webcomponent.oDOMCellOverflow.close(),"cell"===a){if(!this.recordEditor.cancelOpenEdit(void 0,void 0,!0))return}if(t||(i?this.connectEditDialog(a,o):this.positionSelfWithinGrid(r)),"row"===a&&(n.editorFieldManager.closeFieldEditor(!0,null,null,!1,r),this.recordEditor.openRecordEditor(r),this.updateActiveStatus(null,!1,!0),i||(this.updateActiveStatus(!0,null,null),n.isStorybook("editor-row")||this.focusInput(r))),"cell"===a){const o=n.editorFieldManager.openFieldEditor(e.dom(),t);if(this.updateActiveStatus(null,!0,!1),o&&(i?this.recordEditor.bIsOpen=!0:this.updateActiveStatus(!0,null,null),!t)){let e=o.querySelector("input, select");e&&e.focus()}}}closeEditor(e){const t=this.widget;if(t.editorFieldManager.closeFieldEditor()===n.default.validation.fail)return t.batchEditor.isActive()&&(t.batchEditor.bCheckValidate=!0),n.default.validation.fail;t.batchEditor.bCheckValidate=!1,this.updateActiveStatus(!1,!1,!1),this.widget.selector.bTriggerSelect=!1,this.oDOMDialog&&(this.oDOMDialog.closeEvent(),this.oDOMDialog=null)}getEditorRowsByRowIndex(e){const t=this.widget.webcomponent,o=[t.oDOMLeftHeadEditorRow,t.oDOMHeadEditorRow,t.oDOMRightHeadEditorRow],n=[t.oDOMLeftEditorRow,t.oDOMEditorRow,t.oDOMRightEditorRow],r=[t.oDOMLeftFootEditorRow,t.oDOMFootEditorRow,t.oDOMRightFootEditorRow];if(void 0!==e){const t=this.widget.getFrozenRowState(e);return"top"===t?o:"bottom"===t?r:n}return[...o,...n,...r]}updateActiveStatus(e,t,o){[...this.getEditorRowsByRowIndex(),this].forEach((n=>{null!==t&&(n.activeCellEdit=t),null!==o&&(n.activeRowEdit=o),null!==e&&(n.active=e)}))}positionSelfWithinGrid(e){this.getEditorRowsByRowIndex(e).forEach((e=>e.positionSelfWithinGrid()))}setEditorType(e){e&&this.ZG.hasAttribute(n.default.editor.attr)&&this.ZG.setAttribute(n.default.editor.attr,e)}setInitialEditorType(){const e=this.ZG.hasAttribute(n.default.editor.attr);this.ZG.initialEditorType=e?this.ZG.getAttribute(n.default.editor.attr):n.default.editor.typeInline}focusInput(e){const t=this.getInputContainers(e);for(let e=0;e<t.length;e++){let o=t[e].querySelector("input, select");if(o){o.focus();break}}}focusNextInput(e,t){const o=this.getInputContainers(t);let n=!1;for(let t=0;t<o.length;t++){if(!n){n=o[t]===e;continue}let r=o[t].querySelector("input, select");if(r)return r.focus(),!0}return!1}getInputContainers(e){if(this.oDOMDialog)return[this.oDOMDialog.getInputContainer()];{const t=[];return this.getEditorRowsByRowIndex(e).forEach((e=>t.push(e.oDOMInputContainer))),t}}getInputContainerByIndex(e,t){if(this.oDOMDialog)return this.oDOMDialog.getInputContainer();return this.widget.getEditorRowByIndex(e,t).oDOMInputContainer}getEditorLabel(e){return e.querySelector(`#${n.default.zgEditorRow.fieldLabelId}`)}getEditorCard(e){return e.querySelector("#editorCard")}getEditorValue(e){return e.querySelector("input").value}setLabelTextContent(e,t){e.querySelector(".editorRowFieldLabelContent").textContent=t.replace("."," - ")}setLabelKey(e,t){this.getEditorLabel(e).setAttribute("data-key",t)}_isCardEdit(e){return(this.widget.oCardEditTemplate||this.widget.oCard&&this.widget.oCard.oEditor)&&(this.type===n.default.editor.typeModal||e)&&("row"===this.se.sContextLevel||e)}_isModalEdit(){return this.type===n.default.editor.typeModal||void 0===this.type&&!this.ZG.userEditorValue&&this.widget.layoutManager.getLayoutType()===n.default.zgLayout.typeCard||"cell"===this.se.sContextLevel&&this.se._columnConfig.oDOMEditorTemplate}destroy(){this.recordEditor=null,this.se=null,this.oDOMDialog=null}}},9553:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(8965),r=o(8419),a=o(3605);class i extends n.Z{constructor(e){(e=e||{})._defaults={initAfterRender:!0},super(e)}setFilter(e,t){if(e&&e.oFilter){let o=e.oFilter.method.setValue;if(o){let n=e.oFilter.scope||e.oDOMFilter;o.apply(n,[t,e.oDOMFilter]),e.oDOMFilter.fireFilterEvent(),this.widget.bodyUpdate(!0)}}}buildFilterURL(){const e=this.widget,t={};for(let o=0,n=e.aFilters.length;o<n;o++){let n=e.aFilters[o],r=n.getValue();if(""!==r){t[n.sFilterKey]=r}}return t}filter(){const e=this.widget;e.aRowMapping.length=0,this.aFiltered=e.store.aOrderedData.filter((t=>{const o=t.sRecordIndex;return!e.aTopRowMapping.some((e=>e.sRecordIndex===o))&&!e.aBottomRowMapping.some((e=>e.sRecordIndex===o))}));const t=this.aFiltered.length;if(e.bHasSearchEnabled&&(this.aFiltered=this.allFilter(this.aFiltered)),e.bHasFilterEnabled)for(let t=0,o=e.aFilters.length;t<o;t++)this.aFiltered=this.columnFilter(this.aFiltered,e.aFilters[t]);e.fire("roworderchange"),e.bGroupBy?e.groupbyManager.groupBy(e.aGroupBy,this.aFiltered,t!==this.aFiltered.length):this.aFiltered.forEach(((e,t)=>{this.widget.updateRowMapping(this.widget.aRowMapping,t,{sRecordIndex:e.sRecordIndex})})),this.bUseFilter=this.aFiltered.length!==e.store.aOrderedData.length-e.getFrozenRowCount(),this.bUseFilter&&e.setCurrPageIdx(0),0===this.aFiltered.length&&(0===e.oDOMMainScroll.scrollLeft&&e.savedScrollValFilter?e.savedScrollVal=e.savedScrollValFilter:e.savedScrollVal=e.oDOMMainScroll.scrollLeft)}allFilter(e){let t=e,o=this.widget,n=o.search.oDOMInput.value,i=o.aColumnMapping;return""===n||o.search.hasAttribute(r.default.attr.hidden)||(t=t.filter((e=>{let t=e.sRecordIndex;for(let e=0,r=i.length;e<r;e++){if("disabled"===i[e].oDOMZGColumn.search||!1===i[e].oDOMZGColumn.search)continue;if((i[e].sFieldIndex||i[e].sFilterIndex||"").split(",").map((e=>o.store.get(t,a.String.trimWhiteSpace(e)))).some((e=>e&&-1!==e.toString().toLowerCase().indexOf(n.toLowerCase()))))return!0}return!1}))),t}columnFilter(e,t){let o=e;if(!t.oColumnMapping||!t.oColumnMapping.oFilter)return o;let n=t.oColumnMapping.oFilter.method.operationType||r.default.filter.defaultOperation,a=t.sFilterIndex,i=t.getValue();return""!==i&&(o=this.compare(o,a,i,n)),o}compare(e,t,o,n){return e=e.filter((e=>{let i=!1;return t.split(",").forEach((t=>{let s=this.widget.store.get(e.sRecordIndex,t);if(a.Uh(s))if(n===r.default.filter.match)s=""+s,i=i||s.toLowerCase()===o.toLowerCase();else if(n===r.default.filter.boolMatch)o="true"===o||!0===o,i=i||s==o;else if(n===r.default.filter.matchList)if(s=""+s,o.toLowerCase()===s.toLowerCase())i=!0;else{const e=s.split(",");i=i||e.some((e=>e.trim().toLowerCase()===o.toLowerCase()))}else s=""+s,i=i||-1!==s.toLowerCase().indexOf(o.toLowerCase())})),i}))}}const s=i},5286:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(8419),r=o(2816);const a=class{constructor(e){this.widget=e.widget,this.activeFocus=null,this.currentFocus=null}onKeyDownDocument(e){let t=e.nCharCode,o=this.currentFocus,n=!1;switch(t){case e.UP:case e.DOWN:case e.RIGHT:case e.LEFT:this.changeFocus(o,t);break;case e.ENTER:case e.SPACE:this.triggerCell();break;case e.ESC:this.deSelect();break;default:n=!0}n||e.preventDefault()}changeFocus(e,t,o){let r,a=1,i=e.nRow,s=e.nColumn,l=i,d=-1===i;const c=this.widget,h=this.currentFocus&&this.currentFocus.oElement;h&&h.hasAttribute(n.default.zgTooltip.typeAttr)&&c.tooltipManager._hideTarget(null,h,!0);let u=n.default.keys.RIGHT,g=n.default.keys.LEFT;for("rtl"===c.sComputedDir&&(u=n.default.keys.LEFT,g=n.default.keys.RIGHT);a++&&(t===n.default.keys.DOWN?i++:t===n.default.keys.UP?i--:t===u?s++:t===g&&s--,r=this.checkItemFocus(i,s),!(a>100));){if(5===r)r=2;else{if(2===r&&d){i=-1,s++;continue}if(3===r&&d)s=0;else if(2===r&&o){i=l,s--;continue}}if(r>0)break;-1!==r||t!==n.default.keys.DOWN&&t!==n.default.keys.up||(t=n.default.keys.RIGHT)}return{nCheck:r,nRowIndex:i,nColIndex:s}}setCurrentFocus(e,t){let o=this.widget[`getDOM${this.sArea}ByIndex`](e,t);return this.currentFocus={oElement:o,nRow:e,nColumn:t},o}select(e,t,o){if(!this.widget.bHasSelectorEnabled&&!o)return;e=e||0,t=t||0;const r=this.widget,a=r.webcomponent,i=r[`get${this.sArea}erByColumnIndex`](t,!0),s=i[`o${this.sArea}`];this.oElFocusCellMaskBorder!==i.oElFocusCellMaskBorder&&this.deSelect();let l=this.oElFocusCellMaskBorder=i.oElFocusCellMaskBorder;const d=this.setCurrentFocus(e,t);d.hasAttribute(n.default.zgTooltip.typeAttr)&&!d.bIsInfoTooltip&&r.tooltipManager._delayTarget(null,d,500),d.classList.add("zg-focus-cell"),r.selector.fire(n.default.event.selectedFrozenCells,{rowIndex:e,colIndex:t,sArea:this.sArea}),r.focusManager.focusGrid(),s===a[`oDOM${this.sArea}`]&&this.scrollArea(),l[`draw${this.sArea}er`](d,[`oDOMColumn${this.sArea}er`])}deSelect(){const e=this.currentFocus&&this.currentFocus.oElement;e&&e.hasAttribute(n.default.zgTooltip.typeAttr)&&this.widget.tooltipManager._hideTarget(null,e,!0),e&&e.classList.remove("zg-focus-cell"),this.oElFocusCellMaskBorder&&(this.oElFocusCellMaskBorder._hide(),this.currentFocus=null)}focusTarget(e){const t=this.widget,o=t.getContainerRowIndexByDataRowIndex(e.parentNode.dataRowIndex);t.selector.deSelectAll(),this.select(o,e.cellIndex)}scrollArea(){const e=this.widget;let t=this.currentFocus.oElement.getBoundingClientRect().x;const o=e.mainGridHScroll.dom;let n=t-r.Z.get(e.webcomponent.oDOMMain).getXY()[0];o.scrollLeft+=n}}},2005:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(8419),r=o(2816);o(3605);const a=class{constructor(e){this.widget=e.widget,this.clearContainers(),this.activeFocus=null}init(){let e=this.widget;this.GRIDINDEX=3,this.setSections(),e.on("layoutchange",(e=>{setTimeout((()=>this.resetSections()),500)}),this),this.bInitialLoaded=!0}clearContainers(){this.aFocusableElements=[],this.aCaption=[],this.aControlBar=[],this.aHeadCells=[],this.aTopPager=[],this.aBottomPager=[],this.aFooter=[],this.aWatermark=[],this.aStatus=[],this.aGrid=[]}setSections(){const e=this.widget.webcomponent;this.addSection(e.oDOMCaption,this.aCaption),this.addSection(e.oDOMControlBar,this.aControlBar),this.addSection(e.oTopPager,this.aTopPager),this.addSection(null,"header"),this.addSection(null,"selector"),this.addSection(e.oBottomPager,this.aBottomPager),this.addSection(e.oDOMFooter,this.aFooter),this.addSection(e.oDOMWaterMark,this.aWatermark),this.addSection(e.oDOMStatus,this.aStatus)}resetSections(){this.widget&&!this.widget.bDisconnect&&(this.removeEvents(["aCaption","aControlBar","aTopPager","aBottomPager","aFooter","aWatermark","aStatus"]),this.clearContainers(),this.setSections())}addSection(e,t){this.querySection(e,t),this.aFocusableElements.push(t)}updateSection(e,t,o){o&&this.removeEvents([`a${o}`]),t.length=0,this.querySection(e,t)}querySection(e,t){const o=`[${n.default.attr.datafocus}], a, input:not(.zg-input-input), button, select, zg-button, zg-input`;if(e){let n=e.querySelectorAll(o);0===n.length&&e.shadowRoot&&(n=e.shadowRoot.querySelectorAll(o)),n.forEach((e=>this.addElement(e,t)))}}addElement(e,t,o){if(!e)return;let n={oElement:e};e.setAttribute("tabindex",-1),e.on||(e=r.Z.get(e)),n.oDOM=e,e.on("focus",this.onElementFocus,this),e.on("keydown",this.onElementKeyDown,this,{},!1),t.push(n)}tabChangeFocus(e,t){const o=this.widget,r=o.headerFocusManager;let a=e.bIsSHIFT,i=this.GRIDINDEX+1,s=t.section;if(s<this.GRIDINDEX){if(a)return!1;if(!o.bCellFocus)return this.changeFocus(i,0,"down");if(o.isComputedCard())o.webcomponent.select(0,0);else{let e={nRow:-1,nColumn:0};r.changeFocus(e,n.default.keys.DOWN)}}else if(s>i){if(!a)return!1;if(!o.bCellFocus)return this.changeFocus(this.GRIDINDEX,0,"up");if(!this.selectGridCell())return this.changeFocus(this.GRIDINDEX,0,"up")}else if(s>=this.GRIDINDEX&&s<=i){let e;return e=a?this.changeFocus(this.GRIDINDEX,0,"up"):this.changeFocus(i,0,"down"),e}return!0}changeFocus(e,t,o,r){let a,i=t,s=e;const l=this.widget,d=l.webcomponent,c=l.headerFocusManager;let h;h="nochange"===(o=o||"right")?r||"right":o,"right"===o?i++:"left"===o?i--:"down"===o?(i=0,s++,h="right"):"up"===o&&(i=0,s--,h="right");let u=this.aFocusableElements[s];if(!u)return!1;if("selector"===u||"header"===u){if(!l.bCellFocus)return"up"===o?this.changeFocus(this.GRIDINDEX,0,"up"):this.changeFocus(this.GRIDINDEX+1,0,"down");let e=this.activeFocus;if(this.activeFocus=null,e&&e.blur(),"selector"===u)this.selectGridCell()||(u=[]);else if(l.isComputedCard())l.webcomponent.select(0,0);else{let e={nRow:-1,nColumn:0};const t="up"===o?n.default.keys.UP:n.default.keys.DOWN;c.changeFocus(e,n.default.keys.DOWN,t)}if(0!==u.length)return!0}if(0===u.length&&("up"===o||"down"===o))return this.changeFocus(s,i,o);if(i>=u.length)return"up"===this.sOverallDirection?this.changeFocus(s,0,"up"):this.changeFocus(++s,0,"nochange");if(i<0)return s--,s>=0&&(u=this.aFocusableElements[s],i=u.length-1,this.changeFocus(s,i,"nochange","left"));if(!u)return!1;if(a=u[i].oElement,!a)return!1;if(a.dom&&(a=a.dom),a.hidden||a.disabled||a===d.oDOMStatus.oDOMDismiss.dom&&!d.oDOMStatus.hasAttribute(n.default.attr.active))return u.length!==i+1||"up"!==o&&"down"!==o?this.changeFocus(s,i,h):this.changeFocus(s,i,o);let g=document.activeElement;return a.focus(),g!==document.activeElement||this.changeFocus(s,i,h)}initChangeFocus(e,t){const o=this.findCurrentFocus();t&&(this.origDirection=e),this.sOverallDirection=e,this.changeFocus(o.section,o.index,e),this.sOverallDirection=null}findCurrentFocus(){let e=0,t=-1,o=!1;if(this.activeFocus){let n,r;for(n=0;n<this.aFocusableElements.length;n++){let a=this.aFocusableElements[n];for(r=0;r<a.length;r++){if(a[r].oElement===this.activeFocus){e=n,t=r,o=!0;break}}if(o)break}}return{section:e,index:t}}onFocus(e){const t=this.widget;if(this.bForceFocus)return;const o=t.selector,n=t.editorFieldManager;o&&(o.bHasSelection||o.bSelecting)||t.headerFocusManager.currentFocus||t.footerFocusManager.currentFocus||n&&n.isEditorOpen()||this.bForceFocus||(this.activeFocus=t.webcomponent,this.changeFocus(0,-1))}focusGrid(e){if(e&&this.activeFocus&&"zg-button"===this.activeFocus.tagName.toLowerCase())return void this.activeFocus.focus();const t=this.widget,o=window.scrollX,n=window.scrollY;t.el.dom.focus(),window.scrollTo(o,n)}clickFocus(e){const t=e.oDOMTarget,o=this.widget.webcomponent;this.widget.search&&t===this.widget.search.oDOMInput||(this.unfocusCells(),this.bForceFocus=!0,this.focusGrid(),this.activeFocus=o,this.bForceFocus=!1)}unfocusCells(){const e=this.widget,t=e.selector,o=e.headerFocusManager,n=e.footerFocusManager;o.currentFocus?o.deSelect():n.currentFocus?n.deSelect():t&&t.bHasSelection&&!e.menuManager.activeMenu&&t.deSelectAll(void 0,!0)}onElementFocus(e,t){this.activeFocus=t}onElementKeyDown(e,t){let o,n=e.nCharCode,r=!1;const a=this.widget;let i=a.selector;if(i&&i.bHasSelection||a.headerFocusManager.currentFocus)return;let s=e.RIGHT,l=e.LEFT;switch("rtl"===a.sComputedDir&&(s=e.LEFT,l=e.RIGHT),n){case e.UP:this.initChangeFocus("up",!0);break;case e.DOWN:this.initChangeFocus("down");break;case s:this.activeFocus&&"input"===this.activeFocus.tagName.toLowerCase()&&"button"!==this.activeFocus.type.toLowerCase()?r=!0:this.initChangeFocus("right");break;case l:this.activeFocus&&"input"===this.activeFocus.tagName.toLowerCase()&&"button"!==this.activeFocus.type.toLowerCase()?r=!0:this.initChangeFocus("left");break;case e.TAB:o=this.findCurrentFocus();const t=this.activeFocus;if(t&&"input"===t.tagName.toLowerCase()&&"button"!==t.type.toLowerCase()){let t="right";e.bIsSHIFT&&(t="left"),this.changeFocus(o.section,o.index,t)}else this.tabChangeFocus(e,o)||(r=!0);break;default:r=!0}this.origDirection=null,r||e.stopEvent()}onGridKeyDown(e,t){const o=this.widget,n=o.editorFieldManager,r=o.selector,a=o.headerFocusManager,i=o.footerFocusManager;let s=e.nCharCode;if(!n.isEditorOpen()&&"zg-editor-row"!==t.tagName.toLowerCase()&&"zg-button"!==t.tagName.toLowerCase()){if((r&&r.bHasSelection||a.currentFocus)&&s===e.TAB){return this.tabChangeFocus(e,{section:this.GRIDINDEX})&&e.stopEvent(),void(a.currentFocus?a.deSelect():i.currentFocus?i.deSelect():r.deSelectAll(void 0,!0))}r&&r.bHasSelection?r.onKeyDownDocument(e,t):a.currentFocus?a.onKeyDownDocument(e,t):i.currentFocus?i.onKeyDownDocument(e,t):this.activeFocus===o.webcomponent&&(s!==e.RIGHT&&s!==e.DOWN&&s!==e.UP&&s!==e.LEFT&&s!==e.TAB||(e.stopEvent(),this.changeFocus(0,-1)))}}selectGridCell(e=0){const t=this.widget;if(!t.getRowContainerCount())return!1;const o=t.nTopFrozenRows;let n=t.aColumnMapping.slice(e).findIndex((e=>!e.bHidden));return n>=0&&t.webcomponent.select(o,n+e),-1!==n}selectBottomGridCell(e=0){const t=this.widget;if(!t.getRowContainerCount())return!1;const o=t.nTopFrozenRows+t.getRowContainerCount()-1;let n=t.aColumnMapping.slice(e).findIndex((e=>!e.bHidden));return n>=0&&t.webcomponent.select(o,n+e),-1!==n}removeEvents(e){for(let t=0;t<e.length;t++){const o=this[e[t]];for(let e=0;e<o.length;e++){const t=o[e];if(t.oElement){let e=t.oDOM;e.un("focus",this.onElementFocus),e.un("keydown",this.onElementKeyDown)}}}}destroy(){const e=["aCaption","aControlBar","aTopPager","aBottomPager","aFooter","aWatermark","aStatus"];for(let t=0;t<e.length;t++){const o=this[e[t]];for(let e=0;e<o.length;e++){const t=o[e];if(t.oElement){t.oDOM.unAll(),t.oElement=null,t.oDOM=null}}this[e[t]].length=0}this.aFocusableElements.length=0,this.aHeadCells.length=0,this.aGrid.length=0,this.activeFocus=null}}},2843:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(8419),r=o(5286);class a extends r.default{constructor(e){super(e),this.sArea="Foot"}changeFocus(e,t,o,r){const a=this.widget;let i=!0;o=o||t;let{nCheck:s,nRowIndex:l,nColIndex:d}=super.changeFocus(e,t,r);if(1===s)this.select(l,d,!0);else if(2===s||3===s){if(o===n.default.keys.DOWN)a.focusManager.sOverallDirection="down",i=a.focusManager.changeFocus(a.focusManager.GRIDINDEX+1,0,"down"),i&&this.deSelect();else if(o===n.default.keys.UP){let e=!1;this.deSelect(),a.bCellFocus&&(e=a.focusManager.selectBottomGridCell(d)),e||(a.focusManager.sOverallDirection="up",i=a.focusManager.changeFocus(a.focusManager.GRIDINDEX-1,0,"up"))}a.focusManager.sOverallDirection=null}return i}checkItemFocus(e,t){const o=this.widget,r=o.getFooterByColumnIndex(t),a=o.getAdjustedColumnIndex(t);let i=r.getElementsByTagName("zg-row");if(e>=i.length||e<0)return 2;let s=i[e].querySelectorAll(`${n.default.zgHeadCell.tagName}, ${n.default.zgCell.tagName}`);if(a>=s.length||a<0)return 3;let l=s[a];return l.hidden?-1:(this.currentCellFocus=l,1)}focusFromBody(e,t){const o=this.widget,n=o.focusManager;if(o.isComputedCard())return n.changeFocus(n.GRIDINDEX,0,"down");let r={nRow:-1,nColumn:t};return this.changeFocus(r,e.DOWN,void 0,!0)}triggerCell(){const e=this.currentDOMTrigger;if(!e)return;e.tagName.toLowerCase()}}const i=a},8427:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(8419),r=(o(2816),o(5286));class a extends r.default{constructor(e){super(e),this.sArea="Head"}changeFocus(e,t,o,r){const a=this.widget;let i=!0;o=o||t;let{nCheck:s,nRowIndex:l,nColIndex:d}=super.changeFocus(e,t,r);if(1===s)this.select(l,d,!0);else if(2===s||3===s){if(o===n.default.keys.UP)a.focusManager.sOverallDirection="up",i=a.focusManager.changeFocus(a.focusManager.GRIDINDEX,0,"up"),i&&this.deSelect();else if(o===n.default.keys.DOWN){let e=!1;this.deSelect(),a.bCellFocus&&(e=a.focusManager.selectGridCell(d)),e||(a.focusManager.sOverallDirection="down",i=a.focusManager.changeFocus(a.focusManager.GRIDINDEX,0,"down"))}a.focusManager.sOverallDirection=null}return i}checkItemFocus(e,t){const o=this.widget,r=o.getHeaderByColumnIndex(t),a=o.getAdjustedColumnIndex(t);let i=r.getElementsByTagName("zg-row");if(0===i.length)return 5;if(e>=i.length||e<0)return 2;let s=i[e],l=s.querySelectorAll(`${n.default.zgHeadCell.tagName}, ${n.default.zgFilter.tagName}, ${n.default.zgCell.tagName}`);if(a>=l.length||a<0)return 3;let d=l[a];if(d.hidden)return-1;this.currentDOMTrigger=d.querySelector("zg-checkbox")||d.querySelector("zg-icon[name]")||d.querySelector("input")||d.querySelector("select");const c=d.hasAttribute(n.default.zgTooltip.typeAttr);if(!("frozen"===s.getAttribute(n.default.attr.type))&&!c&&!this.currentDOMTrigger||d.tagName.toLowerCase()===n.default.zgHeadCell.tagName&&d.hasAttribute("not-parent")){if(d.tagName.toLowerCase()===n.default.zgHeadCell.tagName&&d.hasAttribute("depth")){let e=d.MATCHED_COLUMN._oParsedColumnMapping.oDOMSortHeader;if(this.currentDOMTrigger=e.querySelector("zg-icon[name]")||e.querySelector("zg-checkbox"),e&&this.currentCellFocus!==e&&this.currentDOMTrigger)return this.select(e.parentNode.rowIndex,parseInt(e.HEAD_CELL_INDEX,10),!0),this.currentCellFocus=e,4}return 0}return this.currentCellFocus===d?0:(this.currentCellFocus=d,1)}focusFromBody(e,t){const o=this.widget,n=o.focusManager;if(o.isComputedCard())return n.changeFocus(n.GRIDINDEX,0,"up");let r={nRow:o.getHeaderByColumnIndex(t).getElementsByTagName("zg-row").length,nColumn:t};return this.changeFocus(r,e.UP,void 0,!0)}triggerCell(){const e=this.currentDOMTrigger;if(!e)return;const t=e.tagName.toLowerCase();"input"===t||"select"===t?e.focus():"zg-icon"===t?"zg-head-details-icon"===e.className?this.widget.tooltipManager._delayTarget(null,this.currentCellFocus):this.currentCellFocus.onSort():"zg-checkbox"===t&&e.click()}}const i=a},5151:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>r});var n=o(8419);const r=class{constructor(e){this.widget=e.widget,this.se=e.se,this.ZG=this.widget.webcomponent}setFullscreen(e){const t=this.widget,o=this.ZG;setTimeout((()=>{if(t.bDisconnect||!t.webcomponent.hasAttribute(n.default.fullscreen.attr))return;const r=o.shadowRoot.querySelector(n.default.zg.shadow.frameBodyWrapper),a=window.innerHeight,i=o.getBoundingClientRect().height,s=`${r.scrollHeight+(a-i)}px`;r.style.minHeight=s,r.style.maxHeight=s,e&&t.updater.updateResizeWindow(!0)}),0)}unsetFullscreen(){this.ZG.oDOMBodyFrame.removeAttribute(n.default.attr.style)}}},3676:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(3605),r=o(8419),a=o(4087);const i=class{constructor(e){this.widget=e.widget,this.aGroupData={},this.groupedVisible=null,this.aAddedGroupRecords=[],this.aOpenGroups=[],this.oCard={}}toggleGroup(e,t,o){const n=this.widget;o=o||e.sGroupRecordIndex;const r=this.getRecord(o);t?this.aOpenGroups.push(o):this.aOpenGroups=this.aOpenGroups.filter((e=>e!==o)),r.open=t,this.reloadGroups(o,t),n.fire("togglerowgroup",o,t)}reloadGroups(e,t){const o=this.widget;o.aRowMapping.length=0,this.groupRows(),e&&this.pageCloseGroup(e,t),this.updatePagerGroupByMapping(void 0),o.bodyUpdate()}getRecord(e){const t=this.getGroupParent(e),o=e.split(this.widget.sNestedGroupDataSeparator);return t[o[o.length-1]]}getGroupParent(e){const t=e.split(this.widget.sNestedGroupDataSeparator);let o=this.aGroupData;for(let e=1;e<t.length;e++)o=o[t[e-1]].data;return o}getGroupName(e){const t=e.split(this.widget.sNestedGroupDataSeparator);let o=t[t.length-1];return o=o.replaceAll(r.default.global.replaceToken,this.widget.sNestedGroupDataSeparator),o}getGroupCount(e,t){let o=(t=t||this.aGroupData)[e].data,r=0;if(n.kJ(o))r=o.length;else if(n.Kn(o))for(let e in o)r+=this.getGroupCount(e,o);return r}getGroupChildren(e,t){let o=[],r=(t=t||this.aGroupData)[e].data;if(n.kJ(r))o.push(...r);else if(n.Kn(r))for(let e in r)o.push(...this.getGroupChildren(e,r));return o}groupBy(e,t,o,n,i){const s=this.widget,l=s.store,d=s.sorter&&s.sorter.bSortGroupColumn;let c;o&&(this.aAddedGroupRecords.length=0),this.aGroupData&&Object.keys(this.aGroupData).length&&!i?this.cleanGroupData(null,d,n):this.aGroupData={},"string"==typeof e&&(e=e.split(",").map((e=>e.trim()))),t=t||l.aOrderedData,c=e.length?t.reduce(((t,o)=>{let n=this.aUnsortedGroupData,i=t;for(let t=0;t<e.length;t++){const l=e[t];let d=""+a.MU(o,l,void 0,s.sNestedDataSeparator);d=d.replaceAll(s.sNestedGroupDataSeparator,r.default.global.replaceToken),void 0===i[d]&&(i[d]={open:!1},i[d].data=t===e.length-1?[]:{}),n&&void 0!==n[d]&&(i[d].open=n[d].open,n=n[d].data),i=i[d].data}return i.push(o),t}),this.aGroupData):t,this.aGroupData=c,n&&(this.aUnsortedGroupData=null),this.groupRows()}groupRows(e,t,o,r){const a=this.widget;e=e||this.aGroupData,t=t||"",o=o||0,r=r||0;for(let i in e){const s=e[i],l=t+i,d=this.getGroupCount(i,e);if(0!==d)if(a.updateRowMapping(a.aRowMapping,o,{sRecordIndex:i,sGroupRecordIndex:l,nCount:d}),o++,s.open){const e=s.data;if(n.kJ(e))for(let t=0;t<e.length;t++)a.updateRowMapping(a.aRowMapping,o,{sRecordIndex:e[t].sRecordIndex,nDataRowsBefore:r++}),o++;else o=this.groupRows(s.data,l+a.sNestedGroupDataSeparator,o,r)}else r+=d}return this.groupedVisible=o,e===this.aGroupData&&(this.readdDoubleGroupRecords(),this.updatePagerGroupByMapping()),o}cleanGroupData(e,t){e=e||this.aGroupData;for(let t in e){const o=e[t],r=o.data;n.kJ(r)?o.data=[]:this.cleanGroupData(r)}return t&&this.aGroupData&&(this.aUnsortedGroupData=n.c7.copy(this.aGroupData),this.aGroupData={}),{}}calculateGroupData(e,t,o,n,r,a){const i=e._columnConfig.sTypeGroupPlural||"",s=e.widget;let l="";if(i){let e=i.split(",").map((e=>e.trim()));l=t>1&&e.length>1?e[1]:e[0]}let d=this.getGroupChildren(o,r);d=d.map((e=>s.store.cleanSingleRecord(e)));const c={count:t,name:n,plural:l,children:d};return a.oPageData&&(c.total=a.oPageData.nTotal,c.totalSeen=a.oPageData.totalSeen,c.maxOnPage=a.oPageData.nMaxOnPage),c}calculateGroupDataAggregate(e){const t=this.widget,o=e.split(t.sNestedGroupDataSeparator).map((e=>e.trim())),n=o[o.length-1],r=this.getGroupParent(e);let a=this.getGroupChildren(n,r);return a=a.map((e=>t.store.cleanSingleRecord(e))),a}calculateTemplate(e,t,o,n){const r={record:e,index:e,group:t};return this.widget.store.populateTemplate(o,n,r)}calculateIndexData(e,t){const o={},n=e.widget,a=e.sGroupRecordIndex,i=t?n.aGroupBy.join(","):e.sTargetFieldIndex,s=n.sNestedGroupDataSeparator;let l;const d=a.split(this.widget.sNestedGroupDataSeparator),c=i.split(",");for(let e=0;e<c.length;e++){let t,n=c[e];if("disabled"!==s){let e=n.split(s).map((e=>e.trim()));l=e[e.length-1]}else l=n;d.length>e&&(t=d[e],t=t.replaceAll(r.default.global.replaceToken,this.widget.sNestedGroupDataSeparator)),o[l.trim()]=t}return o.current=d[d.length-1],o}getGroupData(e,t){const o=this.widget,n=this.getGroupRow(t),a=e.split(o.sNestedGroupDataSeparator).map((e=>e.trim())),i=a[a.length-1],s=this.getGroupParent(e),l=this.getGroupCount(i,s),d=i.replaceAll(r.default.global.replaceToken,o.sNestedGroupDataSeparator);return this.calculateGroupData(t,l,i,d,s,n)}getGroupRow(e){const t=this.widget,o=t.getRowIndexByDataRowContainerIndex(e.nStartRowIndex);return t.aRowMapping[o]}customTemplate(e,t,o){const n=this.getGroupData(t,o);return this.calculateTemplate({},n,e)}customRenderer(e,t,o){const n=this.getGroupRow(o),r=this.getGroupData(t,o),a=this.calculateIndexData(o,!0);return e.method.apply(e.scope,[a,r,n])||""}clean(){this.aUnsortedGroupData={},this.aGroupData={}}readdDoubleGroupRecords(){const e=this.widget;let t=e.getRowIndexByDataRowContainerIndex(0);const o=this.aAddedGroupRecords,n=o.length,r=e.aRowMapping;let a;for(a=0;a<n;a++){const e=o[a];if(!(e.index<t))break;r.splice(e.index,0,e.record)}a<n&&(o.length=a),e.store.refreshAllRecordMapping()}updatePagerGroupByMapping(e,t,o){const n=this.widget,r=this.aAddedGroupRecords.length;let a=n.nCurrPageIdx,i="last"===t;do{if(o<a)for(let e=o;e<a;e++)this.addGroupRecords(e);if(i){let e=n.getPageCount()-1;e!==a?n.nCurrPageIdx=a=e:i=!1}}while(i);e?(this.resetAddedGroupRecords(),this.readdDoubleGroupRecords()):this.resetAddedGroupRecords(!0),this.addGroupRecords(),r!==this.aAddedGroupRecords.length&&n.fire("rowgroupaddedrows")}addGroupRecords(e){const t=this.widget,o=t.aRowMapping;let n=t.getRowIndexByDataRowContainerIndex(0,void 0,e),r=o[n];if(!r)return;let a,i,s,l=r.sGroupRecordIndex,d=!l||l.split(t.sNestedGroupDataSeparator).length>1,c=n,h=0,u=0,g=0;for(;d;){[c,a,s,i]=this.getGroupedParent(c,n,u,g),h+=a;let e=h+s;const r=o[c];let l={sRecordIndex:r.sRecordIndex,sGroupRecordIndex:r.sGroupRecordIndex,bExtraRow:!0,oPageData:{nTotalSeen:h+1,nMaxOnPage:e,nTotal:i},nCount:0};this.aAddedGroupRecords.push({record:l,index:n}),o.splice(n,0,l),t.store.refreshAllRecordMapping(),d=!r.sGroupRecordIndex||r.sGroupRecordIndex.split(t.sNestedGroupDataSeparator).length>1,u||(u=r.sGroupRecordIndex.split(t.sNestedGroupDataSeparator).length),g++}}resetAddedGroupRecords(e){const t=this.widget,o=this.aAddedGroupRecords,n=t.aRowMapping;let r=null,a=t.getRowIndexByDataRowContainerIndex(0)+t.getPageSize();for(let t=o.length-1;t>=0;t--){let i=o[t].index;(!e||i>=a)&&(n.splice(i,1),e&&(r=t))}null!==r&&(o.length=r)}pageCloseGroup(e,t){if(t)return;let o;const n=this.widget,r=n.aRowMapping;for(o=0;o<r.length;o++){if(r[o].sGroupRecordIndex===e){let e=n.getPageByDataRowIndex(o);if(e!==n.getCurrPageIdx()){n.bGrouping=!0,n.setCurrPageIdx(e);let t=n.getRowContainerIndexByRowIndex(o);n.selectorEngineManager.$cell(t,0).select(!0),n.bGrouping=!1}break}}}clearPaging(){this.widget.setCurrPageIdx(0)}unsetGroup(){const e=this.widget,t=e.aGroupBy.slice(0);return e.aGroupBy=[],e.bHasRowGroupColumn=!1,e.bGroupBy=!1,t}cardGroupBy(){const e=this.widget,t=e.webcomponent,o=e.aColumnMapping;let n;if(e.bHasRowGroupColumn)for(let e=0;e<o.length;e++)n=o[e],n.sCellType===r.default.internalColumn.rowgroup&&(this.oCard.oColumnMapping=n);t.groupBy&&(this.oCard.groupBy=t.groupBy),this.widget.bUpdateGroupBy=!0,t.groupBy=!1,this.oCard.bGroupBy=!0,this.widget.bUpdateGroupBy=!1}rowGroupBy(){const e=this.widget,t=e.webcomponent,o=e.aColumnMapping,n=this.oCard;if(e.bEditingControls=!0,n.oColumnMapping){let t=e.getColgroupByColumnIndex(0),r=n.oColumnMapping.oDOMZGColumn;r.initialLoad(e,n.oColumnMapping),t.insertBefore(r,t.firstChild),o.unshift(r._oParsedColumnMapping)}else n.groupBy&&(t.groupBy=n.groupBy);e.bEditingControls=!1,this.oCard={}}getGroupedParent(e,t,o,n){const r=this.widget,a=r.aRowMapping;let i,s,l,d,c,h=a[e],u=h.sGroupRecordIndex,g=0,p=0,m=0,f=r.getPageSize();for(u&&(g=u.split(r.sNestedGroupDataSeparator).length-1),s=e-1;s>=0;s--){if(h=a[s],h.bExtraRow)continue;if(u=h.sGroupRecordIndex,!u){p++;continue}let e=u.split(r.sNestedGroupDataSeparator).length;if(0===g||e===g){c=h.nCount,i=u,d=s,o||(o=e);break}this.getRecord(u).open||(p+=void 0!==h.nCount?h.nCount:1)}let b=f-(o-n);for(l=0;l<b&&(s=t+l,!(s>=a.length))&&(h=a[s],u=h.sGroupRecordIndex,!u||0===u.indexOf(i));l++)if(void 0!==h.nCount){this.getRecord(u).open||(m+=h.nCount)}else m++;return[d,p,m,c]}}},1724:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n={delivery:"class",dom:"<i></i>",prefix1:"fas",prefix2:"fa-",map:{cancel:"fa-times",cancelrecord:"fa-times",close:"fa-times",checked:"fa-check-square",checkmark:"fa-check",delete:"fa-trash",down:"fa-arrow-down",error:"fa-exclamation-circle",edit:"fa-edit",editrecord:"fa-edit",firstpage:"fa-angle-double-left",fixedmenu:"fa-bars",info:"fa-info-circle",lastpage:"fa-angle-double-right",layoutcard:"fa-th-large",layoutrow:"fa-th-list",link:"fa-link",menu:"fa-ellipsis-v",nextpage:"fa-angle-right",outsidearrow:"fa-external-link-alt",prevpage:"fa-angle-left",reload:"fa-redo-alt",remove:"fa-times",removerecord:"fa-trash",search:"fa-search",submitrecord:"fa-check",success:"fa-check-circle",unchecked:"fa-square",up:"fa-arrow-up",warning:"fa-exclamation-triangle"}}},5110:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n=class{constructor(e){this.widget=e.widget,this.se=e.se,this.ZG=this.widget.webcomponent}updateIcons(e){this.widget.aIcons.forEach((t=>t.changeVendor(e)))}updateIconTheme(){this.widget.aIcons.forEach((e=>e.setIcon(e.name)))}}},7848:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>r});var n=o(8419);o(3605);const r=class{constructor(e){this.widget=e.widget,this.se=e.se,this.rowInit=null,this.ZG=this.widget.webcomponent,this.ZG.layoutType=null,this.widget.on("viewport:change",(()=>{this.widget.bAPIReady?this.setMobileWidth():this.widget.on("apiready",this.setMobileWidth,this)}))}getLayoutType(){return this.ZG.getAttribute(n.default.zgLayout.attr)}isLayoutSet(){return n.default.zgLayout.typesArr.indexOf(this.getLayoutType())>-1}layoutCtrlClick(e){const t=this.ZG.layoutType=e.action.split("layout")[1];this.setEditorType(t),this.setLayoutAttr(t)}setEditorType(e){const t=this.widget;if((!this.ZG.userEditorValue||e===n.default.zgLayout.typeCard)&&t.bHasEditorEnabled){t.bUpdatingEditor=!0;const o=e===n.default.zgLayout.typeCard?n.default.editor.typeModal:n.default.editor.typeInline;t.editorManager.setEditorType(o),t.bUpdatingEditor=!1}}setActiveButton(e,t){requestAnimationFrame((()=>{const o=e.querySelectorAll(n.default.zgButton.tagName),r=e.querySelector(`zg-button[action="layout${t}"]`);if(o&&[...o].forEach((e=>e.removeAttribute(n.default.attr.active))),!r)return;const a=()=>r.setAttribute(n.default.attr.active,"");r.bReady?a():r.on("ready",a)}))}setLayout({isReset:e=!1}={}){const t=this.ZG,o=this.widget;let r=t.oDOMLayout||t.querySelector(n.default.zgLayoutControls.tagName);const a=t.layoutType=this.getLayoutType();if(e||[void 0,null].indexOf(a)>-1)return e&&t.oDOMLayoutControls&&t.oDOMLayoutControls.setAttribute(n.default.attr.hidden,""),t.oDOMLayoutControls&&t.oDOMLayoutControls.hasAttribute(n.default.attr.hidden)&&t.oDOMLayoutControls.removeAttribute(n.default.attr.hidden),this.setLayoutType(n.default.zgLayout.reset),this.setMobileWidth(),void(t.layoutType=void 0);t.hasAttribute(n.default.zgLayout.attr)||t.setAttribute(n.default.zgLayout.attr,a);const i=["",null];if([...i,...n.default.zgLayout.typesArr].indexOf(a)>-1){const e=i.indexOf(a)>-1?n.default.zgLayout.reset:a;this.setLayoutType(e)}a?this.setEditorType(a):this.setMobileWidth(),r&&this.setActiveButton(r,a),a===n.default.zgLayout.typeRow&&o.bNeedsRowResize&&(requestAnimationFrame((()=>{o.bDisconnect||(o.renderTo.style.display="none",o.updater.nSavedResizeWidth=this.widget.webcomponent.clientWidth,o.renderTo.style.display="",o.updater.updateResizeWindow(!0))})),o.bNeedsRowResize=!1)}setLayoutAttr(e){this.ZG.setAttribute(n.default.zgLayout.attr,e)}setLayoutType(e,t){const o=this.widget;let r=!1;e===n.default.zgLayout.typeCard?(o.hasFrozenColumns()&&(o.nCardLeftFrozenColumns=o.nLeftFrozenColumns,o.nCardRightFrozenColumns=o.nRightFrozenColumns,o.nLeftFrozenColumns=0,o.nRightFrozenColumns=0,o._adjustFrozenColumns(),r=!0),o.hasFrozenRows()&&(o.nCardTopFrozenRows=o.nTopFrozenRows,o.nCardBottomFrozenRows=o.nBottomFrozenRows,o.nTopFrozenRows=0,o.nBottomFrozenRows=0,o.updateFrozenRowMapping(),r=!0),o.bGroupBy&&(o.groupbyManager.cardGroupBy(),r=!0),r&&o.webcomponent.bReady&&(o.updater.clearCache(),o.updater.update())):((o.nCardLeftFrozenColumns||o.nCardRightFrozenColumns)&&(o.nLeftFrozenColumns=o.nCardLeftFrozenColumns,o.nRightFrozenColumns=o.nCardRightFrozenColumns,o.nCardLeftFrozenColumns=0,o.nCardRightFrozenColumns=0,o._adjustFrozenColumns(),r=!0),(o.nCardTopFrozenRows||o.nCardBottomFrozenRows)&&(o.nTopFrozenRows=o.nCardTopFrozenRows,o.nBottomFrozenRows=o.nCardBottomFrozenRows,o.nCardTopFrozenRows=0,o.nCardBottomFrozenRows=0,o.updateFrozenRowMapping(),r=!0),o.groupbyManager.oCard.bGroupBy&&(o.groupbyManager.rowGroupBy(),o._updateGroupedColumnReset(!0)),r&&o.webcomponent.bReady&&o.updater.clearCache()),o.webcomponent.bReady?requestAnimationFrame((()=>{o.bDisconnect||this.updateLayoutAttributes(e,t)})):e&&this.updateLayoutAttributes(e,!0)}updateLayoutAttributes(e,t){const o=n.default.zgLayout.attr,r=(n.default.zgLayout.cardTplAttr,this.ZG);if(e===n.default.zgLayout.reset){if(this.resetFrames(),r.oDOMHeader.removeAttribute(o),r.oDOMControlBar){r.oDOMControlBar.removeAttribute(o);let e=r.oDOMControlBar.querySelector("zg-checkbox[internal-selector]");e&&e.removeAttribute(o)}let e=r.querySelector("zg-head-cell zg-checkbox[internal-selector]");e&&e.removeAttribute(o),r.oTopPager&&r.oTopPager.removeAttribute(o),r.oBottomPager&&r.oBottomPager.removeAttribute(o),r.oDOMBatchEditStyle&&r.oDOMBatchEditStyle.removeAttribute(o)}else{const t=e===n.default.zgLayout.typeCard&&this.widget.hasCardTemplate();if(-1===n.default.zgLayout.typesArr.indexOf(e))return;if(this.setFrames(e,t),r.oDOMHeader.setAttribute(o,e),r.oDOMControlBar){r.oDOMControlBar.setAttribute(o,e);let t=r.oDOMControlBar.querySelector("zg-checkbox[internal-selector]");t&&t.setAttribute(o,e)}let a=r.querySelector("zg-head-cell zg-checkbox[internal-selector]");a&&a.setAttribute(o,e),r.oTopPager&&r.oTopPager.setAttribute(o,e),r.oBottomPager&&r.oBottomPager.setAttribute(o,e),r.oDOMBatchEditStyle&&r.oDOMBatchEditStyle.setAttribute(o,e)}e===n.default.zgLayout.typeCard&&this.setTypeCard(),r.oDOMCaption&&r.oDOMCaption.toggleColumnMenu(e);let a,i=e===n.default.zgLayout.reset?n.default.zgLayout.typeRow:e,s=this.sCurrentType===n.default.zgLayout.reset?n.default.zgLayout.typeRow:this.sCurrentType;a=i!==s,a&&i===n.default.zgLayout.typeRow&&void 0===s&&(a=!1),a&&(r.pageSizeRow||r.pageSizeCard)&&this.widget.calculatePageSize(i),this.sCurrentType=i,a&&this.widget.fire("layoutchange"),!t&&a&&this.widget.update()}setFrames(e,t){const o=n.default.zgLayout.attr,r=n.default.zgLayout.cardTplAttr,a=this.ZG;["","Left","Right"].forEach((n=>{a[`oDOM${n}Colgroup`].setAttribute(o,e);const i=a[`oDOM${n}Body`];i.setAttribute(o,e),[...i.children].forEach((n=>{n.setAttribute(o,e),t?n.setAttribute(r,""):n.removeAttribute(r);for(let t=0;t<n.children.length;t++)n.children[t].setAttribute(o,e);return n})),t?i.setAttribute(r,""):i.removeAttribute(r),a[`oDOM${n}Head`].setAttribute(o,e),a[`oDOM${n}Foot`].setAttribute(o,e)}))}resetFrames(){const e=n.default.zgLayout.attr,t=n.default.zgLayout.cardTplAttr,o=this.ZG;["","Left","Right"].forEach((n=>{o[`oDOM${n}Colgroup`].removeAttribute(e);const r=o[`oDOM${n}Body`];r.removeAttribute(e),r.removeAttribute(t),r&&r.children&&[...r.children].forEach((o=>{o.removeAttribute(e),o.removeAttribute(t);for(let t=0;t<o.children.length;t++)o.children[t].removeAttribute(e);return o})),o[`oDOM${n}Head`].removeAttribute(e),o[`oDOM${n}Foot`].removeAttribute(e)}))}setMobileWidth(){const{editorManager:e}=this.widget,t=this.ZG.getAttribute(n.default.viewport.attr)===n.default.viewport.mobileLabel,o=this.isLayoutSet();o||(!this.ZG.userEditorValue&&this.widget.bHasEditorEnabled&&(t?e.setEditorType(n.default.editor.typeModal):this.setEditorType()),t&&!o?this.setLayoutType(n.default.zgLayout.typeCard):this.setLayoutType(n.default.zgLayout.reset))}setTypeCard(){const e=this.widget;!this.ZG.userEditorValue&&this.widget.bHasEditorEnabled&&(e.bUpdatingEditor=!0,this.ZG.setAttribute(n.default.editor.attr,n.default.editor.typeModal),e.bUpdatingEditor=!1),this.ZG.oDOMBody&&this.ZG.oDOMBody.children&&[...this.ZG.oDOMBody.children].forEach((e=>{[...e.children].forEach((e=>e.removeAttribute(n.default.attr.sorted)))}))}}},602:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(8419),r=o(3605),a=o(6919);const i=class{constructor(e){this.widget=e.widget,this.se=e.se,this.oRegisteredMenu={},this.activeMenu=null,this.menuitems=[],this.bInit=!1}reset(){this.widget.webcomponent.removeMenu(this),this.oRegisteredMenu={},this.activeMenu=null,this.menuitems=[],this.bInit=!1,this.bUserMenu=!1}initMenu(e){const t=this.widget;t.webcomponent;let o=null;if(e&&this.bInit&&this.oElMenu&&this.reset(),this.bInit)return;t.sContextMenuId&&t.sContextMenuId!==n.default.zgMenu.browser&&(o=document.getElementById(t.sContextMenuId),o&&(o.setAttribute(n.default.attr.hidden,""),this.wrapMenuItems(o)));let r=t.sContextMenuId&&t.sContextMenuId!==n.default.zgMenu.browser?`${t.sContextMenuId}Clone`:"userContextMenuClone";if(this.oElMenu=this.widget.webcomponent.querySelector(`#${r}`),this.oElMenu?this.bDefined=!0:(this.oElMenu=document.createElement(n.default.zgMenu.tagName),this.oElMenu.id=r,this.oElMenu.setAttribute(n.default.attr.hidden,"")),o&&null!==o.getAttribute("replace"))this.bUserMenu=!0;else{if(!1!==this.widget.store.oDataRequest.createOptions){const e='\n          /* Group: Insert Record */\n          [group="insert-record-group"] { background: var(--zg-menu-group-background, var(--theme-background-zebra)); }\n          [group="insert-record-group"] zg-menu-item { --zg-menu-item-padding:3px 5px; flex-basis:33.333%; }\n          [group="insert-record-group"] zg-icon { width:16px; height:16px; }\n          [group="insert-record-group"] zg-button zg-icon,\n          [group="insert-record-group"] zg-button zg-checkbox { display:none; }\n        ',t=[{action:"createrecord",text:"context.insertRecordHere"},{action:"createrecordstart",text:"context.insertRecordStart"},{action:"createrecordend",text:"context.insertRecordEnd"}];this.addMultipleItems(t,{group:"insert-record-group",label:{icon:"createrecord",text:"context.insertRecordLabel"},styles:e})}this.addItem({action:"freezecolumnleft",text:"context.freezeColumnLeft"}),this.addItem({action:"freezecolumnright",text:"context.freezeColumnRight"}),this.addItem({action:"unfreezecolumn",text:"context.unfreezeColumn"}),this.addSeparator("freezecolumn"),this.addItem({action:"freezerowtop",text:"context.freezeRowTop"}),this.addItem({action:"freezerowbottom",text:"context.freezeRowBottom"}),this.addItem({action:"unfreezerow",text:"context.unfreezeRow"}),this.addSeparator("freezerow"),this.addItem({action:"hidecolumn",text:"context.hideColumn"}),this.addSeparator("hide"),this.addItem({action:"sortcolumn",text:"context.sortColumn"}),this.addSeparator("sort");!1!==this.widget.store.oDataRequest.updateOptions.cell&&this.addItem({action:"editcell",text:"context.editCell"});!1!==this.widget.store.oDataRequest.updateOptions.row&&this.addItem({action:"editrow",text:"context.editRow"}),this.addSeparator("edit"),!1!==this.widget.store.oDataRequest.deleteOptions.row&&(this.addItem({action:"removerecord",text:"context.deleteRow"}),this.addSeparator("delete")),this.addItem({action:"duplicaterecord",text:"context.duplicateRow"}),this.addSeparator("duplicate"),this.addItem({action:"submitrecord",text:"context.save"}),this.addItem({action:"cancelrecord",text:"context.cancel"}),this.addSeparator("action"),this.addItem({action:"copycell",text:"context.copyCell"}),this.addItem({action:"pastecell",text:"context.pasteCell"}),this.addSeparator("copy"),this.addItem({action:"selectcell",text:"context.selectCell"}),this.addItem({action:"selectrow",text:"context.selectRow"}),this.addItem({action:"selectall",text:"context.selectAll"}),this.addItem({action:"deselect",text:"context.deselect"}),this.addSeparator("select"),this.addItem({action:"prevpage",text:"context.previousPage"}),this.addItem({action:"nextpage",text:"context.nextPage"}),this.addItem({action:"firstpage",text:"context.firstPage"}),this.addItem({action:"lastpage",text:"context.lastPage"}),this.addSeparator("pager"),this.addItem({action:"resetstate",text:"context.resetState"}),this.addSeparator("reset"),this.addItem({action:"about",text:"context.version"}),o&&o.children.length&&this.addSeparator()}if(!this.bDefined&&o)for(;o.childNodes.length>0;)this.oElMenu.appendChild(o.childNodes[0]);t.webcomponent.appendMenu(this),this.bInit=!0}createMenuItem({action:e,text:t}){let o=document.createElement(n.default.zgMenuItem.tagName);o.menu=this.oElMenu,o.menuManager=this.widget.menuManager;let r=document.createElement(n.default.zgButton.tagName),i=document.createElement("span");return i.slot=n.default.zgButton.slot.label,i.textContent=a.default.get(t,this.widget,{element:i,elProperty:"textContent"}),r.setAttribute(n.default.attr.action,e),r.appendChild(i),o.appendChild(r),this.bDefined?(this.menuitems[e]=this.oElMenu.querySelector(`zg-menu-item zg-button[action=${e}]`).parentNode,!1):(this.menuitems[e]=o,o)}addItem({action:e,text:t}){const o=this.createMenuItem({action:e,text:t});o&&this.oElMenu.appendChild(o)}addMultipleItems(e,t){if(!e||!e.length)return;const o=document.createElement(n.default.zgMenuGroup.tagName);if(t.group&&o.setAttribute("group",t.group),t.label){if(t.label.icon){const e=document.createElement(n.default.zgIcon.tagName);e.setAttribute("name",t.label.icon),e.slot="zgMenuGroupLabel",o.appendChild(e)}if(t.label.text){const e=document.createElement("span");e.textContent=a.default.get(t.label.text,this.widget,{element:e,elProperty:"textContent"}),e.slot="zgMenuGroupLabel",o.appendChild(e)}}let r;t.styles&&o.insertAdjacentHTML("afterbegin",`<style>${t.styles}</style>`),e.forEach((e=>{r=this.createMenuItem({action:e.action,text:e.text}),r&&(r.slot="zgMenuGroupItems",r.menuGroup=o,o.appendChild(r))})),this.menuitems[t.group]=o,this.oElMenu.appendChild(o)}addSeparator(e){if(this.bDefined)this.menuitems[e]=this.oElMenu.querySelector(`zg-separator[action=${e}]`);else{let t=document.createElement("zg-separator");t.setAttribute(n.default.attr.action,e),this.oElMenu.appendChild(t),this.menuitems[e]=t}}closeMenu(){let e=this.activeMenu;e&&(this.activeCell?this.activeCell.select():this.bFixed&&this.widget.focusManager.focusGrid(this.bFixed),e.removeAttribute(n.default.zgMenu.opener),e._hide(),this.widget.fire("contextmenuclose"),this.lastCell=this.activeCell,this.activeMenu=null,this.activeCell=null,this.activeHeader=null,this.activeColumn=null,requestAnimationFrame((()=>this.bFixed=!1)))}displayMenu(e,t){this.toggleMenuItemDisplay();let o=this.oElMenu;o._show();const r=this.widget.webcomponent;o.clearPosition(),o.calculateMenuPosition(e,r),this.widget.isStorybook("menu")||o.querySelector(`${n.default.zgMenuItem.tagName}:not([hidden]`).focus(),o.setAttribute(n.default.zgMenu.opener,n.default.zgMenu.static),this.activeMenu=o}getActiveMenu(){return this.activeMenu}isMenuOpen(){return!!this.activeMenu}openFixedMenu(e){const t=this.widget,o=t.sorter;if(e.oDOMTarget&&e.oDOMTarget.tagName.toLowerCase()===n.default.zgButton.tagName){const t=e.oDOMTarget.querySelector("zg-icon");if(t)return void t.click()}let r,a=t.selector.se;if("grid"===a.sContextLevel){if(this.activeHeader=this.activeCell=this.activeColumn=null,o.isSorterActive()){const e=t.getColumnIndexByFieldIndex(o.sActiveSortedIndex);e>=0&&(this.activeColumn=t.aColumnMapping[e])}}else"cell"!==a.sContextLevel&&(a=a.toCell()),this.activeCell=a,r=this.activeCell.el.dom.cellIndex,this.activeColumn=t.aColumnMapping[r];this.displayMenu(e,{x:e.oDOMTarget.offsetLeft,y:e.oDOMTarget.offsetHeight}),t.fire("contextmenuopen"),this.bFixed=!0}openContextMenu(e,t){const o=this.widget.webcomponent,a=this.widget.webcomponent.querySelectorAll("zg-menu"),i=this.oElMenu;let s,l=r.MV(t,n.default.zgCell.tagName),d=!r.MV(t,n.default.zgCard.tagName)&&!l&&r.MV(t,n.default.zgHeadCell.tagName);i.clearPosition(),this.activeHeader=this.activeCell=null,a&&[...a].forEach((e=>e.setAttribute(n.default.attr.hidden,""))),d?(this.activeHeader=d,s=d.getAttribute("cellindex")):l&&(this.activeCell=this.se.cell(l),s=l.cellIndex),(this.activeHeader||this.activeCell)&&(this.activeColumn=this.widget.aColumnMapping[s],this.toggleMenuItemDisplay(!0),i._show(),this.widget.fire("contextmenuopen"),i.calculateContextPosition(e,o),this.activeMenu=i,i.setAttribute(n.default.zgMenu.opener,n.default.zgMenu.context))}registerMenu(e,t){this.oRegisteredMenu[e]=t}toggleMenuItemDisplay(e){let t=this.widget;const o=this.activeCell,r=this.activeHeader,a=this.activeColumn,i=t.webcomponent.preserveStateId;let s,l;a&&(s=t.getAreaByColumn(a)),o&&(l=o.sFrozenRowState);let d,c=t.getPageSize(),h=t.store.getOriginRecordCount()||t.getRowCount();const u=e&&this.activeCell||!e&&t.bHasSelectorEnabled&&this.activeCell;d=["insert-record-group","createrecord","createrecordstart","createrecordend"],this.toggleSection(d,!t.recordEditor.bIsOpen&&t.bHasEditorEnabled),d=["createrecord"],this.toggleSection(d,u&&!t.recordEditor.bIsOpen&&t.bHasEditorEnabled),d=["editcell"],this.toggleSection(d,o&&!t.recordEditor.bIsOpen&&t.bHasEditorEnabled),d=["editrow"],this.toggleSection(d,o&&!t.recordEditor.bIsOpen&&t.bHasEditColumn),d=["edit"],this.toggleSection(d,o&&!t.recordEditor.bIsOpen&&(t.bHasEditorEnabled||t.bHasEditColumn)),d=["duplicate","duplicaterecord"],this.toggleSection(d,o&&!t.recordEditor.bIsOpen&&t.bHasEditorEnabled),d=["delete","removerecord"],this.toggleSection(d,o&&!t.recordEditor.bIsOpen&&(t.bHasEditorEnabled||t.bHasRemoveColumn)),d=["submitrecord","cancelrecord","action"],this.toggleSection(d,t.recordEditor.bIsOpen),d=["freezecolumnleft"],this.toggleSection(d,a&&"left"!==s,!0),d=["freezecolumnright"],this.toggleSection(d,a&&"right"!==s,!0),d=["unfreezecolumn"],this.toggleSection(d,a&&("left"===s||"right"===s),!0),d=["hidecolumn","hide"],this.toggleSection(d,a),d=["freezerowtop"],this.toggleSection(d,o&&!t.bGroupBy&&"top"!==l,!0),d=["freezerowbottom"],this.toggleSection(d,o&&!t.bGroupBy&&"bottom"!==l,!0),d=["unfreezerow"],this.toggleSection(d,o&&!t.bGroupBy&&("top"===l||"bottom"===l),!0),d=["sortcolumn","sort"],this.toggleSection(d,r),d=["copy","copycell"],this.toggleSection(d,o&&t.clipper&&-1===n.default.internalColumnTypes.indexOf(o.sCellType)),d=["pastecell"],this.toggleSection(d,o&&t.clipper&&t.clipper.savedValue&&t.recordEditor.bIsOpen),d=["select","selectcell","selectrow","selectall"],this.toggleSection(d,o&&t.bHasSelectorEnabled),d=["deselect"],this.toggleSection(d,o&&t.bHasSelectorEnabled&&t.selector.bHasSelection),d=["prevpage","nextpage","firstpage","lastpage","pager"],this.toggleSection(d,c<h||t.hasPager()),d=["resetstate","reset"],this.toggleSection(d,i);let g=this.oElMenu.querySelectorAll("[display=cell]"),p=this.oElMenu.querySelectorAll("[display=header]");this.toggleUserSection(g,o),this.toggleUserSection(p,r)}toggleSection(e,t,o){let n=this.menuitems;this.bUserMenu||e.forEach((e=>{const r=n[e].querySelector("zg-button");n.hasOwnProperty(e)&&t?o&&r?r._enable():n[e]._show():n.hasOwnProperty(e)&&!t&&(o&&r?r._disable():n[e]._hide())}))}toggleUserSection(e,t){e.forEach((e=>{t?e._show():e._hide()}))}wrapMenuItems(e){e.querySelectorAll("zg-menu-item").forEach((e=>{e.bAdded||e.ready();let t=e.querySelector(n.default.zgButton.tagName);if(!t){let o=e.querySelector("i");if(t=document.createElement(n.default.zgButton.tagName),t.setAttribute(n.default.attr.action,""),o){let t=document.createElement("div");t.classList.add("zg-button-icon"),t.setAttribute("slot","icon"),t.appendChild(o),e.appendChild(t)}t.innerHTML=e.innerHTML,e.innerHTML="",e.appendChild(t)}}))}destroy(){this.widget=null,this.se=null,this.oRegisteredMenu=null,this.activeMenu=null,this.menuitems.length=0,this.oElMenu=null,this.activeHeader=null,this.activeCell=null,this.activeColumn=null}}},7390:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(8965),r=o(2816),a=o(8419);class i extends n.Z{constructor(e){(e=e||{})._defaults={initAfterPaint:!0,nFirstRowContainerIndex:0},super(e)}init(){this.bFetching=!1,this.ons()}ons(){let e=this.widget;this.bHookedUp||e.oDOMScroller&&e.oDOMScroller.hasAttribute("height")&&(this.onScroll(),this.bHookedUp=!0)}onScroll(){const e=this.widget,t=r.Z.get(e.oDOMScrollerWrapper);let o=e.store;this.nLastScrollTop=0,e.bStaticScroll=!0,t.on("scroll",(()=>{if(e.bDisconnect)return;const t=e.webcomponent.oDOMTooltip,n=e.webcomponent.oDOMCellOverflow;t&&t._hideTarget(),n&&n.isOpen()&&n.setPosition(n.currentTrigger,!0),o.oDataFormat.bLoadByScroll?(e.bStaticScroll=!1,this.onInfiniteScroll()):this.onStaticScroll()}))}onStaticScroll(){const e=this.widget,t=e.mainColumnBody.el,o=r.Z.get(e.oDOMScroller),n=o.getScroll().top,a=n+o.getHeight(),i=.75*t.getHeight();n>this.nLastScrollTop&&a>i&&e.nRowSets*e.nRowsPerSet<e.getPageSize()&&(e.nRowSets++,e.update({bNoReRenderer:!0,bUpdateRowMappingOrder:!0,bUpdateBodyContent:!0,bUpdateContainer:!0,bUpdateColumnBodyContainerClass:!0})),this.nLastScrollTop=n}onInfiniteScroll(){let e=this.widget,t=e.mainColumnBody.el,o=r.Z.get(e.oDOMScrollerWrapper);if(this.bFetching)return;let n=o.getScroll().top,a=n+o.getHeight(),i=.75*t.getHeight(),s=.25*t.getHeight();if(this.nOldStart=e.nAdjustedStart,n>this.nLastScrollTop&&a>i){this.bFetching=!0,e.nCurrPageIdx++;let t=e.getPageSize()*e.nInfiniteTotalDisplay,o=e.getPageSize()*(e.nCurrPageIdx+1);if(t<o&&!e.bInfiniteMaxReached&&(e.nAdjustedStart=o-t),e.getInfiniteDataLoaded()){let r=!1;e.bInfiniteMaxReached&&(o=e.aRowMapping.length,t<o&&(e.nAdjustedStart=Math.min(e.nAdjustedStart+e.getPageSize(),o-t),e.update(),n=this.completeScroll(!0),r=!0)),r||this.cleanupNoScroll()}else e.bInfiniteMaxReached?this.cleanupNoScroll():(e.nAdjustedStart=this.nOldStart,e.store.once("loaded",(()=>{this.bFetching&&(n=this.completeScroll(!0),this.nLastScrollTop=n)})),e.store.load())}else n<this.nLastScrollTop&&n<s&&e.nAdjustedStart>0&&(this.bFetching=!0,e.nCurrPageIdx--,e.nAdjustedStart=Math.max(0,e.nAdjustedStart-e.getPageSize()),e.update(),n=this.completeScroll(!1));this.nLastScrollTop=n}completeScroll(e){let t=this.widget,o=r.Z.get(t.oDOMScrollerWrapper),n=t.getPageSize();const a=Math.abs(t.nAdjustedStart-this.nOldStart);a%n&&(n=a%n);let i=t.getRowHeight()*n;return e&&t.nAdjustedStart>0?t.oDOMScrollerWrapper.scrollTop-=i:e||(t.oDOMScrollerWrapper.scrollTop+=i),this.bFetching=!1,o.getScroll().top}cleanupNoScroll(){this.bFetching=!1,this.widget.nCurrPageIdx--}scroll(e,t,o){const n=this.widget,a=n.oDOMScroller;let i=n.mainGridHScroll.dom,s=e.xy,l=e.width,d=e.height,c=a?r.Z.get(a):null,h=c?c.getXY():0,u=c?c.getSize():0,g=r.Z.get(n.webcomponent.oDOMMain),p=g.getXY(),m=g.getSize(),f=s[0]-p[0],b=s[1]-h[1],v=s[0]+l-(p[0]+m[0]),y=s[1]+d-(h[1]+u[1]);t||(y>0&&(a.scrollTop+=y),b<0&&(a.scrollTop+=b)),o||(f<0&&(i.scrollLeft+=f),v>0&&(i.scrollLeft+=v))}scrollToCell(){const e=this.widget,t=e.webcomponent,o=e.selector.se;let n;const r=e.getBodyByColumnIndex(o.nStartColumnIndex),i="cell"===o.sContextLevel&&r!==t.oDOMBody;if(t.layout===a.default.zgLayout.typeCard){let e=o.el.dom.parentNode.getBoundingClientRect();n={xy:[e.x,e.y],width:e.width,height:e.height}}else n=o.dimension();this.scroll(n,!1,i)}scrollToRange(){let e,t=this.widget,o=t.selector.se,n=!1,r=!1,a=t.getElByIndex(o.nStartRowIndex,o.nStartColumnIndex),i=t.getElByIndex(o.nEndRowIndex,o.nEndColumnIndex);switch(o.sExpandDirection){case"up":case"shrinkdown":r=!0;case"left":case"shrinkright":e=a;break;case"down":case"shrinkup":r=!0;case"right":case"shrinkleft":e=i;break;default:e=a}n=!r;const s={xy:e.getXY(),width:e.getWidth(),height:e.getHeight()};this.scroll(s,n,r)}}const s=i},1510:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(8965),r=o(2816),a=o(8419);class i extends n.Z{constructor(e){(e=e||{})._defaults={initAfterRender:!0},super(e),this.oLastMouseScreenPosition={x:0,y:0},this.oLastMousePosition={x:0,y:0},this.nLastVerticalTimeStamp=this.nLastHorizontalTimeStamp=(new Date).getTime(),this.bHasSelection=!1}init(){this.ons()}ons(){this.widget.on("pagechange",(e=>this.deSelectAll(e)),this),this.widget.on("cellopenedit",(e=>this.deSelectAll(e)),this),this.widget.on("rowdelete",(e=>this.deSelectAll(e)),this),this.widget.on("layoutchange",(e=>this.deSelectAll(e)),this)}onDocMouseUpFromSelector(){this.widget.bIsMouseDown=!1;const e=r.Z.get(document);e.docUn("mouseup",this.onDocMouseUpFromSelector,this),e.docUn("touchend",this.onDocMouseUpFromSelector,this),e.docUn("mousemove",this.onMouseMoveFromSelector,this),e.docUn("touchmove",this.onMouseMoveFromSelector,this),this.widget.bHasSelectorEnabled&&(this.se.isRangeSingleCell()||"cell"===this.se.sContextLevel?this.bHasSingleCell=!0:(this.bHasSingleCell=!1,this.se.select()))}onMouseDownFromSelector(e){const t=r.Z.get(document),o=this.oLastMousePosition,n=this.oLastMousePosition;t.on("mouseup",this.onDocMouseUpFromSelector,this),t.on("touchend",this.onDocMouseUpFromSelector,this),t.on("mousemove",this.onMouseMoveFromSelector,this),t.on("touchmove",this.onMouseMoveFromSelector,this),o.x=e.xy[0],o.y=e.xy[1],n.x=e.oBrowserEvent.screenX,n.y=e.oBrowserEvent.screenY}onMouseMoveFromSelector(e){let t=this.oLastMousePosition;t.x=e.xy[0],t.y=e.xy[1]}onKeyDownDocument(e,t){const o=this.widget,n=this.se;o.editorFieldManager;let r,i=e.nCharCode,s=this.bHasSelection&&!o.bHasSelectorEnabled;const l=(e,t,o,n)=>{e.stopEvent();const a=this.widget;if(e.bIsSHIFT&&n.toRange(),e.bIsSHIFT&&o)n.shrink(t).select();else if(e.bIsSHIFT)n.expand(t).select();else if(r=n.toCell().traverse(t),r)r.select(s);else if("up"===t){let t=n.nStartColumnIndex;a.headerFocusManager.focusFromBody(e,t)&&this.deSelectAll(!0,!0)}else if("down"===t){let t=n.nStartColumnIndex,o=a.footerFocusManager.focusFromBody(e,t);o||(o=a.focusManager.tabChangeFocus(e,{section:this.widget.focusManager.GRIDINDEX})),o&&this.deSelectAll(void 0,!0)}},d=(e,t,o,n)=>{e.stopEvent(),r=t.cell(o,n),r.select(s)};let c=e.RIGHT,h=e.LEFT;switch("rtl"===o.sComputedDir&&(c=e.LEFT,h=e.RIGHT),i){case e.HOME:d(e,n,n.nStartRowIndex,0);break;case e.END:d(e,n,n.nStartRowIndex,o.getColumnContainerCount()-1);break;case e.PAGE_UP:d(e,n,0,n.nStartColIndex);break;case e.PAGE_DOWN:d(e,n,o.getRowContainerCount()-1,n.nStartColIndex);break;case e.UP:case"ArrowUp":l(e,"up",n.nInitialRowIndex<n.nEndRowIndex,n);break;case e.DOWN:case"ArrowDown":l(e,"down",n.nInitialRowIndex>n.nStartRowIndex,n);break;case c:case"ArrowRight":l(e,"right",n.nInitialColumnIndex>n.nStartColumnIndex,n);break;case h:case"ArrowLeft":l(e,"left",n.nInitialColumnIndex<n.nEndColumnIndex,n);break;case e.SPACE:if(this.bHasSingleCell){let t=n.cell().sCellType;(n.el.dom.querySelector(`[${a.default.template.detailsAttr}]`)||-1!==a.default.internalColumnTypes.indexOf(t)||"url"===t||t===a.default.internalColumn.rowgroup||t===a.default.cellTypes.button)&&(e.preventDefault(),this.cellEnter(n))}break;case e.ENTER:case"enter":e.preventDefault(),o.isComputedCard()&&o.hasCardTemplate()?o.editorManager.openEditor(n.row()):o.isComputedCard()&&!n.bCardDrill?(n.bCardDrill=!0,n.select(s)):this.bHasSingleCell&&this.cellEnter(n.cell()),this.bHasSingleCell&&n.sCellType===a.default.internalColumn.recordinfo&&o.tooltipManager._showTarget(null,n.dom());break;case e.ESC:case"esc":this.bHasSingleCell&&o.tooltipManager.oCurrentParent?this.widget.tooltipManager._hideTarget(null,o.tooltipManager.oCurrentParent,!0):this.deSelectAll();break;case e.A:case"a":e.bIsCTRL&&(e.preventDefault(),n.selectAll().select(),this.fire(a.default.event.selectedAllCells))}}cellEnter(e){let t=this.widget,o=e.sCellType,n=e.el.dom;if(-1!==a.default.internalColumnTypes.indexOf(o)||o===a.default.internalColumn.rowgroup||o===a.default.cellTypes.button){let e=n.querySelector("zg-button")||n.querySelector("zg-checkbox");e&&e.click()}else if(t.bHasCellEditorEnabled||t.batchEditor.isActive())this.bTriggerSelect=!0,t.editorManager.openEditor(e);else if("url"===o){let e=n.querySelector("a");e&&e.click()}else n.querySelector(`[${a.default.template.detailsAttr}]`)&&t.detailsManager.openCellDetails(e)}deSelectRange(){this.widget.bHasSelectorEnabled&&this.hideSelectionMaskAndBorder(),this.hideFocusCellMask()}deSelectAll(e,t){const o=this.widget;if(this.bHasSelection){const t=this.se.dom();t&&t.hasAttribute(a.default.zgTooltip.typeAttr)&&o.tooltipManager._hideTarget(null,t,!0,e)}this.bHasSelection=!1,this.se.deSelect(),this.focusCell(null,!0,!0),t||(o.headerFocusManager.deSelect(),o.footerFocusManager.deSelect()),this.fire(a.default.event.deselectedCells),this.fire("deselectedcells")}drawFocusCellMaskBorder(){this.hideFocusCellMask(),this.se.oColumnBodies.forEach((e=>e.oElFocusCellMaskBorder.draw()))}drawSelectionMask(){this.hideSelectionMaskAndBorder(),this.se.oColumnBodies.forEach((e=>e.oElSelectionMask.draw()))}focusCell(e,t,o){(this.widget.bHasSelectorEnabled||t)&&(this.oDOMPrevFocusCell&&(this.oDOMPrevFocusCell.classList.remove("zg-focus-cell"),this.oDOMPrevFocusCell&&this.oDOMPrevFocusCell.hasAttribute(a.default.zgTooltip.typeAttr)&&this.widget.tooltipManager._hideTarget(null,this.oDOMPrevFocusCell,!0)),o||(this.drawFocusCellMaskBorder(e),this.oDOMPrevFocusCell=e.dom(),this.oDOMPrevFocusCell.classList.add("zg-focus-cell"),this.bHasSelection=!0))}hideSelectionMaskAndBorder(){this.widget.webcomponent.querySelectorAll("zg-selector-mask").forEach((e=>e.hideAll()))}hideFocusCellMask(){this.widget.webcomponent.querySelectorAll("zg-focus:not([area=header]):not([area=footer])").forEach((e=>e._hide()))}selectCell(e,t){(this.widget.bHasSelectorEnabled||t)&&(this.widget.isComputedCard()&&!e.bCardDrill?(this.widget.mainColumnBody.oElFocusCellMaskBorder.drawCard(),e.scrollIntoView()):(e.scrollIntoView(),this.widget.bHasSelectorEnabled&&this.drawSelectionMask(),this.bHasSingleCell=!0,this.focusCell(e,t)),this.bHasSelection=!0)}selectRange(e){this.widget.bHasSelectorEnabled&&(e.isRangeSingleCell()?this.selectCell(e):(this.bHasSingleCell=!1,this.drawSelectionMask(),this.bHasSelection=!0))}updateSelection(){}}const s=i},9642:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});o(3605);var n=o(8965),r=o(8419);class a extends n.Z{constructor(e){(e=e||{})._defaults={initAfterRender:!0},super(e),this.sActiveSortedIndex=null,this.bSortGroupColumn=!1,this.aOriginalRowMappingOrder=[],this.fnSorter=null,this.nSortOrder=0}isSorterActive(){return null!==this.sActiveSortedIndex}sortAll(){let e=this.fnSorter;0!==this.nSortOrder?this.sortData(null,null,this.nSortOrder,e,!0):this.restoreOriginalOrder()}sortData(e,t,o,n,r){const a=this.widget;let i;this.sortAllRecords(e,o,n,r),a.bGroupBy?(a.aRowMapping.length=0,this.sortGroupBy()):(i=this.sortRecords(e,t,o,n,r),i.map(((e,t)=>{a.updateRowMapping(a.aRowMapping,t,{sRecordIndex:e.sRecordIndex})}))),a.fire("roworderchange")}sortGroupBy(e){const t=this.widget,o=t.filter;if(o.aFiltered)o.filter();else{let o=t.store.aOrderedData;t.groupbyManager.groupBy(t.aGroupBy,o,!1,e)}}sortRowMappingByColumn(e){let t,o=e.aUserSet.fnSorter;o?t=e.fnSorter||this.fnSorter||null:(t=this.fnSorter||e.fnSorter||null,o=this.fnSorter);let n=e.nSortOrder||0,a=e.sFieldIndex;if(null===t)return;if(0===n)return void(this.isSorterActive()&&a===this.sActiveSortedIndex&&!this.widget.store.isServerSort()&&(this.restoreOriginalOrder(),this.sActiveSortedIndex=null,this.bSortGroupColumn=!1,this.fire("sort",{index:null})));a=a.split(",");let i=e.sSorterIndex||a[0];e.sSorterIndex&&-1===a.indexOf(i)&&(i=a[0]),0!==n&&(this.bSortGroupColumn=e.sCellType===r.default.internalColumn.rowgroup),this.sortData(i,a,n,t,o),0==n?(this.sActiveSortedIndex=null,this.bSortGroupColumn=!1,this.fire("sort",{index:null})):(this.sActiveSortedIndex=e.sFieldIndex,this.nSortOrder=n,this.fire("sort",{index:this.sActiveSortedIndex,order:this.nSortOrder}))}sortRecords(e,t,o,n,r){let a=this.widget,i=a.store,s=0===this.aOriginalRowMappingOrder.length;const l=a.aRowMapping.map(((o,n)=>{let a=o.sRecordIndex,l={sRecordIndex:a};if(s&&(this.aOriginalRowMappingOrder[n]=a),r)t?t.forEach((e=>{e=e.trim();let t=i.get(a,e);l[e]=null==t?"":t})):l=i.get(a).oRecordRawData;else{let t=i.get(a,e);l.mValue=null==t?"":t}return l}));let d=n.scope||this.widget;return l.sort((function(e,t){let r;return r=void 0!==e.mValue?n.method.apply(d,[e.mValue,t.mValue]):n.method.apply(d,[e,t]),o>0?r:-r})),l}sortAllRecords(e,t,o,n){this.widget.store.aOrderedData.sort((function(r,a){let i;if(n)i=o.method.apply(o.scope,[r,a]);else{let t=r[e],n=a[e];i=o.method.apply(o.scope,[t,n])}return t>0?i:-i}))}restoreOriginalOrder(){let e=this.widget;if(e.store.unsetSort(),e.bGroupBy)e.aRowMapping.length=0,this.sortGroupBy(!0);else{this.aOriginalRowMappingOrder.map(((t,o)=>{e.updateRowMapping(e.aRowMapping,o,{sRecordIndex:t})})),this.aOriginalRowMappingOrder.length=0}}unsetActiveSort(){let e=this.widget.aColumnMapping,t=this.sActiveSortedIndex;if(this.widget.cellBreakManager.prepCellBreak(),null!==t)for(let o of e)t!==o.sFieldIndex&&(o.nSortOrder=0)}}const i=a},7734:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(8419),r=o(3605);const a=class{constructor(e){this.widget=e.widget,this.se=e.se,this.ZG=this.widget.webcomponent}initSource(e){(e=e||this.ZG.source)&&!this.ZG.oDOMSource?(this.ZG.oDOMSource=document.createElement(n.default.zgSource.tagName),this.ZG.oDOMSource.textContent=this.ZG.source):e&&this.ZG.oDOMSource?this.ZG.oDOMSource.textContent=e:!e&&this.ZG.oDOMSource&&this.ZG.oDOMSource.textContent&&(this.ZG.source=this.ZG.oDOMSource.textContent),this.srcEl=this.ZG.oDOMSource,this.srcElClone=this.srcEl.cloneNode(!0),this.ZG.oDOMSource.setAttribute("slot",n.default.zgSource.attr),this.addSourceToSlot(),this.addAriaToSource(),r.CL(this.ZG.oDOMSource)}setSource({source:e}){e&&!this.ZG.oDOMSource&&this.initSource(e);const t=this.ZG.querySelectorAll("zg-source");e?t.forEach((t=>t.textContent=e)):(this.ZG.oDOMSource=null,t.forEach((e=>e.parentNode.removeChild(e))))}addAriaToSource(){this.ZG.oDOMSource||(this.ZG.oDOMSource=this.ZG.querySelector(n.default.zgSource.tagName)),this.ZG.oDOMSource.setAttribute(n.default.attr.role,"any")}addSourceToSlot(e){const t=this.ZG.oDOMSource.getAttribute(n.default.attr.mirror);"top"===(e=e||this.ZG.oDOMSource.getAttribute(n.default.attr.position))?this.slotSource(e,this.ZG.oDOMHeader,this.srcEl):"bottom"===e?this.slotSource(e,this.ZG.oDOMFooter,this.srcEl):t||""===t||"both"===e?(this.slotSource("top",this.ZG.oDOMHeader,this.srcEl),this.slotSource("bottom",this.ZG.oDOMFooter,this.srcElClone)):this.slotSource("bottom",this.ZG.oDOMFooter,this.srcEl)}slotSource(e,t,o){o.setAttribute(n.default.attr.position,e),t.appendChild(o)}}},3765:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(2260),r=o(8419);const a=class{constructor(e){const t=this.widget=e.widget;this.ZG=this.widget.webcomponent,this.stateOptions=t.oStateOptions,this.oFilter={},this.oConfig={},t.on("pagechange",this.setStatePage,this),t.on("pagesizechange",this.setStatePageSize,this),t.on("layoutchange",this.setStateLayout,this),t.on("search",this.setStateSearch,this),t.sorter.on("sort",this.setStateSort,this),t.on("filter",this.setStateFilter,this),t.on("columnmove",this.setStateColumn,this),t.on("columntoggle",this.setStateColumn,this),t.on("frozenrowchange",this.setStateRowFrozen,this),t.on("rowselectionchanged",this.setStateRowSelector,this),t.on("columnresize",this.setStateColumn,this),t.on("togglerowgroup",this.setStateRowGroup,this),t.on("rowgroupaddedrows",this.setStateRowGroup,this),t.selector.on(r.default.event.selectedCells,this.setStateSelector,this),t.selector.on(r.default.event.selectedFrozenCells,this.setStateSelector,this)}loadState(){const e=this.stateOptions.preserveStateId,t=this.stateOptions.preserveStateLoad;let o,r=this.fnLoadState;e&&(t?(r&&t===this.sLoadState||(this.fnLoadState=r=n.Z.setUserFunction(null,t),this.sLoadState=t),r&&r.method&&(o=r.method.apply(r.scope,[e]))):o=localStorage.getItem(e),o&&this.updateState(o))}updateState(e,t){try{"string"==typeof e&&(e=JSON.parse(e)),this.oConfig=e,this.readState(e,t)}catch(e){throw this.bUpdatingStates=!1,e}}readState(e,t){this.bUpdatingStates=!0;let o=!1;const n=this.getActiveStates(),r=["columnvisibility","columnposition","columnfrozen","columnwidth","rowfrozen","search","filter","sort","pagesize","rowgroup","page","layout","rowselector","selector"];if(e)for(let t=0;t<r.length;t++){let a=r[t];if(-1===n.indexOf(a))continue;0!==a.indexOf("column")||o||(a="column",o=!0);let i=e[a];if(i){this[`set${a[0].toUpperCase()+a.substring(1)}`](i,n)}}t||!this.stateOptions.preserveStateSave||this.stateOptions.preserveStateLoad||this.storeState(),this.bUpdatingStates=!1}clearState(e){const t=this.widget,o=this.stateOptions.preserveStateId;this.oConfig={},o&&localStorage.removeItem(o),e&&(t.oDOMSortedColumn&&t.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader&&t.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader.clearStyle(!0),t.updateInitialConfig(),t.store.reload())}setUserState(e){this.bUpdatingStates=!0,e?(this.updateState(e,!0),this.storeState(!0)):this.clearState(!0),this.bUpdatingStates=!1}setUserStateField(e,t){const o=this.getActiveStates();if(e){this.setState(e,t,!0),this[`set${e[0].toUpperCase()+e.substring(1)}`](t,o)}}setState(e,t,o){if(this.bUpdatingStates)return;let n=this.oConfig;t?n[e]=t:n[e]&&delete n[e],this.stateOptions.preserveStateId&&this.storeState(o)}storeState(e){const t=this.oConfig,o=this.stateOptions.preserveStateId,r=this.getActiveStates(),a={};r.forEach((e=>{"columnvisibility"!==e&&"columnposition"!==e&&"columnfrozen"!==e&&"columnwidth"!==e||(e="column"),a[e]=t[e]}));const i=this.stateOptions.preserveStateSave;let s=this.fnSetState;i&&!e&&(s&&i===this.sSetState||(this.fnSetState=s=n.Z.setUserFunction(null,i),this.sSetState=i),s&&s.method&&s.method.apply(s.scope,[o,JSON.stringify(a)])),localStorage.setItem(o,JSON.stringify(a))}setStateFilter(e,t){const o=t.sFilterIndex;let n=t.sValue||"";n=n.trim(),this.oFilter[o]?""!==n?this.oFilter[o]=n:delete this.oFilter[o]:this.oFilter[o]=n,this.setState("filter",this.oFilter)}setStateColumn(){const e=this.widget.aColumnMapping.map((e=>({id:e.sColumnId,bHidden:e.bHidden,sFrozen:e.sFrozen,nWidth:e.oDOMZGColumn.width})));this.setState("column",e)}setStateRowSelector(){const e=this.widget;let t=Object.keys(e.aSelectedRows);this.setState("rowselector",t)}setStateSelector(e,t){let o,n,r,a,i;if(t)o=t.rowIndex,r=t.colIndex,i=t.sArea;else{let e=this.widget.selector.se;o=e.nStartRowIndex,n=e.nEndRowIndex,r=e.nStartColumnIndex,a=e.nEndColumnIndex}this.setState("selector",{startRow:o,endRow:n,startColumn:r,endColumn:a,area:i})}setStateRowFrozen(){this.setState("rowfrozen",{top:this.widget.aTopRowMapping,bottom:this.widget.aBottomRowMapping})}setStatePage(){this.setState("page",this.widget.nCurrPageIdx+1)}setStatePageSize(e,t){this.setState("pagesize",t)}setStateRowGroup(){const e=this.widget.groupbyManager,t={open:e.aOpenGroups,pagedRows:e.aAddedGroupRecords};this.setState("rowgroup",t)}setStateLayout(){this.setState("layout",this.widget.layoutManager.sCurrentType)}setStateSearch(e,t){this.setState("search",t.searchTerm)}setStateSort(e,t){t||t.index||(t=null),this.setState("sort",t)}setFilter(e){if(e)for(let t in e){let o=e[t];this.ZG.filterColumn(t,o)}}setColumn(e,t){const o=-1!==t.indexOf("columnvisibility"),n=-1!==t.indexOf("columnposition"),r=-1!==t.indexOf("columnfrozen"),a=-1!==t.indexOf("columnwidth"),i=this.widget.aColumnMapping;let s=0,l=0;if(e&&e.length===i.length){if(n||r)for(let t=0;t<e.length;t++){let o=e[t],n=t,r=i.findIndex((e=>e.sColumnId===o.id));r!==n&&this.widget.moveColumn(r,n),"left"===o.sFrozen?s++:"right"===o.sFrozen&&l++}if(o)for(let t=0;t<e.length;t++){let o=e[t],n=i[t];o.bHidden&&!n.bHidden?n.oDOMZGColumn.setAttribute("hidden",""):!o.bHidden&&n.bHidden&&n.oDOMZGColumn.removeAttribute("hidden")}if(r&&(this.ZG.frozenColumnsLeft!=s&&(this.ZG.frozenColumnsLeft=s),this.ZG.frozenColumnsRight!=l&&(this.ZG.frozenColumnsRight=l)),a)for(let t=0;t<e.length;t++){let o=e[t],n=i[t];o.nWidth&&(n.oDOMZGColumn.width=o.nWidth)}}}setRowfrozen(e){const t=this.widget,o=t.store;t.webcomponent.frozenRowsTop=0,t.webcomponent.frozenRowsBottom=0;for(let t=0;t<e.top.length;t++){const n=e.top[t];o.moveRow(n.sRecordIndex,"top")}for(let t=0;t<e.bottom.length;t++){const n=e.bottom[t];o.moveRow(n.sRecordIndex,"bottom")}}setRowgroup(e){const t=this.widget,o=t.groupbyManager;if(!e||!t.bGroupBy)return;const n=e.open,r=e.pagedRows;o.aAddedGroupRecords=r;for(let e=0;e<n.length;e++){let t=n[e];const r=o.getRecord(t);o.aOpenGroups.push(t),r.open=!0}o.reloadGroups()}setSelector(e){if(e.area){let t=e.area.toLowerCase();this.widget[`${t}erFocusManager`].select(e.startRow,e.startColumn)}else this.widget.webcomponent.select(e.startRow,e.startColumn,e.endRow,e.endColumn)}setRowselector(e){const t=this.widget,o=t.aColumnMapping.findIndex((e=>e.sCellType===r.default.internalColumn.recordselector));if(-1!==o)for(let n=0;n<e.length;n++){let r,a=e[n],i=t.store.oLocalModel[a];r="top"===i.sFrozen||"bottom"===i.sFrozen?t.getDataRowIndexByContainerIndex(i.nRowIndex,i.sFrozen):t.getDataRowIndexByRecordIndex(a,i.sFrozen);let s=t.getDOMByIndex(r,o).querySelector("zg-checkbox");s&&(s.checked=!0)}}setPage(e){let t=Math.max(parseInt(e,10)-1,0);this.widget.setCurrPageIdx(t)}setPagesize(e){this.ZG.setPageSize(e)}setLayout(e){this.ZG.setLayout(e)}setSearch(e){this.ZG.searchGrid(e)}setSort(e){if(e){const t=e.index,o=1===e.order?"asc":"desc";this.ZG.sortColumn(t,o)}}getActiveStates(){const e=this.stateOptions.preserveStateOptions;let t;return t=e&&"all"!==e?e.split(",").map((e=>e.trim())):["columnvisibility","columnposition","columnfrozen","columnwidth","rowfrozen","search","filter","sort","pagesize","rowgroup","page","layout","rowselector","selector"],t}destroy(){}}},9232:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(8419),r=o(2816);const a=class{constructor(e){this.widget=e.widget,this.ZG=this.widget.webcomponent,this.close=null,this.icon=null,this.statusText=null}setStatus({icon:e="error",msg:t,state:o="error",sDetails:a,sLabel:i,fnDetails:s}={}){const l=this.ZG.getAttribute(n.default.zgStatus.delayAttr),d=l&&parseInt(l)?parseInt(l):n.default.zgStatus.delay,c=this.ZG.getAttribute(n.default.zgStatus.persistAttr),h=-1===[void 0,null].indexOf(c)||a,u=this.ZG.oDOMStatus,g=this.ZG.getAttribute(n.default.zgStatus.positionAttr),p=-1===[void 0,null].indexOf(g)&&g===n.default.zgStatus.barPosition;u.setAttribute(n.default.attr.type,o||"error"),p?u.setAttribute(n.default.zgStatus.positionAttr,n.default.zgStatus.barPosition):u.removeAttribute(n.default.zgStatus.positionAttr),this.icon=u.shadowRoot.querySelector(`${n.default.zgIcon.tagName}`),e?(this.icon.removeAttribute(`${n.default.attr.hidden}`),this.icon.setAttribute(n.default.attr.name,e)):this.icon.setAttribute(`${n.default.attr.hidden}`,""),t&&(this.statusText=u.shadowRoot.querySelector(".zg-status-text"),this.statusText.textContent=t),a&&s?(this.details=u.shadowRoot.querySelector(".zg-status-details"),this.details.innerHTML="<br><br>"+a,r.Z.get(this.details).on("click",(e=>{this.widget.detailsManager.openDetailsMessage(null,s,i),u.removeAttribute(n.default.attr.active)}))):this.details&&(this.details.innerHTML=""),u.setAttribute(n.default.attr.active,""),h||(this.messageTimeout=setTimeout((()=>{this.widget.bDisconnect||(u.removeAttribute(n.default.attr.active),this.messageTimeout=null)}),d))}closeStatus(){this.ZG.oDOMStatus.removeAttribute(n.default.attr.active),this.widget.focusManager.initChangeFocus("up")}destroy(){this.close=null,this.icon=null,this.statusText=null,this.messageTimeout&&(clearTimeout(this.messageTimeout),this.messageTimeout=null)}}},7581:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(2816),r=o(3605),a=o(2260),i=o(8419);const s=class{constructor(e){this.widget=e.widget,this.ZG=this.widget.webcomponent}_getTooltipOptions(e,t,o){const n=this.widget.store,r=e.toLowerCase(),i={},s=this.widget[`o${e}Tooltip`];!t[`fn${e}TooltipRenderer`]&&t[`${r}TooltipRenderer`]?t[`fn${e}TooltipRenderer`]=a.Z.setUserFunction(null,t[`${r}TooltipRenderer`]):!s[`fn${e}TooltipRenderer`]&&s[`${r}TooltipRenderer`]&&(s[`fn${e}TooltipRenderer`]=a.Z.setUserFunction(null,s[`${r}TooltipRenderer`]));if([`oDOM${e}TooltipTemplate`,`fn${e}TooltipRenderer`,`${r}TooltipText`,`${r}TooltipIcon`,`${r}TooltipIconPosition`,`${r}TooltipDelay`,`${r}TooltipPosition`,`${r}TooltipTemplate`,`${r}TooltipType`,`${r}TooltipTrigger`,`${r}TooltipAction`].forEach((o=>{const n=new RegExp(e,"i");let r=o.replace(n,"");r=r.charAt(0).toLowerCase()+r.slice(1),i[r]=t[o]||s[o]||null})),"Header"===e)i.oTemplateContext={fieldIndex:t.sFieldIndex,headerText:t.sColumnHeaderText},i.aRendererArgs=[t.sFieldIndex,t.sColumnHeaderText,this,t];else if(o.sGroupRecordIndex);else{const e=n.get(o.sTargetRecordIndex).oRecordRawData,t=o.indexData();i.oTemplateContext={record:e,index:t},i.aRendererArgs=[t,e,this,o]}return i}_getTooltipContent(e,t){let o=null;const n=t.oDOMTooltipTemplate,a=this.widget.store,i=t.oTemplateContext,s=t.aRendererArgs||[];let l=t.tooltipText;const d={tooltipText:l};for(let e in i)d[e]=i[e];l&&-1!==l.indexOf(a.templateStartDelimiter)&&(d.tooltipText=l=a.populateTemplate(l,null,d)),n&&(o=a.populateTemplate(n,null,d));const c=t.fnTooltipRenderer;if(c&&c.method){const e=c.method,t=[l,...s],n=c.scope;let a=e.apply(n,t);r.Uh(a)&&(o=a)}else l&&!n&&(o=l);return o}_hasTooltip(e,t){const o=t.fnTooltipRenderer&&t.fnTooltipRenderer.method;return!!t.tooltipText||o||t.oDOMTooltipTemplate}_initTooltipTriggers(e,t,o){o?t.fnUnClick=e.on("click",(e=>this._toggleTarget(e,t)),this):(t.fnUnMouseEnter=e.on("mouseenter",(e=>this._delayTarget(e,t)),this),t.fnUnMouseLeave=e.on("mouseleave",(e=>this._hideTarget(e,t)),this))}_hideTarget(e,t,o,r){const a=this.ZG.oDOMTooltip;if(this.tooltipDelay&&!r&&clearTimeout(this.tooltipDelay),!o){const o=e.oBrowserEvent.relatedTarget;if(n.Z.elContains(t.oTrigger,o)||n.Z.elContains(a,o))return;e&&e.stopPropagation()}t===this.oCurrentParent&&(a._hideTarget(),this.oCurrentParent=null,t.bTooltipOpen=!1,this.fnUnMouseLeave&&(this.fnUnMouseLeave(),this.fnUnMouseLeave=null))}_delayTarget(e,t,o){const n=t.oTooltipOptions,r=n.tooltipDelay||o||n.defaultTooltipDelay||0;r?(this.tooltipDelay&&clearTimeout(this.tooltipDelay),this.tooltipDelay=setTimeout((()=>{this._showTarget(e,t)}),r)):this._showTarget(e,t)}_showTarget(e,t,o){const n=this.ZG.oDOMTooltip;if(n&&!t.bTooltipOpen){if(this.oCurrentParent&&this._hideTarget(null,this.oCurrentParent,!0),t.tagName.toLowerCase()===i.default.zgCell.tagName){const e=this.widget.selectorEngineManager.$cell(t),o=t.getAttribute("type")===i.default.internalColumn.rowgroup,n=e&&e.sGroupRecordIndex;if(o&&!n)return;if(n&&!o)return}this.oCurrentParent=t,t.bTooltipOpen=!0,n._showTarget(e,t.sTooltipContent,t),o||(this.fnUnMouseLeave=n.on("mouseleave",(e=>this._hideTarget(e,t)),this))}}_toggleTarget(e,t){t.bTooltipOpen?this._hideTarget(e,t,!0):this._showTarget(e,t,!0)}destroy(){this.close=null,this.icon=null,this.statusText=null,this.messageTimeout&&(clearTimeout(this.messageTimeout),this.messageTimeout=null)}}},1704:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>h});var n=o(8965),r=o(3605),a=o(2816),i=o(8419),s=o(7673),l=o(2260),d=o(4584);class c extends n.Z{constructor(e){(e=e||{})._defaults={},super(e),this.resetGlobals(),this.nInitialWidth=0,this.updating=!1,this.nInitialWindowWidth=document.documentElement.clientWidth,this.resizeTO,this.resizeWindow=()=>{this.widget&&this.widget.bAPIReady&&(!this.widget.webcomponent.oDOMDialog||""!==this.widget.webcomponent.oDOMDialog.open&&!0!==this.widget.webcomponent.oDOMDialog.open)&&(window.clearTimeout(this.resizeTO),this.resizeTO=setTimeout((()=>{if(this.nInitialWindowWidth===document.documentElement.clientWidth)return;this.nInitialWindowWidth=document.documentElement.clientWidth;const e=window.innerWidth-document.documentElement.clientWidth;this.widget.renderTo.style.display="none",this.nSavedResizeWidth=this.widget.webcomponent.clientWidth;const t=window.innerWidth-document.documentElement.clientWidth,o=Math.abs(document.documentElement.clientWidth-this.widget.webcomponent.clientWidth-e);e>0&&0===t&&o<=3&&(this.nSavedResizeWidth-=e),this.widget.renderTo.style.display="",this._removeFixedWrapperWidth(),this.updateResizeWindow()}),100))};try{window.top.addEventListener("resize",this.resizeWindow,{passive:!0})}catch(e){window.addEventListener("resize",this.resizeWindow,{passive:!0})}}update(e,t,o){const n=this.widget,r=n.webcomponent;let a=!1,s=!1;if(void 0===t&&(t=null),void 0===o&&(o=null),this.widget.webcomponent.bRemoved)return;if(this.updating||(n.nLoadingImages=0),this.updating=!0,this.sOrientation=window.orientation,this.bIsIframe=window!==window.top,e=e||{},n.bPreloaded&&(this.cleanPreload(),e.bUpdateColumnHeaderAssignment&&(e={bUpdateColumnBodyContainerClass:!0,bUpdateColumnHeaderAssignment:!0,bInitialSizeCheck:!0})),this.oOption=e,!this.nInitialWidth){n.mainGridTable?this.nInitialWidth=n.oDOMScroller.clientWidth:this.nInitialWidth=r._oShadowRoot.querySelector("#scroll").clientWidth,this.nCurrContainerWidth=this.nInitialWidth,this.nIframeParentWidth=Math.min(this.nInitialWidth,document.documentElement.clientWidth);let e=r.getBoundingClientRect().width,t=window.innerWidth;this.nPadding=e?Math.max(t-e,20):0,this.setMainContainerWidth()}if(e.bNoReRenderer||r.oDOMCellOverflow.close(),e.bUpdateRowMappingFilter&&this.updateRowMappingFilter(),e.bUpdateContainer&&(s=this.updateRowContainer()),e.bNoHeaderRecalc||!e.bUpdateColumnHeaderContent&&!e.bUpdateColumnHeaderAssignment||(this.updateHeaderStructure(),this.updateHeaderRowContainer(e.bUpdateFilter)),(e.bUpdateColumnHeaderAssignment||e.bUpdateColumnHeaderContent)&&this.updateHeader(o,!0===e.bUpdateColumnHeaderContent),e.bUpdateColumnFooter&&this.updateFooterRowContainer(),e.bUpdateColumnFooterContent&&this.updateFooterContent(),e.bUpdateColumnFooterAssignment&&this.updateFooterAssignment(),e.bUpdateRowMappingOrder&&(this.updateRowMappingOrder(o),o=null),e.bUpdateBodyContent&&this.updateBodyAssignment(t,o),(e.bUpdateColumnBodyContainerClass||e.bUpdateBodyContent)&&this.updateBodyContainerClass(t,o),e.bUpdateBodyContent&&this.updateCustomCard(t),(e.bUpdateContainer||e.bUpdateHiddenContainer)&&this.updateHiddenColumns(e.bUpdateHiddenContainer),e.bUpdateColumnWidthCache&&this.updateColumnWidthCache(e.bHiddenColumns,e.bExpandColumns,e.bFixedColumns,e.bPreload),e.bUpdateColumnWidth||e.bUpdateHiddenContainer?a=this.updateColumnWidth(null,e.bPreload):e.bUpdateContainer&&this.updateMainFirstPosition(),(e.bUpdateBodyContent||e.bUpdateColumnWidth)&&this.widget.cellBreakManager.setCellBreak(),a||e.bUpdateColumnHeaderContent||e.bUpdateColumnHeaderAssignment||e.bUpdateColumnWidthCache){const t=a||e.bUpdateColumnHeaderContent;e.bNoHeaderRecalc||this.updateHeaderCellContainerClass(t,e.bInitialSizeCheck),this.updateFooterCellContainerClass(t)}e.bUpdateColumnHeaderAssignment&&this.updateHeaderStyle(),e.bUpdateColumnFooterAssignment&&this.updateFooterStyle(),!e.bInitialSizeCheck&&(e.bUpdateColumnWidth||e.bUpdateColumnBodyContainerClass||e.bUpdateBodyContent)&&this.calculateRowHeights();const l=n.bHasFootRow?1:0,d=n.getRowContainerCount()+n.getAllHeaderDepth()+l;if(n.oDOMMainGridTable.setAttribute(i.default.aria.rowCount,d),n.oDOMMainGridTable.setAttribute(i.default.aria.colCount,n.aColumnMapping.length),s){let n=e.bInitialSizeCheck;e.bInitialSizeCheck=!1,this.updateRowsPerSet(),e.bNoHeaderRecalc=!0,this.update(e,t,o),e.bInitialSizeCheck=n}e.bInitialSizeCheck?(this.nSavedResizeWidth=this.widget.webcomponent.clientWidth,this._removeFixedWrapperWidth(),this.updateResizeWindow()):r.height&&(r.oDOMMain.style.height=r.oDOMVScroller.getBoundingClientRect().height+"px"),!e.bUpdateColumnWidth||a||e.bInitialSizeCheck||this.bResizing||this.checkHorizontalScroll(!0),this.updating=!1}setMainContainerWidth(){const e=this.widget,t=e.webcomponent,o=e.mainGridTable.dom,n=this.bIsIframe?this.nIframeParentWidth:this.nInitialWidth;t.getAttribute(i.default.zgLayout.attr)===i.default.zgLayout.typeCard||e.nSetWidth||(o.style.width=n+"px",o.setAttribute(i.default.attr.width,""))}checkHorizontalScroll(e){const t=this.widget;if(!t||!t.mainGridTable)return;let o=t.webcomponent,n=t.mainGridTable.dom,r=o._oShadowRoot.querySelector("#scroll"),a=this.bIsIframe?this.nIframeParentWidth:this.nInitialWidth;const s=o.getAttribute(i.default.zgLayout.attr)===i.default.zgLayout.typeCard;if(o.clientWidth>=a&&a+0===o.clientWidth&&(a+=0),s)return n.removeAttribute(i.default.attr.style),void(e||(t.bNeedsRowResize=!0));this.setMainContainerWidth(),r&&(r.style.width<n.style.width||""===n.style.width)&&(r.style.width="")}updateWrapperSize(){const e=this.widget,t=e.webcomponent,o=e.mainColumnBody.oDOMWrapper,n=this.nSavedResizeWidth||this.getVisibleBodyWidth();let r=o.getBoundingClientRect().width,a=0;if(!d.V5){const e=t._oShadowRoot.querySelector("#scroll").getBoundingClientRect().width;e!==n&&(a=n-e,r+=a),r=Math.max(r,n)}e.isCardLayout()?this.clearFrameWidths():(e.oHeadWrapper.style.width=n+"px",t.oDOMHead.style.width=r+"px",e.oFootWrapper.style.width=n+"px",t.oDOMFoot.style.width=r+"px")}updateFrozenMainSize(){const e=this.widget,t=e.webcomponent,o=e.mainColumnBody.oDOMWrapper,n=this.nSavedResizeWidth||this.getVisibleBodyWidth();let r=o.getBoundingClientRect().width,a=0;if(!d.V5){const e=t._oShadowRoot.querySelector("#scroll").getBoundingClientRect().width;e!==n&&(a=n-e,r+=a),r=Math.max(r,n)}e.isCardLayout()?this.clearFrameWidths():(t.oDOMFrozenMainFootFrame.style.width=n+"px",t.oDOMFrozenMainHeadFrame.style.width=n+"px",t.oDOMFrozenMainHead.style.width=r+"px",t.oDOMFrozenMainFoot.style.width=r+"px",t.oDOMNodata&&(t.oDOMNodata.style.width=r+"px"))}getVisibleBodyWidth(){const e=!d.V5,t=this.widget.webcomponent,o=this.widget.el.dom,n=t._oShadowRoot.querySelector("#scroll");let r=null;if(this.widget.nSetWidth){let e=this.widget.nSetWidth;(+e==e||-1!==e.indexOf("px"))&&(r=parseInt(e,10))}return r||(r=e?o.getBoundingClientRect().width-0:n.getBoundingClientRect().width-0),r}updateResizeWindow(e,t){const o=this.widget,n=o.webcomponent,a=o.mainGridTable.dom;let i=!1;if(this.bResizing=!0,!this.nPadding){let e=o.webcomponent.getBoundingClientRect().width,t=window.innerWidth;this.nPadding=Math.max(t-e,20),i=!0}(e||this.bIsIframe&&this.sOrientation!=window.orientation)&&(n.style.display="none",this.clearStyle(),n.style.display=""),(i||o.nSetWidth)&&(n._setScrollWidth(o.nSetWidth,!0),this.nInitialWidth=this.nCurrContainerWidth=a.clientWidth);const s=r.c7.get(this.widget,["viewportManager"]);let l=!1;if(!o.nSetWidth){let e=o.mainGridTable.dom;e.clientWidth>this.nInitialWidth&&(l=!0),this.nInitialWidth=this.nSavedResizeWidth||e.clientWidth,this.nIframeParentWidth=Math.min(this.nInitialWidth,document.documentElement.clientWidth),this.nCurrContainerWidth=this.nInitialWidth,this.nSavedResizeWidth=null}!this.updating&&s&&s.run.play?(s.setViewport(i),window.requestAnimationFrame((()=>{o.bDisconnect||this.finishResize(l)}))):this.finishResize(l)}finishResize(e){const t=this.widget,o=t.webcomponent;this.checkHorizontalScroll(),this.resizeGrid(e),o.height&&(o.oDOMMain.style.height=o.oDOMVScroller.getBoundingClientRect().height+"px"),t.webcomponent.oDOMCellOverflow.close(),t&&t.recordEditor&&t.recordEditor.cancelOpenEdit(),this.bResizing=!1}updateRowMappingFilter(){(this.widget.bHasFilterEnabled||this.widget.bHasSearchEnabled)&&this.widget.filter.filter()}updateRowMappingOrder(e){let t=this.widget,o=t.aColumnMapping;if(null===e)for(let e=0,n=o.length;e<n;e++)t.sorter.sortRowMappingByColumn(o[e]);else t.sorter.sortRowMappingByColumn(o[e]);t.sorter.unsetActiveSort()}updateHeaderRowContainer(e){const t=this.widget,o=t.mainColumnHeader,n=t.getHeaderContainer(),r=n.childNodes,a=t.getHeaderDepth();let s=r.length-a,l=n.querySelector("zg-filter"),d=n.querySelector('zg-row[type="aggregate"]'),c=n.querySelectorAll('zg-row[type="frozen"]').length,h=t.aTopRowMapping.length,u=l&&!t.bHasFilterEnabled,g=d&&!t.bHasHeadRow;if(l&&s--,d&&s--,s-=c,(l||d||c)&&(e||0!==s||u||g)){l&&(this.removeHeaderRows(),this.widget.aFilters.length=0),d&&this.removeHeaderRows();for(let e=0;e<c;e++)this.removeHeaderRows();l=!1,d=!1,c=0}if(s<0&&(this.widget.aFilters.length=0),this.updateRows(o,s),a||t.bHeaderRowHide){if(t.bHasFilterEnabled&&!l){o.insertRow(!0).forEach((e=>e?e.setAttribute(i.default.attr.type,"filter"):null))}if(t.bHasHeadRow&&!d){o.insertRow(!1,!0).forEach((e=>e?e.setAttribute(i.default.attr.type,"aggregate"):null))}if(h!==c)for(let e=0;e<h;e++){o.insertRow(!1,!0).forEach((t=>{t&&(t.setAttribute(i.default.attr.type,"frozen"),t.dataRowIndex=e)}))}}t.columnMenu&&!t.bColumnClick&&t.columnMenu.initMenu()}updateHeaderStructure(){const e=this.widget,t=e.sNestedDataSeparator,o=e.getHeaderDepth();let n=e.bHasFilterEnabled?o:-1,a=e.bHasHeadRow?o:-1;a>-1&&n>-1&&a++;const i=Math.max(n+1,a+1,o),s=e.nTopFrozenRows,l=e.aColumnMapping.map((e=>this._setColumnText(e))),d=l.map((e=>r.Sh(e)?[e]:r.String._splitHeader(e,t)));if(!d.length)return;const c=[];let h,u,g;for(let e=0,t=d.length;e<t;e++){u=d[e].length;for(let t=0,n=o;t<n;t++)h={},g=d[e][t],h.rowspan=t<u-1?1:t===u-1?o-u+1:0,h.text=null!==g?g:c[t-1][e].text,c[t]=c[t]||[],c[t][e]=h;-1!==n&&(c[n]=c[n]||[],c[n][e]={colspan:1,rowspan:1,text:""}),-1!==a&&(c[a]=c[a]||[],c[a][e]={colspan:1,rowspan:1,text:""});for(let t=0;t<s;t++){let o=i+t;c[o]=c[o]||[],c[o][e]={colspan:1,rowspan:1,text:""}}}let p,m=1,f="";for(let t=0,n=o;t<n;t++){p=0,f="",m=1;for(let o=0,n=l.length;o<n;o++){g=c[t][o].text,u=d[o].length;let n=e.aColumnMapping[o].bHidden;""!==g&&g===f&&u>1?m++:n||(c[t][p].colspan=m,p=o,f=g,m=1)}c[t][p].colspan=m}this.aaoFieldIndexT=c}updateHeaderCellContainerClass(e,t){e=e||!1;let o=!1;const n=this.widget,r=n.webcomponent;n.mainColumnHeader||(o=!0);if(!this.aaoFieldIndexT&&!o)return;let a=[];this.oHeaderPositions=[],n.savedScrollVal&&(n.oDOMMainScroll.scrollLeft=0,r.oDOMHead.style.transform="");let i=this.widget.aColumnMapping.length-n.nRightFrozenColumns;if(i<=n.nLeftFrozenColumns-1&&(i=n.nLeftFrozenColumns),this.processHeadRows(0,"Left",a,e),this.processHeadRows(n.nLeftFrozenColumns,"",a,e),this.processHeadRows(i,"Right",a,e),a.length&&(this.oOldHeaderStyles=a),n.savedScrollVal&&!t){let e=n.mainColumnBody.oBody.offsetWidth-n.oDOMMainScroll.offsetWidth;n.oDOMMainScroll.scrollLeft=Math.min(n.savedScrollVal,e),n.updateHeadFootScroll()}}processHeadRows(e,t,o,n){const r=this.widget,a=this.aaoFieldIndexT,s=r.getRegionsByColumnArea(t),l=s.oHead,d=s.oBody,c=l.childNodes,h=l.getBoundingClientRect(),u=r.aColumnMapping;let g,p,m,f,b,v,y,z=[];const w=c.length-1;let C=!1,S=0;const x=r.getFirstDataRowByArea(s);s.oBody.childNodes[0]||(C=!0),c.forEach(((t,s)=>{let l=[];S=0;let k=r.nDefaultHeadHeight;t.childNodes.forEach(((o,R)=>{let M=R+e;g=x?x.childNodes[R]:o,y=u[M],f=y.oDOMZGColumn||y,a?(p=a[s][M].colspan||0,v=a[s][M].rowspan||0):(p=1,v=1),p>=1&&(o.colSpan=p,!y.bHidden&&o.hasAttribute("hidden")&&(o.removeAttribute(i.default.attr.style),o.removeAttribute("hidden"))),v>=1&&(o.rowSpan=v),n&&!y.bHidden&&"absolute"===o.style.position&&o.removeAttribute(i.default.attr.style);if("ellipsis"!==r.cellBreakManager.getCellBreakByColumn(R)&&o.setAttribute(i.default.attr.title,""),(r.webcomponent.align||y.sAlign)&&r.setCellAlignment(o,y.sAlign),o.setAttribute("depth",s+1),m=o.querySelector(`[${i.default.zgCell.cellIndexAttr}]`),c.length>1)if(m){const e=r.sNestedDataSeparator;let t=y.sColumnHeaderText||m.getAttribute(i.default.zgCell.cellIndexAttr);b="disabled"!==e&&t.split(e).length>1,b&&o.setAttribute(i.default.attr.parent,"")}else o.setAttribute("not-parent","");o.setAttribute(i.default.attr.type,y.sCellType);const D=f.getAttribute(i.default.attr.type);let O,E;i.default.internalColumnTypes.indexOf(D)>-1||"disabled"===f.getAttribute("sort")||b&&"1"===o.getAttribute("depth")||!1===y.fnSorter?(o.setAttribute("sort","disabled"),o.tagName.toLowerCase()===i.default.zgHeadCell.tagName&&o._removeSort()):o.removeAttribute("sort"),o.tagName.toLowerCase()!==i.default.zgHeadCell.tagName||o.hasAttribute("not-parent")||(y.oDOMSortHeader=o),O=s>0?z[M]:g.getBoundingClientRect(),z[M]=O,E=this.aSavedHeadCellSize[s]&&this.aSavedHeadCellSize[s][M]?this.aSavedHeadCellSize[s][M]:o.getBoundingClientRect();var T=window.getComputedStyle(g);let A=parseInt(T.borderRightWidth,10),I=parseInt(T.borderLeftWidth,10);T=window.getComputedStyle(r.webcomponent);parseInt(T.borderRightWidth,10),parseInt(T.borderLeftWidth,10);T=window.getComputedStyle(d);let _=parseInt(T.borderRightWidth,10);T=window.getComputedStyle(o);let L=parseInt(T.borderLeftWidth,10),F=parseInt(T.borderRightWidth,10);if(!x||0===O.width&&0===O.height)return this.oOldHeaderStyles?this.oOldHeaderStyles.length>s&&this.oOldHeaderStyles[s].length>M&&(o.style=this.oOldHeaderStyles[s][M]):o.style.width=`${y.nCurrWidth}px`,void(s===w&&(this.oHeaderPositions[M]={width:o.style.width,left:o.style.left}));let B=C?parseInt(f.style.width,10):O.width,G=C?S:O.left-h.left;S+=B;let H=R+1,Z=x?x.childNodes.length:0,N=p;for(;H<Z&&N>1;H++,N--){B+=x.childNodes[H].getBoundingClientRect().width}if(0===M?(B+=I/2+F/2,G-=I/2):(G-=L,B+=L,F?G+=F/2:(G+=L/2,B-=L/2)),M+p>Z-1&&p>0&&(B+=A/2-F/2,B-=_),0===p&&(B=0,o.setAttribute("hidden","")),o.nLeftPos=G,x){let e=E.height;o.style.left=`${G}px`,o.style.width=`${B}px`,"frozen"===t.getAttribute(i.default.attr.type)?(o.style.position="absolute",e=o.getBoundingClientRect().height):r.bCompact||(o.style.lineHeight=E.height*v+"px"),e=k=Math.max(k,e),o.style.height=e*v+"px",o.style.position="absolute",l.push(o.getAttribute(i.default.attr.style)),k>r.nDefaultHeadHeight&&(t.style.height=k+"px"),s===w&&(this.oHeaderPositions[M]={width:B,left:G}),o.tagName.toLowerCase()===i.default.zgHeadCell.tagName&&0!==B&&(y.nFullHeaderWidth&&B<y.nFullHeaderWidth?o.setAttribute(i.default.zgHeadCell.isContentLongerAttr,""):o.removeAttribute(i.default.zgHeadCell.isContentLongerAttr))}})),l.length&&(o[s]?o[s].push(...l):o[s]=l)}))}updateHeader(e,t){const o=this.widget,n=o.aColumnMapping,r=o.mainColumnHeader,a=this.aaoFieldIndexT,i=(e,o)=>{let n,r;n=a[e][o].colspan||0,r=a[e][o].rowspan||0,0!==n&&0!==r&&this.updateHeaderCellAssignment(e,o,t)};if(!n.length)return;let s=r.oHead.childNodes;if(s.length)for(let t=0,o=s.length;t<o;t++)if(e)i(t,e);else for(let e=0,o=n.length;e<o;e++)i(t,e)}updateHeaderStyle(){this._updateHeader(this.updateHeaderCellStyle,!1)}_updateHeader(e,t){let o=this.widget.aColumnMapping,n=this.widget.mainColumnHeader;if(o.length)for(let r=0,a=n.oHead.childNodes.length;r<a;r++)for(let n=0,a=o.length;n<a;n++){const a=o[n].sCellType;t&&!o[n].sFieldIndex&&a!==i.default.cellTypes.aggregate||e.call(this,r,n)}}updateHeaderCellStyle(e,t){const o=this.widget;let n=o.webcomponent;const a=o.aColumnMapping[t],s=`${a.sColumnId}+${e}`;let l=o.oZGHeadCellMap[s];const d=o.aColumnMapping[t];let c;if(l&&l.parentNode)c=l.parentNode;else{const n=o.getHeaderByColumnIndex(t),r=o.getAdjustedColumnIndex(t),a=n.querySelectorAll("zg-row"),i=e;a.length>i&&(c=a[i].childNodes[r])}if(c){c.setAttribute(i.default.zgCell.cellIndexAttr,a.sFieldIndex),c.className="";let e=r.XU(n.fnHeadClass,n.headClass,[d.sFieldIndex,c,d]);e&&c.classList.add(e);let t=r.XU(n.fnColClass,n.colClass,[d.sFieldIndex,c,d]);if(t&&c.classList.add(t),c.sCellClass){c.sCellClass.split(" ").forEach((e=>c.classList.add(e))),c.sCellClass=null}}}updateHeaderCellAssignment(e,t,o){const n=this.widget,r=n.aColumnMapping[t],a=`${r.sColumnId}+${e}`;let s=n.oZGHeadCellMap[a];!o&&s&&s.parentNode&&!s.parentNode.bRemoved||(s=this.updateHeaderCellContent(e,t)),s&&s.setAttribute(i.default.zgCell.cellIndexAttr,r.sFieldIndex)}updateHeaderCellContent(e,t){const o=this.widget,n=(o.store,this.aaoFieldIndexT),a=o.aColumnMapping,s=a[t].sColumnId+"+"+e,d=a[t],c=o.getHeaderByColumnIndex(t),h=o.getAdjustedColumnIndex(t),u=c.childNodes[e],g=u.childNodes[h];let p,m=o.oZGHeadCellMap[s]||g.querySelector("div");if("zg-filter"===g.tagName.toLowerCase())return!1;if(m&&m.parentNode&&m.parentNode.bRemoved&&(m=null),o.bPreloaded)return d.sCellType===i.default.internalColumn.recordselector&&d.fnRenderer.method.apply(d,[null,m]),m;if(m||(m=document.createElement("div"),g.appendChild(m)),d.bHidden&&g.setAttribute(i.default.attr.hidden,""),"aggregate"===u.getAttribute("type")){let e=d.sHeadCell,n=d.fnHeadCell;e&&!n&&(n=d.fnColHeadCell=l.Z.setUserFunction(null,e)),p=o.aggregateManager.calculateAggregateColumn(e,n,d.sFieldIndex,d,t)}else p=n[e][t].text;if(d.sCellType===i.default.internalColumn.recordselector){let e=d.fnRenderer.method.apply(d);o.webcomponent._setSelectorCheckbox(e)}return r.Sh(p)?(m.innerHTML="",m.appendChild(p)):m.innerHTML=`<span>${p}</span>`,o.oZGHeadCellMap[s]=m,m.setAttribute(i.default.zgCell.cellIndexAttr,a[t].sFieldIndex),g.setAttribute(i.default.zgCell.cellIndexAttr,a[t].sFieldIndex),g.tagName.toLowerCase()===i.default.zgHeadCell.tagName&&d.nHeaderDepth===e+1&&g._setHeaderTooltip(),m}updateFooterRowContainer(){const e=this.widget;let t=e.mainColumnFooter;const o=t.oFoot.childNodes,n=e.bHasFootRow?1:0;let r=o.length-n,a=t.oFoot.querySelectorAll('zg-row[type="frozen"]').length;const s=e.aBottomRowMapping.length-a;if(r-=a,s>0)for(let e=0;e<s;e++){t.insertRow(!1).forEach((e=>e?e.setAttribute(i.default.attr.type,"frozen"):null))}else s<0&&(r+=s);this.updateRows(t,r)}updateFooterAssignment(){this._updateFooter(this.updateFooterCellAssignment,!1)}updateFooterContent(){this._updateFooter(this.updateFooterCellContent,!0)}updateFooterStyle(){this._updateFooter(this.updateFooterCellStyle,!1)}_updateFooter(e,t){let o=this.widget.aColumnMapping,n=this.widget.mainColumnFooter;if(!o.length)return;let r=n.oFoot.childNodes;if(r.length)for(let n=0,a=r.length;n<a;n++)for(let r=0,a=o.length;r<a;r++){const a=o[r].sCellType;t&&!o[r].sFieldIndex&&a!==i.default.cellTypes.aggregate||e.call(this,n,r)}}updateFooterCellStyle(e,t){const o=this.widget;let n=o.webcomponent;const a=o.aColumnMapping[t],i=`${a.sColumnId}+${e}`;let s=o.oZGFootCellMap[i];if(!s)return;let l=s.parentNode;if(!l){const n=o.getFooterByColumnIndex(t),r=o.getAdjustedColumnIndex(t),a=n.querySelectorAll('zg-row[type="frozen"]');a.length>e&&(l=a[e].childNodes[r])}if(l){l.className="";let e=r.XU(n.fnFootClass,n.footClass,[a.sFieldIndex,l,a]);e&&l.classList.add(e);let t=r.XU(n.fnColClass,n.colClass,[a.sFieldIndex,l,a]);t&&l.classList.add(t)}if(l.sCellClass){l.sCellClass.split(" ").forEach((e=>l.classList.add(e))),l.sCellClass=null}}updateFooterCellAssignment(e,t){const o=this.widget,n=o.aColumnMapping[t],r=`${n.sColumnId}+${e}`;let a=o.oZGFootCellMap[r];const s=n.sFieldIndex;a||(a=this.updateFooterCellContent(e,t)),a&&a.setAttribute(i.default.zgCell.cellIndexAttr,s)}updateFooterCellContent(e,t){let o=this.widget,n=o.aColumnMapping,a=n[t],s=a.sColumnId+"+"+e;const d=o.getFooterByColumnIndex(t),c=o.getAdjustedColumnIndex(t),h=a.sFootCell;let u,g=a.fnFootCell,p=d.childNodes[e],m=p.childNodes[c],f=o.oZGFootCellMap[s]||m.querySelector("div");return"frozen"===p.getAttribute(i.default.attr.type)?u="":(h&&!g&&(g=a.fnColFootCell=l.Z.setUserFunction(null,h)),u=o.aggregateManager.calculateAggregateColumn(h,g,a.sFieldIndex,a,t)),f||(f=document.createElement("div"),m.appendChild(f)),r.Sh(u)?(f.innerHTML="",f.appendChild(u)):f.innerHTML=u,o.oZGFootCellMap[s]=f,f.setAttribute(i.default.zgCell.cellIndexAttr,n[t].sFieldIndex),f}updateFooterCellContainerClass(e){let t,o,n;e=e||!1;let r,a,i,s=!1;const l=this.widget,d=l.webcomponent;if(!l.bHasFootRow&&!l.nBottomFrozenRows)return;l.mainColumnFooter?(t=l.mainColumnFooter.oFoot,o=l.leftColumnFooter.oFoot,n=l.rightColumnFooter.oFoot,r=l.mainColumnBody.oBody,a=l.leftColumnBody.oBody,i=l.rightColumnBody.oBody):(t=d.querySelector("zg-head#mainhead"),o=d.querySelector("zg-head#lefthead"),n=d.querySelector("zg-head#righthead"),r=d.querySelector("zg-body#mainbody"),a=d.querySelector("zg-body#leftbody"),i=d.querySelector("zg-body#rightbody"),s=!0);if(!this.aaoFieldIndexT&&!s)return;let c=[];const h=this.widget.aColumnMapping.length-l.nRightFrozenColumns;this.processFootRows(0,"Left",c,e),this.processFootRows(l.nLeftFrozenColumns,"",c,e),this.processFootRows(h,"Right",c,e),c.length&&(this.oOldFooterStyles=c)}processFootRows(e,t,o,n){const r=this.widget.aColumnMapping;let a,s;const l=[],d=this.widget,c=d.getRegionsByColumnArea(t),h=c.oFoot,u=h.childNodes,g=d.getFirstDataRowByArea(c);u.forEach(((t,o)=>{l[o]=[];let c=d.nDefaultHeadHeight;t.childNodes.forEach(((u,p)=>{let m=p+e;s=g?g.childNodes[p]:u,a=r[m];const f=d.getAreaByColumnIndex(m);n&&!a.bHidden&&"absolute"===u.style.position&&u.removeAttribute(i.default.attr.style),(d.webcomponent.align||a.sAlign)&&d.setCellAlignment(u,a.sAlign),"main"===f&&0===p&&a.oDOMSortHeader&&a.oDOMSortHeader.style.borderLeft&&(u.style.borderLeft=a.oDOMSortHeader.style.borderLeft),l[o][m]=[s.getBoundingClientRect(),u.getBoundingClientRect(),h.getBoundingClientRect()];const[b,v,y]=l[o][m];if(0===b.width&&0===b.height)return void(this.oOldHeaderStyles?this.oOldHeaderStyles.length>o&&this.oOldHeaderStyles[o].length>m&&(u.style=this.oOldHeaderStyles[o][m]):this.oHeaderPositions&&this.oHeaderPositions[m]&&(u.style.width=this.oHeaderPositions[m].width,u.style.left=this.oHeaderPositions[m].left));let z=b.width,w=b.left-y.left;if(this.oHeaderPositions&&this.oHeaderPositions[m]&&(z=this.oHeaderPositions[m].width,w=this.oHeaderPositions[m].left),g&&z){let e=v.height;u.style.left=`${w}px`,u.style.position="absolute",u.style.width=`${z}px`,"frozen"===t.getAttribute(i.default.attr.type)?(e=u.getBoundingClientRect().height,e=c=Math.max(c,e)):d.bCompact||(u.style.lineHeight=`${v.height}px`),u.style.height=`${e}px`,c>d.nDefaultHeadHeight&&(t.style.height=c+"px")}}))}))}removeAllHeaderRows(){const e=this.widget,t=this.widget.mainColumnHeader,o=e.leftColumnHeader,n=e.rightColumnHeader;this.updateRows(o,o.oHead.childNodes.length),this.updateRows(t,t.oHead.childNodes.length),this.updateRows(n,n.oHead.childNodes.length)}removeAllFooterRows(){const e=this.widget,t=this.widget.mainColumnFooter,o=e.leftColumnFooter,n=e.rightColumnFooter;this.updateRows(o,o.oFoot.childNodes.length),this.updateRows(t,t.oFoot.childNodes.length),this.updateRows(n,n.oFoot.childNodes.length)}removeHeaderRows(){const e=this.widget;e.mainColumnHeader.removeRow(),e.leftColumnHeader.removeRow(),e.rightColumnHeader.removeRow()}updateRows(e,t){if(t>0)for(let o=0;o<t;o++)e.removeRow();else t<0&&(t=-t,e.insertRows(t))}cleanPreload(){if(!this.widget.webcomponent)return;const e=this.widget.getAllBodies(),t=this.widget.getAllHeads();for(let t=0;t<e.length;t++)this.removeNonElements(e[t]);for(let e=0;e<t.length;e++)this.removeNonElements(t[e])}removeNonElements(e,t){let o=0,n=this.widget;e.childNodes&&[...e.childNodes].forEach((t=>{if(1!==t.nodeType)e.removeChild(t);else{let e=t.tagName.toLowerCase();"zg-row"===e?t.rowIndex=o++:"zg-cell"===e&&(t.cellIndex=o++),t.widget=n,"div"!==e&&this.removeNonElements(t)}}))}clearFrameWidths(){const e=this.widget.webcomponent;e.oDOMFrozenMainFootFrame.style.width="",e.oDOMFrozenMainHeadFrame.style.width="",e.oDOMFrozenMainHead.style.width="",e.oDOMFrozenMainFoot.style.width=""}clearStyle(e){const t=this.widget;t.webcomponent;if(!t.mainColumnHeader)return;let o=this.widget.mainColumnHeader.oColGroup,n=t.mainGridTable.dom,r=t.webcomponent._oShadowRoot.querySelector("#scroll"),a=o.getElementsByTagName(i.default.zgColumn.tagName),s=t.getHeadRows(),l=t.getFootRows();n.style.width="",r.style.width="",t.updateHeadFootScroll(!0),this.clearFrameWidths(),s.forEach(((e,t)=>{e.childNodes.forEach(((e,t)=>{e.removeAttribute(i.default.attr.style)}))})),l.forEach((e=>{e.childNodes.forEach((e=>{e.removeAttribute(i.default.attr.style)}))}));for(let t=0;t<a.length;t++)a[t].removeAttribute(i.default.attr.style),e&&(a[t].removeAttribute("min-calculated-width"),a[t].removeAttribute("min-calculated-header-width"));this.nIframeParentWidth=this.nInitialWidth=this.nCurrContainerWidth=0;let d=t.aColumnMapping;(t.aRowMapping.length>0||0===d.length)&&(this.oOldHeaderStyles=[],this.oHeaderPositions=[])}clearCache(){let e=this.widget,t=e.mainColumnBody,o=e.leftColumnBody,n=e.leftColumnHeader,r=e.leftColumnFooter,a=e.rightColumnBody,i=e.rightColumnHeader,s=e.rightColumnFooter,l=e.mainColumnHeader,d=e.mainColumnFooter;e.oZGCellMap={},e.oZGHeadCellMap={},e.oZGFootCellMap={},this.updateRows(n,n.oHead.childNodes.length),this.updateRows(o,o.oBody.childNodes.length),this.updateRows(r,r.oFoot.childNodes.length),this.updateRows(t,t.oBody.childNodes.length),this.updateRows(l,l.oHead.childNodes.length),this.updateRows(d,d.oFoot.childNodes.length),this.updateRows(i,i.oHead.childNodes.length),this.updateRows(a,a.oBody.childNodes.length),this.updateRows(s,s.oFoot.childNodes.length)}resizeGrid(e){const t=this.widget;if(!t||!this.widget.mainGridTable)return;const o=t.webcomponent;if(e=!1,!t.nSetWidth){let o=t.oDOMScroller;o.clientWidth>this.nInitialWidth&&(e=!0),this.nInitialWidth=this.nSavedResizeWidth||o.clientWidth,this.nIframeParentWidth=Math.min(this.nInitialWidth,document.documentElement.clientWidth),this.nCurrContainerWidth=this.nInitialWidth,this.nSavedResizeWidth=null}this.update({bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bHiddenColumns:!0,bExpandColumns:e}),t.selector.bHasSelection&&t.selector.se.select(),t.recordEditor&&t.recordEditor.onResize(),o.oDOMControlBar&&o.oDOMControlBar.checkMessageSize(),t.isCardLayout()&&requestAnimationFrame((()=>{t.bDisconnect||this.calculateCardsPerRow()}))}calculateCardsPerRow(){let e=this.widget,t=e.mainColumnBody.oBody.childNodes,o=t.length,n=null,r=0;for(r=0;r<o;r++){let e=t[r].getBoundingClientRect().y;if(null===n&&(n=e),e!==n)break}e.setCardsPerRow(r)}_updateGrid(e,t,o){if(e>0)for(let o=0;o<e;o++)t();else if(e<0){e=-e;for(let t=0;t<e;t++)o()}}updateRowsPerSet(){let e=this.widget,t=e.mainColumnBody.oBody.childNodes;if(0===t.length)e.bStaticScroll=!1;else{let o=t[0].getBoundingClientRect(),n=o.height,r=a.Z.get(e.oDOMScroller),s=r.getHeight(),l=1;if(e.webcomponent.getAttribute(i.default.zgLayout.attr)===i.default.zgLayout.typeCard){let e=r.getWidth(),t=o.width;l=Math.floor(e/t)}let d=Math.ceil(s/n)*l;e.nRowsPerSet=3*d}}updateRowContainer(){const e=this.widget;let t=e.mainColumnBody,o=t.oBody.childNodes,n=o.length,r=!1,a=e.getRowContainerCount();const i=e.webcomponent;let s=n-a;0===s&&a&&void 0===o[0].rowIndex&&o.forEach(((e,t)=>e.setBodyIndexes(t))),s<0&&e.bStaticScroll&&-1===e.nRowsPerSet&&(s=-1,r=!0),s<0&&(this.updateRows(t,s),n=o.length);for(let e=0;e<n;e++)this._updateRowVisibility(e,a);return i.height&&(i.oDOMMain.style.height=i.oDOMVScroller.getBoundingClientRect().height+"px"),r}_updateRowVisibility(e,t){const o=this.widget,n=o.mainColumnBody.oBody.childNodes,r=o.leftColumnBody.oBody,a=o.rightColumnBody.oBody,s=[n[e]];r.childNodes&&r.childNodes.length>e&&s.push(r.childNodes[e]),a.childNodes&&a.childNodes.length&&s.push(a.childNodes[e]),e<t?s.forEach((e=>e.removeAttribute(i.default.attr.hidden))):s.forEach((e=>e.setAttribute(i.default.attr.hidden,"")))}_updateBody(e,t,o){const n=this.widget;let r=n.aColumnMapping,a=n.getMainBodyRows(),s=a.length,l=r.length,d=e=>{for(let t=0;t<s;t++)a[t].hasAttribute("hidden")||(o.call(this,t,e),c(t))};function c(e){const t=n.getDataRowsByRow(e);if(!t||0===t.length)return;let o=[];for(let e=0;e<t.length;e++)o.push(...Array.from(t[e].children));const r=n.getByTagName(o,i.default.zgCell.tagName);let a=[];const s=[...r].filter((e=>e.hasAttribute(i.default.attr.control)));s.forEach((e=>a.push(e.getAttribute(i.default.attr.type)))),s.forEach((e=>e.setAttribute(i.default.attr.control,a.join(","))))}if(null===t)for(let t=0;t<l;t++)null===e?d(t):o.call(this,e,t);else d(t)}updateBodyContainerClass(e,t){this.widget.webcomponent._setGridClasses(!0),this._updateBody(null,t,this.updateCellContainerClass),this._updateBody(e,0,this.updateRowContainerClass)}updateBodyAssignment(e,t){this._updateBody(null,t,this.updateCellAssignment)}updateCustomCard(e){let t=this.widget,o=t.mainColumnBody.oBody.childNodes;t.hasCardTemplate()&&(null!=e?this.processCardTemplate(o[e]):o&&[...o].forEach((e=>this.processCardTemplate(e))))}processCardTemplate(e){if(e.hasAttribute("hidden"))return;let t=this.widget,o=t.store,n=e.bodyRowIndex,a=e.querySelector("zg-card");a||(a=e.appendChild(document.createElement(i.default.zgCard.tagName)));let s=t.getRecordIndexByDataRowContainerIndex(n),d=o.get(s).oRecordRawData,c=t.oCard?t.oCard.renderer:null,h=t.selectorEngineManager.$row(n),u={record:d};for(;a.lastChild;)a.removeChild(a.lastChild);if(t.oCardTemplate?o.populateTemplate(t.oCardTemplate,a,u):t.oCardBody&&o.populateTemplate(t.oCardBody,a,u),c){c=l.Z.setUserFunction(null,c);let e=c.method.apply(c.scope,[d,a,h])||"";r.Sh(e)?a.appendChild(e):e.length&&(a.innerHTML=e)}}updateRowContainerClass(e){const t=this.widget,o=t.webcomponent;let n=t.getFrozenRowState(e),r=t.getContainerRowIndexByDataRowIndex(e),a="",s=!e&&t.needRemoveBorder();"top"===n||"bottom"===n?(r=void 0,a=o.frozenRowClass||""):n="main";let l=t.getDataRowsByRow(e);if(!l||0===l.length)return;let d=o.rowClass||"",c=t.aZebraClasses,h="";c.length&&(h=c[e%c.length]);let u=t.selectorEngineManager.$row(e),g=null;if(u&&(g=u.sTargetRecordIndex),o.fnRowClass&&"function"==typeof o.fnRowClass.method||o.fnFrozenRowClass&&"function"==typeof o.fnFrozenRowClass.method){let i=t.store.get(g).oRecordRawData;if(o.fnRowClass&&"function"==typeof o.fnRowClass.method){let t=o.fnRowClass.scope||u;d=o.fnRowClass.method.apply(t,[i,e+1,l[0],u,n,r+1])}if(o.fnFrozenRowClass&&"function"==typeof o.fnFrozenRowClass.method){let t=o.fnFrozenRowClass.scope||u;a=o.fnFrozenRowClass.method.apply(t,[i,e+1,l[0],u,n])}}let p="";t.batchEditor.isActive()&&t.dirtyManager.isDirty(g)&&(p=t.dirtyManager.getDirtyClass(g)),d=`${a} ${h} ${p} ${d}`.trim(),d&&d.split(" ").forEach((e=>{l.forEach((t=>t.classList.add(e)))})),s?l.forEach((e=>e.setAttribute(i.default.attr.internaltop,""))):e||l.forEach((e=>e.removeAttribute(i.default.attr.internaltop)))}updateCellContainerClass(e,t){const o=this.widget;let n=o.store,a=o.getBodyByColumnIndex(t),s=o.getAdjustedColumnIndex(t);let l=o.getRow(e,t).childNodes[s];const d=l.querySelector("div");if(!l)return;let c,h=o.selectorEngineManager.$cell(e,t),u=h.sCellType,g=h.sTargetFieldIndex,p=h.sTargetRecordIndex,m=h.sGroupRecordIndex,f=u===i.default.internalColumn.rowgroup;if("bottom"===o.getFrozenRowState(e)){const t=o.aBottomRowMapping,n=o.getContainerRowIndexByDataRowIndex(e);p=h.sTargetRecordIndex=t[n].sRecordIndex}let b=o.aColumnMapping[t];const v=b.oDOMZGColumn;t!==l.cellIndex&&(l.cellIndex=t,l.setAttribute("aria-colindex",t+1)),v.title&&l.setAttribute(i.default.attr.title,v.title),l.setAttribute(i.default.zgCell.cellIndexAttr,g),d&&d.setAttribute(i.default.zgCell.cellIndexAttr,g),l.setAttribute(i.default.attr.type,u),-1!==i.default.internalColumnTypes.indexOf(u)&&(l.setAttribute(i.default.attr.control,""),l.setAttribute(i.default.attr.buttonTooltip,""),o.bPreloaded&&u===i.default.internalColumn.recordselector&&b.fnRenderer.method.apply(b,[null,l,h])),u!==i.default.cellTypes.custom&&u!==i.default.cellTypes.button||l.querySelector("zg-button")&&l.setAttribute(i.default.attr.buttonTooltip,""),a!==o.mainColumnBody.oBody?l.setAttribute(i.default.attr.frozen,""):l.removeAttribute(i.default.attr.frozen),l._setTooltip(u===i.default.internalColumn.recordinfo,b,h),o.setCellLabel({oDOMCellContainer:l,$cell:h}),c=m?f?[n.get(p,g,m)]:[""]:g.trim().split(",").map((e=>o.store.get(p,e.trim(),m))),(r.Uh(b.sArraySlice)||r.Uh(b.sArrayIndex))&&(c=o.store.getArrayData(c,b)),l.setAttribute("value",c.toString()),this.updateCellClass(c,l,b,h),(o.webcomponent.align||b.sAlign)&&o.setCellAlignment(l,b.sAlign),!m&&o.batchEditor.isActive()&&o.dirtyManager.isDirty(p,g)?l.classList.add(i.default.batchEdit.dirtyClass):l.classList.remove(i.default.batchEdit.dirtyClass)}updateCellAssignment(e,t){const o=this.widget;let n=o.getAdjustedColumnIndex(t);let r=o.getRow(e,t).childNodes[n],a=r._oShadowRoot.querySelector("slot");if(!r)return;let s=o.selectorEngineManager.$cell(e,t),l=s.sTargetFieldIndex;0===n&&(this.clearAttributes([r.parentNode]),r.parentNode.style.height=""),this.clearAttributes([r]);let d=a.assignedNodes();!o.bPreloaded&&d.length&&d.forEach((e=>{1===e.nodeType&&e.parentNode.removeChild(e)})),window.ShadyDOM&&window.ShadyDOM.flush();let c=s.sCellType;if(!l&&-1===i.default.noDataColumnTypes.indexOf(c)&&-1===i.default.internalColumnTypes.indexOf(c))return;let h=this.updateCellContent(e,t);h.parentNode&&!this.widget.bReordering||r.appendChild(h),h.parentNode.parentNode!==a.parentNode.host.parentNode&&(h.parentNode.removeChild(h),r.appendChild(h))}updateCellClass(e,t,o,n){const a=this.widget;let s=a.webcomponent,l=o.sCellType;const d=t.parentNode&&"frozen"===t.parentNode.getAttribute(i.default.attr.type);if(d?t.setAttribute("frozen-row",""):t.removeAttribute("frozen-row"),a.isCardLayout()&&-1!==i.default.internalColumnTypes.indexOf(l))return;let c=r.XU(s.fnCellClass,s.cellClass,[...e,t,n]);c=r.XU(o.fnCellClass,o.sCellClass,[...e,t,n])||c;let h=r.XU(s.fnColClass,s.colClass,[o.sFieldIndex,t,o]);if(h&&(c=null===c?h:`${c} ${h}`),c&&c.split(" ").forEach((e=>t.classList.add(e))),d&&(t.sCellClass=c),c){let e="",o=n.sTargetRecordIndex;a.batchEditor.isActive()&&a.dirtyManager.isDirty(o)&&(e=a.dirtyManager.getDirtyClass(o),e&&t.classList.add(e))}}clearAttributes(e){let t=!1,o=["action","role","value","data-field-index","hidden","text"];return e.forEach((e=>{for(let n=0;n<e.attributes.length;n++){let r=e.attributes[n];o.indexOf(r)<0&&(e.removeAttribute(r),t=!0)}e.removeAttribute(i.default.attr.class)})),t}updateCellContent(e,t){const o=this.widget,n=o.store;let d=o.getAdjustedColumnIndex(t);let c=o.getRow(e,t).childNodes[d];if(!c)return;const h=o.selectorEngineManager.$cell(e,t);let u=h.fnRenderer,g=h.sTargetFieldIndex,p=h.sTargetRecordIndex,m=h.sColumnId,f=h.sGroupRecordIndex,b=!!f;const v=o.aColumnMapping[t],y=v.oDOMZGColumn;let z=h.sCellType,w=z===i.default.internalColumn.rowgroup;const C=b&&!w&&v.sGroupHeadCell;if("bottom"===o.getFrozenRowState(e)){const t=o.aBottomRowMapping,n=o.getContainerRowIndexByDataRowIndex(e);p=h.sTargetRecordIndex=t[n].sRecordIndex}if(!u&&y.renderer&&(u=v.fnRenderer=l.Z.setUserFunction(null,y.renderer)),b){!h.fnFroupRenderer&&y.renderer&&(v.fnGroupRenderer=l.Z.setUserFunction(null,y.renderer))}!h.fnAggregateRenderer&&y.renderer&&z===i.default.cellTypes.aggregate&&(v.fnAggregateRenderer=l.Z.setUserFunction(null,y.renderer));let S,x=!!g;const k=g.split(",");S=b?w?[n.get(p,k[0].trim(),f)]:[""]:k.map((e=>{let t=n.get(p,e.trim());return null!=t&&(x=!1),t})),c.setAttribute("value",S.toString()),c.setAttribute(i.default.attr.type,z),window.ShadyDOM&&window.ShadyDOM.flush();let R,M=(b?f:p)+"+"+m;if(v.aUserSet.fnRenderer&&!this.oOption.bNoReRenderer||(R=o.oZGCellMap[M]),!R&&o.bPreloaded&&(R=c.querySelector("div")),!R){for(;c.lastChild;)c.removeChild(c.lastChild);R=document.createElement("div"),c.appendChild(R),!v.fnDetailsRenderer&&y.detailsRenderer&&(v.fnDetailsRenderer=l.Z.setUserFunction(null,y.detailsRenderer)),(v.oDOMDetailsTemplate||v.fnDetailsRenderer)&&(a.Z.get(R).on("click",(e=>{o.detailsManager.openCellDetails(h)})),z!==i.default.internalColumn.rowgroup&&R.setAttribute(i.default.template.detailsAttr,""))}if(o.bPreloaded&&-1===i.default.internalColumnTypes.indexOf(z)||b&&!w&&!C||w&&!b)for(;R.lastChild;)R.removeChild(R.lastChild);else{for(;R.lastChild;)R.removeChild(R.lastChild);if(u){(r.Uh(v.sArraySlice)||r.Uh(v.sArrayIndex))&&(S=n.getArrayData(S,v)),S.push(c),S.push(h),z===i.default.cellTypes.toggle&&(u={method:s.Z.getCellType(z).renderer,scope:null});let e=!b&&(void 0!==v.sDefaultDisplay&&"disabled"!==v.sDefaultDisplay||void 0!==o.sDefaultDisplay&&null!==o.sDefaultDisplay),a=!1;if(w||x&&e||(v.oDOMRenderTemplate?(a=!0,n.processTemplate(v.oDOMRenderTemplate,R,h)):v.body&&(a=!0,n.processTemplate(v.body,R,h))),x&&(!a||e)||v.aUserSet.fnRenderer||C||!v.body&&!v.oDOMRenderTemplate){let n;if(C){let e=v.sGroupHeadCell,r=v.fnGroupHeadCell;e&&!r&&(v.fnGroupHeadCell=l.Z.setUserFunction(null,e),r=v.fnGroupHeadCell),n=o.aggregateManager.calculateAggregateColumn(e,r,v.sFieldIndex,v,t,f,h)}else if(x&&e)n=v.sDefaultDisplay||o.sDefaultDisplay;else{let e=u.scope||h;n=u.method.apply(e,S)}r.Sh(n)?R.appendChild(n):r.Uh(n)&&(R.innerHTML=n),this.listenImagesFrames(R)}}}return-1!==i.default.internalColumnTypes.indexOf(z)||n.oDataFormat.bLoadByPages||(o.oZGCellMap[M]=R),R}listenImagesFrames(e){const t=this.widget;e.querySelectorAll("img, iframe").forEach((e=>{t.nLoadingImages++,e.onload=()=>{t.bDisconnect||(t.nLoadingImages--,0===t.nLoadingImages&&(this.updating||this.update({bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0})))}}))}getTableFitHeaderWidth(e){let t;const o=this.widget,n=o.getAdjustedColumnIndex(e);if(o.bHeaderRowHide)return 0;t=o.mainColumnHeader?o.getHeaderByColumnIndex(e):o.webcomponent.getElementsByTagName("zg-head")[0];let r=(o.aColumnMapping||o.webcomponent.getElementsByTagName(i.default.zgColumn.tagName))[e],a=r.nHeaderDepth-1||0,s=this.widget.bHasSorterEnabled&&"disabled"!==r.oDOMZGColumn.getAttribute("sort"),l=t?t._getDOMByTagName("zg-row",a).childNodes:[];const d=t?t.querySelector('zg-row[type="aggregate"]'):null;if(window.ShadyDOM&&window.ShadyDOM.flush(),null!==e&&l.length){let t=l[n];if(t.colSpan>1)return 0;let o=1;s&&null===t.querySelector("zg-icon svg")&&(o+=24),r.mWidth===i.default.zgCell.actionCellKey&&t.setAttribute(i.default.attr.type,r.oDOMZGColumn.getAttribute(i.default.attr.type));const c=t.getBoundingClientRect();let h=0;if(r.sHeadCell&&d){const e=d.childNodes[n],t=e.querySelector("span");if(t){const o=t.getBoundingClientRect(),n=window.getComputedStyle(e);h=o.width+parseInt(n.paddingLeft,10)+parseInt(n.paddingRight,10)}}this.aSavedHeadCellSize[a]||(this.aSavedHeadCellSize[a]=[]),this.aSavedHeadCellSize[a][e]=c;const u=c.width+o+1;return Math.max(u,h)}return 0}getTableFitFooterWidth(e){const t=this.widget;let o,n=(t.aColumnMapping||t.webcomponent.getElementsByTagName(i.default.zgColumn.tagName))[e];const r=t.getAdjustedColumnIndex(e);if(o=t.mainColumnFooter?t.getFooterByColumnIndex(e):t.webcomponent.getElementsByTagName("zg-foot")[0],!o)return 0;let a=o.querySelector("zg-row"),s=a?a.childNodes:[];const l=o?o.querySelector('zg-row[type="aggregate"]'):null;if(!s||!s.length||null===e)return 0;let d=0;if(n.sFootCell&&l){const e=l.childNodes[r],t=e.querySelector("bdi");if(t){const o=t.getBoundingClientRect(),n=window.getComputedStyle(e);d=o.width+parseInt(n.paddingLeft,10)+parseInt(n.paddingRight,10)}}let c=0,h=s[e];return h&&(c=h.getBoundingClientRect().width+1),Math.max(c,d)}getAllTableFitContentWidth(){let e,t,o,n,r,s;const l=this.widget,d=l.webcomponent;this.aSavedColumnCellSize=[];const c=this.widget.cellBreakManager;if(l.mainColumnHeader?(e=l.mainColumnBody.oBody,t=l.leftColumnBody.oBody,o=l.rightColumnBody.oBody,n=l.mainColumnBody.el,r=l.leftColumnBody.el,s=l.rightColumnBody.el):(e=d.querySelector("zg-body#mainbody"),t=d.querySelector("zg-body#leftbody"),o=d.querySelector("zg-body#rightbody"),n=a.Z.get(d._oShadowRoot.querySelector("#body")),r=a.Z.get(d._oShadowRoot.querySelector("#left")),s=a.Z.get(d._oShadowRoot.querySelector("#right"))),e.childNodes.length){let a=n.getDOM().style.width,h=n.getDOM().style["table-layout"];n._setStyle("width","auto"),n._setStyle("table-layout","auto"),r._setStyle("width","auto"),r._setStyle("table-layout","auto"),s._setStyle("width","auto"),s._setStyle("table-layout","auto"),window.ShadyDOM&&window.ShadyDOM.flush();let u,g=d.getElementsByTagName(i.default.zgColumn.tagName),p=[];l.hasFrozenLeft()&&p.push(...t.childNodes[0].childNodes),p.push(...e.childNodes[0].childNodes),l.hasFrozenRight()&&p.push(...o.childNodes[0].childNodes);for(let e=0;e<l.aColumnMapping.length;e++){let t=g[e],o=t.mWidth;if(!o&&t.getAttribute&&(o=t.parseWidth(t.getAttribute("width"),t.getAttribute("type"))),"fit"!==o&&"fitcontent"!==o){this.aSavedColumnCellSize[e]=0;continue}t.style.width="1px",t.style.width="",u=p[e].getBoundingClientRect().width;"ellipsis"===c.getCellBreakByColumn(e)&&(u+=1);let n=t._oParsedColumnMapping,r=0;if(t.needToCalcEditorWidth())if(this.oSavedEditorSize[n.sCellType])r=this.oSavedEditorSize[n.sCellType];else{let t=l.selectorEngineManager.$cell(0,e);if(t){l.editorManager.openEditor(t,!0);const e=l.editorManager.getInputContainerByIndex(t.nStartRowIndex,t.nStartColumnIndex);let o=e.querySelector("input");o&&(o.style.width="auto");let a=e.querySelector("label");a&&(a.style="",r=a.getBoundingClientRect().width,this.oSavedEditorSize[n.sCellType]=r),l.bSizeCheck=!0,l.recordEditor.cancelOpenEdit(),l.bSizeCheck=!1}}u=Math.max(u,r),this.aSavedColumnCellSize[e]=u}n._setStyle("width",a),n._setStyle("table-layout",h),r._setStyle("width",a),r._setStyle("table-layout",h),s._setStyle("width",a),s._setStyle("table-layout",h)}}getTableFitContentWidth(e){let t,o,n,r=this.widget,s=r.getAdjustedColumnIndex(e);if(this.aSavedColumnCellSize[e])return this.aSavedColumnCellSize[e];r.mainColumnHeader?(t=r.getBodyByColumnIndex(e),o=r.getColgroupByColumnIndex(e),o&&o.assignedSlot&&(n=a.Z.get(o.assignedSlot.parentNode))):(t=r.webcomponent.querySelector("zg-body#mainbody"),o=r.webcomponent.getElementsByTagName(i.default.zgColgroup.tagName)[0],n=a.Z.get(r.webcomponent._oShadowRoot.querySelector("#body")));let l,d=o.getElementsByTagName(i.default.zgColumn.tagName)[s],c=n.getDOM().style.width,h=n.getDOM().style["table-layout"];if(n._setStyle("width","auto"),n._setStyle("table-layout","auto"),d.style.width="",window.ShadyDOM&&window.ShadyDOM.flush(),t.childNodes.length){l=t.childNodes[0].childNodes[s].getBoundingClientRect().width;let o=d._oParsedColumnMapping,n=0;if(d.needToCalcEditorWidth())if(this.oSavedEditorSize[o.sCellType])n=this.oSavedEditorSize[o.sCellType];else{let t=r.selectorEngineManager.$cell(0,e);if(t){r.editorManager.openEditor(t,!0);const e=r.editorManager.getInputContainerByIndex(t.nStartRowIndex,t.nStartColumnIndex);let a=e.querySelector("input");a&&(a.style.width="auto");let i=e.querySelector("label");i&&(i.style="",n=i.getBoundingClientRect().width,this.oSavedEditorSize[o.sCellType]=n),r.recordEditor.cancelOpenEdit()}}l=Math.max(l,n)}else l=0;return n._setStyle("width",c),n._setStyle("table-layout",h),l+1}updateHeaderWidthOfColumn(e,t,o){this.widget.mainColumnHeader.oColGroup.childNodes[e].style.width=o+"px"}updateColumnWidthCache(e,t,o,n){const r=this.widget,a=r.aColumnMapping||r.webcomponent.getElementsByTagName(i.default.zgColumn.tagName);if(0!==r.webcomponent.getBoundingClientRect().width&&(n||r.bHasAttachedToDOM&&r.store.bHasLoaded)){this.resetAllColumnsWidth(),this.getAllTableFitContentWidth(),this.bLastFitColumn=null;for(let t=0,o=a.length;t<o;t++)this.calculateColumnWidth(a[t],t,e);if(!o)if(t)for(;this.nInitialWidth>this.nStaticWidth;){let e=this.calculateHiddenColumn(!0);if(-1===e)break;if(a[e].nCurrWidth+this.nStaticWidth>this.nInitialWidth)break;this.toggleColumn(e,!1)}else for(;this.nInitialWidth<this.nStaticWidth;){let e=this.calculateHiddenColumn(!1);if(-1===e)break;this.toggleColumn(e,!0)}!this.widget.webcomponent.width&&this.nStaticWidth===this.nOnlyStaticWidth&&0===this.nStretchWidthColumnCount&&this.nInitialWidth>this.nStaticWidth&&this.widget.webcomponent.getAttribute(i.default.zgLayout.attr)!==i.default.zgLayout.typeCard&&this.nStaticWidth>0&&(this.widget.webcomponent.width=this.nStaticWidth,this.widget.nCalculatedSetWidth=!0),this.setColumnWidth()}}setColumnWidth(){let e=this.widget.aColumnMapping||this.widget.webcomponent.getElementsByTagName(i.default.zgColumn.tagName);this.adjustFrozenWidths();for(let t=0,o=e.length;t<o;t++){let o=e[t];if(o.bHidden)continue;let n=o.mWidth;void 0===n&&void 0!==o.getAttribute&&(n=o.parseWidth(o.getAttribute("width"),o.getAttribute("type")));const r=this.bLastFitColumn&&o===this.bLastFitColumn;"stretch"===n?this.setFlexWidth(o,this.nStretchWidthColumnCount,!0,r):("fit"===n||"fitheader"===n||"fitcontent"===n)&&0===this.nStretchWidthColumnCount&&this.nCurrContainerWidth>this.nStaticWidth&&this.setFlexWidth(o,this.nFitWidthColumnCount,!1,r)}}adjustFrozenWidths(){const e=this.widget,t=e.nLeftFrozenColumns,o=e.nRightFrozenColumns,n=e.aColumnMapping,r=n.length,a=r-t-o,i=this.widget.mainGridTable.dom.clientWidth,s=a>0?50:0;let l=0,d=0;for(let e=0;e<t&&e<r;e++){let t=n[e];t.bHidden||(l+=t.nCurrWidth)}for(let e=r-o;e<r&&e>0;e++){let t=n[e];t.bHidden||(d+=t.nCurrWidth)}const c=d+l;if(c+s>i){const e=(i-s)/c;for(let o=0;o<t&&o<r;o++){let t=n[o];t.bHidden||(t.nCurrWidth=t.nCurrWidth*e)}for(let t=r-o;t<r&&t>0;t++){let o=n[t];o.bHidden||(o.nCurrWidth=o.nCurrWidth*e)}}}calculateHiddenColumn(e){let t=this.widget.aColumnMapping,o=-1,n=-1;for(let r=0;r<t.length;r++){let a=t[r];if(e===a.bHidden&&a.nPriority){if(a.nPriority===n)continue;(e===a.nPriority<n||e&&-1===n)&&(n=a.nPriority,o=r)}}return o}updateHiddenColumns(e){let t=this.widget.aColumnMapping;for(let o=0;o<t.length;o++)t[o].bHidden?this.updateRowDisplay(o,!0):e&&this.updateRowDisplay(o,!1)}getLastVisibleColumn(){const e=this.widget.aColumnMapping;let t=null;for(let o=e.length-1;o>=0;o--)if(!e[o].bHidden){t=e[o];break}return t}updateMainFirstPosition(e,t=!0){const o=this.widget;if(null===(e=e||o.getFirstMainIndex()))return;let n=o.getAllCellsByIndex(e,!0);const r=n.length;(t||!r||n[r-1].hasAttribute(i.default.attr.first))&&(n=o.getFooterCells(e,n),n.forEach((e=>t?e.setAttribute(i.default.attr.first,""):e.removeAttribute(i.default.attr.first))))}updateRowDisplay(e,t){const o=this.widget.getAllCellsByIndex(e,!0,!0);let n=t?"none":"";o.forEach((e=>"none"===n?e.setAttribute(i.default.attr.hidden,""):e.removeAttribute(i.default.attr.hidden)))}toggleColumn(e,t){const o=this.widget,n=o.webcomponent,r=o.aColumnMapping[e];n.oDOMFrozenMainFootFrame.style.width="",n.oDOMFrozenMainHeadFrame.style.width="",o.updateHeadFootScroll(!0),this.updateRowDisplay(e,t),this.widget.bUpdatingHidden=!0,r.bHidden=t,this.widget.bUpdatingHidden=!1,this.widget.columnMenu&&(this.widget.columnMenu.menuItems[r.sColumnId].oCheckbox.checked=!t),t?(r.mOldWidth=r.mWidth,this.unsetOldColumnWidth(r)):this.calculateColumnWidth(r,e),o.fire("columntoggle",{oColumnMapping:r,bHide:t})}unsetOldColumnWidth(e){let t=e.mOldWidth||e.mWidth;r.hj(t)&&(this.nStaticWidth-=t),/\d*\.?\d+%/.test(t)&&(this.nStaticWidth-=e.nCurrWidth),"fitheader"!=t&&"fitcontent"!==t&&"fit"!==t||e.nFitWidth&&(this.nStaticWidth-=e.nFitWidth,this.nFitWidthColumnCount--),"stretch"==t&&this.nStretchWidthColumnCount--}resetGlobals(){this.nColumnsWidth=0,this.nStaticWidth=0,this.nOnlyStaticWidth=0,this.nStretchWidthColumnCount=0,this.nFitWidthColumnCount=0,this.oSavedEditorSize={},this.aSavedHeadCellSize=[],this.aSavedColumnCellSize=[]}resetAllColumnsWidth(){const e=this.widget,t=e.webcomponent;let o=e.getAllColumns(),n=e.getAllHeadCells(),r=e.getAllFootCells();this.resetGlobals();for(let e=0;e<o.length;e++)o[e].removeAttribute(i.default.attr.style);for(let e=0;e<r.length;e++)this.clearWidthStyles(r[e]);for(let e=0;e<n.length;e++)if(!n[e].hasAttribute(i.default.attr.hidden)&&(this.clearWidthStyles(n[e]),n[e].tagName.toLowerCase()===i.default.zgFilter.tagName)){let t=n[e].querySelector("input");t&&(t.style.width="1px")}e.savedScrollVal&&(e.oDOMMainScroll.scrollLeft=0,t.oDOMHead.style.transform="")}clearWidthStyles(e){e.style.removeProperty("left"),e.style.removeProperty("line-height"),e.style.removeProperty("position"),e.style.removeProperty("width"),e.style.removeProperty("height")}calculateColumnWidth(e,t,o){let n=e.mWidth,a=e.nMinWidth?parseInt(e.nMinWidth,10):null,s=null;const l=t===this.widget.aColumnMapping.length-1,d=e.oDOMZGColumn.parentNode;if(!n&&e.getAttribute&&(n=e.parseWidth(e.getAttribute("width"),e.getAttribute("type"),this.widget)),l&&this.widget.bOnlyColumnWidth&&!isNaN(n)&&this.widget.webcomponent.width&&this.nInitialWidth>this.nStaticWidth+n&&(n="stretch"),(this.widget.bPreloaded||this.bResizing)&&e.oDOMZGColumn){let t=parseInt(e.oDOMZGColumn.getAttribute("min-calculated-width"),10)||null;a=Math.max(a,t)}let c,h=parseInt(e.oDOMZGColumn.getAttribute("min-calculated-header-width"),10)||this.getTableFitHeaderWidth(t);h&&e.oDOMZGColumn&&(e.oDOMZGColumn.setAttribute("min-calculated-header-width",h),e.nFullHeaderWidth=h);let u=!1;if(!e.bHidden&&d.getAttribute(i.default.zgLayout.attr)!==i.default.zgLayout.typeCard&&this.widget.webcomponent.getAttribute(i.default.zgLayout.attr)!==i.default.zgLayout.typeCard){if(n===i.default.zgCell.actionCellKey&&(n=e.body?"fit":"fitheader",u=!0),r.hj(n))e.nCurrWidth=n,this.nStaticWidth+=n,this.nOnlyStaticWidth+=n;else if(c=/\d*\.?\d+%/.exec(n)){let t=c[0],o=Number.parseFloat(t)/100;n=this.nInitialWidth*o,e.nFullWidth=n+"px",e.nCurrWidth=n,this.nStaticWidth+=n}else if("fitheader"===n||"fitcontent"===n){let o;a?o=a:"fitheader"===n&&h?s=o=h:o="fitheader"===n?this.getTableFitHeaderWidth(t):this.getTableFitContentWidth(t),u?o=Math.max(o,i.default.zgCell.actionCellSize):(this.bLastFitColumn=e,e.nFitWidth=o,this.nFitWidthColumnCount++),e.nCurrWidth=o,!a&&e.oDOMZGColumn&&e.oDOMZGColumn.setAttribute("min-calculated-width",e.nCurrWidth),this.nStaticWidth+=o}else if("fit"===n){let o;if(a)o=a;else{let n=this.getTableFitContentWidth(t);s=h||this.getTableFitHeaderWidth(t);let r=0;e.sFootCell&&(r=this.getTableFitFooterWidth(t)),o=Math.max(n,s,r)}u?o=Math.max(o,i.default.zgCell.actionCellSize):(this.bLastFitColumn=e,e.nFitWidth=o,this.nFitWidthColumnCount++),e.nCurrWidth=o,this.nStaticWidth+=o,!a&&e.oDOMZGColumn&&e.oDOMZGColumn.setAttribute("min-calculated-width",e.nCurrWidth),s&&e.oDOMZGColumn&&e.oDOMZGColumn.setAttribute("min-calculated-header-width",s)}else"stretch"===n&&(this.bLastFitColumn=e,this.nStretchWidthColumnCount++,this.bLastFitColumn=e);this.widget.bOnlyColumnWidth&&u&&(this.nOnlyStaticWidth+=e.nCurrWidth)}}setFlexWidth(e,t,o,n){let r=this.nCurrContainerWidth-this.nStaticWidth,a=Math.floor(r/t),i=r-a*t;n&&i>0&&(a+=i),e.nCurrWidth=o?a:e.nCurrWidth+a}updateColumnWidth(e,t){const o=this.widget,n=o.webcomponent;if(!(t||o.bHasAttachedToDOM&&o.store.bHasLoaded))return;let r,a,s;o.mainColumnHeader?(r=n.getElementsByTagName("zg-column"),a=o.aColumnMapping,s=o.mainColumnBody.oBody):(s=o.webcomponent.querySelector("#mainbody"),a=r=o.webcomponent.getElementsByTagName("zg-column"));let l=!1,d=0,c=window.getComputedStyle(s);d=parseInt(c.borderRightWidth,10);let h=0,u=o.nLeftFrozenColumns,g=0,p=o.nRightFrozenColumns,m=!0,f=(e,t)=>{let o=r[t],n=a[t].oDOMZGColumn||a[t];o!==n&&(o=n);let s=o.style.width;if(e.bHidden&&!o.hasAttribute(i.default.attr.hidden))o.setAttribute(i.default.attr.hidden,"");else if(!e.bHidden){let n;if(o.hasAttribute(i.default.attr.hidden)&&o.removeAttribute(i.default.attr.hidden),e.nFullWidth)o.style.width=n;else{let r=0;t===a.length-1&&(r=d),n=e.nCurrWidth-r,this.nColumnsWidth+=n,o.style.width=n+"px"}t<=u-1?(h+=parseInt(n,10),this.updateMainFirstPosition(t,!1)):t>=a.length-p?(g+=parseInt(n,10),this.updateMainFirstPosition(t,!1)):m?(this.updateMainFirstPosition(t,!0),m=!1):this.updateMainFirstPosition(t,!1)}s&&s!==o.style.width&&(l=!0)};if(null==e){this.nColumnsWidth=0;for(let e=0,t=a.length;e<t;e++){f(a[e],e)}this.nFrozenColumnsWidth=0,h&&o.leftColumnBody.oDOMWrapper&&(o.leftColumnBody.oDOMWrapper.style.width=h+"px",o.webcomponent.oDOMFrozenLeftHead.style.width=h+"px",o.webcomponent.oDOMFrozenLeftFoot.style.width=h+"px",o.webcomponent.oDOMFrozenLeftStyle.style.width=h+"px",this.nFrozenColumnsWidth+=h),g&&o.leftColumnBody.oDOMWrapper&&(o.rightColumnBody.oDOMWrapper.style.width=g+"px",o.webcomponent.oDOMFrozenRightHead.style.width=g+"px",o.webcomponent.oDOMFrozenRightFoot.style.width=g+"px",o.webcomponent.oDOMFrozenRightStyle.style.width=g+"px",this.nFrozenColumnsWidth+=g),o.updateFrozenColumnAttributes(h,"Left"),o.updateFrozenColumnAttributes(g,"Right"),this.updateFrozenMainSize()}else r[e].style.width&&(this.nColumnsWidth-=r[e].style.width),f(a[e],e);return l}calculateRowHeights(){const e=this.widget;if((e.hasFrozenColumns()||e.nRowHeight)&&e.layoutManager.sCurrentType!==i.default.zgLayout.typeCard)if(e.nRowHeight&&"auto"!==e.nRowHeight)this.updateFrozenHeights(null,e.nRowHeight);else{const t=e.mainColumnBody.oBody,o=e.leftColumnBody.oBody,n=e.rightColumnBody.oBody,r=t.children,a=o.children,i=n.children,s=Math.max(r.length,a.length,i.length),l=[];for(let e=0;e<s;e++){let t;r[e].style.height&&!1||(t=0,r.length>e&&(t=Math.max(t,r[e].offsetHeight)),a.length>e&&(t=Math.max(t,a[e].offsetHeight)),i.length>e&&(t=Math.max(t,i[e].offsetHeight))),l.push(t)}this.updateFrozenHeights(l)}}updateFrozenHeights(e,t){const o=this.widget;if(!o.hasFrozenColumns()&&!o.nRowHeight)return;const n=o.mainColumnBody.oBody,r=o.leftColumnBody.oBody,a=o.rightColumnBody.oBody,i=n.children,s=r.children,l=a.children,d=Math.max(i.length,s.length,l.length);for(let n=0;n<d;n++){let r;if(t)"fixed"===t&&(t=o.nDefaultRowHeight),r=t;else{if(!e[n])continue;r=e[n]+"px"}r&&(i.length>n&&(i[n].style.height=r),s.length>n&&(s[n].style.height=r),l.length>n&&(l[n].style.height=r))}}destroy(...e){this.resizeWindow&&(window.removeEventListener("resize",this.resizeWindow,{passive:!0}),this.resizeWindow=null),this.bLastFitColumn=null,super.destroy()}_setColumnText(e){return e.sCellType===i.default.internalColumn.recordselector?e.fnRenderer.method.apply(e):e.sColumnHeaderText}_removeFixedWrapperWidth(){this.widget.nSetWidth&&this.widget.nCalculatedSetWidth,this.widget.nSetWidth||(this.widget.mainGridTable.dom.removeAttribute("style"),this.clearFrameWidths())}}const h=c},5308:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(8419),r=(o(2816),o(3605));const a=class{constructor(e){this.widget=e.widget,this.ZG=this.widget.webcomponent,this.ZGPager=this.ZG.querySelector(n.default.zgPager.tagName),this.setViewportTO=null,this._allowed=!this.ZG.hasAttribute(n.default.viewport.stopAttr),this.allowedViewportTypes=[{unit:null,display:"null"},{unit:"px",display:"pixel"},{unit:"em",display:"em"},{unit:"rem",display:"rem"}],this._breakpoints=null,this.defaultTypes={[`${n.default.viewport.mobileLabel}`]:n.default.viewport.mobileMax,[`${n.default.viewport.tabletPortraitLabel}`]:n.default.viewport.tabletPortraitMax,[`${n.default.viewport.tabletLandscapeLabel}`]:n.default.viewport.tabletLandscapeMax,[`${n.default.viewport.desktopLabel}`]:n.default.viewport.desktopMax,[`${n.default.viewport.desktopLargeLabel}`]:n.default.viewport.desktopLargeMax},this._types=null,this._run={pause:this.ZG.hasAttribute(n.default.viewport.pauseAttr)&&!this.ZG.hasAttribute(n.default.viewport.stopAttr),play:!(this.ZG.hasAttribute(n.default.viewport.pauseAttr)||this.ZG.hasAttribute(n.default.viewport.stopAttr)),stop:this.ZG.hasAttribute(n.default.viewport.stopAttr)}}get allow(){return this._allowed}set allow(e){this._allowed=e}get breakpoints(){return this._breakpoints}get run(){return this._run}set run(e){this._runViewport(e)}get types(){return this._types}set types(e){e=e||this.defaultTypes,this._types=e,this._breakpoints=this._buildBreakpointsArray(e)}get view(){return this.ZG.getAttribute(n.default.viewport.attr)}setViewport(e){this.allow&&(window.cancelAnimationFrame(this.setViewportTO),e?this.updateViewport():this.setViewportTO=window.requestAnimationFrame((()=>this.updateViewport())))}updateViewport(){this.widget.bDisconnect||(this.breakpointsClone=this._getBreakpoints(),this.currentView=this._getCurrentViewport(),this.ZG.setAttribute(n.default.viewport.attr,this.currentView),this.ZG.oDOMBody.setAttribute(n.default.viewport.attr,this.currentView),this._setPagerViewport(),window.cancelAnimationFrame(this.setViewportTO),this.widget.fire("viewport:change"))}_buildBreakpointsArray(e){let t,o,n,a,i,s=[],l=[];const d=Object.keys(e),c=d.map((t=>e[t])).filter((e=>null!==e));if(!d.length)return"error-empty";const h=this._consistentTypes(e,this.allowedViewportTypes);if("string"==typeof h)return void console.error(`Error: ${h}`);const u=this._getType(c[0],this.allowedViewportTypes.map((e=>e.unit)));for(n in e){switch(o=null===e[n]?null:u,o){case null:a=null;break;case"px":a=parseInt(e[n]);break;default:a=parseFloat(e[n].split(o)[0])}t={label:n,value:a,type:o},o?l.push(t):s.push(t)}return r.mJ.objectSort(l,"value"),i=[...l,s[0]],i}_consistentTypes(e,t){let o,n,r=[];const a=t.map((e=>e.unit));for(o in e){if(n=this._getType(e[o],a),!n&&null!==n)return`'${e[o]}' is not a valid viewport type: ${JSON.stringify(e)}\nAllowed types: ${JSON.stringify(a)}`;r.push(n)}const i=[...r.filter((e=>null!==e)).reduce(((e,t)=>e.add(t)),new Set)];if(i.length>1){return`All viewport values must be of the same type, found: ${i.reduce(((e,o)=>e+`${t.filter((e=>e.unit===o))[0].display} (${o}), `),"")}`}return!0}_convertValueToPixel({type:e,value:t}){switch(e){case"em":return r.ye(t);case"rem":return r.fh(t);default:return t}}_getBreakpoints(){const e=window.innerWidth;this.breakpoints||(this.types=this.defaultTypes,this.ZG.removeAttribute(n.default.viewport.customAttr));const t=this.breakpoints.map((e=>Object.assign({},e)));return t.forEach((t=>t.value=this._convertValueToPixel({type:t.type,value:t.value,pixel:e}))),t}_getCurrentViewport(){const e=this.widget.updater.nCurrContainerWidth||this.ZG.getBoundingClientRect().width;let t,o,n,r=this.breakpointsClone.length;for(let a=0;a<r;a++)if(t=0===a?0:this.breakpointsClone[a-1].value,o=a===r-1?"max":this.breakpointsClone[a].value,e>=t&&("max"===o||e<o)){n=this.breakpointsClone[a].label;break}return n}_getType(e,t){let o;const n="string"==typeof t;return null===e?o=null:isNaN(e)?n?o=e.split(t)[1]:t.forEach((t=>2===e.split(t).length?o=t:t)):o="px",o}_runViewport(e){let t,o,a,i,s,l;switch("pause"!==e&&(e=!0===e?"true":"false"),e){case"pause":t=!0,o=!1,a=!1,i="#d0c902",s="⏸",l="Paused";break;case"false":t=!1,o=!1,a=!0,i="#980000",s="⏹",l="Stopped";break;default:t=!1,o=!0,a=!1,i=n.default.colors.success,s="▶️",l="Started"}this._run={pause:t,play:o,stop:a},t&&(r.Xh({el:this.ZG,attr:n.default.viewport.stopAttr}),this.ZG.oTopPager&&(r.Xh({el:this.ZG.oTopPager,attr:n.default.viewport.pauseAttr,value:""}),r.Xh({el:this.ZG.oTopPager,attr:n.default.viewport.stopAttr})),this.ZG.oBottomPager&&(r.Xh({el:this.ZG.oBottomPager,attr:n.default.viewport.pauseAttr,value:""}),r.Xh({el:this.ZG.oBottomPager,attr:n.default.viewport.stopAttr}))),o&&(this.ZG.oTopPager&&(r.Xh({el:this.ZG.oTopPager,attr:n.default.viewport.pauseAttr}),r.Xh({el:this.ZG.oTopPager,attr:n.default.viewport.stopAttr})),this.ZG.oBottomPager&&(r.Xh({el:this.ZG.oBottomPager,attr:n.default.viewport.pauseAttr}),r.Xh({el:this.ZG.oBottomPager,attr:n.default.viewport.stopAttr})),this.ZG.oDOMLayoutControls&&this.ZG.oDOMLayoutControls.removeAttribute(n.default.attr.hidden),this.widget.layoutManager.setLayout({isReset:!0}),this.allow=!0,this.setViewport()),a&&(r.Xh({el:this.ZG,attr:n.default.viewport.pauseAttr}),r.Xh({el:this.ZG,attr:n.default.viewport.attr}),r.Xh({el:this.ZG.oDOMBody,attr:n.default.viewport.pauseAttr}),r.Xh({el:this.ZG.oDOMBody,attr:n.default.viewport.attr}),this.ZG.oTopPager&&(r.Xh({el:this.ZG.oTopPager,attr:n.default.viewport.attr}),r.Xh({el:this.ZG.oTopPager,attr:n.default.viewport.pauseAttr}),r.Xh({el:this.ZG.oTopPager,attr:n.default.viewport.stopAttr,value:""})),this.ZG.oBottomPager&&(r.Xh({el:this.ZG.oBottomPager,attr:n.default.viewport.attr}),r.Xh({el:this.ZG.oBottomPager,attr:n.default.viewport.pauseAttr}),r.Xh({el:this.ZG.oBottomPager,attr:n.default.viewport.stopAttr,value:""})))}_setPagerViewport(){this.ZG.oTopPager&&this.ZG.oTopPager.setAttribute(n.default.viewport.attr,this.currentView),this.ZG.oBottomPager&&this.ZG.oBottomPager.setAttribute(n.default.viewport.attr,this.currentView)}}},1974:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>r});var n=o(6454);const r=class{constructor(e){this.widget=e.widget}$column(e){return new n.default({widget:this.widget}).column(e)}$row(e){return new n.default({widget:this.widget}).row(e)}$range(e,t){return new n.default({widget:this.widget}).range(e,t)}$cell(e,t){return new n.default({widget:this.widget}).cell(e,t)}getSelectorEngine(){return new n.default({widget:this.widget})}}},6919:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(4087);const r={aCustomLangs:{},oLangElements:{},defaultLang:"en",setLang:function(e,t,o){let n,a,i;e.split(",").map((e=>e.trim())).some((e=>{let t=e;do{if(n=r.checkLangFile(t),n){a=e,i=t;break}let o=t.lastIndexOf("-");t=-1!==o?t.substring(0,o):""}while(t.length>0);if(a||(a=e),i)return!0})),n||(r.globalLang?n=r.globalLang:r.defaultLang&&(n=r.defaultLang)),t?(t.lang=n,t.locale=a):(r.globalLang=n,r.globalLocale=a,o&&(r.defaultLang=n))},checkLangFile:function(e){let t=null;if(r.aCustomLangs[e])t=r.aCustomLangs[e];else try{t=o(1145)(`./${e}.js`).default}catch(e){}return t},getLocale:function(e){return e&&e.locale?e.locale:r.globalLocale},getLang:function(e){return(e.lang||r.globalLang||r.defaultLang).lang||r.getLocale()},get:function(e,t,o){let a;return t&&t.lang&&(a=n.MU(t.lang,e)),void 0===a&&(a=n.MU(r.globalLang,e)),void 0===a&&r.defaultLang&&(a=n.MU(r.defaultLang,e)),o&&r.storeElement(e,t,o),a},storeElement:function(e,t,o){r.oLangElements[t]||(r.oLangElements[t]=[]);let n=r.oLangElements[t];o.sPath=e,n.push(o)},refresh:function(e){let t=r.oLangElements[e];t&&(t.forEach((t=>{let o=r.get(t.sPath,e),n=t.element;t.langProperty&&(o=o[t.langProperty]),t.attribute?n.setAttribute(t.attribute,o):t.elProperty&&(n[t.elProperty]=o)})),e.dialogManager.refreshDialogs(),e.webcomponent.refresh())},destroy:function(e){let t=r.oLangElements[e];t&&(t.forEach((e=>{e.element=null})),r.oLangElements[e].length=0)}};r.setLang(r.defaultLang,null,!0),"undefined"!=typeof document&&document.documentElement.lang&&r.setLang(document.documentElement.lang,null);const a=r},4050:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n={lang:"custom",columntypes:{editor:"custom-Edit",remover:"custom-Delete",selector:"custom-Select"},context:{copyCell:"custom-Copy Cell",pasteCell:"custom-Paste Cell",insertRecordLabel:"custom-Insert New Record",insertRecordHere:"custom-Here",insertRecordEnd:"custom-End",insertRecordStart:"custom-Start",deleteRow:"custom-Delete row",sortColumn:"custom-Sort Column",editCell:"custom-Edit Cell",editRow:"custom-Edit Row",selectCell:"custom-Select Cell",selectRow:"custom-Select Row",deselect:"custom-Deselect",previousPage:"custom-Go to previous page",nextPage:"custom-Go to next page",firstPage:"custom-Go to first page",lastPage:"custom-Go to last page",version:"custom-ZingGrid Version",save:"custom-Save",cancel:"custom-Cancel"},date:{shortMonth:["custom-Jan","custom-Feb","custom-Mar","custom-Apr","custom-May","custom-Jun","custom-Jul","custom-Aug","custom-Sep","custom-Oct","custom-Nov","custom-Dec"],longMonth:["custom-January","custom-February","custom-March","custom-April","custom-May","custom-June","custom-July","custom-August","custom-September","custom-October","custom-November","custom-December"],twoWeek:["custom-Su","custom-Mo","custom-Tu","custom-We","custom-Th","custom-Fr","custom-Sa"],shortWeek:["custom-Sun","custom-Mon","custom-Tue","custom-Wed","custom-Thu","custom-Fri","custom-Sat"],longWeek:["custom-Sunday","custom-Monday","custom-Tuesday","custom-Wednesday","custom-Thursday","custom-Friday","custom-Saturday"],am:"custom-am",pm:"custom-pm",startWeek:0,startYear:6},dialog:{cancel:"custom-Cancel",close:"custom-X",confirm:"custom-Confirm",create:"custom-Create",delete:"custom-Delete",ok:"custom-Ok",recordCreate:{label:"custom-Create a new record",successMsg:"custom-Successfully added row!",errorMsg:"custom-The server encountered an error and the record could not be created."},recordDelete:{body:"custom-Are you sure you want to delete this record?",label:"custom-Confirm delete",successMsg:"custom-Record removed successfully!",errorMsg:"custom-The server encountered an error and the record could not be deleted."},recordInfo:{label:"custom-Record Info"},recordUpdate:{label:"custom-Update this record",successMsg:"custom-Record updated successfully",errorMsg:"custom-The server encountered an error and the record could not be updated."},fieldUpdate:{label:"custom-Update this field",successMsg:"custom-Field updated successfully",errorMsg:"custom-The server encountered an error and the field could not be updated."},removeXSelectedRows:{body:"custom-Are you sure you want to delete these records?",label:"custom-Remove %v record%p",successMsg:"custom-Records removed successfully!"},version:{body:"custom-built on",label:"custom-Current Version"},save:"custom-Save"},draggable:{remove:"custom-Release to hide",reorder:"custom-Drag outside grid to hide"},iconSet:{invalidVendor:"custom-Value added to [%v] does not match allowed vendor list",invalidVendorMethod:'custom-Internal Error: There was an issue loading [%v="%v"] icons. Falling back to default icons.'},loadMask:{title:"custom-loading"},pagination:{page:"custom-Page",pageOf:"custom-of",rows:"custom-Rows"},tools:{filter:"custom-Filter",search:"custom-Search",selected:"custom-%v Item%p Selected"},tooltip:{layoutCard:"custom-Card Layout",layoutRow:"custom-Row Layout",recordCreate:"custom-Insert Record",reload:"custom-Reload Grid",editrecord:"custom-Edit Record",firstpage:"custom-Go to First Page",fixedmenu:"custom-Open Menu",lastpage:"custom-Go to Last Page",menu:"custom-Open Column Menu",nextpage:"custom-Go to Next Page",prevpage:"custom-Go to Previous Page",removerecord:"custom-Remove Record",search:"custom-Open Search"},watermark:{poweredBy:"custom-Powered By <strong>ZingGrid</strong>"}}},5235:()=>{},1232:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n={lang:"en",aggregate:{sum:"Sum",avg:"Average",min:"Min",max:"Max",count:"Count"},batchEdit:{changes:"Change%p",fieldsEdited:"Field%p Edited",recordsEdited:"Record%p Edited",deleted:"Deleted",inserted:"Inserted",modified:"Modified",label:"Edit Records (Batch):"},columntypes:{duplicate:"Duplicate",editor:"Edit",remover:"Delete",selector:"Select",info:"Info",key:"Key","row-number":"Row Number"},context:{copyCell:"Copy Cell",pasteCell:"Paste Cell",insertRecordLabel:"Insert New Record",insertRecordHere:"Here",insertRecordEnd:"End",insertRecordStart:"Start",deleteRow:"Delete row",duplicateRow:"Duplicate row",sortColumn:"Sort Column",hideColumn:"Hide Column",editCell:"Edit Cell",editRow:"Edit Row",selectAll:"Select All",selectCell:"Select Cell",selectRow:"Select Row",deselect:"Deselect",previousPage:"Go to previous page",nextPage:"Go to next page",firstPage:"Go to first page",lastPage:"Go to last page",version:"ZingGrid Version",resetState:"Unsave Grid State",save:"Save",cancel:"Cancel",freezeColumnLeft:"Freeze Column - Left",freezeColumnRight:"Freeze Column - Right",unfreezeColumn:"Unfreeze Column",freezeRowTop:"Freeze Row - Top",freezeRowBottom:"Freeze Row - Bottom",unfreezeRow:"Unfreeze Row"},date:{shortMonth:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],longMonth:["January","February","March","April","May","June","July","August","September","October","November","December"],twoWeek:["Su","Mo","Tu","We","Th","Fr","Sa"],shortWeek:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],longWeek:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],am:"am",pm:"pm",startWeek:0,startYear:6,fromNow:{seconds:"%v seconds",minute:"a minute",minutes:"%v minutes",hour:"an hour",hours:"%v hours",day:"a day",days:"%v days",month:"a month",months:"%v months",year:"a year",years:"%v years",past:"%v ago",future:"in %v"}},dialog:{cancel:"Cancel",close:"X",confirm:"Confirm",create:"Create",delete:"Delete",ok:"Ok",read:{errorMsg:"The server encountered an error and the data could not be read."},recordCreate:{label:"Create a new record",successMsg:"Successfully added row!",errorMsg:"The server encountered an error and the record could not be created."},recordDelete:{body:"Are you sure you want to delete this record?",label:"Confirm delete",successMsg:"Record removed successfully!",errorMsg:"The server encountered an error and the record could not be deleted."},recordInfo:{label:"Record Info",errorMsg:"The server encountered an error and the data could not be read."},recordUpdate:{label:"Update this record",successMsg:"Record updated successfully",errorMsg:"The server encountered an error and the record could not be updated."},fieldUpdate:{label:"Update this field",successMsg:"Field updated successfully",errorMsg:"The server encountered an error and the field could not be updated."},removeXSelectedRows:{body:"Are you sure you want to delete these records?",label:"Remove %v record%p",successMsg:"Record%p removed successfully!"},batchEdit:{cancel:{body:"The following edits have been made and will be undone:<br>",bodyPlural:"The following %v changes have been made and will be undone:<br>",label:"Discard All Edits"},commit:{body:"Save changes?<br>",bodyPlural:"Save %v changes?<br>",label:"Save Batch Edit"},recordsBody:"<br><strong>%v Total Record%p Modified:</strong>",changeBody:"%v Record%p ",successMsg:"Successfully completed batch edit!",errorMsg:"Error: Batch Edit saved %v record%p and encountered %v error%p.",errorMsgMore:"View details",errorLabel:"Error Details",dialogErrorMsg:"<strong>%v Error%p</strong><br>",inserted:"Created",recordsEdited:"Edited",deleted:"Deleted"},version:{body:"built on",label:"Current Version"},save:"Save"},drag:{remove:"Release to hide",reorder:"Drag outside grid to hide"},iconSet:{invalidVendor:"Value added to [%v] does not match allowed vendor list",invalidVendorMethod:'Internal Error: There was an issue loading [%v="%v"] icons. Falling back to default icons.'},loadMask:{title:"loading"},noData:{message:"There are no records to display.",insertRecord:"Insert a new record."},pagination:{page:"Page",pageOf:"of",pageNext:"Next",pagePrev:"Previous",rows:"Rows"},tools:{filter:"Filter",search:"Search",selected:"%v Item%p Selected"},tooltip:{batchedit:"Edit Records (Batch)",batcheditsave:"Save Batch Edit",batcheditcancel:"Cancel Batch Edit",layoutCard:"Card Layout",layoutRow:"Row Layout",recordCreate:"Insert Record",reload:"Reload Grid",editrecord:"Edit Record",firstpage:"Go to First Page",fixedmenu:"Open Menu",lastpage:"Go to Last Page",menu:"Open Column Menu",nextpage:"Go to Next Page",prevpage:"Go to Previous Page",duplicaterecord:"Duplicate Record",removerecord:"Remove Record",undoremoverecord:"Restore Record",search:"Open Search",openrowgroup:"Open Group",closerowgroup:"Close Group"},validation:{errorMessage:"Validation Failed"},watermark:{poweredBy:"Powered By <strong>ZingGrid</strong>"}}},8672:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n={lang:"es",aggregate:{sum:"Suma",avg:"Promedio",min:"Min",max:"Max",count:"Contar"},batchEdit:{changes:"Cambio%p",edited:"Editado",fieldsEdited:"Campo%p Editado%p",recordsEdited:"Registro%p Editado%p",deleted:"Borrado",inserted:"Insertado",modified:"Modificado",label:"Editar los Registros (Lote):"},columntypes:{duplicate:"Duplicarse",editor:"Editar",remover:"Eliminar",selector:"Seleccionar",info:"Info",key:"Key","row-number":"Numero de Fila"},context:{copyCell:"Copiar Celda",pasteCell:"Pegar Celda",insertRecordLabel:"Añadir Registro Nuevo",insertRecordHere:"Aqui",insertRecordEnd:"Al Final",insertRecordStart:"Al Principio",deleteRow:"Eliminar Fila",duplicateRow:"Duplicar Fila",hideColumn:"Ocultar Columna",sortColumn:"Ordenar Columna",editCell:"Editar Celda",editRow:"Editar Fila",selectAll:"Select All",selectCell:"Seleccionar Celda",selectRow:"Seleccionar Fila",deselect:"Deseleccionar",previousPage:"Regresar a la página anterior",nextPage:"Ir a la página siguiente",firstPage:"Regresar a la primera página",lastPage:"Ir a la página final",version:"Sobre ZingGrid",resetState:"Desguardar Estado de Cuadrícula",save:"Guardar",cancel:"Cancelar",freezeColumnLeft:"Congelación de Columna - Izquierda",freezeColumnRight:"Congelación de Columna - Derecha",unfreezeColumn:"Descongelar Columna",freezeRowTop:"Inmovilizar Fila - Arriba",freezeRowBottom:"Inmovilizar Fila - Abajo",unfreezeRow:"Movilizar Fila"},date:{shortMonth:["ene","feb","mar","abr","may","jun","jul","ago","sept","oct","nov","dic"],longMonth:["enero","febrero","marzo","abril","mayo","junio","julio","agosto","septiembre","octubre","noviembre","diciembre"],twoWeek:["do","lu","ma","mi","ju","vi","sa"],shortWeek:["dom","lun","mar","mié","jue","vie","sáb"],longWeek:["domingo","lunes","martes","miércoles","jueves","viernes","sábado"],am:"am",pm:"pm",startWeek:0,startYear:6,fromNow:{seconds:"%v segundos",minute:"un minuto",minutes:"%v minutos",hour:"una hora",hours:"%v horas",day:"un día",days:"%v dias",month:"un mes",months:"%v meses",year:"un año",years:"%v años",past:"hace %v",future:"en %v"}},dialog:{cancel:"Cancelar",close:"X",confirm:"Confirmar",create:"Crear",delete:"Eliminar",ok:"Ok",read:{errorMsg:"El servidor encontró un error y no se pudieron leer los datos."},recordCreate:{label:"Crear un nuevo registro",successMsg:"¡Su registro fue creado!",errorMsg:"El servidor encontró un error y no se pudo crear el registro."},recordDelete:{body:"¿Seguro que quiere eliminar este registro?",label:"Confirmar eliminación",successMsg:"¡Su registro fue eliminado!",errorMsg:"El servidor encontró un error y no se pudo eliminar el registro."},recordInfo:{label:"Información de Registro",errorMsg:"El servidor encontró un error y no se pudieron leer los datos."},recordUpdate:{label:"Actualizar este registro",successMsg:"¡Su registro fue actualizado!",errorMsg:"El servidor encontró un error y no se pudo actualizar el registro."},fieldUpdate:{label:"Actualizar este campo",successMsg:"¡Su campo fue actualizado!",errorMsg:"El servidor encontró un error y no se pudo actualizar el campo."},removeXSelectedRows:{body:"¿Seguro que quiere eliminar estos registros?",label:"Eliminar %v registro%p",successMsg:"¡Sus registro%p fueron eliminados!"},batchEdit:{cancel:{body:"Se han realizado las siguientes ediciones y se desharán:<br>",bodyPlural:"Se han realizado los siguientes %v cambios y se desharán:<br>",label:"Descartar todas las ediciones"},commit:{body:"Guardar Cambios?<br>",bodyPlural:"Guaradar %v Cambios?<br>",label:"Guardar las Ediciones del Lote"},plurals:{errorMsg:["s","es"],recordsBody:["es"],dialogErrorMsg:["es"]},recordsBody:"<br><strong>%v Registros Total%p Modificados:</strong>",changeBody:"%v Registro%p ",successMsg:"Edición por lotes completada con éxito!",errorMsg:"Error: La Edición por Lotes Guardó %v Registro%p y encontró %v error%p.",errorMsgMore:"Ver Detalles",errorLabel:"Error Detalles",dialogErrorMsg:"<strong>%v Error%p</strong><br>",inserted:"Creado",recordsEdited:"Editado",deleted:"Borrado"},version:{body:"creado en",label:"Versión Actual"},save:"Guardar"},drag:{remove:"Suelta para esconderte",reorder:"Arrastra afuera para esconderte"},iconSet:{invalidVendor:"El valor agregado a [%v] no coincide con la lista de proveedores permitidos.",invalidVendorMethod:'Error Interno: Se produjo un problema al cargar los íconos [%v = "%v"]. Volviendo a los íconos predeterminados.'},loadMask:{title:"Cargando"},pagination:{page:"Pagina",pageOf:"de",rows:"Filas",pageNext:"Siguiente",pagePrev:"Anterior"},tools:{filter:"Filtrar",search:"Buscar",selected:"%v Elemento%p Seleccionado"},tooltip:{batchedit:"Editar los Registros (del Lote)",batcheditsave:"Guardar la Edición del Lote",batcheditcancel:"Cancelar la Edición del Lote",layoutCard:"Diseño de Tarjeta",layoutRow:"Diseño de Fila",recordCreate:"Añadir Registro",reload:"Recargar la Cuadrícula",editrecord:"Editar Registro",firstpage:"Ir a la Primera Página",fixedmenu:"Abre el Menú",lastpage:"Ir a la Última Página",menu:"Abre el Menú de la Columna",nextpage:"Ir a la Siguente Página",prevpage:"Ir a la Página Anterior",removerecord:"Elminiar Registro",undoremoverecord:"Restore Record",search:"Abre la Búsqueda",duplicateRecord:"Duplicar el Registro",openrowgroup:"Abre el Grupo",closerowgroup:"Cierra el Grupo"},validation:{errorMessage:"Validación Fallida"},watermark:{poweredBy:"Un producto provisto por <strong>ZingGrid</strong>"}}},2247:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n={lang:"zh-CN",aggregate:{sum:"总和",avg:"平均值",min:"最小值",max:"最大值",count:"统计"},columntypes:{duplicate:"创建副本",editor:"编辑",remover:"删除",selector:"选择",info:"信息",key:"名字","row-number":"行号"},context:{copyCell:"复制单元格",pasteCell:"粘贴单元格",insertRecordLabel:"创建新纪录",insertRecordHere:"在此处创建",insertRecordEnd:"创建于表格末尾",insertRecordStart:"创建于表格起始",deleteRow:"删除该行",duplicateRow:"为该行创建副本",sortColumn:"更改排序",hideColumn:"隐藏该列",editCell:"编辑单元格",editRow:"编辑该行",selectAll:"全选",selectCell:"选择单元格",selectRow:"选择该行",deselect:"取消选择",previousPage:"上一页",nextPage:"下一页",firstPage:"回到首页",lastPage:"去往末页",version:"ZingGrid版本",resetState:"重置表格",save:"保存",cancel:"取消",freezeColumnLeft:"固定该列于左侧",freezeColumnRight:"固定该列于右侧",unfreezeColumn:"取消固定该列",freezeRowTop:"固定该行于顶端",freezeRowBottom:"固定该行于底端",unfreezeRow:"取消固定该行"},date:{shortMonth:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],longMonth:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],twoWeek:["周日","周一","周二","周三","周四","周五","周六"],shortWeek:["周日","周一","周二","周三","周四","周五","周六"],longWeek:["星期日","星期一","星期二","星期三","星期四","星期五","星期日"],am:"上午",pm:"下午",startWeek:0,startYear:6,fromNow:{seconds:"%v 秒钟",minute:"1 分钟",minutes:"%v 分钟",hour:"1 小时",hours:"%v 小时",day:"1 天",days:"%v 天",month:"1 月",months:"%v 月",year:"1 年",years:"%v 年",past:"%v前",future:"%v后"}},dialog:{cancel:"取消",close:"X",confirm:"确认",create:"创建",delete:"删除",ok:"Ok",read:{errorMsg:"服务器出错，无法读取数据"},recordCreate:{label:"创建新记录",successMsg:"创建成功!",errorMsg:"服务器出错，无法创建新记录"},recordDelete:{body:"您确认要删除这条记录吗？",label:"再次确认",successMsg:"删除成功！",errorMsg:"服务器出错, 无法删除该记录"},recordInfo:{label:"详情",errorMsg:"服务器出错，无法读取数据"},recordUpdate:{label:"更新该记录",successMsg:"记录更新成功！",errorMsg:"服务器出错，无法更新该记录"},fieldUpdate:{label:"更新该数据",successMsg:"数据更新成功！",errorMsg:"服务器出错,无法更新该数据"},removeXSelectedRows:{body:"您确认要删除这条记录吗？",label:"删除 %v 条数据",successMsg:"记录删除成功！"},version:{body:"建于",label:"当前版本"},save:"保存"},drag:{remove:"释放即可隐藏",reorder:"拖拽到表格外可隐藏"},iconSet:{invalidVendor:"添加到 [%v] 的值与第三方列表的可用值不匹配",invalidVendorMethod:'内部错误: 加载 [%v="%v"] 图标时出现问题, 回退到默认图标'},loadMask:{title:"加载中"},noData:{message:"没有记录可显示",insertRecord:"创建新记录"},pagination:{page:"第",pageOf:", 共",pageNext:"下一页",pagePrev:"上一页",rows:"行"},tools:{filter:"过滤",search:"输入搜索内容",selected:"选中 %v 个"},tooltip:{layoutCard:"为画廊",layoutRow:"为列表",recordCreate:"创建新纪录",reload:"重新加载表格",editrecord:"编辑该记录",firstpage:"返回首页",fixedmenu:"打开菜单",lastpage:"前往末页",menu:"打开列菜单",nextpage:"下一页",prevpage:"上一页",duplicaterecord:"为该记录创建一个副本",removerecord:"移除该记录",search:"打开搜索",openrowgroup:"展开",closerowgroup:"收起"},validation:{errorMessage:"验证失败"},watermark:{poweredBy:"由 <strong>ZingGrid</strong> 提供支持"}}},2048:(e,t,o)=>{"use strict";o.d(t,{Zh:()=>s,kB:()=>a,p6:()=>i});var n=o(6919),r=o(3605);function a(e){let t,o;"string"==typeof e&&(o=/^(\d{4})-(\d{2})-(\d{2})$/,e.match(o)&&(e+="T00:00:00")),t=parseInt(e,10)==e?parseInt(e,10):e;let n=null;if("string"==typeof t){o=/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2})$/;let e=t.match(o);e&&e.length>=7&&(e=e.map(((e,t)=>{if(t>=1&&t<=6)return parseInt(e,10)})),t=new Date(e[1],e[2]-1,e[3],e[4],e[5],e[6]))}return n||(n=new Date(t)),n}function i(e,t,o,r){const a=l(e);o=o||n.default.getLocale(r)||"en-US",a.widget=r,a.locale=o;const i=t.match(/(\[[^\[]*\])|LTS|LT|L{1,4}|l{1,4}|A|a|DDDo|D{3,4}|Do|D{1,2}|do|d{1,4}|E|e|F|GGGG|GG|gggg|gg|HH|H|hh|h|kk|k|Mo|M{1,4}|mm|m|Qo|Q|ss|s|S{1,9}|Wo|WW|W|wo|ww|w|X|x|Y{4}|YY|ZZ|Z|./g);let s="";return i.forEach((e=>{b[e]?s+=b[e](a):s+=e.replace(/\[|\]/g,"")})),s}function s(e,t,o){let a,i,s=l(new Date),d=l(e),c=Math.round((s.time-d.time)/1e3),h=c<0,u=Math.abs(c),g=Math.round(u/60),p=Math.round(g/60),m=Math.round(p/24),f=Math.round(m/30),b=Math.round(m/365);u<44?(a="seconds",i=u):g<=1?a="minute":g<45?(a="minutes",i=g):p<=1?a="hour":p<22?(a="hours",i=p):m<=1?a="day":m<26?(a="days",i=m):f<=1?a="month":f<11?(a="months",i=f):b<=1?a="year":(a="years",i=b),a=n.default.get(`date.fromNow.${a}`,o);let v=r.translate({msg:a,vars:[i]});if(!t){const e=h?n.default.get("date.fromNow.future",o):n.default.get("date.fromNow.past",o);v=r.translate({msg:e,vars:[v]})}return v}function l(e){const t={};return t.year=e.getFullYear(),t.weekYear=t.year,t.month0=e.getMonth(),t.month=e.getMonth()+1,t.date=e.getDate(),t.hour=e.getHours(),t.minute=e.getMinutes(),t.second=e.getSeconds(),t.ms=e.getMilliseconds(),t.day=e.getDay(),t.time=e.getTime(),t.dateStr=e.toString(),t.fullDate=e,t}function d(e){let t=e%10,o=e%100,n="th";return o>10&&o<20?n="th":1===t?n="st":2===t?n="nd":3===t&&(n="rd"),e+n}function c(e,t){let o=""+e,n=o.length;for(;t>n;)o="0"+e,n++;return o}function h(e){return e%4==0&&e%100!=0||e%400==0?366:365}function u(e){return Math.ceil(e.month/3)}function g(e){let t=n.default.get("date.am",e.widget),o=n.default.get("date.pm",e.widget);return e.hour>=12?o:t}function p(e){let t=e.dateStr,o=t.toUpperCase().indexOf("GMT")+3,n=t.indexOf(" ",o+1);return t.substring(o,n)}function m(e){let t=new Date(e.year,0,1).getTime();return Math.ceil((e.time-t)/864e5)}function f(e,t,o){let r=7+(t=t||n.default.get("date.startWeek",e.widget))-(o=o||n.default.get("date.startYear",e.widget)),a=r-(7+new Date(Date.UTC(e.year,0,r)).getUTCDay()-t)%7-1,i=r-(7+new Date(Date.UTC(e.year+1,0,r)).getUTCDay()-t)%7-1,s=r-(7+new Date(Date.UTC(e.year-1,0,r)).getUTCDay()-t)%7-1,l=864e5*a,d=new Date(e.year,0,1).getTime(),c=new Date(d+l).getTime(),u=Math.ceil((e.time-c)/6048e5),g=(h(e.year)-a+i)/7,p=(h(e.year-1)-s+a)/7;return u>g?(e.weekYear=e.year+1,u-=g):u<1&&(e.weekYear=e.year-1,u+=p),u}let b={A:e=>g(e).toUpperCase(),a:e=>g(e).toLowerCase(),D:e=>e.date,Do:e=>d(e.date),DD:e=>c(e.date,2),DDD:e=>m(e),DDDo:e=>d(m(e)),DDDD:e=>c(m(e),3),d:e=>e.day,do:e=>d(e.month),dd:e=>{const t=n.default.get("date.twoWeek",e.widget);return t?t[e.day]:""},ddd:e=>{const t=n.default.get("date.shortWeek",e.widget);return t?t[e.day]:""},dddd:e=>{const t=n.default.get("date.longWeek",e.widget);return t?t[e.day]:""},e:e=>{let t=n.default.get("date.startWeek",e.widget);return(e.day+7-t)%7},E:e=>(e.day+7-1)%7+1,F:e=>s(e.fullDate,!0,e.locale,e.widget),GG:e=>(f(e,1,4),(e.weekYear+"").slice(-2)),GGGG:e=>(f(e,1,4),e.weekYear),gg:e=>(f(e),(e.weekYear+"").slice(-2)),gggg:e=>(f(e),e.weekYear),H:e=>e.hour,HH:e=>c(e.hour,2),h:e=>e.hour%12||12,hh:e=>c(e.hour%12||12,2),k:(e=>e.hour+1,e=>c(e.hour+1,2)),M:e=>e.month,Mo:e=>d(e.month),MM:e=>c(e.month,2),MMM:e=>{const t=n.default.get("date.shortMonth",e.widget);return t?t[e.month0]:""},MMMM:e=>{const t=n.default.get("date.longMonth",e.widget);return t?t[e.month0]:""},m:e=>e.minute,mm:e=>c(e.minute,2),Q:e=>u(e),Qo:e=>d(u(e)),S:e=>Math.floor(e.ms/100),SS:e=>c(Math.floor(e.ms/10),2),SSS:e=>c(e.ms,3),s:e=>e.second,ss:e=>c(e.second,2),W:e=>f(e,1,4),Wo:e=>d(f(e,1,4)),WW:e=>c(f(e,1,4),2),w:e=>f(e),wo:e=>d(f(e)),ww:e=>c(f(e),2),X:e=>Math.round(e.time/1e3),x:e=>e.time,Y:e=>e.year,YY:e=>(e.year+"").slice(-2),YYYY:e=>e.year,ZZ:e=>p(e),Z:e=>{let t=p(e).trim(),o=t.length-2;return t.slice(0,o)+":"+t.slice(o)},LT:e=>new Intl.DateTimeFormat(e.locale,{hour:"numeric",minute:"numeric"}).format(e.fullDate),LTS:e=>new Intl.DateTimeFormat(e.locale,{hour:"numeric",minute:"numeric",second:"numeric"}).format(e.fullDate),L:e=>new Intl.DateTimeFormat(e.locale,{month:"2-digit",year:"numeric",day:"2-digit"}).format(e.fullDate),l:e=>new Intl.DateTimeFormat(e.locale,{month:"numeric",year:"numeric",day:"numeric"}).format(e.fullDate),LL:e=>new Intl.DateTimeFormat(e.locale,{month:"long",year:"numeric",day:"numeric"}).format(e.fullDate),ll:e=>new Intl.DateTimeFormat(e.locale,{month:"short",year:"numeric",day:"numeric"}).format(e.fullDate),LLL:e=>new Intl.DateTimeFormat(e.locale,{month:"long",year:"numeric",day:"numeric",hour:"numeric",minute:"numeric"}).format(e.fullDate),lll:e=>new Intl.DateTimeFormat(e.locale,{month:"short",year:"numeric",day:"numeric",hour:"numeric",minute:"numeric"}).format(e.fullDate),LLLL:e=>new Intl.DateTimeFormat(e.locale,{month:"long",year:"numeric",day:"numeric",hour:"numeric",minute:"numeric",weekday:"long"}).format(e.fullDate),llll:e=>new Intl.DateTimeFormat(e.locale,{month:"short",year:"numeric",day:"numeric",hour:"numeric",minute:"numeric",weekday:"short"}).format(e.fullDate)}},163:(e,t,o)=>{"use strict";o.d(t,{Z:()=>i});var n=o(2568),r=o(3605);const a={HOST:"https://app.zingsoft.com",COOKIE_PREFIX:"zglicensekey",COOKIE_LIFETIME:36e5,checkInProgress:!1,bValidated:!1,validateLicense(e,t){if(ZingGrid.bRunningTests)this.enableWatermarks();else if(this.bValidated)this.disableWatermarks();else{if(ZingGrid.LICENSE=e||ZingGrid.LICENSE||"",ZingGrid.BUILDCODE=t||ZingGrid.BUILDCODE||"",!this.cookieIsValid())if(ZingGrid)if(""!==ZingGrid.LICENSE||""!==ZingGrid.BUILDCODE){this.checkLicenseToken()?this.bValidated=!0:this.enableWatermarks()}else a.checkInProgress=!0,fetch(`${this.HOST}/v1/api/license/validate?domain=${encodeURIComponent(window.location.hostname)}`).then((e=>e.text())).then((e=>{"0"===e?this.enableWatermarks():(this.createCookie(),this.bValidated=!0),a.checkInProgress=!1})).catch((e=>{a.checkInProgress=!1}));else this.enableWatermarks();this.bValidated&&this.disableWatermarks()}},checkLicenseToken(){var e,t,o;let a;var i,s=[i="file:"===document.location.protocol?ZingGrid.HOSTNAME||"":document.location.hostname],l=i.split(".");for("www"===l[0]?s.push(i.replace("www.","")):s.push("www."+i),e=0;e<=l.length-2;e++){for(var d="*",c=e;c<l.length;c++)d+="."+l[c];s.push(d)}if(ZingGrid.LICENSE instanceof Array)for(e=0,t=s.length;e<t;e++){const t=s[e]+"&ZGSu331x";var h=n(r.H6(r.AG(t.toLowerCase())));if(-1!==ZingGrid.LICENSE.indexOf(h))return!0}if(ZingGrid.BUILDCODE instanceof Array&&2===ZingGrid.BUILDCODE.length){o=(o=r.Ll("N3wsTrln@4Cu$tOmLlc9nc9!")).replace("O","0");try{a=r.vT(ZingGrid.BUILDCODE[0],o)}catch(e){return!1}if(a===ZingGrid.BUILDCODE[1])return!0}return!1},enableWatermarks(){if(!this.bValidated){const e=document.querySelectorAll("zing-grid"),t=document.createElement("zg-watermark");e.forEach((e=>{if(!e.querySelector("zg-watermark")){let o=t.cloneNode(!0);e.appendChild(o),e.oDOMWaterMark=o}}))}},disableWatermarks(){if(this.bValidated){document.querySelectorAll("zing-grid").forEach((e=>{e.oDOMWaterMark&&(e.oDOMWaterMark.remove(),e.oDOMWaterMark=null)}))}},cookieIsValid(){const e=this.getCookie(`${this.COOKIE_PREFIX}-${window.location.hostname}`);return!!e&&(new Date).getTime()<this.decrypt(e)},encrypt(){const e=new Date((new Date).getTime()+this.COOKIE_LIFETIME).getTime();return btoa(`${e}|${window.location.hostname}`)},decrypt:e=>atob(e).split("|")[0],createCookie(){Object.keys(document).includes("cookie")&&(document.cookie=`${this.COOKIE_PREFIX}-${window.location.hostname}=${this.encrypt()};expires='${this.COOKIE_LIFETIME};'`)},getCookie(e){if(Object.keys(document).includes("cookie")){const t=("; "+document.cookie).split("; "+e+"="),o=t.pop().split(";").shift();if(2===t.length)return o}}},i=a},4087:(e,t,o)=>{"use strict";o.d(t,{MU:()=>i,P_:()=>a});var n=o(3605);function r(e,t){return null==e?[]:(t=t||".",e.split(t))}function a(e,t,o,a){let s=Array.isArray(t)?t:r(t,a),l=s[s.length-1],d=function(e,t){let o=t,r=e,a=0,i=o.length;for(;null!=r&&a<i;){if(!n.PO(r)&&!n.kJ(r))return!1;r=r[o[a]],a++}return!0}(e,s);return d&&(e=function(e,t){let o,r=t,a=e,i=0,s=r.length;for(;null!=a&&i<s;){if(!n.PO(a)&&!n.kJ(a))return e;let t=r[i],s=r[i+1];o=a[t],a[t]=void 0!==o?o:n.U(s)?[]:{},a=a[t],i++}return e}(e,s),(function(e,t){let o=t,n=o.slice(0);return n.pop(),1==o.length?e:i(e,n)}(e,s))[l]=o),e}function i(e,t,o,a){let i=null==e?void 0:function(e,t,o){if("disabled"===o&&t&&!Array.isArray(t))return e[t];let a=Array.isArray(t)?t:r(t,o),i=0,s=a.length;for(;null!=e&&i<s;){let t=a[i++],o=e;if(e=e[t],t&&"-"===t[0]){const r=parseInt(t,10);if(!isNaN(r)&&r<0&&Array.isArray(o)){o=n.mJ.clone(o);let t=o.splice(r);t&&t.length&&(e=t[0])}}}return i==s?e:void 0}(e,t,a);return void 0===i?o:i}},4584:(e,t,o)=>{"use strict";o.d(t,{hx:()=>y,w1:()=>v,V5:()=>z,G6:()=>b,Gu:()=>g,T:()=>w,iV:()=>C});let n,r=!1,a=[],i=!1,s=function(){!1===r&&(r=!0,document.addEventListener?(document.removeEventListener("DOMContentLoaded",s,!1),window.removeEventListener("load",s,!1)):(hasOnReadyStateChange&&document.detachEvent("onreadystatechange",c),window.detachEvent("onload",s))),l()},l=function(){if(!1===i){i=!0;let e=a.length;for(let t=0;t<e;t++)a[t]()}},d=function(){(window.attachEvent?function(){if(window!==top)return!1;try{document.documentElement.doScroll("left")}catch(e){return!1}return!0}:function(){return"complete"===document.readyState})&&(clearInterval(n),s())},c=function(){n=setInterval(d,2)},h="undefined"!=typeof navigator?navigator.userAgent.toLowerCase():"",u=e=>e.test(h),g=("undefined"!=typeof document&&document.documentMode,"undefined"!=typeof document?"CSS1Compat"==document.compatMode:""),p=u(/opera/),m=(p&&u(/version\/10\.5/),u(/\bchrome\b/)),f=u(/webkit/),b=!m&&u(/safari/),v=!p&&u(/msie/),y=!f&&u(/gecko/),z=u(/macintosh/);let w="undefined"!=typeof window&&("ontouchstart"in window||navigator.MaxTouchPoints>0||navigator.msMaxTouchPoints>0);w&&setTimeout((function(){let e=document.createElement("meta");e.id="viewport",e.name="viewport",e.content="width=device-width",document.getElementsByTagName("head")[0].appendChild(e)}));let C=!1;var S;S=function(){C="onmousewheel"in document.body},r?S():(a.push(S),"undefined"!=typeof document&&(document.addEventListener?(document.addEventListener("DOMContentLoaded",s,!1),window.addEventListener("load",s,!1)):(document.attachEvent("onreadystatechange",c),hasOnReadyStateChange=!0,window.attachEvent("onload",s))))},3605:(e,t,o)=>{"use strict";o.d(t,{mJ:()=>X,c7:()=>J,String:()=>Q,uQ:()=>d,W2:()=>D,nn:()=>O,mg:()=>E,kn:()=>A,$R:()=>T,go:()=>I,ye:()=>N,fh:()=>P,Ae:()=>F,SV:()=>h,ZT:()=>U,QR:()=>B,RH:()=>W,MV:()=>V,uf:()=>ie,XU:()=>Y,h8:()=>ne,wZ:()=>le,iM:()=>$,Ll:()=>ge,Uh:()=>S,AA:()=>G,MA:()=>c,kJ:()=>g,jn:()=>p,Sh:()=>f,U:()=>b,hj:()=>y,Kn:()=>w,PO:()=>C,HD:()=>k,gg:()=>R,o8:()=>M,CL:()=>q,g8:()=>H,T2:()=>Z,H6:()=>he,hS:()=>de,rO:()=>re,ls:()=>ce,AG:()=>ue,bF:()=>ae,FE:()=>se,SZ:()=>K,vT:()=>pe,Xh:()=>j,translate:()=>ve,Aq:()=>u,yZ:()=>_});var n=o(8419);const r=class{parse(e,t){let o,n,r,a,i,s,l,d,c,h,u,g=(t=t||{}).sLineSeparator||"\r\n",p=t.sDelimiter||",",m=t.bCaption||!1,f=t.bHeader||null,b=t.verticalLabels||null,v={};o=[[]],n="\r\n"!==g?new RegExp("(\\"+p+"|"+g+'|^)(?:"([^"]*(?:""[^"]*)*)"|([^"\\'+p+g+"]*))","gi"):new RegExp("(\\"+p+'|\\r?\\n|\\r|^)(?:"([^"]*(?:""[^"]*)*)"|([^"\\'+p+"\\r\\n]*))","gi");let y=null;for(;y=n.exec(e);){let e=y[1];e.length&&e!==p&&o.push([]),r=y[2]?y[2].replace(new RegExp('""',"g"),'"'):y[3],o[o.length-1].push(r)}let z=[];for(a=0,i=o.length;a<i;a++)0!==o[a].join("").replace(/\s+/g,"").length&&z.push(o[a]);m&&z.length>1&&1===z[0].length&&(v.caption=z.shift().join(""));let w=0;for(a=0,i=z.length;a<i;a++)w=Math.max(w,z[a].length);let C=[];f&&(C=z.shift());let S=[];if(b)for(s=0,l=z.length;s<l;s++)S.push(z[s].shift());if(u=JSON.parse(JSON.stringify(z).replace(/\\\\/g,"\\")),v.data=u,C.length===w){for(h=[],s=0,l=u.length;s<l;s++){let e={};for(d=0,c=w;d<c;d++)e[C[d]]=u[s][d];h.push(e)}v.data=h}return v}};const a=class{constructor(){this.aColumnIndexes=null,this.aDataset=null,this.aColgroup=null}parse(e,t){this.aColumnIndexes=[],this.aDataset=[];const o={},r=e.querySelector("colgroup"),a=e.querySelector("thead"),i=e.querySelectorAll(`tr[${n.default.tableData.headRow}]`),s=e.querySelector("caption");r&&t.bCanSetColumns&&this.createColumns(r,t),t.oTableHead&&t.oTableHead.length?this.aColumnIndexes=X.clone(t.oTableHead):i.length?this.aColumnIndexes=this.createHeader(i,t,!1,o):this.aColumnIndexes=a?this.createHeader(a,t,!0,o):this.createHeader(e,t,!1,o);const l=e.querySelector("tbody")||e;return l.querySelectorAll(`tr:not([${n.default.tableData.headRow}]):not([${n.default.tableData.ignoreRow}]):not([${n.default.tableData.frozenRow}])`).forEach((e=>{const o=this.processDataRow(e,t);o&&this.aDataset.push(o)})),this.addFrozenRows(e,l,t,o),o.data=this.aDataset,s&&(o.caption=s.innerHTML),this.aColgroup&&this.aColgroup.length&&(o.columns=this.aColgroup),o}createColumns(e,t){const o=e.querySelectorAll("col");this.aColgroup=[],o.forEach((e=>{let t={};for(let o in e.dataset){let n=e.dataset[o];""===n&&(n="true"),t[o[2].toLowerCase()+o.slice(3)]=n}t.index||(e.id?t.index=e.id:e.name&&(t.name=e.name)),this.aColgroup.push(t)}))}processDataRow(e,t){const o=this.aColumnIndexes,n=t.sTableDataFormat||"text";let r=e.querySelectorAll("td");const a=e.querySelectorAll("th");if(r=r.length>a.length?e.querySelectorAll("td, th"):[],r.length){const e={};return r.forEach((t=>{const r=t.cellIndex;let a=r,i=e;if(void 0!==o[r]){let e=o[r];if(g(e)){for(let t=0;t<e.length-1;t++){const o=e[t];""!==o&&(void 0===i[o]&&(i[o]={}),i=i[o])}a=e[e.length-1]}else a=e}i[a]="html"===n?t.innerHTML:t.textContent})),e}}addFrozenRows(e,t,o,r){const a=[],i=[],s=t.querySelectorAll(`tr[${n.default.tableData.frozenRow}]`);s.length&&s.forEach((e=>{const t="bottom"===e.getAttribute(n.default.tableData.frozenRow)?i:a,r=this.processDataRow(e,o);r&&t.push(r)}));const l=e.querySelector("tfoot");if(l){l.querySelectorAll("tr").forEach((e=>{const t=this.processDataRow(e,o);t&&i.push(t)}))}a.length&&(this.aDataset.unshift(...a),r.frozenTop=a.length),i.length&&(this.aDataset.push(...i),r.frozenBottom=i.length)}createHeader(e,t,o,n){let r,a,i=!1,s=[],l=[0,0];if(e.length)a=e,r="th, td";else{a=e.querySelectorAll("tr");e.querySelector("th")?r="th":o&&(r="td")}return r&&a.forEach((e=>{if(!i){let o=e.querySelectorAll(r);const n=e.querySelectorAll("td");"th"===r&&o.length>n.length?o=e.querySelectorAll("th, td"):"th"===r&&(o=[]),o.length?this.loopHeaderCells(o,t,s,l):s.length&&(i=!0)}})),l[0]&&(n.frozenLeft=l[0]),l[1]&&(n.frozenRight=l[1]),s}loopHeaderCells(e,t,o,r){const a=t.sTableHeadFormat||"text";let i=!1,s=0,l=0;e.forEach((e=>{const t=e.cellIndex,r=e.colSpan;let d=e.getAttribute(n.default.tableData.frozenColumn);""===d&&(d="left");let c=null;d?("left"!==d||i||(s+=r),"right"===d&&(l+=r)):(i=!0,l=0);for(let n=0;n<r;n++){const r=t+n;let i,s;this.aColgroup&&void 0!==this.aColgroup[r]&&(c=this.aColgroup[r]),i="html"===a?e.innerHTML:e.textContent,c&&c.index?(s=c.index,c.header||(c.header=i)):s=i,void 0===o[r]?o[r]=[s]:o[r].push(s)}})),r[0]=Math.max(r[0],s),r[1]=Math.max(r[1],l)}};var i=o(6919),s=o(2260);let l=Object.prototype.toString,d=function(){let e;if("undefined"!=typeof window&&window.ShadyDOM){e=document.createElement("style"),e.id="zg-shadow-dom-style";let t=document.head;t.insertBefore(e,t.firstChild)}return function(t,o,n,r,a,i){let s,l=t.attachShadow({mode:"open"});if(t._oShadowRoot=l,i&&(l.adoptedStyleSheets=[i]),a)s=a.content.cloneNode(!0);else{let e;e=window.ShadyDOM?`${r}`:`\n      <style>${n}</style>\n      ${r}\n      `,s=document.createRange().createContextualFragment(e)}if(l.appendChild(s),window.ShadyDOM){if(!n.shimmed){let t=n.toString().replace(/:host\(([^\n,\s]+)\)/gm," "+o+"$1").replace(/:host/gm," "+o).replace(/::slotted\(([^\)]+)\)/gm,o+" $1").replace(new RegExp("("+o+"[^{.,\\n]+)"+o+"[^-]","gmi"),"$1");e.textContent+=t}n.shimmed=!0}}}();function c(e){for(;e;e=e.parentNode){if("[object ShadowRoot]"===e.toString())return!0;if("ZING-GRID"===e.nodeName)return!1}return!1}function h(e,t){let o;o=`${window.ShadyDOM||!e?"":`<style>${e}</style>`}${t}`;const n=document.createElement("template");return n.innerHTML=o,n}function u(...e){console.log("[ZingGrid Developer Alert]",...e)}let g="isArray"in Array?Array.isArray:function(e){return"[object Array]"===l.call(e)};function p(e){return!0===e||!1===e}function m(e){return"[object Date]"===l.apply(e)}function f(e){return"object"===R(e)&&!!e.nodeType}function b(e){return!!y(e)&&e%1==0}function v(e,t){return!!function(e){return M(e)||z(e)||p(e)||k(e)||y(e)||e!=e}(e)||(!!function(e){return"[object Function]"===l.apply(e)}(e)||(!!x(e)||(!!m(e)||(g(e)?!e.length||1==t:!Object.keys(e).length))))}function y(e){return"number"==typeof e&&isFinite(e)}function z(e){return null===e}function w(e){return"[object Object]"===l.call(e)}function C(e){return"object"===R(e)&&!e.nodeType}function S(e){return!(M(e)||z(e))}function x(e){return"[object RegExp]"===l.call(e)}function k(e){return"string"==typeof e}function R(e){let t=typeof e;return z(e)&&(t="null"),g(e)&&(t="array"),m(e)&&(t="date"),x(e)&&(t="regexp"),t}function M(e){return void 0===e}function D(e){const t=(new DOMParser).parseFromString(e,"text/html").querySelector("body").children,o=document.createDocumentFragment();return[...t].forEach((e=>o.appendChild(e))),o}function O(e,t,o){let n;for(n in o&&O(e,o),t)e[n]=void 0===t[n]?e[n]:t[n];return e}function E(e,t){if(e._bIsConfigApplied)return e;W(e,t=t||{}),e._bIsConfigApplied=!0}function T(e,t,o){let n;for(n in o&&T(e,o),t)"object"!=typeof t[n]&&(e[n]=void 0===t[n]?e[n]:t[n]);return e}function A(e,t){for(let o in t)void 0===e[o]&&(e[o]=t[o]);return e}function I(e,t){for(let o of Object.getOwnPropertyNames(t))e.hasOwnProperty(o)||(e[o]=t[o]);return e}function _(e,t){var o={};if(1==e.nodeType){if(e.attributes.length>0){o["@attributes"]={};for(var n=0;n<e.attributes.length;n++){var r=e.attributes.item(n);o["@attributes"][r.nodeName]=r.nodeValue}}}else 3!=e.nodeType&&4!=e.nodeType||(o=e.nodeValue,4==e.nodeType&&t&&(o=L(o)));if(e.hasChildNodes()&&1===e.childNodes.length&&3===e.childNodes[0].nodeType)o=e.childNodes[0].nodeValue;else if(e.hasChildNodes())for(var a=0;a<e.childNodes.length;a++){var i=e.childNodes.item(a);if(3===i.nodeType&&""===i.nodeValue.trim())continue;var s=i.nodeName;let n=_(i,t);if(n!=={})if(void 0===o[s])4==i.nodeType?o=t?L(i.nodeValue):i.nodeValue:o[s]=n;else{if(void 0===o[s].push){var l=o[s];o[s]=[],o[s].push(l)}o[s].push(n)}}return o}function L(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}function F(e,t,o){if(!e)return"";if(w(e)&&(e=Object.keys(e).map((t=>{let o=e[t];return o[n.default.store.keyField]=t,o}))),!e.length)return"";const r=t.headers,a=(e,t)=>null===t?"":t,i=Object.keys(e[0]),s=e=>{const t=o.getColumnByFieldIndex(e);return t?t.sColumnHeaderText:e};let l=e.map((e=>i.map((t=>JSON.stringify(e[t],a))).join(",")));r&&(g(e[0])?l.unshift(i.map(s)):l.unshift(i.join(",")));return l.join("\r\n")}function B(e,t){let o=(new r).parse(e,t);return o.caption&&t.widget.webcomponent.setCaption(o.caption),o.data}function G(e,t){const o=new a,n=t.widget.webcomponent;t.bCanSetColumns=n.bDefaultCols;let r=o.parse(e,t);return r.caption&&n.setCaption(r.caption),r.frozenTop&&(n.frozenRowsTop=r.frozenTop),r.frozenBottom&&(n.frozenRowsBottom=r.frozenBottom),t.widget.store.once("loaded",(()=>{r.frozenLeft&&(n.frozenColumnsLeft=r.frozenLeft),r.frozenRight&&(n.frozenColumnsRight=r.frozenRight)})),r.columns&&n.setColumns(r.columns),n.headerAutoFormat="disabled",r.data}function H(e,t){let o=t.querySelector("zg-data")||null,n=null;const r=!o;for(let r in e.dataset){const a=e.dataset[r];let i=r[2].toLowerCase()+r.slice(3);if("dataFormat"===i||"headFormat"===i){o||(o=document.createElement("zg-data"));const e=document.createElement("zg-param");i="table"+i[0].toUpperCase()+i.slice(1),e.setAttribute("name",i),e.setAttribute("value",a),o.appendChild(e),n||(n={}),n[i]=a}else i=ee(i),t.setAttribute(i,a)}return o&&r&&t.appendChild(o),n}function Z(e){const t=document.createElement("zing-grid");return H(e,t),t}function N(e){return e*parseFloat(getComputedStyle(document.documentElement).fontSize)}function P(e){return e*parseFloat(getComputedStyle(document.documentElement).fontSize)}function U(e,t){let o=document.createElement("select");return t&&(!e.length||""!==e[0]&&""!==e[0].value)&&e.splice(0,0,""),e.forEach((e=>{const t="object"==typeof e,n=t?e.name?e.name:e.value:e,r=t?e.value:e;let a=document.createElement("option");a.textContent=n,a.value=r,o.appendChild(a)})),o}function W(e,t){if(e===t)return e;if(null===t)return null;let o=Array.isArray(t);if(e=null!=e?e:o?[]:{},o){if(!g(e))throw new Error("trying to deep merge an array onto a non-array type");t.forEach(((t,o)=>{void 0===e[o]||null===e[o]?e[o]=t:"object"==typeof t?e[o]=W(e[o],t):-1===e.indexOf(t)&&e.push(t)}))}else{if(!C(e))throw new Error("trying to deep merge an object onto a non-object type");Object.keys(t).forEach((o=>{"object"==typeof t[o]&&t[o]&&e[o]?e[o]=W(e[o],t[o]):e[o]=t[o]}))}return e}function V(e,t){let o=e;for(;o&&1===o.nodeType;){if(o.tagName.toLowerCase()===t)return o;o=o.parentNode}return null}function $(e,t){let o=[];return function e(n,r,a){r=r||"",v(n,a)?""!==r&&o.push(r.slice(0,-1*t.length)):Object.keys(n).forEach((o=>{e(n[o],r+o+t,!0)}))}(e,"",!1),o}function q(e){e.hasAttribute(n.default.attr.loading)&&e.removeAttribute(n.default.attr.loading)}function K({el:e,attr:t,match:o,value:n}){o?e.setAttribute(t,n):e.removeAttribute(t)}function j({el:e,attr:t,value:o}){o||""===o?e.setAttribute(t,o):e.removeAttribute(t)}function Y(e,t,o){let n=null;return t&&(n=t,!e&&t&&(e=s.Z.setUserFunction(null,t)),e&&"function"==typeof e.method&&(n=e.method.apply(e.scope,o),void 0===n&&(n=""))),n}let X={clone:function(e){return e.slice(0)},objectSort:function(e,t){return e.sort(((e,o)=>e[t]-o[t]))}};let J={copy:function(e){let t={};for(let o in e)t[o]=e[o];return t},get:function(e,t){return t.reduce(((e,t)=>e&&"undefined"!==e[t]?e[t]:void 0),e)},toString:function(e){let t="";for(let o in e)t+=o+":"+e[o]+";";return t}};let Q={camelCaseToDash:ee,camelCaseToReadable:function(e,t){let o="";return e.split(",").forEach((e=>{let n=[];n=t?oe(e,t):[e];let r="";n.forEach((e=>{let o=(e=(e=Q.dashToCamelCase(e,"[_-]")).trim()).match(/[A-Z]*[^A-Z]+/g);o&&(e=o.map((function(e){return e[0].toUpperCase()+e.substr(1).toLowerCase()})).join(" ")),e=e.replace(/\.[a-z]/g,(e=>"."+e[1].toUpperCase())),""!==r&&(r+=t),r+=e})),""!==o&&(o+=", "),o+=r})),o},capitalize:function(e){return e.replace(/(^| )(\w)/g,(e=>e.toLocaleUpperCase()))},dashToCamelCase:function(e,t){t=t||"-";let o=new RegExp(t+"([a-z])","gi");return e.replace(o,(e=>e[1].toUpperCase()))},escapeRegExp:te,format:function(e,...t){let o,n,r;if("array"===R(t[0]))o=t[0];else for(r=t.length,o=[],n=0;n<r;n++)o[n]=t[n];return e.replace(/\[(\d+)]/g,(function(e,t){return o[t]}))},formatCellData:function({args:e,cellDOM:t,cellSE:o}){const n=o._columnConfig&&o._columnConfig.sSeparator||" ";return e.filter(((t,o)=>o<e.length-2)).reduce(((e,t,o)=>(null==t&&(t=""),0===o?`${e}${t}`:`${e}${n}${t}`)),"")},formatToArray:function(e){let t;if("object"==typeof e&&e instanceof Array)return e;if(null===e)return[];if("object"==typeof e)return[e];try{t=JSON.parse(e),t instanceof Array||(t=[t])}catch(o){"string"!=typeof e&&(t=null);let n=e.replace(/:\s+/g,":").replace(/,\s+/g,",").replace(/\s+{/g,"{").replace(/}\s+/g,"}");if(n=n.replace(/{'/g,'{"').replace(/'}/g,'"}').replace(/':'/g,'":"').replace(/','/g,'","'),"{"===n.charAt(0))t=JSON.parse(`[${n}]`);else if("{"===n.charAt(1))t=JSON.parse(n);else{const o=e.replace(/^\[/,"").replace(/]$/,"").split(","),n=o.map((e=>e.trim().replace(/^'/,"").replace(/'$/,"")));t=o.length<2?null:n}}return t},stripComments:function(e){return e[0].replace(/<!--.*\s.*-->/gi,"")},toObject:function(e){let t={},o=(e=e.split(";")).length;for(let n=0;n<o;n++){let o=e[n].split(":");o.length<2||(o[0]=Q.trimWhiteSpace(o[0]),o[1]=Q.trimWhiteSpace(o[1]),t[o[0]]=o[1])}return t},trimWhiteSpace:function(e){return e.replace(/\s/g,"")},upFirstChar:function(e){return e[0].toLocaleUpperCase()+e.substr(1,e.length)},_splitHeader:oe};function ee(e){return e.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function te(e){return e.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&")}function oe(e,t){t=te(t=t||".");const o=new RegExp(`(\\w)${t}(?=\\w)`,"g");return e.replace(o,`$1${n.default.global.replaceToken}`).split(n.default.global.replaceToken)}function ne(e){if(e)return e.split(",").map((e=>Q.trimWhiteSpace(e)))}function re(e,t){return Math.floor(Math.random()*(e-t))+e}function ae(e,t,o){return-1!==t.indexOf("max-width")||!e&&t.indexOf(!0)?o:(e&&e==parseInt(e,10)&&(e+="px"),e?`width:${e}`:o?"":"max-width:100%;width:100%;")}function ie(e,t,o){if(!t)return e;let n=t.sLocale||i.default.getLocale(o)||"en-US",r={};if("disabled"===t.sTypeNumberFormatting)return e;{let o;return se(r,t),o=null==e||isNaN(e)||""===e?"":new Intl.NumberFormat(n,r).format(e),o}}function se(e,t){let o=t.nTypeNumberMinDecimals,n=t.nTypeNumberMaxDecimals,r=t.nTypeNumberDecimals;"percentage"===t.sCellType&&(void 0!==t.nTypePercentageDecimals&&(r=t.nTypePercentageDecimals),void 0!==t.nTypePercentageMaxDecimals&&(n=t.nTypePercentageMaxDecimals)),null!=r&&(e.minimumFractionDigits=r,e.maximumFractionDigits=r),null!=n&&(e.maximumFractionDigits=n),null!=o&&(e.minimumFractionDigits=o),e.minimumFractionDigits&&e.maximumFractionDigits&&e.maximumFractionDigits<e.minimumFractionDigits&&(delete e.maximumFractionDigits,delete e.minimumFractionDigits)}async function le(e,t){return await fetch(`${e}.svg`,{}).then((e=>{if(e.ok)return e.text();console.error("Error fetching external .svg")})).then((e=>de(e).children))}function de(e){return(new DOMParser).parseFromString(e,"text/xml").childNodes[0]}function ce(e,t){if(t){for(let o=e.children.length-1;o>=0;o--)[...t].forEach((t=>e.children[o]&&e.children[o].id===t.id?e.children[o].remove():t));return[...t].forEach((t=>e.append(t))),e}}function he(e){let t="";for(let o=0,n=e.length;o<n;o++){let n=o%2==0?o:e.length-o;t+=e.substring(n,n+1)}return t=t.replace(/\./g,"d"),t}function ue(e){return e.replace(/[a-zA-Z]/g,(function(e){return String.fromCharCode((e<="Z"?90:122)>=(e=e.charCodeAt(0)+13)?e:e-26)}))}function ge(e){var t=e;return t=(t=(t=t.replace("*","&")).replace("9","3")).replace("l","1")}function pe(e,t){var o=fe(function(e){for(var t=[],o="0x"===e.substr(0,2)?2:0;o<e.length;o+=2)t.push(parseInt(e.substr(o,2),16));return t}(e)),n=fe(me(t)),r=o.length;if(0===r)return"";for(var a,i,s=o[r-1],l=o[0],d=2654435769,c=Math.floor(6+52/r)*d;0!==c;){i=c>>>2&3;for(var h=r-1;h>0;h--)a=((s=o[h-1])>>>5^l<<2)+(l>>>3^s<<4)^(c^l)+(n[3&h^i]^s),l=o[h]-=a;a=((s=o[r-1])>>>5^l<<2)+(l>>>3^s<<4)^(c^l)+(n[3&h^i]^s),l=o[0]-=a,c-=d}return decodeURIComponent(function(e){for(var t="",o=0;o<e.length;o++)0!==e[o]&&(t+=String.fromCharCode(e[o]));return t}(be(o)))}function me(e){for(var t=[],o=0;o<e.length;o++)t.push(e.charCodeAt(o));return t}function fe(e){for(var t=new Array(Math.ceil(e.length/4)),o=0;o<t.length;o++)t[o]=e[4*o]+(e[4*o+1]<<8)+(e[4*o+2]<<16)+(e[4*o+3]<<24);return t}function be(e){for(var t=[],o=0;o<e.length;o++)t.push(255&e[o],e[o]>>>8&255,e[o]>>>16&255,e[o]>>>24&255);return t}function ve({msg:e="",vars:t=[],plurals:o="s"}){const n="%p",r="%v";let a;const i=e.includes(`\\${r}`),s=t.map((e=>e));a=i?we({msg:e,values:s,token:r}):ze({msg:e,values:s,token:r});const l=e.includes(`\\${n}`),d=ye({msg:e,pattern:new RegExp(`${n}(?!(\\\\))`,"gim")});if(d){const e="string"==typeof o?d.map((e=>o)):o.map((e=>e));a=l?we({msg:a,values:e,token:n}):ze({msg:a,values:e,token:n})}return a}function ye({msg:e,pattern:t}){return e.match(t)}function ze({msg:e,token:t,values:o}){const n=new RegExp(`${t}`),r=new RegExp(`${t}`,"gim"),a=o.map((e=>e));let i,s=e;return a.forEach((e=>{i=e,"object"==typeof e&&(i=e.condition||e.conditional?e.value:""),s=s.replace(n,i)})),s=s.replace(r,""),s}function we({msg:e,token:t,values:o}){const n=t.split("").reverse().join(""),r=new RegExp(`${n}(?!(\\\\))`),a=new RegExp(` ${n}(?!(\\\\))`),i=new RegExp(`${n}(?!(\\\\))`,"gim"),s=new RegExp(`\\\\${t}`,"gim"),l=o.map((e=>e));let d=e;d=d.split("").reverse().join("");const c=l.length,h=ye({msg:d,pattern:i}),u=h.length;h.forEach(((e,t)=>t<u-c?d=d.replace(a,"").replace(r,""):e));const g=l.filter(((e,t)=>t<u));return g.forEach(((e,t,o)=>o[t]="string"==typeof e?e.split("").reverse().join(""):e)),g.reverse().forEach((e=>d=d.replace(r,e))),d=d.split("").reverse().join(""),d=d.replace(s,t),d}},2816:(e,t,o)=>{"use strict";o.d(t,{Z:()=>x});var n=o(3605),r=o(4584);let a=r.hx?function(e){if(!e)return;let t=HTMLElement.prototype.toString.call(e);return"[xpconnect wrapped native prototype]"!=t&&"[object XULElement]"!=t?3==e.nodeType?e.parentNode:e:void 0}:function(e){return e&&3==e.nodeType?e.parentNode:e};var i=o(8419);function s(e,t){let o=(e=e.oBrowserEvent||e)["page"+t];return o||0===o||(o=e["client"+t]||0),o}const l={3:13,63234:37,63235:39,63232:38,63233:40,63276:33,63277:34,63272:46,63273:36,63275:35},d=r.w1?{1:0,4:1,2:2}:{0:0,1:1,2:2},c=/(dbl)?click/;function h(e,t,o){this.oBrowserEvent=e,this.type=e.type;let n=e.target||e.srcElement;this.oDOMTarget=n,this.oDOMRealTarget=n,this.bIsCTRL=e.ctrlKey||r.V5&&e.metaKey,this.bIsSHIFT=e.shiftKey,this.oDOMEventListenerHost=t,this.bDelegateNotFound=!1;let a=o.sDelegateTo;if(a){let e=this.getDelegateTarget(a);this.oDOMDelegateTarget=e,this.oDOMTarget=e}this.xy=[s(e,"X"),s(e,"Y")],this.nCharCode=this.getNormalizedCharCode(),this.nButton=this.getNormalizedButton()}h.prototype={BACKSPACE:8,TAB:9,ENTER:13,RETURN:13,SHIFT:16,CTRL:17,ALT:18,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,INSERT:45,DELETE:46,ZERO:48,ONE:49,TWO:50,THREE:51,FOUR:52,FIVE:53,SIX:54,SEVEN:55,EIGHT:56,NINE:57,NUM_ZERO:96,NUM_ONE:97,NUM_TWO:98,NUM_THREE:99,NUM_FOUR:100,NUM_FIVE:101,NUM_SIX:102,NUM_SEVEN:103,NUM_EIGHT:104,NUM_NINE:105,F2:113,A:65,B:66,C:67,D:68,E:69,F:70,G:71,H:72,I:73,J:74,K:75,L:76,M:77,N:78,O:79,P:80,Q:81,R:82,S:83,T:84,U:85,V:86,W:87,X:88,Y:89,Z:90,keyNum:{48:0,49:1,50:2,51:3,52:4,53:5,54:6,55:7,56:8,57:9,96:0,97:1,98:2,99:3,100:4,101:5,102:6,103:7,104:8,105:9},stopEvent:function(){this.stopPropagation(this.oBrowserEvent),this.preventDefault(this.oBrowserEvent)},stopImmediatePropagation:function(){let e=this.oBrowserEvent;e.stopImmediatePropagation?e.stopImmediatePropagation():this.stopPropagation()},stopPropagation:function(){let e=this.oBrowserEvent;e.stopPropagation?e.stopPropagation():e.cancelBubble=!0},preventDefault:function(){let e=this.oBrowserEvent;e.preventDefault?e.preventDefault():(e.keyCode&&(e.keyCode=0),e.returnValue=!1)},normalizeSafariKey:function(e){return r.G6&&l[e]||e},getNormalizedCharCode:function(){let e=this.oBrowserEvent;return this.normalizeSafariKey(e.keyCode||e.charCode||e.key)},getNormalizedButton:function(){let e=this.oBrowserEvent,t=e.button?d[e.button]:e.which?e.which-1:-1;return c.test(e.type)&&-1===t&&(t=0),t},getDelegateTarget:function(e){let t,o,n,r=0,a=null,i=null,s=null,l=0;e.replace(/:not\((.*)\.(.*)\)/,(function(e,t,o){s={sTagName:t,sClassName:o}})),null!==s?l=2:(n=e.split("."),a=n[0],i=n[1],l=n.length);let d=this.oDOMTarget;for(;;){if(!d)return!1;if(9==d.nodeType)return this.oDOMTarget;if(11==d.nodeType||"[object ShadowRoot]"===d.toString()){d=d.host;continue}let e=0,n=d.tagName,c=d.nodeName,h=d.classList;if(null!==s){if(void 0===n||void 0===c)return this.oDOMTarget;if(t=n.toLowerCase(),o=c.toLowerCase(),s.sTagName!==t&&s.sTagName!==o||e++,s.sClassName&&h.contains(i)&&e++,e===l)break}else{if(null!==a){if(void 0===n||void 0===c)return!1;t=n.toLowerCase(),o=c.toLowerCase(),a!==t&&a!==o||e++}null!==i&&h.contains(i)&&e++}if(e===l)return d;if(this.oDOMEventListenerHost===d){if(s)return d;break}if(d=d.assignedSlot?d.assignedSlot:d.parentNode,r++,r>=10){if(s)return d;break}}this.bDelegateNotFound=!0}};const u=h;let g,p={};g=setInterval((function(){let e,t,o,n;for(e in p)t=p[e],t!==document&&(o=t.dom,o&&o.parentNode&&(o.offsetParent||document.getElementById(e))||delete p[e]);if(r.w1){for(e in n={},p)n[e]=p[e];p=n}}),3e4);let m=/alpha\(opacity=(.*)\)/gi,f="undefined"!=typeof document?document.defaultView:null,b={},v=/(-[a-z])/gi,y={},z=0;function w(e,t){return t.charAt(1).toUpperCase()}function C(e){return b[e]||(b[e]=e.replace(v,w))}class S{constructor(e){let t,o,n=p;"string"==typeof e&&(t=e,o=document.getElementById(e)),e.nodeType&&(o=e,t=e===document?"oDocument":e===document.body?"oDocumentBody":e.id),t&&n[t],o&&(this.dom=o,t=t||S.id(o))}getDOM(){return this.dom}_getDOMByTagName(e,t){let o=this.getDOM().getElementsByTagName(e);return n.o8(t)?o:o[t]}_querySelector(...e){return this.getDOM().querySelector(...e)}_setStyle(e,t,o){let n,r,a=this.getDOM();for(r in"object"!=typeof e&&(n={},n[e]=t,e=n),e)switch(t=e[r],r){case"opacity":a.style.opacity=t;break;case"float":a.style.styleFloat=t,a.style.cssFloat=t;break;default:a.style[C(r)]=t,o&&a.style&&a.style.setProperty&&a.style.setProperty(r,t,"important")}}_hide(){this.getDOM().setAttribute(i.default.attr.hidden,"")}_show(...e){let t=this.getDOM();this.setXY(e[0]),t.removeAttribute(i.default.attr.hidden)}getHeight(){return Math.max(this.getDOM().clientHeight,this.getDOM().offsetHeight)}getWidth(){let e=this.getDOM();return Math.max(e.clientWidth,e.offsetWidth)}getSize(){let e=this.getDOM().getBoundingClientRect();return[e.width,e.height]}once(e,t,o,n){let r=(o,n)=>{t(o,n),this.un(e,r)};this.on(e,r,o,n)}on(e,t,o,n,i){n=n||{},o=o||this,void 0===i&&(i=!0);let s,l,d,c,h=!1,g=!1,p=!1,m=null,f=this,b=this.getDOM();if(/ /.test(e)){let t,o=e.split(" ");"key"===(e=o[0])&&(e="keydown");let n=o.length;for(t=1;t<n;t++){let e=o[t].toUpperCase();switch(e){case"CTRL":g=!0;break;case"SHIFT":p=!0;break;default:if(m=o[t],h=u.prototype[e],void 0===h)throw new Error("event is not write")}}}s=function(e){let i,s=function(e){return e||window.event}(e),l=new u(s,b,n);if((!n.sDelegateTo||l.oDOMDelegateTarget)&&!1===l.bDelegateNotFound){if(i=l.oDOMDelegateTarget?l.oDOMDelegateTarget:function(e){return e=e.oBrowserEvent||e,a(e.target||e.srcElement)}(s),!1!==h&&e.keyCode!==h&&e.key!==m)return;if(!1!==g){if(r.V5&&!1===e.metaKey)return;if(!r.V5&&!1===e.ctrlKey)return}if(!1!==p&&!1===e.shiftKey)return;t.apply(o,[l,i])}},"mousewheel"===e&&!1===r.iV&&(e="DOMMouseScroll"),c=i?{passive:!0}:{},b.addEventListener(e,s,c),l=this.events=this.events||{},d=l[e]=l[e]||[];let v={fn:t,wrappedFn:s,scope:o};if(d.push(v),b===document){y[e]=y[e]||[],y[e].push(v)}return function(){v&&f&&(f.un(e,null,v),b=null,v=null,f=null)}}un(e,t,o){if(!t&&!o)throw new Error("Event name [",e,"] needs a function argument to unregister");if(!this.events)return;let n,a=this.getDOM(),i=this.events[e];if(!i)return;let s=i.length;if(!o)for(n=0;n<s;n++)if(i[n].fn===t){o=i[n];break}o&&("mousewheel"===e&&!1===r.iV?a.removeEventListener("DOMMouseScroll",o.wrappedFn,!1):a.removeEventListener(e,o.wrappedFn,!1),o.scope=null,o.fn=null,o.wrappedFn=null,i.splice(i.indexOf(o),1),o=null)}fire(e,...t){if(!this.events)return;let o=this.events[e],n=this,r=!1;return o?(t.unshift(this),o.forEach((e=>{if(null==e)return;e.params&&(t=t.concat(e.params)),!1===e.fn.apply(e.scope||n,t)&&(r=!0)})),!r):void 0}docUn(e,t){let o,n=y[e];if(!n)return;let a,i=n.length;for(o=0;o<i;o++)a=n[o],a.fn===t&&(window.removeEventListener?"mousewheel"===e&&!1===r.iV?this.getDOM().removeEventListener("DOMMouseScroll",a.wrappedFn,!1):(this.getDOM().removeEventListener(e,a.wrappedFn,!1),n.splice(o,1),o--,i--):this.getDOM().detachEvent("on"+e,a.wrappedFn))}docUnAll(){for(let e in y){let t=y[e],o=0,n=t.length;for(;o<n;o++)t[o]&&t[o].fn&&this.docUn(e,t[o].fn)}}unAll(){let e,t,o,n,r,a=this.getDOM(),i=this.events;for(n in i)for(e=i[n],t=e.length,r=0;r<t;r++)o=e[r],o&&(window.removeEventListener?a.removeEventListener(n,o.wrappedFn,!1):a.detachEvent("on"+n,o.wrappedFn));this.events={}}getXY(){let e,t,o=document.body||document.documentElement,n=[0,0],r=this.getDOM();return r!=o&&r.getBoundingClientRect&&(e=r.getBoundingClientRect(),t=this.getScroll(document.body),n=[e.left+t.left,e.top+t.top]),n}getX(){return this.getXY()[0]}getY(){return this.getXY()[1]}setXY(e){const t=n.gg(e);"object"===t?(this.setStart(e.x,"left"),this.setStart(e.y,"top")):"array"===t&&(this.setStart(e[0],"left"),this.setStart(e[1],"top"))}calculateContextPosition(e,t){let o=this.getDOM();const n=o.getBoundingClientRect(),r=t.getBoundingClientRect(),a=r.left+r.width,s=e.oBrowserEvent.clientX,l=s-n.width,d=s+n.width>a,c=window.getComputedStyle(o);let h=parseInt(c.borderLeftWidth,10);h&&h>1&&t.style.setProperty("--menu-arrow-right",`calc(100% + ${h}px)`),d?(this.setStart(l-r.left,"left"),this.setAttribute(i.default.attr.internaldir,"left")):(this.setStart(e.oBrowserEvent.clientX-r.left,"left"),this.setAttribute(i.default.attr.internaldir,"right")),this.setStart(e.oBrowserEvent.clientY-r.top,"top")}calculateMenuPosition(e,t){let o=this.getDOM();const n=t.getBoundingClientRect(),r=e.oDOMTarget.getBoundingClientRect(),a=o.getBoundingClientRect(),i=n.left+n.width,s=r.left,l=s+r.width;s+a.width>i?this.setStart(i-l,"right"):this.setStart(s,"left"),this.setStart(r.top+r.height-n.top,"top")}setStart(e,t){n.o8(e)||(this.getDOM().style[t]=e+"px")}clearPosition(){["top","right","left"].forEach((e=>this.getDOM().style.removeProperty(e)))}_setLeft(e){this.getDOM().style.left=e+"px"}setTop(e){this.getDOM().style.top=e+"px"}getScroll(e){let t,o,n,a=e||this.getDOM();return a==document||a==document.body?(r.w1&&r.Gu?(t=document.documentElement.scrollLeft,o=document.documentElement.scrollTop):(t=window.pageXOffset,o=window.pageYOffset),n={left:t||(document.documentElement?document.documentElement.scrollLeft:0),top:o||(document.documentElement?document.documentElement.scrollTop:0)}):n={left:a.scrollLeft,top:a.scrollTop},n}_addClass(e){return this.getDOM().classList.add(e),this}_removeClass(e){return this.getDOM().classList.remove(e),this}_appendChild(e,t){let o=this.getDOM();e.nodeType&&o.appendChild(e)}_removeChild(e){e.nodeType&&this.getDOM().removeChild(e)}parent(e){let t=this.getDOM(),o=t.parentNode||t.parentElement;return!1===e?o:new S(o)}_setAttribute(e,t){let o,n,r=this.getDOM();if("setAttribute"in r)for(n in"object"!=typeof e&&(o={},o[e]=t,e=o),e)t=e[n],r.setAttribute(n,t);return this}_removeAttribute(e){this.getDOM().removeAttribute(e)}update(e){this.getDOM().innerHTML=e}_text(){return this.getDOM().textContent}destroy(){let e=this.parent(!1);this.unAll(),this.events={},e&&(e.removeChild(this.getDOM()),delete p[this.id]),this.dom=null}select(e){return select(e,this.getDOM())}static get(e){if(!e)throw new Error("element is not set");return!0===e.isComposite?e.item(0):new S(e)}static elContains(e,t){if(e&&e.firstChild)for(;t;){if(t===e)return!0;(t=t.parentNode)&&1!==t.nodeType&&(t=null)}return!1}static id(e,t){return e?e.id:(t||"zg-gen-")+ ++z}}S.prototype.getStyle=function(e){let t,o,n,r,a,i=this.getDOM();if(i==document)return null;if(f&&f.getComputedStyle)return e=C(e),r=(o=i.style[e])?o:(n=f.getComputedStyle(i,""))?n[e]:null,"marginRight"===e&&"0px"!==r&&(a=i.style.display,i.style.display="inline-block",r=f.getComputedStyle(i,"").marginRight,i.style.display=a),"backgroundColor"===e&&"rgba(0, 0, 0, 0)"===r&&(r="transparent"),r;if("opacity"===e){if(i.style.filter.match&&(t=i.style.filter.match(m),t)){let e=parseFloat(t[1]);if(!isNaN(e))return e?e/100:0}return 1}return e=C(e),i.style[e]||((n=i.currentStyle)?n[e]:null)};const x=S},5658:e=>{e.exports='<svg id="android" xmlns="http://www.w3.org/2000/svg"><symbol id="checkmark" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></symbol><symbol id="submitrecord" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></symbol><symbol id="checked" viewBox="0 0 24 24"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></symbol><symbol id="unchecked" viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"></path></symbol><symbol id="close" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="cancelrecord" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="edit" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></symbol><symbol id="editrecord" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></symbol><symbol id="layoutcard" viewBox="0 0 24 24"><path d="M4 11h5V5H4v6zm0 7h5v-6H4v6zm6 0h5v-6h-5v6zm6 0h5v-6h-5v6zm-6-7h5V5h-5v6zm6-6v6h5V5h-5z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="layoutrow" viewBox="0 0 24 24"><path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="menu" viewBox="0 0 24 24"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"></path></symbol><symbol id="fixedmenu" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></symbol><symbol id="reload" viewBox="0 0 24 24"><path d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"></path></symbol><symbol id="firstpage" viewBox="0 0 24 24"><path d="M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"></path></symbol><symbol id="nextpage" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></symbol><symbol id="lastpage" viewBox="0 0 24 24"><path d="M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"></path></symbol><symbol id="prevpage" viewBox="0 0 24 24"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></path></symbol><symbol id="remove" viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"></path></symbol><symbol id="removerecord" viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"></path></symbol><symbol id="up" viewBox="0 0 24 24"><path d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"></path></symbol><symbol id="down" viewBox="0 0 24 24"><path d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"></path></symbol></svg>'},2757:e=>{e.exports='<svg id="default" xmlns="http://www.w3.org/2000/svg"><symbol id="batchedit" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></symbol><symbol id="batcheditcancel" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="batcheditsave" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></symbol><symbol id="checkmark" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></symbol><symbol id="submitrecord" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></symbol><symbol id="checked" viewBox="0 0 24 24"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></symbol><symbol id="unchecked" viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"></path></symbol><symbol id="cancel" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="close" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="cancelrecord" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="success" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></symbol><symbol id="error" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"></path></symbol><symbol id="error-tmp" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"></path></symbol><symbol id="info" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"></path></symbol><symbol id="warning" viewBox="0 0 24 24"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"></path></symbol><symbol id="duplicaterecord" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"></path></symbol><symbol id="edit" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></symbol><symbol id="editrecord" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></symbol><symbol id="createrecord" viewBox="0 0 24 24"><path d="M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"></path></symbol><symbol id="layoutcard" viewBox="0 0 24 24"><path d="M4 11h5V5H4v6zm0 7h5v-6H4v6zm6 0h5v-6h-5v6zm6 0h5v-6h-5v6zm-6-7h5V5h-5v6zm6-6v6h5V5h-5z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="layoutrow" viewBox="0 0 24 24"><path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="menu" viewBox="0 0 24 24"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"></path></symbol><symbol id="fixedmenu" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></symbol><symbol id="copycell" viewBox="0 0 24 24"><path d="M3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm18-4H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14z"></path></symbol><symbol id="pastecell" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M19 2h-4.18C14.4.84 13.3 0 12 0c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm7 18H5V4h2v3h10V4h2v16z"></path></symbol><symbol id="selectcell" viewBox="0 0 24 23"><path fill="gray" fill-rule="evenodd" clip-rule="evenodd" d="M0 .958V0h1v1H0V.958zM0 22v1h1v-1H0zm24 .042V22h-1v1h1v-.958zM24 1V0h-1v1h1zM3 0v1h2V0H3zm4 0v1h2V0H7zm4 0v1h2V0h-2zm4 0v1h2V0h-2zm4 0v1h2V0h-2zm5 2.875h-1v1.917h1V2.875zm0 3.833h-1v1.917h1V6.708zm0 3.834h-1v1.916h1v-1.916zm0 3.833h-1v1.917h1v-1.917zm0 3.833h-1v1.917h1v-1.917zM21 23v-1h-2v1h2zm-4 0v-1h-2v1h2zm-4 0v-1h-2v1h2zm-4 0v-1H7v1h2zm-4 0v-1H3v1h2zm-5-2.875h1v-1.917H0v1.917zm0-3.833h1v-1.917H0v1.917zm0-3.834h1v-1.916H0v1.916zm0-3.833h1V6.708H0v1.917zm0-3.833h1V2.875H0v1.917zM5 11H3v1h2v-1zm4 0H7v1h2v-1zm8 0h-2v1h2v-1zm-5-8h1v2h-1V3zm1 4h-1v2h1V7zm-1 7h1v2h-1v-2zm1 4h-1v2h1v-2zm6-7h2v1h-2v-1zm-6 0h-1v1h1v-1z"></path><path stroke="var(--zg-icon-color, var(--theme-color-primary))" d="M.5.5h12v11H.5z"></path></symbol><symbol id="selectrow" viewBox="0 0 24 23"><path fill="gray" fill-rule="evenodd" clip-rule="evenodd" d="M0 .958V0h1v1H0V.958zM0 22v1h1v-1H0zm24 .042V22h-1v1h1v-.958zM24 1V0h-1v1h1zM3 0v1h2V0H3zm4 0v1h2V0H7zm4 0v1h2V0h-2zm4 0v1h2V0h-2zm4 0v1h2V0h-2zm5 2.875h-1v1.917h1V2.875zm0 3.833h-1v1.917h1V6.708zm0 3.834h-1v1.916h1v-1.916zm0 3.833h-1v1.917h1v-1.917zm0 3.833h-1v1.917h1v-1.917zM21 23v-1h-2v1h2zm-4 0v-1h-2v1h2zm-4 0v-1h-2v1h2zm-4 0v-1H7v1h2zm-4 0v-1H3v1h2zm-5-2.875h1v-1.917H0v1.917zm0-3.833h1v-1.917H0v1.917zm0-3.834h1v-1.916H0v1.916zm0-3.833h1V6.708H0v1.917zm0-3.833h1V2.875H0v1.917zM5 11H3v1h2v-1zm4 0H7v1h2v-1zm8 0h-2v1h2v-1zm-5-8h1v2h-1V3zm1 4h-1v2h1V7zm-1 7h1v2h-1v-2zm1 4h-1v2h1v-2zm6-7h2v1h-2v-1zm-6 0h-1v1h1v-1z"></path><path stroke="var(--zg-icon-color, var(--theme-color-primary))" d="M.5.5h23v11H.5z"></path></symbol><symbol id="deselect" viewBox="0 0 24 23"><path stroke="gray" stroke-dasharray="2 2" d="M.5.5h23v22H.5z"></path><path fill="var(--zg-icon-color, var(--theme-color-primary))" fill-rule="evenodd" clip-rule="evenodd" d="M5 17.02l1.414 1.415 6.01-6.01 6.011 6.01 1.414-1.414-6.01-6.01L19.849 5l-1.414-1.414-6.01 6.01-6.01-6.01L5 5l6.01 6.01L5 17.02z"></path></symbol><symbol id="selectall" viewBox="0 0 24 24"><rect width="21" height="21" x="2.72" y="2.75" class="cls-2" rx=".37" ry=".37"></rect><path fill="var(--zg-icon-color, var(--theme-color-primary))" fill-rule="evenodd" clip-rule="evenodd" d="M2.25 2.79c0-.3.24-.54.54-.54h19.74V.54c0-.3-.24-.54-.54-.54H.54C.24 0 0 .24 0 .54v21.45c0 .3.24.54.54.54h1.71V2.79Z"></path><path fill="#fff" fill-rule="evenodd" clip-rule="evenodd" d="m11.67 14.78-1.37-1.37c-.47-.47-1.23-.47-1.7 0s-.47 1.23 0 1.7l2.54 2.54c.47.47 1.23.47 1.7 0l.84-.84 5.93-5.93c.47-.47.47-1.23 0-1.7s-1.23-.47-1.7 0l-5.59 5.59c-.09.09-.21.14-.33.14s-.24-.05-.33-.14Z"></path></symbol><symbol id="reload" viewBox="0 0 24 24"><path d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"></path></symbol><symbol id="search" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="firstpage" viewBox="0 0 24 24"><path d="M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"></path></symbol><symbol id="nextpage" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></symbol><symbol id="lastpage" viewBox="0 0 24 24"><path d="M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"></path></symbol><symbol id="prevpage" viewBox="0 0 24 24"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></path></symbol><symbol id="resize" viewBox="0 0 24 24"><circle cx="8" cy="4" r="2"></circle><circle cx="8" cy="20" r="2"></circle><circle cx="8" cy="12" r="2"></circle><circle cx="16" cy="4" r="2"></circle><circle cx="16" cy="20" r="2"></circle><circle cx="16" cy="12" r="2"></circle></symbol><symbol id="resize-direction" viewBox="0 0 24 24"><circle cx="8" cy="12" r="2" fill="#C4C4C4"></circle><circle cx="16" cy="4" r="2" fill="#C4C4C4"></circle><circle cx="16" cy="20" r="2" fill="#C4C4C4"></circle><circle cx="16" cy="12" r="2" fill="#C4C4C4"></circle></symbol><symbol id="remove" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="removerecord" viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"></path></symbol><symbol id="undoremoverecord" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zm2.46-7.12l1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14l-2.13-2.12zM15.5 4l-1-1h-5l-1 1H5v2h14V4z"></path></symbol><symbol id="openrowgroup" viewBox="0 0 24 24"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z"></path></symbol><symbol id="closerowgroup" viewBox="0 0 24 24"><path d="M24 24H0V0h24v24z" fill="none" opacity=".87"></path><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"></path></symbol><symbol id="up" viewBox="0 0 24 24"><path d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"></path></symbol><symbol id="down" viewBox="0 0 24 24"><path d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"></path></symbol><symbol id="link" viewBox="0 0 24 24"><path d="M18 7a6 6 0 0 1 6 6 5.9 5.9 0 0 1-3 5.2 6 6 0 0 1-3 .8h-5v-2.3h5a3.8 3.8 0 0 0 3.8-3.7c0-.7-.3-1.3-.6-1.8a3.8 3.8 0 0 0-3.3-1.9H13V7h5zM7 14v-2h10v2H7zm-4.7-1c0 .7.2 1.3.5 1.8a3.8 3.8 0 0 0 3.3 1.9H11V19H6a6 6 0 0 1-6-6 5.9 5.9 0 0 1 3-5.2C4 7.3 5 7 6 7h5v2.3H6A3.8 3.8 0 0 0 2.3 13z"></path></symbol><symbol id="outsidearrow" viewBox="0 0 24 24"><path d="M18.04 11.92h-.84a.4.4 0 0 0-.42.42v4.2c0 .57-.2 1.06-.61 1.47-.41.41-.9.62-1.48.62H3.78c-.58 0-1.07-.2-1.49-.62-.4-.4-.61-.9-.61-1.48V5.63c0-.58.2-1.08.61-1.49.42-.41.9-.62 1.49-.62H13a.4.4 0 0 0 .3-.11.4.4 0 0 0 .12-.3v-.84a.4.4 0 0 0-.12-.3.4.4 0 0 0-.3-.12H3.78c-1.04 0-1.93.37-2.67 1.1A3.64 3.64 0 0 0 0 5.62v10.91c0 1.04.37 1.93 1.1 2.67.75.74 1.64 1.1 2.68 1.1h10.9c1.05 0 1.93-.36 2.67-1.1a3.64 3.64 0 0 0 1.11-2.67v-4.2a.4.4 0 0 0-.12-.3.4.4 0 0 0-.3-.11z"></path><path d="M23.75.25a.82.82 0 0 0-.6-.25h-6.83a.82.82 0 0 0-.6.25.82.82 0 0 0-.26.6c0 .24.09.44.25.6l2.35 2.35-8.7 8.7a.42.42 0 0 0 0 .62l1.53 1.52a.42.42 0 0 0 .6 0l8.7-8.7 2.36 2.35c.16.16.36.25.6.25.23 0 .43-.09.6-.25a.82.82 0 0 0 .25-.6V.84a.82.82 0 0 0-.25-.6z"></path></symbol></svg>'},6563:e=>{e.exports='<svg id="ios" xmlns="http://www.w3.org/2000/svg"><symbol id="editrecord" viewBox="0 0 24 24"><path d="M17.75 7L14 3.25l-10 10V17h3.75l10-10zm2.96-2.96c.39-.39.39-1.02 0-1.41L18.37.29c-.39-.39-1.02-.39-1.41 0L15 2.25 18.75 6l1.96-1.96z"></path><path d="M0 0h24v24H0z" fill="none"></path><path d="M0 20h24v4H0z" fill-opacity=".36"></path></symbol></svg>'},1693:(e,t,o)=>{var n={"./Grid.js":1562,"./SelectorEngine.js":6454,"./elements/ColumnBody.js":8139,"./elements/ColumnFooter.js":8938,"./elements/ColumnHeader.js":9700,"./plugins/aggregate/aggregateManager.js":9915,"./plugins/cellbreak/cellBreakManager.js":2248,"./plugins/clipper/Clipper.js":762,"./plugins/columnmenu/ColumnMenu.js":4690,"./plugins/details/detailsManager.js":5815,"./plugins/dialog/dialogManager.js":2820,"./plugins/drag/columnDragManager.js":9683,"./plugins/editor/RecordEditor.js":6289,"./plugins/editor/batchEditor.js":986,"./plugins/editor/dirtyManager.js":9958,"./plugins/editor/editorFieldManager.js":3590,"./plugins/editor/editorManager.js":9719,"./plugins/filter/Filter.js":9553,"./plugins/focus/areaFocusManager.js":5286,"./plugins/focus/focusManager.js":2005,"./plugins/focus/footerFocusManager.js":2843,"./plugins/focus/headerFocusManager.js":8427,"./plugins/fullscreen/fullscreenManager.js":5151,"./plugins/groupby/groupbyManager.js":3676,"./plugins/icon/fontawesome.map.js":1724,"./plugins/icon/iconManager.js":5110,"./plugins/layout/layoutManager.js":7848,"./plugins/menu/menuManager.js":602,"./plugins/scroller/Scroller.js":7390,"./plugins/selector/Selector.js":1510,"./plugins/sorter/Sorter.js":9642,"./plugins/source/sourceManager.js":7734,"./plugins/state/stateManager.js":3765,"./plugins/status/statusManager.js":9232,"./plugins/tooltip/tooltipManager.js":7581,"./plugins/updater/Updater.js":1704,"./plugins/viewport/viewportManager.js":5308,"./selectorEngineManager.js":1974};function r(e){var t=a(e);return o(t)}function a(e){if(!o.o(n,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return n[e]}r.keys=function(){return Object.keys(n)},r.resolve=a,e.exports=r,r.id=1693},1145:(e,t,o)=>{var n={"./Lang.js":6919,"./custom-export.js":4050,"./custom.js":5235,"./en.js":1232,"./es.js":8672,"./zh-CN.js":2247};function r(e){var t=a(e);return o(t)}function a(e){if(!o.o(n,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return n[e]}r.keys=function(){return Object.keys(n)},r.resolve=a,e.exports=r,r.id=1145},9179:(e,t,o)=>{var n={"./android.svg":5658,"./default.svg":2757,"./ios.svg":6563};function r(e){var t=a(e);return o(t)}function a(e){if(!o.o(n,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return n[e]}r.keys=function(){return Object.keys(n)},r.resolve=a,e.exports=r,r.id=9179}},t={};function o(n){var r=t[n];if(void 0!==r)return r.exports;var a=t[n]={id:n,exports:{}};return e[n].call(a.exports,a,a.exports,o),a.exports}o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{"use strict";var e=o(3605),t=o(7673),n=o(2260),r=o(2820),a=(o(8419),o(6919)),i=o(2048),s=o(163);class l{constructor(...t){let o=null,n={};for(;t.length;){let r=t.shift();e.jn(r);const a=e.PO(r),i=r&&r.nodeType&&1===r.nodeType;e.HD(r)?o=document.getElementById(r):i?o=r:a&&(n=r)}let r=n,a={};a.data=r.data,a.dataFormat={};let i=this.element=document.createElement("zing-grid");i.config=a,void 0!==r.columns&&r.columns.length&&(i.columns=r.columns),n.src&&(i.src=n.src);for(let e in n)"src"!==e&&"columns"!==e&&"config"!==e&&n.hasOwnProperty(e)&&(i[e]=n[e]);return this.widget=i.widget,o&&o.appendChild(i),i}static registerAdapter(e,t){n.Z.aAdapters[e]=t}static registerCellType(e,o){t.Z.registerCellType(e,o),l.refreshAllGrids()}static registerEditor(e,t,o){t=t||e.name,n.Z.aMethods[t]={method:e,scope:o}}static registerFilterer(e,t,o){t=t||e.name,n.Z.aMethods[t]={method:e,scope:o}}static registerValidator(e,t,o){n.Z.aMethods[t]={method:e,scope:o}}static registerMethod(e,t,o){t=t||e.name,n.Z.aMethods[t]={method:e,scope:o}}static registerNamespace(e,t,o){t=t||"default",n.Z.aNamespaces[t]={namespace:e,scope:o||e}}static registerLanguage(e,t,o){t=t||e.lang,a.default.aCustomLangs[t]=e,o&&a.default.setLang(t)}static customizeDialog(e,t){r.default.aCustomizations.push({type:e,options:t})}static setLanguage(e){const t=a.default.globalLang?a.default.globalLang.lang:"";a.default.setLang(e);document.querySelectorAll("zing-grid").forEach((o=>{!o.widget||!o.widget.bAPIReady||o.lang&&t!==o.lang||(o.lang=e)}))}static formatDate(e,t,o,n){"string"!=typeof e&&"number"!=typeof e||(e=i.kB(e)),n=n||o;let r={};return o&&(r.lang=a.default.checkLangFile(o)),i.p6(e,t,n,r)}static fromNow(e,t,o){"string"!=typeof e&&"number"!=typeof e||(e=i.kB(e));let n={};return o&&(n.lang=a.default.checkLangFile(o)),i.Zh(e,t,n)}static searchIsTable(){const t=()=>{const t=document.querySelectorAll('table[is="zing-grid"]');t&&t.forEach((t=>{const o=e.T2(t),n=t.parentNode,r=document.createElement("span");n.insertBefore(r,t),o.appendChild(t),n.replaceChild(o,r)}))};"complete"===document.readyState?t():document.addEventListener("DOMContentLoaded",t)}static setLicense(e,t){s.Z.validateLicense(e,t)}static checkLicense(){s.Z.validateLicense()}static clearLicense(){s.Z.bValidated=!1,l.LICENSE=void 0,l.BUILDCODE=void 0}static setBuildCode(e){l.setLicense(null,e)}static refreshAllGrids(){document.querySelectorAll("zing-grid").forEach((e=>{if(e.widget&&e.bReady){e.querySelectorAll("zg-column").forEach((t=>{t.type&&t._oParsedColumnMapping.bIsTypeUserProvided&&t.setCellType(e.widget,t.type)})),e.widget.update()}}))}}const d=l;if("undefined"!=typeof window&&(o(6919),o(3427),o(4889),o(3534),o(1966),o(754),o(1680),o(589),o(7939),o(1246),o(1960),o(8433),o(2327),o(5678),o(4699),o(2373),o(979),o(5468),o(5790),o(3778),o(4158),o(5392),o(1680),o(6009),o(9234),o(876),o(4347),o(6541),o(1245),o(1153),o(2081),o(4591),o(6665),o(2040),o(9327),o(7996),o(2358),o(5585),o(469),o(3837),o(2383),o(5495),o(235),o(8828),o(2800),o(7432),o(8499),o(7326)),"undefined"!=typeof window){window.ZingGrid=d,d.version="ZingGrid v1.6.1 built on Mon, 18 Dec 2023 23:16:42 GMT",d.versionNum="1.6.1",d.versionDate=1702941402401;const e=new CustomEvent("zg-script-ready");window&&window.dispatchEvent(e),d.searchIsTable()}})()})();
\ No newline at end of file
+/*!
+ *
+ *   ZingGrid v1.6.2
+ *   Author: ZingSoft https://www.zingsoft.com
+ *
+ */
+(()=>{var e={487:e=>{var t={utf8:{stringToBytes:function(e){return t.bin.stringToBytes(unescape(encodeURIComponent(e)))},bytesToString:function(e){return decodeURIComponent(escape(t.bin.bytesToString(e)))}},bin:{stringToBytes:function(e){for(var t=[],o=0;o<e.length;o++)t.push(255&e.charCodeAt(o));return t},bytesToString:function(e){for(var t=[],o=0;o<e.length;o++)t.push(String.fromCharCode(e[o]));return t.join("")}}};e.exports=t},1012:e=>{var t,o;t="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",o={rotl:function(e,t){return e<<t|e>>>32-t},rotr:function(e,t){return e<<32-t|e>>>t},endian:function(e){if(e.constructor==Number)return 16711935&o.rotl(e,8)|4278255360&o.rotl(e,24);for(var t=0;t<e.length;t++)e[t]=o.endian(e[t]);return e},randomBytes:function(e){for(var t=[];e>0;e--)t.push(Math.floor(256*Math.random()));return t},bytesToWords:function(e){for(var t=[],o=0,n=0;o<e.length;o++,n+=8)t[n>>>5]|=e[o]<<24-n%32;return t},wordsToBytes:function(e){for(var t=[],o=0;o<32*e.length;o+=8)t.push(e[o>>>5]>>>24-o%32&255);return t},bytesToHex:function(e){for(var t=[],o=0;o<e.length;o++)t.push((e[o]>>>4).toString(16)),t.push((15&e[o]).toString(16));return t.join("")},hexToBytes:function(e){for(var t=[],o=0;o<e.length;o+=2)t.push(parseInt(e.substr(o,2),16));return t},bytesToBase64:function(e){for(var o=[],n=0;n<e.length;n+=3)for(var r=e[n]<<16|e[n+1]<<8|e[n+2],a=0;a<4;a++)8*n+6*a<=8*e.length?o.push(t.charAt(r>>>6*(3-a)&63)):o.push("=");return o.join("")},base64ToBytes:function(e){e=e.replace(/[^A-Z0-9+\/]/gi,"");for(var o=[],n=0,r=0;n<e.length;r=++n%4)0!=r&&o.push((t.indexOf(e.charAt(n-1))&Math.pow(2,-2*r+8)-1)<<2*r|t.indexOf(e.charAt(n))>>>6-2*r);return o}},e.exports=o},2259:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* Styling Wrappers\n * These independent wrapper divs sit on top of the grid to facilitate the batch edit visual look.\n * Since rows are split vertically into 3 rows (head, body, foot) there is no singular element\n * that wraps to form a body for styling, so we create artificial ones.\n * Their position is calculated (js) to match the current position of the matching editable rows,\n * otherwise the rest of the positioning/styling is handled with CSS\n*/\n:host {\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zing-grid-batch-edit-style-border\n  * @default 1px solid #d6e9ff\n  * @see border\n  * @description Styles the border of the batch edit styling element\n  * @demoLink https://app.zingsoft.com/demos/create/TX748SB9\n  * @shadowOnly false\n  */\n  border: var(--zing-grid-batch-edit-style-border, 1px solid #d6e9ff);\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zing-grid-batch-edit-style-box-shadow\n  * @default inset 0 0 6px #99caff\n  * @see box-shadow\n  * @description Styles the box-shadow of the frozen column styling element\n  * @demoLink https://app.zingsoft.com/demos/create/YKOH0VPL\n  * @shadowOnly false\n  */\n  box-shadow: var(--zing-grid-batch-edit-style-box-shadow, inset 0 0 5px var(--theme-color-primary));\n  box-sizing: border-box;\n\tpointer-events: none;\n\tposition: absolute;\n\theight: 100%;\n  width:100%;\n\ttop: 0;\n\tz-index: 1;\n}\n\n:host([layout="card"]) {\n  display: none;\n}',""])},7679:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-grid-gap\n  * @description Sets the gap between cards in 'card' layout-mode\n  * @see grid-gap\n  * @default 10px\n  * @demoLink https://app.zingsoft.com/demos/create/JOUVG6NN\n  * @shadowOnly true\n  */\n  --card-gap: var(--zg-row-card-grid-gap, 10px);\n\n  /* NOTE: Not adding margin/padding since it doesn't do anything to this component */\n  \n  /**\n  * @memberof ZGBody\n  * @var --zg-body-background\n  * @description Styles the background of grid body\n  * @see background\n  * @default transparent\n  * @demoLink https://app.zingsoft.com/demos/create/WVUSRWLP\n  * @shadowOnly false\n  */\n  background: var(--zg-body-background, transparent);\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-border\n  * @description Styles the border of grid body\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/YWTPH9M0\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-border-bottom\n  * @description Styles the bottom border of grid body\n  * @see border\n  * @default var(--zg-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/25V704EG\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-body-border-bottom, var(--zg-body-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-border-left\n  * @description Styles the left border of grid body\n  * @see border\n  * @default var(--zg-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FPYUYEEX\n  * @shadowOnly false\n  */\n  border-left: var(--zg-body-border-left, var(--zg-body-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-border-right\n  * @description Styles the right border of grid body\n  * @see border\n  * @default var(--zg-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/70O17569\n  * @shadowOnly false\n  */\n  border-right: var(--zg-body-border-right, var(--zg-body-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-border-top\n  * @description Styles the top border of grid body. Note: If `--zg-row-border-top` set,\n  * it will override `--zg-body-border-top`.\n  * @see border\n  * @default var(--zg-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/C9XJMTTQ\n  * @shadowOnly false\n  */\n  border-top: var(--zg-body-border-top, var(--zg-body-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-color\n  * @description Sets the font color of contents inside grid body\n  * @see color\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/X9E64KMS\n  * @shadowOnly false\n  */\n  color: var(--zg-body-color, inherit);\n  display: table-row-group;\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-font-family\n  * @description Sets the font family of contents inside grid body\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/XS22J4JG\n  * @shadowOnly false\n  */\n  font-family: var(--zg-body-font-family, inherit);\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-font-size\n  * @description Sets the font size of contents inside grid body\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/YLAXDUP9\n  * @shadowOnly false\n  */\n  font-size: var(--zg-body-font-size, inherit);\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-font-style\n  * @description Sets the font style of contents inside grid body\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/0VOTEN03\n  * @shadowOnly false\n  */\n  font-style: var(--zg-body-font-style, inherit);\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-font-weight\n  * @description Sets the font weight of contents inside grid body\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/F6CRSTMQ\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-body-font-weight, inherit);\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-line-height\n  * @description Sets the line-height of contents inside of grid body\n  * @see line-height \n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/UO5MJUXO\n  * @shadowOnly false\n  */\n  line-height: var(--zg-body-line-height, inherit);\n}\n\n/* Layout: Card */\n:host([layout=\"card\"]) {\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-background\n  * @description Styles the background of grid body in 'card' layout-mode\n  * @see background\n  * @default linear-gradient(45deg, #f9fafb 20%, #fff)\n  * @demoLink https://app.zingsoft.com/demos/create/XGWDT5HI\n  * @shadowOnly false\n  */\n  background:  var(--zg-body-card-background, linear-gradient(45deg, #f9fafb 20%, #fff));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-border\n  * @description Styles the border of grid body in 'card' layout-mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/UMQX6FC1\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-border-bottom\n  * @description Styles the bottom border of grid body in 'card' layout-mode\n  * @see border\n  * @default var(--zg-body-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/0CXPJ9CM\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-body-card-border-bottom, var(--zg-body-card-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-border-left\n  * @description Styles the left border of grid body in 'card' layout-mode\n  * @see border\n  * @default var(--zg-body-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FPJ9DVE0\n  * @shadowOnly false\n  */\n  border-left: var(--zg-body-card-border-left, var(--zg-body-card-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-border-right\n  * @description Styles the right border of grid body in 'card' layout-mode\n  * @see border\n  * @default var(--zg-body-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/YJHA2SIP\n  * @shadowOnly false\n  */\n  border-right: var(--zg-body-card-border-right, var(--zg-body-card-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-border-top\n  * @description Styles the top border of grid body in 'card' layout-mode. Note: If `--zg-row-border-top` set in 'card' layout-mode\n  * it will override `--zg-body-border-top`.\n  * @see border\n  * @default var(--zg-body-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/ZQPWRYZ2\n  * @shadowOnly false\n  */\n  border-top: var(--zg-body-card-border-top, var(--zg-body-card-border, 0));\n  box-sizing: border-box;\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-display\n  * @description Sets display of grid body in 'card' layout-mode\n  * @see display\n  * @default grid\n  * @demoLink https://app.zingsoft.com/demos/create/JHSU4OLH\n  * @shadowOnly false\n  */\n  display: var(--zg-body-card-display, grid);\n  grid-template-columns: repeat(auto-fill, minmax(calc(var(--zg-card-columns, 25%) - var(--card-gap)), 1fr));;\n  grid-auto-rows: auto;\n  grid-gap: var(--card-gap, 10px);\n  overflow: hidden;\n  padding: var(--card-gap, 10px);\n}\n:host([viewport=\"mobile\"][layout=\"card\"]) { --zg-card-columns: 100%; }\n:host([viewport=\"tablet-portrait\"][layout=\"card\"]) { --zg-card-columns: 50%; }\n:host([viewport=\"tablet-landscape\"][layout=\"card\"]) { --zg-card-columns: 33%; }\n:host([viewport=\"desktop\"][layout=\"card\"]) { --zg-card-columns: 25%; }\n:host([viewport=\"desktop-large\"][layout=\"card\"]) { --zg-card-columns: 25%; }\n\n/* CUSTOM CARD TEMPLATE (ZG-CARD) */\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* ZG-ROW */\n/* All Rows */\n:host ::slotted(zg-row) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background\n  * @description Styles the background of body rows\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/90PL3ZDR\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background);\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-border\n  * @description Styles the border of body rows\n  * @see border\n  * @default var(--zg-row-body-border, var(--zg-row-border-bottom, var(--zg-row-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/EAVHDY7O\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-border-bottom\n  * @description Styles the bottom border of body rows\n  * @see border\n  * @default var(--zg-row-body-border, var(--zg-row-border-bottom, var(--zg-row-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/HNJ2XN7Y\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-row-body-border-bottom, var(--zg-row-body-border, var(--zg-row-border-bottom, var(--zg-row-border, 0))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-border-left\n  * @description Styles the left border of body rows\n  * @see border\n  * @default var(--zg-row-body-border, var(--zg-row-border-left, var(--zg-row-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/E72YL6QW\n  * @shadowOnly false\n  */\n  border-left: var(--zg-row-body-border-left, var(--zg-row-body-border, var(--zg-row-border-left, var(--zg-row-border, 0))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-border-right\n  * @description Styles the right border of body rows\n  * @see border\n  * @default var(--zg-row-body-border, var(--zg-row-border-right, var(--zg-row-border), 0))\n  * @demoLink https://app.zingsoft.com/demos/create/B3XG2R64\n  * @shadowOnly false\n  */\n  border-right: var(--zg-row-body-border-right, var(--zg-row-body-border, var(--zg-row-border-right, var(--zg-row-border, 0))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-border-top\n  * @description Styles the top border of body rows\n  * @see border\n  * @default var(--zg-row-body-border, var(--zg-row-border-top, var(--zg-row-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/9PTJDF3I\n  * @shadowOnly false\n  */\n  border-top: var(--zg-row-body-border-top, var(--zg-row-body-border, var(--zg-row-border-top, var(--zg-row-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color\n  * @description Sets the font color of body rows\n  * @see color\n  * @default var(--zg-row-color)\n  * @demoLink https://app.zingsoft.com/demos/create/ZWULY1D1\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color, var(--zg-row-color));\n  display: table-row;\n}\n\n:host ::slotted(zg-row:hover) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background_hover\n  * @description Styles the background of body rows on hover\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/FNZQKLOI\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background_hover);\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color_hover\n  * @description Styles the font color of body rows\n  * @see color\n  * @default var(--zg-row-color_hover, var(--zg-row-color))\n  * @demoLink https://app.zingsoft.com/demos/create/XCEJKX89\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color_hover, var(--zg-row-color_hover, var(--zg-row-color)));\n}\n/* Even Rows */\n:host ::slotted(zg-row:nth-of-type(even)) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background_even\n  * @description Styles the background of 'even' body rows\n  * @see background\n  * @default var(--zg-row-body-background)\n  * @demoLink https://app.zingsoft.com/demos/create/VMHOQP1A\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background_even, var(--zg-row-body-background));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color_even\n  * @description Sets the font color of 'even' body rows\n  * @see color\n  * @default var(--zg-row-body-color, var(--zg-row-color))\n  * @demoLink https://app.zingsoft.com/demos/create/96LE1ORX\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color_even, var(--zg-row-body-color, var(--zg-row-color)));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-height\n  * @description Sets the height of all rows\n  * @see height\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/MG7QBHBV\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-height\n  * @description Sets the height of body rows\n  * @see height\n  * @default var(--zg-row-height)\n  * @demoLink https://app.zingsoft.com/demos/create/E2CM149E\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-height_even\n  * @description Sets the height of 'even' body rows\n  * @see height\n  * @default var(--zg-row-body-height, var(--zg-row-height))\n  * @demoLink https://app.zingsoft.com/demos/create/PHUE49RH\n  * @shadowOnly false\n  */\n  height: var(--zg-row-body-height_even, var(--zg-row-body-height, var(--zg-row-height, 48px)));\n}\n:host ::slotted(zg-row:nth-of-type(even):hover) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background_even_hover\n  * @description Styles the background of 'even' body rows on hover\n  * @see background\n  * @default var(--zg-row-body-background_hover)\n  * @demoLink https://app.zingsoft.com/demos/create/AIYZXTF0\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background_even_hover, var(--zg-row-body-background_hover));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color_even_hover\n  * @description Styles the font color of 'even' body rows on hover\n  * @see color\n  * @default var(--zg-row-body-color_hover, var(--zg-row-color_hover, var(--zg-row-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/9OLTDTMD\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color_even_hover, var(--zg-row-body-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n/* Odd Rows */\n:host ::slotted(zg-row:nth-of-type(odd)) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background_odd\n  * @description Styles the background of 'odd' body rows\n  * @see background\n  * @default var(--zg-row-body-background)\n  * @demoLink https://app.zingsoft.com/demos/create/GB8RXLPN\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background_odd, var(--zg-row-body-background));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color_odd\n  * @description Styles the font color of 'odd' body rows\n  * @see color\n  * @default var(--zg-row-body-color, var(--zg-row-color))\n  * @demoLink https://app.zingsoft.com/demos/create/RRFIV8VL\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color_odd, var(--zg-row-body-color, var(--zg-row-color)));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-height_odd\n  * @description Sets the height of 'odd' body rows\n  * @see height\n  * @default var(--zg-row-body-height, var(--zg-row-height))\n  * @demoLink https://app.zingsoft.com/demos/create/CC4GKUD7\n  * @shadowOnly false\n  */\n  height: var(--zg-row-body-height_odd, var(--zg-row-body-height, var(--zg-row-height, 48px)));\n}\n:host ::slotted(zg-row:nth-of-type(odd):hover) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background_odd_hover\n  * @description Styles the background of 'odd' body rows on hover\n  * @see background\n  * @default var(--zg-row-body-background_hover)\n  * @demoLink https://app.zingsoft.com/demos/create/41M3NTDX\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background_odd_hover, var(--zg-row-body-background_hover));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color_odd_hover\n  * @description Sets the font color of 'odd' body rows on hover\n  * @see color\n  * @default var(--zg-row-body-color_hover, var(--zg-row-color_hover, var(--zg-row-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/XVED8WRA\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color_odd_hover, var(--zg-row-body-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n\n/*  In the case of zebra, we have to set the class so that we can use the header and footer data rows */\n:host ::slotted(zg-row.zebra-2) {\n  background: var(--theme-background-zebra, var(--zg-row-body-background));\n}\n\n/* In the case of hidden head row, we don't want the first row to show the top border */\n:host ::slotted(zg-row[internal-top]) {\n  border-top: 0px;\n}\n\n/* ZG-ROW: CARD LAYOUT\n-------------------------------------- */\n/* ALL */\n:host([layout=card]) ::slotted(zg-row) {\n  display: flex;\n  flex-wrap: wrap;\n  height: auto !important;\n  overflow: hidden;\n}\n:host([layout=\"card\"]:not([card-template])) ::slotted(zg-row) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-padding\n  * @description Sets the padding of cards in 'card' layout-mode\n  * when '[internal-card-header]' not added to '&lt;zing-grid&gt;'\n  * @see padding\n  * @default 10px 0 5px\n  * @demoLink https://app.zingsoft.com/demos/create/3ANH9F1F\n  * @shadowOnly false\n  */\n  padding: var(--zg-row-card-padding, 8px 0 5px);\n}\n/* EDITOR CONTROLS */\n:host([layout=\"card\"][internal-card-header]:not([card-template])) ::slotted(zg-row) {\n  padding: var(--zg-row-card-padding_editor, 50px 0 5px);\n}\n\n/* SELECTOR CONTROL */\n\n\n/* ODD */\n:host([layout=card]) ::slotted(zg-row:nth-child(odd)) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-background_odd\n  * @description Styles the background of cards in 'card' layout-mode\n  * @see background\n  * @default var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))\n  * @demoLink https://app.zingsoft.com/demos/create/MYI4STFX\n  * @shadowOnly false\n  */\n  /* background: var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background)))); */\n  background: var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border_odd\n  * @description Styles the border of 'odd' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/48K2LXTZ\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-bottom_odd\n  * @description Styles the bottom border of 'odd' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_odd, var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/6KWRAGP6\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-row-card-border-bottom_odd, var(--zg-row-card-border_odd, var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-left_odd\n  * @description Styles the left border of 'odd' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_odd, var(--zg-row-card-border-left, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/E0MU4LOA\n  * @shadowOnly false\n  */\n  border-left: var(--zg-row-card-border-left_odd, var(--zg-row-card-border_odd, var(--zg-row-card-border-left, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-right_odd\n  * @description Styles the right border of 'odd' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_odd, var(--zg-row-card-border-right, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/BQ9TSN4A\n  * @shadowOnly false\n  */\n  border-right: var(--zg-row-card-border-right_odd, var(--zg-row-card-border_odd, var(--zg-row-card-border-right, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-top_odd\n  * @description Styles the top border of 'odd' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_odd, var(--zg-row-card-border-top, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/MYMKX9W0\n  * @shadowOnly false\n  */\n  border-top: var(--zg-row-card-border-top_odd, var(--zg-row-card-border_odd, var(--zg-row-card-border-top, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-box-shadow\n  * @description Applies a box shadow behind cards in 'card' layout-mode\n  * @see box-shadow\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/HQ7WKPH0\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-box-shadow_odd\n  * @description Applies a box shadow behind 'odd' cards in 'card' layout-mode\n  * @see box-shadow\n  * @default var(--zg-row-card-box-shadow, none)\n  * @demoLink https://app.zingsoft.com/demos/create/1D7VE3BL\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-row-card-box-shadow_odd, var(--zg-row-card-box-shadow, none));\n}\n/* ODD: EDITOR CONTROLS */\n:host([layout=\"card\"][internal-card-header]) ::slotted(zg-row:nth-child(odd)) {\n  background: var(--zg-row-card-background_editor_odd, var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background)))));\n}\n\n/* EVEN */\n:host([layout=card]) ::slotted(zg-row:nth-child(even)) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-background_even\n  * @description Styles the background of 'even' cards in 'card' layout-mode\n  * @see background\n  * @default var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))\n  * @demoLink https://app.zingsoft.com/demos/create/Z3JQXTST\n  * @shadowOnly false\n  */\n  background: var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border\n  * @description Styles the border of cards in 'card' layout-mode\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/5V9VVXDQ\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border_even\n  * @description Styles the border of 'even' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/H8PWRCJT\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-bottom_even\n  * @description Styles the bottom border of 'even' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_even, var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/UKFWTUFU\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-row-card-border-bottom_even, var(--zg-row-card-border_even, var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-left_even\n  * @description Styles the left border of 'even' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_even, var(--zg-row-card-border-left, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/T8FJCD4O\n  * @shadowOnly false\n  */\n  border-left: var(--zg-row-card-border-left_even, var(--zg-row-card-border_even, var(--zg-row-card-border-left, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-right_even\n  * @description Styles the right border of 'even' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_even, var(--zg-row-card-border-right, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/NYUK87GS\n  * @shadowOnly false\n  */\n  border-right: var(--zg-row-card-border-right_even, var(--zg-row-card-border_even, var(--zg-row-card-border-right, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-top_even\n  * @description Styles the top border of 'even' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_even, var(--zg-row-card-border-top, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/UWJMSEYU\n  * @shadowOnly false\n  */\n  border-top: var(--zg-row-card-border-top_even, var(--zg-row-card-border_even, var(--zg-row-card-border-top, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /* Already document above */\n  box-shadow: var(--zg-row-card-box-shadow_even, var(--zg-row-card-box-shadow, none));\n}\n/* EVEN: EDITOR CONTROLS */\n:host([layout=\"card\"][internal-card-header]) ::slotted(zg-row:nth-child(even)) {\n  background: var(--zg-row-card-background_editor_even, var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background)))));\n}\n\n:host([no-data]) {\n  display: none;\n}\n\n/* I'm not sure what this is for.  It is breaking focus outlining on hover \n:host([layout=\"card\"]) ::slotted(zg-row:hover) {\n  z-index: 1;\n}*/\n",""])},8719:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  align-items: center;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background\n  * @description Styles the background of button\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/0NOUHK2G\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border\n  * @description Styles the border of a button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/OQ49B7D2\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-bottom\n  * @description Styles the bottom border of a button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/49VYLDM2\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-button-border-bottom, var(--zg-button-border));\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-left\n  * @description Styles the left border of a button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/5BOPSVLN\n  * @shadowOnly false\n  */\n  border-left: var(--zg-button-border-left, var(--zg-button-border));\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-right\n  * @description Styles the right border of a button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/LK4TGZ1R\n  * @shadowOnly false\n  */\n  border-right: var(--zg-button-border-right, var(--zg-button-border));\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-top\n  * @description Styles the top border of a button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/4SWUJJOY\n  * @shadowOnly false\n  */\n  border-top: var(--zg-button-border-top, var(--zg-button-border));\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow\n  * @description Styles the box-shadow of the button\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/TUG6V5YD\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color\n  * @description Sets the font color of button\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/RPE1ZPAR\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color);\n  cursor: pointer;\n  display: inline-flex;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-font-family\n  * @description Sets the font family of button\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/7JWFA1UO\n  * @shadowOnly false\n  */\n  font-family: var(--zg-button-font-family, inherit);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-font-size\n  * @description Sets the font size of button\n  * @see font-size\n  * @default 90%\n  * @demoLink https://app.zingsoft.com/demos/create/0B3ZKXEO\n  * @shadowOnly false\n  */\n  font-size: var(--zg-button-font-size, 100%);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-font-style\n  * @description Sets the font style of button\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/N5ISV2HS\n  * @shadowOnly false\n  */\n  font-style: var(--zg-button-font-style, inherit);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-font-weight\n  * @description Sets the font weight of button\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/USH6VNB2\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-button-font-weight, inherit);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-line-height\n  * @description Sets the line height of button\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/BC7ELB6L\n  * @shadowOnly false\n  */\n  line-height: var(--zg-button-line-height, inherit);\n  justify-content: flex-start;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-margin\n  * @description Sets the margin of button\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/M834XVE5\n  * @shadowOnly false\n  */\n  margin: var(--zg-button-margin, 0);\n  /*outline: none;*/\n  /*overflow: hidden;*/\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-padding\n  * @description Sets the padding of button\n  * @see padding\n  * @default 3px\n  * @demoLink https://app.zingsoft.com/demos/create/SXA4AMPI\n  * @shadowOnly false\n  */\n  padding: var(--zg-button-padding, 0);\n  position: relative;\n  user-select: none;\n}\n\n/* Default Hover State (Defined) */\n:host([action]:hover),\n:host([action].hover) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-icon-background_hover\n  * @description Styles the background of the icon in a button on hover state\n  * @see fill\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/AKM36W15\n  * @shadowOnly false\n  */\n  --zg-icon-color: var(--zg-button-icon-background_hover);\n\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_hover\n  * @description Styles the background of button on hover\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/F1CZ5AEC\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_hover\n  * @description Styles the border of a button on hover state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/M6VZUWV3\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-bottom_hover\n  * @description Styles the bottom border of a button on hover\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/N34TY79O\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-button-border-bottom_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-left_hover\n  * @description Styles the left border of a button on hover\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/8WXKJKRH\n  * @shadowOnly false\n  */\n  border-left: var(--zg-button-border-left_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-right_hover\n  * @description Styles the right border of a button on hover\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/3F37KXA6\n  * @shadowOnly false\n  */\n  border-right: var(--zg-button-border-right_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-top_hover\n  * @description Styles the top border of a button on hover\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/8YBE3ACC\n  * @shadowOnly false\n  */\n  border-top: var(--zg-button-border-top_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_hover\n  * @description Styles the box-shadow of the button on hover\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/RAV3EMI2\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_hover\n  * @description Styles the color of the button on hover\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/TNO4DYRC\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-transition_speed\n  * @description Sets the transition speed of button\n  * @see transition\n  * @default var(--theme-transition_speed)\n  * @demoLink https://app.zingsoft.com/demos/create/W9ECS6H6\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  transition: background-color var(--zg-button-transition_speed, var(--theme-transition_speed));\n  z-index: 11;\n}\n\n/* Default Focus State (Defined) */\n:host(:focus) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_focus\n  * @description Styles the background of button on focus\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/KHSJ4IAG\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_focus\n  * @description Styles the border of a button on focus state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6ECRZ83T\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-bottom_focus\n  * @description Styles the bottom border of a button on focus\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/TNC5VI4O\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-button-border-bottom_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-left_focus\n  * @description Styles the left border of a button on focus\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/OTDDVBOS\n  * @shadowOnly false\n  */\n  border-left: var(--zg-button-border-left_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-right_focus\n  * @description Styles the right border of a button on focus\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/MTB5U5AF\n  * @shadowOnly false\n  */\n  border-right: var(--zg-button-border-right_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-top_focus\n  * @description Styles the top border of a button on focus\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/LO0MH08V\n  * @shadowOnly false\n  */\n  border-top: var(--zg-button-border-top_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_focus\n  * @description Styles the box-shadow of the button on focus\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/P92OHBPM\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_focus\n  * @description Styles the color of the button on focus\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/18C3727I\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_focus);\n  outline: var(--zg-button-focus);\n  transition: background-color var(--zg-button-transition_speed, var(--theme-transition_speed));\n}\n\n/* Active State */\n:host([action]:active),\n:host([action].active),\n:host([active]) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_active\n  * @description Styles of background of button on active state\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/B5GX883S\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_active, var(--theme-background-color));\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_active\n  * @description Styles the border of a button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/XPUZZ3LU\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-bottom_active\n  * @description Styles the bottom border of a button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/NOL6XBMR\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-button-border-bottom_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-left_active\n  * @description Styles the left border of a button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/RG7Z2CMD\n  * @shadowOnly false\n  */\n  border-left: var(--zg-button-border-left_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-right_active\n  * @description Styles the right border of a button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/TX5552LK\n  * @shadowOnly false\n  */\n  border-right: var(--zg-button-border-right_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-top_active\n  * @description Styles the top border of a button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/X9WBHY4L\n  * @shadowOnly false\n  */\n  border-top: var(--zg-button-border-top_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_active\n  * @description Styles the box-shadow of the button on activation\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/MX9J71NQ\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_active\n  * @description Styles the color of the button on active state\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/RARCAIWD\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_active);\n  cursor: default;\n}\n\n/* Disabled Normal State */\n:host([disabled]) {\n  cursor: not-allowed;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-opacity_disabled\n  * @description Styles the opacity of disabled button or button on hover\n  * @see opacity\n  * @default 0.2\n  * @demoLink https://app.zingsoft.com/demos/create/L2BLE14D\n  * @shadowOnly false\n  */\n  opacity: var(--zg-button-opacity_disabled, 0.2);\n}\n\n/* Hide tooltip if button disabled */\n:host([tooltip][disabled]):before,\n:host([tooltip][disabled]):after {\n  display: none;\n}\n\n/* Disabled Hover State */\n:host([disabled]:hover),\n:host([disabled].hover) {\n  background: none;\n  cursor: not-allowed;\n  opacity: var(--zg-button-opacity_disabled, 0.2);\n}\n\n/* If the button is hidden (has [hidden] attribute) */\n:host([hidden]) {\n  display: none !important;\n}\n\n/* TOOLTIP\n-------------------------------------- */\n:host([tooltip]) {\n  --tooltip-arrow-size: 4px;\n}\n\n:host([tooltip]):after {\n  align-items: center;\n  background: var(--tooltip-background, var(--theme-color_alt));\n  border-radius: 2px;\n  color: #fff;\n  content: attr(tooltip);\n  display: inline-flex;\n  font-size: 11px;\n  height: 22px;\n  justify-content: center;\n  line-height: 1;\n  opacity: 1;\n  padding: 0 8px;\n  pointer-events: none;\n  position: absolute;\n  top: 50%;\n  white-space: nowrap;\n  transform: translate(0, -50%);\n  transition: transform .3s;\n  visibility: hidden;\n}\n\n:host([tooltip]:hover):after,\n:host([tooltip].hover):after {\n  opacity: 1;\n  visibility: visible;\n  z-index: 11;\n}\n\n:host([tooltip]):before {\n  border: var(--tooltip-arrow-size) solid transparent;\n  content: '';\n  display: block;\n  opacity: 0;\n  pointer-events: none;\n  position: absolute;\n  top: 50%;\n  transform: translate(0, -50%);\n  transition: transform .3s;\n  visibility: hidden;\n}\n\n:host([tooltip]:hover):before,\n:host([tooltip].hover):before {\n  opacity: 1;\n  visibility: visible;\n}\n\n/* LEFT */\n:host([tooltip-left]):after {\n  right: 100%;\n} \n\n:host([tooltip-left]:hover):after,\n:host([tooltip-left].hover):after {\n  transform: translate(calc(-1 * var(--tooltip-arrow-size)), -50%);\n}\n\n:host([tooltip-left]):before {\n  border-left-color: var(--tooltip-background, var(--theme-color_alt));\n  left: 0;\n}\n\n:host([tooltip-left]:hover):before,\n:host([tooltip-left].hover):before {\n  transform: translate(calc(-1 * var(--tooltip-arrow-size)), -50%);\n}\n\n/* RIGHT */\n:host([tooltip-right]):after {\n  left: 100%;\n}\n\n:host([tooltip-right]:hover):after,\n:host([tooltip-right].hover):after {\n  transform: translate(var(--tooltip-arrow-size), -50%);\n}\n\n:host([tooltip-right]):before {\n  border-right-color: var(--tooltip-background, var(--theme-color_alt));\n  right: 0;\n}\n\n:host([tooltip-right]:hover):before,\n:host([tooltip-right].hover):before {\n  transform: translate(var(--tooltip-arrow-size), -50%);\n}\n\n/*  DIR\n------------------------------------- */\n:host([dir=\"rtl\"]) ::slotted(zg-icon) {\n  transform: scaleX(-1);\n}\n\n/* ICON\n-------------------------------------- */\n:host([no-icon]) .zg-button-icon {\n  display: none;\n}\n\n/* todo: not wonderful yet */\n:host([icon-last]) .zg-button-icon {\n  order: 2;\n}\n\n/* NODATA */\n:host([no-data]) {\n  color: var(--theme-color-primary);\n}\n\n:host([no-data]) ::slotted(zg-icon) {\n  margin-right: 3px !important;\n  transform: scale(.9);\n}\n\n/* CURSOR-BASED PAGINATION STYLING\n-------------------------------------- */\n:host([type=\"cursor\"]) ::slotted(zg-icon) {\n  transform: scale(1.2);\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* Checkbox - only when text added to button */\n:host([hastext]) ::slotted(zg-checkbox) {\n  margin-right: 5px;\n}\n\n:host([hastext][dir=\"rtl\"]) ::slotted(zg-checkbox) {\n  margin-left: 5px;\n  margin-right: unset\n}\n\n/* Icon - only when text added to button */\n:host([hastext]) ::slotted(zg-icon) {\n  margin-right: 7px;\n}\n\n:host([hastext][dir=\"rtl\"]) ::slotted(zg-icon) {\n  margin-left: 5px;\n  margin-right: unset\n}\n\n:host ::slotted(zg-icon) {\n  text-align: center;\n}\n\n\n/* ZG-PAGER: 'BUTTON' PAGINATION STYLING */\n\n/* 'Next Page' button */\n:host([action=\"nextpage\"]) {\n  margin-left: -1px;\n}\n\n/* '1, 2, 3' Page buttons */\n:host([action=\"page\"]) {\n  margin-left: -1px;\n}\n\n:host([action=\"page\"][disabled]) {\n  opacity: 1;\n}\n\n:host([action=\"page\"]) ::slotted(zg-icon) {\n  display: none;\n}\n\n:host([action=\"page\"]) ::slotted([slot=\"label\"]) {\n  width: 100%;\n  text-align: center;\n}\n\n:host([action*=\"record\"]),\n:host([action^=\"batch\"]),\n:host([internal-cell]) {\n  vertical-align: middle;\n}\n\n/*  Row Grouping Buttons */\n:host([action$=\"rowgroup\"]) {\n  margin-right: 20px;\n}\n\n:host([action$=\"rowgroup\"]) ::slotted(zg-icon) {\n  width: 24px;\n  height: 24px;\n}\n\n/* CUSTOM BUTTONS (NON-INTERNAL)\n-------------------------------------- */\n\n/* User button - not internal (internal should have [action]) */\n:host(:not([action]):not([force-border=\"disabled\"])),\n:host([force-border]:not([force-border=\"disabled\"])) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_custom\n  * @description Styles the background of custom button\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/ILHRA36E\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_custom);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_custom\n  * @description Styles the border of custom button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/VZ1UMHDW\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_custom);\n  border-radius: 4px;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_custom\n  * @description Applies a box shadow behind custom button\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/WV8BPHHG\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_custom);\n  color: var(--zg-button-color_custom, --zg-button-color);\n  padding: var(--zg-button-padding, 7px 9px);\n  transition: background .1s;\n}\n\n/* Focus */\n:host(:not([action]):not([force-border=\"disabled\"]):focus),\n:host([force-border]:not([force-border=\"disabled\"]):focus) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_custom_focus\n  * @description Styles the background of custom button on focus\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/DNQPAWTN\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_custom_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_custom_focus\n  * @description Styles the border of custom button on focus\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6YMT2CI2\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_custom_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_custom_focus\n  * @description Applies a box shadow behind custom button on focus\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/ZUYVPA4G\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_custom_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_custom_focus\n  * @description Sets the font color of custom button on focus\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6SPOXN1V\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_custom_focus);\n}\n\n/* Hover */\n:host(:not([action]):not([force-border=\"disabled\"]):hover),\n:host(:not([action]):not([force-border=\"disabled\"]).hover),\n:host([force-border]:not([force-border=\"disabled\"]):hover),\n:host([force-border]:not([force-border=\"disabled\"]).hover) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-icon-background_custom_hover\n  * @description Styles the background of icon in custom button on hover\n  * @see fill\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/KM9ESQ95\n  * @shadowOnly false\n  */\n  --zg-icon-color: var(--zg-button-icon-background_custom_hover, #fff);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_custom_hover\n  * @description Styles the background of custom button on hover\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/3NS677KC\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_custom_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_custom_hover\n  * @description Styles the border of custom button on hover\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/M471ONLC\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_custom_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_custom_hover\n  * @description Applies a box shadow behing custom button on hover\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6G5744Z9\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_custom_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_custom_hover\n  * @description Sets the font color of custom button on hover\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/UTHW9VD5\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_custom_hover);\n  /* Already defined, don't add JSDOCs */\n  transition: background-color var(--zg-button-transition_speed, var(--theme-transition_speed));\n}\n\n/* Active */\n:host(:not([action]):not([force-border=\"disabled\"]):active),\n:host(:not([action]):not([force-border=\"disabled\"]).active),\n:host([force-border]:not([force-border=\"disabled\"]):active),\n:host([force-border]:not([force-border=\"disabled\"]).active) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_custom_active\n  * @description Styles the background of custom button on active state\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/I7M662SJ\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_custom_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_custom_active\n  * @description Styles the border of custom button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/SBAJGZLD\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_custom_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_custom_active\n  * @description Applies a box shadow behind custom button on active state\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/NFET6MLX\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_custom_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_custom_active\n  * @description Sets the font color of custom button on active state\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/L6FV9PN6\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_custom_active);\n}",""])},3419:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-background\n  * @description Styles the background of caption\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6U2SY2K5\n  * @shadowOnly false\n  */\n  background: var(--zg-caption-background);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border\n  * @description Styles the border of caption\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/0N4C0ECB\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border-bottom\n  * @description Styles the bottom border of caption\n  * @see border\n  * @default var(--zg-caption-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/99JLBVYH\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-caption-border-bottom, var(--zg-caption-border, 0));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border-left\n  * @description Styles the left border of caption\n  * @see border\n  * @default var(--zg-caption-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FWLLXIJ5\n  * @shadowOnly false\n  */\n  border-left: var(--zg-caption-border-left, var(--zg-caption-border, 0));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border-right\n  * @description Styles the right border of caption\n  * @see border\n  * @default var(--zg-caption-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/52JW357J\n  * @shadowOnly false\n  */\n  border-right: var(--zg-caption-border-right, var(--zg-caption-border, 0));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border-top\n  * @description Styles the top border of caption\n  * @see border\n  * @default var(--zg-caption-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/NZ37Y0WR\n  * @shadowOnly false\n  */\n  border-top: var(--zg-caption-border-top, var(--zg-caption-border, 0));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border-radius\n  * @description Applies a border-radius to the caption\n  * @see border-radius\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/XTZFER6B\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-caption-border-radius, 0);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-box-shadow\n  * @description Applies a box shadow behind caption\n  * @see box-shadow\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/NGD7EIQQ\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-caption-box-shadow, none);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-color\n  * @description Sets the font color of caption\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/AWL1ZJ9P\n  * @shadowOnly false\n  */\n  color: var(--zg-caption-color);\n  display: block;\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-font-family\n  * @description Sets the font family of caption\n  * @see font-family\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/AIW2OSGY\n  * @shadowOnly false\n  */\n  font-family: var(--zg-caption-font-family);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-font-size\n  * @description Sets the font size of caption\n  * @see font-size\n  * @default 1.25rem\n  * @demoLink https://app.zingsoft.com/demos/create/GYEK88WP\n  * @shadowOnly false\n  */\n  font-size: var(--zg-caption-font-size, 1.25rem);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-font-style\n  * @description Sets the font style of caption\n  * @see font-style\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/88F09GZT\n  * @shadowOnly false\n  */\n  font-style: var(--zg-caption-font-style);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-font-weight\n  * @description Sets the font weight of caption\n  * @see font-weight\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/KY56OFL7\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-caption-font-weight);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-margin\n  * @description Sets the margin of caption\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/4KJK4SH4\n  * @shadowOnly false\n  */\n  margin: var(--zg-caption-margin, 0);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-opacity\n  * @description Sets the opacity of caption\n  * @see opacity\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/PE0HQJ5R\n  * @shadowOnly false\n  */\n  opacity: var(--zg-caption-opacity);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-padding\n  * @description Sets the padding of caption\n  * @see padding\n  * @default 0 var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/442ELH1B\n  * @shadowOnly false\n  */\n  padding: var(--zg-caption-padding, 0 var(--theme-padding_x));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-transition\n  * @description Sets the transition of caption\n  * @see transition\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/NORAG1EP\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  transition: var(--zg-caption-transition);\n  z-index: 2;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Wrapper */\n.zg-caption {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-align-items\n  * @description Sets the vertical alignment of items (title and toolbar) in caption\n  * @see align-items\n  * @default center\n  * @demoLink https://app.zingsoft.com/demos/create/CQYPIK1K\n  * @shadowOnly true\n  */\n  align-items: var(--zg-caption-align-items, center);\n  box-sizing: border-box;\n  display: flex;\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-flex-direction\n  * @description Sets the flex direction of items (title and toolbar) in caption\n  * @see flex-direction\n  * @default row\n  * @demoLink https://app.zingsoft.com/demos/create/7OAGC539\n  * @shadowOnly true\n  */\n  flex-direction: var(--zg-caption-flex-direction, row);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-height\n  * @description Sets the height of caption\n  * @see height\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/Y3GPK1TE\n  * @shadowOnly false\n  */\n  min-height: var(--zg-caption-height);\n  position: relative;\n  width: 100%;\n}\n:host([align=\"right\"]) .zg-caption {\n  flex-direction: row-reverse;\n}\n\n/* Title (Slot) */\n.zg-caption-title-slot {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-align-self\n  * @description Sets vertical alignment of items in caption title\n  * @see align-self\n  * @default center\n  * @demoLink https://app.zingsoft.com/demos/create/67LXJX3V\n  * @shadowOnly true\n  */\n  align-self: var(--zg-caption-title-align-self, var(--zg-caption-align-items));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-flex\n  * @description Sets how items are flexed in caption title\n  * @see flex\n  * @default 0 1 auto\n  * @demoLink https://app.zingsoft.com/demos/create/ZNF8KZ0Q\n  * @shadowOnly true\n  */\n  flex: var(--zg-caption-title-flex, 0 1 auto);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-font-family\n  * @description Sets the font-family of caption title\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/RSEFCP22\n  * @shadowOnly false\n  */\n  font-family: var(--zg-caption-title-font-family, inherit);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-font-size\n  * @description Sets the font size of caption title\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/957S8V57\n  * @shadowOnly false\n  */\n  font-size: var(--zg-caption-title-font-size, inherit);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-font-style\n  * @description Sets the font style of caption title\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/7998V87T\n  * @shadowOnly false\n  */\n  font-style: var(--zg-caption-title-font-style, inherit);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-font-weight\n  * @description Sets the font weight of caption title\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/SL5PZSVT\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-caption-title-font-weight, inherit);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-margin\n  * @description Sets the margin of caption title\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/16DIJOGY\n  * @shadowOnly false\n  */\n  margin: var(--zg-caption-title-margin, 0);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-padding\n  * @description Sets the padding of caption title\n  * @see padding\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/ZS07XHPH\n  * @shadowOnly false\n  */\n  padding: var(--zg-caption-title-padding, 0);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-order\n  * @description Sets the order of caption title with respect to caption toolbar\n  * @see order\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/C23FWMV5\n  */\n  order: var(--zg-caption-title-order);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-text-align\n  * @description Sets the text alignment of caption title\n  * @see text-align\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/1598TAUJ\n  * @shadowOnly false\n  */\n  text-align: var(--zg-caption-title-text-align, inherit);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-transform\n  * @description Sets the transform of caption title\n  * @see transform\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/3XWSGQ3T\n  * @shadowOnly false\n  */\n  transform: var(--zg-caption-title-transform, none);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-width\n  * @description Sets the width of caption title\n  * @see width\n  * @default 100%\n  * @demoLink https://app.zingsoft.com/demos/create/072GAQ92\n  * @shadowOnly false\n  */\n  width: var(--zg-caption-title-width, 100%);\n}\n\n/* Toolbar (Slot) */\n.zg-caption-toolbar {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-align-self\n  * @description Sets vertical alignment of items in caption toolbar\n  * @default Browser's default value\n  * @see align-self\n  * @demoLink https://app.zingsoft.com/demos/create/S3ZCU3DO\n  * @shadowOnly false\n  */\n  align-self: var(--zg-caption-toolbar-align-self);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-bottom\n  * @description Sets the position from bottom of caption toolbar. To apply, set --zg-caption-toolbar-position.\n  * @see bottom\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/OEH3UY6Q\n  * @shadowOnly false\n  * @storyAlert recommend:--zg-caption-toolbar-position:relative\n  */\n  bottom: var(--zg-caption-toolbar-bottom);\n  display: flex;\n  height: var(--zg-caption-height);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-justify-content\n  * @description Sets the horizontal alignment of contents in caption toolbar\n  * @see justify-content\n  * @default flex-start\n  * @demoLink https://app.zingsoft.com/demos/create/765LB16X\n  * @shadowOnly true\n  */\n  justify-content: var(--zg-caption-toolbar-justify-content, flex-start);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-left\n  * @description Sets the left of caption toolbar. To apply, set --zg-caption-toolbar-position.\n  * @see left\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/S4O1P9G5\n  * @shadowOnly false\n  * @storyAlert recommended:--zg-caption-toolbar-position:relative\n  */\n  left: var(--zg-caption-toolbar-left, auto);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-margin\n  * @description Sets the margin of caption toolbar\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/KZJX7TLX\n  * @shadowOnly true\n  */\n  margin: var(--zg-caption-toolbar-margin, 0);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-position\n  * @description Sets the position of caption toolbar\n  * @see position\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/QHJA4VIJ\n  * @shadowOnly true\n  */\n  position: var(--zg-caption-toolbar-position);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-right\n  * @description Sets the right of caption toolbar. To apply, set --zg-caption-toolbar-position.\n  * @see right\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/4YMLUW88\n  * @shadowOnly true\n  * @storyAlert recommend:--zg-caption-toolbar-position:relative\n  */\n  right: var(--zg-caption-toolbar-right, auto);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-top\n  * @description Sets the top of caption toolbar. To apply, set --zg-caption-toolbar-position.\n  * @see top\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/RFUEEGAP\n  * @shadowOnly true\n  * @storyAlert recommend:--zg-caption-toolbar-position:relative\n  */\n  top: var(--zg-caption-toolbar-top, auto);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-transform\n  * @description Sets the transform of caption toolbar\n  * @see transform\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/CM2ERTMS\n  * @shadowOnly true\n  */\n  transform: var(--zg-caption-toolbar-transform, none);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-width\n  * @description Sets the width of caption toolbar\n  * @see width\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/MGC5Q8CR\n  * @shadowOnly true\n  */\n  width: var(--zg-caption-toolbar-width, auto);\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* DAVE - Moving this from zg-button has the search button in a weird position   Put search on a grid and you will see */\n\n/* ZG-BUTTON */\n:host ::slotted(zg-button) {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-button-background\n  * @description Styles the background of button in caption\n  * @default var(--zg-button-background)\n  * @demoLink https://app.zingsoft.com/demos/create/TJF6WCKE\n  * @see background\n  * @shadowOnly false\n  */\n  background: var(--zg-caption-button-background, var(--zg-button-background));\n  color: var(--zg-caption-button-color, var(--zg-button-color));\n  display: inline-flex;\n  height: 100%;\n  padding-left: 5px;\n  padding-right: 5px;\n}\n:host ::slotted(zg-button:focus) {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-button-background_focus\n  * @description Styles the background of button in caption when the button is in a `focus` state\n  * @default var(--zg-caption-button-background, var(--zg-button-background))\n  * @demoLink https://app.zingsoft.com/demos/create/BSNFWAC2\n  * @see background\n  * @shadowOnly false\n  */\n  background: var(--zg-caption-button-background_focus, var(--zg-button-background_focus, var(--zg-caption-button-background, var(--zg-button-background))));\n  color: var(--zg-caption-button-color_focus, var(--zg-caption-button-color, var(--zg-button-color_focus, var(--zg-button-color))));\n}\n:host ::slotted(zg-button:hover) {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-button-background_hover\n  * @description Styles the background of button in caption when the button is in a `hover` state\n  * @default var(--zg-caption-button-background, var(--zg-button-background))\n  * @demoLink https://app.zingsoft.com/demos/create/2C4I6L8Q\n  * @see background\n  * @shadowOnly false\n  */\n  background: var(--zg-caption-button-background_hover, var(--zg-button-background_hover, var(--zg-caption-button-background, var(--zg-button-background))));\n  color: var(--zg-caption-button-color_hover, var(--zg-caption-button-color, var(--zg-button-color_hover, var(--zg-button-color))));\n}\n\n:host ::slotted(zg-button:active) {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-button-background_active\n  * @description Styles the background of button in caption when the button is in an `active` state\n  * @default var(--zg-caption-button-background, var(--zg-button-background))\n  * @demoLink https://app.zingsoft.com/demos/create/RAU1QDPS\n  * @see background\n  * @shadowOnly false\n  */\n  background: var(--zg-caption-button-background_active, var(--zg-button-background_active, var(--zg-caption-button-background, var(--zg-button-background))));\n  color: var(--zg-caption-button-color_active, var(--zg-caption-button-color, var(--zg-button-color_active, var(--zg-button-color))));\n}\n\n\n/* CUSTOM USER BUTTON */\n:host ::slotted(zg-button:not([action])) {\n  background: var(--zg-caption-button-background_custom, var(--zg-caption-button-background, var(--zg-button-background_custom, var(--zg-button-background))));\n  color: var(--zg-caption-button-color_custom, var(--zg-caption-button-color, var(--zg-button-color_custom, var(--zg-button-color))));\n}\n:host ::slotted(zg-button:not([action]):focus) {\n  background: var(--zg-caption-button-background_custom_focus, var(--zg-caption-button-background_focus, var(--zg-button-background_custom_focus, var(--zg-button-background_focus, var(--zg-caption-button-background_custom, var(--zg-caption-button-background, var(--zg-button-background_custom, var(--zg-button-background))))))));\n  color: var(--zg-caption-button-color_custom_focus, var(--zg-caption-button-color_focus, var(--zg-button-color_custom_focus, var(--zg-button-color_focus, var(--zg-button-color)))));\n}\n:host ::slotted(zg-button:not([action]):hover) {\n  background: var(--zg-caption-button-background_custom_hover, var(--zg-caption-button-background_hover, var(--zg-button-background_custom_hover, var(--zg-button-background_hover, var(--zg-caption-button-background_custom, var(--zg-caption-button-background, var(--zg-button-background_custom, var(--zg-button-background))))))));\n  color: var(--zg-caption-button-color_custom_hover, var(--zg-caption-button-color_hover, var(--zg-button-color_custom_hover, var(--zg-button-color_hover,var( --zg-button-color)))));\n}\n:host ::slotted(zg-button:not([action]):active) {\n  background: var(--zg-caption-button-background_custom_active, var(--zg-caption-button-background_active, var(--zg-button-background_custom_active, var(--zg-button-background_active, var(--zg-caption-button-background_custom, var(--zg-caption-button-background, var(--zg-button-background_custom, var(--zg-button-background))))))));\n  color: var(--zg-caption-button-color_custom_active, var(--zg-caption-button-color_active, var(--zg-button-color_custom_active, var(--zg-button-color_active, var(--zg-button-color)))));\n}\n\n\n/* INTERNAL BUTTON */\n:host ::slotted(zg-button[action]:hover) {\n  background: var(--zg-caption-button-background_hover, var(--zg-button-background_hover));\n}\n\n:host ::slotted(zg-search) {\n  display: inline-flex;\n  height: 100%;\n}\n\n/* DYNAMIC\n-------------------------------------- */\n.enabled { display:inline-block !important; }",""])},3147:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-background_layout_card\n  * @description Styles the background of cards in 'card' layout-mode\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/BEYZ88MV\n  * @shadowOnly false\n  */\n  background: var(--zg-cell-background_layout_card);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-border_layout_card\n  * @description Styles the border of cards in 'card' layout-mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/U0CW9K8N\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-border-bottom_layout_card\n  * @description Styles the bottom border of cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FGN7V34Y\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-cell-border-bottom_layout_card, var(--zg-cell-border_layout_card, 0));\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-border-left_layout_card\n  * @description Styles the left border of cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/BPYBZ5YQ\n  * @shadowOnly false\n  */\n  border-left: var(--zg-cell-border-left_layout_card, var(--zg-cell-border_layout_card, 0));\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-border-right_layout_card\n  * @description Styles the right border of cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/CK9N7ZQV\n  * @shadowOnly false\n  */\n  border-right: var(--zg-cell-border-right_layout_card, var(--zg-cell-border_layout_card, 0));\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-border-top_layout_card\n  * @description Styles the top border of cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/7Y7BXZCF\n  * @shadowOnly false\n  */\n  border-top: var(--zg-cell-border-top_layout_card, var(--zg-cell-border_layout_card, 0));\n  box-sizing: border-box;\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-color_layout_card\n  * @description Sets the font color of cards in 'card' layout-mode\n  * @see color\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/X2B23BUZ\n  * @shadowOnly false\n  */\n  color: var(--zg-cell-color_layout_card, inherit);\n  display: block;\n  flex: 1;\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-font-family_layout_card\n  * @description Sets the font family of cards in 'card' layout-mode\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/O9LB0E7K\n  * @shadowOnly false\n  */\n  font-family: var(--zg-cell-font-family_layout_card, inherit);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-font-size_layout_card\n  * @description Sets the font size of cards in 'card' layout-mode\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/FN82MG62\n  * @shadowOnly false\n  */\n  font-size: var(--zg-cell-font-size_layout_card, inherit);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-font-style_layout_card\n  * @description Sets the font family of cards in 'card' layout-mode\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/OOAIYJ3A\n  * @shadowOnly false\n  */\n  font-style: var(--zg-cell-font-style_layout_card, inherit);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-font-weight_layout_card\n  * @description Sets the font weight of cards in 'card' layout-mode\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/HG4U54X7\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-cell-font-weight_layout_card, inherit);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-height_layout_card\n  * @description Sets the height of cards in 'card' layout-mode\n  * @see height\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/363ZH0L0\n  * @shadowOnly false\n  */\n  height: var(--zg-cell-height_layout_card, auto);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-line-height_layout_card\n  * @description Sets the line height of cards in 'card' layout-mode\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/GNXXL0I8\n  * @shadowOnly false\n  */\n  line-height: var(--zg-cell-line-height_layout_card, inherit);\n  overflow: hidden;\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-padding_layout_card\n  * @description Sets the padding of cards in 'card' layout-mode\n  * @see padding\n  * @default var(--theme-padding_y) var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/NLQRJG8E\n  * @shadowOnly false\n  */\n  padding: var(--zg-cell-padding_layout_card, var(--theme-padding_y) var(--theme-padding_x));\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-transition_layout_card\n  * @description Sets the transition of cards in 'card' layout-mode\n  * @see transition\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/EP738THM\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  transition: var(--zg-cell-transition_layout_card);\n  user-select: none;\n  width: 100%;\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-word-break_layout_card\n  * @description Sets the word break of items in cards in 'card' layout-mode\n  * @see word-break\n  * @default break-all\n  * @demoLink https://app.zingsoft.com/demos/create/8M5I3J8P\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  word-break: var(--zg-cell-word-break_layout_card, break-all);\n}\n\n/* Hide if 'hidden' attribute applied */\n:host([hidden]) {\n  display: none !important;\n}\n\n/* 'Remove Record' Cell */\n:host([type=\"remover\"]) {\n  text-align: right;\n}\n\n/* WHEN EDIT-ROW BUTTONS IN SAME CELL */\n:host([edit-row-buttons-one-cell]) {\n  padding-left: 0;\n  padding-right: 0;\n}\n:host([edit-row-buttons-one-cell]) ::slotted([data-field-index]) {\n  display: flex;\n} ",""])},761:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* HOST\n-------------------------------------- */\n:host {\n  --cell-overflow-background-color: var(--zing-grid-background);\n  --cell-overflow-border-color: var(--theme-border-color);\n}\n\n/* Type: Default */\n:host {\n  background: var(--cell-overflow-background-color);\n  border: 1px solid var(--cell-overflow-border-color);\n  display: block;\n  line-height: initial;\n  pointer-events: auto;\n  position: absolute;\n  z-index: 11;\n}\n\n:host([hidden]) {\n  visibility: hidden;\n  pointer-events: none;\n}\n",""])},3581:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background\n  * @description Styles the background of cells\n  * @see background\n  * @default var(--zg-cell-background)\n  * @demoLink https://app.zingsoft.com/demos/create/FPS1Y1BU\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background_layout_row\n  * @description Styles the background of cells in \'row\' layout-mode\n  * @see background\n  * @default var(--zg-cell-background)\n  * @demoLink https://app.zingsoft.com/demos/create/OB4ZAO0E\n  * @shadowOnly false\n  */\n  background: var(--zg-cell-background_layout_row, var(--zg-cell-background));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border\n  * @description Styles the border of cells\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/5IAJRJAX\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-bottom\n  * @description Styles the bottom border of cells\n  * @see border\n  * @default var(--zg-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/6W1MBMS5\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border_layout_row\n  * @description Styles the border of cells in \'row\' layout-mode\n  * @see border\n  * @default var(--zg-cell-border-bottom, var(--zg-cell-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/VUY7YJN0\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-bottom_layout_row\n  * @description Styles the bottom border of cells in \'row\' layout-mode\n  * @see border\n  * @default var(--zg-cell-border_layout_row, var(--zg-cell-border-bottom, var(--zg-cell-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/CBCRNIEW\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-cell-border-bottom_layout_row, var(--zg-cell-border_layout_row, var(--zg-cell-border-bottom, var(--zg-cell-border, 0))));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-left\n  * @description Styles the left border of cells\n  * @see border\n  * @default var(--zg-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/D7KFKEG9\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-left_layout_row\n  * @description Styles the left border of cells in \'row\' layout-mode\n  * @see border\n  * @default var(--zg-cell-border_layout_row, var(--zg-cell-border-left, var(--zg-cell-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/09D81J37\n  * @shadowOnly false\n  */\n  border-left: var(--zg-cell-border-left_layout_row, var(--zg-cell-border_layout_row, var(--zg-cell-border-left, var(--zg-cell-border, 0))));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-right\n  * @description Styles the right border of cells\n  * @see border\n  * @default var(--zg-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/I1HTZ8O9\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-right_layout_row\n  * @description Styles the right border of cells in \'row\' layout-mode\n  * @see border\n  * @default var(--zg-cell-border_layout_row, var(--zg-cell-border-right, var(--zg-cell-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/38MHHLP7\n  * @shadowOnly false\n  */\n  border-right: var(--zg-cell-border-right_layout_row, var(--zg-cell-border_layout_row, var(--zg-cell-border-right, var(--zg-cell-border, 0))));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-top\n  * @description Styles the top border of cells\n  * @see border\n  * @default var(--zg-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/5LO8GANO\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-top_layout_row\n  * @description Styles the top border of cells in \'row\' layout-mode\n  * @see border\n  * @default var(--zg-cell-border_layout_row, var(--zg-cell-border-top, var(--zg-cell-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/7MVAC7VQ\n  * @shadowOnly false\n  */\n  border-top: var(--zg-cell-border-top_layout_row, var(--zg-cell-border_layout_row, var(--zg-cell-border-top, var(--zg-cell-border, 0))));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color\n  * @description Styles font color of text in cells\n  * @see color\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/W7Z4EQX7\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color_layout_row\n  * @description Styles font color of text in cells in \'row\' layout-mode\n  * @see color\n  * @default var(--zg-cell-color, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/4L4VCAVC\n  * @shadowOnly false\n  */\n  color: var(--zg-cell-color_layout_row, var(--zg-cell-color, inherit));\n  display: table-cell;\n  flex: 1;\n  /* CS THIS HAS TO BE REMOVED BEFORE LAUNCHING FIND OTHER SOLUTION */\n  -position: relative;\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-family\n  * @description Sets the font family in cells\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/FBT1I49W\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-family_layout_row\n  * @description Sets the font family in cells in \'row\' layout-mode\n  * @see font-family\n  * @default var(--zg-cell-font-family, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/WEF8KGXB\n  * @shadowOnly false\n  */\n  font-family: var(--zg-cell-font-family_layout_row, var(--zg-cell-font-family, inherit));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-size\n  * @description Sets the font size in cells\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/5VXTAUSO\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-size_layout_row\n  * @description Sets the font size in cells in \'row\' layout-mode\n  * @see font-size\n  * @default var(--zg-cell-font-size, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/9NBFBSO0\n  * @shadowOnly false\n  */\n  font-size: var(--zg-cell-font-size_layout_row, var(--zg-cell-font-size, inherit));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-style\n  * @description Sets the font style in cells\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/MBBRNXUX\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-style_layout_row\n  * @description Sets the font style in cells in \'row\' layout-mode\n  * @see font-style\n  * @default var(--zg-cell-font-style, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/LJYPK43Z\n  * @shadowOnly false\n  */\n  font-style: var(--zg-cell-font-style_layout_row, var(--zg-cell-font-style, inherit));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-weight\n  * @description Sets the font weight in cells\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/C8CHJ5SG\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-weight_layout_row\n  * @description Sets the font weight in cells in \'row\' layout-mode\n  * @see font-weight\n  * @default var(--zg-cell-font-weight, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/4FCZ5S1K\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-cell-font-weight_layout_row, var(--zg-cell-font-weight, inherit));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-height\n  * @description Sets height of cells\n  * @see height\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/0ADC78MI\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-height_layout_row\n  * @description Sets height of cells in \'row\' layout-mode\n  * @see height\n  * @default var(--zg-cell-height, auto)\n  * @demoLink https://app.zingsoft.com/demos/create/2I7KY86Q\n  * @shadowOnly false\n  */\n  height: var(--zg-cell-height_layout_row, var(--zg-cell-height, auto));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-line-height\n  * @description Sets line height of cells\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/13BR35NS\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-line-height_layout_row\n  * @description Sets line height of cells in \'row\' layout-mode\n  * @see line-height\n  * @default var(--zg-cell-line-height, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/V1O45PMA\n  * @shadowOnly false\n  */\n  line-height: var(--zg-cell-line-height_layout_row, var(--zg-cell-line-height, inherit));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-padding\n  * @description Sets padding of cells\n  * @see padding\n  * @default var(--theme-padding_y) var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/L55WT5PW\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-padding_layout_row\n  * @description Sets padding of cells in \'row\' layout-mode\n  * @see padding\n  * @default var(--zg-cell-padding, var(--theme-padding_y) var(--theme-padding_x))\n  * @demoLink https://app.zingsoft.com/demos/create/LXJRGOVN\n  * @shadowOnly false\n  */\n  padding: var(--zg-cell-padding_layout_row, var(--zg-cell-padding, var(--theme-padding_y) var(--theme-padding_x)));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-transition\n  * @description Sets the transition of cells\n  * @see transition\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/XB0M7RTK\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-transition_layout_row\n  * @description Sets the transition of cells in \'row\' layout-mode\n  * @see transition\n  * @default var(--zg-cell-transition)\n  * @demoLink https://app.zingsoft.com/demos/create/KNVU6GWJ\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  transition: var(--zg-cell-transition_layout_row, var(--zg-cell-transition));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-vertical-align\n  * @description Sets vertical alignment of items in cells\n  * @see vertical-align\n  * @default middle\n  * @demoLink https://app.zingsoft.com/demos/create/IRBQ32WL\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-vertical-align_layout_row\n  * @description Sets vertical alignment of items in cells in \'row\' layout-mode\n  * @see vertical-align\n  * @default var(--zg-cell-vertical-align, middle)\n  * @demoLink https://app.zingsoft.com/demos/create/4FFXFDKI\n  * @shadowOnly false\n  */\n  vertical-align: var(--zg-cell-vertical-align_layout_row, var(--zg-cell-vertical-align, middle));\n  box-sizing: border-box;\n}\n\n/*  This was previously under :host, but it broke the tooltips of the edit/delete cells */\n:host(:not([button-tooltip])) {\n  overflow: hidden;\n}\n\n\n:host(:hover) {\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background_hover\n  * @description Styles the background of cells on hover\n  * @see background\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/RT19PJTK\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background_hover_layout_row\n  * @description Styles the background of cells in \'row\' layout-mode on hover\n  * @see background\n  * @default var(--zg-cell-background_hover)\n  * @demoLink https://app.zingsoft.com/demos/create/K3W62J0D\n  * @shadowOnly false\n  */\n  background: var(--zg-cell-background_hover_layout_row, var(--zg-cell-background_hover));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color_hover\n  * @description Styles font color of cells on hover\n  * @see color\n  * @default var(--zg-cell-color)\n  * @demoLink https://app.zingsoft.com/demos/create/KSG94XLN\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color_hover_layout_row\n  * @description Styles font color of cells in \'row\' layout-mode on hover\n  * @see color\n  * @default var(--zg-cell-color_hover, var(--zg-cell-color))\n  * @demoLink https://app.zingsoft.com/demos/create/0VCGU2R9\n  * @shadowOnly false\n  */\n  color: var(--zg-cell-color_hover_layout_row, var(--zg-cell-color_hover, var(--zg-cell-color)));\n}\n\n/* Hide if \'hidden\' attribute applied */\n:host([hidden]) {\n  display: none !important;\n}\n:host([cell-break-prep]) {\n  /* word-break: break-word; */\n  white-space: nowrap;\n}\n\n/* \'Selector\' checkbox Cell */\n/* Remove padding so we can add to the inner checkbox instead (for better mobile hitbox) */\n/* See `:ost-context(zg-cell[type="selector"])` in ZGCheckbox.css */\n:host([type="selector"]) {\n  padding: 0 !important;\n}\n\n/* TYPE: BUTTON */\n/* Must explicitly unset `appearance` to avoid overrides from Bootstrap framework */\n:host([type="button"]) {\n  appearance: unset !important;\n}\n\n/* TYPE: TOGGLE */\n/* Show `cursor:pointer` for cells you can toggle on click */\n:host([type="toggle"]) ::slotted([data-field-index]) {\n  cursor: pointer;\n}\n\n\n/* If the cell is in the foot row */\n/* Inner Cell Wrapper */\n:host([rowfooter]){\n  display: table-cell;\n  width: 100%;\n  -overflow: hidden;\n  white-space: nowrap;\n  -z-index: 1;\n}\n\n/* Inner Wrapper */\n:host([rowfooter]) div {\n  align-items: center;\n  display: inline-flex;\n  height: 100%;\n  justify-content: flex-start;\n  vertical-align: middle;\n  overflow: hidden;\n  white-space: nowrap;\n  width: 100%;\n}\n\n/* Cell Text */\n:host([rowfooter]) ::slotted([data-field-index]) {\n  /* line-height: 1; */\n  -z-index: 1;\n}\n\n/* If the cell is currently sorted */\n:host([sorted]) {\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background_sorted\n  * @description Styles the background of cells in sorted column\n  * @see background\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/DNFOJBRU\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background_layout_row_sorted\n  * @description Styles the background of cells in sorted column in \'row\' layout-mode\n  * @see background\n  * @default var(--zg-cell-background_sorted)\n  * @demoLink https://app.zingsoft.com/demos/create/EM0YQ90M\n  * @shadowOnly false\n  */\n  background: var(--zg-cell-background_layout_row_sorted, var(--zg-cell-background_sorted));\n  border-top: var(--zg-cell-border-top_sorted, var(--zg-cell-border-top_layout_row, var(--zg-cell-border-top, var(--zg-cell-border))));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color_sorted\n  * @description Sets the font color of cells in sorted column\n  * @default var(--zg-cell-color)\n  * @demoLink https://app.zingsoft.com/demos/create/427LWHVI\n  * @see color\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color_layout_row_sorted\n  * @description Sets the font color of cells in sorted column in \'row\' layout-mode\n  * @default var(--zg-cell-color_sorted, var(--zg-cell-color))\n  * @demoLink https://app.zingsoft.com/demos/create/64ZKT87T\n  * @see color\n  * @shadowOnly false\n  */\n  color: var(--zg-cell-color_layout_row_sorted, var(--zg-cell-color_sorted, var(--zg-cell-color)));\n}\n\n/* WHEN EDIT-ROW BUTTONS IN SAME CELL */\n:host([edit-row-buttons-one-cell]) {\n  padding-left: 0;\n  padding-right: 0;\n}\n:host([edit-row-buttons-one-cell]) ::slotted([data-field-index]) {\n  display: flex;\n}\n\n\n/* CELL-BREAK STYLING\n-------------------------------------- */\n/* \n  Add [cell-break="xxxx"] to ZG or ZGColumn to set how \n  overflow content behaves inside a body cell.\n*/\n:host(:not([cell-break]):not([type="iframe"]):not([type="selector"]):not([data-control-field])) ::slotted([data-field-label]) {\n  display: var(--zg-cell-label-display_layout_card, block);\n  white-space: normal;\n}\n:host(:not([cell-break]):not([cell-break-prep]):not([rowfooter]):not([rowheader]):not([type="iframe"]):not([type="row-group"]):not([type="selector"])) ::slotted([data-field-index]) {\n  display: inline-block;\n  white-space: normal;\n}\n\n:host([type="row-group"][align="center"]:not([layout="card"])) ::slotted([data-field-index]) {\n  justify-content: center;\n}\n:host([type="row-group"][align="right"]:not([layout="card"])) ::slotted([data-field-index]) {\n  justify-content: end;\n}\n:host([cell-break="ellipsis"]:not([data-control-field])) ::slotted([data-field-label]),\n:host([cell-break="ellipsis"]:not([data-control-field]):not([button-tooltip])) ::slotted([data-field-index]) {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n:host([cell-break="all"]) ::slotted([data-field-label]),\n:host([cell-break="all"]) ::slotted([data-field-index]) {\n  white-space: normal;\n  word-break: break-all;\n}\n:host([cell-break="normal"]) ::slotted([data-field-label]),\n:host([cell-break="normal"]) ::slotted([data-field-index]) {\n  white-space: normal;\n  word-break: normal;\n}\n:host([cell-break="word"]) ::slotted([data-field-label]),\n:host([cell-break="word"]) ::slotted([data-field-index]) {\n  white-space: normal;\n  overflow-wrap: break-word;\n}\n\n:host([type="row-group"]:not([layout="card"])) ::slotted([data-field-index]) {\n  display: flex;\n  align-items: center;\n  white-space: normal;\n}\n\n/* This breaks tooltips when the alignment is to the right or center. */\n:host(:not([layout="card"])) ::slotted([data-field-index]) {\n  -width:100%;\n}\n\n\n/* Always hide the overflow on the frozen columns */\n:host([frozen]:not([data-control-field]):not([button-tooltip])) {\n  overflow: hidden;\n}\n\n:host([frozen-row]) ::slotted([data-field-index]) {\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n\n/* SLOTTED CONTENT\n-------------------------------------- */\n\n/* Don\'t show in row mode, either by default viewport or if [layout="row"] manually added */\n:host ::slotted([data-field-label]) {\n  display: none;\n}\n\n/* LAYOUT: CARD\n-------------------------------------- */\n/* THE SLOTTED CELL INDEX LABEL */\n:host([layout="card"]) ::slotted([data-field-label]) {\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-color_layout_card\n  * @description Sets font color of label in cards in \'card\' layout-mode\n  * @see color\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/WLX26P3Q\n  * @shadowOnly false\n  */\n  color: var(--zg-cell-label-color_layout_card, var(--theme-color-primary));\n  content: attr(text);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-display_layout_card\n  * @description Sets the display of label in cards in \'card\' layout-mode\n  * @default flex\n  * @see display\n  * @demoLink https://app.zingsoft.com/demos/create/VJ2V5JBW\n  */\n  display: var(--zg-cell-label-display_layout_card, flex);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-font-size_layout_card\n  * @description Sets font size of label in cards in \'card\' layout-mode\n  * @see font-size\n  * @default 85%\n  * @demoLink https://app.zingsoft.com/demos/create/9M0IV26C\n  * @shadowOnly false\n  */\n  font-size: var(--zg-cell-label-font-size_layout_card, 85%);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-margin_layout_card\n  * @description Sets the margin of label in cards in \'card\' layout-mode\n  * @see margin\n  * @default 0 0 2px\n  * @demoLink https://app.zingsoft.com/demos/create/4YSN75PR\n  * @shadowOnly false\n  */\n  margin: var(--zg-cell-label-margin_layout_card, 0 0 2px);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-overflow_layout_card\n  * @description Sets the overflow of label in cards in \'card\' layout-mode\n  * @default Browser\'s default value\n  * @see overflow\n  * @demoLink https://app.zingsoft.com/demos/create/RW2Y5KUP\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  overflow: var(--zg-cell-label-overflow_layout_card);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-transform_layout_card\n  * @description Sets transform of label in cards in \'card\' layout-mode\n  * @see transform\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/7HNBULB8\n  * @shadowOnly false\n  */\n  transform: var(--zg-cell-label-transform_layout_card);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-font-weight_layout_card\n  * @description Sets font weight of label in cards in \'card\' layout-mode\n  * @see font-weight\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/SW2D92C5\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-cell-label-font-weight_layout_card);\n  text-transform: capitalize;\n}\n\n/* THE SLOTTED CELL CONTENTS */\n:host([layout="card"]) ::slotted([data-field-index]) {\n  align-items: center;\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-border_layout_card\n  * @description Styles the border of card items in \'card\' layout-mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/PL7XVRO6\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-border-bottom_layout_card\n  * @description Styles the bottom border of card items in \'card\' layout-mode\n  * @see border\n  * @default var(--zg-cell-content-border_layout_card, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/67415UAZ\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-cell-content-border-bottom_layout_card, var(--zg-cell-content-border_layout_card, 0));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-border-left_layout_card\n  * @description Styles the left border of card items in \'card\' layout-mode\n  * @see border\n  * @default var(--zg-cell-content-border_layout_card, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/KJY3M0EU\n  * @shadowOnly false\n  */\n  border-left: var(--zg-cell-content-border-left_layout_card, var(--zg-cell-content-border_layout_card, 0));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-border-right_layout_card\n  * @description Styles the right border of card items in \'card\' layout-mode\n  * @see border\n  * @default var(--zg-cell-content-border_layout_card, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/UL1AANE2\n  * @shadowOnly false\n  */\n  border-right: var(--zg-cell-content-border-right_layout_card, var(--zg-cell-content-border_layout_card, 0));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-border-top_layout_card\n  * @description Styles the top border of card items in \'card\' layout-mode\n  * @see border\n  * @default var(--zg-cell-content-border_layout_card, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/S1QU5P5C\n  * @shadowOnly false\n  */\n  border-top: var(--zg-cell-content-border-top_layout_card, var(--zg-cell-content-border_layout_card, 0));\n  display: flex;\n  flex-basis: 100%;\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-font-size_layout_card\n  * @description Sets the font size of cards in \'card\' layout-mode\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/YUH3FMTN\n  * @shadowOnly false\n  */\n  font-size: var(--zg-cell-content-font-size_layout_card, inherit);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-padding_layout_card\n  * @description Sets the padding of cards in \'card\' layout-mode\n  * @see padding\n  * @default 3px 0\n  * @demoLink https://app.zingsoft.com/demos/create/FRM4C9ZH\n  * @shadowOnly false\n  */\n  padding: var(--zg-cell-content-padding_layout_card, 3px 0);\n}\n\n/* Hide labels of control columns in card mode */\n:host([layout="card"][data-control-field]) ::slotted([data-field-label]) {\n  display: none;\n}\n\n/* Control Cells */\n:host([layout="card"][data-control-field]) ::slotted([data-field-index]) {\n  --zg-cell-content-padding_layout_card: 0;\n  /* display: flex;\n  align-items: center;\n  height: 100%; */\n}\n\n/* SHARED BETWEEN ALL \'RECORD\' CONTROLS */\n:host([layout="card"][data-control-field]) {\n  position: absolute;\n  top: 0;\n}\n/* Do not add :before labels for non-grid data cells (buttons, checkboxes, etc.) */\n:host([layout="card"][data-control-field]):before {\n  display: none;\n}\n\n/* \'SELECT CARD\' CHECKBOX */\n:host([layout="card"][type="selector"]) {\n  top: 2px;\n  height: 38px;\n  left: 5px;\n}\n/* When it comes AFTER \'row-number\' */\n:host([layout="card"][data-control-field*="row-number,selector"][type="selector"]) {\n  left: 25px;\n}\n\n:host([layout="card"][type="selector"]) ::slotted([data-field-index]) {\n  border:0;\n}\n\n/* \'ROW NUMBER\' LABEL */\n:host([layout="card"][type="row-number"]) {\n  --zg-row-card-cell-padding: 4px;\n  left: 28px;\n  top: 2px;\n}\n:host([layout="card"][type="row-number"]) ::slotted([data-field-index]) {\n  display: flex !important;\n  align-items: center;\n  height: 28px;\n}\n\n/*  \'INFO\' ICON */\n:host([layout="card"][type="info"]) {\n  --zg-row-card-cell-padding: 4px;\n  left: 5px;\n  top: 2px;\n}\n:host([layout="card"][type="info"]) ::slotted([data-field-index]) {\n  display: flex !important;\n  align-items: center;\n  height: 28px;\n}\n\n/*  We need to move the info icon if row-number and/or selector are also set */\n:host([layout="card"][data-control-field*="row-number"][data-control-field*="info"][type="info"]),\n:host([layout="card"][data-control-field*="selector"][data-control-field*="info"][type="info"]) {\n  left: 25px;\n}\n\n:host([layout="card"][data-control-field*="row-number"][data-control-field*="selector"][data-control-field*="info"][type="info"]) {\n  left: 45px;\n}\n\n/* Need to adjust positions based on which buttons are present.\n   Buttons are editor, remover, duplicate\n   Positions are from right: 10, 36, 62\n   If min-width 768, positions are 0, 26, 52 */\n\n/* \'EDIT CARD\' BUTTON */\n:host([layout="card"][type="editor"]) {\n  margin-top: 5px;\n  right: 10px;\n}\n:host([layout="card"][data-control-field*="remover"][type="editor"]) {\n  right: 36px;\n}\n:host([layout="card"][data-control-field*="duplicate"][type="editor"]) {\n  right: 36px;\n}\n:host([layout="card"][data-control-field*="remover"][data-control-field*="duplicate"][type="editor"]) {\n  right: 62px;\n}\n@media (min-width:768px) {\n  :host([layout="card"][type="editor"]) {\n    right: 0px;\n  }\n  :host([layout="card"][data-control-field*="remover"][type="editor"]) {\n    right: 26px;\n  }\n  :host([layout="card"][data-control-field*="duplicate"][type="editor"]) {\n    right: 26px;\n  }\n  :host([layout="card"][data-control-field*="remover"][data-control-field*="duplicate"][type="editor"]) {\n    right: 52px;\n  }\n}\n:host([layout="card"][type="editor"]) ::slotted([data-field-index]) {\n  border:0;\n}\n\n/* \'DELETE CARD\' BUTTON */\n:host([layout="card"][type="remover"]) {\n  right: 10px;\n  margin-top: 5px;\n}\n:host([layout="card"][data-control-field*="duplicate"][type="remover"]) {\n  right: 36px;\n}\n\n@media (min-width:768px) {\n  :host([layout="card"][type="remover"]) {\n    right: 0;\n  }\n  :host([layout="card"][data-control-field*="duplicate"][type="remover"]) {\n    right: 26px;\n  }\n}\n:host([layout="card"][type="remover"]) ::slotted([data-field-index]) {\n  border:0;\n}\n\n/* \'DUPLICATE CARD BUTTON\' */\n:host([layout="card"][type="duplicate"]) {\n  right: 10px;\n  margin-top: 5px;\n}\n\n@media (min-width:768px) {\n  :host([layout="card"][type="duplicate"]) {\n    right: 0px;\n  }\n}\n\n/* Style the cell if it is in the dirty editor state */\n:host(.cell-dirty-edit:not(.cell-active-edit)) {\n  position: relative;\n}\n\n:host(.cell-dirty-edit:not(.cell-active-edit)):after{\n  content: "";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 0;\n  height: 0;\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-cell-dirty-edit-border-width\n  * @description Sets the border width of the dirty cell marker\n  * @see border-width\n  * @default 7px\n  * @demoLink https://app.zingsoft.com/demos/create/U90FN6VL\n  * @shadowOnly false\n  */\n  border-width: var(--zg-cell-dirty-edit-border-width, 7px);\n  border-style: solid;\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-cell-dirty-edit-border-color\n  * @description Sets the color of the dirty cell marker\n  * @see border-color\n  * @default red;\n  * @demoLink https://app.zingsoft.com/demos/create/9DTR8P0D\n  * @shadowOnly false\n  */\n  border-color: var(--zg-cell-dirty-edit-border-color, red) transparent transparent var(--zg-cell-dirty-edit-border-color, red);\n}\n\n/* Style the current column that is being reordered with `[column-drag]` */\n:host(.is-reordering) {\n  background: var(--theme-background-color);\n}\n\n::slotted([has-details]) {\n  cursor: pointer;\n  color:blue;\n  text-decoration:underline;\n}\n',""])},3185:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n    /* LOCAL REUSE */\n    --local-checkbox-height: 18px;\n    --local-checkbox-width: 18px;\n\n    /* STYLE HOST */\n    align-items: center;\n    cursor: pointer;\n    display: flex;\n    line-height: 0;\n    user-select: none;\n    white-space: nowrap;\n    -webkit-tap-highlight-color: transparent;\n}\n:host(:focus) {\n    outline: var(--zg-button-focus);\n}\n:host([hidden]) {\n    display: none !important;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Text */\n#text { display:none; }\n:host([hastext]) #text {\n    color: var(--theme-color-primary);\n    display:block;\n    font-size: 90%;\n    margin-left:5px;\n}\n\n/* WHEN SLOTTED INTO OTHER COMPONENTS\n---------------------------------------- */\n/* SELECTOR CHECKBOX */\n/* \n  Note: using `:not([layout="card"])` instead of `[layout="row"]` b/c [layout] can be omitted \n  (default is row-mode), and the browser will interpret it as `[layout="reset"]` instead.\n*/\n/* IN ZG-HEAD, LAYOUT: ROW */\n:host([parent="head"]:not([layout="card"])) {\n  height: 100%;\n  padding: 0 var(--theme-padding_x);\n}\n/* IN ZG-BODY, LAYOUT: ROW */\n:host([parent="body"]:not([layout="card"])) {\n  box-sizing: border-box;\n  height: 100%;\n  min-height: var(--zg-cell-selector-min-height_layout_row, 47px);\n  padding: 0 var(--theme-padding_x);\n  width: 100%;\n}\n/* IN ZG-BODY, LAYOUT: CARD */\n:host([parent="body"][layout="card"]) {\n  min-height: var(--zg-cell-selector-min-height_layout_card, 26px);\n  padding: 0;\n}\n:host([parent="cell"]:not([layout="card"])) {\n  box-sizing: border-box;\n  height: 100%;\n  min-height: var(--zg-cell-selector-min-height_layout_row, 47px);\n  width: 100%;\n}\n',""])},5420:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n    display: table-column-group;\n}\n:host([layout="card"]) {\n    display: block;\n}',""])},9253:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n/* The Column Resize Bar */\n:host {\n  align-items: center;\n  /**\n  * @memberof ZGColumnResize\n  * @var --zg-column-resize-background\n  * @description Sets the background of the resize handle\n  * @see background\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/GY8NY03F\n  * @shadowOnly false\n  */\n  background: var(--zg-column-resize-background, none);\n  border-radius: 2px;\n  color: var(--zg-column-resize-color);\n  cursor: ew-resize !important;\n  display: flex;\n  /**\n  * @memberof ZGColumnResize\n  * @var --zg-column-resize-height\n  * @description Sets the height of the resize handle\n  * @see height\n  * @default 40%\n  * @demoLink https://app.zingsoft.com/demos/create/18NKOWQO\n  * @shadowOnly false\n  */\n  height: var(--zg-column-resize-height, 50%);\n  justify-content: center;\n  position: absolute;\n  right: 15px;\n  /**\n  * @memberof ZGColumnResize\n  * @var --zg-column-resize-top\n  * @description Sets the top position of the resize handle\n  * @see top\n  * @default 30%\n  * @demoLink https://app.zingsoft.com/demos/create/02YVWHW2\n  * @shadowOnly false\n  */\n  top: var(--zg-column-resize-top, 25%);\n  /**\n  * @memberof ZGColumnResize\n  * @var --zg-column-resize-width\n  * @description Sets the width of the resize handle\n  * @see width\n  * @default 4px\n  * @demoLink https://app.zingsoft.com/demos/create/2BTZFOU2\n  * @shadowOnly false\n  */\n  width: var(--zg-column-resize-width, auto);\n}\n\n:host([dir="rtl"]) {\n  left: 15px;\n  right: unset;\n}\n\n/* When Pressed */\n:host(:active) {\n  background: var(--zg-column-resize-background_active, var(--theme-border-color));\n}\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n\n.zg-column-resize-handle zg-icon {\n  display: block;\n  height: 12px;\n  width: 12px;\n}\n\n.zg-column-resize-handle zg-icon svg {\n  fill: var(--zg-column-resize-color);\n}',""])},1840:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    display: table-column;\n}\n\n/* Hide if 'hidden' attribute applied */\n:host([hidden]) {\n    display: none;\n}\n\n\n/* Style the current column that is being reordered with `[drag]` */\n/* Hide if 'hidden' attribute applied */\n:host(.is-reordering) {\n  background: var(--theme-background-color);\n}\n\n/* Must explicitly unset `appearance` to avoid overrides from Bootstrap framework */\n:host([type=\"button\"]) {\n  appearance: unset !important;\n}\n\n",""])},7628:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  --zg-icon-color: var(--zg-control-bar-icon-color);\n\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-background\n  * @description Styles the background of control-bar\n  * @see background\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/8QU13CU5\n  * @shadowOnly true\n  */\n  background: var(--zg-control-bar-background);\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-border\n  * @description Styles the border of control-bar\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/A5JYDEGW\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-border-bottom\n  * @description Styles the bottom border of control-bar\n  * @see border\n  * @default var(--zg-control-bar-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/CWVOSQC7\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-control-bar-border-bottom, var(--zg-control-bar-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-border-left\n  * @description Styles the left border of control-bar\n  * @see border\n  * @default var(--zg-control-bar-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/QOCRCDUO\n  * @shadowOnly false\n  */\n  border-left: var(--zg-control-bar-border-left, var(--zg-control-bar-border, 0));\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-border-right\n  * @description Styles the right border of control-bar\n  * @see border\n  * @default var(--zg-control-bar-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/ZUGS5N4E\n  * @shadowOnly false\n  */\n  border-right: var(--zg-control-bar-border-right, var(--zg-control-bar-border, 0));\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-border-top\n  * @description Styles the top border of control-bar\n  * @see border\n  * @default var(--zg-control-bar-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/UBYLTINT\n  * @shadowOnly false\n  */\n  border-top: var(--zg-control-bar-border-top, var(--zg-control-bar-border, 0));\n  box-sizing: border-box;\n  display: block;\n  text-align: left;\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-margin\n  * @description Sets the margin of control-bar\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/S6MYCHEP\n  * @shadowOnly false\n  */\n  margin: var(--zg-control-bar-margin, 0);\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-min-height\n  * @description Sets the min-height of control bar\n  * @see min-height\n  * @default 30px\n  * @demoLink https://app.zingsoft.com/demos/create/9RT1IX7I\n  * @shadowOnly false\n  */\n  min-height: var(--zg-control-bar-min-height, 30px);\n /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-visibility\n  * @description Sets the visibility of component\n  * @see visibility\n  * @default visible\n  * @demoLink https://app.zingsoft.com/demos/create/NMVK94RD\n  * @shadowOnly false\n  */\n  visibility: var(--zg-control-bar-visibility, visible);\n\n  border-radius: var(--zg-control-bar-border-radius, 0);\n}\n/* Hide if it has [hidden] attribute */\n:host([hidden]) {\n  display: none;\n}\n\n/* Hide if it has [hidden] attribute */\n:host([hidden]) {\n  display: none;\n}\n\n/* SHADOW ELEMENT\n-------------------------------------- */\n/* Wrapper */\n.zg-control-bar {\n  align-items: center;\n  background: var(--zg-control-bar-background);\n  display: grid;\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-padding\n  * @description Sets the padding of control-bar\n  * @see padding\n  * @default 2px var(--theme-padding_x) 2px calc(var(--theme-padding_x) - 6px)\n  * @demoLink https://app.zingsoft.com/demos/create/WR596XPW\n  * @shadowOnly false\n  */\n  padding: var(--zg-control-bar-padding, 2px var(--theme-padding_x));\n  border-radius: var(--zg-control-bar-border-radius, 0);\n  grid-template-columns: fit-content(300px) 1fr fit-content(300px);\n}\n\n:host([layout="card"]) .zg-control-bar {\n  grid-template-columns: fit-content(75px) fit-content(300px) 1fr fit-content(300px);\n}\n\n.zg-control-bar-action {\n  /* min-width: 200px;*/\n  min-width: 160px;\n}\n\n/* \'Action\' Grouping - Select All, Delete All, etc. */\n.zg-control-bar-card-action {\n  align-items: center;\n  display: none;\n  margin-left: -14px;\n}\n:host([layout="card"]) .zg-control-bar-card-action {\n   display: flex; \n}\n\n/* \'Layout Type\' Grouping - Row or Card mode */\n.zg-control-bar-layout {\n  align-items: center;\n  display: flex;\n  flex: 1;\n  -grid-column: 3 / -1; /* Changed from 2 / -1 because once message moved to new row, this column would fill from col #2; we want from col #3 */\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-layout-justify-content\n  * @description Sets the horizontal alignment of contents in inner layout container\n  * @see justify-content\n  * @default flex-end\n  * @demoLink https://app.zingsoft.com/demos/create/RY0BD0RX\n  * @shadowOnly true\n  */\n  justify-content: var(--zg-control-bar-layout-justify-content, flex-end);\n  \n}\n.zg-control-bar-layout:before {\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-layout-content\n  * @description Sets the before \'content\' of inner layout container\n  * @see content\n  * @default ""\n  * @demoLink https://app.zingsoft.com/demos/create/MXM9N5T5\n  * @shadowOnly false\n  */\n  content: var(--zg-control-bar-layout-content, \'\');\n  font-size: 80%;\n  margin-left: -4px;\n  margin-right: 7px;\n}\n\n/* SLOTTED ELEMENTS\n---------------------------------------- */\n/* Select All cell */\n:host ::slotted(zg-checkbox) {\n  margin-left: 6px;\n  font-size: 90%;\n  transform: translateY(2.5px);\n}\n\n:host ::slotted(zg-separator) {\n  background-color: color-mix(in srgb, var(--theme-color-primary), white );\n  height: 13px;\n  margin: 0 0 0 8px;\n  overflow: hidden;\n  transform: translateY(7px);\n  display:none;\n  width: 0;\n}\n\n:host([dir="rtl"]) ::slotted(zg-separator) {\n  margin: 0 8px 0 0;\n}\n\n:host([dir="rtl"]) .zg-control-bar-action {\n  text-align: right;\n}\n\n:host ::slotted(#afterselect) {\n  transform: translateY(4.5px);\n  margin-right: 8px;\n}\n\n:host([batch-edit][create]) ::slotted(#beforeedit),\n:host([batch-edit]) ::slotted(#afterselect),\n:host([create]) ::slotted(#afterselect) {\n  display: inline-block;\n  width: 1px;\n}\n\n/* Hide the card mode separator if no selector is set */\n:host(:not([internal-selector])) ::slotted(#afterselect) {\n  display: none;\n}\n\n/* Batch Edit Text Label */\n:host ::slotted(zg-text) {\n  display: none;\n  padding-left: 8px;\n  padding-right: 5px;\n  font-size: 90%;\n  transform: translateY(4px);\n}\n:host([batch-edit-active]) ::slotted(zg-text) {\n  display: inline-block;\n}\n\n/* Edit Buttons */\n:host ::slotted(zg-button[action^="batch"]),\n:host ::slotted(zg-button[action$="record"]) {\n  transform: translateY(2.5px);\n}\n\n/* -- \'Batch Edit\' only */\n:host([create]) ::slotted(zg-button[action="batchedit"]) {\n  margin-inline-start: 8px;\n}\n/* -- Save Button */\n:host ::slotted(zg-button[action="batcheditsave"]) {\n  --zg-button-color: green;\n  --zg-icon-color: green;\n  margin-inline-end: 4px;\n}\n\n:host ::slotted(#unsaved) {\n  color: var(--zg-watermark-color);\n  display: inline-flex;\n  transform: translateY(1px);\n}\n\n:host([batch-edit-long-message]) .zg-control-bar-message {\n  grid-row: 2;\n  padding: 5px 0;\n  grid-column: 1 / -1;\n}\n\n:host([batch-edit-long-message]) ::slotted(#unsaved) {\n  line-height: 18px;\n}',""])},400:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {}",""])},6184:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  --zg-icon-height: 25px;\n  --zg-icon-width: 25px;\n}\n:host([open]) {}\n\n/* ELEMENTS\n-------------------------------------- */\n\n/* <dialog> content area */\n.zg-dialog-dialog {\n  align-items: center;\n  background: rgba(0, 0, 0, .6);\n  border: 0;\n  box-sizing: border-box;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  left: 0;\n  opacity: 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n  pointer-events: none;\n  position: fixed;\n  text-align: left;\n  top: 0;\n  transform: scale(1.05);\n  transition: opacity .2s,transform .1s;\n  visibility: hidden;\n  width: 100%;\n  z-index: 99999999;\n} \n.zg-dialog-dialog[open] {\n  cursor: pointer;\n  opacity: 1;\n  pointer-events: all;\n  transform: scale(1);\n  visibility: visible;\n}\n/* \n  Constrain the dialog \'mask\' to the dimensions of the grid\n  instead of device fullscreen.\n  NOTE: Also when in this mode, we don\'t block <body> scrolling (ZGDialog.js)\n*/\n:host([internal-attach]) .zg-dialog-dialog {\n  position: absolute;\n}\n\n.zg-dialog-form {\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-background\n  * @description Styles the background of dialog header\n  * @see background\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/7PR4SRRW\n  * @shadowOnly true\n  */\n  background: var(--zg-dialog-background, #fff);\n  border-radius: 2px;\n  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3), 0 4px 8px -4px rgba(0, 0, 0, 0.3);\n  cursor: default;\n  display: block;\n  left: 50% !important;\n  max-height: 80%;\n  max-width: 30rem;\n  overflow: auto;\n  padding: 1.5rem;\n  position: absolute;\n  top: 50% !important;\n  transform: translate(-50%, -50%);\n  width: 80%;\n  z-index: 100;\n}\n\n\n/* HEADER\n-------------------------------------- */\n.zg-dialog-header {\n  align-items: center;\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-background\n  * @description Styles the background of dialog header\n  * @see background\n  * @default var(--zg-dialog-background)\n  * @demoLink https://app.zingsoft.com/demos/create/G03K1B6P\n  * @shadowOnly true\n  */\n  background: var(--zg-dialog-header-background, var(--zg-dialog-background));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-border\n  * @description Styles the border of dialog header\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/FTZ4O6XG\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-border-bottom\n  * @description Styles the bottom border of dialog header\n  * @see border\n  * @default var(--zg-dialog-header-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/MGVKXZG2\n  * @shadowOnly true\n  */\n  border-bottom: var(--zg-dialog-header-border-bottom, var(--zg-dialog-header-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-border-left\n  * @description Styles the left border of dialog header\n  * @see border\n  * @default var(--zg-dialog-header-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/RW53U4MG\n  * @shadowOnly true\n  */\n  border-left: var(--zg-dialog-header-border-left, var(--zg-dialog-header-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-border-right\n  * @description Styles the right border of dialog header\n  * @see border\n  * @default var(--zg-dialog-header-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/J0L1R6CU\n  * @shadowOnly true\n  */\n  border-right: var(--zg-dialog-header-border-right, var(--zg-dialog-header-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-border-top\n  * @description Styles the top border of dialog header\n  * @see border\n  * @default var(--zg-dialog-header-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/PJO7AU08\n  * @shadowOnly true\n  */\n  border-top: var(--zg-dialog-header-border-top, var(--zg-dialog-header-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-color\n  * @description Sets the font folor of dialog header\n  * @see color\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/9HFIZO8V\n  * @shadowOnly true\n  */\n  color: var(--zg-dialog-header-color);\n  display: flex;\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-margin\n  * @description Sets the margin of dialog header\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/VBZX6FJF\n  * @shadowOnly true\n  */\n  margin: var(--zg-dialog-header-margin, 0);\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-padding\n  * @description Sets the padding of dialog header\n  * @see padding\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/W0RHP8WF\n  * @shadowOnly true\n  */\n  padding: var(--zg-dialog-header-padding, 0);\n}\n\n/* HEADER LABEL */\n.zg-dialog-label {\n  flex: 1;\n}\n\n\n/* BODY\n-------------------------------------- */\n.zg-dialog-body {\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-background\n  * @description Styles the background of dialog body\n  * @see background\n  * @default var(--zg-dialog-background)\n  * @demoLink https://app.zingsoft.com/demos/create/179BYIFU\n  * @shadowOnly true\n  */\n  background: var(--zg-dialog-body-background, var(--zg-dialog-background));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-border\n  * @description Styles the border of dialog body\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/QBM0OIM8\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-border-bottom\n  * @description Styles the bottom border of dialog body\n  * @see border\n  * @default var(--zg-dialog-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/V7GPBX6Y\n  * @shadowOnly true\n  */\n  border-bottom: var(--zg-dialog-body-border-bottom, var(--zg-dialog-body-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-border-left\n  * @description Styles the left border of dialog body\n  * @see border\n  * @default var(--zg-dialog-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/UT7PLIJD\n  * @shadowOnly true\n  */\n  border-left: var(--zg-dialog-body-border-left, var(--zg-dialog-body-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-border-right\n  * @description Styles the right border of dialog body\n  * @see border\n  * @default var(--zg-dialog-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/3N8I2IAV\n  * @shadowOnly true\n  */\n  border-right: var(--zg-dialog-body-border-right, var(--zg-dialog-body-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-border-top\n  * @description Styles the top border of dialog body\n  * @see border\n  * @default var(--zg-dialog-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/P5NH1SU5\n  * @shadowOnly true\n  */\n  border-top: var(--zg-dialog-body-border-top, var(--zg-dialog-body-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-margin\n  * @description Sets the margin of dialog body\n  * @see margin\n  * @default 10px 0\n  * @demoLink https://app.zingsoft.com/demos/create/JWPAD3TC\n  * @shadowOnly true\n  */\n  margin: var(--zg-dialog-body-margin, 0);\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-padding\n  * @description Sets the padding of dialog body\n  * @see padding\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/Z8DLXRVR\n  * @shadowOnly true\n  */\n  padding: var(--zg-dialog-body-padding, 0);\n}\n\n.zg-dialog-body[has-text] {\n  /* Don\'t add JSDoc info, it is already set above */\n  border-top: var(--zg-dialog-body-border-top, var(--zg-dialog-body-border, 1px solid var(--theme-border-color)));\n  margin: var(--zg-dialog-body-margin, 10px 0 0);\n  padding: var(--zg-dialog-body-padding, 1.25rem 0 0);\n}\n\n.zg-dialog-body[has-error] {\n  padding-top: 10px;\n}\n\n.zg-dialog-error {\n  display: none;\n  color: red;\n}\n\n.zg-dialog-body[has-error] .zg-dialog-error {\n  display: flex;\n}\n\n/* Details Row Wrapper */\n.zg-dialog-body-details-row > :first-child { margin-top:0; }\n.zg-dialog-body-details-row > :last-child { margin-bottom:0; }\n\n/* Icon Row Wrapper */\n.zg-dialog-body-icon-row {\n  align-items: flex-start;\n  display: flex;\n  margin-bottom: -6px;\n}\n.zg-dialog-body-icon-row p { margin:0; }\n\n/* Content Wrapper */\n.zg-dialog-body-content { flex:1; line-height:1.3; }\n\n/*  Insert and Edit Styles \n    Taken from ZGEditorRow.css */\n/* LABEL / INPUT WRAPPER */\n.zg-dialog-editor-row-inputs,\n.zg-dialog-editor-row-inputs * {\n  box-sizing: border-box;\n}\n/* Note: 2 column by default, 1 column in \'mobile\' viewport */\n.zg-dialog-editor-row-inputs {\n  display: var(--zg-dialog-editor-row-display, grid);\n  grid-column-gap: var(--zg-dialog-editor-row-column-gap, 1rem);\n  grid-template-columns: var(--zg-dialog-editor-row-grid-template-columns, repeat(2, 1fr));\n  flex-flow: var(--zg-dialog-editor-row-flex-flow, row wrap);\n  justify-content: var(--zg-dialog-editor-row-justify-content, space-between);\n}\n\n/* LABEL */\n.zg-dialog-editor-row-inputs label {\n  display: block;\n  position: absolute;\n}\n.zg-dialog-editor-row-inputs label {\n  /* When editing indiv cell in card mode, make cell full width */\n  display: block;\n  margin: 1rem 0 0;\n  position: relative;\n}\n.zg-dialog-editor-row-inputs label span {\n  color: var(--zg-editor-row-label-color, #949494);\n  font-size: var(--zg-editor-row-label-font-size, 12px);\n}\n/*  This must be id or class based and not tagged based or else we have the possibility of hiding user span tags */\n.zg-dialog-editor-row-inputs label .editorRowFieldLabelContent {\n  display: block;\n}\n.zg-dialog-editor-row-inputs label span {\n  display: block;\n  margin-bottom: 4px;\n  text-transform: capitalize;\n}\n\n/* INPUT */\n.zg-dialog-editor-row-inputs input {\n  background: var(--zg-input-background, #fff);\n  box-shadow: var(--zg-box-shadow, none);\n  box-sizing: border-box;\n  border-bottom: var(--zg-input-border-bottom, var(--zg-input-border, 1px solid var(--theme-border-color)));\n  border-left: var(--zg-input-border-left, var(--zg-input-border, 0));\n  border-right: var(--zg-input-border-right, var(--zg-input-border, 0));\n  border-top: var(--zg-input-border-top, var(--zg-input-border, 0));\n  color: var(--zg-input-color, var(--theme-color));\n  font-family: var(--zg-input-font-family, inherit);\n  font-size: var(--zg-input-font-size, inherit);\n  font-style: var(--zg-input-font-style, inherit);\n  font-weight: var(--zg-input-font-weight, inherit);\n  height: var(--zg-input-height, 28px);\n  line-height: var(--zg-input-line-height, inherit);\n  margin: var(--zg-input-margin, 0);\n  padding: var(--zg-editor-row-input-padding_modal, var(--zg-editor-row-input-padding, var(--zg-input-padding, 0)));\n  text-align: var(--zg-input-text-align, left);\n  transform: var(--zg-editor-row-input-transform, var(--zg-input-transform));\n  width: 100%;\n}\n\n.zg-dialog-editor-row-inputs select, textarea {\n  margin: var(--zg-input-margin, 5px 0 0 0);\n}\n\n/* -- :FOCUS */\n.zg-dialog-editor-row-inputs input:focus {\n  background: var(--zg-editor-row-input-background_modal_focus, var(--zg-input-background_focus, var(--zg-input-background, #fff))) !important;\n  border-bottom: var(--zg-editor-row-input-border-bottom_modal_focus, var(--zg-editor-row-input-border-bottom_focus, 1px solid rgba(82, 168, 236, 0.8)));\n  border-left: var(--zg-editor-row-input-border-left_modal_focus, var(--zg-editor-row-input-border-left_focus));\n  border-top: var(--zg-editor-row-input-border-top_modal_focus, var(--zg-editor-row-input-border-top_focus));\n  box-shadow: var(--zg-editor-row-input-box-shadow_modal_focus, none);\n  color: var(--zg-editor-row-input-color_modal_focus, var(--zg-editor-row-input-color_focus));\n  font-size: var(--zg-editor-row-input-font-size_modal_focus, var(--zg-editor-row-input-font-size_focus));\n  outline: none;\n  transform: var(--zg-editor-row-input-transform_focus, var(--zg-input-transform_focus));\n}\n\n.zg-dialog-editor-row-inputs .zg-validation-error {\n  background-color: red;\n  border-color: red;\n}\n\n/* TYPE: RADIO */\n.zg-dialog-editor-row-inputs .zg-editor-row-radio-wrap {\n  display: flex;\n  flex-direction: column;\n  padding: .5rem 0;\n}\n.zg-dialog-editor-row-inputs .zg-editor-row-radio-wrap > :first-child {\n  margin-top: 0; \n}\n.zg-dialog-editor-row-inputs .zg-editor-row-radio-wrap label {\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n  max-width: none;\n  margin-top:.75rem;\n}\n.zg-dialog-editor-row-inputs .zg-editor-row-radio-wrap input {\n  height: 14px;\n  width: 14px;\n}\n.zg-dialog-editor-row-inputs .zg-editor-row-radio-wrap span {\n  margin: 0 0 0 5px;\n}\n\n.zg-dialog-body-batch-edit,\n.zg-dialog-body-icon-row p {\n  color: var(--zg-dialog-body-color, #000);\n}\n\n\n/* FOOTER\n-------------------------------------- */\n.zg-dialog-footer {\n  align-items: center;\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-background\n  * @description Styles the background of dialog footer\n  * @see background\n  * @default var(--zg-dialog-background)\n  * @demoLink https://app.zingsoft.com/demos/create/H27KMSA5\n  * @shadowOnly true\n  */\n  background: var(--zg-dialog-footer-background, var(--zg-dialog-background));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-border\n  * @description Styles the border of dialog footer\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/IW16P1T1\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-border-bottom\n  * @description Styles the bottom border of dialog footer\n  * @see border\n  * @default var(--zg-dialog-footer-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/Q7VVGHZT\n  * @shadowOnly true\n  */\n  border-bottom: var(--zg-dialog-footer-border-bottom, var(--zg-dialog-footer-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-border-left\n  * @description Styles the left border of dialog footer\n  * @see border\n  * @default var(--zg-dialog-footer-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/XWEQTFFE\n  * @shadowOnly true\n  */\n  border-left: var(--zg-dialog-footer-border-left, var(--zg-dialog-footer-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-border-right\n  * @description Styles the right border of dialog footer\n  * @see border\n  * @default var(--zg-dialog-footer-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/ZSDQ13MP\n  * @shadowOnly true\n  */\n  border-right: var(--zg-dialog-footer-border-right, var(--zg-dialog-footer-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-border-top\n  * @description Styles the top border of dialog footer\n  * @see border\n  * @default var(--zg-dialog-footer-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/PJRFHAGU\n  * @shadowOnly true\n  */\n  border-top: var(--zg-dialog-footer-border-top, var(--zg-dialog-footer-border, 1px solid var(--theme-border-color)));\n  display: flex;\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-justify-content\n  * @description Sets the horizontal alignment of contents in dialog footer\n  * @see justify-content\n  * @default flex-end\n  * @demoLink https://app.zingsoft.com/demos/create/CNK0M0O8\n  * @shadowOnly true\n  */\n  justify-content: var(--zg-dialog-footer-justify-content, flex-end);\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-margin\n  * @description Sets the margin of dialog footer\n  * @see margin\n  * @default 1.25rem 0 0\n  * @demoLink https://app.zingsoft.com/demos/create/EJ1GWKJR\n  * @shadowOnly true\n  */\n  margin: var(--zg-dialog-footer-margin, 1.25rem 0 0);\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-padding\n  * @description Sets the padding of dialog footer\n  * @see padding\n  * @default .875rem 0 0\n  * @demoLink https://app.zingsoft.com/demos/create/QHF0OT6N\n  * @shadowOnly true\n  */\n  padding: var(--zg-dialog-footer-padding, .875rem 0 0);\n}\n\n/* Using explicit class names here instead of `.zg-dialog-footer button` to avoid specificity */\n.zg-dialog-cancel,\n.zg-dialog-confirm {\n  border-radius: 2px;\n  color: #fff;\n  cursor: pointer;\n  font-size: .875rem;\n  padding: .5rem .625rem;\n  text-transform: uppercase;\n}\n.zg-dialog-cancel {\n  background: var(--zg-dialog-cancel-background, var(--zg-dialog-button-backround, var(--theme-color-lighter)));\n  border-bottom: var(--zg-dialog-cancel-border-bottom, var(--zg-dialog-button-border-bottom, 1px solid var(--theme-border-color)));\n  border-left: var(--zg-dialog-cancel-border-left, var(--zg-dialog-button-border-left, 1px solid var(--theme-border-color)));\n  border-right: var(--zg-dialog-cancel-border-right, var(--zg-dialog-button-border-right, 1px solid var(--theme-border-color)));\n  border-top: var(--zg-dialog-cancel-border-top, var(--zg-dialog-button-border-top, 1px solid var(--theme-border-color)));\n  color: red;\n}\n.zg-dialog-confirm {\n  background: var(--zg-dialog-confirm-background, var(--zg-dialog-button-backround, var(--theme-color-primary)));\n  border-bottom: var(--zg-dialog-confirm-border-bottom, var(--zg-dialog-button-border-bottom, 1px solid var(--theme-color-primary)));\n  border-left: var(--zg-dialog-confirm-border-left, var(--zg-dialog-button-border-left, 1px solid var(--theme-color-primary)));\n  border-right: var(--zg-dialog-confirm-border-right, var(--zg-dialog-button-border-right, 1px solid var(--theme-color-primary)));\n  border-top: var(--zg-dialog-confirm-border-top, var(--zg-dialog-button-border-top, 1px solid var(--theme-color-primary)));\n  margin-left: 10px;\n}\n\n:host([dir="rtl"]) .zg-dialog-confirm {\n  margin-right: 10px;\n}\n\n/* Close Button */\n.zg-dialog-close {\n  background: var(--zg-dialog-close-background);\n  border: var(--zg-dialog-close-border, 1px solid var(--theme-border-color));\n  border-bottom: var(--zg-dialog-close-border-bottom, 1px solid var(--theme-border-color));\n  border-left: var(--zg-dialog-close-border-left, 1px solid var(--theme-border-color));\n  border-right: var(--zg-dialog-close-border-right, 1px solid var(--theme-border-color));\n  border-top: var(--zg-dialog-close-border-top, 1px solid var(--theme-border-color));\n  border-radius: var(--zg-dialog-close-border-radius, 4px);\n  color: var(--zg-dialog-close-color, var(--zing-grid-color));\n  cursor: pointer;\n  font-size: .875rem;\n  height: 28px;\n  text-transform: uppercase;\n  width: 28px;\n}\n.zg-dialog-close:hover {\n  background: var(--zg-dialog-close-background_hover, var(--zg-dialog-close-backgroun));\n  border: var(--zg-dialog-close-border_hover, var(--zg-dialog-close-border));\n  border-bottom: var(--zg-dialog-close-border-bottom_hover, var(--zg-dialog-close-border-bottom, 1px solid var(--theme-border-color)));\n  border-left: var(--zg-dialog-close-border-left_hover, var(--zg-dialog-close-border-left, 1px solid var(--theme-border-color)));\n  border-right: var(--zg-dialog-close-border-right_hover, var(--zg-dialog-close-border-right, 1px solid var(--theme-border-color)));\n  border-top: var(--zg-dialog-close-border-top_hover, var(--zg-dialog-close-border-top, 1px solid var(--theme-border-color)));\n  border-radius: var(--zg-dialog-close-border-radius_hover, var(--zg-dialog-close-border-radius, 4px));\n  color: var(--zg-dialog-close-color_hover, var(--zg-dialog-close-color, var(--zing-grid-color)));\n}\n\n\n/* SLOTTED CONTENT\n-------------------------------------- */\n\n/* Icon */\n:host ::slotted(zg-icon) {\n  height: var(--zg-icon-width);\n  margin-right: 15px;\n  width: var(--zg-icon-width);\n  transform: translateY(-3px);\n}\n:host ::slotted(zg-icon[name="error"]) {\n  --zg-icon-color: var(--theme-color-alert);\n}\n:host ::slotted(zg-icon[name="success"]) {\n  --zg-icon-color: var(--theme-color-success);\n}\n:host ::slotted(zg-icon[name="warning"]) {\n  --zg-icon-color: var(--theme-color-warn);\n}',""])},9003:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF (DEFAULT \'INLINE\' STYLE)\n-------------------------------------- */\n/* Not active state */\n/* The following css messes up dir=rtl  Everything seems fine without this CSS */\n /* :host {\n  position: absolute;\n  top: 0;\n} */\n\n/* Active from single-cell click */\n:host([active-cell-edit]) {\n  display: block;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* FORM */\n.zg-editor-row-wrapper {\n  box-sizing: border-box;\n  position: absolute;\n}\n\n/* LABEL / INPUT WRAPPER */\n.zg-editor-row-inputs,\n.zg-editor-row-inputs * {\n  box-sizing: border-box;\n}\n\n/* LABEL */\n.zg-editor-row-inputs label {\n  display: block;\n  position: absolute;\n  background: var(--zg-editor-row-input-background, #f5f5f5);\n}\n\n/*  This must be id or class based and not tagged based or else we have the possibility of hiding user span tags */\n.zg-editor-row-inputs label .editorRowFieldLabelContent {\n  display: none;\n}\n\n/* INPUT */\n.zg-editor-row-inputs input,\n.zg-editor-row-inputs input:focus {\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-background\n  * @description Styles the background of editor row\n  * @see background\n  * @default #f5f5f5\n  * @demoLink https://app.zingsoft.com/demos/create/3EBBN3A3\n  * @shadowOnly true\n  */\n  background: var(--zg-editor-row-input-background, #f5f5f5);\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-border\n  * @description Styles the border of editor row\n  * @see border\n  * @default 1px solid rgba(82, 168, 236, 0.8)\n  * @demoLink https://app.zingsoft.com/demos/create/O48B8R6Z\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-border-bottom\n  * @description Styles the bottom border of editor row\n  * @see border\n  * @default var(--zg-editor-row-input-border, 1px solid rgba(82, 168, 236, 0.8))\n  * @demoLink https://app.zingsoft.com/demos/create/9P6CXB0Q\n  * @shadowOnly true\n  */\n  border-bottom: var(--zg-editor-row-input-border-bottom, var(--zg-editor-row-input-border, 1px solid rgba(82, 168, 236, 0.8)));\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-border-left\n  * @description Styles the left border of editor row\n  * @see border\n  * @default var(--zg-editor-row-input-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/VF347SF8\n  * @shadowOnly true\n  */\n  border-left: var(--zg-editor-row-input-border-left, var(--zg-editor-row-input-border, 0));\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-border-right\n  * @description Styles the right border of editor row\n  * @see border\n  * @default var(--zg-editor-row-input-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/8OAHGLVE\n  * @shadowOnly true\n  */\n  border-right: var(--zg-editor-row-input-border-right, var(--zg-editor-row-input-border, 0));\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-border-top\n  * @description Styles the top border of editor row\n  * @see border\n  * @default var(--zg-editor-row-input-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/MA8A06J7\n  * @shadowOnly true\n  */\n  border-top: var(--zg-editor-row-input-border-top, var(--zg-editor-row-input-border, 0));\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-color\n  * @description Sets the font color of editor row\n  * @see color\n  * @default var(--zg-editor-row-input-color, #fff)\n  * @demoLink https://app.zingsoft.com/demos/create/QYZBZUVA\n  * @shadowOnly true\n  */\n  color: var(--zg-editor-row-input-color, #003749);\n  font-family: var(--zg-cell-font-family);\n  font-size: var(--zg-cell-font-size);\n  display: none;\n  height: 100%;\n  margin: 0;\n  outline: none;\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-padding\n  * @description Sets the padding of editor row\n  * @see padding\n  * @default 12px 15px\n  * @demoLink https://app.zingsoft.com/demos/create/9Q07P5B1\n  * @shadowOnly true\n  */\n  padding: var(--zg-editor-row-input-padding, 12px 15px);\n  transform: var(--zg-editor-row-input-transform, var(--zg-input-transform));\n  transition: font-size .5s;\n  width: calc(100% - 1px);\n}\n.zg-editor-row-inputs input:focus {\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-background_focus\n  * @default var(--theme-color-lighter)\n  * @description Styles the background of editor row input on focus\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/TUH8OZBD\n  * @shadowOnly true\n  */\n  background: var(--zg-editor-row-input-background_focus, var(--theme-color-lighter)) !important;\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-box-shadow_focus\n  * @default inset 0 0 5px #ccc\n  * @description Applies a box shadow behind editor row input on focus\n  * @see box-shadow\n  * @demoLink https://app.zingsoft.com/demos/create/NAS5WQHN\n  * @shadowOnly true\n  */\n  box-shadow: var(--zg-editor-row-input-box-shadow_focus, inset 0 0 5px #ccc);\n}\n/* Inline or Card mode \'active\' state */\n:host([active]) .zg-editor-row-inputs input:not([type="radio"]) {\n  display: block;\n}\n/* Input styling when \'edit row\' option selected */\n:host([active-cell-edit]) .zg-editor-row-inputs input,\n:host([active-row-edit]) .zg-editor-row-inputs input {\n  /* Defined below */\n  background: var(--zg-editor-row-input-background, var(--theme-color-primary));\n  /* Defined Below */\n  color: var(--zg-editor-row-input-color, #fff);\n}\n:host([active-cell-edit]) .zg-editor-row-inputs input,\n:host([active-row-edit]) .zg-editor-row-inputs input:focus {\n  /* Defined Below */\n  color: var(--zg-editor-row-input-color, var(--theme-color));\n}\n\n:host([active-cell-edit]) .zg-editor-row-inputs .zg-validation-error,\n:host([active-row-edit]) .zg-editor-row-inputs .zg-validation-error {\n  background: red;\n  border-color: red;\n}\n\n/* TYPE: COLOR */\n.zg-editor-row-inputs .zg-editor-row-color-wrap {\n  align-items:center;\n}\n/* color wrapper label */\n.zg-editor-row-inputs .zg-editor-row-color-label {\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  position: relative;\n}\n.zg-editor-row-inputs .zg-editor-row-color-label + .zg-editor-row-color-label {\n  margin-left: 10px;\n}\n/* color input */\n.zg-editor-row-inputs .zg-editor-row-color-picker {\n  background: none;\n  border: 1px solid transparent;\n  border-radius: 2px;\n  cursor: pointer;\n  display: inline-block;\n  height: 16px;\n  width: 16px;\n  padding: 0;\n}\n:host([active]) .zg-editor-row-inputs input[type="color"] {\n  visibility: hidden;\n  height: 100%;\n  width: 100%;\n}\n:host([active]) .zg-editor-row-inputs .zg-editor-row-color-picker + span {\n  padding-left: 7px;\n}\n\n/* TYPE: RADIO */\n/* Radio wrapper */\n.zg-editor-row-inputs .zg-editor-row-color-wrap,\n.zg-editor-row-inputs .zg-editor-row-radio-wrap {\n  background: var(--zg-editor-row-input-background_focus, var(--theme-color-lighter));\n  border-bottom: var(--zg-editor-row-input-border-bottom, var(--zg-editor-row-input-border, 1px solid rgba(82, 168, 236, 0.8)));\n  box-shadow: var(--zg-editor-row-input-box-shadow_focus, inset 0 0 5px #ccc);\n  display: flex;\n  height: 100%;\n  padding: 0 0 0 var(--theme-padding_x);\n}\n/* Radio wrapper label */\n.zg-editor-row-inputs .zg-editor-row-radio-label {\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  position: relative;\n  background: transparent;\n}\n.zg-editor-row-inputs .zg-editor-row-radio-label + .zg-editor-row-radio-label {\n  margin-left: 10px;\n}\n/* Radio input */\n:host([active]) .zg-editor-row-inputs input[type="radio"] {\n  border-radius: 50%;\n  cursor: pointer;\n  display: inline-block;\n  height: 14px;\n  width: 14px;\n}\n:host([active]) .zg-editor-row-inputs input[type="radio"] + span {\n  padding-left: 5px;\n}\n\n/* SELECT */\n.zg-editor-row-inputs select {\n  cursor: pointer;\n  height: calc(100% - 10px);\n  font-size: var(--zing-grid-font-size);\n  margin: 5px;\n  text-indent: 8px;\n  width: calc(100% - 5px);\n}\n/* Multi-select */\n.zg-editor-row-inputs select[multiple] option {\n  padding: 2px 0;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n',""])},1538:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  background-clip: padding-box;\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-background\n  * @description Styles the background of filter\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/G1WKUNFJ\n  * @shadowOnly false\n  */\n  background: var(--zg-filter-background);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-border\n  * @description Styles the border of filter\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/MTNYLV9O\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-border-bottom\n  * @description Styles the bottom border of filter\n  * @see border\n  * @default var(--zg-filter-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/6OQCF137\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-filter-border-bottom, var(--zg-filter-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-border-left\n  * @description Styles the left border of filter\n  * @see border\n  * @default var(--zg-filter-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/9Z63KCAD\n  * @shadowOnly false\n  */\n  border-left: var(--zg-filter-border-left, var(--zg-filter-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-border-right\n  * @description Styles the right border of filter\n  * @see border\n  * @default var(--zg-filter-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/YDKKR5TJ\n  * @shadowOnly false\n  */\n  border-right: var(--zg-filter-border-right, var(--zg-filter-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-border-top\n  * @description Styles the top border of filter\n  * @see border\n  * @default var(--zg-filter-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/I2QLWMWS\n  * @shadowOnly false\n  */\n  border-top: var(--zg-filter-border-top, var(--zg-filter-border, 1px solid var(--theme-border-color)));\n  box-sizing: border-box;\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-color\n  * @description Sets the font color of text inputted in filter\n  * @see color\n  * @default var(--theme-color_alt)\n  * @demoLink https://app.zingsoft.com/demos/create/E7L28DOF\n  * @shadowOnly false\n  */\n  color: var(--zg-filter-color, var(--theme-color_alt));\n  display: table-cell;\n  overflow: hidden;\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-height\n  * @description Sets the height of filter\n  * @see height\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/QCSOKQE2\n  * @shadowOnly true\n  */\n  height: var(--zg-filter-height);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-padding\n  * @description Sets the padding of the filter\n  * @see padding\n  * @default A cell's left and right padding\n  * @demoLink https://app.zingsoft.com/demos/create/2LNX65ZJ\n  * @shadowOnly true\n  */\n  padding: var(--zg-filter-padding, 0);\n  position: relative;\n  text-align: left;\n  vertical-align: middle;\n  /* The z-index here and on zg-head-cell is necessary for vertical grid lines with frozen columns */\n  z-index: 1;\n}\n\n/* When parent column is currently sorted */\n:host([sorted]) {\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-background_sorted\n  * @description Styles the background color of filter when the column in sorted\n  * @see background-color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/WX39XEJ1\n  * @shadowOnly false\n  */\n  background-color: var(--zg-filter-background_sorted);\n  border-bottom: var(--zg-filter-border-bottom_sorted);\n  border-left: var(--zg-filter-border-left_sorted);\n  border-right: var(--zg-filter-border-right_sorted);\n  border-top: var(--zg-filter-border-top_sorted);\n}\n\n/* Hide if 'hidden' attribute applied */\n:host([hidden]) {\n  display: none;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Wrapper */\n.zg-filter-wrapper {\n  align-items: center;\n  display: flex;\n  height: var(--zg-filter-height);\n}\n\n/* Inner Wrapper */\n.zg-filter-inner {\n  align-items: center;\n  display: inline-flex;\n  height: 100%;\n  justify-content: flex-start;\n  vertical-align: middle;\n  width: 100%;\n}\n\n/* FILTER INPUT CELL ALIGNMENT */\n/* Center */\n:host([align=\"center\"]) .zg-filter-inner {\n  justify-content: center;\n}\n\n/* Left - Note: This is the current default and can be omitted */\n:host([align=\"left\"]) .zg-filter-inner {\n  justify-content: flex-start;\n}\n\n/* Right */\n:host([align=\"right\"]) .zg-filter-inner {\n  justify-content: flex-end;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(div) {\n  width: 100%;\n}\n\n/* FILTER: INPUT */\n/* TODO: Somewhere it is hardcoding an inline 'width' style. This should be removed */\n:host ::slotted(input) {\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-background\n  * @description Styles the background of input field in filter\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  * @shadowOnly false\n  */\n  background: var(--zg-filter-input-background);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border\n  * @description Styles the border of input field in filter\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/SXRIBL17\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-bottom\n  * @description Styles the bottom border of input field in filter\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/Z1COSRGD\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-filter-input-border-bottom, var(--zg-filter-input-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-left\n  * @description Styles the left border of input field in filter\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/2Z1YS7PH\n  * @shadowOnly false\n  */\n  border-left: var(--zg-filter-input-border-left, var(--zg-filter-input-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-right\n  * @description Styles the right border of input field in filter\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/JD0COXK4\n  * @shadowOnly false\n  */\n  border-right: var(--zg-filter-input-border-right, var(--zg-filter-input-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-top\n  * @description Styles the top border of input field in filter\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/KRUW31YG\n  * @shadowOnly false\n  */\n  border-top: var(--zg-filter-input-border-top, var(--zg-filter-input-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-radius\n  * @description Applies a border radius to filter input\n  * @default Browser's default value\n  * @see border-radius\n  * @demoLink https://app.zingsoft.com/demos/create/6ILPV59X\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-filter-input-border-radius);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-color\n  * @description Styles the font color of text in input field of filter\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/0BWT9HA7\n  * @shadowOnly false\n  */\n  color: var(--zg-filter-input-color);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-font-size\n  * @description Sets the font size of filter input\n  * @default Browser's default value\n  * @see font-size\n  * @demoLink https://app.zingsoft.com/demos/create/04EEADGO\n  * @shadowOnly false\n  */\n  font-size: var(--zg-filter-input-font-size);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-height\n  * @description Sets the height of input field in filter. May need to set --zg-filter-height if input field is height is larger than height of filter.\n  * @see height\n  * @default 20px\n  * @demoLink https://app.zingsoft.com/demos/create/3E22SKBU\n  * @shadowOnly false\n  */\n  height: var(--zg-filter-input-height, 20px);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-margin\n  * @description Sets the margin of filter input\n  * @see margin\n  * @default 0 var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/0BWT9HA7\n  * @shadowOnly false\n  */\n  margin: var(--zg-filter-input-margin, 0 var(--theme-padding_x));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-padding\n  * @description Sets the padding of input field in filter. . May need to set --zg-filter-height if input field is height is larger than height of filter.\n  * @see padding\n  * @default 0 0 0 5px\n  * @demoLink https://app.zingsoft.com/demos/create/5GPABPO2\n  * @shadowOnly false\n  */\n  padding: var(--zg-filter-input-padding, 0 0 0 5px);\n  width: 70% !important;\n  max-width: 240px !important;\n}\n\n:host([dir=\"rtl\"]) ::slotted(input) {\n  padding: var(--zg-filter-input-padding, 0 5px 0 0);\n}\n\n:host([sorted]) ::slotted(input) {\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-background_sorted\n  * @description Styles the background of input field in filter when sorted\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/0TAT4J8P\n  * @shadowOnly false\n  */\n  background: var(--zg-filter-input-background_sorted, var(--zg-filter-input-background));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border_sorted\n  * @description Styles the border of input field in filter when sorted\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/MFR4CCYN\n  * @shadowOnly false\n  */\n  border: var(--zg-filter-input-border_sorted, var(--zg-filter-input-border));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-bottom_sorted\n  * @description Styles the bottom border of input field in filter when sorted\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/WFPS5S7O\n  * @shadowOnly false\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-filter-input-border-bottom_sorted, var(--zg-filter-input-border-bottom, var(--zg-filter-input-border_sorted, var(--zg-filter-input-border))));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-left_sorted\n  * @description Styles the left border of input field in filter when sorted\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/QRJ8CB5I\n  * @shadowOnly false\n  */\n  border-left: var(--zg-filter-input-border-left_sorted, var(--zg-filter-input-border-left, var(--zg-filter-input-border_sorted, var(--zg-filter-input-border, inherit))));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-right_sorted\n  * @description Styles the right border of input field in filter when sorted\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/IWA4XX9B\n  * @shadowOnly false\n  */\n  border-right: var(--zg-filter-input-border-right_sorted, var(--zg-filter-input-border-right, var(--zg-filter-input-border_sorted, var(--zg-filter-input-border, inherit))));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-top_sorted\n  * @description Styles the top border of input field in filter when sorted\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/O83MW4X2\n  * @shadowOnly false\n  */\n  border-top: var(--zg-filter-input-border-top_sorted, var(--zg-filter-input-border-top, var(--zg-filter-input-border_sorted, var(--zg-filter-input-border, inherit))));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-radius_sorted\n  * @description Applies border radius to filter input when sorted\n  * @default Browser's default value\n  * @see border-radius\n  * @demoLink https://app.zingsoft.com/demos/create/YLATIXYW\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-filter-input-border-radius_sorted, var(--zg-filter-input-border-radius));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-color_sorted\n  * @description Styles the font color of text in input field of filter when sorted\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/9GRVADYL\n  * @shadowOnly false\n  */\n  color: var(--zg-filter-input-color_sorted, var(--zg-filter-input-color));\n}\n\n:host ::slotted(input[type=\"checkbox\"]) {\n  width: 24px !important;\n}\n\n\n/* FILTER: SELECT */\n:host ::slotted(select) {\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-select-color\n  * @description Styles the font color of text in the select dropdown filter\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/9GRVADYL\n  * @shadowOnly false\n  */\n  color: var(--zg-filter-select-color, var(--zg-filter-input-color));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-select-font-size\n  * @description Sets the font size of the select dropdown filter\n  * @default Browser's default value\n  * @see font-size\n  * @demoLink https://app.zingsoft.com/demos/create/7GR5F9EJ\n  * @shadowOnly false\n  */\n  font-size: var(--zg-filter-select-font-size, var(--zg-filter-input-font-size));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-select-height\n  * @description Sets the height of the select dropdown filter\n  * @see height\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/1FM6QEGK\n  * @shadowOnly false\n  */\n  height: var(--zg-filter-select-height, var(--zg-filter-input-height));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-select-margin\n  * @description Sets the margin of the select dropdown filter\n  * @see margin\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/B8M40OM8\n  * @shadowOnly false\n  */\n  margin: var(--zg-filter-select-margin, var(--zg-filter-input-margin, 0 var(--theme-padding_x)));\n  width: var(--zg-filter-select-width, var(--zg-filter-input-width, 70%));\n}\n\n/* Style the current column that is being reordered with `[column-drag]` */\n:host(.is-reordering) {\n  background: var(--theme-background-color);\n}",""])},9530:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Wrapper */\n.zg-focus-wrapper {\n    left: 0;\n    position: absolute;\n    top: 0;\n}\n/* Border Elements */\n:host [class*="zg-focus-"] {\n    position: absolute;\n    z-index: 10;\n    /*transition: all var(--zg-focus-transition_speed, 0.1s);*/\n}\n.zg-focus-bottom {\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-border\n    * @description Styles the border of cells on focus\n    * @see border\n    * @default 2px solid var(--theme-color-primary)\n    * @demoLink https://app.zingsoft.com/demos/create/OBOGAYLI\n    * @shadowOnly true\n    */\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-border-bottom\n    * @description Sets the bottom border of cells on focus\n    * @see border\n    * @default var(--zg-focus-border, 2px solid var(--theme-color-primary))\n    * @demoLink https://app.zingsoft.com/demos/create/UKS4GLIB\n    * @shadowOnly true\n    */\n    border-bottom: var(--zg-focus-border-bottom, var(--zg-focus-border, 2px solid var(--theme-color-primary)));\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-bottom-transform\n    * @description Sets the transform of bottom border of cells on focus\n    * @see transform\n    * @default none\n    * @demoLink https://app.zingsoft.com/demos/create/463BLSLE\n    * @shadowOnly true\n    */\n    transform: var(--zg-focus-bottom-transform, none);\n}\n.zg-focus-left {\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-border-left\n    * @description Sets the left border of cells on focus\n    * @see border\n    * @default var(--zg-focus-border, 2px solid var(--theme-color-primary))\n    * @demoLink https://app.zingsoft.com/demos/create/0S69YQQ1\n    * @shadowOnly true\n    */\n    border-left: var(--zg-focus-border-left, var(--zg-focus-border, 2px solid var(--theme-color-primary)));\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-left-transform\n    * @description Sets the transform of left border of cells on focus\n    * @see transform\n    * @default none\n    * @demoLink https://app.zingsoft.com/demos/create/KZ23KZP1\n    * @shadowOnly true\n    */\n    transform: var(--zg-focus-left-transform, none);\n}\n.zg-focus-right {\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-border-right\n    * @description Sets the right border of cells on focus\n    * @see border\n    * @default var(--zg-focus-border, 2px solid var(--theme-color-primary))\n    * @demoLink https://app.zingsoft.com/demos/create/RCL5RW0I\n    * @shadowOnly true\n    */\n    border-right: var(--zg-focus-border-right, var(--zg-focus-border, 2px solid var(--theme-color-primary)));\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-right-transform\n    * @description Sets the transform of right border of cells on focus\n    * @see transform\n    * @default none\n    * @demoLink https://app.zingsoft.com/demos/create/C5WLZKW8\n    * @shadowOnly true\n    */\n    transform: var(--zg-focus-right-transform, none);\n}\n.zg-focus-top {\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-border-top\n    * @description Sets the top border of cells on focus\n    * @see border\n    * @default var(--zg-focus-border, 2px solid var(--theme-color-primary))\n    * @demoLink https://app.zingsoft.com/demos/create/XNXNZ5X2\n    * @shadowOnly true\n    */\n    border-top: var(--zg-focus-border-top, var(--zg-focus-border, 2px solid var(--theme-color-primary)));\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-top-transform\n    * @description Sets the transform of top border of cells on focus\n    * @see transform\n    * @default none\n    * @demoLink https://app.zingsoft.com/demos/create/FU5AB2MU\n    * @shadowOnly true\n    */\n    transform: var(--zg-focus-top-transform, none);\n}',""])},4299:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-background\n  * @description Styles the background of grid foot\n  * @default Browser\'s default value\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/5NW1UUJB\n  * @shadowOnly false\n  * @storyAlert recommend:--zg-foot-padding:25px\n  */\n  background: var(--zg-foot-background);\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-border\n  * @description Styles the border of grid foot\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/GJKYV9E6\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-border-bottom\n  * @description Styles the bottom border of grid foot\n  * @see border\n  * @default var(--zg-foot-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FRJXV4YB\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-foot-border-bottom, var(--zg-foot-border, 0));\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-border-left\n  * @description Styles the left border of grid foot\n  * @see border\n  * @default var(--zg-foot-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/VYNWYDXA\n  * @shadowOnly false\n  */\n  border-left: var(--zg-foot-border-left, var(--zg-foot-border, 0));\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-border-right\n  * @description Styles the right border of grid foot\n  * @see border\n  * @default var(--zg-foot-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/4YL86H63\n  * @shadowOnly false\n  */\n  border-right: var(--zg-foot-border-right, var(--zg-foot-border, 0));\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-border-top\n  * @description Styles the top border of grid foot\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/906SOMMP\n  * @default var(--zg-foot-border, 0)\n  * @shadowOnly false\n  */\n  border-top: var(--zg-foot-border-top, var(--zg-foot-border, 0));\n  box-sizing: border-box;\n  display: block;\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-height\n  * @description Sets the height of grid foot\n  * @see height\n  * @demoLink https://app.zingsoft.com/demos/create/NIOBJEMN\n  * @default auto\n  * @shadowOnly false\n  */\n  height: var(--zg-foot-height, auto);\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-padding\n  * @description Sets the padding of grid foot\n  * @see padding\n  * @demoLink https://app.zingsoft.com/demos/create/XA3FXCSI\n  * @default 0\n  * @shadowOnly false\n  */\n  padding: var(--zg-foot-padding, 0);\n}\n\n/* SLOTTED\n-------------------------------------- */\n/* Layout: Card */\n:host([layout="card"]) {\n    display: none;\n}\n\n\n/* All Rows */\n:host ::slotted(zg-row) {\n  /* NOTE: Do not jsDocs these as they are the same as the ZGHead ones */\n  background: var(--zg-row-head-background, var(--zg-head-background));\n  border-bottom: var(--zg-row-head-border-bottom, var(--zg-row-head-border, var(--zg-row-border-bottom, var(--zg-row-border, var(--zg-row-border, 0)))));\n  border-left: var(--zg-row-head-border-left, var(--zg-row-head-border, var(--zg-row-border-left, var(--zg-row-border, var(--zg-row-border, 0)))));\n  border-right: var(--zg-row-head-border-right, var(--zg-row-head-border, var(--zg-row-border-right, var(--zg-row-border, var(--zg-row-border, 0)))));\n  border-top: var(--zg-row-head-border-top, var(--zg-row-head-border, var(--zg-row-border-top, var(--zg-row-border, var(--zg-row-border, 1px solid var(--theme-border-color))))));\n  color: var(--zg-row-head-color, var(--zg-row-color));\n  display: flex;\n  position: relative;\n}\n\n:host ::slotted(zg-row:hover) {\n  background: var(--zg-row-head-background_hover);\n  color: var(--zg-row-head-color_hover, var(--zg-row-color_hover));\n}\n/* Even Rows */\n:host ::slotted(zg-row:nth-of-type(even)) {\n  background: var(--zg-row-head-background_even, var(--zg-row-head-background, var(--zg-head-background)));\n  color: var(--zg-row-head-color_even, var(--zg-row-head-color, var(--zg-row-color)));\n  min-height: var(--zg-row-head-height_even, var(--zg-row-head-height, var(--zg-row-height)));\n}\n:host ::slotted(zg-row:nth-of-type(even):hover) {\n  background: var(--zg-row-head-background_even_hover, var(--zg-row-head-background_hover, var(--zg-head-background_hover)));\n  color: var(--zg-row-head-color_even_hover, var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n/* Odd Rows */\n:host ::slotted(zg-row:nth-of-type(odd)) {\n  background: var(--zg-row-head-background_odd, var(--zg-row-head-background, var(--zg-head-background)));\n  color: var(--zg-row-head-color_odd, var(--zg-row-head-color, var(--zg-row-color)));\n  min-height: var(--zg-row-head-height_odd, var(--zg-row-head-height, var(--zg-row-height)));\n}\n:host ::slotted(zg-row:nth-of-type(odd):hover){\n  background: var(--zg-row-head-background_odd_hover, var(--zg-row-head-background_hover, var(--zg-head-background_hover)));\n  color: var(--zg-row-head-color_odd_hover, var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n\n/* AGGREGATE */\n:host ::slotted(zg-row[type=aggregate]) {\n  background: var(--zg-row-background_foot_aggregate, var(--zg-row-background_aggregate, var(--zg-row-background, auto)));\n  border-bottom: var(--zg-row-border-bottom_foot_aggregate, var(--zg-row-border-bottom_aggregate, var(--zg-row-border-bottom, auto)));\n  border-left: var(--zg-row-border-left_foot_aggregate, var(--zg-row-border-left_aggregate, var(--zg-row-border-left, auto)));\n  border-right: var(--zg-row-border-right_foot_aggregate, var(--zg-row-border-right_aggregate, var(--zg-row-border-right, auto)));\n  border-top: var(--zg-row-border-top_foot_aggregate, var(--zg-row-border-top_aggregate, var(--zg-row-border-top, auto)));\n  color: var(--zg-row-color_foot_aggregate, var(--zg-row-color_aggregate, var(--zg-row-color, auto)));\n  min-height: var(--zg-row-height_foot_aggregate, var(--zg-row-height_aggregate, var(--zg-row-height, auto)));\n}\n\n/* FROZEN */\n:host ::slotted(zg-row[type=frozen]) {\n  background: var(--zg-row-background_foot_frozen, var(--zg-row-background_frozen, var(--zg-row-background, auto)));\n  border-bottom: var(--zg-row-border-bottom_foot_frozen, var(--zg-row-border-bottom_frozen, var(--zg-row-border-bottom, auto)));\n  border-left: var(--zg-row-border-left_foot_frozen, var(--zg-row-border-left_frozen, var(--zg-row-border-left, auto)));\n  border-right: var(--zg-row-border-right_foot_frozen, var(--zg-row-border-right_frozen, var(--zg-row-border-right, auto)));\n  border-top: var(--zg-row-border-top_foot_frozen, var(--zg-row-border-top_frozen, var(--zg-row-border-top, auto)));\n  color: var(--zg-row-color_foot_frozen, var(--zg-row-color_frozen, var(--zg-row-color, auto)));\n}\n\n/*  In the case of zebra, we have to set the class so that we can use the header and footer data rows */\n:host ::slotted(zg-row.zebra-2) {\n  background: var(--theme-background-zebra, var(--zg-row-head-background, var(--zg-head-background)));\n}',""])},7470:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGFooter\n  * @var --zg-footer-background\n  * @description Styles the background of footer\n  * @default 0\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/0EVTA5YN\n  * @shadowOnly false\n  */\n  background: var(--zg-footer-background);\n  /**\n  * @memberof ZGFooter\n  * @var --zg-footer-border-bottom\n  * @description Styles the bottom border of footer\n  * @default var(--zg-footer-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/PUY88M0U\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-footer-border-bottom, var(--zg-footer-border, 0));\n  /**\n  * @memberof ZGFooter\n  * @var --zg-footer-border-left\n  * @description Styles the left border of footer\n  * @default var(--zg-footer-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/V3H9QB6G\n  * @shadowOnly false\n  */\n  border-left: var(--zg-footer-border-left, var(--zg-footer-border, 0));\n  /**\n  * @memberof ZGFooter\n  * @var --zg-footer-border-right\n  * @description Styles the right border of footer\n  * @default var(--zg-footer-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/TAJ68HA9\n  * @shadowOnly false\n  */\n  border-right: var(--zg-footer-border-right, var(--zg-footer-border, 0));\n  /**\n  * @memberof ZGFooter\n  * @var --zg-footer-border-top\n  * @description Styles the top border of footer\n  * @default var(--zg-footer-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/FMUNXOES\n  * @shadowOnly false\n  */\n  border-top: var(--zg-footer-border-top, var(--zg-footer-border, 0));\n  display: block;\n  z-index: 2;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */",""])},5539:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* Styling Wrappers\n * These independent wrapper divs sit on top of the grid to facilitate the frozen column visual look.\n * Since columns are split vertically into 3 rows (head, body, foot) there is no singular element\n * that wraps to form a column for styling, so we create artificial ones.\n * Their width is calculated (js) to match the current width of the matching frozen column,\n * otherwise the rest of the positioning/styling is handled with CSS (as of this writing).\n*/\n:host {\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-freeze-style-border\n  * @default 1px solid #d6e9ff\n  * @see border\n  * @description Styles the border of the frozen column styling element\n  * @demoLink https://app.zingsoft.com/demos/create/PPZ5PJ0L\n  * @shadowOnly false\n  */\n  border: var(--zing-grid-freeze-style-border, 1px solid #d6e9ff);\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-freeze-style-box-shadow\n  * @default inset 0 0 6px #99caff\n  * @see box-shadow\n  * @description Styles the box-shadow of the frozen column styling element\n  * @demoLink https://app.zingsoft.com/demos/create/KNJN315S\n  * @shadowOnly false\n  */\n  box-shadow: var(--zing-grid-freeze-style-box-shadow, inset 0 0 6px #99caff);\n\tpointer-events: none;\n\tposition: absolute;\n\theight: 100%;\n\ttop: 0;\n\tz-index: 1;\n}",""])},512:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  background-clip: padding-box;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-background\n  * @description Styles the background of head cells\n  * @see background\n  * @default transparent\n  * @demoLink https://app.zingsoft.com/demos/create/5217Z4FJ\n  * @shadowOnly false\n  */\n  background: var(--zg-head-cell-background);\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border\n  * @description Styles the border of head cells\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/SX3TZT8V\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-bottom\n  * @description Styles the bottom border of head cells\n  * @see border\n  * @default var(--zg-head-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/DGH901RE\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-head-cell-border-bottom, var(--zg-head-cell-border, 0));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-left\n  * @description Styles the left border of head cells\n  * @see border\n  * @default var(--zg-head-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/YCA4IWR7\n  * @shadowOnly false\n  */\n  border-left: var(--zg-head-cell-border-left, var(--zg-head-cell-border, 0));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-right\n  * @description Styles the right border of head cells\n  * @see border\n  * @default var(--zg-head-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/04L65K0J\n  * @shadowOnly false\n  */\n  border-right: var(--zg-head-cell-border-right, var(--zg-head-cell-border, 0));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-top\n  * @description Styles the top border of head cells\n  * @see border\n  * @default var(--zg-head-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/8M5QYK55\n  * @shadowOnly false\n  */\n  border-top: var(--zg-head-cell-border-top, var(--zg-head-cell-border, 0));\n  box-sizing: border-box;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-color\n  * @description Sets the font color of head cells\n  * @see color\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/MOTKNFI7\n  * @shadowOnly false\n  */\n  color: var(--zg-head-cell-color);\n  display: flex;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-font-family\n  * @description Sets the font family of head cells\n  * @see font-family\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/O1EIWZE1\n  * @shadowOnly false\n  */\n  font-family: var(--zg-head-cell-font-family);\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-font-size\n  * @description Sets the font size of head cells\n  * @see font-size\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/UWQF6LZV\n  * @shadowOnly false\n  */\n  font-size: var(--zg-head-cell-font-size, var(--zing-grid-font-size));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-font-weight\n  * @description Sets the font weight of head cells\n  * @see font-weight\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/2LOCXCAB\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-head-cell-font-weight, var(--zing-grid-font-weight, 500));\n  /* overflow: hidden; */\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-padding\n  * @description Sets the padding of head cells\n  * @see padding\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/YEEKXD9Z\n  * @shadowOnly false\n  */\n  padding: var(--zg-head-cell-padding);\n  position: relative;\n  text-align: left;\n  top: 0;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-transition\n  * @description Sets the transition of head cells\n  * @see transition\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/5VYSMZ3T\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  transition: var(--zg-head-cell-transition);\n  vertical-align: middle;\n  /* The z-index here and on zg-filter is necessary for vertical grid lines with frozen columns */\n  z-index: 1;\n}\n\n/* Hover */ \n:host(:hover) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-background_hover\n  * @description Styles the background of head cells on hover\n  * @see background\n  * @default var(--zg-head-cell-background\n  * @demoLink https://app.zingsoft.com/demos/create/I05OFWBJ\n  * @shadowOnly false\n  */\n  background: var(--zg-head-cell-background_hover, var(--zg-head-cell-background));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-color_hover\n  * @default var(--zg-head-cell-color)\n  * @description Sets the font color of head cells on hover\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/ICS004MX\n  * @shadowOnly false\n  */\n  color: var(--zg-head-cell-color_hover, var(--zg-head-cell-color));\n  /* Set so tooltip appears above other head cells */\n  z-index: 2;\n}\n\n\n\n/* SPLIT PARENT\n-------------------------------------- */\n/* Split header, dynamically generated parent cells */\n:host([parent][depth="1"]) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-background\n  * @description Styles the background of parent head cells\n  * @see background\n  * @default var(--zg-head-cell-background)\n  * @demoLink https://app.zingsoft.com/demos/create/34TZMCUN\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  background: var(--zg-head-cell-parent-background, var(--zg-head-cell-background));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-border\n  * @description Styles the border of parent head cells\n  * @see border\n  * @default var(--zg-head-cell-border-bottom, var(--zg-head-cell-border, 1px solid var(--theme-border-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/J34P5J1C\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-border-bottom\n  * @description Styles the bottom border of parent head cells\n  * @see border\n  * @default var(--zg-head-cell-parent-border, var(--zg-head-cell-border-bottom, var(--zg-head-cell-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/B0M2Q9JO\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  border-bottom: var(--zg-head-cell-parent-border-bottom, var(--zg-head-cell-parent-border, var(--zg-head-cell-border-bottom, var(--zg-head-cell-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-border-left\n  * @description Styles the left border of parent head cells\n  * @see border\n  * @default var(--zg-head-cell-parent-border, var(--zg-head-cell-border-left, var(--zg-head-cell-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/8HS4D09Y\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  border-left: var(--zg-head-cell-parent-border-left, var(--zg-head-cell-parent-border, var(--zg-head-cell-border-left, var(--zg-head-cell-border))));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-border-right\n  * @description Styles the right border of parent head cells\n  * @see border\n  * @default var(--zg-head-cell-parent-border, var(--zg-head-cell-border-right, var(--zg-head-cell-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/J0AQFH0Z\n  * @shadowOnly false\n  */\n  border-right: var(--zg-head-cell-parent-border-right, var(--zg-head-cell-parent-border, var(--zg-head-cell-border-right, var(--zg-head-cell-border))));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-border-top\n  * @description Styles the top border of parent head cells\n  * @see border\n  * @default var(--zg-head-cell-parent-border, var(--zg-head-cell-border-top, var(--zg-head-cell-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/ECL23JR1\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  border-top: var(--zg-head-cell-parent-border-top, var(--zg-head-cell-parent-border, var(--zg-head-cell-border-top, var(--zg-head-cell-border))));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-color\n  * @default var(--zg-head-cell-color)\n  * @description Sets the font color of parent head cells\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/0Z3W1AR3\n  * @shadowOnly false\n  */\n  color: var(--zg-head-cell-parent-color, var(--zg-head-cell-color));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-font-size\n  * @description Sets the font-size of parent head cells\n  * @see font-size\n  * @default var(--zg-head-cell-font-size)\n  * @demoLink https://app.zingsoft.com/demos/create/8BVKTKQO\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  font-size: var(--zg-head-cell-parent-font-size, var(--zg-head-cell-font-size));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-font-weight\n  * @description Sets the font weight of parent head cells\n  * @see font-weight\n  * @default var(--zg-h -cell-font-weight)\n  * @demoLink https://app.zingsoft.com/demos/create/T658V69Y\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  font-weight: var(--zg-head-cell-parent-font-weight, var(--zg-head-cell-font-weight));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-padding\n  * @description Sets the padding of parent head cells\n  * @see padding\n  * @default var(--zg-head-cell-padding)\n  * @demoLink https://app.zingsoft.com/demos/create/JAH3NI1F\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  padding: var(--zg-head-cell-parent-padding, var(--zg-head-cell-padding));\n}\n:host([parent][depth="1"]:hover) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-background_hover\n  * @description Styles the background of parent head cells on hover\n  * @see background\n  * @default var(--zg-head-cell-background_hover)\n  * @demoLink https://app.zingsoft.com/demos/create/Y16SOZ0Y\n  * @shadowOnly false\n  */\n  background: var(--zg-head-cell-parent-background_hover, var(--zg-head-cell-background_hover)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-color_hover\n  * @default var(--zg-head-cell-color_hover)\n  * @description Sets the font color of parent head cells on hover\n  * @default var(--zg-head-cell-color_hover, var(--zg-head-cell-color))\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/YSGAZGLF\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  color: var(--zg-head-cell-parent-color_hover, var(--zg-head-cell-color_hover, var(--zg-head-cell-color)));\n}\n/* Empty cell next to [parent] cells. Removed styling so they don\'t conflict w/ calcs */\n:host([not-parent]) {\n  padding: 0;\n}\n\n/* SPECIAL STYLING FOR \'SELECTOR\' TYPE\n---------------------------------------- */\n:host([type="selector"]) {\n  padding: 0;\n}\n\n\n/* DRAGGING\n-------------------------------------- */\n:host([column-drag]) {\n  cursor: move;\n}\n/* Style the current column that is being reordered with `[column-drag]` */\n:host(.is-reordering) {\n  background: var(--theme-background-color);\n}\n\n\n\n/* RESIZING\n-------------------------------------- */\n/* \n  Column Resizer\n  Hide on load. Only show if: \n  - Column header hovered \n  - ZG has [column-resizable-persistent]\n  - Individual ZGColumn has [resize-persistent]\n*/\n:host ::slotted(zg-column-resize) {\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity .15s;\n}\n:host([resize-persistent]) ::slotted(zg-column-resize),\n:host(:hover) ::slotted(zg-column-resize) {\n  opacity: 1;\n  visibility: visible;\n}\n\n\n\n/* ZING-GRID ALLOWED TO SORT COLUMNS\n-------------------------------------- */\n\n/* If current cell\'s \'column\' is currently sorted, allow custom column styling */\n:host([sort-asc]),\n:host([sort-desc]) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-background_sorted\n  * @description Styles the background of sorted head cells\n  * @see background\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/F7W6O5Y8\n  * @shadowOnly false\n  */\n  background: var(--zg-head-cell-background_sorted, inherit) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border_sorted\n  * @description Styles the border of sorted head cells\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/NJHYC5BT\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-bottom_sorted\n  * @description Styles the bottom border of sorted head cells\n  * @see border\n  * @default var(--zg-head-cell-border_sorted, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/7J8IXN3Q\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-head-cell-border-bottom_sorted, var(--zg-head-cell-border_sorted, 0)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-left_sorted\n  * @description Styles the left border of sorted head cells\n  * @see border\n  * @default var(--zg-head-cell-border_sorted, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/86HPGI9W\n  * @shadowOnly false\n  */\n  border-left: var(--zg-head-cell-border-left_sorted, var(--zg-head-cell-border_sorted, 0)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-right_sorted\n  * @description Styles the right border of sorted head cells\n  * @see border\n  * @default var(--zg-head-cell-border_sorted, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/PUMKY3AA\n  * @shadowOnly false\n  */\n  border-right: var(--zg-head-cell-border-right_sorted, var(--zg-head-cell-border_sorted, 0)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-top_sorted\n  * @description Styles the top border of sorted head cells\n  * @see border\n  * @default var(--zg-head-cell-border_sorted, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/CGQ6DGYI\n  * @shadowOnly false\n  */\n  border-top: var(--zg-head-cell-border-top_sorted, var(--zg-head-cell-border_sorted, 0)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-color_sorted\n  * @description Sets the font color of sorted head cells\n  * @default var(--zg-head-cell-color)\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/XZEPKE31\n  * @shadowOnly false\n  */\n  color: var(--zg-head-cell-color_sorted, var(--zg-head-cell-color)) !important;\n  z-index: 1;\n}\n\n/* Sorted Hover */\n:host([sort-asc]:hover),\n:host([sort-desc]:hover) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-background_sorted_hover\n  * @description Styles the background of sorted head cells on hover\n  * @see background\n  * @default var(--zg-head-cell-background_sorted, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/A4RMGO6M\n  * @shadowOnly false\n  */\n  background: var(--zg-head-cell-background_sorted_hover, var(--zg-head-cell-background_sorted, inherit)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-bottom_sorted_hover\n  * @description Styles the bottom border of sorted head cells on hover\n  * @see border\n  * @default var(--zg-head-cell-border-bottom_sorted, var(--zg-head-cell-border_sorted, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/9NEF2EKA\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-head-cell-border-bottom_sorted_hover, var(--zg-head-cell-border-bottom_sorted, var(--zg-head-cell-border_sorted, 0))) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-left_sorted_hover\n  * @description Styles the left border of sorted head cells on hover\n  * @see border\n  * @default var(--zg-head-cell-border-left_sorted, var(--zg-head-cell-border_sorted, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/U7Q6173N\n  * @shadowOnly false\n  */\n  border-left: var(--zg-head-cell-border-left_sorted_hover, var(--zg-head-cell-border-left_sorted, var(--zg-head-cell-border_sorted, 0))) !important;\n  border-right: var(--zg-head-cell-border-right_sorted, var(--zg-head-cell-border-right_sorted, var(--zg-head-cell-border_sorted, 0))) !important;\n  border-top: var(--zg-head-cell-border-top_sorted, var(--zg-head-cell-border-top_sorted, var(--zg-head-cell-border_sorted, 0))) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-color_sorted_hover\n  * @description Sets the font color of sorted head cells on hover\n  * @default var(--zg-head-cell-color_sorted, var(--zg-head-cell-color))\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/FKHQA0MI\n  * @shadowOnly false\n  */\n  color: var(--zg-head-cell-color_sorted_hover, var(--zg-head-cell-color_sorted, var(--zg-head-cell-color))) !important;\n}\n\n/* <zg-head-cell>s that aren\'t sortable shouldn\'t get a hover color */\n:host([sort="false"]:hover) {\n  background: var(--zg-head-cell-background, transparent);\n  border-bottom: var(--zg-head-cell-border-bottom, var(--zg-head-cell-border, 0));\n  border-left: var(--zg-head-cell-border-left, var(--zg-head-cell-border, 0));\n  border-right: var(--zg-head-cell-border-right, var(--zg-head-cell-border, 0));\n  border-top: var(--zg-head-cell-border-top, var(--zg-head-cell-border, 0));\n}\n:host([sort="false"][parent]:hover) {\n  background: var(--zg-head-cell-parent-background_hover) !important;\n  border-bottom: var(--zg-head-cell-parent-border-bottom_hover, var(--zg-head-cell-parent-border_hover));\n  border-left: var(--zg-head-cell-parent-border-left_hover, var(--zg-head-cell-parent-border_hover));\n  border-right: var(--zg-head-cell-parent-border-right_hover, var(--zg-head-cell-parent-border_hover));\n  border-top: var(--zg-head-cell-parent-border-top_hover, var(--zg-head-cell-parent-border_hover));\n}\n\n/* Hide if \'hidden\' attribute applied */\n:host([hidden]) {\n  display: none;\n}\n\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Inner Cell Wrapper */\n.zg-head-cell {\n  display: flex;\n  width: 100%;\n}\n/* \'Selector\' checkbox cell */\n:host([type="selector"]) .zg-head-cell {\n  align-items: center;\n  display: flex;\n}\n\n/* Inner Wrapper */\n.zg-head-cell-inner {\n  align-items: center;\n  display: inline-flex;\n  height: 100%;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-justify-content\n  * @description Sets the horizontal alignment of contents in head cells\n  * @see justify-content\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/M1I5BGRD\n  * @shadowOnly true\n  */\n  justify-content: var(--zg-head-cell-justify-content);\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-inner-padding\n  * @description Sets the padding of head cells inner content\n  * @see padding\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/KW2O5OZH\n  * @shadowOnly false\n  */\n  padding: var(--zg-head-cell-inner-padding);\n  vertical-align: middle;\n  width: 100%;\n}\n/* CELL ALIGNMENT */\n/* Center (If not a parent (not multi-header rows), or is a parent header, but not the first depth) */\n:host([align="center"]:not([parent])) .zg-head-cell-inner,\n:host([align="center"][parent]:not([depth="1"])) .zg-head-cell-inner {\n  justify-content: center;\n}\n/* Left (If not a parent (not multi-header rows), or is a parent header, but not the first depth) */\n:host([align="left"]:not([parent])) .zg-head-cell-inner,\n:host([align="left"][parent]:not([depth="1"])) .zg-head-cell-inner {\n  justify-content: flex-start;\n}\n/* Right (If not a parent (not multi-header rows), or is a parent header, but not the first depth) */\n:host([align="right"]:not([parent])) .zg-head-cell-inner,\n:host([align="right"][parent]:not([depth="1"])) .zg-head-cell-inner {\n  justify-content: flex-end;\n}\n\n\n\n/* TOOLTIP - ALL\n-------------------------------------- */\n:host([tooltip-type]) {\n  line-height: normal !important;\n}\n/* For testing and unit tests, so tooltip when the header cell has `.hover` applied */\n:host(.hover) ::slotted(zg-tooltip) {\n  display: block;\n}\n\n\n/* TOOLTIP - \'INFO\' TYPE STYLING\n-------------------------------------- */\n/* Info Icon Styling */\n:host([tooltip-type]) ::slotted(zg-icon) {\n  flex: none;\n}\n/* Type: Click */\n:host([tooltip-action="click"]) ::slotted(zg-icon) {\n  cursor: pointer;\n}\n\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* SORT ICON */\n:host ::slotted(.zg-head-icon) {\n  overflow: hidden;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-icon-margin\n  * @description Sets the margin of child icons in head cells\n  * @default Browser\'s default value\n  * @see margin\n  * @demoLink https://app.zingsoft.com/demos/create/GGPPE0Q1\n  * @shadowOnly false\n  */\n  margin: var(--zg-head-cell-icon-margin);\n  transform: scale(.8);\n  transition: width .2s cubic-bezier(.05,.69,.14,1);\n}\n/* Auto-hide and set null footprint for icon\'s without a [name] set */\n:host ::slotted(.zg-head-icon:not([name])) {\n  display: none;\n  width: 1px;\n}\n/* When it actually has an icon [type] */\n:host ::slotted(.zg-head-icon[name]) {\n  display: initial;\n}\n\n/* Keep on the right edge when grid set to `[dir="rtl"]` */\n:host([dir="rtl"]) ::slotted(.zg-head-icon) {\n  margin-right: 0;\n  margin-left: 3px;\n  transform:translateX(5px);\n}\n:host([align="left"][dir="rtl"]) ::slotted(.zg-head-icon[name]),\n:host([align="right"][dir="rtl"]) ::slotted(.zg-head-icon[name]) {\n  margin-left: 0;\n}\n:host([align="center"]:not([dir="rtl"])) ::slotted(.zg-head-icon[name]) {\n  margin-right: auto;\n}\n\n:host([not-parent]) ::slotted(.zg-head-icon) {\n  display:none;\n}\n\n/* When column is sorted */\n:host ::slotted([name="down"]),\n:host ::slotted([name="up"]) {\n  overflow: visible;\n  transform: scale(1);\n  width: var(--zg-icon-width) !important;\n}\n:host ::slotted([name="down"]) svg,\n:host ::slotted([name="up"]) svg {\n  fill: var(--zg-icon-color_sorted, inherit);\n}\n\n:host([not-parent]) ::slotted(.zg-head-icon) {\n  display:none;\n}\n\n\n/* CELL TEXT */\n:host ::slotted([data-field-index]) {\n  line-height: var(--zg-head-cell-data-line-height, 1.1);\n  position: relative;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  z-index: 1;\n}\n\n\n/* \n  When the header text is wider than the column width, set items to allow ellipses and to cutoff the text.\n  Note: we must unset the position or the tooltip will be cutoff as well.\n  Since the text goes all the way to the right edge, the tooltip changes from being placed right next to the text \n  (default behavior and why we removed overflow:hidden from always applying) to being placed at the right of the cell.\n*/\n:host([is-content-longer]) ::slotted([data-field-index]) {\n  overflow: hidden;\n  position: unset;\n}\n:host([type="selector"]:not([layout="card"])) ::slotted([data-field-index]) {\n  height: 100%;\n  line-height: 1;\n  width: 100%;\n  z-index: 1;\n}\n/* Column set to `align="right"` */\n:host([align="right"]:not([dir="rtl"])) ::slotted([data-field-index]) {\n  margin-left: auto;\n}\n:host([align="right"][dir="rtl"][tooltip-icon-position="after-text"]) ::slotted([data-field-index]),\n:host([align="right"][dir="rtl"][tooltip-icon-position="right"]) ::slotted([data-field-index]) {\n  flex: 1;\n}\n/* Column set to `align="center"` */\n:host([align="center"][tooltip-icon-position="left"]) ::slotted([data-field-index]),\n:host([align="center"][tooltip-icon-position="right"]) ::slotted([data-field-index]) {\n  flex: 1;\n  text-align: center;\n}\n\n\n/* DETAILS ICON (TOOLTIP) */\n:host ::slotted(.zg-head-details-icon) {\n  cursor: default !important;\n  flex: 1 0 auto;\n  overflow: hidden;\n  margin: 0;\n  transform: scale(.8) translate(4px, -1px);\n  transition: width .2s cubic-bezier(.05,.69,.14,1);\n}\n:host([tooltip-action="click"]) ::slotted(.zg-head-details-icon) {\n  cursor: pointer !important;\n}\n/* Auto-hide and set null footprint for icon\'s without a [name] set */\n:host ::slotted(.zg-head-details-icon:not([name])) {\n  display: none;\n  width: 1px;\n}\n\n\n/* POSITION: AFTER TEXT */\n:host ::slotted(.zg-head-details-icon[position="after-text"]) {\n  order: 1;\n}\n\n:host([align="center"]:not([dir="rtl"])) ::slotted(.zg-head-details-icon[position="after-text"]) {\n  /*  This makes the header text not be centered.  I don\'t know what it is used for\n  margin-right: auto;\n  */\n}\n:host([dir="rtl"]) ::slotted(.zg-head-details-icon[position="after-text"]) {\n  margin-right: 6px;\n}\n:host([align="right"][dir="rtl"]) ::slotted(.zg-head-details-icon[position="after-text"]) {\n  margin-left: -6px;\n}\n\n\n/* POSITION: LEFT-EDGE */\n:host ::slotted(.zg-head-details-icon[position="left"]) {\n  margin-right: 6px;\n  margin-left: -6px;\n}\n:host([align="center"]) ::slotted(.zg-head-details-icon[position="left"]) {\n  margin-right: auto;\n}\n:host([align="center"]:not([dir="rtl"])) ::slotted(.zg-head-details-icon[position="left"]) {\n  margin-left: -2px;\n}\n:host([align="left"][dir="rtl"]) ::slotted(.zg-head-details-icon[position="left"]) {\n  margin-left: 0;\n  margin-right: 0;\n}\n:host([align="right"][dir="rtl"]) ::slotted(.zg-head-details-icon[position="left"]) {\n  margin-left: auto;\n  margin-right: 0;\n}\n\n\n/* POSITION: RIGHT-EDGE */\n:host ::slotted(.zg-head-details-icon[position="right"]) {\n  order: 1;\n  margin-left: auto;\n}\n:host([dir="rtl"]) ::slotted(.zg-head-details-icon[position="right"]) {\n  margin-left: -6px;\n  margin-right: auto;\n}\n:host([align="right"]) ::slotted(.zg-head-details-icon[position="right"]) {\n  margin-left: 0;\n}\n\n:host([align="right"][dir="rtl"]) ::slotted(.zg-head-details-icon[position="right"]) {\n  margin-left: -6px;\n  margin-right: 6px;\n}\n',""])},1395:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-background\n  * @description Styles the background of grid head rows\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/CO1P3ZJI\n  * @shadowOnly false\n  */\n  background: var(--zg-head-background);\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border\n  * @description Styles the border of grid head rows\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/12I3VYOI\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border-bottom\n  * @description Styles the bottom border of grid head rows\n  * @see border\n  * @default var(--zg-head-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/4G7I1G9M\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-head-border-bottom, var(--zg-head-border, 0));\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border-left\n  * @description Styles the left border of grid head rows\n  * @see border\n  * @default var(--zg-head-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/CM2MSBIS\n  * @shadowOnly false\n  */\n  border-left: var(--zg-head-border-left, var(--zg-head-border, 0));\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border-right\n  * @description Styles the right border of grid head rows\n  * @see border\n  * @default var(--zg-head-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/89L6VL2X\n  * @shadowOnly false\n  */\n  border-right: var(--zg-head-border-right, var(--zg-head-border, 0));\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border-top\n  * @description Styles the top border of grid head rows\n  * @see border\n  * @default var(--zg-head-border)\n  * @demoLink https://app.zingsoft.com/demos/create/Y25A4K13\n  * @shadowOnly false\n  */\n  border-top: var(--zg-head-border-top, var(--zg-head-border));\n  display: block;\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border-radius\n  * @description Styles the border-radius of grid head rows\n  * @see border-radius\n  * @default var(--zg-head-border-radius)\n  * @demoLink https://app.zingsoft.com/demos/create/Y25A4K13\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-head-border-radius, 0);\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-visibility\n  * @description Sets the visibility of grid head rows\n  * @see visibility\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6LA6GMQ7\n  * @shadowOnly false\n  */\n  visibility: var(--zg-head-visibility);\n  box-sizing: border-box;\n}\n\n/* SLOTTED\n-------------------------------------- */\n/* Layout: Card */\n:host([layout=\"card\"]) {\n    display: none;\n}\n\n/* All Rows */\n:host ::slotted(zg-row) {\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background\n  * @description Styles the background of grid head rows\n  * @see background\n  * @default var(--zg-head-background)\n  * @demoLink https://app.zingsoft.com/demos/create/T8UI8JED\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background, var(--zg-head-background));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-border\n  * @description Styles the border of row\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/W9UFLHOX\n  * @default 0\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-border-bottom\n  * @description Styles the bottom border of row\n  * @see border\n  * @default var(--zg-row-border, var(--zg-row-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/6ZQGCDWL\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-border\n  * @description Styles the border of grid head rows\n  * @see border\n  * @default var(--zg-row-border-bottom, var(--zg-row-border, var(--zg-row-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/8GTM3CE7\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-border-bottom\n  * @description Styles the bottom border of grid head rows\n  * @see border\n  * @default var(--zg-row-head-border, var(--zg-row-border-bottom, var(--zg-row-border, var(--zg-row-border, 0))))\n  * @demoLink https://app.zingsoft.com/demos/create/UG4IJY7N\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-row-head-border-bottom, var(--zg-row-head-border, var(--zg-row-border-bottom, var(--zg-row-border, var(--zg-row-border, 0)))));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-border-left\n  * @description Styles the left border of grid head rows\n  * @see border\n  * @default var(--zg-row-head-border, var(--zg-row-border-left, var(--zg-row-border, var(--zg-row-border, 0))))\n  * @demoLink https://app.zingsoft.com/demos/create/FN1JN1YH\n  * @shadowOnly false\n  */\n  border-left: var(--zg-row-head-border-left, var(--zg-row-head-border, var(--zg-row-border-left, var(--zg-row-border, var(--zg-row-border, 0)))));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-border-right\n  * @description Styles the right border of grid head rows\n  * @see border\n  * @default var(--zg-row-head-border, var(--zg-row-border-right, var(--zg-row-border, var(--zg-row-border, 0))))\n  * @demoLink https://app.zingsoft.com/demos/create/B52RNC1C\n  * @shadowOnly false\n  */\n  border-right: var(--zg-row-head-border-right, var(--zg-row-head-border, var(--zg-row-border-right, var(--zg-row-border, var(--zg-row-border, 0)))));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-border-top\n  * @description Styles the top border of grid head rows\n  * @see border\n  * @default var(--zg-row-head-border, var(--zg-row-border-top, var(--zg-row-border, var(--zg-row-border, 0))))\n  * @demoLink https://app.zingsoft.com/demos/create/9WUUNY7A\n  * @shadowOnly false\n  */\n  border-top: var(--zg-row-head-border-top, var(--zg-row-head-border, var(--zg-row-border-top, var(--zg-row-border, var(--zg-row-border, 0)))));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color\n  * @description Styles the font color of grid head rows\n  * @default var(--zg-row-color)\n  * @demoLink https://app.zingsoft.com/demos/create/XNSFRPXK\n  * @see color\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color, var(--zg-row-color));\n  display: flex;\n  position: relative;\n}\n\n:host ::slotted(zg-row:hover) {\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background_hover\n  * @description Styles the background of grid head rows on hover\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/WEG2YAI2\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background_hover);\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color_hover\n  * @description Styles the font color of grid head rows on hover\n  * @see color\n  * @default var(--zg-row-color_hover)\n  * @demoLink https://app.zingsoft.com/demos/create/AB7QQ2HJ\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color_hover, var(--zg-row-color_hover));\n}\n/* Even Rows */\n:host ::slotted(zg-row:nth-of-type(even)) {\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background_even\n  * @description Styles the background of 'even' grid head rows\n  * @see background\n  * @default var(--zg-row-head-background, var(--zg-head-background))\n  * @demoLink https://app.zingsoft.com/demos/create/SFSLBH2B\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background_even, var(--zg-row-head-background, var(--zg-head-background)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color_even\n  * @description Styles the font color of 'even' grid head rows\n  * @see color\n  * @default var(--zg-row-head-color, var(--zg-row-color))\n  * @demoLink https://app.zingsoft.com/demos/create/MVTLQ6OY\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color_even, var(--zg-row-head-color, var(--zg-row-color)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-height_even\n  * @description Sets the height of 'even' grid head rows\n  * @see height\n  * @default var(--zg-row-head-height, var(--zg-row-height))\n  * @demoLink https://app.zingsoft.com/demos/create/ZJKCHBEN\n  * @shadowOnly false\n  */\n  min-height: var(--zg-row-head-height_even, var(--zg-row-head-height, var(--zg-row-height)));\n}\n:host ::slotted(zg-row:nth-of-type(even):hover) {\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background_even_hover\n  * @description Styles the background of 'even' grid head rows on hover\n  * @see background\n  * @default var(--zg-row-head-background_hover, var(--zg-head-background_hover))\n  * @demoLink https://app.zingsoft.com/demos/create/NTNFHUQO\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background_even_hover, var(--zg-row-head-background_hover, var(--zg-head-background_hover)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color_even_hover\n  * @description Styles the font color of 'even' grid head rows on hover\n  * @see color\n  * @default var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/R7N097DV\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color_even_hover, var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n/* Odd Rows */\n:host ::slotted(zg-row:nth-of-type(odd)) {\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background_odd\n  * @description Styles the background of 'odd' grid head rows\n  * @see background\n  * @default var(--zg-row-head-background, var(--zg-head-background))\n  * @demoLink https://app.zingsoft.com/demos/create/P3C6STNW\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background_odd, var(--zg-row-head-background, var(--zg-head-background)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color_odd\n  * @description Sets the font color of 'odd' grid head rows\n  * @see color\n  * @default var(--zg-row-head-color, var(--zg-row-color))\n  * @demoLink https://app.zingsoft.com/demos/create/ORCFAHM5\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color_odd, var(--zg-row-head-color, var(--zg-row-color)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-height_odd\n  * @description Sets the height of 'odd' grid head rows\n  * @see height\n  * @default var(--zg-row-head-height, var(--zg-row-height))\n  * @demoLink https://app.zingsoft.com/demos/create/HR7CPKI6\n  * @shadowOnly false\n  */\n  min-height: var(--zg-row-head-height_odd, var(--zg-row-head-height, var(--zg-row-height)));\n}\n:host ::slotted(zg-row:nth-of-type(odd):hover){\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background_odd_hover\n  * @description Styles the background of 'odd' grid head rows on hover\n  * @see background\n  * @default var(--zg-row-head-background_hover, var(--zg-head-background_hover))\n  * @demoLink https://app.zingsoft.com/demos/create/V416TJNV\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background_odd_hover, var(--zg-row-head-background_hover, var(--zg-head-background_hover)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color_odd_hover\n  * @description Styles the font color of 'odd' grid head rows on hover\n  * @see color\n  * @default var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/CFKT71C3\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color_odd_hover, var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n\n/* First Row styling */\n:host ::slotted(zg-row:first-of-type){\n  border-radius: var(--zg-head-border-radius, 0);\n}\n\n/*  Vertical gridlines still need horizontal gridlines in header */\n:host ::slotted(zg-row:last-child[gridlines-vertical]) {\n  --zg-row-head-border-bottom: 1px solid var(--theme-border-color);\n  --zg-cell-border-bottom_aggregate: 1px solid var(--theme-border-color);\n  --zg-cell-border-bottom_frozen: 1px solid var(--theme-border-color);\n}\n\n:host ::slotted(zg-row:last-child[gridlines-horizontal]) {\n  --zg-row-head-border-bottom: unset;\n  --zg-cell-border-bottom_aggregate: unset;\n  --zg-cell-border-bottom_frozen: unset;\n}\n\n/* ZG-FILTER */\n:host ::slotted(zg-row[type=\"filter\"]),\n:host ::slotted(zg-row[type=\"filter\"]:hover) {\n  min-height: var(--zg-filter-height);\n  background: var(--zg-row-background_filter, var(--zg-row-background, auto));\n  /*  Had to remove this line for ticket #652\n  border-top: var(--zg-filter-border-top, var(--zg-filter-border, 1px solid var(--theme-border-color))); */\n}\n\n/* AGGREGATE */\n:host ::slotted(zg-row[type=aggregate]),\n:host ::slotted(zg-row[type=aggregate]:hover) {\n  background: var(--zg-row-background_head_aggregate, var(--zg-row-background_aggregate, var(--zg-row-background, auto)));\n  border-bottom: var(--zg-cell-border-bottom_aggregate, var(--zg-cell-border-bottom, var(--zg-cell-border, 0)));\n  border-left: var(--zg-cell-border-left_aggregate, var(--zg-cell-border-left, var(--zg-cell-border, 0)));\n  border-right: var(--zg-cell-border-right_aggregate, var(--zg-cell-border-right, var(--zg-cell-border, 0)));\n  border-top: var(--zg-cell-border-top_aggregate, var(--zg-cell-border-top, var(--zg-cell-border, 0)));\n  color: var(--zg-row-color_head_aggregate, var(--zg-row-color_aggregate, var(--zg-row-color, auto)));\n  min-height: var(--zg-row-height_head_aggregate, var(--zg-row-height_aggregate, var(--zg-row-height, auto)));\n}\n\n/* FROZEN */\n:host ::slotted(zg-row[type=frozen]),\n:host ::slotted(zg-row[type=frozen]:hover) {\n  background: var(--zg-row-background_head_frozen, var(--zg-row-background_frozen, var(--zg-row-background, auto)));\n  border-bottom: var(--zg-cell-border-bottom_frozen, var(--zg-cell-border-bottom, var(--zg-cell-border, 0)));\n  border-left: var(--zg-cell-border-left_frozen, var(--zg-cell-border-left, var(--zg-cell-border, 0)));\n  border-right: var(--zg-cell-border-right_frozen, var(--zg-cell-border-right, var(--zg-cell-border, 0)));\n  border-top: var(--zg-cell-border-top_frozen, var(--zg-cell-border-top, var(--zg-cell-border, 0)));\n  color: var(--zg-row-color_head_frozen, var(--zg-row-color_frozen, var(--zg-row-color, auto)));\n}\n\n/*  In the case of zebra, we have to set the class so that we can use the header and footer data rows */\n:host ::slotted(zg-row.zebra-2) {\n  background: var(--theme-background-zebra, var(--zg-row-head-background, var(--zg-head-background)));\n}\n\n:host ::slotted(zg-row[internal-top]) {\n  border-top: 0px;\n}\n",""])},3175:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-background\n  * @description Styles the background of header\n  * @default Browser's default value\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/RNK9KGL1\n  * @shadowOnly false\n  */\n  background: var(--zg-header-background);\n   /**\n  * @memberof ZGHeader\n  * @var --zg-header-border\n  * @description Styles the border of header\n  * @default 0\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/D3AD1LTZ\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-border-bottom\n  * @description Styles the bottom border of header\n  * @default var(--zg-header-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/ZOYVLTTM\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-header-border-bottom, var(--zg-header-border, 0));\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-border-left\n  * @description Styles the left border of header\n  * @default var(--zg-header-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/AMLDCFOE\n  * @shadowOnly false\n  */\n  border-left: var(--zg-header-border-left, var(--zg-header-border, 0));\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-border-right\n  * @description Styles the right border of header\n  * @default var(--zg-header-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/XCB64506\n  * @shadowOnly false\n  */\n  border-right: var(--zg-header-border-right, var(--zg-header-border, 0));\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-border-top\n  * @description Styles the top border of header\n  * @default var(--zg-header-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/7UN98I97\n  * @shadowOnly false\n  */\n  border-top: var(--zg-header-border-top, var(--zg-header-border, 0));\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-border-radius\n  * @description Applies border radius to header\n  * @default 0\n  * @see border-radius\n  * @demoLink https://app.zingsoft.com/demos/create/J5P8R36J\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-header-border-radius, 0);\n  display: block;\n  z-index: 2;\n}",""])},6675:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  display: inline-block;\n  /**\n  * @memberof ZGIcon\n  * @var --zg-icon-height\n  * @description Sets the height of icon. Also set width using --zg-icon-width to scale icon.\n  * @see height\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/35ELYFHO\n  * @shadowOnly false\n  */\n  height: var(--zg-icon-height);\n  line-height: 1rem;\n  overflow: hidden;\n  position: relative;\n  vertical-align: top;\n  /**\n  * @memberof ZGIcon\n  * @var --zg-icon-width\n  * @description Sets the width of icon. Also set height using --zg-icon-height to scale icon.\n  * @see width\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/QN5FK1OU\n  * @shadowOnly false\n  */\n  width: var(--zg-icon-width);\n}\n:host([hidden]) {\n  display: none;\n}\n\n/* If it has [init], set the child svg color to a muted color */\n:host([init]) ::slotted(svg) {\n  /**\n  * @memberof ZGIcon\n  * @var --zg-icon-init-fill\n  * @description Sets fill color of icon when element has\n  * [init] attribute. This indicates that column is sortable.\n  * The [init] is removed when column is sorted.\n  * @default Browser\'s default value\n  * @see fill\n  * @demoLink https://app.zingsoft.com/demos/create/K3C0AD5K\n  * @shadowOnly false\n  */\n  fill: var(--zg-icon-init-fill) !important;\n}\n\n/* CURSOR-BASED PAGINATION STYLING\n-------------------------------------- */\n:host([type="cursor"]) ::slotted(svg) {\n  --zg-icon-color: #fff;\n  transform: translateX(1px);\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(*) {\n  pointer-events: none;\n}\n\n/* Default SVG */\n:host ::slotted(svg) {\n  /**\n  * @memberof ZGIcon\n  * @var --zg-icon-color\n  * @description Sets the fill color of icon\n  * @see fill\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/QP3CK186\n  * @shadowOnly false\n  */\n  fill: var(--zg-icon-color, var(--theme-color-primary));\n}\n:host:not([internal-status]) ::slotted(svg) {\n  height: inherit;\n  left: 0;\n  pointer-events: none;\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n/* \n  Do not fill the parent svg for some icons \n  See conditional in ZGIcon.js (\'deselect\')\n*/\n:host ::slotted(svg[no-fill]) {\n  fill: none;\n}\n\n/* FONT AWESOME */\n/* User-defined FONT AWESOME (Ex: <zing-grid icon-set="fontawesome") */\n/* Format: <i class="fas fa-exclamation-circle"></i> */\n/* \'.fas\' is the consistent item so we trigger that */\n:host ::slotted(.fas) {\n  color: var(--zg-icon-color, var(--theme-color-primary));\n}\n:host ::slotted(.fas):before {\n  font-size: calc(var(--zg-icon-width) - 2px);\n}\n\n/* WHEN SLOTTED INTO OTHER COMPONENTS\n---------------------------------------- */\n\n/* ZG-CAPTION: <zg-caption> */\n:host([internal-caption]) {\n  align-self: var(--zg-caption-toolbar-align-self, var(--zg-caption-align-items, center));\n  /* For internal use only */\n  height: var(--zg-caption-icon-height, var(--zg-icon-height));\n  /* For internal use only */\n  width: var(--zg-caption-icon-width, var(--zg-icon-width));\n}\n\n:host([internal-caption]) ::slotted(svg) {\n  /* For internal use only */\n  fill: var(--zg-caption-icon-color, var(--zg-icon-color));\n}\n\n/* ZG-HEAD-CELL: <zg-head-cell> */\n/* -- When cell is currently sorted */\n:host([sort-asc]) ::slotted(svg),\n:host([sort-desc]) ::slotted(svg) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-icon-color_sorted\n  * @description Sets the fill color of icon in sorted head cells\n  * @see fill\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/I4QTA64O\n  * @shadowOnly false\n  */\n  fill: var(--zg-head-cell-icon-color_sorted, var(--theme-color));\n}\n\n/* ZG-STATUS: <zg-status> */\n:host([internal-status]) ::slotted(svg) {\n  /* For internal use only */\n  fill: var(--zg-status-icon-color, #fff);\n}\n\n:host([name="info"]),\n:host([internal-cell]) {\n  vertical-align: middle;\n}',""])},845:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host([action]) {\n  display: block;\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-height\n  * @description Sets the height of input field\n  * @see height\n  * @default 28px\n  * @demoLink https://app.zingsoft.com/demos/create/B0P81J0Q\n  * @shadowOnly true\n  */\n  height: var(--zg-input-height, 28px);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-width\n  * @description Sets the width of input field\n  * @see width\n  * @default 28px\n  * @demoLink https://app.zingsoft.com/demos/create/SCCSW2QV\n  * @shadowOnly true\n  */\n  width: var(--zg-input-width, 28px);\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(input) {\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-background\n  * @description Styles the background of input field\n  * @see background\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/QTKU281K\n  * @shadowOnly false\n  */\n  background: var(--zg-input-background, #fff);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border\n  * @description Styles the border of input field\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/DDD2BCSL\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-bottom\n  * @description Styles the bottom border of input field\n  * @see border\n  * @default var(--zg-input-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/MDMU28K6\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-input-border-bottom, var(--zg-input-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-left\n  * @description Styles the left border of input field\n  * @see border\n  * @default var(--zg-input-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/JLCD44RA\n  * @shadowOnly false\n  */\n  border-left: var(--zg-input-border-left, var(--zg-input-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-right\n  * @description Styles the right border of input field\n  * @see border\n  * @default var(--zg-input-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/8A95H8P7\n  * @shadowOnly false\n  */\n  border-right: var(--zg-input-border-right, var(--zg-input-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-top\n  * @description Styles the top border of input field\n  * @see border\n  * @default var(--zg-input-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/LCS35KDI\n  * @shadowOnly false\n  */\n  border-top: var(--zg-input-border-top, var(--zg-input-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-radius\n  * @description Applies a border radius to the input\n  * @default Browser's default value\n  * @see border-radius\n  * @demoLink https://app.zingsoft.com/demos/create/EPJYLC6I\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-input-border-radius);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-box-shadow\n  * @description Applies a box shadow behind input field\n  * @see box-shadow\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/18VIQFAN\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-input-box-shadow, none);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-color\n  * @description Sets the font color of input field\n  * @see color\n  * @default var(--zing-grid-color, var(--theme-color))\n  * @demoLink https://app.zingsoft.com/demos/create/XOU2K69C\n  * @shadowOnly false\n  */\n  color: var(--zg-input-color, var(--theme-color_alt));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-font-family\n  * @description Sets the font family of input field\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/T5ZCU5MK\n  * @shadowOnly false\n  */\n  font-family: var(--zg-input-font-family, inherit);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-font-size\n  * @description Sets the font size of input field\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/2N4JCUM7\n  * @shadowOnly false\n  */\n  font-size: var(--zg-input-font-size, var(--theme-font-size));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-font-style\n  * @description Sets the font style of input field\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/23LLZSPN\n  * @shadowOnly false\n  */\n  font-style: var(--zg-input-font-style, inherit);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-font-weight\n  * @description Sets the font weight of input field\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/D4KPNBOE\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-input-font-weight, inherit);\n  height: var(--zg-input-height, 28px);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-line-height\n  * @description Sets the line height of input field\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/4S3RA0D1\n  * @shadowOnly true\n  */\n  line-height: var(--zg-input-line-height, inherit);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-margin\n  * @description Sets the margin of input field\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/QIT4GPWJ\n  * @shadowOnly false\n  */\n  margin: var(--zg-input-margin, 0);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-padding\n  * @description Sets the padding of input field\n  * @see padding\n  * @default 0 6px\n  * @demoLink https://app.zingsoft.com/demos/create/6YX1BW65\n  * @shadowOnly false\n  */\n  padding: var(--zg-input-padding, 0 6px);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-text-align\n  * @description Sets the text alignment of input field\n  * @see text-align\n  * @default center\n  * @demoLink https://app.zingsoft.com/demos/create/19KNP52I\n  * @shadowOnly false\n  */\n  text-align: var(--zg-input-text-align, left);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-transform\n  * @description Sets the transform of input field\n  * @see transform\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/OSSRVJZZ\n  * @shadowOnly false\n  */\n  transform: var(--zg-input-transform);\n\n  width: var(--zg-input-width, auto);\n}\n\n:host([action]) ::slotted(input) {\n  color: var(--zg-input-color, var(--theme-color));\n  font-size: var(--zg-input-font-size, inherit);\n  padding: var(--zg-input-padding, 0);\n  text-align: center;\n  width: var(--zg-input-width, 100%);\n}\n\n:host ::slotted(input:focus) {\n  background: var(--zg-input-background_focus, #fff);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border_focus\n  * @description Styles the border of input field on focus\n  * @see border\n  * @default 1px solid rgba(82, 168, 236, 0.8)\n  * @demoLink https://app.zingsoft.com/demos/create/I3GK9SS3\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-bottom_focus\n  * @description Styles the bottom border of input field on focus\n  * @see border\n  * @default var(--zg-input-border_focus, 1px solid rgba(82, 168, 236, 0.8))\n  * @demoLink https://app.zingsoft.com/demos/create/2SM40FSO\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-input-border-bottom_focus, var(--zg-input-border_focus, var(--zg-input-border-bottom, var(--zg-input-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-left_focus\n  * @description Styles the left border of input field on focus\n  * @see border\n  * @default var(--zg-input-border_focus, )))\n  * @demoLink https://app.zingsoft.com/demos/create/FQ51FTQF\n  * @shadowOnly false\n  */\n  border-left: var(--zg-input-border-left_focus, var(--zg-input-border_focus, var(--zg-input-border-left, var(--zg-input-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-right_focus\n  * @description Styles the right border of input field in modal on focus\n  * @see border\n  * @default var(--zg-input-border_focus, )))\n  * @demoLink https://app.zingsoft.com/demos/create/11XL0MH6\n  * @shadowOnly false\n  */\n  border-right: var(--zg-input-border-right_focus, var(--zg-input-border_focus, var(--zg-input-border-right, var(--zg-input-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-top_focus\n  * @description Styles the top border of input field in modal on focus\n  * @see border\n  * @default var(--zg-input-border_focus, )))\n  * @demoLink https://app.zingsoft.com/demos/create/BLSGA86T\n  * @shadowOnly false\n  */\n  border-top: var(--zg-input-border-top_focus, var(--zg-input-border_focus, var(--zg-input-border-top, var(--zg-input-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-color_focus\n  * @description Sets the font color of input field in modal on focus\n  * @see color\n  * @default var(--zg-input-color)\n  * @demoLink https://app.zingsoft.com/demos/create/62OIL7CR\n  * @shadowOnly false\n  */\n  color: var(--zg-input-color_focus, var(--zg-input-color, var(--theme-color_alt)));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-font-size_focus\n  * @description Sets the font size of input field on focus\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/BPE8TYD5\n  * @shadowOnly false\n  */\n  font-size: var(--zg-input-font-size_focus, var(--zg-input-font-size, var(--theme-font-size)));\n  /*outline: 0;*/\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-transform_focus\n  * @description Sets the transform of input field in modal on focus\n  * @see transform\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/ZCZMD7I3\n  * @shadowOnly false\n  */\n  transform: var(--zg-input-transform_focus);\n}\n",""])},2397:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* Hide if it has [hidden] attribute */\n:host { \n  align-items: center;\n  display: flex;\n}\n:host([hidden]) { display:none; }\n\n\n/* SLOTTED ELEMENTS\n---------------------------------------- */\n/* Select All cell */\n:host ::slotted(zg-checkbox) {\n  margin-left: 6px;\n  font-size: 90%;\n}\n/* \'Cards\' label */\n:host ::slotted(zg-text) {\n  font-size: 90%;\n  margin-right: 5px;\n}\n/* Layout Control Buttons */\n:host ::slotted(zg-button) {\n  border-radius: 3px;\n  margin-left: 2px;\n}\n:host ::slotted(zg-button[action="layoutcard"]) {\n  transform: translateY(3.0px);\n}\n:host ::slotted(zg-button[action="layoutrow"]) {\n  transform: translateY(2.5px);\n}',""])},6516:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n\n/* Add styles to internally-appended load-mask only.\nUser-added markup on load will not have styling they need to overwrite */\n:host([default-load-mask]) {\n  align-items: center;\n  background: rgba(115, 142, 150, 0.4);\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  position: absolute;\n  width: 100%;\n  z-index: 1000;\n}\n\n/* Wrap */\n.default-wrap {\n  align-items: baseline;\n  display: flex;\n  justify-content: center;\n}\n\n/* Text */\n.loading-text {\n /**\n  * @memberof ZGLoadMask\n  * @var --zg-load-mask-color\n  * @description Sets the font color of the loading text\n  * @see color\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/embed/YTE2VZ54\n  * @shadowOnly true\n  */\n  color: var(--zg-load-mask-color, #fff);\n  font-size: 2rem;\n  margin-right: 6px;\n  text-shadow: 0 0 5px #8d9ea9;\n}\n\n/* Dot Animation */\n@keyframes CYCLE {\n  0% { opacity:0; }\n  50% { opacity:1; }\n  100% { opacity:0; }\n}\n.animation-wrap {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n}\n.animation-dot,\n.animation-wrap:after,\n.animation-wrap:before {\n  content: '';\n  animation-duration: 1.5s;\n  animation-iteration-count: infinite;\n  animation-name: CYCLE;\n  background: #fff;\n  border-radius: 50%;\n  box-shadow: 0 0 5px #adb7bd;\n  display: block;\n  height: 5px;\n  margin: 0 4px;\n  opacity: 0;\n  width: 5px;\n}\n.animation-dot {\n  animation-delay: 300ms;\n}\n.animation-wrap:after {\n  animation-delay: 600ms;\n}",""])},3251:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  background: var(--zg-menu-item-background, var(--zg-menu-background, inherit));\n  border-bottom: 1px solid var(--theme-border-color);\n  margin-bottom: 5px;\n  padding-bottom: 10px;\n}\n:host([hidden]) {\n  display: none;\n}\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* LABEL */\n.zg-menu-group-label {\nalign-items: center;\n  display: flex;\n  padding: 10px;\n}\n\n/* ITEMS */\n.zg-menu-group-items {\n  border: 1px solid var(--theme-border-color);\n  display: flex;\n  margin: 0 5px;\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(zg-icon) {\n  margin-right: 5px;\n}\n\n:host([dir="rtl"]) ::slotted(zg-icon) {\n  margin-left: 5px;\n  margin-right: unset;\n}\n\n:host ::slotted(zg-menu-item) {\n  --zg-menu-item-justify-content: center;\n  border-left: var(--zg-menu-item-border-left, var(--zg-menu-border-left, var(--zg-menu-item-border, var(--zg-menu-border, 1px solid var(--theme-border-color)))));\n}\n:host ::slotted(zg-menu-item:hover),\n:host ::slotted(zg-menu-item.hover) {\n  border-left: var(--zg-menu-item-border-left_hover, var(--zg-menu-item-border_hover, var(--zg-menu-item-border-left, var(--zg-menu-border-left, var(--zg-menu-item-border, var(--zg-menu-border, 1px solid var(--theme-border-color)))))));\n}\n\n:host ::slotted(zg-menu-item:first-of-type) {\n  margin-left: -1px;\n}',""])},7189:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  --zg-icon-height: 14px;\n  --zg-icon-width: 14px;\n\n  align-items:center;\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-background\n  * @description Styles the background of menu item\n  * @see background\n  * @default var(--zg-menu-background)\n  * @demoLink https://app.zingsoft.com/demos/create/B9ZW7JZ1\n  * @shadowOnly false\n  */\n  background: var(--zg-menu-item-background, var(--zg-menu-background));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border\n  * @description Styles the border of menu item\n  * @see border\n  * @default var(--zg-menu-item-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/OY846P1S\n  * @shadowOnly false\n  */\n  border: var(--zg-menu-item-border, 0);\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-bottom\n  * @description Styles the bottom border of menu item\n  * @see border\n  * @default var(--zg-menu-border-bottom, var(--zg-menu-item-border))\n  * @demoLink https://app.zingsoft.com/demos/create/K3RGBXUS\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-menu-item-border-bottom, var(--zg-menu-item-border));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-left\n  * @description Styles the left border of menu item\n  * @see border\n  * @default var(--zg-menu-border-left, var(--zg-menu-item-border))\n  * @demoLink https://app.zingsoft.com/demos/create/I02JZBV4\n  * @shadowOnly false\n  */\n  border-left: var(--zg-menu-item-border-left, var(--zg-menu-item-border));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-right\n  * @description Styles the border-right of menu item\n  * @see border\n  * @default var(--zg-menu-border-right, var(--zg-menu-item-border))\n  * @demoLink https://app.zingsoft.com/demos/create/XBLE7Y9F\n  * @shadowOnly false\n  */\n  border-right: var(--zg-menu-item-border-right, var(--zg-menu-item-border));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-top\n  * @description Styles the border-top of menu item\n  * @see border\n  * @default var(--zg-menu-border-top, var(--zg-menu-item-border))\n  * @demoLink https://app.zingsoft.com/demos/create/JXUI3ZZ1\n  * @shadowOnly false\n  */\n  border-top: var(--zg-menu-item-border-top, var(--zg-menu-item-border));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-color\n  * @description Styles the color of menu item\n  * @see color\n  * @default var(--zg-menu-color)\n  * @demoLink https://app.zingsoft.com/demos/create/PB332NEO\n  * @shadowOnly false\n  */\n  color: var(--zg-menu-item-color, var(--zg-menu-color));\n  box-sizing: border-box;\n  contain: content;\n  cursor: pointer;\n  display: inline-flex;\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-padding\n  * @description Sets the padding of menu item\n  * @see padding\n  * @default 2px 9px\n  * @demoLink https://app.zingsoft.com/demos/create/J8SC2JZ7\n  * @shadowOnly false\n  */\n  padding: var(--zg-menu-item-padding, 2px 9px);\n  transition: background var(--theme-transition_speed);\n}\n:host([hidden]) {\n  display: none;\n}\n:host([disabled]),\n:host([disabled]:hover) {\n  background: inherit;\n  cursor: not-allowed;\n}\n\n:host(:hover), :host(.hover) {\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-background_hover\n  * @description Styles the background of menu item on hover\n  * @see background\n  * @default var(--zg-menu-item-background, var(--zg-menu-background))\n  * @demoLink https://app.zingsoft.com/demos/create/TGJCKUFU\n  * @shadowOnly false\n  */\n  background: var(--zg-menu-item-background_hover, var(--zg-menu-item-background, var(--zg-menu-background)));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border_hover\n  * @description Styles the border of menu item on hover\n  * @see border\n  * @default var(--zg-menu-item-border)\n  * @demoLink https://app.zingsoft.com/demos/create/COY3QOQ4\n  * @shadowOnly false\n  */\n  border: var(--zg-menu-item-border_hover, var(--zg-menu-item-border));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-bottom_hover\n  * @description Styles the bottom border of menu item on hover\n  * @see border\n  * @default var(--zg-menu-item-border_hover, var(--zg-menu-item-border-bottom, var(--zg-menu-item-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/Y257HM34\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-menu-item-border-bottom_hover, var(--zg-menu-item-border_hover, var(--zg-menu-item-border-bottom, var(--zg-menu-item-border))));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-left_hover\n  * @description Styles the left border of menu item on hover\n  * @see border\n  * @default var(--zg-menu-item-border_hover, var(--zg-menu-item-border-left, var(--zg-menu-item-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/L6B0TSI2\n  * @shadowOnly false\n  */\n  border-left: var(--zg-menu-item-border-left_hover, var(--zg-menu-item-border_hover, var(--zg-menu-item-border-left, var(--zg-menu-item-border))));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-right_hover\n  * @description Styles the right border of menu item on hover\n  * @see border\n  * @default var(--zg-menu-item-border_hover, var(--zg-menu-item-border-right, var(--zg-menu-item-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/B0CA9PC5\n  * @shadowOnly false\n  */\n  border-right: var(--zg-menu-item-border-right_hover, var(--zg-menu-item-border_hover, var(--zg-menu-item-border-right, var(--zg-menu-item-border))));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-top_hover\n  * @description Styles the top border of menu item on hover\n  * @see border\n  * @default var(--zg-menu-item-border_hover, var(--zg-menu-item-border-top, var(--zg-menu-item-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/IEQ87DM1\n  * @shadowOnly false\n  */\n  border-top: var(--zg-menu-item-border-top_hover, var(--zg-menu-item-border_hover, var(--zg-menu-item-border-top, var(--zg-menu-item-border))));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-color_hover\n  * @description Styles the color of menu item on hover\n  * @see color\n  * @default var(--zg-menu-item-color, var(--zg-menu-color))\n  * @demoLink https://app.zingsoft.com/demos/create/G87OUAAS\n  * @shadowOnly false\n  */\n  color: var(--zg-menu-item-color_hover, var(--zg-menu-item-color, var(--zg-menu-color)));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-justify-content_hover\n  * @description Sets the horizontal alignment of contents in menu item on hover\n  * @see justify-content\n  * @default var(--zg-menu-item-justify-content, flex-start)\n  * @demoLink https://app.zingsoft.com/demos/create/E0CSUDJQ\n  * @shadowOnly false\n  */\n  justify-content: var(--zg-menu-item-justify-content_hover, var(--zg-menu-item-justify-content, flex-start));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-padding_hover\n  * @description Sets the padding of menu item on hover\n  * @see padding\n  * @default var(--zg-menu-item-padding, 2px 9px)\n  * @demoLink https://app.zingsoft.com/demos/create/2L3WUNZM\n  * @shadowOnly false\n  */\n  padding: var(--zg-menu-item-padding_hover, var(--zg-menu-item-padding, 2px 9px));\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(zg-button) {\n    /* make zg-button inside zg-menu-item click through and no hover effect */\n    pointer-events: none;\n    /**\n    * @memberof ZGMenuItem\n    * @var --zg-menu-item-justify-content\n    * @description Sets the horizontal alignment of contents in menu item\n    * @see justify-content\n    * @default flex-start\n    * @demoLink https://app.zingsoft.com/demos/create/E73X0A1J\n    * @shadowOnly false\n    */\n    /* \n      NOTE: Added here instead of :host above, b/c menuitems always have a button inside,\n      which should get the alignment. Because of this, if there is a use case where you want\n      the parent to have the justify-content value, you have to do it inline.\n    */\n    justify-content: var(--zg-menu-item-justify-content, flex-start);\n    width: 100%;\n}\n\n/* Custom User Button */\n/* Note: When a user adds w/o an icon, the `[action]` attribute value on the button will be '' */\n:host ::slotted(zg-button[action=\"\"]) {\n  padding-left:calc(var(--zg-icon-width) + 7px);\n  pointer-events: inherit;\n}\n\n:host(:hover) ::slotted(zg-button),\n:host(.hover) ::slotted(zg-button) {\n  /* Already documented above */\n  color: var(--zg-menu-item-color_hover, var(--zg-button-color));\n  /* \n    NOTE: Added here instead of :host above, b/c menuitems always have a button inside,\n    which should get the alignment. Because of this, if there is a use case where you want\n    the parent to have the justify-content value, you have to do it inline.\n  */\n  justify-content: var(--zg-menu-item-justify-content_hover, var(--zg-menu-item-justify-content, flex-start));\n}",""])},6528:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-background\n  * @description Styles background of menu dropdown\n  * @see background\n  * @default Browser\'s defaul value\n  * @demoLink https://app.zingsoft.com/demos/create/H302IPDV\n  * @shadowOnly true\n  */\n  background: var(--zg-menu-background);\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-border\n  * @description Styles the border of menu dropdown\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/L29XD0SG\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-border-bottom\n  * @description Styles the bottom border of menu dropdown\n  * @see border\n  * @default var(--zg-menu-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/BP6Q1ONR\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-menu-border-bottom, var(--zg-menu-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-border-left\n  * @description Styles the left border of menu dropdown\n  * @see border\n  * @default var(--zg-menu-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/YTOQWH4D\n  * @shadowOnly false\n  */\n  border-left: var(--zg-menu-border-left, var(--zg-menu-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-border-right\n  * @description Styles the right border of menu dropdown\n  * @see border\n  * @default var(--zg-menu-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/9PZS6F7O\n  * @shadowOnly false\n  */\n  border-right: var(--zg-menu-border-right, var(--zg-menu-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-border-top\n  * @description Styles the top border of menu dropdown\n  * @see border\n  * @default var(--zg-menu-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/60VFS9X7\n  * @shadowOnly false\n  */\n  border-top: var(--zg-menu-border-top, var(--zg-menu-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-box-shadow\n  * @description Applies a box shadow to menu dropdown\n  * @see box-shadow\n  * @default 0 3px 3px #ccc\n  * @demoLink https://app.zingsoft.com/demos/create/8KM669HT\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-menu-box-shadow, 0 3px 3px #ccc);\n  box-sizing: border-box;\n  display: inline-block;\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-padding\n  * @description Sets the padding of the menu dropdown\n  * @see padding\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/O1VERLUD\n  * @shadowOnly false\n  */\n  padding: var(--zg-menu-padding, 0);\n  position: absolute;\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-font-size\n  * @description Sets the font size of menu dropdown\n  * @see font-size\n  * @default 0.8rem\n  * @demoLink https://app.zingsoft.com/demos/create/H08WWNC4\n  * @shadowOnly false\n  */\n  font-size: var(--zg-menu-font-size, 0.8rem);\n  user-select: none;\n  z-index: var(--theme-z-index_tall, 10000);\n}\n:host([hidden]) {\n  display: none;\n}\n\n/* RIGHT-CLICK MENU VERSION */\n:host(#userContextMenuClone[menu-opener="context"]) {\n  transform: translate(20px, -17px);\n}\n:host(#userContextMenuClone[menu-opener="context"][internal-dir="left"]) {\n  transform: translate(-20px, -17px);\n}\n:host(#userContextMenuClone[menu-opener="static"]) {\n  transform: translate(0px, 10px);\n}\n/* Add \'cursor position\' arrow */\n:host(#userContextMenuClone[menu-opener="context"]):after,\n:host(#userContextMenuClone[menu-opener="context"]):before {\n  border-color: transparent;\n  border-style: solid;\n  content: \'\';\n  display: block;\n  position: absolute;\n  right: var(--menu-arrow-right, 100%);\n}\n:host(#userContextMenuClone[menu-opener="context"]):before {\n  border-width: 8px;\n  border-right-color: var(--theme-border-color);\n  top: 10px;\n}\n:host(#userContextMenuClone[menu-opener="context"]):after {\n  border-width: 6px;\n  border-right-color: var(--theme-background-zebra);\n  top: 12px;\n}\n\n:host(#userContextMenuClone[menu-opener="context"][internal-dir="left"]):after,\n:host(#userContextMenuClone[menu-opener="context"][internal-dir="left"]):before {\n  content: unset;\n}\n\n\n/* COLUMNS-CONTROL MENU VERSION */\n:host(#columnMenu) {\n  --zg-menu-padding: 10px;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n.zg-menu {\n    display: flex;\n    flex-direction: column;\n    height: auto;\n    padding: var(--zg-menu-padding, 5px);\n}\n\n/* RIGHT-CLICK MENU VERSION */\n:host(#userContextMenuClone) .zg-menu {\n  --zg-menu-padding: 0 0 5px;\n}\n\n/* COLUMNS-CONTROL MENU VERSION */\n:host(#columnMenu) .zg-menu {\n  --zg-menu-padding: 6px 10px;\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* COLUMNS-CONTROL MENU VERSION */\n:host(#columnMenu) ::slotted(zg-menuitem) {\n  --zg-menu-item-padding: 3px 0;\n}',""])},1516:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-background\n  * @description Styles the background of empty message when in `<zg-header>`\n  * @see background\n  * @default var(--theme-color-light)\n  * @demoLink https://app.zingsoft.com/demos/create/DZ18XBMU\n  * @shadowOnly false\n  */\n  background: var(--zg-no-data-background, var(--theme-color-light));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border\n  * @description Styles the border of empty message when in `<zg-header>`\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/H9H8800K\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border-bottom\n  * @description Styles the bottom border of empty message when in `<zg-header>`\n  * @see border\n  * @default var(--zg-no-data-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/5GHU0UT2\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-no-data-border-bottom, var(--zg-no-data-border, 0));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border-left\n  * @description Styles the left border of empty message when in `<zg-header>`\n  * @see border\n  * @default var(--zg-no-data-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/8PC30SFF\n  * @shadowOnly false\n  */\n  border-left: var(--zg-no-data-border-left, var(--zg-no-data-border, 0));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border-right\n  * @description Styles the right border of empty message when in `<zg-header>`\n  * @see border\n  * @default var(--zg-no-data-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/4SZ8NQ8O\n  * @shadowOnly false\n  */\n  border-right: var(--zg-no-data-border-right, var(--zg-no-data-border, 0));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border-top\n  * @description Styles the top border of empty message when in `<zg-header>`\n  * @see border\n  * @default var(--zg-no-data-border, 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/F5LJEMJO\n  * @shadowOnly false\n  */\n  border-top: var(--zg-no-data-border-top, var(--zg-no-data-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border-radius\n  * @description Styles the border radius of empty message\n  * @see border-radius\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/A1CYESQT\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-no-data-border-radius, 0);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-color\n  * @description Sets the font color content inside of empty message when in `<zg-header>`\n  * @see color\n  * @default var(--theme-font-size)\n  * @demoLink https://app.zingsoft.com/demos/create/9QIBFMGP\n  * @shadowOnly false\n  */\n  color: var(--zg-no-data-color, var(--theme-font-size));\n  contain: content;\n  display: none;\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-font-size\n  * @description Sets the font size of empty message\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/26M7XA7S\n  * @shadowOnly false\n  */\n  font-size: var(--zg-no-data-font-size, .875rem);\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-font-style\n  * @description Sets the font style of empty message\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/ERYSUAI0\n  * @shadowOnly false\n  */\n  font-style: var(--zg-no-data-font-style, inherit);\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-font-weight\n  * @description Sets the font weight of empty message\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/PT3I1OQC\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-no-data-font-weight, inherit);\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-line-height\n  * @description Sets the line height of empty message\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/XGIEZHE5\n  * @shadowOnly false\n  */\n  line-height: var(--zg-no-data-line-height, inherit);\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-min-height\n  * @description Sets the min-height of empty message\n  * @see min-height\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/84P0AHF7\n  * @shadowOnly false\n  */\n  min-height: var(--zg-no-data-min-height, 100%);\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-padding\n  * @description Sets the padding of empty message\n  * @see padding\n  * @default var(--zg-cell-height, var(--theme-padding_x, auto))) var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/S9ZVCD9A\n  * @shadowOnly false\n  */\n  padding: var(--zg-no-data-padding, var(--zg-cell-height_layout_row, var(--zg-cell-height, var(--theme-padding_x, auto))) var(--theme-padding_x));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-text-align\n  * @description Sets text alignment of content inside of empty message\n  * @see text-align\n  * @default left\n  * @demoLink https://app.zingsoft.com/demos/create/TWOSCDLC\n  * @shadowOnly true\n  */\n  text-align: var(--zg-no-data-text-align, left);\n  place-content: var(--zg-no-data-text-align, left);\n  width: 100%;\n}\n:host([no-data]) {\n  align-items: flex-start;\n  display: flex;\n}\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n:host(.default) div[role=\"any\"] {\n  align-items: center;\n  display: flex;\n}\n\n/* User added `[no-data]` attribute */\n:host(.attr) {\n  font-weight: var(--zg-no-data-font-weight, 500);\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n\n/* 'Default message' default container */\n:host ::slotted(.default-message) {\n  font-weight: var(--zg-no-data-font-weight, 500);\n}\n\n/* 'Insert Record' default container */\n:host ::slotted(.default-insert-record) {\n  align-items:center;\n  display: flex;\n  margin-left: .3125rem;\n}",""])},3645:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-background\n    * @description Styles the background of option list\n    * @see background\n    * @default #fff\n    * @demoLink https://app.zingsoft.com/demos/create/JCRKBH4Y\n    * @shadowOnly false\n    */\n    background: var(--zg-option-list-background, #fff);\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-border\n    * @description Styles the border of option list\n    * @see border\n    * @default 1px solid var(--theme-border-color)\n    * @demoLink https://app.zingsoft.com/demos/create/SQNKOS7B\n    * @shadowOnly false\n    */\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-border-bottom\n    * @description Styles the bottom border of option list\n    * @see border\n    * @default var(--zg-option-list-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/31Q5PRQB\n    * @shadowOnly false\n    */\n    border-bottom: var(--zg-option-list-border-bottom, var(--zg-option-list-border, 1px solid var(--theme-border-color)));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-border-left\n    * @description Styles the left border of option list\n    * @see border\n    * @default var(--zg-option-list-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/3BWGQYG6\n    * @shadowOnly false\n    */\n    border-left: var(--zg-option-list-border-left, var(--zg-option-list-border, 1px solid var(--theme-border-color)));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-border-right\n    * @description Styles the right border of option list\n    * @see border\n    * @default var(--zg-option-list-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/SG9TA4DQ\n    * @shadowOnly false\n    */\n    border-right: var(--zg-option-list-border-right, var(--zg-option-list-border, 1px solid var(--theme-border-color)));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-border-top\n    * @description Styles the bottom top of option list\n    * @see border\n    * @default var(--zg-option-list-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/CZ8HY148\n    * @shadowOnly false\n    */\n    border-top: var(--zg-option-list-border-top, var(--zg-option-list-border, 1px solid var(--theme-border-color)));\n    bottom: auto;\n    box-sizing: border-box;\n    contain: content;\n    height: auto;\n    min-height: var(--zg-option-list-item-height, 32px);\n    max-width: 250px;\n    min-width: 100%;\n    z-index: 10000;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n.zg-option-list {\n    display: flex;\n    flex-direction: column;\n    margin: 0;\n    padding: 0;\n    zoom: 1;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* TODO: Clean up span CSS */\n:host ::slotted(span) {\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-border\n    * @description Styles the border of option list item\n    * @see border\n    * @default 0\n    * @demoLink https://app.zingsoft.com/demos/create/VH6WGYS9\n    * @shadowOnly false\n    */\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-border-bottom\n    * @description Styles the bottom border of option list item\n    * @see border\n    * @default var(--zg-option-list-item-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/QCJG4ENK\n    * @shadowOnly false\n    */\n    border-bottom: var(--zg-option-list-item-border-bottom, var(--zg-option-list-item-border, 0));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-border-left\n    * @description Styles the left border of option list item\n    * @see border\n    * @default var(--zg-option-list-item-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/DCZNW2UY\n    * @shadowOnly false\n    */\n    border-left: var(--zg-option-list-item-border-left, var(--zg-option-list-item-border, 0));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-border-right\n    * @description Styles the right border of option list item\n    * @see border\n    * @default var(--zg-option-list-item-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/442R7DGZ\n    * @shadowOnly false\n    */\n    border-right: var(--zg-option-list-item-border-right, var(--zg-option-list-item-border, 0));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-border-top\n    * @description Styles the top border of option list item\n    * @see border\n    * @default var(--zg-option-list-item-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/LBZKLEVF\n    * @shadowOnly false\n    */\n    border-top: var(--zg-option-list-item-border-top, var(--zg-option-list-item-border, 0));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-color\n    * @description Styles the color of option list item\n    * @default Browser\'s default value\n    * @see color\n    * @demoLink https://app.zingsoft.com/demos/create/RLKIPFXB\n    * @shadowOnly false\n    */\n    color: var(--zg-option-list-color, #000000);\n    cursor: pointer;\n    display: block;\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-height\n    * @description Sets the height of option list item\n    * @see height\n    * @default 32px\n    * @demoLink https://app.zingsoft.com/demos/create/LZZDJ4ZH\n    * @shadowOnly false\n    */\n    min-height: var(--zg-option-list-item-height, 32px);\n    height: var(--zg-option-list-item-height, 32px);\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-line-height\n    * @description Sets the line height of option list item\n    * @see line-height\n    * @default 32px\n    * @demoLink https://app.zingsoft.com/demos/create/9QGZA2DF\n    * @shadowOnly false\n    */\n    line-height: var(--zg-option-list-item-line-height, 32px);\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-padding\n    * @description Sets the padding of option list item\n    * @see padding\n    * @default 0 15px\n    * @demoLink https://app.zingsoft.com/demos/create/3TSJS7B1\n    * @shadowOnly false\n    */\n    padding: var(--zg-option-list-item-padding, 0 15px);\n    transition: all .15s;\n    overflow: hidden;\n    text-align: left;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    /* Safari */\n    list-style-type: none;\n}\n\n:host([dir="rtl"]) ::slotted(span) {\n    text-align: right;\n}\n\n:host ::slotted(span:hover) {\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-background_hover\n    * @description Sets the background of option list item on hover\n    * @see background\n    * @default var(--theme-color-secondary)\n    * @demoLink https://app.zingsoft.com/demos/create/SQITNDOY\n    * @shadowOnly false\n    */\n    background: var(--zg-option-list-item-background_hover, var(--theme-color-secondary));\n}',""])},3826:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-background\n  * @description Styles the background of pager\n  * @see background\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/DSI1M4K6\n  * @shadowOnly false\n  */\n  background: var(--zg-pager-background);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border\n  * @description Styles the border of pager\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/12I3VYOI\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-bottom\n  * @description Styles the bottom border of pager\n  * @see border\n  * @default var(--zg-pager-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/HLBTB6HX\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-pager-border-bottom, var(--zg-pager-border, 0));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-left\n  * @description Styles the left border of pager\n  * @see border\n  * @default var(--zg-pager-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/A3EQ97B7\n  * @shadowOnly false\n  */\n  border-left: var(--zg-pager-border-left, var(--zg-pager-border, 0));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-right\n  * @description Styles the right border of pager\n  * @see border\n  * @default var(--zg-pager-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/8PKZ2V87\n  * @shadowOnly false\n  */\n  border-right: var(--zg-pager-border-right, var(--zg-pager-border, 0));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-top\n  * @description Styles the top border of pager\n  * @see border\n  * @default var(--zg-pager-border)\n  * @demoLink https://app.zingsoft.com/demos/create/S7J5KA7S\n  * @shadowOnly false\n  */\n  border-top: var(--zg-pager-border-top, var(--zg-pager-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-box-shadow\n  * @description Applies a box shadow behind the pager\n  * @see box-shadow\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/E3ZE0EHX\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-pager-box-shadow, 0);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-color\n  * @description Sets the color of pager text\n  * @see color\n  * @default var(--zing-grid-color), var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/C1JDZLU9\n  * @shadowOnly false\n  */\n  color: var(--zg-pager-color, var(--zing-grid-color, var(--theme-color)));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-font-size\n  * @description Sets the font size of pager text\n  * @see font-size\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/4MA9LSWA\n  * @shadowOnly false\n  */\n  font-size: var(--zg-pager-font-size);\n  display: block;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-margin\n  * @description Sets the margin of pager\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/SQZ9LICW\n  * @shadowOnly false\n  */\n  margin: var(--zg-pager-margin, 0);\n  position: relative;\n  z-index: 3;\n}\n\n/* Add a bottom border when placed at the top of the grid (`[pager-position="top"]`) */\n:host([slot="top"]) {\n  border-bottom: 1px solid var(--theme-border-color);\n}\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Wrapper */\n.zg-pager {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Inner Wrapper */\n.zg-pager-inner {\n  align-items: center;\n  display: flex;\n  flex-direction: unset;\n  flex-wrap: wrap;\n  justify-content: center;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-height\n  * @description Sets the minimum height of pager\n  * @see min-height\n  * @default 1px\n  * @demoLink https://app.zingsoft.com/demos/create/5LQ86G4I\n  * @shadowOnly false\n  */\n  min-height: var(--zg-pager-height, 1px);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-padding\n  * @description Sets the padding of pager\n  * @see padding\n  * @default 0 var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/DFS7ZU1P\n  * @shadowOnly true\n  */\n  padding: var(--zg-pager-padding, 0 var(--theme-padding_x));\n}\n\n/* The Columns */\n.zg-pager-left,\n.zg-pager-right,\n.zg-pager-center {\n  align-items: center;\n  display: flex;\n  flex: 0 1 33.333%;\n  flex-direction: row;\n  margin-top: var(--zg-pager-section-margin-top);\n}\n\n/* Left */\n.zg-pager-left> :first-child {\n  margin-left: 0;\n}\n\n:host([viewport="mobile"]) .zg-pager-left {\n  order: 2;\n  transform: scale(.8);\n  z-index: 1;\n}\n\n/* Right */\n.zg-pager-right {\n  justify-content: flex-end;\n}\n\n/* -- Hide in mobile viewport */\n:host([viewport="mobile"]) .zg-pager-right {\n  display: none;\n}\n\n@media screen and (max-width:767px) {\n\n  :host([viewport-pause]) .zg-pager-left,\n  :host([viewport-stop]) .zg-pager-left {\n    order: 2;\n    transform: scale(.8);\n    z-index: 1;\n  }\n\n  :host([viewport-pause]) .zg-pager-right,\n  :host([viewport-stop]) .zg-pager-right {\n    display: none;\n  }\n}\n\n/* Center */\n.zg-pager-center {\n  justify-content: center;\n}\n\n\n@media screen and (max-width:350px) {\n  :host([viewport="mobile"]) .zg-pager-inner {\n    flex-direction: column;\n  }\n}\n\n/* STYLING WHEN IN \'CARD\' LAYOUT, BUT NOT MOBILE */\n:host([layout="card"]:not([viewport="mobile"])) {\n  /* NOTE: For internal use for now. Don\'t add JSDocs! */\n  border-bottom: var(--zg-pager-card-nonmobile-border-bottom);\n  border-left: var(--zg-pager-card-nonmobile-border-left);\n  border-right: var(--zg-pager-card-nonmobile-border-right);\n  border-top: var(--zg-pager-card-nonmobile-border-top);\n}\n\n/* STYLING WHEN IN \'MOBILE\' VIEWPORT */\n:host([viewport="mobile"]:not([layout="row"])) #inner {\n  flex-wrap: wrap;\n  padding-bottom: 10px;\n  padding-top: 10px;\n}\n\n:host([viewport="mobile"]:not([layout="row"])) #left {\n  flex-basis: 50%;\n  order: 1;\n}\n\n:host([viewport="mobile"]:not([layout="row"])) #center {\n  justify-content: center;\n  order: 3;\n  padding-top: 15px;\n}\n\n:host([viewport="mobile"]:not([layout="row"])) #right {\n  flex-basis: 50%;\n  order: 2;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(zg-input) {\n  flex: 0 1 auto;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-child-margin\n  * @description Sets the margin of pager items\n  * @see margin\n  * @default 0 5px\n  * @demoLink https://app.zingsoft.com/demos/create/BHPOIOVV\n  * @shadowOnly true\n  */\n  margin: var(--zg-pager-child-margin, 0 5px);\n}\n\n:host ::slotted(zg-button):first-child {\n  margin-left: calc(var(--zg-button-padding) - (var(--zg-button-padding) * 2) - 5px);\n}\n\n/* SELECT DROPDOWN */\n:host ::slotted(zg-select) {\n  margin-right: 3px;\n}\n\n:host([dir="rtl"]) ::slotted(zg-select) {\n  margin-left: 3px;\n  margin-right: 0px;\n}\n\n:host([pager-type*="button"]) ::slotted(zg-button[action="prevpage"]),\n:host([pager-type*="button"]) ::slotted(zg-button[action="nextpage"]),\n:host([pager-type*="button"]) ::slotted(zg-button[action="page"]) {\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-background_button\n  * @description Styles the background of pager buttons in \'button-pagination` mode\n  * @see background\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/RFPJ268T\n  * @shadowOnly false\n  */\n  background: var(--zg-pager-background_button, #fff);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border_button\n  * @description Styles the bottom border of pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/GMCTJPNT\n  * @shadowOnly false\n  */\n  border: var(--zg-pager-border_button);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-bottom_button\n  * @description Styles the bottom border of pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border_button)\n  * @demoLink https://app.zingsoft.com/demos/create/SX86NT1Z\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-pager-border-bottom_button, var(--zg-pager-border_button));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-left_button\n  * @description Styles the left border of pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border_button)\n  * @demoLink https://app.zingsoft.com/demos/create/7ZFWGWPZ\n  * @shadowOnly false\n  */\n  border-left: var(--zg-pager-border-left_button, var(--zg-pager-border_button));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-right_button\n  * @description Styles the right border of pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border_button)\n  * @demoLink https://app.zingsoft.com/demos/create/E0Z1Z61Z\n  * @shadowOnly false\n  */\n  border-right: var(--zg-pager-border-right_button, var(--zg-pager-border_button));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-top_button\n  * @description Styles the top border of pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border_button)\n  * @demoLink https://app.zingsoft.com/demos/create/GUTPFSA2\n  * @shadowOnly false\n  */\n  border-top: var(--zg-pager-border-top_button, var(--zg-pager-border_button));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-radius_button\n  * @description Applies border radius to the pager buttons in \'button-pagination\' mode\n  * @see border-radius\n  * @default 50%\n  * @demoLink https://app.zingsoft.com/demos/create/C5XSS45A\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-pager-border-radius_button, 0);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-color_button\n  * @description Sets the color of pager buttons in \'button-text\' mode\n  * @see color\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/3PUA1QDD\n  * @shadowOnly false\n  */\n  color: var(--zg-pager-color_button, var(--zg-pager-color, var(--zing-grid-color, var(--theme-color))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-height_button\n  * @description Sets the height of pager buttons in \'button-pagination\' mode\n  * @see height\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/NU8PS15R\n  * @shadowOnly false\n  */\n  height: var(--zg-pager-height_button, 26px);\n  justify-content: center;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-width_button\n  * @description Sets the width of pager buttons in \'button-pagination\' mode\n  * @see width\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/TND8N5QP\n  * @shadowOnly false\n  */\n  width: var(--zg-pager-width_button, 26px);\n\n}\n\n:host([pager-type*="button"]) ::slotted(zg-button[action="prevpage"][active]),\n:host([pager-type*="button"]) ::slotted(zg-button[action="nextpage"][active]),\n:host([pager-type*="button"]) ::slotted(zg-button[action="page"][active]) {\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-background_button_active\n  * @description Styles the background of active pager buttons in \'button-pagination` mode\n  * @see background\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/30Q3UD77\n  * @shadowOnly false\n  */\n  background: var(--zg-pager-background_button_active, var(--theme-color-primary));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border_button_active\n  * @description Styles the bottom border of active pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/S0T1BVWQ\n  * @shadowOnly false\n  */\n  border: var(--zg-pager-border_button_active, var(--zg-pager-border_button));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-bottom_button_active\n  * @description Styles the bottom border of active pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border-bottom_button_active, var(--zg-pager-border-bottom_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  * @demoLink https://app.zingsoft.com/demos/create/DTH3NBH8\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-pager-border-bottom_button_active, var(--zg-pager-border-bottom_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-left_button_active\n  * @description Styles the left border of active pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border-left_button_active, var(--zg-pager-border-left_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  * @demoLink https://app.zingsoft.com/demos/create/DMB3KOV6\n  * @shadowOnly false\n  */\n  border-left: var(--zg-pager-border-left_button_active, var(--zg-pager-border-left_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-right_button_active\n  * @description Styles the right border of active pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border-right_button_active, var(--zg-pager-border-right_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  * @demoLink https://app.zingsoft.com/demos/create/8IH4UBJB\n  * @shadowOnly false\n  */\n  border-right: var(--zg-pager-border-right_button_active, var(--zg-pager-border-right_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-top_button_active\n  * @description Styles the top border of active pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border-top_button_active, var(--zg-pager-border-top_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  * @demoLink https://app.zingsoft.com/demos/create/3P68ZU21\n  * @shadowOnly false\n  */\n  border-top: var(--zg-pager-border-top_button_active, var(--zg-pager-border-top_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-radius_button_active\n  * @description Applies border radius to the pager next/previous buttons in \'button-pagination\' mode\n  * @see border-radius\n  * @default 50%\n  * @demoLink https://app.zingsoft.com/demos/vicreateew/4NN6CW5X\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-pager-border-radius_button_active, var(--zg-pager-border-radius_button, 0));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-color_button_active\n  * @description Sets the color of pager buttons in \'button-pagination\' mode\n  * @see color\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/65T7U4OO\n  * @shadowOnly false\n  */\n  color: var(--zg-pager-color_button_active, var(--zg-pager-color_button, var(--zg-pager-color, var(--zing-grid-color, var(--theme-color)))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-height_button_active\n  * @description Sets the height of active pager buttons in \'button-pagination\' mode\n  * @see height\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/YQK9B3TR\n  * @shadowOnly false\n  */\n  height: var(--zg-pager-height_button_active, var(--zg-pager-height_button, 26px));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-width_button_active\n  * @description Sets the width of active pager buttons in \'button-pagination\' mode\n  * @see width\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/JGGN84RM\n  * @shadowOnly false\n  */\n  width: var(--zg-pager-width_button_active, var(--zg-pager-width_button, 26px));\n}\n\n\n/* BUTTON PAGINATION STYLING */\n/* Text Buttons */\n:host([pager-type="button-text"]) ::slotted(zg-button[action="prevpage"]),\n:host([pager-type="button-text"]) ::slotted(zg-button[action="nextpage"]) {\n  padding-left: 6px;\n  padding-right: 6px;\n  width: var(--zg-pager-width_button, auto);\n}\n\n/* Text Buttons */\n:host([pager-type="button-text"]) ::slotted(zg-button[action="prevpage"][active]),\n:host([pager-type="button-text"]) ::slotted(zg-button[action="nextpage"][active]) {\n  width: var(--zg-pager-width_button_active, var(--zg-pager-width_button, auto));\n}\n\n\n/* CURSOR-BASED PAGINATION STYLING */\n:host([type="cursor"]) ::slotted([action="nextpage"]),\n:host([type="cursor"]) ::slotted([action="prevpage"]) {\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-background_cursor\n  * @description Styles the background of pager next/previous buttons in \'cursor-pagination` mode\n  * @see background\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/2W0L943N\n  * @shadowOnly false\n  */\n  background: var(--zg-pager-background_cursor, var(--theme-color-primary));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-bottom_cursor\n  * @description Styles the bottom border of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/6GTM4FBP\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-pager-border-bottom_cursor, 0);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-left_cursor\n  * @description Styles the left border of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/RYTF8WCR\n  * @shadowOnly false\n  */\n  border-left: var(--zg-pager-border-left_cursor, 0);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-right_cursor\n  * @description Styles the right border of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/CROQ1YCC\n  * @shadowOnly false\n  */\n  border-right: var(--zg-pager-border-right_cursor, 0);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-top_cursor\n  * @description Styles the top border of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/FUJKHWQ4\n  * @shadowOnly false\n  */\n  border-top: var(--zg-pager-border-top_cursor, 0);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-radius_cursor\n  * @description Applies border radius to the pager next/previous buttons in \'cursor-pagination\' mode\n  * @see border-radius\n  * @default 50%\n  * @demoLink https://app.zingsoft.com/demos/create/NVMU8M40\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-pager-border-radius_cursor, 50%);\n  display: var(--zg-pager-display_cursor, flex);\n  place-content: var(--zg-pager-place-content_cursor, center);\n  place-items: var(--zg-pager-place-items_cursor, center);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-height_cursor\n  * @description Sets the height of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see height\n  * @default 21px\n  * @demoLink https://app.zingsoft.com/demos/create/1Q1Y5Y7U\n  * @shadowOnly false\n  */\n  height: var(--zg-pager-height_cursor, 21px);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-width_cursor\n  * @description Sets the width of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see width\n  * @default 21px\n  * @demoLink https://app.zingsoft.com/demos/create/XDFDMJDM\n  * @shadowOnly false\n  */\n  width: var(--zg-pager-width_cursor, 21px);\n}\n\n:host([type="cursor"]) ::slotted([action="nextpage"]) {\n  margin-left: 12px;\n}\n\n/* PAGE RESULTS */\n:host ::slotted(zg-text) {\n  align-self: center;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-text-margin\n  * @description Sets the margin of pager text\n  * @see margin\n  * @default 0 2px\n  * @demoLink https://app.zingsoft.com/demos/create/JRVD4KCC\n  * @shadowOnly false\n  */\n  margin: var(--zg-pager-text-margin, 0 2px);\n}\n\n/* SPECIAL SMALL-SIZE MOBILE STYLING\n-------------------------------------- */\n@media screen and (max-width:400px) {\n  :host([viewport="mobile"]) .zg-pager-inner {\n    flex-direction: column;\n  }\n\n  :host([viewport="mobile"]) .zg-pager-left {\n    flex-basis: 100%;\n  }\n\n  /* PAGE-SIZE SELECT */\n  :host([viewport="mobile"]) ::slotted(zg-select) {\n    display: flex;\n    align-items: center;\n  }\n\n  :host([viewport="mobile"]) ::slotted(zg-select):before {\n    content: \'Page Size\';\n    display: inline-block;\n    margin: 0 14px 0 0;\n  }\n}',""])},629:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    display: none;\n}",""])},3171:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n/* Hide if \'hidden\' attribute applied */\n:host() {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-color\n  * @description Sets the font color of all rows\n  * @see color\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/DZMUUEIE\n  * @shadowOnly false\n  */\n  color: var(--zg-row-color);\n}\n:host(:hover) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-color_hover\n  * @description Sets the font color of all rows on hover\n  * @see color\n  * @default var(--zg-row-color)\n  * @demoLink https://app.zingsoft.com/demos/create/PY680MQ0\n  * @shadowOnly false\n  */\n  color: var(--zg-row-color_hover, var(--zg-row-color));\n}\n/* Hide if \'hidden\' attribute applied */\n:host([hidden]) {\n  display: none !important;\n}\n\n\n\n/* WHEN IN ZG-BODY\n-------------------------------------- */\n\n\n/* DEFAULT GRID LINES (HORIZONTAL, VERTICAL, BOTH)\n---------------------------------------------------- */\n:host([gridlines-vertical]) {\n  --zg-row-body-border-top: 0;\n}\n:host([gridlines-horizontal]) {\n  --zg-row-body-border-top: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - HEAD CELL - LEFT FRAME */\n:host([gridlines-vertical][frozen-frame="left"]) ::slotted(zg-head-cell) {\n  --zg-head-cell-border-right: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - BODY CELL - LEFT FRAME */\n:host([gridlines-vertical][frozen-frame="left"]) ::slotted(zg-cell) {\n  --zg-cell-border-right: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - FILTER - LEFT FRAME */\n:host([gridlines-vertical][frozen-frame="left"]) ::slotted(zg-filter) {\n  --zg-filter-border-right: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - HEAD CELL - MAIN AND RIGHT FRAME */\n:host([gridlines-vertical]:not([frozen-frame="left"])) ::slotted(zg-head-cell) {\n  --zg-head-cell-border-left: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - BODY CELL - MAIN AND RIGHT FRAME */\n:host([gridlines-vertical]:not([frozen-frame="left"]):not([layout="card"])) ::slotted(zg-cell:not([first])) {\n  --zg-cell-border-left: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - FILTER - MAIN AND RIGHT FRAME */\n:host([gridlines-vertical]:not([frozen-frame="left"])) ::slotted(zg-filter) {\n  --zg-filter-border-left: 1px solid var(--theme-border-color);\n  --zg-filter-border-left_sorted: 1px solid var(--theme-border-color);\n}\n\n/* HIDE DOUBLE LINE WHEN MAIN CONNECTS WITH BODY OR LEFT FRAME */\n:host([gridlines-vertical]) ::slotted(zg-head-cell[first]) {\n  --zg-head-cell-border-left: 0px;\n}\n\n:host([gridlines-vertical]) ::slotted(zg-cell[first]) {\n  --zg-cell-border-left: 0px;\n}\n\n:host([gridlines-vertical]) ::slotted(zg-filter[first]) {\n  --zg-filter-border-left: 0px;\n  --zg-filter-border-left_sorted: 0px;\n}\n\n\n\n/* LAYOUT: CARD\n-------------------------------------- */\n:host([layout="card"]) {\n  position: relative;\n}\n\n/* WHEN THE PARENT FOR...\n-------------------------------------- */\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* ZG-CELL */\n/* Layout: Card */\n:host([layout="card"]) ::slotted(zg-cell) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-display\n  * @description Sets the display of cards in \'card\' layout-mode\n  * @see display\n  * @default grid\n  * @demoLink https://app.zingsoft.com/demos/create/Y17MDY9A\n  * @shadowOnly false\n  * @storyAlert To see attribute in action, update grid layout to "card" mode (top-right corner).\n  */\n\n  box-sizing: border-box;\n  display: var(--zg-row-card-display, block);\n  flex-direction: column;\n  padding: var(--zg-row-card-cell-padding, 4px 30px 4px var(--theme-padding_x));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-flex-basis\n  * @description Sets the flex-basis of cards in \'card\' layout-mode\n  * @see flex-basis\n  * @default 100%\n  * @demoLink https://app.zingsoft.com/demos/create/T0ZQ0N6R\n  * @shadowOnly false\n  * @storyAlert To see attribute in action, update grid layout to "card" mode (top-right corner).\n  */\n  flex-basis: var(--zg-row-card-flex-basis, 100%);\n  max-width:100%;\n}\n/* Layout: Card */\n:host([layout="card"]) ::slotted(zg-cell:last-child) {\n  margin-bottom: 0;\n}\n/* Special styling for selector checkbox, edit and remove cells */\n:host([layout="card"]) ::slotted([type="duplicate"]),\n:host([layout="card"]) ::slotted([type="editor"]),\n:host([layout="card"]) ::slotted([type="remover"]),\n:host([layout="card"]) ::slotted([type="selector"]) {\n  display: flex;\n}\n/* Edit and Remove */\n:host([layout="card"]) ::slotted([type="duplicate"]),\n:host([layout="card"]) ::slotted([type="editor"]),\n:host([layout="card"]) ::slotted([type="remover"]) {\n  padding: 4px 5px;\n}\n\n:host(:not([card-template])) ::slotted(zg-card) {\n  display:none !important;\n}\n\n:host([card-template]) ::slotted(zg-cell) {\n  display:none !important;\n}\n:host([layout="card"]) ::slotted(zg-cell[data-control-field]:first-child:not([type="info"])) {\n  left: 7px;\n}\n\n/* When sort is present, clicking on the cell no longer should do a browser default selection */\n/* [sort] attr added to <zing-grid> */\n:host([sort]) ::slotted(zg-head-cell) {\n  user-select: none !important;\n  cursor: pointer;\n}\n/* If current cell is not sortable, don\'t show the hand cursor */\n:host([sort]) ::slotted(zg-head-cell[sort="false"]) {\n  cursor: default;\n}\n\n/* If resize columns is active, show the resize cursor */\n:host([resize-column])  ::slotted(zg-head-cell) {\n  cursor: ew-resize;\n}\n\n/* AGGREGATE */\n/* :host([type=aggregate]) { overflow:hidden; } */\n\n:host([type=aggregate]) ::slotted(zg-cell) {\n  background: var(--zg-cell-background_aggregate, var(--zg-cell-background));\n  color: var(--zg-cell-color_aggregate, var(--zg-cell-color, inherit));\n  font-family: var(--zg-cell-font-family_aggregate, var(--zg-cell-font-family, inherit));\n  font-size: var(--zg-cell-font-size_aggregate, var(--zg-cell-font-size, inherit));\n  font-style: var(--zg-cell-font-style_aggregate, var(--zg-cell-font-style, inherit));\n  font-weight: var(--zg-cell-font-weight_aggregate, var(--zg-cell-font-weight, inherit));\n  height: var(--zg-cell-height_aggregate, var(--zg-cell-height, auto));\n  line-height: var(--zg-cell-line-height_aggregate, var(--zg-cell-line-height, inherit));\n  padding: var(--zg-cell-padding_aggregate, var(--zg-cell-padding, var(--theme-padding_y) var(--theme-padding_x)));\n  white-space: nowrap;\n}\n\n:host([type=aggregate]) ::slotted(zg-cell[sorted]) {\n  background: var(--zg-cell-background_aggregate_sorted, var(--zg-cell-background_aggregate, var(--zg-cell-background)));\n  color: var(--zg-cell-color_aggregate_sorted, var(--zg-cell-color_aggregate, var(--zg-cell-color, inherit)));\n  font-family: var(--zg-cell-font-family_aggregate_sorted, var(--zg-cell-font-family_aggregate, var(--zg-cell-font-family, inherit)));\n  font-size: var(--zg-cell-font-size_aggregate_sorted, var(--zg-cell-font-size_aggregate, var(--zg-cell-font-size, inherit)));\n  font-style: var(--zg-cell-font-style_aggregate_sorted, var(--zg-cell-font-style_aggregate, var(--zg-cell-font-style, inherit)));\n  font-weight: var(--zg-cell-font-weight_aggregate_sorted, var(--zg-cell-font-weight_aggregate, var(--zg-cell-font-weight, inherit)));\n  height: var(--zg-cell-height_aggregate_sorted, var(--zg-cell-height_aggregate, var(--zg-cell-height, auto)));\n  line-height: var(--zg-cell-line-height_aggregate_sorted, var(--zg-cell-line-height_aggregate, var(--zg-cell-line-height, inherit)));\n  padding: var(--zg-cell-padding_aggregate_sorted, var(--zg-cell-padding_aggregate, var(--zg-cell-padding, var(--theme-padding_y) var(--theme-padding_x))));\n}\n\n:host(.row-dirty-removed),\n:host ::slotted(zg-cell.row-dirty-removed) {\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-row-dirty-delete-background-color\n  * @description Sets the background color of the dirty row on row delete\n  * @see background-color\n  * @default gray;\n  * @demoLink https://app.zingsoft.com/demos/create/QXUNHO2F\n  * @shadowOnly false\n  */\n  background-color: var(--zg-row-dirty-delete-background-color, gray) !important;\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-row-dirty-delete-color\n  * @description Sets the  color of the dirty row on row delete\n  * @see color\n  * @default \n  * @demoLink https://app.zingsoft.com/demos/create/GHEMFKE2\n  * @shadowOnly false\n  */\n  color: var(--zg-row-dirty-delete-color, inherit) !important;\n\n}\n\n:host(.row-dirty-inserted),\n:host ::slotted(zg-cell.row-dirty-inserted) {\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-row-dirty-insert-background-color\n  * @description Sets the background color of the dirty row on row insert\n  * @see background-color\n  * @default green;\n  * @demoLink https://app.zingsoft.com/demos/create/1QNVARYX\n  * @shadowOnly false\n  */\n  background-color: var(--zg-row-dirty-insert-background-color, green) !important;\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-row-dirty-insert-color\n  * @description Sets the color of the dirty row on row insert\n  * @see color\n  * @default \n  * @demoLink https://app.zingsoft.com/demos/create/XIUPV4FU\n  * @shadowOnly false\n  */\n  color: var(--zg-row-dirty-insert-color, inherit) !important;\n}',""])},8781:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {}\n:host([hidden]) {\n    display: none !important;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n.zg-search {\n  display: inline-flex;\n  align-items: center;\n  min-width: var(--zg-icon-width);\n  position: relative;\n}\n\n.zg-search-input {\n  display: none;\n  z-index: 1;\n}\n:host([active]) .zg-search-input {\n  display: block;\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* The search button */\n:host ::slotted(zg-button) {\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n}\n/* The search input */\n:host ::slotted(input) {\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-background\n  * @description Styles the background of search input field\n  * @see background-color\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/IYW53NTF\n  * @shadowOnly false\n  */\n  background-color: var(--zg-search-background);\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border\n  * @description Styles the border of search input field\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/4PDUZTH1\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border-bottom\n  * @description Styles the bottom border of search input field\n  * @see border\n  * @default var(--zg-search-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/3JVK4H1O\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-search-border-bottom, var(--zg-search-border, 0));\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border-left\n  * @description Styles the left border of search input field\n  * @see border\n  * @default var(--zg-search-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/YDSOVV4E\n  * @shadowOnly false\n  */\n  border-left: var(--zg-search-border-left, var(--zg-search-border, 0));\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border-radius\n  * @description Applies border radius to search input field\n  * @see border-radius\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/KXLSPBB4\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-search-border-radius, 0);\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border-right\n  * @description Styles the right border of search input field\n  * @see border\n  * @default var(--zg-search-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/79MXY4RD\n  * @shadowOnly false\n  */\n  border-right: var(--zg-search-border-right, var(--zg-search-border, 0));\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border-top\n  * @description Styles the top border of search input field\n  * @see border\n  * @default var(--zg-search-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/BVEFKOAX\n  * @shadowOnly false\n  */\n  border-top: var(--zg-search-border-top, var(--zg-search-border, 0));\n  box-sizing: border-box;\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-color\n  * @description Sets the font color of search input field\n  * @see color\n  * @default var(--theme-color_alt)\n  * @demoLink https://app.zingsoft.com/demos/create/P6DBIQ77\n  * @shadowOnly false\n  */\n  color: var(--zg-search-color, var(--theme-color_alt));\n  display: table-cell;\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-font-size\n  * @description Sets the font size of search input field\n  * @see font-size\n  * @default vd\n  * @demoLink https://app.zingsoft.com/demos/create/0ZWF57WG\n  * @shadowOnly false\n  */\n  font-size: var(--zg-search-font-size, var(--theme-font-size));\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-font-weight\n  * @description Sets the font weight of search input field\n  * @see font-weight\n  * @default var(--theme-font-weight)\n  * @demoLink https://app.zingsoft.com/demos/create/C460WKFJ\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-search-font-weight, var(--theme-font-weight));\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-height\n  * @description Sets the height of search input field\n  * @see height\n  * @default 32px\n  * @demoLink https://app.zingsoft.com/demos/create/VHSG3LZG\n  * @shadowOnly false\n  */\n  height: var(--zg-search-height, 32px);\n  line-height: 1;\n  outline: none;\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-padding\n  * @description Sets the padding of search input field\n  * @see padding\n  * @default 0 10px 0 15px\n  * @demoLink https://app.zingsoft.com/demos/create/I9PHNPDX\n  * @shadowOnly false\n  */\n  padding: var(--zg-search-padding, 0 10px);\n  width: 250px;\n}\n/* The search input (Right to Left direction) */\n:host([dir="rtl"]) ::slotted(input) {\nleft: 0;\nright: auto;\n}',""])},5250:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-background\n  * @description Styles the background of the entire select parent wrapper\n  * @default Browser's default value\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/FKASS504\n  * @shadowOnly true\n  */\n  background: var(--zg-select-background);\n  box-sizing: border-box;\n  cursor: pointer;\n  display:inline-block;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-font-family\n  * @description Sets the font family of the select option\n  * @see font-family\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/QEQSYYSZ\n  * @shadowOnly false\n  */\n  font-family: var(--zg-select-font-family);\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-font-size\n  * @description Sets the font size of the select option\n  * @see font-size\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/DY8BR3BP\n  * @shadowOnly false\n  */\n  font-size: var(--zg-select-font-size);\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-font-weight\n  * @description Sets the font weight of the select option\n  * @see font-weight\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/370EUHZ2\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-select-font-weight);\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-line-height\n  * @description Sets the line height of the select option\n  * @see line-height\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/WLLWY3LZ\n  * @shadowOnly false\n  */\n  line-height: var(--zg-select-line-height);\n  margin: 0;\n  padding: 0;\n  position: relative;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-transform\n  * @description Sets the transform of the select option\n  * @see transform\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/UCROZGFJ\n  * @shadowOnly false\n  */\n  transform: var(--zg-select-transform);\n  user-select: none;\n}\n:host([active]) {\n  z-index: 1000;\n}\n\n:host([disabled]) {\n  cursor: not-allowed;\n  opacity: 0.2 !important;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n.zg-select {\n  display: flex;\n  position: relative;\n  z-index: 2;\n}\n.zg-select-inner {\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-border\n  * @description Styles the border of the select\n  * @see border\n  * @default 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/C1KEFISX\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-border-bottom\n  * @description Styles the bottom border of the select\n  * @see border\n  * @default var(--zg-select-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/318YQ5SY\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-select-border-bottom, var(--zg-select-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-border-left\n  * @description Styles the left border of the select\n  * @see border\n  * @default var(--zg-select-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/3DXGEXHM\n  * @shadowOnly false\n  */\n  border-left: var(--zg-select-border-left, var(--zg-select-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-border-right\n  * @description Styles the right border of the select\n  * @see border\n  * @default var(--zg-select-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/TXSP6105\n  * @shadowOnly false\n  */\n  border-right: var(--zg-select-border-right, var(--zg-select-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-border-top\n  * @description Styles the top border of the select\n  * @see border\n  * @default var(--zg-select-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/DSM6AYMB\n  * @shadowOnly false\n  */\n  border-top: var(--zg-select-border-top, var(--zg-select-border, 1px solid var(--theme-border-color)));\n  display: flex;\n  margin: 0;\n  z-index: 0;\n  outline: none;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-height\n  * @description Sets the minimum height of the select\n  * @see height\n  * @default 28px\n  * @demoLink https://app.zingsoft.com/demos/create/B5HJ4SD8\n  * @shadowOnly true\n  */\n  min-height: var(--zg-select-height, 28px);\n  box-sizing: border-box;\n}\n\n/* Mask */\n.zg-selector-mask {\n  cursor: pointer;\n  display: none;\n  height: 100%;\n  left: 0;\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: 1;\n}\n.zg-selector-mask[active] {\n  display: block;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* The selected value element */\n:host ::slotted(.zg-select-selected) {\n  align-items: center;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-text-background\n  * @description Styles the background of the 'text' portion of the zg-select element\n  * @default #fff\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/MZG3WH82\n  * @shadowOnly false\n  */\n  background: var(--zg-select-text-background, var(--zg-select-background, #fff));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-color\n  * @description Sets the font color of the select\n  * @see color\n  * @default var(--zing-grid-color, var(--theme-color))\n  * @demoLink https://app.zingsoft.com/demos/create/LHLU0OLY\n  * @shadowOnly false\n  */\n  color: var(--zg-select-color, var(--zing-grid-color, var(--theme-color)));\n  display: flex;\n  flex: 1;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-min-width\n  * @description Sets the minimum width of select\n  * @see width\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/UPQ9KFW0\n  * @shadowOnly false\n  */\n  min-width: var(--zg-select-min-width);\n  justify-content: center;\n  overflow: hidden;\n}\n/* Active */\n:host([active]) ::slotted(.zg-select-selected) {\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-color_active\n  * @description Sets the font color of the select option\n  * @see color\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/6I5A2CSK\n  * @shadowOnly false\n  */\n  color: var(--zg-select-color_active, var(--zg-select-color, var(--zing-grid-color, var(--theme-color))));\n}\n\n/* Drop-down arrow element */\n:host ::slotted(.zg-select-trigger) {\n  align-items: center;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-trigger-background\n  * @description Styles the background of the select arrow button (trigger)\n  * @see background\n  * @default var(--zg-select-arrow-background)\n  * @demoLink https://app.zingsoft.com/demos/create/VXK1UMDY\n  * @shadowOnly false\n  */\n  background: var(--zg-select-trigger-background, var(--zg-select-arrow-background));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-border\n  * @description Styles the border of the select arrow button\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/SWYPNN61\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-border-bottom\n  * @description Styles the bottom border of the select arrow button\n  * @see border\n  * @default var(--zg-select-arrow-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/EFHCN5FS\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-select-arrow-border-bottom, var(--zg-select-arrow-border, 0));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-border-left\n  * @description Styles the left border of the select arrow button\n  * @see border\n  * @default var(--zg-select-arrow-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/MK7EXGQL\n  * @shadowOnly false\n  */\n  border-left: var(--zg-select-arrow-border-left, var(--zg-select-arrow-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-border-right\n  * @description Styles the right border of the select arrow button\n  * @see border\n  * @default var(--zg-select-arrow-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/1DGO75SG\n  * @shadowOnly false\n  */\n  border-right: var(--zg-select-arrow-border-right, var(--zg-select-arrow-border, 0));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-border-top\n  * @description Styles the top border of the select arrow button\n  * @see border\n  * @default var(--zg-select-arrow-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/1IT6DL7R\n  * @shadowOnly false\n  */\n  border-top: var(--zg-select-arrow-border-top, var(--zg-select-arrow-border, 0));\n  display: flex;\n  justify-content: center;\n  order: 1;\n  padding: 0;\n  position: relative;\n  width: 30px;\n}\n/* \n  NOTE: FF and Safari don't recognize `:after` on slotted elements\n  so we've slotted in a new element instead: `<div class=\"zg-select-trigger-arrow\">`.\n  This is added in ZGSelect.js as `this.triggerArrow`\n  TODO: When these browsers support `:after`, remove this element and set this\n  selector back to the `:after` state on the trigger itself.\n*/\n/* :host ::slotted(.zg-select-trigger):after {*/\n:host ::slotted(.zg-select-trigger-arrow) {\n  border: 5px solid transparent;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-color\n  * @description Sets the color select arrow icon\n  * @see color\n  * @default #000\n  * @demoLink https://app.zingsoft.com/demos/create/2HTIGGVX\n  * @shadowOnly true\n  */\n  border-top-color: var(--zg-select-arrow-color, var(--zg-select-color, var(--zing-grid-color, #000)));\n  /* content: ''; */\n  display: block;\n  position: absolute;\n  pointer-events: none;\n  right: 11px;\n  top: 50%;\n  transform: translateY(calc(-50% + 3px));\n  z-index: 1;\n}\n/* Active */\n:host([active]) ::slotted(.zg-select-trigger-arrow) {\n  border-top-color: var(--zg-select-arrow-color_active, var(--zg-select-color_active, var(--zg-select-color, var(--zing-grid-color, #000))));\n}\n\n:host([dir=\"rtl\"]) ::slotted(.zg-select-trigger-arrow) {\n  left: 11px;\n  right: unset;\n}\n\n/* The dropdown element */\n:host ::slotted(zg-option-list) {\n  left: 0;\n  margin-top: -1px;\n  position: absolute;\n  z-index:50;\n}\n/* Open the dropdown up instead, if the height of the dropdown extends past the bottom of <zing-grid> */\n:host([open=\"up\"]) ::slotted(zg-option-list) {\n  bottom: calc(var(--zg-select-height) - 1px);\n}",""])},932:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    /**\n    * @memberof ZGSelectorMask\n    * @var --zg-selector-mask-opacity\n    * @description Sets the opacity of selector mask\n    * @see opacity\n    * @default .1\n    * @demoLink https://app.zingsoft.com/demos/create/1UHOVY9H\n    * @shadowOnly false\n    */\n    opacity: var(--zg-selector-mask-opacity, .1);\n}\n\n.zg-selector-mask-mask {\n    /**\n    * @memberof ZGSelectorMask\n    * @var --zg-selector-mask-background\n    * @description Styles the background of selector mask\n    * @see background\n    * @default var(--theme-color-secondary)\n    * @demoLink https://app.zingsoft.com/demos/create/WNZ6POC7\n    * @shadowOnly true\n    */\n    background-color: var(--zg-selector-mask-background, var(--theme-color-secondary));\n    pointer-events: none;\n    position: absolute;\n    transition: all 0.1s;\n}\n.zg-selector-mask-mask.blur {\n    background-color: rgba(153, 153, 153, 0.2);\n}\n",""])},129:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-border\n    * @description Styles the border of separator in the menu\n    * @see border\n    * @default 1px solid var(--theme-border-color)\n    * @demoLink https://app.zingsoft.com/demos/create/RNVZ20TC\n    * @shadowOnly false\n    */\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-border-bottom\n    * @description Styles the bottom border of separator in the menu\n    * @see border\n    * @default var(--zg-separator-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/LUS0AQM5\n    * @shadowOnly false\n    */\n    border-bottom: var(--zg-separator-border-bottom, var(--zg-separator-border, 1px solid var(--theme-border-color)));\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-border-left\n    * @description Styles the left border of separator in the menu\n    * @see border\n    * @default var(--zg-separator-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/1644TNHT\n    * @shadowOnly false\n    */\n    border-left: var(--zg-separator-border-left, var(--zg-separator-border, 0));\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-border-right\n    * @description Styles the right border of separator in the menu\n    * @see border\n    * @default var(--zg-separator-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/0E92TO7L\n    * @shadowOnly false\n    */\n    border-right: var(--zg-separator-border-right, var(--zg-separator-border, 1px solid var(--theme-border-color)));\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-border-top\n    * @description Styles the top border of separator in the menu\n    * @see border\n    * @default var(--zg-separator-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/VLP6EXTJ\n    * @shadowOnly false\n    */\n    border-top: var(--zg-separator-border-top, var(--zg-separator-border, 0));\n    contain: content;\n    display: block;\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-margin\n    * @description Sets the margin of separator in the menu\n    * @see margin\n    * @default 5px 0\n    * @demoLink https://app.zingsoft.com/demos/create/M1YEHDNJ\n    * @shadowOnly false\n    */\n    margin: var(--zg-separator-margin, 5px 0);\n}\n\n:host([hidden]) {\n    display: none;\n}\n\n",""])},4662:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-background\n  * @description Styles the background of source when in `<zg-header>`\n  * @see background\n  * @default var(--theme-color-light)\n  * @demoLink https://app.zingsoft.com/demos/create/B8CEE4RW\n  * @shadowOnly false\n  */\n  background: var(--zg-source-background, var(--theme-color-light));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border\n  * @description Styles the border of source when in `<zg-header>`\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/61L4J1BK\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-bottom\n  * @description Styles the bottom border of source when in `<zg-header>`\n  * @see border\n  * @default var(--zg-source-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/7PHK3BWY\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-source-border-bottom, var(--zg-source-border, 0));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-left\n  * @description Styles the left border of source when in `<zg-header>`\n  * @see border\n  * @default var(--zg-source-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/V4JCUJ5Z\n  * @shadowOnly false\n  */\n  border-left: var(--zg-source-border-left, var(--zg-source-border, 0));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-right\n  * @description Styles the right border of source when in `<zg-header>`\n  * @see border\n  * @default var(--zg-source-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/F2Q3GGWE\n  * @shadowOnly false\n  */\n  border-right: var(--zg-source-border-right, var(--zg-source-border, 0));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-top\n  * @description Styles the top border of source when in `<zg-header>`\n  * @see border\n  * @default var(--zg-source-border, 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/IYUVRHY0\n  * @shadowOnly false\n  */\n  border-top: var(--zg-source-border-top, var(--zg-source-border, 0));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-radius\n  * @description Styles the border radius of source\n  * @see border-radius\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/8A6G8QCU\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-source-border-radius, 0);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-color\n  * @description Sets the font color content inside of source\n  * @see color\n  * @default var(--theme-font-size)\n  * @demoLink https://app.zingsoft.com/demos/create/2V50QBIJ\n  * @shadowOnly false\n  */\n  color: var(--zg-source-color, var(--theme-font-size));\n  contain: content;\n  display: flex;\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-size\n  * @description Sets the font size of source\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/26M7XA7S\n  * @shadowOnly false\n  */\n  font-size: var(--zg-source-font-size, .8rem);\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-style\n  * @description Sets the font style of source\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/DHFAV0VU\n  * @shadowOnly false\n  */\n  font-style: var(--zg-source-font-style, inherit);\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-weight\n  * @description Sets the font weight of source\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/MN67ITKE\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-source-font-weight, inherit);\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-line-height\n  * @description Setes the line height of source\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/XGIEZHE5\n  * @shadowOnly false\n  */\n  line-height: var(--zg-source-line-height, inherit);\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-min-height\n  * @description Sets the min-height of source\n  * @see min-height\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/65FQVPFH\n  * @shadowOnly false\n  */\n  min-height: var(--zg-source-min-height, auto);\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-padding\n  * @description Sets the padding of source\n  * @see padding\n  * @default 5px var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/3Q444PE7\n  * @shadowOnly false\n  */\n  padding: var(--zg-source-padding, 5px var(--theme-padding_x));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-text-align\n  * @description Sets text alignment of content inside of source\n  * @see text-align\n  * @default left\n  * @demoLink https://app.zingsoft.com/demos/create/39DT0WPU\n  * @shadowOnly true\n  */\n  text-align: var(--zg-source-text-align, left);\n  width: 100%;\n}\n\n/* ZG-HEADER */\n:host([position="top"]) {\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-background_top\n  * @description Styles the background of source in grid header\n  * @see background\n  * @default var(--zg-source-background, var(--theme-color-light))\n  * @demoLink https://app.zingsoft.com/demos/create/HMPYHCA5\n  * @shadowOnly false\n  */\n  background: var(--zg-source-background_top, var(--zg-source-background, var(--theme-color-light)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border_top\n  * @description Styles the border of source in grid header\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/XDGD9PE9\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-bottom_top\n  * @description Styles the bottom border of source in grid header\n  * @see border\n  * @default var(--zg-source-border-bottom, var(--zg-source-border, 1px solid var(--theme-border-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/ZLU0PJ8K\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-source-border-bottom_top, var(--zg-source-border_top, var(--zg-source-border-bottom, var(--zg-source-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-left_top\n  * @description Styles the left border of source in grid header\n  * @see border\n  * @default var(--zg-source-border-left, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/ZOSVTPPP\n  * @shadowOnly false\n  */\n  border-left: var(--zg-source-border-left_top, var(--zg-source-border_top, var(--zg-source-border-left, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-right_top\n  * @description Styles the right border of source in grid header\n  * @see border\n  * @default var(--zg-source-border-right, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/XYYNP87U\n  * @shadowOnly false\n  */\n  border-right: var(--zg-source-border-right_top, var(--zg-source-border_top, var(--zg-source-border-right, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-top_top\n  * @description Styles the top border of source in grid header\n  * @see border\n  * @default var(--zg-source-border-top, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/QFZ02F7M\n  * @shadowOnly false\n  */\n  border-top: var(--zg-source-border-top_top, var(--zg-source-border_top, var(--zg-source-border-top, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-radius_top\n  * @description Sets the border radius of source in grid header\n  * @see border-radius\n  * @default var(--zg-source-border-radius, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/YANV98VN\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-source-border-radius_top, var(--zg-source-border-radius, 0));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-color_top\n  * @description Sets the font color of source in grid header\n  * @see color\n  * @default var(--zg-source-color, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/HXKVXNN1\n  * @shadowOnly false\n  */\n  color: var(--zg-source-color_top, var(--zg-source-color, var(--zg-source-border, 0)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-size_top\n  * @description Sets the font size of source in grid header\n  * @see font-size\n  * @default var(--zg-source-font-size, .8rem)\n  * @demoLink https://app.zingsoft.com/demos/create/9L6UUOD1\n  * @shadowOnly false\n  */\n  font-size: var(--zg-source-font-size_top, var(--zg-source-font-size, .8rem));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-style_top\n  * @description Sets the font style of source in grid header\n  * @see font-style\n  * @default var(--zg-source-font-style, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/840GA0V0\n  * @shadowOnly false\n  */\n  font-style: var(--zg-source-font-style_top, var(--zg-source-font-style, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-weight_top\n  * @description Sets the font weight of source in grid header\n  * @see font-weight\n  * @default var(--zg-source-font-weight, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/USHIZ6F6\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-source-font-weight_top, var(--zg-source-font-weight, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-line-height_top\n  * @description Sets the line height of source in grid header\n  * @see line-height\n  * @default var(--zg-source-line-height, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/5YF3GLIN\n  * @shadowOnly false\n  */\n  line-height: var(--zg-source-line-height_top, var(--zg-source-line-height, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-min-height_top\n  * @description Sets the min-height of source in grid header\n  * @see min-height\n  * @default var(--zg-source-min-height, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/0QZLOW3U\n  * @shadowOnly false\n  */\n  min-height: var(--zg-source-min-height_top, var(--zg-source-min-height, var(--zg-source-border, 0)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-padding_top\n  * @description Sets the padding of source in grid header\n  * @see padding\n  * @default var(--zg-source-padding, 5px var(--theme-padding_x))\n  * @demoLink https://app.zingsoft.com/demos/create/RVNCXN9N\n  */\n  padding: var(--zg-source-padding_top, var(--zg-source-padding, 5px var(--theme-padding_x)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-text-align_top\n  * @description Sets the text alignment of source in grid header\n  * @see text-align\n  * @default var(--zg-source-text-align, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/340QGB1B\n  * @shadowOnly true\n  */\n  text-align: var(--zg-source-text-align_top, var(--zg-source-text-align, var(--zg-source-border, 0)));\n}\n\n/* ZG-FOOTER */\n:host([position="bottom"]) {\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-background_bottom\n  * @description Styles the background of source in grid footer\n  * @see background\n  * @default var(--zg-source-background, var(--theme-color-light))\n  * @demoLink https://app.zingsoft.com/demos/create/U2ULZN3K\n  * @shadowOnly false\n  */\n  background: var(--zg-source-background_bottom, var(--zg-source-background, var(--theme-color-light)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border_bottom\n  * @description Styles the border of source in grid footer\n  * @see border\n  * @default var(--zg-source-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/NLGMWVFV\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-bottom_bottom\n  * @description Styles the bottom border of source in grid footer\n  * @see border\n  * @default var(--zg-source-border-bottom, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/HU2H5A7R\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-source-border-bottom_bottom, var(--zg-source-border_bottom, var(--zg-source-border-bottom, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-left_bottom\n  * @description Styles the left border of source when in grid footer\n  * @see border\n  * @default var(--zg-source-border-left, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/TMDEY84Q\n  * @shadowOnly false\n  */\n  border-left: var(--zg-source-border-left_bottom, var(--zg-source-border_bottom, var(--zg-source-border-left, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-right_bottom\n  * @description Styles the right border of source in grid footer\n  * @see border\n  * @default var(--zg-source-border-right, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/DVIKUSPV\n  * @shadowOnly false\n  */\n  border-right: var(--zg-source-border-right_bottom, var(--zg-source-border_bottom, var(--zg-source-border-right, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-top_bottom\n  * @description Sets the border radius of source in grid footer\n  * @see border\n  * @default var(--zg-source-border-top, var(--zg-source-border, 1px solid var(--theme-border-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/HHTAVNAN\n  * @shadowOnly false\n  */\n  border-top: var(--zg-source-border-top_bottom, var(--zg-source-border_bottom, var(--zg-source-border-top, var(--zg-source-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-radius_bottom\n  * @description Styles the top border of source in grid footer\n  * @see border-radius\n  * @default var(--zg-source-border-radius, 0 0 var(--zing-grid-border-radius, 0) var(--zing-grid-border-radius, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/FX3KMZFC\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-source-border-radius_bottom, var(--zg-source-border-radius, 0 0 var(--zing-grid-border-radius, 0) var(--zing-grid-border-radius, 0)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-color_bottom\n  * @description Sets the font color of source in grid footer\n  * @see color\n  * @default var(--zg-source-color, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/ZYE5IX57\n  * @shadowOnly false\n  */\n  color: var(--zg-source-color_bottom, var(--zg-source-color, var(--zg-source-border, 0)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-size_bottom\n  * @description Sets the font size of source in grid footer\n  * @see font-size\n  * @default var(--zg-source-font-size, .8rem)\n  * @demoLink https://app.zingsoft.com/demos/create/8OUWG6MW\n  * @shadowOnly false\n  */\n  font-size: var(--zg-source-font-size_bottom, var(--zg-source-font-size, .8rem));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-style_bottom\n  * @description Sets the font style of source in grid footer\n  * @see font-style\n  * @default var(--zg-source-font-style, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/MO9TACWW\n  * @shadowOnly false\n  */\n  font-style: var(--zg-source-font-style_bottom, var(--zg-source-font-style, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-weight_bottom\n  * @description Sets the font weight of source in grid footer\n  * @see font-weight\n  * @default var(--zg-source-font-weight, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/ZI6A0WHC\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-source-font-weight_bottom, var(--zg-source-font-weight, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-line-height_bottom\n  * @description Sets the line height of source in grid footer\n  * @see line-height\n  * @default var(--zg-source-line-height, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/2AFGKKGF\n  * @shadowOnly false\n  */\n  line-height: var(--zg-source-line-height_bottom, var(--zg-source-line-height, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-min-height_bottom\n  * @description Sets the min-height of source in grid footer\n  * @see min-height\n  * @default var(--zg-source-min-height, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/XFJ87KHV\n  * @shadowOnly false\n  */\n  min-height: var(--zg-source-min-height_bottom, var(--zg-source-min-height, var(--zg-source-border, 0)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-padding_bottom\n  * @description Sets the padding of source when in grid footer\n  * @see padding\n  * @default var(--zg-source-padding, 5px var(--theme-padding_x))\n  * @demoLink https://app.zingsoft.com/demos/create/32PB37Q8\n  * @shadowOnly false\n  */\n  padding: var(--zg-source-padding_bottom, var(--zg-source-padding, 5px var(--theme-padding_x)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-text-align_bottom\n  * @description Sets the text alignment of source in grid footer\n  * @see text-align\n  * @default var(--zg-source-text-align, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/F3WEBJI1\n  * @shadowOnly true\n  */\n  text-align: var(--zg-source-text-align_bottom, var(--zg-source-text-align, var(--zg-source-border, 0)));\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n\ncite {\n  /* Already documented above */\n  font-style: var(--zg-source-font-style, inherit);\n  width: 100%;\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */',""])},9812:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  bottom: auto;\n  inset: var(--zg-status-offset) var(--zg-status-offset) auto auto;\n  opacity: 0;\n\n  pointer-events: none;\n  position: absolute;\n  /* width: 100%; */\n  transition: opacity .25s;\n}\n\n/* Active */\n:host([active]) {\n  opacity: 1;\n  pointer-events: auto;\n  z-index:11; /* Set to 11 to be higher than zg-focus */ \n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n.zg-status {\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-background\n  * @description Styles the background of status\n  * @see background\n  * @default #333\n  * @demoLink https://app.zingsoft.com/demos/create/W5V0YNUC\n  * @shadowOnly true\n  */\n  background: var(--zg-status-background, transparent);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-border\n  * @description Styles the border of status\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/Z8G1Y9J0\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-border-bottom\n  * @description Styles the bottom border of status\n  * @see border\n  * @default var(--zg-status-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/RDBMZRYT\n  * @shadowOnly true\n  */\n  border-bottom: var(--zg-status-border-bottom, var(--zg-status-border, 0));\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-border-left\n  * @description Styles the left border of status\n  * @see border\n  * @default var(--zg-status-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/0N6OVVNL\n  * @shadowOnly true\n  */\n  border-left: var(--zg-status-border-left, var(--zg-status-border, 0));\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-border-right\n  * @description Styles the right border of status\n  * @see border\n  * @default var(--zg-status-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/V4FJ8NP0\n  * @shadowOnly true\n  */\n  border-right: var(--zg-status-border-right, var(--zg-status-border, 0));\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-border-top\n  * @description Styles the top border of status\n  * @see border\n  * @default var(--zg-status-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/JR75IU0Z\n  * @shadowOnly true\n  */\n  border-top: var(--zg-status-border-top, var(--zg-status-border, 0));\n  border-radius: var(--zg-status-border-radius, 7px);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-box-shadow\n  * @description Applies a box shadow behind status\n  * @see box-shadow\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/AFADODNH\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-status-box-shadow, none);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-color\n  * @description Sets the font color of contents in status\n  * @see color\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/4M1VTWI2\n  * @shadowOnly true\n  */\n  color: var(--zg-status-color, #fff);\n  /* contain: content; */\n  cursor: default;\n  display: flex;\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-margin\n  * @description Sets the margin of status\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/68R9EOE1\n  * @shadowOnly true\n  */\n  margin: var(--zg-status-margin, 0);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-min-height\n  * @description Sets the min-height of status\n  * @see min-height\n  * @default 27px\n  * @demoLink https://app.zingsoft.com/demos/create/I8H3QJQH\n  * @shadowOnly true\n  */\n  user-select: none;\n  /* width: 100%; */\n}\n\n/* TYPE: ERROR */\n:host([type="error"]) .zg-status,\n:host([type="error"]) .zg-status > * {\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-error-background\n  * @description Styles the background of \'error\' status\n  * @see background\n  * @default red\n  * @demoLink https://app.zingsoft.com/demos/create/6PA9F3ZV\n  * @shadowOnly true\n  * @storyAlert true\n  */\n  background: var(--zg-status-error-background, #f44336);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-error-color\n  * @description Sets the font color of contents of \'error\' status\n  * @see color\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/I2PDH9NT\n  * @shadowOnly true\n  * @storyAlert true\n  */\n  color: var(--zg-status-error-color, var(--zg-status-color, #fff));\n}\n\n/* TYPE: SUCCESS */\n:host([type="success"]) .zg-status,\n:host([type="success"]) .zg-status > * {\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-success-background\n  * @description Styles the background of \'success\' status\n  * @see background\n  * @default green\n  * @demoLink https://app.zingsoft.com/demos/create/NBN1ICRW\n  * @shadowOnly true\n  */\n  background: var(--zg-status-success-background, #4caf50);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-success-color\n  * @description Sets the font color of contents of \'success\' status\n  * @see color\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/NOBFYNI2\n  * @shadowOnly true\n  */\n  color: var(--zg-status-success-color, var(--zg-status-color, #fff));\n}\n\n\n/* POSITION: BAR */\n:host([status-position="bar"]) {\n  --zg-status-border-radius: 0;\n}\n\n\n\n/* ZG-ICON */\n.zg-status > zg-icon {\n  margin-right: 8px;\n}\n\n\n/* Message Container */\n.zg-status-message {\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-align-items\n  * @description Sets the alignment of inner elements of status\n  * @see align-items\n  * @default center\n  * @demoLink https://app.zingsoft.com/demos/create/ZRT752NI\n  * @shadowOnly true\n  * @storyAlert recommend:--zg-status-min-height:50px\n  */\n  align-items: var(--zg-status-align-items);\n  border-radius: 3px;\n  box-sizing: border-box;\n  display: flex;\n  flex: 1;\n  gap: 6px;\n  min-height: var(--zg-status-min-height, 27px);\n  overflow: hidden;\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-justify-content\n  * @description Sets the horizontal alignment of contents in status\n  * @see justify-content\n  * @default flex-start\n  * @demoLink https://app.zingsoft.com/demos/create/S5Z1A4YD\n  * @shadowOnly true\n  * @private\n  * @storyAlert recommend:--zg-status-min-height:50px\n  */\n  justify-content: var(--zg-status-justify-content, flex-start);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-font-family\n  * @description Sets the font family of contents in status\n  * @see font-family\n  * @default var(--theme-font-family)\n  * @demoLink https://app.zingsoft.com/demos/create/V9XSI899\n  * @shadowOnly true\n  */\n  font-family: var(--zg-status-font-family, var(--theme-font-family));\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-font-size\n  * @description Sets the font size of contents in status\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/DWUD8JY8\n  * @shadowOnly true\n  */\n  font-size: var(--zg-status-font-size, .75rem);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-line-height\n  * @description Sets the line height of status\n  * @see line-height\n  * @default 1\n  * @demoLink https://app.zingsoft.com/demos/create/NIZJO06Q\n  * @shadowOnly true\n  */\n  line-height: var(--zg-status-line-height, 1.4);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-max-width\n  * @description Sets the max-width of the status-message area\n  * @see width\n  * @default 300px\n  * @demoLink https://app.zingsoft.com/demos/create/SQY0NAMY\n  * @shadowOnly true\n  */\n  max-width: var(--zg-status-max-width, 280px);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-padding\n  * @description Sets the padding of status\n  * @see padding\n  * @default 14px var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/OMHQO954\n  * @shadowOnly true\n  */\n  padding: var(--zg-status-padding, 10px);\n  transform: translateX(0);\n  z-index: 1;\n}\n\n.zg-status-message zg-icon {\n  height: 16px;\n  width: 16px;\n}\n\n/* Position: Bar */\n:host([status-position="bar"]) .zg-status-message {\n  --zg-status-font-size: 13px;\n  --zg-status-justify-content: flex-start;\n  --zg-status-max-width: none;\n}\n:host([status-position="bar"]) .zg-status-message zg-icon {\n  flex: 0 1 auto;\n}\n\n/* Icon */\n.zg-status-message zg-icon {\n  flex:1 0 auto;\n}\n:host([type="success"]) .zg-status-message zg-icon {\n  transform: translateY(-1px)\n}\n\n/* Text/Label */\n.zg-status-text { transform:translateY(2px); }\n\n/* Action */\n.zg-status-action {\n  background: #fbfbfb;\n  border-radius: 0 3px 3px 0;\n  cursor: pointer;\n  display: flex;\n  font-size: 90%;\n  outline: none;\n  overflow: hidden;\n  text-transform: uppercase;\n  width: 24px;\n}\n/* Position: Bar */\n:host([status-position="bar"]) .zg-status-action {\n  width: 34px;\n}\n\n/* Span wrapper */\n.zg-status-action > [close] {\n  display: flex;\n}\n\n/* SVG Icon */\n.zg-status-action zg-icon {\n  border-radius: 0 3px 3px 0;\n  display: flex;\n  fill: #fff;\n  height: 100%;\n  justify-content: center;\n  min-width: 24px;\n}\n\n.zg-status-action svg {\n  height: 14px;\n  width: 14px;  \n  transform: translateY(5px) rotate(0);\n}\n.zg-status-action zg-icon:hover svg {\n  transform: translateY(5px) rotate(-90deg);\n  transition: transform .3s ease-out;\n}\n\n/* Position: Bar */\n:host([status-position="bar"]) .zg-status-action zg-icon {\n  align-items: center;\n  min-width: 34px;\n}\n:host([status-position="bar"]) .zg-status-action svg {\n  width: 20px;\n  height:20px;\n  transform: translateY(0) rotate(0);\n}\n:host([status-position="bar"]) .zg-status-action zg-icon:hover svg {\n  transform: translateY(0) rotate(-90deg);\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */',""])},9652:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    display: inline;\n    /**\n    * @memberof ZGText\n    * @var --zg-text-color\n    * @description Sets the font color of text\n    * @see color\n    * @default Browser's default value\n    * @demoLink https://app.zingsoft.com/demos/create/6MC0B6AC\n    * @shadowOnly false\n    */\n    color: var(--zg-text-color);\n    /**\n    * @memberof ZGText\n    * @var --zg-text-font-family\n    * @description Sets the font family of text\n    * @see font-family\n    * @default Browser's default value\n    * @demoLink https://app.zingsoft.com/demos/create/0WX0EZZ8\n    * @shadowOnly false\n    */\n    font-family: var(--zg-text-font-family);\n    /**\n    * @memberof ZGText\n    * @var --zg-text-font-size\n    * @description Sets the font size of text\n    * @see font-size\n    * @default Browser's default value\n    * @demoLink https://app.zingsoft.com/demos/create/R9RX1WRC\n    * @shadowOnly false\n    */\n    font-size: var(--zg-text-font-size);\n    /**\n    * @memberof ZGText\n    * @var --zg-text-font-style\n    * @description Sets the font style of text\n    * @see font-style\n    * @default Browser's default value\n    * @demoLink https://app.zingsoft.com/demos/create/LE7Z8B73\n    * @shadowOnly false\n    */\n    font-style: var(--zg-text-font-style);\n    /**\n    * @memberof ZGText\n    * @var --zg-text-font-weight\n    * @description Sets the font weight of text\n    * @see font-weight\n    * @default Browser's default value\n    * @demoLink https://app.zingsoft.com/demos/create/J9EWFRHT\n    * @shadowOnly false\n    */\n    font-weight: var(--zg-text-font-weight);\n    /**\n    * @memberof ZGText\n    * @var --zg-text-line-height\n    * @description Sets the line height of text\n    * @see line-height\n    * @default .8\n    * @demoLink https://app.zingsoft.com/demos/create/W14MFSEF\n    * @shadowOnly false\n    */\n    line-height: var(--zg-text-line-height, .8);\n}",""])},7293:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* HOST - CONFIG\n-------------------------------------- */\n/* Type: Default */\n:host([tooltip-type="default"]) {\n  --tooltip-background-color: var(--zing-grid-background);\n  --tooltip-border-color: var(--theme-border-color);\n  --tooltip-arrow-size: 7px;\n  --tooltip-icon-horz-offset: -8px;\n  --tooltip-offset: 8px;\n}\n:host([tooltip-type="default"][no-info-icon]) {\n  --tooltip-icon-horz-offset: -10px;\n  --tooltip-offset: 6px;\n  --tooltip-vert-offset: 2px;\n}\n\n/* Type: System */\n:host([tooltip-type="system"]) {\n  --tooltip-background-color: var(--theme-color_alt);\n  --tooltip-border-color: var(--theme-color_alt);\n  --tooltip-arrow-size: 5px;\n  --tooltip-height: 22px;\n  --tooltip-offset: 8px;\n  --tooltip-icon-horz-offset: -4px;\n  --tooltip-vert-offset: 0;\n}\n:host([tooltip-type="system"][no-info-icon]) {\n  /* --tooltip-offset: 6px; */\n  --tooltip-icon-horz-offset: calc(-1 * var(--tooltip-arrow-size) - 2px);\n  --tooltip-vert-offset: 1px;\n}\n\n\n/* HOST\n-------------------------------------- */\n/* Type: Default */\n:host {\n  background: var(--tooltip-background-color);\n  border: 1px solid var(--tooltip-border-color);\n  border-radius: 4px;\n  display: block;\n  line-height: initial;\n  padding: 10px;\n  pointer-events: auto;\n  position: absolute;\n  z-index: 11;\n}\n/* Type: System */\n:host([tooltip-type="system"])  {\n  background: var(--tooltip-background-color);\n  border: 1px solid var(--tooltip-border-color);\n  border-radius: 2px;\n  color: #fff;\n  font-size: 11px;\n  line-height: 1;\n  padding: 6px 8px;\n}\n\n/*  Add space for close button */\n:host([tooltip-action="click"]) {\n  padding-top: 35px;\n}\n\n:host([hidden]) {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n/* :before and :after arrow graphic */\n:host:before,\n:host:after {\n  content: \'\';\n  display: block;\n  position: absolute;\n}\n:host:before {\n  border: var(--tooltip-arrow-size) solid transparent;\n}\n:host:after {\n  border: calc(var(--tooltip-arrow-size) - 1px) solid transparent;\n}\n\n/* POSITIONING: TOP\n-------------------------------------- */\n/* Has Info Icon (from icon) */\n:host([tooltip-position="top"]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * 100%));\n}\n:host([tooltip-position="top"][animate]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * 100% - var(--tooltip-offset)));\n}\n/* No Info Icon (from cell) */\n:host([tooltip-position="top"][no-info-icon]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * 100% + (var(--zg-row-head-height)/2) - (var(--tooltip-arrow-size)*2)));\n}\n:host([tooltip-position="top"][no-info-icon][animate]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * 100% + (var(--zg-row-head-height)/2) - (var(--tooltip-arrow-size)*2) - var(--tooltip-offset)));\n}\n/* Arrow */\n:host([tooltip-position="top"]):before,\n:host([tooltip-position="top"]):after {\n  left: var(--tooltip-arrow-size);\n  top: 100%;\n}\n:host([tooltip-position="top"]):before {\n  border-top-color: var(--tooltip-border-color);\n}\n:host([tooltip-position="top"]):after {\n  border-top-color: var(--tooltip-background-color);\n  transform: translateX(1px);\n}\n\n\n/* POSITIONING: BOTTOM\n-------------------------------------- */\n/* Has Info Icon (from icon) */\n:host([tooltip-position="bottom"]) {\n  transform: translate(var(--tooltip-icon-horz-offset), 0);\n}\n:host([tooltip-position="bottom"][animate]) {\n  transform: translate(var(--tooltip-icon-horz-offset), var(--tooltip-offset));\n}\n/* No Info Icon (from cell) */\n:host([tooltip-position="bottom"][no-info-icon]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * (var(--zg-row-head-height)/2) + (var(--tooltip-arrow-size)*2)));\n}\n:host([tooltip-position="bottom"][no-info-icon][animate]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * (var(--zg-row-head-height)/2) + (var(--tooltip-arrow-size)*2) + var(--tooltip-offset) - var(--tooltip-vert-offset)));\n}\n/* Arrow */\n:host([tooltip-position="bottom"]):before,\n:host([tooltip-position="bottom"]):after {\n  left: var(--tooltip-arrow-size);\n  top: calc(-1 * (var(--tooltip-arrow-size) * 2));\n}\n:host([tooltip-position="bottom"]):before {\n  border-bottom-color: var(--tooltip-border-color);\n}\n:host([tooltip-position="bottom"]):after {\n  border-bottom-color: var(--tooltip-background-color);\n  transform: translate(1px, 2px);\n}\n\n\n/* POSITIONING: LEFT\n-------------------------------------- */\n:host([tooltip-position="left"]) {\n  transform: translate(calc(-1 * 100% - (var(--tooltip-arrow-size)/2)), -50%);\n}\n:host([tooltip-position="left"][animate]) {\n  transform: translate(calc(-1 * 100% - var(--tooltip-offset) - (var(--tooltip-arrow-size)/2)), -50%);\n}\n:host([tooltip-position="left"][no-info-icon]) {\n  transform: translate(calc(-1 * 100% + var(--zg-head-cell-padding-left) - (var(--tooltip-arrow-size)/2)), -50%);\n}\n:host([tooltip-position="left"][no-info-icon][animate]) {\n  transform: translate(calc(-1 * 100% + var(--zg-head-cell-padding-left) - (var(--tooltip-arrow-size)/2) - var(--tooltip-offset) - 1px), -50%);\n}\n/* Arrow */\n:host([tooltip-position="left"]):before,\n:host([tooltip-position="left"]):after {\n  left: 100%;\n  top: 50%;\n}\n:host([tooltip-position="left"][tooltip-type="system"]):before,\n:host([tooltip-position="left"][tooltip-type="system"]):after {\n  transform: translate(0, calc(-1 * 50% + 7px));\n}\n:host([tooltip-position="left"]):before {\n  border-left-color: var(--tooltip-border-color);\n}\n:host([tooltip-position="left"]):after {\n  border-left-color: var(--tooltip-background-color);\n  transform: translateY(1px);\n}\n:host([tooltip-position="left"]):before,\n:host([tooltip-position="left"]):after {\n  transform: translate(0, calc(-1 * 50% - 1px));\n}\n\n\n/* POSITIONING: RIGHT\n-------------------------------------- */\n:host([tooltip-position="right"]) {\n  transform: translate(calc(var(--tooltip-arrow-size)), -50%);\n}\n:host([tooltip-position="right"][animate]) {\n  transform: translate(calc(var(--tooltip-arrow-size) + var(--tooltip-offset)), -50%);\n}\n/* Arrow */\n:host([tooltip-position="right"]):before,\n:host([tooltip-position="right"]):after {\n  right: 100%;\n  top: 50%;\n}\n:host([tooltip-position="right"][tooltip-type="system"]):before,\n:host([tooltip-position="right"][tooltip-type="system"]):after {\n  transform: translate(0, calc(-1 * 50% + 7px));\n}\n\n:host([tooltip-position="right"]):before {\n  border-right-color: var(--tooltip-border-color);\n}\n:host([tooltip-position="right"]):after {\n  border-right-color: var(--tooltip-background-color);\n  transform: translateY(1px);\n}\n\n:host([tooltip-position="right"]):before,\n:host([tooltip-position="right"]):after {\n  transform: translate(0, calc(-1 * 50% - 1px));\n}\n\n/*  CLOSE BUTTON */\nbutton.zg-tooltip-close {\n  background: var(--zg-icon-color, var(--theme-color-primary));\n  border: 0;\n  border-radius: 2px;\n  color: var(--theme-color-light);\n  cursor: pointer;\n  display: none;\n  font-size: 11px;\n  outline: none;\n  padding: 4px_5px;\n  position: absolute;\n  right: 10px;\n  top: 10px;\n}\n\n:host([tooltip-action="click"]) button.zg-tooltip-close {\n  display: block;\n}\n\n',""])},3503:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-align-items\n     * @description Sets the alignment of watermark\n     * @default center\n     * @demoLink https://app.zingsoft.com/demos/create/S5YW98DV\n     */\n    align-items: var(--zg-watermark-align-items, center);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-background\n     * @description Styles the background of watermark\n     * @default #fbfbfb\n     * @demoLink https://app.zingsoft.com/demos/create/PLI8AW69\n     */\n    background: var(--zg-watermark-background, #fbfbfb);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-border-bottom\n     * @description Styles the bottom border of watermark\n     * @default var(--zg-watermark-border, 0)\n     * @demoLink https://app.zingsoft.com/demos/create/3VCNCH3C\n     */\n    border-bottom: var(--zg-watermark-border-bottom, var(--zg-watermark-border, 0));\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-border-left\n     * @description Styles the left border of watermark\n     * @default var(--zg-watermark-border, 0)\n     * @demoLink https://app.zingsoft.com/demos/create/13YH2AD1\n     */\n    border-left: var(--zg-watermark-border-left, var(--zg-watermark-border, 0));\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-border-radius\n     * @description Applies border radius to the watermark\n     * @default inherit\n     * @demoLink https://app.zingsoft.com/demos/create/HCZ0FTPR\n     */\n    border-radius: var(--zg-watermark-border-radius, inherit);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-border-right\n     * @description Styles the right border of watermark\n     * @default var(--zg-watermark-border, 0)\n     * @demoLink https://app.zingsoft.com/demos/create/ULJ95NPX\n     */\n    border-right: var(--zg-watermark-border-right, var(--zg-watermark-border, 0));\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-border-top\n     * @description Styles the top border of watermark\n     * @default var(--zg-watermark-border, 1px solid var(--theme-border-color))\n     * @demoLink https://app.zingsoft.com/demos/create/GCQARHA3\n     */\n    border-top: var(--zg-watermark-border-top, var(--zg-watermark-border, 1px solid var(--theme-border-color)));\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-box-shadow\n     * @description Applies a box shadow behing the watermark\n     * @default none\n     * @demoLink https://app.zingsoft.com/demos/create/DNU5EE34\n     */\n    box-shadow: var(--zg-watermark-box-shadow, none);\n    box-sizing: border-box;\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-color\n     * @description Sets the color of watermark\n     * @default var(--theme-color-primary)\n     * @demoLink https://app.zingsoft.com/demos/create/RHV3AZL7\n     */\n    color: var(--zg-watermark-color, var(--theme-color-primary));\n    contain: content;\n    display: flex;\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-font-family\n     * @description Sets the font of watermark\n     * @default var(--theme-font-family)\n     * @demoLink https://app.zingsoft.com/demos/create/Z5DUURMU\n     */\n    font-family: var(--zg-watermark-font-family, var(--theme-font-family));\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-font-size\n     * @description Sets the font size of watermark\n     * @default .75rem\n     * @demoLink https://app.zingsoft.com/demos/create/GSCFSFBN\n     */\n    font-size: var(--zg-watermark-font-size, .75rem);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-justify-content\n     * @description Sets the horizontal alignment of contents in the watermark\n     * @default flex-end\n     * @demoLink https://app.zingsoft.com/demos/create/J3IEZOOI\n     */\n    justify-content:var(--zg-watermark-justify-content, flex-end);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-margin\n     * @description Sets margins of watermark\n     * @default 0\n     * @demoLink https://app.zingsoft.com/demos/create/JKMSIB8K\n     */\n    margin: var(--zg-watermark-margin, 0);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-min-height\n     * @description Sets the minimum height of watermark\n     * @default 27px\n     * @demoLink https://app.zingsoft.com/demos/create/LLLRII80\n     */\n    min-height: var(--zg-watermark-min-height, 27px);\n    overflow: hidden;\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-padding\n     * @description Sets padding of watermark\n     * @default 0 var(--theme-padding_x)\n     * @demoLink https://app.zingsoft.com/demos/create/2F6JMW08\n     */\n    padding: var(--zg-watermark-padding, 0 var(--theme-padding_x));\n    position: relative;\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-width\n     * @description Sets width of watermark\n     * @default auto\n     * @demoLink https://app.zingsoft.com/demos/create/52DLY7I5\n     */\n    width: var(--zg-watermark-width, auto);\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\na {\n  color: var(--zg-watermark-color, var(--theme-color-primary));\n  text-decoration: none;\n}\n\nstrong {\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-color_strong\n     * @description Sets color of strong in watermark\n     * @default var(--theme-color-secondary)\n     * @demoLink https://app.zingsoft.com/demos/create/OWU6641C\n     */\n    color: var(--zg-watermark-color_strong, var(--zg-watermark-color, var(--theme-color-secondary)));\n}",""])},9733:(e,t,o)=>{(t=e.exports=o(9252)()).i(o(3974),""),t.i(o(3054),""),t.i(o(9300),""),t.i(o(6110),""),t.i(o(6913),""),t.i(o(6375),""),t.push([e.id,'/* IMPORT\n-------------------------------------- */\n/* Import variables file for each built-in theme */\n/* NOTE: This is required. You don\'t need to import to other components since they inherit from zing-grid. */\n/* NOTE: `default.css` is the base. Other internal themes build off of it */\n/* Import internal themes */\n/* Compact version - must go after theme calls */\n\n/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-background\n  * @default #fff\n  * @see background\n  * @description Styles the background of grid\n  * @demoLink https://app.zingsoft.com/demos/create/S2LGW6WY\n  * @shadowOnly false\n  */\n  background: var(--zing-grid-background, #fff);\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border\n  * @description Styles the border of grid\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/FNVV7TJP\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border-bottom\n  * @description Styles the bottom border of grid\n  * @see border\n  * @default var(--zing-grid-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/BP54E8PI\n  * @shadowOnly false\n  */\n  border-bottom: var(--zing-grid-border-bottom, var(--zing-grid-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border-left\n  * @description Styles the left border of grid\n  * @see border\n  * @default var(--zing-grid-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/BQ8DWU62\n  * @shadowOnly false\n  */\n  border-left: var(--zing-grid-border-left, var(--zing-grid-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border-radius\n  * @description Applies border radious to grid\n  * @see border-radius\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/O84UETSN\n  * @shadowOnly true\n  */\n  border-radius: var(--zing-grid-border-radius, 0);\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border-right\n  * @description Styles the right border of grid\n  * @see border\n  * @default var(--zing-grid-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/7AFJ7RUL\n  * @shadowOnly false\n  */\n  border-right: var(--zing-grid-border-right, var(--zing-grid-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border-top\n  * @description Styles the top border of grid\n  * @see border\n  * @default var(--zing-grid-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/PZO08P3O\n  * @shadowOnly false\n  */\n  border-top: var(--zing-grid-border-top, var(--zing-grid-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-box-shadow\n  * @description Applies a box shadow behind grid\n  * @see box-shadow\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/58QV7GJW\n  * @shadowOnly false\n  */\n  box-shadow: var(--zing-grid-box-shadow, none);\n  box-sizing: border-box;\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-color\n  * @default --theme-color\n  * @see color\n  * @description The font color of grid\n  * @demoLink https://app.zingsoft.com/demos/create/PEY7GS10\n  * @shadowOnly false\n  */\n  color: var(--zing-grid-color, var(--theme-color));\n  display: table;\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-font-family\n  * @default --theme-font-family\n  * @see font-family\n  * @description Sets the font family of grid text\n  * @demoLink https://app.zingsoft.com/demos/create/7KFKVQX1\n  * @shadowOnly false\n  */\n  font-family: var(--zing-grid-font-family, var(--theme-font-family));\n  font-feature-settings: \'liga\'; /* Support for IE. */\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-font-size\n  * @default --theme-font-size\n  * @see font-size\n  * @description Sets the font size of grid text\n  * @demoLink https://app.zingsoft.com/demos/create/HCQWBCQ1\n  * @shadowOnly false\n  */\n  font-size: var(--zing-grid-font-size, var(--theme-font-size));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-font-style\n  * @default --theme-font-style\n  * @see font-style\n  * @description Sets the font style of grid text\n  * @demoLink https://app.zingsoft.com/demos/create/9Q837C38\n  * @shadowOnly false\n  */\n  font-style: var(--zing-grid-font-style, var(--theme-font-style));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-font-weight\n  * @default --theme-font-weight\n  * @see font-weight\n  * @description Sets the font weight of grid text\n  * @demoLink https://app.zingsoft.com/demos/create/9NIED1XI\n  * @shadowOnly false\n  */\n  font-weight: var(--zing-grid-font-weight, var(--theme-font-weight));\n  position: relative;\n  -webkit-font-smoothing: antialiased; /* Support for all WebKit browsers. */\n  -moz-osx-font-smoothing: grayscale; /* Support for Firefox. */\n  text-rendering: optimizeLegibility; /* Support for Safari and Chrome. */\n  width: 100%;\n  outline: none;\n}\n/* [fullscreen] mode */\n:host([fullscreen]) {\n  left: 0;\n  position: fixed;\n  top: 0;\n}\n\n/* [viewport="mobile"] mode */\n:host([viewport="mobile"]) {\n  --zg-dialog-editor-row-grid-template-columns: 1fr;\n}\n\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n\n/* MAIN WRAPPER */\n.zing-grid {\n  border-collapse: collapse;\n  /* display: table; */\n  height: 100%;\n  width: 100%;\n}\n\n:host([loading]) {\n  display: flex;\n  flex-direction: column;\n}\n:host([loading]) .zing-grid {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n}\n\n\n/* ------ */\n\n\n/* GRID CONTENT WRAPPERS */\n\n/* WRAPPER 1 */\n/* TODO: Remove .zing-grid-wrapper-1, but for now it breaks when removed. Possible JS tied to \'#wrap\' id */\n.zing-grid-wrapper-1 {\n  outline: none;\n}\n:host([loading]) .zing-grid-wrapper-1 {\n  flex: 1;\n}\n\n/* WRAPPER 2 */\n.zing-grid-wrapper-2 {\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-table-border\n  * @description Styles the border of grid table contents\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/7AYEIA84\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-table-border-bottom\n  * @default 0\n  * @see border\n  * @description Styles the bottom border of grid table contents\n  * @default var(--zing-grid-table-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/V22ON3LN\n  * @shadowOnly true\n  */\n  border-bottom: var(--zing-grid-table-border-bottom, var(--zing-grid-table-border, var(--zing-grid-body-border, 0)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-table-border-left\n  * @default 0\n  * @see border\n  * @description Styles the left border of grid table contents\n  * @default var(--zing-grid-table-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/TYY11EZ3\n  * @shadowOnly true\n  */\n  border-left: var(--zing-grid-table-border-left, var(--zing-grid-table-border, var(--zing-grid-body-border, 0)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-table-border-right\n  * @default 0\n  * @see border\n  * @description Styles the right border of grid table contents\n  * @default var(--zing-grid-table-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/JRSIU7TZ\n  * @shadowOnly true\n  */\n  border-right: var(--zing-grid-table-border-right, var(--zing-grid-table-border, var(--zing-grid-body-border, 0)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-table-border-top\n  * @default 0\n  * @see border\n  * @description Styles the top border of grid table contents\n  * @default var(--zing-grid-table-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/U2UPKR02\n  * @shadowOnly true\n  */\n  border-top: var(--zing-grid-table-border-top, var(--zing-grid-table-border, var(--zing-grid-body-border, 0)));\n  flex: 1 1 auto;\n  outline: none;\n  position:relative;\n}\n\n.zing-grid-wrapper-2[width] {\n    /* overflow-x: auto;\n    overflow-y: hidden; */\n    overflow: hidden;\n}\n\n.zing-grid-wrapper-2[no-data] {\n  display: none;\n}\n\n/* Scroll Wrapper\n    scroll-wrap and zing-grid-frames are the same with the exception of flex and overflow:auto\n */\n.zing-grid-scroll-wrap {\n}\n\n/* ------ */\n\n\n/* FRAME WRAPPER */\n.zing-grid-frames {\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-body-border\n  * @description Styles the border of grid body\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/Y8DATMC5\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-body-border-bottom\n  * @see border\n  * @description Styles the bottom border of grid body\n  * @default var(--zing-grid-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/DV04MMF0\n  * @shadowOnly false\n  */\n  /* border-bottom: var(--zing-grid-body-border-bottom, var(--zing-grid-body-border, 0));*/\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-body-border-left\n  * @see border\n  * @description Styles the left border of grid body\n  * @default var(--zing-grid-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FLHJ459E\n  * @shadowOnly false\n  */\n  /* border-left: var(--zing-grid-body-border-left, var(--zing-grid-body-border, 0));*/\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-body-border-right\n  * @see border\n  * @description Styles the right border of grid body\n  * @default var(--zing-grid-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/TGKGCNRA\n  * @shadowOnly false\n  */\n  /* border-right: var(--zing-grid-body-border-right, var(--zing-grid-body-border, 0));*/\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-body-border-top\n  * @see border\n  * @description Styles the top border of grid body\n  * @default var(--zing-grid-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/QIG564H2\n  * @shadowOnly false\n  */\n  /* border-top: var(--zing-grid-body-border-top, var(--zing-grid-body-border, 0));*/\n\n  display: flex;\n}\n/* [fullscreen] mode */\n/* :host([fullscreen]) .zing-grid-frames { overflow:auto; } */\n\n.zing-grid-frames-body { overflow:auto; }\n\n/* ------ */\n\n\n/* GRID BODY AREAS (FRAMES - Mainly for freezing) */\n\n/* Shared */\n/* [class*="zing-grid-frame-"] {} */\n\n/* Left */\n.zing-grid-frame-left { /*border:1px solid green;  TMP */ }\n\n/* Main */\n.zing-grid-frame-main {\n  overflow:hidden;\n  position: relative;\n} /* flex: 1 0 auto;  */ /*border:1px solid purple;  TMP */\n.zing-grid-frames-body .zing-grid-frame-main { /*height:1200px;*/ } /* @CS here */\n\n/* Right */\n/* .zing-grid-frame-right {} */\n\n\n/* ------ */\n\n\n/* HEAD */\n\n/* Shared */\n\n/* Left */\n/* .zing-grid-head-left {} */\n\n/* Main */\n/* .zing-grid-head-main {} */\n\n/* Right */\n/* .zing-grid-head-right {} */\n\n\n/* ------ */\n\n/* BODY */\n\n/* Shared */\n[class*="zing-grid-body-"] {\n  box-sizing: border-box;\n  display: table;\n  overflow-x: scroll;\n  position: relative;\n  width: 100%;\n  table-layout: fixed;\n}\n\n/* Left */\n/* .zing-grid-body-left {} */\n\n/* Main */\n/* .zing-grid-body-main {} */\n\n/* Right */\n/* .zing-grid-body-right {} */\n\n\n/* ------ */\n\n\n/* BODY SCROLL\n-------------------------------------- */\n/* BODY SCROLL */\n/* Inner scroll wrapper */\n.zing-grid-scroll {\n  position: relative;\n  overflow-x: auto;\n}\n.zing-grid-scroll[height] {\n  /* overflow-x: auto;\n  overflow-y: hidden; */\n  overflow: auto;\n}\n\n\n\n/* FREEZE\n-------------------------------------- */\n\n/* Shared */\n.zing-grid-freeze-left,\n.zing-grid-freeze-right {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  /* table-layout: fixed; */ /* @CS Did you add this for a particular reason? I don\'t think it is needed, but I might not see the whole picture. */\n}\n/* When no freeze columns, hide the column wrappers so that body can fill the whole width */\n.zing-grid-frames[no-freeze] .zing-grid-freeze-left,\n.zing-grid-frames[no-freeze] .zing-grid-freeze-right {\n  display: none;\n}\n\n.zing-grid-freeze-left[no-content],\n.zing-grid-freeze-right[no-content] {\n  display: none;\n}\n\n/* Left */\n/* .zing-grid-freeze-left {} */\n\n/* Right */\n/* .zing-grid-freeze-right {} */\n\n.zing-grid-freeze-style-left {\n\tleft: 0;\n}\n\n:host ::slotted(#zing-grid-freeze-style-left) {\n\tleft: 0;\n}\n\n:host([dir="rtl"]) ::slotted(#zing-grid-freeze-style-left) {\n\tleft: unset;\n  right: 0;\n}\n\n:host ::slotted(#zing-grid-freeze-style-right) {\n\tright: 0;\n}\n\n:host([dir="rtl"]) ::slotted(#zing-grid-freeze-style-right) {\n\tright: unset;\n  left: 0;\n}\n\n/* Hide in card layout mode */\n:host([layout="card"]) .zing-grid-freeze-style-left,\n:host([layout="card"]) .zing-grid-freeze-style-right {\n  display: none;\n}\n\n/* When selector is present, clicking on the cell no longer should do a\n * browser default selection, instead selector should be used to do copy-paste\n * operations. */\n:host([selector]) .zg-cell span {\n  user-select: none;\n  cursor: default;\n}\n\n/* When resize-column is set, we want the cursor to always be the resize cursor even if over a drag or sort column head */\n:host([resize-column]) {\n  cursor: ew-resize;\n}\n\n/* Menu Items */\n.zg-button-text {\n  top: 7px;\n}\n\n/* Clipboard */\n/* NOTE: We can\'t simply display:none; or visibility:hidden; the clipboard, otherwise the copy+paste code won\'t work */\n.zing-grid-clipboard {\n  background: none;\n  border: 0;\n  height: 0;\n  pointer-events: none;\n  position: absolute;\n  opacity: 0;\n  resize: none;\n  width: 0;\n}\n\n/* Grid Clipper */\n.zing-grid-selection-copy-paste {\n  position: absolute;\n  top: -1000px;\n  left: 0;\n  width: 0;\n  height: 0;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(*) {\n  flex-shrink: 0;\n}\n\n/* ZG-BODY */\n:host([selector]) ::slotted(zg-body) {\n  user-select: none;\n}\n\n/* ZG-HEAD */\n:host([selector]) ::slotted(zg-head) {\n  user-select: none;\n}\n\n/* ZG-NODATA */\n/*\n  If user added `[dialog]` to <zing-grid>, set a min-height\n  so that the modal-overlay isn\'t cutoff.\n*/\n:host([dialog]) ::slotted(zg-no-data) {\n  align-items: flex-start;\n  min-height: 250px;\n}\n\n/* ZG-PAGER */\n:host ::slotted(zg-pager[slot=\'bottom\']) {\n  border-top: 1px solid var(--theme-border-color);\n}\n/*\n  Add a top-border to the <zg-pager> when the <zing-grid> tag\n  has a [height] attribute. Because the bottom row in grid\n  could be cutoff due to this fixed height, it\'s natural border\n  wouldn\'t separate the grid from the pager (especially if they\n  share the same background color). This way we ensure there is\n  a visual separation.\n*/\n:host([height]) ::slotted(zg-pager) {\n  --zg-pager-border-top: 1px solid var(--theme-border-color);\n}\n\n/* ZG-STATUS */\n/*\n  Set attribute values on <zing-grid> to position the message (top-left, top-right (default), bottom-left, bottom-right)\n*/\n/* Top */\n:host([status-position="top left"]) ::slotted(zg-status),\n:host([status-position="left top"]) ::slotted(zg-status) {\n  left: var(--zg-status-offset);\n  right: auto;\n}\n:host([status-position="bottom left"]) ::slotted(zg-status),\n:host([status-position="left bottom"]) ::slotted(zg-status) {\n  bottom: var(--zg-status-offset);\n  left: var(--zg-status-offset);\n  right: auto;\n  top: auto;\n}\n:host([status-position="top center"]) ::slotted(zg-status),\n:host([status-position="center top"]) ::slotted(zg-status) {\n  bottom: var(--zg-status-offset);\n  right: 50%;\n  transform: translateX(50%);\n}\n/* Bottom */\n:host([status-position="bottom right"]) ::slotted(zg-status),\n:host([status-position="right bottom"]) ::slotted(zg-status) {\n  bottom: var(--zg-status-offset);\n  top: auto;\n}\n:host([status-position="bottom center"]) ::slotted(zg-status),\n:host([status-position="center bottom"]) ::slotted(zg-status) {\n  bottom: var(--zg-status-offset);\n  right: 50%;\n  top: auto;\n  transform: translateX(50%);\n}\n/* Center */\n:host([status-position="center"]) ::slotted(zg-status) {\n  right: 50%;\n  transform: translate(50%, -50%);\n  top: 50%;\n}\n:host([status-position="center left"]) ::slotted(zg-status),\n:host([status-position="left center"]) ::slotted(zg-status) {\n  right: auto;\n  left: var(--zg-status-offset);\n  transform: translateY(-50%);\n  top: 50%;\n}\n:host([status-position="center right"]) ::slotted(zg-status),\n:host([status-position="right center"]) ::slotted(zg-status) {\n  transform: translateY(-50%);\n  top: 50%;\n}\n/* \'Bar\' Style (Bottom) */\n:host([status-position="bar"]) ::slotted(zg-status) {\n  border-radius: 0;\n  right: auto;\n  top: 100%;\n  width: 100%;\n  max-width: none;\n}\n\n\n\n\n:host ::slotted(zg-load-mask[default-load-mask]) {\n  display:none;\n}\n\n:host([loading]) ::slotted(zg-load-mask[default-load-mask]) {\n  display:flex !important;\n}\n\n/* DRAGGABLE COLUMNS */\n/* Default Styling */\n:host ::slotted(.zg-shadow-cell) {\n  background-color: var(--zg-head-cell-background, var(--zg-head-background));\n  box-sizing: border-box;\n  color: var(--zg-head-cell-color);\n  /* min-width: 80px; */\n  height: var(--zg-head-cell-height);\n  /* line-height: 30px; */\n  position: absolute;\n  z-index: 100000000;\n  border-bottom: var(--zg-head-cell-border-bottom, 1px solid var(--theme-border-color));\n  border-left: var(--zg-head-cell-border-left, 1px solid var(--theme-border-color));\n  border-right: var(--zg-head-cell-border-right, 1px solid var(--theme-border-color));\n  border-top: var(--zg-head-cell-border-top, 1px solid var(--theme-border-color));\n  vertical-align: middle;\n  text-align: center;\n  text-transform: uppercase;\n  font-size: var(--zg-head-cell-font-size);\n  font-weight: bold;\n  cursor: move;\n\n  align-items: center;\n  justify-content: center;\n  display: flex;\n  flex-direction: column;\n}\n:host ::slotted(.zg-shadow-cell[ready]) {\n  padding: 20px 10px;\n}\n:host ::slotted(.zg-shadow-cell):after {\n  content: attr(data-content);\n  align-items: center;\n  background: var(--theme-color-primary);\n  border-bottom: var(--zg-head-cell-border-bottom, 1px solid var(--theme-border-color));\n  border-left: var(--zg-head-cell-border-left, 1px solid var(--theme-border-color));\n  border-right: var(--zg-head-cell-border-right, 1px solid var(--theme-border-color));\n  box-sizing: border-box;\n  color: #fff;\n  display: flex;\n  flex: 1;\n  font-size: 9px;\n  justify-content: center;\n  padding: 3px 5px;\n  white-space: nowrap;\n  min-width: 150px;\n  width: var(--draggable-width_note, calc(100% + 4px));\n}\n:host ::slotted(.zg-shadow-cell[ready]):after {\n  bottom: 0;\n  position: absolute;\n  transform: translateY(100%);\n}\n\n\n/* DRAG OUTSIDE GRID TO HIDE COLUMN */\n/* Styling when dragged outside ZG */\n:host ::slotted(.zg-shadow-remove) {\n  color: red;\n  border-color: red;\n}\n:host ::slotted(.zg-shadow-cell.zg-shadow-remove[ready]):after {\n  content: attr(data-content);\n  background: red;\n}\n\n\n/* SETTING VARIABLES */\n/* VERTICAL GRID LINES */\n:host([gridlines="vert"]),\n:host([gridlines="vertical"]) {\n  --zg-pager-border-top: 1px solid var(--theme-border-color);\n}\n\n/* BATCH EDIT */\n/*\n  When in \'batch edit\' mode we add an attribute to <zing-grid>\n  to help us in styling <zg-body> only in that state\n*/\n/* Default batch edit mode - Set styling on main <zg-body> */\n/* :host([batch-edit-active]) {\n  --theme-background-row: unset;\n} */\n/* :host([batch-edit-active]) ::slotted(zg-frozen-colgroup) {\n  --zing-grid-freeze-style-border: 0;\n} */\n:host([batch-edit-active][layout="card"]) ::slotted(zg-body) {\n  background: none;\n  border: var(--theme-batch-edit-border, 0);\n  box-shadow: var(--theme-batch-edit-box-shadow, inset 0 0 5px var(--theme-color-primary));\n}\n/*\n  When \'batch edit\' applied to frozen columns, the styling clashes\n  since frozen columns already have a box-shadow. Therefore, we\n  remove the frozen-column styling AND their respective child <zg-body>,\n  and instead add the box-shadow styling to the frozen-column parent element\n  inside <zing-grid>\'s shadow DOM\n*/\n:host([batch-edit-active]) ::slotted(zg-body),\n:host([batch-edit-active]) ::slotted(zg-frozen-colgroup) {\n  box-shadow: unset;\n}\n:host([batch-edit-active]) ::slotted(zg-body) {\n  border: 0;\n}\n:host([batch-edit-active][layout="card"]) .zing-grid-frames-body {\n  border: var(--theme-batch-edit-border, 0);\n  box-shadow: var(--theme-batch-edit-box-shadow, inset 0 0 5px var(--theme-color-primary));\n}',""])},6110:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,':host([theme="android"]) {\n\n  /* CUSTOM VARS FOR THIS THEME FILE\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --android-background_sorted\n  * @default #fafbfa\n  * @description Styles the background of sorted cell\n  * @see background\n  */\n  --android-background_sorted: #fafbfa;\n  /**\n  * @memberof android\n  * @var --android-caption-color\n  * @default #607d8b\n  * @description Styles the background of caption\n  * @see background-color\n  */\n  --android-caption-color: #607d8b;\n  /**\n  * @memberof android\n  * @var --android-color-primary\n  * @default #00796B\n  * @description Sets the font color of primary text and icons\n  * @example header cells\n  * @example pager icons\n  * @see color\n  */\n  --android-color-primary: #00796B;\n  /**\n  * @memberof android\n  * @var --android-color-secondary\n  * @default #263238\n  * @description Sets the font color of secondary text\n  * @example watermark\n  * @see color\n  */\n  --android-color-secondary: #263238;\n  /**\n  * @memberof android\n  * @var --android-font-size\n  * @default .9375rem\n  * @description Sets the base font size of grid\n  * @example cell content\n  * @see font-size\n  */\n  --android-font-size: .9375rem;\n  /**\n  * @memberof android\n  * @var --android-focus-color\n  * @default #4db6ac\n  * @description Styles the border of inputs and text of inputs on focus\n  * @example select input:focus\n  * @example page index input:focus\n  * @example editor modal input:focus\n  * @see color\n  */\n  --android-focus-color: #4db6ac;\n  /**\n  * @memberof android\n  * @var --android-input-height\n  * @default 22px\n  * @description Sets the height of inputs\n  * @example select input\n  * @example page index input\n  * @example editor modal input\n  * @see height\n  */\n  --android-input-height: 22px;\n\n  /* GLOBALS\n  ----------------------------------------------------- */\n  /* BACKGROUND */\n  /**\n  * @memberof android\n  * @var --theme-background-color\n  * @default rgba(0, 122, 255, .05)\n  * @description Styles the background of rows on hover\n  * @see background-color\n  */\n  --theme-background-color: rgba(0, 122, 255, .05);\n\n  /* BORDER */\n  /**\n  * @memberof android\n  * @var --theme-border-color\n  * @default #ebebeb\n  * @description Styles the border\n  * @example rows (header and body)\n  * @example column menu\n  * @example filter input\n  * @example page size option menu\n  * @example cards in \'card\' layout-mode\n  * @see border\n  */\n  --theme-border-color: #ebebeb;\n\n  /* COLOR */\n  /**\n  * @memberof android\n  * @var --theme-color-primary\n  * @default var(--android-color-primary)\n  * @description Sets the color of primary text and icons\n  * @example header cells\n  * @example pager icons\n  * @see color\n  */\n  --theme-color-primary: var(--android-color-primary);\n  /**\n  * @memberof android\n  * @var --theme-color-secondary\n  * @default var(--android-color-secondary);\n  * @description Sets the color of secondary text\n  * @example watermark\n  * @see color\n  */\n  --theme-color-secondary: var(--android-color-secondary);\n\n  /* FONT */\n  /**\n  * @memberof android\n  * @var --theme-color\n  * @default #4d4d4d\n  * @description Sets the color of text\n  * @example cell content\n  * @example pager text\n  * @example input text\n  * @example editor modal text\n  * @see color\n  */\n  --theme-color: #4d4d4d;\n  /**\n  * @memberof android\n  * @var --theme-color_alt\n  * @default #333333\n  * @description Sets the color of alternative text\n  * @example filter input\n  * @see color\n  */\n  --theme-color_alt: #333333;\n  /**\n  * @memberof android\n  * @var --theme-font-family\n  * @default "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;\n  * @description Sets the font family of text\n  * @see font-family\n  */\n  --theme-font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;\n  /**\n  * @memberof android\n  * @var --theme-font-size\n  * @default var(--android-font-size)\n  * @description Sets the base font size of text of grid\n  * @example cell content\n  * @see font-size\n  */\n  --theme-font-size: var(--android-font-size);\n  /**\n  * @memberof android\n  * @var --theme-font-style\n  * @default normal\n  * @description Sets the font style of text\n  * @see font-style\n  */\n  --theme-font-style: normal;\n  /**\n  * @memberof android\n  * @var --theme-font-weight\n  * @default normal\n  * @description Sets the font-weight of text\n  * @see font-weight\n  */\n  --theme-font-weight: normal;\n  /**\n  * @memberof android\n  * @var --theme-line-height\n  * @default 1.2rem\n  * @description Sets the line height\n  * @see line-height\n  */\n  --theme-line-height: 1.2rem;\n\n  /* PADDING */\n  /**\n  * @memberof android\n  * @var --theme-padding_x\n  * @default 1rem\n  * @description Sets the horizontal padding of cells\n  * @see padding\n  */\n  --theme-padding_x: 1rem;\n  /**\n  * @memberof android\n  * @var --theme-padding_y\n  * @default 1rem\n  * @description Sets the vertical padding of cells\n  * @see padding\n  */\n  --theme-padding_y: 1rem;\n\n\n  /* -------------------------------------------------- */\n\n  /* ZG-GRID\n  ----------------------------------------------------- */\n  /* Main Grid Component */\n  /**\n  * @memberof android\n  * @var --zing-grid-background\n  * @default #fff\n  * @description Styles the background of header and body rows\n  * @see background\n  */\n  --zing-grid-background: #fff;\n  /**\n  * @memberof android\n  * @var --zing-grid-border\n  * @default 0\n  * @description Styles the border of grid\n  * @see border\n  */\n  --zing-grid-border: 0;\n  /**\n  * @memberof android\n  * @var --zing-grid-box-shadow\n  * @default 0 5px 15px rgba(0,0,0, 0.2), 0 5px 5px rgba(0,0,0, 0.07)\n  * @description Applies a box shadow behind grid\n  * @see box-shadow\n  */\n  --zing-grid-box-shadow: 0 5px 15px rgba(0,0,0, 0.2), 0 5px 5px rgba(0,0,0, 0.07);\n  /* The Grid \'Table\' Shadow DOM element */\n  /**\n  * @memberof android\n  * @var --zing-grid-table-border-left\n  * @default 0\n  * @description Styles the left border of grid body\n  * @see border\n  */\n  --zing-grid-table-border-left: 0;\n  /**\n  * @memberof android\n  * @var --zing-grid-table-border-right\n  * @default 0\n  * @description Styles the right border of grid body\n  * @see border\n  */\n  --zing-grid-table-border-right: 0;\n\n\n  /* ZG-CELL\n  ----------------------------------------------------- */\n  /* When this cell\'s column is currently sorted */\n  /**\n  * @memberof android\n  * @var --zg-cell-background_sorted\n  * @default var(--android-background_sorted)\n  * @description Styles the background of sorted cells\n  * @see background-color\n  */\n  --zg-cell-background_sorted: var(--android-background_sorted);\n\n  /* ZG-CAPTION\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-caption-background\n  * @default var(--android-caption-color)\n  * @description Styles the background of caption\n  * @see background-color\n  */\n  --zg-caption-background: var(--android-caption-color);\n  /**\n  * @memberof android\n  * @var --zg-caption-box-shadow\n  * @default 0 2px 5px rgba(0,0,0,.26)\n  * @description Applies a box shadow behind caption\n  * @see box-shadow\n  */\n  --zg-caption-box-shadow: 0 2px 5px rgba(0,0,0,.26);\n  /**\n  * @memberof android\n  * @var --zg-caption-color\n  * @default #fff\n  * @description Sets the font color of caption\n  * @see color\n  */\n  --zg-caption-color: #fff;\n  /**\n  * @memberof android\n  * @var --zg-caption-font-size\n  * @default 1.125rem\n  * @description Sets the base font size of caption\n  * @see font-size\n  */\n  --zg-caption-font-size: 1.125rem;\n  /**\n  * @memberof android\n  * @var --zg-caption-font-weight\n  * @default 500\n  * @description Sets the font weight of caption\n  * @see font-weight\n  */\n  --zg-caption-font-weight: 500;\n  /* Title */\n  /**\n  * @memberof android\n  * @var --zg-caption-title-flex\n  * @default 1\n  * @description Sets are elements are flex in caption\n  * @see flex\n  */\n  --zg-caption-title-flex: 1;\n  /* Icons */\n  /**\n  * @memberof android\n  * @var --zg-caption-icon-color\n  * @default #fff\n  * @description Sets the color of icons in caption\n  * @see fill\n  */\n  --zg-caption-icon-color: #fff;\n  /**\n  * @memberof android\n  * @var --zg-caption-icon-height\n  * @default 24px\n  * @description Sets the height of icons in caption\n  * @see height\n  */\n  --zg-caption-icon-height: 24px;\n  /**\n  * @memberof android\n  * @var --zg-caption-icon-width\n  * @default 24px\n  * @description Sets the width of icons in caption\n  * @see width\n  */\n  --zg-caption-icon-width: 24px;\n\n  /* ZG-EDITOR-ROW\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-dialog-footer-justify-content\n  * @default flex-end\n  * @description Sets the horizontal alignment of contents in the dialog footer\n  * @see justify-content\n  */\n  --zg-dialog-footer-justify-content: flex-end;\n\n\n  /* ZG-EDITOR-ROW\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-editor-row-input-background_focus\n  * @default #fff\n  * @description Styles the background of editor input on focus\n  * @see background\n  */\n  --zg-editor-row-input-background_focus: #fff;\n  /**\n  * @memberof android\n  * @var --zg-editor-row-input-border-bottom_focus\n  * @default 2px solid var(--android-focus-color)\n  * @description Styles bottom border of editor input on focus\n  * @see border\n  */\n  --zg-editor-row-input-border-bottom_focus: 2px solid var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-editor-row-input-color_focus\n  * @default var(--android-focus-color)\n  * @description Styles the font color of editor input on focus\n  * @see color\n  */\n  --zg-editor-row-input-color_focus: var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-editor-row-input-padding\n  * @default 13px 15px 12px 13px\n  * @description Sets the padding of editor input\n  * @see padding\n  */\n  --zg-editor-row-input-padding: 13px 15px 12px 13px;\n  /**\n  * @memberof android\n  * @var --zg-editor-row-input-transform\n  * @default translate3d(0,-1px,0)\n  * @description Sets the transform of editor input\n  * @see transform\n  */\n  --zg-editor-row-input-transform: translate3d(0,-1px,0);\n\n  /* ZG-FILTER\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-filter-background_sorted\n  * @default #ececec\n  * @description Styles the background of filter in sorted column\n  * @see background\n  */\n  --zg-filter-background_sorted: #ececec;\n\n  /* ZG-FOCUS\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-focus-border\n  * @default 2px solid var(--android-focus-color)\n  * @description Styles the border of inputs on focus\n  * @see border\n  */\n  --zg-focus-border: 2px solid var(--android-focus-color);\n\n  /* ZG-HEAD-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-head-cell-border-top\n  * @default 1px solid transparent\n  * @description Styles the top border of head cells\n  * @see border\n  */\n  --zg-head-cell-border-top: 1px solid transparent;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-color\n  * @default var(--android-color-primary)\n  * @description Sets the font color of head cells\n  * @see color\n  */\n  --zg-head-cell-color: var(--android-color-primary);\n  /**\n  * @memberof android\n  * @var --zg-head-cell-font-size\n  * @default .875rem\n  * @description Sets the font size of head cells\n  * @see font-size\n  */\n  --zg-head-cell-font-size: var(--zing-grid-font-size, .875rem);\n  /* \'SPLIT PARENT\' CELL STYLING */\n  /**\n  * @memberof android\n  * @var --zg-head-cell-parent-background\n  * @default #f5f5f5\n  * @description Styles the background of \'parent\' head cells\n  * @see background\n  */\n  --zg-head-cell-parent-background: #f5f5f5;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-parent-border-bottom\n  * @default 1px solid #cfd8dc\n  * @description Styles the bottom border of \'parent\' head cells\n  * @see border\n  */\n  --zg-head-cell-parent-border-bottom: 1px solid #cfd8dc;\n  /* SORTABLE AND HOVERED */\n  /**\n  * @memberof android\n  * @var --zg-head-cell-background_sorted_hover\n  * @default #fafbfa\n  * @description Styles the background of sorted head cells on hover\n  * @see background\n  */\n  --zg-head-cell-background_sorted_hover: #fafbfa;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-border-top_sorted_hover\n  * @default 1px solid transparent\n  * @description Styles the top border of sorted head cells on hover\n  * @see border\n  */\n  --zg-head-cell-border-top_sorted_hover: 1px solid transparent;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-transition_sorted_hover\n  * @default background .15s\n  * @description Sets the transition of sorted head cells on hover\n  * @see transition\n  */\n  --zg-head-cell-transition_sorted_hover: background .15s;\n  /* SORTED (Overrides hover styles above) */\n  /**\n  * @memberof android\n  * @var --zg-head-cell-background_sorted\n  * @default #546e7a\n  * @description Styles the backgrounf of sorted head cells. Note that this will overwrite associated hover styles.\n  * @see background\n  */\n  --zg-head-cell-background_sorted: #546e7a;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-color_sorted\n  * @default #fff\n  * @description Sets the font color of sorted head cells. Note that this will overwrite associated hover styles.\n  * @see color\n  */\n  --zg-head-cell-color_sorted: #fff;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-icon-color_sorted\n  * @default #fff\n  * @description Sets the icon color of sorted head cells. Note that this will overwrite associated hover styles.\n  * @see fill\n  */\n  --zg-head-cell-icon-color_sorted: #fff;\n\n  /* ZG-ICON\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-icon-color\n  * @default var(--theme-color-primary)\n  * @description Sets the color of icon\n  * @see fill\n  */\n  --zg-icon-color: var(--theme-color-primary);\n\n  /* ZG-INPUT\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-input-background\n  * @default none\n  * @description Styles the background of input field\n  * @see background\n  */\n  --zg-input-background: none;\n  /**\n  * @memberof android\n  * @var --zg-input-border\n  * @default 0\n  * @description Styles the border of input field\n  * @see border\n  */\n  --zg-input-border: 0;\n  /**\n  * @memberof android\n  * @var --zg-input-border-bottom\n  * @default 2px solid var(--android-focus-color)\n  * @description Styles the bottom border of input field\n  * @see border\n  */\n  --zg-input-border-bottom: 2px solid var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-input-font-size\n  * @default .8125rem\n  * @description Sets the base font size of input field\n  * @see font-size\n  */\n  --zg-input-font-size: .8125rem;\n  /**\n  * @memberof android\n  * @var --zg-input-height\n  * @default var(--android-input-height)\n  * @description Sets the height of input field\n  * @see height\n  */\n  --zg-input-height: var(--android-input-height);\n  /**\n  * @memberof android\n  * @var --zg-input-padding\n  * @default 0 0 4px\n  * @description Sets the padding of input field\n  * @see padding\n  */\n  --zg-input-padding: 0 0 4px;\n  /**\n  * @memberof android\n  * @var --zg-input-width\n  * @default 22px\n  * @description Sets the width of input field\n  * @see width\n  */\n  --zg-input-width: 22px;\n  /**\n  * @memberof android\n  * @var --zg-input-transform\n  * @default translateY(1px)\n  * @description Sets the transform of input field\n  * @see transform\n  */\n  --zg-input-transform: translateY(1px);\n  /* Focus */\n  /**\n  * @memberof android\n  * @var --zg-input-border_focus\n  * @default 0\n  * @description Styles the border of input field on focus\n  * @see border\n  */\n  --zg-input-border_focus: 0;\n  /**\n  * @memberof android\n  * @var --zg-input-border-bottom_focus\n  * @default 2px solid var(--android-focus-color)\n  * @description Styles the bottom border of input field on focus\n  * @see border\n  */\n  --zg-input-border-bottom_focus: 2px solid var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-input-color_focus\n  * @default var(--android-focus-color)\n  * @description Sets the font color of input field on focus\n  * @see color\n  */\n  --zg-input-color_focus: var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-input-font-size_focus\n  * @default 1rem\n  * @description Sets the base font size of input field on focus\n  * @see font-size\n  */\n  --zg-input-font-size_focus: 1rem;\n  /**\n  * @memberof android\n  * @var --zg-input-transform_focus\n  * @default translateY(1px)\n  * @description Sets the tranform of input field on focus\n  * @see transform\n  */\n  --zg-input-transform_focus: translateY(1px);\n\n  /* ZG-menu-bar\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-menu-bar-background\n  * @default #f0f4f9\n  * @description Styles the background of menu bar\n  * @see background\n  */\n  --zg-menu-bar-background: #f0f4f9;\n  /**\n  * @memberof android\n  * @var --zg-menu-bar-icon-color\n  * @default #4db6ac\n  * @description Sets the icon color of menu bar\n  * @see fill\n  */\n  --zg-menu-bar-icon-color: #4db6ac;\n\n  /* ZG-OPTION-LIST\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-option-list-item-background_hover\n  * @default #e0f2f1\n  * @description Styles the background of option list item on hover\n  * @see background\n  */\n  --zg-option-list-item-background_hover: #e0f2f1;\n  /**\n  * @memberof android\n  * @var --zg-option-list-item-height\n  * @default 28px\n  * @description Sets the height of option list item on hover\n  * @see height\n  */\n  --zg-option-list-item-height: 28px;\n  /**\n  * @memberof android\n  * @var --zg-option-list-item-padding\n  * @default 0 5px\n  * @description Sets the padding of option list item on hover\n  * @see padding\n  */\n  --zg-option-list-item-padding: 0 5px;\n\n  /* ZG-PAGER\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-pager-background\n  * @default #f0f0f0\n  * @description Styles the background of pager\n  * @see background\n  */\n  --zg-pager-background: #f0f0f0;\n  /**\n  * @memberof android\n  * @var --zg-pager-border-top\n  * @default 0\n  * @description Styles the top border of pager\n  * @see border\n  */\n  --zg-pager-border-top: 0;\n  /**\n  * @memberof android\n  * @var --zg-pager-font-size\n  * @default .8125rem\n  * @description Sets the font size of pager\n  * @see font-size\n  */\n  --zg-pager-font-size: .8125rem;\n  /**\n  * @memberof android\n  * @var --zg-pager-height\n  * @default 40px\n  * @description Sets the height of pager\n  * @see height\n  */\n  --zg-pager-height: 40px;\n\n  /* ZG-ROW\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-row-body-height\n  * @default 53px\n  * @description Sets the height of body rows\n  * @see height\n  */\n  --zg-row-body-height: 53px;\n  /* Layout: Card */\n  /**\n  * @memberof android\n  * @var --zg-row-card-box-shadow\n  * @default 0 3px 20px 0 rgba(0,0,0,0.075)\n  * @description Applies a box shadow behind cards in \'card\' layout-mode\n  * @see box-shadow\n  */\n  --zg-row-card-box-shadow: 0 3px 20px 0 rgba(0,0,0,0.075);\n  /**\n  * @memberof android\n  * @var --zg-row-card-grid-gap\n  * @default 25px\n  * @description Sets the gap between cards in \'card\' layout-mode\n  * @see grid-gap\n  */\n  --zg-row-card-grid-gap: 25px;\n\n  /* ZG-SEARCH\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-search-height\n  * @default 100%\n  * @description Sets the height of search input\n  * @see height\n  */\n  --zg-search-height: 100%;\n\n  /* ZG-SELECT\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-select-background\n  * @default none\n  * @description Styles the background of select\n  * @see background\n  */\n  --zg-select-background: none;\n  /**\n  * @memberof android\n  * @var --zg-select-border\n  * @default 0\n  * @description Styles the border of select\n  * @see border\n  */\n  --zg-select-border: 0;\n  /**\n  * @memberof android\n  * @var --zg-select-border-bottom\n  * @default 2px solid var(--android-focus-color)\n  * @description Styles the bottom border of select\n  * @see border\n  */\n  --zg-select-border-bottom: 2px solid var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-select-height\n  * @default var(--android-input-height)\n  * @description Sets the height of select\n  * @see height\n  */\n  --zg-select-height: var(--android-input-height);\n  /**\n  * @memberof android\n  * @var --zg-select-min-width\n  * @default 15px\n  * @description Sets the minimum width of select\n  * @see min-width\n  */\n  --zg-select-min-width: 15px;\n  /**\n  * @memberof android\n  * @var --zg-select-outline\n  * @default none\n  * @description Styles of outline of select\n  * @see outline\n  */\n  --zg-select-outline: none;\n  /* Selected Field */\n  /**\n  * @memberof android\n  * @var --zg-select-text-background\n  * @default none\n  * @description Styles the background of select in active state \n  * @see background\n  */\n  --zg-select-text-background: none;\n  /* Arrow */\n  /**\n  * @memberof android\n  * @var --zg-select-arrow-background\n  * @default none\n  * @description Styles the backgrounf of select arrow\n  * @see background\n  */\n  --zg-select-arrow-background: none;\n  /**\n  * @memberof android\n  * @var --zg-select-arrow-border\n  * @default 0\n  * @description Styles the border of select arrow\n  * @see border\n  */\n  --zg-select-arrow-border: 0;\n\n  /* ZG-SOURCE\n  ----------------------------------------------------- */\n  --zg-source-background: #f9f9f9;\n  --zg-source-color: #549a92;\n\n  /* ZG-STATUS\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-status-background\n  * @default #333\n  * @description Styles the background of status\n  * @see background\n  */\n  --zg-status-background: #333;\n\n  /* ZG-WATERMARK\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-watermark-background\n  * @default #cfd8dc\n  * @description Styles the background of watermark\n  * @see background\n  */\n  --zg-watermark-background: #cfd8dc;\n  /**\n  * @memberof android\n  * @var --zg-watermark-border-top\n  * @default 0\n  * @description Styles the top border of watermark\n  * @see border\n  */\n  --zg-watermark-border-top: 0;\n  /**\n  * @memberof android\n  * @var --zg-watermark-color\n  * @default var(--theme-color-secondary)\n  * @description Sets the font color of watermark\n  * @see color\n  */\n  --zg-watermark-color: var(--theme-color-secondary);\n  /**\n  * @memberof android\n  * @var --zg-watermark-font-size\n  * @default 10px\n  * @description Sets the base font size of watermark\n  * @see font-size\n  */\n  --zg-watermark-font-size: 10px;\n}',""])},3054:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,":host([theme=\"black\"]) {\n  /* RE-USABLE ZINGGRID VARS\n  ----------------------------------------------------- */\n  /* These are used as the default theme values in the various component .css files */\n  /* These values are used more than once, so we're making them into a variable for reuse */\n\n  /* BACKGROUND */\n\n  /**\n  * @memberof black\n  * @var --theme-background-color\n  * @default #1e1e1e\n  * @description Styles the background of the grid\n  * @example caption\n  * @example filter\n  * @example control bar\n  * @example row:hover\n  * @see background-color\n  */\n  --theme-background-color: #1e1e1e;\n  /**\n  * @memberof black\n  * @var --theme-background-input\n  * @default #343434\n  * @description Styles the background input\n  * @see background-color\n  */\n  --theme-background-input: #343434;\n  /**\n  * @memberof black\n  * @var --theme-background-zebra\n  * @default var(--theme-background-color)\n  * @description Styles the background of 'even' rows in [zebra]-striping mode\n  * @see background-color\n  */\n  --theme-background-zebra: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --theme-background-row\n  * @default #323232\n  * @description Styles the background of row-like items\n  * @see background-color\n  */\n  --theme-background-row: #323232;\n\n  /* BORDER */\n  /**\n  * @memberof black\n  * @var --theme-border-color\n  * @default #444\n  * @description Styles the border color\n  * @see border\n  */\n  --theme-border-color: #444;\n\n  /* COLOR */\n\n  /**\n  * @memberof black\n  * @var --theme-color\n  * @default #767676\n  * @description Styles the font color for most components, including cell content.\n  * @see color\n  * @example cell font color\n  * @example button background\n  * @example checkbox border\n  * @example select color\n  */\n  --theme-color: #ccc;\n  /**\n  * @memberof black\n  * @var --theme-color-black\n  * @default #000\n  * @description Defines the baseline black color\n  * @see color\n  */\n  --theme-color-black: #000;\n  /**\n  * @memberof black\n  * @var --theme-color-input\n  * @default #d0d0d0\n  * @description Sets the font folor of input field\n  * @see color\n  */\n  --theme-color-input: #d0d0d0;\n\n  /**\n  * @memberof theme\n  * @var --theme-color-light\n  * @default #191818\n  * @description Defines the baseline light color\n  * @see color\n  * @example Currently reordering column\n  */\n  --theme-color-light: #191818;\n\n  /**\n  * @memberof black\n  * @var --theme-color-lighter\n  * @default #191818\n  * @description Defines the baseline light color\n  * @see color\n  * @example Filter and Footer background color\n  */\n  --theme-color-lighter: #191818;\n\n  /**\n  * @memberof black\n  * @var --theme-color-white\n  * @default #fff\n  * @description Defines the baseline white color\n  * @see color\n  */\n  --theme-color-white: #fff;\n\n\n  /* -------------------------------------------------- */\n\n\n  /* ZING-GRID\n  ----------------------------------------------------- */\n  --zing-grid-background: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --zing-grid-border-radius\n  * @default 20px\n  * @description Sets the border radius of the grid\n  * @see border-radius\n  */\n  --zing-grid-border-radius: 20px;\n\n  /* ZG-BUTTON\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-button-border-radius\n  * @description Styles of border-radius of buttons\n  * @see border\n  * @default 1px solid #000\n  */\n  --zg-button-border-radius: 3px;\n\n  /* ZG-BUTTON (CUSTOM) */\n  /**\n  * @memberof black\n  * @var --zg-button-background_custom\n  * @description Styles of background of custom button\n  * @see background\n  * @default #000\n  */\n  --zg-button-background_custom: #000;\n  /**\n  * @memberof black\n  * @var --zg-button-border_custom\n  * @description Styles of border of custom button\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  */\n  --zg-button-border_custom: 1px solid var(--theme-border-color);\n  /**\n  * @memberof black\n  * @var --zg-button-box-shadow_custom\n  * @description Applies a box shadow behind custom button\n  * @see box-shadow\n  * @default none\n  */\n  --zg-button-box-shadow_custom: none;\n  /**\n  * @memberof black\n  * @var --zg-button-color_custom\n  * @description Sets the fonc olor of custom button\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom: #fff;\n\n  /* Active */\n  /**\n  * @memberof black\n  * @var --zg-button-background_custom_active\n  * @description Styles of background of custom button on active state\n  * @see background\n  * @default #000\n  */\n  --zg-button-background_custom_active: #000;\n  /**\n  * @memberof black\n  * @var --zg-button-border_custom_active\n  * @description Styles of border of custom button on active state\n  * @see border\n  * @default 1px solid var(--zg-button-background_active)\n  */\n  --zg-button-border_custom_active: 1px solid var(--zg-button-background_active);\n  /**\n  * @memberof black\n  * @var --zg-button-box-shadow_custom_active\n  * @description Applies a box shadow behind custom button on active state\n  * @see box-shadow\n  * @default 0 0 5px 0 #000\n  */\n  --zg-button-box-shadow_custom_active: 0 0 5px 0 #000;\n  /**\n  * @memberof black\n  * @var --zg-button-color_custom_active\n  * @description Sets the font color of custom button on active state\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_active: #fff;\n\n  /* Focus */\n  /**\n  * @memberof black\n  * @var --zg-button-background_custom_focus\n  * @description Styles the background of custom button on focus\n  * @see background\n  * @default var(--zg-button-background_active)\n  */\n  --zg-button-background_custom_focus: var(--zg-button-background_active);\n  /**\n  * @memberof black\n  * @var --zg-button-border_custom_focus\n  * @description Styles of border of custom button on focus\n  * @see border\n  * @default 1px solid #000\n  */\n  --zg-button-border_custom_focus: 1px solid #000;\n  /**\n  * @memberof black\n  * @var --zg-button-box-shadow_custom_focus\n  * @description Applies a box shadow behind custom button on focus\n  * @see box-shadow\n  * @default 0 0 6px 0 #000\n  */\n  --zg-button-box-shadow_custom_focus: 0 0 6px 0 #000;\n  /**\n  * @memberof black\n  * @var --zg-button-color_custom_focus\n  * @description Sets the font color of custom button on focus\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_focus: #fff;\n\n  /* Hover */\n  /**\n  * @memberof black\n  * @var --zg-button-background_custom_hover\n  * @description Styles of background of custom button on hover\n  * @see background\n  * @default var(--zg-button-background_active)\n  */\n  --zg-button-background_custom_hover: var(--zg-button-background_active);\n  /**\n  * @memberof black\n  * @var --zg-button-border_custom_hover\n  * @description Styles of border of custom button on hover\n  * @see border\n  * @default 1px solid #000\n  */\n  --zg-button-border_custom_hover: 1px solid #000;\n  /**\n  * @memberof black\n  * @var --zg-button-box-shadow_custom_hover\n  * @description Applies a box shadow behind custom button on hover\n  * @see box-shadow\n  * @default 0 0 6px 0 #000\n  */\n  --zg-button-box-shadow_custom_hover: 0 0 6px 0 #000;\n  /**\n  * @memberof black\n  * @var --zg-button-color_custom_hover\n  * @description Sets the font color of custom button on hover\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_hover: #fff;\n\n  /* ZG-CAPTION\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-caption-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of caption\n  * @see background-color\n  */\n  --zg-caption-background: var(--theme-background-color);\n\n  /**\n  * @memberof black\n  * @var --zg-caption-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid caption\n  * @see border-radius\n  */\n  --zg-caption-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n  /**\n  * @memberof black\n  * @var --zg-caption-icon-color\n  * @default #fff\n  * @description Sets the color of icons in caption\n  * @see fill\n  */\n  --zg-caption-icon-color: var(--zg-icon-color);\n\n\n  /* ZG-CARD\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-body-card-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of card in 'card' layout-mode\n  * @see background-color\n  */\n  --zg-body-card-background: var(--theme-background-color);\n\n  /* ZG-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-cell-label-color_layout_card\n  * @description Sets font color of label in card in 'card' layout-mode\n  * @see color\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/WLX26P3Q\n  */\n  --zg-cell-label-color_layout_card: var(--theme-color);\n\n  /* ZG-COLUMN-RESIZE\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-column-resize-background\n  * @description Sets the background of the resize handle\n  * @see background\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/GY8NY03F\n  */\n  --zg-column-resize-background: var(--zg-head-cell-color);\n  /**\n  * @memberof dark\n  * @var --zg-column-resize-color\n  * @description Sets the color of the resize handle dots\n  * @see color\n  * @default none\n  */\n  --zg-column-resize-color: var(--theme-background-color);\n\n  /* ZG-CONTROL-BAR\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-control-bar-background\n  * @description Styles the background of the layout\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/E1K9COKF\n  */\n  --zg-control-bar-background: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --zg-control-bar-border-bottom\n  * @description Styles the bottom border of the layout\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/5DST8C9Q\n  */\n  --zg-control-bar-border-bottom: 0;\n  /**\n  * @memberof black\n  * @var --zg-control-bar-button-margin\n  * @description Sets the margin of layout buttons\n  * @see margin\n  * @default 0\n  */\n  --zg-control-bar-button-margin: 0;\n  /**\n  * @memberof black\n  * @var --zg-control-bar-icon-color\n  * @description Sets the fill color of slotted icon\n  * @see fill\n  * @default var(--zg-icon-color)\n  * @demoLink https://app.zingsoft.com/demos/create/AQXMHTVM\n  */\n  --zg-control-bar-icon-color: var(--zg-icon-color);\n\n  /**\n  * @memberof black\n  * @var --zg-control-bar-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid control-bar\n  * @see border-radius\n  */\n  --zg-control-bar-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n  /* ZG-DIALOG\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-background\n  * @description Styles the background of the dialog\n  * @see background\n  * @default var(--theme-background-color)\n  */\n  --zg-dialog-background: var(--theme-background-color);\n\n  /* HEADER */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-header-color\n  * @description Styles the color of the dialog header\n  * @see color\n  * @default #fff\n  */\n  --zg-dialog-header-color: #fff;\n\n  /**\n  * @memberof black\n  * @var --zg-dialog-body-color\n  * @description Styles font color of body of dialog\n  * @see color\n  * @default #fff\n  */\n  --zg-dialog-body-color: #ccc;\n\n\n  /* ZG-EDITOR-ROW\n  ----------------------------------------------------- */\n\n  /* INPUT */\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-background\n  * @description Styles the background of editor row input\n  * @see background\n  * @default var(--theme-color-black)\n  * @demoLink https://app.zingsoft.com/demos/create/3EBBN3A3\n  */\n  --zg-editor-row-input-background: var(--theme-color-black);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-border-bottom\n  * @description Styles the bottom border of editor row input\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/9P6CXB0Q\n  */\n  --zg-editor-row-input-border-bottom: 0;\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-color\n  * @description Sets the font color of editor row\n  * @see color\n  * @default var(--theme-color-input)\n  * @demoLink https://app.zingsoft.com/demos/create/QYZBZUVA\n  */\n  --zg-editor-row-input-color: var(--theme-color-input);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-padding\n  * @default 13px 16px 12px\n  * @description Sets the padding of editor input\n  * @see padding\n  */\n  --zg-editor-row-input-padding: 13px 16px 12px;\n\n  /* ZG-HEADER\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-header-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid header\n  * @see border-radius\n  */\n  --zg-header-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n  /* INPUT: FOCUSED */\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-background_focus\n  * @default var(--theme-color-black)\n  * @description Styles the background of editor input on focus\n  * @see background\n  */\n  --zg-editor-row-input-background_focus: var(--theme-color-black);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-box-shadow_focus\n  * @default none\n  * @description Styles the box-shadow of editor input on focus\n  * @see box-shadow\n  */\n  --zg-editor-row-input-box-shadow_focus: none;\n\n  /* INPUT: MODAL */\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-background_modal_focus\n  * @description Styles the background of editor input in modal on focus\n  * @see background\n  * @default var(--theme-color-black)\n  * @demoLink https://app.zingsoft.com/demos/create/ZORGW9GT\n  */\n  --zg-editor-row-input-background_modal_focus: var(--theme-color-black);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-border-bottom_modal_focus\n  * @description Styles the bottom border of editor input in modal on focus\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  */\n  --zg-editor-row-input-border-bottom_modal_focus: 1px solid var(--theme-border-color);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-color_modal_focus\n  * @description Sets the font color of editor input in modal on focus\n  * @see color\n  * @default var(--theme-color-input)\n  */\n  --zg-editor-row-input-color_modal_focus: var(--theme-color-input);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-padding_modal\n  * @default 13px 10px 12px 8px\n  * @description Sets the padding of editor input\n  * @see padding\n  */\n  --zg-editor-row-input-padding_modal: 13px 10px 12px 8px;\n\n\n  /* ZG-FILTER\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-filter-background\n  * @description Styles the background of filter\n  * @see background\n  * @default var(--theme-background-color);\n  * @demoLink https://app.zingsoft.com/demos/create/G1WKUNFJ\n  */\n  --zg-filter-background: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --zg-filter-background_sorted\n  * @description Styles the background color of filter when the column in sorted\n  * @see background-color\n  * @default var(--theme-color-black)\n  * @demoLink https://app.zingsoft.com/demos/create/WX39XEJ1\n  */\n  --zg-filter-background_sorted: var(--theme-color-black);\n\n  /* INPUT */\n  /**\n  * @memberof black\n  * @var --zg-filter-input-background\n  * @description Styles the background of input field in filter\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  */\n  --zg-filter-input-background: var(--theme-color-black);\n  /**\n  * @memberof black\n  * @var --zg-filter-input-border-bottom\n  * @description Styles the bottom border of input field in filter\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/Z1COSRGD\n  */\n  --zg-filter-input-border-bottom: 1px solid #212121;\n  /**\n  * @memberof black\n  * @var --zg-filter-input-border-left\n  * @description Styles the left border of input field in filter\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/2Z1YS7PH\n  */\n  --zg-filter-input-border-left: 1px solid #212121;\n  /**\n  * @memberof black\n  * @var --zg-filter-input-border-right\n  * @description Styles the right border of input field in filter\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/JD0COXK4\n  */\n  --zg-filter-input-border-right: 1px solid #212121;\n  /**\n  * @memberof black\n  * @var --zg-filter-input-border-top\n  * @description Styles the top border of input field in filter\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/KRUW31YG\n  */\n  --zg-filter-input-border-top: 1px solid #212121;\n\n  /* INPUT: SORTED */\n  /**\n  * @memberof black\n  * @var --zg-filter-input-background_sorted\n  * @description Styles the background of input field in filter in sorted column\n  * @see background\n  * @default #171717\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  */\n  --zg-filter-input-background_sorted: #171717;\n\n  /* ZG-HEAD\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-head-background\n  * @default #191818\n  * @description Styles the background of grid head\n  * @see background\n  * @default Browser's default value\n  */\n  --zg-head-background: #191818;\n\n  /**\n  * @memberof black\n  * @var --zg-head-border-top\n  * @description Styles the top border of grid head\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/S7J5KA7S\n  */\n  --zg-head-border-top: 1px solid var(--theme-border-color);\n\n  /**\n  * @memberof dark\n  * @var --zg-head-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid head\n  * @see border-radius\n  */\n  --zg-head-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n\n  /* ZG-HEAD-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-head-cell-background_sorted\n  * @description Styles the background of sorted head cells\n  * @see background\n  * @default var(--theme-color-black)\n  * @demoLink https://app.zingsoft.com/demos/create/F7W6O5Y8\n  */\n  --zg-head-cell-background_sorted: var(--theme-color-black);\n  /**\n  * @memberof black\n  * @var --zg-head-cell-color\n  * @default var(--theme-color)\n  * @description Sets the font color of head cells\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/MOTKNFI7\n  */\n  --zg-head-cell-color: var(--theme-color);\n  /**\n  * @memberof black\n  * @var --zg-head-cell-color_sorted\n  * @description Sets the font color of sorted head cells\n  * @default var(--theme-color-white);\n  * @see color\n  */\n  --zg-head-cell-color_sorted: var(--theme-color-white);\n\n  /* ZG-HEADER\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-header-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid header\n  * @see border-radius\n  */\n  --zg-header-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n\n  /* ZG-ICON\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-icon-color\n  * @default var(--theme-color-white)\n  * @description Sets the fill color of icon in shadow elements\n  * @see fill\n  * @demoLink https://app.zingsoft.com/demos/create/QP3CK186\n  */\n  --zg-icon-color: var(--theme-color-white);\n  /**\n  * @memberof black\n  * @var --zg-icon-init-fill\n  * @description This color is set on the icon <svg> while the element has the\n  * [init] attribute. This is meant to give an indication the column is sortable.\n  * The [init] goes away when the column is sorted.\n  * @default #d0d0d0\n  * @see fill\n  * @demoLink https://app.zingsoft.com/demos/create/K3C0AD5K\n  */\n  /* Not-Sorted Color */\n  --zg-icon-init-fill: #d0d0d0;\n  /**\n  * @memberof black\n  * @var --zg-head-cell-icon-color_sorted\n  * @description Sets the fill color of icon in sorted head cells\n  * @see fill\n  * @default var(--theme-color-white);\n  * @demoLink https://app.zingsoft.com/demos/create/I4QTA64O\n  */\n  /* Sorted Color */\n  --zg-head-cell-icon-color_sorted: var(--theme-color-white);\n\n  /* ZG-INPUT\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-input-background\n  * @description Styles the background of input field\n  * @see background\n  * @default var(--theme-background-input)\n  * @demoLink https://app.zingsoft.com/demos/create/QTKU281K\n  */\n  --zg-input-background: var(--theme-background-input);\n  /**\n  * @memberof black\n  * @var --zg-input-color\n  * @description Styles the font color of editor input in modal\n  * @see color\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/32AVDJGQ\n  */\n  --zg-input-color: var(--theme-color-input);\n\n  /* ZG-MENU\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-menu-background\n  * @description Styles the background of menu\n  * @see background-color\n  * @default var(--theme-color-lighter)\n  */\n  --zg-menu-background: var(--theme-color-lighter);\n\n  /* ZG-MENUITEM\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-menu-item-color_hover\n  * @description Sets the font color of menu item on hover\n  * @see color\n  * @default #fff\n  */\n  --zg-menu-item-color_hover: #fff;\n\n  /* ZG-PAGER\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-pager-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of the pager\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/DSI1M4K6\n  */\n  --zg-pager-background: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --zg-pager-border-top\n  * @description Styles the top border of the pager\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/S7J5KA7S\n  */\n  --zg-pager-border-top: 1px solid var(--theme-border-color);\n\n  /* ZG-ROW\n  ----------------------------------------------------- */\n\n  /* ZG-BODY */\n  /**\n  * @memberof black\n  * @var --zg-row-body-background_even\n  * @default var(--theme-background-row)\n  * @description Styles the background of 'even' body rows\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/VMHOQP1A\n  */\n  --zg-row-body-background_even: var(--theme-background-row);\n  /**\n  * @memberof black\n  * @var --zg-row-body-background_odd\n  * @default var(--theme-background-row)\n  * @description Styles the background of 'odd' body rows\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/VMHOQP1A\n  */\n  --zg-row-body-background_odd: var(--theme-background-row);\n  /**\n  * @memberof black\n  * @var --zg-row-body-color\n  * @default #ccc\n  * @description Sets the font color of body rows\n  * @see color\n  */\n  --zg-row-body-color: #ccc;\n\n  /* Hover */\n  /**\n  * @memberof black\n  * @var --zg-row-body-color_even_hover\n  * @default var(--zg-row-body-color)\n  * @description Sets the font-color of 'even' body rows on hover\n  * @see color\n  */\n  --zg-row-body-color_even_hover: var(--zg-row-body-color);\n  /**\n  * @memberof black\n  * @var --zg-row-body-color_odd_hover\n  * @default var(--zg-row-body-color)\n  * @description Sets the font-color of 'odd' body rows on hover\n  * @see color\n  */\n  --zg-row-body-color_odd_hover: var(--zg-row-body-color);\n\n  /* Card */\n  /**\n  * @memberof black\n  * @var --zg-row-card-background\n  * @description Styles the background of card in 'card' layout-mode\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/BN8IASG4\n  */\n  --zg-row-card-background: var(--theme-background-row);\n\n  /* CARD MODE WHEN EDITOR CONTROLS */\n  /**\n  * @memberof default\n  * @var --zg-row-card-background_editor_odd\n  * @description Styles the background of 'odd' card editor head in card layout-mode\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px, var(--theme-border-color) 44px, var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px);\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/EFQR8XAB\n  */\n  /* ODD */\n  --zg-row-card-background_editor_odd: linear-gradient(\n    var(--theme-color-lighter),\n    var(--theme-color-lighter) 43px,\n    var(--theme-border-color) 44px,\n    var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px\n  );\n  /* EVEN */\n  /**\n  * @memberof default\n  * @var --zg-row-card-background_editor_even\n  * @description Styles the background of 'even' card editor head in card layout-mode\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px, var(--theme-border-color) 44px, var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px);\n  * @see background\n  */\n  --zg-row-card-background_editor_even: linear-gradient(\n    var(--theme-color-lighter),\n    var(--theme-color-lighter) 43px,\n    var(--theme-border-color) 44px,\n    var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px\n  );\n\n  /* ZG-SELECT\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-select-arrow-color\n  * @description Sets the color select arrow icon\n  * @see fill\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/1IT6DL7R\n  */\n  --zg-select-arrow-color: var(--zg-icon-color);\n  /**\n  * @memberof black\n  * @var --zg-select-color\n  * @description Sets the font color of the select\n  * @see color\n  * @default var(--theme-color-input)\n  * @demoLink https://app.zingsoft.com/demos/create/LHLU0OLY\n  */\n  --zg-select-color: var(--theme-color-input);\n  /**\n  * @memberof black\n  * @var --zg-select-text-background\n  * @description Styles the background of the 'text' portion of the zg-select element\n  * @default var(--theme-background-input)\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/MZG3WH82\n  */\n  --zg-select-text-background: var(--theme-background-input);\n  /**\n  * @memberof black\n  * @var --zg-option-list-background\n  * @description Styles the background of option list\n  * @see background\n  * @default var(--theme-background-color)\n  */\n  --zg-option-list-background: var(--theme-background-color);\n\n  /* ZG-SOURCE\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-source-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of source\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/B8CEE4RW\n  */\n  --zg-source-background: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --zg-source-border-top\n  * @description Styles the top border of source\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/IYUVRHY0\n  */\n  --zg-source-border-top: 0;\n\n\n  /* ZG-WATERMARK\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-watermark-background\n  * @default var(--theme-color_alt)\n  * @description Styles the background of the ZingGrid watermark\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/PLI8AW69\n  */\n  --zg-watermark-background: var(--theme-color_alt);\n  /**\n  * @memberof black\n  * @var --zg-watermark-color\n  * @default var(--theme-color_alt)\n  * @description Styles the color of the ZingGrid watermark\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/RHV3AZL7\n  */\n  --zg-watermark-color: #fff;\n\n  /**\n    * @memberof black\n    * @var --zg-watermark-border-radius\n    * @default var(--theme-color_alt)\n    * @description Styles the border-radius of the ZingGrid watermark\n    * @see border-radius\n    * @demoLink https://app.zingsoft.com/demos/create/HCZ0FTPR\n    */\n    --zg-watermark-border-radius: 0 0 var(--zing-grid-border-radius) var(--zing-grid-border-radius);\n\n    /* BATCH EDIT\n  ----------------------------------------------------- */\n  --zing-grid-batch-edit-style-border: 4px solid var(--theme-color);\n  /* --theme-batch-edit-box-shadow: inset 0 0 15px var(--theme-color_alt); */\n  --theme-batch-edit-box-shadow: unset;\n\n}\n\n\n",""])},6375:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,":host([compact]),\n:host([theme][compact]) {\n  /* --theme-padding_x: .75rem; */\n  --theme-padding_y: .5rem;\n  --zg-caption-height: 40px;\n  --zg-caption-title-font-size: 80%;\n  --zg-filter-height: 34px;\n  --zg-pager-height: 0;\n  --zg-pager-padding: 0 var(--theme-padding_x) 11px;\n  --zg-row-head-height: 32px;\n  --zg-row-body-height: 0;\n  --zg-row-height_aggregate: 32px;\n  --zg-cell-font-size: 95%;\n  --zg-cell-padding: var(--theme-padding_y) var(--theme-padding_x);\n  --zg-cell-selector-min-height_layout_row: 0;\n}",""])},9300:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,":host([theme=\"dark\"]) {\n  /* RE-USABLE ZINGGRID VARS\n  ----------------------------------------------------- */\n  /* These are used as the default theme values in the various component .css files */\n  /* These values are used more than once, so we're making them into a variable for reuse */\n\n  /* BACKGROUND */\n\n  /**\n  * @memberof dark\n  * @var --theme-background-color\n  * @default #071730\n  * @description Styles the background of row on hover\n  * @see background-color\n  */\n  --theme-background-color: #071730;\n  /**\n  * @memberof dark\n  * @var --theme-background-input\n  * @default #343434\n  * @description Styles the background input fields\n  * @see background-color\n  */\n  --theme-background-input: #343434;\n  /**\n  * @memberof dark\n  * @var --theme-background-zebra\n  * @default var(--theme-background-color)\n  * @description Styles the background of 'even' rows in grid [zebra]-striping mode\n  * @see background-color\n  */\n  --theme-background-zebra: var(--theme-background-color);\n  /**\n  * @memberof dark\n  * @var --theme-background-row\n  * @default #191a2c\n  * @description Styles the background of row-like items\n  * @see background-color\n  */\n  --theme-background-row: #191a2c;\n\n  /* BORDER */\n  /**\n  * @memberof dark\n  * @var --theme-border-color\n  * @default var(--theme-color_alt)\n  * @description Styles the border color\n  * @see border\n  */\n  --theme-border-color: var(--theme-color_alt);\n  /**\n  * @memberof dark\n  * @var --theme-border-color_body\n  * @default #3a3a3a\n  * @description Styles the border color of grid body\n  * @see border\n  */\n  --theme-border-color_body: #3a3a3a;\n\n  /* COLOR */\n\n  /**\n  * @memberof dark\n  * @var --theme-color\n  * @default #e4e4e4\n  * @description Sets the font color of most components, including cell content.\n  * @see color\n  * @example cell font color\n  * @example button background\n  * @example checkbox border\n  * @example select color\n  */\n  --theme-color: #e4e4e4;\n  /**\n  * @memberof dark\n  * @var --theme-color_alt\n  * @default #5290a5\n  * @description Sets the font color of most components, including cell content.\n  * @see color\n  */\n  --theme-color_alt: #5290a5;\n  /**\n  * @memberof dark\n  * @var --theme-color-input\n  * @default #d0d0d0\n  * @description Sets the font color of input fields\n  * @see color\n  */\n  --theme-color-input: #d0d0d0;\n  /**\n  * @memberof black\n  * @var --theme-color-light\n  * @default #050b22\n  * @description Defines the baseline light color\n  * @see color\n  * @example Currently reordering column\n  */\n  --theme-color-light: #050b22;\n  /**\n  * @memberof dark\n  * @var --theme-color-lighter\n  * @default #050b22\n  * @description Defines the baseline lighter color\n  * @see color\n  * @example Filter and Footer background color\n  */\n  --theme-color-lighter: #050b22;\n  /**\n  * @memberof dark\n  * @var --theme-color-primary\n  * @default #00061d\n  * @description Defines the baseline primary color\n  * @see color\n  */\n  --theme-color-primary: #00061d;\n  /**\n  * @memberof dark\n  * @var --theme-color-white\n  * @default #fff\n  * @description Defines the baseline white color\n  * @see color\n  */\n  --theme-color-white: #fff;\n\n\n  /* -------------------------------------------------- */\n\n\n  /* ZING-GRID\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zing-grid-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of grid\n  * @see background-color\n  */\n  --zing-grid-background: var(--theme-background-color);\n\n  /* DRAGGABLE COLUMNS */\n  /**\n  * @memberof dark\n  * @var --draggable-width_note\n  * @default calc(100% + 2px)\n  * @description Sets width of draggable element when `[draggable]` is added to `<zing-grid>`\n  * @see width\n  */\n  --draggable-width_note: calc(100% + 2px);\n\n\n  /* ZG-BUTTON\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-button-background_active\n  * @description Styles the background of button on active state\n  * @see background\n  * @default #343434\n  * @demoLink https://app.zingsoft.com/demos/create/XPUZZ3LU\n  */\n  --zg-button-background_active: #343434;\n\n  /* ZG-BUTTON (CUSTOM) */\n  /**\n  * @memberof dark\n  * @var --zg-button-background_custom\n  * @description Styles the background of custom button\n  * @see background\n  * @default var(--theme-color-primary)\n  */\n  --zg-button-background_custom: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-button-border_custom\n  * @description Styles the border of custom button\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  */\n  --zg-button-border_custom: 1px solid var(--theme-border-color);\n  /**\n  * @memberof dark\n  * @var --zg-button-box-shadow_custom\n  * @description Applies a box shadow behind efault button\n  * @see box-shadow\n  * @default none\n  */\n  --zg-button-box-shadow_custom: none;\n  /**\n  * @memberof dark\n  * @var --zg-button-color_custom\n  * @description Sets the font color of custom button\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom: #fff;\n\n  /* Active */\n  /**\n  * @memberof dark\n  * @var --zg-button-background_custom_active\n  * @description Styles the background of custom button on active state\n  * @see background\n  * @default #000\n  */\n  --zg-button-background_custom_active: #000;\n  /**\n  * @memberof dark\n  * @var --zg-button-border_custom_active\n  * @description Styles the border of custom button on active state\n  * @see border\n  * @default 1px solid #4eaada\n  */\n  --zg-button-border_custom_active: 1px solid #4eaada;\n  /**\n  * @memberof dark\n  * @var --zg-button-box-shadow_custom_active\n  * @description Applies a box shadow behind custom button on active state\n  * @see box-shadow\n  * @default 0 0 5px 0 #86d3fb\n  */\n  --zg-button-box-shadow_custom_active: 0 0 5px 0 #86d3fb;\n  /**\n  * @memberof dark\n  * @var --zg-button-color_custom_active\n  * @description Sets the font color of custom button on active state\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_active: #fff;\n  /* Focus */\n  /**\n  * @memberof dark\n  * @var --zg-button-background_custom_focus\n  * @description Styles the background of custom button on focus\n  * @see background\n  * @default #000\n  */\n  --zg-button-background_custom_focus: #000;\n  /**\n  * @memberof dark\n  * @var --zg-button-border_custom_focus\n  * @description Styles the border of custom button on focus\n  * @see border\n  * @default 1px solid #5ac4fb\n  */\n  --zg-button-border_custom_focus: 1px solid #5ac4fb;\n  /**\n  * @memberof dark\n  * @var --zg-button-box-shadow_custom_focus\n  * @description Applies a box shadow behind custom button on focus\n  * @see box-shadow\n  * @default 0 0 6px 0 #86d3fb\n  */\n  --zg-button-box-shadow_custom_focus: 0 0 6px 0 #86d3fb;\n  /**\n  * @memberof dark\n  * @var --zg-button-color_custom_focus\n  * @description Sets font color of custom button on focus\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_focus: #fff;\n\n  /* Hover */\n  /**\n  * @memberof dark\n  * @var --zg-button-background_custom_hover\n  * @description Styles background of custom button on hover\n  * @see background\n  * @default var(--theme-color-primary)\n  */\n  --zg-button-background_custom_hover: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-button-border_custom_hover\n  * @description Styles border of custom button on hover\n  * @see border\n  * @default 1px solid #5ac4fb\n  */\n  --zg-button-border_custom_hover: 1px solid #5ac4fb;\n  /**\n  * @memberof dark\n  * @var --zg-button-box-shadow_custom_hover\n  * @description Applies a box shadow behind custom button on hover\n  * @see box-shadow\n  * @default 0 0 6px 0 #86d3fb\n  */\n  --zg-button-box-shadow_custom_hover: 0 0 6px 0 #86d3fb;\n  /**\n  * @memberof dark\n  * @var --zg-button-color_custom_hover\n  * @description Sets font color of custom button on hover\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_hover: #fff;\n\n  /* ZG-CAPTION\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-caption-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of caption\n  * @see background-color\n  */\n  --zg-caption-background: var(--theme-background-color);\n\n  /**\n  * @memberof dark\n  * @var --zg-caption-icon-color\n  * @default #fff\n  * @description Sets the color of icons in caption\n  * @see fill\n  */\n  --zg-caption-icon-color: var(--zg-icon-color);\n\n  /* ZG-CARD\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-body-card-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of card in 'card' layout-mode\n  * @see background-color\n  */\n  --zg-body-card-background: var(--theme-background-color);\n\n  /* ZG-CELL\n  ----------------------------------------------------- */\n    /**\n  * @memberof dark\n  * @var --zg-cell-background_sorted\n  * @default var(--theme-color-primary)\n  * @description Styles the background of sorted cells\n  * @see background-color\n  */\n  --zg-cell-background_sorted: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-cell-label-color_layout_card\n  * @description Sets font color of label in grid cell in 'card' layout-mode\n  * @see color\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/WLX26P3Q\n  */\n  --zg-cell-label-color_layout_card: var(--theme-color);\n\n  /* ZG-COLUMN-RESIZE\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-column-resize-background\n  * @description Sets the background of the resize handle\n  * @see background\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/GY8NY03F\n  */\n  --zg-column-resize-background: var(--zg-head-cell-color);\n  /**\n  * @memberof dark\n  * @var --zg-column-resize-color\n  * @description Sets the color of the resize handle dots\n  * @see color\n  * @default none\n  */\n  --zg-column-resize-color: var(--theme-background-color);\n\n  /* ZG-CONTROL-BAR\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-control-bar-background\n  * @description Styles the background of control bar\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/E1K9COKF\n  */\n  --zg-control-bar-background: var(--theme-background-color);\n  /**\n  * @memberof dark\n  * @var --zg-control-bar-border-bottom\n  * @description Styles the bottom border of control bar\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/5DST8C9Q\n  */\n  --zg-control-bar-border-bottom: 0;\n  /**\n  * @memberof dark\n  * @var --zg-control-bar-button-margin\n  * @description Sets margin of buttons in control bar\n  * @see margin\n  * @default 0\n  */\n  --zg-control-bar-button-margin: 0;\n  /**\n  * @memberof dark\n  * @var --zg-control-bar-icon-color\n  * @description Sets the fill color of slotted icon\n  * @see fill\n  * @default var(--zg-icon-color)\n  * @demoLink https://app.zingsoft.com/demos/create/AQXMHTVM\n  */\n  --zg-control-bar-icon-color: var(--zg-icon-color);\n\n  /* ZG-DIALOG\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-background\n  * @description Styles the background of dialog\n  * @see background\n  * @default #050b22\n  */\n  --zg-dialog-background: #050b22;\n\n  /* HEADER */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-header-color\n  * @description Styles the font color of dialog header\n  * @see color\n  * @default #fff\n  */\n  --zg-dialog-header-color: #fff;\n\n  /**\n  * @memberof dark\n  * @var --zg-dialog-cancel-border-bottom\n  * @description Styles the bottom border of dialog 'cancel' button\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-cancel-border-bottom: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-dialog-cancel-border-left\n  * @description Styles the left border of dialog 'cancel' button\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-cancel-border-left: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-dialog-cancel-border-right\n  * @description Styles the right border of dialog 'cancel' button\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-cancel-border-right: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-dialog-cancel-border-top\n  * @description Styles the top border of dialog 'cancel' button\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-cancel-border-top: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-dialog-close-color\n  * @description Sets the font color of dialog 'close' button\n  * @see color\n  * @default var(--theme-color_alt)\n  */\n  --zg-dialog-close-color: var(--theme-color_alt);\n\n  /* BODY */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-body-border-top\n  * @description Styles the top boder of dialog body\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-body-border-top: 1px solid var(--theme-border-color_body);\n\n  /* FOOTER */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-footer-border-top\n  * @description Styles the top border of dialog footer\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-footer-border-top: 1px solid var(--theme-border-color_body);\n\n  /* BODY COLOR\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-body-color\n  * @description Styles font color of body of dialog\n  * @see color\n  * @default #fff\n  */\n  --zg-dialog-body-color: #fff;\n\n  /* ZG-EDITOR-ROW\n  ----------------------------------------------------- */\n\n  /* ZG-EDITOR-ROW: INPUT */\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-background\n  * @description Styles the background of editor row input\n  * @see background\n  * @default var(--theme-color-primary))\n  * @demoLink https://app.zingsoft.com/demos/create/3EBBN3A3\n  */\n  --zg-editor-row-input-background: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-border-bottom\n  * @description Styles the bottom border of editor row input\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/9P6CXB0Q\n  */\n  --zg-editor-row-input-border-bottom: 0;\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-color\n  * @description Sets the font color of editor row input\n  * @see color\n  * @default var(--theme-color-input)\n  * @demoLink https://app.zingsoft.com/demos/create/QYZBZUVA\n  */\n  --zg-editor-row-input-color: var(--theme-color-input);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-padding\n  * @default 13px 16px 12px\n  * @description The padding of editor row input\n  * @see padding\n  */\n  --zg-editor-row-input-padding: 13px 16px 12px;\n\n  /* ZG-EDITOR-ROW: INPUT - FOCUSED */\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-background_focus\n  * @default var(--theme-background-color)\n  * @description Styles the background of editor row input on focus\n  * @see background\n  */\n  --zg-editor-row-input-background_focus: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-border-bottom\n  * @description Styles the bottom border of input field\n  * @see border\n  * @default var(--theme-border-color_body)\n  */\n  --zg-editor-row-input-border-bottom: var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-box-shadow_focus\n  * @default none\n  * @description Applies a box shadow behind editor row input on focus\n  * @see box-shadow\n  */\n  --zg-editor-row-input-box-shadow_focus: none;\n\n  /* ZG-EDITOR-ROW: MODAL - INPUT */\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-background_modal_focus\n  * @description Styles the background of editor row input in modal on focus\n  * @see background\n  * @default var(--theme-background-zebra)\n  * @demoLink https://app.zingsoft.com/demos/create/ZORGW9GT\n  */\n  --zg-editor-row-input-background_modal_focus: var(--theme-background-zebra);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-border-bottom_modal_focus\n  * @description Styles the bottom border of editor row input in modal on focus\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  */\n  --zg-editor-row-input-border-bottom_modal_focus: 1px solid var(--theme-border-color);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-color_modal_focus\n  * @description Sets the font color of editor row input in modal on focus\n  * @see color\n  * @default var(--theme-color-input)\n  */\n  --zg-editor-row-input-color_modal_focus: var(--theme-color-input);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-padding_modal\n  * @default 13px 10px 12px 8px\n  * @description Sets the padding of editor row input\n  * @see padding\n  */\n  --zg-editor-row-input-padding_modal: 13px 10px 12px 8px;\n\n  /* ZG-EDITOR-ROW: LABEL\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-label-color\n  * @description Styles font color of label in modal\n  * @see color\n  * @default #fff\n  */\n  --zg-editor-row-label-color: #fff;\n\n  /* ZG-FILTER\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-filter-background\n  * @description Styles the background of filter input\n  * @see background\n  * @default var(--theme-background-color);\n  * @demoLink https://app.zingsoft.com/demos/create/G1WKUNFJ\n  */\n  --zg-filter-background: var(--theme-background-color);\n  /**\n  * @memberof dark\n  * @var --zg-filter-background_sorted\n  * @description Styles the background color of filter input in sorted column\n  * @see background-color\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/WX39XEJ1\n  */\n  --zg-filter-background_sorted: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-filter-border-top\n  * @description Styles the top border of the filter cell\n  * @see border\n  * @default 0\n  */\n  --zg-filter-border-top: 0;\n\n  /* ZG-FILTER: INPUT */\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-background\n  * @description Styles the background of fiter input field\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  */\n  --zg-filter-input-background: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-border-bottom\n  * @description Styles the bottom border of filter input field\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/Z1COSRGD\n  */\n  --zg-filter-input-border-bottom: 1px solid #212121;\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-border-left\n  * @description Styles the left border of filter input field\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/2Z1YS7PH\n  */\n  --zg-filter-input-border-left: 1px solid #212121;\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-border-right\n  * @description Styles the right border of filter input field\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/JD0COXK4\n  */\n  --zg-filter-input-border-right: 1px solid #212121;\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-border-top\n  * @description Styles the top border of filter input field\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/KRUW31YG\n  */\n  --zg-filter-input-border-top: 1px solid #212121;\n\n  /* ZG-FILTER: INPUT - SORTED */\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-background_sorted\n  * @description Styles the background of filter input field in sorted column\n  * @see background\n  * @default var(--theme-background-row)\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  */\n  --zg-filter-input-background_sorted: var(--theme-background-row);\n\n  /* ZG-HEAD\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-head-background\n  * @default #050b22\n  * @description Styles the background of grid head\n  * @see background\n  */\n  --zg-head-background: #050b22;\n  /**\n  * @memberof dark\n  * @var --zg-head-border-bottom\n  * @description Styles the bottom border of grid head\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  * @demoLink https://app.zingsoft.com/demos/create/HLBTB6HX\n  */\n  --zg-head-border-bottom: 1px solid var(--theme-border-color_body);\n\n  /**\n  * @memberof dark\n  * @var --zg-head-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid head\n  * @see border-radius\n  */\n  --zg-head-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n  /**\n  * @memberof dark\n  * @var --zg-head-border-top\n  * @description Styles the top border of grid head\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/S7J5KA7S\n  */\n  --zg-head-border-top: 0;\n\n  /* ZG-HEAD-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-head-cell-background_sorted\n  * @description Styles the background of sorted head cells\n  * @see background\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/F7W6O5Y8\n  */\n  --zg-head-cell-background_sorted: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-head-cell-color\n  * @default var(--theme-color_alt)\n  * @description Sets the font color of head cells\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/MOTKNFI7\n  */\n  --zg-head-cell-color: var(--theme-color_alt);\n  /**\n  * @memberof dark\n  * @var --zg-head-cell-color_sorted\n  * @description Sets the font color of head cells when sorted\n  * @default var(--theme-color-white);\n  * @see color\n  */\n  --zg-head-cell-color_sorted: var(--theme-color-white);\n\n  /* ZG-HEADER\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-header-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid header\n  * @see border-radius\n  */\n  --zg-header-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n\n  /* ZG-ICON\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-icon-color\n  * @default var(--theme-color-white)\n  * @description Sets the fill color of icon in shadow elements\n  * @see fill\n  * @demoLink https://app.zingsoft.com/demos/create/QP3CK186\n  */\n  --zg-icon-color: var(--theme-color_alt);\n  /**\n  * @memberof dark\n  * @var --zg-icon-init-fill\n  * @description This color is set on the icon <svg> while the element has the\n  * [init] attribute. This is meant to give an indication the column is sortable.\n  * The [init] goes away when the column is sorted.\n  * @default var(--theme-color)\n  * @see fill\n  * @demoLink https://app.zingsoft.com/demos/create/K3C0AD5K\n  */\n  /* Not-Sorted Color */\n  --zg-icon-init-fill: var(--theme-color_alt);\n  /**\n  * @memberof dark\n  * @var --zg-head-cell-icon-color_sorted\n  * @description Sets the fill color of icon in sorted head cells\n  * @see fill\n  * @default var(--theme-color-white);\n  * @demoLink https://app.zingsoft.com/demos/create/I4QTA64O\n  */\n  /* Sorted Color */\n  --zg-head-cell-icon-color_sorted: var(--theme-color-white);\n\n  /* ZG-INPUT\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-input-background\n  * @description Styles the background of input field\n  * @see background\n  * @default var(--theme-background-row)\n  * @demoLink https://app.zingsoft.com/demos/create/QTKU281K\n  */\n  --zg-input-background: var(--theme-background-row);\n  /**\n  * @memberof dark\n  * @var --zg-input-color\n  * @description Styles the font color of input field\n  * @see color\n  * @default var(--theme-color-input)\n  * @demoLink https://app.zingsoft.com/demos/create/32AVDJGQ\n  */\n  --zg-input-color: var(--theme-color-input);\n\n  /* ZG-MENU\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-menu-background\n  * @description Styles the background of menu\n  * @see background\n  * @default var(--theme-color-lighter)\n  */\n  --zg-menu-background: var(--theme-color-lighter);\n\n  /* ZG-MENUITEM\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-menu-item-background_hover\n  * @description Styles the background of menu item on hover\n  * @see background\n  * @default var(--theme-background-zebra)\n  */\n  --zg-menu-item-background_hover: var(--theme-background-zebra);\n  /**\n  * @memberof dark\n  * @var --zg-menu-item-color_hover\n  * @description Sets the font color of menu item on hover\n  * @see color\n  * @default var(--theme-color_alt)\n  */\n  --zg-menu-item-color_hover: var(--theme-color_alt);\n\n  /* ZG-PAGER\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-pager-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of pager\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/DSI1M4K6\n  */\n  --zg-pager-background: var(--theme-background-color);\n  /**\n  * @memberof dark\n  * @var --zg-pager-border-top\n  * @description Styles the top border of pager\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  * @demoLink https://app.zingsoft.com/demos/create/S7J5KA7S\n  */\n  --zg-pager-border-top: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-pager-color\n  * @description Sets the font color of pager\n  * @see color\n  * @default #a1a1a1\n  */\n  --zg-pager-color: #a1a1a1;\n\n  /* ZG-ROW\n  ----------------------------------------------------- */\n\n  /* ZG-BODY */\n  /**\n  * @memberof dark\n  * @var --zg-row-body-background_even\n  * @default var(--theme-background-row)\n  * @description Styles the background of 'even' body rows\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/VMHOQP1A\n  */\n  --zg-row-body-background_even: var(--theme-background-row);\n  /**\n  * @memberof dark\n  * @var --zg-row-body-background_even\n  * @default var(--theme-background-row)\n  * @description Styles the background of 'even' body rows\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/VMHOQP1A\n  */\n  --zg-row-body-background_odd: var(--theme-background-row);\n  /**\n  * @memberof dark\n  * @var --zg-row-body-border-bottom\n  * @description Styles the bottom border of body rows\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  * @demoLink https://app.zingsoft.com/demos/create/HNJ2XN7Y\n  */\n  --zg-row-body-border-bottom: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-row-body-color\n  * @default var(--theme-color)\n  * @description Sets the font color of body rows\n  * @see color\n  */\n  --zg-row-body-color: var(--theme-color);\n\n  /* Hover */\n  /**\n  * @memberof dark\n  * @var --zg-row-body-color_even_hover\n  * @default var(--zg-row-body-color)\n  * @description Sets the font color of 'even' body rows on hover\n  * @see color\n  */\n  --zg-row-body-color_even_hover: var(--zg-row-body-color);\n  /**\n  * @memberof dark\n  * @var --zg-row-body-color_odd_hover\n  * @default var(--zg-row-body-color)\n  * @description Setst the font color of 'odd' body rows on hover\n  * @see color\n  */\n  --zg-row-body-color_odd_hover: var(--zg-row-body-color);\n\n  /* Card */\n  /**\n  * @memberof dark\n  * @var --zg-row-card-background\n  * @description Styles the background of cards in 'card' layout-mode\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/BN8IASG4\n  */\n  --zg-row-card-background: var(--theme-background-row);\n\n  /* CARD MODE WHEN EDITOR CONTROLS */\n  /* ODD */\n  /**\n  * @memberof dark\n  * @var --zg-row-card-background_editor_odd\n  * @description Styles the background of 'odd' card editor header in 'card' layout-mode\n  * when `[editor-controls]` is added to `<zing-grid>`.\n  * Styling should account for the editor controls above the cells.\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px var(--theme-border-color) 44px, var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px)\n  * @see background\n  */\n  --zg-row-card-background_editor_odd: linear-gradient(\n    var(--theme-color-lighter),\n    var(--theme-color-lighter) 43px,\n    var(--theme-border-color) 44px,\n    var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px\n  );\n  /* EVEN */\n  /**\n  * @memberof dark\n  * @var --zg-row-card-background_editor_even\n  * @description Styles the background of 'even' card editor header in 'card' layout-mode\n  * when `[editor-controls]` is added to `<zing-grid>`.\n  * Styling should account for the editor controls above the cells.\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px, var(--theme-border-color) 44px, var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px)\n  * @see background\n  */\n  --zg-row-card-background_editor_even: linear-gradient(\n    var(--theme-color-lighter),\n    var(--theme-color-lighter) 43px,\n    var(--theme-border-color) 44px,\n    var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px\n  );\n\n  /* ZG-SELECT\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-select-arrow-color\n  * @description Sets the color of select arrow icon\n  * @see fill\n  * @default var(--zg-icon-color)\n  * @demoLink https://app.zingsoft.com/demos/create/1IT6DL7R\n  */\n  --zg-select-arrow-color: var(--zg-icon-color);\n  /**\n  * @memberof dark\n  * @var --zg-select-color\n  * @description Sets the font color of the select in active state\n  * @see color\n  * @default var(--theme-color-input)\n  * @demoLink https://app.zingsoft.com/demos/create/LHLU0OLY\n  */\n  --zg-select-color: var(--theme-color-input);\n  /**\n  * @memberof dark\n  * @var --zg-select-text-background\n  * @description Styles the background of the 'text' portion of select\n  * @default none\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/MZG3WH82\n  */\n  --zg-select-text-background: none;\n  /**\n  * @memberof dark\n  * @var --zg-option-list-background\n  * @description Styles the background of option list\n  * @see background\n  * @default var(--theme-background-color)\n  */\n  --zg-option-list-background: var(--theme-background-color);\n\n  /* ZG-SOURCE\n  ----------------------------------------------------- */\n  --zg-source-background: none;\n  --zg-source-border-bottom_top: 1px solid #0e4658;\n  --zg-source-border-top_top: 1px solid #0e4658;\n  --zg-source-border-top_bottom: 1px solid #0e4658;\n  --zg-source-color: #47899e;\n\n  /* ZG-WATERMARK\n  ----------------------------------------------------- */\n  --zg-watermark-background: var(--theme-background-color);\n  --zg-watermark-color: var(--theme-color-white);\n  --zg-watermark-color_strong: var(--theme-color-white);\n\n  /* BATCH EDIT\n  ----------------------------------------------------- */\n  --zing-grid-batch-edit-style-border: 4px solid var(--theme-color_alt);\n  /* --theme-batch-edit-box-shadow: inset 0 0 15px var(--theme-color_alt); */\n  --theme-batch-edit-box-shadow: unset;\n\n}",""])},3974:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,":host {\n  /* RE-USABLE ZINGGRID VARS\n  ----------------------------------------------------- */\n  /* These are used as the default theme values in the various component .css files */\n  /* These values are used more than once, so we're making them into a variable for reuse */\n\n  /* BACKGROUND */\n\n  /**\n  * @memberof theme\n  * @var --theme-background-color\n  * @default rgba(166, 213, 250, 0.2)\n  * @description Styles the background of row on hover\n  * @see background-color\n  */\n  --theme-background-color: rgba(166, 213, 250, 0.2);\n\n  /**\n  * @memberof theme\n  * @var --theme-background-zebra\n  * @default #f5f5f5\n  * @description Styles the background of 'even' rows in [zebra]-striping mode\n  * @see background-color\n  */\n  --theme-background-zebra: #f5f5f5;\n\n  /* BORDER */\n  /**\n  * @memberof theme\n  * @var --theme-border-color\n  * @default #e3e3e3\n  * @description Styles the border color\n  * @see border\n  */\n  --theme-border-color: #e3e3e3;\n\n  /* COLOR */\n\n  /**\n  * @memberof theme\n  * @var --theme-color\n  * @default rgb(33, 33, 33, 1)\n  * @description Sets the font color of most components, including cell content.\n  * @see color\n  * @example cell font color\n  * @example button background\n  * @example checkbox border\n  * @example select color\n  */\n  --theme-color: rgba(33, 33, 33, 1);\n\n  /**\n  * @memberof theme\n  * @var --theme-color_alt\n  * @default rgba(117, 117, 117, 1);\n  * @description Sets the font color of alternate text\n  * @see color\n  * @example header font\n  */\n  --theme-color_alt: rgba(117, 117, 117, 1);\n  \n  /**\n  * @memberof theme\n  * @var --theme-color-primary\n  * @default rgba(33, 150, 243, 1)\n  * @description Sets the font color of primary text\n  * @see color\n  * @example watermark\n  * @example checkbox:checked\n  * @example focus border\n  */\n  --theme-color-primary: rgba(33, 150, 243, 1);\n\n  /**\n  * @memberof theme\n  * @var --theme-color-secondary\n  * @default var(--theme-color-primary)\n  * @description Sets the font color of secondary text for components of functionality, such as header cells.\n  * @see color\n  * @example input:focus\n  */\n  --theme-color-secondary: var(--theme-color-primary);\n\n  /**\n  * @memberof theme\n  * @var --theme-color-success\n  * @default green\n  * @description Sets the font color for 'success' messages\n  * @see color\n  */\n  --theme-color-success: green;\n\n  /**\n  * @memberof theme\n  * @var --theme-color-alert\n  * @default red\n  * @description Sets the font color for 'alert' messages\n  * @see color\n  */\n  --theme-color-alert: red;\n\n  /**\n  * @memberof theme\n  * @var --theme-color-light\n  * @default #f2f2f2\n  * @description Defines the baseline light color\n  * @see color\n  * @example <zg-source> background\n  */\n  --theme-color-light: #f2f2f2;\n\n  /**\n  * @memberof theme\n  * @var --theme-color-lighter\n  * @default #fbfbfb\n  * @description Defines the baseline lighter color\n  * @see color\n  * @example Filter and Footer background color\n  */\n  --theme-color-lighter: #fbfbfb;\n\n  /**\n  * @memberof theme\n  * @var --theme-color-warn\n  * @default #ecd800\n  * @description Sets the font color of 'warn' messages\n  * @see color\n  */\n  --theme-color-warn: #ecd800;\n\n  /* FONT */\n\n  /**\n  * @memberof theme\n  * @var --theme-font-family\n  * @default 'Roboto', verdana, sans-serif\n  * @description Sets the font family of grid\n  * @see font-family\n  */\n  --theme-font-family: 'Roboto', verdana, sans-serif;\n\n  /**\n  * @memberof theme\n  * @var --theme-font-size\n  * @default 0.875rem\n  * @description Sets the base font size of grid\n  * @see font-size\n  */\n  --theme-font-size: .875rem;\n\n  /**\n  * @memberof theme\n  * @var --theme-font-style\n  * @default normal\n  * @description Sets the font style of grid\n  * @see font-style\n  */\n  --theme-font-style: normal;\n\n  /**\n  * @memberof theme\n  * @var --theme-font-weight\n  * @default normal\n  * @description Sets the font weight of grid\n  * @see font-weight\n  */\n  --theme-font-weight: normal;\n\n  /**\n  * @memberof theme\n  * @var --theme-line-height\n  * @default 1rem\n  * @description Sets the line height of grid\n  * @see line-height\n  */\n  --theme-line-height: 1rem;\n\n  /* PADDING */\n  /**\n  * @memberof theme\n  * @var --theme-padding_x\n  * @default 1rem\n  * @description Sets the horizontal padding of cells\n  * @see padding\n  */\n  --theme-padding_x: 1rem;\n\n  /**\n  * @memberof theme\n  * @var --theme-padding_y\n  * @default 0\n  * @description Sets the vertical padding of cells\n  * @see padding\n  */\n  --theme-padding_y: 0;\n\n  /* TRANSITION SPEED */\n  /**\n  * @memberof theme\n  * @var --theme-transition_speed\n  * @default 150ms\n  * @description Sets the animation speed for transitions\n  * @see transition\n  */\n  --theme-transition_speed: 150ms;\n\n  /* SIZING */\n  /**\n  * @memberof theme\n  * @var --theme-margin\n  * @default 20px\n  * @description Sets the margin of pager controls\n  * @see margin\n  */\n  --theme-margin: 20px;\n\n\n  /* -------------------------------------------------- */\n\n\n  /* ZING-GRID\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zing-grid-background\n  * @default #fff\n  * @description Styles the background of grid\n  * @see background-color\n  # @example body and header rows\n  # @example layout\n  # @example pager\n  */\n  --zing-grid-background: #fff;\n\n\n  /* ZG-BUTTON\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-button-background_hover\n  * @default rgba(255, 255, 255, 0.3)\n  * @description Styles the background of button on hover\n  * @see background\n  */\n  --zg-button-background_hover: rgba(255, 255, 255, 0.3);\n  /**\n  * @memberof default\n  * @var --zg-button-focus\n  * @default 2px solid green\n  * @description Styles the border of button on focus\n  * @see border\n  */\n  --zg-button-focus: 1px solid green;\n\n  /* ZG-BUTTON (CUSTOM) */\n  /**\n  * @memberof default\n  * @var --zg-button-background_custom\n  * @default #fff\n  * @description Styles the background of custom button\n  * @see background\n  */\n  --zg-button-background_custom: #fff;\n  /**\n  * @memberof default\n  * @var --zg-button-border_custom\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the border of custom button\n  * @see border\n  */\n  --zg-button-border_custom: 1px solid var(--theme-border-color);\n  /**\n  * @memberof default\n  * @var --zg-button-box-shadow_custom\n  * @default 0 0 5px 0 #a6a6a6\n  * @description Applies box shadow behind custom button\n  * @see box-shadow\n  */\n  --zg-button-box-shadow_custom: 0 0 5px 0 #a6a6a6;\n  /**\n  * @memberof default\n  * @var ---zg-button-color_custom\n  * @default #000\n  * @description Sets the font color of custom button\n  * @see color\n  */\n  --zg-button-color_custom: #000;\n\n  /* FOCUS */\n  /**\n  * @memberof default\n  * @var --zg-button-background_custom_focus\n  * @default var(--theme-color-primary)\n  * @description Styles the background of custom button on focus\n  * @see background\n  */\n  --zg-button-background_custom_focus: var(--theme-color-primary);\n  /**\n  * @memberof default\n  * @var --zg-button-border_custom_focus\n  * @default 1px solid #5ac4fb\n  * @description Styles the border of custom button on focus\n  * @see border\n  */\n  --zg-button-border_custom_focus: 1px solid #5ac4fb;\n  /**\n  * @memberof default\n  * @var --zg-button-box-shadow_custom_focus\n  * @default 0 0 6px 0 #86d3fb\n  * @description Applies a box shadow behind custom button on focus\n  * @see box-shadow\n  */\n  --zg-button-box-shadow_custom_focus: 0 0 6px 0 #86d3fb;\n  /**\n  * @memberof default\n  * @var --zg-button-color_custom_focus\n  * @default #fff\n  * @description Sets the font color of custom button on focus\n  * @see color\n  */\n  --zg-button-color_custom_focus: #fff;\n\n  /* HOVER */\n  /**\n  * @memberof default\n  * @var --zg-button-background_custom_hover\n  * @default var(--theme-color-primary)\n  * @description Styles the background of custom button on hover\n  * @see background\n  */\n  --zg-button-background_custom_hover: var(--theme-color-primary);\n  /**\n  * @memberof default\n  * @var --zg-button-border_custom_hover\n  * @default 1px solid #5ac4fb\n  * @description Styles the border of custom button on hover\n  * @see border\n  */\n  --zg-button-border_custom_hover: 1px solid #5ac4fb;\n  /**\n  * @memberof default\n  * @var --zg-button-box-shadow_custom_hover\n  * @default 0 0 6px 0 #86d3fb\n  * @description Applies a box shadow behind custom button on hover\n  * @see box-shadow\n  */\n  --zg-button-box-shadow_custom_hover: 0 0 6px 0 #86d3fb;\n  /**\n  * @memberof default\n  * @var --zg-button-color_custom_hover\n  * @default #fff\n  * @description Sets the font color of custom button on hover\n  * @see color\n  */\n  --zg-button-color_custom_hover: #fff;\n  \n  /* ACTIVE */\n  /**\n  * @memberof default\n  * @var --zg-button-background_custom_active\n  * @default #0594de\n  * @description Styles the background of custom button on active state\n  * @see background\n  */\n  --zg-button-background_custom_active: #0594de;\n  /**\n  * @memberof default\n  * @var --zg-button-border_custom_active\n  * @default 1px solid #4eaada\n  * @description Styles the border of custom button on active state\n  * @see border\n  */\n  --zg-button-border_custom_active: 1px solid #4eaada;\n  /**\n  * @memberof default\n  * @var --zg-button-box-shadow_custom_active\n  * @default 0 0 5px 0 #86d3fb\n  * @description Applies a box shadow behind custom button on active state\n  * @see box-shadow\n  */\n  --zg-button-box-shadow_custom_active: 0 0 5px 0 #86d3fb;\n  /**\n  * @memberof default\n  * @var --zg-button-color_custom_active\n  * @default #fff\n  * @description Sets the font color of custom button on active state\n  * @see color\n  */\n  --zg-button-color_custom_active: #fff;\n\n\n  /* ZG-CAPTION\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-caption-background\n  * @default #003749\n  * @description Styles the background of caption\n  * @see background-color\n  */\n  --zg-caption-background: #003749;\n  /**\n  * @memberof default\n  * @var --zg-caption-color\n  * @default #fff\n  * @description Styles the font color of caption\n  * @see color\n  */\n  --zg-caption-color: #fff;\n  /**\n  * @memberof default\n  * @var --zg-caption-height\n  * @description Sets the height of caption\n  * @see height\n  * @default 4rem\n  * @demoLink https://app.zingsoft.com/demos/create/Y3GPK1TE\n  */\n  --zg-caption-height: 4rem;\n  /**\n  * @memberof default\n  * @var --zg-caption-icon-color\n  * @default #fff\n  * @description Sets the icon color in caption\n  * @see color\n  */\n  --zg-caption-icon-color: #fff;\n  /**\n  * @memberof default\n  * @var --zg-caption-padding\n  * @default 0 var(--theme-padding_x)\n  * @description Sets the padding of caption\n  * @see padding\n  */\n  --zg-caption-padding: 0 var(--theme-padding_x);\n\n  /* TITLE ELEMENT */\n  /* --zg-caption-title-align-self: center; */\n  /* TOOLBAR ELEMENT */\n  /* --zg-caption-toolbar-align-self: flex-end; */\n\n  /* BUTTONS IN CAPTION */\n  /**\n  * @memberof default\n  * @var --zg-caption-button-background_hover\n  * @default #004f69\n  * @description Styles the background of button in caption\n  * @see background\n  */\n  --zg-caption-button-background_hover: #004f69;\n\n\n  /* ZG-CELL\n  ----------------------------------------------------- */\n  /* NORMAL */\n  /**\n  * @memberof default\n  * @var --zg-cell-background_sorted\n  * @default var(--theme-background-color)\n  * @description Styles the background of sorted cells\n  * @see background-color\n  */\n  --zg-cell-background_sorted: var(--theme-background-color);\n\n  /* AGGREGATE */\n  /**\n  * @memberof default\n  * @var --zg-cell-background_aggregate\n  * @default var(--zg-filter-background)\n  * @description Styles the background of 'aggregate' row\n  * @see background-color\n  */\n  --zg-cell-background_aggregate: var(--zg-filter-background);\n  /**\n  * @memberof default\n  * @var --zg-cell-background_aggregate_sorted\n  * @default var(--theme-background-color)\n  * @description Styles the background of sorted aggregate cells\n  * @see background-color\n  */\n  --zg-cell-background_aggregate_sorted: #dbecff;\n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_sorted\n  * @default 1px solid #d5e8ff\n  * @description Styles the border-top of sorted cells\n  * @see background-color\n  */\n  --zg-cell-border-top_sorted: 1px solid #d5e8ff;\n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_aggregate\n  * @default 1px solid var(--theme-border-color)\n  * @description Sets the top border of 'aggregate' rows\n  * @see height\n  */\n  --zg-cell-border-top_aggregate: 1px solid var(--theme-border-color);\n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_aggregate_sorted\n  * @default 1px solid #b3d6ff\n  * @description Styles the border-top of sorted aggregate cells\n  * @see background-color\n  */\n  --zg-cell-border-top_aggregate_sorted: 1px solid #b3d6ff;\n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_frozen\n  * @default 1px solid var(--theme-border-color)\n  * @description Sets the top border of 'frozen' rows\n  * @see height\n  */\n  --zg-cell-border-top_frozen: 1px solid var(--theme-border-color);\n\n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_frozen\n  * @default 1px solid var(--theme-border-color)\n  * @description Sets the top border of 'frozen' rows\n  */\n  --zg-row-border-top_foot_frozen: 1px solid var(--theme-border-color);\n  \n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_aggregate\n  * @default 1px solid var(--theme-border-color)\n  * @description Sets the top border of 'aggregate' rows\n  */\n  --zg-row-border-top_foot_aggregate: 1px solid var(--theme-border-color);\n\n\n  /* ZG-COLUMN-RESIZE\n  ----------------------------------------------------- */\n  --zg-column-resize-background: #f1f1f1;\n  --zg-column-resize-color: #c1c1c1;\n\n\n  /* ZG-CONTROL-BAR\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-control-bar-background\n  * @default #e3ecf6\n  * @description Styles the background of control bar\n  * @see background-color\n  */\n  --zg-control-bar-background: #e3ecf6;\n  \n\n  /* ZG-FOOT\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-foot-background\n  * @default var(--theme-color-lighter)\n  * @description The footer background\n  * @see background-color\n  */\n  --zg-foot-background: var(--theme-color-lighter);\n\n\n  /* ZG-FILTER\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-filter-background\n  * @default #f5f5f5\n  * @description Styles the background of filter\n  * @see background-color\n  */\n  --zg-filter-background: #f5f5f5;\n  /**\n  * @memberof default\n  * @var --zg-filter-background_sorted\n  * @default #c5dbf3\n  * @description Styles the background of filter in sorted column\n  * @see background-color\n  */\n  --zg-filter-background_sorted: #c5dbf3;\n  /**\n  * @memberof default\n  * @var --zg-filter-height\n  * @default 40px\n  * @description Sets the height of filter row\n  * @see height\n  */\n  --zg-filter-height: 40px;\n\n  /* FILTER INPUT */\n  /**\n  * @memberof default\n  * @var --zg-filter-input-background\n  * @default #fff\n  * @description Styles the background of filter input\n  * @see background-color\n  */\n  --zg-filter-input-background: #fff;\n  /**\n  * @memberof default\n  * @var --zg-filter-input-border\n  * @default 1px solid var(--theme-border-color);\n  * @description Styles the border of filter input\n  * @see border\n  */\n  --zg-filter-input-border: 1px solid var(--theme-border-color);\n  /**\n  * @memberof default\n  * @var --zg-filter-input-font-size\n  * @default .75rem\n  * @description Sets the font size of the filter input\n  * @see font-size\n  */\n  --zg-filter-input-font-size: .75rem;\n\n  --zg-row-background_filter: var(--zg-filter-background);\n\n\n  /* ZG-HEAD\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-head-background\n  * @default var(--theme-color-lighter)\n  * @description Styles the background of the grid head\n  * @see background\n  */\n  --zg-head-background: var(--theme-color-lighter);\n\n  /* ZG-HEAD-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-head-cell-background_sorted\n  * @default #d1e7ff\n  * @description Styles the background of sorted head cells\n  * @see background-color\n  */\n  --zg-head-cell-background_sorted: #d1e7ff;\n  /**\n  * @memberof default\n  * @var --zg-head-cell-font-size\n  * @default .9rem\n  * @description Sets the font size of head cells\n  * @see font-size\n  */\n  --zg-head-cell-font-size: var(--zing-grid-font-size, .9rem);\n  \n  /**\n  * @memberof default\n  * @var --zg-head-cell-padding\n  * @default 0 var(--theme-padding_x)\n  * @description Sets the padding of head cells\n  * @see padding\n  */\n  --zg-head-cell-padding: 0 var(--theme-padding_x); \n  --zg-head-cell-padding-left: var(--theme-padding_x);\n  \n  /* 'SPLIT PARENT' CELL STYLING */\n  /**\n  * @memberof default\n  * @var --zg-head-cell-parent-background\n  * @default #fff\n  * @description Styles the background of 'parent' head cells\n  * @see background\n  */\n  --zg-head-cell-parent-background: #fff;\n  /**\n  * @memberof default\n  * @var --zg-head-cell-parent-background_hover\n  * @default var(--theme-color-lighter);\n  * @description Styles the background of 'parent' head cells on hover\n  * @see background-color\n  */\n  --zg-head-cell-parent-background_hover: var(--theme-color-lighter);\n  /**\n  * @memberof default\n  * @var --zg-head-cell-parent-border-bottom_hover\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the bottom border of 'parent' head cells\n  * @see border\n  */\n  --zg-head-cell-parent-border-bottom_hover: 1px solid var(--theme-border-color);\n  /**\n  * @memberof default\n  * @var --zg-head-cell-parent-font-size\n  * @default .85rem\n  * @description Sets the font size of 'parent' head cells\n  * @see font-size\n  */\n  --zg-head-cell-parent-font-size: .85rem;\n  /**\n  * @memberof default\n  * @var --zg-head-cell-parent-font-weight\n  * @default 400\n  * @description Sets the font weight of 'parent' head cells\n  * @see font-weight\n  */\n  --zg-head-cell-parent-font-weight: 400;\n\n  /* HEAD CELL ICON */\n  /**\n  * @memberof default\n  * @var --zg-head-cell-icon-margin\n  * @default 0 5px 0 -3px\n  * @description Sets the margin of child icons in head cells\n  * @see margin\n  */\n  --zg-head-cell-icon-margin: 0 5px 0 -3px;\n\n\n  /* ZG-ICON\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-icon-init-fill\n  * @default #d4d4d4\n  * @description Sets the initial color of icon\n  * @see fill\n  */\n  --zg-icon-init-fill: #d4d4d4;\n  /**\n  * @memberof default\n  * @var --zg-icon-height\n  * @default 20px\n  * @description Sets the height of icon\n  * @see height\n  */\n  --zg-icon-height: 20px;\n  /**\n  * @memberof default\n  * @var --zg-icon-width\n  * @default 20px\n  * @description Sets the width of icon\n  * @see width\n  */\n  --zg-icon-width: 20px;\n\n  /**\n  * @memberof default\n  * @var --zg-menu-background\n  * @default #ff\n  * @description Style the background of menu\n  * @see background\n  */\n  --zg-menu-background: #fff;\n\n  /* --zg-menu-item-background_hover: var(--theme-color-lighter);*/\n\n\n  /* ZG-PAGER\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-pager-padding\n  * @default 0 var(--theme-padding_x) var(--theme-padding_x)\n  * @description Sets the padding of pager\n  * @see padding\n  */\n  --zg-pager-padding: 0 var(--theme-padding_x) 13px;\n\n  /* Pager top-border in card mode, but not in mobile. Yikes :) */\n  /* NOTE: Internal use only for now. Don't add JS Docs */\n  --zg-pager-card-nonmobile-border-top: 1px solid var(--theme-border-color);\n\n  /* Sections */\n  /**\n  * @memberof default\n  * @var --zg-pager-section-margin-top\n  * @default 13px\n  * @description Sets the top margin of pager\n  * @see margin\n  */\n  --zg-pager-section-margin-top: 13px;\n\n  /* 'Button' Type */\n  --zg-pager-border_button: 1px solid var(--theme-border-color);\n  --zg-pager-color_button_active: #fff;\n\n\n  /* ZG-ROW\n  ----------------------------------------------------- */\n  /* ZG-HEAD ZG-ROW */\n  /**\n  * @memberof default\n  * @var --zg-row-head-height\n  * @default 40px\n  * @description Sets the height of row head\n  * @see height\n  */\n  --zg-row-head-height: 40px;\n\n  /* ZG-BODY */\n  /**\n  * @memberof default\n  * @var --zg-row-body-background_hover\n  * @default var(--theme-background-color)\n  * @description Styles the backgrounf of body rows on hover\n  * @see background-color\n  */\n  --zg-row-body-background_hover: var(--theme-background-color);\n\n  /* CARD MODE WHEN EDITOR CONTROLS */\n  /* ODD */\n  /**\n  * @memberof default\n  * @var --zg-row-card-background_editor_odd\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px, var(--theme-border-color) 44px, var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px)\n  * @description Styles the background of 'odd' card editor head\n  * when `[editor-controls]` is added to `<zing-grid>`. \n  * Styling should account for the editor controls above the cells.\n  * @see background\n  */\n  --zg-row-card-background_editor_odd: linear-gradient(\n    var(--theme-color-lighter), \n    var(--theme-color-lighter) 43px, \n    var(--theme-border-color) 44px, \n    var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px\n  );\n  /* EVEN */\n  /**\n  * @memberof default\n  * @var --zg-row-card-background_editor_even\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px, var(--theme-border-color) 44px, var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px)\n  * @description Styles the background of 'odd' card editor head\n  * when `[editor-controls]` is added to `<zing-grid>`. \n  * Styling should account for the editor controls above the cells.\n  * @see background\n  */\n  --zg-row-card-background_editor_even: linear-gradient(\n    var(--theme-color-lighter), \n    var(--theme-color-lighter) 43px, \n    var(--theme-border-color) 44px, \n    var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px\n  );\n\n  /* AGGREGATE */\n  /**\n  * @memberof default\n  * @var --zg-row-height_aggregate\n  * @default 40px\n  * @description Sets the height of 'aggregate' rows\n  * @see height\n  */\n  --zg-row-height_aggregate: 40px;\n\n  --zg-row-background_aggregate: var(--zg-filter-background);\n\n\n  /* ZG-SEARCH\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-search-background\n  * @default #fff\n  * @description Styles the background of search input\n  * @see background-color\n  */\n  --zg-search-background: #fff;\n\n  \n  /* ZG-SELECT\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-select-height\n  * @default 28px\n  * @description Sets the height of select input\n  * @see height\n  */\n  --zg-select-height: 28px;\n  /**\n  * @memberof default\n  * @var --zg-select-min-width\n  * @default 40px\n  * @description Sets the minimum width of select input\n  * @see min-width\n  */\n  --zg-select-min-width: 40px;\n\n\n  /* ZG-STATUS\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-status-offset\n  * @default 10px\n  * @description Sets the distance between the status message and the grid edge.\n  */\n  --zg-status-offset: 10px;\n\n  /* ZG-WATERMARK\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-status-offset\n  * @default 10px\n  * @description Sets the distance between the status message and the grid edge.\n  */\n  --zg-watermark-color: rgba(7,89,156,1);\n}",""])},6913:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,":host([theme=\"ios\"]) {\n\n  /* CUSTOM VARS FOR THIS THEME FILE\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --ios-background-color\n  * @default #fcfcfc\n  * @description Sets the background\n  * @example caption background, filter background\n  * @see background-color\n  */\n  --ios-background-color: #fcfcfc;\n  /**\n  * @memberof ios\n  * @var --ios-background_alt\n  * @default #f0f4f7\n  * @description Sets the alternative background\n  * @example layout row background\n  * @see background-color\n  */\n  --ios-background_alt: #f0f4f7;\n\n\n  /* GLOBALS\n  ----------------------------------------------------- */\n  /* BACKGROUND */\n  /**\n  * @memberof ios\n  * @var --theme-background-color\n  * @default rgba(0, 122, 255, .05)\n  * @description Styles the background of rows on hover\n  * @example select arrow button\n  * @example row:hover\n  * @example layout button:active\n  */\n  --theme-background-color: rgba(0, 122, 255, .05);\n  /**\n  * @memberof ios\n  * @var --theme-background-zebra\n  * @default var(--ios-background-color)\n  * @description Styles the background of 'even' body rows in [zebra]-striping mode\n  * @see background-color\n  */\n  --theme-background-zebra: var(--ios-background-color);\n\n  /* BORDER */\n  /**\n  * @memberof ios\n  * @var --theme-border-color\n  * @default #e4e4e4\n  * @description Styles the border of most components\n  * @example header\n  * @example caption\n  * @example body\n  * @example row\n  * @example pager\n  * @example input\n  * @see border-color\n  */\n  --theme-border-color: #e4e4e4;\n\n  /* COLOR */\n  /**\n  * @memberof ios\n  * @var --theme-color-primary\n  * @default #007aff\n  * @description Sets the primary color\n  * @example active editor row\n  * @example icon\n  * @example menu text\n  * @example header in 'card' layout-mode\n  * @see color\n  */\n  --theme-color-primary: #007aff;\n\n  /* FONT */\n  /**\n  * @memberof ios\n  * @var --theme-color\n  * @default #4d4d4d\n  * @description Sets the text color\n  * @example caption\n  * @example header\n  * @example cell content\n  * @example pager\n  * @example watermark\n  * @example input\n  * @example select\n  * @see color\n  */\n  --theme-color: #4d4d4d;\n  /**\n  * @memberof ios\n  * @var --theme-color_alt\n  * @default #333333\n  * @description Sets the alternate text color\n  * @example filter input\n  * @see color\n  */\n  --theme-color_alt: #333333;\n  /**\n  * @memberof ios\n  * @var --theme-font-family\n  * @default -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Segoe UI\", Roboto, Helvetica, sans-serif\n  * @description Sets the font family of text\n  * @see font-family\n  */\n  --theme-font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Segoe UI\", Roboto, Helvetica, sans-serif;\n  /**\n  * @memberof ios\n  * @var --theme-font-size\n  * @default .9375rem\n  * @description Sets the font size of text\n  * @see font-size\n  */\n  --theme-font-size: .9375rem;\n  /**\n  * @memberof ios\n  * @var --theme-font-style\n  * @default normal\n  * @description Sets the font style of text\n  * @see font-style\n  */\n  --theme-font-style: normal;\n  /**\n  * @memberof ios\n  * @var --theme-font-weight\n  * @default normal\n  * @description Sets the font weight of text\n  * @see font-weight\n  */\n  --theme-font-weight: normal;\n  /**\n  * @memberof ios\n  * @var --theme-line-height\n  * @default normal\n  * @description Sets the line height of text\n  * @see line-height\n  */\n  --theme-line-height: normal;\n  /**\n  * @memberof ios\n  * @var --theme-padding_x\n  * @default 1.25rem\n  * @description Sets the horizontal padding of cells\n  * @see padding\n  */\n  --theme-padding_x: 1.25rem;\n\n  /* -------------------------------------------------- */\n\n\n  /* ZING-GRID\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zing-grid-background\n  * @default #fbfbfb\n  * @description Styles the background of grid\n  * @see background\n  */\n  --zing-grid-background: #fbfbfb;\n\n  /* ZG-BODY\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-body-background\n  * @default #fff\n  * @description Styles the background of grid body\n  * @see background\n  */\n  --zg-body-background: #fff;\n  /**\n  * @memberof ios\n  * @var --zg-body-border-bottom\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the bottom border of grid body\n  * @see border\n  */\n  --zg-body-border-bottom: 1px solid var(--theme-border-color);\n\n  /* ZG-BUTTON\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-button-color\n  * @default var(--theme-color-primary)\n  * @description Sets the font color of button\n  * @example column menu\n  * @see color\n  */\n  --zg-button-color: var(--theme-color-primary);\n  /**\n  * @memberof ios\n  * @var --zg-button-padding\n  * @default 3px\n  * @description Sets the padding of button\n  * @see padding\n  */\n  /* NOTE: Setting this even though it is already the default\n     in ZGButton.css b/c of the calc in\n     `--zg-caption-title-transform` in this file\n  */\n  --zg-button-padding: 3px;\n\n  /* BUTTON TOOLTIP */\n  /**\n  * @memberof ios\n  * @var --tooltip-background\n  * @default #adadad\n  * @description Styles the background of tooltip\n  * @see background\n  */\n  --tooltip-background: #adadad;\n\n\n  /* ZG-CAPTION\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-caption-background\n  * @default var(--ios-background-color)\n  * @description Styles the background of caption\n  * @see background\n  */\n  --zg-caption-background: var(--ios-background-color);\n  /**\n  * @memberof ios\n  * @var --zg-caption-border-bottom\n  * @default 0\n  * @description Styles the bottom border of caption\n  * @see border\n  */\n  --zg-caption-border-bottom: 0;\n  /**\n  * @memberof ios\n  * @var --zg-caption-color\n  * @default var(--theme-color)\n  * @description Sets the font color of caption\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/AWL1ZJ9P\n  */\n  --zg-caption-color: var(--theme-color);\n  /**\n  * @memberof ios\n  * @var --zg-caption-font-size\n  * @default 1.6rem\n  * @description Sets the base font size of caption\n  * @see font-size\n  */\n  --zg-caption-font-size: 1.6rem;\n  /**\n  * @memberof ios\n  * @var --zg-caption-font-weight\n  * @default bold\n  * @description Sets the font weight of caption\n  * @see font-weight\n  */\n  --zg-caption-font-weight: bold;\n  /**\n  * @memberof ios\n  * @var --zg-caption-flex-direction\n  * @default column\n  * @description Sets the flex direction of content in caption\n  * @see flex-direction\n  */\n  --zg-caption-flex-direction: column;\n  /**\n  * @memberof ios\n  * @var --zg-caption-height\n  * @default 40px\n  * @description Sets the height of caption\n  * @see height\n  */\n  --zg-caption-height: 40px;\n  /**\n  * @memberof ios\n  * @var --zg-caption-padding\n  * @default 30px var(--theme-padding_x) 10px\n  * @description Sets the padding of caption\n  * @see padding\n  */\n  --zg-caption-padding: 30px var(--theme-padding_x) 10px;\n\n\n  /* CAPTION TITLE */\n  /**\n  * @memberof ios\n  * @var --zg-caption-title-align-self\n  * @default flex-start\n  * @description Sets vertical alignment of caption title\n  * @see align-self\n  */\n  --zg-caption-title-align-self: flex-start;\n  /**\n  * @memberof ios\n  * @var --zg-caption-title-order\n  * @default 2\n  * @description Sets the order of contents in caption title\n  * @see order\n  */\n  --zg-caption-title-order: 2;\n  /**\n  * @memberof ios\n  * @var --zg-caption-title-transform\n  * @default 0\n  * @description Sets transform of caption title\n  * @see transform\n  */\n  --zg-caption-title-transform: 0;\n  /**\n  * @memberof ios\n  * @var --zg-caption-title-width\n  * @default 80%\n  * @description Sets width of caption title\n  * @see width\n  */\n  --zg-caption-title-width: 80%;\n  \n  /* CAPTION TOOLBAR */\n  /**\n  * @memberof ios\n  * @var --zg-caption-toolbar-align-self\n  * @default flex-end\n  * @description Sets vertical alignment of caption toolbar\n  * @see align-self\n  */\n  --zg-caption-toolbar-align-self: flex-end;\n  /**\n  * @memberof ios\n  * @var --zg-caption-toolbar-justify-content\n  * @default flex-end\n  * @description Sets the horizontal alignment of contents in the caption toolbar\n  * @see justify-content\n  */\n  --zg-caption-toolbar-justify-content: flex-end;\n  /**\n  * @memberof ios\n  * @var --zg-caption-toolbar-width\n  * @default calc(100% + 2px)\n  * @description Sets the width of the caption toolbar\n  * @see width\n  */\n  --zg-caption-toolbar-width: 20%;\n\n  /* CAPTION ICON */\n  /**\n  * @memberof ios\n  * @var --zg-caption-icon-color\n  * @default var(--theme-color-primary)\n  * @description The font-color of the icons in the caption\n  * @see fill\n  */\n  --zg-caption-icon-color: var(--theme-color-primary);\n\n  /* CAPTION BUTTONS */\n  /**\n  * @memberof ios\n  * @var --zg-caption-button-background_hover\n  * @default #f5f5f5\n  * @description Styles the background of button in caption on hover\n  * @see background\n  */\n  --zg-caption-button-background_hover: #f5f5f5;\n\n  \n  /* ZG-CELL\n  ----------------------------------------------------- */\n  /* Layout: Card */\n  /* Item */\n  /**\n  * @memberof ios\n  * @var --zg-cell-item-padding_layout_card\n  * @default 6px 0\n  * @description Sets the padding of cards in 'card' layout-mode\n  * @see padding\n  */\n  --zg-cell-content-padding_layout_card: 6px 0;\n  \n  /* ZG-ROW[type=aggregate] ZG-CELL */\n  /**\n  * @memberof ios\n  * @var --zg-cell-font-size_aggregate\n  * @default .8125rem\n  * @description Sets the font size of 'aggregate' cells\n  * @see padding\n  */\n  --zg-cell-font-size_aggregate: .8125rem;\n  /**\n  * @memberof ios\n  * @var --zg-cell-border-top_aggregate\n  * @default 1px solid transparent\n  * @description Styles the top border of 'aggregate' cells\n  * @see border\n  */\n  --zg-cell-border-top_aggregate: 1px solid transparent;\n  /**\n  * @memberof ios\n  * @var --zg-cell-border-top_aggregate_sorted\n  * @default 1px solid #f5f5f5\n  * @description Styles the top border of 'aggregate' cells\n  * @see border\n  */\n  --zg-cell-border-top_aggregate_sorted: 1px solid #f5f5f5;\n  \n\n  /* ZG-FILTER\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-filter-background\n  * @default var(--ios-background-color);\n  * @description Styles the background of filter input field\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/G1WKUNFJ\n  */\n  --zg-filter-background: var(--ios-background-color);\n  /**\n  * @memberof ios\n  * @var --zg-filter-background_sorted\n  * @default var(--zg-cell-background_aggregate_sorted)\n  * @description Styles the background of filter input field\n  */\n  --zg-filter-background_sorted: var(--zg-cell-background_aggregate_sorted);\n  /**\n  * @memberof ios\n  * @var --zg-filter-border-top\n  * @default 1px solid var(--ios-background-color)\n  * @description Styles the top border of filter row\n  * @see border\n  */\n  --zg-filter-border-top: 1px solid var(--ios-background-color);\n  /**\n  * @memberof ios\n  * @var --zg-filter-border-top_sorted\n  * @default 1px solid #f5f5f5\n  * @description Styles the top border of filter row in sorted column\n  * @see border\n  */\n  --zg-filter-border-top_sorted: 1px solid #f5f5f5;\n  /**\n  * @memberof ios\n  * @var --zg-filter-height\n  * @default 45px\n  * @description Sets the height of filter row\n  * @see height\n  * @demoLink https://app.zingsoft.com/demos/create/QCSOKQE2\n  */\n  --zg-filter-height: 45px;\n\n  /* FILTER INPUT */\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-background\n  * @default #eaeaea\n  * @description Styles the background of filter input field\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  */\n  --zg-filter-input-background: #eaeaea;\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-border-radius\n  * @default 5px\n  * @description Sets the border radius of filter input field\n  * @see border-radius\n  */\n  --zg-filter-input-border-radius: 5px;\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-border\n  * @default 0\n  * @description Styles the border of filter input field\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/SXRIBL17\n  */\n  --zg-filter-input-border: 0;\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-font-size\n  * @default .8rem\n  * @description Sets the font size of filter input field\n  * @see font-size\n  */\n  --zg-filter-input-font-size: .8rem;\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-margin\n  * @default -2px calc(var(--theme-padding_x) - 2px) 0\n  * @description Sets the margin of filter input field\n  * @see margin\n  */\n  --zg-filter-input-margin: -2px calc(var(--theme-padding_x) - 2px) 0;\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-padding\n  * @default 3px 0 3px 7px\n  * @description Sets the padding of filter input field. May need to set --zg-filter-height if input field is height is larger than height of filter.\n  * @see padding\n  * @demoLink https://app.zingsoft.com/demos/create/5GPABPO2\n  */\n  --zg-filter-input-padding: 3px 0 3px 7px;\n\n\n  /* ZG-HEAD\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-head-background\n  * @default var(--ios-background-color)\n  * @description Styles the background of grid head\n  * @see background\n  */\n  --zg-head-background: var(--ios-background-color);\n  /**\n  * @memberof ios\n  * @var --zg-head-border-bottom\n  * @default 0\n  * @description Styles the bottom border og grid head\n  * @see border\n  */\n  --zg-head-border-bottom: 0;\n  \n\n  /* ZG-HEAD-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-head-cell-font-weight\n  * @default 600\n  * @description Sets the font weight of head cells\n  * @see font-weight\n  * @demoLink https://app.zingsoft.com/demos/create/2LOCXCAB\n  */\n  --zg-head-cell-font-weight: 600;\n\n  /* 'PARENT' HEAD CELL */\n  /**\n  * @memberof ios\n  * @var --zg-head-cell-parent-background\n  * @default none\n  * @description Styles the background of 'parent' head cells\n  * @see border\n  */\n  --zg-head-cell-parent-background: none;\n  /**\n  * @memberof ios\n  * @var --zg-head-cell-parent-font-weight\n  * @default 400\n  * @description Sets the font weight of 'parent' head cells\n  * @see font-weight\n  */\n  --zg-head-cell-parent-font-weight: 400;\n\n   /**\n  * @memberof ios\n  * @var --zg-head-cell-parent-padding\n  * @default 0 var(--theme-padding_x)\n  * @description Sets the padding of 'parent' head cells\n  * @see padding\n  */\n  --zg-head-cell-parent-padding: 0 var(--theme-padding_x);\n\n  /* HEAD CELL ICON */\n  /**\n  * @memberof ios\n  * @var --zg-head-cell-icon-margin\n  * @default 0 5px 0 -4px\n  * @description Sets the margin of child icons in head cells\n  * @see margin\n  */\n  --zg-head-cell-icon-margin: 0 5px 0 -4px;\n\n  /* Data Container */\n  /**\n  * @memberof ios\n  * @var --zg-head-cell-data-line-height\n  * @default none\n  * @description Sets the line height of head cells\n  * @see line-height\n  */\n  --zg-head-cell-data-line-height: none;\n\n  /* ZG-ICON\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-icon-color\n  * @default var(--theme-color-primary)\n  * @description Sets the color of icon\n  * @see fill\n  */\n  --zg-icon-color: var(--theme-color-primary);\n  /**\n  * @memberof ios\n  * @var --zg-icon-height\n  * @default 20px\n  * @description Sets the height of icon\n  * @see height\n  */\n  --zg-icon-height: 20px;\n  /**\n  * @memberof ios\n  * @var --zg-icon-width\n  * @default 20px\n  * @description Sets the width of icon\n  * @see width\n  */\n  --zg-icon-width: 20px;\n\n  /* ZG-INPUT\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-input-border-radius\n  * @default 5px\n  * @description Sets the border radius of input\n  * @see border-radius\n  */\n  --zg-input-border-radius: 5px;\n\n  /* ZG-CONTROL-BAR\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-control-bar-background\n  * @default var(--ios-background)\n  * @description Styles the background on control bar\n  * @see background\n  */\n  --zg-control-bar-background: var(--ios-background);\n  /**\n  * @memberof ios\n  * @var --zg-control-bar-padding\n  * @default 0 var(--theme-padding_x) 0 calc(var(--theme-padding_x) - 6px)\n  * @description Sets the padding of control bar\n  * @see padding\n  */\n  --zg-control-bar-padding: 0 var(--theme-padding_x) 0 calc(var(--theme-padding_x) - 6px);\n\n  /* ZG-MENUITEM\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-menu-item-color_hover\n  * @default #fff\n  * @description Sets the font color of menu item on hover\n  * @see color\n  */\n  --zg-menu-item-color_hover: #fff;\n\n  /* ZG-PAGER\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-pager-background\n  * @default #fff\n  * @description Styles the background of pager\n  * @see background\n  */\n  --zg-pager-background: #fff;\n  /**\n  * @memberof ios\n  * @var --zg-pager-border-top\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the top border of pager\n  * @see border\n  */\n  --zg-pager-border-top: 1px solid var(--theme-border-color);\n  /**\n  * @memberof ios\n  * @var --zg-pager-font-size\n  * @default .8125rem\n  * @description Sets the base font size of pager\n  * @see font-size\n  */\n  --zg-pager-font-size: .8125rem;\n  /**\n  * @memberof ios\n  * @var --zg-pager-height\n  * @default 50px\n  * @description Sets the height of pager\n  * @see height\n  */\n  --zg-pager-height: 41px;\n  /**\n  * @memberof ios\n  * @var --zg-pager-margin\n  * @default 20px 0 0\n  * @description Sets the margin of pager\n  * @see margin\n  */\n  --zg-pager-margin: 20px 0 0;\n  /**\n  * @memberof ios\n  * @var --zg-pager-padding\n  * @default 0 var(--theme-padding_x) 10px\n  * @description Sets the padding of pager\n  * @see padding\n  */\n  --zg-pager-padding: 0 var(--theme-padding_x) 10px;\n  \n  /* Sections */\n  /**\n  * @memberof ios\n  * @var --zg-pager-section-margin-top\n  * @default 10px\n  * @description Sets the top margin of pager\n  * @see margin\n  */\n  --zg-pager-section-margin-top: 10px;\n\n\n  /* ZG-ROW\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var ---zg-row-head-height\n  * @default 45px\n  * @description Sets the height of row head\n  * @see height\n  */\n  --zg-row-head-height: 45px;\n\n  /**\n  * @memberof ios\n  * @var --zg-row-body-border-top\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the top border of body rows\n  * @see border\n  */\n  --zg-row-body-border-top: 1px solid var(--theme-border-color);\n  /**\n  * @memberof ios\n  * @var --zg-row-body-height\n  * @default 48px\n  * @description Sets the height of body rows\n  * @see height\n  */\n  --zg-row-body-height: 48px;\n\n  /* LAYOUT: CARD */\n  /**\n  * @memberof ios\n  * @var --zg-row-card-box-shadow\n  * @default 0\n  * @description Applies a box shadow behind cards in 'card' layout-mode\n  * @see box-shadow\n  */\n  --zg-row-card-box-shadow: 0;\n\n  /* ZG-SEARCH\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-search-border\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the border of search input field\n  * @see border\n  */\n  --zg-search-border: 1px solid var(--theme-border-color);\n  /**\n  * @memberof ios\n  * @var --zg-search-border-radius\n  * @default 5px\n  * @description Sets the border radius of search input field\n  * @see border-radius\n  */\n  --zg-search-border-radius: 5px;\n\n\n  /* ZG-SOURCE\n  ----------------------------------------------------- */\n  --zg-source-border-top_top: 1px solid var(--theme-border-color);\n\n  /* ZG-WATERMARK\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-watermark-color\n  * @default var(--theme-color)\n  * @description Sets the font color of watermark\n  * @see color\n  */\n  --zg-watermark-color: var(--theme-color);\n  /**\n  * @memberof ios\n  * @var --zg-watermark-color_strong\n  * @default var(--theme-color)\n  * @description Sets the font color of bold text in watermark\n  * @see color\n  */\n  --zg-watermark-color_strong: var(--theme-color);\n}\n\n\n\n\n/* CUSTOM STYLING\n----------------------------------------------------- */\n\n/* When [layout] set */\n:host([theme=\"ios\"][layout-controls]) {\n  --zg-caption-padding: 10px calc(var(--theme-padding_x) - 5px) 10px;\n  --zg-caption-toolbar-position: absolute;\n  --zg-caption-title-padding: 12px 0 0;\n}\n\n/* ZG-CAPTION\n----------------------------------------------------- */\n/* NOTE: Need to set `order:-1` so <zg-layout> is placed above caption in ios */\n:host([theme=\"ios\"]) ::slotted(zg-caption) {\n  order: -1;\n}\n\n/* zg-control-bar\n----------------------------------------------------- */\n/* NOTE: Need to set `order:-2` so <zg-control-bar> is placed above caption in ios */\n:host([theme=\"ios\"]) ::slotted(zg-control-bar) {\n  display: flex;\n  background: none;\n  height: var(--zg-caption-height);\n  justify-content: flex-start;\n  margin-bottom: calc(-1 * var(--zg-caption-height));\n  max-width: 50%;\n  order: -2;\n  width: auto;\n  z-index: 2;\n}\n:host([theme=\"ios\"]) ::slotted(zg-control-bar):before {\n  align-items: center;\n  color: #9e9e9e;\n  content: 'Change Layout';\n  display: flex;\n  font-size: .8rem;\n  justify-content: flex-end;\n  padding-left: 18px;\n}\n\n\n/* COMPACT VERSION\n----------------------------------------------------- */\n/* NOTE: Only add specific overrides here, otherwise rely on the defaults in compact.css */\n:host([theme][compact]) {\n  --zg-caption-title-padding: 10px 0 0;\n}",""])},9252:e=>{e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var o=this[t];o[2]?e.push("@media "+o[2]+"{"+o[1]+"}"):e.push(o[1])}return e.join("")},e.i=function(t,o){"string"==typeof t&&(t=[[null,t,""]]);for(var n={},r=0;r<this.length;r++){var a=this[r][0];"number"==typeof a&&(n[a]=!0)}for(r=0;r<t.length;r++){var i=t[r];"number"==typeof i[0]&&n[i[0]]||(o&&!i[2]?i[2]=o:o&&(i[2]="("+i[2]+") and ("+o+")"),e.push(i))}},e}},9977:e=>{e.exports="<slot></slot>"},3528:e=>{e.exports="<slot></slot>"},6932:e=>{e.exports='<slot name="icon"></slot>\n<slot name="checkbox"></slot>\n<slot name="label"></slot>\n<slot></slot>\n'},2937:e=>{e.exports='  <div class="zg-caption" part="caption">\n    <div class="zg-caption-title-slot" part="title">\n      <slot></slot>\n      <slot name="message"></slot>\n    </div>\n    <div class="zg-caption-toolbar" part="toolbar">\n      <slot name="tool"></slot>\n    </div>\n  </div>'},5670:e=>{e.exports="<slot></slot>"},2884:e=>{e.exports="<slot></slot>"},9001:e=>{e.exports="<slot></slot>"},9592:e=>{e.exports='<slot name="zgicon"></slot>\n<span class="zg-checkbox-text" part="text"><slot></slot></span>\n'},9872:e=>{e.exports="<slot></slot>"},1454:e=>{e.exports='<div class="zg-column-resize-handle" part="handle">\n  \x3c!-- <svg viewBox="0 0 10 10" class="dragHandle"><path d="M3,2 C2.44771525,2 2,1.55228475 2,1 C2,0.44771525 2.44771525,0 3,0 C3.55228475,0 4,0.44771525 4,1 C4,1.55228475 3.55228475,2 3,2 Z M3,6 C2.44771525,6 2,5.55228475 2,5 C2,4.44771525 2.44771525,4 3,4 C3.55228475,4 4,4.44771525 4,5 C4,5.55228475 3.55228475,6 3,6 Z M3,10 C2.44771525,10 2,9.55228475 2,9 C2,8.44771525 2.44771525,8 3,8 C3.55228475,8 4,8.44771525 4,9 C4,9.55228475 3.55228475,10 3,10 Z M7,2 C6.44771525,2 6,1.55228475 6,1 C6,0.44771525 6.44771525,0 7,0 C7.55228475,0 8,0.44771525 8,1 C8,1.55228475 7.55228475,2 7,2 Z M7,6 C6.44771525,6 6,5.55228475 6,5 C6,4.44771525 6.44771525,4 7,4 C7.55228475,4 8,4.44771525 8,5 C8,5.55228475 7.55228475,6 7,6 Z M7,10 C6.44771525,10 6,9.55228475 6,9 C6,8.44771525 6.44771525,8 7,8 C7.55228475,8 8,8.44771525 8,9 C8,9.55228475 7.55228475,10 7,10 Z"></path></svg> --\x3e\n  <zg-icon name="resize" part="icon"></zg-icon>\n</div>\n'},1869:e=>{e.exports="<slot></slot>"},2952:e=>{e.exports='<div class="zg-control-bar" part="control-bar">\n  <div class="zg-control-bar-card-action" part="card-action">\n    <slot name="cardaction"></slot>\n  </div>\n  <div class="zg-control-bar-action" part="row-action">\n    <slot name="action"></slot>\n  </div>\n  <div class="zg-control-bar-message" part="batch-message">\n    <slot name="message"></slot>\n  </div>\n  <div class="zg-control-bar-layout" part="layout">\n    <slot name="layout-controls"></slot>\n  </div>\n</div>'},1573:e=>{e.exports=""},1694:e=>{e.exports='<dialog class="zg-dialog-dialog" part="dialog">\n  <form method="dialog" class="zg-dialog-form" part="form">\n    <header class="zg-dialog-header" part="header">\n      <span class="zg-dialog-label" part="header-label"></span>\n      <button class="zg-dialog-close" part="header-close">X</button>\n    </header>\n    <div class="zg-dialog-body" part="body">\n      <div class="zg-dialog-error" part="body-error"></div>\n      <div class="zg-dialog-content-wrapper" part="body-content-wrapper"><slot></slot></div>\n    </div>\n    <menu class="zg-dialog-footer" part="footer">\n      <button class="zg-dialog-cancel" part="footer-cancel">Cancel</button>\n      <button class="zg-dialog-confirm" part="footer-confirm">Confirm</button>\n    </menu>\n  </form>\n</dialog>'},3635:e=>{e.exports='\x3c!-- Field Template --\x3e\n<template id="editorRowFieldTemplate">\n  <label id="editorRowFieldLabel">\n    <span class="editorRowFieldLabelContent"></span>\n  </label>\n</template>\n\n\x3c!-- Card Template --\x3e\n<template id="editorCardTemplate">\n  <label id="editorCard"></label>\n</template>\n\n<div id="wrapper" class="zg-editor-row-wrapper" part="editor-row">\n  <div id="inputs" class="zg-editor-row-inputs" part="inputs"></div>\n</div> '},8387:e=>{e.exports='<div class="zg-filter-wrapper" part="filter">\n  <div class="zg-filter-inner" part="filter-wrapper">\n    <slot></slot>\n  </div>\n</div>\n\n'},6592:e=>{e.exports='<div class="zg-focus-wrapper" part="focus">\n    <div id="bottom" class="zg-focus-bottom" part="bottom"></div>\n    <div id="left" class="zg-focus-left" part="left"></div>\n    <div id="right" class="zg-focus-right" part="right"></div>\n    <div id="top" class="zg-focus-top" part="top"></div>\n</div>\n'},9058:e=>{e.exports="<slot></slot>"},5491:e=>{e.exports='<slot name="source"></slot>\n<slot name="caption"></slot>\n<slot></slot>'},6262:e=>{e.exports="<slot></slot>"},6288:e=>{e.exports='<div class="zg-head-cell" part="cell">\n  <div class="zg-head-cell-inner" part="cell-inner">\n    <slot></slot>\n  </div>\n  <slot name="column-resize"></slot>\n</div>'},9878:e=>{e.exports="<slot></slot>"},4386:e=>{e.exports='<slot></slot>\n<slot name="caption"></slot>\n<slot name="source"></slot>\n<slot name="control-bar"></slot> '},4914:e=>{e.exports='<slot name="icon"></slot>\n<slot></slot>'},4407:e=>{e.exports='<div id="wrapper" class="zg-input" part="input">\n  <slot name="input">\n  </slot>\n  <slot></slot>\n</div>\n'},9674:e=>{e.exports="<slot></slot>"},172:e=>{e.exports="<slot></slot>"},2854:e=>{e.exports='<div class="zg-menu-group-wrap" part="group">\n  <span class="zg-menu-group-label" part="label">\n    <slot name="zgMenuGroupLabel"></slot>\n  </span>\n  <span class="zg-menu-group-items" part="items">\n    <slot name="zgMenuGroupItems"></slot>\n  </span>\n</div>'},2312:e=>{e.exports="<slot></slot>"},6513:e=>{e.exports='<div id="wrapper" class="zg-menu" part="menu">\n  <slot></slot>\n</div>'},2501:e=>{e.exports='<div role="status" part="status"><slot></slot></div>'},6089:e=>{e.exports='<div class="zg-option-list" part="list">\n    <slot></slot>\n</div>\n'},3476:e=>{e.exports='<div class="zg-pager" part="pager">\n  <div class="zg-pager-inner" part="inner">\n    <div class="zg-pager-left" part="left">\n      <slot name="left"></slot>\n    </div>\n    <div class="zg-pager-center" part="center">\n      <slot name="center"></slot>\n    </div>\n    <div class="zg-pager-right" part="right">\n      <slot name="right"></slot>\n    </div>\n    <slot></slot>\n  </div>\n</div>\n'},5150:e=>{e.exports=""},9457:e=>{e.exports="<slot></slot>"},1607:e=>{e.exports='<div class="zg-search" part="search">\n  <slot name="button"></slot>\n  <div class="zg-search-input" part="input"><slot name="input"></slot></div>\n</div>\n\n'},6062:e=>{e.exports='<div id="wrapper" class="zg-select" part="select">\n  <div id="inner" class="zg-select-inner" part="select-inner">\n    <slot name="selected"></slot>\n  </div>\n</div>\n<slot></slot>\n<div class="zg-selector-mask" part="mask"></div>'},5946:e=>{e.exports='<div id="mask" class="zg-selector-mask-mask" part="selector-mask"></div>\n'},9731:e=>{e.exports="\x3c!-- Stub file --\x3e"},2839:e=>{e.exports='<cite role="any" part="source"><slot></slot></cite>'},4221:e=>{e.exports='<div class="zg-status" part="status">\n  <div class="zg-status-message" part="message">\n    <zg-icon internal-status></zg-icon>\n    <span class="zg-status-text-container">\n      <span class="zg-status-text" part="text">Status</span>\n      <span class="zg-status-details" part="link"></span>\n    </span>\n  </div>\n  <div class="zg-status-action" close part="action">\n    <span close data-focusable part="close">\n      <zg-icon name="close" internal-status part="close-icon"></zg-icon>\n    </span>\n  </div>\n</div>'},7585:e=>{e.exports="<slot></slot>"},8219:e=>{e.exports='<slot></slot>\n<button class="zg-tooltip-close" part="close">X</button>'},1877:e=>{e.exports='<div><a href="https://www.zinggrid.com/" data-focusable target="_blank" rel="noopener"></a></div>'},3337:e=>{e.exports='<div class="zing-grid" role="presentation" >\n  <slot id="header" name="header"></slot>\n  <slot id="top" name="top"></slot>\n  <slot id="content"></slot>\n\n  <div id="wrap" class="zing-grid-wrapper-1" role="presentation" aria-label="ZingGrid">\n    <div id="main" class="zing-grid-wrapper-2" role="grid">\n\n\n      \x3c!-- HEADER --\x3e\n      <div class="zing-grid-frames zing-grid-frames-head" role="presentation">\n\n        \x3c!-- FRAME: LEFT --\x3e\n        <div id="freeze-frame-left-head" class="zing-grid-frame-left zing-grid-freeze-left">\n\n          \x3c!-- Head --\x3e\n          <div id="freeze-left-head" class="zing-grid-head zing-grid-head-left">\n            <slot name="lefthead"></slot>\n          </div>\n\n          <slot name="leftheadeditorrow"></slot>\n          <slot name="leftheadfocus"></slot>\n\n        </div>\n\n\n        \x3c!-- FRAME: MAIN --\x3e\n        <div id="freeze-frame-main-head" class="zing-grid-frame-main">\n\n          \x3c!-- Head --\x3e\n          <div id="freeze-main-head" class="zing-grid-head-main">\n            <slot name="gridhead"></slot>\n          </div>\n\n          <slot name="mainheadeditorrow"></slot>\n          <slot name="mainheadfocus"></slot>\n\n        </div>\n\n\n        \x3c!-- FRAME: RIGHT --\x3e\n        <div id="freeze-frame-right-head" class="zing-grid-frame-right zing-grid-freeze-right">\n\n          \x3c!-- Head --\x3e\n          <div id="freeze-right-head" class="zing-grid-head-right" >\n            <slot name="righthead"></slot>\n          </div>\n\n          <slot name="rightheadeditorrow"></slot>\n          <slot name="rightheadfocus"></slot>\n\n        </div>\n\n      </div>\n\n\n      \x3c!-- BODY --\x3e\n      <div id="zing-grid-frames-body" class="zing-grid-frames zing-grid-frames-body" role="presentation">\n\n        \x3c!-- FRAME: LEFT --\x3e\n        <div id="freeze-left-body" class="zing-grid-frame-left zing-grid-freeze-left">\n\n          \x3c!-- Body --\x3e\n          <div id="left" class="zing-grid-body zing-grid-body-left" role="presentation">\n            <slot name="leftcolgroup"></slot>\n            <slot name="leftbody"></slot>\n          </div>\n          <slot name="lefteditorrow"></slot>\n          <slot name="leftgridselectmask"></slot>\n          <slot name="leftgridfocus"></slot>\n          <zg-no-data id="leftnodata"></zg-no-data>\n\n        </div>\n\n\n        \x3c!-- FRAME: MAIN --\x3e\n        <div id="frame-main-body" class="zing-grid-frame-main">\n\n          <div class="zing-grid-scroll" id="scroll" role="presentation">\n\n            \x3c!-- Body --\x3e\n            <div id="body" class="zing-grid-body-main" role="presentation">\n              <slot name="gridcolgroup"></slot>\n              <slot name="gridbody"></slot>\n            </div>\n            <slot name="bodyeditorrow"></slot>\n            <slot name="bodygridselectmask"></slot>\n            <slot name="bodygridfocus"></slot>\n            <slot name="gridnodata"></slot>\n\n          </div>\n\n        </div>\n\n\n        \x3c!-- FRAME: RIGHT --\x3e\n        <div id="freeze-right-body" class="zing-grid-frame-right zing-grid-freeze-right">\n\n          \x3c!-- Body --\x3e\n          <div id="right" class="zing-grid-body-right" role="presentation">\n            <slot name="rightcolgroup"></slot>\n            <slot name="rightbody"></slot>\n          </div>\n          <slot name="righteditorrow"></slot>\n          <slot name="rightgridselectmask"></slot>\n          <slot name="rightgridfocus"></slot>\n          <zg-no-data id="rightnodata"></zg-no-data>\n        </div>\n\n      </div>\n\n\n      \x3c!-- FOOTER --\x3e\n      <div class="zing-grid-frames zing-grid-frames-foot" role="presentation">\n\n        \x3c!-- FRAME: LEFT --\x3e\n        <div id="freeze-frame-left-foot" class="zing-grid-frame-left zing-grid-freeze-left">\n\n          <div id="freeze-left-foot" class="zing-grid-foot zing-grid-foot-left">\n            <slot name="leftfoot"></slot>\n          </div>\n\n          <slot name="leftfooteditorrow"></slot>\n          <slot name="leftfootfocus"></slot>\n        </div>\n\n\n        \x3c!-- FRAME: MAIN --\x3e\n        <div id="freeze-frame-main-foot" class="zing-grid-frame-main">\n\n          <div id="freeze-main-foot" class="zing-grid-foot-main" role="presentation">\n            <slot name="gridfoot" id="gridfoot"></slot>\n          </div>\n\n          <slot name="mainfooteditorrow"></slot>\n          <slot name="mainfootfocus"></slot>\n\n        </div>\n\n\n        \x3c!-- FRAME: RIGHT --\x3e\n        <div id="freeze-frame-right-foot" class="zing-grid-frame-right zing-grid-freeze-right">\n\n          <div id="freeze-right-foot" class="zing-grid-foot-right" >\n            <slot name="rightfoot"></slot>\n          </div>\n\n          <slot name="rightfooteditorrow"></slot>\n          <slot name="rightfootfocus"></slot>\n        </div>\n\n      </div>\n\n\n      \x3c!-- Frozen Column Styling --\x3e\n      <slot name="freeze-left-columns"></slot>\n      <slot name="freeze-right-columns"></slot>\n\n      \x3c!-- Batch Edit Styling --\x3e\n      <slot name="batch-edit"></slot>\n      \n      <div id="mirror" style="display:none;"></div>\n\n    </div>\n  </div>\n\n  <slot id="pager" name="pager"></slot>\n  <slot id="footer" name="footer"></slot>\n  <slot id="watermark" name="watermark"></slot>\n\n  <slot name="status"></slot>\n\n  <slot name="dialogInternal"></slot>\n  <slot name="tooltip"></slot>\n  <slot name="celloverflow"></slot>\n\n  <div id="hidden" style="display:none;">\n    <slot name="zg-cell-unmapped"></slot>\n    <slot name="zg-head-cell-unmapped"></slot>\n  </div>\n\n  <textarea aria-hidden="true" class="zing-grid-clipboard" tabindex="-1"></textarea>\n</div>\n<slot name="shadow"></slot>'},8738:e=>{function t(e){return!!e.constructor&&"function"==typeof e.constructor.isBuffer&&e.constructor.isBuffer(e)}e.exports=function(e){return null!=e&&(t(e)||function(e){return"function"==typeof e.readFloatLE&&"function"==typeof e.slice&&t(e.slice(0,0))}(e)||!!e._isBuffer)}},2568:(e,t,o)=>{var n,r,a,i,s;n=o(1012),r=o(487).utf8,a=o(8738),i=o(487).bin,(s=function(e,t){e.constructor==String?e=t&&"binary"===t.encoding?i.stringToBytes(e):r.stringToBytes(e):a(e)?e=Array.prototype.slice.call(e,0):Array.isArray(e)||e.constructor===Uint8Array||(e=e.toString());for(var o=n.bytesToWords(e),l=8*e.length,d=1732584193,c=-271733879,h=-1732584194,u=271733878,g=0;g<o.length;g++)o[g]=16711935&(o[g]<<8|o[g]>>>24)|4278255360&(o[g]<<24|o[g]>>>8);o[l>>>5]|=128<<l%32,o[14+(l+64>>>9<<4)]=l;var p=s._ff,m=s._gg,f=s._hh,b=s._ii;for(g=0;g<o.length;g+=16){var v=d,y=c,z=h,w=u;d=p(d,c,h,u,o[g+0],7,-680876936),u=p(u,d,c,h,o[g+1],12,-389564586),h=p(h,u,d,c,o[g+2],17,606105819),c=p(c,h,u,d,o[g+3],22,-1044525330),d=p(d,c,h,u,o[g+4],7,-176418897),u=p(u,d,c,h,o[g+5],12,1200080426),h=p(h,u,d,c,o[g+6],17,-1473231341),c=p(c,h,u,d,o[g+7],22,-45705983),d=p(d,c,h,u,o[g+8],7,1770035416),u=p(u,d,c,h,o[g+9],12,-1958414417),h=p(h,u,d,c,o[g+10],17,-42063),c=p(c,h,u,d,o[g+11],22,-1990404162),d=p(d,c,h,u,o[g+12],7,1804603682),u=p(u,d,c,h,o[g+13],12,-40341101),h=p(h,u,d,c,o[g+14],17,-1502002290),d=m(d,c=p(c,h,u,d,o[g+15],22,1236535329),h,u,o[g+1],5,-165796510),u=m(u,d,c,h,o[g+6],9,-1069501632),h=m(h,u,d,c,o[g+11],14,643717713),c=m(c,h,u,d,o[g+0],20,-373897302),d=m(d,c,h,u,o[g+5],5,-701558691),u=m(u,d,c,h,o[g+10],9,38016083),h=m(h,u,d,c,o[g+15],14,-660478335),c=m(c,h,u,d,o[g+4],20,-405537848),d=m(d,c,h,u,o[g+9],5,568446438),u=m(u,d,c,h,o[g+14],9,-1019803690),h=m(h,u,d,c,o[g+3],14,-187363961),c=m(c,h,u,d,o[g+8],20,1163531501),d=m(d,c,h,u,o[g+13],5,-1444681467),u=m(u,d,c,h,o[g+2],9,-51403784),h=m(h,u,d,c,o[g+7],14,1735328473),d=f(d,c=m(c,h,u,d,o[g+12],20,-1926607734),h,u,o[g+5],4,-378558),u=f(u,d,c,h,o[g+8],11,-2022574463),h=f(h,u,d,c,o[g+11],16,1839030562),c=f(c,h,u,d,o[g+14],23,-35309556),d=f(d,c,h,u,o[g+1],4,-1530992060),u=f(u,d,c,h,o[g+4],11,1272893353),h=f(h,u,d,c,o[g+7],16,-155497632),c=f(c,h,u,d,o[g+10],23,-1094730640),d=f(d,c,h,u,o[g+13],4,681279174),u=f(u,d,c,h,o[g+0],11,-358537222),h=f(h,u,d,c,o[g+3],16,-722521979),c=f(c,h,u,d,o[g+6],23,76029189),d=f(d,c,h,u,o[g+9],4,-640364487),u=f(u,d,c,h,o[g+12],11,-421815835),h=f(h,u,d,c,o[g+15],16,530742520),d=b(d,c=f(c,h,u,d,o[g+2],23,-995338651),h,u,o[g+0],6,-198630844),u=b(u,d,c,h,o[g+7],10,1126891415),h=b(h,u,d,c,o[g+14],15,-1416354905),c=b(c,h,u,d,o[g+5],21,-57434055),d=b(d,c,h,u,o[g+12],6,1700485571),u=b(u,d,c,h,o[g+3],10,-1894986606),h=b(h,u,d,c,o[g+10],15,-1051523),c=b(c,h,u,d,o[g+1],21,-2054922799),d=b(d,c,h,u,o[g+8],6,1873313359),u=b(u,d,c,h,o[g+15],10,-30611744),h=b(h,u,d,c,o[g+6],15,-1560198380),c=b(c,h,u,d,o[g+13],21,1309151649),d=b(d,c,h,u,o[g+4],6,-145523070),u=b(u,d,c,h,o[g+11],10,-1120210379),h=b(h,u,d,c,o[g+2],15,718787259),c=b(c,h,u,d,o[g+9],21,-343485551),d=d+v>>>0,c=c+y>>>0,h=h+z>>>0,u=u+w>>>0}return n.endian([d,c,h,u])})._ff=function(e,t,o,n,r,a,i){var s=e+(t&o|~t&n)+(r>>>0)+i;return(s<<a|s>>>32-a)+t},s._gg=function(e,t,o,n,r,a,i){var s=e+(t&n|o&~n)+(r>>>0)+i;return(s<<a|s>>>32-a)+t},s._hh=function(e,t,o,n,r,a,i){var s=e+(t^o^n)+(r>>>0)+i;return(s<<a|s>>>32-a)+t},s._ii=function(e,t,o,n,r,a,i){var s=e+(o^(t|~n))+(r>>>0)+i;return(s<<a|s>>>32-a)+t},s._blocksize=16,s._digestsize=16,e.exports=function(e,t){if(null==e)throw new Error("Illegal argument "+e);var o=n.wordsToBytes(s(e,t));return t&&t.asBytes?o:t&&t.asString?i.bytesToString(o):n.bytesToHex(o)}},4889:function(e,t,o){!function(e,t){"use strict";if(!e.setImmediate){var o,n,r,a,i,s=1,l={},d=!1,c=e.document,h=Object.getPrototypeOf&&Object.getPrototypeOf(e);h=h&&h.setTimeout?h:e,"[object process]"==={}.toString.call(e.process)?o=function(e){process.nextTick((function(){g(e)}))}:!function(){if(e.postMessage&&!e.importScripts){var t=!0,o=e.onmessage;return e.onmessage=function(){t=!1},e.postMessage("","*"),e.onmessage=o,t}}()?e.MessageChannel?((r=new MessageChannel).port1.onmessage=function(e){g(e.data)},o=function(e){r.port2.postMessage(e)}):c&&"onreadystatechange"in c.createElement("script")?(n=c.documentElement,o=function(e){var t=c.createElement("script");t.onreadystatechange=function(){g(e),t.onreadystatechange=null,n.removeChild(t),t=null},n.appendChild(t)}):o=function(e){setTimeout(g,0,e)}:(a="setImmediate$"+Math.random()+"$",i=function(t){t.source===e&&"string"==typeof t.data&&0===t.data.indexOf(a)&&g(+t.data.slice(a.length))},e.addEventListener?e.addEventListener("message",i,!1):e.attachEvent("onmessage",i),o=function(t){e.postMessage(a+t,"*")}),h.setImmediate=function(e){"function"!=typeof e&&(e=new Function(""+e));for(var t=new Array(arguments.length-1),n=0;n<t.length;n++)t[n]=arguments[n+1];var r={callback:e,args:t};return l[s]=r,o(s),s++},h.clearImmediate=u}function u(e){delete l[e]}function g(e){if(d)setTimeout(g,0,e);else{var o=l[e];if(o){d=!0;try{!function(e){var o=e.callback,n=e.args;switch(n.length){case 0:o();break;case 1:o(n[0]);break;case 2:o(n[0],n[1]);break;case 3:o(n[0],n[1],n[2]);break;default:o.apply(t,n)}}(o)}finally{u(e),d=!1}}}}}("undefined"==typeof self?void 0===o.g?this:o.g:self)},7673:(e,t,o)=>{"use strict";o.d(t,{Z:()=>K});var n=o(8419);o(2260);var r=o(3605);const a={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",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:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",gold:"#ffd700",goldenrod:"#daa520",greenyellow:"#adff2f",gray:"#808080",green:"#008000",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:"#778899",lightslategrey:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",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",purple:"#800080",powderblue:"#b0e0e6",rebeccapurple:"#663399",red:"#ff0000",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:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd3"};const i=class{constructor({color:e,cell:t,column:o}){const{modes:r,modeAttr:i,modeDefault:s,notConvertedClass:l,notValidClass:d,previewAttr:c,previewDefault:h,spaces:u,spacesAttr:g,transparent:p}=n.default.columnType.color;this.modeAttr=i,this.previewAttr=c,this.spacesAttr=g,this.modeDefault=s,this.previewDefault=h,this.modes=r;const{hexAlpha:m,hexLong:f,hexShort:b,hsl:v,hsla:y,name:z,rgb:w,rgba:C}=r;this.hexAlpha=m,this.hexLong=f,this.hexShort=b,this.hsl=v,this.hsla=y,this.name=z,this.rgb=w,this.rgba=C,this.spaces=u,this.transparent=p,this.notConvertedClass=l,this.notValidClass=d,this.colorNames=a,this.colorKeys=Object.keys(this.colorNames),this.colorValues=Object.values(this.colorNames),this.cell=t,this.color=this.convertColorForConversions(e),this.colorRaw=e,this.colorMode=this.getModeFromColor(),this.colorIsTransparent=this.isColorTransparent(),o&&(this.column=o,this.columnHasModeAttr=this.getAttrFromColumn(i),this.columnHasPreviewAttr=this.getAttrFromColumn(c),this.columnHasSpacesAttr=this.getAttrFromColumn(g),this.modeTarget=this.getModeFromAttr(o),this.previewTarget=this.getPreviewFromAttr(o),this.spacesTarget=this.getSpacesFromAttr(o)),this.separator=this.setSeparator()}getModeFromAttr(){let e=this.modeDefault,t=this.columnHasModeAttr;return Object.values(this.modes).indexOf(t)>-1&&(e=t),t&&-1===Object.values(this.modes).indexOf(t)&&this.addInvalidClass(),e}getPreviewFromAttr(){return"disabled"!==this.columnHasPreviewAttr}getSpacesFromAttr(){let e=this.columnHasSpacesAttr;return e&&e===this.spaces.invalid?this.spaces.invalid:e&&e===this.spaces.inherit?this.spaces.inherit:this.spaces.valid}formatColor(){let e,t;this.columnHasModeAttr&&!this.colorMode?(e=this.color,t=!0):(e=this.convertColor(),t=!1);let o=e;if(this.previewTarget){o=`\n        <div style="display:flex;align-items:center;">\n          <span style="margin-right:7px;width:15px;height:15px;background-color:${e};border:1px solid ${t||this.colorIsTransparent||!this.colorMode?"#ebebeb":"transparent"};border-radius:2px;"></span>\n          <span>${e}</span>\n        </div>\n      `.trim()}return o}isColorTransparent(){if(this.colorRaw===this.transparent)return!0;const e=this.getParts(this.color);return 4===e.length&&"0"===e[3]}convertColor(){let e=this.color;switch(this.modeTarget){case this.hexAlpha:case this.hexLong:case this.hexShort:e=this.convertToHex();break;case this.hsl:case this.hsla:e=this.convertToHsl();break;case this.name:e=this.convertToName();break;case this.rgb:case this.rgba:e=this.convertToRgb()}return e||"--"}convertToHex(e){const t=this.colorMode;switch(e&&(this.modeTarget=e),t){case this.hexAlpha:case this.hexLong:case this.hexShort:return this.convertHexToHex();case this.hsl:case this.hsla:return this.convertHslToHex();case this.rgb:case this.rgba:return this.convertRgbToHex();case this.name:return this.convertNameToHex()}}convertToHsl(){switch(this.colorMode){case this.hexAlpha:case this.hexLong:case this.hexShort:return this.convertHexToHsl();case this.hsl:case this.hsla:return this.convertHslToHsl();case this.rgb:case this.rgba:return this.convertRgbToHsl();case this.name:return this.convertNameToHsl()}}convertToName(){switch(this.colorMode){case this.hexAlpha:case this.hexLong:case this.hexShort:return this.convertHexToName();case this.hsl:case this.hsla:return this.convertHslToName();case this.rgb:case this.rgba:return this.convertRgbToName();case this.name:return this.convertNameToName()}}convertToRgb(){switch(this.colorMode){case this.hexAlpha:case this.hexLong:case this.hexShort:return this.convertHexToRgb();case this.hsl:case this.hsla:return this.convertHslToRgb();case this.rgb:case this.rgba:return this.convertRgbToRgb();case this.name:return this.convertNameToRgb()}}convertHexToHex(){const e=this.color,t=this.color.length,o=this.modeTarget===this.hexAlpha,n=this.modeTarget===this.hexShort,r=this.modeTarget===this.hexLong,a=9===t,i=4===t,s=7===t;if(o){if(a)return e;if(s)return`${e}ff`;if(i)return`${this.getLongHex(e)}ff`}if(r){if(a)return e.substring(0,t-2);if(s)return e;if(i)return this.getLongHex(e)}if(n){if(a)return this.getShortHex(e);if(s)return this.getShortHex(e);if(i)return e}}convertHexToHsl(){const e=this.getAlphaHex(),t=this.separator,o=this.modeTarget===this.hsl,n=this.modeTarget===this.hsla;return function(e){if(!/^#([\da-f]{4}){1,2}$/i.test(e))return"Invalid input color";{let r=0,a=0,i=0,s=1;5==e.length?(r="0x"+e[1]+e[1],a="0x"+e[2]+e[2],i="0x"+e[3]+e[3],s="0x"+e[4]+e[4]):9==e.length&&(r="0x"+e[1]+e[2],a="0x"+e[3]+e[4],i="0x"+e[5]+e[6],s="0x"+e[7]+e[8]),r/=255,a/=255,i/=255;let l=Math.min(r,a,i),d=Math.max(r,a,i),c=d-l,h=0,u=0,g=0;if(h=0==c?0:d==r?(a-i)/c%6:d==a?(i-r)/c+2:(r-a)/c+4,h=Math.round(60*h),h<0&&(h+=360),g=(d+l)/2,u=0==c?0:c/(1-Math.abs(2*g-1)),u=+(100*u).toFixed(1),g=+(100*g).toFixed(1),s=(s/255).toFixed(2),s="1"===s[0]?1:s,s="0"===s[0]?s.substring(1):s,u=`${parseInt(u)}%`,g=`${parseInt(g)}%`,n)return`hsla(${h}${t}${u}${t}${g}${t}${s})`;if(o)return`hsl(${h}${t}${u}${t}${g})`}}(e)}convertHexToName(){const e=this.getLongHex(this.color);return this.matchHexToName(e)}convertHexToRgb(){let e=this.getAlphaHex();const t=this.separator,o=this.modeTarget===this.rgb,n=this.modeTarget===this.rgba;let r,a,i,s="";return""==e&&(e="000000"),"#"==e[0]&&(e=e.substring(1,e.length)),3==e.length?(r=`${e.substring(0,1)}${e.substring(0,1)}`,a=`${e.substring(1,2)}${e.substring(1,2)}`,i=`${e.substring(2,3)}${e.substring(2,3)}`):(r=e.substring(0,2),a=e.substring(2,4),i=e.substring(4,6)),8==e.length&&(s=(parseInt(e.substring(6,8),16)/255).toFixed(2)),r=parseInt(r,16),a=parseInt(a,16),i=parseInt(i,16),s="1"===s[0]?parseInt(s):s,s="0"===s[0]?s.substring(1):s,o?`rgb(${r}${t}${a}${t}${i})`:n?`rgba(${r}${t}${a}${t}${i}${t}${s})`:void 0}convertHslToHex(){const e=this.formatParts("hsl",this.color),t=this.convertHslToRgb(e);return this.convertRgbToHex(t)}convertHslToHsl(){this.color;const e=this.formatParts("hsl",this.color),{H:t,S:o,L:n,A:r,display:a,displayAlpha:i}=e,s=this.modeTarget===this.hsl,l=this.modeTarget===this.hsla;this.colorMode=this.hsla,this.colorMode=this.hsl;return l?i:s?a:void 0}convertHslToName(){if(this.colorIsTransparent)return this.returnTransparent();const e=this.convertHslToHex().display;return this.matchHexToName(e)}convertHslToRgb(e){e||(e=this.formatParts("hsl",this.color));let{H:t,S:o,L:n,A:r=1,display:a}=e,i=0,s=0,l=0;const d=this.separator;return function(e,a){let c=!1;if(/^hsl\(((((([12]?[1-9]?\d)|[12]0\d|(3[0-5]\d))(\.\d+)?)|(\.\d+))(deg)?|(0|0?\.\d+)turn|(([0-6](\.\d+)?)|(\.\d+))rad)((,\s?(([1-9]?\d(\.\d+)?)|100|(\.\d+))%){2}|(\s(([1-9]?\d(\.\d+)?)|100|(\.\d+))%){2})\)$/i.test(e)){e=e.substr(4).split(")")[0].split(d),c=!0===c,o=e[1].substr(0,e[1].length-1)/100,n=e[2].substr(0,e[2].length-1)/100,t.indexOf("deg")>-1?t=t.substr(0,t.length-3):t.indexOf("rad")>-1?t=Math.round(h.substr(0,t.length-3)/(2*Math.PI)*360):t.indexOf("turn")>-1&&(t=Math.round(360*h.substr(0,t.length-4))),t>=360&&(t%=360);let u=(1-Math.abs(2*n-1))*o,g=u*(1-Math.abs(t/60%2-1)),p=n-u/2;0<=t&&t<60?(i=u,s=g,l=0):60<=t&&t<120?(i=g,s=u,l=0):120<=t&&t<180?(i=0,s=u,l=g):180<=t&&t<240?(i=0,s=g,l=u):240<=t&&t<300?(i=g,s=0,l=u):300<=t&&t<360&&(i=u,s=0,l=g),i=Math.round(255*(i+p)),s=Math.round(255*(s+p)),l=Math.round(255*(l+p)),c&&(i=+(i/255*100).toFixed(1),s=+(s/255*100).toFixed(1),l=+(l/255*100).toFixed(1));const m={R:i,G:s,B:l,A:r,display:`rgb(${i}${d}${s}${d}${l})`,displayAlpha:`rgba(${i}${d}${s}${d}${l}${d}${r})`},f=a.modeTarget===a.rgb,b=a.modeTarget===a.rgba;return f?m.display:b?m.displayAlpha:m}return"Invalid color"}(a,this)}convertNameToHex(){const e=this.color,t=this.modeTarget===this.hexAlpha,o=this.modeTarget===this.hexShort,n=this.modeTarget===this.hexLong,r=this.colorNames[e.toLowerCase()];return r?t?`${r}ff`:n?r:o?this.getShortHex(r):void 0:this.setNotConvertedState()}convertNameToHsl(){const e=this.color,t=this.colorNames[e.toLowerCase()];return t?(this.color=t,this.convertHexToHsl()):this.setNotConvertedState()}convertNameToName(){return this.color}convertNameToRgb(){const e=this.color,t=this.colorNames[e.toLowerCase()];return t?(this.color=t,this.convertHexToRgb()):this.setNotConvertedState()}convertRgbToHex(e){e||(e=this.formatParts("rgb",this.color));let{R:t,G:o,B:n,A:r=1,display:a}=e,i=`rgba(${t},${o},${n},${r})`;this.separator;if(/^rgba\((((((((1?[1-9]?\d)|10\d|(2[0-4]\d)|25[0-5]),\s?)){3})|(((([1-9]?\d(\.\d+)?)|100|(\.\d+))%,\s?){3}))|(((((1?[1-9]?\d)|10\d|(2[0-4]\d)|25[0-5])\s){3})|(((([1-9]?\d(\.\d+)?)|100|(\.\d+))%\s){3}))\/\s)((0?\.\d+)|[01]|(([1-9]?\d(\.\d+)?)|100|(\.\d+))%)\)$/i.test(i)){i=i.substr(5).split(")")[0],i=i.split(","),i.indexOf("/")>-1&&i.splice(3,1);for(let e in i){let t=i[e];if(t.indexOf("%")>-1){let o=t.substr(0,t.length-1)/100;i[e]=e<3?Math.round(255*o):o}}t=(+i[0]).toString(16),o=(+i[1]).toString(16),n=(+i[2]).toString(16),r=Math.round(255*+i[3]).toString(16),1==t.length&&(t="0"+t),1==o.length&&(o="0"+o),1==n.length&&(n="0"+n),1==r.length&&(r="0"+r);const e=this.getShortHex(`#${t}${o}${n}`),a=this.modeTarget===this.hexAlpha,s=this.modeTarget===this.hexShort,l=this.modeTarget===this.hexLong;return a?`#${t}${o}${n}${r}`:l?`#${t}${o}${n}`:s?e:{R:t,G:o,B:n,A:r,display:`#${t}${o}${n}`,displayAlpha:`#${t}${o}${n}${r}`,displayShort:e}}return"Invalid color"}convertRgbToHsl(e){e||(e=this.formatParts("rgb",this.color));let{R:t,G:o,B:n,A:r=1,display:a,displayAlpha:i}=e,s=0,l=0,d=0;const c=this.separator;return function(e,a){if(/^rgba\((((((((1?[1-9]?\d)|10\d|(2[0-4]\d)|25[0-5]),\s?)){3})|(((([1-9]?\d(\.\d+)?)|100|(\.\d+))%,\s?){3}))|(((((1?[1-9]?\d)|10\d|(2[0-4]\d)|25[0-5])\s){3})|(((([1-9]?\d(\.\d+)?)|100|(\.\d+))%\s){3}))\/\s)((0?\.\d+)|[01]|(([1-9]?\d(\.\d+)?)|100|(\.\d+))%)\)$/i.test(e)){(e=e.substr(5).split(")")[0].split(c)).indexOf("/")>-1&&e.splice(3,1);for(let t in e){let o=e[t];if(o.indexOf("%")>-1){let n=o.substr(0,o.length-1)/100;t<3&&(e[t]=Math.round(255*n))}}t=e[0]/255,o=e[1]/255,n=e[2]/255,r=e[3];let i=Math.min(t,o,n),h=Math.max(t,o,n),u=h-i;s=0==u?0:h==t?(o-n)/u%6:h==o?(n-t)/u+2:(t-o)/u+4,s=Math.round(60*s),s<0&&(s+=360),d=(h+i)/2,l=0==u?0:u/(1-Math.abs(2*d-1)),l=+(100*l).toFixed(1),d=+(100*d).toFixed(1),l=`${parseInt(l)}%`,d=`${parseInt(d)}%`;const g={H:s,S:l,L:d,A:r,display:`hsl(${s}${c}${l}${c}${d})`,displayAlpha:`hsla(${s}${c}${l}${c}${d}${c}${r})`},p=a.modeTarget===a.hsl,m=a.modeTarget===a.hsla;return p?g.display:m?g.displayAlpha:g}return"Invalid input color"}(i,this)}convertRgbToName(){if(this.colorIsTransparent)return this.returnTransparent();const e=this.convertRgbToHex().display;return this.matchHexToName(e)}convertRgbToRgb(){this.color;const e=this.formatParts("rgb",this.color),{R:t,G:o,B:n,A:r,display:a,displayAlpha:i}=e,s=this.modeTarget===this.rgb,l=this.modeTarget===this.rgba;this.colorMode=this.rgba,this.colorMode=this.rgb;return l?i:s?a:void 0}addNotConvertedClass(){this.cell.classList.add(this.notConvertedClass)}addInvalidClass(){this.cell.classList.add(this.notValidClass)}convertColorForConversions(e){return this.columnHasModeAttr&&e===this.transparent?"rgba(0, 0, 0, 0)":e}formatParts(e,t){const o=e.toUpperCase(),n=this.getParts(t),r=this.separator,a=n[3]||1,i=o[0],s=o[1],l=o[2];return{[i]:n[0],[s]:n[1],[l]:n[2],A:a,display:`${e}(${n[0]}${r}${n[1]}${r}${n[2]})`,displayAlpha:`${e}a(${n[0]}${r}${n[1]}${r}${n[2]}${r}${a})`}}getAlphaHex(){const e=this.color;return 4===e.length?`#${e[1]}${e[1]}${e[2]}${e[2]}${e[3]}${e[3]}ff`:7===e.length?`${e}ff`:e}getAttrFromColumn(e){return this.column.getAttribute(e)}getLongHex(e){return 4!==e.length?e:`#${e[1]}${e[1]}${e[2]}${e[2]}${e[3]}${e[3]}`}getModeFromColor(){const e=this.color;let t;if("#"===e[0])4===e.length&&(t=this.hexShort),7===e.length&&(t=this.hexLong),9===e.length&&(t=this.hexAlpha);else if(e.includes(`${this.hsl}(`))t=this.hsl;else if(e.includes(`${this.hsla}(`))t=this.hsla;else if(e.includes(`${this.rgb}(`))t=this.rgb;else if(e.includes(`${this.rgba}(`))t=this.rgba;else{t=!!this.isColorNameMatch(e)&&this.name}return t}getParts(e){const t=e.replace(/ /g,""),o=t.indexOf("(")+1;return t.substring(o,t.length-1).split(",")}getPercentage(e){const t=parseFloat(e).toFixed(2);return`${Math.round(100*t)}%`}getShortHex(e){const t=`#${this.getShortHexPart(`${e[1]}${e[2]}`)}${this.getShortHexPart(`${e[3]}${e[4]}`)}${this.getShortHexPart(`${e[5]}${e[6]}`)}`;return 4===t.length?t:this.colorMode===n.default.columnType.color.modes.name?(this.addNotConvertedClass(),e):this.setNotConvertedState()}getShortHexPart(e){return e[0]===e[1]?e[0]:e}isColorNameMatch(e){return this.colorKeys.filter((t=>t===e.toLowerCase()))[0]}isColorNameHexMatch(e){let t;return this.colorValues.forEach(((o,n)=>o===e.toLowerCase()?t=this.colorKeys[n]:o)),t}matchHexToName(e){const t=this.isColorNameHexMatch(e);return t||this.setNotConvertedState()}returnTransparent(){return this.colorRaw===this.transparent?this.colorRaw:this.colorIsTransparent?this.setNotConvertedState():void 0}setNotConvertedState(){return this.columnHasModeAttr&&this.addNotConvertedClass(),this.color}setNotValidState(){return this.columnHasModeAttr&&this.addInvalidClass(),this.color}setSeparator(){if(this.spacesTarget===this.spaces.invalid)return",";if(this.spacesTarget===this.spaces.inherit){return this.color.includes(" ")||this.colorMode===this.modes.name?", ":","}return", "}init(){return this.formatColor()}};var s=o(6919);var l=o(2048);var d=o(2568);const c=function(...e){const t=e[e.length-2],o=e[e.length-1],a=r.String.formatCellData({args:e,cellDOM:t,cellSE:o});if(!a)return"";const i=o.widget.store;let s=o.rawData()||a,l=o._columnConfig.sTypeImageSrc||s;if(o._columnConfig.sTypeImageSrc&&(l=i.processTemplate(l,null,o)),!l||"string"!=typeof l)return"";l=l.split(" ");let c="";return l.forEach((e=>c+=function(e,t){const o=t.widget.store,a=t._columnConfig.sCellType===n.default.cellTypes.gravatar;let i=t._columnConfig.sTypeImageAlt;i&&(i=o.get(t.sTargetRecordIndex,i)||i);i=i||""===i?i:e;const s=t._columnConfig.sContentStyle;let l=a?"display:inline-block;height:auto;overflow:hidden;word-wrap:break-word;max-width:80%;":"display:inline-block;height:auto;overflow:hidden;word-wrap:break-word;",c=s||"",h="";a||-1!==c.indexOf("max-width")||t._columnConfig.sContentWidth||(l+="max-width:100%;");const u=r.bF(t._columnConfig.sContentWidth,c,!1);u&&(c+=u);const g=t._columnConfig.sTypeImageMask||"";if(g&&"circle"===g)h="-webkit-clip-path: circle();clip-path: circle();";if(a){const t=d(e.trim().toLowerCase());e=`https://www.gravatar.com/avatar/${t}`}return`<img src="${e}" alt="${i}" style="${l}${c}${h}">`}(e,o))),c};let u=new class{constructor(){this.oRegisteredRenderer={}}registerRenderer(e,t){this.oRegisteredRenderer[e]=t}getRenderer(e){return this.oRegisteredRenderer[e]}};u.registerRenderer("aggregate",(function(...e){const t=e[e.length-1];return t.widget.aggregateManager.calculateAggregateRow(t)})),u.registerRenderer("boolean",(function(...e){const t=e[e.length-1],o=t._columnConfig&&t._columnConfig.sSeparator||" ";return e.filter(((t,o)=>o<e.length-2)).reduce(((e,t,n)=>{let r;return r=null==t?"":t?"True":"False",0===n?`${e}${r}`:`${e}${o}${r}`}),"")})),u.registerRenderer("button",(function(...e){e[e.length-2];const t=e[e.length-1],o=t.widget,n=t._columnConfig,r=e.slice(0,-2);let a=n.sTypeButtonLabel||r[0]||"";a=o.store.processTemplate(a.toString(),null,t);const i=n.sTypeButtonTooltip,s=o.store.processTemplate(n.sTypeButtonIcon,null,t),l=o.store.processTemplate(n.sTypeButtonUrl,null,t),d=n.fnTypeButtonHandler,c=n.sTypeButtonHandler,h=n.sButtonBorder,u=document.createElement("zg-button");u.parentCell=t,void 0!==h&&(u.forceBorder=h);const g=u.getDisabledStatus(n.bTypeButtonDisabled,o);return u.disabled=g,i&&(u.customTooltip=i),(d&&d.method||c)&&(u.fnHandler=d,u.handler=c),l&&u.addEventListener("click",(e=>{return t=l,void(g||(window.location=t));var t})),s&&u.insertAdjacentHTML("afterbegin",`<zg-icon name="${s}" slot="icon"></zg-icon>`),u.insertAdjacentHTML("beforeend",a),u})),u.registerRenderer("checkbox",(function(e,t,o){const n="string"==typeof e?e.toLowerCase():e,r=["false",!1,0].indexOf(n)>-1,a=["true",!0,1].indexOf(n)>-1;if(!r&&!a)return e;const i=a,s=[0,1].indexOf(e)>-1;let l;const d=o._columnConfig.sTypeCheckboxLabel;let c=document.createElement("zg-checkbox");if(c.checked=a,c.setAttribute("parent","cell"),d){const e=document.createElement("label");e.setAttribute("style","display:inline-flex;align-items:center;cursor:pointer;line-height:1;");const t=document.createElement("span");t.textContent=d,e.addEventListener("click",h),c.setAttribute("style","margin-right:4px;pointer-events:none;"),e.appendChild(c),e.appendChild(t),l=e}else c.style.cursor="pointer",c.addEventListener("click",h),l=c;return l;function h(e){e.stopPropagation();let t=!i;s&&(t=t?1:0),o.rawData(t)}})),u.registerRenderer("code",(function(...e){const t=e[e.length-2],o=e[e.length-1],n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o});let a=o._columnConfig.sContentStyle||"";return a+=r.bF(o._columnConfig.sContentWidth,a,!0),`<code ${`style="${a}"`}><pre>${n}</pre></code>`})),u.registerRenderer("color",(function(...e){const t=e[e.length-2],o=e[e.length-1]._columnConfig.oDOMZGColumn,n=t,r=e.filter(((t,o)=>o<e.length-2))[0];return new i({color:r,cell:n,column:o}).init()})),u.registerRenderer("currency",(function(...e){const t=e[e.length-2],o=e[e.length-1],n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o});if(isNaN(parseInt(n)))return n;let a=o._columnConfig.sLocale||s.default.getLocale(o.widget)||"en-US";const i={style:"currency",currency:o._columnConfig.sTypeCurrency||"USD"};let l;r.FE(i,o._columnConfig);try{l=new Intl.NumberFormat(a,i).format(n)}catch(e){l=n}return l})),u.registerRenderer("date",(function(...e){const t=e[e.length-2],o=e[e.length-1],n=o.widget;let a,i=r.String.formatCellData({args:e,cellDOM:t,cellSE:o}),d=o._columnConfig.sLocale||s.default.getLocale(n)||"en-US",c=o._columnConfig.sTypeDateFormat||null,h=o._columnConfig.bTypeDateFromNow||!1;try{let e=l.kB(i);a=c?l.p6(e,c,d,n):h?l.Zh(e,!1,n):new Intl.DateTimeFormat(d).format(e)}catch(e){a=i}return a})),u.registerRenderer("element",(function(...e){const t=e[e.length-2],o=e[e.length-1],n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o});let a="code"===(o.sCellType||"").toLowerCase()?"code":o._columnConfig.sElementTagName||"span",i=o._columnConfig.sElementAttributeName;const s=i?` ${i}="${n}"`:"",l=i?"":`${n}`;let d=o._columnConfig.sContentStyle||"";d+=r.bF(o._columnConfig.sContentWidth,d,!0);let c=`style="${d}"`;return'style="true"'==c&&(c=""),`<${a} ${s} ${c}>${l}</${a}>`})),u.registerRenderer("email",(function(...e){const t=e[e.length-2],o=e[e.length-1],n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o});let a=o._columnConfig.sContentStyle||"";return a+=r.bF(o._columnConfig.sContentWidth,a,!0),`<a href="mailto:${n}" ${`style="${a}"`}>${n}</a>`})),u.registerRenderer("icon",(function(...e){const t=e[e.length-2],o=e[e.length-1];let n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o}).toLowerCase();return n=n.replace(/ /gi,"-"),`<zg-icon name="${n}"></zg-icon>`})),u.registerRenderer("image",c),u.registerRenderer("key",(function(...e){const t=e[e.length-2],o=e[e.length-1];let n;if(o._columnConfig){const t=o._columnConfig&&o._columnConfig.sSeparator||" ";let a=o._columnConfig.sTypeRadioOptions||o._columnConfig.aSelectOptions||o._columnConfig.sTypeKeyOptions;"string"==typeof a&&(a=r.String.formatToArray(a));const i=e.filter(((t,o)=>o<e.length-2));let s=[];a&&a.forEach((e=>{e&&e.value&&e.name&&(s[e.value]=e.name)})),n=i.reduce(((e,o,n)=>{let r;return r=null==o?"":s[o]?s[o]:o,0===n?`${e}${r}`:`${e}${t}${r}`}),"")}else n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o});return n})),u.registerRenderer("iframe",(function(...e){const t=e[e.length-2],o=e[e.length-1],n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o});if(!n)return"";const a=o._columnConfig.sContentStyle;let i=o._columnConfig.sTypeIframeRatio,s=o._columnConfig.sContentWidth;s||(s="100%");const l=`position:relative;padding-top:${"square"===i?"100%":"56.25%"};width:100%;overflow:hidden;`;let d=a||"";return d+=r.bF(s,d,!0),`<div class="iframe-wrapper" style="${l}"><iframe src="${n}" ${`style="position:absolute;top:0;left:0;height:100%;border:0;${d}"`}></iframe></div>`})),u.registerRenderer("number",(function(...e){const t=e[e.length-1];let o=t._columnConfig.sLocale||s.default.getLocale(t.widget)||"en-US",n=e.filter(((t,o)=>o<e.length-2)),a=t._columnConfig.sTypeNumberFormatting,i={};if("disabled"===a)return n;{r.FE(i,t._columnConfig);const e=t._columnConfig&&t._columnConfig.sSeparator||" ";return n.reduce(((t,n,r)=>{let a;return a=null==n||isNaN(n)||""===n?"":new Intl.NumberFormat(o,i).format(n),0===r?`${t}${a}`:`${t}${e}${a}`}),"")}})),u.registerRenderer("password",(function(...e){let t=e.filter(((t,o)=>o<e.length-2));const o=e[e.length-1],n=o._columnConfig&&o._columnConfig.sSeparator||" ";let r=t.reduce(((e,t,o)=>{let r;return r=null==t?"":`${t}`.replace(/./g,"*"),0===o?`${e}${r}`:`${e}${n}${r}`}),"");return r||""})),u.registerRenderer("percentage",(function(...e){const t=e[e.length-1];let o=e.filter(((t,o)=>o<e.length-2));const n={style:"percent"};r.FE(n,t._columnConfig);const a=t._columnConfig&&t._columnConfig.sSeparator||" ",i=t._columnConfig.sLocale||s.default.getLocale(t.widget)||"en-US";return o.reduce(((e,t,o)=>{let r;return r=null==t||isNaN(t)||""===t?"":new Intl.NumberFormat(i,n).format(t),0===o?`${e}${r}`:`${e}${a}${r}`}),"")})),u.registerRenderer("text",(function(...e){const t=e[e.length-2],o=e[e.length-1],n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o});if(!o._columnConfig)return"";let a=n;return"string"==typeof a&&o._columnConfig&&"disabled"!==o._columnConfig.sTranslateNewline&&(a=a.replace(/\n/g,"<br>")),a})),u.registerRenderer("toggle",(function(e,t,o){const n=!!o._columnConfig.oDOMZGColumn.renderer,r=!!o._columnConfig.aTypeToggleOptions,a=!!o._columnConfig.bTypeToggleRenderValue;let i,s=o._columnConfig.aTypeToggleOptions||[!1,!0],l=s.length,d=null,c=document.createElement("span");return n&&(d=o.fnRenderer),"object"==typeof s[0]?(d=null,i=s.findIndex((t=>t.value==e))):(i=!1===e?0:!0===e?1:s.indexOf(e),s=s.map(((e,t)=>({render:e,value:2!==l||a?e:1===t})))),h(i),c.addEventListener("click",(function(){let e=(i+1)%l,t=h(e);o.rawData(t),i=e})),c;function h(e){let t,n,a=s[e];if(d){let e=d.scope||o;n=d.method.apply(e,[a.render])||"",t=a.value}else"object"==typeof a?(n=a.render,t=a.value):(n=a,t=r?a:!!e);return c.innerHTML=n,t}})),u.registerRenderer("url",(function(...e){const t=e[e.length-2],o=e[e.length-1],n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o}),a=o.widget.store;let i=o._columnConfig.sTypeUrlText,s=o._columnConfig.sTypeUrlIcon,l=o._columnConfig.sTypeUrlTarget||"_blank",d=o._columnConfig.sTypeUrlSrc||n;o._columnConfig.sTypeUrlSrc&&(d=a.processTemplate(d,null,o)),i&&(i=a.get(o.sTargetRecordIndex,i)||i),i=i||n;let c=o._columnConfig.sContentStyle||"";c+=r.bF(o._columnConfig.sContentWidth,c,!0);const h=`style="display:inline-block;${c}"`;return s?`<a href="${d}" target="${l}" ${h}><zg-icon name="${s}"></zg-icon></a>`:`<a href="${d}" target="${l}" ${h}>${i}</a>`})),u.registerRenderer(n.default.internalColumn.recordselector,(function(e,t,o){let r,a,i=void 0===o,s=i?this.oDOMZGColumn.widget:o.widget,l=this.sColumnId+s.randomKey;return t&&(r=t.querySelector("zg-checkbox")),a=!r||s.bPreloaded,r||(r=document.createElement("zg-checkbox"),i&&r.setAttribute("header",!0),r.setAttribute(n.default.attr.internalselector,""),r.setAttribute(n.default.zgLayout.attr,s.layoutManager.sCurrentType),r.setAttribute("parent",i?"head":"body")),r.setAttribute("name",l),a&&(r.on("statechanged",((e,t)=>{if(i){let e=document.querySelectorAll(`zg-row:not([hidden]) zg-checkbox[name="${l}"]`);for(let o=0;o<e.length;o++)e[o]!==r&&e[o].parentNode.assignedSlot&&!e[o].getAttribute("header")&&(e[o].checked===t||!t&&void 0===e[o].checked||(e[o].checked=t))}else{let e=o.sTargetRecordIndex,n=s.store.get(e);if(t)s.aSelectedRows[e]=n;else{delete s.aSelectedRows[e];let t=document.getElementsByName(l);for(let e=0;e<t.length;e++){const o=t[e];o.getAttribute("header")&&o.singleUncheck()}}s.updateCaption(),s.fire("rowselectionchanged",e,t)}})),s.on("rowdeselect",(()=>r.checked=!1)),s.on("pagechange",(()=>r.checked=!1)),s.on(n.default.event.pagesizechange,(()=>r.checked=!1)),s.on("layoutchange",(()=>r.checked=!1)),s.on("roworderchange",(()=>r.checked=!1)),s.store.on("removerecord",(()=>r.checked=!1)),s.store.on("duplicaterecord",(()=>r.checked=!1)),s.store.on("insertrecord",(()=>r.checked=!1))),r})),u.registerRenderer(n.default.internalColumn.recordeditor,(function(...e){const t=e[e.length-1],o=t.widget,r=t._columnConfig.sButtonBorder;if(!1===o.store.oDataRequest.updateOptions.row)return null;const a=document.createElement(n.default.zgButton.tagName);return a.action="editrecord",a.parentCell=t,a.disabled=o.batchEditor.isActive(),void 0!==r&&a.setAttribute(n.default.zgButton.forceBorderAttr,r),a})),u.registerRenderer(n.default.internalColumn.recordremover,(function(e,t,o){const r=o.widget,a=r.batchEditor,i=o._columnConfig.sButtonBorder;if(!1===r.store.oDataRequest.deleteOptions)return null;let s="removerecord";a.isActive()&&r.dirtyManager.isDirtyDelete(o.sTargetRecordIndex)&&(s="undoremoverecord");let l=document.createElement(n.default.zgButton.tagName);return l.action=s,l.parentCell=o,void 0!==i&&l.setAttribute(n.default.zgButton.forceBorderAttr,i),l})),u.registerRenderer(n.default.internalColumn.rownumber,(function(...e){const t=e[e.length-1],o=e[e.length-2],n=t.widget;if(o.parentNode&&"frozen"===o.parentNode.getAttribute("type"))return"";const r=n.getRowIndexByDataRowContainerIndex(t.nStartRowIndex),a=n.aRowMapping[r].nDataRowsBefore;return((void 0!==a?a:r)+1).toString()})),u.registerRenderer(n.default.internalColumn.rowgroup,(function(...e){const t=e[e.length-1],o=t.widget,r=t.sGroupRecordIndex,a=r.split(o.sNestedGroupDataSeparator).map((e=>e.trim())),i=a[a.length-1],l=t._columnConfig,d=l.oDOMRenderTemplate||l.body,c=l.fnGroupRenderer;let h=l.sDefaultDisplay||o.sDefaultDisplay;const u=o.groupbyManager,g=u.getGroupParent(r),p=u.getGroupCount(i,g),m=o.getRowIndexByDataRowContainerIndex(t.nStartRowIndex),f=o.aRowMapping[m],b=g[a[a.length-1]].open,v=i.replaceAll(n.default.global.replaceToken,o.sNestedGroupDataSeparator);let y,z,w,C,S="null"===i||""===i||"undefined"===i,x="";for(let e=1;e<a.length;e++)x+="&nbsp;&nbsp;&nbsp;&nbsp;";const k=document.createElement("div");k.setAttribute(n.default.zgCell.cellGroupAttr,""),k.innerHTML=x;const R=document.createElement(n.default.zgButton.tagName);R.action=b?"closerowgroup":"openrowgroup",k.appendChild(R),y=function(e,t,o,n){let r;if(e.bTypeGroupHideCount)r="";else if(t.oPageData){let e=s.default.get("pagination.pageOf",n);r=` (${`${t.oPageData.nTotalSeen} - ${t.oPageData.nMaxOnPage} ${e} ${t.oPageData.nTotal}`})`}else r=` (${o})`;return r}(l,f,p,o),(d||c)&&(w=u.calculateGroupData(t,p,i,v,g,f),C=u.calculateIndexData(t)),z=d?u.calculateTemplate(C,w,d):S&&h?`${h}${y}`:`${v}${y}`,c&&(z=function(e,t,o,n){let r=n.method.apply(n.scope,[e,t,o])||"";return r}(C,w,f,c));const M=document.createElement("span");return M.setAttribute(n.default.attr.internalspan,""),M.dir="ltr",M.innerHTML=z,(l.oDOMDetailsTemplate||l.fnDetailsRenderer)&&(M.style.cursor="pointer",M.style.color="blue",M.style.textDecoration="underline"),k.appendChild(M),k.innerHTML})),u.registerRenderer(n.default.internalColumn.recordinfo,(function(...e){const t=e[e.length-2],o=e[e.length-1],a=(r.String.formatCellData({args:e,cellDOM:t,cellSE:o}),o.widget);let i=o._columnConfig.cellTooltipIcon||a.oCellTooltip.cellTooltipIcon||"info";return this.ZGButton=document.createElement(n.default.zgIcon.tagName),this.ZGButton.setAttribute(n.default.attr.internalcell,""),this.ZGButton.name=i,this.ZGButton.parentCell=o,this.ZGButton})),u.registerRenderer(n.default.internalColumn.recordduplicate,(function(e,t,o){const r=o._columnConfig.sButtonBorder;let a=document.createElement(n.default.zgButton.tagName);return a.action="duplicaterecord",a.parentCell=o,void 0!==r&&a.setAttribute(n.default.zgButton.forceBorderAttr,r),a}));const g=u;var p=o(4233);const m={init(e,t){},onOpen(e,t,o){if(!("color"===e.sCellType))return o;const r=t.querySelector(`#${n.default.zgEditorRow.fieldLabelId}`);if(this.sStartValue=o.trim(),this.colorFormatter=new i({color:this.sStartValue}),this.sNewValue=this.colorFormatter.convertToHex(n.default.columnType.color.modes.hexLong),!t.querySelector("input")){const o=document.createElement("span"),a=o.cloneNode();a.classList.add(n.default.zgEditorRow.colorWrapClass);const i=o.cloneNode();i.classList.add(n.default.zgEditorRow.colorPickerClass),i.style.background=this.sNewValue,this.oPicker=i;const s=p.Z.createInput("color",t,e);s.value=this.sNewValue,s.addEventListener("change",f.bind(this));const l=o.cloneNode();l.classList.add(n.default.zgEditorRow.colorLabelClass),l.textContent=this.sNewValue,this.oLabel=l,this.oPicker.appendChild(s),a.appendChild(this.oPicker),a.appendChild(this.oLabel),r.appendChild(a),setTimeout((()=>s.click()))}},onClose(e){this.colorFormatter.modeTarget=this.colorFormatter.colorMode,this.colorFormatter.colorMode=n.default.columnType.color.modes.hexLong,this.colorFormatter.color=this.sNewValue;return this.colorFormatter.convertColor()}};function f(e){const t=e.target.value;this.oPicker.style.background=t,this.oLabel.textContent=t,this.oPicker.style.borderColor="#ffffff"===t?"#ebebeb":"transparent",this.sNewValue=t}const b={init(e,t){this.oDOMInput=p.Z.createInput("number",t,e)},onOpen:p.Z.onOpen,onClose:p.Z.onNumberClose},v={init(e,t){this.oDOMInput=p.Z.createInput("checkbox",t,e)},onOpen(e,t,o){t.querySelector("input").checked=o},onClose:e=>e.querySelector("input").checked},y={init(e,t){this.oDOMInput=p.Z.createInput("date",t,e)},onOpen(e,t,o){let n=t.querySelector("input"),r=l.kB(o),a=r.getMonth()+1;a<10&&(a="0"+a);let i=r.getDate();i<10&&(i="0"+i),n.value=r.getFullYear()+"-"+a+"-"+i},onClose:e=>e.querySelector("input").value,bCalculateWidth:!0};o(2816);const z={init(e,t){let o=e._columnConfig.aSelectOptions||e.widget.store.getUniqueDataByFieldIndex(e._columnConfig.sFieldIndex),n=e._columnConfig.bTypeSelectMultiple||!1,a=r.ZT(o);a.multiple=n,t.appendChild(a)},onOpen(e,t,o){let n=t.querySelector("select"),r=e._columnConfig.bTypeSelectMultiple||!1,a=[o=o?""+o:e._columnConfig.sTypeSelectDefaultValue||""];r&&(a=o.split(",").map((e=>e.trim())));for(var i=0;i<n.options.length;i++)n.options[i].selected=-1!==a.indexOf(n.options[i].value)},onClose(e){let t=e.querySelector("select"),o="";for(let e=0;e<t.options.length;e++)t.options[e].selected&&(o+=t.options[e].value+", ");return""!==o&&(o=o.slice(0,-2)),o}},w={init(e,t){},onOpen(e,t,o){const a=e.widget.randomKey,i=t.querySelector(`#${n.default.zgEditorRow.fieldLabelId}`);this.sStartValue=o?o.trim():"",this.sNewValue=this.sStartValue;const s=e._columnConfig.sTypeRadioOptions;if(!s)return this.sStartValue;const l=r.String.formatToArray(s);if(!l)return this.sStartValue;if(function(e){!e instanceof Array&&(e=[e]);const t=e.filter((e=>"object"==typeof e)).length;if(!t)return!1;if(e.length!==t)return!0;const o=e.filter((e=>"object"==typeof e&&e.name&&e.value));return e.length!==o.length}(l))return this.sStartValue;if(!t.querySelector('input[type="radio"]')){const e=document.createElement("span");e.classList.add(n.default.zgEditorRow.radioWrapClass);const t=document.createElement("label"),o=document.createElement("input");o.type="radio",o.name=this.sColumnId+a,l.forEach((r=>{const a="object"==typeof r,i=t.cloneNode(!0);i.classList.add(n.default.zgEditorRow.radioLabelClass);const s=`<span>${a?r.name:r}</span>`,l=o.cloneNode(!0);l.value=a?r.value:r,l.addEventListener("change",C.bind(this)),i.appendChild(l),i.insertAdjacentHTML("beforeend",s),e.appendChild(i)})),i.appendChild(e),this.oRadios=e.querySelectorAll('input[type="radio"]')}this.oRadios.forEach((e=>{e.value===this.sStartValue&&(e.checked=!0)}))},onClose(e){const t=e.querySelector("input"),o=t&&t.name||null,n=e.querySelector(`input[name="${o}"]:checked`);return o&&n?n.value:this.sNewValue}};function C(e){e.target.checked&&(this.sNewValue=e.target.value)}const S={init(e,t){let o=e._columnConfig.nTypeRangeMin||0,n=e._columnConfig.nTypeRangeMax||100,r=e._columnConfig.nTypeRangeStep||1;this.oDOMInput=p.Z.createInput("number",void 0,e),this.oDOMInput.min=o,this.oDOMInput.max=n,this.oDOMInput.step=r,t.appendChild(this.oDOMInput)},onOpen:p.Z.onOpen,onClose:p.Z.onNumberClose};var x=o(1102);const k={init(e,t){this.oDOMInput=p.Z.createInput("url",t,e)},onOpen:p.Z.onOpen,onClose:e=>e.querySelector("input").value};let R=new class{constructor(){this.oRegisteredEditor={}}registerEditor(e,t){this.oRegisteredEditor[e]=t}getEditor(e){return this.oRegisteredEditor[e]}};R.registerEditor("color",m),R.registerEditor("number",b),R.registerEditor("boolean",v),R.registerEditor("date",y),R.registerEditor("select",z),R.registerEditor("radio",w),R.registerEditor("range",S),R.registerEditor("input",x.Z),R.registerEditor("url",k);const M=R,D={validator:(e,t)=>!isNaN(e),message:(e,t,o)=>`'${t}' field must be set to a valid number.`},O={validator(e,t){const o=t._columnConfig.nTypeRangeMin||0,n=t._columnConfig.nTypeRangeMax||100;let r=isNaN(e);return r||!1===o||(r=e<o),r||!1===n||(r=e>n),!r},message(e,t,o,n){const r=n._columnConfig,a=r.nTypeRangeMin||0,i=r.nTypeRangeMax||100;let s;return isNaN(e)&&(s=`'${t}' field must be set to a valid number.`),!s&&!1!==a&&e<a&&(s=`'${t}' field must be greater than ${a}.`),!s&&!1!==i&&e>i&&(s=`'${t}' field must be less than ${i}.`),s}},T={validator(e,t){let o=!1;try{let t;t=parseInt(e,10)==e?parseInt(e,10):e;const o=new Date(t);new Intl.DateTimeFormat("en-US").format(o)}catch(e){o=!0}return!o},message:(e,t,o,n)=>`'${t}' field must be set to a valid date.`},E={validator(e,t){try{if(new URL(e))return!0}catch(e){return!1}},message:(e,t,o,n)=>`'${t}' field must be set to a valid URL.`},A={validator(e,t,o){const n=o.querySelector("input");return n&&"email"===n.type?n.validity.valid:/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)},message:(e,t,o,n)=>`'${t}' field must be set to a valid email address.`};let I=new class{constructor(){this.oRegisteredValidator={}}registerValidator(e,t){this.oRegisteredValidator[e]=t}getValidator(e){return this.oRegisteredValidator[e]}};I.registerValidator("number",D),I.registerValidator("range",O),I.registerValidator("date",T),I.registerValidator("url",E),I.registerValidator("email",A);const _=I;var L=o(2070);const F={createInput(e){let t=document.createElement("input");return t.type=e,t.autoComplete="off",t.ariaInvalid=!1,t.style.width="1px",t}},B={init(){return this.oDOMInput=F.createInput("text"),this.appendChild(this.oDOMInput)},value(){return this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.value},setValue(e){this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.value=e},triggerEvent:"keyup"},G={init(){return this.oDOMInput=F.createInput("number"),this.appendChild(this.oDOMInput)},value(){return this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.value},setValue(e){this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.value=e},triggerEvent:"keyup,mouseup"},H={init(){let e=this.oColumnMapping.aSelectOptions||this.widget.store.getUniqueDataByFieldIndex(this.oColumnMapping.sFieldIndex);return this.oDOMSelect=r.ZT(e,!0),this.appendChild(this.oDOMSelect)},value(){return this.oDOMSelect=this.oDOMSelect||this.querySelector("select"),this.oDOMSelect.options[this.oDOMSelect.selectedIndex].value},setValue(e){this.oDOMSelect=this.oDOMSelect||this.querySelector("select");for(var t=0;t<this.oDOMSelect.options.length;t++)if(this.oDOMSelect.options[t].value===e||this.oDOMSelect.options[t].text===e){this.oDOMSelect.selectedIndex=t;break}},triggerEvent:"change",operationType:"matchList"},Z={init(){return this.oDOMInput=F.createInput("checkbox"),this.oDOMInput.indeterminate=!0,this.oDOMInput.setAttribute("indeterminate",!0),this.oDOMInput.addEventListener("click",N),this.appendChild(this.oDOMInput)},value(){return this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.indeterminate?"":this.oDOMInput.checked},setValue(e){this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.checked=e,this.oDOMInput.indeterminate=!1,this.oDOMInput.setAttribute("inderterminate",!1)},triggerEvent:"change",operationType:"boolMatch"};let N=function(e){let t=e.target,o=!t.checked,n=e.target.getAttribute("indeterminate");!1===o&&"false"===n&&(t.checked=!1,t.indeterminate=!0),t.setAttribute("indeterminate",t.indeterminate)};let P=new class{constructor(){this.oRegisteredFilter={}}registerFilter(e,t){this.oRegisteredFilter[e]=t}getFilter(e){return this.oRegisteredFilter[e]}};P.registerFilter("text",B),P.registerFilter("boolean",Z),P.registerFilter("select",H),P.registerFilter("number",G);const U=P;let W=new class{constructor(){this.oRegisteredCellType={}}getCellType(e,t,o){let n;return n=this.oRegisteredCellType[e]||o?this.oRegisteredCellType[e]:this.oRegisteredCellType.text,t&&n?n[t]:n}getEditor(e,t){let o=M.getEditor(e);return o||(o=W.getCellType(e,"editor",t)),o}getValidator(e){return _.getValidator(e)}getSorter(e){return L.Z.getSorter(e)}getRenderer(e){return g.getRenderer(e)}getFilter(e){return U.getFilter(e)}registerCellType(e,t={}){const o={editor:M.getEditor("input"),parser:null,renderer:g.getRenderer("text"),validator:null,sorter:L.Z.getSorter("text"),intlSorter:L.Z.getSorter("intl"),filter:U.getFilter("text")};for(let e in t)o[e]=t[e];this.oRegisteredCellType[e]=o}},V={editor:M.getEditor("number"),renderer:g.getRenderer("number"),validator:_.getValidator("number"),sorter:L.Z.getSorter("number"),intlSorter:null,filter:U.getFilter("number")};W.registerCellType("element",{renderer:g.getRenderer("element")}),W.registerCellType("iframe",{renderer:g.getRenderer("iframe"),validator:_.getValidator("url")}),W.registerCellType("icon",{renderer:g.getRenderer("icon")}),W.registerCellType("image",{renderer:g.getRenderer("image"),validator:_.getValidator("url")}),W.registerCellType("image-mask",{renderer:g.getRenderer("image-mask")}),W.registerCellType("url",{renderer:g.getRenderer("url"),editor:M.getEditor("url"),validator:_.getValidator("url")}),W.registerCellType("boolean",{editor:M.getEditor("boolean"),renderer:g.getRenderer("boolean"),sorter:L.Z.getSorter("boolean"),intlSorter:null,filter:U.getFilter("boolean")}),W.registerCellType("date",{renderer:g.getRenderer("date"),editor:M.getEditor("date"),sorter:L.Z.getSorter("date"),validator:_.getValidator("date"),intlSorter:null}),W.registerCellType("number",V),W.registerCellType("text"),W.registerCellType("aggregate",{renderer:g.getRenderer("aggregate"),sorter:!1,editor:!1}),W.registerCellType("button",{renderer:g.getRenderer("button"),editor:!1}),W.registerCellType("checkbox",{renderer:g.getRenderer("checkbox"),sorter:L.Z.getSorter("boolean"),editor:!1}),W.registerCellType("code",{renderer:g.getRenderer("code")}),W.registerCellType("color",{renderer:g.getRenderer("color"),editor:M.getEditor("color")});let $=r.c7.copy(V);$.renderer=g.getRenderer("currency"),W.registerCellType("currency",$),W.registerCellType("email",{validator:_.getValidator("email"),renderer:g.getRenderer("email")}),W.registerCellType("password",{renderer:g.getRenderer("password")}),W.registerCellType("gravatar",{renderer:g.getRenderer("image"),editor:!1});let q=r.c7.copy(V);q.renderer=g.getRenderer("percentage"),W.registerCellType("percentage",q),W.registerCellType("radio",{renderer:g.getRenderer("key"),editor:M.getEditor("radio")}),W.registerCellType("range",{renderer:g.getRenderer("number"),editor:M.getEditor("range"),validator:_.getValidator("range")}),W.registerCellType("select",{editor:M.getEditor("select"),filter:U.getFilter("select"),renderer:g.getRenderer("key")}),W.registerCellType("tel"),W.registerCellType("toggle",{renderer:g.getRenderer("toggle"),editor:!1}),W.registerCellType(n.default.internalColumn.recordeditor,{editor:null,renderer:g.getRenderer(n.default.internalColumn.recordeditor),sorter:null,intlSorter:null,filter:null}),W.registerCellType(n.default.internalColumn.recordremover,{editor:null,renderer:g.getRenderer(n.default.internalColumn.recordremover),sorter:null,intlSorter:null,filter:null}),W.registerCellType(n.default.internalColumn.recordduplicate,{editor:null,renderer:g.getRenderer(n.default.internalColumn.recordduplicate),sorter:null,intlSorter:null,filter:null}),W.registerCellType(n.default.internalColumn.recordselector,{editor:null,renderer:g.getRenderer(n.default.internalColumn.recordselector),sorter:null,intlSorter:null,filter:null}),W.registerCellType(n.default.internalColumn.rownumber,{editor:null,renderer:g.getRenderer(n.default.internalColumn.rownumber),sorter:null,intlSorter:null,filter:null}),W.registerCellType(n.default.internalColumn.rowgroup,{editor:null,renderer:g.getRenderer(n.default.internalColumn.rowgroup)}),W.registerCellType(n.default.internalColumn.recordinfo,{editor:null,renderer:g.getRenderer(n.default.internalColumn.recordinfo),sorter:null,intlSorter:null,filter:null});const K=W},4233:(e,t,o)=>{"use strict";o.d(t,{Z:()=>n});const n={onOpen(e,t,o){let n=t.querySelector("input");o||(o=t.value||""),n.value=String(o)},onNumberClose(e){let t=e.querySelector("input").value,o=window.parseFloat(t);return isNaN(o)&&(o=t),o},createInput(e,t,o){let n=document.createElement("input");return n.type=e,n.autoComplete="off",n.ariaInvalid=!1,o&&(n.name=o.sTargetFieldIndex),t&&t.appendChild(n),n}}},1102:(e,t,o)=>{"use strict";o.d(t,{Z:()=>r});var n=o(4233);const r={init(e,t){let o=e._columnConfig.sEditorType||e.sCellType,r="text";-1!==["tel","email","password","url"].indexOf(o)&&(r=o),this.oDOMInput=n.Z.createInput(r,t,e)},onOpen:n.Z.onOpen,onClose:e=>e.querySelector("input").value}},2070:(e,t,o)=>{"use strict";function n(e){let t=e;return"string"==typeof e&&(t=new Date(e.toString().replace(/-/g,"/")),t instanceof Date&&isFinite(t)||(t=new Date(e))),t}o.d(t,{Z:()=>i});const r=Intl.Collator().compare;let a=new class{constructor(){this.oRegisteredSorter={}}registerSorter(e,t){this.oRegisteredSorter[e]=t}getSorter(e){return this.oRegisteredSorter[e]}};a.registerSorter("number",(function(e,t){return e-t})),a.registerSorter("text",(function(e,t){return"number"==typeof e&&"number"==typeof t||(e=e?e.toString():"",t=t?t.toString():""),e>=t?1:-1})),a.registerSorter("intl",r),a.registerSorter("date",(function(e,t){return n(e)-n(t)})),a.registerSorter("boolean",(function(e,t){return e.toString()>=t.toString()?1:-1}));const i=a},697:(e,t,o)=>{"use strict";o.d(t,{Z:()=>s});var n=o(3605),r=o(2816),a=o(8419);class i extends HTMLElement{constructor(){super(),this.bReady=!1,this.init()}init(e,t,o,r,a,i){n.uQ(this,e,o,t,a,i),this.oAcceptedProperty=r,this.sTagName=e,this._oShadowRoot=this.shadowRoot||this._oShadowRoot,this.P=this.A=!1,this.watchProperty()}connectedCallback(){const e=this._getHostContext();this.bRemoved=!1,e&&(this.webcomponent=e.webcomponent,this.webcomponent.bReady?(this.bHasChildNode=!!this.childNodes&&[...this.childNodes].filter((e=>1===e.nodeType)).length,this.ready()):this.webcomponent.on("childrenready",(()=>{this.bRemoved||this.bCancelChildrenReady||(this.bHasChildNode=!!this.childNodes&&[...this.childNodes].filter((e=>1===e.nodeType)).length,this.ready()),this.bCancelChildrenReady=!1})))}ready(){this.render(),this.ons(),this.bReady=!0,this.fire("ready")}disconnectedCallback(){this.uns(),this.widget&&this.widget.bDisconnect&&(this.bRemoved=!0,this.bCancelChildrenReady=!0,this.webcomponent=null,this.widget=null,this.ZG=null,this._oShadowRoot=null,this.destroy())}attributeChangedCallback(e,t,o){this._attributeHandler(e,t,o)}watchProperty(){let{oAcceptedProperty:e}=this;for(let t in e)if(e.hasOwnProperty(t)){if(window.ShadyDOM&&"slot"===t)continue;this._watch(t,this._propertyHandler)}}render(){}ons(){}uns(){}cleanElements(e){for(let t=0;t<e.length;t++)this.cleanElement(e[t])}cleanElement(e){let t=this[e];t&&(t.dom&&(t=t.dom),t.innerHTML="",t.remove(),this[e]=null)}paint(){}_attributeHandler(e,t,o){if(this.P)return void(this.P=!1);this.A=!0;let r,a=this.oAcceptedProperty,i=n.String.dashToCamelCase(e.toLocaleLowerCase()),s=o;if(a&&i in a&&a.hasOwnProperty(i)){let t=a[i];switch(t.type){case Boolean:r=null==o?null:"";break;case Object:case Array:if(""===o)r=[];else if(null==o)r=null;else if(n.kJ(o)||n.Kn(o))r=o;else try{o=o.replace(/\n/g,""),r=JSON.parse(o)}catch(t){const o=`Error: There was an issue with [${e}]'s value:\n${t}`;console.error(`Uncaught ${o}`);const n={icon:"error",state:"error",msg:o};setTimeout((()=>{this.widget&&this.widget.statusManager&&this.widget.statusManager.setStatus(n)}),0)}finally{n.kJ(r)||t.type!==Array||(r=[r])}break;case Number:null==o?r=null:(r=t.bKeepDecimal?parseFloat(o):parseInt(o,10),isNaN(r)||(r+=""));break;default:r=o,!t.sBooleanDefault||""!==o&&"true"!==o||(r=t.sBooleanDefault)}if(r!==s&&!isNaN(r)&&t.type!==Array&&t.type!==Object)return void this._setAttribute(e,r);t.type===Boolean&&(r=null!=o),(r!==this[i]||t.bSetProperty)&&(this[i]=r),this.A=!1}}_getHostContext(){let e,t,o,n=this;for(;n;){if(9===n.nodeType){t=n,n=null;break}if(11!=n.nodeType&&"[object ShadowRoot]"!==n.toString()||(t=n,n=n.host),"zing-grid"===n.tagName.toLowerCase())break;n=n.parentNode}if(e=n,!n){let t=null;o,t&&(e=t.widget)}return e?e.widget:null}_hide(){this.setAttribute(a.default.attr.hidden,"")}_propertyHandler(e,t,o){if(this.bRemoved)return;if(this.A)return this.updateBindings(e,t,o),this.A=!1,o;this.P=!0;let r,a=this.oAcceptedProperty[e];switch(a.type){case Boolean:r=Boolean(o);break;case Number:r=null==o||!1===o?null:a.bKeepDecimal?parseFloat(o):parseInt(o,10);break;case Object:case Array:if(""===o)r=[];else if(null==o||0==o)r=null;else if(n.kJ(o)||n.Kn(o))r=o;else try{r=JSON.parse(o)}catch(e){r=JSON.parse('["'+o+'"]')}finally{n.kJ(r)||(r=[r])}break;case String:r=a.bCanBeObject&&"object"==typeof o?o:!a.sBooleanDefault||!0!==o&&""!==o?o?String(o):null:a.sBooleanDefault;break;default:r=o}if(a.bReflectToAttribute&&!a.bOneWaySync){let t=n.String.camelCaseToDash(e),i=r;a.type===Boolean?i=r?"":null:!a.bReflectBoolean||!0!==o&&""!==o||(i=a.sBooleanDefault),null!==i?this._setAttribute(t,i):this._removeAttribute(t)}return this.P=!1,a.bThrowEvent&&setImmediate((()=>{this.widget&&!this.widget.bDisconnect&&this.widget.emitEvent(e+"Change")})),this.updateBindings(e,t,r),r}updateBindings(e,t,o){(e===a.default.attr.action||e===a.default.attr.value&&this.sTagName===a.default.zgText.tagName)&&this.widget&&t!=o&&this._updateBinding(this.widget,this.widget,t,o),"widget"===e&&t!=o&&this.action?this._updateBinding(t,o,this.action,this.action):"widget"===e&&t!=o&&this.value&&this.sTagName===a.default.zgText.tagName&&this._updateBinding(t,o,this.value,this.value)}_show(){this.removeAttribute(a.default.attr.hidden)}togglePseudoClass(e){if(e.type&&e.oDOMTarget)switch(e.type){case"mousedown":e.oDOMTarget.classList.add(a.default.attr.active);break;case"mouseup":e.oDOMTarget.classList.remove(a.default.attr.active);break;case"mouseleave":e.oDOMTarget.classList.remove(a.default.attr.hover);break;default:e.oDOMTarget.classList.add(a.default.attr.hover)}}_watch(e,t){let o=this[e],n=o;Object.defineProperty(this,e,{get:()=>n,set:r=>{if(this.bRemoved)return;(r=>{r=t.call(this,e,n,r),o=n,n=r})(r),this.widget&&this.widget.bNeedUpdate&&(this.widget.bNeedUpdate=!1,this.widget.update())},enumerable:!0,configurable:!0})}static getObservedAtts(e){return Object.keys(e).filter((t=>e[t].bReflectToAttribute)).map((e=>n.String.camelCaseToDash(e)))}static _registerElement(e,t){let o=window.customElements;o.get(e)||o.define(e,t)}}for(let e of Object.getOwnPropertyNames(r.Z.prototype))(e=>{i.prototype[e]=function(...t){return r.Z.prototype[e].call(this,...t)}})(e);i.prototype.constructor=i,i.prototype.getDOM=function(){return this};const s=i},1246:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(2259),a=o.n(r),i=o(9977),s=o.n(i),l=o(8419);const d=l.default.batchEdit.tagName,c={};class h extends n.Z{init(){super.init(d,s(),a(),c)}ready(){super.ready(),this.setAttribute(l.default.attr.hidden,"")}}n.Z._registerElement(d,h);const u=h},1960:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(7679),a=o.n(r),i=o(3528),s=o.n(i),l=o(8419);const d={},c=l.default.zgBody.tagName;class h extends n.Z{init(){super.init(c,s(),a(),d)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.setAttribute(l.default.attr.role,"rowgroup"),this.ZG.layout&&this.ZG.layout.length&&this.setAttribute(l.default.zgLayout.attr,this.ZG.layout),this.widget.hasCardTemplate()&&this.ZG.getAttribute(l.default.zgLayout.attr)===l.default.zgLayout.typeCard&&this.setAttribute(l.default.zgLayout.cardTplAttr,"")}disconnectedCallback(){super.disconnectedCallback()}}n.Z._registerElement(c,h);const u=h},1245:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>b});var n=o(697),r=o(8719),a=o.n(r),i=o(6932),s=o.n(i),l=o(8419),d=o(6919),c=o(3605),h=o(2260);const u=l.default.zgButton.tagName,g=c.SV(a(),s()),p={forceBorder:{bReflectToAttribute:!0,type:String},customDisabled:{bReflectToAttribute:!0,type:String},disabled:{bReflectToAttribute:!0,type:Boolean},handler:{bReflectToAttribute:!0,type:Function},icon:{bReflectToAttribute:!0,type:String},action:{bReflectToAttribute:!0,type:String},pageIndex:{bReflectToAttribute:!0,type:Number},customTooltip:{bReflectToAttribute:!0,type:String},widget:{}},m=n.Z.getObservedAtts(p);class f extends n.Z{init(){super.init(u,s(),a(),p,g),this.setupRefs()}ready(){super.ready();let e=this._getHostContext();this.ZG=e.webcomponent,this.setupRefs(),this.parentNode&&(this.bInMenu=this.parentNode.tagName.toLowerCase()===l.default.zgMenuItem.tagName),this.getAttribute(l.default.attr.role)||this.setAttribute(l.default.attr.role,"button"),this.action&&(this.action=this.action.toLowerCase()),requestAnimationFrame((()=>this.hookupButton(this.action))),this.handler&&this.setCustomHandler(this.handler),void 0!==this.customDisabled&&(this.disabled=this.getDisabledStatus(this.customDisabled,e)),this.postRenderOns(),this.widget&&this.widget===e&&this._updateBinding(this.widget,this.widget,this.action,this.action),this.widget=e}setupRefs(){this.oCheckbox||(this.oCheckbox=document.createElement(l.default.zgCheckbox.tagName),this.oIcon=document.createElement(l.default.zgIcon.tagName),this.oLabel=document.createElement("span"),this.oLabel.classList.add("label"),this.parentCell=null)}hookupButton(e){if(!this.oIcon)return;const t=this.textContent.length>0;t&&this.setAttribute(l.default.zgButton.hasTextAttr,"");const o=e===l.default.zgButton.action.checkbox,n=this.querySelector(`[slot="${l.default.zgButton.slot.checkbox}"]`),r=this.querySelector(`[slot="${l.default.zgButton.slot.icon}"]`),a=this.querySelector(`[slot="${l.default.zgButton.slot.label}"]`),i=!!e&&this.childNodes.length>0;if(!this.icon&&!o&&t&&!i&&!n&&!r&&!a)return;this.oIcon.getAttribute("name")||!e&&!this.icon||this.oIcon.setAttribute("name",e||this.icon),this.bInCaption&&e&&this.oIcon.setAttribute(l.default.attr.internalcaption,"");const s=this.getAttribute(l.default.attr.type);s&&this.oIcon.setAttribute(l.default.attr.type,s),i&&(this.oLabel.innerHTML=this._addMarkupToLabel()),this.oCheckbox=n||this.oCheckbox,this.oIcon=r||this.oIcon,this.oLabel=a||this.oLabel,this.oCheckbox.slot=l.default.zgButton.action.checkbox,this.oIcon.slot=l.default.zgButton.slot.icon,this.oLabel.slot=l.default.zgButton.slot.label,this.appendChild(this.oIcon),this.appendChild(this.oCheckbox),this.appendChild(this.oLabel),this._toggleElements(e),this.oDOMRow=c.MV(this,l.default.zgRow.tagName),this.bInCaption=c.MV(this,l.default.zgCaption.tagName),(this.bInCaption||c.MV(this,l.default.zgFooter.tagName))&&this.setTabIndex({allowed:!this.disabled}),this.oDOMRow&&this.setAttribute(l.default.attr.internalcell,"")}postRenderOns(){this.on("mouseenter",this.togglePseudoClass,this,{},!1),this.on("mouseleave",this.togglePseudoClass,this,{},!1),this.on("mousedown",this.togglePseudoClass,this,{},!1),this.on("mouseup",this.togglePseudoClass,this,{},!1),this.on("mousedown",this.onMouseDown,this,{},!1),this.on("focus",this.onFocus,this,{},!1),this.on("blur",this.onBlur,this),this.on("keydown",this.onKeyDown,this,{},!1)}onBlur(e,t){this.classList.remove(l.default.zgButton.aria.focus),this.bMouseDown=!1}onFocus(e,t){e.stopEvent(),this.bMouseDown||this.classList.add(l.default.zgButton.aria.focus)}onKeyDown(e,t){e.nCharCode!==e.ENTER&&e.nCharCode!==e.SPACE||(e.preventDefault(),this.bMouseDown=!1,this.click())}onMouseDown(e,t){e.stopEvent(),"fixedmenu"!==this.action&&this.widget.focusManager.unfocusCells(),this.classList.remove(l.default.zgButton.aria.focus),this.bMouseDown=!0}changePagerButton(e,t){e.includes(t)?this._disable():this._enable()}getPageIndex(){let e=parseInt(this.getAttribute("page-index"),10);return isNaN(e)?(e=parseInt(this.innerText,10),isNaN(e)?null:e-1):e}_updatePageIndex(e){e===this.getPageIndex()?(this.setAttribute(l.default.zgPager.currentPageAttr,""),this._disable()):(this.removeAttribute(l.default.zgPager.currentPageAttr),this._enable())}notifyWidget(e,t){let o=this.action;const n=this.widget;let r=n.menuManager.activeCell,a=n.menuManager.activeHeader,i=n.menuManager.activeColumn;const s=n.selectorEngineManager;let d,h=null;const u=n.selector.se,g=n.batchEditor,p=n.dirtyManager;if(e.preventDefault(),e.stopPropagation(),!this._isDisabled()&&!this.hasAttribute(l.default.attr.active))switch(n.menuManager.activeMenu&&n.menuManager.closeMenu(),o){case"batchedit":g.activate(!this.bMouseDown);break;case"batcheditcancel":g.cancelBatchEdit(!this.bMouseDown);break;case"batcheditsave":n.batchEditor.save(!this.bMouseDown);break;case"cancelrecord":d=c.MV(this,l.default.zgCell.tagName),n.recordEditor.cancelOpenEdit(),d&&n.webcomponent.select(d.parentNode.dataRowIndex,d.cellIndex);break;case"checkbox":this.oCheckbox.checked=!this.oCheckbox.checked;break;case"closerowgroup":d=c.MV(this,l.default.zgCell.tagName),d&&(r=s.$cell(d),r.sGroupRecordIndex&&n.groupbyManager.toggleGroup(r,!1));break;case"copycell":r&&n.clipper.onKeyCtrlCDocument(r);break;case"createrecord":void 0!==r&&r||(h=this.bInMenu?n.menuManager.oButton:this),n.editorManager.openInsertEditor(null,r,h);break;case"createrecordstart":this.bInMenu&&(h=n.menuManager.oButton),n.editorManager.openInsertEditor("start",void 0,h);break;case"createrecordend":this.bInMenu&&(h=n.menuManager.oButton),n.editorManager.openInsertEditor("end",void 0,h);break;case"deselect":n.bHasSelectorEnabled&&n.selector.deSelectAll();break;case"duplicaterecord":let t;if(this.parentCell)t=this.parentCell.sTargetRecordIndex;else if(this.oDOMRow){t=u.row(this.oDOMRow).sTargetRecordIndex}else if(r){t=r.toRow().sTargetRecordIndex}t&&n.duplicateRecord(t);break;case"editcell":r&&n.editorManager.openEditor(r);break;case"editrecord":if(this.parentCell)n.editorManager.openEditor(this.parentCell.toRow(),void 0,this.parentCell);else if(this.oDOMRow){let e=u.row(this.oDOMRow);n.editorManager.openEditor(e)}break;case"editrow":n.editorManager.openEditor(r.toRow());break;case"firstpage":n.firstPage();break;case"fixedmenu":n.menuManager&&(n.menuManager.oButton=this,n.menuManager.openFixedMenu(e));break;case"freezecolumnleft":i&&i.oDOMZGColumn.setAttribute("frozen","left");break;case"freezecolumnright":i&&i.oDOMZGColumn.setAttribute("frozen","right");break;case"unfreezecolumn":i&&(i.oDOMZGColumn.frozen=null);break;case"hidecolumn":i&&i.oDOMZGColumn.setAttribute("hidden","");break;case"freezerowtop":r&&n.store.moveRow(r.sTargetRecordIndex,"top");break;case"freezerowbottom":r&&n.store.moveRow(r.sTargetRecordIndex,"bottom");break;case"unfreezerow":r&&n.store.moveRow(r.sTargetRecordIndex,"body");break;case"getselection":break;case"insertrecord":n.insertRow(),n.lastPage();break;case"lastpage":n.lastPage();break;case"layoutrow":case"layoutcard":n.layoutManager.layoutCtrlClick(this);break;case"menu":n.columnMenu&&(this.setAttribute(l.default.aria.expanded,"true"),n.columnMenu.oButton=this,n.columnMenu.openColumnMenu(e));break;case"openrowgroup":d=c.MV(this,l.default.zgCell.tagName),d&&(r=s.$cell(d),r.sGroupRecordIndex&&n.groupbyManager.toggleGroup(r,!0));break;case"page":const m=this.getPageIndex();null!==m&&n.setCurrPageIdx(m);break;case"nextpage":n.nextPage();break;case"pastecell":n.clipper.onKeyCtrlVDocument();break;case"prevpage":n.prevPage();break;case"undoremoverecord":if(this.parentCell)p.unsetDirtyDelete(this.parentCell.sTargetRecordIndex);else if(this.oDOMRow){let e=u.row(this.oDOMRow);p.unsetDirtyDelete(e.sTargetRecordIndex)}else if(r){let e=r.toRow();p.unsetDirtyDelete(e.sTargetRecordIndex)}break;case"removerecord":if(this.parentCell)n.removeRow(this.parentCell.sTargetRecordIndex);else if(n.aSelectedRows&&Object.keys(n.aSelectedRows).length)n.removeSelectedRows(this);else if(this.oDOMRow){let e=u.row(this.oDOMRow);n.removeRow(e.sTargetRecordIndex)}else if(r){let e=r.toRow();n.removeRow(e.sTargetRecordIndex)}break;case"reload":!n.store.isIncrementalLoad()&&n.oDOMSortedColumn&&n.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader&&n.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader.clearStyle(!0),n.stateManager.clearState(),n.updateInitialConfig(),n.store.reload();break;case"search":n.search&&n.search.searchBtnClickToggle(e);break;case"selectall":n.bHasSelectorEnabled&&u.selectAll().select();break;case"selectcell":case"selectrow":if(n.bHasSelectorEnabled&&r){let e=r.nStartRowIndex,t=r.nStartColumnIndex;"selectcell"===o?u.cell(e,t):u.initRange(e,0,e,this.widget.aColumnMapping.length-1),u.select()}break;case"sortcolumn":a&&a.onSort();break;case"submitrecord":d=c.MV(this,l.default.zgCell.tagName),n.recordEditor.onClickSubmit(void 0,u.cell(d));break;case"resetstate":this.widget.stateManager.clearState(!0);break;case"about":let f=n.menuManager&&n.menuManager.bFixed;if(this.ZG.oDOMDialog.setDialog("zg-version"),f){let e=()=>n.focusManager.focusGrid(!0);this.ZG.oDOMDialog.on("dialogConfirm",e,this)}}}updateInfo(e,t){t=t||this.action;const o=(e=e||this.widget).getCurrPageIdx(),n=e.getPageCount(),r=e.getPageSize(),a=e.store.getOriginRecordCount()||e.getRowCount(),i=["firstpage","prevpage"],s=["nextpage","lastpage"],l=e.store&&e.store.oDataFormat.bCursor,d=e.store.oDataFormat.bLoadByPages&&e.store.oDataFormat.bStartAtValue;this._toggleElements(t),(i.includes(t)||s.includes(t)||"page"===t)&&(l?"nextpage"==t?e.store.hasNextData()?this._enable():this._disable():"prevpage"==t&&(e.store.hasPrevData()?this._enable():this._disable()):d?"nextpage"===t?e.store.sStartAtValue?this._enable():this._disable():"prevpage"===t&&(0===o?this._disable():this._enable()):"page"===t?this._updatePageIndex(o):r>=a?this._disable():0===o?this.changePagerButton(i,t):o===n-1?this.changePagerButton(s,t):this._enable())}_addMarkupToLabel(){const e=this.querySelectorAll(`[slot="${l.default.zgButton.slot.checkbox}"]`),t=this.querySelectorAll(`[slot="${l.default.zgButton.slot.icon}"]`);e.forEach((e=>e.remove())),t.forEach((e=>e.remove()));const o=this.innerHTML;return this.innerHTML="",o}_disable(){this.disabled=!0}_enable(){this.disabled=!1}_isDisabled(){return this.disabled}setTabIndex({allowed:e}){-1===this.getAttribute(l.default.attr.tabindex)||this.hasAttribute(l.default.attr.datafocus)||(e?this.setAttribute(l.default.attr.tabindex,0):this.removeAttribute(l.default.attr.tabindex))}_toggleElements(e){e===l.default.zgButton.action.checkbox?this.oCheckbox.removeAttribute(l.default.attr.hidden):this.oCheckbox.setAttribute(l.default.attr.hidden,"")}_propertyHandler(e,t,o){if(o=super._propertyHandler(e,t,o),this.bReady)switch(e){case"action":o&&(o=o.toLowerCase()),this.oIcon&&this.oIcon.setAttribute("name",o),this.hookupButton(o);break;case"disabled":this.setTabIndex({allowed:!o}),o?this.setAttribute(l.default.aria.disabled,"true"):this.removeAttribute(l.default.aria.disabled);break;case"handler":this.setCustomHandler(o);break;case"icon":this.oIcon&&(o?this.oIcon.setAttribute("name",o):this.oIcon.removeAttribute("name"));break;case"pageIndex":const e=this.widget.getCurrPageIdx();this._updatePageIndex(e);break;case"customTooltip":const t=this.setTooltip(this.action,this.widget,o);this.setAria(this.action,t);break;case"customDisabled":this.disabled=this.getDisabledStatus(o,this.widget)}return o}_updateBinding(e,t,o,n){if(this.bReady&&(e&&o&&(this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnNotify&&this.fnUnNotify(),this.fnUnCustom&&this.fnUnCustom()),t)){let e=t.sComputedDir;switch(this.updateInfo(t,n),n){case"batchedit":case"batcheditcancel":case"batcheditsave":case"cancel":case"cancelrecord":case"checkbox":case"closerowgroup":case"copycell":case"createrecord":case"createrecordend":case"createrecordstart":case"deselect":case"duplicaterecord":case"editcell":case"editrecord":case"editrow":case"firstpage":case"fixedmenu":case"freezecolumnleft":case"freezecolumnright":case"unfreezecolumn":case"hidecolumn":case"freezerowtop":case"freezerowbottom":case"unfreezerow":case"getselection":case"insertrecord":case"layoutrow":case"layoutcard":case"lastpage":case"menu":case"page":case"nextpage":case"openrowgroup":case"pastecell":case"prevpage":case"reload":case"removerecord":case"undoremoverecord":case"search":case"selectall":case"selectcell":case"selectrow":case"sortcolumn":case"resetstate":case"submitrecord":case"about":this.setAttribute("dir",e),this.fnUnNotify=this.on("click",this.notifyWidget,this,{},!1),this.fnUnSubscribe=t.on(l.default.event.updated,this.updateInfo,this)}const o=this.setTooltip(n,t,this.customTooltip);this.setAria(n,o)}}setAria(e,t){t&&this.setAttribute(l.default.aria.label,t),"menu"!==e&&"fixedmenu"!==e||this.setAttribute(l.default.aria.hasPopup,"true")}setTooltip(e,t,o,n){if(!t)return;let r=e;const a=this.parentNode.tagName.toLowerCase();if(void 0===n&&(n=t.webcomponent.buttonTooltipDisabled),a===l.default.zgMenuItem.tagName)return;let i;if(i=a===l.default.zgControlBar.tagName,this.hasAttribute(l.default.zgButton.noTooltipAttr))return;let s,c,h="tooltip-right",u="tooltip-left";switch("rtl"===t.sComputedDir&&(h="tooltip-left",u="tooltip-right"),e){case"createrecord":case"createrecordstart":case"createrecordend":s="recordCreate";break;case"layoutcard":s="layoutCard";break;case"layoutrow":s="layoutRow";break;case"batchedit":case"batcheditsave":case"batcheditcancel":case"duplicaterecord":case"editrecord":case"firstpage":case"fixedmenu":case"lastpage":case"menu":case"nextpage":case"prevpage":case"reload":case"removerecord":case"undoremoverecord":case"search":case"openrowgroup":case"closerowgroup":s=e}switch(e){case"batchedit":case"batcheditsave":case"batcheditcancel":case"createrecord":case"createrecordstart":case"createrecordend":case"lastpage":case"nextpage":case"page":case"reload":case"openrowgroup":case"closerowgroup":c=h;break;default:c=u}i&&"editrecord"===e&&(c=h);const g=this.parentCell&&this.parentCell.bHasCellTooltip;if(this.parentCell&&0===this.parentCell.nStartColumnIndex&&(c=h),n||!s&&!o||g)this.removeAttribute("tooltip");else{r=o||d.default.get(`tooltip.${s}`,t,{element:this,attribute:"tooltip"}),this.setAttribute("tooltip",r),this.setAttribute(c,"");let e=c===h?u:h;this.removeAttribute(e)}return r}getDisabledStatus(e,t){let o,n,r,a=null,i=e;const s=this.parentCell?this.parentCell.dom():c.MV(this,l.default.zgCell.tagName);return null!==e&&(s?(a=t.selectorEngineManager.$cell(s),n=a._columnConfig,r=a.record,o=n.fnTypeButtonDisabled):r=[],o||"string"!=typeof e||(o=h.Z.setUserFunction(null,e),n&&(n.fnTypeButtonDisabled=o)),o&&o.method?i=o.method.apply(o.scope,[r,a])||!1:(""===i?i=!0:a&&(i=t.store.processTemplate(i,null,a)),"true"===i?i=!0:"false"===i&&(i=!1)),i)}setCustomHandler(e){this.fnUnCustom&&this.fnUnCustom(),e?(this.fnHandler=h.Z.setUserFunction(null,e),this.fnUnCustom=this.on("click",this.launchCallback,this,{},!1)):this.fnHandler=null}launchCallback(){if(this.disabled||!this.handler)return;let e=this.fnHandler;if(e||(this.fnHandler=e=h.Z.setUserFunction(null,this.handler)),e&&e.method){const t=this.parentCell?this.parentCell.dom():c.MV(this,l.default.zgCell.tagName);let o=[];if(t){const e=this.widget.selectorEngineManager.$cell(t);o=[e.record,t,e]}e.method.apply(e.scope,o)}}uns(){this.un("mousedown",this.onMouseDown),this.un("focus",this.onFocus),this.un("blur",this.onBlur),this.un("keydown",this.onKeyDown),this.un("mouseenter",this.togglePseudoClass),this.un("mouseleave",this.togglePseudoClass),this.un("mousedown",this.togglePseudoClass),this.un("mouseup",this.togglePseudoClass),this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnNotify&&this.fnUnNotify(),this.fnUnCustom&&this.fnUnCustom()}disconnectedCallback(){super.disconnectedCallback(),this.oCheckbox=null,this.oIcon=null,this.oLabel=null,this.parentCell=null,this.oDOMRow=null}static get observedAttributes(){return m}}n.Z._registerElement(u,f);const b=f},2358:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>f});var n=o(697),r=o(3419),a=o.n(r),i=o(2937),s=o.n(i),l=o(4584),d=o(3605),c=o(8419);const h="enabled",u="zg-caption",g={align:{bReflectToAttribute:!0,type:String},position:{bReflectToAttribute:!0,type:String}},p=n.Z.getObservedAtts(g);class m extends n.Z{init(){super.init(u,s(),a(),g)}ready(){if(super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,!this.widget.bPreloaded){if("both"===this.getAttribute("position")&&(this.mirror=!0),this.mirror&&(this.bUpdatePosition=!0,this._createMirror(!0),this.bUpdatePosition=!1),!this.querySelector('zg-button[action="menu"]')&&!this.getAttribute("copy")){let e=`\n          <zg-button ${c.default.attr.datafocus} slot="tool" action="removerecord" hidden></zg-button>\n          <zg-search slot="tool" hidden></zg-search>\n          <zg-button ${c.default.attr.datafocus} slot="tool" action="fixedmenu" hidden></zg-button>\n          <zg-button ${c.default.attr.datafocus} slot="tool" action="menu" hidden></zg-button>\n        `,t=d.W2(e);this.appendChild(t)}this.parentNode===this.widget.webcomponent&&(this.ZG.oDOMCaption&&this.ZG.oDOMCaption!==this&&(this.ZG.oDOMCaption.remove(),this.ZG.oDOMCaption=this),this._attachPosition(this.position))}this.setIconColor(),null===this.getAttribute("copy")&&(this.oDOMColumnMenu=this.querySelector('zg-button[action="menu"]'),this.oDOMMenu=this.querySelector('zg-button[action="fixedmenu"]'),this.oDOMRemove=this.querySelector('zg-button[action="removerecord"]'),this.oDOMSearchButton=this.querySelector('zg-button[action="search"]'),this.oDOMSearch=this.querySelector("zg-search"),this.ZG._setSearch(this.widget.bHasSearchEnabled,!0),this.ZG._setColumnsControl(this.ZG.columnsControl,!0),this.toggleStaticMenu(l.T||this.widget.bHasStaticMenu),this.toggleColumnMenu(this.widget.layoutManager.getLayoutType())),d.CL(this)}setIconColor(){this.querySelectorAll(c.default.zgIcon.tagName).forEach((e=>{const t=e.parentNode;if(t){if(t.tagName.toLowerCase()===c.default.zgButton.tagName&&!t.hasAttribute("action"))return}e.setAttribute(c.default.attr.internalcaption,"")}))}showCaption(){const e=this.widget;return!e||e.bHasContextMenuEnabled||e.bHasStaticMenu||e.bHasSearchEnabled||e.bHasColumnsControl||e.bHasSelectorColumn||this._oShadowRoot.querySelector("slot").assignedNodes().length}toggleStaticMenu(e){return(this.widget.bHasContextMenuEnabled||this.widget.bHasStaticMenu)&&e?(this.oDOMMenu.classList.add(h),this.oDOMMenu.hidden=!1):e||(this.oDOMMenu.classList.remove(h),this.oDOMMenu.hidden=!0),this._oShadowRoot.querySelector("slot").assignedNodes().length}toggleColumnMenu(e){this.bReady&&this.ZG.columnsControl&&(e===c.default.zgLayout.typeCard&&this.widget.hasCardTemplate()?this.oDOMColumnMenu.hidden=!0:this.oDOMColumnMenu.hidden=!1)}changeText(e){if(this.bReady){let t,o=this._oShadowRoot.querySelector("slot").assignedNodes();o.length&&o.forEach((e=>this.removeChild(e))),e&&(t=document.createElement("div"),t.id="zg-caption-user-text",t.innerHTML=e,this.appendChild(t))}else this.on("ready",(()=>this.changeText(e)))}_attachPosition(e){if(e&&"bottom"===e){this.ZG.oDOMFooter.appendChild(this)}else{this.ZG.oDOMHeader.appendChild(this)}}_createMirror(e){if(!this.widget.oDOMCaptionMirror&&e){"bottom"===this.position&&(this.position="top");let e=this.cloneNode(!0);e.removeAttribute("mirror"),e.setAttribute("copy",""),e.setAttribute("position","bottom");let t=e.shadowRoot.querySelector(".zg-caption-toolbar");t&&t.parentNode.removeChild(t),this.widget.oDOMCaptionMirror=e,this.ZG.oDOMFooter.appendChild(e)}else this.widget.oDOMCaptionMirror&&!e&&this.widget.oDOMCaptionMirror&&(this.widget.oDOMCaptionMirror.parentNode.removeChild(this.widget.oDOMCaptionMirror),this.widget.oDOMCaptionMirror=null)}_propertyHandler(e,t,o){if(o=super._propertyHandler(e,t,o),this.bReady&&!this.bUpdatePosition&&"position"===e)this.mirror="both"===o,this._createMirror(this.mirror),this.mirror||this._attachPosition(o);return o}disconnectedCallback(){this.oDOMColumnMenu=null,this.oDOMMenu=null,this.oDOMRemove=null,this.oDOMSearchButton=null,this.oDOMSearch=null}static get observedAttributes(){return p}}n.Z._registerElement(u,m);const f=m},6009:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>f});var n=o(697),r=o(3147),a=o.n(r),i=o(5670),s=o.n(i),l=o(8419),d=o(3605),c=o(2260);const h=l.default.zgCard.tagName,u=d.SV(a(),s()),g={renderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},editor:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},rendererTemplate:{type:String,bReflectToAttribute:!0},editorTemplate:{type:String,bReflectToAttribute:!0}},p=n.Z.getObservedAtts(g);class m extends n.Z{init(){super.init(h,s(),a(),g,u)}ready(){if(super.ready(),this.widget=this._getHostContext(),"zing-grid"===this.parentNode.tagName.toLowerCase()){let e=this.widget.webcomponent;this.widget.oCard=this,this.setTemplateById(this.editorTemplate,!0),this.setTemplateById(this.rendererTemplate,!1),this.setCardTemplate(),this.setCardEditor(this.editor),e.bDefaultCols&&this.widget.oCardTemplate&&this.widget.layoutManager.setLayoutType(l.default.zgLayout.typeCard),this.setAttribute("hidden","")}else this.widget.webcomponent.layout&&this.widget.webcomponent.layout.length&&this.setAttribute(l.default.zgLayout.attr,this.widget.webcomponent.layout)}setCardTemplate(){if(this.querySelector("template")){this.querySelectorAll("template").forEach((e=>{e.getAttribute("type")===l.default.template.type.editor?this.widget.oCardEditTemplate=e:(this.widget.oCardTemplate=e,this.setWatcher(e))}))}else this.widget.oCardBody=this.innerHTML.trim()}setTemplateById(e,t){if(!e)return;let o=window[e]||document.getElementById(e);t?this.widget.oCardEditTemplate=o:this.widget.oCardTemplate=o}setCardEditor(e){null===e||!1===e||"false"===e?this.oEditor=!1:d.HD(e)?this.oEditor=c.Z.setUserFunction(null,e):e&&(this.oEditor={method:e,scope:null})}setWatcher(e){this.observer=new MutationObserver((e=>{this.widget.update()})),this.observer.observe(e.content,{childList:!0,subtree:!0})}_propertyHandler(e,t,o){if(o=super._propertyHandler(e,t,o),this.bReady)switch(e){case"editorTemplate":this.setTemplateById(o,!0);break;case"rendererTemplate":const e=this.widget.layoutManager;this.setTemplateById(o,!1),e.updateLayoutAttributes(e.getLayoutType(),!0),this.widget.update();break;case"editor":this.setCardEditor(o)}return o}disconnectedCallback(){super.disconnectedCallback(),this.oEditor=null,this.observer&&(this.observer.disconnect(),this.observer=null)}static get observedAttributes(){return p}}n.Z._registerElement(h,m);const f=m},235:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(761),a=o.n(r),i=o(2884),s=o.n(i),l=o(8419);o(3605),o(2816);const d="zg-cell-overflow",c={};class h extends n.Z{init(){super.init(d,s(),a(),c)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.currentCell=null,this.offsetCoords=null,this.currentTrigger=null,this.setAttribute(l.default.attr.hidden,"")}setPosition(e,t){const o=this.widget,n=this.ZG.getBoundingClientRect(),r=this.currentCell;let a=!1;const i=this.bCellAnchor;t&&!i&&(e=r.dom(),a=!0);const s=e.getBoundingClientRect(),l={left:s.left-n.left,top:s.top-n.top};if(a||(l.top+=s.height),t||i)a&&this.offsetCoords&&(l.top+=this.offsetCoords.top,l.left+=this.offsetCoords.left);else{const e=r.dom().getBoundingClientRect();this.offsetCoords={left:l.left+n.left-e.left,top:l.top+n.top-e.top}}if(i){const t=window.getComputedStyle(e).getPropertyValue("padding-left"),o=parseInt(t.replace(/px/,""));Number.isInteger(o)&&(l.left+=o)}if(t){const e=o.oDOMScroller.getBoundingClientRect(),t=e.top-n.top,r=t+e.height;if(l.top>r||l.top<t)return void(this.style.visibility="hidden");const a=o.oDOMMainScroll.getBoundingClientRect(),i=this.width||0;let s=o.mainGridTable.getScroll().left||0;if(l.left+=s,l.left+i>a.width||l.left<0)return void(this.style.visibility="hidden")}this.style.visibility="visible",this.style.top=l.top+"px",this.style.left=l.left+"px"}open(e,t,o){this.currentCell=o,this.currentTrigger=t,this.bCellAnchor=o.dom()==t,this.innerHTML="",this.appendChild(e),this.setPosition(t),this.removeAttribute(l.default.attr.hidden),this.width=this.getBoundingClientRect().width}close(){this.currentCell=null,this.currentTrigger=null,this.offsetCoords=null,this.innerHTML="",this.width=0,this.setAttribute(l.default.attr.hidden,"")}isOpen(){return!this.hasAttribute(l.default.attr.hidden)}uns(){this.fnUnClick&&this.fnUnClick()}disconnectedCallback(){super.disconnectedCallback(),this.currentCell=null,this.offsetCoords=null,this.currentTrigger=null}}n.Z._registerElement(d,h);const u=h},4699:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>f});var n=o(697),r=o(3581),a=o.n(r),i=o(9001),s=o.n(i),l=o(8419),d=o(3605);const c=l.default.zgCell.tagName;let h=a(),u=null;CSSStyleSheet&&CSSStyleSheet.prototype.replaceSync&&(u=new CSSStyleSheet,u.replaceSync(a()),h="");const g=d.SV(h,s()),p={};class m extends n.Z{init(){super.init(c,s(),h,p,g,u)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.getAttribute(l.default.attr.role)||this.setAttribute(l.default.attr.role,"gridcell");const e=d.Uh(this.ZG.getAttribute("layout"))?this.ZG.getAttribute("layout"):this.parentNode.getAttribute("layout");e&&e.length&&this.setAttribute(l.default.zgLayout.attr,e),"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl")}get cellIndex(){return this._index}set cellIndex(e){this._index=e}_setTooltip(e,t,o){const n=this.widget,r=n.tooltipManager;this.bIsInfoTooltip=e;const a=this.oTooltipOptions=r._getTooltipOptions("Cell",t,o),i=r._hasTooltip("Cell",a);t.bHasCellTooltip=i,null!==a.tooltipDelay||this.bIsInfoTooltip||(a.defaultTooltipDelay=1e3),this.bIsInfoTooltip||(this.oTooltipOptions.tooltipAction=l.default.zgTooltip.actionTypeHover),this.sTooltipContent&&this._resetTooltip();const s=this.querySelector("zg-button");if(i){s&&s.removeAttribute("tooltip");const o=this.querySelector(`[${l.default.zgCell.cellIndexAttr}]`);if(this.oTrigger=e?this.querySelector("zg-icon"):this,o){const o=a.tooltipType||"default";this.setAttribute(l.default.zgTooltip.typeAttr,o),this.sTooltipContent=r._getTooltipContent("Cell",this.oTooltipOptions);const n=t.bIsActivateOnClick=e&&this.oTooltipOptions.tooltipAction===l.default.zgTooltip.actionTypeClick;n?this.setAttribute(l.default.zgTooltip.actionAttr,l.default.zgTooltip.actionTypeClick):this.setAttribute(l.default.zgTooltip.actionAttr,l.default.zgTooltip.actionTypeHover),r._initTooltipTriggers(this.oTrigger,this,n)}}else s&&!n.webcomponent.buttonTooltipDisabled&&s.setTooltip(s.action,n,s.customTooltip)}_setTooltipPosition(){const e=this.oTooltipOptions,t=this.oTrigger.getBoundingClientRect(),o=this.ZG.getBoundingClientRect();this.ZG.oDOMTooltip;let n=null,r=t.left;const a=this.getAttribute("type")===l.default.internalColumn.rowgroup,i=window.getComputedStyle(this).getPropertyValue("padding-left"),s=parseInt(i.replace(/px/,"")),d="bottom"===e.tooltipPosition,c="right"===e.tooltipPosition,h="left"===e.tooltipPosition,u="top"===e.tooltipPosition||!e.tooltipPosition||!d&&!c&&!h;if((u||d)&&a){r=this.querySelector("span[internal-span]").getBoundingClientRect().left}const g={left:r-o.left,top:t.top-o.top},p=this.querySelector(`[${l.default.zgCell.cellIndexAttr}]`);let m=this.getAttribute(l.default.attr.align)||"left";if("rtl"===this.getAttribute("dir")&&"left"===m&&(m="right"),"center"===m||"right"===m){const e=p.getBoundingClientRect();g.left=e.left-o.left,h?g.left-=s:c&&(g.left+=e.width)}return this.bIsInfoTooltip||a||!u&&!d||"left"!==m||Number.isInteger(s)&&(g.left+=s),c&&"left"===m&&(this.bIsInfoTooltip?g.left+=t.width:(n=n||p.getBoundingClientRect().width,g.left+=s+n)),(c||h)&&(g.top+=t.height/2),d&&(g.top+=t.height),g}_resetTooltip(){this.sTooltipContent=null,this.fnUnMouseLeave&&(this.fnUnMouseLeave(),this.fnUnMouseEnter(),this.fnUnMouseEnter=null,this.fnUnMouseLeave=null),this.fnUnClick&&(this.fnUnClick(),this.fnUnClick=null)}disconnectedCallback(){super.disconnectedCallback(),this._resetTooltip(),this.oTooltipOptions=null,this.oTrigger=null}}n.Z._registerElement(c,m);const f=m},9234:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>m});var n=o(697),r=o(3185),a=o.n(r),i=o(9592),s=o.n(i),l=o(8419),d=o(3605);const c="zg-checkbox",h=d.SV(a(),s()),u={checked:{bReflectToAttribute:!0,type:Boolean}},g=n.Z.getObservedAtts(u);class p extends n.Z{init(){super.init(c,s(),a(),u,h),this.icon=document.createElement(l.default.zgIcon.tagName)}ready(){super.ready(),this.setAttribute(l.default.attr.action,"checkbox");let e=this.querySelector(l.default.zgIcon.tagName);e?this.icon=e:(this.icon||(this.icon=document.createElement(l.default.zgIcon.tagName)),this.icon.setAttribute("slot","zgicon"),this.appendChild(this.icon)),this.oTextSlot=this.shadowRoot.querySelector(".zg-checkbox-text slot"),this.startingText=null,this.selectedText=null,this.textContent.length>0&&(this.setAttribute(l.default.zgButton.hasTextAttr,""),this.startingText=this.textContent,this.hasAttribute(l.default.event.selected)&&(this.selectedText=this.getAttribute(l.default.event.selected))),this.icon.setAttribute("name","unchecked");const t=this.querySelectorAll("svg");t.length>1&&t[0].remove(),this.checked&&(this.noEvent=!0,this.toggleCheckbox(!0),this.noEvent=!1)}ons(){this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnKey&&this.fnUnKey(),this.fnUnSubscribe=this.on("click",(e=>this._toggleCheckedState(e)),this,null,!1),this.fnUnKey=this.on("keydown",this.onKeyDown,this,{},!1)}onKeyDown(e){e.nCharCode!==e.ENTER&&e.nCharCode!==e.SPACE||(e.preventDefault(),this.click())}singleUncheck(){this.noEvent=!0,this.checked=!1,this.noEvent=!1}toggleCheckboxWrapper(){this.checked=!this.checked}toggleCheckbox(e,t){this.toggleTO=setTimeout((()=>{this.toggleTO=null,this.icon&&(e?this.icon.setAttribute("name",l.default.event.checked):this.icon.setAttribute("name",l.default.event.unchecked))}),0),this.noEvent||e!==(t=t||!1)&&this.fire("statechanged",e)}_propertyHandler(e,t,o){if(o=super._propertyHandler(e,t,o),"checked"===e)this.toggleCheckbox(o,t);return o}_toggleCheckedState(e){e.stopEvent();let t=d.MV(this,l.default.zgButton.tagName);if((!t||"checkbox"!==t.action&&(t.action||!t._isDisabled()))&&(this.checked=!this.checked,this.selectedText)){this.oTextSlot.assignedNodes()[0].textContent=this.checked?this.selectedText:this.startingText}}disconnectedCallback(){super.disconnectedCallback(),this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnKey&&this.fnUnKey(),this.toggleTO&&(clearTimeout(this.toggleTO),this.toggleTO=null),this.icon=null,this.oTextSlot=null}static get observedAttributes(){return g}}n.Z._registerElement(c,p);const m=p},5392:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(5420),a=o.n(r),i=o(9872),s=o.n(i),l=o(8419);const d="zg-colgroup",c={};class h extends n.Z{init(){super.init(d,s(),a(),c)}ready(){super.ready();const e=this.widget=this._getHostContext(),t=e.webcomponent,o=t.querySelector("zg-colgroup:not([id])"),n=t.querySelector("zg-colgroup#gridcolgroup");if(o&&n){e.bUpdateColGroup=!0;const t=n.getAttribute(l.default.zgLayout.attr);n.remove(),t&&this.setAttribute(l.default.zgLayout.attr,t),e.resetColumns()}}rerender(){this.debounceRerender()}debounceRerender(){let e=this.latestTime=setTimeout((()=>{if(e===this.latestTime){const e=this.widget,t=e.webcomponent;if(!e)return;t.oDOMColgroup=this,e.mainColumnHeader.associateColGroup(this),e.associateColumns(void 0,!0),e.bUpdateColGroup=!1}}),100)}resetColgroup(){const e=this.widget,t=e.webcomponent;e.resetColumns(),e.updateDefaultColumnMapping(),t.oDOMColgroup=t.associateChild(l.default.zgColgroup.tagName,null,"gridcolgroup","gridcolgroup",!1),e.mainColumnHeader.associateColGroup(t.oDOMColgroup),e.updateDefaultColumnMapping(),e.associateColumns()}disconnectedCallback(){const e=this.widget;super.disconnectedCallback(),e&&!e.bDisconnect&&(e.bUpdateColGroup||"gridcolgroup"!==this.id&&this.id||this.resetColgroup())}}n.Z._registerElement(d,h);const u=h},589:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(9253),a=o.n(r),i=o(1454),s=o.n(i),l=o(2816),d=o(8419);const c="zg-column-resize",h={};class u extends n.Z{init(){super.init(c,s(),a(),h)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl")}ons(){this.on("dblclick",this.onDoubleClick,this,{},!1),this.on("mousedown",this.onResizeStart,this,{},!1),this.on("touchstart",this.onTouchStart,this,{},!1)}onResizeStart(e){this.onStartResizeCommon(e);const t=l.Z.get(document);t.on("mousemove",this.onResizeColumn,this,{},!1),t.on("mouseup",this.onResizeStopColumn,this,{},!1),this.bTouch=!1}onTouchStart(e){this.onStartResizeCommon(e),e.stopEvent();const t=l.Z.get(document);t.on("touchmove",this.onResizeColumn,this,{},!1),t.on("touchend",this.onResizeStopColumn,this,{},!1),this.bTouch=!0}onStartResizeCommon(e){return this.nMultiplier="rtl"===this.widget.sComputedDir?-1:1,this.nIndex=this.oHeadCell.nIndex,this.columnResizeTimeout&&clearTimeout(this.columnResizeTimeout),this.widget.bIsColumnResizeActive=!0,this.oGridCoords=this.oHeadCell.getBoundingClientRect(),this.xStart=this.oGridCoords.x,this.nColumnWidth=this.oGridCoords.width,this.xHandlerStart=e.oBrowserEvent.clientX,this.nAdjustedWidth=0,this.nOffset=3,this.ZG.setAttribute(d.default.zgColumnResize.attr,""),this.oHeadCell.parentNode.setAttribute(d.default.zgColumnResize.attr,""),!0}onResizeColumn(e){if(e.stopEvent(),this.bUpdating)return;const t=this.widget.updater,o=this.bTouch?e.oBrowserEvent.touches[0].clientX:e.oBrowserEvent.clientX,n=this.oColumn._oParsedColumnMapping;let r=(this.xHandlerStart-o)*this.nMultiplier,a=n.nCurrWidth-r;const i=a,s=this.getMinWidth();if(a<s){const e=s-a;a=s,r-=e}const l=n.nResizableMaxWidth||this.ZG.columnResizableMaxWidth;if(l&&(l>n.nCurrWidth||r<0)&&(a=Math.min(a,l)),a!==n.nCurrWidth){if(a!==i){const e=n.nCurrWidth-r-a;this.nOffset+=e}this.bUpdating=!0,this.xHandlerStart=o,n.nCurrWidth=a,this.nAdjustedWidth=n.nCurrWidth,this.cleanupResize(r),t.update({bUpdateColumnWidth:!0}),this.widget.recordEditor&&this.widget.recordEditor.onResize(),this.bUpdating=!1}}onResizeStopColumn(e){e&&e.stopEvent();const t=l.Z.get(document);t.docUn("mousemove",this.onResizeColumn,this),t.docUn("mouseup",this.onResizeStopColumn,this),t.docUn("touchmove",this.onResizeColumn,this),t.docUn("touchend",this.onResizeStopColumn,this),this.ZG.removeAttribute(d.default.zgColumnResize.attr),this.oHeadCell.parentNode.removeAttribute(d.default.zgColumnResize.attr),this.oColumn.width=this.nAdjustedWidth,this.widget.fire("columnresize",{column:this.oColumn,width:this.nAdjustedWidth}),this.columnResizeTimeout=setTimeout((()=>this.widget.bIsColumnResizeActive=!1),500)}onDoubleClick(e){e&&e.stopEvent();const t=this.widget.updater,o=this.oColumn,n=this.oColumn._oParsedColumnMapping,r=this.getMinWidth();let a=parseInt(o.getAttribute("min-calculated-width"),10)||null;a||(a=t.getTableFitContentWidth(this.nIndex)),a=Math.max(a,r);const i=n.nCurrWidth-a;this.bUpdating=!0,n.nCurrWidth=a,this.cleanupResize(i),this.removeAttribute("style"),o.width=a,t.update({bUpdateColumnWidth:!0}),this.bUpdating=!1}getMinWidth(){const e=this.oColumn._oParsedColumnMapping,t=e.sCellType;let o=e.nResizableMinWidth||this.ZG.columnResizableMinWidth||d.default.zgColumnResize.defaultMinWidth;return-1!==d.default.internalColumnTypes.indexOf(t)&&(o=Math.min(o,d.default.zgCell.actionCellSize)),o}cleanupResize(e){const t=this.widget.updater,o=t.nColumnsWidth>t.nInitialWidth,n=t.getLastVisibleColumn();if(null!==n&&n!==this.oColumn)if(o){if(e>0){const t=this.widget.oDOMMainScroll;if(t.offsetWidth+t.scrollLeft>=t.scrollWidth)n.nCurrWidth+=e;else{const t=parseInt(n.oDOMZGColumn.getAttribute("min-calculated-width"),10)||50;n.nCurrWidth-e>t&&(n.nCurrWidth-=e)}}}else if(e<0){const t=parseInt(n.oDOMZGColumn.getAttribute("min-calculated-width"),10)||50;n.nCurrWidth+e>t&&(n.nCurrWidth+=e)}else n.nCurrWidth+=e}disconnectedCallback(){super.disconnectedCallback(),this.oHeadCell=null,this.oColumn=null}}n.Z._registerElement(c,u);const g=u},1680:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>b});var n=o(697),r=o(1840),a=o.n(r),i=o(1869),s=o.n(i),l=o(3605),d=o(7673),c=o(8419),h=o(2260),u=(o(1102),o(6919));const g="zg-column",p={align:{bReflectToAttribute:!0,type:String,mapping:"sAlign"},arrayIndex:{bReflectToAttribute:!0,type:String,mapping:"sArrayIndex",bRefreshContent:!0},arraySlice:{bReflectToAttribute:!0,type:String,mapping:"sArraySlice",bRefreshContent:!0},buttonBorder:{bReflectToAttribute:!0,type:String,bRefreshContent:!0,mapping:"sButtonBorder"},cellBreak:{type:String,mapping:"sCellBreak",bReflectToAttribute:!0,bRefreshContentWidth:!0},cellClass:{bReflectToAttribute:!0,type:String,mapping:"sCellClass"},cellTooltipAction:{type:String,bReflectToAttribute:!0,mapping:"cellTooltipAction",bRefreshContent:!0},cellTooltipDelay:{type:Number,bReflectToAttribute:!0,mapping:"cellTooltipDelay",bRefreshContent:!0},cellTooltipIcon:{bReflectToAttribute:!0,type:String,mapping:"cellTooltipIcon",bRefreshContent:!0},cellTooltipPosition:{type:String,bReflectToAttribute:!0,mapping:"cellTooltipPosition",bRefreshContent:!0},cellTooltipRenderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},cellTooltipTemplate:{type:String,bReflectToAttribute:!0,bRefreshContent:!0},cellTooltipText:{type:String,bReflectToAttribute:!0,mapping:"cellTooltipText",bRefreshContent:!0},cellTooltipType:{type:String,bReflectToAttribute:!0,mapping:"cellTooltipType",bRefreshContent:!0},contentStyle:{bReflectToAttribute:!0,type:String,mapping:"sContentStyle",bRefreshContent:!0},contentWidth:{bReflectToAttribute:!0,type:String,mapping:"sContentWidth",bRefreshContentWidth:!0},defaultDisplay:{type:String,bReflectToAttribute:!0,mapping:"sDefaultDisplay"},detailsRenderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},detailsTemplate:{type:String,bReflectToAttribute:!0},drag:{type:String,bReflectToAttribute:!0,mapping:"sDrag"},editor:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},editorTemplate:{type:String,bReflectToAttribute:!0},filter:{bReflectToAttribute:!0,type:String},filterIndex:{bReflectToAttribute:!0,type:String,mapping:"sFilterIndex"},filterKey:{bReflectToAttribute:!0,type:String,mapping:"sFilterKey"},filterer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},frozen:{type:String,bReflectToAttribute:!0,sBooleanDefault:"left",mapping:"sFrozen"},footCell:{bReflectToAttribute:!0,type:String,mapping:"sFootCell"},group:{bReflectToAttribute:!0,type:Boolean,mapping:"bGroup"},headCell:{bReflectToAttribute:!0,type:String,mapping:"sHeadCell"},header:{bReflectToAttribute:!0,type:String},headerAutoFormat:{type:String,bReflectToAttribute:!0},headerTooltipAction:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipAction"},headerTooltipDelay:{type:Number,bReflectToAttribute:!0,mapping:"headerTooltipDelay"},headerTooltipIcon:{bReflectToAttribute:!0,type:String,mapping:"headerTooltipIcon"},headerTooltipIconPosition:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipIconPosition"},headerTooltipPosition:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipPosition"},headerTooltipRenderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0,mapping:"headerTooltipRenderer"},headerTooltipTemplate:{type:String,bReflectToAttribute:!0},headerTooltipText:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipText"},headerTooltipTrigger:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipTrigger"},headerTooltipType:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipType"},hidden:{bReflectToAttribute:!0,type:Boolean,mapping:"bHidden",default:!1},index:{bReflectToAttribute:!0,type:String,mapping:"sFieldIndex",default:""},locale:{bReflectToAttribute:!0,type:String,mapping:"sLocale",bRefreshContent:!0},menuText:{bReflectToAttribute:!0,type:String,mapping:"sMenuText"},minWidth:{bReflectToAttribute:!0,type:Number,mapping:"nMinWidth"},resizable:{type:String,bReflectToAttribute:!0,mapping:"sResizable"},resizableMaxWidth:{bReflectToAttribute:!0,type:Number,mapping:"nResizableMaxWidth"},resizableMinWidth:{bReflectToAttribute:!0,type:Number,mapping:"nResizableMinWidth"},resizablePersistent:{type:String,bReflectToAttribute:!0,mapping:"sResizablePersistent"},renderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},rendererTemplate:{type:String,bReflectToAttribute:!0},required:{type:Boolean,bReflectToAttribute:!0,mapping:"bRequired"},search:{type:String,bReflectToAttribute:!0},separator:{bReflectToAttribute:!0,type:String,mapping:"sSeparator",bRefreshContent:!0},sort:{type:String,bReflectToAttribute:!0},sortIntl:{type:String,bReflectToAttribute:!0},sortAsc:{bReflectToAttribute:!0,type:Boolean},sortDesc:{bReflectToAttribute:!0,type:Boolean},sorter:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},translateNewline:{type:String,bReflectToAttribute:!0,mapping:"sTranslateNewline",bRefreshContentWidth:!0},type:{bReflectToAttribute:!0,type:String},typeAggregateValue:{bReflectToAttribute:!0,type:Function,mapping:"sTypeAggregateValue"},typeAggregateOmit:{bReflectToAttribute:!0,type:Boolean,mapping:"bTypeAggregateOmit"},typeButtonDisabled:{bReflectToAttribute:!0,type:String,bRefreshContent:!0},typeButtonHandler:{bReflectToAttribute:!0,type:Function,bRefreshContent:!0},typeButtonIcon:{bReflectToAttribute:!0,type:String,mapping:"sTypeButtonIcon",bRefreshContent:!0},typeButtonLabel:{bReflectToAttribute:!0,type:String,mapping:"sTypeButtonLabel",bRefreshContent:!0},typeButtonTooltip:{bReflectToAttribute:!0,type:String,mapping:"sTypeButtonTooltip",bRefreshContent:!0},typeButtonUrl:{bReflectToAttribute:!0,type:String,mapping:"sTypeButtonUrl",bRefreshContent:!0},typeCheckboxLabel:{bReflectToAttribute:!0,type:String,mapping:"sTypeCheckboxLabel",bRefreshContent:!0},typeColorMode:{bReflectToAttribute:!0,type:String,mapping:"sTypeColorMode",bRefreshContent:!0},typeColorPreview:{bReflectToAttribute:!0,type:String,mapping:"sTypeColorPreview",bRefreshContent:!0},typeColorSpaces:{bReflectToAttribute:!0,type:String,mapping:"sTypeColorSpaces",bRefreshContent:!0},typeCurrency:{bReflectToAttribute:!0,type:String,mapping:"sTypeCurrency",bRefreshContent:!0},typeDateFormat:{bReflectToAttribute:!0,type:String,mapping:"sTypeDateFormat",bRefreshContent:!0},typeDateFromNow:{bReflectToAttribute:!0,type:Boolean,mapping:"bTypeDateFromNow",bRefreshContent:!0},typeElementAttributeName:{bReflectToAttribute:!0,type:String,mapping:"sElementAttributeName",bRefreshContent:!0},typeElementTagName:{bReflectToAttribute:!0,type:String,mapping:"sElementTagName",bRefreshContent:!0},typeIframeRatio:{bReflectToAttribute:!0,type:String,mapping:"sTypeIframeRatio",bRefreshContent:!0},typeImageAlt:{bReflectToAttribute:!0,type:String,mapping:"sTypeImageAlt",bRefreshContent:!0},typeImageMask:{bReflectToAttribute:!0,type:String,mapping:"sTypeImageMask",bRefreshContent:!0},typeImageSrc:{bReflectToAttribute:!0,type:String,mapping:"sTypeImageSrc",bRefreshContent:!0},groupHeadCell:{bReflectToAttribute:!0,type:String,mapping:"sGroupHeadCell",bRefreshContent:!0},typeGroupHideCount:{bReflectToAttribute:!0,type:Boolean,mapping:"bTypeGroupHideCount",bRefreshContent:!0},typeGroupPlural:{bReflectToAttribute:!0,type:String,mapping:"sTypeGroupPlural",bRefreshContent:!0},typeNumberFormatting:{bReflectToAttribute:!0,type:String,mapping:"sTypeNumberFormatting",bRefreshContent:!0},typeNumberDecimals:{bReflectToAttribute:!0,type:Number,mapping:"nTypeNumberDecimals",bRefreshContent:!0},typeNumberMinDecimals:{bReflectToAttribute:!0,type:Number,mapping:"nTypeNumberMinDecimals",bRefreshContent:!0},typeNumberMaxDecimals:{bReflectToAttribute:!0,type:Number,mapping:"nTypeNumberMaxDecimals",bRefreshContent:!0},typePercentageDecimals:{bReflectToAttribute:!0,type:Number,mapping:"nTypePercentageDecimals",bRefreshContent:!0},typePercentageMaxDecimals:{bReflectToAttribute:!0,type:Number,mapping:"nTypePercentageMaxDecimals",bRefreshContent:!0},typeRadioOptions:{bReflectToAttribute:!0,type:String,mapping:"sTypeRadioOptions",bRefreshContent:!0,bCanBeObject:!0},typeRangeMax:{bKeepDecimal:!0,bReflectToAttribute:!0,type:Number,mapping:"nTypeRangeMax"},typeRangeMin:{bKeepDecimal:!0,bReflectToAttribute:!0,type:Number,mapping:"nTypeRangeMin"},typeRangeStep:{bReflectToAttribute:!0,bKeepDecimal:!0,type:Number,mapping:"nTypeRangeStep"},typeSelectDefaultValue:{bReflectToAttribute:!0,type:String,mapping:"sTypeSelectDefaultValue"},typeSelectMultiple:{bReflectToAttribute:!0,type:Boolean,mapping:"bTypeSelectMultiple"},typeSelectOptions:{bReflectToAttribute:!0,type:String,bCanBeObject:!0},typeToggleOptions:{bReflectToAttribute:!0,type:Array,mapping:"aTypeToggleOptions",bRefreshContent:!0},typeToggleRenderValue:{bReflectToAttribute:!0,type:Boolean,mapping:"bTypeToggleRenderValue"},typeUrlIcon:{bReflectToAttribute:!0,type:String,mapping:"sTypeUrlIcon",bRefreshContent:!0},typeUrlTarget:{bReflectToAttribute:!0,type:String,mapping:"sTypeUrlTarget",bRefreshContent:!0},typeUrlSrc:{bReflectToAttribute:!0,type:String,mapping:"sTypeUrlSrc",bRefreshContent:!0},typeUrlText:{bReflectToAttribute:!0,type:String,mapping:"sTypeUrlText",bRefreshContent:!0},validationErrorMessage:{type:String,bReflectToAttribute:!0,mapping:"sValidationErrorMessage"},validationRequiredMessage:{type:String,bReflectToAttribute:!0,mapping:"sRequiredErrorMessage"},validator:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},visibilityPriority:{bReflectToAttribute:!0,type:Number,mapping:"nPriority"},width:{bReflectToAttribute:!0},widget:{}},m=n.Z.getObservedAtts(p);class f extends n.Z{init(){super.init(g,s(),a(),p),this._oParsedColumnMapping={aUserSet:[],bIsKeyIndex:!1},this.body=null,this.oDOMEditorTemplate=this.oDOMRenderTemplate=this.oDOMDetailsTemplate=null,this._ASC_DESC_LOCK_=!1}connectedCallback(){super.connectedCallback()}ready(){super.ready();let e=this._getHostContext();if(e&&(this.ZG=e.webcomponent,!this.parentNode||"div"!==this.parentNode.tagName.toLowerCase())){if(this.frozen)e.bNeedsFrozenAdjust=!0;else if(!this.parentNode||this.parentNode.tagName.toLowerCase()!==c.default.zgColgroup.tagName){let t=e.webcomponent.oDOMColgroup;return this.ZG.querySelector(c.default.zgColgroup.tagName)||(this.ZG.appendChild(t),this.ZG.oDOMColgroup=t),void t.appendChild(this)}this.widget||(this.widget=e),this.bNeedsSortUpdate&&this.sortStyleUpdate()}}checkDisconnect(e){return!e||e.bDisconnect||e.bEditingControls||e.bUpdateColGroup||e.bUpdatingFrozen||e.bUpdatingColumns||e.bIsColumnMoverActive||!e.aColumnMapping||!e.aColumnMapping.length}disconnectedCallback(){let e=!1,t=!1;const o=this.widget;if(super.disconnectedCallback(),this.checkDisconnect(o))return;const n=this._oParsedColumnMapping.oDOMSortHeader,r=o.getZGColumnIndex(this._oParsedColumnMapping);o.aColumnMapping.length>r&&(e=!0,o.aColumnMapping.splice(r,1),this.type===c.default.internalColumn.recordselector?(o.bHasSelectorColumn=!1,0!==o.aColumnMapping.length&&o.webcomponent._checkRemoveCaption()):this.type===c.default.internalColumn.rowgroup&&(o._updateGroupedColumnReset(!0,!0),t=!0)),n&&n.remove(),!e||o.bEditingControls||t||o.store.reload()}initialLoad(e){const t=this._oParsedColumnMapping;t.sColumnId=e.createColumnId(),t.oDOMZGColumn=this,t.bFilter=e.bGlobalFilter,this.cellClass&&this.setCellClass(this.cellClass),this.setTemplateById(this.editorTemplate,"oDOMEditorTemplate"),this.setTemplateById(this.rendererTemplate,"oDOMRenderTemplate"),this.setTemplateById(this.detailsTemplate,"oDOMDetailsTemplate"),this.setTemplateById(this.headerTooltipTemplate,"oDOMHeaderTooltipTemplate"),this.setTemplateById(this.cellTooltipTemplate,"oDOMCellTooltipTemplate"),this.setTemplate(),this.setRenderer("Details",this.detailsRenderer),this.setRenderer("HeaderTooltip",this.headerTooltipRenderer),this.setRenderer("CellTooltip",this.cellTooltipRenderer),this.setCellType(e,this.type),void 0!==this.typeButtonHandler&&this.setClickCallback(this.typeButtonHandler),void 0!==this.typeButtonDisabled&&this.setButtonDisabled(this.typeButtonDisabled),this.setDirectValues(),this.typeSelectOptions?t.aSelectOptions=l.String.formatToArray(this.typeSelectOptions):"select"===this.type&&(e.bNeedsSelectOptions=!0),this.setColumnWidth(e,this.width),this.setSorting(this.sortAsc,this.sortDesc),void 0!==this.headerAutoFormat&&this.setHeaderAutoFormat(this.headerAutoFormat,e),this.setHeader(this.header,e),this.headCell&&this.setAggregateCell(this.headCell,"Head",e),this.footCell&&this.setAggregateCell(this.footCell,"Foot",e),this.groupHeadCell&&this.setAggregateCell(this.groupHeadCell,"GroupHead",e)}getFrozenColumnNewIndex(e,t,o){let n;return"right"===t?(n=e.aColumnMapping.length-1,e.nRightFrozenColumns++):"left"===t?(n=e.nLeftFrozenColumns,e.nLeftFrozenColumns++):"left"===o?n=e.nLeftFrozenColumns-1:"right"===o&&(n=e.aColumnMapping.length-(e.nRightFrozenColumns-1)-1),"right"===o?e.nRightFrozenColumns--:"left"===o&&e.nLeftFrozenColumns--,n}setAlign(e,t,o){const n=t.aColumnMapping.reduce(((e,t,n)=>t.sColumnId===o.sColumnId?e=n:e),null),r=t.getHeaderByColumnIndex(n).childNodes,a=t.getBodyByColumnIndex(n).childNodes,i=t.getFooterByColumnIndex(n).childNodes;(r||a||i)&&(this.setAlignByArea(r,n,e,t),this.setAlignByArea(a,n,e,t),this.setAlignByArea(i,n,e,t))}setAlignByArea(e,t,o,n){const r=n.getAdjustedColumnIndex(t);e.forEach((e=>{e.childNodes.forEach(((e,t)=>{r===t&&n.setCellAlignment(e,o)}))}))}setTemplate(){if(this.querySelector("template"))this.setTemplatesFromSlot();else{const e=this.shadowRoot.querySelector("slot");e.assignedNodes().length?this._oParsedColumnMapping.body=this.innerHTML.trim():e.addEventListener("slotchange",(()=>{this.querySelector("template")?this.setTemplatesFromSlot():this._oParsedColumnMapping.body=this.innerHTML.trim()}))}}setTemplatesFromSlot(){this.querySelectorAll("template").forEach((e=>{let t=e.getAttribute("type");t===c.default.template.type.editor?this._oParsedColumnMapping.oDOMEditorTemplate=e:t===c.default.template.type.details?this._oParsedColumnMapping.oDOMDetailsTemplate=e:this._oParsedColumnMapping.oDOMRenderTemplate=e}))}setTemplateById(e,t){const o=window[e]||document.getElementById(e)||null;this._oParsedColumnMapping[t]=o}setCellType(e,t){let o=this.index||"",n=t||"text";n===c.default.internalColumn.rowgroup&&e.bHasRowGroupColumn&&(n="text",this.removeAttribute("type"),this.setAttribute("group",""));let r=d.Z.getCellType(n),a=this._oParsedColumnMapping;if(t&&(a.bIsTypeUserProvided=!0),a.sCellType=n,a.sSortIntl=this.sortIntl,n===c.default.internalColumn.rowgroup||n===c.default.cellTypes.aggregate){if(this.setCellTypeManager(void 0,"fnRenderer",d.Z.getRenderer,r.renderer),this.renderer){let e;e=n===c.default.cellTypes.aggregate?"fnAggregateRenderer":"fnGroupRenderer",this.setCellTypeManager(this.renderer,e,d.Z.getRenderer,r.renderer)}}else this.setCellTypeManager(this.renderer,"fnRenderer",d.Z.getRenderer,r.renderer);if(this.setCellTypeManager(this.validator,"oValidator",d.Z.getValidator,r.validator),this.setCellTypeManager(this.sorter,"fnSorter",d.Z.getSorter,r.sorter,r.intlSorter,e),this.setCellTypeManager(this.editor,"oEditor",d.Z.getEditor,r.editor),void 0!==this.filter){let t="disabled"!==this.filter.toLowerCase();t&&(e.bHasFilterEnabled=!0),a.bFilter=t}this.setCellTypeManager(this.filterer,"oFilter",d.Z.getFilter,r.filter),n==c.default.internalColumn.recordeditor?e.bHasEditColumn=!0:n==c.default.internalColumn.recordremover?e.bHasRemoveColumn=!0:n===c.default.internalColumn.recordselector?e.bHasSelectorColumn=!0:n===c.default.internalColumn.rownumber?e.bHasRowNumberColumn=!0:n===c.default.internalColumn.recordinfo?e.bHasInfoColumn=!0:n===c.default.internalColumn.recordduplicate?e.bHasDuplicateColumn=!0:n===c.default.internalColumn.rowgroup&&(e.bHasRowGroupColumn=!0,e.bGroupBy=!0,o&&(e.aGroupBy=o.split(",").map((e=>e.trim())))),e.setupCardHeader()}updateGlobalIntlSort(e){let t=d.Z.getCellType(this.type);this.setCellTypeManager(this.sorter,"fnSorter",d.Z.getSorter,t.sorter,t.intlSorter,this.widget)}setIntlSort(e,t,o){let n=this.sLocale||this.getAttribute("locale"),r=this._oParsedColumnMapping.sSortIntl;o&&void 0===r&&(r=o.sSortIntl),null==r?(n||(n=u.default.getLocale(o)),"en"!==n.substring(0,2).toLowerCase()&&(e.method=t)):"disabled"!==r&&(e.method=t)}setCellTypeManager(e,t,o,n,r,a){if(a=a||this.widget,n&&!n.method&&(n={method:n,scope:null}),n&&r&&this.setIntlSort(n,r,a),!1===e||"false"===e||"disabled"===e)this._oParsedColumnMapping[t]=!1;else if(l.HD(e)){if(this._oParsedColumnMapping[t]=h.Z.setUserFunction(o,e),"oFilter"===t){let e=this._oParsedColumnMapping[t];e&&e.method&&n&&n.method&&l.kn(e.method,n.method)}if(this._oParsedColumnMapping.sEditorType=e,"fnSorter"===t&&null===this._oParsedColumnMapping[t])return this._oParsedColumnMapping[t]=n,this._oParsedColumnMapping.sSorterIndex=e,void(this._oParsedColumnMapping.aUserSet[t]=!1)}else this._oParsedColumnMapping[t]=e?{method:e,scope:null}:n;if("oValidator"===t&&e){let e=this._oParsedColumnMapping[t]&&this._oParsedColumnMapping[t].method;if(e&&!e.validator){let o={validator:e};this._oParsedColumnMapping[t].method=o}}this._oParsedColumnMapping.aUserSet[t]=!!e}setRenderer(e,t){t&&l.HD(t)?this._oParsedColumnMapping[`fn${e}Renderer`]=h.Z.setUserFunction(null,t):this._oParsedColumnMapping[`fn${e}Renderer`]=null}setCellClass(e){e&&this.setCellTypeManager(e,"fnCellClass")}setGroup(e){const t=this.widget;let o=t.aGroupBy;o||(t.aGroupBy=o=[]);const n=o.slice(0),r=this._oParsedColumnMapping.sFieldIndex;e?(t.bGroupBy=!0,o.push(r)):o.splice(o.indexOf(r),1),0===o.length&&(t.bGroupBy=!1),t._updateGroupedColumnReset(!0,0===o.length,n)}setAggregateCell(e,t,o){const n=o.aColumnMapping;let r=`fn${t}Cell`;if(null===e){const e=`s${t}Cell`;this._oParsedColumnMapping[r]=!1,o[`bHas${t}Row`]=n.some((t=>t[e]))}else l.HD(e)&&(this._oParsedColumnMapping[r]=h.Z.setUserFunction(null,e),o[`bHas${t}Row`]=!0)}setColumnWidth(e,t){let o=this._oParsedColumnMapping,n=this._oParsedColumnMapping.sCellType,r=this.parseWidth(t,n,e);!isNaN(r)&&this.cellBreak,o.mOldWidth=o.mWidth,o.mWidth=r}parseWidth(e,t,o){let n;(o=o||this.widget)&&(n=o.webcomponent.columnWidth,n&&(n=n.toString().replace("px",""))),e?o.bOnlyColumnWidth=!1:n&&void 0===o.bOnlyColumnWidth&&(o.bOnlyColumnWidth=!0),n=n||"fit",-1!==c.default.internalColumnTypes.indexOf(t)&&(n=c.default.zgCell.actionCellKey);let r=e||n;return null!=r&&(l.HD(r)&&(/%$/.test(r)||"stretch"==r||"fit"==r||"fitheader"==r||"fitaction"==r||"fitcontent"==r)?n=r:(n=parseFloat(r),Number.isNaN(n)&&(n="fit"))),n}setDirectValues(){let e=this._oParsedColumnMapping;for(var t in p){var o=p[t];o.mapping&&(o.hasOwnProperty("default")&&void 0===this[t]?e[o.mapping]=o.default:(e[o.mapping]=this[t],"index"===t&&this[t]===c.default.store.keyField&&(e.bIsKeyIndex=!0)))}}setHeader(e,t,o){t=t||this.widget;const n=this._oParsedColumnMapping,r=t.sNestedDataSeparator;o||(e=e||this.header);let a=n.sFieldIndex;void 0!==e?n.bIsHeaderTextUserProvided=!0:n.sCellType===c.default.cellTypes.aggregate&&(a=t.aggregateManager.getAggregateColumnHeader(n));let i=0;if(null!==a&&(i=l.String._splitHeader(a,r).length),e)a=l.kJ(e)?"disabled"!==r?e.join(r):e.join(" "):String(e),i=l.String._splitHeader(e,r).length;else if(a&&(t.bHeaderAutoFormat&&!1!==this.bHeaderAutoFormat||this.bHeaderAutoFormat)){a=l.String.camelCaseToReadable(a,r);let e=this.fnHeaderAutoFormat||t.fnHeaderAutoFormat;e&&(a=e.method.apply(e.scope,[n.sFieldIndex,a])||a),i=l.String._splitHeader(a,r).length}t.nHeaderDepth=Math.max(t.nHeaderDepth,i),this.removeAttribute("min-calculated-header-width"),n.sColumnHeaderText=a,n.nHeaderDepth=i}setCallbackProperties(e,t,o){e&&"string"==typeof e?(this._oParsedColumnMapping[o]=h.Z.setUserFunction(null,e),this._oParsedColumnMapping[t]=e):(this._oParsedColumnMapping[o]=null,this._oParsedColumnMapping[t]=null)}setButtonDisabled(e){this.setCallbackProperties(e,"bTypeButtonDisabled","fnTypeButtonDisabled")}setClickCallback(e){this.setCallbackProperties(e,"sTypeButtonHandler","fnTypeButtonHandler")}setHeaderAutoFormat(e,t){""===e||null===e?this.bHeaderAutoFormat=!0:(this.bHeaderAutoFormat="disabled"!==e&&!!e,this.bHeaderAutoFormat&&"string"==typeof e&&(this.fnHeaderAutoFormat=h.Z.setUserFunction(null,e))),this.bReady&&this.setHeader(null,t)}setSorting(e,t,o){this._oParsedColumnMapping.nSortOrder=0,e?this._oParsedColumnMapping.nSortOrder=1:t&&(this._oParsedColumnMapping.nSortOrder=-1),o&&(this.sortAsc=e,this.sortDesc=t),this.widget&&this.widget.bSorting||(this.sortAsc||this.sortDesc)&&(this.widget?this.sortStyleUpdate():this.bNeedsSortUpdate=!0)}sortStyleUpdate(){this.widget.webcomponent._wrapAPI((()=>{if(this.bNeedsSortUpdate=!1,this.sortAsc||this.sortDesc){let e=this.sortAsc?"asc":"desc";const t=this._oParsedColumnMapping.oDOMSortHeader;t&&t.onSort(null,null,e)}}))}sortUpdate(){const e=this.widget,t=e.store;t.isServerSort()?(e.savedScrollVal=e.oDOMMainScroll.scrollLeft,1===this._oParsedColumnMapping.nSortOrder?t.oDataFormat.sSortDir="asc":-1===this._oParsedColumnMapping.nSortOrder?t.oDataFormat.sSortDir="desc":delete t.oDataFormat.sSortDir,0!==this._oParsedColumnMapping.nSortOrder?t.oDataFormat.sSortBy=this.index:delete t.oDataFormat.sSortBy,t.reset(),this.widget.nCurrPageIdx=0,this.widget.dumpRowMapping(),t.load()):this.update(["bUpdateRowMappingOrder","bUpdateBodyContent"])}update(e,t,o){const n=t||this.widget,r=o?void 0:n.getZGColumnIndex(this._oParsedColumnMapping),a={};e.forEach((e=>a[e]=!0)),n.updater.update(a,null,r)}updateIndex(e){let t=this._oParsedColumnMapping,o=this.widget,n=o.store,r=t.sFieldIndex=e||"";if(t.bIsHeaderTextUserProvided||this.setHeader(void 0,o),n.bHasLoaded){o.bIsUpdatingType=!0;let e=n.getFieldStructure(),a=e?e[r]:"text",i="text";if("number"===a&&(i=a),t.bIsTypeUserProvided||(t.oDOMZGColumn[c.default.attr.type]=i,t.bIsTypeUserProvided=!1),o.bIsUpdatingType=!1,t.sCellType===c.default.internalColumn.rowgroup&&!o.bEditingControls){let e=o.aGroupBy.slice(0);r?o.aGroupBy=r.split(",").map((e=>e.trim())):(o.aGroupBy=[],o.bGroupBy=!1),o._updateGroupedColumnReset(!0,0===o.aGroupBy.length,e)}}}needToCalcEditorWidth(){const e=this._oParsedColumnMapping,t=this.widget;return t&&t.bHasEditorEnabled&&e.oEditor&&!e.aUserSet.oEditor&&e.oEditor.method.bCalculateWidth}updateAttributeValue(e,t){let o=this.widget,n=this._oParsedColumnMapping;if(p[e].mapping&&"index"!==e)n[p[e].mapping]=t;else{let r=d.Z.getCellType(n.sCellType);switch(e){case"editor":this.setCellTypeManager(t,"oEditor",d.Z.getEditor,r.editor);break;case"editorTemplate":this.setTemplateById(t,"oDOMEditorTemplate");break;case"detailsTemplate":this.setTemplateById(t,"oDOMDetailsTemplate");break;case"headerTooltipTemplate":this.setTemplateById(t,"oDOMHeaderTooltipTemplate");break;case"cellTooltipTemplate":this.setTemplateById(t,"oDOMCellTooltipTemplate");break;case"filter":if(t&&"disabled"!==t)this.widget.bHasFilterEnabled=!0;else if(null===this.widget.webcomponent.getAttribute("filter")){this.widget.aColumnMapping.some((e=>e.oDOMZGColumn.getAttribute("filter")))||(this.widget.bHasFilterEnabled=!1)}n.bFilter=!t||"disabled"!==t.toLowerCase();break;case"filterer":let e=d.Z.getCellType(t);e&&(r=e),this.setCellTypeManager(t,"oFilter",d.Z.getFilter,r.filter);break;case"header":this.setHeader(t,o,!0);break;case"headerAutoFormat":this.bReady&&this.setHeaderAutoFormat(t,o);break;case"index":this.updateIndex(t);break;case"renderer":this.setCellTypeManager(t,"fnRenderer",d.Z.getRenderer,r.renderer);break;case"rendererTemplate":this.setTemplateById(t,"oDOMRenderTemplate");break;case"typeSelectOptions":n.aSelectOptions=t?l.String.formatToArray(t):null;break;case"sortAsc":this.setSorting(t,this.sortDesc);break;case"sortDesc":this.setSorting(this.sortAsc,t);break;case"sortIntl":n.sSortIntl=t,this.setCellTypeManager(this.sorter,"fnSorter",d.Z.getSorter,r.sorter,r.intlSorter);break;case"sorter":this.setCellTypeManager(t,"fnSorter",d.Z.getSorter,r.sorter,r.intlSorter);break;case"type":n.sCellType=t||"text";break;case"typeButtonDisabled":this.setButtonDisabled(t);break;case"typeButtonHandler":this.setClickCallback(t);break;case"validator":this.setCellTypeManager(t,"oValidator",d.Z.getValidator,r.validator);break;case"width":this.setColumnWidth(o,t)}}}_propertyHandler(e,t,o){let n,r=this.widget,a=this._oParsedColumnMapping;if("sortAsc"===e||"sortDesc"===e){let t="sortAsc"===e?"sortDesc":"sortAsc";if(this._ASC_DESC_LOCK_)return o;this._ASC_DESC_LOCK_=!0,n=this[t],o&&n&&(this[t]=!1),this._ASC_DESC_LOCK_=!1}if(o=super._propertyHandler(e,t,o),"widget"!==e){if(!r)return o;this.updateAttributeValue(e,o)}var i=p[e];if(i.bRefreshContent)this.update(["bUpdateBodyContent","bUpdateColumnHeaderContent","bUpdateColumnFooterContent"]);else if(i.bRefreshContentWidth)this.widget.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0});else switch(e){case"align":this.setAlign(o,r,this._oParsedColumnMapping);break;case"cellClass":this.setCellClass(o),this.update(["bUpdateBodyContent"]);break;case"cellTooltipRenderer":this.setRenderer("CellTooltip",o),this.update(["bUpdateBodyContent"]);break;case"defaultDisplay":this.update(["bUpdateBodyContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"detailsRenderer":this.setRenderer("Details",o),this.update(["bUpdateBodyContent"]);break;case"drag":this.widget.columnDragManager.setColumnDrag();break;case"filterer":case"filter":this.update(["bUpdateColumnHeaderContent","bUpdateFilter","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"filterIndex":if(this.bReady){const e=o||this._oParsedColumnMapping.sFieldIndex||"";this._oParsedColumnMapping.oDOMFilter.sFilterIndex=e.split(",")[0]}break;case"filterKey":if(this.bReady){const e=o||this._oParsedColumnMapping.oDOMFilter.sFilterIndex||this._oParsedColumnMapping.sFieldIndex||"";this._oParsedColumnMapping.oDOMFilter.sFilterKey=e.split(",")[0]}break;case"footCell":this.setAggregateCell(o,"Foot",r),this.update(["bUpdateColumnFooter","bUpdateColumnFooterContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"frozen":if(!r.bUpdatingFrozen){let e=r.getZGColumnIndex(a);const t=r.getAreaByColumnIndex(e);let n=o;if("left"!==n&&"right"!==n&&(n="main"),n!==t){let o=r.getBodyByColumnIndex(e),a=r.getAdjustedColumnIndex(e),i=this.getFrozenColumnNewIndex(r,n,t);null!==i&&r.moveColumn(e,i,!0,o,a)}}break;case"group":if(this.bReady){this.setGroup(o);break}case"groupHeadCell":this.setAggregateCell(o,"GroupHead",r);break;case"headCell":this.setAggregateCell(o,"Head",r),this.update(["bUpdateColumnHeaderContent"]);break;case"headerTooltipText":case"headerTooltipDelay":case"headerTooltipIcon":case"headerTooltipIconPosition":case"headerTooltipPosition":case"headerTooltipTemplate":case"headerTooltipType":case"headerTooltipTrigger":case"headerTooltipAction":this.update(["bUpdateColumnHeaderContent"]);break;case"headerTooltipRenderer":this.setRenderer("HeaderTooltip",o),this.update(["bUpdateColumnHeaderContent"]);break;case"header":case"headerAutoFormat":this.update(["bUpdateColumnHeaderContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"hidden":if(!r.updater.updating&&!this.widget.bUpdatingHidden&&!r.bEditingControls){const e=r.getZGColumnIndex(this._oParsedColumnMapping);r.updater.toggleColumn(e,o),r._updateHiddenColumn(o,this._oParsedColumnMapping)}break;case"index":r.bEditingControls||this.update(["bUpdateBodyContent","bUpdateColumnHeaderContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"menuText":r.columnMenu&&r.columnMenu.initMenu();break;case"renderer":a.bIsRendererUserProvided=!0,r.bIsUpdatingType||this.update(["bUpdateBodyContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"rendererTemplate":this.update(["bUpdateBodyContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"resizablePersistent":case"resizable":const e=r.getZGColumnIndex(this._oParsedColumnMapping);r.getHeaderCells(e,null,!0).forEach((e=>e._setResize()));break;case"sort":const i=this._oParsedColumnMapping.oDOMSortHeader;o?"disabled"===o&&(i.setAttribute("sort","disabled"),i._removeSort()):(i.removeAttribute("sort"),i._setupSort(o));break;case"sortAsc":case"sortDesc":(o||!n)&&this.sortUpdate();break;case"type":this.setCellType(r,o),r.bIsUpdatingType||(t===c.default.internalColumn.recordselector?(r.bHasSelectorColumn=!1,this.update(["bUpdateBodyContent","bUpdateColumnWidthCache","bUpdateColumnWidth","bUpdateColumnHeaderContent"]),r.webcomponent._checkRemoveCaption()):t===c.default.internalColumn.rowgroup?r._updateGroupedColumnReset(!0,!0):o===c.default.internalColumn.rowgroup?r._updateGroupedColumnReset(!0):(t!==c.default.cellTypes.aggregate||a.bIsHeaderTextUserProvided||this.setHeader(void 0,r),this.update(["bUpdateBodyContent","bUpdateColumnWidthCache","bUpdateColumnWidth","bUpdateColumnHeaderContent","bUpdateColumnFooter","bUpdateColumnFooterContent","bUpdateColumnFooterAssignment"]))),a.bIsTypeUserProvided=!0;break;case"typeAggregateOmit":this.update(["bUpdateBodyContent","bUpdateColumnHeaderContent","bUpdateColumnFooterContent"],void 0,!0);break;case"typeAggregateValue":a.bIsHeaderTextUserProvided||this.setHeader(void 0,r),this.update(["bUpdateBodyContent","bUpdateColumnHeaderContent","bUpdateColumnFooterContent"]);break;case"typeSelectOptions":this.update(["bUpdateBodyContent","bUpdateColumnHeaderContent","bUpdateFilter","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"minWidth":case"width":this.widget.bIsColumnResizeActive||this.update(["bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"widget":if(t==o)return o;if(r){let e=r.getZGColumnIndex(a);r.aColumnMapping.splice(e,1),r.bIsColumnMoverActive||r.update()}var s=o;if(s){let e=Array.prototype.indexOf.call(s.webcomponent.querySelectorAll("zg-column"),this);if(this.initialLoad(s,a),-1!==e){s.aColumnMapping.splice(e,0,a);let t=this.parentNode;t&&s.aColumnMapping.length===t.querySelectorAll("zg-column").length&&(s.bUpdateColGroup?t.rerender():!s.bIsColumnMoverActive&&s.bAPIReady?s.store.reload():s.bIsColumnMoverActive||s.update())}this.controlDefined||(s.bIsMappingUserProvided=!0)}}return o}static get observedAttributes(){return m}}n.Z._registerElement(g,f);const b=f},5495:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>p});var n=o(697),r=o(7628),a=o.n(r),i=o(2952),s=o.n(i),l=o(8419),d=o(3605),c=o(6919);const h="zg-control-bar",u={};class g extends n.Z{init(){super.init(h,s(),a(),u)}ready(){super.ready(),this.widget=this._getHostContext();let e=this.widget.webcomponent;if(e.layout&&e.layout.length&&this.setAttribute(l.default.zgLayout.attr,e.layout),"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl"),!this.widget.bPreloaded){let e=`\n            <zg-separator slot="cardaction" hidden id="afterselect"></zg-separator>\n            <zg-button ${l.default.attr.datafocus} slot="action" action="createrecord" hidden></zg-button>\n            <zg-separator slot="action" hidden id="beforeedit"></zg-separator>\n            <zg-text id="label" slot="action"></zg-text>\n            <zg-button ${l.default.attr.datafocus} slot="action" action="batchedit" hidden></zg-button>\n            <zg-button ${l.default.attr.datafocus} slot="action" action="batcheditsave" hidden></zg-button>\n            <zg-button ${l.default.attr.datafocus} slot="action" action="batcheditcancel" hidden></zg-button>\n            <zg-text id="unsaved" slot="message" hidden></zg-text>\n        `,t=(0,d.W2)(e);this.appendChild(t)}this.oDOMCreate=this.querySelector('zg-button[action="createrecord"]'),this.oDOMBatchEdit=this.querySelector('zg-button[action="batchedit"]'),this.oDOMBatchSave=this.querySelector('zg-button[action="batcheditsave"]'),this.oDOMBatchCancel=this.querySelector('zg-button[action="batcheditcancel"]'),this.oDOMUnsavedSpan=this.querySelector("zg-text#unsaved"),this.oDOMBatchEditLabel=this.querySelector("zg-text#label"),this.oDOMBatchEditLabel&&(this.oDOMBatchEditLabel.innerHTML=d.translate({msg:c.default.get("batchEdit.label",this.widget,{element:this.oDOMBatchEditLabel,elProperty:"innerHTML"})})),e.oDOMLayoutControls&&this.appendChild(e.oDOMLayoutControls),e.batchEdit&&e._setBatchEditControls(!0),this.widget.webcomponent._toggleControlBar()}checkMessageSize(){const e=this.oDOMUnsavedSpan;if(!this.widget||!this.widget.batchEditor.isActive())return;this.removeAttribute(l.default.attr.batchEditLongMessage);const t=window.getComputedStyle(e);t.height>t.lineHeight&&this.setAttribute(l.default.attr.batchEditLongMessage,"")}disconnectedCallback(){super.disconnectedCallback(),this.oDOMCreate=null,this.oDOMBatchEdit=null,this.oDOMBatchSave=null,this.oDOMBatchCancel=null}}n.Z._registerElement(h,g);const p=g},2383:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(400),a=o.n(r),i=o(1573),s=o.n(i),l=o(8419);const d="zg-data",c={adapter:{type:String,bReflectToAttribute:!0},data:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},idKey:{type:String,bReflectToAttribute:!0},options:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},src:{type:String,bReflectToAttribute:!0},widget:{}},h=n.Z.getObservedAtts(c);class u extends n.Z{init(){super.init(d,s(),a(),c)}ready(){super.ready();const e=this._getHostContext();e.webcomponent.oDOMData=this,this.widget=e,this.setAttribute(l.default.attr.hidden,"")}_propertyHandler(e,t,o){o=super._propertyHandler(e,t,o);let n,r,a=this.widget;if("widget"!==e&&!a)return o;switch(a?(n=a.webcomponent,r=a.store):(n=o.webcomponent,r=o.store),e){case"options":r.loadData(o,n.params);break;case"data":this.bReady&&r.loadData(this.options,n.params,{data:o},!0);break;case"src":this.bReady&&r.loadData(this.options,n.params,{src:o});break;case"widget":r.loadData(this.options,n.params)}return o}setOptions(e){let t=this.querySelectorAll("zg-param");t.forEach((t=>{if(void 0!==t.name&&void 0!==t.value){let o,n=t.value.trim()[0];if("{"===n||"["===n)try{o=JSON.parse(t.value)}catch(e){}void 0===o&&(o=t.value),"false"===o&&(o=!1),e[t.name]=o}}));for(let t in c)"widget"!==t&&"options"!==t&&this[t]&&!e.hasOwnProperty(t)&&(e[t]=this[t]);return this.nCheckedParams=t.length,e}disconnectedCallback(){const e=this.widget;super.disconnectedCallback(),e&&!e.bDisconnect&&e.webcomponent.resetData()}static get observedAttributes(){return h}}n.Z._registerElement(d,u);const g=u},8828:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>b});var n=o(697),r=o(6184),a=o.n(r),i=o(1694),s=o.n(i),l=o(2816),d=o(8419),c=o(3605),h=o(2260),u=o(6919);const g=d.default.zgDialog.tagName,p={open:{type:Boolean,default:null,bReflectToAttribute:!0},label:{type:String,default:"",bReflectToAttribute:!0},cancel:{type:String,bReflectToAttribute:!0},confirm:{type:String,bReflectToAttribute:!0}},m=n.Z.getObservedAtts(p);class f extends n.Z{init(){super.init(g,s(),a(),p)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this._label=null,"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl"),this.userAddedContainAttr=this.ZG.getAttribute(d.default.zgDialog.attr),null!==this.userAddedContainAttr&&this.setAttribute(d.default.attr.internalattach,"grid"),this.cancel&&this._setCancel(this.cancel),this.confirm&&this._setConfirm(this.confirm),this.bindDom(),this.bindEvents(),c.CL(this),this.open&&this.showDialog()}showDialog(){this.getRequestedDialogData(),this.initLabelText(),this.setCancel(),this.setConfirm(),this.setBody(),this.displayDialog()}hideDialog(){this.$dialog.close(),document.body.style.overflow=this.ZG.defaultBodyOverflow}setDialog(e){this.setAttribute(d.default.attr.type,e),this.setAttribute(d.default.attr.open,"")}bindDom(){const e=this.shadowRoot;this.$dialog=e.querySelector("dialog"),this.$form=e.querySelector("form"),this.$body=e.querySelector(".zg-dialog-body"),this.$bodycontent=e.querySelector(".zg-dialog-content-wrapper"),this.$error=e.querySelector(".zg-dialog-error"),this.$footer=e.querySelector(".zg-dialog-footer"),this.$header=e.querySelector(".zg-dialog-header"),this.$cancel=e.querySelector(".zg-dialog-cancel"),this.$close=e.querySelector(".zg-dialog-close"),this.$confirm=e.querySelector(".zg-dialog-confirm"),this.$label=e.querySelector(".zg-dialog-label")}bindEvents(){let e;this.aEvents=[],e=l.Z.get(document.body).on("keydown",(e=>{if(e.nCharCode===e.ESC){if(!this.$dialog.hasAttribute(d.default.attr.open))return;this.fire("dialogClose"),this.fire("dialogCloseFromEscape"),this.closeEvent(e)}}),this),this.aEvents.push(e),e=this.on("click",(e=>{this.fire("dialogClose"),this.fire("dialogCloseFromMask"),this.closeEvent(e)}),this),this.aEvents.push(e),e=l.Z.get(this.$form).on("click",this.formEvent,this),this.aEvents.push(e),e=l.Z.get(this.$cancel).on("click",(e=>{if(this.cancel&&!this.fnCancel&&this._setCancel(this.cancel),this.fnCancel){let e=this.fnCancel.scope||this;this.fnCancel.method.apply(e,[this])}this.fire("dialogCancel"),this.closeEvent(e)})),this.aEvents.push(e),e=l.Z.get(this.$close).on("click",(e=>{this.fire("dialogClose"),this.fire("dialogCloseFromButton"),this.closeEvent(e)})),this.aEvents.push(e),e=l.Z.get(this.$confirm).on("click",(e=>{if(e.preventDefault(),this.fnConfirm){let e=this.fnConfirm.scope||this;this.fnConfirm.method.apply(e,[this])}!1!==this.fire("dialogConfirm")&&this.closeEvent(e)}),this,{},!1),this.aEvents.push(e)}uns(){if(this.aEvents&&this.aEvents.length){for(let e=0;e<this.aEvents.length;e++)this.aEvents[e](),this.aEvents[e]=null;this.aEvents.length=0}}displayError(e,t){e?(this.$error.innerHTML=t,this.$body.setAttribute(d.default.validation.haserror,"")):this.$body.removeAttribute(d.default.validation.haserror)}displayDialog(){const e=this.widget.isStorybook("dialog");e?this.$dialog.setAttribute("open",""):this.$dialog.show(),null===this.userAddedContainAttr&&(document.body.style.overflow=d.default.attr.hidden),e||(this.$cancel.hasAttribute(d.default.attr.hidden)?this.$confirm.focus():this.$cancel.focus())}getRequestedDialogData(){const e=this.getAttribute(d.default.attr.type);this.currentDialogData=this.ZG.dialogArr.filter((t=>t.type===e))[0]}setBody(){const e=this.currentDialogData?this.currentDialogData.body:this.innerHTML;if(!e)return;const t=document.createElement("div");t.classList.add("zg-dialog-body-wrap"),t.insertAdjacentHTML("afterbegin",e);const o=t.querySelectorAll(d.default.zgIcon.tagName);o.forEach((e=>e.remove())),this.currentDialogData&&this.currentDialogData.body&&(this.innerHTML="",this.$bodycontent.innerHTML="",this.currentDialogData&&this.currentDialogData.label&&(this.$label.textContent=this.currentDialogData.label),this.$bodycontent.appendChild(t),o.forEach((e=>this.appendChild(e)))),e.length&&this.$body.setAttribute(d.default.attr.hasText,"")}setCancel(){this.currentDialogData&&this._setButton(this.$cancel,{data:this.currentDialogData.cancel,name:"cancel"})}setConfirm(){this.currentDialogData&&this._setButton(this.$confirm,{data:this.currentDialogData.confirm,name:"confirm"})}initLabelText(){let e=this.getAttribute("label");!e&&this.currentDialogData&&(e=this.currentDialogData.label),e&&(this.label=e)}setLabelText(e){this.$label&&(this.$label.textContent=e)}getInputContainer(){return this.$body.querySelector("#inputs")}closeEvent(e){this.open&&(this.open=!1),this.unAll(),this.displayError(!1)}formEvent(e){e.stopPropagation()}_setButton(e,t){const{data:o,name:n}=t;o&&o.text?e.textContent=o.text:e.textContent=u.default.get("dialog",this.widget,{element:this,elProperty:"textContent",langProperty:"name"})[n],t&&o&&!1===o.show?e.setAttribute(d.default.attr.hidden,""):e.removeAttribute(d.default.attr.hidden),t&&o&&o.initialDisabled?e.setAttribute("disabled",""):e.removeAttribute("disabled")}_setCancel(e){this.fnCancel=h.Z.setUserFunction(null,e)}_setConfirm(e){this.fnConfirm=h.Z.setUserFunction(null,e)}_propertyHandler(e,t,o){const n=this.widget;if(o=super._propertyHandler(e,t,o),this.bReady)switch(e){case"open":o?this.showDialog():n.recordEditor.bIsOpen?n.recordEditor.cancelOpenEdit(null,n.editorManager.se):this.hideDialog();break;case"label":this.setLabelText(o)}return o}disconnectedCallback(){super.disconnectedCallback(),this.innerHTML="",this.$dialog&&(this.$dialog.innerHTML="",this.$dialog.remove());const e=["$label","$confirm","$close","$cancel","$header","$footer","$error","$bodycontent","$body","$form","$dialog"];for(let t=0;t<e.length;t++)this.cleanElement(e[t]);this.currentDialogData=null}static get observedAttributes(){return m}}n.Z._registerElement(g,f);const b=f},2373:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(9003),a=o.n(r),i=o(3635),s=o.n(i),l=o(2816);const d="zg-editor-row",c={active:{type:Boolean,bReflectToAttribute:!0},activeCellEdit:{type:Boolean,bReflectToAttribute:!0},activeRowEdit:{type:Boolean,bReflectToAttribute:!0},editor:{type:String,bReflectToAttribute:!0}},h=n.Z.getObservedAtts(c);class u extends n.Z{init(){super.init(d,s(),a(),c)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.oDOMWrapper=l.Z.get(this.shadowRoot.querySelector("#wrapper")),this.oDOMInputContainer=this.shadowRoot.querySelector("#inputs"),this.oDOMInputContainerCopy=this.oDOMInputContainer.cloneNode(!0),this.oDOMWrapper.on("click",(e=>e.stopPropagation()))}ons(){this.unsubKey=this.on("keydown",this.onKeyDown,this,{},!1)}getEditorTemplate(){let e=this.shadowRoot.querySelector("#editorRowFieldTemplate");return document.importNode(e.content,!0)}getEditorCardTemplate(){let e=this.shadowRoot.querySelector("#editorCardTemplate");return document.importNode(e.content,!0)}positionSelfWithinGrid(){const e=this.widget,t=e.editorManager.se.nRowContainerIndex,o=e.getFrozenRowState(t),n=e.getContainerRowIndexByDataRowIndex(t),r=this.oDOMWrapper;let a;if(a="top"===o?this.oDOMHead:"bottom"===o?this.oDOMFoot:this.oDOMBody,!a.childNodes.length)return;const i=l.Z.get(a);let s=l.Z.get(a.childNodes[n]).getXY(),d=i.getY(),c=i.getX(!0),h=e.mainGridTable.getScroll().left||0;r.setTop(s[1]-d),r._setLeft(s[0]-c+h)}positionEditorWithinRow(e,t){const o=this.widget,n=this.oDOMBody,r=l.Z.get(n).getX(),a=e.el.getXY(),i=e.el.getSize(),s=o.mainGridTable.getScroll().left||0;t.style.top="1px",t.style.left=`${a[0]-r+s}px`,t.style.width=`${i[0]}px`,t.style.height=i[1]-1+"px"}onKeyDown(e){const t=this.widget,o=t.editorManager;let n=e.nCharCode;const r=o.se.sContextLevel;if(t.batchEditor.isActive())return void t.batchEditor.onKeyDown(e);if("row"!==r||n!==e.TAB)return;let a=e.oBrowserEvent.composedPath(),i=null;for(let e=0;e<a.length;e++){let t=a[e];if("label"===t.tagName.toLowerCase()){i=t;break}}if(i&&!i.nextElementSibling){const n=o.se.nRowContainerIndex;o.focusNextInput(this.oDOMInputContainer,n)||t.recordEditor.oDOMSubmitButton.focus(),e.stopEvent()}}disconnectedCallback(){super.disconnectedCallback(),this.oDOMWrapper=null,this.oDOMInputContainer=null,this.oDOMInputContainerCopy=null}static get observedAttributes(){return h}}n.Z._registerElement(d,u);const g=u},3778:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>m});var n=o(697),r=o(1538),a=o.n(r),i=o(8387),s=o.n(i),l=o(2816),d=o(8419),c=o(6919);const h="zg-filter",u={cellindex:{bReflectToAttribute:!0,type:Number},widget:{}},g=n.Z.getObservedAtts(u);class p extends n.Z{init(){super.init(h,s(),a(),u),this.aCustomUns=[],this.sPreviousValue=""}ready(){super.ready(),this.aCustomUns=[];const e=this.widget=this.widget||this._getHostContext();if(!this.oColumnMapping&&this.cellindex&&this.associateColumn(this.cellindex),"rtl"===e.sComputedDir&&this.setAttribute("dir","rtl"),this.oColumnMapping.bFilter&&this.oColumnMapping.oFilter){this.oColumnMapping.oDOMFilter=this;let e=this.oColumnMapping.oFilter.method.init,t=this.oColumnMapping.oFilter.method.afterInit;if(e){let o=this.oColumnMapping.oFilter.scope||this;this.widget.bPreloaded?this.oElInput=l.Z.get(this.querySelector("input")):(this.oElInput=l.Z.get(e.apply(o,[this])),this.oElInput.dom.placeholder=c.default.get("tools.filter",this.widget,{element:this.oElInput.dom,elProperty:"placeholder"})),t&&t.apply(o,[this]),this.onCustomEvent()}let o="";this.oColumnMapping&&this.oColumnMapping.sColumnHeaderText&&(o=this.oColumnMapping.sColumnHeaderText),this.oElInput.dom.setAttribute(d.default.attr.tabindex,-1),this.oElInput.dom.setAttribute(d.default.aria.label,`Filter ${o} Column`)}}onCustomEvent(){let e=this.oColumnMapping.oFilter&&this.oColumnMapping.oFilter.method.triggerEvent;e&&e.split(",").map((e=>{let t=this.oElInput.on(e,this.debounceFilter,this);this.aCustomUns.push(t)})),this.unsubKey=this.on("keydown",this.onKeyDown,this,{},!1),this.unsubFocus=this.oElInput.on("focus",this.onFocus,this)}customOn(){this.fireFilterEvent(),this.widget.bodyUpdate(!0)}debounceFilter(e){let t=d.default.search.threshold,o=this.latestTime=setTimeout((()=>{o===this.latestTime&&this.customOn()}),t)}fireFilterEvent(){let e={sValue:this.getValue(),sFieldIndex:this.sFieldIndex,sFilterIndex:this.sFilterIndex};e.sValue!==this.sPreviousValue&&(this.widget.fire("filter",e),this.sPreviousValue=e.sValue)}associateColumn(e){this.oColumnMapping=this.widget.aColumnMapping[e],this.sFieldIndex=this.oColumnMapping.sFieldIndex,this.sFilterIndex=this.oColumnMapping.sFilterIndex||this.sFieldIndex||"",this.oColumnMapping.sCellType!==d.default.internalColumn.rowgroup&&(this.sFilterIndex=this.sFilterIndex.split(",")[0]),this.sFilterKey=this.oColumnMapping.sFilterKey||this.sFilterIndex||"",this.oColumnMapping.bFilter&&this.widget.aFilters.push(this)}getValue(){let e="",t=this.oColumnMapping.oFilter&&this.oColumnMapping.oFilter.method.value;if(t){let o=this.oColumnMapping.oFilter.scope||this;e=`${t.apply(o,[this])}`}return e}_propertyHandler(e,t,o){return o=super._propertyHandler(e,t,o),"cellindex"===e&&this.bReady&&this.associateColumn(o),o}onFocus(e){this.widget.headerFocusManager.deSelect()}onKeyDown(e){let t=!1;switch(e.nCharCode){case e.LEFT:case e.RIGHT:case e.UP:case e.DOWN:t=!0,e.stopPropagation();break;case e.ENTER:this.oElInput.dom.blur(),this.widget.headerFocusManager.select(this.parentNode.rowIndex,parseInt(this.cellindex,10),!0);break;case e.TAB:if(!this.findNextFilter(e)){const t=this.widget.focusManager;this.oElInput.dom.blur(),t.tabChangeFocus(e,{section:t.GRIDINDEX})}break;default:t=!0}t||e.stopEvent()}findNextFilter(e){let t;return t=e.bIsSHIFT?this.previousElementSibling:this.nextElementSibling,!(!t||!t.oElInput)&&(t.oElInput.dom.focus(),!0)}uns(){this.unsubKey&&this.unsubKey(),this.unsubFocus&&this.unsubFocus();for(let e=0;e<this.aCustomUns.length;e++)this.aCustomUns[e]()}disconnectedCallback(){super.disconnectedCallback(),this.oElInput&&this.cleanElement("oElInput"),this.oColumnMapping=null}static get observedAttributes(){return g}}n.Z._registerElement(h,p);const m=p},1966:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(9530),a=o.n(r),i=o(6592),s=o.n(i),l=o(2816);const d="zg-focus",c={};class h extends n.Z{init(){super.init(d,s(),a(),c)}ready(){super.ready(),this.oElBottom=l.Z.get(this.shadowRoot.querySelector("#bottom")),this.oElLeft=l.Z.get(this.shadowRoot.querySelector("#left")),this.oElRight=l.Z.get(this.shadowRoot.querySelector("#right")),this.oElTop=l.Z.get(this.shadowRoot.querySelector("#top"))}draw(){const e=this.widget,t=e.selector.se,o=this.oColumnBody.el,n=t.dimension(this.oColumnBody),r=t.dimension(),a=n.xy,i=o.getXY();let s,l,d=n.width,c=n.height;this._hide(),s=a[0]-i[0]+e.nScrollLeft,l=a[1]-i[1]+e.nScrollTop,this.oElRight.setXY([s+d-2,l]),this.oElLeft._setStyle("height",`${c}px`),this.oElRight._setStyle("height",`${c}px`);n.xy[0]+d!==r.xy[0]+r.width?this.oElRight._hide():this.oElRight._show(),n.xy[0]!==r.xy[0]?this.oElLeft._hide():this.oElLeft._show(),this.oElTop.setXY([s,l]),this.oElTop._setStyle("width",`${d}px`),this.oElBottom.setXY([s,l+c-2]),this.oElBottom._setStyle("width",`${d}px`),this.oElLeft.setXY([s,l]),this._show()}drawCard(){const e=this.widget,t=e.selector.se.el.dom.parentNode,o=e.oDOMScroller,n=o?l.Z.get(o).getScroll().top:0;let r=t.getBoundingClientRect(),a=e.mainGridTable.dom.getBoundingClientRect(),i=r.height,s=r.width,d=r.left-a.left,c=r.top-a.top+n;this.oElRight.setXY([d+s-2,c]),this.oElLeft._setStyle("height",`${i}px`),this.oElRight._setStyle("height",`${i}px`),this.oElTop.setXY([d,c]),this.oElTop._setStyle("width",`${s}px`),this.oElBottom.setXY([d,c+i-2]),this.oElBottom._setStyle("width",`${s}px`),this.oElLeft.setXY([d,c]),this._show()}drawArea(e,t,o){const n=this.widget,r=e.getBoundingClientRect(),a=r.height,i=r.width,s=r.y,l=r.x,d=t.y,c=t.x,h=this.getAttribute("slot"),u=n.mainGridHScroll,g=h===`main${o}focus`?u.getScroll().left:0;this._hide();let p=l-c+n.nScrollLeft-g,m=s-d+n.nScrollTop;this.oElRight.setXY([p+i-2,m]),this.oElLeft._setStyle("height",`${a}px`),this.oElRight._setStyle("height",`${a}px`),this.oElTop.setXY([p,m]),this.oElTop._setStyle("width",`${i}px`),this.oElBottom.setXY([p,m+a-2]),this.oElBottom._setStyle("width",`${i}px`),this.oElLeft.setXY([p,m]),this._show()}drawHeader(e){const t=this.oColumnHead.getBoundingClientRect();this.drawArea(e,t,"head")}drawFooter(e){const t=this.oColumnFoot.getBoundingClientRect();this.drawArea(e,t,"foot")}disconnectedCallback(){super.disconnectedCallback(),this.oElTop=null,this.oElBottom=null,this.oElRight=null,this.oElLeft=null,this.oColumnHead=null,this.oColumnBody=null}}n.Z._registerElement(d,h);const u=h},469:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(4299),a=o.n(r),i=o(9058),s=o.n(i),l=o(8419);const d="zg-foot",c={};class h extends n.Z{init(){super.init(d,s(),a(),c)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.ZG.layout&&this.ZG.layout.length&&this.setAttribute(l.default.zgLayout.attr,this.ZG.layout)}disconnectedCallback(){super.disconnectedCallback()}}n.Z._registerElement(d,h);const u=h},2327:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>h});var n=o(697),r=o(7470),a=o.n(r),i=o(5491),s=o.n(i);const l="zg-footer",d={};class c extends n.Z{init(){super.init(l,s(),a(),d)}ready(){super.ready(),this.widget=this._getHostContext();const e=this.widget.webcomponent;e.oDOMFooter&&e.oDOMFooter!==this&&(e.oDOMFooter.remove(),e.oDOMFooter=this,e.oDOMFooter.slot="footer")}}n.Z._registerElement(l,c);const h=c},7939:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(5539),a=o.n(r),i=o(6262),s=o.n(i),l=o(8419);const d=l.default.zgFrozenColgroup.tagName,c={};class h extends n.Z{init(){super.init(d,s(),a(),c)}ready(){super.ready(),this.setAttribute(l.default.attr.hidden,"")}}n.Z._registerElement(d,h);const u=h},5790:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>p});var n=o(697),r=o(512),a=o.n(r),i=o(6288),s=o.n(i),l=o(8419),d=o(2816),c=o(3605);o(2260);const h=l.default.zgHeadCell.tagName,u={};class g extends n.Z{init(){super.init(h,s(),a(),u)}connectedCallback(){super.connectedCallback()}ready(){super.ready();const e=this.widget=this._getHostContext();this.ZG=e.webcomponent,this.nIndex=parseInt(this.getAttribute("cellindex"),10);const t=this.querySelector(".zg-head-details-icon");t?this.oDOMDetailsIcon=t:(this.oDOMDetailsIcon=document.createElement("zg-icon"),this.oDOMDetailsIcon.className="zg-head-details-icon",this.insertBefore(this.oDOMDetailsIcon,this.firstChild));let o=this.querySelector(`.${l.default.zgHeadCell.mainIconClass}`);o?this.oDOMIcon=o:(this.oDOMIcon=document.createElement("zg-icon"),this.oDOMIcon.className=l.default.zgHeadCell.mainIconClass,this.insertBefore(this.oDOMIcon,this.firstChild)),"rtl"===e.sComputedDir&&this.setAttribute("dir","rtl"),this.ZG=e.webcomponent,this.HEAD_CELL_INDEX=this.getAttribute("cellindex"),this.COLUMNS=e.getAllColumns(),this.MATCHED_COLUMN=this.COLUMNS[this.HEAD_CELL_INDEX],this._setResize(),this._setupSort(this.MATCHED_COLUMN.sort),e.columnDragManager.setColumnDrag()}ons(){this.on("click",this.onSort),this.on("mousedown",this.onDragStart,this,{},!1),this.on("touchstart",this.onTouchStart,this,{},!1)}onDragStart(e){let t=this.widget.columnDragManager;if(!t.onStartColumnCommon(this,e))return;this.widget.bIsColumnMoverActive=!0;const o=d.Z.get(document);o.on("mousemove",t.onDragMoveColumn,t,{},!1),o.on("mouseup",t.onDragStopColumn,t,{},!1),t.bTouch=!1}onTouchStart(e){let t=this.widget.columnDragManager;if(!t.onStartColumnCommon(this,e))return;this.widget.bIsColumnMoverActive=!0;const o=d.Z.get(document);o.on("touchmove",t.onDragMoveColumn,t,{},!1),o.on("touchend",t.onDragStopColumn,t,{},!1),o.on("touchcancel",t.onDragStopColumn,t,{},!1),t.bTouch=!0}onSort(e,t,o){const n=this.widget;if(n.bIsColumnResizeActive)return;if(e&&e.oDOMTarget&&e.oDOMTarget.tagName.toLowerCase()===l.default.zgColumnResize.tagName)return;if(o=o||null,!n.bHasSorterEnabled)return;if("disabled"===this.getAttribute("sort"))return;if(t&&"zg-head-details-icon"===t.className||this.bTooltipOpen&&this.bIsInfoTooltip)return;this.bCleared=!1,this.BODY_ROWS=n.getAllBodyRows(),this.HEAD_ROWS=n.getAllHeadRows(),this.FOOT_ROWS=n.getAllFootRows(),this.SORTED_HEAD_CELL=this,this.SORTED_HEAD_CELL_INDEX=parseInt(this.getAttribute("cellindex"),10),this.COLUMNS=n.getAllColumns(),this.MATCHED_COLUMN=this.COLUMNS[this.SORTED_HEAD_CELL_INDEX],this.CURRENT_SORT=n.sorter.sActiveSortedIndex,this.SAME_COL=this.CURRENT_SORT==this.MATCHED_COLUMN._oParsedColumnMapping.sFieldIndex,n.bSorting=!0,this._removeSortedHeadCell(),this._resetColumns();const r=!this.MATCHED_COLUMN.sortAsc&&!this.MATCHED_COLUMN.sortDesc&&!o||this.MATCHED_COLUMN.sortDesc&&!o&&!this.SAME_COL||"asc"===o,a=!o&&this.MATCHED_COLUMN.sortAsc||"desc"===o,i=this.MATCHED_COLUMN.sortDesc||"none"===o;r?this._setHeadCellAscending():a?this._setHeadCellDescending():i&&this._setHeadCellDefault(),this._setSortedColumn(),this.bCleared||this._toggleBodyCellSorted(),n.bSorting=!1}clearStyle(e){this.widget.bSorting=!0,e&&(this._resetColumns(),this._removeSortedHeadCell(),this.widget.oDOMSortedColumn=null),this._setHeadCellReset(),this._removeBodyCellSorted(),this.widget.bSorting=!1}_setResize(){const e=this.MATCHED_COLUMN._oParsedColumnMapping.sResizable,t=this.MATCHED_COLUMN._oParsedColumnMapping.sResizablePersistent,o=this.MATCHED_COLUMN._oParsedColumnMapping.sCellType;if(!c.Uh(e)&&!c.Uh(t)&&-1!==l.default.internalColumnTypes.indexOf(o))return;if(this.widget.updater.getLastVisibleColumn().oDOMZGColumn==this.MATCHED_COLUMN)return;const n=(c.Uh(this.widget.bColumnResizable)&&!1!==this.widget.bColumnResizable||c.Uh(e))&&"disabled"!==e,r=n&&(this.widget.bColumnResizablePersistent||null!=t)&&"disabled"!==t;if(n&&!this.oResizeHandler){const e=this.oResizeHandler=document.createElement(l.default.zgColumnResize.tagName);e.slot="column-resize",e.oColumn=this.MATCHED_COLUMN,e.oHeadCell=this,this.appendChild(e)}else!n&&this.oResizeHandler&&(this.removeChild(this.oResizeHandler),this.oResizeHandler=null);r?this.setAttribute(l.default.zgColumnResize.persistentAttr,""):this.removeAttribute(l.default.zgColumnResize.persistentAttr),n?this.setAttribute(l.default.zgColumnResize.attr,""):this.removeAttribute(l.default.zgColumnResize.attr)}_setupSort(e){const t=this.widget.webcomponent.hasAttribute(l.default.sort.attr),o=this.querySelector("zg-icon");let n;if(void 0===e){n=this.querySelector(`.${l.default.zgHeadCell.mainIconClass}`).parentNode,e=n.hasAttribute("sort")}let r=o.getAttribute(l.default.attr.name);e||!t||r||(o.setAttribute(l.default.attr.name,"down"),o.setAttribute(l.default.attr.init,""))}_removeSort(){const e=this.querySelector("zg-icon");e.removeAttribute(l.default.attr.name),e.removeAttribute(l.default.attr.init)}_removeSortedHeadCell(){this.HEAD_ROWS.forEach((e=>{e.querySelectorAll(h).forEach((e=>{e.removeAttribute(l.default.sort.ascAttr),e.removeAttribute(l.default.sort.descAttr);const t=e.querySelector(l.default.zgIcon.tagName);t.removeAttribute(l.default.sort.ascAttr),t.removeAttribute(l.default.sort.descAttr),t.parentNode.hasAttribute("sort")||(t.setAttribute(l.default.attr.name,"down"),t.setAttribute(l.default.attr.init,""))}))}))}_removeBodyCellSorted(){this.BODY_ROWS.forEach((e=>{e.querySelectorAll(l.default.zgCell.tagName).forEach(((e,t)=>e.removeAttribute(l.default.attr.sorted)))}))}_removeHeaderCellSorted(){this.HEAD_ROWS.forEach((e=>{e.hasAttribute("sorter")||[...e.children].forEach((e=>e.removeAttribute(l.default.attr.sorted)))}))}_removeFooterCellSorted(){this.FOOT_ROWS.forEach((e=>{[...e.children].forEach((e=>e.removeAttribute(l.default.attr.sorted)))}))}_resetColumns(){this.COLUMNS.forEach((e=>{e!==this.MATCHED_COLUMN&&(e.removeAttribute(l.default.sort.ascAttr),e.removeAttribute(l.default.sort.descAttr))}))}_setHeadCellAscending(){this.MATCHED_COLUMN._oParsedColumnMapping.sSortDir="asc",this.MATCHED_COLUMN.sortAsc=!0,this.SORTED_HEAD_CELL.setAttribute(l.default.sort.ascAttr,""),this.SORTED_HEAD_CELL.removeAttribute(l.default.sort.descAttr),this.oDOMIcon.removeAttribute(l.default.attr.init),this.oDOMIcon.removeAttribute(l.default.sort.descAttr),this.oDOMIcon.setAttribute(l.default.attr.name,"up"),this.oDOMIcon.setAttribute(l.default.sort.ascAttr,""),this._setHeaderCellSorted(),this._setFooterCellSorted()}_setHeadCellDefault(){this.clearStyle(!1),this.bCleared=!0}_setHeadCellDescending(){this.MATCHED_COLUMN._oParsedColumnMapping.sSortDir="desc",this.MATCHED_COLUMN.sortDesc=!0,this.SORTED_HEAD_CELL.removeAttribute(l.default.sort.ascAttr),this.SORTED_HEAD_CELL.setAttribute(l.default.sort.descAttr,""),this.oDOMIcon.removeAttribute(l.default.attr.init),this.oDOMIcon.removeAttribute(l.default.sort.ascAttr),this.oDOMIcon.setAttribute(l.default.attr.name,"down"),this.oDOMIcon.setAttribute(l.default.sort.descAttr,""),this._setHeaderCellSorted(),this._setFooterCellSorted()}_setHeadCellReset(){this.MATCHED_COLUMN._oParsedColumnMapping.sSortDir="",this.MATCHED_COLUMN.sortAsc=!1,this.MATCHED_COLUMN.sortDesc=!1,this.SORTED_HEAD_CELL.removeAttribute(l.default.sort.ascAttr),this.SORTED_HEAD_CELL.removeAttribute(l.default.sort.descAttr),this.oDOMIcon.removeAttribute(l.default.sort.ascAttr),this.oDOMIcon.removeAttribute(l.default.sort.descAttr),this.oDOMIcon.setAttribute(l.default.attr.name,"down"),this.oDOMIcon.setAttribute(l.default.attr.init,""),this._removeHeaderCellSorted(),this._removeFooterCellSorted()}_setHeaderCellSorted(){this.HEAD_ROWS.forEach((e=>{e.hasAttribute("sorter")||[...e.children].forEach(((e,t)=>{this._toggleCellSorted({cell:e,i:t})}))}))}_setFooterCellSorted(){this.FOOT_ROWS.forEach((e=>{[...e.children].forEach(((e,t)=>this._toggleCellSorted({cell:e,i:t})))}))}_setSortedColumn(){this.bCleared?this.widget.oDOMSortedColumn=null:this.widget.oDOMSortedColumn=this.MATCHED_COLUMN}_toggleBodyCellSorted(){this.BODY_ROWS.forEach((e=>{e.querySelectorAll(l.default.zgCell.tagName).forEach(((e,t)=>this._toggleCellSorted({cell:e,i:t})))}))}_setHeaderTooltip(){const e=this.widget.tooltipManager,t=this.oTooltipOptions=e._getTooltipOptions("Header",this.MATCHED_COLUMN._oParsedColumnMapping),o=t.fnTooltipRenderer&&t.fnTooltipRenderer.method,n=!!t.tooltipText;if(this.bIsInfoTooltip=t.tooltipTrigger!==l.default.zgTooltip.textTriggerType,this.sTooltipContent&&this._resetTooltip(),n||o||t.oDOMTooltipTemplate){if(this.querySelector(`[${l.default.zgCell.cellIndexAttr}]`)){const o=t.tooltipIconPosition||"right";this.bIsInfoTooltip?(this.oDOMDetailsIcon.setAttribute("position",o),this.oDOMDetailsIcon.name=t.tooltipIcon||l.default.zgHeadCell.infoTooltipType,this.oTrigger=this.oDOMDetailsIcon):(this.oDOMDetailsIcon.removeAttribute("position"),this.oDOMDetailsIcon.name=null,this.oTrigger=this),this.setAttribute(l.default.zgTooltip.iconPositionAttr,o);const n=t.tooltipType||"default";this.setAttribute(l.default.zgTooltip.typeAttr,n),this.sTooltipContent=e._getTooltipContent("Header",this.oTooltipOptions);const r=this.bIsInfoTooltip&&this.oTooltipOptions.tooltipAction===l.default.zgTooltip.actionTypeClick;r&&this.setAttribute(l.default.zgTooltip.actionAttr,l.default.zgTooltip.actionTypeClick),(this.bIsInfoTooltip||""!==this.MATCHED_COLUMN._oParsedColumnMapping.sColumnHeaderText)&&e._initTooltipTriggers(this.oTrigger,this,r)}}}_setTooltipPosition(){const e=this.oTooltipOptions,t=this.oTrigger.getBoundingClientRect(),o=this.ZG.getBoundingClientRect(),n=this.ZG.oDOMTooltip,r={left:t.left-o.left,top:t.top-o.top},a=window.getComputedStyle(this).getPropertyValue("padding-left");let i=parseInt(a.replace(/px/,""));const s=null!==this.oDOMIcon.getAttribute(l.default.attr.name),d=this.querySelector(`[${l.default.zgCell.cellIndexAttr}]`),c="bottom"===e.tooltipPosition,h="right"===e.tooltipPosition,u="left"===e.tooltipPosition,g="top"===e.tooltipPosition||!e.tooltipPosition||!c&&!h&&!u;let p=this.getAttribute(l.default.attr.align)||"left";if("rtl"===this.getAttribute("dir")&&"left"===p&&(p="right"),!this.bIsInfoTooltip&&("center"===p||"right"===p)){const e=(d.querySelector("span")||d).getBoundingClientRect();r.left=e.left-o.left,u?r.left-=i:h&&(r.left+=e.width)}if(this.hasAttribute(l.default.zgHeadCell.isContentLongerAttr)?n.setAttribute(l.default.zgHeadCell.isContentLongerAttr,""):n.removeAttribute(l.default.zgHeadCell.isContentLongerAttr),!this.bIsInfoTooltip&&(g||c)&&(Number.isInteger(i)&&"left"===p&&(r.left+=i),s)){const e=this.oDOMIcon.getBoundingClientRect().width;r.left+=i+e}if(h&&"left"===p&&!this.bIsInfoTooltip){const e=d.getBoundingClientRect().width,t=s?this.oDOMIcon.getBoundingClientRect().width:0;r.left+=i+t+e}else h&&this.bIsInfoTooltip&&(r.left+=t.width);return(h||u)&&(r.top+=t.height/2),c&&(r.top+=t.height),r}_resetTooltip(){this.removeAttribute(l.default.zgTooltip.iconPositionAttr),this.removeAttribute(l.default.zgTooltip.typeAttr),this.oDOMDetailsIcon&&(this.oDOMDetailsIcon.removeAttribute("position"),this.oDOMDetailsIcon.name=""),this.sTooltipContent=null,this.fnUnMouseLeave&&(this.fnUnMouseLeave(),this.fnUnMouseEnter(),this.fnUnMouseEnter=null,this.fnUnMouseLeave=null),this.fnUnClick&&(this.fnUnClick(),this.fnUnClick=null)}_toggleCellSorted({cell:e}){return(e.getAttribute("cellindex")||e.cellIndex).toString()===this.SORTED_HEAD_CELL_INDEX.toString()?e.setAttribute(l.default.attr.sorted,""):e.removeAttribute(l.default.attr.sorted)}disconnectedCallback(){super.disconnectedCallback(),this._resetTooltip(),this.oDOMDetailsIcon=null,this.oDOMIcon=null,this.COLUMNS=null,this.MATCHED_COLUMN=null,this.BODY_ROWS=null,this.HEAD_ROWS=null,this.FOOT_ROWS=null,this.SORTED_HEAD_CELL=null,this.oResizeHandler=null,this.oTooltipOptions=null,this.oTrigger=null}}n.Z._registerElement(h,g);const p=g},5468:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(1395),a=o.n(r),i=o(9878),s=o.n(i),l=o(8419);o(3605);const d="zg-head",c={};class h extends n.Z{init(){super.init(d,s(),a(),c)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.setAttribute(l.default.attr.role,"rowgroup"),this.ZG.layout&&this.ZG.layout.length&&(this.layout=this.ZG.layout)}disconnectedCallback(){super.disconnectedCallback(),this.layout=null}}n.Z._registerElement(d,h);const u=h},8433:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>h});var n=o(697),r=o(3175),a=o.n(r),i=o(4386),s=o.n(i);const l="zg-header",d={};class c extends n.Z{init(){super.init(l,s(),a(),d)}ready(){super.ready(),this.widget=this._getHostContext()}}n.Z._registerElement(l,c);const h=c},3837:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>b});var n=o(697),r=o(6675),a=o.n(r),i=o(4914),s=o.n(i),l=o(8419),d=o(3605),c=o(6919),h=o(1724);const{translate:u}=d,g="zg-icon",p=d.SV(a(),s()),m={name:{bReflectToAttribute:!0,type:String}};n.Z.getObservedAtts(m);class f extends n.Z{init(){super.init(g,s(),a(),m,p)}ready(){if(super.ready(),this.widget=this._getHostContext(),!this.widget)return;this.ZG=this.widget.webcomponent,this.allowedTypes=l.default.iconSet.allowedTypes,this.vendor=this.ZG.iconSet,this.vendor&&this.vendor.toLowerCase(),this.inShadow=d.MA(this),this.widget.aIcons.push(this),this.setIcon(this.name);const e=d.MV(this,l.default.zgCaption.tagName),t=d.MV(this,l.default.zgButton.tagName);e&&!t&&this.setAttribute(l.default.attr.internalcaption,"")}changeVendor(e){this.vendor=e||null;let t=this._oShadowRoot.querySelector('slot[name="icon"]').assignedNodes();t.length&&t.forEach((e=>this.removeChild(e))),this.name&&this.setVendor(this.name)}setIcon(e){e?this.vendor?this.setVendor(e):this.setSvg(e):this.currSvg&&(this.currSvg.innerHTML="")}setSvg(e){const t=d.rO(1,1e6);this.svgId=`svg-${t}`,this.svgSrc=null,this.currSvg=null,this.targetSvg=null;let o=this.querySelector("svg");o||(o=document.createElementNS("http://www.w3.org/2000/svg","svg"),o.id=this.svgId,o.setAttribute("slot","icon"),o.setAttribute("viewBox","0 0 24 24"),"deselect"===e&&o.setAttribute("no-fill",""),this.appendChild(o)),this.currSvg=o,this._setIconNew(e)}setVendor(e){const t=Object.keys(this.allowedTypes).filter((e=>this.allowedTypes[e].indexOf(this.vendor)>-1))[0];if(t)try{this[`_setVendor${t.charAt(0).toUpperCase()}${t.slice(1)}`](e)}catch(t){this.setSvg(e);const o={icon:"error",state:"error",msg:u({msg:c.default.get("iconSet.invalidVendorMethod",this.widget),vars:[l.default.zgIcon.attr,this.vendor]})};this.widget.statusManager.setStatus(o)}else{this.setSvg(e);const t={icon:"error",state:"error",msg:u({msg:c.default.get("iconSet.invalidVendor",this.widget),vars:[l.default.zgIcon.attr]})};this.widget.statusManager.setStatus(t)}}_setVendorCustom(e){const t=this.ZG.iconSetDataMap[e]||"N/A";this.insertAdjacentHTML("afterbegin",t)}_setVendorFontAwesome(e){const t=this,o=h.default.prefix2.length;if(e.slice(0,o)===h.default.prefix2)n(e);else{const t=this._getMappedName(e,h.default.map);t.matched?n(t.name):this.setSvg(e)}function n(e){const o=t.querySelector("i")||document.createElement("i");o.className="",-1!==e.indexOf("square")?o.classList.add("far"):o.classList.add("fas"),o.classList.add(e),o.parentNode||(o.slot=l.default.zgIcon.slotIcon,t.appendChild(o))}}_getMappedName(e,t){const o=t[Object.keys(t).filter((t=>t===e))];return{name:o||e,matched:!!o}}_setIconNew(e){if(e&&!this.widget.webcomponent.bWaitingForIcons&&"#"!==(e=0===e.indexOf("#")?e:`#${e}`)&&"string"==typeof e&&e[1].toLowerCase()!==e[1].toUpperCase()&&this.currSvg&&this.ZG.themeSVG){if(this.targetSvg=this.ZG.themeSVG.querySelector(e),!this.targetSvg)return;this.TARGET_SVG_CLONE=this.targetSvg.cloneNode(!0),this.currSvg.innerHTML="",this.TARGET_SVG_CLONE&&this.TARGET_SVG_CLONE.children&&[...this.TARGET_SVG_CLONE.children].forEach((e=>{this.currSvg.appendChild(e)}))}}_propertyHandler(e,t,o){return o=super._propertyHandler(e,t,o),"name"===e&&this.bReady&&this.setIcon(o),o}disconnectedCallback(){super.disconnectedCallback(),this.currSvg=null,this.targetSvg=null,this.TARGET_SVG_CLONE=null}static get observedAttributes(){return n.Z.getObservedAtts(m)}}n.Z._registerElement(g,f);const b=f},2081:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>p});var n=o(2816),r=o(697),a=o(845),i=o.n(a),s=o(4407),l=o.n(s),d=(o(3605),o(8419));const c="zg-input",h={for:{bReflectToAttribute:!0},action:{bReflectToAttribute:!0,type:String},type:{bReflectToAttribute:!0,type:String},value:{bReflectToAttribute:!0,type:String},widget:{}},u=r.Z.getObservedAtts(h);class g extends r.Z{init(){super.init(c,l(),i(),h),this.setupRefs()}setupRefs(){this.oDOMInnerWrapper=document.createElement("input"),this.oDOMInnerWrapper.className="zg-input-input",this.oDOMInnerWrapper.slot="input",this.oDOMInnerWrapper.setAttribute(d.default.aria.label,"Current Page")}ready(){super.ready(),this.widget=this._getHostContext(),this.oDOMInnerWrapper||this.setupRefs();let e=this.querySelector(".zg-input-input");e?this.oDOMInnerWrapper=e:this.appendChild(this.oDOMInnerWrapper),this.action||(this.type&&(this.oDOMInnerWrapper.type=this.type),this.value&&(this.oDOMInnerWrapper.value=this.value)),setTimeout((()=>{this.widget.bDisconnect||this._updateCurrentPageWidth(this.widget)}),0),this.postRenderOns()}postRenderOns(){this.on("keydown",this.onKeyDown,this,{},!1),this.fnUnKeyDown=n.Z.get(this.oDOMInnerWrapper).on("keydown",this.onInputKeyDown,this,{},!1)}onInputKeyDown(e,t){let o=e.nCharCode;if(this.action)switch(o){case e.ENTER:this.value=this.oDOMInnerWrapper.value,this.focus(),e.stopEvent(),e.stopImmediatePropagation();break;case e.RIGHT:case e.LEFT:e.stopEvent(),e.stopImmediatePropagation()}}onKeyDown(e,t){let o,n,r=e.nCharCode,a=parseInt(this.oDOMInnerWrapper.value,10);if(this.action)switch((null===a||isNaN(a))&&(a=0),"currpage"===this.action&&(o=1,n=this.widget.getPageCount()),e.stopPropagation(),r){case e.ENTER:this.oDOMInnerWrapper.focus(),this.value=this.oDOMInnerWrapper.value,e.stopEvent(),e.stopImmediatePropagation();break;case e.UP:a<n&&(this.oDOMInnerWrapper.value=a+1,this.value=this.oDOMInnerWrapper.value),e.stopEvent(),e.stopImmediatePropagation();break;case e.DOWN:a>o&&(this.oDOMInnerWrapper.value=a-1,this.value=this.oDOMInnerWrapper.value),e.stopEvent(),e.stopImmediatePropagation()}}updateInfo(e,t){t=t||this.action,e=e||this.widget;let o=this.oDOMInnerWrapper,n=e.getCurrPageIdx();if("currpage"===t)this._updateCurrentPageWidth(e),o.value=n+1}_propertyHandler(e,t,o){return o=super._propertyHandler(e,t,o),this.bReady&&("value"===e&&(this._updateDOMValue(o),this.fire("valuechanged",o)),"type"!==e||this.action||(o?this.oDOMInnerWrapper.type=o:this.oDOMInnerWrapper.removeAttribute("type"))),o}_updateBinding(e,t,o,n){if(e&&o&&(this.fnUnSubscribe(),this.fnUnNotify(),this.fnUnKeyDown&&this.fnUnKeyDown()),t&&(this.updateInfo(t,n),"currpage"===n))this.fnUnSubscribe=t.on(d.default.event.updated,this.updateInfo,this),this.fnUnNotify=this.on("valuechanged",((e,o)=>{t.setCurrPageIdx(o-1)})),this._updateCurrentPageWidth(t)}_updateCurrentPageWidth(e){const t=e.webcomponent.querySelector('[value="pagecount"]');if(!t||!this.action)return;const o=t.getBoundingClientRect().width;this.style.setProperty("width",`var(--zg-input-width, ${o+15}px)`)}_updateDOMValue(e){"currpage"===this.action&&(e=parseInt(e,10)),this.oDOMInnerWrapper.value=e}disconnectedCallback(){super.disconnectedCallback(),this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnNotify&&this.fnUnNotify(),this.fnUnKeyDown&&this.fnUnKeyDown(),this.un("keydown",this.onKeyDown,this),this.cleanElement("oDOMInnerWrapper")}static get observedAttributes(){return u}}r.Z._registerElement(c,g);const p=g},2800:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(2397),a=o.n(r),i=o(9674),s=o.n(i),l=o(8419);const d="zg-layout-controls",c={};n.Z.getObservedAtts(c);class h extends n.Z{init(){super.init(d,s(),a(),c)}ready(){if(super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.setAttribute(l.default.attr.role,"toolbar"),!this.children.length||1===this.children.length){document.createElement(l.default.zgText.tagName).textContent="Cards:";const e=document.createElement(l.default.zgButton.tagName);e.setAttribute(l.default.attr.datafocus,""),e.action="layoutrow";const t=document.createElement(l.default.zgButton.tagName);t.setAttribute(l.default.attr.datafocus,""),t.action="layoutcard",this.appendChild(t),this.appendChild(e)}}ons(){}disconnectedCallback(){super.disconnectedCallback()}static get observedAttributes(){return n.Z.getObservedAtts(c)}}n.Z._registerElement(d,h);const u=h},876:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(6516),a=o.n(r),i=o(172),s=o.n(i),l=o(8419),d=o(6919);const c=l.default.zgLoadMask.tagName,h={};class u extends n.Z{init(){super.init(c,s(),a(),h)}ready(){super.ready(),this.setAttribute(l.default.attr.hidden,""),this.customOns()}customOns(){this.widget.store.on("loading",this.loading,this),this.widget.store.on("loaded",this.loaded,this)}updateText(){this.loadingText&&(this.loadingText.textContent=this.widget.webcomponent.loadingText||d.default.get("loadMask.title",this.widget,{element:this.loadingText,elProperty:"textContent"}))}default(){const e=document.createElement("span"),t=e.cloneNode(!0);t.classList.add("default-wrap");const o=e.cloneNode(!0);o.classList.add("loading-text"),o.textContent=this.widget.webcomponent.loadingText||d.default.get("loadMask.title",this.widget,{element:o,elProperty:"textContent"}),t.appendChild(o),this.loadingText=o;const n=e.cloneNode(!0);let r;n.classList.add("animation-wrap"),r=e.cloneNode(!0),r.classList.add("animation-dot"),n.appendChild(r),t.appendChild(n),this.shadowRoot.appendChild(t)}loading(){let e=this.widget,t=e.store,o=e.webcomponent,n=t.oDataFormat.bLoadByScroll&&e.nCurrPageIdx;this.updateText(),o.loadmask&&"disabled"===o.loadmask||t.bHasLoaded&&!e.bUpdatingSize||n||e.bPreloaded||(this.widget.webcomponent.setAttribute("loading",!0),this.setXY(0,0),this._show())}loaded(){this._hide(),this.widget.webcomponent.removeAttribute(l.default.attr.loading)}}n.Z._registerElement(c,u);const g=u},6665:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(3251),a=o.n(r),i=o(2854),s=o.n(i);const l=o(8419).default.zgMenuGroup.tagName,d={},c=n.Z.getObservedAtts(d);class h extends n.Z{init(){super.init(l,s(),a(),d)}ready(){super.ready(),this.widget=this._getHostContext(),"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl")}ons(){}static get observedAttributes(){return c}}n.Z._registerElement(l,h);const u=h},2040:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(7189),a=o.n(r),i=o(2312),s=o.n(i),l=o(8419);const d="zg-menu-item",c={},h=n.Z.getObservedAtts(c);class u extends n.Z{init(){super.init(d,s(),a(),c)}ready(){this.bAdded||(super.ready(),this.widget=this._getHostContext(),this.setAttribute("tabindex",-1),this.getAttribute(l.default.attr.role)||this.setAttribute(l.default.attr.role,"menuitem"),this.bAdded=!0)}ons(){this.on("mouseenter",this.togglePseudoClass),this.on("mouseleave",this.togglePseudoClass),this.on("click",this.onClick,this),this.on("contextmenu",this.onContextMenu,this,{},!1),this.on("mousedown",this.onMouseDown,this),this.on("keydown",this.onKeyDown,this,{},!1)}checkMenuItemFocus(e){let t=!0,o=e.tagName.toLowerCase(),n=e.querySelector("zg-button");return"zg-menu-item"!==o&&"zg-menu-group"!==o&&(t=!1),e.hidden&&(t=!1),n&&n.disabled&&(t=!1),t}changeFocus(e){let t=this,o=this,n=1;if(this.menuGroup&&(t=this.menuGroup,o=this),"down"===e)for(;n++&&(t=t.nextElementSibling,t||(t=this.menu.firstElementChild),!(this.checkMenuItemFocus(t)||n>50)););else if("up"===e)for(;n++&&(t=t.previousElementSibling,t||(t=this.menu.lastElementChild),!(this.checkMenuItemFocus(t)||n>50)););else if("right"===e)if(this.menuGroup){for(;n++&&(o=o.nextElementSibling,o||(o=this.menuGroup.firstElementChild),!(this.checkMenuItemFocus(o)||n>50)););t=o}else this.menuManager.closeMenu();else if("left"===e&&this.menuGroup){for(;n++&&(o=o.previousElementSibling,o||(o=this.menuGroup.lastElementChild),!(this.checkMenuItemFocus(o)||n>50)););t=o}"zg-menu-group"===t.tagName.toLowerCase()&&(t=t.querySelector(`${l.default.zgMenuItem.tagName}:not([hidden]`)),t&&t.focus()}onKeyDown(e){let t=!1;switch(e.nCharCode){case e.UP:this.changeFocus("up");break;case e.DOWN:this.changeFocus("down");break;case e.RIGHT:this.changeFocus("right");break;case e.LEFT:this.changeFocus("left");break;case e.ENTER:case e.SPACE:this.onClick(e);break;case e.ESC:this.menuManager.closeMenu();break;default:t=!0}t||e.stopEvent()}onClick(e,t){const o=this.widget;let n=null,r=null,a=null,i=null,s=null,d=null,c=null,h=this.querySelector(l.default.zgButton.tagName);if(h&&h.action)return void h.click();o.menuManager&&o.menuManager.activeMenu&&(n=o.menuManager.activeCell,r=o.menuManager.activeHeader,a=o.menuManager.activeColumn,d=n.sTargetFieldIndex,c=n.sTargetRecordIndex,i=o.store.get(c,d),s=o.getDOMByIndex(n.nRowContainerIndex,n.nColumnIndex),o.menuManager.closeMenu());let u={DOMCell:s,recordIndex:c,fieldIndex:d,data:i,grid:o.webcomponent,cell:n,header:r,column:a};o.emitEvent("menu:click",{ZGEvent:e,ZGTarget:this,ZGData:u})}onContextMenu(e,t){e.preventDefault()}onMouseDown(e,t){}disconnectedCallback(){super.disconnectedCallback(),this.menu=null,this.menuGroup=null,this.menuManager=null}static get observedAttributes(){return h}}n.Z._registerElement(d,u);const g=u},9327:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(6528),a=o.n(r),i=o(6513),s=o.n(i),l=o(8419);const d="zg-menu",c={replace:{bReflectToAttribute:!0,type:Boolean},widget:{}},h=n.Z.getObservedAtts(c);class u extends n.Z{init(){super.init(d,s(),a(),c)}ready(){super.ready(),this.widget=this._getHostContext(),this.setAttribute(l.default.attr.role,"menu")}static get observedAttributes(){return h}}n.Z._registerElement(d,u);const g=u},7326:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(1516),a=o.n(r),i=o(2501),s=o.n(i),l=o(8419);const d="zg-no-data",c={},h=n.Z.getObservedAtts(c);class u extends n.Z{init(){super.init(d,s(),a(),c)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.widget.on(l.default.event.updated,this.updateInfo,this)}updateInfo(){const e=this.widget,t=e.store.getOriginRecordCount()||e.getRowCount()||e.aTopRowMapping.length||e.aBottomRowMapping.length,o=e.mainColumnBody.oBody;t?(o.removeAttribute(l.default.zgNoData.attr),this.removeAttribute(l.default.zgNoData.attr)):(o.setAttribute(l.default.zgNoData.attr,""),this.setAttribute(l.default.zgNoData.attr,""))}clearInfo(){if(!this.widget||!this.widget.mainColumnBody)return;this.widget.mainColumnBody.oBody.removeAttribute(l.default.zgNoData.attr),this.removeAttribute(l.default.zgNoData.attr)}static get observedAttributes(){return h}}n.Z._registerElement(d,u);const g=u},4347:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>h});var n=o(697),r=o(3645),a=o.n(r),i=o(6089),s=o.n(i);const l="zg-option-list",d={hidden:{bReflectToAttribute:!0,type:Boolean},options:{bReflectToAttribute:!0,type:String}};class c extends n.Z{init(){super.init(l,s(),a(),d)}ready(){super.ready(),this.widget=this._getHostContext(),"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl")}ons(){this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnSubscribe=this.on("keydown",this.onKeyDown,this,{},!1)}bIsHidden(){return this.hidden}changeOptions(e){this.options=e}_hide(){this.hidden=!0}_propertyHandler(e,t,o){switch(o=super._propertyHandler(e,t,o),e){case"hidden":break;case"options":this.innerHTML="";const e=document.createElement("span");e.tabIndex=-1,o?(this.parentNode&&this.parentNode.removeAttribute("disabled"),o.split(",").forEach((t=>{let o=e.cloneNode(!1),n=parseInt(t,10);!isNaN(n)&&n>0&&(o.textContent=n,this.appendChild(o))}))):this.parentNode&&this.parentNode.setAttribute("disabled","")}return o}_show(){let e=this.widget.getPageSize(),t=this.querySelectorAll("span");if(this.hidden=!1,this.focused=null,!this.widget.isStorybook("select")&&![...t].some((t=>t.innerHTML==e&&(t.focus(),this.focused=t,!0)))&&t.length){let e=t[0];e.focus(),this.focused=e}}changeFocus(e,t){let o=this.focused;t===e.UP?(o=o.previousElementSibling,o||(o=this.focused.parentNode.lastElementChild)):t===e.DOWN&&(o=o.nextElementSibling,o||(o=this.focused.parentNode.firstElementChild)),o&&(o.focus(),this.focused=o)}onKeyDown(e){let t=e.nCharCode,o=!1;switch(t){case e.UP:case e.DOWN:this.changeFocus(e,t);break;case e.RIGHT:this.parentNode.toggleList();break;case e.ENTER:case e.SPACE:this.focused&&this.focused.click();break;default:o=!0}o||e.stopEvent()}disconnectedCallback(){super.disconnectedCallback(),this.options=null,this.focused=null}}n.Z._registerElement(l,c);const h=c},7996:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>f});var n=o(697),r=o(3826),a=o.n(r),i=o(3476),s=o.n(i),l=o(3605),d=o(8419),c=o(6919);const{stripComments:h}=l.String,u="zg-pager",g={widget:{},pageSize:{type:Number,bReflectToAttribute:!0},pageSizeCard:{type:Number,bReflectToAttribute:!0},pageSizeRow:{type:Number,bReflectToAttribute:!0},pagerType:{bReflectToAttribute:!0,type:String},pagerButtonLimit:{type:Number,bReflectToAttribute:!0},position:{bReflectToAttribute:!0,type:String},sizeOptions:{bReflectToAttribute:!0,type:String}},p=n.Z.getObservedAtts(g);class m extends n.Z{init(){super.init(u,s(),a(),g)}ready(){super.ready(),this.widget=this._getHostContext();let e=this.widget.webcomponent;if(!this.widget.bPreloaded){if(this._updateContents(),this.parentNode===this.widget.webcomponent&&this._attachPosition(this.position||e.getAttribute("pager-position")),this.bHasChildNode)return;this.sizeOptions&&this.updateSize(this.sizeOptions),(this.pageSize||this.pageSizeRow||this.pageSizeCard)&&this.widget.calculatePageSize(),e.getAttribute(d.default.viewport.attr)&&this.setAttribute(d.default.viewport.attr,e.getAttribute(d.default.viewport.attr)),(e.getAttribute(d.default.viewport.pauseAttr)||""===e.getAttribute(d.default.viewport.pauseAttr))&&this.setAttribute(d.default.viewport.pauseAttr,""),(e.getAttribute(d.default.viewport.stopAttr)||""===e.getAttribute(d.default.viewport.stopAttr))&&this.setAttribute(d.default.viewport.stopAttr,""),e.layout&&e.layout.length&&this.setAttribute(d.default.zgLayout.attr,e.layout)}"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl"),this.widget.on(d.default.event.updated,(()=>{this.pagerType&&this._updateContents()}),this)}updateSize(e){let t=this.querySelector('zg-select[action="pagesize"]');if(t&&(t.setAttribute("options",e),this.widget&&!this.widget.bUserPageSize&&e)){let t=e.split(","),o=parseInt(t[t.length-1],10);isNaN(o)||this.widget.setPageSize(o,void 0,!this.widget.bAPIReady)}}_propertyHandler(e,t,o){if(o=super._propertyHandler(e,t,o),this.bReady)switch(e){case"pageSize":case"pageSizeRow":case"pageSizeCard":this.widget.calculatePageSize(null,!0,e,o);break;case"sizeOptions":this.updateSize(o);break;case"pagerType":this._updateContents(this.cursor,o,this.pagerButtonLimit);break;case"pagerButtonLimit":this._updateContents(this.cursor,this.pagerType,o);break;case"position":this._attachPosition(o)}return o}_updateContents(e,t,o){const n=this.widget;if(this.bHasChildNode||!n)return;void 0===t&&(t=this.pagerType),o=null===o?d.default.zgPager.defaultButtonLimit:o||this.pagerButtonLimit||d.default.zgPager.defaultButtonLimit;const r=`\n      <zg-select ${d.default.attr.datafocus} slot="left" action="pagesize" options="5,10,50"></zg-select>\n      <zg-button ${d.default.attr.datafocus} slot="left" action="reload"></zg-button>\n    `,a='\n      <zg-text slot="right" text="rows"></zg-text>\n      <zg-text slot="right" value="startrow"></zg-text>\n      <zg-text slot="right">-</zg-text>\n      <zg-text slot="right" value="endrow"></zg-text>\n      <zg-text slot="right" text="pageOf"></zg-text>\n      <zg-text slot="right" value="rowcount"></zg-text>\n    ',i=n.getPageCount(),s=n.getCurrPageIdx(),h=Math.min(o,i);let u=0,g=0;if(h){const e=Math.floor(h/2),t=h%2;t&&s<=e||!t&&s<e?(u=0,g=h-1):s+e+1>i?(g=i-1,u=g-h+1):(u=s-e,g=s+e,t||u++)}let p="";for(let e=u;e<=g;e++)p+=`\n        <zg-button page-index=${e} ${d.default.attr.datafocus} slot="center" action="page">\n          <span slot="icon"></span>\n          <span slot="label">${e+1}</span>\n        </zg-button>\n      `;let m=`\n      ${r}\n      <zg-button ${d.default.attr.datafocus} slot="center" action="firstpage"></zg-button>\n      <zg-button ${d.default.attr.datafocus} slot="center" action="prevpage"></zg-button>\n      <zg-text slot="center" text="page"></zg-text>\n      <zg-input ${d.default.attr.datafocus} slot="center" action="currpage"></zg-input>\n      <zg-text slot="center" text="pageOf"></zg-text>\n      <zg-text slot="center" value="pagecount"></zg-text>\n      <zg-button ${d.default.attr.datafocus} slot="center" action="nextpage"></zg-button>\n      <zg-button ${d.default.attr.datafocus} slot="center" action="lastpage"></zg-button>\n      ${a}\n    `,f=`\n      ${r}\n      <zg-button ${d.default.attr.datafocus} slot="center" action="prevpage" type="cursor"></zg-button>\n      <zg-button ${d.default.attr.datafocus} slot="center" action="nextpage" type="cursor"></zg-button>\n    `,b=`\n      ${r}\n      <zg-button ${d.default.attr.datafocus} slot="center" action="prevpage"></zg-button>\n      ${p}\n      <zg-button ${d.default.attr.datafocus} slot="center" action="nextpage"></zg-button>\n      ${a}\n    `,v=`\n      ${r}\n      <zg-button ${d.default.attr.datafocus} slot="center" action="prevpage">\n        <span slot="icon"></span>\n        <span slot="label">${c.default.get("pagination.pagePrev")}</span>\n      </zg-button>\n      ${p}\n      <zg-button ${d.default.attr.datafocus} slot="center" action="nextpage">\n        <span slot="icon"></span>\n        <span slot="label">${c.default.get("pagination.pageNext")}</span>\n      </zg-button>\n      ${a}\n    `;if(t){const e=t===d.default.zgPager.buttonTextType?v:b;this.oDOMDefaultPagerFrag=(0,l.W2)(e)}else if(this.widget){let t=e||this.widget.store.oDataFormat.bCursor||this.widget.store.oDataFormat.bLoadByPages&&this.widget.store.oDataFormat.bStartAtValue;[...this.querySelectorAll("[slot]")].forEach((e=>e.remove())),t?this.setAttribute(d.default.attr.type,d.default.zgPager.cursorAttr):this.removeAttribute(d.default.attr.type);const o=t?f:m;this.oDOMDefaultPagerFrag=(0,l.W2)(o)}this.innerHTML="",this.appendChild(this.oDOMDefaultPagerFrag),this.querySelectorAll("zg-text[text]").forEach((e=>{let t=e.getAttribute("text");e.innerHTML=c.default.get(`pagination.${t}`,this.widget,{element:e,elProperty:"innerHTML"})}))}_attachPosition(e){"both"!==e&&(e&&"top"===e?(this.setAttribute("slot","top"),this.widget.webcomponent.oTopPager=this):(this.setAttribute("slot","pager"),this.widget.webcomponent.oBottomPager=this))}disconnectedCallback(){super.disconnectedCallback(),this.oDOMDefaultPagerFrag=null}static get observedAttributes(){return p}}n.Z._registerElement(u,m);const f=m},3534:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(629),a=o.n(r),i=o(5150),s=o.n(i),l=o(8419);const d="zg-param",c={name:{type:String,bReflectToAttribute:!0},value:{type:String,bReflectToAttribute:!0},widget:{}},h=n.Z.getObservedAtts(c);class u extends n.Z{init(){super.init(d,s(),a(),c)}ready(){super.ready(),this.widget=this._getHostContext(),this.parentNode&&"zg-data"===this.parentNode.tagName.toLowerCase()&&(this.oDOMData=this.parentNode),this.setAttribute(l.default.attr.hidden,""),this.oDOMData&&0===this.oDOMData.nCheckedParams&&this.reload()}_attributeHandler(e,t,o){return super._attributeHandler(e,t,o),this.bReady&&this.widget&&this.reload(),o}reload(){let e=this.oDOMData;e&&this.widget.store.debounceLoadData(e.options,this.widget.webcomponent.params,null,!0)}disconnectedCallback(){super.disconnectedCallback(),this.bReady&&this.widget&&!this.widget.bDisconnect?this.reload():this.oDOMData=null}static get observedAttributes(){return h}}n.Z._registerElement(d,u);const g=u},5678:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>p});var n=o(697),r=o(3171),a=o.n(r),i=o(9457),s=o.n(i),l=o(8419),d=o(3605);const c="zg-row",h=d.SV(a(),s()),u={};class g extends n.Z{init(){super.init(c,s(),a(),u,h),this.bodyRowIndex=null}ready(){this.widget=this.widget||this._getHostContext(),super.ready(),this.ZG=this.widget.webcomponent,this.setAttribute(l.default.attr.role,"row");const e=d.Uh(this.ZG.getAttribute("layout"))?this.ZG.getAttribute("layout"):this.parentNode.getAttribute("layout");if(e&&e.length){this.setAttribute(l.default.zgLayout.attr,e);e===l.default.zgLayout.typeCard&&this.widget.hasCardTemplate()&&this.setAttribute(l.default.zgLayout.cardTplAttr,"")}if(this.ZG.gridlines){const e=this.ZG.gridlines.toLowerCase();"both"!==e&&"vert"!==e&&"vertical"!==e||this.setAttribute(l.default.attr.gridlinesvert,""),"both"!==e&&"horz"!==e&&"horizontal"!==e||this.setAttribute(l.default.attr.gridlineshorz,"")}const t=this.parentNode?this.parentNode.id:"";-1!==t.indexOf("left")?this.setAttribute(l.default.attr.frozenframe,"left"):-1!==t.indexOf("right")&&this.setAttribute(l.default.attr.frozenframe,"right")}ons(){const e=this.widget;this.on("mouseover",this.onMouseOver,this),this.on("mouseout",this.onMouseOut,this),e.on("layoutchange",(()=>e.currentHighlightedRowIndex=null))}onMouseOver(e,t){const o=this.widget;if(o.hasFrozenColumns()&&o.currentHighlightedRowIndex!==this.rowIndex){const e=window.getComputedStyle(this),t=this.getAttribute("aria-rowindex"),n=e.getPropertyValue("background-color"),r=e.getPropertyValue("color"),a=o.webcomponent.querySelectorAll(`zg-row[aria-rowindex="${t}"]`);a.forEach((e=>{e.style.backgroundColor=n,e.style.color=r})),o.currentHighlightedRows&&o.currentHighlightedRows.forEach((e=>{e.style.backgroundColor="",e.style.color=""})),o.currentHighlightedRows=a,o.currentHighlightedRowIndex=this.rowIndex}}onMouseOut(e,t){const o=this.widget;o.currentHighlightedRows&&o.currentHighlightedRows.forEach((e=>{e.style.backgroundColor="",e.style.color=""})),o.currentHighlightedRows=null,o.currentHighlightedRowIndex=null}setBodyIndexes(e){const t=this.widget,o=t.getAllHeaderDepth();this.bodyRowIndex=e,this.dataRowIndex=e+t.nTopFrozenRows,this.rowIndex=e+o,this.setAttribute(l.default.aria.rowIndex,e+o+1)}get rowIndex(){return this._rowIndex}set rowIndex(e){this._rowIndex=e}disconnectedCallback(){super.disconnectedCallback()}}n.Z._registerElement(c,g);const p=g},4158:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>p});var n=o(697),r=o(2816),a=o(8781),i=o.n(a),s=o(1607),l=o.n(s),d=o(8419),c=o(6919);const h="zg-search",u={};n.Z.getObservedAtts(u);class g extends n.Z{init(){super.init(h,l(),i(),u)}ready(){let e;if(super.ready(),this.widget=this._getHostContext(),this.widget){if(this.ZG=this.widget.webcomponent,this.$search=this.widget.search,this.oDOMCaption=this.ZG.querySelector("zg-caption"),this.bSearching=!1,this.searchBarVisible=!1,this.oDOMButton=this.querySelector(d.default.zgButton.tagName),!this.widget.bPreloaded&&!this.oDOMButton){e=document.createElement(d.default.zgButton.tagName),e.slot="button",e.action="search",e.setAttribute(d.default.attr.datafocus,"");const t=document.createElement("input");t.slot="input",t.type="search";const o=c.default.get("tools.search",this.widget,{element:t,elProperty:"placeholder"});t.placeholder=o,t.setAttribute(d.default.aria.label,o),this.appendChild(e),this.appendChild(t),this.oDOMInput=this.querySelector("input")}this.oDOMInput=this.querySelector("input"),this.oDOMButton||(this.unsubBlur=r.Z.get(this.oDOMInput).on("blur",(e=>this.searchBtnClickToggle(e)),this),this.unsubKD=r.Z.get(this.oDOMInput).on("keydown",this.onKeyDown,this,{},!1),this.oDOMButton=e)}}clearSearch(){this.oDOMInput.value=""}triggerSearch(){const e=this.widget;let t=this.oDOMInput.value;e.fire("beforesearch"),e.bodyUpdate(!0,!0);const o={searchTerm:t};e.filter.aFiltered&&(o.searchResults=e.filter.aFiltered,o.searchCount=e.filter.aFiltered.length),e.fire("search",o)}debounceSearch(e){let t=d.default.search.threshold,o=this.latestTime=setTimeout((()=>{o===this.latestTime&&this.triggerSearch()}),t)}ons(){this.unsubInput=this.on("input",this.debounceSearch)}uns(){this.unsubInput&&this.unsubInput(),this.unsubBlur&&this.unsubBlur(),this.unsubKD&&this.unsubKD()}searchBtnClickToggle(e,t){this.widget.editorManager.activeCellEdit&&this.widget.editorManager.closeEditor(),this.searchBarVisible=!this.searchBarVisible,this.searchBarVisible?(this.setAttribute(d.default.attr.active,""),t||this.oDOMInput.focus()):(this.removeAttribute(d.default.attr.active),t||this.oDOMButton.focus())}toggleSearchElement(e){e?this.removeAttribute(d.default.attr.hidden):this.setAttribute(d.default.attr.hidden,"")}onKeyDown(e){let t=e.nCharCode;t!==e.ESC&&t!==e.ENTER&&t!==e.TAB||(this.oDOMInput.blur(),e.stopEvent())}disconnectedCallback(){super.disconnectedCallback();this.cleanElements(["oDOMButton","oDOMInput"]),this.$search=null,this.oDOMCaption=null}static get observedAttributes(){return n.Z.getObservedAtts(u)}}n.Z._registerElement(h,g);const p=g},6541:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>p});var n=o(697),r=o(2816),a=o(5250),i=o.n(a),s=o(6062),l=o.n(s),d=o(8419);const c="zg-select",h={for:{bReflectToAttribute:!0},action:{bReflectToAttribute:!0,type:String},value:{bReflectToAttribute:!0,type:Number},options:{bReflectToAttribute:!0,type:String},widget:{}},u=n.Z.getObservedAtts(h);class g extends n.Z{init(){super.init(c,l(),i(),h),this.setRefs()}setRefs(){this.mask=this.shadowRoot.querySelector(".zg-selector-mask"),this.selected=document.createElement("div"),this.selected.className="zg-select-selected",this.trigger=document.createElement("div"),this.trigger.className="zg-select-trigger",this.triggerArrow=document.createElement("div"),this.triggerArrow.className="zg-select-trigger-arrow",this.oDOMOptionList=document.createElement("zg-option-list")}ready(){super.ready(),this.mask||this.setRefs();const e=this._getHostContext();this.widget===e?this._updateBinding(e,e,this.action,this.action):this.widget=e,this.closeList(),"rtl"===e.sComputedDir&&this.setAttribute("dir","rtl"),e.bPreloaded?(this.selected=this.querySelector(".zg-select-selected"),this.trigger=this.querySelector(".zg-select-trigger"),this.triggerArrow=this.querySelector(".zg-select-trigger-arrow"),this.oDOMOptionList=this.querySelector("zg-option-list")):(this.selected.slot="selected",this._appendChild(this.selected),this.trigger.slot="selected",this._appendChild(this.trigger),this.triggerArrow.slot="selected",this._appendChild(this.triggerArrow),this._appendChild(this.oDOMOptionList)),e.webcomponent.pager||"pagesize"!==this.action||(e.bCustomPageSize=!0),this.value&&(e.setPageSize(this.value),this._updateDOMValue(this.value)),this.options&&this.changeListOptions(this.options),this.postRenderOns()}postRenderOns(){this.unsubClick=this.on("click",(e=>this.toggleList(e)),this,{},!1),this.unsubKey=this.on("keydown",this.onKeyDown,this,{},!1),this.unsubOptionList=this.oDOMOptionList.on("click",((e,t)=>{e.preventDefault(),this.value=r.Z.get(t)._text()}),null,{sDelegateTo:"span"},!1),this.unsubBlur=this.on("blur",(e=>{let t=e.oBrowserEvent.relatedTarget;t&&"span"===t.tagName.toLowerCase()||this.closeList()}))}uns(){this.unsubClick&&this.unsubClick(),this.unsubOptionList&&this.unsubOptionList(),this.unsubBlur&&this.unsubBlur(),this.unsubKey&&this.unsubKey()}onKeyDown(e){let t=!1;switch(e.nCharCode){case e.ENTER:case e.SPACE:this.toggleList(e);break;default:t=!0}t||e.stopEvent()}toggleList(e){e&&e.stopEvent();const t=this.widget.webcomponent.getBoundingClientRect(),o=this.getBoundingClientRect();this._getDropdownHeight()+o.height+o.top>t.height+t.top?this.setAttribute(d.default.attr.open,"up"):this.removeAttribute(d.default.attr.open),this.oDOMOptionList.bIsHidden()?(this.setAttribute(d.default.attr.active,""),this.mask.setAttribute(d.default.attr.active,""),this.oDOMOptionList._show()):(this.removeAttribute(d.default.attr.active,""),this.mask.removeAttribute(d.default.attr.active,""),this.closeList(),this.focus())}changeListOptions(e){null!==e&&this.oDOMOptionList.changeOptions(e)}closeList(){this.oDOMOptionList._hide()}destroyList(){this._removeChild(this.oDOMOptionList)}updateInfo(e,t){if(t=t||this.action,e=e||this.widget,"pagesize"===t)this._updateDOMValue(e.getPageSize())}_getDropdownHeight(){this.oDOMOptionList.removeAttribute(d.default.attr.hidden);const e=this.oDOMOptionList.getBoundingClientRect().height;return this.oDOMOptionList.setAttribute(d.default.attr.hidden,""),e}_propertyHandler(e,t,o){if(o=super._propertyHandler(e,t,o),this.bReady)switch(e){case"value":this._updateDOMValue(o),this.fire("valuechanged",o);break;case"options":null!=o?this.changeListOptions(o):this.destroyList()}return o}_updateBinding(e,t,o,n){if(e&&o&&(this.fnUnSubscribe(),this.fnUnNotify()),t&&(this.updateInfo(t,n),"pagesize"===n))this.fnUnSubscribe=t.on(d.default.event.updated,this.updateInfo,this),this.fnUnNotify=this.on("valuechanged",((e,o)=>t.setPageSize(o)))}_updateDOMValue(e){this.selected.innerHTML=e}disconnectedCallback(){super.disconnectedCallback(),this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnNotify&&this.fnUnNotify(),this.removeChild(this.selected),this.removeChild(this.trigger),this.removeChild(this.triggerArrow),this.removeChild(this.oDOMOptionList),this.selected=null,this.mask=null,this.trigger=null,this.triggerArrow=null,this.oDOMOptionList=null}static get observedAttributes(){return u}}n.Z._registerElement(c,g);const p=g},754:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(932),a=o.n(r),i=o(5946),s=o.n(i),l=o(2816);const d="zg-selector-mask",c={};class h extends n.Z{init(){super.init(d,s(),a(),c)}ready(){super.ready(),this.oElMask=l.Z.get(this.shadowRoot.querySelector("#mask"))}draw(e){let t=this.widget;e=e||t.selector.se;let o,n,r=this.oColumnBody.el,a=e.dimension(this.oColumnBody),i=r.getXY(),s=a.xy,l=a.width,d=a.height;o=s[0]-i[0],n=s[1]-i[1]+t.nScrollTop,this.aStartXY=[o,n],this.oElMask.setXY([o,n]),this.oElMask._setStyle("width",l+"px"),this.nWidth=l,this.oElMask._setStyle("height",d+"px"),this.nHeight=d,this.showAll()}hideAll(){this.bReady&&this.oElMask&&this.oElMask._hide()}showAll(){this.oElMask&&this.oElMask._show()}disconnectedCallback(){super.disconnectedCallback(),this.oElMask=null,this.oColumnBody=null}}n.Z._registerElement(d,h);const u=h},1153:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>h});var n=o(697),r=o(129),a=o.n(r),i=o(9731),s=o.n(i);const l="zg-separator",d={};class c extends n.Z{init(){super.init(l,s(),a(),d)}}n.Z._registerElement(l,c);const h=c},7432:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(4662),a=o.n(r),i=o(2839),s=o.n(i);o(2816),o(8419),o(3605);const l="zg-source",d={position:{bReflectToAttribute:!0,type:String}},c=n.Z.getObservedAtts(d);class h extends n.Z{init(){super.init(l,s(),a(),d)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.ZG.oDOMSource||this.ZG.source||(this.ZG.oDOMSource=this,this.widget.sourceManager.initSource())}_propertyHandler(e,t,o){if(o=super._propertyHandler(e,t,o),this.bReady&&!this.bUpdatePosition&&"position"===e)this.bUpdatePosition=!0,this.widget.sourceManager.addSourceToSlot(o),this.bUpdatePosition=!1;return o}static get observedAttributes(){return c}}n.Z._registerElement(l,h);const u=h},8499:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(9812),a=o.n(r),i=o(4221),s=o.n(i),l=o(2816);const d="zg-status",c={};class h extends n.Z{init(){super.init(d,s(),a(),c)}ready(){super.ready(),this.widget=this._getHostContext(),this.oDOMDismiss=l.Z.get(this.shadowRoot.querySelector("span[close]")),this.unsubClick=this.oDOMDismiss.on("click",(()=>this.widget.statusManager.closeStatus())),this.unsubKey=this.oDOMDismiss.on("keydown",this.onKeyDown,this,{},!1)}onKeyDown(e){let t=e.nCharCode;t!==e.ENTER&&t!==e.SPACE||(this.widget.statusManager.closeStatus(),e.stopEvent())}uns(){this.unsubClick&&this.unsubClick(),this.unsubKey&&this.unsubKey()}disconnectedCallback(){super.disconnectedCallback(),this.oDOMDismiss=null}}n.Z._registerElement(d,h);const u=h},4591:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(9652),a=o.n(r),i=o(7585),s=o.n(i),l=o(8419);const d="zg-text",c={value:{bReflectToAttribute:!0,type:String},widget:{}},h=n.Z.getObservedAtts(c);class u extends n.Z{init(){super.init(d,s(),a(),c)}ready(){super.ready(),this.widget=this._getHostContext()}updateInfo(e,t){t=t||this.value;let o=(e=e||this.widget).getCurrPageIdx(),n=e.getPageSize(),r=e.store.getOriginRecordCount()||e.getRowCount(),a=r?o*n+1:0,i=(o+1)*n;switch(i>r&&(i=r),t){case"currpage":this.textContent=e.getCurrPageIdx()+1;break;case"pagecount":this.textContent=Math.max(e.getPageCount(),1);break;case"pagesize":this.textContent=e.getPageSize();break;case"startrow":this.textContent=a;break;case"endrow":this.textContent=i;break;case"rowcount":this.textContent=r}}_updateBinding(e,t,o,n){if(e&&o&&this.fnUnSubscribe(),t)switch(this.updateInfo(t,n),n){case"currpage":case"pagecount":case"pagesize":case"startrow":case"endrow":case"rowcount":this.fnUnSubscribe=t.on(l.default.event.updated,this.updateInfo,this)}}static get observedAttributes(){return h}}n.Z._registerElement(d,u);const g=u},979:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(7293),a=o.n(r),i=o(8219),s=o.n(i),l=o(8419),d=(o(3605),o(2816));const c="zg-tooltip",h={};class u extends n.Z{init(){super.init(c,s(),a(),h)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.setAttribute(l.default.attr.role,"tooltip"),this.setAttribute(l.default.attr.hidden,""),this.oDOMCloseButton=this.shadowRoot.querySelector(".zg-tooltip-close"),this.fnUnClick=d.Z.get(this.oDOMCloseButton).on("click",this._hideTarget,this,{},!1)}uns(){this.fnUnClick&&this.fnUnClick()}_setAttributes(e){const t=e.oTooltipOptions,o=this._checkPosition(t.tooltipPosition),n=t.tooltipType||"default",r=t.tooltipAction||"hover",a=e.bIsInfoTooltip;this.setAttribute(l.default.zgTooltip.typeAttr,n),this.setAttribute(l.default.zgTooltip.positionAttr,o),this.setAttribute(l.default.zgTooltip.actionAttr,r),a?this.removeAttribute(l.default.zgTooltip.noInfoIconAttr):this.setAttribute(l.default.zgTooltip.noInfoIconAttr,"")}_checkPosition(e){return["top","left","right","bottom"].indexOf(e)>=0?e:"top"}_hideTarget(){this.setAttribute(l.default.attr.hidden,""),this.removeAttribute(l.default.attr.animate)}_showTarget(e,t,o){this._setAttributes(o),this.innerHTML=t,this.style.transition=null,this.setAttribute(l.default.attr.hidden,""),this._setPosition(e,o),this.removeAttribute(l.default.attr.hidden),this.style.transition="transform .3s",this.setAttribute(l.default.attr.animate,"")}_setPosition(e,t){const o=t._setTooltipPosition();this.style.left=`${o.left}px`,this.style.top=`${o.top}px`}disconnectedCallback(){super.disconnectedCallback(),this.oDOMCloseButton=null}}n.Z._registerElement(c,u);const g=u},5585:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(3503),a=o.n(r),i=o(1877),s=o.n(i),l=o(6919);const d="zg-watermark",c={widget:{}};class h extends n.Z{init(){super.init(d,s(),a(),c)}ready(){super.ready(),this.widget=this._getHostContext();let e=this._oShadowRoot.querySelector("a");e.innerHTML=l.default.get("watermark.poweredBy",this.widget,{element:e,elProperty:"innerHTML"});const t=this.widget.focusManager;t&&t.bInitialLoaded&&t.updateSection(this,t.aWatermark,"Watermark")}_propertyHandler(e,t,o){if(o=super._propertyHandler(e,t,o),"widget"===e)o&&(this.slot="watermark");return o}}n.Z._registerElement(d,h);const u=h},3427:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>z});var n=o(697),r=o(9733),a=o.n(r),i=o(3337),s=o.n(i),l=o(1562),d=o(3605),c=o(163),h=o(2260),u=o(8419),g=o(6919),p=o(2048),m=(o(2816),o(4584));const f="zing-grid",b={aggregate:{type:String,bReflectToAttribute:!0},align:{bReflectToAttribute:!0,type:String},batchEdit:{bReflectToAttribute:!0,type:Boolean},batchEditStatus:{bReflectToAttribute:!0,type:String},caption:{type:String,bReflectToAttribute:!0,bThrowEvent:!0},card:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},cellBreak:{type:String,bReflectToAttribute:!0,bThrowEvent:!0},cellClass:{type:String,bReflectToAttribute:!0},cellEditor:{type:String,bReflectToAttribute:!0,sBooleanDefault:"true"},cellFocus:{type:String,bReflectToAttribute:!0},buttonTooltipDisabled:{type:Boolean,bReflectToAttribute:!0},cellTooltipAction:{type:String,bReflectToAttribute:!0},cellTooltipDelay:{type:Number,bReflectToAttribute:!0},cellTooltipIcon:{bReflectToAttribute:!0,type:String},cellTooltipPosition:{type:String,bReflectToAttribute:!0},cellTooltipRenderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},cellTooltipTemplate:{type:String,bReflectToAttribute:!0},cellTooltipType:{type:String,bReflectToAttribute:!0},colClass:{type:String,bReflectToAttribute:!0},columnResizable:{type:Boolean,bReflectToAttribute:!0},columnResizableMaxWidth:{bReflectToAttribute:!0,type:Number},columnResizableMinWidth:{bReflectToAttribute:!0,type:Number},columnResizablePersistent:{type:Boolean,bReflectToAttribute:!0},columnsControl:{type:Boolean,bReflectToAttribute:!0},columns:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},columnWidth:{bReflectToAttribute:!0},compact:{type:Boolean,bReflectToAttribute:!0},config:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},confirmDelete:{bReflectToAttribute:!0},confirmations:{type:String,bReflectToAttribute:!0,bReflectBoolean:!0,sBooleanDefault:u.default.confirmations.all},contextMenu:{bReflectToAttribute:!0},data:{type:String,bCanBeObject:!0,bReflectToAttribute:!0,bOneWaySync:!0,bThrowEvent:!0},defaultDisplay:{type:String,bReflectToAttribute:!0},dialog:{type:Boolean,bReflectToAttribute:!0},dir:{type:String,bReflectToAttribute:!0,sBooleanDefault:"ltr"},columnDragAction:{type:String,bReflectToAttribute:!0,sBooleanDefault:"both"},columnDrag:{type:Boolean,bReflectToAttribute:!0},creator:{type:String,bReflectToAttribute:!0,sBooleanDefault:"modal"},footClass:{type:String,bReflectToAttribute:!0},frozenColumnsLeft:{type:Number,bReflectToAttribute:!0},frozenColumnsRight:{type:Number,bReflectToAttribute:!0},frozenRowClass:{type:String,bReflectToAttribute:!0},frozenRowsBottom:{type:Number,bReflectToAttribute:!0},frozenRowsTop:{type:Number,bReflectToAttribute:!0},headClass:{type:String,bReflectToAttribute:!0},templateEndDelimiter:{type:String,bReflectToAttribute:!0},editor:{type:String,bReflectToAttribute:!0,sBooleanDefault:"inline"},editorControls:{type:String,bReflectToAttribute:!0,bReflectBoolean:!0,sBooleanDefault:u.default.editorControls.all},filter:{type:Boolean,bReflectToAttribute:!0},footClass:{type:String,bReflectToAttribute:!0},fullscreen:{type:Boolean,bReflectToAttribute:!0},gridlines:{type:String,bReflectToAttribute:!0},groupBy:{type:String,bReflectToAttribute:!0},headClass:{type:String,bReflectToAttribute:!0},headerAutoFormat:{type:String,bReflectToAttribute:!0},nestedDataSeparator:{type:String,bReflectToAttribute:!0},headerRowHide:{type:Boolean,bReflectToAttribute:!0},headerTooltipAction:{type:String,bReflectToAttribute:!0},headerTooltipDelay:{type:Number,bReflectToAttribute:!0},headerTooltipIcon:{bReflectToAttribute:!0,type:String},headerTooltipIconPosition:{type:String,bReflectToAttribute:!0},headerTooltipPosition:{type:String,bReflectToAttribute:!0},headerTooltipRenderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},headerTooltipTemplate:{type:String,bReflectToAttribute:!0},headerTooltipTrigger:{type:String,bReflectToAttribute:!0},headerTooltipType:{type:String,bReflectToAttribute:!0},height:{type:String,bReflectToAttribute:!0},iconSet:{type:String,bReflectToAttribute:!0},iconSetData:{type:String,bReflectToAttribute:!0},lang:{type:String,bReflectToAttribute:!0,bSetProperty:!0},layout:{type:String,bReflectToAttribute:!0},layoutControls:{type:String,bReflectToAttribute:!0},loading:{type:Boolean,bReflectToAttribute:!0},loadingText:{type:String,bReflectToAttribute:!0},loadmask:{type:String,bReflectToAttribute:!0},noData:{type:String,bReflectToAttribute:!0},pageSize:{type:Number,bReflectToAttribute:!0},pageSizeCard:{type:Number,bReflectToAttribute:!0},pageSizeRow:{type:Number,bReflectToAttribute:!0},pageSizeOptions:{bReflectToAttribute:!0,type:String},pager:{type:Boolean,bReflectToAttribute:!0},pagerButtonLimit:{type:Number,bReflectToAttribute:!0},pagerPosition:{type:String,bReflectToAttribute:!0},pagerType:{type:String,bReflectToAttribute:!0},params:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},preserveStateId:{type:String,bReflectToAttribute:!0},preserveStateOptions:{type:String,bReflectToAttribute:!0},preserveStateLoad:{type:String,bReflectToAttribute:!0},preserveStateSave:{type:String,bReflectToAttribute:!0},recordCount:{type:Number,bReflectToAttribute:!0},recordKey:{type:String,bReflectToAttribute:!0,bReflectBoolean:!0,sBooleanDefault:u.default.internalColumn.recordkey},recordDuplicate:{type:Boolean,bReflectToAttribute:!0},rowClass:{type:String,bReflectToAttribute:!0},rowSelector:{type:Boolean,bReflectToAttribute:!0},rowHeight:{type:String,bReflectToAttribute:!0},search:{type:Boolean,bReflectToAttribute:!0},selector:{type:Boolean,bReflectToAttribute:!0},serverRendered:{type:Boolean,bReflectToAttribute:!0},sort:{type:String,bReflectToAttribute:!0},sorter:{type:String,bReflectToAttribute:!0},sortIntl:{type:String,bReflectToAttribute:!0},source:{type:String,bReflectToAttribute:!0},src:{type:String,bReflectToAttribute:!0},staticMenu:{bReflectToAttribute:!0,sBooleanDefault:"true"},statusDelay:{bReflectToAttribute:!0,type:Number},statusPersist:{bReflectToAttribute:!0,type:Boolean},statusPosition:{bReflectToAttribute:!0,type:String},templateEndDelimiter:{type:String,bReflectToAttribute:!0},templateStartDelimiter:{type:String,bReflectToAttribute:!0},theme:{type:String,bReflectToAttribute:!0},validationErrorMessage:{type:String,bReflectToAttribute:!0},validationRequiredMessage:{type:String,bReflectToAttribute:!0},viewport:{type:String,bReflectToAttribute:!0},viewportPause:{type:Boolean,bReflectToAttribute:!0},viewportStop:{type:Boolean,bReflectToAttribute:!0},viewportTypes:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},width:{type:String,bReflectToAttribute:!0},zebra:{type:String,bReflectToAttribute:!0}},v=n.Z.getObservedAtts(b);class y extends n.Z{connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex",0),this.querySelector("table")&&(this.data=this.querySelector("table"));const e=()=>{this.completeConnectedCallback(),document.removeEventListener("DOMContentLoaded",e)},t=()=>{this.completeConnectedCallback(),window.cancelAnimationFrame(t)};try{null!==this.getAttribute(u.default.attr.serverrender)?document.addEventListener("DOMContentLoaded",e):window.requestAnimationFrame(t)}catch(e){console.error(`There was an issue with <${f}>'s connectedCallback().\n${e}`)}}completeConnectedCallback(){const e=this.widget;e&&(this.querySelector(u.default.zgBody.tagName)&&(e.bPreloaded=!0),this.originalHTML=this.outerHTML,this.addToLightDOM(),e.init(),e.bPreloaded&&e.updater.resetAllColumnsWidth(),this.processProperties(),this._wrapAPI((()=>e.focusManager.init())),e.dialogManager.initDialogs(),e.bHasAttachedToDOM=!0,this.bReady=!0,document.addEventListener("DOMContentLoaded",(()=>c.Z.validateLicense())),setTimeout((()=>c.Z.validateLicense()),1e3),this.fire("childrenready"),this.watchVisibility(),e.setStorybook())}init(){try{super.init(f,s(),a(),b);const e=this._oShadowRoot.querySelector(`.${u.default.zg.tagName}`);this.widget=new l.default({renderTo:e,renderAfter:e.querySelectorAll("slot")[1],webcomponent:this}),this.ZG=this.widget.webcomponent}catch(e){console.error(`There was an issue with <${f}>'s init().\n${e}`)}}addToLightDOM(){const e=this.widget;this.oDOMData=this.querySelector(u.default.zgData.tagName)||null,this.bDefaultCols=!this.querySelector(u.default.zgColgroup.tagName)&&!this.querySelector(u.default.zgColumn.tagName),this.oDOMHeader=this.associateChild(u.default.zgHeader.tagName,null,"header"),this.oDOMCaption=this.querySelector(u.default.zgCaption.tagName)||null,this.oDOMControlBar=this.querySelector(u.default.zgControlBar.tagName)||null,this.oDOMLayoutControls=this.querySelector(u.default.zgLayoutControls.tagName)||null,this.oDOMLeftHead=this.associateChild(u.default.zgHead.tagName,null,"lefthead","lefthead"),this.oDOMLeftBody=this.associateChild(u.default.zgBody.tagName,null,"leftbody","leftbody"),this.oDOMLeftFoot=this.associateChild(u.default.zgFoot.tagName,null,"leftfoot","leftfoot"),this.oDOMColgroup=this.associateChild(u.default.zgColgroup.tagName,null,"gridcolgroup","gridcolgroup",!0),this.oDOMLeftColgroup=this.associateChild(u.default.zgColgroup.tagName,null,"leftcolgroup","leftcolgroup",!1,this.oDOMColgroup),this.oDOMRightColgroup=this.associateChild(u.default.zgColgroup.tagName,null,"rightcolgroup","rightcolgroup",!1),this.oDOMHead=this.associateChild(u.default.zgHead.tagName,null,"gridhead","mainhead"),this.oDOMBody=this.associateChild(u.default.zgBody.tagName,null,"gridbody","mainbody"),this.oDOMFoot=this.associateChild(u.default.zgFoot.tagName,null,"gridfoot","mainfoot"),this.oDOMRightHead=this.associateChild(u.default.zgHead.tagName,null,"righthead","righthead"),this.oDOMRightBody=this.associateChild(u.default.zgBody.tagName,null,"rightbody","rightbody"),this.oDOMRightFoot=this.associateChild(u.default.zgFoot.tagName,null,"rightfoot","rightfoot"),this.oDOMFooter=this.associateChild(u.default.zgFooter.tagName,null,"footer"),this.oDOMStatus=this.associateChild(u.default.zgStatus.tagName,null,"status"),this.oDOMTooltip=this.associateChild(u.default.zgTooltip.tagName,null,"tooltip"),this.oDOMCellOverflow=this.associateChild(u.default.zgCellOverflow.tagName,null,"celloverflow"),this.oDOMLeftEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"lefteditorrow","lefteditorrow",void 0,void 0,"Left"),this.oDOMEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"bodyeditorrow","bodyeditorrow",void 0,void 0,""),this.oDOMRightEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"righteditorrow","righteditorrow",void 0,void 0,"Right"),this.oDOMLeftHeadEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"leftheadeditorrow","leftheadeditorrow",void 0,void 0,"Left"),this.oDOMHeadEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"mainheadeditorrow","mainheadeditorrow",void 0,void 0,""),this.oDOMRightHeadEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"rightheadeditorrow","rightheadeditorrow",void 0,void 0,"Right"),this.oDOMLeftFootEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"leftfooteditorrow","leftfooteditorrow",void 0,void 0,"Left"),this.oDOMFootEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"mainfooteditorrow","mainfooteditorrow",void 0,void 0,""),this.oDOMRightFootEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"rightfooteditorrow","rightfooteditorrow",void 0,void 0,"Right"),this.oDOMFrozenRight=this.shadowRoot.querySelector("#freeze-right-body"),this.oDOMFrozenLeft=this.shadowRoot.querySelector("#freeze-left-body"),this.oDOMMain=this.shadowRoot.querySelector("#frame-main-body"),this.oDOMFrozenRightHeadFrame=this.shadowRoot.querySelector("#freeze-frame-right-head"),this.oDOMFrozenMainHeadFrame=this.shadowRoot.querySelector("#freeze-frame-main-head"),this.oDOMFrozenLeftHeadFrame=this.shadowRoot.querySelector("#freeze-frame-left-head"),this.oDOMFrozenRightHead=this.shadowRoot.querySelector("#freeze-right-head"),this.oDOMFrozenMainHead=this.shadowRoot.querySelector("#freeze-main-head"),this.oDOMFrozenLeftHead=this.shadowRoot.querySelector("#freeze-left-head"),this.oDOMFrozenRightFootFrame=this.shadowRoot.querySelector("#freeze-frame-right-foot"),this.oDOMFrozenMainFootFrame=this.shadowRoot.querySelector("#freeze-frame-main-foot"),this.oDOMFrozenLeftFootFrame=this.shadowRoot.querySelector("#freeze-frame-left-foot"),this.oDOMFrozenRightFoot=this.shadowRoot.querySelector("#freeze-right-foot"),this.oDOMFrozenMainFoot=this.shadowRoot.querySelector("#freeze-main-foot"),this.oDOMFrozenLeftFoot=this.shadowRoot.querySelector("#freeze-left-foot"),this.oDOMFrozenLeftStyle=this.associateChild(u.default.zgFrozenColgroup.tagName,null,"freeze-left-columns","zing-grid-freeze-style-left"),this.oDOMFrozenRightStyle=this.associateChild(u.default.zgFrozenColgroup.tagName,null,"freeze-right-columns","zing-grid-freeze-style-right"),this.oDOMBatchEditStyle=this.associateChild(u.default.batchEdit.tagName,null,"batch-edit","zing-grid-batch-edit"),this.oDOMBodyFrame=this.shadowRoot.querySelector(u.default.zg.shadow.frameBodyWrapper),this.oDOMSource=this.querySelector(u.default.zgSource.tagName)||null,this.oDOMNodata=this.querySelector(u.default.zgNoData.tagName)||null,this.oTopPager=this.querySelector('zg-pager[slot="top"]')||this.oTopPager,this.oBottomPager=this.querySelector('zg-pager[slot="pager"]')||this.oBottomPager;const t=this.shadowRoot.querySelector(u.default.attr.style);t&&(this.initialGridCss=t.textContent),this.oDOMClipboard=this.shadowRoot.querySelector(".zing-grid-clipboard");const o=this.querySelector(u.default.zgLoadMask.tagName);e.loadmask=this.associateChild(u.default.zgLoadMask.tagName),e.loadmask.widget=this.widget,o?this.loading&&e.loadmask.setAttribute(u.default.zgLoadMask.defaultAttr,""):(e.loadmask.setAttribute(u.default.zgLoadMask.defaultAttr,""),e.loadmask.default()),this.oDOMWaterMark=this.querySelector(u.default.zgWatermark.tagName)||this.oDOMWaterMark,e.oDOMScrollerWrapper=this._oShadowRoot.querySelector(u.default.zg.shadow.frameBodyWrapper),e.oDOMScroller=e.oDOMScrollerWrapper,m.V5||this.setAttribute(u.default.attr.staticscroll,"")}processProperties(){const{columns:e,widget:t}=this,{store:o,layoutManager:n,viewportManager:r}=t;if(this.defaultBodyOverflow=window.getComputedStyle(document.body).overflow,void 0!==this.config){t.updateConfig(this.config);const{src:e,data:n}=this.config;o.bNeedsLoad=!(!e&&!n)}if(void 0!==e&&t.updateConfig({columns:e}),void 0!==this.card&&this._setCard(this.card),void 0!==this.src){let e={src:this.src};o.updateConfig(e),o.bNeedsLoad=!0}else void 0!==this.data&&o.setData(this.data);if(void 0===this.params||this.oDOMData||o.loadData({},this.params),void 0!==this.headerAutoFormat&&this._setHeaderAutoFormat(this.headerAutoFormat),void 0!==this.nestedDataSeparator&&this._setNestedDataSeparator(this.nestedDataSeparator),this.headerRowHide&&(t.bHeaderRowHide=this.headerRowHide),this.recordCount&&o.setOriginRecordCount(this.recordCount),void 0===this.contextMenu&&void 0===this.staticMenu||t.menuManager.initMenu(),t.bConfirmDelete="disabled"!==this.confirmDelete,t.bCellFocus="disabled"!==this.cellFocus,void 0!==this.groupBy&&this._setGrouping(this.groupBy),this.hasAttribute(u.default.editorControls.attr)&&!this.hasAttribute(u.default.editor.attr)){const e=this.getAttribute(u.default.editorControls.attr);"false"!==e&&"disabled"!==e&&(this.bSettingEditor=!0,this.setAttribute(u.default.editor.attr,""),this.bSettingEditor=!1)}t.editorManager.setInitialEditorType(),this.caption&&this._setCaption(this.caption),this.search&&this._setSearch(t.bHasSearchEnabled),this.columnsControl&&this._setColumnsControl(this.columnsControl),this.staticMenu&&this._setStaticMenu(this.staticMenu),(this.columnDrag||this.columnDragAction)&&this._setColumnDrag(this.columnDrag,this.columnDragAction),(this.columnResizable||this.columnResizablePersistent)&&this._setColumnResizable(this.columnResizable,this.columnResizablePersistent),this.frozenColumnsLeft&&(t.nLeftFrozenColumns=parseInt(this.frozenColumnsLeft,10)),t.initialConfig.frozenColumnsLeft=t.nLeftFrozenColumns,this.frozenColumnsRight&&(t.nRightFrozenColumns=parseInt(this.frozenColumnsRight,10)),t.initialConfig.frozenColumnsRight=t.nRightFrozenColumns,t._adjustFrozenColumns(!0),this.frozenRowsTop&&!t.bGroupBy&&(t.nTopFrozenRows=parseInt(this.frozenRowsTop,10)),t.initialConfig.frozenRowsTop=t.nTopFrozenRows,this.frozenRowsBottom&&(t.store.isIncrementalLoad()?(d.Aq("Frozen bottom rows is not supported with incremental data loading"),this.frozenRowsBottom=0):t.nBottomFrozenRows=parseInt(this.frozenRowsBottom,10)),t.initialConfig.frozenRowsBottom=t.nBottomFrozenRows,void 0!==this.defaultDisplay&&this._setDefaultDisplay(this.defaultDisplay),this._setControlBar(),this.viewportTypes&&(r.types=this.viewportTypes),r.allow&&r.setViewport(),t.initialConfig.layout=this.layout,n.setLayout(),void 0!==this.layoutControls?(this.bUserLayoutControls=!0,this._setLayoutControls(this.layoutControls)):this.layout&&this._setLayoutControls(!0),this.batchEdit&&this._setBatchEditControls(this.batchEdit),this.editor&&(t.editorManager.type=this.editor),this.creator&&this.creator===u.default.editor.typeInline&&(t.editorManager.createType=this.creator),void 0!==this.pagerPosition&&void 0===this.pager&&this._autoSetPager(),void 0===this.pager&&void 0===this.pagerPosition||this._attachPager(this.pager,null,this.pagerPosition,null),this.pagerType&&void 0!==this.pager&&this._setPagerType(this.pagerType,this.pagerButtonLimit),t.initialConfig.pageSize=this.pageSize,(this.pageSize||this.pageSizeRow||this.pageSizeCard)&&t.calculatePageSize(),this.rowSelector&&this._setRowSelector(!0),(this.source||this.oDOMSource)&&t.sourceManager.initSource(),this._attachNodata(this.noData,!0),this.externalThemeArr=[],this.externalThemeName=null,this._setThemeIconSVG(this.theme),this._setThemeCSS(this.theme),this._setGridClasses(),(this.zebra||""===this.zebra)&&this._setZebra(this.zebra),(this.rowHeight||this.frozenColumnsLeft||this.frozenColumnsRight)&&this._setRowHeight(this.rowHeight,this.frozenColumnsLeft||this.frozenColumnsRight),this.pageSizeOptions&&this.setPageSizeOptions(this.pageSizeOptions),void 0===this.sort&&void 0===this.sorter||this._setSorter(this.sort,this.sorter),t.sValidationErrorMessage=this.validationErrorMessage,t.sValidationRequiredMessage=this.validationRequiredMessage,(this.style.width||this.width)&&(this.width||(this.width=this.style.width),this._setScrollWidth(this.width)),this.templateStartDelimiter&&(o.templateStartDelimiter=this.templateStartDelimiter),this.templateEndDelimiter&&(o.templateEndDelimiter=this.templateEndDelimiter),this.iconSetData&&(this.iconSetDataMap=window[this.iconSetData]),this.preserveStateId&&this.widget.on("afterloaded",(()=>{this.widget.bAPIReady||this._wrapAPI((()=>t.stateManager.loadState()))}),this)}associateChild(e,t,o,n,r,a,i){let s;n?(s=`${e}#${n}`,r&&(s+=`, ${e}:not([id])`)):s=e;let l=this.querySelector(s);return l||(t||(t=document.createElement(e)),a?this.insertBefore(t,a):this.appendChild(t),l=t),n&&(l.id=n),o&&l.setAttribute("slot",o),void 0!==i&&(l.oDOMBody=this[`oDOM${i}Body`],l.oDOMHead=this[`oDOM${i}Head`],l.oDOMFoot=this[`oDOM${i}Foot`]),l}ready(){super.ready(),this.paint(),setImmediate((()=>{this.widget&&!this.widget.bDisconnect&&this.componentsLoaded()}))}paint(){this.widget.update(),this.widget.fire(u.default.event.afterPaint)}disconnectedCallback(){const e=this.widget;e&&(e.bDisconnect=!0),super.disconnectedCallback(),this.observer&&(this.observer.unobserve(this),this.observer=null),e&&e.destroy();const t=Object.keys(this);for(let e=0;e<t.length;e++){const o=t[e];this.hasOwnProperty(o)&&"object"==typeof this[o]&&(this[o]=null,delete this[o])}}ons(){const e=this.widget,t=e.focusManager;this.on("click",this.closeMenus),this.on("mousedown",t.clickFocus,t),this.on("focus",t.onFocus,t),this.on("keydown",t.onGridKeyDown,t,{},!1),this.on("contextmenu",e.onContextMenu,e,{},!1),e.store.once("loaded",(()=>e.fullscreenManager.setFullscreen()));const o=e.mainGridHScroll;this.oDOMVScroller=this._oShadowRoot.querySelector("#scroll"),o.on("scroll",(()=>{this.widget.updateHeadFootScroll(!1)}))}watchVisibility(){if("undefined"==typeof IntersectionObserver)return;if("inline-block"===window.getComputedStyle(this).getPropertyValue("display"))return;const e={root:document.documentElement};let t=null;this.observer=new IntersectionObserver(((e,o)=>{e.forEach((e=>{const o=e.intersectionRatio>0;null!==t&&this.bReady?o&&!t?(t=!0,this.updateSize(!0,void 0,!0)):t=!1:t=o}))}),e),this.observer.observe(this)}appendMenu(e){e&&e.oElMenu&&(e.bDefined?e.bDefined=!1:this.appendChild(e.oElMenu))}removeMenu(e){e&&e.oElMenu&&this.removeChild(e.oElMenu)}closeMenus(e,t){if(0===e.nButton){if(t.tagName.toLowerCase()===u.default.zgButton.tagName)return;this.widget.menuManager&&this.widget.menuManager.isMenuOpen()&&this.widget.menuManager.closeMenu(),this.widget.columnMenu&&this.widget.columnMenu.isMenuOpen()&&this.widget.columnMenu.closeMenu(t)}}customizeDialog(e,t){return this._wrapAPI((()=>this.widget.dialogManager.customize(e,t))),this}hydrate(){this.widget.store.load(),this.widget.store.bNeedsLoad=!1}componentsLoaded(){this.widget.bNeedsFrozenAdjust&&this.widget._adjustFrozenColumnsFromAttribute(),this.loadData()}loadData(){const e=this.widget,t=e.store;if(e.bPreloaded)return e.bAPIReady=!0,e.bHydrating=!0,this.hydrate(),e.bPreloaded=!1,void e.fire("apiready");t.bNeedsLoad?(t.load(),t.bNeedsLoad=!1):e.bAPIReady||t.finishNoData()}resetData(){const e=this.widget.store;if(e.dumpDataRequest(),e.initModel(),this.getAttribute("data")?e.setData(this.getAttribute("data")):e.data=null,e.src=null,this.getAttribute("src")){let t={src:this.getAttribute("src")};e.updateConfig(t)}e.reload()}filterColumn(e,t){return this._wrapAPI((()=>{if(this.widget.filter){let o=this.widget.getColumnByFieldIndex(e);o&&o.bFilter?this.widget.filter.setFilter(o,t):o?d.Aq(`The '${e}' column does not support filtering.`):d.Aq(`The column with [index="${e}"] does not exist.`)}})),this}select(e,t,o,n){return this._wrapAPI((()=>{const r=this.widget;if(!r.selector&&!r.bCellFocus)return this;let a=void 0===o,i=void 0===n;r.selector.deSelectAll(),i&&a?r.selector.se.cell(e,t):(i&&(n=t),a&&(o=e),r.selector.se.initRange(e,t,o,n)),r.selector.se.select(!0)})),this}selectAll(){return this._wrapAPI((()=>{const e=this.widget;if(!e.selector)return this;e.selector.se.selectAll().select()})),this}deselect(){return this._wrapAPI((()=>{const e=this.widget;if(!e.selector)return this;e.selector.deSelectAll()})),this}firstPage(){return this._wrapAPI((()=>this.widget.firstPage())),this}getCaption(){return this.caption||!1}getData(e){let t="visible"===(e=e||{}).cols,o="visible"===e.rows,n=e.headers&&!e.csv,r=this.widget.store.cleanData(t,o,n);return e.csv&&(r=d.Ae(r,e,this.widget)),r}getPageIndex(){return this.widget.getCurrPageIdx()+1}getPageSize(){return this.widget.pageSize}hideColumn(e){return this._wrapAPI((()=>this.toggleColumn(e,!0))),this}hideCellOverflow(e){return this._wrapAPI((()=>this.oDOMCellOverflow.close())),this}insertRow(e,t,o){return this._wrapAPI((()=>this.widget.insertRow(e,t,o))),this}updateRecord(e,t,o,n){return this._wrapAPI((()=>this.widget.updateRow(t,e,o,n))),this}removeRecord(e,t){return this._wrapAPI((()=>this.widget.removeRow(e,!0,void 0,t))),this}updateRow(e,t,o,n){return this._wrapAPI((()=>{let r=this.widget.getRecordIndexByDataRowContainerIndex(e);this.widget.updateRow(t,r,o,n)})),this}removeRow(e,t){return this._wrapAPI((()=>{let o=this.widget.getRecordIndexByDataRowContainerIndex(e);this.widget.removeRow(o,!0,void 0,t)})),this}updateCellByPosition(e,t,o,n){return this._wrapAPI((()=>{const r=this.widget.selectorEngineManager.$cell(e,t);if(r){const e=r.sTargetRecordIndex,t=r.sTargetFieldIndex;this.widget.updateCell(e,t,o,n)}})),this}updateCellByID(e,t,o,n){return this._wrapAPI((()=>this.widget.updateCell(e,t,o,n))),this}lastPage(){return this._wrapAPI((()=>this.widget.lastPage())),this}nextPage(){return this._wrapAPI((()=>this.widget.nextPage())),this}prevPage(){return this._wrapAPI((()=>this.widget.prevPage())),this}refresh(e,t){if(void 0!==e)e=parseInt(e,10),d.Uh(t)&&(t=parseInt(t,10)),this.widget.update({bUpdateBodyContent:!0},e,t);else{let e=this.widget;!e.store.isIncrementalLoad()&&e.oDOMSortedColumn&&e.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader&&e.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader.clearStyle(!0),this.widget.store.reload()}}refreshGrid(){this.refresh(),this.bReady&&g.default.refresh(this.widget)}searchGrid(e){return this._wrapAPI((()=>{const t=this.widget.search;t&&(t.oDOMInput.value=e,!t.searchBarVisible&&e&&t.searchBtnClickToggle(void 0,!0),t.triggerSearch())})),this}setCaption(e){return this._wrapAPI((()=>this.caption=e)),this}setData(e){return this._wrapAPI((()=>this.data=e)),this}setPageIndex(e){let t=parseInt(e,10);if(!isNaN(e))return this._wrapAPI((()=>this.widget.setCurrPageIdx(t-1))),this}setPageSize(e){let t=parseInt(e,10);if(!isNaN(t))return this.widget.bUserPageSize=!0,this._wrapAPI((()=>this.widget.setPageSize(t))),this}setPageSizeCard(e){let t=parseInt(e,10);return isNaN(t)?this:this.setElementAPI("page-size-card",t)}setPageSizeRow(e){let t=parseInt(e,10);return isNaN(t)?this:this.setElementAPI("page-size-row",t)}setPageSizeOptions(e){return this._wrapAPI((()=>{e||(e=u.default.zgPager.defaultPageSizes),this.oTopPager&&this.oTopPager.setAttribute("size-options",e),this.oBottomPager&&this.oBottomPager.setAttribute("size-options",e)})),this}showColumn(e){return this._wrapAPI((()=>this.toggleColumn(e,!1))),this}sortColumn(e,t){return this._wrapAPI((()=>{if(this.widget.sorter){let o=this.widget.getColumnByFieldIndex(e);o&&o.oDOMSortHeader?(t=t||null,o.oDOMSortHeader.onSort(null,null,t)):o||d.Aq(`The column with [index="${e}"] does not exist.`)}})),this}toggleColumn(e,t){let o=this.widget.getColumnIndexByFieldIndex(e);if(-1!==o){let e=this.widget.aColumnMapping[o],n=e.oDOMZGColumn;if(void 0===t&&(t=!n.hasAttribute("hidden")),e.bHidden===t)return;t?n.setAttribute("hidden",!0):n.removeAttribute("hidden")}else d.Aq(`The column with [index="${e}"] does not exist.`);return this}_propertyHandler(e,t,o){o=super._propertyHandler(e,t,o);const n=this.widget,r=n.store,a=d.c7.get(n,["viewportManager"]);switch(e){case"aggregate":this.bReady&&this._updateColumnControls("aggregate",o);break;case"batchEdit":this.bReady&&this._setBatchEditControls(o);break;case"align":this.bReady&&this._setAlign(o);break;case"buttonTooltipDisabled":this.bReady&&this._setButtonTooltipDisabled(o);break;case"card":this.bReady&&this._setCard(o);break;case"caption":this.bReady&&this._setCaption(o);break;case"cellBreak":this.bReady&&this._setCellBreak(o);break;case"cellClass":this.bReady&&this._setClass(o,"Cell");break;case"cellTooltipRenderer":this._setCellTooltipRenderer(o);case"cellTooltipTemplate":this._setCellTooltipTemplate(o);case"cellTooltipDelay":case"cellTooltipIcon":case"cellTooltipPosition":case"cellTooltipType":case"cellTooltipAction":this._setCellTooltipOptions(e,o);break;case"colClass":this.bReady&&this._setClass(o,"Col");break;case"columnsControl":n.bHasColumnsControl=!!o,this.bReady&&this._setColumnsControl(!!o);break;case"columnResizablePersistent":this.bReady&&this._setColumnResizable(this.columnResizable,!!o);break;case"columnResizable":this.bReady&&this._setColumnResizable(!!o,this.columnResizablePersistent);break;case"frozenColumnsLeft":if(this.bReady&&!n.bUpdatingFrozen)if(n.layoutManager.sCurrentType!==u.default.zgLayout.typeCard&&this.layoutType!==u.default.zgLayout.typeCard){n.nLeftFrozenColumns=parseInt(o,10)||0,this._setRowHeight(this.rowHeight,n.nLeftFrozenColumns||n.nRightFrozenColumns);let e=n.nLeftFrozenColumns+n.nRightFrozenColumns,t=n.aColumnMapping.length-e;t<0&&(n.nRightFrozenColumns+=t,n.nRightFrozenColumns<0&&(n.nRightFrozenColumns=0)),n._adjustFrozenColumns(),n.updater.clearCache(),n.update(),n.updater.checkHorizontalScroll()}else n.nCardLeftFrozenColumns=parseInt(o,10)||0;break;case"frozenColumnsRight":if(this.bReady&&!n.bUpdatingFrozen)if(n.layoutManager.sCurrentType!==u.default.zgLayout.typeCard&&this.layoutType!==u.default.zgLayout.typeCard){n.nRightFrozenColumns=parseInt(o,10)||0,this._setRowHeight(this.rowHeight,n.nLeftFrozenColumns||n.nRightFrozenColumns);let e=n.nLeftFrozenColumns+n.nRightFrozenColumns,t=n.aColumnMapping.length-e;t<0&&(n.nLeftFrozenColumns+=t,n.nLeftFrozenColumns<0&&(n.nLeftFrozenColumns=0)),n._adjustFrozenColumns(),n.updater.clearCache(),n.update(),n.updater.checkHorizontalScroll()}else n.nCardRightFrozenColumns=parseInt(o,10)||0;break;case"frozenRowsTop":this.bReady&&!n.bGroupBy&&(n.layoutManager.sCurrentType!==u.default.zgLayout.typeCard&&this.layoutType!==u.default.zgLayout.typeCard?(n.nTopFrozenRows=parseInt(o,10)||0,n.bUpdatingFrozen||n.bReload||(n.updateFrozenRowMapping(),n.updater.clearCache(),n.update(),n.fire(u.default.event.frozenrowchange,"top",o,t))):n.nCardTopFrozenRows=parseInt(o,10)||0);break;case"frozenRowsBottom":this.bReady&&!n.bGroupBy&&(n.layoutManager.sCurrentType!==u.default.zgLayout.typeCard&&this.layoutType!==u.default.zgLayout.typeCard?(n.nBottomFrozenRows=parseInt(o,10)||0,n.bUpdatingFrozen||n.bReload||(n.updateFrozenRowMapping(),n.updater.clearCache(),n.update(),n.fire(u.default.event.frozenrowchange,"bottom",o,t))):n.nCardBottomFrozenRows=parseInt(o,10)||0);break;case"columns":if(this.bReady){n.updateConfig({columns:o});const{data:e,src:t}=this;(e||t)&&r.reload()}break;case"config":if(this.bReady){n.updateConfig(o);const{data:e,src:t}=o;(e||t)&&r.load()}break;case"contextMenu":"boolean"==typeof o||"true"===o?(n.bHasContextMenuEnabled=!!o,n.sContextMenuId=null):null===o?n.bHasContextMenuEnabled=!1:(n.bHasContextMenuEnabled=!0,n.sContextMenuId=o),this.bReady&&n.bHasContextMenuEnabled&&n.menuManager.initMenu(!0);break;case"cellFocus":n.bCellFocus="disabled"!==o;break;case"compact":n.bCompact=o,n.nDefaultRowHeight=o?u.default.zgRow.defaultCompactHeight:u.default.zgRow.defaultHeight,n.nDefaultHeadHeight=o?u.default.zgRow.defaultCompactHeadHeight:u.default.zgRow.defaultHeadHeight,this.bReady&&n.update();break;case"confirmDelete":n.bConfirmDelete=!0,o&&"disabled"!==o||(n.bConfirmDelete=!1);break;case"data":r&&!r.bUpdatingData&&this.bReady&&(o=r.setData(o),r.bHasDataSource&&(this.removeAttribute("src"),r.dumpDataRequest()),n.bAPIReady&&r.reload(void 0,!0));break;case"defaultDisplay":this.bReady&&this._setDefaultDisplay(o);break;case"dir":this.bReady&&(o?n.sComputedDir=o:n.initDir(),this.querySelectorAll("zg-button[dir]").forEach((e=>{e.setAttribute("dir",n.sComputedDir),e.setTooltip(e.action,n,e.customTooltip)})),this.querySelectorAll("zg-filter, zg-select, zg-dialog, zg-menu-group, zg-head-cell, zg-option-list, zg-control-bar, zg-pager").forEach((e=>{o?e.setAttribute("dir",n.sComputedDir):e.removeAttribute("dir")})),n.updater.clearCache(),n.update());break;case"columnDrag":this.bReady&&this._setColumnDrag(o,this.columnDragAction);break;case"columnDragAction":this.bReady&&this._setColumnDrag(this.columnDrag,o);break;case"cellEditor":null===o&&n.bHasEditorEnabled?n.bHasCellEditorEnabled=!0:o&&"disabled"!==o?(n.bHasCellEditorEnabled=!0,n.bHasEditorEnabled=!0):n.bHasCellEditorEnabled=!1;break;case"creator":o!==u.default.editor.typeInline&&(o=u.default.editor.typeModal),this.bReady&&(n.editorManager.createType=o);break;case"editor":n.editorFieldManager&&n.editorFieldManager.isEditorOpen()&&(n.editorFieldManager.closeFieldEditor(!0),n.editorManager&&n.editorManager.closeEditor()),o?("true"===o&&(o=u.default.editor.typeInline),n.bHasEditorEnabled=!0,"disabled"!==this.cellEditor&&!1!==this.cellEditor&&(n.bHasCellEditorEnabled=!0),this.bReady&&(n.editorManager.type=o),this.bSettingEditor?this.bUserEditorControls=!1:this.bUserEditorControls=!0):(n.bHasEditorEnabled=!1,!0!==this.cellEditor&&(n.bHasCellEditorEnabled=!1),this.bUserEditorControls=!1);break;case"editorControls":this.bReady&&(n.bUpdatingColumns=!0,this._updateColumnControls("editorControls",o,!0),this._attachNodata(this.noData),n.setupCardHeader(),o&&"disabled"!==o?this.hasAttribute(u.default.editor.attr)||(this.bSettingEditor=!0,this.setAttribute(u.default.editor.attr,""),this.bSettingEditor=!1):this.bUserEditorControls||this.removeAttribute(u.default.editor.attr),n.bUpdatingColumns=!1,n.updater.clearCache(),n.updater.clearStyle(),n.update());break;case"filter":let i=0;if(n.bHasFilterEnabled&&!o?i=-1:!n.bHasFilterEnabled&&o&&(i=1),n.bHasFilterEnabled=o,n.bGlobalFilter=o,this.bReady&&n){for(let e=0,t=n.aColumnMapping.length;e<t;e++){let t=n.aColumnMapping[e].oDOMZGColumn;const r=["undefined",null],a=typeof t.filter;r.indexOf(a)>-1&&(t.filter=o)}i&&this._updateRowIndex(i),n.update()}break;case"footClass":this.bReady&&this._setClass(o,"Foot");break;case"fullscreen":d.SZ({el:document.body,attr:"zinggrid-fullscreen",match:o,value:""}),this.bReady&&(o?n.fullscreenManager.setFullscreen(!0):n.fullscreenManager.unsetFullscreen());break;case"gridlines":this.bReady&&this._setGridLines(o);break;case"groupBy":this.bReady&&this._setGrouping(o);break;case"headerAutoFormat":this.bReady&&(this._setHeaderAutoFormat(o),n.update({bUpdateColumnHeaderContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0}));break;case"nestedDataSeparator":this.bReady&&(this._setNestedDataSeparator(o),r.reload());break;case"headerRowHide":this.bReady&&(n.bHeaderRowHide=o,n.update({bUpdateColumnHeaderContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnBodyContainerClass:!0}));break;case"headerTooltipRenderer":this._setHeaderTooltipRenderer(o);case"headerTooltipTemplate":this._setHeaderTooltipTemplate(o);case"headerTooltipIcon":case"headerTooltipIconPosition":case"headerTooltipPosition":case"headerTooltipDelay":case"headerTooltipType":case"headerTooltipAction":this._setHeaderTooltipOptions(e,o);break;case"headerTooltipTrigger":this._setHeaderTooltipOptions(e,o,!0);break;case"headClass":this.bReady&&this._setClass(o,"Head");break;case"height":this._setScrollHeight(o);break;case"iconSet":this.bReady&&n.iconManager.updateIcons(o);break;case"lang":g.default.setLang(o,n),this.bReady&&g.default.refresh(n);break;case"layout":this.bReady&&(this.bUserLayoutControls||this._setLayoutControls(o),n.layoutManager.setLayout({isReset:null===o}));break;case"layoutControls":this.bReady&&(this.bUserLayoutControls=null!==o,this._setLayoutControls(o));break;case"noData":this.bReady&&this._attachNodata(o);break;case"pager":if(r&&r.oDataFormat.bLoadByScroll)return;this.bReady&&(o&&!this._settingPager&&(this.bGeneratedPager=!1),this._attachPager(o,t,this.pagerPosition,this.pagerPosition));break;case"pagerPosition":this.bReady&&(null===o?this.bGeneratedPager&&(this.pager=!1,this.bGeneratedPager=!1):void 0===this.pager&&this._autoSetPager(),this._attachPager(this.pager,this.pager,o,t));break;case"pagerButtonLimit":this.bReady&&this.pager&&this._setPagerType(this.pagerType,o);break;case"pagerType":this.bReady&&this.pager&&this._setPagerType(o,this.pagerButtonLimit);break;case"pageSize":case"pageSizeRow":case"pageSizeCard":n.bUserPageSize=!0,this.bReady?n.calculatePageSize(null,!1,e,o):"pageSize"===e&&n.setPageSize(o);break;case"pageSizeOptions":this.bReady&&this.setPageSizeOptions(o);break;case"params":this.bReady&&r.loadData(this.oDOMData?this.oDOMData.options:{},o,null,!0);break;case"preserveStateOptions":case"preserveStateId":case"preserveStateLoad":case"preserveStateSave":n.oStateOptions[e]=o,this.bReady&&"preserveStateSave"!==e&&n.stateManager.loadState();break;case"recordCount":this.bReady&&(r.setOriginRecordCount(o),n.fire(u.default.event.pagesizechange,o));break;case"frozenRowClass":this.bReady&&this._setClass(o,"FrozenRow");break;case"rowClass":this.bReady&&this._setClass(o,"Row");break;case"rowHeight":this.bReady&&this._setRowHeight(o);break;case"search":n.bHasSearchEnabled=!!o,this.bReady&&this._setSearch(n.bHasSearchEnabled);break;case"selector":o?n.bHasSelectorEnabled=!0:(n.selector.bHasSelection&&n.selector.deSelectRange(),n.bHasSelectorEnabled=!1);break;case"rowSelector":this.bReady&&(o&&this.rowSelector||!o&&!this.rowSelector||(this._setRowSelector(o),this._updateColumnControls("rowSelector",o)));break;case"recordKey":if(this.bReady)if(o&&this.recordKey||!o&&!this.recordKey){if(o&&this.recordKey){let e=n.aColumnMapping.find((e=>e.sFieldIndex===u.default.internalColumn.recordkey));e&&(e.oDOMZGColumn.header=o)}}else this._updateColumnControls("recordKey",o);break;case"recordDuplicate":this.bReady&&(o&&this.recordDuplicate||!o&&!this.recordDuplicate||this._updateColumnControls("recordDuplicate",o));break;case"sort":this.bReady&&(this._setSorter(o,this.sorter),this._toggleSorter(o));break;case"sortIntl":n.sSortIntl=o,this.bReady&&this._setSortIntl(o);break;case"sorter":this.bReady&&this._setSorter(this.sort,o);break;case"source":this.bReady&&n.sourceManager.setSource({source:o});break;case"src":if(this.bReady)if(n.dumpMapping(),r.dumpModel(),r.bHasDataSource&&r.dumpDataRequest(),o){r.data&&r.data.length&&(r.initModel(),this.removeAttribute("data"));let e={src:o};this.oDOMData?r.loadData(this.oDOMData.options,this.params,e):(r.updateConfig(e,!0),r.load())}else{let e={src:o};r.updateConfig(e),r.load()}break;case"staticMenu":if("boolean"==typeof o||"true"===o){const e=this.contextMenu;n.bHasStaticMenu=!!o,e&&"string"==typeof e||(n.sContextMenuId=null)}else null===o?n.bHasStaticMenu=!1:(n.bHasStaticMenu=!0,n.sContextMenuId=o);this.bReady&&this._setStaticMenu(n.bHasStaticMenu,!0);break;case"statusPosition":this.bReady&&this.oDOMStatus.hasAttribute(u.default.attr.active)&&this.widget.statusManager.setStatus();break;case"theme":this.bReady&&(this._setThemeCSS(o),this._setThemeIconSVG(o));break;case"validationErrorMessage":this.bReady&&(n.sValidationErrorMessage=o);break;case"validationRequiredMessage":this.bReady&&(n.sValidationRequiredMessage=o);break;case"viewportPause":if(!this.bReady)return;o?a.run="pause":o||a.run.stop||(a.run=!0);break;case"viewportStop":if(!this.bReady)return;o?a.run=!1:o||a.run.pause||(a.run=!0);break;case"viewportTypes":this.bReady&&(a.types=o,a.allow&&a.setViewport());break;case"width":this.bReady&&this._setScrollWidth(o);break;case"templateStartDelimiter":case"templateEndDelimiter":this.bReady&&(r[e]=o||u.default.template[e],n.updater.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0}));break;case"zebra":this.bReady&&this._setZebra(o)}return this.bReady&&["rowClass","cellClass","colClass","footClass","headClass","zebra","frozenRowClass"].includes(e)&&(n.bNeedUpdate=!0),o}_applyCss(e){":"===e.charAt(0)&&this.shadowRoot.querySelector("style").insertAdjacentText("afterbegin",`${e} ${this.initialGridCss}`)}_autoSetPager(){this.bGeneratedPager=!0,this._settingPager=!0,this.pager=!0,this._settingPager=!1}_attachNodata(e,t){let o=!!e;this.oDOMNodata?t&&(o=!0):(this.oDOMNodata=document.createElement(u.default.zgNoData.tagName),this.appendChild(this.oDOMNodata)),e?this.oDOMNodata.classList.add("attr"):this.oDOMNodata.classList.remove("attr"),o?this.oDOMNodata.classList.remove("default"):this.oDOMNodata.classList.add("default");const n=this.getAttribute(u.default.attr.editorcontrols),r=["false",u.default.editorControls.editor,u.default.editorControls.remover],a=(n||""===n)&&-1===r.indexOf(n),i=document.createElement("SPAN");if(e)this.oDOMNodata.innerHTML=e;else if(!o){this.oDOMNodata.innerHTML="";const e=i.cloneNode(!0),t=g.default.get("noData.message",this.widget,{element:e,elProperty:"innerHTML"});e.classList.add("default-message"),e.innerHTML=t,this.oDOMNodata.appendChild(e)}if(!o&&a){const e=i.cloneNode(!0);e.classList.add("default-insert-record");const t=g.default.get("noData.insertRecord",this.widget,{element:e,elProperty:"innerHTML"});e.innerHTML=`\n        <zg-button action="createrecord" no-data notooltip>\n          <zg-icon name="createrecord" slot="icon"></zg-icon> \n          <span slot="label">${t}</span>\n        </zg-button>\n      `,this.oDOMNodata.appendChild(e)}this.oDOMNodata.setAttribute("slot","gridnodata")}_attachPager(e,t,o,n){const r=this.widget,a=r.store;if(a&&a.oDataFormat.bLoadByScroll)return;null==o&&(o="bottom"),void 0===n&&(n="bottom");let i=["top","both"],s=["bottom","both"],l=[null,!1,"false",void 0],d=this.oBottomPager,c=this.oTopPager;c||(c=document.createElement("zg-pager"),c.setAttribute("slot","top"),this.oTopPager=c),void 0===d&&(d=document.createElement("zg-pager"),d.setAttribute("slot","pager"),this.oBottomPager=d),l.includes(t)||(i.includes(n)&&this.removeChild(this.oTopPager),s.includes(n)&&this.removeChild(this.oBottomPager)),l.includes(e)||(i.includes(o)&&!this.oTopPager.parentNode&&(this.appendChild(this.oTopPager),r.updateFocus(null,this.oTopPager,r.focusManager.aTopPager)),s.includes(o)&&!this.oBottomPager.parentNode&&(this.appendChild(this.oBottomPager),r.updateFocus(null,this.oBottomPager,r.focusManager.aBottomPager)))}_setPagerType(e,t){e?(this.oTopPager&&(this.oTopPager.setAttribute(u.default.zgPager.typeAttr,e),t?this.oTopPager.setAttribute(u.default.zgPager.buttonLimitAttr,t):this.oTopPager.removeAttribute(u.default.zgPager.buttonLimitAttr)),this.oBottomPager&&(this.oBottomPager.setAttribute(u.default.zgPager.typeAttr,e),t?this.oBottomPager.setAttribute(u.default.zgPager.buttonLimitAttr,t):this.oBottomPager.removeAttribute(u.default.zgPager.buttonLimitAttr))):(this.oTopPager&&(this.oTopPager.removeAttribute(u.default.zgPager.typeAttr),this.oTopPager.removeAttribute(u.default.zgPager.buttonLimitAttr)),this.oBottomPager&&(this.oBottomPager.removeAttribute(u.default.zgPager.typeAttr),this.oBottomPager.removeAttribute(u.default.zgPager.buttonLimitAttr)))}_attributeHandler(e,t,o){e!==u.default.editor.attr||void 0!==this.userEditorValue||this.widget&&this.widget.bUpdatingEditor||this._storeEditorValue(),super._attributeHandler(e,t,o)}_loadCss(e){let t=e.split(".css");1!==t.length&&(t=t[0].split("/"),this.setAttribute("theme",t[t.length-1]),fetch(e).then((e=>e.text())).then((e=>this._applyCss(e))))}_setCard(e){let{rendererTemplate:t,editorTemplate:o,renderer:n,editor:r}=e;const a=this.widget,i=a.oCard||document.createElement(u.default.zgCard.tagName);t||(t=e["renderer-template"]),o||(o=e["editor-template"]),t&&i.setAttribute("renderer-template",t),o&&i.setAttribute("editor-template",o),n&&i.setAttribute("renderer",n),r&&i.setAttribute("editor",r),a.oCard||this.appendChild(i),this.bReady&&(this.widget.updater.clearCache(),this.widget.update())}_setCaption(e,t){const o=this.widget;let n=!1;if(!this.oDOMCaption){let o=document.createElement(u.default.zgCaption.tagName);(null!==e||t)&&this._attachToParent(o,this.oDOMHeader),this.oDOMCaption=o,n=!0}if(o.messageCaption)o.changedCaption=e;else{if(!(e||t||o.bHasStaticMenu||o.bHasSearchEnabled))return this.oDOMHeader&&!n&&this.oDOMHeader.removeChild(this.oDOMCaption),void(this.oDOMCaption=null);this.oDOMCaption.changeText(e),this.oDOMCaption.hasAttribute("slot")||this.oDOMCaption.setAttribute("slot","caption"),o.updateFocus("Caption")}}_setSelectorCheckbox(e){const t=this.oDOMControlBar||this.querySelector(u.default.zgControlBar.tagName);t&&(this.caption||this.oDOMCaption||this._setCaption(null,!0),e.slot="cardaction",e.setAttribute(u.default.attr.datafocus,""),t.oDOMSelector&&t.removeChild(t.oDOMSelector),t.insertBefore(e,t.childNodes[0]),t.oDOMSelector=e,t.setAttribute(u.default.attr.internalselector,""),this._toggleControlBar())}_setControlBar(){if(!this.oDOMControlBar){let e=document.createElement(u.default.zgControlBar.tagName);this._attachToParent(e,this.oDOMHeader),this.oDOMControlBar=e}this.oDOMControlBar.setAttribute("slot","control-bar"),this.widget.updateFocus("ControlBar")}_setLayoutControls(e){(e="disabled"!==e&&(""===e||(!(null!==e||!this.hasAttribute(u.default.zgLayout.attr))||!!e)))?(this.oDOMLayoutControls||(this.oDOMLayoutControls=document.createElement(u.default.zgLayoutControls.tagName),this.bReady&&this._attachToParent(this.oDOMLayoutControls,this.oDOMControlBar)),this.oDOMLayoutControls.setAttribute("slot","layout-controls")):!e&&this.oDOMLayoutControls&&(this.oDOMLayoutControls.parentNode.removeChild(this.oDOMLayoutControls),this.oDOMLayoutControls=null),this._toggleControlBar()}_setCreateControls(e){e?(this.oDOMControlBar.oDOMCreate.removeAttribute("hidden"),this.oDOMControlBar.setAttribute(u.default.attr.create,"")):(this.oDOMControlBar.oDOMCreate.setAttribute("hidden",""),this.oDOMControlBar.removeAttribute(u.default.attr.create)),this._toggleControlBar()}_setBatchEditControls(e){this.oDOMControlBar.oDOMBatchEdit&&(e?(this.oDOMControlBar.setAttribute(u.default.attr.batchEdit,""),this.oDOMControlBar.oDOMBatchEdit.removeAttribute("hidden")):(this.oDOMControlBar.removeAttribute(u.default.attr.batchEdit),this.oDOMControlBar.oDOMBatchEdit.setAttribute("hidden","")),this._toggleControlBar())}_setCellBreak(e,t){this.widget.cellBreakManager.setCellBreak(e)}_toggleControlBar(){let e=!1,t=this.oDOMControlBar._oShadowRoot.querySelector('slot[name="cardaction"]').assignedNodes(),o=this.oDOMControlBar._oShadowRoot.querySelector('slot[name="action"]').assignedNodes(),n=this.widget.layoutManager.sCurrentType||this.widget.layoutManager.getLayoutType();o.length&&(e=o.some((e=>null===e.getAttribute("hidden")&&e.tagName.toLowerCase()!==u.default.zgText.tagName))),this.oDOMLayoutControls||e||t.length>1&&n===u.default.zgLayout.typeCard?this.oDOMControlBar.removeAttribute("hidden"):this.oDOMControlBar.setAttribute("hidden","")}_attachToParent(e,t){t.bReady?t.appendChild(e):t.on("ready",(()=>t.appendChild(e)))}_activateLoadByScroll(){const e=this.widget;e.store;let t=this.height||u.default.infinite.defaultHeight;this.height||(this.height=u.default.infinite.defaultHeight),e.oDOMScroller||(e.oDOMScroller=this._oShadowRoot.querySelector(u.default.zg.shadow.frameBodyWrapper),e.scroller&&e.scroller.ons()),e.oDOMScroller.style.height=t,e.oDOMScroller.setAttribute(u.default.attr.height,""),this.oTopPager&&this.oTopPager.remove(),this.oBottomPager&&this.oBottomPager.remove()}_setGrouping(e){const t=this.widget;let o=t.aGroupBy;t.bGroupBy=!!e,t.bGroupBy?("string"==typeof e&&(e=e.split(",").map((e=>e.trim()))),t.aGroupBy=e):t.aGroupBy=[],this.bReady&&t._updateGroupedColumnReset(!0,!t.bGroupBy,o)}_setAlign(e){const t=this.widget,o=t.getAllHeadRows(),n=t.getAllBodyRows(),r=t.getAllFootRows();(o||n||r)&&(this._setAlignByArea(o,e),this._setAlignByArea(n,e),this._setAlignByArea(r,e))}_setAlignByArea(e,t){const o=this.widget;let n=o.aColumnMapping;e.forEach((e=>{e.childNodes.forEach(((e,r)=>{let a=n[r].sAlign||t||null;o.setCellAlignment(e,a)}))}))}_setHeaderAutoFormat(e){if(""===e||null===e?this.widget.bHeaderAutoFormat=!0:(this.widget.bHeaderAutoFormat="disabled"!==e&&!!e,this.widget.bHeaderAutoFormat&&"string"==typeof e&&(this.widget.fnHeaderAutoFormat=h.Z.setUserFunction(null,e))),this.widget.aColumnMapping)for(let e=0,t=this.widget.aColumnMapping.length;e<t;e++){this.widget.aColumnMapping[e].oDOMZGColumn.setHeader()}}_setNestedDataSeparator(e){const t=this.widget;if(t.sNestedDataSeparator=""===e||null===e?".":e,t.aColumnMapping)for(let e=0,o=t.aColumnMapping.length;e<o;e++){t.aColumnMapping[e].oDOMZGColumn.setHeader()}}_updateColumnControls(e,t,o){const n=this.widget,r={editorControls:this.editorControls,rowSelector:this.rowSelector,recordKey:this.recordKey,recordDuplicate:this.recordDuplicate,aggregate:this.aggregate};r[e]=t,n._addColumnControls(r),o||(n.setupCardHeader(),n.updater.clearCache(),n.update())}_updateRowIndex(){this.widget.getAllBodyRows().forEach((e=>e.setBodyIndexes(e.bodyRowIndex)))}_setGridLines(e){const t=this.widget,o=[...t.getAllHeadRows(),...t.getAllBodyRows()];if(e){const t=e.toLowerCase();o.forEach((e=>{"both"===t||"vert"===t||"vertical"===t?e.setAttribute(u.default.attr.gridlinesvert,""):e.removeAttribute(u.default.attr.gridlinesvert),"both"===t||"horz"===t||"horizontal"===t?e.setAttribute(u.default.attr.gridlineshorz,""):e.removeAttribute(u.default.attr.gridlineshorz)}))}else o.forEach((e=>{e.removeAttribute(u.default.attr.gridlinesvert),e.removeAttribute(u.default.attr.gridlineshorz)}))}_setClass(e,t,o){o&&this[`fn${t}Class`]||(this[`fn${t}Class`]=h.Z.setUserFunction(null,e))}_setRowHeight(e,t){!e&&t?e="auto":e||t?e==+e&&(e+="px"):e=void 0,this.widget.nRowHeight=e,!this.cellBreak&&"auto"!==this.rowHeight&&t&&(this.cellBreak=u.default.cellBreak.ellipsis)}_setZebra(e){let t=this.widget;const o=null===e?[]:[u.default.zebra.defaultClass1,u.default.zebra.defaultClass2];if(e&&"true"!==e&&!0!==e){let o=e.split(",");1===o.length&&(o=o[0].split(" ")),t.aZebraClasses=o.map((e=>e.trim()))}else t.aZebraClasses=o}_setColumnsControl(e,t){if(this.caption||t||this.oDOMCaption||this._setCaption(null,!0),!this.oDOMCaption||!this.oDOMCaption.bReady){const t=()=>{this.oDOMCaption&&this.oDOMCaption.bReady?this._setColumnsControl(e):requestAnimationFrame(t)};return void(e&&requestAnimationFrame(t))}const o=this.oDOMCaption.oDOMColumnMenu;e?o.removeAttribute(u.default.attr.hidden):(o.setAttribute(u.default.attr.hidden,""),t||this._checkRemoveCaption())}_checkRemoveCaption(){this.oDOMCaption&&!this.oDOMCaption.showCaption()&&(this.oDOMHeader.removeChild(this.oDOMCaption),this.oDOMCaption=null)}_setDefaultDisplay(e){this.widget.sDefaultDisplay=e,this.bReady&&this.widget.updater.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0})}_setColumnResizable(e,t){if(this.widget.bColumnResizable=e,this.widget.bColumnResizablePersistent=t,void 0===e&&t&&(this.widget.bColumnResizable=!0),this.bReady){[...this.oDOMHead.querySelectorAll(u.default.zgHeadCell.tagName)].forEach((e=>e._setResize()))}}_setColumnDrag(e,t){const o=this.widget;this.bUpdatingDrag||(this.bUpdatingDrag=!0,o.bDragHide=!1,o.bDragMove=!1,e&&void 0===t?(t=u.default.drag.both,this.defaultColumnDragAction=u.default.drag.both):t&&void 0===e?(e=!0,this.columnDrag=!0):e||void 0!==t||(this.defaultColumnDragAction=null),o.bColumnDrag=e,"string"==typeof t&&((t=t.toLowerCase())!==u.default.drag.both&&t!==u.default.drag.hide||(o.bDragHide=!0),t!==u.default.drag.both&&t!==u.default.drag.reorder||(o.bDragMove=!0)),this.widget.columnDragManager.setColumnDrag(),this.bUpdatingDrag=!1)}_setCellTooltipOptions(e,t){const o=this.widget;o.oCellTooltip[e]=t,this.bReady&&o.updater.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0})}_setButtonTooltipDisabled(e){this.querySelectorAll("zg-button[dir]").forEach((t=>{t.setTooltip(t.action,this.widget,t.customTooltip,e)}))}_setCellTooltipRenderer(e){e&&d.HD(e)?this.widget.oCellTooltip.fnCellTooltipRenderer=h.Z.setUserFunction(null,e):this.widget.oCellTooltip.fnCellTooltipRenderer=null}_setCellTooltipTemplate(e){const t=window[e]||document.getElementById(e)||null;this.widget.oCellTooltip.oDOMCellTooltipTemplate=t}_setHeaderTooltipOptions(e,t,o){const n=this.widget;if(n.oHeaderTooltip[e]=t,this.bReady)if(o){const e=n.aColumnMapping;for(let t=0,o=e.length;t<o;t++)e[t].oDOMZGColumn.removeAttribute("min-calculated-header-width");n.update({bUpdateColumnHeaderContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0})}else{[...n.getAllHeadCells(!0)].forEach((e=>e._setHeaderTooltip()))}}_setHeaderTooltipRenderer(e){e&&d.HD(e)?this.widget.oHeaderTooltip.fnHeaderTooltipRenderer=h.Z.setUserFunction(null,e):this.widget.oHeaderTooltip.fnHeaderTooltipRenderer=null}_setHeaderTooltipTemplate(e){const t=window[e]||document.getElementById(e)||null;this.widget.oHeaderTooltip.oDOMHeaderTooltipTemplate=t}_setRowSelector(e){!this.oDOMCaption&&e?this._setCaption(null,!0):this.oDOMCaption&&!e&&(this._setCaption(null),this._checkRemoveCaption())}_setScrollHeight(e){const t=this.widget.oDOMScroller||this._oShadowRoot.querySelector(u.default.zg.shadow.frameBodyWrapper),o=this._oShadowRoot.querySelector(u.default.zg.shadow.frameBodyWrapper);e?(o.setAttribute(u.default.attr.height,""),t.setAttribute(u.default.attr.height,""),-1===e.indexOf("px")&&(e+="px"),o.style.height=e,t.style.height=e):(o.removeAttribute(u.default.attr.height),o.style.height="",t.removeAttribute(u.default.attr.height),t.style.height="")}_setScrollWidth(e,t){const o=this.widget;if(!o||!o.mainGridTable)return;let n=o.mainGridTable.dom;if(o.nSetWidth=e,e){+e==e&&(e+="px");const t=-1!==e.indexOf("%");n.setAttribute(u.default.attr.width,""),this.style.width=e,n.style.width=t?"":e,this.oDOMVScroller&&(this.oDOMVScroller.style.width="")}else this.style.width="",n.style.width="";!t&&this.bReady&&requestAnimationFrame((()=>o.updater.updateResizeWindow(!0)))}_addDependentCaption(e,t){if(this.caption||t||this.oDOMCaption||this._setCaption(null,!0),!this.oDOMCaption||!this.oDOMCaption.bReady){const t=()=>{this.oDOMCaption&&this.oDOMCaption.bReady?e():requestAnimationFrame(t)};return requestAnimationFrame(t),!0}return!1}_setSearch(e,t){if(e||t){if(this._addDependentCaption((()=>this._setSearch(e,t)),t))return}const o=this.oDOMCaption.querySelector(u.default.zgSearch.tagName);e?(o.removeAttribute(u.default.attr.hidden),this.widget.search=o):(o.setAttribute(u.default.attr.hidden,""),t||this._checkRemoveCaption())}_setStaticMenu(e,t){if(e){if(this._addDependentCaption((()=>this._setStaticMenu(e,t))))return}if(this.oDOMCaption){this.oDOMCaption.toggleStaticMenu(e)||e||this._checkRemoveCaption()}this.bReady&&e&&this.widget.menuManager.initMenu(t)}_toggleSorter(e){""===e&&(e=!0);let t=this.oDOMHead.querySelectorAll(u.default.zgHeadCell.tagName);this.oDOMHead&&this.oDOMHead.children&&(e?[...t].forEach((e=>e._setupSort())):[...t].forEach((e=>e._removeSort())))}_setSorter(e,t){const o=this.widget,n=o.store;""===e&&(e=!0),e&&n&&n.isIncrementalLoad()&&"firebase"===n.oDataFormat.sAdapter?d.Aq("Firebase does not support server side sorting."):(o.bHasSorterEnabled=!!e,o.bHasSorterEnabled&&"string"==typeof t&&(o.sorter.fnSorter=h.Z.setUserFunction(null,t)),!o.sorter.fnSorter||null!==t&&"function"==typeof o.sorter.fnSorter.method||(o.sorter.fnSorter=null),this.oDOMHead&&this.oDOMHead.children&&(o.bHasSorterEnabled?[...this.oDOMHead.children].forEach((e=>e.setAttribute(u.default.sort.attr,""))):[...this.oDOMHead.children].forEach((e=>e.removeAttribute(u.default.sort.attr)))))}_setSortIntl(e){for(let t=0,o=this.widget.aColumnMapping.length;t<o;t++){this.widget.aColumnMapping[t].oDOMZGColumn.updateGlobalIntlSort(e)}}_setThemeCSS(e){e&&this._loadCss(e)}_setGridClasses(e){const t=["cell","head","foot","col","row","frozenRow"];for(let o=0;o<t.length;o++){const n=t[o]+"Class",r=t[o].charAt(0).toUpperCase()+t[o].slice(1);this[n]&&this._setClass(this[n],r,e)}}_setThemeIconSVG(e){this.defaultSVG=o(2757),this.defaultSVG&&(this.svgSrc=this.defaultSVG),this.svgSrc&&(this.themeSVG=(0,d.hS)(this.svgSrc));try{this.svgSrc=o(9179)(`./${e}.svg`);let t=(0,d.hS)(this.svgSrc).children;this.themeSVG=(0,d.ls)(this.themeSVG,t)}catch(t){if(!e)return;let o=e.split(".css");if(o.length<2){const e=this.externalThemeArr.filter((e=>e.name===this.externalThemeName));return void(e.length&&(this.themeSVG=e[0].src))}this.bWaitingForIcons=!0,(0,d.wZ)(o[0]).then((e=>{this.themeSVG=(0,d.ls)(this.themeSVG,e),this.externalThemeName=o[0].split("/").slice(-1)[0],this.externalThemeArr.push({name:this.externalThemeName,src:this.themeSVG}),this.bWaitingForIcons=!1,this.widget.iconManager.updateIconTheme()}))}}_storeEditorValue(e){const t=e||this.getAttribute(u.default.editor.attr);t&&t.length&&!0!==t?this.userEditorValue=t:this.userEditorValue=!1}_wrapAPI(e){const{widget:t={}}=this;t.bAPIReady?e():t.on("apiready",(()=>{t&&!t.bDisconnect&&e()}))}cell(e,t){return this.widget.selectorEngineManager.$cell(e,t)}row(e){return this.widget.selectorEngineManager.$row(e)}openRowEditor(e){if(this.widget.bHasEditorEnabled){const t=this.row(e);requestAnimationFrame((()=>this.widget.editorManager.openEditor(t)))}return this}closeContextMenu(){return this.widget.menuManager&&this.widget.menuManager.isMenuOpen()&&this.widget.menuManager.closeMenu(),this}closeDialog(){return this.oDOMDialog&&this.oDOMDialog.closeEvent(),this}column(e){return this.widget.selectorEngineManager.$column(e)}executeOnLoad(e){this._wrapAPI(e)}getAggregate(){return this.getElementAPI("aggregate")}getBatchEdit(){return this.getElementAPI("batch-edit")}getBatchEditStatus(){return this.getElementAPI("batch-edit-status")||this.widget.store.oDataFormat.sBatchEditStatus||u.default.batchEdit.statusMessage}getCellBreak(){return this.getElementAPI("cell-break")||u.default.cellBreak.default}getCellClass(){return this.getElementAPI("cell-class")}getCells(){return this.widget.getAllBodyCells().map((e=>this.widget.selectorEngineManager.$cell(e.parentNode.rowIndex,e.cellIndex)))}getColClass(){return this.getElementAPI("col-class")}getColumnsControl(){return this.getElementAPI("columns-control")}getCompact(){return this.getElementAPI("compact")}getContextMenu(){return this.getElementAPI("context-menu")}getDefaultDisplay(){return this.getElementAPI("default-display")}getDir(){return this.widget.sComputedDir}getColumnDragAction(){return this.getElementAPI("column-drag-action")||this.defaultColumnDragAction||!1}getColumnDrag(){return this.getElementAPI("column-drag")}getConfirmations(){let e=this.getElementAPI("confirmations");return!0!==e&&!1!==e||(e="all"),e}getCreator(){const e=this.widget&&this.widget.editorManager;return e?e.createType:"modal"}getEditor(){let e=this.getElementAPI(u.default.editor.attr);return!0===e&&(e=this.widget.editorManager._isModalEdit()?u.default.editor.typeModal:u.default.editor.typeInline),e}getEditorControls(){let e=this.getElementAPI("editor-controls");return!0===e&&(e="all"),e}getRowSelector(){return this.getElementAPI("row-selector")}getRecordDuplicate(){return this.getElementAPI("record-duplicate")}getElementAPI(e,t){let o=this.getAttribute(e);return null==o&&(o=t||!1),""!==o&&"true"!==o||(o=!0),o}getFilter(){return this.getElementAPI("filter")}getFootClass(){return this.getElementAPI("foot-class")}getFrozenColumnsLeft(){return this.getElementAPI("frozen-columns-left")}getFrozenColumnsRight(){return this.getElementAPI("frozen-columns-right")}getFrozenRowsTop(){return this.getElementAPI("frozen-rows-top")||0}getFrozenRowsBottom(){return this.getElementAPI("frozen-rows-bottom")}getGridlines(){return this.getElementAPI("gridlines")}getHeadClass(){return this.getElementAPI("head-class")}getHeaderAutoFormat(){return this.getElementAPI("header-auto-format",!0)}getNestedDataSeparator(){return this.getElementAPI("nested-data-separator")}getHeight(){return this.getBoundingClientRect().height+"px"}getIconSet(){return this.getElementAPI("icon-set")}getIconSetData(){return this.getElementAPI("icon-set-data")}getLang(){return g.default.getLang(this.widget)}getLayout(){return this.getElementAPI("layout")}getLayoutControls(){let e=this.getElementAPI("layout-controls"),t=this.getElementAPI("layout");return!1===e&&!1!==t||e}getPreserveStateId(){return this.getElementAPI("preserve-state-id")}getPreserveStateOptions(){return this.getElementAPI("preserve-state-options")}getPreserveStateLoad(){return this.getElementAPI("preserve-state-load")}getPreserveStateSave(){return this.getElementAPI("preserve-state-save")}getNodata(){return this.getElementAPI("no-data")}getPager(){return this.getElementAPI("pager")}getPageSizeCard(){return parseInt(this.getElementAPI("page-size-card"),10)||this.widget.pageSize}getPageSizeRow(){return parseInt(this.getElementAPI("page-size-row"),10)||this.widget.pageSize}getFrozenRowClass(){return this.getElementAPI("frozen-row-class")}getRowClass(){return this.getElementAPI("row-class")}getGroupBy(){return(this.widget.aGroupBy||[]).join(",")}getSearch(){return this.getElementAPI("search")}getSelector(){return this.getElementAPI("selector")}deselectRows(){return this._wrapAPI((()=>{this.widget.fire("rowdeselect")})),this}selectRow(e){return this._wrapAPI((()=>{let t=this.widget;const o=t.getColumnIndexByType("selector");if(-1===o)return;const n=t.selectorEngineManager.$cell(e,o);if(!n)return;n.dom().querySelector("zg-checkbox").checked=!0})),this}deselectRow(e){return this._wrapAPI((()=>{let t=this.widget;const o=t.getColumnIndexByType("selector");if(-1===o)return;const n=t.selectorEngineManager.$cell(e,o);if(!n)return;n.dom().querySelector("zg-checkbox").checked=!1})),this}getSelectedRows(){let e=this.widget,t=Object.keys(e.aSelectedRows),o=[];for(let n=0;n<t.length;n++)o.push(e.store.cleanSingleRecord(e.aSelectedRows[t[n]].get()));return o}getSort(){return this.getElementAPI("sort")}getSorter(){return this.getElementAPI("sorter")}getSortedColumn(){const e=this.widget.sorter,t=e.sActiveSortedIndex;if(!t)return!1;return{fieldIndex:t,order:1===e.nSortOrder?"asc":"desc"}}getSource(){return this.getElementAPI("source")}getSrc(){return this.getElementAPI("src")}getStaticMenu(){return this.getElementAPI("static-menu")}getTemplateEndDelimiter(){return this.getElementAPI("template-end-delimiter")||u.default.template.templateEndDelimiter}getTemplateStartDelimiter(){return this.getElementAPI("template-start-delimiter")||u.default.template.templateStartDelimiter}getTheme(){return this.theme||u.default.theme.default}getViewport(){return this.getElementAPI("viewport")}getViewportPause(){return this.getElementAPI("viewport-pause")}getViewportStop(){return this.getElementAPI("viewport-stop")}getViewportTypes(){return this.getElementAPI("viewport-types")||JSON.stringify(this.widget.viewportManager.types)}getWidth(){return this.getBoundingClientRect().width+"px"}getZebra(){return this.getElementAPI("zebra")}setAggregate(e){return this.setElementAPI("aggregate",e)}setBatchEdit(e){return this.setElementAPI("batch-edit",e)}setBatchEditStatus(e){return this.setElementAPI("batch-edit-status",e)}setCellBreak(e){return this.setElementAPI("cell-break",e)}setCellClass(e){return this.setElementAPI("cell-class",e)}setColClass(e){return this.setElementAPI("col-class",e)}setColumns(e){return this._wrapAPI((()=>{!e&&this.hasAttribute("columns")?this.removeAttribute("columns"):this.columns=e})),this}setColumnsControl(e){return this.setElementAPI("columns-control",e)}setCompact(e){return this.setElementAPI("compact",e)}setDefaultDisplay(e){return this.setElementAPI("default-display",e)}setDir(e){return this.setElementAPI("dir",e)}setColumnDragAction(e){return this.setElementAPI("column-drag-action",e)}setColumnDrag(e){return this.setElementAPI("column-drag",e)}setFootClass(e){return this.setElementAPI("foot-class",e)}setFrozenColumnsLeft(e){return this.setElementAPI("frozen-columns-left",e)}setFrozenColumnsRight(e){return this.setElementAPI("frozen-columns-right",e)}setFrozenRowsTop(e){return this.setElementAPI("frozen-rows-top",e)}setFrozenRowsBottom(e){return this.setElementAPI("frozen-rows-bottom",e)}setGridlines(e){return this.setElementAPI("gridlines",e)}setHeadClass(e){return this.setElementAPI("head-class",e)}setHeaderAutoFormat(e){return this.setElementAPI("header-auto-format",e)}setNestedDataSeparator(e){return this.setElementAPI("nested-data-separator",e)}setHeight(e){return this.setElementAPI("height",e)}setIconSet(e){return this.setElementAPI("icon-set",e)}setIconSetData(e){return this.setElementAPI("icon-set-data",e)}setLayoutControls(e){return this.setElementAPI("layout-controls",e)}setNoData(e){return this.setElementAPI("no-data",e)}setPager(e){return this.setElementAPI("pager",e)}setFrozenRowClass(e){return this.setElementAPI("frozen-row-class",e)}setRowClass(e){return this.setElementAPI("row-class",e)}setSource(e){return this.setElementAPI("source",e)}setViewportPause(e){return this.setElementAPI("viewport-pause",e)}setViewportStop(e){return this.setElementAPI("viewport-stop",e)}setWidth(e){return this.setElementAPI("width",e)}setZebra(e){return this.setElementAPI("zebra",e)}setFilter(e){return this.setElementAPI("filter",e)}setGroupBy(e){return this.setElementAPI("group-by",e)}setSearch(e){return this.setElementAPI("search",e)}setTemplateEndDelimiter(e){return this.setElementAPI("template-end-delimiter",e)}setTemplateStartDelimiter(e){return this.setElementAPI("template-start-delimiter",e)}setConfirmations(e){return this.setElementAPI("confirmations",e)}setCreator(e){return this.setElementAPI("creator",e)}setEditor(e){return this._storeEditorValue(e),this.setElementAPI(u.default.editor.attr,e)}setEditorControls(e){return this.setElementAPI("editor-controls",e)}setRowSelector(e){return this.setElementAPI("row-selector",e)}setRecordDuplicate(e){return this.setElementAPI("record-duplicate",e)}setLang(e){return this.setElementAPI("lang",e)}setLayout(e){return this.setElementAPI("layout",e)}setLicense(e){return this._wrapAPI((()=>{c.Z.validateLicense(e)})),this}setBuildCode(e){return this._wrapAPI((()=>{c.Z.validateLicense(null,e),c.Z.bValidated&&this.oDOMWaterMark&&(this.oDOMWaterMark.remove(),this.oDOMWaterMark=null)})),this}setPreserveStateId(e){return this.setElementAPI("preserve-state-id",e)}setPreserveStateOptions(e){return this.setElementAPI("preserve-state-options",e)}setPreserveStateLoad(e){return this.setElementAPI("preserve-state-load",e)}setPreserveStateSave(e){return this.setElementAPI("preserve-state-save",e)}setState(e){this._wrapAPI((()=>{("string"==typeof e&&""===e||"object"==typeof e&&0===Object.keys(e).length)&&(e=null),this.widget.stateManager.setUserState(e)}))}clearState(){this._wrapAPI((()=>{this.widget.stateManager.clearState(!0)}))}setStateField(e,t){this._wrapAPI((()=>{this.widget.stateManager.setUserStateField(e,t)}))}setRecordCount(e){return(!e||e<0)&&(e=0),this.setElementAPI("record-count",e)}setSort(e){return this.setElementAPI("sort",e)}setSorter(e){return this.setElementAPI("sorter",e)}setContextMenu(e){return this.setElementAPI("context-menu",e)}setStaticMenu(e){return this.setElementAPI("static-menu",e)}setSelector(e){return this.setElementAPI("selector",e)}setSrc(e){return this.setElementAPI("src",e)}setTheme(e){return this.setElementAPI("theme",e)}setCardTemplate(e){return this._wrapAPI((()=>{if(window[e]||document.getElementById(e)){const t=this.widget.oCard||document.createElement(u.default.zgCard.tagName);t.setAttribute("renderer-template",e),this.widget.oCard||this.appendChild(t),this.widget.updater.clearCache(),this.widget.update()}})),this}setElementAPI(e,t){return this._wrapAPI((()=>{t=void 0===t||t,d.Xh({el:this,attr:e,value:t})})),this}triggerColumnChange(e){this.widget.nLeftFrozenColumns=e?1:0,this.widget.updater.clearCache(),this.widget.update()}updateSize(e,t,o){t=void 0===t?.2:t,t*=1e3;const n=this.widget,r=n.loadmask;return e&&(n.bUpdatingSize=!0,r.loading()),t>200&&setTimeout((()=>{n.updater.updateResizeWindow(!0,!0)}),200),setTimeout((()=>{o?this.widget.updater.nSavedResizeWidth=this.clientWidth:(n.renderTo.style.display="none",n.updater.nSavedResizeWidth=this.clientWidth,n.renderTo.style.display=""),n.updater.updateResizeWindow(!0,!0),e&&(r.loaded(),n.bUpdatingSize=!1)}),t),this}formatDate(e,t,o){return"string"!=typeof e&&"number"!=typeof e||(e=p.kB(e)),p.p6(e,t,o,this.widget)}fromNow(e,t){return"string"!=typeof e&&"number"!=typeof e||(e=p.kB(e)),p.Zh(e,t,this.widget)}calculate(e,t,o){t=t||{};return this.widget.aggregateManager.calculate(e,t,o)}static get observedAttributes(){return v}}n.Z._registerElement(f,y);const z=y},8419:(e,t,o)=>{"use strict";o.d(t,{default:()=>r});const n={zg:{tagName:"zing-grid",shadow:{frameWrapper:".zing-grid-frames",frameBodyWrapper:"#zing-grid-frames-body",scrollWrapper:".zing-grid-scroll"},slot:{dialogInternal:"dialogInternal"}},zgBody:{tagName:"zg-body",nodeName:"ZG-BODY",sectionSelector:{left:"#leftbody",right:"#rightbody",main:"#mainbody"}},zgButton:{tagName:"zg-button",hasTextAttr:"hastext",noTooltipAttr:"notooltip",forceBorderAttr:"force-border",action:{checkbox:"checkbox"},aria:{focus:"zg-aria-focus"},slot:{checkbox:"checkbox",icon:"icon",label:"label"}},zgCaption:{attr:"caption",tagName:"zg-caption"},zgCard:{tagName:"zg-card"},zgCell:{tagName:"zg-cell",actionCellSize:54,actionCellKey:"fitaction",cellIndexAttr:"data-field-index",cellInfoTooltipAttr:"data-field-info-tooltip",cellLabelAttr:"data-field-label",cellGroupAttr:"data-group",sectionSelector:{left:"#leftbody zg-cell",right:"#rightbody zg-cell",main:"#mainbody zg-cell"},singleEditAttr:"edit-row-buttons-one-cell"},zgCellOverflow:{tagName:"zg-cell-overflow"},zgCheckbox:{tagName:"zg-checkbox"},zgColgroup:{tagName:"zg-colgroup",sectionSelector:{left:"#leftcolgroup",right:"#rightcolgroup",main:"#gridcolgroup"}},zgColumn:{tagName:"zg-column",alignDefault:"left",alignTypes:["center","left","right"]},zgColumnResize:{tagName:"zg-column-resize",defaultMinWidth:52,attr:"resize-column",persistentAttr:"resize-persistent"},zgData:{attr:"data",tagName:"zg-data"},zgDialog:{attr:"dialog",tagName:"zg-dialog",all:"all",custom:"custom",internal:"internal",open:"open"},zgEditorRow:{tagName:"zg-editor-row",colorLabelClass:"zg-editor-row-color-label",colorPickerClass:"zg-editor-row-color-picker",colorWrapClass:"zg-editor-row-color-wrap",fieldLabelId:"editorRowFieldLabel",sectionSelector:{left:"#lefteditorrow",right:"#righteditorrow",main:"#bodyeditorrow"},radioLabelClass:"zg-editor-row-radio-label",radioWrapClass:"zg-editor-row-radio-wrap"},zgFilter:{attr:"filter",tagName:"zg-filter"},filter:{match:"match",matchList:"matchList",boolMatch:"boolMatch",contain:"contain",defaultOperation:"contain"},zgFocus:{tagName:"zg-focus",sectionSelector:{left:'[slot="leftgridfocus"]',right:'[slot="rightgridfocus"]',main:'[slot="bodygridfocus"]'}},zgFoot:{tagName:"zg-foot",sectionSelector:{left:"#leftfoot",right:"#rightfoot",main:"#mainfoot"}},zgFooter:{tagName:"zg-footer"},zgHead:{tagName:"zg-head",sectionSelector:{left:"#lefthead",right:"#righthead",main:"#mainhead"}},zgHeader:{tagName:"zg-header"},zgHeadCell:{tagName:"zg-head-cell",infoTooltipType:"info",isReorderingClass:"is-reordering",isContentLongerAttr:"is-content-longer",mainIconClass:"zg-head-icon"},zgIcon:{attr:"icon-set",slotIcon:"icon",tagName:"zg-icon"},zgInput:{tagName:"zg-input"},zgLayout:{attr:"layout",cardTplAttr:"card-template",reset:"reset",typesArr:["card","row"]}};n.zgLayout.typeCard=n.zgLayout.typesArr[0],n.zgLayout.typeRow=n.zgLayout.typesArr[1],n.zgLayoutControls={tagName:"zg-layout-controls",attr:"layout-controls"},n.zgLoadMask={tagName:"zg-load-mask",defaultAttr:"default-load-mask"},n.zgMenu={tagName:"zg-menu",groupItems:"zg-menu-group-items",groupLabel:"zg-menu-group-label",groupWrap:"zg-menu-group-wrap",opener:"menu-opener",static:"static",context:"context",browser:"browser"},n.zgControlBar={tagName:"zg-control-bar"},n.zgMenuGroup={tagName:"zg-menu-group"},n.zgMenuItem={tagName:"zg-menu-item"},n.zgNoData={attr:"no-data",tagName:"zg-no-data"},n.zgOptionList={tagName:"zg-option-list"},n.zgPager={tagName:"zg-pager",attr:"pager",cursorAttr:"cursor",defaultPageSizes:"5,10,50",typeAttr:"pager-type",typeAttrProp:"pagerType",buttonLimitAttr:"pager-button-limit",buttonArrowType:"button-arrow",buttonTextType:"button-text",currentPageAttr:"active",defaultButtonLimit:5},n.zgParam={tagName:"zg-param"},n.zgRow={tagName:"zg-row",defaultHeight:48,defaultCompactHeight:40,defaultCompactHeadHeight:32,defaultHeadHeight:40},n.zgSearch={attr:"search",tagName:"zg-search"},n.zgSelect={tagName:"zg-select"},n.zgSelectorMask={attr:"selector",tagName:"zg-selector-mask",sectionSelector:{left:'[slot="leftgridselectmask"]',right:'[slot="rightgridselectmask"]',main:'[slot="bodygridselectmask"]'}},n.zgSeparator={tagName:"zg-separator"},n.zgSource={attr:"source",tagName:"zg-source"},n.zgStatus={tagName:"zg-status",barPosition:"bar",delay:3e3,delayAttr:"status-delay",persistAttr:"status-persist",positionAttr:"status-position"},n.zgText={tagName:"zg-text"},n.zgTooltip={tagName:"zg-tooltip",noInfoIconAttr:"no-info-icon",actionAttr:"tooltip-action",typeAttr:"tooltip-type",typeDefault:"default",typeSystem:"system",actionTypeHover:"hover",actionTypeClick:"click",iconPositionAttr:"tooltip-icon-position",iconPositionRight:"right",iconPositionLeft:"left",iconPositionAfterText:"after-text",iconTriggerType:"icon",textTriggerType:"text",positionAttr:"tooltip-position"},n.zgWatermark={attr:"watermark",tagName:"zg-watermark"},n.internalColumn={recordeditor:"editor",recordduplicate:"duplicate",recordinfo:"info",recordremover:"remover",recordselector:"selector",recordkey:"recordkey",rownumber:"row-number",rowgroup:"row-group"},n.storybook={dialog:"storybook-dialog",menu:"storybook-menu",editorrow:"storybook-editor-row",focus:"storybook-focus",status:"storybook-status",select:"storybook-select"},n.internalColumnTypes=[n.internalColumn.recordduplicate,n.internalColumn.recordeditor,n.internalColumn.recordremover,n.internalColumn.recordselector,n.internalColumn.recordinfo,n.internalColumn.rownumber],n.cellTypes={toggle:"toggle",custom:"custom",gravatar:"gravatar",button:"button",aggregate:"aggregate"},n.noDataColumnTypes=[n.cellTypes.custom,n.cellTypes.button,n.cellTypes.aggregate],n.columnType={},n.columnType.color={modeAttr:"type-color-mode",modes:{hexAlpha:"hex-alpha",hexLong:"hex-long",hexShort:"hex-short",hsl:"hsl",hsla:"hsla",name:"name",rgb:"rgb",rgba:"rgba"},notConvertedClass:"color-not-converted",notValidClass:"color-not-valid",previewAttr:"type-color-preview",spacesAttr:"type-color-spaces",spaces:{inherit:"inherit",invalid:"disabled",valid:"true"},transparent:"transparent"},n.columnType.color.modeDefault=n.columnType.color.modes.hex,n.frozenColumns={noContent:"no-content",leftAttr:"frozen-columns-left",rightAttr:"frozen-columns-right"},n.zgFrozenColgroup={tagName:"zg-frozen-colgroup"},n.confirmations={attr:"confirmations",all:"all",delete:"delete",batchEdit:"batch-edit",batchEditDiscard:"batch-edit-discard"},n.cellBreak={attr:"cell-break",all:"all",cellBreakPrep:"cell-break-prep",ellipsis:"ellipsis",normal:"normal",word:"word"},n.cellBreak.allowedTypes=[null,"",n.cellBreak.all,n.cellBreak.ellipsis,n.cellBreak.normal,n.cellBreak.word],n.cellBreak.default=n.cellBreak.normal,n.drag={attr:"drag",columnAttr:"column-drag",rowAttr:"row-drag",columns:"columns",rows:"rows",both:"both",reorder:"reorder",hide:"hide"},n.editor={attr:"editor",typeInline:"inline",typeModal:"modal",bindingAttr:"data-zg-key",editingClass:"cell-edit-active"},n.editorControls={attr:"editor-controls",all:"all",creator:"creator",editor:n.internalColumn.recordeditor,remover:n.internalColumn.recordremover},n.batchEdit={tagName:"zg-batch-edit",dirtyClass:"cell-dirty-edit",removedClass:"row-dirty-removed",insertedClass:"row-dirty-inserted",statusMessage:"[[changesMessage]]",tokens:{changes:"changes",recordsEdited:"recordsEdited",fieldsEdited:"fieldsEdited",deleted:"deleted",inserted:"inserted",modified:"modified",messageSuffix:"Message"}},n.fullscreen={attr:"fullscreen"},n.infinite={defaultHeight:"500px",defaultInfiniteDisplay:3},n.search={threshold:250},n.sort={attr:"sort",sorter:"sorter",ascAttr:"sort-asc",descAttr:"sort-desc"},n.theme={attr:"theme"},n.template={type:{editor:"editor",renderer:"renderer",details:"details"},detailsAttr:"has-details",templateStartDelimiter:"[[",templateEndDelimiter:"]]"},n.zebra={attr:"zebra",defaultClass1:"zebra-1",defaultClass2:"zebra-2"},n.validation={fail:"FAILVALIDATION",haserror:"has-error",css:"zg-validation-error"},n.attr={action:"action",active:"active",align:"align",animate:"animate",animateEnd:"animate-end",animateStart:"animate-start",batchEdit:"batch-edit",batchEditActive:"batch-edit-active",batchEditMessage:"batch-edit-message",batchEditLongMessage:"batch-edit-long-message",buttonTooltip:"button-tooltip",class:"class",close:"close",control:"data-control-field",create:"create",datafocus:"data-focusable",editorcontrols:"editor-controls",first:"first",frozen:"frozen",frozenframe:"frozen-frame",gridlines:"gridlines",gridlinesvert:"gridlines-vertical",gridlineshorz:"gridlines-horizontal",hasText:"has-text",height:"height",hidden:"hidden",hover:"hover",icon:"icon",init:"init",internalattach:"internal-attach",internalcaption:"internal-caption",internalselector:"internal-selector",internalcardheader:"internal-card-header",internalcell:"internal-cell",internaltop:"internal-top",internalspan:"internal-span",internaldir:"internal-dir",loading:"loading",mirror:"mirror",name:"name",open:"open",options:"options",parent:"parent",placeholder:"placeholder",position:"position",role:"role",serverrender:"server-rendered",sorted:"sorted",staticscroll:"static-scroll",style:"style",tabindex:"tabindex",text:"text",theme:"theme",title:"title",tooltip:"tooltip",type:"type",value:"value",width:"width"},n.key={down:40,enter:13,up:38,space:32},n.colors={success:"#15bb1a"},n.event={afterPaint:"afterpaint",afterRender:"afterrender",checked:"checked",deselectedCells:"deselectedCells",frozenrowchange:"frozenrowchange",pagesizechange:"pagesizechange",selected:"selected",selectedCells:"selectedcells",selectedFrozenCells:"selectedfrozencells",selectedAllCells:"selectedallcells",unchecked:"unchecked",updated:"updated"},n.http={defaultMethod:"GET",defaultResponseType:"json",defaultCors:"cors"},n.store={defaultTransportType:"fetch",defaultPageSize:50,defaultCDataEscape:!0,keyField:"recordkey",tempID:"CHANGEME"},n.tokens={startAt:"[[startAt]]",page:"[[page]]",limitTo:"[[limitTo]]",sortBy:"[[sortBy]]",sortDir:"[[sortDir]]",serverMessage:"[[serverMessage]]",delim:"[["},n.tableData={headRow:"data-zg-head-row",ignoreRow:"data-zg-ignore-row",frozenRow:"data-zg-frozen-row",frozenColumn:"data-zg-frozen-column",indexValue:"data-zg-index-value"},n.iconSet={allowedTypes:{custom:["custom"],fontAwesome:["fa","fontawesome","font-awesome"]}},n.theme={typesArr:["android","black","dark","default","ios"]},n.theme.android=n.theme.typesArr[0],n.theme.black=n.theme.typesArr[1],n.theme.dark=n.theme.typesArr[2],n.theme.default=n.theme.typesArr[3],n.theme.ios=n.theme.typesArr[4],n.viewport={attr:"viewport",customAttr:"viewport-types",pauseAttr:"viewport-pause",stopAttr:"viewport-stop",mobileLabel:"mobile",tabletPortraitLabel:"tablet-portrait",tabletLandscapeLabel:"tablet-landscape",desktopLabel:"desktop",desktopLargeLabel:"desktop-large"},Object.assign(n.viewport,{mobileMax:550,tabletPortraitMax:1023,tabletLandscapeMax:1199,desktopMax:1399,desktopLargeMax:null}),n.mobile={doubleTapMS:600},n.aria={colCount:"aria-colcount",colIndex:"aria-colindex",controls:"aria-controls",disabled:"aria-disabled",expanded:"aria-expanded",hasPopup:"aria-haspopup",label:"aria-label",rowCount:"aria-rowcount",rowIndex:"aria-rowindex"},n.keys={BACKSPACE:8,TAB:9,ENTER:13,RETURN:13,SHIFT:16,CTRL:17,ALT:18,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,INSERT:45,DELETE:46},n.defaultLang="en",n.global={replaceToken:"^^^^^"};const r=n},8965:(e,t,o)=>{"use strict";o.d(t,{Z:()=>s});var n=o(3605),r=o(2816),a=o(8419);let i=0;const s=class{constructor(e){let t=(e=e||{})._defaults||{};delete e._defaults;for(let e in t)this[e]=t[e];n.mg(this,e),this.$events={},this.initAfterRender?this.widget.on(a.default.event.afterRender,this.init,this):this.initAfterPaint&&this.widget.on(a.default.event.afterPaint,this.init,this)}init(){}on(e,t,o,n,r){let a=this.$events;a[e]=a[e]||[],this.attachSeed(t);let i={fn:t,scope:o,params:n||[],cancelable:r};return a[e].push(i),function(){let t=a[e];t&&i&&(i.fn=null,i.scope=null,i.params.length=0,t.splice(t.indexOf(i),1),i=null)}}once(e,t,o,...n){let r=()=>{t.apply(this,n),this.un(e,r)};this.attachSeed(t),r.$mtFnSeed=t.$mtFnSeed,this.on(e,r,o)}attachSeed(e){e.$mtFnSeed||(Object.defineProperty(e,"$mtFnSeed",{value:i,writable:!0}),i++)}un(e,t,o){if(!t&&!o)throw new Error("Event name [",e,"] needs a function argument to unregister");let n=this.$events[e];if(!o){let e,r=n.length;for(e=0;e<r;e++)if(n[e].fn.$mtFnSeed===t.$mtFnSeed){o=n[e];break}}o&&(this.$events[e]=n.filter((e=>e!==o)),o.fn=null,o.scope=null,o.params.length=0,o=null)}unAll(){for(let e in this.$events){const t=this.$events[e];if(t&&t.length){for(let o=0;o<t.length;o++)this.un(e,null,t[o]);t.length=0}}this.$events={}}fire(e,...t){let o=this.$events[e];if(!o)return;let n=!1;return t.unshift(this),o.forEach((o=>{if(null==o||!o.fn)return;if(o.params&&(t=t.concat(o.params)),this.bDisconnect||this.widget&&this.widget.bDisconnect)return;let r=o.fn.apply(o.scope||this,t,e);o.cancelable&&!1===r&&(n=!0)})),!n}destroy(){let e=r.Z.get(document);if(this.docEvents)for(let t in this.docEvents){let o=this.docEvents[t],n=o.length;for(let r=0;r<n;r++)e.docUn(t,o[r].fn)}this.unAll&&this.unAll(),this.el&&this.el.destroy(),this.widget=null}_show(e){e&&this.el.setXY(e),this.el._show()}_hide(){this.el._hide()}}},5126:(e,t,o)=>{"use strict";o.d(t,{Z:()=>l});var n=o(3605),r=o(4087),a=o(8419);function i(e){if("undefined"==typeof window)return;let t=e.url||"",o=e.method||a.default.http.defaultMethod,i=e.mode,s=void 0!==e.bCDataEscape?e.bCDataEscape:a.default.store.defaultCDataEscape,l=e.oCSVOptions||{},d=e.payload||{},c=e.reload||!0,h="",u=e.body,g=e.sResponseType,p=e.sSeparator,m=e.headers||{},f=t.slice(-5).toLowerCase();const b=(e,t)=>(-1==e.indexOf("?")?e+="?":"&"!==t[0]&&(t="&"+t),e+=t);m["Content-type"]=e.sRequestType,h+=function(e,t){let o,a="";if("object"==typeof e){for(o in e)if("object"!=typeof e[o])a+=o+"="+encodeURIComponent(e[o])+"&";else{let i={};i[o]=e[o];let s=n.iM(i,t);for(let o=0;o<s.length;o++){let n=s[o],i=r.MU(e,n,void 0,t)||"";a+=n+"="+encodeURIComponent(i)+"&"}}""!==a&&(a=a.substring(0,a.length-1))}else a=e;return a}(d,p);let v=e.failure||null,y=e.success||null,z="file:"==window.location.protocol;o=o.toUpperCase(),"GET"===o?(""!=h&&(t=b(t,h)),u=null):u?("application/json"===e.sRequestType&&(u=JSON.stringify(u)),h&&(t=b(t,h))):u="application/json"===e.sRequestType?JSON.stringify(d):h;let w={method:o,headers:m};u&&"{}"!==u&&(w.body=u),i&&(w.mode=i),fetch(t,w).then((e=>{if(z||e.status>=200&&e.status<300){if(204===e.status)return void y(null,e.status,e,t,c);let o=g||e.headers.get("Content-Type")||a.default.http.defaultResponseType;if(o=o.match(/(json)\b/)?"json":o.match(/(xml)\b/)?"xml":o.match(/(csv)\b/)?"csv":o.match(/(html|text)\b/)?"html":g,"json"!==o&&".json"===f&&(o="json"),y)switch(o){case"json":e.json().then((o=>y(o,e.status,e,t,c)));break;case"xml":e.text().then((e=>(new window.DOMParser).parseFromString(e,"text/xml"))).then((o=>{let r=n.yZ(o,s);y(r,e.status,e,t,c)}));break;case"csv":e.text().then((o=>{let r=n.QR(o,l);y(r,e.status,e,t,c)}));break;case"html":case"text":e.text().then((o=>y(o,e.status,e,t,c)));break;default:v(e,e.status,"ZingGrid: Unsupported type found in communication",t)}}else v&&e.text().then((o=>{v(e,e.status,o,t)}))})).catch((e=>{if(!v)throw e;v(null,0,"",t)}))}var s=o(2260);const l=class{onLoadDataRest(e,t){let o,n,r,a=this.widget,i={},s=null;if(this.bLoadNext&&this.sNextPathURL&&!0!==this.sNextPathURL)o=this.sNextPathURL;else if(this.bLoadPrev&&this.sPrevPathURL&&!0!==this.sPrevPathURL)o=this.sPrevPathURL;else if(n=this.userURL(t.sUrl))o=n;else{if(this.isIncrementalLoad()&&(void 0!==this.oDataFormat.sLimitToKey&&(this.oDataFormat.bStartAtValue?i[this.oDataFormat.sLimitToKey]=parseInt(a.getPageSize(),10)+1:i[this.oDataFormat.sLimitToKey]=a.getPageSize()),void 0!==this.oDataFormat.sStartAtKey&&(this.oDataFormat.bStartAtValue?this.bLoadPrev?this.aStartAtValue[`page${a.nCurrPageIdx}`]&&(i[this.oDataFormat.sStartAtKey]='"'+this.aStartAtValue[`page${a.nCurrPageIdx}`]+'"',this.sStartAtValue=null):this.sStartAtValue&&(this.aStartAtValue[`page${a.nCurrPageIdx}`]=this.sStartAtValue,i[this.oDataFormat.sStartAtKey]='"'+this.sStartAtValue+'"',this.sStartAtValue=null):i[this.oDataFormat.sStartAtKey]=a.nCurrPageIdx*a.getPageSize()+1)),void 0!==this.oDataFormat.sPageKey&&(i[this.oDataFormat.sPageKey]=a.nCurrPageIdx+parseInt(this.oDataFormat.nPageBase,10)),void 0!==this.oDataFormat.sSortByKey&&void 0!==this.oDataFormat.sSortBy&&this.oDataFormat.sSortBy&&(this.oDataFormat.bAddValueQuotes&&'"'!==this.oDataFormat.sSortBy[0]?i[this.oDataFormat.sSortByKey]='"'+this.oDataFormat.sSortBy+'"':i[this.oDataFormat.sSortByKey]=this.oDataFormat.sSortBy),void 0!==this.oDataFormat.sSortDirKey&&void 0!==this.oDataFormat.sSortDir&&this.oDataFormat.sSortDir&&(i[this.oDataFormat.sSortDirKey]=this.oDataFormat.sSortDir),void 0!==this.oDataFormat.sSearchKey){let e=null;a.bHasSearchEnabled&&(a.search.oDOMInput.value.trim()||null!==a.search.getAttribute("active"))?e=a.search.oDOMInput.value.trim():void 0!==this.oDataFormat.sSearch&&this.oDataFormat.sSearch&&(e=this.oDataFormat.sSearch.trim()),e&&e.length>0&&(this.sLatestSearch=s=e,this.oDataFormat.bAddValueQuotes&&'"'!==e[0]&&(e='"'+e+'"'),i[this.oDataFormat.sSearchKey]=e)}if(this.oDataFormat.bServerFilter&&"false"!==this.oDataFormat.bServerFilter){let e=a.filter.buildFilterURL();for(let t in e)i[t]=e[t]}this.bLoadPrev&&void 0!==this.oDataFormat.sPrevIDKey&&this.sPrevID&&(i[this.oDataFormat.sPrevIDKey]=this.sPrevID),this.bLoadNext&&void 0!==this.oDataFormat.sNextIDKey&&this.sNextID&&(i[this.oDataFormat.sNextIDKey]=this.sNextID),this.sNeedsSort=this.oDataFormat.sSortBy,this.sNeedsSortDir=this.oDataFormat.sSortDir,o=this.buildURL(t),this.currentParams=i}let l={sDelimiter:t.sCSVDelimiter,sLineSeparator:t.sCSVLineSeparator,bHeader:t.bCSVHeader,bCaption:t.bCSVCaption,widget:a};t.oBody&&(r=this.getBody(t,o)),this.bLoadNext=this.bLoadPrev=!1,this.fire("loading"),this.getFN(t.sTransport)({url:o,payload:i,body:r,sRequestType:t.sRequestType,headers:t.oHeaders,method:t.sMethod,mode:t.sMode,bCDataEscape:t.bCDataEscape,oCSVOptions:l,sResponseType:t.sResponseType,sSeparator:a.sNestedDataSeparator,success:(e,o,n)=>{if(!s||s===this.sLatestSearch){this.bHasLoaded=!0,t.success&&t.success(e);const o={data:e,oResponse:n};this.fire("afterfetch",o),this.fire("afterloaddata",{oResponse:e,oRequest:n})}},failure:(e,o,n)=>{t.oErrorStatus&&this.widget&&this.widget.statusManager&&(this.parseServerMessage(t,o,n),this.widget.statusManager.setStatus(t.oErrorStatus)),t.fnFailure&&t.fnFailure.call(this,e,t),this.widget.webcomponent.style.cursor=null}})}onModifyRecordRest(e){let t=this.getFN(e.sTransport),o=null,r=null;const a=this.widget,i=a.sNestedDataSeparator,s=a.batchEditor;if(e.sFieldIndex){let t=e.sFieldIndex;"disabled"!==i&&(o=t.split(i),r=o.pop())}if("removerecord"===e.sEditMode||"updaterecord"===e.sEditMode||"updatecell"===e.sEditMode){let t=this.getURLRecordField(e.sUrl,e.sRecordIndex,e.sIdKeyValue);if(!n.Uh(t))return void(e.fnFailure&&e.fnFailure.call(this,null,e))}let l=this.buildURL(e,e.bCreate,o),d=this.buildPayload(e,l,r),c=e.sRequestType;"cors"===e.sMode&&"application/json"===c&&(c="application/x-www-form-urlencoded"),t({url:l,method:e.sMethod,headers:e.oHeaders,payload:d,mode:e.sMode,bCDataEscape:e.bCDataEscape,sRequestType:c,sResponseType:e.sResponseType,sSeparator:a.sNestedDataSeparator,success:(t,o,n)=>{s.bSavingBatchEdit&&e.bBatchEdit&&s.onSuccess(),e.fnCallback?e.fnCallback.call(this,e):(this.fire(e.sSuccessEvent,{options:e,response:t,request:n}),e.oStatus&&!e.bBatchEdit&&this.widget&&this.widget.statusManager&&this.widget.statusManager.setStatus(e.oStatus))},failure:(t,o,n)=>{e.oErrorStatus&&(this.parseServerMessage(e,o,n),!e.bBatchEdit&&this.widget&&this.widget.statusManager&&this.widget.statusManager.setStatus(e.oErrorStatus)),s.bSavingBatchEdit&&e.bBatchEdit?s.onFailure(e):e.fnFailure&&e.fnFailure.call(this,t,e),this.widget.webcomponent.style.cursor=null}})}getFN(e){let t;return t=i,t}buildPayload(e,t,o){let r=null;if(e.oBody)r=this.getBody(e,t),e.sRecordIndex&&this.updateRecord(e.sRecordIndex,r,!0);else if(e.bSingleCell&&e.bPayload){if(r={},r[o]=e.payload,"manual"===e.sRestmode&&this.oDataFormat.sIdKey){let o=this.getURLRecordField(t,e.sRecordIndex,e.sIdKeyValue);o&&(r[this.oDataFormat.sIdKey]=o)}}else if(e.bPayload){let t=e.oRecordRawData;r=n.c7.copy(t),delete r.sRESTIndex,delete r.sRecordIndex,delete r.nOriginalIndex,delete r.nRowIndex,delete r.sFrozen}else if("manual"===e.sRestmode&&this.oDataFormat.sIdKey){let o=this.getURLRecordField(t,e.sRecordIndex,e.sIdKeyValue);o&&(r={[this.oDataFormat.sIdKey]:o})}return r}getBody(e,t){let o,n={record:e.oRecordRawData},r=s.Z.setUserFunction(null,e.oBody);if(r){let n=e.oRecordRawData;!n&&e.oRecordModel&&(n=e.oRecordModel.get()),o=r.method.apply(r.oScope,[n,e.sMethod,t])}else o=JSON.parse(this.calculateTemplate(JSON.stringify(e.oBody),n));return o}parseServerMessage(e,t,o){let i=e.oErrorStatus.msg;if(i.indexOf(a.default.tokens.delim)<0)return;if(e.sServerErrorPath&&o)try{const t=JSON.parse(o);o=r.MU(t,e.sServerErrorPath)}catch(e){}let s=new RegExp(n.String.escapeRegExp(a.default.tokens.serverMessage),"g");i=i.replace(s,o),e.oErrorStatus.msg=i}userURL(e){let t=e;if(e.indexOf(a.default.tokens.delim)<0)return!1;let o=new RegExp(n.String.escapeRegExp(a.default.tokens.startAt),"g");e=e.replace(o,this.widget.nCurrPageIdx*this.widget.getPageSize()+1),o=new RegExp(n.String.escapeRegExp(a.default.tokens.page),"g"),e=e.replace(o,this.widget.nCurrPageIdx+1),o=new RegExp(n.String.escapeRegExp(a.default.tokens.limitTo),"g"),e=e.replace(o,this.widget.getPageSize());const r=this.oDataFormat.sSortBy||"";o=new RegExp(n.String.escapeRegExp(a.default.tokens.sortBy),"g"),e=e.replace(o,r);const i=this.oDataFormat.sSortDir||"";return o=new RegExp(n.String.escapeRegExp(a.default.tokens.sortDir),"g"),(e=e.replace(o,i))!==t&&e}buildURL(e,t,o){let n=e.sUrl;if("manual"!==e.sRestmode){if(e.sRecordIndex&&!t){let t=e.sRecordIndex,o=this.getURLRecordField(n,t,e.sIdKeyValue);o&&("/"!==n.slice(-1)&&(n+="/"),n+=o)}if(o&&e.bSingleCell){let e=o.join("/");e&&("/"!==n.slice(-1)&&(n+="/"),n+=e+"/")}e.sUrlSuffix&&(n+=e.sUrlSuffix)}if(e.sQueryString&&(-1===e.sQueryString.indexOf("?")&&-1===n.indexOf("?")&&(n+="?"),n+=e.sQueryString),n.indexOf(a.default.tokens.delim)>=0){let t={record:e.oRecordRawData};n=this.calculateTemplate(n,t,null,!0)}return n}getURLRecordField(e,t,o){let n,r=this.oDataFormat.sIdKey,a=this.oLocalModel[t].model.get();return n=o||(/firebaseio/.test(e)||!this.bIsRawDataArray?a.sRESTIndex:a[r]),n}}},2260:(e,t,o)=>{"use strict";o.d(t,{Z:()=>f});var n=o(3605),r=o(4087),a=o(2070),i=o(8965);const s=class{constructor(e,t,o){let a;t=t||null,this.sSeparator=o,null===t&&(t=n.kJ(e)?[]:{},Object.keys(e).forEach((o=>{let n=e[o],a=null;"number"===n&&(a=0),"string"===n&&(a=""),"array"===n&&(a=[]),r.P_(t,o,a,this.sSeparator)}))),a=t;let i={},s={},l=n.iM(a,this.sSeparator);l.forEach((e=>{let t=r.MU(a,e,void 0,this.sSeparator),o=n.gg(t);i[e]={rawData:t},s[e]=o})),this.oRecordModel=i,this.oRecordRawData=a,this.oFieldSchema=s,this.aLeafFieldIndex=l}get(e){return n.o8(e)?this.oRecordRawData:this.oRecordModel[e]?this.oRecordModel[e].rawData:this.oRecordRawData[e]?this.oRecordRawData[e]:r.MU(this.oRecordRawData,e,void 0,this.sSeparator)}set(e,t){(this.oRecordModel[e]||""!==t)&&(this.oRecordModel[e]=this.oRecordModel[e]||{},r.P_(this.oRecordRawData,e,t,this.sSeparator),this.oRecordModel[e].rawData=t)}setDirty(e){this.oRecordModel[e].bDirty=!0}setNoDirty(e){this.oRecordModel[e].bDirty=!1}isDirty(e){if(this.oRecordModel[e])return!0===this.oRecordModel[e].bDirty}};let l={};function d(e){return l[e]}function c(e,t){l[e]=t}function h(e){return firebase?!!e.sCollection||(n.Aq('The zg-param, [name="collection"] must be set in order to use the FirebaseSDK adapter'),!1):(n.Aq("Firebase SDK must be included on the client"),!1)}c("firebaseRead",(function(e,t){if(!h(t))return;const o=firebase.firestore();return t.bSubscription?void function(e,t,o){let n=e.grid.widget,r=!1,a=o.collection(t.sCollection).onSnapshot((t=>{if(n.bDisconnect)return void a();let o=t.docChanges(),i={};o.forEach((e=>{"added"==e.type?r?n.store.insertRecord(e.doc.data(),void 0,e.doc.id,!0):i[e.doc.id]=e.doc.data():"removed"==e.type?n.removeRow(e.doc.id,!0,void 0,!0):"modified"==e.type&&n.updateRow(e.doc.data(),e.doc.id,!0)})),r||e.callback(i),r=!0}))}(e,t,o):new Promise(((e,n)=>{o.collection(t.sCollection).get().then((t=>{let o={};t.docs.forEach((e=>{o[e.id]=e.data()})),e(o)})).catch(n)}))})),c("firebaseCreate",(function(e,t,o){if(!h(o))return;firebase.firestore().collection(o.sCollection).add(e).then((e=>{t.callback(e.id)}))})),c("firebaseUpdateRow",(function(e,t,o,n){if(!h(n))return;firebase.firestore().collection(n.sCollection).doc(e).update(t).then((e=>{o.callback({bServerOnly:n.bSubscription})}))})),c("firebaseUpdateCell",(function(e,t,o,n){if(!h(n))return;firebase.firestore().collection(n.sCollection).doc(e).update(t).then((e=>{n.bSubscription||o.callback()}))})),c("firebaseDelete",(function(e,t,o,n){if(!h(n))return;firebase.firestore().collection(n.sCollection).doc(e).delete().then((e=>{o.callback({bServerOnly:n.bSubscription})}))}));var u=o(8419),g=o(6919),p=o(2048);class m extends i.Z{constructor(e){if((e=e||{})._defaults={bHasLoaded:!1},super(e),this.bNeedsLoad=!1,this.sStartAtValue=null,this.aStartAtValue={},this.nOriginRecordCount=0,this.debounceTime=null,"undefined"!=typeof window){let e=o(5126).Z;n.go(this.constructor.prototype,e.prototype)}this.init()}init(){this.setDefaults(),this.aOrderedData=[],this.aUnseenRecordIndex=[],this.ons()}setDefaults(){let e={oDefaultCreateDataRequest:{method:"post",bCreate:!0,bPayload:!0,bSingleCell:!1},oDefaultUpdateDataRecordRequest:{method:"put",nonRestMethod:"post",bCreate:!1,bPayload:!0,bSingleCell:!1},oDefaultUpdateDataFieldRequest:{method:"patch",nonRestMethod:"post",bSingleCell:!0,bCreate:!1,bPayload:!0},oDefaultDeleteDataRequest:{method:"delete",nonRestMethod:"post",bPayload:!1,bCreate:!1,bSingleCell:!1},oDefaultReadDataRequest:{method:"get"}};Object.keys(e).forEach((t=>{let o=e[t];this[t]={sUrl:void 0,sUrlSuffix:void 0,sMethod:o.method,sNonRestMethod:o.nonRestMethod,sTransport:u.default.store.defaultTransportType,oHeaders:void 0,sQueryString:void 0,sMode:void 0,bCDataEscape:void 0,oBody:void 0,bExclude:!1,bSingleCell:o.bSingleCell,bPayload:o.bPayload,bCreate:o.bCreate,sRequestType:"application/json",sResponseType:void 0,sDataType:void 0,sRestmode:"auto",sServerErrorMessage:void 0,sServerErrorPath:void 0,sCSVDelimiter:void 0,sCSVLineSeparator:void 0,bCSVHeader:void 0,bCSVCaption:void 0,bTableHide:void 0,oTableHead:void 0,sTableDataFormat:void 0,sTableHeadFormat:void 0}})),this.oDefaultDataFormat={sRecordPath:void 0,sNodePath:void 0,sHasNextPath:void 0,sHasPrevPath:void 0,sNextPath:void 0,sPrevPath:void 0,sNextIDPath:void 0,sPrevIDPath:void 0,sNextIDKey:void 0,sPrevIDKey:void 0,sIdKey:"id",sNewIndexPath:"",sAdapter:"",sSearchKey:void 0,sSearch:void 0,bServerFilter:void 0,sSortByKey:void 0,sSortBy:"",sSortDirKey:void 0,sSortDir:"",sStartAtKey:void 0,sLimitToKey:void 0,sPageKey:void 0,sCountPath:"totalCount",sCountHeader:void 0,bLoadByPages:!1,bLoadByScroll:!1,bCursor:!1,bStartAtValue:!1,nPageBase:1,bAddValueQuotes:!1,sCollection:void 0,bSubscription:!1,sBatchEditStatus:void 0,sCreateCustomFunction:void 0,sReadCustomFunction:void 0,sUpdateCellCustomFunction:void 0,sUpdateRowCustomFunction:void 0,sDeleteCustomFunction:void 0,sDataType:void 0,bResetOnDataChange:!0},this.oDataFormat={},this.oDataRequest={createOptions:{},readOptions:{},updateOptions:{row:{},cell:{}},deleteOptions:{}},this.templateStartDelimiter=u.default.template.templateStartDelimiter,this.templateEndDelimiter=u.default.template.templateEndDelimiter,this.initModel()}setOptions(e,t){let o=e||{};if(t)for(let e in t)t.hasOwnProperty(e)&&(o[e]=t[e]);return this.widget.webcomponent.oDOMData&&(o=this.widget.webcomponent.oDOMData.setOptions(o)),o}updateConfig(e,t){let o=!1;if((t||e.src&&this.oDataRequest.sUrl&&this.oDataRequest.sUrl!==e.src)&&(this.dumpDataRequest(),this.widget.dumpMapping(),this.dumpModel(),this.widget.nCurrPageIdx=this.widget.nAdjustedStart=0),e.adapter&&this.setAdapters(e.adapter,e),this.updateDataRequest(e),e.data&&this.setData(e.data),void 0!==e.cursor&&e.cursor!==this.oDataFormat.bCursor&&this.widget.bAPIReady&&(o=!0),this.updateDataFormat(e),o){let e=this.widget.webcomponent;e.oTopPager&&e.oTopPager._updateContents&&e.oTopPager._updateContents(),e.oBottomPager&&e.oBottomPager._updateContents&&e.oBottomPager._updateContents()}this.mDataSchema=e.schema||this.mDataSchema}updateDataFormat(e){this.setDataFormatValues(this.oDataFormat,e,this.oDefaultDataFormat),this.oDataFormat.bLoadByScroll&&(this.widget.webcomponent._activateLoadByScroll(),this.widget.scroller.ons())}updateDataRequest(e){e.updateOptions=e.updateOptions||{},e.updateOptions.row=e.updateOptions.row||e.updateRowOptions,e.updateOptions.cell=e.updateOptions.cell||e.updateCellOptions,e.bodyMethodSuffix&&this.updateBodies(e),this.updateDataRequestConfig(e,this.oDataRequest),this.oDataRequest.createOptions=this.updateDataRequestConfig(e.createOptions,this.oDataRequest.createOptions,this.oDefaultCreateDataRequest,e,"create"),this.oDataRequest.readOptions=this.updateDataRequestConfig(e.readOptions,this.oDataRequest.readOptions,this.oDefaultReadDataRequest,e,"read"),this.oDataRequest.updateOptions.row=this.updateDataRequestConfig(e.updateOptions.row,this.oDataRequest.updateOptions.row,this.oDefaultUpdateDataRecordRequest,e,"updateRow"),this.oDataRequest.updateOptions.cell=this.updateDataRequestConfig(e.updateOptions.cell,this.oDataRequest.updateOptions.cell,this.oDefaultUpdateDataFieldRequest,e,"updateCell"),this.oDataRequest.deleteOptions=this.updateDataRequestConfig(e.deleteOptions,this.oDataRequest.deleteOptions,this.oDefaultDeleteDataRequest,e,"delete")}updateBodies(e){const t=e.bodyMethodSuffix;["create","read","updateRow","updateCell","delete"].forEach((o=>{e[`${o}Body`]||(e[`${o}Body`]=`${o}${t}`)}))}updateDataRequestConfig(e,t,o,r,a){let i,s=o;return!1!==e&&"false"!==e&&(e=e||{},r&&["Body","Method","Src"].forEach((t=>{let o=`${a}${t}`;r[o]&&(e[t.toLowerCase()]=r[o])})),o!==this.oDataRequest&&(i=this.oDataRequest,s=n.$R({},i,o),s.oHeaders=n.$R({},i.oHeaders,o?o.oHeaders:o),void 0===s.oBody&&(i.oBody||o&&o.oBody)&&(s.oBody=n.$R({},i.oBody,o?o.oBody:o))),this.processURLConfig(e,t),this.setDataRequestValue(t,e,s),"manual"===t.sRestmode&&(e.method||i.sMethod||!s.sNonRestMethod||(t.sMethod=s.sNonRestMethod,t.sMethod!==s.sMethod&&(t.oHeaders=t.oHeaders||{},t.oHeaders["X-HTTP-Method-Override"]=s.sMethod))),t)}setAdapters(e,t){if(m.aAdapters[e]){const o=m.aAdapters[e];this.widget.bHasSorterEnabled&&this.isIncrementalLoad(t)&&"firebase"===e&&(n.Aq("Firebase does not support server side sorting."),this.widget.webcomponent.sort=!1),this.setDataFormatValues(this.oDefaultDataFormat,o,null),this.setDataRequestValue(this.oDataRequest,o,null)}}setDataRequestValue(e,t,o){n.nn(e,{sUrl:e.sUrl||t.src,sUrlSuffix:e.sUrlSuffix||t.urlSuffix,sTransport:t.transport,sMethod:t.method,sRestmode:t.restmode,oHeaders:t.headers,sQueryString:t.queryString,sMode:t.mode,oBody:t.body,bExclude:t.exclude,sRequestType:t.requestType,sResponseType:t.responseType,sDataType:t.dataType,bCDataEscape:t.cdataEscape,sServerErrorMessage:t.serverErrorMessage,sServerErrorPath:t.serverErrorPath,sCSVDelimiter:t.csvDelimiter,sCSVLineSeparator:t.csvLineSeparator,bCSVHeader:t.csvHeader,bCSVCaption:t.csvCaption,bTableHide:t.tableHide,oTableHead:t.tableHead,sTableDataFormat:t.tableDataFormat,sTableHeadFormat:t.tableHeadFormat},o)}setDataFormatValues(e,t,o){n.nn(e,{sRecordPath:t.recordPath,sNodePath:t.nodePath,sNextPath:t.nextPath,sPrevPath:t.prevPath,sHasNextPath:t.hasNextPath,sHasPrevPath:t.hasPrevPath,sNextIDPath:t.nextIDPath,sPrevIDPath:t.prevIDPath,sNextIDKey:t.nextIDKey,sPrevIDKey:t.prevIDKey,sIdKey:t.idKey,sNewIndexPath:t.newIndexPath,sAdapter:t.adapter,sSearchKey:t.searchKey,sSearch:t.search,bServerFilter:t.serverFilter,sSortByKey:t.sortByKey,sSortBy:t.sortBy,sSortDirKey:t.sortDirKey,sSortDir:t.sortDir,sStartAtKey:t.startAtKey,bStartAtValue:t.startAtValue,sLimitToKey:t.limitToKey,sPageKey:t.pageKey,sCountPath:t.countPath,sCountHeader:t.countHeader,bCursor:t.cursor,bLoadByPages:!!t.loadByPage,bLoadByScroll:!!t.loadByScroll,nPageBase:t.pageBase,bAddValueQuotes:t.addValueQuotes,sCollection:t.collection,bSubscription:t.subscription,sBatchEditStatus:t.batchEditStatus,sCreateCustomFunction:t.createCustomFunction,sReadCustomFunction:t.readCustomFunction,sUpdateCellCustomFunction:t.updateCellCustomFunction,sUpdateRowCustomFunction:t.updateRowCustomFunction,sDeleteCustomFunction:t.deleteCustomFunction,sDataType:t.dataType,bResetOnDataChange:t.resetOnDataChange},o),this.setCustomFunctions(e)}setCustomFunctions(e){["Create","Read","UpdateCell","UpdateRow","Delete"].forEach((t=>{const o=`s${t}CustomFunction`,n=`fnCustom${t}`;e[o]&&(e[n]=m.setUserFunction(d,e[o]),null===e[n]&&(this.bCustomUndefined=!0))}))}processURLConfig(e,t){let o="",n=e.src||t.sUrl;e.src&&!e.urlSuffix&&(n=n.trim(),".JSON"==n.slice(-5).toUpperCase()?(n=n.slice(0,-5),o=".json"):/firebaseio/.test(n)&&("/"!==n.slice(-1)&&(n+="/"),o=".json"),t.sUrl=n,t.sUrlSuffix=o)}ons(){let e=this.widget;this.on("loaddata",this.onLoadDataRest),this.on("afterinsert",((t,o)=>{let a,i,s,l;if(this.oDataFormat.bLoadByScroll&&this.bHasDataSource)return void this.reload();if(o.response){let e=o.response;if((n.kJ(e)||n.Kn(e)&&this.oDataFormat.sRecordPath)&&(n.Kn(e)&&this.oDataFormat.sRecordPath&&(e=r.MU(e,this.oDataFormat.sRecordPath,void 0,this.widget.sNestedDataSeparator)),e)){i=o.options.sRecordIndex;let t=this.oLocalModel[i],n=t?t.nRowIndex:"";return this.clearForReload(),this.manageLoadResponse(o.response,o.request,e,"afterinsertrecord"),void this.fire("afterinsertrecord",{nRowIndex:n,oLocalModel:t})}a=this.getUnseenRecordIndexResponse(o.response),i=o.options.sRecordIndex,l=e,s=o.options.oBody,o=o.options||o}else{if((o=o.options).bBatchEdit&&this.oDataFormat.bSubscription)return void e.dirtyManager.revert(o.sRecordIndex);a=o.sUnseenRecordIndex,i=o.sTempRecordIndex,o.oStatus&&(e.batchEditor.bSavingBatchEdit?(e.batchEditor.onSuccess(),a=i=o.sRecordIndex):this.widget&&this.widget.statusManager&&this.widget.statusManager.setStatus(o.oStatus))}if(!i)return;let d=this.oLocalModel[a]=this.oLocalModel[i];e.dirtyManager.setNoDirty(a),this.aRecordIndex[this.aRecordIndex.indexOf(i)]=a;let c=d.nRowIndex,h=d.model.get();if(h.sRESTIndex=a,h.sRecordIndex=a,h.nRowIndex=c,l&&n.Kn(l)&&Object.keys(l).forEach((e=>{"name"!==e&&this._updateCell(a,e,l[e])})),this.bIsRawDataArray&&this.oDataFormat.sIdKey&&(h[this.oDataFormat.sIdKey]||this.oLocalModel[a].model.set(this.oDataFormat.sIdKey,a)),e.aRowMapping[c].sRecordIndex=a,("end"!==o.sRecordLocation||o.sFrozen)&&(c=this.moveRow(i,o.sRecordLocation,o.sFrozen),h.nRowIndex=c),this.aOrderedData.push(h),e.bHasSorterEnabled&&e.sorter.aOriginalRowMappingOrder.length){e.sorter.aOriginalRowMappingOrder.push(a)}i!==a&&delete this.oLocalModel[i],this.updateDataProperty(),s?this.reload():o.bPrepopulated||o.bBatchEdit?this.widget.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},c):o.bBatchEdit||(this.widget.update(void 0,void 0,void 0,!0),"end"===o.sRecordLocation?e.lastPage():"start"===o.sRecordLocation&&e.firstPage()),this.fire("afterinsertrecord",{nRowIndex:c,oLocalModel:d,bBatchEdit:o.bBatchEdit})})),this.on("afterremoverecord",((e,t,o)=>{const n=this.widget;if(t.options&&(t=t.options),this.oDataFormat.bLoadByScroll&&this.bHasDataSource)return void this.reload();if(t.oStatus&&!this.bHasDataSource&&(n.batchEditor.bSavingBatchEdit?n.batchEditor.onSuccess():this.widget&&this.widget.statusManager&&this.widget.statusManager.setStatus(t.oStatus)),this.oDataFormat.bSubscription&&o&&o.bServerOnly)return;let r=t.sRecordIndex;this.nRecordCount--,this.nOriginRecordCount&&this.nOriginRecordCount--;let a=this.oLocalModel[r].nRowIndex,i=this.oLocalModel[r].sFrozen;if(this.oLocalModel[r]=null,delete this.oLocalModel[r],this.aOrderedData.length){let e=this.aOrderedData.findIndex((e=>e&&e.sRecordIndex===r));-1!==e&&this.aOrderedData.splice(e,1)}let s=n.aRowMapping,l=!1;n.bUpdatingFrozen=!0,"top"===i?(s=n.aTopRowMapping,n.webcomponent.frozenRowsTop--,l=!0):"bottom"===i&&(s=n.aBottomRowMapping,n.webcomponent.frozenRowsBottom--,l=!0),n.bUpdatingFrozen=!1,s.splice(a,1);let d=n.getCurrPageIdx(),c=n.getPageCount();if(d>=c&&c>0&&n.setCurrPageIdx(d-1),n.bHasSorterEnabled){let e=n.sorter.aOriginalRowMappingOrder,t=e.indexOf(r);e.splice(t,1)}s.forEach(((e,t)=>{let o=e.sRecordIndex;e.sGroupRecordIndex||this.updateRecordMapping(s,o,t)})),n.savedScrollVal=n.oDOMMainScroll.scrollLeft,l&&n.updater.clearCache(),n.update(),this.updateDataProperty();let h=this.widget.deleteSE;"cell"===h.sContextLevel&&requestAnimationFrame((()=>h.select(!0)))})),this.on("afterupdaterecord",((e,t,o)=>{const a=this.widget;let i=t.response;t.options&&(t=t.options);let s=t.sRecordIndex,l=t.aChangedFieldIndex;if(t.oStatus&&!this.bHasDataSource&&(a.batchEditor.bSavingBatchEdit?a.batchEditor.onSuccess():a&&this.widget.statusManager&&this.widget.statusManager.setStatus(t.oStatus)),this.oDataFormat.bSubscription&&o&&o.bServerOnly)return;if(l.forEach((e=>{a.dirtyManager.setNoDirty(s,e)})),i&&(n.kJ(i)||n.Kn(i)&&this.oDataFormat.sRecordPath)&&(n.Kn(i)&&this.oDataFormat.sRecordPath&&(i=r.MU(i,this.oDataFormat.sRecordPath,void 0,this.widget.sNestedDataSeparator)),i))return this.clearForReload(),void this.manageLoadResponse(t.response,t.request,i,"updatecomplete");i&&n.Kn(i)&&Object.keys(i).forEach((e=>{"name"!==e&&this._updateCell(s,e,i[e])}));let d=this.widget.getDataRowIndexByRecordIndex(s,this.oLocalModel[s].sFrozen);t.bNoRefresh||this.widget.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},d),this.updateDataProperty(),window.setImmediate((()=>{this.fire("updatecomplete",t.oRefocus)}))})),this.on("afterupdatecell",((e,t)=>{let o=this.widget;t.options&&(t=t.options);let n=t.sRecordIndex,r=t.sFieldIndex;o.dirtyManager.setNoDirty(n,r),t.oStatus&&!this.bHasDataSource&&this.widget&&this.widget.statusManager&&this.widget.statusManager.setStatus(t.oStatus);let a=this.widget.getDataRowIndexByRecordIndex(n,this.oLocalModel[n].sFrozen);o.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},a),this.updateDataProperty(),window.setImmediate((()=>{this.widget&&o.fire("afterupdatecellrender",t)}))})),this.on("afterloaddata",((e,t)=>{let o=t.oResponse;this.manageLoadResponse(o,t.oRequest)}))}manageLoadResponse(e,t,o){let n=this.widget;if(this.oDataFormat.bLoadByScroll&&!e)n.bInfiniteMaxReached=!0;else{const a=void 0!==o;if(o=o||r.MU(e,this.oDataFormat.sRecordPath,void 0,n.sNestedDataSeparator)||{},this.oDataFormat.bLoadByPages&&(this.oLocalModel={},this.aOrderedData=[],this.aRecordIndex=[],n.dumpRowMapping()),this.oLocalModel=this.preprocess(o),e){let i=this.oDataFormat.sCountPath;if(this.oDataFormat.sCountHeader)this.setOriginRecordCount(t.getResponseHeader(this.oDataFormat.sCountHeader));else{let t=r.MU(e,i,void 0,n.sNestedDataSeparator);a&&this.nOriginRecordCount&&!t&&(t=o.length),this.setOriginRecordCount(t||this.nOriginRecordCount)}}}this.calculatePath("Next",e),this.calculatePath("Prev",e),this.fire("loaded")}getUnseenRecordIndexResponse(e){let t="",o=this.oDataFormat.sNewIndexPath;return o?t=r.MU(e,o,void 0,this.widget.sNestedDataSeparator):"object"==typeof e&&this.oDataFormat.sIdKey?(t=e[this.oDataFormat.sIdKey],t||(t=e.name)):t=e,t}calculatePath(e,t){if(!t)return void(this[`s${e}PathURL`]=null);let o=null,n=this.oDataFormat[`s${e}Path`],a=this.oDataFormat[`s${e}IDPath`],i=this.oDataFormat[`sHas${e}Path`],s=!0;const l=this.widget;if(void 0!==i&&(s=r.MU(t,i,void 0,l.sNestedDataSeparator)),s&&void 0!==n)o=r.MU(t,n,void 0,l.sNestedDataSeparator);else if(s&&void 0!==a){let n=r.MU(t,a,void 0,l.sNestedDataSeparator);n&&(this[`s${e}ID`]=n,o=!0)}else o=null;this[`s${e}PathURL`]=o}setData(e){let t;if(""===e)t=[];else if(null==e)t=null;else if("object"==typeof e&&e.tagName&&"table"===e.tagName.toLowerCase())this.widget.webcomponent.bReady?(t=this.setTableData(null,e),e.style.display="none"):this.bNeedsData=!0;else if(n.kJ(e)||n.Kn(e))t=e;else{let o,n=this.oDataRequest.sDataType||this.oDataRequest.sResponseType;if(n?n=n.match(/(json)\b/)?"json":n.match(/(xml)\b/)?"xml":n.match(/(csv)\b/)?"csv":n.match(/(html|text)\b/)?"html":n:({oData:t,type:n,err:o}=this.detectType(e)),!t)if(!this.widget.webcomponent.bReady&&n)this.bNeedsData=!0;else if("csv"===n)t=this.setCSVData(e);else if("xml"===n)t=this.setXMLData(e);else if("html"===n)t=this.setTableData(e);else if(o){const e=`Error: There was an issue with data's value:\n${o}`;console.error(`Uncaught ${e}`);const t={icon:"error",state:"error",msg:e};setTimeout((()=>{this.widget&&this.widget.statusManager&&this.widget.statusManager.setStatus(t)}),0)}}return this.data=t,this.bNeedsLoad=!0,this.data}detectType(e){const t=this.oDataRequest,o={};try{let t=e.replace(/\n/g,"");o.oData=JSON.parse(t)}catch(r){if((t.sCSVLineSeparator||t.sCSVDelimiter||t.bCSVHeader||t.bCSVCaption)&&(o.type="csv"),!o.type){const t=(new window.DOMParser).parseFromString(e,"text/xml");t&&t.documentElement&&"html"!==t.documentElement.nodeName&&(o.type="xml")}if(!o.type)try{document.querySelector(e)&&(o.type="html")}catch(e){}if(!o.type){const t=n.QR(e,{widget:this.widget});t&&n.kJ(t)&&t.length&&(o.oData=t)}o.type||o.oData||(o.err=r)}return o}setCSVData(e){const t=this.oDataRequest;let o={sDelimiter:t.sCSVDelimiter,sLineSeparator:t.sCSVLineSeparator,bHeader:t.bCSVHeader,bCaption:t.bCSVCaption,widget:this.widget};return n.QR(e,o)}setXMLData(e){const t=(new window.DOMParser).parseFromString(e,"text/xml");return n.yZ(t,this.oDataRequest.bCDataEscape)}setTableData(e,t){let o;try{if(t||(t=document.querySelector(e)),t){this.oDataRequest.widget=this.widget;const e=n.g8(t,this.widget.webcomponent);if(e&&this.oOptions){for(let t in e)this.oOptions[t]=e[t];this.updateConfig(this.oOptions)}o=n.AA(t,this.oDataRequest),!0!==this.oDataRequest.bTableHide&&"true"!==this.oDataRequest.bTableHide||(t.style.display="none")}}catch(e){}return o}loadData(e,t,o,n){let r=this.oOptions=this.setOptions(e,t);o=o||{};for(let e in o)r[e]=o[e];this.updateConfig(r,n),this.widget.bAPIReady?this.reload():this.bNeedsLoad=!0}debounceLoadData(e,t,o,n){let r=this.debounceTime=setTimeout((()=>{r===this.debounceTime&&(this.debounceTime=null,this.widget&&!this.widget.bDisconnect&&this.loadData(e,t,o,n))}),50)}reload(e,t){this.activateReload(e,t)}clearForReload(){let e=this.widget;e.fire("rowdeselect"),e.dumpMapping(),this.dumpModel(),this.bLightReload&&(this.nSavePageIdx=e.nCurrPageIdx),e.nCurrPageIdx=e.nAdjustedStart=0,e.updater.clearStyle()}activateReload(e,t){const o=this.widget;if(this.bHasLoaded=!1,t&&(!1===this.oDataFormat.bResetOnDataChange||"false"===this.oDataFormat.bResetOnDataChange)){this.bLightReload=!0;let e=!1;o.once(u.default.event.updated,(()=>{this.bLightReload=!1,e||(e=!0,o.stateManager.setFilter(o.stateManager.oFilter))}))}if(o.statusManager&&o.statusManager.closeStatus(),o.search&&!this.bLightReload&&o.search.clearSearch(),this.oDataFormat.sSortBy&&this.widget.oDOMSortedColumn){this.widget.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader.onSort(null,null,"none")}else o.batchEditor.isActive()&&!o.batchEditor.bSavingBatchEdit&&o.batchEditor.completeCancel(void 0,!0),this.clearForReload(),this.debounceTime&&!e||this.load(e)}load(e){const t=this.widget,o=t.webcomponent;if(this.bCustomUndefined&&(this.bCustomUndefined=!1,this.setCustomFunctions(this.oDataFormat)),this.bNeedsData&&o.data&&this.setData(o.data),this.bHasLoaded=!1,this.isIncrementalLoad()&&o.frozenRowsBottom&&(n.Aq("Frozen bottom rows is not supported with incremental data loading"),o.frozenRowsBottom=0),this.bHasDataSource&&!e){let e=n.c7.copy(this.oDataRequest.readOptions||{}),t=e.sServerErrorMessage;t||(t=e.sServerErrorPath?u.default.tokens.serverMessage:g.default.get("dialog.read.errorMsg",this.widget));const o={icon:"error",state:"error",msg:t};e.oErrorStatus=o,e.fnFailure=()=>this.fire("loaded"),this.fire("loaddata",e)}else if(t.bPreloaded||this.dumpModel(!0),!e&&this.oDataFormat.fnCustomRead){const e=this.oDataFormat.fnCustomRead,o=e=>{this.oLocalModel=this.preprocess(e),this.finishLoad()},r={callback:o,grid:t.webcomponent},a=e.method.apply(e.oScope,[r,this.oDataFormat]);a&&a.then(o).catch((e=>{if(this.widget.statusManager){const o={icon:"error",state:"error",msg:g.default.get("dialog.recordInfo.errorMsg",t)};t.statusManager.setStatus(o),n.Aq(e)}}))}else{e=e||this.data;const o=r.MU(e,this.oDataFormat.sRecordPath,void 0,t.sNestedDataSeparator)||{};this.oLocalModel=this.preprocess(o),this.finishLoad();this.getOriginRecordCount()||t.getRowCount()||t.aTopRowMapping.length||t.aBottomRowMapping.length||this.finishNoData()}}finishLoad(e){this.bHasLoaded=!0,e||this.widget.bDisconnect||(this.fire("loading"),this.fire("loaded"))}finishNoData(){const e=this.widget,t=e.webcomponent;t.oDOMNodata&&t.oDOMNodata.updateInfo(),e.bAPIReady=!0,this.finishLoad(!0),e.fire("apiready")}resetRowMapping(){const e=this.widget;e.aRowMapping.length=0,this.aOrderedData.forEach(((t,o)=>{e.updateRowMapping(e.aRowMapping,o,{sRecordIndex:t.sRecordIndex})}))}filter(e,t){this.widget.aRowMapping.length=0,t=""+t;let o=this.aOrderedData.filter((o=>{let n=""+o[e];return o[e]&&-1!==n.toLowerCase().indexOf(t.toLowerCase())}));this.widget.fire("roworderchange"),o.forEach(((e,t)=>{this.widget.updateRowMapping(this.widget.aRowMapping,t,{sRecordIndex:e.sRecordIndex})})),this.widget.bodyUpdate()}unsetSort(){this.aOrderedData.sort(((e,t)=>e.nOriginalIndex<t.nOriginalIndex?-1:1))}preprocess(e){const t=this.widget;e=e||{};let o,a=this.oLocalModel,i=[],l=[],d=this.aRecordIndex,c=this.bIsRawDataArray=n.kJ(e),h=this.mFieldStructure,u=this.aLeafFieldIndex,g=0;const p=t.sNestedDataSeparator;return c?o=e.length&&n.kJ(e[0])?(e=e.map((e=>e.slice(0)))).map((e=>e.slice(0))):(e=e.map((e=>(this.oDataFormat.sNodePath&&(e=r.MU(e,this.oDataFormat.sNodePath,void 0,p)),"string"==typeof e?{0:e}:n.RH({},e))))).map((e=>n.RH({},e))):(e=n.RH({},e),o=n.RH({},e)),this.updateDataProperty(o),Object.keys(e).forEach((o=>{let r={},m=e[o];if(null===m)return void g++;let f=n.kJ(m),b=new s(this.mDataSchema,m,p);r.model=b,r.nCellDirty=0;let v=b.aLeafFieldIndex,y=b.oFieldSchema;for(let e=0,t=v.length;e<t;e++){let t=v[e];-1===u.indexOf(t)&&(l.push(t),this.nFieldDepth="disabled"!==p?Math.max(t.split(p).length,this.nFieldDepth):Math.max(1,this.nFieldDepth),h=h||(f?[]:{}),f?h.push(y[t]):h[t]=y[t],u.push(t))}m.sRESTIndex=o,c&&(o=t.createRecordIndex()),d.push(o),i.push(o),m.sRecordIndex=o,m.nOriginalIndex=this.aOrderedData.length,this.aOrderedData.push(m),a[o]=r})),this.nRecordCount+=i.length,this.aUnseenRecordIndex=i,this.aUnseenFieldIndex=l,this.sNeedsSort&&(this.sortUnseen(g),this.sNeedsSort=!1),this.isIncrementalLoad()&&!this.oDataFormat.bStartAtValue&&i.length+g<t.getPageSize()&&(t.bInfiniteMaxReached=!0),this.mFieldStructure=h,this.mDataSchema||(this.mDataSchema=h),this.aLeafFieldIndex=u,t.bGroupBy&&t.groupbyManager.groupBy(t.aGroupBy,this.aOrderedData),a}moveRow(e,t,o){const n=this.widget,r=this.oLocalModel[e],a=r.nRowIndex,i=r.sFrozen;let s,l,d=!1,c=n.getRowMappingByFrozen(i),h=c;n.bUpdatingFrozen=!0,"top"===i?(l="top",n.webcomponent.frozenRowsTop--,d=!0):"bottom"===i&&(l="bottom",n.webcomponent.frozenRowsBottom--,d=!0),"start"===t?s=0:"number"==typeof t?(s=t,"top"===o?(l="top",h=n.aTopRowMapping,n.webcomponent.frozenRowsTop++,d=!0):"bottom"===o&&(l="bottom",h=n.aBottomRowMapping,n.webcomponent.frozenRowsBottom++,d=!0)):"top"===t?(l="top",h=n.aTopRowMapping,n.webcomponent.frozenRowsTop||(n.webcomponent.frozenRowsTop=0),s=n.webcomponent.frozenRowsTop,n.webcomponent.frozenRowsTop++,d=!0):"bottom"===t?(l="bottom",h=n.aBottomRowMapping,n.webcomponent.frozenRowsBottom||(n.webcomponent.frozenRowsBottom=0),n.webcomponent.frozenRowsBottom++,s=0,d=!0):"body"===t?(h=n.aRowMapping,"top"===i?s=0:"bottom"===i&&(s=n.aRowMapping.length)):s=c.length-1,n.bUpdatingFrozen=!1,s=+s;let g=c.splice(a,1);return h.splice(s,0,g[0]),this.refreshAllRecordMapping(),d&&(n.updater.clearCache(),n.update(),n.fire(u.default.event.frozenrowchange,l)),"body"===t&&("top"===i?n.firstPage():"bottom"===i&&n.lastPage()),s}updateDataProperty(e){let t=this.widget.webcomponent;e||(e=this.cleanData(e)),this.bUpdatingData=!0,t.data=e,this.bUpdatingData=!1}cleanData(e,t,o){let r,a,i=this.widget;return a=t?i.aRowMapping.map((e=>{let t=e.sRecordIndex;return this.aOrderedData.find((e=>e.sRecordIndex===t))})):this.aOrderedData,r=this.bIsRawDataArray?a.map((t=>{let r;return e?r=this.getVisibleData(t):(n.kJ(t)?o?(r={},t.forEach(((e,t)=>{let o=t;const n=i.getColumnByFieldIndex(o.toString());n&&(o=n.sColumnHeaderText),r[o]=e}))):r=t.slice(0):r=n.RH({},t),delete r.sRESTIndex,delete r.sRecordIndex,delete r.nOriginalIndex,delete r.nRowIndex,delete r.sFrozen),r})):a.reduce(((t,o)=>{let r,a=o.sRESTIndex;return e?r=this.getVisibleData(o):(r=n.RH({},o),delete r.sRESTIndex,delete r.sRecordIndex,delete r.nOriginalIndex,delete r.nRowIndex,delete r.sFrozen),t[a]=r,t}),{}),r}cleanSingleRecord(e){let t;return t=n.kJ(e)?e.slice(0):n.RH({},e),delete t.sRESTIndex,delete t.sRecordIndex,delete t.nRowIndex,delete t.sFrozen,delete t.nOriginalIndex,t}getVisibleData(e){let t;return t=n.kJ(e)?[]:{},this.widget.aColumnMapping.forEach((o=>{let r=o.sFieldIndex;o.bHidden||""===r||n.String.trimWhiteSpace(r).split(",").forEach((o=>{o=n.String.trimWhiteSpace(o),t[o]=e[o]}))})),t}sortUnseen(e){let t=this.widget,o=this.aUnseenRecordIndex,n=this.sNeedsSort.replace(/['"]+/g,""),r="desc"===this.sNeedsSortDir?-1:1,i=o.map(((e,t)=>{let o=this.get(e,n);return{sRecordIndex:e,mValue:null==o?"":o}})),s=t.getColumnByFieldIndex(n),l=null;l=s&&s.fnSorter?s.fnSorter:{method:a.Z.getSorter("text"),scope:null};if(i.sort((function(e,t){const o=l.method.apply(l.scope,[e.mValue,t.mValue]);return r>=0?o:-o})),this.isIncrementalLoad()&&this.oDataFormat.bStartAtValue)if(i.length+e>this.widget.getPageSize()){let e=i.splice(-1,1);if(e.length){let t=e[0].sRecordIndex;this.aRecordIndex.splice(this.aRecordIndex.indexOf(t),1),this.sStartAtValue=e[0].mValue}}else this.widget.bInfiniteMaxReached=!0;this.aUnseenRecordIndex=i.map((e=>e.sRecordIndex))}setOriginRecordCount(e){e?(e=parseInt(e,10)||0,this.nOriginRecordCount=e):this.nOriginRecordCount=0}getOriginRecordCount(){return this.nOriginRecordCount}getUnseenRecordIndex(){return this.aUnseenRecordIndex}getLeafFieldIndex(){return this.aLeafFieldIndex}getFieldStructure(){return this.mFieldStructure}getFieldDepth(){return this.nFieldDepth}duplicateRecord(e){}removeRecord(e,t,o,r,a){const i=this.widget;if(!1===this.oDataRequest.deleteOptions)return;let s=n.c7.copy(this.oDataRequest.deleteOptions||{});e=this.getRecordIndex(e);let l=this.get(e);if(!l)return!1;const d=this.oLocalModel[e],c={icon:"checkmark",state:"success",msg:o=o||g.default.get("dialog.recordDelete.successMsg",this.widget)};let h=s.sServerErrorMessage;h||(h=s.sServerErrorPath?u.default.tokens.serverMessage:g.default.get("dialog.recordDelete.errorMsg",this.widget));const p={icon:"error",state:"error",msg:h};if(s.sRecordIndex=e,r&&!i.batchEditor.isActive()||(s.oStatus=c,s.oErrorStatus=p),s.fnCustom=this.oDataFormat.fnCustomDelete,s.oRecordRawData=l.get(),s.sEditMode="removerecord",s.bBatchCleanup=d.bBatchCleanup,!r&&!i.batchEditor.isActive()){if(!1===this.fire("removerecord",s))return n.Aq("Delete was cancelled by the user in the data:record:beforedelete event"),!1}if(s.oRecordModel=this.get(s.sRecordIndex),i.dirtyManager.setDirtyDelete(e,s),i.batchEditor.isActive()){let t=this.widget.getDataRowIndexByRecordIndex(e,this.oLocalModel[e].sFrozen);i.update({bUpdateBodyContent:!0},t)}else this.fireAfterStoreEvent("afterremoverecord",s,void 0,r)}_updateCell(e,t,o,n){let r=this.get(e,t);if(""===o&&void 0===r)return!1;if("date"===n){const e=p.kB(r).toString(),t=p.kB(o).toString();if(r===o||e===t)return!1}else{if("string"==typeof o&&r&&r.toString()==o)return!1;if(r==o)return!1}return t!==u.default.store.keyField&&this.oLocalModel[e].model.set(t,o),!0}updateCell(e,t,o,r,a){const i=this.widget;if(!1===this.oDataRequest.updateOptions.cell)return;let s=this.oLocalModel[e].model,l=this.get(e,t);if(!this._updateCell(e,t,o,a))return;if(t===u.default.store.keyField)return void this.updateRecordWithKey(e,!1,o);let d=n.c7.copy(this.oDataRequest.updateOptions.cell||{});const c={icon:"checkmark",state:"success",msg:g.default.get("dialog.fieldUpdate.successMsg",this.widget)};let h=d.sServerErrorMessage;h||(h=d.sServerErrorPath?u.default.tokens.serverMessage:g.default.get("dialog.fieldUpdate.errorMsg",i));const p={icon:"error",state:"error",msg:h};if(d.sRecordIndex=e,d.sFieldIndex=t,d.payload=o,d.oldValue=l,d.oRecordRawData=s.get(),d.fnCustom=this.oDataFormat.fnCustomUpdateCell,d.sEditMode="updatecell",r||(d.oStatus=c,d.oErrorStatus=p),!r&&!i.batchEditor.isActive()){if(!1===this.fire("updatecell",d))return n.Aq("Update was cancelled by the user in the data:cell:beforechange event"),!1}i.dirtyManager.setDirty(e,t,d),i.savedScrollVal=i.oDOMMainScroll.scrollLeft;let m=this.widget.getDataRowIndexByRecordIndex(e,this.oLocalModel[e].sFrozen);i.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},m),i.batchEditor.isActive()||this.fireAfterStoreEvent("afterupdatecell",d,void 0,r)}updateRecord(e,t,o,r,a,i){const s=this.widget;if(!1===this.oDataRequest.updateOptions.row)return!1;e=this.getRecordIndex(e);const l=this.oLocalModel[e];if(!l)return!1;let d=l.model,c=n.c7.copy(d.get()),h=!1,p=[];if(Object.keys(t).forEach((o=>{this._updateCell(e,o,t[o])&&(h=!0,p.push(o))})),!r&&(!h||o))return!1;if(p.forEach((t=>{s.dirtyManager.setDirty(e,t)})),-1!==p.indexOf(u.default.store.keyField))return this.updateRecordWithKey(e,p,t[u.default.store.keyField]),!0;let m=n.c7.copy(this.oDataRequest.updateOptions.row||{});const f={icon:"checkmark",state:"success",msg:g.default.get("dialog.recordUpdate.successMsg",this.widget)};let b=m.sServerErrorMessage;b||(b=m.sServerErrorPath?u.default.tokens.serverMessage:g.default.get("dialog.recordUpdate.errorMsg",this.widget));const v={icon:"error",state:"error",msg:b};if(m.sRecordIndex=e,m.oRecordRawData=d.get(),m.oOldData=c,r&&!s.batchEditor.isActive()||(m.oStatus=f,m.oErrorStatus=v),m.aChangedFieldIndex=p,m.fnCustom=this.oDataFormat.fnCustomUpdateRow,m.oRefocus=a,m.sEditMode="updaterecord",m.bNoRefresh=i,!r){if(!1===this.fire("updaterecord",m))return n.Aq("Update was cancelled by the user in the data:record:beforechange event"),!1}return this.fireAfterStoreEvent("afterupdaterecord",m,void 0,r),!0}insertRecordWithKey(e){let t=this.oLocalModel[e].model,o=n.c7.copy(this.oDataRequest.updateOptions.row||{});o.sRecordIndex=e,o.sIdKeyValue=e,o.oRecordRawData=t.oRecordRawData||{},o.fnCallback=this.afterInsertRecordWithKey,this.bHasDataSource?this.onModifyRecordRest(o):this.afterInsertRecordWithKey(options)}afterInsertRecordWithKey(e){this.fire("afterinsertrecord",{options:e})}updateRecordWithKey(e,t,o){let r=()=>{let t=n.c7.copy(this.oDataRequest.deleteOptions||{});t.sRecordIndex=e,t.fnCallback=a,this.onModifyRecordRest(t)},a=()=>{let r=this.oLocalModel[e].model,a=n.c7.copy(this.oDataRequest.updateOptions.row||{});a.sRecordIndex=e,a.sIdKeyValue=o,a.oRecordRawData=r.get(),a.aChangedFieldIndex=t,a.sNewRecordIndex=o,a.fnCallback=this.updateKey,this.onModifyRecordRest(a)};this.bHasDataSource&&!this.widget.batchEditor.isActive()?r():this.updateKey({sRecordIndex:e,sNewRecordIndex:o,aChangedFieldIndex:t})}updateKey(e){let t=e.sRecordIndex,o=e.sNewRecordIndex,n=this.widget;this.oLocalModel[o]=this.oLocalModel[t],delete this.oLocalModel[t],this.aRecordIndex[this.aRecordIndex.indexOf(t)]=o,this.oLocalModel[o].model.get().sRESTIndex=o;let r=this.oLocalModel[o].nRowIndex;if(n.getRowMappingByFrozen(this.oLocalModel[o].sFrozen)[r].sRecordIndex=o,n.sorter){let e=n.sorter.aOriginalRowMappingOrder;e.length&&(e[e.indexOf(t)]=o)}let a=this.aOrderedData.findIndex((e=>e.sRecordIndex===t));if(-1!==a&&(this.aOrderedData[a].sRecordIndex=o),n.batchEditor.isActive()){const e={};e.sOldRecordIndex=t,e.sNewRecordIndex=o,e.sEditMode="updatekey",n.dirtyManager.setDirty(t,void 0,e)}n.update(),n.batchEditor.isActive()||(e.aChangedFieldIndex?this.fire("afterupdaterecord",{options:{sRecordIndex:o,aChangedFieldIndex:e.aChangedFieldIndex}}):this.fire("afterupdatecell",{options:{sRecordIndex:o,sFieldIndex:u.default.store.keyField}}),window.setImmediate((()=>{this.fire("updatecomplete")})))}get(e,t,o){const r=this.widget.sNestedDataSeparator;if(o)return this.widget.groupbyManager.getGroupName(o);if(n.o8(this.oLocalModel[e])&&(this.oLocalModel[e]=new s(this.mDataSchema,void 0,r)),t===u.default.store.keyField){if(this.widget.batchEditor.isActive()){if(this.oLocalModel[e].bDirtyInsert)return""}if(this.bIsRawDataArray){let t=this.oDataFormat.sIdKey;if(t!==u.default.store.keyField){let o=this.get(e,t);if(o)return o}}return e}return n.o8(t)?this.oLocalModel[e].model:this.oLocalModel[e].model.get(t)}getRecordIndex(e){if(this.oLocalModel[e])return e;if(this.bIsRawDataArray&&this.oDataFormat.sIdKey){const t=this.getRecordByKey(this.oDataFormat.sIdKey,e);t&&(e=t.sRecordIndex)}return e}getRecordByKey(e,t){return this.aOrderedData.find((o=>o[e]==t))}getUniqueDataByFieldIndex(e){let t=this.getDataByFieldIndex(e,!0);return[...new Set(t)].sort()}getDataByFieldIndex(e,t,o){const n=this.widget;let a=n.filter;o=o||this.aOrderedData,a&&a.bUseFilter&&!t&&(o=a.aFiltered);let i=o.map((o=>{const a=r.MU(o,e,void 0,n.sNestedDataSeparator);return t?a:parseFloat(a)}));return i=i.filter((e=>e||0===e)),i}hasNextData(){return!1!==(this.sNextPathURL||!1)}hasPrevData(){return!1!==(this.sPrevPathURL||!1)}insertRecord(e,t,o,r,a){const i=this.widget,l=i.sNestedDataSeparator;let d=new s(this.mDataSchema,e,l);if(this.oDataFormat.bSubscription&&!r&&!i.batchEditor.isActive())return void this.insertRecordServer(null,d,void 0,!1,!0);let c=o||this.widget.createRecordIndex();!o&&i.aColumnMapping.some((e=>e.bIsKeyIndex))&&(c=u.default.store.tempID),this.oLocalModel[c]={model:d,nRowIndex:-1,nCellDirty:0},this.aUnseenRecordIndex=[c],this.aRecordIndex.push(c),this.nRecordCount++;let h=this.mFieldStructure,g=this.mDataSchema,p=this.aLeafFieldIndex,m=n.iM(g,l),f=[],b=!1;for(let e=0,t=m.length;e<t;e++){let t=m[e];-1===p.indexOf(t)&&(b=!0,f.push(t),this.nFieldDepth="disabled"!==l?Math.max(t.split(l).length,this.nFieldDepth):Math.max(1,this.nFieldDepth))}b&&(h=n.RH(h,g),this.aLeafFieldIndex=n.iM(h,l)),this.aUnseenFieldIndex=f,this.mFieldStructure=h,this.insertRecordServer(c,d,t,r,void 0,a)}removeTempField(e,t){const o=t.sRecordIndex;this.nRecordCount--;let n=this.oLocalModel[o].nRowIndex;this.oLocalModel[o]=null,delete this.oLocalModel[o];const r=this.aRecordIndex.indexOf(o);this.aRecordIndex.splice(r,1),this.widget.aRowMapping.splice(n,1)}insertRecordServer(e,t,o,r,a,i){let s=this.widget;if(!1===this.oDataRequest.createOptions)return;let l=n.c7.copy(this.oDataRequest.createOptions||{});if(l.oRecordRawData=t.oRecordRawData,l.sRecordIndex=e,l.sRecordLocation=o,l.sFrozen=i,l.fnCustom=this.oDataFormat.fnCustomCreate,l.fnFailure=this.removeTempField,l.bCreateRecord=!0,l.sEditMode="insertrecord",!r){l.oStatus={icon:"checkmark",state:"success",msg:g.default.get("dialog.recordCreate.successMsg",this.widget)};let e=l.sServerErrorMessage;e||(e=l.sServerErrorPath?u.default.tokens.serverMessage:g.default.get("dialog.recordCreate.errorMsg",this.widget)),l.oErrorStatus={icon:"error",state:"error",msg:e}}if(!r&&!s.batchEditor.isActive()){if(!1===this.fire("insertrecord",l))return void n.Aq("Insert was cancelled by the user in the data:record:beforeinsert event")}if(this.oDataFormat.bLoadByScroll&&this.bHasDataSource||a||s.updateDefaultRowMapping(void 0,!0),s.dirtyManager.setDirtyInsert(e,l),s.batchEditor.isActive())s.update(),s.lastPage();else{let t={sUnseenRecordIndex:e,sTempRecordIndex:e,oStatus:l.oStatus,sRecordLocation:o,sFrozen:i};this.fireAfterStoreEvent("afterinsert",l,t,r)}}fireAfterStoreEvent(e,t,o,n){o=o||{};let r=["sRecordIndex","sFieldIndex","aChangedFieldIndex","oRecordRawData","oOldData","oRecordModel","nRowIndex","oLocalModel","oldValue","oStatus","bBatchEdit","bBatchCleanup","bNoRefresh"];for(let e of r)t&&t[e]&&(o[e]=t[e]);if(t.fnCustom&&!n){const n=t=>this.fire(e,{options:o},t);t.callback=n;const r=t.oRecordRawData?this.cleanSingleRecord(t.oRecordRawData):null,a=[];t.sRecordIndex&&!t.bCreateRecord&&a.push(t.sRecordIndex),r&&a.push(r),a.push(t,this.oDataFormat);let i=t.fnCustom.method.apply(t.fnCustom.oScope,a);i&&i.then(n)}else!this.bHasDataSource||t.bExclude||n?this.fire(e,{options:o}):(t.sSuccessEvent=e,this.onModifyRecordRest(t))}processChangedData(e,t,o){for(let n in e)if(e.hasOwnProperty(n)){let r=t[n],a=e[n];r!==a&&(this.oLocalModel[o].model.set(n,a),t[n]=a)}}processTemplate(e,t,o,n,r,a){const i=this.widget.sNestedDataSeparator;if(!e)return e;let s=o.sTargetFieldIndex,l=o.sTargetRecordIndex;o.sGroupRecordIndex&&(r=!0);let d=r?{}:this.get(l).oRecordRawData;if(!a&&(a={},!r)){let e;s.split(",").map((t=>{if("disabled"!==i){let o=t.split(i);e=o[o.length-1]}else e=t;let o=this.get(l,t.trim());a[e.trim()]=o}))}let c={record:d,index:a};return this.populateTemplate(e,t,c,n,o)}populateTemplate(e,t,o,n,r){let a,i;if("function"==typeof e)i=e(o);else{if("string"==typeof e)a=e;else if(e.content)if(t){const o=document.importNode(e.content,!0);t.appendChild(o),a=t.innerHTML}else a=e.innerHTML;i=this.calculateTemplate(a,o,n,void 0,r)}return t&&(t.innerHTML=i),i}calculateTemplate(e,t,o,a,i){let s,l=n.String.escapeRegExp(this.templateStartDelimiter),d=n.String.escapeRegExp(this.templateEndDelimiter),c=!i||"disabled"!==i._columnConfig.sTranslateNewline;const h=this.widget,g=h.aggregateManager;return e&&"string"==typeof e?(o&&(s=new RegExp(l+"(.*?)"+d+"(s*['\"])","g"),e=e.replace(s,(function(e,o,n){o=o.trim();let a=r.MU(t,o,"",h.sNestedDataSeparator);if(void 0!==a){return a+n+(" "+u.default.editor.bindingAttr+"="+n+o+n)}return e})),s=new RegExp("<textarea(.*?)"+l+"(.*?)"+d+"(.*?)</textarea>","g"),e=e.replace(s,(function(e,o,n,a){n=n.trim();let i=r.MU(t,n,"",h.sNestedDataSeparator);if(void 0!==i){return`<textarea ${u.default.editor.bindingAttr+'="'+n+'"'}${o}${i}${a}</textarea>`}return e}))),s=new RegExp(l+"(.*?)"+d,"g"),e.replace(s,((e,o)=>{o=o.trim();let n=r.MU(t,o,"",h.sNestedDataSeparator);return"string"==typeof n&&c&&(n=n.replace(/\n/g,"<br>")),""===n&&void 0!==g[o]&&(n=g.calculateAggregateRow(i,o)),a&&""===n?`${this.templateStartDelimiter}${o}${this.templateEndDelimiter}`:n}))):e}refreshAllRecordMapping(){const e=this.widget;let t=[e.aRowMapping,e.aTopRowMapping,e.aBottomRowMapping];for(let e=0;e<t.length;e++){const o=t[e];o.forEach(((e,t)=>{let n=e.sRecordIndex;e.sGroupRecordIndex||this.updateRecordMapping(o,n,t)}))}}updateRecordMapping(e,t,o){e===this.widget.aTopRowMapping?this.oLocalModel[t].sFrozen="top":e===this.widget.aBottomRowMapping?this.oLocalModel[t].sFrozen="bottom":this.oLocalModel[t].sFrozen="none",this.oLocalModel[t].nRowIndex=o}getArrayData(e,t,o){let r=[],a=t.sArrayIndex;const i=t.sArraySlice;let s=null,l=null;if(n.Uh(i)){const e=i.split(",");s=parseInt(e[0].trim(),10),e.length>1&&(l=parseInt(e[1].trim(),10))}return(void 0===a||o)&&(a=null),e.forEach((e=>{n.kJ(e)?("number"==typeof s&&(e=n.mJ.clone(e),e="number"==typeof l?e.slice(s,l):e.slice(s)),e.forEach((e=>{a?r.push(e[a]):r.push(e)}))):r.push(e)})),r}getRowData(e){let t={};return this.widget.aColumnMapping.forEach((o=>{let r=o.sFieldIndex;o.bHidden||""===r||o.bTypeAggregateOmit||n.String.trimWhiteSpace(r).split(",").forEach((o=>{let n=this.get(e,o.trim());t[o]=n}))})),t}getAllRowData(){const e=this.widget.filter;let t;t=e&&e.bUseFilter?e.aFiltered:this.aOrderedData;let o=[];const n=t.length;for(let e=0;e<n;e++)o.push(this.getRowData(t[e].sRecordIndex));return o}getRowIndexByRecordIndex(e){return this.oLocalModel[e].nRowIndex}getColumnIndexByFieldIndex(e){let t=this.widget.aColumnMapping,o=[];for(let n=t.length;n--;)t[n].sFieldIndex==e&&o.push(n);return o}isServerSort(){return this.isIncrementalLoad()&&(this.oDataFormat.sSortByKey||-1!==this.oDataRequest.readOptions.sUrl.indexOf(u.default.tokens.sortBy))}isIncrementalLoad(e){let t;return e&&(t=e.loadByPage||e.loadByScroll),t||this.oDataFormat.bLoadByScroll||this.oDataFormat.bLoadByPages}initModel(){this.data=[],this.reset()}dumpModel(e){this.reset(),this.widget.clearIdCounters(e),this.widget.updater.clearCache()}dumpDataRequest(){this.oDataRequest={createOptions:{},readOptions:{},updateOptions:{row:{},cell:{}},deleteOptions:{}},this.oOptions=null,this.setOriginRecordCount(0)}reset(){this.aRecordIndex=[],this.nRecordCount=0,this.sStartAtValue=null,this.aLeafFieldIndex=[],this.nFieldDepth=0,this.mFieldStructure=null,this.oLocalModel={},this.mDataSchema=null,this.aOrderedData=[],this.widget&&this.widget.groupbyManager&&(this.widget.groupbyManager.aGroupData=[]),this.sNextPathURL=null,this.sPrevPathURL=null,this.oOptions=null}get bHasDataSource(){return!!this.oDataRequest.sUrl||!!this.oDataRequest.readOptions.sUrl}}m.setUserFunction=function(e,t){if(e){let o=e(t,!0);if(o)return{method:o,scope:null}}let o=m.aMethods[t];if(o)return o;if("string"!=typeof t)return null;let n=t.split(".");if(n.length>1||m.aNamespaces.default){let e=n[0];if(m.aNamespaces[e]){let t=m.aNamespaces[e].namespace;for(let e=1;e<n.length;e++)t=t[n[e]];return{method:t,scope:m.aNamespaces[e].scope}}if(m.aNamespaces.default){let e=m.aNamespaces.default.namespace;for(let t=0;t<n.length&&e;t++)e=e[n[t]];if(e)return{method:e,scope:m.aNamespaces.default.scope}}let t=window;for(let e=0;e<n.length;e++)if(t=t[n[e]],void 0===t)return null;return{method:t,scope:null}}if(window[t])return{method:window[t],scope:null};if(e){let o=e(t);if(o)return{method:o,scope:null}}return null},m.aAdapters={firebaseSDK:{createCustomFunction:"firebaseCreate",readCustomFunction:"firebaseRead",updateRowCustomFunction:"firebaseUpdateRow",updateCellCustomFunction:"firebaseUpdateCell",deleteCustomFunction:"firebaseDelete"},firebase:{limitToKey:"limitToFirst",startAtKey:"startAt",sortByKey:"orderBy",searchKey:"equalTo",startAtValue:!0,addValueQuotes:!0,newIndexPath:"name"},graphql:{restmode:"manual",method:"post"},django:{urlSuffix:"/"}},m.aMethods={},m.aNamespaces={};const f=m},1562:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>m});var n=o(3605),r=o(8965),a=o(2816),i=o(2260),s=o(8419),l=o(8139),d=o(9700),c=o(8938),h=o(1704),u=o(6919);const{translate:g}=n;class p extends r.Z{constructor(e){(e=e||{})._defaults={type:"grid",prefix:"zing-grid-",hasColumnHeader:!0,hasColumnFooter:!0,disableScrollBarX:!1,disableScrollBarY:!1,nCurrPageIdx:0,pageSize:s.default.store.defaultPageSize,bUserPageSize:!1,bHasSelectorEnabled:!1,bHasSorterEnabled:!1,bHasEditorEnabled:!1,bHasCellEditorEnabled:!1,bHasContextMenuEnabled:!1,bRowDrag:!1,bColumnDrag:!1,bDragHide:!1,bDragMove:!1,bHeaderRowHide:!1,bHeaderAutoFormat:!0,sNestedDataSeparator:".",sNestedGroupDataSeparator:"#",oHeaderTooltip:{},oCellTooltip:{},bHasEditColumn:!1,bHasRemoveColumn:!1,bHasInfoColumn:!1,bHasSelectorColumn:!1,bHasRowNumberColumn:!1,bHasRowGroupColumn:!1,fnHeaderAutoFormat:null,bHasStaticMenu:!1,bOnlyColumnWidth:void 0,nInfiniteTotalDisplay:s.default.infinite.defaultInfiniteDisplay,nDefaultRowHeight:s.default.zgRow.defaultHeight,nDefaultHeadHeight:s.default.zgRow.defaultHeadHeight,nRowHeight:void 0,nAdjustedStart:0,nSetWidth:null,bStaticScroll:!1,bCompact:!1,nRowsPerSet:-1,nRowSets:1,bInfiniteMaxReached:!1,sContextMenuId:"",bHasFilterEnabled:!1,bHasSearchEnabled:!1,bGlobalFilter:!1,bAPIReady:!1,bConfirmDelete:!0,aFilters:[],aIcons:[],aSelectedRows:[],bFastMode:!1,bCellFocus:!0,nStoredPageIndex:-1,sDefaultDisplay:null,nCardsPerRow:1,sSortIntl:void 0,nLeftFrozenColumns:0,nCardLeftFrozenColumns:0,nRightFrozenColumns:0,nCardRightFrozenColumns:0,nTopFrozenRows:0,nCardTopFrozenRows:0,nCardBottomFrozenRows:0,nBottomFrozenRows:0,nLoadingImages:0,oZGCellMap:{},oZGHeadCellMap:{},oZGFootCellMap:{},oDOMSortedColumn:null,aCurrentOver:[],aMouseOut:[],aMouseOutTimeouts:[],idCounters:[],aZebraClasses:[],oStateOptions:{},aGroupBy:[],oGroupDummyRows:{count:0},els:{mainGridTable:{},mainColumnBody:{},mainColumnHeader:{},mainColumnFooter:{},topPager:{},bottomPager:{}},rendered:!1,nDebugCount:0};e._defaults.plugins={scroller:{},loadmask:{}},super(e),this.docEvents={},this.config=e,this.initialConfig={},this.ZGLoadMask=s.default.zgLoadMask.tagName,this.createColumnId=this.createId("zg$columnId"),this.setColumnId=this.createColumnId.setCounter,this.getColumnId=this.createColumnId.getCounter,this.createRecordIndex=this.createId("zg$recordIdx"),this.randomKey=Math.floor(1e6*Math.random())+1,this.updater=new h.default({widget:this}),this.ZG=this.updater.widget.webcomponent}set bGroupBy(e){e?(this.nTopFrozenRows&&(this.nTopFrozenRows=0),this.nBottomFrozenRows&&(this.nBottomFrozenRows=0)):(this.initialConfig.frozenRowsTop&&(this.nTopFrozenRows=this.initialConfig.frozenRowsTop),this.initialConfig.frozenRowsBottom&&(this.nBottomFrozenRows=this.initialConfig.frozenRowsBottom)),this._bGroupBy=e}get bGroupBy(){return!this.isCardLayout()&&(this._bGroupBy||!1)}init(){this.initDir(),this.initStore(),this.initPlugins(),this.initMapping(),this.onUserEvents(),this.ons(),this.render()}ons(){this.on("render",(()=>{})),this.store.on("loaded",this.associateColumns,this),this.on("pagechange",((e,t,o)=>this.bodyUpdateWithScroll(void 0,t,o))),this.on(s.default.event.pagesizechange,(()=>this.bodyUpdateWithScroll(!0)))}render(){let e=this.el=a.Z.get(this.renderTo.querySelector("#wrap"));this.fire("beforerender"),e.dom.tabIndex=-1,this.initGridElements(),this.fire(s.default.event.afterRender),this.fire("render")}initPlugins(){let e=this.plugins;this.initPlugin("selectorEngineManager","selectorEngineManager",!1),this.initPlugin("plugins/selector/Selector","selector",!0),this.initPlugin("plugins/aggregate/aggregateManager","aggregateManager",!1),this.initPlugin("plugins/cellbreak/cellBreakManager","cellBreakManager",!0),this.initPlugin("plugins/clipper/Clipper","clipper",!0),this.initPlugin("plugins/columnmenu/ColumnMenu","columnMenu",!1),this.initPlugin("plugins/dialog/dialogManager","dialogManager",!1),this.initPlugin("plugins/details/detailsManager","detailsManager",!1),this.initPlugin("plugins/drag/columnDragManager","columnDragManager",!1),this.initPlugin("plugins/editor/dirtyManager","dirtyManager",!0),this.initPlugin("plugins/editor/batchEditor","batchEditor",!0),this.initPlugin("plugins/editor/RecordEditor","recordEditor",!0),this.initPlugin("plugins/editor/editorManager","editorManager",!0),this.initPlugin("plugins/editor/editorFieldManager","editorFieldManager",!0),this.initPlugin("plugins/filter/Filter","filter",!1),this.initPlugin("plugins/fullscreen/fullscreenManager","fullscreenManager",!1),this.initPlugin("plugins/groupby/groupbyManager","groupbyManager",!1),this.initPlugin("plugins/icon/iconManager","iconManager",!1),this.initPlugin("plugins/layout/layoutManager","layoutManager",!0),this.initPlugin("plugins/menu/menuManager","menuManager",!0),this.initPlugin("plugins/sorter/Sorter","sorter",!1),this.initPlugin("plugins/source/sourceManager","sourceManager",!1),this.initPlugin("plugins/state/stateManager","stateManager",!1),this.initPlugin("plugins/status/statusManager","statusManager",!0),this.initPlugin("plugins/tooltip/tooltipManager","tooltipManager",!1),this.initPlugin("plugins/viewport/viewportManager","viewportManager",!1),this.initPlugin("plugins/focus/focusManager","focusManager",!1),this.initPlugin("plugins/focus/headerFocusManager","headerFocusManager",!1),this.initPlugin("plugins/focus/footerFocusManager","footerFocusManager",!1),e.scroller&&this.initPlugin("plugins/scroller/Scroller","scroller",!1),this.deleteSE=this.selectorEngineManager.getSelectorEngine()}initPlugin(e,t,n){const r=o(1693)(`./${e}.js`).default,a={widget:this};n&&(a.se=this.selectorEngineManager.getSelectorEngine()),this[t]=new r(a)}initGridElements(){let e=this.el;this.oDOMMainGridTable=e._querySelector("#main");let t=e._querySelector("#body"),o=e._querySelector("#left"),n=e._querySelector("#right");if(this.oDOMMainScroll=e._querySelector("#scroll"),this.mainGridTable=a.Z.get(this.oDOMMainGridTable),this.mainGridHScroll=a.Z.get(this.oDOMMainScroll),this.hasColumnHeader){let e=new d.default({widget:this,oDOMWrapper:this.webcomponent.oDOMFrozenLeftHeadFrame,oHead:this.webcomponent.oDOMLeftHead,oColGroup:this.webcomponent.oDOMLeftColgroup});e.el._show(),this.leftColumnHeader=e;let t=new d.default({widget:this,oDOMWrapper:this.webcomponent.oDOMFrozenMainHeadFrame,oHead:this.webcomponent.oDOMHead,oColGroup:this.webcomponent.oDOMColgroup});t.el._show(),this.mainColumnHeader=t;let o=new d.default({widget:this,oDOMWrapper:this.webcomponent.oDOMFrozenRightHeadFrame,oHead:this.webcomponent.oDOMRightHead,oColGroup:this.webcomponent.oDOMRightColgroup});o.el._show(),this.rightColumnHeader=o}let r=new l.default({widget:this,oDOMWrapper:o,oBody:this.webcomponent.oDOMLeftBody});r.el._show(),this.leftColumnBody=r;let i=new l.default({widget:this,oDOMWrapper:t,oBody:this.webcomponent.oDOMBody});i.el._show(),this.mainColumnBody=i;let s=new l.default({widget:this,oDOMWrapper:n,oBody:this.webcomponent.oDOMRightBody});if(s.el._show(),this.rightColumnBody=s,this.hasColumnFooter){let e=new c.default({widget:this,oFoot:this.webcomponent.oDOMLeftFoot,oColGroup:this.webcomponent.oDOMLeftColgroup,oDOMWrapper:this.webcomponent.oDOMFrozenLeftFootFrame});e.el._show(),this.leftColumnFooter=e;let t=new c.default({widget:this,oFoot:this.webcomponent.oDOMFoot,oColGroup:this.webcomponent.oDOMColgroup,oDOMWrapper:this.webcomponent.oDOMFrozenMainFootFrame});t.el._show(),this.mainColumnFooter=t;let o=new c.default({widget:this,oFoot:this.webcomponent.oDOMRightFoot,oColGroup:this.webcomponent.oDOMRightColgroup,oDOMWrapper:this.webcomponent.oDOMFrozenRightFootFrame});o.el._show(),this.rightColumnFooter=o}this.mainGridTable._show()}setCellAlignment(e,t){if(null===(t=t||this.webcomponent.getAttribute(s.default.attr.align)||null))e.removeAttribute(s.default.attr.align);else{const o=s.default.zgColumn.alignTypes.indexOf(t)>-1?t:s.default.zgColumn.alignDefault;e.setAttribute(s.default.attr.align,o)}}setCellLabel({value:e,oDOMCellContainer:t,$cell:o}){if(!t)return;if(!o._columnConfig)return;if(this.layoutManager.sCurrentType!==s.default.zgLayout.typeCard)return;const n=s.default.zgCell.cellIndexAttr,r=s.default.zgCell.cellLabelAttr,a=t.querySelector(`[${n}]`);if(!a)return;e=e||o._columnConfig.sColumnHeaderText||a.getAttribute(n);let i=t.querySelector(`[${r}]`);if(!i){i=document.createElement("label"),i.setAttribute(r,"");const e=document.createElement("slot");e.name="cellLabel",i.appendChild(e),t.insertAdjacentElement("afterbegin",i)}i.textContent=e}updateConfig(e){let t=["data","dataSource","dataFormat","schema","columns"],o=this.store;o.updateConfig({data:e.data,oDataSource:e.dataSource,oDataFormat:e.dataFormat,mDataSchema:e.dataSchema}),this.dumpMapping(e);let n=e.columns;if(n){o.dumpModel();for(let e=0,t=n.length;e<t;e++){let t=n[e],o=this._createZGColumn(t);this.aColumnMapping[e]=o._oParsedColumnMapping}this._adjustFrozenColumns()}else if(void 0!==e.columns){let e=this.mainColumnHeader.oColGroup;e&&e.parentNode&&e.parentNode.removeChild(e)}for(let o in e)t.includes(o)||(this.webcomponent[o]=e[o])}dumpMapping(e){!this.store.bLightReload&&(e&&e.columns&&e.columns.length>0||!this.bIsMappingUserProvided&&this.webcomponent.bReady)&&this.dumpColumnMapping(),this.dumpRowMapping()}dumpColumnMapping(){this.aColumnMapping.length=0,this.bHasRowGroupColumn=!1,Array.from(this.webcomponent.querySelectorAll("zg-column")).forEach((e=>{e.parentNode.removeChild(e)})),this.nHeaderDepth=0}dumpRowMapping(){this.aRowMapping=[],this.aTopRowMapping=[],this.aBottomRowMapping=[],this.aGroupMapping=[]}updateInitialConfig(){this.bReload=!0;for(let e in this.initialConfig)this.webcomponent[e]=this.initialConfig[e];this.selector.deSelectAll(),this.bReload=!1}updateFocus(e,t,o){const n=this.focusManager;n&&n.bInitialLoaded&&(e&&(t=this.webcomponent[`oDOM${e}`],o=n[`a${e}`]),n.updateSection(t,o,e))}hookGridEvents(){let e=["contextmenu","mouseover","mouseout","mouseenter","mouseleave"],t=["click","keydown","blur","focus"];for(let t of e)this.el.on(t,this.detectGridEvent,this,{sDelegateTo:s.default.zgCell.tagName}),this.el.on(t,this.detectGridEvent,this,{sDelegateTo:s.default.zgCard.tagName});for(let e of t)this.el.on(e,this.detectGridEvent,this)}hookCellEvents(){let e=["cellopenedit","cellcloseedit","cellkeypress"];for(let t of e)this.on(t,((e,o,n,r,a,i)=>{let{nColumnIndex:s,sTargetFieldIndex:l,nRowContainerIndex:d}=o;const c=o.sTargetRecordIndex,h=this.getDOMByIndex(o.nRowContainerIndex,o.nColumnIndex);let u={recordIndex:c,columnIndex:s,fieldIndex:l,rowIndex:d,data:o.fullData(),DOMCell:h};switch(t){case"cellcloseedit":a?u.canceled=!0:(u.canceled=!1,u.newValue=r);break;case"cellkeypress":u.currentValue=n.value}let g=`cell:${t.slice(4)}`;return this.emitEvent(g,{ZGData:u},!0)}),void 0,void 0,!0)}hookClipperEvents(){let e=["copy","paste","beforecopy"];for(let t of e)this.clipper.on(t,((e,o)=>{let n={data:o.data,copiedValue:o.text};this.emitEvent("cell:"+t,{ZGData:n}),o.text=n.copiedValue}))}initMapping(){this.aRowMapping=[],this.aTopRowMapping=[],this.aBottomRowMapping=[],this.aColumnMapping=[],this.aGroupMapping=[],this.nHeaderDepth=0}onUserEvents(){this.on("render",(()=>{if(this.emitEvent("grid:render"),this.hookGridEvents(),this.oDOMScroller){a.Z.get(this.oDOMScroller).on("scroll",((e,t)=>{this.emitEvent("grid:scroll",{ZGTarget:t,ZGEvent:e})}))}if(this.mainGridTable.dom){let e=this.webcomponent._oShadowRoot.querySelector("#scroll");if(e){a.Z.get(e).on("scroll",((e,t)=>{this.emitEvent("grid:scroll",{ZGTarget:t,ZGEvent:e})}))}}a.Z.get(document.body).on("keydown",(e=>{this.bDisconnect||(e.nCharCode===e.ESC?(this.recordEditor.bIsOpen?this.recordEditor.cancelOpenEdit(null,this.editorManager.se):this.webcomponent.oDOMDialog&&this.ZG.oDOMDialog.closeEvent(),this.emitEvent("grid:keydown:esc")):e.nCharCode===e.PAGE_DOWN?this.nextPage():e.nCharCode===e.PAGE_UP&&this.prevPage())}))})),this.on("beforerender",(()=>{this.emitEvent("grid:beforerender")})),this.store.on("afterfetch",((e,t)=>{let o={response:t.oResponse,data:t.data};this.emitEvent("data:afterfetch",{ZGData:o})})),this.on("afterloaded",(()=>{this.emitEvent("data:load")})),this.on("refresh",(()=>{this.emitEvent("grid:refresh")})),this.on("hydrate",(()=>{this.emitEvent("grid:hydrate")})),this.on("apiready",(()=>{this.emitEvent("grid:ready")})),this.on("pagechange",((e,t)=>{this.once(s.default.event.updated,(()=>{let e={pageSize:+this.pageSize,currentPage:this.nCurrPageIdx+1};this.emitEvent("grid:pagechange",{ZGData:e}),void 0!==t&&this.emitEvent("grid:page"+t,{ZGData:e})}))})),this.on(s.default.event.pagesizechange,((e,t,o)=>{let n={pageSize:+t,oldPageSize:+o,currentPage:this.nCurrPageIdx+1};this.emitEvent("grid:pagesizechange",{ZGData:n})})),this.on(s.default.event.frozenrowchange,((e,t)=>{let o;o="top"===t?this.aTopRowMapping:this.aBottomRowMapping;let n=[];for(let e=0;e<o.length;e++)n.push(this.store.cleanSingleRecord(this.store.get(o[e].sRecordIndex).oRecordRawData));let r={area:t,currentFrozenRows:o.length,frozenRows:n};this.emitEvent("row:frozen",{ZGData:r})})),this.on("rowselectionchanged",((e,t,o)=>{let n=Object.keys(this.aSelectedRows),r=[];for(let e=0;e<n.length;e++)r.push(this.store.cleanSingleRecord(this.aSelectedRows[n[e]].get()));let a={checked:o,selectedRows:r,rowIndex:this.store.oLocalModel[t].nRowIndex,recordIndex:t,data:this.store.cleanSingleRecord(this.store.get(t).oRecordRawData)};this.emitEvent("row:select",{ZGData:a})})),this.sorter.on("sort",((e,t)=>{let o={fieldIndex:t.index};t.index&&(o.order=-1===t.order?"desc":"asc"),this.emitEvent("grid:sort",{ZGData:o})}),this),this.on("search",((e,t)=>{let o={searchTerm:t.searchTerm,searchResults:t.searchResults,searchCount:t.searchCount};this.emitEvent("grid:search",{ZGData:o})})),this.on("filter",((e,t)=>{let o={fieldIndex:t.sFieldIndex,filterIndex:t.sFilterIndex,filterValue:t.sValue};this.emitEvent("column:filter",{ZGData:o})})),this.on("columnmove",((e,t)=>{const o=this.aColumnMapping[t.newIndex];let n={fieldIndex:o.sFieldIndex,oldIndex:t.oldIndex,newIndex:t.newIndex,frozen:o.sFrozen};this.emitEvent("column:move",{ZGData:n})})),this.on("columntoggle",((e,t)=>{const o=t.oColumnMapping;let n={fieldIndex:o.sFieldIndex,hidden:o.bHidden};this.emitEvent("column:togglevisibility",{ZGData:n})})),this.on("contextmenuopen",(()=>this.emitEvent("grid:contextmenuopen"))),this.on("contextmenuclose",(()=>this.emitEvent("grid:contextmenuclose"))),this.hookCellEvents(),this.selector.on(s.default.event.selectedCells,(()=>{let e=this.selector.se,t=e.rawData(),o=e.nStartRowIndex,n=e.nEndRowIndex,r=e.nStartColumnIndex,a=e.nEndColumnIndex,i=e.doms();-1===o&&(o=n=e.nRowContainerIndex,r=a=e.nColumnIndex);let s={selectedData:t,columnStart:r,rowStart:o,columnEnd:a,rowEnd:n,DOMCell:e.dom(),DOMCells:i};this.emitEvent("grid:select",{ZGData:s})})),this.selector.on(s.default.event.deselectedCells,(()=>{this.emitEvent("grid:deselect")})),this.selector.on(s.default.event.selectedAllCells,(()=>{this.emitEvent("grid:selectall")})),this.hookClipperEvents(),this.store.on("removerecord",((e,t)=>{let o={rowIndex:this.store.oLocalModel[t.sRecordIndex].nRowIndex,recordIndex:t.sRecordIndex,batchEdit:this.batchEditor.isActive(),data:this.store.cleanSingleRecord(this.store.get(t.sRecordIndex).oRecordRawData)};return this.emitEvent("data:record:beforedelete",{ZGData:o},!0)}),void 0,void 0,!0),this.store.on("afterremoverecord",((e,t)=>{let o={batchEdit:t.options.bBatchEdit,data:this.store.cleanSingleRecord(t.options.oRecordModel.oRecordRawData)};t.options.bBatchCleanup||this.emitEvent("data:record:delete",{ZGData:o})})),this.store.on("updatecell",((e,t)=>{const o=this.getDataRowIndexByRecordIndex(t.sRecordIndex,this.store.oLocalModel[t.sRecordIndex].sFrozen),n=this.getColumnIndexByFieldIndex(t.sFieldIndex);let r={DOMCell:this.getDOMByIndex(o,n),rowIndex:this.store.oLocalModel[t.sRecordIndex].nRowIndex,fieldIndex:t.sFieldIndex,recordIndex:t.sRecordIndex,newValue:t.payload,oldValue:t.oldValue,batchEdit:this.batchEditor.isActive(),data:this.store.cleanSingleRecord(this.store.get(t.sRecordIndex).oRecordRawData)};const a=this.emitEvent("data:cell:beforechange",{ZGData:r},!0);return r.newValue!==t.payload&&(r.data[t.sFieldIndex]=r.newValue,t.payload=r.newValue),this.store.processChangedData(r.data,t.oRecordRawData,t.sRecordIndex),a}),void 0,void 0,!0),this.on("afterupdatecellrender",((e,t)=>{const o=this.getDataRowIndexByRecordIndex(t.sRecordIndex,this.store.oLocalModel[t.sRecordIndex].sFrozen),n=this.getColumnIndexByFieldIndex(t.sFieldIndex);let r={DOMCell:this.getDOMByIndex(o,n),rowIndex:this.store.oLocalModel[t.sRecordIndex].nRowIndex,fieldIndex:t.sFieldIndex,recordIndex:t.sRecordIndex,newValue:this.store.get(t.sRecordIndex,t.sFieldIndex),oldValue:t.oldValue,data:this.store.cleanSingleRecord(this.store.get(t.sRecordIndex).oRecordRawData)};this.emitEvent("data:cell:change",{ZGData:r})})),this.store.on("updaterecord",((e,t)=>{let o={rowIndex:this.store.oLocalModel[t.sRecordIndex].nRowIndex,recordIndex:t.sRecordIndex,changedField:t.aChangedFieldIndex,oldData:t.oOldData,batchEdit:this.batchEditor.isActive(),data:this.store.cleanSingleRecord(t.oRecordRawData)};const n=this.emitEvent("data:record:beforechange",{ZGData:o},!0);return this.store.processChangedData(o.data,t.oRecordRawData,t.sRecordIndex),n}),void 0,void 0,!0),this.store.on("afterupdaterecord",((e,t)=>{t=t.options;let o={rowIndex:this.store.oLocalModel[t.sRecordIndex].nRowIndex,recordIndex:t.sRecordIndex,changedField:t.aChangedFieldIndex,oldData:t.oOldData,batchEdit:t.bBatchEdit||!1,data:this.store.cleanSingleRecord(t.oRecordRawData)};this.emitEvent("data:record:change",{ZGData:o})})),this.on("openinsert",((e,t)=>{let o={inputContainer:t.inputContainer,editorFields:t.editorFields,batchEdit:this.batchEditor.isActive()};this.emitEvent("data:record:openinsert",{ZGData:o,ZGTarget:t.dialog})})),this.store.on("insertrecord",((e,t)=>{let o;o="start"===t.sRecordLocation?0:"end"===t.sRecordLocation?this.aRowMapping.length:t.sRecordLocation;let n={rowIndex:o,batchEdit:this.batchEditor.isActive(),data:this.store.cleanSingleRecord(t.oRecordRawData)};const r=this.emitEvent("data:record:beforeinsert",{ZGData:n},!0);return this.store.processChangedData(n.data,t.oRecordRawData,t.sRecordIndex),r}),void 0,void 0,!0),this.store.on("afterinsertrecord",((e,t)=>{let o={rowIndex:t.nRowIndex,batchEdit:t.bBatchEdit,data:this.store.cleanSingleRecord(t.oLocalModel.model.oRecordRawData)};this.emitEvent("data:record:insert",{ZGData:o})}))}associateColumns(e,t){if(this.bUpdateColGroup&&!t)return;if(this.selector&&this.selector.deSelectAll(),this.bUpdatingColumns=!0,this.aColumnMapping.length){if(!this.store.isIncrementalLoad()){let e=this.aColumnMapping,t=this.store.getFieldStructure(),o=!1;if(!this.store.bLightReload){this.bIsUpdatingType=!0;for(let n=0,r=e.length;n<r;n++){let r=e[n],a=r.oDOMZGColumn,i=r.sFieldIndex;if(a.hasAttribute("group")&&i){this.bGroupBy=!0,-1===this.aGroupBy.indexOf(i)&&(this.aGroupBy.push(i),o=!0);continue}if(r.bIsTypeUserProvided)continue;i=i.split(",")[0];let l=t?t[i]:"text",d="text";"number"===l&&"year"!==i.toLowerCase()&&(d=l),a[s.default.attr.type]=d,r.bIsTypeUserProvided=!1}this.bIsUpdatingType=!1,this.bGroupBy&&this._updateGroupedColumn(o)}}}else this.updateDefaultColumnMapping();const o=this.webcomponent;if(!this.store.bLightReload){if(this.store.aOrderedData.length&&(o.editorControls||o.rowSelector||o.recordKey||o.recordDuplicate||o.aggregate)){const e={editorControls:o.editorControls,rowSelector:o.rowSelector,recordKey:o.recordKey,recordDuplicate:o.recordDuplicate,aggregate:o.aggregate};this._addColumnControls(e)}else this.bHasEditColumn?this.mainColumnBody.oBody.setAttribute(s.default.attr.editorcontrols,""):this.mainColumnBody.oBody.removeAttribute(s.default.attr.editorcontrols);this.setupCardHeader()}if(!this.bGroupBy&&(!this.aRowMapping.length||this.store.isIncrementalLoad())){if(this.store.oDataFormat.bLoadByScroll){let e=this.store,t=this.getPageSize()*this.nInfiniteTotalDisplay,o=this.aRowMapping.length+e.getUnseenRecordIndex().length;t<o&&(this.nAdjustedStart=o-t)}this.updateDefaultRowMapping()}if(!this.savedScrollVal&&this.oDOMMainScroll.scrollLeft&&(this.savedScrollVal=this.oDOMMainScroll.scrollLeft),this.store.bLightReload&&(this.nCurrPageIdx=this.store.nSavePageIdx||0),this.bHasSearchEnabled&&this.search&&this.search.oDOMInput.value&&!this.store.isIncrementalLoad()?this.update(null,void 0,void 0,!0,!0):this.update(null,void 0,void 0,!1,!0),this.oDOMSortedColumn&&!this.store.isServerSort()){let e=this.oDOMSortedColumn;e._oParsedColumnMapping.oDOMSortHeader.onSort(null,null,e._oParsedColumnMapping.sSortDir)}let n=this.bPreloaded||this.bHydrating?"hydrate":"refresh";this.bHydrating=this.bPreloaded=!1,this.bUpdatingColumns=!1,this.fire("afterloaded"),this.bAPIReady?(this.fire(n),this.savedScrollVal=null):(this.bAPIReady=!0,this.fire("apiready"))}onContextMenu(e,t){this.sContextMenuId!==s.default.zgMenu.browser&&(e.preventDefault(),this.bHasContextMenuEnabled&&this.menuManager.openContextMenu(e,t))}emitEvent(e,t,o){let n={detail:t=t||{}},r=null;o&&(n.cancelable=!0);let a=new CustomEvent(e,n);return this.bDisconnect||(r=this.webcomponent.dispatchEvent(a)),r}detectGridEvent(e){let t,o,r,a,i,l,d,c,h,u,g,p,m,f=e.type,b=n.MV(e.oDOMTarget,s.default.zgCell.tagName),v=!b&&n.MV(e.oDOMTarget,s.default.zgHeadCell.tagName),y=n.MV(e.oDOMTarget,s.default.zgCard.tagName);if("contextmenu"===f&&(f="rightclick"),b){if(t=`cell:${f}`,o=b,i=b.parentNode,c=i.dataRowIndex,void 0===c)return;if(d=this.getRecordIndexByDataRowContainerIndex(c),void 0===d)return;h=this.getBodyRowIndex(c),l=b.getAttribute("data-field-index"),p=this.getColumnByFieldIndex(l),p&&(g=p.sCellType);const n=this.getColumnIndexByFieldIndex(l),r=this.getDOMByIndex(c,n);m=this.getGroupIndexByDataRowContainerIndex(c),a={DOMCell:r,type:g,fieldIndex:l,rowIndex:c,bodyRowIndex:h,recordIndex:d,columnIndex:n,value:this.store.get(d,l,m)},this.emitEvent(t,{ZGTarget:o,ZGData:a,ZGEvent:e})}let z=!1;if(i&&!y&&i.getAttribute(s.default.zgLayout.attr)===s.default.zgLayout.typeCard&&(y=i),y){if(t="card:"+f,o=y,i||(i=y.parentNode),c=this.getRowIndexByDataRowContainerIndex(i.dataRowIndex),d||(d=this.getRecordIndexByDataRowContainerIndex(c)),h||(h=this.getBodyRowIndex(c)),void 0===c||!this.aRowMapping[c]||void 0===d)return;r={},u=this.store.oLocalModel[d].model.get(),a&&(r.cell=a),r.bodyRowIndex=h,r.rowIndex=c,r.recordIndex=d,r.data=u;let n={ZGTarget:o,ZGData:r,ZGEvent:e};this.simulateMouseEvents(f,d,"Row",t,n)&&(this.emitEvent(t,n),z=!0)}else if(i){t="row:"+f,o=i,r={},void 0!==d&&(m||(u=this.store.cleanSingleRecord(this.store.oLocalModel[d].model.get()),r.data=u),a&&(r.cell=a),r.rowIndex=c,r.bodyRowIndex=h,r.recordIndex=d);let n={ZGTarget:o,ZGData:r,ZGEvent:e};this.simulateMouseEvents(f,d,"Row",t,n)&&(z=!0,this.emitEvent(t,n))}if(z&&(i||y)){t="record:"+f,o=y||i;let n={rowIndex:c,bodyRowIndex:h,recordIndex:d,data:u};a&&(n.cell=a);let r={ZGTarget:o,ZGData:n,ZGEvent:e};n.layout=y?"card":"row",this.emitEvent(t,r)}if(v){t="header:"+f,o=v;let n=v.getAttribute("cellindex"),a=this.aColumnMapping[n];l=a.sFieldIndex,r={cellIndex:n,fieldIndex:l,text:a.sColumnHeaderText},this.emitEvent(t,{ZGTarget:o,ZGData:r,ZGEvent:e})}if(v||b){t="column:"+f,o=v||b,r={fieldIndex:l};let n={ZGTarget:o,ZGData:r,ZGEvent:e};this.simulateMouseEvents(f,l,"Column",t,n)&&this.emitEvent(t,n)}}simulateMouseEvents(e,t,o,n,r){if("mouseover"===e){if(this.aCurrentOver[o]===t)return this.aMouseOut[o]=t,!1;this.aCurrentOver[o]=t}else if("mouseout"===e){this.aMouseOut[o]="";let e=setTimeout((()=>{if(!this.aMouseOutTimeouts)return;let a=this.aMouseOutTimeouts.indexOf(e);if(a>=0&&this.aMouseOutTimeouts.splice(a,1),this.aMouseOut[o]===t)return!1;this.aCurrentOver[o]===t&&(this.aCurrentOver[o]=""),this.emitEvent(n,r),"card:mouseout"!==n&&"row:mouseout"!==n||(r.ZGData.layout="card:mouseout"===n?"card":"row",this.emitEvent("record:mouseout",r))}));return this.aMouseOutTimeouts.push(e),!1}return!0}setupCardHeader(){this.bHasEditColumn||this.bHasInfoColumn||this.bHasSelectorColumn||this.bHasRemoveColumn||this.bHasRowNumberColumn?this.mainColumnBody.oBody.setAttribute(s.default.attr.internalcardheader,""):this.mainColumnBody.oBody.removeAttribute(s.default.attr.internalcardheader)}insertRow(e,t,o){this.store.insertRecord(e,void 0,t,o)}updateRow(e,t,o,n){this.store.updateRecord(t,e,void 0,o,void 0,n)}updateCell(e,t,o,n){this.store.updateCell(e,t,o,n)}duplicateRecord(e){const t=this.store;e=t.getRecordIndex(e);const o=t.oLocalModel[e].sFrozen;let n=t.cleanSingleRecord(t.get(e).oRecordRawData);const r=t.getRowIndexByRecordIndex(e)+1;t.insertRecord(n,r,void 0,void 0,o)}removeRow(e,t,o,n){let r=()=>this.deleteSE.select(this.selector.bHasSelection);const a=this.store;if(this.recordEditor.isRecordEditorOpen()&&this.recordEditor.cancelOpenEdit(),this.editorFieldManager.oActiveEditorField&&this.editorFieldManager.closeFieldEditor(!0),!this.getConfirmation(s.default.confirmations.delete)||t||this.batchEditor.isActive())i();else{if(this.selector.bHasSelection){let e=this.selector.se;this.deleteSE.cell(e.nStartRowIndex,e.nStartColumnIndex)}else this.deleteSE.end();this.fire("rowdelete"),this.ZG.oDOMDialog.setDialog("record-delete"),this.ZG.oDOMDialog.on("dialogConfirm",i,this),this.ZG.oDOMDialog.on("dialogCancel",r,this)}function i(){a.removeRecord(e,void 0,o,n)}}removeSelectedRows(e){let t=()=>{e&&e.focus()},o=Object.keys(this.aSelectedRows);if(0===o.length)return;let n=g({msg:u.default.get("dialog.removeXSelectedRows.label",this),vars:[o.length],plurals:[{value:"s",condition:o.length>1}]}),r=g({msg:u.default.get("dialog.removeXSelectedRows.successMsg",this),vars:[o.length],plurals:[{value:"s",condition:o.length>1}]});const a={confirm:{text:u.default.get("dialog.delete",this)},label:n,type:"selected-rows-delete",body:`\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="removerecord" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <p>${u.default.get("dialog.removeXSelectedRows.body",this)}</p>\n        </div>\n      `};let i,l;this.ZG.dialogArr.filter(((e,t)=>(i=e.type===a.type,i&&(l=t),i))).length?this.ZG.dialogArr[l]=a:this.ZG.dialogArr.push(a);let d=()=>{for(let e=0;e<o.length;e++)this.removeRow(o[e],!0,r);this.batchEditor.isActive()&&(this.aSelectedRows=[],this.updateCaption()),e&&requestAnimationFrame((()=>this.focusManager.changeFocus(0,-1)))};this.getConfirmation(s.default.confirmations.delete)&&!this.batchEditor.isActive()?(this.ZG.oDOMDialog.setDialog(a.type),this.ZG.oDOMDialog.on("dialogConfirm",d),this.ZG.oDOMDialog.on("dialogCancel",t,this)):d()}getConfirmation(e){const t=(this.ZG.confirmations||s.default.confirmations.all).split(",").map((e=>e.toLowerCase().trim()));return(e!==s.default.confirmations.delete||!1!==this.bConfirmDelete)&&(-1!==t.indexOf("all")||-1!==t.indexOf(e))}resetColumns(){this.aColumnMapping.length=0,this.nHeaderDepth=0,this.updater.clearCache()}updateDefaultColumnMapping(){let e=this.store,t=e.getLeafFieldIndex(),o=e.getFieldStructure(),n=0;if(this.aColumnMapping=[],!t.length)return;const r=t.length;if(this.bGroupBy){this.aColumnMapping.length=r+1;let e=this._createZGColumn({type:s.default.internalColumn.rowgroup,index:this.aGroupBy.join(",")},void 0,n);this.aColumnMapping[n]=e._oParsedColumnMapping,n++}else this.aColumnMapping.length=r;for(let e=0,r=t.length;e<r;e++){if("sRecordIndex"===t[e]||"sRESTIndex"===t[e]||"nOriginalIndex"===t[e])continue;let r=o?o[t[e]]:"text",a="text";"number"===r&&"year"!==t[e].toLowerCase()&&(a=r);let i=this._createZGColumn({type:a,index:t[e]},void 0,n);this.bGroupBy&&-1!==this.aGroupBy.indexOf(t[e])&&(this.bUpdatingHidden=!0,i.setAttribute("hidden",""),this.bUpdatingHidden=!1),this.aColumnMapping[n]=i._oParsedColumnMapping,n++}this.bIsMappingUserProvided=!1}_updateGroupedColumnReset(e,t,o,n){!o&&t&&(o=this.groupbyManager.unsetGroup());let r=this.aRowMapping.length;this._updateGroupedColumn(e,o,t,n),this.bUpdateGroupBy||(this.setupCardHeader(),this.updater.clearCache(),this.update(),this.aRowMapping.length!==r&&this.groupbyManager.clearPaging())}_updateGroupedColumn(e,t=[],o,n){let r=this.aGroupBy,a=this.aColumnMapping;if(this.bEditingControls=!0,this.aColumnMapping=this.aColumnMapping.filter((e=>{let a=e.oDOMZGColumn;if(e.sCellType!==s.default.internalColumn.rowgroup)-1!==r.indexOf(a.index)?a.setAttribute("hidden",""):-1!==t.indexOf(a.index)&&a.removeAttribute("hidden");else if(o&&!n)return this.bHasRowGroupColumn=!1,a.remove(),!1;return!0})),!o&&!n)if(this.bHasRowGroupColumn){for(let e=0,t=a.length;e<t;e++)if(a[e].sCellType===s.default.internalColumn.rowgroup){a[e].oDOMZGColumn.index=r.join(",");break}}else{let e=this.getColgroupByColumnIndex(0),t=this._createZGColumn({type:s.default.internalColumn.rowgroup,index:this.aGroupBy.join(",")},e.firstChild);this.aColumnMapping.unshift(t._oParsedColumnMapping),this.hasFrozenColumns()&&this._adjustFrozenColumns()}this.bEditingControls=!1,e&&(this.groupbyManager.clean(),this.aRowMapping.length=0,o?this.store.resetRowMapping():this.groupbyManager.groupBy(this.aGroupBy))}_updateHiddenColumn(e,t,o){t.sCellType===s.default.internalColumn.rowgroup?(e||(this.aGroupBy=t.sFieldIndex.split(",").map((e=>e.trim())),this.bHasRowGroupColumn=!0),this._updateGroupedColumnReset(!0,e,void 0,!0)):(o&&(this.bColumnClick=!0),this.updater.update({bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bHiddenColumns:!0,bFixedColumns:!0,bUpdateColumnHeaderContent:!0,bUpdateBodyContent:!0,bUpdateColumnFooterContent:!0}),o&&(this.bColumnClick=!1))}_addColumnControls(e){let{editorControls:t,rowSelector:o,recordKey:n,recordDuplicate:r,aggregate:a}=e,i=this.aColumnMapping.length;this.bEditingControls=!0;const l=[],d=this.nLeftFrozenColumns,c=this.nRightFrozenColumns;(d||c)&&(this.nLeftFrozenColumns=0,this.nRightFrozenColumns=0,this._adjustFrozenColumns()),this.aColumnMapping=this.aColumnMapping.filter((e=>{let t=e.oDOMZGColumn;return t.index!==s.default.internalColumn.recordkey&&t.type!==s.default.cellTypes.aggregate&&-1===s.default.internalColumnTypes.indexOf(t.type)||!t.controlDefined?-1===s.default.internalColumnTypes.indexOf(t.type)&&t.index!==s.default.internalColumn.recordkey||(t.index===s.default.internalColumn.recordkey?l.push(s.default.internalColumn.recordkey):l.push(t.type),!0):(t.parentNode.removeChild(t),!1)})),this.aColumnMapping.length===i&&0!==this.getColumnId()||this.setColumnId(this.aColumnMapping.length);let h=[];if(t&&(h="all"===t?[s.default.editorControls.editor,s.default.editorControls.remover,s.default.editorControls.creator]:t.split(/[ ,]+/)),n&&!l.includes(s.default.internalColumn.recordkey)){n===s.default.internalColumn.recordkey&&(n=u.default.get("columntypes.key",this));let e=this._createZGColumn({index:s.default.internalColumn.recordkey,controlDefined:!0,header:n},this.mainColumnHeader.oColGroup.firstChild);this.aColumnMapping.unshift(e._oParsedColumnMapping)}if(o&&!l.includes(s.default.internalColumn.recordselector)){let e=this._createZGColumn({type:"selector",controlDefined:!0},this.mainColumnHeader.oColGroup.firstChild);this.aColumnMapping.unshift(e._oParsedColumnMapping)}if(a){let e=a.trim(),t=this._createZGColumn({type:"aggregate",controlDefined:!0,typeAggregateValue:e});this.aColumnMapping.push(t._oParsedColumnMapping)}if(r&&!l.includes(s.default.internalColumn.recordduplicate)){let e=this._createZGColumn({type:"duplicate",controlDefined:!0});this.aColumnMapping.push(e._oParsedColumnMapping)}if(h.includes(s.default.editorControls.editor)&&!l.includes(s.default.internalColumn.recordeditor)){let e=this._createZGColumn({type:s.default.editorControls.editor,controlDefined:!0});this.aColumnMapping.push(e._oParsedColumnMapping)}if(h.includes(s.default.editorControls.remover)&&!l.includes(s.default.internalColumn.recordeditor)){let e=this._createZGColumn({type:s.default.editorControls.remover,controlDefined:!0});this.aColumnMapping.push(e._oParsedColumnMapping)}this.nLeftFrozenColumns=d,this.nRightFrozenColumns=c,this._adjustFrozenColumns(),h.includes(s.default.editorControls.creator)?this.webcomponent._setCreateControls(!0):this.webcomponent._setCreateControls(!1),t&&this.mainColumnBody.oBody?this.mainColumnBody.oBody.setAttribute(s.default.attr.editorcontrols,t):this.mainColumnBody.oBody.removeAttribute(s.default.attr.editorcontrols),this.bEditingControls=!1}_createZGColumn(e,t,o){let n=document.createElement("zg-column");for(let t in e)e.hasOwnProperty(t)&&("index"===t&&""===e[t]&&(e[t]=" "),n[t]=e[t]);let r=null;return r=t?t.parentNode:void 0!==o?this.getColgroupByColumnIndex(o):this.mainColumnHeader.oColGroup,n.widget=this,t?r.insertBefore(n,t):r.appendChild(n),n}_adjustFrozenColumns(e){const t=this.webcomponent;this.bUpdatingFrozen=!0;const o=t.oDOMColgroup,n=t.oDOMLeftColgroup,r=t.oDOMRightColgroup;if(!e&&!t.bReady)return;const a=n.querySelectorAll("zg-column"),i=o.firstChild;a.length&&a.forEach((t=>{e||t.removeAttribute("frozen"),o.insertBefore(t,i)}));const s=r.querySelectorAll("zg-column");s.length&&s.forEach((t=>{e||t.removeAttribute("frozen"),o.appendChild(t)}));const l=this.aColumnMapping.length?this.aColumnMapping:null;let d=l?l.length:o.querySelectorAll("zg-column").length;for(let t=0;t<this.nLeftFrozenColumns&&t<d;t++){const r=l?l[t].oDOMZGColumn:o.querySelector("zg-column");n.appendChild(r),e&&r.getAttribute("frozen")||r.setAttribute("frozen","left")}const c=d-this.nLeftFrozenColumns,h=this.getAllColumns();for(let t=0;t<this.nRightFrozenColumns&&t<c;t++){const o=d-this.nRightFrozenColumns+t,n=l?l[o].oDOMZGColumn:h[o];r.appendChild(n),e&&n.getAttribute("frozen")||n.setAttribute("frozen","right")}if(l)for(let e=0;e<d;e++){l[e].oDOMZGColumn.style.width=""}this.bUpdatingFrozen=!1,this.updateFrozenColumnAttributes(this.nLeftFrozenColumns,"Left"),this.updateFrozenColumnAttributes(this.nRightFrozenColumns,"Right")}_adjustFrozenColumnsFromAttribute(){const e=this.webcomponent,t=this.aColumnMapping,o=t.length;let n,r;const a=[],i=[];if(this.bUpdatingFrozen)return null;for(let e=0;e<o;e++)i.push(this.getAreaByColumnIndex(e));for(let l=0;l<o;l++){const d=t[l],c=d.sFrozen,h=i[l],u=d.oDOMZGColumn;let g={};c&&c!==h&&("right"===c?(n=e.oDOMRightColgroup,r="nRightFrozenColumns","left"===h&&this.nLeftFrozenColumns--,g.column=d,g.newIndex=o-1):(n=e.oDOMLeftColgroup,r="nLeftFrozenColumns","right"===h&&this.nRightFrozenColumns--,g.column=d,g.newIndex=this.nLeftFrozenColumns),a.push(g),this.bUpdatingFrozen=!0,this.parentNode!==n&&(this[r]++,n.appendChild(u)),e.removeAttribute(s.default.frozenColumns.rightAttr),e.removeAttribute(s.default.frozenColumns.leftAttr),this.bUpdatingFrozen=!1)}for(let e=0;e<a.length;e++){const o=a[e].column,n=this.getZGColumnIndex(o),r=a[e].newIndex;t.splice(n,1),t.splice(r,0,o)}this.updateFrozenColumnAttributes(this.nLeftFrozenColumns,"Left"),this.updateFrozenColumnAttributes(this.nRightFrozenColumns,"Right")}moveColumn(e,t,o,n,r){const a=this.webcomponent,i=this.getBodyByColumnIndex(t,!0),l=i.oBody;n=n||this.getBodyByColumnIndex(e),void 0===r&&(r=this.getAdjustedColumnIndex(e));const d=a.oDOMLeftColgroup,c=a.oDOMRightColgroup;let h=this.nLeftFrozenColumns,u=this.nRightFrozenColumns;const g=l.children.length,p=n.children.length;let m=this.aColumnMapping;if(e>=m.length)return;let f=m.splice(e,1)[0];m.splice(t,0,f);const b=this.getColgroupByColumnIndex(t),v=f.oDOMZGColumn.parentNode;let y;if(t===m.length-1?y=null:(y=m[t+1].oDOMZGColumn,y.parentNode!==b&&(y=null)),this.bUpdatingFrozen=!0,t>e?b.insertBefore(f.oDOMZGColumn,y||null):b.insertBefore(f.oDOMZGColumn,y),a.removeAttribute(s.default.frozenColumns.rightAttr),a.removeAttribute(s.default.frozenColumns.leftAttr),f.oDOMZGColumn.removeAttribute("frozen"),this.bUpdatingFrozen=!1,this.bReordering=!0,this.oZGHeadCellMap={},this.oZGFootCellMap={},!this.savedScrollVal&&this.oDOMMainScroll.scrollLeft&&(this.savedScrollVal=this.oDOMMainScroll.scrollLeft),this.updater.removeAllHeaderRows(),this.updater.removeAllFooterRows(),b!==v){if(o||(b===d?h++:b===c&&u++,v===d?h--:v===c&&u--,this.nLeftFrozenColumns=h,this.nRightFrozenColumns=u),g<p){let e=p-g;i.insertRowsPerFrame(e)}n.childNodes.forEach(((e,t)=>{e.childNodes.forEach(((e,o)=>{if(r!==o)return;l.childNodes[t].appendChild(e)}))})),this._adjustFrozenColumns()}if(this.update({bUpdateColumnBodyContainerClass:!0,bUpdateBodyContent:!0,bUpdateColumnHeaderContent:!0,bUpdateColumnFooterAssignment:!0,bUpdateColumnFooter:!0,bUpdateHiddenContainer:!0,bUpdateContainer:!0}),this.oDOMSortedColumn){let e=this.oDOMSortedColumn;e._oParsedColumnMapping.oDOMSortHeader.onSort(null,null,e._oParsedColumnMapping.sSortDir)}this.bReordering=!1,this.fire("columnmove",{oldIndex:e,newIndex:t,bFrozenUpdated:o})}updateBatchEditStyleAttributes(e){const t=this.webcomponent;if(e){const e=t.oDOMHead,o=this.getDOMByIndex(0,0),n=window.getComputedStyle(o),r=window.getComputedStyle(o.parentNode),a=window.getComputedStyle(t),i=e.getBoundingClientRect().top,l=parseInt(r.borderTopWidth,10),d=parseInt(n.borderLeftWidth,10)+parseInt(r.borderLeftWidth,10)+parseInt(a.borderLeftWidth,10),c=o.getBoundingClientRect().top-(i+l),h=this.getFooterContainer().querySelector('zg-row[type="aggregate"]');let u=0;if(h){u=h.getBoundingClientRect().height}t.oDOMBatchEditStyle.style.top=`${c}px`,t.oDOMBatchEditStyle.style.left=d?`-${d}px`:0;const g=c+u;t.oDOMBatchEditStyle.style.height=`calc(100% - ${g}px)`,t.oDOMBatchEditStyle.removeAttribute(s.default.attr.hidden)}else t.oDOMBatchEditStyle.setAttribute(s.default.attr.hidden,"")}updateFrozenColumnAttributes(e,t){const o=this.webcomponent,n=this.bUpdatingFrozen,r=t.toLowerCase();this.bUpdatingFrozen=!0,e?(o[`oDOMFrozen${t}`].removeAttribute(s.default.frozenColumns.noContent),o[`oDOMFrozen${t}HeadFrame`].removeAttribute(s.default.frozenColumns.noContent),o[`oDOMFrozen${t}FootFrame`].removeAttribute(s.default.frozenColumns.noContent),o[`oDOMFrozen${t}Style`].removeAttribute(s.default.attr.hidden),o.setAttribute(s.default.frozenColumns[`${r}Attr`],this[`n${t}FrozenColumns`])):(o[`oDOMFrozen${t}`].setAttribute(s.default.frozenColumns.noContent,""),o[`oDOMFrozen${t}HeadFrame`].setAttribute(s.default.frozenColumns.noContent,""),o[`oDOMFrozen${t}FootFrame`].setAttribute(s.default.frozenColumns.noContent,""),o[`oDOMFrozen${t}Style`].setAttribute(s.default.attr.hidden,""),o.removeAttribute(s.default.frozenColumns[`${r}Attr`])),this.bUpdatingFrozen=n}updateDefaultRowMapping(e,t){let o,r=this.store,a=this.aRowMapping,i=(this.aGroupMapping,0),s=r.getUnseenRecordIndex(),l=s.length;if(!l)return;let d=this.getRowIndexStartOnPage(!0);if(!e){for(;d<a.length&&!n.o8(a[d]);)d++;for(o=d;o<l+d;){if(0===d&&!t&&o<this.nTopFrozenRows)this.updateRowMapping(this.aTopRowMapping,o,{sRecordIndex:s[i]});else if(0===d&&!t&&o>=l-this.nBottomFrozenRows){let e=this.nBottomFrozenRows-(l-o);this.updateRowMapping(this.aBottomRowMapping,e,{sRecordIndex:s[i]})}else{const e=t?o:o-this.nTopFrozenRows;this.updateRowMapping(this.aRowMapping,e,{sRecordIndex:s[i]})}o++,i++}}}updateFrozenRowMapping(){const e=this.nTopFrozenRows,t=this.nBottomFrozenRows,o=this.aTopRowMapping,n=this.aBottomRowMapping,r=this.aRowMapping;if(e>r.length||t>r.length)this.fullUpdateFrozenRowMapping();else{if(e!==o.length){let t=e-o.length;r.length,t>0?o.push(...r.splice(0,t)):r.unshift(...o.splice(t))}if(t!==n.length){let e=n.length-t;r.length,e<0?n.unshift(...r.splice(e)):r.push(...n.splice(0,e))}}this.store.refreshAllRecordMapping()}fullUpdateFrozenRowMapping(){const e=this.aTopRowMapping,t=this.aBottomRowMapping,o=this.aRowMapping;o.unshift(...e.splice(0)),o.push(...t.splice(0));const n=Math.min(this.nTopFrozenRows,o.length);e.push(...o.splice(0,n));const r=-1*Math.min(this.nBottomFrozenRows,o.length);r<0&&t.unshift(...o.splice(r))}updateRowMapping(e,t,o){let n=this.store,r=o.sRecordIndex;e[t]=e[t]||{},e[t].sRecordIndex=r,e[t].sGroupRecordIndex=o.sGroupRecordIndex,e[t].nCount=o.nCount,e[t].nDataRowsBefore=o.nDataRowsBefore,o.sGroupRecordIndex||n.updateRecordMapping(e,r,t)}initDir(){this.sComputedDir=getComputedStyle(this.webcomponent).direction}initStore(){this.store=new i.Z({widget:this})}update(e,t,o,n,r){this.store.bHasLoaded&&this.bHasAttachedToDOM&&this.webcomponent.bReady&&(e=e||{bUpdateColumnWidth:!0,bUpdateColumnWidthCache:!0,bUpdateBodyContent:!0,bUpdateColumnBodyContainerClass:!0,bUpdateColumnHeaderAssignment:!0,bUpdateContainer:!0,bUpdateRowMappingOrder:!0,bUpdateColumnFooter:!0,bUpdateColumnFooterAssignment:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},n&&(e.bUpdateRowMappingFilter=!0),r&&(e.bInitialSizeCheck=!0),this.webcomponent.oDOMNodata&&this.webcomponent.oDOMNodata.clearInfo(),this.updater.update(e,t,o),this.fire(s.default.event.updated))}bodyUpdateWithScroll(e,t,o){const n=this.webcomponent;this.bGroupBy&&!this.bGrouping&&this.groupbyManager.updatePagerGroupByMapping(e,t,o),n.oDOMVScroller&&n.oDOMVScroller.scrollLeft&&this.updateHeadFootScroll(!0),this.oDOMScroller&&(this.oDOMScroller.scrollTop=0),this.savedScrollVal=this.oDOMMainScroll.scrollLeft,this.nRowSets=1,this.bodyUpdate()}updateHeadFootScroll(e){const t=this.webcomponent;let o=`-${this.mainGridHScroll.getScroll().left}`;const n=t.oDOMCellOverflow;let r=t.oDOMHead,a=t.oDOMFoot;r.style.transform=e?"":`translateX(${o}px)`,a.style.transform=e?"":`translateX(${o}px)`,n&&n.isOpen()&&n.setPosition(n.currentTrigger,!0)}bodyUpdate(e,t){let o={bUpdateColumnWidth:!0,bUpdateColumnWidthCache:!0,bUpdateColumnBodyContainerClass:!0,bUpdateContainer:!0,bUpdateBodyContent:!0};e&&(o.bUpdateRowMappingFilter=!0,o.bUpdateColumnWidth=!1,o.bUpdateColumnWidthCache=!1,o.bUpdateColumnFooterContent=!0,o.bUpdateColumnHeaderContent=!0),this.store.oDataFormat.bServerFilter&&e||!0===this.store.oDataFormat.bLoadByPages&&(!e||t)?(e&&!this.store.oDataFormat.bServerFilter?(this.dumpMapping(),this.nCurrPageIdx=this.nAdjustedStart=0,this.store.dumpModel()):(e||t)&&(this.nCurrPageIdx=this.nAdjustedStart=0),this.store.load()):(e&&this.aRowMapping.length===this.store.aOrderedData.length-this.getFrozenRowCount()&&(this.nStoredPageIndex=this.getCurrPageIdx(),this.setCurrPageIdx(0)),this.webcomponent.oDOMNodata&&(this.savedScrollValFilter=this.oDOMMainScroll.scrollLeft,this.webcomponent.oDOMNodata.clearInfo()),this.updater.update(o),e&&-1!==this.nStoredPageIndex&&this.aRowMapping.length===this.store.aOrderedData.length-this.getFrozenRowCount()&&(this.setCurrPageIdx(this.nStoredPageIndex),this.nStoredPageIndex=-1),this.fire(s.default.event.updated),this.savedScrollValFilter=0,this.savedScrollVal&&e&&(this.oDOMMainScroll.scrollLeft=this.savedScrollVal,this.updateHeadFootScroll(),this.savedScrollVal=0))}updateCaption(){if(!this.webcomponent.oDOMCaption)return;const e=this.webcomponent;let t=this.webcomponent.oDOMCaption;const o=this.webcomponent.oDOMCaption.oDOMRemove,n=Object.keys(this.aSelectedRows).length;let r;o&&(n?(this.messageCaption||(this.captionData=t._oShadowRoot.querySelector("slot").assignedNodes(),this.captionData.forEach((e=>t.removeChild(e))),this.messageCaption=document.createElement("div"),this.messageCaption.slot="message",t.appendChild(this.messageCaption)),r=g({msg:u.default.get("tools.selected",this),vars:[n],plurals:[{value:"s",condition:n>1}]}),(e.editor||e.editorControls||this.bHasRemoveColumn)&&o.removeAttribute(s.default.attr.hidden),this.messageCaption.innerHTML=r):(this.messageCaption&&(this.captionData.forEach((e=>t.appendChild(e))),this.changedCaption&&(this.webcomponent._setCaption(this.changedCaption),this.changedCaption=null),this.messageCaption.parentNode&&this.messageCaption.parentNode.removeChild(this.messageCaption),this.messageCaption=null),o.setAttribute(s.default.attr.hidden,"")))}setStorybook(){const e=this.webcomponent;this.on("apiready",(()=>{if(this.isStorybook("editor-row")&&e.openRowEditor(0),this.isStorybook("focus")&&e.select(1,1),this.isStorybook("menu")&&(e.select(1,1),e.oDOMCaption.oDOMMenu.click()),this.isStorybook("select")){e.querySelector("zg-select").toggleList()}if(this.isStorybook("status")){const e={icon:"checkmark",state:"success",msg:u.default.get("dialog.fieldUpdate.successMsg",this)};this.statusManager.setStatus(e)}}))}isStorybook(e){return this.webcomponent.hasAttribute(`storybook-${e}`)}getInfiniteDataLoaded(){let e=this.nAdjustedStart+this.getPageSize()*this.nInfiniteTotalDisplay;return this.aRowMapping.length>e}getRowCount(){return this.bGroupBy?this.getGroupRowCount():this.aRowMapping.length}getGroupRowCount(e){const t=this.groupbyManager;if(null!==t.groupedVisible)return t.groupedVisible+t.aAddedGroupRecords.length+this.oGroupDummyRows.count;let o=0;return e||(e=this.store.aGroupData,o=t.aAddedGroupRecords.length),e?Object.keys(e).length+o+this.oGroupDummyRows.count:0}hasFrozenRows(){return this.getFrozenRowCount()>0}getFrozenRowCount(){return this.nTopFrozenRows+this.nBottomFrozenRows}getRowContainerCount(e){let t=this.getPageSize();const o=this.getCurrPageIdx(),n=this.getRowCount(),r=this.nRowsPerSet*this.nRowSets;let a;if(this.store.oDataFormat.bLoadByScroll)a=Math.min(n,t*this.nInfiniteTotalDisplay);else{let i=n-o*t||n;!e&&r>0&&r<t&&(t=r),a=Math.min(i,t)}return a}getColumnContainerCount(){return this.aColumnMapping.length}getAllHeaderDepth(){return this.getHeaderDepth()+(this.bHasFilterEnabled?1:0)+(this.bHasHeadRow?1:0)+this.nTopFrozenRows}getAllFooterDepth(){}getHeaderDepth(){return this.bHeaderRowHide?0:this.nHeaderDepth||this.store.getFieldDepth()}needRemoveBorder(){return this.bHeaderRowHide&&0===this.getAllHeaderDepth()}destroy(...e){let t=this.mainColumnBody,o=this.mainColumnHeader,r=this.mainColumnFooter,i=this.store;const s=[this.editorManager,this.focusManager,this.statusManager,this.recordEditor,this.editorFieldManager,this.dialogManager,this.menuManager,this.stateManager,this.aggregateManager],l=[this.mainColumnBody,this.leftColumnBody,this.rightColumnBody,this.mainColumnFooter,this.leftColumnFooter,this.rightColumnFooter,this.mainColumnHeader,this.leftColumnHeader,this.rightColumnHeader];for(let e=0;e<l.length;e++)l[e]&&l[e].destroy();for(let e=0;e<s.length;e++)s[e]&&s[e].destroy();u.default.destroy(this),this.loadmask&&this.loadmask.destroy(),this.updater&&this.updater.destroy(),t&&t.oElClipboard&&t.oElClipboard.destroy(),o&&o.destroy(),r&&r.destroy(),a.Z.get(document).docUnAll(),i&&i.destroy();for(let e=0;e<this.aMouseOutTimeouts.length;e++){let t=this.aMouseOutTimeouts[e];clearTimeout(t)}this.aMouseOutTimeouts.length=0,this.oDOMCaptionMirror=null,this.oCard=null,this.oCardEditTemplate=null,this.oCardTemplate=null,this.oCardBody=null,this.oDOMSortedColumn=null;const d=Object.keys(this);for(let e=0;e<d.length;e++){const t=d[e],o=this[t];this.hasOwnProperty(t)&&"object"==typeof o&&o&&(o.length&&n.kJ(o)&&(o.length=0),this[t]=null,delete this[t])}super.destroy(...e)}isCardLayout(){return this.getLayout()===s.default.zgLayout.typeCard}isComputedCard(){return this.getLayout()===s.default.zgLayout.typeCard||this.layoutManager.sCurrentType===s.default.zgLayout.typeCard}getLayout(){return this.layoutManager.sCurrentType}setCardsPerRow(e){this.nCardsPerRow=e}getCardsPerRow(){return this.nCardsPerRow}getState(){return{currPageIndex:this.getCurrPageIdx(),pageSize:this.getPageSize(),pageCount:this.getPageCount()}}hasCardTemplate(){let e=this.oCardTemplate||this.oCardBody||!1;return this.oCard&&(e=e||this.oCard.renderer),e}hasFrozenColumns(){return this.hasFrozenLeft()||this.hasFrozenRight()}hasFrozenLeft(){return!!this.nLeftFrozenColumns}hasFrozenRight(){return!!this.nRightFrozenColumns}getRightIndex(){const e=this.aColumnMapping.length,t=this.nLeftFrozenColumns;let o=e-this.nRightFrozenColumns;return o<=t-1&&(o=t),o}getAdjustedColumnIndex(e){const t=this.nLeftFrozenColumns,o=this.nRightFrozenColumns;let n=this.getRightIndex();return n<=t-1&&(n=t),o&&e>=n?e-=n:t&&e>=t&&(e-=t),e}getFirstMainIndex(){const e=this.aColumnMapping.length,t=this.nLeftFrozenColumns,o=this.nRightFrozenColumns;if(e-o-t<=0)return null;const n=e-o-1;for(let e=t;e<n;e++){if(!this.aColumnMapping[e].bHidden)return e}return null}getColumnBodyRange(e){const t=this.mainColumnBody,o=this.leftColumnBody,n=this.rightColumnBody,r=this.aColumnMapping.length,a=this.nLeftFrozenColumns,i=this.nRightFrozenColumns,s=r-i,l=r-i-a;let d,c;if(!r)return null;if(e===o&&a)d=0,c=Math.min(a-1,r-1);else if(e===t&&l>0)d=a,c=s-1;else{if(e!==n||!i)return null;d=s,c=r-1}return[d,c]}getAllBodies(){const e=this.webcomponent;return[e.oDOMLeftBody,e.oDOMBody,e.oDOMRightBody]}getAllHeads(){const e=this.webcomponent;return[e.oDOMLeftHead,e.oDOMHead,e.oDOMRightHead]}getAllFeet(){const e=this.webcomponent;return[e.oDOMLeftFoot,e.oDOMFoot,e.oDOMRightFoot]}getRegionsByColumnArea(e){let t;return t="Left"===e?0:"Right"===e?2:1,{oHead:this.getAllHeads()[t],oBody:this.getAllBodies()[t],oFoot:this.getAllFeet()[t]}}getFirstDataRowByArea(e){let t=e.oBody.childNodes[0];if(!t){const o=this.getContainerRowIndexByDataRowIndex(0);o>=0&&(t=this.nTopFrozenRows?e.oHead.childNodes[o]:e.oFoot.childNodes[o])}return t}getBodyByColumnIndex(e,t){const o=t?null:"Body";return this.getByColumnIndex(e,"Body",o)}getHeaderByColumnIndex(e,t){const o=t?null:"Head";return this.getByColumnIndex(e,"Header",o)}getColgroupByColumnIndex(e){const t=this.webcomponent.oDOMColgroup,o=this.webcomponent.oDOMLeftColgroup,n=this.webcomponent.oDOMRightColgroup,r=this.aColumnMapping.length;return this.hasFrozenLeft()&&e<this.nLeftFrozenColumns?o:this.hasFrozenRight()&&e>=r-this.nRightFrozenColumns?n:t}getAreaByColumnIndex(e){const t=this.aColumnMapping.length;return this.hasFrozenLeft()&&e<this.nLeftFrozenColumns?"left":this.hasFrozenRight()&&e>=t-this.nRightFrozenColumns?"right":"main"}getAreaByColumn(e){const t=this.getZGColumnIndex(e);return this.getAreaByColumnIndex(t)}getEditorRowByIndex(e,t){const o=this.editorManager.getEditorRowsByRowIndex(e),n=this.aColumnMapping.length;return this.hasFrozenLeft()&&t<this.nLeftFrozenColumns?o[0]:this.hasFrozenRight()&&t>=n-this.nRightFrozenColumns?o[2]:o[1]}getFooterByColumnIndex(e,t){const o=t?null:"Foot";return this.getByColumnIndex(e,"Footer",o)}getByColumnIndex(e,t,o){const n=this[`mainColumn${t}`],r=this[`leftColumn${t}`],a=this[`rightColumn${t}`],i=this.aColumnMapping.length,s=i-this.nRightFrozenColumns;let l;return l=e<this.nLeftFrozenColumns&&e>=0?r:e>=s&&e<i?a:n,o?l[`o${o}`]:l}getDataRowsByRow(e){const t=this.getFrozenRowState(e),o=this.getContainerRowIndexByDataRowIndex(e);return"top"===t?this.getHeadRows(o):"bottom"===t?this.getFootRows(o):this.getRows(o,"Body","Body")}getMainBodyRows(){const e=this.mainColumnBody.oBody,t=this.mainColumnHeader.oHead,o=this.mainColumnFooter.oFoot,n=t.querySelectorAll('zg-row[type="frozen"]'),r=e.childNodes,a=o.querySelectorAll('zg-row[type="frozen"]'),i=[];return n.length&&i.push(...n),r.length&&i.push(...r),a.length&&i.push(...a),i}getHeadRows(e){return this.getRows(e,"Header","Head")}getFootRows(e){return this.getRows(e,"Footer","Foot")}getDataRowIndex(e){return e-(this.getAllHeaderDepth()-this.nTopFrozenRows)}getParentByFrozenIndex(e,t){const o=this.getFrozenRowState(e);return"top"===o?this.getHeaderByColumnIndex(t):"bottom"===o?this.getFooterByColumnIndex(t):this.getBodyByColumnIndex(t)}getContainerRowIndexByDataRowIndex(e){const t=this.mainColumnBody.oBody.childNodes.length+this.nTopFrozenRows;return this.nTopFrozenRows>e?this.getAllHeaderDepth()-this.nTopFrozenRows+e:e>=t?e-t:e-this.nTopFrozenRows}getDataRowIndexByContainerIndex(e,t){const o=this.mainColumnBody.oBody.childNodes.length+this.nTopFrozenRows;return"top"===t?e:"bottom"===t?e+o:e+this.nTopFrozenRows}getFrozenRowState(e){const t=this.mainColumnBody.oBody.childNodes.length+this.nTopFrozenRows;return this.nTopFrozenRows>e?"top":e>=t?"bottom":"none"}getBodyRowIndex(e){return e<this.nTopFrozenRows?-1:e-this.nTopFrozenRows}getRow(e,t){const o=this.mainColumnBody.oBody.childNodes.length+this.nTopFrozenRows;if(this.nTopFrozenRows>e){const o=this.getHeaderByColumnIndex(t).querySelectorAll('zg-row[type="frozen"]');if(o.length>=e)return o[e]}else{if(!(e>=o)){const o=this.getBodyByColumnIndex(t);return e-=this.nTopFrozenRows,o.childNodes[e]}{const n=this.getFooterByColumnIndex(t).querySelectorAll('zg-row[type="frozen"]'),r=e-o;if(n.length>=r)return n[r]}}}getRows(e,t,o){const r=this[`mainColumn${t}`][`o${o}`],a=this[`leftColumn${t}`][`o${o}`],i=this[`rightColumn${t}`][`o${o}`],s=a.children,l=r.children,d=i.children,c=[];return n.Uh(e)?(s&&s.length>e&&c.push(s[e]),l&&l.length>e&&c.push(l[e]),d&&d.length>e&&c.push(d[e])):(s&&c.push(...s),l&&c.push(...l),d&&c.push(...d)),c}getHeaderContainer(){const e=this.webcomponent;return null!==this.getFirstMainIndex()?e.oDOMHead:this.hasFrozenLeft()?e.oDOMLeftHead:this.hasFrozenRight()?e.oDOMRightHead:e.oDOMHead}getFooterContainer(){const e=this.webcomponent;return null!==this.getFirstMainIndex()?e.oDOMFoot:this.hasFrozenLeft()?e.oDOMLeftFoot:this.hasFrozenRight()?e.oDOMRightFoot:e.oDOMFoot}getAllHeadRows(){const e=this.webcomponent;return[...e.oDOMLeftHead.children,...e.oDOMHead.children,...e.oDOMRightHead.children]}getAllHeadCells(e){const t=this.webcomponent,o=[t.oDOMLeftHead,t.oDOMHead,t.oDOMRightHead],n=[];return o.forEach((t=>{const o=e?"zg-head-cell":"zg-head-cell, zg-filter, zg-cell",r=t.querySelectorAll(o);r.length&&n.push(...r)})),n}getAllFootRows(){const e=this.webcomponent;return[...e.oDOMLeftFoot.children,...e.oDOMFoot.children,...e.oDOMRightFoot.children]}getAllFootCells(){const e=this.webcomponent,t=[e.oDOMLeftFoot,e.oDOMFoot,e.oDOMRightFoot],o=[];return t.forEach((e=>{const t=e.querySelectorAll("zg-cell");t.length&&o.push(...t)})),o}getAllBodyRows(){const e=this.webcomponent;return[...e.oDOMLeftBody.children,...e.oDOMBody.children,...e.oDOMRightBody.children]}getByTagName(e,t,o,r){return Array.from(e).filter(((e,a)=>{let i=!0;return n.Uh(o)&&(i=o===a),n.Uh(r)&&(i=i&&r===e.getAttribute("id")),i=i&&e.tagName.toLowerCase()===t.toLowerCase(),i}))}getCellsFromRows(e,t){const o=[];return e.forEach((e=>{const n=e.children;n.length&&o.push(...this.getByTagName(n,s.default.zgCell.tagName,t))})),o}getAllBodyCells(){const e=this.getAllBodyRows();return this.getCellsFromRows(e)}getAllColumns(){const e=this.webcomponent,t=[e.oDOMLeftColgroup,e.oDOMColgroup,e.oDOMRightColgroup],o=[];return t.forEach((e=>{const t=e.getElementsByTagName("zg-column");t.length&&o.push(...t)})),o}getDataCellsByIndex(e){const t=this.getDataRowsByColumnIndex(e),o=this.getAdjustedColumnIndex(e);return this.getCellsFromRows(t,o)}getDataRowsByColumnIndex(e){const t=this.getBodyByColumnIndex(e),o=this.getHeaderByColumnIndex(e),n=this.getFooterByColumnIndex(e),r=o.querySelectorAll('zg-row[type="frozen"]'),a=t.childNodes,i=n.querySelectorAll('zg-row[type="frozen"]'),s=[];return r.length&&s.push(...r),a.length&&s.push(...a),i.length&&s.push(...i),s}getAllCellsByIndex(e,t,o){const n=this.getBodyByColumnIndex(e),r=this.getAdjustedColumnIndex(e);let a=Array.from(n.children),i=this.getCellsFromRows(a,r),s=[];return i&&(s=[...i,...s]),t&&(s=this.getHeaderCells(e,s)),o&&(s=this.getFooterCells(e,s)),s}getHeaderCells(e,t,o){const n=this.getHeaderByColumnIndex(e),r=this.getAdjustedColumnIndex(e);let a=n.querySelectorAll("zg-row zg-head-cell:nth-child("+(r+1)+")"),i=n.querySelectorAll("zg-row zg-filter:nth-child("+(r+1)+")"),s=n.querySelectorAll("zg-row zg-cell:nth-child("+(r+1)+")");return t=t||[],a&&(t=[...a,...t]),o||(i&&(t=[...i,...t]),s&&(t=[...s,...t])),t}getFooterCells(e,t){const o=this.getFooterByColumnIndex(e),n=this.getAdjustedColumnIndex(e),r=o.querySelectorAll("zg-row zg-cell:nth-child("+(n+1)+")");return t=t||[],r&&(t=[...r,...t]),t}getRowIndexStartOnPage(e){let t=this.getCurrPageIdx()*this.getPageSize();return e||(t+=this.nTopFrozenRows),t}getRowIndexByDataRowContainerIndex(e,t,o){let n;return void 0===o&&(o=this.getCurrPageIdx()),t=t||!1,n=this.store.oDataFormat.bLoadByScroll&&!t?e+this.nAdjustedStart-this.nTopFrozenRows:o*this.getPageSize()+e-this.nTopFrozenRows,n}getPageByDataRowIndex(e){return Math.floor(e/this.getPageSize())}getDataRowIndexByRecordIndex(e,t){const o=this.getRowContainerIndexByRecordIndex(e);return this.getDataRowIndexByContainerIndex(o,t)}getRowContainerIndexByRecordIndex(e){let t=this.store.getRowIndexByRecordIndex(e);return this.getRowContainerIndexByRowIndex(t)}getRowContainerIndexByRowIndex(e){let t;return t=this.store.oDataFormat.bLoadByScroll?e-this.nAdjustedStart:e-this.getCurrPageIdx()*this.getPageSize(),t}getRowMappingByFrozen(e){return"top"===e?this.aTopRowMapping:"bottom"===e?this.aBottomRowMapping:this.aRowMapping}getRowMappingByDataRowContainerIndex(e){let t,o;const n=this.getFrozenRowState(e);return"top"===n?(t=this.aTopRowMapping,o=e):"bottom"===n?(t=this.aBottomRowMapping,o=this.getContainerRowIndexByDataRowIndex(e)):(t=this.aRowMapping,o=this.getRowIndexByDataRowContainerIndex(e)),"undefined"===o||o>=t.length?void 0:t[o]}getGroupIndexByDataRowContainerIndex(e){let t=this.getRowMappingByDataRowContainerIndex(e);return void 0!==t?t.sGroupRecordIndex:null}getRecordIndexByDataRowContainerIndex(e){let t=this.getRowMappingByDataRowContainerIndex(e);if(void 0!==t)return t.sRecordIndex}getFieldIndexByColumnIndex(e){return this.aColumnMapping[e].sFieldIndex}getColumnByFieldIndex(e){for(let t=0,o=this.aColumnMapping.length;t<o;t++)if(this.aColumnMapping[t].sFieldIndex===e)return this.aColumnMapping[t];return null}getColumnIndexByFieldIndex(e){for(let t=0,o=this.aColumnMapping.length;t<o;t++)if(this.aColumnMapping[t].sFieldIndex===e)return t;return-1}getColumnIndexByType(e){for(let t=0,o=this.aColumnMapping.length;t<o;t++)if(this.aColumnMapping[t].sCellType===e)return t;return-1}editRow(e){this.recordEditor.editRecord(e)}getRowHeight(){let e=this.getDOMByIndex(0,0);return e?e.getBoundingClientRect().height:0}getDOMCellByIndex(e,t,o){if(-1===e||-1===t)return null;const n=this[`get${o}erByColumnIndex`](t),r=this.getAdjustedColumnIndex(t);let a=n.getElementsByTagName("zg-row")[e].querySelectorAll(`${s.default.zgHeadCell.tagName}, ${s.default.zgFilter.tagName}, ${s.default.zgCell.tagName}`);return a.length?a[r]:null}getDOMByIndex(e,t){if(-1===e||-1===t)return null;const o=this.getParentByFrozenIndex(e,t),n=this.getAdjustedColumnIndex(t),r=this.getContainerRowIndexByDataRowIndex(e);let a=o.childNodes[r];return a?a.getElementsByTagName(s.default.zgCell.tagName)[n]:null}getDOMHeadByIndex(e,t){return this.getDOMCellByIndex(e,t,"Head")}getDOMFootByIndex(e,t){return this.getDOMCellByIndex(e,t,"Foot")}getElByIndex(e,t){return a.Z.get(this.getDOMByIndex(e,t))}getZGColumnIndex(e){return this.aColumnMapping.findIndex((t=>t.sColumnId===e.sColumnId))}get nScrollLeft(){return this.mainColumnBody.el.getScroll().left}get nScrollTop(){return this.mainColumnBody.el.getScroll().top}createId(e){let t=0,o=function(){return e+t++};return o.clearCounter=function(e){e||(t=0)},o.setCounter=function(e){t=e},o.getCounter=function(){return t},this.idCounters.push(o),o}clearIdCounters(e){for(let t=0;t<this.idCounters.length;t++)this.idCounters[t].clearCounter(e)}}p.prototype.nextPage=function(){const e=this.store.oDataFormat.bLoadByPages&&this.store.oDataFormat.bStartAtValue;(this.nCurrPageIdx+1<this.getPageCount()||e)&&this.nCurrPageIdx++,!0===this.store.oDataFormat.bLoadByPages&&(this.store.bLoadNext=!0),this.fire("pagechange","next")},p.prototype.prevPage=function(){this.nCurrPageIdx>0&&this.nCurrPageIdx--,!0===this.store.oDataFormat.bLoadByPages&&(this.store.bLoadPrev=!0),this.fire("pagechange","prev")},p.prototype.firstPage=function(){if(0!==this.nCurrPageIdx){const e=this.nCurrPageIdx;this.nCurrPageIdx=0,this.fire("pagechange","first",e)}},p.prototype.lastPage=function(){const e=Math.max(0,this.getPageCount()-1);if(this.nCurrPageIdx!==e){const t=this.nCurrPageIdx;this.nCurrPageIdx=e,this.fire("pagechange","last",t)}},p.prototype.calculatePageSize=function(e,t,o,n){let r=this.webcomponent,a=t||"pageSizeRow"!==o?r.pageSizeRow:n,i=t||"pageSizeCard"!==o?r.pageSizeCard:n;(e=e&&void 0!==e?e:this.layoutManager.sCurrentType)===s.default.zgLayout.reset&&(e=s.default.zgLayout.typeRow);let l=r.pageSize||s.default.store.defaultPageSize;t||"pageSize"!==o||(l=n||s.default.store.defaultPageSize);let d=this.hasPager();d&&(d.pageSize&&(l=d.pageSize),d.pageSizeRow&&(a=d.pageSizeRow),d.pageSizeCard&&(i=d.pageSizeCard),t&&"pageSize"===o&&(l=n||s.default.store.defaultPageSize),t&&"pageSizeRow"===o&&(a=n),t&&"pageSizeCard"===o&&(i=n)),a&&e===s.default.zgLayout.typeRow?l=a:i&&e===s.default.zgLayout.typeCard&&(l=i),this.setPageSize(parseInt(l,10))},p.prototype.getPageSize=function(){return this.hasPager()||this.bCustomPageSize||this.bUserPageSize||this.store.oDataFormat.bLoadByScroll?this.pageSize:this.store.nOriginRecordCount||this.getRowCount()||this.pageSize},p.prototype.setPageSize=function(e,t,o){if(e<=0)return;let n=this.pageSize,r=this.nCurrPageIdx;this.pageSize!==e&&(this.nCurrPageIdx=Math.floor(n*r/e),this.pageSize=e,this.webcomponent.bReady&&!o&&this.fire(s.default.event.pagesizechange,e,n,t))},p.prototype.getCurrPageIdx=function(){return this.nCurrPageIdx},p.prototype.setCurrPageIdx=function(e,t){if(e!==this.nCurrPageIdx&&e<this.getPageCount()&&e>=0){const o=this.nCurrPageIdx;this.nCurrPageIdx=e,t||this.fire("pagechange",void 0,o)}},p.prototype.getPageCount=function(){return Math.ceil((this.store.nOriginRecordCount||this.getRowCount())/this.getPageSize())},p.prototype.getPagerType=function(){return this.webcomponent.pagerType},p.prototype.hasPager=function(){return this.webcomponent.oTopPager||this.webcomponent.oBottomPager};const m=p},6454:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>h});var n=o(3605),r=o(2816),a=o(8419);const i="cell",s="row",l="column",d="range",c="grid";const h=class{constructor(e){this.widget=e.widget,this.end()}column(e){this.sContextLevel;let t=this.widget.getColumnIndexByFieldIndex(e);return this.nStartColumnIndex=this.nEndColumnIndex=t,this.sContextLevel=l,this}initRange(e,t,o,n){return this.nStartRowIndex=Math.min(e,o),this.nEndRowIndex=Math.max(e,o),this.nStartColumnIndex=Math.min(t,n),this.nEndColumnIndex=Math.max(t,n),this.nInitialRowIndex=this.nStartRowIndex,this.nInitialColumnIndex=this.nStartColumnIndex,this.sContextLevel=d,this}range(e,t){if(this.sContextLevel===i&&(this.nInitialRowIndex=this.nStartRowIndex,this.nInitialColumnIndex=this.nStartColumnIndex),this.sContextLevel===d||this.sContextLevel===i){let o=e.parentNode.dataRowIndex,n=e.cellIndex,r=t.parentNode.dataRowIndex,a=t.cellIndex,i=this.nStartRowIndex,s=this.nStartColumnIndex,l=this.nEndRowIndex,d=this.nEndColumnIndex;this.nStartRowIndex=Math.min(o,r),this.nEndRowIndex=Math.max(o,r),this.nStartColumnIndex=Math.min(n,a),this.nEndColumnIndex=Math.max(n,a),(this.nStartRowIndex>i||this.nEndRowIndex>l)&&(this.sExpandDirection="down"),(this.nStartRowIndex<i||this.nEndRowIndex<l)&&(this.sExpandDirection="up"),(this.nStartColumnIndex<s||this.nEndColumnIndex<d)&&(this.sExpandDirection="left"),(this.nStartColumnIndex>s||this.nEndColumnIndex>d)&&(this.sExpandDirection="right")}return this.sContextLevel=d,this}cell(e,t,o){if(n.Sh(e)){let o=e;e=this.widget.getDataRowIndex(o.parentNode.rowIndex),void 0===(t=o.cellIndex)&&(t=parseInt(o.getAttribute("cellindex"),10))}return n.U(e)&&(this.nStartRowIndex=this.nEndRowIndex=e),n.U(t)&&(this.nStartColumnIndex=this.nEndColumnIndex=t),this.sContextLevel=i,void 0===this.sTargetRecordIndex&&!o||void 0===this.sTargetFieldIndex?null:this}row(e){if(n.Sh(e)){e=e.bodyRowIndex}return n.U(e)&&(this.nStartRowIndex=this.nEndRowIndex=e),this.sContextLevel=s,this}changeCard(e){let t=this.widget,o=t.getRowContainerCount(),n=t.getCardsPerRow(),r=this.nStartRowIndex;return"right"===e?r++:"left"===e?r--:"down"===e?r+=n:"up"===e&&(r-=n),r<0||r>=o?null:(this.nStartRowIndex=this.nEndRowIndex=r,this)}navigateCardControls(e){let t=this.widget,o=a.default.internalColumnTypes,n=this.sCellType;if(-1===o.indexOf(n))return null;let r=this.nStartColumnIndex;const i=t.aColumnMapping;if("down"===e)for(let e=0;e<i.length;e++){let t=i[e];if(!t.bHidden&&-1===o.indexOf(t.sCellType))return e}else if("right"===e)for(let e=r+1;e<i.length;e++){let t=i[e];if(!t.bHidden&&-1!==o.indexOf(t.sCellType))return e}else if("left"===e)for(let e=r-1;e>=0;e--){let t=i[e];if(!t.bHidden&&-1!==o.indexOf(t.sCellType))return e}return null}change(e,t,o){let n,r,a,i,s;const l=this.widget,d=l.nTopFrozenRows;if(l.isComputedCard()){if(!this.bCardDrill)return this.changeCard(e);if(i=this.navigateCardControls(e),null!==i)return this.nStartColumnIndex=this.nEndColumnIndex=i,this;if("right"===e||"left"===e)return this.bCardDrill=!1,l.selector.hideSelectionMaskAndBorder(),this;"up"===e?e="left":"down"===e&&(e="right")}if(t=t||1,"up"===e||"down"===e?(n=this.nStartRowIndex,r=l.getRowContainerCount()+d,a="Row"):(n=this.nColumnIndex,r=l.getColumnContainerCount(),a="Column"),"up"===e)i=Math.max(d,n-t),s="Start";else if("left"===e)i=Math.max(0,n-t),s="Start";else{let e=this["nEnd"+a+"Index"],l="expand"===o?e:n;i=Math.min(l+t,r-1),s="End"}return"up"===e&&n===d&&"expand"!==o||"down"===e&&"expand"!==o&&n===i?null:("Column"===a&&l.selectorEngineManager.$cell(d,i).sCellType,"expand"===o?this["n"+s+a+"Index"]=i:this["nStart"+a+"Index"]=this["nEnd"+a+"Index"]=i,this)}deSelect(){return this.widget.selector.deSelectRange(),this.end(),this}dimension(e){const t=this.sContextLevel,o=this.el,n=this.widget;let r,a,s;switch(t){case i:r=o.getXY(),a=o.getWidth(),s=o.getHeight();break;case d:let t=0,l=n.aColumnMapping.length-1;e&&([t,l]=n.getColumnBodyRange(e)||[t,l]);let c=this.nStartColumnIndex,h=this.nEndColumnIndex;c=Math.max(c,t),h=Math.min(h,l);let u=n.getElByIndex(this.nStartRowIndex,c),g=n.getElByIndex(this.nEndRowIndex,h);r=u.getXY();let p=g.getXY(),m=g.getWidth(),f=g.getHeight();a=p[0]-r[0]+m,s=p[1]-r[1]+f}return{xy:r,width:a,height:s}}getDom(){return this.dom()}dom(){const e=this.sContextLevel,t=this.widget;return e===l?t.getDOMByIndex(this.nColumnIndex):t.getDOMByIndex(this.nRowContainerIndex,this.nColumnIndex)}doms(){const e=this.widget;if(this.sContextLevel===i)return[this.dom()];{let t=[];const o=this.nStartRowIndex,n=this.nEndRowIndex,r=this.nStartColumnIndex,a=this.nEndColumnIndex;for(let i=o;i<=n;i++)for(let o=r;o<=a;o++)t.push(e.getDOMByIndex(i,o));return t}}end(){return this.sContextLevel=c,this.nStartRowIndex=-1,this.nEndRowIndex=1/0,this.nStartColumnIndex=-1,this.nEndColumnIndex=1/0,this.sExpandDirection="",this}expand(e,t){return this.sContextLevel!==d&&this.toRange(),this.change(e,t,"expand"),this.sExpandDirection=e,this}getStartContainer(){return void 0!==this.nInitialRowIndex&&void 0!==this.nInitialColumnIndex?this.widget.getDOMByIndex(this.nInitialRowIndex,this.nInitialColumnIndex):this.dom()}isRangeSideEdgeVisible(e,t){let o=this.widget,n=this.dimension(),r=n.xy,a=n.height,i=n.width,s=o.mainColumnBody.el,l=s.getXY(),d=s.getSize();if(e=e||0,"right"===t){let t=r[0]+i;return t-e>=l[0]&&t<l[0]+d[0]}if("left"===t){let t=r[0];return t>=l[0]&&t+e<l[0]+d[0]}if("top"===t){let t=r[1];return t>=l[1]&&t+e<l[1]+d[1]}if("bottom"===t){let t=r[1]+a;return t-e>=l[1]&&t<=l[1]+d[1]}}isRangeSingleCell(){return this.nStartRowIndex===this.nEndRowIndex&&this.nStartColumnIndex===this.nEndColumnIndex}getData(){return this.rawData()}setData(e){return this.rawData(e)}getRecordIndex(){return this.sTargetRecordIndex}setStyle(e,t){return this.dom().style[e]=t,this}rawData(e){const t=this.sContextLevel,o=this.widget,n=o.store,r=this.sTargetRecordIndex,a=this.sTargetFieldIndex,l=this.sGroupRecordIndex;if(0===arguments.length){if(t===i)return n.get(r,a,l);if(t===d){let e,t,r,a,i=[];for(let s=this.nStartRowIndex;s<=this.nEndRowIndex;s++){e=[];for(let i=this.nStartColumnIndex;i<=this.nEndColumnIndex;i++)t=o.getRecordIndexByDataRowContainerIndex(s),r=o.getFieldIndexByColumnIndex(i),a=o.getGroupIndexByDataRowContainerIndex(s),e.push(n.get(t,r,a));this.nStartRowIndex===this.nEndRowIndex?i=e:i.push(e)}return i}if(t===s)return n.get(r,void 0,l).oRecordRawData}else t===i&&n.updateCell(r,a,e,void 0,this.sCellType)}indexData(){const e=this.widget,t=e.store,o=e.sNestedDataSeparator;let r={};if(this.sContextLevel!==i)return;const a=this._columnConfig;return this.sTargetFieldIndex.split(",").map((e=>{let i;if("disabled"!==o){let t=e.split(o);i=t[t.length-1]}else i=e;let s=t.get(this.sTargetRecordIndex,e.trim());void 0!==a.sArraySlice&&(s=t.getArrayData([s],a,!0),1===s.length&&(s=s[0])),n.kJ(s)&&(s=n.mJ.clone(s)),r[i.trim()]=s})),r}fullData(){const e=this.sContextLevel,t=this.widget,o=t.store,n=this.sTargetRecordIndex,r=this.sTargetFieldIndex,a=this.sGroupRecordIndex;let l={};if(e===i)r.split(",").map((e=>{l[e]=o.get(n,e.trim(),a)}));else if(e===d){let e,n,r,a;for(let i=this.nStartRowIndex;i<=this.nEndRowIndex;i++){e={},n=t.getRecordIndexByDataRowContainerIndex(i),a=t.getGroupIndexByDataRowContainerIndex(i);for(let i=this.nStartColumnIndex;i<=this.nEndColumnIndex;i++)r=t.getFieldIndexByColumnIndex(i),e[r]=o.get(n,r,a);l[n]=e}}else e===s&&(l=o.get(n,void 0,a).oRecordRawData);return l}fullDisplay(){if(this.sContextLevel!==i)return this.fullData();const e=this.dom().querySelector(`[${a.default.zgCell.cellIndexAttr}]`);return e?e.innerHTML:this.fullData()}scrollIntoView(){return this.sContextLevel===d?this.widget.scroller.scrollToRange():this.sContextLevel===i&&this.widget.scroller.scrollToCell(),this}select(e){const t=this.widget;let o=t.selector;if(this===t.selector.se){t.headerFocusManager.currentFocus&&t.headerFocusManager.deSelect(),t.footerFocusManager.currentFocus&&t.footerFocusManager.deSelect(),o.bSelecting=!0;var n=window.scrollX,r=window.scrollY;if(t.isStorybook("focus")||t.isStorybook("menu")||t.focusManager.focusGrid(),window.scrollTo(n,r),o.bSelecting=!1,this.sContextLevel!==c){if(this.sContextLevel!==i||"top"!==this.sFrozenRowState&&"bottom"!==this.sFrozenRowState)this.sContextLevel!==i&&this.sContextLevel!==d||t.selector.selectCell(this,e);else{let o=t.getContainerRowIndexByDataRowIndex(this.nStartRowIndex);"top"===this.sFrozenRowState?t.headerFocusManager.select(o,this.nStartColumnIndex,e):t.footerFocusManager.select(o,this.nStartColumnIndex,e)}return this.sContextLevel===d&&t.selector.selectRange(this),this.sContextLevel!==i||t.bIsMouseDown||!this.bHasCellTooltip||this.sCellType===a.default.internalColumn.recordinfo&&this._columnConfig.bIsActivateOnClick||t.tooltipManager._delayTarget(null,this.dom(),1e3),t.selector.fire(a.default.event.selectedCells),this}}else this.nStartRowIndex>=0&&this.nStartColumnIndex>=0&&(o.se.cell(this.nStartRowIndex,this.nStartColumnIndex),o.se.select(e))}selectAll(){let e=this.widget,t=e.getRowContainerCount(),o=e.getColumnContainerCount();return this.nStartRowIndex=0,this.nStartColumnIndex=0,this.nEndRowIndex=t-1,this.nEndColumnIndex=o-1,this.sContextLevel="range",this}shrink(e,t){return t=t||1,this.sContextLevel!==d&&this.toRange(),"up"===e?this.nEndRowIndex=Math.max(this.nStartRowIndex,this.nEndRowIndex-t):"down"===e?this.nStartRowIndex=Math.min(this.nEndRowIndex,this.nStartRowIndex+t):"right"===e?this.nStartColumnIndex=Math.min(this.nStartColumnIndex+t,this.nEndColumnIndex):"left"===e&&(this.nEndColumnIndex=Math.max(this.nStartColumnIndex,this.nEndColumnIndex-t)),this.sExpandDirection="shrink"+e,this}toCell(){return this.sContextLevel=i,this}toRange(e,t){let o,n=this.sContextLevel;if(n===d){if(!e)return;return o=this.getStartContainer(),this.range(o,e)}return n===i?(o=this.dom(),this.range(o,e||o)):t&&e?(this.cell(e,null).select(),this.range(e,e)):void 0}toRow(){return this.sContextLevel=s,this}traverse(e,t,o){return this.sContextLevel!==d&&this.sContextLevel!==i||this.change(e,t,"traverse")?this:null}visualSelect(){let e=this.widget;this.nStartRowIndex===this.nEndRowIndex&&this.nStartColumnIndex===this.nEndColumnIndex?e.selector.hideSelectionMaskAndBorder():e.selector.drawSelectionMask(this)}toggleOverflow(e,t){const o=this.widget.webcomponent.oDOMCellOverflow;t||(t=this.dom()),o.hasAttribute(a.default.attr.hidden)||o.currentCell&&o.currentCell.dom()!==this.dom()?o.open(e,t,this):o.close()}filter(e){if(this.sContextLevel!==l)return this;if(this.widget.filter){let t=this._columnConfig;this.widget.filter.setFilter(t,e)}return this}sort(e){return this.sContextLevel!==l||this._columnConfig.oDOMSortHeader.onSort(null,null,e),this}hide(){return this.toggle(!0)}show(){return this.toggle(!1)}toggle(e){return this.sContextLevel!==l||this._columnConfig.bHidden===e||this.widget.updater.toggleColumn(this.nColumnIndex,e),this}contextMenu(){if(this.sContextLevel!==i)return this;if(!this.widget.bHasContextMenuEnabled)return this;this.widget.menuManager.openContextMenu({oBrowserEvent:{clientX:0,clientY:0}},this.el.dom)}_hide(){let e=this.widget,t=this.sContextLevel,o=this.nRowContainerIndex,n=this.nStartColumnIndex;switch(t){case l:e._hide(n);break;case s:e._hide(o)}return this}get bHasCellTooltip(){return this._columnConfig.bHasCellTooltip}get sCellType(){return this.sContextLevel===i?this._columnConfig.sCellType:""}get oEditor(){return this._columnConfig.oEditor}get fnRenderer(){return this._columnConfig.fnRenderer}get fnDetailsRenderer(){return this._columnConfig.fnDetailsRenderer}get oValidator(){return this._columnConfig.oValidator}get sColumnId(){return this.widget.aColumnMapping[this.nStartColumnIndex].sColumnId}get nStartRowIndex(){return this._nStartRowIndex}get _columnConfig(){return this.widget.aColumnMapping[this.nStartColumnIndex]}get el(){const e=this.dom();return r.Z.get(e)}get nRowContainerIndex(){return this.nStartRowIndex}get nColumnIndex(){return this.nStartColumnIndex}get sTargetFieldIndex(){return void 0===this._columnConfig?void 0:this._columnConfig.sFieldIndex}get aTargetFieldIndex(){const e=this.sTargetFieldIndex;return n.h8(e)}get oBody(){return this.widget.getBodyByColumnIndex(this.nStartColumnIndex)}get oColumnBody(){return this.widget.getBodyByColumnIndex(this.nStartColumnIndex,!0)}get oColumnBodies(){const e=[],t=this.widget,o=t.getBodyByColumnIndex(this.nStartColumnIndex,!0);if(e.push(o),this.nStartColumnIndex!==this.nEndColumnIndex){const n=t.getBodyByColumnIndex(this.nEndColumnIndex,!0);o!==n&&(o===t.leftColumnBody&&n===t.rightColumnBody&&e.push(t.mainColumnBody),e.push(n))}return e}get record(){const e=this.sContextLevel,t=this.widget.store,o=this.sTargetRecordIndex;let r=null;if(e===i||e===s){let e=t.get(o).oRecordRawData;r=n.c7.copy(e),delete r.sRESTIndex,delete r.nOriginalIndex,delete r.sRecordIndex,delete r.nRowIndex,delete r.sFrozen}return r}get sFrozenRowState(){let e="";const t=this.sContextLevel;return t!==i&&t!==s||(e=this.widget.getFrozenRowState(this.nStartRowIndex)),e}set nStartRowIndex(e){this._nStartRowIndex=e,-1!==e&&(this.sTargetRecordIndex=this.widget.getRecordIndexByDataRowContainerIndex(e),this.sGroupRecordIndex=this.widget.getGroupIndexByDataRowContainerIndex(e))}}},8139:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(2816),r=o(8965),a=o(8419);class i extends r.Z{constructor(e){(e=e||{})._defaults={rendered:!1},super(e),this.init()}init(){this.render(),this.ons()}render(){this.el=n.Z.get(this.oDOMWrapper),this.renderSelectionMask(),this.renderFocusMask(),this.rendered=!0}ons(){let e=this.el;e.on("touchstart",this.onTouchStart,this,{sDelegateTo:a.default.zgCell.tagName}),e.on("touchmove",this.onTouchMove,this,{sDelegateTo:a.default.zgCell.tagName}),e.on("touchend",this.onTouchEnd,this,{sDelegateTo:a.default.zgCell.tagName}),e.on("touchforcechange",this.onTouchForceChange,this,{sDelegateTo:a.default.zgCell.tagName}),e.on("mouseover",this.onMouseOverTD,this,{sDelegateTo:a.default.zgCell.tagName}),e.on("mousedown",this.onMouseDownTD,this,{sDelegateTo:a.default.zgCell.tagName},!1),e.on("mousedown",this.onMouseDownTD2,this,{sDelegateTo:a.default.zgCell.tagName},!1),e.on("keydown",this.onKeyDownTD,this,{sDelegateTo:a.default.zgCell.tagName},!1),e.on("click",this.onClickBody,this,{sDelegateTo:a.default.zgCell.tagName},!1),e.on("dblclick",this.onDBLClickBody,this,{sDelegateTo:a.default.zgCell.tagName}),e.on("dblclick",this.onDBLClickCard,this,{sDelegateTo:a.default.zgCard.tagName}),e.on("dblclick",this.onKeyUp,this,{sDelegateTo:a.default.zgCell.tagName})}onClickBody(e,t){this.widget.batchEditor.isActive()&&(e.stopEvent(),this.onDBLClickBody(e,t))}onDBLClickBody(e,t){this.widget.editorManager.onDoubleClick(t)}onDBLClickCard(e,t){let o=this.widget,n=o.selector.se,r=t.parentNode;if(!o.bHasEditorEnabled)return;let a=n.row(r);o.editorManager.openEditor(a)}onKeyUp(){}onTouchForceChange(e,t){const o=this.widget;if(o.bHasContextMenuEnabled&&"touches"in e.oBrowserEvent&&e.oBrowserEvent.touches.length>0){let n=e.oBrowserEvent.touches[0].force;n>.15&&n<1?(this._didForceTouch=!0,o.mainColumnBody.oBody.style["-webkit-filter"]=`blur(${7*n}px)`):n>=1&&o.onContextMenuTD(e,t)}}onTouchStart(e,t){this.onTouchDoubleClick(e,t)||(this._startXY=e.xy,this.widget.bHasSelectorEnabled&&t.classList.contains("zg-focus-cell")&&(e.preventDefault(),this._touchSelectInitiator=t,this.widget.selector.onMouseDownFromSelector(e)))}onTouchDoubleClick(e,t){const o=(new Date).getTime();if(this.nLastTouch&&t===this.oTargetLastTouch){const n=o-this.nLastTouch;if(n<a.default.mobile.doubleTapMS&&n>0)return"zg-card"===t.tagName.toLowerCase()?this.onDBLClickCard(e,t):this.onDBLClickBody(e,t),e.stopEvent(),this.widget.editorFieldManager.nTouchOpen=o,this.nLastTouch=null,this.oTargetLastTouch=null,!0;this.nLastTouch=o,this.oTargetLastTouch=t}else this.nLastTouch=o,this.oTargetLastTouch=t;return!1}onTouchMove(e,t){if(!this._didForceTouch&&this._touchSelectInitiator){let o=document.elementFromPoint(...e.xy);if(o.tagName===a.default.zgCell.tagName&&o!==t){this.widget.selector.se.toRange(o).visualSelect()}}}onTouchEnd(e,t){let o=this.widget.selector.se;if(this._didForceTouch)this._didForceTouch=!1;else if(this.widget.bHasSelectorEnabled&&!t.classList.contains("zg-focus-cell")){o.cell(t,null).select(),this._touchSelectInitiator=t}else this._touchSelectInitiator=null}onMouseOverTD(e,t){let o=this.widget;o.bHasSelectorEnabled&&o.bIsMouseDown&&o.webcomponent.layout!==a.default.zgLayout.typeCard&&o.selector.se.toRange(t).visualSelect()}onMouseDownTD2(e,t){if(2===e.nButton)return;this.widget.editorManager.activeCellEdit&&this.widget.editorManager.closeEditor()}onKeyDownTD(e,t){}onMouseDownTD(e,t){if(2===e.nButton)return;let o=this.widget,n=o.selector.se;if(o.bHasSelectorEnabled&&!e.bIsCTRL&&o.webcomponent.layout!==a.default.zgLayout.typeCard)if(o.bIsMouseDown=!0,o.selector.onMouseDownFromSelector(e),e.stopEvent(),e.bIsSHIFT)n.toRange(t,!0).visualSelect();else{const e=n.cell(t,null);if(!e)return;e.select()}}destroy(){super.destroy(),this.oBody=null,this.oDOMWrapper=null,this.el.unAll(),this.el=null}insertCellContainer(e,t,o){let n=document.createElement(a.default.zgCell.tagName);return n.cellIndex=t,n.setAttribute(a.default.aria.colIndex,t+1),this.widget.sorter&&this.widget.sorter.sActiveSortedIndex&&this.widget.sorter.sActiveSortedIndex===o.sFieldIndex&&n.setAttribute(a.default.attr.sorted,""),e.appendChild(n),n}insertRows(e){const t=this.widget;let o=this.oBody,n=t.leftColumnBody.oBody,r=t.rightColumnBody.oBody,a=document.createDocumentFragment(),i=document.createDocumentFragment(),s=document.createDocumentFragment(),l=o.childNodes.length,d=t.nLeftFrozenColumns,c=t.nRightFrozenColumns,h=t.getRightIndex();for(var u=0;u<e;u++)d&&i.appendChild(this.insertRow(l+u,0,d)),a.appendChild(this.insertRow(l+u,d,h)),c&&s.appendChild(this.insertRow(l+u,h));this.oFragment=a,o.appendChild(a),n.appendChild(i),r.appendChild(s)}insertRow(e,t=0,o=null){let n=document.createElement(a.default.zgRow.tagName);n.widget=this.widget;let r=this.widget.aColumnMapping;return n.setBodyIndexes(e),r.forEach(((e,r)=>{-1!==t&&r>=t&&(null===o||r<o)&&this.insertCellContainer(n,r,e)})),this.widget.oCard&&n.appendChild(document.createElement(a.default.zgCard.tagName)),n}insertRowsPerFrame(e){let t=document.createDocumentFragment(),o=this.oBody.childNodes.length;for(var n=0;n<e;n++)t.appendChild(this.insertRow(o+n,-1));this.oBody.appendChild(t)}removeRow(){this.oBody.removeChild(this.oBody.lastChild)}}i.prototype.renderSelectionMask=function(){let e=this.widget.webcomponent,t=this.oDOMWrapper.querySelector("zg-selector-mask");t||(t=document.createElement("zg-selector-mask"),e._appendChild(t)),this.oElSelectionMask=t,t.widget=this.widget,t.oColumnBody=this,t.setAttribute("slot",`${this.oDOMWrapper.id}gridselectmask`)},i.prototype.renderFocusMask=function(){let e=this.widget.webcomponent,t=this.oDOMWrapper.querySelector("zg-focus");t||(t=document.createElement("zg-focus"),e._appendChild(t)),this.oElFocusCellMaskBorder=t,t.widget=this.widget,t.oColumnBody=this,t.setAttribute("slot",`${this.oDOMWrapper.id}gridfocus`)};const s=i},8938:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(2816),r=o(8965),a=o(8419);class i extends r.Z{constructor(e){(e=e||{})._defaults={rendered:!1,columnResizable:!1},super(e),this.init()}init(){this.render(),this.widget.on("render",this.ons,this)}render(){this.tooltips={},this.el=n.Z.get(this.oFoot),this.renderFocusMask()}ons(){let e=this.el;e.on("click",this.onClickFoot,this,{sDelegateTo:a.default.zgCell.tagName},!1),e.on("dblclick",this.onDBLClickFoot,this,{sDelegateTo:a.default.zgCell.tagName}),e.on("mousedown",this.onMouseDownFoot,this,{sDelegateTo:a.default.zgCell.tagName},!1)}onClickFoot(e,t){this.widget.batchEditor.isActive()&&(e.stopEvent(),this.onDBLClickFoot(e,t))}onDBLClickFoot(e,t){t&&"frozen"===t.parentNode.getAttribute("type")&&this.widget.editorManager.onDoubleClick(t)}onMouseDownFoot(e,t){2!==e.nButton&&this.widget.bHasSelectorEnabled&&t&&"frozen"===t.parentNode.getAttribute("type")&&(this.widget.footerFocusManager.focusTarget(t),e.stopEvent())}insertRows(e){const t=[document.createDocumentFragment(),document.createDocumentFragment(),document.createDocumentFragment()],o=this.oFoot,n=this.widget.leftColumnFooter.oFoot,r=this.widget.rightColumnFooter.oFoot;for(var a=0;a<e;a++)this.insertRow(!1,t);n.appendChild(t[0]),o.appendChild(t[1]),r.appendChild(t[2]),window.ShadyDOM&&window.ShadyDOM.flush()}insertRow(e,t){const o=this.widget,n=o.aColumnMapping,r="zg-row",i=this.oFoot,s=o.nLeftFrozenColumns,l=o.nRightFrozenColumns,d=o.aColumnMapping.length;let c;const h=[];if(s?h.push(document.createElement(r)):h.push(null),h.push(document.createElement(r)),l?h.push(document.createElement(r)):h.push(null),h.forEach((e=>e?e.widget=o:null)),n.forEach(((t,o)=>{s&&o>=0&&o<s?this.insertFootCellContainer(h[0],e,o):l&&o>=d-l?this.insertFootCellContainer(h[2],e,o):this.insertFootCellContainer(h[1],e,o)})),!t){const e=o.leftColumnFooter.oFoot,t=o.rightColumnFooter.oFoot;s&&e.appendChild(h[0]),i.appendChild(h[1]),l&&t.appendChild(h[2])}return h.forEach(((e,n)=>{let s;e&&(e.setAttribute(a.default.attr.type,"aggregate"),t?(s=t[n].querySelectorAll(r).length,t[n].appendChild(e)):s=i.querySelectorAll(r).length-1,s+=o.getAllHeaderDepth()+o.getRowContainerCount(),c=s-o.getAllHeaderDepth()+o.nTopFrozenRows,e.rowIndex=s,e.dataRowIndex=c,e.setAttribute(a.default.aria.rowIndex,s+1))})),h}insertFootCellContainer(e,t,o){const n=a.default.zgCell.tagName,r=document.createElement(n);r.widget=this.widget,r.setAttribute("cellindex",o),r.setAttribute("rowfooter",""),r.setAttribute(a.default.attr.role,"gridcell"),e.appendChild(r)}removeRow(){const e=[this.oFoot,this.widget.leftColumnFooter.oFoot,this.widget.rightColumnFooter.oFoot];for(let t=0;t<e.length;t++){const o=e[t];o&&o.lastChild&&o.removeChild(o.lastChild)}}renderFocusMask(){let e=this.widget.webcomponent,t=this.oDOMWrapper.querySelector("zg-focus"),o=this.oDOMWrapper.id.replace("freeze-frame-","");o=o.replace("-foot",""),t||(t=document.createElement("zg-focus"),e._appendChild(t)),this.oElFocusCellMaskBorder=t,t.widget=this.widget,t.oColumnFoot=this.oFoot,t.setAttribute("area","footer"),t.setAttribute("slot",`${o}footfocus`)}destroy(){super.destroy(),this.oFoot=null,this.oColGroup=null,this.el=null}}const s=i},9700:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>l});var n=o(2816),r=o(8965),a=o(8419),i=o(3605);class s extends r.Z{constructor(e){(e=e||{})._defaults={rendered:!1,columnResizable:!1},super(e),this.init()}init(){this.render(),this.widget.on("render",this.ons,this)}render(){this.tooltips={},this.el=n.Z.get(this.oHead),this.oHead.oColumnHeader=this,this.renderFocusMask()}associateColGroup(e){return this.oColGroup=e,e.setAttribute("slot","gridcolgroup"),e.id="gridcolgroup",this.oColGroup}ons(){let e=this.el;e.on("click",this.onClickHead,this,{sDelegateTo:a.default.zgCell.tagName},!1),e.on("dblclick",this.onDBLClickHead,this,{sDelegateTo:a.default.zgCell.tagName},!1),e.on("mousedown",this.onMouseDownHead,this,{sDelegateTo:a.default.zgCell.tagName},!1)}onClickHead(e,t){this.widget.batchEditor.isActive()&&(e.stopEvent(),this.onDBLClickHead(e,t))}onDBLClickHead(e,t){t&&"frozen"===t.parentNode.getAttribute("type")&&this.widget.editorManager.onDoubleClick(t)}onMouseDownHead(e,t){2!==e.nButton&&this.widget.bHasSelectorEnabled&&t&&"frozen"===t.parentNode.getAttribute("type")&&(this.widget.headerFocusManager.focusTarget(t),e.stopEvent())}insertRows(e){const t=[document.createDocumentFragment(),document.createDocumentFragment(),document.createDocumentFragment()],o=this.oHead,n=this.widget.leftColumnHeader.oHead,r=this.widget.rightColumnHeader.oHead;for(var a=0;a<e;a++)this.insertRow(!1,!1,t);n.appendChild(t[0]),o.appendChild(t[1]),r.appendChild(t[2]),window.ShadyDOM&&window.ShadyDOM.flush()}insertRow(e,t,o){const n=this.widget.aColumnMapping,r=a.default.zgRow.tagName,i=this.oHead,s=this.widget.nLeftFrozenColumns,l=this.widget.nRightFrozenColumns,d=this.widget.aColumnMapping.length,c=[];if(s?c.push(document.createElement(r)):c.push(null),c.push(document.createElement(r)),l?c.push(document.createElement(r)):c.push(null),c.forEach((e=>e?e.widget=this.widget:null)),n.forEach(((o,n)=>{s&&n>=0&&n<s?this.insertHeaderCellContainer(c[0],e,t,n):l&&n>=d-l?this.insertHeaderCellContainer(c[2],e,t,n):this.insertHeaderCellContainer(c[1],e,t,n)})),e||t){const e=this.widget.leftColumnHeader.oHead,t=this.widget.rightColumnHeader.oHead;s&&e.appendChild(c[0]),i.appendChild(c[1]),l&&t.appendChild(c[2])}else this.widget.bHasSorterEnabled&&c.forEach((e=>e?e.setAttribute(a.default.sort.attr,""):null));return c.forEach(((n,s)=>{if(n){let l;o?(l=o[s].querySelectorAll(r).length,o[s].appendChild(n)):l=i.querySelectorAll(r).length-1,n.rowIndex=l,n.setAttribute(a.default.aria.rowIndex,l+1),0===l&&(e||t)&&n.setAttribute(a.default.attr.internaltop,"")}})),c}insertHeaderCellContainer(e,t,o,n){let r;r=t?a.default.zgFilter.tagName:o?a.default.zgCell.tagName:a.default.zgHeadCell.tagName;const s=document.createElement(r),l=n,d=this.widget.aColumnMapping[l];s.widget=this.widget,s.setAttribute("cellindex",l),s.setAttribute(a.default.attr.role,"columnheader"),s.setAttribute(a.default.aria.colIndex,l+1),o?s.setAttribute("rowheader",""):s.setAttribute(a.default.attr.datafocus,""),i.hj(d.mWidth)&&s.setAttribute(a.default.attr.width,""),e.appendChild(s)}removeRow(){this.oHead.children.length&&this.oHead.removeChild(this.oHead.lastChild)}renderFocusMask(){let e=this.widget.webcomponent,t=this.oDOMWrapper.querySelector("zg-focus"),o=this.oDOMWrapper.id.replace("freeze-frame-","");o=o.replace("-head",""),t||(t=document.createElement("zg-focus"),e._appendChild(t)),this.oElFocusCellMaskBorder=t,t.widget=this.widget,t.oColumnHead=this.oHead,t.setAttribute("area","header"),t.setAttribute("slot",`${o}headfocus`)}destroy(){super.destroy(),this.oHead=null,this.oColGroup=null,this.oDOMWrapper=null,this.el=null,this.oElFocusCellMaskBorder=null,this.tooltips=null}}const l=s},9915:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(3605),r=o(8419),a=(o(4087),o(6919)),i=o(2260);const s=class{constructor(e){this.widget=e.widget,this.store=this.widget.store}calculateAggregateRow(e,t){let o,n="",r=e.sTargetRecordIndex;const a=e._columnConfig;a.aAggregateValues=[];let s=a.fnAggregateRenderer;t=t||a.sTypeAggregateValue;let l=this.store.getRowData(r),d=this.getAggregateRowData([l],null,e.aTargetFieldIndex);if(void 0!==this[t]){let e=this[t](null,d,a);o=e,n=`<span class="aggregate-value">${o}</span>`,a.aAggregateValues.push(e)}else t&&(n=o=this.calculateAggregateTemplate(t,null,d,a,a.aAggregateValues),n!==t||s||(s=a.fnAggregateRenderer=i.Z.setUserFunction(null,t)));if(s){let e=s.scope||null;n=s.method.apply(e,[l,d,o,r])||n||""}return n}calculateAggregateColumn(e,t,o,n,a,s,l){if(!e)return"";const d=this.widget.groupbyManager;let c=null;n.sGroupHeadCell&&s&&(c=d.calculateGroupDataAggregate(s));let h=this.store.getDataByFieldIndex(o,void 0,c),u="";if(n.sCellType===r.default.cellTypes.aggregate)return this.calculateAggregateColumnRow(e,t,o,n,a);if(t){let e=t.scope||null;u=c?d.customRenderer(t,s,l):t.method.apply(e,[h,o])||""}else if(void 0!==this[e]){let t=this[e](o,c),r=t;if("count"!==e){let e=n.sCellType,o=this.widget.selectorEngineManager.$cell(0,a);if(o&&("number"===e||"currency"===e)){let e=n.fnRenderer;!e&&n.oDOMZGColumn.renderer&&(e=n.fnRenderer=i.Z.setUserFunction(null,n.oDOMZGColumn.renderer)),r=n.fnRenderer.method.apply(n,[t,null,o])}}u=`<bdi class="aggregate-label">${e.charAt(0).toUpperCase()+e.slice(1)}</bdi><span class="aggregate-colon">:</span>`,u+=` <span class="aggregate-value">${r}</span>`}else u=this.calculateAggregateTemplate(e,o,c);return-1===u.indexOf("<bdi")&&(u=`<bdi class="aggregate-label">${u}</bdi>`),u}calculateAggregateColumnRow(e,t,o,r,a){if(!e)return"";let i,s="";const l=t||r.fnAggregateRenderer,d=r.sTypeAggregateValue;let c=n.h8(r.sFieldIndex),h=this.store.getAllRowData(),u=this.getAggregateRowData(h,d,c);if(void 0!==this[e]){i=this[e](null,u,r),s=`<bdi class="aggregate-label">${e.charAt(0).toUpperCase()+e.slice(1)}</bdi><span class="aggregate-colon">:</span>`,s+=` <span class="aggregate-value">${i}</span>`}else e&&(s=i=this.calculateAggregateTemplate(e,null,u,r));if(l){let e=l.scope||null;s=l.method.apply(e,[h,u,i])||s||""}return s}calculateAggregateTemplate(e,t,o,r,a){let i,s=n.String.escapeRegExp(this.store.templateStartDelimiter),l=n.String.escapeRegExp(this.store.templateEndDelimiter);return i=new RegExp(s+"(.*?)"+l,"g"),e.replace(i,((e,n)=>{let i=n.trim(),s="";return void 0!==this[i]&&(s=this[i](t,o,r),a&&a.push(+s)),s}))}getAggregateRowData(e,t,o){let r=[];const a=e.length;let s,l;for(let d=0;d<a;d++){const a=e[d],c=[];let h=!1;for(const e in a)if(!o||-1!==o.indexOf(e)){const t=a[e];null===t||isNaN(t)||c.push(+t)}if(t&&void 0!==this[t]){let e=this[t](null,c,null);r.push(+e),h=!0}else t&&(l=this.calculateAggregateTemplate(t,null,c,null,r),l!==t||s?l!==t&&(h=!0):s=i.Z.setUserFunction(null,t));if(s){let e=s.scope||null;l=s.method.apply(e,[a,c]),n.Uh(l)&&("number"==typeof l?(h=!0,r.push(l)):"string"==typeof l&&l.match(/\d+/g).map((e=>{h=!0,r.push(+e)})))}h||r.push(...c)}return r}calculate(e,t,o){const n=this[e];let r="";if(!n)return"";if(t.fieldIndex){let e=t.fieldIndex;r=n.apply(this,[e,o])}else r=n.apply(this,[null,o]);return r}count(e,t,o){t=t||this.getDataSource();let n=e?this.store.getDataByFieldIndex(e,!0,t):t;return n=n.filter((e=>e||0===e)),n.length}min(e,t,o){if(!(t=t||this.getDataSource()).length)return 0;let r=e?this.store.getDataByFieldIndex(e,void 0,t):t,a=Math.min(...r);return a===1/0&&(a=0),o&&(a=n.uf(a,o,this.widget)),a}max(e,t,o){if(!(t=t||this.getDataSource()).length)return 0;let r=e?this.store.getDataByFieldIndex(e,void 0,t):t,a=Math.max(...r);return a===-1/0&&(a=0),o&&(a=n.uf(a,o,this.widget)),a}avg(e,t,o){if(!(t=t||this.getDataSource()).length)return 0;let r=this.sum(e,t),a=Math.round(r/t.length*100)/100;return o&&(a=n.uf(a,o,this.widget)),a}sum(e,t,o){if(!(t=t||this.getDataSource()).length)return 0;let r=(e?this.store.getDataByFieldIndex(e,void 0,t):t).reduce(((e,t)=>e+t),0),a=Math.round(100*r)/100;return o&&(a=n.uf(a,o,this.widget)),a}getDataSource(){const e=this.widget.filter;let t=this.store.aOrderedData;return e&&e.bUseFilter&&(t=e.aFiltered),t}getAggregateColumnHeader(e){const t=e.sTypeAggregateValue,o=a.default.get("aggregate",this.widget);let n="";return o[t]&&(n=o[t]),n}destroy(){this.widget=null,this.store=null}}},2248:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(8419);const{ellipsis:r,cellBreakPrep:a}=n.default.cellBreak;const i=class{constructor(e){this.widget=e.widget,this.ZG=this.widget.webcomponent}setCellBreak(e){this.sGridType=e||this.ZG.getAttribute(n.default.cellBreak.attr),this.cellActions(this.setCells)}prepCellBreak(){this.sGridType=this.ZG.getAttribute(n.default.cellBreak.attr),this.cellActions(this.prepCells)}cellActions(e){let t=this.getGridCellBreak();const o=this.widget.aColumnMapping;for(let n=0,r=o.length;n<r;n++){const r=o[n],a=this.isColumnOverride(r,t);this.widget.getDataCellsByIndex(n).forEach((t=>{e(t,a,r)}))}}prepCells(e,t){t===r&&e.setAttribute(a,"")}setCells(e,t,o){if(e.hasAttribute(n.default.attr.title)&&e.removeAttribute(n.default.attr.title),t===n.default.cellBreak.default||null===t)e.removeAttribute(n.default.cellBreak.attr);else{const r=o.mWidth,i=e.widget.webcomponent.width,s=!(o.sFrozen&&i)&&("fit"===r||"fitcontent"===r)||o.bHasCellTooltip;if(t===n.default.cellBreak.ellipsis&&!s){const o=!0;t===n.default.cellBreak.ellipsis&&o&&e.setAttribute(n.default.attr.title,e.textContent)}e.hasAttribute(a)&&e.removeAttribute(a),e.setAttribute(n.default.cellBreak.attr,t)}}isAllowedType(e){return n.default.cellBreak.allowedTypes.indexOf(e)>-1}getGridCellBreak(){let e=this.sGridType;const t=this.isAllowedType(e);return e&&t||(e=n.default.cellBreak.default),e}getCellBreakByColumn(e){let t=this.getGridCellBreak();const o=this.widget.aColumnMapping[e];return this.isColumnOverride(o,t)}isColumnOverride(e,t){const o=e.sCellBreak;let n=t;if(o){this.isAllowedType(o)&&(n=o)}return n}}},762:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(3605),r=o(8965);class a extends r.Z{constructor(e){(e=e||{})._defaults={initAfterRender:!0},super(e)}init(){this.savedValue="",this.render(),this.ons()}render(){this.savedValue=""}ons(){let e=this.widget.webcomponent;e.on("key ctrl v",this.onKeyCtrlVDocument,this),e.on("key shift insert",this.onKeyCtrlVDocument,this),e.on("key ctrl c",this.onKeyCtrlCDocument,this),e.on("key ctrl insert",this.onKeyCtrlCDocument,this)}onKeyCtrlCDocument(e){this.oData=this.widget.selector.se.fullData(),this.sData=this.widget.selector.se.fullDisplay();let t=this.getSelectedCellsData(this.sData);const o={data:this.oData,text:t};this.fire("beforecopy",o),t=o.text,this.savedValue=t,this.copyClipboardContent(t),this.fire("copy",o)}onKeyCtrlVDocument(){const e={data:this.oData,text:this.savedValue};this.fire("paste",e)}getSelectedCellsData(e){let t,o=this.widget;if(t=o.selector.se.rawData(),!t){if(!o.menuManager||!o.menuManager.lastCell)return e||"";t=o.menuManager.lastCell.rawData()}return null==t?"":n.kJ(t)?(t.length&&!n.kJ(t[0])&&(t=[t]),t.reduce(((e,t)=>e+t.reduce(((e,t,o)=>(t=null==t?"":t,o?e+"\t"+t:e+t)),"")+"\n"),"")):e||t.toString()}copyClipboardContent(e){const t=this.widget.webcomponent;t.oDOMClipboard.value=e;try{navigator&&navigator.clipboard.writeText(t.oDOMClipboard.value)}catch(e){console.error(e)}}}const i=a},4690:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(2816),r=o(8419),a=o(6919);const i=class{constructor(e){this.widget=e.widget,this.oElMenu=null,this.menuItems=[],this.activeMenu=null}initMenu(){const e=this.widget,t=e.webcomponent;this.oElMenu&&(this.oElMenu.remove(),this.menuItems=[]);const o=e.getByTagName(t.children,"zg-menu",null,"columnMenu");if(o.length?this.oElMenu=o[0]:this.oElMenu=null,this.oElMenu)for(let t=0;t<e.aColumnMapping.length;t++)this.associateItem(e.aColumnMapping[t],t);else{this.oElMenu=document.createElement("zg-menu"),this.oElMenu.id=this.id||"columnMenu",this.oElMenu.setAttribute(r.default.attr.hidden,"");let t=document.createDocumentFragment();for(let o=0;o<e.aColumnMapping.length;o++)this.addItem(e.aColumnMapping[o],o,t);this.oElMenu.appendChild(t),e.bHasAttachedToDOM&&e.webcomponent.appendChild(this.oElMenu)}}associateItem(e,t){let o=this.oElMenu.querySelectorAll("zg-button")[t];o.oCheckbox.checked=!e.bHidden,o.oCheckbox.on("statechanged",(o=>this.updateColumnState(o,e,t))),this.menuItems[e.sColumnId]=o}addItem(e,t,o){const n=this.oElMenu,i=document.createElement("zg-menu-item");i.menu=n,i.menuManager=this.widget.columnMenu,i.setAttribute(r.default.attr.role,"menuitemcheckbox");const s=document.createElement(r.default.zgButton.tagName);s.setAttribute(r.default.attr.action,"checkbox"),s.oCheckbox.checked=!e.bHidden;let l=e.sCellType;e.sMenuText?s.textContent=e.sMenuText:r.default.internalColumnTypes.indexOf(l)>-1?s.textContent=a.default.get("columntypes",this.widget,{element:s.oLabel,elProperty:"innerHTML",langProperty:l})[l]:s.textContent=e.sColumnHeaderText,s.oCheckbox.on("statechanged",(o=>this.updateColumnState(o,e,t))),s.oIcon.setAttribute(r.default.attr.hidden,""),i.appendChild(s),o.appendChild(i),this.menuItems[e.sColumnId]=s}closeMenu(e){e&&n.Z.elContains(this.oElMenu,e)||(this.widget.focusManager.focusGrid(!0),this.oElMenu._hide(),this.oButton&&(this.oButton.removeAttribute(r.default.aria.expanded),this.oButton=null),this.activeMenu=null)}isMenuOpen(){return!!this.activeMenu}openColumnMenu(e){const t=this.widget.webcomponent.querySelectorAll(r.default.zgMenu.tagName),o=this.oElMenu;if(!t||0===t.length)return;[...t].forEach((e=>e.setAttribute(r.default.attr.hidden,""))),o._show();const n=this.widget.webcomponent;o.calculateMenuPosition(e,n),o.querySelector(r.default.zgMenuItem.tagName).focus(),this.activeMenu=o}updateColumnState(e,t,o){if(this.widget.bPreloaded||t.bHidden===e.checked)return;const n=this.widget;t.nPriority&&delete t.nPriority,n.updater.toggleColumn(o,e.checked),n._updateHiddenColumn(!e.checked,t,!0)}}},5815:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>r});var n=o(3605);const r=class{constructor(e){this.widget=e.widget,this.ZG=this.widget.webcomponent}initDialog(e){const t=this.ZG.oDOMDialog;t.setDialog(e);const o=()=>{this.se&&this.se.select(!0)};t.on("dialogConfirm",o,this),t.on("dialogCancel",o,this);const n=t.$bodycontent.querySelector(".zg-dialog-body-details-row");return n.innerHTML="",n}openCellDetails(e){const t=this.widget,o=t.store,r=e._columnConfig;let a,i=null,s={};const l=t.groupbyManager;this.se=t.selectorEngineManager.$cell(e.nStartRowIndex,e.nStartColumnIndex);const d=e.sTargetRecordIndex,c=e.sGroupRecordIndex;if(c)s=l.calculateIndexData(e),a=s;else{a=o.get(d).oRecordRawData,s=e.indexData()}r.oDOMDetailsTemplate&&(i=r.oDOMDetailsTemplate);const h=this.initDialog("record-info");if(i&&(c?l.calculateTemplate(s,a,i,h):o.processTemplate(i,h,e,!0,void 0,s)),e.fnDetailsRenderer&&e.fnDetailsRenderer.method){const t=e.fnDetailsRenderer.method,o=[s,a,h,e],r=e.fnDetailsRenderer.scope;let i=t.apply(r,o);n.Uh(i)&&(h.innerHTML=i)}t.selector.deSelectAll(),this.ZG.oDOMDialog.$confirm.focus()}openDetailsMessage(e,t,o){const n=this.initDialog("details");e?n.innerHTML=e:t&&(n.innerHTML=t.call()),o&&(this.ZG.oDOMDialog.$label.innerHTML=o)}}},2820:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(8419),r=o(6919);class a{constructor(e){this.widget=e.widget,this.ZG=this.widget.webcomponent,this.ZG.dialogArr=[]}initDialogs(){this.buildDialogs();const e=document.createElement(n.default.zgDialog.tagName);e.setAttribute(n.default.zgDialog.internal,""),e.slot=n.default.zg.slot.dialogInternal,this.ZG.oDOMDialog=e,this.ZG.appendChild(e)}refreshDialogs(){this.ZG.dialogArr=[],this.buildDialogs()}buildDialogs(){const e={confirm:{text:r.default.get("dialog.create",this.widget)},label:r.default.get("dialog.recordCreate.label",this.widget),type:"record-create",body:'\n      <div id="inputs" class="zg-dialog-editor-row-inputs">\n      </div>\n      '};this.ZG.dialogArr.push(e);const t={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:r.default.get("dialog.recordInfo.label",this.widget),type:"record-info",body:'<div class="zg-dialog-body-details-row"></div>'};this.ZG.dialogArr.push(t);const o={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:r.default.get("dialog.details.label",this.widget),type:"details",body:'<div class="zg-dialog-body-details-row"></div>'};this.ZG.dialogArr.push(o);const n={confirm:{text:r.default.get("dialog.save",this.widget)},label:r.default.get("dialog.recordUpdate.label",this.widget),type:"record-update",body:'\n        <div id="inputs" class="zg-dialog-editor-row-inputs">\n        </div>\n      '};this.ZG.dialogArr.push(n);const i={confirm:{text:r.default.get("dialog.save",this.widget)},label:r.default.get("dialog.fieldUpdate.label",this.widget),type:"field-update",body:'\n        <div id="inputs" class="zg-dialog-editor-row-inputs">\n        </div>\n      '};this.ZG.dialogArr.push(i);const s={confirm:{text:r.default.get("dialog.delete",this.widget)},label:r.default.get("dialog.recordDelete.label",this.widget),type:"record-delete",body:`\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="removerecord" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <p>${r.default.get("dialog.recordDelete.body",this.widget)}</p>\n        </div>\n      `};this.ZG.dialogArr.push(s);const l={confirm:{text:r.default.get("dialog.ok",this.widget)},label:r.default.get("dialog.batchEdit.cancel.label",this.widget),type:"cancel-batch-edit",body:'<div class="zg-dialog-body-batch-edit"></div>'};this.ZG.dialogArr.push(l);const d={confirm:{text:r.default.get("dialog.save",this.widget)},label:r.default.get("dialog.batchEdit.commit.label",this.widget),type:"commit-batch-edit",body:'<div class="zg-dialog-body-batch-edit"></div>'};this.ZG.dialogArr.push(d);const c={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:"This is an error dialog",type:"view-error",body:'\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="error" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <div class="zg-dialog-body-content">\n            <p>This is an error dialog message.</p>\n          </div>\n        </div>\n      '};this.ZG.dialogArr.push(c);const h={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:"This is an info dialog",type:"view-info",body:'\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="info" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <div class="zg-dialog-body-content">\n            <p>This is an info dialog message.</p>\n          </div>\n        </div>\n      '};this.ZG.dialogArr.push(h);const u={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:"This is a success dialog",type:"view-success",body:'\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="success" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <div class="zg-dialog-body-content">\n            <p>This is a success dialog message.</p>\n          </div>\n        </div>\n      '};this.ZG.dialogArr.push(u);const g={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:"This is a warn dialog",type:"view-warn",body:'\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="warning" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <div class="zg-dialog-body-content">\n            <p>This is a warn dialog message with 2 positioned, slotted icons.</p>\n          </div>\n          <zg-icon name="warning" slot="icon3"></zg-icon>\n          <slot name="icon3"></slot>\n        </div>\n      '};this.ZG.dialogArr.push(g);const p=new Date(ZingGrid.versionDate),m=new Intl.DateTimeFormat(r.default.getLocale(this.widget),{month:"short",year:"numeric",day:"numeric",hour:"numeric",minute:"numeric",weekday:"short",timeZone:"UTC",timeZoneName:"short"}).format(p),f={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget),prevent:!0},label:r.default.get("dialog.version.label",this.widget),type:"zg-version",body:`\n        <div class="zg-dialog-body-icon-row">\n          ZingGrid v${ZingGrid.versionNum} ${r.default.get("dialog.version.body",this.widget)} ${m}\n        </div>\n      `};this.ZG.dialogArr.push(f),a.aCustomizations.forEach((e=>this.customize(e.type,e.options)))}customize(e,t){if(!t)return;if(!e||e===n.default.zgDialog.all)return this.ZG.dialogArr.forEach((e=>this.customize(e.type,t))),void(this.ZG.oDOMDialog&&(t.cancel&&(this.ZG.oDOMDialog.$cancel.innerHTML=t.cancel),t.confirm&&(this.ZG.oDOMDialog.$confirm.innerHTML=t.confirm),t.label&&(this.ZG.oDOMDialog.$label.innerHTML=t.label)));let o=this.ZG.dialogArr.filter((t=>t.type===e))[0];o&&(t.label&&(o.label=t.label),t.cancel&&(o.cancel?o.cancel.text=t.cancel:o.cancel={text:t.cancel}),t.confirm&&(o.confirm?o.confirm.text=t.confirm:o.confirm={text:t.confirm}))}destroy(){this.widget=null,this.ZG.oDOMDialog=null,this.ZG.dialogArr.length=0,this.ZG=null}}a.aCustomizations=[];const i=a},9683:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(8419),r=o(2816),a=o(6919);const i=class{constructor(e){this.widget=e.widget,this.ZG=this.widget.webcomponent,this.dragElSelector="zg-shadow-cell",this.dragRemoveSelector="zg-shadow-remove",this.dragReorderSelector="zg-shadow-reorder"}setColumnDrag(){this.toggleHeadCellAttribute()}toggleHeadCellAttribute(){const e=n.default.drag.columnAttr,t=this.widget.getAllHeadCells(!0),o=this.widget.bColumnDrag;let r;t.forEach((t=>{r=!t.MATCHED_COLUMN||t.MATCHED_COLUMN._oParsedColumnMapping.sDrag,o&&"disabled"!==r&&"false"!==r?t.setAttribute(e,""):t.removeAttribute(e)}))}onStartColumnCommon(e,t){return this.bDragMoved=!1,!!this.widget.bColumnDrag&&(t.oDOMTarget.tagName.toLowerCase()!==n.default.zgColumnResize.tagName&&(this.MATCHED_COLUMN=e.MATCHED_COLUMN,this.nIndex=e.nIndex,"disabled"!==this.MATCHED_COLUMN.getAttribute("drag")&&(this.oGridCoords=this.widget.webcomponent.getBoundingClientRect(),this.xStart=this.oGridCoords.x,this.yStart=this.oGridCoords.y,this.setColumnSwitchValues(),!0)))}onDragMoveColumn(e){e.stopEvent();const t=this.widget,o=this.ZG.querySelector(n.default.zgHeadCell.tagName);let r="";if(this.bDragMoved=!0,!this.oShadow){this.oShadow=document.createElement("div"),this.oShadow.className=this.dragElSelector,t.bDragMove&&this.oShadow.classList.add(this.dragReorderSelector);const e=this.MATCHED_COLUMN._oParsedColumnMapping;let o=e.sColumnHeaderText,i=e.sCellType;!o&&n.default.internalColumnTypes.indexOf(i)>-1&&(o=a.default.get("columntypes",t)[i]),this.oShadow.setAttribute("slot","shadow"),this.oShadow.innerHTML=o,t.bDragHide?this.oShadow.setAttribute("data-content",a.default.get("drag.reorder",t)):this.oShadow.setAttribute("data-content"," "),t.webcomponent.appendChild(this.oShadow),r=this.oShadow.getBoundingClientRect().width,this.oShadow.setAttribute("ready",""),this.MATCHED_COLUMN.classList.add(n.default.zgHeadCell.isReorderingClass);const s=parseInt(this.MATCHED_COLUMN._oParsedColumnMapping.oDOMSortHeader.HEAD_CELL_INDEX,10);t.getHeaderCells(s).forEach((e=>e.classList.add(n.default.zgHeadCell.isReorderingClass)));t.getFooterCells(s).forEach((e=>e.classList.add(n.default.zgHeadCell.isReorderingClass)))}let i=this.bTouch?20:10,s=this.bTouch?e.oBrowserEvent.touches[0].clientX:e.oBrowserEvent.clientX,l=this.bTouch?e.oBrowserEvent.touches[0].clientY:e.oBrowserEvent.clientY;if(this.oShadow.style.height=`${o.getBoundingClientRect().height}px`,this.oShadow.style.width=`${r}px`,this.oShadow.style.left=s-this.xStart-i+"px",this.oShadow.style.top=l-this.yStart-i+"px",t.bDragHide&&(s>this.oGridCoords.x+this.oGridCoords.width||s<this.oGridCoords.x||l>this.oGridCoords.y+this.oGridCoords.height||l<this.oGridCoords.y?(this.oShadow.classList.add(this.dragRemoveSelector),this.bDragHide=!0):(this.oShadow.classList.remove(this.dragRemoveSelector),this.bDragHide=!1),this.bDragHide?this.oShadow.setAttribute("data-content",a.default.get("drag.remove",t)):this.oShadow.setAttribute("data-content",a.default.get("drag.reorder",t))),t.bDragMove&&!this.bDragHide&&!this.bDragMove){let e=!1;this.bDragMove=!0;let o=null;if("right"!==this.area&&this.columnFrameRight&&s>this.columnFrameRight.x?o=this.rightFrame:"left"!==this.area&&this.columnFrameLeft&&s<this.columnFrameLeft.x+this.columnFrameLeft.width/2?o=this.leftFrame:this.columnMoveRight&&s>this.columnMoveRight.x?o=this.rightColumn:this.columnMoveLeft&&s<this.columnMoveLeft.x+this.columnMoveLeft.width/2&&(o=this.leftColumn),o){const r=t.getZGColumnIndex(o._oParsedColumnMapping);this.moveColumn(r);t.getHeaderCells(this.nIndex).forEach((e=>e.classList.add(n.default.zgHeadCell.isReorderingClass)));t.getFooterCells(this.nIndex).forEach((e=>e.classList.add(n.default.zgHeadCell.isReorderingClass))),e=!0}else this.bDragMove=!1;t.bDragHide&&this.oShadow.setAttribute("data-content",a.default.get("drag.reorder",t)),e&&this.bTouch&&this.onDragStopColumn()}}onDragStopColumn(e){if(this.bTouch&&!this.bDragMoved)return;e&&e.stopEvent();const t=r.Z.get(document);if(t.docUn("mousemove",this.onDragMoveColumn,this),t.docUn("mouseup",this.onDragStopColumn,this),t.docUn("touchmove",this.onDragMoveColumn,this),t.docUn("touchend",this.onDragStopColumn,this),t.docUn("touchcancel",this.onDragStopColumn,this),this.oShadow){this.bDragHide&&this.MATCHED_COLUMN.setAttribute("hidden",!0),this.widget.webcomponent.removeChild(this.oShadow),this.MATCHED_COLUMN.classList.remove(n.default.zgHeadCell.isReorderingClass);const e=parseInt(this.MATCHED_COLUMN._oParsedColumnMapping.oDOMSortHeader.HEAD_CELL_INDEX,10);this.widget.getHeaderCells(e).forEach((e=>e.classList.remove(n.default.zgHeadCell.isReorderingClass)));this.widget.getFooterCells(e).forEach((e=>e.classList.remove(n.default.zgHeadCell.isReorderingClass))),this.oShadow=null}this.widget.bIsColumnMoverActive=!1}moveColumn(e){const t=this.widget;let o=this.nIndex;t.savedScrollVal=t.oDOMMainScroll.scrollLeft,this.widget.moveColumn(o,e),this.nIndex=this.MATCHED_COLUMN._oParsedColumnMapping.oDOMSortHeader.nIndex,requestAnimationFrame((()=>this.setColumnSwitchValues()))}setColumnSwitchValues(){const e=this.nIndex,t=this.widget,o=t.getAllColumns(),n=o.length;let r,a;this.leftColumn=null,this.rightColumn=null,this.leftFrame=null,this.rightFrame=null,this.columnFrameRight=null,this.columnFrameLeft=null,this.area=t.getAreaByColumnIndex(e);const i=t.nRightFrozenColumns;if(i){const e=n-i;if(e>=0&&e<n){this.rightFrame=o[e];const t=this.rightFrame._oParsedColumnMapping.oDOMSortHeader;this.columnFrameRight=t.getBoundingClientRect()}}const s=t.nLeftFrozenColumns;if(s){let e=s-1;if(e>=0&&e<n){this.leftFrame=o[e];const t=this.leftFrame._oParsedColumnMapping.oDOMSortHeader;this.columnFrameLeft=t.getBoundingClientRect()}}for(let t=e-1;t>=0;t--)if(!o[t].hidden){this.leftColumn=o[t],r=o[t]._oParsedColumnMapping.oDOMSortHeader;break}for(let t=e+1;t<n;t++)if(!o[t].hidden){this.rightColumn=o[t],a=o[t]._oParsedColumnMapping.oDOMSortHeader;break}this.columnMoveLeft=r?r.getBoundingClientRect():null,this.columnMoveRight=a?a.getBoundingClientRect():null,this.bDragMove=!1}}},6289:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>d});var n=o(2816),r=o(8965),a=o(8419),i=o(3605),s=o(4087);class l extends r.Z{constructor(e){(e=e||{})._defaults={initAfterRender:!0,prefix:"zing-grid-record-editor-",sTargetRecordIndex:null,_nScrollLeft:0,bIsOpen:!1},super(e),this.oActiveEditorField={},this.nTargetRowIndex=null}init(){this.ons(),this.render()}render(){const e=this.oDOMSubmitButton=document.createElement(a.default.zgButton.tagName);e.setAttribute(a.default.attr.action,"submitrecord"),e.setAttribute(a.default.attr.tabindex,0);const t=this.oDOMCancelButton=document.createElement(a.default.zgButton.tagName);t.setAttribute(a.default.attr.action,"cancelrecord"),t.setAttribute(a.default.attr.tabindex,0)}isRecordEditorOpen(){return!!this.bIsOpen}ons(){this.widget.on("pagechange",(e=>this.cancelOpenEdit())),this.widget.on("layoutchange",(e=>this.cancelOpenEdit())),this.widget.on("beforesearch",(e=>this.cancelOpenEdit())),this.widget.store.on("updatecomplete",((e,t)=>this.closeRecordEditor(t)))}onResize(){const e=this.widget,t=e.editorFieldManager,o=e.webcomponent.oDOMEditorRow;if(null===this.nTargetRowIndex&&t.oActiveEditorField)o.positionEditorWithinRow(t.se,t.oActiveEditorField);else if(this.bIsOpen&&null!==this.nTargetRowIndex){let t=this.oActiveEditorField;for(let n=0,r=e.aColumnMapping.length;n<r;n++){const r=e.selectorEngineManager.$cell(this.nTargetRowIndex,n);let a=t[r.sTargetFieldIndex];a&&o.positionEditorWithinRow(r,a)}}}openNewRecordEditorFromCols(){const e=this.widget,t=e.editorFieldManager,o=e.aColumnMapping,n=e.editorManager;this.nTargetRowIndex=!0,this.oActiveEditorField={};for(let e=0,r=o.length;e<r;e++){let r=o[e],a=r.sFieldIndex;if(!a||!r.oEditor||this.oActiveEditorField[a])continue;let i=this.se.column(a);if(this.oActiveEditorField[a]=t.openNewFieldEditor(i),n._isCardEdit(!0))break}}openNewRecordEditor(){const e=this.widget,t=e.editorManager,o=t.getInputContainers()[0];this.bIsOpen&&this.cancelOpenEdit(),e.webcomponent.oDOMCellOverflow.close(),this.sTargetRecordIndex=-1,this.openNewRecordEditorFromCols(),t.focusInput(),this.bIsOpen=!0;const n={dialog:e.webcomponent.oDOMDialog.$dialog,inputContainer:o,editorFields:this.oActiveEditorField};this.widget.fire("openinsert",n)}openRecordEditor(e){const t=this.widget,o=t.editorManager,n=t.editorFieldManager;let r,i,s=o.type;const l=t.aColumnMapping,d=t.selectorEngineManager;t.webcomponent.oDOMCellOverflow.close(),this.bIsOpen&&this.cancelOpenEdit(),this.hookOffClickEvent(),n.oActiveEditorField&&(r=n.se.sTargetFieldIndex,i=n.oActiveEditorField,n.removeFieldEditor(i,null,!1,!0)),this.bCancelButtonRendered=this.bConfirmButtonRendered=!1,this.sTargetRecordIndex=t.getRecordIndexByDataRowContainerIndex(e),this.nTargetRowIndex=e,this.oActiveEditorField={};for(let t=0,c=l.length;t<c;t++){const c=d.$cell(e,t),h=c.dom(),u=l[t];if(h.tagName.toLowerCase()===a.default.zgCard.tagName)continue;if(u.bHidden)continue;let g=c.sTargetFieldIndex;if(s!==a.default.editor.typeModal&&(c.sCellType===a.default.internalColumn.recordeditor&&(this.oDOMEditButton=this.swapControl(h,this.oDOMSubmitButton,"bConfirmButtonRendered")),c.sCellType===a.default.internalColumn.recordremover&&(this.oDOMDeleteButton=this.swapControl(h,this.oDOMCancelButton,"bCancelButtonRendered")),!this.bConfirmButtonRendered&&c.sCellType===a.default.cellTypes.custom)){const e=h.querySelector('zg-button[action="editrecord"]');if(e){this.oDOMEditButton=this.swapControl(h,this.oDOMSubmitButton,"bConfirmButtonRendered",e);const t=h.querySelector('zg-button[action="removerecord"]');t&&(this.oDOMDeleteButton=this.swapControl(h,this.oDOMCancelButton,"bCancelButtonRendered",t))}}if(!(!c.oEditor||g&&this.oActiveEditorField[g])&&(g&&r===g?this.oActiveEditorField[g]=i:g&&(this.oActiveEditorField[g]=n.openFieldEditor(h)),o._isCardEdit()))break}this.bConfirmButtonRendered&&!this.bCancelButtonRendered&&s!==a.default.editor.typeModal&&this.oDOMSubmitButton.parentNode.insertBefore(this.oDOMCancelButton,this.oDOMSubmitButton.nextSibling),this.bIsOpen=!0}swapControl(e,t,o,n){return(n=n||e.querySelector(`div ${a.default.zgButton.tagName}`)).parentNode.insertBefore(t,n),n.setAttribute(a.default.attr.hidden,""),this[o]=!0,n}hookOffClickEvent(){n.Z.get(document).on("click",this.checkOffClick,this)}checkOffClick(e,t){const o=this.widget.editorManager;if("zg-menu-item"!==t.tagName.toLowerCase()&&!this.widget.bIsColumnResizeActive&&this.isRecordEditorOpen()&&o.type===a.default.editor.typeInline&&null!==this.nTargetRowIndex){const e=i.MV(t,a.default.zgRow.tagName);e&&e.rowIndex==this.nTargetRowIndex||this.cancelOpenEdit()}}cancelOpenEdit(e,t,o){let r=this.widget,a=this.oActiveEditorField;if(o&&r.batchEditor.isActive()&&r.batchEditor.bCheckValidate)return!1;return n.Z.get(document).docUn("click",this.checkOffClick,this),null!==this.nTargetRowIndex?Object.keys(a).forEach((e=>{let t=a[e];r.editorFieldManager.closeFieldEditor(!0,null,t,!0),delete a[e]})):r.editorFieldManager.closeFieldEditor(!0),this.nTargetRowIndex=null,this.closeRecordEditor(t),!0}onClickSubmit(e,t){let o=null,r=this.widget,i=r.store,s=this.sTargetRecordIndex;if(r.webcomponent.style.cursor="wait",e&&e.oDOMTarget&&(e.oDOMTarget.querySelector("#inputs").innerHTML=""),o=this.loopEditRecord(!1),o===a.default.validation.fail)return this.widget.webcomponent.style.cursor=null,!1;n.Z.get(document).docUn("click",this.checkOffClick,this);let l=!1;r.savedScrollVal=r.oDOMMainScroll.scrollLeft,o&&(l=i.updateRecord(s,o,void 0,void 0,t)),l||this.closeRecordEditor(t)}loopEditRecord(e){let t=null,o=this.widget;if(this.bIsOpen){if(null===this.nTargetRowIndex||this.widget.editorManager._isCardEdit())if(e)o.editorFieldManager.removeFieldEditor(this.oActiveEditorField),this.oActiveEditorField={},this.nTargetRowIndex=null;else{if(t=this.widget.editorFieldManager.closeFieldEditor(),t===a.default.validation.fail)return t;this.widget.editorManager._isCardEdit()&&"object"==typeof t||(t=null)}else{const n=o.aColumnMapping,r=o.selectorEngineManager;let i=this.oActiveEditorField;t={};for(let s=0,l=n.length;s<l;s++){const n=r.$cell(this.nTargetRowIndex,s);if(!n.oEditor)continue;let l=n.sTargetFieldIndex,d=i[l];if(d)if(e)o.editorFieldManager.removeFieldEditor(d,n,!0),delete i[l];else if(t[l]=o.editorFieldManager.closeFieldEditor(!1,n,d,!0),t[l]===a.default.validation.fail)return a.default.validation.fail}e&&(this.nTargetRowIndex=null)}return t}}onSubmitNewFromCols(){const e=this.widget,t=e.editorFieldManager,o=e.aColumnMapping,n=this.oActiveEditorField,r={},i=e.sNestedDataSeparator;for(let e=0,l=o.length;e<l;e++){let l=o[e].sFieldIndex,d=n[l],c=this.se.column(l);if(d){let e=t.closeFieldEditor(!1,c,d,!0,void 0,!0);if(e===a.default.validation.fail)return e;-1!==l.indexOf(i)?s.P_(r,l,e,i):r[l]=e}}return r}onClickSubmitNew(e,t,o){let n=null,r=this.widget;if(e||t||(e="end"),this.widget.editorManager._isCardEdit(!0))n=this.widget.editorFieldManager.closeCardEditorNew(),this.oActiveEditorField={};else if(null!==this.nTargetRowIndex&&(n=this.onSubmitNewFromCols(),n===a.default.validation.fail))return!1;this.nTargetRowIndex=null;if(this.closeRecordEditor(o)===a.default.validation.fail)return!1;this.oActiveEditorField={},n&&(e=t?r.getRowIndexByDataRowContainerIndex(t.nStartRowIndex)+1:e,r.store.insertRecord(n,e))}closeRecordEditor(e){const t=this.widget.editorManager;let o;o=t.activeRowEdit?t.se:this.widget.editorFieldManager.se;const n=this.loopEditRecord(!0);if(n===a.default.validation.fail)return n;this.oDOMCancelButton&&this.oDOMCancelButton.parentNode&&(this.oDOMCancelButton.parentNode.removeChild(this.oDOMCancelButton),this.oDOMSubmitButton.parentNode.removeChild(this.oDOMSubmitButton)),this._unhookButton(this.oDOMEditButton),this._unhookButton(this.oDOMDeleteButton),this.bIsOpen=!1,t.updateActiveStatus(!1,!1,!1),e&&(!e.tagName&&e.select?e.select(!0):e.focus()),t.oDOMDialog&&(t.oDOMDialog.closeEvent(),t.oDOMDialog=null,o&&o.nStartRowIndex>=0&&o.nStartColumnIndex>=0&&o.select(!0)),this.widget.webcomponent.style.cursor=null}_unhookButton(e){e&&(e.removeAttribute(a.default.attr.hidden),e=null)}destroy(){super.destroy(),this.oDOMSubmitButton=null,this.oDOMCancelButton=null}}const d=l},986:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>d});o(2816);var n=o(8965),r=o(8419),a=o(2260),i=o(3605),s=o(6919);class l extends n.Z{constructor(e){super(e=e||{}),this.widget=e.widget,this.store=this.widget.store,this.se=e.se,this.dirtyManager=this.widget.dirtyManager,this.bConfirm=!1,this.bIsActive=!1,this.reset()}isActive(){return!!this.bIsActive}ons(){this.widget.store.on("updatecomplete",((e,t)=>this.closeBatchEditor(t)))}activate(e){const t=this.widget.webcomponent,o=t.oDOMControlBar;o.oDOMBatchEdit.setAttribute("hidden",""),o.oDOMBatchCancel.removeAttribute("hidden"),o.oDOMUnsavedSpan.removeAttribute("hidden"),t.setAttribute(r.default.attr.batchEditActive,""),o.setAttribute(r.default.attr.batchEditActive,""),this.widget.updateBatchEditStyleAttributes(!0),this.bIsActive=!0,this.bCheckValidate=!1,this._update(),e&&o.oDOMBatchCancel.focus()}deactivate(e){const t=this.widget.webcomponent,o=t.oDOMControlBar;o.removeAttribute(r.default.attr.batchEditLongMessage),o.oDOMBatchEdit.removeAttribute("hidden"),o.oDOMBatchSave.setAttribute("hidden",""),o.oDOMBatchCancel.setAttribute("hidden",""),o.oDOMBatchCancel.removeAttribute("style"),o.oDOMUnsavedSpan.setAttribute("hidden",""),o.oDOMUnsavedSpan.innerHTML="",this.bIsActive=!1,this.bCheckValidate=!1,t.removeAttribute(r.default.attr.batchEditActive),o.removeAttribute(r.default.attr.batchEditActive),o.removeAttribute(r.default.attr.batchEditMessage,""),this.widget.updateBatchEditStyleAttributes(!1),e&&o.oDOMBatchEdit.focus()}updateMessage(){const e=this.store,t=this.widget;let o=i.String.escapeRegExp(e.templateStartDelimiter),n=i.String.escapeRegExp(e.templateEndDelimiter),l=r.default.batchEdit.tokens.messageSuffix;const d=t.webcomponent.batchEditStatus||e.oDataFormat.sBatchEditStatus;let c=e.oDataFormat.fnBatchEditStatus;if(!t||!t.webcomponent)return;const h=t.webcomponent.oDOMControlBar,u=this.widget.webcomponent.oDOMControlBar;u.oDOMBatchSave.removeAttribute("hidden"),u.oDOMBatchCancel.setAttribute("style","--zg-icon-color: red;"),d&&!c&&(c=a.Z.setUserFunction(null,d),c&&(e.oDataFormat.fnBatchEditStatus=c));const g=d||r.default.batchEdit.statusMessage;let p=g;if(-1!==g.indexOf(r.default.tokens.delim)||c){const r=this.aDirty.length,a=this.getChangeCount(this.oDirty.oEdit,!1,!1),d=this.getFieldsChangeCount(),u=this.getChangeCount(this.oDirty.oDelete,!1,!0),g=this.getChangeCount(this.oDirty.oInsert,!0,!1),m={changes:r,modified:this.getRecordChanges(),recordsEdited:a,fieldsEdited:d,deleted:u,inserted:g};let f=new RegExp(o+"(.*?)"+n,"g");p=p.replace(f,((o,n)=>{let r,a="",d=(n=n.trim()).indexOf(l);return-1!==d?(n=n.substring(0,d),r=m[n],a=i.translate({msg:s.default.get(`batchEdit.${n}`,t),plurals:[{value:"s",condition:1!==r},{value:"s",condition:1!==r}]})):r=m[n],a&&(r=`${r} ${a}`),void 0!==r?r:`${e.templateStartDelimiter}${n}${e.templateEndDelimiter}`})),c&&(p=c.method.apply(c.scope,[m,h.oDOMUnsavedSpan]))}!p&&c||(h.setAttribute(r.default.attr.batchEditMessage,""),h.oDOMUnsavedSpan.innerText=`(${p})`,h.checkMessageSize())}saveDeletes(){const e=this.store;for(let t in this.oDirty.oDelete){const o=this.oDirty.oDelete[t],n=e.oLocalModel[t];o.bBatchEdit=!0,o.bBatchCleanup=n.bDirtyInsert,e.fireAfterStoreEvent("afterremoverecord",o)}}saveInserts(){const e=this.store;for(let t in this.oDirty.oInsert){const o=e.oLocalModel[t];if(o.bDirtyDelete)this.bRemovingInsert=!0,o.bBatchCleanup=!0,this.widget.removeRow(t,!0,void 0,!0),this.bRemovingInsert=!1;else{const o=this.oDirty.oInsert[t];o.bBatchEdit=!0,e.fireAfterStoreEvent("afterinsert",o)}}}getChangedFields(e){let t=[];const o=this.oDirty.oEdit[e],n=o.zgOldData;return Object.keys(o).forEach((e=>{if("zgOldData"!==e){const r=o[e];r[r.length-1]!==n[e]&&t.push(e)}})),t}saveEdits(){const e=this.store;for(let t in this.oDirty.oEdit){const o=e.oLocalModel[t],n=this.oDirty.oEdit[t].zgOldData;if(o.bDirtyDelete)continue;let a=o.model,l=this.getChangedFields(t),d=i.c7.copy(e.oDataRequest.updateOptions.row||{});d.sRecordIndex=t,d.oRecordRawData=a.get(),d.oOldData=n,d.aChangedFieldIndex=l,d.fnCustom=e.oDataFormat.fnCustomUpdateRow,d.sEditMode="updaterecord",d.bBatchEdit=!0,d.oStatus={};let c=d.sServerErrorMessage;c||(c=d.sServerErrorPath?r.default.tokens.serverMessage:s.default.get("dialog.recordUpdate.errorMsg",this.widget)),d.oErrorStatus={msg:c},e.fireAfterStoreEvent("afterupdaterecord",d)}}save(e){this.confirm((()=>this.completeSave(e)),"commit",r.default.confirmations.batchEdit)}completeSave(e){const t=this.widget;this.deactivate(e);const o=t.oDOMMainScroll.scrollLeft;this.bSavingBatchEdit=!0,this.nSavedUpdateCount=this.nUpdateCount=this.getRecordChanges(),this.aErrors=[],this.saveEdits(),this.saveDeletes(),this.saveInserts(),o&&(t.savedScrollVal=o),this.nUpdateCount||(this._update(),this.reset())}cancelBatchEdit(e){this.confirm((()=>this.completeCancel(e)),"cancel",r.default.confirmations.batchEditDiscard)}completeCancel(e,t){const o=this.dirtyManager;if(this.deactivate(e),this.widget.recordEditor.cancelOpenEdit(),!t){const e=this.aDirty;for(let t=e.length-1;t>=0;t--){const n=e[t],r=n.sRecordIndex,a=n.sFieldIndex;"updatecell"===n.sEditMode?(this.store._updateCell(r,a,n.oldValue),o.setNoDirty(r,a,!0)):"removerecord"===n.sEditMode?o.setNoDirty(n.sRecordIndex,null,!0):"insertrecord"===n.sEditMode&&this.removeNewRow(r)}}this.reset(),t||this._update()}removeNewRow(e){const t=this.store.oLocalModel[e];this.bRemovingInsert=!0,t.bBatchCleanup=!0,this.widget.removeRow(e,!0,void 0,!0),this.bRemovingInsert=!1}onSuccess(){this.nUpdateCount--,this.checkResponses()}onFailure(e){this.nUpdateCount--,this.aErrors.push(e),this.checkResponses()}checkResponses(){0===this.nUpdateCount&&(this.aErrors.length?(this.completeErrorStatus(),this.rollbackChanges()):this.completeStatus(),this.reset())}completeStatus(){const e=this.widget;this.bSavingBatchEdit=!1;const t={icon:"checkmark",state:"success",msg:s.default.get("dialog.batchEdit.successMsg",e)};e.statusManager&&e.statusManager.setStatus(t),this.nSavedUpdateCount=0,this._update()}completeErrorStatus(){const e=this.widget,t=this.aErrors.length;this.bSavingBatchEdit=!1;const o=this.nSavedUpdateCount-t;let n=s.default.get("dialog.batchEdit.plurals.errorMsg",this.widget)||["s","s"];const r={icon:"error",state:"error",msg:i.translate({msg:s.default.get("dialog.batchEdit.errorMsg",this.widget),vars:[o,t],plurals:[{value:n[0],condition:1!==o},{value:n[1],condition:1!==t}]}),sDetails:s.default.get("dialog.batchEdit.errorMsgMore",this.widget),fnDetails:()=>this.errorDetails(),sLabel:s.default.get("dialog.batchEdit.errorLabel",this.widget)};e.statusManager&&e.statusManager.setStatus(r)}errorDetails(){const e=this.widget,t=this.aErrors,o=this.aErrors.length;let n=s.default.get("dialog.batchEdit.plurals.dialogErrorMsg",this.widget)||["s"],r=i.translate({msg:s.default.get("dialog.batchEdit.dialogErrorMsg",e),vars:[o],plurals:[{value:n[0],condition:1!==o}]});for(let n=0;n<o;n++){const o=t[n];let a;o.oErrorStatus&&(a=o.oErrorStatus.msg);if("insertrecord"===o.sEditMode)r+=`<br>New Record: ${a}`;else{r+=`<br>Record ${e.store.getURLRecordField(o.sUrl,o.sRecordIndex,o.sIdKeyValue)}: ${a}`}}return r}rollbackChanges(){const e=this.aErrors;for(let t=0;t<e.length;t++){const o=e[t].sRecordIndex;this.dirtyManager.revert(o)}this._update()}getRecordChanges(e){const t=this.oDirty,o=this.widget.store,n=[t.oEdit,t.oDelete,t.oInsert],r={};for(let t=0;t<n.length;t++){const a=n[t];for(let t in a){const n=o.oLocalModel[t];!e&&n.bDirtyDelete&&n.bDirtyInsert||(r[t]=!0)}}return Object.keys(r).length}getChangeCount(e,t,o){let n=0;for(let r in e){const e=this.store.oLocalModel[r];!o&&e.bDirtyDelete||(!t&&e.bDirtyInsert||n++)}return n}getFieldsChangeCount(){const e=this.oDirty.oEdit;let t=0;for(let o in e){const e=this.store.oLocalModel[o];e.bDirtyDelete||e.bDirtyInsert||(t+=this.getChangedFields(o).length)}return t}confirm(e,t,o){const n=this.widget,a=this.widget.webcomponent.oDOMDialog;if(this.bConfirm=t,n.editorManager.activeCellEdit){if(n.editorManager.closeEditor()===r.default.validation.fail&&"commit"===t)return}this.bConfirm=!1;0!==this.getRecordChanges()&&n.getConfirmation(o)?(a.setDialog(`${t}-batch-edit`),this.setConfirmationMessage(t),a.on("dialogConfirm",e)):e()}setConfirmationMessage(e){const t=this.widget.webcomponent.oDOMDialog,o=this.getChangeCount(this.oDirty.oEdit,!1,!1),n=this.getChangeCount(this.oDirty.oDelete,!1,!0),r=this.getChangeCount(this.oDirty.oInsert,!0,!1),a=this.getRecordChanges(),l=this.aDirty.length,d=-1!==[o,r,n].indexOf(l)?"":"Plural";let c=i.translate({msg:s.default.get(`dialog.batchEdit.${e}.body${d}`,this.widget),vars:[l,a],plurals:[{value:"s",condition:1!==a}]});const h=[{sLookup:"recordsEdited",nVal:o},{sLookup:"inserted",nVal:r},{sLookup:"deleted",nVal:n}];c+=`<div style="margin-block-start: 1.25rem; color: ${"cancel"===e?"red":"green"};">`;for(let e=0;e<h.length;e++){let t=h[e].nVal,o=h[e].sLookup;t&&(c+=i.translate({msg:s.default.get("dialog.batchEdit.changeBody",this.widget)+s.default.get(`dialog.batchEdit.${o}`,this.widget)+"<br>",vars:[t],plurals:[{value:"s",condition:1!==t}]}))}c+="</div>";t.$bodycontent.querySelector(".zg-dialog-body-batch-edit").innerHTML=c}onKeyDown(e){const t=this.widget,o=e.nCharCode,n=t.editorFieldManager.se,a=e.bIsSHIFT?"left":"right",i=t.getColumnContainerCount(),s=t.getRowContainerCount()+t.nTopFrozenRows,l=t.focusManager;if("cell"!==n.sContextLevel||o!==e.TAB)return;e.stopEvent();let d=this.se=t.selectorEngineManager.$cell(n.nStartRowIndex,n.nStartColumnIndex),c=null;for(;!c;){let o=d.nStartColumnIndex,n=d.nStartRowIndex;if(c=d.traverse(a,1),!c)break;if(o===c.nStartColumnIndex&&n===c.nStartRowIndex)if("right"===a){if(n===s-1)return void l.tabChangeFocus(e,{section:l.GRIDINDEX});c=d=t.selectorEngineManager.$cell(n+1,0)}else{if(0===n)return void l.tabChangeFocus(e,{section:l.GRIDINDEX});c=d=t.selectorEngineManager.$cell(n-1,i-1)}-1===r.default.internalColumnTypes.indexOf(c.sCellType)&&!1!==c.oEditor||(c=null)}c||(c=this.se=t.selectorEngineManager.$cell(n.nStartRowIndex,n.nStartColumnIndex)),t.editorManager.onDoubleClick(c.dom())}_update(e){e=e||{bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},this.widget.update(e)}_unhookButton(e){e&&(e.removeAttribute(r.default.attr.hidden),e=null)}reset(){this.aDirty=[],this.oDirty={oEdit:{},oDelete:{},oInsert:{}},this.dirtyManager.reset()}destroy(){super.destroy(),this.oDOMSubmitButton=null,this.oDOMCancelButton=null,this.aDirty.length=0,this.aDirty=null,this.oDirty.oEdit=null,this.oDirty.oDelete=null,this.oDirty.oInsert=null,this.oDirty=null}}const d=l},9958:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(8965),r=o(8419),a=o(3605);class i extends n.Z{constructor(e){super(e=e||{}),this.widget=e.widget,this.store=this.widget.store,this.se=e.se}setDirty(e,t,o){const n=this.store,i=this.widget.batchEditor;if(!e)return;let s=n.oLocalModel[e];if(t!==r.default.store.keyField){if(!s.bDirtyInsert&&(t&&(s.model.setDirty(t),s.nCellDirty++),s.bDirty=!0,o&&i.isActive())){const n=i.oDirty.oEdit;if(i.aDirty.push(o),!n[e]){let r=s.model;n[e]={zgOldData:a.c7.copy(r.get())},n[e].zgOldData[t]=o.oldValue}n[e][t]||(n[e][t]=[]),n[e][t].push(o.payload)}this.nRecordDirty++,this.bDirty=!0,i.isActive()&&i.updateMessage()}}setDirtyDelete(e,t){const o=this.widget.batchEditor,n=this.store;if(!e||o.bRemovingInsert)return;let r=n.oLocalModel[e];if(r.bDirtyDelete=!0,this.nRecordDirty++,this.bDirty=!0,o.isActive()){const n=o.oDirty.oDelete;o.aDirty.push(t),r.bDirtyInsert||(n[e]=t),o.updateMessage()}}unsetDirtyDelete(e){const t=this.store,o=this.widget.batchEditor;if(!e)return;t.oLocalModel[e].bDirtyDelete=!1;const n=o.oDirty.oDelete[e];n&&(delete o.oDirty.oDelete[e],this.clearDirtyArray(n),this.nRecordDirty--),o.isActive()&&o.updateMessage(),o._update()}setDirtyInsert(e,t){const o=this.store,n=this.widget.batchEditor;if(!e)return;if(o.oLocalModel[e].bDirtyInsert=!0,this.nRecordDirty++,this.bDirty=!0,n.isActive()){const o=n.oDirty.oInsert;n.aDirty.push(t),o[e]=t,n.updateMessage()}}setNoDirty(e,t,o){const n=this.store,i=this.widget.batchEditor;if(!e)return;let s=n.oLocalModel[e];if(a.Uh(t)&&t!==r.default.store.keyField?(s.model.setNoDirty(t),s.nCellDirty--,0==s.nCellDirty&&(s.bDirty=!1,this.nRecordDirty--)):(s.bDirty=!1,s.bDirtyDelete=!1,s.bDirtyInsert=!1,this.nRecordDirty--),!i.isActive()||o)return;let l=null;const d=i.oDirty.oEdit,c=i.oDirty.oDelete,h=i.oDirty.oInsert;d[e]&&(d[e][t]?(l=d[e][t],delete d[e][t]):delete d[e]),l&&this.clearDirtyArray(l),l=c[e],l&&(delete c[e],this.clearDirtyArray(l)),l=h[e],l&&(delete h[e],this.clearDirtyArray(l)),0==this.nRecordDirty&&(this.bDirty=!1)}clearDirtyArray(e){const t=this.widget.batchEditor,o=t.aDirty.indexOf(e);o>=0&&t.aDirty.splice(o,1)}isDirty(e,t){return!1!==this.getDirty(e,t)}getDirty(e,t){const o=this.store;if(null==e&&null==t)return!!this.bDirty;let n=o.oLocalModel[e];return!!n&&(a.Uh(t)?!!n.model.isDirty(t)&&"edit":n.bDirtyDelete?"delete":n.bDirtyInsert?"insert":"edit")}isDirtyDelete(e){return this.store.oLocalModel[e].bDirtyDelete}isDirtyInsert(e){return this.store.oLocalModel[e].bDirtyInsert}getDirtyClass(e){let t=this.store.oLocalModel[e];return t.bDirtyDelete?`${r.default.batchEdit.removedClass}`:t.bDirtyInsert?`${r.default.batchEdit.insertedClass}`:""}revert(e){const t=this.widget,o=t.batchEditor,n=o.oDirty.oEdit,r=o.oDirty.oDelete,a=o.oDirty.oInsert,i=n[e],s=a[e],l=r[e];if(s)o.removeNewRow(e);else if(l&&this.setNoDirty(e,null,!0),i)for(let o in i)if("zgOldData"!==o){let n=i.zgOldData[o];t.store._updateCell(e,o,n),this.setNoDirty(e,o,!0)}}reset(){this.nRecordDirty=0,this.bDirty=!1}}const s=i},3590:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(8419),r=o(2816),a=o(2260),i=o(6919);o(3765);const s=class{constructor(e){this.widget=e.widget,this.se=e.se,this.oRegisteredEditorField={},this.oActiveEditorField=null,this.ZG=this.widget.webcomponent}isEditorOpen(){return!!this.oActiveEditorField}openNewFieldEditor(e){let t=this.widget.editorManager,o=!1,n=e.sTargetFieldIndex;if(!(e.oEditor&&e.oEditor.method))return;let r=t.getInputContainers(e.nStartRowIndex)[0],a=this.oRegisteredEditorField[n];void 0===a&&(t._isCardEdit(!0)?(a=this.initCardEditor(e,!0),o=!0):a=this.initBasicFieldEditor(e,!0),r.appendChild(a)),a=o?r.querySelector("#editorCard"):r.querySelector(`label[data-key="${n}"]`),this.oActiveEditorField=a;let i=a.querySelector("input");return i&&i.focus(),a}openFieldEditor(e,t){const o=this.widget,i=o.editorManager;let s=this.se.cell(e),l=!1,d=s._columnConfig,c=s.sTargetFieldIndex,h=s.oEditor&&s.oEditor.method;if(!h&&d.oDOMZGColumn.editor&&(h=d.oEditor=a.Z.setUserFunction(null,d.oDOMZGColumn.editor)),!h)return;if(i.type===n.default.editor.typeInline&&"cell"===i.se.sContextLevel||o.batchEditor.isActive()){r.Z.get(document).on("click",this.checkOffClick,this)}let u=i.getInputContainerByIndex(s.nStartRowIndex,s.nStartColumnIndex),g=this.oRegisteredEditorField[c];if(void 0===g&&(i._isCardEdit()||"cell"===i.se.sContextLevel&&s._columnConfig.oDOMEditorTemplate?(g=this.initCardEditor(s),l=!0):g=this.initBasicFieldEditor(s),u.appendChild(g)),g=l?u.querySelector("#editorCard"):u.querySelector(`label[data-key="${c}"]`),!i._isModalEdit()&&!t){o.getEditorRowByIndex(s.nStartRowIndex,s.nStartColumnIndex).positionEditorWithinRow(s,g),e.classList.add(n.default.editor.editingClass)}if(this.oActiveEditorField=g,!t&&((i.type===n.default.editor.typeInline&&"cell"===i.se.sContextLevel||o.batchEditor.isActive())&&(this.unsubKey=r.Z.get(g).on("keydown",this.checkOffClick,this,{},!1)),o.fire("cellopenedit",s,g),!o.isStorybook("editor-row"))){let e=g.querySelector("input");e&&e.focus()}return g}initBasicFieldEditor(e,t){const o=this.widget,n=o.webcomponent.oDOMEditorRow,r=o.editorManager;let a=e.sTargetFieldIndex,i=n.getEditorTemplate(),s=r.getEditorLabel(i);r.setLabelKey(i,a);let l=e.oEditor&&e.oEditor.method&&e.oEditor.method.init,d=e.oEditor&&e.oEditor.method&&e.oEditor.method.onOpen,c=e.oEditor&&e.oEditor.scope||e,h=t?"":e.rawData();return r.setLabelTextContent(i,e._columnConfig.sColumnHeaderText||a),l&&l.apply(c,[e,s]),d&&d.apply(c,[e,i,h]),i}initCardEditor(e,t){const o=this.widget;let n=o.editorManager;let r,a,i=o.webcomponent.oDOMEditorRow.getEditorCardTemplate(),s=n.getEditorCard(i),l=e._columnConfig,d=null,c=e.sTargetRecordIndex,h=t?{}:this.widget.store.get(c).oRecordRawData,u=[s],g=e;if(l.oDOMEditorTemplate?d=l.oDOMEditorTemplate:n._isCardEdit(t)&&o.oCardEditTemplate&&(d=o.oCardEditTemplate),o.oCard&&o.oCard.oEditor&&o.oCard.oEditor.method){let t=o.oCard.oEditor.method;r=t.init,a=t.onOpen,g=o.oCard.oEditor.scope||e}else if(l.oDOMEditorTemplate&&l.aUserSet.oEditor){let t=e.oEditor.method;r=t.init,a=t.onOpen,u=[e,s],g=e.oEditor.scope}return r&&r.apply(g,u),d&&(this.widget.store.processTemplate(d,s,e,!0,t),this.processTemplateSelects(s)),u.push(h),a&&a.apply(g,u),i}processTemplateSelects(e){e.querySelectorAll(`select[${n.default.editor.bindingAttr}]`).forEach((e=>{e.value=e.getAttribute("value")}))}closeFieldEditor(e,t,o,r,a,i){let s,l=o||this.oActiveEditorField,d=!1;const c=this.widget;if(t=t||this.se,!l)return;if(void 0!==a&&t.nRowContainerIndex===a)return;if(!e||c.batchEditor.isActive()&&!c.bSizeCheck){if(s=this._saveEditorField(t,o),s===n.default.validation.fail)return s}else this.removeFieldEditor(l,t,r);i||(d=this.widget.fire("cellcloseedit",t,l,s,e)),r||void 0===s||this.widget.editorManager._isCardEdit()||(!1!==d&&t.rawData(s),this.removeFieldEditor(l,t,r));const h=t.dom();return h&&h.classList.remove(n.default.editor.editingClass),s}closeCardEditorNew(){var e={};let t=this.oActiveEditorField.querySelectorAll("["+n.default.editor.bindingAttr+"]");if(t&&t.length)for(let o=0;o<t.length;o++){let r=t[o],a=r.getAttribute(n.default.editor.bindingAttr).replace(/(record.|index.)/g,"");"input"!==r.tagName.toLowerCase()&&"textarea"!==r.tagName.toLowerCase()&&"select"!==r.tagName.toLowerCase()||(e[a]=r.value)}return e}removeFieldEditor(e,t,o,n){this.oActiveEditorField;if(this.oActiveEditorField=null,t=t||this.se,!e||!e.parentNode)return;let a=e.parentNode;if(!o){const e=r.Z.get(document);e.docUn("click",this.checkOffClick,this),r.Z.get(e).docUn("keydown",this.checkOffClick,this),this.unsubKey&&this.unsubKey(),this.unsubKey=null}!n&&a&&a.removeChild(e)}_saveEditorField(e,t){let o=t||this.oActiveEditorField;var r;let a=this.widget,s=o;const l=this.widget.store;let d=e._columnConfig;const c="cell"===this.widget.editorManager.se.sContextLevel;let h=(e=e||this.se).oEditor&&e.oEditor.method.onClose;const u=e.oValidator&&e.oValidator.method.validator,g=e.oValidator&&e.oValidator.method.message,p=d.sValidationErrorMessage,m=d.sRequiredErrorMessage,f=e.oValidator&&e.oValidator.scope||e,b=e.sTargetRecordIndex,v=d.bRequired;let y,z={},w=!0,C=!1,S=s.querySelectorAll("["+n.default.editor.bindingAttr+"]");if(S&&S.length)for(let e=0;e<S.length;e++){let t=S[e],o=t.getAttribute(n.default.editor.bindingAttr).replace(/(record.|index.)/g,"");"input"!==t.tagName.toLowerCase()&&"textarea"!==t.tagName.toLowerCase()&&"select"!==t.tagName.toLowerCase()||(z[o]=t.value)}if(a.oCard&&a.oCard.oEditor&&a.oCard.oEditor.method.onClose){let t=e.sTargetRecordIndex,n=this.widget.store.get(t).oRecordRawData,i=a.oCard.oEditor.scope||e;r=a.oCard.oEditor.method.onClose.apply(i,[o,n,z])}else if(h&&(0===Object.keys(z).length||d.aUserSet.oEditor)){let t=e.oEditor.scope||e;r=h.apply(t,[s,null,z]),v&&(null===r||"string"==typeof r&&""===r.trim())&&(w=!1,C=!0),w&&u&&(w=u.apply(f,[r,e,o]),null===w&&(w=!1),"boolean"!=typeof w&&void 0!==w&&(r=w,w=!0))}else(0===Object.keys(z).length||c)&&(r=a.editorManager.getEditorValue(o));const x=e.fnEditorField&&e.fnEditorField.method;let k;if(k=x?x.apply(oScope,[s]):o.querySelector("input")||o.querySelector("select"),!w){if(C?y=m||a.sValidationRequiredMessage||i.default.get("validation.errorMessage",a):(p?y=p:g&&(y=g.apply(f,[r,d.sColumnHeaderText,o,e])),y=y||a.sValidationErrorMessage||i.default.get("validation.errorMessage",a)),a.editorManager.oDOMDialog)a.editorManager.oDOMDialog.displayError(!0,y);else if(a.statusManager){const e={icon:"error",state:"error",msg:y};a.batchEditor.isActive()&&"cancel"===a.batchEditor.bConfirm||a.statusManager.setStatus(e)}return k&&k.classList.add(n.default.validation.css),n.default.validation.fail}if(k&&k.classList.remove(n.default.validation.css),a.statusManager&&a.statusManager.closeStatus(),Object.keys(z).length>0&&void 0===r)for(var R in z)z.hasOwnProperty(R)&&l.updateCell(b,R,z[R]);return r}checkOffClick(e,t){const o=this.widget.editorManager;let r=this.widget.selector,a=r.bTriggerSelect;if("zg-menu-item"===t.tagName.toLowerCase())return;if(e.nCharCode&&e.nCharCode!==e.TAB&&e.nCharCode!==e.ENTER)return;e.nCharCode&&e.nCharCode===e.ENTER&&e.preventDefault();const i=(new Date).getTime();if(this.nTouchOpen&&i-this.nTouchOpen<n.default.mobile.doubleTapMS)return void o.focusInput();const s=o.closeEditor();if(s===n.default.validation.fail)return s;if(e.nCharCode&&e.nCharCode===e.ENTER&&r&&this.se){let e=a&&!this.widget.bHasSelectorEnabled;this.se.select(e)}}destroy(){this.se=null,this.widget=null,this.oRegisteredEditorField=null,this.oActiveEditorField=null,this.ZG=null}}},9719:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>r});o(2816),o(8965);var n=o(8419);o(3605);const r=class{constructor(e){e=e||{},this.widget=e.widget,this.ZG=this.widget.webcomponent,this.type=null,this.createType=n.default.editor.typeModal,this.recordEditor=this.widget.recordEditor,this.se=this.widget.selectorEngineManager.getSelectorEngine(),this.updateActiveStatus(!1,!1,!1)}connectEditDialog(e,t){let o=this.ZG.oDOMDialog;this.oDOMDialog=o,o.on("dialogCancel",(()=>this.recordEditor.cancelOpenEdit(null,t)),this.recordEditor),o.on("dialogClose",(()=>this.recordEditor.cancelOpenEdit(null,t)),this.recordEditor),o.on("dialogConfirm",(e=>this.recordEditor.onClickSubmit(e,t)),this.recordEditor),"row"===e?o.setDialog("record-update"):o.setDialog("field-update")}connectInsertDialog(e,t,o){let n=this.ZG.oDOMDialog;this.oDOMDialog=n,n.on("dialogConfirm",(()=>this.recordEditor.onClickSubmitNew(e,t,o)),this),n.on("dialogCancel",(()=>this.recordEditor.cancelOpenEdit(null,o)),this.recordEditor),n.on("dialogClose",(()=>this.recordEditor.cancelOpenEdit(null,o)),this.recordEditor),n.setDialog("record-create")}onDoubleClick(e){let t=this.widget,o=t.selector.se;if(!t.batchEditor.isActive()&&(!t.bHasCellEditorEnabled&&t.webcomponent.layout!==n.default.zgLayout.typeCard||!t.bHasEditorEnabled))return;let r=o.cell(e);t.batchEditor.isActive()&&(t.dirtyManager.isDirtyDelete(r.sTargetRecordIndex)||r.sTargetFieldIndex===n.default.internalColumn.recordkey)||(t.bHasCellEditorEnabled||t.batchEditor.isActive()?-1===n.default.internalColumnTypes.indexOf(o.sCellType)&&!1!==r.oEditor&&this.openEditor(r):this.openEditor(r.toRow(),void 0,r))}openInsertEditor(e,t,o){const r=this.widget;if(r.editorFieldManager.closeFieldEditor(!0,null,null,!1,-1),this.recordEditor.bIsOpen&&this.recordEditor.cancelOpenEdit(),this.createType===n.default.editor.typeInline){const e=r.store.on("afterinsertrecord",((t,o)=>{e(),r.lastPage();const n=r.getRowContainerIndexByRowIndex(o.nRowIndex);r.webcomponent.openRowEditor(n+r.nTopFrozenRows)}));this.widget.insertRow()}else this.connectInsertDialog(e,t,o),this.recordEditor.openNewRecordEditor(),this.updateActiveStatus(null,!1,!0)}openEditor(e,t,o){const n=this.widget,r=e.nRowContainerIndex,a=e.sContextLevel;this.se=e;const i=this._isModalEdit();if(this.widget.webcomponent.oDOMCellOverflow.close(),"cell"===a){if(!this.recordEditor.cancelOpenEdit(void 0,void 0,!0))return}if(t||(i?this.connectEditDialog(a,o):this.positionSelfWithinGrid(r)),"row"===a&&(n.editorFieldManager.closeFieldEditor(!0,null,null,!1,r),this.recordEditor.openRecordEditor(r),this.updateActiveStatus(null,!1,!0),i||(this.updateActiveStatus(!0,null,null),n.isStorybook("editor-row")||this.focusInput(r))),"cell"===a){const o=n.editorFieldManager.openFieldEditor(e.dom(),t);if(this.updateActiveStatus(null,!0,!1),o&&(i?this.recordEditor.bIsOpen=!0:this.updateActiveStatus(!0,null,null),!t)){let e=o.querySelector("input, select");e&&e.focus()}}}closeEditor(e){const t=this.widget;if(t.editorFieldManager.closeFieldEditor()===n.default.validation.fail)return t.batchEditor.isActive()&&(t.batchEditor.bCheckValidate=!0),n.default.validation.fail;t.batchEditor.bCheckValidate=!1,this.updateActiveStatus(!1,!1,!1),this.widget.selector.bTriggerSelect=!1,this.oDOMDialog&&(this.oDOMDialog.closeEvent(),this.oDOMDialog=null)}getEditorRowsByRowIndex(e){const t=this.widget.webcomponent,o=[t.oDOMLeftHeadEditorRow,t.oDOMHeadEditorRow,t.oDOMRightHeadEditorRow],n=[t.oDOMLeftEditorRow,t.oDOMEditorRow,t.oDOMRightEditorRow],r=[t.oDOMLeftFootEditorRow,t.oDOMFootEditorRow,t.oDOMRightFootEditorRow];if(void 0!==e){const t=this.widget.getFrozenRowState(e);return"top"===t?o:"bottom"===t?r:n}return[...o,...n,...r]}updateActiveStatus(e,t,o){[...this.getEditorRowsByRowIndex(),this].forEach((n=>{null!==t&&(n.activeCellEdit=t),null!==o&&(n.activeRowEdit=o),null!==e&&(n.active=e)}))}positionSelfWithinGrid(e){this.getEditorRowsByRowIndex(e).forEach((e=>e.positionSelfWithinGrid()))}setEditorType(e){e&&this.ZG.hasAttribute(n.default.editor.attr)&&this.ZG.setAttribute(n.default.editor.attr,e)}setInitialEditorType(){const e=this.ZG.hasAttribute(n.default.editor.attr);this.ZG.initialEditorType=e?this.ZG.getAttribute(n.default.editor.attr):n.default.editor.typeInline}focusInput(e){const t=this.getInputContainers(e);for(let e=0;e<t.length;e++){let o=t[e].querySelector("input, select");if(o){o.focus();break}}}focusNextInput(e,t){const o=this.getInputContainers(t);let n=!1;for(let t=0;t<o.length;t++){if(!n){n=o[t]===e;continue}let r=o[t].querySelector("input, select");if(r)return r.focus(),!0}return!1}getInputContainers(e){if(this.oDOMDialog)return[this.oDOMDialog.getInputContainer()];{const t=[];return this.getEditorRowsByRowIndex(e).forEach((e=>t.push(e.oDOMInputContainer))),t}}getInputContainerByIndex(e,t){if(this.oDOMDialog)return this.oDOMDialog.getInputContainer();return this.widget.getEditorRowByIndex(e,t).oDOMInputContainer}getEditorLabel(e){return e.querySelector(`#${n.default.zgEditorRow.fieldLabelId}`)}getEditorCard(e){return e.querySelector("#editorCard")}getEditorValue(e){return e.querySelector("input").value}setLabelTextContent(e,t){e.querySelector(".editorRowFieldLabelContent").textContent=t.replace("."," - ")}setLabelKey(e,t){this.getEditorLabel(e).setAttribute("data-key",t)}_isCardEdit(e){return(this.widget.oCardEditTemplate||this.widget.oCard&&this.widget.oCard.oEditor)&&(this.type===n.default.editor.typeModal||e)&&("row"===this.se.sContextLevel||e)}_isModalEdit(){return this.type===n.default.editor.typeModal||void 0===this.type&&!this.ZG.userEditorValue&&this.widget.layoutManager.getLayoutType()===n.default.zgLayout.typeCard||"cell"===this.se.sContextLevel&&this.se._columnConfig.oDOMEditorTemplate}destroy(){this.recordEditor=null,this.se=null,this.oDOMDialog=null}}},9553:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(8965),r=o(8419),a=o(3605);class i extends n.Z{constructor(e){(e=e||{})._defaults={initAfterRender:!0},super(e)}setFilter(e,t){if(e&&e.oFilter){let o=e.oFilter.method.setValue;if(o){let n=e.oFilter.scope||e.oDOMFilter;o.apply(n,[t,e.oDOMFilter]),e.oDOMFilter.fireFilterEvent(),this.widget.bodyUpdate(!0)}}}buildFilterURL(){const e=this.widget,t={};for(let o=0,n=e.aFilters.length;o<n;o++){let n=e.aFilters[o],r=n.getValue();if(""!==r){t[n.sFilterKey]=r}}return t}filter(){const e=this.widget;e.aRowMapping.length=0,this.aFiltered=e.store.aOrderedData.filter((t=>{const o=t.sRecordIndex;return!e.aTopRowMapping.some((e=>e.sRecordIndex===o))&&!e.aBottomRowMapping.some((e=>e.sRecordIndex===o))}));const t=this.aFiltered.length;if(e.bHasSearchEnabled&&(this.aFiltered=this.allFilter(this.aFiltered)),e.bHasFilterEnabled)for(let t=0,o=e.aFilters.length;t<o;t++)this.aFiltered=this.columnFilter(this.aFiltered,e.aFilters[t]);e.fire("roworderchange"),e.bGroupBy?e.groupbyManager.groupBy(e.aGroupBy,this.aFiltered,t!==this.aFiltered.length):this.aFiltered.forEach(((e,t)=>{this.widget.updateRowMapping(this.widget.aRowMapping,t,{sRecordIndex:e.sRecordIndex})})),this.bUseFilter=this.aFiltered.length!==e.store.aOrderedData.length-e.getFrozenRowCount(),this.bUseFilter&&e.setCurrPageIdx(0),0===this.aFiltered.length&&(0===e.oDOMMainScroll.scrollLeft&&e.savedScrollValFilter?e.savedScrollVal=e.savedScrollValFilter:e.savedScrollVal=e.oDOMMainScroll.scrollLeft)}allFilter(e){let t=e,o=this.widget,n=o.search.oDOMInput.value,i=o.aColumnMapping;return""===n||o.search.hasAttribute(r.default.attr.hidden)||(t=t.filter((e=>{let t=e.sRecordIndex;for(let e=0,r=i.length;e<r;e++){if("disabled"===i[e].oDOMZGColumn.search||!1===i[e].oDOMZGColumn.search)continue;if((i[e].sFieldIndex||i[e].sFilterIndex||"").split(",").map((e=>o.store.get(t,a.String.trimWhiteSpace(e)))).some((e=>e&&-1!==e.toString().toLowerCase().indexOf(n.toLowerCase()))))return!0}return!1}))),t}columnFilter(e,t){let o=e;if(!t.oColumnMapping||!t.oColumnMapping.oFilter)return o;let n=t.oColumnMapping.oFilter.method.operationType||r.default.filter.defaultOperation,a=t.sFilterIndex,i=t.getValue();return""!==i&&(o=this.compare(o,a,i,n)),o}compare(e,t,o,n){return e=e.filter((e=>{let i=!1;return t.split(",").forEach((t=>{let s=this.widget.store.get(e.sRecordIndex,t);if(a.Uh(s))if(n===r.default.filter.match)s=""+s,i=i||s.toLowerCase()===o.toLowerCase();else if(n===r.default.filter.boolMatch)o="true"===o||!0===o,i=i||s==o;else if(n===r.default.filter.matchList)if(s=""+s,o.toLowerCase()===s.toLowerCase())i=!0;else{const e=s.split(",");i=i||e.some((e=>e.trim().toLowerCase()===o.toLowerCase()))}else s=""+s,i=i||-1!==s.toLowerCase().indexOf(o.toLowerCase())})),i}))}}const s=i},5286:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(8419),r=o(2816);const a=class{constructor(e){this.widget=e.widget,this.activeFocus=null,this.currentFocus=null}onKeyDownDocument(e){let t=e.nCharCode,o=this.currentFocus,n=!1;switch(t){case e.UP:case e.DOWN:case e.RIGHT:case e.LEFT:this.changeFocus(o,t);break;case e.ENTER:case e.SPACE:this.triggerCell();break;case e.ESC:this.deSelect();break;default:n=!0}n||e.preventDefault()}changeFocus(e,t,o){let r,a=1,i=e.nRow,s=e.nColumn,l=i,d=-1===i;const c=this.widget,h=this.currentFocus&&this.currentFocus.oElement;h&&h.hasAttribute(n.default.zgTooltip.typeAttr)&&c.tooltipManager._hideTarget(null,h,!0);let u=n.default.keys.RIGHT,g=n.default.keys.LEFT;for("rtl"===c.sComputedDir&&(u=n.default.keys.LEFT,g=n.default.keys.RIGHT);a++&&(t===n.default.keys.DOWN?i++:t===n.default.keys.UP?i--:t===u?s++:t===g&&s--,r=this.checkItemFocus(i,s),!(a>100));){if(5===r)r=2;else{if(2===r&&d){i=-1,s++;continue}if(3===r&&d)s=0;else if(2===r&&o){i=l,s--;continue}}if(r>0)break;-1!==r||t!==n.default.keys.DOWN&&t!==n.default.keys.up||(t=n.default.keys.RIGHT)}return{nCheck:r,nRowIndex:i,nColIndex:s}}setCurrentFocus(e,t){let o=this.widget[`getDOM${this.sArea}ByIndex`](e,t);return this.currentFocus={oElement:o,nRow:e,nColumn:t},o}select(e,t,o){if(!this.widget.bHasSelectorEnabled&&!o)return;e=e||0,t=t||0;const r=this.widget,a=r.webcomponent,i=r[`get${this.sArea}erByColumnIndex`](t,!0),s=i[`o${this.sArea}`];this.oElFocusCellMaskBorder!==i.oElFocusCellMaskBorder&&this.deSelect();let l=this.oElFocusCellMaskBorder=i.oElFocusCellMaskBorder;const d=this.setCurrentFocus(e,t);d.hasAttribute(n.default.zgTooltip.typeAttr)&&!d.bIsInfoTooltip&&r.tooltipManager._delayTarget(null,d,500),d.classList.add("zg-focus-cell"),r.selector.fire(n.default.event.selectedFrozenCells,{rowIndex:e,colIndex:t,sArea:this.sArea}),r.focusManager.focusGrid(),s===a[`oDOM${this.sArea}`]&&this.scrollArea(),l[`draw${this.sArea}er`](d,[`oDOMColumn${this.sArea}er`])}deSelect(){const e=this.currentFocus&&this.currentFocus.oElement;e&&e.hasAttribute(n.default.zgTooltip.typeAttr)&&this.widget.tooltipManager._hideTarget(null,e,!0),e&&e.classList.remove("zg-focus-cell"),this.oElFocusCellMaskBorder&&(this.oElFocusCellMaskBorder._hide(),this.currentFocus=null)}focusTarget(e){const t=this.widget,o=t.getContainerRowIndexByDataRowIndex(e.parentNode.dataRowIndex);t.selector.deSelectAll(),this.select(o,e.cellIndex)}scrollArea(){const e=this.widget;let t=this.currentFocus.oElement.getBoundingClientRect().x;const o=e.mainGridHScroll.dom;let n=t-r.Z.get(e.webcomponent.oDOMMain).getXY()[0];o.scrollLeft+=n}}},2005:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(8419),r=o(2816);o(3605);const a=class{constructor(e){this.widget=e.widget,this.clearContainers(),this.activeFocus=null}init(){let e=this.widget;this.GRIDINDEX=3,this.setSections(),e.on("layoutchange",(e=>{setTimeout((()=>this.resetSections()),500)}),this),this.bInitialLoaded=!0}clearContainers(){this.aFocusableElements=[],this.aCaption=[],this.aControlBar=[],this.aHeadCells=[],this.aTopPager=[],this.aBottomPager=[],this.aFooter=[],this.aWatermark=[],this.aStatus=[],this.aGrid=[]}setSections(){const e=this.widget.webcomponent;this.addSection(e.oDOMCaption,this.aCaption),this.addSection(e.oDOMControlBar,this.aControlBar),this.addSection(e.oTopPager,this.aTopPager),this.addSection(null,"header"),this.addSection(null,"selector"),this.addSection(e.oBottomPager,this.aBottomPager),this.addSection(e.oDOMFooter,this.aFooter),this.addSection(e.oDOMWaterMark,this.aWatermark),this.addSection(e.oDOMStatus,this.aStatus)}resetSections(){this.widget&&!this.widget.bDisconnect&&(this.removeEvents(["aCaption","aControlBar","aTopPager","aBottomPager","aFooter","aWatermark","aStatus"]),this.clearContainers(),this.setSections())}addSection(e,t){this.querySection(e,t),this.aFocusableElements.push(t)}updateSection(e,t,o){o&&this.removeEvents([`a${o}`]),t.length=0,this.querySection(e,t)}querySection(e,t){const o=`[${n.default.attr.datafocus}], a, input:not(.zg-input-input), button, select, zg-button, zg-input`;if(e){let n=e.querySelectorAll(o);0===n.length&&e.shadowRoot&&(n=e.shadowRoot.querySelectorAll(o)),n.forEach((e=>this.addElement(e,t)))}}addElement(e,t,o){if(!e)return;let n={oElement:e};e.setAttribute("tabindex",-1),e.on||(e=r.Z.get(e)),n.oDOM=e,e.on("focus",this.onElementFocus,this),e.on("keydown",this.onElementKeyDown,this,{},!1),t.push(n)}tabChangeFocus(e,t){const o=this.widget,r=o.headerFocusManager;let a=e.bIsSHIFT,i=this.GRIDINDEX+1,s=t.section;if(s<this.GRIDINDEX){if(a)return!1;if(!o.bCellFocus)return this.changeFocus(i,0,"down");if(o.isComputedCard())o.webcomponent.select(0,0);else{let e={nRow:-1,nColumn:0};r.changeFocus(e,n.default.keys.DOWN)}}else if(s>i){if(!a)return!1;if(!o.bCellFocus)return this.changeFocus(this.GRIDINDEX,0,"up");if(!this.selectGridCell())return this.changeFocus(this.GRIDINDEX,0,"up")}else if(s>=this.GRIDINDEX&&s<=i){let e;return e=a?this.changeFocus(this.GRIDINDEX,0,"up"):this.changeFocus(i,0,"down"),e}return!0}changeFocus(e,t,o,r){let a,i=t,s=e;const l=this.widget,d=l.webcomponent,c=l.headerFocusManager;let h;h="nochange"===(o=o||"right")?r||"right":o,"right"===o?i++:"left"===o?i--:"down"===o?(i=0,s++,h="right"):"up"===o&&(i=0,s--,h="right");let u=this.aFocusableElements[s];if(!u)return!1;if("selector"===u||"header"===u){if(!l.bCellFocus)return"up"===o?this.changeFocus(this.GRIDINDEX,0,"up"):this.changeFocus(this.GRIDINDEX+1,0,"down");let e=this.activeFocus;if(this.activeFocus=null,e&&e.blur(),"selector"===u)this.selectGridCell()||(u=[]);else if(l.isComputedCard())l.webcomponent.select(0,0);else{let e={nRow:-1,nColumn:0};const t="up"===o?n.default.keys.UP:n.default.keys.DOWN;c.changeFocus(e,n.default.keys.DOWN,t)}if(0!==u.length)return!0}if(0===u.length&&("up"===o||"down"===o))return this.changeFocus(s,i,o);if(i>=u.length)return"up"===this.sOverallDirection?this.changeFocus(s,0,"up"):this.changeFocus(++s,0,"nochange");if(i<0)return s--,s>=0&&(u=this.aFocusableElements[s],i=u.length-1,this.changeFocus(s,i,"nochange","left"));if(!u)return!1;if(a=u[i].oElement,!a)return!1;if(a.dom&&(a=a.dom),a.hidden||a.disabled||a===d.oDOMStatus.oDOMDismiss.dom&&!d.oDOMStatus.hasAttribute(n.default.attr.active))return u.length!==i+1||"up"!==o&&"down"!==o?this.changeFocus(s,i,h):this.changeFocus(s,i,o);let g=document.activeElement;return a.focus(),g!==document.activeElement||this.changeFocus(s,i,h)}initChangeFocus(e,t){const o=this.findCurrentFocus();t&&(this.origDirection=e),this.sOverallDirection=e,this.changeFocus(o.section,o.index,e),this.sOverallDirection=null}findCurrentFocus(){let e=0,t=-1,o=!1;if(this.activeFocus){let n,r;for(n=0;n<this.aFocusableElements.length;n++){let a=this.aFocusableElements[n];for(r=0;r<a.length;r++){if(a[r].oElement===this.activeFocus){e=n,t=r,o=!0;break}}if(o)break}}return{section:e,index:t}}onFocus(e){const t=this.widget;if(this.bForceFocus)return;const o=t.selector,n=t.editorFieldManager;o&&(o.bHasSelection||o.bSelecting)||t.headerFocusManager.currentFocus||t.footerFocusManager.currentFocus||n&&n.isEditorOpen()||this.bForceFocus||(this.activeFocus=t.webcomponent,this.changeFocus(0,-1))}focusGrid(e){if(e&&this.activeFocus&&"zg-button"===this.activeFocus.tagName.toLowerCase())return void this.activeFocus.focus();const t=this.widget,o=window.scrollX,n=window.scrollY;t.el.dom.focus(),window.scrollTo(o,n)}clickFocus(e){const t=e.oDOMTarget,o=this.widget.webcomponent;this.widget.search&&t===this.widget.search.oDOMInput||(this.unfocusCells(),this.bForceFocus=!0,this.focusGrid(),this.activeFocus=o,this.bForceFocus=!1)}unfocusCells(){const e=this.widget,t=e.selector,o=e.headerFocusManager,n=e.footerFocusManager;o.currentFocus?o.deSelect():n.currentFocus?n.deSelect():t&&t.bHasSelection&&!e.menuManager.activeMenu&&t.deSelectAll(void 0,!0)}onElementFocus(e,t){this.activeFocus=t}onElementKeyDown(e,t){let o,n=e.nCharCode,r=!1;const a=this.widget;let i=a.selector;if(i&&i.bHasSelection||a.headerFocusManager.currentFocus)return;let s=e.RIGHT,l=e.LEFT;switch("rtl"===a.sComputedDir&&(s=e.LEFT,l=e.RIGHT),n){case e.UP:this.initChangeFocus("up",!0);break;case e.DOWN:this.initChangeFocus("down");break;case s:this.activeFocus&&"input"===this.activeFocus.tagName.toLowerCase()&&"button"!==this.activeFocus.type.toLowerCase()?r=!0:this.initChangeFocus("right");break;case l:this.activeFocus&&"input"===this.activeFocus.tagName.toLowerCase()&&"button"!==this.activeFocus.type.toLowerCase()?r=!0:this.initChangeFocus("left");break;case e.TAB:o=this.findCurrentFocus();const t=this.activeFocus;if(t&&"input"===t.tagName.toLowerCase()&&"button"!==t.type.toLowerCase()){let t="right";e.bIsSHIFT&&(t="left"),this.changeFocus(o.section,o.index,t)}else this.tabChangeFocus(e,o)||(r=!0);break;default:r=!0}this.origDirection=null,r||e.stopEvent()}onGridKeyDown(e,t){const o=this.widget,n=o.editorFieldManager,r=o.selector,a=o.headerFocusManager,i=o.footerFocusManager;let s=e.nCharCode;if(!n.isEditorOpen()&&"zg-editor-row"!==t.tagName.toLowerCase()&&"zg-button"!==t.tagName.toLowerCase()){if((r&&r.bHasSelection||a.currentFocus)&&s===e.TAB){return this.tabChangeFocus(e,{section:this.GRIDINDEX})&&e.stopEvent(),void(a.currentFocus?a.deSelect():i.currentFocus?i.deSelect():r.deSelectAll(void 0,!0))}r&&r.bHasSelection?r.onKeyDownDocument(e,t):a.currentFocus?a.onKeyDownDocument(e,t):i.currentFocus?i.onKeyDownDocument(e,t):this.activeFocus===o.webcomponent&&(s!==e.RIGHT&&s!==e.DOWN&&s!==e.UP&&s!==e.LEFT&&s!==e.TAB||(e.stopEvent(),this.changeFocus(0,-1)))}}selectGridCell(e=0){const t=this.widget;if(!t.getRowContainerCount())return!1;const o=t.nTopFrozenRows;let n=t.aColumnMapping.slice(e).findIndex((e=>!e.bHidden));return n>=0&&t.webcomponent.select(o,n+e),-1!==n}selectBottomGridCell(e=0){const t=this.widget;if(!t.getRowContainerCount())return!1;const o=t.nTopFrozenRows+t.getRowContainerCount()-1;let n=t.aColumnMapping.slice(e).findIndex((e=>!e.bHidden));return n>=0&&t.webcomponent.select(o,n+e),-1!==n}removeEvents(e){for(let t=0;t<e.length;t++){const o=this[e[t]];for(let e=0;e<o.length;e++){const t=o[e];if(t.oElement){let e=t.oDOM;e.un("focus",this.onElementFocus),e.un("keydown",this.onElementKeyDown)}}}}destroy(){const e=["aCaption","aControlBar","aTopPager","aBottomPager","aFooter","aWatermark","aStatus"];for(let t=0;t<e.length;t++){const o=this[e[t]];for(let e=0;e<o.length;e++){const t=o[e];if(t.oElement){t.oDOM.unAll(),t.oElement=null,t.oDOM=null}}this[e[t]].length=0}this.aFocusableElements.length=0,this.aHeadCells.length=0,this.aGrid.length=0,this.activeFocus=null}}},2843:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(8419),r=o(5286);class a extends r.default{constructor(e){super(e),this.sArea="Foot"}changeFocus(e,t,o,r){const a=this.widget;let i=!0;o=o||t;let{nCheck:s,nRowIndex:l,nColIndex:d}=super.changeFocus(e,t,r);if(1===s)this.select(l,d,!0);else if(2===s||3===s){if(o===n.default.keys.DOWN)a.focusManager.sOverallDirection="down",i=a.focusManager.changeFocus(a.focusManager.GRIDINDEX+1,0,"down"),i&&this.deSelect();else if(o===n.default.keys.UP){let e=!1;this.deSelect(),a.bCellFocus&&(e=a.focusManager.selectBottomGridCell(d)),e||(a.focusManager.sOverallDirection="up",i=a.focusManager.changeFocus(a.focusManager.GRIDINDEX-1,0,"up"))}a.focusManager.sOverallDirection=null}return i}checkItemFocus(e,t){const o=this.widget,r=o.getFooterByColumnIndex(t),a=o.getAdjustedColumnIndex(t);let i=r.getElementsByTagName("zg-row");if(e>=i.length||e<0)return 2;let s=i[e].querySelectorAll(`${n.default.zgHeadCell.tagName}, ${n.default.zgCell.tagName}`);if(a>=s.length||a<0)return 3;let l=s[a];return l.hidden?-1:(this.currentCellFocus=l,1)}focusFromBody(e,t){const o=this.widget,n=o.focusManager;if(o.isComputedCard())return n.changeFocus(n.GRIDINDEX,0,"down");let r={nRow:-1,nColumn:t};return this.changeFocus(r,e.DOWN,void 0,!0)}triggerCell(){const e=this.currentDOMTrigger;if(!e)return;e.tagName.toLowerCase()}}const i=a},8427:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(8419),r=(o(2816),o(5286));class a extends r.default{constructor(e){super(e),this.sArea="Head"}changeFocus(e,t,o,r){const a=this.widget;let i=!0;o=o||t;let{nCheck:s,nRowIndex:l,nColIndex:d}=super.changeFocus(e,t,r);if(1===s)this.select(l,d,!0);else if(2===s||3===s){if(o===n.default.keys.UP)a.focusManager.sOverallDirection="up",i=a.focusManager.changeFocus(a.focusManager.GRIDINDEX,0,"up"),i&&this.deSelect();else if(o===n.default.keys.DOWN){let e=!1;this.deSelect(),a.bCellFocus&&(e=a.focusManager.selectGridCell(d)),e||(a.focusManager.sOverallDirection="down",i=a.focusManager.changeFocus(a.focusManager.GRIDINDEX,0,"down"))}a.focusManager.sOverallDirection=null}return i}checkItemFocus(e,t){const o=this.widget,r=o.getHeaderByColumnIndex(t),a=o.getAdjustedColumnIndex(t);let i=r.getElementsByTagName("zg-row");if(0===i.length)return 5;if(e>=i.length||e<0)return 2;let s=i[e],l=s.querySelectorAll(`${n.default.zgHeadCell.tagName}, ${n.default.zgFilter.tagName}, ${n.default.zgCell.tagName}`);if(a>=l.length||a<0)return 3;let d=l[a];if(d.hidden)return-1;this.currentDOMTrigger=d.querySelector("zg-checkbox")||d.querySelector("zg-icon[name]")||d.querySelector("input")||d.querySelector("select");const c=d.hasAttribute(n.default.zgTooltip.typeAttr);if(!("frozen"===s.getAttribute(n.default.attr.type))&&!c&&!this.currentDOMTrigger||d.tagName.toLowerCase()===n.default.zgHeadCell.tagName&&d.hasAttribute("not-parent")){if(d.tagName.toLowerCase()===n.default.zgHeadCell.tagName&&d.hasAttribute("depth")){let e=d.MATCHED_COLUMN._oParsedColumnMapping.oDOMSortHeader;if(this.currentDOMTrigger=e.querySelector("zg-icon[name]")||e.querySelector("zg-checkbox"),e&&this.currentCellFocus!==e&&this.currentDOMTrigger)return this.select(e.parentNode.rowIndex,parseInt(e.HEAD_CELL_INDEX,10),!0),this.currentCellFocus=e,4}return 0}return this.currentCellFocus===d?0:(this.currentCellFocus=d,1)}focusFromBody(e,t){const o=this.widget,n=o.focusManager;if(o.isComputedCard())return n.changeFocus(n.GRIDINDEX,0,"up");let r={nRow:o.getHeaderByColumnIndex(t).getElementsByTagName("zg-row").length,nColumn:t};return this.changeFocus(r,e.UP,void 0,!0)}triggerCell(){const e=this.currentDOMTrigger;if(!e)return;const t=e.tagName.toLowerCase();"input"===t||"select"===t?e.focus():"zg-icon"===t?"zg-head-details-icon"===e.className?this.widget.tooltipManager._delayTarget(null,this.currentCellFocus):this.currentCellFocus.onSort():"zg-checkbox"===t&&e.click()}}const i=a},5151:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>r});var n=o(8419);const r=class{constructor(e){this.widget=e.widget,this.se=e.se,this.ZG=this.widget.webcomponent}setFullscreen(e){const t=this.widget,o=this.ZG;setTimeout((()=>{if(t.bDisconnect||!t.webcomponent.hasAttribute(n.default.fullscreen.attr))return;const r=o.shadowRoot.querySelector(n.default.zg.shadow.frameBodyWrapper),a=window.innerHeight,i=o.getBoundingClientRect().height,s=`${r.scrollHeight+(a-i)}px`;r.style.minHeight=s,r.style.maxHeight=s,e&&t.updater.updateResizeWindow(!0)}),0)}unsetFullscreen(){this.ZG.oDOMBodyFrame.removeAttribute(n.default.attr.style)}}},3676:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(3605),r=o(8419),a=o(4087);const i=class{constructor(e){this.widget=e.widget,this.aGroupData={},this.groupedVisible=null,this.aAddedGroupRecords=[],this.aOpenGroups=[],this.oCard={}}toggleGroup(e,t,o){const n=this.widget;o=o||e.sGroupRecordIndex;const r=this.getRecord(o);t?this.aOpenGroups.push(o):this.aOpenGroups=this.aOpenGroups.filter((e=>e!==o)),r.open=t,this.reloadGroups(o,t),n.fire("togglerowgroup",o,t)}reloadGroups(e,t){const o=this.widget;o.aRowMapping.length=0,this.groupRows(),e&&this.pageCloseGroup(e,t),this.updatePagerGroupByMapping(void 0),o.bodyUpdate()}getRecord(e){const t=this.getGroupParent(e),o=e.split(this.widget.sNestedGroupDataSeparator);return t[o[o.length-1]]}getGroupParent(e){const t=e.split(this.widget.sNestedGroupDataSeparator);let o=this.aGroupData;for(let e=1;e<t.length;e++)o=o[t[e-1]].data;return o}getGroupName(e){const t=e.split(this.widget.sNestedGroupDataSeparator);let o=t[t.length-1];return o=o.replaceAll(r.default.global.replaceToken,this.widget.sNestedGroupDataSeparator),o}getGroupCount(e,t){let o=(t=t||this.aGroupData)[e].data,r=0;if(n.kJ(o))r=o.length;else if(n.Kn(o))for(let e in o)r+=this.getGroupCount(e,o);return r}getGroupChildren(e,t){let o=[],r=(t=t||this.aGroupData)[e].data;if(n.kJ(r))o.push(...r);else if(n.Kn(r))for(let e in r)o.push(...this.getGroupChildren(e,r));return o}groupBy(e,t,o,n,i){const s=this.widget,l=s.store,d=s.sorter&&s.sorter.bSortGroupColumn;let c;o&&(this.aAddedGroupRecords.length=0),this.aGroupData&&Object.keys(this.aGroupData).length&&!i?this.cleanGroupData(null,d,n):this.aGroupData={},"string"==typeof e&&(e=e.split(",").map((e=>e.trim()))),t=t||l.aOrderedData,c=e.length?t.reduce(((t,o)=>{let n=this.aUnsortedGroupData,i=t;for(let t=0;t<e.length;t++){const l=e[t];let d=""+a.MU(o,l,void 0,s.sNestedDataSeparator);d=d.replaceAll(s.sNestedGroupDataSeparator,r.default.global.replaceToken),void 0===i[d]&&(i[d]={open:!1},i[d].data=t===e.length-1?[]:{}),n&&void 0!==n[d]&&(i[d].open=n[d].open,n=n[d].data),i=i[d].data}return i.push(o),t}),this.aGroupData):t,this.aGroupData=c,n&&(this.aUnsortedGroupData=null),this.groupRows()}groupRows(e,t,o,r){const a=this.widget;e=e||this.aGroupData,t=t||"",o=o||0,r=r||0;for(let i in e){const s=e[i],l=t+i,d=this.getGroupCount(i,e);if(0!==d)if(a.updateRowMapping(a.aRowMapping,o,{sRecordIndex:i,sGroupRecordIndex:l,nCount:d}),o++,s.open){const e=s.data;if(n.kJ(e))for(let t=0;t<e.length;t++)a.updateRowMapping(a.aRowMapping,o,{sRecordIndex:e[t].sRecordIndex,nDataRowsBefore:r++}),o++;else o=this.groupRows(s.data,l+a.sNestedGroupDataSeparator,o,r)}else r+=d}return this.groupedVisible=o,e===this.aGroupData&&(this.readdDoubleGroupRecords(),this.updatePagerGroupByMapping()),o}cleanGroupData(e,t){e=e||this.aGroupData;for(let t in e){const o=e[t],r=o.data;n.kJ(r)?o.data=[]:this.cleanGroupData(r)}return t&&this.aGroupData&&(this.aUnsortedGroupData=n.c7.copy(this.aGroupData),this.aGroupData={}),{}}calculateGroupData(e,t,o,n,r,a){const i=e._columnConfig.sTypeGroupPlural||"",s=e.widget;let l="";if(i){let e=i.split(",").map((e=>e.trim()));l=t>1&&e.length>1?e[1]:e[0]}let d=this.getGroupChildren(o,r);d=d.map((e=>s.store.cleanSingleRecord(e)));const c={count:t,name:n,plural:l,children:d};return a.oPageData&&(c.total=a.oPageData.nTotal,c.totalSeen=a.oPageData.totalSeen,c.maxOnPage=a.oPageData.nMaxOnPage),c}calculateGroupDataAggregate(e){const t=this.widget,o=e.split(t.sNestedGroupDataSeparator).map((e=>e.trim())),n=o[o.length-1],r=this.getGroupParent(e);let a=this.getGroupChildren(n,r);return a=a.map((e=>t.store.cleanSingleRecord(e))),a}calculateTemplate(e,t,o,n){const r={record:e,index:e,group:t};return this.widget.store.populateTemplate(o,n,r)}calculateIndexData(e,t){const o={},n=e.widget,a=e.sGroupRecordIndex,i=t?n.aGroupBy.join(","):e.sTargetFieldIndex,s=n.sNestedGroupDataSeparator;let l;const d=a.split(this.widget.sNestedGroupDataSeparator),c=i.split(",");for(let e=0;e<c.length;e++){let t,n=c[e];if("disabled"!==s){let e=n.split(s).map((e=>e.trim()));l=e[e.length-1]}else l=n;d.length>e&&(t=d[e],t=t.replaceAll(r.default.global.replaceToken,this.widget.sNestedGroupDataSeparator)),o[l.trim()]=t}return o.current=d[d.length-1],o}getGroupData(e,t){const o=this.widget,n=this.getGroupRow(t),a=e.split(o.sNestedGroupDataSeparator).map((e=>e.trim())),i=a[a.length-1],s=this.getGroupParent(e),l=this.getGroupCount(i,s),d=i.replaceAll(r.default.global.replaceToken,o.sNestedGroupDataSeparator);return this.calculateGroupData(t,l,i,d,s,n)}getGroupRow(e){const t=this.widget,o=t.getRowIndexByDataRowContainerIndex(e.nStartRowIndex);return t.aRowMapping[o]}customTemplate(e,t,o){const n=this.getGroupData(t,o);return this.calculateTemplate({},n,e)}customRenderer(e,t,o){const n=this.getGroupRow(o),r=this.getGroupData(t,o),a=this.calculateIndexData(o,!0);return e.method.apply(e.scope,[a,r,n])||""}clean(){this.aUnsortedGroupData={},this.aGroupData={}}readdDoubleGroupRecords(){const e=this.widget;let t=e.getRowIndexByDataRowContainerIndex(0);const o=this.aAddedGroupRecords,n=o.length,r=e.aRowMapping;let a;for(a=0;a<n;a++){const e=o[a];if(!(e.index<t))break;r.splice(e.index,0,e.record)}a<n&&(o.length=a),e.store.refreshAllRecordMapping()}updatePagerGroupByMapping(e,t,o){const n=this.widget,r=this.aAddedGroupRecords.length;let a=n.nCurrPageIdx,i="last"===t;do{if(o<a)for(let e=o;e<a;e++)this.addGroupRecords(e);if(i){let e=n.getPageCount()-1;e!==a?n.nCurrPageIdx=a=e:i=!1}}while(i);e?(this.resetAddedGroupRecords(),this.readdDoubleGroupRecords()):this.resetAddedGroupRecords(!0),this.addGroupRecords(),r!==this.aAddedGroupRecords.length&&n.fire("rowgroupaddedrows")}addGroupRecords(e){const t=this.widget,o=t.aRowMapping;let n=t.getRowIndexByDataRowContainerIndex(0,void 0,e),r=o[n];if(!r)return;let a,i,s,l=r.sGroupRecordIndex,d=!l||l.split(t.sNestedGroupDataSeparator).length>1,c=n,h=0,u=0,g=0;for(;d;){[c,a,s,i]=this.getGroupedParent(c,n,u,g),h+=a;let e=h+s;const r=o[c];let l={sRecordIndex:r.sRecordIndex,sGroupRecordIndex:r.sGroupRecordIndex,bExtraRow:!0,oPageData:{nTotalSeen:h+1,nMaxOnPage:e,nTotal:i},nCount:0};this.aAddedGroupRecords.push({record:l,index:n}),o.splice(n,0,l),t.store.refreshAllRecordMapping(),d=!r.sGroupRecordIndex||r.sGroupRecordIndex.split(t.sNestedGroupDataSeparator).length>1,u||(u=r.sGroupRecordIndex.split(t.sNestedGroupDataSeparator).length),g++}}resetAddedGroupRecords(e){const t=this.widget,o=this.aAddedGroupRecords,n=t.aRowMapping;let r=null,a=t.getRowIndexByDataRowContainerIndex(0)+t.getPageSize();for(let t=o.length-1;t>=0;t--){let i=o[t].index;(!e||i>=a)&&(n.splice(i,1),e&&(r=t))}null!==r&&(o.length=r)}pageCloseGroup(e,t){if(t)return;let o;const n=this.widget,r=n.aRowMapping;for(o=0;o<r.length;o++){if(r[o].sGroupRecordIndex===e){let e=n.getPageByDataRowIndex(o);if(e!==n.getCurrPageIdx()){n.bGrouping=!0,n.setCurrPageIdx(e);let t=n.getRowContainerIndexByRowIndex(o);n.selectorEngineManager.$cell(t,0).select(!0),n.bGrouping=!1}break}}}clearPaging(){this.widget.setCurrPageIdx(0)}unsetGroup(){const e=this.widget,t=e.aGroupBy.slice(0);return e.aGroupBy=[],e.bHasRowGroupColumn=!1,e.bGroupBy=!1,t}cardGroupBy(){const e=this.widget,t=e.webcomponent,o=e.aColumnMapping;let n;if(e.bHasRowGroupColumn)for(let e=0;e<o.length;e++)n=o[e],n.sCellType===r.default.internalColumn.rowgroup&&(this.oCard.oColumnMapping=n);t.groupBy&&(this.oCard.groupBy=t.groupBy),this.widget.bUpdateGroupBy=!0,t.groupBy=!1,this.oCard.bGroupBy=!0,this.widget.bUpdateGroupBy=!1}rowGroupBy(){const e=this.widget,t=e.webcomponent,o=e.aColumnMapping,n=this.oCard;if(e.bEditingControls=!0,n.oColumnMapping){let t=e.getColgroupByColumnIndex(0),r=n.oColumnMapping.oDOMZGColumn;r.initialLoad(e,n.oColumnMapping),t.insertBefore(r,t.firstChild),o.unshift(r._oParsedColumnMapping)}else n.groupBy&&(t.groupBy=n.groupBy);e.bEditingControls=!1,this.oCard={}}getGroupedParent(e,t,o,n){const r=this.widget,a=r.aRowMapping;let i,s,l,d,c,h=a[e],u=h.sGroupRecordIndex,g=0,p=0,m=0,f=r.getPageSize();for(u&&(g=u.split(r.sNestedGroupDataSeparator).length-1),s=e-1;s>=0;s--){if(h=a[s],h.bExtraRow)continue;if(u=h.sGroupRecordIndex,!u){p++;continue}let e=u.split(r.sNestedGroupDataSeparator).length;if(0===g||e===g){c=h.nCount,i=u,d=s,o||(o=e);break}this.getRecord(u).open||(p+=void 0!==h.nCount?h.nCount:1)}let b=f-(o-n);for(l=0;l<b&&(s=t+l,!(s>=a.length))&&(h=a[s],u=h.sGroupRecordIndex,!u||0===u.indexOf(i));l++)if(void 0!==h.nCount){this.getRecord(u).open||(m+=h.nCount)}else m++;return[d,p,m,c]}}},1724:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n={delivery:"class",dom:"<i></i>",prefix1:"fas",prefix2:"fa-",map:{cancel:"fa-times",cancelrecord:"fa-times",close:"fa-times",checked:"fa-check-square",checkmark:"fa-check",delete:"fa-trash",down:"fa-arrow-down",error:"fa-exclamation-circle",edit:"fa-edit",editrecord:"fa-edit",firstpage:"fa-angle-double-left",fixedmenu:"fa-bars",info:"fa-info-circle",lastpage:"fa-angle-double-right",layoutcard:"fa-th-large",layoutrow:"fa-th-list",link:"fa-link",menu:"fa-ellipsis-v",nextpage:"fa-angle-right",outsidearrow:"fa-external-link-alt",prevpage:"fa-angle-left",reload:"fa-redo-alt",remove:"fa-times",removerecord:"fa-trash",search:"fa-search",submitrecord:"fa-check",success:"fa-check-circle",unchecked:"fa-square",up:"fa-arrow-up",warning:"fa-exclamation-triangle"}}},5110:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n=class{constructor(e){this.widget=e.widget,this.se=e.se,this.ZG=this.widget.webcomponent}updateIcons(e){this.widget.aIcons.forEach((t=>t.changeVendor(e)))}updateIconTheme(){this.widget.aIcons.forEach((e=>e.setIcon(e.name)))}}},7848:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>r});var n=o(8419);o(3605);const r=class{constructor(e){this.widget=e.widget,this.se=e.se,this.rowInit=null,this.ZG=this.widget.webcomponent,this.ZG.layoutType=null,this.widget.on("viewport:change",(()=>{this.widget.bAPIReady?this.setMobileWidth():this.widget.on("apiready",this.setMobileWidth,this)}))}getLayoutType(){return this.ZG.getAttribute(n.default.zgLayout.attr)}isLayoutSet(){return n.default.zgLayout.typesArr.indexOf(this.getLayoutType())>-1}layoutCtrlClick(e){const t=this.ZG.layoutType=e.action.split("layout")[1];this.setEditorType(t),this.setLayoutAttr(t)}setEditorType(e){const t=this.widget;if((!this.ZG.userEditorValue||e===n.default.zgLayout.typeCard)&&t.bHasEditorEnabled){t.bUpdatingEditor=!0;const o=e===n.default.zgLayout.typeCard?n.default.editor.typeModal:n.default.editor.typeInline;t.editorManager.setEditorType(o),t.bUpdatingEditor=!1}}setActiveButton(e,t){requestAnimationFrame((()=>{const o=e.querySelectorAll(n.default.zgButton.tagName),r=e.querySelector(`zg-button[action="layout${t}"]`);if(o&&[...o].forEach((e=>e.removeAttribute(n.default.attr.active))),!r)return;const a=()=>r.setAttribute(n.default.attr.active,"");r.bReady?a():r.on("ready",a)}))}setLayout({isReset:e=!1}={}){const t=this.ZG,o=this.widget;let r=t.oDOMLayout||t.querySelector(n.default.zgLayoutControls.tagName);const a=t.layoutType=this.getLayoutType();if(e||[void 0,null].indexOf(a)>-1)return e&&t.oDOMLayoutControls&&t.oDOMLayoutControls.setAttribute(n.default.attr.hidden,""),t.oDOMLayoutControls&&t.oDOMLayoutControls.hasAttribute(n.default.attr.hidden)&&t.oDOMLayoutControls.removeAttribute(n.default.attr.hidden),this.setLayoutType(n.default.zgLayout.reset),this.setMobileWidth(),void(t.layoutType=void 0);t.hasAttribute(n.default.zgLayout.attr)||t.setAttribute(n.default.zgLayout.attr,a);const i=["",null];if([...i,...n.default.zgLayout.typesArr].indexOf(a)>-1){const e=i.indexOf(a)>-1?n.default.zgLayout.reset:a;this.setLayoutType(e)}a?this.setEditorType(a):this.setMobileWidth(),r&&this.setActiveButton(r,a),a===n.default.zgLayout.typeRow&&o.bNeedsRowResize&&(requestAnimationFrame((()=>{o.bDisconnect||(o.renderTo.style.display="none",o.updater.nSavedResizeWidth=this.widget.webcomponent.clientWidth,o.renderTo.style.display="",o.updater.updateResizeWindow(!0))})),o.bNeedsRowResize=!1)}setLayoutAttr(e){this.ZG.setAttribute(n.default.zgLayout.attr,e)}setLayoutType(e,t){const o=this.widget;let r=!1;e===n.default.zgLayout.typeCard?(o.hasFrozenColumns()&&(o.nCardLeftFrozenColumns=o.nLeftFrozenColumns,o.nCardRightFrozenColumns=o.nRightFrozenColumns,o.nLeftFrozenColumns=0,o.nRightFrozenColumns=0,o._adjustFrozenColumns(),r=!0),o.hasFrozenRows()&&(o.nCardTopFrozenRows=o.nTopFrozenRows,o.nCardBottomFrozenRows=o.nBottomFrozenRows,o.nTopFrozenRows=0,o.nBottomFrozenRows=0,o.updateFrozenRowMapping(),r=!0),o.bGroupBy&&(o.groupbyManager.cardGroupBy(),r=!0),r&&o.webcomponent.bReady&&(o.updater.clearCache(),o.updater.update())):((o.nCardLeftFrozenColumns||o.nCardRightFrozenColumns)&&(o.nLeftFrozenColumns=o.nCardLeftFrozenColumns,o.nRightFrozenColumns=o.nCardRightFrozenColumns,o.nCardLeftFrozenColumns=0,o.nCardRightFrozenColumns=0,o._adjustFrozenColumns(),r=!0),(o.nCardTopFrozenRows||o.nCardBottomFrozenRows)&&(o.nTopFrozenRows=o.nCardTopFrozenRows,o.nBottomFrozenRows=o.nCardBottomFrozenRows,o.nCardTopFrozenRows=0,o.nCardBottomFrozenRows=0,o.updateFrozenRowMapping(),r=!0),o.groupbyManager.oCard.bGroupBy&&(o.groupbyManager.rowGroupBy(),o._updateGroupedColumnReset(!0)),r&&o.webcomponent.bReady&&o.updater.clearCache()),o.webcomponent.bReady?requestAnimationFrame((()=>{o.bDisconnect||this.updateLayoutAttributes(e,t)})):e&&this.updateLayoutAttributes(e,!0)}updateLayoutAttributes(e,t){const o=n.default.zgLayout.attr,r=(n.default.zgLayout.cardTplAttr,this.ZG);if(e===n.default.zgLayout.reset){if(this.resetFrames(),r.oDOMHeader.removeAttribute(o),r.oDOMControlBar){r.oDOMControlBar.removeAttribute(o);let e=r.oDOMControlBar.querySelector("zg-checkbox[internal-selector]");e&&e.removeAttribute(o)}let e=r.querySelector("zg-head-cell zg-checkbox[internal-selector]");e&&e.removeAttribute(o),r.oTopPager&&r.oTopPager.removeAttribute(o),r.oBottomPager&&r.oBottomPager.removeAttribute(o),r.oDOMBatchEditStyle&&r.oDOMBatchEditStyle.removeAttribute(o)}else{const t=e===n.default.zgLayout.typeCard&&this.widget.hasCardTemplate();if(-1===n.default.zgLayout.typesArr.indexOf(e))return;if(this.setFrames(e,t),r.oDOMHeader.setAttribute(o,e),r.oDOMControlBar){r.oDOMControlBar.setAttribute(o,e);let t=r.oDOMControlBar.querySelector("zg-checkbox[internal-selector]");t&&t.setAttribute(o,e)}let a=r.querySelector("zg-head-cell zg-checkbox[internal-selector]");a&&a.setAttribute(o,e),r.oTopPager&&r.oTopPager.setAttribute(o,e),r.oBottomPager&&r.oBottomPager.setAttribute(o,e),r.oDOMBatchEditStyle&&r.oDOMBatchEditStyle.setAttribute(o,e)}e===n.default.zgLayout.typeCard&&this.setTypeCard(),r.oDOMCaption&&r.oDOMCaption.toggleColumnMenu(e);let a,i=e===n.default.zgLayout.reset?n.default.zgLayout.typeRow:e,s=this.sCurrentType===n.default.zgLayout.reset?n.default.zgLayout.typeRow:this.sCurrentType;a=i!==s,a&&i===n.default.zgLayout.typeRow&&void 0===s&&(a=!1),a&&(r.pageSizeRow||r.pageSizeCard)&&this.widget.calculatePageSize(i),this.sCurrentType=i,a&&this.widget.fire("layoutchange"),!t&&a&&this.widget.update()}setFrames(e,t){const o=n.default.zgLayout.attr,r=n.default.zgLayout.cardTplAttr,a=this.ZG;["","Left","Right"].forEach((n=>{a[`oDOM${n}Colgroup`].setAttribute(o,e);const i=a[`oDOM${n}Body`];i.setAttribute(o,e),[...i.children].forEach((n=>{n.setAttribute(o,e),t?n.setAttribute(r,""):n.removeAttribute(r);for(let t=0;t<n.children.length;t++)n.children[t].setAttribute(o,e);return n})),t?i.setAttribute(r,""):i.removeAttribute(r),a[`oDOM${n}Head`].setAttribute(o,e),a[`oDOM${n}Foot`].setAttribute(o,e)}))}resetFrames(){const e=n.default.zgLayout.attr,t=n.default.zgLayout.cardTplAttr,o=this.ZG;["","Left","Right"].forEach((n=>{o[`oDOM${n}Colgroup`].removeAttribute(e);const r=o[`oDOM${n}Body`];r.removeAttribute(e),r.removeAttribute(t),r&&r.children&&[...r.children].forEach((o=>{o.removeAttribute(e),o.removeAttribute(t);for(let t=0;t<o.children.length;t++)o.children[t].removeAttribute(e);return o})),o[`oDOM${n}Head`].removeAttribute(e),o[`oDOM${n}Foot`].removeAttribute(e)}))}setMobileWidth(){const{editorManager:e}=this.widget,t=this.ZG.getAttribute(n.default.viewport.attr)===n.default.viewport.mobileLabel,o=this.isLayoutSet();o||(!this.ZG.userEditorValue&&this.widget.bHasEditorEnabled&&(t?e.setEditorType(n.default.editor.typeModal):this.setEditorType()),t&&!o?this.setLayoutType(n.default.zgLayout.typeCard):this.setLayoutType(n.default.zgLayout.reset))}setTypeCard(){const e=this.widget;!this.ZG.userEditorValue&&this.widget.bHasEditorEnabled&&(e.bUpdatingEditor=!0,this.ZG.setAttribute(n.default.editor.attr,n.default.editor.typeModal),e.bUpdatingEditor=!1),this.ZG.oDOMBody&&this.ZG.oDOMBody.children&&[...this.ZG.oDOMBody.children].forEach((e=>{[...e.children].forEach((e=>e.removeAttribute(n.default.attr.sorted)))}))}}},602:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(8419),r=o(3605),a=o(6919);const i=class{constructor(e){this.widget=e.widget,this.se=e.se,this.oRegisteredMenu={},this.activeMenu=null,this.menuitems=[],this.bInit=!1}reset(){this.widget.webcomponent.removeMenu(this),this.oRegisteredMenu={},this.activeMenu=null,this.menuitems=[],this.bInit=!1,this.bUserMenu=!1}initMenu(e){const t=this.widget;t.webcomponent;let o=null;if(e&&this.bInit&&this.oElMenu&&this.reset(),this.bInit)return;t.sContextMenuId&&t.sContextMenuId!==n.default.zgMenu.browser&&(o=document.getElementById(t.sContextMenuId),o&&(o.setAttribute(n.default.attr.hidden,""),this.wrapMenuItems(o)));let r=t.sContextMenuId&&t.sContextMenuId!==n.default.zgMenu.browser?`${t.sContextMenuId}Clone`:"userContextMenuClone";if(this.oElMenu=this.widget.webcomponent.querySelector(`#${r}`),this.oElMenu?this.bDefined=!0:(this.oElMenu=document.createElement(n.default.zgMenu.tagName),this.oElMenu.id=r,this.oElMenu.setAttribute(n.default.attr.hidden,"")),o&&null!==o.getAttribute("replace"))this.bUserMenu=!0;else{if(!1!==this.widget.store.oDataRequest.createOptions){const e='\n          /* Group: Insert Record */\n          [group="insert-record-group"] { background: var(--zg-menu-group-background, var(--theme-background-zebra)); }\n          [group="insert-record-group"] zg-menu-item { --zg-menu-item-padding:3px 5px; flex-basis:33.333%; }\n          [group="insert-record-group"] zg-icon { width:16px; height:16px; }\n          [group="insert-record-group"] zg-button zg-icon,\n          [group="insert-record-group"] zg-button zg-checkbox { display:none; }\n        ',t=[{action:"createrecord",text:"context.insertRecordHere"},{action:"createrecordstart",text:"context.insertRecordStart"},{action:"createrecordend",text:"context.insertRecordEnd"}];this.addMultipleItems(t,{group:"insert-record-group",label:{icon:"createrecord",text:"context.insertRecordLabel"},styles:e})}this.addItem({action:"freezecolumnleft",text:"context.freezeColumnLeft"}),this.addItem({action:"freezecolumnright",text:"context.freezeColumnRight"}),this.addItem({action:"unfreezecolumn",text:"context.unfreezeColumn"}),this.addSeparator("freezecolumn"),this.addItem({action:"freezerowtop",text:"context.freezeRowTop"}),this.addItem({action:"freezerowbottom",text:"context.freezeRowBottom"}),this.addItem({action:"unfreezerow",text:"context.unfreezeRow"}),this.addSeparator("freezerow"),this.addItem({action:"hidecolumn",text:"context.hideColumn"}),this.addSeparator("hide"),this.addItem({action:"sortcolumn",text:"context.sortColumn"}),this.addSeparator("sort");!1!==this.widget.store.oDataRequest.updateOptions.cell&&this.addItem({action:"editcell",text:"context.editCell"});!1!==this.widget.store.oDataRequest.updateOptions.row&&this.addItem({action:"editrow",text:"context.editRow"}),this.addSeparator("edit"),!1!==this.widget.store.oDataRequest.deleteOptions.row&&(this.addItem({action:"removerecord",text:"context.deleteRow"}),this.addSeparator("delete")),this.addItem({action:"duplicaterecord",text:"context.duplicateRow"}),this.addSeparator("duplicate"),this.addItem({action:"submitrecord",text:"context.save"}),this.addItem({action:"cancelrecord",text:"context.cancel"}),this.addSeparator("action"),this.addItem({action:"copycell",text:"context.copyCell"}),this.addItem({action:"pastecell",text:"context.pasteCell"}),this.addSeparator("copy"),this.addItem({action:"selectcell",text:"context.selectCell"}),this.addItem({action:"selectrow",text:"context.selectRow"}),this.addItem({action:"selectall",text:"context.selectAll"}),this.addItem({action:"deselect",text:"context.deselect"}),this.addSeparator("select"),this.addItem({action:"prevpage",text:"context.previousPage"}),this.addItem({action:"nextpage",text:"context.nextPage"}),this.addItem({action:"firstpage",text:"context.firstPage"}),this.addItem({action:"lastpage",text:"context.lastPage"}),this.addSeparator("pager"),this.addItem({action:"resetstate",text:"context.resetState"}),this.addSeparator("reset"),this.addItem({action:"about",text:"context.version"}),o&&o.children.length&&this.addSeparator()}if(!this.bDefined&&o)for(;o.childNodes.length>0;)this.oElMenu.appendChild(o.childNodes[0]);t.webcomponent.appendMenu(this),this.bInit=!0}createMenuItem({action:e,text:t}){let o=document.createElement(n.default.zgMenuItem.tagName);o.menu=this.oElMenu,o.menuManager=this.widget.menuManager;let r=document.createElement(n.default.zgButton.tagName),i=document.createElement("span");return i.slot=n.default.zgButton.slot.label,i.textContent=a.default.get(t,this.widget,{element:i,elProperty:"textContent"}),r.setAttribute(n.default.attr.action,e),r.appendChild(i),o.appendChild(r),this.bDefined?(this.menuitems[e]=this.oElMenu.querySelector(`zg-menu-item zg-button[action=${e}]`).parentNode,!1):(this.menuitems[e]=o,o)}addItem({action:e,text:t}){const o=this.createMenuItem({action:e,text:t});o&&this.oElMenu.appendChild(o)}addMultipleItems(e,t){if(!e||!e.length)return;const o=document.createElement(n.default.zgMenuGroup.tagName);if(t.group&&o.setAttribute("group",t.group),t.label){if(t.label.icon){const e=document.createElement(n.default.zgIcon.tagName);e.setAttribute("name",t.label.icon),e.slot="zgMenuGroupLabel",o.appendChild(e)}if(t.label.text){const e=document.createElement("span");e.textContent=a.default.get(t.label.text,this.widget,{element:e,elProperty:"textContent"}),e.slot="zgMenuGroupLabel",o.appendChild(e)}}let r;t.styles&&o.insertAdjacentHTML("afterbegin",`<style>${t.styles}</style>`),e.forEach((e=>{r=this.createMenuItem({action:e.action,text:e.text}),r&&(r.slot="zgMenuGroupItems",r.menuGroup=o,o.appendChild(r))})),this.menuitems[t.group]=o,this.oElMenu.appendChild(o)}addSeparator(e){if(this.bDefined)this.menuitems[e]=this.oElMenu.querySelector(`zg-separator[action=${e}]`);else{let t=document.createElement("zg-separator");t.setAttribute(n.default.attr.action,e),this.oElMenu.appendChild(t),this.menuitems[e]=t}}closeMenu(){let e=this.activeMenu;e&&(this.activeCell?this.activeCell.select():this.bFixed&&this.widget.focusManager.focusGrid(this.bFixed),e.removeAttribute(n.default.zgMenu.opener),e._hide(),this.widget.fire("contextmenuclose"),this.lastCell=this.activeCell,this.activeMenu=null,this.activeCell=null,this.activeHeader=null,this.activeColumn=null,requestAnimationFrame((()=>this.bFixed=!1)))}displayMenu(e,t){this.toggleMenuItemDisplay();let o=this.oElMenu;o._show();const r=this.widget.webcomponent;o.clearPosition(),o.calculateMenuPosition(e,r),this.widget.isStorybook("menu")||o.querySelector(`${n.default.zgMenuItem.tagName}:not([hidden]`).focus(),o.setAttribute(n.default.zgMenu.opener,n.default.zgMenu.static),this.activeMenu=o}getActiveMenu(){return this.activeMenu}isMenuOpen(){return!!this.activeMenu}openFixedMenu(e){const t=this.widget,o=t.sorter;if(e.oDOMTarget&&e.oDOMTarget.tagName.toLowerCase()===n.default.zgButton.tagName){const t=e.oDOMTarget.querySelector("zg-icon");if(t)return void t.click()}let r,a=t.selector.se;if("grid"===a.sContextLevel){if(this.activeHeader=this.activeCell=this.activeColumn=null,o.isSorterActive()){const e=t.getColumnIndexByFieldIndex(o.sActiveSortedIndex);e>=0&&(this.activeColumn=t.aColumnMapping[e])}}else"cell"!==a.sContextLevel&&(a=a.toCell()),this.activeCell=a,r=this.activeCell.el.dom.cellIndex,this.activeColumn=t.aColumnMapping[r];this.displayMenu(e,{x:e.oDOMTarget.offsetLeft,y:e.oDOMTarget.offsetHeight}),t.fire("contextmenuopen"),this.bFixed=!0}openContextMenu(e,t){const o=this.widget.webcomponent,a=this.widget.webcomponent.querySelectorAll("zg-menu"),i=this.oElMenu;let s,l=r.MV(t,n.default.zgCell.tagName),d=!r.MV(t,n.default.zgCard.tagName)&&!l&&r.MV(t,n.default.zgHeadCell.tagName);i.clearPosition(),this.activeHeader=this.activeCell=null,a&&[...a].forEach((e=>e.setAttribute(n.default.attr.hidden,""))),d?(this.activeHeader=d,s=d.getAttribute("cellindex")):l&&(this.activeCell=this.se.cell(l),s=l.cellIndex),(this.activeHeader||this.activeCell)&&(this.activeColumn=this.widget.aColumnMapping[s],this.toggleMenuItemDisplay(!0),i._show(),this.widget.fire("contextmenuopen"),i.calculateContextPosition(e,o),this.activeMenu=i,i.setAttribute(n.default.zgMenu.opener,n.default.zgMenu.context))}registerMenu(e,t){this.oRegisteredMenu[e]=t}toggleMenuItemDisplay(e){let t=this.widget;const o=this.activeCell,r=this.activeHeader,a=this.activeColumn,i=t.webcomponent.preserveStateId;let s,l;a&&(s=t.getAreaByColumn(a)),o&&(l=o.sFrozenRowState);let d,c=t.getPageSize(),h=t.store.getOriginRecordCount()||t.getRowCount();const u=e&&this.activeCell||!e&&t.bHasSelectorEnabled&&this.activeCell;d=["insert-record-group","createrecord","createrecordstart","createrecordend"],this.toggleSection(d,!t.recordEditor.bIsOpen&&t.bHasEditorEnabled),d=["createrecord"],this.toggleSection(d,u&&!t.recordEditor.bIsOpen&&t.bHasEditorEnabled),d=["editcell"],this.toggleSection(d,o&&!t.recordEditor.bIsOpen&&t.bHasEditorEnabled),d=["editrow"],this.toggleSection(d,o&&!t.recordEditor.bIsOpen&&t.bHasEditColumn),d=["edit"],this.toggleSection(d,o&&!t.recordEditor.bIsOpen&&(t.bHasEditorEnabled||t.bHasEditColumn)),d=["duplicate","duplicaterecord"],this.toggleSection(d,o&&!t.recordEditor.bIsOpen&&t.bHasEditorEnabled),d=["delete","removerecord"],this.toggleSection(d,o&&!t.recordEditor.bIsOpen&&(t.bHasEditorEnabled||t.bHasRemoveColumn)),d=["submitrecord","cancelrecord","action"],this.toggleSection(d,t.recordEditor.bIsOpen),d=["freezecolumnleft"],this.toggleSection(d,a&&"left"!==s,!0),d=["freezecolumnright"],this.toggleSection(d,a&&"right"!==s,!0),d=["unfreezecolumn"],this.toggleSection(d,a&&("left"===s||"right"===s),!0),d=["hidecolumn","hide"],this.toggleSection(d,a),d=["freezerowtop"],this.toggleSection(d,o&&!t.bGroupBy&&"top"!==l,!0),d=["freezerowbottom"],this.toggleSection(d,o&&!t.bGroupBy&&"bottom"!==l,!0),d=["unfreezerow"],this.toggleSection(d,o&&!t.bGroupBy&&("top"===l||"bottom"===l),!0),d=["sortcolumn","sort"],this.toggleSection(d,r),d=["copy","copycell"],this.toggleSection(d,o&&t.clipper&&-1===n.default.internalColumnTypes.indexOf(o.sCellType)),d=["pastecell"],this.toggleSection(d,o&&t.clipper&&t.clipper.savedValue&&t.recordEditor.bIsOpen),d=["select","selectcell","selectrow","selectall"],this.toggleSection(d,o&&t.bHasSelectorEnabled),d=["deselect"],this.toggleSection(d,o&&t.bHasSelectorEnabled&&t.selector.bHasSelection),d=["prevpage","nextpage","firstpage","lastpage","pager"],this.toggleSection(d,c<h||t.hasPager()),d=["resetstate","reset"],this.toggleSection(d,i);let g=this.oElMenu.querySelectorAll("[display=cell]"),p=this.oElMenu.querySelectorAll("[display=header]");this.toggleUserSection(g,o),this.toggleUserSection(p,r)}toggleSection(e,t,o){let n=this.menuitems;this.bUserMenu||e.forEach((e=>{const r=n[e].querySelector("zg-button");n.hasOwnProperty(e)&&t?o&&r?r._enable():n[e]._show():n.hasOwnProperty(e)&&!t&&(o&&r?r._disable():n[e]._hide())}))}toggleUserSection(e,t){e.forEach((e=>{t?e._show():e._hide()}))}wrapMenuItems(e){e.querySelectorAll("zg-menu-item").forEach((e=>{e.bAdded||e.ready();let t=e.querySelector(n.default.zgButton.tagName);if(!t){let o=e.querySelector("i");if(t=document.createElement(n.default.zgButton.tagName),t.setAttribute(n.default.attr.action,""),o){let t=document.createElement("div");t.classList.add("zg-button-icon"),t.setAttribute("slot","icon"),t.appendChild(o),e.appendChild(t)}t.innerHTML=e.innerHTML,e.innerHTML="",e.appendChild(t)}}))}destroy(){this.widget=null,this.se=null,this.oRegisteredMenu=null,this.activeMenu=null,this.menuitems.length=0,this.oElMenu=null,this.activeHeader=null,this.activeCell=null,this.activeColumn=null}}},7390:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(8965),r=o(2816),a=o(8419);class i extends n.Z{constructor(e){(e=e||{})._defaults={initAfterPaint:!0,nFirstRowContainerIndex:0},super(e)}init(){this.bFetching=!1,this.ons()}ons(){let e=this.widget;this.bHookedUp||e.oDOMScroller&&e.oDOMScroller.hasAttribute("height")&&(this.onScroll(),this.bHookedUp=!0)}onScroll(){const e=this.widget,t=r.Z.get(e.oDOMScrollerWrapper);let o=e.store;this.nLastScrollTop=0,e.bStaticScroll=!0,t.on("scroll",(()=>{if(e.bDisconnect)return;const t=e.webcomponent.oDOMTooltip,n=e.webcomponent.oDOMCellOverflow;t&&t._hideTarget(),n&&n.isOpen()&&n.setPosition(n.currentTrigger,!0),o.oDataFormat.bLoadByScroll?(e.bStaticScroll=!1,this.onInfiniteScroll()):this.onStaticScroll()}))}onStaticScroll(){const e=this.widget,t=e.mainColumnBody.el,o=r.Z.get(e.oDOMScroller),n=o.getScroll().top,a=n+o.getHeight(),i=.75*t.getHeight();n>this.nLastScrollTop&&a>i&&e.nRowSets*e.nRowsPerSet<e.getPageSize()&&(e.nRowSets++,e.update({bNoReRenderer:!0,bUpdateRowMappingOrder:!0,bUpdateBodyContent:!0,bUpdateContainer:!0,bUpdateColumnBodyContainerClass:!0})),this.nLastScrollTop=n}onInfiniteScroll(){let e=this.widget,t=e.mainColumnBody.el,o=r.Z.get(e.oDOMScrollerWrapper);if(this.bFetching)return;let n=o.getScroll().top,a=n+o.getHeight(),i=.75*t.getHeight(),s=.25*t.getHeight();if(this.nOldStart=e.nAdjustedStart,n>this.nLastScrollTop&&a>i){this.bFetching=!0,e.nCurrPageIdx++;let t=e.getPageSize()*e.nInfiniteTotalDisplay,o=e.getPageSize()*(e.nCurrPageIdx+1);if(t<o&&!e.bInfiniteMaxReached&&(e.nAdjustedStart=o-t),e.getInfiniteDataLoaded()){let r=!1;e.bInfiniteMaxReached&&(o=e.aRowMapping.length,t<o&&(e.nAdjustedStart=Math.min(e.nAdjustedStart+e.getPageSize(),o-t),e.update(),n=this.completeScroll(!0),r=!0)),r||this.cleanupNoScroll()}else e.bInfiniteMaxReached?this.cleanupNoScroll():(e.nAdjustedStart=this.nOldStart,e.store.once("loaded",(()=>{this.bFetching&&(n=this.completeScroll(!0),this.nLastScrollTop=n)})),e.store.load())}else n<this.nLastScrollTop&&n<s&&e.nAdjustedStart>0&&(this.bFetching=!0,e.nCurrPageIdx--,e.nAdjustedStart=Math.max(0,e.nAdjustedStart-e.getPageSize()),e.update(),n=this.completeScroll(!1));this.nLastScrollTop=n}completeScroll(e){let t=this.widget,o=r.Z.get(t.oDOMScrollerWrapper),n=t.getPageSize();const a=Math.abs(t.nAdjustedStart-this.nOldStart);a%n&&(n=a%n);let i=t.getRowHeight()*n;return e&&t.nAdjustedStart>0?t.oDOMScrollerWrapper.scrollTop-=i:e||(t.oDOMScrollerWrapper.scrollTop+=i),this.bFetching=!1,o.getScroll().top}cleanupNoScroll(){this.bFetching=!1,this.widget.nCurrPageIdx--}scroll(e,t,o){const n=this.widget,a=n.oDOMScroller;let i=n.mainGridHScroll.dom,s=e.xy,l=e.width,d=e.height,c=a?r.Z.get(a):null,h=c?c.getXY():0,u=c?c.getSize():0,g=r.Z.get(n.webcomponent.oDOMMain),p=g.getXY(),m=g.getSize(),f=s[0]-p[0],b=s[1]-h[1],v=s[0]+l-(p[0]+m[0]),y=s[1]+d-(h[1]+u[1]);t||(y>0&&(a.scrollTop+=y),b<0&&(a.scrollTop+=b)),o||(f<0&&(i.scrollLeft+=f),v>0&&(i.scrollLeft+=v))}scrollToCell(){const e=this.widget,t=e.webcomponent,o=e.selector.se;let n;const r=e.getBodyByColumnIndex(o.nStartColumnIndex),i="cell"===o.sContextLevel&&r!==t.oDOMBody;if(t.layout===a.default.zgLayout.typeCard){let e=o.el.dom.parentNode.getBoundingClientRect();n={xy:[e.x,e.y],width:e.width,height:e.height}}else n=o.dimension();this.scroll(n,!1,i)}scrollToRange(){let e,t=this.widget,o=t.selector.se,n=!1,r=!1,a=t.getElByIndex(o.nStartRowIndex,o.nStartColumnIndex),i=t.getElByIndex(o.nEndRowIndex,o.nEndColumnIndex);switch(o.sExpandDirection){case"up":case"shrinkdown":r=!0;case"left":case"shrinkright":e=a;break;case"down":case"shrinkup":r=!0;case"right":case"shrinkleft":e=i;break;default:e=a}n=!r;const s={xy:e.getXY(),width:e.getWidth(),height:e.getHeight()};this.scroll(s,n,r)}}const s=i},1510:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(8965),r=o(2816),a=o(8419);class i extends n.Z{constructor(e){(e=e||{})._defaults={initAfterRender:!0},super(e),this.oLastMouseScreenPosition={x:0,y:0},this.oLastMousePosition={x:0,y:0},this.nLastVerticalTimeStamp=this.nLastHorizontalTimeStamp=(new Date).getTime(),this.bHasSelection=!1}init(){this.ons()}ons(){this.widget.on("pagechange",(e=>this.deSelectAll(e)),this),this.widget.on("cellopenedit",(e=>this.deSelectAll(e)),this),this.widget.on("rowdelete",(e=>this.deSelectAll(e)),this),this.widget.on("layoutchange",(e=>this.deSelectAll(e)),this)}onDocMouseUpFromSelector(){this.widget.bIsMouseDown=!1;const e=r.Z.get(document);e.docUn("mouseup",this.onDocMouseUpFromSelector,this),e.docUn("touchend",this.onDocMouseUpFromSelector,this),e.docUn("mousemove",this.onMouseMoveFromSelector,this),e.docUn("touchmove",this.onMouseMoveFromSelector,this),this.widget.bHasSelectorEnabled&&(this.se.isRangeSingleCell()||"cell"===this.se.sContextLevel?this.bHasSingleCell=!0:(this.bHasSingleCell=!1,this.se.select()))}onMouseDownFromSelector(e){const t=r.Z.get(document),o=this.oLastMousePosition,n=this.oLastMousePosition;t.on("mouseup",this.onDocMouseUpFromSelector,this),t.on("touchend",this.onDocMouseUpFromSelector,this),t.on("mousemove",this.onMouseMoveFromSelector,this),t.on("touchmove",this.onMouseMoveFromSelector,this),o.x=e.xy[0],o.y=e.xy[1],n.x=e.oBrowserEvent.screenX,n.y=e.oBrowserEvent.screenY}onMouseMoveFromSelector(e){let t=this.oLastMousePosition;t.x=e.xy[0],t.y=e.xy[1]}onKeyDownDocument(e,t){const o=this.widget,n=this.se;o.editorFieldManager;let r,i=e.nCharCode,s=this.bHasSelection&&!o.bHasSelectorEnabled;const l=(e,t,o,n)=>{e.stopEvent();const a=this.widget;if(e.bIsSHIFT&&n.toRange(),e.bIsSHIFT&&o)n.shrink(t).select();else if(e.bIsSHIFT)n.expand(t).select();else if(r=n.toCell().traverse(t),r)r.select(s);else if("up"===t){let t=n.nStartColumnIndex;a.headerFocusManager.focusFromBody(e,t)&&this.deSelectAll(!0,!0)}else if("down"===t){let t=n.nStartColumnIndex,o=a.footerFocusManager.focusFromBody(e,t);o||(o=a.focusManager.tabChangeFocus(e,{section:this.widget.focusManager.GRIDINDEX})),o&&this.deSelectAll(void 0,!0)}},d=(e,t,o,n)=>{e.stopEvent(),r=t.cell(o,n),r.select(s)};let c=e.RIGHT,h=e.LEFT;switch("rtl"===o.sComputedDir&&(c=e.LEFT,h=e.RIGHT),i){case e.HOME:d(e,n,n.nStartRowIndex,0);break;case e.END:d(e,n,n.nStartRowIndex,o.getColumnContainerCount()-1);break;case e.PAGE_UP:d(e,n,0,n.nStartColIndex);break;case e.PAGE_DOWN:d(e,n,o.getRowContainerCount()-1,n.nStartColIndex);break;case e.UP:case"ArrowUp":l(e,"up",n.nInitialRowIndex<n.nEndRowIndex,n);break;case e.DOWN:case"ArrowDown":l(e,"down",n.nInitialRowIndex>n.nStartRowIndex,n);break;case c:case"ArrowRight":l(e,"right",n.nInitialColumnIndex>n.nStartColumnIndex,n);break;case h:case"ArrowLeft":l(e,"left",n.nInitialColumnIndex<n.nEndColumnIndex,n);break;case e.SPACE:if(this.bHasSingleCell){let t=n.cell().sCellType;(n.el.dom.querySelector(`[${a.default.template.detailsAttr}]`)||-1!==a.default.internalColumnTypes.indexOf(t)||"url"===t||t===a.default.internalColumn.rowgroup||t===a.default.cellTypes.button)&&(e.preventDefault(),this.cellEnter(n))}break;case e.ENTER:case"enter":e.preventDefault(),o.isComputedCard()&&o.hasCardTemplate()?o.editorManager.openEditor(n.row()):o.isComputedCard()&&!n.bCardDrill?(n.bCardDrill=!0,n.select(s)):this.bHasSingleCell&&this.cellEnter(n.cell()),this.bHasSingleCell&&n.sCellType===a.default.internalColumn.recordinfo&&o.tooltipManager._showTarget(null,n.dom());break;case e.ESC:case"esc":this.bHasSingleCell&&o.tooltipManager.oCurrentParent?this.widget.tooltipManager._hideTarget(null,o.tooltipManager.oCurrentParent,!0):this.deSelectAll();break;case e.A:case"a":e.bIsCTRL&&(e.preventDefault(),n.selectAll().select(),this.fire(a.default.event.selectedAllCells))}}cellEnter(e){let t=this.widget,o=e.sCellType,n=e.el.dom;if(-1!==a.default.internalColumnTypes.indexOf(o)||o===a.default.internalColumn.rowgroup||o===a.default.cellTypes.button){let e=n.querySelector("zg-button")||n.querySelector("zg-checkbox");e&&e.click()}else if(t.bHasCellEditorEnabled||t.batchEditor.isActive())this.bTriggerSelect=!0,t.editorManager.openEditor(e);else if("url"===o){let e=n.querySelector("a");e&&e.click()}else n.querySelector(`[${a.default.template.detailsAttr}]`)&&t.detailsManager.openCellDetails(e)}deSelectRange(){this.widget.bHasSelectorEnabled&&this.hideSelectionMaskAndBorder(),this.hideFocusCellMask()}deSelectAll(e,t){const o=this.widget;if(this.bHasSelection){const t=this.se.dom();t&&t.hasAttribute(a.default.zgTooltip.typeAttr)&&o.tooltipManager._hideTarget(null,t,!0,e)}this.bHasSelection=!1,this.se.deSelect(),this.focusCell(null,!0,!0),t||(o.headerFocusManager.deSelect(),o.footerFocusManager.deSelect()),this.fire(a.default.event.deselectedCells),this.fire("deselectedcells")}drawFocusCellMaskBorder(){this.hideFocusCellMask(),this.se.oColumnBodies.forEach((e=>e.oElFocusCellMaskBorder.draw()))}drawSelectionMask(){this.hideSelectionMaskAndBorder(),this.se.oColumnBodies.forEach((e=>e.oElSelectionMask.draw()))}focusCell(e,t,o){(this.widget.bHasSelectorEnabled||t)&&(this.oDOMPrevFocusCell&&(this.oDOMPrevFocusCell.classList.remove("zg-focus-cell"),this.oDOMPrevFocusCell&&this.oDOMPrevFocusCell.hasAttribute(a.default.zgTooltip.typeAttr)&&this.widget.tooltipManager._hideTarget(null,this.oDOMPrevFocusCell,!0)),o||(this.drawFocusCellMaskBorder(e),this.oDOMPrevFocusCell=e.dom(),this.oDOMPrevFocusCell.classList.add("zg-focus-cell"),this.bHasSelection=!0))}hideSelectionMaskAndBorder(){this.widget.webcomponent.querySelectorAll("zg-selector-mask").forEach((e=>e.hideAll()))}hideFocusCellMask(){this.widget.webcomponent.querySelectorAll("zg-focus:not([area=header]):not([area=footer])").forEach((e=>e._hide()))}selectCell(e,t){(this.widget.bHasSelectorEnabled||t)&&(this.widget.isComputedCard()&&!e.bCardDrill?(this.widget.mainColumnBody.oElFocusCellMaskBorder.drawCard(),e.scrollIntoView()):(e.scrollIntoView(),this.widget.bHasSelectorEnabled&&this.drawSelectionMask(),this.bHasSingleCell=!0,this.focusCell(e,t)),this.bHasSelection=!0)}selectRange(e){this.widget.bHasSelectorEnabled&&(e.isRangeSingleCell()?this.selectCell(e):(this.bHasSingleCell=!1,this.drawSelectionMask(),this.bHasSelection=!0))}updateSelection(){}}const s=i},9642:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});o(3605);var n=o(8965),r=o(8419);class a extends n.Z{constructor(e){(e=e||{})._defaults={initAfterRender:!0},super(e),this.sActiveSortedIndex=null,this.bSortGroupColumn=!1,this.aOriginalRowMappingOrder=[],this.fnSorter=null,this.nSortOrder=0}isSorterActive(){return null!==this.sActiveSortedIndex}sortAll(){let e=this.fnSorter;0!==this.nSortOrder?this.sortData(null,null,this.nSortOrder,e,!0):this.restoreOriginalOrder()}sortData(e,t,o,n,r){const a=this.widget;let i;this.sortAllRecords(e,o,n,r),a.bGroupBy?(a.aRowMapping.length=0,this.sortGroupBy()):(i=this.sortRecords(e,t,o,n,r),i.map(((e,t)=>{a.updateRowMapping(a.aRowMapping,t,{sRecordIndex:e.sRecordIndex})}))),a.fire("roworderchange")}sortGroupBy(e){const t=this.widget,o=t.filter;if(o.aFiltered)o.filter();else{let o=t.store.aOrderedData;t.groupbyManager.groupBy(t.aGroupBy,o,!1,e)}}sortRowMappingByColumn(e){let t,o=e.aUserSet.fnSorter;o?t=e.fnSorter||this.fnSorter||null:(t=this.fnSorter||e.fnSorter||null,o=this.fnSorter);let n=e.nSortOrder||0,a=e.sFieldIndex;if(null===t)return;if(0===n)return void(this.isSorterActive()&&a===this.sActiveSortedIndex&&!this.widget.store.isServerSort()&&(this.restoreOriginalOrder(),this.sActiveSortedIndex=null,this.bSortGroupColumn=!1,this.fire("sort",{index:null})));a=a.split(",");let i=e.sSorterIndex||a[0];e.sSorterIndex&&-1===a.indexOf(i)&&(i=a[0]),0!==n&&(this.bSortGroupColumn=e.sCellType===r.default.internalColumn.rowgroup),this.sortData(i,a,n,t,o),0==n?(this.sActiveSortedIndex=null,this.bSortGroupColumn=!1,this.fire("sort",{index:null})):(this.sActiveSortedIndex=e.sFieldIndex,this.nSortOrder=n,this.fire("sort",{index:this.sActiveSortedIndex,order:this.nSortOrder}))}sortRecords(e,t,o,n,r){let a=this.widget,i=a.store,s=0===this.aOriginalRowMappingOrder.length;const l=a.aRowMapping.map(((o,n)=>{let a=o.sRecordIndex,l={sRecordIndex:a};if(s&&(this.aOriginalRowMappingOrder[n]=a),r)t?t.forEach((e=>{e=e.trim();let t=i.get(a,e);l[e]=null==t?"":t})):l=i.get(a).oRecordRawData;else{let t=i.get(a,e);l.mValue=null==t?"":t}return l}));let d=n.scope||this.widget;return l.sort((function(e,t){let r;return r=void 0!==e.mValue?n.method.apply(d,[e.mValue,t.mValue]):n.method.apply(d,[e,t]),o>0?r:-r})),l}sortAllRecords(e,t,o,n){this.widget.store.aOrderedData.sort((function(r,a){let i;if(n)i=o.method.apply(o.scope,[r,a]);else{let t=r[e],n=a[e];i=o.method.apply(o.scope,[t,n])}return t>0?i:-i}))}restoreOriginalOrder(){let e=this.widget;if(e.store.unsetSort(),e.bGroupBy)e.aRowMapping.length=0,this.sortGroupBy(!0);else{this.aOriginalRowMappingOrder.map(((t,o)=>{e.updateRowMapping(e.aRowMapping,o,{sRecordIndex:t})})),this.aOriginalRowMappingOrder.length=0}}unsetActiveSort(){let e=this.widget.aColumnMapping,t=this.sActiveSortedIndex;if(this.widget.cellBreakManager.prepCellBreak(),null!==t)for(let o of e)t!==o.sFieldIndex&&(o.nSortOrder=0)}}const i=a},7734:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(8419),r=o(3605);const a=class{constructor(e){this.widget=e.widget,this.se=e.se,this.ZG=this.widget.webcomponent}initSource(e){(e=e||this.ZG.source)&&!this.ZG.oDOMSource?(this.ZG.oDOMSource=document.createElement(n.default.zgSource.tagName),this.ZG.oDOMSource.textContent=this.ZG.source):e&&this.ZG.oDOMSource?this.ZG.oDOMSource.textContent=e:!e&&this.ZG.oDOMSource&&this.ZG.oDOMSource.textContent&&(this.ZG.source=this.ZG.oDOMSource.textContent),this.srcEl=this.ZG.oDOMSource,this.srcElClone=this.srcEl.cloneNode(!0),this.ZG.oDOMSource.setAttribute("slot",n.default.zgSource.attr),this.addSourceToSlot(),this.addAriaToSource(),r.CL(this.ZG.oDOMSource)}setSource({source:e}){e&&!this.ZG.oDOMSource&&this.initSource(e);const t=this.ZG.querySelectorAll("zg-source");e?t.forEach((t=>t.textContent=e)):(this.ZG.oDOMSource=null,t.forEach((e=>e.parentNode.removeChild(e))))}addAriaToSource(){this.ZG.oDOMSource||(this.ZG.oDOMSource=this.ZG.querySelector(n.default.zgSource.tagName)),this.ZG.oDOMSource.setAttribute(n.default.attr.role,"any")}addSourceToSlot(e){const t=this.ZG.oDOMSource.getAttribute(n.default.attr.mirror);"top"===(e=e||this.ZG.oDOMSource.getAttribute(n.default.attr.position))?this.slotSource(e,this.ZG.oDOMHeader,this.srcEl):"bottom"===e?this.slotSource(e,this.ZG.oDOMFooter,this.srcEl):t||""===t||"both"===e?(this.slotSource("top",this.ZG.oDOMHeader,this.srcEl),this.slotSource("bottom",this.ZG.oDOMFooter,this.srcElClone)):this.slotSource("bottom",this.ZG.oDOMFooter,this.srcEl)}slotSource(e,t,o){o.setAttribute(n.default.attr.position,e),t.appendChild(o)}}},3765:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(2260),r=o(8419);const a=class{constructor(e){const t=this.widget=e.widget;this.ZG=this.widget.webcomponent,this.stateOptions=t.oStateOptions,this.oFilter={},this.oConfig={},t.on("pagechange",this.setStatePage,this),t.on("pagesizechange",this.setStatePageSize,this),t.on("layoutchange",this.setStateLayout,this),t.on("search",this.setStateSearch,this),t.sorter.on("sort",this.setStateSort,this),t.on("filter",this.setStateFilter,this),t.on("columnmove",this.setStateColumn,this),t.on("columntoggle",this.setStateColumn,this),t.on("frozenrowchange",this.setStateRowFrozen,this),t.on("rowselectionchanged",this.setStateRowSelector,this),t.on("columnresize",this.setStateColumn,this),t.on("togglerowgroup",this.setStateRowGroup,this),t.on("rowgroupaddedrows",this.setStateRowGroup,this),t.selector.on(r.default.event.selectedCells,this.setStateSelector,this),t.selector.on(r.default.event.selectedFrozenCells,this.setStateSelector,this)}loadState(){const e=this.stateOptions.preserveStateId,t=this.stateOptions.preserveStateLoad;let o,r=this.fnLoadState;e&&(t?(r&&t===this.sLoadState||(this.fnLoadState=r=n.Z.setUserFunction(null,t),this.sLoadState=t),r&&r.method&&(o=r.method.apply(r.scope,[e]))):o=localStorage.getItem(e),o&&this.updateState(o))}updateState(e,t){try{"string"==typeof e&&(e=JSON.parse(e)),this.oConfig=e,this.readState(e,t)}catch(e){throw this.bUpdatingStates=!1,e}}readState(e,t){this.bUpdatingStates=!0;let o=!1;const n=this.getActiveStates(),r=["columnvisibility","columnposition","columnfrozen","columnwidth","rowfrozen","search","filter","sort","pagesize","rowgroup","page","layout","rowselector","selector"];if(e)for(let t=0;t<r.length;t++){let a=r[t];if(-1===n.indexOf(a))continue;0!==a.indexOf("column")||o||(a="column",o=!0);let i=e[a];if(i){this[`set${a[0].toUpperCase()+a.substring(1)}`](i,n)}}t||!this.stateOptions.preserveStateSave||this.stateOptions.preserveStateLoad||this.storeState(),this.bUpdatingStates=!1}clearState(e){const t=this.widget,o=this.stateOptions.preserveStateId;this.oConfig={},o&&localStorage.removeItem(o),e&&(t.oDOMSortedColumn&&t.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader&&t.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader.clearStyle(!0),t.updateInitialConfig(),t.store.reload())}setUserState(e){this.bUpdatingStates=!0,e?(this.updateState(e,!0),this.storeState(!0)):this.clearState(!0),this.bUpdatingStates=!1}setUserStateField(e,t){const o=this.getActiveStates();if(e){this.setState(e,t,!0),this[`set${e[0].toUpperCase()+e.substring(1)}`](t,o)}}setState(e,t,o){if(this.bUpdatingStates)return;let n=this.oConfig;t?n[e]=t:n[e]&&delete n[e],this.stateOptions.preserveStateId&&this.storeState(o)}storeState(e){const t=this.oConfig,o=this.stateOptions.preserveStateId,r=this.getActiveStates(),a={};r.forEach((e=>{"columnvisibility"!==e&&"columnposition"!==e&&"columnfrozen"!==e&&"columnwidth"!==e||(e="column"),a[e]=t[e]}));const i=this.stateOptions.preserveStateSave;let s=this.fnSetState;i&&!e&&(s&&i===this.sSetState||(this.fnSetState=s=n.Z.setUserFunction(null,i),this.sSetState=i),s&&s.method&&s.method.apply(s.scope,[o,JSON.stringify(a)])),localStorage.setItem(o,JSON.stringify(a))}setStateFilter(e,t){const o=t.sFilterIndex;let n=t.sValue||"";n=n.trim(),this.oFilter[o]?""!==n?this.oFilter[o]=n:delete this.oFilter[o]:this.oFilter[o]=n,this.setState("filter",this.oFilter)}setStateColumn(){const e=this.widget.aColumnMapping.map((e=>({id:e.sColumnId,bHidden:e.bHidden,sFrozen:e.sFrozen,nWidth:e.oDOMZGColumn.width})));this.setState("column",e)}setStateRowSelector(){const e=this.widget;let t=Object.keys(e.aSelectedRows);this.setState("rowselector",t)}setStateSelector(e,t){let o,n,r,a,i;if(t)o=t.rowIndex,r=t.colIndex,i=t.sArea;else{let e=this.widget.selector.se;o=e.nStartRowIndex,n=e.nEndRowIndex,r=e.nStartColumnIndex,a=e.nEndColumnIndex}this.setState("selector",{startRow:o,endRow:n,startColumn:r,endColumn:a,area:i})}setStateRowFrozen(){this.setState("rowfrozen",{top:this.widget.aTopRowMapping,bottom:this.widget.aBottomRowMapping})}setStatePage(){this.setState("page",this.widget.nCurrPageIdx+1)}setStatePageSize(e,t){this.setState("pagesize",t)}setStateRowGroup(){const e=this.widget.groupbyManager,t={open:e.aOpenGroups,pagedRows:e.aAddedGroupRecords};this.setState("rowgroup",t)}setStateLayout(){this.setState("layout",this.widget.layoutManager.sCurrentType)}setStateSearch(e,t){this.setState("search",t.searchTerm)}setStateSort(e,t){t||t.index||(t=null),this.setState("sort",t)}setFilter(e){if(e)for(let t in e){let o=e[t];this.ZG.filterColumn(t,o)}}setColumn(e,t){const o=-1!==t.indexOf("columnvisibility"),n=-1!==t.indexOf("columnposition"),r=-1!==t.indexOf("columnfrozen"),a=-1!==t.indexOf("columnwidth"),i=this.widget.aColumnMapping;let s=0,l=0;if(e&&e.length===i.length){if(n||r)for(let t=0;t<e.length;t++){let o=e[t],n=t,r=i.findIndex((e=>e.sColumnId===o.id));r!==n&&this.widget.moveColumn(r,n),"left"===o.sFrozen?s++:"right"===o.sFrozen&&l++}if(o)for(let t=0;t<e.length;t++){let o=e[t],n=i[t];o.bHidden&&!n.bHidden?n.oDOMZGColumn.setAttribute("hidden",""):!o.bHidden&&n.bHidden&&n.oDOMZGColumn.removeAttribute("hidden")}if(r&&(this.ZG.frozenColumnsLeft!=s&&(this.ZG.frozenColumnsLeft=s),this.ZG.frozenColumnsRight!=l&&(this.ZG.frozenColumnsRight=l)),a)for(let t=0;t<e.length;t++){let o=e[t],n=i[t];o.nWidth&&(n.oDOMZGColumn.width=o.nWidth)}}}setRowfrozen(e){const t=this.widget,o=t.store;t.webcomponent.frozenRowsTop=0,t.webcomponent.frozenRowsBottom=0;for(let t=0;t<e.top.length;t++){const n=e.top[t];o.moveRow(n.sRecordIndex,"top")}for(let t=0;t<e.bottom.length;t++){const n=e.bottom[t];o.moveRow(n.sRecordIndex,"bottom")}}setRowgroup(e){const t=this.widget,o=t.groupbyManager;if(!e||!t.bGroupBy)return;const n=e.open,r=e.pagedRows;o.aAddedGroupRecords=r;for(let e=0;e<n.length;e++){let t=n[e];const r=o.getRecord(t);o.aOpenGroups.push(t),r.open=!0}o.reloadGroups()}setSelector(e){if(e.area){let t=e.area.toLowerCase();this.widget[`${t}erFocusManager`].select(e.startRow,e.startColumn)}else this.widget.webcomponent.select(e.startRow,e.startColumn,e.endRow,e.endColumn)}setRowselector(e){const t=this.widget,o=t.aColumnMapping.findIndex((e=>e.sCellType===r.default.internalColumn.recordselector));if(-1!==o)for(let n=0;n<e.length;n++){let r,a=e[n],i=t.store.oLocalModel[a];r="top"===i.sFrozen||"bottom"===i.sFrozen?t.getDataRowIndexByContainerIndex(i.nRowIndex,i.sFrozen):t.getDataRowIndexByRecordIndex(a,i.sFrozen);let s=t.getDOMByIndex(r,o).querySelector("zg-checkbox");s&&(s.checked=!0)}}setPage(e){let t=Math.max(parseInt(e,10)-1,0);this.widget.setCurrPageIdx(t)}setPagesize(e){this.ZG.setPageSize(e)}setLayout(e){this.ZG.setLayout(e)}setSearch(e){this.ZG.searchGrid(e)}setSort(e){if(e){const t=e.index,o=1===e.order?"asc":"desc";this.ZG.sortColumn(t,o)}}getActiveStates(){const e=this.stateOptions.preserveStateOptions;let t;return t=e&&"all"!==e?e.split(",").map((e=>e.trim())):["columnvisibility","columnposition","columnfrozen","columnwidth","rowfrozen","search","filter","sort","pagesize","rowgroup","page","layout","rowselector","selector"],t}destroy(){}}},9232:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(8419),r=o(2816);const a=class{constructor(e){this.widget=e.widget,this.ZG=this.widget.webcomponent,this.close=null,this.icon=null,this.statusText=null}setStatus({icon:e="error",msg:t,state:o="error",sDetails:a,sLabel:i,fnDetails:s}={}){const l=this.ZG.getAttribute(n.default.zgStatus.delayAttr),d=l&&parseInt(l)?parseInt(l):n.default.zgStatus.delay,c=this.ZG.getAttribute(n.default.zgStatus.persistAttr),h=-1===[void 0,null].indexOf(c)||a,u=this.ZG.oDOMStatus,g=this.ZG.getAttribute(n.default.zgStatus.positionAttr),p=-1===[void 0,null].indexOf(g)&&g===n.default.zgStatus.barPosition;u.setAttribute(n.default.attr.type,o||"error"),p?u.setAttribute(n.default.zgStatus.positionAttr,n.default.zgStatus.barPosition):u.removeAttribute(n.default.zgStatus.positionAttr),this.icon=u.shadowRoot.querySelector(`${n.default.zgIcon.tagName}`),e?(this.icon.removeAttribute(`${n.default.attr.hidden}`),this.icon.setAttribute(n.default.attr.name,e)):this.icon.setAttribute(`${n.default.attr.hidden}`,""),t&&(this.statusText=u.shadowRoot.querySelector(".zg-status-text"),this.statusText.textContent=t),a&&s?(this.details=u.shadowRoot.querySelector(".zg-status-details"),this.details.innerHTML="<br><br>"+a,r.Z.get(this.details).on("click",(e=>{this.widget.detailsManager.openDetailsMessage(null,s,i),u.removeAttribute(n.default.attr.active)}))):this.details&&(this.details.innerHTML=""),u.setAttribute(n.default.attr.active,""),h||(this.messageTimeout=setTimeout((()=>{this.widget.bDisconnect||(u.removeAttribute(n.default.attr.active),this.messageTimeout=null)}),d))}closeStatus(){this.ZG.oDOMStatus.removeAttribute(n.default.attr.active),this.widget.focusManager.initChangeFocus("up")}destroy(){this.close=null,this.icon=null,this.statusText=null,this.messageTimeout&&(clearTimeout(this.messageTimeout),this.messageTimeout=null)}}},7581:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(2816),r=o(3605),a=o(2260),i=o(8419);const s=class{constructor(e){this.widget=e.widget,this.ZG=this.widget.webcomponent}_getTooltipOptions(e,t,o){const n=this.widget.store,r=e.toLowerCase(),i={},s=this.widget[`o${e}Tooltip`];!t[`fn${e}TooltipRenderer`]&&t[`${r}TooltipRenderer`]?t[`fn${e}TooltipRenderer`]=a.Z.setUserFunction(null,t[`${r}TooltipRenderer`]):!s[`fn${e}TooltipRenderer`]&&s[`${r}TooltipRenderer`]&&(s[`fn${e}TooltipRenderer`]=a.Z.setUserFunction(null,s[`${r}TooltipRenderer`]));if([`oDOM${e}TooltipTemplate`,`fn${e}TooltipRenderer`,`${r}TooltipText`,`${r}TooltipIcon`,`${r}TooltipIconPosition`,`${r}TooltipDelay`,`${r}TooltipPosition`,`${r}TooltipTemplate`,`${r}TooltipType`,`${r}TooltipTrigger`,`${r}TooltipAction`].forEach((o=>{const n=new RegExp(e,"i");let r=o.replace(n,"");r=r.charAt(0).toLowerCase()+r.slice(1),i[r]=t[o]||s[o]||null})),"Header"===e)i.oTemplateContext={fieldIndex:t.sFieldIndex,headerText:t.sColumnHeaderText},i.aRendererArgs=[t.sFieldIndex,t.sColumnHeaderText,this,t];else if(o.sGroupRecordIndex);else{const e=n.get(o.sTargetRecordIndex).oRecordRawData,t=o.indexData();i.oTemplateContext={record:e,index:t},i.aRendererArgs=[t,e,this,o]}return i}_getTooltipContent(e,t){let o=null;const n=t.oDOMTooltipTemplate,a=this.widget.store,i=t.oTemplateContext,s=t.aRendererArgs||[];let l=t.tooltipText;const d={tooltipText:l};for(let e in i)d[e]=i[e];l&&-1!==l.indexOf(a.templateStartDelimiter)&&(d.tooltipText=l=a.populateTemplate(l,null,d)),n&&(o=a.populateTemplate(n,null,d));const c=t.fnTooltipRenderer;if(c&&c.method){const e=c.method,t=[l,...s],n=c.scope;let a=e.apply(n,t);r.Uh(a)&&(o=a)}else l&&!n&&(o=l);return o}_hasTooltip(e,t){const o=t.fnTooltipRenderer&&t.fnTooltipRenderer.method;return!!t.tooltipText||o||t.oDOMTooltipTemplate}_initTooltipTriggers(e,t,o){o?t.fnUnClick=e.on("click",(e=>this._toggleTarget(e,t)),this):(t.fnUnMouseEnter=e.on("mouseenter",(e=>this._delayTarget(e,t)),this),t.fnUnMouseLeave=e.on("mouseleave",(e=>this._hideTarget(e,t)),this))}_hideTarget(e,t,o,r){const a=this.ZG.oDOMTooltip;if(this.tooltipDelay&&!r&&clearTimeout(this.tooltipDelay),!o){const o=e.oBrowserEvent.relatedTarget;if(n.Z.elContains(t.oTrigger,o)||n.Z.elContains(a,o))return;e&&e.stopPropagation()}t===this.oCurrentParent&&(a._hideTarget(),this.oCurrentParent=null,t.bTooltipOpen=!1,this.fnUnMouseLeave&&(this.fnUnMouseLeave(),this.fnUnMouseLeave=null))}_delayTarget(e,t,o){const n=t.oTooltipOptions,r=n.tooltipDelay||o||n.defaultTooltipDelay||0;r?(this.tooltipDelay&&clearTimeout(this.tooltipDelay),this.tooltipDelay=setTimeout((()=>{this._showTarget(e,t)}),r)):this._showTarget(e,t)}_showTarget(e,t,o){const n=this.ZG.oDOMTooltip;if(n&&!t.bTooltipOpen){if(this.oCurrentParent&&this._hideTarget(null,this.oCurrentParent,!0),t.tagName.toLowerCase()===i.default.zgCell.tagName){const e=this.widget.selectorEngineManager.$cell(t),o=t.getAttribute("type")===i.default.internalColumn.rowgroup,n=e&&e.sGroupRecordIndex;if(o&&!n)return;if(n&&!o)return}this.oCurrentParent=t,t.bTooltipOpen=!0,n._showTarget(e,t.sTooltipContent,t),o||(this.fnUnMouseLeave=n.on("mouseleave",(e=>this._hideTarget(e,t)),this))}}_toggleTarget(e,t){t.bTooltipOpen?this._hideTarget(e,t,!0):this._showTarget(e,t,!0)}destroy(){this.close=null,this.icon=null,this.statusText=null,this.messageTimeout&&(clearTimeout(this.messageTimeout),this.messageTimeout=null)}}},1704:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>h});var n=o(8965),r=o(3605),a=o(2816),i=o(8419),s=o(7673),l=o(2260),d=o(4584);class c extends n.Z{constructor(e){(e=e||{})._defaults={},super(e),this.resetGlobals(),this.nInitialWidth=0,this.updating=!1,this.nInitialWindowWidth=document.documentElement.clientWidth,this.resizeTO,this.resizeWindow=()=>{this.widget&&this.widget.bAPIReady&&(!this.widget.webcomponent.oDOMDialog||""!==this.widget.webcomponent.oDOMDialog.open&&!0!==this.widget.webcomponent.oDOMDialog.open)&&(window.clearTimeout(this.resizeTO),this.resizeTO=setTimeout((()=>{if(this.nInitialWindowWidth===document.documentElement.clientWidth)return;this.nInitialWindowWidth=document.documentElement.clientWidth;const e=window.innerWidth-document.documentElement.clientWidth;this.widget.renderTo.style.display="none",this.nSavedResizeWidth=this.widget.webcomponent.clientWidth;const t=window.innerWidth-document.documentElement.clientWidth,o=Math.abs(document.documentElement.clientWidth-this.widget.webcomponent.clientWidth-e);e>0&&0===t&&o<=3&&(this.nSavedResizeWidth-=e),this.widget.renderTo.style.display="",this._removeFixedWrapperWidth(),this.updateResizeWindow()}),100))};try{window.top.addEventListener("resize",this.resizeWindow,{passive:!0})}catch(e){window.addEventListener("resize",this.resizeWindow,{passive:!0})}}update(e,t,o){const n=this.widget,r=n.webcomponent;let a=!1,s=!1;if(void 0===t&&(t=null),void 0===o&&(o=null),this.widget.webcomponent.bRemoved)return;if(this.updating||(n.nLoadingImages=0),this.updating=!0,this.sOrientation=window.orientation,this.bIsIframe=window!==window.top,e=e||{},n.bPreloaded&&(this.cleanPreload(),e.bUpdateColumnHeaderAssignment&&(e={bUpdateColumnBodyContainerClass:!0,bUpdateColumnHeaderAssignment:!0,bInitialSizeCheck:!0})),this.oOption=e,!this.nInitialWidth){n.mainGridTable?this.nInitialWidth=n.oDOMScroller.clientWidth:this.nInitialWidth=r._oShadowRoot.querySelector("#scroll").clientWidth,this.nCurrContainerWidth=this.nInitialWidth,this.nIframeParentWidth=Math.min(this.nInitialWidth,document.documentElement.clientWidth);let e=r.getBoundingClientRect().width,t=window.innerWidth;this.nPadding=e?Math.max(t-e,20):0,this.setMainContainerWidth()}if(e.bNoReRenderer||r.oDOMCellOverflow.close(),e.bUpdateRowMappingFilter&&this.updateRowMappingFilter(),e.bUpdateContainer&&(s=this.updateRowContainer()),e.bNoHeaderRecalc||!e.bUpdateColumnHeaderContent&&!e.bUpdateColumnHeaderAssignment||(this.updateHeaderStructure(),this.updateHeaderRowContainer(e.bUpdateFilter)),(e.bUpdateColumnHeaderAssignment||e.bUpdateColumnHeaderContent)&&this.updateHeader(o,!0===e.bUpdateColumnHeaderContent),e.bUpdateColumnFooter&&this.updateFooterRowContainer(),e.bUpdateColumnFooterContent&&this.updateFooterContent(),e.bUpdateColumnFooterAssignment&&this.updateFooterAssignment(),e.bUpdateRowMappingOrder&&(this.updateRowMappingOrder(o),o=null),e.bUpdateBodyContent&&this.updateBodyAssignment(t,o),(e.bUpdateColumnBodyContainerClass||e.bUpdateBodyContent)&&this.updateBodyContainerClass(t,o),e.bUpdateBodyContent&&this.updateCustomCard(t),(e.bUpdateContainer||e.bUpdateHiddenContainer)&&this.updateHiddenColumns(e.bUpdateHiddenContainer),e.bUpdateColumnWidthCache&&this.updateColumnWidthCache(e.bHiddenColumns,e.bExpandColumns,e.bFixedColumns,e.bPreload),e.bUpdateColumnWidth||e.bUpdateHiddenContainer?a=this.updateColumnWidth(null,e.bPreload):e.bUpdateContainer&&this.updateMainFirstPosition(),(e.bUpdateBodyContent||e.bUpdateColumnWidth)&&this.widget.cellBreakManager.setCellBreak(),a||e.bUpdateColumnHeaderContent||e.bUpdateColumnHeaderAssignment||e.bUpdateColumnWidthCache){const t=a||e.bUpdateColumnHeaderContent;e.bNoHeaderRecalc||this.updateHeaderCellContainerClass(t,e.bInitialSizeCheck),this.updateFooterCellContainerClass(t)}e.bUpdateColumnHeaderAssignment&&this.updateHeaderStyle(),e.bUpdateColumnFooterAssignment&&this.updateFooterStyle(),!e.bInitialSizeCheck&&(e.bUpdateColumnWidth||e.bUpdateColumnBodyContainerClass||e.bUpdateBodyContent)&&this.calculateRowHeights();const l=n.bHasFootRow?1:0,d=n.getRowContainerCount()+n.getAllHeaderDepth()+l;if(n.oDOMMainGridTable.setAttribute(i.default.aria.rowCount,d),n.oDOMMainGridTable.setAttribute(i.default.aria.colCount,n.aColumnMapping.length),s){let n=e.bInitialSizeCheck;e.bInitialSizeCheck=!1,this.updateRowsPerSet(),e.bNoHeaderRecalc=!0,this.update(e,t,o),e.bInitialSizeCheck=n}e.bInitialSizeCheck?(this.nSavedResizeWidth=this.widget.webcomponent.clientWidth,this._removeFixedWrapperWidth(),this.updateResizeWindow()):r.height&&(r.oDOMMain.style.height=r.oDOMVScroller.getBoundingClientRect().height+"px"),!e.bUpdateColumnWidth||a||e.bInitialSizeCheck||this.bResizing||this.checkHorizontalScroll(!0),this.updating=!1}setMainContainerWidth(){const e=this.widget,t=e.webcomponent,o=e.mainGridTable.dom,n=this.bIsIframe?this.nIframeParentWidth:this.nInitialWidth;t.getAttribute(i.default.zgLayout.attr)===i.default.zgLayout.typeCard||e.nSetWidth||(o.style.width=n+"px",o.setAttribute(i.default.attr.width,""))}checkHorizontalScroll(e){const t=this.widget;if(!t||!t.mainGridTable)return;let o=t.webcomponent,n=t.mainGridTable.dom,r=o._oShadowRoot.querySelector("#scroll"),a=this.bIsIframe?this.nIframeParentWidth:this.nInitialWidth;const s=o.getAttribute(i.default.zgLayout.attr)===i.default.zgLayout.typeCard;if(o.clientWidth>=a&&a+0===o.clientWidth&&(a+=0),s)return n.removeAttribute(i.default.attr.style),void(e||(t.bNeedsRowResize=!0));this.setMainContainerWidth(),r&&(r.style.width<n.style.width||""===n.style.width)&&(r.style.width="")}updateWrapperSize(){const e=this.widget,t=e.webcomponent,o=e.mainColumnBody.oDOMWrapper,n=this.nSavedResizeWidth||this.getVisibleBodyWidth();let r=o.getBoundingClientRect().width,a=0;if(!d.V5){const e=t._oShadowRoot.querySelector("#scroll").getBoundingClientRect().width;e!==n&&(a=n-e,r+=a),r=Math.max(r,n)}e.isCardLayout()?this.clearFrameWidths():(e.oHeadWrapper.style.width=n+"px",t.oDOMHead.style.width=r+"px",e.oFootWrapper.style.width=n+"px",t.oDOMFoot.style.width=r+"px")}updateFrozenMainSize(){const e=this.widget,t=e.webcomponent,o=e.mainColumnBody.oDOMWrapper,n=this.nSavedResizeWidth||this.getVisibleBodyWidth();let r=o.getBoundingClientRect().width,a=0;if(!d.V5){const e=t._oShadowRoot.querySelector("#scroll").getBoundingClientRect().width;e!==n&&(a=n-e,r+=a),r=Math.max(r,n)}e.isCardLayout()?this.clearFrameWidths():(t.oDOMFrozenMainFootFrame.style.width=n+"px",t.oDOMFrozenMainHeadFrame.style.width=n+"px",t.oDOMFrozenMainHead.style.width=r+"px",t.oDOMFrozenMainFoot.style.width=r+"px",t.oDOMNodata&&(t.oDOMNodata.style.width=r+"px"))}getVisibleBodyWidth(){const e=!d.V5,t=this.widget.webcomponent,o=this.widget.el.dom,n=t._oShadowRoot.querySelector("#scroll");let r=null;if(this.widget.nSetWidth){let e=this.widget.nSetWidth;(+e==e||-1!==e.indexOf("px"))&&(r=parseInt(e,10))}return r||(r=e?o.getBoundingClientRect().width-0:n.getBoundingClientRect().width-0),r}updateResizeWindow(e,t){const o=this.widget,n=o.webcomponent,a=o.mainGridTable.dom;let i=!1;if(this.bResizing=!0,!this.nPadding){let e=o.webcomponent.getBoundingClientRect().width,t=window.innerWidth;this.nPadding=Math.max(t-e,20),i=!0}(e||this.bIsIframe&&this.sOrientation!=window.orientation)&&(n.style.display="none",this.clearStyle(),n.style.display=""),(i||o.nSetWidth)&&(n._setScrollWidth(o.nSetWidth,!0),this.nInitialWidth=this.nCurrContainerWidth=a.clientWidth);const s=r.c7.get(this.widget,["viewportManager"]);let l=!1;if(!o.nSetWidth){let e=o.mainGridTable.dom;e.clientWidth>this.nInitialWidth&&(l=!0),this.nInitialWidth=this.nSavedResizeWidth||e.clientWidth,this.nIframeParentWidth=Math.min(this.nInitialWidth,document.documentElement.clientWidth),this.nCurrContainerWidth=this.nInitialWidth,this.nSavedResizeWidth=null}!this.updating&&s&&s.run.play?(s.setViewport(i),window.requestAnimationFrame((()=>{o.bDisconnect||this.finishResize(l)}))):this.finishResize(l)}finishResize(e){const t=this.widget,o=t.webcomponent;this.checkHorizontalScroll(),this.resizeGrid(e),o.height&&(o.oDOMMain.style.height=o.oDOMVScroller.getBoundingClientRect().height+"px"),t.webcomponent.oDOMCellOverflow.close(),t&&t.recordEditor&&t.recordEditor.cancelOpenEdit(),this.bResizing=!1}updateRowMappingFilter(){(this.widget.bHasFilterEnabled||this.widget.bHasSearchEnabled)&&this.widget.filter.filter()}updateRowMappingOrder(e){let t=this.widget,o=t.aColumnMapping;if(null===e)for(let e=0,n=o.length;e<n;e++)t.sorter.sortRowMappingByColumn(o[e]);else t.sorter.sortRowMappingByColumn(o[e]);t.sorter.unsetActiveSort()}updateHeaderRowContainer(e){const t=this.widget,o=t.mainColumnHeader,n=t.getHeaderContainer(),r=n.childNodes,a=t.getHeaderDepth();let s=r.length-a,l=n.querySelector("zg-filter"),d=n.querySelector('zg-row[type="aggregate"]'),c=n.querySelectorAll('zg-row[type="frozen"]').length,h=t.aTopRowMapping.length,u=l&&!t.bHasFilterEnabled,g=d&&!t.bHasHeadRow;if(l&&s--,d&&s--,s-=c,(l||d||c)&&(e||0!==s||u||g)){l&&(this.removeHeaderRows(),this.widget.aFilters.length=0),d&&this.removeHeaderRows();for(let e=0;e<c;e++)this.removeHeaderRows();l=!1,d=!1,c=0}if(s<0&&(this.widget.aFilters.length=0),this.updateRows(o,s),a||t.bHeaderRowHide){if(t.bHasFilterEnabled&&!l){o.insertRow(!0).forEach((e=>e?e.setAttribute(i.default.attr.type,"filter"):null))}if(t.bHasHeadRow&&!d){o.insertRow(!1,!0).forEach((e=>e?e.setAttribute(i.default.attr.type,"aggregate"):null))}if(h!==c)for(let e=0;e<h;e++){o.insertRow(!1,!0).forEach((t=>{t&&(t.setAttribute(i.default.attr.type,"frozen"),t.dataRowIndex=e)}))}}t.columnMenu&&!t.bColumnClick&&t.columnMenu.initMenu()}updateHeaderStructure(){const e=this.widget,t=e.sNestedDataSeparator,o=e.getHeaderDepth();let n=e.bHasFilterEnabled?o:-1,a=e.bHasHeadRow?o:-1;a>-1&&n>-1&&a++;const i=Math.max(n+1,a+1,o),s=e.nTopFrozenRows,l=e.aColumnMapping.map((e=>this._setColumnText(e))),d=l.map((e=>r.Sh(e)?[e]:r.String._splitHeader(e,t)));if(!d.length)return;const c=[];let h,u,g;for(let e=0,t=d.length;e<t;e++){u=d[e].length;for(let t=0,n=o;t<n;t++)h={},g=d[e][t],h.rowspan=t<u-1?1:t===u-1?o-u+1:0,h.text=null!==g?g:c[t-1][e].text,c[t]=c[t]||[],c[t][e]=h;-1!==n&&(c[n]=c[n]||[],c[n][e]={colspan:1,rowspan:1,text:""}),-1!==a&&(c[a]=c[a]||[],c[a][e]={colspan:1,rowspan:1,text:""});for(let t=0;t<s;t++){let o=i+t;c[o]=c[o]||[],c[o][e]={colspan:1,rowspan:1,text:""}}}let p,m=1,f="";for(let t=0,n=o;t<n;t++){p=0,f="",m=1;for(let o=0,n=l.length;o<n;o++){g=c[t][o].text,u=d[o].length;let n=e.aColumnMapping[o].bHidden;""!==g&&g===f&&u>1?m++:n||(c[t][p].colspan=m,p=o,f=g,m=1)}c[t][p].colspan=m}this.aaoFieldIndexT=c}updateHeaderCellContainerClass(e,t){e=e||!1;let o=!1;const n=this.widget,r=n.webcomponent;n.mainColumnHeader||(o=!0);if(!this.aaoFieldIndexT&&!o)return;let a=[];this.oHeaderPositions=[],n.savedScrollVal&&(n.oDOMMainScroll.scrollLeft=0,r.oDOMHead.style.transform="");let i=this.widget.aColumnMapping.length-n.nRightFrozenColumns;if(i<=n.nLeftFrozenColumns-1&&(i=n.nLeftFrozenColumns),this.processHeadRows(0,"Left",a,e),this.processHeadRows(n.nLeftFrozenColumns,"",a,e),this.processHeadRows(i,"Right",a,e),a.length&&(this.oOldHeaderStyles=a),n.savedScrollVal&&!t){let e=n.mainColumnBody.oBody.offsetWidth-n.oDOMMainScroll.offsetWidth;n.oDOMMainScroll.scrollLeft=Math.min(n.savedScrollVal,e),n.updateHeadFootScroll()}}processHeadRows(e,t,o,n){const r=this.widget,a=this.aaoFieldIndexT,s=r.getRegionsByColumnArea(t),l=s.oHead,d=s.oBody,c=l.childNodes,h=l.getBoundingClientRect(),u=r.aColumnMapping;let g,p,m,f,b,v,y,z=[];const w=c.length-1;let C=!1,S=0;const x=r.getFirstDataRowByArea(s);s.oBody.childNodes[0]||(C=!0),c.forEach(((t,s)=>{let l=[];S=0;let k=r.nDefaultHeadHeight;t.childNodes.forEach(((o,R)=>{let M=R+e;g=x?x.childNodes[R]:o,y=u[M],f=y.oDOMZGColumn||y,a?(p=a[s][M].colspan||0,v=a[s][M].rowspan||0):(p=1,v=1),p>=1&&(o.colSpan=p,!y.bHidden&&o.hasAttribute("hidden")&&(o.removeAttribute(i.default.attr.style),o.removeAttribute("hidden"))),v>=1&&(o.rowSpan=v),n&&!y.bHidden&&"absolute"===o.style.position&&o.removeAttribute(i.default.attr.style);if("ellipsis"!==r.cellBreakManager.getCellBreakByColumn(R)&&o.setAttribute(i.default.attr.title,""),(r.webcomponent.align||y.sAlign)&&r.setCellAlignment(o,y.sAlign),o.setAttribute("depth",s+1),m=o.querySelector(`[${i.default.zgCell.cellIndexAttr}]`),c.length>1)if(m){const e=r.sNestedDataSeparator;let t=y.sColumnHeaderText||m.getAttribute(i.default.zgCell.cellIndexAttr);b="disabled"!==e&&t.split(e).length>1,b&&o.setAttribute(i.default.attr.parent,"")}else o.setAttribute("not-parent","");o.setAttribute(i.default.attr.type,y.sCellType);const D=f.getAttribute(i.default.attr.type);let O,T;i.default.internalColumnTypes.indexOf(D)>-1||"disabled"===f.getAttribute("sort")||b&&"1"===o.getAttribute("depth")||!1===y.fnSorter?(o.setAttribute("sort","disabled"),o.tagName.toLowerCase()===i.default.zgHeadCell.tagName&&o._removeSort()):o.removeAttribute("sort"),o.tagName.toLowerCase()!==i.default.zgHeadCell.tagName||o.hasAttribute("not-parent")||(y.oDOMSortHeader=o),O=s>0?z[M]:g.getBoundingClientRect(),z[M]=O,T=this.aSavedHeadCellSize[s]&&this.aSavedHeadCellSize[s][M]?this.aSavedHeadCellSize[s][M]:o.getBoundingClientRect();var E=window.getComputedStyle(g);let A=parseInt(E.borderRightWidth,10),I=parseInt(E.borderLeftWidth,10);E=window.getComputedStyle(r.webcomponent);parseInt(E.borderRightWidth,10),parseInt(E.borderLeftWidth,10);E=window.getComputedStyle(d);let _=parseInt(E.borderRightWidth,10);E=window.getComputedStyle(o);let L=parseInt(E.borderLeftWidth,10),F=parseInt(E.borderRightWidth,10);if(!x||0===O.width&&0===O.height)return this.oOldHeaderStyles?this.oOldHeaderStyles.length>s&&this.oOldHeaderStyles[s].length>M&&(o.style=this.oOldHeaderStyles[s][M]):o.style.width=`${y.nCurrWidth}px`,void(s===w&&(this.oHeaderPositions[M]={width:o.style.width,left:o.style.left}));let B=C?parseInt(f.style.width,10):O.width,G=C?S:O.left-h.left;S+=B;let H=R+1,Z=x?x.childNodes.length:0,N=p;for(;H<Z&&N>1;H++,N--){B+=x.childNodes[H].getBoundingClientRect().width}if(0===M?(B+=I/2+F/2,G-=I/2):(G-=L,B+=L,F?G+=F/2:(G+=L/2,B-=L/2)),M+p>Z-1&&p>0&&(B+=A/2-F/2,B-=_),0===p&&(B=0,o.setAttribute("hidden","")),o.nLeftPos=G,x){let e=T.height;o.style.left=`${G}px`,o.style.width=`${B}px`,"frozen"===t.getAttribute(i.default.attr.type)?(o.style.position="absolute",e=o.getBoundingClientRect().height):r.bCompact||(o.style.lineHeight=T.height*v+"px"),e=k=Math.max(k,e),o.style.height=e*v+"px",o.style.position="absolute",l.push(o.getAttribute(i.default.attr.style)),k>r.nDefaultHeadHeight&&(t.style.height=k+"px"),s===w&&(this.oHeaderPositions[M]={width:B,left:G}),o.tagName.toLowerCase()===i.default.zgHeadCell.tagName&&0!==B&&(y.nFullHeaderWidth&&B<y.nFullHeaderWidth?o.setAttribute(i.default.zgHeadCell.isContentLongerAttr,""):o.removeAttribute(i.default.zgHeadCell.isContentLongerAttr))}})),l.length&&(o[s]?o[s].push(...l):o[s]=l)}))}updateHeader(e,t){const o=this.widget,n=o.aColumnMapping,r=o.mainColumnHeader,a=this.aaoFieldIndexT,i=(e,o)=>{let n,r;n=a[e][o].colspan||0,r=a[e][o].rowspan||0,0!==n&&0!==r&&this.updateHeaderCellAssignment(e,o,t)};if(!n.length)return;let s=r.oHead.childNodes;if(s.length)for(let t=0,o=s.length;t<o;t++)if(e)i(t,e);else for(let e=0,o=n.length;e<o;e++)i(t,e)}updateHeaderStyle(){this._updateHeader(this.updateHeaderCellStyle,!1)}_updateHeader(e,t){let o=this.widget.aColumnMapping,n=this.widget.mainColumnHeader;if(o.length)for(let r=0,a=n.oHead.childNodes.length;r<a;r++)for(let n=0,a=o.length;n<a;n++){const a=o[n].sCellType;t&&!o[n].sFieldIndex&&a!==i.default.cellTypes.aggregate||e.call(this,r,n)}}updateHeaderCellStyle(e,t){const o=this.widget;let n=o.webcomponent;const a=o.aColumnMapping[t],s=`${a.sColumnId}+${e}`;let l=o.oZGHeadCellMap[s];const d=o.aColumnMapping[t];let c;if(l&&l.parentNode)c=l.parentNode;else{const n=o.getHeaderByColumnIndex(t),r=o.getAdjustedColumnIndex(t),a=n.querySelectorAll("zg-row"),i=e;a.length>i&&(c=a[i].childNodes[r])}if(c){c.setAttribute(i.default.zgCell.cellIndexAttr,a.sFieldIndex),c.className="";let e=r.XU(n.fnHeadClass,n.headClass,[d.sFieldIndex,c,d]);e&&c.classList.add(e);let t=r.XU(n.fnColClass,n.colClass,[d.sFieldIndex,c,d]);if(t&&c.classList.add(t),c.sCellClass){c.sCellClass.split(" ").forEach((e=>c.classList.add(e))),c.sCellClass=null}}}updateHeaderCellAssignment(e,t,o){const n=this.widget,r=n.aColumnMapping[t],a=`${r.sColumnId}+${e}`;let s=n.oZGHeadCellMap[a];!o&&s&&s.parentNode&&!s.parentNode.bRemoved||(s=this.updateHeaderCellContent(e,t)),s&&s.setAttribute(i.default.zgCell.cellIndexAttr,r.sFieldIndex)}updateHeaderCellContent(e,t){const o=this.widget,n=(o.store,this.aaoFieldIndexT),a=o.aColumnMapping,s=a[t].sColumnId+"+"+e,d=a[t],c=o.getHeaderByColumnIndex(t),h=o.getAdjustedColumnIndex(t),u=c.childNodes[e],g=u.childNodes[h];let p,m=o.oZGHeadCellMap[s]||g.querySelector("div");if("zg-filter"===g.tagName.toLowerCase())return!1;if(m&&m.parentNode&&m.parentNode.bRemoved&&(m=null),o.bPreloaded)return d.sCellType===i.default.internalColumn.recordselector&&d.fnRenderer.method.apply(d,[null,m]),m;if(m||(m=document.createElement("div"),g.appendChild(m)),d.bHidden&&g.setAttribute(i.default.attr.hidden,""),"aggregate"===u.getAttribute("type")){let e=d.sHeadCell,n=d.fnHeadCell;e&&!n&&(n=d.fnColHeadCell=l.Z.setUserFunction(null,e)),p=o.aggregateManager.calculateAggregateColumn(e,n,d.sFieldIndex,d,t)}else p=n[e][t].text;if(d.sCellType===i.default.internalColumn.recordselector){let e=d.fnRenderer.method.apply(d);o.webcomponent._setSelectorCheckbox(e)}return r.Sh(p)?(m.innerHTML="",m.appendChild(p)):m.innerHTML=`<span>${p}</span>`,o.oZGHeadCellMap[s]=m,m.setAttribute(i.default.zgCell.cellIndexAttr,a[t].sFieldIndex),g.setAttribute(i.default.zgCell.cellIndexAttr,a[t].sFieldIndex),g.tagName.toLowerCase()===i.default.zgHeadCell.tagName&&d.nHeaderDepth===e+1&&g._setHeaderTooltip(),m}updateFooterRowContainer(){const e=this.widget;let t=e.mainColumnFooter;const o=t.oFoot.childNodes,n=e.bHasFootRow?1:0;let r=o.length-n,a=t.oFoot.querySelectorAll('zg-row[type="frozen"]').length;const s=e.aBottomRowMapping.length-a;if(r-=a,s>0)for(let e=0;e<s;e++){t.insertRow(!1).forEach((e=>e?e.setAttribute(i.default.attr.type,"frozen"):null))}else s<0&&(r+=s);this.updateRows(t,r)}updateFooterAssignment(){this._updateFooter(this.updateFooterCellAssignment,!1)}updateFooterContent(){this._updateFooter(this.updateFooterCellContent,!0)}updateFooterStyle(){this._updateFooter(this.updateFooterCellStyle,!1)}_updateFooter(e,t){let o=this.widget.aColumnMapping,n=this.widget.mainColumnFooter;if(!o.length)return;let r=n.oFoot.childNodes;if(r.length)for(let n=0,a=r.length;n<a;n++)for(let r=0,a=o.length;r<a;r++){const a=o[r].sCellType;t&&!o[r].sFieldIndex&&a!==i.default.cellTypes.aggregate||e.call(this,n,r)}}updateFooterCellStyle(e,t){const o=this.widget;let n=o.webcomponent;const a=o.aColumnMapping[t],i=`${a.sColumnId}+${e}`;let s=o.oZGFootCellMap[i];if(!s)return;let l=s.parentNode;if(!l){const n=o.getFooterByColumnIndex(t),r=o.getAdjustedColumnIndex(t),a=n.querySelectorAll('zg-row[type="frozen"]');a.length>e&&(l=a[e].childNodes[r])}if(l){l.className="";let e=r.XU(n.fnFootClass,n.footClass,[a.sFieldIndex,l,a]);e&&l.classList.add(e);let t=r.XU(n.fnColClass,n.colClass,[a.sFieldIndex,l,a]);t&&l.classList.add(t)}if(l.sCellClass){l.sCellClass.split(" ").forEach((e=>l.classList.add(e))),l.sCellClass=null}}updateFooterCellAssignment(e,t){const o=this.widget,n=o.aColumnMapping[t],r=`${n.sColumnId}+${e}`;let a=o.oZGFootCellMap[r];const s=n.sFieldIndex;a||(a=this.updateFooterCellContent(e,t)),a&&a.setAttribute(i.default.zgCell.cellIndexAttr,s)}updateFooterCellContent(e,t){let o=this.widget,n=o.aColumnMapping,a=n[t],s=a.sColumnId+"+"+e;const d=o.getFooterByColumnIndex(t),c=o.getAdjustedColumnIndex(t),h=a.sFootCell;let u,g=a.fnFootCell,p=d.childNodes[e],m=p.childNodes[c],f=o.oZGFootCellMap[s]||m.querySelector("div");return"frozen"===p.getAttribute(i.default.attr.type)?u="":(h&&!g&&(g=a.fnColFootCell=l.Z.setUserFunction(null,h)),u=o.aggregateManager.calculateAggregateColumn(h,g,a.sFieldIndex,a,t)),f||(f=document.createElement("div"),m.appendChild(f)),r.Sh(u)?(f.innerHTML="",f.appendChild(u)):f.innerHTML=u,o.oZGFootCellMap[s]=f,f.setAttribute(i.default.zgCell.cellIndexAttr,n[t].sFieldIndex),f}updateFooterCellContainerClass(e){let t,o,n;e=e||!1;let r,a,i,s=!1;const l=this.widget,d=l.webcomponent;if(!l.bHasFootRow&&!l.nBottomFrozenRows)return;l.mainColumnFooter?(t=l.mainColumnFooter.oFoot,o=l.leftColumnFooter.oFoot,n=l.rightColumnFooter.oFoot,r=l.mainColumnBody.oBody,a=l.leftColumnBody.oBody,i=l.rightColumnBody.oBody):(t=d.querySelector("zg-head#mainhead"),o=d.querySelector("zg-head#lefthead"),n=d.querySelector("zg-head#righthead"),r=d.querySelector("zg-body#mainbody"),a=d.querySelector("zg-body#leftbody"),i=d.querySelector("zg-body#rightbody"),s=!0);if(!this.aaoFieldIndexT&&!s)return;let c=[];const h=this.widget.aColumnMapping.length-l.nRightFrozenColumns;this.processFootRows(0,"Left",c,e),this.processFootRows(l.nLeftFrozenColumns,"",c,e),this.processFootRows(h,"Right",c,e),c.length&&(this.oOldFooterStyles=c)}processFootRows(e,t,o,n){const r=this.widget.aColumnMapping;let a,s;const l=[],d=this.widget,c=d.getRegionsByColumnArea(t),h=c.oFoot,u=h.childNodes,g=d.getFirstDataRowByArea(c);u.forEach(((t,o)=>{l[o]=[];let c=d.nDefaultHeadHeight;t.childNodes.forEach(((u,p)=>{let m=p+e;s=g?g.childNodes[p]:u,a=r[m];const f=d.getAreaByColumnIndex(m);n&&!a.bHidden&&"absolute"===u.style.position&&u.removeAttribute(i.default.attr.style),(d.webcomponent.align||a.sAlign)&&d.setCellAlignment(u,a.sAlign),"main"===f&&0===p&&a.oDOMSortHeader&&a.oDOMSortHeader.style.borderLeft&&(u.style.borderLeft=a.oDOMSortHeader.style.borderLeft),l[o][m]=[s.getBoundingClientRect(),u.getBoundingClientRect(),h.getBoundingClientRect()];const[b,v,y]=l[o][m];if(0===b.width&&0===b.height)return void(this.oOldHeaderStyles?this.oOldHeaderStyles.length>o&&this.oOldHeaderStyles[o].length>m&&(u.style=this.oOldHeaderStyles[o][m]):this.oHeaderPositions&&this.oHeaderPositions[m]&&(u.style.width=this.oHeaderPositions[m].width,u.style.left=this.oHeaderPositions[m].left));let z=b.width,w=b.left-y.left;if(this.oHeaderPositions&&this.oHeaderPositions[m]&&(z=this.oHeaderPositions[m].width,w=this.oHeaderPositions[m].left),g&&z){let e=v.height;u.style.left=`${w}px`,u.style.position="absolute",u.style.width=`${z}px`,"frozen"===t.getAttribute(i.default.attr.type)?(e=u.getBoundingClientRect().height,e=c=Math.max(c,e)):d.bCompact||(u.style.lineHeight=`${v.height}px`),u.style.height=`${e}px`,c>d.nDefaultHeadHeight&&(t.style.height=c+"px")}}))}))}removeAllHeaderRows(){const e=this.widget,t=this.widget.mainColumnHeader,o=e.leftColumnHeader,n=e.rightColumnHeader;this.updateRows(o,o.oHead.childNodes.length),this.updateRows(t,t.oHead.childNodes.length),this.updateRows(n,n.oHead.childNodes.length)}removeAllFooterRows(){const e=this.widget,t=this.widget.mainColumnFooter,o=e.leftColumnFooter,n=e.rightColumnFooter;this.updateRows(o,o.oFoot.childNodes.length),this.updateRows(t,t.oFoot.childNodes.length),this.updateRows(n,n.oFoot.childNodes.length)}removeHeaderRows(){const e=this.widget;e.mainColumnHeader.removeRow(),e.leftColumnHeader.removeRow(),e.rightColumnHeader.removeRow()}updateRows(e,t){if(t>0)for(let o=0;o<t;o++)e.removeRow();else t<0&&(t=-t,e.insertRows(t))}cleanPreload(){if(!this.widget.webcomponent)return;const e=this.widget.getAllBodies(),t=this.widget.getAllHeads();for(let t=0;t<e.length;t++)this.removeNonElements(e[t]);for(let e=0;e<t.length;e++)this.removeNonElements(t[e])}removeNonElements(e,t){let o=0,n=this.widget;e.childNodes&&[...e.childNodes].forEach((t=>{if(1!==t.nodeType)e.removeChild(t);else{let e=t.tagName.toLowerCase();"zg-row"===e?t.rowIndex=o++:"zg-cell"===e&&(t.cellIndex=o++),t.widget=n,"div"!==e&&this.removeNonElements(t)}}))}clearFrameWidths(){const e=this.widget.webcomponent;e.oDOMFrozenMainFootFrame.style.width="",e.oDOMFrozenMainHeadFrame.style.width="",e.oDOMFrozenMainHead.style.width="",e.oDOMFrozenMainFoot.style.width=""}clearStyle(e){const t=this.widget;t.webcomponent;if(!t.mainColumnHeader)return;let o=this.widget.mainColumnHeader.oColGroup,n=t.mainGridTable.dom,r=t.webcomponent._oShadowRoot.querySelector("#scroll"),a=o.getElementsByTagName(i.default.zgColumn.tagName),s=t.getHeadRows(),l=t.getFootRows();n.style.width="",r.style.width="",t.updateHeadFootScroll(!0),this.clearFrameWidths(),s.forEach(((e,t)=>{e.childNodes.forEach(((e,t)=>{e.removeAttribute(i.default.attr.style)}))})),l.forEach((e=>{e.childNodes.forEach((e=>{e.removeAttribute(i.default.attr.style)}))}));for(let t=0;t<a.length;t++)a[t].removeAttribute(i.default.attr.style),e&&(a[t].removeAttribute("min-calculated-width"),a[t].removeAttribute("min-calculated-header-width"));this.nIframeParentWidth=this.nInitialWidth=this.nCurrContainerWidth=0;let d=t.aColumnMapping;(t.aRowMapping.length>0||0===d.length)&&(this.oOldHeaderStyles=[],this.oHeaderPositions=[])}clearCache(){let e=this.widget,t=e.mainColumnBody,o=e.leftColumnBody,n=e.leftColumnHeader,r=e.leftColumnFooter,a=e.rightColumnBody,i=e.rightColumnHeader,s=e.rightColumnFooter,l=e.mainColumnHeader,d=e.mainColumnFooter;e.oZGCellMap={},e.oZGHeadCellMap={},e.oZGFootCellMap={},this.updateRows(n,n.oHead.childNodes.length),this.updateRows(o,o.oBody.childNodes.length),this.updateRows(r,r.oFoot.childNodes.length),this.updateRows(t,t.oBody.childNodes.length),this.updateRows(l,l.oHead.childNodes.length),this.updateRows(d,d.oFoot.childNodes.length),this.updateRows(i,i.oHead.childNodes.length),this.updateRows(a,a.oBody.childNodes.length),this.updateRows(s,s.oFoot.childNodes.length)}resizeGrid(e){const t=this.widget;if(!t||!this.widget.mainGridTable)return;const o=t.webcomponent;if(e=!1,!t.nSetWidth){let o=t.oDOMScroller;o.clientWidth>this.nInitialWidth&&(e=!0),this.nInitialWidth=this.nSavedResizeWidth||o.clientWidth,this.nIframeParentWidth=Math.min(this.nInitialWidth,document.documentElement.clientWidth),this.nCurrContainerWidth=this.nInitialWidth,this.nSavedResizeWidth=null}this.update({bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bHiddenColumns:!0,bExpandColumns:e}),t.selector.bHasSelection&&t.selector.se.select(),t.recordEditor&&t.recordEditor.onResize(),o.oDOMControlBar&&o.oDOMControlBar.checkMessageSize(),t.isCardLayout()&&requestAnimationFrame((()=>{t.bDisconnect||this.calculateCardsPerRow()}))}calculateCardsPerRow(){let e=this.widget,t=e.mainColumnBody.oBody.childNodes,o=t.length,n=null,r=0;for(r=0;r<o;r++){let e=t[r].getBoundingClientRect().y;if(null===n&&(n=e),e!==n)break}e.setCardsPerRow(r)}_updateGrid(e,t,o){if(e>0)for(let o=0;o<e;o++)t();else if(e<0){e=-e;for(let t=0;t<e;t++)o()}}updateRowsPerSet(){let e=this.widget,t=e.mainColumnBody.oBody.childNodes;if(0===t.length)e.bStaticScroll=!1;else{let o=t[0].getBoundingClientRect(),n=o.height,r=a.Z.get(e.oDOMScroller),s=r.getHeight(),l=1;if(e.webcomponent.getAttribute(i.default.zgLayout.attr)===i.default.zgLayout.typeCard){let e=r.getWidth(),t=o.width;l=Math.floor(e/t)}let d=Math.ceil(s/n)*l;e.nRowsPerSet=3*d}}updateRowContainer(){const e=this.widget;let t=e.mainColumnBody,o=t.oBody.childNodes,n=o.length,r=!1,a=e.getRowContainerCount();const i=e.webcomponent;let s=n-a;0===s&&a&&void 0===o[0].rowIndex&&o.forEach(((e,t)=>e.setBodyIndexes(t))),s<0&&e.bStaticScroll&&-1===e.nRowsPerSet&&(s=-1,r=!0),s<0&&(this.updateRows(t,s),n=o.length);for(let e=0;e<n;e++)this._updateRowVisibility(e,a);return i.height&&(i.oDOMMain.style.height=i.oDOMVScroller.getBoundingClientRect().height+"px"),r}_updateRowVisibility(e,t){const o=this.widget,n=o.mainColumnBody.oBody.childNodes,r=o.leftColumnBody.oBody,a=o.rightColumnBody.oBody,s=[n[e]];r.childNodes&&r.childNodes.length>e&&s.push(r.childNodes[e]),a.childNodes&&a.childNodes.length&&s.push(a.childNodes[e]),e<t?s.forEach((e=>e.removeAttribute(i.default.attr.hidden))):s.forEach((e=>e.setAttribute(i.default.attr.hidden,"")))}_updateBody(e,t,o){const n=this.widget;let r=n.aColumnMapping,a=n.getMainBodyRows(),s=a.length,l=r.length,d=e=>{for(let t=0;t<s;t++)a[t].hasAttribute("hidden")||(o.call(this,t,e),c(t))};function c(e){const t=n.getDataRowsByRow(e);if(!t||0===t.length)return;let o=[];for(let e=0;e<t.length;e++)o.push(...Array.from(t[e].children));const r=n.getByTagName(o,i.default.zgCell.tagName);let a=[];const s=[...r].filter((e=>e.hasAttribute(i.default.attr.control)));s.forEach((e=>a.push(e.getAttribute(i.default.attr.type)))),s.forEach((e=>e.setAttribute(i.default.attr.control,a.join(","))))}if(null===t)for(let t=0;t<l;t++)null===e?d(t):o.call(this,e,t);else d(t)}updateBodyContainerClass(e,t){this.widget.webcomponent._setGridClasses(!0),this._updateBody(null,t,this.updateCellContainerClass),this._updateBody(e,0,this.updateRowContainerClass)}updateBodyAssignment(e,t){this._updateBody(null,t,this.updateCellAssignment)}updateCustomCard(e){let t=this.widget,o=t.mainColumnBody.oBody.childNodes;t.hasCardTemplate()&&(null!=e?this.processCardTemplate(o[e]):o&&[...o].forEach((e=>this.processCardTemplate(e))))}processCardTemplate(e){if(e.hasAttribute("hidden"))return;let t=this.widget,o=t.store,n=e.bodyRowIndex,a=e.querySelector("zg-card");a||(a=e.appendChild(document.createElement(i.default.zgCard.tagName)));let s=t.getRecordIndexByDataRowContainerIndex(n),d=o.get(s).oRecordRawData,c=t.oCard?t.oCard.renderer:null,h=t.selectorEngineManager.$row(n),u={record:d};for(;a.lastChild;)a.removeChild(a.lastChild);if(t.oCardTemplate?o.populateTemplate(t.oCardTemplate,a,u):t.oCardBody&&o.populateTemplate(t.oCardBody,a,u),c){c=l.Z.setUserFunction(null,c);let e=c.method.apply(c.scope,[d,a,h])||"";r.Sh(e)?a.appendChild(e):e.length&&(a.innerHTML=e)}}updateRowContainerClass(e){const t=this.widget,o=t.webcomponent;let n=t.getFrozenRowState(e),r=t.getContainerRowIndexByDataRowIndex(e),a="",s=!e&&t.needRemoveBorder();"top"===n||"bottom"===n?(r=void 0,a=o.frozenRowClass||""):n="main";let l=t.getDataRowsByRow(e);if(!l||0===l.length)return;let d=o.rowClass||"",c=t.aZebraClasses,h="";c.length&&(h=c[e%c.length]);let u=t.selectorEngineManager.$row(e),g=null;if(u&&(g=u.sTargetRecordIndex),o.fnRowClass&&"function"==typeof o.fnRowClass.method||o.fnFrozenRowClass&&"function"==typeof o.fnFrozenRowClass.method){let i=t.store.get(g).oRecordRawData;if(o.fnRowClass&&"function"==typeof o.fnRowClass.method){let t=o.fnRowClass.scope||u;d=o.fnRowClass.method.apply(t,[i,e+1,l[0],u,n,r+1])}if(o.fnFrozenRowClass&&"function"==typeof o.fnFrozenRowClass.method){let t=o.fnFrozenRowClass.scope||u;a=o.fnFrozenRowClass.method.apply(t,[i,e+1,l[0],u,n])}}let p="";t.batchEditor.isActive()&&t.dirtyManager.isDirty(g)&&(p=t.dirtyManager.getDirtyClass(g)),d=`${a} ${h} ${p} ${d}`.trim(),d&&d.split(" ").forEach((e=>{l.forEach((t=>t.classList.add(e)))})),s?l.forEach((e=>e.setAttribute(i.default.attr.internaltop,""))):e||l.forEach((e=>e.removeAttribute(i.default.attr.internaltop)))}updateCellContainerClass(e,t){const o=this.widget;let n=o.store,a=o.getBodyByColumnIndex(t),s=o.getAdjustedColumnIndex(t);let l=o.getRow(e,t).childNodes[s];const d=l.querySelector("div");if(!l)return;let c,h=o.selectorEngineManager.$cell(e,t),u=h.sCellType,g=h.sTargetFieldIndex,p=h.sTargetRecordIndex,m=h.sGroupRecordIndex,f=u===i.default.internalColumn.rowgroup;if("bottom"===o.getFrozenRowState(e)){const t=o.aBottomRowMapping,n=o.getContainerRowIndexByDataRowIndex(e);p=h.sTargetRecordIndex=t[n].sRecordIndex}let b=o.aColumnMapping[t];const v=b.oDOMZGColumn;t!==l.cellIndex&&(l.cellIndex=t,l.setAttribute("aria-colindex",t+1)),v.title&&l.setAttribute(i.default.attr.title,v.title),l.setAttribute(i.default.zgCell.cellIndexAttr,g),d&&d.setAttribute(i.default.zgCell.cellIndexAttr,g),l.setAttribute(i.default.attr.type,u),-1!==i.default.internalColumnTypes.indexOf(u)&&(l.setAttribute(i.default.attr.control,""),l.setAttribute(i.default.attr.buttonTooltip,""),o.bPreloaded&&u===i.default.internalColumn.recordselector&&b.fnRenderer.method.apply(b,[null,l,h])),u!==i.default.cellTypes.custom&&u!==i.default.cellTypes.button||l.querySelector("zg-button")&&l.setAttribute(i.default.attr.buttonTooltip,""),a!==o.mainColumnBody.oBody?l.setAttribute(i.default.attr.frozen,""):l.removeAttribute(i.default.attr.frozen),l._setTooltip(u===i.default.internalColumn.recordinfo,b,h),o.setCellLabel({oDOMCellContainer:l,$cell:h}),c=m?f?[n.get(p,g,m)]:[""]:g.trim().split(",").map((e=>o.store.get(p,e.trim(),m))),(r.Uh(b.sArraySlice)||r.Uh(b.sArrayIndex))&&(c=o.store.getArrayData(c,b)),l.setAttribute("value",c.toString()),this.updateCellClass(c,l,b,h),(o.webcomponent.align||b.sAlign)&&o.setCellAlignment(l,b.sAlign),!m&&o.batchEditor.isActive()&&o.dirtyManager.isDirty(p,g)?l.classList.add(i.default.batchEdit.dirtyClass):l.classList.remove(i.default.batchEdit.dirtyClass)}updateCellAssignment(e,t){const o=this.widget;let n=o.getAdjustedColumnIndex(t);let r=o.getRow(e,t).childNodes[n],a=r._oShadowRoot.querySelector("slot");if(!r)return;let s=o.selectorEngineManager.$cell(e,t),l=s.sTargetFieldIndex;0===n&&(this.clearAttributes([r.parentNode]),r.parentNode.style.height=""),this.clearAttributes([r]);let d=a.assignedNodes();!o.bPreloaded&&d.length&&d.forEach((e=>{1===e.nodeType&&e.parentNode.removeChild(e)})),window.ShadyDOM&&window.ShadyDOM.flush();let c=s.sCellType;if(!l&&-1===i.default.noDataColumnTypes.indexOf(c)&&-1===i.default.internalColumnTypes.indexOf(c))return;let h=this.updateCellContent(e,t);h.parentNode&&!this.widget.bReordering||r.appendChild(h),h.parentNode.parentNode!==a.parentNode.host.parentNode&&(h.parentNode.removeChild(h),r.appendChild(h))}updateCellClass(e,t,o,n){const a=this.widget;let s=a.webcomponent,l=o.sCellType;const d=t.parentNode&&"frozen"===t.parentNode.getAttribute(i.default.attr.type);if(d?t.setAttribute("frozen-row",""):t.removeAttribute("frozen-row"),a.isCardLayout()&&-1!==i.default.internalColumnTypes.indexOf(l))return;let c=r.XU(s.fnCellClass,s.cellClass,[...e,t,n]);c=r.XU(o.fnCellClass,o.sCellClass,[...e,t,n])||c;let h=r.XU(s.fnColClass,s.colClass,[o.sFieldIndex,t,o]);if(h&&(c=null===c?h:`${c} ${h}`),c&&c.split(" ").forEach((e=>t.classList.add(e))),d&&(t.sCellClass=c),c){let e="",o=n.sTargetRecordIndex;a.batchEditor.isActive()&&a.dirtyManager.isDirty(o)&&(e=a.dirtyManager.getDirtyClass(o),e&&t.classList.add(e))}}clearAttributes(e){let t=!1,o=["action","role","value","data-field-index","hidden","text"];return e.forEach((e=>{for(let n=0;n<e.attributes.length;n++){let r=e.attributes[n];o.indexOf(r)<0&&(e.removeAttribute(r),t=!0)}e.removeAttribute(i.default.attr.class)})),t}updateCellContent(e,t){const o=this.widget,n=o.store;let d=o.getAdjustedColumnIndex(t);let c=o.getRow(e,t).childNodes[d];if(!c)return;const h=o.selectorEngineManager.$cell(e,t);let u=h.fnRenderer,g=h.sTargetFieldIndex,p=h.sTargetRecordIndex,m=h.sColumnId,f=h.sGroupRecordIndex,b=!!f;const v=o.aColumnMapping[t],y=v.oDOMZGColumn;let z=h.sCellType,w=z===i.default.internalColumn.rowgroup;const C=b&&!w&&v.sGroupHeadCell;if("bottom"===o.getFrozenRowState(e)){const t=o.aBottomRowMapping,n=o.getContainerRowIndexByDataRowIndex(e);p=h.sTargetRecordIndex=t[n].sRecordIndex}if(!u&&y.renderer&&(u=v.fnRenderer=l.Z.setUserFunction(null,y.renderer)),b){!h.fnFroupRenderer&&y.renderer&&(v.fnGroupRenderer=l.Z.setUserFunction(null,y.renderer))}!h.fnAggregateRenderer&&y.renderer&&z===i.default.cellTypes.aggregate&&(v.fnAggregateRenderer=l.Z.setUserFunction(null,y.renderer));let S,x=!!g;const k=g.split(",");S=b?w?[n.get(p,k[0].trim(),f)]:[""]:k.map((e=>{let t=n.get(p,e.trim());return null!=t&&(x=!1),t})),c.setAttribute("value",S.toString()),c.setAttribute(i.default.attr.type,z),window.ShadyDOM&&window.ShadyDOM.flush();let R,M=(b?f:p)+"+"+m;if(v.aUserSet.fnRenderer&&!this.oOption.bNoReRenderer||(R=o.oZGCellMap[M]),!R&&o.bPreloaded&&(R=c.querySelector("div")),!R){for(;c.lastChild;)c.removeChild(c.lastChild);R=document.createElement("div"),c.appendChild(R),!v.fnDetailsRenderer&&y.detailsRenderer&&(v.fnDetailsRenderer=l.Z.setUserFunction(null,y.detailsRenderer)),(v.oDOMDetailsTemplate||v.fnDetailsRenderer)&&(a.Z.get(R).on("click",(e=>{o.detailsManager.openCellDetails(h)})),z!==i.default.internalColumn.rowgroup&&R.setAttribute(i.default.template.detailsAttr,""))}if(o.bPreloaded&&-1===i.default.internalColumnTypes.indexOf(z)||b&&!w&&!C||w&&!b)for(;R.lastChild;)R.removeChild(R.lastChild);else{for(;R.lastChild;)R.removeChild(R.lastChild);if(u){(r.Uh(v.sArraySlice)||r.Uh(v.sArrayIndex))&&(S=n.getArrayData(S,v)),S.push(c),S.push(h),z===i.default.cellTypes.toggle&&(u={method:s.Z.getCellType(z).renderer,scope:null});let e=!b&&(void 0!==v.sDefaultDisplay&&"disabled"!==v.sDefaultDisplay||void 0!==o.sDefaultDisplay&&null!==o.sDefaultDisplay),a=!1;if(w||x&&e||(v.oDOMRenderTemplate?(a=!0,n.processTemplate(v.oDOMRenderTemplate,R,h)):v.body&&(a=!0,n.processTemplate(v.body,R,h))),x&&(!a||e)||v.aUserSet.fnRenderer||C||!v.body&&!v.oDOMRenderTemplate){let n;if(C){let e=v.sGroupHeadCell,r=v.fnGroupHeadCell;e&&!r&&(v.fnGroupHeadCell=l.Z.setUserFunction(null,e),r=v.fnGroupHeadCell),n=o.aggregateManager.calculateAggregateColumn(e,r,v.sFieldIndex,v,t,f,h)}else if(x&&e)n=v.sDefaultDisplay||o.sDefaultDisplay;else{let e=u.scope||h;n=u.method.apply(e,S)}r.Sh(n)?R.appendChild(n):r.Uh(n)&&(R.innerHTML=n),this.listenImagesFrames(R)}}}return-1!==i.default.internalColumnTypes.indexOf(z)||n.oDataFormat.bLoadByPages||(o.oZGCellMap[M]=R),R}listenImagesFrames(e){const t=this.widget;e.querySelectorAll("img, iframe").forEach((e=>{t.nLoadingImages++,e.onload=()=>{t.bDisconnect||(t.nLoadingImages--,0===t.nLoadingImages&&(this.updating||this.update({bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0})))}}))}getTableFitHeaderWidth(e){let t;const o=this.widget,n=o.getAdjustedColumnIndex(e);if(o.bHeaderRowHide)return 0;t=o.mainColumnHeader?o.getHeaderByColumnIndex(e):o.webcomponent.getElementsByTagName("zg-head")[0];let r=(o.aColumnMapping||o.webcomponent.getElementsByTagName(i.default.zgColumn.tagName))[e],a=r.nHeaderDepth-1||0,s=this.widget.bHasSorterEnabled&&"disabled"!==r.oDOMZGColumn.getAttribute("sort"),l=t?t._getDOMByTagName("zg-row",a).childNodes:[];const d=t?t.querySelector('zg-row[type="aggregate"]'):null;if(window.ShadyDOM&&window.ShadyDOM.flush(),null!==e&&l.length){let t=l[n];if(t.colSpan>1)return 0;let o=1;s&&null===t.querySelector("zg-icon svg")&&(o+=24),r.mWidth===i.default.zgCell.actionCellKey&&t.setAttribute(i.default.attr.type,r.oDOMZGColumn.getAttribute(i.default.attr.type));const c=t.getBoundingClientRect();let h=0;if(r.sHeadCell&&d){const e=d.childNodes[n],t=e.querySelector("span");if(t){const o=t.getBoundingClientRect(),n=window.getComputedStyle(e);h=o.width+parseInt(n.paddingLeft,10)+parseInt(n.paddingRight,10)}}this.aSavedHeadCellSize[a]||(this.aSavedHeadCellSize[a]=[]),this.aSavedHeadCellSize[a][e]=c;const u=c.width+o+1;return Math.max(u,h)}return 0}getTableFitFooterWidth(e){const t=this.widget;let o,n=(t.aColumnMapping||t.webcomponent.getElementsByTagName(i.default.zgColumn.tagName))[e];const r=t.getAdjustedColumnIndex(e);if(o=t.mainColumnFooter?t.getFooterByColumnIndex(e):t.webcomponent.getElementsByTagName("zg-foot")[0],!o)return 0;let a=o.querySelector("zg-row"),s=a?a.childNodes:[];const l=o?o.querySelector('zg-row[type="aggregate"]'):null;if(!s||!s.length||null===e)return 0;let d=0;if(n.sFootCell&&l){const e=l.childNodes[r],t=e.querySelector("bdi");if(t){const o=t.getBoundingClientRect(),n=window.getComputedStyle(e);d=o.width+parseInt(n.paddingLeft,10)+parseInt(n.paddingRight,10)}}let c=0,h=s[e];return h&&(c=h.getBoundingClientRect().width+1),Math.max(c,d)}getAllTableFitContentWidth(){let e,t,o,n,r,s;const l=this.widget,d=l.webcomponent;this.aSavedColumnCellSize=[];const c=this.widget.cellBreakManager;if(l.mainColumnHeader?(e=l.mainColumnBody.oBody,t=l.leftColumnBody.oBody,o=l.rightColumnBody.oBody,n=l.mainColumnBody.el,r=l.leftColumnBody.el,s=l.rightColumnBody.el):(e=d.querySelector("zg-body#mainbody"),t=d.querySelector("zg-body#leftbody"),o=d.querySelector("zg-body#rightbody"),n=a.Z.get(d._oShadowRoot.querySelector("#body")),r=a.Z.get(d._oShadowRoot.querySelector("#left")),s=a.Z.get(d._oShadowRoot.querySelector("#right"))),e.childNodes.length){let a=n.getDOM().style.width,h=n.getDOM().style["table-layout"];n._setStyle("width","auto"),n._setStyle("table-layout","auto"),r._setStyle("width","auto"),r._setStyle("table-layout","auto"),s._setStyle("width","auto"),s._setStyle("table-layout","auto"),window.ShadyDOM&&window.ShadyDOM.flush();let u,g=d.getElementsByTagName(i.default.zgColumn.tagName),p=[];l.hasFrozenLeft()&&p.push(...t.childNodes[0].childNodes),p.push(...e.childNodes[0].childNodes),l.hasFrozenRight()&&p.push(...o.childNodes[0].childNodes);for(let e=0;e<l.aColumnMapping.length;e++){let t=g[e],o=t.mWidth;if(!o&&t.getAttribute&&(o=t.parseWidth(t.getAttribute("width"),t.getAttribute("type"))),"fit"!==o&&"fitcontent"!==o){this.aSavedColumnCellSize[e]=0;continue}t.style.width="1px",t.style.width="",u=p[e].getBoundingClientRect().width;"ellipsis"===c.getCellBreakByColumn(e)&&(u+=1);let n=t._oParsedColumnMapping,r=0;if(t.needToCalcEditorWidth())if(this.oSavedEditorSize[n.sCellType])r=this.oSavedEditorSize[n.sCellType];else{let t=l.selectorEngineManager.$cell(0,e);if(t){l.editorManager.openEditor(t,!0);const e=l.editorManager.getInputContainerByIndex(t.nStartRowIndex,t.nStartColumnIndex);let o=e.querySelector("input");o&&(o.style.width="auto");let a=e.querySelector("label");a&&(a.style="",r=a.getBoundingClientRect().width,this.oSavedEditorSize[n.sCellType]=r),l.bSizeCheck=!0,l.recordEditor.cancelOpenEdit(),l.bSizeCheck=!1}}u=Math.max(u,r),this.aSavedColumnCellSize[e]=u}n._setStyle("width",a),n._setStyle("table-layout",h),r._setStyle("width",a),r._setStyle("table-layout",h),s._setStyle("width",a),s._setStyle("table-layout",h)}}getTableFitContentWidth(e){let t,o,n,r=this.widget,s=r.getAdjustedColumnIndex(e);if(this.aSavedColumnCellSize[e])return this.aSavedColumnCellSize[e];r.mainColumnHeader?(t=r.getBodyByColumnIndex(e),o=r.getColgroupByColumnIndex(e),o&&o.assignedSlot&&(n=a.Z.get(o.assignedSlot.parentNode))):(t=r.webcomponent.querySelector("zg-body#mainbody"),o=r.webcomponent.getElementsByTagName(i.default.zgColgroup.tagName)[0],n=a.Z.get(r.webcomponent._oShadowRoot.querySelector("#body")));let l,d=o.getElementsByTagName(i.default.zgColumn.tagName)[s],c=n.getDOM().style.width,h=n.getDOM().style["table-layout"];if(n._setStyle("width","auto"),n._setStyle("table-layout","auto"),d.style.width="",window.ShadyDOM&&window.ShadyDOM.flush(),t.childNodes.length){l=t.childNodes[0].childNodes[s].getBoundingClientRect().width;let o=d._oParsedColumnMapping,n=0;if(d.needToCalcEditorWidth())if(this.oSavedEditorSize[o.sCellType])n=this.oSavedEditorSize[o.sCellType];else{let t=r.selectorEngineManager.$cell(0,e);if(t){r.editorManager.openEditor(t,!0);const e=r.editorManager.getInputContainerByIndex(t.nStartRowIndex,t.nStartColumnIndex);let a=e.querySelector("input");a&&(a.style.width="auto");let i=e.querySelector("label");i&&(i.style="",n=i.getBoundingClientRect().width,this.oSavedEditorSize[o.sCellType]=n),r.recordEditor.cancelOpenEdit()}}l=Math.max(l,n)}else l=0;return n._setStyle("width",c),n._setStyle("table-layout",h),l+1}updateHeaderWidthOfColumn(e,t,o){this.widget.mainColumnHeader.oColGroup.childNodes[e].style.width=o+"px"}updateColumnWidthCache(e,t,o,n){const r=this.widget,a=r.aColumnMapping||r.webcomponent.getElementsByTagName(i.default.zgColumn.tagName);if(0!==r.webcomponent.getBoundingClientRect().width&&(n||r.bHasAttachedToDOM&&r.store.bHasLoaded)){this.resetAllColumnsWidth(),this.getAllTableFitContentWidth(),this.bLastFitColumn=null;for(let t=0,o=a.length;t<o;t++)this.calculateColumnWidth(a[t],t,e);if(!o)if(t)for(;this.nInitialWidth>this.nStaticWidth;){let e=this.calculateHiddenColumn(!0);if(-1===e)break;if(a[e].nCurrWidth+this.nStaticWidth>this.nInitialWidth)break;this.toggleColumn(e,!1)}else for(;this.nInitialWidth<this.nStaticWidth;){let e=this.calculateHiddenColumn(!1);if(-1===e)break;this.toggleColumn(e,!0)}!this.widget.webcomponent.width&&this.nStaticWidth===this.nOnlyStaticWidth&&0===this.nStretchWidthColumnCount&&this.nInitialWidth>this.nStaticWidth&&this.widget.webcomponent.getAttribute(i.default.zgLayout.attr)!==i.default.zgLayout.typeCard&&this.nStaticWidth>0&&(this.widget.webcomponent.width=this.nStaticWidth,this.widget.nCalculatedSetWidth=!0),this.setColumnWidth()}}setColumnWidth(){let e=this.widget.aColumnMapping||this.widget.webcomponent.getElementsByTagName(i.default.zgColumn.tagName);this.adjustFrozenWidths();for(let t=0,o=e.length;t<o;t++){let o=e[t];if(o.bHidden)continue;let n=o.mWidth;void 0===n&&void 0!==o.getAttribute&&(n=o.parseWidth(o.getAttribute("width"),o.getAttribute("type")));const r=this.bLastFitColumn&&o===this.bLastFitColumn;"stretch"===n?this.setFlexWidth(o,this.nStretchWidthColumnCount,!0,r):("fit"===n||"fitheader"===n||"fitcontent"===n)&&0===this.nStretchWidthColumnCount&&this.nCurrContainerWidth>this.nStaticWidth&&this.setFlexWidth(o,this.nFitWidthColumnCount,!1,r)}}adjustFrozenWidths(){const e=this.widget,t=e.nLeftFrozenColumns,o=e.nRightFrozenColumns,n=e.aColumnMapping,r=n.length,a=r-t-o,i=this.widget.mainGridTable.dom.clientWidth,s=a>0?50:0;let l=0,d=0;for(let e=0;e<t&&e<r;e++){let t=n[e];t.bHidden||(l+=t.nCurrWidth)}for(let e=r-o;e<r&&e>0;e++){let t=n[e];t.bHidden||(d+=t.nCurrWidth)}const c=d+l;if(c+s>i){const e=(i-s)/c;for(let o=0;o<t&&o<r;o++){let t=n[o];t.bHidden||(t.nCurrWidth=t.nCurrWidth*e)}for(let t=r-o;t<r&&t>0;t++){let o=n[t];o.bHidden||(o.nCurrWidth=o.nCurrWidth*e)}}}calculateHiddenColumn(e){let t=this.widget.aColumnMapping,o=-1,n=-1;for(let r=0;r<t.length;r++){let a=t[r];if(e===a.bHidden&&a.nPriority){if(a.nPriority===n)continue;(e===a.nPriority<n||e&&-1===n)&&(n=a.nPriority,o=r)}}return o}updateHiddenColumns(e){let t=this.widget.aColumnMapping;for(let o=0;o<t.length;o++)t[o].bHidden?this.updateRowDisplay(o,!0):e&&this.updateRowDisplay(o,!1)}getLastVisibleColumn(){const e=this.widget.aColumnMapping;let t=null;for(let o=e.length-1;o>=0;o--)if(!e[o].bHidden){t=e[o];break}return t}updateMainFirstPosition(e,t=!0){const o=this.widget;if(null===(e=e||o.getFirstMainIndex()))return;let n=o.getAllCellsByIndex(e,!0);const r=n.length;(t||!r||n[r-1].hasAttribute(i.default.attr.first))&&(n=o.getFooterCells(e,n),n.forEach((e=>t?e.setAttribute(i.default.attr.first,""):e.removeAttribute(i.default.attr.first))))}updateRowDisplay(e,t){const o=this.widget.getAllCellsByIndex(e,!0,!0);let n=t?"none":"";o.forEach((e=>"none"===n?e.setAttribute(i.default.attr.hidden,""):e.removeAttribute(i.default.attr.hidden)))}toggleColumn(e,t){const o=this.widget,n=o.webcomponent,r=o.aColumnMapping[e];n.oDOMFrozenMainFootFrame.style.width="",n.oDOMFrozenMainHeadFrame.style.width="",o.updateHeadFootScroll(!0),this.updateRowDisplay(e,t),this.widget.bUpdatingHidden=!0,r.bHidden=t,this.widget.bUpdatingHidden=!1,this.widget.columnMenu&&(this.widget.columnMenu.menuItems[r.sColumnId].oCheckbox.checked=!t),t?(r.mOldWidth=r.mWidth,this.unsetOldColumnWidth(r)):this.calculateColumnWidth(r,e),o.fire("columntoggle",{oColumnMapping:r,bHide:t})}unsetOldColumnWidth(e){let t=e.mOldWidth||e.mWidth;r.hj(t)&&(this.nStaticWidth-=t),/\d*\.?\d+%/.test(t)&&(this.nStaticWidth-=e.nCurrWidth),"fitheader"!=t&&"fitcontent"!==t&&"fit"!==t||e.nFitWidth&&(this.nStaticWidth-=e.nFitWidth,this.nFitWidthColumnCount--),"stretch"==t&&this.nStretchWidthColumnCount--}resetGlobals(){this.nColumnsWidth=0,this.nStaticWidth=0,this.nOnlyStaticWidth=0,this.nStretchWidthColumnCount=0,this.nFitWidthColumnCount=0,this.oSavedEditorSize={},this.aSavedHeadCellSize=[],this.aSavedColumnCellSize=[]}resetAllColumnsWidth(){const e=this.widget,t=e.webcomponent;let o=e.getAllColumns(),n=e.getAllHeadCells(),r=e.getAllFootCells();this.resetGlobals();for(let e=0;e<o.length;e++)o[e].removeAttribute(i.default.attr.style);for(let e=0;e<r.length;e++)this.clearWidthStyles(r[e]);for(let e=0;e<n.length;e++)if(!n[e].hasAttribute(i.default.attr.hidden)&&(this.clearWidthStyles(n[e]),n[e].tagName.toLowerCase()===i.default.zgFilter.tagName)){let t=n[e].querySelector("input");t&&(t.style.width="1px")}e.savedScrollVal&&(e.oDOMMainScroll.scrollLeft=0,t.oDOMHead.style.transform="")}clearWidthStyles(e){e.style.removeProperty("left"),e.style.removeProperty("line-height"),e.style.removeProperty("position"),e.style.removeProperty("width"),e.style.removeProperty("height")}calculateColumnWidth(e,t,o){let n=e.mWidth,a=e.nMinWidth?parseInt(e.nMinWidth,10):null,s=null;const l=t===this.widget.aColumnMapping.length-1,d=e.oDOMZGColumn.parentNode;if(!n&&e.getAttribute&&(n=e.parseWidth(e.getAttribute("width"),e.getAttribute("type"),this.widget)),l&&this.widget.bOnlyColumnWidth&&!isNaN(n)&&this.widget.webcomponent.width&&this.nInitialWidth>this.nStaticWidth+n&&(n="stretch"),(this.widget.bPreloaded||this.bResizing)&&e.oDOMZGColumn){let t=parseInt(e.oDOMZGColumn.getAttribute("min-calculated-width"),10)||null;a=Math.max(a,t)}let c,h=parseInt(e.oDOMZGColumn.getAttribute("min-calculated-header-width"),10)||this.getTableFitHeaderWidth(t);h&&e.oDOMZGColumn&&(e.oDOMZGColumn.setAttribute("min-calculated-header-width",h),e.nFullHeaderWidth=h);let u=!1;if(!e.bHidden&&d.getAttribute(i.default.zgLayout.attr)!==i.default.zgLayout.typeCard&&this.widget.webcomponent.getAttribute(i.default.zgLayout.attr)!==i.default.zgLayout.typeCard){if(n===i.default.zgCell.actionCellKey&&(n=e.body?"fit":"fitheader",u=!0),r.hj(n))e.nCurrWidth=n,this.nStaticWidth+=n,this.nOnlyStaticWidth+=n;else if(c=/\d*\.?\d+%/.exec(n)){let t=c[0],o=Number.parseFloat(t)/100;n=this.nInitialWidth*o,e.nFullWidth=n+"px",e.nCurrWidth=n,this.nStaticWidth+=n}else if("fitheader"===n||"fitcontent"===n){let o;a?o=a:"fitheader"===n&&h?s=o=h:o="fitheader"===n?this.getTableFitHeaderWidth(t):this.getTableFitContentWidth(t),u?o=Math.max(o,i.default.zgCell.actionCellSize):(this.bLastFitColumn=e,e.nFitWidth=o,this.nFitWidthColumnCount++),e.nCurrWidth=o,!a&&e.oDOMZGColumn&&e.oDOMZGColumn.setAttribute("min-calculated-width",e.nCurrWidth),this.nStaticWidth+=o}else if("fit"===n){let o;if(a)o=a;else{let n=this.getTableFitContentWidth(t);s=h||this.getTableFitHeaderWidth(t);let r=0;e.sFootCell&&(r=this.getTableFitFooterWidth(t)),o=Math.max(n,s,r)}u?o=Math.max(o,i.default.zgCell.actionCellSize):(this.bLastFitColumn=e,e.nFitWidth=o,this.nFitWidthColumnCount++),e.nCurrWidth=o,this.nStaticWidth+=o,!a&&e.oDOMZGColumn&&e.oDOMZGColumn.setAttribute("min-calculated-width",e.nCurrWidth),s&&e.oDOMZGColumn&&e.oDOMZGColumn.setAttribute("min-calculated-header-width",s)}else"stretch"===n&&(this.bLastFitColumn=e,this.nStretchWidthColumnCount++,this.bLastFitColumn=e);this.widget.bOnlyColumnWidth&&u&&(this.nOnlyStaticWidth+=e.nCurrWidth)}}setFlexWidth(e,t,o,n){let r=this.nCurrContainerWidth-this.nStaticWidth,a=Math.floor(r/t),i=r-a*t;n&&i>0&&(a+=i),e.nCurrWidth=o?a:e.nCurrWidth+a}updateColumnWidth(e,t){const o=this.widget,n=o.webcomponent;if(!(t||o.bHasAttachedToDOM&&o.store.bHasLoaded))return;let r,a,s;o.mainColumnHeader?(r=n.getElementsByTagName("zg-column"),a=o.aColumnMapping,s=o.mainColumnBody.oBody):(s=o.webcomponent.querySelector("#mainbody"),a=r=o.webcomponent.getElementsByTagName("zg-column"));let l=!1,d=0,c=window.getComputedStyle(s);d=parseInt(c.borderRightWidth,10);let h=0,u=o.nLeftFrozenColumns,g=0,p=o.nRightFrozenColumns,m=!0,f=(e,t)=>{let o=r[t],n=a[t].oDOMZGColumn||a[t];o!==n&&(o=n);let s=o.style.width;if(e.bHidden&&!o.hasAttribute(i.default.attr.hidden))o.setAttribute(i.default.attr.hidden,"");else if(!e.bHidden){let n;if(o.hasAttribute(i.default.attr.hidden)&&o.removeAttribute(i.default.attr.hidden),e.nFullWidth)o.style.width=n;else{let r=0;t===a.length-1&&(r=d),n=e.nCurrWidth-r,this.nColumnsWidth+=n,o.style.width=n+"px"}t<=u-1?(h+=parseInt(n,10),this.updateMainFirstPosition(t,!1)):t>=a.length-p?(g+=parseInt(n,10),this.updateMainFirstPosition(t,!1)):m?(this.updateMainFirstPosition(t,!0),m=!1):this.updateMainFirstPosition(t,!1)}s&&s!==o.style.width&&(l=!0)};if(null==e){this.nColumnsWidth=0;for(let e=0,t=a.length;e<t;e++){f(a[e],e)}this.nFrozenColumnsWidth=0,h&&o.leftColumnBody.oDOMWrapper&&(o.leftColumnBody.oDOMWrapper.style.width=h+"px",o.webcomponent.oDOMFrozenLeftHead.style.width=h+"px",o.webcomponent.oDOMFrozenLeftFoot.style.width=h+"px",o.webcomponent.oDOMFrozenLeftStyle.style.width=h+"px",this.nFrozenColumnsWidth+=h),g&&o.leftColumnBody.oDOMWrapper&&(o.rightColumnBody.oDOMWrapper.style.width=g+"px",o.webcomponent.oDOMFrozenRightHead.style.width=g+"px",o.webcomponent.oDOMFrozenRightFoot.style.width=g+"px",o.webcomponent.oDOMFrozenRightStyle.style.width=g+"px",this.nFrozenColumnsWidth+=g),o.updateFrozenColumnAttributes(h,"Left"),o.updateFrozenColumnAttributes(g,"Right"),this.updateFrozenMainSize()}else r[e].style.width&&(this.nColumnsWidth-=r[e].style.width),f(a[e],e);return l}calculateRowHeights(){const e=this.widget;if((e.hasFrozenColumns()||e.nRowHeight)&&e.layoutManager.sCurrentType!==i.default.zgLayout.typeCard)if(e.nRowHeight&&"auto"!==e.nRowHeight)this.updateFrozenHeights(null,e.nRowHeight);else{const t=e.mainColumnBody.oBody,o=e.leftColumnBody.oBody,n=e.rightColumnBody.oBody,r=t.children,a=o.children,i=n.children,s=Math.max(r.length,a.length,i.length),l=[];for(let e=0;e<s;e++){let t;r[e].style.height&&!1||(t=0,r.length>e&&(t=Math.max(t,r[e].offsetHeight)),a.length>e&&(t=Math.max(t,a[e].offsetHeight)),i.length>e&&(t=Math.max(t,i[e].offsetHeight))),l.push(t)}this.updateFrozenHeights(l)}}updateFrozenHeights(e,t){const o=this.widget;if(!o.hasFrozenColumns()&&!o.nRowHeight)return;const n=o.mainColumnBody.oBody,r=o.leftColumnBody.oBody,a=o.rightColumnBody.oBody,i=n.children,s=r.children,l=a.children,d=Math.max(i.length,s.length,l.length);for(let n=0;n<d;n++){let r;if(t)"fixed"===t&&(t=o.nDefaultRowHeight),r=t;else{if(!e[n])continue;r=e[n]+"px"}r&&(i.length>n&&(i[n].style.height=r),s.length>n&&(s[n].style.height=r),l.length>n&&(l[n].style.height=r))}}destroy(...e){this.resizeWindow&&(window.removeEventListener("resize",this.resizeWindow,{passive:!0}),this.resizeWindow=null),this.bLastFitColumn=null,super.destroy()}_setColumnText(e){return e.sCellType===i.default.internalColumn.recordselector?e.fnRenderer.method.apply(e):e.sColumnHeaderText}_removeFixedWrapperWidth(){this.widget.nSetWidth&&this.widget.nCalculatedSetWidth,this.widget.nSetWidth||(this.widget.mainGridTable.dom.removeAttribute("style"),this.clearFrameWidths())}}const h=c},5308:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(8419),r=(o(2816),o(3605));const a=class{constructor(e){this.widget=e.widget,this.ZG=this.widget.webcomponent,this.ZGPager=this.ZG.querySelector(n.default.zgPager.tagName),this.setViewportTO=null,this._allowed=!this.ZG.hasAttribute(n.default.viewport.stopAttr),this.allowedViewportTypes=[{unit:null,display:"null"},{unit:"px",display:"pixel"},{unit:"em",display:"em"},{unit:"rem",display:"rem"}],this._breakpoints=null,this.defaultTypes={[`${n.default.viewport.mobileLabel}`]:n.default.viewport.mobileMax,[`${n.default.viewport.tabletPortraitLabel}`]:n.default.viewport.tabletPortraitMax,[`${n.default.viewport.tabletLandscapeLabel}`]:n.default.viewport.tabletLandscapeMax,[`${n.default.viewport.desktopLabel}`]:n.default.viewport.desktopMax,[`${n.default.viewport.desktopLargeLabel}`]:n.default.viewport.desktopLargeMax},this._types=null,this._run={pause:this.ZG.hasAttribute(n.default.viewport.pauseAttr)&&!this.ZG.hasAttribute(n.default.viewport.stopAttr),play:!(this.ZG.hasAttribute(n.default.viewport.pauseAttr)||this.ZG.hasAttribute(n.default.viewport.stopAttr)),stop:this.ZG.hasAttribute(n.default.viewport.stopAttr)}}get allow(){return this._allowed}set allow(e){this._allowed=e}get breakpoints(){return this._breakpoints}get run(){return this._run}set run(e){this._runViewport(e)}get types(){return this._types}set types(e){e=e||this.defaultTypes,this._types=e,this._breakpoints=this._buildBreakpointsArray(e)}get view(){return this.ZG.getAttribute(n.default.viewport.attr)}setViewport(e){this.allow&&(window.cancelAnimationFrame(this.setViewportTO),e?this.updateViewport():this.setViewportTO=window.requestAnimationFrame((()=>this.updateViewport())))}updateViewport(){this.widget.bDisconnect||(this.breakpointsClone=this._getBreakpoints(),this.currentView=this._getCurrentViewport(),this.ZG.setAttribute(n.default.viewport.attr,this.currentView),this.ZG.oDOMBody.setAttribute(n.default.viewport.attr,this.currentView),this._setPagerViewport(),window.cancelAnimationFrame(this.setViewportTO),this.widget.fire("viewport:change"))}_buildBreakpointsArray(e){let t,o,n,a,i,s=[],l=[];const d=Object.keys(e),c=d.map((t=>e[t])).filter((e=>null!==e));if(!d.length)return"error-empty";const h=this._consistentTypes(e,this.allowedViewportTypes);if("string"==typeof h)return void console.error(`Error: ${h}`);const u=this._getType(c[0],this.allowedViewportTypes.map((e=>e.unit)));for(n in e){switch(o=null===e[n]?null:u,o){case null:a=null;break;case"px":a=parseInt(e[n]);break;default:a=parseFloat(e[n].split(o)[0])}t={label:n,value:a,type:o},o?l.push(t):s.push(t)}return r.mJ.objectSort(l,"value"),i=[...l,s[0]],i}_consistentTypes(e,t){let o,n,r=[];const a=t.map((e=>e.unit));for(o in e){if(n=this._getType(e[o],a),!n&&null!==n)return`'${e[o]}' is not a valid viewport type: ${JSON.stringify(e)}\nAllowed types: ${JSON.stringify(a)}`;r.push(n)}const i=[...r.filter((e=>null!==e)).reduce(((e,t)=>e.add(t)),new Set)];if(i.length>1){return`All viewport values must be of the same type, found: ${i.reduce(((e,o)=>e+`${t.filter((e=>e.unit===o))[0].display} (${o}), `),"")}`}return!0}_convertValueToPixel({type:e,value:t}){switch(e){case"em":return r.ye(t);case"rem":return r.fh(t);default:return t}}_getBreakpoints(){const e=window.innerWidth;this.breakpoints||(this.types=this.defaultTypes,this.ZG.removeAttribute(n.default.viewport.customAttr));const t=this.breakpoints.map((e=>Object.assign({},e)));return t.forEach((t=>t.value=this._convertValueToPixel({type:t.type,value:t.value,pixel:e}))),t}_getCurrentViewport(){const e=this.widget.updater.nCurrContainerWidth||this.ZG.getBoundingClientRect().width;let t,o,n,r=this.breakpointsClone.length;for(let a=0;a<r;a++)if(t=0===a?0:this.breakpointsClone[a-1].value,o=a===r-1?"max":this.breakpointsClone[a].value,e>=t&&("max"===o||e<o)){n=this.breakpointsClone[a].label;break}return n}_getType(e,t){let o;const n="string"==typeof t;return null===e?o=null:isNaN(e)?n?o=e.split(t)[1]:t.forEach((t=>2===e.split(t).length?o=t:t)):o="px",o}_runViewport(e){let t,o,a,i,s,l;switch("pause"!==e&&(e=!0===e?"true":"false"),e){case"pause":t=!0,o=!1,a=!1,i="#d0c902",s="⏸",l="Paused";break;case"false":t=!1,o=!1,a=!0,i="#980000",s="⏹",l="Stopped";break;default:t=!1,o=!0,a=!1,i=n.default.colors.success,s="▶️",l="Started"}this._run={pause:t,play:o,stop:a},t&&(r.Xh({el:this.ZG,attr:n.default.viewport.stopAttr}),this.ZG.oTopPager&&(r.Xh({el:this.ZG.oTopPager,attr:n.default.viewport.pauseAttr,value:""}),r.Xh({el:this.ZG.oTopPager,attr:n.default.viewport.stopAttr})),this.ZG.oBottomPager&&(r.Xh({el:this.ZG.oBottomPager,attr:n.default.viewport.pauseAttr,value:""}),r.Xh({el:this.ZG.oBottomPager,attr:n.default.viewport.stopAttr}))),o&&(this.ZG.oTopPager&&(r.Xh({el:this.ZG.oTopPager,attr:n.default.viewport.pauseAttr}),r.Xh({el:this.ZG.oTopPager,attr:n.default.viewport.stopAttr})),this.ZG.oBottomPager&&(r.Xh({el:this.ZG.oBottomPager,attr:n.default.viewport.pauseAttr}),r.Xh({el:this.ZG.oBottomPager,attr:n.default.viewport.stopAttr})),this.ZG.oDOMLayoutControls&&this.ZG.oDOMLayoutControls.removeAttribute(n.default.attr.hidden),this.widget.layoutManager.setLayout({isReset:!0}),this.allow=!0,this.setViewport()),a&&(r.Xh({el:this.ZG,attr:n.default.viewport.pauseAttr}),r.Xh({el:this.ZG,attr:n.default.viewport.attr}),r.Xh({el:this.ZG.oDOMBody,attr:n.default.viewport.pauseAttr}),r.Xh({el:this.ZG.oDOMBody,attr:n.default.viewport.attr}),this.ZG.oTopPager&&(r.Xh({el:this.ZG.oTopPager,attr:n.default.viewport.attr}),r.Xh({el:this.ZG.oTopPager,attr:n.default.viewport.pauseAttr}),r.Xh({el:this.ZG.oTopPager,attr:n.default.viewport.stopAttr,value:""})),this.ZG.oBottomPager&&(r.Xh({el:this.ZG.oBottomPager,attr:n.default.viewport.attr}),r.Xh({el:this.ZG.oBottomPager,attr:n.default.viewport.pauseAttr}),r.Xh({el:this.ZG.oBottomPager,attr:n.default.viewport.stopAttr,value:""})))}_setPagerViewport(){this.ZG.oTopPager&&this.ZG.oTopPager.setAttribute(n.default.viewport.attr,this.currentView),this.ZG.oBottomPager&&this.ZG.oBottomPager.setAttribute(n.default.viewport.attr,this.currentView)}}},1974:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>r});var n=o(6454);const r=class{constructor(e){this.widget=e.widget}$column(e){return new n.default({widget:this.widget}).column(e)}$row(e){return new n.default({widget:this.widget}).row(e)}$range(e,t){return new n.default({widget:this.widget}).range(e,t)}$cell(e,t){return new n.default({widget:this.widget}).cell(e,t)}getSelectorEngine(){return new n.default({widget:this.widget})}}},6919:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(4087);const r={aCustomLangs:{},oLangElements:{},defaultLang:"en",setLang:function(e,t,o){let n,a,i;e.split(",").map((e=>e.trim())).some((e=>{let t=e;do{if(n=r.checkLangFile(t),n){a=e,i=t;break}let o=t.lastIndexOf("-");t=-1!==o?t.substring(0,o):""}while(t.length>0);if(a||(a=e),i)return!0})),n||(r.globalLang?n=r.globalLang:r.defaultLang&&(n=r.defaultLang)),t?(t.lang=n,t.locale=a):(r.globalLang=n,r.globalLocale=a,o&&(r.defaultLang=n))},checkLangFile:function(e){let t=null;if(r.aCustomLangs[e])t=r.aCustomLangs[e];else try{t=o(1145)(`./${e}.js`).default}catch(e){}return t},getLocale:function(e){return e&&e.locale?e.locale:r.globalLocale},getLang:function(e){return(e.lang||r.globalLang||r.defaultLang).lang||r.getLocale()},get:function(e,t,o){let a;return t&&t.lang&&(a=n.MU(t.lang,e)),void 0===a&&(a=n.MU(r.globalLang,e)),void 0===a&&r.defaultLang&&(a=n.MU(r.defaultLang,e)),o&&r.storeElement(e,t,o),a},storeElement:function(e,t,o){r.oLangElements[t]||(r.oLangElements[t]=[]);let n=r.oLangElements[t];o.sPath=e,n.push(o)},refresh:function(e){let t=r.oLangElements[e];t&&(t.forEach((t=>{let o=r.get(t.sPath,e),n=t.element;t.langProperty&&(o=o[t.langProperty]),t.attribute?n.setAttribute(t.attribute,o):t.elProperty&&(n[t.elProperty]=o)})),e.dialogManager.refreshDialogs(),e.webcomponent.refresh())},destroy:function(e){let t=r.oLangElements[e];t&&(t.forEach((e=>{e.element=null})),r.oLangElements[e].length=0)}};r.setLang(r.defaultLang,null,!0),"undefined"!=typeof document&&document.documentElement.lang&&r.setLang(document.documentElement.lang,null);const a=r},4050:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n={lang:"custom",columntypes:{editor:"custom-Edit",remover:"custom-Delete",selector:"custom-Select"},context:{copyCell:"custom-Copy Cell",pasteCell:"custom-Paste Cell",insertRecordLabel:"custom-Insert New Record",insertRecordHere:"custom-Here",insertRecordEnd:"custom-End",insertRecordStart:"custom-Start",deleteRow:"custom-Delete row",sortColumn:"custom-Sort Column",editCell:"custom-Edit Cell",editRow:"custom-Edit Row",selectCell:"custom-Select Cell",selectRow:"custom-Select Row",deselect:"custom-Deselect",previousPage:"custom-Go to previous page",nextPage:"custom-Go to next page",firstPage:"custom-Go to first page",lastPage:"custom-Go to last page",version:"custom-ZingGrid Version",save:"custom-Save",cancel:"custom-Cancel"},date:{shortMonth:["custom-Jan","custom-Feb","custom-Mar","custom-Apr","custom-May","custom-Jun","custom-Jul","custom-Aug","custom-Sep","custom-Oct","custom-Nov","custom-Dec"],longMonth:["custom-January","custom-February","custom-March","custom-April","custom-May","custom-June","custom-July","custom-August","custom-September","custom-October","custom-November","custom-December"],twoWeek:["custom-Su","custom-Mo","custom-Tu","custom-We","custom-Th","custom-Fr","custom-Sa"],shortWeek:["custom-Sun","custom-Mon","custom-Tue","custom-Wed","custom-Thu","custom-Fri","custom-Sat"],longWeek:["custom-Sunday","custom-Monday","custom-Tuesday","custom-Wednesday","custom-Thursday","custom-Friday","custom-Saturday"],am:"custom-am",pm:"custom-pm",startWeek:0,startYear:6},dialog:{cancel:"custom-Cancel",close:"custom-X",confirm:"custom-Confirm",create:"custom-Create",delete:"custom-Delete",ok:"custom-Ok",recordCreate:{label:"custom-Create a new record",successMsg:"custom-Successfully added row!",errorMsg:"custom-The server encountered an error and the record could not be created."},recordDelete:{body:"custom-Are you sure you want to delete this record?",label:"custom-Confirm delete",successMsg:"custom-Record removed successfully!",errorMsg:"custom-The server encountered an error and the record could not be deleted."},recordInfo:{label:"custom-Record Info"},recordUpdate:{label:"custom-Update this record",successMsg:"custom-Record updated successfully",errorMsg:"custom-The server encountered an error and the record could not be updated."},fieldUpdate:{label:"custom-Update this field",successMsg:"custom-Field updated successfully",errorMsg:"custom-The server encountered an error and the field could not be updated."},removeXSelectedRows:{body:"custom-Are you sure you want to delete these records?",label:"custom-Remove %v record%p",successMsg:"custom-Records removed successfully!"},version:{body:"custom-built on",label:"custom-Current Version"},save:"custom-Save"},draggable:{remove:"custom-Release to hide",reorder:"custom-Drag outside grid to hide"},iconSet:{invalidVendor:"custom-Value added to [%v] does not match allowed vendor list",invalidVendorMethod:'custom-Internal Error: There was an issue loading [%v="%v"] icons. Falling back to default icons.'},loadMask:{title:"custom-loading"},pagination:{page:"custom-Page",pageOf:"custom-of",rows:"custom-Rows"},tools:{filter:"custom-Filter",search:"custom-Search",selected:"custom-%v Item%p Selected"},tooltip:{layoutCard:"custom-Card Layout",layoutRow:"custom-Row Layout",recordCreate:"custom-Insert Record",reload:"custom-Reload Grid",editrecord:"custom-Edit Record",firstpage:"custom-Go to First Page",fixedmenu:"custom-Open Menu",lastpage:"custom-Go to Last Page",menu:"custom-Open Column Menu",nextpage:"custom-Go to Next Page",prevpage:"custom-Go to Previous Page",removerecord:"custom-Remove Record",search:"custom-Open Search"},watermark:{poweredBy:"custom-Powered By <strong>ZingGrid</strong>"}}},5235:()=>{},1232:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n={lang:"en",aggregate:{sum:"Sum",avg:"Average",min:"Min",max:"Max",count:"Count"},batchEdit:{changes:"Change%p",fieldsEdited:"Field%p Edited",recordsEdited:"Record%p Edited",deleted:"Deleted",inserted:"Inserted",modified:"Modified",label:"Edit Records (Batch):"},columntypes:{duplicate:"Duplicate",editor:"Edit",remover:"Delete",selector:"Select",info:"Info",key:"Key","row-number":"Row Number"},context:{copyCell:"Copy Cell",pasteCell:"Paste Cell",insertRecordLabel:"Insert New Record",insertRecordHere:"Here",insertRecordEnd:"End",insertRecordStart:"Start",deleteRow:"Delete row",duplicateRow:"Duplicate row",sortColumn:"Sort Column",hideColumn:"Hide Column",editCell:"Edit Cell",editRow:"Edit Row",selectAll:"Select All",selectCell:"Select Cell",selectRow:"Select Row",deselect:"Deselect",previousPage:"Go to previous page",nextPage:"Go to next page",firstPage:"Go to first page",lastPage:"Go to last page",version:"ZingGrid Version",resetState:"Unsave Grid State",save:"Save",cancel:"Cancel",freezeColumnLeft:"Freeze Column - Left",freezeColumnRight:"Freeze Column - Right",unfreezeColumn:"Unfreeze Column",freezeRowTop:"Freeze Row - Top",freezeRowBottom:"Freeze Row - Bottom",unfreezeRow:"Unfreeze Row"},date:{shortMonth:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],longMonth:["January","February","March","April","May","June","July","August","September","October","November","December"],twoWeek:["Su","Mo","Tu","We","Th","Fr","Sa"],shortWeek:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],longWeek:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],am:"am",pm:"pm",startWeek:0,startYear:6,fromNow:{seconds:"%v seconds",minute:"a minute",minutes:"%v minutes",hour:"an hour",hours:"%v hours",day:"a day",days:"%v days",month:"a month",months:"%v months",year:"a year",years:"%v years",past:"%v ago",future:"in %v"}},dialog:{cancel:"Cancel",close:"X",confirm:"Confirm",create:"Create",delete:"Delete",ok:"Ok",read:{errorMsg:"The server encountered an error and the data could not be read."},recordCreate:{label:"Create a new record",successMsg:"Successfully added row!",errorMsg:"The server encountered an error and the record could not be created."},recordDelete:{body:"Are you sure you want to delete this record?",label:"Confirm delete",successMsg:"Record removed successfully!",errorMsg:"The server encountered an error and the record could not be deleted."},recordInfo:{label:"Record Info",errorMsg:"The server encountered an error and the data could not be read."},recordUpdate:{label:"Update this record",successMsg:"Record updated successfully",errorMsg:"The server encountered an error and the record could not be updated."},fieldUpdate:{label:"Update this field",successMsg:"Field updated successfully",errorMsg:"The server encountered an error and the field could not be updated."},removeXSelectedRows:{body:"Are you sure you want to delete these records?",label:"Remove %v record%p",successMsg:"Record%p removed successfully!"},batchEdit:{cancel:{body:"The following edits have been made and will be undone:<br>",bodyPlural:"The following %v changes have been made and will be undone:<br>",label:"Discard All Edits"},commit:{body:"Save changes?<br>",bodyPlural:"Save %v changes?<br>",label:"Save Batch Edit"},recordsBody:"<br><strong>%v Total Record%p Modified:</strong>",changeBody:"%v Record%p ",successMsg:"Successfully completed batch edit!",errorMsg:"Error: Batch Edit saved %v record%p and encountered %v error%p.",errorMsgMore:"View details",errorLabel:"Error Details",dialogErrorMsg:"<strong>%v Error%p</strong><br>",inserted:"Created",recordsEdited:"Edited",deleted:"Deleted"},version:{body:"built on",label:"Current Version"},save:"Save"},drag:{remove:"Release to hide",reorder:"Drag outside grid to hide"},iconSet:{invalidVendor:"Value added to [%v] does not match allowed vendor list",invalidVendorMethod:'Internal Error: There was an issue loading [%v="%v"] icons. Falling back to default icons.'},loadMask:{title:"loading"},noData:{message:"There are no records to display.",insertRecord:"Insert a new record."},pagination:{page:"Page",pageOf:"of",pageNext:"Next",pagePrev:"Previous",rows:"Rows"},tools:{filter:"Filter",search:"Search",selected:"%v Item%p Selected"},tooltip:{batchedit:"Edit Records (Batch)",batcheditsave:"Save Batch Edit",batcheditcancel:"Cancel Batch Edit",layoutCard:"Card Layout",layoutRow:"Row Layout",recordCreate:"Insert Record",reload:"Reload Grid",editrecord:"Edit Record",firstpage:"Go to First Page",fixedmenu:"Open Menu",lastpage:"Go to Last Page",menu:"Open Column Menu",nextpage:"Go to Next Page",prevpage:"Go to Previous Page",duplicaterecord:"Duplicate Record",removerecord:"Remove Record",undoremoverecord:"Restore Record",search:"Open Search",openrowgroup:"Open Group",closerowgroup:"Close Group"},validation:{errorMessage:"Validation Failed"},watermark:{poweredBy:"Powered By <strong>ZingGrid</strong>"}}},8672:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n={lang:"es",aggregate:{sum:"Suma",avg:"Promedio",min:"Min",max:"Max",count:"Contar"},batchEdit:{changes:"Cambio%p",edited:"Editado",fieldsEdited:"Campo%p Editado%p",recordsEdited:"Registro%p Editado%p",deleted:"Borrado",inserted:"Insertado",modified:"Modificado",label:"Editar los Registros (Lote):"},columntypes:{duplicate:"Duplicarse",editor:"Editar",remover:"Eliminar",selector:"Seleccionar",info:"Info",key:"Key","row-number":"Numero de Fila"},context:{copyCell:"Copiar Celda",pasteCell:"Pegar Celda",insertRecordLabel:"Añadir Registro Nuevo",insertRecordHere:"Aqui",insertRecordEnd:"Al Final",insertRecordStart:"Al Principio",deleteRow:"Eliminar Fila",duplicateRow:"Duplicar Fila",hideColumn:"Ocultar Columna",sortColumn:"Ordenar Columna",editCell:"Editar Celda",editRow:"Editar Fila",selectAll:"Select All",selectCell:"Seleccionar Celda",selectRow:"Seleccionar Fila",deselect:"Deseleccionar",previousPage:"Regresar a la página anterior",nextPage:"Ir a la página siguiente",firstPage:"Regresar a la primera página",lastPage:"Ir a la página final",version:"Sobre ZingGrid",resetState:"Desguardar Estado de Cuadrícula",save:"Guardar",cancel:"Cancelar",freezeColumnLeft:"Congelación de Columna - Izquierda",freezeColumnRight:"Congelación de Columna - Derecha",unfreezeColumn:"Descongelar Columna",freezeRowTop:"Inmovilizar Fila - Arriba",freezeRowBottom:"Inmovilizar Fila - Abajo",unfreezeRow:"Movilizar Fila"},date:{shortMonth:["ene","feb","mar","abr","may","jun","jul","ago","sept","oct","nov","dic"],longMonth:["enero","febrero","marzo","abril","mayo","junio","julio","agosto","septiembre","octubre","noviembre","diciembre"],twoWeek:["do","lu","ma","mi","ju","vi","sa"],shortWeek:["dom","lun","mar","mié","jue","vie","sáb"],longWeek:["domingo","lunes","martes","miércoles","jueves","viernes","sábado"],am:"am",pm:"pm",startWeek:0,startYear:6,fromNow:{seconds:"%v segundos",minute:"un minuto",minutes:"%v minutos",hour:"una hora",hours:"%v horas",day:"un día",days:"%v dias",month:"un mes",months:"%v meses",year:"un año",years:"%v años",past:"hace %v",future:"en %v"}},dialog:{cancel:"Cancelar",close:"X",confirm:"Confirmar",create:"Crear",delete:"Eliminar",ok:"Ok",read:{errorMsg:"El servidor encontró un error y no se pudieron leer los datos."},recordCreate:{label:"Crear un nuevo registro",successMsg:"¡Su registro fue creado!",errorMsg:"El servidor encontró un error y no se pudo crear el registro."},recordDelete:{body:"¿Seguro que quiere eliminar este registro?",label:"Confirmar eliminación",successMsg:"¡Su registro fue eliminado!",errorMsg:"El servidor encontró un error y no se pudo eliminar el registro."},recordInfo:{label:"Información de Registro",errorMsg:"El servidor encontró un error y no se pudieron leer los datos."},recordUpdate:{label:"Actualizar este registro",successMsg:"¡Su registro fue actualizado!",errorMsg:"El servidor encontró un error y no se pudo actualizar el registro."},fieldUpdate:{label:"Actualizar este campo",successMsg:"¡Su campo fue actualizado!",errorMsg:"El servidor encontró un error y no se pudo actualizar el campo."},removeXSelectedRows:{body:"¿Seguro que quiere eliminar estos registros?",label:"Eliminar %v registro%p",successMsg:"¡Sus registro%p fueron eliminados!"},batchEdit:{cancel:{body:"Se han realizado las siguientes ediciones y se desharán:<br>",bodyPlural:"Se han realizado los siguientes %v cambios y se desharán:<br>",label:"Descartar todas las ediciones"},commit:{body:"Guardar Cambios?<br>",bodyPlural:"Guaradar %v Cambios?<br>",label:"Guardar las Ediciones del Lote"},plurals:{errorMsg:["s","es"],recordsBody:["es"],dialogErrorMsg:["es"]},recordsBody:"<br><strong>%v Registros Total%p Modificados:</strong>",changeBody:"%v Registro%p ",successMsg:"Edición por lotes completada con éxito!",errorMsg:"Error: La Edición por Lotes Guardó %v Registro%p y encontró %v error%p.",errorMsgMore:"Ver Detalles",errorLabel:"Error Detalles",dialogErrorMsg:"<strong>%v Error%p</strong><br>",inserted:"Creado",recordsEdited:"Editado",deleted:"Borrado"},version:{body:"creado en",label:"Versión Actual"},save:"Guardar"},drag:{remove:"Suelta para esconderte",reorder:"Arrastra afuera para esconderte"},iconSet:{invalidVendor:"El valor agregado a [%v] no coincide con la lista de proveedores permitidos.",invalidVendorMethod:'Error Interno: Se produjo un problema al cargar los íconos [%v = "%v"]. Volviendo a los íconos predeterminados.'},loadMask:{title:"Cargando"},pagination:{page:"Pagina",pageOf:"de",rows:"Filas",pageNext:"Siguiente",pagePrev:"Anterior"},tools:{filter:"Filtrar",search:"Buscar",selected:"%v Elemento%p Seleccionado"},tooltip:{batchedit:"Editar los Registros (del Lote)",batcheditsave:"Guardar la Edición del Lote",batcheditcancel:"Cancelar la Edición del Lote",layoutCard:"Diseño de Tarjeta",layoutRow:"Diseño de Fila",recordCreate:"Añadir Registro",reload:"Recargar la Cuadrícula",editrecord:"Editar Registro",firstpage:"Ir a la Primera Página",fixedmenu:"Abre el Menú",lastpage:"Ir a la Última Página",menu:"Abre el Menú de la Columna",nextpage:"Ir a la Siguente Página",prevpage:"Ir a la Página Anterior",removerecord:"Elminiar Registro",undoremoverecord:"Restore Record",search:"Abre la Búsqueda",duplicateRecord:"Duplicar el Registro",openrowgroup:"Abre el Grupo",closerowgroup:"Cierra el Grupo"},validation:{errorMessage:"Validación Fallida"},watermark:{poweredBy:"Un producto provisto por <strong>ZingGrid</strong>"}}},2247:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n={lang:"zh-CN",aggregate:{sum:"总和",avg:"平均值",min:"最小值",max:"最大值",count:"统计"},columntypes:{duplicate:"创建副本",editor:"编辑",remover:"删除",selector:"选择",info:"信息",key:"名字","row-number":"行号"},context:{copyCell:"复制单元格",pasteCell:"粘贴单元格",insertRecordLabel:"创建新纪录",insertRecordHere:"在此处创建",insertRecordEnd:"创建于表格末尾",insertRecordStart:"创建于表格起始",deleteRow:"删除该行",duplicateRow:"为该行创建副本",sortColumn:"更改排序",hideColumn:"隐藏该列",editCell:"编辑单元格",editRow:"编辑该行",selectAll:"全选",selectCell:"选择单元格",selectRow:"选择该行",deselect:"取消选择",previousPage:"上一页",nextPage:"下一页",firstPage:"回到首页",lastPage:"去往末页",version:"ZingGrid版本",resetState:"重置表格",save:"保存",cancel:"取消",freezeColumnLeft:"固定该列于左侧",freezeColumnRight:"固定该列于右侧",unfreezeColumn:"取消固定该列",freezeRowTop:"固定该行于顶端",freezeRowBottom:"固定该行于底端",unfreezeRow:"取消固定该行"},date:{shortMonth:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],longMonth:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],twoWeek:["周日","周一","周二","周三","周四","周五","周六"],shortWeek:["周日","周一","周二","周三","周四","周五","周六"],longWeek:["星期日","星期一","星期二","星期三","星期四","星期五","星期日"],am:"上午",pm:"下午",startWeek:0,startYear:6,fromNow:{seconds:"%v 秒钟",minute:"1 分钟",minutes:"%v 分钟",hour:"1 小时",hours:"%v 小时",day:"1 天",days:"%v 天",month:"1 月",months:"%v 月",year:"1 年",years:"%v 年",past:"%v前",future:"%v后"}},dialog:{cancel:"取消",close:"X",confirm:"确认",create:"创建",delete:"删除",ok:"Ok",read:{errorMsg:"服务器出错，无法读取数据"},recordCreate:{label:"创建新记录",successMsg:"创建成功!",errorMsg:"服务器出错，无法创建新记录"},recordDelete:{body:"您确认要删除这条记录吗？",label:"再次确认",successMsg:"删除成功！",errorMsg:"服务器出错, 无法删除该记录"},recordInfo:{label:"详情",errorMsg:"服务器出错，无法读取数据"},recordUpdate:{label:"更新该记录",successMsg:"记录更新成功！",errorMsg:"服务器出错，无法更新该记录"},fieldUpdate:{label:"更新该数据",successMsg:"数据更新成功！",errorMsg:"服务器出错,无法更新该数据"},removeXSelectedRows:{body:"您确认要删除这条记录吗？",label:"删除 %v 条数据",successMsg:"记录删除成功！"},version:{body:"建于",label:"当前版本"},save:"保存"},drag:{remove:"释放即可隐藏",reorder:"拖拽到表格外可隐藏"},iconSet:{invalidVendor:"添加到 [%v] 的值与第三方列表的可用值不匹配",invalidVendorMethod:'内部错误: 加载 [%v="%v"] 图标时出现问题, 回退到默认图标'},loadMask:{title:"加载中"},noData:{message:"没有记录可显示",insertRecord:"创建新记录"},pagination:{page:"第",pageOf:", 共",pageNext:"下一页",pagePrev:"上一页",rows:"行"},tools:{filter:"过滤",search:"输入搜索内容",selected:"选中 %v 个"},tooltip:{layoutCard:"为画廊",layoutRow:"为列表",recordCreate:"创建新纪录",reload:"重新加载表格",editrecord:"编辑该记录",firstpage:"返回首页",fixedmenu:"打开菜单",lastpage:"前往末页",menu:"打开列菜单",nextpage:"下一页",prevpage:"上一页",duplicaterecord:"为该记录创建一个副本",removerecord:"移除该记录",search:"打开搜索",openrowgroup:"展开",closerowgroup:"收起"},validation:{errorMessage:"验证失败"},watermark:{poweredBy:"由 <strong>ZingGrid</strong> 提供支持"}}},2048:(e,t,o)=>{"use strict";o.d(t,{Zh:()=>s,kB:()=>a,p6:()=>i});var n=o(6919),r=o(3605);function a(e){let t,o;"string"==typeof e&&(o=/^(\d{4})-(\d{2})-(\d{2})$/,e.match(o)&&(e+="T00:00:00")),t=parseInt(e,10)==e?parseInt(e,10):e;let n=null;if("string"==typeof t){o=/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2})$/;let e=t.match(o);e&&e.length>=7&&(e=e.map(((e,t)=>{if(t>=1&&t<=6)return parseInt(e,10)})),t=new Date(e[1],e[2]-1,e[3],e[4],e[5],e[6]))}return n||(n=new Date(t)),n}function i(e,t,o,r){const a=l(e);o=o||n.default.getLocale(r)||"en-US",a.widget=r,a.locale=o;const i=t.match(/(\[[^\[]*\])|LTS|LT|L{1,4}|l{1,4}|A|a|DDDo|D{3,4}|Do|D{1,2}|do|d{1,4}|E|e|F|GGGG|GG|gggg|gg|HH|H|hh|h|kk|k|Mo|M{1,4}|mm|m|Qo|Q|ss|s|S{1,9}|Wo|WW|W|wo|ww|w|X|x|Y{4}|YY|ZZ|Z|./g);let s="";return i.forEach((e=>{b[e]?s+=b[e](a):s+=e.replace(/\[|\]/g,"")})),s}function s(e,t,o){let a,i,s=l(new Date),d=l(e),c=Math.round((s.time-d.time)/1e3),h=c<0,u=Math.abs(c),g=Math.round(u/60),p=Math.round(g/60),m=Math.round(p/24),f=Math.round(m/30),b=Math.round(m/365);u<44?(a="seconds",i=u):g<=1?a="minute":g<45?(a="minutes",i=g):p<=1?a="hour":p<22?(a="hours",i=p):m<=1?a="day":m<26?(a="days",i=m):f<=1?a="month":f<11?(a="months",i=f):b<=1?a="year":(a="years",i=b),a=n.default.get(`date.fromNow.${a}`,o);let v=r.translate({msg:a,vars:[i]});if(!t){const e=h?n.default.get("date.fromNow.future",o):n.default.get("date.fromNow.past",o);v=r.translate({msg:e,vars:[v]})}return v}function l(e){const t={};return t.year=e.getFullYear(),t.weekYear=t.year,t.month0=e.getMonth(),t.month=e.getMonth()+1,t.date=e.getDate(),t.hour=e.getHours(),t.minute=e.getMinutes(),t.second=e.getSeconds(),t.ms=e.getMilliseconds(),t.day=e.getDay(),t.time=e.getTime(),t.dateStr=e.toString(),t.fullDate=e,t}function d(e){let t=e%10,o=e%100,n="th";return o>10&&o<20?n="th":1===t?n="st":2===t?n="nd":3===t&&(n="rd"),e+n}function c(e,t){let o=""+e,n=o.length;for(;t>n;)o="0"+e,n++;return o}function h(e){return e%4==0&&e%100!=0||e%400==0?366:365}function u(e){return Math.ceil(e.month/3)}function g(e){let t=n.default.get("date.am",e.widget),o=n.default.get("date.pm",e.widget);return e.hour>=12?o:t}function p(e){let t=e.dateStr,o=t.toUpperCase().indexOf("GMT")+3,n=t.indexOf(" ",o+1);return t.substring(o,n)}function m(e){let t=new Date(e.year,0,1).getTime();return Math.ceil((e.time-t)/864e5)}function f(e,t,o){let r=7+(t=t||n.default.get("date.startWeek",e.widget))-(o=o||n.default.get("date.startYear",e.widget)),a=r-(7+new Date(Date.UTC(e.year,0,r)).getUTCDay()-t)%7-1,i=r-(7+new Date(Date.UTC(e.year+1,0,r)).getUTCDay()-t)%7-1,s=r-(7+new Date(Date.UTC(e.year-1,0,r)).getUTCDay()-t)%7-1,l=864e5*a,d=new Date(e.year,0,1).getTime(),c=new Date(d+l).getTime(),u=Math.ceil((e.time-c)/6048e5),g=(h(e.year)-a+i)/7,p=(h(e.year-1)-s+a)/7;return u>g?(e.weekYear=e.year+1,u-=g):u<1&&(e.weekYear=e.year-1,u+=p),u}let b={A:e=>g(e).toUpperCase(),a:e=>g(e).toLowerCase(),D:e=>e.date,Do:e=>d(e.date),DD:e=>c(e.date,2),DDD:e=>m(e),DDDo:e=>d(m(e)),DDDD:e=>c(m(e),3),d:e=>e.day,do:e=>d(e.month),dd:e=>{const t=n.default.get("date.twoWeek",e.widget);return t?t[e.day]:""},ddd:e=>{const t=n.default.get("date.shortWeek",e.widget);return t?t[e.day]:""},dddd:e=>{const t=n.default.get("date.longWeek",e.widget);return t?t[e.day]:""},e:e=>{let t=n.default.get("date.startWeek",e.widget);return(e.day+7-t)%7},E:e=>(e.day+7-1)%7+1,F:e=>s(e.fullDate,!0,e.locale,e.widget),GG:e=>(f(e,1,4),(e.weekYear+"").slice(-2)),GGGG:e=>(f(e,1,4),e.weekYear),gg:e=>(f(e),(e.weekYear+"").slice(-2)),gggg:e=>(f(e),e.weekYear),H:e=>e.hour,HH:e=>c(e.hour,2),h:e=>e.hour%12||12,hh:e=>c(e.hour%12||12,2),k:(e=>e.hour+1,e=>c(e.hour+1,2)),M:e=>e.month,Mo:e=>d(e.month),MM:e=>c(e.month,2),MMM:e=>{const t=n.default.get("date.shortMonth",e.widget);return t?t[e.month0]:""},MMMM:e=>{const t=n.default.get("date.longMonth",e.widget);return t?t[e.month0]:""},m:e=>e.minute,mm:e=>c(e.minute,2),Q:e=>u(e),Qo:e=>d(u(e)),S:e=>Math.floor(e.ms/100),SS:e=>c(Math.floor(e.ms/10),2),SSS:e=>c(e.ms,3),s:e=>e.second,ss:e=>c(e.second,2),W:e=>f(e,1,4),Wo:e=>d(f(e,1,4)),WW:e=>c(f(e,1,4),2),w:e=>f(e),wo:e=>d(f(e)),ww:e=>c(f(e),2),X:e=>Math.round(e.time/1e3),x:e=>e.time,Y:e=>e.year,YY:e=>(e.year+"").slice(-2),YYYY:e=>e.year,ZZ:e=>p(e),Z:e=>{let t=p(e).trim(),o=t.length-2;return t.slice(0,o)+":"+t.slice(o)},LT:e=>new Intl.DateTimeFormat(e.locale,{hour:"numeric",minute:"numeric"}).format(e.fullDate),LTS:e=>new Intl.DateTimeFormat(e.locale,{hour:"numeric",minute:"numeric",second:"numeric"}).format(e.fullDate),L:e=>new Intl.DateTimeFormat(e.locale,{month:"2-digit",year:"numeric",day:"2-digit"}).format(e.fullDate),l:e=>new Intl.DateTimeFormat(e.locale,{month:"numeric",year:"numeric",day:"numeric"}).format(e.fullDate),LL:e=>new Intl.DateTimeFormat(e.locale,{month:"long",year:"numeric",day:"numeric"}).format(e.fullDate),ll:e=>new Intl.DateTimeFormat(e.locale,{month:"short",year:"numeric",day:"numeric"}).format(e.fullDate),LLL:e=>new Intl.DateTimeFormat(e.locale,{month:"long",year:"numeric",day:"numeric",hour:"numeric",minute:"numeric"}).format(e.fullDate),lll:e=>new Intl.DateTimeFormat(e.locale,{month:"short",year:"numeric",day:"numeric",hour:"numeric",minute:"numeric"}).format(e.fullDate),LLLL:e=>new Intl.DateTimeFormat(e.locale,{month:"long",year:"numeric",day:"numeric",hour:"numeric",minute:"numeric",weekday:"long"}).format(e.fullDate),llll:e=>new Intl.DateTimeFormat(e.locale,{month:"short",year:"numeric",day:"numeric",hour:"numeric",minute:"numeric",weekday:"short"}).format(e.fullDate)}},163:(e,t,o)=>{"use strict";o.d(t,{Z:()=>i});var n=o(2568),r=o(3605);const a={HOST:"https://app.zingsoft.com",COOKIE_PREFIX:"zglicensekey",COOKIE_LIFETIME:36e5,checkInProgress:!1,bValidated:!1,validateLicense(e,t){if(ZingGrid.bRunningTests)this.enableWatermarks();else if(this.bValidated)this.disableWatermarks();else{if(ZingGrid.LICENSE=e||ZingGrid.LICENSE||"",ZingGrid.BUILDCODE=t||ZingGrid.BUILDCODE||"",!this.cookieIsValid())if(ZingGrid)if(""!==ZingGrid.LICENSE||""!==ZingGrid.BUILDCODE){this.checkLicenseToken()?this.bValidated=!0:this.enableWatermarks()}else a.checkInProgress=!0,fetch(`${this.HOST}/v1/api/license/validate?domain=${encodeURIComponent(window.location.hostname)}`).then((e=>e.text())).then((e=>{"0"===e?this.enableWatermarks():(this.createCookie(),this.bValidated=!0),a.checkInProgress=!1})).catch((e=>{a.checkInProgress=!1}));else this.enableWatermarks();this.bValidated&&this.disableWatermarks()}},checkLicenseToken(){var e,t,o;let a;var i,s=[i="file:"===document.location.protocol?ZingGrid.HOSTNAME||"":document.location.hostname],l=i.split(".");for("www"===l[0]?s.push(i.replace("www.","")):s.push("www."+i),e=0;e<=l.length-2;e++){for(var d="*",c=e;c<l.length;c++)d+="."+l[c];s.push(d)}if(ZingGrid.LICENSE instanceof Array)for(e=0,t=s.length;e<t;e++){const t=s[e]+"&ZGSu331x";var h=n(r.H6(r.AG(t.toLowerCase())));if(-1!==ZingGrid.LICENSE.indexOf(h))return!0}if(ZingGrid.BUILDCODE instanceof Array&&2===ZingGrid.BUILDCODE.length){o=(o=r.Ll("N3wsTrln@4Cu$tOmLlc9nc9!")).replace("O","0");try{a=r.vT(ZingGrid.BUILDCODE[0],o)}catch(e){return!1}if(a===ZingGrid.BUILDCODE[1])return!0}return!1},enableWatermarks(){if(!this.bValidated){const e=document.querySelectorAll("zing-grid"),t=document.createElement("zg-watermark");e.forEach((e=>{if(!e.querySelector("zg-watermark")){let o=t.cloneNode(!0);e.appendChild(o),e.oDOMWaterMark=o}}))}},disableWatermarks(){if(this.bValidated){document.querySelectorAll("zing-grid").forEach((e=>{e.oDOMWaterMark&&(e.oDOMWaterMark.remove(),e.oDOMWaterMark=null)}))}},cookieIsValid(){const e=this.getCookie(`${this.COOKIE_PREFIX}-${window.location.hostname}`);return!!e&&(new Date).getTime()<this.decrypt(e)},encrypt(){const e=new Date((new Date).getTime()+this.COOKIE_LIFETIME).getTime();return btoa(`${e}|${window.location.hostname}`)},decrypt:e=>atob(e).split("|")[0],createCookie(){Object.keys(document).includes("cookie")&&(document.cookie=`${this.COOKIE_PREFIX}-${window.location.hostname}=${this.encrypt()};expires='${this.COOKIE_LIFETIME};'`)},getCookie(e){if(Object.keys(document).includes("cookie")){const t=("; "+document.cookie).split("; "+e+"="),o=t.pop().split(";").shift();if(2===t.length)return o}}},i=a},4087:(e,t,o)=>{"use strict";o.d(t,{MU:()=>i,P_:()=>a});var n=o(3605);function r(e,t){return null==e?[]:(t=t||".",e.split(t))}function a(e,t,o,a){let s=Array.isArray(t)?t:r(t,a),l=s[s.length-1],d=function(e,t){let o=t,r=e,a=0,i=o.length;for(;null!=r&&a<i;){if(!n.PO(r)&&!n.kJ(r))return!1;r=r[o[a]],a++}return!0}(e,s);return d&&(e=function(e,t){let o,r=t,a=e,i=0,s=r.length;for(;null!=a&&i<s;){if(!n.PO(a)&&!n.kJ(a))return e;let t=r[i],s=r[i+1];o=a[t],a[t]=void 0!==o?o:n.U(s)?[]:{},a=a[t],i++}return e}(e,s),(function(e,t){let o=t,n=o.slice(0);return n.pop(),1==o.length?e:i(e,n)}(e,s))[l]=o),e}function i(e,t,o,a){let i=null==e?void 0:function(e,t,o){if("disabled"===o&&t&&!Array.isArray(t))return e[t];let a=Array.isArray(t)?t:r(t,o),i=0,s=a.length;for(;null!=e&&i<s;){let t=a[i++],o=e;if(e=e[t],t&&"-"===t[0]){const r=parseInt(t,10);if(!isNaN(r)&&r<0&&Array.isArray(o)){o=n.mJ.clone(o);let t=o.splice(r);t&&t.length&&(e=t[0])}}}return i==s?e:void 0}(e,t,a);return void 0===i?o:i}},4584:(e,t,o)=>{"use strict";o.d(t,{hx:()=>y,w1:()=>v,V5:()=>z,G6:()=>b,Gu:()=>g,T:()=>w,iV:()=>C});let n,r=!1,a=[],i=!1,s=function(){!1===r&&(r=!0,document.addEventListener?(document.removeEventListener("DOMContentLoaded",s,!1),window.removeEventListener("load",s,!1)):(hasOnReadyStateChange&&document.detachEvent("onreadystatechange",c),window.detachEvent("onload",s))),l()},l=function(){if(!1===i){i=!0;let e=a.length;for(let t=0;t<e;t++)a[t]()}},d=function(){(window.attachEvent?function(){if(window!==top)return!1;try{document.documentElement.doScroll("left")}catch(e){return!1}return!0}:function(){return"complete"===document.readyState})&&(clearInterval(n),s())},c=function(){n=setInterval(d,2)},h="undefined"!=typeof navigator?navigator.userAgent.toLowerCase():"",u=e=>e.test(h),g=("undefined"!=typeof document&&document.documentMode,"undefined"!=typeof document?"CSS1Compat"==document.compatMode:""),p=u(/opera/),m=(p&&u(/version\/10\.5/),u(/\bchrome\b/)),f=u(/webkit/),b=!m&&u(/safari/),v=!p&&u(/msie/),y=!f&&u(/gecko/),z=u(/macintosh/);let w="undefined"!=typeof window&&("ontouchstart"in window||navigator.MaxTouchPoints>0||navigator.msMaxTouchPoints>0);w&&setTimeout((function(){let e=document.createElement("meta");e.id="viewport",e.name="viewport",e.content="width=device-width",document.getElementsByTagName("head")[0].appendChild(e)}));let C=!1;var S;S=function(){C="onmousewheel"in document.body},r?S():(a.push(S),"undefined"!=typeof document&&(document.addEventListener?(document.addEventListener("DOMContentLoaded",s,!1),window.addEventListener("load",s,!1)):(document.attachEvent("onreadystatechange",c),hasOnReadyStateChange=!0,window.attachEvent("onload",s))))},3605:(e,t,o)=>{"use strict";o.d(t,{mJ:()=>X,c7:()=>J,String:()=>Q,uQ:()=>d,W2:()=>D,nn:()=>O,mg:()=>T,kn:()=>A,$R:()=>E,go:()=>I,ye:()=>N,fh:()=>P,Ae:()=>F,SV:()=>h,ZT:()=>U,QR:()=>B,RH:()=>W,MV:()=>V,uf:()=>ie,XU:()=>Y,h8:()=>ne,wZ:()=>le,iM:()=>$,Ll:()=>ge,Uh:()=>S,AA:()=>G,MA:()=>c,kJ:()=>g,jn:()=>p,Sh:()=>f,U:()=>b,hj:()=>y,Kn:()=>w,PO:()=>C,HD:()=>k,gg:()=>R,o8:()=>M,CL:()=>q,g8:()=>H,T2:()=>Z,H6:()=>he,hS:()=>de,rO:()=>re,ls:()=>ce,AG:()=>ue,bF:()=>ae,FE:()=>se,SZ:()=>K,vT:()=>pe,Xh:()=>j,translate:()=>ve,Aq:()=>u,yZ:()=>_});var n=o(8419);const r=class{parse(e,t){let o,n,r,a,i,s,l,d,c,h,u,g=(t=t||{}).sLineSeparator||"\r\n",p=t.sDelimiter||",",m=t.bCaption||!1,f=t.bHeader||null,b=t.verticalLabels||null,v={};o=[[]],n="\r\n"!==g?new RegExp("(\\"+p+"|"+g+'|^)(?:"([^"]*(?:""[^"]*)*)"|([^"\\'+p+g+"]*))","gi"):new RegExp("(\\"+p+'|\\r?\\n|\\r|^)(?:"([^"]*(?:""[^"]*)*)"|([^"\\'+p+"\\r\\n]*))","gi");let y=null;for(;y=n.exec(e);){let e=y[1];e.length&&e!==p&&o.push([]),r=y[2]?y[2].replace(new RegExp('""',"g"),'"'):y[3],o[o.length-1].push(r)}let z=[];for(a=0,i=o.length;a<i;a++)0!==o[a].join("").replace(/\s+/g,"").length&&z.push(o[a]);m&&z.length>1&&1===z[0].length&&(v.caption=z.shift().join(""));let w=0;for(a=0,i=z.length;a<i;a++)w=Math.max(w,z[a].length);let C=[];f&&(C=z.shift());let S=[];if(b)for(s=0,l=z.length;s<l;s++)S.push(z[s].shift());if(u=JSON.parse(JSON.stringify(z).replace(/\\\\/g,"\\")),v.data=u,C.length===w){for(h=[],s=0,l=u.length;s<l;s++){let e={};for(d=0,c=w;d<c;d++)e[C[d]]=u[s][d];h.push(e)}v.data=h}return v}};const a=class{constructor(){this.aColumnIndexes=null,this.aDataset=null,this.aColgroup=null}parse(e,t){this.aColumnIndexes=[],this.aDataset=[];const o={},r=e.querySelector("colgroup"),a=e.querySelector("thead"),i=e.querySelectorAll(`tr[${n.default.tableData.headRow}]`),s=e.querySelector("caption");r&&t.bCanSetColumns&&this.createColumns(r,t),t.oTableHead&&t.oTableHead.length?this.aColumnIndexes=X.clone(t.oTableHead):i.length?this.aColumnIndexes=this.createHeader(i,t,!1,o):this.aColumnIndexes=a?this.createHeader(a,t,!0,o):this.createHeader(e,t,!1,o);const l=e.querySelector("tbody")||e;return l.querySelectorAll(`tr:not([${n.default.tableData.headRow}]):not([${n.default.tableData.ignoreRow}]):not([${n.default.tableData.frozenRow}])`).forEach((e=>{const o=this.processDataRow(e,t);o&&this.aDataset.push(o)})),this.addFrozenRows(e,l,t,o),o.data=this.aDataset,s&&(o.caption=s.innerHTML),this.aColgroup&&this.aColgroup.length&&(o.columns=this.aColgroup),o}createColumns(e,t){const o=e.querySelectorAll("col");this.aColgroup=[],o.forEach((e=>{let t={};for(let o in e.dataset){let n=e.dataset[o];""===n&&(n="true"),t[o[2].toLowerCase()+o.slice(3)]=n}t.index||(e.id?t.index=e.id:e.name&&(t.name=e.name)),this.aColgroup.push(t)}))}processDataRow(e,t){const o=this.aColumnIndexes,n=t.sTableDataFormat||"text";let r=e.querySelectorAll("td");const a=e.querySelectorAll("th");if(r=r.length>a.length?e.querySelectorAll("td, th"):[],r.length){const e={};return r.forEach((t=>{const r=t.cellIndex;let a=r,i=e;if(void 0!==o[r]){let e=o[r];if(g(e)){for(let t=0;t<e.length-1;t++){const o=e[t];""!==o&&(void 0===i[o]&&(i[o]={}),i=i[o])}a=e[e.length-1]}else a=e}i[a]="html"===n?t.innerHTML:t.textContent})),e}}addFrozenRows(e,t,o,r){const a=[],i=[],s=t.querySelectorAll(`tr[${n.default.tableData.frozenRow}]`);s.length&&s.forEach((e=>{const t="bottom"===e.getAttribute(n.default.tableData.frozenRow)?i:a,r=this.processDataRow(e,o);r&&t.push(r)}));const l=e.querySelector("tfoot");if(l){l.querySelectorAll("tr").forEach((e=>{const t=this.processDataRow(e,o);t&&i.push(t)}))}a.length&&(this.aDataset.unshift(...a),r.frozenTop=a.length),i.length&&(this.aDataset.push(...i),r.frozenBottom=i.length)}createHeader(e,t,o,n){let r,a,i=!1,s=[],l=[0,0];if(e.length)a=e,r="th, td";else{a=e.querySelectorAll("tr");e.querySelector("th")?r="th":o&&(r="td")}return r&&a.forEach((e=>{if(!i){let o=e.querySelectorAll(r);const n=e.querySelectorAll("td");"th"===r&&o.length>n.length?o=e.querySelectorAll("th, td"):"th"===r&&(o=[]),o.length?this.loopHeaderCells(o,t,s,l):s.length&&(i=!0)}})),l[0]&&(n.frozenLeft=l[0]),l[1]&&(n.frozenRight=l[1]),s}loopHeaderCells(e,t,o,r){const a=t.sTableHeadFormat||"text";let i=!1,s=0,l=0;e.forEach((e=>{const t=e.cellIndex,r=e.colSpan;let d=e.getAttribute(n.default.tableData.frozenColumn);""===d&&(d="left");let c=null;d?("left"!==d||i||(s+=r),"right"===d&&(l+=r)):(i=!0,l=0);for(let n=0;n<r;n++){const r=t+n;let i,s;this.aColgroup&&void 0!==this.aColgroup[r]&&(c=this.aColgroup[r]),i="html"===a?e.innerHTML:e.textContent,c&&c.index?(s=c.index,c.header||(c.header=i)):s=i,void 0===o[r]?o[r]=[s]:o[r].push(s)}})),r[0]=Math.max(r[0],s),r[1]=Math.max(r[1],l)}};var i=o(6919),s=o(2260);let l=Object.prototype.toString,d=function(){let e;if("undefined"!=typeof window&&window.ShadyDOM){e=document.createElement("style"),e.id="zg-shadow-dom-style";let t=document.head;t.insertBefore(e,t.firstChild)}return function(t,o,n,r,a,i){let s,l=t.attachShadow({mode:"open"});if(t._oShadowRoot=l,i&&(l.adoptedStyleSheets=[i]),a)s=a.content.cloneNode(!0);else{let e;e=window.ShadyDOM?`${r}`:`\n      <style>${n}</style>\n      ${r}\n      `,s=document.createRange().createContextualFragment(e)}if(l.appendChild(s),window.ShadyDOM){if(!n.shimmed){let t=n.toString().replace(/:host\(([^\n,\s]+)\)/gm," "+o+"$1").replace(/:host/gm," "+o).replace(/::slotted\(([^\)]+)\)/gm,o+" $1").replace(new RegExp("("+o+"[^{.,\\n]+)"+o+"[^-]","gmi"),"$1");e.textContent+=t}n.shimmed=!0}}}();function c(e){for(;e;e=e.parentNode){if("[object ShadowRoot]"===e.toString())return!0;if("ZING-GRID"===e.nodeName)return!1}return!1}function h(e,t){let o;o=`${window.ShadyDOM||!e?"":`<style>${e}</style>`}${t}`;const n=document.createElement("template");return n.innerHTML=o,n}function u(...e){console.log("[ZingGrid Developer Alert]",...e)}let g="isArray"in Array?Array.isArray:function(e){return"[object Array]"===l.call(e)};function p(e){return!0===e||!1===e}function m(e){return"[object Date]"===l.apply(e)}function f(e){return"object"===R(e)&&!!e.nodeType}function b(e){return!!y(e)&&e%1==0}function v(e,t){return!!function(e){return M(e)||z(e)||p(e)||k(e)||y(e)||e!=e}(e)||(!!function(e){return"[object Function]"===l.apply(e)}(e)||(!!x(e)||(!!m(e)||(g(e)?!e.length||1==t:!Object.keys(e).length))))}function y(e){return"number"==typeof e&&isFinite(e)}function z(e){return null===e}function w(e){return"[object Object]"===l.call(e)}function C(e){return"object"===R(e)&&!e.nodeType}function S(e){return!(M(e)||z(e))}function x(e){return"[object RegExp]"===l.call(e)}function k(e){return"string"==typeof e}function R(e){let t=typeof e;return z(e)&&(t="null"),g(e)&&(t="array"),m(e)&&(t="date"),x(e)&&(t="regexp"),t}function M(e){return void 0===e}function D(e){const t=(new DOMParser).parseFromString(e,"text/html").querySelector("body").children,o=document.createDocumentFragment();return[...t].forEach((e=>o.appendChild(e))),o}function O(e,t,o){let n;for(n in o&&O(e,o),t)e[n]=void 0===t[n]?e[n]:t[n];return e}function T(e,t){if(e._bIsConfigApplied)return e;W(e,t=t||{}),e._bIsConfigApplied=!0}function E(e,t,o){let n;for(n in o&&E(e,o),t)"object"!=typeof t[n]&&(e[n]=void 0===t[n]?e[n]:t[n]);return e}function A(e,t){for(let o in t)void 0===e[o]&&(e[o]=t[o]);return e}function I(e,t){for(let o of Object.getOwnPropertyNames(t))e.hasOwnProperty(o)||(e[o]=t[o]);return e}function _(e,t){var o={};if(1==e.nodeType){if(e.attributes.length>0){o["@attributes"]={};for(var n=0;n<e.attributes.length;n++){var r=e.attributes.item(n);o["@attributes"][r.nodeName]=r.nodeValue}}}else 3!=e.nodeType&&4!=e.nodeType||(o=e.nodeValue,4==e.nodeType&&t&&(o=L(o)));if(e.hasChildNodes()&&1===e.childNodes.length&&3===e.childNodes[0].nodeType)o=e.childNodes[0].nodeValue;else if(e.hasChildNodes())for(var a=0;a<e.childNodes.length;a++){var i=e.childNodes.item(a);if(3===i.nodeType&&""===i.nodeValue.trim())continue;var s=i.nodeName;let n=_(i,t);if(n!=={})if(void 0===o[s])4==i.nodeType?o=t?L(i.nodeValue):i.nodeValue:o[s]=n;else{if(void 0===o[s].push){var l=o[s];o[s]=[],o[s].push(l)}o[s].push(n)}}return o}function L(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}function F(e,t,o){if(!e)return"";if(w(e)&&(e=Object.keys(e).map((t=>{let o=e[t];return o[n.default.store.keyField]=t,o}))),!e.length)return"";const r=t.headers,a=(e,t)=>null===t?"":t,i=Object.keys(e[0]),s=e=>{const t=o.getColumnByFieldIndex(e);return t?t.sColumnHeaderText:e};let l=e.map((e=>i.map((t=>JSON.stringify(e[t],a))).join(",")));r&&(g(e[0])?l.unshift(i.map(s)):l.unshift(i.join(",")));return l.join("\r\n")}function B(e,t){let o=(new r).parse(e,t);return o.caption&&t.widget.webcomponent.setCaption(o.caption),o.data}function G(e,t){const o=new a,n=t.widget.webcomponent;t.bCanSetColumns=n.bDefaultCols;let r=o.parse(e,t);return r.caption&&n.setCaption(r.caption),r.frozenTop&&(n.frozenRowsTop=r.frozenTop),r.frozenBottom&&(n.frozenRowsBottom=r.frozenBottom),t.widget.store.once("loaded",(()=>{r.frozenLeft&&(n.frozenColumnsLeft=r.frozenLeft),r.frozenRight&&(n.frozenColumnsRight=r.frozenRight)})),r.columns&&n.setColumns(r.columns),n.headerAutoFormat="disabled",r.data}function H(e,t){let o=t.querySelector("zg-data")||null,n=null;const r=!o;for(let r in e.dataset){const a=e.dataset[r];let i=r[2].toLowerCase()+r.slice(3);if("dataFormat"===i||"headFormat"===i){o||(o=document.createElement("zg-data"));const e=document.createElement("zg-param");i="table"+i[0].toUpperCase()+i.slice(1),e.setAttribute("name",i),e.setAttribute("value",a),o.appendChild(e),n||(n={}),n[i]=a}else i=ee(i),t.setAttribute(i,a)}return o&&r&&t.appendChild(o),n}function Z(e){const t=document.createElement("zing-grid");return H(e,t),t}function N(e){return e*parseFloat(getComputedStyle(document.documentElement).fontSize)}function P(e){return e*parseFloat(getComputedStyle(document.documentElement).fontSize)}function U(e,t){let o=document.createElement("select");return t&&(!e.length||""!==e[0]&&""!==e[0].value)&&e.splice(0,0,""),e.forEach((e=>{const t="object"==typeof e,n=t?e.name?e.name:e.value:e,r=t?e.value:e;let a=document.createElement("option");a.textContent=n,a.value=r,o.appendChild(a)})),o}function W(e,t){if(e===t)return e;if(null===t)return null;let o=Array.isArray(t);if(e=null!=e?e:o?[]:{},o){if(!g(e))throw new Error("trying to deep merge an array onto a non-array type");t.forEach(((t,o)=>{void 0===e[o]||null===e[o]?e[o]=t:"object"==typeof t?e[o]=W(e[o],t):-1===e.indexOf(t)&&e.push(t)}))}else{if(!C(e))throw new Error("trying to deep merge an object onto a non-object type");Object.keys(t).forEach((o=>{"object"==typeof t[o]&&t[o]&&e[o]?e[o]=W(e[o],t[o]):e[o]=t[o]}))}return e}function V(e,t){let o=e;for(;o&&1===o.nodeType;){if(o.tagName.toLowerCase()===t)return o;o=o.parentNode}return null}function $(e,t){let o=[];return function e(n,r,a){r=r||"",v(n,a)?""!==r&&o.push(r.slice(0,-1*t.length)):Object.keys(n).forEach((o=>{e(n[o],r+o+t,!0)}))}(e,"",!1),o}function q(e){e.hasAttribute(n.default.attr.loading)&&e.removeAttribute(n.default.attr.loading)}function K({el:e,attr:t,match:o,value:n}){o?e.setAttribute(t,n):e.removeAttribute(t)}function j({el:e,attr:t,value:o}){o||""===o?e.setAttribute(t,o):e.removeAttribute(t)}function Y(e,t,o){let n=null;return t&&(n=t,!e&&t&&(e=s.Z.setUserFunction(null,t)),e&&"function"==typeof e.method&&(n=e.method.apply(e.scope,o),void 0===n&&(n=""))),n}let X={clone:function(e){return e.slice(0)},objectSort:function(e,t){return e.sort(((e,o)=>e[t]-o[t]))}};let J={copy:function(e){let t={};for(let o in e)t[o]=e[o];return t},get:function(e,t){return t.reduce(((e,t)=>e&&"undefined"!==e[t]?e[t]:void 0),e)},toString:function(e){let t="";for(let o in e)t+=o+":"+e[o]+";";return t}};let Q={camelCaseToDash:ee,camelCaseToReadable:function(e,t){let o="";return e.split(",").forEach((e=>{let n=[];n=t?oe(e,t):[e];let r="";n.forEach((e=>{let o=(e=(e=Q.dashToCamelCase(e,"[_-]")).trim()).match(/[A-Z]*[^A-Z]+/g);o&&(e=o.map((function(e){return e[0].toUpperCase()+e.substr(1).toLowerCase()})).join(" ")),e=e.replace(/\.[a-z]/g,(e=>"."+e[1].toUpperCase())),""!==r&&(r+=t),r+=e})),""!==o&&(o+=", "),o+=r})),o},capitalize:function(e){return e.replace(/(^| )(\w)/g,(e=>e.toLocaleUpperCase()))},dashToCamelCase:function(e,t){t=t||"-";let o=new RegExp(t+"([a-z])","gi");return e.replace(o,(e=>e[1].toUpperCase()))},escapeRegExp:te,format:function(e,...t){let o,n,r;if("array"===R(t[0]))o=t[0];else for(r=t.length,o=[],n=0;n<r;n++)o[n]=t[n];return e.replace(/\[(\d+)]/g,(function(e,t){return o[t]}))},formatCellData:function({args:e,cellDOM:t,cellSE:o}){const n=o._columnConfig&&o._columnConfig.sSeparator||" ";return e.filter(((t,o)=>o<e.length-2)).reduce(((e,t,o)=>(null==t&&(t=""),0===o?`${e}${t}`:`${e}${n}${t}`)),"")},formatToArray:function(e){let t;if("object"==typeof e&&e instanceof Array)return e;if(null===e)return[];if("object"==typeof e)return[e];try{t=JSON.parse(e),t instanceof Array||(t=[t])}catch(o){"string"!=typeof e&&(t=null);let n=e.replace(/:\s+/g,":").replace(/,\s+/g,",").replace(/\s+{/g,"{").replace(/}\s+/g,"}");if(n=n.replace(/{'/g,'{"').replace(/'}/g,'"}').replace(/':'/g,'":"').replace(/','/g,'","'),"{"===n.charAt(0))t=JSON.parse(`[${n}]`);else if("{"===n.charAt(1))t=JSON.parse(n);else{const o=e.replace(/^\[/,"").replace(/]$/,"").split(","),n=o.map((e=>e.trim().replace(/^'/,"").replace(/'$/,"")));t=o.length<2?null:n}}return t},stripComments:function(e){return e[0].replace(/<!--.*\s.*-->/gi,"")},toObject:function(e){let t={},o=(e=e.split(";")).length;for(let n=0;n<o;n++){let o=e[n].split(":");o.length<2||(o[0]=Q.trimWhiteSpace(o[0]),o[1]=Q.trimWhiteSpace(o[1]),t[o[0]]=o[1])}return t},trimWhiteSpace:function(e){return e.replace(/\s/g,"")},upFirstChar:function(e){return e[0].toLocaleUpperCase()+e.substr(1,e.length)},_splitHeader:oe};function ee(e){return e.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function te(e){return e.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&")}function oe(e,t){t=te(t=t||".");const o=new RegExp(`(\\w)${t}(?=\\w)`,"g");return e.replace(o,`$1${n.default.global.replaceToken}`).split(n.default.global.replaceToken)}function ne(e){if(e)return e.split(",").map((e=>Q.trimWhiteSpace(e)))}function re(e,t){return Math.floor(Math.random()*(e-t))+e}function ae(e,t,o){return-1!==t.indexOf("max-width")||!e&&t.indexOf(!0)?o:(e&&e==parseInt(e,10)&&(e+="px"),e?`width:${e}`:o?"":"max-width:100%;width:100%;")}function ie(e,t,o){if(!t)return e;let n=t.sLocale||i.default.getLocale(o)||"en-US",r={};if("disabled"===t.sTypeNumberFormatting)return e;{let o;return se(r,t),o=null==e||isNaN(e)||""===e?"":new Intl.NumberFormat(n,r).format(e),o}}function se(e,t){let o=t.nTypeNumberMinDecimals,n=t.nTypeNumberMaxDecimals,r=t.nTypeNumberDecimals;"percentage"===t.sCellType&&(void 0!==t.nTypePercentageDecimals&&(r=t.nTypePercentageDecimals),void 0!==t.nTypePercentageMaxDecimals&&(n=t.nTypePercentageMaxDecimals)),null!=r&&(e.minimumFractionDigits=r,e.maximumFractionDigits=r),null!=n&&(e.maximumFractionDigits=n),null!=o&&(e.minimumFractionDigits=o),e.minimumFractionDigits&&e.maximumFractionDigits&&e.maximumFractionDigits<e.minimumFractionDigits&&(delete e.maximumFractionDigits,delete e.minimumFractionDigits)}async function le(e,t){return await fetch(`${e}.svg`,{}).then((e=>{if(e.ok)return e.text();console.error("Error fetching external .svg")})).then((e=>de(e).children))}function de(e){return(new DOMParser).parseFromString(e,"text/xml").childNodes[0]}function ce(e,t){if(t){for(let o=e.children.length-1;o>=0;o--)[...t].forEach((t=>e.children[o]&&e.children[o].id===t.id?e.children[o].remove():t));return[...t].forEach((t=>e.append(t))),e}}function he(e){let t="";for(let o=0,n=e.length;o<n;o++){let n=o%2==0?o:e.length-o;t+=e.substring(n,n+1)}return t=t.replace(/\./g,"d"),t}function ue(e){return e.replace(/[a-zA-Z]/g,(function(e){return String.fromCharCode((e<="Z"?90:122)>=(e=e.charCodeAt(0)+13)?e:e-26)}))}function ge(e){var t=e;return t=(t=(t=t.replace("*","&")).replace("9","3")).replace("l","1")}function pe(e,t){var o=fe(function(e){for(var t=[],o="0x"===e.substr(0,2)?2:0;o<e.length;o+=2)t.push(parseInt(e.substr(o,2),16));return t}(e)),n=fe(me(t)),r=o.length;if(0===r)return"";for(var a,i,s=o[r-1],l=o[0],d=2654435769,c=Math.floor(6+52/r)*d;0!==c;){i=c>>>2&3;for(var h=r-1;h>0;h--)a=((s=o[h-1])>>>5^l<<2)+(l>>>3^s<<4)^(c^l)+(n[3&h^i]^s),l=o[h]-=a;a=((s=o[r-1])>>>5^l<<2)+(l>>>3^s<<4)^(c^l)+(n[3&h^i]^s),l=o[0]-=a,c-=d}return decodeURIComponent(function(e){for(var t="",o=0;o<e.length;o++)0!==e[o]&&(t+=String.fromCharCode(e[o]));return t}(be(o)))}function me(e){for(var t=[],o=0;o<e.length;o++)t.push(e.charCodeAt(o));return t}function fe(e){for(var t=new Array(Math.ceil(e.length/4)),o=0;o<t.length;o++)t[o]=e[4*o]+(e[4*o+1]<<8)+(e[4*o+2]<<16)+(e[4*o+3]<<24);return t}function be(e){for(var t=[],o=0;o<e.length;o++)t.push(255&e[o],e[o]>>>8&255,e[o]>>>16&255,e[o]>>>24&255);return t}function ve({msg:e="",vars:t=[],plurals:o="s"}){const n="%p",r="%v";let a;const i=e.includes(`\\${r}`),s=t.map((e=>e));a=i?we({msg:e,values:s,token:r}):ze({msg:e,values:s,token:r});const l=e.includes(`\\${n}`),d=ye({msg:e,pattern:new RegExp(`${n}(?!(\\\\))`,"gim")});if(d){const e="string"==typeof o?d.map((e=>o)):o.map((e=>e));a=l?we({msg:a,values:e,token:n}):ze({msg:a,values:e,token:n})}return a}function ye({msg:e,pattern:t}){return e.match(t)}function ze({msg:e,token:t,values:o}){const n=new RegExp(`${t}`),r=new RegExp(`${t}`,"gim"),a=o.map((e=>e));let i,s=e;return a.forEach((e=>{i=e,"object"==typeof e&&(i=e.condition||e.conditional?e.value:""),s=s.replace(n,i)})),s=s.replace(r,""),s}function we({msg:e,token:t,values:o}){const n=t.split("").reverse().join(""),r=new RegExp(`${n}(?!(\\\\))`),a=new RegExp(` ${n}(?!(\\\\))`),i=new RegExp(`${n}(?!(\\\\))`,"gim"),s=new RegExp(`\\\\${t}`,"gim"),l=o.map((e=>e));let d=e;d=d.split("").reverse().join("");const c=l.length,h=ye({msg:d,pattern:i}),u=h.length;h.forEach(((e,t)=>t<u-c?d=d.replace(a,"").replace(r,""):e));const g=l.filter(((e,t)=>t<u));return g.forEach(((e,t,o)=>o[t]="string"==typeof e?e.split("").reverse().join(""):e)),g.reverse().forEach((e=>d=d.replace(r,e))),d=d.split("").reverse().join(""),d=d.replace(s,t),d}},2816:(e,t,o)=>{"use strict";o.d(t,{Z:()=>x});var n=o(3605),r=o(4584);let a=r.hx?function(e){if(!e)return;let t=HTMLElement.prototype.toString.call(e);return"[xpconnect wrapped native prototype]"!=t&&"[object XULElement]"!=t?3==e.nodeType?e.parentNode:e:void 0}:function(e){return e&&3==e.nodeType?e.parentNode:e};var i=o(8419);function s(e,t){let o=(e=e.oBrowserEvent||e)["page"+t];return o||0===o||(o=e["client"+t]||0),o}const l={3:13,63234:37,63235:39,63232:38,63233:40,63276:33,63277:34,63272:46,63273:36,63275:35},d=r.w1?{1:0,4:1,2:2}:{0:0,1:1,2:2},c=/(dbl)?click/;function h(e,t,o){this.oBrowserEvent=e,this.type=e.type;let n=e.target||e.srcElement;this.oDOMTarget=n,this.oDOMRealTarget=n,this.bIsCTRL=e.ctrlKey||r.V5&&e.metaKey,this.bIsSHIFT=e.shiftKey,this.oDOMEventListenerHost=t,this.bDelegateNotFound=!1;let a=o.sDelegateTo;if(a){let e=this.getDelegateTarget(a);this.oDOMDelegateTarget=e,this.oDOMTarget=e}this.xy=[s(e,"X"),s(e,"Y")],this.nCharCode=this.getNormalizedCharCode(),this.nButton=this.getNormalizedButton()}h.prototype={BACKSPACE:8,TAB:9,ENTER:13,RETURN:13,SHIFT:16,CTRL:17,ALT:18,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,INSERT:45,DELETE:46,ZERO:48,ONE:49,TWO:50,THREE:51,FOUR:52,FIVE:53,SIX:54,SEVEN:55,EIGHT:56,NINE:57,NUM_ZERO:96,NUM_ONE:97,NUM_TWO:98,NUM_THREE:99,NUM_FOUR:100,NUM_FIVE:101,NUM_SIX:102,NUM_SEVEN:103,NUM_EIGHT:104,NUM_NINE:105,F2:113,A:65,B:66,C:67,D:68,E:69,F:70,G:71,H:72,I:73,J:74,K:75,L:76,M:77,N:78,O:79,P:80,Q:81,R:82,S:83,T:84,U:85,V:86,W:87,X:88,Y:89,Z:90,keyNum:{48:0,49:1,50:2,51:3,52:4,53:5,54:6,55:7,56:8,57:9,96:0,97:1,98:2,99:3,100:4,101:5,102:6,103:7,104:8,105:9},stopEvent:function(){this.stopPropagation(this.oBrowserEvent),this.preventDefault(this.oBrowserEvent)},stopImmediatePropagation:function(){let e=this.oBrowserEvent;e.stopImmediatePropagation?e.stopImmediatePropagation():this.stopPropagation()},stopPropagation:function(){let e=this.oBrowserEvent;e.stopPropagation?e.stopPropagation():e.cancelBubble=!0},preventDefault:function(){let e=this.oBrowserEvent;e.preventDefault?e.preventDefault():(e.keyCode&&(e.keyCode=0),e.returnValue=!1)},normalizeSafariKey:function(e){return r.G6&&l[e]||e},getNormalizedCharCode:function(){let e=this.oBrowserEvent;return this.normalizeSafariKey(e.keyCode||e.charCode||e.key)},getNormalizedButton:function(){let e=this.oBrowserEvent,t=e.button?d[e.button]:e.which?e.which-1:-1;return c.test(e.type)&&-1===t&&(t=0),t},getDelegateTarget:function(e){let t,o,n,r=0,a=null,i=null,s=null,l=0;e.replace(/:not\((.*)\.(.*)\)/,(function(e,t,o){s={sTagName:t,sClassName:o}})),null!==s?l=2:(n=e.split("."),a=n[0],i=n[1],l=n.length);let d=this.oDOMTarget;for(;;){if(!d)return!1;if(9==d.nodeType)return this.oDOMTarget;if(11==d.nodeType||"[object ShadowRoot]"===d.toString()){d=d.host;continue}let e=0,n=d.tagName,c=d.nodeName,h=d.classList;if(null!==s){if(void 0===n||void 0===c)return this.oDOMTarget;if(t=n.toLowerCase(),o=c.toLowerCase(),s.sTagName!==t&&s.sTagName!==o||e++,s.sClassName&&h.contains(i)&&e++,e===l)break}else{if(null!==a){if(void 0===n||void 0===c)return!1;t=n.toLowerCase(),o=c.toLowerCase(),a!==t&&a!==o||e++}null!==i&&h.contains(i)&&e++}if(e===l)return d;if(this.oDOMEventListenerHost===d){if(s)return d;break}if(d=d.assignedSlot?d.assignedSlot:d.parentNode,r++,r>=10){if(s)return d;break}}this.bDelegateNotFound=!0}};const u=h;let g,p={};g=setInterval((function(){let e,t,o,n;for(e in p)t=p[e],t!==document&&(o=t.dom,o&&o.parentNode&&(o.offsetParent||document.getElementById(e))||delete p[e]);if(r.w1){for(e in n={},p)n[e]=p[e];p=n}}),3e4);let m=/alpha\(opacity=(.*)\)/gi,f="undefined"!=typeof document?document.defaultView:null,b={},v=/(-[a-z])/gi,y={},z=0;function w(e,t){return t.charAt(1).toUpperCase()}function C(e){return b[e]||(b[e]=e.replace(v,w))}class S{constructor(e){let t,o,n=p;"string"==typeof e&&(t=e,o=document.getElementById(e)),e.nodeType&&(o=e,t=e===document?"oDocument":e===document.body?"oDocumentBody":e.id),t&&n[t],o&&(this.dom=o,t=t||S.id(o))}getDOM(){return this.dom}_getDOMByTagName(e,t){let o=this.getDOM().getElementsByTagName(e);return n.o8(t)?o:o[t]}_querySelector(...e){return this.getDOM().querySelector(...e)}_setStyle(e,t,o){let n,r,a=this.getDOM();for(r in"object"!=typeof e&&(n={},n[e]=t,e=n),e)switch(t=e[r],r){case"opacity":a.style.opacity=t;break;case"float":a.style.styleFloat=t,a.style.cssFloat=t;break;default:a.style[C(r)]=t,o&&a.style&&a.style.setProperty&&a.style.setProperty(r,t,"important")}}_hide(){this.getDOM().setAttribute(i.default.attr.hidden,"")}_show(...e){let t=this.getDOM();this.setXY(e[0]),t.removeAttribute(i.default.attr.hidden)}getHeight(){return Math.max(this.getDOM().clientHeight,this.getDOM().offsetHeight)}getWidth(){let e=this.getDOM();return Math.max(e.clientWidth,e.offsetWidth)}getSize(){let e=this.getDOM().getBoundingClientRect();return[e.width,e.height]}once(e,t,o,n){let r=(o,n)=>{t(o,n),this.un(e,r)};this.on(e,r,o,n)}on(e,t,o,n,i){n=n||{},o=o||this,void 0===i&&(i=!0);let s,l,d,c,h=!1,g=!1,p=!1,m=null,f=this,b=this.getDOM();if(/ /.test(e)){let t,o=e.split(" ");"key"===(e=o[0])&&(e="keydown");let n=o.length;for(t=1;t<n;t++){let e=o[t].toUpperCase();switch(e){case"CTRL":g=!0;break;case"SHIFT":p=!0;break;default:if(m=o[t],h=u.prototype[e],void 0===h)throw new Error("event is not write")}}}s=function(e){let i,s=function(e){return e||window.event}(e),l=new u(s,b,n);if((!n.sDelegateTo||l.oDOMDelegateTarget)&&!1===l.bDelegateNotFound){if(i=l.oDOMDelegateTarget?l.oDOMDelegateTarget:function(e){return e=e.oBrowserEvent||e,a(e.target||e.srcElement)}(s),!1!==h&&e.keyCode!==h&&e.key!==m)return;if(!1!==g){if(r.V5&&!1===e.metaKey)return;if(!r.V5&&!1===e.ctrlKey)return}if(!1!==p&&!1===e.shiftKey)return;t.apply(o,[l,i])}},"mousewheel"===e&&!1===r.iV&&(e="DOMMouseScroll"),c=i?{passive:!0}:{},b.addEventListener(e,s,c),l=this.events=this.events||{},d=l[e]=l[e]||[];let v={fn:t,wrappedFn:s,scope:o};if(d.push(v),b===document){y[e]=y[e]||[],y[e].push(v)}return function(){v&&f&&(f.un(e,null,v),b=null,v=null,f=null)}}un(e,t,o){if(!t&&!o)throw new Error("Event name [",e,"] needs a function argument to unregister");if(!this.events)return;let n,a=this.getDOM(),i=this.events[e];if(!i)return;let s=i.length;if(!o)for(n=0;n<s;n++)if(i[n].fn===t){o=i[n];break}o&&("mousewheel"===e&&!1===r.iV?a.removeEventListener("DOMMouseScroll",o.wrappedFn,!1):a.removeEventListener(e,o.wrappedFn,!1),o.scope=null,o.fn=null,o.wrappedFn=null,i.splice(i.indexOf(o),1),o=null)}fire(e,...t){if(!this.events)return;let o=this.events[e],n=this,r=!1;return o?(t.unshift(this),o.forEach((e=>{if(null==e)return;e.params&&(t=t.concat(e.params)),!1===e.fn.apply(e.scope||n,t)&&(r=!0)})),!r):void 0}docUn(e,t){let o,n=y[e];if(!n)return;let a,i=n.length;for(o=0;o<i;o++)a=n[o],a.fn===t&&(window.removeEventListener?"mousewheel"===e&&!1===r.iV?this.getDOM().removeEventListener("DOMMouseScroll",a.wrappedFn,!1):(this.getDOM().removeEventListener(e,a.wrappedFn,!1),n.splice(o,1),o--,i--):this.getDOM().detachEvent("on"+e,a.wrappedFn))}docUnAll(){for(let e in y){let t=y[e],o=0,n=t.length;for(;o<n;o++)t[o]&&t[o].fn&&this.docUn(e,t[o].fn)}}unAll(){let e,t,o,n,r,a=this.getDOM(),i=this.events;for(n in i)for(e=i[n],t=e.length,r=0;r<t;r++)o=e[r],o&&(window.removeEventListener?a.removeEventListener(n,o.wrappedFn,!1):a.detachEvent("on"+n,o.wrappedFn));this.events={}}getXY(){let e,t,o=document.body||document.documentElement,n=[0,0],r=this.getDOM();return r!=o&&r.getBoundingClientRect&&(e=r.getBoundingClientRect(),t=this.getScroll(document.body),n=[e.left+t.left,e.top+t.top]),n}getX(){return this.getXY()[0]}getY(){return this.getXY()[1]}setXY(e){const t=n.gg(e);"object"===t?(this.setStart(e.x,"left"),this.setStart(e.y,"top")):"array"===t&&(this.setStart(e[0],"left"),this.setStart(e[1],"top"))}calculateContextPosition(e,t){let o=this.getDOM();const n=o.getBoundingClientRect(),r=t.getBoundingClientRect(),a=r.left+r.width,s=e.oBrowserEvent.clientX,l=s-n.width,d=s+n.width>a,c=window.getComputedStyle(o);let h=parseInt(c.borderLeftWidth,10);h&&h>1&&t.style.setProperty("--menu-arrow-right",`calc(100% + ${h}px)`),d?(this.setStart(l-r.left,"left"),this.setAttribute(i.default.attr.internaldir,"left")):(this.setStart(e.oBrowserEvent.clientX-r.left,"left"),this.setAttribute(i.default.attr.internaldir,"right")),this.setStart(e.oBrowserEvent.clientY-r.top,"top")}calculateMenuPosition(e,t){let o=this.getDOM();const n=t.getBoundingClientRect(),r=e.oDOMTarget.getBoundingClientRect(),a=o.getBoundingClientRect(),i=n.left+n.width,s=r.left,l=s+r.width;s+a.width>i?this.setStart(i-l,"right"):this.setStart(s,"left"),this.setStart(r.top+r.height-n.top,"top")}setStart(e,t){n.o8(e)||(this.getDOM().style[t]=e+"px")}clearPosition(){["top","right","left"].forEach((e=>this.getDOM().style.removeProperty(e)))}_setLeft(e){this.getDOM().style.left=e+"px"}setTop(e){this.getDOM().style.top=e+"px"}getScroll(e){let t,o,n,a=e||this.getDOM();return a==document||a==document.body?(r.w1&&r.Gu?(t=document.documentElement.scrollLeft,o=document.documentElement.scrollTop):(t=window.pageXOffset,o=window.pageYOffset),n={left:t||(document.documentElement?document.documentElement.scrollLeft:0),top:o||(document.documentElement?document.documentElement.scrollTop:0)}):n={left:a.scrollLeft,top:a.scrollTop},n}_addClass(e){return this.getDOM().classList.add(e),this}_removeClass(e){return this.getDOM().classList.remove(e),this}_appendChild(e,t){let o=this.getDOM();e.nodeType&&o.appendChild(e)}_removeChild(e){e.nodeType&&this.getDOM().removeChild(e)}parent(e){let t=this.getDOM(),o=t.parentNode||t.parentElement;return!1===e?o:new S(o)}_setAttribute(e,t){let o,n,r=this.getDOM();if("setAttribute"in r)for(n in"object"!=typeof e&&(o={},o[e]=t,e=o),e)t=e[n],r.setAttribute(n,t);return this}_removeAttribute(e){this.getDOM().removeAttribute(e)}update(e){this.getDOM().innerHTML=e}_text(){return this.getDOM().textContent}destroy(){let e=this.parent(!1);this.unAll(),this.events={},e&&(e.removeChild(this.getDOM()),delete p[this.id]),this.dom=null}select(e){return select(e,this.getDOM())}static get(e){if(!e)throw new Error("element is not set");return!0===e.isComposite?e.item(0):new S(e)}static elContains(e,t){if(e&&e.firstChild)for(;t;){if(t===e)return!0;(t=t.parentNode)&&1!==t.nodeType&&(t=null)}return!1}static id(e,t){return e?e.id:(t||"zg-gen-")+ ++z}}S.prototype.getStyle=function(e){let t,o,n,r,a,i=this.getDOM();if(i==document)return null;if(f&&f.getComputedStyle)return e=C(e),r=(o=i.style[e])?o:(n=f.getComputedStyle(i,""))?n[e]:null,"marginRight"===e&&"0px"!==r&&(a=i.style.display,i.style.display="inline-block",r=f.getComputedStyle(i,"").marginRight,i.style.display=a),"backgroundColor"===e&&"rgba(0, 0, 0, 0)"===r&&(r="transparent"),r;if("opacity"===e){if(i.style.filter.match&&(t=i.style.filter.match(m),t)){let e=parseFloat(t[1]);if(!isNaN(e))return e?e/100:0}return 1}return e=C(e),i.style[e]||((n=i.currentStyle)?n[e]:null)};const x=S},5658:e=>{e.exports='<svg id="android" xmlns="http://www.w3.org/2000/svg"><symbol id="checkmark" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></symbol><symbol id="submitrecord" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></symbol><symbol id="checked" viewBox="0 0 24 24"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></symbol><symbol id="unchecked" viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"></path></symbol><symbol id="close" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="cancelrecord" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="edit" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></symbol><symbol id="editrecord" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></symbol><symbol id="layoutcard" viewBox="0 0 24 24"><path d="M4 11h5V5H4v6zm0 7h5v-6H4v6zm6 0h5v-6h-5v6zm6 0h5v-6h-5v6zm-6-7h5V5h-5v6zm6-6v6h5V5h-5z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="layoutrow" viewBox="0 0 24 24"><path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="menu" viewBox="0 0 24 24"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"></path></symbol><symbol id="fixedmenu" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></symbol><symbol id="reload" viewBox="0 0 24 24"><path d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"></path></symbol><symbol id="firstpage" viewBox="0 0 24 24"><path d="M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"></path></symbol><symbol id="nextpage" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></symbol><symbol id="lastpage" viewBox="0 0 24 24"><path d="M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"></path></symbol><symbol id="prevpage" viewBox="0 0 24 24"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></path></symbol><symbol id="remove" viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"></path></symbol><symbol id="removerecord" viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"></path></symbol><symbol id="up" viewBox="0 0 24 24"><path d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"></path></symbol><symbol id="down" viewBox="0 0 24 24"><path d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"></path></symbol></svg>'},2757:e=>{e.exports='<svg id="default" xmlns="http://www.w3.org/2000/svg"><symbol id="batchedit" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></symbol><symbol id="batcheditcancel" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="batcheditsave" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></symbol><symbol id="checkmark" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></symbol><symbol id="submitrecord" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></symbol><symbol id="checked" viewBox="0 0 24 24"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></symbol><symbol id="unchecked" viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"></path></symbol><symbol id="cancel" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="close" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="cancelrecord" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="success" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></symbol><symbol id="error" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"></path></symbol><symbol id="error-tmp" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"></path></symbol><symbol id="info" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"></path></symbol><symbol id="warning" viewBox="0 0 24 24"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"></path></symbol><symbol id="duplicaterecord" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"></path></symbol><symbol id="edit" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></symbol><symbol id="editrecord" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></symbol><symbol id="createrecord" viewBox="0 0 24 24"><path d="M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"></path></symbol><symbol id="layoutcard" viewBox="0 0 24 24"><path d="M4 11h5V5H4v6zm0 7h5v-6H4v6zm6 0h5v-6h-5v6zm6 0h5v-6h-5v6zm-6-7h5V5h-5v6zm6-6v6h5V5h-5z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="layoutrow" viewBox="0 0 24 24"><path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="menu" viewBox="0 0 24 24"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"></path></symbol><symbol id="fixedmenu" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></symbol><symbol id="copycell" viewBox="0 0 24 24"><path d="M3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm18-4H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14z"></path></symbol><symbol id="pastecell" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M19 2h-4.18C14.4.84 13.3 0 12 0c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm7 18H5V4h2v3h10V4h2v16z"></path></symbol><symbol id="selectcell" viewBox="0 0 24 23"><path fill="gray" fill-rule="evenodd" clip-rule="evenodd" d="M0 .958V0h1v1H0V.958zM0 22v1h1v-1H0zm24 .042V22h-1v1h1v-.958zM24 1V0h-1v1h1zM3 0v1h2V0H3zm4 0v1h2V0H7zm4 0v1h2V0h-2zm4 0v1h2V0h-2zm4 0v1h2V0h-2zm5 2.875h-1v1.917h1V2.875zm0 3.833h-1v1.917h1V6.708zm0 3.834h-1v1.916h1v-1.916zm0 3.833h-1v1.917h1v-1.917zm0 3.833h-1v1.917h1v-1.917zM21 23v-1h-2v1h2zm-4 0v-1h-2v1h2zm-4 0v-1h-2v1h2zm-4 0v-1H7v1h2zm-4 0v-1H3v1h2zm-5-2.875h1v-1.917H0v1.917zm0-3.833h1v-1.917H0v1.917zm0-3.834h1v-1.916H0v1.916zm0-3.833h1V6.708H0v1.917zm0-3.833h1V2.875H0v1.917zM5 11H3v1h2v-1zm4 0H7v1h2v-1zm8 0h-2v1h2v-1zm-5-8h1v2h-1V3zm1 4h-1v2h1V7zm-1 7h1v2h-1v-2zm1 4h-1v2h1v-2zm6-7h2v1h-2v-1zm-6 0h-1v1h1v-1z"></path><path stroke="var(--zg-icon-color, var(--theme-color-primary))" d="M.5.5h12v11H.5z"></path></symbol><symbol id="selectrow" viewBox="0 0 24 23"><path fill="gray" fill-rule="evenodd" clip-rule="evenodd" d="M0 .958V0h1v1H0V.958zM0 22v1h1v-1H0zm24 .042V22h-1v1h1v-.958zM24 1V0h-1v1h1zM3 0v1h2V0H3zm4 0v1h2V0H7zm4 0v1h2V0h-2zm4 0v1h2V0h-2zm4 0v1h2V0h-2zm5 2.875h-1v1.917h1V2.875zm0 3.833h-1v1.917h1V6.708zm0 3.834h-1v1.916h1v-1.916zm0 3.833h-1v1.917h1v-1.917zm0 3.833h-1v1.917h1v-1.917zM21 23v-1h-2v1h2zm-4 0v-1h-2v1h2zm-4 0v-1h-2v1h2zm-4 0v-1H7v1h2zm-4 0v-1H3v1h2zm-5-2.875h1v-1.917H0v1.917zm0-3.833h1v-1.917H0v1.917zm0-3.834h1v-1.916H0v1.916zm0-3.833h1V6.708H0v1.917zm0-3.833h1V2.875H0v1.917zM5 11H3v1h2v-1zm4 0H7v1h2v-1zm8 0h-2v1h2v-1zm-5-8h1v2h-1V3zm1 4h-1v2h1V7zm-1 7h1v2h-1v-2zm1 4h-1v2h1v-2zm6-7h2v1h-2v-1zm-6 0h-1v1h1v-1z"></path><path stroke="var(--zg-icon-color, var(--theme-color-primary))" d="M.5.5h23v11H.5z"></path></symbol><symbol id="deselect" viewBox="0 0 24 23"><path stroke="gray" stroke-dasharray="2 2" d="M.5.5h23v22H.5z"></path><path fill="var(--zg-icon-color, var(--theme-color-primary))" fill-rule="evenodd" clip-rule="evenodd" d="M5 17.02l1.414 1.415 6.01-6.01 6.011 6.01 1.414-1.414-6.01-6.01L19.849 5l-1.414-1.414-6.01 6.01-6.01-6.01L5 5l6.01 6.01L5 17.02z"></path></symbol><symbol id="selectall" viewBox="0 0 24 24"><rect width="21" height="21" x="2.72" y="2.75" class="cls-2" rx=".37" ry=".37"></rect><path fill="var(--zg-icon-color, var(--theme-color-primary))" fill-rule="evenodd" clip-rule="evenodd" d="M2.25 2.79c0-.3.24-.54.54-.54h19.74V.54c0-.3-.24-.54-.54-.54H.54C.24 0 0 .24 0 .54v21.45c0 .3.24.54.54.54h1.71V2.79Z"></path><path fill="#fff" fill-rule="evenodd" clip-rule="evenodd" d="m11.67 14.78-1.37-1.37c-.47-.47-1.23-.47-1.7 0s-.47 1.23 0 1.7l2.54 2.54c.47.47 1.23.47 1.7 0l.84-.84 5.93-5.93c.47-.47.47-1.23 0-1.7s-1.23-.47-1.7 0l-5.59 5.59c-.09.09-.21.14-.33.14s-.24-.05-.33-.14Z"></path></symbol><symbol id="reload" viewBox="0 0 24 24"><path d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"></path></symbol><symbol id="search" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="firstpage" viewBox="0 0 24 24"><path d="M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"></path></symbol><symbol id="nextpage" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></symbol><symbol id="lastpage" viewBox="0 0 24 24"><path d="M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"></path></symbol><symbol id="prevpage" viewBox="0 0 24 24"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></path></symbol><symbol id="resize" viewBox="0 0 24 24"><circle cx="8" cy="4" r="2"></circle><circle cx="8" cy="20" r="2"></circle><circle cx="8" cy="12" r="2"></circle><circle cx="16" cy="4" r="2"></circle><circle cx="16" cy="20" r="2"></circle><circle cx="16" cy="12" r="2"></circle></symbol><symbol id="resize-direction" viewBox="0 0 24 24"><circle cx="8" cy="12" r="2" fill="#C4C4C4"></circle><circle cx="16" cy="4" r="2" fill="#C4C4C4"></circle><circle cx="16" cy="20" r="2" fill="#C4C4C4"></circle><circle cx="16" cy="12" r="2" fill="#C4C4C4"></circle></symbol><symbol id="remove" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="removerecord" viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"></path></symbol><symbol id="undoremoverecord" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zm2.46-7.12l1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14l-2.13-2.12zM15.5 4l-1-1h-5l-1 1H5v2h14V4z"></path></symbol><symbol id="openrowgroup" viewBox="0 0 24 24"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z"></path></symbol><symbol id="closerowgroup" viewBox="0 0 24 24"><path d="M24 24H0V0h24v24z" fill="none" opacity=".87"></path><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"></path></symbol><symbol id="up" viewBox="0 0 24 24"><path d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"></path></symbol><symbol id="down" viewBox="0 0 24 24"><path d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"></path></symbol><symbol id="link" viewBox="0 0 24 24"><path d="M18 7a6 6 0 0 1 6 6 5.9 5.9 0 0 1-3 5.2 6 6 0 0 1-3 .8h-5v-2.3h5a3.8 3.8 0 0 0 3.8-3.7c0-.7-.3-1.3-.6-1.8a3.8 3.8 0 0 0-3.3-1.9H13V7h5zM7 14v-2h10v2H7zm-4.7-1c0 .7.2 1.3.5 1.8a3.8 3.8 0 0 0 3.3 1.9H11V19H6a6 6 0 0 1-6-6 5.9 5.9 0 0 1 3-5.2C4 7.3 5 7 6 7h5v2.3H6A3.8 3.8 0 0 0 2.3 13z"></path></symbol><symbol id="outsidearrow" viewBox="0 0 24 24"><path d="M18.04 11.92h-.84a.4.4 0 0 0-.42.42v4.2c0 .57-.2 1.06-.61 1.47-.41.41-.9.62-1.48.62H3.78c-.58 0-1.07-.2-1.49-.62-.4-.4-.61-.9-.61-1.48V5.63c0-.58.2-1.08.61-1.49.42-.41.9-.62 1.49-.62H13a.4.4 0 0 0 .3-.11.4.4 0 0 0 .12-.3v-.84a.4.4 0 0 0-.12-.3.4.4 0 0 0-.3-.12H3.78c-1.04 0-1.93.37-2.67 1.1A3.64 3.64 0 0 0 0 5.62v10.91c0 1.04.37 1.93 1.1 2.67.75.74 1.64 1.1 2.68 1.1h10.9c1.05 0 1.93-.36 2.67-1.1a3.64 3.64 0 0 0 1.11-2.67v-4.2a.4.4 0 0 0-.12-.3.4.4 0 0 0-.3-.11z"></path><path d="M23.75.25a.82.82 0 0 0-.6-.25h-6.83a.82.82 0 0 0-.6.25.82.82 0 0 0-.26.6c0 .24.09.44.25.6l2.35 2.35-8.7 8.7a.42.42 0 0 0 0 .62l1.53 1.52a.42.42 0 0 0 .6 0l8.7-8.7 2.36 2.35c.16.16.36.25.6.25.23 0 .43-.09.6-.25a.82.82 0 0 0 .25-.6V.84a.82.82 0 0 0-.25-.6z"></path></symbol></svg>'},6563:e=>{e.exports='<svg id="ios" xmlns="http://www.w3.org/2000/svg"><symbol id="editrecord" viewBox="0 0 24 24"><path d="M17.75 7L14 3.25l-10 10V17h3.75l10-10zm2.96-2.96c.39-.39.39-1.02 0-1.41L18.37.29c-.39-.39-1.02-.39-1.41 0L15 2.25 18.75 6l1.96-1.96z"></path><path d="M0 0h24v24H0z" fill="none"></path><path d="M0 20h24v4H0z" fill-opacity=".36"></path></symbol></svg>'},1693:(e,t,o)=>{var n={"./Grid.js":1562,"./SelectorEngine.js":6454,"./elements/ColumnBody.js":8139,"./elements/ColumnFooter.js":8938,"./elements/ColumnHeader.js":9700,"./plugins/aggregate/aggregateManager.js":9915,"./plugins/cellbreak/cellBreakManager.js":2248,"./plugins/clipper/Clipper.js":762,"./plugins/columnmenu/ColumnMenu.js":4690,"./plugins/details/detailsManager.js":5815,"./plugins/dialog/dialogManager.js":2820,"./plugins/drag/columnDragManager.js":9683,"./plugins/editor/RecordEditor.js":6289,"./plugins/editor/batchEditor.js":986,"./plugins/editor/dirtyManager.js":9958,"./plugins/editor/editorFieldManager.js":3590,"./plugins/editor/editorManager.js":9719,"./plugins/filter/Filter.js":9553,"./plugins/focus/areaFocusManager.js":5286,"./plugins/focus/focusManager.js":2005,"./plugins/focus/footerFocusManager.js":2843,"./plugins/focus/headerFocusManager.js":8427,"./plugins/fullscreen/fullscreenManager.js":5151,"./plugins/groupby/groupbyManager.js":3676,"./plugins/icon/fontawesome.map.js":1724,"./plugins/icon/iconManager.js":5110,"./plugins/layout/layoutManager.js":7848,"./plugins/menu/menuManager.js":602,"./plugins/scroller/Scroller.js":7390,"./plugins/selector/Selector.js":1510,"./plugins/sorter/Sorter.js":9642,"./plugins/source/sourceManager.js":7734,"./plugins/state/stateManager.js":3765,"./plugins/status/statusManager.js":9232,"./plugins/tooltip/tooltipManager.js":7581,"./plugins/updater/Updater.js":1704,"./plugins/viewport/viewportManager.js":5308,"./selectorEngineManager.js":1974};function r(e){var t=a(e);return o(t)}function a(e){if(!o.o(n,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return n[e]}r.keys=function(){return Object.keys(n)},r.resolve=a,e.exports=r,r.id=1693},1145:(e,t,o)=>{var n={"./Lang.js":6919,"./custom-export.js":4050,"./custom.js":5235,"./en.js":1232,"./es.js":8672,"./zh-CN.js":2247};function r(e){var t=a(e);return o(t)}function a(e){if(!o.o(n,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return n[e]}r.keys=function(){return Object.keys(n)},r.resolve=a,e.exports=r,r.id=1145},9179:(e,t,o)=>{var n={"./android.svg":5658,"./default.svg":2757,"./ios.svg":6563};function r(e){var t=a(e);return o(t)}function a(e){if(!o.o(n,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return n[e]}r.keys=function(){return Object.keys(n)},r.resolve=a,e.exports=r,r.id=9179}},t={};function o(n){var r=t[n];if(void 0!==r)return r.exports;var a=t[n]={id:n,exports:{}};return e[n].call(a.exports,a,a.exports,o),a.exports}o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{"use strict";var e=o(3605),t=o(7673),n=o(2260),r=o(2820),a=(o(8419),o(6919)),i=o(2048),s=o(163);class l{constructor(...t){let o=null,n={};for(;t.length;){let r=t.shift();e.jn(r);const a=e.PO(r),i=r&&r.nodeType&&1===r.nodeType;e.HD(r)?o=document.getElementById(r):i?o=r:a&&(n=r)}let r=n,a={};a.data=r.data,a.dataFormat={};let i=this.element=document.createElement("zing-grid");i.config=a,void 0!==r.columns&&r.columns.length&&(i.columns=r.columns),n.src&&(i.src=n.src);for(let e in n)"src"!==e&&"columns"!==e&&"config"!==e&&n.hasOwnProperty(e)&&(i[e]=n[e]);return this.widget=i.widget,o&&o.appendChild(i),i}static registerAdapter(e,t){n.Z.aAdapters[e]=t}static registerCellType(e,o){t.Z.registerCellType(e,o),l.refreshAllGrids()}static registerEditor(e,t,o){t=t||e.name,n.Z.aMethods[t]={method:e,scope:o}}static registerFilterer(e,t,o){t=t||e.name,n.Z.aMethods[t]={method:e,scope:o}}static registerValidator(e,t,o){n.Z.aMethods[t]={method:e,scope:o}}static registerMethod(e,t,o){t=t||e.name,n.Z.aMethods[t]={method:e,scope:o}}static registerNamespace(e,t,o){t=t||"default",n.Z.aNamespaces[t]={namespace:e,scope:o||e}}static registerLanguage(e,t,o){t=t||e.lang,a.default.aCustomLangs[t]=e,o&&a.default.setLang(t)}static customizeDialog(e,t){r.default.aCustomizations.push({type:e,options:t})}static setLanguage(e){const t=a.default.globalLang?a.default.globalLang.lang:"";a.default.setLang(e);document.querySelectorAll("zing-grid").forEach((o=>{!o.widget||!o.widget.bAPIReady||o.lang&&t!==o.lang||(o.lang=e)}))}static formatDate(e,t,o,n){"string"!=typeof e&&"number"!=typeof e||(e=i.kB(e)),n=n||o;let r={};return o&&(r.lang=a.default.checkLangFile(o)),i.p6(e,t,n,r)}static fromNow(e,t,o){"string"!=typeof e&&"number"!=typeof e||(e=i.kB(e));let n={};return o&&(n.lang=a.default.checkLangFile(o)),i.Zh(e,t,n)}static searchIsTable(){const t=()=>{const t=document.querySelectorAll('table[is="zing-grid"]');t&&t.forEach((t=>{const o=e.T2(t),n=t.parentNode,r=document.createElement("span");n.insertBefore(r,t),o.appendChild(t),n.replaceChild(o,r)}))};"complete"===document.readyState?t():document.addEventListener("DOMContentLoaded",t)}static setLicense(e,t){s.Z.validateLicense(e,t)}static checkLicense(){s.Z.validateLicense()}static clearLicense(){s.Z.bValidated=!1,l.LICENSE=void 0,l.BUILDCODE=void 0}static setBuildCode(e){l.setLicense(null,e)}static refreshAllGrids(){document.querySelectorAll("zing-grid").forEach((e=>{if(e.widget&&e.bReady){e.querySelectorAll("zg-column").forEach((t=>{t.type&&t._oParsedColumnMapping.bIsTypeUserProvided&&t.setCellType(e.widget,t.type)})),e.widget.update()}}))}}const d=l;if("undefined"!=typeof window&&(o(6919),o(3427),o(4889),o(3534),o(1966),o(754),o(1680),o(589),o(7939),o(1246),o(1960),o(8433),o(2327),o(5678),o(4699),o(2373),o(979),o(5468),o(5790),o(3778),o(4158),o(5392),o(1680),o(6009),o(9234),o(876),o(4347),o(6541),o(1245),o(1153),o(2081),o(4591),o(6665),o(2040),o(9327),o(7996),o(2358),o(5585),o(469),o(3837),o(2383),o(5495),o(235),o(8828),o(2800),o(7432),o(8499),o(7326)),"undefined"!=typeof window){window.ZingGrid=d,d.version="ZingGrid v1.6.2 built on Thu, 04 Jan 2024 18:56:33 GMT",d.versionNum="1.6.2",d.versionDate=1704394593267;const e=new CustomEvent("zg-script-ready");window&&window.dispatchEvent(e),d.searchIsTable()}})()})();
\ No newline at end of file
diff --git a/dist/zinggrid.min.js b/dist/zinggrid.min.js
index 02f983c..02fb4c2 100644
--- a/dist/zinggrid.min.js
+++ b/dist/zinggrid.min.js
@@ -1,2 +1,7 @@
-/*! For license information please see zinggrid.min.js.LICENSE.txt */
-(()=>{var e={26981:(e,t,o)=>{"use strict";o(11983);var n,r=(n=o(40115))&&n.__esModule?n:{default:n};r.default._babelPolyfill&&"undefined"!=typeof console&&console.warn&&console.warn("@babel/polyfill is loaded more than once on this page. This is probably not desirable/intended and may have consequences if different versions of the polyfills are applied sequentially. If you do need to load the polyfill more than once, use @babel/polyfill/noConflict instead to bypass the warning."),r.default._babelPolyfill=!0},11983:(e,t,o)=>{"use strict";o(16266),o(10990),o(70911),o(14160),o(6197),o(96728),o(54039),o(93568),o(78051),o(38250),o(15434),o(54952),o(96337),o(35666)},40487:e=>{var t={utf8:{stringToBytes:function(e){return t.bin.stringToBytes(unescape(encodeURIComponent(e)))},bytesToString:function(e){return decodeURIComponent(escape(t.bin.bytesToString(e)))}},bin:{stringToBytes:function(e){for(var t=[],o=0;o<e.length;o++)t.push(255&e.charCodeAt(o));return t},bytesToString:function(e){for(var t=[],o=0;o<e.length;o++)t.push(String.fromCharCode(e[o]));return t.join("")}}};e.exports=t},16266:(e,t,o)=>{o(95767),o(68132),o(48388),o(37470),o(94882),o(41520),o(27476),o(79622),o(89375),o(43533),o(84672),o(64157),o(35095),o(49892),o(75115),o(99176),o(68838),o(96253),o(39730),o(6059),o(48377),o(71084),o(64299),o(11246),o(30726),o(1901),o(75972),o(53403),o(92516),o(49371),o(86479),o(91736),o(51889),o(65177),o(81246),o(76503),o(66786),o(50932),o(57526),o(21591),o(9073),o(80347),o(30579),o(4669),o(67710),o(45789),o(33514),o(99978),o(58472),o(86946),o(35068),o(413),o(50191),o(98306),o(64564),o(39115),o(29539),o(96620),o(62850),o(10823),o(17732),o(40856),o(80703),o(91539),o(5292),o(45177),o(73694),o(37648),o(27795),o(4531),o(23605),o(6780),o(69937),o(10511),o(81822),o(19977),o(91031),o(46331),o(41560),o(20774),o(30522),o(58295),o(87842),o(50110),o(20075),o(24336),o(19371),o(98837),o(26773),o(15745),o(33057),o(3750),o(23369),o(99564),o(32e3),o(48977),o(52310),o(94899),o(31842),o(56997),o(83946),o(18269),o(66108),o(76774),o(21466),o(59357),o(76142),o(51876),o(40851),o(88416),o(98184),o(30147),o(59192),o(30142),o(1786),o(75368),o(46964),o(62152),o(74821),o(79103),o(81303),o(83318),o(70162),o(33834),o(21572),o(82139),o(10685),o(85535),o(17347),o(83049),o(96633),o(68989),o(78270),o(64510),o(73984),o(75769),o(50055),o(96014),e.exports=o(25645)},70911:(e,t,o)=>{o(1268),e.exports=o(25645).Array.flatMap},10990:(e,t,o)=>{o(62773),e.exports=o(25645).Array.includes},15434:(e,t,o)=>{o(83276),e.exports=o(25645).Object.entries},78051:(e,t,o)=>{o(98351),e.exports=o(25645).Object.getOwnPropertyDescriptors},38250:(e,t,o)=>{o(96409),e.exports=o(25645).Object.values},54952:(e,t,o)=>{"use strict";o(40851),o(9865),e.exports=o(25645).Promise.finally},6197:(e,t,o)=>{o(92770),e.exports=o(25645).String.padEnd},14160:(e,t,o)=>{o(41784),e.exports=o(25645).String.padStart},54039:(e,t,o)=>{o(94325),e.exports=o(25645).String.trimRight},96728:(e,t,o)=>{o(65869),e.exports=o(25645).String.trimLeft},93568:(e,t,o)=>{o(79665),e.exports=o(28787).f("asyncIterator")},40115:(e,t,o)=>{o(34579),e.exports=o(11327).global},85663:e=>{e.exports=function(e){if("function"!=typeof e)throw TypeError(e+" is not a function!");return e}},12159:(e,t,o)=>{var n=o(36727);e.exports=function(e){if(!n(e))throw TypeError(e+" is not an object!");return e}},11327:e=>{var t=e.exports={version:"2.6.12"};"number"==typeof __e&&(__e=t)},19216:(e,t,o)=>{var n=o(85663);e.exports=function(e,t,o){if(n(e),void 0===t)return e;switch(o){case 1:return function(o){return e.call(t,o)};case 2:return function(o,n){return e.call(t,o,n)};case 3:return function(o,n,r){return e.call(t,o,n,r)}}return function(){return e.apply(t,arguments)}}},89666:(e,t,o)=>{e.exports=!o(7929)((function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a}))},97467:(e,t,o)=>{var n=o(36727),r=o(33938).document,i=n(r)&&n(r.createElement);e.exports=function(e){return i?r.createElement(e):{}}},83856:(e,t,o)=>{var n=o(33938),r=o(11327),i=o(19216),a=o(41818),s=o(27069),l="prototype",d=function(e,t,o){var c,h,u,g=e&d.F,p=e&d.G,f=e&d.S,m=e&d.P,b=e&d.B,v=e&d.W,y=p?r:r[t]||(r[t]={}),w=y[l],z=p?n:f?n[t]:(n[t]||{})[l];for(c in p&&(o=t),o)(h=!g&&z&&void 0!==z[c])&&s(y,c)||(u=h?z[c]:o[c],y[c]=p&&"function"!=typeof z[c]?o[c]:b&&h?i(u,n):v&&z[c]==u?function(e){var t=function(t,o,n){if(this instanceof e){switch(arguments.length){case 0:return new e;case 1:return new e(t);case 2:return new e(t,o)}return new e(t,o,n)}return e.apply(this,arguments)};return t[l]=e[l],t}(u):m&&"function"==typeof u?i(Function.call,u):u,m&&((y.virtual||(y.virtual={}))[c]=u,e&d.R&&w&&!w[c]&&a(w,c,u)))};d.F=1,d.G=2,d.S=4,d.P=8,d.B=16,d.W=32,d.U=64,d.R=128,e.exports=d},7929:e=>{e.exports=function(e){try{return!!e()}catch(e){return!0}}},33938:e=>{var t=e.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=t)},27069:e=>{var t={}.hasOwnProperty;e.exports=function(e,o){return t.call(e,o)}},41818:(e,t,o)=>{var n=o(4743),r=o(83101);e.exports=o(89666)?function(e,t,o){return n.f(e,t,r(1,o))}:function(e,t,o){return e[t]=o,e}},33758:(e,t,o)=>{e.exports=!o(89666)&&!o(7929)((function(){return 7!=Object.defineProperty(o(97467)("div"),"a",{get:function(){return 7}}).a}))},36727:e=>{e.exports=function(e){return"object"==typeof e?null!==e:"function"==typeof e}},4743:(e,t,o)=>{var n=o(12159),r=o(33758),i=o(33206),a=Object.defineProperty;t.f=o(89666)?Object.defineProperty:function(e,t,o){if(n(e),t=i(t,!0),n(o),r)try{return a(e,t,o)}catch(e){}if("get"in o||"set"in o)throw TypeError("Accessors not supported!");return"value"in o&&(e[t]=o.value),e}},83101:e=>{e.exports=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}}},33206:(e,t,o)=>{var n=o(36727);e.exports=function(e,t){if(!n(e))return e;var o,r;if(t&&"function"==typeof(o=e.toString)&&!n(r=o.call(e)))return r;if("function"==typeof(o=e.valueOf)&&!n(r=o.call(e)))return r;if(!t&&"function"==typeof(o=e.toString)&&!n(r=o.call(e)))return r;throw TypeError("Can't convert object to primitive value")}},34579:(e,t,o)=>{var n=o(83856);n(n.G,{global:o(33938)})},24963:e=>{e.exports=function(e){if("function"!=typeof e)throw TypeError(e+" is not a function!");return e}},83365:(e,t,o)=>{var n=o(92032);e.exports=function(e,t){if("number"!=typeof e&&"Number"!=n(e))throw TypeError(t);return+e}},17722:(e,t,o)=>{var n=o(86314)("unscopables"),r=Array.prototype;null==r[n]&&o(87728)(r,n,{}),e.exports=function(e){r[n][e]=!0}},76793:(e,t,o)=>{"use strict";var n=o(24496)(!0);e.exports=function(e,t,o){return t+(o?n(e,t).length:1)}},83328:e=>{e.exports=function(e,t,o,n){if(!(e instanceof t)||void 0!==n&&n in e)throw TypeError(o+": incorrect invocation!");return e}},27007:(e,t,o)=>{var n=o(55286);e.exports=function(e){if(!n(e))throw TypeError(e+" is not an object!");return e}},5216:(e,t,o)=>{"use strict";var n=o(20508),r=o(92337),i=o(10875);e.exports=[].copyWithin||function(e,t){var o=n(this),a=i(o.length),s=r(e,a),l=r(t,a),d=arguments.length>2?arguments[2]:void 0,c=Math.min((void 0===d?a:r(d,a))-l,a-s),h=1;for(l<s&&s<l+c&&(h=-1,l+=c-1,s+=c-1);c-- >0;)l in o?o[s]=o[l]:delete o[s],s+=h,l+=h;return o}},46852:(e,t,o)=>{"use strict";var n=o(20508),r=o(92337),i=o(10875);e.exports=function(e){for(var t=n(this),o=i(t.length),a=arguments.length,s=r(a>1?arguments[1]:void 0,o),l=a>2?arguments[2]:void 0,d=void 0===l?o:r(l,o);d>s;)t[s++]=e;return t}},79315:(e,t,o)=>{var n=o(22110),r=o(10875),i=o(92337);e.exports=function(e){return function(t,o,a){var s,l=n(t),d=r(l.length),c=i(a,d);if(e&&o!=o){for(;d>c;)if((s=l[c++])!=s)return!0}else for(;d>c;c++)if((e||c in l)&&l[c]===o)return e||c||0;return!e&&-1}}},10050:(e,t,o)=>{var n=o(741),r=o(49797),i=o(20508),a=o(10875),s=o(16886);e.exports=function(e,t){var o=1==e,l=2==e,d=3==e,c=4==e,h=6==e,u=5==e||h,g=t||s;return function(t,s,p){for(var f,m,b=i(t),v=r(b),y=n(s,p,3),w=a(v.length),z=0,C=o?g(t,w):l?g(t,0):void 0;w>z;z++)if((u||z in v)&&(m=y(f=v[z],z,b),e))if(o)C[z]=m;else if(m)switch(e){case 3:return!0;case 5:return f;case 6:return z;case 2:C.push(f)}else if(c)return!1;return h?-1:d||c?c:C}}},37628:(e,t,o)=>{var n=o(24963),r=o(20508),i=o(49797),a=o(10875);e.exports=function(e,t,o,s,l){n(t);var d=r(e),c=i(d),h=a(d.length),u=l?h-1:0,g=l?-1:1;if(o<2)for(;;){if(u in c){s=c[u],u+=g;break}if(u+=g,l?u<0:h<=u)throw TypeError("Reduce of empty array with no initial value")}for(;l?u>=0:h>u;u+=g)u in c&&(s=t(s,c[u],u,d));return s}},42736:(e,t,o)=>{var n=o(55286),r=o(4302),i=o(86314)("species");e.exports=function(e){var t;return r(e)&&("function"!=typeof(t=e.constructor)||t!==Array&&!r(t.prototype)||(t=void 0),n(t)&&null===(t=t[i])&&(t=void 0)),void 0===t?Array:t}},16886:(e,t,o)=>{var n=o(42736);e.exports=function(e,t){return new(n(e))(t)}},34398:(e,t,o)=>{"use strict";var n=o(24963),r=o(55286),i=o(97242),a=[].slice,s={};e.exports=Function.bind||function(e){var t=n(this),o=a.call(arguments,1),l=function(){var n=o.concat(a.call(arguments));return this instanceof l?function(e,t,o){if(!(t in s)){for(var n=[],r=0;r<t;r++)n[r]="a["+r+"]";s[t]=Function("F,a","return new F("+n.join(",")+")")}return s[t](e,o)}(t,n.length,n):i(t,n,e)};return r(t.prototype)&&(l.prototype=t.prototype),l}},41488:(e,t,o)=>{var n=o(92032),r=o(86314)("toStringTag"),i="Arguments"==n(function(){return arguments}());e.exports=function(e){var t,o,a;return void 0===e?"Undefined":null===e?"Null":"string"==typeof(o=function(e,t){try{return e[t]}catch(e){}}(t=Object(e),r))?o:i?n(t):"Object"==(a=n(t))&&"function"==typeof t.callee?"Arguments":a}},92032:e=>{var t={}.toString;e.exports=function(e){return t.call(e).slice(8,-1)}},9824:(e,t,o)=>{"use strict";var n=o(99275).f,r=o(42503),i=o(24408),a=o(741),s=o(83328),l=o(3531),d=o(42923),c=o(15436),h=o(2974),u=o(67057),g=o(84728).fastKey,p=o(1616),f=u?"_s":"size",m=function(e,t){var o,n=g(t);if("F"!==n)return e._i[n];for(o=e._f;o;o=o.n)if(o.k==t)return o};e.exports={getConstructor:function(e,t,o,d){var c=e((function(e,n){s(e,c,t,"_i"),e._t=t,e._i=r(null),e._f=void 0,e._l=void 0,e[f]=0,null!=n&&l(n,o,e[d],e)}));return i(c.prototype,{clear:function(){for(var e=p(this,t),o=e._i,n=e._f;n;n=n.n)n.r=!0,n.p&&(n.p=n.p.n=void 0),delete o[n.i];e._f=e._l=void 0,e[f]=0},delete:function(e){var o=p(this,t),n=m(o,e);if(n){var r=n.n,i=n.p;delete o._i[n.i],n.r=!0,i&&(i.n=r),r&&(r.p=i),o._f==n&&(o._f=r),o._l==n&&(o._l=i),o[f]--}return!!n},forEach:function(e){p(this,t);for(var o,n=a(e,arguments.length>1?arguments[1]:void 0,3);o=o?o.n:this._f;)for(n(o.v,o.k,this);o&&o.r;)o=o.p},has:function(e){return!!m(p(this,t),e)}}),u&&n(c.prototype,"size",{get:function(){return p(this,t)[f]}}),c},def:function(e,t,o){var n,r,i=m(e,t);return i?i.v=o:(e._l=i={i:r=g(t,!0),k:t,v:o,p:n=e._l,n:void 0,r:!1},e._f||(e._f=i),n&&(n.n=i),e[f]++,"F"!==r&&(e._i[r]=i)),e},getEntry:m,setStrong:function(e,t,o){d(e,t,(function(e,o){this._t=p(e,t),this._k=o,this._l=void 0}),(function(){for(var e=this,t=e._k,o=e._l;o&&o.r;)o=o.p;return e._t&&(e._l=o=o?o.n:e._t._f)?c(0,"keys"==t?o.k:"values"==t?o.v:[o.k,o.v]):(e._t=void 0,c(1))}),o?"entries":"values",!o,!0),h(t)}}},23657:(e,t,o)=>{"use strict";var n=o(24408),r=o(84728).getWeak,i=o(27007),a=o(55286),s=o(83328),l=o(3531),d=o(10050),c=o(79181),h=o(1616),u=d(5),g=d(6),p=0,f=function(e){return e._l||(e._l=new m)},m=function(){this.a=[]},b=function(e,t){return u(e.a,(function(e){return e[0]===t}))};m.prototype={get:function(e){var t=b(this,e);if(t)return t[1]},has:function(e){return!!b(this,e)},set:function(e,t){var o=b(this,e);o?o[1]=t:this.a.push([e,t])},delete:function(e){var t=g(this.a,(function(t){return t[0]===e}));return~t&&this.a.splice(t,1),!!~t}},e.exports={getConstructor:function(e,t,o,i){var d=e((function(e,n){s(e,d,t,"_i"),e._t=t,e._i=p++,e._l=void 0,null!=n&&l(n,o,e[i],e)}));return n(d.prototype,{delete:function(e){if(!a(e))return!1;var o=r(e);return!0===o?f(h(this,t)).delete(e):o&&c(o,this._i)&&delete o[this._i]},has:function(e){if(!a(e))return!1;var o=r(e);return!0===o?f(h(this,t)).has(e):o&&c(o,this._i)}}),d},def:function(e,t,o){var n=r(i(t),!0);return!0===n?f(e).set(t,o):n[e._i]=o,e},ufstore:f}},45795:(e,t,o)=>{"use strict";var n=o(3816),r=o(42985),i=o(77234),a=o(24408),s=o(84728),l=o(3531),d=o(83328),c=o(55286),h=o(74253),u=o(7462),g=o(22943),p=o(40266);e.exports=function(e,t,o,f,m,b){var v=n[e],y=v,w=m?"set":"add",z=y&&y.prototype,C={},S=function(e){var t=z[e];i(z,e,"delete"==e||"has"==e?function(e){return!(b&&!c(e))&&t.call(this,0===e?0:e)}:"get"==e?function(e){return b&&!c(e)?void 0:t.call(this,0===e?0:e)}:"add"==e?function(e){return t.call(this,0===e?0:e),this}:function(e,o){return t.call(this,0===e?0:e,o),this})};if("function"==typeof y&&(b||z.forEach&&!h((function(){(new y).entries().next()})))){var x=new y,M=x[w](b?{}:-0,1)!=x,_=h((function(){x.has(1)})),k=u((function(e){new y(e)})),R=!b&&h((function(){for(var e=new y,t=5;t--;)e[w](t,t);return!e.has(-0)}));k||((y=t((function(t,o){d(t,y,e);var n=p(new v,t,y);return null!=o&&l(o,m,n[w],n),n}))).prototype=z,z.constructor=y),(_||R)&&(S("delete"),S("has"),m&&S("get")),(R||M)&&S(w),b&&z.clear&&delete z.clear}else y=f.getConstructor(t,e,m,w),a(y.prototype,o),s.NEED=!0;return g(y,e),C[e]=y,r(r.G+r.W+r.F*(y!=v),C),b||f.setStrong(y,e,m),y}},25645:e=>{var t=e.exports={version:"2.6.12"};"number"==typeof __e&&(__e=t)},92811:(e,t,o)=>{"use strict";var n=o(99275),r=o(90681);e.exports=function(e,t,o){t in e?n.f(e,t,r(0,o)):e[t]=o}},741:(e,t,o)=>{var n=o(24963);e.exports=function(e,t,o){if(n(e),void 0===t)return e;switch(o){case 1:return function(o){return e.call(t,o)};case 2:return function(o,n){return e.call(t,o,n)};case 3:return function(o,n,r){return e.call(t,o,n,r)}}return function(){return e.apply(t,arguments)}}},53537:(e,t,o)=>{"use strict";var n=o(74253),r=Date.prototype.getTime,i=Date.prototype.toISOString,a=function(e){return e>9?e:"0"+e};e.exports=n((function(){return"0385-07-25T07:06:39.999Z"!=i.call(new Date(-50000000000001))}))||!n((function(){i.call(new Date(NaN))}))?function(){if(!isFinite(r.call(this)))throw RangeError("Invalid time value");var e=this,t=e.getUTCFullYear(),o=e.getUTCMilliseconds(),n=t<0?"-":t>9999?"+":"";return n+("00000"+Math.abs(t)).slice(n?-6:-4)+"-"+a(e.getUTCMonth()+1)+"-"+a(e.getUTCDate())+"T"+a(e.getUTCHours())+":"+a(e.getUTCMinutes())+":"+a(e.getUTCSeconds())+"."+(o>99?o:"0"+a(o))+"Z"}:i},870:(e,t,o)=>{"use strict";var n=o(27007),r=o(21689),i="number";e.exports=function(e){if("string"!==e&&e!==i&&"default"!==e)throw TypeError("Incorrect hint");return r(n(this),e!=i)}},91355:e=>{e.exports=function(e){if(null==e)throw TypeError("Can't call method on  "+e);return e}},67057:(e,t,o)=>{e.exports=!o(74253)((function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a}))},62457:(e,t,o)=>{var n=o(55286),r=o(3816).document,i=n(r)&&n(r.createElement);e.exports=function(e){return i?r.createElement(e):{}}},74430:e=>{e.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},5541:(e,t,o)=>{var n=o(47184),r=o(64548),i=o(14682);e.exports=function(e){var t=n(e),o=r.f;if(o)for(var a,s=o(e),l=i.f,d=0;s.length>d;)l.call(e,a=s[d++])&&t.push(a);return t}},42985:(e,t,o)=>{var n=o(3816),r=o(25645),i=o(87728),a=o(77234),s=o(741),l="prototype",d=function(e,t,o){var c,h,u,g,p=e&d.F,f=e&d.G,m=e&d.S,b=e&d.P,v=e&d.B,y=f?n:m?n[t]||(n[t]={}):(n[t]||{})[l],w=f?r:r[t]||(r[t]={}),z=w[l]||(w[l]={});for(c in f&&(o=t),o)u=((h=!p&&y&&void 0!==y[c])?y:o)[c],g=v&&h?s(u,n):b&&"function"==typeof u?s(Function.call,u):u,y&&a(y,c,u,e&d.U),w[c]!=u&&i(w,c,g),b&&z[c]!=u&&(z[c]=u)};n.core=r,d.F=1,d.G=2,d.S=4,d.P=8,d.B=16,d.W=32,d.U=64,d.R=128,e.exports=d},8852:(e,t,o)=>{var n=o(86314)("match");e.exports=function(e){var t=/./;try{"/./"[e](t)}catch(o){try{return t[n]=!1,!"/./"[e](t)}catch(e){}}return!0}},74253:e=>{e.exports=function(e){try{return!!e()}catch(e){return!0}}},28082:(e,t,o)=>{"use strict";o(18269);var n=o(77234),r=o(87728),i=o(74253),a=o(91355),s=o(86314),l=o(21165),d=s("species"),c=!i((function(){var e=/./;return e.exec=function(){var e=[];return e.groups={a:"7"},e},"7"!=="".replace(e,"$<a>")})),h=function(){var e=/(?:)/,t=e.exec;e.exec=function(){return t.apply(this,arguments)};var o="ab".split(e);return 2===o.length&&"a"===o[0]&&"b"===o[1]}();e.exports=function(e,t,o){var u=s(e),g=!i((function(){var t={};return t[u]=function(){return 7},7!=""[e](t)})),p=g?!i((function(){var t=!1,o=/a/;return o.exec=function(){return t=!0,null},"split"===e&&(o.constructor={},o.constructor[d]=function(){return o}),o[u](""),!t})):void 0;if(!g||!p||"replace"===e&&!c||"split"===e&&!h){var f=/./[u],m=o(a,u,""[e],(function(e,t,o,n,r){return t.exec===l?g&&!r?{done:!0,value:f.call(t,o,n)}:{done:!0,value:e.call(o,t,n)}:{done:!1}})),b=m[0],v=m[1];n(String.prototype,e,b),r(RegExp.prototype,u,2==t?function(e,t){return v.call(e,this,t)}:function(e){return v.call(e,this)})}}},53218:(e,t,o)=>{"use strict";var n=o(27007);e.exports=function(){var e=n(this),t="";return e.global&&(t+="g"),e.ignoreCase&&(t+="i"),e.multiline&&(t+="m"),e.unicode&&(t+="u"),e.sticky&&(t+="y"),t}},13325:(e,t,o)=>{"use strict";var n=o(4302),r=o(55286),i=o(10875),a=o(741),s=o(86314)("isConcatSpreadable");e.exports=function e(t,o,l,d,c,h,u,g){for(var p,f,m=c,b=0,v=!!u&&a(u,g,3);b<d;){if(b in l){if(p=v?v(l[b],b,o):l[b],f=!1,r(p)&&(f=void 0!==(f=p[s])?!!f:n(p)),f&&h>0)m=e(t,o,p,i(p.length),m,h-1)-1;else{if(m>=9007199254740991)throw TypeError();t[m]=p}m++}b++}return m}},3531:(e,t,o)=>{var n=o(741),r=o(28851),i=o(86555),a=o(27007),s=o(10875),l=o(69002),d={},c={},h=e.exports=function(e,t,o,h,u){var g,p,f,m,b=u?function(){return e}:l(e),v=n(o,h,t?2:1),y=0;if("function"!=typeof b)throw TypeError(e+" is not iterable!");if(i(b)){for(g=s(e.length);g>y;y++)if((m=t?v(a(p=e[y])[0],p[1]):v(e[y]))===d||m===c)return m}else for(f=b.call(e);!(p=f.next()).done;)if((m=r(f,v,p.value,t))===d||m===c)return m};h.BREAK=d,h.RETURN=c},40018:(e,t,o)=>{e.exports=o(3825)("native-function-to-string",Function.toString)},3816:e=>{var t=e.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=t)},79181:e=>{var t={}.hasOwnProperty;e.exports=function(e,o){return t.call(e,o)}},87728:(e,t,o)=>{var n=o(99275),r=o(90681);e.exports=o(67057)?function(e,t,o){return n.f(e,t,r(1,o))}:function(e,t,o){return e[t]=o,e}},40639:(e,t,o)=>{var n=o(3816).document;e.exports=n&&n.documentElement},1734:(e,t,o)=>{e.exports=!o(67057)&&!o(74253)((function(){return 7!=Object.defineProperty(o(62457)("div"),"a",{get:function(){return 7}}).a}))},40266:(e,t,o)=>{var n=o(55286),r=o(27375).set;e.exports=function(e,t,o){var i,a=t.constructor;return a!==o&&"function"==typeof a&&(i=a.prototype)!==o.prototype&&n(i)&&r&&r(e,i),e}},97242:e=>{e.exports=function(e,t,o){var n=void 0===o;switch(t.length){case 0:return n?e():e.call(o);case 1:return n?e(t[0]):e.call(o,t[0]);case 2:return n?e(t[0],t[1]):e.call(o,t[0],t[1]);case 3:return n?e(t[0],t[1],t[2]):e.call(o,t[0],t[1],t[2]);case 4:return n?e(t[0],t[1],t[2],t[3]):e.call(o,t[0],t[1],t[2],t[3])}return e.apply(o,t)}},49797:(e,t,o)=>{var n=o(92032);e.exports=Object("z").propertyIsEnumerable(0)?Object:function(e){return"String"==n(e)?e.split(""):Object(e)}},86555:(e,t,o)=>{var n=o(87234),r=o(86314)("iterator"),i=Array.prototype;e.exports=function(e){return void 0!==e&&(n.Array===e||i[r]===e)}},4302:(e,t,o)=>{var n=o(92032);e.exports=Array.isArray||function(e){return"Array"==n(e)}},18367:(e,t,o)=>{var n=o(55286),r=Math.floor;e.exports=function(e){return!n(e)&&isFinite(e)&&r(e)===e}},55286:e=>{e.exports=function(e){return"object"==typeof e?null!==e:"function"==typeof e}},55364:(e,t,o)=>{var n=o(55286),r=o(92032),i=o(86314)("match");e.exports=function(e){var t;return n(e)&&(void 0!==(t=e[i])?!!t:"RegExp"==r(e))}},28851:(e,t,o)=>{var n=o(27007);e.exports=function(e,t,o,r){try{return r?t(n(o)[0],o[1]):t(o)}catch(t){var i=e.return;throw void 0!==i&&n(i.call(e)),t}}},49988:(e,t,o)=>{"use strict";var n=o(42503),r=o(90681),i=o(22943),a={};o(87728)(a,o(86314)("iterator"),(function(){return this})),e.exports=function(e,t,o){e.prototype=n(a,{next:r(1,o)}),i(e,t+" Iterator")}},42923:(e,t,o)=>{"use strict";var n=o(4461),r=o(42985),i=o(77234),a=o(87728),s=o(87234),l=o(49988),d=o(22943),c=o(468),h=o(86314)("iterator"),u=!([].keys&&"next"in[].keys()),g="keys",p="values",f=function(){return this};e.exports=function(e,t,o,m,b,v,y){l(o,t,m);var w,z,C,S=function(e){if(!u&&e in k)return k[e];switch(e){case g:case p:return function(){return new o(this,e)}}return function(){return new o(this,e)}},x=t+" Iterator",M=b==p,_=!1,k=e.prototype,R=k[h]||k["@@iterator"]||b&&k[b],D=R||S(b),E=b?M?S("entries"):D:void 0,O="Array"==t&&k.entries||R;if(O&&(C=c(O.call(new e)))!==Object.prototype&&C.next&&(d(C,x,!0),n||"function"==typeof C[h]||a(C,h,f)),M&&R&&R.name!==p&&(_=!0,D=function(){return R.call(this)}),n&&!y||!u&&!_&&k[h]||a(k,h,D),s[t]=D,s[x]=f,b)if(w={values:M?D:S(p),keys:v?D:S(g),entries:E},y)for(z in w)z in k||i(k,z,w[z]);else r(r.P+r.F*(u||_),t,w);return w}},7462:(e,t,o)=>{var n=o(86314)("iterator"),r=!1;try{var i=[7][n]();i.return=function(){r=!0},Array.from(i,(function(){throw 2}))}catch(e){}e.exports=function(e,t){if(!t&&!r)return!1;var o=!1;try{var i=[7],a=i[n]();a.next=function(){return{done:o=!0}},i[n]=function(){return a},e(i)}catch(e){}return o}},15436:e=>{e.exports=function(e,t){return{value:t,done:!!e}}},87234:e=>{e.exports={}},4461:e=>{e.exports=!1},13086:e=>{var t=Math.expm1;e.exports=!t||t(10)>22025.465794806718||t(10)<22025.465794806718||-2e-17!=t(-2e-17)?function(e){return 0==(e=+e)?e:e>-1e-6&&e<1e-6?e+e*e/2:Math.exp(e)-1}:t},34934:(e,t,o)=>{var n=o(61801),r=Math.pow,i=r(2,-52),a=r(2,-23),s=r(2,127)*(2-a),l=r(2,-126);e.exports=Math.fround||function(e){var t,o,r=Math.abs(e),d=n(e);return r<l?d*(r/l/a+1/i-1/i)*l*a:(o=(t=(1+a/i)*r)-(t-r))>s||o!=o?d*(1/0):d*o}},46206:e=>{e.exports=Math.log1p||function(e){return(e=+e)>-1e-8&&e<1e-8?e-e*e/2:Math.log(1+e)}},61801:e=>{e.exports=Math.sign||function(e){return 0==(e=+e)||e!=e?e:e<0?-1:1}},84728:(e,t,o)=>{var n=o(93953)("meta"),r=o(55286),i=o(79181),a=o(99275).f,s=0,l=Object.isExtensible||function(){return!0},d=!o(74253)((function(){return l(Object.preventExtensions({}))})),c=function(e){a(e,n,{value:{i:"O"+ ++s,w:{}}})},h=e.exports={KEY:n,NEED:!1,fastKey:function(e,t){if(!r(e))return"symbol"==typeof e?e:("string"==typeof e?"S":"P")+e;if(!i(e,n)){if(!l(e))return"F";if(!t)return"E";c(e)}return e[n].i},getWeak:function(e,t){if(!i(e,n)){if(!l(e))return!0;if(!t)return!1;c(e)}return e[n].w},onFreeze:function(e){return d&&h.NEED&&l(e)&&!i(e,n)&&c(e),e}}},14351:(e,t,o)=>{var n=o(3816),r=o(74193).set,i=n.MutationObserver||n.WebKitMutationObserver,a=n.process,s=n.Promise,l="process"==o(92032)(a);e.exports=function(){var e,t,o,d=function(){var n,r;for(l&&(n=a.domain)&&n.exit();e;){r=e.fn,e=e.next;try{r()}catch(n){throw e?o():t=void 0,n}}t=void 0,n&&n.enter()};if(l)o=function(){a.nextTick(d)};else if(!i||n.navigator&&n.navigator.standalone)if(s&&s.resolve){var c=s.resolve(void 0);o=function(){c.then(d)}}else o=function(){r.call(n,d)};else{var h=!0,u=document.createTextNode("");new i(d).observe(u,{characterData:!0}),o=function(){u.data=h=!h}}return function(n){var r={fn:n,next:void 0};t&&(t.next=r),e||(e=r,o()),t=r}}},43499:(e,t,o)=>{"use strict";var n=o(24963);function r(e){var t,o;this.promise=new e((function(e,n){if(void 0!==t||void 0!==o)throw TypeError("Bad Promise constructor");t=e,o=n})),this.resolve=n(t),this.reject=n(o)}e.exports.f=function(e){return new r(e)}},35345:(e,t,o)=>{"use strict";var n=o(67057),r=o(47184),i=o(64548),a=o(14682),s=o(20508),l=o(49797),d=Object.assign;e.exports=!d||o(74253)((function(){var e={},t={},o=Symbol(),n="abcdefghijklmnopqrst";return e[o]=7,n.split("").forEach((function(e){t[e]=e})),7!=d({},e)[o]||Object.keys(d({},t)).join("")!=n}))?function(e,t){for(var o=s(e),d=arguments.length,c=1,h=i.f,u=a.f;d>c;)for(var g,p=l(arguments[c++]),f=h?r(p).concat(h(p)):r(p),m=f.length,b=0;m>b;)g=f[b++],n&&!u.call(p,g)||(o[g]=p[g]);return o}:d},42503:(e,t,o)=>{var n=o(27007),r=o(35588),i=o(74430),a=o(69335)("IE_PROTO"),s=function(){},l="prototype",d=function(){var e,t=o(62457)("iframe"),n=i.length;for(t.style.display="none",o(40639).appendChild(t),t.src="javascript:",(e=t.contentWindow.document).open(),e.write("<script>document.F=Object<\/script>"),e.close(),d=e.F;n--;)delete d[l][i[n]];return d()};e.exports=Object.create||function(e,t){var o;return null!==e?(s[l]=n(e),o=new s,s[l]=null,o[a]=e):o=d(),void 0===t?o:r(o,t)}},99275:(e,t,o)=>{var n=o(27007),r=o(1734),i=o(21689),a=Object.defineProperty;t.f=o(67057)?Object.defineProperty:function(e,t,o){if(n(e),t=i(t,!0),n(o),r)try{return a(e,t,o)}catch(e){}if("get"in o||"set"in o)throw TypeError("Accessors not supported!");return"value"in o&&(e[t]=o.value),e}},35588:(e,t,o)=>{var n=o(99275),r=o(27007),i=o(47184);e.exports=o(67057)?Object.defineProperties:function(e,t){r(e);for(var o,a=i(t),s=a.length,l=0;s>l;)n.f(e,o=a[l++],t[o]);return e}},18693:(e,t,o)=>{var n=o(14682),r=o(90681),i=o(22110),a=o(21689),s=o(79181),l=o(1734),d=Object.getOwnPropertyDescriptor;t.f=o(67057)?d:function(e,t){if(e=i(e),t=a(t,!0),l)try{return d(e,t)}catch(e){}if(s(e,t))return r(!n.f.call(e,t),e[t])}},39327:(e,t,o)=>{var n=o(22110),r=o(20616).f,i={}.toString,a="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[];e.exports.f=function(e){return a&&"[object Window]"==i.call(e)?function(e){try{return r(e)}catch(e){return a.slice()}}(e):r(n(e))}},20616:(e,t,o)=>{var n=o(60189),r=o(74430).concat("length","prototype");t.f=Object.getOwnPropertyNames||function(e){return n(e,r)}},64548:(e,t)=>{t.f=Object.getOwnPropertySymbols},468:(e,t,o)=>{var n=o(79181),r=o(20508),i=o(69335)("IE_PROTO"),a=Object.prototype;e.exports=Object.getPrototypeOf||function(e){return e=r(e),n(e,i)?e[i]:"function"==typeof e.constructor&&e instanceof e.constructor?e.constructor.prototype:e instanceof Object?a:null}},60189:(e,t,o)=>{var n=o(79181),r=o(22110),i=o(79315)(!1),a=o(69335)("IE_PROTO");e.exports=function(e,t){var o,s=r(e),l=0,d=[];for(o in s)o!=a&&n(s,o)&&d.push(o);for(;t.length>l;)n(s,o=t[l++])&&(~i(d,o)||d.push(o));return d}},47184:(e,t,o)=>{var n=o(60189),r=o(74430);e.exports=Object.keys||function(e){return n(e,r)}},14682:(e,t)=>{t.f={}.propertyIsEnumerable},33160:(e,t,o)=>{var n=o(42985),r=o(25645),i=o(74253);e.exports=function(e,t){var o=(r.Object||{})[e]||Object[e],a={};a[e]=t(o),n(n.S+n.F*i((function(){o(1)})),"Object",a)}},51131:(e,t,o)=>{var n=o(67057),r=o(47184),i=o(22110),a=o(14682).f;e.exports=function(e){return function(t){for(var o,s=i(t),l=r(s),d=l.length,c=0,h=[];d>c;)o=l[c++],n&&!a.call(s,o)||h.push(e?[o,s[o]]:s[o]);return h}}},57643:(e,t,o)=>{var n=o(20616),r=o(64548),i=o(27007),a=o(3816).Reflect;e.exports=a&&a.ownKeys||function(e){var t=n.f(i(e)),o=r.f;return o?t.concat(o(e)):t}},47743:(e,t,o)=>{var n=o(3816).parseFloat,r=o(29599).trim;e.exports=1/n(o(84644)+"-0")!=-1/0?function(e){var t=r(String(e),3),o=n(t);return 0===o&&"-"==t.charAt(0)?-0:o}:n},55960:(e,t,o)=>{var n=o(3816).parseInt,r=o(29599).trim,i=o(84644),a=/^[-+]?0[xX]/;e.exports=8!==n(i+"08")||22!==n(i+"0x16")?function(e,t){var o=r(String(e),3);return n(o,t>>>0||(a.test(o)?16:10))}:n},10188:e=>{e.exports=function(e){try{return{e:!1,v:e()}}catch(e){return{e:!0,v:e}}}},50094:(e,t,o)=>{var n=o(27007),r=o(55286),i=o(43499);e.exports=function(e,t){if(n(e),r(t)&&t.constructor===e)return t;var o=i.f(e);return(0,o.resolve)(t),o.promise}},90681:e=>{e.exports=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}}},24408:(e,t,o)=>{var n=o(77234);e.exports=function(e,t,o){for(var r in t)n(e,r,t[r],o);return e}},77234:(e,t,o)=>{var n=o(3816),r=o(87728),i=o(79181),a=o(93953)("src"),s=o(40018),l="toString",d=(""+s).split(l);o(25645).inspectSource=function(e){return s.call(e)},(e.exports=function(e,t,o,s){var l="function"==typeof o;l&&(i(o,"name")||r(o,"name",t)),e[t]!==o&&(l&&(i(o,a)||r(o,a,e[t]?""+e[t]:d.join(String(t)))),e===n?e[t]=o:s?e[t]?e[t]=o:r(e,t,o):(delete e[t],r(e,t,o)))})(Function.prototype,l,(function(){return"function"==typeof this&&this[a]||s.call(this)}))},27787:(e,t,o)=>{"use strict";var n=o(41488),r=RegExp.prototype.exec;e.exports=function(e,t){var o=e.exec;if("function"==typeof o){var i=o.call(e,t);if("object"!=typeof i)throw new TypeError("RegExp exec method returned something other than an Object or null");return i}if("RegExp"!==n(e))throw new TypeError("RegExp#exec called on incompatible receiver");return r.call(e,t)}},21165:(e,t,o)=>{"use strict";var n,r,i=o(53218),a=RegExp.prototype.exec,s=String.prototype.replace,l=a,d="lastIndex",c=(n=/a/,r=/b*/g,a.call(n,"a"),a.call(r,"a"),0!==n[d]||0!==r[d]),h=void 0!==/()??/.exec("")[1];(c||h)&&(l=function(e){var t,o,n,r,l=this;return h&&(o=new RegExp("^"+l.source+"$(?!\\s)",i.call(l))),c&&(t=l[d]),n=a.call(l,e),c&&n&&(l[d]=l.global?n.index+n[0].length:t),h&&n&&n.length>1&&s.call(n[0],o,(function(){for(r=1;r<arguments.length-2;r++)void 0===arguments[r]&&(n[r]=void 0)})),n}),e.exports=l},27195:e=>{e.exports=Object.is||function(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}},27375:(e,t,o)=>{var n=o(55286),r=o(27007),i=function(e,t){if(r(e),!n(t)&&null!==t)throw TypeError(t+": can't set as prototype!")};e.exports={set:Object.setPrototypeOf||("__proto__"in{}?function(e,t,n){try{(n=o(741)(Function.call,o(18693).f(Object.prototype,"__proto__").set,2))(e,[]),t=!(e instanceof Array)}catch(e){t=!0}return function(e,o){return i(e,o),t?e.__proto__=o:n(e,o),e}}({},!1):void 0),check:i}},2974:(e,t,o)=>{"use strict";var n=o(3816),r=o(99275),i=o(67057),a=o(86314)("species");e.exports=function(e){var t=n[e];i&&t&&!t[a]&&r.f(t,a,{configurable:!0,get:function(){return this}})}},22943:(e,t,o)=>{var n=o(99275).f,r=o(79181),i=o(86314)("toStringTag");e.exports=function(e,t,o){e&&!r(e=o?e:e.prototype,i)&&n(e,i,{configurable:!0,value:t})}},69335:(e,t,o)=>{var n=o(3825)("keys"),r=o(93953);e.exports=function(e){return n[e]||(n[e]=r(e))}},3825:(e,t,o)=>{var n=o(25645),r=o(3816),i="__core-js_shared__",a=r[i]||(r[i]={});(e.exports=function(e,t){return a[e]||(a[e]=void 0!==t?t:{})})("versions",[]).push({version:n.version,mode:o(4461)?"pure":"global",copyright:"© 2020 Denis Pushkarev (zloirock.ru)"})},58364:(e,t,o)=>{var n=o(27007),r=o(24963),i=o(86314)("species");e.exports=function(e,t){var o,a=n(e).constructor;return void 0===a||null==(o=n(a)[i])?t:r(o)}},77717:(e,t,o)=>{"use strict";var n=o(74253);e.exports=function(e,t){return!!e&&n((function(){t?e.call(null,(function(){}),1):e.call(null)}))}},24496:(e,t,o)=>{var n=o(81467),r=o(91355);e.exports=function(e){return function(t,o){var i,a,s=String(r(t)),l=n(o),d=s.length;return l<0||l>=d?e?"":void 0:(i=s.charCodeAt(l))<55296||i>56319||l+1===d||(a=s.charCodeAt(l+1))<56320||a>57343?e?s.charAt(l):i:e?s.slice(l,l+2):a-56320+(i-55296<<10)+65536}}},42094:(e,t,o)=>{var n=o(55364),r=o(91355);e.exports=function(e,t,o){if(n(t))throw TypeError("String#"+o+" doesn't accept regex!");return String(r(e))}},29395:(e,t,o)=>{var n=o(42985),r=o(74253),i=o(91355),a=/"/g,s=function(e,t,o,n){var r=String(i(e)),s="<"+t;return""!==o&&(s+=" "+o+'="'+String(n).replace(a,"&quot;")+'"'),s+">"+r+"</"+t+">"};e.exports=function(e,t){var o={};o[e]=t(s),n(n.P+n.F*r((function(){var t=""[e]('"');return t!==t.toLowerCase()||t.split('"').length>3})),"String",o)}},75442:(e,t,o)=>{var n=o(10875),r=o(68595),i=o(91355);e.exports=function(e,t,o,a){var s=String(i(e)),l=s.length,d=void 0===o?" ":String(o),c=n(t);if(c<=l||""==d)return s;var h=c-l,u=r.call(d,Math.ceil(h/d.length));return u.length>h&&(u=u.slice(0,h)),a?u+s:s+u}},68595:(e,t,o)=>{"use strict";var n=o(81467),r=o(91355);e.exports=function(e){var t=String(r(this)),o="",i=n(e);if(i<0||i==1/0)throw RangeError("Count can't be negative");for(;i>0;(i>>>=1)&&(t+=t))1&i&&(o+=t);return o}},29599:(e,t,o)=>{var n=o(42985),r=o(91355),i=o(74253),a=o(84644),s="["+a+"]",l=RegExp("^"+s+s+"*"),d=RegExp(s+s+"*$"),c=function(e,t,o){var r={},s=i((function(){return!!a[e]()||"​…"!="​…"[e]()})),l=r[e]=s?t(h):a[e];o&&(r[o]=l),n(n.P+n.F*s,"String",r)},h=c.trim=function(e,t){return e=String(r(e)),1&t&&(e=e.replace(l,"")),2&t&&(e=e.replace(d,"")),e};e.exports=c},84644:e=>{e.exports="\t\n\v\f\r   ᠎             　\u2028\u2029\ufeff"},74193:(e,t,o)=>{var n,r,i,a=o(741),s=o(97242),l=o(40639),d=o(62457),c=o(3816),h=c.process,u=c.setImmediate,g=c.clearImmediate,p=c.MessageChannel,f=c.Dispatch,m=0,b={},v="onreadystatechange",y=function(){var e=+this;if(b.hasOwnProperty(e)){var t=b[e];delete b[e],t()}},w=function(e){y.call(e.data)};u&&g||(u=function(e){for(var t=[],o=1;arguments.length>o;)t.push(arguments[o++]);return b[++m]=function(){s("function"==typeof e?e:Function(e),t)},n(m),m},g=function(e){delete b[e]},"process"==o(92032)(h)?n=function(e){h.nextTick(a(y,e,1))}:f&&f.now?n=function(e){f.now(a(y,e,1))}:p?(i=(r=new p).port2,r.port1.onmessage=w,n=a(i.postMessage,i,1)):c.addEventListener&&"function"==typeof postMessage&&!c.importScripts?(n=function(e){c.postMessage(e+"","*")},c.addEventListener("message",w,!1)):n=v in d("script")?function(e){l.appendChild(d("script"))[v]=function(){l.removeChild(this),y.call(e)}}:function(e){setTimeout(a(y,e,1),0)}),e.exports={set:u,clear:g}},92337:(e,t,o)=>{var n=o(81467),r=Math.max,i=Math.min;e.exports=function(e,t){return(e=n(e))<0?r(e+t,0):i(e,t)}},94843:(e,t,o)=>{var n=o(81467),r=o(10875);e.exports=function(e){if(void 0===e)return 0;var t=n(e),o=r(t);if(t!==o)throw RangeError("Wrong length!");return o}},81467:e=>{var t=Math.ceil,o=Math.floor;e.exports=function(e){return isNaN(e=+e)?0:(e>0?o:t)(e)}},22110:(e,t,o)=>{var n=o(49797),r=o(91355);e.exports=function(e){return n(r(e))}},10875:(e,t,o)=>{var n=o(81467),r=Math.min;e.exports=function(e){return e>0?r(n(e),9007199254740991):0}},20508:(e,t,o)=>{var n=o(91355);e.exports=function(e){return Object(n(e))}},21689:(e,t,o)=>{var n=o(55286);e.exports=function(e,t){if(!n(e))return e;var o,r;if(t&&"function"==typeof(o=e.toString)&&!n(r=o.call(e)))return r;if("function"==typeof(o=e.valueOf)&&!n(r=o.call(e)))return r;if(!t&&"function"==typeof(o=e.toString)&&!n(r=o.call(e)))return r;throw TypeError("Can't convert object to primitive value")}},78440:(e,t,o)=>{"use strict";if(o(67057)){var n=o(4461),r=o(3816),i=o(74253),a=o(42985),s=o(89383),l=o(91125),d=o(741),c=o(83328),h=o(90681),u=o(87728),g=o(24408),p=o(81467),f=o(10875),m=o(94843),b=o(92337),v=o(21689),y=o(79181),w=o(41488),z=o(55286),C=o(20508),S=o(86555),x=o(42503),M=o(468),_=o(20616).f,k=o(69002),R=o(93953),D=o(86314),E=o(10050),O=o(79315),T=o(58364),A=o(56997),I=o(87234),L=o(7462),F=o(2974),N=o(46852),B=o(5216),G=o(99275),H=o(18693),P=G.f,Z=H.f,U=r.RangeError,W=r.TypeError,V=r.Uint8Array,$="ArrayBuffer",j="Shared"+$,q="BYTES_PER_ELEMENT",K="prototype",Y=Array[K],X=l.ArrayBuffer,J=l.DataView,Q=E(0),ee=E(2),te=E(3),oe=E(4),ne=E(5),re=E(6),ie=O(!0),ae=O(!1),se=A.values,le=A.keys,de=A.entries,ce=Y.lastIndexOf,he=Y.reduce,ue=Y.reduceRight,ge=Y.join,pe=Y.sort,fe=Y.slice,me=Y.toString,be=Y.toLocaleString,ve=D("iterator"),ye=D("toStringTag"),we=R("typed_constructor"),ze=R("def_constructor"),Ce=s.CONSTR,Se=s.TYPED,xe=s.VIEW,Me="Wrong length!",_e=E(1,(function(e,t){return Oe(T(e,e[ze]),t)})),ke=i((function(){return 1===new V(new Uint16Array([1]).buffer)[0]})),Re=!!V&&!!V[K].set&&i((function(){new V(1).set({})})),De=function(e,t){var o=p(e);if(o<0||o%t)throw U("Wrong offset!");return o},Ee=function(e){if(z(e)&&Se in e)return e;throw W(e+" is not a typed array!")},Oe=function(e,t){if(!z(e)||!(we in e))throw W("It is not a typed array constructor!");return new e(t)},Te=function(e,t){return Ae(T(e,e[ze]),t)},Ae=function(e,t){for(var o=0,n=t.length,r=Oe(e,n);n>o;)r[o]=t[o++];return r},Ie=function(e,t,o){P(e,t,{get:function(){return this._d[o]}})},Le=function(e){var t,o,n,r,i,a,s=C(e),l=arguments.length,c=l>1?arguments[1]:void 0,h=void 0!==c,u=k(s);if(null!=u&&!S(u)){for(a=u.call(s),n=[],t=0;!(i=a.next()).done;t++)n.push(i.value);s=n}for(h&&l>2&&(c=d(c,arguments[2],2)),t=0,o=f(s.length),r=Oe(this,o);o>t;t++)r[t]=h?c(s[t],t):s[t];return r},Fe=function(){for(var e=0,t=arguments.length,o=Oe(this,t);t>e;)o[e]=arguments[e++];return o},Ne=!!V&&i((function(){be.call(new V(1))})),Be=function(){return be.apply(Ne?fe.call(Ee(this)):Ee(this),arguments)},Ge={copyWithin:function(e,t){return B.call(Ee(this),e,t,arguments.length>2?arguments[2]:void 0)},every:function(e){return oe(Ee(this),e,arguments.length>1?arguments[1]:void 0)},fill:function(e){return N.apply(Ee(this),arguments)},filter:function(e){return Te(this,ee(Ee(this),e,arguments.length>1?arguments[1]:void 0))},find:function(e){return ne(Ee(this),e,arguments.length>1?arguments[1]:void 0)},findIndex:function(e){return re(Ee(this),e,arguments.length>1?arguments[1]:void 0)},forEach:function(e){Q(Ee(this),e,arguments.length>1?arguments[1]:void 0)},indexOf:function(e){return ae(Ee(this),e,arguments.length>1?arguments[1]:void 0)},includes:function(e){return ie(Ee(this),e,arguments.length>1?arguments[1]:void 0)},join:function(e){return ge.apply(Ee(this),arguments)},lastIndexOf:function(e){return ce.apply(Ee(this),arguments)},map:function(e){return _e(Ee(this),e,arguments.length>1?arguments[1]:void 0)},reduce:function(e){return he.apply(Ee(this),arguments)},reduceRight:function(e){return ue.apply(Ee(this),arguments)},reverse:function(){for(var e,t=this,o=Ee(t).length,n=Math.floor(o/2),r=0;r<n;)e=t[r],t[r++]=t[--o],t[o]=e;return t},some:function(e){return te(Ee(this),e,arguments.length>1?arguments[1]:void 0)},sort:function(e){return pe.call(Ee(this),e)},subarray:function(e,t){var o=Ee(this),n=o.length,r=b(e,n);return new(T(o,o[ze]))(o.buffer,o.byteOffset+r*o.BYTES_PER_ELEMENT,f((void 0===t?n:b(t,n))-r))}},He=function(e,t){return Te(this,fe.call(Ee(this),e,t))},Pe=function(e){Ee(this);var t=De(arguments[1],1),o=this.length,n=C(e),r=f(n.length),i=0;if(r+t>o)throw U(Me);for(;i<r;)this[t+i]=n[i++]},Ze={entries:function(){return de.call(Ee(this))},keys:function(){return le.call(Ee(this))},values:function(){return se.call(Ee(this))}},Ue=function(e,t){return z(e)&&e[Se]&&"symbol"!=typeof t&&t in e&&String(+t)==String(t)},We=function(e,t){return Ue(e,t=v(t,!0))?h(2,e[t]):Z(e,t)},Ve=function(e,t,o){return!(Ue(e,t=v(t,!0))&&z(o)&&y(o,"value"))||y(o,"get")||y(o,"set")||o.configurable||y(o,"writable")&&!o.writable||y(o,"enumerable")&&!o.enumerable?P(e,t,o):(e[t]=o.value,e)};Ce||(H.f=We,G.f=Ve),a(a.S+a.F*!Ce,"Object",{getOwnPropertyDescriptor:We,defineProperty:Ve}),i((function(){me.call({})}))&&(me=be=function(){return ge.call(this)});var $e=g({},Ge);g($e,Ze),u($e,ve,Ze.values),g($e,{slice:He,set:Pe,constructor:function(){},toString:me,toLocaleString:Be}),Ie($e,"buffer","b"),Ie($e,"byteOffset","o"),Ie($e,"byteLength","l"),Ie($e,"length","e"),P($e,ye,{get:function(){return this[Se]}}),e.exports=function(e,t,o,l){var d=e+((l=!!l)?"Clamped":"")+"Array",h="get"+e,g="set"+e,p=r[d],b=p||{},v=p&&M(p),y=!p||!s.ABV,C={},S=p&&p[K],k=function(e,o){P(e,o,{get:function(){return function(e,o){var n=e._d;return n.v[h](o*t+n.o,ke)}(this,o)},set:function(e){return function(e,o,n){var r=e._d;l&&(n=(n=Math.round(n))<0?0:n>255?255:255&n),r.v[g](o*t+r.o,n,ke)}(this,o,e)},enumerable:!0})};y?(p=o((function(e,o,n,r){c(e,p,d,"_d");var i,a,s,l,h=0,g=0;if(z(o)){if(!(o instanceof X||(l=w(o))==$||l==j))return Se in o?Ae(p,o):Le.call(p,o);i=o,g=De(n,t);var b=o.byteLength;if(void 0===r){if(b%t)throw U(Me);if((a=b-g)<0)throw U(Me)}else if((a=f(r)*t)+g>b)throw U(Me);s=a/t}else s=m(o),i=new X(a=s*t);for(u(e,"_d",{b:i,o:g,l:a,e:s,v:new J(i)});h<s;)k(e,h++)})),S=p[K]=x($e),u(S,"constructor",p)):i((function(){p(1)}))&&i((function(){new p(-1)}))&&L((function(e){new p,new p(null),new p(1.5),new p(e)}),!0)||(p=o((function(e,o,n,r){var i;return c(e,p,d),z(o)?o instanceof X||(i=w(o))==$||i==j?void 0!==r?new b(o,De(n,t),r):void 0!==n?new b(o,De(n,t)):new b(o):Se in o?Ae(p,o):Le.call(p,o):new b(m(o))})),Q(v!==Function.prototype?_(b).concat(_(v)):_(b),(function(e){e in p||u(p,e,b[e])})),p[K]=S,n||(S.constructor=p));var R=S[ve],D=!!R&&("values"==R.name||null==R.name),E=Ze.values;u(p,we,!0),u(S,Se,d),u(S,xe,!0),u(S,ze,p),(l?new p(1)[ye]==d:ye in S)||P(S,ye,{get:function(){return d}}),C[d]=p,a(a.G+a.W+a.F*(p!=b),C),a(a.S,d,{BYTES_PER_ELEMENT:t}),a(a.S+a.F*i((function(){b.of.call(p,1)})),d,{from:Le,of:Fe}),q in S||u(S,q,t),a(a.P,d,Ge),F(d),a(a.P+a.F*Re,d,{set:Pe}),a(a.P+a.F*!D,d,Ze),n||S.toString==me||(S.toString=me),a(a.P+a.F*i((function(){new p(1).slice()})),d,{slice:He}),a(a.P+a.F*(i((function(){return[1,2].toLocaleString()!=new p([1,2]).toLocaleString()}))||!i((function(){S.toLocaleString.call([1,2])}))),d,{toLocaleString:Be}),I[d]=D?R:E,n||D||u(S,ve,E)}}else e.exports=function(){}},91125:(e,t,o)=>{"use strict";var n=o(3816),r=o(67057),i=o(4461),a=o(89383),s=o(87728),l=o(24408),d=o(74253),c=o(83328),h=o(81467),u=o(10875),g=o(94843),p=o(20616).f,f=o(99275).f,m=o(46852),b=o(22943),v="ArrayBuffer",y="DataView",w="prototype",z="Wrong index!",C=n[v],S=n[y],x=n.Math,M=n.RangeError,_=n.Infinity,k=C,R=x.abs,D=x.pow,E=x.floor,O=x.log,T=x.LN2,A="buffer",I="byteLength",L="byteOffset",F=r?"_b":A,N=r?"_l":I,B=r?"_o":L;function G(e,t,o){var n,r,i,a=new Array(o),s=8*o-t-1,l=(1<<s)-1,d=l>>1,c=23===t?D(2,-24)-D(2,-77):0,h=0,u=e<0||0===e&&1/e<0?1:0;for((e=R(e))!=e||e===_?(r=e!=e?1:0,n=l):(n=E(O(e)/T),e*(i=D(2,-n))<1&&(n--,i*=2),(e+=n+d>=1?c/i:c*D(2,1-d))*i>=2&&(n++,i/=2),n+d>=l?(r=0,n=l):n+d>=1?(r=(e*i-1)*D(2,t),n+=d):(r=e*D(2,d-1)*D(2,t),n=0));t>=8;a[h++]=255&r,r/=256,t-=8);for(n=n<<t|r,s+=t;s>0;a[h++]=255&n,n/=256,s-=8);return a[--h]|=128*u,a}function H(e,t,o){var n,r=8*o-t-1,i=(1<<r)-1,a=i>>1,s=r-7,l=o-1,d=e[l--],c=127&d;for(d>>=7;s>0;c=256*c+e[l],l--,s-=8);for(n=c&(1<<-s)-1,c>>=-s,s+=t;s>0;n=256*n+e[l],l--,s-=8);if(0===c)c=1-a;else{if(c===i)return n?NaN:d?-_:_;n+=D(2,t),c-=a}return(d?-1:1)*n*D(2,c-t)}function P(e){return e[3]<<24|e[2]<<16|e[1]<<8|e[0]}function Z(e){return[255&e]}function U(e){return[255&e,e>>8&255]}function W(e){return[255&e,e>>8&255,e>>16&255,e>>24&255]}function V(e){return G(e,52,8)}function $(e){return G(e,23,4)}function j(e,t,o){f(e[w],t,{get:function(){return this[o]}})}function q(e,t,o,n){var r=g(+o);if(r+t>e[N])throw M(z);var i=e[F]._b,a=r+e[B],s=i.slice(a,a+t);return n?s:s.reverse()}function K(e,t,o,n,r,i){var a=g(+o);if(a+t>e[N])throw M(z);for(var s=e[F]._b,l=a+e[B],d=n(+r),c=0;c<t;c++)s[l+c]=d[i?c:t-c-1]}if(a.ABV){if(!d((function(){C(1)}))||!d((function(){new C(-1)}))||d((function(){return new C,new C(1.5),new C(NaN),C.name!=v}))){for(var Y,X=(C=function(e){return c(this,C),new k(g(e))})[w]=k[w],J=p(k),Q=0;J.length>Q;)(Y=J[Q++])in C||s(C,Y,k[Y]);i||(X.constructor=C)}var ee=new S(new C(2)),te=S[w].setInt8;ee.setInt8(0,2147483648),ee.setInt8(1,2147483649),!ee.getInt8(0)&&ee.getInt8(1)||l(S[w],{setInt8:function(e,t){te.call(this,e,t<<24>>24)},setUint8:function(e,t){te.call(this,e,t<<24>>24)}},!0)}else C=function(e){c(this,C,v);var t=g(e);this._b=m.call(new Array(t),0),this[N]=t},S=function(e,t,o){c(this,S,y),c(e,C,y);var n=e[N],r=h(t);if(r<0||r>n)throw M("Wrong offset!");if(r+(o=void 0===o?n-r:u(o))>n)throw M("Wrong length!");this[F]=e,this[B]=r,this[N]=o},r&&(j(C,I,"_l"),j(S,A,"_b"),j(S,I,"_l"),j(S,L,"_o")),l(S[w],{getInt8:function(e){return q(this,1,e)[0]<<24>>24},getUint8:function(e){return q(this,1,e)[0]},getInt16:function(e){var t=q(this,2,e,arguments[1]);return(t[1]<<8|t[0])<<16>>16},getUint16:function(e){var t=q(this,2,e,arguments[1]);return t[1]<<8|t[0]},getInt32:function(e){return P(q(this,4,e,arguments[1]))},getUint32:function(e){return P(q(this,4,e,arguments[1]))>>>0},getFloat32:function(e){return H(q(this,4,e,arguments[1]),23,4)},getFloat64:function(e){return H(q(this,8,e,arguments[1]),52,8)},setInt8:function(e,t){K(this,1,e,Z,t)},setUint8:function(e,t){K(this,1,e,Z,t)},setInt16:function(e,t){K(this,2,e,U,t,arguments[2])},setUint16:function(e,t){K(this,2,e,U,t,arguments[2])},setInt32:function(e,t){K(this,4,e,W,t,arguments[2])},setUint32:function(e,t){K(this,4,e,W,t,arguments[2])},setFloat32:function(e,t){K(this,4,e,$,t,arguments[2])},setFloat64:function(e,t){K(this,8,e,V,t,arguments[2])}});b(C,v),b(S,y),s(S[w],a.VIEW,!0),t[v]=C,t[y]=S},89383:(e,t,o)=>{for(var n,r=o(3816),i=o(87728),a=o(93953),s=a("typed_array"),l=a("view"),d=!(!r.ArrayBuffer||!r.DataView),c=d,h=0,u="Int8Array,Uint8Array,Uint8ClampedArray,Int16Array,Uint16Array,Int32Array,Uint32Array,Float32Array,Float64Array".split(",");h<9;)(n=r[u[h++]])?(i(n.prototype,s,!0),i(n.prototype,l,!0)):c=!1;e.exports={ABV:d,CONSTR:c,TYPED:s,VIEW:l}},93953:e=>{var t=0,o=Math.random();e.exports=function(e){return"Symbol(".concat(void 0===e?"":e,")_",(++t+o).toString(36))}},30575:(e,t,o)=>{var n=o(3816).navigator;e.exports=n&&n.userAgent||""},1616:(e,t,o)=>{var n=o(55286);e.exports=function(e,t){if(!n(e)||e._t!==t)throw TypeError("Incompatible receiver, "+t+" required!");return e}},36074:(e,t,o)=>{var n=o(3816),r=o(25645),i=o(4461),a=o(28787),s=o(99275).f;e.exports=function(e){var t=r.Symbol||(r.Symbol=i?{}:n.Symbol||{});"_"==e.charAt(0)||e in t||s(t,e,{value:a.f(e)})}},28787:(e,t,o)=>{t.f=o(86314)},86314:(e,t,o)=>{var n=o(3825)("wks"),r=o(93953),i=o(3816).Symbol,a="function"==typeof i;(e.exports=function(e){return n[e]||(n[e]=a&&i[e]||(a?i:r)("Symbol."+e))}).store=n},69002:(e,t,o)=>{var n=o(41488),r=o(86314)("iterator"),i=o(87234);e.exports=o(25645).getIteratorMethod=function(e){if(null!=e)return e[r]||e["@@iterator"]||i[n(e)]}},32e3:(e,t,o)=>{var n=o(42985);n(n.P,"Array",{copyWithin:o(5216)}),o(17722)("copyWithin")},15745:(e,t,o)=>{"use strict";var n=o(42985),r=o(10050)(4);n(n.P+n.F*!o(77717)([].every,!0),"Array",{every:function(e){return r(this,e,arguments[1])}})},48977:(e,t,o)=>{var n=o(42985);n(n.P,"Array",{fill:o(46852)}),o(17722)("fill")},98837:(e,t,o)=>{"use strict";var n=o(42985),r=o(10050)(2);n(n.P+n.F*!o(77717)([].filter,!0),"Array",{filter:function(e){return r(this,e,arguments[1])}})},94899:(e,t,o)=>{"use strict";var n=o(42985),r=o(10050)(6),i="findIndex",a=!0;i in[]&&Array(1)[i]((function(){a=!1})),n(n.P+n.F*a,"Array",{findIndex:function(e){return r(this,e,arguments.length>1?arguments[1]:void 0)}}),o(17722)(i)},52310:(e,t,o)=>{"use strict";var n=o(42985),r=o(10050)(5),i="find",a=!0;i in[]&&Array(1)[i]((function(){a=!1})),n(n.P+n.F*a,"Array",{find:function(e){return r(this,e,arguments.length>1?arguments[1]:void 0)}}),o(17722)(i)},24336:(e,t,o)=>{"use strict";var n=o(42985),r=o(10050)(0),i=o(77717)([].forEach,!0);n(n.P+n.F*!i,"Array",{forEach:function(e){return r(this,e,arguments[1])}})},30522:(e,t,o)=>{"use strict";var n=o(741),r=o(42985),i=o(20508),a=o(28851),s=o(86555),l=o(10875),d=o(92811),c=o(69002);r(r.S+r.F*!o(7462)((function(e){Array.from(e)})),"Array",{from:function(e){var t,o,r,h,u=i(e),g="function"==typeof this?this:Array,p=arguments.length,f=p>1?arguments[1]:void 0,m=void 0!==f,b=0,v=c(u);if(m&&(f=n(f,p>2?arguments[2]:void 0,2)),null==v||g==Array&&s(v))for(o=new g(t=l(u.length));t>b;b++)d(o,b,m?f(u[b],b):u[b]);else for(h=v.call(u),o=new g;!(r=h.next()).done;b++)d(o,b,m?a(h,f,[r.value,b],!0):r.value);return o.length=b,o}})},23369:(e,t,o)=>{"use strict";var n=o(42985),r=o(79315)(!1),i=[].indexOf,a=!!i&&1/[1].indexOf(1,-0)<0;n(n.P+n.F*(a||!o(77717)(i)),"Array",{indexOf:function(e){return a?i.apply(this,arguments)||0:r(this,e,arguments[1])}})},20774:(e,t,o)=>{var n=o(42985);n(n.S,"Array",{isArray:o(4302)})},56997:(e,t,o)=>{"use strict";var n=o(17722),r=o(15436),i=o(87234),a=o(22110);e.exports=o(42923)(Array,"Array",(function(e,t){this._t=a(e),this._i=0,this._k=t}),(function(){var e=this._t,t=this._k,o=this._i++;return!e||o>=e.length?(this._t=void 0,r(1)):r(0,"keys"==t?o:"values"==t?e[o]:[o,e[o]])}),"values"),i.Arguments=i.Array,n("keys"),n("values"),n("entries")},87842:(e,t,o)=>{"use strict";var n=o(42985),r=o(22110),i=[].join;n(n.P+n.F*(o(49797)!=Object||!o(77717)(i)),"Array",{join:function(e){return i.call(r(this),void 0===e?",":e)}})},99564:(e,t,o)=>{"use strict";var n=o(42985),r=o(22110),i=o(81467),a=o(10875),s=[].lastIndexOf,l=!!s&&1/[1].lastIndexOf(1,-0)<0;n(n.P+n.F*(l||!o(77717)(s)),"Array",{lastIndexOf:function(e){if(l)return s.apply(this,arguments)||0;var t=r(this),o=a(t.length),n=o-1;for(arguments.length>1&&(n=Math.min(n,i(arguments[1]))),n<0&&(n=o+n);n>=0;n--)if(n in t&&t[n]===e)return n||0;return-1}})},19371:(e,t,o)=>{"use strict";var n=o(42985),r=o(10050)(1);n(n.P+n.F*!o(77717)([].map,!0),"Array",{map:function(e){return r(this,e,arguments[1])}})},58295:(e,t,o)=>{"use strict";var n=o(42985),r=o(92811);n(n.S+n.F*o(74253)((function(){function e(){}return!(Array.of.call(e)instanceof e)})),"Array",{of:function(){for(var e=0,t=arguments.length,o=new("function"==typeof this?this:Array)(t);t>e;)r(o,e,arguments[e++]);return o.length=t,o}})},3750:(e,t,o)=>{"use strict";var n=o(42985),r=o(37628);n(n.P+n.F*!o(77717)([].reduceRight,!0),"Array",{reduceRight:function(e){return r(this,e,arguments.length,arguments[1],!0)}})},33057:(e,t,o)=>{"use strict";var n=o(42985),r=o(37628);n(n.P+n.F*!o(77717)([].reduce,!0),"Array",{reduce:function(e){return r(this,e,arguments.length,arguments[1],!1)}})},50110:(e,t,o)=>{"use strict";var n=o(42985),r=o(40639),i=o(92032),a=o(92337),s=o(10875),l=[].slice;n(n.P+n.F*o(74253)((function(){r&&l.call(r)})),"Array",{slice:function(e,t){var o=s(this.length),n=i(this);if(t=void 0===t?o:t,"Array"==n)return l.call(this,e,t);for(var r=a(e,o),d=a(t,o),c=s(d-r),h=new Array(c),u=0;u<c;u++)h[u]="String"==n?this.charAt(r+u):this[r+u];return h}})},26773:(e,t,o)=>{"use strict";var n=o(42985),r=o(10050)(3);n(n.P+n.F*!o(77717)([].some,!0),"Array",{some:function(e){return r(this,e,arguments[1])}})},20075:(e,t,o)=>{"use strict";var n=o(42985),r=o(24963),i=o(20508),a=o(74253),s=[].sort,l=[1,2,3];n(n.P+n.F*(a((function(){l.sort(void 0)}))||!a((function(){l.sort(null)}))||!o(77717)(s)),"Array",{sort:function(e){return void 0===e?s.call(i(this)):s.call(i(this),r(e))}})},31842:(e,t,o)=>{o(2974)("Array")},81822:(e,t,o)=>{var n=o(42985);n(n.S,"Date",{now:function(){return(new Date).getTime()}})},91031:(e,t,o)=>{var n=o(42985),r=o(53537);n(n.P+n.F*(Date.prototype.toISOString!==r),"Date",{toISOString:r})},19977:(e,t,o)=>{"use strict";var n=o(42985),r=o(20508),i=o(21689);n(n.P+n.F*o(74253)((function(){return null!==new Date(NaN).toJSON()||1!==Date.prototype.toJSON.call({toISOString:function(){return 1}})})),"Date",{toJSON:function(e){var t=r(this),o=i(t);return"number"!=typeof o||isFinite(o)?t.toISOString():null}})},41560:(e,t,o)=>{var n=o(86314)("toPrimitive"),r=Date.prototype;n in r||o(87728)(r,n,o(870))},46331:(e,t,o)=>{var n=Date.prototype,r="Invalid Date",i="toString",a=n[i],s=n.getTime;new Date(NaN)+""!=r&&o(77234)(n,i,(function(){var e=s.call(this);return e==e?a.call(this):r}))},39730:(e,t,o)=>{var n=o(42985);n(n.P,"Function",{bind:o(34398)})},48377:(e,t,o)=>{"use strict";var n=o(55286),r=o(468),i=o(86314)("hasInstance"),a=Function.prototype;i in a||o(99275).f(a,i,{value:function(e){if("function"!=typeof this||!n(e))return!1;if(!n(this.prototype))return e instanceof this;for(;e=r(e);)if(this.prototype===e)return!0;return!1}})},6059:(e,t,o)=>{var n=o(99275).f,r=Function.prototype,i=/^\s*function ([^ (]*)/,a="name";a in r||o(67057)&&n(r,a,{configurable:!0,get:function(){try{return(""+this).match(i)[1]}catch(e){return""}}})},88416:(e,t,o)=>{"use strict";var n=o(9824),r=o(1616),i="Map";e.exports=o(45795)(i,(function(e){return function(){return e(this,arguments.length>0?arguments[0]:void 0)}}),{get:function(e){var t=n.getEntry(r(this,i),e);return t&&t.v},set:function(e,t){return n.def(r(this,i),0===e?0:e,t)}},n,!0)},76503:(e,t,o)=>{var n=o(42985),r=o(46206),i=Math.sqrt,a=Math.acosh;n(n.S+n.F*!(a&&710==Math.floor(a(Number.MAX_VALUE))&&a(1/0)==1/0),"Math",{acosh:function(e){return(e=+e)<1?NaN:e>94906265.62425156?Math.log(e)+Math.LN2:r(e-1+i(e-1)*i(e+1))}})},66786:(e,t,o)=>{var n=o(42985),r=Math.asinh;n(n.S+n.F*!(r&&1/r(0)>0),"Math",{asinh:function e(t){return isFinite(t=+t)&&0!=t?t<0?-e(-t):Math.log(t+Math.sqrt(t*t+1)):t}})},50932:(e,t,o)=>{var n=o(42985),r=Math.atanh;n(n.S+n.F*!(r&&1/r(-0)<0),"Math",{atanh:function(e){return 0==(e=+e)?e:Math.log((1+e)/(1-e))/2}})},57526:(e,t,o)=>{var n=o(42985),r=o(61801);n(n.S,"Math",{cbrt:function(e){return r(e=+e)*Math.pow(Math.abs(e),1/3)}})},21591:(e,t,o)=>{var n=o(42985);n(n.S,"Math",{clz32:function(e){return(e>>>=0)?31-Math.floor(Math.log(e+.5)*Math.LOG2E):32}})},9073:(e,t,o)=>{var n=o(42985),r=Math.exp;n(n.S,"Math",{cosh:function(e){return(r(e=+e)+r(-e))/2}})},80347:(e,t,o)=>{var n=o(42985),r=o(13086);n(n.S+n.F*(r!=Math.expm1),"Math",{expm1:r})},30579:(e,t,o)=>{var n=o(42985);n(n.S,"Math",{fround:o(34934)})},4669:(e,t,o)=>{var n=o(42985),r=Math.abs;n(n.S,"Math",{hypot:function(e,t){for(var o,n,i=0,a=0,s=arguments.length,l=0;a<s;)l<(o=r(arguments[a++]))?(i=i*(n=l/o)*n+1,l=o):i+=o>0?(n=o/l)*n:o;return l===1/0?1/0:l*Math.sqrt(i)}})},67710:(e,t,o)=>{var n=o(42985),r=Math.imul;n(n.S+n.F*o(74253)((function(){return-5!=r(4294967295,5)||2!=r.length})),"Math",{imul:function(e,t){var o=65535,n=+e,r=+t,i=o&n,a=o&r;return 0|i*a+((o&n>>>16)*a+i*(o&r>>>16)<<16>>>0)}})},45789:(e,t,o)=>{var n=o(42985);n(n.S,"Math",{log10:function(e){return Math.log(e)*Math.LOG10E}})},33514:(e,t,o)=>{var n=o(42985);n(n.S,"Math",{log1p:o(46206)})},99978:(e,t,o)=>{var n=o(42985);n(n.S,"Math",{log2:function(e){return Math.log(e)/Math.LN2}})},58472:(e,t,o)=>{var n=o(42985);n(n.S,"Math",{sign:o(61801)})},86946:(e,t,o)=>{var n=o(42985),r=o(13086),i=Math.exp;n(n.S+n.F*o(74253)((function(){return-2e-17!=!Math.sinh(-2e-17)})),"Math",{sinh:function(e){return Math.abs(e=+e)<1?(r(e)-r(-e))/2:(i(e-1)-i(-e-1))*(Math.E/2)}})},35068:(e,t,o)=>{var n=o(42985),r=o(13086),i=Math.exp;n(n.S,"Math",{tanh:function(e){var t=r(e=+e),o=r(-e);return t==1/0?1:o==1/0?-1:(t-o)/(i(e)+i(-e))}})},413:(e,t,o)=>{var n=o(42985);n(n.S,"Math",{trunc:function(e){return(e>0?Math.floor:Math.ceil)(e)}})},11246:(e,t,o)=>{"use strict";var n=o(3816),r=o(79181),i=o(92032),a=o(40266),s=o(21689),l=o(74253),d=o(20616).f,c=o(18693).f,h=o(99275).f,u=o(29599).trim,g="Number",p=n[g],f=p,m=p.prototype,b=i(o(42503)(m))==g,v="trim"in String.prototype,y=function(e){var t=s(e,!1);if("string"==typeof t&&t.length>2){var o,n,r,i=(t=v?t.trim():u(t,3)).charCodeAt(0);if(43===i||45===i){if(88===(o=t.charCodeAt(2))||120===o)return NaN}else if(48===i){switch(t.charCodeAt(1)){case 66:case 98:n=2,r=49;break;case 79:case 111:n=8,r=55;break;default:return+t}for(var a,l=t.slice(2),d=0,c=l.length;d<c;d++)if((a=l.charCodeAt(d))<48||a>r)return NaN;return parseInt(l,n)}}return+t};if(!p(" 0o1")||!p("0b1")||p("+0x1")){p=function(e){var t=arguments.length<1?0:e,o=this;return o instanceof p&&(b?l((function(){m.valueOf.call(o)})):i(o)!=g)?a(new f(y(t)),o,p):y(t)};for(var w,z=o(67057)?d(f):"MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger".split(","),C=0;z.length>C;C++)r(f,w=z[C])&&!r(p,w)&&h(p,w,c(f,w));p.prototype=m,m.constructor=p,o(77234)(n,g,p)}},75972:(e,t,o)=>{var n=o(42985);n(n.S,"Number",{EPSILON:Math.pow(2,-52)})},53403:(e,t,o)=>{var n=o(42985),r=o(3816).isFinite;n(n.S,"Number",{isFinite:function(e){return"number"==typeof e&&r(e)}})},92516:(e,t,o)=>{var n=o(42985);n(n.S,"Number",{isInteger:o(18367)})},49371:(e,t,o)=>{var n=o(42985);n(n.S,"Number",{isNaN:function(e){return e!=e}})},86479:(e,t,o)=>{var n=o(42985),r=o(18367),i=Math.abs;n(n.S,"Number",{isSafeInteger:function(e){return r(e)&&i(e)<=9007199254740991}})},91736:(e,t,o)=>{var n=o(42985);n(n.S,"Number",{MAX_SAFE_INTEGER:9007199254740991})},51889:(e,t,o)=>{var n=o(42985);n(n.S,"Number",{MIN_SAFE_INTEGER:-9007199254740991})},65177:(e,t,o)=>{var n=o(42985),r=o(47743);n(n.S+n.F*(Number.parseFloat!=r),"Number",{parseFloat:r})},81246:(e,t,o)=>{var n=o(42985),r=o(55960);n(n.S+n.F*(Number.parseInt!=r),"Number",{parseInt:r})},30726:(e,t,o)=>{"use strict";var n=o(42985),r=o(81467),i=o(83365),a=o(68595),s=1..toFixed,l=Math.floor,d=[0,0,0,0,0,0],c="Number.toFixed: incorrect invocation!",h="0",u=function(e,t){for(var o=-1,n=t;++o<6;)n+=e*d[o],d[o]=n%1e7,n=l(n/1e7)},g=function(e){for(var t=6,o=0;--t>=0;)o+=d[t],d[t]=l(o/e),o=o%e*1e7},p=function(){for(var e=6,t="";--e>=0;)if(""!==t||0===e||0!==d[e]){var o=String(d[e]);t=""===t?o:t+a.call(h,7-o.length)+o}return t},f=function(e,t,o){return 0===t?o:t%2==1?f(e,t-1,o*e):f(e*e,t/2,o)};n(n.P+n.F*(!!s&&("0.000"!==8e-5.toFixed(3)||"1"!==.9.toFixed(0)||"1.25"!==1.255.toFixed(2)||"1000000000000000128"!==(0xde0b6b3a7640080).toFixed(0))||!o(74253)((function(){s.call({})}))),"Number",{toFixed:function(e){var t,o,n,s,l=i(this,c),d=r(e),m="",b=h;if(d<0||d>20)throw RangeError(c);if(l!=l)return"NaN";if(l<=-1e21||l>=1e21)return String(l);if(l<0&&(m="-",l=-l),l>1e-21)if(t=function(e){for(var t=0,o=e;o>=4096;)t+=12,o/=4096;for(;o>=2;)t+=1,o/=2;return t}(l*f(2,69,1))-69,o=t<0?l*f(2,-t,1):l/f(2,t,1),o*=4503599627370496,(t=52-t)>0){for(u(0,o),n=d;n>=7;)u(1e7,0),n-=7;for(u(f(10,n,1),0),n=t-1;n>=23;)g(1<<23),n-=23;g(1<<n),u(1,1),g(2),b=p()}else u(0,o),u(1<<-t,0),b=p()+a.call(h,d);return b=d>0?m+((s=b.length)<=d?"0."+a.call(h,d-s)+b:b.slice(0,s-d)+"."+b.slice(s-d)):m+b}})},1901:(e,t,o)=>{"use strict";var n=o(42985),r=o(74253),i=o(83365),a=1..toPrecision;n(n.P+n.F*(r((function(){return"1"!==a.call(1,void 0)}))||!r((function(){a.call({})}))),"Number",{toPrecision:function(e){var t=i(this,"Number#toPrecision: incorrect invocation!");return void 0===e?a.call(t):a.call(t,e)}})},75115:(e,t,o)=>{var n=o(42985);n(n.S+n.F,"Object",{assign:o(35345)})},68132:(e,t,o)=>{var n=o(42985);n(n.S,"Object",{create:o(42503)})},37470:(e,t,o)=>{var n=o(42985);n(n.S+n.F*!o(67057),"Object",{defineProperties:o(35588)})},48388:(e,t,o)=>{var n=o(42985);n(n.S+n.F*!o(67057),"Object",{defineProperty:o(99275).f})},89375:(e,t,o)=>{var n=o(55286),r=o(84728).onFreeze;o(33160)("freeze",(function(e){return function(t){return e&&n(t)?e(r(t)):t}}))},94882:(e,t,o)=>{var n=o(22110),r=o(18693).f;o(33160)("getOwnPropertyDescriptor",(function(){return function(e,t){return r(n(e),t)}}))},79622:(e,t,o)=>{o(33160)("getOwnPropertyNames",(function(){return o(39327).f}))},41520:(e,t,o)=>{var n=o(20508),r=o(468);o(33160)("getPrototypeOf",(function(){return function(e){return r(n(e))}}))},49892:(e,t,o)=>{var n=o(55286);o(33160)("isExtensible",(function(e){return function(t){return!!n(t)&&(!e||e(t))}}))},64157:(e,t,o)=>{var n=o(55286);o(33160)("isFrozen",(function(e){return function(t){return!n(t)||!!e&&e(t)}}))},35095:(e,t,o)=>{var n=o(55286);o(33160)("isSealed",(function(e){return function(t){return!n(t)||!!e&&e(t)}}))},99176:(e,t,o)=>{var n=o(42985);n(n.S,"Object",{is:o(27195)})},27476:(e,t,o)=>{var n=o(20508),r=o(47184);o(33160)("keys",(function(){return function(e){return r(n(e))}}))},84672:(e,t,o)=>{var n=o(55286),r=o(84728).onFreeze;o(33160)("preventExtensions",(function(e){return function(t){return e&&n(t)?e(r(t)):t}}))},43533:(e,t,o)=>{var n=o(55286),r=o(84728).onFreeze;o(33160)("seal",(function(e){return function(t){return e&&n(t)?e(r(t)):t}}))},68838:(e,t,o)=>{var n=o(42985);n(n.S,"Object",{setPrototypeOf:o(27375).set})},96253:(e,t,o)=>{"use strict";var n=o(41488),r={};r[o(86314)("toStringTag")]="z",r+""!="[object z]"&&o(77234)(Object.prototype,"toString",(function(){return"[object "+n(this)+"]"}),!0)},64299:(e,t,o)=>{var n=o(42985),r=o(47743);n(n.G+n.F*(parseFloat!=r),{parseFloat:r})},71084:(e,t,o)=>{var n=o(42985),r=o(55960);n(n.G+n.F*(parseInt!=r),{parseInt:r})},40851:(e,t,o)=>{"use strict";var n,r,i,a,s=o(4461),l=o(3816),d=o(741),c=o(41488),h=o(42985),u=o(55286),g=o(24963),p=o(83328),f=o(3531),m=o(58364),b=o(74193).set,v=o(14351)(),y=o(43499),w=o(10188),z=o(30575),C=o(50094),S="Promise",x=l.TypeError,M=l.process,_=M&&M.versions,k=_&&_.v8||"",R=l[S],D="process"==c(M),E=function(){},O=r=y.f,T=!!function(){try{var e=R.resolve(1),t=(e.constructor={})[o(86314)("species")]=function(e){e(E,E)};return(D||"function"==typeof PromiseRejectionEvent)&&e.then(E)instanceof t&&0!==k.indexOf("6.6")&&-1===z.indexOf("Chrome/66")}catch(e){}}(),A=function(e){var t;return!(!u(e)||"function"!=typeof(t=e.then))&&t},I=function(e,t){if(!e._n){e._n=!0;var o=e._c;v((function(){for(var n=e._v,r=1==e._s,i=0,a=function(t){var o,i,a,s=r?t.ok:t.fail,l=t.resolve,d=t.reject,c=t.domain;try{s?(r||(2==e._h&&N(e),e._h=1),!0===s?o=n:(c&&c.enter(),o=s(n),c&&(c.exit(),a=!0)),o===t.promise?d(x("Promise-chain cycle")):(i=A(o))?i.call(o,l,d):l(o)):d(n)}catch(e){c&&!a&&c.exit(),d(e)}};o.length>i;)a(o[i++]);e._c=[],e._n=!1,t&&!e._h&&L(e)}))}},L=function(e){b.call(l,(function(){var t,o,n,r=e._v,i=F(e);if(i&&(t=w((function(){D?M.emit("unhandledRejection",r,e):(o=l.onunhandledrejection)?o({promise:e,reason:r}):(n=l.console)&&n.error&&n.error("Unhandled promise rejection",r)})),e._h=D||F(e)?2:1),e._a=void 0,i&&t.e)throw t.v}))},F=function(e){return 1!==e._h&&0===(e._a||e._c).length},N=function(e){b.call(l,(function(){var t;D?M.emit("rejectionHandled",e):(t=l.onrejectionhandled)&&t({promise:e,reason:e._v})}))},B=function(e){var t=this;t._d||(t._d=!0,(t=t._w||t)._v=e,t._s=2,t._a||(t._a=t._c.slice()),I(t,!0))},G=function(e){var t,o=this;if(!o._d){o._d=!0,o=o._w||o;try{if(o===e)throw x("Promise can't be resolved itself");(t=A(e))?v((function(){var n={_w:o,_d:!1};try{t.call(e,d(G,n,1),d(B,n,1))}catch(e){B.call(n,e)}})):(o._v=e,o._s=1,I(o,!1))}catch(e){B.call({_w:o,_d:!1},e)}}};T||(R=function(e){p(this,R,S,"_h"),g(e),n.call(this);try{e(d(G,this,1),d(B,this,1))}catch(e){B.call(this,e)}},(n=function(e){this._c=[],this._a=void 0,this._s=0,this._d=!1,this._v=void 0,this._h=0,this._n=!1}).prototype=o(24408)(R.prototype,{then:function(e,t){var o=O(m(this,R));return o.ok="function"!=typeof e||e,o.fail="function"==typeof t&&t,o.domain=D?M.domain:void 0,this._c.push(o),this._a&&this._a.push(o),this._s&&I(this,!1),o.promise},catch:function(e){return this.then(void 0,e)}}),i=function(){var e=new n;this.promise=e,this.resolve=d(G,e,1),this.reject=d(B,e,1)},y.f=O=function(e){return e===R||e===a?new i(e):r(e)}),h(h.G+h.W+h.F*!T,{Promise:R}),o(22943)(R,S),o(2974)(S),a=o(25645)[S],h(h.S+h.F*!T,S,{reject:function(e){var t=O(this);return(0,t.reject)(e),t.promise}}),h(h.S+h.F*(s||!T),S,{resolve:function(e){return C(s&&this===a?R:this,e)}}),h(h.S+h.F*!(T&&o(7462)((function(e){R.all(e).catch(E)}))),S,{all:function(e){var t=this,o=O(t),n=o.resolve,r=o.reject,i=w((function(){var o=[],i=0,a=1;f(e,!1,(function(e){var s=i++,l=!1;o.push(void 0),a++,t.resolve(e).then((function(e){l||(l=!0,o[s]=e,--a||n(o))}),r)})),--a||n(o)}));return i.e&&r(i.v),o.promise},race:function(e){var t=this,o=O(t),n=o.reject,r=w((function(){f(e,!1,(function(e){t.resolve(e).then(o.resolve,n)}))}));return r.e&&n(r.v),o.promise}})},21572:(e,t,o)=>{var n=o(42985),r=o(24963),i=o(27007),a=(o(3816).Reflect||{}).apply,s=Function.apply;n(n.S+n.F*!o(74253)((function(){a((function(){}))})),"Reflect",{apply:function(e,t,o){var n=r(e),l=i(o);return a?a(n,t,l):s.call(n,t,l)}})},82139:(e,t,o)=>{var n=o(42985),r=o(42503),i=o(24963),a=o(27007),s=o(55286),l=o(74253),d=o(34398),c=(o(3816).Reflect||{}).construct,h=l((function(){function e(){}return!(c((function(){}),[],e)instanceof e)})),u=!l((function(){c((function(){}))}));n(n.S+n.F*(h||u),"Reflect",{construct:function(e,t){i(e),a(t);var o=arguments.length<3?e:i(arguments[2]);if(u&&!h)return c(e,t,o);if(e==o){switch(t.length){case 0:return new e;case 1:return new e(t[0]);case 2:return new e(t[0],t[1]);case 3:return new e(t[0],t[1],t[2]);case 4:return new e(t[0],t[1],t[2],t[3])}var n=[null];return n.push.apply(n,t),new(d.apply(e,n))}var l=o.prototype,g=r(s(l)?l:Object.prototype),p=Function.apply.call(e,g,t);return s(p)?p:g}})},10685:(e,t,o)=>{var n=o(99275),r=o(42985),i=o(27007),a=o(21689);r(r.S+r.F*o(74253)((function(){Reflect.defineProperty(n.f({},1,{value:1}),1,{value:2})})),"Reflect",{defineProperty:function(e,t,o){i(e),t=a(t,!0),i(o);try{return n.f(e,t,o),!0}catch(e){return!1}}})},85535:(e,t,o)=>{var n=o(42985),r=o(18693).f,i=o(27007);n(n.S,"Reflect",{deleteProperty:function(e,t){var o=r(i(e),t);return!(o&&!o.configurable)&&delete e[t]}})},17347:(e,t,o)=>{"use strict";var n=o(42985),r=o(27007),i=function(e){this._t=r(e),this._i=0;var t,o=this._k=[];for(t in e)o.push(t)};o(49988)(i,"Object",(function(){var e,t=this,o=t._k;do{if(t._i>=o.length)return{value:void 0,done:!0}}while(!((e=o[t._i++])in t._t));return{value:e,done:!1}})),n(n.S,"Reflect",{enumerate:function(e){return new i(e)}})},96633:(e,t,o)=>{var n=o(18693),r=o(42985),i=o(27007);r(r.S,"Reflect",{getOwnPropertyDescriptor:function(e,t){return n.f(i(e),t)}})},68989:(e,t,o)=>{var n=o(42985),r=o(468),i=o(27007);n(n.S,"Reflect",{getPrototypeOf:function(e){return r(i(e))}})},83049:(e,t,o)=>{var n=o(18693),r=o(468),i=o(79181),a=o(42985),s=o(55286),l=o(27007);a(a.S,"Reflect",{get:function e(t,o){var a,d,c=arguments.length<3?t:arguments[2];return l(t)===c?t[o]:(a=n.f(t,o))?i(a,"value")?a.value:void 0!==a.get?a.get.call(c):void 0:s(d=r(t))?e(d,o,c):void 0}})},78270:(e,t,o)=>{var n=o(42985);n(n.S,"Reflect",{has:function(e,t){return t in e}})},64510:(e,t,o)=>{var n=o(42985),r=o(27007),i=Object.isExtensible;n(n.S,"Reflect",{isExtensible:function(e){return r(e),!i||i(e)}})},73984:(e,t,o)=>{var n=o(42985);n(n.S,"Reflect",{ownKeys:o(57643)})},75769:(e,t,o)=>{var n=o(42985),r=o(27007),i=Object.preventExtensions;n(n.S,"Reflect",{preventExtensions:function(e){r(e);try{return i&&i(e),!0}catch(e){return!1}}})},96014:(e,t,o)=>{var n=o(42985),r=o(27375);r&&n(n.S,"Reflect",{setPrototypeOf:function(e,t){r.check(e,t);try{return r.set(e,t),!0}catch(e){return!1}}})},50055:(e,t,o)=>{var n=o(99275),r=o(18693),i=o(468),a=o(79181),s=o(42985),l=o(90681),d=o(27007),c=o(55286);s(s.S,"Reflect",{set:function e(t,o,s){var h,u,g=arguments.length<4?t:arguments[3],p=r.f(d(t),o);if(!p){if(c(u=i(t)))return e(u,o,s,g);p=l(0)}if(a(p,"value")){if(!1===p.writable||!c(g))return!1;if(h=r.f(g,o)){if(h.get||h.set||!1===h.writable)return!1;h.value=s,n.f(g,o,h)}else n.f(g,o,l(0,s));return!0}return void 0!==p.set&&(p.set.call(g,s),!0)}})},83946:(e,t,o)=>{var n=o(3816),r=o(40266),i=o(99275).f,a=o(20616).f,s=o(55364),l=o(53218),d=n.RegExp,c=d,h=d.prototype,u=/a/g,g=/a/g,p=new d(u)!==u;if(o(67057)&&(!p||o(74253)((function(){return g[o(86314)("match")]=!1,d(u)!=u||d(g)==g||"/a/i"!=d(u,"i")})))){d=function(e,t){var o=this instanceof d,n=s(e),i=void 0===t;return!o&&n&&e.constructor===d&&i?e:r(p?new c(n&&!i?e.source:e,t):c((n=e instanceof d)?e.source:e,n&&i?l.call(e):t),o?this:h,d)};for(var f=function(e){e in d||i(d,e,{configurable:!0,get:function(){return c[e]},set:function(t){c[e]=t}})},m=a(c),b=0;m.length>b;)f(m[b++]);h.constructor=d,d.prototype=h,o(77234)(n,"RegExp",d)}o(2974)("RegExp")},18269:(e,t,o)=>{"use strict";var n=o(21165);o(42985)({target:"RegExp",proto:!0,forced:n!==/./.exec},{exec:n})},76774:(e,t,o)=>{o(67057)&&"g"!=/./g.flags&&o(99275).f(RegExp.prototype,"flags",{configurable:!0,get:o(53218)})},21466:(e,t,o)=>{"use strict";var n=o(27007),r=o(10875),i=o(76793),a=o(27787);o(28082)("match",1,(function(e,t,o,s){return[function(o){var n=e(this),r=null==o?void 0:o[t];return void 0!==r?r.call(o,n):new RegExp(o)[t](String(n))},function(e){var t=s(o,e,this);if(t.done)return t.value;var l=n(e),d=String(this);if(!l.global)return a(l,d);var c=l.unicode;l.lastIndex=0;for(var h,u=[],g=0;null!==(h=a(l,d));){var p=String(h[0]);u[g]=p,""===p&&(l.lastIndex=i(d,r(l.lastIndex),c)),g++}return 0===g?null:u}]}))},59357:(e,t,o)=>{"use strict";var n=o(27007),r=o(20508),i=o(10875),a=o(81467),s=o(76793),l=o(27787),d=Math.max,c=Math.min,h=Math.floor,u=/\$([$&`']|\d\d?|<[^>]*>)/g,g=/\$([$&`']|\d\d?)/g;o(28082)("replace",2,(function(e,t,o,p){return[function(n,r){var i=e(this),a=null==n?void 0:n[t];return void 0!==a?a.call(n,i,r):o.call(String(i),n,r)},function(e,t){var r=p(o,e,this,t);if(r.done)return r.value;var h=n(e),u=String(this),g="function"==typeof t;g||(t=String(t));var m=h.global;if(m){var b=h.unicode;h.lastIndex=0}for(var v=[];;){var y=l(h,u);if(null===y)break;if(v.push(y),!m)break;""===String(y[0])&&(h.lastIndex=s(u,i(h.lastIndex),b))}for(var w,z="",C=0,S=0;S<v.length;S++){y=v[S];for(var x=String(y[0]),M=d(c(a(y.index),u.length),0),_=[],k=1;k<y.length;k++)_.push(void 0===(w=y[k])?w:String(w));var R=y.groups;if(g){var D=[x].concat(_,M,u);void 0!==R&&D.push(R);var E=String(t.apply(void 0,D))}else E=f(x,u,M,_,R,t);M>=C&&(z+=u.slice(C,M)+E,C=M+x.length)}return z+u.slice(C)}];function f(e,t,n,i,a,s){var l=n+e.length,d=i.length,c=g;return void 0!==a&&(a=r(a),c=u),o.call(s,c,(function(o,r){var s;switch(r.charAt(0)){case"$":return"$";case"&":return e;case"`":return t.slice(0,n);case"'":return t.slice(l);case"<":s=a[r.slice(1,-1)];break;default:var c=+r;if(0===c)return o;if(c>d){var u=h(c/10);return 0===u?o:u<=d?void 0===i[u-1]?r.charAt(1):i[u-1]+r.charAt(1):o}s=i[c-1]}return void 0===s?"":s}))}}))},76142:(e,t,o)=>{"use strict";var n=o(27007),r=o(27195),i=o(27787);o(28082)("search",1,(function(e,t,o,a){return[function(o){var n=e(this),r=null==o?void 0:o[t];return void 0!==r?r.call(o,n):new RegExp(o)[t](String(n))},function(e){var t=a(o,e,this);if(t.done)return t.value;var s=n(e),l=String(this),d=s.lastIndex;r(d,0)||(s.lastIndex=0);var c=i(s,l);return r(s.lastIndex,d)||(s.lastIndex=d),null===c?-1:c.index}]}))},51876:(e,t,o)=>{"use strict";var n=o(55364),r=o(27007),i=o(58364),a=o(76793),s=o(10875),l=o(27787),d=o(21165),c=o(74253),h=Math.min,u=[].push,g="split",p="length",f="lastIndex",m=4294967295,b=!c((function(){RegExp(m,"y")}));o(28082)("split",2,(function(e,t,o,c){var v;return v="c"=="abbc"[g](/(b)*/)[1]||4!="test"[g](/(?:)/,-1)[p]||2!="ab"[g](/(?:ab)*/)[p]||4!="."[g](/(.?)(.?)/)[p]||"."[g](/()()/)[p]>1||""[g](/.?/)[p]?function(e,t){var r=String(this);if(void 0===e&&0===t)return[];if(!n(e))return o.call(r,e,t);for(var i,a,s,l=[],c=(e.ignoreCase?"i":"")+(e.multiline?"m":"")+(e.unicode?"u":"")+(e.sticky?"y":""),h=0,g=void 0===t?m:t>>>0,b=new RegExp(e.source,c+"g");(i=d.call(b,r))&&!((a=b[f])>h&&(l.push(r.slice(h,i.index)),i[p]>1&&i.index<r[p]&&u.apply(l,i.slice(1)),s=i[0][p],h=a,l[p]>=g));)b[f]===i.index&&b[f]++;return h===r[p]?!s&&b.test("")||l.push(""):l.push(r.slice(h)),l[p]>g?l.slice(0,g):l}:"0"[g](void 0,0)[p]?function(e,t){return void 0===e&&0===t?[]:o.call(this,e,t)}:o,[function(o,n){var r=e(this),i=null==o?void 0:o[t];return void 0!==i?i.call(o,r,n):v.call(String(r),o,n)},function(e,t){var n=c(v,e,this,t,v!==o);if(n.done)return n.value;var d=r(e),u=String(this),g=i(d,RegExp),p=d.unicode,f=(d.ignoreCase?"i":"")+(d.multiline?"m":"")+(d.unicode?"u":"")+(b?"y":"g"),y=new g(b?d:"^(?:"+d.source+")",f),w=void 0===t?m:t>>>0;if(0===w)return[];if(0===u.length)return null===l(y,u)?[u]:[];for(var z=0,C=0,S=[];C<u.length;){y.lastIndex=b?C:0;var x,M=l(y,b?u:u.slice(C));if(null===M||(x=h(s(y.lastIndex+(b?0:C)),u.length))===z)C=a(u,C,p);else{if(S.push(u.slice(z,C)),S.length===w)return S;for(var _=1;_<=M.length-1;_++)if(S.push(M[_]),S.length===w)return S;C=z=x}}return S.push(u.slice(z)),S}]}))},66108:(e,t,o)=>{"use strict";o(76774);var n=o(27007),r=o(53218),i=o(67057),a="toString",s=/./[a],l=function(e){o(77234)(RegExp.prototype,a,e,!0)};o(74253)((function(){return"/a/b"!=s.call({source:"a",flags:"b"})}))?l((function(){var e=n(this);return"/".concat(e.source,"/","flags"in e?e.flags:!i&&e instanceof RegExp?r.call(e):void 0)})):s.name!=a&&l((function(){return s.call(this)}))},98184:(e,t,o)=>{"use strict";var n=o(9824),r=o(1616);e.exports=o(45795)("Set",(function(e){return function(){return e(this,arguments.length>0?arguments[0]:void 0)}}),{add:function(e){return n.def(r(this,"Set"),e=0===e?0:e,e)}},n)},40856:(e,t,o)=>{"use strict";o(29395)("anchor",(function(e){return function(t){return e(this,"a","name",t)}}))},80703:(e,t,o)=>{"use strict";o(29395)("big",(function(e){return function(){return e(this,"big","","")}}))},91539:(e,t,o)=>{"use strict";o(29395)("blink",(function(e){return function(){return e(this,"blink","","")}}))},5292:(e,t,o)=>{"use strict";o(29395)("bold",(function(e){return function(){return e(this,"b","","")}}))},29539:(e,t,o)=>{"use strict";var n=o(42985),r=o(24496)(!1);n(n.P,"String",{codePointAt:function(e){return r(this,e)}})},96620:(e,t,o)=>{"use strict";var n=o(42985),r=o(10875),i=o(42094),a="endsWith",s=""[a];n(n.P+n.F*o(8852)(a),"String",{endsWith:function(e){var t=i(this,e,a),o=arguments.length>1?arguments[1]:void 0,n=r(t.length),l=void 0===o?n:Math.min(r(o),n),d=String(e);return s?s.call(t,d,l):t.slice(l-d.length,l)===d}})},45177:(e,t,o)=>{"use strict";o(29395)("fixed",(function(e){return function(){return e(this,"tt","","")}}))},73694:(e,t,o)=>{"use strict";o(29395)("fontcolor",(function(e){return function(t){return e(this,"font","color",t)}}))},37648:(e,t,o)=>{"use strict";o(29395)("fontsize",(function(e){return function(t){return e(this,"font","size",t)}}))},50191:(e,t,o)=>{var n=o(42985),r=o(92337),i=String.fromCharCode,a=String.fromCodePoint;n(n.S+n.F*(!!a&&1!=a.length),"String",{fromCodePoint:function(e){for(var t,o=[],n=arguments.length,a=0;n>a;){if(t=+arguments[a++],r(t,1114111)!==t)throw RangeError(t+" is not a valid code point");o.push(t<65536?i(t):i(55296+((t-=65536)>>10),t%1024+56320))}return o.join("")}})},62850:(e,t,o)=>{"use strict";var n=o(42985),r=o(42094),i="includes";n(n.P+n.F*o(8852)(i),"String",{includes:function(e){return!!~r(this,e,i).indexOf(e,arguments.length>1?arguments[1]:void 0)}})},27795:(e,t,o)=>{"use strict";o(29395)("italics",(function(e){return function(){return e(this,"i","","")}}))},39115:(e,t,o)=>{"use strict";var n=o(24496)(!0);o(42923)(String,"String",(function(e){this._t=String(e),this._i=0}),(function(){var e,t=this._t,o=this._i;return o>=t.length?{value:void 0,done:!0}:(e=n(t,o),this._i+=e.length,{value:e,done:!1})}))},4531:(e,t,o)=>{"use strict";o(29395)("link",(function(e){return function(t){return e(this,"a","href",t)}}))},98306:(e,t,o)=>{var n=o(42985),r=o(22110),i=o(10875);n(n.S,"String",{raw:function(e){for(var t=r(e.raw),o=i(t.length),n=arguments.length,a=[],s=0;o>s;)a.push(String(t[s++])),s<n&&a.push(String(arguments[s]));return a.join("")}})},10823:(e,t,o)=>{var n=o(42985);n(n.P,"String",{repeat:o(68595)})},23605:(e,t,o)=>{"use strict";o(29395)("small",(function(e){return function(){return e(this,"small","","")}}))},17732:(e,t,o)=>{"use strict";var n=o(42985),r=o(10875),i=o(42094),a="startsWith",s=""[a];n(n.P+n.F*o(8852)(a),"String",{startsWith:function(e){var t=i(this,e,a),o=r(Math.min(arguments.length>1?arguments[1]:void 0,t.length)),n=String(e);return s?s.call(t,n,o):t.slice(o,o+n.length)===n}})},6780:(e,t,o)=>{"use strict";o(29395)("strike",(function(e){return function(){return e(this,"strike","","")}}))},69937:(e,t,o)=>{"use strict";o(29395)("sub",(function(e){return function(){return e(this,"sub","","")}}))},10511:(e,t,o)=>{"use strict";o(29395)("sup",(function(e){return function(){return e(this,"sup","","")}}))},64564:(e,t,o)=>{"use strict";o(29599)("trim",(function(e){return function(){return e(this,3)}}))},95767:(e,t,o)=>{"use strict";var n=o(3816),r=o(79181),i=o(67057),a=o(42985),s=o(77234),l=o(84728).KEY,d=o(74253),c=o(3825),h=o(22943),u=o(93953),g=o(86314),p=o(28787),f=o(36074),m=o(5541),b=o(4302),v=o(27007),y=o(55286),w=o(20508),z=o(22110),C=o(21689),S=o(90681),x=o(42503),M=o(39327),_=o(18693),k=o(64548),R=o(99275),D=o(47184),E=_.f,O=R.f,T=M.f,A=n.Symbol,I=n.JSON,L=I&&I.stringify,F="prototype",N=g("_hidden"),B=g("toPrimitive"),G={}.propertyIsEnumerable,H=c("symbol-registry"),P=c("symbols"),Z=c("op-symbols"),U=Object[F],W="function"==typeof A&&!!k.f,V=n.QObject,$=!V||!V[F]||!V[F].findChild,j=i&&d((function(){return 7!=x(O({},"a",{get:function(){return O(this,"a",{value:7}).a}})).a}))?function(e,t,o){var n=E(U,t);n&&delete U[t],O(e,t,o),n&&e!==U&&O(U,t,n)}:O,q=function(e){var t=P[e]=x(A[F]);return t._k=e,t},K=W&&"symbol"==typeof A.iterator?function(e){return"symbol"==typeof e}:function(e){return e instanceof A},Y=function(e,t,o){return e===U&&Y(Z,t,o),v(e),t=C(t,!0),v(o),r(P,t)?(o.enumerable?(r(e,N)&&e[N][t]&&(e[N][t]=!1),o=x(o,{enumerable:S(0,!1)})):(r(e,N)||O(e,N,S(1,{})),e[N][t]=!0),j(e,t,o)):O(e,t,o)},X=function(e,t){v(e);for(var o,n=m(t=z(t)),r=0,i=n.length;i>r;)Y(e,o=n[r++],t[o]);return e},J=function(e){var t=G.call(this,e=C(e,!0));return!(this===U&&r(P,e)&&!r(Z,e))&&(!(t||!r(this,e)||!r(P,e)||r(this,N)&&this[N][e])||t)},Q=function(e,t){if(e=z(e),t=C(t,!0),e!==U||!r(P,t)||r(Z,t)){var o=E(e,t);return!o||!r(P,t)||r(e,N)&&e[N][t]||(o.enumerable=!0),o}},ee=function(e){for(var t,o=T(z(e)),n=[],i=0;o.length>i;)r(P,t=o[i++])||t==N||t==l||n.push(t);return n},te=function(e){for(var t,o=e===U,n=T(o?Z:z(e)),i=[],a=0;n.length>a;)!r(P,t=n[a++])||o&&!r(U,t)||i.push(P[t]);return i};W||(s((A=function(){if(this instanceof A)throw TypeError("Symbol is not a constructor!");var e=u(arguments.length>0?arguments[0]:void 0),t=function(o){this===U&&t.call(Z,o),r(this,N)&&r(this[N],e)&&(this[N][e]=!1),j(this,e,S(1,o))};return i&&$&&j(U,e,{configurable:!0,set:t}),q(e)})[F],"toString",(function(){return this._k})),_.f=Q,R.f=Y,o(20616).f=M.f=ee,o(14682).f=J,k.f=te,i&&!o(4461)&&s(U,"propertyIsEnumerable",J,!0),p.f=function(e){return q(g(e))}),a(a.G+a.W+a.F*!W,{Symbol:A});for(var oe="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),ne=0;oe.length>ne;)g(oe[ne++]);for(var re=D(g.store),ie=0;re.length>ie;)f(re[ie++]);a(a.S+a.F*!W,"Symbol",{for:function(e){return r(H,e+="")?H[e]:H[e]=A(e)},keyFor:function(e){if(!K(e))throw TypeError(e+" is not a symbol!");for(var t in H)if(H[t]===e)return t},useSetter:function(){$=!0},useSimple:function(){$=!1}}),a(a.S+a.F*!W,"Object",{create:function(e,t){return void 0===t?x(e):X(x(e),t)},defineProperty:Y,defineProperties:X,getOwnPropertyDescriptor:Q,getOwnPropertyNames:ee,getOwnPropertySymbols:te});var ae=d((function(){k.f(1)}));a(a.S+a.F*ae,"Object",{getOwnPropertySymbols:function(e){return k.f(w(e))}}),I&&a(a.S+a.F*(!W||d((function(){var e=A();return"[null]"!=L([e])||"{}"!=L({a:e})||"{}"!=L(Object(e))}))),"JSON",{stringify:function(e){for(var t,o,n=[e],r=1;arguments.length>r;)n.push(arguments[r++]);if(o=t=n[1],(y(t)||void 0!==e)&&!K(e))return b(t)||(t=function(e,t){if("function"==typeof o&&(t=o.call(this,e,t)),!K(t))return t}),n[1]=t,L.apply(I,n)}}),A[F][B]||o(87728)(A[F],B,A[F].valueOf),h(A,"Symbol"),h(Math,"Math",!0),h(n.JSON,"JSON",!0)},30142:(e,t,o)=>{"use strict";var n=o(42985),r=o(89383),i=o(91125),a=o(27007),s=o(92337),l=o(10875),d=o(55286),c=o(3816).ArrayBuffer,h=o(58364),u=i.ArrayBuffer,g=i.DataView,p=r.ABV&&c.isView,f=u.prototype.slice,m=r.VIEW,b="ArrayBuffer";n(n.G+n.W+n.F*(c!==u),{ArrayBuffer:u}),n(n.S+n.F*!r.CONSTR,b,{isView:function(e){return p&&p(e)||d(e)&&m in e}}),n(n.P+n.U+n.F*o(74253)((function(){return!new u(2).slice(1,void 0).byteLength})),b,{slice:function(e,t){if(void 0!==f&&void 0===t)return f.call(a(this),e);for(var o=a(this).byteLength,n=s(e,o),r=s(void 0===t?o:t,o),i=new(h(this,u))(l(r-n)),d=new g(this),c=new g(i),p=0;n<r;)c.setUint8(p++,d.getUint8(n++));return i}}),o(2974)(b)},1786:(e,t,o)=>{var n=o(42985);n(n.G+n.W+n.F*!o(89383).ABV,{DataView:o(91125).DataView})},70162:(e,t,o)=>{o(78440)("Float32",4,(function(e){return function(t,o,n){return e(this,t,o,n)}}))},33834:(e,t,o)=>{o(78440)("Float64",8,(function(e){return function(t,o,n){return e(this,t,o,n)}}))},74821:(e,t,o)=>{o(78440)("Int16",2,(function(e){return function(t,o,n){return e(this,t,o,n)}}))},81303:(e,t,o)=>{o(78440)("Int32",4,(function(e){return function(t,o,n){return e(this,t,o,n)}}))},75368:(e,t,o)=>{o(78440)("Int8",1,(function(e){return function(t,o,n){return e(this,t,o,n)}}))},79103:(e,t,o)=>{o(78440)("Uint16",2,(function(e){return function(t,o,n){return e(this,t,o,n)}}))},83318:(e,t,o)=>{o(78440)("Uint32",4,(function(e){return function(t,o,n){return e(this,t,o,n)}}))},46964:(e,t,o)=>{o(78440)("Uint8",1,(function(e){return function(t,o,n){return e(this,t,o,n)}}))},62152:(e,t,o)=>{o(78440)("Uint8",1,(function(e){return function(t,o,n){return e(this,t,o,n)}}),!0)},30147:(e,t,o)=>{"use strict";var n,r=o(3816),i=o(10050)(0),a=o(77234),s=o(84728),l=o(35345),d=o(23657),c=o(55286),h=o(1616),u=o(1616),g=!r.ActiveXObject&&"ActiveXObject"in r,p="WeakMap",f=s.getWeak,m=Object.isExtensible,b=d.ufstore,v=function(e){return function(){return e(this,arguments.length>0?arguments[0]:void 0)}},y={get:function(e){if(c(e)){var t=f(e);return!0===t?b(h(this,p)).get(e):t?t[this._i]:void 0}},set:function(e,t){return d.def(h(this,p),e,t)}},w=e.exports=o(45795)(p,v,y,d,!0,!0);u&&g&&(l((n=d.getConstructor(v,p)).prototype,y),s.NEED=!0,i(["delete","has","get","set"],(function(e){var t=w.prototype,o=t[e];a(t,e,(function(t,r){if(c(t)&&!m(t)){this._f||(this._f=new n);var i=this._f[e](t,r);return"set"==e?this:i}return o.call(this,t,r)}))})))},59192:(e,t,o)=>{"use strict";var n=o(23657),r=o(1616),i="WeakSet";o(45795)(i,(function(e){return function(){return e(this,arguments.length>0?arguments[0]:void 0)}}),{add:function(e){return n.def(r(this,i),e,!0)}},n,!1,!0)},1268:(e,t,o)=>{"use strict";var n=o(42985),r=o(13325),i=o(20508),a=o(10875),s=o(24963),l=o(16886);n(n.P,"Array",{flatMap:function(e){var t,o,n=i(this);return s(e),t=a(n.length),o=l(n,0),r(o,n,n,t,0,1,e,arguments[1]),o}}),o(17722)("flatMap")},62773:(e,t,o)=>{"use strict";var n=o(42985),r=o(79315)(!0);n(n.P,"Array",{includes:function(e){return r(this,e,arguments.length>1?arguments[1]:void 0)}}),o(17722)("includes")},83276:(e,t,o)=>{var n=o(42985),r=o(51131)(!0);n(n.S,"Object",{entries:function(e){return r(e)}})},98351:(e,t,o)=>{var n=o(42985),r=o(57643),i=o(22110),a=o(18693),s=o(92811);n(n.S,"Object",{getOwnPropertyDescriptors:function(e){for(var t,o,n=i(e),l=a.f,d=r(n),c={},h=0;d.length>h;)void 0!==(o=l(n,t=d[h++]))&&s(c,t,o);return c}})},96409:(e,t,o)=>{var n=o(42985),r=o(51131)(!1);n(n.S,"Object",{values:function(e){return r(e)}})},9865:(e,t,o)=>{"use strict";var n=o(42985),r=o(25645),i=o(3816),a=o(58364),s=o(50094);n(n.P+n.R,"Promise",{finally:function(e){var t=a(this,r.Promise||i.Promise),o="function"==typeof e;return this.then(o?function(o){return s(t,e()).then((function(){return o}))}:e,o?function(o){return s(t,e()).then((function(){throw o}))}:e)}})},92770:(e,t,o)=>{"use strict";var n=o(42985),r=o(75442),i=o(30575),a=/Version\/10\.\d+(\.\d+)?( Mobile\/\w+)? Safari\//.test(i);n(n.P+n.F*a,"String",{padEnd:function(e){return r(this,e,arguments.length>1?arguments[1]:void 0,!1)}})},41784:(e,t,o)=>{"use strict";var n=o(42985),r=o(75442),i=o(30575),a=/Version\/10\.\d+(\.\d+)?( Mobile\/\w+)? Safari\//.test(i);n(n.P+n.F*a,"String",{padStart:function(e){return r(this,e,arguments.length>1?arguments[1]:void 0,!0)}})},65869:(e,t,o)=>{"use strict";o(29599)("trimLeft",(function(e){return function(){return e(this,1)}}),"trimStart")},94325:(e,t,o)=>{"use strict";o(29599)("trimRight",(function(e){return function(){return e(this,2)}}),"trimEnd")},79665:(e,t,o)=>{o(36074)("asyncIterator")},91181:(e,t,o)=>{for(var n=o(56997),r=o(47184),i=o(77234),a=o(3816),s=o(87728),l=o(87234),d=o(86314),c=d("iterator"),h=d("toStringTag"),u=l.Array,g={CSSRuleList:!0,CSSStyleDeclaration:!1,CSSValueList:!1,ClientRectList:!1,DOMRectList:!1,DOMStringList:!1,DOMTokenList:!0,DataTransferItemList:!1,FileList:!1,HTMLAllCollection:!1,HTMLCollection:!1,HTMLFormElement:!1,HTMLSelectElement:!1,MediaList:!0,MimeTypeArray:!1,NamedNodeMap:!1,NodeList:!0,PaintRequestList:!1,Plugin:!1,PluginArray:!1,SVGLengthList:!1,SVGNumberList:!1,SVGPathSegList:!1,SVGPointList:!1,SVGStringList:!1,SVGTransformList:!1,SourceBufferList:!1,StyleSheetList:!0,TextTrackCueList:!1,TextTrackList:!1,TouchList:!1},p=r(g),f=0;f<p.length;f++){var m,b=p[f],v=g[b],y=a[b],w=y&&y.prototype;if(w&&(w[c]||s(w,c,u),w[h]||s(w,h,b),l[b]=u,v))for(m in n)w[m]||i(w,m,n[m],!0)}},84633:(e,t,o)=>{var n=o(42985),r=o(74193);n(n.G+n.B,{setImmediate:r.set,clearImmediate:r.clear})},32564:(e,t,o)=>{var n=o(3816),r=o(42985),i=o(30575),a=[].slice,s=/MSIE .\./.test(i),l=function(e){return function(t,o){var n=arguments.length>2,r=!!n&&a.call(arguments,2);return e(n?function(){("function"==typeof t?t:Function(t)).apply(this,r)}:t,o)}};r(r.G+r.B+r.F*s,{setTimeout:l(n.setTimeout),setInterval:l(n.setInterval)})},96337:(e,t,o)=>{o(32564),o(84633),o(91181),e.exports=o(25645)},71012:e=>{var t,o;t="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",o={rotl:function(e,t){return e<<t|e>>>32-t},rotr:function(e,t){return e<<32-t|e>>>t},endian:function(e){if(e.constructor==Number)return 16711935&o.rotl(e,8)|4278255360&o.rotl(e,24);for(var t=0;t<e.length;t++)e[t]=o.endian(e[t]);return e},randomBytes:function(e){for(var t=[];e>0;e--)t.push(Math.floor(256*Math.random()));return t},bytesToWords:function(e){for(var t=[],o=0,n=0;o<e.length;o++,n+=8)t[n>>>5]|=e[o]<<24-n%32;return t},wordsToBytes:function(e){for(var t=[],o=0;o<32*e.length;o+=8)t.push(e[o>>>5]>>>24-o%32&255);return t},bytesToHex:function(e){for(var t=[],o=0;o<e.length;o++)t.push((e[o]>>>4).toString(16)),t.push((15&e[o]).toString(16));return t.join("")},hexToBytes:function(e){for(var t=[],o=0;o<e.length;o+=2)t.push(parseInt(e.substr(o,2),16));return t},bytesToBase64:function(e){for(var o=[],n=0;n<e.length;n+=3)for(var r=e[n]<<16|e[n+1]<<8|e[n+2],i=0;i<4;i++)8*n+6*i<=8*e.length?o.push(t.charAt(r>>>6*(3-i)&63)):o.push("=");return o.join("")},base64ToBytes:function(e){e=e.replace(/[^A-Z0-9+\/]/gi,"");for(var o=[],n=0,r=0;n<e.length;r=++n%4)0!=r&&o.push((t.indexOf(e.charAt(n-1))&Math.pow(2,-2*r+8)-1)<<2*r|t.indexOf(e.charAt(n))>>>6-2*r);return o}},e.exports=o},42259:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* Styling Wrappers\n * These independent wrapper divs sit on top of the grid to facilitate the batch edit visual look.\n * Since rows are split vertically into 3 rows (head, body, foot) there is no singular element\n * that wraps to form a body for styling, so we create artificial ones.\n * Their position is calculated (js) to match the current position of the matching editable rows,\n * otherwise the rest of the positioning/styling is handled with CSS\n*/\n:host {\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zing-grid-batch-edit-style-border\n  * @default 1px solid #d6e9ff\n  * @see border\n  * @description Styles the border of the batch edit styling element\n  * @demoLink https://app.zingsoft.com/demos/create/TX748SB9\n  * @shadowOnly false\n  */\n  border: var(--zing-grid-batch-edit-style-border, 1px solid #d6e9ff);\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zing-grid-batch-edit-style-box-shadow\n  * @default inset 0 0 6px #99caff\n  * @see box-shadow\n  * @description Styles the box-shadow of the frozen column styling element\n  * @demoLink https://app.zingsoft.com/demos/create/YKOH0VPL\n  * @shadowOnly false\n  */\n  box-shadow: var(--zing-grid-batch-edit-style-box-shadow, inset 0 0 5px var(--theme-color-primary));\n  box-sizing: border-box;\n\tpointer-events: none;\n\tposition: absolute;\n\theight: 100%;\n  width:100%;\n\ttop: 0;\n\tz-index: 1;\n}\n\n:host([layout="card"]) {\n  display: none;\n}',""])},97679:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-grid-gap\n  * @description Sets the gap between cards in 'card' layout-mode\n  * @see grid-gap\n  * @default 10px\n  * @demoLink https://app.zingsoft.com/demos/create/JOUVG6NN\n  * @shadowOnly true\n  */\n  --card-gap: var(--zg-row-card-grid-gap, 10px);\n\n  /* NOTE: Not adding margin/padding since it doesn't do anything to this component */\n  \n  /**\n  * @memberof ZGBody\n  * @var --zg-body-background\n  * @description Styles the background of grid body\n  * @see background\n  * @default transparent\n  * @demoLink https://app.zingsoft.com/demos/create/WVUSRWLP\n  * @shadowOnly false\n  */\n  background: var(--zg-body-background, transparent);\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-border\n  * @description Styles the border of grid body\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/YWTPH9M0\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-border-bottom\n  * @description Styles the bottom border of grid body\n  * @see border\n  * @default var(--zg-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/25V704EG\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-body-border-bottom, var(--zg-body-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-border-left\n  * @description Styles the left border of grid body\n  * @see border\n  * @default var(--zg-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FPYUYEEX\n  * @shadowOnly false\n  */\n  border-left: var(--zg-body-border-left, var(--zg-body-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-border-right\n  * @description Styles the right border of grid body\n  * @see border\n  * @default var(--zg-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/70O17569\n  * @shadowOnly false\n  */\n  border-right: var(--zg-body-border-right, var(--zg-body-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-border-top\n  * @description Styles the top border of grid body. Note: If `--zg-row-border-top` set,\n  * it will override `--zg-body-border-top`.\n  * @see border\n  * @default var(--zg-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/C9XJMTTQ\n  * @shadowOnly false\n  */\n  border-top: var(--zg-body-border-top, var(--zg-body-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-color\n  * @description Sets the font color of contents inside grid body\n  * @see color\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/X9E64KMS\n  * @shadowOnly false\n  */\n  color: var(--zg-body-color, inherit);\n  display: table-row-group;\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-font-family\n  * @description Sets the font family of contents inside grid body\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/XS22J4JG\n  * @shadowOnly false\n  */\n  font-family: var(--zg-body-font-family, inherit);\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-font-size\n  * @description Sets the font size of contents inside grid body\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/YLAXDUP9\n  * @shadowOnly false\n  */\n  font-size: var(--zg-body-font-size, inherit);\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-font-style\n  * @description Sets the font style of contents inside grid body\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/0VOTEN03\n  * @shadowOnly false\n  */\n  font-style: var(--zg-body-font-style, inherit);\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-font-weight\n  * @description Sets the font weight of contents inside grid body\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/F6CRSTMQ\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-body-font-weight, inherit);\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-line-height\n  * @description Sets the line-height of contents inside of grid body\n  * @see line-height \n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/UO5MJUXO\n  * @shadowOnly false\n  */\n  line-height: var(--zg-body-line-height, inherit);\n}\n\n/* Layout: Card */\n:host([layout=\"card\"]) {\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-background\n  * @description Styles the background of grid body in 'card' layout-mode\n  * @see background\n  * @default linear-gradient(45deg, #f9fafb 20%, #fff)\n  * @demoLink https://app.zingsoft.com/demos/create/XGWDT5HI\n  * @shadowOnly false\n  */\n  background:  var(--zg-body-card-background, linear-gradient(45deg, #f9fafb 20%, #fff));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-border\n  * @description Styles the border of grid body in 'card' layout-mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/UMQX6FC1\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-border-bottom\n  * @description Styles the bottom border of grid body in 'card' layout-mode\n  * @see border\n  * @default var(--zg-body-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/0CXPJ9CM\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-body-card-border-bottom, var(--zg-body-card-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-border-left\n  * @description Styles the left border of grid body in 'card' layout-mode\n  * @see border\n  * @default var(--zg-body-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FPJ9DVE0\n  * @shadowOnly false\n  */\n  border-left: var(--zg-body-card-border-left, var(--zg-body-card-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-border-right\n  * @description Styles the right border of grid body in 'card' layout-mode\n  * @see border\n  * @default var(--zg-body-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/YJHA2SIP\n  * @shadowOnly false\n  */\n  border-right: var(--zg-body-card-border-right, var(--zg-body-card-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-border-top\n  * @description Styles the top border of grid body in 'card' layout-mode. Note: If `--zg-row-border-top` set in 'card' layout-mode\n  * it will override `--zg-body-border-top`.\n  * @see border\n  * @default var(--zg-body-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/ZQPWRYZ2\n  * @shadowOnly false\n  */\n  border-top: var(--zg-body-card-border-top, var(--zg-body-card-border, 0));\n  box-sizing: border-box;\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-display\n  * @description Sets display of grid body in 'card' layout-mode\n  * @see display\n  * @default grid\n  * @demoLink https://app.zingsoft.com/demos/create/JHSU4OLH\n  * @shadowOnly false\n  */\n  display: var(--zg-body-card-display, grid);\n  grid-template-columns: repeat(auto-fill, minmax(calc(var(--zg-card-columns, 25%) - var(--card-gap)), 1fr));;\n  grid-auto-rows: auto;\n  grid-gap: var(--card-gap, 10px);\n  overflow: hidden;\n  padding: var(--card-gap, 10px);\n}\n:host([viewport=\"mobile\"][layout=\"card\"]) { --zg-card-columns: 100%; }\n:host([viewport=\"tablet-portrait\"][layout=\"card\"]) { --zg-card-columns: 50%; }\n:host([viewport=\"tablet-landscape\"][layout=\"card\"]) { --zg-card-columns: 33%; }\n:host([viewport=\"desktop\"][layout=\"card\"]) { --zg-card-columns: 25%; }\n:host([viewport=\"desktop-large\"][layout=\"card\"]) { --zg-card-columns: 25%; }\n\n/* CUSTOM CARD TEMPLATE (ZG-CARD) */\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* ZG-ROW */\n/* All Rows */\n:host ::slotted(zg-row) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background\n  * @description Styles the background of body rows\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/90PL3ZDR\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background);\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-border\n  * @description Styles the border of body rows\n  * @see border\n  * @default var(--zg-row-body-border, var(--zg-row-border-bottom, var(--zg-row-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/EAVHDY7O\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-border-bottom\n  * @description Styles the bottom border of body rows\n  * @see border\n  * @default var(--zg-row-body-border, var(--zg-row-border-bottom, var(--zg-row-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/HNJ2XN7Y\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-row-body-border-bottom, var(--zg-row-body-border, var(--zg-row-border-bottom, var(--zg-row-border, 0))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-border-left\n  * @description Styles the left border of body rows\n  * @see border\n  * @default var(--zg-row-body-border, var(--zg-row-border-left, var(--zg-row-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/E72YL6QW\n  * @shadowOnly false\n  */\n  border-left: var(--zg-row-body-border-left, var(--zg-row-body-border, var(--zg-row-border-left, var(--zg-row-border, 0))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-border-right\n  * @description Styles the right border of body rows\n  * @see border\n  * @default var(--zg-row-body-border, var(--zg-row-border-right, var(--zg-row-border), 0))\n  * @demoLink https://app.zingsoft.com/demos/create/B3XG2R64\n  * @shadowOnly false\n  */\n  border-right: var(--zg-row-body-border-right, var(--zg-row-body-border, var(--zg-row-border-right, var(--zg-row-border, 0))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-border-top\n  * @description Styles the top border of body rows\n  * @see border\n  * @default var(--zg-row-body-border, var(--zg-row-border-top, var(--zg-row-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/9PTJDF3I\n  * @shadowOnly false\n  */\n  border-top: var(--zg-row-body-border-top, var(--zg-row-body-border, var(--zg-row-border-top, var(--zg-row-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color\n  * @description Sets the font color of body rows\n  * @see color\n  * @default var(--zg-row-color)\n  * @demoLink https://app.zingsoft.com/demos/create/ZWULY1D1\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color, var(--zg-row-color));\n  display: table-row;\n}\n\n:host ::slotted(zg-row:hover) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background_hover\n  * @description Styles the background of body rows on hover\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/FNZQKLOI\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background_hover);\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color_hover\n  * @description Styles the font color of body rows\n  * @see color\n  * @default var(--zg-row-color_hover, var(--zg-row-color))\n  * @demoLink https://app.zingsoft.com/demos/create/XCEJKX89\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color_hover, var(--zg-row-color_hover, var(--zg-row-color)));\n}\n/* Even Rows */\n:host ::slotted(zg-row:nth-of-type(even)) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background_even\n  * @description Styles the background of 'even' body rows\n  * @see background\n  * @default var(--zg-row-body-background)\n  * @demoLink https://app.zingsoft.com/demos/create/VMHOQP1A\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background_even, var(--zg-row-body-background));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color_even\n  * @description Sets the font color of 'even' body rows\n  * @see color\n  * @default var(--zg-row-body-color, var(--zg-row-color))\n  * @demoLink https://app.zingsoft.com/demos/create/96LE1ORX\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color_even, var(--zg-row-body-color, var(--zg-row-color)));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-height\n  * @description Sets the height of all rows\n  * @see height\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/MG7QBHBV\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-height\n  * @description Sets the height of body rows\n  * @see height\n  * @default var(--zg-row-height)\n  * @demoLink https://app.zingsoft.com/demos/create/E2CM149E\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-height_even\n  * @description Sets the height of 'even' body rows\n  * @see height\n  * @default var(--zg-row-body-height, var(--zg-row-height))\n  * @demoLink https://app.zingsoft.com/demos/create/PHUE49RH\n  * @shadowOnly false\n  */\n  height: var(--zg-row-body-height_even, var(--zg-row-body-height, var(--zg-row-height, 48px)));\n}\n:host ::slotted(zg-row:nth-of-type(even):hover) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background_even_hover\n  * @description Styles the background of 'even' body rows on hover\n  * @see background\n  * @default var(--zg-row-body-background_hover)\n  * @demoLink https://app.zingsoft.com/demos/create/AIYZXTF0\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background_even_hover, var(--zg-row-body-background_hover));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color_even_hover\n  * @description Styles the font color of 'even' body rows on hover\n  * @see color\n  * @default var(--zg-row-body-color_hover, var(--zg-row-color_hover, var(--zg-row-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/9OLTDTMD\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color_even_hover, var(--zg-row-body-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n/* Odd Rows */\n:host ::slotted(zg-row:nth-of-type(odd)) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background_odd\n  * @description Styles the background of 'odd' body rows\n  * @see background\n  * @default var(--zg-row-body-background)\n  * @demoLink https://app.zingsoft.com/demos/create/GB8RXLPN\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background_odd, var(--zg-row-body-background));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color_odd\n  * @description Styles the font color of 'odd' body rows\n  * @see color\n  * @default var(--zg-row-body-color, var(--zg-row-color))\n  * @demoLink https://app.zingsoft.com/demos/create/RRFIV8VL\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color_odd, var(--zg-row-body-color, var(--zg-row-color)));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-height_odd\n  * @description Sets the height of 'odd' body rows\n  * @see height\n  * @default var(--zg-row-body-height, var(--zg-row-height))\n  * @demoLink https://app.zingsoft.com/demos/create/CC4GKUD7\n  * @shadowOnly false\n  */\n  height: var(--zg-row-body-height_odd, var(--zg-row-body-height, var(--zg-row-height, 48px)));\n}\n:host ::slotted(zg-row:nth-of-type(odd):hover) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background_odd_hover\n  * @description Styles the background of 'odd' body rows on hover\n  * @see background\n  * @default var(--zg-row-body-background_hover)\n  * @demoLink https://app.zingsoft.com/demos/create/41M3NTDX\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background_odd_hover, var(--zg-row-body-background_hover));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color_odd_hover\n  * @description Sets the font color of 'odd' body rows on hover\n  * @see color\n  * @default var(--zg-row-body-color_hover, var(--zg-row-color_hover, var(--zg-row-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/XVED8WRA\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color_odd_hover, var(--zg-row-body-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n\n/*  In the case of zebra, we have to set the class so that we can use the header and footer data rows */\n:host ::slotted(zg-row.zebra-2) {\n  background: var(--theme-background-zebra, var(--zg-row-body-background));\n}\n\n/* In the case of hidden head row, we don't want the first row to show the top border */\n:host ::slotted(zg-row[internal-top]) {\n  border-top: 0px;\n}\n\n/* ZG-ROW: CARD LAYOUT\n-------------------------------------- */\n/* ALL */\n:host([layout=card]) ::slotted(zg-row) {\n  display: flex;\n  flex-wrap: wrap;\n  height: auto !important;\n  overflow: hidden;\n}\n:host([layout=\"card\"]:not([card-template])) ::slotted(zg-row) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-padding\n  * @description Sets the padding of cards in 'card' layout-mode\n  * when '[internal-card-header]' not added to '&lt;zing-grid&gt;'\n  * @see padding\n  * @default 10px 0 5px\n  * @demoLink https://app.zingsoft.com/demos/create/3ANH9F1F\n  * @shadowOnly false\n  */\n  padding: var(--zg-row-card-padding, 8px 0 5px);\n}\n/* EDITOR CONTROLS */\n:host([layout=\"card\"][internal-card-header]:not([card-template])) ::slotted(zg-row) {\n  padding: var(--zg-row-card-padding_editor, 50px 0 5px);\n}\n\n/* SELECTOR CONTROL */\n\n\n/* ODD */\n:host([layout=card]) ::slotted(zg-row:nth-child(odd)) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-background_odd\n  * @description Styles the background of cards in 'card' layout-mode\n  * @see background\n  * @default var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))\n  * @demoLink https://app.zingsoft.com/demos/create/MYI4STFX\n  * @shadowOnly false\n  */\n  /* background: var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background)))); */\n  background: var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border_odd\n  * @description Styles the border of 'odd' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/48K2LXTZ\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-bottom_odd\n  * @description Styles the bottom border of 'odd' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_odd, var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/6KWRAGP6\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-row-card-border-bottom_odd, var(--zg-row-card-border_odd, var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-left_odd\n  * @description Styles the left border of 'odd' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_odd, var(--zg-row-card-border-left, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/E0MU4LOA\n  * @shadowOnly false\n  */\n  border-left: var(--zg-row-card-border-left_odd, var(--zg-row-card-border_odd, var(--zg-row-card-border-left, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-right_odd\n  * @description Styles the right border of 'odd' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_odd, var(--zg-row-card-border-right, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/BQ9TSN4A\n  * @shadowOnly false\n  */\n  border-right: var(--zg-row-card-border-right_odd, var(--zg-row-card-border_odd, var(--zg-row-card-border-right, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-top_odd\n  * @description Styles the top border of 'odd' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_odd, var(--zg-row-card-border-top, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/MYMKX9W0\n  * @shadowOnly false\n  */\n  border-top: var(--zg-row-card-border-top_odd, var(--zg-row-card-border_odd, var(--zg-row-card-border-top, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-box-shadow\n  * @description Applies a box shadow behind cards in 'card' layout-mode\n  * @see box-shadow\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/HQ7WKPH0\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-box-shadow_odd\n  * @description Applies a box shadow behind 'odd' cards in 'card' layout-mode\n  * @see box-shadow\n  * @default var(--zg-row-card-box-shadow, none)\n  * @demoLink https://app.zingsoft.com/demos/create/1D7VE3BL\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-row-card-box-shadow_odd, var(--zg-row-card-box-shadow, none));\n}\n/* ODD: EDITOR CONTROLS */\n:host([layout=\"card\"][internal-card-header]) ::slotted(zg-row:nth-child(odd)) {\n  background: var(--zg-row-card-background_editor_odd, var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background)))));\n}\n\n/* EVEN */\n:host([layout=card]) ::slotted(zg-row:nth-child(even)) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-background_even\n  * @description Styles the background of 'even' cards in 'card' layout-mode\n  * @see background\n  * @default var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))\n  * @demoLink https://app.zingsoft.com/demos/create/Z3JQXTST\n  * @shadowOnly false\n  */\n  background: var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border\n  * @description Styles the border of cards in 'card' layout-mode\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/5V9VVXDQ\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border_even\n  * @description Styles the border of 'even' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/H8PWRCJT\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-bottom_even\n  * @description Styles the bottom border of 'even' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_even, var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/UKFWTUFU\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-row-card-border-bottom_even, var(--zg-row-card-border_even, var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-left_even\n  * @description Styles the left border of 'even' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_even, var(--zg-row-card-border-left, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/T8FJCD4O\n  * @shadowOnly false\n  */\n  border-left: var(--zg-row-card-border-left_even, var(--zg-row-card-border_even, var(--zg-row-card-border-left, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-right_even\n  * @description Styles the right border of 'even' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_even, var(--zg-row-card-border-right, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/NYUK87GS\n  * @shadowOnly false\n  */\n  border-right: var(--zg-row-card-border-right_even, var(--zg-row-card-border_even, var(--zg-row-card-border-right, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-top_even\n  * @description Styles the top border of 'even' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_even, var(--zg-row-card-border-top, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/UWJMSEYU\n  * @shadowOnly false\n  */\n  border-top: var(--zg-row-card-border-top_even, var(--zg-row-card-border_even, var(--zg-row-card-border-top, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /* Already document above */\n  box-shadow: var(--zg-row-card-box-shadow_even, var(--zg-row-card-box-shadow, none));\n}\n/* EVEN: EDITOR CONTROLS */\n:host([layout=\"card\"][internal-card-header]) ::slotted(zg-row:nth-child(even)) {\n  background: var(--zg-row-card-background_editor_even, var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background)))));\n}\n\n:host([no-data]) {\n  display: none;\n}\n\n/* I'm not sure what this is for.  It is breaking focus outlining on hover \n:host([layout=\"card\"]) ::slotted(zg-row:hover) {\n  z-index: 1;\n}*/\n",""])},8719:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  align-items: center;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background\n  * @description Styles the background of button\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/0NOUHK2G\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border\n  * @description Styles the border of a button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/OQ49B7D2\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-bottom\n  * @description Styles the bottom border of a button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/49VYLDM2\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-button-border-bottom, var(--zg-button-border));\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-left\n  * @description Styles the left border of a button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/5BOPSVLN\n  * @shadowOnly false\n  */\n  border-left: var(--zg-button-border-left, var(--zg-button-border));\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-right\n  * @description Styles the right border of a button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/LK4TGZ1R\n  * @shadowOnly false\n  */\n  border-right: var(--zg-button-border-right, var(--zg-button-border));\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-top\n  * @description Styles the top border of a button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/4SWUJJOY\n  * @shadowOnly false\n  */\n  border-top: var(--zg-button-border-top, var(--zg-button-border));\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow\n  * @description Styles the box-shadow of the button\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/TUG6V5YD\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color\n  * @description Sets the font color of button\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/RPE1ZPAR\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color);\n  cursor: pointer;\n  display: inline-flex;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-font-family\n  * @description Sets the font family of button\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/7JWFA1UO\n  * @shadowOnly false\n  */\n  font-family: var(--zg-button-font-family, inherit);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-font-size\n  * @description Sets the font size of button\n  * @see font-size\n  * @default 90%\n  * @demoLink https://app.zingsoft.com/demos/create/0B3ZKXEO\n  * @shadowOnly false\n  */\n  font-size: var(--zg-button-font-size, 100%);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-font-style\n  * @description Sets the font style of button\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/N5ISV2HS\n  * @shadowOnly false\n  */\n  font-style: var(--zg-button-font-style, inherit);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-font-weight\n  * @description Sets the font weight of button\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/USH6VNB2\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-button-font-weight, inherit);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-line-height\n  * @description Sets the line height of button\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/BC7ELB6L\n  * @shadowOnly false\n  */\n  line-height: var(--zg-button-line-height, inherit);\n  justify-content: flex-start;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-margin\n  * @description Sets the margin of button\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/M834XVE5\n  * @shadowOnly false\n  */\n  margin: var(--zg-button-margin, 0);\n  /*outline: none;*/\n  /*overflow: hidden;*/\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-padding\n  * @description Sets the padding of button\n  * @see padding\n  * @default 3px\n  * @demoLink https://app.zingsoft.com/demos/create/SXA4AMPI\n  * @shadowOnly false\n  */\n  padding: var(--zg-button-padding, 0);\n  position: relative;\n  user-select: none;\n}\n\n/* Default Hover State (Defined) */\n:host([action]:hover),\n:host([action].hover) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-icon-background_hover\n  * @description Styles the background of the icon in a button on hover state\n  * @see fill\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/AKM36W15\n  * @shadowOnly false\n  */\n  --zg-icon-color: var(--zg-button-icon-background_hover);\n\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_hover\n  * @description Styles the background of button on hover\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/F1CZ5AEC\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_hover\n  * @description Styles the border of a button on hover state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/M6VZUWV3\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-bottom_hover\n  * @description Styles the bottom border of a button on hover\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/N34TY79O\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-button-border-bottom_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-left_hover\n  * @description Styles the left border of a button on hover\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/8WXKJKRH\n  * @shadowOnly false\n  */\n  border-left: var(--zg-button-border-left_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-right_hover\n  * @description Styles the right border of a button on hover\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/3F37KXA6\n  * @shadowOnly false\n  */\n  border-right: var(--zg-button-border-right_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-top_hover\n  * @description Styles the top border of a button on hover\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/8YBE3ACC\n  * @shadowOnly false\n  */\n  border-top: var(--zg-button-border-top_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_hover\n  * @description Styles the box-shadow of the button on hover\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/RAV3EMI2\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_hover\n  * @description Styles the color of the button on hover\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/TNO4DYRC\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-transition_speed\n  * @description Sets the transition speed of button\n  * @see transition\n  * @default var(--theme-transition_speed)\n  * @demoLink https://app.zingsoft.com/demos/create/W9ECS6H6\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  transition: background-color var(--zg-button-transition_speed, var(--theme-transition_speed));\n  z-index: 11;\n}\n\n/* Default Focus State (Defined) */\n:host(:focus) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_focus\n  * @description Styles the background of button on focus\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/KHSJ4IAG\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_focus\n  * @description Styles the border of a button on focus state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6ECRZ83T\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-bottom_focus\n  * @description Styles the bottom border of a button on focus\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/TNC5VI4O\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-button-border-bottom_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-left_focus\n  * @description Styles the left border of a button on focus\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/OTDDVBOS\n  * @shadowOnly false\n  */\n  border-left: var(--zg-button-border-left_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-right_focus\n  * @description Styles the right border of a button on focus\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/MTB5U5AF\n  * @shadowOnly false\n  */\n  border-right: var(--zg-button-border-right_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-top_focus\n  * @description Styles the top border of a button on focus\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/LO0MH08V\n  * @shadowOnly false\n  */\n  border-top: var(--zg-button-border-top_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_focus\n  * @description Styles the box-shadow of the button on focus\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/P92OHBPM\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_focus\n  * @description Styles the color of the button on focus\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/18C3727I\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_focus);\n  outline: var(--zg-button-focus);\n  transition: background-color var(--zg-button-transition_speed, var(--theme-transition_speed));\n}\n\n/* Active State */\n:host([action]:active),\n:host([action].active),\n:host([active]) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_active\n  * @description Styles of background of button on active state\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/B5GX883S\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_active, var(--theme-background-color));\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_active\n  * @description Styles the border of a button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/XPUZZ3LU\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-bottom_active\n  * @description Styles the bottom border of a button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/NOL6XBMR\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-button-border-bottom_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-left_active\n  * @description Styles the left border of a button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/RG7Z2CMD\n  * @shadowOnly false\n  */\n  border-left: var(--zg-button-border-left_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-right_active\n  * @description Styles the right border of a button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/TX5552LK\n  * @shadowOnly false\n  */\n  border-right: var(--zg-button-border-right_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-top_active\n  * @description Styles the top border of a button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/X9WBHY4L\n  * @shadowOnly false\n  */\n  border-top: var(--zg-button-border-top_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_active\n  * @description Styles the box-shadow of the button on activation\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/MX9J71NQ\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_active\n  * @description Styles the color of the button on active state\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/RARCAIWD\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_active);\n  cursor: default;\n}\n\n/* Disabled Normal State */\n:host([disabled]) {\n  cursor: not-allowed;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-opacity_disabled\n  * @description Styles the opacity of disabled button or button on hover\n  * @see opacity\n  * @default 0.2\n  * @demoLink https://app.zingsoft.com/demos/create/L2BLE14D\n  * @shadowOnly false\n  */\n  opacity: var(--zg-button-opacity_disabled, 0.2);\n}\n\n/* Hide tooltip if button disabled */\n:host([tooltip][disabled]):before,\n:host([tooltip][disabled]):after {\n  display: none;\n}\n\n/* Disabled Hover State */\n:host([disabled]:hover),\n:host([disabled].hover) {\n  background: none;\n  cursor: not-allowed;\n  opacity: var(--zg-button-opacity_disabled, 0.2);\n}\n\n/* If the button is hidden (has [hidden] attribute) */\n:host([hidden]) {\n  display: none !important;\n}\n\n/* TOOLTIP\n-------------------------------------- */\n:host([tooltip]) {\n  --tooltip-arrow-size: 4px;\n}\n\n:host([tooltip]):after {\n  align-items: center;\n  background: var(--tooltip-background, var(--theme-color_alt));\n  border-radius: 2px;\n  color: #fff;\n  content: attr(tooltip);\n  display: inline-flex;\n  font-size: 11px;\n  height: 22px;\n  justify-content: center;\n  line-height: 1;\n  opacity: 1;\n  padding: 0 8px;\n  pointer-events: none;\n  position: absolute;\n  top: 50%;\n  white-space: nowrap;\n  transform: translate(0, -50%);\n  transition: transform .3s;\n  visibility: hidden;\n}\n\n:host([tooltip]:hover):after,\n:host([tooltip].hover):after {\n  opacity: 1;\n  visibility: visible;\n  z-index: 11;\n}\n\n:host([tooltip]):before {\n  border: var(--tooltip-arrow-size) solid transparent;\n  content: '';\n  display: block;\n  opacity: 0;\n  pointer-events: none;\n  position: absolute;\n  top: 50%;\n  transform: translate(0, -50%);\n  transition: transform .3s;\n  visibility: hidden;\n}\n\n:host([tooltip]:hover):before,\n:host([tooltip].hover):before {\n  opacity: 1;\n  visibility: visible;\n}\n\n/* LEFT */\n:host([tooltip-left]):after {\n  right: 100%;\n} \n\n:host([tooltip-left]:hover):after,\n:host([tooltip-left].hover):after {\n  transform: translate(calc(-1 * var(--tooltip-arrow-size)), -50%);\n}\n\n:host([tooltip-left]):before {\n  border-left-color: var(--tooltip-background, var(--theme-color_alt));\n  left: 0;\n}\n\n:host([tooltip-left]:hover):before,\n:host([tooltip-left].hover):before {\n  transform: translate(calc(-1 * var(--tooltip-arrow-size)), -50%);\n}\n\n/* RIGHT */\n:host([tooltip-right]):after {\n  left: 100%;\n}\n\n:host([tooltip-right]:hover):after,\n:host([tooltip-right].hover):after {\n  transform: translate(var(--tooltip-arrow-size), -50%);\n}\n\n:host([tooltip-right]):before {\n  border-right-color: var(--tooltip-background, var(--theme-color_alt));\n  right: 0;\n}\n\n:host([tooltip-right]:hover):before,\n:host([tooltip-right].hover):before {\n  transform: translate(var(--tooltip-arrow-size), -50%);\n}\n\n/*  DIR\n------------------------------------- */\n:host([dir=\"rtl\"]) ::slotted(zg-icon) {\n  transform: scaleX(-1);\n}\n\n/* ICON\n-------------------------------------- */\n:host([no-icon]) .zg-button-icon {\n  display: none;\n}\n\n/* todo: not wonderful yet */\n:host([icon-last]) .zg-button-icon {\n  order: 2;\n}\n\n/* NODATA */\n:host([no-data]) {\n  color: var(--theme-color-primary);\n}\n\n:host([no-data]) ::slotted(zg-icon) {\n  margin-right: 3px !important;\n  transform: scale(.9);\n}\n\n/* CURSOR-BASED PAGINATION STYLING\n-------------------------------------- */\n:host([type=\"cursor\"]) ::slotted(zg-icon) {\n  transform: scale(1.2);\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* Checkbox - only when text added to button */\n:host([hastext]) ::slotted(zg-checkbox) {\n  margin-right: 5px;\n}\n\n:host([hastext][dir=\"rtl\"]) ::slotted(zg-checkbox) {\n  margin-left: 5px;\n  margin-right: unset\n}\n\n/* Icon - only when text added to button */\n:host([hastext]) ::slotted(zg-icon) {\n  margin-right: 7px;\n}\n\n:host([hastext][dir=\"rtl\"]) ::slotted(zg-icon) {\n  margin-left: 5px;\n  margin-right: unset\n}\n\n:host ::slotted(zg-icon) {\n  text-align: center;\n}\n\n\n/* ZG-PAGER: 'BUTTON' PAGINATION STYLING */\n\n/* 'Next Page' button */\n:host([action=\"nextpage\"]) {\n  margin-left: -1px;\n}\n\n/* '1, 2, 3' Page buttons */\n:host([action=\"page\"]) {\n  margin-left: -1px;\n}\n\n:host([action=\"page\"][disabled]) {\n  opacity: 1;\n}\n\n:host([action=\"page\"]) ::slotted(zg-icon) {\n  display: none;\n}\n\n:host([action=\"page\"]) ::slotted([slot=\"label\"]) {\n  width: 100%;\n  text-align: center;\n}\n\n:host([action*=\"record\"]),\n:host([action^=\"batch\"]),\n:host([internal-cell]) {\n  vertical-align: middle;\n}\n\n/*  Row Grouping Buttons */\n:host([action$=\"rowgroup\"]) {\n  margin-right: 20px;\n}\n\n:host([action$=\"rowgroup\"]) ::slotted(zg-icon) {\n  width: 24px;\n  height: 24px;\n}\n\n/* CUSTOM BUTTONS (NON-INTERNAL)\n-------------------------------------- */\n\n/* User button - not internal (internal should have [action]) */\n:host(:not([action]):not([force-border=\"disabled\"])),\n:host([force-border]:not([force-border=\"disabled\"])) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_custom\n  * @description Styles the background of custom button\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/ILHRA36E\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_custom);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_custom\n  * @description Styles the border of custom button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/VZ1UMHDW\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_custom);\n  border-radius: 4px;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_custom\n  * @description Applies a box shadow behind custom button\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/WV8BPHHG\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_custom);\n  color: var(--zg-button-color_custom, --zg-button-color);\n  padding: var(--zg-button-padding, 7px 9px);\n  transition: background .1s;\n}\n\n/* Focus */\n:host(:not([action]):not([force-border=\"disabled\"]):focus),\n:host([force-border]:not([force-border=\"disabled\"]):focus) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_custom_focus\n  * @description Styles the background of custom button on focus\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/DNQPAWTN\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_custom_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_custom_focus\n  * @description Styles the border of custom button on focus\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6YMT2CI2\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_custom_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_custom_focus\n  * @description Applies a box shadow behind custom button on focus\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/ZUYVPA4G\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_custom_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_custom_focus\n  * @description Sets the font color of custom button on focus\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6SPOXN1V\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_custom_focus);\n}\n\n/* Hover */\n:host(:not([action]):not([force-border=\"disabled\"]):hover),\n:host(:not([action]):not([force-border=\"disabled\"]).hover),\n:host([force-border]:not([force-border=\"disabled\"]):hover),\n:host([force-border]:not([force-border=\"disabled\"]).hover) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-icon-background_custom_hover\n  * @description Styles the background of icon in custom button on hover\n  * @see fill\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/KM9ESQ95\n  * @shadowOnly false\n  */\n  --zg-icon-color: var(--zg-button-icon-background_custom_hover, #fff);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_custom_hover\n  * @description Styles the background of custom button on hover\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/3NS677KC\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_custom_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_custom_hover\n  * @description Styles the border of custom button on hover\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/M471ONLC\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_custom_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_custom_hover\n  * @description Applies a box shadow behing custom button on hover\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6G5744Z9\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_custom_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_custom_hover\n  * @description Sets the font color of custom button on hover\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/UTHW9VD5\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_custom_hover);\n  /* Already defined, don't add JSDOCs */\n  transition: background-color var(--zg-button-transition_speed, var(--theme-transition_speed));\n}\n\n/* Active */\n:host(:not([action]):not([force-border=\"disabled\"]):active),\n:host(:not([action]):not([force-border=\"disabled\"]).active),\n:host([force-border]:not([force-border=\"disabled\"]):active),\n:host([force-border]:not([force-border=\"disabled\"]).active) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_custom_active\n  * @description Styles the background of custom button on active state\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/I7M662SJ\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_custom_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_custom_active\n  * @description Styles the border of custom button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/SBAJGZLD\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_custom_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_custom_active\n  * @description Applies a box shadow behind custom button on active state\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/NFET6MLX\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_custom_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_custom_active\n  * @description Sets the font color of custom button on active state\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/L6FV9PN6\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_custom_active);\n}",""])},3419:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-background\n  * @description Styles the background of caption\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6U2SY2K5\n  * @shadowOnly false\n  */\n  background: var(--zg-caption-background);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border\n  * @description Styles the border of caption\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/0N4C0ECB\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border-bottom\n  * @description Styles the bottom border of caption\n  * @see border\n  * @default var(--zg-caption-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/99JLBVYH\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-caption-border-bottom, var(--zg-caption-border, 0));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border-left\n  * @description Styles the left border of caption\n  * @see border\n  * @default var(--zg-caption-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FWLLXIJ5\n  * @shadowOnly false\n  */\n  border-left: var(--zg-caption-border-left, var(--zg-caption-border, 0));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border-right\n  * @description Styles the right border of caption\n  * @see border\n  * @default var(--zg-caption-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/52JW357J\n  * @shadowOnly false\n  */\n  border-right: var(--zg-caption-border-right, var(--zg-caption-border, 0));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border-top\n  * @description Styles the top border of caption\n  * @see border\n  * @default var(--zg-caption-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/NZ37Y0WR\n  * @shadowOnly false\n  */\n  border-top: var(--zg-caption-border-top, var(--zg-caption-border, 0));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border-radius\n  * @description Applies a border-radius to the caption\n  * @see border-radius\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/XTZFER6B\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-caption-border-radius, 0);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-box-shadow\n  * @description Applies a box shadow behind caption\n  * @see box-shadow\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/NGD7EIQQ\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-caption-box-shadow, none);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-color\n  * @description Sets the font color of caption\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/AWL1ZJ9P\n  * @shadowOnly false\n  */\n  color: var(--zg-caption-color);\n  display: block;\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-font-family\n  * @description Sets the font family of caption\n  * @see font-family\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/AIW2OSGY\n  * @shadowOnly false\n  */\n  font-family: var(--zg-caption-font-family);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-font-size\n  * @description Sets the font size of caption\n  * @see font-size\n  * @default 1.25rem\n  * @demoLink https://app.zingsoft.com/demos/create/GYEK88WP\n  * @shadowOnly false\n  */\n  font-size: var(--zg-caption-font-size, 1.25rem);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-font-style\n  * @description Sets the font style of caption\n  * @see font-style\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/88F09GZT\n  * @shadowOnly false\n  */\n  font-style: var(--zg-caption-font-style);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-font-weight\n  * @description Sets the font weight of caption\n  * @see font-weight\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/KY56OFL7\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-caption-font-weight);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-margin\n  * @description Sets the margin of caption\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/4KJK4SH4\n  * @shadowOnly false\n  */\n  margin: var(--zg-caption-margin, 0);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-opacity\n  * @description Sets the opacity of caption\n  * @see opacity\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/PE0HQJ5R\n  * @shadowOnly false\n  */\n  opacity: var(--zg-caption-opacity);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-padding\n  * @description Sets the padding of caption\n  * @see padding\n  * @default 0 var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/442ELH1B\n  * @shadowOnly false\n  */\n  padding: var(--zg-caption-padding, 0 var(--theme-padding_x));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-transition\n  * @description Sets the transition of caption\n  * @see transition\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/NORAG1EP\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  transition: var(--zg-caption-transition);\n  z-index: 2;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Wrapper */\n.zg-caption {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-align-items\n  * @description Sets the vertical alignment of items (title and toolbar) in caption\n  * @see align-items\n  * @default center\n  * @demoLink https://app.zingsoft.com/demos/create/CQYPIK1K\n  * @shadowOnly true\n  */\n  align-items: var(--zg-caption-align-items, center);\n  box-sizing: border-box;\n  display: flex;\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-flex-direction\n  * @description Sets the flex direction of items (title and toolbar) in caption\n  * @see flex-direction\n  * @default row\n  * @demoLink https://app.zingsoft.com/demos/create/7OAGC539\n  * @shadowOnly true\n  */\n  flex-direction: var(--zg-caption-flex-direction, row);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-height\n  * @description Sets the height of caption\n  * @see height\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/Y3GPK1TE\n  * @shadowOnly false\n  */\n  min-height: var(--zg-caption-height);\n  position: relative;\n  width: 100%;\n}\n:host([align=\"right\"]) .zg-caption {\n  flex-direction: row-reverse;\n}\n\n/* Title (Slot) */\n.zg-caption-title-slot {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-align-self\n  * @description Sets vertical alignment of items in caption title\n  * @see align-self\n  * @default center\n  * @demoLink https://app.zingsoft.com/demos/create/67LXJX3V\n  * @shadowOnly true\n  */\n  align-self: var(--zg-caption-title-align-self, var(--zg-caption-align-items));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-flex\n  * @description Sets how items are flexed in caption title\n  * @see flex\n  * @default 0 1 auto\n  * @demoLink https://app.zingsoft.com/demos/create/ZNF8KZ0Q\n  * @shadowOnly true\n  */\n  flex: var(--zg-caption-title-flex, 0 1 auto);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-font-family\n  * @description Sets the font-family of caption title\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/RSEFCP22\n  * @shadowOnly false\n  */\n  font-family: var(--zg-caption-title-font-family, inherit);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-font-size\n  * @description Sets the font size of caption title\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/957S8V57\n  * @shadowOnly false\n  */\n  font-size: var(--zg-caption-title-font-size, inherit);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-font-style\n  * @description Sets the font style of caption title\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/7998V87T\n  * @shadowOnly false\n  */\n  font-style: var(--zg-caption-title-font-style, inherit);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-font-weight\n  * @description Sets the font weight of caption title\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/SL5PZSVT\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-caption-title-font-weight, inherit);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-margin\n  * @description Sets the margin of caption title\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/16DIJOGY\n  * @shadowOnly false\n  */\n  margin: var(--zg-caption-title-margin, 0);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-padding\n  * @description Sets the padding of caption title\n  * @see padding\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/ZS07XHPH\n  * @shadowOnly false\n  */\n  padding: var(--zg-caption-title-padding, 0);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-order\n  * @description Sets the order of caption title with respect to caption toolbar\n  * @see order\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/C23FWMV5\n  */\n  order: var(--zg-caption-title-order);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-text-align\n  * @description Sets the text alignment of caption title\n  * @see text-align\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/1598TAUJ\n  * @shadowOnly false\n  */\n  text-align: var(--zg-caption-title-text-align, inherit);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-transform\n  * @description Sets the transform of caption title\n  * @see transform\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/3XWSGQ3T\n  * @shadowOnly false\n  */\n  transform: var(--zg-caption-title-transform, none);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-width\n  * @description Sets the width of caption title\n  * @see width\n  * @default 100%\n  * @demoLink https://app.zingsoft.com/demos/create/072GAQ92\n  * @shadowOnly false\n  */\n  width: var(--zg-caption-title-width, 100%);\n}\n\n/* Toolbar (Slot) */\n.zg-caption-toolbar {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-align-self\n  * @description Sets vertical alignment of items in caption toolbar\n  * @default Browser's default value\n  * @see align-self\n  * @demoLink https://app.zingsoft.com/demos/create/S3ZCU3DO\n  * @shadowOnly false\n  */\n  align-self: var(--zg-caption-toolbar-align-self);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-bottom\n  * @description Sets the position from bottom of caption toolbar. To apply, set --zg-caption-toolbar-position.\n  * @see bottom\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/OEH3UY6Q\n  * @shadowOnly false\n  * @storyAlert recommend:--zg-caption-toolbar-position:relative\n  */\n  bottom: var(--zg-caption-toolbar-bottom);\n  display: flex;\n  height: var(--zg-caption-height);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-justify-content\n  * @description Sets the horizontal alignment of contents in caption toolbar\n  * @see justify-content\n  * @default flex-start\n  * @demoLink https://app.zingsoft.com/demos/create/765LB16X\n  * @shadowOnly true\n  */\n  justify-content: var(--zg-caption-toolbar-justify-content, flex-start);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-left\n  * @description Sets the left of caption toolbar. To apply, set --zg-caption-toolbar-position.\n  * @see left\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/S4O1P9G5\n  * @shadowOnly false\n  * @storyAlert recommended:--zg-caption-toolbar-position:relative\n  */\n  left: var(--zg-caption-toolbar-left, auto);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-margin\n  * @description Sets the margin of caption toolbar\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/KZJX7TLX\n  * @shadowOnly true\n  */\n  margin: var(--zg-caption-toolbar-margin, 0);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-position\n  * @description Sets the position of caption toolbar\n  * @see position\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/QHJA4VIJ\n  * @shadowOnly true\n  */\n  position: var(--zg-caption-toolbar-position);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-right\n  * @description Sets the right of caption toolbar. To apply, set --zg-caption-toolbar-position.\n  * @see right\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/4YMLUW88\n  * @shadowOnly true\n  * @storyAlert recommend:--zg-caption-toolbar-position:relative\n  */\n  right: var(--zg-caption-toolbar-right, auto);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-top\n  * @description Sets the top of caption toolbar. To apply, set --zg-caption-toolbar-position.\n  * @see top\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/RFUEEGAP\n  * @shadowOnly true\n  * @storyAlert recommend:--zg-caption-toolbar-position:relative\n  */\n  top: var(--zg-caption-toolbar-top, auto);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-transform\n  * @description Sets the transform of caption toolbar\n  * @see transform\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/CM2ERTMS\n  * @shadowOnly true\n  */\n  transform: var(--zg-caption-toolbar-transform, none);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-width\n  * @description Sets the width of caption toolbar\n  * @see width\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/MGC5Q8CR\n  * @shadowOnly true\n  */\n  width: var(--zg-caption-toolbar-width, auto);\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* DAVE - Moving this from zg-button has the search button in a weird position   Put search on a grid and you will see */\n\n/* ZG-BUTTON */\n:host ::slotted(zg-button) {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-button-background\n  * @description Styles the background of button in caption\n  * @default var(--zg-button-background)\n  * @demoLink https://app.zingsoft.com/demos/create/TJF6WCKE\n  * @see background\n  * @shadowOnly false\n  */\n  background: var(--zg-caption-button-background, var(--zg-button-background));\n  color: var(--zg-caption-button-color, var(--zg-button-color));\n  display: inline-flex;\n  height: 100%;\n  padding-left: 5px;\n  padding-right: 5px;\n}\n:host ::slotted(zg-button:focus) {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-button-background_focus\n  * @description Styles the background of button in caption when the button is in a `focus` state\n  * @default var(--zg-caption-button-background, var(--zg-button-background))\n  * @demoLink https://app.zingsoft.com/demos/create/BSNFWAC2\n  * @see background\n  * @shadowOnly false\n  */\n  background: var(--zg-caption-button-background_focus, var(--zg-button-background_focus, var(--zg-caption-button-background, var(--zg-button-background))));\n  color: var(--zg-caption-button-color_focus, var(--zg-caption-button-color, var(--zg-button-color_focus, var(--zg-button-color))));\n}\n:host ::slotted(zg-button:hover) {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-button-background_hover\n  * @description Styles the background of button in caption when the button is in a `hover` state\n  * @default var(--zg-caption-button-background, var(--zg-button-background))\n  * @demoLink https://app.zingsoft.com/demos/create/2C4I6L8Q\n  * @see background\n  * @shadowOnly false\n  */\n  background: var(--zg-caption-button-background_hover, var(--zg-button-background_hover, var(--zg-caption-button-background, var(--zg-button-background))));\n  color: var(--zg-caption-button-color_hover, var(--zg-caption-button-color, var(--zg-button-color_hover, var(--zg-button-color))));\n}\n\n:host ::slotted(zg-button:active) {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-button-background_active\n  * @description Styles the background of button in caption when the button is in an `active` state\n  * @default var(--zg-caption-button-background, var(--zg-button-background))\n  * @demoLink https://app.zingsoft.com/demos/create/RAU1QDPS\n  * @see background\n  * @shadowOnly false\n  */\n  background: var(--zg-caption-button-background_active, var(--zg-button-background_active, var(--zg-caption-button-background, var(--zg-button-background))));\n  color: var(--zg-caption-button-color_active, var(--zg-caption-button-color, var(--zg-button-color_active, var(--zg-button-color))));\n}\n\n\n/* CUSTOM USER BUTTON */\n:host ::slotted(zg-button:not([action])) {\n  background: var(--zg-caption-button-background_custom, var(--zg-caption-button-background, var(--zg-button-background_custom, var(--zg-button-background))));\n  color: var(--zg-caption-button-color_custom, var(--zg-caption-button-color, var(--zg-button-color_custom, var(--zg-button-color))));\n}\n:host ::slotted(zg-button:not([action]):focus) {\n  background: var(--zg-caption-button-background_custom_focus, var(--zg-caption-button-background_focus, var(--zg-button-background_custom_focus, var(--zg-button-background_focus, var(--zg-caption-button-background_custom, var(--zg-caption-button-background, var(--zg-button-background_custom, var(--zg-button-background))))))));\n  color: var(--zg-caption-button-color_custom_focus, var(--zg-caption-button-color_focus, var(--zg-button-color_custom_focus, var(--zg-button-color_focus, var(--zg-button-color)))));\n}\n:host ::slotted(zg-button:not([action]):hover) {\n  background: var(--zg-caption-button-background_custom_hover, var(--zg-caption-button-background_hover, var(--zg-button-background_custom_hover, var(--zg-button-background_hover, var(--zg-caption-button-background_custom, var(--zg-caption-button-background, var(--zg-button-background_custom, var(--zg-button-background))))))));\n  color: var(--zg-caption-button-color_custom_hover, var(--zg-caption-button-color_hover, var(--zg-button-color_custom_hover, var(--zg-button-color_hover,var( --zg-button-color)))));\n}\n:host ::slotted(zg-button:not([action]):active) {\n  background: var(--zg-caption-button-background_custom_active, var(--zg-caption-button-background_active, var(--zg-button-background_custom_active, var(--zg-button-background_active, var(--zg-caption-button-background_custom, var(--zg-caption-button-background, var(--zg-button-background_custom, var(--zg-button-background))))))));\n  color: var(--zg-caption-button-color_custom_active, var(--zg-caption-button-color_active, var(--zg-button-color_custom_active, var(--zg-button-color_active, var(--zg-button-color)))));\n}\n\n\n/* INTERNAL BUTTON */\n:host ::slotted(zg-button[action]:hover) {\n  background: var(--zg-caption-button-background_hover, var(--zg-button-background_hover));\n}\n\n:host ::slotted(zg-search) {\n  display: inline-flex;\n  height: 100%;\n}\n\n/* DYNAMIC\n-------------------------------------- */\n.enabled { display:inline-block !important; }",""])},43147:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-background_layout_card\n  * @description Styles the background of cards in 'card' layout-mode\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/BEYZ88MV\n  * @shadowOnly false\n  */\n  background: var(--zg-cell-background_layout_card);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-border_layout_card\n  * @description Styles the border of cards in 'card' layout-mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/U0CW9K8N\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-border-bottom_layout_card\n  * @description Styles the bottom border of cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FGN7V34Y\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-cell-border-bottom_layout_card, var(--zg-cell-border_layout_card, 0));\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-border-left_layout_card\n  * @description Styles the left border of cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/BPYBZ5YQ\n  * @shadowOnly false\n  */\n  border-left: var(--zg-cell-border-left_layout_card, var(--zg-cell-border_layout_card, 0));\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-border-right_layout_card\n  * @description Styles the right border of cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/CK9N7ZQV\n  * @shadowOnly false\n  */\n  border-right: var(--zg-cell-border-right_layout_card, var(--zg-cell-border_layout_card, 0));\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-border-top_layout_card\n  * @description Styles the top border of cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/7Y7BXZCF\n  * @shadowOnly false\n  */\n  border-top: var(--zg-cell-border-top_layout_card, var(--zg-cell-border_layout_card, 0));\n  box-sizing: border-box;\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-color_layout_card\n  * @description Sets the font color of cards in 'card' layout-mode\n  * @see color\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/X2B23BUZ\n  * @shadowOnly false\n  */\n  color: var(--zg-cell-color_layout_card, inherit);\n  display: block;\n  flex: 1;\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-font-family_layout_card\n  * @description Sets the font family of cards in 'card' layout-mode\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/O9LB0E7K\n  * @shadowOnly false\n  */\n  font-family: var(--zg-cell-font-family_layout_card, inherit);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-font-size_layout_card\n  * @description Sets the font size of cards in 'card' layout-mode\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/FN82MG62\n  * @shadowOnly false\n  */\n  font-size: var(--zg-cell-font-size_layout_card, inherit);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-font-style_layout_card\n  * @description Sets the font family of cards in 'card' layout-mode\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/OOAIYJ3A\n  * @shadowOnly false\n  */\n  font-style: var(--zg-cell-font-style_layout_card, inherit);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-font-weight_layout_card\n  * @description Sets the font weight of cards in 'card' layout-mode\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/HG4U54X7\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-cell-font-weight_layout_card, inherit);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-height_layout_card\n  * @description Sets the height of cards in 'card' layout-mode\n  * @see height\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/363ZH0L0\n  * @shadowOnly false\n  */\n  height: var(--zg-cell-height_layout_card, auto);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-line-height_layout_card\n  * @description Sets the line height of cards in 'card' layout-mode\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/GNXXL0I8\n  * @shadowOnly false\n  */\n  line-height: var(--zg-cell-line-height_layout_card, inherit);\n  overflow: hidden;\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-padding_layout_card\n  * @description Sets the padding of cards in 'card' layout-mode\n  * @see padding\n  * @default var(--theme-padding_y) var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/NLQRJG8E\n  * @shadowOnly false\n  */\n  padding: var(--zg-cell-padding_layout_card, var(--theme-padding_y) var(--theme-padding_x));\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-transition_layout_card\n  * @description Sets the transition of cards in 'card' layout-mode\n  * @see transition\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/EP738THM\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  transition: var(--zg-cell-transition_layout_card);\n  user-select: none;\n  width: 100%;\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-word-break_layout_card\n  * @description Sets the word break of items in cards in 'card' layout-mode\n  * @see word-break\n  * @default break-all\n  * @demoLink https://app.zingsoft.com/demos/create/8M5I3J8P\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  word-break: var(--zg-cell-word-break_layout_card, break-all);\n}\n\n/* Hide if 'hidden' attribute applied */\n:host([hidden]) {\n  display: none !important;\n}\n\n/* 'Remove Record' Cell */\n:host([type=\"remover\"]) {\n  text-align: right;\n}\n\n/* WHEN EDIT-ROW BUTTONS IN SAME CELL */\n:host([edit-row-buttons-one-cell]) {\n  padding-left: 0;\n  padding-right: 0;\n}\n:host([edit-row-buttons-one-cell]) ::slotted([data-field-index]) {\n  display: flex;\n} ",""])},10761:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* HOST\n-------------------------------------- */\n:host {\n  --cell-overflow-background-color: var(--zing-grid-background);\n  --cell-overflow-border-color: var(--theme-border-color);\n}\n\n/* Type: Default */\n:host {\n  background: var(--cell-overflow-background-color);\n  border: 1px solid var(--cell-overflow-border-color);\n  display: block;\n  line-height: initial;\n  pointer-events: auto;\n  position: absolute;\n  z-index: 11;\n}\n\n:host([hidden]) {\n  visibility: hidden;\n  pointer-events: none;\n}\n",""])},33581:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background\n  * @description Styles the background of cells\n  * @see background\n  * @default var(--zg-cell-background)\n  * @demoLink https://app.zingsoft.com/demos/create/FPS1Y1BU\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background_layout_row\n  * @description Styles the background of cells in \'row\' layout-mode\n  * @see background\n  * @default var(--zg-cell-background)\n  * @demoLink https://app.zingsoft.com/demos/create/OB4ZAO0E\n  * @shadowOnly false\n  */\n  background: var(--zg-cell-background_layout_row, var(--zg-cell-background));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border\n  * @description Styles the border of cells\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/5IAJRJAX\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-bottom\n  * @description Styles the bottom border of cells\n  * @see border\n  * @default var(--zg-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/6W1MBMS5\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border_layout_row\n  * @description Styles the border of cells in \'row\' layout-mode\n  * @see border\n  * @default var(--zg-cell-border-bottom, var(--zg-cell-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/VUY7YJN0\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-bottom_layout_row\n  * @description Styles the bottom border of cells in \'row\' layout-mode\n  * @see border\n  * @default var(--zg-cell-border_layout_row, var(--zg-cell-border-bottom, var(--zg-cell-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/CBCRNIEW\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-cell-border-bottom_layout_row, var(--zg-cell-border_layout_row, var(--zg-cell-border-bottom, var(--zg-cell-border, 0))));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-left\n  * @description Styles the left border of cells\n  * @see border\n  * @default var(--zg-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/D7KFKEG9\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-left_layout_row\n  * @description Styles the left border of cells in \'row\' layout-mode\n  * @see border\n  * @default var(--zg-cell-border_layout_row, var(--zg-cell-border-left, var(--zg-cell-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/09D81J37\n  * @shadowOnly false\n  */\n  border-left: var(--zg-cell-border-left_layout_row, var(--zg-cell-border_layout_row, var(--zg-cell-border-left, var(--zg-cell-border, 0))));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-right\n  * @description Styles the right border of cells\n  * @see border\n  * @default var(--zg-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/I1HTZ8O9\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-right_layout_row\n  * @description Styles the right border of cells in \'row\' layout-mode\n  * @see border\n  * @default var(--zg-cell-border_layout_row, var(--zg-cell-border-right, var(--zg-cell-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/38MHHLP7\n  * @shadowOnly false\n  */\n  border-right: var(--zg-cell-border-right_layout_row, var(--zg-cell-border_layout_row, var(--zg-cell-border-right, var(--zg-cell-border, 0))));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-top\n  * @description Styles the top border of cells\n  * @see border\n  * @default var(--zg-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/5LO8GANO\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-top_layout_row\n  * @description Styles the top border of cells in \'row\' layout-mode\n  * @see border\n  * @default var(--zg-cell-border_layout_row, var(--zg-cell-border-top, var(--zg-cell-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/7MVAC7VQ\n  * @shadowOnly false\n  */\n  border-top: var(--zg-cell-border-top_layout_row, var(--zg-cell-border_layout_row, var(--zg-cell-border-top, var(--zg-cell-border, 0))));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color\n  * @description Styles font color of text in cells\n  * @see color\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/W7Z4EQX7\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color_layout_row\n  * @description Styles font color of text in cells in \'row\' layout-mode\n  * @see color\n  * @default var(--zg-cell-color, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/4L4VCAVC\n  * @shadowOnly false\n  */\n  color: var(--zg-cell-color_layout_row, var(--zg-cell-color, inherit));\n  display: table-cell;\n  flex: 1;\n  /* CS THIS HAS TO BE REMOVED BEFORE LAUNCHING FIND OTHER SOLUTION */\n  -position: relative;\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-family\n  * @description Sets the font family in cells\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/FBT1I49W\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-family_layout_row\n  * @description Sets the font family in cells in \'row\' layout-mode\n  * @see font-family\n  * @default var(--zg-cell-font-family, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/WEF8KGXB\n  * @shadowOnly false\n  */\n  font-family: var(--zg-cell-font-family_layout_row, var(--zg-cell-font-family, inherit));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-size\n  * @description Sets the font size in cells\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/5VXTAUSO\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-size_layout_row\n  * @description Sets the font size in cells in \'row\' layout-mode\n  * @see font-size\n  * @default var(--zg-cell-font-size, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/9NBFBSO0\n  * @shadowOnly false\n  */\n  font-size: var(--zg-cell-font-size_layout_row, var(--zg-cell-font-size, inherit));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-style\n  * @description Sets the font style in cells\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/MBBRNXUX\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-style_layout_row\n  * @description Sets the font style in cells in \'row\' layout-mode\n  * @see font-style\n  * @default var(--zg-cell-font-style, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/LJYPK43Z\n  * @shadowOnly false\n  */\n  font-style: var(--zg-cell-font-style_layout_row, var(--zg-cell-font-style, inherit));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-weight\n  * @description Sets the font weight in cells\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/C8CHJ5SG\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-weight_layout_row\n  * @description Sets the font weight in cells in \'row\' layout-mode\n  * @see font-weight\n  * @default var(--zg-cell-font-weight, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/4FCZ5S1K\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-cell-font-weight_layout_row, var(--zg-cell-font-weight, inherit));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-height\n  * @description Sets height of cells\n  * @see height\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/0ADC78MI\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-height_layout_row\n  * @description Sets height of cells in \'row\' layout-mode\n  * @see height\n  * @default var(--zg-cell-height, auto)\n  * @demoLink https://app.zingsoft.com/demos/create/2I7KY86Q\n  * @shadowOnly false\n  */\n  height: var(--zg-cell-height_layout_row, var(--zg-cell-height, auto));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-line-height\n  * @description Sets line height of cells\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/13BR35NS\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-line-height_layout_row\n  * @description Sets line height of cells in \'row\' layout-mode\n  * @see line-height\n  * @default var(--zg-cell-line-height, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/V1O45PMA\n  * @shadowOnly false\n  */\n  line-height: var(--zg-cell-line-height_layout_row, var(--zg-cell-line-height, inherit));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-padding\n  * @description Sets padding of cells\n  * @see padding\n  * @default var(--theme-padding_y) var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/L55WT5PW\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-padding_layout_row\n  * @description Sets padding of cells in \'row\' layout-mode\n  * @see padding\n  * @default var(--zg-cell-padding, var(--theme-padding_y) var(--theme-padding_x))\n  * @demoLink https://app.zingsoft.com/demos/create/LXJRGOVN\n  * @shadowOnly false\n  */\n  padding: var(--zg-cell-padding_layout_row, var(--zg-cell-padding, var(--theme-padding_y) var(--theme-padding_x)));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-transition\n  * @description Sets the transition of cells\n  * @see transition\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/XB0M7RTK\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-transition_layout_row\n  * @description Sets the transition of cells in \'row\' layout-mode\n  * @see transition\n  * @default var(--zg-cell-transition)\n  * @demoLink https://app.zingsoft.com/demos/create/KNVU6GWJ\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  transition: var(--zg-cell-transition_layout_row, var(--zg-cell-transition));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-vertical-align\n  * @description Sets vertical alignment of items in cells\n  * @see vertical-align\n  * @default middle\n  * @demoLink https://app.zingsoft.com/demos/create/IRBQ32WL\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-vertical-align_layout_row\n  * @description Sets vertical alignment of items in cells in \'row\' layout-mode\n  * @see vertical-align\n  * @default var(--zg-cell-vertical-align, middle)\n  * @demoLink https://app.zingsoft.com/demos/create/4FFXFDKI\n  * @shadowOnly false\n  */\n  vertical-align: var(--zg-cell-vertical-align_layout_row, var(--zg-cell-vertical-align, middle));\n  box-sizing: border-box;\n}\n\n/*  This was previously under :host, but it broke the tooltips of the edit/delete cells */\n:host(:not([button-tooltip])) {\n  overflow: hidden;\n}\n\n\n:host(:hover) {\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background_hover\n  * @description Styles the background of cells on hover\n  * @see background\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/RT19PJTK\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background_hover_layout_row\n  * @description Styles the background of cells in \'row\' layout-mode on hover\n  * @see background\n  * @default var(--zg-cell-background_hover)\n  * @demoLink https://app.zingsoft.com/demos/create/K3W62J0D\n  * @shadowOnly false\n  */\n  background: var(--zg-cell-background_hover_layout_row, var(--zg-cell-background_hover));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color_hover\n  * @description Styles font color of cells on hover\n  * @see color\n  * @default var(--zg-cell-color)\n  * @demoLink https://app.zingsoft.com/demos/create/KSG94XLN\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color_hover_layout_row\n  * @description Styles font color of cells in \'row\' layout-mode on hover\n  * @see color\n  * @default var(--zg-cell-color_hover, var(--zg-cell-color))\n  * @demoLink https://app.zingsoft.com/demos/create/0VCGU2R9\n  * @shadowOnly false\n  */\n  color: var(--zg-cell-color_hover_layout_row, var(--zg-cell-color_hover, var(--zg-cell-color)));\n}\n\n/* Hide if \'hidden\' attribute applied */\n:host([hidden]) {\n  display: none !important;\n}\n:host([cell-break-prep]) {\n  /* word-break: break-word; */\n  white-space: nowrap;\n}\n\n/* \'Selector\' checkbox Cell */\n/* Remove padding so we can add to the inner checkbox instead (for better mobile hitbox) */\n/* See `:ost-context(zg-cell[type="selector"])` in ZGCheckbox.css */\n:host([type="selector"]) {\n  padding: 0 !important;\n}\n\n/* TYPE: BUTTON */\n/* Must explicitly unset `appearance` to avoid overrides from Bootstrap framework */\n:host([type="button"]) {\n  appearance: unset !important;\n}\n\n/* TYPE: TOGGLE */\n/* Show `cursor:pointer` for cells you can toggle on click */\n:host([type="toggle"]) ::slotted([data-field-index]) {\n  cursor: pointer;\n}\n\n\n/* If the cell is in the foot row */\n/* Inner Cell Wrapper */\n:host([rowfooter]){\n  display: table-cell;\n  width: 100%;\n  -overflow: hidden;\n  white-space: nowrap;\n  -z-index: 1;\n}\n\n/* Inner Wrapper */\n:host([rowfooter]) div {\n  align-items: center;\n  display: inline-flex;\n  height: 100%;\n  justify-content: flex-start;\n  vertical-align: middle;\n  overflow: hidden;\n  white-space: nowrap;\n  width: 100%;\n}\n\n/* Cell Text */\n:host([rowfooter]) ::slotted([data-field-index]) {\n  /* line-height: 1; */\n  -z-index: 1;\n}\n\n/* If the cell is currently sorted */\n:host([sorted]) {\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background_sorted\n  * @description Styles the background of cells in sorted column\n  * @see background\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/DNFOJBRU\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background_layout_row_sorted\n  * @description Styles the background of cells in sorted column in \'row\' layout-mode\n  * @see background\n  * @default var(--zg-cell-background_sorted)\n  * @demoLink https://app.zingsoft.com/demos/create/EM0YQ90M\n  * @shadowOnly false\n  */\n  background: var(--zg-cell-background_layout_row_sorted, var(--zg-cell-background_sorted));\n  border-top: var(--zg-cell-border-top_sorted, var(--zg-cell-border-top_layout_row, var(--zg-cell-border-top, var(--zg-cell-border))));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color_sorted\n  * @description Sets the font color of cells in sorted column\n  * @default var(--zg-cell-color)\n  * @demoLink https://app.zingsoft.com/demos/create/427LWHVI\n  * @see color\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color_layout_row_sorted\n  * @description Sets the font color of cells in sorted column in \'row\' layout-mode\n  * @default var(--zg-cell-color_sorted, var(--zg-cell-color))\n  * @demoLink https://app.zingsoft.com/demos/create/64ZKT87T\n  * @see color\n  * @shadowOnly false\n  */\n  color: var(--zg-cell-color_layout_row_sorted, var(--zg-cell-color_sorted, var(--zg-cell-color)));\n}\n\n/* WHEN EDIT-ROW BUTTONS IN SAME CELL */\n:host([edit-row-buttons-one-cell]) {\n  padding-left: 0;\n  padding-right: 0;\n}\n:host([edit-row-buttons-one-cell]) ::slotted([data-field-index]) {\n  display: flex;\n}\n\n\n/* CELL-BREAK STYLING\n-------------------------------------- */\n/* \n  Add [cell-break="xxxx"] to ZG or ZGColumn to set how \n  overflow content behaves inside a body cell.\n*/\n:host(:not([cell-break]):not([type="iframe"]):not([type="selector"]):not([data-control-field])) ::slotted([data-field-label]) {\n  display: var(--zg-cell-label-display_layout_card, block);\n  white-space: normal;\n}\n:host(:not([cell-break]):not([cell-break-prep]):not([rowfooter]):not([rowheader]):not([type="iframe"]):not([type="row-group"]):not([type="selector"])) ::slotted([data-field-index]) {\n  display: inline-block;\n  white-space: normal;\n}\n\n:host([type="row-group"][align="center"]:not([layout="card"])) ::slotted([data-field-index]) {\n  justify-content: center;\n}\n:host([type="row-group"][align="right"]:not([layout="card"])) ::slotted([data-field-index]) {\n  justify-content: end;\n}\n:host([cell-break="ellipsis"]:not([data-control-field])) ::slotted([data-field-label]),\n:host([cell-break="ellipsis"]:not([data-control-field]):not([button-tooltip])) ::slotted([data-field-index]) {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n:host([cell-break="all"]) ::slotted([data-field-label]),\n:host([cell-break="all"]) ::slotted([data-field-index]) {\n  white-space: normal;\n  word-break: break-all;\n}\n:host([cell-break="normal"]) ::slotted([data-field-label]),\n:host([cell-break="normal"]) ::slotted([data-field-index]) {\n  white-space: normal;\n  word-break: normal;\n}\n:host([cell-break="word"]) ::slotted([data-field-label]),\n:host([cell-break="word"]) ::slotted([data-field-index]) {\n  white-space: normal;\n  overflow-wrap: break-word;\n}\n\n:host([type="row-group"]:not([layout="card"])) ::slotted([data-field-index]) {\n  display: flex;\n  align-items: center;\n  white-space: normal;\n}\n\n/* This breaks tooltips when the alignment is to the right or center. */\n:host(:not([layout="card"])) ::slotted([data-field-index]) {\n  -width:100%;\n}\n\n\n/* Always hide the overflow on the frozen columns */\n:host([frozen]:not([data-control-field]):not([button-tooltip])) {\n  overflow: hidden;\n}\n\n:host([frozen-row]) ::slotted([data-field-index]) {\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n\n/* SLOTTED CONTENT\n-------------------------------------- */\n\n/* Don\'t show in row mode, either by default viewport or if [layout="row"] manually added */\n:host ::slotted([data-field-label]) {\n  display: none;\n}\n\n/* LAYOUT: CARD\n-------------------------------------- */\n/* THE SLOTTED CELL INDEX LABEL */\n:host([layout="card"]) ::slotted([data-field-label]) {\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-color_layout_card\n  * @description Sets font color of label in cards in \'card\' layout-mode\n  * @see color\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/WLX26P3Q\n  * @shadowOnly false\n  */\n  color: var(--zg-cell-label-color_layout_card, var(--theme-color-primary));\n  content: attr(text);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-display_layout_card\n  * @description Sets the display of label in cards in \'card\' layout-mode\n  * @default flex\n  * @see display\n  * @demoLink https://app.zingsoft.com/demos/create/VJ2V5JBW\n  */\n  display: var(--zg-cell-label-display_layout_card, flex);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-font-size_layout_card\n  * @description Sets font size of label in cards in \'card\' layout-mode\n  * @see font-size\n  * @default 85%\n  * @demoLink https://app.zingsoft.com/demos/create/9M0IV26C\n  * @shadowOnly false\n  */\n  font-size: var(--zg-cell-label-font-size_layout_card, 85%);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-margin_layout_card\n  * @description Sets the margin of label in cards in \'card\' layout-mode\n  * @see margin\n  * @default 0 0 2px\n  * @demoLink https://app.zingsoft.com/demos/create/4YSN75PR\n  * @shadowOnly false\n  */\n  margin: var(--zg-cell-label-margin_layout_card, 0 0 2px);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-overflow_layout_card\n  * @description Sets the overflow of label in cards in \'card\' layout-mode\n  * @default Browser\'s default value\n  * @see overflow\n  * @demoLink https://app.zingsoft.com/demos/create/RW2Y5KUP\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  overflow: var(--zg-cell-label-overflow_layout_card);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-transform_layout_card\n  * @description Sets transform of label in cards in \'card\' layout-mode\n  * @see transform\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/7HNBULB8\n  * @shadowOnly false\n  */\n  transform: var(--zg-cell-label-transform_layout_card);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-font-weight_layout_card\n  * @description Sets font weight of label in cards in \'card\' layout-mode\n  * @see font-weight\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/SW2D92C5\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-cell-label-font-weight_layout_card);\n  text-transform: capitalize;\n}\n\n/* THE SLOTTED CELL CONTENTS */\n:host([layout="card"]) ::slotted([data-field-index]) {\n  align-items: center;\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-border_layout_card\n  * @description Styles the border of card items in \'card\' layout-mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/PL7XVRO6\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-border-bottom_layout_card\n  * @description Styles the bottom border of card items in \'card\' layout-mode\n  * @see border\n  * @default var(--zg-cell-content-border_layout_card, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/67415UAZ\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-cell-content-border-bottom_layout_card, var(--zg-cell-content-border_layout_card, 0));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-border-left_layout_card\n  * @description Styles the left border of card items in \'card\' layout-mode\n  * @see border\n  * @default var(--zg-cell-content-border_layout_card, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/KJY3M0EU\n  * @shadowOnly false\n  */\n  border-left: var(--zg-cell-content-border-left_layout_card, var(--zg-cell-content-border_layout_card, 0));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-border-right_layout_card\n  * @description Styles the right border of card items in \'card\' layout-mode\n  * @see border\n  * @default var(--zg-cell-content-border_layout_card, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/UL1AANE2\n  * @shadowOnly false\n  */\n  border-right: var(--zg-cell-content-border-right_layout_card, var(--zg-cell-content-border_layout_card, 0));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-border-top_layout_card\n  * @description Styles the top border of card items in \'card\' layout-mode\n  * @see border\n  * @default var(--zg-cell-content-border_layout_card, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/S1QU5P5C\n  * @shadowOnly false\n  */\n  border-top: var(--zg-cell-content-border-top_layout_card, var(--zg-cell-content-border_layout_card, 0));\n  display: flex;\n  flex-basis: 100%;\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-font-size_layout_card\n  * @description Sets the font size of cards in \'card\' layout-mode\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/YUH3FMTN\n  * @shadowOnly false\n  */\n  font-size: var(--zg-cell-content-font-size_layout_card, inherit);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-padding_layout_card\n  * @description Sets the padding of cards in \'card\' layout-mode\n  * @see padding\n  * @default 3px 0\n  * @demoLink https://app.zingsoft.com/demos/create/FRM4C9ZH\n  * @shadowOnly false\n  */\n  padding: var(--zg-cell-content-padding_layout_card, 3px 0);\n}\n\n/* Hide labels of control columns in card mode */\n:host([layout="card"][data-control-field]) ::slotted([data-field-label]) {\n  display: none;\n}\n\n/* Control Cells */\n:host([layout="card"][data-control-field]) ::slotted([data-field-index]) {\n  --zg-cell-content-padding_layout_card: 0;\n  /* display: flex;\n  align-items: center;\n  height: 100%; */\n}\n\n/* SHARED BETWEEN ALL \'RECORD\' CONTROLS */\n:host([layout="card"][data-control-field]) {\n  position: absolute;\n  top: 0;\n}\n/* Do not add :before labels for non-grid data cells (buttons, checkboxes, etc.) */\n:host([layout="card"][data-control-field]):before {\n  display: none;\n}\n\n/* \'SELECT CARD\' CHECKBOX */\n:host([layout="card"][type="selector"]) {\n  top: 2px;\n  height: 38px;\n  left: 5px;\n}\n/* When it comes AFTER \'row-number\' */\n:host([layout="card"][data-control-field*="row-number,selector"][type="selector"]) {\n  left: 25px;\n}\n\n:host([layout="card"][type="selector"]) ::slotted([data-field-index]) {\n  border:0;\n}\n\n/* \'ROW NUMBER\' LABEL */\n:host([layout="card"][type="row-number"]) {\n  --zg-row-card-cell-padding: 4px;\n  left: 28px;\n  top: 2px;\n}\n:host([layout="card"][type="row-number"]) ::slotted([data-field-index]) {\n  display: flex !important;\n  align-items: center;\n  height: 28px;\n}\n\n/*  \'INFO\' ICON */\n:host([layout="card"][type="info"]) {\n  --zg-row-card-cell-padding: 4px;\n  left: 5px;\n  top: 2px;\n}\n:host([layout="card"][type="info"]) ::slotted([data-field-index]) {\n  display: flex !important;\n  align-items: center;\n  height: 28px;\n}\n\n/*  We need to move the info icon if row-number and/or selector are also set */\n:host([layout="card"][data-control-field*="row-number"][data-control-field*="info"][type="info"]),\n:host([layout="card"][data-control-field*="selector"][data-control-field*="info"][type="info"]) {\n  left: 25px;\n}\n\n:host([layout="card"][data-control-field*="row-number"][data-control-field*="selector"][data-control-field*="info"][type="info"]) {\n  left: 45px;\n}\n\n/* Need to adjust positions based on which buttons are present.\n   Buttons are editor, remover, duplicate\n   Positions are from right: 10, 36, 62\n   If min-width 768, positions are 0, 26, 52 */\n\n/* \'EDIT CARD\' BUTTON */\n:host([layout="card"][type="editor"]) {\n  margin-top: 5px;\n  right: 10px;\n}\n:host([layout="card"][data-control-field*="remover"][type="editor"]) {\n  right: 36px;\n}\n:host([layout="card"][data-control-field*="duplicate"][type="editor"]) {\n  right: 36px;\n}\n:host([layout="card"][data-control-field*="remover"][data-control-field*="duplicate"][type="editor"]) {\n  right: 62px;\n}\n@media (min-width:768px) {\n  :host([layout="card"][type="editor"]) {\n    right: 0px;\n  }\n  :host([layout="card"][data-control-field*="remover"][type="editor"]) {\n    right: 26px;\n  }\n  :host([layout="card"][data-control-field*="duplicate"][type="editor"]) {\n    right: 26px;\n  }\n  :host([layout="card"][data-control-field*="remover"][data-control-field*="duplicate"][type="editor"]) {\n    right: 52px;\n  }\n}\n:host([layout="card"][type="editor"]) ::slotted([data-field-index]) {\n  border:0;\n}\n\n/* \'DELETE CARD\' BUTTON */\n:host([layout="card"][type="remover"]) {\n  right: 10px;\n  margin-top: 5px;\n}\n:host([layout="card"][data-control-field*="duplicate"][type="remover"]) {\n  right: 36px;\n}\n\n@media (min-width:768px) {\n  :host([layout="card"][type="remover"]) {\n    right: 0;\n  }\n  :host([layout="card"][data-control-field*="duplicate"][type="remover"]) {\n    right: 26px;\n  }\n}\n:host([layout="card"][type="remover"]) ::slotted([data-field-index]) {\n  border:0;\n}\n\n/* \'DUPLICATE CARD BUTTON\' */\n:host([layout="card"][type="duplicate"]) {\n  right: 10px;\n  margin-top: 5px;\n}\n\n@media (min-width:768px) {\n  :host([layout="card"][type="duplicate"]) {\n    right: 0px;\n  }\n}\n\n/* Style the cell if it is in the dirty editor state */\n:host(.cell-dirty-edit:not(.cell-active-edit)) {\n  position: relative;\n}\n\n:host(.cell-dirty-edit:not(.cell-active-edit)):after{\n  content: "";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 0;\n  height: 0;\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-cell-dirty-edit-border-width\n  * @description Sets the border width of the dirty cell marker\n  * @see border-width\n  * @default 7px\n  * @demoLink https://app.zingsoft.com/demos/create/U90FN6VL\n  * @shadowOnly false\n  */\n  border-width: var(--zg-cell-dirty-edit-border-width, 7px);\n  border-style: solid;\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-cell-dirty-edit-border-color\n  * @description Sets the color of the dirty cell marker\n  * @see border-color\n  * @default red;\n  * @demoLink https://app.zingsoft.com/demos/create/9DTR8P0D\n  * @shadowOnly false\n  */\n  border-color: var(--zg-cell-dirty-edit-border-color, red) transparent transparent var(--zg-cell-dirty-edit-border-color, red);\n}\n\n/* Style the current column that is being reordered with `[column-drag]` */\n:host(.is-reordering) {\n  background: var(--theme-background-color);\n}\n\n::slotted([has-details]) {\n  cursor: pointer;\n  color:blue;\n  text-decoration:underline;\n}\n',""])},63185:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n    /* LOCAL REUSE */\n    --local-checkbox-height: 18px;\n    --local-checkbox-width: 18px;\n\n    /* STYLE HOST */\n    align-items: center;\n    cursor: pointer;\n    display: flex;\n    line-height: 0;\n    user-select: none;\n    white-space: nowrap;\n    -webkit-tap-highlight-color: transparent;\n}\n:host(:focus) {\n    outline: var(--zg-button-focus);\n}\n:host([hidden]) {\n    display: none !important;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Text */\n#text { display:none; }\n:host([hastext]) #text {\n    color: var(--theme-color-primary);\n    display:block;\n    font-size: 90%;\n    margin-left:5px;\n}\n\n/* WHEN SLOTTED INTO OTHER COMPONENTS\n---------------------------------------- */\n/* SELECTOR CHECKBOX */\n/* \n  Note: using `:not([layout="card"])` instead of `[layout="row"]` b/c [layout] can be omitted \n  (default is row-mode), and the browser will interpret it as `[layout="reset"]` instead.\n*/\n/* IN ZG-HEAD, LAYOUT: ROW */\n:host([parent="head"]:not([layout="card"])) {\n  height: 100%;\n  padding: 0 var(--theme-padding_x);\n}\n/* IN ZG-BODY, LAYOUT: ROW */\n:host([parent="body"]:not([layout="card"])) {\n  box-sizing: border-box;\n  height: 100%;\n  min-height: var(--zg-cell-selector-min-height_layout_row, 47px);\n  padding: 0 var(--theme-padding_x);\n  width: 100%;\n}\n/* IN ZG-BODY, LAYOUT: CARD */\n:host([parent="body"][layout="card"]) {\n  min-height: var(--zg-cell-selector-min-height_layout_card, 26px);\n  padding: 0;\n}\n:host([parent="cell"]:not([layout="card"])) {\n  box-sizing: border-box;\n  height: 100%;\n  min-height: var(--zg-cell-selector-min-height_layout_row, 47px);\n  width: 100%;\n}\n',""])},35420:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n    display: table-column-group;\n}\n:host([layout="card"]) {\n    display: block;\n}',""])},9253:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n/* The Column Resize Bar */\n:host {\n  align-items: center;\n  /**\n  * @memberof ZGColumnResize\n  * @var --zg-column-resize-background\n  * @description Sets the background of the resize handle\n  * @see background\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/GY8NY03F\n  * @shadowOnly false\n  */\n  background: var(--zg-column-resize-background, none);\n  border-radius: 2px;\n  color: var(--zg-column-resize-color);\n  cursor: ew-resize !important;\n  display: flex;\n  /**\n  * @memberof ZGColumnResize\n  * @var --zg-column-resize-height\n  * @description Sets the height of the resize handle\n  * @see height\n  * @default 40%\n  * @demoLink https://app.zingsoft.com/demos/create/18NKOWQO\n  * @shadowOnly false\n  */\n  height: var(--zg-column-resize-height, 50%);\n  justify-content: center;\n  position: absolute;\n  right: 15px;\n  /**\n  * @memberof ZGColumnResize\n  * @var --zg-column-resize-top\n  * @description Sets the top position of the resize handle\n  * @see top\n  * @default 30%\n  * @demoLink https://app.zingsoft.com/demos/create/02YVWHW2\n  * @shadowOnly false\n  */\n  top: var(--zg-column-resize-top, 25%);\n  /**\n  * @memberof ZGColumnResize\n  * @var --zg-column-resize-width\n  * @description Sets the width of the resize handle\n  * @see width\n  * @default 4px\n  * @demoLink https://app.zingsoft.com/demos/create/2BTZFOU2\n  * @shadowOnly false\n  */\n  width: var(--zg-column-resize-width, auto);\n}\n\n:host([dir="rtl"]) {\n  left: 15px;\n  right: unset;\n}\n\n/* When Pressed */\n:host(:active) {\n  background: var(--zg-column-resize-background_active, var(--theme-border-color));\n}\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n\n.zg-column-resize-handle zg-icon {\n  display: block;\n  height: 12px;\n  width: 12px;\n}\n\n.zg-column-resize-handle zg-icon svg {\n  fill: var(--zg-column-resize-color);\n}',""])},21840:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    display: table-column;\n}\n\n/* Hide if 'hidden' attribute applied */\n:host([hidden]) {\n    display: none;\n}\n\n\n/* Style the current column that is being reordered with `[drag]` */\n/* Hide if 'hidden' attribute applied */\n:host(.is-reordering) {\n  background: var(--theme-background-color);\n}\n\n/* Must explicitly unset `appearance` to avoid overrides from Bootstrap framework */\n:host([type=\"button\"]) {\n  appearance: unset !important;\n}\n\n",""])},77628:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  --zg-icon-color: var(--zg-control-bar-icon-color);\n\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-background\n  * @description Styles the background of control-bar\n  * @see background\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/8QU13CU5\n  * @shadowOnly true\n  */\n  background: var(--zg-control-bar-background);\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-border\n  * @description Styles the border of control-bar\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/A5JYDEGW\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-border-bottom\n  * @description Styles the bottom border of control-bar\n  * @see border\n  * @default var(--zg-control-bar-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/CWVOSQC7\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-control-bar-border-bottom, var(--zg-control-bar-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-border-left\n  * @description Styles the left border of control-bar\n  * @see border\n  * @default var(--zg-control-bar-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/QOCRCDUO\n  * @shadowOnly false\n  */\n  border-left: var(--zg-control-bar-border-left, var(--zg-control-bar-border, 0));\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-border-right\n  * @description Styles the right border of control-bar\n  * @see border\n  * @default var(--zg-control-bar-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/ZUGS5N4E\n  * @shadowOnly false\n  */\n  border-right: var(--zg-control-bar-border-right, var(--zg-control-bar-border, 0));\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-border-top\n  * @description Styles the top border of control-bar\n  * @see border\n  * @default var(--zg-control-bar-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/UBYLTINT\n  * @shadowOnly false\n  */\n  border-top: var(--zg-control-bar-border-top, var(--zg-control-bar-border, 0));\n  box-sizing: border-box;\n  display: block;\n  text-align: left;\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-margin\n  * @description Sets the margin of control-bar\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/S6MYCHEP\n  * @shadowOnly false\n  */\n  margin: var(--zg-control-bar-margin, 0);\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-min-height\n  * @description Sets the min-height of control bar\n  * @see min-height\n  * @default 30px\n  * @demoLink https://app.zingsoft.com/demos/create/9RT1IX7I\n  * @shadowOnly false\n  */\n  min-height: var(--zg-control-bar-min-height, 30px);\n /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-visibility\n  * @description Sets the visibility of component\n  * @see visibility\n  * @default visible\n  * @demoLink https://app.zingsoft.com/demos/create/NMVK94RD\n  * @shadowOnly false\n  */\n  visibility: var(--zg-control-bar-visibility, visible);\n\n  border-radius: var(--zg-control-bar-border-radius, 0);\n}\n/* Hide if it has [hidden] attribute */\n:host([hidden]) {\n  display: none;\n}\n\n/* Hide if it has [hidden] attribute */\n:host([hidden]) {\n  display: none;\n}\n\n/* SHADOW ELEMENT\n-------------------------------------- */\n/* Wrapper */\n.zg-control-bar {\n  align-items: center;\n  background: var(--zg-control-bar-background);\n  display: grid;\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-padding\n  * @description Sets the padding of control-bar\n  * @see padding\n  * @default 2px var(--theme-padding_x) 2px calc(var(--theme-padding_x) - 6px)\n  * @demoLink https://app.zingsoft.com/demos/create/WR596XPW\n  * @shadowOnly false\n  */\n  padding: var(--zg-control-bar-padding, 2px var(--theme-padding_x));\n  border-radius: var(--zg-control-bar-border-radius, 0);\n  grid-template-columns: fit-content(300px) 1fr fit-content(300px);\n}\n\n:host([layout="card"]) .zg-control-bar {\n  grid-template-columns: fit-content(75px) fit-content(300px) 1fr fit-content(300px);\n}\n\n.zg-control-bar-action {\n  /* min-width: 200px;*/\n  min-width: 160px;\n}\n\n/* \'Action\' Grouping - Select All, Delete All, etc. */\n.zg-control-bar-card-action {\n  align-items: center;\n  display: none;\n  margin-left: -14px;\n}\n:host([layout="card"]) .zg-control-bar-card-action {\n   display: flex; \n}\n\n/* \'Layout Type\' Grouping - Row or Card mode */\n.zg-control-bar-layout {\n  align-items: center;\n  display: flex;\n  flex: 1;\n  -grid-column: 3 / -1; /* Changed from 2 / -1 because once message moved to new row, this column would fill from col #2; we want from col #3 */\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-layout-justify-content\n  * @description Sets the horizontal alignment of contents in inner layout container\n  * @see justify-content\n  * @default flex-end\n  * @demoLink https://app.zingsoft.com/demos/create/RY0BD0RX\n  * @shadowOnly true\n  */\n  justify-content: var(--zg-control-bar-layout-justify-content, flex-end);\n  \n}\n.zg-control-bar-layout:before {\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-layout-content\n  * @description Sets the before \'content\' of inner layout container\n  * @see content\n  * @default ""\n  * @demoLink https://app.zingsoft.com/demos/create/MXM9N5T5\n  * @shadowOnly false\n  */\n  content: var(--zg-control-bar-layout-content, \'\');\n  font-size: 80%;\n  margin-left: -4px;\n  margin-right: 7px;\n}\n\n/* SLOTTED ELEMENTS\n---------------------------------------- */\n/* Select All cell */\n:host ::slotted(zg-checkbox) {\n  margin-left: 6px;\n  font-size: 90%;\n  transform: translateY(2.5px);\n}\n\n:host ::slotted(zg-separator) {\n  background-color: color-mix(in srgb, var(--theme-color-primary), white );\n  height: 13px;\n  margin: 0 0 0 8px;\n  overflow: hidden;\n  transform: translateY(7px);\n  display:none;\n  width: 0;\n}\n\n:host([dir="rtl"]) ::slotted(zg-separator) {\n  margin: 0 8px 0 0;\n}\n\n:host([dir="rtl"]) .zg-control-bar-action {\n  text-align: right;\n}\n\n:host ::slotted(#afterselect) {\n  transform: translateY(4.5px);\n  margin-right: 8px;\n}\n\n:host([batch-edit][create]) ::slotted(#beforeedit),\n:host([batch-edit]) ::slotted(#afterselect),\n:host([create]) ::slotted(#afterselect) {\n  display: inline-block;\n  width: 1px;\n}\n\n/* Hide the card mode separator if no selector is set */\n:host(:not([internal-selector])) ::slotted(#afterselect) {\n  display: none;\n}\n\n/* Batch Edit Text Label */\n:host ::slotted(zg-text) {\n  display: none;\n  padding-left: 8px;\n  padding-right: 5px;\n  font-size: 90%;\n  transform: translateY(4px);\n}\n:host([batch-edit-active]) ::slotted(zg-text) {\n  display: inline-block;\n}\n\n/* Edit Buttons */\n:host ::slotted(zg-button[action^="batch"]),\n:host ::slotted(zg-button[action$="record"]) {\n  transform: translateY(2.5px);\n}\n\n/* -- \'Batch Edit\' only */\n:host([create]) ::slotted(zg-button[action="batchedit"]) {\n  margin-inline-start: 8px;\n}\n/* -- Save Button */\n:host ::slotted(zg-button[action="batcheditsave"]) {\n  --zg-button-color: green;\n  --zg-icon-color: green;\n  margin-inline-end: 4px;\n}\n\n:host ::slotted(#unsaved) {\n  color: var(--zg-watermark-color);\n  display: inline-flex;\n  transform: translateY(1px);\n}\n\n:host([batch-edit-long-message]) .zg-control-bar-message {\n  grid-row: 2;\n  padding: 5px 0;\n  grid-column: 1 / -1;\n}\n\n:host([batch-edit-long-message]) ::slotted(#unsaved) {\n  line-height: 18px;\n}',""])},400:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {}",""])},66184:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  --zg-icon-height: 25px;\n  --zg-icon-width: 25px;\n}\n:host([open]) {}\n\n/* ELEMENTS\n-------------------------------------- */\n\n/* <dialog> content area */\n.zg-dialog-dialog {\n  align-items: center;\n  background: rgba(0, 0, 0, .6);\n  border: 0;\n  box-sizing: border-box;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  left: 0;\n  opacity: 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n  pointer-events: none;\n  position: fixed;\n  text-align: left;\n  top: 0;\n  transform: scale(1.05);\n  transition: opacity .2s,transform .1s;\n  visibility: hidden;\n  width: 100%;\n  z-index: 99999999;\n} \n.zg-dialog-dialog[open] {\n  cursor: pointer;\n  opacity: 1;\n  pointer-events: all;\n  transform: scale(1);\n  visibility: visible;\n}\n/* \n  Constrain the dialog \'mask\' to the dimensions of the grid\n  instead of device fullscreen.\n  NOTE: Also when in this mode, we don\'t block <body> scrolling (ZGDialog.js)\n*/\n:host([internal-attach]) .zg-dialog-dialog {\n  position: absolute;\n}\n\n.zg-dialog-form {\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-background\n  * @description Styles the background of dialog header\n  * @see background\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/7PR4SRRW\n  * @shadowOnly true\n  */\n  background: var(--zg-dialog-background, #fff);\n  border-radius: 2px;\n  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3), 0 4px 8px -4px rgba(0, 0, 0, 0.3);\n  cursor: default;\n  display: block;\n  left: 50% !important;\n  max-height: 80%;\n  max-width: 30rem;\n  overflow: auto;\n  padding: 1.5rem;\n  position: absolute;\n  top: 50% !important;\n  transform: translate(-50%, -50%);\n  width: 80%;\n  z-index: 100;\n}\n\n\n/* HEADER\n-------------------------------------- */\n.zg-dialog-header {\n  align-items: center;\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-background\n  * @description Styles the background of dialog header\n  * @see background\n  * @default var(--zg-dialog-background)\n  * @demoLink https://app.zingsoft.com/demos/create/G03K1B6P\n  * @shadowOnly true\n  */\n  background: var(--zg-dialog-header-background, var(--zg-dialog-background));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-border\n  * @description Styles the border of dialog header\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/FTZ4O6XG\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-border-bottom\n  * @description Styles the bottom border of dialog header\n  * @see border\n  * @default var(--zg-dialog-header-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/MGVKXZG2\n  * @shadowOnly true\n  */\n  border-bottom: var(--zg-dialog-header-border-bottom, var(--zg-dialog-header-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-border-left\n  * @description Styles the left border of dialog header\n  * @see border\n  * @default var(--zg-dialog-header-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/RW53U4MG\n  * @shadowOnly true\n  */\n  border-left: var(--zg-dialog-header-border-left, var(--zg-dialog-header-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-border-right\n  * @description Styles the right border of dialog header\n  * @see border\n  * @default var(--zg-dialog-header-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/J0L1R6CU\n  * @shadowOnly true\n  */\n  border-right: var(--zg-dialog-header-border-right, var(--zg-dialog-header-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-border-top\n  * @description Styles the top border of dialog header\n  * @see border\n  * @default var(--zg-dialog-header-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/PJO7AU08\n  * @shadowOnly true\n  */\n  border-top: var(--zg-dialog-header-border-top, var(--zg-dialog-header-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-color\n  * @description Sets the font folor of dialog header\n  * @see color\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/9HFIZO8V\n  * @shadowOnly true\n  */\n  color: var(--zg-dialog-header-color);\n  display: flex;\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-margin\n  * @description Sets the margin of dialog header\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/VBZX6FJF\n  * @shadowOnly true\n  */\n  margin: var(--zg-dialog-header-margin, 0);\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-padding\n  * @description Sets the padding of dialog header\n  * @see padding\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/W0RHP8WF\n  * @shadowOnly true\n  */\n  padding: var(--zg-dialog-header-padding, 0);\n}\n\n/* HEADER LABEL */\n.zg-dialog-label {\n  flex: 1;\n}\n\n\n/* BODY\n-------------------------------------- */\n.zg-dialog-body {\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-background\n  * @description Styles the background of dialog body\n  * @see background\n  * @default var(--zg-dialog-background)\n  * @demoLink https://app.zingsoft.com/demos/create/179BYIFU\n  * @shadowOnly true\n  */\n  background: var(--zg-dialog-body-background, var(--zg-dialog-background));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-border\n  * @description Styles the border of dialog body\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/QBM0OIM8\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-border-bottom\n  * @description Styles the bottom border of dialog body\n  * @see border\n  * @default var(--zg-dialog-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/V7GPBX6Y\n  * @shadowOnly true\n  */\n  border-bottom: var(--zg-dialog-body-border-bottom, var(--zg-dialog-body-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-border-left\n  * @description Styles the left border of dialog body\n  * @see border\n  * @default var(--zg-dialog-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/UT7PLIJD\n  * @shadowOnly true\n  */\n  border-left: var(--zg-dialog-body-border-left, var(--zg-dialog-body-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-border-right\n  * @description Styles the right border of dialog body\n  * @see border\n  * @default var(--zg-dialog-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/3N8I2IAV\n  * @shadowOnly true\n  */\n  border-right: var(--zg-dialog-body-border-right, var(--zg-dialog-body-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-border-top\n  * @description Styles the top border of dialog body\n  * @see border\n  * @default var(--zg-dialog-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/P5NH1SU5\n  * @shadowOnly true\n  */\n  border-top: var(--zg-dialog-body-border-top, var(--zg-dialog-body-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-margin\n  * @description Sets the margin of dialog body\n  * @see margin\n  * @default 10px 0\n  * @demoLink https://app.zingsoft.com/demos/create/JWPAD3TC\n  * @shadowOnly true\n  */\n  margin: var(--zg-dialog-body-margin, 0);\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-padding\n  * @description Sets the padding of dialog body\n  * @see padding\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/Z8DLXRVR\n  * @shadowOnly true\n  */\n  padding: var(--zg-dialog-body-padding, 0);\n}\n\n.zg-dialog-body[has-text] {\n  /* Don\'t add JSDoc info, it is already set above */\n  border-top: var(--zg-dialog-body-border-top, var(--zg-dialog-body-border, 1px solid var(--theme-border-color)));\n  margin: var(--zg-dialog-body-margin, 10px 0 0);\n  padding: var(--zg-dialog-body-padding, 1.25rem 0 0);\n}\n\n.zg-dialog-body[has-error] {\n  padding-top: 10px;\n}\n\n.zg-dialog-error {\n  display: none;\n  color: red;\n}\n\n.zg-dialog-body[has-error] .zg-dialog-error {\n  display: flex;\n}\n\n/* Details Row Wrapper */\n.zg-dialog-body-details-row > :first-child { margin-top:0; }\n.zg-dialog-body-details-row > :last-child { margin-bottom:0; }\n\n/* Icon Row Wrapper */\n.zg-dialog-body-icon-row {\n  align-items: flex-start;\n  display: flex;\n  margin-bottom: -6px;\n}\n.zg-dialog-body-icon-row p { margin:0; }\n\n/* Content Wrapper */\n.zg-dialog-body-content { flex:1; line-height:1.3; }\n\n/*  Insert and Edit Styles \n    Taken from ZGEditorRow.css */\n/* LABEL / INPUT WRAPPER */\n.zg-dialog-editor-row-inputs,\n.zg-dialog-editor-row-inputs * {\n  box-sizing: border-box;\n}\n/* Note: 2 column by default, 1 column in \'mobile\' viewport */\n.zg-dialog-editor-row-inputs {\n  display: var(--zg-dialog-editor-row-display, grid);\n  grid-column-gap: var(--zg-dialog-editor-row-column-gap, 1rem);\n  grid-template-columns: var(--zg-dialog-editor-row-grid-template-columns, repeat(2, 1fr));\n  flex-flow: var(--zg-dialog-editor-row-flex-flow, row wrap);\n  justify-content: var(--zg-dialog-editor-row-justify-content, space-between);\n}\n\n/* LABEL */\n.zg-dialog-editor-row-inputs label {\n  display: block;\n  position: absolute;\n}\n.zg-dialog-editor-row-inputs label {\n  /* When editing indiv cell in card mode, make cell full width */\n  display: block;\n  margin: 1rem 0 0;\n  position: relative;\n}\n.zg-dialog-editor-row-inputs label span {\n  color: var(--zg-editor-row-label-color, #949494);\n  font-size: var(--zg-editor-row-label-font-size, 12px);\n}\n/*  This must be id or class based and not tagged based or else we have the possibility of hiding user span tags */\n.zg-dialog-editor-row-inputs label .editorRowFieldLabelContent {\n  display: block;\n}\n.zg-dialog-editor-row-inputs label span {\n  display: block;\n  margin-bottom: 4px;\n  text-transform: capitalize;\n}\n\n/* INPUT */\n.zg-dialog-editor-row-inputs input {\n  background: var(--zg-input-background, #fff);\n  box-shadow: var(--zg-box-shadow, none);\n  box-sizing: border-box;\n  border-bottom: var(--zg-input-border-bottom, var(--zg-input-border, 1px solid var(--theme-border-color)));\n  border-left: var(--zg-input-border-left, var(--zg-input-border, 0));\n  border-right: var(--zg-input-border-right, var(--zg-input-border, 0));\n  border-top: var(--zg-input-border-top, var(--zg-input-border, 0));\n  color: var(--zg-input-color, var(--theme-color));\n  font-family: var(--zg-input-font-family, inherit);\n  font-size: var(--zg-input-font-size, inherit);\n  font-style: var(--zg-input-font-style, inherit);\n  font-weight: var(--zg-input-font-weight, inherit);\n  height: var(--zg-input-height, 28px);\n  line-height: var(--zg-input-line-height, inherit);\n  margin: var(--zg-input-margin, 0);\n  padding: var(--zg-editor-row-input-padding_modal, var(--zg-editor-row-input-padding, var(--zg-input-padding, 0)));\n  text-align: var(--zg-input-text-align, left);\n  transform: var(--zg-editor-row-input-transform, var(--zg-input-transform));\n  width: 100%;\n}\n\n.zg-dialog-editor-row-inputs select, textarea {\n  margin: var(--zg-input-margin, 5px 0 0 0);\n}\n\n/* -- :FOCUS */\n.zg-dialog-editor-row-inputs input:focus {\n  background: var(--zg-editor-row-input-background_modal_focus, var(--zg-input-background_focus, var(--zg-input-background, #fff))) !important;\n  border-bottom: var(--zg-editor-row-input-border-bottom_modal_focus, var(--zg-editor-row-input-border-bottom_focus, 1px solid rgba(82, 168, 236, 0.8)));\n  border-left: var(--zg-editor-row-input-border-left_modal_focus, var(--zg-editor-row-input-border-left_focus));\n  border-top: var(--zg-editor-row-input-border-top_modal_focus, var(--zg-editor-row-input-border-top_focus));\n  box-shadow: var(--zg-editor-row-input-box-shadow_modal_focus, none);\n  color: var(--zg-editor-row-input-color_modal_focus, var(--zg-editor-row-input-color_focus));\n  font-size: var(--zg-editor-row-input-font-size_modal_focus, var(--zg-editor-row-input-font-size_focus));\n  outline: none;\n  transform: var(--zg-editor-row-input-transform_focus, var(--zg-input-transform_focus));\n}\n\n.zg-dialog-editor-row-inputs .zg-validation-error {\n  background-color: red;\n  border-color: red;\n}\n\n/* TYPE: RADIO */\n.zg-dialog-editor-row-inputs .zg-editor-row-radio-wrap {\n  display: flex;\n  flex-direction: column;\n  padding: .5rem 0;\n}\n.zg-dialog-editor-row-inputs .zg-editor-row-radio-wrap > :first-child {\n  margin-top: 0; \n}\n.zg-dialog-editor-row-inputs .zg-editor-row-radio-wrap label {\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n  max-width: none;\n  margin-top:.75rem;\n}\n.zg-dialog-editor-row-inputs .zg-editor-row-radio-wrap input {\n  height: 14px;\n  width: 14px;\n}\n.zg-dialog-editor-row-inputs .zg-editor-row-radio-wrap span {\n  margin: 0 0 0 5px;\n}\n\n.zg-dialog-body-batch-edit,\n.zg-dialog-body-icon-row p {\n  color: var(--zg-dialog-body-color, #000);\n}\n\n\n/* FOOTER\n-------------------------------------- */\n.zg-dialog-footer {\n  align-items: center;\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-background\n  * @description Styles the background of dialog footer\n  * @see background\n  * @default var(--zg-dialog-background)\n  * @demoLink https://app.zingsoft.com/demos/create/H27KMSA5\n  * @shadowOnly true\n  */\n  background: var(--zg-dialog-footer-background, var(--zg-dialog-background));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-border\n  * @description Styles the border of dialog footer\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/IW16P1T1\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-border-bottom\n  * @description Styles the bottom border of dialog footer\n  * @see border\n  * @default var(--zg-dialog-footer-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/Q7VVGHZT\n  * @shadowOnly true\n  */\n  border-bottom: var(--zg-dialog-footer-border-bottom, var(--zg-dialog-footer-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-border-left\n  * @description Styles the left border of dialog footer\n  * @see border\n  * @default var(--zg-dialog-footer-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/XWEQTFFE\n  * @shadowOnly true\n  */\n  border-left: var(--zg-dialog-footer-border-left, var(--zg-dialog-footer-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-border-right\n  * @description Styles the right border of dialog footer\n  * @see border\n  * @default var(--zg-dialog-footer-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/ZSDQ13MP\n  * @shadowOnly true\n  */\n  border-right: var(--zg-dialog-footer-border-right, var(--zg-dialog-footer-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-border-top\n  * @description Styles the top border of dialog footer\n  * @see border\n  * @default var(--zg-dialog-footer-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/PJRFHAGU\n  * @shadowOnly true\n  */\n  border-top: var(--zg-dialog-footer-border-top, var(--zg-dialog-footer-border, 1px solid var(--theme-border-color)));\n  display: flex;\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-justify-content\n  * @description Sets the horizontal alignment of contents in dialog footer\n  * @see justify-content\n  * @default flex-end\n  * @demoLink https://app.zingsoft.com/demos/create/CNK0M0O8\n  * @shadowOnly true\n  */\n  justify-content: var(--zg-dialog-footer-justify-content, flex-end);\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-margin\n  * @description Sets the margin of dialog footer\n  * @see margin\n  * @default 1.25rem 0 0\n  * @demoLink https://app.zingsoft.com/demos/create/EJ1GWKJR\n  * @shadowOnly true\n  */\n  margin: var(--zg-dialog-footer-margin, 1.25rem 0 0);\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-padding\n  * @description Sets the padding of dialog footer\n  * @see padding\n  * @default .875rem 0 0\n  * @demoLink https://app.zingsoft.com/demos/create/QHF0OT6N\n  * @shadowOnly true\n  */\n  padding: var(--zg-dialog-footer-padding, .875rem 0 0);\n}\n\n/* Using explicit class names here instead of `.zg-dialog-footer button` to avoid specificity */\n.zg-dialog-cancel,\n.zg-dialog-confirm {\n  border-radius: 2px;\n  color: #fff;\n  cursor: pointer;\n  font-size: .875rem;\n  padding: .5rem .625rem;\n  text-transform: uppercase;\n}\n.zg-dialog-cancel {\n  background: var(--zg-dialog-cancel-background, var(--zg-dialog-button-backround, var(--theme-color-lighter)));\n  border-bottom: var(--zg-dialog-cancel-border-bottom, var(--zg-dialog-button-border-bottom, 1px solid var(--theme-border-color)));\n  border-left: var(--zg-dialog-cancel-border-left, var(--zg-dialog-button-border-left, 1px solid var(--theme-border-color)));\n  border-right: var(--zg-dialog-cancel-border-right, var(--zg-dialog-button-border-right, 1px solid var(--theme-border-color)));\n  border-top: var(--zg-dialog-cancel-border-top, var(--zg-dialog-button-border-top, 1px solid var(--theme-border-color)));\n  color: red;\n}\n.zg-dialog-confirm {\n  background: var(--zg-dialog-confirm-background, var(--zg-dialog-button-backround, var(--theme-color-primary)));\n  border-bottom: var(--zg-dialog-confirm-border-bottom, var(--zg-dialog-button-border-bottom, 1px solid var(--theme-color-primary)));\n  border-left: var(--zg-dialog-confirm-border-left, var(--zg-dialog-button-border-left, 1px solid var(--theme-color-primary)));\n  border-right: var(--zg-dialog-confirm-border-right, var(--zg-dialog-button-border-right, 1px solid var(--theme-color-primary)));\n  border-top: var(--zg-dialog-confirm-border-top, var(--zg-dialog-button-border-top, 1px solid var(--theme-color-primary)));\n  margin-left: 10px;\n}\n\n:host([dir="rtl"]) .zg-dialog-confirm {\n  margin-right: 10px;\n}\n\n/* Close Button */\n.zg-dialog-close {\n  background: var(--zg-dialog-close-background);\n  border: var(--zg-dialog-close-border, 1px solid var(--theme-border-color));\n  border-bottom: var(--zg-dialog-close-border-bottom, 1px solid var(--theme-border-color));\n  border-left: var(--zg-dialog-close-border-left, 1px solid var(--theme-border-color));\n  border-right: var(--zg-dialog-close-border-right, 1px solid var(--theme-border-color));\n  border-top: var(--zg-dialog-close-border-top, 1px solid var(--theme-border-color));\n  border-radius: var(--zg-dialog-close-border-radius, 4px);\n  color: var(--zg-dialog-close-color, var(--zing-grid-color));\n  cursor: pointer;\n  font-size: .875rem;\n  height: 28px;\n  text-transform: uppercase;\n  width: 28px;\n}\n.zg-dialog-close:hover {\n  background: var(--zg-dialog-close-background_hover, var(--zg-dialog-close-backgroun));\n  border: var(--zg-dialog-close-border_hover, var(--zg-dialog-close-border));\n  border-bottom: var(--zg-dialog-close-border-bottom_hover, var(--zg-dialog-close-border-bottom, 1px solid var(--theme-border-color)));\n  border-left: var(--zg-dialog-close-border-left_hover, var(--zg-dialog-close-border-left, 1px solid var(--theme-border-color)));\n  border-right: var(--zg-dialog-close-border-right_hover, var(--zg-dialog-close-border-right, 1px solid var(--theme-border-color)));\n  border-top: var(--zg-dialog-close-border-top_hover, var(--zg-dialog-close-border-top, 1px solid var(--theme-border-color)));\n  border-radius: var(--zg-dialog-close-border-radius_hover, var(--zg-dialog-close-border-radius, 4px));\n  color: var(--zg-dialog-close-color_hover, var(--zg-dialog-close-color, var(--zing-grid-color)));\n}\n\n\n/* SLOTTED CONTENT\n-------------------------------------- */\n\n/* Icon */\n:host ::slotted(zg-icon) {\n  height: var(--zg-icon-width);\n  margin-right: 15px;\n  width: var(--zg-icon-width);\n  transform: translateY(-3px);\n}\n:host ::slotted(zg-icon[name="error"]) {\n  --zg-icon-color: var(--theme-color-alert);\n}\n:host ::slotted(zg-icon[name="success"]) {\n  --zg-icon-color: var(--theme-color-success);\n}\n:host ::slotted(zg-icon[name="warning"]) {\n  --zg-icon-color: var(--theme-color-warn);\n}',""])},39003:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF (DEFAULT \'INLINE\' STYLE)\n-------------------------------------- */\n/* Not active state */\n/* The following css messes up dir=rtl  Everything seems fine without this CSS */\n /* :host {\n  position: absolute;\n  top: 0;\n} */\n\n/* Active from single-cell click */\n:host([active-cell-edit]) {\n  display: block;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* FORM */\n.zg-editor-row-wrapper {\n  box-sizing: border-box;\n  position: absolute;\n}\n\n/* LABEL / INPUT WRAPPER */\n.zg-editor-row-inputs,\n.zg-editor-row-inputs * {\n  box-sizing: border-box;\n}\n\n/* LABEL */\n.zg-editor-row-inputs label {\n  display: block;\n  position: absolute;\n  background: var(--zg-editor-row-input-background, #f5f5f5);\n}\n\n/*  This must be id or class based and not tagged based or else we have the possibility of hiding user span tags */\n.zg-editor-row-inputs label .editorRowFieldLabelContent {\n  display: none;\n}\n\n/* INPUT */\n.zg-editor-row-inputs input,\n.zg-editor-row-inputs input:focus {\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-background\n  * @description Styles the background of editor row\n  * @see background\n  * @default #f5f5f5\n  * @demoLink https://app.zingsoft.com/demos/create/3EBBN3A3\n  * @shadowOnly true\n  */\n  background: var(--zg-editor-row-input-background, #f5f5f5);\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-border\n  * @description Styles the border of editor row\n  * @see border\n  * @default 1px solid rgba(82, 168, 236, 0.8)\n  * @demoLink https://app.zingsoft.com/demos/create/O48B8R6Z\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-border-bottom\n  * @description Styles the bottom border of editor row\n  * @see border\n  * @default var(--zg-editor-row-input-border, 1px solid rgba(82, 168, 236, 0.8))\n  * @demoLink https://app.zingsoft.com/demos/create/9P6CXB0Q\n  * @shadowOnly true\n  */\n  border-bottom: var(--zg-editor-row-input-border-bottom, var(--zg-editor-row-input-border, 1px solid rgba(82, 168, 236, 0.8)));\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-border-left\n  * @description Styles the left border of editor row\n  * @see border\n  * @default var(--zg-editor-row-input-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/VF347SF8\n  * @shadowOnly true\n  */\n  border-left: var(--zg-editor-row-input-border-left, var(--zg-editor-row-input-border, 0));\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-border-right\n  * @description Styles the right border of editor row\n  * @see border\n  * @default var(--zg-editor-row-input-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/8OAHGLVE\n  * @shadowOnly true\n  */\n  border-right: var(--zg-editor-row-input-border-right, var(--zg-editor-row-input-border, 0));\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-border-top\n  * @description Styles the top border of editor row\n  * @see border\n  * @default var(--zg-editor-row-input-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/MA8A06J7\n  * @shadowOnly true\n  */\n  border-top: var(--zg-editor-row-input-border-top, var(--zg-editor-row-input-border, 0));\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-color\n  * @description Sets the font color of editor row\n  * @see color\n  * @default var(--zg-editor-row-input-color, #fff)\n  * @demoLink https://app.zingsoft.com/demos/create/QYZBZUVA\n  * @shadowOnly true\n  */\n  color: var(--zg-editor-row-input-color, #003749);\n  font-family: var(--zg-cell-font-family);\n  font-size: var(--zg-cell-font-size);\n  display: none;\n  height: 100%;\n  margin: 0;\n  outline: none;\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-padding\n  * @description Sets the padding of editor row\n  * @see padding\n  * @default 12px 15px\n  * @demoLink https://app.zingsoft.com/demos/create/9Q07P5B1\n  * @shadowOnly true\n  */\n  padding: var(--zg-editor-row-input-padding, 12px 15px);\n  transform: var(--zg-editor-row-input-transform, var(--zg-input-transform));\n  transition: font-size .5s;\n  width: calc(100% - 1px);\n}\n.zg-editor-row-inputs input:focus {\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-background_focus\n  * @default var(--theme-color-lighter)\n  * @description Styles the background of editor row input on focus\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/TUH8OZBD\n  * @shadowOnly true\n  */\n  background: var(--zg-editor-row-input-background_focus, var(--theme-color-lighter)) !important;\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-box-shadow_focus\n  * @default inset 0 0 5px #ccc\n  * @description Applies a box shadow behind editor row input on focus\n  * @see box-shadow\n  * @demoLink https://app.zingsoft.com/demos/create/NAS5WQHN\n  * @shadowOnly true\n  */\n  box-shadow: var(--zg-editor-row-input-box-shadow_focus, inset 0 0 5px #ccc);\n}\n/* Inline or Card mode \'active\' state */\n:host([active]) .zg-editor-row-inputs input:not([type="radio"]) {\n  display: block;\n}\n/* Input styling when \'edit row\' option selected */\n:host([active-cell-edit]) .zg-editor-row-inputs input,\n:host([active-row-edit]) .zg-editor-row-inputs input {\n  /* Defined below */\n  background: var(--zg-editor-row-input-background, var(--theme-color-primary));\n  /* Defined Below */\n  color: var(--zg-editor-row-input-color, #fff);\n}\n:host([active-cell-edit]) .zg-editor-row-inputs input,\n:host([active-row-edit]) .zg-editor-row-inputs input:focus {\n  /* Defined Below */\n  color: var(--zg-editor-row-input-color, var(--theme-color));\n}\n\n:host([active-cell-edit]) .zg-editor-row-inputs .zg-validation-error,\n:host([active-row-edit]) .zg-editor-row-inputs .zg-validation-error {\n  background: red;\n  border-color: red;\n}\n\n/* TYPE: COLOR */\n.zg-editor-row-inputs .zg-editor-row-color-wrap {\n  align-items:center;\n}\n/* color wrapper label */\n.zg-editor-row-inputs .zg-editor-row-color-label {\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  position: relative;\n}\n.zg-editor-row-inputs .zg-editor-row-color-label + .zg-editor-row-color-label {\n  margin-left: 10px;\n}\n/* color input */\n.zg-editor-row-inputs .zg-editor-row-color-picker {\n  background: none;\n  border: 1px solid transparent;\n  border-radius: 2px;\n  cursor: pointer;\n  display: inline-block;\n  height: 16px;\n  width: 16px;\n  padding: 0;\n}\n:host([active]) .zg-editor-row-inputs input[type="color"] {\n  visibility: hidden;\n  height: 100%;\n  width: 100%;\n}\n:host([active]) .zg-editor-row-inputs .zg-editor-row-color-picker + span {\n  padding-left: 7px;\n}\n\n/* TYPE: RADIO */\n/* Radio wrapper */\n.zg-editor-row-inputs .zg-editor-row-color-wrap,\n.zg-editor-row-inputs .zg-editor-row-radio-wrap {\n  background: var(--zg-editor-row-input-background_focus, var(--theme-color-lighter));\n  border-bottom: var(--zg-editor-row-input-border-bottom, var(--zg-editor-row-input-border, 1px solid rgba(82, 168, 236, 0.8)));\n  box-shadow: var(--zg-editor-row-input-box-shadow_focus, inset 0 0 5px #ccc);\n  display: flex;\n  height: 100%;\n  padding: 0 0 0 var(--theme-padding_x);\n}\n/* Radio wrapper label */\n.zg-editor-row-inputs .zg-editor-row-radio-label {\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  position: relative;\n  background: transparent;\n}\n.zg-editor-row-inputs .zg-editor-row-radio-label + .zg-editor-row-radio-label {\n  margin-left: 10px;\n}\n/* Radio input */\n:host([active]) .zg-editor-row-inputs input[type="radio"] {\n  border-radius: 50%;\n  cursor: pointer;\n  display: inline-block;\n  height: 14px;\n  width: 14px;\n}\n:host([active]) .zg-editor-row-inputs input[type="radio"] + span {\n  padding-left: 5px;\n}\n\n/* SELECT */\n.zg-editor-row-inputs select {\n  cursor: pointer;\n  height: calc(100% - 10px);\n  font-size: var(--zing-grid-font-size);\n  margin: 5px;\n  text-indent: 8px;\n  width: calc(100% - 5px);\n}\n/* Multi-select */\n.zg-editor-row-inputs select[multiple] option {\n  padding: 2px 0;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n',""])},11538:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  background-clip: padding-box;\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-background\n  * @description Styles the background of filter\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/G1WKUNFJ\n  * @shadowOnly false\n  */\n  background: var(--zg-filter-background);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-border\n  * @description Styles the border of filter\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/MTNYLV9O\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-border-bottom\n  * @description Styles the bottom border of filter\n  * @see border\n  * @default var(--zg-filter-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/6OQCF137\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-filter-border-bottom, var(--zg-filter-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-border-left\n  * @description Styles the left border of filter\n  * @see border\n  * @default var(--zg-filter-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/9Z63KCAD\n  * @shadowOnly false\n  */\n  border-left: var(--zg-filter-border-left, var(--zg-filter-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-border-right\n  * @description Styles the right border of filter\n  * @see border\n  * @default var(--zg-filter-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/YDKKR5TJ\n  * @shadowOnly false\n  */\n  border-right: var(--zg-filter-border-right, var(--zg-filter-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-border-top\n  * @description Styles the top border of filter\n  * @see border\n  * @default var(--zg-filter-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/I2QLWMWS\n  * @shadowOnly false\n  */\n  border-top: var(--zg-filter-border-top, var(--zg-filter-border, 1px solid var(--theme-border-color)));\n  box-sizing: border-box;\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-color\n  * @description Sets the font color of text inputted in filter\n  * @see color\n  * @default var(--theme-color_alt)\n  * @demoLink https://app.zingsoft.com/demos/create/E7L28DOF\n  * @shadowOnly false\n  */\n  color: var(--zg-filter-color, var(--theme-color_alt));\n  display: table-cell;\n  overflow: hidden;\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-height\n  * @description Sets the height of filter\n  * @see height\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/QCSOKQE2\n  * @shadowOnly true\n  */\n  height: var(--zg-filter-height);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-padding\n  * @description Sets the padding of the filter\n  * @see padding\n  * @default A cell's left and right padding\n  * @demoLink https://app.zingsoft.com/demos/create/2LNX65ZJ\n  * @shadowOnly true\n  */\n  padding: var(--zg-filter-padding, 0);\n  position: relative;\n  text-align: left;\n  vertical-align: middle;\n  /* The z-index here and on zg-head-cell is necessary for vertical grid lines with frozen columns */\n  z-index: 1;\n}\n\n/* When parent column is currently sorted */\n:host([sorted]) {\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-background_sorted\n  * @description Styles the background color of filter when the column in sorted\n  * @see background-color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/WX39XEJ1\n  * @shadowOnly false\n  */\n  background-color: var(--zg-filter-background_sorted);\n  border-bottom: var(--zg-filter-border-bottom_sorted);\n  border-left: var(--zg-filter-border-left_sorted);\n  border-right: var(--zg-filter-border-right_sorted);\n  border-top: var(--zg-filter-border-top_sorted);\n}\n\n/* Hide if 'hidden' attribute applied */\n:host([hidden]) {\n  display: none;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Wrapper */\n.zg-filter-wrapper {\n  align-items: center;\n  display: flex;\n  height: var(--zg-filter-height);\n}\n\n/* Inner Wrapper */\n.zg-filter-inner {\n  align-items: center;\n  display: inline-flex;\n  height: 100%;\n  justify-content: flex-start;\n  vertical-align: middle;\n  width: 100%;\n}\n\n/* FILTER INPUT CELL ALIGNMENT */\n/* Center */\n:host([align=\"center\"]) .zg-filter-inner {\n  justify-content: center;\n}\n\n/* Left - Note: This is the current default and can be omitted */\n:host([align=\"left\"]) .zg-filter-inner {\n  justify-content: flex-start;\n}\n\n/* Right */\n:host([align=\"right\"]) .zg-filter-inner {\n  justify-content: flex-end;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(div) {\n  width: 100%;\n}\n\n/* FILTER: INPUT */\n/* TODO: Somewhere it is hardcoding an inline 'width' style. This should be removed */\n:host ::slotted(input) {\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-background\n  * @description Styles the background of input field in filter\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  * @shadowOnly false\n  */\n  background: var(--zg-filter-input-background);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border\n  * @description Styles the border of input field in filter\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/SXRIBL17\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-bottom\n  * @description Styles the bottom border of input field in filter\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/Z1COSRGD\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-filter-input-border-bottom, var(--zg-filter-input-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-left\n  * @description Styles the left border of input field in filter\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/2Z1YS7PH\n  * @shadowOnly false\n  */\n  border-left: var(--zg-filter-input-border-left, var(--zg-filter-input-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-right\n  * @description Styles the right border of input field in filter\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/JD0COXK4\n  * @shadowOnly false\n  */\n  border-right: var(--zg-filter-input-border-right, var(--zg-filter-input-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-top\n  * @description Styles the top border of input field in filter\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/KRUW31YG\n  * @shadowOnly false\n  */\n  border-top: var(--zg-filter-input-border-top, var(--zg-filter-input-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-radius\n  * @description Applies a border radius to filter input\n  * @default Browser's default value\n  * @see border-radius\n  * @demoLink https://app.zingsoft.com/demos/create/6ILPV59X\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-filter-input-border-radius);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-color\n  * @description Styles the font color of text in input field of filter\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/0BWT9HA7\n  * @shadowOnly false\n  */\n  color: var(--zg-filter-input-color);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-font-size\n  * @description Sets the font size of filter input\n  * @default Browser's default value\n  * @see font-size\n  * @demoLink https://app.zingsoft.com/demos/create/04EEADGO\n  * @shadowOnly false\n  */\n  font-size: var(--zg-filter-input-font-size);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-height\n  * @description Sets the height of input field in filter. May need to set --zg-filter-height if input field is height is larger than height of filter.\n  * @see height\n  * @default 20px\n  * @demoLink https://app.zingsoft.com/demos/create/3E22SKBU\n  * @shadowOnly false\n  */\n  height: var(--zg-filter-input-height, 20px);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-margin\n  * @description Sets the margin of filter input\n  * @see margin\n  * @default 0 var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/0BWT9HA7\n  * @shadowOnly false\n  */\n  margin: var(--zg-filter-input-margin, 0 var(--theme-padding_x));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-padding\n  * @description Sets the padding of input field in filter. . May need to set --zg-filter-height if input field is height is larger than height of filter.\n  * @see padding\n  * @default 0 0 0 5px\n  * @demoLink https://app.zingsoft.com/demos/create/5GPABPO2\n  * @shadowOnly false\n  */\n  padding: var(--zg-filter-input-padding, 0 0 0 5px);\n  width: 70% !important;\n  max-width: 240px !important;\n}\n\n:host([dir=\"rtl\"]) ::slotted(input) {\n  padding: var(--zg-filter-input-padding, 0 5px 0 0);\n}\n\n:host([sorted]) ::slotted(input) {\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-background_sorted\n  * @description Styles the background of input field in filter when sorted\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/0TAT4J8P\n  * @shadowOnly false\n  */\n  background: var(--zg-filter-input-background_sorted, var(--zg-filter-input-background));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border_sorted\n  * @description Styles the border of input field in filter when sorted\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/MFR4CCYN\n  * @shadowOnly false\n  */\n  border: var(--zg-filter-input-border_sorted, var(--zg-filter-input-border));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-bottom_sorted\n  * @description Styles the bottom border of input field in filter when sorted\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/WFPS5S7O\n  * @shadowOnly false\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-filter-input-border-bottom_sorted, var(--zg-filter-input-border-bottom, var(--zg-filter-input-border_sorted, var(--zg-filter-input-border))));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-left_sorted\n  * @description Styles the left border of input field in filter when sorted\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/QRJ8CB5I\n  * @shadowOnly false\n  */\n  border-left: var(--zg-filter-input-border-left_sorted, var(--zg-filter-input-border-left, var(--zg-filter-input-border_sorted, var(--zg-filter-input-border, inherit))));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-right_sorted\n  * @description Styles the right border of input field in filter when sorted\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/IWA4XX9B\n  * @shadowOnly false\n  */\n  border-right: var(--zg-filter-input-border-right_sorted, var(--zg-filter-input-border-right, var(--zg-filter-input-border_sorted, var(--zg-filter-input-border, inherit))));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-top_sorted\n  * @description Styles the top border of input field in filter when sorted\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/O83MW4X2\n  * @shadowOnly false\n  */\n  border-top: var(--zg-filter-input-border-top_sorted, var(--zg-filter-input-border-top, var(--zg-filter-input-border_sorted, var(--zg-filter-input-border, inherit))));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-radius_sorted\n  * @description Applies border radius to filter input when sorted\n  * @default Browser's default value\n  * @see border-radius\n  * @demoLink https://app.zingsoft.com/demos/create/YLATIXYW\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-filter-input-border-radius_sorted, var(--zg-filter-input-border-radius));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-color_sorted\n  * @description Styles the font color of text in input field of filter when sorted\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/9GRVADYL\n  * @shadowOnly false\n  */\n  color: var(--zg-filter-input-color_sorted, var(--zg-filter-input-color));\n}\n\n:host ::slotted(input[type=\"checkbox\"]) {\n  width: 24px !important;\n}\n\n\n/* FILTER: SELECT */\n:host ::slotted(select) {\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-select-color\n  * @description Styles the font color of text in the select dropdown filter\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/9GRVADYL\n  * @shadowOnly false\n  */\n  color: var(--zg-filter-select-color, var(--zg-filter-input-color));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-select-font-size\n  * @description Sets the font size of the select dropdown filter\n  * @default Browser's default value\n  * @see font-size\n  * @demoLink https://app.zingsoft.com/demos/create/7GR5F9EJ\n  * @shadowOnly false\n  */\n  font-size: var(--zg-filter-select-font-size, var(--zg-filter-input-font-size));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-select-height\n  * @description Sets the height of the select dropdown filter\n  * @see height\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/1FM6QEGK\n  * @shadowOnly false\n  */\n  height: var(--zg-filter-select-height, var(--zg-filter-input-height));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-select-margin\n  * @description Sets the margin of the select dropdown filter\n  * @see margin\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/B8M40OM8\n  * @shadowOnly false\n  */\n  margin: var(--zg-filter-select-margin, var(--zg-filter-input-margin, 0 var(--theme-padding_x)));\n  width: var(--zg-filter-select-width, var(--zg-filter-input-width, 70%));\n}\n\n/* Style the current column that is being reordered with `[column-drag]` */\n:host(.is-reordering) {\n  background: var(--theme-background-color);\n}",""])},9530:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Wrapper */\n.zg-focus-wrapper {\n    left: 0;\n    position: absolute;\n    top: 0;\n}\n/* Border Elements */\n:host [class*="zg-focus-"] {\n    position: absolute;\n    z-index: 10;\n    /*transition: all var(--zg-focus-transition_speed, 0.1s);*/\n}\n.zg-focus-bottom {\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-border\n    * @description Styles the border of cells on focus\n    * @see border\n    * @default 2px solid var(--theme-color-primary)\n    * @demoLink https://app.zingsoft.com/demos/create/OBOGAYLI\n    * @shadowOnly true\n    */\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-border-bottom\n    * @description Sets the bottom border of cells on focus\n    * @see border\n    * @default var(--zg-focus-border, 2px solid var(--theme-color-primary))\n    * @demoLink https://app.zingsoft.com/demos/create/UKS4GLIB\n    * @shadowOnly true\n    */\n    border-bottom: var(--zg-focus-border-bottom, var(--zg-focus-border, 2px solid var(--theme-color-primary)));\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-bottom-transform\n    * @description Sets the transform of bottom border of cells on focus\n    * @see transform\n    * @default none\n    * @demoLink https://app.zingsoft.com/demos/create/463BLSLE\n    * @shadowOnly true\n    */\n    transform: var(--zg-focus-bottom-transform, none);\n}\n.zg-focus-left {\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-border-left\n    * @description Sets the left border of cells on focus\n    * @see border\n    * @default var(--zg-focus-border, 2px solid var(--theme-color-primary))\n    * @demoLink https://app.zingsoft.com/demos/create/0S69YQQ1\n    * @shadowOnly true\n    */\n    border-left: var(--zg-focus-border-left, var(--zg-focus-border, 2px solid var(--theme-color-primary)));\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-left-transform\n    * @description Sets the transform of left border of cells on focus\n    * @see transform\n    * @default none\n    * @demoLink https://app.zingsoft.com/demos/create/KZ23KZP1\n    * @shadowOnly true\n    */\n    transform: var(--zg-focus-left-transform, none);\n}\n.zg-focus-right {\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-border-right\n    * @description Sets the right border of cells on focus\n    * @see border\n    * @default var(--zg-focus-border, 2px solid var(--theme-color-primary))\n    * @demoLink https://app.zingsoft.com/demos/create/RCL5RW0I\n    * @shadowOnly true\n    */\n    border-right: var(--zg-focus-border-right, var(--zg-focus-border, 2px solid var(--theme-color-primary)));\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-right-transform\n    * @description Sets the transform of right border of cells on focus\n    * @see transform\n    * @default none\n    * @demoLink https://app.zingsoft.com/demos/create/C5WLZKW8\n    * @shadowOnly true\n    */\n    transform: var(--zg-focus-right-transform, none);\n}\n.zg-focus-top {\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-border-top\n    * @description Sets the top border of cells on focus\n    * @see border\n    * @default var(--zg-focus-border, 2px solid var(--theme-color-primary))\n    * @demoLink https://app.zingsoft.com/demos/create/XNXNZ5X2\n    * @shadowOnly true\n    */\n    border-top: var(--zg-focus-border-top, var(--zg-focus-border, 2px solid var(--theme-color-primary)));\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-top-transform\n    * @description Sets the transform of top border of cells on focus\n    * @see transform\n    * @default none\n    * @demoLink https://app.zingsoft.com/demos/create/FU5AB2MU\n    * @shadowOnly true\n    */\n    transform: var(--zg-focus-top-transform, none);\n}',""])},14299:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-background\n  * @description Styles the background of grid foot\n  * @default Browser\'s default value\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/5NW1UUJB\n  * @shadowOnly false\n  * @storyAlert recommend:--zg-foot-padding:25px\n  */\n  background: var(--zg-foot-background);\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-border\n  * @description Styles the border of grid foot\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/GJKYV9E6\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-border-bottom\n  * @description Styles the bottom border of grid foot\n  * @see border\n  * @default var(--zg-foot-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FRJXV4YB\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-foot-border-bottom, var(--zg-foot-border, 0));\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-border-left\n  * @description Styles the left border of grid foot\n  * @see border\n  * @default var(--zg-foot-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/VYNWYDXA\n  * @shadowOnly false\n  */\n  border-left: var(--zg-foot-border-left, var(--zg-foot-border, 0));\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-border-right\n  * @description Styles the right border of grid foot\n  * @see border\n  * @default var(--zg-foot-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/4YL86H63\n  * @shadowOnly false\n  */\n  border-right: var(--zg-foot-border-right, var(--zg-foot-border, 0));\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-border-top\n  * @description Styles the top border of grid foot\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/906SOMMP\n  * @default var(--zg-foot-border, 0)\n  * @shadowOnly false\n  */\n  border-top: var(--zg-foot-border-top, var(--zg-foot-border, 0));\n  box-sizing: border-box;\n  display: block;\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-height\n  * @description Sets the height of grid foot\n  * @see height\n  * @demoLink https://app.zingsoft.com/demos/create/NIOBJEMN\n  * @default auto\n  * @shadowOnly false\n  */\n  height: var(--zg-foot-height, auto);\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-padding\n  * @description Sets the padding of grid foot\n  * @see padding\n  * @demoLink https://app.zingsoft.com/demos/create/XA3FXCSI\n  * @default 0\n  * @shadowOnly false\n  */\n  padding: var(--zg-foot-padding, 0);\n}\n\n/* SLOTTED\n-------------------------------------- */\n/* Layout: Card */\n:host([layout="card"]) {\n    display: none;\n}\n\n\n/* All Rows */\n:host ::slotted(zg-row) {\n  /* NOTE: Do not jsDocs these as they are the same as the ZGHead ones */\n  background: var(--zg-row-head-background, var(--zg-head-background));\n  border-bottom: var(--zg-row-head-border-bottom, var(--zg-row-head-border, var(--zg-row-border-bottom, var(--zg-row-border, var(--zg-row-border, 0)))));\n  border-left: var(--zg-row-head-border-left, var(--zg-row-head-border, var(--zg-row-border-left, var(--zg-row-border, var(--zg-row-border, 0)))));\n  border-right: var(--zg-row-head-border-right, var(--zg-row-head-border, var(--zg-row-border-right, var(--zg-row-border, var(--zg-row-border, 0)))));\n  border-top: var(--zg-row-head-border-top, var(--zg-row-head-border, var(--zg-row-border-top, var(--zg-row-border, var(--zg-row-border, 1px solid var(--theme-border-color))))));\n  color: var(--zg-row-head-color, var(--zg-row-color));\n  display: flex;\n  position: relative;\n}\n\n:host ::slotted(zg-row:hover) {\n  background: var(--zg-row-head-background_hover);\n  color: var(--zg-row-head-color_hover, var(--zg-row-color_hover));\n}\n/* Even Rows */\n:host ::slotted(zg-row:nth-of-type(even)) {\n  background: var(--zg-row-head-background_even, var(--zg-row-head-background, var(--zg-head-background)));\n  color: var(--zg-row-head-color_even, var(--zg-row-head-color, var(--zg-row-color)));\n  min-height: var(--zg-row-head-height_even, var(--zg-row-head-height, var(--zg-row-height)));\n}\n:host ::slotted(zg-row:nth-of-type(even):hover) {\n  background: var(--zg-row-head-background_even_hover, var(--zg-row-head-background_hover, var(--zg-head-background_hover)));\n  color: var(--zg-row-head-color_even_hover, var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n/* Odd Rows */\n:host ::slotted(zg-row:nth-of-type(odd)) {\n  background: var(--zg-row-head-background_odd, var(--zg-row-head-background, var(--zg-head-background)));\n  color: var(--zg-row-head-color_odd, var(--zg-row-head-color, var(--zg-row-color)));\n  min-height: var(--zg-row-head-height_odd, var(--zg-row-head-height, var(--zg-row-height)));\n}\n:host ::slotted(zg-row:nth-of-type(odd):hover){\n  background: var(--zg-row-head-background_odd_hover, var(--zg-row-head-background_hover, var(--zg-head-background_hover)));\n  color: var(--zg-row-head-color_odd_hover, var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n\n/* AGGREGATE */\n:host ::slotted(zg-row[type=aggregate]) {\n  background: var(--zg-row-background_foot_aggregate, var(--zg-row-background_aggregate, var(--zg-row-background, auto)));\n  border-bottom: var(--zg-row-border-bottom_foot_aggregate, var(--zg-row-border-bottom_aggregate, var(--zg-row-border-bottom, auto)));\n  border-left: var(--zg-row-border-left_foot_aggregate, var(--zg-row-border-left_aggregate, var(--zg-row-border-left, auto)));\n  border-right: var(--zg-row-border-right_foot_aggregate, var(--zg-row-border-right_aggregate, var(--zg-row-border-right, auto)));\n  border-top: var(--zg-row-border-top_foot_aggregate, var(--zg-row-border-top_aggregate, var(--zg-row-border-top, auto)));\n  color: var(--zg-row-color_foot_aggregate, var(--zg-row-color_aggregate, var(--zg-row-color, auto)));\n  min-height: var(--zg-row-height_foot_aggregate, var(--zg-row-height_aggregate, var(--zg-row-height, auto)));\n}\n\n/* FROZEN */\n:host ::slotted(zg-row[type=frozen]) {\n  background: var(--zg-row-background_foot_frozen, var(--zg-row-background_frozen, var(--zg-row-background, auto)));\n  border-bottom: var(--zg-row-border-bottom_foot_frozen, var(--zg-row-border-bottom_frozen, var(--zg-row-border-bottom, auto)));\n  border-left: var(--zg-row-border-left_foot_frozen, var(--zg-row-border-left_frozen, var(--zg-row-border-left, auto)));\n  border-right: var(--zg-row-border-right_foot_frozen, var(--zg-row-border-right_frozen, var(--zg-row-border-right, auto)));\n  border-top: var(--zg-row-border-top_foot_frozen, var(--zg-row-border-top_frozen, var(--zg-row-border-top, auto)));\n  color: var(--zg-row-color_foot_frozen, var(--zg-row-color_frozen, var(--zg-row-color, auto)));\n}\n\n/*  In the case of zebra, we have to set the class so that we can use the header and footer data rows */\n:host ::slotted(zg-row.zebra-2) {\n  background: var(--theme-background-zebra, var(--zg-row-head-background, var(--zg-head-background)));\n}',""])},17470:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGFooter\n  * @var --zg-footer-background\n  * @description Styles the background of footer\n  * @default 0\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/0EVTA5YN\n  * @shadowOnly false\n  */\n  background: var(--zg-footer-background);\n  /**\n  * @memberof ZGFooter\n  * @var --zg-footer-border-bottom\n  * @description Styles the bottom border of footer\n  * @default var(--zg-footer-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/PUY88M0U\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-footer-border-bottom, var(--zg-footer-border, 0));\n  /**\n  * @memberof ZGFooter\n  * @var --zg-footer-border-left\n  * @description Styles the left border of footer\n  * @default var(--zg-footer-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/V3H9QB6G\n  * @shadowOnly false\n  */\n  border-left: var(--zg-footer-border-left, var(--zg-footer-border, 0));\n  /**\n  * @memberof ZGFooter\n  * @var --zg-footer-border-right\n  * @description Styles the right border of footer\n  * @default var(--zg-footer-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/TAJ68HA9\n  * @shadowOnly false\n  */\n  border-right: var(--zg-footer-border-right, var(--zg-footer-border, 0));\n  /**\n  * @memberof ZGFooter\n  * @var --zg-footer-border-top\n  * @description Styles the top border of footer\n  * @default var(--zg-footer-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/FMUNXOES\n  * @shadowOnly false\n  */\n  border-top: var(--zg-footer-border-top, var(--zg-footer-border, 0));\n  display: block;\n  z-index: 2;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */",""])},15539:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* Styling Wrappers\n * These independent wrapper divs sit on top of the grid to facilitate the frozen column visual look.\n * Since columns are split vertically into 3 rows (head, body, foot) there is no singular element\n * that wraps to form a column for styling, so we create artificial ones.\n * Their width is calculated (js) to match the current width of the matching frozen column,\n * otherwise the rest of the positioning/styling is handled with CSS (as of this writing).\n*/\n:host {\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-freeze-style-border\n  * @default 1px solid #d6e9ff\n  * @see border\n  * @description Styles the border of the frozen column styling element\n  * @demoLink https://app.zingsoft.com/demos/create/PPZ5PJ0L\n  * @shadowOnly false\n  */\n  border: var(--zing-grid-freeze-style-border, 1px solid #d6e9ff);\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-freeze-style-box-shadow\n  * @default inset 0 0 6px #99caff\n  * @see box-shadow\n  * @description Styles the box-shadow of the frozen column styling element\n  * @demoLink https://app.zingsoft.com/demos/create/KNJN315S\n  * @shadowOnly false\n  */\n  box-shadow: var(--zing-grid-freeze-style-box-shadow, inset 0 0 6px #99caff);\n\tpointer-events: none;\n\tposition: absolute;\n\theight: 100%;\n\ttop: 0;\n\tz-index: 1;\n}",""])},40512:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  background-clip: padding-box;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-background\n  * @description Styles the background of head cells\n  * @see background\n  * @default transparent\n  * @demoLink https://app.zingsoft.com/demos/create/5217Z4FJ\n  * @shadowOnly false\n  */\n  background: var(--zg-head-cell-background);\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border\n  * @description Styles the border of head cells\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/SX3TZT8V\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-bottom\n  * @description Styles the bottom border of head cells\n  * @see border\n  * @default var(--zg-head-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/DGH901RE\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-head-cell-border-bottom, var(--zg-head-cell-border, 0));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-left\n  * @description Styles the left border of head cells\n  * @see border\n  * @default var(--zg-head-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/YCA4IWR7\n  * @shadowOnly false\n  */\n  border-left: var(--zg-head-cell-border-left, var(--zg-head-cell-border, 0));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-right\n  * @description Styles the right border of head cells\n  * @see border\n  * @default var(--zg-head-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/04L65K0J\n  * @shadowOnly false\n  */\n  border-right: var(--zg-head-cell-border-right, var(--zg-head-cell-border, 0));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-top\n  * @description Styles the top border of head cells\n  * @see border\n  * @default var(--zg-head-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/8M5QYK55\n  * @shadowOnly false\n  */\n  border-top: var(--zg-head-cell-border-top, var(--zg-head-cell-border, 0));\n  box-sizing: border-box;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-color\n  * @description Sets the font color of head cells\n  * @see color\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/MOTKNFI7\n  * @shadowOnly false\n  */\n  color: var(--zg-head-cell-color);\n  display: flex;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-font-family\n  * @description Sets the font family of head cells\n  * @see font-family\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/O1EIWZE1\n  * @shadowOnly false\n  */\n  font-family: var(--zg-head-cell-font-family);\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-font-size\n  * @description Sets the font size of head cells\n  * @see font-size\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/UWQF6LZV\n  * @shadowOnly false\n  */\n  font-size: var(--zg-head-cell-font-size, var(--zing-grid-font-size));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-font-weight\n  * @description Sets the font weight of head cells\n  * @see font-weight\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/2LOCXCAB\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-head-cell-font-weight, var(--zing-grid-font-weight, 500));\n  /* overflow: hidden; */\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-padding\n  * @description Sets the padding of head cells\n  * @see padding\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/YEEKXD9Z\n  * @shadowOnly false\n  */\n  padding: var(--zg-head-cell-padding);\n  position: relative;\n  text-align: left;\n  top: 0;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-transition\n  * @description Sets the transition of head cells\n  * @see transition\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/5VYSMZ3T\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  transition: var(--zg-head-cell-transition);\n  vertical-align: middle;\n  /* The z-index here and on zg-filter is necessary for vertical grid lines with frozen columns */\n  z-index: 1;\n}\n\n/* Hover */ \n:host(:hover) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-background_hover\n  * @description Styles the background of head cells on hover\n  * @see background\n  * @default var(--zg-head-cell-background\n  * @demoLink https://app.zingsoft.com/demos/create/I05OFWBJ\n  * @shadowOnly false\n  */\n  background: var(--zg-head-cell-background_hover, var(--zg-head-cell-background));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-color_hover\n  * @default var(--zg-head-cell-color)\n  * @description Sets the font color of head cells on hover\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/ICS004MX\n  * @shadowOnly false\n  */\n  color: var(--zg-head-cell-color_hover, var(--zg-head-cell-color));\n  /* Set so tooltip appears above other head cells */\n  z-index: 2;\n}\n\n\n\n/* SPLIT PARENT\n-------------------------------------- */\n/* Split header, dynamically generated parent cells */\n:host([parent][depth="1"]) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-background\n  * @description Styles the background of parent head cells\n  * @see background\n  * @default var(--zg-head-cell-background)\n  * @demoLink https://app.zingsoft.com/demos/create/34TZMCUN\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  background: var(--zg-head-cell-parent-background, var(--zg-head-cell-background));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-border\n  * @description Styles the border of parent head cells\n  * @see border\n  * @default var(--zg-head-cell-border-bottom, var(--zg-head-cell-border, 1px solid var(--theme-border-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/J34P5J1C\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-border-bottom\n  * @description Styles the bottom border of parent head cells\n  * @see border\n  * @default var(--zg-head-cell-parent-border, var(--zg-head-cell-border-bottom, var(--zg-head-cell-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/B0M2Q9JO\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  border-bottom: var(--zg-head-cell-parent-border-bottom, var(--zg-head-cell-parent-border, var(--zg-head-cell-border-bottom, var(--zg-head-cell-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-border-left\n  * @description Styles the left border of parent head cells\n  * @see border\n  * @default var(--zg-head-cell-parent-border, var(--zg-head-cell-border-left, var(--zg-head-cell-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/8HS4D09Y\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  border-left: var(--zg-head-cell-parent-border-left, var(--zg-head-cell-parent-border, var(--zg-head-cell-border-left, var(--zg-head-cell-border))));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-border-right\n  * @description Styles the right border of parent head cells\n  * @see border\n  * @default var(--zg-head-cell-parent-border, var(--zg-head-cell-border-right, var(--zg-head-cell-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/J0AQFH0Z\n  * @shadowOnly false\n  */\n  border-right: var(--zg-head-cell-parent-border-right, var(--zg-head-cell-parent-border, var(--zg-head-cell-border-right, var(--zg-head-cell-border))));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-border-top\n  * @description Styles the top border of parent head cells\n  * @see border\n  * @default var(--zg-head-cell-parent-border, var(--zg-head-cell-border-top, var(--zg-head-cell-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/ECL23JR1\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  border-top: var(--zg-head-cell-parent-border-top, var(--zg-head-cell-parent-border, var(--zg-head-cell-border-top, var(--zg-head-cell-border))));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-color\n  * @default var(--zg-head-cell-color)\n  * @description Sets the font color of parent head cells\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/0Z3W1AR3\n  * @shadowOnly false\n  */\n  color: var(--zg-head-cell-parent-color, var(--zg-head-cell-color));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-font-size\n  * @description Sets the font-size of parent head cells\n  * @see font-size\n  * @default var(--zg-head-cell-font-size)\n  * @demoLink https://app.zingsoft.com/demos/create/8BVKTKQO\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  font-size: var(--zg-head-cell-parent-font-size, var(--zg-head-cell-font-size));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-font-weight\n  * @description Sets the font weight of parent head cells\n  * @see font-weight\n  * @default var(--zg-h -cell-font-weight)\n  * @demoLink https://app.zingsoft.com/demos/create/T658V69Y\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  font-weight: var(--zg-head-cell-parent-font-weight, var(--zg-head-cell-font-weight));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-padding\n  * @description Sets the padding of parent head cells\n  * @see padding\n  * @default var(--zg-head-cell-padding)\n  * @demoLink https://app.zingsoft.com/demos/create/JAH3NI1F\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  padding: var(--zg-head-cell-parent-padding, var(--zg-head-cell-padding));\n}\n:host([parent][depth="1"]:hover) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-background_hover\n  * @description Styles the background of parent head cells on hover\n  * @see background\n  * @default var(--zg-head-cell-background_hover)\n  * @demoLink https://app.zingsoft.com/demos/create/Y16SOZ0Y\n  * @shadowOnly false\n  */\n  background: var(--zg-head-cell-parent-background_hover, var(--zg-head-cell-background_hover)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-color_hover\n  * @default var(--zg-head-cell-color_hover)\n  * @description Sets the font color of parent head cells on hover\n  * @default var(--zg-head-cell-color_hover, var(--zg-head-cell-color))\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/YSGAZGLF\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  color: var(--zg-head-cell-parent-color_hover, var(--zg-head-cell-color_hover, var(--zg-head-cell-color)));\n}\n/* Empty cell next to [parent] cells. Removed styling so they don\'t conflict w/ calcs */\n:host([not-parent]) {\n  padding: 0;\n}\n\n/* SPECIAL STYLING FOR \'SELECTOR\' TYPE\n---------------------------------------- */\n:host([type="selector"]) {\n  padding: 0;\n}\n\n\n/* DRAGGING\n-------------------------------------- */\n:host([column-drag]) {\n  cursor: move;\n}\n/* Style the current column that is being reordered with `[column-drag]` */\n:host(.is-reordering) {\n  background: var(--theme-background-color);\n}\n\n\n\n/* RESIZING\n-------------------------------------- */\n/* \n  Column Resizer\n  Hide on load. Only show if: \n  - Column header hovered \n  - ZG has [column-resizable-persistent]\n  - Individual ZGColumn has [resize-persistent]\n*/\n:host ::slotted(zg-column-resize) {\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity .15s;\n}\n:host([resize-persistent]) ::slotted(zg-column-resize),\n:host(:hover) ::slotted(zg-column-resize) {\n  opacity: 1;\n  visibility: visible;\n}\n\n\n\n/* ZING-GRID ALLOWED TO SORT COLUMNS\n-------------------------------------- */\n\n/* If current cell\'s \'column\' is currently sorted, allow custom column styling */\n:host([sort-asc]),\n:host([sort-desc]) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-background_sorted\n  * @description Styles the background of sorted head cells\n  * @see background\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/F7W6O5Y8\n  * @shadowOnly false\n  */\n  background: var(--zg-head-cell-background_sorted, inherit) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border_sorted\n  * @description Styles the border of sorted head cells\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/NJHYC5BT\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-bottom_sorted\n  * @description Styles the bottom border of sorted head cells\n  * @see border\n  * @default var(--zg-head-cell-border_sorted, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/7J8IXN3Q\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-head-cell-border-bottom_sorted, var(--zg-head-cell-border_sorted, 0)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-left_sorted\n  * @description Styles the left border of sorted head cells\n  * @see border\n  * @default var(--zg-head-cell-border_sorted, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/86HPGI9W\n  * @shadowOnly false\n  */\n  border-left: var(--zg-head-cell-border-left_sorted, var(--zg-head-cell-border_sorted, 0)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-right_sorted\n  * @description Styles the right border of sorted head cells\n  * @see border\n  * @default var(--zg-head-cell-border_sorted, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/PUMKY3AA\n  * @shadowOnly false\n  */\n  border-right: var(--zg-head-cell-border-right_sorted, var(--zg-head-cell-border_sorted, 0)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-top_sorted\n  * @description Styles the top border of sorted head cells\n  * @see border\n  * @default var(--zg-head-cell-border_sorted, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/CGQ6DGYI\n  * @shadowOnly false\n  */\n  border-top: var(--zg-head-cell-border-top_sorted, var(--zg-head-cell-border_sorted, 0)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-color_sorted\n  * @description Sets the font color of sorted head cells\n  * @default var(--zg-head-cell-color)\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/XZEPKE31\n  * @shadowOnly false\n  */\n  color: var(--zg-head-cell-color_sorted, var(--zg-head-cell-color)) !important;\n  z-index: 1;\n}\n\n/* Sorted Hover */\n:host([sort-asc]:hover),\n:host([sort-desc]:hover) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-background_sorted_hover\n  * @description Styles the background of sorted head cells on hover\n  * @see background\n  * @default var(--zg-head-cell-background_sorted, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/A4RMGO6M\n  * @shadowOnly false\n  */\n  background: var(--zg-head-cell-background_sorted_hover, var(--zg-head-cell-background_sorted, inherit)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-bottom_sorted_hover\n  * @description Styles the bottom border of sorted head cells on hover\n  * @see border\n  * @default var(--zg-head-cell-border-bottom_sorted, var(--zg-head-cell-border_sorted, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/9NEF2EKA\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-head-cell-border-bottom_sorted_hover, var(--zg-head-cell-border-bottom_sorted, var(--zg-head-cell-border_sorted, 0))) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-left_sorted_hover\n  * @description Styles the left border of sorted head cells on hover\n  * @see border\n  * @default var(--zg-head-cell-border-left_sorted, var(--zg-head-cell-border_sorted, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/U7Q6173N\n  * @shadowOnly false\n  */\n  border-left: var(--zg-head-cell-border-left_sorted_hover, var(--zg-head-cell-border-left_sorted, var(--zg-head-cell-border_sorted, 0))) !important;\n  border-right: var(--zg-head-cell-border-right_sorted, var(--zg-head-cell-border-right_sorted, var(--zg-head-cell-border_sorted, 0))) !important;\n  border-top: var(--zg-head-cell-border-top_sorted, var(--zg-head-cell-border-top_sorted, var(--zg-head-cell-border_sorted, 0))) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-color_sorted_hover\n  * @description Sets the font color of sorted head cells on hover\n  * @default var(--zg-head-cell-color_sorted, var(--zg-head-cell-color))\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/FKHQA0MI\n  * @shadowOnly false\n  */\n  color: var(--zg-head-cell-color_sorted_hover, var(--zg-head-cell-color_sorted, var(--zg-head-cell-color))) !important;\n}\n\n/* <zg-head-cell>s that aren\'t sortable shouldn\'t get a hover color */\n:host([sort="false"]:hover) {\n  background: var(--zg-head-cell-background, transparent);\n  border-bottom: var(--zg-head-cell-border-bottom, var(--zg-head-cell-border, 0));\n  border-left: var(--zg-head-cell-border-left, var(--zg-head-cell-border, 0));\n  border-right: var(--zg-head-cell-border-right, var(--zg-head-cell-border, 0));\n  border-top: var(--zg-head-cell-border-top, var(--zg-head-cell-border, 0));\n}\n:host([sort="false"][parent]:hover) {\n  background: var(--zg-head-cell-parent-background_hover) !important;\n  border-bottom: var(--zg-head-cell-parent-border-bottom_hover, var(--zg-head-cell-parent-border_hover));\n  border-left: var(--zg-head-cell-parent-border-left_hover, var(--zg-head-cell-parent-border_hover));\n  border-right: var(--zg-head-cell-parent-border-right_hover, var(--zg-head-cell-parent-border_hover));\n  border-top: var(--zg-head-cell-parent-border-top_hover, var(--zg-head-cell-parent-border_hover));\n}\n\n/* Hide if \'hidden\' attribute applied */\n:host([hidden]) {\n  display: none;\n}\n\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Inner Cell Wrapper */\n.zg-head-cell {\n  display: flex;\n  width: 100%;\n}\n/* \'Selector\' checkbox cell */\n:host([type="selector"]) .zg-head-cell {\n  align-items: center;\n  display: flex;\n}\n\n/* Inner Wrapper */\n.zg-head-cell-inner {\n  align-items: center;\n  display: inline-flex;\n  height: 100%;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-justify-content\n  * @description Sets the horizontal alignment of contents in head cells\n  * @see justify-content\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/M1I5BGRD\n  * @shadowOnly true\n  */\n  justify-content: var(--zg-head-cell-justify-content);\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-inner-padding\n  * @description Sets the padding of head cells inner content\n  * @see padding\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/KW2O5OZH\n  * @shadowOnly false\n  */\n  padding: var(--zg-head-cell-inner-padding);\n  vertical-align: middle;\n  width: 100%;\n}\n/* CELL ALIGNMENT */\n/* Center (If not a parent (not multi-header rows), or is a parent header, but not the first depth) */\n:host([align="center"]:not([parent])) .zg-head-cell-inner,\n:host([align="center"][parent]:not([depth="1"])) .zg-head-cell-inner {\n  justify-content: center;\n}\n/* Left (If not a parent (not multi-header rows), or is a parent header, but not the first depth) */\n:host([align="left"]:not([parent])) .zg-head-cell-inner,\n:host([align="left"][parent]:not([depth="1"])) .zg-head-cell-inner {\n  justify-content: flex-start;\n}\n/* Right (If not a parent (not multi-header rows), or is a parent header, but not the first depth) */\n:host([align="right"]:not([parent])) .zg-head-cell-inner,\n:host([align="right"][parent]:not([depth="1"])) .zg-head-cell-inner {\n  justify-content: flex-end;\n}\n\n\n\n/* TOOLTIP - ALL\n-------------------------------------- */\n:host([tooltip-type]) {\n  line-height: normal !important;\n}\n/* For testing and unit tests, so tooltip when the header cell has `.hover` applied */\n:host(.hover) ::slotted(zg-tooltip) {\n  display: block;\n}\n\n\n/* TOOLTIP - \'INFO\' TYPE STYLING\n-------------------------------------- */\n/* Info Icon Styling */\n:host([tooltip-type]) ::slotted(zg-icon) {\n  flex: none;\n}\n/* Type: Click */\n:host([tooltip-action="click"]) ::slotted(zg-icon) {\n  cursor: pointer;\n}\n\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* SORT ICON */\n:host ::slotted(.zg-head-icon) {\n  overflow: hidden;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-icon-margin\n  * @description Sets the margin of child icons in head cells\n  * @default Browser\'s default value\n  * @see margin\n  * @demoLink https://app.zingsoft.com/demos/create/GGPPE0Q1\n  * @shadowOnly false\n  */\n  margin: var(--zg-head-cell-icon-margin);\n  transform: scale(.8);\n  transition: width .2s cubic-bezier(.05,.69,.14,1);\n}\n/* Auto-hide and set null footprint for icon\'s without a [name] set */\n:host ::slotted(.zg-head-icon:not([name])) {\n  display: none;\n  width: 1px;\n}\n/* When it actually has an icon [type] */\n:host ::slotted(.zg-head-icon[name]) {\n  display: initial;\n}\n\n/* Keep on the right edge when grid set to `[dir="rtl"]` */\n:host([dir="rtl"]) ::slotted(.zg-head-icon) {\n  margin-right: 0;\n  margin-left: 3px;\n  transform:translateX(5px);\n}\n:host([align="left"][dir="rtl"]) ::slotted(.zg-head-icon[name]),\n:host([align="right"][dir="rtl"]) ::slotted(.zg-head-icon[name]) {\n  margin-left: 0;\n}\n:host([align="center"]:not([dir="rtl"])) ::slotted(.zg-head-icon[name]) {\n  margin-right: auto;\n}\n\n:host([not-parent]) ::slotted(.zg-head-icon) {\n  display:none;\n}\n\n/* When column is sorted */\n:host ::slotted([name="down"]),\n:host ::slotted([name="up"]) {\n  overflow: visible;\n  transform: scale(1);\n  width: var(--zg-icon-width) !important;\n}\n:host ::slotted([name="down"]) svg,\n:host ::slotted([name="up"]) svg {\n  fill: var(--zg-icon-color_sorted, inherit);\n}\n\n:host([not-parent]) ::slotted(.zg-head-icon) {\n  display:none;\n}\n\n\n/* CELL TEXT */\n:host ::slotted([data-field-index]) {\n  line-height: var(--zg-head-cell-data-line-height, 1.1);\n  position: relative;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  z-index: 1;\n}\n\n\n/* \n  When the header text is wider than the column width, set items to allow ellipses and to cutoff the text.\n  Note: we must unset the position or the tooltip will be cutoff as well.\n  Since the text goes all the way to the right edge, the tooltip changes from being placed right next to the text \n  (default behavior and why we removed overflow:hidden from always applying) to being placed at the right of the cell.\n*/\n:host([is-content-longer]) ::slotted([data-field-index]) {\n  overflow: hidden;\n  position: unset;\n}\n:host([type="selector"]:not([layout="card"])) ::slotted([data-field-index]) {\n  height: 100%;\n  line-height: 1;\n  width: 100%;\n  z-index: 1;\n}\n/* Column set to `align="right"` */\n:host([align="right"]:not([dir="rtl"])) ::slotted([data-field-index]) {\n  margin-left: auto;\n}\n:host([align="right"][dir="rtl"][tooltip-icon-position="after-text"]) ::slotted([data-field-index]),\n:host([align="right"][dir="rtl"][tooltip-icon-position="right"]) ::slotted([data-field-index]) {\n  flex: 1;\n}\n/* Column set to `align="center"` */\n:host([align="center"][tooltip-icon-position="left"]) ::slotted([data-field-index]),\n:host([align="center"][tooltip-icon-position="right"]) ::slotted([data-field-index]) {\n  flex: 1;\n  text-align: center;\n}\n\n\n/* DETAILS ICON (TOOLTIP) */\n:host ::slotted(.zg-head-details-icon) {\n  cursor: default !important;\n  flex: 1 0 auto;\n  overflow: hidden;\n  margin: 0;\n  transform: scale(.8) translate(4px, -1px);\n  transition: width .2s cubic-bezier(.05,.69,.14,1);\n}\n:host([tooltip-action="click"]) ::slotted(.zg-head-details-icon) {\n  cursor: pointer !important;\n}\n/* Auto-hide and set null footprint for icon\'s without a [name] set */\n:host ::slotted(.zg-head-details-icon:not([name])) {\n  display: none;\n  width: 1px;\n}\n\n\n/* POSITION: AFTER TEXT */\n:host ::slotted(.zg-head-details-icon[position="after-text"]) {\n  order: 1;\n}\n\n:host([align="center"]:not([dir="rtl"])) ::slotted(.zg-head-details-icon[position="after-text"]) {\n  /*  This makes the header text not be centered.  I don\'t know what it is used for\n  margin-right: auto;\n  */\n}\n:host([dir="rtl"]) ::slotted(.zg-head-details-icon[position="after-text"]) {\n  margin-right: 6px;\n}\n:host([align="right"][dir="rtl"]) ::slotted(.zg-head-details-icon[position="after-text"]) {\n  margin-left: -6px;\n}\n\n\n/* POSITION: LEFT-EDGE */\n:host ::slotted(.zg-head-details-icon[position="left"]) {\n  margin-right: 6px;\n  margin-left: -6px;\n}\n:host([align="center"]) ::slotted(.zg-head-details-icon[position="left"]) {\n  margin-right: auto;\n}\n:host([align="center"]:not([dir="rtl"])) ::slotted(.zg-head-details-icon[position="left"]) {\n  margin-left: -2px;\n}\n:host([align="left"][dir="rtl"]) ::slotted(.zg-head-details-icon[position="left"]) {\n  margin-left: 0;\n  margin-right: 0;\n}\n:host([align="right"][dir="rtl"]) ::slotted(.zg-head-details-icon[position="left"]) {\n  margin-left: auto;\n  margin-right: 0;\n}\n\n\n/* POSITION: RIGHT-EDGE */\n:host ::slotted(.zg-head-details-icon[position="right"]) {\n  order: 1;\n  margin-left: auto;\n}\n:host([dir="rtl"]) ::slotted(.zg-head-details-icon[position="right"]) {\n  margin-left: -6px;\n  margin-right: auto;\n}\n:host([align="right"]) ::slotted(.zg-head-details-icon[position="right"]) {\n  margin-left: 0;\n}\n\n:host([align="right"][dir="rtl"]) ::slotted(.zg-head-details-icon[position="right"]) {\n  margin-left: -6px;\n  margin-right: 6px;\n}\n',""])},31395:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-background\n  * @description Styles the background of grid head rows\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/CO1P3ZJI\n  * @shadowOnly false\n  */\n  background: var(--zg-head-background);\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border\n  * @description Styles the border of grid head rows\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/12I3VYOI\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border-bottom\n  * @description Styles the bottom border of grid head rows\n  * @see border\n  * @default var(--zg-head-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/4G7I1G9M\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-head-border-bottom, var(--zg-head-border, 0));\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border-left\n  * @description Styles the left border of grid head rows\n  * @see border\n  * @default var(--zg-head-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/CM2MSBIS\n  * @shadowOnly false\n  */\n  border-left: var(--zg-head-border-left, var(--zg-head-border, 0));\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border-right\n  * @description Styles the right border of grid head rows\n  * @see border\n  * @default var(--zg-head-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/89L6VL2X\n  * @shadowOnly false\n  */\n  border-right: var(--zg-head-border-right, var(--zg-head-border, 0));\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border-top\n  * @description Styles the top border of grid head rows\n  * @see border\n  * @default var(--zg-head-border)\n  * @demoLink https://app.zingsoft.com/demos/create/Y25A4K13\n  * @shadowOnly false\n  */\n  border-top: var(--zg-head-border-top, var(--zg-head-border));\n  display: block;\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border-radius\n  * @description Styles the border-radius of grid head rows\n  * @see border-radius\n  * @default var(--zg-head-border-radius)\n  * @demoLink https://app.zingsoft.com/demos/create/Y25A4K13\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-head-border-radius, 0);\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-visibility\n  * @description Sets the visibility of grid head rows\n  * @see visibility\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6LA6GMQ7\n  * @shadowOnly false\n  */\n  visibility: var(--zg-head-visibility);\n  box-sizing: border-box;\n}\n\n/* SLOTTED\n-------------------------------------- */\n/* Layout: Card */\n:host([layout=\"card\"]) {\n    display: none;\n}\n\n/* All Rows */\n:host ::slotted(zg-row) {\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background\n  * @description Styles the background of grid head rows\n  * @see background\n  * @default var(--zg-head-background)\n  * @demoLink https://app.zingsoft.com/demos/create/T8UI8JED\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background, var(--zg-head-background));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-border\n  * @description Styles the border of row\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/W9UFLHOX\n  * @default 0\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-border-bottom\n  * @description Styles the bottom border of row\n  * @see border\n  * @default var(--zg-row-border, var(--zg-row-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/6ZQGCDWL\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-border\n  * @description Styles the border of grid head rows\n  * @see border\n  * @default var(--zg-row-border-bottom, var(--zg-row-border, var(--zg-row-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/8GTM3CE7\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-border-bottom\n  * @description Styles the bottom border of grid head rows\n  * @see border\n  * @default var(--zg-row-head-border, var(--zg-row-border-bottom, var(--zg-row-border, var(--zg-row-border, 0))))\n  * @demoLink https://app.zingsoft.com/demos/create/UG4IJY7N\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-row-head-border-bottom, var(--zg-row-head-border, var(--zg-row-border-bottom, var(--zg-row-border, var(--zg-row-border, 0)))));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-border-left\n  * @description Styles the left border of grid head rows\n  * @see border\n  * @default var(--zg-row-head-border, var(--zg-row-border-left, var(--zg-row-border, var(--zg-row-border, 0))))\n  * @demoLink https://app.zingsoft.com/demos/create/FN1JN1YH\n  * @shadowOnly false\n  */\n  border-left: var(--zg-row-head-border-left, var(--zg-row-head-border, var(--zg-row-border-left, var(--zg-row-border, var(--zg-row-border, 0)))));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-border-right\n  * @description Styles the right border of grid head rows\n  * @see border\n  * @default var(--zg-row-head-border, var(--zg-row-border-right, var(--zg-row-border, var(--zg-row-border, 0))))\n  * @demoLink https://app.zingsoft.com/demos/create/B52RNC1C\n  * @shadowOnly false\n  */\n  border-right: var(--zg-row-head-border-right, var(--zg-row-head-border, var(--zg-row-border-right, var(--zg-row-border, var(--zg-row-border, 0)))));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-border-top\n  * @description Styles the top border of grid head rows\n  * @see border\n  * @default var(--zg-row-head-border, var(--zg-row-border-top, var(--zg-row-border, var(--zg-row-border, 0))))\n  * @demoLink https://app.zingsoft.com/demos/create/9WUUNY7A\n  * @shadowOnly false\n  */\n  border-top: var(--zg-row-head-border-top, var(--zg-row-head-border, var(--zg-row-border-top, var(--zg-row-border, var(--zg-row-border, 0)))));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color\n  * @description Styles the font color of grid head rows\n  * @default var(--zg-row-color)\n  * @demoLink https://app.zingsoft.com/demos/create/XNSFRPXK\n  * @see color\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color, var(--zg-row-color));\n  display: flex;\n  position: relative;\n}\n\n:host ::slotted(zg-row:hover) {\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background_hover\n  * @description Styles the background of grid head rows on hover\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/WEG2YAI2\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background_hover);\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color_hover\n  * @description Styles the font color of grid head rows on hover\n  * @see color\n  * @default var(--zg-row-color_hover)\n  * @demoLink https://app.zingsoft.com/demos/create/AB7QQ2HJ\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color_hover, var(--zg-row-color_hover));\n}\n/* Even Rows */\n:host ::slotted(zg-row:nth-of-type(even)) {\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background_even\n  * @description Styles the background of 'even' grid head rows\n  * @see background\n  * @default var(--zg-row-head-background, var(--zg-head-background))\n  * @demoLink https://app.zingsoft.com/demos/create/SFSLBH2B\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background_even, var(--zg-row-head-background, var(--zg-head-background)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color_even\n  * @description Styles the font color of 'even' grid head rows\n  * @see color\n  * @default var(--zg-row-head-color, var(--zg-row-color))\n  * @demoLink https://app.zingsoft.com/demos/create/MVTLQ6OY\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color_even, var(--zg-row-head-color, var(--zg-row-color)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-height_even\n  * @description Sets the height of 'even' grid head rows\n  * @see height\n  * @default var(--zg-row-head-height, var(--zg-row-height))\n  * @demoLink https://app.zingsoft.com/demos/create/ZJKCHBEN\n  * @shadowOnly false\n  */\n  min-height: var(--zg-row-head-height_even, var(--zg-row-head-height, var(--zg-row-height)));\n}\n:host ::slotted(zg-row:nth-of-type(even):hover) {\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background_even_hover\n  * @description Styles the background of 'even' grid head rows on hover\n  * @see background\n  * @default var(--zg-row-head-background_hover, var(--zg-head-background_hover))\n  * @demoLink https://app.zingsoft.com/demos/create/NTNFHUQO\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background_even_hover, var(--zg-row-head-background_hover, var(--zg-head-background_hover)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color_even_hover\n  * @description Styles the font color of 'even' grid head rows on hover\n  * @see color\n  * @default var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/R7N097DV\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color_even_hover, var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n/* Odd Rows */\n:host ::slotted(zg-row:nth-of-type(odd)) {\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background_odd\n  * @description Styles the background of 'odd' grid head rows\n  * @see background\n  * @default var(--zg-row-head-background, var(--zg-head-background))\n  * @demoLink https://app.zingsoft.com/demos/create/P3C6STNW\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background_odd, var(--zg-row-head-background, var(--zg-head-background)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color_odd\n  * @description Sets the font color of 'odd' grid head rows\n  * @see color\n  * @default var(--zg-row-head-color, var(--zg-row-color))\n  * @demoLink https://app.zingsoft.com/demos/create/ORCFAHM5\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color_odd, var(--zg-row-head-color, var(--zg-row-color)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-height_odd\n  * @description Sets the height of 'odd' grid head rows\n  * @see height\n  * @default var(--zg-row-head-height, var(--zg-row-height))\n  * @demoLink https://app.zingsoft.com/demos/create/HR7CPKI6\n  * @shadowOnly false\n  */\n  min-height: var(--zg-row-head-height_odd, var(--zg-row-head-height, var(--zg-row-height)));\n}\n:host ::slotted(zg-row:nth-of-type(odd):hover){\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background_odd_hover\n  * @description Styles the background of 'odd' grid head rows on hover\n  * @see background\n  * @default var(--zg-row-head-background_hover, var(--zg-head-background_hover))\n  * @demoLink https://app.zingsoft.com/demos/create/V416TJNV\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background_odd_hover, var(--zg-row-head-background_hover, var(--zg-head-background_hover)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color_odd_hover\n  * @description Styles the font color of 'odd' grid head rows on hover\n  * @see color\n  * @default var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/CFKT71C3\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color_odd_hover, var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n\n/* First Row styling */\n:host ::slotted(zg-row:first-of-type){\n  border-radius: var(--zg-head-border-radius, 0);\n}\n\n/*  Vertical gridlines still need horizontal gridlines in header */\n:host ::slotted(zg-row:last-child[gridlines-vertical]) {\n  --zg-row-head-border-bottom: 1px solid var(--theme-border-color);\n  --zg-cell-border-bottom_aggregate: 1px solid var(--theme-border-color);\n  --zg-cell-border-bottom_frozen: 1px solid var(--theme-border-color);\n}\n\n:host ::slotted(zg-row:last-child[gridlines-horizontal]) {\n  --zg-row-head-border-bottom: unset;\n  --zg-cell-border-bottom_aggregate: unset;\n  --zg-cell-border-bottom_frozen: unset;\n}\n\n/* ZG-FILTER */\n:host ::slotted(zg-row[type=\"filter\"]),\n:host ::slotted(zg-row[type=\"filter\"]:hover) {\n  min-height: var(--zg-filter-height);\n  background: var(--zg-row-background_filter, var(--zg-row-background, auto));\n  /*  Had to remove this line for ticket #652\n  border-top: var(--zg-filter-border-top, var(--zg-filter-border, 1px solid var(--theme-border-color))); */\n}\n\n/* AGGREGATE */\n:host ::slotted(zg-row[type=aggregate]),\n:host ::slotted(zg-row[type=aggregate]:hover) {\n  background: var(--zg-row-background_head_aggregate, var(--zg-row-background_aggregate, var(--zg-row-background, auto)));\n  border-bottom: var(--zg-cell-border-bottom_aggregate, var(--zg-cell-border-bottom, var(--zg-cell-border, 0)));\n  border-left: var(--zg-cell-border-left_aggregate, var(--zg-cell-border-left, var(--zg-cell-border, 0)));\n  border-right: var(--zg-cell-border-right_aggregate, var(--zg-cell-border-right, var(--zg-cell-border, 0)));\n  border-top: var(--zg-cell-border-top_aggregate, var(--zg-cell-border-top, var(--zg-cell-border, 0)));\n  color: var(--zg-row-color_head_aggregate, var(--zg-row-color_aggregate, var(--zg-row-color, auto)));\n  min-height: var(--zg-row-height_head_aggregate, var(--zg-row-height_aggregate, var(--zg-row-height, auto)));\n}\n\n/* FROZEN */\n:host ::slotted(zg-row[type=frozen]),\n:host ::slotted(zg-row[type=frozen]:hover) {\n  background: var(--zg-row-background_head_frozen, var(--zg-row-background_frozen, var(--zg-row-background, auto)));\n  border-bottom: var(--zg-cell-border-bottom_frozen, var(--zg-cell-border-bottom, var(--zg-cell-border, 0)));\n  border-left: var(--zg-cell-border-left_frozen, var(--zg-cell-border-left, var(--zg-cell-border, 0)));\n  border-right: var(--zg-cell-border-right_frozen, var(--zg-cell-border-right, var(--zg-cell-border, 0)));\n  border-top: var(--zg-cell-border-top_frozen, var(--zg-cell-border-top, var(--zg-cell-border, 0)));\n  color: var(--zg-row-color_head_frozen, var(--zg-row-color_frozen, var(--zg-row-color, auto)));\n}\n\n/*  In the case of zebra, we have to set the class so that we can use the header and footer data rows */\n:host ::slotted(zg-row.zebra-2) {\n  background: var(--theme-background-zebra, var(--zg-row-head-background, var(--zg-head-background)));\n}\n\n:host ::slotted(zg-row[internal-top]) {\n  border-top: 0px;\n}\n",""])},13175:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-background\n  * @description Styles the background of header\n  * @default Browser's default value\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/RNK9KGL1\n  * @shadowOnly false\n  */\n  background: var(--zg-header-background);\n   /**\n  * @memberof ZGHeader\n  * @var --zg-header-border\n  * @description Styles the border of header\n  * @default 0\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/D3AD1LTZ\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-border-bottom\n  * @description Styles the bottom border of header\n  * @default var(--zg-header-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/ZOYVLTTM\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-header-border-bottom, var(--zg-header-border, 0));\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-border-left\n  * @description Styles the left border of header\n  * @default var(--zg-header-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/AMLDCFOE\n  * @shadowOnly false\n  */\n  border-left: var(--zg-header-border-left, var(--zg-header-border, 0));\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-border-right\n  * @description Styles the right border of header\n  * @default var(--zg-header-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/XCB64506\n  * @shadowOnly false\n  */\n  border-right: var(--zg-header-border-right, var(--zg-header-border, 0));\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-border-top\n  * @description Styles the top border of header\n  * @default var(--zg-header-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/7UN98I97\n  * @shadowOnly false\n  */\n  border-top: var(--zg-header-border-top, var(--zg-header-border, 0));\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-border-radius\n  * @description Applies border radius to header\n  * @default 0\n  * @see border-radius\n  * @demoLink https://app.zingsoft.com/demos/create/J5P8R36J\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-header-border-radius, 0);\n  display: block;\n  z-index: 2;\n}",""])},86675:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  display: inline-block;\n  /**\n  * @memberof ZGIcon\n  * @var --zg-icon-height\n  * @description Sets the height of icon. Also set width using --zg-icon-width to scale icon.\n  * @see height\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/35ELYFHO\n  * @shadowOnly false\n  */\n  height: var(--zg-icon-height);\n  line-height: 1rem;\n  overflow: hidden;\n  position: relative;\n  vertical-align: top;\n  /**\n  * @memberof ZGIcon\n  * @var --zg-icon-width\n  * @description Sets the width of icon. Also set height using --zg-icon-height to scale icon.\n  * @see width\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/QN5FK1OU\n  * @shadowOnly false\n  */\n  width: var(--zg-icon-width);\n}\n:host([hidden]) {\n  display: none;\n}\n\n/* If it has [init], set the child svg color to a muted color */\n:host([init]) ::slotted(svg) {\n  /**\n  * @memberof ZGIcon\n  * @var --zg-icon-init-fill\n  * @description Sets fill color of icon when element has\n  * [init] attribute. This indicates that column is sortable.\n  * The [init] is removed when column is sorted.\n  * @default Browser\'s default value\n  * @see fill\n  * @demoLink https://app.zingsoft.com/demos/create/K3C0AD5K\n  * @shadowOnly false\n  */\n  fill: var(--zg-icon-init-fill) !important;\n}\n\n/* CURSOR-BASED PAGINATION STYLING\n-------------------------------------- */\n:host([type="cursor"]) ::slotted(svg) {\n  --zg-icon-color: #fff;\n  transform: translateX(1px);\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(*) {\n  pointer-events: none;\n}\n\n/* Default SVG */\n:host ::slotted(svg) {\n  /**\n  * @memberof ZGIcon\n  * @var --zg-icon-color\n  * @description Sets the fill color of icon\n  * @see fill\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/QP3CK186\n  * @shadowOnly false\n  */\n  fill: var(--zg-icon-color, var(--theme-color-primary));\n}\n:host:not([internal-status]) ::slotted(svg) {\n  height: inherit;\n  left: 0;\n  pointer-events: none;\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n/* \n  Do not fill the parent svg for some icons \n  See conditional in ZGIcon.js (\'deselect\')\n*/\n:host ::slotted(svg[no-fill]) {\n  fill: none;\n}\n\n/* FONT AWESOME */\n/* User-defined FONT AWESOME (Ex: <zing-grid icon-set="fontawesome") */\n/* Format: <i class="fas fa-exclamation-circle"></i> */\n/* \'.fas\' is the consistent item so we trigger that */\n:host ::slotted(.fas) {\n  color: var(--zg-icon-color, var(--theme-color-primary));\n}\n:host ::slotted(.fas):before {\n  font-size: calc(var(--zg-icon-width) - 2px);\n}\n\n/* WHEN SLOTTED INTO OTHER COMPONENTS\n---------------------------------------- */\n\n/* ZG-CAPTION: <zg-caption> */\n:host([internal-caption]) {\n  align-self: var(--zg-caption-toolbar-align-self, var(--zg-caption-align-items, center));\n  /* For internal use only */\n  height: var(--zg-caption-icon-height, var(--zg-icon-height));\n  /* For internal use only */\n  width: var(--zg-caption-icon-width, var(--zg-icon-width));\n}\n\n:host([internal-caption]) ::slotted(svg) {\n  /* For internal use only */\n  fill: var(--zg-caption-icon-color, var(--zg-icon-color));\n}\n\n/* ZG-HEAD-CELL: <zg-head-cell> */\n/* -- When cell is currently sorted */\n:host([sort-asc]) ::slotted(svg),\n:host([sort-desc]) ::slotted(svg) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-icon-color_sorted\n  * @description Sets the fill color of icon in sorted head cells\n  * @see fill\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/I4QTA64O\n  * @shadowOnly false\n  */\n  fill: var(--zg-head-cell-icon-color_sorted, var(--theme-color));\n}\n\n/* ZG-STATUS: <zg-status> */\n:host([internal-status]) ::slotted(svg) {\n  /* For internal use only */\n  fill: var(--zg-status-icon-color, #fff);\n}\n\n:host([name="info"]),\n:host([internal-cell]) {\n  vertical-align: middle;\n}',""])},90845:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host([action]) {\n  display: block;\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-height\n  * @description Sets the height of input field\n  * @see height\n  * @default 28px\n  * @demoLink https://app.zingsoft.com/demos/create/B0P81J0Q\n  * @shadowOnly true\n  */\n  height: var(--zg-input-height, 28px);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-width\n  * @description Sets the width of input field\n  * @see width\n  * @default 28px\n  * @demoLink https://app.zingsoft.com/demos/create/SCCSW2QV\n  * @shadowOnly true\n  */\n  width: var(--zg-input-width, 28px);\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(input) {\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-background\n  * @description Styles the background of input field\n  * @see background\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/QTKU281K\n  * @shadowOnly false\n  */\n  background: var(--zg-input-background, #fff);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border\n  * @description Styles the border of input field\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/DDD2BCSL\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-bottom\n  * @description Styles the bottom border of input field\n  * @see border\n  * @default var(--zg-input-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/MDMU28K6\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-input-border-bottom, var(--zg-input-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-left\n  * @description Styles the left border of input field\n  * @see border\n  * @default var(--zg-input-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/JLCD44RA\n  * @shadowOnly false\n  */\n  border-left: var(--zg-input-border-left, var(--zg-input-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-right\n  * @description Styles the right border of input field\n  * @see border\n  * @default var(--zg-input-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/8A95H8P7\n  * @shadowOnly false\n  */\n  border-right: var(--zg-input-border-right, var(--zg-input-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-top\n  * @description Styles the top border of input field\n  * @see border\n  * @default var(--zg-input-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/LCS35KDI\n  * @shadowOnly false\n  */\n  border-top: var(--zg-input-border-top, var(--zg-input-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-radius\n  * @description Applies a border radius to the input\n  * @default Browser's default value\n  * @see border-radius\n  * @demoLink https://app.zingsoft.com/demos/create/EPJYLC6I\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-input-border-radius);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-box-shadow\n  * @description Applies a box shadow behind input field\n  * @see box-shadow\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/18VIQFAN\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-input-box-shadow, none);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-color\n  * @description Sets the font color of input field\n  * @see color\n  * @default var(--zing-grid-color, var(--theme-color))\n  * @demoLink https://app.zingsoft.com/demos/create/XOU2K69C\n  * @shadowOnly false\n  */\n  color: var(--zg-input-color, var(--theme-color_alt));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-font-family\n  * @description Sets the font family of input field\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/T5ZCU5MK\n  * @shadowOnly false\n  */\n  font-family: var(--zg-input-font-family, inherit);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-font-size\n  * @description Sets the font size of input field\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/2N4JCUM7\n  * @shadowOnly false\n  */\n  font-size: var(--zg-input-font-size, var(--theme-font-size));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-font-style\n  * @description Sets the font style of input field\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/23LLZSPN\n  * @shadowOnly false\n  */\n  font-style: var(--zg-input-font-style, inherit);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-font-weight\n  * @description Sets the font weight of input field\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/D4KPNBOE\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-input-font-weight, inherit);\n  height: var(--zg-input-height, 28px);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-line-height\n  * @description Sets the line height of input field\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/4S3RA0D1\n  * @shadowOnly true\n  */\n  line-height: var(--zg-input-line-height, inherit);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-margin\n  * @description Sets the margin of input field\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/QIT4GPWJ\n  * @shadowOnly false\n  */\n  margin: var(--zg-input-margin, 0);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-padding\n  * @description Sets the padding of input field\n  * @see padding\n  * @default 0 6px\n  * @demoLink https://app.zingsoft.com/demos/create/6YX1BW65\n  * @shadowOnly false\n  */\n  padding: var(--zg-input-padding, 0 6px);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-text-align\n  * @description Sets the text alignment of input field\n  * @see text-align\n  * @default center\n  * @demoLink https://app.zingsoft.com/demos/create/19KNP52I\n  * @shadowOnly false\n  */\n  text-align: var(--zg-input-text-align, left);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-transform\n  * @description Sets the transform of input field\n  * @see transform\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/OSSRVJZZ\n  * @shadowOnly false\n  */\n  transform: var(--zg-input-transform);\n\n  width: var(--zg-input-width, auto);\n}\n\n:host([action]) ::slotted(input) {\n  color: var(--zg-input-color, var(--theme-color));\n  font-size: var(--zg-input-font-size, inherit);\n  padding: var(--zg-input-padding, 0);\n  text-align: center;\n  width: var(--zg-input-width, 100%);\n}\n\n:host ::slotted(input:focus) {\n  background: var(--zg-input-background_focus, #fff);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border_focus\n  * @description Styles the border of input field on focus\n  * @see border\n  * @default 1px solid rgba(82, 168, 236, 0.8)\n  * @demoLink https://app.zingsoft.com/demos/create/I3GK9SS3\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-bottom_focus\n  * @description Styles the bottom border of input field on focus\n  * @see border\n  * @default var(--zg-input-border_focus, 1px solid rgba(82, 168, 236, 0.8))\n  * @demoLink https://app.zingsoft.com/demos/create/2SM40FSO\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-input-border-bottom_focus, var(--zg-input-border_focus, var(--zg-input-border-bottom, var(--zg-input-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-left_focus\n  * @description Styles the left border of input field on focus\n  * @see border\n  * @default var(--zg-input-border_focus, )))\n  * @demoLink https://app.zingsoft.com/demos/create/FQ51FTQF\n  * @shadowOnly false\n  */\n  border-left: var(--zg-input-border-left_focus, var(--zg-input-border_focus, var(--zg-input-border-left, var(--zg-input-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-right_focus\n  * @description Styles the right border of input field in modal on focus\n  * @see border\n  * @default var(--zg-input-border_focus, )))\n  * @demoLink https://app.zingsoft.com/demos/create/11XL0MH6\n  * @shadowOnly false\n  */\n  border-right: var(--zg-input-border-right_focus, var(--zg-input-border_focus, var(--zg-input-border-right, var(--zg-input-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-top_focus\n  * @description Styles the top border of input field in modal on focus\n  * @see border\n  * @default var(--zg-input-border_focus, )))\n  * @demoLink https://app.zingsoft.com/demos/create/BLSGA86T\n  * @shadowOnly false\n  */\n  border-top: var(--zg-input-border-top_focus, var(--zg-input-border_focus, var(--zg-input-border-top, var(--zg-input-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-color_focus\n  * @description Sets the font color of input field in modal on focus\n  * @see color\n  * @default var(--zg-input-color)\n  * @demoLink https://app.zingsoft.com/demos/create/62OIL7CR\n  * @shadowOnly false\n  */\n  color: var(--zg-input-color_focus, var(--zg-input-color, var(--theme-color_alt)));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-font-size_focus\n  * @description Sets the font size of input field on focus\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/BPE8TYD5\n  * @shadowOnly false\n  */\n  font-size: var(--zg-input-font-size_focus, var(--zg-input-font-size, var(--theme-font-size)));\n  /*outline: 0;*/\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-transform_focus\n  * @description Sets the transform of input field in modal on focus\n  * @see transform\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/ZCZMD7I3\n  * @shadowOnly false\n  */\n  transform: var(--zg-input-transform_focus);\n}\n",""])},22397:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* Hide if it has [hidden] attribute */\n:host { \n  align-items: center;\n  display: flex;\n}\n:host([hidden]) { display:none; }\n\n\n/* SLOTTED ELEMENTS\n---------------------------------------- */\n/* Select All cell */\n:host ::slotted(zg-checkbox) {\n  margin-left: 6px;\n  font-size: 90%;\n}\n/* \'Cards\' label */\n:host ::slotted(zg-text) {\n  font-size: 90%;\n  margin-right: 5px;\n}\n/* Layout Control Buttons */\n:host ::slotted(zg-button) {\n  border-radius: 3px;\n  margin-left: 2px;\n}\n:host ::slotted(zg-button[action="layoutcard"]) {\n  transform: translateY(3.0px);\n}\n:host ::slotted(zg-button[action="layoutrow"]) {\n  transform: translateY(2.5px);\n}',""])},26516:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n\n/* Add styles to internally-appended load-mask only.\nUser-added markup on load will not have styling they need to overwrite */\n:host([default-load-mask]) {\n  align-items: center;\n  background: rgba(115, 142, 150, 0.4);\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  position: absolute;\n  width: 100%;\n  z-index: 1000;\n}\n\n/* Wrap */\n.default-wrap {\n  align-items: baseline;\n  display: flex;\n  justify-content: center;\n}\n\n/* Text */\n.loading-text {\n /**\n  * @memberof ZGLoadMask\n  * @var --zg-load-mask-color\n  * @description Sets the font color of the loading text\n  * @see color\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/embed/YTE2VZ54\n  * @shadowOnly true\n  */\n  color: var(--zg-load-mask-color, #fff);\n  font-size: 2rem;\n  margin-right: 6px;\n  text-shadow: 0 0 5px #8d9ea9;\n}\n\n/* Dot Animation */\n@keyframes CYCLE {\n  0% { opacity:0; }\n  50% { opacity:1; }\n  100% { opacity:0; }\n}\n.animation-wrap {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n}\n.animation-dot,\n.animation-wrap:after,\n.animation-wrap:before {\n  content: '';\n  animation-duration: 1.5s;\n  animation-iteration-count: infinite;\n  animation-name: CYCLE;\n  background: #fff;\n  border-radius: 50%;\n  box-shadow: 0 0 5px #adb7bd;\n  display: block;\n  height: 5px;\n  margin: 0 4px;\n  opacity: 0;\n  width: 5px;\n}\n.animation-dot {\n  animation-delay: 300ms;\n}\n.animation-wrap:after {\n  animation-delay: 600ms;\n}",""])},93251:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  background: var(--zg-menu-item-background, var(--zg-menu-background, inherit));\n  border-bottom: 1px solid var(--theme-border-color);\n  margin-bottom: 5px;\n  padding-bottom: 10px;\n}\n:host([hidden]) {\n  display: none;\n}\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* LABEL */\n.zg-menu-group-label {\nalign-items: center;\n  display: flex;\n  padding: 10px;\n}\n\n/* ITEMS */\n.zg-menu-group-items {\n  border: 1px solid var(--theme-border-color);\n  display: flex;\n  margin: 0 5px;\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(zg-icon) {\n  margin-right: 5px;\n}\n\n:host([dir="rtl"]) ::slotted(zg-icon) {\n  margin-left: 5px;\n  margin-right: unset;\n}\n\n:host ::slotted(zg-menu-item) {\n  --zg-menu-item-justify-content: center;\n  border-left: var(--zg-menu-item-border-left, var(--zg-menu-border-left, var(--zg-menu-item-border, var(--zg-menu-border, 1px solid var(--theme-border-color)))));\n}\n:host ::slotted(zg-menu-item:hover),\n:host ::slotted(zg-menu-item.hover) {\n  border-left: var(--zg-menu-item-border-left_hover, var(--zg-menu-item-border_hover, var(--zg-menu-item-border-left, var(--zg-menu-border-left, var(--zg-menu-item-border, var(--zg-menu-border, 1px solid var(--theme-border-color)))))));\n}\n\n:host ::slotted(zg-menu-item:first-of-type) {\n  margin-left: -1px;\n}',""])},77189:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  --zg-icon-height: 14px;\n  --zg-icon-width: 14px;\n\n  align-items:center;\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-background\n  * @description Styles the background of menu item\n  * @see background\n  * @default var(--zg-menu-background)\n  * @demoLink https://app.zingsoft.com/demos/create/B9ZW7JZ1\n  * @shadowOnly false\n  */\n  background: var(--zg-menu-item-background, var(--zg-menu-background));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border\n  * @description Styles the border of menu item\n  * @see border\n  * @default var(--zg-menu-item-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/OY846P1S\n  * @shadowOnly false\n  */\n  border: var(--zg-menu-item-border, 0);\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-bottom\n  * @description Styles the bottom border of menu item\n  * @see border\n  * @default var(--zg-menu-border-bottom, var(--zg-menu-item-border))\n  * @demoLink https://app.zingsoft.com/demos/create/K3RGBXUS\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-menu-item-border-bottom, var(--zg-menu-item-border));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-left\n  * @description Styles the left border of menu item\n  * @see border\n  * @default var(--zg-menu-border-left, var(--zg-menu-item-border))\n  * @demoLink https://app.zingsoft.com/demos/create/I02JZBV4\n  * @shadowOnly false\n  */\n  border-left: var(--zg-menu-item-border-left, var(--zg-menu-item-border));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-right\n  * @description Styles the border-right of menu item\n  * @see border\n  * @default var(--zg-menu-border-right, var(--zg-menu-item-border))\n  * @demoLink https://app.zingsoft.com/demos/create/XBLE7Y9F\n  * @shadowOnly false\n  */\n  border-right: var(--zg-menu-item-border-right, var(--zg-menu-item-border));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-top\n  * @description Styles the border-top of menu item\n  * @see border\n  * @default var(--zg-menu-border-top, var(--zg-menu-item-border))\n  * @demoLink https://app.zingsoft.com/demos/create/JXUI3ZZ1\n  * @shadowOnly false\n  */\n  border-top: var(--zg-menu-item-border-top, var(--zg-menu-item-border));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-color\n  * @description Styles the color of menu item\n  * @see color\n  * @default var(--zg-menu-color)\n  * @demoLink https://app.zingsoft.com/demos/create/PB332NEO\n  * @shadowOnly false\n  */\n  color: var(--zg-menu-item-color, var(--zg-menu-color));\n  box-sizing: border-box;\n  contain: content;\n  cursor: pointer;\n  display: inline-flex;\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-padding\n  * @description Sets the padding of menu item\n  * @see padding\n  * @default 2px 9px\n  * @demoLink https://app.zingsoft.com/demos/create/J8SC2JZ7\n  * @shadowOnly false\n  */\n  padding: var(--zg-menu-item-padding, 2px 9px);\n  transition: background var(--theme-transition_speed);\n}\n:host([hidden]) {\n  display: none;\n}\n:host([disabled]),\n:host([disabled]:hover) {\n  background: inherit;\n  cursor: not-allowed;\n}\n\n:host(:hover), :host(.hover) {\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-background_hover\n  * @description Styles the background of menu item on hover\n  * @see background\n  * @default var(--zg-menu-item-background, var(--zg-menu-background))\n  * @demoLink https://app.zingsoft.com/demos/create/TGJCKUFU\n  * @shadowOnly false\n  */\n  background: var(--zg-menu-item-background_hover, var(--zg-menu-item-background, var(--zg-menu-background)));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border_hover\n  * @description Styles the border of menu item on hover\n  * @see border\n  * @default var(--zg-menu-item-border)\n  * @demoLink https://app.zingsoft.com/demos/create/COY3QOQ4\n  * @shadowOnly false\n  */\n  border: var(--zg-menu-item-border_hover, var(--zg-menu-item-border));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-bottom_hover\n  * @description Styles the bottom border of menu item on hover\n  * @see border\n  * @default var(--zg-menu-item-border_hover, var(--zg-menu-item-border-bottom, var(--zg-menu-item-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/Y257HM34\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-menu-item-border-bottom_hover, var(--zg-menu-item-border_hover, var(--zg-menu-item-border-bottom, var(--zg-menu-item-border))));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-left_hover\n  * @description Styles the left border of menu item on hover\n  * @see border\n  * @default var(--zg-menu-item-border_hover, var(--zg-menu-item-border-left, var(--zg-menu-item-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/L6B0TSI2\n  * @shadowOnly false\n  */\n  border-left: var(--zg-menu-item-border-left_hover, var(--zg-menu-item-border_hover, var(--zg-menu-item-border-left, var(--zg-menu-item-border))));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-right_hover\n  * @description Styles the right border of menu item on hover\n  * @see border\n  * @default var(--zg-menu-item-border_hover, var(--zg-menu-item-border-right, var(--zg-menu-item-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/B0CA9PC5\n  * @shadowOnly false\n  */\n  border-right: var(--zg-menu-item-border-right_hover, var(--zg-menu-item-border_hover, var(--zg-menu-item-border-right, var(--zg-menu-item-border))));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-top_hover\n  * @description Styles the top border of menu item on hover\n  * @see border\n  * @default var(--zg-menu-item-border_hover, var(--zg-menu-item-border-top, var(--zg-menu-item-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/IEQ87DM1\n  * @shadowOnly false\n  */\n  border-top: var(--zg-menu-item-border-top_hover, var(--zg-menu-item-border_hover, var(--zg-menu-item-border-top, var(--zg-menu-item-border))));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-color_hover\n  * @description Styles the color of menu item on hover\n  * @see color\n  * @default var(--zg-menu-item-color, var(--zg-menu-color))\n  * @demoLink https://app.zingsoft.com/demos/create/G87OUAAS\n  * @shadowOnly false\n  */\n  color: var(--zg-menu-item-color_hover, var(--zg-menu-item-color, var(--zg-menu-color)));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-justify-content_hover\n  * @description Sets the horizontal alignment of contents in menu item on hover\n  * @see justify-content\n  * @default var(--zg-menu-item-justify-content, flex-start)\n  * @demoLink https://app.zingsoft.com/demos/create/E0CSUDJQ\n  * @shadowOnly false\n  */\n  justify-content: var(--zg-menu-item-justify-content_hover, var(--zg-menu-item-justify-content, flex-start));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-padding_hover\n  * @description Sets the padding of menu item on hover\n  * @see padding\n  * @default var(--zg-menu-item-padding, 2px 9px)\n  * @demoLink https://app.zingsoft.com/demos/create/2L3WUNZM\n  * @shadowOnly false\n  */\n  padding: var(--zg-menu-item-padding_hover, var(--zg-menu-item-padding, 2px 9px));\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(zg-button) {\n    /* make zg-button inside zg-menu-item click through and no hover effect */\n    pointer-events: none;\n    /**\n    * @memberof ZGMenuItem\n    * @var --zg-menu-item-justify-content\n    * @description Sets the horizontal alignment of contents in menu item\n    * @see justify-content\n    * @default flex-start\n    * @demoLink https://app.zingsoft.com/demos/create/E73X0A1J\n    * @shadowOnly false\n    */\n    /* \n      NOTE: Added here instead of :host above, b/c menuitems always have a button inside,\n      which should get the alignment. Because of this, if there is a use case where you want\n      the parent to have the justify-content value, you have to do it inline.\n    */\n    justify-content: var(--zg-menu-item-justify-content, flex-start);\n    width: 100%;\n}\n\n/* Custom User Button */\n/* Note: When a user adds w/o an icon, the `[action]` attribute value on the button will be '' */\n:host ::slotted(zg-button[action=\"\"]) {\n  padding-left:calc(var(--zg-icon-width) + 7px);\n  pointer-events: inherit;\n}\n\n:host(:hover) ::slotted(zg-button),\n:host(.hover) ::slotted(zg-button) {\n  /* Already documented above */\n  color: var(--zg-menu-item-color_hover, var(--zg-button-color));\n  /* \n    NOTE: Added here instead of :host above, b/c menuitems always have a button inside,\n    which should get the alignment. Because of this, if there is a use case where you want\n    the parent to have the justify-content value, you have to do it inline.\n  */\n  justify-content: var(--zg-menu-item-justify-content_hover, var(--zg-menu-item-justify-content, flex-start));\n}",""])},6528:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-background\n  * @description Styles background of menu dropdown\n  * @see background\n  * @default Browser\'s defaul value\n  * @demoLink https://app.zingsoft.com/demos/create/H302IPDV\n  * @shadowOnly true\n  */\n  background: var(--zg-menu-background);\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-border\n  * @description Styles the border of menu dropdown\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/L29XD0SG\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-border-bottom\n  * @description Styles the bottom border of menu dropdown\n  * @see border\n  * @default var(--zg-menu-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/BP6Q1ONR\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-menu-border-bottom, var(--zg-menu-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-border-left\n  * @description Styles the left border of menu dropdown\n  * @see border\n  * @default var(--zg-menu-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/YTOQWH4D\n  * @shadowOnly false\n  */\n  border-left: var(--zg-menu-border-left, var(--zg-menu-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-border-right\n  * @description Styles the right border of menu dropdown\n  * @see border\n  * @default var(--zg-menu-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/9PZS6F7O\n  * @shadowOnly false\n  */\n  border-right: var(--zg-menu-border-right, var(--zg-menu-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-border-top\n  * @description Styles the top border of menu dropdown\n  * @see border\n  * @default var(--zg-menu-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/60VFS9X7\n  * @shadowOnly false\n  */\n  border-top: var(--zg-menu-border-top, var(--zg-menu-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-box-shadow\n  * @description Applies a box shadow to menu dropdown\n  * @see box-shadow\n  * @default 0 3px 3px #ccc\n  * @demoLink https://app.zingsoft.com/demos/create/8KM669HT\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-menu-box-shadow, 0 3px 3px #ccc);\n  box-sizing: border-box;\n  display: inline-block;\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-padding\n  * @description Sets the padding of the menu dropdown\n  * @see padding\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/O1VERLUD\n  * @shadowOnly false\n  */\n  padding: var(--zg-menu-padding, 0);\n  position: absolute;\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-font-size\n  * @description Sets the font size of menu dropdown\n  * @see font-size\n  * @default 0.8rem\n  * @demoLink https://app.zingsoft.com/demos/create/H08WWNC4\n  * @shadowOnly false\n  */\n  font-size: var(--zg-menu-font-size, 0.8rem);\n  user-select: none;\n  z-index: var(--theme-z-index_tall, 10000);\n}\n:host([hidden]) {\n  display: none;\n}\n\n/* RIGHT-CLICK MENU VERSION */\n:host(#userContextMenuClone[menu-opener="context"]) {\n  transform: translate(20px, -17px);\n}\n:host(#userContextMenuClone[menu-opener="context"][internal-dir="left"]) {\n  transform: translate(-20px, -17px);\n}\n:host(#userContextMenuClone[menu-opener="static"]) {\n  transform: translate(0px, 10px);\n}\n/* Add \'cursor position\' arrow */\n:host(#userContextMenuClone[menu-opener="context"]):after,\n:host(#userContextMenuClone[menu-opener="context"]):before {\n  border-color: transparent;\n  border-style: solid;\n  content: \'\';\n  display: block;\n  position: absolute;\n  right: var(--menu-arrow-right, 100%);\n}\n:host(#userContextMenuClone[menu-opener="context"]):before {\n  border-width: 8px;\n  border-right-color: var(--theme-border-color);\n  top: 10px;\n}\n:host(#userContextMenuClone[menu-opener="context"]):after {\n  border-width: 6px;\n  border-right-color: var(--theme-background-zebra);\n  top: 12px;\n}\n\n:host(#userContextMenuClone[menu-opener="context"][internal-dir="left"]):after,\n:host(#userContextMenuClone[menu-opener="context"][internal-dir="left"]):before {\n  content: unset;\n}\n\n\n/* COLUMNS-CONTROL MENU VERSION */\n:host(#columnMenu) {\n  --zg-menu-padding: 10px;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n.zg-menu {\n    display: flex;\n    flex-direction: column;\n    height: auto;\n    padding: var(--zg-menu-padding, 5px);\n}\n\n/* RIGHT-CLICK MENU VERSION */\n:host(#userContextMenuClone) .zg-menu {\n  --zg-menu-padding: 0 0 5px;\n}\n\n/* COLUMNS-CONTROL MENU VERSION */\n:host(#columnMenu) .zg-menu {\n  --zg-menu-padding: 6px 10px;\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* COLUMNS-CONTROL MENU VERSION */\n:host(#columnMenu) ::slotted(zg-menuitem) {\n  --zg-menu-item-padding: 3px 0;\n}',""])},31516:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-background\n  * @description Styles the background of empty message when in `<zg-header>`\n  * @see background\n  * @default var(--theme-color-light)\n  * @demoLink https://app.zingsoft.com/demos/create/DZ18XBMU\n  * @shadowOnly false\n  */\n  background: var(--zg-no-data-background, var(--theme-color-light));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border\n  * @description Styles the border of empty message when in `<zg-header>`\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/H9H8800K\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border-bottom\n  * @description Styles the bottom border of empty message when in `<zg-header>`\n  * @see border\n  * @default var(--zg-no-data-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/5GHU0UT2\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-no-data-border-bottom, var(--zg-no-data-border, 0));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border-left\n  * @description Styles the left border of empty message when in `<zg-header>`\n  * @see border\n  * @default var(--zg-no-data-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/8PC30SFF\n  * @shadowOnly false\n  */\n  border-left: var(--zg-no-data-border-left, var(--zg-no-data-border, 0));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border-right\n  * @description Styles the right border of empty message when in `<zg-header>`\n  * @see border\n  * @default var(--zg-no-data-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/4SZ8NQ8O\n  * @shadowOnly false\n  */\n  border-right: var(--zg-no-data-border-right, var(--zg-no-data-border, 0));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border-top\n  * @description Styles the top border of empty message when in `<zg-header>`\n  * @see border\n  * @default var(--zg-no-data-border, 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/F5LJEMJO\n  * @shadowOnly false\n  */\n  border-top: var(--zg-no-data-border-top, var(--zg-no-data-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border-radius\n  * @description Styles the border radius of empty message\n  * @see border-radius\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/A1CYESQT\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-no-data-border-radius, 0);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-color\n  * @description Sets the font color content inside of empty message when in `<zg-header>`\n  * @see color\n  * @default var(--theme-font-size)\n  * @demoLink https://app.zingsoft.com/demos/create/9QIBFMGP\n  * @shadowOnly false\n  */\n  color: var(--zg-no-data-color, var(--theme-font-size));\n  contain: content;\n  display: none;\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-font-size\n  * @description Sets the font size of empty message\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/26M7XA7S\n  * @shadowOnly false\n  */\n  font-size: var(--zg-no-data-font-size, .875rem);\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-font-style\n  * @description Sets the font style of empty message\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/ERYSUAI0\n  * @shadowOnly false\n  */\n  font-style: var(--zg-no-data-font-style, inherit);\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-font-weight\n  * @description Sets the font weight of empty message\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/PT3I1OQC\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-no-data-font-weight, inherit);\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-line-height\n  * @description Sets the line height of empty message\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/XGIEZHE5\n  * @shadowOnly false\n  */\n  line-height: var(--zg-no-data-line-height, inherit);\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-min-height\n  * @description Sets the min-height of empty message\n  * @see min-height\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/84P0AHF7\n  * @shadowOnly false\n  */\n  min-height: var(--zg-no-data-min-height, 100%);\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-padding\n  * @description Sets the padding of empty message\n  * @see padding\n  * @default var(--zg-cell-height, var(--theme-padding_x, auto))) var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/S9ZVCD9A\n  * @shadowOnly false\n  */\n  padding: var(--zg-no-data-padding, var(--zg-cell-height_layout_row, var(--zg-cell-height, var(--theme-padding_x, auto))) var(--theme-padding_x));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-text-align\n  * @description Sets text alignment of content inside of empty message\n  * @see text-align\n  * @default left\n  * @demoLink https://app.zingsoft.com/demos/create/TWOSCDLC\n  * @shadowOnly true\n  */\n  text-align: var(--zg-no-data-text-align, left);\n  place-content: var(--zg-no-data-text-align, left);\n  width: 100%;\n}\n:host([no-data]) {\n  align-items: flex-start;\n  display: flex;\n}\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n:host(.default) div[role=\"any\"] {\n  align-items: center;\n  display: flex;\n}\n\n/* User added `[no-data]` attribute */\n:host(.attr) {\n  font-weight: var(--zg-no-data-font-weight, 500);\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n\n/* 'Default message' default container */\n:host ::slotted(.default-message) {\n  font-weight: var(--zg-no-data-font-weight, 500);\n}\n\n/* 'Insert Record' default container */\n:host ::slotted(.default-insert-record) {\n  align-items:center;\n  display: flex;\n  margin-left: .3125rem;\n}",""])},43645:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-background\n    * @description Styles the background of option list\n    * @see background\n    * @default #fff\n    * @demoLink https://app.zingsoft.com/demos/create/JCRKBH4Y\n    * @shadowOnly false\n    */\n    background: var(--zg-option-list-background, #fff);\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-border\n    * @description Styles the border of option list\n    * @see border\n    * @default 1px solid var(--theme-border-color)\n    * @demoLink https://app.zingsoft.com/demos/create/SQNKOS7B\n    * @shadowOnly false\n    */\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-border-bottom\n    * @description Styles the bottom border of option list\n    * @see border\n    * @default var(--zg-option-list-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/31Q5PRQB\n    * @shadowOnly false\n    */\n    border-bottom: var(--zg-option-list-border-bottom, var(--zg-option-list-border, 1px solid var(--theme-border-color)));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-border-left\n    * @description Styles the left border of option list\n    * @see border\n    * @default var(--zg-option-list-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/3BWGQYG6\n    * @shadowOnly false\n    */\n    border-left: var(--zg-option-list-border-left, var(--zg-option-list-border, 1px solid var(--theme-border-color)));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-border-right\n    * @description Styles the right border of option list\n    * @see border\n    * @default var(--zg-option-list-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/SG9TA4DQ\n    * @shadowOnly false\n    */\n    border-right: var(--zg-option-list-border-right, var(--zg-option-list-border, 1px solid var(--theme-border-color)));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-border-top\n    * @description Styles the bottom top of option list\n    * @see border\n    * @default var(--zg-option-list-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/CZ8HY148\n    * @shadowOnly false\n    */\n    border-top: var(--zg-option-list-border-top, var(--zg-option-list-border, 1px solid var(--theme-border-color)));\n    bottom: auto;\n    box-sizing: border-box;\n    contain: content;\n    height: auto;\n    min-height: var(--zg-option-list-item-height, 32px);\n    max-width: 250px;\n    min-width: 100%;\n    z-index: 10000;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n.zg-option-list {\n    display: flex;\n    flex-direction: column;\n    margin: 0;\n    padding: 0;\n    zoom: 1;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* TODO: Clean up span CSS */\n:host ::slotted(span) {\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-border\n    * @description Styles the border of option list item\n    * @see border\n    * @default 0\n    * @demoLink https://app.zingsoft.com/demos/create/VH6WGYS9\n    * @shadowOnly false\n    */\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-border-bottom\n    * @description Styles the bottom border of option list item\n    * @see border\n    * @default var(--zg-option-list-item-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/QCJG4ENK\n    * @shadowOnly false\n    */\n    border-bottom: var(--zg-option-list-item-border-bottom, var(--zg-option-list-item-border, 0));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-border-left\n    * @description Styles the left border of option list item\n    * @see border\n    * @default var(--zg-option-list-item-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/DCZNW2UY\n    * @shadowOnly false\n    */\n    border-left: var(--zg-option-list-item-border-left, var(--zg-option-list-item-border, 0));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-border-right\n    * @description Styles the right border of option list item\n    * @see border\n    * @default var(--zg-option-list-item-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/442R7DGZ\n    * @shadowOnly false\n    */\n    border-right: var(--zg-option-list-item-border-right, var(--zg-option-list-item-border, 0));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-border-top\n    * @description Styles the top border of option list item\n    * @see border\n    * @default var(--zg-option-list-item-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/LBZKLEVF\n    * @shadowOnly false\n    */\n    border-top: var(--zg-option-list-item-border-top, var(--zg-option-list-item-border, 0));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-color\n    * @description Styles the color of option list item\n    * @default Browser\'s default value\n    * @see color\n    * @demoLink https://app.zingsoft.com/demos/create/RLKIPFXB\n    * @shadowOnly false\n    */\n    color: var(--zg-option-list-color, #000000);\n    cursor: pointer;\n    display: block;\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-height\n    * @description Sets the height of option list item\n    * @see height\n    * @default 32px\n    * @demoLink https://app.zingsoft.com/demos/create/LZZDJ4ZH\n    * @shadowOnly false\n    */\n    min-height: var(--zg-option-list-item-height, 32px);\n    height: var(--zg-option-list-item-height, 32px);\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-line-height\n    * @description Sets the line height of option list item\n    * @see line-height\n    * @default 32px\n    * @demoLink https://app.zingsoft.com/demos/create/9QGZA2DF\n    * @shadowOnly false\n    */\n    line-height: var(--zg-option-list-item-line-height, 32px);\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-padding\n    * @description Sets the padding of option list item\n    * @see padding\n    * @default 0 15px\n    * @demoLink https://app.zingsoft.com/demos/create/3TSJS7B1\n    * @shadowOnly false\n    */\n    padding: var(--zg-option-list-item-padding, 0 15px);\n    transition: all .15s;\n    overflow: hidden;\n    text-align: left;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    /* Safari */\n    list-style-type: none;\n}\n\n:host([dir="rtl"]) ::slotted(span) {\n    text-align: right;\n}\n\n:host ::slotted(span:hover) {\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-background_hover\n    * @description Sets the background of option list item on hover\n    * @see background\n    * @default var(--theme-color-secondary)\n    * @demoLink https://app.zingsoft.com/demos/create/SQITNDOY\n    * @shadowOnly false\n    */\n    background: var(--zg-option-list-item-background_hover, var(--theme-color-secondary));\n}',""])},23826:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-background\n  * @description Styles the background of pager\n  * @see background\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/DSI1M4K6\n  * @shadowOnly false\n  */\n  background: var(--zg-pager-background);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border\n  * @description Styles the border of pager\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/12I3VYOI\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-bottom\n  * @description Styles the bottom border of pager\n  * @see border\n  * @default var(--zg-pager-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/HLBTB6HX\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-pager-border-bottom, var(--zg-pager-border, 0));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-left\n  * @description Styles the left border of pager\n  * @see border\n  * @default var(--zg-pager-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/A3EQ97B7\n  * @shadowOnly false\n  */\n  border-left: var(--zg-pager-border-left, var(--zg-pager-border, 0));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-right\n  * @description Styles the right border of pager\n  * @see border\n  * @default var(--zg-pager-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/8PKZ2V87\n  * @shadowOnly false\n  */\n  border-right: var(--zg-pager-border-right, var(--zg-pager-border, 0));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-top\n  * @description Styles the top border of pager\n  * @see border\n  * @default var(--zg-pager-border)\n  * @demoLink https://app.zingsoft.com/demos/create/S7J5KA7S\n  * @shadowOnly false\n  */\n  border-top: var(--zg-pager-border-top, var(--zg-pager-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-box-shadow\n  * @description Applies a box shadow behind the pager\n  * @see box-shadow\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/E3ZE0EHX\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-pager-box-shadow, 0);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-color\n  * @description Sets the color of pager text\n  * @see color\n  * @default var(--zing-grid-color), var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/C1JDZLU9\n  * @shadowOnly false\n  */\n  color: var(--zg-pager-color, var(--zing-grid-color, var(--theme-color)));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-font-size\n  * @description Sets the font size of pager text\n  * @see font-size\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/4MA9LSWA\n  * @shadowOnly false\n  */\n  font-size: var(--zg-pager-font-size);\n  display: block;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-margin\n  * @description Sets the margin of pager\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/SQZ9LICW\n  * @shadowOnly false\n  */\n  margin: var(--zg-pager-margin, 0);\n  position: relative;\n  z-index: 3;\n}\n\n/* Add a bottom border when placed at the top of the grid (`[pager-position="top"]`) */\n:host([slot="top"]) {\n  border-bottom: 1px solid var(--theme-border-color);\n}\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Wrapper */\n.zg-pager {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Inner Wrapper */\n.zg-pager-inner {\n  align-items: center;\n  display: flex;\n  flex-direction: unset;\n  flex-wrap: wrap;\n  justify-content: center;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-height\n  * @description Sets the minimum height of pager\n  * @see min-height\n  * @default 1px\n  * @demoLink https://app.zingsoft.com/demos/create/5LQ86G4I\n  * @shadowOnly false\n  */\n  min-height: var(--zg-pager-height, 1px);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-padding\n  * @description Sets the padding of pager\n  * @see padding\n  * @default 0 var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/DFS7ZU1P\n  * @shadowOnly true\n  */\n  padding: var(--zg-pager-padding, 0 var(--theme-padding_x));\n}\n\n/* The Columns */\n.zg-pager-left,\n.zg-pager-right,\n.zg-pager-center {\n  align-items: center;\n  display: flex;\n  flex: 0 1 33.333%;\n  flex-direction: row;\n  margin-top: var(--zg-pager-section-margin-top);\n}\n\n/* Left */\n.zg-pager-left> :first-child {\n  margin-left: 0;\n}\n\n:host([viewport="mobile"]) .zg-pager-left {\n  order: 2;\n  transform: scale(.8);\n  z-index: 1;\n}\n\n/* Right */\n.zg-pager-right {\n  justify-content: flex-end;\n}\n\n/* -- Hide in mobile viewport */\n:host([viewport="mobile"]) .zg-pager-right {\n  display: none;\n}\n\n@media screen and (max-width:767px) {\n\n  :host([viewport-pause]) .zg-pager-left,\n  :host([viewport-stop]) .zg-pager-left {\n    order: 2;\n    transform: scale(.8);\n    z-index: 1;\n  }\n\n  :host([viewport-pause]) .zg-pager-right,\n  :host([viewport-stop]) .zg-pager-right {\n    display: none;\n  }\n}\n\n/* Center */\n.zg-pager-center {\n  justify-content: center;\n}\n\n\n@media screen and (max-width:350px) {\n  :host([viewport="mobile"]) .zg-pager-inner {\n    flex-direction: column;\n  }\n}\n\n/* STYLING WHEN IN \'CARD\' LAYOUT, BUT NOT MOBILE */\n:host([layout="card"]:not([viewport="mobile"])) {\n  /* NOTE: For internal use for now. Don\'t add JSDocs! */\n  border-bottom: var(--zg-pager-card-nonmobile-border-bottom);\n  border-left: var(--zg-pager-card-nonmobile-border-left);\n  border-right: var(--zg-pager-card-nonmobile-border-right);\n  border-top: var(--zg-pager-card-nonmobile-border-top);\n}\n\n/* STYLING WHEN IN \'MOBILE\' VIEWPORT */\n:host([viewport="mobile"]:not([layout="row"])) #inner {\n  flex-wrap: wrap;\n  padding-bottom: 10px;\n  padding-top: 10px;\n}\n\n:host([viewport="mobile"]:not([layout="row"])) #left {\n  flex-basis: 50%;\n  order: 1;\n}\n\n:host([viewport="mobile"]:not([layout="row"])) #center {\n  justify-content: center;\n  order: 3;\n  padding-top: 15px;\n}\n\n:host([viewport="mobile"]:not([layout="row"])) #right {\n  flex-basis: 50%;\n  order: 2;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(zg-input) {\n  flex: 0 1 auto;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-child-margin\n  * @description Sets the margin of pager items\n  * @see margin\n  * @default 0 5px\n  * @demoLink https://app.zingsoft.com/demos/create/BHPOIOVV\n  * @shadowOnly true\n  */\n  margin: var(--zg-pager-child-margin, 0 5px);\n}\n\n:host ::slotted(zg-button):first-child {\n  margin-left: calc(var(--zg-button-padding) - (var(--zg-button-padding) * 2) - 5px);\n}\n\n/* SELECT DROPDOWN */\n:host ::slotted(zg-select) {\n  margin-right: 3px;\n}\n\n:host([dir="rtl"]) ::slotted(zg-select) {\n  margin-left: 3px;\n  margin-right: 0px;\n}\n\n:host([pager-type*="button"]) ::slotted(zg-button[action="prevpage"]),\n:host([pager-type*="button"]) ::slotted(zg-button[action="nextpage"]),\n:host([pager-type*="button"]) ::slotted(zg-button[action="page"]) {\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-background_button\n  * @description Styles the background of pager buttons in \'button-pagination` mode\n  * @see background\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/RFPJ268T\n  * @shadowOnly false\n  */\n  background: var(--zg-pager-background_button, #fff);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border_button\n  * @description Styles the bottom border of pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/GMCTJPNT\n  * @shadowOnly false\n  */\n  border: var(--zg-pager-border_button);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-bottom_button\n  * @description Styles the bottom border of pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border_button)\n  * @demoLink https://app.zingsoft.com/demos/create/SX86NT1Z\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-pager-border-bottom_button, var(--zg-pager-border_button));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-left_button\n  * @description Styles the left border of pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border_button)\n  * @demoLink https://app.zingsoft.com/demos/create/7ZFWGWPZ\n  * @shadowOnly false\n  */\n  border-left: var(--zg-pager-border-left_button, var(--zg-pager-border_button));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-right_button\n  * @description Styles the right border of pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border_button)\n  * @demoLink https://app.zingsoft.com/demos/create/E0Z1Z61Z\n  * @shadowOnly false\n  */\n  border-right: var(--zg-pager-border-right_button, var(--zg-pager-border_button));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-top_button\n  * @description Styles the top border of pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border_button)\n  * @demoLink https://app.zingsoft.com/demos/create/GUTPFSA2\n  * @shadowOnly false\n  */\n  border-top: var(--zg-pager-border-top_button, var(--zg-pager-border_button));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-radius_button\n  * @description Applies border radius to the pager buttons in \'button-pagination\' mode\n  * @see border-radius\n  * @default 50%\n  * @demoLink https://app.zingsoft.com/demos/create/C5XSS45A\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-pager-border-radius_button, 0);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-color_button\n  * @description Sets the color of pager buttons in \'button-text\' mode\n  * @see color\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/3PUA1QDD\n  * @shadowOnly false\n  */\n  color: var(--zg-pager-color_button, var(--zg-pager-color, var(--zing-grid-color, var(--theme-color))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-height_button\n  * @description Sets the height of pager buttons in \'button-pagination\' mode\n  * @see height\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/NU8PS15R\n  * @shadowOnly false\n  */\n  height: var(--zg-pager-height_button, 26px);\n  justify-content: center;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-width_button\n  * @description Sets the width of pager buttons in \'button-pagination\' mode\n  * @see width\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/TND8N5QP\n  * @shadowOnly false\n  */\n  width: var(--zg-pager-width_button, 26px);\n\n}\n\n:host([pager-type*="button"]) ::slotted(zg-button[action="prevpage"][active]),\n:host([pager-type*="button"]) ::slotted(zg-button[action="nextpage"][active]),\n:host([pager-type*="button"]) ::slotted(zg-button[action="page"][active]) {\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-background_button_active\n  * @description Styles the background of active pager buttons in \'button-pagination` mode\n  * @see background\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/30Q3UD77\n  * @shadowOnly false\n  */\n  background: var(--zg-pager-background_button_active, var(--theme-color-primary));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border_button_active\n  * @description Styles the bottom border of active pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/S0T1BVWQ\n  * @shadowOnly false\n  */\n  border: var(--zg-pager-border_button_active, var(--zg-pager-border_button));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-bottom_button_active\n  * @description Styles the bottom border of active pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border-bottom_button_active, var(--zg-pager-border-bottom_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  * @demoLink https://app.zingsoft.com/demos/create/DTH3NBH8\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-pager-border-bottom_button_active, var(--zg-pager-border-bottom_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-left_button_active\n  * @description Styles the left border of active pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border-left_button_active, var(--zg-pager-border-left_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  * @demoLink https://app.zingsoft.com/demos/create/DMB3KOV6\n  * @shadowOnly false\n  */\n  border-left: var(--zg-pager-border-left_button_active, var(--zg-pager-border-left_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-right_button_active\n  * @description Styles the right border of active pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border-right_button_active, var(--zg-pager-border-right_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  * @demoLink https://app.zingsoft.com/demos/create/8IH4UBJB\n  * @shadowOnly false\n  */\n  border-right: var(--zg-pager-border-right_button_active, var(--zg-pager-border-right_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-top_button_active\n  * @description Styles the top border of active pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border-top_button_active, var(--zg-pager-border-top_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  * @demoLink https://app.zingsoft.com/demos/create/3P68ZU21\n  * @shadowOnly false\n  */\n  border-top: var(--zg-pager-border-top_button_active, var(--zg-pager-border-top_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-radius_button_active\n  * @description Applies border radius to the pager next/previous buttons in \'button-pagination\' mode\n  * @see border-radius\n  * @default 50%\n  * @demoLink https://app.zingsoft.com/demos/vicreateew/4NN6CW5X\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-pager-border-radius_button_active, var(--zg-pager-border-radius_button, 0));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-color_button_active\n  * @description Sets the color of pager buttons in \'button-pagination\' mode\n  * @see color\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/65T7U4OO\n  * @shadowOnly false\n  */\n  color: var(--zg-pager-color_button_active, var(--zg-pager-color_button, var(--zg-pager-color, var(--zing-grid-color, var(--theme-color)))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-height_button_active\n  * @description Sets the height of active pager buttons in \'button-pagination\' mode\n  * @see height\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/YQK9B3TR\n  * @shadowOnly false\n  */\n  height: var(--zg-pager-height_button_active, var(--zg-pager-height_button, 26px));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-width_button_active\n  * @description Sets the width of active pager buttons in \'button-pagination\' mode\n  * @see width\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/JGGN84RM\n  * @shadowOnly false\n  */\n  width: var(--zg-pager-width_button_active, var(--zg-pager-width_button, 26px));\n}\n\n\n/* BUTTON PAGINATION STYLING */\n/* Text Buttons */\n:host([pager-type="button-text"]) ::slotted(zg-button[action="prevpage"]),\n:host([pager-type="button-text"]) ::slotted(zg-button[action="nextpage"]) {\n  padding-left: 6px;\n  padding-right: 6px;\n  width: var(--zg-pager-width_button, auto);\n}\n\n/* Text Buttons */\n:host([pager-type="button-text"]) ::slotted(zg-button[action="prevpage"][active]),\n:host([pager-type="button-text"]) ::slotted(zg-button[action="nextpage"][active]) {\n  width: var(--zg-pager-width_button_active, var(--zg-pager-width_button, auto));\n}\n\n\n/* CURSOR-BASED PAGINATION STYLING */\n:host([type="cursor"]) ::slotted([action="nextpage"]),\n:host([type="cursor"]) ::slotted([action="prevpage"]) {\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-background_cursor\n  * @description Styles the background of pager next/previous buttons in \'cursor-pagination` mode\n  * @see background\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/2W0L943N\n  * @shadowOnly false\n  */\n  background: var(--zg-pager-background_cursor, var(--theme-color-primary));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-bottom_cursor\n  * @description Styles the bottom border of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/6GTM4FBP\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-pager-border-bottom_cursor, 0);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-left_cursor\n  * @description Styles the left border of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/RYTF8WCR\n  * @shadowOnly false\n  */\n  border-left: var(--zg-pager-border-left_cursor, 0);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-right_cursor\n  * @description Styles the right border of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/CROQ1YCC\n  * @shadowOnly false\n  */\n  border-right: var(--zg-pager-border-right_cursor, 0);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-top_cursor\n  * @description Styles the top border of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/FUJKHWQ4\n  * @shadowOnly false\n  */\n  border-top: var(--zg-pager-border-top_cursor, 0);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-radius_cursor\n  * @description Applies border radius to the pager next/previous buttons in \'cursor-pagination\' mode\n  * @see border-radius\n  * @default 50%\n  * @demoLink https://app.zingsoft.com/demos/create/NVMU8M40\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-pager-border-radius_cursor, 50%);\n  display: var(--zg-pager-display_cursor, flex);\n  place-content: var(--zg-pager-place-content_cursor, center);\n  place-items: var(--zg-pager-place-items_cursor, center);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-height_cursor\n  * @description Sets the height of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see height\n  * @default 21px\n  * @demoLink https://app.zingsoft.com/demos/create/1Q1Y5Y7U\n  * @shadowOnly false\n  */\n  height: var(--zg-pager-height_cursor, 21px);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-width_cursor\n  * @description Sets the width of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see width\n  * @default 21px\n  * @demoLink https://app.zingsoft.com/demos/create/XDFDMJDM\n  * @shadowOnly false\n  */\n  width: var(--zg-pager-width_cursor, 21px);\n}\n\n:host([type="cursor"]) ::slotted([action="nextpage"]) {\n  margin-left: 12px;\n}\n\n/* PAGE RESULTS */\n:host ::slotted(zg-text) {\n  align-self: center;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-text-margin\n  * @description Sets the margin of pager text\n  * @see margin\n  * @default 0 2px\n  * @demoLink https://app.zingsoft.com/demos/create/JRVD4KCC\n  * @shadowOnly false\n  */\n  margin: var(--zg-pager-text-margin, 0 2px);\n}\n\n/* SPECIAL SMALL-SIZE MOBILE STYLING\n-------------------------------------- */\n@media screen and (max-width:400px) {\n  :host([viewport="mobile"]) .zg-pager-inner {\n    flex-direction: column;\n  }\n\n  :host([viewport="mobile"]) .zg-pager-left {\n    flex-basis: 100%;\n  }\n\n  /* PAGE-SIZE SELECT */\n  :host([viewport="mobile"]) ::slotted(zg-select) {\n    display: flex;\n    align-items: center;\n  }\n\n  :host([viewport="mobile"]) ::slotted(zg-select):before {\n    content: \'Page Size\';\n    display: inline-block;\n    margin: 0 14px 0 0;\n  }\n}',""])},40629:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    display: none;\n}",""])},53171:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n/* Hide if \'hidden\' attribute applied */\n:host() {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-color\n  * @description Sets the font color of all rows\n  * @see color\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/DZMUUEIE\n  * @shadowOnly false\n  */\n  color: var(--zg-row-color);\n}\n:host(:hover) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-color_hover\n  * @description Sets the font color of all rows on hover\n  * @see color\n  * @default var(--zg-row-color)\n  * @demoLink https://app.zingsoft.com/demos/create/PY680MQ0\n  * @shadowOnly false\n  */\n  color: var(--zg-row-color_hover, var(--zg-row-color));\n}\n/* Hide if \'hidden\' attribute applied */\n:host([hidden]) {\n  display: none !important;\n}\n\n\n\n/* WHEN IN ZG-BODY\n-------------------------------------- */\n\n\n/* DEFAULT GRID LINES (HORIZONTAL, VERTICAL, BOTH)\n---------------------------------------------------- */\n:host([gridlines-vertical]) {\n  --zg-row-body-border-top: 0;\n}\n:host([gridlines-horizontal]) {\n  --zg-row-body-border-top: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - HEAD CELL - LEFT FRAME */\n:host([gridlines-vertical][frozen-frame="left"]) ::slotted(zg-head-cell) {\n  --zg-head-cell-border-right: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - BODY CELL - LEFT FRAME */\n:host([gridlines-vertical][frozen-frame="left"]) ::slotted(zg-cell) {\n  --zg-cell-border-right: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - FILTER - LEFT FRAME */\n:host([gridlines-vertical][frozen-frame="left"]) ::slotted(zg-filter) {\n  --zg-filter-border-right: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - HEAD CELL - MAIN AND RIGHT FRAME */\n:host([gridlines-vertical]:not([frozen-frame="left"])) ::slotted(zg-head-cell) {\n  --zg-head-cell-border-left: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - BODY CELL - MAIN AND RIGHT FRAME */\n:host([gridlines-vertical]:not([frozen-frame="left"]):not([layout="card"])) ::slotted(zg-cell:not([first])) {\n  --zg-cell-border-left: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - FILTER - MAIN AND RIGHT FRAME */\n:host([gridlines-vertical]:not([frozen-frame="left"])) ::slotted(zg-filter) {\n  --zg-filter-border-left: 1px solid var(--theme-border-color);\n  --zg-filter-border-left_sorted: 1px solid var(--theme-border-color);\n}\n\n/* HIDE DOUBLE LINE WHEN MAIN CONNECTS WITH BODY OR LEFT FRAME */\n:host([gridlines-vertical]) ::slotted(zg-head-cell[first]) {\n  --zg-head-cell-border-left: 0px;\n}\n\n:host([gridlines-vertical]) ::slotted(zg-cell[first]) {\n  --zg-cell-border-left: 0px;\n}\n\n:host([gridlines-vertical]) ::slotted(zg-filter[first]) {\n  --zg-filter-border-left: 0px;\n  --zg-filter-border-left_sorted: 0px;\n}\n\n\n\n/* LAYOUT: CARD\n-------------------------------------- */\n:host([layout="card"]) {\n  position: relative;\n}\n\n/* WHEN THE PARENT FOR...\n-------------------------------------- */\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* ZG-CELL */\n/* Layout: Card */\n:host([layout="card"]) ::slotted(zg-cell) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-display\n  * @description Sets the display of cards in \'card\' layout-mode\n  * @see display\n  * @default grid\n  * @demoLink https://app.zingsoft.com/demos/create/Y17MDY9A\n  * @shadowOnly false\n  * @storyAlert To see attribute in action, update grid layout to "card" mode (top-right corner).\n  */\n\n  box-sizing: border-box;\n  display: var(--zg-row-card-display, block);\n  flex-direction: column;\n  padding: var(--zg-row-card-cell-padding, 4px 30px 4px var(--theme-padding_x));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-flex-basis\n  * @description Sets the flex-basis of cards in \'card\' layout-mode\n  * @see flex-basis\n  * @default 100%\n  * @demoLink https://app.zingsoft.com/demos/create/T0ZQ0N6R\n  * @shadowOnly false\n  * @storyAlert To see attribute in action, update grid layout to "card" mode (top-right corner).\n  */\n  flex-basis: var(--zg-row-card-flex-basis, 100%);\n  max-width:100%;\n}\n/* Layout: Card */\n:host([layout="card"]) ::slotted(zg-cell:last-child) {\n  margin-bottom: 0;\n}\n/* Special styling for selector checkbox, edit and remove cells */\n:host([layout="card"]) ::slotted([type="duplicate"]),\n:host([layout="card"]) ::slotted([type="editor"]),\n:host([layout="card"]) ::slotted([type="remover"]),\n:host([layout="card"]) ::slotted([type="selector"]) {\n  display: flex;\n}\n/* Edit and Remove */\n:host([layout="card"]) ::slotted([type="duplicate"]),\n:host([layout="card"]) ::slotted([type="editor"]),\n:host([layout="card"]) ::slotted([type="remover"]) {\n  padding: 4px 5px;\n}\n\n:host(:not([card-template])) ::slotted(zg-card) {\n  display:none !important;\n}\n\n:host([card-template]) ::slotted(zg-cell) {\n  display:none !important;\n}\n:host([layout="card"]) ::slotted(zg-cell[data-control-field]:first-child:not([type="info"])) {\n  left: 7px;\n}\n\n/* When sort is present, clicking on the cell no longer should do a browser default selection */\n/* [sort] attr added to <zing-grid> */\n:host([sort]) ::slotted(zg-head-cell) {\n  user-select: none !important;\n  cursor: pointer;\n}\n/* If current cell is not sortable, don\'t show the hand cursor */\n:host([sort]) ::slotted(zg-head-cell[sort="false"]) {\n  cursor: default;\n}\n\n/* If resize columns is active, show the resize cursor */\n:host([resize-column])  ::slotted(zg-head-cell) {\n  cursor: ew-resize;\n}\n\n/* AGGREGATE */\n/* :host([type=aggregate]) { overflow:hidden; } */\n\n:host([type=aggregate]) ::slotted(zg-cell) {\n  background: var(--zg-cell-background_aggregate, var(--zg-cell-background));\n  color: var(--zg-cell-color_aggregate, var(--zg-cell-color, inherit));\n  font-family: var(--zg-cell-font-family_aggregate, var(--zg-cell-font-family, inherit));\n  font-size: var(--zg-cell-font-size_aggregate, var(--zg-cell-font-size, inherit));\n  font-style: var(--zg-cell-font-style_aggregate, var(--zg-cell-font-style, inherit));\n  font-weight: var(--zg-cell-font-weight_aggregate, var(--zg-cell-font-weight, inherit));\n  height: var(--zg-cell-height_aggregate, var(--zg-cell-height, auto));\n  line-height: var(--zg-cell-line-height_aggregate, var(--zg-cell-line-height, inherit));\n  padding: var(--zg-cell-padding_aggregate, var(--zg-cell-padding, var(--theme-padding_y) var(--theme-padding_x)));\n  white-space: nowrap;\n}\n\n:host([type=aggregate]) ::slotted(zg-cell[sorted]) {\n  background: var(--zg-cell-background_aggregate_sorted, var(--zg-cell-background_aggregate, var(--zg-cell-background)));\n  color: var(--zg-cell-color_aggregate_sorted, var(--zg-cell-color_aggregate, var(--zg-cell-color, inherit)));\n  font-family: var(--zg-cell-font-family_aggregate_sorted, var(--zg-cell-font-family_aggregate, var(--zg-cell-font-family, inherit)));\n  font-size: var(--zg-cell-font-size_aggregate_sorted, var(--zg-cell-font-size_aggregate, var(--zg-cell-font-size, inherit)));\n  font-style: var(--zg-cell-font-style_aggregate_sorted, var(--zg-cell-font-style_aggregate, var(--zg-cell-font-style, inherit)));\n  font-weight: var(--zg-cell-font-weight_aggregate_sorted, var(--zg-cell-font-weight_aggregate, var(--zg-cell-font-weight, inherit)));\n  height: var(--zg-cell-height_aggregate_sorted, var(--zg-cell-height_aggregate, var(--zg-cell-height, auto)));\n  line-height: var(--zg-cell-line-height_aggregate_sorted, var(--zg-cell-line-height_aggregate, var(--zg-cell-line-height, inherit)));\n  padding: var(--zg-cell-padding_aggregate_sorted, var(--zg-cell-padding_aggregate, var(--zg-cell-padding, var(--theme-padding_y) var(--theme-padding_x))));\n}\n\n:host(.row-dirty-removed),\n:host ::slotted(zg-cell.row-dirty-removed) {\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-row-dirty-delete-background-color\n  * @description Sets the background color of the dirty row on row delete\n  * @see background-color\n  * @default gray;\n  * @demoLink https://app.zingsoft.com/demos/create/QXUNHO2F\n  * @shadowOnly false\n  */\n  background-color: var(--zg-row-dirty-delete-background-color, gray) !important;\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-row-dirty-delete-color\n  * @description Sets the  color of the dirty row on row delete\n  * @see color\n  * @default \n  * @demoLink https://app.zingsoft.com/demos/create/GHEMFKE2\n  * @shadowOnly false\n  */\n  color: var(--zg-row-dirty-delete-color, inherit) !important;\n\n}\n\n:host(.row-dirty-inserted),\n:host ::slotted(zg-cell.row-dirty-inserted) {\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-row-dirty-insert-background-color\n  * @description Sets the background color of the dirty row on row insert\n  * @see background-color\n  * @default green;\n  * @demoLink https://app.zingsoft.com/demos/create/1QNVARYX\n  * @shadowOnly false\n  */\n  background-color: var(--zg-row-dirty-insert-background-color, green) !important;\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-row-dirty-insert-color\n  * @description Sets the color of the dirty row on row insert\n  * @see color\n  * @default \n  * @demoLink https://app.zingsoft.com/demos/create/XIUPV4FU\n  * @shadowOnly false\n  */\n  color: var(--zg-row-dirty-insert-color, inherit) !important;\n}',""])},98781:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {}\n:host([hidden]) {\n    display: none !important;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n.zg-search {\n  display: inline-flex;\n  align-items: center;\n  min-width: var(--zg-icon-width);\n  position: relative;\n}\n\n.zg-search-input {\n  display: none;\n  z-index: 1;\n}\n:host([active]) .zg-search-input {\n  display: block;\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* The search button */\n:host ::slotted(zg-button) {\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n}\n/* The search input */\n:host ::slotted(input) {\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-background\n  * @description Styles the background of search input field\n  * @see background-color\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/IYW53NTF\n  * @shadowOnly false\n  */\n  background-color: var(--zg-search-background);\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border\n  * @description Styles the border of search input field\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/4PDUZTH1\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border-bottom\n  * @description Styles the bottom border of search input field\n  * @see border\n  * @default var(--zg-search-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/3JVK4H1O\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-search-border-bottom, var(--zg-search-border, 0));\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border-left\n  * @description Styles the left border of search input field\n  * @see border\n  * @default var(--zg-search-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/YDSOVV4E\n  * @shadowOnly false\n  */\n  border-left: var(--zg-search-border-left, var(--zg-search-border, 0));\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border-radius\n  * @description Applies border radius to search input field\n  * @see border-radius\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/KXLSPBB4\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-search-border-radius, 0);\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border-right\n  * @description Styles the right border of search input field\n  * @see border\n  * @default var(--zg-search-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/79MXY4RD\n  * @shadowOnly false\n  */\n  border-right: var(--zg-search-border-right, var(--zg-search-border, 0));\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border-top\n  * @description Styles the top border of search input field\n  * @see border\n  * @default var(--zg-search-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/BVEFKOAX\n  * @shadowOnly false\n  */\n  border-top: var(--zg-search-border-top, var(--zg-search-border, 0));\n  box-sizing: border-box;\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-color\n  * @description Sets the font color of search input field\n  * @see color\n  * @default var(--theme-color_alt)\n  * @demoLink https://app.zingsoft.com/demos/create/P6DBIQ77\n  * @shadowOnly false\n  */\n  color: var(--zg-search-color, var(--theme-color_alt));\n  display: table-cell;\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-font-size\n  * @description Sets the font size of search input field\n  * @see font-size\n  * @default vd\n  * @demoLink https://app.zingsoft.com/demos/create/0ZWF57WG\n  * @shadowOnly false\n  */\n  font-size: var(--zg-search-font-size, var(--theme-font-size));\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-font-weight\n  * @description Sets the font weight of search input field\n  * @see font-weight\n  * @default var(--theme-font-weight)\n  * @demoLink https://app.zingsoft.com/demos/create/C460WKFJ\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-search-font-weight, var(--theme-font-weight));\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-height\n  * @description Sets the height of search input field\n  * @see height\n  * @default 32px\n  * @demoLink https://app.zingsoft.com/demos/create/VHSG3LZG\n  * @shadowOnly false\n  */\n  height: var(--zg-search-height, 32px);\n  line-height: 1;\n  outline: none;\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-padding\n  * @description Sets the padding of search input field\n  * @see padding\n  * @default 0 10px 0 15px\n  * @demoLink https://app.zingsoft.com/demos/create/I9PHNPDX\n  * @shadowOnly false\n  */\n  padding: var(--zg-search-padding, 0 10px);\n  width: 250px;\n}\n/* The search input (Right to Left direction) */\n:host([dir="rtl"]) ::slotted(input) {\nleft: 0;\nright: auto;\n}',""])},15250:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-background\n  * @description Styles the background of the entire select parent wrapper\n  * @default Browser's default value\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/FKASS504\n  * @shadowOnly true\n  */\n  background: var(--zg-select-background);\n  box-sizing: border-box;\n  cursor: pointer;\n  display:inline-block;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-font-family\n  * @description Sets the font family of the select option\n  * @see font-family\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/QEQSYYSZ\n  * @shadowOnly false\n  */\n  font-family: var(--zg-select-font-family);\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-font-size\n  * @description Sets the font size of the select option\n  * @see font-size\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/DY8BR3BP\n  * @shadowOnly false\n  */\n  font-size: var(--zg-select-font-size);\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-font-weight\n  * @description Sets the font weight of the select option\n  * @see font-weight\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/370EUHZ2\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-select-font-weight);\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-line-height\n  * @description Sets the line height of the select option\n  * @see line-height\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/WLLWY3LZ\n  * @shadowOnly false\n  */\n  line-height: var(--zg-select-line-height);\n  margin: 0;\n  padding: 0;\n  position: relative;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-transform\n  * @description Sets the transform of the select option\n  * @see transform\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/UCROZGFJ\n  * @shadowOnly false\n  */\n  transform: var(--zg-select-transform);\n  user-select: none;\n}\n:host([active]) {\n  z-index: 1000;\n}\n\n:host([disabled]) {\n  cursor: not-allowed;\n  opacity: 0.2 !important;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n.zg-select {\n  display: flex;\n  position: relative;\n  z-index: 2;\n}\n.zg-select-inner {\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-border\n  * @description Styles the border of the select\n  * @see border\n  * @default 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/C1KEFISX\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-border-bottom\n  * @description Styles the bottom border of the select\n  * @see border\n  * @default var(--zg-select-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/318YQ5SY\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-select-border-bottom, var(--zg-select-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-border-left\n  * @description Styles the left border of the select\n  * @see border\n  * @default var(--zg-select-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/3DXGEXHM\n  * @shadowOnly false\n  */\n  border-left: var(--zg-select-border-left, var(--zg-select-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-border-right\n  * @description Styles the right border of the select\n  * @see border\n  * @default var(--zg-select-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/TXSP6105\n  * @shadowOnly false\n  */\n  border-right: var(--zg-select-border-right, var(--zg-select-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-border-top\n  * @description Styles the top border of the select\n  * @see border\n  * @default var(--zg-select-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/DSM6AYMB\n  * @shadowOnly false\n  */\n  border-top: var(--zg-select-border-top, var(--zg-select-border, 1px solid var(--theme-border-color)));\n  display: flex;\n  margin: 0;\n  z-index: 0;\n  outline: none;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-height\n  * @description Sets the minimum height of the select\n  * @see height\n  * @default 28px\n  * @demoLink https://app.zingsoft.com/demos/create/B5HJ4SD8\n  * @shadowOnly true\n  */\n  min-height: var(--zg-select-height, 28px);\n  box-sizing: border-box;\n}\n\n/* Mask */\n.zg-selector-mask {\n  cursor: pointer;\n  display: none;\n  height: 100%;\n  left: 0;\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: 1;\n}\n.zg-selector-mask[active] {\n  display: block;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* The selected value element */\n:host ::slotted(.zg-select-selected) {\n  align-items: center;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-text-background\n  * @description Styles the background of the 'text' portion of the zg-select element\n  * @default #fff\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/MZG3WH82\n  * @shadowOnly false\n  */\n  background: var(--zg-select-text-background, var(--zg-select-background, #fff));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-color\n  * @description Sets the font color of the select\n  * @see color\n  * @default var(--zing-grid-color, var(--theme-color))\n  * @demoLink https://app.zingsoft.com/demos/create/LHLU0OLY\n  * @shadowOnly false\n  */\n  color: var(--zg-select-color, var(--zing-grid-color, var(--theme-color)));\n  display: flex;\n  flex: 1;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-min-width\n  * @description Sets the minimum width of select\n  * @see width\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/UPQ9KFW0\n  * @shadowOnly false\n  */\n  min-width: var(--zg-select-min-width);\n  justify-content: center;\n  overflow: hidden;\n}\n/* Active */\n:host([active]) ::slotted(.zg-select-selected) {\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-color_active\n  * @description Sets the font color of the select option\n  * @see color\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/6I5A2CSK\n  * @shadowOnly false\n  */\n  color: var(--zg-select-color_active, var(--zg-select-color, var(--zing-grid-color, var(--theme-color))));\n}\n\n/* Drop-down arrow element */\n:host ::slotted(.zg-select-trigger) {\n  align-items: center;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-trigger-background\n  * @description Styles the background of the select arrow button (trigger)\n  * @see background\n  * @default var(--zg-select-arrow-background)\n  * @demoLink https://app.zingsoft.com/demos/create/VXK1UMDY\n  * @shadowOnly false\n  */\n  background: var(--zg-select-trigger-background, var(--zg-select-arrow-background));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-border\n  * @description Styles the border of the select arrow button\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/SWYPNN61\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-border-bottom\n  * @description Styles the bottom border of the select arrow button\n  * @see border\n  * @default var(--zg-select-arrow-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/EFHCN5FS\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-select-arrow-border-bottom, var(--zg-select-arrow-border, 0));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-border-left\n  * @description Styles the left border of the select arrow button\n  * @see border\n  * @default var(--zg-select-arrow-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/MK7EXGQL\n  * @shadowOnly false\n  */\n  border-left: var(--zg-select-arrow-border-left, var(--zg-select-arrow-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-border-right\n  * @description Styles the right border of the select arrow button\n  * @see border\n  * @default var(--zg-select-arrow-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/1DGO75SG\n  * @shadowOnly false\n  */\n  border-right: var(--zg-select-arrow-border-right, var(--zg-select-arrow-border, 0));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-border-top\n  * @description Styles the top border of the select arrow button\n  * @see border\n  * @default var(--zg-select-arrow-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/1IT6DL7R\n  * @shadowOnly false\n  */\n  border-top: var(--zg-select-arrow-border-top, var(--zg-select-arrow-border, 0));\n  display: flex;\n  justify-content: center;\n  order: 1;\n  padding: 0;\n  position: relative;\n  width: 30px;\n}\n/* \n  NOTE: FF and Safari don't recognize `:after` on slotted elements\n  so we've slotted in a new element instead: `<div class=\"zg-select-trigger-arrow\">`.\n  This is added in ZGSelect.js as `this.triggerArrow`\n  TODO: When these browsers support `:after`, remove this element and set this\n  selector back to the `:after` state on the trigger itself.\n*/\n/* :host ::slotted(.zg-select-trigger):after {*/\n:host ::slotted(.zg-select-trigger-arrow) {\n  border: 5px solid transparent;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-color\n  * @description Sets the color select arrow icon\n  * @see color\n  * @default #000\n  * @demoLink https://app.zingsoft.com/demos/create/2HTIGGVX\n  * @shadowOnly true\n  */\n  border-top-color: var(--zg-select-arrow-color, var(--zg-select-color, var(--zing-grid-color, #000)));\n  /* content: ''; */\n  display: block;\n  position: absolute;\n  pointer-events: none;\n  right: 11px;\n  top: 50%;\n  transform: translateY(calc(-50% + 3px));\n  z-index: 1;\n}\n/* Active */\n:host([active]) ::slotted(.zg-select-trigger-arrow) {\n  border-top-color: var(--zg-select-arrow-color_active, var(--zg-select-color_active, var(--zg-select-color, var(--zing-grid-color, #000))));\n}\n\n:host([dir=\"rtl\"]) ::slotted(.zg-select-trigger-arrow) {\n  left: 11px;\n  right: unset;\n}\n\n/* The dropdown element */\n:host ::slotted(zg-option-list) {\n  left: 0;\n  margin-top: -1px;\n  position: absolute;\n  z-index:50;\n}\n/* Open the dropdown up instead, if the height of the dropdown extends past the bottom of <zing-grid> */\n:host([open=\"up\"]) ::slotted(zg-option-list) {\n  bottom: calc(var(--zg-select-height) - 1px);\n}",""])},70932:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    /**\n    * @memberof ZGSelectorMask\n    * @var --zg-selector-mask-opacity\n    * @description Sets the opacity of selector mask\n    * @see opacity\n    * @default .1\n    * @demoLink https://app.zingsoft.com/demos/create/1UHOVY9H\n    * @shadowOnly false\n    */\n    opacity: var(--zg-selector-mask-opacity, .1);\n}\n\n.zg-selector-mask-mask {\n    /**\n    * @memberof ZGSelectorMask\n    * @var --zg-selector-mask-background\n    * @description Styles the background of selector mask\n    * @see background\n    * @default var(--theme-color-secondary)\n    * @demoLink https://app.zingsoft.com/demos/create/WNZ6POC7\n    * @shadowOnly true\n    */\n    background-color: var(--zg-selector-mask-background, var(--theme-color-secondary));\n    pointer-events: none;\n    position: absolute;\n    transition: all 0.1s;\n}\n.zg-selector-mask-mask.blur {\n    background-color: rgba(153, 153, 153, 0.2);\n}\n",""])},90129:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-border\n    * @description Styles the border of separator in the menu\n    * @see border\n    * @default 1px solid var(--theme-border-color)\n    * @demoLink https://app.zingsoft.com/demos/create/RNVZ20TC\n    * @shadowOnly false\n    */\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-border-bottom\n    * @description Styles the bottom border of separator in the menu\n    * @see border\n    * @default var(--zg-separator-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/LUS0AQM5\n    * @shadowOnly false\n    */\n    border-bottom: var(--zg-separator-border-bottom, var(--zg-separator-border, 1px solid var(--theme-border-color)));\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-border-left\n    * @description Styles the left border of separator in the menu\n    * @see border\n    * @default var(--zg-separator-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/1644TNHT\n    * @shadowOnly false\n    */\n    border-left: var(--zg-separator-border-left, var(--zg-separator-border, 0));\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-border-right\n    * @description Styles the right border of separator in the menu\n    * @see border\n    * @default var(--zg-separator-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/0E92TO7L\n    * @shadowOnly false\n    */\n    border-right: var(--zg-separator-border-right, var(--zg-separator-border, 1px solid var(--theme-border-color)));\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-border-top\n    * @description Styles the top border of separator in the menu\n    * @see border\n    * @default var(--zg-separator-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/VLP6EXTJ\n    * @shadowOnly false\n    */\n    border-top: var(--zg-separator-border-top, var(--zg-separator-border, 0));\n    contain: content;\n    display: block;\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-margin\n    * @description Sets the margin of separator in the menu\n    * @see margin\n    * @default 5px 0\n    * @demoLink https://app.zingsoft.com/demos/create/M1YEHDNJ\n    * @shadowOnly false\n    */\n    margin: var(--zg-separator-margin, 5px 0);\n}\n\n:host([hidden]) {\n    display: none;\n}\n\n",""])},24662:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-background\n  * @description Styles the background of source when in `<zg-header>`\n  * @see background\n  * @default var(--theme-color-light)\n  * @demoLink https://app.zingsoft.com/demos/create/B8CEE4RW\n  * @shadowOnly false\n  */\n  background: var(--zg-source-background, var(--theme-color-light));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border\n  * @description Styles the border of source when in `<zg-header>`\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/61L4J1BK\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-bottom\n  * @description Styles the bottom border of source when in `<zg-header>`\n  * @see border\n  * @default var(--zg-source-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/7PHK3BWY\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-source-border-bottom, var(--zg-source-border, 0));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-left\n  * @description Styles the left border of source when in `<zg-header>`\n  * @see border\n  * @default var(--zg-source-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/V4JCUJ5Z\n  * @shadowOnly false\n  */\n  border-left: var(--zg-source-border-left, var(--zg-source-border, 0));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-right\n  * @description Styles the right border of source when in `<zg-header>`\n  * @see border\n  * @default var(--zg-source-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/F2Q3GGWE\n  * @shadowOnly false\n  */\n  border-right: var(--zg-source-border-right, var(--zg-source-border, 0));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-top\n  * @description Styles the top border of source when in `<zg-header>`\n  * @see border\n  * @default var(--zg-source-border, 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/IYUVRHY0\n  * @shadowOnly false\n  */\n  border-top: var(--zg-source-border-top, var(--zg-source-border, 0));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-radius\n  * @description Styles the border radius of source\n  * @see border-radius\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/8A6G8QCU\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-source-border-radius, 0);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-color\n  * @description Sets the font color content inside of source\n  * @see color\n  * @default var(--theme-font-size)\n  * @demoLink https://app.zingsoft.com/demos/create/2V50QBIJ\n  * @shadowOnly false\n  */\n  color: var(--zg-source-color, var(--theme-font-size));\n  contain: content;\n  display: flex;\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-size\n  * @description Sets the font size of source\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/26M7XA7S\n  * @shadowOnly false\n  */\n  font-size: var(--zg-source-font-size, .8rem);\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-style\n  * @description Sets the font style of source\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/DHFAV0VU\n  * @shadowOnly false\n  */\n  font-style: var(--zg-source-font-style, inherit);\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-weight\n  * @description Sets the font weight of source\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/MN67ITKE\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-source-font-weight, inherit);\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-line-height\n  * @description Setes the line height of source\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/XGIEZHE5\n  * @shadowOnly false\n  */\n  line-height: var(--zg-source-line-height, inherit);\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-min-height\n  * @description Sets the min-height of source\n  * @see min-height\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/65FQVPFH\n  * @shadowOnly false\n  */\n  min-height: var(--zg-source-min-height, auto);\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-padding\n  * @description Sets the padding of source\n  * @see padding\n  * @default 5px var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/3Q444PE7\n  * @shadowOnly false\n  */\n  padding: var(--zg-source-padding, 5px var(--theme-padding_x));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-text-align\n  * @description Sets text alignment of content inside of source\n  * @see text-align\n  * @default left\n  * @demoLink https://app.zingsoft.com/demos/create/39DT0WPU\n  * @shadowOnly true\n  */\n  text-align: var(--zg-source-text-align, left);\n  width: 100%;\n}\n\n/* ZG-HEADER */\n:host([position="top"]) {\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-background_top\n  * @description Styles the background of source in grid header\n  * @see background\n  * @default var(--zg-source-background, var(--theme-color-light))\n  * @demoLink https://app.zingsoft.com/demos/create/HMPYHCA5\n  * @shadowOnly false\n  */\n  background: var(--zg-source-background_top, var(--zg-source-background, var(--theme-color-light)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border_top\n  * @description Styles the border of source in grid header\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/XDGD9PE9\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-bottom_top\n  * @description Styles the bottom border of source in grid header\n  * @see border\n  * @default var(--zg-source-border-bottom, var(--zg-source-border, 1px solid var(--theme-border-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/ZLU0PJ8K\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-source-border-bottom_top, var(--zg-source-border_top, var(--zg-source-border-bottom, var(--zg-source-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-left_top\n  * @description Styles the left border of source in grid header\n  * @see border\n  * @default var(--zg-source-border-left, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/ZOSVTPPP\n  * @shadowOnly false\n  */\n  border-left: var(--zg-source-border-left_top, var(--zg-source-border_top, var(--zg-source-border-left, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-right_top\n  * @description Styles the right border of source in grid header\n  * @see border\n  * @default var(--zg-source-border-right, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/XYYNP87U\n  * @shadowOnly false\n  */\n  border-right: var(--zg-source-border-right_top, var(--zg-source-border_top, var(--zg-source-border-right, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-top_top\n  * @description Styles the top border of source in grid header\n  * @see border\n  * @default var(--zg-source-border-top, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/QFZ02F7M\n  * @shadowOnly false\n  */\n  border-top: var(--zg-source-border-top_top, var(--zg-source-border_top, var(--zg-source-border-top, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-radius_top\n  * @description Sets the border radius of source in grid header\n  * @see border-radius\n  * @default var(--zg-source-border-radius, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/YANV98VN\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-source-border-radius_top, var(--zg-source-border-radius, 0));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-color_top\n  * @description Sets the font color of source in grid header\n  * @see color\n  * @default var(--zg-source-color, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/HXKVXNN1\n  * @shadowOnly false\n  */\n  color: var(--zg-source-color_top, var(--zg-source-color, var(--zg-source-border, 0)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-size_top\n  * @description Sets the font size of source in grid header\n  * @see font-size\n  * @default var(--zg-source-font-size, .8rem)\n  * @demoLink https://app.zingsoft.com/demos/create/9L6UUOD1\n  * @shadowOnly false\n  */\n  font-size: var(--zg-source-font-size_top, var(--zg-source-font-size, .8rem));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-style_top\n  * @description Sets the font style of source in grid header\n  * @see font-style\n  * @default var(--zg-source-font-style, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/840GA0V0\n  * @shadowOnly false\n  */\n  font-style: var(--zg-source-font-style_top, var(--zg-source-font-style, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-weight_top\n  * @description Sets the font weight of source in grid header\n  * @see font-weight\n  * @default var(--zg-source-font-weight, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/USHIZ6F6\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-source-font-weight_top, var(--zg-source-font-weight, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-line-height_top\n  * @description Sets the line height of source in grid header\n  * @see line-height\n  * @default var(--zg-source-line-height, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/5YF3GLIN\n  * @shadowOnly false\n  */\n  line-height: var(--zg-source-line-height_top, var(--zg-source-line-height, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-min-height_top\n  * @description Sets the min-height of source in grid header\n  * @see min-height\n  * @default var(--zg-source-min-height, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/0QZLOW3U\n  * @shadowOnly false\n  */\n  min-height: var(--zg-source-min-height_top, var(--zg-source-min-height, var(--zg-source-border, 0)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-padding_top\n  * @description Sets the padding of source in grid header\n  * @see padding\n  * @default var(--zg-source-padding, 5px var(--theme-padding_x))\n  * @demoLink https://app.zingsoft.com/demos/create/RVNCXN9N\n  */\n  padding: var(--zg-source-padding_top, var(--zg-source-padding, 5px var(--theme-padding_x)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-text-align_top\n  * @description Sets the text alignment of source in grid header\n  * @see text-align\n  * @default var(--zg-source-text-align, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/340QGB1B\n  * @shadowOnly true\n  */\n  text-align: var(--zg-source-text-align_top, var(--zg-source-text-align, var(--zg-source-border, 0)));\n}\n\n/* ZG-FOOTER */\n:host([position="bottom"]) {\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-background_bottom\n  * @description Styles the background of source in grid footer\n  * @see background\n  * @default var(--zg-source-background, var(--theme-color-light))\n  * @demoLink https://app.zingsoft.com/demos/create/U2ULZN3K\n  * @shadowOnly false\n  */\n  background: var(--zg-source-background_bottom, var(--zg-source-background, var(--theme-color-light)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border_bottom\n  * @description Styles the border of source in grid footer\n  * @see border\n  * @default var(--zg-source-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/NLGMWVFV\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-bottom_bottom\n  * @description Styles the bottom border of source in grid footer\n  * @see border\n  * @default var(--zg-source-border-bottom, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/HU2H5A7R\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-source-border-bottom_bottom, var(--zg-source-border_bottom, var(--zg-source-border-bottom, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-left_bottom\n  * @description Styles the left border of source when in grid footer\n  * @see border\n  * @default var(--zg-source-border-left, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/TMDEY84Q\n  * @shadowOnly false\n  */\n  border-left: var(--zg-source-border-left_bottom, var(--zg-source-border_bottom, var(--zg-source-border-left, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-right_bottom\n  * @description Styles the right border of source in grid footer\n  * @see border\n  * @default var(--zg-source-border-right, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/DVIKUSPV\n  * @shadowOnly false\n  */\n  border-right: var(--zg-source-border-right_bottom, var(--zg-source-border_bottom, var(--zg-source-border-right, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-top_bottom\n  * @description Sets the border radius of source in grid footer\n  * @see border\n  * @default var(--zg-source-border-top, var(--zg-source-border, 1px solid var(--theme-border-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/HHTAVNAN\n  * @shadowOnly false\n  */\n  border-top: var(--zg-source-border-top_bottom, var(--zg-source-border_bottom, var(--zg-source-border-top, var(--zg-source-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-radius_bottom\n  * @description Styles the top border of source in grid footer\n  * @see border-radius\n  * @default var(--zg-source-border-radius, 0 0 var(--zing-grid-border-radius, 0) var(--zing-grid-border-radius, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/FX3KMZFC\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-source-border-radius_bottom, var(--zg-source-border-radius, 0 0 var(--zing-grid-border-radius, 0) var(--zing-grid-border-radius, 0)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-color_bottom\n  * @description Sets the font color of source in grid footer\n  * @see color\n  * @default var(--zg-source-color, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/ZYE5IX57\n  * @shadowOnly false\n  */\n  color: var(--zg-source-color_bottom, var(--zg-source-color, var(--zg-source-border, 0)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-size_bottom\n  * @description Sets the font size of source in grid footer\n  * @see font-size\n  * @default var(--zg-source-font-size, .8rem)\n  * @demoLink https://app.zingsoft.com/demos/create/8OUWG6MW\n  * @shadowOnly false\n  */\n  font-size: var(--zg-source-font-size_bottom, var(--zg-source-font-size, .8rem));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-style_bottom\n  * @description Sets the font style of source in grid footer\n  * @see font-style\n  * @default var(--zg-source-font-style, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/MO9TACWW\n  * @shadowOnly false\n  */\n  font-style: var(--zg-source-font-style_bottom, var(--zg-source-font-style, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-weight_bottom\n  * @description Sets the font weight of source in grid footer\n  * @see font-weight\n  * @default var(--zg-source-font-weight, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/ZI6A0WHC\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-source-font-weight_bottom, var(--zg-source-font-weight, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-line-height_bottom\n  * @description Sets the line height of source in grid footer\n  * @see line-height\n  * @default var(--zg-source-line-height, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/2AFGKKGF\n  * @shadowOnly false\n  */\n  line-height: var(--zg-source-line-height_bottom, var(--zg-source-line-height, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-min-height_bottom\n  * @description Sets the min-height of source in grid footer\n  * @see min-height\n  * @default var(--zg-source-min-height, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/XFJ87KHV\n  * @shadowOnly false\n  */\n  min-height: var(--zg-source-min-height_bottom, var(--zg-source-min-height, var(--zg-source-border, 0)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-padding_bottom\n  * @description Sets the padding of source when in grid footer\n  * @see padding\n  * @default var(--zg-source-padding, 5px var(--theme-padding_x))\n  * @demoLink https://app.zingsoft.com/demos/create/32PB37Q8\n  * @shadowOnly false\n  */\n  padding: var(--zg-source-padding_bottom, var(--zg-source-padding, 5px var(--theme-padding_x)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-text-align_bottom\n  * @description Sets the text alignment of source in grid footer\n  * @see text-align\n  * @default var(--zg-source-text-align, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/F3WEBJI1\n  * @shadowOnly true\n  */\n  text-align: var(--zg-source-text-align_bottom, var(--zg-source-text-align, var(--zg-source-border, 0)));\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n\ncite {\n  /* Already documented above */\n  font-style: var(--zg-source-font-style, inherit);\n  width: 100%;\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */',""])},59812:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  bottom: auto;\n  inset: var(--zg-status-offset) var(--zg-status-offset) auto auto;\n  opacity: 0;\n\n  pointer-events: none;\n  position: absolute;\n  /* width: 100%; */\n  transition: opacity .25s;\n}\n\n/* Active */\n:host([active]) {\n  opacity: 1;\n  pointer-events: auto;\n  z-index:11; /* Set to 11 to be higher than zg-focus */ \n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n.zg-status {\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-background\n  * @description Styles the background of status\n  * @see background\n  * @default #333\n  * @demoLink https://app.zingsoft.com/demos/create/W5V0YNUC\n  * @shadowOnly true\n  */\n  background: var(--zg-status-background, transparent);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-border\n  * @description Styles the border of status\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/Z8G1Y9J0\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-border-bottom\n  * @description Styles the bottom border of status\n  * @see border\n  * @default var(--zg-status-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/RDBMZRYT\n  * @shadowOnly true\n  */\n  border-bottom: var(--zg-status-border-bottom, var(--zg-status-border, 0));\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-border-left\n  * @description Styles the left border of status\n  * @see border\n  * @default var(--zg-status-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/0N6OVVNL\n  * @shadowOnly true\n  */\n  border-left: var(--zg-status-border-left, var(--zg-status-border, 0));\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-border-right\n  * @description Styles the right border of status\n  * @see border\n  * @default var(--zg-status-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/V4FJ8NP0\n  * @shadowOnly true\n  */\n  border-right: var(--zg-status-border-right, var(--zg-status-border, 0));\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-border-top\n  * @description Styles the top border of status\n  * @see border\n  * @default var(--zg-status-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/JR75IU0Z\n  * @shadowOnly true\n  */\n  border-top: var(--zg-status-border-top, var(--zg-status-border, 0));\n  border-radius: var(--zg-status-border-radius, 7px);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-box-shadow\n  * @description Applies a box shadow behind status\n  * @see box-shadow\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/AFADODNH\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-status-box-shadow, none);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-color\n  * @description Sets the font color of contents in status\n  * @see color\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/4M1VTWI2\n  * @shadowOnly true\n  */\n  color: var(--zg-status-color, #fff);\n  /* contain: content; */\n  cursor: default;\n  display: flex;\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-margin\n  * @description Sets the margin of status\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/68R9EOE1\n  * @shadowOnly true\n  */\n  margin: var(--zg-status-margin, 0);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-min-height\n  * @description Sets the min-height of status\n  * @see min-height\n  * @default 27px\n  * @demoLink https://app.zingsoft.com/demos/create/I8H3QJQH\n  * @shadowOnly true\n  */\n  user-select: none;\n  /* width: 100%; */\n}\n\n/* TYPE: ERROR */\n:host([type="error"]) .zg-status,\n:host([type="error"]) .zg-status > * {\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-error-background\n  * @description Styles the background of \'error\' status\n  * @see background\n  * @default red\n  * @demoLink https://app.zingsoft.com/demos/create/6PA9F3ZV\n  * @shadowOnly true\n  * @storyAlert true\n  */\n  background: var(--zg-status-error-background, #f44336);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-error-color\n  * @description Sets the font color of contents of \'error\' status\n  * @see color\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/I2PDH9NT\n  * @shadowOnly true\n  * @storyAlert true\n  */\n  color: var(--zg-status-error-color, var(--zg-status-color, #fff));\n}\n\n/* TYPE: SUCCESS */\n:host([type="success"]) .zg-status,\n:host([type="success"]) .zg-status > * {\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-success-background\n  * @description Styles the background of \'success\' status\n  * @see background\n  * @default green\n  * @demoLink https://app.zingsoft.com/demos/create/NBN1ICRW\n  * @shadowOnly true\n  */\n  background: var(--zg-status-success-background, #4caf50);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-success-color\n  * @description Sets the font color of contents of \'success\' status\n  * @see color\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/NOBFYNI2\n  * @shadowOnly true\n  */\n  color: var(--zg-status-success-color, var(--zg-status-color, #fff));\n}\n\n\n/* POSITION: BAR */\n:host([status-position="bar"]) {\n  --zg-status-border-radius: 0;\n}\n\n\n\n/* ZG-ICON */\n.zg-status > zg-icon {\n  margin-right: 8px;\n}\n\n\n/* Message Container */\n.zg-status-message {\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-align-items\n  * @description Sets the alignment of inner elements of status\n  * @see align-items\n  * @default center\n  * @demoLink https://app.zingsoft.com/demos/create/ZRT752NI\n  * @shadowOnly true\n  * @storyAlert recommend:--zg-status-min-height:50px\n  */\n  align-items: var(--zg-status-align-items);\n  border-radius: 3px;\n  box-sizing: border-box;\n  display: flex;\n  flex: 1;\n  gap: 6px;\n  min-height: var(--zg-status-min-height, 27px);\n  overflow: hidden;\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-justify-content\n  * @description Sets the horizontal alignment of contents in status\n  * @see justify-content\n  * @default flex-start\n  * @demoLink https://app.zingsoft.com/demos/create/S5Z1A4YD\n  * @shadowOnly true\n  * @private\n  * @storyAlert recommend:--zg-status-min-height:50px\n  */\n  justify-content: var(--zg-status-justify-content, flex-start);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-font-family\n  * @description Sets the font family of contents in status\n  * @see font-family\n  * @default var(--theme-font-family)\n  * @demoLink https://app.zingsoft.com/demos/create/V9XSI899\n  * @shadowOnly true\n  */\n  font-family: var(--zg-status-font-family, var(--theme-font-family));\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-font-size\n  * @description Sets the font size of contents in status\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/DWUD8JY8\n  * @shadowOnly true\n  */\n  font-size: var(--zg-status-font-size, .75rem);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-line-height\n  * @description Sets the line height of status\n  * @see line-height\n  * @default 1\n  * @demoLink https://app.zingsoft.com/demos/create/NIZJO06Q\n  * @shadowOnly true\n  */\n  line-height: var(--zg-status-line-height, 1.4);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-max-width\n  * @description Sets the max-width of the status-message area\n  * @see width\n  * @default 300px\n  * @demoLink https://app.zingsoft.com/demos/create/SQY0NAMY\n  * @shadowOnly true\n  */\n  max-width: var(--zg-status-max-width, 280px);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-padding\n  * @description Sets the padding of status\n  * @see padding\n  * @default 14px var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/OMHQO954\n  * @shadowOnly true\n  */\n  padding: var(--zg-status-padding, 10px);\n  transform: translateX(0);\n  z-index: 1;\n}\n\n.zg-status-message zg-icon {\n  height: 16px;\n  width: 16px;\n}\n\n/* Position: Bar */\n:host([status-position="bar"]) .zg-status-message {\n  --zg-status-font-size: 13px;\n  --zg-status-justify-content: flex-start;\n  --zg-status-max-width: none;\n}\n:host([status-position="bar"]) .zg-status-message zg-icon {\n  flex: 0 1 auto;\n}\n\n/* Icon */\n.zg-status-message zg-icon {\n  flex:1 0 auto;\n}\n:host([type="success"]) .zg-status-message zg-icon {\n  transform: translateY(-1px)\n}\n\n/* Text/Label */\n.zg-status-text { transform:translateY(2px); }\n\n/* Action */\n.zg-status-action {\n  background: #fbfbfb;\n  border-radius: 0 3px 3px 0;\n  cursor: pointer;\n  display: flex;\n  font-size: 90%;\n  outline: none;\n  overflow: hidden;\n  text-transform: uppercase;\n  width: 24px;\n}\n/* Position: Bar */\n:host([status-position="bar"]) .zg-status-action {\n  width: 34px;\n}\n\n/* Span wrapper */\n.zg-status-action > [close] {\n  display: flex;\n}\n\n/* SVG Icon */\n.zg-status-action zg-icon {\n  border-radius: 0 3px 3px 0;\n  display: flex;\n  fill: #fff;\n  height: 100%;\n  justify-content: center;\n  min-width: 24px;\n}\n\n.zg-status-action svg {\n  height: 14px;\n  width: 14px;  \n  transform: translateY(5px) rotate(0);\n}\n.zg-status-action zg-icon:hover svg {\n  transform: translateY(5px) rotate(-90deg);\n  transition: transform .3s ease-out;\n}\n\n/* Position: Bar */\n:host([status-position="bar"]) .zg-status-action zg-icon {\n  align-items: center;\n  min-width: 34px;\n}\n:host([status-position="bar"]) .zg-status-action svg {\n  width: 20px;\n  height:20px;\n  transform: translateY(0) rotate(0);\n}\n:host([status-position="bar"]) .zg-status-action zg-icon:hover svg {\n  transform: translateY(0) rotate(-90deg);\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */',""])},69652:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    display: inline;\n    /**\n    * @memberof ZGText\n    * @var --zg-text-color\n    * @description Sets the font color of text\n    * @see color\n    * @default Browser's default value\n    * @demoLink https://app.zingsoft.com/demos/create/6MC0B6AC\n    * @shadowOnly false\n    */\n    color: var(--zg-text-color);\n    /**\n    * @memberof ZGText\n    * @var --zg-text-font-family\n    * @description Sets the font family of text\n    * @see font-family\n    * @default Browser's default value\n    * @demoLink https://app.zingsoft.com/demos/create/0WX0EZZ8\n    * @shadowOnly false\n    */\n    font-family: var(--zg-text-font-family);\n    /**\n    * @memberof ZGText\n    * @var --zg-text-font-size\n    * @description Sets the font size of text\n    * @see font-size\n    * @default Browser's default value\n    * @demoLink https://app.zingsoft.com/demos/create/R9RX1WRC\n    * @shadowOnly false\n    */\n    font-size: var(--zg-text-font-size);\n    /**\n    * @memberof ZGText\n    * @var --zg-text-font-style\n    * @description Sets the font style of text\n    * @see font-style\n    * @default Browser's default value\n    * @demoLink https://app.zingsoft.com/demos/create/LE7Z8B73\n    * @shadowOnly false\n    */\n    font-style: var(--zg-text-font-style);\n    /**\n    * @memberof ZGText\n    * @var --zg-text-font-weight\n    * @description Sets the font weight of text\n    * @see font-weight\n    * @default Browser's default value\n    * @demoLink https://app.zingsoft.com/demos/create/J9EWFRHT\n    * @shadowOnly false\n    */\n    font-weight: var(--zg-text-font-weight);\n    /**\n    * @memberof ZGText\n    * @var --zg-text-line-height\n    * @description Sets the line height of text\n    * @see line-height\n    * @default .8\n    * @demoLink https://app.zingsoft.com/demos/create/W14MFSEF\n    * @shadowOnly false\n    */\n    line-height: var(--zg-text-line-height, .8);\n}",""])},47293:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* HOST - CONFIG\n-------------------------------------- */\n/* Type: Default */\n:host([tooltip-type="default"]) {\n  --tooltip-background-color: var(--zing-grid-background);\n  --tooltip-border-color: var(--theme-border-color);\n  --tooltip-arrow-size: 7px;\n  --tooltip-icon-horz-offset: -8px;\n  --tooltip-offset: 8px;\n}\n:host([tooltip-type="default"][no-info-icon]) {\n  --tooltip-icon-horz-offset: -10px;\n  --tooltip-offset: 6px;\n  --tooltip-vert-offset: 2px;\n}\n\n/* Type: System */\n:host([tooltip-type="system"]) {\n  --tooltip-background-color: var(--theme-color_alt);\n  --tooltip-border-color: var(--theme-color_alt);\n  --tooltip-arrow-size: 5px;\n  --tooltip-height: 22px;\n  --tooltip-offset: 8px;\n  --tooltip-icon-horz-offset: -4px;\n  --tooltip-vert-offset: 0;\n}\n:host([tooltip-type="system"][no-info-icon]) {\n  /* --tooltip-offset: 6px; */\n  --tooltip-icon-horz-offset: calc(-1 * var(--tooltip-arrow-size) - 2px);\n  --tooltip-vert-offset: 1px;\n}\n\n\n/* HOST\n-------------------------------------- */\n/* Type: Default */\n:host {\n  background: var(--tooltip-background-color);\n  border: 1px solid var(--tooltip-border-color);\n  border-radius: 4px;\n  display: block;\n  line-height: initial;\n  padding: 10px;\n  pointer-events: auto;\n  position: absolute;\n  z-index: 11;\n}\n/* Type: System */\n:host([tooltip-type="system"])  {\n  background: var(--tooltip-background-color);\n  border: 1px solid var(--tooltip-border-color);\n  border-radius: 2px;\n  color: #fff;\n  font-size: 11px;\n  line-height: 1;\n  padding: 6px 8px;\n}\n\n/*  Add space for close button */\n:host([tooltip-action="click"]) {\n  padding-top: 35px;\n}\n\n:host([hidden]) {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n/* :before and :after arrow graphic */\n:host:before,\n:host:after {\n  content: \'\';\n  display: block;\n  position: absolute;\n}\n:host:before {\n  border: var(--tooltip-arrow-size) solid transparent;\n}\n:host:after {\n  border: calc(var(--tooltip-arrow-size) - 1px) solid transparent;\n}\n\n/* POSITIONING: TOP\n-------------------------------------- */\n/* Has Info Icon (from icon) */\n:host([tooltip-position="top"]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * 100%));\n}\n:host([tooltip-position="top"][animate]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * 100% - var(--tooltip-offset)));\n}\n/* No Info Icon (from cell) */\n:host([tooltip-position="top"][no-info-icon]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * 100% + (var(--zg-row-head-height)/2) - (var(--tooltip-arrow-size)*2)));\n}\n:host([tooltip-position="top"][no-info-icon][animate]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * 100% + (var(--zg-row-head-height)/2) - (var(--tooltip-arrow-size)*2) - var(--tooltip-offset)));\n}\n/* Arrow */\n:host([tooltip-position="top"]):before,\n:host([tooltip-position="top"]):after {\n  left: var(--tooltip-arrow-size);\n  top: 100%;\n}\n:host([tooltip-position="top"]):before {\n  border-top-color: var(--tooltip-border-color);\n}\n:host([tooltip-position="top"]):after {\n  border-top-color: var(--tooltip-background-color);\n  transform: translateX(1px);\n}\n\n\n/* POSITIONING: BOTTOM\n-------------------------------------- */\n/* Has Info Icon (from icon) */\n:host([tooltip-position="bottom"]) {\n  transform: translate(var(--tooltip-icon-horz-offset), 0);\n}\n:host([tooltip-position="bottom"][animate]) {\n  transform: translate(var(--tooltip-icon-horz-offset), var(--tooltip-offset));\n}\n/* No Info Icon (from cell) */\n:host([tooltip-position="bottom"][no-info-icon]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * (var(--zg-row-head-height)/2) + (var(--tooltip-arrow-size)*2)));\n}\n:host([tooltip-position="bottom"][no-info-icon][animate]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * (var(--zg-row-head-height)/2) + (var(--tooltip-arrow-size)*2) + var(--tooltip-offset) - var(--tooltip-vert-offset)));\n}\n/* Arrow */\n:host([tooltip-position="bottom"]):before,\n:host([tooltip-position="bottom"]):after {\n  left: var(--tooltip-arrow-size);\n  top: calc(-1 * (var(--tooltip-arrow-size) * 2));\n}\n:host([tooltip-position="bottom"]):before {\n  border-bottom-color: var(--tooltip-border-color);\n}\n:host([tooltip-position="bottom"]):after {\n  border-bottom-color: var(--tooltip-background-color);\n  transform: translate(1px, 2px);\n}\n\n\n/* POSITIONING: LEFT\n-------------------------------------- */\n:host([tooltip-position="left"]) {\n  transform: translate(calc(-1 * 100% - (var(--tooltip-arrow-size)/2)), -50%);\n}\n:host([tooltip-position="left"][animate]) {\n  transform: translate(calc(-1 * 100% - var(--tooltip-offset) - (var(--tooltip-arrow-size)/2)), -50%);\n}\n:host([tooltip-position="left"][no-info-icon]) {\n  transform: translate(calc(-1 * 100% + var(--zg-head-cell-padding-left) - (var(--tooltip-arrow-size)/2)), -50%);\n}\n:host([tooltip-position="left"][no-info-icon][animate]) {\n  transform: translate(calc(-1 * 100% + var(--zg-head-cell-padding-left) - (var(--tooltip-arrow-size)/2) - var(--tooltip-offset) - 1px), -50%);\n}\n/* Arrow */\n:host([tooltip-position="left"]):before,\n:host([tooltip-position="left"]):after {\n  left: 100%;\n  top: 50%;\n}\n:host([tooltip-position="left"][tooltip-type="system"]):before,\n:host([tooltip-position="left"][tooltip-type="system"]):after {\n  transform: translate(0, calc(-1 * 50% + 7px));\n}\n:host([tooltip-position="left"]):before {\n  border-left-color: var(--tooltip-border-color);\n}\n:host([tooltip-position="left"]):after {\n  border-left-color: var(--tooltip-background-color);\n  transform: translateY(1px);\n}\n:host([tooltip-position="left"]):before,\n:host([tooltip-position="left"]):after {\n  transform: translate(0, calc(-1 * 50% - 1px));\n}\n\n\n/* POSITIONING: RIGHT\n-------------------------------------- */\n:host([tooltip-position="right"]) {\n  transform: translate(calc(var(--tooltip-arrow-size)), -50%);\n}\n:host([tooltip-position="right"][animate]) {\n  transform: translate(calc(var(--tooltip-arrow-size) + var(--tooltip-offset)), -50%);\n}\n/* Arrow */\n:host([tooltip-position="right"]):before,\n:host([tooltip-position="right"]):after {\n  right: 100%;\n  top: 50%;\n}\n:host([tooltip-position="right"][tooltip-type="system"]):before,\n:host([tooltip-position="right"][tooltip-type="system"]):after {\n  transform: translate(0, calc(-1 * 50% + 7px));\n}\n\n:host([tooltip-position="right"]):before {\n  border-right-color: var(--tooltip-border-color);\n}\n:host([tooltip-position="right"]):after {\n  border-right-color: var(--tooltip-background-color);\n  transform: translateY(1px);\n}\n\n:host([tooltip-position="right"]):before,\n:host([tooltip-position="right"]):after {\n  transform: translate(0, calc(-1 * 50% - 1px));\n}\n\n/*  CLOSE BUTTON */\nbutton.zg-tooltip-close {\n  background: var(--zg-icon-color, var(--theme-color-primary));\n  border: 0;\n  border-radius: 2px;\n  color: var(--theme-color-light);\n  cursor: pointer;\n  display: none;\n  font-size: 11px;\n  outline: none;\n  padding: 4px_5px;\n  position: absolute;\n  right: 10px;\n  top: 10px;\n}\n\n:host([tooltip-action="click"]) button.zg-tooltip-close {\n  display: block;\n}\n\n',""])},43503:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-align-items\n     * @description Sets the alignment of watermark\n     * @default center\n     * @demoLink https://app.zingsoft.com/demos/create/S5YW98DV\n     */\n    align-items: var(--zg-watermark-align-items, center);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-background\n     * @description Styles the background of watermark\n     * @default #fbfbfb\n     * @demoLink https://app.zingsoft.com/demos/create/PLI8AW69\n     */\n    background: var(--zg-watermark-background, #fbfbfb);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-border-bottom\n     * @description Styles the bottom border of watermark\n     * @default var(--zg-watermark-border, 0)\n     * @demoLink https://app.zingsoft.com/demos/create/3VCNCH3C\n     */\n    border-bottom: var(--zg-watermark-border-bottom, var(--zg-watermark-border, 0));\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-border-left\n     * @description Styles the left border of watermark\n     * @default var(--zg-watermark-border, 0)\n     * @demoLink https://app.zingsoft.com/demos/create/13YH2AD1\n     */\n    border-left: var(--zg-watermark-border-left, var(--zg-watermark-border, 0));\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-border-radius\n     * @description Applies border radius to the watermark\n     * @default inherit\n     * @demoLink https://app.zingsoft.com/demos/create/HCZ0FTPR\n     */\n    border-radius: var(--zg-watermark-border-radius, inherit);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-border-right\n     * @description Styles the right border of watermark\n     * @default var(--zg-watermark-border, 0)\n     * @demoLink https://app.zingsoft.com/demos/create/ULJ95NPX\n     */\n    border-right: var(--zg-watermark-border-right, var(--zg-watermark-border, 0));\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-border-top\n     * @description Styles the top border of watermark\n     * @default var(--zg-watermark-border, 1px solid var(--theme-border-color))\n     * @demoLink https://app.zingsoft.com/demos/create/GCQARHA3\n     */\n    border-top: var(--zg-watermark-border-top, var(--zg-watermark-border, 1px solid var(--theme-border-color)));\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-box-shadow\n     * @description Applies a box shadow behing the watermark\n     * @default none\n     * @demoLink https://app.zingsoft.com/demos/create/DNU5EE34\n     */\n    box-shadow: var(--zg-watermark-box-shadow, none);\n    box-sizing: border-box;\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-color\n     * @description Sets the color of watermark\n     * @default var(--theme-color-primary)\n     * @demoLink https://app.zingsoft.com/demos/create/RHV3AZL7\n     */\n    color: var(--zg-watermark-color, var(--theme-color-primary));\n    contain: content;\n    display: flex;\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-font-family\n     * @description Sets the font of watermark\n     * @default var(--theme-font-family)\n     * @demoLink https://app.zingsoft.com/demos/create/Z5DUURMU\n     */\n    font-family: var(--zg-watermark-font-family, var(--theme-font-family));\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-font-size\n     * @description Sets the font size of watermark\n     * @default .75rem\n     * @demoLink https://app.zingsoft.com/demos/create/GSCFSFBN\n     */\n    font-size: var(--zg-watermark-font-size, .75rem);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-justify-content\n     * @description Sets the horizontal alignment of contents in the watermark\n     * @default flex-end\n     * @demoLink https://app.zingsoft.com/demos/create/J3IEZOOI\n     */\n    justify-content:var(--zg-watermark-justify-content, flex-end);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-margin\n     * @description Sets margins of watermark\n     * @default 0\n     * @demoLink https://app.zingsoft.com/demos/create/JKMSIB8K\n     */\n    margin: var(--zg-watermark-margin, 0);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-min-height\n     * @description Sets the minimum height of watermark\n     * @default 27px\n     * @demoLink https://app.zingsoft.com/demos/create/LLLRII80\n     */\n    min-height: var(--zg-watermark-min-height, 27px);\n    overflow: hidden;\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-padding\n     * @description Sets padding of watermark\n     * @default 0 var(--theme-padding_x)\n     * @demoLink https://app.zingsoft.com/demos/create/2F6JMW08\n     */\n    padding: var(--zg-watermark-padding, 0 var(--theme-padding_x));\n    position: relative;\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-width\n     * @description Sets width of watermark\n     * @default auto\n     * @demoLink https://app.zingsoft.com/demos/create/52DLY7I5\n     */\n    width: var(--zg-watermark-width, auto);\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\na {\n  color: var(--zg-watermark-color, var(--theme-color-primary));\n  text-decoration: none;\n}\n\nstrong {\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-color_strong\n     * @description Sets color of strong in watermark\n     * @default var(--theme-color-secondary)\n     * @demoLink https://app.zingsoft.com/demos/create/OWU6641C\n     */\n    color: var(--zg-watermark-color_strong, var(--zg-watermark-color, var(--theme-color-secondary)));\n}",""])},9733:(e,t,o)=>{(t=e.exports=o(9252)()).i(o(33974),""),t.i(o(13054),""),t.i(o(79300),""),t.i(o(96110),""),t.i(o(36913),""),t.i(o(36375),""),t.push([e.id,'/* IMPORT\n-------------------------------------- */\n/* Import variables file for each built-in theme */\n/* NOTE: This is required. You don\'t need to import to other components since they inherit from zing-grid. */\n/* NOTE: `default.css` is the base. Other internal themes build off of it */\n/* Import internal themes */\n/* Compact version - must go after theme calls */\n\n/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-background\n  * @default #fff\n  * @see background\n  * @description Styles the background of grid\n  * @demoLink https://app.zingsoft.com/demos/create/S2LGW6WY\n  * @shadowOnly false\n  */\n  background: var(--zing-grid-background, #fff);\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border\n  * @description Styles the border of grid\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/FNVV7TJP\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border-bottom\n  * @description Styles the bottom border of grid\n  * @see border\n  * @default var(--zing-grid-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/BP54E8PI\n  * @shadowOnly false\n  */\n  border-bottom: var(--zing-grid-border-bottom, var(--zing-grid-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border-left\n  * @description Styles the left border of grid\n  * @see border\n  * @default var(--zing-grid-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/BQ8DWU62\n  * @shadowOnly false\n  */\n  border-left: var(--zing-grid-border-left, var(--zing-grid-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border-radius\n  * @description Applies border radious to grid\n  * @see border-radius\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/O84UETSN\n  * @shadowOnly true\n  */\n  border-radius: var(--zing-grid-border-radius, 0);\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border-right\n  * @description Styles the right border of grid\n  * @see border\n  * @default var(--zing-grid-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/7AFJ7RUL\n  * @shadowOnly false\n  */\n  border-right: var(--zing-grid-border-right, var(--zing-grid-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border-top\n  * @description Styles the top border of grid\n  * @see border\n  * @default var(--zing-grid-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/PZO08P3O\n  * @shadowOnly false\n  */\n  border-top: var(--zing-grid-border-top, var(--zing-grid-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-box-shadow\n  * @description Applies a box shadow behind grid\n  * @see box-shadow\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/58QV7GJW\n  * @shadowOnly false\n  */\n  box-shadow: var(--zing-grid-box-shadow, none);\n  box-sizing: border-box;\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-color\n  * @default --theme-color\n  * @see color\n  * @description The font color of grid\n  * @demoLink https://app.zingsoft.com/demos/create/PEY7GS10\n  * @shadowOnly false\n  */\n  color: var(--zing-grid-color, var(--theme-color));\n  display: table;\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-font-family\n  * @default --theme-font-family\n  * @see font-family\n  * @description Sets the font family of grid text\n  * @demoLink https://app.zingsoft.com/demos/create/7KFKVQX1\n  * @shadowOnly false\n  */\n  font-family: var(--zing-grid-font-family, var(--theme-font-family));\n  font-feature-settings: \'liga\'; /* Support for IE. */\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-font-size\n  * @default --theme-font-size\n  * @see font-size\n  * @description Sets the font size of grid text\n  * @demoLink https://app.zingsoft.com/demos/create/HCQWBCQ1\n  * @shadowOnly false\n  */\n  font-size: var(--zing-grid-font-size, var(--theme-font-size));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-font-style\n  * @default --theme-font-style\n  * @see font-style\n  * @description Sets the font style of grid text\n  * @demoLink https://app.zingsoft.com/demos/create/9Q837C38\n  * @shadowOnly false\n  */\n  font-style: var(--zing-grid-font-style, var(--theme-font-style));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-font-weight\n  * @default --theme-font-weight\n  * @see font-weight\n  * @description Sets the font weight of grid text\n  * @demoLink https://app.zingsoft.com/demos/create/9NIED1XI\n  * @shadowOnly false\n  */\n  font-weight: var(--zing-grid-font-weight, var(--theme-font-weight));\n  position: relative;\n  -webkit-font-smoothing: antialiased; /* Support for all WebKit browsers. */\n  -moz-osx-font-smoothing: grayscale; /* Support for Firefox. */\n  text-rendering: optimizeLegibility; /* Support for Safari and Chrome. */\n  width: 100%;\n  outline: none;\n}\n/* [fullscreen] mode */\n:host([fullscreen]) {\n  left: 0;\n  position: fixed;\n  top: 0;\n}\n\n/* [viewport="mobile"] mode */\n:host([viewport="mobile"]) {\n  --zg-dialog-editor-row-grid-template-columns: 1fr;\n}\n\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n\n/* MAIN WRAPPER */\n.zing-grid {\n  border-collapse: collapse;\n  /* display: table; */\n  height: 100%;\n  width: 100%;\n}\n\n:host([loading]) {\n  display: flex;\n  flex-direction: column;\n}\n:host([loading]) .zing-grid {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n}\n\n\n/* ------ */\n\n\n/* GRID CONTENT WRAPPERS */\n\n/* WRAPPER 1 */\n/* TODO: Remove .zing-grid-wrapper-1, but for now it breaks when removed. Possible JS tied to \'#wrap\' id */\n.zing-grid-wrapper-1 {\n  outline: none;\n}\n:host([loading]) .zing-grid-wrapper-1 {\n  flex: 1;\n}\n\n/* WRAPPER 2 */\n.zing-grid-wrapper-2 {\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-table-border\n  * @description Styles the border of grid table contents\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/7AYEIA84\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-table-border-bottom\n  * @default 0\n  * @see border\n  * @description Styles the bottom border of grid table contents\n  * @default var(--zing-grid-table-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/V22ON3LN\n  * @shadowOnly true\n  */\n  border-bottom: var(--zing-grid-table-border-bottom, var(--zing-grid-table-border, var(--zing-grid-body-border, 0)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-table-border-left\n  * @default 0\n  * @see border\n  * @description Styles the left border of grid table contents\n  * @default var(--zing-grid-table-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/TYY11EZ3\n  * @shadowOnly true\n  */\n  border-left: var(--zing-grid-table-border-left, var(--zing-grid-table-border, var(--zing-grid-body-border, 0)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-table-border-right\n  * @default 0\n  * @see border\n  * @description Styles the right border of grid table contents\n  * @default var(--zing-grid-table-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/JRSIU7TZ\n  * @shadowOnly true\n  */\n  border-right: var(--zing-grid-table-border-right, var(--zing-grid-table-border, var(--zing-grid-body-border, 0)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-table-border-top\n  * @default 0\n  * @see border\n  * @description Styles the top border of grid table contents\n  * @default var(--zing-grid-table-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/U2UPKR02\n  * @shadowOnly true\n  */\n  border-top: var(--zing-grid-table-border-top, var(--zing-grid-table-border, var(--zing-grid-body-border, 0)));\n  flex: 1 1 auto;\n  outline: none;\n  position:relative;\n}\n\n.zing-grid-wrapper-2[width] {\n    /* overflow-x: auto;\n    overflow-y: hidden; */\n    overflow: hidden;\n}\n\n.zing-grid-wrapper-2[no-data] {\n  display: none;\n}\n\n/* Scroll Wrapper\n    scroll-wrap and zing-grid-frames are the same with the exception of flex and overflow:auto\n */\n.zing-grid-scroll-wrap {\n}\n\n/* ------ */\n\n\n/* FRAME WRAPPER */\n.zing-grid-frames {\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-body-border\n  * @description Styles the border of grid body\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/Y8DATMC5\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-body-border-bottom\n  * @see border\n  * @description Styles the bottom border of grid body\n  * @default var(--zing-grid-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/DV04MMF0\n  * @shadowOnly false\n  */\n  /* border-bottom: var(--zing-grid-body-border-bottom, var(--zing-grid-body-border, 0));*/\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-body-border-left\n  * @see border\n  * @description Styles the left border of grid body\n  * @default var(--zing-grid-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FLHJ459E\n  * @shadowOnly false\n  */\n  /* border-left: var(--zing-grid-body-border-left, var(--zing-grid-body-border, 0));*/\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-body-border-right\n  * @see border\n  * @description Styles the right border of grid body\n  * @default var(--zing-grid-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/TGKGCNRA\n  * @shadowOnly false\n  */\n  /* border-right: var(--zing-grid-body-border-right, var(--zing-grid-body-border, 0));*/\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-body-border-top\n  * @see border\n  * @description Styles the top border of grid body\n  * @default var(--zing-grid-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/QIG564H2\n  * @shadowOnly false\n  */\n  /* border-top: var(--zing-grid-body-border-top, var(--zing-grid-body-border, 0));*/\n\n  display: flex;\n}\n/* [fullscreen] mode */\n/* :host([fullscreen]) .zing-grid-frames { overflow:auto; } */\n\n.zing-grid-frames-body { overflow:auto; }\n\n/* ------ */\n\n\n/* GRID BODY AREAS (FRAMES - Mainly for freezing) */\n\n/* Shared */\n/* [class*="zing-grid-frame-"] {} */\n\n/* Left */\n.zing-grid-frame-left { /*border:1px solid green;  TMP */ }\n\n/* Main */\n.zing-grid-frame-main {\n  overflow:hidden;\n  position: relative;\n} /* flex: 1 0 auto;  */ /*border:1px solid purple;  TMP */\n.zing-grid-frames-body .zing-grid-frame-main { /*height:1200px;*/ } /* @CS here */\n\n/* Right */\n/* .zing-grid-frame-right {} */\n\n\n/* ------ */\n\n\n/* HEAD */\n\n/* Shared */\n\n/* Left */\n/* .zing-grid-head-left {} */\n\n/* Main */\n/* .zing-grid-head-main {} */\n\n/* Right */\n/* .zing-grid-head-right {} */\n\n\n/* ------ */\n\n/* BODY */\n\n/* Shared */\n[class*="zing-grid-body-"] {\n  box-sizing: border-box;\n  display: table;\n  overflow-x: scroll;\n  position: relative;\n  width: 100%;\n  table-layout: fixed;\n}\n\n/* Left */\n/* .zing-grid-body-left {} */\n\n/* Main */\n/* .zing-grid-body-main {} */\n\n/* Right */\n/* .zing-grid-body-right {} */\n\n\n/* ------ */\n\n\n/* BODY SCROLL\n-------------------------------------- */\n/* BODY SCROLL */\n/* Inner scroll wrapper */\n.zing-grid-scroll {\n  position: relative;\n  overflow-x: auto;\n}\n.zing-grid-scroll[height] {\n  /* overflow-x: auto;\n  overflow-y: hidden; */\n  overflow: auto;\n}\n\n\n\n/* FREEZE\n-------------------------------------- */\n\n/* Shared */\n.zing-grid-freeze-left,\n.zing-grid-freeze-right {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  /* table-layout: fixed; */ /* @CS Did you add this for a particular reason? I don\'t think it is needed, but I might not see the whole picture. */\n}\n/* When no freeze columns, hide the column wrappers so that body can fill the whole width */\n.zing-grid-frames[no-freeze] .zing-grid-freeze-left,\n.zing-grid-frames[no-freeze] .zing-grid-freeze-right {\n  display: none;\n}\n\n.zing-grid-freeze-left[no-content],\n.zing-grid-freeze-right[no-content] {\n  display: none;\n}\n\n/* Left */\n/* .zing-grid-freeze-left {} */\n\n/* Right */\n/* .zing-grid-freeze-right {} */\n\n.zing-grid-freeze-style-left {\n\tleft: 0;\n}\n\n:host ::slotted(#zing-grid-freeze-style-left) {\n\tleft: 0;\n}\n\n:host([dir="rtl"]) ::slotted(#zing-grid-freeze-style-left) {\n\tleft: unset;\n  right: 0;\n}\n\n:host ::slotted(#zing-grid-freeze-style-right) {\n\tright: 0;\n}\n\n:host([dir="rtl"]) ::slotted(#zing-grid-freeze-style-right) {\n\tright: unset;\n  left: 0;\n}\n\n/* Hide in card layout mode */\n:host([layout="card"]) .zing-grid-freeze-style-left,\n:host([layout="card"]) .zing-grid-freeze-style-right {\n  display: none;\n}\n\n/* When selector is present, clicking on the cell no longer should do a\n * browser default selection, instead selector should be used to do copy-paste\n * operations. */\n:host([selector]) .zg-cell span {\n  user-select: none;\n  cursor: default;\n}\n\n/* When resize-column is set, we want the cursor to always be the resize cursor even if over a drag or sort column head */\n:host([resize-column]) {\n  cursor: ew-resize;\n}\n\n/* Menu Items */\n.zg-button-text {\n  top: 7px;\n}\n\n/* Clipboard */\n/* NOTE: We can\'t simply display:none; or visibility:hidden; the clipboard, otherwise the copy+paste code won\'t work */\n.zing-grid-clipboard {\n  background: none;\n  border: 0;\n  height: 0;\n  pointer-events: none;\n  position: absolute;\n  opacity: 0;\n  resize: none;\n  width: 0;\n}\n\n/* Grid Clipper */\n.zing-grid-selection-copy-paste {\n  position: absolute;\n  top: -1000px;\n  left: 0;\n  width: 0;\n  height: 0;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(*) {\n  flex-shrink: 0;\n}\n\n/* ZG-BODY */\n:host([selector]) ::slotted(zg-body) {\n  user-select: none;\n}\n\n/* ZG-HEAD */\n:host([selector]) ::slotted(zg-head) {\n  user-select: none;\n}\n\n/* ZG-NODATA */\n/*\n  If user added `[dialog]` to <zing-grid>, set a min-height\n  so that the modal-overlay isn\'t cutoff.\n*/\n:host([dialog]) ::slotted(zg-no-data) {\n  align-items: flex-start;\n  min-height: 250px;\n}\n\n/* ZG-PAGER */\n:host ::slotted(zg-pager[slot=\'bottom\']) {\n  border-top: 1px solid var(--theme-border-color);\n}\n/*\n  Add a top-border to the <zg-pager> when the <zing-grid> tag\n  has a [height] attribute. Because the bottom row in grid\n  could be cutoff due to this fixed height, it\'s natural border\n  wouldn\'t separate the grid from the pager (especially if they\n  share the same background color). This way we ensure there is\n  a visual separation.\n*/\n:host([height]) ::slotted(zg-pager) {\n  --zg-pager-border-top: 1px solid var(--theme-border-color);\n}\n\n/* ZG-STATUS */\n/*\n  Set attribute values on <zing-grid> to position the message (top-left, top-right (default), bottom-left, bottom-right)\n*/\n/* Top */\n:host([status-position="top left"]) ::slotted(zg-status),\n:host([status-position="left top"]) ::slotted(zg-status) {\n  left: var(--zg-status-offset);\n  right: auto;\n}\n:host([status-position="bottom left"]) ::slotted(zg-status),\n:host([status-position="left bottom"]) ::slotted(zg-status) {\n  bottom: var(--zg-status-offset);\n  left: var(--zg-status-offset);\n  right: auto;\n  top: auto;\n}\n:host([status-position="top center"]) ::slotted(zg-status),\n:host([status-position="center top"]) ::slotted(zg-status) {\n  bottom: var(--zg-status-offset);\n  right: 50%;\n  transform: translateX(50%);\n}\n/* Bottom */\n:host([status-position="bottom right"]) ::slotted(zg-status),\n:host([status-position="right bottom"]) ::slotted(zg-status) {\n  bottom: var(--zg-status-offset);\n  top: auto;\n}\n:host([status-position="bottom center"]) ::slotted(zg-status),\n:host([status-position="center bottom"]) ::slotted(zg-status) {\n  bottom: var(--zg-status-offset);\n  right: 50%;\n  top: auto;\n  transform: translateX(50%);\n}\n/* Center */\n:host([status-position="center"]) ::slotted(zg-status) {\n  right: 50%;\n  transform: translate(50%, -50%);\n  top: 50%;\n}\n:host([status-position="center left"]) ::slotted(zg-status),\n:host([status-position="left center"]) ::slotted(zg-status) {\n  right: auto;\n  left: var(--zg-status-offset);\n  transform: translateY(-50%);\n  top: 50%;\n}\n:host([status-position="center right"]) ::slotted(zg-status),\n:host([status-position="right center"]) ::slotted(zg-status) {\n  transform: translateY(-50%);\n  top: 50%;\n}\n/* \'Bar\' Style (Bottom) */\n:host([status-position="bar"]) ::slotted(zg-status) {\n  border-radius: 0;\n  right: auto;\n  top: 100%;\n  width: 100%;\n  max-width: none;\n}\n\n\n\n\n:host ::slotted(zg-load-mask[default-load-mask]) {\n  display:none;\n}\n\n:host([loading]) ::slotted(zg-load-mask[default-load-mask]) {\n  display:flex !important;\n}\n\n/* DRAGGABLE COLUMNS */\n/* Default Styling */\n:host ::slotted(.zg-shadow-cell) {\n  background-color: var(--zg-head-cell-background, var(--zg-head-background));\n  box-sizing: border-box;\n  color: var(--zg-head-cell-color);\n  /* min-width: 80px; */\n  height: var(--zg-head-cell-height);\n  /* line-height: 30px; */\n  position: absolute;\n  z-index: 100000000;\n  border-bottom: var(--zg-head-cell-border-bottom, 1px solid var(--theme-border-color));\n  border-left: var(--zg-head-cell-border-left, 1px solid var(--theme-border-color));\n  border-right: var(--zg-head-cell-border-right, 1px solid var(--theme-border-color));\n  border-top: var(--zg-head-cell-border-top, 1px solid var(--theme-border-color));\n  vertical-align: middle;\n  text-align: center;\n  text-transform: uppercase;\n  font-size: var(--zg-head-cell-font-size);\n  font-weight: bold;\n  cursor: move;\n\n  align-items: center;\n  justify-content: center;\n  display: flex;\n  flex-direction: column;\n}\n:host ::slotted(.zg-shadow-cell[ready]) {\n  padding: 20px 10px;\n}\n:host ::slotted(.zg-shadow-cell):after {\n  content: attr(data-content);\n  align-items: center;\n  background: var(--theme-color-primary);\n  border-bottom: var(--zg-head-cell-border-bottom, 1px solid var(--theme-border-color));\n  border-left: var(--zg-head-cell-border-left, 1px solid var(--theme-border-color));\n  border-right: var(--zg-head-cell-border-right, 1px solid var(--theme-border-color));\n  box-sizing: border-box;\n  color: #fff;\n  display: flex;\n  flex: 1;\n  font-size: 9px;\n  justify-content: center;\n  padding: 3px 5px;\n  white-space: nowrap;\n  min-width: 150px;\n  width: var(--draggable-width_note, calc(100% + 4px));\n}\n:host ::slotted(.zg-shadow-cell[ready]):after {\n  bottom: 0;\n  position: absolute;\n  transform: translateY(100%);\n}\n\n\n/* DRAG OUTSIDE GRID TO HIDE COLUMN */\n/* Styling when dragged outside ZG */\n:host ::slotted(.zg-shadow-remove) {\n  color: red;\n  border-color: red;\n}\n:host ::slotted(.zg-shadow-cell.zg-shadow-remove[ready]):after {\n  content: attr(data-content);\n  background: red;\n}\n\n\n/* SETTING VARIABLES */\n/* VERTICAL GRID LINES */\n:host([gridlines="vert"]),\n:host([gridlines="vertical"]) {\n  --zg-pager-border-top: 1px solid var(--theme-border-color);\n}\n\n/* BATCH EDIT */\n/*\n  When in \'batch edit\' mode we add an attribute to <zing-grid>\n  to help us in styling <zg-body> only in that state\n*/\n/* Default batch edit mode - Set styling on main <zg-body> */\n/* :host([batch-edit-active]) {\n  --theme-background-row: unset;\n} */\n/* :host([batch-edit-active]) ::slotted(zg-frozen-colgroup) {\n  --zing-grid-freeze-style-border: 0;\n} */\n:host([batch-edit-active][layout="card"]) ::slotted(zg-body) {\n  background: none;\n  border: var(--theme-batch-edit-border, 0);\n  box-shadow: var(--theme-batch-edit-box-shadow, inset 0 0 5px var(--theme-color-primary));\n}\n/*\n  When \'batch edit\' applied to frozen columns, the styling clashes\n  since frozen columns already have a box-shadow. Therefore, we\n  remove the frozen-column styling AND their respective child <zg-body>,\n  and instead add the box-shadow styling to the frozen-column parent element\n  inside <zing-grid>\'s shadow DOM\n*/\n:host([batch-edit-active]) ::slotted(zg-body),\n:host([batch-edit-active]) ::slotted(zg-frozen-colgroup) {\n  box-shadow: unset;\n}\n:host([batch-edit-active]) ::slotted(zg-body) {\n  border: 0;\n}\n:host([batch-edit-active][layout="card"]) .zing-grid-frames-body {\n  border: var(--theme-batch-edit-border, 0);\n  box-shadow: var(--theme-batch-edit-box-shadow, inset 0 0 5px var(--theme-color-primary));\n}',""])},96110:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,':host([theme="android"]) {\n\n  /* CUSTOM VARS FOR THIS THEME FILE\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --android-background_sorted\n  * @default #fafbfa\n  * @description Styles the background of sorted cell\n  * @see background\n  */\n  --android-background_sorted: #fafbfa;\n  /**\n  * @memberof android\n  * @var --android-caption-color\n  * @default #607d8b\n  * @description Styles the background of caption\n  * @see background-color\n  */\n  --android-caption-color: #607d8b;\n  /**\n  * @memberof android\n  * @var --android-color-primary\n  * @default #00796B\n  * @description Sets the font color of primary text and icons\n  * @example header cells\n  * @example pager icons\n  * @see color\n  */\n  --android-color-primary: #00796B;\n  /**\n  * @memberof android\n  * @var --android-color-secondary\n  * @default #263238\n  * @description Sets the font color of secondary text\n  * @example watermark\n  * @see color\n  */\n  --android-color-secondary: #263238;\n  /**\n  * @memberof android\n  * @var --android-font-size\n  * @default .9375rem\n  * @description Sets the base font size of grid\n  * @example cell content\n  * @see font-size\n  */\n  --android-font-size: .9375rem;\n  /**\n  * @memberof android\n  * @var --android-focus-color\n  * @default #4db6ac\n  * @description Styles the border of inputs and text of inputs on focus\n  * @example select input:focus\n  * @example page index input:focus\n  * @example editor modal input:focus\n  * @see color\n  */\n  --android-focus-color: #4db6ac;\n  /**\n  * @memberof android\n  * @var --android-input-height\n  * @default 22px\n  * @description Sets the height of inputs\n  * @example select input\n  * @example page index input\n  * @example editor modal input\n  * @see height\n  */\n  --android-input-height: 22px;\n\n  /* GLOBALS\n  ----------------------------------------------------- */\n  /* BACKGROUND */\n  /**\n  * @memberof android\n  * @var --theme-background-color\n  * @default rgba(0, 122, 255, .05)\n  * @description Styles the background of rows on hover\n  * @see background-color\n  */\n  --theme-background-color: rgba(0, 122, 255, .05);\n\n  /* BORDER */\n  /**\n  * @memberof android\n  * @var --theme-border-color\n  * @default #ebebeb\n  * @description Styles the border\n  * @example rows (header and body)\n  * @example column menu\n  * @example filter input\n  * @example page size option menu\n  * @example cards in \'card\' layout-mode\n  * @see border\n  */\n  --theme-border-color: #ebebeb;\n\n  /* COLOR */\n  /**\n  * @memberof android\n  * @var --theme-color-primary\n  * @default var(--android-color-primary)\n  * @description Sets the color of primary text and icons\n  * @example header cells\n  * @example pager icons\n  * @see color\n  */\n  --theme-color-primary: var(--android-color-primary);\n  /**\n  * @memberof android\n  * @var --theme-color-secondary\n  * @default var(--android-color-secondary);\n  * @description Sets the color of secondary text\n  * @example watermark\n  * @see color\n  */\n  --theme-color-secondary: var(--android-color-secondary);\n\n  /* FONT */\n  /**\n  * @memberof android\n  * @var --theme-color\n  * @default #4d4d4d\n  * @description Sets the color of text\n  * @example cell content\n  * @example pager text\n  * @example input text\n  * @example editor modal text\n  * @see color\n  */\n  --theme-color: #4d4d4d;\n  /**\n  * @memberof android\n  * @var --theme-color_alt\n  * @default #333333\n  * @description Sets the color of alternative text\n  * @example filter input\n  * @see color\n  */\n  --theme-color_alt: #333333;\n  /**\n  * @memberof android\n  * @var --theme-font-family\n  * @default "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;\n  * @description Sets the font family of text\n  * @see font-family\n  */\n  --theme-font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;\n  /**\n  * @memberof android\n  * @var --theme-font-size\n  * @default var(--android-font-size)\n  * @description Sets the base font size of text of grid\n  * @example cell content\n  * @see font-size\n  */\n  --theme-font-size: var(--android-font-size);\n  /**\n  * @memberof android\n  * @var --theme-font-style\n  * @default normal\n  * @description Sets the font style of text\n  * @see font-style\n  */\n  --theme-font-style: normal;\n  /**\n  * @memberof android\n  * @var --theme-font-weight\n  * @default normal\n  * @description Sets the font-weight of text\n  * @see font-weight\n  */\n  --theme-font-weight: normal;\n  /**\n  * @memberof android\n  * @var --theme-line-height\n  * @default 1.2rem\n  * @description Sets the line height\n  * @see line-height\n  */\n  --theme-line-height: 1.2rem;\n\n  /* PADDING */\n  /**\n  * @memberof android\n  * @var --theme-padding_x\n  * @default 1rem\n  * @description Sets the horizontal padding of cells\n  * @see padding\n  */\n  --theme-padding_x: 1rem;\n  /**\n  * @memberof android\n  * @var --theme-padding_y\n  * @default 1rem\n  * @description Sets the vertical padding of cells\n  * @see padding\n  */\n  --theme-padding_y: 1rem;\n\n\n  /* -------------------------------------------------- */\n\n  /* ZG-GRID\n  ----------------------------------------------------- */\n  /* Main Grid Component */\n  /**\n  * @memberof android\n  * @var --zing-grid-background\n  * @default #fff\n  * @description Styles the background of header and body rows\n  * @see background\n  */\n  --zing-grid-background: #fff;\n  /**\n  * @memberof android\n  * @var --zing-grid-border\n  * @default 0\n  * @description Styles the border of grid\n  * @see border\n  */\n  --zing-grid-border: 0;\n  /**\n  * @memberof android\n  * @var --zing-grid-box-shadow\n  * @default 0 5px 15px rgba(0,0,0, 0.2), 0 5px 5px rgba(0,0,0, 0.07)\n  * @description Applies a box shadow behind grid\n  * @see box-shadow\n  */\n  --zing-grid-box-shadow: 0 5px 15px rgba(0,0,0, 0.2), 0 5px 5px rgba(0,0,0, 0.07);\n  /* The Grid \'Table\' Shadow DOM element */\n  /**\n  * @memberof android\n  * @var --zing-grid-table-border-left\n  * @default 0\n  * @description Styles the left border of grid body\n  * @see border\n  */\n  --zing-grid-table-border-left: 0;\n  /**\n  * @memberof android\n  * @var --zing-grid-table-border-right\n  * @default 0\n  * @description Styles the right border of grid body\n  * @see border\n  */\n  --zing-grid-table-border-right: 0;\n\n\n  /* ZG-CELL\n  ----------------------------------------------------- */\n  /* When this cell\'s column is currently sorted */\n  /**\n  * @memberof android\n  * @var --zg-cell-background_sorted\n  * @default var(--android-background_sorted)\n  * @description Styles the background of sorted cells\n  * @see background-color\n  */\n  --zg-cell-background_sorted: var(--android-background_sorted);\n\n  /* ZG-CAPTION\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-caption-background\n  * @default var(--android-caption-color)\n  * @description Styles the background of caption\n  * @see background-color\n  */\n  --zg-caption-background: var(--android-caption-color);\n  /**\n  * @memberof android\n  * @var --zg-caption-box-shadow\n  * @default 0 2px 5px rgba(0,0,0,.26)\n  * @description Applies a box shadow behind caption\n  * @see box-shadow\n  */\n  --zg-caption-box-shadow: 0 2px 5px rgba(0,0,0,.26);\n  /**\n  * @memberof android\n  * @var --zg-caption-color\n  * @default #fff\n  * @description Sets the font color of caption\n  * @see color\n  */\n  --zg-caption-color: #fff;\n  /**\n  * @memberof android\n  * @var --zg-caption-font-size\n  * @default 1.125rem\n  * @description Sets the base font size of caption\n  * @see font-size\n  */\n  --zg-caption-font-size: 1.125rem;\n  /**\n  * @memberof android\n  * @var --zg-caption-font-weight\n  * @default 500\n  * @description Sets the font weight of caption\n  * @see font-weight\n  */\n  --zg-caption-font-weight: 500;\n  /* Title */\n  /**\n  * @memberof android\n  * @var --zg-caption-title-flex\n  * @default 1\n  * @description Sets are elements are flex in caption\n  * @see flex\n  */\n  --zg-caption-title-flex: 1;\n  /* Icons */\n  /**\n  * @memberof android\n  * @var --zg-caption-icon-color\n  * @default #fff\n  * @description Sets the color of icons in caption\n  * @see fill\n  */\n  --zg-caption-icon-color: #fff;\n  /**\n  * @memberof android\n  * @var --zg-caption-icon-height\n  * @default 24px\n  * @description Sets the height of icons in caption\n  * @see height\n  */\n  --zg-caption-icon-height: 24px;\n  /**\n  * @memberof android\n  * @var --zg-caption-icon-width\n  * @default 24px\n  * @description Sets the width of icons in caption\n  * @see width\n  */\n  --zg-caption-icon-width: 24px;\n\n  /* ZG-EDITOR-ROW\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-dialog-footer-justify-content\n  * @default flex-end\n  * @description Sets the horizontal alignment of contents in the dialog footer\n  * @see justify-content\n  */\n  --zg-dialog-footer-justify-content: flex-end;\n\n\n  /* ZG-EDITOR-ROW\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-editor-row-input-background_focus\n  * @default #fff\n  * @description Styles the background of editor input on focus\n  * @see background\n  */\n  --zg-editor-row-input-background_focus: #fff;\n  /**\n  * @memberof android\n  * @var --zg-editor-row-input-border-bottom_focus\n  * @default 2px solid var(--android-focus-color)\n  * @description Styles bottom border of editor input on focus\n  * @see border\n  */\n  --zg-editor-row-input-border-bottom_focus: 2px solid var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-editor-row-input-color_focus\n  * @default var(--android-focus-color)\n  * @description Styles the font color of editor input on focus\n  * @see color\n  */\n  --zg-editor-row-input-color_focus: var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-editor-row-input-padding\n  * @default 13px 15px 12px 13px\n  * @description Sets the padding of editor input\n  * @see padding\n  */\n  --zg-editor-row-input-padding: 13px 15px 12px 13px;\n  /**\n  * @memberof android\n  * @var --zg-editor-row-input-transform\n  * @default translate3d(0,-1px,0)\n  * @description Sets the transform of editor input\n  * @see transform\n  */\n  --zg-editor-row-input-transform: translate3d(0,-1px,0);\n\n  /* ZG-FILTER\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-filter-background_sorted\n  * @default #ececec\n  * @description Styles the background of filter in sorted column\n  * @see background\n  */\n  --zg-filter-background_sorted: #ececec;\n\n  /* ZG-FOCUS\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-focus-border\n  * @default 2px solid var(--android-focus-color)\n  * @description Styles the border of inputs on focus\n  * @see border\n  */\n  --zg-focus-border: 2px solid var(--android-focus-color);\n\n  /* ZG-HEAD-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-head-cell-border-top\n  * @default 1px solid transparent\n  * @description Styles the top border of head cells\n  * @see border\n  */\n  --zg-head-cell-border-top: 1px solid transparent;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-color\n  * @default var(--android-color-primary)\n  * @description Sets the font color of head cells\n  * @see color\n  */\n  --zg-head-cell-color: var(--android-color-primary);\n  /**\n  * @memberof android\n  * @var --zg-head-cell-font-size\n  * @default .875rem\n  * @description Sets the font size of head cells\n  * @see font-size\n  */\n  --zg-head-cell-font-size: var(--zing-grid-font-size, .875rem);\n  /* \'SPLIT PARENT\' CELL STYLING */\n  /**\n  * @memberof android\n  * @var --zg-head-cell-parent-background\n  * @default #f5f5f5\n  * @description Styles the background of \'parent\' head cells\n  * @see background\n  */\n  --zg-head-cell-parent-background: #f5f5f5;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-parent-border-bottom\n  * @default 1px solid #cfd8dc\n  * @description Styles the bottom border of \'parent\' head cells\n  * @see border\n  */\n  --zg-head-cell-parent-border-bottom: 1px solid #cfd8dc;\n  /* SORTABLE AND HOVERED */\n  /**\n  * @memberof android\n  * @var --zg-head-cell-background_sorted_hover\n  * @default #fafbfa\n  * @description Styles the background of sorted head cells on hover\n  * @see background\n  */\n  --zg-head-cell-background_sorted_hover: #fafbfa;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-border-top_sorted_hover\n  * @default 1px solid transparent\n  * @description Styles the top border of sorted head cells on hover\n  * @see border\n  */\n  --zg-head-cell-border-top_sorted_hover: 1px solid transparent;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-transition_sorted_hover\n  * @default background .15s\n  * @description Sets the transition of sorted head cells on hover\n  * @see transition\n  */\n  --zg-head-cell-transition_sorted_hover: background .15s;\n  /* SORTED (Overrides hover styles above) */\n  /**\n  * @memberof android\n  * @var --zg-head-cell-background_sorted\n  * @default #546e7a\n  * @description Styles the backgrounf of sorted head cells. Note that this will overwrite associated hover styles.\n  * @see background\n  */\n  --zg-head-cell-background_sorted: #546e7a;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-color_sorted\n  * @default #fff\n  * @description Sets the font color of sorted head cells. Note that this will overwrite associated hover styles.\n  * @see color\n  */\n  --zg-head-cell-color_sorted: #fff;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-icon-color_sorted\n  * @default #fff\n  * @description Sets the icon color of sorted head cells. Note that this will overwrite associated hover styles.\n  * @see fill\n  */\n  --zg-head-cell-icon-color_sorted: #fff;\n\n  /* ZG-ICON\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-icon-color\n  * @default var(--theme-color-primary)\n  * @description Sets the color of icon\n  * @see fill\n  */\n  --zg-icon-color: var(--theme-color-primary);\n\n  /* ZG-INPUT\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-input-background\n  * @default none\n  * @description Styles the background of input field\n  * @see background\n  */\n  --zg-input-background: none;\n  /**\n  * @memberof android\n  * @var --zg-input-border\n  * @default 0\n  * @description Styles the border of input field\n  * @see border\n  */\n  --zg-input-border: 0;\n  /**\n  * @memberof android\n  * @var --zg-input-border-bottom\n  * @default 2px solid var(--android-focus-color)\n  * @description Styles the bottom border of input field\n  * @see border\n  */\n  --zg-input-border-bottom: 2px solid var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-input-font-size\n  * @default .8125rem\n  * @description Sets the base font size of input field\n  * @see font-size\n  */\n  --zg-input-font-size: .8125rem;\n  /**\n  * @memberof android\n  * @var --zg-input-height\n  * @default var(--android-input-height)\n  * @description Sets the height of input field\n  * @see height\n  */\n  --zg-input-height: var(--android-input-height);\n  /**\n  * @memberof android\n  * @var --zg-input-padding\n  * @default 0 0 4px\n  * @description Sets the padding of input field\n  * @see padding\n  */\n  --zg-input-padding: 0 0 4px;\n  /**\n  * @memberof android\n  * @var --zg-input-width\n  * @default 22px\n  * @description Sets the width of input field\n  * @see width\n  */\n  --zg-input-width: 22px;\n  /**\n  * @memberof android\n  * @var --zg-input-transform\n  * @default translateY(1px)\n  * @description Sets the transform of input field\n  * @see transform\n  */\n  --zg-input-transform: translateY(1px);\n  /* Focus */\n  /**\n  * @memberof android\n  * @var --zg-input-border_focus\n  * @default 0\n  * @description Styles the border of input field on focus\n  * @see border\n  */\n  --zg-input-border_focus: 0;\n  /**\n  * @memberof android\n  * @var --zg-input-border-bottom_focus\n  * @default 2px solid var(--android-focus-color)\n  * @description Styles the bottom border of input field on focus\n  * @see border\n  */\n  --zg-input-border-bottom_focus: 2px solid var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-input-color_focus\n  * @default var(--android-focus-color)\n  * @description Sets the font color of input field on focus\n  * @see color\n  */\n  --zg-input-color_focus: var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-input-font-size_focus\n  * @default 1rem\n  * @description Sets the base font size of input field on focus\n  * @see font-size\n  */\n  --zg-input-font-size_focus: 1rem;\n  /**\n  * @memberof android\n  * @var --zg-input-transform_focus\n  * @default translateY(1px)\n  * @description Sets the tranform of input field on focus\n  * @see transform\n  */\n  --zg-input-transform_focus: translateY(1px);\n\n  /* ZG-menu-bar\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-menu-bar-background\n  * @default #f0f4f9\n  * @description Styles the background of menu bar\n  * @see background\n  */\n  --zg-menu-bar-background: #f0f4f9;\n  /**\n  * @memberof android\n  * @var --zg-menu-bar-icon-color\n  * @default #4db6ac\n  * @description Sets the icon color of menu bar\n  * @see fill\n  */\n  --zg-menu-bar-icon-color: #4db6ac;\n\n  /* ZG-OPTION-LIST\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-option-list-item-background_hover\n  * @default #e0f2f1\n  * @description Styles the background of option list item on hover\n  * @see background\n  */\n  --zg-option-list-item-background_hover: #e0f2f1;\n  /**\n  * @memberof android\n  * @var --zg-option-list-item-height\n  * @default 28px\n  * @description Sets the height of option list item on hover\n  * @see height\n  */\n  --zg-option-list-item-height: 28px;\n  /**\n  * @memberof android\n  * @var --zg-option-list-item-padding\n  * @default 0 5px\n  * @description Sets the padding of option list item on hover\n  * @see padding\n  */\n  --zg-option-list-item-padding: 0 5px;\n\n  /* ZG-PAGER\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-pager-background\n  * @default #f0f0f0\n  * @description Styles the background of pager\n  * @see background\n  */\n  --zg-pager-background: #f0f0f0;\n  /**\n  * @memberof android\n  * @var --zg-pager-border-top\n  * @default 0\n  * @description Styles the top border of pager\n  * @see border\n  */\n  --zg-pager-border-top: 0;\n  /**\n  * @memberof android\n  * @var --zg-pager-font-size\n  * @default .8125rem\n  * @description Sets the font size of pager\n  * @see font-size\n  */\n  --zg-pager-font-size: .8125rem;\n  /**\n  * @memberof android\n  * @var --zg-pager-height\n  * @default 40px\n  * @description Sets the height of pager\n  * @see height\n  */\n  --zg-pager-height: 40px;\n\n  /* ZG-ROW\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-row-body-height\n  * @default 53px\n  * @description Sets the height of body rows\n  * @see height\n  */\n  --zg-row-body-height: 53px;\n  /* Layout: Card */\n  /**\n  * @memberof android\n  * @var --zg-row-card-box-shadow\n  * @default 0 3px 20px 0 rgba(0,0,0,0.075)\n  * @description Applies a box shadow behind cards in \'card\' layout-mode\n  * @see box-shadow\n  */\n  --zg-row-card-box-shadow: 0 3px 20px 0 rgba(0,0,0,0.075);\n  /**\n  * @memberof android\n  * @var --zg-row-card-grid-gap\n  * @default 25px\n  * @description Sets the gap between cards in \'card\' layout-mode\n  * @see grid-gap\n  */\n  --zg-row-card-grid-gap: 25px;\n\n  /* ZG-SEARCH\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-search-height\n  * @default 100%\n  * @description Sets the height of search input\n  * @see height\n  */\n  --zg-search-height: 100%;\n\n  /* ZG-SELECT\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-select-background\n  * @default none\n  * @description Styles the background of select\n  * @see background\n  */\n  --zg-select-background: none;\n  /**\n  * @memberof android\n  * @var --zg-select-border\n  * @default 0\n  * @description Styles the border of select\n  * @see border\n  */\n  --zg-select-border: 0;\n  /**\n  * @memberof android\n  * @var --zg-select-border-bottom\n  * @default 2px solid var(--android-focus-color)\n  * @description Styles the bottom border of select\n  * @see border\n  */\n  --zg-select-border-bottom: 2px solid var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-select-height\n  * @default var(--android-input-height)\n  * @description Sets the height of select\n  * @see height\n  */\n  --zg-select-height: var(--android-input-height);\n  /**\n  * @memberof android\n  * @var --zg-select-min-width\n  * @default 15px\n  * @description Sets the minimum width of select\n  * @see min-width\n  */\n  --zg-select-min-width: 15px;\n  /**\n  * @memberof android\n  * @var --zg-select-outline\n  * @default none\n  * @description Styles of outline of select\n  * @see outline\n  */\n  --zg-select-outline: none;\n  /* Selected Field */\n  /**\n  * @memberof android\n  * @var --zg-select-text-background\n  * @default none\n  * @description Styles the background of select in active state \n  * @see background\n  */\n  --zg-select-text-background: none;\n  /* Arrow */\n  /**\n  * @memberof android\n  * @var --zg-select-arrow-background\n  * @default none\n  * @description Styles the backgrounf of select arrow\n  * @see background\n  */\n  --zg-select-arrow-background: none;\n  /**\n  * @memberof android\n  * @var --zg-select-arrow-border\n  * @default 0\n  * @description Styles the border of select arrow\n  * @see border\n  */\n  --zg-select-arrow-border: 0;\n\n  /* ZG-SOURCE\n  ----------------------------------------------------- */\n  --zg-source-background: #f9f9f9;\n  --zg-source-color: #549a92;\n\n  /* ZG-STATUS\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-status-background\n  * @default #333\n  * @description Styles the background of status\n  * @see background\n  */\n  --zg-status-background: #333;\n\n  /* ZG-WATERMARK\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-watermark-background\n  * @default #cfd8dc\n  * @description Styles the background of watermark\n  * @see background\n  */\n  --zg-watermark-background: #cfd8dc;\n  /**\n  * @memberof android\n  * @var --zg-watermark-border-top\n  * @default 0\n  * @description Styles the top border of watermark\n  * @see border\n  */\n  --zg-watermark-border-top: 0;\n  /**\n  * @memberof android\n  * @var --zg-watermark-color\n  * @default var(--theme-color-secondary)\n  * @description Sets the font color of watermark\n  * @see color\n  */\n  --zg-watermark-color: var(--theme-color-secondary);\n  /**\n  * @memberof android\n  * @var --zg-watermark-font-size\n  * @default 10px\n  * @description Sets the base font size of watermark\n  * @see font-size\n  */\n  --zg-watermark-font-size: 10px;\n}',""])},13054:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,":host([theme=\"black\"]) {\n  /* RE-USABLE ZINGGRID VARS\n  ----------------------------------------------------- */\n  /* These are used as the default theme values in the various component .css files */\n  /* These values are used more than once, so we're making them into a variable for reuse */\n\n  /* BACKGROUND */\n\n  /**\n  * @memberof black\n  * @var --theme-background-color\n  * @default #1e1e1e\n  * @description Styles the background of the grid\n  * @example caption\n  * @example filter\n  * @example control bar\n  * @example row:hover\n  * @see background-color\n  */\n  --theme-background-color: #1e1e1e;\n  /**\n  * @memberof black\n  * @var --theme-background-input\n  * @default #343434\n  * @description Styles the background input\n  * @see background-color\n  */\n  --theme-background-input: #343434;\n  /**\n  * @memberof black\n  * @var --theme-background-zebra\n  * @default var(--theme-background-color)\n  * @description Styles the background of 'even' rows in [zebra]-striping mode\n  * @see background-color\n  */\n  --theme-background-zebra: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --theme-background-row\n  * @default #323232\n  * @description Styles the background of row-like items\n  * @see background-color\n  */\n  --theme-background-row: #323232;\n\n  /* BORDER */\n  /**\n  * @memberof black\n  * @var --theme-border-color\n  * @default #444\n  * @description Styles the border color\n  * @see border\n  */\n  --theme-border-color: #444;\n\n  /* COLOR */\n\n  /**\n  * @memberof black\n  * @var --theme-color\n  * @default #767676\n  * @description Styles the font color for most components, including cell content.\n  * @see color\n  * @example cell font color\n  * @example button background\n  * @example checkbox border\n  * @example select color\n  */\n  --theme-color: #ccc;\n  /**\n  * @memberof black\n  * @var --theme-color-black\n  * @default #000\n  * @description Defines the baseline black color\n  * @see color\n  */\n  --theme-color-black: #000;\n  /**\n  * @memberof black\n  * @var --theme-color-input\n  * @default #d0d0d0\n  * @description Sets the font folor of input field\n  * @see color\n  */\n  --theme-color-input: #d0d0d0;\n\n  /**\n  * @memberof theme\n  * @var --theme-color-light\n  * @default #191818\n  * @description Defines the baseline light color\n  * @see color\n  * @example Currently reordering column\n  */\n  --theme-color-light: #191818;\n\n  /**\n  * @memberof black\n  * @var --theme-color-lighter\n  * @default #191818\n  * @description Defines the baseline light color\n  * @see color\n  * @example Filter and Footer background color\n  */\n  --theme-color-lighter: #191818;\n\n  /**\n  * @memberof black\n  * @var --theme-color-white\n  * @default #fff\n  * @description Defines the baseline white color\n  * @see color\n  */\n  --theme-color-white: #fff;\n\n\n  /* -------------------------------------------------- */\n\n\n  /* ZING-GRID\n  ----------------------------------------------------- */\n  --zing-grid-background: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --zing-grid-border-radius\n  * @default 20px\n  * @description Sets the border radius of the grid\n  * @see border-radius\n  */\n  --zing-grid-border-radius: 20px;\n\n  /* ZG-BUTTON\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-button-border-radius\n  * @description Styles of border-radius of buttons\n  * @see border\n  * @default 1px solid #000\n  */\n  --zg-button-border-radius: 3px;\n\n  /* ZG-BUTTON (CUSTOM) */\n  /**\n  * @memberof black\n  * @var --zg-button-background_custom\n  * @description Styles of background of custom button\n  * @see background\n  * @default #000\n  */\n  --zg-button-background_custom: #000;\n  /**\n  * @memberof black\n  * @var --zg-button-border_custom\n  * @description Styles of border of custom button\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  */\n  --zg-button-border_custom: 1px solid var(--theme-border-color);\n  /**\n  * @memberof black\n  * @var --zg-button-box-shadow_custom\n  * @description Applies a box shadow behind custom button\n  * @see box-shadow\n  * @default none\n  */\n  --zg-button-box-shadow_custom: none;\n  /**\n  * @memberof black\n  * @var --zg-button-color_custom\n  * @description Sets the fonc olor of custom button\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom: #fff;\n\n  /* Active */\n  /**\n  * @memberof black\n  * @var --zg-button-background_custom_active\n  * @description Styles of background of custom button on active state\n  * @see background\n  * @default #000\n  */\n  --zg-button-background_custom_active: #000;\n  /**\n  * @memberof black\n  * @var --zg-button-border_custom_active\n  * @description Styles of border of custom button on active state\n  * @see border\n  * @default 1px solid var(--zg-button-background_active)\n  */\n  --zg-button-border_custom_active: 1px solid var(--zg-button-background_active);\n  /**\n  * @memberof black\n  * @var --zg-button-box-shadow_custom_active\n  * @description Applies a box shadow behind custom button on active state\n  * @see box-shadow\n  * @default 0 0 5px 0 #000\n  */\n  --zg-button-box-shadow_custom_active: 0 0 5px 0 #000;\n  /**\n  * @memberof black\n  * @var --zg-button-color_custom_active\n  * @description Sets the font color of custom button on active state\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_active: #fff;\n\n  /* Focus */\n  /**\n  * @memberof black\n  * @var --zg-button-background_custom_focus\n  * @description Styles the background of custom button on focus\n  * @see background\n  * @default var(--zg-button-background_active)\n  */\n  --zg-button-background_custom_focus: var(--zg-button-background_active);\n  /**\n  * @memberof black\n  * @var --zg-button-border_custom_focus\n  * @description Styles of border of custom button on focus\n  * @see border\n  * @default 1px solid #000\n  */\n  --zg-button-border_custom_focus: 1px solid #000;\n  /**\n  * @memberof black\n  * @var --zg-button-box-shadow_custom_focus\n  * @description Applies a box shadow behind custom button on focus\n  * @see box-shadow\n  * @default 0 0 6px 0 #000\n  */\n  --zg-button-box-shadow_custom_focus: 0 0 6px 0 #000;\n  /**\n  * @memberof black\n  * @var --zg-button-color_custom_focus\n  * @description Sets the font color of custom button on focus\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_focus: #fff;\n\n  /* Hover */\n  /**\n  * @memberof black\n  * @var --zg-button-background_custom_hover\n  * @description Styles of background of custom button on hover\n  * @see background\n  * @default var(--zg-button-background_active)\n  */\n  --zg-button-background_custom_hover: var(--zg-button-background_active);\n  /**\n  * @memberof black\n  * @var --zg-button-border_custom_hover\n  * @description Styles of border of custom button on hover\n  * @see border\n  * @default 1px solid #000\n  */\n  --zg-button-border_custom_hover: 1px solid #000;\n  /**\n  * @memberof black\n  * @var --zg-button-box-shadow_custom_hover\n  * @description Applies a box shadow behind custom button on hover\n  * @see box-shadow\n  * @default 0 0 6px 0 #000\n  */\n  --zg-button-box-shadow_custom_hover: 0 0 6px 0 #000;\n  /**\n  * @memberof black\n  * @var --zg-button-color_custom_hover\n  * @description Sets the font color of custom button on hover\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_hover: #fff;\n\n  /* ZG-CAPTION\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-caption-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of caption\n  * @see background-color\n  */\n  --zg-caption-background: var(--theme-background-color);\n\n  /**\n  * @memberof black\n  * @var --zg-caption-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid caption\n  * @see border-radius\n  */\n  --zg-caption-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n  /**\n  * @memberof black\n  * @var --zg-caption-icon-color\n  * @default #fff\n  * @description Sets the color of icons in caption\n  * @see fill\n  */\n  --zg-caption-icon-color: var(--zg-icon-color);\n\n\n  /* ZG-CARD\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-body-card-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of card in 'card' layout-mode\n  * @see background-color\n  */\n  --zg-body-card-background: var(--theme-background-color);\n\n  /* ZG-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-cell-label-color_layout_card\n  * @description Sets font color of label in card in 'card' layout-mode\n  * @see color\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/WLX26P3Q\n  */\n  --zg-cell-label-color_layout_card: var(--theme-color);\n\n  /* ZG-COLUMN-RESIZE\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-column-resize-background\n  * @description Sets the background of the resize handle\n  * @see background\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/GY8NY03F\n  */\n  --zg-column-resize-background: var(--zg-head-cell-color);\n  /**\n  * @memberof dark\n  * @var --zg-column-resize-color\n  * @description Sets the color of the resize handle dots\n  * @see color\n  * @default none\n  */\n  --zg-column-resize-color: var(--theme-background-color);\n\n  /* ZG-CONTROL-BAR\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-control-bar-background\n  * @description Styles the background of the layout\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/E1K9COKF\n  */\n  --zg-control-bar-background: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --zg-control-bar-border-bottom\n  * @description Styles the bottom border of the layout\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/5DST8C9Q\n  */\n  --zg-control-bar-border-bottom: 0;\n  /**\n  * @memberof black\n  * @var --zg-control-bar-button-margin\n  * @description Sets the margin of layout buttons\n  * @see margin\n  * @default 0\n  */\n  --zg-control-bar-button-margin: 0;\n  /**\n  * @memberof black\n  * @var --zg-control-bar-icon-color\n  * @description Sets the fill color of slotted icon\n  * @see fill\n  * @default var(--zg-icon-color)\n  * @demoLink https://app.zingsoft.com/demos/create/AQXMHTVM\n  */\n  --zg-control-bar-icon-color: var(--zg-icon-color);\n\n  /**\n  * @memberof black\n  * @var --zg-control-bar-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid control-bar\n  * @see border-radius\n  */\n  --zg-control-bar-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n  /* ZG-DIALOG\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-background\n  * @description Styles the background of the dialog\n  * @see background\n  * @default var(--theme-background-color)\n  */\n  --zg-dialog-background: var(--theme-background-color);\n\n  /* HEADER */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-header-color\n  * @description Styles the color of the dialog header\n  * @see color\n  * @default #fff\n  */\n  --zg-dialog-header-color: #fff;\n\n  /**\n  * @memberof black\n  * @var --zg-dialog-body-color\n  * @description Styles font color of body of dialog\n  * @see color\n  * @default #fff\n  */\n  --zg-dialog-body-color: #ccc;\n\n\n  /* ZG-EDITOR-ROW\n  ----------------------------------------------------- */\n\n  /* INPUT */\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-background\n  * @description Styles the background of editor row input\n  * @see background\n  * @default var(--theme-color-black)\n  * @demoLink https://app.zingsoft.com/demos/create/3EBBN3A3\n  */\n  --zg-editor-row-input-background: var(--theme-color-black);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-border-bottom\n  * @description Styles the bottom border of editor row input\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/9P6CXB0Q\n  */\n  --zg-editor-row-input-border-bottom: 0;\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-color\n  * @description Sets the font color of editor row\n  * @see color\n  * @default var(--theme-color-input)\n  * @demoLink https://app.zingsoft.com/demos/create/QYZBZUVA\n  */\n  --zg-editor-row-input-color: var(--theme-color-input);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-padding\n  * @default 13px 16px 12px\n  * @description Sets the padding of editor input\n  * @see padding\n  */\n  --zg-editor-row-input-padding: 13px 16px 12px;\n\n  /* ZG-HEADER\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-header-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid header\n  * @see border-radius\n  */\n  --zg-header-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n  /* INPUT: FOCUSED */\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-background_focus\n  * @default var(--theme-color-black)\n  * @description Styles the background of editor input on focus\n  * @see background\n  */\n  --zg-editor-row-input-background_focus: var(--theme-color-black);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-box-shadow_focus\n  * @default none\n  * @description Styles the box-shadow of editor input on focus\n  * @see box-shadow\n  */\n  --zg-editor-row-input-box-shadow_focus: none;\n\n  /* INPUT: MODAL */\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-background_modal_focus\n  * @description Styles the background of editor input in modal on focus\n  * @see background\n  * @default var(--theme-color-black)\n  * @demoLink https://app.zingsoft.com/demos/create/ZORGW9GT\n  */\n  --zg-editor-row-input-background_modal_focus: var(--theme-color-black);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-border-bottom_modal_focus\n  * @description Styles the bottom border of editor input in modal on focus\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  */\n  --zg-editor-row-input-border-bottom_modal_focus: 1px solid var(--theme-border-color);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-color_modal_focus\n  * @description Sets the font color of editor input in modal on focus\n  * @see color\n  * @default var(--theme-color-input)\n  */\n  --zg-editor-row-input-color_modal_focus: var(--theme-color-input);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-padding_modal\n  * @default 13px 10px 12px 8px\n  * @description Sets the padding of editor input\n  * @see padding\n  */\n  --zg-editor-row-input-padding_modal: 13px 10px 12px 8px;\n\n\n  /* ZG-FILTER\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-filter-background\n  * @description Styles the background of filter\n  * @see background\n  * @default var(--theme-background-color);\n  * @demoLink https://app.zingsoft.com/demos/create/G1WKUNFJ\n  */\n  --zg-filter-background: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --zg-filter-background_sorted\n  * @description Styles the background color of filter when the column in sorted\n  * @see background-color\n  * @default var(--theme-color-black)\n  * @demoLink https://app.zingsoft.com/demos/create/WX39XEJ1\n  */\n  --zg-filter-background_sorted: var(--theme-color-black);\n\n  /* INPUT */\n  /**\n  * @memberof black\n  * @var --zg-filter-input-background\n  * @description Styles the background of input field in filter\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  */\n  --zg-filter-input-background: var(--theme-color-black);\n  /**\n  * @memberof black\n  * @var --zg-filter-input-border-bottom\n  * @description Styles the bottom border of input field in filter\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/Z1COSRGD\n  */\n  --zg-filter-input-border-bottom: 1px solid #212121;\n  /**\n  * @memberof black\n  * @var --zg-filter-input-border-left\n  * @description Styles the left border of input field in filter\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/2Z1YS7PH\n  */\n  --zg-filter-input-border-left: 1px solid #212121;\n  /**\n  * @memberof black\n  * @var --zg-filter-input-border-right\n  * @description Styles the right border of input field in filter\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/JD0COXK4\n  */\n  --zg-filter-input-border-right: 1px solid #212121;\n  /**\n  * @memberof black\n  * @var --zg-filter-input-border-top\n  * @description Styles the top border of input field in filter\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/KRUW31YG\n  */\n  --zg-filter-input-border-top: 1px solid #212121;\n\n  /* INPUT: SORTED */\n  /**\n  * @memberof black\n  * @var --zg-filter-input-background_sorted\n  * @description Styles the background of input field in filter in sorted column\n  * @see background\n  * @default #171717\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  */\n  --zg-filter-input-background_sorted: #171717;\n\n  /* ZG-HEAD\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-head-background\n  * @default #191818\n  * @description Styles the background of grid head\n  * @see background\n  * @default Browser's default value\n  */\n  --zg-head-background: #191818;\n\n  /**\n  * @memberof black\n  * @var --zg-head-border-top\n  * @description Styles the top border of grid head\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/S7J5KA7S\n  */\n  --zg-head-border-top: 1px solid var(--theme-border-color);\n\n  /**\n  * @memberof dark\n  * @var --zg-head-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid head\n  * @see border-radius\n  */\n  --zg-head-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n\n  /* ZG-HEAD-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-head-cell-background_sorted\n  * @description Styles the background of sorted head cells\n  * @see background\n  * @default var(--theme-color-black)\n  * @demoLink https://app.zingsoft.com/demos/create/F7W6O5Y8\n  */\n  --zg-head-cell-background_sorted: var(--theme-color-black);\n  /**\n  * @memberof black\n  * @var --zg-head-cell-color\n  * @default var(--theme-color)\n  * @description Sets the font color of head cells\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/MOTKNFI7\n  */\n  --zg-head-cell-color: var(--theme-color);\n  /**\n  * @memberof black\n  * @var --zg-head-cell-color_sorted\n  * @description Sets the font color of sorted head cells\n  * @default var(--theme-color-white);\n  * @see color\n  */\n  --zg-head-cell-color_sorted: var(--theme-color-white);\n\n  /* ZG-HEADER\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-header-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid header\n  * @see border-radius\n  */\n  --zg-header-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n\n  /* ZG-ICON\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-icon-color\n  * @default var(--theme-color-white)\n  * @description Sets the fill color of icon in shadow elements\n  * @see fill\n  * @demoLink https://app.zingsoft.com/demos/create/QP3CK186\n  */\n  --zg-icon-color: var(--theme-color-white);\n  /**\n  * @memberof black\n  * @var --zg-icon-init-fill\n  * @description This color is set on the icon <svg> while the element has the\n  * [init] attribute. This is meant to give an indication the column is sortable.\n  * The [init] goes away when the column is sorted.\n  * @default #d0d0d0\n  * @see fill\n  * @demoLink https://app.zingsoft.com/demos/create/K3C0AD5K\n  */\n  /* Not-Sorted Color */\n  --zg-icon-init-fill: #d0d0d0;\n  /**\n  * @memberof black\n  * @var --zg-head-cell-icon-color_sorted\n  * @description Sets the fill color of icon in sorted head cells\n  * @see fill\n  * @default var(--theme-color-white);\n  * @demoLink https://app.zingsoft.com/demos/create/I4QTA64O\n  */\n  /* Sorted Color */\n  --zg-head-cell-icon-color_sorted: var(--theme-color-white);\n\n  /* ZG-INPUT\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-input-background\n  * @description Styles the background of input field\n  * @see background\n  * @default var(--theme-background-input)\n  * @demoLink https://app.zingsoft.com/demos/create/QTKU281K\n  */\n  --zg-input-background: var(--theme-background-input);\n  /**\n  * @memberof black\n  * @var --zg-input-color\n  * @description Styles the font color of editor input in modal\n  * @see color\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/32AVDJGQ\n  */\n  --zg-input-color: var(--theme-color-input);\n\n  /* ZG-MENU\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-menu-background\n  * @description Styles the background of menu\n  * @see background-color\n  * @default var(--theme-color-lighter)\n  */\n  --zg-menu-background: var(--theme-color-lighter);\n\n  /* ZG-MENUITEM\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-menu-item-color_hover\n  * @description Sets the font color of menu item on hover\n  * @see color\n  * @default #fff\n  */\n  --zg-menu-item-color_hover: #fff;\n\n  /* ZG-PAGER\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-pager-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of the pager\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/DSI1M4K6\n  */\n  --zg-pager-background: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --zg-pager-border-top\n  * @description Styles the top border of the pager\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/S7J5KA7S\n  */\n  --zg-pager-border-top: 1px solid var(--theme-border-color);\n\n  /* ZG-ROW\n  ----------------------------------------------------- */\n\n  /* ZG-BODY */\n  /**\n  * @memberof black\n  * @var --zg-row-body-background_even\n  * @default var(--theme-background-row)\n  * @description Styles the background of 'even' body rows\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/VMHOQP1A\n  */\n  --zg-row-body-background_even: var(--theme-background-row);\n  /**\n  * @memberof black\n  * @var --zg-row-body-background_odd\n  * @default var(--theme-background-row)\n  * @description Styles the background of 'odd' body rows\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/VMHOQP1A\n  */\n  --zg-row-body-background_odd: var(--theme-background-row);\n  /**\n  * @memberof black\n  * @var --zg-row-body-color\n  * @default #ccc\n  * @description Sets the font color of body rows\n  * @see color\n  */\n  --zg-row-body-color: #ccc;\n\n  /* Hover */\n  /**\n  * @memberof black\n  * @var --zg-row-body-color_even_hover\n  * @default var(--zg-row-body-color)\n  * @description Sets the font-color of 'even' body rows on hover\n  * @see color\n  */\n  --zg-row-body-color_even_hover: var(--zg-row-body-color);\n  /**\n  * @memberof black\n  * @var --zg-row-body-color_odd_hover\n  * @default var(--zg-row-body-color)\n  * @description Sets the font-color of 'odd' body rows on hover\n  * @see color\n  */\n  --zg-row-body-color_odd_hover: var(--zg-row-body-color);\n\n  /* Card */\n  /**\n  * @memberof black\n  * @var --zg-row-card-background\n  * @description Styles the background of card in 'card' layout-mode\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/BN8IASG4\n  */\n  --zg-row-card-background: var(--theme-background-row);\n\n  /* CARD MODE WHEN EDITOR CONTROLS */\n  /**\n  * @memberof default\n  * @var --zg-row-card-background_editor_odd\n  * @description Styles the background of 'odd' card editor head in card layout-mode\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px, var(--theme-border-color) 44px, var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px);\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/EFQR8XAB\n  */\n  /* ODD */\n  --zg-row-card-background_editor_odd: linear-gradient(\n    var(--theme-color-lighter),\n    var(--theme-color-lighter) 43px,\n    var(--theme-border-color) 44px,\n    var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px\n  );\n  /* EVEN */\n  /**\n  * @memberof default\n  * @var --zg-row-card-background_editor_even\n  * @description Styles the background of 'even' card editor head in card layout-mode\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px, var(--theme-border-color) 44px, var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px);\n  * @see background\n  */\n  --zg-row-card-background_editor_even: linear-gradient(\n    var(--theme-color-lighter),\n    var(--theme-color-lighter) 43px,\n    var(--theme-border-color) 44px,\n    var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px\n  );\n\n  /* ZG-SELECT\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-select-arrow-color\n  * @description Sets the color select arrow icon\n  * @see fill\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/1IT6DL7R\n  */\n  --zg-select-arrow-color: var(--zg-icon-color);\n  /**\n  * @memberof black\n  * @var --zg-select-color\n  * @description Sets the font color of the select\n  * @see color\n  * @default var(--theme-color-input)\n  * @demoLink https://app.zingsoft.com/demos/create/LHLU0OLY\n  */\n  --zg-select-color: var(--theme-color-input);\n  /**\n  * @memberof black\n  * @var --zg-select-text-background\n  * @description Styles the background of the 'text' portion of the zg-select element\n  * @default var(--theme-background-input)\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/MZG3WH82\n  */\n  --zg-select-text-background: var(--theme-background-input);\n  /**\n  * @memberof black\n  * @var --zg-option-list-background\n  * @description Styles the background of option list\n  * @see background\n  * @default var(--theme-background-color)\n  */\n  --zg-option-list-background: var(--theme-background-color);\n\n  /* ZG-SOURCE\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-source-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of source\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/B8CEE4RW\n  */\n  --zg-source-background: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --zg-source-border-top\n  * @description Styles the top border of source\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/IYUVRHY0\n  */\n  --zg-source-border-top: 0;\n\n\n  /* ZG-WATERMARK\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-watermark-background\n  * @default var(--theme-color_alt)\n  * @description Styles the background of the ZingGrid watermark\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/PLI8AW69\n  */\n  --zg-watermark-background: var(--theme-color_alt);\n  /**\n  * @memberof black\n  * @var --zg-watermark-color\n  * @default var(--theme-color_alt)\n  * @description Styles the color of the ZingGrid watermark\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/RHV3AZL7\n  */\n  --zg-watermark-color: #fff;\n\n  /**\n    * @memberof black\n    * @var --zg-watermark-border-radius\n    * @default var(--theme-color_alt)\n    * @description Styles the border-radius of the ZingGrid watermark\n    * @see border-radius\n    * @demoLink https://app.zingsoft.com/demos/create/HCZ0FTPR\n    */\n    --zg-watermark-border-radius: 0 0 var(--zing-grid-border-radius) var(--zing-grid-border-radius);\n\n    /* BATCH EDIT\n  ----------------------------------------------------- */\n  --zing-grid-batch-edit-style-border: 4px solid var(--theme-color);\n  /* --theme-batch-edit-box-shadow: inset 0 0 15px var(--theme-color_alt); */\n  --theme-batch-edit-box-shadow: unset;\n\n}\n\n\n",""])},36375:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,":host([compact]),\n:host([theme][compact]) {\n  /* --theme-padding_x: .75rem; */\n  --theme-padding_y: .5rem;\n  --zg-caption-height: 40px;\n  --zg-caption-title-font-size: 80%;\n  --zg-filter-height: 34px;\n  --zg-pager-height: 0;\n  --zg-pager-padding: 0 var(--theme-padding_x) 11px;\n  --zg-row-head-height: 32px;\n  --zg-row-body-height: 0;\n  --zg-row-height_aggregate: 32px;\n  --zg-cell-font-size: 95%;\n  --zg-cell-padding: var(--theme-padding_y) var(--theme-padding_x);\n  --zg-cell-selector-min-height_layout_row: 0;\n}",""])},79300:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,":host([theme=\"dark\"]) {\n  /* RE-USABLE ZINGGRID VARS\n  ----------------------------------------------------- */\n  /* These are used as the default theme values in the various component .css files */\n  /* These values are used more than once, so we're making them into a variable for reuse */\n\n  /* BACKGROUND */\n\n  /**\n  * @memberof dark\n  * @var --theme-background-color\n  * @default #071730\n  * @description Styles the background of row on hover\n  * @see background-color\n  */\n  --theme-background-color: #071730;\n  /**\n  * @memberof dark\n  * @var --theme-background-input\n  * @default #343434\n  * @description Styles the background input fields\n  * @see background-color\n  */\n  --theme-background-input: #343434;\n  /**\n  * @memberof dark\n  * @var --theme-background-zebra\n  * @default var(--theme-background-color)\n  * @description Styles the background of 'even' rows in grid [zebra]-striping mode\n  * @see background-color\n  */\n  --theme-background-zebra: var(--theme-background-color);\n  /**\n  * @memberof dark\n  * @var --theme-background-row\n  * @default #191a2c\n  * @description Styles the background of row-like items\n  * @see background-color\n  */\n  --theme-background-row: #191a2c;\n\n  /* BORDER */\n  /**\n  * @memberof dark\n  * @var --theme-border-color\n  * @default var(--theme-color_alt)\n  * @description Styles the border color\n  * @see border\n  */\n  --theme-border-color: var(--theme-color_alt);\n  /**\n  * @memberof dark\n  * @var --theme-border-color_body\n  * @default #3a3a3a\n  * @description Styles the border color of grid body\n  * @see border\n  */\n  --theme-border-color_body: #3a3a3a;\n\n  /* COLOR */\n\n  /**\n  * @memberof dark\n  * @var --theme-color\n  * @default #e4e4e4\n  * @description Sets the font color of most components, including cell content.\n  * @see color\n  * @example cell font color\n  * @example button background\n  * @example checkbox border\n  * @example select color\n  */\n  --theme-color: #e4e4e4;\n  /**\n  * @memberof dark\n  * @var --theme-color_alt\n  * @default #5290a5\n  * @description Sets the font color of most components, including cell content.\n  * @see color\n  */\n  --theme-color_alt: #5290a5;\n  /**\n  * @memberof dark\n  * @var --theme-color-input\n  * @default #d0d0d0\n  * @description Sets the font color of input fields\n  * @see color\n  */\n  --theme-color-input: #d0d0d0;\n  /**\n  * @memberof black\n  * @var --theme-color-light\n  * @default #050b22\n  * @description Defines the baseline light color\n  * @see color\n  * @example Currently reordering column\n  */\n  --theme-color-light: #050b22;\n  /**\n  * @memberof dark\n  * @var --theme-color-lighter\n  * @default #050b22\n  * @description Defines the baseline lighter color\n  * @see color\n  * @example Filter and Footer background color\n  */\n  --theme-color-lighter: #050b22;\n  /**\n  * @memberof dark\n  * @var --theme-color-primary\n  * @default #00061d\n  * @description Defines the baseline primary color\n  * @see color\n  */\n  --theme-color-primary: #00061d;\n  /**\n  * @memberof dark\n  * @var --theme-color-white\n  * @default #fff\n  * @description Defines the baseline white color\n  * @see color\n  */\n  --theme-color-white: #fff;\n\n\n  /* -------------------------------------------------- */\n\n\n  /* ZING-GRID\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zing-grid-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of grid\n  * @see background-color\n  */\n  --zing-grid-background: var(--theme-background-color);\n\n  /* DRAGGABLE COLUMNS */\n  /**\n  * @memberof dark\n  * @var --draggable-width_note\n  * @default calc(100% + 2px)\n  * @description Sets width of draggable element when `[draggable]` is added to `<zing-grid>`\n  * @see width\n  */\n  --draggable-width_note: calc(100% + 2px);\n\n\n  /* ZG-BUTTON\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-button-background_active\n  * @description Styles the background of button on active state\n  * @see background\n  * @default #343434\n  * @demoLink https://app.zingsoft.com/demos/create/XPUZZ3LU\n  */\n  --zg-button-background_active: #343434;\n\n  /* ZG-BUTTON (CUSTOM) */\n  /**\n  * @memberof dark\n  * @var --zg-button-background_custom\n  * @description Styles the background of custom button\n  * @see background\n  * @default var(--theme-color-primary)\n  */\n  --zg-button-background_custom: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-button-border_custom\n  * @description Styles the border of custom button\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  */\n  --zg-button-border_custom: 1px solid var(--theme-border-color);\n  /**\n  * @memberof dark\n  * @var --zg-button-box-shadow_custom\n  * @description Applies a box shadow behind efault button\n  * @see box-shadow\n  * @default none\n  */\n  --zg-button-box-shadow_custom: none;\n  /**\n  * @memberof dark\n  * @var --zg-button-color_custom\n  * @description Sets the font color of custom button\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom: #fff;\n\n  /* Active */\n  /**\n  * @memberof dark\n  * @var --zg-button-background_custom_active\n  * @description Styles the background of custom button on active state\n  * @see background\n  * @default #000\n  */\n  --zg-button-background_custom_active: #000;\n  /**\n  * @memberof dark\n  * @var --zg-button-border_custom_active\n  * @description Styles the border of custom button on active state\n  * @see border\n  * @default 1px solid #4eaada\n  */\n  --zg-button-border_custom_active: 1px solid #4eaada;\n  /**\n  * @memberof dark\n  * @var --zg-button-box-shadow_custom_active\n  * @description Applies a box shadow behind custom button on active state\n  * @see box-shadow\n  * @default 0 0 5px 0 #86d3fb\n  */\n  --zg-button-box-shadow_custom_active: 0 0 5px 0 #86d3fb;\n  /**\n  * @memberof dark\n  * @var --zg-button-color_custom_active\n  * @description Sets the font color of custom button on active state\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_active: #fff;\n  /* Focus */\n  /**\n  * @memberof dark\n  * @var --zg-button-background_custom_focus\n  * @description Styles the background of custom button on focus\n  * @see background\n  * @default #000\n  */\n  --zg-button-background_custom_focus: #000;\n  /**\n  * @memberof dark\n  * @var --zg-button-border_custom_focus\n  * @description Styles the border of custom button on focus\n  * @see border\n  * @default 1px solid #5ac4fb\n  */\n  --zg-button-border_custom_focus: 1px solid #5ac4fb;\n  /**\n  * @memberof dark\n  * @var --zg-button-box-shadow_custom_focus\n  * @description Applies a box shadow behind custom button on focus\n  * @see box-shadow\n  * @default 0 0 6px 0 #86d3fb\n  */\n  --zg-button-box-shadow_custom_focus: 0 0 6px 0 #86d3fb;\n  /**\n  * @memberof dark\n  * @var --zg-button-color_custom_focus\n  * @description Sets font color of custom button on focus\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_focus: #fff;\n\n  /* Hover */\n  /**\n  * @memberof dark\n  * @var --zg-button-background_custom_hover\n  * @description Styles background of custom button on hover\n  * @see background\n  * @default var(--theme-color-primary)\n  */\n  --zg-button-background_custom_hover: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-button-border_custom_hover\n  * @description Styles border of custom button on hover\n  * @see border\n  * @default 1px solid #5ac4fb\n  */\n  --zg-button-border_custom_hover: 1px solid #5ac4fb;\n  /**\n  * @memberof dark\n  * @var --zg-button-box-shadow_custom_hover\n  * @description Applies a box shadow behind custom button on hover\n  * @see box-shadow\n  * @default 0 0 6px 0 #86d3fb\n  */\n  --zg-button-box-shadow_custom_hover: 0 0 6px 0 #86d3fb;\n  /**\n  * @memberof dark\n  * @var --zg-button-color_custom_hover\n  * @description Sets font color of custom button on hover\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_hover: #fff;\n\n  /* ZG-CAPTION\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-caption-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of caption\n  * @see background-color\n  */\n  --zg-caption-background: var(--theme-background-color);\n\n  /**\n  * @memberof dark\n  * @var --zg-caption-icon-color\n  * @default #fff\n  * @description Sets the color of icons in caption\n  * @see fill\n  */\n  --zg-caption-icon-color: var(--zg-icon-color);\n\n  /* ZG-CARD\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-body-card-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of card in 'card' layout-mode\n  * @see background-color\n  */\n  --zg-body-card-background: var(--theme-background-color);\n\n  /* ZG-CELL\n  ----------------------------------------------------- */\n    /**\n  * @memberof dark\n  * @var --zg-cell-background_sorted\n  * @default var(--theme-color-primary)\n  * @description Styles the background of sorted cells\n  * @see background-color\n  */\n  --zg-cell-background_sorted: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-cell-label-color_layout_card\n  * @description Sets font color of label in grid cell in 'card' layout-mode\n  * @see color\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/WLX26P3Q\n  */\n  --zg-cell-label-color_layout_card: var(--theme-color);\n\n  /* ZG-COLUMN-RESIZE\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-column-resize-background\n  * @description Sets the background of the resize handle\n  * @see background\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/GY8NY03F\n  */\n  --zg-column-resize-background: var(--zg-head-cell-color);\n  /**\n  * @memberof dark\n  * @var --zg-column-resize-color\n  * @description Sets the color of the resize handle dots\n  * @see color\n  * @default none\n  */\n  --zg-column-resize-color: var(--theme-background-color);\n\n  /* ZG-CONTROL-BAR\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-control-bar-background\n  * @description Styles the background of control bar\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/E1K9COKF\n  */\n  --zg-control-bar-background: var(--theme-background-color);\n  /**\n  * @memberof dark\n  * @var --zg-control-bar-border-bottom\n  * @description Styles the bottom border of control bar\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/5DST8C9Q\n  */\n  --zg-control-bar-border-bottom: 0;\n  /**\n  * @memberof dark\n  * @var --zg-control-bar-button-margin\n  * @description Sets margin of buttons in control bar\n  * @see margin\n  * @default 0\n  */\n  --zg-control-bar-button-margin: 0;\n  /**\n  * @memberof dark\n  * @var --zg-control-bar-icon-color\n  * @description Sets the fill color of slotted icon\n  * @see fill\n  * @default var(--zg-icon-color)\n  * @demoLink https://app.zingsoft.com/demos/create/AQXMHTVM\n  */\n  --zg-control-bar-icon-color: var(--zg-icon-color);\n\n  /* ZG-DIALOG\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-background\n  * @description Styles the background of dialog\n  * @see background\n  * @default #050b22\n  */\n  --zg-dialog-background: #050b22;\n\n  /* HEADER */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-header-color\n  * @description Styles the font color of dialog header\n  * @see color\n  * @default #fff\n  */\n  --zg-dialog-header-color: #fff;\n\n  /**\n  * @memberof dark\n  * @var --zg-dialog-cancel-border-bottom\n  * @description Styles the bottom border of dialog 'cancel' button\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-cancel-border-bottom: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-dialog-cancel-border-left\n  * @description Styles the left border of dialog 'cancel' button\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-cancel-border-left: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-dialog-cancel-border-right\n  * @description Styles the right border of dialog 'cancel' button\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-cancel-border-right: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-dialog-cancel-border-top\n  * @description Styles the top border of dialog 'cancel' button\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-cancel-border-top: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-dialog-close-color\n  * @description Sets the font color of dialog 'close' button\n  * @see color\n  * @default var(--theme-color_alt)\n  */\n  --zg-dialog-close-color: var(--theme-color_alt);\n\n  /* BODY */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-body-border-top\n  * @description Styles the top boder of dialog body\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-body-border-top: 1px solid var(--theme-border-color_body);\n\n  /* FOOTER */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-footer-border-top\n  * @description Styles the top border of dialog footer\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-footer-border-top: 1px solid var(--theme-border-color_body);\n\n  /* BODY COLOR\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-body-color\n  * @description Styles font color of body of dialog\n  * @see color\n  * @default #fff\n  */\n  --zg-dialog-body-color: #fff;\n\n  /* ZG-EDITOR-ROW\n  ----------------------------------------------------- */\n\n  /* ZG-EDITOR-ROW: INPUT */\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-background\n  * @description Styles the background of editor row input\n  * @see background\n  * @default var(--theme-color-primary))\n  * @demoLink https://app.zingsoft.com/demos/create/3EBBN3A3\n  */\n  --zg-editor-row-input-background: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-border-bottom\n  * @description Styles the bottom border of editor row input\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/9P6CXB0Q\n  */\n  --zg-editor-row-input-border-bottom: 0;\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-color\n  * @description Sets the font color of editor row input\n  * @see color\n  * @default var(--theme-color-input)\n  * @demoLink https://app.zingsoft.com/demos/create/QYZBZUVA\n  */\n  --zg-editor-row-input-color: var(--theme-color-input);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-padding\n  * @default 13px 16px 12px\n  * @description The padding of editor row input\n  * @see padding\n  */\n  --zg-editor-row-input-padding: 13px 16px 12px;\n\n  /* ZG-EDITOR-ROW: INPUT - FOCUSED */\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-background_focus\n  * @default var(--theme-background-color)\n  * @description Styles the background of editor row input on focus\n  * @see background\n  */\n  --zg-editor-row-input-background_focus: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-border-bottom\n  * @description Styles the bottom border of input field\n  * @see border\n  * @default var(--theme-border-color_body)\n  */\n  --zg-editor-row-input-border-bottom: var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-box-shadow_focus\n  * @default none\n  * @description Applies a box shadow behind editor row input on focus\n  * @see box-shadow\n  */\n  --zg-editor-row-input-box-shadow_focus: none;\n\n  /* ZG-EDITOR-ROW: MODAL - INPUT */\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-background_modal_focus\n  * @description Styles the background of editor row input in modal on focus\n  * @see background\n  * @default var(--theme-background-zebra)\n  * @demoLink https://app.zingsoft.com/demos/create/ZORGW9GT\n  */\n  --zg-editor-row-input-background_modal_focus: var(--theme-background-zebra);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-border-bottom_modal_focus\n  * @description Styles the bottom border of editor row input in modal on focus\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  */\n  --zg-editor-row-input-border-bottom_modal_focus: 1px solid var(--theme-border-color);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-color_modal_focus\n  * @description Sets the font color of editor row input in modal on focus\n  * @see color\n  * @default var(--theme-color-input)\n  */\n  --zg-editor-row-input-color_modal_focus: var(--theme-color-input);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-padding_modal\n  * @default 13px 10px 12px 8px\n  * @description Sets the padding of editor row input\n  * @see padding\n  */\n  --zg-editor-row-input-padding_modal: 13px 10px 12px 8px;\n\n  /* ZG-EDITOR-ROW: LABEL\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-label-color\n  * @description Styles font color of label in modal\n  * @see color\n  * @default #fff\n  */\n  --zg-editor-row-label-color: #fff;\n\n  /* ZG-FILTER\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-filter-background\n  * @description Styles the background of filter input\n  * @see background\n  * @default var(--theme-background-color);\n  * @demoLink https://app.zingsoft.com/demos/create/G1WKUNFJ\n  */\n  --zg-filter-background: var(--theme-background-color);\n  /**\n  * @memberof dark\n  * @var --zg-filter-background_sorted\n  * @description Styles the background color of filter input in sorted column\n  * @see background-color\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/WX39XEJ1\n  */\n  --zg-filter-background_sorted: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-filter-border-top\n  * @description Styles the top border of the filter cell\n  * @see border\n  * @default 0\n  */\n  --zg-filter-border-top: 0;\n\n  /* ZG-FILTER: INPUT */\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-background\n  * @description Styles the background of fiter input field\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  */\n  --zg-filter-input-background: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-border-bottom\n  * @description Styles the bottom border of filter input field\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/Z1COSRGD\n  */\n  --zg-filter-input-border-bottom: 1px solid #212121;\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-border-left\n  * @description Styles the left border of filter input field\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/2Z1YS7PH\n  */\n  --zg-filter-input-border-left: 1px solid #212121;\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-border-right\n  * @description Styles the right border of filter input field\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/JD0COXK4\n  */\n  --zg-filter-input-border-right: 1px solid #212121;\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-border-top\n  * @description Styles the top border of filter input field\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/KRUW31YG\n  */\n  --zg-filter-input-border-top: 1px solid #212121;\n\n  /* ZG-FILTER: INPUT - SORTED */\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-background_sorted\n  * @description Styles the background of filter input field in sorted column\n  * @see background\n  * @default var(--theme-background-row)\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  */\n  --zg-filter-input-background_sorted: var(--theme-background-row);\n\n  /* ZG-HEAD\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-head-background\n  * @default #050b22\n  * @description Styles the background of grid head\n  * @see background\n  */\n  --zg-head-background: #050b22;\n  /**\n  * @memberof dark\n  * @var --zg-head-border-bottom\n  * @description Styles the bottom border of grid head\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  * @demoLink https://app.zingsoft.com/demos/create/HLBTB6HX\n  */\n  --zg-head-border-bottom: 1px solid var(--theme-border-color_body);\n\n  /**\n  * @memberof dark\n  * @var --zg-head-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid head\n  * @see border-radius\n  */\n  --zg-head-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n  /**\n  * @memberof dark\n  * @var --zg-head-border-top\n  * @description Styles the top border of grid head\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/S7J5KA7S\n  */\n  --zg-head-border-top: 0;\n\n  /* ZG-HEAD-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-head-cell-background_sorted\n  * @description Styles the background of sorted head cells\n  * @see background\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/F7W6O5Y8\n  */\n  --zg-head-cell-background_sorted: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-head-cell-color\n  * @default var(--theme-color_alt)\n  * @description Sets the font color of head cells\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/MOTKNFI7\n  */\n  --zg-head-cell-color: var(--theme-color_alt);\n  /**\n  * @memberof dark\n  * @var --zg-head-cell-color_sorted\n  * @description Sets the font color of head cells when sorted\n  * @default var(--theme-color-white);\n  * @see color\n  */\n  --zg-head-cell-color_sorted: var(--theme-color-white);\n\n  /* ZG-HEADER\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-header-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid header\n  * @see border-radius\n  */\n  --zg-header-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n\n  /* ZG-ICON\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-icon-color\n  * @default var(--theme-color-white)\n  * @description Sets the fill color of icon in shadow elements\n  * @see fill\n  * @demoLink https://app.zingsoft.com/demos/create/QP3CK186\n  */\n  --zg-icon-color: var(--theme-color_alt);\n  /**\n  * @memberof dark\n  * @var --zg-icon-init-fill\n  * @description This color is set on the icon <svg> while the element has the\n  * [init] attribute. This is meant to give an indication the column is sortable.\n  * The [init] goes away when the column is sorted.\n  * @default var(--theme-color)\n  * @see fill\n  * @demoLink https://app.zingsoft.com/demos/create/K3C0AD5K\n  */\n  /* Not-Sorted Color */\n  --zg-icon-init-fill: var(--theme-color_alt);\n  /**\n  * @memberof dark\n  * @var --zg-head-cell-icon-color_sorted\n  * @description Sets the fill color of icon in sorted head cells\n  * @see fill\n  * @default var(--theme-color-white);\n  * @demoLink https://app.zingsoft.com/demos/create/I4QTA64O\n  */\n  /* Sorted Color */\n  --zg-head-cell-icon-color_sorted: var(--theme-color-white);\n\n  /* ZG-INPUT\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-input-background\n  * @description Styles the background of input field\n  * @see background\n  * @default var(--theme-background-row)\n  * @demoLink https://app.zingsoft.com/demos/create/QTKU281K\n  */\n  --zg-input-background: var(--theme-background-row);\n  /**\n  * @memberof dark\n  * @var --zg-input-color\n  * @description Styles the font color of input field\n  * @see color\n  * @default var(--theme-color-input)\n  * @demoLink https://app.zingsoft.com/demos/create/32AVDJGQ\n  */\n  --zg-input-color: var(--theme-color-input);\n\n  /* ZG-MENU\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-menu-background\n  * @description Styles the background of menu\n  * @see background\n  * @default var(--theme-color-lighter)\n  */\n  --zg-menu-background: var(--theme-color-lighter);\n\n  /* ZG-MENUITEM\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-menu-item-background_hover\n  * @description Styles the background of menu item on hover\n  * @see background\n  * @default var(--theme-background-zebra)\n  */\n  --zg-menu-item-background_hover: var(--theme-background-zebra);\n  /**\n  * @memberof dark\n  * @var --zg-menu-item-color_hover\n  * @description Sets the font color of menu item on hover\n  * @see color\n  * @default var(--theme-color_alt)\n  */\n  --zg-menu-item-color_hover: var(--theme-color_alt);\n\n  /* ZG-PAGER\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-pager-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of pager\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/DSI1M4K6\n  */\n  --zg-pager-background: var(--theme-background-color);\n  /**\n  * @memberof dark\n  * @var --zg-pager-border-top\n  * @description Styles the top border of pager\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  * @demoLink https://app.zingsoft.com/demos/create/S7J5KA7S\n  */\n  --zg-pager-border-top: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-pager-color\n  * @description Sets the font color of pager\n  * @see color\n  * @default #a1a1a1\n  */\n  --zg-pager-color: #a1a1a1;\n\n  /* ZG-ROW\n  ----------------------------------------------------- */\n\n  /* ZG-BODY */\n  /**\n  * @memberof dark\n  * @var --zg-row-body-background_even\n  * @default var(--theme-background-row)\n  * @description Styles the background of 'even' body rows\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/VMHOQP1A\n  */\n  --zg-row-body-background_even: var(--theme-background-row);\n  /**\n  * @memberof dark\n  * @var --zg-row-body-background_even\n  * @default var(--theme-background-row)\n  * @description Styles the background of 'even' body rows\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/VMHOQP1A\n  */\n  --zg-row-body-background_odd: var(--theme-background-row);\n  /**\n  * @memberof dark\n  * @var --zg-row-body-border-bottom\n  * @description Styles the bottom border of body rows\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  * @demoLink https://app.zingsoft.com/demos/create/HNJ2XN7Y\n  */\n  --zg-row-body-border-bottom: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-row-body-color\n  * @default var(--theme-color)\n  * @description Sets the font color of body rows\n  * @see color\n  */\n  --zg-row-body-color: var(--theme-color);\n\n  /* Hover */\n  /**\n  * @memberof dark\n  * @var --zg-row-body-color_even_hover\n  * @default var(--zg-row-body-color)\n  * @description Sets the font color of 'even' body rows on hover\n  * @see color\n  */\n  --zg-row-body-color_even_hover: var(--zg-row-body-color);\n  /**\n  * @memberof dark\n  * @var --zg-row-body-color_odd_hover\n  * @default var(--zg-row-body-color)\n  * @description Setst the font color of 'odd' body rows on hover\n  * @see color\n  */\n  --zg-row-body-color_odd_hover: var(--zg-row-body-color);\n\n  /* Card */\n  /**\n  * @memberof dark\n  * @var --zg-row-card-background\n  * @description Styles the background of cards in 'card' layout-mode\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/BN8IASG4\n  */\n  --zg-row-card-background: var(--theme-background-row);\n\n  /* CARD MODE WHEN EDITOR CONTROLS */\n  /* ODD */\n  /**\n  * @memberof dark\n  * @var --zg-row-card-background_editor_odd\n  * @description Styles the background of 'odd' card editor header in 'card' layout-mode\n  * when `[editor-controls]` is added to `<zing-grid>`.\n  * Styling should account for the editor controls above the cells.\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px var(--theme-border-color) 44px, var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px)\n  * @see background\n  */\n  --zg-row-card-background_editor_odd: linear-gradient(\n    var(--theme-color-lighter),\n    var(--theme-color-lighter) 43px,\n    var(--theme-border-color) 44px,\n    var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px\n  );\n  /* EVEN */\n  /**\n  * @memberof dark\n  * @var --zg-row-card-background_editor_even\n  * @description Styles the background of 'even' card editor header in 'card' layout-mode\n  * when `[editor-controls]` is added to `<zing-grid>`.\n  * Styling should account for the editor controls above the cells.\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px, var(--theme-border-color) 44px, var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px)\n  * @see background\n  */\n  --zg-row-card-background_editor_even: linear-gradient(\n    var(--theme-color-lighter),\n    var(--theme-color-lighter) 43px,\n    var(--theme-border-color) 44px,\n    var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px\n  );\n\n  /* ZG-SELECT\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-select-arrow-color\n  * @description Sets the color of select arrow icon\n  * @see fill\n  * @default var(--zg-icon-color)\n  * @demoLink https://app.zingsoft.com/demos/create/1IT6DL7R\n  */\n  --zg-select-arrow-color: var(--zg-icon-color);\n  /**\n  * @memberof dark\n  * @var --zg-select-color\n  * @description Sets the font color of the select in active state\n  * @see color\n  * @default var(--theme-color-input)\n  * @demoLink https://app.zingsoft.com/demos/create/LHLU0OLY\n  */\n  --zg-select-color: var(--theme-color-input);\n  /**\n  * @memberof dark\n  * @var --zg-select-text-background\n  * @description Styles the background of the 'text' portion of select\n  * @default none\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/MZG3WH82\n  */\n  --zg-select-text-background: none;\n  /**\n  * @memberof dark\n  * @var --zg-option-list-background\n  * @description Styles the background of option list\n  * @see background\n  * @default var(--theme-background-color)\n  */\n  --zg-option-list-background: var(--theme-background-color);\n\n  /* ZG-SOURCE\n  ----------------------------------------------------- */\n  --zg-source-background: none;\n  --zg-source-border-bottom_top: 1px solid #0e4658;\n  --zg-source-border-top_top: 1px solid #0e4658;\n  --zg-source-border-top_bottom: 1px solid #0e4658;\n  --zg-source-color: #47899e;\n\n  /* ZG-WATERMARK\n  ----------------------------------------------------- */\n  --zg-watermark-background: var(--theme-background-color);\n  --zg-watermark-color: var(--theme-color-white);\n  --zg-watermark-color_strong: var(--theme-color-white);\n\n  /* BATCH EDIT\n  ----------------------------------------------------- */\n  --zing-grid-batch-edit-style-border: 4px solid var(--theme-color_alt);\n  /* --theme-batch-edit-box-shadow: inset 0 0 15px var(--theme-color_alt); */\n  --theme-batch-edit-box-shadow: unset;\n\n}",""])},33974:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,":host {\n  /* RE-USABLE ZINGGRID VARS\n  ----------------------------------------------------- */\n  /* These are used as the default theme values in the various component .css files */\n  /* These values are used more than once, so we're making them into a variable for reuse */\n\n  /* BACKGROUND */\n\n  /**\n  * @memberof theme\n  * @var --theme-background-color\n  * @default rgba(166, 213, 250, 0.2)\n  * @description Styles the background of row on hover\n  * @see background-color\n  */\n  --theme-background-color: rgba(166, 213, 250, 0.2);\n\n  /**\n  * @memberof theme\n  * @var --theme-background-zebra\n  * @default #f5f5f5\n  * @description Styles the background of 'even' rows in [zebra]-striping mode\n  * @see background-color\n  */\n  --theme-background-zebra: #f5f5f5;\n\n  /* BORDER */\n  /**\n  * @memberof theme\n  * @var --theme-border-color\n  * @default #e3e3e3\n  * @description Styles the border color\n  * @see border\n  */\n  --theme-border-color: #e3e3e3;\n\n  /* COLOR */\n\n  /**\n  * @memberof theme\n  * @var --theme-color\n  * @default rgb(33, 33, 33, 1)\n  * @description Sets the font color of most components, including cell content.\n  * @see color\n  * @example cell font color\n  * @example button background\n  * @example checkbox border\n  * @example select color\n  */\n  --theme-color: rgba(33, 33, 33, 1);\n\n  /**\n  * @memberof theme\n  * @var --theme-color_alt\n  * @default rgba(117, 117, 117, 1);\n  * @description Sets the font color of alternate text\n  * @see color\n  * @example header font\n  */\n  --theme-color_alt: rgba(117, 117, 117, 1);\n  \n  /**\n  * @memberof theme\n  * @var --theme-color-primary\n  * @default rgba(33, 150, 243, 1)\n  * @description Sets the font color of primary text\n  * @see color\n  * @example watermark\n  * @example checkbox:checked\n  * @example focus border\n  */\n  --theme-color-primary: rgba(33, 150, 243, 1);\n\n  /**\n  * @memberof theme\n  * @var --theme-color-secondary\n  * @default var(--theme-color-primary)\n  * @description Sets the font color of secondary text for components of functionality, such as header cells.\n  * @see color\n  * @example input:focus\n  */\n  --theme-color-secondary: var(--theme-color-primary);\n\n  /**\n  * @memberof theme\n  * @var --theme-color-success\n  * @default green\n  * @description Sets the font color for 'success' messages\n  * @see color\n  */\n  --theme-color-success: green;\n\n  /**\n  * @memberof theme\n  * @var --theme-color-alert\n  * @default red\n  * @description Sets the font color for 'alert' messages\n  * @see color\n  */\n  --theme-color-alert: red;\n\n  /**\n  * @memberof theme\n  * @var --theme-color-light\n  * @default #f2f2f2\n  * @description Defines the baseline light color\n  * @see color\n  * @example <zg-source> background\n  */\n  --theme-color-light: #f2f2f2;\n\n  /**\n  * @memberof theme\n  * @var --theme-color-lighter\n  * @default #fbfbfb\n  * @description Defines the baseline lighter color\n  * @see color\n  * @example Filter and Footer background color\n  */\n  --theme-color-lighter: #fbfbfb;\n\n  /**\n  * @memberof theme\n  * @var --theme-color-warn\n  * @default #ecd800\n  * @description Sets the font color of 'warn' messages\n  * @see color\n  */\n  --theme-color-warn: #ecd800;\n\n  /* FONT */\n\n  /**\n  * @memberof theme\n  * @var --theme-font-family\n  * @default 'Roboto', verdana, sans-serif\n  * @description Sets the font family of grid\n  * @see font-family\n  */\n  --theme-font-family: 'Roboto', verdana, sans-serif;\n\n  /**\n  * @memberof theme\n  * @var --theme-font-size\n  * @default 0.875rem\n  * @description Sets the base font size of grid\n  * @see font-size\n  */\n  --theme-font-size: .875rem;\n\n  /**\n  * @memberof theme\n  * @var --theme-font-style\n  * @default normal\n  * @description Sets the font style of grid\n  * @see font-style\n  */\n  --theme-font-style: normal;\n\n  /**\n  * @memberof theme\n  * @var --theme-font-weight\n  * @default normal\n  * @description Sets the font weight of grid\n  * @see font-weight\n  */\n  --theme-font-weight: normal;\n\n  /**\n  * @memberof theme\n  * @var --theme-line-height\n  * @default 1rem\n  * @description Sets the line height of grid\n  * @see line-height\n  */\n  --theme-line-height: 1rem;\n\n  /* PADDING */\n  /**\n  * @memberof theme\n  * @var --theme-padding_x\n  * @default 1rem\n  * @description Sets the horizontal padding of cells\n  * @see padding\n  */\n  --theme-padding_x: 1rem;\n\n  /**\n  * @memberof theme\n  * @var --theme-padding_y\n  * @default 0\n  * @description Sets the vertical padding of cells\n  * @see padding\n  */\n  --theme-padding_y: 0;\n\n  /* TRANSITION SPEED */\n  /**\n  * @memberof theme\n  * @var --theme-transition_speed\n  * @default 150ms\n  * @description Sets the animation speed for transitions\n  * @see transition\n  */\n  --theme-transition_speed: 150ms;\n\n  /* SIZING */\n  /**\n  * @memberof theme\n  * @var --theme-margin\n  * @default 20px\n  * @description Sets the margin of pager controls\n  * @see margin\n  */\n  --theme-margin: 20px;\n\n\n  /* -------------------------------------------------- */\n\n\n  /* ZING-GRID\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zing-grid-background\n  * @default #fff\n  * @description Styles the background of grid\n  * @see background-color\n  # @example body and header rows\n  # @example layout\n  # @example pager\n  */\n  --zing-grid-background: #fff;\n\n\n  /* ZG-BUTTON\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-button-background_hover\n  * @default rgba(255, 255, 255, 0.3)\n  * @description Styles the background of button on hover\n  * @see background\n  */\n  --zg-button-background_hover: rgba(255, 255, 255, 0.3);\n  /**\n  * @memberof default\n  * @var --zg-button-focus\n  * @default 2px solid green\n  * @description Styles the border of button on focus\n  * @see border\n  */\n  --zg-button-focus: 1px solid green;\n\n  /* ZG-BUTTON (CUSTOM) */\n  /**\n  * @memberof default\n  * @var --zg-button-background_custom\n  * @default #fff\n  * @description Styles the background of custom button\n  * @see background\n  */\n  --zg-button-background_custom: #fff;\n  /**\n  * @memberof default\n  * @var --zg-button-border_custom\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the border of custom button\n  * @see border\n  */\n  --zg-button-border_custom: 1px solid var(--theme-border-color);\n  /**\n  * @memberof default\n  * @var --zg-button-box-shadow_custom\n  * @default 0 0 5px 0 #a6a6a6\n  * @description Applies box shadow behind custom button\n  * @see box-shadow\n  */\n  --zg-button-box-shadow_custom: 0 0 5px 0 #a6a6a6;\n  /**\n  * @memberof default\n  * @var ---zg-button-color_custom\n  * @default #000\n  * @description Sets the font color of custom button\n  * @see color\n  */\n  --zg-button-color_custom: #000;\n\n  /* FOCUS */\n  /**\n  * @memberof default\n  * @var --zg-button-background_custom_focus\n  * @default var(--theme-color-primary)\n  * @description Styles the background of custom button on focus\n  * @see background\n  */\n  --zg-button-background_custom_focus: var(--theme-color-primary);\n  /**\n  * @memberof default\n  * @var --zg-button-border_custom_focus\n  * @default 1px solid #5ac4fb\n  * @description Styles the border of custom button on focus\n  * @see border\n  */\n  --zg-button-border_custom_focus: 1px solid #5ac4fb;\n  /**\n  * @memberof default\n  * @var --zg-button-box-shadow_custom_focus\n  * @default 0 0 6px 0 #86d3fb\n  * @description Applies a box shadow behind custom button on focus\n  * @see box-shadow\n  */\n  --zg-button-box-shadow_custom_focus: 0 0 6px 0 #86d3fb;\n  /**\n  * @memberof default\n  * @var --zg-button-color_custom_focus\n  * @default #fff\n  * @description Sets the font color of custom button on focus\n  * @see color\n  */\n  --zg-button-color_custom_focus: #fff;\n\n  /* HOVER */\n  /**\n  * @memberof default\n  * @var --zg-button-background_custom_hover\n  * @default var(--theme-color-primary)\n  * @description Styles the background of custom button on hover\n  * @see background\n  */\n  --zg-button-background_custom_hover: var(--theme-color-primary);\n  /**\n  * @memberof default\n  * @var --zg-button-border_custom_hover\n  * @default 1px solid #5ac4fb\n  * @description Styles the border of custom button on hover\n  * @see border\n  */\n  --zg-button-border_custom_hover: 1px solid #5ac4fb;\n  /**\n  * @memberof default\n  * @var --zg-button-box-shadow_custom_hover\n  * @default 0 0 6px 0 #86d3fb\n  * @description Applies a box shadow behind custom button on hover\n  * @see box-shadow\n  */\n  --zg-button-box-shadow_custom_hover: 0 0 6px 0 #86d3fb;\n  /**\n  * @memberof default\n  * @var --zg-button-color_custom_hover\n  * @default #fff\n  * @description Sets the font color of custom button on hover\n  * @see color\n  */\n  --zg-button-color_custom_hover: #fff;\n  \n  /* ACTIVE */\n  /**\n  * @memberof default\n  * @var --zg-button-background_custom_active\n  * @default #0594de\n  * @description Styles the background of custom button on active state\n  * @see background\n  */\n  --zg-button-background_custom_active: #0594de;\n  /**\n  * @memberof default\n  * @var --zg-button-border_custom_active\n  * @default 1px solid #4eaada\n  * @description Styles the border of custom button on active state\n  * @see border\n  */\n  --zg-button-border_custom_active: 1px solid #4eaada;\n  /**\n  * @memberof default\n  * @var --zg-button-box-shadow_custom_active\n  * @default 0 0 5px 0 #86d3fb\n  * @description Applies a box shadow behind custom button on active state\n  * @see box-shadow\n  */\n  --zg-button-box-shadow_custom_active: 0 0 5px 0 #86d3fb;\n  /**\n  * @memberof default\n  * @var --zg-button-color_custom_active\n  * @default #fff\n  * @description Sets the font color of custom button on active state\n  * @see color\n  */\n  --zg-button-color_custom_active: #fff;\n\n\n  /* ZG-CAPTION\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-caption-background\n  * @default #003749\n  * @description Styles the background of caption\n  * @see background-color\n  */\n  --zg-caption-background: #003749;\n  /**\n  * @memberof default\n  * @var --zg-caption-color\n  * @default #fff\n  * @description Styles the font color of caption\n  * @see color\n  */\n  --zg-caption-color: #fff;\n  /**\n  * @memberof default\n  * @var --zg-caption-height\n  * @description Sets the height of caption\n  * @see height\n  * @default 4rem\n  * @demoLink https://app.zingsoft.com/demos/create/Y3GPK1TE\n  */\n  --zg-caption-height: 4rem;\n  /**\n  * @memberof default\n  * @var --zg-caption-icon-color\n  * @default #fff\n  * @description Sets the icon color in caption\n  * @see color\n  */\n  --zg-caption-icon-color: #fff;\n  /**\n  * @memberof default\n  * @var --zg-caption-padding\n  * @default 0 var(--theme-padding_x)\n  * @description Sets the padding of caption\n  * @see padding\n  */\n  --zg-caption-padding: 0 var(--theme-padding_x);\n\n  /* TITLE ELEMENT */\n  /* --zg-caption-title-align-self: center; */\n  /* TOOLBAR ELEMENT */\n  /* --zg-caption-toolbar-align-self: flex-end; */\n\n  /* BUTTONS IN CAPTION */\n  /**\n  * @memberof default\n  * @var --zg-caption-button-background_hover\n  * @default #004f69\n  * @description Styles the background of button in caption\n  * @see background\n  */\n  --zg-caption-button-background_hover: #004f69;\n\n\n  /* ZG-CELL\n  ----------------------------------------------------- */\n  /* NORMAL */\n  /**\n  * @memberof default\n  * @var --zg-cell-background_sorted\n  * @default var(--theme-background-color)\n  * @description Styles the background of sorted cells\n  * @see background-color\n  */\n  --zg-cell-background_sorted: var(--theme-background-color);\n\n  /* AGGREGATE */\n  /**\n  * @memberof default\n  * @var --zg-cell-background_aggregate\n  * @default var(--zg-filter-background)\n  * @description Styles the background of 'aggregate' row\n  * @see background-color\n  */\n  --zg-cell-background_aggregate: var(--zg-filter-background);\n  /**\n  * @memberof default\n  * @var --zg-cell-background_aggregate_sorted\n  * @default var(--theme-background-color)\n  * @description Styles the background of sorted aggregate cells\n  * @see background-color\n  */\n  --zg-cell-background_aggregate_sorted: #dbecff;\n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_sorted\n  * @default 1px solid #d5e8ff\n  * @description Styles the border-top of sorted cells\n  * @see background-color\n  */\n  --zg-cell-border-top_sorted: 1px solid #d5e8ff;\n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_aggregate\n  * @default 1px solid var(--theme-border-color)\n  * @description Sets the top border of 'aggregate' rows\n  * @see height\n  */\n  --zg-cell-border-top_aggregate: 1px solid var(--theme-border-color);\n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_aggregate_sorted\n  * @default 1px solid #b3d6ff\n  * @description Styles the border-top of sorted aggregate cells\n  * @see background-color\n  */\n  --zg-cell-border-top_aggregate_sorted: 1px solid #b3d6ff;\n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_frozen\n  * @default 1px solid var(--theme-border-color)\n  * @description Sets the top border of 'frozen' rows\n  * @see height\n  */\n  --zg-cell-border-top_frozen: 1px solid var(--theme-border-color);\n\n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_frozen\n  * @default 1px solid var(--theme-border-color)\n  * @description Sets the top border of 'frozen' rows\n  */\n  --zg-row-border-top_foot_frozen: 1px solid var(--theme-border-color);\n  \n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_aggregate\n  * @default 1px solid var(--theme-border-color)\n  * @description Sets the top border of 'aggregate' rows\n  */\n  --zg-row-border-top_foot_aggregate: 1px solid var(--theme-border-color);\n\n\n  /* ZG-COLUMN-RESIZE\n  ----------------------------------------------------- */\n  --zg-column-resize-background: #f1f1f1;\n  --zg-column-resize-color: #c1c1c1;\n\n\n  /* ZG-CONTROL-BAR\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-control-bar-background\n  * @default #e3ecf6\n  * @description Styles the background of control bar\n  * @see background-color\n  */\n  --zg-control-bar-background: #e3ecf6;\n  \n\n  /* ZG-FOOT\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-foot-background\n  * @default var(--theme-color-lighter)\n  * @description The footer background\n  * @see background-color\n  */\n  --zg-foot-background: var(--theme-color-lighter);\n\n\n  /* ZG-FILTER\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-filter-background\n  * @default #f5f5f5\n  * @description Styles the background of filter\n  * @see background-color\n  */\n  --zg-filter-background: #f5f5f5;\n  /**\n  * @memberof default\n  * @var --zg-filter-background_sorted\n  * @default #c5dbf3\n  * @description Styles the background of filter in sorted column\n  * @see background-color\n  */\n  --zg-filter-background_sorted: #c5dbf3;\n  /**\n  * @memberof default\n  * @var --zg-filter-height\n  * @default 40px\n  * @description Sets the height of filter row\n  * @see height\n  */\n  --zg-filter-height: 40px;\n\n  /* FILTER INPUT */\n  /**\n  * @memberof default\n  * @var --zg-filter-input-background\n  * @default #fff\n  * @description Styles the background of filter input\n  * @see background-color\n  */\n  --zg-filter-input-background: #fff;\n  /**\n  * @memberof default\n  * @var --zg-filter-input-border\n  * @default 1px solid var(--theme-border-color);\n  * @description Styles the border of filter input\n  * @see border\n  */\n  --zg-filter-input-border: 1px solid var(--theme-border-color);\n  /**\n  * @memberof default\n  * @var --zg-filter-input-font-size\n  * @default .75rem\n  * @description Sets the font size of the filter input\n  * @see font-size\n  */\n  --zg-filter-input-font-size: .75rem;\n\n  --zg-row-background_filter: var(--zg-filter-background);\n\n\n  /* ZG-HEAD\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-head-background\n  * @default var(--theme-color-lighter)\n  * @description Styles the background of the grid head\n  * @see background\n  */\n  --zg-head-background: var(--theme-color-lighter);\n\n  /* ZG-HEAD-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-head-cell-background_sorted\n  * @default #d1e7ff\n  * @description Styles the background of sorted head cells\n  * @see background-color\n  */\n  --zg-head-cell-background_sorted: #d1e7ff;\n  /**\n  * @memberof default\n  * @var --zg-head-cell-font-size\n  * @default .9rem\n  * @description Sets the font size of head cells\n  * @see font-size\n  */\n  --zg-head-cell-font-size: var(--zing-grid-font-size, .9rem);\n  \n  /**\n  * @memberof default\n  * @var --zg-head-cell-padding\n  * @default 0 var(--theme-padding_x)\n  * @description Sets the padding of head cells\n  * @see padding\n  */\n  --zg-head-cell-padding: 0 var(--theme-padding_x); \n  --zg-head-cell-padding-left: var(--theme-padding_x);\n  \n  /* 'SPLIT PARENT' CELL STYLING */\n  /**\n  * @memberof default\n  * @var --zg-head-cell-parent-background\n  * @default #fff\n  * @description Styles the background of 'parent' head cells\n  * @see background\n  */\n  --zg-head-cell-parent-background: #fff;\n  /**\n  * @memberof default\n  * @var --zg-head-cell-parent-background_hover\n  * @default var(--theme-color-lighter);\n  * @description Styles the background of 'parent' head cells on hover\n  * @see background-color\n  */\n  --zg-head-cell-parent-background_hover: var(--theme-color-lighter);\n  /**\n  * @memberof default\n  * @var --zg-head-cell-parent-border-bottom_hover\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the bottom border of 'parent' head cells\n  * @see border\n  */\n  --zg-head-cell-parent-border-bottom_hover: 1px solid var(--theme-border-color);\n  /**\n  * @memberof default\n  * @var --zg-head-cell-parent-font-size\n  * @default .85rem\n  * @description Sets the font size of 'parent' head cells\n  * @see font-size\n  */\n  --zg-head-cell-parent-font-size: .85rem;\n  /**\n  * @memberof default\n  * @var --zg-head-cell-parent-font-weight\n  * @default 400\n  * @description Sets the font weight of 'parent' head cells\n  * @see font-weight\n  */\n  --zg-head-cell-parent-font-weight: 400;\n\n  /* HEAD CELL ICON */\n  /**\n  * @memberof default\n  * @var --zg-head-cell-icon-margin\n  * @default 0 5px 0 -3px\n  * @description Sets the margin of child icons in head cells\n  * @see margin\n  */\n  --zg-head-cell-icon-margin: 0 5px 0 -3px;\n\n\n  /* ZG-ICON\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-icon-init-fill\n  * @default #d4d4d4\n  * @description Sets the initial color of icon\n  * @see fill\n  */\n  --zg-icon-init-fill: #d4d4d4;\n  /**\n  * @memberof default\n  * @var --zg-icon-height\n  * @default 20px\n  * @description Sets the height of icon\n  * @see height\n  */\n  --zg-icon-height: 20px;\n  /**\n  * @memberof default\n  * @var --zg-icon-width\n  * @default 20px\n  * @description Sets the width of icon\n  * @see width\n  */\n  --zg-icon-width: 20px;\n\n  /**\n  * @memberof default\n  * @var --zg-menu-background\n  * @default #ff\n  * @description Style the background of menu\n  * @see background\n  */\n  --zg-menu-background: #fff;\n\n  /* --zg-menu-item-background_hover: var(--theme-color-lighter);*/\n\n\n  /* ZG-PAGER\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-pager-padding\n  * @default 0 var(--theme-padding_x) var(--theme-padding_x)\n  * @description Sets the padding of pager\n  * @see padding\n  */\n  --zg-pager-padding: 0 var(--theme-padding_x) 13px;\n\n  /* Pager top-border in card mode, but not in mobile. Yikes :) */\n  /* NOTE: Internal use only for now. Don't add JS Docs */\n  --zg-pager-card-nonmobile-border-top: 1px solid var(--theme-border-color);\n\n  /* Sections */\n  /**\n  * @memberof default\n  * @var --zg-pager-section-margin-top\n  * @default 13px\n  * @description Sets the top margin of pager\n  * @see margin\n  */\n  --zg-pager-section-margin-top: 13px;\n\n  /* 'Button' Type */\n  --zg-pager-border_button: 1px solid var(--theme-border-color);\n  --zg-pager-color_button_active: #fff;\n\n\n  /* ZG-ROW\n  ----------------------------------------------------- */\n  /* ZG-HEAD ZG-ROW */\n  /**\n  * @memberof default\n  * @var --zg-row-head-height\n  * @default 40px\n  * @description Sets the height of row head\n  * @see height\n  */\n  --zg-row-head-height: 40px;\n\n  /* ZG-BODY */\n  /**\n  * @memberof default\n  * @var --zg-row-body-background_hover\n  * @default var(--theme-background-color)\n  * @description Styles the backgrounf of body rows on hover\n  * @see background-color\n  */\n  --zg-row-body-background_hover: var(--theme-background-color);\n\n  /* CARD MODE WHEN EDITOR CONTROLS */\n  /* ODD */\n  /**\n  * @memberof default\n  * @var --zg-row-card-background_editor_odd\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px, var(--theme-border-color) 44px, var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px)\n  * @description Styles the background of 'odd' card editor head\n  * when `[editor-controls]` is added to `<zing-grid>`. \n  * Styling should account for the editor controls above the cells.\n  * @see background\n  */\n  --zg-row-card-background_editor_odd: linear-gradient(\n    var(--theme-color-lighter), \n    var(--theme-color-lighter) 43px, \n    var(--theme-border-color) 44px, \n    var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px\n  );\n  /* EVEN */\n  /**\n  * @memberof default\n  * @var --zg-row-card-background_editor_even\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px, var(--theme-border-color) 44px, var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px)\n  * @description Styles the background of 'odd' card editor head\n  * when `[editor-controls]` is added to `<zing-grid>`. \n  * Styling should account for the editor controls above the cells.\n  * @see background\n  */\n  --zg-row-card-background_editor_even: linear-gradient(\n    var(--theme-color-lighter), \n    var(--theme-color-lighter) 43px, \n    var(--theme-border-color) 44px, \n    var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px\n  );\n\n  /* AGGREGATE */\n  /**\n  * @memberof default\n  * @var --zg-row-height_aggregate\n  * @default 40px\n  * @description Sets the height of 'aggregate' rows\n  * @see height\n  */\n  --zg-row-height_aggregate: 40px;\n\n  --zg-row-background_aggregate: var(--zg-filter-background);\n\n\n  /* ZG-SEARCH\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-search-background\n  * @default #fff\n  * @description Styles the background of search input\n  * @see background-color\n  */\n  --zg-search-background: #fff;\n\n  \n  /* ZG-SELECT\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-select-height\n  * @default 28px\n  * @description Sets the height of select input\n  * @see height\n  */\n  --zg-select-height: 28px;\n  /**\n  * @memberof default\n  * @var --zg-select-min-width\n  * @default 40px\n  * @description Sets the minimum width of select input\n  * @see min-width\n  */\n  --zg-select-min-width: 40px;\n\n\n  /* ZG-STATUS\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-status-offset\n  * @default 10px\n  * @description Sets the distance between the status message and the grid edge.\n  */\n  --zg-status-offset: 10px;\n\n  /* ZG-WATERMARK\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-status-offset\n  * @default 10px\n  * @description Sets the distance between the status message and the grid edge.\n  */\n  --zg-watermark-color: rgba(7,89,156,1);\n}",""])},36913:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,":host([theme=\"ios\"]) {\n\n  /* CUSTOM VARS FOR THIS THEME FILE\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --ios-background-color\n  * @default #fcfcfc\n  * @description Sets the background\n  * @example caption background, filter background\n  * @see background-color\n  */\n  --ios-background-color: #fcfcfc;\n  /**\n  * @memberof ios\n  * @var --ios-background_alt\n  * @default #f0f4f7\n  * @description Sets the alternative background\n  * @example layout row background\n  * @see background-color\n  */\n  --ios-background_alt: #f0f4f7;\n\n\n  /* GLOBALS\n  ----------------------------------------------------- */\n  /* BACKGROUND */\n  /**\n  * @memberof ios\n  * @var --theme-background-color\n  * @default rgba(0, 122, 255, .05)\n  * @description Styles the background of rows on hover\n  * @example select arrow button\n  * @example row:hover\n  * @example layout button:active\n  */\n  --theme-background-color: rgba(0, 122, 255, .05);\n  /**\n  * @memberof ios\n  * @var --theme-background-zebra\n  * @default var(--ios-background-color)\n  * @description Styles the background of 'even' body rows in [zebra]-striping mode\n  * @see background-color\n  */\n  --theme-background-zebra: var(--ios-background-color);\n\n  /* BORDER */\n  /**\n  * @memberof ios\n  * @var --theme-border-color\n  * @default #e4e4e4\n  * @description Styles the border of most components\n  * @example header\n  * @example caption\n  * @example body\n  * @example row\n  * @example pager\n  * @example input\n  * @see border-color\n  */\n  --theme-border-color: #e4e4e4;\n\n  /* COLOR */\n  /**\n  * @memberof ios\n  * @var --theme-color-primary\n  * @default #007aff\n  * @description Sets the primary color\n  * @example active editor row\n  * @example icon\n  * @example menu text\n  * @example header in 'card' layout-mode\n  * @see color\n  */\n  --theme-color-primary: #007aff;\n\n  /* FONT */\n  /**\n  * @memberof ios\n  * @var --theme-color\n  * @default #4d4d4d\n  * @description Sets the text color\n  * @example caption\n  * @example header\n  * @example cell content\n  * @example pager\n  * @example watermark\n  * @example input\n  * @example select\n  * @see color\n  */\n  --theme-color: #4d4d4d;\n  /**\n  * @memberof ios\n  * @var --theme-color_alt\n  * @default #333333\n  * @description Sets the alternate text color\n  * @example filter input\n  * @see color\n  */\n  --theme-color_alt: #333333;\n  /**\n  * @memberof ios\n  * @var --theme-font-family\n  * @default -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Segoe UI\", Roboto, Helvetica, sans-serif\n  * @description Sets the font family of text\n  * @see font-family\n  */\n  --theme-font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Segoe UI\", Roboto, Helvetica, sans-serif;\n  /**\n  * @memberof ios\n  * @var --theme-font-size\n  * @default .9375rem\n  * @description Sets the font size of text\n  * @see font-size\n  */\n  --theme-font-size: .9375rem;\n  /**\n  * @memberof ios\n  * @var --theme-font-style\n  * @default normal\n  * @description Sets the font style of text\n  * @see font-style\n  */\n  --theme-font-style: normal;\n  /**\n  * @memberof ios\n  * @var --theme-font-weight\n  * @default normal\n  * @description Sets the font weight of text\n  * @see font-weight\n  */\n  --theme-font-weight: normal;\n  /**\n  * @memberof ios\n  * @var --theme-line-height\n  * @default normal\n  * @description Sets the line height of text\n  * @see line-height\n  */\n  --theme-line-height: normal;\n  /**\n  * @memberof ios\n  * @var --theme-padding_x\n  * @default 1.25rem\n  * @description Sets the horizontal padding of cells\n  * @see padding\n  */\n  --theme-padding_x: 1.25rem;\n\n  /* -------------------------------------------------- */\n\n\n  /* ZING-GRID\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zing-grid-background\n  * @default #fbfbfb\n  * @description Styles the background of grid\n  * @see background\n  */\n  --zing-grid-background: #fbfbfb;\n\n  /* ZG-BODY\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-body-background\n  * @default #fff\n  * @description Styles the background of grid body\n  * @see background\n  */\n  --zg-body-background: #fff;\n  /**\n  * @memberof ios\n  * @var --zg-body-border-bottom\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the bottom border of grid body\n  * @see border\n  */\n  --zg-body-border-bottom: 1px solid var(--theme-border-color);\n\n  /* ZG-BUTTON\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-button-color\n  * @default var(--theme-color-primary)\n  * @description Sets the font color of button\n  * @example column menu\n  * @see color\n  */\n  --zg-button-color: var(--theme-color-primary);\n  /**\n  * @memberof ios\n  * @var --zg-button-padding\n  * @default 3px\n  * @description Sets the padding of button\n  * @see padding\n  */\n  /* NOTE: Setting this even though it is already the default\n     in ZGButton.css b/c of the calc in\n     `--zg-caption-title-transform` in this file\n  */\n  --zg-button-padding: 3px;\n\n  /* BUTTON TOOLTIP */\n  /**\n  * @memberof ios\n  * @var --tooltip-background\n  * @default #adadad\n  * @description Styles the background of tooltip\n  * @see background\n  */\n  --tooltip-background: #adadad;\n\n\n  /* ZG-CAPTION\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-caption-background\n  * @default var(--ios-background-color)\n  * @description Styles the background of caption\n  * @see background\n  */\n  --zg-caption-background: var(--ios-background-color);\n  /**\n  * @memberof ios\n  * @var --zg-caption-border-bottom\n  * @default 0\n  * @description Styles the bottom border of caption\n  * @see border\n  */\n  --zg-caption-border-bottom: 0;\n  /**\n  * @memberof ios\n  * @var --zg-caption-color\n  * @default var(--theme-color)\n  * @description Sets the font color of caption\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/AWL1ZJ9P\n  */\n  --zg-caption-color: var(--theme-color);\n  /**\n  * @memberof ios\n  * @var --zg-caption-font-size\n  * @default 1.6rem\n  * @description Sets the base font size of caption\n  * @see font-size\n  */\n  --zg-caption-font-size: 1.6rem;\n  /**\n  * @memberof ios\n  * @var --zg-caption-font-weight\n  * @default bold\n  * @description Sets the font weight of caption\n  * @see font-weight\n  */\n  --zg-caption-font-weight: bold;\n  /**\n  * @memberof ios\n  * @var --zg-caption-flex-direction\n  * @default column\n  * @description Sets the flex direction of content in caption\n  * @see flex-direction\n  */\n  --zg-caption-flex-direction: column;\n  /**\n  * @memberof ios\n  * @var --zg-caption-height\n  * @default 40px\n  * @description Sets the height of caption\n  * @see height\n  */\n  --zg-caption-height: 40px;\n  /**\n  * @memberof ios\n  * @var --zg-caption-padding\n  * @default 30px var(--theme-padding_x) 10px\n  * @description Sets the padding of caption\n  * @see padding\n  */\n  --zg-caption-padding: 30px var(--theme-padding_x) 10px;\n\n\n  /* CAPTION TITLE */\n  /**\n  * @memberof ios\n  * @var --zg-caption-title-align-self\n  * @default flex-start\n  * @description Sets vertical alignment of caption title\n  * @see align-self\n  */\n  --zg-caption-title-align-self: flex-start;\n  /**\n  * @memberof ios\n  * @var --zg-caption-title-order\n  * @default 2\n  * @description Sets the order of contents in caption title\n  * @see order\n  */\n  --zg-caption-title-order: 2;\n  /**\n  * @memberof ios\n  * @var --zg-caption-title-transform\n  * @default 0\n  * @description Sets transform of caption title\n  * @see transform\n  */\n  --zg-caption-title-transform: 0;\n  /**\n  * @memberof ios\n  * @var --zg-caption-title-width\n  * @default 80%\n  * @description Sets width of caption title\n  * @see width\n  */\n  --zg-caption-title-width: 80%;\n  \n  /* CAPTION TOOLBAR */\n  /**\n  * @memberof ios\n  * @var --zg-caption-toolbar-align-self\n  * @default flex-end\n  * @description Sets vertical alignment of caption toolbar\n  * @see align-self\n  */\n  --zg-caption-toolbar-align-self: flex-end;\n  /**\n  * @memberof ios\n  * @var --zg-caption-toolbar-justify-content\n  * @default flex-end\n  * @description Sets the horizontal alignment of contents in the caption toolbar\n  * @see justify-content\n  */\n  --zg-caption-toolbar-justify-content: flex-end;\n  /**\n  * @memberof ios\n  * @var --zg-caption-toolbar-width\n  * @default calc(100% + 2px)\n  * @description Sets the width of the caption toolbar\n  * @see width\n  */\n  --zg-caption-toolbar-width: 20%;\n\n  /* CAPTION ICON */\n  /**\n  * @memberof ios\n  * @var --zg-caption-icon-color\n  * @default var(--theme-color-primary)\n  * @description The font-color of the icons in the caption\n  * @see fill\n  */\n  --zg-caption-icon-color: var(--theme-color-primary);\n\n  /* CAPTION BUTTONS */\n  /**\n  * @memberof ios\n  * @var --zg-caption-button-background_hover\n  * @default #f5f5f5\n  * @description Styles the background of button in caption on hover\n  * @see background\n  */\n  --zg-caption-button-background_hover: #f5f5f5;\n\n  \n  /* ZG-CELL\n  ----------------------------------------------------- */\n  /* Layout: Card */\n  /* Item */\n  /**\n  * @memberof ios\n  * @var --zg-cell-item-padding_layout_card\n  * @default 6px 0\n  * @description Sets the padding of cards in 'card' layout-mode\n  * @see padding\n  */\n  --zg-cell-content-padding_layout_card: 6px 0;\n  \n  /* ZG-ROW[type=aggregate] ZG-CELL */\n  /**\n  * @memberof ios\n  * @var --zg-cell-font-size_aggregate\n  * @default .8125rem\n  * @description Sets the font size of 'aggregate' cells\n  * @see padding\n  */\n  --zg-cell-font-size_aggregate: .8125rem;\n  /**\n  * @memberof ios\n  * @var --zg-cell-border-top_aggregate\n  * @default 1px solid transparent\n  * @description Styles the top border of 'aggregate' cells\n  * @see border\n  */\n  --zg-cell-border-top_aggregate: 1px solid transparent;\n  /**\n  * @memberof ios\n  * @var --zg-cell-border-top_aggregate_sorted\n  * @default 1px solid #f5f5f5\n  * @description Styles the top border of 'aggregate' cells\n  * @see border\n  */\n  --zg-cell-border-top_aggregate_sorted: 1px solid #f5f5f5;\n  \n\n  /* ZG-FILTER\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-filter-background\n  * @default var(--ios-background-color);\n  * @description Styles the background of filter input field\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/G1WKUNFJ\n  */\n  --zg-filter-background: var(--ios-background-color);\n  /**\n  * @memberof ios\n  * @var --zg-filter-background_sorted\n  * @default var(--zg-cell-background_aggregate_sorted)\n  * @description Styles the background of filter input field\n  */\n  --zg-filter-background_sorted: var(--zg-cell-background_aggregate_sorted);\n  /**\n  * @memberof ios\n  * @var --zg-filter-border-top\n  * @default 1px solid var(--ios-background-color)\n  * @description Styles the top border of filter row\n  * @see border\n  */\n  --zg-filter-border-top: 1px solid var(--ios-background-color);\n  /**\n  * @memberof ios\n  * @var --zg-filter-border-top_sorted\n  * @default 1px solid #f5f5f5\n  * @description Styles the top border of filter row in sorted column\n  * @see border\n  */\n  --zg-filter-border-top_sorted: 1px solid #f5f5f5;\n  /**\n  * @memberof ios\n  * @var --zg-filter-height\n  * @default 45px\n  * @description Sets the height of filter row\n  * @see height\n  * @demoLink https://app.zingsoft.com/demos/create/QCSOKQE2\n  */\n  --zg-filter-height: 45px;\n\n  /* FILTER INPUT */\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-background\n  * @default #eaeaea\n  * @description Styles the background of filter input field\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  */\n  --zg-filter-input-background: #eaeaea;\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-border-radius\n  * @default 5px\n  * @description Sets the border radius of filter input field\n  * @see border-radius\n  */\n  --zg-filter-input-border-radius: 5px;\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-border\n  * @default 0\n  * @description Styles the border of filter input field\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/SXRIBL17\n  */\n  --zg-filter-input-border: 0;\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-font-size\n  * @default .8rem\n  * @description Sets the font size of filter input field\n  * @see font-size\n  */\n  --zg-filter-input-font-size: .8rem;\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-margin\n  * @default -2px calc(var(--theme-padding_x) - 2px) 0\n  * @description Sets the margin of filter input field\n  * @see margin\n  */\n  --zg-filter-input-margin: -2px calc(var(--theme-padding_x) - 2px) 0;\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-padding\n  * @default 3px 0 3px 7px\n  * @description Sets the padding of filter input field. May need to set --zg-filter-height if input field is height is larger than height of filter.\n  * @see padding\n  * @demoLink https://app.zingsoft.com/demos/create/5GPABPO2\n  */\n  --zg-filter-input-padding: 3px 0 3px 7px;\n\n\n  /* ZG-HEAD\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-head-background\n  * @default var(--ios-background-color)\n  * @description Styles the background of grid head\n  * @see background\n  */\n  --zg-head-background: var(--ios-background-color);\n  /**\n  * @memberof ios\n  * @var --zg-head-border-bottom\n  * @default 0\n  * @description Styles the bottom border og grid head\n  * @see border\n  */\n  --zg-head-border-bottom: 0;\n  \n\n  /* ZG-HEAD-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-head-cell-font-weight\n  * @default 600\n  * @description Sets the font weight of head cells\n  * @see font-weight\n  * @demoLink https://app.zingsoft.com/demos/create/2LOCXCAB\n  */\n  --zg-head-cell-font-weight: 600;\n\n  /* 'PARENT' HEAD CELL */\n  /**\n  * @memberof ios\n  * @var --zg-head-cell-parent-background\n  * @default none\n  * @description Styles the background of 'parent' head cells\n  * @see border\n  */\n  --zg-head-cell-parent-background: none;\n  /**\n  * @memberof ios\n  * @var --zg-head-cell-parent-font-weight\n  * @default 400\n  * @description Sets the font weight of 'parent' head cells\n  * @see font-weight\n  */\n  --zg-head-cell-parent-font-weight: 400;\n\n   /**\n  * @memberof ios\n  * @var --zg-head-cell-parent-padding\n  * @default 0 var(--theme-padding_x)\n  * @description Sets the padding of 'parent' head cells\n  * @see padding\n  */\n  --zg-head-cell-parent-padding: 0 var(--theme-padding_x);\n\n  /* HEAD CELL ICON */\n  /**\n  * @memberof ios\n  * @var --zg-head-cell-icon-margin\n  * @default 0 5px 0 -4px\n  * @description Sets the margin of child icons in head cells\n  * @see margin\n  */\n  --zg-head-cell-icon-margin: 0 5px 0 -4px;\n\n  /* Data Container */\n  /**\n  * @memberof ios\n  * @var --zg-head-cell-data-line-height\n  * @default none\n  * @description Sets the line height of head cells\n  * @see line-height\n  */\n  --zg-head-cell-data-line-height: none;\n\n  /* ZG-ICON\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-icon-color\n  * @default var(--theme-color-primary)\n  * @description Sets the color of icon\n  * @see fill\n  */\n  --zg-icon-color: var(--theme-color-primary);\n  /**\n  * @memberof ios\n  * @var --zg-icon-height\n  * @default 20px\n  * @description Sets the height of icon\n  * @see height\n  */\n  --zg-icon-height: 20px;\n  /**\n  * @memberof ios\n  * @var --zg-icon-width\n  * @default 20px\n  * @description Sets the width of icon\n  * @see width\n  */\n  --zg-icon-width: 20px;\n\n  /* ZG-INPUT\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-input-border-radius\n  * @default 5px\n  * @description Sets the border radius of input\n  * @see border-radius\n  */\n  --zg-input-border-radius: 5px;\n\n  /* ZG-CONTROL-BAR\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-control-bar-background\n  * @default var(--ios-background)\n  * @description Styles the background on control bar\n  * @see background\n  */\n  --zg-control-bar-background: var(--ios-background);\n  /**\n  * @memberof ios\n  * @var --zg-control-bar-padding\n  * @default 0 var(--theme-padding_x) 0 calc(var(--theme-padding_x) - 6px)\n  * @description Sets the padding of control bar\n  * @see padding\n  */\n  --zg-control-bar-padding: 0 var(--theme-padding_x) 0 calc(var(--theme-padding_x) - 6px);\n\n  /* ZG-MENUITEM\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-menu-item-color_hover\n  * @default #fff\n  * @description Sets the font color of menu item on hover\n  * @see color\n  */\n  --zg-menu-item-color_hover: #fff;\n\n  /* ZG-PAGER\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-pager-background\n  * @default #fff\n  * @description Styles the background of pager\n  * @see background\n  */\n  --zg-pager-background: #fff;\n  /**\n  * @memberof ios\n  * @var --zg-pager-border-top\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the top border of pager\n  * @see border\n  */\n  --zg-pager-border-top: 1px solid var(--theme-border-color);\n  /**\n  * @memberof ios\n  * @var --zg-pager-font-size\n  * @default .8125rem\n  * @description Sets the base font size of pager\n  * @see font-size\n  */\n  --zg-pager-font-size: .8125rem;\n  /**\n  * @memberof ios\n  * @var --zg-pager-height\n  * @default 50px\n  * @description Sets the height of pager\n  * @see height\n  */\n  --zg-pager-height: 41px;\n  /**\n  * @memberof ios\n  * @var --zg-pager-margin\n  * @default 20px 0 0\n  * @description Sets the margin of pager\n  * @see margin\n  */\n  --zg-pager-margin: 20px 0 0;\n  /**\n  * @memberof ios\n  * @var --zg-pager-padding\n  * @default 0 var(--theme-padding_x) 10px\n  * @description Sets the padding of pager\n  * @see padding\n  */\n  --zg-pager-padding: 0 var(--theme-padding_x) 10px;\n  \n  /* Sections */\n  /**\n  * @memberof ios\n  * @var --zg-pager-section-margin-top\n  * @default 10px\n  * @description Sets the top margin of pager\n  * @see margin\n  */\n  --zg-pager-section-margin-top: 10px;\n\n\n  /* ZG-ROW\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var ---zg-row-head-height\n  * @default 45px\n  * @description Sets the height of row head\n  * @see height\n  */\n  --zg-row-head-height: 45px;\n\n  /**\n  * @memberof ios\n  * @var --zg-row-body-border-top\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the top border of body rows\n  * @see border\n  */\n  --zg-row-body-border-top: 1px solid var(--theme-border-color);\n  /**\n  * @memberof ios\n  * @var --zg-row-body-height\n  * @default 48px\n  * @description Sets the height of body rows\n  * @see height\n  */\n  --zg-row-body-height: 48px;\n\n  /* LAYOUT: CARD */\n  /**\n  * @memberof ios\n  * @var --zg-row-card-box-shadow\n  * @default 0\n  * @description Applies a box shadow behind cards in 'card' layout-mode\n  * @see box-shadow\n  */\n  --zg-row-card-box-shadow: 0;\n\n  /* ZG-SEARCH\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-search-border\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the border of search input field\n  * @see border\n  */\n  --zg-search-border: 1px solid var(--theme-border-color);\n  /**\n  * @memberof ios\n  * @var --zg-search-border-radius\n  * @default 5px\n  * @description Sets the border radius of search input field\n  * @see border-radius\n  */\n  --zg-search-border-radius: 5px;\n\n\n  /* ZG-SOURCE\n  ----------------------------------------------------- */\n  --zg-source-border-top_top: 1px solid var(--theme-border-color);\n\n  /* ZG-WATERMARK\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-watermark-color\n  * @default var(--theme-color)\n  * @description Sets the font color of watermark\n  * @see color\n  */\n  --zg-watermark-color: var(--theme-color);\n  /**\n  * @memberof ios\n  * @var --zg-watermark-color_strong\n  * @default var(--theme-color)\n  * @description Sets the font color of bold text in watermark\n  * @see color\n  */\n  --zg-watermark-color_strong: var(--theme-color);\n}\n\n\n\n\n/* CUSTOM STYLING\n----------------------------------------------------- */\n\n/* When [layout] set */\n:host([theme=\"ios\"][layout-controls]) {\n  --zg-caption-padding: 10px calc(var(--theme-padding_x) - 5px) 10px;\n  --zg-caption-toolbar-position: absolute;\n  --zg-caption-title-padding: 12px 0 0;\n}\n\n/* ZG-CAPTION\n----------------------------------------------------- */\n/* NOTE: Need to set `order:-1` so <zg-layout> is placed above caption in ios */\n:host([theme=\"ios\"]) ::slotted(zg-caption) {\n  order: -1;\n}\n\n/* zg-control-bar\n----------------------------------------------------- */\n/* NOTE: Need to set `order:-2` so <zg-control-bar> is placed above caption in ios */\n:host([theme=\"ios\"]) ::slotted(zg-control-bar) {\n  display: flex;\n  background: none;\n  height: var(--zg-caption-height);\n  justify-content: flex-start;\n  margin-bottom: calc(-1 * var(--zg-caption-height));\n  max-width: 50%;\n  order: -2;\n  width: auto;\n  z-index: 2;\n}\n:host([theme=\"ios\"]) ::slotted(zg-control-bar):before {\n  align-items: center;\n  color: #9e9e9e;\n  content: 'Change Layout';\n  display: flex;\n  font-size: .8rem;\n  justify-content: flex-end;\n  padding-left: 18px;\n}\n\n\n/* COMPACT VERSION\n----------------------------------------------------- */\n/* NOTE: Only add specific overrides here, otherwise rely on the defaults in compact.css */\n:host([theme][compact]) {\n  --zg-caption-title-padding: 10px 0 0;\n}",""])},9252:e=>{e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var o=this[t];o[2]?e.push("@media "+o[2]+"{"+o[1]+"}"):e.push(o[1])}return e.join("")},e.i=function(t,o){"string"==typeof t&&(t=[[null,t,""]]);for(var n={},r=0;r<this.length;r++){var i=this[r][0];"number"==typeof i&&(n[i]=!0)}for(r=0;r<t.length;r++){var a=t[r];"number"==typeof a[0]&&n[a[0]]||(o&&!a[2]?a[2]=o:o&&(a[2]="("+a[2]+") and ("+o+")"),e.push(a))}},e}},49977:e=>{e.exports="<slot></slot>"},93528:e=>{e.exports="<slot></slot>"},36932:e=>{e.exports='<slot name="icon"></slot>\n<slot name="checkbox"></slot>\n<slot name="label"></slot>\n<slot></slot>\n'},32937:e=>{e.exports='  <div class="zg-caption" part="caption">\n    <div class="zg-caption-title-slot" part="title">\n      <slot></slot>\n      <slot name="message"></slot>\n    </div>\n    <div class="zg-caption-toolbar" part="toolbar">\n      <slot name="tool"></slot>\n    </div>\n  </div>'},95670:e=>{e.exports="<slot></slot>"},92884:e=>{e.exports="<slot></slot>"},29001:e=>{e.exports="<slot></slot>"},59592:e=>{e.exports='<slot name="zgicon"></slot>\n<span class="zg-checkbox-text" part="text"><slot></slot></span>\n'},9872:e=>{e.exports="<slot></slot>"},71454:e=>{e.exports='<div class="zg-column-resize-handle" part="handle">\n  \x3c!-- <svg viewBox="0 0 10 10" class="dragHandle"><path d="M3,2 C2.44771525,2 2,1.55228475 2,1 C2,0.44771525 2.44771525,0 3,0 C3.55228475,0 4,0.44771525 4,1 C4,1.55228475 3.55228475,2 3,2 Z M3,6 C2.44771525,6 2,5.55228475 2,5 C2,4.44771525 2.44771525,4 3,4 C3.55228475,4 4,4.44771525 4,5 C4,5.55228475 3.55228475,6 3,6 Z M3,10 C2.44771525,10 2,9.55228475 2,9 C2,8.44771525 2.44771525,8 3,8 C3.55228475,8 4,8.44771525 4,9 C4,9.55228475 3.55228475,10 3,10 Z M7,2 C6.44771525,2 6,1.55228475 6,1 C6,0.44771525 6.44771525,0 7,0 C7.55228475,0 8,0.44771525 8,1 C8,1.55228475 7.55228475,2 7,2 Z M7,6 C6.44771525,6 6,5.55228475 6,5 C6,4.44771525 6.44771525,4 7,4 C7.55228475,4 8,4.44771525 8,5 C8,5.55228475 7.55228475,6 7,6 Z M7,10 C6.44771525,10 6,9.55228475 6,9 C6,8.44771525 6.44771525,8 7,8 C7.55228475,8 8,8.44771525 8,9 C8,9.55228475 7.55228475,10 7,10 Z"></path></svg> --\x3e\n  <zg-icon name="resize" part="icon"></zg-icon>\n</div>\n'},31869:e=>{e.exports="<slot></slot>"},42952:e=>{e.exports='<div class="zg-control-bar" part="control-bar">\n  <div class="zg-control-bar-card-action" part="card-action">\n    <slot name="cardaction"></slot>\n  </div>\n  <div class="zg-control-bar-action" part="row-action">\n    <slot name="action"></slot>\n  </div>\n  <div class="zg-control-bar-message" part="batch-message">\n    <slot name="message"></slot>\n  </div>\n  <div class="zg-control-bar-layout" part="layout">\n    <slot name="layout-controls"></slot>\n  </div>\n</div>'},91573:e=>{e.exports=""},51694:e=>{e.exports='<dialog class="zg-dialog-dialog" part="dialog">\n  <form method="dialog" class="zg-dialog-form" part="form">\n    <header class="zg-dialog-header" part="header">\n      <span class="zg-dialog-label" part="header-label"></span>\n      <button class="zg-dialog-close" part="header-close">X</button>\n    </header>\n    <div class="zg-dialog-body" part="body">\n      <div class="zg-dialog-error" part="body-error"></div>\n      <div class="zg-dialog-content-wrapper" part="body-content-wrapper"><slot></slot></div>\n    </div>\n    <menu class="zg-dialog-footer" part="footer">\n      <button class="zg-dialog-cancel" part="footer-cancel">Cancel</button>\n      <button class="zg-dialog-confirm" part="footer-confirm">Confirm</button>\n    </menu>\n  </form>\n</dialog>'},83635:e=>{e.exports='\x3c!-- Field Template --\x3e\n<template id="editorRowFieldTemplate">\n  <label id="editorRowFieldLabel">\n    <span class="editorRowFieldLabelContent"></span>\n  </label>\n</template>\n\n\x3c!-- Card Template --\x3e\n<template id="editorCardTemplate">\n  <label id="editorCard"></label>\n</template>\n\n<div id="wrapper" class="zg-editor-row-wrapper" part="editor-row">\n  <div id="inputs" class="zg-editor-row-inputs" part="inputs"></div>\n</div> '},88387:e=>{e.exports='<div class="zg-filter-wrapper" part="filter">\n  <div class="zg-filter-inner" part="filter-wrapper">\n    <slot></slot>\n  </div>\n</div>\n\n'},76592:e=>{e.exports='<div class="zg-focus-wrapper" part="focus">\n    <div id="bottom" class="zg-focus-bottom" part="bottom"></div>\n    <div id="left" class="zg-focus-left" part="left"></div>\n    <div id="right" class="zg-focus-right" part="right"></div>\n    <div id="top" class="zg-focus-top" part="top"></div>\n</div>\n'},19058:e=>{e.exports="<slot></slot>"},65491:e=>{e.exports='<slot name="source"></slot>\n<slot name="caption"></slot>\n<slot></slot>'},76262:e=>{e.exports="<slot></slot>"},16288:e=>{e.exports='<div class="zg-head-cell" part="cell">\n  <div class="zg-head-cell-inner" part="cell-inner">\n    <slot></slot>\n  </div>\n  <slot name="column-resize"></slot>\n</div>'},69878:e=>{e.exports="<slot></slot>"},24386:e=>{e.exports='<slot></slot>\n<slot name="caption"></slot>\n<slot name="source"></slot>\n<slot name="control-bar"></slot> '},44914:e=>{e.exports='<slot name="icon"></slot>\n<slot></slot>'},84407:e=>{e.exports='<div id="wrapper" class="zg-input" part="input">\n  <slot name="input">\n  </slot>\n  <slot></slot>\n</div>\n'},9674:e=>{e.exports="<slot></slot>"},172:e=>{e.exports="<slot></slot>"},42854:e=>{e.exports='<div class="zg-menu-group-wrap" part="group">\n  <span class="zg-menu-group-label" part="label">\n    <slot name="zgMenuGroupLabel"></slot>\n  </span>\n  <span class="zg-menu-group-items" part="items">\n    <slot name="zgMenuGroupItems"></slot>\n  </span>\n</div>'},52312:e=>{e.exports="<slot></slot>"},66513:e=>{e.exports='<div id="wrapper" class="zg-menu" part="menu">\n  <slot></slot>\n</div>'},32501:e=>{e.exports='<div role="status" part="status"><slot></slot></div>'},76089:e=>{e.exports='<div class="zg-option-list" part="list">\n    <slot></slot>\n</div>\n'},63476:e=>{e.exports='<div class="zg-pager" part="pager">\n  <div class="zg-pager-inner" part="inner">\n    <div class="zg-pager-left" part="left">\n      <slot name="left"></slot>\n    </div>\n    <div class="zg-pager-center" part="center">\n      <slot name="center"></slot>\n    </div>\n    <div class="zg-pager-right" part="right">\n      <slot name="right"></slot>\n    </div>\n    <slot></slot>\n  </div>\n</div>\n'},75150:e=>{e.exports=""},39457:e=>{e.exports="<slot></slot>"},91607:e=>{e.exports='<div class="zg-search" part="search">\n  <slot name="button"></slot>\n  <div class="zg-search-input" part="input"><slot name="input"></slot></div>\n</div>\n\n'},76062:e=>{e.exports='<div id="wrapper" class="zg-select" part="select">\n  <div id="inner" class="zg-select-inner" part="select-inner">\n    <slot name="selected"></slot>\n  </div>\n</div>\n<slot></slot>\n<div class="zg-selector-mask" part="mask"></div>'},45946:e=>{e.exports='<div id="mask" class="zg-selector-mask-mask" part="selector-mask"></div>\n'},19731:e=>{e.exports="\x3c!-- Stub file --\x3e"},12839:e=>{e.exports='<cite role="any" part="source"><slot></slot></cite>'},44221:e=>{e.exports='<div class="zg-status" part="status">\n  <div class="zg-status-message" part="message">\n    <zg-icon internal-status></zg-icon>\n    <span class="zg-status-text-container">\n      <span class="zg-status-text" part="text">Status</span>\n      <span class="zg-status-details" part="link"></span>\n    </span>\n  </div>\n  <div class="zg-status-action" close part="action">\n    <span close data-focusable part="close">\n      <zg-icon name="close" internal-status part="close-icon"></zg-icon>\n    </span>\n  </div>\n</div>'},87585:e=>{e.exports="<slot></slot>"},48219:e=>{e.exports='<slot></slot>\n<button class="zg-tooltip-close" part="close">X</button>'},41877:e=>{e.exports='<div><a href="https://www.zinggrid.com/" data-focusable target="_blank" rel="noopener"></a></div>'},73337:e=>{e.exports='<div class="zing-grid" role="presentation" >\n  <slot id="header" name="header"></slot>\n  <slot id="top" name="top"></slot>\n  <slot id="content"></slot>\n\n  <div id="wrap" class="zing-grid-wrapper-1" role="presentation" aria-label="ZingGrid">\n    <div id="main" class="zing-grid-wrapper-2" role="grid">\n\n\n      \x3c!-- HEADER --\x3e\n      <div class="zing-grid-frames zing-grid-frames-head" role="presentation">\n\n        \x3c!-- FRAME: LEFT --\x3e\n        <div id="freeze-frame-left-head" class="zing-grid-frame-left zing-grid-freeze-left">\n\n          \x3c!-- Head --\x3e\n          <div id="freeze-left-head" class="zing-grid-head zing-grid-head-left">\n            <slot name="lefthead"></slot>\n          </div>\n\n          <slot name="leftheadeditorrow"></slot>\n          <slot name="leftheadfocus"></slot>\n\n        </div>\n\n\n        \x3c!-- FRAME: MAIN --\x3e\n        <div id="freeze-frame-main-head" class="zing-grid-frame-main">\n\n          \x3c!-- Head --\x3e\n          <div id="freeze-main-head" class="zing-grid-head-main">\n            <slot name="gridhead"></slot>\n          </div>\n\n          <slot name="mainheadeditorrow"></slot>\n          <slot name="mainheadfocus"></slot>\n\n        </div>\n\n\n        \x3c!-- FRAME: RIGHT --\x3e\n        <div id="freeze-frame-right-head" class="zing-grid-frame-right zing-grid-freeze-right">\n\n          \x3c!-- Head --\x3e\n          <div id="freeze-right-head" class="zing-grid-head-right" >\n            <slot name="righthead"></slot>\n          </div>\n\n          <slot name="rightheadeditorrow"></slot>\n          <slot name="rightheadfocus"></slot>\n\n        </div>\n\n      </div>\n\n\n      \x3c!-- BODY --\x3e\n      <div id="zing-grid-frames-body" class="zing-grid-frames zing-grid-frames-body" role="presentation">\n\n        \x3c!-- FRAME: LEFT --\x3e\n        <div id="freeze-left-body" class="zing-grid-frame-left zing-grid-freeze-left">\n\n          \x3c!-- Body --\x3e\n          <div id="left" class="zing-grid-body zing-grid-body-left" role="presentation">\n            <slot name="leftcolgroup"></slot>\n            <slot name="leftbody"></slot>\n          </div>\n          <slot name="lefteditorrow"></slot>\n          <slot name="leftgridselectmask"></slot>\n          <slot name="leftgridfocus"></slot>\n          <zg-no-data id="leftnodata"></zg-no-data>\n\n        </div>\n\n\n        \x3c!-- FRAME: MAIN --\x3e\n        <div id="frame-main-body" class="zing-grid-frame-main">\n\n          <div class="zing-grid-scroll" id="scroll" role="presentation">\n\n            \x3c!-- Body --\x3e\n            <div id="body" class="zing-grid-body-main" role="presentation">\n              <slot name="gridcolgroup"></slot>\n              <slot name="gridbody"></slot>\n            </div>\n            <slot name="bodyeditorrow"></slot>\n            <slot name="bodygridselectmask"></slot>\n            <slot name="bodygridfocus"></slot>\n            <slot name="gridnodata"></slot>\n\n          </div>\n\n        </div>\n\n\n        \x3c!-- FRAME: RIGHT --\x3e\n        <div id="freeze-right-body" class="zing-grid-frame-right zing-grid-freeze-right">\n\n          \x3c!-- Body --\x3e\n          <div id="right" class="zing-grid-body-right" role="presentation">\n            <slot name="rightcolgroup"></slot>\n            <slot name="rightbody"></slot>\n          </div>\n          <slot name="righteditorrow"></slot>\n          <slot name="rightgridselectmask"></slot>\n          <slot name="rightgridfocus"></slot>\n          <zg-no-data id="rightnodata"></zg-no-data>\n        </div>\n\n      </div>\n\n\n      \x3c!-- FOOTER --\x3e\n      <div class="zing-grid-frames zing-grid-frames-foot" role="presentation">\n\n        \x3c!-- FRAME: LEFT --\x3e\n        <div id="freeze-frame-left-foot" class="zing-grid-frame-left zing-grid-freeze-left">\n\n          <div id="freeze-left-foot" class="zing-grid-foot zing-grid-foot-left">\n            <slot name="leftfoot"></slot>\n          </div>\n\n          <slot name="leftfooteditorrow"></slot>\n          <slot name="leftfootfocus"></slot>\n        </div>\n\n\n        \x3c!-- FRAME: MAIN --\x3e\n        <div id="freeze-frame-main-foot" class="zing-grid-frame-main">\n\n          <div id="freeze-main-foot" class="zing-grid-foot-main" role="presentation">\n            <slot name="gridfoot" id="gridfoot"></slot>\n          </div>\n\n          <slot name="mainfooteditorrow"></slot>\n          <slot name="mainfootfocus"></slot>\n\n        </div>\n\n\n        \x3c!-- FRAME: RIGHT --\x3e\n        <div id="freeze-frame-right-foot" class="zing-grid-frame-right zing-grid-freeze-right">\n\n          <div id="freeze-right-foot" class="zing-grid-foot-right" >\n            <slot name="rightfoot"></slot>\n          </div>\n\n          <slot name="rightfooteditorrow"></slot>\n          <slot name="rightfootfocus"></slot>\n        </div>\n\n      </div>\n\n\n      \x3c!-- Frozen Column Styling --\x3e\n      <slot name="freeze-left-columns"></slot>\n      <slot name="freeze-right-columns"></slot>\n\n      \x3c!-- Batch Edit Styling --\x3e\n      <slot name="batch-edit"></slot>\n      \n      <div id="mirror" style="display:none;"></div>\n\n    </div>\n  </div>\n\n  <slot id="pager" name="pager"></slot>\n  <slot id="footer" name="footer"></slot>\n  <slot id="watermark" name="watermark"></slot>\n\n  <slot name="status"></slot>\n\n  <slot name="dialogInternal"></slot>\n  <slot name="tooltip"></slot>\n  <slot name="celloverflow"></slot>\n\n  <div id="hidden" style="display:none;">\n    <slot name="zg-cell-unmapped"></slot>\n    <slot name="zg-head-cell-unmapped"></slot>\n  </div>\n\n  <textarea aria-hidden="true" class="zing-grid-clipboard" tabindex="-1"></textarea>\n</div>\n<slot name="shadow"></slot>'},48738:e=>{function t(e){return!!e.constructor&&"function"==typeof e.constructor.isBuffer&&e.constructor.isBuffer(e)}e.exports=function(e){return null!=e&&(t(e)||function(e){return"function"==typeof e.readFloatLE&&"function"==typeof e.slice&&t(e.slice(0,0))}(e)||!!e._isBuffer)}},2568:(e,t,o)=>{var n,r,i,a,s;n=o(71012),r=o(40487).utf8,i=o(48738),a=o(40487).bin,(s=function(e,t){e.constructor==String?e=t&&"binary"===t.encoding?a.stringToBytes(e):r.stringToBytes(e):i(e)?e=Array.prototype.slice.call(e,0):Array.isArray(e)||e.constructor===Uint8Array||(e=e.toString());for(var o=n.bytesToWords(e),l=8*e.length,d=1732584193,c=-271733879,h=-1732584194,u=271733878,g=0;g<o.length;g++)o[g]=16711935&(o[g]<<8|o[g]>>>24)|4278255360&(o[g]<<24|o[g]>>>8);o[l>>>5]|=128<<l%32,o[14+(l+64>>>9<<4)]=l;var p=s._ff,f=s._gg,m=s._hh,b=s._ii;for(g=0;g<o.length;g+=16){var v=d,y=c,w=h,z=u;d=p(d,c,h,u,o[g+0],7,-680876936),u=p(u,d,c,h,o[g+1],12,-389564586),h=p(h,u,d,c,o[g+2],17,606105819),c=p(c,h,u,d,o[g+3],22,-1044525330),d=p(d,c,h,u,o[g+4],7,-176418897),u=p(u,d,c,h,o[g+5],12,1200080426),h=p(h,u,d,c,o[g+6],17,-1473231341),c=p(c,h,u,d,o[g+7],22,-45705983),d=p(d,c,h,u,o[g+8],7,1770035416),u=p(u,d,c,h,o[g+9],12,-1958414417),h=p(h,u,d,c,o[g+10],17,-42063),c=p(c,h,u,d,o[g+11],22,-1990404162),d=p(d,c,h,u,o[g+12],7,1804603682),u=p(u,d,c,h,o[g+13],12,-40341101),h=p(h,u,d,c,o[g+14],17,-1502002290),d=f(d,c=p(c,h,u,d,o[g+15],22,1236535329),h,u,o[g+1],5,-165796510),u=f(u,d,c,h,o[g+6],9,-1069501632),h=f(h,u,d,c,o[g+11],14,643717713),c=f(c,h,u,d,o[g+0],20,-373897302),d=f(d,c,h,u,o[g+5],5,-701558691),u=f(u,d,c,h,o[g+10],9,38016083),h=f(h,u,d,c,o[g+15],14,-660478335),c=f(c,h,u,d,o[g+4],20,-405537848),d=f(d,c,h,u,o[g+9],5,568446438),u=f(u,d,c,h,o[g+14],9,-1019803690),h=f(h,u,d,c,o[g+3],14,-187363961),c=f(c,h,u,d,o[g+8],20,1163531501),d=f(d,c,h,u,o[g+13],5,-1444681467),u=f(u,d,c,h,o[g+2],9,-51403784),h=f(h,u,d,c,o[g+7],14,1735328473),d=m(d,c=f(c,h,u,d,o[g+12],20,-1926607734),h,u,o[g+5],4,-378558),u=m(u,d,c,h,o[g+8],11,-2022574463),h=m(h,u,d,c,o[g+11],16,1839030562),c=m(c,h,u,d,o[g+14],23,-35309556),d=m(d,c,h,u,o[g+1],4,-1530992060),u=m(u,d,c,h,o[g+4],11,1272893353),h=m(h,u,d,c,o[g+7],16,-155497632),c=m(c,h,u,d,o[g+10],23,-1094730640),d=m(d,c,h,u,o[g+13],4,681279174),u=m(u,d,c,h,o[g+0],11,-358537222),h=m(h,u,d,c,o[g+3],16,-722521979),c=m(c,h,u,d,o[g+6],23,76029189),d=m(d,c,h,u,o[g+9],4,-640364487),u=m(u,d,c,h,o[g+12],11,-421815835),h=m(h,u,d,c,o[g+15],16,530742520),d=b(d,c=m(c,h,u,d,o[g+2],23,-995338651),h,u,o[g+0],6,-198630844),u=b(u,d,c,h,o[g+7],10,1126891415),h=b(h,u,d,c,o[g+14],15,-1416354905),c=b(c,h,u,d,o[g+5],21,-57434055),d=b(d,c,h,u,o[g+12],6,1700485571),u=b(u,d,c,h,o[g+3],10,-1894986606),h=b(h,u,d,c,o[g+10],15,-1051523),c=b(c,h,u,d,o[g+1],21,-2054922799),d=b(d,c,h,u,o[g+8],6,1873313359),u=b(u,d,c,h,o[g+15],10,-30611744),h=b(h,u,d,c,o[g+6],15,-1560198380),c=b(c,h,u,d,o[g+13],21,1309151649),d=b(d,c,h,u,o[g+4],6,-145523070),u=b(u,d,c,h,o[g+11],10,-1120210379),h=b(h,u,d,c,o[g+2],15,718787259),c=b(c,h,u,d,o[g+9],21,-343485551),d=d+v>>>0,c=c+y>>>0,h=h+w>>>0,u=u+z>>>0}return n.endian([d,c,h,u])})._ff=function(e,t,o,n,r,i,a){var s=e+(t&o|~t&n)+(r>>>0)+a;return(s<<i|s>>>32-i)+t},s._gg=function(e,t,o,n,r,i,a){var s=e+(t&n|o&~n)+(r>>>0)+a;return(s<<i|s>>>32-i)+t},s._hh=function(e,t,o,n,r,i,a){var s=e+(t^o^n)+(r>>>0)+a;return(s<<i|s>>>32-i)+t},s._ii=function(e,t,o,n,r,i,a){var s=e+(o^(t|~n))+(r>>>0)+a;return(s<<i|s>>>32-i)+t},s._blocksize=16,s._digestsize=16,e.exports=function(e,t){if(null==e)throw new Error("Illegal argument "+e);var o=n.wordsToBytes(s(e,t));return t&&t.asBytes?o:t&&t.asString?a.bytesToString(o):n.bytesToHex(o)}},35666:e=>{var t=function(e){"use strict";var t,o=Object.prototype,n=o.hasOwnProperty,r=Object.defineProperty||function(e,t,o){e[t]=o.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",s=i.asyncIterator||"@@asyncIterator",l=i.toStringTag||"@@toStringTag";function d(e,t,o){return Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{d({},"")}catch(e){d=function(e,t,o){return e[t]=o}}function c(e,t,o,n){var i=t&&t.prototype instanceof b?t:b,a=Object.create(i.prototype),s=new E(n||[]);return r(a,"_invoke",{value:_(e,o,s)}),a}function h(e,t,o){try{return{type:"normal",arg:e.call(t,o)}}catch(e){return{type:"throw",arg:e}}}e.wrap=c;var u="suspendedStart",g="suspendedYield",p="executing",f="completed",m={};function b(){}function v(){}function y(){}var w={};d(w,a,(function(){return this}));var z=Object.getPrototypeOf,C=z&&z(z(O([])));C&&C!==o&&n.call(C,a)&&(w=C);var S=y.prototype=b.prototype=Object.create(w);function x(e){["next","throw","return"].forEach((function(t){d(e,t,(function(e){return this._invoke(t,e)}))}))}function M(e,t){function o(r,i,a,s){var l=h(e[r],e,i);if("throw"!==l.type){var d=l.arg,c=d.value;return c&&"object"==typeof c&&n.call(c,"__await")?t.resolve(c.__await).then((function(e){o("next",e,a,s)}),(function(e){o("throw",e,a,s)})):t.resolve(c).then((function(e){d.value=e,a(d)}),(function(e){return o("throw",e,a,s)}))}s(l.arg)}var i;r(this,"_invoke",{value:function(e,n){function r(){return new t((function(t,r){o(e,n,t,r)}))}return i=i?i.then(r,r):r()}})}function _(e,t,o){var n=u;return function(r,i){if(n===p)throw new Error("Generator is already running");if(n===f){if("throw"===r)throw i;return T()}for(o.method=r,o.arg=i;;){var a=o.delegate;if(a){var s=k(a,o);if(s){if(s===m)continue;return s}}if("next"===o.method)o.sent=o._sent=o.arg;else if("throw"===o.method){if(n===u)throw n=f,o.arg;o.dispatchException(o.arg)}else"return"===o.method&&o.abrupt("return",o.arg);n=p;var l=h(e,t,o);if("normal"===l.type){if(n=o.done?f:g,l.arg===m)continue;return{value:l.arg,done:o.done}}"throw"===l.type&&(n=f,o.method="throw",o.arg=l.arg)}}}function k(e,o){var n=e.iterator[o.method];if(n===t){if(o.delegate=null,"throw"===o.method){if(e.iterator.return&&(o.method="return",o.arg=t,k(e,o),"throw"===o.method))return m;o.method="throw",o.arg=new TypeError("The iterator does not provide a 'throw' method")}return m}var r=h(n,e.iterator,o.arg);if("throw"===r.type)return o.method="throw",o.arg=r.arg,o.delegate=null,m;var i=r.arg;return i?i.done?(o[e.resultName]=i.value,o.next=e.nextLoc,"return"!==o.method&&(o.method="next",o.arg=t),o.delegate=null,m):i:(o.method="throw",o.arg=new TypeError("iterator result is not an object"),o.delegate=null,m)}function R(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function D(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function E(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(R,this),this.reset(!0)}function O(e){if(e){var o=e[a];if(o)return o.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var r=-1,i=function o(){for(;++r<e.length;)if(n.call(e,r))return o.value=e[r],o.done=!1,o;return o.value=t,o.done=!0,o};return i.next=i}}return{next:T}}function T(){return{value:t,done:!0}}return v.prototype=y,r(S,"constructor",{value:y,configurable:!0}),r(y,"constructor",{value:v,configurable:!0}),v.displayName=d(y,l,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===v||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,y):(e.__proto__=y,d(e,l,"GeneratorFunction")),e.prototype=Object.create(S),e},e.awrap=function(e){return{__await:e}},x(M.prototype),d(M.prototype,s,(function(){return this})),e.AsyncIterator=M,e.async=function(t,o,n,r,i){void 0===i&&(i=Promise);var a=new M(c(t,o,n,r),i);return e.isGeneratorFunction(o)?a:a.next().then((function(e){return e.done?e.value:a.next()}))},x(S),d(S,l,"Generator"),d(S,a,(function(){return this})),d(S,"toString",(function(){return"[object Generator]"})),e.keys=function(e){var t=Object(e),o=[];for(var n in t)o.push(n);return o.reverse(),function e(){for(;o.length;){var n=o.pop();if(n in t)return e.value=n,e.done=!1,e}return e.done=!0,e}},e.values=O,E.prototype={constructor:E,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(D),!e)for(var o in this)"t"===o.charAt(0)&&n.call(this,o)&&!isNaN(+o.slice(1))&&(this[o]=t)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var o=this;function r(n,r){return s.type="throw",s.arg=e,o.next=n,r&&(o.method="next",o.arg=t),!!r}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],s=a.completion;if("root"===a.tryLoc)return r("end");if(a.tryLoc<=this.prev){var l=n.call(a,"catchLoc"),d=n.call(a,"finallyLoc");if(l&&d){if(this.prev<a.catchLoc)return r(a.catchLoc,!0);if(this.prev<a.finallyLoc)return r(a.finallyLoc)}else if(l){if(this.prev<a.catchLoc)return r(a.catchLoc,!0)}else{if(!d)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return r(a.finallyLoc)}}}},abrupt:function(e,t){for(var o=this.tryEntries.length-1;o>=0;--o){var r=this.tryEntries[o];if(r.tryLoc<=this.prev&&n.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var i=r;break}}i&&("break"===e||"continue"===e)&&i.tryLoc<=t&&t<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=e,a.arg=t,i?(this.method="next",this.next=i.finallyLoc,m):this.complete(a)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),m},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.finallyLoc===e)return this.complete(o.completion,o.afterLoc),D(o),m}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.tryLoc===e){var n=o.completion;if("throw"===n.type){var r=n.arg;D(o)}return r}}throw new Error("illegal catch attempt")},delegateYield:function(e,o,n){return this.delegate={iterator:O(e),resultName:o,nextLoc:n},"next"===this.method&&(this.arg=t),m}},e}(e.exports);try{regeneratorRuntime=t}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}},24889:function(e,t,o){!function(e,t){"use strict";if(!e.setImmediate){var o,n,r,i,a,s=1,l={},d=!1,c=e.document,h=Object.getPrototypeOf&&Object.getPrototypeOf(e);h=h&&h.setTimeout?h:e,"[object process]"==={}.toString.call(e.process)?o=function(e){process.nextTick((function(){g(e)}))}:!function(){if(e.postMessage&&!e.importScripts){var t=!0,o=e.onmessage;return e.onmessage=function(){t=!1},e.postMessage("","*"),e.onmessage=o,t}}()?e.MessageChannel?((r=new MessageChannel).port1.onmessage=function(e){g(e.data)},o=function(e){r.port2.postMessage(e)}):c&&"onreadystatechange"in c.createElement("script")?(n=c.documentElement,o=function(e){var t=c.createElement("script");t.onreadystatechange=function(){g(e),t.onreadystatechange=null,n.removeChild(t),t=null},n.appendChild(t)}):o=function(e){setTimeout(g,0,e)}:(i="setImmediate$"+Math.random()+"$",a=function(t){t.source===e&&"string"==typeof t.data&&0===t.data.indexOf(i)&&g(+t.data.slice(i.length))},e.addEventListener?e.addEventListener("message",a,!1):e.attachEvent("onmessage",a),o=function(t){e.postMessage(i+t,"*")}),h.setImmediate=function(e){"function"!=typeof e&&(e=new Function(""+e));for(var t=new Array(arguments.length-1),n=0;n<t.length;n++)t[n]=arguments[n+1];var r={callback:e,args:t};return l[s]=r,o(s),s++},h.clearImmediate=u}function u(e){delete l[e]}function g(e){if(d)setTimeout(g,0,e);else{var o=l[e];if(o){d=!0;try{!function(e){var o=e.callback,n=e.args;switch(n.length){case 0:o();break;case 1:o(n[0]);break;case 2:o(n[0],n[1]);break;case 3:o(n[0],n[1],n[2]);break;default:o.apply(t,n)}}(o)}finally{u(e),d=!1}}}}}("undefined"==typeof self?void 0===o.g?this:o.g:self)},7673:(e,t,o)=>{"use strict";o.d(t,{Z:()=>q});var n=o(38419);o(32260);var r=o(45092);const i={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",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:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",gold:"#ffd700",goldenrod:"#daa520",greenyellow:"#adff2f",gray:"#808080",green:"#008000",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:"#778899",lightslategrey:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",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",purple:"#800080",powderblue:"#b0e0e6",rebeccapurple:"#663399",red:"#ff0000",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:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd3"};const a=class{constructor({color:e,cell:t,column:o}){const{modes:r,modeAttr:a,modeDefault:s,notConvertedClass:l,notValidClass:d,previewAttr:c,previewDefault:h,spaces:u,spacesAttr:g,transparent:p}=n.default.columnType.color;this.modeAttr=a,this.previewAttr=c,this.spacesAttr=g,this.modeDefault=s,this.previewDefault=h,this.modes=r;const{hexAlpha:f,hexLong:m,hexShort:b,hsl:v,hsla:y,name:w,rgb:z,rgba:C}=r;this.hexAlpha=f,this.hexLong=m,this.hexShort=b,this.hsl=v,this.hsla=y,this.name=w,this.rgb=z,this.rgba=C,this.spaces=u,this.transparent=p,this.notConvertedClass=l,this.notValidClass=d,this.colorNames=i,this.colorKeys=Object.keys(this.colorNames),this.colorValues=Object.values(this.colorNames),this.cell=t,this.color=this.convertColorForConversions(e),this.colorRaw=e,this.colorMode=this.getModeFromColor(),this.colorIsTransparent=this.isColorTransparent(),o&&(this.column=o,this.columnHasModeAttr=this.getAttrFromColumn(a),this.columnHasPreviewAttr=this.getAttrFromColumn(c),this.columnHasSpacesAttr=this.getAttrFromColumn(g),this.modeTarget=this.getModeFromAttr(o),this.previewTarget=this.getPreviewFromAttr(o),this.spacesTarget=this.getSpacesFromAttr(o)),this.separator=this.setSeparator()}getModeFromAttr(){let e=this.modeDefault,t=this.columnHasModeAttr;return Object.values(this.modes).indexOf(t)>-1&&(e=t),t&&-1===Object.values(this.modes).indexOf(t)&&this.addInvalidClass(),e}getPreviewFromAttr(){return"disabled"!==this.columnHasPreviewAttr}getSpacesFromAttr(){let e=this.columnHasSpacesAttr;return e&&e===this.spaces.invalid?this.spaces.invalid:e&&e===this.spaces.inherit?this.spaces.inherit:this.spaces.valid}formatColor(){let e,t;this.columnHasModeAttr&&!this.colorMode?(e=this.color,t=!0):(e=this.convertColor(),t=!1);let o=e;if(this.previewTarget){o=`\n        <div style="display:flex;align-items:center;">\n          <span style="margin-right:7px;width:15px;height:15px;background-color:${e};border:1px solid ${t||this.colorIsTransparent||!this.colorMode?"#ebebeb":"transparent"};border-radius:2px;"></span>\n          <span>${e}</span>\n        </div>\n      `.trim()}return o}isColorTransparent(){if(this.colorRaw===this.transparent)return!0;const e=this.getParts(this.color);return 4===e.length&&"0"===e[3]}convertColor(){let e=this.color;switch(this.modeTarget){case this.hexAlpha:case this.hexLong:case this.hexShort:e=this.convertToHex();break;case this.hsl:case this.hsla:e=this.convertToHsl();break;case this.name:e=this.convertToName();break;case this.rgb:case this.rgba:e=this.convertToRgb()}return e||"--"}convertToHex(e){const t=this.colorMode;switch(e&&(this.modeTarget=e),t){case this.hexAlpha:case this.hexLong:case this.hexShort:return this.convertHexToHex();case this.hsl:case this.hsla:return this.convertHslToHex();case this.rgb:case this.rgba:return this.convertRgbToHex();case this.name:return this.convertNameToHex()}}convertToHsl(){switch(this.colorMode){case this.hexAlpha:case this.hexLong:case this.hexShort:return this.convertHexToHsl();case this.hsl:case this.hsla:return this.convertHslToHsl();case this.rgb:case this.rgba:return this.convertRgbToHsl();case this.name:return this.convertNameToHsl()}}convertToName(){switch(this.colorMode){case this.hexAlpha:case this.hexLong:case this.hexShort:return this.convertHexToName();case this.hsl:case this.hsla:return this.convertHslToName();case this.rgb:case this.rgba:return this.convertRgbToName();case this.name:return this.convertNameToName()}}convertToRgb(){switch(this.colorMode){case this.hexAlpha:case this.hexLong:case this.hexShort:return this.convertHexToRgb();case this.hsl:case this.hsla:return this.convertHslToRgb();case this.rgb:case this.rgba:return this.convertRgbToRgb();case this.name:return this.convertNameToRgb()}}convertHexToHex(){const e=this.color,t=this.color.length,o=this.modeTarget===this.hexAlpha,n=this.modeTarget===this.hexShort,r=this.modeTarget===this.hexLong,i=9===t,a=4===t,s=7===t;if(o){if(i)return e;if(s)return`${e}ff`;if(a)return`${this.getLongHex(e)}ff`}if(r){if(i)return e.substring(0,t-2);if(s)return e;if(a)return this.getLongHex(e)}if(n){if(i)return this.getShortHex(e);if(s)return this.getShortHex(e);if(a)return e}}convertHexToHsl(){const e=this.getAlphaHex(),t=this.separator,o=this.modeTarget===this.hsl,n=this.modeTarget===this.hsla;return function(e){if(!/^#([\da-f]{4}){1,2}$/i.test(e))return"Invalid input color";{let r=0,i=0,a=0,s=1;5==e.length?(r="0x"+e[1]+e[1],i="0x"+e[2]+e[2],a="0x"+e[3]+e[3],s="0x"+e[4]+e[4]):9==e.length&&(r="0x"+e[1]+e[2],i="0x"+e[3]+e[4],a="0x"+e[5]+e[6],s="0x"+e[7]+e[8]),r/=255,i/=255,a/=255;let l=Math.min(r,i,a),d=Math.max(r,i,a),c=d-l,h=0,u=0,g=0;if(h=0==c?0:d==r?(i-a)/c%6:d==i?(a-r)/c+2:(r-i)/c+4,h=Math.round(60*h),h<0&&(h+=360),g=(d+l)/2,u=0==c?0:c/(1-Math.abs(2*g-1)),u=+(100*u).toFixed(1),g=+(100*g).toFixed(1),s=(s/255).toFixed(2),s="1"===s[0]?1:s,s="0"===s[0]?s.substring(1):s,u=`${parseInt(u)}%`,g=`${parseInt(g)}%`,n)return`hsla(${h}${t}${u}${t}${g}${t}${s})`;if(o)return`hsl(${h}${t}${u}${t}${g})`}}(e)}convertHexToName(){const e=this.getLongHex(this.color);return this.matchHexToName(e)}convertHexToRgb(){let e=this.getAlphaHex();const t=this.separator,o=this.modeTarget===this.rgb,n=this.modeTarget===this.rgba;let r,i,a,s="";return""==e&&(e="000000"),"#"==e[0]&&(e=e.substring(1,e.length)),3==e.length?(r=`${e.substring(0,1)}${e.substring(0,1)}`,i=`${e.substring(1,2)}${e.substring(1,2)}`,a=`${e.substring(2,3)}${e.substring(2,3)}`):(r=e.substring(0,2),i=e.substring(2,4),a=e.substring(4,6)),8==e.length&&(s=(parseInt(e.substring(6,8),16)/255).toFixed(2)),r=parseInt(r,16),i=parseInt(i,16),a=parseInt(a,16),s="1"===s[0]?parseInt(s):s,s="0"===s[0]?s.substring(1):s,o?`rgb(${r}${t}${i}${t}${a})`:n?`rgba(${r}${t}${i}${t}${a}${t}${s})`:void 0}convertHslToHex(){const e=this.formatParts("hsl",this.color),t=this.convertHslToRgb(e);return this.convertRgbToHex(t)}convertHslToHsl(){this.color;const e=this.formatParts("hsl",this.color),{H:t,S:o,L:n,A:r,display:i,displayAlpha:a}=e,s=this.modeTarget===this.hsl,l=this.modeTarget===this.hsla;this.colorMode=this.hsla,this.colorMode=this.hsl;return l?a:s?i:void 0}convertHslToName(){if(this.colorIsTransparent)return this.returnTransparent();const e=this.convertHslToHex().display;return this.matchHexToName(e)}convertHslToRgb(e){e||(e=this.formatParts("hsl",this.color));let{H:t,S:o,L:n,A:r=1,display:i}=e,a=0,s=0,l=0;const d=this.separator;return function(e,i){let c=!1;if(/^hsl\(((((([12]?[1-9]?\d)|[12]0\d|(3[0-5]\d))(\.\d+)?)|(\.\d+))(deg)?|(0|0?\.\d+)turn|(([0-6](\.\d+)?)|(\.\d+))rad)((,\s?(([1-9]?\d(\.\d+)?)|100|(\.\d+))%){2}|(\s(([1-9]?\d(\.\d+)?)|100|(\.\d+))%){2})\)$/i.test(e)){e=e.substr(4).split(")")[0].split(d),c=!0===c,o=e[1].substr(0,e[1].length-1)/100,n=e[2].substr(0,e[2].length-1)/100,t.indexOf("deg")>-1?t=t.substr(0,t.length-3):t.indexOf("rad")>-1?t=Math.round(h.substr(0,t.length-3)/(2*Math.PI)*360):t.indexOf("turn")>-1&&(t=Math.round(360*h.substr(0,t.length-4))),t>=360&&(t%=360);let u=(1-Math.abs(2*n-1))*o,g=u*(1-Math.abs(t/60%2-1)),p=n-u/2;0<=t&&t<60?(a=u,s=g,l=0):60<=t&&t<120?(a=g,s=u,l=0):120<=t&&t<180?(a=0,s=u,l=g):180<=t&&t<240?(a=0,s=g,l=u):240<=t&&t<300?(a=g,s=0,l=u):300<=t&&t<360&&(a=u,s=0,l=g),a=Math.round(255*(a+p)),s=Math.round(255*(s+p)),l=Math.round(255*(l+p)),c&&(a=+(a/255*100).toFixed(1),s=+(s/255*100).toFixed(1),l=+(l/255*100).toFixed(1));const f={R:a,G:s,B:l,A:r,display:`rgb(${a}${d}${s}${d}${l})`,displayAlpha:`rgba(${a}${d}${s}${d}${l}${d}${r})`},m=i.modeTarget===i.rgb,b=i.modeTarget===i.rgba;return m?f.display:b?f.displayAlpha:f}return"Invalid color"}(i,this)}convertNameToHex(){const e=this.color,t=this.modeTarget===this.hexAlpha,o=this.modeTarget===this.hexShort,n=this.modeTarget===this.hexLong,r=this.colorNames[e.toLowerCase()];return r?t?`${r}ff`:n?r:o?this.getShortHex(r):void 0:this.setNotConvertedState()}convertNameToHsl(){const e=this.color,t=this.colorNames[e.toLowerCase()];return t?(this.color=t,this.convertHexToHsl()):this.setNotConvertedState()}convertNameToName(){return this.color}convertNameToRgb(){const e=this.color,t=this.colorNames[e.toLowerCase()];return t?(this.color=t,this.convertHexToRgb()):this.setNotConvertedState()}convertRgbToHex(e){e||(e=this.formatParts("rgb",this.color));let{R:t,G:o,B:n,A:r=1,display:i}=e,a=`rgba(${t},${o},${n},${r})`;this.separator;if(/^rgba\((((((((1?[1-9]?\d)|10\d|(2[0-4]\d)|25[0-5]),\s?)){3})|(((([1-9]?\d(\.\d+)?)|100|(\.\d+))%,\s?){3}))|(((((1?[1-9]?\d)|10\d|(2[0-4]\d)|25[0-5])\s){3})|(((([1-9]?\d(\.\d+)?)|100|(\.\d+))%\s){3}))\/\s)((0?\.\d+)|[01]|(([1-9]?\d(\.\d+)?)|100|(\.\d+))%)\)$/i.test(a)){a=a.substr(5).split(")")[0],a=a.split(","),a.indexOf("/")>-1&&a.splice(3,1);for(let e in a){let t=a[e];if(t.indexOf("%")>-1){let o=t.substr(0,t.length-1)/100;a[e]=e<3?Math.round(255*o):o}}t=(+a[0]).toString(16),o=(+a[1]).toString(16),n=(+a[2]).toString(16),r=Math.round(255*+a[3]).toString(16),1==t.length&&(t="0"+t),1==o.length&&(o="0"+o),1==n.length&&(n="0"+n),1==r.length&&(r="0"+r);const e=this.getShortHex(`#${t}${o}${n}`),i=this.modeTarget===this.hexAlpha,s=this.modeTarget===this.hexShort,l=this.modeTarget===this.hexLong;return i?`#${t}${o}${n}${r}`:l?`#${t}${o}${n}`:s?e:{R:t,G:o,B:n,A:r,display:`#${t}${o}${n}`,displayAlpha:`#${t}${o}${n}${r}`,displayShort:e}}return"Invalid color"}convertRgbToHsl(e){e||(e=this.formatParts("rgb",this.color));let{R:t,G:o,B:n,A:r=1,display:i,displayAlpha:a}=e,s=0,l=0,d=0;const c=this.separator;return function(e,i){if(/^rgba\((((((((1?[1-9]?\d)|10\d|(2[0-4]\d)|25[0-5]),\s?)){3})|(((([1-9]?\d(\.\d+)?)|100|(\.\d+))%,\s?){3}))|(((((1?[1-9]?\d)|10\d|(2[0-4]\d)|25[0-5])\s){3})|(((([1-9]?\d(\.\d+)?)|100|(\.\d+))%\s){3}))\/\s)((0?\.\d+)|[01]|(([1-9]?\d(\.\d+)?)|100|(\.\d+))%)\)$/i.test(e)){(e=e.substr(5).split(")")[0].split(c)).indexOf("/")>-1&&e.splice(3,1);for(let t in e){let o=e[t];if(o.indexOf("%")>-1){let n=o.substr(0,o.length-1)/100;t<3&&(e[t]=Math.round(255*n))}}t=e[0]/255,o=e[1]/255,n=e[2]/255,r=e[3];let a=Math.min(t,o,n),h=Math.max(t,o,n),u=h-a;s=0==u?0:h==t?(o-n)/u%6:h==o?(n-t)/u+2:(t-o)/u+4,s=Math.round(60*s),s<0&&(s+=360),d=(h+a)/2,l=0==u?0:u/(1-Math.abs(2*d-1)),l=+(100*l).toFixed(1),d=+(100*d).toFixed(1),l=`${parseInt(l)}%`,d=`${parseInt(d)}%`;const g={H:s,S:l,L:d,A:r,display:`hsl(${s}${c}${l}${c}${d})`,displayAlpha:`hsla(${s}${c}${l}${c}${d}${c}${r})`},p=i.modeTarget===i.hsl,f=i.modeTarget===i.hsla;return p?g.display:f?g.displayAlpha:g}return"Invalid input color"}(a,this)}convertRgbToName(){if(this.colorIsTransparent)return this.returnTransparent();const e=this.convertRgbToHex().display;return this.matchHexToName(e)}convertRgbToRgb(){this.color;const e=this.formatParts("rgb",this.color),{R:t,G:o,B:n,A:r,display:i,displayAlpha:a}=e,s=this.modeTarget===this.rgb,l=this.modeTarget===this.rgba;this.colorMode=this.rgba,this.colorMode=this.rgb;return l?a:s?i:void 0}addNotConvertedClass(){this.cell.classList.add(this.notConvertedClass)}addInvalidClass(){this.cell.classList.add(this.notValidClass)}convertColorForConversions(e){return this.columnHasModeAttr&&e===this.transparent?"rgba(0, 0, 0, 0)":e}formatParts(e,t){const o=e.toUpperCase(),n=this.getParts(t),r=this.separator,i=n[3]||1,a=o[0],s=o[1],l=o[2];return{[a]:n[0],[s]:n[1],[l]:n[2],A:i,display:`${e}(${n[0]}${r}${n[1]}${r}${n[2]})`,displayAlpha:`${e}a(${n[0]}${r}${n[1]}${r}${n[2]}${r}${i})`}}getAlphaHex(){const e=this.color;return 4===e.length?`#${e[1]}${e[1]}${e[2]}${e[2]}${e[3]}${e[3]}ff`:7===e.length?`${e}ff`:e}getAttrFromColumn(e){return this.column.getAttribute(e)}getLongHex(e){return 4!==e.length?e:`#${e[1]}${e[1]}${e[2]}${e[2]}${e[3]}${e[3]}`}getModeFromColor(){const e=this.color;let t;if("#"===e[0])4===e.length&&(t=this.hexShort),7===e.length&&(t=this.hexLong),9===e.length&&(t=this.hexAlpha);else if(e.includes(`${this.hsl}(`))t=this.hsl;else if(e.includes(`${this.hsla}(`))t=this.hsla;else if(e.includes(`${this.rgb}(`))t=this.rgb;else if(e.includes(`${this.rgba}(`))t=this.rgba;else{t=!!this.isColorNameMatch(e)&&this.name}return t}getParts(e){const t=e.replace(/ /g,""),o=t.indexOf("(")+1;return t.substring(o,t.length-1).split(",")}getPercentage(e){const t=parseFloat(e).toFixed(2);return`${Math.round(100*t)}%`}getShortHex(e){const t=`#${this.getShortHexPart(`${e[1]}${e[2]}`)}${this.getShortHexPart(`${e[3]}${e[4]}`)}${this.getShortHexPart(`${e[5]}${e[6]}`)}`;return 4===t.length?t:this.colorMode===n.default.columnType.color.modes.name?(this.addNotConvertedClass(),e):this.setNotConvertedState()}getShortHexPart(e){return e[0]===e[1]?e[0]:e}isColorNameMatch(e){return this.colorKeys.filter((t=>t===e.toLowerCase()))[0]}isColorNameHexMatch(e){let t;return this.colorValues.forEach(((o,n)=>o===e.toLowerCase()?t=this.colorKeys[n]:o)),t}matchHexToName(e){const t=this.isColorNameHexMatch(e);return t||this.setNotConvertedState()}returnTransparent(){return this.colorRaw===this.transparent?this.colorRaw:this.colorIsTransparent?this.setNotConvertedState():void 0}setNotConvertedState(){return this.columnHasModeAttr&&this.addNotConvertedClass(),this.color}setNotValidState(){return this.columnHasModeAttr&&this.addInvalidClass(),this.color}setSeparator(){if(this.spacesTarget===this.spaces.invalid)return",";if(this.spacesTarget===this.spaces.inherit){return this.color.includes(" ")||this.colorMode===this.modes.name?", ":","}return", "}init(){return this.formatColor()}};var s=o(56919);var l=o(22048);var d=o(2568);const c=function(...e){const t=e[e.length-2],o=e[e.length-1],i=r.String.formatCellData({args:e,cellDOM:t,cellSE:o});if(!i)return"";const a=o.widget.store;let s=o.rawData()||i,l=o._columnConfig.sTypeImageSrc||s;if(o._columnConfig.sTypeImageSrc&&(l=a.processTemplate(l,null,o)),!l||"string"!=typeof l)return"";l=l.split(" ");let c="";return l.forEach((e=>c+=function(e,t){const o=t.widget.store,i=t._columnConfig.sCellType===n.default.cellTypes.gravatar;let a=t._columnConfig.sTypeImageAlt;a&&(a=o.get(t.sTargetRecordIndex,a)||a);a=a||""===a?a:e;const s=t._columnConfig.sContentStyle;let l=i?"display:inline-block;height:auto;overflow:hidden;word-wrap:break-word;max-width:80%;":"display:inline-block;height:auto;overflow:hidden;word-wrap:break-word;",c=s||"",h="";i||-1!==c.indexOf("max-width")||t._columnConfig.sContentWidth||(l+="max-width:100%;");const u=r.bF(t._columnConfig.sContentWidth,c,!1);u&&(c+=u);const g=t._columnConfig.sTypeImageMask||"";if(g&&"circle"===g)h="-webkit-clip-path: circle();clip-path: circle();";if(i){const t=d(e.trim().toLowerCase());e=`https://www.gravatar.com/avatar/${t}`}return`<img src="${e}" alt="${a}" style="${l}${c}${h}">`}(e,o))),c};let u=new class{constructor(){this.oRegisteredRenderer={}}registerRenderer(e,t){this.oRegisteredRenderer[e]=t}getRenderer(e){return this.oRegisteredRenderer[e]}};u.registerRenderer("aggregate",(function(...e){const t=e[e.length-1];return t.widget.aggregateManager.calculateAggregateRow(t)})),u.registerRenderer("boolean",(function(...e){const t=e[e.length-1],o=t._columnConfig&&t._columnConfig.sSeparator||" ";return e.filter(((t,o)=>o<e.length-2)).reduce(((e,t,n)=>{let r;return r=null==t?"":t?"True":"False",0===n?`${e}${r}`:`${e}${o}${r}`}),"")})),u.registerRenderer("button",(function(...e){e[e.length-2];const t=e[e.length-1],o=t.widget,n=t._columnConfig,r=e.slice(0,-2);let i=n.sTypeButtonLabel||r[0]||"";i=o.store.processTemplate(i.toString(),null,t);const a=n.sTypeButtonTooltip,s=o.store.processTemplate(n.sTypeButtonIcon,null,t),l=o.store.processTemplate(n.sTypeButtonUrl,null,t),d=n.fnTypeButtonHandler,c=n.sTypeButtonHandler,h=n.sButtonBorder,u=document.createElement("zg-button");u.parentCell=t,void 0!==h&&(u.forceBorder=h);const g=u.getDisabledStatus(n.bTypeButtonDisabled,o);return u.disabled=g,a&&(u.customTooltip=a),(d&&d.method||c)&&(u.fnHandler=d,u.handler=c),l&&u.addEventListener("click",(e=>{return t=l,void(g||(window.location=t));var t})),s&&u.insertAdjacentHTML("afterbegin",`<zg-icon name="${s}" slot="icon"></zg-icon>`),u.insertAdjacentHTML("beforeend",i),u})),u.registerRenderer("checkbox",(function(e,t,o){const n="string"==typeof e?e.toLowerCase():e,r=["false",!1,0].indexOf(n)>-1,i=["true",!0,1].indexOf(n)>-1;if(!r&&!i)return e;const a=i,s=[0,1].indexOf(e)>-1;let l;const d=o._columnConfig.sTypeCheckboxLabel;let c=document.createElement("zg-checkbox");if(c.checked=i,c.setAttribute("parent","cell"),d){const e=document.createElement("label");e.setAttribute("style","display:inline-flex;align-items:center;cursor:pointer;line-height:1;");const t=document.createElement("span");t.textContent=d,e.addEventListener("click",h),c.setAttribute("style","margin-right:4px;pointer-events:none;"),e.appendChild(c),e.appendChild(t),l=e}else c.style.cursor="pointer",c.addEventListener("click",h),l=c;return l;function h(e){e.stopPropagation();let t=!a;s&&(t=t?1:0),o.rawData(t)}})),u.registerRenderer("code",(function(...e){const t=e[e.length-2],o=e[e.length-1],n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o});let i=o._columnConfig.sContentStyle||"";return i+=r.bF(o._columnConfig.sContentWidth,i,!0),`<code ${`style="${i}"`}><pre>${n}</pre></code>`})),u.registerRenderer("color",(function(...e){const t=e[e.length-2],o=e[e.length-1]._columnConfig.oDOMZGColumn,n=t,r=e.filter(((t,o)=>o<e.length-2))[0];return new a({color:r,cell:n,column:o}).init()})),u.registerRenderer("currency",(function(...e){const t=e[e.length-2],o=e[e.length-1],n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o});if(isNaN(parseInt(n)))return n;let i=o._columnConfig.sLocale||s.default.getLocale(o.widget)||"en-US";const a={style:"currency",currency:o._columnConfig.sTypeCurrency||"USD"};let l;r.FE(a,o._columnConfig);try{l=new Intl.NumberFormat(i,a).format(n)}catch(e){l=n}return l})),u.registerRenderer("date",(function(...e){const t=e[e.length-2],o=e[e.length-1],n=o.widget;let i,a=r.String.formatCellData({args:e,cellDOM:t,cellSE:o}),d=o._columnConfig.sLocale||s.default.getLocale(n)||"en-US",c=o._columnConfig.sTypeDateFormat||null,h=o._columnConfig.bTypeDateFromNow||!1;try{let e=l.kB(a);i=c?l.p6(e,c,d,n):h?l.Zh(e,!1,n):new Intl.DateTimeFormat(d).format(e)}catch(e){i=a}return i})),u.registerRenderer("element",(function(...e){const t=e[e.length-2],o=e[e.length-1],n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o});let i="code"===(o.sCellType||"").toLowerCase()?"code":o._columnConfig.sElementTagName||"span",a=o._columnConfig.sElementAttributeName;const s=a?` ${a}="${n}"`:"",l=a?"":`${n}`;let d=o._columnConfig.sContentStyle||"";d+=r.bF(o._columnConfig.sContentWidth,d,!0);let c=`style="${d}"`;return'style="true"'==c&&(c=""),`<${i} ${s} ${c}>${l}</${i}>`})),u.registerRenderer("email",(function(...e){const t=e[e.length-2],o=e[e.length-1],n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o});let i=o._columnConfig.sContentStyle||"";return i+=r.bF(o._columnConfig.sContentWidth,i,!0),`<a href="mailto:${n}" ${`style="${i}"`}>${n}</a>`})),u.registerRenderer("icon",(function(...e){const t=e[e.length-2],o=e[e.length-1];let n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o}).toLowerCase();return n=n.replace(/ /gi,"-"),`<zg-icon name="${n}"></zg-icon>`})),u.registerRenderer("image",c),u.registerRenderer("key",(function(...e){const t=e[e.length-2],o=e[e.length-1];let n;if(o._columnConfig){const t=o._columnConfig&&o._columnConfig.sSeparator||" ";let i=o._columnConfig.sTypeRadioOptions||o._columnConfig.aSelectOptions||o._columnConfig.sTypeKeyOptions;"string"==typeof i&&(i=r.String.formatToArray(i));const a=e.filter(((t,o)=>o<e.length-2));let s=[];i&&i.forEach((e=>{e&&e.value&&e.name&&(s[e.value]=e.name)})),n=a.reduce(((e,o,n)=>{let r;return r=null==o?"":s[o]?s[o]:o,0===n?`${e}${r}`:`${e}${t}${r}`}),"")}else n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o});return n})),u.registerRenderer("iframe",(function(...e){const t=e[e.length-2],o=e[e.length-1],n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o});if(!n)return"";const i=o._columnConfig.sContentStyle;let a=o._columnConfig.sTypeIframeRatio,s=o._columnConfig.sContentWidth;s||(s="100%");const l=`position:relative;padding-top:${"square"===a?"100%":"56.25%"};width:100%;overflow:hidden;`;let d=i||"";return d+=r.bF(s,d,!0),`<div class="iframe-wrapper" style="${l}"><iframe src="${n}" ${`style="position:absolute;top:0;left:0;height:100%;border:0;${d}"`}></iframe></div>`})),u.registerRenderer("number",(function(...e){const t=e[e.length-1];let o=t._columnConfig.sLocale||s.default.getLocale(t.widget)||"en-US",n=e.filter(((t,o)=>o<e.length-2)),i=t._columnConfig.sTypeNumberFormatting,a={};if("disabled"===i)return n;{r.FE(a,t._columnConfig);const e=t._columnConfig&&t._columnConfig.sSeparator||" ";return n.reduce(((t,n,r)=>{let i;return i=null==n||isNaN(n)||""===n?"":new Intl.NumberFormat(o,a).format(n),0===r?`${t}${i}`:`${t}${e}${i}`}),"")}})),u.registerRenderer("password",(function(...e){let t=e.filter(((t,o)=>o<e.length-2));const o=e[e.length-1],n=o._columnConfig&&o._columnConfig.sSeparator||" ";let r=t.reduce(((e,t,o)=>{let r;return r=null==t?"":`${t}`.replace(/./g,"*"),0===o?`${e}${r}`:`${e}${n}${r}`}),"");return r||""})),u.registerRenderer("percentage",(function(...e){const t=e[e.length-1];let o=e.filter(((t,o)=>o<e.length-2));const n={style:"percent"};r.FE(n,t._columnConfig);const i=t._columnConfig&&t._columnConfig.sSeparator||" ",a=t._columnConfig.sLocale||s.default.getLocale(t.widget)||"en-US";return o.reduce(((e,t,o)=>{let r;return r=null==t||isNaN(t)||""===t?"":new Intl.NumberFormat(a,n).format(t),0===o?`${e}${r}`:`${e}${i}${r}`}),"")})),u.registerRenderer("text",(function(...e){const t=e[e.length-2],o=e[e.length-1],n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o});if(!o._columnConfig)return"";let i=n;return"string"==typeof i&&o._columnConfig&&"disabled"!==o._columnConfig.sTranslateNewline&&(i=i.replace(/\n/g,"<br>")),i})),u.registerRenderer("toggle",(function(e,t,o){const n=!!o._columnConfig.oDOMZGColumn.renderer,r=!!o._columnConfig.aTypeToggleOptions,i=!!o._columnConfig.bTypeToggleRenderValue;let a,s=o._columnConfig.aTypeToggleOptions||[!1,!0],l=s.length,d=null,c=document.createElement("span");return n&&(d=o.fnRenderer),"object"==typeof s[0]?(d=null,a=s.findIndex((t=>t.value==e))):(a=!1===e?0:!0===e?1:s.indexOf(e),s=s.map(((e,t)=>({render:e,value:2!==l||i?e:1===t})))),h(a),c.addEventListener("click",(function(){let e=(a+1)%l,t=h(e);o.rawData(t),a=e})),c;function h(e){let t,n,i=s[e];if(d){let e=d.scope||o;n=d.method.apply(e,[i.render])||"",t=i.value}else"object"==typeof i?(n=i.render,t=i.value):(n=i,t=r?i:!!e);return c.innerHTML=n,t}})),u.registerRenderer("url",(function(...e){const t=e[e.length-2],o=e[e.length-1],n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o}),i=o.widget.store;let a=o._columnConfig.sTypeUrlText,s=o._columnConfig.sTypeUrlIcon,l=o._columnConfig.sTypeUrlTarget||"_blank",d=o._columnConfig.sTypeUrlSrc||n;o._columnConfig.sTypeUrlSrc&&(d=i.processTemplate(d,null,o)),a&&(a=i.get(o.sTargetRecordIndex,a)||a),a=a||n;let c=o._columnConfig.sContentStyle||"";c+=r.bF(o._columnConfig.sContentWidth,c,!0);const h=`style="display:inline-block;${c}"`;return s?`<a href="${d}" target="${l}" ${h}><zg-icon name="${s}"></zg-icon></a>`:`<a href="${d}" target="${l}" ${h}>${a}</a>`})),u.registerRenderer(n.default.internalColumn.recordselector,(function(e,t,o){let r,i,a=void 0===o,s=a?this.oDOMZGColumn.widget:o.widget,l=this.sColumnId+s.randomKey;return t&&(r=t.querySelector("zg-checkbox")),i=!r||s.bPreloaded,r||(r=document.createElement("zg-checkbox"),a&&r.setAttribute("header",!0),r.setAttribute(n.default.attr.internalselector,""),r.setAttribute(n.default.zgLayout.attr,s.layoutManager.sCurrentType),r.setAttribute("parent",a?"head":"body")),r.setAttribute("name",l),i&&(r.on("statechanged",((e,t)=>{if(a){let e=document.querySelectorAll(`zg-row:not([hidden]) zg-checkbox[name="${l}"]`);for(let o=0;o<e.length;o++)e[o]!==r&&e[o].parentNode.assignedSlot&&!e[o].getAttribute("header")&&(e[o].checked===t||!t&&void 0===e[o].checked||(e[o].checked=t))}else{let e=o.sTargetRecordIndex,n=s.store.get(e);if(t)s.aSelectedRows[e]=n;else{delete s.aSelectedRows[e];let t=document.getElementsByName(l);for(let e=0;e<t.length;e++){const o=t[e];o.getAttribute("header")&&o.singleUncheck()}}s.updateCaption(),s.fire("rowselectionchanged",e,t)}})),s.on("rowdeselect",(()=>r.checked=!1)),s.on("pagechange",(()=>r.checked=!1)),s.on(n.default.event.pagesizechange,(()=>r.checked=!1)),s.on("layoutchange",(()=>r.checked=!1)),s.on("roworderchange",(()=>r.checked=!1)),s.store.on("removerecord",(()=>r.checked=!1)),s.store.on("duplicaterecord",(()=>r.checked=!1)),s.store.on("insertrecord",(()=>r.checked=!1))),r})),u.registerRenderer(n.default.internalColumn.recordeditor,(function(...e){const t=e[e.length-1],o=t.widget,r=t._columnConfig.sButtonBorder;if(!1===o.store.oDataRequest.updateOptions.row)return null;const i=document.createElement(n.default.zgButton.tagName);return i.action="editrecord",i.parentCell=t,i.disabled=o.batchEditor.isActive(),void 0!==r&&i.setAttribute(n.default.zgButton.forceBorderAttr,r),i})),u.registerRenderer(n.default.internalColumn.recordremover,(function(e,t,o){const r=o.widget,i=r.batchEditor,a=o._columnConfig.sButtonBorder;if(!1===r.store.oDataRequest.deleteOptions)return null;let s="removerecord";i.isActive()&&r.dirtyManager.isDirtyDelete(o.sTargetRecordIndex)&&(s="undoremoverecord");let l=document.createElement(n.default.zgButton.tagName);return l.action=s,l.parentCell=o,void 0!==a&&l.setAttribute(n.default.zgButton.forceBorderAttr,a),l})),u.registerRenderer(n.default.internalColumn.rownumber,(function(...e){const t=e[e.length-1],o=e[e.length-2],n=t.widget;if(o.parentNode&&"frozen"===o.parentNode.getAttribute("type"))return"";const r=n.getRowIndexByDataRowContainerIndex(t.nStartRowIndex),i=n.aRowMapping[r].nDataRowsBefore;return((void 0!==i?i:r)+1).toString()})),u.registerRenderer(n.default.internalColumn.rowgroup,(function(...e){const t=e[e.length-1],o=t.widget,r=t.sGroupRecordIndex,i=r.split(o.sNestedGroupDataSeparator).map((e=>e.trim())),a=i[i.length-1],l=t._columnConfig,d=l.oDOMRenderTemplate||l.body,c=l.fnGroupRenderer;let h=l.sDefaultDisplay||o.sDefaultDisplay;const u=o.groupbyManager,g=u.getGroupParent(r),p=u.getGroupCount(a,g),f=o.getRowIndexByDataRowContainerIndex(t.nStartRowIndex),m=o.aRowMapping[f],b=g[i[i.length-1]].open,v=a.replaceAll(n.default.global.replaceToken,o.sNestedGroupDataSeparator);let y,w,z,C,S="null"===a||""===a||"undefined"===a,x="";for(let e=1;e<i.length;e++)x+="&nbsp;&nbsp;&nbsp;&nbsp;";const M=document.createElement("div");M.setAttribute(n.default.zgCell.cellGroupAttr,""),M.innerHTML=x;const _=document.createElement(n.default.zgButton.tagName);_.action=b?"closerowgroup":"openrowgroup",M.appendChild(_),y=function(e,t,o,n){let r;if(e.bTypeGroupHideCount)r="";else if(t.oPageData){let e=s.default.get("pagination.pageOf",n);r=` (${`${t.oPageData.nTotalSeen} - ${t.oPageData.nMaxOnPage} ${e} ${t.oPageData.nTotal}`})`}else r=` (${o})`;return r}(l,m,p,o),(d||c)&&(z=u.calculateGroupData(t,p,a,v,g,m),C=u.calculateIndexData(t)),w=d?u.calculateTemplate(C,z,d):S&&h?`${h}${y}`:`${v}${y}`,c&&(w=function(e,t,o,n){let r=n.method.apply(n.scope,[e,t,o])||"";return r}(C,z,m,c));const k=document.createElement("span");return k.setAttribute(n.default.attr.internalspan,""),k.dir="ltr",k.innerHTML=w,(l.oDOMDetailsTemplate||l.fnDetailsRenderer)&&(k.style.cursor="pointer",k.style.color="blue",k.style.textDecoration="underline"),M.appendChild(k),M.innerHTML})),u.registerRenderer(n.default.internalColumn.recordinfo,(function(...e){const t=e[e.length-2],o=e[e.length-1],i=(r.String.formatCellData({args:e,cellDOM:t,cellSE:o}),o.widget);let a=o._columnConfig.cellTooltipIcon||i.oCellTooltip.cellTooltipIcon||"info";return this.ZGButton=document.createElement(n.default.zgIcon.tagName),this.ZGButton.setAttribute(n.default.attr.internalcell,""),this.ZGButton.name=a,this.ZGButton.parentCell=o,this.ZGButton})),u.registerRenderer(n.default.internalColumn.recordduplicate,(function(e,t,o){const r=o._columnConfig.sButtonBorder;let i=document.createElement(n.default.zgButton.tagName);return i.action="duplicaterecord",i.parentCell=o,void 0!==r&&i.setAttribute(n.default.zgButton.forceBorderAttr,r),i}));const g=u;var p=o(84233);const f={init(e,t){},onOpen(e,t,o){if(!("color"===e.sCellType))return o;const r=t.querySelector(`#${n.default.zgEditorRow.fieldLabelId}`);if(this.sStartValue=o.trim(),this.colorFormatter=new a({color:this.sStartValue}),this.sNewValue=this.colorFormatter.convertToHex(n.default.columnType.color.modes.hexLong),!t.querySelector("input")){const o=document.createElement("span"),i=o.cloneNode();i.classList.add(n.default.zgEditorRow.colorWrapClass);const a=o.cloneNode();a.classList.add(n.default.zgEditorRow.colorPickerClass),a.style.background=this.sNewValue,this.oPicker=a;const s=p.Z.createInput("color",t,e);s.value=this.sNewValue,s.addEventListener("change",m.bind(this));const l=o.cloneNode();l.classList.add(n.default.zgEditorRow.colorLabelClass),l.textContent=this.sNewValue,this.oLabel=l,this.oPicker.appendChild(s),i.appendChild(this.oPicker),i.appendChild(this.oLabel),r.appendChild(i),setTimeout((()=>s.click()))}},onClose(e){this.colorFormatter.modeTarget=this.colorFormatter.colorMode,this.colorFormatter.colorMode=n.default.columnType.color.modes.hexLong,this.colorFormatter.color=this.sNewValue;return this.colorFormatter.convertColor()}};function m(e){const t=e.target.value;this.oPicker.style.background=t,this.oLabel.textContent=t,this.oPicker.style.borderColor="#ffffff"===t?"#ebebeb":"transparent",this.sNewValue=t}const b={init(e,t){this.oDOMInput=p.Z.createInput("number",t,e)},onOpen:p.Z.onOpen,onClose:p.Z.onNumberClose},v={init(e,t){this.oDOMInput=p.Z.createInput("checkbox",t,e)},onOpen(e,t,o){t.querySelector("input").checked=o},onClose:e=>e.querySelector("input").checked},y={init(e,t){this.oDOMInput=p.Z.createInput("date",t,e)},onOpen(e,t,o){let n=t.querySelector("input"),r=l.kB(o),i=r.getMonth()+1;i<10&&(i="0"+i);let a=r.getDate();a<10&&(a="0"+a),n.value=r.getFullYear()+"-"+i+"-"+a},onClose:e=>e.querySelector("input").value,bCalculateWidth:!0};o(32816);const w={init(e,t){let o=e._columnConfig.aSelectOptions||e.widget.store.getUniqueDataByFieldIndex(e._columnConfig.sFieldIndex),n=e._columnConfig.bTypeSelectMultiple||!1,i=r.ZT(o);i.multiple=n,t.appendChild(i)},onOpen(e,t,o){let n=t.querySelector("select"),r=e._columnConfig.bTypeSelectMultiple||!1,i=[o=o?""+o:e._columnConfig.sTypeSelectDefaultValue||""];r&&(i=o.split(",").map((e=>e.trim())));for(var a=0;a<n.options.length;a++)n.options[a].selected=-1!==i.indexOf(n.options[a].value)},onClose(e){let t=e.querySelector("select"),o="";for(let e=0;e<t.options.length;e++)t.options[e].selected&&(o+=t.options[e].value+", ");return""!==o&&(o=o.slice(0,-2)),o}},z={init(e,t){},onOpen(e,t,o){const i=e.widget.randomKey,a=t.querySelector(`#${n.default.zgEditorRow.fieldLabelId}`);this.sStartValue=o?o.trim():"",this.sNewValue=this.sStartValue;const s=e._columnConfig.sTypeRadioOptions;if(!s)return this.sStartValue;const l=r.String.formatToArray(s);if(!l)return this.sStartValue;if(function(e){!e instanceof Array&&(e=[e]);const t=e.filter((e=>"object"==typeof e)).length;if(!t)return!1;if(e.length!==t)return!0;const o=e.filter((e=>"object"==typeof e&&e.name&&e.value));return e.length!==o.length}(l))return this.sStartValue;if(!t.querySelector('input[type="radio"]')){const e=document.createElement("span");e.classList.add(n.default.zgEditorRow.radioWrapClass);const t=document.createElement("label"),o=document.createElement("input");o.type="radio",o.name=this.sColumnId+i,l.forEach((r=>{const i="object"==typeof r,a=t.cloneNode(!0);a.classList.add(n.default.zgEditorRow.radioLabelClass);const s=`<span>${i?r.name:r}</span>`,l=o.cloneNode(!0);l.value=i?r.value:r,l.addEventListener("change",C.bind(this)),a.appendChild(l),a.insertAdjacentHTML("beforeend",s),e.appendChild(a)})),a.appendChild(e),this.oRadios=e.querySelectorAll('input[type="radio"]')}this.oRadios.forEach((e=>{e.value===this.sStartValue&&(e.checked=!0)}))},onClose(e){const t=e.querySelector("input"),o=t&&t.name||null,n=e.querySelector(`input[name="${o}"]:checked`);return o&&n?n.value:this.sNewValue}};function C(e){e.target.checked&&(this.sNewValue=e.target.value)}const S={init(e,t){let o=e._columnConfig.nTypeRangeMin||0,n=e._columnConfig.nTypeRangeMax||100,r=e._columnConfig.nTypeRangeStep||1;this.oDOMInput=p.Z.createInput("number",void 0,e),this.oDOMInput.min=o,this.oDOMInput.max=n,this.oDOMInput.step=r,t.appendChild(this.oDOMInput)},onOpen:p.Z.onOpen,onClose:p.Z.onNumberClose};var x=o(81102);const M={init(e,t){this.oDOMInput=p.Z.createInput("url",t,e)},onOpen:p.Z.onOpen,onClose:e=>e.querySelector("input").value};let _=new class{constructor(){this.oRegisteredEditor={}}registerEditor(e,t){this.oRegisteredEditor[e]=t}getEditor(e){return this.oRegisteredEditor[e]}};_.registerEditor("color",f),_.registerEditor("number",b),_.registerEditor("boolean",v),_.registerEditor("date",y),_.registerEditor("select",w),_.registerEditor("radio",z),_.registerEditor("range",S),_.registerEditor("input",x.Z),_.registerEditor("url",M);const k=_,R={validator:(e,t)=>!isNaN(e),message:(e,t,o)=>`'${t}' field must be set to a valid number.`},D={validator(e,t){const o=t._columnConfig.nTypeRangeMin||0,n=t._columnConfig.nTypeRangeMax||100;let r=isNaN(e);return r||!1===o||(r=e<o),r||!1===n||(r=e>n),!r},message(e,t,o,n){const r=n._columnConfig,i=r.nTypeRangeMin||0,a=r.nTypeRangeMax||100;let s;return isNaN(e)&&(s=`'${t}' field must be set to a valid number.`),!s&&!1!==i&&e<i&&(s=`'${t}' field must be greater than ${i}.`),!s&&!1!==a&&e>a&&(s=`'${t}' field must be less than ${a}.`),s}},E={validator(e,t){let o=!1;try{let t;t=parseInt(e,10)==e?parseInt(e,10):e;const o=new Date(t);new Intl.DateTimeFormat("en-US").format(o)}catch(e){o=!0}return!o},message:(e,t,o,n)=>`'${t}' field must be set to a valid date.`},O={validator(e,t){try{if(new URL(e))return!0}catch(e){return!1}},message:(e,t,o,n)=>`'${t}' field must be set to a valid URL.`},T={validator(e,t,o){const n=o.querySelector("input");return n&&"email"===n.type?n.validity.valid:/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)},message:(e,t,o,n)=>`'${t}' field must be set to a valid email address.`};let A=new class{constructor(){this.oRegisteredValidator={}}registerValidator(e,t){this.oRegisteredValidator[e]=t}getValidator(e){return this.oRegisteredValidator[e]}};A.registerValidator("number",R),A.registerValidator("range",D),A.registerValidator("date",E),A.registerValidator("url",O),A.registerValidator("email",T);const I=A;var L=o(2070);const F={createInput(e){let t=document.createElement("input");return t.type=e,t.autoComplete="off",t.ariaInvalid=!1,t.style.width="1px",t}},N={init(){return this.oDOMInput=F.createInput("text"),this.appendChild(this.oDOMInput)},value(){return this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.value},setValue(e){this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.value=e},triggerEvent:"keyup"},B={init(){return this.oDOMInput=F.createInput("number"),this.appendChild(this.oDOMInput)},value(){return this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.value},setValue(e){this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.value=e},triggerEvent:"keyup,mouseup"},G={init(){let e=this.oColumnMapping.aSelectOptions||this.widget.store.getUniqueDataByFieldIndex(this.oColumnMapping.sFieldIndex);return this.oDOMSelect=r.ZT(e,!0),this.appendChild(this.oDOMSelect)},value(){return this.oDOMSelect=this.oDOMSelect||this.querySelector("select"),this.oDOMSelect.options[this.oDOMSelect.selectedIndex].value},setValue(e){this.oDOMSelect=this.oDOMSelect||this.querySelector("select");for(var t=0;t<this.oDOMSelect.options.length;t++)if(this.oDOMSelect.options[t].value===e||this.oDOMSelect.options[t].text===e){this.oDOMSelect.selectedIndex=t;break}},triggerEvent:"change",operationType:"matchList"},H={init(){return this.oDOMInput=F.createInput("checkbox"),this.oDOMInput.indeterminate=!0,this.oDOMInput.setAttribute("indeterminate",!0),this.oDOMInput.addEventListener("click",P),this.appendChild(this.oDOMInput)},value(){return this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.indeterminate?"":this.oDOMInput.checked},setValue(e){this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.checked=e,this.oDOMInput.indeterminate=!1,this.oDOMInput.setAttribute("inderterminate",!1)},triggerEvent:"change",operationType:"boolMatch"};let P=function(e){let t=e.target,o=!t.checked,n=e.target.getAttribute("indeterminate");!1===o&&"false"===n&&(t.checked=!1,t.indeterminate=!0),t.setAttribute("indeterminate",t.indeterminate)};let Z=new class{constructor(){this.oRegisteredFilter={}}registerFilter(e,t){this.oRegisteredFilter[e]=t}getFilter(e){return this.oRegisteredFilter[e]}};Z.registerFilter("text",N),Z.registerFilter("boolean",H),Z.registerFilter("select",G),Z.registerFilter("number",B);const U=Z;let W=new class{constructor(){this.oRegisteredCellType={}}getCellType(e,t,o){let n;return n=this.oRegisteredCellType[e]||o?this.oRegisteredCellType[e]:this.oRegisteredCellType.text,t&&n?n[t]:n}getEditor(e,t){let o=k.getEditor(e);return o||(o=W.getCellType(e,"editor",t)),o}getValidator(e){return I.getValidator(e)}getSorter(e){return L.Z.getSorter(e)}getRenderer(e){return g.getRenderer(e)}getFilter(e){return U.getFilter(e)}registerCellType(e,t={}){const o={editor:k.getEditor("input"),parser:null,renderer:g.getRenderer("text"),validator:null,sorter:L.Z.getSorter("text"),intlSorter:L.Z.getSorter("intl"),filter:U.getFilter("text")};for(let e in t)o[e]=t[e];this.oRegisteredCellType[e]=o}},V={editor:k.getEditor("number"),renderer:g.getRenderer("number"),validator:I.getValidator("number"),sorter:L.Z.getSorter("number"),intlSorter:null,filter:U.getFilter("number")};W.registerCellType("element",{renderer:g.getRenderer("element")}),W.registerCellType("iframe",{renderer:g.getRenderer("iframe"),validator:I.getValidator("url")}),W.registerCellType("icon",{renderer:g.getRenderer("icon")}),W.registerCellType("image",{renderer:g.getRenderer("image"),validator:I.getValidator("url")}),W.registerCellType("image-mask",{renderer:g.getRenderer("image-mask")}),W.registerCellType("url",{renderer:g.getRenderer("url"),editor:k.getEditor("url"),validator:I.getValidator("url")}),W.registerCellType("boolean",{editor:k.getEditor("boolean"),renderer:g.getRenderer("boolean"),sorter:L.Z.getSorter("boolean"),intlSorter:null,filter:U.getFilter("boolean")}),W.registerCellType("date",{renderer:g.getRenderer("date"),editor:k.getEditor("date"),sorter:L.Z.getSorter("date"),validator:I.getValidator("date"),intlSorter:null}),W.registerCellType("number",V),W.registerCellType("text"),W.registerCellType("aggregate",{renderer:g.getRenderer("aggregate"),sorter:!1,editor:!1}),W.registerCellType("button",{renderer:g.getRenderer("button"),editor:!1}),W.registerCellType("checkbox",{renderer:g.getRenderer("checkbox"),sorter:L.Z.getSorter("boolean"),editor:!1}),W.registerCellType("code",{renderer:g.getRenderer("code")}),W.registerCellType("color",{renderer:g.getRenderer("color"),editor:k.getEditor("color")});let $=r.c7.copy(V);$.renderer=g.getRenderer("currency"),W.registerCellType("currency",$),W.registerCellType("email",{validator:I.getValidator("email"),renderer:g.getRenderer("email")}),W.registerCellType("password",{renderer:g.getRenderer("password")}),W.registerCellType("gravatar",{renderer:g.getRenderer("image"),editor:!1});let j=r.c7.copy(V);j.renderer=g.getRenderer("percentage"),W.registerCellType("percentage",j),W.registerCellType("radio",{renderer:g.getRenderer("key"),editor:k.getEditor("radio")}),W.registerCellType("range",{renderer:g.getRenderer("number"),editor:k.getEditor("range"),validator:I.getValidator("range")}),W.registerCellType("select",{editor:k.getEditor("select"),filter:U.getFilter("select"),renderer:g.getRenderer("key")}),W.registerCellType("tel"),W.registerCellType("toggle",{renderer:g.getRenderer("toggle"),editor:!1}),W.registerCellType(n.default.internalColumn.recordeditor,{editor:null,renderer:g.getRenderer(n.default.internalColumn.recordeditor),sorter:null,intlSorter:null,filter:null}),W.registerCellType(n.default.internalColumn.recordremover,{editor:null,renderer:g.getRenderer(n.default.internalColumn.recordremover),sorter:null,intlSorter:null,filter:null}),W.registerCellType(n.default.internalColumn.recordduplicate,{editor:null,renderer:g.getRenderer(n.default.internalColumn.recordduplicate),sorter:null,intlSorter:null,filter:null}),W.registerCellType(n.default.internalColumn.recordselector,{editor:null,renderer:g.getRenderer(n.default.internalColumn.recordselector),sorter:null,intlSorter:null,filter:null}),W.registerCellType(n.default.internalColumn.rownumber,{editor:null,renderer:g.getRenderer(n.default.internalColumn.rownumber),sorter:null,intlSorter:null,filter:null}),W.registerCellType(n.default.internalColumn.rowgroup,{editor:null,renderer:g.getRenderer(n.default.internalColumn.rowgroup)}),W.registerCellType(n.default.internalColumn.recordinfo,{editor:null,renderer:g.getRenderer(n.default.internalColumn.recordinfo),sorter:null,intlSorter:null,filter:null});const q=W},84233:(e,t,o)=>{"use strict";o.d(t,{Z:()=>n});const n={onOpen(e,t,o){let n=t.querySelector("input");o||(o=t.value||""),n.value=String(o)},onNumberClose(e){let t=e.querySelector("input").value,o=window.parseFloat(t);return isNaN(o)&&(o=t),o},createInput(e,t,o){let n=document.createElement("input");return n.type=e,n.autoComplete="off",n.ariaInvalid=!1,o&&(n.name=o.sTargetFieldIndex),t&&t.appendChild(n),n}}},81102:(e,t,o)=>{"use strict";o.d(t,{Z:()=>r});var n=o(84233);const r={init(e,t){let o=e._columnConfig.sEditorType||e.sCellType,r="text";-1!==["tel","email","password","url"].indexOf(o)&&(r=o),this.oDOMInput=n.Z.createInput(r,t,e)},onOpen:n.Z.onOpen,onClose:e=>e.querySelector("input").value}},2070:(e,t,o)=>{"use strict";function n(e){let t=e;return"string"==typeof e&&(t=new Date(e.toString().replace(/-/g,"/")),t instanceof Date&&isFinite(t)||(t=new Date(e))),t}o.d(t,{Z:()=>a});const r=Intl.Collator().compare;let i=new class{constructor(){this.oRegisteredSorter={}}registerSorter(e,t){this.oRegisteredSorter[e]=t}getSorter(e){return this.oRegisteredSorter[e]}};i.registerSorter("number",(function(e,t){return e-t})),i.registerSorter("text",(function(e,t){return"number"==typeof e&&"number"==typeof t||(e=e?e.toString():"",t=t?t.toString():""),e>=t?1:-1})),i.registerSorter("intl",r),i.registerSorter("date",(function(e,t){return n(e)-n(t)})),i.registerSorter("boolean",(function(e,t){return e.toString()>=t.toString()?1:-1}));const a=i},697:(e,t,o)=>{"use strict";o.d(t,{Z:()=>s});var n=o(45092),r=o(32816),i=o(38419);class a extends HTMLElement{constructor(){super(),this.bReady=!1,this.init()}init(e,t,o,r,i,a){n.uQ(this,e,o,t,i,a),this.oAcceptedProperty=r,this.sTagName=e,this._oShadowRoot=this.shadowRoot||this._oShadowRoot,this.P=this.A=!1,this.watchProperty()}connectedCallback(){const e=this._getHostContext();this.bRemoved=!1,e&&(this.webcomponent=e.webcomponent,this.webcomponent.bReady?(this.bHasChildNode=!!this.childNodes&&[...this.childNodes].filter((e=>1===e.nodeType)).length,this.ready()):this.webcomponent.on("childrenready",(()=>{this.bRemoved||this.bCancelChildrenReady||(this.bHasChildNode=!!this.childNodes&&[...this.childNodes].filter((e=>1===e.nodeType)).length,this.ready()),this.bCancelChildrenReady=!1})))}ready(){this.render(),this.ons(),this.bReady=!0,this.fire("ready")}disconnectedCallback(){this.uns(),this.widget&&this.widget.bDisconnect&&(this.bRemoved=!0,this.bCancelChildrenReady=!0,this.webcomponent=null,this.widget=null,this.ZG=null,this._oShadowRoot=null,this.destroy())}attributeChangedCallback(e,t,o){this._attributeHandler(e,t,o)}watchProperty(){let{oAcceptedProperty:e}=this;for(let t in e)if(e.hasOwnProperty(t)){if(window.ShadyDOM&&"slot"===t)continue;this._watch(t,this._propertyHandler)}}render(){}ons(){}uns(){}cleanElements(e){for(let t=0;t<e.length;t++)this.cleanElement(e[t])}cleanElement(e){let t=this[e];t&&(t.dom&&(t=t.dom),t.innerHTML="",t.remove(),this[e]=null)}paint(){}_attributeHandler(e,t,o){if(this.P)return void(this.P=!1);this.A=!0;let r,i=this.oAcceptedProperty,a=n.String.dashToCamelCase(e.toLocaleLowerCase()),s=o;if(i&&a in i&&i.hasOwnProperty(a)){let t=i[a];switch(t.type){case Boolean:r=null==o?null:"";break;case Object:case Array:if(""===o)r=[];else if(null==o)r=null;else if(n.kJ(o)||n.Kn(o))r=o;else try{o=o.replace(/\n/g,""),r=JSON.parse(o)}catch(t){const o=`Error: There was an issue with [${e}]'s value:\n${t}`;console.error(`Uncaught ${o}`);const n={icon:"error",state:"error",msg:o};setTimeout((()=>{this.widget&&this.widget.statusManager&&this.widget.statusManager.setStatus(n)}),0)}finally{n.kJ(r)||t.type!==Array||(r=[r])}break;case Number:null==o?r=null:(r=t.bKeepDecimal?parseFloat(o):parseInt(o,10),isNaN(r)||(r+=""));break;default:r=o,!t.sBooleanDefault||""!==o&&"true"!==o||(r=t.sBooleanDefault)}if(r!==s&&!isNaN(r)&&t.type!==Array&&t.type!==Object)return void this._setAttribute(e,r);t.type===Boolean&&(r=null!=o),(r!==this[a]||t.bSetProperty)&&(this[a]=r),this.A=!1}}_getHostContext(){let e,t,o,n=this;for(;n;){if(9===n.nodeType){t=n,n=null;break}if(11!=n.nodeType&&"[object ShadowRoot]"!==n.toString()||(t=n,n=n.host),"zing-grid"===n.tagName.toLowerCase())break;n=n.parentNode}if(e=n,!n){let t=null;o,t&&(e=t.widget)}return e?e.widget:null}_hide(){this.setAttribute(i.default.attr.hidden,"")}_propertyHandler(e,t,o){if(this.bRemoved)return;if(this.A)return this.updateBindings(e,t,o),this.A=!1,o;this.P=!0;let r,i=this.oAcceptedProperty[e];switch(i.type){case Boolean:r=Boolean(o);break;case Number:r=null==o||!1===o?null:i.bKeepDecimal?parseFloat(o):parseInt(o,10);break;case Object:case Array:if(""===o)r=[];else if(null==o||0==o)r=null;else if(n.kJ(o)||n.Kn(o))r=o;else try{r=JSON.parse(o)}catch(e){r=JSON.parse('["'+o+'"]')}finally{n.kJ(r)||(r=[r])}break;case String:r=i.bCanBeObject&&"object"==typeof o?o:!i.sBooleanDefault||!0!==o&&""!==o?o?String(o):null:i.sBooleanDefault;break;default:r=o}if(i.bReflectToAttribute&&!i.bOneWaySync){let t=n.String.camelCaseToDash(e),a=r;i.type===Boolean?a=r?"":null:!i.bReflectBoolean||!0!==o&&""!==o||(a=i.sBooleanDefault),null!==a?this._setAttribute(t,a):this._removeAttribute(t)}return this.P=!1,i.bThrowEvent&&setImmediate((()=>{this.widget&&!this.widget.bDisconnect&&this.widget.emitEvent(e+"Change")})),this.updateBindings(e,t,r),r}updateBindings(e,t,o){(e===i.default.attr.action||e===i.default.attr.value&&this.sTagName===i.default.zgText.tagName)&&this.widget&&t!=o&&this._updateBinding(this.widget,this.widget,t,o),"widget"===e&&t!=o&&this.action?this._updateBinding(t,o,this.action,this.action):"widget"===e&&t!=o&&this.value&&this.sTagName===i.default.zgText.tagName&&this._updateBinding(t,o,this.value,this.value)}_show(){this.removeAttribute(i.default.attr.hidden)}togglePseudoClass(e){if(e.type&&e.oDOMTarget)switch(e.type){case"mousedown":e.oDOMTarget.classList.add(i.default.attr.active);break;case"mouseup":e.oDOMTarget.classList.remove(i.default.attr.active);break;case"mouseleave":e.oDOMTarget.classList.remove(i.default.attr.hover);break;default:e.oDOMTarget.classList.add(i.default.attr.hover)}}_watch(e,t){let o=this[e],n=o;Object.defineProperty(this,e,{get:()=>n,set:r=>{if(this.bRemoved)return;(r=>{r=t.call(this,e,n,r),o=n,n=r})(r),this.widget&&this.widget.bNeedUpdate&&(this.widget.bNeedUpdate=!1,this.widget.update())},enumerable:!0,configurable:!0})}static getObservedAtts(e){return Object.keys(e).filter((t=>e[t].bReflectToAttribute)).map((e=>n.String.camelCaseToDash(e)))}static _registerElement(e,t){let o=window.customElements;o.get(e)||o.define(e,t)}}for(let e of Object.getOwnPropertyNames(r.Z.prototype))(e=>{a.prototype[e]=function(...t){return r.Z.prototype[e].call(this,...t)}})(e);a.prototype.constructor=a,a.prototype.getDOM=function(){return this};const s=a},31246:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(42259),i=o.n(r),a=o(49977),s=o.n(a),l=o(38419);const d=l.default.batchEdit.tagName,c={};class h extends n.Z{init(){super.init(d,s(),i(),c)}ready(){super.ready(),this.setAttribute(l.default.attr.hidden,"")}}n.Z._registerElement(d,h);const u=h},21960:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(97679),i=o.n(r),a=o(93528),s=o.n(a),l=o(38419);const d={},c=l.default.zgBody.tagName;class h extends n.Z{init(){super.init(c,s(),i(),d)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.setAttribute(l.default.attr.role,"rowgroup"),this.ZG.layout&&this.ZG.layout.length&&this.setAttribute(l.default.zgLayout.attr,this.ZG.layout),this.widget.hasCardTemplate()&&this.ZG.getAttribute(l.default.zgLayout.attr)===l.default.zgLayout.typeCard&&this.setAttribute(l.default.zgLayout.cardTplAttr,"")}disconnectedCallback(){super.disconnectedCallback()}}n.Z._registerElement(c,h);const u=h},61245:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>b});var n=o(697),r=o(8719),i=o.n(r),a=o(36932),s=o.n(a),l=o(38419),d=o(56919),c=o(45092),h=o(32260);const u=l.default.zgButton.tagName,g=c.SV(i(),s()),p={forceBorder:{bReflectToAttribute:!0,type:String},customDisabled:{bReflectToAttribute:!0,type:String},disabled:{bReflectToAttribute:!0,type:Boolean},handler:{bReflectToAttribute:!0,type:Function},icon:{bReflectToAttribute:!0,type:String},action:{bReflectToAttribute:!0,type:String},pageIndex:{bReflectToAttribute:!0,type:Number},customTooltip:{bReflectToAttribute:!0,type:String},widget:{}},f=n.Z.getObservedAtts(p);class m extends n.Z{init(){super.init(u,s(),i(),p,g),this.setupRefs()}ready(){super.ready();let e=this._getHostContext();this.ZG=e.webcomponent,this.setupRefs(),this.parentNode&&(this.bInMenu=this.parentNode.tagName.toLowerCase()===l.default.zgMenuItem.tagName),this.getAttribute(l.default.attr.role)||this.setAttribute(l.default.attr.role,"button"),this.action&&(this.action=this.action.toLowerCase()),requestAnimationFrame((()=>this.hookupButton(this.action))),this.handler&&this.setCustomHandler(this.handler),void 0!==this.customDisabled&&(this.disabled=this.getDisabledStatus(this.customDisabled,e)),this.postRenderOns(),this.widget&&this.widget===e&&this._updateBinding(this.widget,this.widget,this.action,this.action),this.widget=e}setupRefs(){this.oCheckbox||(this.oCheckbox=document.createElement(l.default.zgCheckbox.tagName),this.oIcon=document.createElement(l.default.zgIcon.tagName),this.oLabel=document.createElement("span"),this.oLabel.classList.add("label"),this.parentCell=null)}hookupButton(e){if(!this.oIcon)return;const t=this.textContent.length>0;t&&this.setAttribute(l.default.zgButton.hasTextAttr,"");const o=e===l.default.zgButton.action.checkbox,n=this.querySelector(`[slot="${l.default.zgButton.slot.checkbox}"]`),r=this.querySelector(`[slot="${l.default.zgButton.slot.icon}"]`),i=this.querySelector(`[slot="${l.default.zgButton.slot.label}"]`),a=!!e&&this.childNodes.length>0;if(!this.icon&&!o&&t&&!a&&!n&&!r&&!i)return;this.oIcon.getAttribute("name")||!e&&!this.icon||this.oIcon.setAttribute("name",e||this.icon),this.bInCaption&&e&&this.oIcon.setAttribute(l.default.attr.internalcaption,"");const s=this.getAttribute(l.default.attr.type);s&&this.oIcon.setAttribute(l.default.attr.type,s),a&&(this.oLabel.innerHTML=this._addMarkupToLabel()),this.oCheckbox=n||this.oCheckbox,this.oIcon=r||this.oIcon,this.oLabel=i||this.oLabel,this.oCheckbox.slot=l.default.zgButton.action.checkbox,this.oIcon.slot=l.default.zgButton.slot.icon,this.oLabel.slot=l.default.zgButton.slot.label,this.appendChild(this.oIcon),this.appendChild(this.oCheckbox),this.appendChild(this.oLabel),this._toggleElements(e),this.oDOMRow=c.MV(this,l.default.zgRow.tagName),this.bInCaption=c.MV(this,l.default.zgCaption.tagName),(this.bInCaption||c.MV(this,l.default.zgFooter.tagName))&&this.setTabIndex({allowed:!this.disabled}),this.oDOMRow&&this.setAttribute(l.default.attr.internalcell,"")}postRenderOns(){this.on("mouseenter",this.togglePseudoClass,this,{},!1),this.on("mouseleave",this.togglePseudoClass,this,{},!1),this.on("mousedown",this.togglePseudoClass,this,{},!1),this.on("mouseup",this.togglePseudoClass,this,{},!1),this.on("mousedown",this.onMouseDown,this,{},!1),this.on("focus",this.onFocus,this,{},!1),this.on("blur",this.onBlur,this),this.on("keydown",this.onKeyDown,this,{},!1)}onBlur(e,t){this.classList.remove(l.default.zgButton.aria.focus),this.bMouseDown=!1}onFocus(e,t){e.stopEvent(),this.bMouseDown||this.classList.add(l.default.zgButton.aria.focus)}onKeyDown(e,t){e.nCharCode!==e.ENTER&&e.nCharCode!==e.SPACE||(e.preventDefault(),this.bMouseDown=!1,this.click())}onMouseDown(e,t){e.stopEvent(),"fixedmenu"!==this.action&&this.widget.focusManager.unfocusCells(),this.classList.remove(l.default.zgButton.aria.focus),this.bMouseDown=!0}changePagerButton(e,t){e.includes(t)?this._disable():this._enable()}getPageIndex(){let e=parseInt(this.getAttribute("page-index"),10);return isNaN(e)?(e=parseInt(this.innerText,10),isNaN(e)?null:e-1):e}_updatePageIndex(e){e===this.getPageIndex()?(this.setAttribute(l.default.zgPager.currentPageAttr,""),this._disable()):(this.removeAttribute(l.default.zgPager.currentPageAttr),this._enable())}notifyWidget(e,t){let o=this.action;const n=this.widget;let r=n.menuManager.activeCell,i=n.menuManager.activeHeader,a=n.menuManager.activeColumn;const s=n.selectorEngineManager;let d,h=null;const u=n.selector.se,g=n.batchEditor,p=n.dirtyManager;if(e.preventDefault(),e.stopPropagation(),!this._isDisabled()&&!this.hasAttribute(l.default.attr.active))switch(n.menuManager.activeMenu&&n.menuManager.closeMenu(),o){case"batchedit":g.activate(!this.bMouseDown);break;case"batcheditcancel":g.cancelBatchEdit(!this.bMouseDown);break;case"batcheditsave":n.batchEditor.save(!this.bMouseDown);break;case"cancelrecord":d=c.MV(this,l.default.zgCell.tagName),n.recordEditor.cancelOpenEdit(),d&&n.webcomponent.select(d.parentNode.dataRowIndex,d.cellIndex);break;case"checkbox":this.oCheckbox.checked=!this.oCheckbox.checked;break;case"closerowgroup":d=c.MV(this,l.default.zgCell.tagName),d&&(r=s.$cell(d),r.sGroupRecordIndex&&n.groupbyManager.toggleGroup(r,!1));break;case"copycell":r&&n.clipper.onKeyCtrlCDocument(r);break;case"createrecord":void 0!==r&&r||(h=this.bInMenu?n.menuManager.oButton:this),n.editorManager.openInsertEditor(null,r,h);break;case"createrecordstart":this.bInMenu&&(h=n.menuManager.oButton),n.editorManager.openInsertEditor("start",void 0,h);break;case"createrecordend":this.bInMenu&&(h=n.menuManager.oButton),n.editorManager.openInsertEditor("end",void 0,h);break;case"deselect":n.bHasSelectorEnabled&&n.selector.deSelectAll();break;case"duplicaterecord":let t;if(this.parentCell)t=this.parentCell.sTargetRecordIndex;else if(this.oDOMRow){t=u.row(this.oDOMRow).sTargetRecordIndex}else if(r){t=r.toRow().sTargetRecordIndex}t&&n.duplicateRecord(t);break;case"editcell":r&&n.editorManager.openEditor(r);break;case"editrecord":if(this.parentCell)n.editorManager.openEditor(this.parentCell.toRow(),void 0,this.parentCell);else if(this.oDOMRow){let e=u.row(this.oDOMRow);n.editorManager.openEditor(e)}break;case"editrow":n.editorManager.openEditor(r.toRow());break;case"firstpage":n.firstPage();break;case"fixedmenu":n.menuManager&&(n.menuManager.oButton=this,n.menuManager.openFixedMenu(e));break;case"freezecolumnleft":a&&a.oDOMZGColumn.setAttribute("frozen","left");break;case"freezecolumnright":a&&a.oDOMZGColumn.setAttribute("frozen","right");break;case"unfreezecolumn":a&&(a.oDOMZGColumn.frozen=null);break;case"hidecolumn":a&&a.oDOMZGColumn.setAttribute("hidden","");break;case"freezerowtop":r&&n.store.moveRow(r.sTargetRecordIndex,"top");break;case"freezerowbottom":r&&n.store.moveRow(r.sTargetRecordIndex,"bottom");break;case"unfreezerow":r&&n.store.moveRow(r.sTargetRecordIndex,"body");break;case"getselection":break;case"insertrecord":n.insertRow(),n.lastPage();break;case"lastpage":n.lastPage();break;case"layoutrow":case"layoutcard":n.layoutManager.layoutCtrlClick(this);break;case"menu":n.columnMenu&&(this.setAttribute(l.default.aria.expanded,"true"),n.columnMenu.oButton=this,n.columnMenu.openColumnMenu(e));break;case"openrowgroup":d=c.MV(this,l.default.zgCell.tagName),d&&(r=s.$cell(d),r.sGroupRecordIndex&&n.groupbyManager.toggleGroup(r,!0));break;case"page":const f=this.getPageIndex();null!==f&&n.setCurrPageIdx(f);break;case"nextpage":n.nextPage();break;case"pastecell":n.clipper.onKeyCtrlVDocument();break;case"prevpage":n.prevPage();break;case"undoremoverecord":if(this.parentCell)p.unsetDirtyDelete(this.parentCell.sTargetRecordIndex);else if(this.oDOMRow){let e=u.row(this.oDOMRow);p.unsetDirtyDelete(e.sTargetRecordIndex)}else if(r){let e=r.toRow();p.unsetDirtyDelete(e.sTargetRecordIndex)}break;case"removerecord":if(this.parentCell)n.removeRow(this.parentCell.sTargetRecordIndex);else if(n.aSelectedRows&&Object.keys(n.aSelectedRows).length)n.removeSelectedRows(this);else if(this.oDOMRow){let e=u.row(this.oDOMRow);n.removeRow(e.sTargetRecordIndex)}else if(r){let e=r.toRow();n.removeRow(e.sTargetRecordIndex)}break;case"reload":!n.store.isIncrementalLoad()&&n.oDOMSortedColumn&&n.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader&&n.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader.clearStyle(!0),n.stateManager.clearState(),n.updateInitialConfig(),n.store.reload();break;case"search":n.search&&n.search.searchBtnClickToggle(e);break;case"selectall":n.bHasSelectorEnabled&&u.selectAll().select();break;case"selectcell":case"selectrow":if(n.bHasSelectorEnabled&&r){let e=r.nStartRowIndex,t=r.nStartColumnIndex;"selectcell"===o?u.cell(e,t):u.initRange(e,0,e,this.widget.aColumnMapping.length-1),u.select()}break;case"sortcolumn":i&&i.onSort();break;case"submitrecord":d=c.MV(this,l.default.zgCell.tagName),n.recordEditor.onClickSubmit(void 0,u.cell(d));break;case"resetstate":this.widget.stateManager.clearState(!0);break;case"about":let m=n.menuManager&&n.menuManager.bFixed;if(this.ZG.oDOMDialog.setDialog("zg-version"),m){let e=()=>n.focusManager.focusGrid(!0);this.ZG.oDOMDialog.on("dialogConfirm",e,this)}}}updateInfo(e,t){t=t||this.action;const o=(e=e||this.widget).getCurrPageIdx(),n=e.getPageCount(),r=e.getPageSize(),i=e.store.getOriginRecordCount()||e.getRowCount(),a=["firstpage","prevpage"],s=["nextpage","lastpage"],l=e.store&&e.store.oDataFormat.bCursor,d=e.store.oDataFormat.bLoadByPages&&e.store.oDataFormat.bStartAtValue;this._toggleElements(t),(a.includes(t)||s.includes(t)||"page"===t)&&(l?"nextpage"==t?e.store.hasNextData()?this._enable():this._disable():"prevpage"==t&&(e.store.hasPrevData()?this._enable():this._disable()):d?"nextpage"===t?e.store.sStartAtValue?this._enable():this._disable():"prevpage"===t&&(0===o?this._disable():this._enable()):"page"===t?this._updatePageIndex(o):r>=i?this._disable():0===o?this.changePagerButton(a,t):o===n-1?this.changePagerButton(s,t):this._enable())}_addMarkupToLabel(){const e=this.querySelectorAll(`[slot="${l.default.zgButton.slot.checkbox}"]`),t=this.querySelectorAll(`[slot="${l.default.zgButton.slot.icon}"]`);e.forEach((e=>e.remove())),t.forEach((e=>e.remove()));const o=this.innerHTML;return this.innerHTML="",o}_disable(){this.disabled=!0}_enable(){this.disabled=!1}_isDisabled(){return this.disabled}setTabIndex({allowed:e}){-1===this.getAttribute(l.default.attr.tabindex)||this.hasAttribute(l.default.attr.datafocus)||(e?this.setAttribute(l.default.attr.tabindex,0):this.removeAttribute(l.default.attr.tabindex))}_toggleElements(e){e===l.default.zgButton.action.checkbox?this.oCheckbox.removeAttribute(l.default.attr.hidden):this.oCheckbox.setAttribute(l.default.attr.hidden,"")}_propertyHandler(e,t,o){if(o=super._propertyHandler(e,t,o),this.bReady)switch(e){case"action":o&&(o=o.toLowerCase()),this.oIcon&&this.oIcon.setAttribute("name",o),this.hookupButton(o);break;case"disabled":this.setTabIndex({allowed:!o}),o?this.setAttribute(l.default.aria.disabled,"true"):this.removeAttribute(l.default.aria.disabled);break;case"handler":this.setCustomHandler(o);break;case"icon":this.oIcon&&(o?this.oIcon.setAttribute("name",o):this.oIcon.removeAttribute("name"));break;case"pageIndex":const e=this.widget.getCurrPageIdx();this._updatePageIndex(e);break;case"customTooltip":const t=this.setTooltip(this.action,this.widget,o);this.setAria(this.action,t);break;case"customDisabled":this.disabled=this.getDisabledStatus(o,this.widget)}return o}_updateBinding(e,t,o,n){if(this.bReady&&(e&&o&&(this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnNotify&&this.fnUnNotify(),this.fnUnCustom&&this.fnUnCustom()),t)){let e=t.sComputedDir;switch(this.updateInfo(t,n),n){case"batchedit":case"batcheditcancel":case"batcheditsave":case"cancel":case"cancelrecord":case"checkbox":case"closerowgroup":case"copycell":case"createrecord":case"createrecordend":case"createrecordstart":case"deselect":case"duplicaterecord":case"editcell":case"editrecord":case"editrow":case"firstpage":case"fixedmenu":case"freezecolumnleft":case"freezecolumnright":case"unfreezecolumn":case"hidecolumn":case"freezerowtop":case"freezerowbottom":case"unfreezerow":case"getselection":case"insertrecord":case"layoutrow":case"layoutcard":case"lastpage":case"menu":case"page":case"nextpage":case"openrowgroup":case"pastecell":case"prevpage":case"reload":case"removerecord":case"undoremoverecord":case"search":case"selectall":case"selectcell":case"selectrow":case"sortcolumn":case"resetstate":case"submitrecord":case"about":this.setAttribute("dir",e),this.fnUnNotify=this.on("click",this.notifyWidget,this,{},!1),this.fnUnSubscribe=t.on(l.default.event.updated,this.updateInfo,this)}const o=this.setTooltip(n,t,this.customTooltip);this.setAria(n,o)}}setAria(e,t){t&&this.setAttribute(l.default.aria.label,t),"menu"!==e&&"fixedmenu"!==e||this.setAttribute(l.default.aria.hasPopup,"true")}setTooltip(e,t,o,n){if(!t)return;let r=e;const i=this.parentNode.tagName.toLowerCase();if(void 0===n&&(n=t.webcomponent.buttonTooltipDisabled),i===l.default.zgMenuItem.tagName)return;let a;if(a=i===l.default.zgControlBar.tagName,this.hasAttribute(l.default.zgButton.noTooltipAttr))return;let s,c,h="tooltip-right",u="tooltip-left";switch("rtl"===t.sComputedDir&&(h="tooltip-left",u="tooltip-right"),e){case"createrecord":case"createrecordstart":case"createrecordend":s="recordCreate";break;case"layoutcard":s="layoutCard";break;case"layoutrow":s="layoutRow";break;case"batchedit":case"batcheditsave":case"batcheditcancel":case"duplicaterecord":case"editrecord":case"firstpage":case"fixedmenu":case"lastpage":case"menu":case"nextpage":case"prevpage":case"reload":case"removerecord":case"undoremoverecord":case"search":case"openrowgroup":case"closerowgroup":s=e}switch(e){case"batchedit":case"batcheditsave":case"batcheditcancel":case"createrecord":case"createrecordstart":case"createrecordend":case"lastpage":case"nextpage":case"page":case"reload":case"openrowgroup":case"closerowgroup":c=h;break;default:c=u}a&&"editrecord"===e&&(c=h);const g=this.parentCell&&this.parentCell.bHasCellTooltip;if(this.parentCell&&0===this.parentCell.nStartColumnIndex&&(c=h),n||!s&&!o||g)this.removeAttribute("tooltip");else{r=o||d.default.get(`tooltip.${s}`,t,{element:this,attribute:"tooltip"}),this.setAttribute("tooltip",r),this.setAttribute(c,"");let e=c===h?u:h;this.removeAttribute(e)}return r}getDisabledStatus(e,t){let o,n,r,i=null,a=e;const s=this.parentCell?this.parentCell.dom():c.MV(this,l.default.zgCell.tagName);return null!==e&&(s&&(i=t.selectorEngineManager.$cell(s),n=i._columnConfig,r=i.record,o=n.fnTypeButtonDisabled),o||"string"!=typeof e||(o=h.Z.setUserFunction(null,e),n&&(n.fnTypeButtonDisabled=o)),o&&o.method?a=o.method.apply(o.scope,[r,i])||!1:(""===a?a=!0:i&&(a=t.store.processTemplate(a,null,i)),"true"===a?a=!0:"false"===a&&(a=!1)),a)}setCustomHandler(e){this.fnUnCustom&&this.fnUnCustom(),e?(this.fnHandler=h.Z.setUserFunction(null,e),this.fnUnCustom=this.on("click",this.launchCallback,this,{},!1)):this.fnHandler=null}launchCallback(){if(this.disabled||!this.handler)return;let e=this.fnHandler;if(e||(this.fnHandler=e=h.Z.setUserFunction(null,this.handler)),e&&e.method){const t=this.parentCell?this.parentCell.dom():c.MV(this,l.default.zgCell.tagName);let o=[];if(t){const e=this.widget.selectorEngineManager.$cell(t);o=[e.record,t,e]}e.method.apply(e.scope,o)}}uns(){this.un("mousedown",this.onMouseDown),this.un("focus",this.onFocus),this.un("blur",this.onBlur),this.un("keydown",this.onKeyDown),this.un("mouseenter",this.togglePseudoClass),this.un("mouseleave",this.togglePseudoClass),this.un("mousedown",this.togglePseudoClass),this.un("mouseup",this.togglePseudoClass),this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnNotify&&this.fnUnNotify(),this.fnUnCustom&&this.fnUnCustom()}disconnectedCallback(){super.disconnectedCallback(),this.oCheckbox=null,this.oIcon=null,this.oLabel=null,this.parentCell=null,this.oDOMRow=null}static get observedAttributes(){return f}}n.Z._registerElement(u,m);const b=m},32358:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>m});var n=o(697),r=o(3419),i=o.n(r),a=o(32937),s=o.n(a),l=o(34584),d=o(45092),c=o(38419);const h="enabled",u="zg-caption",g={align:{bReflectToAttribute:!0,type:String},position:{bReflectToAttribute:!0,type:String}},p=n.Z.getObservedAtts(g);class f extends n.Z{init(){super.init(u,s(),i(),g)}ready(){if(super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,!this.widget.bPreloaded){if("both"===this.getAttribute("position")&&(this.mirror=!0),this.mirror&&(this.bUpdatePosition=!0,this._createMirror(!0),this.bUpdatePosition=!1),!this.querySelector('zg-button[action="menu"]')&&!this.getAttribute("copy")){let e=`\n          <zg-button ${c.default.attr.datafocus} slot="tool" action="removerecord" hidden></zg-button>\n          <zg-search slot="tool" hidden></zg-search>\n          <zg-button ${c.default.attr.datafocus} slot="tool" action="fixedmenu" hidden></zg-button>\n          <zg-button ${c.default.attr.datafocus} slot="tool" action="menu" hidden></zg-button>\n        `,t=d.W2(e);this.appendChild(t)}this.parentNode===this.widget.webcomponent&&(this.ZG.oDOMCaption&&this.ZG.oDOMCaption!==this&&(this.ZG.oDOMCaption.remove(),this.ZG.oDOMCaption=this),this._attachPosition(this.position))}this.setIconColor(),null===this.getAttribute("copy")&&(this.oDOMColumnMenu=this.querySelector('zg-button[action="menu"]'),this.oDOMMenu=this.querySelector('zg-button[action="fixedmenu"]'),this.oDOMRemove=this.querySelector('zg-button[action="removerecord"]'),this.oDOMSearchButton=this.querySelector('zg-button[action="search"]'),this.oDOMSearch=this.querySelector("zg-search"),this.ZG._setSearch(this.widget.bHasSearchEnabled,!0),this.ZG._setColumnsControl(this.ZG.columnsControl,!0),this.toggleStaticMenu(l.T||this.widget.bHasStaticMenu),this.toggleColumnMenu(this.widget.layoutManager.getLayoutType())),d.CL(this)}setIconColor(){this.querySelectorAll(c.default.zgIcon.tagName).forEach((e=>{const t=e.parentNode;if(t){if(t.tagName.toLowerCase()===c.default.zgButton.tagName&&!t.hasAttribute("action"))return}e.setAttribute(c.default.attr.internalcaption,"")}))}showCaption(){const e=this.widget;return!e||e.bHasContextMenuEnabled||e.bHasStaticMenu||e.bHasSearchEnabled||e.bHasColumnsControl||e.bHasSelectorColumn||this._oShadowRoot.querySelector("slot").assignedNodes().length}toggleStaticMenu(e){return(this.widget.bHasContextMenuEnabled||this.widget.bHasStaticMenu)&&e?(this.oDOMMenu.classList.add(h),this.oDOMMenu.hidden=!1):e||(this.oDOMMenu.classList.remove(h),this.oDOMMenu.hidden=!0),this._oShadowRoot.querySelector("slot").assignedNodes().length}toggleColumnMenu(e){this.bReady&&this.ZG.columnsControl&&(e===c.default.zgLayout.typeCard&&this.widget.hasCardTemplate()?this.oDOMColumnMenu.hidden=!0:this.oDOMColumnMenu.hidden=!1)}changeText(e){if(this.bReady){let t,o=this._oShadowRoot.querySelector("slot").assignedNodes();o.length&&o.forEach((e=>this.removeChild(e))),e&&(t=document.createElement("div"),t.id="zg-caption-user-text",t.innerHTML=e,this.appendChild(t))}else this.on("ready",(()=>this.changeText(e)))}_attachPosition(e){if(e&&"bottom"===e){this.ZG.oDOMFooter.appendChild(this)}else{this.ZG.oDOMHeader.appendChild(this)}}_createMirror(e){if(!this.widget.oDOMCaptionMirror&&e){"bottom"===this.position&&(this.position="top");let e=this.cloneNode(!0);e.removeAttribute("mirror"),e.setAttribute("copy",""),e.setAttribute("position","bottom");let t=e.shadowRoot.querySelector(".zg-caption-toolbar");t&&t.parentNode.removeChild(t),this.widget.oDOMCaptionMirror=e,this.ZG.oDOMFooter.appendChild(e)}else this.widget.oDOMCaptionMirror&&!e&&this.widget.oDOMCaptionMirror&&(this.widget.oDOMCaptionMirror.parentNode.removeChild(this.widget.oDOMCaptionMirror),this.widget.oDOMCaptionMirror=null)}_propertyHandler(e,t,o){if(o=super._propertyHandler(e,t,o),this.bReady&&!this.bUpdatePosition&&"position"===e)this.mirror="both"===o,this._createMirror(this.mirror),this.mirror||this._attachPosition(o);return o}disconnectedCallback(){this.oDOMColumnMenu=null,this.oDOMMenu=null,this.oDOMRemove=null,this.oDOMSearchButton=null,this.oDOMSearch=null}static get observedAttributes(){return p}}n.Z._registerElement(u,f);const m=f},86009:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>m});var n=o(697),r=o(43147),i=o.n(r),a=o(95670),s=o.n(a),l=o(38419),d=o(45092),c=o(32260);const h=l.default.zgCard.tagName,u=d.SV(i(),s()),g={renderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},editor:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},rendererTemplate:{type:String,bReflectToAttribute:!0},editorTemplate:{type:String,bReflectToAttribute:!0}},p=n.Z.getObservedAtts(g);class f extends n.Z{init(){super.init(h,s(),i(),g,u)}ready(){if(super.ready(),this.widget=this._getHostContext(),"zing-grid"===this.parentNode.tagName.toLowerCase()){let e=this.widget.webcomponent;this.widget.oCard=this,this.setTemplateById(this.editorTemplate,!0),this.setTemplateById(this.rendererTemplate,!1),this.setCardTemplate(),this.setCardEditor(this.editor),e.bDefaultCols&&this.widget.oCardTemplate&&this.widget.layoutManager.setLayoutType(l.default.zgLayout.typeCard),this.setAttribute("hidden","")}else this.widget.webcomponent.layout&&this.widget.webcomponent.layout.length&&this.setAttribute(l.default.zgLayout.attr,this.widget.webcomponent.layout)}setCardTemplate(){if(this.querySelector("template")){this.querySelectorAll("template").forEach((e=>{e.getAttribute("type")===l.default.template.type.editor?this.widget.oCardEditTemplate=e:(this.widget.oCardTemplate=e,this.setWatcher(e))}))}else this.widget.oCardBody=this.innerHTML.trim()}setTemplateById(e,t){if(!e)return;let o=window[e]||document.getElementById(e);t?this.widget.oCardEditTemplate=o:this.widget.oCardTemplate=o}setCardEditor(e){null===e||!1===e||"false"===e?this.oEditor=!1:d.HD(e)?this.oEditor=c.Z.setUserFunction(null,e):e&&(this.oEditor={method:e,scope:null})}setWatcher(e){this.observer=new MutationObserver((e=>{this.widget.update()})),this.observer.observe(e.content,{childList:!0,subtree:!0})}_propertyHandler(e,t,o){if(o=super._propertyHandler(e,t,o),this.bReady)switch(e){case"editorTemplate":this.setTemplateById(o,!0);break;case"rendererTemplate":const e=this.widget.layoutManager;this.setTemplateById(o,!1),e.updateLayoutAttributes(e.getLayoutType(),!0),this.widget.update();break;case"editor":this.setCardEditor(o)}return o}disconnectedCallback(){super.disconnectedCallback(),this.oEditor=null,this.observer&&(this.observer.disconnect(),this.observer=null)}static get observedAttributes(){return p}}n.Z._registerElement(h,f);const m=f},10235:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(10761),i=o.n(r),a=o(92884),s=o.n(a),l=o(38419);o(45092),o(32816);const d="zg-cell-overflow",c={};class h extends n.Z{init(){super.init(d,s(),i(),c)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.currentCell=null,this.offsetCoords=null,this.currentTrigger=null,this.setAttribute(l.default.attr.hidden,"")}setPosition(e,t){const o=this.widget,n=this.ZG.getBoundingClientRect(),r=this.currentCell;let i=!1;const a=this.bCellAnchor;t&&!a&&(e=r.dom(),i=!0);const s=e.getBoundingClientRect(),l={left:s.left-n.left,top:s.top-n.top};if(i||(l.top+=s.height),t||a)i&&this.offsetCoords&&(l.top+=this.offsetCoords.top,l.left+=this.offsetCoords.left);else{const e=r.dom().getBoundingClientRect();this.offsetCoords={left:l.left+n.left-e.left,top:l.top+n.top-e.top}}if(a){const t=window.getComputedStyle(e).getPropertyValue("padding-left"),o=parseInt(t.replace(/px/,""));Number.isInteger(o)&&(l.left+=o)}if(t){const e=o.oDOMScroller.getBoundingClientRect(),t=e.top-n.top,r=t+e.height;if(l.top>r||l.top<t)return void(this.style.visibility="hidden");const i=o.oDOMMainScroll.getBoundingClientRect(),a=this.width||0;let s=o.mainGridTable.getScroll().left||0;if(l.left+=s,l.left+a>i.width||l.left<0)return void(this.style.visibility="hidden")}this.style.visibility="visible",this.style.top=l.top+"px",this.style.left=l.left+"px"}open(e,t,o){this.currentCell=o,this.currentTrigger=t,this.bCellAnchor=o.dom()==t,this.innerHTML="",this.appendChild(e),this.setPosition(t),this.removeAttribute(l.default.attr.hidden),this.width=this.getBoundingClientRect().width}close(){this.currentCell=null,this.currentTrigger=null,this.offsetCoords=null,this.innerHTML="",this.width=0,this.setAttribute(l.default.attr.hidden,"")}isOpen(){return!this.hasAttribute(l.default.attr.hidden)}uns(){this.fnUnClick&&this.fnUnClick()}disconnectedCallback(){super.disconnectedCallback(),this.currentCell=null,this.offsetCoords=null,this.currentTrigger=null}}n.Z._registerElement(d,h);const u=h},84699:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>m});var n=o(697),r=o(33581),i=o.n(r),a=o(29001),s=o.n(a),l=o(38419),d=o(45092);const c=l.default.zgCell.tagName;let h=i(),u=null;CSSStyleSheet&&CSSStyleSheet.prototype.replaceSync&&(u=new CSSStyleSheet,u.replaceSync(i()),h="");const g=d.SV(h,s()),p={};class f extends n.Z{init(){super.init(c,s(),h,p,g,u)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.getAttribute(l.default.attr.role)||this.setAttribute(l.default.attr.role,"gridcell");const e=d.Uh(this.ZG.getAttribute("layout"))?this.ZG.getAttribute("layout"):this.parentNode.getAttribute("layout");e&&e.length&&this.setAttribute(l.default.zgLayout.attr,e),"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl")}get cellIndex(){return this._index}set cellIndex(e){this._index=e}_setTooltip(e,t,o){const n=this.widget,r=n.tooltipManager;this.bIsInfoTooltip=e;const i=this.oTooltipOptions=r._getTooltipOptions("Cell",t,o),a=r._hasTooltip("Cell",i);t.bHasCellTooltip=a,null!==i.tooltipDelay||this.bIsInfoTooltip||(i.defaultTooltipDelay=1e3),this.bIsInfoTooltip||(this.oTooltipOptions.tooltipAction=l.default.zgTooltip.actionTypeHover),this.sTooltipContent&&this._resetTooltip();const s=this.querySelector("zg-button");if(a){s&&s.removeAttribute("tooltip");const o=this.querySelector(`[${l.default.zgCell.cellIndexAttr}]`);if(this.oTrigger=e?this.querySelector("zg-icon"):this,o){const o=i.tooltipType||"default";this.setAttribute(l.default.zgTooltip.typeAttr,o),this.sTooltipContent=r._getTooltipContent("Cell",this.oTooltipOptions);const n=t.bIsActivateOnClick=e&&this.oTooltipOptions.tooltipAction===l.default.zgTooltip.actionTypeClick;n?this.setAttribute(l.default.zgTooltip.actionAttr,l.default.zgTooltip.actionTypeClick):this.setAttribute(l.default.zgTooltip.actionAttr,l.default.zgTooltip.actionTypeHover),r._initTooltipTriggers(this.oTrigger,this,n)}}else s&&!n.webcomponent.buttonTooltipDisabled&&s.setTooltip(s.action,n,s.customTooltip)}_setTooltipPosition(){const e=this.oTooltipOptions,t=this.oTrigger.getBoundingClientRect(),o=this.ZG.getBoundingClientRect();this.ZG.oDOMTooltip;let n=null,r=t.left;const i=this.getAttribute("type")===l.default.internalColumn.rowgroup,a=window.getComputedStyle(this).getPropertyValue("padding-left"),s=parseInt(a.replace(/px/,"")),d="bottom"===e.tooltipPosition,c="right"===e.tooltipPosition,h="left"===e.tooltipPosition,u="top"===e.tooltipPosition||!e.tooltipPosition||!d&&!c&&!h;if((u||d)&&i){r=this.querySelector("span[internal-span]").getBoundingClientRect().left}const g={left:r-o.left,top:t.top-o.top},p=this.querySelector(`[${l.default.zgCell.cellIndexAttr}]`);let f=this.getAttribute(l.default.attr.align)||"left";if("rtl"===this.getAttribute("dir")&&"left"===f&&(f="right"),"center"===f||"right"===f){const e=p.getBoundingClientRect();g.left=e.left-o.left,h?g.left-=s:c&&(g.left+=e.width)}return this.bIsInfoTooltip||i||!u&&!d||"left"!==f||Number.isInteger(s)&&(g.left+=s),c&&"left"===f&&(this.bIsInfoTooltip?g.left+=t.width:(n=n||p.getBoundingClientRect().width,g.left+=s+n)),(c||h)&&(g.top+=t.height/2),d&&(g.top+=t.height),g}_resetTooltip(){this.sTooltipContent=null,this.fnUnMouseLeave&&(this.fnUnMouseLeave(),this.fnUnMouseEnter(),this.fnUnMouseEnter=null,this.fnUnMouseLeave=null),this.fnUnClick&&(this.fnUnClick(),this.fnUnClick=null)}disconnectedCallback(){super.disconnectedCallback(),this._resetTooltip(),this.oTooltipOptions=null,this.oTrigger=null}}n.Z._registerElement(c,f);const m=f},29234:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>f});var n=o(697),r=o(63185),i=o.n(r),a=o(59592),s=o.n(a),l=o(38419),d=o(45092);const c="zg-checkbox",h=d.SV(i(),s()),u={checked:{bReflectToAttribute:!0,type:Boolean}},g=n.Z.getObservedAtts(u);class p extends n.Z{init(){super.init(c,s(),i(),u,h),this.icon=document.createElement(l.default.zgIcon.tagName)}ready(){super.ready(),this.setAttribute(l.default.attr.action,"checkbox");let e=this.querySelector(l.default.zgIcon.tagName);e?this.icon=e:(this.icon||(this.icon=document.createElement(l.default.zgIcon.tagName)),this.icon.setAttribute("slot","zgicon"),this.appendChild(this.icon)),this.oTextSlot=this.shadowRoot.querySelector(".zg-checkbox-text slot"),this.startingText=null,this.selectedText=null,this.textContent.length>0&&(this.setAttribute(l.default.zgButton.hasTextAttr,""),this.startingText=this.textContent,this.hasAttribute(l.default.event.selected)&&(this.selectedText=this.getAttribute(l.default.event.selected))),this.icon.setAttribute("name","unchecked");const t=this.querySelectorAll("svg");t.length>1&&t[0].remove(),this.checked&&(this.noEvent=!0,this.toggleCheckbox(!0),this.noEvent=!1)}ons(){this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnKey&&this.fnUnKey(),this.fnUnSubscribe=this.on("click",(e=>this._toggleCheckedState(e)),this,null,!1),this.fnUnKey=this.on("keydown",this.onKeyDown,this,{},!1)}onKeyDown(e){e.nCharCode!==e.ENTER&&e.nCharCode!==e.SPACE||(e.preventDefault(),this.click())}singleUncheck(){this.noEvent=!0,this.checked=!1,this.noEvent=!1}toggleCheckboxWrapper(){this.checked=!this.checked}toggleCheckbox(e,t){this.toggleTO=setTimeout((()=>{this.toggleTO=null,this.icon&&(e?this.icon.setAttribute("name",l.default.event.checked):this.icon.setAttribute("name",l.default.event.unchecked))}),0),this.noEvent||e!==(t=t||!1)&&this.fire("statechanged",e)}_propertyHandler(e,t,o){if(o=super._propertyHandler(e,t,o),"checked"===e)this.toggleCheckbox(o,t);return o}_toggleCheckedState(e){e.stopEvent();let t=d.MV(this,l.default.zgButton.tagName);if((!t||"checkbox"!==t.action&&(t.action||!t._isDisabled()))&&(this.checked=!this.checked,this.selectedText)){this.oTextSlot.assignedNodes()[0].textContent=this.checked?this.selectedText:this.startingText}}disconnectedCallback(){super.disconnectedCallback(),this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnKey&&this.fnUnKey(),this.toggleTO&&(clearTimeout(this.toggleTO),this.toggleTO=null),this.icon=null,this.oTextSlot=null}static get observedAttributes(){return g}}n.Z._registerElement(c,p);const f=p},75392:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(35420),i=o.n(r),a=o(9872),s=o.n(a),l=o(38419);const d="zg-colgroup",c={};class h extends n.Z{init(){super.init(d,s(),i(),c)}ready(){super.ready();const e=this.widget=this._getHostContext(),t=e.webcomponent,o=t.querySelector("zg-colgroup:not([id])"),n=t.querySelector("zg-colgroup#gridcolgroup");if(o&&n){e.bUpdateColGroup=!0;const t=n.getAttribute(l.default.zgLayout.attr);n.remove(),t&&this.setAttribute(l.default.zgLayout.attr,t),e.resetColumns()}}rerender(){this.debounceRerender()}debounceRerender(){let e=this.latestTime=setTimeout((()=>{if(e===this.latestTime){const e=this.widget,t=e.webcomponent;if(!e)return;t.oDOMColgroup=this,e.mainColumnHeader.associateColGroup(this),e.associateColumns(void 0,!0),e.bUpdateColGroup=!1}}),100)}resetColgroup(){const e=this.widget,t=e.webcomponent;e.resetColumns(),e.updateDefaultColumnMapping(),t.oDOMColgroup=t.associateChild(l.default.zgColgroup.tagName,null,"gridcolgroup","gridcolgroup",!1),e.mainColumnHeader.associateColGroup(t.oDOMColgroup),e.updateDefaultColumnMapping(),e.associateColumns()}disconnectedCallback(){const e=this.widget;super.disconnectedCallback(),e&&!e.bDisconnect&&(e.bUpdateColGroup||"gridcolgroup"!==this.id&&this.id||this.resetColgroup())}}n.Z._registerElement(d,h);const u=h},589:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(9253),i=o.n(r),a=o(71454),s=o.n(a),l=o(32816),d=o(38419);const c="zg-column-resize",h={};class u extends n.Z{init(){super.init(c,s(),i(),h)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl")}ons(){this.on("dblclick",this.onDoubleClick,this,{},!1),this.on("mousedown",this.onResizeStart,this,{},!1),this.on("touchstart",this.onTouchStart,this,{},!1)}onResizeStart(e){this.onStartResizeCommon(e);const t=l.Z.get(document);t.on("mousemove",this.onResizeColumn,this,{},!1),t.on("mouseup",this.onResizeStopColumn,this,{},!1),this.bTouch=!1}onTouchStart(e){this.onStartResizeCommon(e),e.stopEvent();const t=l.Z.get(document);t.on("touchmove",this.onResizeColumn,this,{},!1),t.on("touchend",this.onResizeStopColumn,this,{},!1),this.bTouch=!0}onStartResizeCommon(e){return this.nMultiplier="rtl"===this.widget.sComputedDir?-1:1,this.nIndex=this.oHeadCell.nIndex,this.columnResizeTimeout&&clearTimeout(this.columnResizeTimeout),this.widget.bIsColumnResizeActive=!0,this.oGridCoords=this.oHeadCell.getBoundingClientRect(),this.xStart=this.oGridCoords.x,this.nColumnWidth=this.oGridCoords.width,this.xHandlerStart=e.oBrowserEvent.clientX,this.nAdjustedWidth=0,this.nOffset=3,this.ZG.setAttribute(d.default.zgColumnResize.attr,""),this.oHeadCell.parentNode.setAttribute(d.default.zgColumnResize.attr,""),!0}onResizeColumn(e){if(e.stopEvent(),this.bUpdating)return;const t=this.widget.updater,o=this.bTouch?e.oBrowserEvent.touches[0].clientX:e.oBrowserEvent.clientX,n=this.oColumn._oParsedColumnMapping;let r=(this.xHandlerStart-o)*this.nMultiplier,i=n.nCurrWidth-r;const a=i,s=this.getMinWidth();if(i<s){const e=s-i;i=s,r-=e}const l=n.nResizableMaxWidth||this.ZG.columnResizableMaxWidth;if(l&&(l>n.nCurrWidth||r<0)&&(i=Math.min(i,l)),i!==n.nCurrWidth){if(i!==a){const e=n.nCurrWidth-r-i;this.nOffset+=e}this.bUpdating=!0,this.xHandlerStart=o,n.nCurrWidth=i,this.nAdjustedWidth=n.nCurrWidth,this.cleanupResize(r),t.update({bUpdateColumnWidth:!0}),this.widget.recordEditor&&this.widget.recordEditor.onResize(),this.bUpdating=!1}}onResizeStopColumn(e){e&&e.stopEvent();const t=l.Z.get(document);t.docUn("mousemove",this.onResizeColumn,this),t.docUn("mouseup",this.onResizeStopColumn,this),t.docUn("touchmove",this.onResizeColumn,this),t.docUn("touchend",this.onResizeStopColumn,this),this.ZG.removeAttribute(d.default.zgColumnResize.attr),this.oHeadCell.parentNode.removeAttribute(d.default.zgColumnResize.attr),this.oColumn.width=this.nAdjustedWidth,this.widget.fire("columnresize",{column:this.oColumn,width:this.nAdjustedWidth}),this.columnResizeTimeout=setTimeout((()=>this.widget.bIsColumnResizeActive=!1),500)}onDoubleClick(e){e&&e.stopEvent();const t=this.widget.updater,o=this.oColumn,n=this.oColumn._oParsedColumnMapping,r=this.getMinWidth();let i=parseInt(o.getAttribute("min-calculated-width"),10)||null;i||(i=t.getTableFitContentWidth(this.nIndex)),i=Math.max(i,r);const a=n.nCurrWidth-i;this.bUpdating=!0,n.nCurrWidth=i,this.cleanupResize(a),this.removeAttribute("style"),o.width=i,t.update({bUpdateColumnWidth:!0}),this.bUpdating=!1}getMinWidth(){const e=this.oColumn._oParsedColumnMapping,t=e.sCellType;let o=e.nResizableMinWidth||this.ZG.columnResizableMinWidth||d.default.zgColumnResize.defaultMinWidth;return-1!==d.default.internalColumnTypes.indexOf(t)&&(o=Math.min(o,d.default.zgCell.actionCellSize)),o}cleanupResize(e){const t=this.widget.updater,o=t.nColumnsWidth>t.nInitialWidth,n=t.getLastVisibleColumn();if(null!==n&&n!==this.oColumn)if(o){if(e>0){const t=this.widget.oDOMMainScroll;if(t.offsetWidth+t.scrollLeft>=t.scrollWidth)n.nCurrWidth+=e;else{const t=parseInt(n.oDOMZGColumn.getAttribute("min-calculated-width"),10)||50;n.nCurrWidth-e>t&&(n.nCurrWidth-=e)}}}else if(e<0){const t=parseInt(n.oDOMZGColumn.getAttribute("min-calculated-width"),10)||50;n.nCurrWidth+e>t&&(n.nCurrWidth+=e)}else n.nCurrWidth+=e}disconnectedCallback(){super.disconnectedCallback(),this.oHeadCell=null,this.oColumn=null}}n.Z._registerElement(c,u);const g=u},31680:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>b});var n=o(697),r=o(21840),i=o.n(r),a=o(31869),s=o.n(a),l=o(45092),d=o(7673),c=o(38419),h=o(32260),u=(o(81102),o(56919));const g="zg-column",p={align:{bReflectToAttribute:!0,type:String,mapping:"sAlign"},arrayIndex:{bReflectToAttribute:!0,type:String,mapping:"sArrayIndex",bRefreshContent:!0},arraySlice:{bReflectToAttribute:!0,type:String,mapping:"sArraySlice",bRefreshContent:!0},buttonBorder:{bReflectToAttribute:!0,type:String,bRefreshContent:!0,mapping:"sButtonBorder"},cellBreak:{type:String,mapping:"sCellBreak",bReflectToAttribute:!0,bRefreshContentWidth:!0},cellClass:{bReflectToAttribute:!0,type:String,mapping:"sCellClass"},cellTooltipAction:{type:String,bReflectToAttribute:!0,mapping:"cellTooltipAction",bRefreshContent:!0},cellTooltipDelay:{type:Number,bReflectToAttribute:!0,mapping:"cellTooltipDelay",bRefreshContent:!0},cellTooltipIcon:{bReflectToAttribute:!0,type:String,mapping:"cellTooltipIcon",bRefreshContent:!0},cellTooltipPosition:{type:String,bReflectToAttribute:!0,mapping:"cellTooltipPosition",bRefreshContent:!0},cellTooltipRenderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},cellTooltipTemplate:{type:String,bReflectToAttribute:!0,bRefreshContent:!0},cellTooltipText:{type:String,bReflectToAttribute:!0,mapping:"cellTooltipText",bRefreshContent:!0},cellTooltipType:{type:String,bReflectToAttribute:!0,mapping:"cellTooltipType",bRefreshContent:!0},contentStyle:{bReflectToAttribute:!0,type:String,mapping:"sContentStyle",bRefreshContent:!0},contentWidth:{bReflectToAttribute:!0,type:String,mapping:"sContentWidth",bRefreshContentWidth:!0},defaultDisplay:{type:String,bReflectToAttribute:!0,mapping:"sDefaultDisplay"},detailsRenderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},detailsTemplate:{type:String,bReflectToAttribute:!0},drag:{type:String,bReflectToAttribute:!0,mapping:"sDrag"},editor:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},editorTemplate:{type:String,bReflectToAttribute:!0},filter:{bReflectToAttribute:!0,type:String},filterIndex:{bReflectToAttribute:!0,type:String,mapping:"sFilterIndex"},filterKey:{bReflectToAttribute:!0,type:String,mapping:"sFilterKey"},filterer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},frozen:{type:String,bReflectToAttribute:!0,sBooleanDefault:"left",mapping:"sFrozen"},footCell:{bReflectToAttribute:!0,type:String,mapping:"sFootCell"},group:{bReflectToAttribute:!0,type:Boolean,mapping:"bGroup"},headCell:{bReflectToAttribute:!0,type:String,mapping:"sHeadCell"},header:{bReflectToAttribute:!0,type:String},headerAutoFormat:{type:String,bReflectToAttribute:!0},headerTooltipAction:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipAction"},headerTooltipDelay:{type:Number,bReflectToAttribute:!0,mapping:"headerTooltipDelay"},headerTooltipIcon:{bReflectToAttribute:!0,type:String,mapping:"headerTooltipIcon"},headerTooltipIconPosition:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipIconPosition"},headerTooltipPosition:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipPosition"},headerTooltipRenderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0,mapping:"headerTooltipRenderer"},headerTooltipTemplate:{type:String,bReflectToAttribute:!0},headerTooltipText:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipText"},headerTooltipTrigger:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipTrigger"},headerTooltipType:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipType"},hidden:{bReflectToAttribute:!0,type:Boolean,mapping:"bHidden",default:!1},index:{bReflectToAttribute:!0,type:String,mapping:"sFieldIndex",default:""},locale:{bReflectToAttribute:!0,type:String,mapping:"sLocale",bRefreshContent:!0},menuText:{bReflectToAttribute:!0,type:String,mapping:"sMenuText"},minWidth:{bReflectToAttribute:!0,type:Number,mapping:"nMinWidth"},resizable:{type:String,bReflectToAttribute:!0,mapping:"sResizable"},resizableMaxWidth:{bReflectToAttribute:!0,type:Number,mapping:"nResizableMaxWidth"},resizableMinWidth:{bReflectToAttribute:!0,type:Number,mapping:"nResizableMinWidth"},resizablePersistent:{type:String,bReflectToAttribute:!0,mapping:"sResizablePersistent"},renderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},rendererTemplate:{type:String,bReflectToAttribute:!0},required:{type:Boolean,bReflectToAttribute:!0,mapping:"bRequired"},search:{type:String,bReflectToAttribute:!0},separator:{bReflectToAttribute:!0,type:String,mapping:"sSeparator",bRefreshContent:!0},sort:{type:String,bReflectToAttribute:!0},sortIntl:{type:String,bReflectToAttribute:!0},sortAsc:{bReflectToAttribute:!0,type:Boolean},sortDesc:{bReflectToAttribute:!0,type:Boolean},sorter:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},translateNewline:{type:String,bReflectToAttribute:!0,mapping:"sTranslateNewline",bRefreshContentWidth:!0},type:{bReflectToAttribute:!0,type:String},typeAggregateValue:{bReflectToAttribute:!0,type:Function,mapping:"sTypeAggregateValue"},typeAggregateOmit:{bReflectToAttribute:!0,type:Boolean,mapping:"bTypeAggregateOmit"},typeButtonDisabled:{bReflectToAttribute:!0,type:String,bRefreshContent:!0},typeButtonHandler:{bReflectToAttribute:!0,type:Function,bRefreshContent:!0},typeButtonIcon:{bReflectToAttribute:!0,type:String,mapping:"sTypeButtonIcon",bRefreshContent:!0},typeButtonLabel:{bReflectToAttribute:!0,type:String,mapping:"sTypeButtonLabel",bRefreshContent:!0},typeButtonTooltip:{bReflectToAttribute:!0,type:String,mapping:"sTypeButtonTooltip",bRefreshContent:!0},typeButtonUrl:{bReflectToAttribute:!0,type:String,mapping:"sTypeButtonUrl",bRefreshContent:!0},typeCheckboxLabel:{bReflectToAttribute:!0,type:String,mapping:"sTypeCheckboxLabel",bRefreshContent:!0},typeColorMode:{bReflectToAttribute:!0,type:String,mapping:"sTypeColorMode",bRefreshContent:!0},typeColorPreview:{bReflectToAttribute:!0,type:String,mapping:"sTypeColorPreview",bRefreshContent:!0},typeColorSpaces:{bReflectToAttribute:!0,type:String,mapping:"sTypeColorSpaces",bRefreshContent:!0},typeCurrency:{bReflectToAttribute:!0,type:String,mapping:"sTypeCurrency",bRefreshContent:!0},typeDateFormat:{bReflectToAttribute:!0,type:String,mapping:"sTypeDateFormat",bRefreshContent:!0},typeDateFromNow:{bReflectToAttribute:!0,type:Boolean,mapping:"bTypeDateFromNow",bRefreshContent:!0},typeElementAttributeName:{bReflectToAttribute:!0,type:String,mapping:"sElementAttributeName",bRefreshContent:!0},typeElementTagName:{bReflectToAttribute:!0,type:String,mapping:"sElementTagName",bRefreshContent:!0},typeIframeRatio:{bReflectToAttribute:!0,type:String,mapping:"sTypeIframeRatio",bRefreshContent:!0},typeImageAlt:{bReflectToAttribute:!0,type:String,mapping:"sTypeImageAlt",bRefreshContent:!0},typeImageMask:{bReflectToAttribute:!0,type:String,mapping:"sTypeImageMask",bRefreshContent:!0},typeImageSrc:{bReflectToAttribute:!0,type:String,mapping:"sTypeImageSrc",bRefreshContent:!0},groupHeadCell:{bReflectToAttribute:!0,type:String,mapping:"sGroupHeadCell",bRefreshContent:!0},typeGroupHideCount:{bReflectToAttribute:!0,type:Boolean,mapping:"bTypeGroupHideCount",bRefreshContent:!0},typeGroupPlural:{bReflectToAttribute:!0,type:String,mapping:"sTypeGroupPlural",bRefreshContent:!0},typeNumberFormatting:{bReflectToAttribute:!0,type:String,mapping:"sTypeNumberFormatting",bRefreshContent:!0},typeNumberDecimals:{bReflectToAttribute:!0,type:Number,mapping:"nTypeNumberDecimals",bRefreshContent:!0},typeNumberMinDecimals:{bReflectToAttribute:!0,type:Number,mapping:"nTypeNumberMinDecimals",bRefreshContent:!0},typeNumberMaxDecimals:{bReflectToAttribute:!0,type:Number,mapping:"nTypeNumberMaxDecimals",bRefreshContent:!0},typePercentageDecimals:{bReflectToAttribute:!0,type:Number,mapping:"nTypePercentageDecimals",bRefreshContent:!0},typePercentageMaxDecimals:{bReflectToAttribute:!0,type:Number,mapping:"nTypePercentageMaxDecimals",bRefreshContent:!0},typeRadioOptions:{bReflectToAttribute:!0,type:String,mapping:"sTypeRadioOptions",bRefreshContent:!0,bCanBeObject:!0},typeRangeMax:{bKeepDecimal:!0,bReflectToAttribute:!0,type:Number,mapping:"nTypeRangeMax"},typeRangeMin:{bKeepDecimal:!0,bReflectToAttribute:!0,type:Number,mapping:"nTypeRangeMin"},typeRangeStep:{bReflectToAttribute:!0,bKeepDecimal:!0,type:Number,mapping:"nTypeRangeStep"},typeSelectDefaultValue:{bReflectToAttribute:!0,type:String,mapping:"sTypeSelectDefaultValue"},typeSelectMultiple:{bReflectToAttribute:!0,type:Boolean,mapping:"bTypeSelectMultiple"},typeSelectOptions:{bReflectToAttribute:!0,type:String,bCanBeObject:!0},typeToggleOptions:{bReflectToAttribute:!0,type:Array,mapping:"aTypeToggleOptions",bRefreshContent:!0},typeToggleRenderValue:{bReflectToAttribute:!0,type:Boolean,mapping:"bTypeToggleRenderValue"},typeUrlIcon:{bReflectToAttribute:!0,type:String,mapping:"sTypeUrlIcon",bRefreshContent:!0},typeUrlTarget:{bReflectToAttribute:!0,type:String,mapping:"sTypeUrlTarget",bRefreshContent:!0},typeUrlSrc:{bReflectToAttribute:!0,type:String,mapping:"sTypeUrlSrc",bRefreshContent:!0},typeUrlText:{bReflectToAttribute:!0,type:String,mapping:"sTypeUrlText",bRefreshContent:!0},validationErrorMessage:{type:String,bReflectToAttribute:!0,mapping:"sValidationErrorMessage"},validationRequiredMessage:{type:String,bReflectToAttribute:!0,mapping:"sRequiredErrorMessage"},validator:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},visibilityPriority:{bReflectToAttribute:!0,type:Number,mapping:"nPriority"},width:{bReflectToAttribute:!0},widget:{}},f=n.Z.getObservedAtts(p);class m extends n.Z{init(){super.init(g,s(),i(),p),this._oParsedColumnMapping={aUserSet:[],bIsKeyIndex:!1},this.body=null,this.oDOMEditorTemplate=this.oDOMRenderTemplate=this.oDOMDetailsTemplate=null,this._ASC_DESC_LOCK_=!1}connectedCallback(){super.connectedCallback()}ready(){super.ready();let e=this._getHostContext();if(e&&(this.ZG=e.webcomponent,!this.parentNode||"div"!==this.parentNode.tagName.toLowerCase())){if(this.frozen)e.bNeedsFrozenAdjust=!0;else if(!this.parentNode||this.parentNode.tagName.toLowerCase()!==c.default.zgColgroup.tagName){let t=e.webcomponent.oDOMColgroup;return this.ZG.querySelector(c.default.zgColgroup.tagName)||(this.ZG.appendChild(t),this.ZG.oDOMColgroup=t),void t.appendChild(this)}this.widget||(this.widget=e),this.bNeedsSortUpdate&&this.sortStyleUpdate()}}checkDisconnect(e){return!e||e.bDisconnect||e.bEditingControls||e.bUpdateColGroup||e.bUpdatingFrozen||e.bUpdatingColumns||e.bIsColumnMoverActive||!e.aColumnMapping||!e.aColumnMapping.length}disconnectedCallback(){let e=!1,t=!1;const o=this.widget;if(super.disconnectedCallback(),this.checkDisconnect(o))return;const n=this._oParsedColumnMapping.oDOMSortHeader,r=o.getZGColumnIndex(this._oParsedColumnMapping);o.aColumnMapping.length>r&&(e=!0,o.aColumnMapping.splice(r,1),this.type===c.default.internalColumn.recordselector?(o.bHasSelectorColumn=!1,0!==o.aColumnMapping.length&&o.webcomponent._checkRemoveCaption()):this.type===c.default.internalColumn.rowgroup&&(o._updateGroupedColumnReset(!0,!0),t=!0)),n&&n.remove(),!e||o.bEditingControls||t||o.store.reload()}initialLoad(e){const t=this._oParsedColumnMapping;t.sColumnId=e.createColumnId(),t.oDOMZGColumn=this,t.bFilter=e.bGlobalFilter,this.cellClass&&this.setCellClass(this.cellClass),this.setTemplateById(this.editorTemplate,"oDOMEditorTemplate"),this.setTemplateById(this.rendererTemplate,"oDOMRenderTemplate"),this.setTemplateById(this.detailsTemplate,"oDOMDetailsTemplate"),this.setTemplateById(this.headerTooltipTemplate,"oDOMHeaderTooltipTemplate"),this.setTemplateById(this.cellTooltipTemplate,"oDOMCellTooltipTemplate"),this.setTemplate(),this.setRenderer("Details",this.detailsRenderer),this.setRenderer("HeaderTooltip",this.headerTooltipRenderer),this.setRenderer("CellTooltip",this.cellTooltipRenderer),this.setCellType(e,this.type),void 0!==this.typeButtonHandler&&this.setClickCallback(this.typeButtonHandler),void 0!==this.typeButtonDisabled&&this.setButtonDisabled(this.typeButtonDisabled),this.setDirectValues(),this.typeSelectOptions?t.aSelectOptions=l.String.formatToArray(this.typeSelectOptions):"select"===this.type&&(e.bNeedsSelectOptions=!0),this.setColumnWidth(e,this.width),this.setSorting(this.sortAsc,this.sortDesc),void 0!==this.headerAutoFormat&&this.setHeaderAutoFormat(this.headerAutoFormat,e),this.setHeader(this.header,e),this.headCell&&this.setAggregateCell(this.headCell,"Head",e),this.footCell&&this.setAggregateCell(this.footCell,"Foot",e),this.groupHeadCell&&this.setAggregateCell(this.groupHeadCell,"GroupHead",e)}getFrozenColumnNewIndex(e,t,o){let n;return"right"===t?(n=e.aColumnMapping.length-1,e.nRightFrozenColumns++):"left"===t?(n=e.nLeftFrozenColumns,e.nLeftFrozenColumns++):"left"===o?n=e.nLeftFrozenColumns-1:"right"===o&&(n=e.aColumnMapping.length-(e.nRightFrozenColumns-1)-1),"right"===o?e.nRightFrozenColumns--:"left"===o&&e.nLeftFrozenColumns--,n}setAlign(e,t,o){const n=t.aColumnMapping.reduce(((e,t,n)=>t.sColumnId===o.sColumnId?e=n:e),null),r=t.getHeaderByColumnIndex(n).childNodes,i=t.getBodyByColumnIndex(n).childNodes,a=t.getFooterByColumnIndex(n).childNodes;(r||i||a)&&(this.setAlignByArea(r,n,e,t),this.setAlignByArea(i,n,e,t),this.setAlignByArea(a,n,e,t))}setAlignByArea(e,t,o,n){const r=n.getAdjustedColumnIndex(t);e.forEach((e=>{e.childNodes.forEach(((e,t)=>{r===t&&n.setCellAlignment(e,o)}))}))}setTemplate(){if(this.querySelector("template"))this.setTemplatesFromSlot();else{const e=this.shadowRoot.querySelector("slot");e.assignedNodes().length?this._oParsedColumnMapping.body=this.innerHTML.trim():e.addEventListener("slotchange",(()=>{this.querySelector("template")?this.setTemplatesFromSlot():this._oParsedColumnMapping.body=this.innerHTML.trim()}))}}setTemplatesFromSlot(){this.querySelectorAll("template").forEach((e=>{let t=e.getAttribute("type");t===c.default.template.type.editor?this._oParsedColumnMapping.oDOMEditorTemplate=e:t===c.default.template.type.details?this._oParsedColumnMapping.oDOMDetailsTemplate=e:this._oParsedColumnMapping.oDOMRenderTemplate=e}))}setTemplateById(e,t){const o=window[e]||document.getElementById(e)||null;this._oParsedColumnMapping[t]=o}setCellType(e,t){let o=this.index||"",n=t||"text";n===c.default.internalColumn.rowgroup&&e.bHasRowGroupColumn&&(n="text",this.removeAttribute("type"),this.setAttribute("group",""));let r=d.Z.getCellType(n),i=this._oParsedColumnMapping;if(t&&(i.bIsTypeUserProvided=!0),i.sCellType=n,i.sSortIntl=this.sortIntl,n===c.default.internalColumn.rowgroup||n===c.default.cellTypes.aggregate){if(this.setCellTypeManager(void 0,"fnRenderer",d.Z.getRenderer,r.renderer),this.renderer){let e;e=n===c.default.cellTypes.aggregate?"fnAggregateRenderer":"fnGroupRenderer",this.setCellTypeManager(this.renderer,e,d.Z.getRenderer,r.renderer)}}else this.setCellTypeManager(this.renderer,"fnRenderer",d.Z.getRenderer,r.renderer);if(this.setCellTypeManager(this.validator,"oValidator",d.Z.getValidator,r.validator),this.setCellTypeManager(this.sorter,"fnSorter",d.Z.getSorter,r.sorter,r.intlSorter,e),this.setCellTypeManager(this.editor,"oEditor",d.Z.getEditor,r.editor),void 0!==this.filter){let t="disabled"!==this.filter.toLowerCase();t&&(e.bHasFilterEnabled=!0),i.bFilter=t}this.setCellTypeManager(this.filterer,"oFilter",d.Z.getFilter,r.filter),n==c.default.internalColumn.recordeditor?e.bHasEditColumn=!0:n==c.default.internalColumn.recordremover?e.bHasRemoveColumn=!0:n===c.default.internalColumn.recordselector?e.bHasSelectorColumn=!0:n===c.default.internalColumn.rownumber?e.bHasRowNumberColumn=!0:n===c.default.internalColumn.recordinfo?e.bHasInfoColumn=!0:n===c.default.internalColumn.recordduplicate?e.bHasDuplicateColumn=!0:n===c.default.internalColumn.rowgroup&&(e.bHasRowGroupColumn=!0,e.bGroupBy=!0,o&&(e.aGroupBy=o.split(",").map((e=>e.trim())))),e.setupCardHeader()}updateGlobalIntlSort(e){let t=d.Z.getCellType(this.type);this.setCellTypeManager(this.sorter,"fnSorter",d.Z.getSorter,t.sorter,t.intlSorter,this.widget)}setIntlSort(e,t,o){let n=this.sLocale||this.getAttribute("locale"),r=this._oParsedColumnMapping.sSortIntl;o&&void 0===r&&(r=o.sSortIntl),null==r?(n||(n=u.default.getLocale(o)),"en"!==n.substring(0,2).toLowerCase()&&(e.method=t)):"disabled"!==r&&(e.method=t)}setCellTypeManager(e,t,o,n,r,i){if(i=i||this.widget,n&&!n.method&&(n={method:n,scope:null}),n&&r&&this.setIntlSort(n,r,i),!1===e||"false"===e||"disabled"===e)this._oParsedColumnMapping[t]=!1;else if(l.HD(e)){if(this._oParsedColumnMapping[t]=h.Z.setUserFunction(o,e),"oFilter"===t){let e=this._oParsedColumnMapping[t];e&&e.method&&n&&n.method&&l.kn(e.method,n.method)}if(this._oParsedColumnMapping.sEditorType=e,"fnSorter"===t&&null===this._oParsedColumnMapping[t])return this._oParsedColumnMapping[t]=n,this._oParsedColumnMapping.sSorterIndex=e,void(this._oParsedColumnMapping.aUserSet[t]=!1)}else this._oParsedColumnMapping[t]=e?{method:e,scope:null}:n;if("oValidator"===t&&e){let e=this._oParsedColumnMapping[t]&&this._oParsedColumnMapping[t].method;if(e&&!e.validator){let o={validator:e};this._oParsedColumnMapping[t].method=o}}this._oParsedColumnMapping.aUserSet[t]=!!e}setRenderer(e,t){t&&l.HD(t)?this._oParsedColumnMapping[`fn${e}Renderer`]=h.Z.setUserFunction(null,t):this._oParsedColumnMapping[`fn${e}Renderer`]=null}setCellClass(e){e&&this.setCellTypeManager(e,"fnCellClass")}setGroup(e){const t=this.widget;let o=t.aGroupBy;o||(t.aGroupBy=o=[]);const n=o.slice(0),r=this._oParsedColumnMapping.sFieldIndex;e?(t.bGroupBy=!0,o.push(r)):o.splice(o.indexOf(r),1),0===o.length&&(t.bGroupBy=!1),t._updateGroupedColumnReset(!0,0===o.length,n)}setAggregateCell(e,t,o){const n=o.aColumnMapping;let r=`fn${t}Cell`;if(null===e){const e=`s${t}Cell`;this._oParsedColumnMapping[r]=!1,o[`bHas${t}Row`]=n.some((t=>t[e]))}else l.HD(e)&&(this._oParsedColumnMapping[r]=h.Z.setUserFunction(null,e),o[`bHas${t}Row`]=!0)}setColumnWidth(e,t){let o=this._oParsedColumnMapping,n=this._oParsedColumnMapping.sCellType,r=this.parseWidth(t,n,e);!isNaN(r)&&this.cellBreak,o.mOldWidth=o.mWidth,o.mWidth=r}parseWidth(e,t,o){let n;(o=o||this.widget)&&(n=o.webcomponent.columnWidth,n&&(n=n.toString().replace("px",""))),e?o.bOnlyColumnWidth=!1:n&&void 0===o.bOnlyColumnWidth&&(o.bOnlyColumnWidth=!0),n=n||"fit",-1!==c.default.internalColumnTypes.indexOf(t)&&(n=c.default.zgCell.actionCellKey);let r=e||n;return null!=r&&(l.HD(r)&&(/%$/.test(r)||"stretch"==r||"fit"==r||"fitheader"==r||"fitaction"==r||"fitcontent"==r)?n=r:(n=parseFloat(r),Number.isNaN(n)&&(n="fit"))),n}setDirectValues(){let e=this._oParsedColumnMapping;for(var t in p){var o=p[t];o.mapping&&(o.hasOwnProperty("default")&&void 0===this[t]?e[o.mapping]=o.default:(e[o.mapping]=this[t],"index"===t&&this[t]===c.default.store.keyField&&(e.bIsKeyIndex=!0)))}}setHeader(e,t,o){t=t||this.widget;const n=this._oParsedColumnMapping,r=t.sNestedDataSeparator;o||(e=e||this.header);let i=n.sFieldIndex;void 0!==e?n.bIsHeaderTextUserProvided=!0:n.sCellType===c.default.cellTypes.aggregate&&(i=t.aggregateManager.getAggregateColumnHeader(n));let a=0;if(null!==i&&(a=l.String._splitHeader(i,r).length),e)i=l.kJ(e)?"disabled"!==r?e.join(r):e.join(" "):String(e),a=l.String._splitHeader(e,r).length;else if(i&&(t.bHeaderAutoFormat&&!1!==this.bHeaderAutoFormat||this.bHeaderAutoFormat)){i=l.String.camelCaseToReadable(i,r);let e=this.fnHeaderAutoFormat||t.fnHeaderAutoFormat;e&&(i=e.method.apply(e.scope,[n.sFieldIndex,i])||i),a=l.String._splitHeader(i,r).length}t.nHeaderDepth=Math.max(t.nHeaderDepth,a),this.removeAttribute("min-calculated-header-width"),n.sColumnHeaderText=i,n.nHeaderDepth=a}setCallbackProperties(e,t,o){e&&"string"==typeof e?(this._oParsedColumnMapping[o]=h.Z.setUserFunction(null,e),this._oParsedColumnMapping[t]=e):(this._oParsedColumnMapping[o]=null,this._oParsedColumnMapping[t]=null)}setButtonDisabled(e){this.setCallbackProperties(e,"bTypeButtonDisabled","fnTypeButtonDisabled")}setClickCallback(e){this.setCallbackProperties(e,"sTypeButtonHandler","fnTypeButtonHandler")}setHeaderAutoFormat(e,t){""===e||null===e?this.bHeaderAutoFormat=!0:(this.bHeaderAutoFormat="disabled"!==e&&!!e,this.bHeaderAutoFormat&&"string"==typeof e&&(this.fnHeaderAutoFormat=h.Z.setUserFunction(null,e))),this.bReady&&this.setHeader(null,t)}setSorting(e,t,o){this._oParsedColumnMapping.nSortOrder=0,e?this._oParsedColumnMapping.nSortOrder=1:t&&(this._oParsedColumnMapping.nSortOrder=-1),o&&(this.sortAsc=e,this.sortDesc=t),this.widget&&this.widget.bSorting||(this.sortAsc||this.sortDesc)&&(this.widget?this.sortStyleUpdate():this.bNeedsSortUpdate=!0)}sortStyleUpdate(){this.widget.webcomponent._wrapAPI((()=>{if(this.bNeedsSortUpdate=!1,this.sortAsc||this.sortDesc){let e=this.sortAsc?"asc":"desc";const t=this._oParsedColumnMapping.oDOMSortHeader;t&&t.onSort(null,null,e)}}))}sortUpdate(){const e=this.widget,t=e.store;t.isServerSort()?(e.savedScrollVal=e.oDOMMainScroll.scrollLeft,1===this._oParsedColumnMapping.nSortOrder?t.oDataFormat.sSortDir="asc":-1===this._oParsedColumnMapping.nSortOrder?t.oDataFormat.sSortDir="desc":delete t.oDataFormat.sSortDir,0!==this._oParsedColumnMapping.nSortOrder?t.oDataFormat.sSortBy=this.index:delete t.oDataFormat.sSortBy,t.reset(),this.widget.nCurrPageIdx=0,this.widget.dumpRowMapping(),t.load()):this.update(["bUpdateRowMappingOrder","bUpdateBodyContent"])}update(e,t,o){const n=t||this.widget,r=o?void 0:n.getZGColumnIndex(this._oParsedColumnMapping),i={};e.forEach((e=>i[e]=!0)),n.updater.update(i,null,r)}updateIndex(e){let t=this._oParsedColumnMapping,o=this.widget,n=o.store,r=t.sFieldIndex=e||"";if(t.bIsHeaderTextUserProvided||this.setHeader(void 0,o),n.bHasLoaded){o.bIsUpdatingType=!0;let e=n.getFieldStructure(),i=e?e[r]:"text",a="text";if("number"===i&&(a=i),t.bIsTypeUserProvided||(t.oDOMZGColumn[c.default.attr.type]=a,t.bIsTypeUserProvided=!1),o.bIsUpdatingType=!1,t.sCellType===c.default.internalColumn.rowgroup&&!o.bEditingControls){let e=o.aGroupBy.slice(0);r?o.aGroupBy=r.split(",").map((e=>e.trim())):(o.aGroupBy=[],o.bGroupBy=!1),o._updateGroupedColumnReset(!0,0===o.aGroupBy.length,e)}}}needToCalcEditorWidth(){const e=this._oParsedColumnMapping,t=this.widget;return t&&t.bHasEditorEnabled&&e.oEditor&&!e.aUserSet.oEditor&&e.oEditor.method.bCalculateWidth}updateAttributeValue(e,t){let o=this.widget,n=this._oParsedColumnMapping;if(p[e].mapping&&"index"!==e)n[p[e].mapping]=t;else{let r=d.Z.getCellType(n.sCellType);switch(e){case"editor":this.setCellTypeManager(t,"oEditor",d.Z.getEditor,r.editor);break;case"editorTemplate":this.setTemplateById(t,"oDOMEditorTemplate");break;case"detailsTemplate":this.setTemplateById(t,"oDOMDetailsTemplate");break;case"headerTooltipTemplate":this.setTemplateById(t,"oDOMHeaderTooltipTemplate");break;case"cellTooltipTemplate":this.setTemplateById(t,"oDOMCellTooltipTemplate");break;case"filter":if(t&&"disabled"!==t)this.widget.bHasFilterEnabled=!0;else if(null===this.widget.webcomponent.getAttribute("filter")){this.widget.aColumnMapping.some((e=>e.oDOMZGColumn.getAttribute("filter")))||(this.widget.bHasFilterEnabled=!1)}n.bFilter=!t||"disabled"!==t.toLowerCase();break;case"filterer":let e=d.Z.getCellType(t);e&&(r=e),this.setCellTypeManager(t,"oFilter",d.Z.getFilter,r.filter);break;case"header":this.setHeader(t,o,!0);break;case"headerAutoFormat":this.bReady&&this.setHeaderAutoFormat(t,o);break;case"index":this.updateIndex(t);break;case"renderer":this.setCellTypeManager(t,"fnRenderer",d.Z.getRenderer,r.renderer);break;case"rendererTemplate":this.setTemplateById(t,"oDOMRenderTemplate");break;case"typeSelectOptions":n.aSelectOptions=t?l.String.formatToArray(t):null;break;case"sortAsc":this.setSorting(t,this.sortDesc);break;case"sortDesc":this.setSorting(this.sortAsc,t);break;case"sortIntl":n.sSortIntl=t,this.setCellTypeManager(this.sorter,"fnSorter",d.Z.getSorter,r.sorter,r.intlSorter);break;case"sorter":this.setCellTypeManager(t,"fnSorter",d.Z.getSorter,r.sorter,r.intlSorter);break;case"type":n.sCellType=t||"text";break;case"typeButtonDisabled":this.setButtonDisabled(t);break;case"typeButtonHandler":this.setClickCallback(t);break;case"validator":this.setCellTypeManager(t,"oValidator",d.Z.getValidator,r.validator);break;case"width":this.setColumnWidth(o,t)}}}_propertyHandler(e,t,o){let n,r=this.widget,i=this._oParsedColumnMapping;if("sortAsc"===e||"sortDesc"===e){let t="sortAsc"===e?"sortDesc":"sortAsc";if(this._ASC_DESC_LOCK_)return o;this._ASC_DESC_LOCK_=!0,n=this[t],o&&n&&(this[t]=!1),this._ASC_DESC_LOCK_=!1}if(o=super._propertyHandler(e,t,o),"widget"!==e){if(!r)return o;this.updateAttributeValue(e,o)}var a=p[e];if(a.bRefreshContent)this.update(["bUpdateBodyContent","bUpdateColumnHeaderContent","bUpdateColumnFooterContent"]);else if(a.bRefreshContentWidth)this.widget.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0});else switch(e){case"align":this.setAlign(o,r,this._oParsedColumnMapping);break;case"cellClass":this.setCellClass(o),this.update(["bUpdateBodyContent"]);break;case"cellTooltipRenderer":this.setRenderer("CellTooltip",o),this.update(["bUpdateBodyContent"]);break;case"defaultDisplay":this.update(["bUpdateBodyContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"detailsRenderer":this.setRenderer("Details",o),this.update(["bUpdateBodyContent"]);break;case"drag":this.widget.columnDragManager.setColumnDrag();break;case"filterer":case"filter":this.update(["bUpdateColumnHeaderContent","bUpdateFilter","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"filterIndex":if(this.bReady){const e=o||this._oParsedColumnMapping.sFieldIndex||"";this._oParsedColumnMapping.oDOMFilter.sFilterIndex=e.split(",")[0]}break;case"filterKey":if(this.bReady){const e=o||this._oParsedColumnMapping.oDOMFilter.sFilterIndex||this._oParsedColumnMapping.sFieldIndex||"";this._oParsedColumnMapping.oDOMFilter.sFilterKey=e.split(",")[0]}break;case"footCell":this.setAggregateCell(o,"Foot",r),this.update(["bUpdateColumnFooter","bUpdateColumnFooterContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"frozen":if(!r.bUpdatingFrozen){let e=r.getZGColumnIndex(i);const t=r.getAreaByColumnIndex(e);let n=o;if("left"!==n&&"right"!==n&&(n="main"),n!==t){let o=r.getBodyByColumnIndex(e),i=r.getAdjustedColumnIndex(e),a=this.getFrozenColumnNewIndex(r,n,t);null!==a&&r.moveColumn(e,a,!0,o,i)}}break;case"group":if(this.bReady){this.setGroup(o);break}case"groupHeadCell":this.setAggregateCell(o,"GroupHead",r);break;case"headCell":this.setAggregateCell(o,"Head",r),this.update(["bUpdateColumnHeaderContent"]);break;case"headerTooltipText":case"headerTooltipDelay":case"headerTooltipIcon":case"headerTooltipIconPosition":case"headerTooltipPosition":case"headerTooltipTemplate":case"headerTooltipType":case"headerTooltipTrigger":case"headerTooltipAction":this.update(["bUpdateColumnHeaderContent"]);break;case"headerTooltipRenderer":this.setRenderer("HeaderTooltip",o),this.update(["bUpdateColumnHeaderContent"]);break;case"header":case"headerAutoFormat":this.update(["bUpdateColumnHeaderContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"hidden":if(!r.updater.updating&&!this.widget.bUpdatingHidden&&!r.bEditingControls){const e=r.getZGColumnIndex(this._oParsedColumnMapping);r.updater.toggleColumn(e,o),r._updateHiddenColumn(o,this._oParsedColumnMapping)}break;case"index":r.bEditingControls||this.update(["bUpdateBodyContent","bUpdateColumnHeaderContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"menuText":r.columnMenu&&r.columnMenu.initMenu();break;case"renderer":i.bIsRendererUserProvided=!0,r.bIsUpdatingType||this.update(["bUpdateBodyContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"rendererTemplate":this.update(["bUpdateBodyContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"resizablePersistent":case"resizable":const e=r.getZGColumnIndex(this._oParsedColumnMapping);r.getHeaderCells(e,null,!0).forEach((e=>e._setResize()));break;case"sort":const a=this._oParsedColumnMapping.oDOMSortHeader;o?"disabled"===o&&(a.setAttribute("sort","disabled"),a._removeSort()):(a.removeAttribute("sort"),a._setupSort(o));break;case"sortAsc":case"sortDesc":(o||!n)&&this.sortUpdate();break;case"type":this.setCellType(r,o),r.bIsUpdatingType||(t===c.default.internalColumn.recordselector?(r.bHasSelectorColumn=!1,this.update(["bUpdateBodyContent","bUpdateColumnWidthCache","bUpdateColumnWidth","bUpdateColumnHeaderContent"]),r.webcomponent._checkRemoveCaption()):t===c.default.internalColumn.rowgroup?r._updateGroupedColumnReset(!0,!0):o===c.default.internalColumn.rowgroup?r._updateGroupedColumnReset(!0):(t!==c.default.cellTypes.aggregate||i.bIsHeaderTextUserProvided||this.setHeader(void 0,r),this.update(["bUpdateBodyContent","bUpdateColumnWidthCache","bUpdateColumnWidth","bUpdateColumnHeaderContent","bUpdateColumnFooter","bUpdateColumnFooterContent","bUpdateColumnFooterAssignment"]))),i.bIsTypeUserProvided=!0;break;case"typeAggregateOmit":this.update(["bUpdateBodyContent","bUpdateColumnHeaderContent","bUpdateColumnFooterContent"],void 0,!0);break;case"typeAggregateValue":i.bIsHeaderTextUserProvided||this.setHeader(void 0,r),this.update(["bUpdateBodyContent","bUpdateColumnHeaderContent","bUpdateColumnFooterContent"]);break;case"typeSelectOptions":this.update(["bUpdateBodyContent","bUpdateColumnHeaderContent","bUpdateFilter","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"minWidth":case"width":this.widget.bIsColumnResizeActive||this.update(["bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"widget":if(t==o)return o;if(r){let e=r.getZGColumnIndex(i);r.aColumnMapping.splice(e,1),r.bIsColumnMoverActive||r.update()}var s=o;if(s){let e=Array.prototype.indexOf.call(s.webcomponent.querySelectorAll("zg-column"),this);if(this.initialLoad(s,i),-1!==e){s.aColumnMapping.splice(e,0,i);let t=this.parentNode;t&&s.aColumnMapping.length===t.querySelectorAll("zg-column").length&&(s.bUpdateColGroup?t.rerender():!s.bIsColumnMoverActive&&s.bAPIReady?s.store.reload():s.bIsColumnMoverActive||s.update())}this.controlDefined||(s.bIsMappingUserProvided=!0)}}return o}static get observedAttributes(){return f}}n.Z._registerElement(g,m);const b=m},65495:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>p});var n=o(697),r=o(77628),i=o.n(r),a=o(42952),s=o.n(a),l=o(38419),d=o(45092),c=o(56919);const h="zg-control-bar",u={};class g extends n.Z{init(){super.init(h,s(),i(),u)}ready(){super.ready(),this.widget=this._getHostContext();let e=this.widget.webcomponent;if(e.layout&&e.layout.length&&this.setAttribute(l.default.zgLayout.attr,e.layout),"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl"),!this.widget.bPreloaded){let e=`\n            <zg-separator slot="cardaction" hidden id="afterselect"></zg-separator>\n            <zg-button ${l.default.attr.datafocus} slot="action" action="createrecord" hidden></zg-button>\n            <zg-separator slot="action" hidden id="beforeedit"></zg-separator>\n            <zg-text id="label" slot="action"></zg-text>\n            <zg-button ${l.default.attr.datafocus} slot="action" action="batchedit" hidden></zg-button>\n            <zg-button ${l.default.attr.datafocus} slot="action" action="batcheditsave" hidden></zg-button>\n            <zg-button ${l.default.attr.datafocus} slot="action" action="batcheditcancel" hidden></zg-button>\n            <zg-text id="unsaved" slot="message" hidden></zg-text>\n        `,t=(0,d.W2)(e);this.appendChild(t)}this.oDOMCreate=this.querySelector('zg-button[action="createrecord"]'),this.oDOMBatchEdit=this.querySelector('zg-button[action="batchedit"]'),this.oDOMBatchSave=this.querySelector('zg-button[action="batcheditsave"]'),this.oDOMBatchCancel=this.querySelector('zg-button[action="batcheditcancel"]'),this.oDOMUnsavedSpan=this.querySelector("zg-text#unsaved"),this.oDOMBatchEditLabel=this.querySelector("zg-text#label"),this.oDOMBatchEditLabel&&(this.oDOMBatchEditLabel.innerHTML=d.translate({msg:c.default.get("batchEdit.label",this.widget,{element:this.oDOMBatchEditLabel,elProperty:"innerHTML"})})),e.oDOMLayoutControls&&this.appendChild(e.oDOMLayoutControls),e.batchEdit&&e._setBatchEditControls(!0),this.widget.webcomponent._toggleControlBar()}checkMessageSize(){const e=this.oDOMUnsavedSpan;if(!this.widget||!this.widget.batchEditor.isActive())return;this.removeAttribute(l.default.attr.batchEditLongMessage);const t=window.getComputedStyle(e);t.height>t.lineHeight&&this.setAttribute(l.default.attr.batchEditLongMessage,"")}disconnectedCallback(){super.disconnectedCallback(),this.oDOMCreate=null,this.oDOMBatchEdit=null,this.oDOMBatchSave=null,this.oDOMBatchCancel=null}}n.Z._registerElement(h,g);const p=g},32383:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(400),i=o.n(r),a=o(91573),s=o.n(a),l=o(38419);const d="zg-data",c={adapter:{type:String,bReflectToAttribute:!0},data:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},idKey:{type:String,bReflectToAttribute:!0},options:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},src:{type:String,bReflectToAttribute:!0},widget:{}},h=n.Z.getObservedAtts(c);class u extends n.Z{init(){super.init(d,s(),i(),c)}ready(){super.ready();const e=this._getHostContext();e.webcomponent.oDOMData=this,this.widget=e,this.setAttribute(l.default.attr.hidden,"")}_propertyHandler(e,t,o){o=super._propertyHandler(e,t,o);let n,r,i=this.widget;if("widget"!==e&&!i)return o;switch(i?(n=i.webcomponent,r=i.store):(n=o.webcomponent,r=o.store),e){case"options":r.loadData(o,n.params);break;case"data":this.bReady&&r.loadData(this.options,n.params,{data:o},!0);break;case"src":this.bReady&&r.loadData(this.options,n.params,{src:o});break;case"widget":r.loadData(this.options,n.params)}return o}setOptions(e){let t=this.querySelectorAll("zg-param");t.forEach((t=>{if(void 0!==t.name&&void 0!==t.value){let o,n=t.value.trim()[0];if("{"===n||"["===n)try{o=JSON.parse(t.value)}catch(e){}void 0===o&&(o=t.value),"false"===o&&(o=!1),e[t.name]=o}}));for(let t in c)"widget"!==t&&"options"!==t&&this[t]&&!e.hasOwnProperty(t)&&(e[t]=this[t]);return this.nCheckedParams=t.length,e}disconnectedCallback(){const e=this.widget;super.disconnectedCallback(),e&&!e.bDisconnect&&e.webcomponent.resetData()}static get observedAttributes(){return h}}n.Z._registerElement(d,u);const g=u},58828:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>b});var n=o(697),r=o(66184),i=o.n(r),a=o(51694),s=o.n(a),l=o(32816),d=o(38419),c=o(45092),h=o(32260),u=o(56919);const g=d.default.zgDialog.tagName,p={open:{type:Boolean,default:null,bReflectToAttribute:!0},label:{type:String,default:"",bReflectToAttribute:!0},cancel:{type:String,bReflectToAttribute:!0},confirm:{type:String,bReflectToAttribute:!0}},f=n.Z.getObservedAtts(p);class m extends n.Z{init(){super.init(g,s(),i(),p)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this._label=null,"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl"),this.userAddedContainAttr=this.ZG.getAttribute(d.default.zgDialog.attr),null!==this.userAddedContainAttr&&this.setAttribute(d.default.attr.internalattach,"grid"),this.cancel&&this._setCancel(this.cancel),this.confirm&&this._setConfirm(this.confirm),this.bindDom(),this.bindEvents(),c.CL(this),this.open&&this.showDialog()}showDialog(){this.getRequestedDialogData(),this.initLabelText(),this.setCancel(),this.setConfirm(),this.setBody(),this.displayDialog()}hideDialog(){this.$dialog.close(),document.body.style.overflow=this.ZG.defaultBodyOverflow}setDialog(e){this.setAttribute(d.default.attr.type,e),this.setAttribute(d.default.attr.open,"")}bindDom(){const e=this.shadowRoot;this.$dialog=e.querySelector("dialog"),this.$form=e.querySelector("form"),this.$body=e.querySelector(".zg-dialog-body"),this.$bodycontent=e.querySelector(".zg-dialog-content-wrapper"),this.$error=e.querySelector(".zg-dialog-error"),this.$footer=e.querySelector(".zg-dialog-footer"),this.$header=e.querySelector(".zg-dialog-header"),this.$cancel=e.querySelector(".zg-dialog-cancel"),this.$close=e.querySelector(".zg-dialog-close"),this.$confirm=e.querySelector(".zg-dialog-confirm"),this.$label=e.querySelector(".zg-dialog-label")}bindEvents(){let e;this.aEvents=[],e=l.Z.get(document.body).on("keydown",(e=>{if(e.nCharCode===e.ESC){if(!this.$dialog.hasAttribute(d.default.attr.open))return;this.fire("dialogClose"),this.fire("dialogCloseFromEscape"),this.closeEvent(e)}}),this),this.aEvents.push(e),e=this.on("click",(e=>{this.fire("dialogClose"),this.fire("dialogCloseFromMask"),this.closeEvent(e)}),this),this.aEvents.push(e),e=l.Z.get(this.$form).on("click",this.formEvent,this),this.aEvents.push(e),e=l.Z.get(this.$cancel).on("click",(e=>{if(this.cancel&&!this.fnCancel&&this._setCancel(this.cancel),this.fnCancel){let e=this.fnCancel.scope||this;this.fnCancel.method.apply(e,[this])}this.fire("dialogCancel"),this.closeEvent(e)})),this.aEvents.push(e),e=l.Z.get(this.$close).on("click",(e=>{this.fire("dialogClose"),this.fire("dialogCloseFromButton"),this.closeEvent(e)})),this.aEvents.push(e),e=l.Z.get(this.$confirm).on("click",(e=>{if(e.preventDefault(),this.fnConfirm){let e=this.fnConfirm.scope||this;this.fnConfirm.method.apply(e,[this])}!1!==this.fire("dialogConfirm")&&this.closeEvent(e)}),this,{},!1),this.aEvents.push(e)}uns(){if(this.aEvents&&this.aEvents.length){for(let e=0;e<this.aEvents.length;e++)this.aEvents[e](),this.aEvents[e]=null;this.aEvents.length=0}}displayError(e,t){e?(this.$error.innerHTML=t,this.$body.setAttribute(d.default.validation.haserror,"")):this.$body.removeAttribute(d.default.validation.haserror)}displayDialog(){const e=this.widget.isStorybook("dialog");e?this.$dialog.setAttribute("open",""):this.$dialog.show(),null===this.userAddedContainAttr&&(document.body.style.overflow=d.default.attr.hidden),e||(this.$cancel.hasAttribute(d.default.attr.hidden)?this.$confirm.focus():this.$cancel.focus())}getRequestedDialogData(){const e=this.getAttribute(d.default.attr.type);this.currentDialogData=this.ZG.dialogArr.filter((t=>t.type===e))[0]}setBody(){const e=this.currentDialogData?this.currentDialogData.body:this.innerHTML;if(!e)return;const t=document.createElement("div");t.classList.add("zg-dialog-body-wrap"),t.insertAdjacentHTML("afterbegin",e);const o=t.querySelectorAll(d.default.zgIcon.tagName);o.forEach((e=>e.remove())),this.currentDialogData&&this.currentDialogData.body&&(this.innerHTML="",this.$bodycontent.innerHTML="",this.currentDialogData&&this.currentDialogData.label&&(this.$label.textContent=this.currentDialogData.label),this.$bodycontent.appendChild(t),o.forEach((e=>this.appendChild(e)))),e.length&&this.$body.setAttribute(d.default.attr.hasText,"")}setCancel(){this.currentDialogData&&this._setButton(this.$cancel,{data:this.currentDialogData.cancel,name:"cancel"})}setConfirm(){this.currentDialogData&&this._setButton(this.$confirm,{data:this.currentDialogData.confirm,name:"confirm"})}initLabelText(){let e=this.getAttribute("label");!e&&this.currentDialogData&&(e=this.currentDialogData.label),e&&(this.label=e)}setLabelText(e){this.$label&&(this.$label.textContent=e)}getInputContainer(){return this.$body.querySelector("#inputs")}closeEvent(e){this.open&&(this.open=!1),this.unAll(),this.displayError(!1)}formEvent(e){e.stopPropagation()}_setButton(e,t){const{data:o,name:n}=t;o&&o.text?e.textContent=o.text:e.textContent=u.default.get("dialog",this.widget,{element:this,elProperty:"textContent",langProperty:"name"})[n],t&&o&&!1===o.show?e.setAttribute(d.default.attr.hidden,""):e.removeAttribute(d.default.attr.hidden),t&&o&&o.initialDisabled?e.setAttribute("disabled",""):e.removeAttribute("disabled")}_setCancel(e){this.fnCancel=h.Z.setUserFunction(null,e)}_setConfirm(e){this.fnConfirm=h.Z.setUserFunction(null,e)}_propertyHandler(e,t,o){const n=this.widget;if(o=super._propertyHandler(e,t,o),this.bReady)switch(e){case"open":o?this.showDialog():n.recordEditor.bIsOpen?n.recordEditor.cancelOpenEdit(null,n.editorManager.se):this.hideDialog();break;case"label":this.setLabelText(o)}return o}disconnectedCallback(){super.disconnectedCallback(),this.innerHTML="",this.$dialog&&(this.$dialog.innerHTML="",this.$dialog.remove());const e=["$label","$confirm","$close","$cancel","$header","$footer","$error","$bodycontent","$body","$form","$dialog"];for(let t=0;t<e.length;t++)this.cleanElement(e[t]);this.currentDialogData=null}static get observedAttributes(){return f}}n.Z._registerElement(g,m);const b=m},82373:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(39003),i=o.n(r),a=o(83635),s=o.n(a),l=o(32816);const d="zg-editor-row",c={active:{type:Boolean,bReflectToAttribute:!0},activeCellEdit:{type:Boolean,bReflectToAttribute:!0},activeRowEdit:{type:Boolean,bReflectToAttribute:!0},editor:{type:String,bReflectToAttribute:!0}},h=n.Z.getObservedAtts(c);class u extends n.Z{init(){super.init(d,s(),i(),c)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.oDOMWrapper=l.Z.get(this.shadowRoot.querySelector("#wrapper")),this.oDOMInputContainer=this.shadowRoot.querySelector("#inputs"),this.oDOMInputContainerCopy=this.oDOMInputContainer.cloneNode(!0),this.oDOMWrapper.on("click",(e=>e.stopPropagation()))}ons(){this.unsubKey=this.on("keydown",this.onKeyDown,this,{},!1)}getEditorTemplate(){let e=this.shadowRoot.querySelector("#editorRowFieldTemplate");return document.importNode(e.content,!0)}getEditorCardTemplate(){let e=this.shadowRoot.querySelector("#editorCardTemplate");return document.importNode(e.content,!0)}positionSelfWithinGrid(){const e=this.widget,t=e.editorManager.se.nRowContainerIndex,o=e.getFrozenRowState(t),n=e.getContainerRowIndexByDataRowIndex(t),r=this.oDOMWrapper;let i;if(i="top"===o?this.oDOMHead:"bottom"===o?this.oDOMFoot:this.oDOMBody,!i.childNodes.length)return;const a=l.Z.get(i);let s=l.Z.get(i.childNodes[n]).getXY(),d=a.getY(),c=a.getX(!0),h=e.mainGridTable.getScroll().left||0;r.setTop(s[1]-d),r._setLeft(s[0]-c+h)}positionEditorWithinRow(e,t){const o=this.widget,n=this.oDOMBody,r=l.Z.get(n).getX(),i=e.el.getXY(),a=e.el.getSize(),s=o.mainGridTable.getScroll().left||0;t.style.top="1px",t.style.left=`${i[0]-r+s}px`,t.style.width=`${a[0]}px`,t.style.height=a[1]-1+"px"}onKeyDown(e){const t=this.widget,o=t.editorManager;let n=e.nCharCode;const r=o.se.sContextLevel;if(t.batchEditor.isActive())return void t.batchEditor.onKeyDown(e);if("row"!==r||n!==e.TAB)return;let i=e.oBrowserEvent.composedPath(),a=null;for(let e=0;e<i.length;e++){let t=i[e];if("label"===t.tagName.toLowerCase()){a=t;break}}if(a&&!a.nextElementSibling){const n=o.se.nRowContainerIndex;o.focusNextInput(this.oDOMInputContainer,n)||t.recordEditor.oDOMSubmitButton.focus(),e.stopEvent()}}disconnectedCallback(){super.disconnectedCallback(),this.oDOMWrapper=null,this.oDOMInputContainer=null,this.oDOMInputContainerCopy=null}static get observedAttributes(){return h}}n.Z._registerElement(d,u);const g=u},63778:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>f});var n=o(697),r=o(11538),i=o.n(r),a=o(88387),s=o.n(a),l=o(32816),d=o(38419),c=o(56919);const h="zg-filter",u={cellindex:{bReflectToAttribute:!0,type:Number},widget:{}},g=n.Z.getObservedAtts(u);class p extends n.Z{init(){super.init(h,s(),i(),u),this.aCustomUns=[],this.sPreviousValue=""}ready(){super.ready(),this.aCustomUns=[];const e=this.widget=this.widget||this._getHostContext();if(!this.oColumnMapping&&this.cellindex&&this.associateColumn(this.cellindex),"rtl"===e.sComputedDir&&this.setAttribute("dir","rtl"),this.oColumnMapping.bFilter&&this.oColumnMapping.oFilter){this.oColumnMapping.oDOMFilter=this;let e=this.oColumnMapping.oFilter.method.init,t=this.oColumnMapping.oFilter.method.afterInit;if(e){let o=this.oColumnMapping.oFilter.scope||this;this.widget.bPreloaded?this.oElInput=l.Z.get(this.querySelector("input")):(this.oElInput=l.Z.get(e.apply(o,[this])),this.oElInput.dom.placeholder=c.default.get("tools.filter",this.widget,{element:this.oElInput.dom,elProperty:"placeholder"})),t&&t.apply(o,[this]),this.onCustomEvent()}let o="";this.oColumnMapping&&this.oColumnMapping.sColumnHeaderText&&(o=this.oColumnMapping.sColumnHeaderText),this.oElInput.dom.setAttribute(d.default.attr.tabindex,-1),this.oElInput.dom.setAttribute(d.default.aria.label,`Filter ${o} Column`)}}onCustomEvent(){let e=this.oColumnMapping.oFilter&&this.oColumnMapping.oFilter.method.triggerEvent;e&&e.split(",").map((e=>{let t=this.oElInput.on(e,this.debounceFilter,this);this.aCustomUns.push(t)})),this.unsubKey=this.on("keydown",this.onKeyDown,this,{},!1),this.unsubFocus=this.oElInput.on("focus",this.onFocus,this)}customOn(){this.fireFilterEvent(),this.widget.bodyUpdate(!0)}debounceFilter(e){let t=d.default.search.threshold,o=this.latestTime=setTimeout((()=>{o===this.latestTime&&this.customOn()}),t)}fireFilterEvent(){let e={sValue:this.getValue(),sFieldIndex:this.sFieldIndex,sFilterIndex:this.sFilterIndex};e.sValue!==this.sPreviousValue&&(this.widget.fire("filter",e),this.sPreviousValue=e.sValue)}associateColumn(e){this.oColumnMapping=this.widget.aColumnMapping[e],this.sFieldIndex=this.oColumnMapping.sFieldIndex,this.sFilterIndex=this.oColumnMapping.sFilterIndex||this.sFieldIndex||"",this.oColumnMapping.sCellType!==d.default.internalColumn.rowgroup&&(this.sFilterIndex=this.sFilterIndex.split(",")[0]),this.sFilterKey=this.oColumnMapping.sFilterKey||this.sFilterIndex||"",this.oColumnMapping.bFilter&&this.widget.aFilters.push(this)}getValue(){let e="",t=this.oColumnMapping.oFilter&&this.oColumnMapping.oFilter.method.value;if(t){let o=this.oColumnMapping.oFilter.scope||this;e=`${t.apply(o,[this])}`}return e}_propertyHandler(e,t,o){return o=super._propertyHandler(e,t,o),"cellindex"===e&&this.bReady&&this.associateColumn(o),o}onFocus(e){this.widget.headerFocusManager.deSelect()}onKeyDown(e){let t=!1;switch(e.nCharCode){case e.LEFT:case e.RIGHT:case e.UP:case e.DOWN:t=!0,e.stopPropagation();break;case e.ENTER:this.oElInput.dom.blur(),this.widget.headerFocusManager.select(this.parentNode.rowIndex,parseInt(this.cellindex,10),!0);break;case e.TAB:if(!this.findNextFilter(e)){const t=this.widget.focusManager;this.oElInput.dom.blur(),t.tabChangeFocus(e,{section:t.GRIDINDEX})}break;default:t=!0}t||e.stopEvent()}findNextFilter(e){let t;return t=e.bIsSHIFT?this.previousElementSibling:this.nextElementSibling,!(!t||!t.oElInput)&&(t.oElInput.dom.focus(),!0)}uns(){this.unsubKey&&this.unsubKey(),this.unsubFocus&&this.unsubFocus();for(let e=0;e<this.aCustomUns.length;e++)this.aCustomUns[e]()}disconnectedCallback(){super.disconnectedCallback(),this.oElInput&&this.cleanElement("oElInput"),this.oColumnMapping=null}static get observedAttributes(){return g}}n.Z._registerElement(h,p);const f=p},81966:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(9530),i=o.n(r),a=o(76592),s=o.n(a),l=o(32816);const d="zg-focus",c={};class h extends n.Z{init(){super.init(d,s(),i(),c)}ready(){super.ready(),this.oElBottom=l.Z.get(this.shadowRoot.querySelector("#bottom")),this.oElLeft=l.Z.get(this.shadowRoot.querySelector("#left")),this.oElRight=l.Z.get(this.shadowRoot.querySelector("#right")),this.oElTop=l.Z.get(this.shadowRoot.querySelector("#top"))}draw(){const e=this.widget,t=e.selector.se,o=this.oColumnBody.el,n=t.dimension(this.oColumnBody),r=t.dimension(),i=n.xy,a=o.getXY();let s,l,d=n.width,c=n.height;this._hide(),s=i[0]-a[0]+e.nScrollLeft,l=i[1]-a[1]+e.nScrollTop,this.oElRight.setXY([s+d-2,l]),this.oElLeft._setStyle("height",`${c}px`),this.oElRight._setStyle("height",`${c}px`);n.xy[0]+d!==r.xy[0]+r.width?this.oElRight._hide():this.oElRight._show(),n.xy[0]!==r.xy[0]?this.oElLeft._hide():this.oElLeft._show(),this.oElTop.setXY([s,l]),this.oElTop._setStyle("width",`${d}px`),this.oElBottom.setXY([s,l+c-2]),this.oElBottom._setStyle("width",`${d}px`),this.oElLeft.setXY([s,l]),this._show()}drawCard(){const e=this.widget,t=e.selector.se.el.dom.parentNode,o=e.oDOMScroller,n=o?l.Z.get(o).getScroll().top:0;let r=t.getBoundingClientRect(),i=e.mainGridTable.dom.getBoundingClientRect(),a=r.height,s=r.width,d=r.left-i.left,c=r.top-i.top+n;this.oElRight.setXY([d+s-2,c]),this.oElLeft._setStyle("height",`${a}px`),this.oElRight._setStyle("height",`${a}px`),this.oElTop.setXY([d,c]),this.oElTop._setStyle("width",`${s}px`),this.oElBottom.setXY([d,c+a-2]),this.oElBottom._setStyle("width",`${s}px`),this.oElLeft.setXY([d,c]),this._show()}drawArea(e,t,o){const n=this.widget,r=e.getBoundingClientRect(),i=r.height,a=r.width,s=r.y,l=r.x,d=t.y,c=t.x,h=this.getAttribute("slot"),u=n.mainGridHScroll,g=h===`main${o}focus`?u.getScroll().left:0;this._hide();let p=l-c+n.nScrollLeft-g,f=s-d+n.nScrollTop;this.oElRight.setXY([p+a-2,f]),this.oElLeft._setStyle("height",`${i}px`),this.oElRight._setStyle("height",`${i}px`),this.oElTop.setXY([p,f]),this.oElTop._setStyle("width",`${a}px`),this.oElBottom.setXY([p,f+i-2]),this.oElBottom._setStyle("width",`${a}px`),this.oElLeft.setXY([p,f]),this._show()}drawHeader(e){const t=this.oColumnHead.getBoundingClientRect();this.drawArea(e,t,"head")}drawFooter(e){const t=this.oColumnFoot.getBoundingClientRect();this.drawArea(e,t,"foot")}disconnectedCallback(){super.disconnectedCallback(),this.oElTop=null,this.oElBottom=null,this.oElRight=null,this.oElLeft=null,this.oColumnHead=null,this.oColumnBody=null}}n.Z._registerElement(d,h);const u=h},50469:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(14299),i=o.n(r),a=o(19058),s=o.n(a),l=o(38419);const d="zg-foot",c={};class h extends n.Z{init(){super.init(d,s(),i(),c)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.ZG.layout&&this.ZG.layout.length&&this.setAttribute(l.default.zgLayout.attr,this.ZG.layout)}disconnectedCallback(){super.disconnectedCallback()}}n.Z._registerElement(d,h);const u=h},82327:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>h});var n=o(697),r=o(17470),i=o.n(r),a=o(65491),s=o.n(a);const l="zg-footer",d={};class c extends n.Z{init(){super.init(l,s(),i(),d)}ready(){super.ready(),this.widget=this._getHostContext();const e=this.widget.webcomponent;e.oDOMFooter&&e.oDOMFooter!==this&&(e.oDOMFooter.remove(),e.oDOMFooter=this,e.oDOMFooter.slot="footer")}}n.Z._registerElement(l,c);const h=c},7939:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(15539),i=o.n(r),a=o(76262),s=o.n(a),l=o(38419);const d=l.default.zgFrozenColgroup.tagName,c={};class h extends n.Z{init(){super.init(d,s(),i(),c)}ready(){super.ready(),this.setAttribute(l.default.attr.hidden,"")}}n.Z._registerElement(d,h);const u=h},45790:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>p});var n=o(697),r=o(40512),i=o.n(r),a=o(16288),s=o.n(a),l=o(38419),d=o(32816),c=o(45092);o(32260);const h=l.default.zgHeadCell.tagName,u={};class g extends n.Z{init(){super.init(h,s(),i(),u)}connectedCallback(){super.connectedCallback()}ready(){super.ready();const e=this.widget=this._getHostContext();this.ZG=e.webcomponent,this.nIndex=parseInt(this.getAttribute("cellindex"),10);const t=this.querySelector(".zg-head-details-icon");t?this.oDOMDetailsIcon=t:(this.oDOMDetailsIcon=document.createElement("zg-icon"),this.oDOMDetailsIcon.className="zg-head-details-icon",this.insertBefore(this.oDOMDetailsIcon,this.firstChild));let o=this.querySelector(`.${l.default.zgHeadCell.mainIconClass}`);o?this.oDOMIcon=o:(this.oDOMIcon=document.createElement("zg-icon"),this.oDOMIcon.className=l.default.zgHeadCell.mainIconClass,this.insertBefore(this.oDOMIcon,this.firstChild)),"rtl"===e.sComputedDir&&this.setAttribute("dir","rtl"),this.ZG=e.webcomponent,this.HEAD_CELL_INDEX=this.getAttribute("cellindex"),this.COLUMNS=e.getAllColumns(),this.MATCHED_COLUMN=this.COLUMNS[this.HEAD_CELL_INDEX],this._setResize(),this._setupSort(this.MATCHED_COLUMN.sort),e.columnDragManager.setColumnDrag()}ons(){this.on("click",this.onSort),this.on("mousedown",this.onDragStart,this,{},!1),this.on("touchstart",this.onTouchStart,this,{},!1)}onDragStart(e){let t=this.widget.columnDragManager;if(!t.onStartColumnCommon(this,e))return;this.widget.bIsColumnMoverActive=!0;const o=d.Z.get(document);o.on("mousemove",t.onDragMoveColumn,t,{},!1),o.on("mouseup",t.onDragStopColumn,t,{},!1),t.bTouch=!1}onTouchStart(e){let t=this.widget.columnDragManager;if(!t.onStartColumnCommon(this,e))return;this.widget.bIsColumnMoverActive=!0;const o=d.Z.get(document);o.on("touchmove",t.onDragMoveColumn,t,{},!1),o.on("touchend",t.onDragStopColumn,t,{},!1),o.on("touchcancel",t.onDragStopColumn,t,{},!1),t.bTouch=!0}onSort(e,t,o){const n=this.widget;if(n.bIsColumnResizeActive)return;if(e&&e.oDOMTarget&&e.oDOMTarget.tagName.toLowerCase()===l.default.zgColumnResize.tagName)return;if(o=o||null,!n.bHasSorterEnabled)return;if("disabled"===this.getAttribute("sort"))return;if(t&&"zg-head-details-icon"===t.className||this.bTooltipOpen&&this.bIsInfoTooltip)return;this.bCleared=!1,this.BODY_ROWS=n.getAllBodyRows(),this.HEAD_ROWS=n.getAllHeadRows(),this.FOOT_ROWS=n.getAllFootRows(),this.SORTED_HEAD_CELL=this,this.SORTED_HEAD_CELL_INDEX=parseInt(this.getAttribute("cellindex"),10),this.COLUMNS=n.getAllColumns(),this.MATCHED_COLUMN=this.COLUMNS[this.SORTED_HEAD_CELL_INDEX],this.CURRENT_SORT=n.sorter.sActiveSortedIndex,this.SAME_COL=this.CURRENT_SORT==this.MATCHED_COLUMN._oParsedColumnMapping.sFieldIndex,n.bSorting=!0,this._removeSortedHeadCell(),this._resetColumns();const r=!this.MATCHED_COLUMN.sortAsc&&!this.MATCHED_COLUMN.sortDesc&&!o||this.MATCHED_COLUMN.sortDesc&&!o&&!this.SAME_COL||"asc"===o,i=!o&&this.MATCHED_COLUMN.sortAsc||"desc"===o,a=this.MATCHED_COLUMN.sortDesc||"none"===o;r?this._setHeadCellAscending():i?this._setHeadCellDescending():a&&this._setHeadCellDefault(),this._setSortedColumn(),this.bCleared||this._toggleBodyCellSorted(),n.bSorting=!1}clearStyle(e){this.widget.bSorting=!0,e&&(this._resetColumns(),this._removeSortedHeadCell(),this.widget.oDOMSortedColumn=null),this._setHeadCellReset(),this._removeBodyCellSorted(),this.widget.bSorting=!1}_setResize(){const e=this.MATCHED_COLUMN._oParsedColumnMapping.sResizable,t=this.MATCHED_COLUMN._oParsedColumnMapping.sResizablePersistent,o=this.MATCHED_COLUMN._oParsedColumnMapping.sCellType;if(!c.Uh(e)&&!c.Uh(t)&&-1!==l.default.internalColumnTypes.indexOf(o))return;if(this.widget.updater.getLastVisibleColumn().oDOMZGColumn==this.MATCHED_COLUMN)return;const n=(c.Uh(this.widget.bColumnResizable)&&!1!==this.widget.bColumnResizable||c.Uh(e))&&"disabled"!==e,r=n&&(this.widget.bColumnResizablePersistent||null!=t)&&"disabled"!==t;if(n&&!this.oResizeHandler){const e=this.oResizeHandler=document.createElement(l.default.zgColumnResize.tagName);e.slot="column-resize",e.oColumn=this.MATCHED_COLUMN,e.oHeadCell=this,this.appendChild(e)}else!n&&this.oResizeHandler&&(this.removeChild(this.oResizeHandler),this.oResizeHandler=null);r?this.setAttribute(l.default.zgColumnResize.persistentAttr,""):this.removeAttribute(l.default.zgColumnResize.persistentAttr),n?this.setAttribute(l.default.zgColumnResize.attr,""):this.removeAttribute(l.default.zgColumnResize.attr)}_setupSort(e){const t=this.widget.webcomponent.hasAttribute(l.default.sort.attr),o=this.querySelector("zg-icon");let n;if(void 0===e){n=this.querySelector(`.${l.default.zgHeadCell.mainIconClass}`).parentNode,e=n.hasAttribute("sort")}let r=o.getAttribute(l.default.attr.name);e||!t||r||(o.setAttribute(l.default.attr.name,"down"),o.setAttribute(l.default.attr.init,""))}_removeSort(){const e=this.querySelector("zg-icon");e.removeAttribute(l.default.attr.name),e.removeAttribute(l.default.attr.init)}_removeSortedHeadCell(){this.HEAD_ROWS.forEach((e=>{e.querySelectorAll(h).forEach((e=>{e.removeAttribute(l.default.sort.ascAttr),e.removeAttribute(l.default.sort.descAttr);const t=e.querySelector(l.default.zgIcon.tagName);t.removeAttribute(l.default.sort.ascAttr),t.removeAttribute(l.default.sort.descAttr),t.parentNode.hasAttribute("sort")||(t.setAttribute(l.default.attr.name,"down"),t.setAttribute(l.default.attr.init,""))}))}))}_removeBodyCellSorted(){this.BODY_ROWS.forEach((e=>{e.querySelectorAll(l.default.zgCell.tagName).forEach(((e,t)=>e.removeAttribute(l.default.attr.sorted)))}))}_removeHeaderCellSorted(){this.HEAD_ROWS.forEach((e=>{e.hasAttribute("sorter")||[...e.children].forEach((e=>e.removeAttribute(l.default.attr.sorted)))}))}_removeFooterCellSorted(){this.FOOT_ROWS.forEach((e=>{[...e.children].forEach((e=>e.removeAttribute(l.default.attr.sorted)))}))}_resetColumns(){this.COLUMNS.forEach((e=>{e!==this.MATCHED_COLUMN&&(e.removeAttribute(l.default.sort.ascAttr),e.removeAttribute(l.default.sort.descAttr))}))}_setHeadCellAscending(){this.MATCHED_COLUMN._oParsedColumnMapping.sSortDir="asc",this.MATCHED_COLUMN.sortAsc=!0,this.SORTED_HEAD_CELL.setAttribute(l.default.sort.ascAttr,""),this.SORTED_HEAD_CELL.removeAttribute(l.default.sort.descAttr),this.oDOMIcon.removeAttribute(l.default.attr.init),this.oDOMIcon.removeAttribute(l.default.sort.descAttr),this.oDOMIcon.setAttribute(l.default.attr.name,"up"),this.oDOMIcon.setAttribute(l.default.sort.ascAttr,""),this._setHeaderCellSorted(),this._setFooterCellSorted()}_setHeadCellDefault(){this.clearStyle(!1),this.bCleared=!0}_setHeadCellDescending(){this.MATCHED_COLUMN._oParsedColumnMapping.sSortDir="desc",this.MATCHED_COLUMN.sortDesc=!0,this.SORTED_HEAD_CELL.removeAttribute(l.default.sort.ascAttr),this.SORTED_HEAD_CELL.setAttribute(l.default.sort.descAttr,""),this.oDOMIcon.removeAttribute(l.default.attr.init),this.oDOMIcon.removeAttribute(l.default.sort.ascAttr),this.oDOMIcon.setAttribute(l.default.attr.name,"down"),this.oDOMIcon.setAttribute(l.default.sort.descAttr,""),this._setHeaderCellSorted(),this._setFooterCellSorted()}_setHeadCellReset(){this.MATCHED_COLUMN._oParsedColumnMapping.sSortDir="",this.MATCHED_COLUMN.sortAsc=!1,this.MATCHED_COLUMN.sortDesc=!1,this.SORTED_HEAD_CELL.removeAttribute(l.default.sort.ascAttr),this.SORTED_HEAD_CELL.removeAttribute(l.default.sort.descAttr),this.oDOMIcon.removeAttribute(l.default.sort.ascAttr),this.oDOMIcon.removeAttribute(l.default.sort.descAttr),this.oDOMIcon.setAttribute(l.default.attr.name,"down"),this.oDOMIcon.setAttribute(l.default.attr.init,""),this._removeHeaderCellSorted(),this._removeFooterCellSorted()}_setHeaderCellSorted(){this.HEAD_ROWS.forEach((e=>{e.hasAttribute("sorter")||[...e.children].forEach(((e,t)=>{this._toggleCellSorted({cell:e,i:t})}))}))}_setFooterCellSorted(){this.FOOT_ROWS.forEach((e=>{[...e.children].forEach(((e,t)=>this._toggleCellSorted({cell:e,i:t})))}))}_setSortedColumn(){this.bCleared?this.widget.oDOMSortedColumn=null:this.widget.oDOMSortedColumn=this.MATCHED_COLUMN}_toggleBodyCellSorted(){this.BODY_ROWS.forEach((e=>{e.querySelectorAll(l.default.zgCell.tagName).forEach(((e,t)=>this._toggleCellSorted({cell:e,i:t})))}))}_setHeaderTooltip(){const e=this.widget.tooltipManager,t=this.oTooltipOptions=e._getTooltipOptions("Header",this.MATCHED_COLUMN._oParsedColumnMapping),o=t.fnTooltipRenderer&&t.fnTooltipRenderer.method,n=!!t.tooltipText;if(this.bIsInfoTooltip=t.tooltipTrigger!==l.default.zgTooltip.textTriggerType,this.sTooltipContent&&this._resetTooltip(),n||o||t.oDOMTooltipTemplate){if(this.querySelector(`[${l.default.zgCell.cellIndexAttr}]`)){const o=t.tooltipIconPosition||"right";this.bIsInfoTooltip?(this.oDOMDetailsIcon.setAttribute("position",o),this.oDOMDetailsIcon.name=t.tooltipIcon||l.default.zgHeadCell.infoTooltipType,this.oTrigger=this.oDOMDetailsIcon):(this.oDOMDetailsIcon.removeAttribute("position"),this.oDOMDetailsIcon.name=null,this.oTrigger=this),this.setAttribute(l.default.zgTooltip.iconPositionAttr,o);const n=t.tooltipType||"default";this.setAttribute(l.default.zgTooltip.typeAttr,n),this.sTooltipContent=e._getTooltipContent("Header",this.oTooltipOptions);const r=this.bIsInfoTooltip&&this.oTooltipOptions.tooltipAction===l.default.zgTooltip.actionTypeClick;r&&this.setAttribute(l.default.zgTooltip.actionAttr,l.default.zgTooltip.actionTypeClick),(this.bIsInfoTooltip||""!==this.MATCHED_COLUMN._oParsedColumnMapping.sColumnHeaderText)&&e._initTooltipTriggers(this.oTrigger,this,r)}}}_setTooltipPosition(){const e=this.oTooltipOptions,t=this.oTrigger.getBoundingClientRect(),o=this.ZG.getBoundingClientRect(),n=this.ZG.oDOMTooltip,r={left:t.left-o.left,top:t.top-o.top},i=window.getComputedStyle(this).getPropertyValue("padding-left");let a=parseInt(i.replace(/px/,""));const s=null!==this.oDOMIcon.getAttribute(l.default.attr.name),d=this.querySelector(`[${l.default.zgCell.cellIndexAttr}]`),c="bottom"===e.tooltipPosition,h="right"===e.tooltipPosition,u="left"===e.tooltipPosition,g="top"===e.tooltipPosition||!e.tooltipPosition||!c&&!h&&!u;let p=this.getAttribute(l.default.attr.align)||"left";if("rtl"===this.getAttribute("dir")&&"left"===p&&(p="right"),!this.bIsInfoTooltip&&("center"===p||"right"===p)){const e=(d.querySelector("span")||d).getBoundingClientRect();r.left=e.left-o.left,u?r.left-=a:h&&(r.left+=e.width)}if(this.hasAttribute(l.default.zgHeadCell.isContentLongerAttr)?n.setAttribute(l.default.zgHeadCell.isContentLongerAttr,""):n.removeAttribute(l.default.zgHeadCell.isContentLongerAttr),!this.bIsInfoTooltip&&(g||c)&&(Number.isInteger(a)&&"left"===p&&(r.left+=a),s)){const e=this.oDOMIcon.getBoundingClientRect().width;r.left+=a+e}if(h&&"left"===p&&!this.bIsInfoTooltip){const e=d.getBoundingClientRect().width,t=s?this.oDOMIcon.getBoundingClientRect().width:0;r.left+=a+t+e}else h&&this.bIsInfoTooltip&&(r.left+=t.width);return(h||u)&&(r.top+=t.height/2),c&&(r.top+=t.height),r}_resetTooltip(){this.removeAttribute(l.default.zgTooltip.iconPositionAttr),this.removeAttribute(l.default.zgTooltip.typeAttr),this.oDOMDetailsIcon&&(this.oDOMDetailsIcon.removeAttribute("position"),this.oDOMDetailsIcon.name=""),this.sTooltipContent=null,this.fnUnMouseLeave&&(this.fnUnMouseLeave(),this.fnUnMouseEnter(),this.fnUnMouseEnter=null,this.fnUnMouseLeave=null),this.fnUnClick&&(this.fnUnClick(),this.fnUnClick=null)}_toggleCellSorted({cell:e}){return(e.getAttribute("cellindex")||e.cellIndex).toString()===this.SORTED_HEAD_CELL_INDEX.toString()?e.setAttribute(l.default.attr.sorted,""):e.removeAttribute(l.default.attr.sorted)}disconnectedCallback(){super.disconnectedCallback(),this._resetTooltip(),this.oDOMDetailsIcon=null,this.oDOMIcon=null,this.COLUMNS=null,this.MATCHED_COLUMN=null,this.BODY_ROWS=null,this.HEAD_ROWS=null,this.FOOT_ROWS=null,this.SORTED_HEAD_CELL=null,this.oResizeHandler=null,this.oTooltipOptions=null,this.oTrigger=null}}n.Z._registerElement(h,g);const p=g},55468:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(31395),i=o.n(r),a=o(69878),s=o.n(a),l=o(38419);o(45092);const d="zg-head",c={};class h extends n.Z{init(){super.init(d,s(),i(),c)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.setAttribute(l.default.attr.role,"rowgroup"),this.ZG.layout&&this.ZG.layout.length&&(this.layout=this.ZG.layout)}disconnectedCallback(){super.disconnectedCallback(),this.layout=null}}n.Z._registerElement(d,h);const u=h},18433:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>h});var n=o(697),r=o(13175),i=o.n(r),a=o(24386),s=o.n(a);const l="zg-header",d={};class c extends n.Z{init(){super.init(l,s(),i(),d)}ready(){super.ready(),this.widget=this._getHostContext()}}n.Z._registerElement(l,c);const h=c},23837:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>b});var n=o(697),r=o(86675),i=o.n(r),a=o(44914),s=o.n(a),l=o(38419),d=o(45092),c=o(56919),h=o(91724);const{translate:u}=d,g="zg-icon",p=d.SV(i(),s()),f={name:{bReflectToAttribute:!0,type:String}};n.Z.getObservedAtts(f);class m extends n.Z{init(){super.init(g,s(),i(),f,p)}ready(){if(super.ready(),this.widget=this._getHostContext(),!this.widget)return;this.ZG=this.widget.webcomponent,this.allowedTypes=l.default.iconSet.allowedTypes,this.vendor=this.ZG.iconSet,this.vendor&&this.vendor.toLowerCase(),this.inShadow=d.MA(this),this.widget.aIcons.push(this),this.setIcon(this.name);const e=d.MV(this,l.default.zgCaption.tagName),t=d.MV(this,l.default.zgButton.tagName);e&&!t&&this.setAttribute(l.default.attr.internalcaption,"")}changeVendor(e){this.vendor=e||null;let t=this._oShadowRoot.querySelector('slot[name="icon"]').assignedNodes();t.length&&t.forEach((e=>this.removeChild(e))),this.name&&this.setVendor(this.name)}setIcon(e){e?this.vendor?this.setVendor(e):this.setSvg(e):this.currSvg&&(this.currSvg.innerHTML="")}setSvg(e){const t=d.rO(1,1e6);this.svgId=`svg-${t}`,this.svgSrc=null,this.currSvg=null,this.targetSvg=null;let o=this.querySelector("svg");o||(o=document.createElementNS("http://www.w3.org/2000/svg","svg"),o.id=this.svgId,o.setAttribute("slot","icon"),o.setAttribute("viewBox","0 0 24 24"),"deselect"===e&&o.setAttribute("no-fill",""),this.appendChild(o)),this.currSvg=o,this._setIconNew(e)}setVendor(e){const t=Object.keys(this.allowedTypes).filter((e=>this.allowedTypes[e].indexOf(this.vendor)>-1))[0];if(t)try{this[`_setVendor${t.charAt(0).toUpperCase()}${t.slice(1)}`](e)}catch(t){this.setSvg(e);const o={icon:"error",state:"error",msg:u({msg:c.default.get("iconSet.invalidVendorMethod",this.widget),vars:[l.default.zgIcon.attr,this.vendor]})};this.widget.statusManager.setStatus(o)}else{this.setSvg(e);const t={icon:"error",state:"error",msg:u({msg:c.default.get("iconSet.invalidVendor",this.widget),vars:[l.default.zgIcon.attr]})};this.widget.statusManager.setStatus(t)}}_setVendorCustom(e){const t=this.ZG.iconSetDataMap[e]||"N/A";this.insertAdjacentHTML("afterbegin",t)}_setVendorFontAwesome(e){const t=this,o=h.default.prefix2.length;if(e.slice(0,o)===h.default.prefix2)n(e);else{const t=this._getMappedName(e,h.default.map);t.matched?n(t.name):this.setSvg(e)}function n(e){const o=t.querySelector("i")||document.createElement("i");o.className="",-1!==e.indexOf("square")?o.classList.add("far"):o.classList.add("fas"),o.classList.add(e),o.parentNode||(o.slot=l.default.zgIcon.slotIcon,t.appendChild(o))}}_getMappedName(e,t){const o=t[Object.keys(t).filter((t=>t===e))];return{name:o||e,matched:!!o}}_setIconNew(e){if(e&&!this.widget.webcomponent.bWaitingForIcons&&"#"!==(e=0===e.indexOf("#")?e:`#${e}`)&&"string"==typeof e&&e[1].toLowerCase()!==e[1].toUpperCase()&&this.currSvg&&this.ZG.themeSVG){if(this.targetSvg=this.ZG.themeSVG.querySelector(e),!this.targetSvg)return;this.TARGET_SVG_CLONE=this.targetSvg.cloneNode(!0),this.currSvg.innerHTML="",this.TARGET_SVG_CLONE&&this.TARGET_SVG_CLONE.children&&[...this.TARGET_SVG_CLONE.children].forEach((e=>{this.currSvg.appendChild(e)}))}}_propertyHandler(e,t,o){return o=super._propertyHandler(e,t,o),"name"===e&&this.bReady&&this.setIcon(o),o}disconnectedCallback(){super.disconnectedCallback(),this.currSvg=null,this.targetSvg=null,this.TARGET_SVG_CLONE=null}static get observedAttributes(){return n.Z.getObservedAtts(f)}}n.Z._registerElement(g,m);const b=m},52081:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>p});var n=o(32816),r=o(697),i=o(90845),a=o.n(i),s=o(84407),l=o.n(s),d=(o(45092),o(38419));const c="zg-input",h={for:{bReflectToAttribute:!0},action:{bReflectToAttribute:!0,type:String},type:{bReflectToAttribute:!0,type:String},value:{bReflectToAttribute:!0,type:String},widget:{}},u=r.Z.getObservedAtts(h);class g extends r.Z{init(){super.init(c,l(),a(),h),this.setupRefs()}setupRefs(){this.oDOMInnerWrapper=document.createElement("input"),this.oDOMInnerWrapper.className="zg-input-input",this.oDOMInnerWrapper.slot="input",this.oDOMInnerWrapper.setAttribute(d.default.aria.label,"Current Page")}ready(){super.ready(),this.widget=this._getHostContext(),this.oDOMInnerWrapper||this.setupRefs();let e=this.querySelector(".zg-input-input");e?this.oDOMInnerWrapper=e:this.appendChild(this.oDOMInnerWrapper),this.action||(this.type&&(this.oDOMInnerWrapper.type=this.type),this.value&&(this.oDOMInnerWrapper.value=this.value)),setTimeout((()=>{this.widget.bDisconnect||this._updateCurrentPageWidth(this.widget)}),0),this.postRenderOns()}postRenderOns(){this.on("keydown",this.onKeyDown,this,{},!1),this.fnUnKeyDown=n.Z.get(this.oDOMInnerWrapper).on("keydown",this.onInputKeyDown,this,{},!1)}onInputKeyDown(e,t){let o=e.nCharCode;if(this.action)switch(o){case e.ENTER:this.value=this.oDOMInnerWrapper.value,this.focus(),e.stopEvent(),e.stopImmediatePropagation();break;case e.RIGHT:case e.LEFT:e.stopEvent(),e.stopImmediatePropagation()}}onKeyDown(e,t){let o,n,r=e.nCharCode,i=parseInt(this.oDOMInnerWrapper.value,10);if(this.action)switch((null===i||isNaN(i))&&(i=0),"currpage"===this.action&&(o=1,n=this.widget.getPageCount()),e.stopPropagation(),r){case e.ENTER:this.oDOMInnerWrapper.focus(),this.value=this.oDOMInnerWrapper.value,e.stopEvent(),e.stopImmediatePropagation();break;case e.UP:i<n&&(this.oDOMInnerWrapper.value=i+1,this.value=this.oDOMInnerWrapper.value),e.stopEvent(),e.stopImmediatePropagation();break;case e.DOWN:i>o&&(this.oDOMInnerWrapper.value=i-1,this.value=this.oDOMInnerWrapper.value),e.stopEvent(),e.stopImmediatePropagation()}}updateInfo(e,t){t=t||this.action,e=e||this.widget;let o=this.oDOMInnerWrapper,n=e.getCurrPageIdx();if("currpage"===t)this._updateCurrentPageWidth(e),o.value=n+1}_propertyHandler(e,t,o){return o=super._propertyHandler(e,t,o),this.bReady&&("value"===e&&(this._updateDOMValue(o),this.fire("valuechanged",o)),"type"!==e||this.action||(o?this.oDOMInnerWrapper.type=o:this.oDOMInnerWrapper.removeAttribute("type"))),o}_updateBinding(e,t,o,n){if(e&&o&&(this.fnUnSubscribe(),this.fnUnNotify(),this.fnUnKeyDown&&this.fnUnKeyDown()),t&&(this.updateInfo(t,n),"currpage"===n))this.fnUnSubscribe=t.on(d.default.event.updated,this.updateInfo,this),this.fnUnNotify=this.on("valuechanged",((e,o)=>{t.setCurrPageIdx(o-1)})),this._updateCurrentPageWidth(t)}_updateCurrentPageWidth(e){const t=e.webcomponent.querySelector('[value="pagecount"]');if(!t||!this.action)return;const o=t.getBoundingClientRect().width;this.style.setProperty("width",`var(--zg-input-width, ${o+15}px)`)}_updateDOMValue(e){"currpage"===this.action&&(e=parseInt(e,10)),this.oDOMInnerWrapper.value=e}disconnectedCallback(){super.disconnectedCallback(),this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnNotify&&this.fnUnNotify(),this.fnUnKeyDown&&this.fnUnKeyDown(),this.un("keydown",this.onKeyDown,this),this.cleanElement("oDOMInnerWrapper")}static get observedAttributes(){return u}}r.Z._registerElement(c,g);const p=g},82800:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(22397),i=o.n(r),a=o(9674),s=o.n(a),l=o(38419);const d="zg-layout-controls",c={};n.Z.getObservedAtts(c);class h extends n.Z{init(){super.init(d,s(),i(),c)}ready(){if(super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.setAttribute(l.default.attr.role,"toolbar"),!this.children.length||1===this.children.length){document.createElement(l.default.zgText.tagName).textContent="Cards:";const e=document.createElement(l.default.zgButton.tagName);e.setAttribute(l.default.attr.datafocus,""),e.action="layoutrow";const t=document.createElement(l.default.zgButton.tagName);t.setAttribute(l.default.attr.datafocus,""),t.action="layoutcard",this.appendChild(t),this.appendChild(e)}}ons(){}disconnectedCallback(){super.disconnectedCallback()}static get observedAttributes(){return n.Z.getObservedAtts(c)}}n.Z._registerElement(d,h);const u=h},10876:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(26516),i=o.n(r),a=o(172),s=o.n(a),l=o(38419),d=o(56919);const c=l.default.zgLoadMask.tagName,h={};class u extends n.Z{init(){super.init(c,s(),i(),h)}ready(){super.ready(),this.setAttribute(l.default.attr.hidden,""),this.customOns()}customOns(){this.widget.store.on("loading",this.loading,this),this.widget.store.on("loaded",this.loaded,this)}updateText(){this.loadingText&&(this.loadingText.textContent=this.widget.webcomponent.loadingText||d.default.get("loadMask.title",this.widget,{element:this.loadingText,elProperty:"textContent"}))}default(){const e=document.createElement("span"),t=e.cloneNode(!0);t.classList.add("default-wrap");const o=e.cloneNode(!0);o.classList.add("loading-text"),o.textContent=this.widget.webcomponent.loadingText||d.default.get("loadMask.title",this.widget,{element:o,elProperty:"textContent"}),t.appendChild(o),this.loadingText=o;const n=e.cloneNode(!0);let r;n.classList.add("animation-wrap"),r=e.cloneNode(!0),r.classList.add("animation-dot"),n.appendChild(r),t.appendChild(n),this.shadowRoot.appendChild(t)}loading(){let e=this.widget,t=e.store,o=e.webcomponent,n=t.oDataFormat.bLoadByScroll&&e.nCurrPageIdx;this.updateText(),o.loadmask&&"disabled"===o.loadmask||t.bHasLoaded&&!e.bUpdatingSize||n||e.bPreloaded||(this.widget.webcomponent.setAttribute("loading",!0),this.setXY(0,0),this._show())}loaded(){this._hide(),this.widget.webcomponent.removeAttribute(l.default.attr.loading)}}n.Z._registerElement(c,u);const g=u},26665:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(93251),i=o.n(r),a=o(42854),s=o.n(a);const l=o(38419).default.zgMenuGroup.tagName,d={},c=n.Z.getObservedAtts(d);class h extends n.Z{init(){super.init(l,s(),i(),d)}ready(){super.ready(),this.widget=this._getHostContext(),"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl")}ons(){}static get observedAttributes(){return c}}n.Z._registerElement(l,h);const u=h},12040:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(77189),i=o.n(r),a=o(52312),s=o.n(a),l=o(38419);const d="zg-menu-item",c={},h=n.Z.getObservedAtts(c);class u extends n.Z{init(){super.init(d,s(),i(),c)}ready(){this.bAdded||(super.ready(),this.widget=this._getHostContext(),this.setAttribute("tabindex",-1),this.getAttribute(l.default.attr.role)||this.setAttribute(l.default.attr.role,"menuitem"),this.bAdded=!0)}ons(){this.on("mouseenter",this.togglePseudoClass),this.on("mouseleave",this.togglePseudoClass),this.on("click",this.onClick,this),this.on("contextmenu",this.onContextMenu,this,{},!1),this.on("mousedown",this.onMouseDown,this),this.on("keydown",this.onKeyDown,this,{},!1)}checkMenuItemFocus(e){let t=!0,o=e.tagName.toLowerCase(),n=e.querySelector("zg-button");return"zg-menu-item"!==o&&"zg-menu-group"!==o&&(t=!1),e.hidden&&(t=!1),n&&n.disabled&&(t=!1),t}changeFocus(e){let t=this,o=this,n=1;if(this.menuGroup&&(t=this.menuGroup,o=this),"down"===e)for(;n++&&(t=t.nextElementSibling,t||(t=this.menu.firstElementChild),!(this.checkMenuItemFocus(t)||n>50)););else if("up"===e)for(;n++&&(t=t.previousElementSibling,t||(t=this.menu.lastElementChild),!(this.checkMenuItemFocus(t)||n>50)););else if("right"===e)if(this.menuGroup){for(;n++&&(o=o.nextElementSibling,o||(o=this.menuGroup.firstElementChild),!(this.checkMenuItemFocus(o)||n>50)););t=o}else this.menuManager.closeMenu();else if("left"===e&&this.menuGroup){for(;n++&&(o=o.previousElementSibling,o||(o=this.menuGroup.lastElementChild),!(this.checkMenuItemFocus(o)||n>50)););t=o}"zg-menu-group"===t.tagName.toLowerCase()&&(t=t.querySelector(`${l.default.zgMenuItem.tagName}:not([hidden]`)),t&&t.focus()}onKeyDown(e){let t=!1;switch(e.nCharCode){case e.UP:this.changeFocus("up");break;case e.DOWN:this.changeFocus("down");break;case e.RIGHT:this.changeFocus("right");break;case e.LEFT:this.changeFocus("left");break;case e.ENTER:case e.SPACE:this.onClick(e);break;case e.ESC:this.menuManager.closeMenu();break;default:t=!0}t||e.stopEvent()}onClick(e,t){const o=this.widget;let n=null,r=null,i=null,a=null,s=null,d=null,c=null,h=this.querySelector(l.default.zgButton.tagName);if(h&&h.action)return void h.click();o.menuManager&&o.menuManager.activeMenu&&(n=o.menuManager.activeCell,r=o.menuManager.activeHeader,i=o.menuManager.activeColumn,d=n.sTargetFieldIndex,c=n.sTargetRecordIndex,a=o.store.get(c,d),s=o.getDOMByIndex(n.nRowContainerIndex,n.nColumnIndex),o.menuManager.closeMenu());let u={DOMCell:s,recordIndex:c,fieldIndex:d,data:a,grid:o.webcomponent,cell:n,header:r,column:i};o.emitEvent("menu:click",{ZGEvent:e,ZGTarget:this,ZGData:u})}onContextMenu(e,t){e.preventDefault()}onMouseDown(e,t){}disconnectedCallback(){super.disconnectedCallback(),this.menu=null,this.menuGroup=null,this.menuManager=null}static get observedAttributes(){return h}}n.Z._registerElement(d,u);const g=u},29327:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(6528),i=o.n(r),a=o(66513),s=o.n(a),l=o(38419);const d="zg-menu",c={replace:{bReflectToAttribute:!0,type:Boolean},widget:{}},h=n.Z.getObservedAtts(c);class u extends n.Z{init(){super.init(d,s(),i(),c)}ready(){super.ready(),this.widget=this._getHostContext(),this.setAttribute(l.default.attr.role,"menu")}static get observedAttributes(){return h}}n.Z._registerElement(d,u);const g=u},37326:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(31516),i=o.n(r),a=o(32501),s=o.n(a),l=o(38419);const d="zg-no-data",c={},h=n.Z.getObservedAtts(c);class u extends n.Z{init(){super.init(d,s(),i(),c)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.widget.on(l.default.event.updated,this.updateInfo,this)}updateInfo(){const e=this.widget,t=e.store.getOriginRecordCount()||e.getRowCount()||e.aTopRowMapping.length||e.aBottomRowMapping.length,o=e.mainColumnBody.oBody;t?(o.removeAttribute(l.default.zgNoData.attr),this.removeAttribute(l.default.zgNoData.attr)):(o.setAttribute(l.default.zgNoData.attr,""),this.setAttribute(l.default.zgNoData.attr,""))}clearInfo(){if(!this.widget||!this.widget.mainColumnBody)return;this.widget.mainColumnBody.oBody.removeAttribute(l.default.zgNoData.attr),this.removeAttribute(l.default.zgNoData.attr)}static get observedAttributes(){return h}}n.Z._registerElement(d,u);const g=u},54347:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>h});var n=o(697),r=o(43645),i=o.n(r),a=o(76089),s=o.n(a);const l="zg-option-list",d={hidden:{bReflectToAttribute:!0,type:Boolean},options:{bReflectToAttribute:!0,type:String}};class c extends n.Z{init(){super.init(l,s(),i(),d)}ready(){super.ready(),this.widget=this._getHostContext(),"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl")}ons(){this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnSubscribe=this.on("keydown",this.onKeyDown,this,{},!1)}bIsHidden(){return this.hidden}changeOptions(e){this.options=e}_hide(){this.hidden=!0}_propertyHandler(e,t,o){switch(o=super._propertyHandler(e,t,o),e){case"hidden":break;case"options":this.innerHTML="";const e=document.createElement("span");e.tabIndex=-1,o?(this.parentNode&&this.parentNode.removeAttribute("disabled"),o.split(",").forEach((t=>{let o=e.cloneNode(!1),n=parseInt(t,10);!isNaN(n)&&n>0&&(o.textContent=n,this.appendChild(o))}))):this.parentNode&&this.parentNode.setAttribute("disabled","")}return o}_show(){let e=this.widget.getPageSize(),t=this.querySelectorAll("span");if(this.hidden=!1,this.focused=null,!this.widget.isStorybook("select")&&![...t].some((t=>t.innerHTML==e&&(t.focus(),this.focused=t,!0)))&&t.length){let e=t[0];e.focus(),this.focused=e}}changeFocus(e,t){let o=this.focused;t===e.UP?(o=o.previousElementSibling,o||(o=this.focused.parentNode.lastElementChild)):t===e.DOWN&&(o=o.nextElementSibling,o||(o=this.focused.parentNode.firstElementChild)),o&&(o.focus(),this.focused=o)}onKeyDown(e){let t=e.nCharCode,o=!1;switch(t){case e.UP:case e.DOWN:this.changeFocus(e,t);break;case e.RIGHT:this.parentNode.toggleList();break;case e.ENTER:case e.SPACE:this.focused&&this.focused.click();break;default:o=!0}o||e.stopEvent()}disconnectedCallback(){super.disconnectedCallback(),this.options=null,this.focused=null}}n.Z._registerElement(l,c);const h=c},97996:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>m});var n=o(697),r=o(23826),i=o.n(r),a=o(63476),s=o.n(a),l=o(45092),d=o(38419),c=o(56919);const{stripComments:h}=l.String,u="zg-pager",g={widget:{},pageSize:{type:Number,bReflectToAttribute:!0},pageSizeCard:{type:Number,bReflectToAttribute:!0},pageSizeRow:{type:Number,bReflectToAttribute:!0},pagerType:{bReflectToAttribute:!0,type:String},pagerButtonLimit:{type:Number,bReflectToAttribute:!0},position:{bReflectToAttribute:!0,type:String},sizeOptions:{bReflectToAttribute:!0,type:String}},p=n.Z.getObservedAtts(g);class f extends n.Z{init(){super.init(u,s(),i(),g)}ready(){super.ready(),this.widget=this._getHostContext();let e=this.widget.webcomponent;if(!this.widget.bPreloaded){if(this._updateContents(),this.parentNode===this.widget.webcomponent&&this._attachPosition(this.position||e.getAttribute("pager-position")),this.bHasChildNode)return;this.sizeOptions&&this.updateSize(this.sizeOptions),(this.pageSize||this.pageSizeRow||this.pageSizeCard)&&this.widget.calculatePageSize(),e.getAttribute(d.default.viewport.attr)&&this.setAttribute(d.default.viewport.attr,e.getAttribute(d.default.viewport.attr)),(e.getAttribute(d.default.viewport.pauseAttr)||""===e.getAttribute(d.default.viewport.pauseAttr))&&this.setAttribute(d.default.viewport.pauseAttr,""),(e.getAttribute(d.default.viewport.stopAttr)||""===e.getAttribute(d.default.viewport.stopAttr))&&this.setAttribute(d.default.viewport.stopAttr,""),e.layout&&e.layout.length&&this.setAttribute(d.default.zgLayout.attr,e.layout)}"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl"),this.widget.on(d.default.event.updated,(()=>{this.pagerType&&this._updateContents()}),this)}updateSize(e){let t=this.querySelector('zg-select[action="pagesize"]');if(t&&(t.setAttribute("options",e),this.widget&&!this.widget.bUserPageSize&&e)){let t=e.split(","),o=parseInt(t[t.length-1],10);isNaN(o)||this.widget.setPageSize(o,void 0,!this.widget.bAPIReady)}}_propertyHandler(e,t,o){if(o=super._propertyHandler(e,t,o),this.bReady)switch(e){case"pageSize":case"pageSizeRow":case"pageSizeCard":this.widget.calculatePageSize(null,!0,e,o);break;case"sizeOptions":this.updateSize(o);break;case"pagerType":this._updateContents(this.cursor,o,this.pagerButtonLimit);break;case"pagerButtonLimit":this._updateContents(this.cursor,this.pagerType,o);break;case"position":this._attachPosition(o)}return o}_updateContents(e,t,o){const n=this.widget;if(this.bHasChildNode||!n)return;void 0===t&&(t=this.pagerType),o=null===o?d.default.zgPager.defaultButtonLimit:o||this.pagerButtonLimit||d.default.zgPager.defaultButtonLimit;const r=`\n      <zg-select ${d.default.attr.datafocus} slot="left" action="pagesize" options="5,10,50"></zg-select>\n      <zg-button ${d.default.attr.datafocus} slot="left" action="reload"></zg-button>\n    `,i='\n      <zg-text slot="right" text="rows"></zg-text>\n      <zg-text slot="right" value="startrow"></zg-text>\n      <zg-text slot="right">-</zg-text>\n      <zg-text slot="right" value="endrow"></zg-text>\n      <zg-text slot="right" text="pageOf"></zg-text>\n      <zg-text slot="right" value="rowcount"></zg-text>\n    ',a=n.getPageCount(),s=n.getCurrPageIdx(),h=Math.min(o,a);let u=0,g=0;if(h){const e=Math.floor(h/2),t=h%2;t&&s<=e||!t&&s<e?(u=0,g=h-1):s+e+1>a?(g=a-1,u=g-h+1):(u=s-e,g=s+e,t||u++)}let p="";for(let e=u;e<=g;e++)p+=`\n        <zg-button page-index=${e} ${d.default.attr.datafocus} slot="center" action="page">\n          <span slot="icon"></span>\n          <span slot="label">${e+1}</span>\n        </zg-button>\n      `;let f=`\n      ${r}\n      <zg-button ${d.default.attr.datafocus} slot="center" action="firstpage"></zg-button>\n      <zg-button ${d.default.attr.datafocus} slot="center" action="prevpage"></zg-button>\n      <zg-text slot="center" text="page"></zg-text>\n      <zg-input ${d.default.attr.datafocus} slot="center" action="currpage"></zg-input>\n      <zg-text slot="center" text="pageOf"></zg-text>\n      <zg-text slot="center" value="pagecount"></zg-text>\n      <zg-button ${d.default.attr.datafocus} slot="center" action="nextpage"></zg-button>\n      <zg-button ${d.default.attr.datafocus} slot="center" action="lastpage"></zg-button>\n      ${i}\n    `,m=`\n      ${r}\n      <zg-button ${d.default.attr.datafocus} slot="center" action="prevpage" type="cursor"></zg-button>\n      <zg-button ${d.default.attr.datafocus} slot="center" action="nextpage" type="cursor"></zg-button>\n    `,b=`\n      ${r}\n      <zg-button ${d.default.attr.datafocus} slot="center" action="prevpage"></zg-button>\n      ${p}\n      <zg-button ${d.default.attr.datafocus} slot="center" action="nextpage"></zg-button>\n      ${i}\n    `,v=`\n      ${r}\n      <zg-button ${d.default.attr.datafocus} slot="center" action="prevpage">\n        <span slot="icon"></span>\n        <span slot="label">${c.default.get("pagination.pagePrev")}</span>\n      </zg-button>\n      ${p}\n      <zg-button ${d.default.attr.datafocus} slot="center" action="nextpage">\n        <span slot="icon"></span>\n        <span slot="label">${c.default.get("pagination.pageNext")}</span>\n      </zg-button>\n      ${i}\n    `;if(t){const e=t===d.default.zgPager.buttonTextType?v:b;this.oDOMDefaultPagerFrag=(0,l.W2)(e)}else if(this.widget){let t=e||this.widget.store.oDataFormat.bCursor||this.widget.store.oDataFormat.bLoadByPages&&this.widget.store.oDataFormat.bStartAtValue;[...this.querySelectorAll("[slot]")].forEach((e=>e.remove())),t?this.setAttribute(d.default.attr.type,d.default.zgPager.cursorAttr):this.removeAttribute(d.default.attr.type);const o=t?m:f;this.oDOMDefaultPagerFrag=(0,l.W2)(o)}this.innerHTML="",this.appendChild(this.oDOMDefaultPagerFrag),this.querySelectorAll("zg-text[text]").forEach((e=>{let t=e.getAttribute("text");e.innerHTML=c.default.get(`pagination.${t}`,this.widget,{element:e,elProperty:"innerHTML"})}))}_attachPosition(e){"both"!==e&&(e&&"top"===e?(this.setAttribute("slot","top"),this.widget.webcomponent.oTopPager=this):(this.setAttribute("slot","pager"),this.widget.webcomponent.oBottomPager=this))}disconnectedCallback(){super.disconnectedCallback(),this.oDOMDefaultPagerFrag=null}static get observedAttributes(){return p}}n.Z._registerElement(u,f);const m=f},93534:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(40629),i=o.n(r),a=o(75150),s=o.n(a),l=o(38419);const d="zg-param",c={name:{type:String,bReflectToAttribute:!0},value:{type:String,bReflectToAttribute:!0},widget:{}},h=n.Z.getObservedAtts(c);class u extends n.Z{init(){super.init(d,s(),i(),c)}ready(){super.ready(),this.widget=this._getHostContext(),this.parentNode&&"zg-data"===this.parentNode.tagName.toLowerCase()&&(this.oDOMData=this.parentNode),this.setAttribute(l.default.attr.hidden,""),this.oDOMData&&0===this.oDOMData.nCheckedParams&&this.reload()}_attributeHandler(e,t,o){return super._attributeHandler(e,t,o),this.bReady&&this.widget&&this.reload(),o}reload(){let e=this.oDOMData;e&&this.widget.store.debounceLoadData(e.options,this.widget.webcomponent.params,null,!0)}disconnectedCallback(){super.disconnectedCallback(),this.bReady&&this.widget&&!this.widget.bDisconnect?this.reload():this.oDOMData=null}static get observedAttributes(){return h}}n.Z._registerElement(d,u);const g=u},35678:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>p});var n=o(697),r=o(53171),i=o.n(r),a=o(39457),s=o.n(a),l=o(38419),d=o(45092);const c="zg-row",h=d.SV(i(),s()),u={};class g extends n.Z{init(){super.init(c,s(),i(),u,h),this.bodyRowIndex=null}ready(){this.widget=this.widget||this._getHostContext(),super.ready(),this.ZG=this.widget.webcomponent,this.setAttribute(l.default.attr.role,"row");const e=d.Uh(this.ZG.getAttribute("layout"))?this.ZG.getAttribute("layout"):this.parentNode.getAttribute("layout");if(e&&e.length){this.setAttribute(l.default.zgLayout.attr,e);e===l.default.zgLayout.typeCard&&this.widget.hasCardTemplate()&&this.setAttribute(l.default.zgLayout.cardTplAttr,"")}if(this.ZG.gridlines){const e=this.ZG.gridlines.toLowerCase();"both"!==e&&"vert"!==e&&"vertical"!==e||this.setAttribute(l.default.attr.gridlinesvert,""),"both"!==e&&"horz"!==e&&"horizontal"!==e||this.setAttribute(l.default.attr.gridlineshorz,"")}const t=this.parentNode?this.parentNode.id:"";-1!==t.indexOf("left")?this.setAttribute(l.default.attr.frozenframe,"left"):-1!==t.indexOf("right")&&this.setAttribute(l.default.attr.frozenframe,"right")}ons(){const e=this.widget;this.on("mouseover",this.onMouseOver,this),this.on("mouseout",this.onMouseOut,this),e.on("layoutchange",(()=>e.currentHighlightedRowIndex=null))}onMouseOver(e,t){const o=this.widget;if(o.hasFrozenColumns()&&o.currentHighlightedRowIndex!==this.rowIndex){const e=window.getComputedStyle(this),t=this.getAttribute("aria-rowindex"),n=e.getPropertyValue("background-color"),r=e.getPropertyValue("color"),i=o.webcomponent.querySelectorAll(`zg-row[aria-rowindex="${t}"]`);i.forEach((e=>{e.style.backgroundColor=n,e.style.color=r})),o.currentHighlightedRows&&o.currentHighlightedRows.forEach((e=>{e.style.backgroundColor="",e.style.color=""})),o.currentHighlightedRows=i,o.currentHighlightedRowIndex=this.rowIndex}}onMouseOut(e,t){const o=this.widget;o.currentHighlightedRows&&o.currentHighlightedRows.forEach((e=>{e.style.backgroundColor="",e.style.color=""})),o.currentHighlightedRows=null,o.currentHighlightedRowIndex=null}setBodyIndexes(e){const t=this.widget,o=t.getAllHeaderDepth();this.bodyRowIndex=e,this.dataRowIndex=e+t.nTopFrozenRows,this.rowIndex=e+o,this.setAttribute(l.default.aria.rowIndex,e+o+1)}get rowIndex(){return this._rowIndex}set rowIndex(e){this._rowIndex=e}disconnectedCallback(){super.disconnectedCallback()}}n.Z._registerElement(c,g);const p=g},44158:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>p});var n=o(697),r=o(32816),i=o(98781),a=o.n(i),s=o(91607),l=o.n(s),d=o(38419),c=o(56919);const h="zg-search",u={};n.Z.getObservedAtts(u);class g extends n.Z{init(){super.init(h,l(),a(),u)}ready(){let e;if(super.ready(),this.widget=this._getHostContext(),this.widget){if(this.ZG=this.widget.webcomponent,this.$search=this.widget.search,this.oDOMCaption=this.ZG.querySelector("zg-caption"),this.bSearching=!1,this.searchBarVisible=!1,this.oDOMButton=this.querySelector(d.default.zgButton.tagName),!this.widget.bPreloaded&&!this.oDOMButton){e=document.createElement(d.default.zgButton.tagName),e.slot="button",e.action="search",e.setAttribute(d.default.attr.datafocus,"");const t=document.createElement("input");t.slot="input",t.type="search";const o=c.default.get("tools.search",this.widget,{element:t,elProperty:"placeholder"});t.placeholder=o,t.setAttribute(d.default.aria.label,o),this.appendChild(e),this.appendChild(t),this.oDOMInput=this.querySelector("input")}this.oDOMInput=this.querySelector("input"),this.oDOMButton||(this.unsubBlur=r.Z.get(this.oDOMInput).on("blur",(e=>this.searchBtnClickToggle(e)),this),this.unsubKD=r.Z.get(this.oDOMInput).on("keydown",this.onKeyDown,this,{},!1),this.oDOMButton=e)}}clearSearch(){this.oDOMInput.value=""}triggerSearch(){const e=this.widget;let t=this.oDOMInput.value;e.fire("beforesearch"),e.bodyUpdate(!0,!0);const o={searchTerm:t};e.filter.aFiltered&&(o.searchResults=e.filter.aFiltered,o.searchCount=e.filter.aFiltered.length),e.fire("search",o)}debounceSearch(e){let t=d.default.search.threshold,o=this.latestTime=setTimeout((()=>{o===this.latestTime&&this.triggerSearch()}),t)}ons(){this.unsubInput=this.on("input",this.debounceSearch)}uns(){this.unsubInput&&this.unsubInput(),this.unsubBlur&&this.unsubBlur(),this.unsubKD&&this.unsubKD()}searchBtnClickToggle(e,t){this.widget.editorManager.activeCellEdit&&this.widget.editorManager.closeEditor(),this.searchBarVisible=!this.searchBarVisible,this.searchBarVisible?(this.setAttribute(d.default.attr.active,""),t||this.oDOMInput.focus()):(this.removeAttribute(d.default.attr.active),t||this.oDOMButton.focus())}toggleSearchElement(e){e?this.removeAttribute(d.default.attr.hidden):this.setAttribute(d.default.attr.hidden,"")}onKeyDown(e){let t=e.nCharCode;t!==e.ESC&&t!==e.ENTER&&t!==e.TAB||(this.oDOMInput.blur(),e.stopEvent())}disconnectedCallback(){super.disconnectedCallback();this.cleanElements(["oDOMButton","oDOMInput"]),this.$search=null,this.oDOMCaption=null}static get observedAttributes(){return n.Z.getObservedAtts(u)}}n.Z._registerElement(h,g);const p=g},36541:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>p});var n=o(697),r=o(32816),i=o(15250),a=o.n(i),s=o(76062),l=o.n(s),d=o(38419);const c="zg-select",h={for:{bReflectToAttribute:!0},action:{bReflectToAttribute:!0,type:String},value:{bReflectToAttribute:!0,type:Number},options:{bReflectToAttribute:!0,type:String},widget:{}},u=n.Z.getObservedAtts(h);class g extends n.Z{init(){super.init(c,l(),a(),h),this.setRefs()}setRefs(){this.mask=this.shadowRoot.querySelector(".zg-selector-mask"),this.selected=document.createElement("div"),this.selected.className="zg-select-selected",this.trigger=document.createElement("div"),this.trigger.className="zg-select-trigger",this.triggerArrow=document.createElement("div"),this.triggerArrow.className="zg-select-trigger-arrow",this.oDOMOptionList=document.createElement("zg-option-list")}ready(){super.ready(),this.mask||this.setRefs();const e=this._getHostContext();this.widget===e?this._updateBinding(e,e,this.action,this.action):this.widget=e,this.closeList(),"rtl"===e.sComputedDir&&this.setAttribute("dir","rtl"),e.bPreloaded?(this.selected=this.querySelector(".zg-select-selected"),this.trigger=this.querySelector(".zg-select-trigger"),this.triggerArrow=this.querySelector(".zg-select-trigger-arrow"),this.oDOMOptionList=this.querySelector("zg-option-list")):(this.selected.slot="selected",this._appendChild(this.selected),this.trigger.slot="selected",this._appendChild(this.trigger),this.triggerArrow.slot="selected",this._appendChild(this.triggerArrow),this._appendChild(this.oDOMOptionList)),e.webcomponent.pager||"pagesize"!==this.action||(e.bCustomPageSize=!0),this.value&&(e.setPageSize(this.value),this._updateDOMValue(this.value)),this.options&&this.changeListOptions(this.options),this.postRenderOns()}postRenderOns(){this.unsubClick=this.on("click",(e=>this.toggleList(e)),this,{},!1),this.unsubKey=this.on("keydown",this.onKeyDown,this,{},!1),this.unsubOptionList=this.oDOMOptionList.on("click",((e,t)=>{e.preventDefault(),this.value=r.Z.get(t)._text()}),null,{sDelegateTo:"span"},!1),this.unsubBlur=this.on("blur",(e=>{let t=e.oBrowserEvent.relatedTarget;t&&"span"===t.tagName.toLowerCase()||this.closeList()}))}uns(){this.unsubClick&&this.unsubClick(),this.unsubOptionList&&this.unsubOptionList(),this.unsubBlur&&this.unsubBlur(),this.unsubKey&&this.unsubKey()}onKeyDown(e){let t=!1;switch(e.nCharCode){case e.ENTER:case e.SPACE:this.toggleList(e);break;default:t=!0}t||e.stopEvent()}toggleList(e){e&&e.stopEvent();const t=this.widget.webcomponent.getBoundingClientRect(),o=this.getBoundingClientRect();this._getDropdownHeight()+o.height+o.top>t.height+t.top?this.setAttribute(d.default.attr.open,"up"):this.removeAttribute(d.default.attr.open),this.oDOMOptionList.bIsHidden()?(this.setAttribute(d.default.attr.active,""),this.mask.setAttribute(d.default.attr.active,""),this.oDOMOptionList._show()):(this.removeAttribute(d.default.attr.active,""),this.mask.removeAttribute(d.default.attr.active,""),this.closeList(),this.focus())}changeListOptions(e){null!==e&&this.oDOMOptionList.changeOptions(e)}closeList(){this.oDOMOptionList._hide()}destroyList(){this._removeChild(this.oDOMOptionList)}updateInfo(e,t){if(t=t||this.action,e=e||this.widget,"pagesize"===t)this._updateDOMValue(e.getPageSize())}_getDropdownHeight(){this.oDOMOptionList.removeAttribute(d.default.attr.hidden);const e=this.oDOMOptionList.getBoundingClientRect().height;return this.oDOMOptionList.setAttribute(d.default.attr.hidden,""),e}_propertyHandler(e,t,o){if(o=super._propertyHandler(e,t,o),this.bReady)switch(e){case"value":this._updateDOMValue(o),this.fire("valuechanged",o);break;case"options":null!=o?this.changeListOptions(o):this.destroyList()}return o}_updateBinding(e,t,o,n){if(e&&o&&(this.fnUnSubscribe(),this.fnUnNotify()),t&&(this.updateInfo(t,n),"pagesize"===n))this.fnUnSubscribe=t.on(d.default.event.updated,this.updateInfo,this),this.fnUnNotify=this.on("valuechanged",((e,o)=>t.setPageSize(o)))}_updateDOMValue(e){this.selected.innerHTML=e}disconnectedCallback(){super.disconnectedCallback(),this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnNotify&&this.fnUnNotify(),this.removeChild(this.selected),this.removeChild(this.trigger),this.removeChild(this.triggerArrow),this.removeChild(this.oDOMOptionList),this.selected=null,this.mask=null,this.trigger=null,this.triggerArrow=null,this.oDOMOptionList=null}static get observedAttributes(){return u}}n.Z._registerElement(c,g);const p=g},90754:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(70932),i=o.n(r),a=o(45946),s=o.n(a),l=o(32816);const d="zg-selector-mask",c={};class h extends n.Z{init(){super.init(d,s(),i(),c)}ready(){super.ready(),this.oElMask=l.Z.get(this.shadowRoot.querySelector("#mask"))}draw(e){let t=this.widget;e=e||t.selector.se;let o,n,r=this.oColumnBody.el,i=e.dimension(this.oColumnBody),a=r.getXY(),s=i.xy,l=i.width,d=i.height;o=s[0]-a[0],n=s[1]-a[1]+t.nScrollTop,this.aStartXY=[o,n],this.oElMask.setXY([o,n]),this.oElMask._setStyle("width",l+"px"),this.nWidth=l,this.oElMask._setStyle("height",d+"px"),this.nHeight=d,this.showAll()}hideAll(){this.bReady&&this.oElMask&&this.oElMask._hide()}showAll(){this.oElMask&&this.oElMask._show()}disconnectedCallback(){super.disconnectedCallback(),this.oElMask=null,this.oColumnBody=null}}n.Z._registerElement(d,h);const u=h},21153:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>h});var n=o(697),r=o(90129),i=o.n(r),a=o(19731),s=o.n(a);const l="zg-separator",d={};class c extends n.Z{init(){super.init(l,s(),i(),d)}}n.Z._registerElement(l,c);const h=c},17432:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(24662),i=o.n(r),a=o(12839),s=o.n(a);o(32816),o(38419),o(45092);const l="zg-source",d={position:{bReflectToAttribute:!0,type:String}},c=n.Z.getObservedAtts(d);class h extends n.Z{init(){super.init(l,s(),i(),d)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.ZG.oDOMSource||this.ZG.source||(this.ZG.oDOMSource=this,this.widget.sourceManager.initSource())}_propertyHandler(e,t,o){if(o=super._propertyHandler(e,t,o),this.bReady&&!this.bUpdatePosition&&"position"===e)this.bUpdatePosition=!0,this.widget.sourceManager.addSourceToSlot(o),this.bUpdatePosition=!1;return o}static get observedAttributes(){return c}}n.Z._registerElement(l,h);const u=h},8499:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(59812),i=o.n(r),a=o(44221),s=o.n(a),l=o(32816);const d="zg-status",c={};class h extends n.Z{init(){super.init(d,s(),i(),c)}ready(){super.ready(),this.widget=this._getHostContext(),this.oDOMDismiss=l.Z.get(this.shadowRoot.querySelector("span[close]")),this.unsubClick=this.oDOMDismiss.on("click",(()=>this.widget.statusManager.closeStatus())),this.unsubKey=this.oDOMDismiss.on("keydown",this.onKeyDown,this,{},!1)}onKeyDown(e){let t=e.nCharCode;t!==e.ENTER&&t!==e.SPACE||(this.widget.statusManager.closeStatus(),e.stopEvent())}uns(){this.unsubClick&&this.unsubClick(),this.unsubKey&&this.unsubKey()}disconnectedCallback(){super.disconnectedCallback(),this.oDOMDismiss=null}}n.Z._registerElement(d,h);const u=h},14591:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(69652),i=o.n(r),a=o(87585),s=o.n(a),l=o(38419);const d="zg-text",c={value:{bReflectToAttribute:!0,type:String},widget:{}},h=n.Z.getObservedAtts(c);class u extends n.Z{init(){super.init(d,s(),i(),c)}ready(){super.ready(),this.widget=this._getHostContext()}updateInfo(e,t){t=t||this.value;let o=(e=e||this.widget).getCurrPageIdx(),n=e.getPageSize(),r=e.store.getOriginRecordCount()||e.getRowCount(),i=r?o*n+1:0,a=(o+1)*n;switch(a>r&&(a=r),t){case"currpage":this.textContent=e.getCurrPageIdx()+1;break;case"pagecount":this.textContent=Math.max(e.getPageCount(),1);break;case"pagesize":this.textContent=e.getPageSize();break;case"startrow":this.textContent=i;break;case"endrow":this.textContent=a;break;case"rowcount":this.textContent=r}}_updateBinding(e,t,o,n){if(e&&o&&this.fnUnSubscribe(),t)switch(this.updateInfo(t,n),n){case"currpage":case"pagecount":case"pagesize":case"startrow":case"endrow":case"rowcount":this.fnUnSubscribe=t.on(l.default.event.updated,this.updateInfo,this)}}static get observedAttributes(){return h}}n.Z._registerElement(d,u);const g=u},20979:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(47293),i=o.n(r),a=o(48219),s=o.n(a),l=o(38419),d=(o(45092),o(32816));const c="zg-tooltip",h={};class u extends n.Z{init(){super.init(c,s(),i(),h)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.setAttribute(l.default.attr.role,"tooltip"),this.setAttribute(l.default.attr.hidden,""),this.oDOMCloseButton=this.shadowRoot.querySelector(".zg-tooltip-close"),this.fnUnClick=d.Z.get(this.oDOMCloseButton).on("click",this._hideTarget,this,{},!1)}uns(){this.fnUnClick&&this.fnUnClick()}_setAttributes(e){const t=e.oTooltipOptions,o=this._checkPosition(t.tooltipPosition),n=t.tooltipType||"default",r=t.tooltipAction||"hover",i=e.bIsInfoTooltip;this.setAttribute(l.default.zgTooltip.typeAttr,n),this.setAttribute(l.default.zgTooltip.positionAttr,o),this.setAttribute(l.default.zgTooltip.actionAttr,r),i?this.removeAttribute(l.default.zgTooltip.noInfoIconAttr):this.setAttribute(l.default.zgTooltip.noInfoIconAttr,"")}_checkPosition(e){return["top","left","right","bottom"].indexOf(e)>=0?e:"top"}_hideTarget(){this.setAttribute(l.default.attr.hidden,""),this.removeAttribute(l.default.attr.animate)}_showTarget(e,t,o){this._setAttributes(o),this.innerHTML=t,this.style.transition=null,this.setAttribute(l.default.attr.hidden,""),this._setPosition(e,o),this.removeAttribute(l.default.attr.hidden),this.style.transition="transform .3s",this.setAttribute(l.default.attr.animate,"")}_setPosition(e,t){const o=t._setTooltipPosition();this.style.left=`${o.left}px`,this.style.top=`${o.top}px`}disconnectedCallback(){super.disconnectedCallback(),this.oDOMCloseButton=null}}n.Z._registerElement(c,u);const g=u},75585:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(43503),i=o.n(r),a=o(41877),s=o.n(a),l=o(56919);const d="zg-watermark",c={widget:{}};class h extends n.Z{init(){super.init(d,s(),i(),c)}ready(){super.ready(),this.widget=this._getHostContext();let e=this._oShadowRoot.querySelector("a");e.innerHTML=l.default.get("watermark.poweredBy",this.widget,{element:e,elProperty:"innerHTML"});const t=this.widget.focusManager;t&&t.bInitialLoaded&&t.updateSection(this,t.aWatermark,"Watermark")}_propertyHandler(e,t,o){if(o=super._propertyHandler(e,t,o),"widget"===e)o&&(this.slot="watermark");return o}}n.Z._registerElement(d,h);const u=h},73427:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>w});var n=o(697),r=o(9733),i=o.n(r),a=o(73337),s=o.n(a),l=o(51562),d=o(45092),c=o(30163),h=o(32260),u=o(38419),g=o(56919),p=o(22048),f=(o(32816),o(34584));const m="zing-grid",b={aggregate:{type:String,bReflectToAttribute:!0},align:{bReflectToAttribute:!0,type:String},batchEdit:{bReflectToAttribute:!0,type:Boolean},batchEditStatus:{bReflectToAttribute:!0,type:String},caption:{type:String,bReflectToAttribute:!0,bThrowEvent:!0},card:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},cellBreak:{type:String,bReflectToAttribute:!0,bThrowEvent:!0},cellClass:{type:String,bReflectToAttribute:!0},cellEditor:{type:String,bReflectToAttribute:!0,sBooleanDefault:"true"},cellFocus:{type:String,bReflectToAttribute:!0},buttonTooltipDisabled:{type:Boolean,bReflectToAttribute:!0},cellTooltipAction:{type:String,bReflectToAttribute:!0},cellTooltipDelay:{type:Number,bReflectToAttribute:!0},cellTooltipIcon:{bReflectToAttribute:!0,type:String},cellTooltipPosition:{type:String,bReflectToAttribute:!0},cellTooltipRenderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},cellTooltipTemplate:{type:String,bReflectToAttribute:!0},cellTooltipType:{type:String,bReflectToAttribute:!0},colClass:{type:String,bReflectToAttribute:!0},columnResizable:{type:Boolean,bReflectToAttribute:!0},columnResizableMaxWidth:{bReflectToAttribute:!0,type:Number},columnResizableMinWidth:{bReflectToAttribute:!0,type:Number},columnResizablePersistent:{type:Boolean,bReflectToAttribute:!0},columnsControl:{type:Boolean,bReflectToAttribute:!0},columns:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},columnWidth:{bReflectToAttribute:!0},compact:{type:Boolean,bReflectToAttribute:!0},config:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},confirmDelete:{bReflectToAttribute:!0},confirmations:{type:String,bReflectToAttribute:!0,bReflectBoolean:!0,sBooleanDefault:u.default.confirmations.all},contextMenu:{bReflectToAttribute:!0},data:{type:String,bCanBeObject:!0,bReflectToAttribute:!0,bOneWaySync:!0,bThrowEvent:!0},defaultDisplay:{type:String,bReflectToAttribute:!0},dialog:{type:Boolean,bReflectToAttribute:!0},dir:{type:String,bReflectToAttribute:!0,sBooleanDefault:"ltr"},columnDragAction:{type:String,bReflectToAttribute:!0,sBooleanDefault:"both"},columnDrag:{type:Boolean,bReflectToAttribute:!0},creator:{type:String,bReflectToAttribute:!0,sBooleanDefault:"modal"},footClass:{type:String,bReflectToAttribute:!0},frozenColumnsLeft:{type:Number,bReflectToAttribute:!0},frozenColumnsRight:{type:Number,bReflectToAttribute:!0},frozenRowClass:{type:String,bReflectToAttribute:!0},frozenRowsBottom:{type:Number,bReflectToAttribute:!0},frozenRowsTop:{type:Number,bReflectToAttribute:!0},headClass:{type:String,bReflectToAttribute:!0},templateEndDelimiter:{type:String,bReflectToAttribute:!0},editor:{type:String,bReflectToAttribute:!0,sBooleanDefault:"inline"},editorControls:{type:String,bReflectToAttribute:!0,bReflectBoolean:!0,sBooleanDefault:u.default.editorControls.all},filter:{type:Boolean,bReflectToAttribute:!0},footClass:{type:String,bReflectToAttribute:!0},fullscreen:{type:Boolean,bReflectToAttribute:!0},gridlines:{type:String,bReflectToAttribute:!0},groupBy:{type:String,bReflectToAttribute:!0},headClass:{type:String,bReflectToAttribute:!0},headerAutoFormat:{type:String,bReflectToAttribute:!0},nestedDataSeparator:{type:String,bReflectToAttribute:!0},headerRowHide:{type:Boolean,bReflectToAttribute:!0},headerTooltipAction:{type:String,bReflectToAttribute:!0},headerTooltipDelay:{type:Number,bReflectToAttribute:!0},headerTooltipIcon:{bReflectToAttribute:!0,type:String},headerTooltipIconPosition:{type:String,bReflectToAttribute:!0},headerTooltipPosition:{type:String,bReflectToAttribute:!0},headerTooltipRenderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},headerTooltipTemplate:{type:String,bReflectToAttribute:!0},headerTooltipTrigger:{type:String,bReflectToAttribute:!0},headerTooltipType:{type:String,bReflectToAttribute:!0},height:{type:String,bReflectToAttribute:!0},iconSet:{type:String,bReflectToAttribute:!0},iconSetData:{type:String,bReflectToAttribute:!0},lang:{type:String,bReflectToAttribute:!0,bSetProperty:!0},layout:{type:String,bReflectToAttribute:!0},layoutControls:{type:String,bReflectToAttribute:!0},loading:{type:Boolean,bReflectToAttribute:!0},loadingText:{type:String,bReflectToAttribute:!0},loadmask:{type:String,bReflectToAttribute:!0},noData:{type:String,bReflectToAttribute:!0},pageSize:{type:Number,bReflectToAttribute:!0},pageSizeCard:{type:Number,bReflectToAttribute:!0},pageSizeRow:{type:Number,bReflectToAttribute:!0},pageSizeOptions:{bReflectToAttribute:!0,type:String},pager:{type:Boolean,bReflectToAttribute:!0},pagerButtonLimit:{type:Number,bReflectToAttribute:!0},pagerPosition:{type:String,bReflectToAttribute:!0},pagerType:{type:String,bReflectToAttribute:!0},params:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},preserveStateId:{type:String,bReflectToAttribute:!0},preserveStateOptions:{type:String,bReflectToAttribute:!0},preserveStateLoad:{type:String,bReflectToAttribute:!0},preserveStateSave:{type:String,bReflectToAttribute:!0},recordCount:{type:Number,bReflectToAttribute:!0},recordKey:{type:String,bReflectToAttribute:!0,bReflectBoolean:!0,sBooleanDefault:u.default.internalColumn.recordkey},recordDuplicate:{type:Boolean,bReflectToAttribute:!0},rowClass:{type:String,bReflectToAttribute:!0},rowSelector:{type:Boolean,bReflectToAttribute:!0},rowHeight:{type:String,bReflectToAttribute:!0},search:{type:Boolean,bReflectToAttribute:!0},selector:{type:Boolean,bReflectToAttribute:!0},serverRendered:{type:Boolean,bReflectToAttribute:!0},sort:{type:String,bReflectToAttribute:!0},sorter:{type:String,bReflectToAttribute:!0},sortIntl:{type:String,bReflectToAttribute:!0},source:{type:String,bReflectToAttribute:!0},src:{type:String,bReflectToAttribute:!0},staticMenu:{bReflectToAttribute:!0,sBooleanDefault:"true"},statusDelay:{bReflectToAttribute:!0,type:Number},statusPersist:{bReflectToAttribute:!0,type:Boolean},statusPosition:{bReflectToAttribute:!0,type:String},templateEndDelimiter:{type:String,bReflectToAttribute:!0},templateStartDelimiter:{type:String,bReflectToAttribute:!0},theme:{type:String,bReflectToAttribute:!0},validationErrorMessage:{type:String,bReflectToAttribute:!0},validationRequiredMessage:{type:String,bReflectToAttribute:!0},viewport:{type:String,bReflectToAttribute:!0},viewportPause:{type:Boolean,bReflectToAttribute:!0},viewportStop:{type:Boolean,bReflectToAttribute:!0},viewportTypes:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},width:{type:String,bReflectToAttribute:!0},zebra:{type:String,bReflectToAttribute:!0}},v=n.Z.getObservedAtts(b);class y extends n.Z{connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex",0),this.querySelector("table")&&(this.data=this.querySelector("table"));const e=()=>{this.completeConnectedCallback(),document.removeEventListener("DOMContentLoaded",e)},t=()=>{this.completeConnectedCallback(),window.cancelAnimationFrame(t)};try{null!==this.getAttribute(u.default.attr.serverrender)?document.addEventListener("DOMContentLoaded",e):window.requestAnimationFrame(t)}catch(e){console.error(`There was an issue with <${m}>'s connectedCallback().\n${e}`)}}completeConnectedCallback(){const e=this.widget;e&&(this.querySelector(u.default.zgBody.tagName)&&(e.bPreloaded=!0),this.originalHTML=this.outerHTML,this.addToLightDOM(),e.init(),e.bPreloaded&&e.updater.resetAllColumnsWidth(),this.processProperties(),this._wrapAPI((()=>e.focusManager.init())),e.dialogManager.initDialogs(),e.bHasAttachedToDOM=!0,this.bReady=!0,document.addEventListener("DOMContentLoaded",(()=>c.Z.validateLicense())),setTimeout((()=>c.Z.enableWatermarks()),1e3),this.fire("childrenready"),this.watchVisibility(),e.setStorybook())}init(){try{super.init(m,s(),i(),b);const e=this._oShadowRoot.querySelector(`.${u.default.zg.tagName}`);this.widget=new l.default({renderTo:e,renderAfter:e.querySelectorAll("slot")[1],webcomponent:this}),this.ZG=this.widget.webcomponent}catch(e){console.error(`There was an issue with <${m}>'s init().\n${e}`)}}addToLightDOM(){const e=this.widget;this.oDOMData=this.querySelector(u.default.zgData.tagName)||null,this.bDefaultCols=!this.querySelector(u.default.zgColgroup.tagName)&&!this.querySelector(u.default.zgColumn.tagName),this.oDOMHeader=this.associateChild(u.default.zgHeader.tagName,null,"header"),this.oDOMCaption=this.querySelector(u.default.zgCaption.tagName)||null,this.oDOMControlBar=this.querySelector(u.default.zgControlBar.tagName)||null,this.oDOMLayoutControls=this.querySelector(u.default.zgLayoutControls.tagName)||null,this.oDOMLeftHead=this.associateChild(u.default.zgHead.tagName,null,"lefthead","lefthead"),this.oDOMLeftBody=this.associateChild(u.default.zgBody.tagName,null,"leftbody","leftbody"),this.oDOMLeftFoot=this.associateChild(u.default.zgFoot.tagName,null,"leftfoot","leftfoot"),this.oDOMColgroup=this.associateChild(u.default.zgColgroup.tagName,null,"gridcolgroup","gridcolgroup",!0),this.oDOMLeftColgroup=this.associateChild(u.default.zgColgroup.tagName,null,"leftcolgroup","leftcolgroup",!1,this.oDOMColgroup),this.oDOMRightColgroup=this.associateChild(u.default.zgColgroup.tagName,null,"rightcolgroup","rightcolgroup",!1),this.oDOMHead=this.associateChild(u.default.zgHead.tagName,null,"gridhead","mainhead"),this.oDOMBody=this.associateChild(u.default.zgBody.tagName,null,"gridbody","mainbody"),this.oDOMFoot=this.associateChild(u.default.zgFoot.tagName,null,"gridfoot","mainfoot"),this.oDOMRightHead=this.associateChild(u.default.zgHead.tagName,null,"righthead","righthead"),this.oDOMRightBody=this.associateChild(u.default.zgBody.tagName,null,"rightbody","rightbody"),this.oDOMRightFoot=this.associateChild(u.default.zgFoot.tagName,null,"rightfoot","rightfoot"),this.oDOMFooter=this.associateChild(u.default.zgFooter.tagName,null,"footer"),this.oDOMStatus=this.associateChild(u.default.zgStatus.tagName,null,"status"),this.oDOMTooltip=this.associateChild(u.default.zgTooltip.tagName,null,"tooltip"),this.oDOMCellOverflow=this.associateChild(u.default.zgCellOverflow.tagName,null,"celloverflow"),this.oDOMLeftEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"lefteditorrow","lefteditorrow",void 0,void 0,"Left"),this.oDOMEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"bodyeditorrow","bodyeditorrow",void 0,void 0,""),this.oDOMRightEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"righteditorrow","righteditorrow",void 0,void 0,"Right"),this.oDOMLeftHeadEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"leftheadeditorrow","leftheadeditorrow",void 0,void 0,"Left"),this.oDOMHeadEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"mainheadeditorrow","mainheadeditorrow",void 0,void 0,""),this.oDOMRightHeadEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"rightheadeditorrow","rightheadeditorrow",void 0,void 0,"Right"),this.oDOMLeftFootEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"leftfooteditorrow","leftfooteditorrow",void 0,void 0,"Left"),this.oDOMFootEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"mainfooteditorrow","mainfooteditorrow",void 0,void 0,""),this.oDOMRightFootEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"rightfooteditorrow","rightfooteditorrow",void 0,void 0,"Right"),this.oDOMFrozenRight=this.shadowRoot.querySelector("#freeze-right-body"),this.oDOMFrozenLeft=this.shadowRoot.querySelector("#freeze-left-body"),this.oDOMMain=this.shadowRoot.querySelector("#frame-main-body"),this.oDOMFrozenRightHeadFrame=this.shadowRoot.querySelector("#freeze-frame-right-head"),this.oDOMFrozenMainHeadFrame=this.shadowRoot.querySelector("#freeze-frame-main-head"),this.oDOMFrozenLeftHeadFrame=this.shadowRoot.querySelector("#freeze-frame-left-head"),this.oDOMFrozenRightHead=this.shadowRoot.querySelector("#freeze-right-head"),this.oDOMFrozenMainHead=this.shadowRoot.querySelector("#freeze-main-head"),this.oDOMFrozenLeftHead=this.shadowRoot.querySelector("#freeze-left-head"),this.oDOMFrozenRightFootFrame=this.shadowRoot.querySelector("#freeze-frame-right-foot"),this.oDOMFrozenMainFootFrame=this.shadowRoot.querySelector("#freeze-frame-main-foot"),this.oDOMFrozenLeftFootFrame=this.shadowRoot.querySelector("#freeze-frame-left-foot"),this.oDOMFrozenRightFoot=this.shadowRoot.querySelector("#freeze-right-foot"),this.oDOMFrozenMainFoot=this.shadowRoot.querySelector("#freeze-main-foot"),this.oDOMFrozenLeftFoot=this.shadowRoot.querySelector("#freeze-left-foot"),this.oDOMFrozenLeftStyle=this.associateChild(u.default.zgFrozenColgroup.tagName,null,"freeze-left-columns","zing-grid-freeze-style-left"),this.oDOMFrozenRightStyle=this.associateChild(u.default.zgFrozenColgroup.tagName,null,"freeze-right-columns","zing-grid-freeze-style-right"),this.oDOMBatchEditStyle=this.associateChild(u.default.batchEdit.tagName,null,"batch-edit","zing-grid-batch-edit"),this.oDOMBodyFrame=this.shadowRoot.querySelector(u.default.zg.shadow.frameBodyWrapper),this.oDOMSource=this.querySelector(u.default.zgSource.tagName)||null,this.oDOMNodata=this.querySelector(u.default.zgNoData.tagName)||null,this.oTopPager=this.querySelector('zg-pager[slot="top"]')||this.oTopPager,this.oBottomPager=this.querySelector('zg-pager[slot="pager"]')||this.oBottomPager;const t=this.shadowRoot.querySelector(u.default.attr.style);t&&(this.initialGridCss=t.textContent),this.oDOMClipboard=this.shadowRoot.querySelector(".zing-grid-clipboard");const o=this.querySelector(u.default.zgLoadMask.tagName);e.loadmask=this.associateChild(u.default.zgLoadMask.tagName),e.loadmask.widget=this.widget,o?this.loading&&e.loadmask.setAttribute(u.default.zgLoadMask.defaultAttr,""):(e.loadmask.setAttribute(u.default.zgLoadMask.defaultAttr,""),e.loadmask.default()),this.oDOMWaterMark=this.querySelector(u.default.zgWatermark.tagName)||this.oDOMWaterMark,e.oDOMScrollerWrapper=this._oShadowRoot.querySelector(u.default.zg.shadow.frameBodyWrapper),e.oDOMScroller=e.oDOMScrollerWrapper,f.V5||this.setAttribute(u.default.attr.staticscroll,"")}processProperties(){const{columns:e,widget:t}=this,{store:o,layoutManager:n,viewportManager:r}=t;if(this.defaultBodyOverflow=window.getComputedStyle(document.body).overflow,void 0!==this.config){t.updateConfig(this.config);const{src:e,data:n}=this.config;o.bNeedsLoad=!(!e&&!n)}if(void 0!==e&&t.updateConfig({columns:e}),void 0!==this.card&&this._setCard(this.card),void 0!==this.src){let e={src:this.src};o.updateConfig(e),o.bNeedsLoad=!0}else void 0!==this.data&&o.setData(this.data);if(void 0===this.params||this.oDOMData||o.loadData({},this.params),void 0!==this.headerAutoFormat&&this._setHeaderAutoFormat(this.headerAutoFormat),void 0!==this.nestedDataSeparator&&this._setNestedDataSeparator(this.nestedDataSeparator),this.headerRowHide&&(t.bHeaderRowHide=this.headerRowHide),this.recordCount&&o.setOriginRecordCount(this.recordCount),void 0===this.contextMenu&&void 0===this.staticMenu||t.menuManager.initMenu(),t.bConfirmDelete="disabled"!==this.confirmDelete,t.bCellFocus="disabled"!==this.cellFocus,void 0!==this.groupBy&&this._setGrouping(this.groupBy),this.hasAttribute(u.default.editorControls.attr)&&!this.hasAttribute(u.default.editor.attr)){const e=this.getAttribute(u.default.editorControls.attr);"false"!==e&&"disabled"!==e&&(this.bSettingEditor=!0,this.setAttribute(u.default.editor.attr,""),this.bSettingEditor=!1)}t.editorManager.setInitialEditorType(),this.caption&&this._setCaption(this.caption),this.search&&this._setSearch(t.bHasSearchEnabled),this.columnsControl&&this._setColumnsControl(this.columnsControl),this.staticMenu&&this._setStaticMenu(this.staticMenu),(this.columnDrag||this.columnDragAction)&&this._setColumnDrag(this.columnDrag,this.columnDragAction),(this.columnResizable||this.columnResizablePersistent)&&this._setColumnResizable(this.columnResizable,this.columnResizablePersistent),this.frozenColumnsLeft&&(t.nLeftFrozenColumns=parseInt(this.frozenColumnsLeft,10)),t.initialConfig.frozenColumnsLeft=t.nLeftFrozenColumns,this.frozenColumnsRight&&(t.nRightFrozenColumns=parseInt(this.frozenColumnsRight,10)),t.initialConfig.frozenColumnsRight=t.nRightFrozenColumns,t._adjustFrozenColumns(!0),this.frozenRowsTop&&!t.bGroupBy&&(t.nTopFrozenRows=parseInt(this.frozenRowsTop,10)),t.initialConfig.frozenRowsTop=t.nTopFrozenRows,this.frozenRowsBottom&&(t.store.isIncrementalLoad()?(d.Aq("Frozen bottom rows is not supported with incremental data loading"),this.frozenRowsBottom=0):t.nBottomFrozenRows=parseInt(this.frozenRowsBottom,10)),t.initialConfig.frozenRowsBottom=t.nBottomFrozenRows,void 0!==this.defaultDisplay&&this._setDefaultDisplay(this.defaultDisplay),this._setControlBar(),this.viewportTypes&&(r.types=this.viewportTypes),r.allow&&r.setViewport(),t.initialConfig.layout=this.layout,n.setLayout(),void 0!==this.layoutControls?(this.bUserLayoutControls=!0,this._setLayoutControls(this.layoutControls)):this.layout&&this._setLayoutControls(!0),this.batchEdit&&this._setBatchEditControls(this.batchEdit),this.editor&&(t.editorManager.type=this.editor),this.creator&&this.creator===u.default.editor.typeInline&&(t.editorManager.createType=this.creator),void 0!==this.pagerPosition&&void 0===this.pager&&this._autoSetPager(),void 0===this.pager&&void 0===this.pagerPosition||this._attachPager(this.pager,null,this.pagerPosition,null),this.pagerType&&void 0!==this.pager&&this._setPagerType(this.pagerType,this.pagerButtonLimit),t.initialConfig.pageSize=this.pageSize,(this.pageSize||this.pageSizeRow||this.pageSizeCard)&&t.calculatePageSize(),this.rowSelector&&this._setRowSelector(!0),(this.source||this.oDOMSource)&&t.sourceManager.initSource(),this._attachNodata(this.noData,!0),this.externalThemeArr=[],this.externalThemeName=null,this._setThemeIconSVG(this.theme),this._setThemeCSS(this.theme),this._setGridClasses(),(this.zebra||""===this.zebra)&&this._setZebra(this.zebra),(this.rowHeight||this.frozenColumnsLeft||this.frozenColumnsRight)&&this._setRowHeight(this.rowHeight,this.frozenColumnsLeft||this.frozenColumnsRight),this.pageSizeOptions&&this.setPageSizeOptions(this.pageSizeOptions),void 0===this.sort&&void 0===this.sorter||this._setSorter(this.sort,this.sorter),t.sValidationErrorMessage=this.validationErrorMessage,t.sValidationRequiredMessage=this.validationRequiredMessage,(this.style.width||this.width)&&(this.width||(this.width=this.style.width),this._setScrollWidth(this.width)),this.templateStartDelimiter&&(o.templateStartDelimiter=this.templateStartDelimiter),this.templateEndDelimiter&&(o.templateEndDelimiter=this.templateEndDelimiter),this.iconSetData&&(this.iconSetDataMap=window[this.iconSetData]),this.preserveStateId&&this.widget.on("afterloaded",(()=>{this.widget.bAPIReady||this._wrapAPI((()=>t.stateManager.loadState()))}),this)}associateChild(e,t,o,n,r,i,a){let s;n?(s=`${e}#${n}`,r&&(s+=`, ${e}:not([id])`)):s=e;let l=this.querySelector(s);return l||(t||(t=document.createElement(e)),i?this.insertBefore(t,i):this.appendChild(t),l=t),n&&(l.id=n),o&&l.setAttribute("slot",o),void 0!==a&&(l.oDOMBody=this[`oDOM${a}Body`],l.oDOMHead=this[`oDOM${a}Head`],l.oDOMFoot=this[`oDOM${a}Foot`]),l}ready(){super.ready(),this.paint(),setImmediate((()=>{this.widget&&!this.widget.bDisconnect&&this.componentsLoaded()}))}paint(){this.widget.update(),this.widget.fire(u.default.event.afterPaint)}disconnectedCallback(){const e=this.widget;e&&(e.bDisconnect=!0),super.disconnectedCallback(),this.observer&&(this.observer.unobserve(this),this.observer=null),e&&e.destroy();const t=Object.keys(this);for(let e=0;e<t.length;e++){const o=t[e];this.hasOwnProperty(o)&&"object"==typeof this[o]&&(this[o]=null,delete this[o])}}ons(){const e=this.widget,t=e.focusManager;this.on("click",this.closeMenus),this.on("mousedown",t.clickFocus,t),this.on("focus",t.onFocus,t),this.on("keydown",t.onGridKeyDown,t,{},!1),this.on("contextmenu",e.onContextMenu,e,{},!1),e.store.once("loaded",(()=>e.fullscreenManager.setFullscreen()));const o=e.mainGridHScroll;this.oDOMVScroller=this._oShadowRoot.querySelector("#scroll"),o.on("scroll",(()=>{this.widget.updateHeadFootScroll(!1)}))}watchVisibility(){if("undefined"==typeof IntersectionObserver)return;if("inline-block"===window.getComputedStyle(this).getPropertyValue("display"))return;const e={root:document.documentElement};let t=null;this.observer=new IntersectionObserver(((e,o)=>{e.forEach((e=>{const o=e.intersectionRatio>0;null!==t&&this.bReady?o&&!t?(t=!0,this.updateSize(!0,void 0,!0)):t=!1:t=o}))}),e),this.observer.observe(this)}appendMenu(e){e&&e.oElMenu&&(e.bDefined?e.bDefined=!1:this.appendChild(e.oElMenu))}removeMenu(e){e&&e.oElMenu&&this.removeChild(e.oElMenu)}closeMenus(e,t){if(0===e.nButton){if(t.tagName.toLowerCase()===u.default.zgButton.tagName)return;this.widget.menuManager&&this.widget.menuManager.isMenuOpen()&&this.widget.menuManager.closeMenu(),this.widget.columnMenu&&this.widget.columnMenu.isMenuOpen()&&this.widget.columnMenu.closeMenu(t)}}customizeDialog(e,t){return this._wrapAPI((()=>this.widget.dialogManager.customize(e,t))),this}hydrate(){this.widget.store.load(),this.widget.store.bNeedsLoad=!1}componentsLoaded(){this.widget.bNeedsFrozenAdjust&&this.widget._adjustFrozenColumnsFromAttribute(),this.loadData()}loadData(){const e=this.widget,t=e.store;if(e.bPreloaded)return e.bAPIReady=!0,e.bHydrating=!0,this.hydrate(),e.bPreloaded=!1,void e.fire("apiready");t.bNeedsLoad?(t.load(),t.bNeedsLoad=!1):e.bAPIReady||t.finishNoData()}resetData(){const e=this.widget.store;if(e.dumpDataRequest(),e.initModel(),this.getAttribute("data")?e.setData(this.getAttribute("data")):e.data=null,e.src=null,this.getAttribute("src")){let t={src:this.getAttribute("src")};e.updateConfig(t)}e.reload()}filterColumn(e,t){return this._wrapAPI((()=>{if(this.widget.filter){let o=this.widget.getColumnByFieldIndex(e);o&&o.bFilter?this.widget.filter.setFilter(o,t):o?d.Aq(`The '${e}' column does not support filtering.`):d.Aq(`The column with [index="${e}"] does not exist.`)}})),this}select(e,t,o,n){return this._wrapAPI((()=>{const r=this.widget;if(!r.selector&&!r.bCellFocus)return this;let i=void 0===o,a=void 0===n;r.selector.deSelectAll(),a&&i?r.selector.se.cell(e,t):(a&&(n=t),i&&(o=e),r.selector.se.initRange(e,t,o,n)),r.selector.se.select(!0)})),this}selectAll(){return this._wrapAPI((()=>{const e=this.widget;if(!e.selector)return this;e.selector.se.selectAll().select()})),this}deselect(){return this._wrapAPI((()=>{const e=this.widget;if(!e.selector)return this;e.selector.deSelectAll()})),this}firstPage(){return this._wrapAPI((()=>this.widget.firstPage())),this}getCaption(){return this.caption||!1}getData(e){let t="visible"===(e=e||{}).cols,o="visible"===e.rows,n=e.headers&&!e.csv,r=this.widget.store.cleanData(t,o,n);return e.csv&&(r=d.Ae(r,e,this.widget)),r}getPageIndex(){return this.widget.getCurrPageIdx()+1}getPageSize(){return this.widget.pageSize}hideColumn(e){return this._wrapAPI((()=>this.toggleColumn(e,!0))),this}hideCellOverflow(e){return this._wrapAPI((()=>this.oDOMCellOverflow.close())),this}insertRow(e,t,o){return this._wrapAPI((()=>this.widget.insertRow(e,t,o))),this}updateRecord(e,t,o,n){return this._wrapAPI((()=>this.widget.updateRow(t,e,o,n))),this}removeRecord(e,t){return this._wrapAPI((()=>this.widget.removeRow(e,!0,void 0,t))),this}updateRow(e,t,o,n){return this._wrapAPI((()=>{let r=this.widget.getRecordIndexByDataRowContainerIndex(e);this.widget.updateRow(t,r,o,n)})),this}removeRow(e,t){return this._wrapAPI((()=>{let o=this.widget.getRecordIndexByDataRowContainerIndex(e);this.widget.removeRow(o,!0,void 0,t)})),this}updateCellByPosition(e,t,o,n){return this._wrapAPI((()=>{const r=this.widget.selectorEngineManager.$cell(e,t);if(r){const e=r.sTargetRecordIndex,t=r.sTargetFieldIndex;this.widget.updateCell(e,t,o,n)}})),this}updateCellByID(e,t,o,n){return this._wrapAPI((()=>this.widget.updateCell(e,t,o,n))),this}lastPage(){return this._wrapAPI((()=>this.widget.lastPage())),this}nextPage(){return this._wrapAPI((()=>this.widget.nextPage())),this}prevPage(){return this._wrapAPI((()=>this.widget.prevPage())),this}refresh(e,t){if(void 0!==e)e=parseInt(e,10),d.Uh(t)&&(t=parseInt(t,10)),this.widget.update({bUpdateBodyContent:!0},e,t);else{let e=this.widget;!e.store.isIncrementalLoad()&&e.oDOMSortedColumn&&e.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader&&e.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader.clearStyle(!0),this.widget.store.reload()}}refreshGrid(){this.refresh(),this.bReady&&g.default.refresh(this.widget)}searchGrid(e){return this._wrapAPI((()=>{const t=this.widget.search;t&&(t.oDOMInput.value=e,!t.searchBarVisible&&e&&t.searchBtnClickToggle(void 0,!0),t.triggerSearch())})),this}setCaption(e){return this._wrapAPI((()=>this.caption=e)),this}setData(e){return this._wrapAPI((()=>this.data=e)),this}setPageIndex(e){let t=parseInt(e,10);if(!isNaN(e))return this._wrapAPI((()=>this.widget.setCurrPageIdx(t-1))),this}setPageSize(e){let t=parseInt(e,10);if(!isNaN(t))return this.widget.bUserPageSize=!0,this._wrapAPI((()=>this.widget.setPageSize(t))),this}setPageSizeCard(e){let t=parseInt(e,10);return isNaN(t)?this:this.setElementAPI("page-size-card",t)}setPageSizeRow(e){let t=parseInt(e,10);return isNaN(t)?this:this.setElementAPI("page-size-row",t)}setPageSizeOptions(e){return this._wrapAPI((()=>{e||(e=u.default.zgPager.defaultPageSizes),this.oTopPager&&this.oTopPager.setAttribute("size-options",e),this.oBottomPager&&this.oBottomPager.setAttribute("size-options",e)})),this}showColumn(e){return this._wrapAPI((()=>this.toggleColumn(e,!1))),this}sortColumn(e,t){return this._wrapAPI((()=>{if(this.widget.sorter){let o=this.widget.getColumnByFieldIndex(e);o&&o.oDOMSortHeader?(t=t||null,o.oDOMSortHeader.onSort(null,null,t)):o||d.Aq(`The column with [index="${e}"] does not exist.`)}})),this}toggleColumn(e,t){let o=this.widget.getColumnIndexByFieldIndex(e);if(-1!==o){let e=this.widget.aColumnMapping[o],n=e.oDOMZGColumn;if(void 0===t&&(t=!n.hasAttribute("hidden")),e.bHidden===t)return;t?n.setAttribute("hidden",!0):n.removeAttribute("hidden")}else d.Aq(`The column with [index="${e}"] does not exist.`);return this}_propertyHandler(e,t,o){o=super._propertyHandler(e,t,o);const n=this.widget,r=n.store,i=d.c7.get(n,["viewportManager"]);switch(e){case"aggregate":this.bReady&&this._updateColumnControls("aggregate",o);break;case"batchEdit":this.bReady&&this._setBatchEditControls(o);break;case"align":this.bReady&&this._setAlign(o);break;case"buttonTooltipDisabled":this.bReady&&this._setButtonTooltipDisabled(o);break;case"card":this.bReady&&this._setCard(o);break;case"caption":this.bReady&&this._setCaption(o);break;case"cellBreak":this.bReady&&this._setCellBreak(o);break;case"cellClass":this.bReady&&this._setClass(o,"Cell");break;case"cellTooltipRenderer":this._setCellTooltipRenderer(o);case"cellTooltipTemplate":this._setCellTooltipTemplate(o);case"cellTooltipDelay":case"cellTooltipIcon":case"cellTooltipPosition":case"cellTooltipType":case"cellTooltipAction":this._setCellTooltipOptions(e,o);break;case"colClass":this.bReady&&this._setClass(o,"Col");break;case"columnsControl":n.bHasColumnsControl=!!o,this.bReady&&this._setColumnsControl(!!o);break;case"columnResizablePersistent":this.bReady&&this._setColumnResizable(this.columnResizable,!!o);break;case"columnResizable":this.bReady&&this._setColumnResizable(!!o,this.columnResizablePersistent);break;case"frozenColumnsLeft":if(this.bReady&&!n.bUpdatingFrozen)if(n.layoutManager.sCurrentType!==u.default.zgLayout.typeCard&&this.layoutType!==u.default.zgLayout.typeCard){n.nLeftFrozenColumns=parseInt(o,10)||0,this._setRowHeight(this.rowHeight,n.nLeftFrozenColumns||n.nRightFrozenColumns);let e=n.nLeftFrozenColumns+n.nRightFrozenColumns,t=n.aColumnMapping.length-e;t<0&&(n.nRightFrozenColumns+=t,n.nRightFrozenColumns<0&&(n.nRightFrozenColumns=0)),n._adjustFrozenColumns(),n.updater.clearCache(),n.update(),n.updater.checkHorizontalScroll()}else n.nCardLeftFrozenColumns=parseInt(o,10)||0;break;case"frozenColumnsRight":if(this.bReady&&!n.bUpdatingFrozen)if(n.layoutManager.sCurrentType!==u.default.zgLayout.typeCard&&this.layoutType!==u.default.zgLayout.typeCard){n.nRightFrozenColumns=parseInt(o,10)||0,this._setRowHeight(this.rowHeight,n.nLeftFrozenColumns||n.nRightFrozenColumns);let e=n.nLeftFrozenColumns+n.nRightFrozenColumns,t=n.aColumnMapping.length-e;t<0&&(n.nLeftFrozenColumns+=t,n.nLeftFrozenColumns<0&&(n.nLeftFrozenColumns=0)),n._adjustFrozenColumns(),n.updater.clearCache(),n.update(),n.updater.checkHorizontalScroll()}else n.nCardRightFrozenColumns=parseInt(o,10)||0;break;case"frozenRowsTop":this.bReady&&!n.bGroupBy&&(n.layoutManager.sCurrentType!==u.default.zgLayout.typeCard&&this.layoutType!==u.default.zgLayout.typeCard?(n.nTopFrozenRows=parseInt(o,10)||0,n.bUpdatingFrozen||n.bReload||(n.updateFrozenRowMapping(),n.updater.clearCache(),n.update(),n.fire(u.default.event.frozenrowchange,"top",o,t))):n.nCardTopFrozenRows=parseInt(o,10)||0);break;case"frozenRowsBottom":this.bReady&&!n.bGroupBy&&(n.layoutManager.sCurrentType!==u.default.zgLayout.typeCard&&this.layoutType!==u.default.zgLayout.typeCard?(n.nBottomFrozenRows=parseInt(o,10)||0,n.bUpdatingFrozen||n.bReload||(n.updateFrozenRowMapping(),n.updater.clearCache(),n.update(),n.fire(u.default.event.frozenrowchange,"bottom",o,t))):n.nCardBottomFrozenRows=parseInt(o,10)||0);break;case"columns":if(this.bReady){n.updateConfig({columns:o});const{data:e,src:t}=this;(e||t)&&r.reload()}break;case"config":if(this.bReady){n.updateConfig(o);const{data:e,src:t}=o;(e||t)&&r.load()}break;case"contextMenu":"boolean"==typeof o||"true"===o?(n.bHasContextMenuEnabled=!!o,n.sContextMenuId=null):null===o?n.bHasContextMenuEnabled=!1:(n.bHasContextMenuEnabled=!0,n.sContextMenuId=o),this.bReady&&n.bHasContextMenuEnabled&&n.menuManager.initMenu(!0);break;case"cellFocus":n.bCellFocus="disabled"!==o;break;case"compact":n.bCompact=o,n.nDefaultRowHeight=o?u.default.zgRow.defaultCompactHeight:u.default.zgRow.defaultHeight,n.nDefaultHeadHeight=o?u.default.zgRow.defaultCompactHeadHeight:u.default.zgRow.defaultHeadHeight,this.bReady&&n.update();break;case"confirmDelete":n.bConfirmDelete=!0,o&&"disabled"!==o||(n.bConfirmDelete=!1);break;case"data":r&&!r.bUpdatingData&&this.bReady&&(o=r.setData(o),r.bHasDataSource&&(this.removeAttribute("src"),r.dumpDataRequest()),n.bAPIReady&&r.reload(void 0,!0));break;case"defaultDisplay":this.bReady&&this._setDefaultDisplay(o);break;case"dir":this.bReady&&(o?n.sComputedDir=o:n.initDir(),this.querySelectorAll("zg-button[dir]").forEach((e=>{e.setAttribute("dir",n.sComputedDir),e.setTooltip(e.action,n,e.customTooltip)})),this.querySelectorAll("zg-filter, zg-select, zg-dialog, zg-menu-group, zg-head-cell, zg-option-list, zg-control-bar, zg-pager").forEach((e=>{o?e.setAttribute("dir",n.sComputedDir):e.removeAttribute("dir")})),n.updater.clearCache(),n.update());break;case"columnDrag":this.bReady&&this._setColumnDrag(o,this.columnDragAction);break;case"columnDragAction":this.bReady&&this._setColumnDrag(this.columnDrag,o);break;case"cellEditor":null===o&&n.bHasEditorEnabled?n.bHasCellEditorEnabled=!0:o&&"disabled"!==o?(n.bHasCellEditorEnabled=!0,n.bHasEditorEnabled=!0):n.bHasCellEditorEnabled=!1;break;case"creator":o!==u.default.editor.typeInline&&(o=u.default.editor.typeModal),this.bReady&&(n.editorManager.createType=o);break;case"editor":n.editorFieldManager&&n.editorFieldManager.isEditorOpen()&&(n.editorFieldManager.closeFieldEditor(!0),n.editorManager&&n.editorManager.closeEditor()),o?("true"===o&&(o=u.default.editor.typeInline),n.bHasEditorEnabled=!0,"disabled"!==this.cellEditor&&!1!==this.cellEditor&&(n.bHasCellEditorEnabled=!0),this.bReady&&(n.editorManager.type=o),this.bSettingEditor?this.bUserEditorControls=!1:this.bUserEditorControls=!0):(n.bHasEditorEnabled=!1,!0!==this.cellEditor&&(n.bHasCellEditorEnabled=!1),this.bUserEditorControls=!1);break;case"editorControls":this.bReady&&(n.bUpdatingColumns=!0,this._updateColumnControls("editorControls",o,!0),this._attachNodata(this.noData),n.setupCardHeader(),o&&"disabled"!==o?this.hasAttribute(u.default.editor.attr)||(this.bSettingEditor=!0,this.setAttribute(u.default.editor.attr,""),this.bSettingEditor=!1):this.bUserEditorControls||this.removeAttribute(u.default.editor.attr),n.bUpdatingColumns=!1,n.updater.clearCache(),n.updater.clearStyle(),n.update());break;case"filter":let a=0;if(n.bHasFilterEnabled&&!o?a=-1:!n.bHasFilterEnabled&&o&&(a=1),n.bHasFilterEnabled=o,n.bGlobalFilter=o,this.bReady&&n){for(let e=0,t=n.aColumnMapping.length;e<t;e++){let t=n.aColumnMapping[e].oDOMZGColumn;const r=["undefined",null],i=typeof t.filter;r.indexOf(i)>-1&&(t.filter=o)}a&&this._updateRowIndex(a),n.update()}break;case"footClass":this.bReady&&this._setClass(o,"Foot");break;case"fullscreen":d.SZ({el:document.body,attr:"zinggrid-fullscreen",match:o,value:""}),this.bReady&&(o?n.fullscreenManager.setFullscreen(!0):n.fullscreenManager.unsetFullscreen());break;case"gridlines":this.bReady&&this._setGridLines(o);break;case"groupBy":this.bReady&&this._setGrouping(o);break;case"headerAutoFormat":this.bReady&&(this._setHeaderAutoFormat(o),n.update({bUpdateColumnHeaderContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0}));break;case"nestedDataSeparator":this.bReady&&(this._setNestedDataSeparator(o),r.reload());break;case"headerRowHide":this.bReady&&(n.bHeaderRowHide=o,n.update({bUpdateColumnHeaderContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnBodyContainerClass:!0}));break;case"headerTooltipRenderer":this._setHeaderTooltipRenderer(o);case"headerTooltipTemplate":this._setHeaderTooltipTemplate(o);case"headerTooltipIcon":case"headerTooltipIconPosition":case"headerTooltipPosition":case"headerTooltipDelay":case"headerTooltipType":case"headerTooltipAction":this._setHeaderTooltipOptions(e,o);break;case"headerTooltipTrigger":this._setHeaderTooltipOptions(e,o,!0);break;case"headClass":this.bReady&&this._setClass(o,"Head");break;case"height":this._setScrollHeight(o);break;case"iconSet":this.bReady&&n.iconManager.updateIcons(o);break;case"lang":g.default.setLang(o,n),this.bReady&&g.default.refresh(n);break;case"layout":this.bReady&&(this.bUserLayoutControls||this._setLayoutControls(o),n.layoutManager.setLayout({isReset:null===o}));break;case"layoutControls":this.bReady&&(this.bUserLayoutControls=null!==o,this._setLayoutControls(o));break;case"noData":this.bReady&&this._attachNodata(o);break;case"pager":if(r&&r.oDataFormat.bLoadByScroll)return;this.bReady&&(o&&!this._settingPager&&(this.bGeneratedPager=!1),this._attachPager(o,t,this.pagerPosition,this.pagerPosition));break;case"pagerPosition":this.bReady&&(null===o?this.bGeneratedPager&&(this.pager=!1,this.bGeneratedPager=!1):void 0===this.pager&&this._autoSetPager(),this._attachPager(this.pager,this.pager,o,t));break;case"pagerButtonLimit":this.bReady&&this.pager&&this._setPagerType(this.pagerType,o);break;case"pagerType":this.bReady&&this.pager&&this._setPagerType(o,this.pagerButtonLimit);break;case"pageSize":case"pageSizeRow":case"pageSizeCard":n.bUserPageSize=!0,this.bReady?n.calculatePageSize(null,!1,e,o):"pageSize"===e&&n.setPageSize(o);break;case"pageSizeOptions":this.bReady&&this.setPageSizeOptions(o);break;case"params":this.bReady&&r.loadData(this.oDOMData?this.oDOMData.options:{},o,null,!0);break;case"preserveStateOptions":case"preserveStateId":case"preserveStateLoad":case"preserveStateSave":n.oStateOptions[e]=o,this.bReady&&"preserveStateSave"!==e&&n.stateManager.loadState();break;case"recordCount":this.bReady&&(r.setOriginRecordCount(o),n.fire(u.default.event.pagesizechange,o));break;case"frozenRowClass":this.bReady&&this._setClass(o,"FrozenRow");break;case"rowClass":this.bReady&&this._setClass(o,"Row");break;case"rowHeight":this.bReady&&this._setRowHeight(o);break;case"search":n.bHasSearchEnabled=!!o,this.bReady&&this._setSearch(n.bHasSearchEnabled);break;case"selector":o?n.bHasSelectorEnabled=!0:(n.selector.bHasSelection&&n.selector.deSelectRange(),n.bHasSelectorEnabled=!1);break;case"rowSelector":this.bReady&&(o&&this.rowSelector||!o&&!this.rowSelector||(this._setRowSelector(o),this._updateColumnControls("rowSelector",o)));break;case"recordKey":if(this.bReady)if(o&&this.recordKey||!o&&!this.recordKey){if(o&&this.recordKey){let e=n.aColumnMapping.find((e=>e.sFieldIndex===u.default.internalColumn.recordkey));e&&(e.oDOMZGColumn.header=o)}}else this._updateColumnControls("recordKey",o);break;case"recordDuplicate":this.bReady&&(o&&this.recordDuplicate||!o&&!this.recordDuplicate||this._updateColumnControls("recordDuplicate",o));break;case"sort":this.bReady&&(this._setSorter(o,this.sorter),this._toggleSorter(o));break;case"sortIntl":n.sSortIntl=o,this.bReady&&this._setSortIntl(o);break;case"sorter":this.bReady&&this._setSorter(this.sort,o);break;case"source":this.bReady&&n.sourceManager.setSource({source:o});break;case"src":if(this.bReady)if(n.dumpMapping(),r.dumpModel(),r.bHasDataSource&&r.dumpDataRequest(),o){r.data&&r.data.length&&(r.initModel(),this.removeAttribute("data"));let e={src:o};this.oDOMData?r.loadData(this.oDOMData.options,this.params,e):(r.updateConfig(e,!0),r.load())}else{let e={src:o};r.updateConfig(e),r.load()}break;case"staticMenu":if("boolean"==typeof o||"true"===o){const e=this.contextMenu;n.bHasStaticMenu=!!o,e&&"string"==typeof e||(n.sContextMenuId=null)}else null===o?n.bHasStaticMenu=!1:(n.bHasStaticMenu=!0,n.sContextMenuId=o);this.bReady&&this._setStaticMenu(n.bHasStaticMenu,!0);break;case"statusPosition":this.bReady&&this.oDOMStatus.hasAttribute(u.default.attr.active)&&this.widget.statusManager.setStatus();break;case"theme":this.bReady&&(this._setThemeCSS(o),this._setThemeIconSVG(o));break;case"validationErrorMessage":this.bReady&&(n.sValidationErrorMessage=o);break;case"validationRequiredMessage":this.bReady&&(n.sValidationRequiredMessage=o);break;case"viewportPause":if(!this.bReady)return;o?i.run="pause":o||i.run.stop||(i.run=!0);break;case"viewportStop":if(!this.bReady)return;o?i.run=!1:o||i.run.pause||(i.run=!0);break;case"viewportTypes":this.bReady&&(i.types=o,i.allow&&i.setViewport());break;case"width":this.bReady&&this._setScrollWidth(o);break;case"templateStartDelimiter":case"templateEndDelimiter":this.bReady&&(r[e]=o||u.default.template[e],n.updater.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0}));break;case"zebra":this.bReady&&this._setZebra(o)}return this.bReady&&["rowClass","cellClass","colClass","footClass","headClass","zebra","frozenRowClass"].includes(e)&&(n.bNeedUpdate=!0),o}_applyCss(e){":"===e.charAt(0)&&this.shadowRoot.querySelector("style").insertAdjacentText("afterbegin",`${e} ${this.initialGridCss}`)}_autoSetPager(){this.bGeneratedPager=!0,this._settingPager=!0,this.pager=!0,this._settingPager=!1}_attachNodata(e,t){let o=!!e;this.oDOMNodata?t&&(o=!0):(this.oDOMNodata=document.createElement(u.default.zgNoData.tagName),this.appendChild(this.oDOMNodata)),e?this.oDOMNodata.classList.add("attr"):this.oDOMNodata.classList.remove("attr"),o?this.oDOMNodata.classList.remove("default"):this.oDOMNodata.classList.add("default");const n=this.getAttribute(u.default.attr.editorcontrols),r=["false",u.default.editorControls.editor,u.default.editorControls.remover],i=(n||""===n)&&-1===r.indexOf(n),a=document.createElement("SPAN");if(e)this.oDOMNodata.innerHTML=e;else if(!o){this.oDOMNodata.innerHTML="";const e=a.cloneNode(!0),t=g.default.get("noData.message",this.widget,{element:e,elProperty:"innerHTML"});e.classList.add("default-message"),e.innerHTML=t,this.oDOMNodata.appendChild(e)}if(!o&&i){const e=a.cloneNode(!0);e.classList.add("default-insert-record");const t=g.default.get("noData.insertRecord",this.widget,{element:e,elProperty:"innerHTML"});e.innerHTML=`\n        <zg-button action="createrecord" no-data notooltip>\n          <zg-icon name="createrecord" slot="icon"></zg-icon> \n          <span slot="label">${t}</span>\n        </zg-button>\n      `,this.oDOMNodata.appendChild(e)}this.oDOMNodata.setAttribute("slot","gridnodata")}_attachPager(e,t,o,n){const r=this.widget,i=r.store;if(i&&i.oDataFormat.bLoadByScroll)return;null==o&&(o="bottom"),void 0===n&&(n="bottom");let a=["top","both"],s=["bottom","both"],l=[null,!1,"false",void 0],d=this.oBottomPager,c=this.oTopPager;c||(c=document.createElement("zg-pager"),c.setAttribute("slot","top"),this.oTopPager=c),void 0===d&&(d=document.createElement("zg-pager"),d.setAttribute("slot","pager"),this.oBottomPager=d),l.includes(t)||(a.includes(n)&&this.removeChild(this.oTopPager),s.includes(n)&&this.removeChild(this.oBottomPager)),l.includes(e)||(a.includes(o)&&!this.oTopPager.parentNode&&(this.appendChild(this.oTopPager),r.updateFocus(null,this.oTopPager,r.focusManager.aTopPager)),s.includes(o)&&!this.oBottomPager.parentNode&&(this.appendChild(this.oBottomPager),r.updateFocus(null,this.oBottomPager,r.focusManager.aBottomPager)))}_setPagerType(e,t){e?(this.oTopPager&&(this.oTopPager.setAttribute(u.default.zgPager.typeAttr,e),t?this.oTopPager.setAttribute(u.default.zgPager.buttonLimitAttr,t):this.oTopPager.removeAttribute(u.default.zgPager.buttonLimitAttr)),this.oBottomPager&&(this.oBottomPager.setAttribute(u.default.zgPager.typeAttr,e),t?this.oBottomPager.setAttribute(u.default.zgPager.buttonLimitAttr,t):this.oBottomPager.removeAttribute(u.default.zgPager.buttonLimitAttr))):(this.oTopPager&&(this.oTopPager.removeAttribute(u.default.zgPager.typeAttr),this.oTopPager.removeAttribute(u.default.zgPager.buttonLimitAttr)),this.oBottomPager&&(this.oBottomPager.removeAttribute(u.default.zgPager.typeAttr),this.oBottomPager.removeAttribute(u.default.zgPager.buttonLimitAttr)))}_attributeHandler(e,t,o){e!==u.default.editor.attr||void 0!==this.userEditorValue||this.widget&&this.widget.bUpdatingEditor||this._storeEditorValue(),super._attributeHandler(e,t,o)}_loadCss(e){let t=e.split(".css");1!==t.length&&(t=t[0].split("/"),this.setAttribute("theme",t[t.length-1]),fetch(e).then((e=>e.text())).then((e=>this._applyCss(e))))}_setCard(e){let{rendererTemplate:t,editorTemplate:o,renderer:n,editor:r}=e;const i=this.widget,a=i.oCard||document.createElement(u.default.zgCard.tagName);t||(t=e["renderer-template"]),o||(o=e["editor-template"]),t&&a.setAttribute("renderer-template",t),o&&a.setAttribute("editor-template",o),n&&a.setAttribute("renderer",n),r&&a.setAttribute("editor",r),i.oCard||this.appendChild(a),this.bReady&&(this.widget.updater.clearCache(),this.widget.update())}_setCaption(e,t){const o=this.widget;let n=!1;if(!this.oDOMCaption){let o=document.createElement(u.default.zgCaption.tagName);(null!==e||t)&&this._attachToParent(o,this.oDOMHeader),this.oDOMCaption=o,n=!0}if(o.messageCaption)o.changedCaption=e;else{if(!(e||t||o.bHasStaticMenu||o.bHasSearchEnabled))return this.oDOMHeader&&!n&&this.oDOMHeader.removeChild(this.oDOMCaption),void(this.oDOMCaption=null);this.oDOMCaption.changeText(e),this.oDOMCaption.hasAttribute("slot")||this.oDOMCaption.setAttribute("slot","caption"),o.updateFocus("Caption")}}_setSelectorCheckbox(e){const t=this.oDOMControlBar||this.querySelector(u.default.zgControlBar.tagName);t&&(this.caption||this.oDOMCaption||this._setCaption(null,!0),e.slot="cardaction",e.setAttribute(u.default.attr.datafocus,""),t.oDOMSelector&&t.removeChild(t.oDOMSelector),t.insertBefore(e,t.childNodes[0]),t.oDOMSelector=e,t.setAttribute(u.default.attr.internalselector,""),this._toggleControlBar())}_setControlBar(){if(!this.oDOMControlBar){let e=document.createElement(u.default.zgControlBar.tagName);this._attachToParent(e,this.oDOMHeader),this.oDOMControlBar=e}this.oDOMControlBar.setAttribute("slot","control-bar"),this.widget.updateFocus("ControlBar")}_setLayoutControls(e){(e="disabled"!==e&&(""===e||(!(null!==e||!this.hasAttribute(u.default.zgLayout.attr))||!!e)))?(this.oDOMLayoutControls||(this.oDOMLayoutControls=document.createElement(u.default.zgLayoutControls.tagName),this.bReady&&this._attachToParent(this.oDOMLayoutControls,this.oDOMControlBar)),this.oDOMLayoutControls.setAttribute("slot","layout-controls")):!e&&this.oDOMLayoutControls&&(this.oDOMLayoutControls.parentNode.removeChild(this.oDOMLayoutControls),this.oDOMLayoutControls=null),this._toggleControlBar()}_setCreateControls(e){e?(this.oDOMControlBar.oDOMCreate.removeAttribute("hidden"),this.oDOMControlBar.setAttribute(u.default.attr.create,"")):(this.oDOMControlBar.oDOMCreate.setAttribute("hidden",""),this.oDOMControlBar.removeAttribute(u.default.attr.create)),this._toggleControlBar()}_setBatchEditControls(e){this.oDOMControlBar.oDOMBatchEdit&&(e?(this.oDOMControlBar.setAttribute(u.default.attr.batchEdit,""),this.oDOMControlBar.oDOMBatchEdit.removeAttribute("hidden")):(this.oDOMControlBar.removeAttribute(u.default.attr.batchEdit),this.oDOMControlBar.oDOMBatchEdit.setAttribute("hidden","")),this._toggleControlBar())}_setCellBreak(e,t){this.widget.cellBreakManager.setCellBreak(e)}_toggleControlBar(){let e=!1,t=this.oDOMControlBar._oShadowRoot.querySelector('slot[name="cardaction"]').assignedNodes(),o=this.oDOMControlBar._oShadowRoot.querySelector('slot[name="action"]').assignedNodes(),n=this.widget.layoutManager.sCurrentType||this.widget.layoutManager.getLayoutType();o.length&&(e=o.some((e=>null===e.getAttribute("hidden")&&e.tagName.toLowerCase()!==u.default.zgText.tagName))),this.oDOMLayoutControls||e||t.length>1&&n===u.default.zgLayout.typeCard?this.oDOMControlBar.removeAttribute("hidden"):this.oDOMControlBar.setAttribute("hidden","")}_attachToParent(e,t){t.bReady?t.appendChild(e):t.on("ready",(()=>t.appendChild(e)))}_activateLoadByScroll(){const e=this.widget;e.store;let t=this.height||u.default.infinite.defaultHeight;this.height||(this.height=u.default.infinite.defaultHeight),e.oDOMScroller||(e.oDOMScroller=this._oShadowRoot.querySelector(u.default.zg.shadow.frameBodyWrapper),e.scroller&&e.scroller.ons()),e.oDOMScroller.style.height=t,e.oDOMScroller.setAttribute(u.default.attr.height,""),this.oTopPager&&this.oTopPager.remove(),this.oBottomPager&&this.oBottomPager.remove()}_setGrouping(e){const t=this.widget;let o=t.aGroupBy;t.bGroupBy=!!e,t.bGroupBy?("string"==typeof e&&(e=e.split(",").map((e=>e.trim()))),t.aGroupBy=e):t.aGroupBy=[],this.bReady&&t._updateGroupedColumnReset(!0,!t.bGroupBy,o)}_setAlign(e){const t=this.widget,o=t.getAllHeadRows(),n=t.getAllBodyRows(),r=t.getAllFootRows();(o||n||r)&&(this._setAlignByArea(o,e),this._setAlignByArea(n,e),this._setAlignByArea(r,e))}_setAlignByArea(e,t){const o=this.widget;let n=o.aColumnMapping;e.forEach((e=>{e.childNodes.forEach(((e,r)=>{let i=n[r].sAlign||t||null;o.setCellAlignment(e,i)}))}))}_setHeaderAutoFormat(e){if(""===e||null===e?this.widget.bHeaderAutoFormat=!0:(this.widget.bHeaderAutoFormat="disabled"!==e&&!!e,this.widget.bHeaderAutoFormat&&"string"==typeof e&&(this.widget.fnHeaderAutoFormat=h.Z.setUserFunction(null,e))),this.widget.aColumnMapping)for(let e=0,t=this.widget.aColumnMapping.length;e<t;e++){this.widget.aColumnMapping[e].oDOMZGColumn.setHeader()}}_setNestedDataSeparator(e){const t=this.widget;if(t.sNestedDataSeparator=""===e||null===e?".":e,t.aColumnMapping)for(let e=0,o=t.aColumnMapping.length;e<o;e++){t.aColumnMapping[e].oDOMZGColumn.setHeader()}}_updateColumnControls(e,t,o){const n=this.widget,r={editorControls:this.editorControls,rowSelector:this.rowSelector,recordKey:this.recordKey,recordDuplicate:this.recordDuplicate,aggregate:this.aggregate};r[e]=t,n._addColumnControls(r),o||(n.setupCardHeader(),n.updater.clearCache(),n.update())}_updateRowIndex(){this.widget.getAllBodyRows().forEach((e=>e.setBodyIndexes(e.bodyRowIndex)))}_setGridLines(e){const t=this.widget,o=[...t.getAllHeadRows(),...t.getAllBodyRows()];if(e){const t=e.toLowerCase();o.forEach((e=>{"both"===t||"vert"===t||"vertical"===t?e.setAttribute(u.default.attr.gridlinesvert,""):e.removeAttribute(u.default.attr.gridlinesvert),"both"===t||"horz"===t||"horizontal"===t?e.setAttribute(u.default.attr.gridlineshorz,""):e.removeAttribute(u.default.attr.gridlineshorz)}))}else o.forEach((e=>{e.removeAttribute(u.default.attr.gridlinesvert),e.removeAttribute(u.default.attr.gridlineshorz)}))}_setClass(e,t,o){o&&this[`fn${t}Class`]||(this[`fn${t}Class`]=h.Z.setUserFunction(null,e))}_setRowHeight(e,t){!e&&t?e="auto":e||t?e==+e&&(e+="px"):e=void 0,this.widget.nRowHeight=e,!this.cellBreak&&"auto"!==this.rowHeight&&t&&(this.cellBreak=u.default.cellBreak.ellipsis)}_setZebra(e){let t=this.widget;const o=null===e?[]:[u.default.zebra.defaultClass1,u.default.zebra.defaultClass2];if(e&&"true"!==e&&!0!==e){let o=e.split(",");1===o.length&&(o=o[0].split(" ")),t.aZebraClasses=o.map((e=>e.trim()))}else t.aZebraClasses=o}_setColumnsControl(e,t){if(this.caption||t||this.oDOMCaption||this._setCaption(null,!0),!this.oDOMCaption||!this.oDOMCaption.bReady){const t=()=>{this.oDOMCaption&&this.oDOMCaption.bReady?this._setColumnsControl(e):requestAnimationFrame(t)};return void(e&&requestAnimationFrame(t))}const o=this.oDOMCaption.oDOMColumnMenu;e?o.removeAttribute(u.default.attr.hidden):(o.setAttribute(u.default.attr.hidden,""),t||this._checkRemoveCaption())}_checkRemoveCaption(){this.oDOMCaption&&!this.oDOMCaption.showCaption()&&(this.oDOMHeader.removeChild(this.oDOMCaption),this.oDOMCaption=null)}_setDefaultDisplay(e){this.widget.sDefaultDisplay=e,this.bReady&&this.widget.updater.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0})}_setColumnResizable(e,t){if(this.widget.bColumnResizable=e,this.widget.bColumnResizablePersistent=t,void 0===e&&t&&(this.widget.bColumnResizable=!0),this.bReady){[...this.oDOMHead.querySelectorAll(u.default.zgHeadCell.tagName)].forEach((e=>e._setResize()))}}_setColumnDrag(e,t){const o=this.widget;this.bUpdatingDrag||(this.bUpdatingDrag=!0,o.bDragHide=!1,o.bDragMove=!1,e&&void 0===t?(t=u.default.drag.both,this.defaultColumnDragAction=u.default.drag.both):t&&void 0===e?(e=!0,this.columnDrag=!0):e||void 0!==t||(this.defaultColumnDragAction=null),o.bColumnDrag=e,"string"==typeof t&&((t=t.toLowerCase())!==u.default.drag.both&&t!==u.default.drag.hide||(o.bDragHide=!0),t!==u.default.drag.both&&t!==u.default.drag.reorder||(o.bDragMove=!0)),this.widget.columnDragManager.setColumnDrag(),this.bUpdatingDrag=!1)}_setCellTooltipOptions(e,t){const o=this.widget;o.oCellTooltip[e]=t,this.bReady&&o.updater.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0})}_setButtonTooltipDisabled(e){this.querySelectorAll("zg-button[dir]").forEach((t=>{t.setTooltip(t.action,this.widget,t.customTooltip,e)}))}_setCellTooltipRenderer(e){e&&d.HD(e)?this.widget.oCellTooltip.fnCellTooltipRenderer=h.Z.setUserFunction(null,e):this.widget.oCellTooltip.fnCellTooltipRenderer=null}_setCellTooltipTemplate(e){const t=window[e]||document.getElementById(e)||null;this.widget.oCellTooltip.oDOMCellTooltipTemplate=t}_setHeaderTooltipOptions(e,t,o){const n=this.widget;if(n.oHeaderTooltip[e]=t,this.bReady)if(o){const e=n.aColumnMapping;for(let t=0,o=e.length;t<o;t++)e[t].oDOMZGColumn.removeAttribute("min-calculated-header-width");n.update({bUpdateColumnHeaderContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0})}else{[...n.getAllHeadCells(!0)].forEach((e=>e._setHeaderTooltip()))}}_setHeaderTooltipRenderer(e){e&&d.HD(e)?this.widget.oHeaderTooltip.fnHeaderTooltipRenderer=h.Z.setUserFunction(null,e):this.widget.oHeaderTooltip.fnHeaderTooltipRenderer=null}_setHeaderTooltipTemplate(e){const t=window[e]||document.getElementById(e)||null;this.widget.oHeaderTooltip.oDOMHeaderTooltipTemplate=t}_setRowSelector(e){!this.oDOMCaption&&e?this._setCaption(null,!0):this.oDOMCaption&&!e&&(this._setCaption(null),this._checkRemoveCaption())}_setScrollHeight(e){const t=this.widget.oDOMScroller||this._oShadowRoot.querySelector(u.default.zg.shadow.frameBodyWrapper),o=this._oShadowRoot.querySelector(u.default.zg.shadow.frameBodyWrapper);e?(o.setAttribute(u.default.attr.height,""),t.setAttribute(u.default.attr.height,""),-1===e.indexOf("px")&&(e+="px"),o.style.height=e,t.style.height=e):(o.removeAttribute(u.default.attr.height),o.style.height="",t.removeAttribute(u.default.attr.height),t.style.height="")}_setScrollWidth(e,t){const o=this.widget;if(!o||!o.mainGridTable)return;let n=o.mainGridTable.dom;if(o.nSetWidth=e,e){+e==e&&(e+="px");const t=-1!==e.indexOf("%");n.setAttribute(u.default.attr.width,""),this.style.width=e,n.style.width=t?"":e,this.oDOMVScroller&&(this.oDOMVScroller.style.width="")}else this.style.width="",n.style.width="";!t&&this.bReady&&requestAnimationFrame((()=>o.updater.updateResizeWindow(!0)))}_addDependentCaption(e,t){if(this.caption||t||this.oDOMCaption||this._setCaption(null,!0),!this.oDOMCaption||!this.oDOMCaption.bReady){const t=()=>{this.oDOMCaption&&this.oDOMCaption.bReady?e():requestAnimationFrame(t)};return requestAnimationFrame(t),!0}return!1}_setSearch(e,t){if(e||t){if(this._addDependentCaption((()=>this._setSearch(e,t)),t))return}const o=this.oDOMCaption.querySelector(u.default.zgSearch.tagName);e?(o.removeAttribute(u.default.attr.hidden),this.widget.search=o):(o.setAttribute(u.default.attr.hidden,""),t||this._checkRemoveCaption())}_setStaticMenu(e,t){if(e){if(this._addDependentCaption((()=>this._setStaticMenu(e,t))))return}if(this.oDOMCaption){this.oDOMCaption.toggleStaticMenu(e)||e||this._checkRemoveCaption()}this.bReady&&e&&this.widget.menuManager.initMenu(t)}_toggleSorter(e){""===e&&(e=!0);let t=this.oDOMHead.querySelectorAll(u.default.zgHeadCell.tagName);this.oDOMHead&&this.oDOMHead.children&&(e?[...t].forEach((e=>e._setupSort())):[...t].forEach((e=>e._removeSort())))}_setSorter(e,t){const o=this.widget,n=o.store;""===e&&(e=!0),e&&n&&n.isIncrementalLoad()&&"firebase"===n.oDataFormat.sAdapter?d.Aq("Firebase does not support server side sorting."):(o.bHasSorterEnabled=!!e,o.bHasSorterEnabled&&"string"==typeof t&&(o.sorter.fnSorter=h.Z.setUserFunction(null,t)),!o.sorter.fnSorter||null!==t&&"function"==typeof o.sorter.fnSorter.method||(o.sorter.fnSorter=null),this.oDOMHead&&this.oDOMHead.children&&(o.bHasSorterEnabled?[...this.oDOMHead.children].forEach((e=>e.setAttribute(u.default.sort.attr,""))):[...this.oDOMHead.children].forEach((e=>e.removeAttribute(u.default.sort.attr)))))}_setSortIntl(e){for(let t=0,o=this.widget.aColumnMapping.length;t<o;t++){this.widget.aColumnMapping[t].oDOMZGColumn.updateGlobalIntlSort(e)}}_setThemeCSS(e){e&&this._loadCss(e)}_setGridClasses(e){const t=["cell","head","foot","col","row","frozenRow"];for(let o=0;o<t.length;o++){const n=t[o]+"Class",r=t[o].charAt(0).toUpperCase()+t[o].slice(1);this[n]&&this._setClass(this[n],r,e)}}_setThemeIconSVG(e){this.defaultSVG=o(92757),this.defaultSVG&&(this.svgSrc=this.defaultSVG),this.svgSrc&&(this.themeSVG=(0,d.hS)(this.svgSrc));try{this.svgSrc=o(19179)(`./${e}.svg`);let t=(0,d.hS)(this.svgSrc).children;this.themeSVG=(0,d.ls)(this.themeSVG,t)}catch(t){if(!e)return;let o=e.split(".css");if(o.length<2){const e=this.externalThemeArr.filter((e=>e.name===this.externalThemeName));return void(e.length&&(this.themeSVG=e[0].src))}this.bWaitingForIcons=!0,(0,d.wZ)(o[0]).then((e=>{this.themeSVG=(0,d.ls)(this.themeSVG,e),this.externalThemeName=o[0].split("/").slice(-1)[0],this.externalThemeArr.push({name:this.externalThemeName,src:this.themeSVG}),this.bWaitingForIcons=!1,this.widget.iconManager.updateIconTheme()}))}}_storeEditorValue(e){const t=e||this.getAttribute(u.default.editor.attr);t&&t.length&&!0!==t?this.userEditorValue=t:this.userEditorValue=!1}_wrapAPI(e){const{widget:t={}}=this;t.bAPIReady?e():t.on("apiready",(()=>{t&&!t.bDisconnect&&e()}))}cell(e,t){return this.widget.selectorEngineManager.$cell(e,t)}row(e){return this.widget.selectorEngineManager.$row(e)}openRowEditor(e){if(this.widget.bHasEditorEnabled){const t=this.row(e);requestAnimationFrame((()=>this.widget.editorManager.openEditor(t)))}return this}closeContextMenu(){return this.widget.menuManager&&this.widget.menuManager.isMenuOpen()&&this.widget.menuManager.closeMenu(),this}closeDialog(){return this.oDOMDialog&&this.oDOMDialog.closeEvent(),this}column(e){return this.widget.selectorEngineManager.$column(e)}executeOnLoad(e){this._wrapAPI(e)}getAggregate(){return this.getElementAPI("aggregate")}getBatchEdit(){return this.getElementAPI("batch-edit")}getBatchEditStatus(){return this.getElementAPI("batch-edit-status")||this.widget.store.oDataFormat.sBatchEditStatus||u.default.batchEdit.statusMessage}getCellBreak(){return this.getElementAPI("cell-break")||u.default.cellBreak.default}getCellClass(){return this.getElementAPI("cell-class")}getCells(){return this.widget.getAllBodyCells().map((e=>this.widget.selectorEngineManager.$cell(e.parentNode.rowIndex,e.cellIndex)))}getColClass(){return this.getElementAPI("col-class")}getColumnsControl(){return this.getElementAPI("columns-control")}getCompact(){return this.getElementAPI("compact")}getContextMenu(){return this.getElementAPI("context-menu")}getDefaultDisplay(){return this.getElementAPI("default-display")}getDir(){return this.widget.sComputedDir}getColumnDragAction(){return this.getElementAPI("column-drag-action")||this.defaultColumnDragAction||!1}getColumnDrag(){return this.getElementAPI("column-drag")}getConfirmations(){let e=this.getElementAPI("confirmations");return!0!==e&&!1!==e||(e="all"),e}getCreator(){const e=this.widget&&this.widget.editorManager;return e?e.createType:"modal"}getEditor(){let e=this.getElementAPI(u.default.editor.attr);return!0===e&&(e=this.widget.editorManager._isModalEdit()?u.default.editor.typeModal:u.default.editor.typeInline),e}getEditorControls(){let e=this.getElementAPI("editor-controls");return!0===e&&(e="all"),e}getRowSelector(){return this.getElementAPI("row-selector")}getRecordDuplicate(){return this.getElementAPI("record-duplicate")}getElementAPI(e,t){let o=this.getAttribute(e);return null==o&&(o=t||!1),""!==o&&"true"!==o||(o=!0),o}getFilter(){return this.getElementAPI("filter")}getFootClass(){return this.getElementAPI("foot-class")}getFrozenColumnsLeft(){return this.getElementAPI("frozen-columns-left")}getFrozenColumnsRight(){return this.getElementAPI("frozen-columns-right")}getFrozenRowsTop(){return this.getElementAPI("frozen-rows-top")||0}getFrozenRowsBottom(){return this.getElementAPI("frozen-rows-bottom")}getGridlines(){return this.getElementAPI("gridlines")}getHeadClass(){return this.getElementAPI("head-class")}getHeaderAutoFormat(){return this.getElementAPI("header-auto-format",!0)}getNestedDataSeparator(){return this.getElementAPI("nested-data-separator")}getHeight(){return this.getBoundingClientRect().height+"px"}getIconSet(){return this.getElementAPI("icon-set")}getIconSetData(){return this.getElementAPI("icon-set-data")}getLang(){return g.default.getLang(this.widget)}getLayout(){return this.getElementAPI("layout")}getLayoutControls(){let e=this.getElementAPI("layout-controls"),t=this.getElementAPI("layout");return!1===e&&!1!==t||e}getPreserveStateId(){return this.getElementAPI("preserve-state-id")}getPreserveStateOptions(){return this.getElementAPI("preserve-state-options")}getPreserveStateLoad(){return this.getElementAPI("preserve-state-load")}getPreserveStateSave(){return this.getElementAPI("preserve-state-save")}getNodata(){return this.getElementAPI("no-data")}getPager(){return this.getElementAPI("pager")}getPageSizeCard(){return parseInt(this.getElementAPI("page-size-card"),10)||this.widget.pageSize}getPageSizeRow(){return parseInt(this.getElementAPI("page-size-row"),10)||this.widget.pageSize}getFrozenRowClass(){return this.getElementAPI("frozen-row-class")}getRowClass(){return this.getElementAPI("row-class")}getGroupBy(){return(this.widget.aGroupBy||[]).join(",")}getSearch(){return this.getElementAPI("search")}getSelector(){return this.getElementAPI("selector")}deselectRows(){return this._wrapAPI((()=>{this.widget.fire("rowdeselect")})),this}selectRow(e){return this._wrapAPI((()=>{let t=this.widget;const o=t.getColumnIndexByType("selector");if(-1===o)return;const n=t.selectorEngineManager.$cell(e,o);if(!n)return;n.dom().querySelector("zg-checkbox").checked=!0})),this}deselectRow(e){return this._wrapAPI((()=>{let t=this.widget;const o=t.getColumnIndexByType("selector");if(-1===o)return;const n=t.selectorEngineManager.$cell(e,o);if(!n)return;n.dom().querySelector("zg-checkbox").checked=!1})),this}getSelectedRows(){let e=this.widget,t=Object.keys(e.aSelectedRows),o=[];for(let n=0;n<t.length;n++)o.push(e.store.cleanSingleRecord(e.aSelectedRows[t[n]].get()));return o}getSort(){return this.getElementAPI("sort")}getSorter(){return this.getElementAPI("sorter")}getSortedColumn(){const e=this.widget.sorter,t=e.sActiveSortedIndex;if(!t)return!1;return{fieldIndex:t,order:1===e.nSortOrder?"asc":"desc"}}getSource(){return this.getElementAPI("source")}getSrc(){return this.getElementAPI("src")}getStaticMenu(){return this.getElementAPI("static-menu")}getTemplateEndDelimiter(){return this.getElementAPI("template-end-delimiter")||u.default.template.templateEndDelimiter}getTemplateStartDelimiter(){return this.getElementAPI("template-start-delimiter")||u.default.template.templateStartDelimiter}getTheme(){return this.theme||u.default.theme.default}getViewport(){return this.getElementAPI("viewport")}getViewportPause(){return this.getElementAPI("viewport-pause")}getViewportStop(){return this.getElementAPI("viewport-stop")}getViewportTypes(){return this.getElementAPI("viewport-types")||JSON.stringify(this.widget.viewportManager.types)}getWidth(){return this.getBoundingClientRect().width+"px"}getZebra(){return this.getElementAPI("zebra")}setAggregate(e){return this.setElementAPI("aggregate",e)}setBatchEdit(e){return this.setElementAPI("batch-edit",e)}setBatchEditStatus(e){return this.setElementAPI("batch-edit-status",e)}setCellBreak(e){return this.setElementAPI("cell-break",e)}setCellClass(e){return this.setElementAPI("cell-class",e)}setColClass(e){return this.setElementAPI("col-class",e)}setColumns(e){return this._wrapAPI((()=>{!e&&this.hasAttribute("columns")?this.removeAttribute("columns"):this.columns=e})),this}setColumnsControl(e){return this.setElementAPI("columns-control",e)}setCompact(e){return this.setElementAPI("compact",e)}setDefaultDisplay(e){return this.setElementAPI("default-display",e)}setDir(e){return this.setElementAPI("dir",e)}setColumnDragAction(e){return this.setElementAPI("column-drag-action",e)}setColumnDrag(e){return this.setElementAPI("column-drag",e)}setFootClass(e){return this.setElementAPI("foot-class",e)}setFrozenColumnsLeft(e){return this.setElementAPI("frozen-columns-left",e)}setFrozenColumnsRight(e){return this.setElementAPI("frozen-columns-right",e)}setFrozenRowsTop(e){return this.setElementAPI("frozen-rows-top",e)}setFrozenRowsBottom(e){return this.setElementAPI("frozen-rows-bottom",e)}setGridlines(e){return this.setElementAPI("gridlines",e)}setHeadClass(e){return this.setElementAPI("head-class",e)}setHeaderAutoFormat(e){return this.setElementAPI("header-auto-format",e)}setNestedDataSeparator(e){return this.setElementAPI("nested-data-separator",e)}setHeight(e){return this.setElementAPI("height",e)}setIconSet(e){return this.setElementAPI("icon-set",e)}setIconSetData(e){return this.setElementAPI("icon-set-data",e)}setLayoutControls(e){return this.setElementAPI("layout-controls",e)}setNoData(e){return this.setElementAPI("no-data",e)}setPager(e){return this.setElementAPI("pager",e)}setFrozenRowClass(e){return this.setElementAPI("frozen-row-class",e)}setRowClass(e){return this.setElementAPI("row-class",e)}setSource(e){return this.setElementAPI("source",e)}setViewportPause(e){return this.setElementAPI("viewport-pause",e)}setViewportStop(e){return this.setElementAPI("viewport-stop",e)}setWidth(e){return this.setElementAPI("width",e)}setZebra(e){return this.setElementAPI("zebra",e)}setFilter(e){return this.setElementAPI("filter",e)}setGroupBy(e){return this.setElementAPI("group-by",e)}setSearch(e){return this.setElementAPI("search",e)}setTemplateEndDelimiter(e){return this.setElementAPI("template-end-delimiter",e)}setTemplateStartDelimiter(e){return this.setElementAPI("template-start-delimiter",e)}setConfirmations(e){return this.setElementAPI("confirmations",e)}setCreator(e){return this.setElementAPI("creator",e)}setEditor(e){return this._storeEditorValue(e),this.setElementAPI(u.default.editor.attr,e)}setEditorControls(e){return this.setElementAPI("editor-controls",e)}setRowSelector(e){return this.setElementAPI("row-selector",e)}setRecordDuplicate(e){return this.setElementAPI("record-duplicate",e)}setLang(e){return this.setElementAPI("lang",e)}setLayout(e){return this.setElementAPI("layout",e)}setLicense(e){return this._wrapAPI((()=>{c.Z.validateLicense(e)})),this}setBuildCode(e){return this._wrapAPI((()=>{c.Z.validateLicense(null,e),c.Z.bValidated&&this.oDOMWaterMark&&(this.oDOMWaterMark.remove(),this.oDOMWaterMark=null)})),this}setPreserveStateId(e){return this.setElementAPI("preserve-state-id",e)}setPreserveStateOptions(e){return this.setElementAPI("preserve-state-options",e)}setPreserveStateLoad(e){return this.setElementAPI("preserve-state-load",e)}setPreserveStateSave(e){return this.setElementAPI("preserve-state-save",e)}setState(e){this._wrapAPI((()=>{("string"==typeof e&&""===e||"object"==typeof e&&0===Object.keys(e).length)&&(e=null),this.widget.stateManager.setUserState(e)}))}clearState(){this._wrapAPI((()=>{this.widget.stateManager.clearState(!0)}))}setStateField(e,t){this._wrapAPI((()=>{this.widget.stateManager.setUserStateField(e,t)}))}setRecordCount(e){return(!e||e<0)&&(e=0),this.setElementAPI("record-count",e)}setSort(e){return this.setElementAPI("sort",e)}setSorter(e){return this.setElementAPI("sorter",e)}setContextMenu(e){return this.setElementAPI("context-menu",e)}setStaticMenu(e){return this.setElementAPI("static-menu",e)}setSelector(e){return this.setElementAPI("selector",e)}setSrc(e){return this.setElementAPI("src",e)}setTheme(e){return this.setElementAPI("theme",e)}setCardTemplate(e){return this._wrapAPI((()=>{if(window[e]||document.getElementById(e)){const t=this.widget.oCard||document.createElement(u.default.zgCard.tagName);t.setAttribute("renderer-template",e),this.widget.oCard||this.appendChild(t),this.widget.updater.clearCache(),this.widget.update()}})),this}setElementAPI(e,t){return this._wrapAPI((()=>{t=void 0===t||t,d.Xh({el:this,attr:e,value:t})})),this}triggerColumnChange(e){this.widget.nLeftFrozenColumns=e?1:0,this.widget.updater.clearCache(),this.widget.update()}updateSize(e,t,o){t=void 0===t?.2:t,t*=1e3;const n=this.widget,r=n.loadmask;return e&&(n.bUpdatingSize=!0,r.loading()),t>200&&setTimeout((()=>{n.updater.updateResizeWindow(!0,!0)}),200),setTimeout((()=>{o?this.widget.updater.nSavedResizeWidth=this.clientWidth:(n.renderTo.style.display="none",n.updater.nSavedResizeWidth=this.clientWidth,n.renderTo.style.display=""),n.updater.updateResizeWindow(!0,!0),e&&(r.loaded(),n.bUpdatingSize=!1)}),t),this}formatDate(e,t,o){return"string"!=typeof e&&"number"!=typeof e||(e=p.kB(e)),p.p6(e,t,o,this.widget)}fromNow(e,t){return"string"!=typeof e&&"number"!=typeof e||(e=p.kB(e)),p.Zh(e,t,this.widget)}calculate(e,t,o){t=t||{};return this.widget.aggregateManager.calculate(e,t,o)}static get observedAttributes(){return v}}n.Z._registerElement(m,y);const w=y},38419:(e,t,o)=>{"use strict";o.d(t,{default:()=>r});const n={zg:{tagName:"zing-grid",shadow:{frameWrapper:".zing-grid-frames",frameBodyWrapper:"#zing-grid-frames-body",scrollWrapper:".zing-grid-scroll"},slot:{dialogInternal:"dialogInternal"}},zgBody:{tagName:"zg-body",nodeName:"ZG-BODY",sectionSelector:{left:"#leftbody",right:"#rightbody",main:"#mainbody"}},zgButton:{tagName:"zg-button",hasTextAttr:"hastext",noTooltipAttr:"notooltip",forceBorderAttr:"force-border",action:{checkbox:"checkbox"},aria:{focus:"zg-aria-focus"},slot:{checkbox:"checkbox",icon:"icon",label:"label"}},zgCaption:{attr:"caption",tagName:"zg-caption"},zgCard:{tagName:"zg-card"},zgCell:{tagName:"zg-cell",actionCellSize:54,actionCellKey:"fitaction",cellIndexAttr:"data-field-index",cellInfoTooltipAttr:"data-field-info-tooltip",cellLabelAttr:"data-field-label",cellGroupAttr:"data-group",sectionSelector:{left:"#leftbody zg-cell",right:"#rightbody zg-cell",main:"#mainbody zg-cell"},singleEditAttr:"edit-row-buttons-one-cell"},zgCellOverflow:{tagName:"zg-cell-overflow"},zgCheckbox:{tagName:"zg-checkbox"},zgColgroup:{tagName:"zg-colgroup",sectionSelector:{left:"#leftcolgroup",right:"#rightcolgroup",main:"#gridcolgroup"}},zgColumn:{tagName:"zg-column",alignDefault:"left",alignTypes:["center","left","right"]},zgColumnResize:{tagName:"zg-column-resize",defaultMinWidth:52,attr:"resize-column",persistentAttr:"resize-persistent"},zgData:{attr:"data",tagName:"zg-data"},zgDialog:{attr:"dialog",tagName:"zg-dialog",all:"all",custom:"custom",internal:"internal",open:"open"},zgEditorRow:{tagName:"zg-editor-row",colorLabelClass:"zg-editor-row-color-label",colorPickerClass:"zg-editor-row-color-picker",colorWrapClass:"zg-editor-row-color-wrap",fieldLabelId:"editorRowFieldLabel",sectionSelector:{left:"#lefteditorrow",right:"#righteditorrow",main:"#bodyeditorrow"},radioLabelClass:"zg-editor-row-radio-label",radioWrapClass:"zg-editor-row-radio-wrap"},zgFilter:{attr:"filter",tagName:"zg-filter"},filter:{match:"match",matchList:"matchList",boolMatch:"boolMatch",contain:"contain",defaultOperation:"contain"},zgFocus:{tagName:"zg-focus",sectionSelector:{left:'[slot="leftgridfocus"]',right:'[slot="rightgridfocus"]',main:'[slot="bodygridfocus"]'}},zgFoot:{tagName:"zg-foot",sectionSelector:{left:"#leftfoot",right:"#rightfoot",main:"#mainfoot"}},zgFooter:{tagName:"zg-footer"},zgHead:{tagName:"zg-head",sectionSelector:{left:"#lefthead",right:"#righthead",main:"#mainhead"}},zgHeader:{tagName:"zg-header"},zgHeadCell:{tagName:"zg-head-cell",infoTooltipType:"info",isReorderingClass:"is-reordering",isContentLongerAttr:"is-content-longer",mainIconClass:"zg-head-icon"},zgIcon:{attr:"icon-set",slotIcon:"icon",tagName:"zg-icon"},zgInput:{tagName:"zg-input"},zgLayout:{attr:"layout",cardTplAttr:"card-template",reset:"reset",typesArr:["card","row"]}};n.zgLayout.typeCard=n.zgLayout.typesArr[0],n.zgLayout.typeRow=n.zgLayout.typesArr[1],n.zgLayoutControls={tagName:"zg-layout-controls",attr:"layout-controls"},n.zgLoadMask={tagName:"zg-load-mask",defaultAttr:"default-load-mask"},n.zgMenu={tagName:"zg-menu",groupItems:"zg-menu-group-items",groupLabel:"zg-menu-group-label",groupWrap:"zg-menu-group-wrap",opener:"menu-opener",static:"static",context:"context",browser:"browser"},n.zgControlBar={tagName:"zg-control-bar"},n.zgMenuGroup={tagName:"zg-menu-group"},n.zgMenuItem={tagName:"zg-menu-item"},n.zgNoData={attr:"no-data",tagName:"zg-no-data"},n.zgOptionList={tagName:"zg-option-list"},n.zgPager={tagName:"zg-pager",attr:"pager",cursorAttr:"cursor",defaultPageSizes:"5,10,50",typeAttr:"pager-type",typeAttrProp:"pagerType",buttonLimitAttr:"pager-button-limit",buttonArrowType:"button-arrow",buttonTextType:"button-text",currentPageAttr:"active",defaultButtonLimit:5},n.zgParam={tagName:"zg-param"},n.zgRow={tagName:"zg-row",defaultHeight:48,defaultCompactHeight:40,defaultCompactHeadHeight:32,defaultHeadHeight:40},n.zgSearch={attr:"search",tagName:"zg-search"},n.zgSelect={tagName:"zg-select"},n.zgSelectorMask={attr:"selector",tagName:"zg-selector-mask",sectionSelector:{left:'[slot="leftgridselectmask"]',right:'[slot="rightgridselectmask"]',main:'[slot="bodygridselectmask"]'}},n.zgSeparator={tagName:"zg-separator"},n.zgSource={attr:"source",tagName:"zg-source"},n.zgStatus={tagName:"zg-status",barPosition:"bar",delay:3e3,delayAttr:"status-delay",persistAttr:"status-persist",positionAttr:"status-position"},n.zgText={tagName:"zg-text"},n.zgTooltip={tagName:"zg-tooltip",noInfoIconAttr:"no-info-icon",actionAttr:"tooltip-action",typeAttr:"tooltip-type",typeDefault:"default",typeSystem:"system",actionTypeHover:"hover",actionTypeClick:"click",iconPositionAttr:"tooltip-icon-position",iconPositionRight:"right",iconPositionLeft:"left",iconPositionAfterText:"after-text",iconTriggerType:"icon",textTriggerType:"text",positionAttr:"tooltip-position"},n.zgWatermark={attr:"watermark",tagName:"zg-watermark"},n.internalColumn={recordeditor:"editor",recordduplicate:"duplicate",recordinfo:"info",recordremover:"remover",recordselector:"selector",recordkey:"recordkey",rownumber:"row-number",rowgroup:"row-group"},n.storybook={dialog:"storybook-dialog",menu:"storybook-menu",editorrow:"storybook-editor-row",focus:"storybook-focus",status:"storybook-status",select:"storybook-select"},n.internalColumnTypes=[n.internalColumn.recordduplicate,n.internalColumn.recordeditor,n.internalColumn.recordremover,n.internalColumn.recordselector,n.internalColumn.recordinfo,n.internalColumn.rownumber],n.cellTypes={toggle:"toggle",custom:"custom",gravatar:"gravatar",button:"button",aggregate:"aggregate"},n.noDataColumnTypes=[n.cellTypes.custom,n.cellTypes.button,n.cellTypes.aggregate],n.columnType={},n.columnType.color={modeAttr:"type-color-mode",modes:{hexAlpha:"hex-alpha",hexLong:"hex-long",hexShort:"hex-short",hsl:"hsl",hsla:"hsla",name:"name",rgb:"rgb",rgba:"rgba"},notConvertedClass:"color-not-converted",notValidClass:"color-not-valid",previewAttr:"type-color-preview",spacesAttr:"type-color-spaces",spaces:{inherit:"inherit",invalid:"disabled",valid:"true"},transparent:"transparent"},n.columnType.color.modeDefault=n.columnType.color.modes.hex,n.frozenColumns={noContent:"no-content",leftAttr:"frozen-columns-left",rightAttr:"frozen-columns-right"},n.zgFrozenColgroup={tagName:"zg-frozen-colgroup"},n.confirmations={attr:"confirmations",all:"all",delete:"delete",batchEdit:"batch-edit",batchEditDiscard:"batch-edit-discard"},n.cellBreak={attr:"cell-break",all:"all",cellBreakPrep:"cell-break-prep",ellipsis:"ellipsis",normal:"normal",word:"word"},n.cellBreak.allowedTypes=[null,"",n.cellBreak.all,n.cellBreak.ellipsis,n.cellBreak.normal,n.cellBreak.word],n.cellBreak.default=n.cellBreak.normal,n.drag={attr:"drag",columnAttr:"column-drag",rowAttr:"row-drag",columns:"columns",rows:"rows",both:"both",reorder:"reorder",hide:"hide"},n.editor={attr:"editor",typeInline:"inline",typeModal:"modal",bindingAttr:"data-zg-key",editingClass:"cell-edit-active"},n.editorControls={attr:"editor-controls",all:"all",creator:"creator",editor:n.internalColumn.recordeditor,remover:n.internalColumn.recordremover},n.batchEdit={tagName:"zg-batch-edit",dirtyClass:"cell-dirty-edit",removedClass:"row-dirty-removed",insertedClass:"row-dirty-inserted",statusMessage:"[[changesMessage]]",tokens:{changes:"changes",recordsEdited:"recordsEdited",fieldsEdited:"fieldsEdited",deleted:"deleted",inserted:"inserted",modified:"modified",messageSuffix:"Message"}},n.fullscreen={attr:"fullscreen"},n.infinite={defaultHeight:"500px",defaultInfiniteDisplay:3},n.search={threshold:250},n.sort={attr:"sort",sorter:"sorter",ascAttr:"sort-asc",descAttr:"sort-desc"},n.theme={attr:"theme"},n.template={type:{editor:"editor",renderer:"renderer",details:"details"},detailsAttr:"has-details",templateStartDelimiter:"[[",templateEndDelimiter:"]]"},n.zebra={attr:"zebra",defaultClass1:"zebra-1",defaultClass2:"zebra-2"},n.validation={fail:"FAILVALIDATION",haserror:"has-error",css:"zg-validation-error"},n.attr={action:"action",active:"active",align:"align",animate:"animate",animateEnd:"animate-end",animateStart:"animate-start",batchEdit:"batch-edit",batchEditActive:"batch-edit-active",batchEditMessage:"batch-edit-message",batchEditLongMessage:"batch-edit-long-message",buttonTooltip:"button-tooltip",class:"class",close:"close",control:"data-control-field",create:"create",datafocus:"data-focusable",editorcontrols:"editor-controls",first:"first",frozen:"frozen",frozenframe:"frozen-frame",gridlines:"gridlines",gridlinesvert:"gridlines-vertical",gridlineshorz:"gridlines-horizontal",hasText:"has-text",height:"height",hidden:"hidden",hover:"hover",icon:"icon",init:"init",internalattach:"internal-attach",internalcaption:"internal-caption",internalselector:"internal-selector",internalcardheader:"internal-card-header",internalcell:"internal-cell",internaltop:"internal-top",internalspan:"internal-span",internaldir:"internal-dir",loading:"loading",mirror:"mirror",name:"name",open:"open",options:"options",parent:"parent",placeholder:"placeholder",position:"position",role:"role",serverrender:"server-rendered",sorted:"sorted",staticscroll:"static-scroll",style:"style",tabindex:"tabindex",text:"text",theme:"theme",title:"title",tooltip:"tooltip",type:"type",value:"value",width:"width"},n.key={down:40,enter:13,up:38,space:32},n.colors={success:"#15bb1a"},n.event={afterPaint:"afterpaint",afterRender:"afterrender",checked:"checked",deselectedCells:"deselectedCells",frozenrowchange:"frozenrowchange",pagesizechange:"pagesizechange",selected:"selected",selectedCells:"selectedcells",selectedFrozenCells:"selectedfrozencells",selectedAllCells:"selectedallcells",unchecked:"unchecked",updated:"updated"},n.http={defaultMethod:"GET",defaultResponseType:"json",defaultCors:"cors"},n.store={defaultTransportType:"fetch",defaultPageSize:50,defaultCDataEscape:!0,keyField:"recordkey",tempID:"CHANGEME"},n.tokens={startAt:"[[startAt]]",page:"[[page]]",limitTo:"[[limitTo]]",sortBy:"[[sortBy]]",sortDir:"[[sortDir]]",serverMessage:"[[serverMessage]]",delim:"[["},n.tableData={headRow:"data-zg-head-row",ignoreRow:"data-zg-ignore-row",frozenRow:"data-zg-frozen-row",frozenColumn:"data-zg-frozen-column",indexValue:"data-zg-index-value"},n.iconSet={allowedTypes:{custom:["custom"],fontAwesome:["fa","fontawesome","font-awesome"]}},n.theme={typesArr:["android","black","dark","default","ios"]},n.theme.android=n.theme.typesArr[0],n.theme.black=n.theme.typesArr[1],n.theme.dark=n.theme.typesArr[2],n.theme.default=n.theme.typesArr[3],n.theme.ios=n.theme.typesArr[4],n.viewport={attr:"viewport",customAttr:"viewport-types",pauseAttr:"viewport-pause",stopAttr:"viewport-stop",mobileLabel:"mobile",tabletPortraitLabel:"tablet-portrait",tabletLandscapeLabel:"tablet-landscape",desktopLabel:"desktop",desktopLargeLabel:"desktop-large"},Object.assign(n.viewport,{mobileMax:550,tabletPortraitMax:1023,tabletLandscapeMax:1199,desktopMax:1399,desktopLargeMax:null}),n.mobile={doubleTapMS:600},n.aria={colCount:"aria-colcount",colIndex:"aria-colindex",controls:"aria-controls",disabled:"aria-disabled",expanded:"aria-expanded",hasPopup:"aria-haspopup",label:"aria-label",rowCount:"aria-rowcount",rowIndex:"aria-rowindex"},n.keys={BACKSPACE:8,TAB:9,ENTER:13,RETURN:13,SHIFT:16,CTRL:17,ALT:18,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,INSERT:45,DELETE:46},n.defaultLang="en",n.global={replaceToken:"^^^^^"};const r=n},68965:(e,t,o)=>{"use strict";o.d(t,{Z:()=>s});var n=o(45092),r=o(32816),i=o(38419);let a=0;const s=class{constructor(e){let t=(e=e||{})._defaults||{};delete e._defaults;for(let e in t)this[e]=t[e];n.mg(this,e),this.$events={},this.initAfterRender?this.widget.on(i.default.event.afterRender,this.init,this):this.initAfterPaint&&this.widget.on(i.default.event.afterPaint,this.init,this)}init(){}on(e,t,o,n,r){let i=this.$events;i[e]=i[e]||[],this.attachSeed(t);let a={fn:t,scope:o,params:n||[],cancelable:r};return i[e].push(a),function(){let t=i[e];t&&a&&(a.fn=null,a.scope=null,a.params.length=0,t.splice(t.indexOf(a),1),a=null)}}once(e,t,o,...n){let r=()=>{t.apply(this,n),this.un(e,r)};this.attachSeed(t),r.$mtFnSeed=t.$mtFnSeed,this.on(e,r,o)}attachSeed(e){e.$mtFnSeed||(Object.defineProperty(e,"$mtFnSeed",{value:a,writable:!0}),a++)}un(e,t,o){if(!t&&!o)throw new Error("Event name [",e,"] needs a function argument to unregister");let n=this.$events[e];if(!o){let e,r=n.length;for(e=0;e<r;e++)if(n[e].fn.$mtFnSeed===t.$mtFnSeed){o=n[e];break}}o&&(this.$events[e]=n.filter((e=>e!==o)),o.fn=null,o.scope=null,o.params.length=0,o=null)}unAll(){for(let e in this.$events){const t=this.$events[e];if(t&&t.length){for(let o=0;o<t.length;o++)this.un(e,null,t[o]);t.length=0}}this.$events={}}fire(e,...t){let o=this.$events[e];if(!o)return;let n=!1;return t.unshift(this),o.forEach((o=>{if(null==o||!o.fn)return;if(o.params&&(t=t.concat(o.params)),this.bDisconnect||this.widget&&this.widget.bDisconnect)return;let r=o.fn.apply(o.scope||this,t,e);o.cancelable&&!1===r&&(n=!0)})),!n}destroy(){let e=r.Z.get(document);if(this.docEvents)for(let t in this.docEvents){let o=this.docEvents[t],n=o.length;for(let r=0;r<n;r++)e.docUn(t,o[r].fn)}this.unAll&&this.unAll(),this.el&&this.el.destroy(),this.widget=null}_show(e){e&&this.el.setXY(e),this.el._show()}_hide(){this.el._hide()}}},25126:(e,t,o)=>{"use strict";o.d(t,{Z:()=>l});var n=o(45092),r=o(64087),i=o(38419);function a(e){if("undefined"==typeof window)return;let t=e.url||"",o=e.method||i.default.http.defaultMethod,a=e.mode,s=void 0!==e.bCDataEscape?e.bCDataEscape:i.default.store.defaultCDataEscape,l=e.oCSVOptions||{},d=e.payload||{},c=e.reload||!0,h="",u=e.body,g=e.sResponseType,p=e.sSeparator,f=e.headers||{},m=t.slice(-5).toLowerCase();const b=(e,t)=>(-1==e.indexOf("?")?e+="?":"&"!==t[0]&&(t="&"+t),e+=t);f["Content-type"]=e.sRequestType,h+=function(e,t){let o,i="";if("object"==typeof e){for(o in e)if("object"!=typeof e[o])i+=o+"="+encodeURIComponent(e[o])+"&";else{let a={};a[o]=e[o];let s=n.iM(a,t);for(let o=0;o<s.length;o++){let n=s[o],a=r.MU(e,n,void 0,t)||"";i+=n+"="+encodeURIComponent(a)+"&"}}""!==i&&(i=i.substring(0,i.length-1))}else i=e;return i}(d,p);let v=e.failure||null,y=e.success||null,w="file:"==window.location.protocol;o=o.toUpperCase(),"GET"===o?(""!=h&&(t=b(t,h)),u=null):u?("application/json"===e.sRequestType&&(u=JSON.stringify(u)),h&&(t=b(t,h))):u="application/json"===e.sRequestType?JSON.stringify(d):h;let z={method:o,headers:f};u&&"{}"!==u&&(z.body=u),a&&(z.mode=a),fetch(t,z).then((e=>{if(w||e.status>=200&&e.status<300){if(204===e.status)return void y(null,e.status,e,t,c);let o=g||e.headers.get("Content-Type")||i.default.http.defaultResponseType;if(o=o.match(/(json)\b/)?"json":o.match(/(xml)\b/)?"xml":o.match(/(csv)\b/)?"csv":o.match(/(html|text)\b/)?"html":g,"json"!==o&&".json"===m&&(o="json"),y)switch(o){case"json":e.json().then((o=>y(o,e.status,e,t,c)));break;case"xml":e.text().then((e=>(new window.DOMParser).parseFromString(e,"text/xml"))).then((o=>{let r=n.yZ(o,s);y(r,e.status,e,t,c)}));break;case"csv":e.text().then((o=>{let r=n.QR(o,l);y(r,e.status,e,t,c)}));break;case"html":case"text":e.text().then((o=>y(o,e.status,e,t,c)));break;default:v(e,e.status,"ZingGrid: Unsupported type found in communication",t)}}else v&&e.text().then((o=>{v(e,e.status,o,t)}))})).catch((e=>{if(!v)throw e;v(null,0,"",t)}))}var s=o(32260);const l=class{onLoadDataRest(e,t){let o,n,r,i=this.widget,a={},s=null;if(this.bLoadNext&&this.sNextPathURL&&!0!==this.sNextPathURL)o=this.sNextPathURL;else if(this.bLoadPrev&&this.sPrevPathURL&&!0!==this.sPrevPathURL)o=this.sPrevPathURL;else if(n=this.userURL(t.sUrl))o=n;else{if(this.isIncrementalLoad()&&(void 0!==this.oDataFormat.sLimitToKey&&(this.oDataFormat.bStartAtValue?a[this.oDataFormat.sLimitToKey]=parseInt(i.getPageSize(),10)+1:a[this.oDataFormat.sLimitToKey]=i.getPageSize()),void 0!==this.oDataFormat.sStartAtKey&&(this.oDataFormat.bStartAtValue?this.bLoadPrev?this.aStartAtValue[`page${i.nCurrPageIdx}`]&&(a[this.oDataFormat.sStartAtKey]='"'+this.aStartAtValue[`page${i.nCurrPageIdx}`]+'"',this.sStartAtValue=null):this.sStartAtValue&&(this.aStartAtValue[`page${i.nCurrPageIdx}`]=this.sStartAtValue,a[this.oDataFormat.sStartAtKey]='"'+this.sStartAtValue+'"',this.sStartAtValue=null):a[this.oDataFormat.sStartAtKey]=i.nCurrPageIdx*i.getPageSize()+1)),void 0!==this.oDataFormat.sPageKey&&(a[this.oDataFormat.sPageKey]=i.nCurrPageIdx+parseInt(this.oDataFormat.nPageBase,10)),void 0!==this.oDataFormat.sSortByKey&&void 0!==this.oDataFormat.sSortBy&&this.oDataFormat.sSortBy&&(this.oDataFormat.bAddValueQuotes&&'"'!==this.oDataFormat.sSortBy[0]?a[this.oDataFormat.sSortByKey]='"'+this.oDataFormat.sSortBy+'"':a[this.oDataFormat.sSortByKey]=this.oDataFormat.sSortBy),void 0!==this.oDataFormat.sSortDirKey&&void 0!==this.oDataFormat.sSortDir&&this.oDataFormat.sSortDir&&(a[this.oDataFormat.sSortDirKey]=this.oDataFormat.sSortDir),void 0!==this.oDataFormat.sSearchKey){let e=null;i.bHasSearchEnabled&&(i.search.oDOMInput.value.trim()||null!==i.search.getAttribute("active"))?e=i.search.oDOMInput.value.trim():void 0!==this.oDataFormat.sSearch&&this.oDataFormat.sSearch&&(e=this.oDataFormat.sSearch.trim()),e&&e.length>0&&(this.sLatestSearch=s=e,this.oDataFormat.bAddValueQuotes&&'"'!==e[0]&&(e='"'+e+'"'),a[this.oDataFormat.sSearchKey]=e)}if(this.oDataFormat.bServerFilter&&"false"!==this.oDataFormat.bServerFilter){let e=i.filter.buildFilterURL();for(let t in e)a[t]=e[t]}this.bLoadPrev&&void 0!==this.oDataFormat.sPrevIDKey&&this.sPrevID&&(a[this.oDataFormat.sPrevIDKey]=this.sPrevID),this.bLoadNext&&void 0!==this.oDataFormat.sNextIDKey&&this.sNextID&&(a[this.oDataFormat.sNextIDKey]=this.sNextID),this.sNeedsSort=this.oDataFormat.sSortBy,this.sNeedsSortDir=this.oDataFormat.sSortDir,o=this.buildURL(t),this.currentParams=a}let l={sDelimiter:t.sCSVDelimiter,sLineSeparator:t.sCSVLineSeparator,bHeader:t.bCSVHeader,bCaption:t.bCSVCaption,widget:i};t.oBody&&(r=this.getBody(t,o)),this.bLoadNext=this.bLoadPrev=!1,this.fire("loading"),this.getFN(t.sTransport)({url:o,payload:a,body:r,sRequestType:t.sRequestType,headers:t.oHeaders,method:t.sMethod,mode:t.sMode,bCDataEscape:t.bCDataEscape,oCSVOptions:l,sResponseType:t.sResponseType,sSeparator:i.sNestedDataSeparator,success:(e,o,n)=>{if(!s||s===this.sLatestSearch){this.bHasLoaded=!0,t.success&&t.success(e);const o={data:e,oResponse:n};this.fire("afterfetch",o),this.fire("afterloaddata",{oResponse:e,oRequest:n})}},failure:(e,o,n)=>{t.oErrorStatus&&this.widget&&this.widget.statusManager&&(this.parseServerMessage(t,o,n),this.widget.statusManager.setStatus(t.oErrorStatus)),t.fnFailure&&t.fnFailure.call(this,e,t),this.widget.webcomponent.style.cursor=null}})}onModifyRecordRest(e){let t=this.getFN(e.sTransport),o=null,r=null;const i=this.widget,a=i.sNestedDataSeparator,s=i.batchEditor;if(e.sFieldIndex){let t=e.sFieldIndex;"disabled"!==a&&(o=t.split(a),r=o.pop())}if("removerecord"===e.sEditMode||"updaterecord"===e.sEditMode||"updatecell"===e.sEditMode){let t=this.getURLRecordField(e.sUrl,e.sRecordIndex,e.sIdKeyValue);if(!n.Uh(t))return void(e.fnFailure&&e.fnFailure.call(this,null,e))}let l=this.buildURL(e,e.bCreate,o),d=this.buildPayload(e,l,r),c=e.sRequestType;"cors"===e.sMode&&"application/json"===c&&(c="application/x-www-form-urlencoded"),t({url:l,method:e.sMethod,headers:e.oHeaders,payload:d,mode:e.sMode,bCDataEscape:e.bCDataEscape,sRequestType:c,sResponseType:e.sResponseType,sSeparator:i.sNestedDataSeparator,success:(t,o,n)=>{s.bSavingBatchEdit&&e.bBatchEdit&&s.onSuccess(),e.fnCallback?e.fnCallback.call(this,e):(this.fire(e.sSuccessEvent,{options:e,response:t,request:n}),e.oStatus&&!e.bBatchEdit&&this.widget&&this.widget.statusManager&&this.widget.statusManager.setStatus(e.oStatus))},failure:(t,o,n)=>{e.oErrorStatus&&(this.parseServerMessage(e,o,n),!e.bBatchEdit&&this.widget&&this.widget.statusManager&&this.widget.statusManager.setStatus(e.oErrorStatus)),s.bSavingBatchEdit&&e.bBatchEdit?s.onFailure(e):e.fnFailure&&e.fnFailure.call(this,t,e),this.widget.webcomponent.style.cursor=null}})}getFN(e){let t;return t=a,t}buildPayload(e,t,o){let r=null;if(e.oBody)r=this.getBody(e,t),e.sRecordIndex&&this.updateRecord(e.sRecordIndex,r,!0);else if(e.bSingleCell&&e.bPayload){if(r={},r[o]=e.payload,"manual"===e.sRestmode&&this.oDataFormat.sIdKey){let o=this.getURLRecordField(t,e.sRecordIndex,e.sIdKeyValue);o&&(r[this.oDataFormat.sIdKey]=o)}}else if(e.bPayload){let t=e.oRecordRawData;r=n.c7.copy(t),delete r.sRESTIndex,delete r.sRecordIndex,delete r.nOriginalIndex,delete r.nRowIndex,delete r.sFrozen}else if("manual"===e.sRestmode&&this.oDataFormat.sIdKey){let o=this.getURLRecordField(t,e.sRecordIndex,e.sIdKeyValue);o&&(r={[this.oDataFormat.sIdKey]:o})}return r}getBody(e,t){let o,n={record:e.oRecordRawData},r=s.Z.setUserFunction(null,e.oBody);if(r){let n=e.oRecordRawData;!n&&e.oRecordModel&&(n=e.oRecordModel.get()),o=r.method.apply(r.oScope,[n,e.sMethod,t])}else o=JSON.parse(this.calculateTemplate(JSON.stringify(e.oBody),n));return o}parseServerMessage(e,t,o){let a=e.oErrorStatus.msg;if(a.indexOf(i.default.tokens.delim)<0)return;if(e.sServerErrorPath&&o)try{const t=JSON.parse(o);o=r.MU(t,e.sServerErrorPath)}catch(e){}let s=new RegExp(n.String.escapeRegExp(i.default.tokens.serverMessage),"g");a=a.replace(s,o),e.oErrorStatus.msg=a}userURL(e){let t=e;if(e.indexOf(i.default.tokens.delim)<0)return!1;let o=new RegExp(n.String.escapeRegExp(i.default.tokens.startAt),"g");e=e.replace(o,this.widget.nCurrPageIdx*this.widget.getPageSize()+1),o=new RegExp(n.String.escapeRegExp(i.default.tokens.page),"g"),e=e.replace(o,this.widget.nCurrPageIdx+1),o=new RegExp(n.String.escapeRegExp(i.default.tokens.limitTo),"g"),e=e.replace(o,this.widget.getPageSize());const r=this.oDataFormat.sSortBy||"";o=new RegExp(n.String.escapeRegExp(i.default.tokens.sortBy),"g"),e=e.replace(o,r);const a=this.oDataFormat.sSortDir||"";return o=new RegExp(n.String.escapeRegExp(i.default.tokens.sortDir),"g"),(e=e.replace(o,a))!==t&&e}buildURL(e,t,o){let n=e.sUrl;if("manual"!==e.sRestmode){if(e.sRecordIndex&&!t){let t=e.sRecordIndex,o=this.getURLRecordField(n,t,e.sIdKeyValue);o&&("/"!==n.slice(-1)&&(n+="/"),n+=o)}if(o&&e.bSingleCell){let e=o.join("/");e&&("/"!==n.slice(-1)&&(n+="/"),n+=e+"/")}e.sUrlSuffix&&(n+=e.sUrlSuffix)}if(e.sQueryString&&(-1===e.sQueryString.indexOf("?")&&-1===n.indexOf("?")&&(n+="?"),n+=e.sQueryString),n.indexOf(i.default.tokens.delim)>=0){let t={record:e.oRecordRawData};n=this.calculateTemplate(n,t,null,!0)}return n}getURLRecordField(e,t,o){let n,r=this.oDataFormat.sIdKey,i=this.oLocalModel[t].model.get();return n=o||(/firebaseio/.test(e)||!this.bIsRawDataArray?i.sRESTIndex:i[r]),n}}},32260:(e,t,o)=>{"use strict";o.d(t,{Z:()=>m});var n=o(45092),r=o(64087),i=o(2070),a=o(68965);const s=class{constructor(e,t,o){let i;t=t||null,this.sSeparator=o,null===t&&(t=n.kJ(e)?[]:{},Object.keys(e).forEach((o=>{let n=e[o],i=null;"number"===n&&(i=0),"string"===n&&(i=""),"array"===n&&(i=[]),r.P_(t,o,i,this.sSeparator)}))),i=t;let a={},s={},l=n.iM(i,this.sSeparator);l.forEach((e=>{let t=r.MU(i,e,void 0,this.sSeparator),o=n.gg(t);a[e]={rawData:t},s[e]=o})),this.oRecordModel=a,this.oRecordRawData=i,this.oFieldSchema=s,this.aLeafFieldIndex=l}get(e){return n.o8(e)?this.oRecordRawData:this.oRecordModel[e]?this.oRecordModel[e].rawData:this.oRecordRawData[e]?this.oRecordRawData[e]:r.MU(this.oRecordRawData,e,void 0,this.sSeparator)}set(e,t){(this.oRecordModel[e]||""!==t)&&(this.oRecordModel[e]=this.oRecordModel[e]||{},r.P_(this.oRecordRawData,e,t,this.sSeparator),this.oRecordModel[e].rawData=t)}setDirty(e){this.oRecordModel[e].bDirty=!0}setNoDirty(e){this.oRecordModel[e].bDirty=!1}isDirty(e){if(this.oRecordModel[e])return!0===this.oRecordModel[e].bDirty}};let l={};function d(e){return l[e]}function c(e,t){l[e]=t}function h(e){return firebase?!!e.sCollection||(n.Aq('The zg-param, [name="collection"] must be set in order to use the FirebaseSDK adapter'),!1):(n.Aq("Firebase SDK must be included on the client"),!1)}c("firebaseRead",(function(e,t){if(!h(t))return;const o=firebase.firestore();return t.bSubscription?void function(e,t,o){let n=e.grid.widget,r=!1,i=o.collection(t.sCollection).onSnapshot((t=>{if(n.bDisconnect)return void i();let o=t.docChanges(),a={};o.forEach((e=>{"added"==e.type?r?n.store.insertRecord(e.doc.data(),void 0,e.doc.id,!0):a[e.doc.id]=e.doc.data():"removed"==e.type?n.removeRow(e.doc.id,!0,void 0,!0):"modified"==e.type&&n.updateRow(e.doc.data(),e.doc.id,!0)})),r||e.callback(a),r=!0}))}(e,t,o):new Promise(((e,n)=>{o.collection(t.sCollection).get().then((t=>{let o={};t.docs.forEach((e=>{o[e.id]=e.data()})),e(o)})).catch(n)}))})),c("firebaseCreate",(function(e,t,o){if(!h(o))return;firebase.firestore().collection(o.sCollection).add(e).then((e=>{t.callback(e.id)}))})),c("firebaseUpdateRow",(function(e,t,o,n){if(!h(n))return;firebase.firestore().collection(n.sCollection).doc(e).update(t).then((e=>{o.callback({bServerOnly:n.bSubscription})}))})),c("firebaseUpdateCell",(function(e,t,o,n){if(!h(n))return;firebase.firestore().collection(n.sCollection).doc(e).update(t).then((e=>{n.bSubscription||o.callback()}))})),c("firebaseDelete",(function(e,t,o,n){if(!h(n))return;firebase.firestore().collection(n.sCollection).doc(e).delete().then((e=>{o.callback({bServerOnly:n.bSubscription})}))}));var u=o(38419),g=o(56919),p=o(22048);class f extends a.Z{constructor(e){if((e=e||{})._defaults={bHasLoaded:!1},super(e),this.bNeedsLoad=!1,this.sStartAtValue=null,this.aStartAtValue={},this.nOriginRecordCount=0,this.debounceTime=null,"undefined"!=typeof window){let e=o(25126).Z;n.go(this.constructor.prototype,e.prototype)}this.init()}init(){this.setDefaults(),this.aOrderedData=[],this.aUnseenRecordIndex=[],this.ons()}setDefaults(){let e={oDefaultCreateDataRequest:{method:"post",bCreate:!0,bPayload:!0,bSingleCell:!1},oDefaultUpdateDataRecordRequest:{method:"put",nonRestMethod:"post",bCreate:!1,bPayload:!0,bSingleCell:!1},oDefaultUpdateDataFieldRequest:{method:"patch",nonRestMethod:"post",bSingleCell:!0,bCreate:!1,bPayload:!0},oDefaultDeleteDataRequest:{method:"delete",nonRestMethod:"post",bPayload:!1,bCreate:!1,bSingleCell:!1},oDefaultReadDataRequest:{method:"get"}};Object.keys(e).forEach((t=>{let o=e[t];this[t]={sUrl:void 0,sUrlSuffix:void 0,sMethod:o.method,sNonRestMethod:o.nonRestMethod,sTransport:u.default.store.defaultTransportType,oHeaders:void 0,sQueryString:void 0,sMode:void 0,bCDataEscape:void 0,oBody:void 0,bExclude:!1,bSingleCell:o.bSingleCell,bPayload:o.bPayload,bCreate:o.bCreate,sRequestType:"application/json",sResponseType:void 0,sDataType:void 0,sRestmode:"auto",sServerErrorMessage:void 0,sServerErrorPath:void 0,sCSVDelimiter:void 0,sCSVLineSeparator:void 0,bCSVHeader:void 0,bCSVCaption:void 0,bTableHide:void 0,oTableHead:void 0,sTableDataFormat:void 0,sTableHeadFormat:void 0}})),this.oDefaultDataFormat={sRecordPath:void 0,sNodePath:void 0,sHasNextPath:void 0,sHasPrevPath:void 0,sNextPath:void 0,sPrevPath:void 0,sNextIDPath:void 0,sPrevIDPath:void 0,sNextIDKey:void 0,sPrevIDKey:void 0,sIdKey:"id",sNewIndexPath:"",sAdapter:"",sSearchKey:void 0,sSearch:void 0,bServerFilter:void 0,sSortByKey:void 0,sSortBy:"",sSortDirKey:void 0,sSortDir:"",sStartAtKey:void 0,sLimitToKey:void 0,sPageKey:void 0,sCountPath:"totalCount",sCountHeader:void 0,bLoadByPages:!1,bLoadByScroll:!1,bCursor:!1,bStartAtValue:!1,nPageBase:1,bAddValueQuotes:!1,sCollection:void 0,bSubscription:!1,sBatchEditStatus:void 0,sCreateCustomFunction:void 0,sReadCustomFunction:void 0,sUpdateCellCustomFunction:void 0,sUpdateRowCustomFunction:void 0,sDeleteCustomFunction:void 0,sDataType:void 0,bResetOnDataChange:!0},this.oDataFormat={},this.oDataRequest={createOptions:{},readOptions:{},updateOptions:{row:{},cell:{}},deleteOptions:{}},this.templateStartDelimiter=u.default.template.templateStartDelimiter,this.templateEndDelimiter=u.default.template.templateEndDelimiter,this.initModel()}setOptions(e,t){let o=e||{};if(t)for(let e in t)t.hasOwnProperty(e)&&(o[e]=t[e]);return this.widget.webcomponent.oDOMData&&(o=this.widget.webcomponent.oDOMData.setOptions(o)),o}updateConfig(e,t){let o=!1;if((t||e.src&&this.oDataRequest.sUrl&&this.oDataRequest.sUrl!==e.src)&&(this.dumpDataRequest(),this.widget.dumpMapping(),this.dumpModel(),this.widget.nCurrPageIdx=this.widget.nAdjustedStart=0),e.adapter&&this.setAdapters(e.adapter,e),this.updateDataRequest(e),e.data&&this.setData(e.data),void 0!==e.cursor&&e.cursor!==this.oDataFormat.bCursor&&this.widget.bAPIReady&&(o=!0),this.updateDataFormat(e),o){let e=this.widget.webcomponent;e.oTopPager&&e.oTopPager._updateContents&&e.oTopPager._updateContents(),e.oBottomPager&&e.oBottomPager._updateContents&&e.oBottomPager._updateContents()}this.mDataSchema=e.schema||this.mDataSchema}updateDataFormat(e){this.setDataFormatValues(this.oDataFormat,e,this.oDefaultDataFormat),this.oDataFormat.bLoadByScroll&&(this.widget.webcomponent._activateLoadByScroll(),this.widget.scroller.ons())}updateDataRequest(e){e.updateOptions=e.updateOptions||{},e.updateOptions.row=e.updateOptions.row||e.updateRowOptions,e.updateOptions.cell=e.updateOptions.cell||e.updateCellOptions,e.bodyMethodSuffix&&this.updateBodies(e),this.updateDataRequestConfig(e,this.oDataRequest),this.oDataRequest.createOptions=this.updateDataRequestConfig(e.createOptions,this.oDataRequest.createOptions,this.oDefaultCreateDataRequest,e,"create"),this.oDataRequest.readOptions=this.updateDataRequestConfig(e.readOptions,this.oDataRequest.readOptions,this.oDefaultReadDataRequest,e,"read"),this.oDataRequest.updateOptions.row=this.updateDataRequestConfig(e.updateOptions.row,this.oDataRequest.updateOptions.row,this.oDefaultUpdateDataRecordRequest,e,"updateRow"),this.oDataRequest.updateOptions.cell=this.updateDataRequestConfig(e.updateOptions.cell,this.oDataRequest.updateOptions.cell,this.oDefaultUpdateDataFieldRequest,e,"updateCell"),this.oDataRequest.deleteOptions=this.updateDataRequestConfig(e.deleteOptions,this.oDataRequest.deleteOptions,this.oDefaultDeleteDataRequest,e,"delete")}updateBodies(e){const t=e.bodyMethodSuffix;["create","read","updateRow","updateCell","delete"].forEach((o=>{e[`${o}Body`]||(e[`${o}Body`]=`${o}${t}`)}))}updateDataRequestConfig(e,t,o,r,i){let a,s=o;return!1!==e&&"false"!==e&&(e=e||{},r&&["Body","Method","Src"].forEach((t=>{let o=`${i}${t}`;r[o]&&(e[t.toLowerCase()]=r[o])})),o!==this.oDataRequest&&(a=this.oDataRequest,s=n.$R({},a,o),s.oHeaders=n.$R({},a.oHeaders,o?o.oHeaders:o),void 0===s.oBody&&(a.oBody||o&&o.oBody)&&(s.oBody=n.$R({},a.oBody,o?o.oBody:o))),this.processURLConfig(e,t),this.setDataRequestValue(t,e,s),"manual"===t.sRestmode&&(e.method||a.sMethod||!s.sNonRestMethod||(t.sMethod=s.sNonRestMethod,t.sMethod!==s.sMethod&&(t.oHeaders=t.oHeaders||{},t.oHeaders["X-HTTP-Method-Override"]=s.sMethod))),t)}setAdapters(e,t){if(f.aAdapters[e]){const o=f.aAdapters[e];this.widget.bHasSorterEnabled&&this.isIncrementalLoad(t)&&"firebase"===e&&(n.Aq("Firebase does not support server side sorting."),this.widget.webcomponent.sort=!1),this.setDataFormatValues(this.oDefaultDataFormat,o,null),this.setDataRequestValue(this.oDataRequest,o,null)}}setDataRequestValue(e,t,o){n.nn(e,{sUrl:e.sUrl||t.src,sUrlSuffix:e.sUrlSuffix||t.urlSuffix,sTransport:t.transport,sMethod:t.method,sRestmode:t.restmode,oHeaders:t.headers,sQueryString:t.queryString,sMode:t.mode,oBody:t.body,bExclude:t.exclude,sRequestType:t.requestType,sResponseType:t.responseType,sDataType:t.dataType,bCDataEscape:t.cdataEscape,sServerErrorMessage:t.serverErrorMessage,sServerErrorPath:t.serverErrorPath,sCSVDelimiter:t.csvDelimiter,sCSVLineSeparator:t.csvLineSeparator,bCSVHeader:t.csvHeader,bCSVCaption:t.csvCaption,bTableHide:t.tableHide,oTableHead:t.tableHead,sTableDataFormat:t.tableDataFormat,sTableHeadFormat:t.tableHeadFormat},o)}setDataFormatValues(e,t,o){n.nn(e,{sRecordPath:t.recordPath,sNodePath:t.nodePath,sNextPath:t.nextPath,sPrevPath:t.prevPath,sHasNextPath:t.hasNextPath,sHasPrevPath:t.hasPrevPath,sNextIDPath:t.nextIDPath,sPrevIDPath:t.prevIDPath,sNextIDKey:t.nextIDKey,sPrevIDKey:t.prevIDKey,sIdKey:t.idKey,sNewIndexPath:t.newIndexPath,sAdapter:t.adapter,sSearchKey:t.searchKey,sSearch:t.search,bServerFilter:t.serverFilter,sSortByKey:t.sortByKey,sSortBy:t.sortBy,sSortDirKey:t.sortDirKey,sSortDir:t.sortDir,sStartAtKey:t.startAtKey,bStartAtValue:t.startAtValue,sLimitToKey:t.limitToKey,sPageKey:t.pageKey,sCountPath:t.countPath,sCountHeader:t.countHeader,bCursor:t.cursor,bLoadByPages:!!t.loadByPage,bLoadByScroll:!!t.loadByScroll,nPageBase:t.pageBase,bAddValueQuotes:t.addValueQuotes,sCollection:t.collection,bSubscription:t.subscription,sBatchEditStatus:t.batchEditStatus,sCreateCustomFunction:t.createCustomFunction,sReadCustomFunction:t.readCustomFunction,sUpdateCellCustomFunction:t.updateCellCustomFunction,sUpdateRowCustomFunction:t.updateRowCustomFunction,sDeleteCustomFunction:t.deleteCustomFunction,sDataType:t.dataType,bResetOnDataChange:t.resetOnDataChange},o),this.setCustomFunctions(e)}setCustomFunctions(e){["Create","Read","UpdateCell","UpdateRow","Delete"].forEach((t=>{const o=`s${t}CustomFunction`,n=`fnCustom${t}`;e[o]&&(e[n]=f.setUserFunction(d,e[o]),null===e[n]&&(this.bCustomUndefined=!0))}))}processURLConfig(e,t){let o="",n=e.src||t.sUrl;e.src&&!e.urlSuffix&&(n=n.trim(),".JSON"==n.slice(-5).toUpperCase()?(n=n.slice(0,-5),o=".json"):/firebaseio/.test(n)&&("/"!==n.slice(-1)&&(n+="/"),o=".json"),t.sUrl=n,t.sUrlSuffix=o)}ons(){let e=this.widget;this.on("loaddata",this.onLoadDataRest),this.on("afterinsert",((t,o)=>{let i,a,s,l;if(this.oDataFormat.bLoadByScroll&&this.bHasDataSource)return void this.reload();if(o.response){let e=o.response;if((n.kJ(e)||n.Kn(e)&&this.oDataFormat.sRecordPath)&&(n.Kn(e)&&this.oDataFormat.sRecordPath&&(e=r.MU(e,this.oDataFormat.sRecordPath,void 0,this.widget.sNestedDataSeparator)),e)){a=o.options.sRecordIndex;let t=this.oLocalModel[a],n=t?t.nRowIndex:"";return this.clearForReload(),this.manageLoadResponse(o.response,o.request,e,"afterinsertrecord"),void this.fire("afterinsertrecord",{nRowIndex:n,oLocalModel:t})}i=this.getUnseenRecordIndexResponse(o.response),a=o.options.sRecordIndex,l=e,s=o.options.oBody,o=o.options||o}else{if((o=o.options).bBatchEdit&&this.oDataFormat.bSubscription)return void e.dirtyManager.revert(o.sRecordIndex);i=o.sUnseenRecordIndex,a=o.sTempRecordIndex,o.oStatus&&(e.batchEditor.bSavingBatchEdit?(e.batchEditor.onSuccess(),i=a=o.sRecordIndex):this.widget&&this.widget.statusManager&&this.widget.statusManager.setStatus(o.oStatus))}if(!a)return;let d=this.oLocalModel[i]=this.oLocalModel[a];e.dirtyManager.setNoDirty(i),this.aRecordIndex[this.aRecordIndex.indexOf(a)]=i;let c=d.nRowIndex,h=d.model.get();if(h.sRESTIndex=i,h.sRecordIndex=i,h.nRowIndex=c,l&&n.Kn(l)&&Object.keys(l).forEach((e=>{"name"!==e&&this._updateCell(i,e,l[e])})),this.bIsRawDataArray&&this.oDataFormat.sIdKey&&(h[this.oDataFormat.sIdKey]||this.oLocalModel[i].model.set(this.oDataFormat.sIdKey,i)),e.aRowMapping[c].sRecordIndex=i,("end"!==o.sRecordLocation||o.sFrozen)&&(c=this.moveRow(a,o.sRecordLocation,o.sFrozen),h.nRowIndex=c),this.aOrderedData.push(h),e.bHasSorterEnabled&&e.sorter.aOriginalRowMappingOrder.length){e.sorter.aOriginalRowMappingOrder.push(i)}a!==i&&delete this.oLocalModel[a],this.updateDataProperty(),s?this.reload():o.bPrepopulated||o.bBatchEdit?this.widget.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},c):o.bBatchEdit||(this.widget.update(void 0,void 0,void 0,!0),"end"===o.sRecordLocation?e.lastPage():"start"===o.sRecordLocation&&e.firstPage()),this.fire("afterinsertrecord",{nRowIndex:c,oLocalModel:d,bBatchEdit:o.bBatchEdit})})),this.on("afterremoverecord",((e,t,o)=>{const n=this.widget;if(t.options&&(t=t.options),this.oDataFormat.bLoadByScroll&&this.bHasDataSource)return void this.reload();if(t.oStatus&&!this.bHasDataSource&&(n.batchEditor.bSavingBatchEdit?n.batchEditor.onSuccess():this.widget&&this.widget.statusManager&&this.widget.statusManager.setStatus(t.oStatus)),this.oDataFormat.bSubscription&&o&&o.bServerOnly)return;let r=t.sRecordIndex;this.nRecordCount--,this.nOriginRecordCount&&this.nOriginRecordCount--;let i=this.oLocalModel[r].nRowIndex,a=this.oLocalModel[r].sFrozen;if(this.oLocalModel[r]=null,delete this.oLocalModel[r],this.aOrderedData.length){let e=this.aOrderedData.findIndex((e=>e&&e.sRecordIndex===r));-1!==e&&this.aOrderedData.splice(e,1)}let s=n.aRowMapping,l=!1;n.bUpdatingFrozen=!0,"top"===a?(s=n.aTopRowMapping,n.webcomponent.frozenRowsTop--,l=!0):"bottom"===a&&(s=n.aBottomRowMapping,n.webcomponent.frozenRowsBottom--,l=!0),n.bUpdatingFrozen=!1,s.splice(i,1);let d=n.getCurrPageIdx(),c=n.getPageCount();if(d>=c&&c>0&&n.setCurrPageIdx(d-1),n.bHasSorterEnabled){let e=n.sorter.aOriginalRowMappingOrder,t=e.indexOf(r);e.splice(t,1)}s.forEach(((e,t)=>{let o=e.sRecordIndex;e.sGroupRecordIndex||this.updateRecordMapping(s,o,t)})),n.savedScrollVal=n.oDOMMainScroll.scrollLeft,l&&n.updater.clearCache(),n.update(),this.updateDataProperty();let h=this.widget.deleteSE;"cell"===h.sContextLevel&&requestAnimationFrame((()=>h.select(!0)))})),this.on("afterupdaterecord",((e,t,o)=>{const i=this.widget;let a=t.response;t.options&&(t=t.options);let s=t.sRecordIndex,l=t.aChangedFieldIndex;if(t.oStatus&&!this.bHasDataSource&&(i.batchEditor.bSavingBatchEdit?i.batchEditor.onSuccess():i&&this.widget.statusManager&&this.widget.statusManager.setStatus(t.oStatus)),this.oDataFormat.bSubscription&&o&&o.bServerOnly)return;if(l.forEach((e=>{i.dirtyManager.setNoDirty(s,e)})),a&&(n.kJ(a)||n.Kn(a)&&this.oDataFormat.sRecordPath)&&(n.Kn(a)&&this.oDataFormat.sRecordPath&&(a=r.MU(a,this.oDataFormat.sRecordPath,void 0,this.widget.sNestedDataSeparator)),a))return this.clearForReload(),void this.manageLoadResponse(t.response,t.request,a,"updatecomplete");a&&n.Kn(a)&&Object.keys(a).forEach((e=>{"name"!==e&&this._updateCell(s,e,a[e])}));let d=this.widget.getDataRowIndexByRecordIndex(s,this.oLocalModel[s].sFrozen);t.bNoRefresh||this.widget.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},d),this.updateDataProperty(),window.setImmediate((()=>{this.fire("updatecomplete",t.oRefocus)}))})),this.on("afterupdatecell",((e,t)=>{let o=this.widget;t.options&&(t=t.options);let n=t.sRecordIndex,r=t.sFieldIndex;o.dirtyManager.setNoDirty(n,r),t.oStatus&&!this.bHasDataSource&&this.widget&&this.widget.statusManager&&this.widget.statusManager.setStatus(t.oStatus);let i=this.widget.getDataRowIndexByRecordIndex(n,this.oLocalModel[n].sFrozen);o.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},i),this.updateDataProperty(),window.setImmediate((()=>{this.widget&&o.fire("afterupdatecellrender",t)}))})),this.on("afterloaddata",((e,t)=>{let o=t.oResponse;this.manageLoadResponse(o,t.oRequest)}))}manageLoadResponse(e,t,o){let n=this.widget;if(this.oDataFormat.bLoadByScroll&&!e)n.bInfiniteMaxReached=!0;else{const i=void 0!==o;if(o=o||r.MU(e,this.oDataFormat.sRecordPath,void 0,n.sNestedDataSeparator)||{},this.oDataFormat.bLoadByPages&&(this.oLocalModel={},this.aOrderedData=[],this.aRecordIndex=[],n.dumpRowMapping()),this.oLocalModel=this.preprocess(o),e){let a=this.oDataFormat.sCountPath;if(this.oDataFormat.sCountHeader)this.setOriginRecordCount(t.getResponseHeader(this.oDataFormat.sCountHeader));else{let t=r.MU(e,a,void 0,n.sNestedDataSeparator);i&&this.nOriginRecordCount&&!t&&(t=o.length),this.setOriginRecordCount(t||this.nOriginRecordCount)}}}this.calculatePath("Next",e),this.calculatePath("Prev",e),this.fire("loaded")}getUnseenRecordIndexResponse(e){let t="",o=this.oDataFormat.sNewIndexPath;return o?t=r.MU(e,o,void 0,this.widget.sNestedDataSeparator):"object"==typeof e&&this.oDataFormat.sIdKey?(t=e[this.oDataFormat.sIdKey],t||(t=e.name)):t=e,t}calculatePath(e,t){if(!t)return void(this[`s${e}PathURL`]=null);let o=null,n=this.oDataFormat[`s${e}Path`],i=this.oDataFormat[`s${e}IDPath`],a=this.oDataFormat[`sHas${e}Path`],s=!0;const l=this.widget;if(void 0!==a&&(s=r.MU(t,a,void 0,l.sNestedDataSeparator)),s&&void 0!==n)o=r.MU(t,n,void 0,l.sNestedDataSeparator);else if(s&&void 0!==i){let n=r.MU(t,i,void 0,l.sNestedDataSeparator);n&&(this[`s${e}ID`]=n,o=!0)}else o=null;this[`s${e}PathURL`]=o}setData(e){let t;if(""===e)t=[];else if(null==e)t=null;else if("object"==typeof e&&e.tagName&&"table"===e.tagName.toLowerCase())this.widget.webcomponent.bReady?(t=this.setTableData(null,e),e.style.display="none"):this.bNeedsData=!0;else if(n.kJ(e)||n.Kn(e))t=e;else{let o,n=this.oDataRequest.sDataType||this.oDataRequest.sResponseType;if(n?n=n.match(/(json)\b/)?"json":n.match(/(xml)\b/)?"xml":n.match(/(csv)\b/)?"csv":n.match(/(html|text)\b/)?"html":n:({oData:t,type:n,err:o}=this.detectType(e)),!t)if(!this.widget.webcomponent.bReady&&n)this.bNeedsData=!0;else if("csv"===n)t=this.setCSVData(e);else if("xml"===n)t=this.setXMLData(e);else if("html"===n)t=this.setTableData(e);else if(o){const e=`Error: There was an issue with data's value:\n${o}`;console.error(`Uncaught ${e}`);const t={icon:"error",state:"error",msg:e};setTimeout((()=>{this.widget&&this.widget.statusManager&&this.widget.statusManager.setStatus(t)}),0)}}return this.data=t,this.bNeedsLoad=!0,this.data}detectType(e){const t=this.oDataRequest,o={};try{let t=e.replace(/\n/g,"");o.oData=JSON.parse(t)}catch(r){if((t.sCSVLineSeparator||t.sCSVDelimiter||t.bCSVHeader||t.bCSVCaption)&&(o.type="csv"),!o.type){const t=(new window.DOMParser).parseFromString(e,"text/xml");t&&t.documentElement&&"html"!==t.documentElement.nodeName&&(o.type="xml")}if(!o.type)try{document.querySelector(e)&&(o.type="html")}catch(e){}if(!o.type){const t=n.QR(e,{widget:this.widget});t&&n.kJ(t)&&t.length&&(o.oData=t)}o.type||o.oData||(o.err=r)}return o}setCSVData(e){const t=this.oDataRequest;let o={sDelimiter:t.sCSVDelimiter,sLineSeparator:t.sCSVLineSeparator,bHeader:t.bCSVHeader,bCaption:t.bCSVCaption,widget:this.widget};return n.QR(e,o)}setXMLData(e){const t=(new window.DOMParser).parseFromString(e,"text/xml");return n.yZ(t,this.oDataRequest.bCDataEscape)}setTableData(e,t){let o;try{if(t||(t=document.querySelector(e)),t){this.oDataRequest.widget=this.widget;const e=n.g8(t,this.widget.webcomponent);if(e&&this.oOptions){for(let t in e)this.oOptions[t]=e[t];this.updateConfig(this.oOptions)}o=n.AA(t,this.oDataRequest),!0!==this.oDataRequest.bTableHide&&"true"!==this.oDataRequest.bTableHide||(t.style.display="none")}}catch(e){}return o}loadData(e,t,o,n){let r=this.oOptions=this.setOptions(e,t);o=o||{};for(let e in o)r[e]=o[e];this.updateConfig(r,n),this.widget.bAPIReady?this.reload():this.bNeedsLoad=!0}debounceLoadData(e,t,o,n){let r=this.debounceTime=setTimeout((()=>{r===this.debounceTime&&(this.debounceTime=null,this.widget&&!this.widget.bDisconnect&&this.loadData(e,t,o,n))}),50)}reload(e,t){this.activateReload(e,t)}clearForReload(){let e=this.widget;e.fire("rowdeselect"),e.dumpMapping(),this.dumpModel(),this.bLightReload&&(this.nSavePageIdx=e.nCurrPageIdx),e.nCurrPageIdx=e.nAdjustedStart=0,e.updater.clearStyle()}activateReload(e,t){const o=this.widget;if(this.bHasLoaded=!1,t&&(!1===this.oDataFormat.bResetOnDataChange||"false"===this.oDataFormat.bResetOnDataChange)){this.bLightReload=!0;let e=!1;o.once(u.default.event.updated,(()=>{this.bLightReload=!1,e||(e=!0,o.stateManager.setFilter(o.stateManager.oFilter))}))}if(o.statusManager&&o.statusManager.closeStatus(),o.search&&!this.bLightReload&&o.search.clearSearch(),this.oDataFormat.sSortBy&&this.widget.oDOMSortedColumn){this.widget.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader.onSort(null,null,"none")}else o.batchEditor.isActive()&&!o.batchEditor.bSavingBatchEdit&&o.batchEditor.completeCancel(void 0,!0),this.clearForReload(),this.debounceTime&&!e||this.load(e)}load(e){const t=this.widget,o=t.webcomponent;if(this.bCustomUndefined&&(this.bCustomUndefined=!1,this.setCustomFunctions(this.oDataFormat)),this.bNeedsData&&o.data&&this.setData(o.data),this.bHasLoaded=!1,this.isIncrementalLoad()&&o.frozenRowsBottom&&(n.Aq("Frozen bottom rows is not supported with incremental data loading"),o.frozenRowsBottom=0),this.bHasDataSource&&!e){let e=n.c7.copy(this.oDataRequest.readOptions||{}),t=e.sServerErrorMessage;t||(t=e.sServerErrorPath?u.default.tokens.serverMessage:g.default.get("dialog.read.errorMsg",this.widget));const o={icon:"error",state:"error",msg:t};e.oErrorStatus=o,e.fnFailure=()=>this.fire("loaded"),this.fire("loaddata",e)}else if(t.bPreloaded||this.dumpModel(!0),!e&&this.oDataFormat.fnCustomRead){const e=this.oDataFormat.fnCustomRead,o=e=>{this.oLocalModel=this.preprocess(e),this.finishLoad()},r={callback:o,grid:t.webcomponent},i=e.method.apply(e.oScope,[r,this.oDataFormat]);i&&i.then(o).catch((e=>{if(this.widget.statusManager){const o={icon:"error",state:"error",msg:g.default.get("dialog.recordInfo.errorMsg",t)};t.statusManager.setStatus(o),n.Aq(e)}}))}else{e=e||this.data;const o=r.MU(e,this.oDataFormat.sRecordPath,void 0,t.sNestedDataSeparator)||{};this.oLocalModel=this.preprocess(o),this.finishLoad();this.getOriginRecordCount()||t.getRowCount()||t.aTopRowMapping.length||t.aBottomRowMapping.length||this.finishNoData()}}finishLoad(e){this.bHasLoaded=!0,e||this.widget.bDisconnect||(this.fire("loading"),this.fire("loaded"))}finishNoData(){const e=this.widget,t=e.webcomponent;t.oDOMNodata&&t.oDOMNodata.updateInfo(),e.bAPIReady=!0,this.finishLoad(!0),e.fire("apiready")}resetRowMapping(){const e=this.widget;e.aRowMapping.length=0,this.aOrderedData.forEach(((t,o)=>{e.updateRowMapping(e.aRowMapping,o,{sRecordIndex:t.sRecordIndex})}))}filter(e,t){this.widget.aRowMapping.length=0,t=""+t;let o=this.aOrderedData.filter((o=>{let n=""+o[e];return o[e]&&-1!==n.toLowerCase().indexOf(t.toLowerCase())}));this.widget.fire("roworderchange"),o.forEach(((e,t)=>{this.widget.updateRowMapping(this.widget.aRowMapping,t,{sRecordIndex:e.sRecordIndex})})),this.widget.bodyUpdate()}unsetSort(){this.aOrderedData.sort(((e,t)=>e.nOriginalIndex<t.nOriginalIndex?-1:1))}preprocess(e){const t=this.widget;e=e||{};let o,i=this.oLocalModel,a=[],l=[],d=this.aRecordIndex,c=this.bIsRawDataArray=n.kJ(e),h=this.mFieldStructure,u=this.aLeafFieldIndex,g=0;const p=t.sNestedDataSeparator;return c?o=e.length&&n.kJ(e[0])?(e=e.map((e=>e.slice(0)))).map((e=>e.slice(0))):(e=e.map((e=>(this.oDataFormat.sNodePath&&(e=r.MU(e,this.oDataFormat.sNodePath,void 0,p)),"string"==typeof e?{0:e}:n.RH({},e))))).map((e=>n.RH({},e))):(e=n.RH({},e),o=n.RH({},e)),this.updateDataProperty(o),Object.keys(e).forEach((o=>{let r={},f=e[o];if(null===f)return void g++;let m=n.kJ(f),b=new s(this.mDataSchema,f,p);r.model=b,r.nCellDirty=0;let v=b.aLeafFieldIndex,y=b.oFieldSchema;for(let e=0,t=v.length;e<t;e++){let t=v[e];-1===u.indexOf(t)&&(l.push(t),this.nFieldDepth="disabled"!==p?Math.max(t.split(p).length,this.nFieldDepth):Math.max(1,this.nFieldDepth),h=h||(m?[]:{}),m?h.push(y[t]):h[t]=y[t],u.push(t))}f.sRESTIndex=o,c&&(o=t.createRecordIndex()),d.push(o),a.push(o),f.sRecordIndex=o,f.nOriginalIndex=this.aOrderedData.length,this.aOrderedData.push(f),i[o]=r})),this.nRecordCount+=a.length,this.aUnseenRecordIndex=a,this.aUnseenFieldIndex=l,this.sNeedsSort&&(this.sortUnseen(g),this.sNeedsSort=!1),this.isIncrementalLoad()&&!this.oDataFormat.bStartAtValue&&a.length+g<t.getPageSize()&&(t.bInfiniteMaxReached=!0),this.mFieldStructure=h,this.mDataSchema||(this.mDataSchema=h),this.aLeafFieldIndex=u,t.bGroupBy&&t.groupbyManager.groupBy(t.aGroupBy,this.aOrderedData),i}moveRow(e,t,o){const n=this.widget,r=this.oLocalModel[e],i=r.nRowIndex,a=r.sFrozen;let s,l,d=!1,c=n.getRowMappingByFrozen(a),h=c;n.bUpdatingFrozen=!0,"top"===a?(l="top",n.webcomponent.frozenRowsTop--,d=!0):"bottom"===a&&(l="bottom",n.webcomponent.frozenRowsBottom--,d=!0),"start"===t?s=0:"number"==typeof t?(s=t,"top"===o?(l="top",h=n.aTopRowMapping,n.webcomponent.frozenRowsTop++,d=!0):"bottom"===o&&(l="bottom",h=n.aBottomRowMapping,n.webcomponent.frozenRowsBottom++,d=!0)):"top"===t?(l="top",h=n.aTopRowMapping,n.webcomponent.frozenRowsTop||(n.webcomponent.frozenRowsTop=0),s=n.webcomponent.frozenRowsTop,n.webcomponent.frozenRowsTop++,d=!0):"bottom"===t?(l="bottom",h=n.aBottomRowMapping,n.webcomponent.frozenRowsBottom||(n.webcomponent.frozenRowsBottom=0),n.webcomponent.frozenRowsBottom++,s=0,d=!0):"body"===t?(h=n.aRowMapping,"top"===a?s=0:"bottom"===a&&(s=n.aRowMapping.length)):s=c.length-1,n.bUpdatingFrozen=!1,s=+s;let g=c.splice(i,1);return h.splice(s,0,g[0]),this.refreshAllRecordMapping(),d&&(n.updater.clearCache(),n.update(),n.fire(u.default.event.frozenrowchange,l)),"body"===t&&("top"===a?n.firstPage():"bottom"===a&&n.lastPage()),s}updateDataProperty(e){let t=this.widget.webcomponent;e||(e=this.cleanData(e)),this.bUpdatingData=!0,t.data=e,this.bUpdatingData=!1}cleanData(e,t,o){let r,i,a=this.widget;return i=t?a.aRowMapping.map((e=>{let t=e.sRecordIndex;return this.aOrderedData.find((e=>e.sRecordIndex===t))})):this.aOrderedData,r=this.bIsRawDataArray?i.map((t=>{let r;return e?r=this.getVisibleData(t):(n.kJ(t)?o?(r={},t.forEach(((e,t)=>{let o=t;const n=a.getColumnByFieldIndex(o.toString());n&&(o=n.sColumnHeaderText),r[o]=e}))):r=t.slice(0):r=n.RH({},t),delete r.sRESTIndex,delete r.sRecordIndex,delete r.nOriginalIndex,delete r.nRowIndex,delete r.sFrozen),r})):i.reduce(((t,o)=>{let r,i=o.sRESTIndex;return e?r=this.getVisibleData(o):(r=n.RH({},o),delete r.sRESTIndex,delete r.sRecordIndex,delete r.nOriginalIndex,delete r.nRowIndex,delete r.sFrozen),t[i]=r,t}),{}),r}cleanSingleRecord(e){let t;return t=n.kJ(e)?e.slice(0):n.RH({},e),delete t.sRESTIndex,delete t.sRecordIndex,delete t.nRowIndex,delete t.sFrozen,delete t.nOriginalIndex,t}getVisibleData(e){let t;return t=n.kJ(e)?[]:{},this.widget.aColumnMapping.forEach((o=>{let r=o.sFieldIndex;o.bHidden||""===r||n.String.trimWhiteSpace(r).split(",").forEach((o=>{o=n.String.trimWhiteSpace(o),t[o]=e[o]}))})),t}sortUnseen(e){let t=this.widget,o=this.aUnseenRecordIndex,n=this.sNeedsSort.replace(/['"]+/g,""),r="desc"===this.sNeedsSortDir?-1:1,a=o.map(((e,t)=>{let o=this.get(e,n);return{sRecordIndex:e,mValue:null==o?"":o}})),s=t.getColumnByFieldIndex(n),l=null;l=s&&s.fnSorter?s.fnSorter:{method:i.Z.getSorter("text"),scope:null};if(a.sort((function(e,t){const o=l.method.apply(l.scope,[e.mValue,t.mValue]);return r>=0?o:-o})),this.isIncrementalLoad()&&this.oDataFormat.bStartAtValue)if(a.length+e>this.widget.getPageSize()){let e=a.splice(-1,1);if(e.length){let t=e[0].sRecordIndex;this.aRecordIndex.splice(this.aRecordIndex.indexOf(t),1),this.sStartAtValue=e[0].mValue}}else this.widget.bInfiniteMaxReached=!0;this.aUnseenRecordIndex=a.map((e=>e.sRecordIndex))}setOriginRecordCount(e){e?(e=parseInt(e,10)||0,this.nOriginRecordCount=e):this.nOriginRecordCount=0}getOriginRecordCount(){return this.nOriginRecordCount}getUnseenRecordIndex(){return this.aUnseenRecordIndex}getLeafFieldIndex(){return this.aLeafFieldIndex}getFieldStructure(){return this.mFieldStructure}getFieldDepth(){return this.nFieldDepth}duplicateRecord(e){}removeRecord(e,t,o,r,i){const a=this.widget;if(!1===this.oDataRequest.deleteOptions)return;let s=n.c7.copy(this.oDataRequest.deleteOptions||{});e=this.getRecordIndex(e);let l=this.get(e);if(!l)return!1;const d=this.oLocalModel[e],c={icon:"checkmark",state:"success",msg:o=o||g.default.get("dialog.recordDelete.successMsg",this.widget)};let h=s.sServerErrorMessage;h||(h=s.sServerErrorPath?u.default.tokens.serverMessage:g.default.get("dialog.recordDelete.errorMsg",this.widget));const p={icon:"error",state:"error",msg:h};if(s.sRecordIndex=e,r&&!a.batchEditor.isActive()||(s.oStatus=c,s.oErrorStatus=p),s.fnCustom=this.oDataFormat.fnCustomDelete,s.oRecordRawData=l.get(),s.sEditMode="removerecord",s.bBatchCleanup=d.bBatchCleanup,!r&&!a.batchEditor.isActive()){if(!1===this.fire("removerecord",s))return n.Aq("Delete was cancelled by the user in the data:record:beforedelete event"),!1}if(s.oRecordModel=this.get(s.sRecordIndex),a.dirtyManager.setDirtyDelete(e,s),a.batchEditor.isActive()){let t=this.widget.getDataRowIndexByRecordIndex(e,this.oLocalModel[e].sFrozen);a.update({bUpdateBodyContent:!0},t)}else this.fireAfterStoreEvent("afterremoverecord",s,void 0,r)}_updateCell(e,t,o,n){let r=this.get(e,t);if(""===o&&void 0===r)return!1;if("date"===n){const e=p.kB(r).toString(),t=p.kB(o).toString();if(r===o||e===t)return!1}else{if("string"==typeof o&&r&&r.toString()==o)return!1;if(r==o)return!1}return t!==u.default.store.keyField&&this.oLocalModel[e].model.set(t,o),!0}updateCell(e,t,o,r,i){const a=this.widget;if(!1===this.oDataRequest.updateOptions.cell)return;let s=this.oLocalModel[e].model,l=this.get(e,t);if(!this._updateCell(e,t,o,i))return;if(t===u.default.store.keyField)return void this.updateRecordWithKey(e,!1,o);let d=n.c7.copy(this.oDataRequest.updateOptions.cell||{});const c={icon:"checkmark",state:"success",msg:g.default.get("dialog.fieldUpdate.successMsg",this.widget)};let h=d.sServerErrorMessage;h||(h=d.sServerErrorPath?u.default.tokens.serverMessage:g.default.get("dialog.fieldUpdate.errorMsg",a));const p={icon:"error",state:"error",msg:h};if(d.sRecordIndex=e,d.sFieldIndex=t,d.payload=o,d.oldValue=l,d.oRecordRawData=s.get(),d.fnCustom=this.oDataFormat.fnCustomUpdateCell,d.sEditMode="updatecell",r||(d.oStatus=c,d.oErrorStatus=p),!r&&!a.batchEditor.isActive()){if(!1===this.fire("updatecell",d))return n.Aq("Update was cancelled by the user in the data:cell:beforechange event"),!1}a.dirtyManager.setDirty(e,t,d),a.savedScrollVal=a.oDOMMainScroll.scrollLeft;let f=this.widget.getDataRowIndexByRecordIndex(e,this.oLocalModel[e].sFrozen);a.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},f),a.batchEditor.isActive()||this.fireAfterStoreEvent("afterupdatecell",d,void 0,r)}updateRecord(e,t,o,r,i,a){const s=this.widget;if(!1===this.oDataRequest.updateOptions.row)return!1;e=this.getRecordIndex(e);const l=this.oLocalModel[e];if(!l)return!1;let d=l.model,c=n.c7.copy(d.get()),h=!1,p=[];if(Object.keys(t).forEach((o=>{this._updateCell(e,o,t[o])&&(h=!0,p.push(o))})),!r&&(!h||o))return!1;if(p.forEach((t=>{s.dirtyManager.setDirty(e,t)})),-1!==p.indexOf(u.default.store.keyField))return this.updateRecordWithKey(e,p,t[u.default.store.keyField]),!0;let f=n.c7.copy(this.oDataRequest.updateOptions.row||{});const m={icon:"checkmark",state:"success",msg:g.default.get("dialog.recordUpdate.successMsg",this.widget)};let b=f.sServerErrorMessage;b||(b=f.sServerErrorPath?u.default.tokens.serverMessage:g.default.get("dialog.recordUpdate.errorMsg",this.widget));const v={icon:"error",state:"error",msg:b};if(f.sRecordIndex=e,f.oRecordRawData=d.get(),f.oOldData=c,r&&!s.batchEditor.isActive()||(f.oStatus=m,f.oErrorStatus=v),f.aChangedFieldIndex=p,f.fnCustom=this.oDataFormat.fnCustomUpdateRow,f.oRefocus=i,f.sEditMode="updaterecord",f.bNoRefresh=a,!r){if(!1===this.fire("updaterecord",f))return n.Aq("Update was cancelled by the user in the data:record:beforechange event"),!1}return this.fireAfterStoreEvent("afterupdaterecord",f,void 0,r),!0}insertRecordWithKey(e){let t=this.oLocalModel[e].model,o=n.c7.copy(this.oDataRequest.updateOptions.row||{});o.sRecordIndex=e,o.sIdKeyValue=e,o.oRecordRawData=t.oRecordRawData||{},o.fnCallback=this.afterInsertRecordWithKey,this.bHasDataSource?this.onModifyRecordRest(o):this.afterInsertRecordWithKey(options)}afterInsertRecordWithKey(e){this.fire("afterinsertrecord",{options:e})}updateRecordWithKey(e,t,o){let r=()=>{let t=n.c7.copy(this.oDataRequest.deleteOptions||{});t.sRecordIndex=e,t.fnCallback=i,this.onModifyRecordRest(t)},i=()=>{let r=this.oLocalModel[e].model,i=n.c7.copy(this.oDataRequest.updateOptions.row||{});i.sRecordIndex=e,i.sIdKeyValue=o,i.oRecordRawData=r.get(),i.aChangedFieldIndex=t,i.sNewRecordIndex=o,i.fnCallback=this.updateKey,this.onModifyRecordRest(i)};this.bHasDataSource&&!this.widget.batchEditor.isActive()?r():this.updateKey({sRecordIndex:e,sNewRecordIndex:o,aChangedFieldIndex:t})}updateKey(e){let t=e.sRecordIndex,o=e.sNewRecordIndex,n=this.widget;this.oLocalModel[o]=this.oLocalModel[t],delete this.oLocalModel[t],this.aRecordIndex[this.aRecordIndex.indexOf(t)]=o,this.oLocalModel[o].model.get().sRESTIndex=o;let r=this.oLocalModel[o].nRowIndex;if(n.getRowMappingByFrozen(this.oLocalModel[o].sFrozen)[r].sRecordIndex=o,n.sorter){let e=n.sorter.aOriginalRowMappingOrder;e.length&&(e[e.indexOf(t)]=o)}let i=this.aOrderedData.findIndex((e=>e.sRecordIndex===t));if(-1!==i&&(this.aOrderedData[i].sRecordIndex=o),n.batchEditor.isActive()){const e={};e.sOldRecordIndex=t,e.sNewRecordIndex=o,e.sEditMode="updatekey",n.dirtyManager.setDirty(t,void 0,e)}n.update(),n.batchEditor.isActive()||(e.aChangedFieldIndex?this.fire("afterupdaterecord",{options:{sRecordIndex:o,aChangedFieldIndex:e.aChangedFieldIndex}}):this.fire("afterupdatecell",{options:{sRecordIndex:o,sFieldIndex:u.default.store.keyField}}),window.setImmediate((()=>{this.fire("updatecomplete")})))}get(e,t,o){const r=this.widget.sNestedDataSeparator;if(o)return this.widget.groupbyManager.getGroupName(o);if(n.o8(this.oLocalModel[e])&&(this.oLocalModel[e]=new s(this.mDataSchema,void 0,r)),t===u.default.store.keyField){if(this.widget.batchEditor.isActive()){if(this.oLocalModel[e].bDirtyInsert)return""}if(this.bIsRawDataArray){let t=this.oDataFormat.sIdKey;if(t!==u.default.store.keyField){let o=this.get(e,t);if(o)return o}}return e}return n.o8(t)?this.oLocalModel[e].model:this.oLocalModel[e].model.get(t)}getRecordIndex(e){if(this.oLocalModel[e])return e;if(this.bIsRawDataArray&&this.oDataFormat.sIdKey){const t=this.getRecordByKey(this.oDataFormat.sIdKey,e);t&&(e=t.sRecordIndex)}return e}getRecordByKey(e,t){return this.aOrderedData.find((o=>o[e]==t))}getUniqueDataByFieldIndex(e){let t=this.getDataByFieldIndex(e,!0);return[...new Set(t)].sort()}getDataByFieldIndex(e,t,o){const n=this.widget;let i=n.filter;o=o||this.aOrderedData,i&&i.bUseFilter&&!t&&(o=i.aFiltered);let a=o.map((o=>{const i=r.MU(o,e,void 0,n.sNestedDataSeparator);return t?i:parseFloat(i)}));return a=a.filter((e=>e||0===e)),a}hasNextData(){return!1!==(this.sNextPathURL||!1)}hasPrevData(){return!1!==(this.sPrevPathURL||!1)}insertRecord(e,t,o,r,i){const a=this.widget,l=a.sNestedDataSeparator;let d=new s(this.mDataSchema,e,l);if(this.oDataFormat.bSubscription&&!r&&!a.batchEditor.isActive())return void this.insertRecordServer(null,d,void 0,!1,!0);let c=o||this.widget.createRecordIndex();!o&&a.aColumnMapping.some((e=>e.bIsKeyIndex))&&(c=u.default.store.tempID),this.oLocalModel[c]={model:d,nRowIndex:-1,nCellDirty:0},this.aUnseenRecordIndex=[c],this.aRecordIndex.push(c),this.nRecordCount++;let h=this.mFieldStructure,g=this.mDataSchema,p=this.aLeafFieldIndex,f=n.iM(g,l),m=[],b=!1;for(let e=0,t=f.length;e<t;e++){let t=f[e];-1===p.indexOf(t)&&(b=!0,m.push(t),this.nFieldDepth="disabled"!==l?Math.max(t.split(l).length,this.nFieldDepth):Math.max(1,this.nFieldDepth))}b&&(h=n.RH(h,g),this.aLeafFieldIndex=n.iM(h,l)),this.aUnseenFieldIndex=m,this.mFieldStructure=h,this.insertRecordServer(c,d,t,r,void 0,i)}removeTempField(e,t){const o=t.sRecordIndex;this.nRecordCount--;let n=this.oLocalModel[o].nRowIndex;this.oLocalModel[o]=null,delete this.oLocalModel[o];const r=this.aRecordIndex.indexOf(o);this.aRecordIndex.splice(r,1),this.widget.aRowMapping.splice(n,1)}insertRecordServer(e,t,o,r,i,a){let s=this.widget;if(!1===this.oDataRequest.createOptions)return;let l=n.c7.copy(this.oDataRequest.createOptions||{});if(l.oRecordRawData=t.oRecordRawData,l.sRecordIndex=e,l.sRecordLocation=o,l.sFrozen=a,l.fnCustom=this.oDataFormat.fnCustomCreate,l.fnFailure=this.removeTempField,l.bCreateRecord=!0,l.sEditMode="insertrecord",!r){l.oStatus={icon:"checkmark",state:"success",msg:g.default.get("dialog.recordCreate.successMsg",this.widget)};let e=l.sServerErrorMessage;e||(e=l.sServerErrorPath?u.default.tokens.serverMessage:g.default.get("dialog.recordCreate.errorMsg",this.widget)),l.oErrorStatus={icon:"error",state:"error",msg:e}}if(!r&&!s.batchEditor.isActive()){if(!1===this.fire("insertrecord",l))return void n.Aq("Insert was cancelled by the user in the data:record:beforeinsert event")}if(this.oDataFormat.bLoadByScroll&&this.bHasDataSource||i||s.updateDefaultRowMapping(void 0,!0),s.dirtyManager.setDirtyInsert(e,l),s.batchEditor.isActive())s.update(),s.lastPage();else{let t={sUnseenRecordIndex:e,sTempRecordIndex:e,oStatus:l.oStatus,sRecordLocation:o,sFrozen:a};this.fireAfterStoreEvent("afterinsert",l,t,r)}}fireAfterStoreEvent(e,t,o,n){o=o||{};let r=["sRecordIndex","sFieldIndex","aChangedFieldIndex","oRecordRawData","oOldData","oRecordModel","nRowIndex","oLocalModel","oldValue","oStatus","bBatchEdit","bBatchCleanup","bNoRefresh"];for(let e of r)t&&t[e]&&(o[e]=t[e]);if(t.fnCustom&&!n){const n=t=>this.fire(e,{options:o},t);t.callback=n;const r=t.oRecordRawData?this.cleanSingleRecord(t.oRecordRawData):null,i=[];t.sRecordIndex&&!t.bCreateRecord&&i.push(t.sRecordIndex),r&&i.push(r),i.push(t,this.oDataFormat);let a=t.fnCustom.method.apply(t.fnCustom.oScope,i);a&&a.then(n)}else!this.bHasDataSource||t.bExclude||n?this.fire(e,{options:o}):(t.sSuccessEvent=e,this.onModifyRecordRest(t))}processChangedData(e,t,o){for(let n in e)if(e.hasOwnProperty(n)){let r=t[n],i=e[n];r!==i&&(this.oLocalModel[o].model.set(n,i),t[n]=i)}}processTemplate(e,t,o,n,r,i){const a=this.widget.sNestedDataSeparator;if(!e)return e;let s=o.sTargetFieldIndex,l=o.sTargetRecordIndex;o.sGroupRecordIndex&&(r=!0);let d=r?{}:this.get(l).oRecordRawData;if(!i&&(i={},!r)){let e;s.split(",").map((t=>{if("disabled"!==a){let o=t.split(a);e=o[o.length-1]}else e=t;let o=this.get(l,t.trim());i[e.trim()]=o}))}let c={record:d,index:i};return this.populateTemplate(e,t,c,n,o)}populateTemplate(e,t,o,n,r){let i,a;if("function"==typeof e)a=e(o);else{if("string"==typeof e)i=e;else if(e.content)if(t){const o=document.importNode(e.content,!0);t.appendChild(o),i=t.innerHTML}else i=e.innerHTML;a=this.calculateTemplate(i,o,n,void 0,r)}return t&&(t.innerHTML=a),a}calculateTemplate(e,t,o,i,a){let s,l=n.String.escapeRegExp(this.templateStartDelimiter),d=n.String.escapeRegExp(this.templateEndDelimiter),c=!a||"disabled"!==a._columnConfig.sTranslateNewline;const h=this.widget,g=h.aggregateManager;return e&&"string"==typeof e?(o&&(s=new RegExp(l+"(.*?)"+d+"(s*['\"])","g"),e=e.replace(s,(function(e,o,n){o=o.trim();let i=r.MU(t,o,"",h.sNestedDataSeparator);if(void 0!==i){return i+n+(" "+u.default.editor.bindingAttr+"="+n+o+n)}return e})),s=new RegExp("<textarea(.*?)"+l+"(.*?)"+d+"(.*?)</textarea>","g"),e=e.replace(s,(function(e,o,n,i){n=n.trim();let a=r.MU(t,n,"",h.sNestedDataSeparator);if(void 0!==a){return`<textarea ${u.default.editor.bindingAttr+'="'+n+'"'}${o}${a}${i}</textarea>`}return e}))),s=new RegExp(l+"(.*?)"+d,"g"),e.replace(s,((e,o)=>{o=o.trim();let n=r.MU(t,o,"",h.sNestedDataSeparator);return"string"==typeof n&&c&&(n=n.replace(/\n/g,"<br>")),""===n&&void 0!==g[o]&&(n=g.calculateAggregateRow(a,o)),i&&""===n?`${this.templateStartDelimiter}${o}${this.templateEndDelimiter}`:n}))):e}refreshAllRecordMapping(){const e=this.widget;let t=[e.aRowMapping,e.aTopRowMapping,e.aBottomRowMapping];for(let e=0;e<t.length;e++){const o=t[e];o.forEach(((e,t)=>{let n=e.sRecordIndex;e.sGroupRecordIndex||this.updateRecordMapping(o,n,t)}))}}updateRecordMapping(e,t,o){e===this.widget.aTopRowMapping?this.oLocalModel[t].sFrozen="top":e===this.widget.aBottomRowMapping?this.oLocalModel[t].sFrozen="bottom":this.oLocalModel[t].sFrozen="none",this.oLocalModel[t].nRowIndex=o}getArrayData(e,t,o){let r=[],i=t.sArrayIndex;const a=t.sArraySlice;let s=null,l=null;if(n.Uh(a)){const e=a.split(",");s=parseInt(e[0].trim(),10),e.length>1&&(l=parseInt(e[1].trim(),10))}return(void 0===i||o)&&(i=null),e.forEach((e=>{n.kJ(e)?("number"==typeof s&&(e=n.mJ.clone(e),e="number"==typeof l?e.slice(s,l):e.slice(s)),e.forEach((e=>{i?r.push(e[i]):r.push(e)}))):r.push(e)})),r}getRowData(e){let t={};return this.widget.aColumnMapping.forEach((o=>{let r=o.sFieldIndex;o.bHidden||""===r||o.bTypeAggregateOmit||n.String.trimWhiteSpace(r).split(",").forEach((o=>{let n=this.get(e,o.trim());t[o]=n}))})),t}getAllRowData(){const e=this.widget.filter;let t;t=e&&e.bUseFilter?e.aFiltered:this.aOrderedData;let o=[];const n=t.length;for(let e=0;e<n;e++)o.push(this.getRowData(t[e].sRecordIndex));return o}getRowIndexByRecordIndex(e){return this.oLocalModel[e].nRowIndex}getColumnIndexByFieldIndex(e){let t=this.widget.aColumnMapping,o=[];for(let n=t.length;n--;)t[n].sFieldIndex==e&&o.push(n);return o}isServerSort(){return this.isIncrementalLoad()&&(this.oDataFormat.sSortByKey||-1!==this.oDataRequest.readOptions.sUrl.indexOf(u.default.tokens.sortBy))}isIncrementalLoad(e){let t;return e&&(t=e.loadByPage||e.loadByScroll),t||this.oDataFormat.bLoadByScroll||this.oDataFormat.bLoadByPages}initModel(){this.data=[],this.reset()}dumpModel(e){this.reset(),this.widget.clearIdCounters(e),this.widget.updater.clearCache()}dumpDataRequest(){this.oDataRequest={createOptions:{},readOptions:{},updateOptions:{row:{},cell:{}},deleteOptions:{}},this.oOptions=null,this.setOriginRecordCount(0)}reset(){this.aRecordIndex=[],this.nRecordCount=0,this.sStartAtValue=null,this.aLeafFieldIndex=[],this.nFieldDepth=0,this.mFieldStructure=null,this.oLocalModel={},this.mDataSchema=null,this.aOrderedData=[],this.widget&&this.widget.groupbyManager&&(this.widget.groupbyManager.aGroupData=[]),this.sNextPathURL=null,this.sPrevPathURL=null,this.oOptions=null}get bHasDataSource(){return!!this.oDataRequest.sUrl||!!this.oDataRequest.readOptions.sUrl}}f.setUserFunction=function(e,t){if(e){let o=e(t,!0);if(o)return{method:o,scope:null}}let o=f.aMethods[t];if(o)return o;if("string"!=typeof t)return null;let n=t.split(".");if(n.length>1||f.aNamespaces.default){let e=n[0];if(f.aNamespaces[e]){let t=f.aNamespaces[e].namespace;for(let e=1;e<n.length;e++)t=t[n[e]];return{method:t,scope:f.aNamespaces[e].scope}}if(f.aNamespaces.default){let e=f.aNamespaces.default.namespace;for(let t=0;t<n.length&&e;t++)e=e[n[t]];if(e)return{method:e,scope:f.aNamespaces.default.scope}}let t=window;for(let e=0;e<n.length;e++)if(t=t[n[e]],void 0===t)return null;return{method:t,scope:null}}if(window[t])return{method:window[t],scope:null};if(e){let o=e(t);if(o)return{method:o,scope:null}}return null},f.aAdapters={firebaseSDK:{createCustomFunction:"firebaseCreate",readCustomFunction:"firebaseRead",updateRowCustomFunction:"firebaseUpdateRow",updateCellCustomFunction:"firebaseUpdateCell",deleteCustomFunction:"firebaseDelete"},firebase:{limitToKey:"limitToFirst",startAtKey:"startAt",sortByKey:"orderBy",searchKey:"equalTo",startAtValue:!0,addValueQuotes:!0,newIndexPath:"name"},graphql:{restmode:"manual",method:"post"},django:{urlSuffix:"/"}},f.aMethods={},f.aNamespaces={};const m=f},51562:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>f});var n=o(45092),r=o(68965),i=o(32816),a=o(32260),s=o(38419),l=o(48139),d=o(9700),c=o(58938),h=o(21704),u=o(56919);const{translate:g}=n;class p extends r.Z{constructor(e){(e=e||{})._defaults={type:"grid",prefix:"zing-grid-",hasColumnHeader:!0,hasColumnFooter:!0,disableScrollBarX:!1,disableScrollBarY:!1,nCurrPageIdx:0,pageSize:s.default.store.defaultPageSize,bUserPageSize:!1,bHasSelectorEnabled:!1,bHasSorterEnabled:!1,bHasEditorEnabled:!1,bHasCellEditorEnabled:!1,bHasContextMenuEnabled:!1,bRowDrag:!1,bColumnDrag:!1,bDragHide:!1,bDragMove:!1,bHeaderRowHide:!1,bHeaderAutoFormat:!0,sNestedDataSeparator:".",sNestedGroupDataSeparator:"#",oHeaderTooltip:{},oCellTooltip:{},bHasEditColumn:!1,bHasRemoveColumn:!1,bHasInfoColumn:!1,bHasSelectorColumn:!1,bHasRowNumberColumn:!1,bHasRowGroupColumn:!1,fnHeaderAutoFormat:null,bHasStaticMenu:!1,bOnlyColumnWidth:void 0,nInfiniteTotalDisplay:s.default.infinite.defaultInfiniteDisplay,nDefaultRowHeight:s.default.zgRow.defaultHeight,nDefaultHeadHeight:s.default.zgRow.defaultHeadHeight,nRowHeight:void 0,nAdjustedStart:0,nSetWidth:null,bStaticScroll:!1,bCompact:!1,nRowsPerSet:-1,nRowSets:1,bInfiniteMaxReached:!1,sContextMenuId:"",bHasFilterEnabled:!1,bHasSearchEnabled:!1,bGlobalFilter:!1,bAPIReady:!1,bConfirmDelete:!0,aFilters:[],aIcons:[],aSelectedRows:[],bFastMode:!1,bCellFocus:!0,nStoredPageIndex:-1,sDefaultDisplay:null,nCardsPerRow:1,sSortIntl:void 0,nLeftFrozenColumns:0,nCardLeftFrozenColumns:0,nRightFrozenColumns:0,nCardRightFrozenColumns:0,nTopFrozenRows:0,nCardTopFrozenRows:0,nCardBottomFrozenRows:0,nBottomFrozenRows:0,nLoadingImages:0,oZGCellMap:{},oZGHeadCellMap:{},oZGFootCellMap:{},oDOMSortedColumn:null,aCurrentOver:[],aMouseOut:[],aMouseOutTimeouts:[],idCounters:[],aZebraClasses:[],oStateOptions:{},aGroupBy:[],oGroupDummyRows:{count:0},els:{mainGridTable:{},mainColumnBody:{},mainColumnHeader:{},mainColumnFooter:{},topPager:{},bottomPager:{}},rendered:!1,nDebugCount:0};e._defaults.plugins={scroller:{},loadmask:{}},super(e),this.docEvents={},this.config=e,this.initialConfig={},this.ZGLoadMask=s.default.zgLoadMask.tagName,this.createColumnId=this.createId("zg$columnId"),this.setColumnId=this.createColumnId.setCounter,this.getColumnId=this.createColumnId.getCounter,this.createRecordIndex=this.createId("zg$recordIdx"),this.randomKey=Math.floor(1e6*Math.random())+1,this.updater=new h.default({widget:this}),this.ZG=this.updater.widget.webcomponent}set bGroupBy(e){e?(this.nTopFrozenRows&&(this.nTopFrozenRows=0),this.nBottomFrozenRows&&(this.nBottomFrozenRows=0)):(this.initialConfig.frozenRowsTop&&(this.nTopFrozenRows=this.initialConfig.frozenRowsTop),this.initialConfig.frozenRowsBottom&&(this.nBottomFrozenRows=this.initialConfig.frozenRowsBottom)),this._bGroupBy=e}get bGroupBy(){return!this.isCardLayout()&&(this._bGroupBy||!1)}init(){this.initDir(),this.initStore(),this.initPlugins(),this.initMapping(),this.onUserEvents(),this.ons(),this.render()}ons(){this.on("render",(()=>{})),this.store.on("loaded",this.associateColumns,this),this.on("pagechange",((e,t,o)=>this.bodyUpdateWithScroll(void 0,t,o))),this.on(s.default.event.pagesizechange,(()=>this.bodyUpdateWithScroll(!0)))}render(){let e=this.el=i.Z.get(this.renderTo.querySelector("#wrap"));this.fire("beforerender"),e.dom.tabIndex=-1,this.initGridElements(),this.fire(s.default.event.afterRender),this.fire("render")}initPlugins(){let e=this.plugins;this.initPlugin("selectorEngineManager","selectorEngineManager",!1),this.initPlugin("plugins/selector/Selector","selector",!0),this.initPlugin("plugins/aggregate/aggregateManager","aggregateManager",!1),this.initPlugin("plugins/cellbreak/cellBreakManager","cellBreakManager",!0),this.initPlugin("plugins/clipper/Clipper","clipper",!0),this.initPlugin("plugins/columnmenu/ColumnMenu","columnMenu",!1),this.initPlugin("plugins/dialog/dialogManager","dialogManager",!1),this.initPlugin("plugins/details/detailsManager","detailsManager",!1),this.initPlugin("plugins/drag/columnDragManager","columnDragManager",!1),this.initPlugin("plugins/editor/dirtyManager","dirtyManager",!0),this.initPlugin("plugins/editor/batchEditor","batchEditor",!0),this.initPlugin("plugins/editor/RecordEditor","recordEditor",!0),this.initPlugin("plugins/editor/editorManager","editorManager",!0),this.initPlugin("plugins/editor/editorFieldManager","editorFieldManager",!0),this.initPlugin("plugins/filter/Filter","filter",!1),this.initPlugin("plugins/fullscreen/fullscreenManager","fullscreenManager",!1),this.initPlugin("plugins/groupby/groupbyManager","groupbyManager",!1),this.initPlugin("plugins/icon/iconManager","iconManager",!1),this.initPlugin("plugins/layout/layoutManager","layoutManager",!0),this.initPlugin("plugins/menu/menuManager","menuManager",!0),this.initPlugin("plugins/sorter/Sorter","sorter",!1),this.initPlugin("plugins/source/sourceManager","sourceManager",!1),this.initPlugin("plugins/state/stateManager","stateManager",!1),this.initPlugin("plugins/status/statusManager","statusManager",!0),this.initPlugin("plugins/tooltip/tooltipManager","tooltipManager",!1),this.initPlugin("plugins/viewport/viewportManager","viewportManager",!1),this.initPlugin("plugins/focus/focusManager","focusManager",!1),this.initPlugin("plugins/focus/headerFocusManager","headerFocusManager",!1),this.initPlugin("plugins/focus/footerFocusManager","footerFocusManager",!1),e.scroller&&this.initPlugin("plugins/scroller/Scroller","scroller",!1),this.deleteSE=this.selectorEngineManager.getSelectorEngine()}initPlugin(e,t,n){const r=o(91693)(`./${e}.js`).default,i={widget:this};n&&(i.se=this.selectorEngineManager.getSelectorEngine()),this[t]=new r(i)}initGridElements(){let e=this.el;this.oDOMMainGridTable=e._querySelector("#main");let t=e._querySelector("#body"),o=e._querySelector("#left"),n=e._querySelector("#right");if(this.oDOMMainScroll=e._querySelector("#scroll"),this.mainGridTable=i.Z.get(this.oDOMMainGridTable),this.mainGridHScroll=i.Z.get(this.oDOMMainScroll),this.hasColumnHeader){let e=new d.default({widget:this,oDOMWrapper:this.webcomponent.oDOMFrozenLeftHeadFrame,oHead:this.webcomponent.oDOMLeftHead,oColGroup:this.webcomponent.oDOMLeftColgroup});e.el._show(),this.leftColumnHeader=e;let t=new d.default({widget:this,oDOMWrapper:this.webcomponent.oDOMFrozenMainHeadFrame,oHead:this.webcomponent.oDOMHead,oColGroup:this.webcomponent.oDOMColgroup});t.el._show(),this.mainColumnHeader=t;let o=new d.default({widget:this,oDOMWrapper:this.webcomponent.oDOMFrozenRightHeadFrame,oHead:this.webcomponent.oDOMRightHead,oColGroup:this.webcomponent.oDOMRightColgroup});o.el._show(),this.rightColumnHeader=o}let r=new l.default({widget:this,oDOMWrapper:o,oBody:this.webcomponent.oDOMLeftBody});r.el._show(),this.leftColumnBody=r;let a=new l.default({widget:this,oDOMWrapper:t,oBody:this.webcomponent.oDOMBody});a.el._show(),this.mainColumnBody=a;let s=new l.default({widget:this,oDOMWrapper:n,oBody:this.webcomponent.oDOMRightBody});if(s.el._show(),this.rightColumnBody=s,this.hasColumnFooter){let e=new c.default({widget:this,oFoot:this.webcomponent.oDOMLeftFoot,oColGroup:this.webcomponent.oDOMLeftColgroup,oDOMWrapper:this.webcomponent.oDOMFrozenLeftFootFrame});e.el._show(),this.leftColumnFooter=e;let t=new c.default({widget:this,oFoot:this.webcomponent.oDOMFoot,oColGroup:this.webcomponent.oDOMColgroup,oDOMWrapper:this.webcomponent.oDOMFrozenMainFootFrame});t.el._show(),this.mainColumnFooter=t;let o=new c.default({widget:this,oFoot:this.webcomponent.oDOMRightFoot,oColGroup:this.webcomponent.oDOMRightColgroup,oDOMWrapper:this.webcomponent.oDOMFrozenRightFootFrame});o.el._show(),this.rightColumnFooter=o}this.mainGridTable._show()}setCellAlignment(e,t){if(null===(t=t||this.webcomponent.getAttribute(s.default.attr.align)||null))e.removeAttribute(s.default.attr.align);else{const o=s.default.zgColumn.alignTypes.indexOf(t)>-1?t:s.default.zgColumn.alignDefault;e.setAttribute(s.default.attr.align,o)}}setCellLabel({value:e,oDOMCellContainer:t,$cell:o}){if(!t)return;if(!o._columnConfig)return;if(this.layoutManager.sCurrentType!==s.default.zgLayout.typeCard)return;const n=s.default.zgCell.cellIndexAttr,r=s.default.zgCell.cellLabelAttr,i=t.querySelector(`[${n}]`);if(!i)return;e=e||o._columnConfig.sColumnHeaderText||i.getAttribute(n);let a=t.querySelector(`[${r}]`);if(!a){a=document.createElement("label"),a.setAttribute(r,"");const e=document.createElement("slot");e.name="cellLabel",a.appendChild(e),t.insertAdjacentElement("afterbegin",a)}a.textContent=e}updateConfig(e){let t=["data","dataSource","dataFormat","schema","columns"],o=this.store;o.updateConfig({data:e.data,oDataSource:e.dataSource,oDataFormat:e.dataFormat,mDataSchema:e.dataSchema}),this.dumpMapping(e);let n=e.columns;if(n){o.dumpModel();for(let e=0,t=n.length;e<t;e++){let t=n[e],o=this._createZGColumn(t);this.aColumnMapping[e]=o._oParsedColumnMapping}this._adjustFrozenColumns()}else if(void 0!==e.columns){let e=this.mainColumnHeader.oColGroup;e&&e.parentNode&&e.parentNode.removeChild(e)}for(let o in e)t.includes(o)||(this.webcomponent[o]=e[o])}dumpMapping(e){!this.store.bLightReload&&(e&&e.columns&&e.columns.length>0||!this.bIsMappingUserProvided&&this.webcomponent.bReady)&&this.dumpColumnMapping(),this.dumpRowMapping()}dumpColumnMapping(){this.aColumnMapping.length=0,this.bHasRowGroupColumn=!1,Array.from(this.webcomponent.querySelectorAll("zg-column")).forEach((e=>{e.parentNode.removeChild(e)})),this.nHeaderDepth=0}dumpRowMapping(){this.aRowMapping=[],this.aTopRowMapping=[],this.aBottomRowMapping=[],this.aGroupMapping=[]}updateInitialConfig(){this.bReload=!0;for(let e in this.initialConfig)this.webcomponent[e]=this.initialConfig[e];this.selector.deSelectAll(),this.bReload=!1}updateFocus(e,t,o){const n=this.focusManager;n&&n.bInitialLoaded&&(e&&(t=this.webcomponent[`oDOM${e}`],o=n[`a${e}`]),n.updateSection(t,o,e))}hookGridEvents(){let e=["contextmenu","mouseover","mouseout","mouseenter","mouseleave"],t=["click","keydown","blur","focus"];for(let t of e)this.el.on(t,this.detectGridEvent,this,{sDelegateTo:s.default.zgCell.tagName}),this.el.on(t,this.detectGridEvent,this,{sDelegateTo:s.default.zgCard.tagName});for(let e of t)this.el.on(e,this.detectGridEvent,this)}hookCellEvents(){let e=["cellopenedit","cellcloseedit","cellkeypress"];for(let t of e)this.on(t,((e,o,n,r,i,a)=>{let{nColumnIndex:s,sTargetFieldIndex:l,nRowContainerIndex:d}=o;const c=o.sTargetRecordIndex,h=this.getDOMByIndex(o.nRowContainerIndex,o.nColumnIndex);let u={recordIndex:c,columnIndex:s,fieldIndex:l,rowIndex:d,data:o.fullData(),DOMCell:h};switch(t){case"cellcloseedit":i?u.canceled=!0:(u.canceled=!1,u.newValue=r);break;case"cellkeypress":u.currentValue=n.value}let g=`cell:${t.slice(4)}`;return this.emitEvent(g,{ZGData:u},!0)}),void 0,void 0,!0)}hookClipperEvents(){let e=["copy","paste","beforecopy"];for(let t of e)this.clipper.on(t,((e,o)=>{let n={data:o.data,copiedValue:o.text};this.emitEvent("cell:"+t,{ZGData:n}),o.text=n.copiedValue}))}initMapping(){this.aRowMapping=[],this.aTopRowMapping=[],this.aBottomRowMapping=[],this.aColumnMapping=[],this.aGroupMapping=[],this.nHeaderDepth=0}onUserEvents(){this.on("render",(()=>{if(this.emitEvent("grid:render"),this.hookGridEvents(),this.oDOMScroller){i.Z.get(this.oDOMScroller).on("scroll",((e,t)=>{this.emitEvent("grid:scroll",{ZGTarget:t,ZGEvent:e})}))}if(this.mainGridTable.dom){let e=this.webcomponent._oShadowRoot.querySelector("#scroll");if(e){i.Z.get(e).on("scroll",((e,t)=>{this.emitEvent("grid:scroll",{ZGTarget:t,ZGEvent:e})}))}}i.Z.get(document.body).on("keydown",(e=>{this.bDisconnect||(e.nCharCode===e.ESC?(this.recordEditor.bIsOpen?this.recordEditor.cancelOpenEdit(null,this.editorManager.se):this.webcomponent.oDOMDialog&&this.ZG.oDOMDialog.closeEvent(),this.emitEvent("grid:keydown:esc")):e.nCharCode===e.PAGE_DOWN?this.nextPage():e.nCharCode===e.PAGE_UP&&this.prevPage())}))})),this.on("beforerender",(()=>{this.emitEvent("grid:beforerender")})),this.store.on("afterfetch",((e,t)=>{let o={response:t.oResponse,data:t.data};this.emitEvent("data:afterfetch",{ZGData:o})})),this.on("afterloaded",(()=>{this.emitEvent("data:load")})),this.on("refresh",(()=>{this.emitEvent("grid:refresh")})),this.on("hydrate",(()=>{this.emitEvent("grid:hydrate")})),this.on("apiready",(()=>{this.emitEvent("grid:ready")})),this.on("pagechange",((e,t)=>{this.once(s.default.event.updated,(()=>{let e={pageSize:+this.pageSize,currentPage:this.nCurrPageIdx+1};this.emitEvent("grid:pagechange",{ZGData:e}),void 0!==t&&this.emitEvent("grid:page"+t,{ZGData:e})}))})),this.on(s.default.event.pagesizechange,((e,t,o)=>{let n={pageSize:+t,oldPageSize:+o,currentPage:this.nCurrPageIdx+1};this.emitEvent("grid:pagesizechange",{ZGData:n})})),this.on(s.default.event.frozenrowchange,((e,t)=>{let o;o="top"===t?this.aTopRowMapping:this.aBottomRowMapping;let n=[];for(let e=0;e<o.length;e++)n.push(this.store.cleanSingleRecord(this.store.get(o[e].sRecordIndex).oRecordRawData));let r={area:t,currentFrozenRows:o.length,frozenRows:n};this.emitEvent("row:frozen",{ZGData:r})})),this.on("rowselectionchanged",((e,t,o)=>{let n=Object.keys(this.aSelectedRows),r=[];for(let e=0;e<n.length;e++)r.push(this.store.cleanSingleRecord(this.aSelectedRows[n[e]].get()));let i={checked:o,selectedRows:r,rowIndex:this.store.oLocalModel[t].nRowIndex,recordIndex:t,data:this.store.cleanSingleRecord(this.store.get(t).oRecordRawData)};this.emitEvent("row:select",{ZGData:i})})),this.sorter.on("sort",((e,t)=>{let o={fieldIndex:t.index};t.index&&(o.order=-1===t.order?"desc":"asc"),this.emitEvent("grid:sort",{ZGData:o})}),this),this.on("search",((e,t)=>{let o={searchTerm:t.searchTerm,searchResults:t.searchResults,searchCount:t.searchCount};this.emitEvent("grid:search",{ZGData:o})})),this.on("filter",((e,t)=>{let o={fieldIndex:t.sFieldIndex,filterIndex:t.sFilterIndex,filterValue:t.sValue};this.emitEvent("column:filter",{ZGData:o})})),this.on("columnmove",((e,t)=>{const o=this.aColumnMapping[t.newIndex];let n={fieldIndex:o.sFieldIndex,oldIndex:t.oldIndex,newIndex:t.newIndex,frozen:o.sFrozen};this.emitEvent("column:move",{ZGData:n})})),this.on("columntoggle",((e,t)=>{const o=t.oColumnMapping;let n={fieldIndex:o.sFieldIndex,hidden:o.bHidden};this.emitEvent("column:togglevisibility",{ZGData:n})})),this.on("contextmenuopen",(()=>this.emitEvent("grid:contextmenuopen"))),this.on("contextmenuclose",(()=>this.emitEvent("grid:contextmenuclose"))),this.hookCellEvents(),this.selector.on(s.default.event.selectedCells,(()=>{let e=this.selector.se,t=e.rawData(),o=e.nStartRowIndex,n=e.nEndRowIndex,r=e.nStartColumnIndex,i=e.nEndColumnIndex,a=e.doms();-1===o&&(o=n=e.nRowContainerIndex,r=i=e.nColumnIndex);let s={selectedData:t,columnStart:r,rowStart:o,columnEnd:i,rowEnd:n,DOMCell:e.dom(),DOMCells:a};this.emitEvent("grid:select",{ZGData:s})})),this.selector.on(s.default.event.deselectedCells,(()=>{this.emitEvent("grid:deselect")})),this.selector.on(s.default.event.selectedAllCells,(()=>{this.emitEvent("grid:selectall")})),this.hookClipperEvents(),this.store.on("removerecord",((e,t)=>{let o={rowIndex:this.store.oLocalModel[t.sRecordIndex].nRowIndex,recordIndex:t.sRecordIndex,batchEdit:this.batchEditor.isActive(),data:this.store.cleanSingleRecord(this.store.get(t.sRecordIndex).oRecordRawData)};return this.emitEvent("data:record:beforedelete",{ZGData:o},!0)}),void 0,void 0,!0),this.store.on("afterremoverecord",((e,t)=>{let o={batchEdit:t.options.bBatchEdit,data:this.store.cleanSingleRecord(t.options.oRecordModel.oRecordRawData)};t.options.bBatchCleanup||this.emitEvent("data:record:delete",{ZGData:o})})),this.store.on("updatecell",((e,t)=>{const o=this.getDataRowIndexByRecordIndex(t.sRecordIndex,this.store.oLocalModel[t.sRecordIndex].sFrozen),n=this.getColumnIndexByFieldIndex(t.sFieldIndex);let r={DOMCell:this.getDOMByIndex(o,n),rowIndex:this.store.oLocalModel[t.sRecordIndex].nRowIndex,fieldIndex:t.sFieldIndex,recordIndex:t.sRecordIndex,newValue:t.payload,oldValue:t.oldValue,batchEdit:this.batchEditor.isActive(),data:this.store.cleanSingleRecord(this.store.get(t.sRecordIndex).oRecordRawData)};const i=this.emitEvent("data:cell:beforechange",{ZGData:r},!0);return r.newValue!==t.payload&&(r.data[t.sFieldIndex]=r.newValue,t.payload=r.newValue),this.store.processChangedData(r.data,t.oRecordRawData,t.sRecordIndex),i}),void 0,void 0,!0),this.on("afterupdatecellrender",((e,t)=>{const o=this.getDataRowIndexByRecordIndex(t.sRecordIndex,this.store.oLocalModel[t.sRecordIndex].sFrozen),n=this.getColumnIndexByFieldIndex(t.sFieldIndex);let r={DOMCell:this.getDOMByIndex(o,n),rowIndex:this.store.oLocalModel[t.sRecordIndex].nRowIndex,fieldIndex:t.sFieldIndex,recordIndex:t.sRecordIndex,newValue:this.store.get(t.sRecordIndex,t.sFieldIndex),oldValue:t.oldValue,data:this.store.cleanSingleRecord(this.store.get(t.sRecordIndex).oRecordRawData)};this.emitEvent("data:cell:change",{ZGData:r})})),this.store.on("updaterecord",((e,t)=>{let o={rowIndex:this.store.oLocalModel[t.sRecordIndex].nRowIndex,recordIndex:t.sRecordIndex,changedField:t.aChangedFieldIndex,oldData:t.oOldData,batchEdit:this.batchEditor.isActive(),data:this.store.cleanSingleRecord(t.oRecordRawData)};const n=this.emitEvent("data:record:beforechange",{ZGData:o},!0);return this.store.processChangedData(o.data,t.oRecordRawData,t.sRecordIndex),n}),void 0,void 0,!0),this.store.on("afterupdaterecord",((e,t)=>{t=t.options;let o={rowIndex:this.store.oLocalModel[t.sRecordIndex].nRowIndex,recordIndex:t.sRecordIndex,changedField:t.aChangedFieldIndex,oldData:t.oOldData,batchEdit:t.bBatchEdit||!1,data:this.store.cleanSingleRecord(t.oRecordRawData)};this.emitEvent("data:record:change",{ZGData:o})})),this.on("openinsert",((e,t)=>{let o={inputContainer:t.inputContainer,editorFields:t.editorFields,batchEdit:this.batchEditor.isActive()};this.emitEvent("data:record:openinsert",{ZGData:o,ZGTarget:t.dialog})})),this.store.on("insertrecord",((e,t)=>{let o;o="start"===t.sRecordLocation?0:"end"===t.sRecordLocation?this.aRowMapping.length:t.sRecordLocation;let n={rowIndex:o,batchEdit:this.batchEditor.isActive(),data:this.store.cleanSingleRecord(t.oRecordRawData)};const r=this.emitEvent("data:record:beforeinsert",{ZGData:n},!0);return this.store.processChangedData(n.data,t.oRecordRawData,t.sRecordIndex),r}),void 0,void 0,!0),this.store.on("afterinsertrecord",((e,t)=>{let o={rowIndex:t.nRowIndex,batchEdit:t.bBatchEdit,data:this.store.cleanSingleRecord(t.oLocalModel.model.oRecordRawData)};this.emitEvent("data:record:insert",{ZGData:o})}))}associateColumns(e,t){if(this.bUpdateColGroup&&!t)return;if(this.selector&&this.selector.deSelectAll(),this.bUpdatingColumns=!0,this.aColumnMapping.length){if(!this.store.isIncrementalLoad()){let e=this.aColumnMapping,t=this.store.getFieldStructure(),o=!1;if(!this.store.bLightReload){this.bIsUpdatingType=!0;for(let n=0,r=e.length;n<r;n++){let r=e[n],i=r.oDOMZGColumn,a=r.sFieldIndex;if(i.hasAttribute("group")&&a){this.bGroupBy=!0,-1===this.aGroupBy.indexOf(a)&&(this.aGroupBy.push(a),o=!0);continue}if(r.bIsTypeUserProvided)continue;a=a.split(",")[0];let l=t?t[a]:"text",d="text";"number"===l&&"year"!==a.toLowerCase()&&(d=l),i[s.default.attr.type]=d,r.bIsTypeUserProvided=!1}this.bIsUpdatingType=!1,this.bGroupBy&&this._updateGroupedColumn(o)}}}else this.updateDefaultColumnMapping();const o=this.webcomponent;if(!this.store.bLightReload){if(this.store.aOrderedData.length&&(o.editorControls||o.rowSelector||o.recordKey||o.recordDuplicate||o.aggregate)){const e={editorControls:o.editorControls,rowSelector:o.rowSelector,recordKey:o.recordKey,recordDuplicate:o.recordDuplicate,aggregate:o.aggregate};this._addColumnControls(e)}else this.bHasEditColumn?this.mainColumnBody.oBody.setAttribute(s.default.attr.editorcontrols,""):this.mainColumnBody.oBody.removeAttribute(s.default.attr.editorcontrols);this.setupCardHeader()}if(!this.bGroupBy&&(!this.aRowMapping.length||this.store.isIncrementalLoad())){if(this.store.oDataFormat.bLoadByScroll){let e=this.store,t=this.getPageSize()*this.nInfiniteTotalDisplay,o=this.aRowMapping.length+e.getUnseenRecordIndex().length;t<o&&(this.nAdjustedStart=o-t)}this.updateDefaultRowMapping()}if(!this.savedScrollVal&&this.oDOMMainScroll.scrollLeft&&(this.savedScrollVal=this.oDOMMainScroll.scrollLeft),this.store.bLightReload&&(this.nCurrPageIdx=this.store.nSavePageIdx||0),this.bHasSearchEnabled&&this.search&&this.search.oDOMInput.value&&!this.store.isIncrementalLoad()?this.update(null,void 0,void 0,!0,!0):this.update(null,void 0,void 0,!1,!0),this.oDOMSortedColumn){let e=this.oDOMSortedColumn;e._oParsedColumnMapping.oDOMSortHeader.onSort(null,null,e._oParsedColumnMapping.sSortDir)}let n=this.bPreloaded||this.bHydrating?"hydrate":"refresh";this.bHydrating=this.bPreloaded=!1,this.bUpdatingColumns=!1,this.fire("afterloaded"),this.bAPIReady?(this.fire(n),this.savedScrollVal=null):(this.bAPIReady=!0,this.fire("apiready"))}onContextMenu(e,t){this.sContextMenuId!==s.default.zgMenu.browser&&(e.preventDefault(),this.bHasContextMenuEnabled&&this.menuManager.openContextMenu(e,t))}emitEvent(e,t,o){let n={detail:t=t||{}},r=null;o&&(n.cancelable=!0);let i=new CustomEvent(e,n);return this.bDisconnect||(r=this.webcomponent.dispatchEvent(i)),r}detectGridEvent(e){let t,o,r,i,a,l,d,c,h,u,g,p,f,m=e.type,b=n.MV(e.oDOMTarget,s.default.zgCell.tagName),v=!b&&n.MV(e.oDOMTarget,s.default.zgHeadCell.tagName),y=n.MV(e.oDOMTarget,s.default.zgCard.tagName);if("contextmenu"===m&&(m="rightclick"),b){if(t=`cell:${m}`,o=b,a=b.parentNode,c=a.dataRowIndex,void 0===c)return;if(d=this.getRecordIndexByDataRowContainerIndex(c),void 0===d)return;h=this.getBodyRowIndex(c),l=b.getAttribute("data-field-index"),p=this.getColumnByFieldIndex(l),p&&(g=p.sCellType);const n=this.getColumnIndexByFieldIndex(l),r=this.getDOMByIndex(c,n);f=this.getGroupIndexByDataRowContainerIndex(c),i={DOMCell:r,type:g,fieldIndex:l,rowIndex:c,bodyRowIndex:h,recordIndex:d,columnIndex:n,value:this.store.get(d,l,f)},this.emitEvent(t,{ZGTarget:o,ZGData:i,ZGEvent:e})}let w=!1;if(a&&!y&&a.getAttribute(s.default.zgLayout.attr)===s.default.zgLayout.typeCard&&(y=a),y){if(t="card:"+m,o=y,a||(a=y.parentNode),c=this.getRowIndexByDataRowContainerIndex(a.dataRowIndex),d||(d=this.getRecordIndexByDataRowContainerIndex(c)),h||(h=this.getBodyRowIndex(c)),void 0===c||!this.aRowMapping[c]||void 0===d)return;r={},u=this.store.oLocalModel[d].model.get(),i&&(r.cell=i),r.bodyRowIndex=h,r.rowIndex=c,r.recordIndex=d,r.data=u;let n={ZGTarget:o,ZGData:r,ZGEvent:e};this.simulateMouseEvents(m,d,"Row",t,n)&&(this.emitEvent(t,n),w=!0)}else if(a){t="row:"+m,o=a,r={},void 0!==d&&(f||(u=this.store.cleanSingleRecord(this.store.oLocalModel[d].model.get()),r.data=u),i&&(r.cell=i),r.rowIndex=c,r.bodyRowIndex=h,r.recordIndex=d);let n={ZGTarget:o,ZGData:r,ZGEvent:e};this.simulateMouseEvents(m,d,"Row",t,n)&&(w=!0,this.emitEvent(t,n))}if(w&&(a||y)){t="record:"+m,o=y||a;let n={rowIndex:c,bodyRowIndex:h,recordIndex:d,data:u};i&&(n.cell=i);let r={ZGTarget:o,ZGData:n,ZGEvent:e};n.layout=y?"card":"row",this.emitEvent(t,r)}if(v){t="header:"+m,o=v;let n=v.getAttribute("cellindex"),i=this.aColumnMapping[n];l=i.sFieldIndex,r={cellIndex:n,fieldIndex:l,text:i.sColumnHeaderText},this.emitEvent(t,{ZGTarget:o,ZGData:r,ZGEvent:e})}if(v||b){t="column:"+m,o=v||b,r={fieldIndex:l};let n={ZGTarget:o,ZGData:r,ZGEvent:e};this.simulateMouseEvents(m,l,"Column",t,n)&&this.emitEvent(t,n)}}simulateMouseEvents(e,t,o,n,r){if("mouseover"===e){if(this.aCurrentOver[o]===t)return this.aMouseOut[o]=t,!1;this.aCurrentOver[o]=t}else if("mouseout"===e){this.aMouseOut[o]="";let e=setTimeout((()=>{if(!this.aMouseOutTimeouts)return;let i=this.aMouseOutTimeouts.indexOf(e);if(i>=0&&this.aMouseOutTimeouts.splice(i,1),this.aMouseOut[o]===t)return!1;this.aCurrentOver[o]===t&&(this.aCurrentOver[o]=""),this.emitEvent(n,r),"card:mouseout"!==n&&"row:mouseout"!==n||(r.ZGData.layout="card:mouseout"===n?"card":"row",this.emitEvent("record:mouseout",r))}));return this.aMouseOutTimeouts.push(e),!1}return!0}setupCardHeader(){this.bHasEditColumn||this.bHasInfoColumn||this.bHasSelectorColumn||this.bHasRemoveColumn||this.bHasRowNumberColumn?this.mainColumnBody.oBody.setAttribute(s.default.attr.internalcardheader,""):this.mainColumnBody.oBody.removeAttribute(s.default.attr.internalcardheader)}insertRow(e,t,o){this.store.insertRecord(e,void 0,t,o)}updateRow(e,t,o,n){this.store.updateRecord(t,e,void 0,o,void 0,n)}updateCell(e,t,o,n){this.store.updateCell(e,t,o,n)}duplicateRecord(e){const t=this.store;e=t.getRecordIndex(e);const o=t.oLocalModel[e].sFrozen;let n=t.cleanSingleRecord(t.get(e).oRecordRawData);const r=t.getRowIndexByRecordIndex(e)+1;t.insertRecord(n,r,void 0,void 0,o)}removeRow(e,t,o,n){let r=()=>this.deleteSE.select(this.selector.bHasSelection);const i=this.store;if(this.recordEditor.isRecordEditorOpen()&&this.recordEditor.cancelOpenEdit(),this.editorFieldManager.oActiveEditorField&&this.editorFieldManager.closeFieldEditor(!0),!this.getConfirmation(s.default.confirmations.delete)||t||this.batchEditor.isActive())a();else{if(this.selector.bHasSelection){let e=this.selector.se;this.deleteSE.cell(e.nStartRowIndex,e.nStartColumnIndex)}else this.deleteSE.end();this.fire("rowdelete"),this.ZG.oDOMDialog.setDialog("record-delete"),this.ZG.oDOMDialog.on("dialogConfirm",a,this),this.ZG.oDOMDialog.on("dialogCancel",r,this)}function a(){i.removeRecord(e,void 0,o,n)}}removeSelectedRows(e){let t=()=>{e&&e.focus()},o=Object.keys(this.aSelectedRows);if(0===o.length)return;let n=g({msg:u.default.get("dialog.removeXSelectedRows.label",this),vars:[o.length],plurals:[{value:"s",condition:o.length>1}]}),r=g({msg:u.default.get("dialog.removeXSelectedRows.successMsg",this),vars:[o.length],plurals:[{value:"s",condition:o.length>1}]});const i={confirm:{text:u.default.get("dialog.delete",this)},label:n,type:"selected-rows-delete",body:`\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="removerecord" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <p>${u.default.get("dialog.removeXSelectedRows.body",this)}</p>\n        </div>\n      `};let a,l;this.ZG.dialogArr.filter(((e,t)=>(a=e.type===i.type,a&&(l=t),a))).length?this.ZG.dialogArr[l]=i:this.ZG.dialogArr.push(i);let d=()=>{for(let e=0;e<o.length;e++)this.removeRow(o[e],!0,r);this.batchEditor.isActive()&&(this.aSelectedRows=[],this.updateCaption()),e&&requestAnimationFrame((()=>this.focusManager.changeFocus(0,-1)))};this.getConfirmation(s.default.confirmations.delete)&&!this.batchEditor.isActive()?(this.ZG.oDOMDialog.setDialog(i.type),this.ZG.oDOMDialog.on("dialogConfirm",d),this.ZG.oDOMDialog.on("dialogCancel",t,this)):d()}getConfirmation(e){const t=(this.ZG.confirmations||s.default.confirmations.all).split(",").map((e=>e.toLowerCase().trim()));return(e!==s.default.confirmations.delete||!1!==this.bConfirmDelete)&&(-1!==t.indexOf("all")||-1!==t.indexOf(e))}resetColumns(){this.aColumnMapping.length=0,this.nHeaderDepth=0,this.updater.clearCache()}updateDefaultColumnMapping(){let e=this.store,t=e.getLeafFieldIndex(),o=e.getFieldStructure(),n=0;if(this.aColumnMapping=[],!t.length)return;const r=t.length;if(this.bGroupBy){this.aColumnMapping.length=r+1;let e=this._createZGColumn({type:s.default.internalColumn.rowgroup,index:this.aGroupBy.join(",")},void 0,n);this.aColumnMapping[n]=e._oParsedColumnMapping,n++}else this.aColumnMapping.length=r;for(let e=0,r=t.length;e<r;e++){if("sRecordIndex"===t[e]||"sRESTIndex"===t[e]||"nOriginalIndex"===t[e])continue;let r=o?o[t[e]]:"text",i="text";"number"===r&&"year"!==t[e].toLowerCase()&&(i=r);let a=this._createZGColumn({type:i,index:t[e]},void 0,n);this.bGroupBy&&-1!==this.aGroupBy.indexOf(t[e])&&(this.bUpdatingHidden=!0,a.setAttribute("hidden",""),this.bUpdatingHidden=!1),this.aColumnMapping[n]=a._oParsedColumnMapping,n++}this.bIsMappingUserProvided=!1}_updateGroupedColumnReset(e,t,o,n){!o&&t&&(o=this.groupbyManager.unsetGroup());let r=this.aRowMapping.length;this._updateGroupedColumn(e,o,t,n),this.bUpdateGroupBy||(this.setupCardHeader(),this.updater.clearCache(),this.update(),this.aRowMapping.length!==r&&this.groupbyManager.clearPaging())}_updateGroupedColumn(e,t=[],o,n){let r=this.aGroupBy,i=this.aColumnMapping;if(this.bEditingControls=!0,this.aColumnMapping=this.aColumnMapping.filter((e=>{let i=e.oDOMZGColumn;if(e.sCellType!==s.default.internalColumn.rowgroup)-1!==r.indexOf(i.index)?i.setAttribute("hidden",""):-1!==t.indexOf(i.index)&&i.removeAttribute("hidden");else if(o&&!n)return this.bHasRowGroupColumn=!1,i.remove(),!1;return!0})),!o&&!n)if(this.bHasRowGroupColumn){for(let e=0,t=i.length;e<t;e++)if(i[e].sCellType===s.default.internalColumn.rowgroup){i[e].oDOMZGColumn.index=r.join(",");break}}else{let e=this.getColgroupByColumnIndex(0),t=this._createZGColumn({type:s.default.internalColumn.rowgroup,index:this.aGroupBy.join(",")},e.firstChild);this.aColumnMapping.unshift(t._oParsedColumnMapping),this.hasFrozenColumns()&&this._adjustFrozenColumns()}this.bEditingControls=!1,e&&(this.groupbyManager.clean(),this.aRowMapping.length=0,o?this.store.resetRowMapping():this.groupbyManager.groupBy(this.aGroupBy))}_updateHiddenColumn(e,t,o){t.sCellType===s.default.internalColumn.rowgroup?(e||(this.aGroupBy=t.sFieldIndex.split(",").map((e=>e.trim())),this.bHasRowGroupColumn=!0),this._updateGroupedColumnReset(!0,e,void 0,!0)):(o&&(this.bColumnClick=!0),this.updater.update({bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bHiddenColumns:!0,bFixedColumns:!0,bUpdateColumnHeaderContent:!0,bUpdateBodyContent:!0,bUpdateColumnFooterContent:!0}),o&&(this.bColumnClick=!1))}_addColumnControls(e){let{editorControls:t,rowSelector:o,recordKey:n,recordDuplicate:r,aggregate:i}=e,a=this.aColumnMapping.length;this.bEditingControls=!0;const l=[],d=this.nLeftFrozenColumns,c=this.nRightFrozenColumns;(d||c)&&(this.nLeftFrozenColumns=0,this.nRightFrozenColumns=0,this._adjustFrozenColumns()),this.aColumnMapping=this.aColumnMapping.filter((e=>{let t=e.oDOMZGColumn;return t.index!==s.default.internalColumn.recordkey&&t.type!==s.default.cellTypes.aggregate&&-1===s.default.internalColumnTypes.indexOf(t.type)||!t.controlDefined?-1===s.default.internalColumnTypes.indexOf(t.type)&&t.index!==s.default.internalColumn.recordkey||(t.index===s.default.internalColumn.recordkey?l.push(s.default.internalColumn.recordkey):l.push(t.type),!0):(t.parentNode.removeChild(t),!1)})),this.aColumnMapping.length===a&&0!==this.getColumnId()||this.setColumnId(this.aColumnMapping.length);let h=[];if(t&&(h="all"===t?[s.default.editorControls.editor,s.default.editorControls.remover,s.default.editorControls.creator]:t.split(/[ ,]+/)),n&&!l.includes(s.default.internalColumn.recordkey)){n===s.default.internalColumn.recordkey&&(n=u.default.get("columntypes.key",this));let e=this._createZGColumn({index:s.default.internalColumn.recordkey,controlDefined:!0,header:n},this.mainColumnHeader.oColGroup.firstChild);this.aColumnMapping.unshift(e._oParsedColumnMapping)}if(o&&!l.includes(s.default.internalColumn.recordselector)){let e=this._createZGColumn({type:"selector",controlDefined:!0},this.mainColumnHeader.oColGroup.firstChild);this.aColumnMapping.unshift(e._oParsedColumnMapping)}if(i){let e=i.trim(),t=this._createZGColumn({type:"aggregate",controlDefined:!0,typeAggregateValue:e});this.aColumnMapping.push(t._oParsedColumnMapping)}if(r&&!l.includes(s.default.internalColumn.recordduplicate)){let e=this._createZGColumn({type:"duplicate",controlDefined:!0});this.aColumnMapping.push(e._oParsedColumnMapping)}if(h.includes(s.default.editorControls.editor)&&!l.includes(s.default.internalColumn.recordeditor)){let e=this._createZGColumn({type:s.default.editorControls.editor,controlDefined:!0});this.aColumnMapping.push(e._oParsedColumnMapping)}if(h.includes(s.default.editorControls.remover)&&!l.includes(s.default.internalColumn.recordeditor)){let e=this._createZGColumn({type:s.default.editorControls.remover,controlDefined:!0});this.aColumnMapping.push(e._oParsedColumnMapping)}this.nLeftFrozenColumns=d,this.nRightFrozenColumns=c,this._adjustFrozenColumns(),h.includes(s.default.editorControls.creator)?this.webcomponent._setCreateControls(!0):this.webcomponent._setCreateControls(!1),t&&this.mainColumnBody.oBody?this.mainColumnBody.oBody.setAttribute(s.default.attr.editorcontrols,t):this.mainColumnBody.oBody.removeAttribute(s.default.attr.editorcontrols),this.bEditingControls=!1}_createZGColumn(e,t,o){let n=document.createElement("zg-column");for(let t in e)e.hasOwnProperty(t)&&("index"===t&&""===e[t]&&(e[t]=" "),n[t]=e[t]);let r=null;return r=t?t.parentNode:void 0!==o?this.getColgroupByColumnIndex(o):this.mainColumnHeader.oColGroup,n.widget=this,t?r.insertBefore(n,t):r.appendChild(n),n}_adjustFrozenColumns(e){const t=this.webcomponent;this.bUpdatingFrozen=!0;const o=t.oDOMColgroup,n=t.oDOMLeftColgroup,r=t.oDOMRightColgroup;if(!e&&!t.bReady)return;const i=n.querySelectorAll("zg-column"),a=o.firstChild;i.length&&i.forEach((t=>{e||t.removeAttribute("frozen"),o.insertBefore(t,a)}));const s=r.querySelectorAll("zg-column");s.length&&s.forEach((t=>{e||t.removeAttribute("frozen"),o.appendChild(t)}));const l=this.aColumnMapping.length?this.aColumnMapping:null;let d=l?l.length:o.querySelectorAll("zg-column").length;for(let t=0;t<this.nLeftFrozenColumns&&t<d;t++){const r=l?l[t].oDOMZGColumn:o.querySelector("zg-column");n.appendChild(r),e&&r.getAttribute("frozen")||r.setAttribute("frozen","left")}const c=d-this.nLeftFrozenColumns,h=this.getAllColumns();for(let t=0;t<this.nRightFrozenColumns&&t<c;t++){const o=d-this.nRightFrozenColumns+t,n=l?l[o].oDOMZGColumn:h[o];r.appendChild(n),e&&n.getAttribute("frozen")||n.setAttribute("frozen","right")}if(l)for(let e=0;e<d;e++){l[e].oDOMZGColumn.style.width=""}this.bUpdatingFrozen=!1,this.updateFrozenColumnAttributes(this.nLeftFrozenColumns,"Left"),this.updateFrozenColumnAttributes(this.nRightFrozenColumns,"Right")}_adjustFrozenColumnsFromAttribute(){const e=this.webcomponent,t=this.aColumnMapping,o=t.length;let n,r;const i=[],a=[];if(this.bUpdatingFrozen)return null;for(let e=0;e<o;e++)a.push(this.getAreaByColumnIndex(e));for(let l=0;l<o;l++){const d=t[l],c=d.sFrozen,h=a[l],u=d.oDOMZGColumn;let g={};c&&c!==h&&("right"===c?(n=e.oDOMRightColgroup,r="nRightFrozenColumns","left"===h&&this.nLeftFrozenColumns--,g.column=d,g.newIndex=o-1):(n=e.oDOMLeftColgroup,r="nLeftFrozenColumns","right"===h&&this.nRightFrozenColumns--,g.column=d,g.newIndex=this.nLeftFrozenColumns),i.push(g),this.bUpdatingFrozen=!0,this.parentNode!==n&&(this[r]++,n.appendChild(u)),e.removeAttribute(s.default.frozenColumns.rightAttr),e.removeAttribute(s.default.frozenColumns.leftAttr),this.bUpdatingFrozen=!1)}for(let e=0;e<i.length;e++){const o=i[e].column,n=this.getZGColumnIndex(o),r=i[e].newIndex;t.splice(n,1),t.splice(r,0,o)}this.updateFrozenColumnAttributes(this.nLeftFrozenColumns,"Left"),this.updateFrozenColumnAttributes(this.nRightFrozenColumns,"Right")}moveColumn(e,t,o,n,r){const i=this.webcomponent,a=this.getBodyByColumnIndex(t,!0),l=a.oBody;n=n||this.getBodyByColumnIndex(e),void 0===r&&(r=this.getAdjustedColumnIndex(e));const d=i.oDOMLeftColgroup,c=i.oDOMRightColgroup;let h=this.nLeftFrozenColumns,u=this.nRightFrozenColumns;const g=l.children.length,p=n.children.length;let f=this.aColumnMapping;if(e>=f.length)return;let m=f.splice(e,1)[0];f.splice(t,0,m);const b=this.getColgroupByColumnIndex(t),v=m.oDOMZGColumn.parentNode;let y;if(t===f.length-1?y=null:(y=f[t+1].oDOMZGColumn,y.parentNode!==b&&(y=null)),this.bUpdatingFrozen=!0,t>e?b.insertBefore(m.oDOMZGColumn,y||null):b.insertBefore(m.oDOMZGColumn,y),i.removeAttribute(s.default.frozenColumns.rightAttr),i.removeAttribute(s.default.frozenColumns.leftAttr),m.oDOMZGColumn.removeAttribute("frozen"),this.bUpdatingFrozen=!1,this.bReordering=!0,this.oZGHeadCellMap={},this.oZGFootCellMap={},!this.savedScrollVal&&this.oDOMMainScroll.scrollLeft&&(this.savedScrollVal=this.oDOMMainScroll.scrollLeft),this.updater.removeAllHeaderRows(),this.updater.removeAllFooterRows(),b!==v){if(o||(b===d?h++:b===c&&u++,v===d?h--:v===c&&u--,this.nLeftFrozenColumns=h,this.nRightFrozenColumns=u),g<p){let e=p-g;a.insertRowsPerFrame(e)}n.childNodes.forEach(((e,t)=>{e.childNodes.forEach(((e,o)=>{if(r!==o)return;l.childNodes[t].appendChild(e)}))})),this._adjustFrozenColumns()}if(this.update({bUpdateColumnBodyContainerClass:!0,bUpdateBodyContent:!0,bUpdateColumnHeaderContent:!0,bUpdateColumnFooterAssignment:!0,bUpdateColumnFooter:!0,bUpdateHiddenContainer:!0,bUpdateContainer:!0}),this.oDOMSortedColumn){let e=this.oDOMSortedColumn;e._oParsedColumnMapping.oDOMSortHeader.onSort(null,null,e._oParsedColumnMapping.sSortDir)}this.bReordering=!1,this.fire("columnmove",{oldIndex:e,newIndex:t,bFrozenUpdated:o})}updateBatchEditStyleAttributes(e){const t=this.webcomponent;if(e){const e=t.oDOMHead,o=this.getDOMByIndex(0,0),n=window.getComputedStyle(o),r=window.getComputedStyle(o.parentNode),i=window.getComputedStyle(t),a=e.getBoundingClientRect().top,l=parseInt(r.borderTopWidth,10),d=parseInt(n.borderLeftWidth,10)+parseInt(r.borderLeftWidth,10)+parseInt(i.borderLeftWidth,10),c=o.getBoundingClientRect().top-(a+l),h=this.getFooterContainer().querySelector('zg-row[type="aggregate"]');let u=0;if(h){u=h.getBoundingClientRect().height}t.oDOMBatchEditStyle.style.top=`${c}px`,t.oDOMBatchEditStyle.style.left=d?`-${d}px`:0;const g=c+u;t.oDOMBatchEditStyle.style.height=`calc(100% - ${g}px)`,t.oDOMBatchEditStyle.removeAttribute(s.default.attr.hidden)}else t.oDOMBatchEditStyle.setAttribute(s.default.attr.hidden,"")}updateFrozenColumnAttributes(e,t){const o=this.webcomponent,n=this.bUpdatingFrozen,r=t.toLowerCase();this.bUpdatingFrozen=!0,e?(o[`oDOMFrozen${t}`].removeAttribute(s.default.frozenColumns.noContent),o[`oDOMFrozen${t}HeadFrame`].removeAttribute(s.default.frozenColumns.noContent),o[`oDOMFrozen${t}FootFrame`].removeAttribute(s.default.frozenColumns.noContent),o[`oDOMFrozen${t}Style`].removeAttribute(s.default.attr.hidden),o.setAttribute(s.default.frozenColumns[`${r}Attr`],this[`n${t}FrozenColumns`])):(o[`oDOMFrozen${t}`].setAttribute(s.default.frozenColumns.noContent,""),o[`oDOMFrozen${t}HeadFrame`].setAttribute(s.default.frozenColumns.noContent,""),o[`oDOMFrozen${t}FootFrame`].setAttribute(s.default.frozenColumns.noContent,""),o[`oDOMFrozen${t}Style`].setAttribute(s.default.attr.hidden,""),o.removeAttribute(s.default.frozenColumns[`${r}Attr`])),this.bUpdatingFrozen=n}updateDefaultRowMapping(e,t){let o,r=this.store,i=this.aRowMapping,a=(this.aGroupMapping,0),s=r.getUnseenRecordIndex(),l=s.length;if(!l)return;let d=this.getRowIndexStartOnPage(!0);if(!e){for(;d<i.length&&!n.o8(i[d]);)d++;for(o=d;o<l+d;){if(0===d&&!t&&o<this.nTopFrozenRows)this.updateRowMapping(this.aTopRowMapping,o,{sRecordIndex:s[a]});else if(0===d&&!t&&o>=l-this.nBottomFrozenRows){let e=this.nBottomFrozenRows-(l-o);this.updateRowMapping(this.aBottomRowMapping,e,{sRecordIndex:s[a]})}else{const e=t?o:o-this.nTopFrozenRows;this.updateRowMapping(this.aRowMapping,e,{sRecordIndex:s[a]})}o++,a++}}}updateFrozenRowMapping(){const e=this.nTopFrozenRows,t=this.nBottomFrozenRows,o=this.aTopRowMapping,n=this.aBottomRowMapping,r=this.aRowMapping;if(e>r.length||t>r.length)this.fullUpdateFrozenRowMapping();else{if(e!==o.length){let t=e-o.length;r.length,t>0?o.push(...r.splice(0,t)):r.unshift(...o.splice(t))}if(t!==n.length){let e=n.length-t;r.length,e<0?n.unshift(...r.splice(e)):r.push(...n.splice(0,e))}}this.store.refreshAllRecordMapping()}fullUpdateFrozenRowMapping(){const e=this.aTopRowMapping,t=this.aBottomRowMapping,o=this.aRowMapping;o.unshift(...e.splice(0)),o.push(...t.splice(0));const n=Math.min(this.nTopFrozenRows,o.length);e.push(...o.splice(0,n));const r=-1*Math.min(this.nBottomFrozenRows,o.length);r<0&&t.unshift(...o.splice(r))}updateRowMapping(e,t,o){let n=this.store,r=o.sRecordIndex;e[t]=e[t]||{},e[t].sRecordIndex=r,e[t].sGroupRecordIndex=o.sGroupRecordIndex,e[t].nCount=o.nCount,e[t].nDataRowsBefore=o.nDataRowsBefore,o.sGroupRecordIndex||n.updateRecordMapping(e,r,t)}initDir(){this.sComputedDir=getComputedStyle(this.webcomponent).direction}initStore(){this.store=new a.Z({widget:this})}update(e,t,o,n,r){this.store.bHasLoaded&&this.bHasAttachedToDOM&&this.webcomponent.bReady&&(e=e||{bUpdateColumnWidth:!0,bUpdateColumnWidthCache:!0,bUpdateBodyContent:!0,bUpdateColumnBodyContainerClass:!0,bUpdateColumnHeaderAssignment:!0,bUpdateContainer:!0,bUpdateRowMappingOrder:!0,bUpdateColumnFooter:!0,bUpdateColumnFooterAssignment:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},n&&(e.bUpdateRowMappingFilter=!0),r&&(e.bInitialSizeCheck=!0),this.webcomponent.oDOMNodata&&this.webcomponent.oDOMNodata.clearInfo(),this.updater.update(e,t,o),this.fire(s.default.event.updated))}bodyUpdateWithScroll(e,t,o){const n=this.webcomponent;this.bGroupBy&&!this.bGrouping&&this.groupbyManager.updatePagerGroupByMapping(e,t,o),n.oDOMVScroller&&n.oDOMVScroller.scrollLeft&&this.updateHeadFootScroll(!0),this.oDOMScroller&&(this.oDOMScroller.scrollTop=0),this.savedScrollVal=this.oDOMMainScroll.scrollLeft,this.nRowSets=1,this.bodyUpdate()}updateHeadFootScroll(e){const t=this.webcomponent;let o=`-${this.mainGridHScroll.getScroll().left}`;const n=t.oDOMCellOverflow;let r=t.oDOMHead,i=t.oDOMFoot;r.style.transform=e?"":`translateX(${o}px)`,i.style.transform=e?"":`translateX(${o}px)`,n&&n.isOpen()&&n.setPosition(n.currentTrigger,!0)}bodyUpdate(e,t){let o={bUpdateColumnWidth:!0,bUpdateColumnWidthCache:!0,bUpdateColumnBodyContainerClass:!0,bUpdateContainer:!0,bUpdateBodyContent:!0};e&&(o.bUpdateRowMappingFilter=!0,o.bUpdateColumnWidth=!1,o.bUpdateColumnWidthCache=!1,o.bUpdateColumnFooterContent=!0,o.bUpdateColumnHeaderContent=!0),this.store.oDataFormat.bServerFilter&&e||!0===this.store.oDataFormat.bLoadByPages&&(!e||t)?(e&&!this.store.oDataFormat.bServerFilter?(this.dumpMapping(),this.nCurrPageIdx=this.nAdjustedStart=0,this.store.dumpModel()):(e||t)&&(this.nCurrPageIdx=this.nAdjustedStart=0),this.store.load()):(e&&this.aRowMapping.length===this.store.aOrderedData.length-this.getFrozenRowCount()&&(this.nStoredPageIndex=this.getCurrPageIdx(),this.setCurrPageIdx(0)),this.webcomponent.oDOMNodata&&(this.savedScrollValFilter=this.oDOMMainScroll.scrollLeft,this.webcomponent.oDOMNodata.clearInfo()),this.updater.update(o),e&&-1!==this.nStoredPageIndex&&this.aRowMapping.length===this.store.aOrderedData.length-this.getFrozenRowCount()&&(this.setCurrPageIdx(this.nStoredPageIndex),this.nStoredPageIndex=-1),this.fire(s.default.event.updated),this.savedScrollValFilter=0,this.savedScrollVal&&e&&(this.oDOMMainScroll.scrollLeft=this.savedScrollVal,this.updateHeadFootScroll(),this.savedScrollVal=0))}updateCaption(){if(!this.webcomponent.oDOMCaption)return;const e=this.webcomponent;let t=this.webcomponent.oDOMCaption;const o=this.webcomponent.oDOMCaption.oDOMRemove,n=Object.keys(this.aSelectedRows).length;let r;o&&(n?(this.messageCaption||(this.captionData=t._oShadowRoot.querySelector("slot").assignedNodes(),this.captionData.forEach((e=>t.removeChild(e))),this.messageCaption=document.createElement("div"),this.messageCaption.slot="message",t.appendChild(this.messageCaption)),r=g({msg:u.default.get("tools.selected",this),vars:[n],plurals:[{value:"s",condition:n>1}]}),(e.editor||e.editorControls||this.bHasRemoveColumn)&&o.removeAttribute(s.default.attr.hidden),this.messageCaption.innerHTML=r):(this.messageCaption&&(this.captionData.forEach((e=>t.appendChild(e))),this.changedCaption&&(this.webcomponent._setCaption(this.changedCaption),this.changedCaption=null),this.messageCaption.parentNode&&this.messageCaption.parentNode.removeChild(this.messageCaption),this.messageCaption=null),o.setAttribute(s.default.attr.hidden,"")))}setStorybook(){const e=this.webcomponent;this.on("apiready",(()=>{if(this.isStorybook("editor-row")&&e.openRowEditor(0),this.isStorybook("focus")&&e.select(1,1),this.isStorybook("menu")&&(e.select(1,1),e.oDOMCaption.oDOMMenu.click()),this.isStorybook("select")){e.querySelector("zg-select").toggleList()}if(this.isStorybook("status")){const e={icon:"checkmark",state:"success",msg:u.default.get("dialog.fieldUpdate.successMsg",this)};this.statusManager.setStatus(e)}}))}isStorybook(e){return this.webcomponent.hasAttribute(`storybook-${e}`)}getInfiniteDataLoaded(){let e=this.nAdjustedStart+this.getPageSize()*this.nInfiniteTotalDisplay;return this.aRowMapping.length>e}getRowCount(){return this.bGroupBy?this.getGroupRowCount():this.aRowMapping.length}getGroupRowCount(e){const t=this.groupbyManager;if(null!==t.groupedVisible)return t.groupedVisible+t.aAddedGroupRecords.length+this.oGroupDummyRows.count;let o=0;return e||(e=this.store.aGroupData,o=t.aAddedGroupRecords.length),e?Object.keys(e).length+o+this.oGroupDummyRows.count:0}hasFrozenRows(){return this.getFrozenRowCount()>0}getFrozenRowCount(){return this.nTopFrozenRows+this.nBottomFrozenRows}getRowContainerCount(e){let t=this.getPageSize();const o=this.getCurrPageIdx(),n=this.getRowCount(),r=this.nRowsPerSet*this.nRowSets;let i;if(this.store.oDataFormat.bLoadByScroll)i=Math.min(n,t*this.nInfiniteTotalDisplay);else{let a=n-o*t||n;!e&&r>0&&r<t&&(t=r),i=Math.min(a,t)}return i}getColumnContainerCount(){return this.aColumnMapping.length}getAllHeaderDepth(){return this.getHeaderDepth()+(this.bHasFilterEnabled?1:0)+(this.bHasHeadRow?1:0)+this.nTopFrozenRows}getAllFooterDepth(){}getHeaderDepth(){return this.bHeaderRowHide?0:this.nHeaderDepth||this.store.getFieldDepth()}needRemoveBorder(){return this.bHeaderRowHide&&0===this.getAllHeaderDepth()}destroy(...e){let t=this.mainColumnBody,o=this.mainColumnHeader,r=this.mainColumnFooter,a=this.store;const s=[this.editorManager,this.focusManager,this.statusManager,this.recordEditor,this.editorFieldManager,this.dialogManager,this.menuManager,this.stateManager,this.aggregateManager],l=[this.mainColumnBody,this.leftColumnBody,this.rightColumnBody,this.mainColumnFooter,this.leftColumnFooter,this.rightColumnFooter,this.mainColumnHeader,this.leftColumnHeader,this.rightColumnHeader];for(let e=0;e<l.length;e++)l[e]&&l[e].destroy();for(let e=0;e<s.length;e++)s[e]&&s[e].destroy();u.default.destroy(this),this.loadmask&&this.loadmask.destroy(),this.updater&&this.updater.destroy(),t&&t.oElClipboard&&t.oElClipboard.destroy(),o&&o.destroy(),r&&r.destroy(),i.Z.get(document).docUnAll(),a&&a.destroy();for(let e=0;e<this.aMouseOutTimeouts.length;e++){let t=this.aMouseOutTimeouts[e];clearTimeout(t)}this.aMouseOutTimeouts.length=0,this.oDOMCaptionMirror=null,this.oCard=null,this.oCardEditTemplate=null,this.oCardTemplate=null,this.oCardBody=null,this.oDOMSortedColumn=null;const d=Object.keys(this);for(let e=0;e<d.length;e++){const t=d[e],o=this[t];this.hasOwnProperty(t)&&"object"==typeof o&&o&&(o.length&&n.kJ(o)&&(o.length=0),this[t]=null,delete this[t])}super.destroy(...e)}isCardLayout(){return this.getLayout()===s.default.zgLayout.typeCard}isComputedCard(){return this.getLayout()===s.default.zgLayout.typeCard||this.layoutManager.sCurrentType===s.default.zgLayout.typeCard}getLayout(){return this.layoutManager.sCurrentType}setCardsPerRow(e){this.nCardsPerRow=e}getCardsPerRow(){return this.nCardsPerRow}getState(){return{currPageIndex:this.getCurrPageIdx(),pageSize:this.getPageSize(),pageCount:this.getPageCount()}}hasCardTemplate(){let e=this.oCardTemplate||this.oCardBody||!1;return this.oCard&&(e=e||this.oCard.renderer),e}hasFrozenColumns(){return this.hasFrozenLeft()||this.hasFrozenRight()}hasFrozenLeft(){return!!this.nLeftFrozenColumns}hasFrozenRight(){return!!this.nRightFrozenColumns}getRightIndex(){const e=this.aColumnMapping.length,t=this.nLeftFrozenColumns;let o=e-this.nRightFrozenColumns;return o<=t-1&&(o=t),o}getAdjustedColumnIndex(e){const t=this.nLeftFrozenColumns,o=this.nRightFrozenColumns;let n=this.getRightIndex();return n<=t-1&&(n=t),o&&e>=n?e-=n:t&&e>=t&&(e-=t),e}getFirstMainIndex(){const e=this.aColumnMapping.length,t=this.nLeftFrozenColumns,o=this.nRightFrozenColumns;if(e-o-t<=0)return null;const n=e-o-1;for(let e=t;e<n;e++){if(!this.aColumnMapping[e].bHidden)return e}return null}getColumnBodyRange(e){const t=this.mainColumnBody,o=this.leftColumnBody,n=this.rightColumnBody,r=this.aColumnMapping.length,i=this.nLeftFrozenColumns,a=this.nRightFrozenColumns,s=r-a,l=r-a-i;let d,c;if(!r)return null;if(e===o&&i)d=0,c=Math.min(i-1,r-1);else if(e===t&&l>0)d=i,c=s-1;else{if(e!==n||!a)return null;d=s,c=r-1}return[d,c]}getAllBodies(){const e=this.webcomponent;return[e.oDOMLeftBody,e.oDOMBody,e.oDOMRightBody]}getAllHeads(){const e=this.webcomponent;return[e.oDOMLeftHead,e.oDOMHead,e.oDOMRightHead]}getAllFeet(){const e=this.webcomponent;return[e.oDOMLeftFoot,e.oDOMFoot,e.oDOMRightFoot]}getRegionsByColumnArea(e){let t;return t="Left"===e?0:"Right"===e?2:1,{oHead:this.getAllHeads()[t],oBody:this.getAllBodies()[t],oFoot:this.getAllFeet()[t]}}getFirstDataRowByArea(e){let t=e.oBody.childNodes[0];if(!t){const o=this.getContainerRowIndexByDataRowIndex(0);o>=0&&(t=this.nTopFrozenRows?e.oHead.childNodes[o]:e.oFoot.childNodes[o])}return t}getBodyByColumnIndex(e,t){const o=t?null:"Body";return this.getByColumnIndex(e,"Body",o)}getHeaderByColumnIndex(e,t){const o=t?null:"Head";return this.getByColumnIndex(e,"Header",o)}getColgroupByColumnIndex(e){const t=this.webcomponent.oDOMColgroup,o=this.webcomponent.oDOMLeftColgroup,n=this.webcomponent.oDOMRightColgroup,r=this.aColumnMapping.length;return this.hasFrozenLeft()&&e<this.nLeftFrozenColumns?o:this.hasFrozenRight()&&e>=r-this.nRightFrozenColumns?n:t}getAreaByColumnIndex(e){const t=this.aColumnMapping.length;return this.hasFrozenLeft()&&e<this.nLeftFrozenColumns?"left":this.hasFrozenRight()&&e>=t-this.nRightFrozenColumns?"right":"main"}getAreaByColumn(e){const t=this.getZGColumnIndex(e);return this.getAreaByColumnIndex(t)}getEditorRowByIndex(e,t){const o=this.editorManager.getEditorRowsByRowIndex(e),n=this.aColumnMapping.length;return this.hasFrozenLeft()&&t<this.nLeftFrozenColumns?o[0]:this.hasFrozenRight()&&t>=n-this.nRightFrozenColumns?o[2]:o[1]}getFooterByColumnIndex(e,t){const o=t?null:"Foot";return this.getByColumnIndex(e,"Footer",o)}getByColumnIndex(e,t,o){const n=this[`mainColumn${t}`],r=this[`leftColumn${t}`],i=this[`rightColumn${t}`],a=this.aColumnMapping.length,s=a-this.nRightFrozenColumns;let l;return l=e<this.nLeftFrozenColumns&&e>=0?r:e>=s&&e<a?i:n,o?l[`o${o}`]:l}getDataRowsByRow(e){const t=this.getFrozenRowState(e),o=this.getContainerRowIndexByDataRowIndex(e);return"top"===t?this.getHeadRows(o):"bottom"===t?this.getFootRows(o):this.getRows(o,"Body","Body")}getMainBodyRows(){const e=this.mainColumnBody.oBody,t=this.mainColumnHeader.oHead,o=this.mainColumnFooter.oFoot,n=t.querySelectorAll('zg-row[type="frozen"]'),r=e.childNodes,i=o.querySelectorAll('zg-row[type="frozen"]'),a=[];return n.length&&a.push(...n),r.length&&a.push(...r),i.length&&a.push(...i),a}getHeadRows(e){return this.getRows(e,"Header","Head")}getFootRows(e){return this.getRows(e,"Footer","Foot")}getDataRowIndex(e){return e-(this.getAllHeaderDepth()-this.nTopFrozenRows)}getParentByFrozenIndex(e,t){const o=this.getFrozenRowState(e);return"top"===o?this.getHeaderByColumnIndex(t):"bottom"===o?this.getFooterByColumnIndex(t):this.getBodyByColumnIndex(t)}getContainerRowIndexByDataRowIndex(e){const t=this.mainColumnBody.oBody.childNodes.length+this.nTopFrozenRows;return this.nTopFrozenRows>e?this.getAllHeaderDepth()-this.nTopFrozenRows+e:e>=t?e-t:e-this.nTopFrozenRows}getDataRowIndexByContainerIndex(e,t){const o=this.mainColumnBody.oBody.childNodes.length+this.nTopFrozenRows;return"top"===t?e:"bottom"===t?e+o:e+this.nTopFrozenRows}getFrozenRowState(e){const t=this.mainColumnBody.oBody.childNodes.length+this.nTopFrozenRows;return this.nTopFrozenRows>e?"top":e>=t?"bottom":"none"}getBodyRowIndex(e){return e<this.nTopFrozenRows?-1:e-this.nTopFrozenRows}getRow(e,t){const o=this.mainColumnBody.oBody.childNodes.length+this.nTopFrozenRows;if(this.nTopFrozenRows>e){const o=this.getHeaderByColumnIndex(t).querySelectorAll('zg-row[type="frozen"]');if(o.length>=e)return o[e]}else{if(!(e>=o)){const o=this.getBodyByColumnIndex(t);return e-=this.nTopFrozenRows,o.childNodes[e]}{const n=this.getFooterByColumnIndex(t).querySelectorAll('zg-row[type="frozen"]'),r=e-o;if(n.length>=r)return n[r]}}}getRows(e,t,o){const r=this[`mainColumn${t}`][`o${o}`],i=this[`leftColumn${t}`][`o${o}`],a=this[`rightColumn${t}`][`o${o}`],s=i.children,l=r.children,d=a.children,c=[];return n.Uh(e)?(s&&s.length>e&&c.push(s[e]),l&&l.length>e&&c.push(l[e]),d&&d.length>e&&c.push(d[e])):(s&&c.push(...s),l&&c.push(...l),d&&c.push(...d)),c}getHeaderContainer(){const e=this.webcomponent;return null!==this.getFirstMainIndex()?e.oDOMHead:this.hasFrozenLeft()?e.oDOMLeftHead:this.hasFrozenRight()?e.oDOMRightHead:e.oDOMHead}getFooterContainer(){const e=this.webcomponent;return null!==this.getFirstMainIndex()?e.oDOMFoot:this.hasFrozenLeft()?e.oDOMLeftFoot:this.hasFrozenRight()?e.oDOMRightFoot:e.oDOMFoot}getAllHeadRows(){const e=this.webcomponent;return[...e.oDOMLeftHead.children,...e.oDOMHead.children,...e.oDOMRightHead.children]}getAllHeadCells(e){const t=this.webcomponent,o=[t.oDOMLeftHead,t.oDOMHead,t.oDOMRightHead],n=[];return o.forEach((t=>{const o=e?"zg-head-cell":"zg-head-cell, zg-filter, zg-cell",r=t.querySelectorAll(o);r.length&&n.push(...r)})),n}getAllFootRows(){const e=this.webcomponent;return[...e.oDOMLeftFoot.children,...e.oDOMFoot.children,...e.oDOMRightFoot.children]}getAllFootCells(){const e=this.webcomponent,t=[e.oDOMLeftFoot,e.oDOMFoot,e.oDOMRightFoot],o=[];return t.forEach((e=>{const t=e.querySelectorAll("zg-cell");t.length&&o.push(...t)})),o}getAllBodyRows(){const e=this.webcomponent;return[...e.oDOMLeftBody.children,...e.oDOMBody.children,...e.oDOMRightBody.children]}getByTagName(e,t,o,r){return Array.from(e).filter(((e,i)=>{let a=!0;return n.Uh(o)&&(a=o===i),n.Uh(r)&&(a=a&&r===e.getAttribute("id")),a=a&&e.tagName.toLowerCase()===t.toLowerCase(),a}))}getCellsFromRows(e,t){const o=[];return e.forEach((e=>{const n=e.children;n.length&&o.push(...this.getByTagName(n,s.default.zgCell.tagName,t))})),o}getAllBodyCells(){const e=this.getAllBodyRows();return this.getCellsFromRows(e)}getAllColumns(){const e=this.webcomponent,t=[e.oDOMLeftColgroup,e.oDOMColgroup,e.oDOMRightColgroup],o=[];return t.forEach((e=>{const t=e.getElementsByTagName("zg-column");t.length&&o.push(...t)})),o}getDataCellsByIndex(e){const t=this.getDataRowsByColumnIndex(e),o=this.getAdjustedColumnIndex(e);return this.getCellsFromRows(t,o)}getDataRowsByColumnIndex(e){const t=this.getBodyByColumnIndex(e),o=this.getHeaderByColumnIndex(e),n=this.getFooterByColumnIndex(e),r=o.querySelectorAll('zg-row[type="frozen"]'),i=t.childNodes,a=n.querySelectorAll('zg-row[type="frozen"]'),s=[];return r.length&&s.push(...r),i.length&&s.push(...i),a.length&&s.push(...a),s}getAllCellsByIndex(e,t,o){const n=this.getBodyByColumnIndex(e),r=this.getAdjustedColumnIndex(e);let i=Array.from(n.children),a=this.getCellsFromRows(i,r),s=[];return a&&(s=[...a,...s]),t&&(s=this.getHeaderCells(e,s)),o&&(s=this.getFooterCells(e,s)),s}getHeaderCells(e,t,o){const n=this.getHeaderByColumnIndex(e),r=this.getAdjustedColumnIndex(e);let i=n.querySelectorAll("zg-row zg-head-cell:nth-child("+(r+1)+")"),a=n.querySelectorAll("zg-row zg-filter:nth-child("+(r+1)+")"),s=n.querySelectorAll("zg-row zg-cell:nth-child("+(r+1)+")");return t=t||[],i&&(t=[...i,...t]),o||(a&&(t=[...a,...t]),s&&(t=[...s,...t])),t}getFooterCells(e,t){const o=this.getFooterByColumnIndex(e),n=this.getAdjustedColumnIndex(e),r=o.querySelectorAll("zg-row zg-cell:nth-child("+(n+1)+")");return t=t||[],r&&(t=[...r,...t]),t}getRowIndexStartOnPage(e){let t=this.getCurrPageIdx()*this.getPageSize();return e||(t+=this.nTopFrozenRows),t}getRowIndexByDataRowContainerIndex(e,t,o){let n;return void 0===o&&(o=this.getCurrPageIdx()),t=t||!1,n=this.store.oDataFormat.bLoadByScroll&&!t?e+this.nAdjustedStart-this.nTopFrozenRows:o*this.getPageSize()+e-this.nTopFrozenRows,n}getPageByDataRowIndex(e){return Math.floor(e/this.getPageSize())}getDataRowIndexByRecordIndex(e,t){const o=this.getRowContainerIndexByRecordIndex(e);return this.getDataRowIndexByContainerIndex(o,t)}getRowContainerIndexByRecordIndex(e){let t=this.store.getRowIndexByRecordIndex(e);return this.getRowContainerIndexByRowIndex(t)}getRowContainerIndexByRowIndex(e){let t;return t=this.store.oDataFormat.bLoadByScroll?e-this.nAdjustedStart:e-this.getCurrPageIdx()*this.getPageSize(),t}getRowMappingByFrozen(e){return"top"===e?this.aTopRowMapping:"bottom"===e?this.aBottomRowMapping:this.aRowMapping}getRowMappingByDataRowContainerIndex(e){let t,o;const n=this.getFrozenRowState(e);return"top"===n?(t=this.aTopRowMapping,o=e):"bottom"===n?(t=this.aBottomRowMapping,o=this.getContainerRowIndexByDataRowIndex(e)):(t=this.aRowMapping,o=this.getRowIndexByDataRowContainerIndex(e)),"undefined"===o||o>=t.length?void 0:t[o]}getGroupIndexByDataRowContainerIndex(e){let t=this.getRowMappingByDataRowContainerIndex(e);return void 0!==t?t.sGroupRecordIndex:null}getRecordIndexByDataRowContainerIndex(e){let t=this.getRowMappingByDataRowContainerIndex(e);if(void 0!==t)return t.sRecordIndex}getFieldIndexByColumnIndex(e){return this.aColumnMapping[e].sFieldIndex}getColumnByFieldIndex(e){for(let t=0,o=this.aColumnMapping.length;t<o;t++)if(this.aColumnMapping[t].sFieldIndex===e)return this.aColumnMapping[t];return null}getColumnIndexByFieldIndex(e){for(let t=0,o=this.aColumnMapping.length;t<o;t++)if(this.aColumnMapping[t].sFieldIndex===e)return t;return-1}getColumnIndexByType(e){for(let t=0,o=this.aColumnMapping.length;t<o;t++)if(this.aColumnMapping[t].sCellType===e)return t;return-1}editRow(e){this.recordEditor.editRecord(e)}getRowHeight(){let e=this.getDOMByIndex(0,0);return e?e.getBoundingClientRect().height:0}getDOMCellByIndex(e,t,o){if(-1===e||-1===t)return null;const n=this[`get${o}erByColumnIndex`](t),r=this.getAdjustedColumnIndex(t);let i=n.getElementsByTagName("zg-row")[e].querySelectorAll(`${s.default.zgHeadCell.tagName}, ${s.default.zgFilter.tagName}, ${s.default.zgCell.tagName}`);return i.length?i[r]:null}getDOMByIndex(e,t){if(-1===e||-1===t)return null;const o=this.getParentByFrozenIndex(e,t),n=this.getAdjustedColumnIndex(t),r=this.getContainerRowIndexByDataRowIndex(e);let i=o.childNodes[r];return i?i.getElementsByTagName(s.default.zgCell.tagName)[n]:null}getDOMHeadByIndex(e,t){return this.getDOMCellByIndex(e,t,"Head")}getDOMFootByIndex(e,t){return this.getDOMCellByIndex(e,t,"Foot")}getElByIndex(e,t){return i.Z.get(this.getDOMByIndex(e,t))}getZGColumnIndex(e){return this.aColumnMapping.findIndex((t=>t.sColumnId===e.sColumnId))}get nScrollLeft(){return this.mainColumnBody.el.getScroll().left}get nScrollTop(){return this.mainColumnBody.el.getScroll().top}createId(e){let t=0,o=function(){return e+t++};return o.clearCounter=function(e){e||(t=0)},o.setCounter=function(e){t=e},o.getCounter=function(){return t},this.idCounters.push(o),o}clearIdCounters(e){for(let t=0;t<this.idCounters.length;t++)this.idCounters[t].clearCounter(e)}}p.prototype.nextPage=function(){const e=this.store.oDataFormat.bLoadByPages&&this.store.oDataFormat.bStartAtValue;(this.nCurrPageIdx+1<this.getPageCount()||e)&&this.nCurrPageIdx++,!0===this.store.oDataFormat.bLoadByPages&&(this.store.bLoadNext=!0),this.fire("pagechange","next")},p.prototype.prevPage=function(){this.nCurrPageIdx>0&&this.nCurrPageIdx--,!0===this.store.oDataFormat.bLoadByPages&&(this.store.bLoadPrev=!0),this.fire("pagechange","prev")},p.prototype.firstPage=function(){if(0!==this.nCurrPageIdx){const e=this.nCurrPageIdx;this.nCurrPageIdx=0,this.fire("pagechange","first",e)}},p.prototype.lastPage=function(){const e=Math.max(0,this.getPageCount()-1);if(this.nCurrPageIdx!==e){const t=this.nCurrPageIdx;this.nCurrPageIdx=e,this.fire("pagechange","last",t)}},p.prototype.calculatePageSize=function(e,t,o,n){let r=this.webcomponent,i=t||"pageSizeRow"!==o?r.pageSizeRow:n,a=t||"pageSizeCard"!==o?r.pageSizeCard:n;(e=e&&void 0!==e?e:this.layoutManager.sCurrentType)===s.default.zgLayout.reset&&(e=s.default.zgLayout.typeRow);let l=r.pageSize||s.default.store.defaultPageSize;t||"pageSize"!==o||(l=n||s.default.store.defaultPageSize);let d=this.hasPager();d&&(d.pageSize&&(l=d.pageSize),d.pageSizeRow&&(i=d.pageSizeRow),d.pageSizeCard&&(a=d.pageSizeCard),t&&"pageSize"===o&&(l=n||s.default.store.defaultPageSize),t&&"pageSizeRow"===o&&(i=n),t&&"pageSizeCard"===o&&(a=n)),i&&e===s.default.zgLayout.typeRow?l=i:a&&e===s.default.zgLayout.typeCard&&(l=a),this.setPageSize(parseInt(l,10))},p.prototype.getPageSize=function(){return this.hasPager()||this.bCustomPageSize||this.bUserPageSize||this.store.oDataFormat.bLoadByScroll?this.pageSize:this.store.nOriginRecordCount||this.getRowCount()||this.pageSize},p.prototype.setPageSize=function(e,t,o){if(e<=0)return;let n=this.pageSize,r=this.nCurrPageIdx;this.pageSize!==e&&(this.nCurrPageIdx=Math.floor(n*r/e),this.pageSize=e,this.webcomponent.bReady&&!o&&this.fire(s.default.event.pagesizechange,e,n,t))},p.prototype.getCurrPageIdx=function(){return this.nCurrPageIdx},p.prototype.setCurrPageIdx=function(e,t){if(e!==this.nCurrPageIdx&&e<this.getPageCount()&&e>=0){const o=this.nCurrPageIdx;this.nCurrPageIdx=e,t||this.fire("pagechange",void 0,o)}},p.prototype.getPageCount=function(){return Math.ceil((this.store.nOriginRecordCount||this.getRowCount())/this.getPageSize())},p.prototype.getPagerType=function(){return this.webcomponent.pagerType},p.prototype.hasPager=function(){return this.webcomponent.oTopPager||this.webcomponent.oBottomPager};const f=p},36454:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>h});var n=o(45092),r=o(32816),i=o(38419);const a="cell",s="row",l="column",d="range",c="grid";const h=class{constructor(e){this.widget=e.widget,this.end()}column(e){this.sContextLevel;let t=this.widget.getColumnIndexByFieldIndex(e);return this.nStartColumnIndex=this.nEndColumnIndex=t,this.sContextLevel=l,this}initRange(e,t,o,n){return this.nStartRowIndex=Math.min(e,o),this.nEndRowIndex=Math.max(e,o),this.nStartColumnIndex=Math.min(t,n),this.nEndColumnIndex=Math.max(t,n),this.nInitialRowIndex=this.nStartRowIndex,this.nInitialColumnIndex=this.nStartColumnIndex,this.sContextLevel=d,this}range(e,t){if(this.sContextLevel===a&&(this.nInitialRowIndex=this.nStartRowIndex,this.nInitialColumnIndex=this.nStartColumnIndex),this.sContextLevel===d||this.sContextLevel===a){let o=e.parentNode.dataRowIndex,n=e.cellIndex,r=t.parentNode.dataRowIndex,i=t.cellIndex,a=this.nStartRowIndex,s=this.nStartColumnIndex,l=this.nEndRowIndex,d=this.nEndColumnIndex;this.nStartRowIndex=Math.min(o,r),this.nEndRowIndex=Math.max(o,r),this.nStartColumnIndex=Math.min(n,i),this.nEndColumnIndex=Math.max(n,i),(this.nStartRowIndex>a||this.nEndRowIndex>l)&&(this.sExpandDirection="down"),(this.nStartRowIndex<a||this.nEndRowIndex<l)&&(this.sExpandDirection="up"),(this.nStartColumnIndex<s||this.nEndColumnIndex<d)&&(this.sExpandDirection="left"),(this.nStartColumnIndex>s||this.nEndColumnIndex>d)&&(this.sExpandDirection="right")}return this.sContextLevel=d,this}cell(e,t,o){if(n.Sh(e)){let o=e;e=this.widget.getDataRowIndex(o.parentNode.rowIndex),void 0===(t=o.cellIndex)&&(t=parseInt(o.getAttribute("cellindex"),10))}return n.U(e)&&(this.nStartRowIndex=this.nEndRowIndex=e),n.U(t)&&(this.nStartColumnIndex=this.nEndColumnIndex=t),this.sContextLevel=a,void 0===this.sTargetRecordIndex&&!o||void 0===this.sTargetFieldIndex?null:this}row(e){if(n.Sh(e)){e=e.bodyRowIndex}return n.U(e)&&(this.nStartRowIndex=this.nEndRowIndex=e),this.sContextLevel=s,this}changeCard(e){let t=this.widget,o=t.getRowContainerCount(),n=t.getCardsPerRow(),r=this.nStartRowIndex;return"right"===e?r++:"left"===e?r--:"down"===e?r+=n:"up"===e&&(r-=n),r<0||r>=o?null:(this.nStartRowIndex=this.nEndRowIndex=r,this)}navigateCardControls(e){let t=this.widget,o=i.default.internalColumnTypes,n=this.sCellType;if(-1===o.indexOf(n))return null;let r=this.nStartColumnIndex;const a=t.aColumnMapping;if("down"===e)for(let e=0;e<a.length;e++){let t=a[e];if(!t.bHidden&&-1===o.indexOf(t.sCellType))return e}else if("right"===e)for(let e=r+1;e<a.length;e++){let t=a[e];if(!t.bHidden&&-1!==o.indexOf(t.sCellType))return e}else if("left"===e)for(let e=r-1;e>=0;e--){let t=a[e];if(!t.bHidden&&-1!==o.indexOf(t.sCellType))return e}return null}change(e,t,o){let n,r,i,a,s;const l=this.widget,d=l.nTopFrozenRows;if(l.isComputedCard()){if(!this.bCardDrill)return this.changeCard(e);if(a=this.navigateCardControls(e),null!==a)return this.nStartColumnIndex=this.nEndColumnIndex=a,this;if("right"===e||"left"===e)return this.bCardDrill=!1,l.selector.hideSelectionMaskAndBorder(),this;"up"===e?e="left":"down"===e&&(e="right")}if(t=t||1,"up"===e||"down"===e?(n=this.nStartRowIndex,r=l.getRowContainerCount()+d,i="Row"):(n=this.nColumnIndex,r=l.getColumnContainerCount(),i="Column"),"up"===e)a=Math.max(d,n-t),s="Start";else if("left"===e)a=Math.max(0,n-t),s="Start";else{let e=this["nEnd"+i+"Index"],l="expand"===o?e:n;a=Math.min(l+t,r-1),s="End"}return"up"===e&&n===d&&"expand"!==o||"down"===e&&"expand"!==o&&n===a?null:("Column"===i&&l.selectorEngineManager.$cell(d,a).sCellType,"expand"===o?this["n"+s+i+"Index"]=a:this["nStart"+i+"Index"]=this["nEnd"+i+"Index"]=a,this)}deSelect(){return this.widget.selector.deSelectRange(),this.end(),this}dimension(e){const t=this.sContextLevel,o=this.el,n=this.widget;let r,i,s;switch(t){case a:r=o.getXY(),i=o.getWidth(),s=o.getHeight();break;case d:let t=0,l=n.aColumnMapping.length-1;e&&([t,l]=n.getColumnBodyRange(e)||[t,l]);let c=this.nStartColumnIndex,h=this.nEndColumnIndex;c=Math.max(c,t),h=Math.min(h,l);let u=n.getElByIndex(this.nStartRowIndex,c),g=n.getElByIndex(this.nEndRowIndex,h);r=u.getXY();let p=g.getXY(),f=g.getWidth(),m=g.getHeight();i=p[0]-r[0]+f,s=p[1]-r[1]+m}return{xy:r,width:i,height:s}}getDom(){return this.dom()}dom(){const e=this.sContextLevel,t=this.widget;return e===l?t.getDOMByIndex(this.nColumnIndex):t.getDOMByIndex(this.nRowContainerIndex,this.nColumnIndex)}doms(){const e=this.widget;if(this.sContextLevel===a)return[this.dom()];{let t=[];const o=this.nStartRowIndex,n=this.nEndRowIndex,r=this.nStartColumnIndex,i=this.nEndColumnIndex;for(let a=o;a<=n;a++)for(let o=r;o<=i;o++)t.push(e.getDOMByIndex(a,o));return t}}end(){return this.sContextLevel=c,this.nStartRowIndex=-1,this.nEndRowIndex=1/0,this.nStartColumnIndex=-1,this.nEndColumnIndex=1/0,this.sExpandDirection="",this}expand(e,t){return this.sContextLevel!==d&&this.toRange(),this.change(e,t,"expand"),this.sExpandDirection=e,this}getStartContainer(){return void 0!==this.nInitialRowIndex&&void 0!==this.nInitialColumnIndex?this.widget.getDOMByIndex(this.nInitialRowIndex,this.nInitialColumnIndex):this.dom()}isRangeSideEdgeVisible(e,t){let o=this.widget,n=this.dimension(),r=n.xy,i=n.height,a=n.width,s=o.mainColumnBody.el,l=s.getXY(),d=s.getSize();if(e=e||0,"right"===t){let t=r[0]+a;return t-e>=l[0]&&t<l[0]+d[0]}if("left"===t){let t=r[0];return t>=l[0]&&t+e<l[0]+d[0]}if("top"===t){let t=r[1];return t>=l[1]&&t+e<l[1]+d[1]}if("bottom"===t){let t=r[1]+i;return t-e>=l[1]&&t<=l[1]+d[1]}}isRangeSingleCell(){return this.nStartRowIndex===this.nEndRowIndex&&this.nStartColumnIndex===this.nEndColumnIndex}getData(){return this.rawData()}setData(e){return this.rawData(e)}getRecordIndex(){return this.sTargetRecordIndex}setStyle(e,t){return this.dom().style[e]=t,this}rawData(e){const t=this.sContextLevel,o=this.widget,n=o.store,r=this.sTargetRecordIndex,i=this.sTargetFieldIndex,l=this.sGroupRecordIndex;if(0===arguments.length){if(t===a)return n.get(r,i,l);if(t===d){let e,t,r,i,a=[];for(let s=this.nStartRowIndex;s<=this.nEndRowIndex;s++){e=[];for(let a=this.nStartColumnIndex;a<=this.nEndColumnIndex;a++)t=o.getRecordIndexByDataRowContainerIndex(s),r=o.getFieldIndexByColumnIndex(a),i=o.getGroupIndexByDataRowContainerIndex(s),e.push(n.get(t,r,i));this.nStartRowIndex===this.nEndRowIndex?a=e:a.push(e)}return a}if(t===s)return n.get(r,void 0,l).oRecordRawData}else t===a&&n.updateCell(r,i,e,void 0,this.sCellType)}indexData(){const e=this.widget,t=e.store,o=e.sNestedDataSeparator;let r={};if(this.sContextLevel!==a)return;const i=this._columnConfig;return this.sTargetFieldIndex.split(",").map((e=>{let a;if("disabled"!==o){let t=e.split(o);a=t[t.length-1]}else a=e;let s=t.get(this.sTargetRecordIndex,e.trim());void 0!==i.sArraySlice&&(s=t.getArrayData([s],i,!0),1===s.length&&(s=s[0])),n.kJ(s)&&(s=n.mJ.clone(s)),r[a.trim()]=s})),r}fullData(){const e=this.sContextLevel,t=this.widget,o=t.store,n=this.sTargetRecordIndex,r=this.sTargetFieldIndex,i=this.sGroupRecordIndex;let l={};if(e===a)r.split(",").map((e=>{l[e]=o.get(n,e.trim(),i)}));else if(e===d){let e,n,r,i;for(let a=this.nStartRowIndex;a<=this.nEndRowIndex;a++){e={},n=t.getRecordIndexByDataRowContainerIndex(a),i=t.getGroupIndexByDataRowContainerIndex(a);for(let a=this.nStartColumnIndex;a<=this.nEndColumnIndex;a++)r=t.getFieldIndexByColumnIndex(a),e[r]=o.get(n,r,i);l[n]=e}}else e===s&&(l=o.get(n,void 0,i).oRecordRawData);return l}fullDisplay(){if(this.sContextLevel!==a)return this.fullData();const e=this.dom().querySelector(`[${i.default.zgCell.cellIndexAttr}]`);return e?e.innerHTML:this.fullData()}scrollIntoView(){return this.sContextLevel===d?this.widget.scroller.scrollToRange():this.sContextLevel===a&&this.widget.scroller.scrollToCell(),this}select(e){const t=this.widget;let o=t.selector;if(this===t.selector.se){t.headerFocusManager.currentFocus&&t.headerFocusManager.deSelect(),t.footerFocusManager.currentFocus&&t.footerFocusManager.deSelect(),o.bSelecting=!0;var n=window.scrollX,r=window.scrollY;if(t.isStorybook("focus")||t.isStorybook("menu")||t.focusManager.focusGrid(),window.scrollTo(n,r),o.bSelecting=!1,this.sContextLevel!==c){if(this.sContextLevel!==a||"top"!==this.sFrozenRowState&&"bottom"!==this.sFrozenRowState)this.sContextLevel!==a&&this.sContextLevel!==d||t.selector.selectCell(this,e);else{let o=t.getContainerRowIndexByDataRowIndex(this.nStartRowIndex);"top"===this.sFrozenRowState?t.headerFocusManager.select(o,this.nStartColumnIndex,e):t.footerFocusManager.select(o,this.nStartColumnIndex,e)}return this.sContextLevel===d&&t.selector.selectRange(this),this.sContextLevel!==a||t.bIsMouseDown||!this.bHasCellTooltip||this.sCellType===i.default.internalColumn.recordinfo&&this._columnConfig.bIsActivateOnClick||t.tooltipManager._delayTarget(null,this.dom(),1e3),t.selector.fire(i.default.event.selectedCells),this}}else this.nStartRowIndex>=0&&this.nStartColumnIndex>=0&&(o.se.cell(this.nStartRowIndex,this.nStartColumnIndex),o.se.select(e))}selectAll(){let e=this.widget,t=e.getRowContainerCount(),o=e.getColumnContainerCount();return this.nStartRowIndex=0,this.nStartColumnIndex=0,this.nEndRowIndex=t-1,this.nEndColumnIndex=o-1,this.sContextLevel="range",this}shrink(e,t){return t=t||1,this.sContextLevel!==d&&this.toRange(),"up"===e?this.nEndRowIndex=Math.max(this.nStartRowIndex,this.nEndRowIndex-t):"down"===e?this.nStartRowIndex=Math.min(this.nEndRowIndex,this.nStartRowIndex+t):"right"===e?this.nStartColumnIndex=Math.min(this.nStartColumnIndex+t,this.nEndColumnIndex):"left"===e&&(this.nEndColumnIndex=Math.max(this.nStartColumnIndex,this.nEndColumnIndex-t)),this.sExpandDirection="shrink"+e,this}toCell(){return this.sContextLevel=a,this}toRange(e,t){let o,n=this.sContextLevel;if(n===d){if(!e)return;return o=this.getStartContainer(),this.range(o,e)}return n===a?(o=this.dom(),this.range(o,e||o)):t&&e?(this.cell(e,null).select(),this.range(e,e)):void 0}toRow(){return this.sContextLevel=s,this}traverse(e,t,o){return this.sContextLevel!==d&&this.sContextLevel!==a||this.change(e,t,"traverse")?this:null}visualSelect(){let e=this.widget;this.nStartRowIndex===this.nEndRowIndex&&this.nStartColumnIndex===this.nEndColumnIndex?e.selector.hideSelectionMaskAndBorder():e.selector.drawSelectionMask(this)}toggleOverflow(e,t){const o=this.widget.webcomponent.oDOMCellOverflow;t||(t=this.dom()),o.hasAttribute(i.default.attr.hidden)||o.currentCell&&o.currentCell.dom()!==this.dom()?o.open(e,t,this):o.close()}filter(e){if(this.sContextLevel!==l)return this;if(this.widget.filter){let t=this._columnConfig;this.widget.filter.setFilter(t,e)}return this}sort(e){return this.sContextLevel!==l||this._columnConfig.oDOMSortHeader.onSort(null,null,e),this}hide(){return this.toggle(!0)}show(){return this.toggle(!1)}toggle(e){return this.sContextLevel!==l||this._columnConfig.bHidden===e||this.widget.updater.toggleColumn(this.nColumnIndex,e),this}contextMenu(){if(this.sContextLevel!==a)return this;if(!this.widget.bHasContextMenuEnabled)return this;this.widget.menuManager.openContextMenu({oBrowserEvent:{clientX:0,clientY:0}},this.el.dom)}_hide(){let e=this.widget,t=this.sContextLevel,o=this.nRowContainerIndex,n=this.nStartColumnIndex;switch(t){case l:e._hide(n);break;case s:e._hide(o)}return this}get bHasCellTooltip(){return this._columnConfig.bHasCellTooltip}get sCellType(){return this.sContextLevel===a?this._columnConfig.sCellType:""}get oEditor(){return this._columnConfig.oEditor}get fnRenderer(){return this._columnConfig.fnRenderer}get fnDetailsRenderer(){return this._columnConfig.fnDetailsRenderer}get oValidator(){return this._columnConfig.oValidator}get sColumnId(){return this.widget.aColumnMapping[this.nStartColumnIndex].sColumnId}get nStartRowIndex(){return this._nStartRowIndex}get _columnConfig(){return this.widget.aColumnMapping[this.nStartColumnIndex]}get el(){const e=this.dom();return r.Z.get(e)}get nRowContainerIndex(){return this.nStartRowIndex}get nColumnIndex(){return this.nStartColumnIndex}get sTargetFieldIndex(){return void 0===this._columnConfig?void 0:this._columnConfig.sFieldIndex}get aTargetFieldIndex(){const e=this.sTargetFieldIndex;return n.h8(e)}get oBody(){return this.widget.getBodyByColumnIndex(this.nStartColumnIndex)}get oColumnBody(){return this.widget.getBodyByColumnIndex(this.nStartColumnIndex,!0)}get oColumnBodies(){const e=[],t=this.widget,o=t.getBodyByColumnIndex(this.nStartColumnIndex,!0);if(e.push(o),this.nStartColumnIndex!==this.nEndColumnIndex){const n=t.getBodyByColumnIndex(this.nEndColumnIndex,!0);o!==n&&(o===t.leftColumnBody&&n===t.rightColumnBody&&e.push(t.mainColumnBody),e.push(n))}return e}get record(){const e=this.sContextLevel,t=this.widget.store,o=this.sTargetRecordIndex;let r=null;if(e===a||e===s){let e=t.get(o).oRecordRawData;r=n.c7.copy(e),delete r.sRESTIndex,delete r.nOriginalIndex,delete r.sRecordIndex,delete r.nRowIndex,delete r.sFrozen}return r}get sFrozenRowState(){let e="";const t=this.sContextLevel;return t!==a&&t!==s||(e=this.widget.getFrozenRowState(this.nStartRowIndex)),e}set nStartRowIndex(e){this._nStartRowIndex=e,-1!==e&&(this.sTargetRecordIndex=this.widget.getRecordIndexByDataRowContainerIndex(e),this.sGroupRecordIndex=this.widget.getGroupIndexByDataRowContainerIndex(e))}}},48139:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(32816),r=o(68965),i=o(38419);class a extends r.Z{constructor(e){(e=e||{})._defaults={rendered:!1},super(e),this.init()}init(){this.render(),this.ons()}render(){this.el=n.Z.get(this.oDOMWrapper),this.renderSelectionMask(),this.renderFocusMask(),this.rendered=!0}ons(){let e=this.el;e.on("touchstart",this.onTouchStart,this,{sDelegateTo:i.default.zgCell.tagName}),e.on("touchmove",this.onTouchMove,this,{sDelegateTo:i.default.zgCell.tagName}),e.on("touchend",this.onTouchEnd,this,{sDelegateTo:i.default.zgCell.tagName}),e.on("touchforcechange",this.onTouchForceChange,this,{sDelegateTo:i.default.zgCell.tagName}),e.on("mouseover",this.onMouseOverTD,this,{sDelegateTo:i.default.zgCell.tagName}),e.on("mousedown",this.onMouseDownTD,this,{sDelegateTo:i.default.zgCell.tagName},!1),e.on("mousedown",this.onMouseDownTD2,this,{sDelegateTo:i.default.zgCell.tagName},!1),e.on("keydown",this.onKeyDownTD,this,{sDelegateTo:i.default.zgCell.tagName},!1),e.on("click",this.onClickBody,this,{sDelegateTo:i.default.zgCell.tagName},!1),e.on("dblclick",this.onDBLClickBody,this,{sDelegateTo:i.default.zgCell.tagName}),e.on("dblclick",this.onDBLClickCard,this,{sDelegateTo:i.default.zgCard.tagName}),e.on("dblclick",this.onKeyUp,this,{sDelegateTo:i.default.zgCell.tagName})}onClickBody(e,t){this.widget.batchEditor.isActive()&&(e.stopEvent(),this.onDBLClickBody(e,t))}onDBLClickBody(e,t){this.widget.editorManager.onDoubleClick(t)}onDBLClickCard(e,t){let o=this.widget,n=o.selector.se,r=t.parentNode;if(!o.bHasEditorEnabled)return;let i=n.row(r);o.editorManager.openEditor(i)}onKeyUp(){}onTouchForceChange(e,t){const o=this.widget;if(o.bHasContextMenuEnabled&&"touches"in e.oBrowserEvent&&e.oBrowserEvent.touches.length>0){let n=e.oBrowserEvent.touches[0].force;n>.15&&n<1?(this._didForceTouch=!0,o.mainColumnBody.oBody.style["-webkit-filter"]=`blur(${7*n}px)`):n>=1&&o.onContextMenuTD(e,t)}}onTouchStart(e,t){this.onTouchDoubleClick(e,t)||(this._startXY=e.xy,this.widget.bHasSelectorEnabled&&t.classList.contains("zg-focus-cell")&&(e.preventDefault(),this._touchSelectInitiator=t,this.widget.selector.onMouseDownFromSelector(e)))}onTouchDoubleClick(e,t){const o=(new Date).getTime();if(this.nLastTouch&&t===this.oTargetLastTouch){const n=o-this.nLastTouch;if(n<i.default.mobile.doubleTapMS&&n>0)return"zg-card"===t.tagName.toLowerCase()?this.onDBLClickCard(e,t):this.onDBLClickBody(e,t),e.stopEvent(),this.widget.editorFieldManager.nTouchOpen=o,this.nLastTouch=null,this.oTargetLastTouch=null,!0;this.nLastTouch=o,this.oTargetLastTouch=t}else this.nLastTouch=o,this.oTargetLastTouch=t;return!1}onTouchMove(e,t){if(!this._didForceTouch&&this._touchSelectInitiator){let o=document.elementFromPoint(...e.xy);if(o.tagName===i.default.zgCell.tagName&&o!==t){this.widget.selector.se.toRange(o).visualSelect()}}}onTouchEnd(e,t){let o=this.widget.selector.se;if(this._didForceTouch)this._didForceTouch=!1;else if(this.widget.bHasSelectorEnabled&&!t.classList.contains("zg-focus-cell")){o.cell(t,null).select(),this._touchSelectInitiator=t}else this._touchSelectInitiator=null}onMouseOverTD(e,t){let o=this.widget;o.bHasSelectorEnabled&&o.bIsMouseDown&&o.webcomponent.layout!==i.default.zgLayout.typeCard&&o.selector.se.toRange(t).visualSelect()}onMouseDownTD2(e,t){if(2===e.nButton)return;this.widget.editorManager.activeCellEdit&&this.widget.editorManager.closeEditor()}onKeyDownTD(e,t){}onMouseDownTD(e,t){if(2===e.nButton)return;let o=this.widget,n=o.selector.se;if(o.bHasSelectorEnabled&&!e.bIsCTRL&&o.webcomponent.layout!==i.default.zgLayout.typeCard)if(o.bIsMouseDown=!0,o.selector.onMouseDownFromSelector(e),e.stopEvent(),e.bIsSHIFT)n.toRange(t,!0).visualSelect();else{const e=n.cell(t,null);if(!e)return;e.select()}}destroy(){super.destroy(),this.oBody=null,this.oDOMWrapper=null,this.el.unAll(),this.el=null}insertCellContainer(e,t,o){let n=document.createElement(i.default.zgCell.tagName);return n.cellIndex=t,n.setAttribute(i.default.aria.colIndex,t+1),this.widget.sorter&&this.widget.sorter.sActiveSortedIndex&&this.widget.sorter.sActiveSortedIndex===o.sFieldIndex&&n.setAttribute(i.default.attr.sorted,""),e.appendChild(n),n}insertRows(e){const t=this.widget;let o=this.oBody,n=t.leftColumnBody.oBody,r=t.rightColumnBody.oBody,i=document.createDocumentFragment(),a=document.createDocumentFragment(),s=document.createDocumentFragment(),l=o.childNodes.length,d=t.nLeftFrozenColumns,c=t.nRightFrozenColumns,h=t.getRightIndex();for(var u=0;u<e;u++)d&&a.appendChild(this.insertRow(l+u,0,d)),i.appendChild(this.insertRow(l+u,d,h)),c&&s.appendChild(this.insertRow(l+u,h));this.oFragment=i,o.appendChild(i),n.appendChild(a),r.appendChild(s)}insertRow(e,t=0,o=null){let n=document.createElement(i.default.zgRow.tagName);n.widget=this.widget;let r=this.widget.aColumnMapping;return n.setBodyIndexes(e),r.forEach(((e,r)=>{-1!==t&&r>=t&&(null===o||r<o)&&this.insertCellContainer(n,r,e)})),this.widget.oCard&&n.appendChild(document.createElement(i.default.zgCard.tagName)),n}insertRowsPerFrame(e){let t=document.createDocumentFragment(),o=this.oBody.childNodes.length;for(var n=0;n<e;n++)t.appendChild(this.insertRow(o+n,-1));this.oBody.appendChild(t)}removeRow(){this.oBody.removeChild(this.oBody.lastChild)}}a.prototype.renderSelectionMask=function(){let e=this.widget.webcomponent,t=this.oDOMWrapper.querySelector("zg-selector-mask");t||(t=document.createElement("zg-selector-mask"),e._appendChild(t)),this.oElSelectionMask=t,t.widget=this.widget,t.oColumnBody=this,t.setAttribute("slot",`${this.oDOMWrapper.id}gridselectmask`)},a.prototype.renderFocusMask=function(){let e=this.widget.webcomponent,t=this.oDOMWrapper.querySelector("zg-focus");t||(t=document.createElement("zg-focus"),e._appendChild(t)),this.oElFocusCellMaskBorder=t,t.widget=this.widget,t.oColumnBody=this,t.setAttribute("slot",`${this.oDOMWrapper.id}gridfocus`)};const s=a},58938:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(32816),r=o(68965),i=o(38419);class a extends r.Z{constructor(e){(e=e||{})._defaults={rendered:!1,columnResizable:!1},super(e),this.init()}init(){this.render(),this.widget.on("render",this.ons,this)}render(){this.tooltips={},this.el=n.Z.get(this.oFoot),this.renderFocusMask()}ons(){let e=this.el;e.on("click",this.onClickFoot,this,{sDelegateTo:i.default.zgCell.tagName},!1),e.on("dblclick",this.onDBLClickFoot,this,{sDelegateTo:i.default.zgCell.tagName}),e.on("mousedown",this.onMouseDownFoot,this,{sDelegateTo:i.default.zgCell.tagName},!1)}onClickFoot(e,t){this.widget.batchEditor.isActive()&&(e.stopEvent(),this.onDBLClickFoot(e,t))}onDBLClickFoot(e,t){t&&"frozen"===t.parentNode.getAttribute("type")&&this.widget.editorManager.onDoubleClick(t)}onMouseDownFoot(e,t){2!==e.nButton&&this.widget.bHasSelectorEnabled&&t&&"frozen"===t.parentNode.getAttribute("type")&&(this.widget.footerFocusManager.focusTarget(t),e.stopEvent())}insertRows(e){const t=[document.createDocumentFragment(),document.createDocumentFragment(),document.createDocumentFragment()],o=this.oFoot,n=this.widget.leftColumnFooter.oFoot,r=this.widget.rightColumnFooter.oFoot;for(var i=0;i<e;i++)this.insertRow(!1,t);n.appendChild(t[0]),o.appendChild(t[1]),r.appendChild(t[2]),window.ShadyDOM&&window.ShadyDOM.flush()}insertRow(e,t){const o=this.widget,n=o.aColumnMapping,r="zg-row",a=this.oFoot,s=o.nLeftFrozenColumns,l=o.nRightFrozenColumns,d=o.aColumnMapping.length;let c;const h=[];if(s?h.push(document.createElement(r)):h.push(null),h.push(document.createElement(r)),l?h.push(document.createElement(r)):h.push(null),h.forEach((e=>e?e.widget=o:null)),n.forEach(((t,o)=>{s&&o>=0&&o<s?this.insertFootCellContainer(h[0],e,o):l&&o>=d-l?this.insertFootCellContainer(h[2],e,o):this.insertFootCellContainer(h[1],e,o)})),!t){const e=o.leftColumnFooter.oFoot,t=o.rightColumnFooter.oFoot;s&&e.appendChild(h[0]),a.appendChild(h[1]),l&&t.appendChild(h[2])}return h.forEach(((e,n)=>{let s;e&&(e.setAttribute(i.default.attr.type,"aggregate"),t?(s=t[n].querySelectorAll(r).length,t[n].appendChild(e)):s=a.querySelectorAll(r).length-1,s+=o.getAllHeaderDepth()+o.getRowContainerCount(),c=s-o.getAllHeaderDepth()+o.nTopFrozenRows,e.rowIndex=s,e.dataRowIndex=c,e.setAttribute(i.default.aria.rowIndex,s+1))})),h}insertFootCellContainer(e,t,o){const n=i.default.zgCell.tagName,r=document.createElement(n);r.widget=this.widget,r.setAttribute("cellindex",o),r.setAttribute("rowfooter",""),r.setAttribute(i.default.attr.role,"gridcell"),e.appendChild(r)}removeRow(){const e=[this.oFoot,this.widget.leftColumnFooter.oFoot,this.widget.rightColumnFooter.oFoot];for(let t=0;t<e.length;t++){const o=e[t];o&&o.lastChild&&o.removeChild(o.lastChild)}}renderFocusMask(){let e=this.widget.webcomponent,t=this.oDOMWrapper.querySelector("zg-focus"),o=this.oDOMWrapper.id.replace("freeze-frame-","");o=o.replace("-foot",""),t||(t=document.createElement("zg-focus"),e._appendChild(t)),this.oElFocusCellMaskBorder=t,t.widget=this.widget,t.oColumnFoot=this.oFoot,t.setAttribute("area","footer"),t.setAttribute("slot",`${o}footfocus`)}destroy(){super.destroy(),this.oFoot=null,this.oColGroup=null,this.el=null}}const s=a},9700:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>l});var n=o(32816),r=o(68965),i=o(38419),a=o(45092);class s extends r.Z{constructor(e){(e=e||{})._defaults={rendered:!1,columnResizable:!1},super(e),this.init()}init(){this.render(),this.widget.on("render",this.ons,this)}render(){this.tooltips={},this.el=n.Z.get(this.oHead),this.oHead.oColumnHeader=this,this.renderFocusMask()}associateColGroup(e){return this.oColGroup=e,e.setAttribute("slot","gridcolgroup"),e.id="gridcolgroup",this.oColGroup}ons(){let e=this.el;e.on("click",this.onClickHead,this,{sDelegateTo:i.default.zgCell.tagName},!1),e.on("dblclick",this.onDBLClickHead,this,{sDelegateTo:i.default.zgCell.tagName},!1),e.on("mousedown",this.onMouseDownHead,this,{sDelegateTo:i.default.zgCell.tagName},!1)}onClickHead(e,t){this.widget.batchEditor.isActive()&&(e.stopEvent(),this.onDBLClickHead(e,t))}onDBLClickHead(e,t){t&&"frozen"===t.parentNode.getAttribute("type")&&this.widget.editorManager.onDoubleClick(t)}onMouseDownHead(e,t){2!==e.nButton&&this.widget.bHasSelectorEnabled&&t&&"frozen"===t.parentNode.getAttribute("type")&&(this.widget.headerFocusManager.focusTarget(t),e.stopEvent())}insertRows(e){const t=[document.createDocumentFragment(),document.createDocumentFragment(),document.createDocumentFragment()],o=this.oHead,n=this.widget.leftColumnHeader.oHead,r=this.widget.rightColumnHeader.oHead;for(var i=0;i<e;i++)this.insertRow(!1,!1,t);n.appendChild(t[0]),o.appendChild(t[1]),r.appendChild(t[2]),window.ShadyDOM&&window.ShadyDOM.flush()}insertRow(e,t,o){const n=this.widget.aColumnMapping,r=i.default.zgRow.tagName,a=this.oHead,s=this.widget.nLeftFrozenColumns,l=this.widget.nRightFrozenColumns,d=this.widget.aColumnMapping.length,c=[];if(s?c.push(document.createElement(r)):c.push(null),c.push(document.createElement(r)),l?c.push(document.createElement(r)):c.push(null),c.forEach((e=>e?e.widget=this.widget:null)),n.forEach(((o,n)=>{s&&n>=0&&n<s?this.insertHeaderCellContainer(c[0],e,t,n):l&&n>=d-l?this.insertHeaderCellContainer(c[2],e,t,n):this.insertHeaderCellContainer(c[1],e,t,n)})),e||t){const e=this.widget.leftColumnHeader.oHead,t=this.widget.rightColumnHeader.oHead;s&&e.appendChild(c[0]),a.appendChild(c[1]),l&&t.appendChild(c[2])}else this.widget.bHasSorterEnabled&&c.forEach((e=>e?e.setAttribute(i.default.sort.attr,""):null));return c.forEach(((n,s)=>{if(n){let l;o?(l=o[s].querySelectorAll(r).length,o[s].appendChild(n)):l=a.querySelectorAll(r).length-1,n.rowIndex=l,n.setAttribute(i.default.aria.rowIndex,l+1),0===l&&(e||t)&&n.setAttribute(i.default.attr.internaltop,"")}})),c}insertHeaderCellContainer(e,t,o,n){let r;r=t?i.default.zgFilter.tagName:o?i.default.zgCell.tagName:i.default.zgHeadCell.tagName;const s=document.createElement(r),l=n,d=this.widget.aColumnMapping[l];s.widget=this.widget,s.setAttribute("cellindex",l),s.setAttribute(i.default.attr.role,"columnheader"),s.setAttribute(i.default.aria.colIndex,l+1),o?s.setAttribute("rowheader",""):s.setAttribute(i.default.attr.datafocus,""),a.hj(d.mWidth)&&s.setAttribute(i.default.attr.width,""),e.appendChild(s)}removeRow(){this.oHead.children.length&&this.oHead.removeChild(this.oHead.lastChild)}renderFocusMask(){let e=this.widget.webcomponent,t=this.oDOMWrapper.querySelector("zg-focus"),o=this.oDOMWrapper.id.replace("freeze-frame-","");o=o.replace("-head",""),t||(t=document.createElement("zg-focus"),e._appendChild(t)),this.oElFocusCellMaskBorder=t,t.widget=this.widget,t.oColumnHead=this.oHead,t.setAttribute("area","header"),t.setAttribute("slot",`${o}headfocus`)}destroy(){super.destroy(),this.oHead=null,this.oColGroup=null,this.oDOMWrapper=null,this.el=null,this.oElFocusCellMaskBorder=null,this.tooltips=null}}const l=s},9915:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(45092),r=o(38419),i=(o(64087),o(56919)),a=o(32260);const s=class{constructor(e){this.widget=e.widget,this.store=this.widget.store}calculateAggregateRow(e,t){let o,n="",r=e.sTargetRecordIndex;const i=e._columnConfig;i.aAggregateValues=[];let s=i.fnAggregateRenderer;t=t||i.sTypeAggregateValue;let l=this.store.getRowData(r),d=this.getAggregateRowData([l],null,e.aTargetFieldIndex);if(void 0!==this[t]){let e=this[t](null,d,i);o=e,n=`<span class="aggregate-value">${o}</span>`,i.aAggregateValues.push(e)}else t&&(n=o=this.calculateAggregateTemplate(t,null,d,i,i.aAggregateValues),n!==t||s||(s=i.fnAggregateRenderer=a.Z.setUserFunction(null,t)));if(s){let e=s.scope||null;n=s.method.apply(e,[l,d,o,r])||n||""}return n}calculateAggregateColumn(e,t,o,n,i,s,l){if(!e)return"";const d=this.widget.groupbyManager;let c=null;n.sGroupHeadCell&&s&&(c=d.calculateGroupDataAggregate(s));let h=this.store.getDataByFieldIndex(o,void 0,c),u="";if(n.sCellType===r.default.cellTypes.aggregate)return this.calculateAggregateColumnRow(e,t,o,n,i);if(t){let e=t.scope||null;u=c?d.customRenderer(t,s,l):t.method.apply(e,[h,o])||""}else if(void 0!==this[e]){let t=this[e](o,c),r=t;if("count"!==e){let e=n.sCellType,o=this.widget.selectorEngineManager.$cell(0,i);if(o&&("number"===e||"currency"===e)){let e=n.fnRenderer;!e&&n.oDOMZGColumn.renderer&&(e=n.fnRenderer=a.Z.setUserFunction(null,n.oDOMZGColumn.renderer)),r=n.fnRenderer.method.apply(n,[t,null,o])}}u=`<bdi class="aggregate-label">${e.charAt(0).toUpperCase()+e.slice(1)}</bdi><span class="aggregate-colon">:</span>`,u+=` <span class="aggregate-value">${r}</span>`}else u=this.calculateAggregateTemplate(e,o,c);return-1===u.indexOf("<bdi")&&(u=`<bdi class="aggregate-label">${u}</bdi>`),u}calculateAggregateColumnRow(e,t,o,r,i){if(!e)return"";let a,s="";const l=t||r.fnAggregateRenderer,d=r.sTypeAggregateValue;let c=n.h8(r.sFieldIndex),h=this.store.getAllRowData(),u=this.getAggregateRowData(h,d,c);if(void 0!==this[e]){a=this[e](null,u,r),s=`<bdi class="aggregate-label">${e.charAt(0).toUpperCase()+e.slice(1)}</bdi><span class="aggregate-colon">:</span>`,s+=` <span class="aggregate-value">${a}</span>`}else e&&(s=a=this.calculateAggregateTemplate(e,null,u,r));if(l){let e=l.scope||null;s=l.method.apply(e,[h,u,a])||s||""}return s}calculateAggregateTemplate(e,t,o,r,i){let a,s=n.String.escapeRegExp(this.store.templateStartDelimiter),l=n.String.escapeRegExp(this.store.templateEndDelimiter);return a=new RegExp(s+"(.*?)"+l,"g"),e.replace(a,((e,n)=>{let a=n.trim(),s="";return void 0!==this[a]&&(s=this[a](t,o,r),i&&i.push(+s)),s}))}getAggregateRowData(e,t,o){let r=[];const i=e.length;let s,l;for(let d=0;d<i;d++){const i=e[d],c=[];let h=!1;for(const e in i)if(!o||-1!==o.indexOf(e)){const t=i[e];null===t||isNaN(t)||c.push(+t)}if(t&&void 0!==this[t]){let e=this[t](null,c,null);r.push(+e),h=!0}else t&&(l=this.calculateAggregateTemplate(t,null,c,null,r),l!==t||s?l!==t&&(h=!0):s=a.Z.setUserFunction(null,t));if(s){let e=s.scope||null;l=s.method.apply(e,[i,c]),n.Uh(l)&&("number"==typeof l?(h=!0,r.push(l)):"string"==typeof l&&l.match(/\d+/g).map((e=>{h=!0,r.push(+e)})))}h||r.push(...c)}return r}calculate(e,t,o){const n=this[e];let r="";if(!n)return"";if(t.fieldIndex){let e=t.fieldIndex;r=n.apply(this,[e,o])}else r=n.apply(this,[null,o]);return r}count(e,t,o){t=t||this.getDataSource();let n=e?this.store.getDataByFieldIndex(e,!0,t):t;return n=n.filter((e=>e||0===e)),n.length}min(e,t,o){if(!(t=t||this.getDataSource()).length)return 0;let r=e?this.store.getDataByFieldIndex(e,void 0,t):t,i=Math.min(...r);return i===1/0&&(i=0),o&&(i=n.uf(i,o,this.widget)),i}max(e,t,o){if(!(t=t||this.getDataSource()).length)return 0;let r=e?this.store.getDataByFieldIndex(e,void 0,t):t,i=Math.max(...r);return i===-1/0&&(i=0),o&&(i=n.uf(i,o,this.widget)),i}avg(e,t,o){if(!(t=t||this.getDataSource()).length)return 0;let r=this.sum(e,t),i=Math.round(r/t.length*100)/100;return o&&(i=n.uf(i,o,this.widget)),i}sum(e,t,o){if(!(t=t||this.getDataSource()).length)return 0;let r=(e?this.store.getDataByFieldIndex(e,void 0,t):t).reduce(((e,t)=>e+t),0),i=Math.round(100*r)/100;return o&&(i=n.uf(i,o,this.widget)),i}getDataSource(){const e=this.widget.filter;let t=this.store.aOrderedData;return e&&e.bUseFilter&&(t=e.aFiltered),t}getAggregateColumnHeader(e){const t=e.sTypeAggregateValue,o=i.default.get("aggregate",this.widget);let n="";return o[t]&&(n=o[t]),n}destroy(){this.widget=null,this.store=null}}},52248:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(38419);const{ellipsis:r,cellBreakPrep:i}=n.default.cellBreak;const a=class{constructor(e){this.widget=e.widget,this.ZG=this.widget.webcomponent}setCellBreak(e){this.sGridType=e||this.ZG.getAttribute(n.default.cellBreak.attr),this.cellActions(this.setCells)}prepCellBreak(){this.sGridType=this.ZG.getAttribute(n.default.cellBreak.attr),this.cellActions(this.prepCells)}cellActions(e){let t=this.getGridCellBreak();const o=this.widget.aColumnMapping;for(let n=0,r=o.length;n<r;n++){const r=o[n],i=this.isColumnOverride(r,t);this.widget.getDataCellsByIndex(n).forEach((t=>{e(t,i,r)}))}}prepCells(e,t){t===r&&e.setAttribute(i,"")}setCells(e,t,o){if(e.hasAttribute(n.default.attr.title)&&e.removeAttribute(n.default.attr.title),t===n.default.cellBreak.default||null===t)e.removeAttribute(n.default.cellBreak.attr);else{const r=o.mWidth,a=e.widget.webcomponent.width,s=!(o.sFrozen&&a)&&("fit"===r||"fitcontent"===r)||o.bHasCellTooltip;if(t===n.default.cellBreak.ellipsis&&!s){const o=!0;t===n.default.cellBreak.ellipsis&&o&&e.setAttribute(n.default.attr.title,e.textContent)}e.hasAttribute(i)&&e.removeAttribute(i),e.setAttribute(n.default.cellBreak.attr,t)}}isAllowedType(e){return n.default.cellBreak.allowedTypes.indexOf(e)>-1}getGridCellBreak(){let e=this.sGridType;const t=this.isAllowedType(e);return e&&t||(e=n.default.cellBreak.default),e}getCellBreakByColumn(e){let t=this.getGridCellBreak();const o=this.widget.aColumnMapping[e];return this.isColumnOverride(o,t)}isColumnOverride(e,t){const o=e.sCellBreak;let n=t;if(o){this.isAllowedType(o)&&(n=o)}return n}}},20762:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(45092),r=o(68965);class i extends r.Z{constructor(e){(e=e||{})._defaults={initAfterRender:!0},super(e)}init(){this.savedValue="",this.render(),this.ons()}render(){this.savedValue=""}ons(){let e=this.widget.webcomponent;e.on("key ctrl v",this.onKeyCtrlVDocument,this),e.on("key shift insert",this.onKeyCtrlVDocument,this),e.on("key ctrl c",this.onKeyCtrlCDocument,this),e.on("key ctrl insert",this.onKeyCtrlCDocument,this)}onKeyCtrlCDocument(e){this.oData=this.widget.selector.se.fullData(),this.sData=this.widget.selector.se.fullDisplay();let t=this.getSelectedCellsData(this.sData);const o={data:this.oData,text:t};this.fire("beforecopy",o),t=o.text,this.savedValue=t,this.copyClipboardContent(t),this.fire("copy",o)}onKeyCtrlVDocument(){const e={data:this.oData,text:this.savedValue};this.fire("paste",e)}getSelectedCellsData(e){let t,o=this.widget;if(t=o.selector.se.rawData(),!t){if(!o.menuManager||!o.menuManager.lastCell)return e||"";t=o.menuManager.lastCell.rawData()}return null==t?"":n.kJ(t)?(t.length&&!n.kJ(t[0])&&(t=[t]),t.reduce(((e,t)=>e+t.reduce(((e,t,o)=>(t=null==t?"":t,o?e+"\t"+t:e+t)),"")+"\n"),"")):e||t.toString()}copyClipboardContent(e){const t=this.widget.webcomponent;t.oDOMClipboard.value=e;try{navigator&&navigator.clipboard.writeText(t.oDOMClipboard.value)}catch(e){console.error(e)}}}const a=i},64690:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(32816),r=o(38419),i=o(56919);const a=class{constructor(e){this.widget=e.widget,this.oElMenu=null,this.menuItems=[],this.activeMenu=null}initMenu(){const e=this.widget,t=e.webcomponent;this.oElMenu&&(this.oElMenu.remove(),this.menuItems=[]);const o=e.getByTagName(t.children,"zg-menu",null,"columnMenu");if(o.length?this.oElMenu=o[0]:this.oElMenu=null,this.oElMenu)for(let t=0;t<e.aColumnMapping.length;t++)this.associateItem(e.aColumnMapping[t],t);else{this.oElMenu=document.createElement("zg-menu"),this.oElMenu.id=this.id||"columnMenu",this.oElMenu.setAttribute(r.default.attr.hidden,"");let t=document.createDocumentFragment();for(let o=0;o<e.aColumnMapping.length;o++)this.addItem(e.aColumnMapping[o],o,t);this.oElMenu.appendChild(t),e.bHasAttachedToDOM&&e.webcomponent.appendChild(this.oElMenu)}}associateItem(e,t){let o=this.oElMenu.querySelectorAll("zg-button")[t];o.oCheckbox.checked=!e.bHidden,o.oCheckbox.on("statechanged",(o=>this.updateColumnState(o,e,t))),this.menuItems[e.sColumnId]=o}addItem(e,t,o){const n=this.oElMenu,a=document.createElement("zg-menu-item");a.menu=n,a.menuManager=this.widget.columnMenu,a.setAttribute(r.default.attr.role,"menuitemcheckbox");const s=document.createElement(r.default.zgButton.tagName);s.setAttribute(r.default.attr.action,"checkbox"),s.oCheckbox.checked=!e.bHidden;let l=e.sCellType;e.sMenuText?s.textContent=e.sMenuText:r.default.internalColumnTypes.indexOf(l)>-1?s.textContent=i.default.get("columntypes",this.widget,{element:s.oLabel,elProperty:"innerHTML",langProperty:l})[l]:s.textContent=e.sColumnHeaderText,s.oCheckbox.on("statechanged",(o=>this.updateColumnState(o,e,t))),s.oIcon.setAttribute(r.default.attr.hidden,""),a.appendChild(s),o.appendChild(a),this.menuItems[e.sColumnId]=s}closeMenu(e){e&&n.Z.elContains(this.oElMenu,e)||(this.widget.focusManager.focusGrid(!0),this.oElMenu._hide(),this.oButton&&(this.oButton.removeAttribute(r.default.aria.expanded),this.oButton=null),this.activeMenu=null)}isMenuOpen(){return!!this.activeMenu}openColumnMenu(e){const t=this.widget.webcomponent.querySelectorAll(r.default.zgMenu.tagName),o=this.oElMenu;if(!t)return;[...t].forEach((e=>e.setAttribute(r.default.attr.hidden,""))),o._show();const n=this.widget.webcomponent;o.calculateMenuPosition(e,n),o.querySelector(r.default.zgMenuItem.tagName).focus(),this.activeMenu=o}updateColumnState(e,t,o){if(this.widget.bPreloaded||t.bHidden===e.checked)return;const n=this.widget;t.nPriority&&delete t.nPriority,n.updater.toggleColumn(o,e.checked),n._updateHiddenColumn(!e.checked,t,!0)}}},25815:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>r});var n=o(45092);const r=class{constructor(e){this.widget=e.widget,this.ZG=this.widget.webcomponent}initDialog(e){const t=this.ZG.oDOMDialog;t.setDialog(e);const o=()=>{this.se&&this.se.select(!0)};t.on("dialogConfirm",o,this),t.on("dialogCancel",o,this);const n=t.$bodycontent.querySelector(".zg-dialog-body-details-row");return n.innerHTML="",n}openCellDetails(e){const t=this.widget,o=t.store,r=e._columnConfig;let i,a=null,s={};const l=t.groupbyManager;this.se=t.selectorEngineManager.$cell(e.nStartRowIndex,e.nStartColumnIndex);const d=e.sTargetRecordIndex,c=e.sGroupRecordIndex;if(c)s=l.calculateIndexData(e),i=s;else{i=o.get(d).oRecordRawData,s=e.indexData()}r.oDOMDetailsTemplate&&(a=r.oDOMDetailsTemplate);const h=this.initDialog("record-info");if(a&&(c?l.calculateTemplate(s,i,a,h):o.processTemplate(a,h,e,!0,void 0,s)),e.fnDetailsRenderer&&e.fnDetailsRenderer.method){const t=e.fnDetailsRenderer.method,o=[s,i,h,e],r=e.fnDetailsRenderer.scope;let a=t.apply(r,o);n.Uh(a)&&(h.innerHTML=a)}t.selector.deSelectAll(),this.ZG.oDOMDialog.$confirm.focus()}openDetailsMessage(e,t,o){const n=this.initDialog("details");e?n.innerHTML=e:t&&(n.innerHTML=t.call()),o&&(this.ZG.oDOMDialog.$label.innerHTML=o)}}},42820:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(38419),r=o(56919);class i{constructor(e){this.widget=e.widget,this.ZG=this.widget.webcomponent,this.ZG.dialogArr=[]}initDialogs(){this.buildDialogs();const e=document.createElement(n.default.zgDialog.tagName);e.setAttribute(n.default.zgDialog.internal,""),e.slot=n.default.zg.slot.dialogInternal,this.ZG.oDOMDialog=e,this.ZG.appendChild(e)}refreshDialogs(){this.ZG.dialogArr=[],this.buildDialogs()}buildDialogs(){const e={confirm:{text:r.default.get("dialog.create",this.widget)},label:r.default.get("dialog.recordCreate.label",this.widget),type:"record-create",body:'\n      <div id="inputs" class="zg-dialog-editor-row-inputs">\n      </div>\n      '};this.ZG.dialogArr.push(e);const t={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:r.default.get("dialog.recordInfo.label",this.widget),type:"record-info",body:'<div class="zg-dialog-body-details-row"></div>'};this.ZG.dialogArr.push(t);const o={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:r.default.get("dialog.details.label",this.widget),type:"details",body:'<div class="zg-dialog-body-details-row"></div>'};this.ZG.dialogArr.push(o);const n={confirm:{text:r.default.get("dialog.save",this.widget)},label:r.default.get("dialog.recordUpdate.label",this.widget),type:"record-update",body:'\n        <div id="inputs" class="zg-dialog-editor-row-inputs">\n        </div>\n      '};this.ZG.dialogArr.push(n);const a={confirm:{text:r.default.get("dialog.save",this.widget)},label:r.default.get("dialog.fieldUpdate.label",this.widget),type:"field-update",body:'\n        <div id="inputs" class="zg-dialog-editor-row-inputs">\n        </div>\n      '};this.ZG.dialogArr.push(a);const s={confirm:{text:r.default.get("dialog.delete",this.widget)},label:r.default.get("dialog.recordDelete.label",this.widget),type:"record-delete",body:`\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="removerecord" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <p>${r.default.get("dialog.recordDelete.body",this.widget)}</p>\n        </div>\n      `};this.ZG.dialogArr.push(s);const l={confirm:{text:r.default.get("dialog.ok",this.widget)},label:r.default.get("dialog.batchEdit.cancel.label",this.widget),type:"cancel-batch-edit",body:'<div class="zg-dialog-body-batch-edit"></div>'};this.ZG.dialogArr.push(l);const d={confirm:{text:r.default.get("dialog.save",this.widget)},label:r.default.get("dialog.batchEdit.commit.label",this.widget),type:"commit-batch-edit",body:'<div class="zg-dialog-body-batch-edit"></div>'};this.ZG.dialogArr.push(d);const c={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:"This is an error dialog",type:"view-error",body:'\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="error" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <div class="zg-dialog-body-content">\n            <p>This is an error dialog message.</p>\n          </div>\n        </div>\n      '};this.ZG.dialogArr.push(c);const h={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:"This is an info dialog",type:"view-info",body:'\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="info" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <div class="zg-dialog-body-content">\n            <p>This is an info dialog message.</p>\n          </div>\n        </div>\n      '};this.ZG.dialogArr.push(h);const u={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:"This is a success dialog",type:"view-success",body:'\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="success" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <div class="zg-dialog-body-content">\n            <p>This is a success dialog message.</p>\n          </div>\n        </div>\n      '};this.ZG.dialogArr.push(u);const g={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:"This is a warn dialog",type:"view-warn",body:'\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="warning" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <div class="zg-dialog-body-content">\n            <p>This is a warn dialog message with 2 positioned, slotted icons.</p>\n          </div>\n          <zg-icon name="warning" slot="icon3"></zg-icon>\n          <slot name="icon3"></slot>\n        </div>\n      '};this.ZG.dialogArr.push(g);const p=new Date(ZingGrid.versionDate),f=new Intl.DateTimeFormat(r.default.getLocale(this.widget),{month:"short",year:"numeric",day:"numeric",hour:"numeric",minute:"numeric",weekday:"short",timeZone:"UTC",timeZoneName:"short"}).format(p),m={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget),prevent:!0},label:r.default.get("dialog.version.label",this.widget),type:"zg-version",body:`\n        <div class="zg-dialog-body-icon-row">\n          ZingGrid v${ZingGrid.versionNum} ${r.default.get("dialog.version.body",this.widget)} ${f}\n        </div>\n      `};this.ZG.dialogArr.push(m),i.aCustomizations.forEach((e=>this.customize(e.type,e.options)))}customize(e,t){if(!t)return;if(!e||e===n.default.zgDialog.all)return this.ZG.dialogArr.forEach((e=>this.customize(e.type,t))),void(this.ZG.oDOMDialog&&(t.cancel&&(this.ZG.oDOMDialog.$cancel.innerHTML=t.cancel),t.confirm&&(this.ZG.oDOMDialog.$confirm.innerHTML=t.confirm),t.label&&(this.ZG.oDOMDialog.$label.innerHTML=t.label)));let o=this.ZG.dialogArr.filter((t=>t.type===e))[0];o&&(t.label&&(o.label=t.label),t.cancel&&(o.cancel?o.cancel.text=t.cancel:o.cancel={text:t.cancel}),t.confirm&&(o.confirm?o.confirm.text=t.confirm:o.confirm={text:t.confirm}))}destroy(){this.widget=null,this.ZG.oDOMDialog=null,this.ZG.dialogArr.length=0,this.ZG=null}}i.aCustomizations=[];const a=i},19683:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(38419),r=o(32816),i=o(56919);const a=class{constructor(e){this.widget=e.widget,this.ZG=this.widget.webcomponent,this.dragElSelector="zg-shadow-cell",this.dragRemoveSelector="zg-shadow-remove",this.dragReorderSelector="zg-shadow-reorder"}setColumnDrag(){this.toggleHeadCellAttribute()}toggleHeadCellAttribute(){const e=n.default.drag.columnAttr,t=this.widget.getAllHeadCells(!0),o=this.widget.bColumnDrag;let r;t.forEach((t=>{r=!t.MATCHED_COLUMN||t.MATCHED_COLUMN._oParsedColumnMapping.sDrag,o&&"disabled"!==r&&"false"!==r?t.setAttribute(e,""):t.removeAttribute(e)}))}onStartColumnCommon(e,t){return this.bDragMoved=!1,!!this.widget.bColumnDrag&&(t.oDOMTarget.tagName.toLowerCase()!==n.default.zgColumnResize.tagName&&(this.MATCHED_COLUMN=e.MATCHED_COLUMN,this.nIndex=e.nIndex,"disabled"!==this.MATCHED_COLUMN.getAttribute("drag")&&(this.oGridCoords=this.widget.webcomponent.getBoundingClientRect(),this.xStart=this.oGridCoords.x,this.yStart=this.oGridCoords.y,this.setColumnSwitchValues(),!0)))}onDragMoveColumn(e){e.stopEvent();const t=this.widget,o=this.ZG.querySelector(n.default.zgHeadCell.tagName);let r="";if(this.bDragMoved=!0,!this.oShadow){this.oShadow=document.createElement("div"),this.oShadow.className=this.dragElSelector,t.bDragMove&&this.oShadow.classList.add(this.dragReorderSelector);const e=this.MATCHED_COLUMN._oParsedColumnMapping;let o=e.sColumnHeaderText,a=e.sCellType;!o&&n.default.internalColumnTypes.indexOf(a)>-1&&(o=i.default.get("columntypes",t)[a]),this.oShadow.setAttribute("slot","shadow"),this.oShadow.innerHTML=o,t.bDragHide?this.oShadow.setAttribute("data-content",i.default.get("drag.reorder",t)):this.oShadow.setAttribute("data-content"," "),t.webcomponent.appendChild(this.oShadow),r=this.oShadow.getBoundingClientRect().width,this.oShadow.setAttribute("ready",""),this.MATCHED_COLUMN.classList.add(n.default.zgHeadCell.isReorderingClass);const s=parseInt(this.MATCHED_COLUMN._oParsedColumnMapping.oDOMSortHeader.HEAD_CELL_INDEX,10);t.getHeaderCells(s).forEach((e=>e.classList.add(n.default.zgHeadCell.isReorderingClass)));t.getFooterCells(s).forEach((e=>e.classList.add(n.default.zgHeadCell.isReorderingClass)))}let a=this.bTouch?20:10,s=this.bTouch?e.oBrowserEvent.touches[0].clientX:e.oBrowserEvent.clientX,l=this.bTouch?e.oBrowserEvent.touches[0].clientY:e.oBrowserEvent.clientY;if(this.oShadow.style.height=`${o.getBoundingClientRect().height}px`,this.oShadow.style.width=`${r}px`,this.oShadow.style.left=s-this.xStart-a+"px",this.oShadow.style.top=l-this.yStart-a+"px",t.bDragHide&&(s>this.oGridCoords.x+this.oGridCoords.width||s<this.oGridCoords.x||l>this.oGridCoords.y+this.oGridCoords.height||l<this.oGridCoords.y?(this.oShadow.classList.add(this.dragRemoveSelector),this.bDragHide=!0):(this.oShadow.classList.remove(this.dragRemoveSelector),this.bDragHide=!1),this.bDragHide?this.oShadow.setAttribute("data-content",i.default.get("drag.remove",t)):this.oShadow.setAttribute("data-content",i.default.get("drag.reorder",t))),t.bDragMove&&!this.bDragHide&&!this.bDragMove){let e=!1;this.bDragMove=!0;let o=null;if("right"!==this.area&&this.columnFrameRight&&s>this.columnFrameRight.x?o=this.rightFrame:"left"!==this.area&&this.columnFrameLeft&&s<this.columnFrameLeft.x+this.columnFrameLeft.width/2?o=this.leftFrame:this.columnMoveRight&&s>this.columnMoveRight.x?o=this.rightColumn:this.columnMoveLeft&&s<this.columnMoveLeft.x+this.columnMoveLeft.width/2&&(o=this.leftColumn),o){const r=t.getZGColumnIndex(o._oParsedColumnMapping);this.moveColumn(r);t.getHeaderCells(this.nIndex).forEach((e=>e.classList.add(n.default.zgHeadCell.isReorderingClass)));t.getFooterCells(this.nIndex).forEach((e=>e.classList.add(n.default.zgHeadCell.isReorderingClass))),e=!0}else this.bDragMove=!1;t.bDragHide&&this.oShadow.setAttribute("data-content",i.default.get("drag.reorder",t)),e&&this.bTouch&&this.onDragStopColumn()}}onDragStopColumn(e){if(this.bTouch&&!this.bDragMoved)return;e&&e.stopEvent();const t=r.Z.get(document);if(t.docUn("mousemove",this.onDragMoveColumn,this),t.docUn("mouseup",this.onDragStopColumn,this),t.docUn("touchmove",this.onDragMoveColumn,this),t.docUn("touchend",this.onDragStopColumn,this),t.docUn("touchcancel",this.onDragStopColumn,this),this.oShadow){this.bDragHide&&this.MATCHED_COLUMN.setAttribute("hidden",!0),this.widget.webcomponent.removeChild(this.oShadow),this.MATCHED_COLUMN.classList.remove(n.default.zgHeadCell.isReorderingClass);const e=parseInt(this.MATCHED_COLUMN._oParsedColumnMapping.oDOMSortHeader.HEAD_CELL_INDEX,10);this.widget.getHeaderCells(e).forEach((e=>e.classList.remove(n.default.zgHeadCell.isReorderingClass)));this.widget.getFooterCells(e).forEach((e=>e.classList.remove(n.default.zgHeadCell.isReorderingClass))),this.oShadow=null}this.widget.bIsColumnMoverActive=!1}moveColumn(e){const t=this.widget;let o=this.nIndex;t.savedScrollVal=t.oDOMMainScroll.scrollLeft,this.widget.moveColumn(o,e),this.nIndex=this.MATCHED_COLUMN._oParsedColumnMapping.oDOMSortHeader.nIndex,requestAnimationFrame((()=>this.setColumnSwitchValues()))}setColumnSwitchValues(){const e=this.nIndex,t=this.widget,o=t.getAllColumns(),n=o.length;let r,i;this.leftColumn=null,this.rightColumn=null,this.leftFrame=null,this.rightFrame=null,this.columnFrameRight=null,this.columnFrameLeft=null,this.area=t.getAreaByColumnIndex(e);const a=t.nRightFrozenColumns;if(a){const e=n-a;if(e>=0&&e<n){this.rightFrame=o[e];const t=this.rightFrame._oParsedColumnMapping.oDOMSortHeader;this.columnFrameRight=t.getBoundingClientRect()}}const s=t.nLeftFrozenColumns;if(s){let e=s-1;if(e>=0&&e<n){this.leftFrame=o[e];const t=this.leftFrame._oParsedColumnMapping.oDOMSortHeader;this.columnFrameLeft=t.getBoundingClientRect()}}for(let t=e-1;t>=0;t--)if(!o[t].hidden){this.leftColumn=o[t],r=o[t]._oParsedColumnMapping.oDOMSortHeader;break}for(let t=e+1;t<n;t++)if(!o[t].hidden){this.rightColumn=o[t],i=o[t]._oParsedColumnMapping.oDOMSortHeader;break}this.columnMoveLeft=r?r.getBoundingClientRect():null,this.columnMoveRight=i?i.getBoundingClientRect():null,this.bDragMove=!1}}},76289:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>d});var n=o(32816),r=o(68965),i=o(38419),a=o(45092),s=o(64087);class l extends r.Z{constructor(e){(e=e||{})._defaults={initAfterRender:!0,prefix:"zing-grid-record-editor-",sTargetRecordIndex:null,_nScrollLeft:0,bIsOpen:!1},super(e),this.oActiveEditorField={},this.nTargetRowIndex=null}init(){this.ons(),this.render()}render(){const e=this.oDOMSubmitButton=document.createElement(i.default.zgButton.tagName);e.setAttribute(i.default.attr.action,"submitrecord"),e.setAttribute(i.default.attr.tabindex,0);const t=this.oDOMCancelButton=document.createElement(i.default.zgButton.tagName);t.setAttribute(i.default.attr.action,"cancelrecord"),t.setAttribute(i.default.attr.tabindex,0)}isRecordEditorOpen(){return!!this.bIsOpen}ons(){this.widget.on("pagechange",(e=>this.cancelOpenEdit())),this.widget.on("layoutchange",(e=>this.cancelOpenEdit())),this.widget.on("beforesearch",(e=>this.cancelOpenEdit())),this.widget.store.on("updatecomplete",((e,t)=>this.closeRecordEditor(t)))}onResize(){const e=this.widget,t=e.editorFieldManager,o=e.webcomponent.oDOMEditorRow;if(null===this.nTargetRowIndex&&t.oActiveEditorField)o.positionEditorWithinRow(t.se,t.oActiveEditorField);else if(this.bIsOpen&&null!==this.nTargetRowIndex){let t=this.oActiveEditorField;for(let n=0,r=e.aColumnMapping.length;n<r;n++){const r=e.selectorEngineManager.$cell(this.nTargetRowIndex,n);let i=t[r.sTargetFieldIndex];i&&o.positionEditorWithinRow(r,i)}}}openNewRecordEditorFromCols(){const e=this.widget,t=e.editorFieldManager,o=e.aColumnMapping,n=e.editorManager;this.nTargetRowIndex=!0,this.oActiveEditorField={};for(let e=0,r=o.length;e<r;e++){let r=o[e],i=r.sFieldIndex;if(!i||!r.oEditor||this.oActiveEditorField[i])continue;let a=this.se.column(i);if(this.oActiveEditorField[i]=t.openNewFieldEditor(a),n._isCardEdit(!0))break}}openNewRecordEditor(){const e=this.widget,t=e.editorManager,o=t.getInputContainers()[0];this.bIsOpen&&this.cancelOpenEdit(),e.webcomponent.oDOMCellOverflow.close(),this.sTargetRecordIndex=-1,this.openNewRecordEditorFromCols(),t.focusInput(),this.bIsOpen=!0;const n={dialog:e.webcomponent.oDOMDialog.$dialog,inputContainer:o,editorFields:this.oActiveEditorField};this.widget.fire("openinsert",n)}openRecordEditor(e){const t=this.widget,o=t.editorManager,n=t.editorFieldManager;let r,a,s=o.type;const l=t.aColumnMapping,d=t.selectorEngineManager;t.webcomponent.oDOMCellOverflow.close(),this.bIsOpen&&this.cancelOpenEdit(),this.hookOffClickEvent(),n.oActiveEditorField&&(r=n.se.sTargetFieldIndex,a=n.oActiveEditorField,n.removeFieldEditor(a,null,!1,!0)),this.bCancelButtonRendered=this.bConfirmButtonRendered=!1,this.sTargetRecordIndex=t.getRecordIndexByDataRowContainerIndex(e),this.nTargetRowIndex=e,this.oActiveEditorField={};for(let t=0,c=l.length;t<c;t++){const c=d.$cell(e,t),h=c.dom(),u=l[t];if(h.tagName.toLowerCase()===i.default.zgCard.tagName)continue;if(u.bHidden)continue;let g=c.sTargetFieldIndex;if(s!==i.default.editor.typeModal&&(c.sCellType===i.default.internalColumn.recordeditor&&(this.oDOMEditButton=this.swapControl(h,this.oDOMSubmitButton,"bConfirmButtonRendered")),c.sCellType===i.default.internalColumn.recordremover&&(this.oDOMDeleteButton=this.swapControl(h,this.oDOMCancelButton,"bCancelButtonRendered")),!this.bConfirmButtonRendered&&c.sCellType===i.default.cellTypes.custom)){const e=h.querySelector('zg-button[action="editrecord"]');if(e){this.oDOMEditButton=this.swapControl(h,this.oDOMSubmitButton,"bConfirmButtonRendered",e);const t=h.querySelector('zg-button[action="removerecord"]');t&&(this.oDOMDeleteButton=this.swapControl(h,this.oDOMCancelButton,"bCancelButtonRendered",t))}}if(!(!c.oEditor||g&&this.oActiveEditorField[g])&&(g&&r===g?this.oActiveEditorField[g]=a:g&&(this.oActiveEditorField[g]=n.openFieldEditor(h)),o._isCardEdit()))break}this.bConfirmButtonRendered&&!this.bCancelButtonRendered&&s!==i.default.editor.typeModal&&this.oDOMSubmitButton.parentNode.insertBefore(this.oDOMCancelButton,this.oDOMSubmitButton.nextSibling),this.bIsOpen=!0}swapControl(e,t,o,n){return(n=n||e.querySelector(`div ${i.default.zgButton.tagName}`)).parentNode.insertBefore(t,n),n.setAttribute(i.default.attr.hidden,""),this[o]=!0,n}hookOffClickEvent(){n.Z.get(document).on("click",this.checkOffClick,this)}checkOffClick(e,t){const o=this.widget.editorManager;if("zg-menu-item"!==t.tagName.toLowerCase()&&!this.widget.bIsColumnResizeActive&&this.isRecordEditorOpen()&&o.type===i.default.editor.typeInline&&null!==this.nTargetRowIndex){const e=a.MV(t,i.default.zgRow.tagName);e&&e.rowIndex==this.nTargetRowIndex||this.cancelOpenEdit()}}cancelOpenEdit(e,t,o){let r=this.widget,i=this.oActiveEditorField;if(o&&r.batchEditor.isActive()&&r.batchEditor.bCheckValidate)return!1;return n.Z.get(document).docUn("click",this.checkOffClick,this),null!==this.nTargetRowIndex?Object.keys(i).forEach((e=>{let t=i[e];r.editorFieldManager.closeFieldEditor(!0,null,t,!0),delete i[e]})):r.editorFieldManager.closeFieldEditor(!0),this.nTargetRowIndex=null,this.closeRecordEditor(t),!0}onClickSubmit(e,t){let o=null,r=this.widget,a=r.store,s=this.sTargetRecordIndex;if(r.webcomponent.style.cursor="wait",e&&e.oDOMTarget&&(e.oDOMTarget.querySelector("#inputs").innerHTML=""),o=this.loopEditRecord(!1),o===i.default.validation.fail)return this.widget.webcomponent.style.cursor=null,!1;n.Z.get(document).docUn("click",this.checkOffClick,this);let l=!1;r.savedScrollVal=r.oDOMMainScroll.scrollLeft,o&&(l=a.updateRecord(s,o,void 0,void 0,t)),l||this.closeRecordEditor(t)}loopEditRecord(e){let t=null,o=this.widget;if(this.bIsOpen){if(null===this.nTargetRowIndex||this.widget.editorManager._isCardEdit())if(e)o.editorFieldManager.removeFieldEditor(this.oActiveEditorField),this.oActiveEditorField={},this.nTargetRowIndex=null;else{if(t=this.widget.editorFieldManager.closeFieldEditor(),t===i.default.validation.fail)return t;this.widget.editorManager._isCardEdit()&&"object"==typeof t||(t=null)}else{const n=o.aColumnMapping,r=o.selectorEngineManager;let a=this.oActiveEditorField;t={};for(let s=0,l=n.length;s<l;s++){const n=r.$cell(this.nTargetRowIndex,s);if(!n.oEditor)continue;let l=n.sTargetFieldIndex,d=a[l];if(d)if(e)o.editorFieldManager.removeFieldEditor(d,n,!0),delete a[l];else if(t[l]=o.editorFieldManager.closeFieldEditor(!1,n,d,!0),t[l]===i.default.validation.fail)return i.default.validation.fail}e&&(this.nTargetRowIndex=null)}return t}}onSubmitNewFromCols(){const e=this.widget,t=e.editorFieldManager,o=e.aColumnMapping,n=this.oActiveEditorField,r={},a=e.sNestedDataSeparator;for(let e=0,l=o.length;e<l;e++){let l=o[e].sFieldIndex,d=n[l],c=this.se.column(l);if(d){let e=t.closeFieldEditor(!1,c,d,!0,void 0,!0);if(e===i.default.validation.fail)return e;-1!==l.indexOf(a)?s.P_(r,l,e,a):r[l]=e}}return r}onClickSubmitNew(e,t,o){let n=null,r=this.widget;if(e||t||(e="end"),this.widget.editorManager._isCardEdit(!0))n=this.widget.editorFieldManager.closeCardEditorNew(),this.oActiveEditorField={};else if(null!==this.nTargetRowIndex&&(n=this.onSubmitNewFromCols(),n===i.default.validation.fail))return!1;this.nTargetRowIndex=null;if(this.closeRecordEditor(o)===i.default.validation.fail)return!1;this.oActiveEditorField={},n&&(e=t?r.getRowIndexByDataRowContainerIndex(t.nStartRowIndex)+1:e,r.store.insertRecord(n,e))}closeRecordEditor(e){const t=this.widget.editorManager;let o;o=t.activeRowEdit?t.se:this.widget.editorFieldManager.se;const n=this.loopEditRecord(!0);if(n===i.default.validation.fail)return n;this.oDOMCancelButton&&this.oDOMCancelButton.parentNode&&(this.oDOMCancelButton.parentNode.removeChild(this.oDOMCancelButton),this.oDOMSubmitButton.parentNode.removeChild(this.oDOMSubmitButton)),this._unhookButton(this.oDOMEditButton),this._unhookButton(this.oDOMDeleteButton),this.bIsOpen=!1,t.updateActiveStatus(!1,!1,!1),e&&(!e.tagName&&e.select?e.select(!0):e.focus()),t.oDOMDialog&&(t.oDOMDialog.closeEvent(),t.oDOMDialog=null,o&&o.nStartRowIndex>=0&&o.nStartColumnIndex>=0&&o.select(!0)),this.widget.webcomponent.style.cursor=null}_unhookButton(e){e&&(e.removeAttribute(i.default.attr.hidden),e=null)}destroy(){super.destroy(),this.oDOMSubmitButton=null,this.oDOMCancelButton=null}}const d=l},70986:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>d});o(32816);var n=o(68965),r=o(38419),i=o(32260),a=o(45092),s=o(56919);class l extends n.Z{constructor(e){super(e=e||{}),this.widget=e.widget,this.store=this.widget.store,this.se=e.se,this.dirtyManager=this.widget.dirtyManager,this.bConfirm=!1,this.bIsActive=!1,this.reset()}isActive(){return!!this.bIsActive}ons(){this.widget.store.on("updatecomplete",((e,t)=>this.closeBatchEditor(t)))}activate(e){const t=this.widget.webcomponent,o=t.oDOMControlBar;o.oDOMBatchEdit.setAttribute("hidden",""),o.oDOMBatchCancel.removeAttribute("hidden"),o.oDOMUnsavedSpan.removeAttribute("hidden"),t.setAttribute(r.default.attr.batchEditActive,""),o.setAttribute(r.default.attr.batchEditActive,""),this.widget.updateBatchEditStyleAttributes(!0),this.bIsActive=!0,this.bCheckValidate=!1,this._update(),e&&o.oDOMBatchCancel.focus()}deactivate(e){const t=this.widget.webcomponent,o=t.oDOMControlBar;o.removeAttribute(r.default.attr.batchEditLongMessage),o.oDOMBatchEdit.removeAttribute("hidden"),o.oDOMBatchSave.setAttribute("hidden",""),o.oDOMBatchCancel.setAttribute("hidden",""),o.oDOMBatchCancel.removeAttribute("style"),o.oDOMUnsavedSpan.setAttribute("hidden",""),o.oDOMUnsavedSpan.innerHTML="",this.bIsActive=!1,this.bCheckValidate=!1,t.removeAttribute(r.default.attr.batchEditActive),o.removeAttribute(r.default.attr.batchEditActive),o.removeAttribute(r.default.attr.batchEditMessage,""),this.widget.updateBatchEditStyleAttributes(!1),e&&o.oDOMBatchEdit.focus()}updateMessage(){const e=this.store,t=this.widget;let o=a.String.escapeRegExp(e.templateStartDelimiter),n=a.String.escapeRegExp(e.templateEndDelimiter),l=r.default.batchEdit.tokens.messageSuffix;const d=t.webcomponent.batchEditStatus||e.oDataFormat.sBatchEditStatus;let c=e.oDataFormat.fnBatchEditStatus;if(!t||!t.webcomponent)return;const h=t.webcomponent.oDOMControlBar,u=this.widget.webcomponent.oDOMControlBar;u.oDOMBatchSave.removeAttribute("hidden"),u.oDOMBatchCancel.setAttribute("style","--zg-icon-color: red;"),d&&!c&&(c=i.Z.setUserFunction(null,d),c&&(e.oDataFormat.fnBatchEditStatus=c));const g=d||r.default.batchEdit.statusMessage;let p=g;if(-1!==g.indexOf(r.default.tokens.delim)||c){const r=this.aDirty.length,i=this.getChangeCount(this.oDirty.oEdit,!1,!1),d=this.getFieldsChangeCount(),u=this.getChangeCount(this.oDirty.oDelete,!1,!0),g=this.getChangeCount(this.oDirty.oInsert,!0,!1),f={changes:r,modified:this.getRecordChanges(),recordsEdited:i,fieldsEdited:d,deleted:u,inserted:g};let m=new RegExp(o+"(.*?)"+n,"g");p=p.replace(m,((o,n)=>{let r,i="",d=(n=n.trim()).indexOf(l);return-1!==d?(n=n.substring(0,d),r=f[n],i=a.translate({msg:s.default.get(`batchEdit.${n}`,t),plurals:[{value:"s",condition:1!==r},{value:"s",condition:1!==r}]})):r=f[n],i&&(r=`${r} ${i}`),void 0!==r?r:`${e.templateStartDelimiter}${n}${e.templateEndDelimiter}`})),c&&(p=c.method.apply(c.scope,[f,h.oDOMUnsavedSpan]))}!p&&c||(h.setAttribute(r.default.attr.batchEditMessage,""),h.oDOMUnsavedSpan.innerText=`(${p})`,h.checkMessageSize())}saveDeletes(){const e=this.store;for(let t in this.oDirty.oDelete){const o=this.oDirty.oDelete[t],n=e.oLocalModel[t];o.bBatchEdit=!0,o.bBatchCleanup=n.bDirtyInsert,e.fireAfterStoreEvent("afterremoverecord",o)}}saveInserts(){const e=this.store;for(let t in this.oDirty.oInsert){const o=e.oLocalModel[t];if(o.bDirtyDelete)this.bRemovingInsert=!0,o.bBatchCleanup=!0,this.widget.removeRow(t,!0,void 0,!0),this.bRemovingInsert=!1;else{const o=this.oDirty.oInsert[t];o.bBatchEdit=!0,e.fireAfterStoreEvent("afterinsert",o)}}}getChangedFields(e){let t=[];const o=this.oDirty.oEdit[e],n=o.zgOldData;return Object.keys(o).forEach((e=>{if("zgOldData"!==e){const r=o[e];r[r.length-1]!==n[e]&&t.push(e)}})),t}saveEdits(){const e=this.store;for(let t in this.oDirty.oEdit){const o=e.oLocalModel[t],n=this.oDirty.oEdit[t].zgOldData;if(o.bDirtyDelete)continue;let i=o.model,l=this.getChangedFields(t),d=a.c7.copy(e.oDataRequest.updateOptions.row||{});d.sRecordIndex=t,d.oRecordRawData=i.get(),d.oOldData=n,d.aChangedFieldIndex=l,d.fnCustom=e.oDataFormat.fnCustomUpdateRow,d.sEditMode="updaterecord",d.bBatchEdit=!0,d.oStatus={};let c=d.sServerErrorMessage;c||(c=d.sServerErrorPath?r.default.tokens.serverMessage:s.default.get("dialog.recordUpdate.errorMsg",this.widget)),d.oErrorStatus={msg:c},e.fireAfterStoreEvent("afterupdaterecord",d)}}save(e){this.confirm((()=>this.completeSave(e)),"commit",r.default.confirmations.batchEdit)}completeSave(e){const t=this.widget;this.deactivate(e);const o=t.oDOMMainScroll.scrollLeft;this.bSavingBatchEdit=!0,this.nSavedUpdateCount=this.nUpdateCount=this.getRecordChanges(),this.aErrors=[],this.saveEdits(),this.saveDeletes(),this.saveInserts(),o&&(t.savedScrollVal=o),this.nUpdateCount||(this._update(),this.reset())}cancelBatchEdit(e){this.confirm((()=>this.completeCancel(e)),"cancel",r.default.confirmations.batchEditDiscard)}completeCancel(e,t){const o=this.dirtyManager;if(this.deactivate(e),this.widget.recordEditor.cancelOpenEdit(),!t){const e=this.aDirty;for(let t=e.length-1;t>=0;t--){const n=e[t],r=n.sRecordIndex,i=n.sFieldIndex;"updatecell"===n.sEditMode?(this.store._updateCell(r,i,n.oldValue),o.setNoDirty(r,i,!0)):"removerecord"===n.sEditMode?o.setNoDirty(n.sRecordIndex,null,!0):"insertrecord"===n.sEditMode&&this.removeNewRow(r)}}this.reset(),t||this._update()}removeNewRow(e){const t=this.store.oLocalModel[e];this.bRemovingInsert=!0,t.bBatchCleanup=!0,this.widget.removeRow(e,!0,void 0,!0),this.bRemovingInsert=!1}onSuccess(){this.nUpdateCount--,this.checkResponses()}onFailure(e){this.nUpdateCount--,this.aErrors.push(e),this.checkResponses()}checkResponses(){0===this.nUpdateCount&&(this.aErrors.length?(this.completeErrorStatus(),this.rollbackChanges()):this.completeStatus(),this.reset())}completeStatus(){const e=this.widget;this.bSavingBatchEdit=!1;const t={icon:"checkmark",state:"success",msg:s.default.get("dialog.batchEdit.successMsg",e)};e.statusManager&&e.statusManager.setStatus(t),this.nSavedUpdateCount=0,this._update()}completeErrorStatus(){const e=this.widget,t=this.aErrors.length;this.bSavingBatchEdit=!1;const o=this.nSavedUpdateCount-t;let n=s.default.get("dialog.batchEdit.plurals.errorMsg",this.widget)||["s","s"];const r={icon:"error",state:"error",msg:a.translate({msg:s.default.get("dialog.batchEdit.errorMsg",this.widget),vars:[o,t],plurals:[{value:n[0],condition:1!==o},{value:n[1],condition:1!==t}]}),sDetails:s.default.get("dialog.batchEdit.errorMsgMore",this.widget),fnDetails:()=>this.errorDetails(),sLabel:s.default.get("dialog.batchEdit.errorLabel",this.widget)};e.statusManager&&e.statusManager.setStatus(r)}errorDetails(){const e=this.widget,t=this.aErrors,o=this.aErrors.length;let n=s.default.get("dialog.batchEdit.plurals.dialogErrorMsg",this.widget)||["s"],r=a.translate({msg:s.default.get("dialog.batchEdit.dialogErrorMsg",e),vars:[o],plurals:[{value:n[0],condition:1!==o}]});for(let n=0;n<o;n++){const o=t[n];let i;o.oErrorStatus&&(i=o.oErrorStatus.msg);if("insertrecord"===o.sEditMode)r+=`<br>New Record: ${i}`;else{r+=`<br>Record ${e.store.getURLRecordField(o.sUrl,o.sRecordIndex,o.sIdKeyValue)}: ${i}`}}return r}rollbackChanges(){const e=this.aErrors;for(let t=0;t<e.length;t++){const o=e[t].sRecordIndex;this.dirtyManager.revert(o)}this._update()}getRecordChanges(e){const t=this.oDirty,o=this.widget.store,n=[t.oEdit,t.oDelete,t.oInsert],r={};for(let t=0;t<n.length;t++){const i=n[t];for(let t in i){const n=o.oLocalModel[t];!e&&n.bDirtyDelete&&n.bDirtyInsert||(r[t]=!0)}}return Object.keys(r).length}getChangeCount(e,t,o){let n=0;for(let r in e){const e=this.store.oLocalModel[r];!o&&e.bDirtyDelete||(!t&&e.bDirtyInsert||n++)}return n}getFieldsChangeCount(){const e=this.oDirty.oEdit;let t=0;for(let o in e){const e=this.store.oLocalModel[o];e.bDirtyDelete||e.bDirtyInsert||(t+=this.getChangedFields(o).length)}return t}confirm(e,t,o){const n=this.widget,i=this.widget.webcomponent.oDOMDialog;if(this.bConfirm=t,n.editorManager.activeCellEdit){if(n.editorManager.closeEditor()===r.default.validation.fail&&"commit"===t)return}this.bConfirm=!1;0!==this.getRecordChanges()&&n.getConfirmation(o)?(i.setDialog(`${t}-batch-edit`),this.setConfirmationMessage(t),i.on("dialogConfirm",e)):e()}setConfirmationMessage(e){const t=this.widget.webcomponent.oDOMDialog,o=this.getChangeCount(this.oDirty.oEdit,!1,!1),n=this.getChangeCount(this.oDirty.oDelete,!1,!0),r=this.getChangeCount(this.oDirty.oInsert,!0,!1),i=this.getRecordChanges(),l=this.aDirty.length,d=-1!==[o,r,n].indexOf(l)?"":"Plural";let c=a.translate({msg:s.default.get(`dialog.batchEdit.${e}.body${d}`,this.widget),vars:[l,i],plurals:[{value:"s",condition:1!==i}]});const h=[{sLookup:"recordsEdited",nVal:o},{sLookup:"inserted",nVal:r},{sLookup:"deleted",nVal:n}];c+=`<div style="margin-block-start: 1.25rem; color: ${"cancel"===e?"red":"green"};">`;for(let e=0;e<h.length;e++){let t=h[e].nVal,o=h[e].sLookup;t&&(c+=a.translate({msg:s.default.get("dialog.batchEdit.changeBody",this.widget)+s.default.get(`dialog.batchEdit.${o}`,this.widget)+"<br>",vars:[t],plurals:[{value:"s",condition:1!==t}]}))}c+="</div>";t.$bodycontent.querySelector(".zg-dialog-body-batch-edit").innerHTML=c}onKeyDown(e){const t=this.widget,o=e.nCharCode,n=t.editorFieldManager.se,i=e.bIsSHIFT?"left":"right",a=t.getColumnContainerCount(),s=t.getRowContainerCount()+t.nTopFrozenRows,l=t.focusManager;if("cell"!==n.sContextLevel||o!==e.TAB)return;e.stopEvent();let d=this.se=t.selectorEngineManager.$cell(n.nStartRowIndex,n.nStartColumnIndex),c=null;for(;!c;){let o=d.nStartColumnIndex,n=d.nStartRowIndex;if(c=d.traverse(i,1),!c)break;if(o===c.nStartColumnIndex&&n===c.nStartRowIndex)if("right"===i){if(n===s-1)return void l.tabChangeFocus(e,{section:l.GRIDINDEX});c=d=t.selectorEngineManager.$cell(n+1,0)}else{if(0===n)return void l.tabChangeFocus(e,{section:l.GRIDINDEX});c=d=t.selectorEngineManager.$cell(n-1,a-1)}-1===r.default.internalColumnTypes.indexOf(c.sCellType)&&!1!==c.oEditor||(c=null)}c||(c=this.se=t.selectorEngineManager.$cell(n.nStartRowIndex,n.nStartColumnIndex)),t.editorManager.onDoubleClick(c.dom())}_update(e){e=e||{bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},this.widget.update(e)}_unhookButton(e){e&&(e.removeAttribute(r.default.attr.hidden),e=null)}reset(){this.aDirty=[],this.oDirty={oEdit:{},oDelete:{},oInsert:{}},this.dirtyManager.reset()}destroy(){super.destroy(),this.oDOMSubmitButton=null,this.oDOMCancelButton=null,this.aDirty.length=0,this.aDirty=null,this.oDirty.oEdit=null,this.oDirty.oDelete=null,this.oDirty.oInsert=null,this.oDirty=null}}const d=l},39958:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(68965),r=o(38419),i=o(45092);class a extends n.Z{constructor(e){super(e=e||{}),this.widget=e.widget,this.store=this.widget.store,this.se=e.se}setDirty(e,t,o){const n=this.store,a=this.widget.batchEditor;if(!e)return;let s=n.oLocalModel[e];if(t!==r.default.store.keyField){if(!s.bDirtyInsert&&(t&&(s.model.setDirty(t),s.nCellDirty++),s.bDirty=!0,o&&a.isActive())){const n=a.oDirty.oEdit;if(a.aDirty.push(o),!n[e]){let r=s.model;n[e]={zgOldData:i.c7.copy(r.get())},n[e].zgOldData[t]=o.oldValue}n[e][t]||(n[e][t]=[]),n[e][t].push(o.payload)}this.nRecordDirty++,this.bDirty=!0,a.isActive()&&a.updateMessage()}}setDirtyDelete(e,t){const o=this.widget.batchEditor,n=this.store;if(!e||o.bRemovingInsert)return;let r=n.oLocalModel[e];if(r.bDirtyDelete=!0,this.nRecordDirty++,this.bDirty=!0,o.isActive()){const n=o.oDirty.oDelete;o.aDirty.push(t),r.bDirtyInsert||(n[e]=t),o.updateMessage()}}unsetDirtyDelete(e){const t=this.store,o=this.widget.batchEditor;if(!e)return;t.oLocalModel[e].bDirtyDelete=!1;const n=o.oDirty.oDelete[e];n&&(delete o.oDirty.oDelete[e],this.clearDirtyArray(n),this.nRecordDirty--),o.isActive()&&o.updateMessage(),o._update()}setDirtyInsert(e,t){const o=this.store,n=this.widget.batchEditor;if(!e)return;if(o.oLocalModel[e].bDirtyInsert=!0,this.nRecordDirty++,this.bDirty=!0,n.isActive()){const o=n.oDirty.oInsert;n.aDirty.push(t),o[e]=t,n.updateMessage()}}setNoDirty(e,t,o){const n=this.store,a=this.widget.batchEditor;if(!e)return;let s=n.oLocalModel[e];if(i.Uh(t)&&t!==r.default.store.keyField?(s.model.setNoDirty(t),s.nCellDirty--,0==s.nCellDirty&&(s.bDirty=!1,this.nRecordDirty--)):(s.bDirty=!1,s.bDirtyDelete=!1,s.bDirtyInsert=!1,this.nRecordDirty--),!a.isActive()||o)return;let l=null;const d=a.oDirty.oEdit,c=a.oDirty.oDelete,h=a.oDirty.oInsert;d[e]&&(d[e][t]?(l=d[e][t],delete d[e][t]):delete d[e]),l&&this.clearDirtyArray(l),l=c[e],l&&(delete c[e],this.clearDirtyArray(l)),l=h[e],l&&(delete h[e],this.clearDirtyArray(l)),0==this.nRecordDirty&&(this.bDirty=!1)}clearDirtyArray(e){const t=this.widget.batchEditor,o=t.aDirty.indexOf(e);o>=0&&t.aDirty.splice(o,1)}isDirty(e,t){return!1!==this.getDirty(e,t)}getDirty(e,t){const o=this.store;if(null==e&&null==t)return!!this.bDirty;let n=o.oLocalModel[e];return!!n&&(i.Uh(t)?!!n.model.isDirty(t)&&"edit":n.bDirtyDelete?"delete":n.bDirtyInsert?"insert":"edit")}isDirtyDelete(e){return this.store.oLocalModel[e].bDirtyDelete}isDirtyInsert(e){return this.store.oLocalModel[e].bDirtyInsert}getDirtyClass(e){let t=this.store.oLocalModel[e];return t.bDirtyDelete?`${r.default.batchEdit.removedClass}`:t.bDirtyInsert?`${r.default.batchEdit.insertedClass}`:""}revert(e){const t=this.widget,o=t.batchEditor,n=o.oDirty.oEdit,r=o.oDirty.oDelete,i=o.oDirty.oInsert,a=n[e],s=i[e],l=r[e];if(s)o.removeNewRow(e);else if(l&&this.setNoDirty(e,null,!0),a)for(let o in a)if("zgOldData"!==o){let n=a.zgOldData[o];t.store._updateCell(e,o,n),this.setNoDirty(e,o,!0)}}reset(){this.nRecordDirty=0,this.bDirty=!1}}const s=a},93590:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(38419),r=o(32816),i=o(32260),a=o(56919);o(63765);const s=class{constructor(e){this.widget=e.widget,this.se=e.se,this.oRegisteredEditorField={},this.oActiveEditorField=null,this.ZG=this.widget.webcomponent}isEditorOpen(){return!!this.oActiveEditorField}openNewFieldEditor(e){let t=this.widget.editorManager,o=!1,n=e.sTargetFieldIndex;if(!(e.oEditor&&e.oEditor.method))return;let r=t.getInputContainers(e.nStartRowIndex)[0],i=this.oRegisteredEditorField[n];void 0===i&&(t._isCardEdit(!0)?(i=this.initCardEditor(e,!0),o=!0):i=this.initBasicFieldEditor(e,!0),r.appendChild(i)),i=o?r.querySelector("#editorCard"):r.querySelector(`label[data-key="${n}"]`),this.oActiveEditorField=i;let a=i.querySelector("input");return a&&a.focus(),i}openFieldEditor(e,t){const o=this.widget,a=o.editorManager;let s=this.se.cell(e),l=!1,d=s._columnConfig,c=s.sTargetFieldIndex,h=s.oEditor&&s.oEditor.method;if(!h&&d.oDOMZGColumn.editor&&(h=d.oEditor=i.Z.setUserFunction(null,d.oDOMZGColumn.editor)),!h)return;if(a.type===n.default.editor.typeInline&&"cell"===a.se.sContextLevel||o.batchEditor.isActive()){r.Z.get(document).on("click",this.checkOffClick,this)}let u=a.getInputContainerByIndex(s.nStartRowIndex,s.nStartColumnIndex),g=this.oRegisteredEditorField[c];if(void 0===g&&(a._isCardEdit()||"cell"===a.se.sContextLevel&&s._columnConfig.oDOMEditorTemplate?(g=this.initCardEditor(s),l=!0):g=this.initBasicFieldEditor(s),u.appendChild(g)),g=l?u.querySelector("#editorCard"):u.querySelector(`label[data-key="${c}"]`),!a._isModalEdit()&&!t){o.getEditorRowByIndex(s.nStartRowIndex,s.nStartColumnIndex).positionEditorWithinRow(s,g),e.classList.add(n.default.editor.editingClass)}if(this.oActiveEditorField=g,!t&&((a.type===n.default.editor.typeInline&&"cell"===a.se.sContextLevel||o.batchEditor.isActive())&&(this.unsubKey=r.Z.get(g).on("keydown",this.checkOffClick,this,{},!1)),o.fire("cellopenedit",s,g),!o.isStorybook("editor-row"))){let e=g.querySelector("input");e&&e.focus()}return g}initBasicFieldEditor(e,t){const o=this.widget,n=o.webcomponent.oDOMEditorRow,r=o.editorManager;let i=e.sTargetFieldIndex,a=n.getEditorTemplate(),s=r.getEditorLabel(a);r.setLabelKey(a,i);let l=e.oEditor&&e.oEditor.method&&e.oEditor.method.init,d=e.oEditor&&e.oEditor.method&&e.oEditor.method.onOpen,c=e.oEditor&&e.oEditor.scope||e,h=t?"":e.rawData();return r.setLabelTextContent(a,e._columnConfig.sColumnHeaderText||i),l&&l.apply(c,[e,s]),d&&d.apply(c,[e,a,h]),a}initCardEditor(e,t){const o=this.widget;let n=o.editorManager;let r,i,a=o.webcomponent.oDOMEditorRow.getEditorCardTemplate(),s=n.getEditorCard(a),l=e._columnConfig,d=null,c=e.sTargetRecordIndex,h=t?{}:this.widget.store.get(c).oRecordRawData,u=[s],g=e;if(l.oDOMEditorTemplate?d=l.oDOMEditorTemplate:n._isCardEdit(t)&&o.oCardEditTemplate&&(d=o.oCardEditTemplate),o.oCard&&o.oCard.oEditor&&o.oCard.oEditor.method){let t=o.oCard.oEditor.method;r=t.init,i=t.onOpen,g=o.oCard.oEditor.scope||e}else if(l.oDOMEditorTemplate&&l.aUserSet.oEditor){let t=e.oEditor.method;r=t.init,i=t.onOpen,u=[e,s],g=e.oEditor.scope}return r&&r.apply(g,u),d&&(this.widget.store.processTemplate(d,s,e,!0,t),this.processTemplateSelects(s)),u.push(h),i&&i.apply(g,u),a}processTemplateSelects(e){e.querySelectorAll(`select[${n.default.editor.bindingAttr}]`).forEach((e=>{e.value=e.getAttribute("value")}))}closeFieldEditor(e,t,o,r,i,a){let s,l=o||this.oActiveEditorField,d=!1;const c=this.widget;if(t=t||this.se,!l)return;if(void 0!==i&&t.nRowContainerIndex===i)return;if(!e||c.batchEditor.isActive()&&!c.bSizeCheck){if(s=this._saveEditorField(t,o),s===n.default.validation.fail)return s}else this.removeFieldEditor(l,t,r);a||(d=this.widget.fire("cellcloseedit",t,l,s,e)),r||void 0===s||this.widget.editorManager._isCardEdit()||(!1!==d&&t.rawData(s),this.removeFieldEditor(l,t,r));const h=t.dom();return h&&h.classList.remove(n.default.editor.editingClass),s}closeCardEditorNew(){var e={};let t=this.oActiveEditorField.querySelectorAll("["+n.default.editor.bindingAttr+"]");if(t&&t.length)for(let o=0;o<t.length;o++){let r=t[o],i=r.getAttribute(n.default.editor.bindingAttr).replace(/(record.|index.)/g,"");"input"!==r.tagName.toLowerCase()&&"textarea"!==r.tagName.toLowerCase()&&"select"!==r.tagName.toLowerCase()||(e[i]=r.value)}return e}removeFieldEditor(e,t,o,n){this.oActiveEditorField;if(this.oActiveEditorField=null,t=t||this.se,!e||!e.parentNode)return;let i=e.parentNode;if(!o){const e=r.Z.get(document);e.docUn("click",this.checkOffClick,this),r.Z.get(e).docUn("keydown",this.checkOffClick,this),this.unsubKey&&this.unsubKey(),this.unsubKey=null}!n&&i&&i.removeChild(e)}_saveEditorField(e,t){let o=t||this.oActiveEditorField;var r;let i=this.widget,s=o;const l=this.widget.store;let d=e._columnConfig;const c="cell"===this.widget.editorManager.se.sContextLevel;let h=(e=e||this.se).oEditor&&e.oEditor.method.onClose;const u=e.oValidator&&e.oValidator.method.validator,g=e.oValidator&&e.oValidator.method.message,p=d.sValidationErrorMessage,f=d.sRequiredErrorMessage,m=e.oValidator&&e.oValidator.scope||e,b=e.sTargetRecordIndex,v=d.bRequired;let y,w={},z=!0,C=!1,S=s.querySelectorAll("["+n.default.editor.bindingAttr+"]");if(S&&S.length)for(let e=0;e<S.length;e++){let t=S[e],o=t.getAttribute(n.default.editor.bindingAttr).replace(/(record.|index.)/g,"");"input"!==t.tagName.toLowerCase()&&"textarea"!==t.tagName.toLowerCase()&&"select"!==t.tagName.toLowerCase()||(w[o]=t.value)}if(i.oCard&&i.oCard.oEditor&&i.oCard.oEditor.method.onClose){let t=e.sTargetRecordIndex,n=this.widget.store.get(t).oRecordRawData,a=i.oCard.oEditor.scope||e;r=i.oCard.oEditor.method.onClose.apply(a,[o,n,w])}else if(h&&(0===Object.keys(w).length||d.aUserSet.oEditor)){let t=e.oEditor.scope||e;r=h.apply(t,[s,null,w]),v&&(null===r||"string"==typeof r&&""===r.trim())&&(z=!1,C=!0),z&&u&&(z=u.apply(m,[r,e,o]),null===z&&(z=!1),"boolean"!=typeof z&&void 0!==z&&(r=z,z=!0))}else(0===Object.keys(w).length||c)&&(r=i.editorManager.getEditorValue(o));const x=e.fnEditorField&&e.fnEditorField.method;let M;if(M=x?x.apply(oScope,[s]):o.querySelector("input")||o.querySelector("select"),!z){if(C?y=f||i.sValidationRequiredMessage||a.default.get("validation.errorMessage",i):(p?y=p:g&&(y=g.apply(m,[r,d.sColumnHeaderText,o,e])),y=y||i.sValidationErrorMessage||a.default.get("validation.errorMessage",i)),i.editorManager.oDOMDialog)i.editorManager.oDOMDialog.displayError(!0,y);else if(i.statusManager){const e={icon:"error",state:"error",msg:y};i.batchEditor.isActive()&&"cancel"===i.batchEditor.bConfirm||i.statusManager.setStatus(e)}return M&&M.classList.add(n.default.validation.css),n.default.validation.fail}if(M&&M.classList.remove(n.default.validation.css),i.statusManager&&i.statusManager.closeStatus(),Object.keys(w).length>0&&void 0===r)for(var _ in w)w.hasOwnProperty(_)&&l.updateCell(b,_,w[_]);return r}checkOffClick(e,t){const o=this.widget.editorManager;let r=this.widget.selector,i=r.bTriggerSelect;if("zg-menu-item"===t.tagName.toLowerCase())return;if(e.nCharCode&&e.nCharCode!==e.TAB&&e.nCharCode!==e.ENTER)return;e.nCharCode&&e.nCharCode===e.ENTER&&e.preventDefault();const a=(new Date).getTime();if(this.nTouchOpen&&a-this.nTouchOpen<n.default.mobile.doubleTapMS)return void o.focusInput();const s=o.closeEditor();if(s===n.default.validation.fail)return s;if(e.nCharCode&&e.nCharCode===e.ENTER&&r&&this.se){let e=i&&!this.widget.bHasSelectorEnabled;this.se.select(e)}}destroy(){this.se=null,this.widget=null,this.oRegisteredEditorField=null,this.oActiveEditorField=null,this.ZG=null}}},89719:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>r});o(32816),o(68965);var n=o(38419);o(45092);const r=class{constructor(e){e=e||{},this.widget=e.widget,this.ZG=this.widget.webcomponent,this.type=null,this.createType=n.default.editor.typeModal,this.recordEditor=this.widget.recordEditor,this.se=this.widget.selectorEngineManager.getSelectorEngine(),this.updateActiveStatus(!1,!1,!1)}connectEditDialog(e,t){let o=this.ZG.oDOMDialog;this.oDOMDialog=o,o.on("dialogCancel",(()=>this.recordEditor.cancelOpenEdit(null,t)),this.recordEditor),o.on("dialogClose",(()=>this.recordEditor.cancelOpenEdit(null,t)),this.recordEditor),o.on("dialogConfirm",(e=>this.recordEditor.onClickSubmit(e,t)),this.recordEditor),"row"===e?o.setDialog("record-update"):o.setDialog("field-update")}connectInsertDialog(e,t,o){let n=this.ZG.oDOMDialog;this.oDOMDialog=n,n.on("dialogConfirm",(()=>this.recordEditor.onClickSubmitNew(e,t,o)),this),n.on("dialogCancel",(()=>this.recordEditor.cancelOpenEdit(null,o)),this.recordEditor),n.on("dialogClose",(()=>this.recordEditor.cancelOpenEdit(null,o)),this.recordEditor),n.setDialog("record-create")}onDoubleClick(e){let t=this.widget,o=t.selector.se;if(!t.batchEditor.isActive()&&(!t.bHasCellEditorEnabled&&t.webcomponent.layout!==n.default.zgLayout.typeCard||!t.bHasEditorEnabled))return;let r=o.cell(e);t.batchEditor.isActive()&&(t.dirtyManager.isDirtyDelete(r.sTargetRecordIndex)||r.sTargetFieldIndex===n.default.internalColumn.recordkey)||(t.bHasCellEditorEnabled||t.batchEditor.isActive()?-1===n.default.internalColumnTypes.indexOf(o.sCellType)&&!1!==r.oEditor&&this.openEditor(r):this.openEditor(r.toRow(),void 0,r))}openInsertEditor(e,t,o){const r=this.widget;if(r.editorFieldManager.closeFieldEditor(!0,null,null,!1,-1),this.recordEditor.bIsOpen&&this.recordEditor.cancelOpenEdit(),this.createType===n.default.editor.typeInline){const e=r.store.on("afterinsertrecord",((t,o)=>{e(),r.lastPage();const n=r.getRowContainerIndexByRowIndex(o.nRowIndex);r.webcomponent.openRowEditor(n+r.nTopFrozenRows)}));this.widget.insertRow()}else this.connectInsertDialog(e,t,o),this.recordEditor.openNewRecordEditor(),this.updateActiveStatus(null,!1,!0)}openEditor(e,t,o){const n=this.widget,r=e.nRowContainerIndex,i=e.sContextLevel;this.se=e;const a=this._isModalEdit();if(this.widget.webcomponent.oDOMCellOverflow.close(),"cell"===i){if(!this.recordEditor.cancelOpenEdit(void 0,void 0,!0))return}if(t||(a?this.connectEditDialog(i,o):this.positionSelfWithinGrid(r)),"row"===i&&(n.editorFieldManager.closeFieldEditor(!0,null,null,!1,r),this.recordEditor.openRecordEditor(r),this.updateActiveStatus(null,!1,!0),a||(this.updateActiveStatus(!0,null,null),n.isStorybook("editor-row")||this.focusInput(r))),"cell"===i){const o=n.editorFieldManager.openFieldEditor(e.dom(),t);if(this.updateActiveStatus(null,!0,!1),o&&(a?this.recordEditor.bIsOpen=!0:this.updateActiveStatus(!0,null,null),!t)){let e=o.querySelector("input, select");e&&e.focus()}}}closeEditor(e){const t=this.widget;if(t.editorFieldManager.closeFieldEditor()===n.default.validation.fail)return t.batchEditor.isActive()&&(t.batchEditor.bCheckValidate=!0),n.default.validation.fail;t.batchEditor.bCheckValidate=!1,this.updateActiveStatus(!1,!1,!1),this.widget.selector.bTriggerSelect=!1,this.oDOMDialog&&(this.oDOMDialog.closeEvent(),this.oDOMDialog=null)}getEditorRowsByRowIndex(e){const t=this.widget.webcomponent,o=[t.oDOMLeftHeadEditorRow,t.oDOMHeadEditorRow,t.oDOMRightHeadEditorRow],n=[t.oDOMLeftEditorRow,t.oDOMEditorRow,t.oDOMRightEditorRow],r=[t.oDOMLeftFootEditorRow,t.oDOMFootEditorRow,t.oDOMRightFootEditorRow];if(void 0!==e){const t=this.widget.getFrozenRowState(e);return"top"===t?o:"bottom"===t?r:n}return[...o,...n,...r]}updateActiveStatus(e,t,o){[...this.getEditorRowsByRowIndex(),this].forEach((n=>{null!==t&&(n.activeCellEdit=t),null!==o&&(n.activeRowEdit=o),null!==e&&(n.active=e)}))}positionSelfWithinGrid(e){this.getEditorRowsByRowIndex(e).forEach((e=>e.positionSelfWithinGrid()))}setEditorType(e){e&&this.ZG.hasAttribute(n.default.editor.attr)&&this.ZG.setAttribute(n.default.editor.attr,e)}setInitialEditorType(){const e=this.ZG.hasAttribute(n.default.editor.attr);this.ZG.initialEditorType=e?this.ZG.getAttribute(n.default.editor.attr):n.default.editor.typeInline}focusInput(e){const t=this.getInputContainers(e);for(let e=0;e<t.length;e++){let o=t[e].querySelector("input, select");if(o){o.focus();break}}}focusNextInput(e,t){const o=this.getInputContainers(t);let n=!1;for(let t=0;t<o.length;t++){if(!n){n=o[t]===e;continue}let r=o[t].querySelector("input, select");if(r)return r.focus(),!0}return!1}getInputContainers(e){if(this.oDOMDialog)return[this.oDOMDialog.getInputContainer()];{const t=[];return this.getEditorRowsByRowIndex(e).forEach((e=>t.push(e.oDOMInputContainer))),t}}getInputContainerByIndex(e,t){if(this.oDOMDialog)return this.oDOMDialog.getInputContainer();return this.widget.getEditorRowByIndex(e,t).oDOMInputContainer}getEditorLabel(e){return e.querySelector(`#${n.default.zgEditorRow.fieldLabelId}`)}getEditorCard(e){return e.querySelector("#editorCard")}getEditorValue(e){return e.querySelector("input").value}setLabelTextContent(e,t){e.querySelector(".editorRowFieldLabelContent").textContent=t.replace("."," - ")}setLabelKey(e,t){this.getEditorLabel(e).setAttribute("data-key",t)}_isCardEdit(e){return(this.widget.oCardEditTemplate||this.widget.oCard&&this.widget.oCard.oEditor)&&(this.type===n.default.editor.typeModal||e)&&("row"===this.se.sContextLevel||e)}_isModalEdit(){return this.type===n.default.editor.typeModal||void 0===this.type&&!this.ZG.userEditorValue&&this.widget.layoutManager.getLayoutType()===n.default.zgLayout.typeCard||"cell"===this.se.sContextLevel&&this.se._columnConfig.oDOMEditorTemplate}destroy(){this.recordEditor=null,this.se=null,this.oDOMDialog=null}}},89553:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(68965),r=o(38419),i=o(45092);class a extends n.Z{constructor(e){(e=e||{})._defaults={initAfterRender:!0},super(e)}setFilter(e,t){if(e&&e.oFilter){let o=e.oFilter.method.setValue;if(o){let n=e.oFilter.scope||e.oDOMFilter;o.apply(n,[t,e.oDOMFilter]),e.oDOMFilter.fireFilterEvent(),this.widget.bodyUpdate(!0)}}}buildFilterURL(){const e=this.widget,t={};for(let o=0,n=e.aFilters.length;o<n;o++){let n=e.aFilters[o],r=n.getValue();if(""!==r){t[n.sFilterKey]=r}}return t}filter(){const e=this.widget;e.aRowMapping.length=0,this.aFiltered=e.store.aOrderedData.filter((t=>{const o=t.sRecordIndex;return!e.aTopRowMapping.some((e=>e.sRecordIndex===o))&&!e.aBottomRowMapping.some((e=>e.sRecordIndex===o))}));const t=this.aFiltered.length;if(e.bHasSearchEnabled&&(this.aFiltered=this.allFilter(this.aFiltered)),e.bHasFilterEnabled)for(let t=0,o=e.aFilters.length;t<o;t++)this.aFiltered=this.columnFilter(this.aFiltered,e.aFilters[t]);e.fire("roworderchange"),e.bGroupBy?e.groupbyManager.groupBy(e.aGroupBy,this.aFiltered,t!==this.aFiltered.length):this.aFiltered.forEach(((e,t)=>{this.widget.updateRowMapping(this.widget.aRowMapping,t,{sRecordIndex:e.sRecordIndex})})),this.bUseFilter=this.aFiltered.length!==e.store.aOrderedData.length-e.getFrozenRowCount(),this.bUseFilter&&e.setCurrPageIdx(0),0===this.aFiltered.length&&(0===e.oDOMMainScroll.scrollLeft&&e.savedScrollValFilter?e.savedScrollVal=e.savedScrollValFilter:e.savedScrollVal=e.oDOMMainScroll.scrollLeft)}allFilter(e){let t=e,o=this.widget,n=o.search.oDOMInput.value,a=o.aColumnMapping;return""===n||o.search.hasAttribute(r.default.attr.hidden)||(t=t.filter((e=>{let t=e.sRecordIndex;for(let e=0,r=a.length;e<r;e++){if("disabled"===a[e].oDOMZGColumn.search||!1===a[e].oDOMZGColumn.search)continue;if((a[e].sFieldIndex||a[e].sFilterIndex||"").split(",").map((e=>o.store.get(t,i.String.trimWhiteSpace(e)))).some((e=>e&&-1!==e.toString().toLowerCase().indexOf(n.toLowerCase()))))return!0}return!1}))),t}columnFilter(e,t){let o=e;if(!t.oColumnMapping||!t.oColumnMapping.oFilter)return o;let n=t.oColumnMapping.oFilter.method.operationType||r.default.filter.defaultOperation,i=t.sFilterIndex,a=t.getValue();return""!==a&&(o=this.compare(o,i,a,n)),o}compare(e,t,o,n){return e=e.filter((e=>{let a=!1;return t.split(",").forEach((t=>{let s=this.widget.store.get(e.sRecordIndex,t);if(i.Uh(s))if(n===r.default.filter.match)s=""+s,a=a||s.toLowerCase()===o.toLowerCase();else if(n===r.default.filter.boolMatch)o="true"===o||!0===o,a=a||s==o;else if(n===r.default.filter.matchList)if(s=""+s,o.toLowerCase()===s.toLowerCase())a=!0;else{const e=s.split(",");a=a||e.some((e=>e.trim().toLowerCase()===o.toLowerCase()))}else s=""+s,a=a||-1!==s.toLowerCase().indexOf(o.toLowerCase())})),a}))}}const s=a},65286:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(38419),r=o(32816);const i=class{constructor(e){this.widget=e.widget,this.activeFocus=null,this.currentFocus=null}onKeyDownDocument(e){let t=e.nCharCode,o=this.currentFocus,n=!1;switch(t){case e.UP:case e.DOWN:case e.RIGHT:case e.LEFT:this.changeFocus(o,t);break;case e.ENTER:case e.SPACE:this.triggerCell();break;case e.ESC:this.deSelect();break;default:n=!0}n||e.preventDefault()}changeFocus(e,t,o){let r,i=1,a=e.nRow,s=e.nColumn,l=a,d=-1===a;const c=this.widget,h=this.currentFocus&&this.currentFocus.oElement;h&&h.hasAttribute(n.default.zgTooltip.typeAttr)&&c.tooltipManager._hideTarget(null,h,!0);let u=n.default.keys.RIGHT,g=n.default.keys.LEFT;for("rtl"===c.sComputedDir&&(u=n.default.keys.LEFT,g=n.default.keys.RIGHT);i++&&(t===n.default.keys.DOWN?a++:t===n.default.keys.UP?a--:t===u?s++:t===g&&s--,r=this.checkItemFocus(a,s),!(i>100));){if(5===r)r=2;else{if(2===r&&d){a=-1,s++;continue}if(3===r&&d)s=0;else if(2===r&&o){a=l,s--;continue}}if(r>0)break;-1!==r||t!==n.default.keys.DOWN&&t!==n.default.keys.up||(t=n.default.keys.RIGHT)}return{nCheck:r,nRowIndex:a,nColIndex:s}}setCurrentFocus(e,t){let o=this.widget[`getDOM${this.sArea}ByIndex`](e,t);return this.currentFocus={oElement:o,nRow:e,nColumn:t},o}select(e,t,o){if(!this.widget.bHasSelectorEnabled&&!o)return;e=e||0,t=t||0;const r=this.widget,i=r.webcomponent,a=r[`get${this.sArea}erByColumnIndex`](t,!0),s=a[`o${this.sArea}`];this.oElFocusCellMaskBorder!==a.oElFocusCellMaskBorder&&this.deSelect();let l=this.oElFocusCellMaskBorder=a.oElFocusCellMaskBorder;const d=this.setCurrentFocus(e,t);d.hasAttribute(n.default.zgTooltip.typeAttr)&&!d.bIsInfoTooltip&&r.tooltipManager._delayTarget(null,d,500),d.classList.add("zg-focus-cell"),r.selector.fire(n.default.event.selectedFrozenCells,{rowIndex:e,colIndex:t,sArea:this.sArea}),r.focusManager.focusGrid(),s===i[`oDOM${this.sArea}`]&&this.scrollArea(),l[`draw${this.sArea}er`](d,[`oDOMColumn${this.sArea}er`])}deSelect(){const e=this.currentFocus&&this.currentFocus.oElement;e&&e.hasAttribute(n.default.zgTooltip.typeAttr)&&this.widget.tooltipManager._hideTarget(null,e,!0),e&&e.classList.remove("zg-focus-cell"),this.oElFocusCellMaskBorder&&(this.oElFocusCellMaskBorder._hide(),this.currentFocus=null)}focusTarget(e){const t=this.widget,o=t.getContainerRowIndexByDataRowIndex(e.parentNode.dataRowIndex);t.selector.deSelectAll(),this.select(o,e.cellIndex)}scrollArea(){const e=this.widget;let t=this.currentFocus.oElement.getBoundingClientRect().x;const o=e.mainGridHScroll.dom;let n=t-r.Z.get(e.webcomponent.oDOMMain).getXY()[0];o.scrollLeft+=n}}},92005:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(38419),r=o(32816);o(45092);const i=class{constructor(e){this.widget=e.widget,this.clearContainers(),this.activeFocus=null}init(){let e=this.widget;this.GRIDINDEX=3,this.setSections(),e.on("layoutchange",(e=>{setTimeout((()=>this.resetSections()),500)}),this),this.bInitialLoaded=!0}clearContainers(){this.aFocusableElements=[],this.aCaption=[],this.aControlBar=[],this.aHeadCells=[],this.aTopPager=[],this.aBottomPager=[],this.aFooter=[],this.aWatermark=[],this.aStatus=[],this.aGrid=[]}setSections(){const e=this.widget.webcomponent;this.addSection(e.oDOMCaption,this.aCaption),this.addSection(e.oDOMControlBar,this.aControlBar),this.addSection(e.oTopPager,this.aTopPager),this.addSection(null,"header"),this.addSection(null,"selector"),this.addSection(e.oBottomPager,this.aBottomPager),this.addSection(e.oDOMFooter,this.aFooter),this.addSection(e.oDOMWaterMark,this.aWatermark),this.addSection(e.oDOMStatus,this.aStatus)}resetSections(){this.widget&&!this.widget.bDisconnect&&(this.removeEvents(["aCaption","aControlBar","aTopPager","aBottomPager","aFooter","aWatermark","aStatus"]),this.clearContainers(),this.setSections())}addSection(e,t){this.querySection(e,t),this.aFocusableElements.push(t)}updateSection(e,t,o){o&&this.removeEvents([`a${o}`]),t.length=0,this.querySection(e,t)}querySection(e,t){const o=`[${n.default.attr.datafocus}], a, input:not(.zg-input-input), button, select, zg-button, zg-input`;if(e){let n=e.querySelectorAll(o);0===n.length&&e.shadowRoot&&(n=e.shadowRoot.querySelectorAll(o)),n.forEach((e=>this.addElement(e,t)))}}addElement(e,t,o){if(!e)return;let n={oElement:e};e.setAttribute("tabindex",-1),e.on||(e=r.Z.get(e)),n.oDOM=e,e.on("focus",this.onElementFocus,this),e.on("keydown",this.onElementKeyDown,this,{},!1),t.push(n)}tabChangeFocus(e,t){const o=this.widget,r=o.headerFocusManager;let i=e.bIsSHIFT,a=this.GRIDINDEX+1,s=t.section;if(s<this.GRIDINDEX){if(i)return!1;if(!o.bCellFocus)return this.changeFocus(a,0,"down");if(o.isComputedCard())o.webcomponent.select(0,0);else{let e={nRow:-1,nColumn:0};r.changeFocus(e,n.default.keys.DOWN)}}else if(s>a){if(!i)return!1;if(!o.bCellFocus)return this.changeFocus(this.GRIDINDEX,0,"up");if(!this.selectGridCell())return this.changeFocus(this.GRIDINDEX,0,"up")}else if(s>=this.GRIDINDEX&&s<=a){let e;return e=i?this.changeFocus(this.GRIDINDEX,0,"up"):this.changeFocus(a,0,"down"),e}return!0}changeFocus(e,t,o,r){let i,a=t,s=e;const l=this.widget,d=l.webcomponent,c=l.headerFocusManager;let h;h="nochange"===(o=o||"right")?r||"right":o,"right"===o?a++:"left"===o?a--:"down"===o?(a=0,s++,h="right"):"up"===o&&(a=0,s--,h="right");let u=this.aFocusableElements[s];if(!u)return!1;if("selector"===u||"header"===u){if(!l.bCellFocus)return"up"===o?this.changeFocus(this.GRIDINDEX,0,"up"):this.changeFocus(this.GRIDINDEX+1,0,"down");let e=this.activeFocus;if(this.activeFocus=null,e&&e.blur(),"selector"===u)this.selectGridCell()||(u=[]);else if(l.isComputedCard())l.webcomponent.select(0,0);else{let e={nRow:-1,nColumn:0};const t="up"===o?n.default.keys.UP:n.default.keys.DOWN;c.changeFocus(e,n.default.keys.DOWN,t)}if(0!==u.length)return!0}if(0===u.length&&("up"===o||"down"===o))return this.changeFocus(s,a,o);if(a>=u.length)return"up"===this.sOverallDirection?this.changeFocus(s,0,"up"):this.changeFocus(++s,0,"nochange");if(a<0)return s--,s>=0&&(u=this.aFocusableElements[s],a=u.length-1,this.changeFocus(s,a,"nochange","left"));if(!u)return!1;if(i=u[a].oElement,!i)return!1;if(i.dom&&(i=i.dom),i.hidden||i.disabled||i===d.oDOMStatus.oDOMDismiss.dom&&!d.oDOMStatus.hasAttribute(n.default.attr.active))return u.length!==a+1||"up"!==o&&"down"!==o?this.changeFocus(s,a,h):this.changeFocus(s,a,o);let g=document.activeElement;return i.focus(),g!==document.activeElement||this.changeFocus(s,a,h)}initChangeFocus(e,t){const o=this.findCurrentFocus();t&&(this.origDirection=e),this.sOverallDirection=e,this.changeFocus(o.section,o.index,e),this.sOverallDirection=null}findCurrentFocus(){let e=0,t=-1,o=!1;if(this.activeFocus){let n,r;for(n=0;n<this.aFocusableElements.length;n++){let i=this.aFocusableElements[n];for(r=0;r<i.length;r++){if(i[r].oElement===this.activeFocus){e=n,t=r,o=!0;break}}if(o)break}}return{section:e,index:t}}onFocus(e){const t=this.widget;if(this.bForceFocus)return;const o=t.selector,n=t.editorFieldManager;o&&(o.bHasSelection||o.bSelecting)||t.headerFocusManager.currentFocus||t.footerFocusManager.currentFocus||n&&n.isEditorOpen()||this.bForceFocus||(this.activeFocus=t.webcomponent,this.changeFocus(0,-1))}focusGrid(e){if(e&&this.activeFocus&&"zg-button"===this.activeFocus.tagName.toLowerCase())return void this.activeFocus.focus();const t=this.widget,o=window.scrollX,n=window.scrollY;t.el.dom.focus(),window.scrollTo(o,n)}clickFocus(e){const t=e.oDOMTarget,o=this.widget.webcomponent;this.widget.search&&t===this.widget.search.oDOMInput||(this.unfocusCells(),this.bForceFocus=!0,this.focusGrid(),this.activeFocus=o,this.bForceFocus=!1)}unfocusCells(){const e=this.widget,t=e.selector,o=e.headerFocusManager,n=e.footerFocusManager;o.currentFocus?o.deSelect():n.currentFocus?n.deSelect():t&&t.bHasSelection&&!e.menuManager.activeMenu&&t.deSelectAll(void 0,!0)}onElementFocus(e,t){this.activeFocus=t}onElementKeyDown(e,t){let o,n=e.nCharCode,r=!1;const i=this.widget;let a=i.selector;if(a&&a.bHasSelection||i.headerFocusManager.currentFocus)return;let s=e.RIGHT,l=e.LEFT;switch("rtl"===i.sComputedDir&&(s=e.LEFT,l=e.RIGHT),n){case e.UP:this.initChangeFocus("up",!0);break;case e.DOWN:this.initChangeFocus("down");break;case s:this.activeFocus&&"input"===this.activeFocus.tagName.toLowerCase()&&"button"!==this.activeFocus.type.toLowerCase()?r=!0:this.initChangeFocus("right");break;case l:this.activeFocus&&"input"===this.activeFocus.tagName.toLowerCase()&&"button"!==this.activeFocus.type.toLowerCase()?r=!0:this.initChangeFocus("left");break;case e.TAB:o=this.findCurrentFocus();const t=this.activeFocus;if(t&&"input"===t.tagName.toLowerCase()&&"button"!==t.type.toLowerCase()){let t="right";e.bIsSHIFT&&(t="left"),this.changeFocus(o.section,o.index,t)}else this.tabChangeFocus(e,o)||(r=!0);break;default:r=!0}this.origDirection=null,r||e.stopEvent()}onGridKeyDown(e,t){const o=this.widget,n=o.editorFieldManager,r=o.selector,i=o.headerFocusManager,a=o.footerFocusManager;let s=e.nCharCode;if(!n.isEditorOpen()&&"zg-editor-row"!==t.tagName.toLowerCase()&&"zg-button"!==t.tagName.toLowerCase()){if((r&&r.bHasSelection||i.currentFocus)&&s===e.TAB){return this.tabChangeFocus(e,{section:this.GRIDINDEX})&&e.stopEvent(),void(i.currentFocus?i.deSelect():a.currentFocus?a.deSelect():r.deSelectAll(void 0,!0))}r&&r.bHasSelection?r.onKeyDownDocument(e,t):i.currentFocus?i.onKeyDownDocument(e,t):a.currentFocus?a.onKeyDownDocument(e,t):this.activeFocus===o.webcomponent&&(s!==e.RIGHT&&s!==e.DOWN&&s!==e.UP&&s!==e.LEFT&&s!==e.TAB||(e.stopEvent(),this.changeFocus(0,-1)))}}selectGridCell(e=0){const t=this.widget;if(!t.getRowContainerCount())return!1;const o=t.nTopFrozenRows;let n=t.aColumnMapping.slice(e).findIndex((e=>!e.bHidden));return n>=0&&t.webcomponent.select(o,n+e),-1!==n}selectBottomGridCell(e=0){const t=this.widget;if(!t.getRowContainerCount())return!1;const o=t.nTopFrozenRows+t.getRowContainerCount()-1;let n=t.aColumnMapping.slice(e).findIndex((e=>!e.bHidden));return n>=0&&t.webcomponent.select(o,n+e),-1!==n}removeEvents(e){for(let t=0;t<e.length;t++){const o=this[e[t]];for(let e=0;e<o.length;e++){const t=o[e];if(t.oElement){let e=t.oDOM;e.un("focus",this.onElementFocus),e.un("keydown",this.onElementKeyDown)}}}}destroy(){const e=["aCaption","aControlBar","aTopPager","aBottomPager","aFooter","aWatermark","aStatus"];for(let t=0;t<e.length;t++){const o=this[e[t]];for(let e=0;e<o.length;e++){const t=o[e];if(t.oElement){t.oDOM.unAll(),t.oElement=null,t.oDOM=null}}this[e[t]].length=0}this.aFocusableElements.length=0,this.aHeadCells.length=0,this.aGrid.length=0,this.activeFocus=null}}},22843:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(38419),r=o(65286);class i extends r.default{constructor(e){super(e),this.sArea="Foot"}changeFocus(e,t,o,r){const i=this.widget;let a=!0;o=o||t;let{nCheck:s,nRowIndex:l,nColIndex:d}=super.changeFocus(e,t,r);if(1===s)this.select(l,d,!0);else if(2===s||3===s){if(o===n.default.keys.DOWN)i.focusManager.sOverallDirection="down",a=i.focusManager.changeFocus(i.focusManager.GRIDINDEX+1,0,"down"),a&&this.deSelect();else if(o===n.default.keys.UP){let e=!1;this.deSelect(),i.bCellFocus&&(e=i.focusManager.selectBottomGridCell(d)),e||(i.focusManager.sOverallDirection="up",a=i.focusManager.changeFocus(i.focusManager.GRIDINDEX-1,0,"up"))}i.focusManager.sOverallDirection=null}return a}checkItemFocus(e,t){const o=this.widget,r=o.getFooterByColumnIndex(t),i=o.getAdjustedColumnIndex(t);let a=r.getElementsByTagName("zg-row");if(e>=a.length||e<0)return 2;let s=a[e].querySelectorAll(`${n.default.zgHeadCell.tagName}, ${n.default.zgCell.tagName}`);if(i>=s.length||i<0)return 3;let l=s[i];return l.hidden?-1:(this.currentCellFocus=l,1)}focusFromBody(e,t){const o=this.widget,n=o.focusManager;if(o.isComputedCard())return n.changeFocus(n.GRIDINDEX,0,"down");let r={nRow:-1,nColumn:t};return this.changeFocus(r,e.DOWN,void 0,!0)}triggerCell(){const e=this.currentDOMTrigger;if(!e)return;e.tagName.toLowerCase()}}const a=i},8427:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(38419),r=(o(32816),o(65286));class i extends r.default{constructor(e){super(e),this.sArea="Head"}changeFocus(e,t,o,r){const i=this.widget;let a=!0;o=o||t;let{nCheck:s,nRowIndex:l,nColIndex:d}=super.changeFocus(e,t,r);if(1===s)this.select(l,d,!0);else if(2===s||3===s){if(o===n.default.keys.UP)i.focusManager.sOverallDirection="up",a=i.focusManager.changeFocus(i.focusManager.GRIDINDEX,0,"up"),a&&this.deSelect();else if(o===n.default.keys.DOWN){let e=!1;this.deSelect(),i.bCellFocus&&(e=i.focusManager.selectGridCell(d)),e||(i.focusManager.sOverallDirection="down",a=i.focusManager.changeFocus(i.focusManager.GRIDINDEX,0,"down"))}i.focusManager.sOverallDirection=null}return a}checkItemFocus(e,t){const o=this.widget,r=o.getHeaderByColumnIndex(t),i=o.getAdjustedColumnIndex(t);let a=r.getElementsByTagName("zg-row");if(0===a.length)return 5;if(e>=a.length||e<0)return 2;let s=a[e],l=s.querySelectorAll(`${n.default.zgHeadCell.tagName}, ${n.default.zgFilter.tagName}, ${n.default.zgCell.tagName}`);if(i>=l.length||i<0)return 3;let d=l[i];if(d.hidden)return-1;this.currentDOMTrigger=d.querySelector("zg-checkbox")||d.querySelector("zg-icon[name]")||d.querySelector("input")||d.querySelector("select");const c=d.hasAttribute(n.default.zgTooltip.typeAttr);if(!("frozen"===s.getAttribute(n.default.attr.type))&&!c&&!this.currentDOMTrigger||d.tagName.toLowerCase()===n.default.zgHeadCell.tagName&&d.hasAttribute("not-parent")){if(d.tagName.toLowerCase()===n.default.zgHeadCell.tagName&&d.hasAttribute("depth")){let e=d.MATCHED_COLUMN._oParsedColumnMapping.oDOMSortHeader;if(this.currentDOMTrigger=e.querySelector("zg-icon[name]")||e.querySelector("zg-checkbox"),e&&this.currentCellFocus!==e&&this.currentDOMTrigger)return this.select(e.parentNode.rowIndex,parseInt(e.HEAD_CELL_INDEX,10),!0),this.currentCellFocus=e,4}return 0}return this.currentCellFocus===d?0:(this.currentCellFocus=d,1)}focusFromBody(e,t){const o=this.widget,n=o.focusManager;if(o.isComputedCard())return n.changeFocus(n.GRIDINDEX,0,"up");let r={nRow:o.getHeaderByColumnIndex(t).getElementsByTagName("zg-row").length,nColumn:t};return this.changeFocus(r,e.UP,void 0,!0)}triggerCell(){const e=this.currentDOMTrigger;if(!e)return;const t=e.tagName.toLowerCase();"input"===t||"select"===t?e.focus():"zg-icon"===t?"zg-head-details-icon"===e.className?this.widget.tooltipManager._delayTarget(null,this.currentCellFocus):this.currentCellFocus.onSort():"zg-checkbox"===t&&e.click()}}const a=i},65151:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>r});var n=o(38419);const r=class{constructor(e){this.widget=e.widget,this.se=e.se,this.ZG=this.widget.webcomponent}setFullscreen(e){const t=this.widget,o=this.ZG;setTimeout((()=>{if(t.bDisconnect||!t.webcomponent.hasAttribute(n.default.fullscreen.attr))return;const r=o.shadowRoot.querySelector(n.default.zg.shadow.frameBodyWrapper),i=window.innerHeight,a=o.getBoundingClientRect().height,s=`${r.scrollHeight+(i-a)}px`;r.style.minHeight=s,r.style.maxHeight=s,e&&t.updater.updateResizeWindow(!0)}),0)}unsetFullscreen(){this.ZG.oDOMBodyFrame.removeAttribute(n.default.attr.style)}}},93676:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(45092),r=o(38419),i=o(64087);const a=class{constructor(e){this.widget=e.widget,this.aGroupData={},this.groupedVisible=null,this.aAddedGroupRecords=[],this.aOpenGroups=[],this.oCard={}}toggleGroup(e,t,o){const n=this.widget;o=o||e.sGroupRecordIndex;const r=this.getRecord(o);t?this.aOpenGroups.push(o):this.aOpenGroups=this.aOpenGroups.filter((e=>e!==o)),r.open=t,this.reloadGroups(o,t),n.fire("togglerowgroup",o,t)}reloadGroups(e,t){const o=this.widget;o.aRowMapping.length=0,this.groupRows(),e&&this.pageCloseGroup(e,t),this.updatePagerGroupByMapping(void 0),o.bodyUpdate()}getRecord(e){const t=this.getGroupParent(e),o=e.split(this.widget.sNestedGroupDataSeparator);return t[o[o.length-1]]}getGroupParent(e){const t=e.split(this.widget.sNestedGroupDataSeparator);let o=this.aGroupData;for(let e=1;e<t.length;e++)o=o[t[e-1]].data;return o}getGroupName(e){const t=e.split(this.widget.sNestedGroupDataSeparator);let o=t[t.length-1];return o=o.replaceAll(r.default.global.replaceToken,this.widget.sNestedGroupDataSeparator),o}getGroupCount(e,t){let o=(t=t||this.aGroupData)[e].data,r=0;if(n.kJ(o))r=o.length;else if(n.Kn(o))for(let e in o)r+=this.getGroupCount(e,o);return r}getGroupChildren(e,t){let o=[],r=(t=t||this.aGroupData)[e].data;if(n.kJ(r))o.push(...r);else if(n.Kn(r))for(let e in r)o.push(...this.getGroupChildren(e,r));return o}groupBy(e,t,o,n,a){const s=this.widget,l=s.store,d=s.sorter&&s.sorter.bSortGroupColumn;let c;o&&(this.aAddedGroupRecords.length=0),this.aGroupData&&Object.keys(this.aGroupData).length&&!a?this.cleanGroupData(null,d,n):this.aGroupData={},"string"==typeof e&&(e=e.split(",").map((e=>e.trim()))),t=t||l.aOrderedData,c=e.length?t.reduce(((t,o)=>{let n=this.aUnsortedGroupData,a=t;for(let t=0;t<e.length;t++){const l=e[t];let d=""+i.MU(o,l,void 0,s.sNestedDataSeparator);d=d.replaceAll(s.sNestedGroupDataSeparator,r.default.global.replaceToken),void 0===a[d]&&(a[d]={open:!1},a[d].data=t===e.length-1?[]:{}),n&&void 0!==n[d]&&(a[d].open=n[d].open,n=n[d].data),a=a[d].data}return a.push(o),t}),this.aGroupData):t,this.aGroupData=c,n&&(this.aUnsortedGroupData=null),this.groupRows()}groupRows(e,t,o,r){const i=this.widget;e=e||this.aGroupData,t=t||"",o=o||0,r=r||0;for(let a in e){const s=e[a],l=t+a,d=this.getGroupCount(a,e);if(0!==d)if(i.updateRowMapping(i.aRowMapping,o,{sRecordIndex:a,sGroupRecordIndex:l,nCount:d}),o++,s.open){const e=s.data;if(n.kJ(e))for(let t=0;t<e.length;t++)i.updateRowMapping(i.aRowMapping,o,{sRecordIndex:e[t].sRecordIndex,nDataRowsBefore:r++}),o++;else o=this.groupRows(s.data,l+i.sNestedGroupDataSeparator,o,r)}else r+=d}return this.groupedVisible=o,e===this.aGroupData&&(this.readdDoubleGroupRecords(),this.updatePagerGroupByMapping()),o}cleanGroupData(e,t){e=e||this.aGroupData;for(let t in e){const o=e[t],r=o.data;n.kJ(r)?o.data=[]:this.cleanGroupData(r)}return t&&this.aGroupData&&(this.aUnsortedGroupData=n.c7.copy(this.aGroupData),this.aGroupData={}),{}}calculateGroupData(e,t,o,n,r,i){const a=e._columnConfig.sTypeGroupPlural||"",s=e.widget;let l="";if(a){let e=a.split(",").map((e=>e.trim()));l=t>1&&e.length>1?e[1]:e[0]}let d=this.getGroupChildren(o,r);d=d.map((e=>s.store.cleanSingleRecord(e)));const c={count:t,name:n,plural:l,children:d};return i.oPageData&&(c.total=i.oPageData.nTotal,c.totalSeen=i.oPageData.totalSeen,c.maxOnPage=i.oPageData.nMaxOnPage),c}calculateGroupDataAggregate(e){const t=this.widget,o=e.split(t.sNestedGroupDataSeparator).map((e=>e.trim())),n=o[o.length-1],r=this.getGroupParent(e);let i=this.getGroupChildren(n,r);return i=i.map((e=>t.store.cleanSingleRecord(e))),i}calculateTemplate(e,t,o,n){const r={record:e,index:e,group:t};return this.widget.store.populateTemplate(o,n,r)}calculateIndexData(e,t){const o={},n=e.widget,i=e.sGroupRecordIndex,a=t?n.aGroupBy.join(","):e.sTargetFieldIndex,s=n.sNestedGroupDataSeparator;let l;const d=i.split(this.widget.sNestedGroupDataSeparator),c=a.split(",");for(let e=0;e<c.length;e++){let t,n=c[e];if("disabled"!==s){let e=n.split(s).map((e=>e.trim()));l=e[e.length-1]}else l=n;d.length>e&&(t=d[e],t=t.replaceAll(r.default.global.replaceToken,this.widget.sNestedGroupDataSeparator)),o[l.trim()]=t}return o.current=d[d.length-1],o}getGroupData(e,t){const o=this.widget,n=this.getGroupRow(t),i=e.split(o.sNestedGroupDataSeparator).map((e=>e.trim())),a=i[i.length-1],s=this.getGroupParent(e),l=this.getGroupCount(a,s),d=a.replaceAll(r.default.global.replaceToken,o.sNestedGroupDataSeparator);return this.calculateGroupData(t,l,a,d,s,n)}getGroupRow(e){const t=this.widget,o=t.getRowIndexByDataRowContainerIndex(e.nStartRowIndex);return t.aRowMapping[o]}customTemplate(e,t,o){const n=this.getGroupData(t,o);return this.calculateTemplate({},n,e)}customRenderer(e,t,o){const n=this.getGroupRow(o),r=this.getGroupData(t,o),i=this.calculateIndexData(o,!0);return e.method.apply(e.scope,[i,r,n])||""}clean(){this.aUnsortedGroupData={},this.aGroupData={}}readdDoubleGroupRecords(){const e=this.widget;let t=e.getRowIndexByDataRowContainerIndex(0);const o=this.aAddedGroupRecords,n=o.length,r=e.aRowMapping;let i;for(i=0;i<n;i++){const e=o[i];if(!(e.index<t))break;r.splice(e.index,0,e.record)}i<n&&(o.length=i),e.store.refreshAllRecordMapping()}updatePagerGroupByMapping(e,t,o){const n=this.widget,r=this.aAddedGroupRecords.length;let i=n.nCurrPageIdx,a="last"===t;do{if(o<i)for(let e=o;e<i;e++)this.addGroupRecords(e);if(a){let e=n.getPageCount()-1;e!==i?n.nCurrPageIdx=i=e:a=!1}}while(a);e?(this.resetAddedGroupRecords(),this.readdDoubleGroupRecords()):this.resetAddedGroupRecords(!0),this.addGroupRecords(),r!==this.aAddedGroupRecords.length&&n.fire("rowgroupaddedrows")}addGroupRecords(e){const t=this.widget,o=t.aRowMapping;let n=t.getRowIndexByDataRowContainerIndex(0,void 0,e),r=o[n];if(!r)return;let i,a,s,l=r.sGroupRecordIndex,d=!l||l.split(t.sNestedGroupDataSeparator).length>1,c=n,h=0,u=0,g=0;for(;d;){[c,i,s,a]=this.getGroupedParent(c,n,u,g),h+=i;let e=h+s;const r=o[c];let l={sRecordIndex:r.sRecordIndex,sGroupRecordIndex:r.sGroupRecordIndex,bExtraRow:!0,oPageData:{nTotalSeen:h+1,nMaxOnPage:e,nTotal:a},nCount:0};this.aAddedGroupRecords.push({record:l,index:n}),o.splice(n,0,l),t.store.refreshAllRecordMapping(),d=!r.sGroupRecordIndex||r.sGroupRecordIndex.split(t.sNestedGroupDataSeparator).length>1,u||(u=r.sGroupRecordIndex.split(t.sNestedGroupDataSeparator).length),g++}}resetAddedGroupRecords(e){const t=this.widget,o=this.aAddedGroupRecords,n=t.aRowMapping;let r=null,i=t.getRowIndexByDataRowContainerIndex(0)+t.getPageSize();for(let t=o.length-1;t>=0;t--){let a=o[t].index;(!e||a>=i)&&(n.splice(a,1),e&&(r=t))}null!==r&&(o.length=r)}pageCloseGroup(e,t){if(t)return;let o;const n=this.widget,r=n.aRowMapping;for(o=0;o<r.length;o++){if(r[o].sGroupRecordIndex===e){let e=n.getPageByDataRowIndex(o);if(e!==n.getCurrPageIdx()){n.bGrouping=!0,n.setCurrPageIdx(e);let t=n.getRowContainerIndexByRowIndex(o);n.selectorEngineManager.$cell(t,0).select(!0),n.bGrouping=!1}break}}}clearPaging(){this.widget.setCurrPageIdx(0)}unsetGroup(){const e=this.widget,t=e.aGroupBy.slice(0);return e.aGroupBy=[],e.bHasRowGroupColumn=!1,e.bGroupBy=!1,t}cardGroupBy(){const e=this.widget,t=e.webcomponent,o=e.aColumnMapping;let n;if(e.bHasRowGroupColumn)for(let e=0;e<o.length;e++)n=o[e],n.sCellType===r.default.internalColumn.rowgroup&&(this.oCard.oColumnMapping=n);t.groupBy&&(this.oCard.groupBy=t.groupBy),this.widget.bUpdateGroupBy=!0,t.groupBy=!1,this.oCard.bGroupBy=!0,this.widget.bUpdateGroupBy=!1}rowGroupBy(){const e=this.widget,t=e.webcomponent,o=e.aColumnMapping,n=this.oCard;if(e.bEditingControls=!0,n.oColumnMapping){let t=e.getColgroupByColumnIndex(0),r=n.oColumnMapping.oDOMZGColumn;r.initialLoad(e,n.oColumnMapping),t.insertBefore(r,t.firstChild),o.unshift(r._oParsedColumnMapping)}else n.groupBy&&(t.groupBy=n.groupBy);e.bEditingControls=!1,this.oCard={}}getGroupedParent(e,t,o,n){const r=this.widget,i=r.aRowMapping;let a,s,l,d,c,h=i[e],u=h.sGroupRecordIndex,g=0,p=0,f=0,m=r.getPageSize();for(u&&(g=u.split(r.sNestedGroupDataSeparator).length-1),s=e-1;s>=0;s--){if(h=i[s],h.bExtraRow)continue;if(u=h.sGroupRecordIndex,!u){p++;continue}let e=u.split(r.sNestedGroupDataSeparator).length;if(0===g||e===g){c=h.nCount,a=u,d=s,o||(o=e);break}this.getRecord(u).open||(p+=void 0!==h.nCount?h.nCount:1)}let b=m-(o-n);for(l=0;l<b&&(s=t+l,!(s>=i.length))&&(h=i[s],u=h.sGroupRecordIndex,!u||0===u.indexOf(a));l++)if(void 0!==h.nCount){this.getRecord(u).open||(f+=h.nCount)}else f++;return[d,p,f,c]}}},91724:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n={delivery:"class",dom:"<i></i>",prefix1:"fas",prefix2:"fa-",map:{cancel:"fa-times",cancelrecord:"fa-times",close:"fa-times",checked:"fa-check-square",checkmark:"fa-check",delete:"fa-trash",down:"fa-arrow-down",error:"fa-exclamation-circle",edit:"fa-edit",editrecord:"fa-edit",firstpage:"fa-angle-double-left",fixedmenu:"fa-bars",info:"fa-info-circle",lastpage:"fa-angle-double-right",layoutcard:"fa-th-large",layoutrow:"fa-th-list",link:"fa-link",menu:"fa-ellipsis-v",nextpage:"fa-angle-right",outsidearrow:"fa-external-link-alt",prevpage:"fa-angle-left",reload:"fa-redo-alt",remove:"fa-times",removerecord:"fa-trash",search:"fa-search",submitrecord:"fa-check",success:"fa-check-circle",unchecked:"fa-square",up:"fa-arrow-up",warning:"fa-exclamation-triangle"}}},85110:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n=class{constructor(e){this.widget=e.widget,this.se=e.se,this.ZG=this.widget.webcomponent}updateIcons(e){this.widget.aIcons.forEach((t=>t.changeVendor(e)))}updateIconTheme(){this.widget.aIcons.forEach((e=>e.setIcon(e.name)))}}},87848:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>r});var n=o(38419);o(45092);const r=class{constructor(e){this.widget=e.widget,this.se=e.se,this.rowInit=null,this.ZG=this.widget.webcomponent,this.ZG.layoutType=null,this.widget.on("viewport:change",(()=>{this.widget.bAPIReady?this.setMobileWidth():this.widget.on("apiready",this.setMobileWidth,this)}))}getLayoutType(){return this.ZG.getAttribute(n.default.zgLayout.attr)}isLayoutSet(){return n.default.zgLayout.typesArr.indexOf(this.getLayoutType())>-1}layoutCtrlClick(e){const t=this.ZG.layoutType=e.action.split("layout")[1];this.setEditorType(t),this.setLayoutAttr(t)}setEditorType(e){const t=this.widget;if((!this.ZG.userEditorValue||e===n.default.zgLayout.typeCard)&&t.bHasEditorEnabled){t.bUpdatingEditor=!0;const o=e===n.default.zgLayout.typeCard?n.default.editor.typeModal:n.default.editor.typeInline;t.editorManager.setEditorType(o),t.bUpdatingEditor=!1}}setActiveButton(e,t){requestAnimationFrame((()=>{const o=e.querySelectorAll(n.default.zgButton.tagName),r=e.querySelector(`zg-button[action="layout${t}"]`);if(o&&[...o].forEach((e=>e.removeAttribute(n.default.attr.active))),!r)return;const i=()=>r.setAttribute(n.default.attr.active,"");r.bReady?i():r.on("ready",i)}))}setLayout({isReset:e=!1}={}){const t=this.ZG,o=this.widget;let r=t.oDOMLayout||t.querySelector(n.default.zgLayoutControls.tagName);const i=t.layoutType=this.getLayoutType();if(e||[void 0,null].indexOf(i)>-1)return e&&t.oDOMLayoutControls&&t.oDOMLayoutControls.setAttribute(n.default.attr.hidden,""),t.oDOMLayoutControls&&t.oDOMLayoutControls.hasAttribute(n.default.attr.hidden)&&t.oDOMLayoutControls.removeAttribute(n.default.attr.hidden),this.setLayoutType(n.default.zgLayout.reset),this.setMobileWidth(),void(t.layoutType=void 0);t.hasAttribute(n.default.zgLayout.attr)||t.setAttribute(n.default.zgLayout.attr,i);const a=["",null];if([...a,...n.default.zgLayout.typesArr].indexOf(i)>-1){const e=a.indexOf(i)>-1?n.default.zgLayout.reset:i;this.setLayoutType(e)}i?this.setEditorType(i):this.setMobileWidth(),r&&this.setActiveButton(r,i),i===n.default.zgLayout.typeRow&&o.bNeedsRowResize&&(requestAnimationFrame((()=>{o.bDisconnect||(o.renderTo.style.display="none",o.updater.nSavedResizeWidth=this.widget.webcomponent.clientWidth,o.renderTo.style.display="",o.updater.updateResizeWindow(!0))})),o.bNeedsRowResize=!1)}setLayoutAttr(e){this.ZG.setAttribute(n.default.zgLayout.attr,e)}setLayoutType(e,t){const o=this.widget;let r=!1;e===n.default.zgLayout.typeCard?(o.hasFrozenColumns()&&(o.nCardLeftFrozenColumns=o.nLeftFrozenColumns,o.nCardRightFrozenColumns=o.nRightFrozenColumns,o.nLeftFrozenColumns=0,o.nRightFrozenColumns=0,o._adjustFrozenColumns(),r=!0),o.hasFrozenRows()&&(o.nCardTopFrozenRows=o.nTopFrozenRows,o.nCardBottomFrozenRows=o.nBottomFrozenRows,o.nTopFrozenRows=0,o.nBottomFrozenRows=0,o.updateFrozenRowMapping(),r=!0),o.bGroupBy&&(o.groupbyManager.cardGroupBy(),r=!0),r&&o.webcomponent.bReady&&(o.updater.clearCache(),o.updater.update())):((o.nCardLeftFrozenColumns||o.nCardRightFrozenColumns)&&(o.nLeftFrozenColumns=o.nCardLeftFrozenColumns,o.nRightFrozenColumns=o.nCardRightFrozenColumns,o.nCardLeftFrozenColumns=0,o.nCardRightFrozenColumns=0,o._adjustFrozenColumns(),r=!0),(o.nCardTopFrozenRows||o.nCardBottomFrozenRows)&&(o.nTopFrozenRows=o.nCardTopFrozenRows,o.nBottomFrozenRows=o.nCardBottomFrozenRows,o.nCardTopFrozenRows=0,o.nCardBottomFrozenRows=0,o.updateFrozenRowMapping(),r=!0),o.groupbyManager.oCard.bGroupBy&&(o.groupbyManager.rowGroupBy(),o._updateGroupedColumnReset(!0)),r&&o.webcomponent.bReady&&o.updater.clearCache()),o.webcomponent.bReady?requestAnimationFrame((()=>{o.bDisconnect||this.updateLayoutAttributes(e,t)})):e&&this.updateLayoutAttributes(e,!0)}updateLayoutAttributes(e,t){const o=n.default.zgLayout.attr,r=(n.default.zgLayout.cardTplAttr,this.ZG);if(e===n.default.zgLayout.reset){if(this.resetFrames(),r.oDOMHeader.removeAttribute(o),r.oDOMControlBar){r.oDOMControlBar.removeAttribute(o);let e=r.oDOMControlBar.querySelector("zg-checkbox[internal-selector]");e&&e.removeAttribute(o)}let e=r.querySelector("zg-head-cell zg-checkbox[internal-selector]");e&&e.removeAttribute(o),r.oTopPager&&r.oTopPager.removeAttribute(o),r.oBottomPager&&r.oBottomPager.removeAttribute(o),r.oDOMBatchEditStyle&&r.oDOMBatchEditStyle.removeAttribute(o)}else{const t=e===n.default.zgLayout.typeCard&&this.widget.hasCardTemplate();if(-1===n.default.zgLayout.typesArr.indexOf(e))return;if(this.setFrames(e,t),r.oDOMHeader.setAttribute(o,e),r.oDOMControlBar){r.oDOMControlBar.setAttribute(o,e);let t=r.oDOMControlBar.querySelector("zg-checkbox[internal-selector]");t&&t.setAttribute(o,e)}let i=r.querySelector("zg-head-cell zg-checkbox[internal-selector]");i&&i.setAttribute(o,e),r.oTopPager&&r.oTopPager.setAttribute(o,e),r.oBottomPager&&r.oBottomPager.setAttribute(o,e),r.oDOMBatchEditStyle&&r.oDOMBatchEditStyle.setAttribute(o,e)}e===n.default.zgLayout.typeCard&&this.setTypeCard(),r.oDOMCaption&&r.oDOMCaption.toggleColumnMenu(e);let i,a=e===n.default.zgLayout.reset?n.default.zgLayout.typeRow:e,s=this.sCurrentType===n.default.zgLayout.reset?n.default.zgLayout.typeRow:this.sCurrentType;i=a!==s,i&&a===n.default.zgLayout.typeRow&&void 0===s&&(i=!1),i&&(r.pageSizeRow||r.pageSizeCard)&&this.widget.calculatePageSize(a),this.sCurrentType=a,i&&this.widget.fire("layoutchange"),!t&&i&&this.widget.update()}setFrames(e,t){const o=n.default.zgLayout.attr,r=n.default.zgLayout.cardTplAttr,i=this.ZG;["","Left","Right"].forEach((n=>{i[`oDOM${n}Colgroup`].setAttribute(o,e);const a=i[`oDOM${n}Body`];a.setAttribute(o,e),[...a.children].forEach((n=>{n.setAttribute(o,e),t?n.setAttribute(r,""):n.removeAttribute(r);for(let t=0;t<n.children.length;t++)n.children[t].setAttribute(o,e);return n})),t?a.setAttribute(r,""):a.removeAttribute(r),i[`oDOM${n}Head`].setAttribute(o,e),i[`oDOM${n}Foot`].setAttribute(o,e)}))}resetFrames(){const e=n.default.zgLayout.attr,t=n.default.zgLayout.cardTplAttr,o=this.ZG;["","Left","Right"].forEach((n=>{o[`oDOM${n}Colgroup`].removeAttribute(e);const r=o[`oDOM${n}Body`];r.removeAttribute(e),r.removeAttribute(t),r&&r.children&&[...r.children].forEach((o=>{o.removeAttribute(e),o.removeAttribute(t);for(let t=0;t<o.children.length;t++)o.children[t].removeAttribute(e);return o})),o[`oDOM${n}Head`].removeAttribute(e),o[`oDOM${n}Foot`].removeAttribute(e)}))}setMobileWidth(){const{editorManager:e}=this.widget,t=this.ZG.getAttribute(n.default.viewport.attr)===n.default.viewport.mobileLabel,o=this.isLayoutSet();o||(!this.ZG.userEditorValue&&this.widget.bHasEditorEnabled&&(t?e.setEditorType(n.default.editor.typeModal):this.setEditorType()),t&&!o?this.setLayoutType(n.default.zgLayout.typeCard):this.setLayoutType(n.default.zgLayout.reset))}setTypeCard(){const e=this.widget;!this.ZG.userEditorValue&&this.widget.bHasEditorEnabled&&(e.bUpdatingEditor=!0,this.ZG.setAttribute(n.default.editor.attr,n.default.editor.typeModal),e.bUpdatingEditor=!1),this.ZG.oDOMBody&&this.ZG.oDOMBody.children&&[...this.ZG.oDOMBody.children].forEach((e=>{[...e.children].forEach((e=>e.removeAttribute(n.default.attr.sorted)))}))}}},602:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(38419),r=o(45092),i=o(56919);const a=class{constructor(e){this.widget=e.widget,this.se=e.se,this.oRegisteredMenu={},this.activeMenu=null,this.menuitems=[],this.bInit=!1}reset(){this.widget.webcomponent.removeMenu(this),this.oRegisteredMenu={},this.activeMenu=null,this.menuitems=[],this.bInit=!1,this.bUserMenu=!1}initMenu(e){const t=this.widget;t.webcomponent;let o=null;if(e&&this.bInit&&this.oElMenu&&this.reset(),this.bInit)return;t.sContextMenuId&&t.sContextMenuId!==n.default.zgMenu.browser&&(o=document.getElementById(t.sContextMenuId),o&&(o.setAttribute(n.default.attr.hidden,""),this.wrapMenuItems(o)));let r=t.sContextMenuId&&t.sContextMenuId!==n.default.zgMenu.browser?`${t.sContextMenuId}Clone`:"userContextMenuClone";if(this.oElMenu=this.widget.webcomponent.querySelector(`#${r}`),this.oElMenu?this.bDefined=!0:(this.oElMenu=document.createElement(n.default.zgMenu.tagName),this.oElMenu.id=r,this.oElMenu.setAttribute(n.default.attr.hidden,"")),o&&null!==o.getAttribute("replace"))this.bUserMenu=!0;else{if(!1!==this.widget.store.oDataRequest.createOptions){const e='\n          /* Group: Insert Record */\n          [group="insert-record-group"] { background: var(--zg-menu-group-background, var(--theme-background-zebra)); }\n          [group="insert-record-group"] zg-menu-item { --zg-menu-item-padding:3px 5px; flex-basis:33.333%; }\n          [group="insert-record-group"] zg-icon { width:16px; height:16px; }\n          [group="insert-record-group"] zg-button zg-icon,\n          [group="insert-record-group"] zg-button zg-checkbox { display:none; }\n        ',t=[{action:"createrecord",text:"context.insertRecordHere"},{action:"createrecordstart",text:"context.insertRecordStart"},{action:"createrecordend",text:"context.insertRecordEnd"}];this.addMultipleItems(t,{group:"insert-record-group",label:{icon:"createrecord",text:"context.insertRecordLabel"},styles:e})}this.addItem({action:"freezecolumnleft",text:"context.freezeColumnLeft"}),this.addItem({action:"freezecolumnright",text:"context.freezeColumnRight"}),this.addItem({action:"unfreezecolumn",text:"context.unfreezeColumn"}),this.addSeparator("freezecolumn"),this.addItem({action:"freezerowtop",text:"context.freezeRowTop"}),this.addItem({action:"freezerowbottom",text:"context.freezeRowBottom"}),this.addItem({action:"unfreezerow",text:"context.unfreezeRow"}),this.addSeparator("freezerow"),this.addItem({action:"hidecolumn",text:"context.hideColumn"}),this.addSeparator("hide"),this.addItem({action:"sortcolumn",text:"context.sortColumn"}),this.addSeparator("sort");!1!==this.widget.store.oDataRequest.updateOptions.cell&&this.addItem({action:"editcell",text:"context.editCell"});!1!==this.widget.store.oDataRequest.updateOptions.row&&this.addItem({action:"editrow",text:"context.editRow"}),this.addSeparator("edit"),!1!==this.widget.store.oDataRequest.deleteOptions.row&&(this.addItem({action:"removerecord",text:"context.deleteRow"}),this.addSeparator("delete")),this.addItem({action:"duplicaterecord",text:"context.duplicateRow"}),this.addSeparator("duplicate"),this.addItem({action:"submitrecord",text:"context.save"}),this.addItem({action:"cancelrecord",text:"context.cancel"}),this.addSeparator("action"),this.addItem({action:"copycell",text:"context.copyCell"}),this.addItem({action:"pastecell",text:"context.pasteCell"}),this.addSeparator("copy"),this.addItem({action:"selectcell",text:"context.selectCell"}),this.addItem({action:"selectrow",text:"context.selectRow"}),this.addItem({action:"selectall",text:"context.selectAll"}),this.addItem({action:"deselect",text:"context.deselect"}),this.addSeparator("select"),this.addItem({action:"prevpage",text:"context.previousPage"}),this.addItem({action:"nextpage",text:"context.nextPage"}),this.addItem({action:"firstpage",text:"context.firstPage"}),this.addItem({action:"lastpage",text:"context.lastPage"}),this.addSeparator("pager"),this.addItem({action:"resetstate",text:"context.resetState"}),this.addSeparator("reset"),this.addItem({action:"about",text:"context.version"}),o&&o.children.length&&this.addSeparator()}if(!this.bDefined&&o)for(;o.childNodes.length>0;)this.oElMenu.appendChild(o.childNodes[0]);t.webcomponent.appendMenu(this),this.bInit=!0}createMenuItem({action:e,text:t}){let o=document.createElement(n.default.zgMenuItem.tagName);o.menu=this.oElMenu,o.menuManager=this.widget.menuManager;let r=document.createElement(n.default.zgButton.tagName),a=document.createElement("span");return a.slot=n.default.zgButton.slot.label,a.textContent=i.default.get(t,this.widget,{element:a,elProperty:"textContent"}),r.setAttribute(n.default.attr.action,e),r.appendChild(a),o.appendChild(r),this.bDefined?(this.menuitems[e]=this.oElMenu.querySelector(`zg-menu-item zg-button[action=${e}]`).parentNode,!1):(this.menuitems[e]=o,o)}addItem({action:e,text:t}){const o=this.createMenuItem({action:e,text:t});o&&this.oElMenu.appendChild(o)}addMultipleItems(e,t){if(!e||!e.length)return;const o=document.createElement(n.default.zgMenuGroup.tagName);if(t.group&&o.setAttribute("group",t.group),t.label){if(t.label.icon){const e=document.createElement(n.default.zgIcon.tagName);e.setAttribute("name",t.label.icon),e.slot="zgMenuGroupLabel",o.appendChild(e)}if(t.label.text){const e=document.createElement("span");e.textContent=i.default.get(t.label.text,this.widget,{element:e,elProperty:"textContent"}),e.slot="zgMenuGroupLabel",o.appendChild(e)}}let r;t.styles&&o.insertAdjacentHTML("afterbegin",`<style>${t.styles}</style>`),e.forEach((e=>{r=this.createMenuItem({action:e.action,text:e.text}),r&&(r.slot="zgMenuGroupItems",r.menuGroup=o,o.appendChild(r))})),this.menuitems[t.group]=o,this.oElMenu.appendChild(o)}addSeparator(e){if(this.bDefined)this.menuitems[e]=this.oElMenu.querySelector(`zg-separator[action=${e}]`);else{let t=document.createElement("zg-separator");t.setAttribute(n.default.attr.action,e),this.oElMenu.appendChild(t),this.menuitems[e]=t}}closeMenu(){let e=this.activeMenu;e&&(this.activeCell?this.activeCell.select():this.bFixed&&this.widget.focusManager.focusGrid(this.bFixed),e.removeAttribute(n.default.zgMenu.opener),e._hide(),this.widget.fire("contextmenuclose"),this.lastCell=this.activeCell,this.activeMenu=null,this.activeCell=null,this.activeHeader=null,this.activeColumn=null,requestAnimationFrame((()=>this.bFixed=!1)))}displayMenu(e,t){this.toggleMenuItemDisplay();let o=this.oElMenu;o._show();const r=this.widget.webcomponent;o.clearPosition(),o.calculateMenuPosition(e,r),this.widget.isStorybook("menu")||o.querySelector(`${n.default.zgMenuItem.tagName}:not([hidden]`).focus(),o.setAttribute(n.default.zgMenu.opener,n.default.zgMenu.static),this.activeMenu=o}getActiveMenu(){return this.activeMenu}isMenuOpen(){return!!this.activeMenu}openFixedMenu(e){const t=this.widget,o=t.sorter;if(e.oDOMTarget&&e.oDOMTarget.tagName.toLowerCase()===n.default.zgButton.tagName){const t=e.oDOMTarget.querySelector("zg-icon");if(t)return void t.click()}let r,i=t.selector.se;if("grid"===i.sContextLevel){if(this.activeHeader=this.activeCell=this.activeColumn=null,o.isSorterActive()){const e=t.getColumnIndexByFieldIndex(o.sActiveSortedIndex);e>=0&&(this.activeColumn=t.aColumnMapping[e])}}else"cell"!==i.sContextLevel&&(i=i.toCell()),this.activeCell=i,r=this.activeCell.el.dom.cellIndex,this.activeColumn=t.aColumnMapping[r];this.displayMenu(e,{x:e.oDOMTarget.offsetLeft,y:e.oDOMTarget.offsetHeight}),t.fire("contextmenuopen"),this.bFixed=!0}openContextMenu(e,t){const o=this.widget.webcomponent,i=this.widget.webcomponent.querySelectorAll("zg-menu"),a=this.oElMenu;let s,l=r.MV(t,n.default.zgCell.tagName),d=!r.MV(t,n.default.zgCard.tagName)&&!l&&r.MV(t,n.default.zgHeadCell.tagName);a.clearPosition(),this.activeHeader=this.activeCell=null,i&&[...i].forEach((e=>e.setAttribute(n.default.attr.hidden,""))),d?(this.activeHeader=d,s=d.getAttribute("cellindex")):l&&(this.activeCell=this.se.cell(l),s=l.cellIndex),(this.activeHeader||this.activeCell)&&(this.activeColumn=this.widget.aColumnMapping[s],this.toggleMenuItemDisplay(!0),a._show(),this.widget.fire("contextmenuopen"),a.calculateContextPosition(e,o),this.activeMenu=a,a.setAttribute(n.default.zgMenu.opener,n.default.zgMenu.context))}registerMenu(e,t){this.oRegisteredMenu[e]=t}toggleMenuItemDisplay(e){let t=this.widget;const o=this.activeCell,r=this.activeHeader,i=this.activeColumn,a=t.webcomponent.preserveStateId;let s,l;i&&(s=t.getAreaByColumn(i)),o&&(l=o.sFrozenRowState);let d,c=t.getPageSize(),h=t.store.getOriginRecordCount()||t.getRowCount();const u=e&&this.activeCell||!e&&t.bHasSelectorEnabled&&this.activeCell;d=["insert-record-group","createrecord","createrecordstart","createrecordend"],this.toggleSection(d,!t.recordEditor.bIsOpen&&t.bHasEditorEnabled),d=["createrecord"],this.toggleSection(d,u&&!t.recordEditor.bIsOpen&&t.bHasEditorEnabled),d=["editcell"],this.toggleSection(d,o&&!t.recordEditor.bIsOpen&&t.bHasEditorEnabled),d=["editrow"],this.toggleSection(d,o&&!t.recordEditor.bIsOpen&&t.bHasEditColumn),d=["edit"],this.toggleSection(d,o&&!t.recordEditor.bIsOpen&&(t.bHasEditorEnabled||t.bHasEditColumn)),d=["duplicate","duplicaterecord"],this.toggleSection(d,o&&!t.recordEditor.bIsOpen&&t.bHasEditorEnabled),d=["delete","removerecord"],this.toggleSection(d,o&&!t.recordEditor.bIsOpen&&(t.bHasEditorEnabled||t.bHasRemoveColumn)),d=["submitrecord","cancelrecord","action"],this.toggleSection(d,t.recordEditor.bIsOpen),d=["freezecolumnleft"],this.toggleSection(d,i&&"left"!==s,!0),d=["freezecolumnright"],this.toggleSection(d,i&&"right"!==s,!0),d=["unfreezecolumn"],this.toggleSection(d,i&&("left"===s||"right"===s),!0),d=["hidecolumn","hide"],this.toggleSection(d,i),d=["freezerowtop"],this.toggleSection(d,o&&!t.bGroupBy&&"top"!==l,!0),d=["freezerowbottom"],this.toggleSection(d,o&&!t.bGroupBy&&"bottom"!==l,!0),d=["unfreezerow"],this.toggleSection(d,o&&!t.bGroupBy&&("top"===l||"bottom"===l),!0),d=["sortcolumn","sort"],this.toggleSection(d,r),d=["copy","copycell"],this.toggleSection(d,o&&t.clipper&&-1===n.default.internalColumnTypes.indexOf(o.sCellType)),d=["pastecell"],this.toggleSection(d,o&&t.clipper&&t.clipper.savedValue&&t.recordEditor.bIsOpen),d=["select","selectcell","selectrow","selectall"],this.toggleSection(d,o&&t.bHasSelectorEnabled),d=["deselect"],this.toggleSection(d,o&&t.bHasSelectorEnabled&&t.selector.bHasSelection),d=["prevpage","nextpage","firstpage","lastpage","pager"],this.toggleSection(d,c<h||t.hasPager()),d=["resetstate","reset"],this.toggleSection(d,a);let g=this.oElMenu.querySelectorAll("[display=cell]"),p=this.oElMenu.querySelectorAll("[display=header]");this.toggleUserSection(g,o),this.toggleUserSection(p,r)}toggleSection(e,t,o){let n=this.menuitems;this.bUserMenu||e.forEach((e=>{const r=n[e].querySelector("zg-button");n.hasOwnProperty(e)&&t?o&&r?r._enable():n[e]._show():n.hasOwnProperty(e)&&!t&&(o&&r?r._disable():n[e]._hide())}))}toggleUserSection(e,t){e.forEach((e=>{t?e._show():e._hide()}))}wrapMenuItems(e){e.querySelectorAll("zg-menu-item").forEach((e=>{e.bAdded||e.ready();let t=e.querySelector(n.default.zgButton.tagName);if(!t){let o=e.querySelector("i");if(t=document.createElement(n.default.zgButton.tagName),t.setAttribute(n.default.attr.action,""),o){let t=document.createElement("div");t.classList.add("zg-button-icon"),t.setAttribute("slot","icon"),t.appendChild(o),e.appendChild(t)}t.innerHTML=e.innerHTML,e.innerHTML="",e.appendChild(t)}}))}destroy(){this.widget=null,this.se=null,this.oRegisteredMenu=null,this.activeMenu=null,this.menuitems.length=0,this.oElMenu=null,this.activeHeader=null,this.activeCell=null,this.activeColumn=null}}},77390:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(68965),r=o(32816),i=o(38419);class a extends n.Z{constructor(e){(e=e||{})._defaults={initAfterPaint:!0,nFirstRowContainerIndex:0},super(e)}init(){this.bFetching=!1,this.ons()}ons(){let e=this.widget;this.bHookedUp||e.oDOMScroller&&e.oDOMScroller.hasAttribute("height")&&(this.onScroll(),this.bHookedUp=!0)}onScroll(){const e=this.widget,t=r.Z.get(e.oDOMScrollerWrapper);let o=e.store;this.nLastScrollTop=0,e.bStaticScroll=!0,t.on("scroll",(()=>{if(e.bDisconnect)return;const t=e.webcomponent.oDOMTooltip,n=e.webcomponent.oDOMCellOverflow;t&&t._hideTarget(),n&&n.isOpen()&&n.setPosition(n.currentTrigger,!0),o.oDataFormat.bLoadByScroll?(e.bStaticScroll=!1,this.onInfiniteScroll()):this.onStaticScroll()}))}onStaticScroll(){const e=this.widget,t=e.mainColumnBody.el,o=r.Z.get(e.oDOMScroller),n=o.getScroll().top,i=n+o.getHeight(),a=.75*t.getHeight();n>this.nLastScrollTop&&i>a&&e.nRowSets*e.nRowsPerSet<e.getPageSize()&&(e.nRowSets++,e.update({bNoReRenderer:!0,bUpdateRowMappingOrder:!0,bUpdateBodyContent:!0,bUpdateContainer:!0,bUpdateColumnBodyContainerClass:!0})),this.nLastScrollTop=n}onInfiniteScroll(){let e=this.widget,t=e.mainColumnBody.el,o=r.Z.get(e.oDOMScrollerWrapper);if(this.bFetching)return;let n=o.getScroll().top,i=n+o.getHeight(),a=.75*t.getHeight(),s=.25*t.getHeight();if(this.nOldStart=e.nAdjustedStart,n>this.nLastScrollTop&&i>a){this.bFetching=!0,e.nCurrPageIdx++;let t=e.getPageSize()*e.nInfiniteTotalDisplay,o=e.getPageSize()*(e.nCurrPageIdx+1);if(t<o&&!e.bInfiniteMaxReached&&(e.nAdjustedStart=o-t),e.getInfiniteDataLoaded()){let r=!1;e.bInfiniteMaxReached&&(o=e.aRowMapping.length,t<o&&(e.nAdjustedStart=Math.min(e.nAdjustedStart+e.getPageSize(),o-t),e.update(),n=this.completeScroll(!0),r=!0)),r||this.cleanupNoScroll()}else e.bInfiniteMaxReached?this.cleanupNoScroll():(e.nAdjustedStart=this.nOldStart,e.store.once("loaded",(()=>{this.bFetching&&(n=this.completeScroll(!0),this.nLastScrollTop=n)})),e.store.load())}else n<this.nLastScrollTop&&n<s&&e.nAdjustedStart>0&&(this.bFetching=!0,e.nCurrPageIdx--,e.nAdjustedStart=Math.max(0,e.nAdjustedStart-e.getPageSize()),e.update(),n=this.completeScroll(!1));this.nLastScrollTop=n}completeScroll(e){let t=this.widget,o=r.Z.get(t.oDOMScrollerWrapper),n=t.getPageSize();const i=Math.abs(t.nAdjustedStart-this.nOldStart);i%n&&(n=i%n);let a=t.getRowHeight()*n;return e&&t.nAdjustedStart>0?t.oDOMScrollerWrapper.scrollTop-=a:e||(t.oDOMScrollerWrapper.scrollTop+=a),this.bFetching=!1,o.getScroll().top}cleanupNoScroll(){this.bFetching=!1,this.widget.nCurrPageIdx--}scroll(e,t,o){const n=this.widget,i=n.oDOMScroller;let a=n.mainGridHScroll.dom,s=e.xy,l=e.width,d=e.height,c=i?r.Z.get(i):null,h=c?c.getXY():0,u=c?c.getSize():0,g=r.Z.get(n.webcomponent.oDOMMain),p=g.getXY(),f=g.getSize(),m=s[0]-p[0],b=s[1]-h[1],v=s[0]+l-(p[0]+f[0]),y=s[1]+d-(h[1]+u[1]);t||(y>0&&(i.scrollTop+=y),b<0&&(i.scrollTop+=b)),o||(m<0&&(a.scrollLeft+=m),v>0&&(a.scrollLeft+=v))}scrollToCell(){const e=this.widget,t=e.webcomponent,o=e.selector.se;let n;const r=e.getBodyByColumnIndex(o.nStartColumnIndex),a="cell"===o.sContextLevel&&r!==t.oDOMBody;if(t.layout===i.default.zgLayout.typeCard){let e=o.el.dom.parentNode.getBoundingClientRect();n={xy:[e.x,e.y],width:e.width,height:e.height}}else n=o.dimension();this.scroll(n,!1,a)}scrollToRange(){let e,t=this.widget,o=t.selector.se,n=!1,r=!1,i=t.getElByIndex(o.nStartRowIndex,o.nStartColumnIndex),a=t.getElByIndex(o.nEndRowIndex,o.nEndColumnIndex);switch(o.sExpandDirection){case"up":case"shrinkdown":r=!0;case"left":case"shrinkright":e=i;break;case"down":case"shrinkup":r=!0;case"right":case"shrinkleft":e=a;break;default:e=i}n=!r;const s={xy:e.getXY(),width:e.getWidth(),height:e.getHeight()};this.scroll(s,n,r)}}const s=a},91510:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(68965),r=o(32816),i=o(38419);class a extends n.Z{constructor(e){(e=e||{})._defaults={initAfterRender:!0},super(e),this.oLastMouseScreenPosition={x:0,y:0},this.oLastMousePosition={x:0,y:0},this.nLastVerticalTimeStamp=this.nLastHorizontalTimeStamp=(new Date).getTime(),this.bHasSelection=!1}init(){this.ons()}ons(){this.widget.on("pagechange",(e=>this.deSelectAll(e)),this),this.widget.on("cellopenedit",(e=>this.deSelectAll(e)),this),this.widget.on("rowdelete",(e=>this.deSelectAll(e)),this),this.widget.on("layoutchange",(e=>this.deSelectAll(e)),this)}onDocMouseUpFromSelector(){this.widget.bIsMouseDown=!1;const e=r.Z.get(document);e.docUn("mouseup",this.onDocMouseUpFromSelector,this),e.docUn("touchend",this.onDocMouseUpFromSelector,this),e.docUn("mousemove",this.onMouseMoveFromSelector,this),e.docUn("touchmove",this.onMouseMoveFromSelector,this),this.widget.bHasSelectorEnabled&&(this.se.isRangeSingleCell()||"cell"===this.se.sContextLevel?this.bHasSingleCell=!0:(this.bHasSingleCell=!1,this.se.select()))}onMouseDownFromSelector(e){const t=r.Z.get(document),o=this.oLastMousePosition,n=this.oLastMousePosition;t.on("mouseup",this.onDocMouseUpFromSelector,this),t.on("touchend",this.onDocMouseUpFromSelector,this),t.on("mousemove",this.onMouseMoveFromSelector,this),t.on("touchmove",this.onMouseMoveFromSelector,this),o.x=e.xy[0],o.y=e.xy[1],n.x=e.oBrowserEvent.screenX,n.y=e.oBrowserEvent.screenY}onMouseMoveFromSelector(e){let t=this.oLastMousePosition;t.x=e.xy[0],t.y=e.xy[1]}onKeyDownDocument(e,t){const o=this.widget,n=this.se;o.editorFieldManager;let r,a=e.nCharCode,s=this.bHasSelection&&!o.bHasSelectorEnabled;const l=(e,t,o,n)=>{e.stopEvent();const i=this.widget;if(e.bIsSHIFT&&n.toRange(),e.bIsSHIFT&&o)n.shrink(t).select();else if(e.bIsSHIFT)n.expand(t).select();else if(r=n.toCell().traverse(t),r)r.select(s);else if("up"===t){let t=n.nStartColumnIndex;i.headerFocusManager.focusFromBody(e,t)&&this.deSelectAll(!0,!0)}else if("down"===t){let t=n.nStartColumnIndex,o=i.footerFocusManager.focusFromBody(e,t);o||(o=i.focusManager.tabChangeFocus(e,{section:this.widget.focusManager.GRIDINDEX})),o&&this.deSelectAll(void 0,!0)}},d=(e,t,o,n)=>{e.stopEvent(),r=t.cell(o,n),r.select(s)};let c=e.RIGHT,h=e.LEFT;switch("rtl"===o.sComputedDir&&(c=e.LEFT,h=e.RIGHT),a){case e.HOME:d(e,n,n.nStartRowIndex,0);break;case e.END:d(e,n,n.nStartRowIndex,o.getColumnContainerCount()-1);break;case e.PAGE_UP:d(e,n,0,n.nStartColIndex);break;case e.PAGE_DOWN:d(e,n,o.getRowContainerCount()-1,n.nStartColIndex);break;case e.UP:case"ArrowUp":l(e,"up",n.nInitialRowIndex<n.nEndRowIndex,n);break;case e.DOWN:case"ArrowDown":l(e,"down",n.nInitialRowIndex>n.nStartRowIndex,n);break;case c:case"ArrowRight":l(e,"right",n.nInitialColumnIndex>n.nStartColumnIndex,n);break;case h:case"ArrowLeft":l(e,"left",n.nInitialColumnIndex<n.nEndColumnIndex,n);break;case e.SPACE:if(this.bHasSingleCell){let t=n.cell().sCellType;(n.el.dom.querySelector(`[${i.default.template.detailsAttr}]`)||-1!==i.default.internalColumnTypes.indexOf(t)||"url"===t||t===i.default.internalColumn.rowgroup||t===i.default.cellTypes.button)&&(e.preventDefault(),this.cellEnter(n))}break;case e.ENTER:case"enter":e.preventDefault(),o.isComputedCard()&&o.hasCardTemplate()?o.editorManager.openEditor(n.row()):o.isComputedCard()&&!n.bCardDrill?(n.bCardDrill=!0,n.select(s)):this.bHasSingleCell&&this.cellEnter(n.cell()),this.bHasSingleCell&&n.sCellType===i.default.internalColumn.recordinfo&&o.tooltipManager._showTarget(null,n.dom());break;case e.ESC:case"esc":this.bHasSingleCell&&o.tooltipManager.oCurrentParent?this.widget.tooltipManager._hideTarget(null,o.tooltipManager.oCurrentParent,!0):this.deSelectAll();break;case e.A:case"a":e.bIsCTRL&&(e.preventDefault(),n.selectAll().select(),this.fire(i.default.event.selectedAllCells))}}cellEnter(e){let t=this.widget,o=e.sCellType,n=e.el.dom;if(-1!==i.default.internalColumnTypes.indexOf(o)||o===i.default.internalColumn.rowgroup||o===i.default.cellTypes.button){let e=n.querySelector("zg-button")||n.querySelector("zg-checkbox");e&&e.click()}else if(t.bHasCellEditorEnabled||t.batchEditor.isActive())this.bTriggerSelect=!0,t.editorManager.openEditor(e);else if("url"===o){let e=n.querySelector("a");e&&e.click()}else n.querySelector(`[${i.default.template.detailsAttr}]`)&&t.detailsManager.openCellDetails(e)}deSelectRange(){this.widget.bHasSelectorEnabled&&this.hideSelectionMaskAndBorder(),this.hideFocusCellMask()}deSelectAll(e,t){const o=this.widget;if(this.bHasSelection){const t=this.se.dom();t&&t.hasAttribute(i.default.zgTooltip.typeAttr)&&o.tooltipManager._hideTarget(null,t,!0,e)}this.bHasSelection=!1,this.se.deSelect(),this.focusCell(null,!0,!0),t||(o.headerFocusManager.deSelect(),o.footerFocusManager.deSelect()),this.fire(i.default.event.deselectedCells),this.fire("deselectedcells")}drawFocusCellMaskBorder(){this.hideFocusCellMask(),this.se.oColumnBodies.forEach((e=>e.oElFocusCellMaskBorder.draw()))}drawSelectionMask(){this.hideSelectionMaskAndBorder(),this.se.oColumnBodies.forEach((e=>e.oElSelectionMask.draw()))}focusCell(e,t,o){(this.widget.bHasSelectorEnabled||t)&&(this.oDOMPrevFocusCell&&(this.oDOMPrevFocusCell.classList.remove("zg-focus-cell"),this.oDOMPrevFocusCell&&this.oDOMPrevFocusCell.hasAttribute(i.default.zgTooltip.typeAttr)&&this.widget.tooltipManager._hideTarget(null,this.oDOMPrevFocusCell,!0)),o||(this.drawFocusCellMaskBorder(e),this.oDOMPrevFocusCell=e.dom(),this.oDOMPrevFocusCell.classList.add("zg-focus-cell"),this.bHasSelection=!0))}hideSelectionMaskAndBorder(){this.widget.webcomponent.querySelectorAll("zg-selector-mask").forEach((e=>e.hideAll()))}hideFocusCellMask(){this.widget.webcomponent.querySelectorAll("zg-focus:not([area=header]):not([area=footer])").forEach((e=>e._hide()))}selectCell(e,t){(this.widget.bHasSelectorEnabled||t)&&(this.widget.isComputedCard()&&!e.bCardDrill?(this.widget.mainColumnBody.oElFocusCellMaskBorder.drawCard(),e.scrollIntoView()):(e.scrollIntoView(),this.widget.bHasSelectorEnabled&&this.drawSelectionMask(),this.bHasSingleCell=!0,this.focusCell(e,t)),this.bHasSelection=!0)}selectRange(e){this.widget.bHasSelectorEnabled&&(e.isRangeSingleCell()?this.selectCell(e):(this.bHasSingleCell=!1,this.drawSelectionMask(),this.bHasSelection=!0))}updateSelection(){}}const s=a},99642:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});o(45092);var n=o(68965),r=o(38419);class i extends n.Z{constructor(e){(e=e||{})._defaults={initAfterRender:!0},super(e),this.sActiveSortedIndex=null,this.bSortGroupColumn=!1,this.aOriginalRowMappingOrder=[],this.fnSorter=null,this.nSortOrder=0}isSorterActive(){return null!==this.sActiveSortedIndex}sortAll(){let e=this.fnSorter;0!==this.nSortOrder?this.sortData(null,null,this.nSortOrder,e,!0):this.restoreOriginalOrder()}sortData(e,t,o,n,r){const i=this.widget;let a;this.sortAllRecords(e,o,n,r),i.bGroupBy?(i.aRowMapping.length=0,this.sortGroupBy()):(a=this.sortRecords(e,t,o,n,r),a.map(((e,t)=>{i.updateRowMapping(i.aRowMapping,t,{sRecordIndex:e.sRecordIndex})}))),i.fire("roworderchange")}sortGroupBy(e){const t=this.widget,o=t.filter;if(o.aFiltered)o.filter();else{let o=t.store.aOrderedData;t.groupbyManager.groupBy(t.aGroupBy,o,!1,e)}}sortRowMappingByColumn(e){let t,o=e.aUserSet.fnSorter;o?t=e.fnSorter||this.fnSorter||null:(t=this.fnSorter||e.fnSorter||null,o=this.fnSorter);let n=e.nSortOrder||0,i=e.sFieldIndex;if(null===t)return;if(0===n)return void(this.isSorterActive()&&i===this.sActiveSortedIndex&&!this.widget.store.isServerSort()&&(this.restoreOriginalOrder(),this.sActiveSortedIndex=null,this.bSortGroupColumn=!1,this.fire("sort",{index:null})));i=i.split(",");let a=e.sSorterIndex||i[0];e.sSorterIndex&&-1===i.indexOf(a)&&(a=i[0]),0!==n&&(this.bSortGroupColumn=e.sCellType===r.default.internalColumn.rowgroup),this.sortData(a,i,n,t,o),0==n?(this.sActiveSortedIndex=null,this.bSortGroupColumn=!1,this.fire("sort",{index:null})):(this.sActiveSortedIndex=e.sFieldIndex,this.nSortOrder=n,this.fire("sort",{index:this.sActiveSortedIndex,order:this.nSortOrder}))}sortRecords(e,t,o,n,r){let i=this.widget,a=i.store,s=0===this.aOriginalRowMappingOrder.length;const l=i.aRowMapping.map(((o,n)=>{let i=o.sRecordIndex,l={sRecordIndex:i};if(s&&(this.aOriginalRowMappingOrder[n]=i),r)t?t.forEach((e=>{e=e.trim();let t=a.get(i,e);l[e]=null==t?"":t})):l=a.get(i).oRecordRawData;else{let t=a.get(i,e);l.mValue=null==t?"":t}return l}));let d=n.scope||this.widget;return l.sort((function(e,t){let r;return r=void 0!==e.mValue?n.method.apply(d,[e.mValue,t.mValue]):n.method.apply(d,[e,t]),o>0?r:-r})),l}sortAllRecords(e,t,o,n){this.widget.store.aOrderedData.sort((function(r,i){let a;if(n)a=o.method.apply(o.scope,[r,i]);else{let t=r[e],n=i[e];a=o.method.apply(o.scope,[t,n])}return t>0?a:-a}))}restoreOriginalOrder(){let e=this.widget;if(e.store.unsetSort(),e.bGroupBy)e.aRowMapping.length=0,this.sortGroupBy(!0);else{this.aOriginalRowMappingOrder.map(((t,o)=>{e.updateRowMapping(e.aRowMapping,o,{sRecordIndex:t})})),this.aOriginalRowMappingOrder.length=0}}unsetActiveSort(){let e=this.widget.aColumnMapping,t=this.sActiveSortedIndex;if(this.widget.cellBreakManager.prepCellBreak(),null!==t)for(let o of e)t!==o.sFieldIndex&&(o.nSortOrder=0)}}const a=i},47734:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(38419),r=o(45092);const i=class{constructor(e){this.widget=e.widget,this.se=e.se,this.ZG=this.widget.webcomponent}initSource(e){(e=e||this.ZG.source)&&!this.ZG.oDOMSource?(this.ZG.oDOMSource=document.createElement(n.default.zgSource.tagName),this.ZG.oDOMSource.textContent=this.ZG.source):e&&this.ZG.oDOMSource?this.ZG.oDOMSource.textContent=e:!e&&this.ZG.oDOMSource&&this.ZG.oDOMSource.textContent&&(this.ZG.source=this.ZG.oDOMSource.textContent),this.srcEl=this.ZG.oDOMSource,this.srcElClone=this.srcEl.cloneNode(!0),this.ZG.oDOMSource.setAttribute("slot",n.default.zgSource.attr),this.addSourceToSlot(),this.addAriaToSource(),r.CL(this.ZG.oDOMSource)}setSource({source:e}){e&&!this.ZG.oDOMSource&&this.initSource(e);const t=this.ZG.querySelectorAll("zg-source");e?t.forEach((t=>t.textContent=e)):(this.ZG.oDOMSource=null,t.forEach((e=>e.parentNode.removeChild(e))))}addAriaToSource(){this.ZG.oDOMSource||(this.ZG.oDOMSource=this.ZG.querySelector(n.default.zgSource.tagName)),this.ZG.oDOMSource.setAttribute(n.default.attr.role,"any")}addSourceToSlot(e){const t=this.ZG.oDOMSource.getAttribute(n.default.attr.mirror);"top"===(e=e||this.ZG.oDOMSource.getAttribute(n.default.attr.position))?this.slotSource(e,this.ZG.oDOMHeader,this.srcEl):"bottom"===e?this.slotSource(e,this.ZG.oDOMFooter,this.srcEl):t||""===t||"both"===e?(this.slotSource("top",this.ZG.oDOMHeader,this.srcEl),this.slotSource("bottom",this.ZG.oDOMFooter,this.srcElClone)):this.slotSource("bottom",this.ZG.oDOMFooter,this.srcEl)}slotSource(e,t,o){o.setAttribute(n.default.attr.position,e),t.appendChild(o)}}},63765:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(32260),r=o(38419);const i=class{constructor(e){const t=this.widget=e.widget;this.ZG=this.widget.webcomponent,this.stateOptions=t.oStateOptions,this.oFilter={},this.oConfig={},t.on("pagechange",this.setStatePage,this),t.on("pagesizechange",this.setStatePageSize,this),t.on("layoutchange",this.setStateLayout,this),t.on("search",this.setStateSearch,this),t.sorter.on("sort",this.setStateSort,this),t.on("filter",this.setStateFilter,this),t.on("columnmove",this.setStateColumn,this),t.on("columntoggle",this.setStateColumn,this),t.on("frozenrowchange",this.setStateRowFrozen,this),t.on("rowselectionchanged",this.setStateRowSelector,this),t.on("columnresize",this.setStateColumn,this),t.on("togglerowgroup",this.setStateRowGroup,this),t.on("rowgroupaddedrows",this.setStateRowGroup,this),t.selector.on(r.default.event.selectedCells,this.setStateSelector,this),t.selector.on(r.default.event.selectedFrozenCells,this.setStateSelector,this)}loadState(){const e=this.stateOptions.preserveStateId,t=this.stateOptions.preserveStateLoad;let o,r=this.fnLoadState;e&&(t?(r&&t===this.sLoadState||(this.fnLoadState=r=n.Z.setUserFunction(null,t),this.sLoadState=t),r&&r.method&&(o=r.method.apply(r.scope,[e]))):o=localStorage.getItem(e),o&&this.updateState(o))}updateState(e,t){try{"string"==typeof e&&(e=JSON.parse(e)),this.oConfig=e,this.readState(e,t)}catch(e){throw this.bUpdatingStates=!1,e}}readState(e,t){this.bUpdatingStates=!0;let o=!1;const n=this.getActiveStates(),r=["columnvisibility","columnposition","columnfrozen","columnwidth","rowfrozen","search","filter","sort","pagesize","rowgroup","page","layout","rowselector","selector"];if(e)for(let t=0;t<r.length;t++){let i=r[t];if(-1===n.indexOf(i))continue;0!==i.indexOf("column")||o||(i="column",o=!0);let a=e[i];if(a){this[`set${i[0].toUpperCase()+i.substring(1)}`](a,n)}}t||!this.stateOptions.preserveStateSave||this.stateOptions.preserveStateLoad||this.storeState(),this.bUpdatingStates=!1}clearState(e){const t=this.widget,o=this.stateOptions.preserveStateId;this.oConfig={},o&&localStorage.removeItem(o),e&&(t.oDOMSortedColumn&&t.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader&&t.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader.clearStyle(!0),t.updateInitialConfig(),t.store.reload())}setUserState(e){this.bUpdatingStates=!0,e?(this.updateState(e,!0),this.storeState(!0)):this.clearState(!0),this.bUpdatingStates=!1}setUserStateField(e,t){const o=this.getActiveStates();if(e){this.setState(e,t,!0),this[`set${e[0].toUpperCase()+e.substring(1)}`](t,o)}}setState(e,t,o){if(this.bUpdatingStates)return;let n=this.oConfig;t?n[e]=t:n[e]&&delete n[e],this.stateOptions.preserveStateId&&this.storeState(o)}storeState(e){const t=this.oConfig,o=this.stateOptions.preserveStateId,r=this.getActiveStates(),i={};r.forEach((e=>{"columnvisibility"!==e&&"columnposition"!==e&&"columnfrozen"!==e&&"columnwidth"!==e||(e="column"),i[e]=t[e]}));const a=this.stateOptions.preserveStateSave;let s=this.fnSetState;a&&!e&&(s&&a===this.sSetState||(this.fnSetState=s=n.Z.setUserFunction(null,a),this.sSetState=a),s&&s.method&&s.method.apply(s.scope,[o,JSON.stringify(i)])),localStorage.setItem(o,JSON.stringify(i))}setStateFilter(e,t){const o=t.sFilterIndex;let n=t.sValue||"";n=n.trim(),this.oFilter[o]?""!==n?this.oFilter[o]=n:delete this.oFilter[o]:this.oFilter[o]=n,this.setState("filter",this.oFilter)}setStateColumn(){const e=this.widget.aColumnMapping.map((e=>({id:e.sColumnId,bHidden:e.bHidden,sFrozen:e.sFrozen,nWidth:e.oDOMZGColumn.width})));this.setState("column",e)}setStateRowSelector(){const e=this.widget;let t=Object.keys(e.aSelectedRows);this.setState("rowselector",t)}setStateSelector(e,t){let o,n,r,i,a;if(t)o=t.rowIndex,r=t.colIndex,a=t.sArea;else{let e=this.widget.selector.se;o=e.nStartRowIndex,n=e.nEndRowIndex,r=e.nStartColumnIndex,i=e.nEndColumnIndex}this.setState("selector",{startRow:o,endRow:n,startColumn:r,endColumn:i,area:a})}setStateRowFrozen(){this.setState("rowfrozen",{top:this.widget.aTopRowMapping,bottom:this.widget.aBottomRowMapping})}setStatePage(){this.setState("page",this.widget.nCurrPageIdx+1)}setStatePageSize(e,t){this.setState("pagesize",t)}setStateRowGroup(){const e=this.widget.groupbyManager,t={open:e.aOpenGroups,pagedRows:e.aAddedGroupRecords};this.setState("rowgroup",t)}setStateLayout(){this.setState("layout",this.widget.layoutManager.sCurrentType)}setStateSearch(e,t){this.setState("search",t.searchTerm)}setStateSort(e,t){t||t.index||(t=null),this.setState("sort",t)}setFilter(e){if(e)for(let t in e){let o=e[t];this.ZG.filterColumn(t,o)}}setColumn(e,t){const o=-1!==t.indexOf("columnvisibility"),n=-1!==t.indexOf("columnposition"),r=-1!==t.indexOf("columnfrozen"),i=-1!==t.indexOf("columnwidth"),a=this.widget.aColumnMapping;let s=0,l=0;if(e&&e.length===a.length){if(n||r)for(let t=0;t<e.length;t++){let o=e[t],n=t,r=a.findIndex((e=>e.sColumnId===o.id));r!==n&&this.widget.moveColumn(r,n),"left"===o.sFrozen?s++:"right"===o.sFrozen&&l++}if(o)for(let t=0;t<e.length;t++){let o=e[t],n=a[t];o.bHidden&&!n.bHidden?n.oDOMZGColumn.setAttribute("hidden",""):!o.bHidden&&n.bHidden&&n.oDOMZGColumn.removeAttribute("hidden")}if(r&&(this.ZG.frozenColumnsLeft!=s&&(this.ZG.frozenColumnsLeft=s),this.ZG.frozenColumnsRight!=l&&(this.ZG.frozenColumnsRight=l)),i)for(let t=0;t<e.length;t++){let o=e[t],n=a[t];o.nWidth&&(n.oDOMZGColumn.width=o.nWidth)}}}setRowfrozen(e){const t=this.widget,o=t.store;t.webcomponent.frozenRowsTop=0,t.webcomponent.frozenRowsBottom=0;for(let t=0;t<e.top.length;t++){const n=e.top[t];o.moveRow(n.sRecordIndex,"top")}for(let t=0;t<e.bottom.length;t++){const n=e.bottom[t];o.moveRow(n.sRecordIndex,"bottom")}}setRowgroup(e){const t=this.widget,o=t.groupbyManager;if(!e||!t.bGroupBy)return;const n=e.open,r=e.pagedRows;o.aAddedGroupRecords=r;for(let e=0;e<n.length;e++){let t=n[e];const r=o.getRecord(t);o.aOpenGroups.push(t),r.open=!0}o.reloadGroups()}setSelector(e){if(e.area){let t=e.area.toLowerCase();this.widget[`${t}erFocusManager`].select(e.startRow,e.startColumn)}else this.widget.webcomponent.select(e.startRow,e.startColumn,e.endRow,e.endColumn)}setRowselector(e){const t=this.widget,o=t.aColumnMapping.findIndex((e=>e.sCellType===r.default.internalColumn.recordselector));if(-1!==o)for(let n=0;n<e.length;n++){let r,i=e[n],a=t.store.oLocalModel[i];r="top"===a.sFrozen||"bottom"===a.sFrozen?t.getDataRowIndexByContainerIndex(a.nRowIndex,a.sFrozen):t.getDataRowIndexByRecordIndex(i,a.sFrozen);let s=t.getDOMByIndex(r,o).querySelector("zg-checkbox");s&&(s.checked=!0)}}setPage(e){let t=Math.max(parseInt(e,10)-1,0);this.widget.setCurrPageIdx(t)}setPagesize(e){this.ZG.setPageSize(e)}setLayout(e){this.ZG.setLayout(e)}setSearch(e){this.ZG.searchGrid(e)}setSort(e){if(e){const t=e.index,o=1===e.order?"asc":"desc";this.ZG.sortColumn(t,o)}}getActiveStates(){const e=this.stateOptions.preserveStateOptions;let t;return t=e&&"all"!==e?e.split(",").map((e=>e.trim())):["columnvisibility","columnposition","columnfrozen","columnwidth","rowfrozen","search","filter","sort","pagesize","rowgroup","page","layout","rowselector","selector"],t}destroy(){}}},39232:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(38419),r=o(32816);const i=class{constructor(e){this.widget=e.widget,this.ZG=this.widget.webcomponent,this.close=null,this.icon=null,this.statusText=null}setStatus({icon:e="error",msg:t,state:o="error",sDetails:i,sLabel:a,fnDetails:s}={}){const l=this.ZG.getAttribute(n.default.zgStatus.delayAttr),d=l&&parseInt(l)?parseInt(l):n.default.zgStatus.delay,c=this.ZG.getAttribute(n.default.zgStatus.persistAttr),h=-1===[void 0,null].indexOf(c)||i,u=this.ZG.oDOMStatus,g=this.ZG.getAttribute(n.default.zgStatus.positionAttr),p=-1===[void 0,null].indexOf(g)&&g===n.default.zgStatus.barPosition;u.setAttribute(n.default.attr.type,o||"error"),p?u.setAttribute(n.default.zgStatus.positionAttr,n.default.zgStatus.barPosition):u.removeAttribute(n.default.zgStatus.positionAttr),this.icon=u.shadowRoot.querySelector(`${n.default.zgIcon.tagName}`),e?(this.icon.removeAttribute(`${n.default.attr.hidden}`),this.icon.setAttribute(n.default.attr.name,e)):this.icon.setAttribute(`${n.default.attr.hidden}`,""),t&&(this.statusText=u.shadowRoot.querySelector(".zg-status-text"),this.statusText.textContent=t),i&&s?(this.details=u.shadowRoot.querySelector(".zg-status-details"),this.details.innerHTML="<br><br>"+i,r.Z.get(this.details).on("click",(e=>{this.widget.detailsManager.openDetailsMessage(null,s,a),u.removeAttribute(n.default.attr.active)}))):this.details&&(this.details.innerHTML=""),u.setAttribute(n.default.attr.active,""),h||(this.messageTimeout=setTimeout((()=>{this.widget.bDisconnect||(u.removeAttribute(n.default.attr.active),this.messageTimeout=null)}),d))}closeStatus(){this.ZG.oDOMStatus.removeAttribute(n.default.attr.active),this.widget.focusManager.initChangeFocus("up")}destroy(){this.close=null,this.icon=null,this.statusText=null,this.messageTimeout&&(clearTimeout(this.messageTimeout),this.messageTimeout=null)}}},47581:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(32816),r=o(45092),i=o(32260),a=o(38419);const s=class{constructor(e){this.widget=e.widget,this.ZG=this.widget.webcomponent}_getTooltipOptions(e,t,o){const n=this.widget.store,r=e.toLowerCase(),a={},s=this.widget[`o${e}Tooltip`];!t[`fn${e}TooltipRenderer`]&&t[`${r}TooltipRenderer`]?t[`fn${e}TooltipRenderer`]=i.Z.setUserFunction(null,t[`${r}TooltipRenderer`]):!s[`fn${e}TooltipRenderer`]&&s[`${r}TooltipRenderer`]&&(s[`fn${e}TooltipRenderer`]=i.Z.setUserFunction(null,s[`${r}TooltipRenderer`]));if([`oDOM${e}TooltipTemplate`,`fn${e}TooltipRenderer`,`${r}TooltipText`,`${r}TooltipIcon`,`${r}TooltipIconPosition`,`${r}TooltipDelay`,`${r}TooltipPosition`,`${r}TooltipTemplate`,`${r}TooltipType`,`${r}TooltipTrigger`,`${r}TooltipAction`].forEach((o=>{const n=new RegExp(e,"i");let r=o.replace(n,"");r=r.charAt(0).toLowerCase()+r.slice(1),a[r]=t[o]||s[o]||null})),"Header"===e)a.oTemplateContext={fieldIndex:t.sFieldIndex,headerText:t.sColumnHeaderText},a.aRendererArgs=[t.sFieldIndex,t.sColumnHeaderText,this,t];else if(o.sGroupRecordIndex);else{const e=n.get(o.sTargetRecordIndex).oRecordRawData,t=o.indexData();a.oTemplateContext={record:e,index:t},a.aRendererArgs=[t,e,this,o]}return a}_getTooltipContent(e,t){let o=null;const n=t.oDOMTooltipTemplate,i=this.widget.store,a=t.oTemplateContext,s=t.aRendererArgs||[];let l=t.tooltipText;const d={tooltipText:l};for(let e in a)d[e]=a[e];l&&-1!==l.indexOf(i.templateStartDelimiter)&&(d.tooltipText=l=i.populateTemplate(l,null,d)),n&&(o=i.populateTemplate(n,null,d));const c=t.fnTooltipRenderer;if(c&&c.method){const e=c.method,t=[l,...s],n=c.scope;let i=e.apply(n,t);r.Uh(i)&&(o=i)}else l&&!n&&(o=l);return o}_hasTooltip(e,t){const o=t.fnTooltipRenderer&&t.fnTooltipRenderer.method;return!!t.tooltipText||o||t.oDOMTooltipTemplate}_initTooltipTriggers(e,t,o){o?t.fnUnClick=e.on("click",(e=>this._toggleTarget(e,t)),this):(t.fnUnMouseEnter=e.on("mouseenter",(e=>this._delayTarget(e,t)),this),t.fnUnMouseLeave=e.on("mouseleave",(e=>this._hideTarget(e,t)),this))}_hideTarget(e,t,o,r){const i=this.ZG.oDOMTooltip;if(this.tooltipDelay&&!r&&clearTimeout(this.tooltipDelay),!o){const o=e.oBrowserEvent.relatedTarget;if(n.Z.elContains(t.oTrigger,o)||n.Z.elContains(i,o))return;e&&e.stopPropagation()}t===this.oCurrentParent&&(i._hideTarget(),this.oCurrentParent=null,t.bTooltipOpen=!1,this.fnUnMouseLeave&&(this.fnUnMouseLeave(),this.fnUnMouseLeave=null))}_delayTarget(e,t,o){const n=t.oTooltipOptions,r=n.tooltipDelay||o||n.defaultTooltipDelay||0;r?(this.tooltipDelay&&clearTimeout(this.tooltipDelay),this.tooltipDelay=setTimeout((()=>{this._showTarget(e,t)}),r)):this._showTarget(e,t)}_showTarget(e,t,o){const n=this.ZG.oDOMTooltip;if(n&&!t.bTooltipOpen){if(this.oCurrentParent&&this._hideTarget(null,this.oCurrentParent,!0),t.tagName.toLowerCase()===a.default.zgCell.tagName){const e=this.widget.selectorEngineManager.$cell(t),o=t.getAttribute("type")===a.default.internalColumn.rowgroup,n=e&&e.sGroupRecordIndex;if(o&&!n)return;if(n&&!o)return}this.oCurrentParent=t,t.bTooltipOpen=!0,n._showTarget(e,t.sTooltipContent,t),o||(this.fnUnMouseLeave=n.on("mouseleave",(e=>this._hideTarget(e,t)),this))}}_toggleTarget(e,t){t.bTooltipOpen?this._hideTarget(e,t,!0):this._showTarget(e,t,!0)}destroy(){this.close=null,this.icon=null,this.statusText=null,this.messageTimeout&&(clearTimeout(this.messageTimeout),this.messageTimeout=null)}}},21704:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>h});var n=o(68965),r=o(45092),i=o(32816),a=o(38419),s=o(7673),l=o(32260),d=o(34584);class c extends n.Z{constructor(e){(e=e||{})._defaults={},super(e),this.resetGlobals(),this.nInitialWidth=0,this.updating=!1,this.nInitialWindowWidth=document.documentElement.clientWidth,this.resizeTO,this.resizeWindow=()=>{this.widget&&this.widget.bAPIReady&&(!this.widget.webcomponent.oDOMDialog||""!==this.widget.webcomponent.oDOMDialog.open&&!0!==this.widget.webcomponent.oDOMDialog.open)&&(window.clearTimeout(this.resizeTO),this.resizeTO=setTimeout((()=>{if(this.nInitialWindowWidth===document.documentElement.clientWidth)return;this.nInitialWindowWidth=document.documentElement.clientWidth;const e=window.innerWidth-document.documentElement.clientWidth;this.widget.renderTo.style.display="none",this.nSavedResizeWidth=this.widget.webcomponent.clientWidth;const t=window.innerWidth-document.documentElement.clientWidth,o=Math.abs(document.documentElement.clientWidth-this.widget.webcomponent.clientWidth-e);e>0&&0===t&&o<=3&&(this.nSavedResizeWidth-=e),this.widget.renderTo.style.display="",this._removeFixedWrapperWidth(),this.updateResizeWindow()}),100))};try{window.top.addEventListener("resize",this.resizeWindow,{passive:!0})}catch(e){window.addEventListener("resize",this.resizeWindow,{passive:!0})}}update(e,t,o){const n=this.widget,r=n.webcomponent;let i=!1,s=!1;if(void 0===t&&(t=null),void 0===o&&(o=null),this.widget.webcomponent.bRemoved)return;if(this.updating||(n.nLoadingImages=0),this.updating=!0,this.sOrientation=window.orientation,this.bIsIframe=window!==window.top,e=e||{},n.bPreloaded&&(this.cleanPreload(),e.bUpdateColumnHeaderAssignment&&(e={bUpdateColumnBodyContainerClass:!0,bUpdateColumnHeaderAssignment:!0,bInitialSizeCheck:!0})),this.oOption=e,!this.nInitialWidth){n.mainGridTable?this.nInitialWidth=n.oDOMScroller.clientWidth:this.nInitialWidth=r._oShadowRoot.querySelector("#scroll").clientWidth,this.nCurrContainerWidth=this.nInitialWidth,this.nIframeParentWidth=Math.min(this.nInitialWidth,document.documentElement.clientWidth);let e=r.getBoundingClientRect().width,t=window.innerWidth;this.nPadding=e?Math.max(t-e,20):0,this.setMainContainerWidth()}if(e.bNoReRenderer||r.oDOMCellOverflow.close(),e.bUpdateRowMappingFilter&&this.updateRowMappingFilter(),e.bUpdateContainer&&(s=this.updateRowContainer()),e.bNoHeaderRecalc||!e.bUpdateColumnHeaderContent&&!e.bUpdateColumnHeaderAssignment||(this.updateHeaderStructure(),this.updateHeaderRowContainer(e.bUpdateFilter)),(e.bUpdateColumnHeaderAssignment||e.bUpdateColumnHeaderContent)&&this.updateHeader(o,!0===e.bUpdateColumnHeaderContent),e.bUpdateColumnFooter&&this.updateFooterRowContainer(),e.bUpdateColumnFooterContent&&this.updateFooterContent(),e.bUpdateColumnFooterAssignment&&this.updateFooterAssignment(),e.bUpdateRowMappingOrder&&(this.updateRowMappingOrder(o),o=null),e.bUpdateBodyContent&&this.updateBodyAssignment(t,o),(e.bUpdateColumnBodyContainerClass||e.bUpdateBodyContent)&&this.updateBodyContainerClass(t,o),e.bUpdateBodyContent&&this.updateCustomCard(t),(e.bUpdateContainer||e.bUpdateHiddenContainer)&&this.updateHiddenColumns(e.bUpdateHiddenContainer),e.bUpdateColumnWidthCache&&this.updateColumnWidthCache(e.bHiddenColumns,e.bExpandColumns,e.bFixedColumns,e.bPreload),e.bUpdateColumnWidth||e.bUpdateHiddenContainer?i=this.updateColumnWidth(null,e.bPreload):e.bUpdateContainer&&this.updateMainFirstPosition(),(e.bUpdateBodyContent||e.bUpdateColumnWidth)&&this.widget.cellBreakManager.setCellBreak(),i||e.bUpdateColumnHeaderContent||e.bUpdateColumnHeaderAssignment||e.bUpdateColumnWidthCache){const t=i||e.bUpdateColumnHeaderContent;e.bNoHeaderRecalc||this.updateHeaderCellContainerClass(t,e.bInitialSizeCheck),this.updateFooterCellContainerClass(t)}e.bUpdateColumnHeaderAssignment&&this.updateHeaderStyle(),e.bUpdateColumnFooterAssignment&&this.updateFooterStyle(),!e.bInitialSizeCheck&&(e.bUpdateColumnWidth||e.bUpdateColumnBodyContainerClass||e.bUpdateBodyContent)&&this.calculateRowHeights();const l=n.bHasFootRow?1:0,d=n.getRowContainerCount()+n.getAllHeaderDepth()+l;if(n.oDOMMainGridTable.setAttribute(a.default.aria.rowCount,d),n.oDOMMainGridTable.setAttribute(a.default.aria.colCount,n.aColumnMapping.length),s){let n=e.bInitialSizeCheck;e.bInitialSizeCheck=!1,this.updateRowsPerSet(),e.bNoHeaderRecalc=!0,this.update(e,t,o),e.bInitialSizeCheck=n}e.bInitialSizeCheck?(this.nSavedResizeWidth=this.widget.webcomponent.clientWidth,this._removeFixedWrapperWidth(),this.updateResizeWindow()):r.height&&(r.oDOMMain.style.height=r.oDOMVScroller.getBoundingClientRect().height+"px"),!e.bUpdateColumnWidth||i||e.bInitialSizeCheck||this.bResizing||this.checkHorizontalScroll(!0),this.updating=!1}setMainContainerWidth(){const e=this.widget,t=e.webcomponent,o=e.mainGridTable.dom,n=this.bIsIframe?this.nIframeParentWidth:this.nInitialWidth;t.getAttribute(a.default.zgLayout.attr)===a.default.zgLayout.typeCard||e.nSetWidth||(o.style.width=n+"px",o.setAttribute(a.default.attr.width,""))}checkHorizontalScroll(e){const t=this.widget;if(!t||!t.mainGridTable)return;let o=t.webcomponent,n=t.mainGridTable.dom,r=o._oShadowRoot.querySelector("#scroll"),i=this.bIsIframe?this.nIframeParentWidth:this.nInitialWidth;const s=o.getAttribute(a.default.zgLayout.attr)===a.default.zgLayout.typeCard;if(o.clientWidth>=i&&i+0===o.clientWidth&&(i+=0),s)return n.removeAttribute(a.default.attr.style),void(e||(t.bNeedsRowResize=!0));this.setMainContainerWidth(),r&&(r.style.width<n.style.width||""===n.style.width)&&(r.style.width="")}updateWrapperSize(){const e=this.widget,t=e.webcomponent,o=e.mainColumnBody.oDOMWrapper,n=this.nSavedResizeWidth||this.getVisibleBodyWidth();let r=o.getBoundingClientRect().width,i=0;if(!d.V5){const e=t._oShadowRoot.querySelector("#scroll").getBoundingClientRect().width;e!==n&&(i=n-e,r+=i),r=Math.max(r,n)}e.isCardLayout()?this.clearFrameWidths():(e.oHeadWrapper.style.width=n+"px",t.oDOMHead.style.width=r+"px",e.oFootWrapper.style.width=n+"px",t.oDOMFoot.style.width=r+"px")}updateFrozenMainSize(){const e=this.widget,t=e.webcomponent,o=e.mainColumnBody.oDOMWrapper,n=this.nSavedResizeWidth||this.getVisibleBodyWidth();let r=o.getBoundingClientRect().width,i=0;if(!d.V5){const e=t._oShadowRoot.querySelector("#scroll").getBoundingClientRect().width;e!==n&&(i=n-e,r+=i),r=Math.max(r,n)}e.isCardLayout()?this.clearFrameWidths():(t.oDOMFrozenMainFootFrame.style.width=n+"px",t.oDOMFrozenMainHeadFrame.style.width=n+"px",t.oDOMFrozenMainHead.style.width=r+"px",t.oDOMFrozenMainFoot.style.width=r+"px",t.oDOMNodata&&(t.oDOMNodata.style.width=r+"px"))}getVisibleBodyWidth(){const e=!d.V5,t=this.widget.webcomponent,o=this.widget.el.dom,n=t._oShadowRoot.querySelector("#scroll");let r=null;if(this.widget.nSetWidth){let e=this.widget.nSetWidth;(+e==e||-1!==e.indexOf("px"))&&(r=parseInt(e,10))}return r||(r=e?o.getBoundingClientRect().width-0:n.getBoundingClientRect().width-0),r}updateResizeWindow(e,t){const o=this.widget,n=o.webcomponent,i=o.mainGridTable.dom;let a=!1;if(this.bResizing=!0,!this.nPadding){let e=o.webcomponent.getBoundingClientRect().width,t=window.innerWidth;this.nPadding=Math.max(t-e,20),a=!0}(e||this.bIsIframe&&this.sOrientation!=window.orientation)&&(n.style.display="none",this.clearStyle(),n.style.display=""),(a||o.nSetWidth)&&(n._setScrollWidth(o.nSetWidth,!0),this.nInitialWidth=this.nCurrContainerWidth=i.clientWidth);const s=r.c7.get(this.widget,["viewportManager"]);let l=!1;if(!o.nSetWidth){let e=o.mainGridTable.dom;e.clientWidth>this.nInitialWidth&&(l=!0),this.nInitialWidth=this.nSavedResizeWidth||e.clientWidth,this.nIframeParentWidth=Math.min(this.nInitialWidth,document.documentElement.clientWidth),this.nCurrContainerWidth=this.nInitialWidth,this.nSavedResizeWidth=null}!this.updating&&s&&s.run.play?(s.setViewport(a),window.requestAnimationFrame((()=>{o.bDisconnect||this.finishResize(l)}))):this.finishResize(l)}finishResize(e){const t=this.widget,o=t.webcomponent;this.checkHorizontalScroll(),this.resizeGrid(e),o.height&&(o.oDOMMain.style.height=o.oDOMVScroller.getBoundingClientRect().height+"px"),t.webcomponent.oDOMCellOverflow.close(),t&&t.recordEditor&&t.recordEditor.cancelOpenEdit(),this.bResizing=!1}updateRowMappingFilter(){(this.widget.bHasFilterEnabled||this.widget.bHasSearchEnabled)&&this.widget.filter.filter()}updateRowMappingOrder(e){let t=this.widget,o=t.aColumnMapping;if(null===e)for(let e=0,n=o.length;e<n;e++)t.sorter.sortRowMappingByColumn(o[e]);else t.sorter.sortRowMappingByColumn(o[e]);t.sorter.unsetActiveSort()}updateHeaderRowContainer(e){const t=this.widget,o=t.mainColumnHeader,n=t.getHeaderContainer(),r=n.childNodes,i=t.getHeaderDepth();let s=r.length-i,l=n.querySelector("zg-filter"),d=n.querySelector('zg-row[type="aggregate"]'),c=n.querySelectorAll('zg-row[type="frozen"]').length,h=t.aTopRowMapping.length,u=l&&!t.bHasFilterEnabled,g=d&&!t.bHasHeadRow;if(l&&s--,d&&s--,s-=c,(l||d||c)&&(e||0!==s||u||g)){l&&(this.removeHeaderRows(),this.widget.aFilters.length=0),d&&this.removeHeaderRows();for(let e=0;e<c;e++)this.removeHeaderRows();l=!1,d=!1,c=0}if(s<0&&(this.widget.aFilters.length=0),this.updateRows(o,s),i||t.bHeaderRowHide){if(t.bHasFilterEnabled&&!l){o.insertRow(!0).forEach((e=>e?e.setAttribute(a.default.attr.type,"filter"):null))}if(t.bHasHeadRow&&!d){o.insertRow(!1,!0).forEach((e=>e?e.setAttribute(a.default.attr.type,"aggregate"):null))}if(h!==c)for(let e=0;e<h;e++){o.insertRow(!1,!0).forEach((t=>{t&&(t.setAttribute(a.default.attr.type,"frozen"),t.dataRowIndex=e)}))}}t.columnMenu&&!t.bColumnClick&&t.columnMenu.initMenu()}updateHeaderStructure(){const e=this.widget,t=e.sNestedDataSeparator,o=e.getHeaderDepth();let n=e.bHasFilterEnabled?o:-1,i=e.bHasHeadRow?o:-1;i>-1&&n>-1&&i++;const a=Math.max(n+1,i+1,o),s=e.nTopFrozenRows,l=e.aColumnMapping.map((e=>this._setColumnText(e))),d=l.map((e=>r.Sh(e)?[e]:r.String._splitHeader(e,t)));if(!d.length)return;const c=[];let h,u,g;for(let e=0,t=d.length;e<t;e++){u=d[e].length;for(let t=0,n=o;t<n;t++)h={},g=d[e][t],h.rowspan=t<u-1?1:t===u-1?o-u+1:0,h.text=null!==g?g:c[t-1][e].text,c[t]=c[t]||[],c[t][e]=h;-1!==n&&(c[n]=c[n]||[],c[n][e]={colspan:1,rowspan:1,text:""}),-1!==i&&(c[i]=c[i]||[],c[i][e]={colspan:1,rowspan:1,text:""});for(let t=0;t<s;t++){let o=a+t;c[o]=c[o]||[],c[o][e]={colspan:1,rowspan:1,text:""}}}let p,f=1,m="";for(let t=0,n=o;t<n;t++){p=0,m="",f=1;for(let o=0,n=l.length;o<n;o++){g=c[t][o].text,u=d[o].length;let n=e.aColumnMapping[o].bHidden;""!==g&&g===m&&u>1?f++:n||(c[t][p].colspan=f,p=o,m=g,f=1)}c[t][p].colspan=f}this.aaoFieldIndexT=c}updateHeaderCellContainerClass(e,t){e=e||!1;let o=!1;const n=this.widget,r=n.webcomponent;n.mainColumnHeader||(o=!0);if(!this.aaoFieldIndexT&&!o)return;let i=[];this.oHeaderPositions=[],n.savedScrollVal&&(n.oDOMMainScroll.scrollLeft=0,r.oDOMHead.style.transform="");let a=this.widget.aColumnMapping.length-n.nRightFrozenColumns;if(a<=n.nLeftFrozenColumns-1&&(a=n.nLeftFrozenColumns),this.processHeadRows(0,"Left",i,e),this.processHeadRows(n.nLeftFrozenColumns,"",i,e),this.processHeadRows(a,"Right",i,e),i.length&&(this.oOldHeaderStyles=i),n.savedScrollVal&&!t){let e=n.mainColumnBody.oBody.offsetWidth-n.oDOMMainScroll.offsetWidth;n.oDOMMainScroll.scrollLeft=Math.min(n.savedScrollVal,e),n.updateHeadFootScroll()}}processHeadRows(e,t,o,n){const r=this.widget,i=this.aaoFieldIndexT,s=r.getRegionsByColumnArea(t),l=s.oHead,d=s.oBody,c=l.childNodes,h=l.getBoundingClientRect(),u=r.aColumnMapping;let g,p,f,m,b,v,y,w=[];const z=c.length-1;let C=!1,S=0;const x=r.getFirstDataRowByArea(s);s.oBody.childNodes[0]||(C=!0),c.forEach(((t,s)=>{let l=[];S=0;let M=r.nDefaultHeadHeight;t.childNodes.forEach(((o,_)=>{let k=_+e;g=x?x.childNodes[_]:o,y=u[k],m=y.oDOMZGColumn||y,i?(p=i[s][k].colspan||0,v=i[s][k].rowspan||0):(p=1,v=1),p>=1&&(o.colSpan=p,!y.bHidden&&o.hasAttribute("hidden")&&(o.removeAttribute(a.default.attr.style),o.removeAttribute("hidden"))),v>=1&&(o.rowSpan=v),n&&!y.bHidden&&"absolute"===o.style.position&&o.removeAttribute(a.default.attr.style);if("ellipsis"!==r.cellBreakManager.getCellBreakByColumn(_)&&o.setAttribute(a.default.attr.title,""),(r.webcomponent.align||y.sAlign)&&r.setCellAlignment(o,y.sAlign),o.setAttribute("depth",s+1),f=o.querySelector(`[${a.default.zgCell.cellIndexAttr}]`),c.length>1)if(f){const e=r.sNestedDataSeparator;let t=y.sColumnHeaderText||f.getAttribute(a.default.zgCell.cellIndexAttr);b="disabled"!==e&&t.split(e).length>1,b&&o.setAttribute(a.default.attr.parent,"")}else o.setAttribute("not-parent","");o.setAttribute(a.default.attr.type,y.sCellType);const R=m.getAttribute(a.default.attr.type);let D,E;a.default.internalColumnTypes.indexOf(R)>-1||"disabled"===m.getAttribute("sort")||b&&"1"===o.getAttribute("depth")||!1===y.fnSorter?(o.setAttribute("sort","disabled"),o.tagName.toLowerCase()===a.default.zgHeadCell.tagName&&o._removeSort()):o.removeAttribute("sort"),o.tagName.toLowerCase()!==a.default.zgHeadCell.tagName||o.hasAttribute("not-parent")||(y.oDOMSortHeader=o),D=s>0?w[k]:g.getBoundingClientRect(),w[k]=D,E=this.aSavedHeadCellSize[s]&&this.aSavedHeadCellSize[s][k]?this.aSavedHeadCellSize[s][k]:o.getBoundingClientRect();var O=window.getComputedStyle(g);let T=parseInt(O.borderRightWidth,10),A=parseInt(O.borderLeftWidth,10);O=window.getComputedStyle(r.webcomponent);parseInt(O.borderRightWidth,10),parseInt(O.borderLeftWidth,10);O=window.getComputedStyle(d);let I=parseInt(O.borderRightWidth,10);O=window.getComputedStyle(o);let L=parseInt(O.borderLeftWidth,10),F=parseInt(O.borderRightWidth,10);if(!x||0===D.width&&0===D.height)return this.oOldHeaderStyles?this.oOldHeaderStyles.length>s&&this.oOldHeaderStyles[s].length>k&&(o.style=this.oOldHeaderStyles[s][k]):o.style.width=`${y.nCurrWidth}px`,void(s===z&&(this.oHeaderPositions[k]={width:o.style.width,left:o.style.left}));let N=C?parseInt(m.style.width,10):D.width,B=C?S:D.left-h.left;S+=N;let G=_+1,H=x?x.childNodes.length:0,P=p;for(;G<H&&P>1;G++,P--){N+=x.childNodes[G].getBoundingClientRect().width}if(0===k?(N+=A/2+F/2,B-=A/2):(B-=L,N+=L,F?B+=F/2:(B+=L/2,N-=L/2)),k+p>H-1&&p>0&&(N+=T/2-F/2,N-=I),0===p&&(N=0,o.setAttribute("hidden","")),o.nLeftPos=B,x){let e=E.height;o.style.left=`${B}px`,o.style.width=`${N}px`,"frozen"===t.getAttribute(a.default.attr.type)?(o.style.position="absolute",e=o.getBoundingClientRect().height):r.bCompact||(o.style.lineHeight=E.height*v+"px"),e=M=Math.max(M,e),o.style.height=e*v+"px",o.style.position="absolute",l.push(o.getAttribute(a.default.attr.style)),M>r.nDefaultHeadHeight&&(t.style.height=M+"px"),s===z&&(this.oHeaderPositions[k]={width:N,left:B}),o.tagName.toLowerCase()===a.default.zgHeadCell.tagName&&0!==N&&(y.nFullHeaderWidth&&N<y.nFullHeaderWidth?o.setAttribute(a.default.zgHeadCell.isContentLongerAttr,""):o.removeAttribute(a.default.zgHeadCell.isContentLongerAttr))}})),l.length&&(o[s]?o[s].push(...l):o[s]=l)}))}updateHeader(e,t){const o=this.widget,n=o.aColumnMapping,r=o.mainColumnHeader,i=this.aaoFieldIndexT,a=(e,o)=>{let n,r;n=i[e][o].colspan||0,r=i[e][o].rowspan||0,0!==n&&0!==r&&this.updateHeaderCellAssignment(e,o,t)};if(!n.length)return;let s=r.oHead.childNodes;if(s.length)for(let t=0,o=s.length;t<o;t++)if(e)a(t,e);else for(let e=0,o=n.length;e<o;e++)a(t,e)}updateHeaderStyle(){this._updateHeader(this.updateHeaderCellStyle,!1)}_updateHeader(e,t){let o=this.widget.aColumnMapping,n=this.widget.mainColumnHeader;if(o.length)for(let r=0,i=n.oHead.childNodes.length;r<i;r++)for(let n=0,i=o.length;n<i;n++){const i=o[n].sCellType;t&&!o[n].sFieldIndex&&i!==a.default.cellTypes.aggregate||e.call(this,r,n)}}updateHeaderCellStyle(e,t){const o=this.widget;let n=o.webcomponent;const i=o.aColumnMapping[t],s=`${i.sColumnId}+${e}`;let l=o.oZGHeadCellMap[s];const d=o.aColumnMapping[t];let c;if(l&&l.parentNode)c=l.parentNode;else{const n=o.getHeaderByColumnIndex(t),r=o.getAdjustedColumnIndex(t),i=n.querySelectorAll("zg-row"),a=e;i.length>a&&(c=i[a].childNodes[r])}if(c){c.setAttribute(a.default.zgCell.cellIndexAttr,i.sFieldIndex),c.className="";let e=r.XU(n.fnHeadClass,n.headClass,[d.sFieldIndex,c,d]);e&&c.classList.add(e);let t=r.XU(n.fnColClass,n.colClass,[d.sFieldIndex,c,d]);if(t&&c.classList.add(t),c.sCellClass){c.sCellClass.split(" ").forEach((e=>c.classList.add(e))),c.sCellClass=null}}}updateHeaderCellAssignment(e,t,o){const n=this.widget,r=n.aColumnMapping[t],i=`${r.sColumnId}+${e}`;let s=n.oZGHeadCellMap[i];!o&&s&&s.parentNode&&!s.parentNode.bRemoved||(s=this.updateHeaderCellContent(e,t)),s&&s.setAttribute(a.default.zgCell.cellIndexAttr,r.sFieldIndex)}updateHeaderCellContent(e,t){const o=this.widget,n=(o.store,this.aaoFieldIndexT),i=o.aColumnMapping,s=i[t].sColumnId+"+"+e,d=i[t],c=o.getHeaderByColumnIndex(t),h=o.getAdjustedColumnIndex(t),u=c.childNodes[e],g=u.childNodes[h];let p,f=o.oZGHeadCellMap[s]||g.querySelector("div");if("zg-filter"===g.tagName.toLowerCase())return!1;if(f&&f.parentNode&&f.parentNode.bRemoved&&(f=null),o.bPreloaded)return d.sCellType===a.default.internalColumn.recordselector&&d.fnRenderer.method.apply(d,[null,f]),f;if(f||(f=document.createElement("div"),g.appendChild(f)),d.bHidden&&g.setAttribute(a.default.attr.hidden,""),"aggregate"===u.getAttribute("type")){let e=d.sHeadCell,n=d.fnHeadCell;e&&!n&&(n=d.fnColHeadCell=l.Z.setUserFunction(null,e)),p=o.aggregateManager.calculateAggregateColumn(e,n,d.sFieldIndex,d,t)}else p=n[e][t].text;if(d.sCellType===a.default.internalColumn.recordselector){let e=d.fnRenderer.method.apply(d);o.webcomponent._setSelectorCheckbox(e)}return r.Sh(p)?(f.innerHTML="",f.appendChild(p)):f.innerHTML=`<span>${p}</span>`,o.oZGHeadCellMap[s]=f,f.setAttribute(a.default.zgCell.cellIndexAttr,i[t].sFieldIndex),g.setAttribute(a.default.zgCell.cellIndexAttr,i[t].sFieldIndex),g.tagName.toLowerCase()===a.default.zgHeadCell.tagName&&d.nHeaderDepth===e+1&&g._setHeaderTooltip(),f}updateFooterRowContainer(){const e=this.widget;let t=e.mainColumnFooter;const o=t.oFoot.childNodes,n=e.bHasFootRow?1:0;let r=o.length-n,i=t.oFoot.querySelectorAll('zg-row[type="frozen"]').length;const s=e.aBottomRowMapping.length-i;if(r-=i,s>0)for(let e=0;e<s;e++){t.insertRow(!1).forEach((e=>e?e.setAttribute(a.default.attr.type,"frozen"):null))}else s<0&&(r+=s);this.updateRows(t,r)}updateFooterAssignment(){this._updateFooter(this.updateFooterCellAssignment,!1)}updateFooterContent(){this._updateFooter(this.updateFooterCellContent,!0)}updateFooterStyle(){this._updateFooter(this.updateFooterCellStyle,!1)}_updateFooter(e,t){let o=this.widget.aColumnMapping,n=this.widget.mainColumnFooter;if(!o.length)return;let r=n.oFoot.childNodes;if(r.length)for(let n=0,i=r.length;n<i;n++)for(let r=0,i=o.length;r<i;r++){const i=o[r].sCellType;t&&!o[r].sFieldIndex&&i!==a.default.cellTypes.aggregate||e.call(this,n,r)}}updateFooterCellStyle(e,t){const o=this.widget;let n=o.webcomponent;const i=o.aColumnMapping[t],a=`${i.sColumnId}+${e}`;let s=o.oZGFootCellMap[a];if(!s)return;let l=s.parentNode;if(!l){const n=o.getFooterByColumnIndex(t),r=o.getAdjustedColumnIndex(t),i=n.querySelectorAll('zg-row[type="frozen"]');i.length>e&&(l=i[e].childNodes[r])}if(l){l.className="";let e=r.XU(n.fnFootClass,n.footClass,[i.sFieldIndex,l,i]);e&&l.classList.add(e);let t=r.XU(n.fnColClass,n.colClass,[i.sFieldIndex,l,i]);t&&l.classList.add(t)}if(l.sCellClass){l.sCellClass.split(" ").forEach((e=>l.classList.add(e))),l.sCellClass=null}}updateFooterCellAssignment(e,t){const o=this.widget,n=o.aColumnMapping[t],r=`${n.sColumnId}+${e}`;let i=o.oZGFootCellMap[r];const s=n.sFieldIndex;i||(i=this.updateFooterCellContent(e,t)),i&&i.setAttribute(a.default.zgCell.cellIndexAttr,s)}updateFooterCellContent(e,t){let o=this.widget,n=o.aColumnMapping,i=n[t],s=i.sColumnId+"+"+e;const d=o.getFooterByColumnIndex(t),c=o.getAdjustedColumnIndex(t),h=i.sFootCell;let u,g=i.fnFootCell,p=d.childNodes[e],f=p.childNodes[c],m=o.oZGFootCellMap[s]||f.querySelector("div");return"frozen"===p.getAttribute(a.default.attr.type)?u="":(h&&!g&&(g=i.fnColFootCell=l.Z.setUserFunction(null,h)),u=o.aggregateManager.calculateAggregateColumn(h,g,i.sFieldIndex,i,t)),m||(m=document.createElement("div"),f.appendChild(m)),r.Sh(u)?(m.innerHTML="",m.appendChild(u)):m.innerHTML=u,o.oZGFootCellMap[s]=m,m.setAttribute(a.default.zgCell.cellIndexAttr,n[t].sFieldIndex),m}updateFooterCellContainerClass(e){let t,o,n;e=e||!1;let r,i,a,s=!1;const l=this.widget,d=l.webcomponent;if(!l.bHasFootRow&&!l.nBottomFrozenRows)return;l.mainColumnFooter?(t=l.mainColumnFooter.oFoot,o=l.leftColumnFooter.oFoot,n=l.rightColumnFooter.oFoot,r=l.mainColumnBody.oBody,i=l.leftColumnBody.oBody,a=l.rightColumnBody.oBody):(t=d.querySelector("zg-head#mainhead"),o=d.querySelector("zg-head#lefthead"),n=d.querySelector("zg-head#righthead"),r=d.querySelector("zg-body#mainbody"),i=d.querySelector("zg-body#leftbody"),a=d.querySelector("zg-body#rightbody"),s=!0);if(!this.aaoFieldIndexT&&!s)return;let c=[];const h=this.widget.aColumnMapping.length-l.nRightFrozenColumns;this.processFootRows(0,"Left",c,e),this.processFootRows(l.nLeftFrozenColumns,"",c,e),this.processFootRows(h,"Right",c,e),c.length&&(this.oOldFooterStyles=c)}processFootRows(e,t,o,n){const r=this.widget.aColumnMapping;let i,s;const l=[],d=this.widget,c=d.getRegionsByColumnArea(t),h=c.oFoot,u=h.childNodes,g=d.getFirstDataRowByArea(c);u.forEach(((t,o)=>{l[o]=[];let c=d.nDefaultHeadHeight;t.childNodes.forEach(((u,p)=>{let f=p+e;s=g?g.childNodes[p]:u,i=r[f];const m=d.getAreaByColumnIndex(f);n&&!i.bHidden&&"absolute"===u.style.position&&u.removeAttribute(a.default.attr.style),(d.webcomponent.align||i.sAlign)&&d.setCellAlignment(u,i.sAlign),"main"===m&&0===p&&i.oDOMSortHeader&&i.oDOMSortHeader.style.borderLeft&&(u.style.borderLeft=i.oDOMSortHeader.style.borderLeft),l[o][f]=[s.getBoundingClientRect(),u.getBoundingClientRect(),h.getBoundingClientRect()];const[b,v,y]=l[o][f];if(0===b.width&&0===b.height)return void(this.oOldHeaderStyles?this.oOldHeaderStyles.length>o&&this.oOldHeaderStyles[o].length>f&&(u.style=this.oOldHeaderStyles[o][f]):this.oHeaderPositions&&this.oHeaderPositions[f]&&(u.style.width=this.oHeaderPositions[f].width,u.style.left=this.oHeaderPositions[f].left));let w=b.width,z=b.left-y.left;if(this.oHeaderPositions&&this.oHeaderPositions[f]&&(w=this.oHeaderPositions[f].width,z=this.oHeaderPositions[f].left),g&&w){let e=v.height;u.style.left=`${z}px`,u.style.position="absolute",u.style.width=`${w}px`,"frozen"===t.getAttribute(a.default.attr.type)?(e=u.getBoundingClientRect().height,e=c=Math.max(c,e)):d.bCompact||(u.style.lineHeight=`${v.height}px`),u.style.height=`${e}px`,c>d.nDefaultHeadHeight&&(t.style.height=c+"px")}}))}))}removeAllHeaderRows(){const e=this.widget,t=this.widget.mainColumnHeader,o=e.leftColumnHeader,n=e.rightColumnHeader;this.updateRows(o,o.oHead.childNodes.length),this.updateRows(t,t.oHead.childNodes.length),this.updateRows(n,n.oHead.childNodes.length)}removeAllFooterRows(){const e=this.widget,t=this.widget.mainColumnFooter,o=e.leftColumnFooter,n=e.rightColumnFooter;this.updateRows(o,o.oFoot.childNodes.length),this.updateRows(t,t.oFoot.childNodes.length),this.updateRows(n,n.oFoot.childNodes.length)}removeHeaderRows(){const e=this.widget;e.mainColumnHeader.removeRow(),e.leftColumnHeader.removeRow(),e.rightColumnHeader.removeRow()}updateRows(e,t){if(t>0)for(let o=0;o<t;o++)e.removeRow();else t<0&&(t=-t,e.insertRows(t))}cleanPreload(){if(!this.widget.webcomponent)return;const e=this.widget.getAllBodies(),t=this.widget.getAllHeads();for(let t=0;t<e.length;t++)this.removeNonElements(e[t]);for(let e=0;e<t.length;e++)this.removeNonElements(t[e])}removeNonElements(e,t){let o=0,n=this.widget;e.childNodes&&[...e.childNodes].forEach((t=>{if(1!==t.nodeType)e.removeChild(t);else{let e=t.tagName.toLowerCase();"zg-row"===e?t.rowIndex=o++:"zg-cell"===e&&(t.cellIndex=o++),t.widget=n,"div"!==e&&this.removeNonElements(t)}}))}clearFrameWidths(){const e=this.widget.webcomponent;e.oDOMFrozenMainFootFrame.style.width="",e.oDOMFrozenMainHeadFrame.style.width="",e.oDOMFrozenMainHead.style.width="",e.oDOMFrozenMainFoot.style.width=""}clearStyle(e){const t=this.widget;t.webcomponent;if(!t.mainColumnHeader)return;let o=this.widget.mainColumnHeader.oColGroup,n=t.mainGridTable.dom,r=t.webcomponent._oShadowRoot.querySelector("#scroll"),i=o.getElementsByTagName(a.default.zgColumn.tagName),s=t.getHeadRows(),l=t.getFootRows();n.style.width="",r.style.width="",t.updateHeadFootScroll(!0),this.clearFrameWidths(),s.forEach(((e,t)=>{e.childNodes.forEach(((e,t)=>{e.removeAttribute(a.default.attr.style)}))})),l.forEach((e=>{e.childNodes.forEach((e=>{e.removeAttribute(a.default.attr.style)}))}));for(let t=0;t<i.length;t++)i[t].removeAttribute(a.default.attr.style),e&&(i[t].removeAttribute("min-calculated-width"),i[t].removeAttribute("min-calculated-header-width"));this.nIframeParentWidth=this.nInitialWidth=this.nCurrContainerWidth=0;let d=t.aColumnMapping;(t.aRowMapping.length>0||0===d.length)&&(this.oOldHeaderStyles=[],this.oHeaderPositions=[])}clearCache(){let e=this.widget,t=e.mainColumnBody,o=e.leftColumnBody,n=e.leftColumnHeader,r=e.leftColumnFooter,i=e.rightColumnBody,a=e.rightColumnHeader,s=e.rightColumnFooter,l=e.mainColumnHeader,d=e.mainColumnFooter;e.oZGCellMap={},e.oZGHeadCellMap={},e.oZGFootCellMap={},this.updateRows(n,n.oHead.childNodes.length),this.updateRows(o,o.oBody.childNodes.length),this.updateRows(r,r.oFoot.childNodes.length),this.updateRows(t,t.oBody.childNodes.length),this.updateRows(l,l.oHead.childNodes.length),this.updateRows(d,d.oFoot.childNodes.length),this.updateRows(a,a.oHead.childNodes.length),this.updateRows(i,i.oBody.childNodes.length),this.updateRows(s,s.oFoot.childNodes.length)}resizeGrid(e){const t=this.widget;if(!t||!this.widget.mainGridTable)return;const o=t.webcomponent;if(e=!1,!t.nSetWidth){let o=t.oDOMScroller;o.clientWidth>this.nInitialWidth&&(e=!0),this.nInitialWidth=this.nSavedResizeWidth||o.clientWidth,this.nIframeParentWidth=Math.min(this.nInitialWidth,document.documentElement.clientWidth),this.nCurrContainerWidth=this.nInitialWidth,this.nSavedResizeWidth=null}this.update({bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bHiddenColumns:!0,bExpandColumns:e}),t.selector.bHasSelection&&t.selector.se.select(),t.recordEditor&&t.recordEditor.onResize(),o.oDOMControlBar&&o.oDOMControlBar.checkMessageSize(),t.isCardLayout()&&requestAnimationFrame((()=>{t.bDisconnect||this.calculateCardsPerRow()}))}calculateCardsPerRow(){let e=this.widget,t=e.mainColumnBody.oBody.childNodes,o=t.length,n=null,r=0;for(r=0;r<o;r++){let e=t[r].getBoundingClientRect().y;if(null===n&&(n=e),e!==n)break}e.setCardsPerRow(r)}_updateGrid(e,t,o){if(e>0)for(let o=0;o<e;o++)t();else if(e<0){e=-e;for(let t=0;t<e;t++)o()}}updateRowsPerSet(){let e=this.widget,t=e.mainColumnBody.oBody.childNodes;if(0===t.length)e.bStaticScroll=!1;else{let o=t[0].getBoundingClientRect(),n=o.height,r=i.Z.get(e.oDOMScroller),s=r.getHeight(),l=1;if(e.webcomponent.getAttribute(a.default.zgLayout.attr)===a.default.zgLayout.typeCard){let e=r.getWidth(),t=o.width;l=Math.floor(e/t)}let d=Math.ceil(s/n)*l;e.nRowsPerSet=3*d}}updateRowContainer(){const e=this.widget;let t=e.mainColumnBody,o=t.oBody.childNodes,n=o.length,r=!1,i=e.getRowContainerCount();const a=e.webcomponent;let s=n-i;0===s&&i&&void 0===o[0].rowIndex&&o.forEach(((e,t)=>e.setBodyIndexes(t))),s<0&&e.bStaticScroll&&-1===e.nRowsPerSet&&(s=-1,r=!0),s<0&&(this.updateRows(t,s),n=o.length);for(let e=0;e<n;e++)this._updateRowVisibility(e,i);return a.height&&(a.oDOMMain.style.height=a.oDOMVScroller.getBoundingClientRect().height+"px"),r}_updateRowVisibility(e,t){const o=this.widget,n=o.mainColumnBody.oBody.childNodes,r=o.leftColumnBody.oBody,i=o.rightColumnBody.oBody,s=[n[e]];r.childNodes&&r.childNodes.length>e&&s.push(r.childNodes[e]),i.childNodes&&i.childNodes.length&&s.push(i.childNodes[e]),e<t?s.forEach((e=>e.removeAttribute(a.default.attr.hidden))):s.forEach((e=>e.setAttribute(a.default.attr.hidden,"")))}_updateBody(e,t,o){const n=this.widget;let r=n.aColumnMapping,i=n.getMainBodyRows(),s=i.length,l=r.length,d=e=>{for(let t=0;t<s;t++)i[t].hasAttribute("hidden")||(o.call(this,t,e),c(t))};function c(e){const t=n.getDataRowsByRow(e);if(!t||0===t.length)return;let o=[];for(let e=0;e<t.length;e++)o.push(...Array.from(t[e].children));const r=n.getByTagName(o,a.default.zgCell.tagName);let i=[];const s=[...r].filter((e=>e.hasAttribute(a.default.attr.control)));s.forEach((e=>i.push(e.getAttribute(a.default.attr.type)))),s.forEach((e=>e.setAttribute(a.default.attr.control,i.join(","))))}if(null===t)for(let t=0;t<l;t++)null===e?d(t):o.call(this,e,t);else d(t)}updateBodyContainerClass(e,t){this.widget.webcomponent._setGridClasses(!0),this._updateBody(null,t,this.updateCellContainerClass),this._updateBody(e,0,this.updateRowContainerClass)}updateBodyAssignment(e,t){this._updateBody(null,t,this.updateCellAssignment)}updateCustomCard(e){let t=this.widget,o=t.mainColumnBody.oBody.childNodes;t.hasCardTemplate()&&(null!=e?this.processCardTemplate(o[e]):o&&[...o].forEach((e=>this.processCardTemplate(e))))}processCardTemplate(e){if(e.hasAttribute("hidden"))return;let t=this.widget,o=t.store,n=e.bodyRowIndex,i=e.querySelector("zg-card");i||(i=e.appendChild(document.createElement(a.default.zgCard.tagName)));let s=t.getRecordIndexByDataRowContainerIndex(n),d=o.get(s).oRecordRawData,c=t.oCard?t.oCard.renderer:null,h=t.selectorEngineManager.$row(n),u={record:d};for(;i.lastChild;)i.removeChild(i.lastChild);if(t.oCardTemplate?o.populateTemplate(t.oCardTemplate,i,u):t.oCardBody&&o.populateTemplate(t.oCardBody,i,u),c){c=l.Z.setUserFunction(null,c);let e=c.method.apply(c.scope,[d,i,h])||"";r.Sh(e)?i.appendChild(e):e.length&&(i.innerHTML=e)}}updateRowContainerClass(e){const t=this.widget,o=t.webcomponent;let n=t.getFrozenRowState(e),r=t.getContainerRowIndexByDataRowIndex(e),i="",s=!e&&t.needRemoveBorder();"top"===n||"bottom"===n?(r=void 0,i=o.frozenRowClass||""):n="main";let l=t.getDataRowsByRow(e);if(!l||0===l.length)return;let d=o.rowClass||"",c=t.aZebraClasses,h="";c.length&&(h=c[e%c.length]);let u=t.selectorEngineManager.$row(e),g=null;if(u&&(g=u.sTargetRecordIndex),o.fnRowClass&&"function"==typeof o.fnRowClass.method||o.fnFrozenRowClass&&"function"==typeof o.fnFrozenRowClass.method){let a=t.store.get(g).oRecordRawData;if(o.fnRowClass&&"function"==typeof o.fnRowClass.method){let t=o.fnRowClass.scope||u;d=o.fnRowClass.method.apply(t,[a,e+1,l[0],u,n,r+1])}if(o.fnFrozenRowClass&&"function"==typeof o.fnFrozenRowClass.method){let t=o.fnFrozenRowClass.scope||u;i=o.fnFrozenRowClass.method.apply(t,[a,e+1,l[0],u,n])}}let p="";t.batchEditor.isActive()&&t.dirtyManager.isDirty(g)&&(p=t.dirtyManager.getDirtyClass(g)),d=`${i} ${h} ${p} ${d}`.trim(),d&&d.split(" ").forEach((e=>{l.forEach((t=>t.classList.add(e)))})),s?l.forEach((e=>e.setAttribute(a.default.attr.internaltop,""))):e||l.forEach((e=>e.removeAttribute(a.default.attr.internaltop)))}updateCellContainerClass(e,t){const o=this.widget;let n=o.store,i=o.getBodyByColumnIndex(t),s=o.getAdjustedColumnIndex(t);let l=o.getRow(e,t).childNodes[s];const d=l.querySelector("div");if(!l)return;let c,h=o.selectorEngineManager.$cell(e,t),u=h.sCellType,g=h.sTargetFieldIndex,p=h.sTargetRecordIndex,f=h.sGroupRecordIndex,m=u===a.default.internalColumn.rowgroup;if("bottom"===o.getFrozenRowState(e)){const t=o.aBottomRowMapping,n=o.getContainerRowIndexByDataRowIndex(e);p=h.sTargetRecordIndex=t[n].sRecordIndex}let b=o.aColumnMapping[t];const v=b.oDOMZGColumn;t!==l.cellIndex&&(l.cellIndex=t,l.setAttribute("aria-colindex",t+1)),v.title&&l.setAttribute(a.default.attr.title,v.title),l.setAttribute(a.default.zgCell.cellIndexAttr,g),d&&d.setAttribute(a.default.zgCell.cellIndexAttr,g),l.setAttribute(a.default.attr.type,u),-1!==a.default.internalColumnTypes.indexOf(u)&&(l.setAttribute(a.default.attr.control,""),l.setAttribute(a.default.attr.buttonTooltip,""),o.bPreloaded&&u===a.default.internalColumn.recordselector&&b.fnRenderer.method.apply(b,[null,l,h])),u!==a.default.cellTypes.custom&&u!==a.default.cellTypes.button||l.querySelector("zg-button")&&l.setAttribute(a.default.attr.buttonTooltip,""),i!==o.mainColumnBody.oBody?l.setAttribute(a.default.attr.frozen,""):l.removeAttribute(a.default.attr.frozen),l._setTooltip(u===a.default.internalColumn.recordinfo,b,h),o.setCellLabel({oDOMCellContainer:l,$cell:h}),c=f?m?[n.get(p,g,f)]:[""]:g.trim().split(",").map((e=>o.store.get(p,e.trim(),f))),(r.Uh(b.sArraySlice)||r.Uh(b.sArrayIndex))&&(c=o.store.getArrayData(c,b)),l.setAttribute("value",c.toString()),this.updateCellClass(c,l,b,h),(o.webcomponent.align||b.sAlign)&&o.setCellAlignment(l,b.sAlign),!f&&o.batchEditor.isActive()&&o.dirtyManager.isDirty(p,g)?l.classList.add(a.default.batchEdit.dirtyClass):l.classList.remove(a.default.batchEdit.dirtyClass)}updateCellAssignment(e,t){const o=this.widget;let n=o.getAdjustedColumnIndex(t);let r=o.getRow(e,t).childNodes[n],i=r._oShadowRoot.querySelector("slot");if(!r)return;let s=o.selectorEngineManager.$cell(e,t),l=s.sTargetFieldIndex;0===n&&(this.clearAttributes([r.parentNode]),r.parentNode.style.height=""),this.clearAttributes([r]);let d=i.assignedNodes();!o.bPreloaded&&d.length&&d.forEach((e=>{1===e.nodeType&&e.parentNode.removeChild(e)})),window.ShadyDOM&&window.ShadyDOM.flush();let c=s.sCellType;if(!l&&-1===a.default.noDataColumnTypes.indexOf(c)&&-1===a.default.internalColumnTypes.indexOf(c))return;let h=this.updateCellContent(e,t);h.parentNode&&!this.widget.bReordering||r.appendChild(h),h.parentNode.parentNode!==i.parentNode.host.parentNode&&(h.parentNode.removeChild(h),r.appendChild(h))}updateCellClass(e,t,o,n){const i=this.widget;let s=i.webcomponent,l=o.sCellType;const d=t.parentNode&&"frozen"===t.parentNode.getAttribute(a.default.attr.type);if(d?t.setAttribute("frozen-row",""):t.removeAttribute("frozen-row"),i.isCardLayout()&&-1!==a.default.internalColumnTypes.indexOf(l))return;let c=r.XU(s.fnCellClass,s.cellClass,[...e,t,n]);c=r.XU(o.fnCellClass,o.sCellClass,[...e,t,n])||c;let h=r.XU(s.fnColClass,s.colClass,[o.sFieldIndex,t,o]);if(h&&(c=null===c?h:`${c} ${h}`),c&&c.split(" ").forEach((e=>t.classList.add(e))),d&&(t.sCellClass=c),c){let e="",o=n.sTargetRecordIndex;i.batchEditor.isActive()&&i.dirtyManager.isDirty(o)&&(e=i.dirtyManager.getDirtyClass(o),e&&t.classList.add(e))}}clearAttributes(e){let t=!1,o=["action","role","value","data-field-index","hidden","text"];return e.forEach((e=>{for(let n=0;n<e.attributes.length;n++){let r=e.attributes[n];o.indexOf(r)<0&&(e.removeAttribute(r),t=!0)}e.removeAttribute(a.default.attr.class)})),t}updateCellContent(e,t){const o=this.widget,n=o.store;let d=o.getAdjustedColumnIndex(t);let c=o.getRow(e,t).childNodes[d];if(!c)return;const h=o.selectorEngineManager.$cell(e,t);let u=h.fnRenderer,g=h.sTargetFieldIndex,p=h.sTargetRecordIndex,f=h.sColumnId,m=h.sGroupRecordIndex,b=!!m;const v=o.aColumnMapping[t],y=v.oDOMZGColumn;let w=h.sCellType,z=w===a.default.internalColumn.rowgroup;const C=b&&!z&&v.sGroupHeadCell;if("bottom"===o.getFrozenRowState(e)){const t=o.aBottomRowMapping,n=o.getContainerRowIndexByDataRowIndex(e);p=h.sTargetRecordIndex=t[n].sRecordIndex}if(!u&&y.renderer&&(u=v.fnRenderer=l.Z.setUserFunction(null,y.renderer)),b){!h.fnFroupRenderer&&y.renderer&&(v.fnGroupRenderer=l.Z.setUserFunction(null,y.renderer))}!h.fnAggregateRenderer&&y.renderer&&w===a.default.cellTypes.aggregate&&(v.fnAggregateRenderer=l.Z.setUserFunction(null,y.renderer));let S,x=!!g;const M=g.split(",");S=b?z?[n.get(p,M[0].trim(),m)]:[""]:M.map((e=>{let t=n.get(p,e.trim());return null!=t&&(x=!1),t})),c.setAttribute("value",S.toString()),c.setAttribute(a.default.attr.type,w),window.ShadyDOM&&window.ShadyDOM.flush();let _,k=(b?m:p)+"+"+f;if(v.aUserSet.fnRenderer&&!this.oOption.bNoReRenderer||(_=o.oZGCellMap[k]),!_&&o.bPreloaded&&(_=c.querySelector("div")),!_){for(;c.lastChild;)c.removeChild(c.lastChild);_=document.createElement("div"),c.appendChild(_),!v.fnDetailsRenderer&&y.detailsRenderer&&(v.fnDetailsRenderer=l.Z.setUserFunction(null,y.detailsRenderer)),(v.oDOMDetailsTemplate||v.fnDetailsRenderer)&&(i.Z.get(_).on("click",(e=>{o.detailsManager.openCellDetails(h)})),w!==a.default.internalColumn.rowgroup&&_.setAttribute(a.default.template.detailsAttr,""))}if(o.bPreloaded&&-1===a.default.internalColumnTypes.indexOf(w)||b&&!z&&!C||z&&!b)for(;_.lastChild;)_.removeChild(_.lastChild);else{for(;_.lastChild;)_.removeChild(_.lastChild);if(u){(r.Uh(v.sArraySlice)||r.Uh(v.sArrayIndex))&&(S=n.getArrayData(S,v)),S.push(c),S.push(h),w===a.default.cellTypes.toggle&&(u={method:s.Z.getCellType(w).renderer,scope:null});let e=!b&&(void 0!==v.sDefaultDisplay&&"disabled"!==v.sDefaultDisplay||void 0!==o.sDefaultDisplay&&null!==o.sDefaultDisplay),i=!1;if(z||x&&e||(v.oDOMRenderTemplate?(i=!0,n.processTemplate(v.oDOMRenderTemplate,_,h)):v.body&&(i=!0,n.processTemplate(v.body,_,h))),x&&(!i||e)||v.aUserSet.fnRenderer||C||!v.body&&!v.oDOMRenderTemplate){let n;if(C){let e=v.sGroupHeadCell,r=v.fnGroupHeadCell;e&&!r&&(v.fnGroupHeadCell=l.Z.setUserFunction(null,e),r=v.fnGroupHeadCell),n=o.aggregateManager.calculateAggregateColumn(e,r,v.sFieldIndex,v,t,m,h)}else if(x&&e)n=v.sDefaultDisplay||o.sDefaultDisplay;else{let e=u.scope||h;n=u.method.apply(e,S)}r.Sh(n)?_.appendChild(n):r.Uh(n)&&(_.innerHTML=n),this.listenImagesFrames(_)}}}return-1!==a.default.internalColumnTypes.indexOf(w)||n.oDataFormat.bLoadByPages||(o.oZGCellMap[k]=_),_}listenImagesFrames(e){const t=this.widget;e.querySelectorAll("img, iframe").forEach((e=>{t.nLoadingImages++,e.onload=()=>{t.bDisconnect||(t.nLoadingImages--,0===t.nLoadingImages&&(this.updating||this.update({bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0})))}}))}getTableFitHeaderWidth(e){let t;const o=this.widget,n=o.getAdjustedColumnIndex(e);if(o.bHeaderRowHide)return 0;t=o.mainColumnHeader?o.getHeaderByColumnIndex(e):o.webcomponent.getElementsByTagName("zg-head")[0];let r=(o.aColumnMapping||o.webcomponent.getElementsByTagName(a.default.zgColumn.tagName))[e],i=r.nHeaderDepth-1||0,s=this.widget.bHasSorterEnabled&&"disabled"!==r.oDOMZGColumn.getAttribute("sort"),l=t?t._getDOMByTagName("zg-row",i).childNodes:[];const d=t?t.querySelector('zg-row[type="aggregate"]'):null;if(window.ShadyDOM&&window.ShadyDOM.flush(),null!==e&&l.length){let t=l[n];if(t.colSpan>1)return 0;let o=1;s&&null===t.querySelector("zg-icon svg")&&(o+=24),r.mWidth===a.default.zgCell.actionCellKey&&t.setAttribute(a.default.attr.type,r.oDOMZGColumn.getAttribute(a.default.attr.type));const c=t.getBoundingClientRect();let h=0;if(r.sHeadCell&&d){const e=d.childNodes[n],t=e.querySelector("span");if(t){const o=t.getBoundingClientRect(),n=window.getComputedStyle(e);h=o.width+parseInt(n.paddingLeft,10)+parseInt(n.paddingRight,10)}}this.aSavedHeadCellSize[i]||(this.aSavedHeadCellSize[i]=[]),this.aSavedHeadCellSize[i][e]=c;const u=c.width+o+1;return Math.max(u,h)}return 0}getTableFitFooterWidth(e){const t=this.widget;let o,n=(t.aColumnMapping||t.webcomponent.getElementsByTagName(a.default.zgColumn.tagName))[e];const r=t.getAdjustedColumnIndex(e);if(o=t.mainColumnFooter?t.getFooterByColumnIndex(e):t.webcomponent.getElementsByTagName("zg-foot")[0],!o)return 0;let i=o.querySelector("zg-row"),s=i?i.childNodes:[];const l=o?o.querySelector('zg-row[type="aggregate"]'):null;if(!s||!s.length||null===e)return 0;let d=0;if(n.sFootCell&&l){const e=l.childNodes[r],t=e.querySelector("bdi");if(t){const o=t.getBoundingClientRect(),n=window.getComputedStyle(e);d=o.width+parseInt(n.paddingLeft,10)+parseInt(n.paddingRight,10)}}let c=0,h=s[e];return h&&(c=h.getBoundingClientRect().width+1),Math.max(c,d)}getAllTableFitContentWidth(){let e,t,o,n,r,s;const l=this.widget,d=l.webcomponent;this.aSavedColumnCellSize=[];const c=this.widget.cellBreakManager;if(l.mainColumnHeader?(e=l.mainColumnBody.oBody,t=l.leftColumnBody.oBody,o=l.rightColumnBody.oBody,n=l.mainColumnBody.el,r=l.leftColumnBody.el,s=l.rightColumnBody.el):(e=d.querySelector("zg-body#mainbody"),t=d.querySelector("zg-body#leftbody"),o=d.querySelector("zg-body#rightbody"),n=i.Z.get(d._oShadowRoot.querySelector("#body")),r=i.Z.get(d._oShadowRoot.querySelector("#left")),s=i.Z.get(d._oShadowRoot.querySelector("#right"))),e.childNodes.length){let i=n.getDOM().style.width,h=n.getDOM().style["table-layout"];n._setStyle("width","auto"),n._setStyle("table-layout","auto"),r._setStyle("width","auto"),r._setStyle("table-layout","auto"),s._setStyle("width","auto"),s._setStyle("table-layout","auto"),window.ShadyDOM&&window.ShadyDOM.flush();let u,g=d.getElementsByTagName(a.default.zgColumn.tagName),p=[];l.hasFrozenLeft()&&p.push(...t.childNodes[0].childNodes),p.push(...e.childNodes[0].childNodes),l.hasFrozenRight()&&p.push(...o.childNodes[0].childNodes);for(let e=0;e<l.aColumnMapping.length;e++){let t=g[e],o=t.mWidth;if(!o&&t.getAttribute&&(o=t.parseWidth(t.getAttribute("width"),t.getAttribute("type"))),"fit"!==o&&"fitcontent"!==o){this.aSavedColumnCellSize[e]=0;continue}t.style.width="1px",t.style.width="",u=p[e].getBoundingClientRect().width;"ellipsis"===c.getCellBreakByColumn(e)&&(u+=1);let n=t._oParsedColumnMapping,r=0;if(t.needToCalcEditorWidth())if(this.oSavedEditorSize[n.sCellType])r=this.oSavedEditorSize[n.sCellType];else{let t=l.selectorEngineManager.$cell(0,e);if(t){l.editorManager.openEditor(t,!0);const e=l.editorManager.getInputContainerByIndex(t.nStartRowIndex,t.nStartColumnIndex);let o=e.querySelector("input");o&&(o.style.width="auto");let i=e.querySelector("label");i&&(i.style="",r=i.getBoundingClientRect().width,this.oSavedEditorSize[n.sCellType]=r),l.bSizeCheck=!0,l.recordEditor.cancelOpenEdit(),l.bSizeCheck=!1}}u=Math.max(u,r),this.aSavedColumnCellSize[e]=u}n._setStyle("width",i),n._setStyle("table-layout",h),r._setStyle("width",i),r._setStyle("table-layout",h),s._setStyle("width",i),s._setStyle("table-layout",h)}}getTableFitContentWidth(e){let t,o,n,r=this.widget,s=r.getAdjustedColumnIndex(e);if(this.aSavedColumnCellSize[e])return this.aSavedColumnCellSize[e];r.mainColumnHeader?(t=r.getBodyByColumnIndex(e),o=r.getColgroupByColumnIndex(e),o&&o.assignedSlot&&(n=i.Z.get(o.assignedSlot.parentNode))):(t=r.webcomponent.querySelector("zg-body#mainbody"),o=r.webcomponent.getElementsByTagName(a.default.zgColgroup.tagName)[0],n=i.Z.get(r.webcomponent._oShadowRoot.querySelector("#body")));let l,d=o.getElementsByTagName(a.default.zgColumn.tagName)[s],c=n.getDOM().style.width,h=n.getDOM().style["table-layout"];if(n._setStyle("width","auto"),n._setStyle("table-layout","auto"),d.style.width="",window.ShadyDOM&&window.ShadyDOM.flush(),t.childNodes.length){l=t.childNodes[0].childNodes[s].getBoundingClientRect().width;let o=d._oParsedColumnMapping,n=0;if(d.needToCalcEditorWidth())if(this.oSavedEditorSize[o.sCellType])n=this.oSavedEditorSize[o.sCellType];else{let t=r.selectorEngineManager.$cell(0,e);if(t){r.editorManager.openEditor(t,!0);const e=r.editorManager.getInputContainerByIndex(t.nStartRowIndex,t.nStartColumnIndex);let i=e.querySelector("input");i&&(i.style.width="auto");let a=e.querySelector("label");a&&(a.style="",n=a.getBoundingClientRect().width,this.oSavedEditorSize[o.sCellType]=n),r.recordEditor.cancelOpenEdit()}}l=Math.max(l,n)}else l=0;return n._setStyle("width",c),n._setStyle("table-layout",h),l+1}updateHeaderWidthOfColumn(e,t,o){this.widget.mainColumnHeader.oColGroup.childNodes[e].style.width=o+"px"}updateColumnWidthCache(e,t,o,n){const r=this.widget,i=r.aColumnMapping||r.webcomponent.getElementsByTagName(a.default.zgColumn.tagName);if(0!==r.webcomponent.getBoundingClientRect().width&&(n||r.bHasAttachedToDOM&&r.store.bHasLoaded)){this.resetAllColumnsWidth(),this.getAllTableFitContentWidth(),this.bLastFitColumn=null;for(let t=0,o=i.length;t<o;t++)this.calculateColumnWidth(i[t],t,e);if(!o)if(t)for(;this.nInitialWidth>this.nStaticWidth;){let e=this.calculateHiddenColumn(!0);if(-1===e)break;if(i[e].nCurrWidth+this.nStaticWidth>this.nInitialWidth)break;this.toggleColumn(e,!1)}else for(;this.nInitialWidth<this.nStaticWidth;){let e=this.calculateHiddenColumn(!1);if(-1===e)break;this.toggleColumn(e,!0)}!this.widget.webcomponent.width&&this.nStaticWidth===this.nOnlyStaticWidth&&0===this.nStretchWidthColumnCount&&this.nInitialWidth>this.nStaticWidth&&this.widget.webcomponent.getAttribute(a.default.zgLayout.attr)!==a.default.zgLayout.typeCard&&this.nStaticWidth>0&&(this.widget.webcomponent.width=this.nStaticWidth,this.widget.nCalculatedSetWidth=!0),this.setColumnWidth()}}setColumnWidth(){let e=this.widget.aColumnMapping||this.widget.webcomponent.getElementsByTagName(a.default.zgColumn.tagName);this.adjustFrozenWidths();for(let t=0,o=e.length;t<o;t++){let o=e[t];if(o.bHidden)continue;let n=o.mWidth;void 0===n&&void 0!==o.getAttribute&&(n=o.parseWidth(o.getAttribute("width"),o.getAttribute("type")));const r=this.bLastFitColumn&&o===this.bLastFitColumn;"stretch"===n?this.setFlexWidth(o,this.nStretchWidthColumnCount,!0,r):("fit"===n||"fitheader"===n||"fitcontent"===n)&&0===this.nStretchWidthColumnCount&&this.nCurrContainerWidth>this.nStaticWidth&&this.setFlexWidth(o,this.nFitWidthColumnCount,!1,r)}}adjustFrozenWidths(){const e=this.widget,t=e.nLeftFrozenColumns,o=e.nRightFrozenColumns,n=e.aColumnMapping,r=n.length,i=r-t-o,a=this.widget.mainGridTable.dom.clientWidth,s=i>0?50:0;let l=0,d=0;for(let e=0;e<t&&e<r;e++){let t=n[e];t.bHidden||(l+=t.nCurrWidth)}for(let e=r-o;e<r&&e>0;e++){let t=n[e];t.bHidden||(d+=t.nCurrWidth)}const c=d+l;if(c+s>a){const e=(a-s)/c;for(let o=0;o<t&&o<r;o++){let t=n[o];t.bHidden||(t.nCurrWidth=t.nCurrWidth*e)}for(let t=r-o;t<r&&t>0;t++){let o=n[t];o.bHidden||(o.nCurrWidth=o.nCurrWidth*e)}}}calculateHiddenColumn(e){let t=this.widget.aColumnMapping,o=-1,n=-1;for(let r=0;r<t.length;r++){let i=t[r];if(e===i.bHidden&&i.nPriority){if(i.nPriority===n)continue;(e===i.nPriority<n||e&&-1===n)&&(n=i.nPriority,o=r)}}return o}updateHiddenColumns(e){let t=this.widget.aColumnMapping;for(let o=0;o<t.length;o++)t[o].bHidden?this.updateRowDisplay(o,!0):e&&this.updateRowDisplay(o,!1)}getLastVisibleColumn(){const e=this.widget.aColumnMapping;let t=null;for(let o=e.length-1;o>=0;o--)if(!e[o].bHidden){t=e[o];break}return t}updateMainFirstPosition(e,t=!0){const o=this.widget;if(null===(e=e||o.getFirstMainIndex()))return;let n=o.getAllCellsByIndex(e,!0);const r=n.length;(t||!r||n[r-1].hasAttribute(a.default.attr.first))&&(n=o.getFooterCells(e,n),n.forEach((e=>t?e.setAttribute(a.default.attr.first,""):e.removeAttribute(a.default.attr.first))))}updateRowDisplay(e,t){const o=this.widget.getAllCellsByIndex(e,!0,!0);let n=t?"none":"";o.forEach((e=>"none"===n?e.setAttribute(a.default.attr.hidden,""):e.removeAttribute(a.default.attr.hidden)))}toggleColumn(e,t){const o=this.widget,n=o.webcomponent,r=o.aColumnMapping[e];n.oDOMFrozenMainFootFrame.style.width="",n.oDOMFrozenMainHeadFrame.style.width="",o.updateHeadFootScroll(!0),this.updateRowDisplay(e,t),this.widget.bUpdatingHidden=!0,r.bHidden=t,this.widget.bUpdatingHidden=!1,this.widget.columnMenu&&(this.widget.columnMenu.menuItems[r.sColumnId].oCheckbox.checked=!t),t?(r.mOldWidth=r.mWidth,this.unsetOldColumnWidth(r)):this.calculateColumnWidth(r,e),o.fire("columntoggle",{oColumnMapping:r,bHide:t})}unsetOldColumnWidth(e){let t=e.mOldWidth||e.mWidth;r.hj(t)&&(this.nStaticWidth-=t),/\d*\.?\d+%/.test(t)&&(this.nStaticWidth-=e.nCurrWidth),"fitheader"!=t&&"fitcontent"!==t&&"fit"!==t||e.nFitWidth&&(this.nStaticWidth-=e.nFitWidth,this.nFitWidthColumnCount--),"stretch"==t&&this.nStretchWidthColumnCount--}resetGlobals(){this.nColumnsWidth=0,this.nStaticWidth=0,this.nOnlyStaticWidth=0,this.nStretchWidthColumnCount=0,this.nFitWidthColumnCount=0,this.oSavedEditorSize={},this.aSavedHeadCellSize=[],this.aSavedColumnCellSize=[]}resetAllColumnsWidth(){const e=this.widget,t=e.webcomponent;let o=e.getAllColumns(),n=e.getAllHeadCells(),r=e.getAllFootCells();this.resetGlobals();for(let e=0;e<o.length;e++)o[e].removeAttribute(a.default.attr.style);for(let e=0;e<r.length;e++)this.clearWidthStyles(r[e]);for(let e=0;e<n.length;e++)if(!n[e].hasAttribute(a.default.attr.hidden)&&(this.clearWidthStyles(n[e]),n[e].tagName.toLowerCase()===a.default.zgFilter.tagName)){let t=n[e].querySelector("input");t&&(t.style.width="1px")}e.savedScrollVal&&(e.oDOMMainScroll.scrollLeft=0,t.oDOMHead.style.transform="")}clearWidthStyles(e){e.style.removeProperty("left"),e.style.removeProperty("line-height"),e.style.removeProperty("position"),e.style.removeProperty("width"),e.style.removeProperty("height")}calculateColumnWidth(e,t,o){let n=e.mWidth,i=e.nMinWidth?parseInt(e.nMinWidth,10):null,s=null;const l=t===this.widget.aColumnMapping.length-1,d=e.oDOMZGColumn.parentNode;if(!n&&e.getAttribute&&(n=e.parseWidth(e.getAttribute("width"),e.getAttribute("type"),this.widget)),l&&this.widget.bOnlyColumnWidth&&!isNaN(n)&&this.widget.webcomponent.width&&this.nInitialWidth>this.nStaticWidth+n&&(n="stretch"),(this.widget.bPreloaded||this.bResizing)&&e.oDOMZGColumn){let t=parseInt(e.oDOMZGColumn.getAttribute("min-calculated-width"),10)||null;i=Math.max(i,t)}let c,h=parseInt(e.oDOMZGColumn.getAttribute("min-calculated-header-width"),10)||this.getTableFitHeaderWidth(t);h&&e.oDOMZGColumn&&(e.oDOMZGColumn.setAttribute("min-calculated-header-width",h),e.nFullHeaderWidth=h);let u=!1;if(!e.bHidden&&d.getAttribute(a.default.zgLayout.attr)!==a.default.zgLayout.typeCard&&this.widget.webcomponent.getAttribute(a.default.zgLayout.attr)!==a.default.zgLayout.typeCard){if(n===a.default.zgCell.actionCellKey&&(n=e.body?"fit":"fitheader",u=!0),r.hj(n))e.nCurrWidth=n,this.nStaticWidth+=n,this.nOnlyStaticWidth+=n;else if(c=/\d*\.?\d+%/.exec(n)){let t=c[0],o=Number.parseFloat(t)/100;n=this.nInitialWidth*o,e.nFullWidth=n+"px",e.nCurrWidth=n,this.nStaticWidth+=n}else if("fitheader"===n||"fitcontent"===n){let o;i?o=i:"fitheader"===n&&h?s=o=h:o="fitheader"===n?this.getTableFitHeaderWidth(t):this.getTableFitContentWidth(t),u?o=Math.max(o,a.default.zgCell.actionCellSize):(this.bLastFitColumn=e,e.nFitWidth=o,this.nFitWidthColumnCount++),e.nCurrWidth=o,!i&&e.oDOMZGColumn&&e.oDOMZGColumn.setAttribute("min-calculated-width",e.nCurrWidth),this.nStaticWidth+=o}else if("fit"===n){let o;if(i)o=i;else{let n=this.getTableFitContentWidth(t);s=h||this.getTableFitHeaderWidth(t);let r=0;e.sFootCell&&(r=this.getTableFitFooterWidth(t)),o=Math.max(n,s,r)}u?o=Math.max(o,a.default.zgCell.actionCellSize):(this.bLastFitColumn=e,e.nFitWidth=o,this.nFitWidthColumnCount++),e.nCurrWidth=o,this.nStaticWidth+=o,!i&&e.oDOMZGColumn&&e.oDOMZGColumn.setAttribute("min-calculated-width",e.nCurrWidth),s&&e.oDOMZGColumn&&e.oDOMZGColumn.setAttribute("min-calculated-header-width",s)}else"stretch"===n&&(this.bLastFitColumn=e,this.nStretchWidthColumnCount++,this.bLastFitColumn=e);this.widget.bOnlyColumnWidth&&u&&(this.nOnlyStaticWidth+=e.nCurrWidth)}}setFlexWidth(e,t,o,n){let r=this.nCurrContainerWidth-this.nStaticWidth,i=Math.floor(r/t),a=r-i*t;n&&a>0&&(i+=a),e.nCurrWidth=o?i:e.nCurrWidth+i}updateColumnWidth(e,t){const o=this.widget,n=o.webcomponent;if(!(t||o.bHasAttachedToDOM&&o.store.bHasLoaded))return;let r,i,s;o.mainColumnHeader?(r=n.getElementsByTagName("zg-column"),i=o.aColumnMapping,s=o.mainColumnBody.oBody):(s=o.webcomponent.querySelector("#mainbody"),i=r=o.webcomponent.getElementsByTagName("zg-column"));let l=!1,d=0,c=window.getComputedStyle(s);d=parseInt(c.borderRightWidth,10);let h=0,u=o.nLeftFrozenColumns,g=0,p=o.nRightFrozenColumns,f=!0,m=(e,t)=>{let o=r[t],n=i[t].oDOMZGColumn||i[t];o!==n&&(o=n);let s=o.style.width;if(e.bHidden&&!o.hasAttribute(a.default.attr.hidden))o.setAttribute(a.default.attr.hidden,"");else if(!e.bHidden){let n;if(o.hasAttribute(a.default.attr.hidden)&&o.removeAttribute(a.default.attr.hidden),e.nFullWidth)o.style.width=n;else{let r=0;t===i.length-1&&(r=d),n=e.nCurrWidth-r,this.nColumnsWidth+=n,o.style.width=n+"px"}t<=u-1?(h+=parseInt(n,10),this.updateMainFirstPosition(t,!1)):t>=i.length-p?(g+=parseInt(n,10),this.updateMainFirstPosition(t,!1)):f?(this.updateMainFirstPosition(t,!0),f=!1):this.updateMainFirstPosition(t,!1)}s&&s!==o.style.width&&(l=!0)};if(null==e){this.nColumnsWidth=0;for(let e=0,t=i.length;e<t;e++){m(i[e],e)}this.nFrozenColumnsWidth=0,h&&o.leftColumnBody.oDOMWrapper&&(o.leftColumnBody.oDOMWrapper.style.width=h+"px",o.webcomponent.oDOMFrozenLeftHead.style.width=h+"px",o.webcomponent.oDOMFrozenLeftFoot.style.width=h+"px",o.webcomponent.oDOMFrozenLeftStyle.style.width=h+"px",this.nFrozenColumnsWidth+=h),g&&o.leftColumnBody.oDOMWrapper&&(o.rightColumnBody.oDOMWrapper.style.width=g+"px",o.webcomponent.oDOMFrozenRightHead.style.width=g+"px",o.webcomponent.oDOMFrozenRightFoot.style.width=g+"px",o.webcomponent.oDOMFrozenRightStyle.style.width=g+"px",this.nFrozenColumnsWidth+=g),o.updateFrozenColumnAttributes(h,"Left"),o.updateFrozenColumnAttributes(g,"Right"),this.updateFrozenMainSize()}else r[e].style.width&&(this.nColumnsWidth-=r[e].style.width),m(i[e],e);return l}calculateRowHeights(){const e=this.widget;if((e.hasFrozenColumns()||e.nRowHeight)&&e.layoutManager.sCurrentType!==a.default.zgLayout.typeCard)if(e.nRowHeight&&"auto"!==e.nRowHeight)this.updateFrozenHeights(null,e.nRowHeight);else{const t=e.mainColumnBody.oBody,o=e.leftColumnBody.oBody,n=e.rightColumnBody.oBody,r=t.children,i=o.children,a=n.children,s=Math.max(r.length,i.length,a.length),l=[];for(let e=0;e<s;e++){let t;r[e].style.height&&!1||(t=0,r.length>e&&(t=Math.max(t,r[e].offsetHeight)),i.length>e&&(t=Math.max(t,i[e].offsetHeight)),a.length>e&&(t=Math.max(t,a[e].offsetHeight))),l.push(t)}this.updateFrozenHeights(l)}}updateFrozenHeights(e,t){const o=this.widget;if(!o.hasFrozenColumns()&&!o.nRowHeight)return;const n=o.mainColumnBody.oBody,r=o.leftColumnBody.oBody,i=o.rightColumnBody.oBody,a=n.children,s=r.children,l=i.children,d=Math.max(a.length,s.length,l.length);for(let n=0;n<d;n++){let r;if(t)"fixed"===t&&(t=o.nDefaultRowHeight),r=t;else{if(!e[n])continue;r=e[n]+"px"}r&&(a.length>n&&(a[n].style.height=r),s.length>n&&(s[n].style.height=r),l.length>n&&(l[n].style.height=r))}}destroy(...e){this.resizeWindow&&(window.removeEventListener("resize",this.resizeWindow,{passive:!0}),this.resizeWindow=null),this.bLastFitColumn=null,super.destroy()}_setColumnText(e){return e.sCellType===a.default.internalColumn.recordselector?e.fnRenderer.method.apply(e):e.sColumnHeaderText}_removeFixedWrapperWidth(){this.widget.nSetWidth&&this.widget.nCalculatedSetWidth,this.widget.nSetWidth||(this.widget.mainGridTable.dom.removeAttribute("style"),this.clearFrameWidths())}}const h=c},65308:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(38419),r=(o(32816),o(45092));const i=class{constructor(e){this.widget=e.widget,this.ZG=this.widget.webcomponent,this.ZGPager=this.ZG.querySelector(n.default.zgPager.tagName),this.setViewportTO=null,this._allowed=!this.ZG.hasAttribute(n.default.viewport.stopAttr),this.allowedViewportTypes=[{unit:null,display:"null"},{unit:"px",display:"pixel"},{unit:"em",display:"em"},{unit:"rem",display:"rem"}],this._breakpoints=null,this.defaultTypes={[`${n.default.viewport.mobileLabel}`]:n.default.viewport.mobileMax,[`${n.default.viewport.tabletPortraitLabel}`]:n.default.viewport.tabletPortraitMax,[`${n.default.viewport.tabletLandscapeLabel}`]:n.default.viewport.tabletLandscapeMax,[`${n.default.viewport.desktopLabel}`]:n.default.viewport.desktopMax,[`${n.default.viewport.desktopLargeLabel}`]:n.default.viewport.desktopLargeMax},this._types=null,this._run={pause:this.ZG.hasAttribute(n.default.viewport.pauseAttr)&&!this.ZG.hasAttribute(n.default.viewport.stopAttr),play:!(this.ZG.hasAttribute(n.default.viewport.pauseAttr)||this.ZG.hasAttribute(n.default.viewport.stopAttr)),stop:this.ZG.hasAttribute(n.default.viewport.stopAttr)}}get allow(){return this._allowed}set allow(e){this._allowed=e}get breakpoints(){return this._breakpoints}get run(){return this._run}set run(e){this._runViewport(e)}get types(){return this._types}set types(e){e=e||this.defaultTypes,this._types=e,this._breakpoints=this._buildBreakpointsArray(e)}get view(){return this.ZG.getAttribute(n.default.viewport.attr)}setViewport(e){this.allow&&(window.cancelAnimationFrame(this.setViewportTO),e?this.updateViewport():this.setViewportTO=window.requestAnimationFrame((()=>this.updateViewport())))}updateViewport(){this.widget.bDisconnect||(this.breakpointsClone=this._getBreakpoints(),this.currentView=this._getCurrentViewport(),this.ZG.setAttribute(n.default.viewport.attr,this.currentView),this.ZG.oDOMBody.setAttribute(n.default.viewport.attr,this.currentView),this._setPagerViewport(),window.cancelAnimationFrame(this.setViewportTO),this.widget.fire("viewport:change"))}_buildBreakpointsArray(e){let t,o,n,i,a,s=[],l=[];const d=Object.keys(e),c=d.map((t=>e[t])).filter((e=>null!==e));if(!d.length)return"error-empty";const h=this._consistentTypes(e,this.allowedViewportTypes);if("string"==typeof h)return void console.error(`Error: ${h}`);const u=this._getType(c[0],this.allowedViewportTypes.map((e=>e.unit)));for(n in e){switch(o=null===e[n]?null:u,o){case null:i=null;break;case"px":i=parseInt(e[n]);break;default:i=parseFloat(e[n].split(o)[0])}t={label:n,value:i,type:o},o?l.push(t):s.push(t)}return r.mJ.objectSort(l,"value"),a=[...l,s[0]],a}_consistentTypes(e,t){let o,n,r=[];const i=t.map((e=>e.unit));for(o in e){if(n=this._getType(e[o],i),!n&&null!==n)return`'${e[o]}' is not a valid viewport type: ${JSON.stringify(e)}\nAllowed types: ${JSON.stringify(i)}`;r.push(n)}const a=[...r.filter((e=>null!==e)).reduce(((e,t)=>e.add(t)),new Set)];if(a.length>1){return`All viewport values must be of the same type, found: ${a.reduce(((e,o)=>e+`${t.filter((e=>e.unit===o))[0].display} (${o}), `),"")}`}return!0}_convertValueToPixel({type:e,value:t}){switch(e){case"em":return r.ye(t);case"rem":return r.fh(t);default:return t}}_getBreakpoints(){const e=window.innerWidth;this.breakpoints||(this.types=this.defaultTypes,this.ZG.removeAttribute(n.default.viewport.customAttr));const t=this.breakpoints.map((e=>Object.assign({},e)));return t.forEach((t=>t.value=this._convertValueToPixel({type:t.type,value:t.value,pixel:e}))),t}_getCurrentViewport(){const e=this.widget.updater.nCurrContainerWidth||this.ZG.getBoundingClientRect().width;let t,o,n,r=this.breakpointsClone.length;for(let i=0;i<r;i++)if(t=0===i?0:this.breakpointsClone[i-1].value,o=i===r-1?"max":this.breakpointsClone[i].value,e>=t&&("max"===o||e<o)){n=this.breakpointsClone[i].label;break}return n}_getType(e,t){let o;const n="string"==typeof t;return null===e?o=null:isNaN(e)?n?o=e.split(t)[1]:t.forEach((t=>2===e.split(t).length?o=t:t)):o="px",o}_runViewport(e){let t,o,i,a,s,l;switch("pause"!==e&&(e=!0===e?"true":"false"),e){case"pause":t=!0,o=!1,i=!1,a="#d0c902",s="⏸",l="Paused";break;case"false":t=!1,o=!1,i=!0,a="#980000",s="⏹",l="Stopped";break;default:t=!1,o=!0,i=!1,a=n.default.colors.success,s="▶️",l="Started"}this._run={pause:t,play:o,stop:i},t&&(r.Xh({el:this.ZG,attr:n.default.viewport.stopAttr}),this.ZG.oTopPager&&(r.Xh({el:this.ZG.oTopPager,attr:n.default.viewport.pauseAttr,value:""}),r.Xh({el:this.ZG.oTopPager,attr:n.default.viewport.stopAttr})),this.ZG.oBottomPager&&(r.Xh({el:this.ZG.oBottomPager,attr:n.default.viewport.pauseAttr,value:""}),r.Xh({el:this.ZG.oBottomPager,attr:n.default.viewport.stopAttr}))),o&&(this.ZG.oTopPager&&(r.Xh({el:this.ZG.oTopPager,attr:n.default.viewport.pauseAttr}),r.Xh({el:this.ZG.oTopPager,attr:n.default.viewport.stopAttr})),this.ZG.oBottomPager&&(r.Xh({el:this.ZG.oBottomPager,attr:n.default.viewport.pauseAttr}),r.Xh({el:this.ZG.oBottomPager,attr:n.default.viewport.stopAttr})),this.ZG.oDOMLayoutControls&&this.ZG.oDOMLayoutControls.removeAttribute(n.default.attr.hidden),this.widget.layoutManager.setLayout({isReset:!0}),this.allow=!0,this.setViewport()),i&&(r.Xh({el:this.ZG,attr:n.default.viewport.pauseAttr}),r.Xh({el:this.ZG,attr:n.default.viewport.attr}),r.Xh({el:this.ZG.oDOMBody,attr:n.default.viewport.pauseAttr}),r.Xh({el:this.ZG.oDOMBody,attr:n.default.viewport.attr}),this.ZG.oTopPager&&(r.Xh({el:this.ZG.oTopPager,attr:n.default.viewport.attr}),r.Xh({el:this.ZG.oTopPager,attr:n.default.viewport.pauseAttr}),r.Xh({el:this.ZG.oTopPager,attr:n.default.viewport.stopAttr,value:""})),this.ZG.oBottomPager&&(r.Xh({el:this.ZG.oBottomPager,attr:n.default.viewport.attr}),r.Xh({el:this.ZG.oBottomPager,attr:n.default.viewport.pauseAttr}),r.Xh({el:this.ZG.oBottomPager,attr:n.default.viewport.stopAttr,value:""})))}_setPagerViewport(){this.ZG.oTopPager&&this.ZG.oTopPager.setAttribute(n.default.viewport.attr,this.currentView),this.ZG.oBottomPager&&this.ZG.oBottomPager.setAttribute(n.default.viewport.attr,this.currentView)}}},21974:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>r});var n=o(36454);const r=class{constructor(e){this.widget=e.widget}$column(e){return new n.default({widget:this.widget}).column(e)}$row(e){return new n.default({widget:this.widget}).row(e)}$range(e,t){return new n.default({widget:this.widget}).range(e,t)}$cell(e,t){return new n.default({widget:this.widget}).cell(e,t)}getSelectorEngine(){return new n.default({widget:this.widget})}}},56919:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(64087);const r={aCustomLangs:{},oLangElements:{},defaultLang:"en",setLang:function(e,t,o){let n,i,a;e.split(",").map((e=>e.trim())).some((e=>{let t=e;do{if(n=r.checkLangFile(t),n){i=e,a=t;break}let o=t.lastIndexOf("-");t=-1!==o?t.substring(0,o):""}while(t.length>0);if(i||(i=e),a)return!0})),n||(r.globalLang?n=r.globalLang:r.defaultLang&&(n=r.defaultLang)),t?(t.lang=n,t.locale=i):(r.globalLang=n,r.globalLocale=i,o&&(r.defaultLang=n))},checkLangFile:function(e){let t=null;if(r.aCustomLangs[e])t=r.aCustomLangs[e];else try{t=o(61145)(`./${e}.js`).default}catch(e){}return t},getLocale:function(e){return e&&e.locale?e.locale:r.globalLocale},getLang:function(e){return(e.lang||r.globalLang||r.defaultLang).lang||r.getLocale()},get:function(e,t,o){let i;return t&&t.lang&&(i=n.MU(t.lang,e)),void 0===i&&(i=n.MU(r.globalLang,e)),void 0===i&&r.defaultLang&&(i=n.MU(r.defaultLang,e)),o&&r.storeElement(e,t,o),i},storeElement:function(e,t,o){r.oLangElements[t]||(r.oLangElements[t]=[]);let n=r.oLangElements[t];o.sPath=e,n.push(o)},refresh:function(e){let t=r.oLangElements[e];t&&(t.forEach((t=>{let o=r.get(t.sPath,e),n=t.element;t.langProperty&&(o=o[t.langProperty]),t.attribute?n.setAttribute(t.attribute,o):t.elProperty&&(n[t.elProperty]=o)})),e.dialogManager.refreshDialogs(),e.webcomponent.refresh())},destroy:function(e){let t=r.oLangElements[e];t&&(t.forEach((e=>{e.element=null})),r.oLangElements[e].length=0)}};r.setLang(r.defaultLang,null,!0),"undefined"!=typeof document&&document.documentElement.lang&&r.setLang(document.documentElement.lang,null);const i=r},64050:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n={lang:"custom",columntypes:{editor:"custom-Edit",remover:"custom-Delete",selector:"custom-Select"},context:{copyCell:"custom-Copy Cell",pasteCell:"custom-Paste Cell",insertRecordLabel:"custom-Insert New Record",insertRecordHere:"custom-Here",insertRecordEnd:"custom-End",insertRecordStart:"custom-Start",deleteRow:"custom-Delete row",sortColumn:"custom-Sort Column",editCell:"custom-Edit Cell",editRow:"custom-Edit Row",selectCell:"custom-Select Cell",selectRow:"custom-Select Row",deselect:"custom-Deselect",previousPage:"custom-Go to previous page",nextPage:"custom-Go to next page",firstPage:"custom-Go to first page",lastPage:"custom-Go to last page",version:"custom-ZingGrid Version",save:"custom-Save",cancel:"custom-Cancel"},date:{shortMonth:["custom-Jan","custom-Feb","custom-Mar","custom-Apr","custom-May","custom-Jun","custom-Jul","custom-Aug","custom-Sep","custom-Oct","custom-Nov","custom-Dec"],longMonth:["custom-January","custom-February","custom-March","custom-April","custom-May","custom-June","custom-July","custom-August","custom-September","custom-October","custom-November","custom-December"],twoWeek:["custom-Su","custom-Mo","custom-Tu","custom-We","custom-Th","custom-Fr","custom-Sa"],shortWeek:["custom-Sun","custom-Mon","custom-Tue","custom-Wed","custom-Thu","custom-Fri","custom-Sat"],longWeek:["custom-Sunday","custom-Monday","custom-Tuesday","custom-Wednesday","custom-Thursday","custom-Friday","custom-Saturday"],am:"custom-am",pm:"custom-pm",startWeek:0,startYear:6},dialog:{cancel:"custom-Cancel",close:"custom-X",confirm:"custom-Confirm",create:"custom-Create",delete:"custom-Delete",ok:"custom-Ok",recordCreate:{label:"custom-Create a new record",successMsg:"custom-Successfully added row!",errorMsg:"custom-The server encountered an error and the record could not be created."},recordDelete:{body:"custom-Are you sure you want to delete this record?",label:"custom-Confirm delete",successMsg:"custom-Record removed successfully!",errorMsg:"custom-The server encountered an error and the record could not be deleted."},recordInfo:{label:"custom-Record Info"},recordUpdate:{label:"custom-Update this record",successMsg:"custom-Record updated successfully",errorMsg:"custom-The server encountered an error and the record could not be updated."},fieldUpdate:{label:"custom-Update this field",successMsg:"custom-Field updated successfully",errorMsg:"custom-The server encountered an error and the field could not be updated."},removeXSelectedRows:{body:"custom-Are you sure you want to delete these records?",label:"custom-Remove %v record%p",successMsg:"custom-Records removed successfully!"},version:{body:"custom-built on",label:"custom-Current Version"},save:"custom-Save"},draggable:{remove:"custom-Release to hide",reorder:"custom-Drag outside grid to hide"},iconSet:{invalidVendor:"custom-Value added to [%v] does not match allowed vendor list",invalidVendorMethod:'custom-Internal Error: There was an issue loading [%v="%v"] icons. Falling back to default icons.'},loadMask:{title:"custom-loading"},pagination:{page:"custom-Page",pageOf:"custom-of",rows:"custom-Rows"},tools:{filter:"custom-Filter",search:"custom-Search",selected:"custom-%v Item%p Selected"},tooltip:{layoutCard:"custom-Card Layout",layoutRow:"custom-Row Layout",recordCreate:"custom-Insert Record",reload:"custom-Reload Grid",editrecord:"custom-Edit Record",firstpage:"custom-Go to First Page",fixedmenu:"custom-Open Menu",lastpage:"custom-Go to Last Page",menu:"custom-Open Column Menu",nextpage:"custom-Go to Next Page",prevpage:"custom-Go to Previous Page",removerecord:"custom-Remove Record",search:"custom-Open Search"},watermark:{poweredBy:"custom-Powered By <strong>ZingGrid</strong>"}}},5235:()=>{},11232:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n={lang:"en",aggregate:{sum:"Sum",avg:"Average",min:"Min",max:"Max",count:"Count"},batchEdit:{changes:"Change%p",fieldsEdited:"Field%p Edited",recordsEdited:"Record%p Edited",deleted:"Deleted",inserted:"Inserted",modified:"Modified",label:"Edit Records (Batch):"},columntypes:{duplicate:"Duplicate",editor:"Edit",remover:"Delete",selector:"Select",info:"Info",key:"Key","row-number":"Row Number"},context:{copyCell:"Copy Cell",pasteCell:"Paste Cell",insertRecordLabel:"Insert New Record",insertRecordHere:"Here",insertRecordEnd:"End",insertRecordStart:"Start",deleteRow:"Delete row",duplicateRow:"Duplicate row",sortColumn:"Sort Column",hideColumn:"Hide Column",editCell:"Edit Cell",editRow:"Edit Row",selectAll:"Select All",selectCell:"Select Cell",selectRow:"Select Row",deselect:"Deselect",previousPage:"Go to previous page",nextPage:"Go to next page",firstPage:"Go to first page",lastPage:"Go to last page",version:"ZingGrid Version",resetState:"Unsave Grid State",save:"Save",cancel:"Cancel",freezeColumnLeft:"Freeze Column - Left",freezeColumnRight:"Freeze Column - Right",unfreezeColumn:"Unfreeze Column",freezeRowTop:"Freeze Row - Top",freezeRowBottom:"Freeze Row - Bottom",unfreezeRow:"Unfreeze Row"},date:{shortMonth:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],longMonth:["January","February","March","April","May","June","July","August","September","October","November","December"],twoWeek:["Su","Mo","Tu","We","Th","Fr","Sa"],shortWeek:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],longWeek:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],am:"am",pm:"pm",startWeek:0,startYear:6,fromNow:{seconds:"%v seconds",minute:"a minute",minutes:"%v minutes",hour:"an hour",hours:"%v hours",day:"a day",days:"%v days",month:"a month",months:"%v months",year:"a year",years:"%v years",past:"%v ago",future:"in %v"}},dialog:{cancel:"Cancel",close:"X",confirm:"Confirm",create:"Create",delete:"Delete",ok:"Ok",read:{errorMsg:"The server encountered an error and the data could not be read."},recordCreate:{label:"Create a new record",successMsg:"Successfully added row!",errorMsg:"The server encountered an error and the record could not be created."},recordDelete:{body:"Are you sure you want to delete this record?",label:"Confirm delete",successMsg:"Record removed successfully!",errorMsg:"The server encountered an error and the record could not be deleted."},recordInfo:{label:"Record Info",errorMsg:"The server encountered an error and the data could not be read."},recordUpdate:{label:"Update this record",successMsg:"Record updated successfully",errorMsg:"The server encountered an error and the record could not be updated."},fieldUpdate:{label:"Update this field",successMsg:"Field updated successfully",errorMsg:"The server encountered an error and the field could not be updated."},removeXSelectedRows:{body:"Are you sure you want to delete these records?",label:"Remove %v record%p",successMsg:"Record%p removed successfully!"},batchEdit:{cancel:{body:"The following edits have been made and will be undone:<br>",bodyPlural:"The following %v changes have been made and will be undone:<br>",label:"Discard All Edits"},commit:{body:"Save changes?<br>",bodyPlural:"Save %v changes?<br>",label:"Save Batch Edit"},recordsBody:"<br><strong>%v Total Record%p Modified:</strong>",changeBody:"%v Record%p ",successMsg:"Successfully completed batch edit!",errorMsg:"Error: Batch Edit saved %v record%p and encountered %v error%p.",errorMsgMore:"View details",errorLabel:"Error Details",dialogErrorMsg:"<strong>%v Error%p</strong><br>",inserted:"Created",recordsEdited:"Edited",deleted:"Deleted"},version:{body:"built on",label:"Current Version"},save:"Save"},drag:{remove:"Release to hide",reorder:"Drag outside grid to hide"},iconSet:{invalidVendor:"Value added to [%v] does not match allowed vendor list",invalidVendorMethod:'Internal Error: There was an issue loading [%v="%v"] icons. Falling back to default icons.'},loadMask:{title:"loading"},noData:{message:"There are no records to display.",insertRecord:"Insert a new record."},pagination:{page:"Page",pageOf:"of",pageNext:"Next",pagePrev:"Previous",rows:"Rows"},tools:{filter:"Filter",search:"Search",selected:"%v Item%p Selected"},tooltip:{batchedit:"Edit Records (Batch)",batcheditsave:"Save Batch Edit",batcheditcancel:"Cancel Batch Edit",layoutCard:"Card Layout",layoutRow:"Row Layout",recordCreate:"Insert Record",reload:"Reload Grid",editrecord:"Edit Record",firstpage:"Go to First Page",fixedmenu:"Open Menu",lastpage:"Go to Last Page",menu:"Open Column Menu",nextpage:"Go to Next Page",prevpage:"Go to Previous Page",duplicaterecord:"Duplicate Record",removerecord:"Remove Record",undoremoverecord:"Restore Record",search:"Open Search",openrowgroup:"Open Group",closerowgroup:"Close Group"},validation:{errorMessage:"Validation Failed"},watermark:{poweredBy:"Powered By <strong>ZingGrid</strong>"}}},58672:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n={lang:"es",aggregate:{sum:"Suma",avg:"Promedio",min:"Min",max:"Max",count:"Contar"},batchEdit:{changes:"Cambio%p",edited:"Editado",fieldsEdited:"Campo%p Editado%p",recordsEdited:"Registro%p Editado%p",deleted:"Borrado",inserted:"Insertado",modified:"Modificado",label:"Editar los Registros (Lote):"},columntypes:{duplicate:"Duplicarse",editor:"Editar",remover:"Eliminar",selector:"Seleccionar",info:"Info",key:"Key","row-number":"Numero de Fila"},context:{copyCell:"Copiar Celda",pasteCell:"Pegar Celda",insertRecordLabel:"Añadir Registro Nuevo",insertRecordHere:"Aqui",insertRecordEnd:"Al Final",insertRecordStart:"Al Principio",deleteRow:"Eliminar Fila",duplicateRow:"Duplicar Fila",hideColumn:"Ocultar Columna",sortColumn:"Ordenar Columna",editCell:"Editar Celda",editRow:"Editar Fila",selectAll:"Select All",selectCell:"Seleccionar Celda",selectRow:"Seleccionar Fila",deselect:"Deseleccionar",previousPage:"Regresar a la página anterior",nextPage:"Ir a la página siguiente",firstPage:"Regresar a la primera página",lastPage:"Ir a la página final",version:"Sobre ZingGrid",resetState:"Desguardar Estado de Cuadrícula",save:"Guardar",cancel:"Cancelar",freezeColumnLeft:"Congelación de Columna - Izquierda",freezeColumnRight:"Congelación de Columna - Derecha",unfreezeColumn:"Descongelar Columna",freezeRowTop:"Inmovilizar Fila - Arriba",freezeRowBottom:"Inmovilizar Fila - Abajo",unfreezeRow:"Movilizar Fila"},date:{shortMonth:["ene","feb","mar","abr","may","jun","jul","ago","sept","oct","nov","dic"],longMonth:["enero","febrero","marzo","abril","mayo","junio","julio","agosto","septiembre","octubre","noviembre","diciembre"],twoWeek:["do","lu","ma","mi","ju","vi","sa"],shortWeek:["dom","lun","mar","mié","jue","vie","sáb"],longWeek:["domingo","lunes","martes","miércoles","jueves","viernes","sábado"],am:"am",pm:"pm",startWeek:0,startYear:6,fromNow:{seconds:"%v segundos",minute:"un minuto",minutes:"%v minutos",hour:"una hora",hours:"%v horas",day:"un día",days:"%v dias",month:"un mes",months:"%v meses",year:"un año",years:"%v años",past:"hace %v",future:"en %v"}},dialog:{cancel:"Cancelar",close:"X",confirm:"Confirmar",create:"Crear",delete:"Eliminar",ok:"Ok",read:{errorMsg:"El servidor encontró un error y no se pudieron leer los datos."},recordCreate:{label:"Crear un nuevo registro",successMsg:"¡Su registro fue creado!",errorMsg:"El servidor encontró un error y no se pudo crear el registro."},recordDelete:{body:"¿Seguro que quiere eliminar este registro?",label:"Confirmar eliminación",successMsg:"¡Su registro fue eliminado!",errorMsg:"El servidor encontró un error y no se pudo eliminar el registro."},recordInfo:{label:"Información de Registro",errorMsg:"El servidor encontró un error y no se pudieron leer los datos."},recordUpdate:{label:"Actualizar este registro",successMsg:"¡Su registro fue actualizado!",errorMsg:"El servidor encontró un error y no se pudo actualizar el registro."},fieldUpdate:{label:"Actualizar este campo",successMsg:"¡Su campo fue actualizado!",errorMsg:"El servidor encontró un error y no se pudo actualizar el campo."},removeXSelectedRows:{body:"¿Seguro que quiere eliminar estos registros?",label:"Eliminar %v registro%p",successMsg:"¡Sus registro%p fueron eliminados!"},batchEdit:{cancel:{body:"Se han realizado las siguientes ediciones y se desharán:<br>",bodyPlural:"Se han realizado los siguientes %v cambios y se desharán:<br>",label:"Descartar todas las ediciones"},commit:{body:"Guardar Cambios?<br>",bodyPlural:"Guaradar %v Cambios?<br>",label:"Guardar las Ediciones del Lote"},plurals:{errorMsg:["s","es"],recordsBody:["es"],dialogErrorMsg:["es"]},recordsBody:"<br><strong>%v Registros Total%p Modificados:</strong>",changeBody:"%v Registro%p ",successMsg:"Edición por lotes completada con éxito!",errorMsg:"Error: La Edición por Lotes Guardó %v Registro%p y encontró %v error%p.",errorMsgMore:"Ver Detalles",errorLabel:"Error Detalles",dialogErrorMsg:"<strong>%v Error%p</strong><br>",inserted:"Creado",recordsEdited:"Editado",deleted:"Borrado"},version:{body:"creado en",label:"Versión Actual"},save:"Guardar"},drag:{remove:"Suelta para esconderte",reorder:"Arrastra afuera para esconderte"},iconSet:{invalidVendor:"El valor agregado a [%v] no coincide con la lista de proveedores permitidos.",invalidVendorMethod:'Error Interno: Se produjo un problema al cargar los íconos [%v = "%v"]. Volviendo a los íconos predeterminados.'},loadMask:{title:"Cargando"},pagination:{page:"Pagina",pageOf:"de",rows:"Filas",pageNext:"Siguiente",pagePrev:"Anterior"},tools:{filter:"Filtrar",search:"Buscar",selected:"%v Elemento%p Seleccionado"},tooltip:{batchedit:"Editar los Registros (del Lote)",batcheditsave:"Guardar la Edición del Lote",batcheditcancel:"Cancelar la Edición del Lote",layoutCard:"Diseño de Tarjeta",layoutRow:"Diseño de Fila",recordCreate:"Añadir Registro",reload:"Recargar la Cuadrícula",editrecord:"Editar Registro",firstpage:"Ir a la Primera Página",fixedmenu:"Abre el Menú",lastpage:"Ir a la Última Página",menu:"Abre el Menú de la Columna",nextpage:"Ir a la Siguente Página",prevpage:"Ir a la Página Anterior",removerecord:"Elminiar Registro",undoremoverecord:"Restore Record",search:"Abre la Búsqueda",duplicateRecord:"Duplicar el Registro",openrowgroup:"Abre el Grupo",closerowgroup:"Cierra el Grupo"},validation:{errorMessage:"Validación Fallida"},watermark:{poweredBy:"Un producto provisto por <strong>ZingGrid</strong>"}}},2247:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n={lang:"zh-CN",aggregate:{sum:"总和",avg:"平均值",min:"最小值",max:"最大值",count:"统计"},columntypes:{duplicate:"创建副本",editor:"编辑",remover:"删除",selector:"选择",info:"信息",key:"名字","row-number":"行号"},context:{copyCell:"复制单元格",pasteCell:"粘贴单元格",insertRecordLabel:"创建新纪录",insertRecordHere:"在此处创建",insertRecordEnd:"创建于表格末尾",insertRecordStart:"创建于表格起始",deleteRow:"删除该行",duplicateRow:"为该行创建副本",sortColumn:"更改排序",hideColumn:"隐藏该列",editCell:"编辑单元格",editRow:"编辑该行",selectAll:"全选",selectCell:"选择单元格",selectRow:"选择该行",deselect:"取消选择",previousPage:"上一页",nextPage:"下一页",firstPage:"回到首页",lastPage:"去往末页",version:"ZingGrid版本",resetState:"重置表格",save:"保存",cancel:"取消",freezeColumnLeft:"固定该列于左侧",freezeColumnRight:"固定该列于右侧",unfreezeColumn:"取消固定该列",freezeRowTop:"固定该行于顶端",freezeRowBottom:"固定该行于底端",unfreezeRow:"取消固定该行"},date:{shortMonth:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],longMonth:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],twoWeek:["周日","周一","周二","周三","周四","周五","周六"],shortWeek:["周日","周一","周二","周三","周四","周五","周六"],longWeek:["星期日","星期一","星期二","星期三","星期四","星期五","星期日"],am:"上午",pm:"下午",startWeek:0,startYear:6,fromNow:{seconds:"%v 秒钟",minute:"1 分钟",minutes:"%v 分钟",hour:"1 小时",hours:"%v 小时",day:"1 天",days:"%v 天",month:"1 月",months:"%v 月",year:"1 年",years:"%v 年",past:"%v前",future:"%v后"}},dialog:{cancel:"取消",close:"X",confirm:"确认",create:"创建",delete:"删除",ok:"Ok",read:{errorMsg:"服务器出错，无法读取数据"},recordCreate:{label:"创建新记录",successMsg:"创建成功!",errorMsg:"服务器出错，无法创建新记录"},recordDelete:{body:"您确认要删除这条记录吗？",label:"再次确认",successMsg:"删除成功！",errorMsg:"服务器出错, 无法删除该记录"},recordInfo:{label:"详情",errorMsg:"服务器出错，无法读取数据"},recordUpdate:{label:"更新该记录",successMsg:"记录更新成功！",errorMsg:"服务器出错，无法更新该记录"},fieldUpdate:{label:"更新该数据",successMsg:"数据更新成功！",errorMsg:"服务器出错,无法更新该数据"},removeXSelectedRows:{body:"您确认要删除这条记录吗？",label:"删除 %v 条数据",successMsg:"记录删除成功！"},version:{body:"建于",label:"当前版本"},save:"保存"},drag:{remove:"释放即可隐藏",reorder:"拖拽到表格外可隐藏"},iconSet:{invalidVendor:"添加到 [%v] 的值与第三方列表的可用值不匹配",invalidVendorMethod:'内部错误: 加载 [%v="%v"] 图标时出现问题, 回退到默认图标'},loadMask:{title:"加载中"},noData:{message:"没有记录可显示",insertRecord:"创建新记录"},pagination:{page:"第",pageOf:", 共",pageNext:"下一页",pagePrev:"上一页",rows:"行"},tools:{filter:"过滤",search:"输入搜索内容",selected:"选中 %v 个"},tooltip:{layoutCard:"为画廊",layoutRow:"为列表",recordCreate:"创建新纪录",reload:"重新加载表格",editrecord:"编辑该记录",firstpage:"返回首页",fixedmenu:"打开菜单",lastpage:"前往末页",menu:"打开列菜单",nextpage:"下一页",prevpage:"上一页",duplicaterecord:"为该记录创建一个副本",removerecord:"移除该记录",search:"打开搜索",openrowgroup:"展开",closerowgroup:"收起"},validation:{errorMessage:"验证失败"},watermark:{poweredBy:"由 <strong>ZingGrid</strong> 提供支持"}}},35182:()=>{!function(){if("undefined"==typeof window||"function"==typeof window.CustomEvent)return!1;function e(e,t){t=t||{bubbles:!1,cancelable:!1,detail:void 0};var o=document.createEvent("CustomEvent");return o.initCustomEvent(e,t.bubbles,t.cancelable,t.detail),o}e.prototype=window.Event.prototype,window.CustomEvent=e}()},82986:function(e,t,o){(function(){"use strict";var e,t="undefined"!=typeof window&&window===this?this:void 0!==o.g&&null!=o.g?o.g:this,n="function"==typeof Object.defineProperties?Object.defineProperty:function(e,t,o){e!=Array.prototype&&e!=Object.prototype&&(e[t]=o.value)};function r(){r=function(){},t.Symbol||(t.Symbol=a)}var i,a=(i=0,function(e){return"jscomp_symbol_"+(e||"")+i++});function s(){r();var e=t.Symbol.iterator;e||(e=t.Symbol.iterator=t.Symbol("iterator")),"function"!=typeof Array.prototype[e]&&n(Array.prototype,e,{configurable:!0,writable:!0,value:function(){return l(this)}}),s=function(){}}function l(e){var o=0;return function(e){return s(),e={next:e},e[t.Symbol.iterator]=function(){return this},e}((function(){return o<e.length?{done:!1,value:e[o++]}:{done:!0}}))}function d(e){s(),r(),s();var t=e[Symbol.iterator];return t?t.call(e):l(e)}function c(){this.da=this.root=null,this.N=!1,this.w=this.K=this.W=this.assignedSlot=this.assignedNodes=this.C=null,this.childNodes=this.nextSibling=this.previousSibling=this.lastChild=this.firstChild=this.parentNode=this.F=void 0,this.$=this.aa=!1,this.J={}}function h(e){return e.__shady||(e.__shady=new c),e.__shady}function u(e){return e&&e.__shady}c.prototype.toJSON=function(){return{}};var g=window.ShadyDOM||{};g.ra=!(!Element.prototype.attachShadow||!Node.prototype.getRootNode);var p=Object.getOwnPropertyDescriptor(Node.prototype,"firstChild");function f(e){return(e=u(e))&&void 0!==e.firstChild}function m(e){return"ShadyRoot"===e.la}function b(e){return(e=(e=u(e))&&e.root)&&bt(e)}g.j=!!(p&&p.configurable&&p.get),g.X=g.force||!g.ra,g.D=g.noPatch||!1,g.ca=g.preferPerformance;var v=Element.prototype,y=v.matches||v.matchesSelector||v.mozMatchesSelector||v.msMatchesSelector||v.oMatchesSelector||v.webkitMatchesSelector,w=document.createTextNode(""),z=0,C=[];function S(e){C.push(e),w.textContent=z++}new MutationObserver((function(){for(;C.length;)try{C.shift()()}catch(e){throw w.textContent=z++,e}})).observe(w,{characterData:!0});var x=!!document.contains;function M(e,t){for(;t;){if(t==e)return!0;t=t.__shady_parentNode}return!1}function _(e){for(var t=e.length-1;0<=t;t--){var o=e[t],n=o.getAttribute("id")||o.getAttribute("name");n&&"length"!==n&&isNaN(n)&&(e[n]=o)}return e.item=function(t){return e[t]},e.namedItem=function(t){if("length"!==t&&isNaN(t)&&e[t])return e[t];for(var o=d(e),n=o.next();!n.done;n=o.next())if(((n=n.value).getAttribute("id")||n.getAttribute("name"))==t)return n;return null},e}function k(e,t,o,n){for(var r in o=void 0===o?"":o,t){var i=t[r];if(!(n&&0<=n.indexOf(r))){i.configurable=!0;var a=o+r;if(i.value)e[a]=i.value;else try{Object.defineProperty(e,a,i)}catch(e){}}}}function R(e){var t={};return Object.getOwnPropertyNames(e).forEach((function(o){t[o]=Object.getOwnPropertyDescriptor(e,o)})),t}var D,E=[];function O(e){D||(D=!0,S(T)),E.push(e)}function T(){D=!1;for(var e=!!E.length;E.length;)E.shift()();return e}function A(){this.a=!1,this.addedNodes=[],this.removedNodes=[],this.M=new Set}T.list=E,A.prototype.flush=function(){if(this.a){this.a=!1;var e=this.takeRecords();e.length&&this.M.forEach((function(t){t(e)}))}},A.prototype.takeRecords=function(){if(this.addedNodes.length||this.removedNodes.length){var e=[{addedNodes:this.addedNodes,removedNodes:this.removedNodes}];return this.addedNodes=[],this.removedNodes=[],e}return[]};var I=/[&\u00A0"]/g,L=/[&\u00A0<>]/g;function F(e){switch(e){case"&":return"&amp;";case"<":return"&lt;";case">":return"&gt;";case'"':return"&quot;";case" ":return"&nbsp;"}}function N(e){for(var t={},o=0;o<e.length;o++)t[e[o]]=!0;return t}var B=N("area base br col command embed hr img input keygen link meta param source track wbr".split(" ")),G=N("style script xmp iframe noembed noframes plaintext noscript".split(" "));function H(e,t){"template"===e.localName&&(e=e.content);for(var o="",n=t?t(e):e.childNodes,r=0,i=n.length,a=void 0;r<i&&(a=n[r]);r++){e:{var s=a,l=e,d=t;switch(s.nodeType){case Node.ELEMENT_NODE:for(var c,h="<"+(l=s.localName),u=s.attributes,g=0;c=u[g];g++)h+=" "+c.name+'="'+c.value.replace(I,F)+'"';h+=">",s=B[l]?h:h+H(s,d)+"</"+l+">";break e;case Node.TEXT_NODE:s=s.data,s=l&&G[l.localName]?s:s.replace(L,F);break e;case Node.COMMENT_NODE:s="\x3c!--"+s.data+"--\x3e";break e;default:throw window.console.error(s),Error("not implemented")}}o+=s}return o}var P=g.j,Z={querySelector:function(e){return this.__shady_native_querySelector(e)},querySelectorAll:function(e){return this.__shady_native_querySelectorAll(e)}},U={};function W(e){U[e]=function(t){return t["__shady_native_"+e]}}function V(e,t){for(var o in k(e,t,"__shady_native_"),t)W(o)}function $(e,t){t=void 0===t?[]:t;for(var o=0;o<t.length;o++){var n=t[o],r=Object.getOwnPropertyDescriptor(e,n);r&&(Object.defineProperty(e,"__shady_native_"+n,r),r.value?Z[n]||(Z[n]=r.value):W(n))}}var j=document.createTreeWalker(document,NodeFilter.SHOW_ALL,null,!1),q=document.createTreeWalker(document,NodeFilter.SHOW_ELEMENT,null,!1),K=document.implementation.createHTMLDocument("inert");function Y(e){for(var t;t=e.__shady_native_firstChild;)e.__shady_native_removeChild(t)}var X=["firstElementChild","lastElementChild","children","childElementCount"],J=["querySelector","querySelectorAll"];var Q,ee=R({get childNodes(){return this.__shady_childNodes},get firstChild(){return this.__shady_firstChild},get lastChild(){return this.__shady_lastChild},get textContent(){return this.__shady_textContent},set textContent(e){this.__shady_textContent=e},get childElementCount(){return this.__shady_childElementCount},get children(){return this.__shady_children},get firstElementChild(){return this.__shady_firstElementChild},get lastElementChild(){return this.__shady_lastElementChild},get innerHTML(){return this.__shady_innerHTML},set innerHTML(e){return this.__shady_innerHTML=e},get shadowRoot(){return this.__shady_shadowRoot}}),te=R({get parentElement(){return this.__shady_parentElement},get parentNode(){return this.__shady_parentNode},get nextSibling(){return this.__shady_nextSibling},get previousSibling(){return this.__shady_previousSibling},get nextElementSibling(){return this.__shady_nextElementSibling},get previousElementSibling(){return this.__shady_previousElementSibling},get className(){return this.__shady_className},set className(e){return this.__shady_className=e}});for(Q in ee)ee[Q].enumerable=!1;for(var oe in te)te[oe].enumerable=!1;var ne=g.j||g.D,re=ne?function(){}:function(e){var t=h(e);t.aa||(t.aa=!0,k(e,te))},ie=ne?function(){}:function(e){var t=h(e);t.$||(t.$=!0,k(e,ee))},ae="__eventWrappers"+Date.now(),se=function(){var e=Object.getOwnPropertyDescriptor(Event.prototype,"composed");return e?function(t){return e.get.call(t)}:null}(),le={blur:!0,focus:!0,focusin:!0,focusout:!0,click:!0,dblclick:!0,mousedown:!0,mouseenter:!0,mouseleave:!0,mousemove:!0,mouseout:!0,mouseover:!0,mouseup:!0,wheel:!0,beforeinput:!0,input:!0,keydown:!0,keyup:!0,compositionstart:!0,compositionupdate:!0,compositionend:!0,touchstart:!0,touchend:!0,touchmove:!0,touchcancel:!0,pointerover:!0,pointerenter:!0,pointerdown:!0,pointermove:!0,pointerup:!0,pointercancel:!0,pointerout:!0,pointerleave:!0,gotpointercapture:!0,lostpointercapture:!0,dragstart:!0,drag:!0,dragenter:!0,dragleave:!0,dragover:!0,drop:!0,dragend:!0,DOMActivate:!0,DOMFocusIn:!0,DOMFocusOut:!0,keypress:!0},de={DOMAttrModified:!0,DOMAttributeNameChanged:!0,DOMCharacterDataModified:!0,DOMElementNameChanged:!0,DOMNodeInserted:!0,DOMNodeInsertedIntoDocument:!0,DOMNodeRemoved:!0,DOMNodeRemovedFromDocument:!0,DOMSubtreeModified:!0};function ce(e){return e instanceof Node?e.__shady_getRootNode():e}function he(e,t){var o=[],n=e;for(e=ce(e);n;)o.push(n),n=n.__shady_assignedSlot?n.__shady_assignedSlot:n.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&n.host&&(t||n!==e)?n.host:n.__shady_parentNode;return o[o.length-1]===document&&o.push(window),o}function ue(e,t){if(!m)return e;e=he(e,!0);for(var o,n,r=0,i=void 0,a=void 0;r<t.length;r++)if((n=ce(o=t[r]))!==i&&(a=e.indexOf(n),i=n),!m(n)||-1<a)return o}function ge(e){function t(t,o){return(t=new e(t,o)).__composed=o&&!!o.composed,t}return t.__proto__=e,t.prototype=e.prototype,t}var pe={focus:!0,blur:!0};function fe(e){return e.__target!==e.target||e.__relatedTarget!==e.relatedTarget}function me(e,t,o){if(o=t.__handlers&&t.__handlers[e.type]&&t.__handlers[e.type][o])for(var n,r=0;(n=o[r])&&(!fe(e)||e.target!==e.relatedTarget)&&(n.call(t,e),!e.__immediatePropagationStopped);r++);}function be(e){var t,o=e.composedPath();Object.defineProperty(e,"currentTarget",{get:function(){return r},configurable:!0});for(var n=o.length-1;0<=n;n--){var r=o[n];if(me(e,r,"capture"),e.T)return}for(Object.defineProperty(e,"eventPhase",{get:function(){return Event.AT_TARGET}}),n=0;n<o.length;n++){var i=u(r=o[n]);if(i=i&&i.root,(0===n||i&&i===t)&&(me(e,r,"bubble"),r!==window&&(t=r.__shady_getRootNode()),e.T))break}}function ve(e,t,o,n,r,i){for(var a=0;a<e.length;a++){var s=e[a],l=s.type,d=s.capture,c=s.once,h=s.passive;if(t===s.node&&o===l&&n===d&&r===c&&i===h)return a}return-1}function ye(e,t,o){if(t){var n=typeof t;if(("function"===n||"object"===n)&&("object"!==n||t.handleEvent&&"function"==typeof t.handleEvent)){if(de[e])return this.__shady_native_addEventListener(e,t,o);if(o&&"object"==typeof o)var r=!!o.capture,i=!!o.once,a=!!o.passive;else r=!!o,a=i=!1;var s=o&&o.U||this,l=t[ae];if(l){if(-1<ve(l,s,e,r,i,a))return}else t[ae]=[];l=function(r){if(i&&this.__shady_removeEventListener(e,t,o),r.__target||Ce(r),s!==this){var a=Object.getOwnPropertyDescriptor(r,"currentTarget");Object.defineProperty(r,"currentTarget",{get:function(){return s},configurable:!0})}if(r.__previousCurrentTarget=r.currentTarget,(!m(s)||-1!=r.composedPath().indexOf(s))&&(r.composed||-1<r.composedPath().indexOf(s)))if(fe(r)&&r.target===r.relatedTarget)r.eventPhase===Event.BUBBLING_PHASE&&r.stopImmediatePropagation();else if(r.eventPhase===Event.CAPTURING_PHASE||r.bubbles||r.target===s||s instanceof Window){var l="function"===n?t.call(s,r):t.handleEvent&&t.handleEvent(r);return s!==this&&(a?(Object.defineProperty(r,"currentTarget",a),a=null):delete r.currentTarget),l}},t[ae].push({node:s,type:e,capture:r,once:i,passive:a,Ea:l}),pe[e]?(this.__handlers=this.__handlers||{},this.__handlers[e]=this.__handlers[e]||{capture:[],bubble:[]},this.__handlers[e][r?"capture":"bubble"].push(l)):this.__shady_native_addEventListener(e,l,o)}}}function we(e,t,o){if(t){if(de[e])return this.__shady_native_removeEventListener(e,t,o);if(o&&"object"==typeof o)var n=!!o.capture,r=!!o.once,i=!!o.passive;else n=!!o,i=r=!1;var a=o&&o.U||this,s=void 0,l=null;try{l=t[ae]}catch(e){}l&&(-1<(r=ve(l,a,e,n,r,i))&&(s=l.splice(r,1)[0].Ea,l.length||(t[ae]=void 0))),this.__shady_native_removeEventListener(e,s||t,o),s&&pe[e]&&this.__handlers&&this.__handlers[e]&&(-1<(s=(e=this.__handlers[e][n?"capture":"bubble"]).indexOf(s))&&e.splice(s,1))}}var ze=R({get composed(){return void 0===this.__composed&&(se?this.__composed="focusin"===this.type||"focusout"===this.type||se(this):!1!==this.isTrusted&&(this.__composed=le[this.type])),this.__composed||!1},composedPath:function(){return this.__composedPath||(this.__composedPath=he(this.__target,this.composed)),this.__composedPath},get target(){return ue(this.currentTarget||this.__previousCurrentTarget,this.composedPath())},get relatedTarget(){return this.__relatedTarget?(this.__relatedTargetComposedPath||(this.__relatedTargetComposedPath=he(this.__relatedTarget,!0)),ue(this.currentTarget||this.__previousCurrentTarget,this.__relatedTargetComposedPath)):null},stopPropagation:function(){Event.prototype.stopPropagation.call(this),this.T=!0},stopImmediatePropagation:function(){Event.prototype.stopImmediatePropagation.call(this),this.T=this.__immediatePropagationStopped=!0}});function Ce(e){if(e.__target=e.target,e.__relatedTarget=e.relatedTarget,g.j){var t=Object.getPrototypeOf(e);if(!Object.hasOwnProperty(t,"__shady_patchedProto")){var o=Object.create(t);o.__shady_sourceProto=t,k(o,ze),t.__shady_patchedProto=o}e.__proto__=t.__shady_patchedProto}else k(e,ze)}var Se=ge(Event),xe=ge(CustomEvent),Me=ge(MouseEvent);var _e=Object.getOwnPropertyNames(Document.prototype).filter((function(e){return"on"===e.substring(0,2)}));function ke(e,t){return{index:e,G:[],L:t}}function Re(e,t,o,n){var r=0,i=0,a=0,s=0,l=Math.min(t-r,n-i);if(0==r&&0==i)e:{for(a=0;a<l;a++)if(e[a]!==o[a])break e;a=l}if(t==e.length&&n==o.length){s=e.length;for(var d=o.length,c=0;c<l-a&&De(e[--s],o[--d]);)c++;s=c}if(i+=a,n-=s,0==(t-=s)-(r+=a)&&0==n-i)return[];if(r==t){for(t=ke(r,0);i<n;)t.G.push(o[i++]);return[t]}if(i==n)return[ke(r,t-r)];for(n=n-(a=i)+1,s=t-(l=r)+1,t=Array(n),d=0;d<n;d++)t[d]=Array(s),t[d][0]=d;for(d=0;d<s;d++)t[0][d]=d;for(d=1;d<n;d++)for(c=1;c<s;c++)if(e[l+c-1]===o[a+d-1])t[d][c]=t[d-1][c-1];else{var h=t[d-1][c]+1,u=t[d][c-1]+1;t[d][c]=h<u?h:u}for(l=t.length-1,a=t[0].length-1,n=t[l][a],e=[];0<l||0<a;)0==l?(e.push(2),a--):0==a?(e.push(3),l--):(s=t[l-1][a-1],(h=(d=t[l-1][a])<(c=t[l][a-1])?d<s?d:s:c<s?c:s)==s?(s==n?e.push(0):(e.push(1),n=s),l--,a--):h==d?(e.push(3),l--,n=d):(e.push(2),a--,n=c));for(e.reverse(),t=void 0,l=[],a=0;a<e.length;a++)switch(e[a]){case 0:t&&(l.push(t),t=void 0),r++,i++;break;case 1:t||(t=ke(r,0)),t.L++,r++,t.G.push(o[i]),i++;break;case 2:t||(t=ke(r,0)),t.L++,r++;break;case 3:t||(t=ke(r,0)),t.G.push(o[i]),i++}return t&&l.push(t),l}function De(e,t){return e===t}function Ee(e,t,o){re(e),o=o||null;var n=h(e),r=h(t),i=o?h(o):null;n.previousSibling=o?i.previousSibling:t.__shady_lastChild,(i=u(n.previousSibling))&&(i.nextSibling=e),(i=u(n.nextSibling=o))&&(i.previousSibling=e),n.parentNode=t,o?o===r.firstChild&&(r.firstChild=e):(r.lastChild=e,r.firstChild||(r.firstChild=e)),r.childNodes=null}function Oe(e){var t=h(e);if(void 0===t.firstChild){t.childNodes=null;var o=t.firstChild=e.__shady_native_firstChild||null;for(t.lastChild=e.__shady_native_lastChild||null,ie(e),t=o,o=void 0;t;t=t.__shady_native_nextSibling){var n=h(t);n.parentNode=e,n.nextSibling=t.__shady_native_nextSibling||null,n.previousSibling=o||null,o=t,re(t)}}}var Te=null;function Ae(){return Te||(Te=window.ShadyCSS&&window.ShadyCSS.ScopingShim),Te||null}function Ie(e,t){var o=Ae();o&&o.unscopeNode(e,t)}function Le(e,t){var o=Ae();if(!o)return!0;if(e.nodeType===Node.DOCUMENT_FRAGMENT_NODE){o=!0,e=e.__shady_childNodes;for(var n=0;o&&n<e.length;n++)o=o&&Le(e[n],t);return o}return e.nodeType!==Node.ELEMENT_NODE||o.currentScopeForNode(e)===t}function Fe(e){if(e.nodeType!==Node.ELEMENT_NODE)return"";var t=Ae();return t?t.currentScopeForNode(e):""}function Ne(e,t){if(e){e.nodeType===Node.ELEMENT_NODE&&t(e),e=e.__shady_childNodes;for(var o,n=0;n<e.length;n++)(o=e[n]).nodeType===Node.ELEMENT_NODE&&Ne(o,t)}}var Be=window.document,Ge=g.ca,He=Object.getOwnPropertyDescriptor(Node.prototype,"isConnected"),Pe=He&&He.get;function Ze(e){for(var t;t=e.__shady_firstChild;)e.__shady_removeChild(t)}function Ue(e){var t=u(e);if(t&&void 0!==t.F)for(var o=0,n=(t=e.__shady_childNodes).length,r=void 0;o<n&&(r=t[o]);o++)Ue(r);(e=u(e))&&(e.F=void 0)}function We(e){var t=e;return e&&"slot"===e.localName&&(t=(t=(t=u(e))&&t.w)&&t.length?t[0]:We(e.__shady_nextSibling)),t}function Ve(e,t,o){(e=(e=u(e))&&e.C)&&(t&&e.addedNodes.push(t),o&&e.removedNodes.push(o),function(e){e.a||(e.a=!0,S((function(){e.flush()})))}(e))}var $e=R({get parentNode(){var e=u(this);return void 0!==(e=e&&e.parentNode)?e:this.__shady_native_parentNode},get firstChild(){var e=u(this);return void 0!==(e=e&&e.firstChild)?e:this.__shady_native_firstChild},get lastChild(){var e=u(this);return void 0!==(e=e&&e.lastChild)?e:this.__shady_native_lastChild},get nextSibling(){var e=u(this);return void 0!==(e=e&&e.nextSibling)?e:this.__shady_native_nextSibling},get previousSibling(){var e=u(this);return void 0!==(e=e&&e.previousSibling)?e:this.__shady_native_previousSibling},get childNodes(){if(f(this)){var e=u(this);if(!e.childNodes){e.childNodes=[];for(var t=this.__shady_firstChild;t;t=t.__shady_nextSibling)e.childNodes.push(t)}var o=e.childNodes}else o=this.__shady_native_childNodes;return o.item=function(e){return o[e]},o},get parentElement(){var e=u(this);return(e=e&&e.parentNode)&&e.nodeType!==Node.ELEMENT_NODE&&(e=null),void 0!==e?e:this.__shady_native_parentElement},get isConnected(){if(Pe&&Pe.call(this))return!0;if(this.nodeType==Node.DOCUMENT_FRAGMENT_NODE)return!1;var e=this.ownerDocument;if(x){if(e.__shady_native_contains(this))return!0}else if(e.documentElement&&e.documentElement.__shady_native_contains(this))return!0;for(e=this;e&&!(e instanceof Document);)e=e.__shady_parentNode||(m(e)?e.host:void 0);return!!(e&&e instanceof Document)},get textContent(){if(f(this)){for(var e,t=[],o=0,n=this.__shady_childNodes;e=n[o];o++)e.nodeType!==Node.COMMENT_NODE&&t.push(e.__shady_textContent);return t.join("")}return this.__shady_native_textContent},set textContent(e){switch(null==e&&(e=""),this.nodeType){case Node.ELEMENT_NODE:case Node.DOCUMENT_FRAGMENT_NODE:if(!f(this)&&g.j){var t=this.__shady_firstChild;(t!=this.__shady_lastChild||t&&t.nodeType!=Node.TEXT_NODE)&&Ze(this),this.__shady_native_textContent=e}else Ze(this),(0<e.length||this.nodeType===Node.ELEMENT_NODE)&&this.__shady_insertBefore(document.createTextNode(e));break;default:this.nodeValue=e}},insertBefore:function(e,t){if(this.ownerDocument!==Be&&e.ownerDocument!==Be)return this.__shady_native_insertBefore(e,t),e;if(e===this)throw Error("Failed to execute 'appendChild' on 'Node': The new child element contains the parent.");if(t){var o=u(t);if(void 0!==(o=o&&o.parentNode)&&o!==this||void 0===o&&t.__shady_native_parentNode!==this)throw Error("Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.")}if(t===e)return e;var n=[],r=(o=wt(this))?o.host.localName:Fe(this),i=e.__shady_parentNode;if(i){var a=Fe(e);i.__shady_removeChild(e,!!o||!wt(e))}i=!0;var s=!(Ge&&void 0!==e.__noInsertionPoint||Le(e,r)),l=o&&!e.__noInsertionPoint&&(!Ge||e.nodeType===Node.DOCUMENT_FRAGMENT_NODE);return(l||s)&&(s&&(a=a||Fe(e)),Ne(e,(function(e){if(l&&"slot"===e.localName&&n.push(e),s){var t=a;Ae()&&(t&&Ie(e,t),(t=Ae())&&t.scopeNode(e,r))}}))),("slot"===this.localName||n.length)&&(n.length&&(o.c=o.c||[],o.a=o.a||[],o.b=o.b||{},o.c.push.apply(o.c,n instanceof Array?n:function(e){for(var t,o=[];!(t=e.next()).done;)o.push(t.value);return o}(d(n)))),o&&dt(o)),f(this)&&(function(e,t,o){ie(t);var n=h(t);if(void 0!==n.firstChild&&(n.childNodes=null),e.nodeType===Node.DOCUMENT_FRAGMENT_NODE){n=e.__shady_childNodes;for(var r=0;r<n.length;r++)Ee(n[r],t,o);t=void 0!==(e=h(e)).firstChild?null:void 0,e.firstChild=e.lastChild=t,e.childNodes=t}else Ee(e,t,o)}(e,this,t),o=u(this),b(this)?(dt(o.root),i=!1):o.root&&(i=!1)),i?(o=m(this)?this.host:this,t?(t=We(t),o.__shady_native_insertBefore(e,t)):o.__shady_native_appendChild(e)):e.ownerDocument!==this.ownerDocument&&this.ownerDocument.adoptNode(e),Ve(this,e),e},appendChild:function(e){return this.__shady_insertBefore(e)},removeChild:function(e,t){if(t=void 0!==t&&t,this.ownerDocument!==Be)return this.__shady_native_removeChild(e);if(e.__shady_parentNode!==this)throw Error("The node to be removed is not a child of this node: "+e);var o=wt(e),n=o&&function(e,t){if(e.a){pt(e);var o,n=e.b;for(o in n)for(var r=n[o],i=0;i<r.length;i++){var a=r[i];if(M(t,a)){r.splice(i,1);var s=e.a.indexOf(a);if(0<=s&&(e.a.splice(s,1),(s=u(a.__shady_parentNode))&&s.I&&s.I--),i--,s=(a=u(a)).w)for(var l=0;l<s.length;l++){var d=s[l],c=d.__shady_native_parentNode;c&&c.__shady_native_removeChild(d)}a.w=[],a.assignedNodes=[],s=!0}}return s}}(o,e),r=u(this);if(f(this)&&(function(e,t){var o=h(e);e===(t=h(t)).firstChild&&(t.firstChild=o.nextSibling),e===t.lastChild&&(t.lastChild=o.previousSibling),e=o.previousSibling;var n=o.nextSibling;e&&(h(e).nextSibling=n),n&&(h(n).previousSibling=e),o.parentNode=o.previousSibling=o.nextSibling=void 0,void 0!==t.childNodes&&(t.childNodes=null)}(e,this),b(this))){dt(r.root);var i=!0}if(Ae()&&!t&&o){var a=Fe(e);Ne(e,(function(e){Ie(e,a)}))}return Ue(e),o&&((t=this&&"slot"===this.localName)&&(i=!0),(n||t)&&dt(o)),i||(i=m(this)?this.host:this,(!r.root&&"slot"!==e.localName||i===e.__shady_native_parentNode)&&i.__shady_native_removeChild(e)),Ve(this,null,e),e},replaceChild:function(e,t){return this.__shady_insertBefore(e,t),this.__shady_removeChild(t),e},cloneNode:function(e){if("template"==this.localName)return this.__shady_native_cloneNode(e);var t=this.__shady_native_cloneNode(!1);if(e&&t.nodeType!==Node.ATTRIBUTE_NODE){e=this.__shady_childNodes;for(var o,n=0;n<e.length;n++)o=e[n].__shady_cloneNode(!0),t.__shady_appendChild(o)}return t},getRootNode:function(e){if(this&&this.nodeType){var t=h(this),o=t.F;return void 0===o&&(m(this)?(o=this,t.F=o):(o=(o=this.__shady_parentNode)?o.__shady_getRootNode(e):this,document.documentElement.__shady_native_contains(this)&&(t.F=o))),o}},contains:function(e){return M(this,e)}});function je(e,t,o){var n=[];return qe(e.__shady_childNodes,t,o,n),n}function qe(e,t,o,n){for(var r=0,i=e.length,a=void 0;r<i&&(a=e[r]);r++){var s;if(s=a.nodeType===Node.ELEMENT_NODE){var l=t,d=o,c=n,h=l(s=a);h&&c.push(s),d&&d(h)?s=h:(qe(s.__shady_childNodes,l,d,c),s=void 0)}if(s)break}}var Ke=R({get firstElementChild(){var e=u(this);if(e&&void 0!==e.firstChild){for(e=this.__shady_firstChild;e&&e.nodeType!==Node.ELEMENT_NODE;)e=e.__shady_nextSibling;return e}return this.__shady_native_firstElementChild},get lastElementChild(){var e=u(this);if(e&&void 0!==e.lastChild){for(e=this.__shady_lastChild;e&&e.nodeType!==Node.ELEMENT_NODE;)e=e.__shady_previousSibling;return e}return this.__shady_native_lastElementChild},get children(){return f(this)?_(Array.prototype.filter.call(this.__shady_childNodes,(function(e){return e.nodeType===Node.ELEMENT_NODE}))):this.__shady_native_children},get childElementCount(){var e=this.__shady_children;return e?e.length:0}}),Ye=R({querySelector:function(e){return je(this,(function(t){return y.call(t,e)}),(function(e){return!!e}))[0]||null},querySelectorAll:function(e,t){if(t){t=Array.prototype.slice.call(this.__shady_native_querySelectorAll(e));var o=this.__shady_getRootNode();return t.filter((function(e){return e.__shady_getRootNode()==o}))}return je(this,(function(t){return y.call(t,e)}))}}),Xe=g.ca?Object.assign({},Ke):Ke;Object.assign(Ke,Ye);var Je=R({getElementById:function(e){return""===e?null:je(this,(function(t){return t.id==e}),(function(e){return!!e}))[0]||null}}),Qe=R({get activeElement(){var e=g.j?document.__shady_native_activeElement:document.activeElement;if(!e||!e.nodeType)return null;var t=!!m(this);if(!(this===document||t&&this.host!==e&&this.host.__shady_native_contains(e)))return null;for(t=wt(e);t&&t!==this;)t=wt(e=t.host);return this===document?t?null:e:t===this?e:null}}),et=document.implementation.createHTMLDocument("inert"),tt=R({get innerHTML(){return f(this)?H("template"===this.localName?this.content:this,(function(e){return e.__shady_childNodes})):this.__shady_native_innerHTML},set innerHTML(e){if("template"===this.localName)this.__shady_native_innerHTML=e;else{Ze(this);var t=this.localName||"div";for(t=this.namespaceURI&&this.namespaceURI!==et.namespaceURI?et.createElementNS(this.namespaceURI,t):et.createElement(t),g.j?t.__shady_native_innerHTML=e:t.innerHTML=e;e=t.__shady_firstChild;)this.__shady_insertBefore(e)}}}),ot=R({addEventListener:function(e,t,o){"object"!=typeof o&&(o={capture:!!o}),o.U=this,this.host.__shady_addEventListener(e,t,o)},removeEventListener:function(e,t,o){"object"!=typeof o&&(o={capture:!!o}),o.U=this,this.host.__shady_removeEventListener(e,t,o)}});function nt(e,t){k(e,ot,t),k(e,Qe,t),k(e,tt,t),k(e,Ke,t),g.D&&!t?(k(e,$e,t),k(e,Je,t)):g.j||(k(e,te),k(e,ee))}var rt,it={},at=g.deferConnectionCallbacks&&"loading"===document.readyState;function st(e){var t=[];do{t.unshift(e)}while(e=e.__shady_parentNode);return t}function lt(e,t,o){if(e!==it)throw new TypeError("Illegal constructor");if(this.la="ShadyRoot",this.host=t,this.mode=o&&o.mode,Oe(t),(e=h(t)).root=this,e.da="closed"!==this.mode?this:null,(e=h(this)).firstChild=e.lastChild=e.parentNode=e.nextSibling=e.previousSibling=null,e.childNodes=[],this.V=this.v=!1,this.c=this.b=this.a=null,g.preferPerformance)for(;e=t.__shady_native_firstChild;)t.__shady_native_removeChild(e);else dt(this)}function dt(e){e.v||(e.v=!0,O((function(){return ct(e)})))}function ct(e){var t;if(t=e.v){for(var o;e;)e.v&&(o=e),m(e=(t=e).host.__shady_getRootNode())&&(t=u(t.host))&&0<t.I||(e=void 0);t=o}(o=t)&&o._renderSelf()}function ht(e,t,o){var n=h(t),r=n.K;n.K=null,o||(o=(e=e.b[t.__shady_slot||"__catchall"])&&e[0]),o?(h(o).assignedNodes.push(t),n.assignedSlot=o):n.assignedSlot=void 0,r!==n.assignedSlot&&n.assignedSlot&&(h(n.assignedSlot).N=!0)}function ut(e,t,o){for(var n=0,r=void 0;n<o.length&&(r=o[n]);n++)if("slot"==r.localName){var i=u(r).assignedNodes;i&&i.length&&ut(e,t,i)}else t.push(o[n])}function gt(e,t){t.__shady_native_dispatchEvent(new Event("slotchange")),(t=u(t)).assignedSlot&&gt(e,t.assignedSlot)}function pt(e){if(e.c&&e.c.length){for(var t,o=e.c,n=0;n<o.length;n++){var r=o[n];Oe(r);var i=r.__shady_parentNode;Oe(i),(i=u(i)).I=(i.I||0)+1,i=ft(r),e.b[i]?((t=t||{})[i]=!0,e.b[i].push(r)):e.b[i]=[r],e.a.push(r)}if(t)for(var a in t)e.b[a]=mt(e.b[a]);e.c=[]}}function ft(e){var t=e.name||e.getAttribute("name")||"__catchall";return e.ja=t}function mt(e){return e.sort((function(e,t){e=st(e);for(var o=st(t),n=0;n<e.length;n++){t=e[n];var r=o[n];if(t!==r)return(e=Array.from(t.__shady_parentNode.__shady_childNodes)).indexOf(t)-e.indexOf(r)}}))}function bt(e){return pt(e),!(!e.a||!e.a.length)}if(lt.prototype._renderSelf=function(){var e=at;if(at=!0,this.v=!1,this.a){pt(this);for(var t,o=0;o<this.a.length;o++){var n=u(t=this.a[o]),r=n.assignedNodes;if(n.assignedNodes=[],n.w=[],n.W=r)for(n=0;n<r.length;n++){var i=u(r[n]);i.K=i.assignedSlot,i.assignedSlot===t&&(i.assignedSlot=null)}}for(o=this.host.__shady_firstChild;o;o=o.__shady_nextSibling)ht(this,o);for(o=0;o<this.a.length;o++){if(!(r=u(t=this.a[o])).assignedNodes.length)for(n=t.__shady_firstChild;n;n=n.__shady_nextSibling)ht(this,n,t);if((n=(n=u(t.__shady_parentNode))&&n.root)&&(bt(n)||n.v)&&n._renderSelf(),ut(this,r.w,r.assignedNodes),n=r.W){for(i=0;i<n.length;i++)u(n[i]).K=null;r.W=null,n.length>r.assignedNodes.length&&(r.N=!0)}r.N&&(r.N=!1,gt(this,t))}for(t=this.a,o=[],r=0;r<t.length;r++)(i=u(n=t[r].__shady_parentNode))&&i.root||!(0>o.indexOf(n))||o.push(n);for(t=0;t<o.length;t++){r=(i=o[t])===this?this.host:i,n=[],i=i.__shady_childNodes;for(var a=0;a<i.length;a++){var s=i[a];if("slot"==s.localName){s=u(s).w;for(var l=0;l<s.length;l++)n.push(s[l])}else n.push(s)}i=Array.prototype.slice.call(r.__shady_native_childNodes),a=Re(n,n.length,i,i.length),l=s=0;for(var d=void 0;s<a.length&&(d=a[s]);s++){for(var c=0,h=void 0;c<d.G.length&&(h=d.G[c]);c++)h.__shady_native_parentNode===r&&r.__shady_native_removeChild(h),i.splice(d.index+l,1);l-=d.L}for(l=0,d=void 0;l<a.length&&(d=a[l]);l++)for(s=i[d.index],c=d.index;c<d.index+d.L;c++)h=n[c],r.__shady_native_insertBefore(h,s),i.splice(c,0,h)}}if(!g.preferPerformance&&!this.V)for(t=0,r=(o=this.host.__shady_childNodes).length;t<r;t++)i=u(n=o[t]),n.__shady_native_parentNode!==this.host||"slot"!==n.localName&&i.assignedSlot||this.host.__shady_native_removeChild(n);this.V=!0,at=e,rt&&rt()},function(e){e.__proto__=DocumentFragment.prototype,nt(e,"__shady_"),nt(e),Object.defineProperties(e,{nodeType:{value:Node.DOCUMENT_FRAGMENT_NODE,configurable:!0},nodeName:{value:"#document-fragment",configurable:!0},nodeValue:{value:null,configurable:!0}}),["localName","namespaceURI","prefix"].forEach((function(t){Object.defineProperty(e,t,{value:void 0,configurable:!0})})),["ownerDocument","baseURI","isConnected"].forEach((function(t){Object.defineProperty(e,t,{get:function(){return this.host[t]},configurable:!0})}))}(lt.prototype),window.customElements&&g.X&&!g.preferPerformance){var vt=new Map;rt=function(){var e=[];vt.forEach((function(t,o){e.push([o,t])})),vt.clear();for(var t=0;t<e.length;t++){var o=e[t][0];e[t][1]?o.ha():o.ia()}},at&&document.addEventListener("readystatechange",(function(){at=!1,rt()}),{once:!0});var yt=window.customElements.define;Object.defineProperty(window.CustomElementRegistry.prototype,"define",{value:function(e,t){var o=t.prototype.connectedCallback,n=t.prototype.disconnectedCallback;yt.call(window.customElements,e,function(e,t,o){var n=0,r="__isConnected"+n++;return(t||o)&&(e.prototype.connectedCallback=e.prototype.ha=function(){at?vt.set(this,!0):this[r]||(this[r]=!0,t&&t.call(this))},e.prototype.disconnectedCallback=e.prototype.ia=function(){at?this.isConnected||vt.set(this,!1):this[r]&&(this[r]=!1,o&&o.call(this))}),e}(t,o,n)),t.prototype.connectedCallback=o,t.prototype.disconnectedCallback=n}})}function wt(e){if(m(e=e.__shady_getRootNode()))return e}function zt(e){this.node=e}(e=zt.prototype).addEventListener=function(e,t,o){return this.node.__shady_addEventListener(e,t,o)},e.removeEventListener=function(e,t,o){return this.node.__shady_removeEventListener(e,t,o)},e.appendChild=function(e){return this.node.__shady_appendChild(e)},e.insertBefore=function(e,t){return this.node.__shady_insertBefore(e,t)},e.removeChild=function(e){return this.node.__shady_removeChild(e)},e.replaceChild=function(e,t){return this.node.__shady_replaceChild(e,t)},e.cloneNode=function(e){return this.node.__shady_cloneNode(e)},e.getRootNode=function(e){return this.node.__shady_getRootNode(e)},e.contains=function(e){return this.node.__shady_contains(e)},e.dispatchEvent=function(e){return this.node.__shady_dispatchEvent(e)},e.setAttribute=function(e,t){this.node.__shady_setAttribute(e,t)},e.getAttribute=function(e){return this.node.__shady_native_getAttribute(e)},e.removeAttribute=function(e){this.node.__shady_removeAttribute(e)},e.attachShadow=function(e){return this.node.__shady_attachShadow(e)},e.focus=function(){this.node.__shady_native_focus()},e.blur=function(){this.node.__shady_blur()},e.importNode=function(e,t){if(this.node.nodeType===Node.DOCUMENT_NODE)return this.node.__shady_importNode(e,t)},e.getElementById=function(e){if(this.node.nodeType===Node.DOCUMENT_NODE)return this.node.__shady_getElementById(e)},e.querySelector=function(e){return this.node.__shady_querySelector(e)},e.querySelectorAll=function(e,t){return this.node.__shady_querySelectorAll(e,t)},e.assignedNodes=function(e){if("slot"===this.node.localName)return this.node.__shady_assignedNodes(e)},t.Object.defineProperties(zt.prototype,{activeElement:{configurable:!0,enumerable:!0,get:function(){if(m(this.node)||this.node.nodeType===Node.DOCUMENT_NODE)return this.node.__shady_activeElement}},_activeElement:{configurable:!0,enumerable:!0,get:function(){return this.activeElement}},host:{configurable:!0,enumerable:!0,get:function(){if(m(this.node))return this.node.host}},parentNode:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_parentNode}},firstChild:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_firstChild}},lastChild:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_lastChild}},nextSibling:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_nextSibling}},previousSibling:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_previousSibling}},childNodes:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_childNodes}},parentElement:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_parentElement}},firstElementChild:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_firstElementChild}},lastElementChild:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_lastElementChild}},nextElementSibling:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_nextElementSibling}},previousElementSibling:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_previousElementSibling}},children:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_children}},childElementCount:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_childElementCount}},shadowRoot:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_shadowRoot}},assignedSlot:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_assignedSlot}},isConnected:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_isConnected}},innerHTML:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_innerHTML},set:function(e){this.node.__shady_innerHTML=e}},textContent:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_textContent},set:function(e){this.node.__shady_textContent=e}},slot:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_slot},set:function(e){this.node.__shady_slot=e}}}),_e.forEach((function(e){Object.defineProperty(zt.prototype,e,{get:function(){return this.node["__shady_"+e]},set:function(t){this.node["__shady_"+e]=t},configurable:!0})}));var Ct=new WeakMap;var St=R({dispatchEvent:function(e){return T(),this.__shady_native_dispatchEvent(e)},addEventListener:ye,removeEventListener:we}),xt=R({get assignedSlot(){var e=this.__shady_parentNode;return(e=e&&e.__shady_shadowRoot)&&ct(e),(e=u(this))&&e.assignedSlot||null}}),Mt=window.document;function _t(e,t){if("slot"===t)b(e=e.__shady_parentNode)&&dt(u(e).root);else if("slot"===e.localName&&"name"===t&&(t=wt(e))){if(t.a){pt(t);var o=e.ja,n=ft(e);if(n!==o){var r=(o=t.b[o]).indexOf(e);0<=r&&o.splice(r,1),(o=t.b[n]||(t.b[n]=[])).push(e),1<o.length&&(t.b[n]=mt(o))}}dt(t)}}var kt=R({get previousElementSibling(){var e=u(this);if(e&&void 0!==e.previousSibling){for(e=this.__shady_previousSibling;e&&e.nodeType!==Node.ELEMENT_NODE;)e=e.__shady_previousSibling;return e}return this.__shady_native_previousElementSibling},get nextElementSibling(){var e=u(this);if(e&&void 0!==e.nextSibling){for(e=this.__shady_nextSibling;e&&e.nodeType!==Node.ELEMENT_NODE;)e=e.__shady_nextSibling;return e}return this.__shady_native_nextElementSibling},get slot(){return this.getAttribute("slot")},set slot(e){this.__shady_setAttribute("slot",e)},get shadowRoot(){var e=u(this);return e&&e.da||null},get className(){return this.getAttribute("class")||""},set className(e){this.__shady_setAttribute("class",e)},setAttribute:function(e,t){var o;this.ownerDocument!==Mt?this.__shady_native_setAttribute(e,t):((o=Ae())&&"class"===e?(o.setElementClass(this,t),o=!0):o=!1,o||(this.__shady_native_setAttribute(e,t),_t(this,e)))},removeAttribute:function(e){this.__shady_native_removeAttribute(e),_t(this,e)},attachShadow:function(e){if(!this)throw Error("Must provide a host.");if(!e)throw Error("Not enough arguments.");return new lt(it,this,e)}}),Rt=R({blur:function(){var e=u(this);(e=(e=e&&e.root)&&e.activeElement)?e.__shady_blur():this.__shady_native_blur()}});_e.forEach((function(e){Rt[e]={set:function(t){var o=h(this),n=e.substring(2);o.J[e]&&this.removeEventListener(n,o.J[e]),this.__shady_addEventListener(n,t),o.J[e]=t},get:function(){var t=u(this);return t&&t.J[e]},configurable:!0}}));var Dt=R({assignedNodes:function(e){if("slot"===this.localName){var t=this.__shady_getRootNode();return t&&m(t)&&ct(t),(t=u(this))&&(e&&e.flatten?t.w:t.assignedNodes)||[]}}}),Et=window.document,Ot=R({importNode:function(e,t){if(e.ownerDocument!==Et||"template"===e.localName)return this.__shady_native_importNode(e,t);var o=this.__shady_native_importNode(e,!1);if(t){e=e.__shady_childNodes,t=0;for(var n;t<e.length;t++)n=this.__shady_importNode(e[t],!0),o.__shady_appendChild(n)}return o}}),Tt=R({addEventListener:ye.bind(window),removeEventListener:we.bind(window)}),At={};Object.getOwnPropertyDescriptor(HTMLElement.prototype,"parentElement")&&(At.parentElement=$e.parentElement),Object.getOwnPropertyDescriptor(HTMLElement.prototype,"contains")&&(At.contains=$e.contains),Object.getOwnPropertyDescriptor(HTMLElement.prototype,"children")&&(At.children=Ke.children),Object.getOwnPropertyDescriptor(HTMLElement.prototype,"innerHTML")&&(At.innerHTML=tt.innerHTML),Object.getOwnPropertyDescriptor(HTMLElement.prototype,"className")&&(At.className=kt.className);var It={EventTarget:[St],Node:[$e,window.EventTarget?null:St],Text:[xt],Element:[kt,Ke,xt,!g.j||"innerHTML"in Element.prototype?tt:null,window.HTMLSlotElement?null:Dt],HTMLElement:[Rt,At],HTMLSlotElement:[Dt],DocumentFragment:[Xe,Je],Document:[Ot,Xe,Je,Qe],Window:[Tt]},Lt=g.j?null:["innerHTML","textContent"];function Ft(e){var t,o=e?null:Lt,n={};for(t in It)n.R=window[t]&&window[t].prototype,It[t].forEach(function(t){return function(n){return t.R&&n&&k(t.R,n,e,o)}}(n)),n={R:n.R}}if(g.X){var Nt={inUse:g.X,patch:function(e){return ie(e),re(e),e},isShadyRoot:m,enqueue:O,flush:T,flushInitial:function(e){!e.V&&e.v&&ct(e)},settings:g,filterMutations:function(e,t){var o=t.getRootNode();return e.map((function(e){var t=o===e.target.getRootNode();if(t&&e.addedNodes){if(t=Array.from(e.addedNodes).filter((function(e){return o===e.getRootNode()})),t.length)return e=Object.create(e),Object.defineProperty(e,"addedNodes",{value:t,configurable:!0}),e}else if(t)return e})).filter((function(e){return e}))},observeChildren:function(e,t){var o=h(e);o.C||(o.C=new A),o.C.M.add(t);var n=o.C;return{ka:t,A:n,ma:e,takeRecords:function(){return n.takeRecords()}}},unobserveChildren:function(e){var t=e&&e.A;t&&(t.M.delete(e.ka),t.M.size||(h(e.ma).C=null))},deferConnectionCallbacks:g.deferConnectionCallbacks,preferPerformance:g.preferPerformance,handlesDynamicScoping:!0,wrap:g.D?function(e){if(m(e)||e instanceof zt)return e;var t=Ct.get(e);return t||(t=new zt(e),Ct.set(e,t)),t}:function(e){return e},Wrapper:zt,composedPath:function(e){return e.__composedPath||(e.__composedPath=he(e.target,!0)),e.__composedPath},noPatch:g.D,nativeMethods:Z,nativeTree:U};window.ShadyDOM=Nt,function(){var e=["dispatchEvent","addEventListener","removeEventListener"];window.EventTarget?$(window.EventTarget.prototype,e):($(Node.prototype,e),$(Window.prototype,e)),P?$(Node.prototype,"parentNode firstChild lastChild previousSibling nextSibling childNodes parentElement textContent".split(" ")):V(Node.prototype,{parentNode:{get:function(){return j.currentNode=this,j.parentNode()}},firstChild:{get:function(){return j.currentNode=this,j.firstChild()}},lastChild:{get:function(){return j.currentNode=this,j.lastChild()}},previousSibling:{get:function(){return j.currentNode=this,j.previousSibling()}},nextSibling:{get:function(){return j.currentNode=this,j.nextSibling()}},childNodes:{get:function(){var e=[];j.currentNode=this;for(var t=j.firstChild();t;)e.push(t),t=j.nextSibling();return e}},parentElement:{get:function(){return q.currentNode=this,q.parentNode()}},textContent:{get:function(){switch(this.nodeType){case Node.ELEMENT_NODE:case Node.DOCUMENT_FRAGMENT_NODE:for(var e,t=document.createTreeWalker(this,NodeFilter.SHOW_TEXT,null,!1),o="";e=t.nextNode();)o+=e.nodeValue;return o;default:return this.nodeValue}},set:function(e){switch(null==e&&(e=""),this.nodeType){case Node.ELEMENT_NODE:case Node.DOCUMENT_FRAGMENT_NODE:Y(this),(0<e.length||this.nodeType===Node.ELEMENT_NODE)&&this.__shady_native_insertBefore(document.createTextNode(e),void 0);break;default:this.nodeValue=e}}}}),$(Node.prototype,"appendChild insertBefore removeChild replaceChild cloneNode contains".split(" ")),e={firstElementChild:{get:function(){return q.currentNode=this,q.firstChild()}},lastElementChild:{get:function(){return q.currentNode=this,q.lastChild()}},children:{get:function(){var e=[];q.currentNode=this;for(var t=q.firstChild();t;)e.push(t),t=q.nextSibling();return _(e)}},childElementCount:{get:function(){return this.children?this.children.length:0}}},P?($(Element.prototype,X),$(Element.prototype,["previousElementSibling","nextElementSibling","innerHTML"]),Object.getOwnPropertyDescriptor(HTMLElement.prototype,"children")&&$(HTMLElement.prototype,["children"]),Object.getOwnPropertyDescriptor(HTMLElement.prototype,"innerHTML")&&$(HTMLElement.prototype,["innerHTML"])):(V(Element.prototype,e),V(Element.prototype,{previousElementSibling:{get:function(){return q.currentNode=this,q.previousSibling()}},nextElementSibling:{get:function(){return q.currentNode=this,q.nextSibling()}},innerHTML:{get:function(){return H(this,(function(e){return e.__shady_native_childNodes}))},set:function(e){var t="template"===this.localName?this.content:this;Y(t);var o=this.localName||"div";for((o=this.namespaceURI&&this.namespaceURI!==K.namespaceURI?K.createElementNS(this.namespaceURI,o):K.createElement(o)).innerHTML=e,e="template"===this.localName?o.content:o;o=e.__shady_native_firstChild;)t.__shady_native_insertBefore(o,void 0)}}})),$(Element.prototype,"setAttribute getAttribute hasAttribute removeAttribute focus blur".split(" ")),$(Element.prototype,J),$(HTMLElement.prototype,["focus","blur","contains"]),P&&$(HTMLElement.prototype,["parentElement","children","innerHTML"]),window.HTMLTemplateElement&&$(window.HTMLTemplateElement.prototype,["innerHTML"]),P?$(DocumentFragment.prototype,X):V(DocumentFragment.prototype,e),$(DocumentFragment.prototype,J),P?($(Document.prototype,X),$(Document.prototype,["activeElement"])):V(Document.prototype,e),$(Document.prototype,["importNode","getElementById"]),$(Document.prototype,J)}(),Ft("__shady_"),Object.defineProperty(document,"_activeElement",Qe.activeElement),k(Window.prototype,Tt,"__shady_"),g.D||(Ft(),function(){if(!se&&Object.getOwnPropertyDescriptor(Event.prototype,"isTrusted")){var e=function(){var e=new MouseEvent("click",{bubbles:!0,cancelable:!0,composed:!0});this.__shady_dispatchEvent(e)};Element.prototype.click?Element.prototype.click=e:HTMLElement.prototype.click&&(HTMLElement.prototype.click=e)}}()),function(){for(var e in pe)window.__shady_native_addEventListener(e,(function(e){e.__target||(Ce(e),be(e))}),!0)}(),window.Event=Se,window.CustomEvent=xe,window.MouseEvent=Me,window.ShadowRoot=lt}var Bt=new Set("annotation-xml color-profile font-face font-face-src font-face-uri font-face-format font-face-name missing-glyph".split(" "));function Gt(e){var t=Bt.has(e);return e=/^[a-z][.0-9_a-z]*-[\-.0-9_a-z]*$/.test(e),!t&&e}function Ht(e){var t=e.isConnected;if(void 0!==t)return t;for(;e&&!(e.__CE_isImportDocument||e instanceof Document);)e=e.parentNode||(window.ShadowRoot&&e instanceof ShadowRoot?e.host:void 0);return!(!e||!(e.__CE_isImportDocument||e instanceof Document))}function Pt(e,t){for(;t&&t!==e&&!t.nextSibling;)t=t.parentNode;return t&&t!==e?t.nextSibling:null}function Zt(e,t,o){o=void 0===o?new Set:o;for(var n=e;n;){if(n.nodeType===Node.ELEMENT_NODE){var r=n;t(r);var i=r.localName;if("link"===i&&"import"===r.getAttribute("rel")){if((n=r.import)instanceof Node&&!o.has(n))for(o.add(n),n=n.firstChild;n;n=n.nextSibling)Zt(n,t,o);n=Pt(e,r);continue}if("template"===i){n=Pt(e,r);continue}if(r=r.__CE_shadowRoot)for(r=r.firstChild;r;r=r.nextSibling)Zt(r,t,o)}n=n.firstChild?n.firstChild:Pt(e,n)}}function Ut(e,t,o){e[t]=o}function Wt(){this.a=new Map,this.i=new Map,this.f=[],this.c=!1}function Vt(e,t){e.c=!0,e.f.push(t)}function $t(e,t){e.c&&Zt(t,(function(t){return e.b(t)}))}function jt(e,t){var o=[];for(Zt(t,(function(e){return o.push(e)})),t=0;t<o.length;t++){var n=o[t];1===n.__CE_state?e.connectedCallback(n):Yt(e,n)}}function qt(e,t){var o=[];for(Zt(t,(function(e){return o.push(e)})),t=0;t<o.length;t++){var n=o[t];1===n.__CE_state&&e.disconnectedCallback(n)}}function Kt(e,t,o){var n=(o=void 0===o?{}:o).Da||new Set,r=o.S||function(t){return Yt(e,t)},i=[];if(Zt(t,(function(t){if("link"===t.localName&&"import"===t.getAttribute("rel")){var o=t.import;o instanceof Node&&(o.__CE_isImportDocument=!0,o.__CE_hasRegistry=!0),o&&"complete"===o.readyState?o.__CE_documentLoadHandled=!0:t.addEventListener("load",(function(){var o=t.import;if(!o.__CE_documentLoadHandled){o.__CE_documentLoadHandled=!0;var i=new Set(n);i.delete(o),Kt(e,o,{Da:i,S:r})}}))}else i.push(t)}),n),e.c)for(t=0;t<i.length;t++)e.b(i[t]);for(t=0;t<i.length;t++)r(i[t])}function Yt(e,t){if(void 0===t.__CE_state){var o=t.ownerDocument;if((o.defaultView||o.__CE_isImportDocument&&o.__CE_hasRegistry)&&(o=e.a.get(t.localName))){o.constructionStack.push(t);var n=o.constructorFunction;try{try{if(new n!==t)throw Error("The custom element constructor did not produce the element being upgraded.")}finally{o.constructionStack.pop()}}catch(e){throw t.__CE_state=2,e}if(t.__CE_state=1,t.__CE_definition=o,o.attributeChangedCallback)for(o=o.observedAttributes,n=0;n<o.length;n++){var r=o[n],i=t.getAttribute(r);null!==i&&e.attributeChangedCallback(t,r,null,i,null)}Ht(t)&&e.connectedCallback(t)}}}function Xt(e){var t=document;this.b=e,this.a=t,this.A=void 0,Kt(this.b,this.a),"loading"===this.a.readyState&&(this.A=new MutationObserver(this.c.bind(this)),this.A.observe(this.a,{childList:!0,subtree:!0}))}function Jt(e){e.A&&e.A.disconnect()}function Qt(){var e=this;this.b=this.a=void 0,this.c=new Promise((function(t){e.b=t,e.a&&t(e.a)}))}function eo(e){if(e.a)throw Error("Already resolved.");e.a=void 0,e.b&&e.b(void 0)}function to(e){this.c=!1,this.a=e,this.B=new Map,this.f=function(e){return e()},this.b=!1,this.i=[],this.ta=new Xt(e)}Wt.prototype.b=function(e){if(this.c&&!e.__CE_patched){e.__CE_patched=!0;for(var t=0;t<this.f.length;t++)this.f[t](e)}},Wt.prototype.connectedCallback=function(e){var t=e.__CE_definition;t.connectedCallback&&t.connectedCallback.call(e)},Wt.prototype.disconnectedCallback=function(e){var t=e.__CE_definition;t.disconnectedCallback&&t.disconnectedCallback.call(e)},Wt.prototype.attributeChangedCallback=function(e,t,o,n,r){var i=e.__CE_definition;i.attributeChangedCallback&&-1<i.observedAttributes.indexOf(t)&&i.attributeChangedCallback.call(e,t,o,n,r)},Xt.prototype.c=function(e){var t=this.a.readyState;for("interactive"!==t&&"complete"!==t||Jt(this),t=0;t<e.length;t++)for(var o=e[t].addedNodes,n=0;n<o.length;n++)Kt(this.b,o[n])},(e=to.prototype).fa=function(e,t){var o=this;if(!(t instanceof Function))throw new TypeError("Custom element constructors must be functions.");if(!Gt(e))throw new SyntaxError("The element name '"+e+"' is not valid.");if(this.a.a.get(e))throw Error("A custom element with name '"+e+"' has already been defined.");if(this.c)throw Error("A custom element is already being defined.");this.c=!0;try{var n=function(e){var t=r[e];if(void 0!==t&&!(t instanceof Function))throw Error("The '"+e+"' callback must be a function.");return t},r=t.prototype;if(!(r instanceof Object))throw new TypeError("The custom element constructor's prototype is not an object.");var i=n("connectedCallback"),a=n("disconnectedCallback"),s=n("adoptedCallback"),l=n("attributeChangedCallback"),d=t.observedAttributes||[]}catch(e){return}finally{this.c=!1}t={localName:e,constructorFunction:t,connectedCallback:i,disconnectedCallback:a,adoptedCallback:s,attributeChangedCallback:l,observedAttributes:d,constructionStack:[]},function(e,t,o){e.a.set(t,o),e.i.set(o.constructorFunction,o)}(this.a,e,t),this.i.push(t),this.b||(this.b=!0,this.f((function(){return function(e){if(!1!==e.b){e.b=!1;for(var t=e.i,o=[],n=new Map,r=0;r<t.length;r++)n.set(t[r].localName,[]);for(Kt(e.a,document,{S:function(t){if(void 0===t.__CE_state){var r=t.localName,i=n.get(r);i?i.push(t):e.a.a.get(r)&&o.push(t)}}}),r=0;r<o.length;r++)Yt(e.a,o[r]);for(;0<t.length;){var i=t.shift();r=i.localName,i=n.get(i.localName);for(var a=0;a<i.length;a++)Yt(e.a,i[a]);(r=e.B.get(r))&&eo(r)}}}(o)})))},e.S=function(e){Kt(this.a,e)},e.get=function(e){if(e=this.a.a.get(e))return e.constructorFunction},e.ga=function(e){if(!Gt(e))return Promise.reject(new SyntaxError("'"+e+"' is not a valid custom element name."));var t=this.B.get(e);return t||(t=new Qt,this.B.set(e,t),this.a.a.get(e)&&!this.i.some((function(t){return t.localName===e}))&&eo(t)),t.c},e.va=function(e){Jt(this.ta);var t=this.f;this.f=function(o){return e((function(){return t(o)}))}},window.CustomElementRegistry=to,to.prototype.define=to.prototype.fa,to.prototype.upgrade=to.prototype.S,to.prototype.get=to.prototype.get,to.prototype.whenDefined=to.prototype.ga,to.prototype.polyfillWrapFlushCallback=to.prototype.va;var oo=window.Document.prototype.createElement,no=window.Document.prototype.createElementNS,ro=window.Document.prototype.importNode,io=window.Document.prototype.prepend,ao=window.Document.prototype.append,so=window.DocumentFragment.prototype.prepend,lo=window.DocumentFragment.prototype.append,co=window.Node.prototype.cloneNode,ho=window.Node.prototype.appendChild,uo=window.Node.prototype.insertBefore,go=window.Node.prototype.removeChild,po=window.Node.prototype.replaceChild,fo=Object.getOwnPropertyDescriptor(window.Node.prototype,"textContent"),mo=window.Element.prototype.attachShadow,bo=Object.getOwnPropertyDescriptor(window.Element.prototype,"innerHTML"),vo=window.Element.prototype.getAttribute,yo=window.Element.prototype.setAttribute,wo=window.Element.prototype.removeAttribute,zo=window.Element.prototype.getAttributeNS,Co=window.Element.prototype.setAttributeNS,So=window.Element.prototype.removeAttributeNS,xo=window.Element.prototype.insertAdjacentElement,Mo=window.Element.prototype.insertAdjacentHTML,_o=window.Element.prototype.prepend,ko=window.Element.prototype.append,Ro=window.Element.prototype.before,Do=window.Element.prototype.after,Eo=window.Element.prototype.replaceWith,Oo=window.Element.prototype.remove,To=window.HTMLElement,Ao=Object.getOwnPropertyDescriptor(window.HTMLElement.prototype,"innerHTML"),Io=window.HTMLElement.prototype.insertAdjacentElement,Lo=window.HTMLElement.prototype.insertAdjacentHTML,Fo=new function(){};function No(e,t,o){function n(t){return function(o){for(var n=[],r=0;r<arguments.length;++r)n[r]=arguments[r];r=[];for(var i=[],a=0;a<n.length;a++){var s=n[a];if(s instanceof Element&&Ht(s)&&i.push(s),s instanceof DocumentFragment)for(s=s.firstChild;s;s=s.nextSibling)r.push(s);else r.push(s)}for(t.apply(this,n),n=0;n<i.length;n++)qt(e,i[n]);if(Ht(this))for(n=0;n<r.length;n++)(i=r[n])instanceof Element&&jt(e,i)}}void 0!==o.P&&(t.prepend=n(o.P)),void 0!==o.append&&(t.append=n(o.append))}var Bo=window.customElements;if(!Bo||Bo.forcePolyfill||"function"!=typeof Bo.define||"function"!=typeof Bo.get){var Go=new Wt;!function(){var e=Go;window.HTMLElement=function(){function t(){var t=this.constructor,o=e.i.get(t);if(!o)throw Error("The custom element being constructed was not registered with `customElements`.");var n=o.constructionStack;if(0===n.length)return n=oo.call(document,o.localName),Object.setPrototypeOf(n,t.prototype),n.__CE_state=1,n.__CE_definition=o,e.b(n),n;var r=n[o=n.length-1];if(r===Fo)throw Error("The HTMLElement constructor was either called reentrantly for this constructor or called multiple times.");return n[o]=Fo,Object.setPrototypeOf(r,t.prototype),e.b(r),r}return t.prototype=To.prototype,Object.defineProperty(t.prototype,"constructor",{writable:!0,configurable:!0,enumerable:!1,value:t}),t}()}(),function(){var e=Go;Ut(Document.prototype,"createElement",(function(t){if(this.__CE_hasRegistry){var o=e.a.get(t);if(o)return new o.constructorFunction}return t=oo.call(this,t),e.b(t),t})),Ut(Document.prototype,"importNode",(function(t,o){return t=ro.call(this,t,!!o),this.__CE_hasRegistry?Kt(e,t):$t(e,t),t})),Ut(Document.prototype,"createElementNS",(function(t,o){if(this.__CE_hasRegistry&&(null===t||"http://www.w3.org/1999/xhtml"===t)){var n=e.a.get(o);if(n)return new n.constructorFunction}return t=no.call(this,t,o),e.b(t),t})),No(e,Document.prototype,{P:io,append:ao})}(),No(Go,DocumentFragment.prototype,{P:so,append:lo}),function(){function e(e,o){Object.defineProperty(e,"textContent",{enumerable:o.enumerable,configurable:!0,get:o.get,set:function(e){if(this.nodeType===Node.TEXT_NODE)o.set.call(this,e);else{var n=void 0;if(this.firstChild){var r=this.childNodes,i=r.length;if(0<i&&Ht(this)){n=Array(i);for(var a=0;a<i;a++)n[a]=r[a]}}if(o.set.call(this,e),n)for(e=0;e<n.length;e++)qt(t,n[e])}}})}var t=Go;Ut(Node.prototype,"insertBefore",(function(e,o){if(e instanceof DocumentFragment){var n=Array.prototype.slice.apply(e.childNodes);if(e=uo.call(this,e,o),Ht(this))for(o=0;o<n.length;o++)jt(t,n[o]);return e}return n=Ht(e),o=uo.call(this,e,o),n&&qt(t,e),Ht(this)&&jt(t,e),o})),Ut(Node.prototype,"appendChild",(function(e){if(e instanceof DocumentFragment){var o=Array.prototype.slice.apply(e.childNodes);if(e=ho.call(this,e),Ht(this))for(var n=0;n<o.length;n++)jt(t,o[n]);return e}return o=Ht(e),n=ho.call(this,e),o&&qt(t,e),Ht(this)&&jt(t,e),n})),Ut(Node.prototype,"cloneNode",(function(e){return e=co.call(this,!!e),this.ownerDocument.__CE_hasRegistry?Kt(t,e):$t(t,e),e})),Ut(Node.prototype,"removeChild",(function(e){var o=Ht(e),n=go.call(this,e);return o&&qt(t,e),n})),Ut(Node.prototype,"replaceChild",(function(e,o){if(e instanceof DocumentFragment){var n=Array.prototype.slice.apply(e.childNodes);if(e=po.call(this,e,o),Ht(this))for(qt(t,o),o=0;o<n.length;o++)jt(t,n[o]);return e}n=Ht(e);var r=po.call(this,e,o),i=Ht(this);return i&&qt(t,o),n&&qt(t,e),i&&jt(t,e),r})),fo&&fo.get?e(Node.prototype,fo):Vt(t,(function(t){e(t,{enumerable:!0,configurable:!0,get:function(){for(var e=[],t=0;t<this.childNodes.length;t++)e.push(this.childNodes[t].textContent);return e.join("")},set:function(e){for(;this.firstChild;)go.call(this,this.firstChild);ho.call(this,document.createTextNode(e))}})}))}(),function(){function e(e,t){Object.defineProperty(e,"innerHTML",{enumerable:t.enumerable,configurable:!0,get:t.get,set:function(e){var o=this,r=void 0;if(Ht(this)&&(r=[],Zt(this,(function(e){e!==o&&r.push(e)}))),t.set.call(this,e),r)for(var i=0;i<r.length;i++){var a=r[i];1===a.__CE_state&&n.disconnectedCallback(a)}return this.ownerDocument.__CE_hasRegistry?Kt(n,this):$t(n,this),e}})}function t(e,t){Ut(e,"insertAdjacentElement",(function(e,o){var r=Ht(o);return e=t.call(this,e,o),r&&qt(n,o),Ht(e)&&jt(n,o),e}))}function o(e,t){function o(e,t){for(var o=[];e!==t;e=e.nextSibling)o.push(e);for(t=0;t<o.length;t++)Kt(n,o[t])}Ut(e,"insertAdjacentHTML",(function(e,n){if("beforebegin"===(e=e.toLowerCase())){var r=this.previousSibling;t.call(this,e,n),o(r||this.parentNode.firstChild,this)}else if("afterbegin"===e)r=this.firstChild,t.call(this,e,n),o(this.firstChild,r);else if("beforeend"===e)r=this.lastChild,t.call(this,e,n),o(r||this.firstChild,null);else{if("afterend"!==e)throw new SyntaxError("The value provided ("+String(e)+") is not one of 'beforebegin', 'afterbegin', 'beforeend', or 'afterend'.");r=this.nextSibling,t.call(this,e,n),o(this.nextSibling,r)}}))}var n=Go;mo&&Ut(Element.prototype,"attachShadow",(function(e){return this.__CE_shadowRoot=mo.call(this,e)})),bo&&bo.get?e(Element.prototype,bo):Ao&&Ao.get?e(HTMLElement.prototype,Ao):Vt(n,(function(t){e(t,{enumerable:!0,configurable:!0,get:function(){return co.call(this,!0).innerHTML},set:function(e){var t="template"===this.localName,o=t?this.content:this,n=no.call(document,this.namespaceURI,this.localName);for(n.innerHTML=e;0<o.childNodes.length;)go.call(o,o.childNodes[0]);for(e=t?n.content:n;0<e.childNodes.length;)ho.call(o,e.childNodes[0])}})})),Ut(Element.prototype,"setAttribute",(function(e,t){if(1!==this.__CE_state)return yo.call(this,e,t);var o=vo.call(this,e);yo.call(this,e,t),t=vo.call(this,e),n.attributeChangedCallback(this,e,o,t,null)})),Ut(Element.prototype,"setAttributeNS",(function(e,t,o){if(1!==this.__CE_state)return Co.call(this,e,t,o);var r=zo.call(this,e,t);Co.call(this,e,t,o),o=zo.call(this,e,t),n.attributeChangedCallback(this,t,r,o,e)})),Ut(Element.prototype,"removeAttribute",(function(e){if(1!==this.__CE_state)return wo.call(this,e);var t=vo.call(this,e);wo.call(this,e),null!==t&&n.attributeChangedCallback(this,e,t,null,null)})),Ut(Element.prototype,"removeAttributeNS",(function(e,t){if(1!==this.__CE_state)return So.call(this,e,t);var o=zo.call(this,e,t);So.call(this,e,t);var r=zo.call(this,e,t);o!==r&&n.attributeChangedCallback(this,t,o,r,e)})),Io?t(HTMLElement.prototype,Io):xo?t(Element.prototype,xo):console.warn("Custom Elements: `Element#insertAdjacentElement` was not patched."),Lo?o(HTMLElement.prototype,Lo):Mo?o(Element.prototype,Mo):console.warn("Custom Elements: `Element#insertAdjacentHTML` was not patched."),No(n,Element.prototype,{P:_o,append:ko}),function(e){function t(t){return function(o){for(var n=[],r=0;r<arguments.length;++r)n[r]=arguments[r];r=[];for(var i=[],a=0;a<n.length;a++){var s=n[a];if(s instanceof Element&&Ht(s)&&i.push(s),s instanceof DocumentFragment)for(s=s.firstChild;s;s=s.nextSibling)r.push(s);else r.push(s)}for(t.apply(this,n),n=0;n<i.length;n++)qt(e,i[n]);if(Ht(this))for(n=0;n<r.length;n++)(i=r[n])instanceof Element&&jt(e,i)}}var o=Element.prototype;void 0!==Ro&&(o.before=t(Ro)),void 0!==Ro&&(o.after=t(Do)),void 0!==Eo&&Ut(o,"replaceWith",(function(t){for(var o=[],n=0;n<arguments.length;++n)o[n]=arguments[n];n=[];for(var r=[],i=0;i<o.length;i++){var a=o[i];if(a instanceof Element&&Ht(a)&&r.push(a),a instanceof DocumentFragment)for(a=a.firstChild;a;a=a.nextSibling)n.push(a);else n.push(a)}for(i=Ht(this),Eo.apply(this,o),o=0;o<r.length;o++)qt(e,r[o]);if(i)for(qt(e,this),o=0;o<n.length;o++)(r=n[o])instanceof Element&&jt(e,r)})),void 0!==Oo&&Ut(o,"remove",(function(){var t=Ht(this);Oo.call(this),t&&qt(e,this)}))}(n)}(),document.__CE_hasRegistry=!0;var Ho=new to(Go);Object.defineProperty(window,"customElements",{configurable:!0,enumerable:!0,value:Ho})}function Po(){this.end=this.start=0,this.rules=this.parent=this.previous=null,this.cssText=this.parsedCssText="",this.atRule=!1,this.type=0,this.parsedSelector=this.selector=this.keyframesName=""}function Zo(e){var t=Uo,o=e=e.replace(Xo,"").replace(Jo,""),n=new Po;n.start=0,n.end=o.length;for(var r=n,i=0,a=o.length;i<a;i++)if("{"===o[i]){r.rules||(r.rules=[]);var s=r,l=s.rules[s.rules.length-1]||null;(r=new Po).start=i+1,r.parent=s,r.previous=l,s.rules.push(r)}else"}"===o[i]&&(r.end=i+1,r=r.parent||n);return t(n,e)}function Uo(e,t){var o=t.substring(e.start,e.end-1);if(e.parsedCssText=e.cssText=o.trim(),e.parent&&(o=function(e){return e.replace(/\\([0-9a-f]{1,6})\s/gi,(function(e,t){for(t=6-(e=t).length;t--;)e="0"+e;return"\\"+e}))}(o=t.substring(e.previous?e.previous.end:e.parent.start,e.start-1)),o=(o=o.replace(rn," ")).substring(o.lastIndexOf(";")+1),o=e.parsedSelector=e.selector=o.trim(),e.atRule=0===o.indexOf("@"),e.atRule?0===o.indexOf("@media")?e.type=Ko:o.match(nn)&&(e.type=qo,e.keyframesName=e.selector.split(rn).pop()):e.type=0===o.indexOf("--")?Yo:jo),o=e.rules)for(var n=0,r=o.length,i=void 0;n<r&&(i=o[n]);n++)Uo(i,t);return e}function Wo(e,t,o){o=void 0===o?"":o;var n="";if(e.cssText||e.rules){var r,i=e.rules;if((r=i)&&(r=!((r=i[0])&&r.selector&&0===r.selector.indexOf("--"))),r){r=0;for(var a=i.length,s=void 0;r<a&&(s=i[r]);r++)n=Wo(s,t,n)}else t?t=e.cssText:t=(t=(t=e.cssText).replace(Qo,"").replace(en,"")).replace(tn,"").replace(on,""),(n=t.trim())&&(n="  "+n+"\n")}return n&&(e.selector&&(o+=e.selector+" {\n"),o+=n,e.selector&&(o+="}\n\n")),o}var Vo,$o,jo=1,qo=7,Ko=4,Yo=1e3,Xo=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,Jo=/@import[^;]*;/gim,Qo=/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,en=/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,tn=/@apply\s*\(?[^);]*\)?\s*(?:[;\n]|$)?/gim,on=/[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,nn=/^@[^\s]*keyframes/,rn=/\s+/g,an=!(window.ShadyDOM&&window.ShadyDOM.inUse);function sn(e){Vo=(!e||!e.shimcssproperties)&&(an||!(navigator.userAgent.match(/AppleWebKit\/601|Edge\/15/)||!window.CSS||!CSS.supports||!CSS.supports("box-shadow","0 0 0 var(--foo)")))}window.ShadyCSS&&void 0!==window.ShadyCSS.cssBuild&&($o=window.ShadyCSS.cssBuild);var ln=!(!window.ShadyCSS||!window.ShadyCSS.disableRuntime);window.ShadyCSS&&void 0!==window.ShadyCSS.nativeCss?Vo=window.ShadyCSS.nativeCss:window.ShadyCSS?(sn(window.ShadyCSS),window.ShadyCSS=void 0):sn(window.WebComponents&&window.WebComponents.flags);var dn=Vo,cn=$o,hn=/(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};{])+)|\{([^}]*)\}(?:(?=[;\s}])|$))/gi,un=/(?:^|\W+)@apply\s*\(?([^);\n]*)\)?/gi,gn=/(--[\w-]+)\s*([:,;)]|$)/gi,pn=/(animation\s*:)|(animation-name\s*:)/,fn=/@media\s(.*)/,mn=/\{[^}]*\}/g,bn=new Set;function vn(e,t){return e?("string"==typeof e&&(e=Zo(e)),t&&zn(e,t),Wo(e,dn)):""}function yn(e){return!e.__cssRules&&e.textContent&&(e.__cssRules=Zo(e.textContent)),e.__cssRules||null}function wn(e){return!!e.parent&&e.parent.type===qo}function zn(e,t,o,n){if(e){var r=!1,i=e.type;if(n&&i===Ko){var a=e.selector.match(fn);a&&(window.matchMedia(a[1]).matches||(r=!0))}if(i===jo?t(e):o&&i===qo?o(e):i===Yo&&(r=!0),(e=e.rules)&&!r)for(r=0,i=e.length,a=void 0;r<i&&(a=e[r]);r++)zn(a,t,o,n)}}function Cn(e,t,o,n){var r=document.createElement("style");return t&&r.setAttribute("scope",t),r.textContent=e,Mn(r,o,n),r}var Sn=null;function xn(e){e=document.createComment(" Shady DOM styles for "+e+" ");var t=document.head;return t.insertBefore(e,(Sn?Sn.nextSibling:null)||t.firstChild),Sn=e}function Mn(e,t,o){(t=t||document.head).insertBefore(e,o&&o.nextSibling||t.firstChild),Sn?e.compareDocumentPosition(Sn)===Node.DOCUMENT_POSITION_PRECEDING&&(Sn=e):Sn=e}function _n(e,t){for(var o=0,n=e.length;t<n;t++)if("("===e[t])o++;else if(")"===e[t]&&0==--o)return t;return-1}function kn(e,t){var o=e.indexOf("var(");if(-1===o)return t(e,"","","");var n=_n(e,o+3),r=e.substring(o+4,n);return o=e.substring(0,o),e=kn(e.substring(n+1),t),-1===(n=r.indexOf(","))?t(o,r.trim(),"",e):t(o,r.substring(0,n).trim(),r.substring(n+1).trim(),e)}function Rn(e,t){an?e.setAttribute("class",t):window.ShadyDOM.nativeMethods.setAttribute.call(e,"class",t)}var Dn=window.ShadyDOM&&window.ShadyDOM.wrap||function(e){return e};function En(e){var t=e.localName,o="";return t?-1<t.indexOf("-")||(o=t,t=e.getAttribute&&e.getAttribute("is")||""):(t=e.is,o=e.extends),{is:t,H:o}}function On(e){for(var t=[],o="",n=0;0<=n&&n<e.length;n++)if("("===e[n]){var r=_n(e,n);o+=e.slice(n,r+1),n=r}else","===e[n]?(t.push(o),o=""):o+=e[n];return o&&t.push(o),t}function Tn(e){if(void 0!==cn)return cn;if(void 0===e.__cssBuild){var t=e.getAttribute("css-build");if(t)e.__cssBuild=t;else{if(""!==(t=(t="template"===e.localName?e.content.firstChild:e.firstChild)instanceof Comment&&"css-build"===(t=t.textContent.trim().split(":"))[0]?t[1]:"")){var o="template"===e.localName?e.content.firstChild:e.firstChild;o.parentNode.removeChild(o)}e.__cssBuild=t}}return e.__cssBuild||""}function An(e){return!(""===(e=void 0===e?"":e)||!dn)&&(an?"shadow"===e:"shady"===e)}function In(){}function Ln(e,t,o){var n;if(t.nodeType===Node.ELEMENT_NODE&&o(t),n="template"===t.localName?(t.content||t._content||t).childNodes:t.children||t.childNodes)for(t=0;t<n.length;t++)Ln(e,n[t],o)}function Fn(e,t,o){if(t)if(e.classList)o?(e.classList.remove("style-scope"),e.classList.remove(t)):(e.classList.add("style-scope"),e.classList.add(t));else if(e.getAttribute){var n=e.getAttribute("class");o?n&&Rn(e,t=n.replace("style-scope","").replace(t,"")):Rn(e,(n?n+" ":"")+"style-scope "+t)}}function Nn(e,t,o){Ln(Qn,e,(function(e){Fn(e,t,!0),Fn(e,o)}))}function Bn(e,t){Ln(Qn,e,(function(e){Fn(e,t||"",!0)}))}function Gn(e,t,o,n,r){var i=Qn;return""===(r=void 0===r?"":r)&&(an||"shady"===(void 0===n?"":n)?r=vn(t,o):r=function(e,t,o,n,r){var i=Hn(o,n);return o=o?"."+o:"",vn(t,(function(t){t.c||(t.selector=t.h=Pn(e,t,e.b,o,i),t.c=!0),r&&r(t,o,i)}))}(i,t,(e=En(e)).is,e.H,o)+"\n\n"),r.trim()}function Hn(e,t){return t?"[is="+e+"]":e}function Pn(e,t,o,n,r){var i=On(t.selector);if(!wn(t)){t=0;for(var a=i.length,s=void 0;t<a&&(s=i[t]);t++)i[t]=o.call(e,s,n,r)}return i.filter((function(e){return!!e})).join(",")}function Zn(e){return e.replace(Vn,(function(e,t,o){return-1<o.indexOf("+")?o=o.replace(/\+/g,"___"):-1<o.indexOf("___")&&(o=o.replace(/___/g,"+")),":"+t+"("+o+")"}))}function Un(e,t){e=e.split(/(\[.+?\])/);for(var o=[],n=0;n<e.length;n++)if(1==n%2)o.push(e[n]);else{var r=e[n];""===r&&n===e.length-1||((r=r.split(":"))[0]+=t,o.push(r.join(":")))}return o.join("")}function Wn(e){":root"===e.selector&&(e.selector="html")}In.prototype.b=function(e,t,o){var n=!1;e=e.trim();var r=Vn.test(e);r&&(e=e.replace(Vn,(function(e,t,o){return":"+t+"("+o.replace(/\s/g,"")+")"})),e=Zn(e));var i=Jn.test(e);if(i){var a=function(e){for(var t,o=[];t=e.match(Jn);){var n=t.index,r=_n(e,n);if(-1===r)throw Error(t.input+" selector missing ')'");t=e.slice(n,r+1),e=e.replace(t,""),o.push(t)}return{Z:e,matches:o}}(e);e=a.Z,a=a.matches}return e=(e=e.replace(qn,":host $1")).replace($n,(function(e,r,i){return n||(e=function(e,t,o,n){var r=e.indexOf("::slotted");if(0<=e.indexOf(":host")?e=function(e,t){var o=e.match(Kn);return(o=o&&o[2].trim()||"")?o[0].match(jn)?e.replace(Kn,(function(e,o,n){return t+n})):o.split(jn)[0]===t?o:"should_not_match":e.replace(":host",t)}(e,n):0!==r&&(e=o?Un(e,o):e),o=!1,0<=r&&(t="",o=!0),o){var i=!0;o&&(e=e.replace(Yn,(function(e,t){return" > "+t})))}return e=e.replace(Xn,(function(e,t,o){return'[dir="'+o+'"] '+t+", "+t+'[dir="'+o+'"]'})),{value:e,oa:t,stop:i}}(i,r,t,o),n=n||e.stop,r=e.oa,i=e.value),r+i})),i&&(e=function(e,t){var o=e.split("");return t.reduce((function(e,t,n){return e+t+o[n+1]}),o[0])}(e,a)),r&&(e=Zn(e)),e},In.prototype.c=function(e){return e.match(":host")?"":e.match("::slotted")?this.b(e,":not(.style-scope)"):Un(e.trim(),":not(.style-scope)")},t.Object.defineProperties(In.prototype,{a:{configurable:!0,enumerable:!0,get:function(){return"style-scope"}}});var Vn=/:(nth[-\w]+)\(([^)]+)\)/,$n=/(^|[\s>+~]+)((?:\[.+?\]|[^\s>+~=[])+)/g,jn=/[[.:#*]/,qn=/^(::slotted)/,Kn=/(:host)(?:\(((?:\([^)(]*\)|[^)(]*)+?)\))/,Yn=/(?:::slotted)(?:\(((?:\([^)(]*\)|[^)(]*)+?)\))/,Xn=/(.*):dir\((?:(ltr|rtl))\)/,Jn=/:(?:matches|any|-(?:webkit|moz)-any)/,Qn=new In;function er(e,t,o,n,r){this.u=e||null,this.b=t||null,this.Y=o||[],this.l=null,this.cssBuild=r||"",this.H=n||"",this.a=this.m=this.s=null}function tr(e){return e?e.__styleInfo:null}function or(e,t){return e.__styleInfo=t}function nr(e){var t=this.matches||this.matchesSelector||this.mozMatchesSelector||this.msMatchesSelector||this.oMatchesSelector||this.webkitMatchesSelector;return t&&t.call(this,e)}er.prototype.c=function(){return this.u},er.prototype._getStyleRules=er.prototype.c;var rr=navigator.userAgent.match("Trident");function ir(){}function ar(e){if(!e.g){var t={},o={};sr(e,o)&&(t.o=o,e.rules=null),t.cssText=e.parsedCssText.replace(mn,"").replace(hn,""),e.g=t}}function sr(e,t){var o=e.g;if(!o){o=e.parsedCssText;for(var n;e=hn.exec(o);)"inherit"===(n=(e[2]||e[3]).trim())&&"unset"===n||(t[e[1].trim()]=n),n=!0;return n}if(o.o)return Object.assign(t,o.o),!0}function lr(e,t,o){return t&&(t=0<=t.indexOf(";")?dr(e,t,o):kn(t,(function(t,n,r,i){return n?((n=lr(e,o[n],o))&&"initial"!==n?"apply-shim-inherit"===n&&(n="inherit"):n=lr(e,o[r]||r,o)||r,t+(n||"")+i):t+i}))),t&&t.trim()||""}function dr(e,t,o){t=t.split(";");for(var n,r,i=0;i<t.length;i++)if(n=t[i]){if(un.lastIndex=0,r=un.exec(n))n=lr(e,o[r[1]],o);else if(-1!==(r=n.indexOf(":"))){var a=n.substring(r);a=lr(e,a=a.trim(),o)||a,n=n.substring(0,r)+a}t[i]=n&&n.lastIndexOf(";")===n.length-1?n.slice(0,-1):n||""}return t.join(";")}function cr(e,t,o){var n={},r={};return zn(t,(function(t){!function(e,t,o,n){if(t.g||ar(t),t.g.o){var r=En(e);e=r.is,r=r.H,r=e?Hn(e,r):"html";var i=t.parsedSelector,a=":host > *"===i||"html"===i,s=0===i.indexOf(":host")&&!a;"shady"===o&&(s=!(a=i===r+" > *."+r||-1!==i.indexOf("html"))&&0===i.indexOf(r)),(a||s)&&(o=r,s&&(t.h||(t.h=Pn(Qn,t,Qn.b,e?"."+e:"",r)),o=t.h||r),n({Z:o,ua:s,Fa:a}))}}(e,t,o,(function(o){nr.call(e._element||e,o.Z)&&(o.ua?sr(t,n):sr(t,r))}))}),null,!0),{xa:r,sa:n}}function hr(e,t,o,n){var r=En(t),i=Hn(r.is,r.H),a=new RegExp("(?:^|[^.#[:])"+(t.extends?"\\"+i.slice(0,-1)+"\\]":i)+"($|[.:[\\s>+~])"),s=tr(t);r=s.u,s=s.cssBuild;var l=function(e,t){e=e.b;var o={};if(!an&&e)for(var n=0,r=e[n];n<e.length;r=e[++n]){var i=r,a=t;i.f=new RegExp("\\b"+i.keyframesName+"(?!\\B|-)","g"),i.a=i.keyframesName+"-"+a,i.h=i.h||i.selector,i.selector=i.h.replace(i.keyframesName,i.a),o[r.keyframesName]=ur(r)}return o}(r,n);return Gn(t,r,(function(t){var r="";if(t.g||ar(t),t.g.cssText&&(r=dr(e,t.g.cssText,o)),t.cssText=r,!an&&!wn(t)&&t.cssText){var s=r=t.cssText;if(null==t.ba&&(t.ba=pn.test(r)),t.ba)if(null==t.O)for(var d in t.O=[],l)r!==(s=(s=l[d])(r))&&(r=s,t.O.push(d));else{for(d=0;d<t.O.length;++d)r=(s=l[t.O[d]])(r);s=r}t.cssText=s,t.h=t.h||t.selector,r="."+n,s=0;for(var c=(d=On(t.h)).length,h=void 0;s<c&&(h=d[s]);s++)d[s]=h.match(a)?h.replace(i,r):r+" "+h;t.selector=d.join(",")}}),s)}function ur(e){return function(t){return t.replace(e.f,e.a)}}function gr(e,t){var o=pr,n=yn(e);e.textContent=vn(n,(function(e){var n=e.cssText=e.parsedCssText;e.g&&e.g.cssText&&(n=n.replace(Qo,"").replace(en,""),e.cssText=dr(o,n,t))}))}t.Object.defineProperties(ir.prototype,{a:{configurable:!0,enumerable:!0,get:function(){return"x-scope"}}});var pr=new ir,fr={},mr=window.customElements;if(mr&&!an&&!ln){var br=mr.define;mr.define=function(e,t,o){fr[e]||(fr[e]=xn(e)),br.call(mr,e,t,o)}}function vr(){this.cache={}}function yr(){}vr.prototype.store=function(e,t,o,n){var r=this.cache[e]||[];r.push({o:t,styleElement:o,m:n}),100<r.length&&r.shift(),this.cache[e]=r};var wr=new RegExp(Qn.a+"\\s*([^\\s]*)");function zr(e){return(e=(e.classList&&e.classList.value?e.classList.value:e.getAttribute("class")||"").match(wr))?e[1]:""}function Cr(e){var t=Dn(e).getRootNode();return t===e||t===e.ownerDocument?"":(e=t.host)?En(e).is:""}function Sr(e){for(var t=0;t<e.length;t++){var o=e[t];if(o.target!==document.documentElement&&o.target!==document.head)for(var n=0;n<o.addedNodes.length;n++){var r=o.addedNodes[n];if(r.nodeType===Node.ELEMENT_NODE){var i=r.getRootNode(),a=zr(r);if(a&&i===r.ownerDocument&&("style"!==r.localName&&"template"!==r.localName||""===Tn(r)))Bn(r,a);else if(i instanceof ShadowRoot)for((i=Cr(r))!==a&&Nn(r,a,i),r=window.ShadyDOM.nativeMethods.querySelectorAll.call(r,":not(."+Qn.a+")"),a=0;a<r.length;a++){var s=Cr(i=r[a]);s&&Fn(i,s)}}}}}if(!(an||window.ShadyDOM&&window.ShadyDOM.handlesDynamicScoping)){var xr=new MutationObserver(Sr),Mr=function(e){xr.observe(e,{childList:!0,subtree:!0})};if(window.customElements&&!window.customElements.polyfillWrapFlushCallback)Mr(document);else{var _r=function(){Mr(document.body)};window.HTMLImports?window.HTMLImports.whenReady(_r):requestAnimationFrame((function(){if("loading"===document.readyState){var e=function(){_r(),document.removeEventListener("readystatechange",e)};document.addEventListener("readystatechange",e)}else _r()}))}yr=function(){Sr(xr.takeRecords())}}var kr=yr,Rr={},Dr=Promise.resolve();function Er(e){(e=Rr[e])&&(e._applyShimCurrentVersion=e._applyShimCurrentVersion||0,e._applyShimValidatingVersion=e._applyShimValidatingVersion||0,e._applyShimNextVersion=(e._applyShimNextVersion||0)+1)}function Or(e){return e._applyShimCurrentVersion===e._applyShimNextVersion}var Tr={},Ar=new vr;function Ir(){this.B={},this.c=document.documentElement;var e=new Po;e.rules=[],this.f=or(this.c,new er(e)),this.i=!1,this.b=this.a=null}function Lr(e){var t=En(e),o=t.is;t=t.H;var n=fr[o]||null,r=Rr[o];if(r)return or(e,t=new er(o=r._styleAst,n,r.a,t,r=Tn(r))),t}function Fr(e){!e.a&&window.ShadyCSS&&window.ShadyCSS.ApplyShim&&(e.a=window.ShadyCSS.ApplyShim,e.a.invalidCallback=Er),function(e){!e.b&&window.ShadyCSS&&window.ShadyCSS.CustomStyleInterface&&(e.b=window.ShadyCSS.CustomStyleInterface,e.b.transformCallback=function(t){e.ea(t)},e.b.validateCallback=function(){requestAnimationFrame((function(){(e.b.enqueued||e.i)&&e.flushCustomStyles()}))})}(e)}function Nr(e,t,o){var n=En(t).is;if(o.l){var r,i=o.l;for(r in i)null===r?t.style.removeProperty(r):t.style.setProperty(r,i[r])}!(i=Rr[n])&&t!==e.c||i&&""!==Tn(i)||!i||!i._style||Or(i)||((Or(i)||i._applyShimValidatingVersion!==i._applyShimNextVersion)&&(Fr(e),e.a&&e.a.transformRules(i._styleAst,n),i._style.textContent=Gn(t,o.u),function(e){e._applyShimValidatingVersion=e._applyShimNextVersion,e._validating||(e._validating=!0,Dr.then((function(){e._applyShimCurrentVersion=e._applyShimNextVersion,e._validating=!1})))}(i)),an&&(e=t.shadowRoot)&&(e=e.querySelector("style"))&&(e.textContent=Gn(t,o.u)),o.u=i._styleAst)}function Br(e,t){return(t=Dn(t).getRootNode().host)?tr(t)||Lr(t)?t:Br(e,t):e.c}function Gr(e,t,o){var n=Br(e,t),r=tr(n),i=r.s;for(var a in n===e.c||i||(Gr(e,n,r),i=r.s),e=Object.create(i||null),n=cr(t,o.u,o.cssBuild),t=function(e,t){var o={},n=[];return zn(e,(function(e){e.g||ar(e);var r=e.h||e.parsedSelector;t&&e.g.o&&r&&nr.call(t,r)&&(sr(e,o),e=e.index,r=parseInt(e/32,10),n[r]=(n[r]||0)|1<<e%32)}),null,!0),{o,key:n}}(r.u,t).o,Object.assign(e,n.sa,t,n.xa),t=o.l)((r=t[a])||0===r)&&(e[a]=r);for(a=pr,t=Object.getOwnPropertyNames(e),r=0;r<t.length;r++)e[n=t[r]]=lr(a,e[n],e);o.s=e}(e=Ir.prototype).flush=function(){kr()},e.qa=function(e){return yn(e)},e.Ba=function(e){return vn(e)},e.prepareTemplate=function(e,t,o){this.prepareTemplateDom(e,t),this.prepareTemplateStyles(e,t,o)},e.prepareTemplateStyles=function(e,t,o){if(!e._prepared&&!ln){an||fr[t]||(fr[t]=xn(t)),e._prepared=!0,e.name=t,e.extends=o,Rr[t]=e;var n=Tn(e),r=An(n);o={is:t,extends:o};for(var i=[],a=e.content.querySelectorAll("style"),s=0;s<a.length;s++){var l=a[s];if(l.hasAttribute("shady-unscoped")){if(!an){var d=l.textContent;bn.has(d)||(bn.add(d),d=l.cloneNode(!0),document.head.appendChild(d)),l.parentNode.removeChild(l)}}else i.push(l.textContent),l.parentNode.removeChild(l)}i=i.join("").trim()+(Tr[t]||""),Fr(this),r||((a=!n)&&(a=un.test(i)||hn.test(i),un.lastIndex=0,hn.lastIndex=0),s=Zo(i),a&&dn&&this.a&&this.a.transformRules(s,t),e._styleAst=s),a=[],dn||(a=function(e){var t={},o=[],n=0;for(var r in zn(e,(function(e){ar(e),e.index=n++,e=e.g.cssText;for(var o;o=gn.exec(e);){var r=o[1];":"!==o[2]&&(t[r]=!0)}}),(function(e){o.push(e)})),e.b=o,e=[],t)e.push(r);return e}(e._styleAst)),a.length&&!dn||(s=an?e.content:null,t=fr[t]||null,n=(n=Gn(o,e._styleAst,null,n,r?i:"")).length?Cn(n,o.is,s,t):null,e._style=n),e.a=a}},e.wa=function(e,t){Tr[t]=e.join(" ")},e.prepareTemplateDom=function(e,t){if(!ln){var o=Tn(e);an||"shady"===o||e._domPrepared||(e._domPrepared=!0,function(e,t){Ln(Qn,e,(function(e){Fn(e,t||"")}))}(e.content,t))}},e.flushCustomStyles=function(){if(!ln&&(Fr(this),this.b)){var e=this.b.processStyles();if(this.b.enqueued&&!An(this.f.cssBuild)){if(dn){if(!this.f.cssBuild)for(var t=0;t<e.length;t++){var o=this.b.getStyleForCustomStyle(e[t]);if(o&&dn&&this.a){var n=yn(o);Fr(this),this.a.transformRules(n),o.textContent=vn(n)}}}else{for(Gr(this,this.c,this.f),t=0;t<e.length;t++)(o=this.b.getStyleForCustomStyle(e[t]))&&gr(o,this.f.s);this.i&&this.styleDocument()}this.b.enqueued=!1}}},e.styleElement=function(e,t){if(ln){if(t){tr(e)||or(e,new er(null));var o=tr(e);o.l=o.l||{},Object.assign(o.l,t),Nr(this,e,o)}}else if(o=tr(e)||Lr(e))if(e!==this.c&&(this.i=!0),t&&(o.l=o.l||{},Object.assign(o.l,t)),dn)Nr(this,e,o);else if(this.flush(),Gr(this,e,o),o.Y&&o.Y.length){var n;t=En(e).is;e:{if(n=Ar.cache[t])for(var r=n.length-1;0<=r;r--){var i=n[r];t:{for(var a=o.Y,s=0;s<a.length;s++){var l=a[s];if(i.o[l]!==o.s[l]){a=!1;break t}}a=!0}if(a){n=i;break e}}n=void 0}a=n?n.styleElement:null,r=o.m,(i=n&&n.m)||(i=t+"-"+(i=this.B[t]=(this.B[t]||0)+1)),o.m=i,i=o.m,s=pr,s=a?a.textContent||"":hr(s,e,o.s,i);var d=(l=tr(e)).a;d&&!an&&d!==a&&(d._useCount--,0>=d._useCount&&d.parentNode&&d.parentNode.removeChild(d)),an?l.a?(l.a.textContent=s,a=l.a):s&&(a=Cn(s,i,e.shadowRoot,l.b)):a?a.parentNode||(rr&&-1<s.indexOf("@media")&&(a.textContent=s),Mn(a,null,l.b)):s&&(a=Cn(s,i,null,l.b)),a&&(a._useCount=a._useCount||0,l.a!=a&&a._useCount++,l.a=a),i=a,an||(a=o.m,l=s=e.getAttribute("class")||"",r&&(l=s.replace(new RegExp("\\s*x-scope\\s*"+r+"\\s*","g")," ")),s!==(l+=(l?" ":"")+"x-scope "+a)&&Rn(e,l)),n||Ar.store(t,o.s,i,o.m)}},e.styleDocument=function(e){this.styleSubtree(this.c,e)},e.styleSubtree=function(e,t){var o=Dn(e),n=o.shadowRoot;if((n||e===this.c)&&this.styleElement(e,t),e=n&&(n.children||n.childNodes))for(o=0;o<e.length;o++)this.styleSubtree(e[o]);else if(o=o.children||o.childNodes)for(e=0;e<o.length;e++)this.styleSubtree(o[e])},e.ea=function(e){var t=this,o=Tn(e);if(o!==this.f.cssBuild&&(this.f.cssBuild=o),!An(o)){var n=yn(e);zn(n,(function(e){if(an)Wn(e);else{var n=Qn;e.selector=e.parsedSelector,Wn(e),e.selector=e.h=Pn(n,e,n.c,void 0,void 0)}dn&&""===o&&(Fr(t),t.a&&t.a.transformRule(e))})),dn?e.textContent=vn(n):this.f.u.rules.push(n)}},e.getComputedStyleValue=function(e,t){var o;return dn||(o=(tr(e)||tr(Br(this,e))).s[t]),(o=o||window.getComputedStyle(e).getPropertyValue(t))?o.trim():""},e.Aa=function(e,t){var o=Dn(e).getRootNode();if(t=t?t.split(/\s/):[],!(o=o.host&&o.host.localName)){var n=e.getAttribute("class");if(n){n=n.split(/\s/);for(var r=0;r<n.length;r++)if(n[r]===Qn.a){o=n[r+1];break}}}o&&t.push(Qn.a,o),dn||(o=tr(e))&&o.m&&t.push(pr.a,o.m),Rn(e,t.join(" "))},e.na=function(e){return tr(e)},e.za=function(e,t){Fn(e,t)},e.Ca=function(e,t){Fn(e,t,!0)},e.ya=function(e){return Cr(e)},e.pa=function(e){return zr(e)},Ir.prototype.flush=Ir.prototype.flush,Ir.prototype.prepareTemplate=Ir.prototype.prepareTemplate,Ir.prototype.styleElement=Ir.prototype.styleElement,Ir.prototype.styleDocument=Ir.prototype.styleDocument,Ir.prototype.styleSubtree=Ir.prototype.styleSubtree,Ir.prototype.getComputedStyleValue=Ir.prototype.getComputedStyleValue,Ir.prototype.setElementClass=Ir.prototype.Aa,Ir.prototype._styleInfoForNode=Ir.prototype.na,Ir.prototype.transformCustomStyleForDocument=Ir.prototype.ea,Ir.prototype.getStyleAst=Ir.prototype.qa,Ir.prototype.styleAstToString=Ir.prototype.Ba,Ir.prototype.flushCustomStyles=Ir.prototype.flushCustomStyles,Ir.prototype.scopeNode=Ir.prototype.za,Ir.prototype.unscopeNode=Ir.prototype.Ca,Ir.prototype.scopeForNode=Ir.prototype.ya,Ir.prototype.currentScopeForNode=Ir.prototype.pa,Ir.prototype.prepareAdoptedCssText=Ir.prototype.wa,Object.defineProperties(Ir.prototype,{nativeShadow:{get:function(){return an}},nativeCss:{get:function(){return dn}}});var Hr,Pr,Zr=new Ir;window.ShadyCSS&&(Hr=window.ShadyCSS.ApplyShim,Pr=window.ShadyCSS.CustomStyleInterface),window.ShadyCSS={ScopingShim:Zr,prepareTemplate:function(e,t,o){Zr.flushCustomStyles(),Zr.prepareTemplate(e,t,o)},prepareTemplateDom:function(e,t){Zr.prepareTemplateDom(e,t)},prepareTemplateStyles:function(e,t,o){Zr.flushCustomStyles(),Zr.prepareTemplateStyles(e,t,o)},styleSubtree:function(e,t){Zr.flushCustomStyles(),Zr.styleSubtree(e,t)},styleElement:function(e){Zr.flushCustomStyles(),Zr.styleElement(e)},styleDocument:function(e){Zr.flushCustomStyles(),Zr.styleDocument(e)},flushCustomStyles:function(){Zr.flushCustomStyles()},getComputedStyleValue:function(e,t){return Zr.getComputedStyleValue(e,t)},nativeCss:dn,nativeShadow:an,cssBuild:cn,disableRuntime:ln},Hr&&(window.ShadyCSS.ApplyShim=Hr),Pr&&(window.ShadyCSS.CustomStyleInterface=Pr)}).call(this)},22048:(e,t,o)=>{"use strict";o.d(t,{Zh:()=>s,kB:()=>i,p6:()=>a});var n=o(56919),r=o(45092);function i(e){let t,o;"string"==typeof e&&(o=/^(\d{4})-(\d{2})-(\d{2})$/,e.match(o)&&(e+="T00:00:00")),t=parseInt(e,10)==e?parseInt(e,10):e;let n=null;if("string"==typeof t){o=/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2})$/;let e=t.match(o);e&&e.length>=7&&(e=e.map(((e,t)=>{if(t>=1&&t<=6)return parseInt(e,10)})),t=new Date(e[1],e[2]-1,e[3],e[4],e[5],e[6]))}return n||(n=new Date(t)),n}function a(e,t,o,r){const i=l(e);o=o||n.default.getLocale(r)||"en-US",i.widget=r,i.locale=o;const a=t.match(/(\[[^\[]*\])|LTS|LT|L{1,4}|l{1,4}|A|a|DDDo|D{3,4}|Do|D{1,2}|do|d{1,4}|E|e|F|GGGG|GG|gggg|gg|HH|H|hh|h|kk|k|Mo|M{1,4}|mm|m|Qo|Q|ss|s|S{1,9}|Wo|WW|W|wo|ww|w|X|x|Y{4}|YY|ZZ|Z|./g);let s="";return a.forEach((e=>{b[e]?s+=b[e](i):s+=e.replace(/\[|\]/g,"")})),s}function s(e,t,o){let i,a,s=l(new Date),d=l(e),c=Math.round((s.time-d.time)/1e3),h=c<0,u=Math.abs(c),g=Math.round(u/60),p=Math.round(g/60),f=Math.round(p/24),m=Math.round(f/30),b=Math.round(f/365);u<44?(i="seconds",a=u):g<=1?i="minute":g<45?(i="minutes",a=g):p<=1?i="hour":p<22?(i="hours",a=p):f<=1?i="day":f<26?(i="days",a=f):m<=1?i="month":m<11?(i="months",a=m):b<=1?i="year":(i="years",a=b),i=n.default.get(`date.fromNow.${i}`,o);let v=r.translate({msg:i,vars:[a]});if(!t){const e=h?n.default.get("date.fromNow.future",o):n.default.get("date.fromNow.past",o);v=r.translate({msg:e,vars:[v]})}return v}function l(e){const t={};return t.year=e.getFullYear(),t.weekYear=t.year,t.month0=e.getMonth(),t.month=e.getMonth()+1,t.date=e.getDate(),t.hour=e.getHours(),t.minute=e.getMinutes(),t.second=e.getSeconds(),t.ms=e.getMilliseconds(),t.day=e.getDay(),t.time=e.getTime(),t.dateStr=e.toString(),t.fullDate=e,t}function d(e){let t=e%10,o=e%100,n="th";return o>10&&o<20?n="th":1===t?n="st":2===t?n="nd":3===t&&(n="rd"),e+n}function c(e,t){let o=""+e,n=o.length;for(;t>n;)o="0"+e,n++;return o}function h(e){return e%4==0&&e%100!=0||e%400==0?366:365}function u(e){return Math.ceil(e.month/3)}function g(e){let t=n.default.get("date.am",e.widget),o=n.default.get("date.pm",e.widget);return e.hour>=12?o:t}function p(e){let t=e.dateStr,o=t.toUpperCase().indexOf("GMT")+3,n=t.indexOf(" ",o+1);return t.substring(o,n)}function f(e){let t=new Date(e.year,0,1).getTime();return Math.ceil((e.time-t)/864e5)}function m(e,t,o){let r=7+(t=t||n.default.get("date.startWeek",e.widget))-(o=o||n.default.get("date.startYear",e.widget)),i=r-(7+new Date(Date.UTC(e.year,0,r)).getUTCDay()-t)%7-1,a=r-(7+new Date(Date.UTC(e.year+1,0,r)).getUTCDay()-t)%7-1,s=r-(7+new Date(Date.UTC(e.year-1,0,r)).getUTCDay()-t)%7-1,l=864e5*i,d=new Date(e.year,0,1).getTime(),c=new Date(d+l).getTime(),u=Math.ceil((e.time-c)/6048e5),g=(h(e.year)-i+a)/7,p=(h(e.year-1)-s+i)/7;return u>g?(e.weekYear=e.year+1,u-=g):u<1&&(e.weekYear=e.year-1,u+=p),u}let b={A:e=>g(e).toUpperCase(),a:e=>g(e).toLowerCase(),D:e=>e.date,Do:e=>d(e.date),DD:e=>c(e.date,2),DDD:e=>f(e),DDDo:e=>d(f(e)),DDDD:e=>c(f(e),3),d:e=>e.day,do:e=>d(e.month),dd:e=>{const t=n.default.get("date.twoWeek",e.widget);return t?t[e.day]:""},ddd:e=>{const t=n.default.get("date.shortWeek",e.widget);return t?t[e.day]:""},dddd:e=>{const t=n.default.get("date.longWeek",e.widget);return t?t[e.day]:""},e:e=>{let t=n.default.get("date.startWeek",e.widget);return(e.day+7-t)%7},E:e=>(e.day+7-1)%7+1,F:e=>s(e.fullDate,!0,e.locale,e.widget),GG:e=>(m(e,1,4),(e.weekYear+"").slice(-2)),GGGG:e=>(m(e,1,4),e.weekYear),gg:e=>(m(e),(e.weekYear+"").slice(-2)),gggg:e=>(m(e),e.weekYear),H:e=>e.hour,HH:e=>c(e.hour,2),h:e=>e.hour%12||12,hh:e=>c(e.hour%12||12,2),k:(e=>e.hour+1,e=>c(e.hour+1,2)),M:e=>e.month,Mo:e=>d(e.month),MM:e=>c(e.month,2),MMM:e=>{const t=n.default.get("date.shortMonth",e.widget);return t?t[e.month0]:""},MMMM:e=>{const t=n.default.get("date.longMonth",e.widget);return t?t[e.month0]:""},m:e=>e.minute,mm:e=>c(e.minute,2),Q:e=>u(e),Qo:e=>d(u(e)),S:e=>Math.floor(e.ms/100),SS:e=>c(Math.floor(e.ms/10),2),SSS:e=>c(e.ms,3),s:e=>e.second,ss:e=>c(e.second,2),W:e=>m(e,1,4),Wo:e=>d(m(e,1,4)),WW:e=>c(m(e,1,4),2),w:e=>m(e),wo:e=>d(m(e)),ww:e=>c(m(e),2),X:e=>Math.round(e.time/1e3),x:e=>e.time,Y:e=>e.year,YY:e=>(e.year+"").slice(-2),YYYY:e=>e.year,ZZ:e=>p(e),Z:e=>{let t=p(e).trim(),o=t.length-2;return t.slice(0,o)+":"+t.slice(o)},LT:e=>new Intl.DateTimeFormat(e.locale,{hour:"numeric",minute:"numeric"}).format(e.fullDate),LTS:e=>new Intl.DateTimeFormat(e.locale,{hour:"numeric",minute:"numeric",second:"numeric"}).format(e.fullDate),L:e=>new Intl.DateTimeFormat(e.locale,{month:"2-digit",year:"numeric",day:"2-digit"}).format(e.fullDate),l:e=>new Intl.DateTimeFormat(e.locale,{month:"numeric",year:"numeric",day:"numeric"}).format(e.fullDate),LL:e=>new Intl.DateTimeFormat(e.locale,{month:"long",year:"numeric",day:"numeric"}).format(e.fullDate),ll:e=>new Intl.DateTimeFormat(e.locale,{month:"short",year:"numeric",day:"numeric"}).format(e.fullDate),LLL:e=>new Intl.DateTimeFormat(e.locale,{month:"long",year:"numeric",day:"numeric",hour:"numeric",minute:"numeric"}).format(e.fullDate),lll:e=>new Intl.DateTimeFormat(e.locale,{month:"short",year:"numeric",day:"numeric",hour:"numeric",minute:"numeric"}).format(e.fullDate),LLLL:e=>new Intl.DateTimeFormat(e.locale,{month:"long",year:"numeric",day:"numeric",hour:"numeric",minute:"numeric",weekday:"long"}).format(e.fullDate),llll:e=>new Intl.DateTimeFormat(e.locale,{month:"short",year:"numeric",day:"numeric",hour:"numeric",minute:"numeric",weekday:"short"}).format(e.fullDate)}},30163:(e,t,o)=>{"use strict";o.d(t,{Z:()=>a});var n=o(2568),r=o(45092);const i={HOST:"https://app.zingsoft.com",COOKIE_PREFIX:"zglicensekey",COOKIE_LIFETIME:36e5,checkInProgress:!1,bValidated:!1,validateLicense(e,t){if(ZingGrid.bRunningTests)this.enableWatermarks();else if(this.bValidated)this.disableWatermarks();else{if(ZingGrid.LICENSE=e||ZingGrid.LICENSE||"",ZingGrid.BUILDCODE=t||ZingGrid.BUILDCODE||"",!this.cookieIsValid())if(ZingGrid)if(""!==ZingGrid.LICENSE||""!==ZingGrid.BUILDCODE){this.checkLicenseToken()?this.bValidated=!0:this.enableWatermarks()}else i.checkInProgress=!0,fetch(`${this.HOST}/v1/api/license/validate?domain=${encodeURIComponent(window.location.hostname)}`).then((e=>e.text())).then((e=>{"0"===e?this.enableWatermarks():(this.createCookie(),this.bValidated=!0),i.checkInProgress=!1})).catch((e=>{i.checkInProgress=!1}));else this.enableWatermarks();this.bValidated&&this.disableWatermarks()}},checkLicenseToken(){var e,t,o;let i;var a,s=[a="file:"===document.location.protocol?ZingGrid.HOSTNAME||"":document.location.hostname],l=a.split(".");for("www"===l[0]?s.push(a.replace("www.","")):s.push("www."+a),e=0;e<=l.length-2;e++){for(var d="*",c=e;c<l.length;c++)d+="."+l[c];s.push(d)}if(ZingGrid.LICENSE instanceof Array)for(e=0,t=s.length;e<t;e++){const t=s[e]+"&ZGSu331x";var h=n(r.H6(r.AG(t.toLowerCase())));if(-1!==ZingGrid.LICENSE.indexOf(h))return!0}if(ZingGrid.BUILDCODE instanceof Array&&2===ZingGrid.BUILDCODE.length){o=(o=r.Ll("N3wsTrln@4Cu$tOmLlc9nc9!")).replace("O","0");try{i=r.vT(ZingGrid.BUILDCODE[0],o)}catch(e){return!1}if(i===ZingGrid.BUILDCODE[1])return!0}return!1},enableWatermarks(){if(!this.bValidated){const e=document.querySelectorAll("zing-grid"),t=document.createElement("zg-watermark");e.forEach((e=>{if(!e.querySelector("zg-watermark")){let o=t.cloneNode(!0);e.appendChild(o),e.oDOMWaterMark=o}}))}},disableWatermarks(){if(this.bValidated){document.querySelectorAll("zing-grid").forEach((e=>{e.oDOMWaterMark&&(e.oDOMWaterMark.remove(),e.oDOMWaterMark=null)}))}},cookieIsValid(){const e=this.getCookie(`${this.COOKIE_PREFIX}-${window.location.hostname}`);return!!e&&(new Date).getTime()<this.decrypt(e)},encrypt(){const e=new Date((new Date).getTime()+this.COOKIE_LIFETIME).getTime();return btoa(`${e}|${window.location.hostname}`)},decrypt:e=>atob(e).split("|")[0],createCookie(){Object.keys(document).includes("cookie")&&(document.cookie=`${this.COOKIE_PREFIX}-${window.location.hostname}=${this.encrypt()};expires='${this.COOKIE_LIFETIME};'`)},getCookie(e){if(Object.keys(document).includes("cookie")){const t=("; "+document.cookie).split("; "+e+"="),o=t.pop().split(";").shift();if(2===t.length)return o}}},a=i},64087:(e,t,o)=>{"use strict";o.d(t,{MU:()=>a,P_:()=>i});var n=o(45092);function r(e,t){return null==e?[]:(t=t||".",e.split(t))}function i(e,t,o,i){let s=Array.isArray(t)?t:r(t,i),l=s[s.length-1],d=function(e,t){let o=t,r=e,i=0,a=o.length;for(;null!=r&&i<a;){if(!n.PO(r)&&!n.kJ(r))return!1;r=r[o[i]],i++}return!0}(e,s);return d&&(e=function(e,t){let o,r=t,i=e,a=0,s=r.length;for(;null!=i&&a<s;){if(!n.PO(i)&&!n.kJ(i))return e;let t=r[a],s=r[a+1];o=i[t],i[t]=void 0!==o?o:n.U(s)?[]:{},i=i[t],a++}return e}(e,s),(function(e,t){let o=t,n=o.slice(0);return n.pop(),1==o.length?e:a(e,n)}(e,s))[l]=o),e}function a(e,t,o,i){let a=null==e?void 0:function(e,t,o){if("disabled"===o&&t&&!Array.isArray(t))return e[t];let i=Array.isArray(t)?t:r(t,o),a=0,s=i.length;for(;null!=e&&a<s;){let t=i[a++],o=e;if(e=e[t],t&&"-"===t[0]){const r=parseInt(t,10);if(!isNaN(r)&&r<0&&Array.isArray(o)){o=n.mJ.clone(o);let t=o.splice(r);t&&t.length&&(e=t[0])}}}return a==s?e:void 0}(e,t,i);return void 0===a?o:a}},34584:(e,t,o)=>{"use strict";o.d(t,{hx:()=>y,w1:()=>v,V5:()=>w,G6:()=>b,Gu:()=>g,T:()=>z,iV:()=>C});let n,r=!1,i=[],a=!1,s=function(){!1===r&&(r=!0,document.addEventListener?(document.removeEventListener("DOMContentLoaded",s,!1),window.removeEventListener("load",s,!1)):(hasOnReadyStateChange&&document.detachEvent("onreadystatechange",c),window.detachEvent("onload",s))),l()},l=function(){if(!1===a){a=!0;let e=i.length;for(let t=0;t<e;t++)i[t]()}},d=function(){(window.attachEvent?function(){if(window!==top)return!1;try{document.documentElement.doScroll("left")}catch(e){return!1}return!0}:function(){return"complete"===document.readyState})&&(clearInterval(n),s())},c=function(){n=setInterval(d,2)},h="undefined"!=typeof navigator?navigator.userAgent.toLowerCase():"",u=e=>e.test(h),g=("undefined"!=typeof document&&document.documentMode,"undefined"!=typeof document?"CSS1Compat"==document.compatMode:""),p=u(/opera/),f=(p&&u(/version\/10\.5/),u(/\bchrome\b/)),m=u(/webkit/),b=!f&&u(/safari/),v=!p&&u(/msie/),y=!m&&u(/gecko/),w=u(/macintosh/);let z="undefined"!=typeof window&&("ontouchstart"in window||navigator.MaxTouchPoints>0||navigator.msMaxTouchPoints>0);z&&setTimeout((function(){let e=document.createElement("meta");e.id="viewport",e.name="viewport",e.content="width=device-width",document.getElementsByTagName("head")[0].appendChild(e)}));let C=!1;var S;S=function(){C="onmousewheel"in document.body},r?S():(i.push(S),"undefined"!=typeof document&&(document.addEventListener?(document.addEventListener("DOMContentLoaded",s,!1),window.addEventListener("load",s,!1)):(document.attachEvent("onreadystatechange",c),hasOnReadyStateChange=!0,window.attachEvent("onload",s))))},45092:(e,t,o)=>{"use strict";o.d(t,{mJ:()=>X,c7:()=>J,String:()=>Q,uQ:()=>d,W2:()=>R,nn:()=>D,mg:()=>E,kn:()=>T,$R:()=>O,go:()=>A,ye:()=>P,fh:()=>Z,Ae:()=>F,SV:()=>h,ZT:()=>U,QR:()=>N,RH:()=>W,MV:()=>V,uf:()=>ae,XU:()=>Y,h8:()=>ne,wZ:()=>le,iM:()=>$,Ll:()=>ge,Uh:()=>S,AA:()=>B,MA:()=>c,kJ:()=>g,jn:()=>p,Sh:()=>m,U:()=>b,hj:()=>y,Kn:()=>z,PO:()=>C,HD:()=>M,gg:()=>_,o8:()=>k,CL:()=>j,g8:()=>G,T2:()=>H,H6:()=>he,hS:()=>de,rO:()=>re,ls:()=>ce,AG:()=>ue,bF:()=>ie,FE:()=>se,SZ:()=>q,vT:()=>pe,Xh:()=>K,translate:()=>ve,Aq:()=>u,yZ:()=>I});var n=o(38419);const r=class{parse(e,t){let o,n,r,i,a,s,l,d,c,h,u,g=(t=t||{}).sLineSeparator||"\r\n",p=t.sDelimiter||",",f=t.bCaption||!1,m=t.bHeader||null,b=t.verticalLabels||null,v={};o=[[]],n="\r\n"!==g?new RegExp("(\\"+p+"|"+g+'|^)(?:"([^"]*(?:""[^"]*)*)"|([^"\\'+p+g+"]*))","gi"):new RegExp("(\\"+p+'|\\r?\\n|\\r|^)(?:"([^"]*(?:""[^"]*)*)"|([^"\\'+p+"\\r\\n]*))","gi");let y=null;for(;y=n.exec(e);){let e=y[1];e.length&&e!==p&&o.push([]),r=y[2]?y[2].replace(new RegExp('""',"g"),'"'):y[3],o[o.length-1].push(r)}let w=[];for(i=0,a=o.length;i<a;i++)0!==o[i].join("").replace(/\s+/g,"").length&&w.push(o[i]);f&&w.length>1&&1===w[0].length&&(v.caption=w.shift().join(""));let z=0;for(i=0,a=w.length;i<a;i++)z=Math.max(z,w[i].length);let C=[];m&&(C=w.shift());let S=[];if(b)for(s=0,l=w.length;s<l;s++)S.push(w[s].shift());if(u=JSON.parse(JSON.stringify(w).replace(/\\\\/g,"\\")),v.data=u,C.length===z){for(h=[],s=0,l=u.length;s<l;s++){let e={};for(d=0,c=z;d<c;d++)e[C[d]]=u[s][d];h.push(e)}v.data=h}return v}};const i=class{constructor(){this.aColumnIndexes=null,this.aDataset=null,this.aColgroup=null}parse(e,t){this.aColumnIndexes=[],this.aDataset=[];const o={},r=e.querySelector("colgroup"),i=e.querySelector("thead"),a=e.querySelectorAll(`tr[${n.default.tableData.headRow}]`),s=e.querySelector("caption");r&&t.bCanSetColumns&&this.createColumns(r,t),t.oTableHead&&t.oTableHead.length?this.aColumnIndexes=X.clone(t.oTableHead):a.length?this.aColumnIndexes=this.createHeader(a,t,!1,o):this.aColumnIndexes=i?this.createHeader(i,t,!0,o):this.createHeader(e,t,!1,o);const l=e.querySelector("tbody")||e;return l.querySelectorAll(`tr:not([${n.default.tableData.headRow}]):not([${n.default.tableData.ignoreRow}]):not([${n.default.tableData.frozenRow}])`).forEach((e=>{const o=this.processDataRow(e,t);o&&this.aDataset.push(o)})),this.addFrozenRows(e,l,t,o),o.data=this.aDataset,s&&(o.caption=s.innerHTML),this.aColgroup&&this.aColgroup.length&&(o.columns=this.aColgroup),o}createColumns(e,t){const o=e.querySelectorAll("col");this.aColgroup=[],o.forEach((e=>{let t={};for(let o in e.dataset){let n=e.dataset[o];""===n&&(n="true"),t[o[2].toLowerCase()+o.slice(3)]=n}t.index||(e.id?t.index=e.id:e.name&&(t.name=e.name)),this.aColgroup.push(t)}))}processDataRow(e,t){const o=this.aColumnIndexes,n=t.sTableDataFormat||"text";let r=e.querySelectorAll("td");const i=e.querySelectorAll("th");if(r=r.length>i.length?e.querySelectorAll("td, th"):[],r.length){const e={};return r.forEach((t=>{const r=t.cellIndex;let i=r,a=e;if(void 0!==o[r]){let e=o[r];if(g(e)){for(let t=0;t<e.length-1;t++){const o=e[t];""!==o&&(void 0===a[o]&&(a[o]={}),a=a[o])}i=e[e.length-1]}else i=e}a[i]="html"===n?t.innerHTML:t.textContent})),e}}addFrozenRows(e,t,o,r){const i=[],a=[],s=t.querySelectorAll(`tr[${n.default.tableData.frozenRow}]`);s.length&&s.forEach((e=>{const t="bottom"===e.getAttribute(n.default.tableData.frozenRow)?a:i,r=this.processDataRow(e,o);r&&t.push(r)}));const l=e.querySelector("tfoot");if(l){l.querySelectorAll("tr").forEach((e=>{const t=this.processDataRow(e,o);t&&a.push(t)}))}i.length&&(this.aDataset.unshift(...i),r.frozenTop=i.length),a.length&&(this.aDataset.push(...a),r.frozenBottom=a.length)}createHeader(e,t,o,n){let r,i,a=!1,s=[],l=[0,0];if(e.length)i=e,r="th, td";else{i=e.querySelectorAll("tr");e.querySelector("th")?r="th":o&&(r="td")}return r&&i.forEach((e=>{if(!a){let o=e.querySelectorAll(r);const n=e.querySelectorAll("td");"th"===r&&o.length>n.length?o=e.querySelectorAll("th, td"):"th"===r&&(o=[]),o.length?this.loopHeaderCells(o,t,s,l):s.length&&(a=!0)}})),l[0]&&(n.frozenLeft=l[0]),l[1]&&(n.frozenRight=l[1]),s}loopHeaderCells(e,t,o,r){const i=t.sTableHeadFormat||"text";let a=!1,s=0,l=0;e.forEach((e=>{const t=e.cellIndex,r=e.colSpan;let d=e.getAttribute(n.default.tableData.frozenColumn);""===d&&(d="left");let c=null;d?("left"!==d||a||(s+=r),"right"===d&&(l+=r)):(a=!0,l=0);for(let n=0;n<r;n++){const r=t+n;let a,s;this.aColgroup&&void 0!==this.aColgroup[r]&&(c=this.aColgroup[r]),a="html"===i?e.innerHTML:e.textContent,c&&c.index?(s=c.index,c.header||(c.header=a)):s=a,void 0===o[r]?o[r]=[s]:o[r].push(s)}})),r[0]=Math.max(r[0],s),r[1]=Math.max(r[1],l)}};var a=o(56919),s=o(32260);let l=Object.prototype.toString,d=function(){let e;if("undefined"!=typeof window&&window.ShadyDOM){e=document.createElement("style"),e.id="zg-shadow-dom-style";let t=document.head;t.insertBefore(e,t.firstChild)}return function(t,o,n,r,i,a){let s,l=t.attachShadow({mode:"open"});if(t._oShadowRoot=l,a&&(l.adoptedStyleSheets=[a]),i)s=i.content.cloneNode(!0);else{let e;e=window.ShadyDOM?`${r}`:`\n      <style>${n}</style>\n      ${r}\n      `,s=document.createRange().createContextualFragment(e)}if(l.appendChild(s),window.ShadyDOM){if(!n.shimmed){let t=n.toString().replace(/:host\(([^\n,\s]+)\)/gm," "+o+"$1").replace(/:host/gm," "+o).replace(/::slotted\(([^\)]+)\)/gm,o+" $1").replace(new RegExp("("+o+"[^{.,\\n]+)"+o+"[^-]","gmi"),"$1");e.textContent+=t}n.shimmed=!0}}}();function c(e){for(;e;e=e.parentNode){if("[object ShadowRoot]"===e.toString())return!0;if("ZING-GRID"===e.nodeName)return!1}return!1}function h(e,t){let o;o=`${window.ShadyDOM||!e?"":`<style>${e}</style>`}${t}`;const n=document.createElement("template");return n.innerHTML=o,n}function u(...e){console.log("[ZingGrid Developer Alert]",...e)}let g="isArray"in Array?Array.isArray:function(e){return"[object Array]"===l.call(e)};function p(e){return!0===e||!1===e}function f(e){return"[object Date]"===l.apply(e)}function m(e){return"object"===_(e)&&!!e.nodeType}function b(e){return!!y(e)&&e%1==0}function v(e,t){return!!function(e){return k(e)||w(e)||p(e)||M(e)||y(e)||e!=e}(e)||(!!function(e){return"[object Function]"===l.apply(e)}(e)||(!!x(e)||(!!f(e)||(g(e)?!e.length||1==t:!Object.keys(e).length))))}function y(e){return"number"==typeof e&&isFinite(e)}function w(e){return null===e}function z(e){return"[object Object]"===l.call(e)}function C(e){return"object"===_(e)&&!e.nodeType}function S(e){return!(k(e)||w(e))}function x(e){return"[object RegExp]"===l.call(e)}function M(e){return"string"==typeof e}function _(e){let t=typeof e;return w(e)&&(t="null"),g(e)&&(t="array"),f(e)&&(t="date"),x(e)&&(t="regexp"),t}function k(e){return void 0===e}function R(e){const t=(new DOMParser).parseFromString(e,"text/html").querySelector("body").children,o=document.createDocumentFragment();return[...t].forEach((e=>o.appendChild(e))),o}function D(e,t,o){let n;for(n in o&&D(e,o),t)e[n]=void 0===t[n]?e[n]:t[n];return e}function E(e,t){if(e._bIsConfigApplied)return e;W(e,t=t||{}),e._bIsConfigApplied=!0}function O(e,t,o){let n;for(n in o&&O(e,o),t)"object"!=typeof t[n]&&(e[n]=void 0===t[n]?e[n]:t[n]);return e}function T(e,t){for(let o in t)void 0===e[o]&&(e[o]=t[o]);return e}function A(e,t){for(let o of Object.getOwnPropertyNames(t))e.hasOwnProperty(o)||(e[o]=t[o]);return e}function I(e,t){var o={};if(1==e.nodeType){if(e.attributes.length>0){o["@attributes"]={};for(var n=0;n<e.attributes.length;n++){var r=e.attributes.item(n);o["@attributes"][r.nodeName]=r.nodeValue}}}else 3!=e.nodeType&&4!=e.nodeType||(o=e.nodeValue,4==e.nodeType&&t&&(o=L(o)));if(e.hasChildNodes()&&1===e.childNodes.length&&3===e.childNodes[0].nodeType)o=e.childNodes[0].nodeValue;else if(e.hasChildNodes())for(var i=0;i<e.childNodes.length;i++){var a=e.childNodes.item(i);if(3===a.nodeType&&""===a.nodeValue.trim())continue;var s=a.nodeName;let n=I(a,t);if(n!=={})if(void 0===o[s])4==a.nodeType?o=t?L(a.nodeValue):a.nodeValue:o[s]=n;else{if(void 0===o[s].push){var l=o[s];o[s]=[],o[s].push(l)}o[s].push(n)}}return o}function L(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}function F(e,t,o){if(!e)return"";if(z(e)&&(e=Object.keys(e).map((t=>{let o=e[t];return o[n.default.store.keyField]=t,o}))),!e.length)return"";const r=t.headers,i=(e,t)=>null===t?"":t,a=Object.keys(e[0]),s=e=>{const t=o.getColumnByFieldIndex(e);return t?t.sColumnHeaderText:e};let l=e.map((e=>a.map((t=>JSON.stringify(e[t],i))).join(",")));r&&(g(e[0])?l.unshift(a.map(s)):l.unshift(a.join(",")));return l.join("\r\n")}function N(e,t){let o=(new r).parse(e,t);return o.caption&&t.widget.webcomponent.setCaption(o.caption),o.data}function B(e,t){const o=new i,n=t.widget.webcomponent;t.bCanSetColumns=n.bDefaultCols;let r=o.parse(e,t);return r.caption&&n.setCaption(r.caption),r.frozenTop&&(n.frozenRowsTop=r.frozenTop),r.frozenBottom&&(n.frozenRowsBottom=r.frozenBottom),t.widget.store.once("loaded",(()=>{r.frozenLeft&&(n.frozenColumnsLeft=r.frozenLeft),r.frozenRight&&(n.frozenColumnsRight=r.frozenRight)})),r.columns&&n.setColumns(r.columns),n.headerAutoFormat="disabled",r.data}function G(e,t){let o=t.querySelector("zg-data")||null,n=null;const r=!o;for(let r in e.dataset){const i=e.dataset[r];let a=r[2].toLowerCase()+r.slice(3);if("dataFormat"===a||"headFormat"===a){o||(o=document.createElement("zg-data"));const e=document.createElement("zg-param");a="table"+a[0].toUpperCase()+a.slice(1),e.setAttribute("name",a),e.setAttribute("value",i),o.appendChild(e),n||(n={}),n[a]=i}else a=ee(a),t.setAttribute(a,i)}return o&&r&&t.appendChild(o),n}function H(e){const t=document.createElement("zing-grid");return G(e,t),t}function P(e){return e*parseFloat(getComputedStyle(document.documentElement).fontSize)}function Z(e){return e*parseFloat(getComputedStyle(document.documentElement).fontSize)}function U(e,t){let o=document.createElement("select");return t&&(!e.length||""!==e[0]&&""!==e[0].value)&&e.splice(0,0,""),e.forEach((e=>{const t="object"==typeof e,n=t?e.name?e.name:e.value:e,r=t?e.value:e;let i=document.createElement("option");i.textContent=n,i.value=r,o.appendChild(i)})),o}function W(e,t){if(e===t)return e;if(null===t)return null;let o=Array.isArray(t);if(e=null!=e?e:o?[]:{},o){if(!g(e))throw new Error("trying to deep merge an array onto a non-array type");t.forEach(((t,o)=>{void 0===e[o]||null===e[o]?e[o]=t:"object"==typeof t?e[o]=W(e[o],t):-1===e.indexOf(t)&&e.push(t)}))}else{if(!C(e))throw new Error("trying to deep merge an object onto a non-object type");Object.keys(t).forEach((o=>{"object"==typeof t[o]&&t[o]&&e[o]?e[o]=W(e[o],t[o]):e[o]=t[o]}))}return e}function V(e,t){let o=e;for(;o&&1===o.nodeType;){if(o.tagName.toLowerCase()===t)return o;o=o.parentNode}return null}function $(e,t){let o=[];return function e(n,r,i){r=r||"",v(n,i)?""!==r&&o.push(r.slice(0,-1*t.length)):Object.keys(n).forEach((o=>{e(n[o],r+o+t,!0)}))}(e,"",!1),o}function j(e){e.hasAttribute(n.default.attr.loading)&&e.removeAttribute(n.default.attr.loading)}function q({el:e,attr:t,match:o,value:n}){o?e.setAttribute(t,n):e.removeAttribute(t)}function K({el:e,attr:t,value:o}){o||""===o?e.setAttribute(t,o):e.removeAttribute(t)}function Y(e,t,o){let n=null;return t&&(n=t,!e&&t&&(e=s.Z.setUserFunction(null,t)),e&&"function"==typeof e.method&&(n=e.method.apply(e.scope,o),void 0===n&&(n=""))),n}let X={clone:function(e){return e.slice(0)},objectSort:function(e,t){return e.sort(((e,o)=>e[t]-o[t]))}};let J={copy:function(e){let t={};for(let o in e)t[o]=e[o];return t},get:function(e,t){return t.reduce(((e,t)=>e&&"undefined"!==e[t]?e[t]:void 0),e)},toString:function(e){let t="";for(let o in e)t+=o+":"+e[o]+";";return t}};let Q={camelCaseToDash:ee,camelCaseToReadable:function(e,t){let o="";return e.split(",").forEach((e=>{let n=[];n=t?oe(e,t):[e];let r="";n.forEach((e=>{let o=(e=(e=Q.dashToCamelCase(e,"[_-]")).trim()).match(/[A-Z]*[^A-Z]+/g);o&&(e=o.map((function(e){return e[0].toUpperCase()+e.substr(1).toLowerCase()})).join(" ")),e=e.replace(/\.[a-z]/g,(e=>"."+e[1].toUpperCase())),""!==r&&(r+=t),r+=e})),""!==o&&(o+=", "),o+=r})),o},capitalize:function(e){return e.replace(/(^| )(\w)/g,(e=>e.toLocaleUpperCase()))},dashToCamelCase:function(e,t){t=t||"-";let o=new RegExp(t+"([a-z])","gi");return e.replace(o,(e=>e[1].toUpperCase()))},escapeRegExp:te,format:function(e,...t){let o,n,r;if("array"===_(t[0]))o=t[0];else for(r=t.length,o=[],n=0;n<r;n++)o[n]=t[n];return e.replace(/\[(\d+)]/g,(function(e,t){return o[t]}))},formatCellData:function({args:e,cellDOM:t,cellSE:o}){const n=o._columnConfig&&o._columnConfig.sSeparator||" ";return e.filter(((t,o)=>o<e.length-2)).reduce(((e,t,o)=>(null==t&&(t=""),0===o?`${e}${t}`:`${e}${n}${t}`)),"")},formatToArray:function(e){let t;if("object"==typeof e&&e instanceof Array)return e;if(null===e)return[];if("object"==typeof e)return[e];try{t=JSON.parse(e),t instanceof Array||(t=[t])}catch(o){"string"!=typeof e&&(t=null);let n=e.replace(/:\s+/g,":").replace(/,\s+/g,",").replace(/\s+{/g,"{").replace(/}\s+/g,"}");if(n=n.replace(/{'/g,'{"').replace(/'}/g,'"}').replace(/':'/g,'":"').replace(/','/g,'","'),"{"===n.charAt(0))t=JSON.parse(`[${n}]`);else if("{"===n.charAt(1))t=JSON.parse(n);else{const o=e.replace(/^\[/,"").replace(/]$/,"").split(","),n=o.map((e=>e.trim().replace(/^'/,"").replace(/'$/,"")));t=o.length<2?null:n}}return t},stripComments:function(e){return e[0].replace(/<!--.*\s.*-->/gi,"")},toObject:function(e){let t={},o=(e=e.split(";")).length;for(let n=0;n<o;n++){let o=e[n].split(":");o.length<2||(o[0]=Q.trimWhiteSpace(o[0]),o[1]=Q.trimWhiteSpace(o[1]),t[o[0]]=o[1])}return t},trimWhiteSpace:function(e){return e.replace(/\s/g,"")},upFirstChar:function(e){return e[0].toLocaleUpperCase()+e.substr(1,e.length)},_splitHeader:oe};function ee(e){return e.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function te(e){return e.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&")}function oe(e,t){t=te(t=t||".");const o=new RegExp(`(\\w)${t}(?=\\w)`,"g");return e.replace(o,`$1${n.default.global.replaceToken}`).split(n.default.global.replaceToken)}function ne(e){if(e)return e.split(",").map((e=>Q.trimWhiteSpace(e)))}function re(e,t){return Math.floor(Math.random()*(e-t))+e}function ie(e,t,o){return-1!==t.indexOf("max-width")||!e&&t.indexOf(!0)?o:(e&&e==parseInt(e,10)&&(e+="px"),e?`width:${e}`:o?"":"max-width:100%;width:100%;")}function ae(e,t,o){if(!t)return e;let n=t.sLocale||a.default.getLocale(o)||"en-US",r={};if("disabled"===t.sTypeNumberFormatting)return e;{let o;return se(r,t),o=null==e||isNaN(e)||""===e?"":new Intl.NumberFormat(n,r).format(e),o}}function se(e,t){let o=t.nTypeNumberMinDecimals,n=t.nTypeNumberMaxDecimals,r=t.nTypeNumberDecimals;"percentage"===t.sCellType&&(void 0!==t.nTypePercentageDecimals&&(r=t.nTypePercentageDecimals),void 0!==t.nTypePercentageMaxDecimals&&(n=t.nTypePercentageMaxDecimals)),null!=r&&(e.minimumFractionDigits=r,e.maximumFractionDigits=r),null!=n&&(e.maximumFractionDigits=n),null!=o&&(e.minimumFractionDigits=o),e.minimumFractionDigits&&e.maximumFractionDigits&&e.maximumFractionDigits<e.minimumFractionDigits&&(delete e.maximumFractionDigits,delete e.minimumFractionDigits)}async function le(e,t){return await fetch(`${e}.svg`,{}).then((e=>{if(e.ok)return e.text();console.error("Error fetching external .svg")})).then((e=>de(e).children))}function de(e){return(new DOMParser).parseFromString(e,"text/xml").childNodes[0]}function ce(e,t){if(t){for(let o=e.children.length-1;o>=0;o--)[...t].forEach((t=>e.children[o]&&e.children[o].id===t.id?e.children[o].remove():t));return[...t].forEach((t=>e.append(t))),e}}function he(e){let t="";for(let o=0,n=e.length;o<n;o++){let n=o%2==0?o:e.length-o;t+=e.substring(n,n+1)}return t=t.replace(/\./g,"d"),t}function ue(e){return e.replace(/[a-zA-Z]/g,(function(e){return String.fromCharCode((e<="Z"?90:122)>=(e=e.charCodeAt(0)+13)?e:e-26)}))}function ge(e){var t=e;return t=(t=(t=t.replace("*","&")).replace("9","3")).replace("l","1")}function pe(e,t){var o=me(function(e){for(var t=[],o="0x"===e.substr(0,2)?2:0;o<e.length;o+=2)t.push(parseInt(e.substr(o,2),16));return t}(e)),n=me(fe(t)),r=o.length;if(0===r)return"";for(var i,a,s=o[r-1],l=o[0],d=2654435769,c=Math.floor(6+52/r)*d;0!==c;){a=c>>>2&3;for(var h=r-1;h>0;h--)i=((s=o[h-1])>>>5^l<<2)+(l>>>3^s<<4)^(c^l)+(n[3&h^a]^s),l=o[h]-=i;i=((s=o[r-1])>>>5^l<<2)+(l>>>3^s<<4)^(c^l)+(n[3&h^a]^s),l=o[0]-=i,c-=d}return decodeURIComponent(function(e){for(var t="",o=0;o<e.length;o++)0!==e[o]&&(t+=String.fromCharCode(e[o]));return t}(be(o)))}function fe(e){for(var t=[],o=0;o<e.length;o++)t.push(e.charCodeAt(o));return t}function me(e){for(var t=new Array(Math.ceil(e.length/4)),o=0;o<t.length;o++)t[o]=e[4*o]+(e[4*o+1]<<8)+(e[4*o+2]<<16)+(e[4*o+3]<<24);return t}function be(e){for(var t=[],o=0;o<e.length;o++)t.push(255&e[o],e[o]>>>8&255,e[o]>>>16&255,e[o]>>>24&255);return t}function ve({msg:e="",vars:t=[],plurals:o="s"}){const n="%p",r="%v";let i;const a=e.includes(`\\${r}`),s=t.map((e=>e));i=a?ze({msg:e,values:s,token:r}):we({msg:e,values:s,token:r});const l=e.includes(`\\${n}`),d=ye({msg:e,pattern:new RegExp(`${n}(?!(\\\\))`,"gim")});if(d){const e="string"==typeof o?d.map((e=>o)):o.map((e=>e));i=l?ze({msg:i,values:e,token:n}):we({msg:i,values:e,token:n})}return i}function ye({msg:e,pattern:t}){return e.match(t)}function we({msg:e,token:t,values:o}){const n=new RegExp(`${t}`),r=new RegExp(`${t}`,"gim"),i=o.map((e=>e));let a,s=e;return i.forEach((e=>{a=e,"object"==typeof e&&(a=e.condition||e.conditional?e.value:""),s=s.replace(n,a)})),s=s.replace(r,""),s}function ze({msg:e,token:t,values:o}){const n=t.split("").reverse().join(""),r=new RegExp(`${n}(?!(\\\\))`),i=new RegExp(` ${n}(?!(\\\\))`),a=new RegExp(`${n}(?!(\\\\))`,"gim"),s=new RegExp(`\\\\${t}`,"gim"),l=o.map((e=>e));let d=e;d=d.split("").reverse().join("");const c=l.length,h=ye({msg:d,pattern:a}),u=h.length;h.forEach(((e,t)=>t<u-c?d=d.replace(i,"").replace(r,""):e));const g=l.filter(((e,t)=>t<u));return g.forEach(((e,t,o)=>o[t]="string"==typeof e?e.split("").reverse().join(""):e)),g.reverse().forEach((e=>d=d.replace(r,e))),d=d.split("").reverse().join(""),d=d.replace(s,t),d}},32816:(e,t,o)=>{"use strict";o.d(t,{Z:()=>x});var n=o(45092),r=o(34584);let i=r.hx?function(e){if(!e)return;let t=HTMLElement.prototype.toString.call(e);return"[xpconnect wrapped native prototype]"!=t&&"[object XULElement]"!=t?3==e.nodeType?e.parentNode:e:void 0}:function(e){return e&&3==e.nodeType?e.parentNode:e};var a=o(38419);function s(e,t){let o=(e=e.oBrowserEvent||e)["page"+t];return o||0===o||(o=e["client"+t]||0),o}const l={3:13,63234:37,63235:39,63232:38,63233:40,63276:33,63277:34,63272:46,63273:36,63275:35},d=r.w1?{1:0,4:1,2:2}:{0:0,1:1,2:2},c=/(dbl)?click/;function h(e,t,o){this.oBrowserEvent=e,this.type=e.type;let n=e.target||e.srcElement;this.oDOMTarget=n,this.oDOMRealTarget=n,this.bIsCTRL=e.ctrlKey||r.V5&&e.metaKey,this.bIsSHIFT=e.shiftKey,this.oDOMEventListenerHost=t,this.bDelegateNotFound=!1;let i=o.sDelegateTo;if(i){let e=this.getDelegateTarget(i);this.oDOMDelegateTarget=e,this.oDOMTarget=e}this.xy=[s(e,"X"),s(e,"Y")],this.nCharCode=this.getNormalizedCharCode(),this.nButton=this.getNormalizedButton()}h.prototype={BACKSPACE:8,TAB:9,ENTER:13,RETURN:13,SHIFT:16,CTRL:17,ALT:18,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,INSERT:45,DELETE:46,ZERO:48,ONE:49,TWO:50,THREE:51,FOUR:52,FIVE:53,SIX:54,SEVEN:55,EIGHT:56,NINE:57,NUM_ZERO:96,NUM_ONE:97,NUM_TWO:98,NUM_THREE:99,NUM_FOUR:100,NUM_FIVE:101,NUM_SIX:102,NUM_SEVEN:103,NUM_EIGHT:104,NUM_NINE:105,F2:113,A:65,B:66,C:67,D:68,E:69,F:70,G:71,H:72,I:73,J:74,K:75,L:76,M:77,N:78,O:79,P:80,Q:81,R:82,S:83,T:84,U:85,V:86,W:87,X:88,Y:89,Z:90,keyNum:{48:0,49:1,50:2,51:3,52:4,53:5,54:6,55:7,56:8,57:9,96:0,97:1,98:2,99:3,100:4,101:5,102:6,103:7,104:8,105:9},stopEvent:function(){this.stopPropagation(this.oBrowserEvent),this.preventDefault(this.oBrowserEvent)},stopImmediatePropagation:function(){let e=this.oBrowserEvent;e.stopImmediatePropagation?e.stopImmediatePropagation():this.stopPropagation()},stopPropagation:function(){let e=this.oBrowserEvent;e.stopPropagation?e.stopPropagation():e.cancelBubble=!0},preventDefault:function(){let e=this.oBrowserEvent;e.preventDefault?e.preventDefault():(e.keyCode&&(e.keyCode=0),e.returnValue=!1)},normalizeSafariKey:function(e){return r.G6&&l[e]||e},getNormalizedCharCode:function(){let e=this.oBrowserEvent;return this.normalizeSafariKey(e.keyCode||e.charCode||e.key)},getNormalizedButton:function(){let e=this.oBrowserEvent,t=e.button?d[e.button]:e.which?e.which-1:-1;return c.test(e.type)&&-1===t&&(t=0),t},getDelegateTarget:function(e){let t,o,n,r=0,i=null,a=null,s=null,l=0;e.replace(/:not\((.*)\.(.*)\)/,(function(e,t,o){s={sTagName:t,sClassName:o}})),null!==s?l=2:(n=e.split("."),i=n[0],a=n[1],l=n.length);let d=this.oDOMTarget;for(;;){if(!d)return!1;if(9==d.nodeType)return this.oDOMTarget;if(11==d.nodeType||"[object ShadowRoot]"===d.toString()){d=d.host;continue}let e=0,n=d.tagName,c=d.nodeName,h=d.classList;if(null!==s){if(void 0===n||void 0===c)return this.oDOMTarget;if(t=n.toLowerCase(),o=c.toLowerCase(),s.sTagName!==t&&s.sTagName!==o||e++,s.sClassName&&h.contains(a)&&e++,e===l)break}else{if(null!==i){if(void 0===n||void 0===c)return!1;t=n.toLowerCase(),o=c.toLowerCase(),i!==t&&i!==o||e++}null!==a&&h.contains(a)&&e++}if(e===l)return d;if(this.oDOMEventListenerHost===d){if(s)return d;break}if(d=d.assignedSlot?d.assignedSlot:d.parentNode,r++,r>=10){if(s)return d;break}}this.bDelegateNotFound=!0}};const u=h;let g,p={};g=setInterval((function(){let e,t,o,n;for(e in p)t=p[e],t!==document&&(o=t.dom,o&&o.parentNode&&(o.offsetParent||document.getElementById(e))||delete p[e]);if(r.w1){for(e in n={},p)n[e]=p[e];p=n}}),3e4);let f=/alpha\(opacity=(.*)\)/gi,m="undefined"!=typeof document?document.defaultView:null,b={},v=/(-[a-z])/gi,y={},w=0;function z(e,t){return t.charAt(1).toUpperCase()}function C(e){return b[e]||(b[e]=e.replace(v,z))}class S{constructor(e){let t,o,n=p;"string"==typeof e&&(t=e,o=document.getElementById(e)),e.nodeType&&(o=e,t=e===document?"oDocument":e===document.body?"oDocumentBody":e.id),t&&n[t],o&&(this.dom=o,t=t||S.id(o))}getDOM(){return this.dom}_getDOMByTagName(e,t){let o=this.getDOM().getElementsByTagName(e);return n.o8(t)?o:o[t]}_querySelector(...e){return this.getDOM().querySelector(...e)}_setStyle(e,t,o){let n,r,i=this.getDOM();for(r in"object"!=typeof e&&(n={},n[e]=t,e=n),e)switch(t=e[r],r){case"opacity":i.style.opacity=t;break;case"float":i.style.styleFloat=t,i.style.cssFloat=t;break;default:i.style[C(r)]=t,o&&i.style&&i.style.setProperty&&i.style.setProperty(r,t,"important")}}_hide(){this.getDOM().setAttribute(a.default.attr.hidden,"")}_show(...e){let t=this.getDOM();this.setXY(e[0]),t.removeAttribute(a.default.attr.hidden)}getHeight(){return Math.max(this.getDOM().clientHeight,this.getDOM().offsetHeight)}getWidth(){let e=this.getDOM();return Math.max(e.clientWidth,e.offsetWidth)}getSize(){let e=this.getDOM().getBoundingClientRect();return[e.width,e.height]}once(e,t,o,n){let r=(o,n)=>{t(o,n),this.un(e,r)};this.on(e,r,o,n)}on(e,t,o,n,a){n=n||{},o=o||this,void 0===a&&(a=!0);let s,l,d,c,h=!1,g=!1,p=!1,f=null,m=this,b=this.getDOM();if(/ /.test(e)){let t,o=e.split(" ");"key"===(e=o[0])&&(e="keydown");let n=o.length;for(t=1;t<n;t++){let e=o[t].toUpperCase();switch(e){case"CTRL":g=!0;break;case"SHIFT":p=!0;break;default:if(f=o[t],h=u.prototype[e],void 0===h)throw new Error("event is not write")}}}s=function(e){let a,s=function(e){return e||window.event}(e),l=new u(s,b,n);if((!n.sDelegateTo||l.oDOMDelegateTarget)&&!1===l.bDelegateNotFound){if(a=l.oDOMDelegateTarget?l.oDOMDelegateTarget:function(e){return e=e.oBrowserEvent||e,i(e.target||e.srcElement)}(s),!1!==h&&e.keyCode!==h&&e.key!==f)return;if(!1!==g){if(r.V5&&!1===e.metaKey)return;if(!r.V5&&!1===e.ctrlKey)return}if(!1!==p&&!1===e.shiftKey)return;t.apply(o,[l,a])}},"mousewheel"===e&&!1===r.iV&&(e="DOMMouseScroll"),c=a?{passive:!0}:{},b.addEventListener(e,s,c),l=this.events=this.events||{},d=l[e]=l[e]||[];let v={fn:t,wrappedFn:s,scope:o};if(d.push(v),b===document){y[e]=y[e]||[],y[e].push(v)}return function(){v&&m&&(m.un(e,null,v),b=null,v=null,m=null)}}un(e,t,o){if(!t&&!o)throw new Error("Event name [",e,"] needs a function argument to unregister");if(!this.events)return;let n,i=this.getDOM(),a=this.events[e];if(!a)return;let s=a.length;if(!o)for(n=0;n<s;n++)if(a[n].fn===t){o=a[n];break}o&&("mousewheel"===e&&!1===r.iV?i.removeEventListener("DOMMouseScroll",o.wrappedFn,!1):i.removeEventListener(e,o.wrappedFn,!1),o.scope=null,o.fn=null,o.wrappedFn=null,a.splice(a.indexOf(o),1),o=null)}fire(e,...t){if(!this.events)return;let o=this.events[e],n=this,r=!1;return o?(t.unshift(this),o.forEach((e=>{if(null==e)return;e.params&&(t=t.concat(e.params)),!1===e.fn.apply(e.scope||n,t)&&(r=!0)})),!r):void 0}docUn(e,t){let o,n=y[e];if(!n)return;let i,a=n.length;for(o=0;o<a;o++)i=n[o],i.fn===t&&(window.removeEventListener?"mousewheel"===e&&!1===r.iV?this.getDOM().removeEventListener("DOMMouseScroll",i.wrappedFn,!1):(this.getDOM().removeEventListener(e,i.wrappedFn,!1),n.splice(o,1),o--,a--):this.getDOM().detachEvent("on"+e,i.wrappedFn))}docUnAll(){for(let e in y){let t=y[e],o=0,n=t.length;for(;o<n;o++)t[o]&&t[o].fn&&this.docUn(e,t[o].fn)}}unAll(){let e,t,o,n,r,i=this.getDOM(),a=this.events;for(n in a)for(e=a[n],t=e.length,r=0;r<t;r++)o=e[r],o&&(window.removeEventListener?i.removeEventListener(n,o.wrappedFn,!1):i.detachEvent("on"+n,o.wrappedFn));this.events={}}getXY(){let e,t,o=document.body||document.documentElement,n=[0,0],r=this.getDOM();return r!=o&&r.getBoundingClientRect&&(e=r.getBoundingClientRect(),t=this.getScroll(document.body),n=[e.left+t.left,e.top+t.top]),n}getX(){return this.getXY()[0]}getY(){return this.getXY()[1]}setXY(e){const t=n.gg(e);"object"===t?(this.setStart(e.x,"left"),this.setStart(e.y,"top")):"array"===t&&(this.setStart(e[0],"left"),this.setStart(e[1],"top"))}calculateContextPosition(e,t){let o=this.getDOM();const n=o.getBoundingClientRect(),r=t.getBoundingClientRect(),i=r.left+r.width,s=e.oBrowserEvent.clientX,l=s-n.width,d=s+n.width>i,c=window.getComputedStyle(o);let h=parseInt(c.borderLeftWidth,10);h&&h>1&&t.style.setProperty("--menu-arrow-right",`calc(100% + ${h}px)`),d?(this.setStart(l-r.left,"left"),this.setAttribute(a.default.attr.internaldir,"left")):(this.setStart(e.oBrowserEvent.clientX-r.left,"left"),this.setAttribute(a.default.attr.internaldir,"right")),this.setStart(e.oBrowserEvent.clientY-r.top,"top")}calculateMenuPosition(e,t){let o=this.getDOM();const n=t.getBoundingClientRect(),r=e.oDOMTarget.getBoundingClientRect(),i=o.getBoundingClientRect(),a=n.left+n.width,s=r.left,l=s+r.width;s+i.width>a?this.setStart(a-l,"right"):this.setStart(s,"left"),this.setStart(r.top+r.height-n.top,"top")}setStart(e,t){n.o8(e)||(this.getDOM().style[t]=e+"px")}clearPosition(){["top","right","left"].forEach((e=>this.getDOM().style.removeProperty(e)))}_setLeft(e){this.getDOM().style.left=e+"px"}setTop(e){this.getDOM().style.top=e+"px"}getScroll(e){let t,o,n,i=e||this.getDOM();return i==document||i==document.body?(r.w1&&r.Gu?(t=document.documentElement.scrollLeft,o=document.documentElement.scrollTop):(t=window.pageXOffset,o=window.pageYOffset),n={left:t||(document.documentElement?document.documentElement.scrollLeft:0),top:o||(document.documentElement?document.documentElement.scrollTop:0)}):n={left:i.scrollLeft,top:i.scrollTop},n}_addClass(e){return this.getDOM().classList.add(e),this}_removeClass(e){return this.getDOM().classList.remove(e),this}_appendChild(e,t){let o=this.getDOM();e.nodeType&&o.appendChild(e)}_removeChild(e){e.nodeType&&this.getDOM().removeChild(e)}parent(e){let t=this.getDOM(),o=t.parentNode||t.parentElement;return!1===e?o:new S(o)}_setAttribute(e,t){let o,n,r=this.getDOM();if("setAttribute"in r)for(n in"object"!=typeof e&&(o={},o[e]=t,e=o),e)t=e[n],r.setAttribute(n,t);return this}_removeAttribute(e){this.getDOM().removeAttribute(e)}update(e){this.getDOM().innerHTML=e}_text(){return this.getDOM().textContent}destroy(){let e=this.parent(!1);this.unAll(),this.events={},e&&(e.removeChild(this.getDOM()),delete p[this.id]),this.dom=null}select(e){return select(e,this.getDOM())}static get(e){if(!e)throw new Error("element is not set");return!0===e.isComposite?e.item(0):new S(e)}static elContains(e,t){if(e&&e.firstChild)for(;t;){if(t===e)return!0;(t=t.parentNode)&&1!==t.nodeType&&(t=null)}return!1}static id(e,t){return e?e.id:(t||"zg-gen-")+ ++w}}S.prototype.getStyle=function(e){let t,o,n,r,i,a=this.getDOM();if(a==document)return null;if(m&&m.getComputedStyle)return e=C(e),r=(o=a.style[e])?o:(n=m.getComputedStyle(a,""))?n[e]:null,"marginRight"===e&&"0px"!==r&&(i=a.style.display,a.style.display="inline-block",r=m.getComputedStyle(a,"").marginRight,a.style.display=i),"backgroundColor"===e&&"rgba(0, 0, 0, 0)"===r&&(r="transparent"),r;if("opacity"===e){if(a.style.filter.match&&(t=a.style.filter.match(f),t)){let e=parseFloat(t[1]);if(!isNaN(e))return e?e/100:0}return 1}return e=C(e),a.style[e]||((n=a.currentStyle)?n[e]:null)};const x=S},15200:(e,t,o)=>{"use strict";function n(){return o.g._babelPolyfill||"undefined"!=typeof window&&window._babelPolyfill?null:o(26981)}o.r(t),o.d(t,{default:()=>r,zingBabelPolyfill:()=>n});const r=n()},65658:e=>{e.exports='<svg id="android" xmlns="http://www.w3.org/2000/svg"><symbol id="checkmark" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></symbol><symbol id="submitrecord" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></symbol><symbol id="checked" viewBox="0 0 24 24"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></symbol><symbol id="unchecked" viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"></path></symbol><symbol id="close" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="cancelrecord" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="edit" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></symbol><symbol id="editrecord" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></symbol><symbol id="layoutcard" viewBox="0 0 24 24"><path d="M4 11h5V5H4v6zm0 7h5v-6H4v6zm6 0h5v-6h-5v6zm6 0h5v-6h-5v6zm-6-7h5V5h-5v6zm6-6v6h5V5h-5z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="layoutrow" viewBox="0 0 24 24"><path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="menu" viewBox="0 0 24 24"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"></path></symbol><symbol id="fixedmenu" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></symbol><symbol id="reload" viewBox="0 0 24 24"><path d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"></path></symbol><symbol id="firstpage" viewBox="0 0 24 24"><path d="M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"></path></symbol><symbol id="nextpage" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></symbol><symbol id="lastpage" viewBox="0 0 24 24"><path d="M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"></path></symbol><symbol id="prevpage" viewBox="0 0 24 24"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></path></symbol><symbol id="remove" viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"></path></symbol><symbol id="removerecord" viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"></path></symbol><symbol id="up" viewBox="0 0 24 24"><path d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"></path></symbol><symbol id="down" viewBox="0 0 24 24"><path d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"></path></symbol></svg>'},92757:e=>{e.exports='<svg id="default" xmlns="http://www.w3.org/2000/svg"><symbol id="batchedit" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></symbol><symbol id="batcheditcancel" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="batcheditsave" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></symbol><symbol id="checkmark" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></symbol><symbol id="submitrecord" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></symbol><symbol id="checked" viewBox="0 0 24 24"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></symbol><symbol id="unchecked" viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"></path></symbol><symbol id="cancel" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="close" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="cancelrecord" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="success" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></symbol><symbol id="error" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"></path></symbol><symbol id="error-tmp" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"></path></symbol><symbol id="info" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"></path></symbol><symbol id="warning" viewBox="0 0 24 24"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"></path></symbol><symbol id="duplicaterecord" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"></path></symbol><symbol id="edit" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></symbol><symbol id="editrecord" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></symbol><symbol id="createrecord" viewBox="0 0 24 24"><path d="M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"></path></symbol><symbol id="layoutcard" viewBox="0 0 24 24"><path d="M4 11h5V5H4v6zm0 7h5v-6H4v6zm6 0h5v-6h-5v6zm6 0h5v-6h-5v6zm-6-7h5V5h-5v6zm6-6v6h5V5h-5z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="layoutrow" viewBox="0 0 24 24"><path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="menu" viewBox="0 0 24 24"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"></path></symbol><symbol id="fixedmenu" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></symbol><symbol id="copycell" viewBox="0 0 24 24"><path d="M3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm18-4H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14z"></path></symbol><symbol id="pastecell" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M19 2h-4.18C14.4.84 13.3 0 12 0c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm7 18H5V4h2v3h10V4h2v16z"></path></symbol><symbol id="selectcell" viewBox="0 0 24 23"><path fill="gray" fill-rule="evenodd" clip-rule="evenodd" d="M0 .958V0h1v1H0V.958zM0 22v1h1v-1H0zm24 .042V22h-1v1h1v-.958zM24 1V0h-1v1h1zM3 0v1h2V0H3zm4 0v1h2V0H7zm4 0v1h2V0h-2zm4 0v1h2V0h-2zm4 0v1h2V0h-2zm5 2.875h-1v1.917h1V2.875zm0 3.833h-1v1.917h1V6.708zm0 3.834h-1v1.916h1v-1.916zm0 3.833h-1v1.917h1v-1.917zm0 3.833h-1v1.917h1v-1.917zM21 23v-1h-2v1h2zm-4 0v-1h-2v1h2zm-4 0v-1h-2v1h2zm-4 0v-1H7v1h2zm-4 0v-1H3v1h2zm-5-2.875h1v-1.917H0v1.917zm0-3.833h1v-1.917H0v1.917zm0-3.834h1v-1.916H0v1.916zm0-3.833h1V6.708H0v1.917zm0-3.833h1V2.875H0v1.917zM5 11H3v1h2v-1zm4 0H7v1h2v-1zm8 0h-2v1h2v-1zm-5-8h1v2h-1V3zm1 4h-1v2h1V7zm-1 7h1v2h-1v-2zm1 4h-1v2h1v-2zm6-7h2v1h-2v-1zm-6 0h-1v1h1v-1z"></path><path stroke="var(--zg-icon-color, var(--theme-color-primary))" d="M.5.5h12v11H.5z"></path></symbol><symbol id="selectrow" viewBox="0 0 24 23"><path fill="gray" fill-rule="evenodd" clip-rule="evenodd" d="M0 .958V0h1v1H0V.958zM0 22v1h1v-1H0zm24 .042V22h-1v1h1v-.958zM24 1V0h-1v1h1zM3 0v1h2V0H3zm4 0v1h2V0H7zm4 0v1h2V0h-2zm4 0v1h2V0h-2zm4 0v1h2V0h-2zm5 2.875h-1v1.917h1V2.875zm0 3.833h-1v1.917h1V6.708zm0 3.834h-1v1.916h1v-1.916zm0 3.833h-1v1.917h1v-1.917zm0 3.833h-1v1.917h1v-1.917zM21 23v-1h-2v1h2zm-4 0v-1h-2v1h2zm-4 0v-1h-2v1h2zm-4 0v-1H7v1h2zm-4 0v-1H3v1h2zm-5-2.875h1v-1.917H0v1.917zm0-3.833h1v-1.917H0v1.917zm0-3.834h1v-1.916H0v1.916zm0-3.833h1V6.708H0v1.917zm0-3.833h1V2.875H0v1.917zM5 11H3v1h2v-1zm4 0H7v1h2v-1zm8 0h-2v1h2v-1zm-5-8h1v2h-1V3zm1 4h-1v2h1V7zm-1 7h1v2h-1v-2zm1 4h-1v2h1v-2zm6-7h2v1h-2v-1zm-6 0h-1v1h1v-1z"></path><path stroke="var(--zg-icon-color, var(--theme-color-primary))" d="M.5.5h23v11H.5z"></path></symbol><symbol id="deselect" viewBox="0 0 24 23"><path stroke="gray" stroke-dasharray="2 2" d="M.5.5h23v22H.5z"></path><path fill="var(--zg-icon-color, var(--theme-color-primary))" fill-rule="evenodd" clip-rule="evenodd" d="M5 17.02l1.414 1.415 6.01-6.01 6.011 6.01 1.414-1.414-6.01-6.01L19.849 5l-1.414-1.414-6.01 6.01-6.01-6.01L5 5l6.01 6.01L5 17.02z"></path></symbol><symbol id="selectall" viewBox="0 0 24 24"><rect width="21" height="21" x="2.72" y="2.75" class="cls-2" rx=".37" ry=".37"></rect><path fill="var(--zg-icon-color, var(--theme-color-primary))" fill-rule="evenodd" clip-rule="evenodd" d="M2.25 2.79c0-.3.24-.54.54-.54h19.74V.54c0-.3-.24-.54-.54-.54H.54C.24 0 0 .24 0 .54v21.45c0 .3.24.54.54.54h1.71V2.79Z"></path><path fill="#fff" fill-rule="evenodd" clip-rule="evenodd" d="m11.67 14.78-1.37-1.37c-.47-.47-1.23-.47-1.7 0s-.47 1.23 0 1.7l2.54 2.54c.47.47 1.23.47 1.7 0l.84-.84 5.93-5.93c.47-.47.47-1.23 0-1.7s-1.23-.47-1.7 0l-5.59 5.59c-.09.09-.21.14-.33.14s-.24-.05-.33-.14Z"></path></symbol><symbol id="reload" viewBox="0 0 24 24"><path d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"></path></symbol><symbol id="search" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="firstpage" viewBox="0 0 24 24"><path d="M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"></path></symbol><symbol id="nextpage" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></symbol><symbol id="lastpage" viewBox="0 0 24 24"><path d="M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"></path></symbol><symbol id="prevpage" viewBox="0 0 24 24"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></path></symbol><symbol id="resize" viewBox="0 0 24 24"><circle cx="8" cy="4" r="2"></circle><circle cx="8" cy="20" r="2"></circle><circle cx="8" cy="12" r="2"></circle><circle cx="16" cy="4" r="2"></circle><circle cx="16" cy="20" r="2"></circle><circle cx="16" cy="12" r="2"></circle></symbol><symbol id="resize-direction" viewBox="0 0 24 24"><circle cx="8" cy="12" r="2" fill="#C4C4C4"></circle><circle cx="16" cy="4" r="2" fill="#C4C4C4"></circle><circle cx="16" cy="20" r="2" fill="#C4C4C4"></circle><circle cx="16" cy="12" r="2" fill="#C4C4C4"></circle></symbol><symbol id="remove" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="removerecord" viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"></path></symbol><symbol id="undoremoverecord" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zm2.46-7.12l1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14l-2.13-2.12zM15.5 4l-1-1h-5l-1 1H5v2h14V4z"></path></symbol><symbol id="openrowgroup" viewBox="0 0 24 24"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z"></path></symbol><symbol id="closerowgroup" viewBox="0 0 24 24"><path d="M24 24H0V0h24v24z" fill="none" opacity=".87"></path><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"></path></symbol><symbol id="up" viewBox="0 0 24 24"><path d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"></path></symbol><symbol id="down" viewBox="0 0 24 24"><path d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"></path></symbol><symbol id="link" viewBox="0 0 24 24"><path d="M18 7a6 6 0 0 1 6 6 5.9 5.9 0 0 1-3 5.2 6 6 0 0 1-3 .8h-5v-2.3h5a3.8 3.8 0 0 0 3.8-3.7c0-.7-.3-1.3-.6-1.8a3.8 3.8 0 0 0-3.3-1.9H13V7h5zM7 14v-2h10v2H7zm-4.7-1c0 .7.2 1.3.5 1.8a3.8 3.8 0 0 0 3.3 1.9H11V19H6a6 6 0 0 1-6-6 5.9 5.9 0 0 1 3-5.2C4 7.3 5 7 6 7h5v2.3H6A3.8 3.8 0 0 0 2.3 13z"></path></symbol><symbol id="outsidearrow" viewBox="0 0 24 24"><path d="M18.04 11.92h-.84a.4.4 0 0 0-.42.42v4.2c0 .57-.2 1.06-.61 1.47-.41.41-.9.62-1.48.62H3.78c-.58 0-1.07-.2-1.49-.62-.4-.4-.61-.9-.61-1.48V5.63c0-.58.2-1.08.61-1.49.42-.41.9-.62 1.49-.62H13a.4.4 0 0 0 .3-.11.4.4 0 0 0 .12-.3v-.84a.4.4 0 0 0-.12-.3.4.4 0 0 0-.3-.12H3.78c-1.04 0-1.93.37-2.67 1.1A3.64 3.64 0 0 0 0 5.62v10.91c0 1.04.37 1.93 1.1 2.67.75.74 1.64 1.1 2.68 1.1h10.9c1.05 0 1.93-.36 2.67-1.1a3.64 3.64 0 0 0 1.11-2.67v-4.2a.4.4 0 0 0-.12-.3.4.4 0 0 0-.3-.11z"></path><path d="M23.75.25a.82.82 0 0 0-.6-.25h-6.83a.82.82 0 0 0-.6.25.82.82 0 0 0-.26.6c0 .24.09.44.25.6l2.35 2.35-8.7 8.7a.42.42 0 0 0 0 .62l1.53 1.52a.42.42 0 0 0 .6 0l8.7-8.7 2.36 2.35c.16.16.36.25.6.25.23 0 .43-.09.6-.25a.82.82 0 0 0 .25-.6V.84a.82.82 0 0 0-.25-.6z"></path></symbol></svg>'},26563:e=>{e.exports='<svg id="ios" xmlns="http://www.w3.org/2000/svg"><symbol id="editrecord" viewBox="0 0 24 24"><path d="M17.75 7L14 3.25l-10 10V17h3.75l10-10zm2.96-2.96c.39-.39.39-1.02 0-1.41L18.37.29c-.39-.39-1.02-.39-1.41 0L15 2.25 18.75 6l1.96-1.96z"></path><path d="M0 0h24v24H0z" fill="none"></path><path d="M0 20h24v4H0z" fill-opacity=".36"></path></symbol></svg>'},91693:(e,t,o)=>{var n={"./Grid.js":51562,"./SelectorEngine.js":36454,"./elements/ColumnBody.js":48139,"./elements/ColumnFooter.js":58938,"./elements/ColumnHeader.js":9700,"./plugins/aggregate/aggregateManager.js":9915,"./plugins/cellbreak/cellBreakManager.js":52248,"./plugins/clipper/Clipper.js":20762,"./plugins/columnmenu/ColumnMenu.js":64690,"./plugins/details/detailsManager.js":25815,"./plugins/dialog/dialogManager.js":42820,"./plugins/drag/columnDragManager.js":19683,"./plugins/editor/RecordEditor.js":76289,"./plugins/editor/batchEditor.js":70986,"./plugins/editor/dirtyManager.js":39958,"./plugins/editor/editorFieldManager.js":93590,"./plugins/editor/editorManager.js":89719,"./plugins/filter/Filter.js":89553,"./plugins/focus/areaFocusManager.js":65286,"./plugins/focus/focusManager.js":92005,"./plugins/focus/footerFocusManager.js":22843,"./plugins/focus/headerFocusManager.js":8427,"./plugins/fullscreen/fullscreenManager.js":65151,"./plugins/groupby/groupbyManager.js":93676,"./plugins/icon/fontawesome.map.js":91724,"./plugins/icon/iconManager.js":85110,"./plugins/layout/layoutManager.js":87848,"./plugins/menu/menuManager.js":602,"./plugins/scroller/Scroller.js":77390,"./plugins/selector/Selector.js":91510,"./plugins/sorter/Sorter.js":99642,"./plugins/source/sourceManager.js":47734,"./plugins/state/stateManager.js":63765,"./plugins/status/statusManager.js":39232,"./plugins/tooltip/tooltipManager.js":47581,"./plugins/updater/Updater.js":21704,"./plugins/viewport/viewportManager.js":65308,"./selectorEngineManager.js":21974};function r(e){var t=i(e);return o(t)}function i(e){if(!o.o(n,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return n[e]}r.keys=function(){return Object.keys(n)},r.resolve=i,e.exports=r,r.id=91693},61145:(e,t,o)=>{var n={"./Lang.js":56919,"./custom-export.js":64050,"./custom.js":5235,"./en.js":11232,"./es.js":58672,"./zh-CN.js":2247};function r(e){var t=i(e);return o(t)}function i(e){if(!o.o(n,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return n[e]}r.keys=function(){return Object.keys(n)},r.resolve=i,e.exports=r,r.id=61145},19179:(e,t,o)=>{var n={"./android.svg":65658,"./default.svg":92757,"./ios.svg":26563};function r(e){var t=i(e);return o(t)}function i(e){if(!o.o(n,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return n[e]}r.keys=function(){return Object.keys(n)},r.resolve=i,e.exports=r,r.id=19179}},t={};function o(n){var r=t[n];if(void 0!==r)return r.exports;var i=t[n]={id:n,exports:{}};return e[n].call(i.exports,i,i.exports,o),i.exports}o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{"use strict";var e=o(45092),t=o(7673),n=o(32260),r=o(42820),i=(o(38419),o(56919)),a=o(22048),s=o(30163);class l{constructor(...t){let o=null,n={};for(;t.length;){let r=t.shift();e.jn(r);const i=e.PO(r),a=r&&r.nodeType&&1===r.nodeType;e.HD(r)?o=document.getElementById(r):a?o=r:i&&(n=r)}let r=n,i={};i.data=r.data,i.dataFormat={};let a=this.element=document.createElement("zing-grid");a.config=i,void 0!==r.columns&&r.columns.length&&(a.columns=r.columns),n.src&&(a.src=n.src);for(let e in n)"src"!==e&&"columns"!==e&&"config"!==e&&n.hasOwnProperty(e)&&(a[e]=n[e]);return this.widget=a.widget,o&&o.appendChild(a),a}static registerAdapter(e,t){n.Z.aAdapters[e]=t}static registerCellType(e,o){t.Z.registerCellType(e,o),l.refreshAllGrids()}static registerEditor(e,t,o){t=t||e.name,n.Z.aMethods[t]={method:e,scope:o}}static registerFilterer(e,t,o){t=t||e.name,n.Z.aMethods[t]={method:e,scope:o}}static registerValidator(e,t,o){n.Z.aMethods[t]={method:e,scope:o}}static registerMethod(e,t,o){t=t||e.name,n.Z.aMethods[t]={method:e,scope:o}}static registerNamespace(e,t,o){t=t||"default",n.Z.aNamespaces[t]={namespace:e,scope:o||e}}static registerLanguage(e,t,o){t=t||e.lang,i.default.aCustomLangs[t]=e,o&&i.default.setLang(t)}static customizeDialog(e,t){r.default.aCustomizations.push({type:e,options:t})}static setLanguage(e){const t=i.default.globalLang?i.default.globalLang.lang:"";i.default.setLang(e);document.querySelectorAll("zing-grid").forEach((o=>{!o.widget||!o.widget.bAPIReady||o.lang&&t!==o.lang||(o.lang=e)}))}static formatDate(e,t,o,n){"string"!=typeof e&&"number"!=typeof e||(e=a.kB(e)),n=n||o;let r={};return o&&(r.lang=i.default.checkLangFile(o)),a.p6(e,t,n,r)}static fromNow(e,t,o){"string"!=typeof e&&"number"!=typeof e||(e=a.kB(e));let n={};return o&&(n.lang=i.default.checkLangFile(o)),a.Zh(e,t,n)}static searchIsTable(){const t=()=>{const t=document.querySelectorAll('table[is="zing-grid"]');t&&t.forEach((t=>{const o=e.T2(t),n=t.parentNode,r=document.createElement("span");n.insertBefore(r,t),o.appendChild(t),n.replaceChild(o,r)}))};"complete"===document.readyState?t():document.addEventListener("DOMContentLoaded",t)}static setLicense(e,t){s.Z.validateLicense(e,t)}static checkLicense(){s.Z.validateLicense()}static clearLicense(){s.Z.bValidated=!1,l.LICENSE=void 0,l.BUILDCODE=void 0}static setBuildCode(e){l.setLicense(null,e)}static refreshAllGrids(){document.querySelectorAll("zing-grid").forEach((e=>{if(e.widget&&e.bReady){e.querySelectorAll("zg-column").forEach((t=>{t.type&&t._oParsedColumnMapping.bIsTypeUserProvided&&t.setCellType(e.widget,t.type)})),e.widget.update()}}))}}const d=l;if("undefined"!=typeof window&&(o(56919),o(73427),o(24889),o(93534),o(81966),o(90754),o(31680),o(589),o(7939),o(31246),o(21960),o(18433),o(82327),o(35678),o(84699),o(82373),o(20979),o(55468),o(45790),o(63778),o(44158),o(75392),o(31680),o(86009),o(29234),o(10876),o(54347),o(36541),o(61245),o(21153),o(52081),o(14591),o(26665),o(12040),o(29327),o(97996),o(32358),o(75585),o(50469),o(23837),o(32383),o(65495),o(10235),o(58828),o(82800),o(17432),o(8499),o(37326)),"undefined"!=typeof window){window.ZingGrid=d,d.version="ZingGrid v1.6.1 built on Mon, 18 Dec 2023 23:16:54 GMT",d.versionNum="1.6.1",d.versionDate=1702941414432;const e=new CustomEvent("zg-script-ready");window&&window.dispatchEvent(e),d.searchIsTable()}"undefined"!=typeof window&&(o(15200),o(35182),o(82986))})()})();
\ No newline at end of file
+/*!
+ *
+ *   ZingGrid v1.6.2
+ *   Author: ZingSoft https://www.zingsoft.com
+ *
+ */
+(()=>{var e={26981:(e,t,o)=>{"use strict";o(11983);var n,r=(n=o(40115))&&n.__esModule?n:{default:n};r.default._babelPolyfill&&"undefined"!=typeof console&&console.warn&&console.warn("@babel/polyfill is loaded more than once on this page. This is probably not desirable/intended and may have consequences if different versions of the polyfills are applied sequentially. If you do need to load the polyfill more than once, use @babel/polyfill/noConflict instead to bypass the warning."),r.default._babelPolyfill=!0},11983:(e,t,o)=>{"use strict";o(16266),o(10990),o(70911),o(14160),o(6197),o(96728),o(54039),o(93568),o(78051),o(38250),o(15434),o(54952),o(96337),o(35666)},40487:e=>{var t={utf8:{stringToBytes:function(e){return t.bin.stringToBytes(unescape(encodeURIComponent(e)))},bytesToString:function(e){return decodeURIComponent(escape(t.bin.bytesToString(e)))}},bin:{stringToBytes:function(e){for(var t=[],o=0;o<e.length;o++)t.push(255&e.charCodeAt(o));return t},bytesToString:function(e){for(var t=[],o=0;o<e.length;o++)t.push(String.fromCharCode(e[o]));return t.join("")}}};e.exports=t},16266:(e,t,o)=>{o(95767),o(68132),o(48388),o(37470),o(94882),o(41520),o(27476),o(79622),o(89375),o(43533),o(84672),o(64157),o(35095),o(49892),o(75115),o(99176),o(68838),o(96253),o(39730),o(6059),o(48377),o(71084),o(64299),o(11246),o(30726),o(1901),o(75972),o(53403),o(92516),o(49371),o(86479),o(91736),o(51889),o(65177),o(81246),o(76503),o(66786),o(50932),o(57526),o(21591),o(9073),o(80347),o(30579),o(4669),o(67710),o(45789),o(33514),o(99978),o(58472),o(86946),o(35068),o(413),o(50191),o(98306),o(64564),o(39115),o(29539),o(96620),o(62850),o(10823),o(17732),o(40856),o(80703),o(91539),o(5292),o(45177),o(73694),o(37648),o(27795),o(4531),o(23605),o(6780),o(69937),o(10511),o(81822),o(19977),o(91031),o(46331),o(41560),o(20774),o(30522),o(58295),o(87842),o(50110),o(20075),o(24336),o(19371),o(98837),o(26773),o(15745),o(33057),o(3750),o(23369),o(99564),o(32e3),o(48977),o(52310),o(94899),o(31842),o(56997),o(83946),o(18269),o(66108),o(76774),o(21466),o(59357),o(76142),o(51876),o(40851),o(88416),o(98184),o(30147),o(59192),o(30142),o(1786),o(75368),o(46964),o(62152),o(74821),o(79103),o(81303),o(83318),o(70162),o(33834),o(21572),o(82139),o(10685),o(85535),o(17347),o(83049),o(96633),o(68989),o(78270),o(64510),o(73984),o(75769),o(50055),o(96014),e.exports=o(25645)},70911:(e,t,o)=>{o(1268),e.exports=o(25645).Array.flatMap},10990:(e,t,o)=>{o(62773),e.exports=o(25645).Array.includes},15434:(e,t,o)=>{o(83276),e.exports=o(25645).Object.entries},78051:(e,t,o)=>{o(98351),e.exports=o(25645).Object.getOwnPropertyDescriptors},38250:(e,t,o)=>{o(96409),e.exports=o(25645).Object.values},54952:(e,t,o)=>{"use strict";o(40851),o(9865),e.exports=o(25645).Promise.finally},6197:(e,t,o)=>{o(92770),e.exports=o(25645).String.padEnd},14160:(e,t,o)=>{o(41784),e.exports=o(25645).String.padStart},54039:(e,t,o)=>{o(94325),e.exports=o(25645).String.trimRight},96728:(e,t,o)=>{o(65869),e.exports=o(25645).String.trimLeft},93568:(e,t,o)=>{o(79665),e.exports=o(28787).f("asyncIterator")},40115:(e,t,o)=>{o(34579),e.exports=o(11327).global},85663:e=>{e.exports=function(e){if("function"!=typeof e)throw TypeError(e+" is not a function!");return e}},12159:(e,t,o)=>{var n=o(36727);e.exports=function(e){if(!n(e))throw TypeError(e+" is not an object!");return e}},11327:e=>{var t=e.exports={version:"2.6.12"};"number"==typeof __e&&(__e=t)},19216:(e,t,o)=>{var n=o(85663);e.exports=function(e,t,o){if(n(e),void 0===t)return e;switch(o){case 1:return function(o){return e.call(t,o)};case 2:return function(o,n){return e.call(t,o,n)};case 3:return function(o,n,r){return e.call(t,o,n,r)}}return function(){return e.apply(t,arguments)}}},89666:(e,t,o)=>{e.exports=!o(7929)((function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a}))},97467:(e,t,o)=>{var n=o(36727),r=o(33938).document,i=n(r)&&n(r.createElement);e.exports=function(e){return i?r.createElement(e):{}}},83856:(e,t,o)=>{var n=o(33938),r=o(11327),i=o(19216),a=o(41818),s=o(27069),l="prototype",d=function(e,t,o){var c,h,u,g=e&d.F,p=e&d.G,f=e&d.S,m=e&d.P,b=e&d.B,v=e&d.W,y=p?r:r[t]||(r[t]={}),w=y[l],z=p?n:f?n[t]:(n[t]||{})[l];for(c in p&&(o=t),o)(h=!g&&z&&void 0!==z[c])&&s(y,c)||(u=h?z[c]:o[c],y[c]=p&&"function"!=typeof z[c]?o[c]:b&&h?i(u,n):v&&z[c]==u?function(e){var t=function(t,o,n){if(this instanceof e){switch(arguments.length){case 0:return new e;case 1:return new e(t);case 2:return new e(t,o)}return new e(t,o,n)}return e.apply(this,arguments)};return t[l]=e[l],t}(u):m&&"function"==typeof u?i(Function.call,u):u,m&&((y.virtual||(y.virtual={}))[c]=u,e&d.R&&w&&!w[c]&&a(w,c,u)))};d.F=1,d.G=2,d.S=4,d.P=8,d.B=16,d.W=32,d.U=64,d.R=128,e.exports=d},7929:e=>{e.exports=function(e){try{return!!e()}catch(e){return!0}}},33938:e=>{var t=e.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=t)},27069:e=>{var t={}.hasOwnProperty;e.exports=function(e,o){return t.call(e,o)}},41818:(e,t,o)=>{var n=o(4743),r=o(83101);e.exports=o(89666)?function(e,t,o){return n.f(e,t,r(1,o))}:function(e,t,o){return e[t]=o,e}},33758:(e,t,o)=>{e.exports=!o(89666)&&!o(7929)((function(){return 7!=Object.defineProperty(o(97467)("div"),"a",{get:function(){return 7}}).a}))},36727:e=>{e.exports=function(e){return"object"==typeof e?null!==e:"function"==typeof e}},4743:(e,t,o)=>{var n=o(12159),r=o(33758),i=o(33206),a=Object.defineProperty;t.f=o(89666)?Object.defineProperty:function(e,t,o){if(n(e),t=i(t,!0),n(o),r)try{return a(e,t,o)}catch(e){}if("get"in o||"set"in o)throw TypeError("Accessors not supported!");return"value"in o&&(e[t]=o.value),e}},83101:e=>{e.exports=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}}},33206:(e,t,o)=>{var n=o(36727);e.exports=function(e,t){if(!n(e))return e;var o,r;if(t&&"function"==typeof(o=e.toString)&&!n(r=o.call(e)))return r;if("function"==typeof(o=e.valueOf)&&!n(r=o.call(e)))return r;if(!t&&"function"==typeof(o=e.toString)&&!n(r=o.call(e)))return r;throw TypeError("Can't convert object to primitive value")}},34579:(e,t,o)=>{var n=o(83856);n(n.G,{global:o(33938)})},24963:e=>{e.exports=function(e){if("function"!=typeof e)throw TypeError(e+" is not a function!");return e}},83365:(e,t,o)=>{var n=o(92032);e.exports=function(e,t){if("number"!=typeof e&&"Number"!=n(e))throw TypeError(t);return+e}},17722:(e,t,o)=>{var n=o(86314)("unscopables"),r=Array.prototype;null==r[n]&&o(87728)(r,n,{}),e.exports=function(e){r[n][e]=!0}},76793:(e,t,o)=>{"use strict";var n=o(24496)(!0);e.exports=function(e,t,o){return t+(o?n(e,t).length:1)}},83328:e=>{e.exports=function(e,t,o,n){if(!(e instanceof t)||void 0!==n&&n in e)throw TypeError(o+": incorrect invocation!");return e}},27007:(e,t,o)=>{var n=o(55286);e.exports=function(e){if(!n(e))throw TypeError(e+" is not an object!");return e}},5216:(e,t,o)=>{"use strict";var n=o(20508),r=o(92337),i=o(10875);e.exports=[].copyWithin||function(e,t){var o=n(this),a=i(o.length),s=r(e,a),l=r(t,a),d=arguments.length>2?arguments[2]:void 0,c=Math.min((void 0===d?a:r(d,a))-l,a-s),h=1;for(l<s&&s<l+c&&(h=-1,l+=c-1,s+=c-1);c-- >0;)l in o?o[s]=o[l]:delete o[s],s+=h,l+=h;return o}},46852:(e,t,o)=>{"use strict";var n=o(20508),r=o(92337),i=o(10875);e.exports=function(e){for(var t=n(this),o=i(t.length),a=arguments.length,s=r(a>1?arguments[1]:void 0,o),l=a>2?arguments[2]:void 0,d=void 0===l?o:r(l,o);d>s;)t[s++]=e;return t}},79315:(e,t,o)=>{var n=o(22110),r=o(10875),i=o(92337);e.exports=function(e){return function(t,o,a){var s,l=n(t),d=r(l.length),c=i(a,d);if(e&&o!=o){for(;d>c;)if((s=l[c++])!=s)return!0}else for(;d>c;c++)if((e||c in l)&&l[c]===o)return e||c||0;return!e&&-1}}},10050:(e,t,o)=>{var n=o(741),r=o(49797),i=o(20508),a=o(10875),s=o(16886);e.exports=function(e,t){var o=1==e,l=2==e,d=3==e,c=4==e,h=6==e,u=5==e||h,g=t||s;return function(t,s,p){for(var f,m,b=i(t),v=r(b),y=n(s,p,3),w=a(v.length),z=0,C=o?g(t,w):l?g(t,0):void 0;w>z;z++)if((u||z in v)&&(m=y(f=v[z],z,b),e))if(o)C[z]=m;else if(m)switch(e){case 3:return!0;case 5:return f;case 6:return z;case 2:C.push(f)}else if(c)return!1;return h?-1:d||c?c:C}}},37628:(e,t,o)=>{var n=o(24963),r=o(20508),i=o(49797),a=o(10875);e.exports=function(e,t,o,s,l){n(t);var d=r(e),c=i(d),h=a(d.length),u=l?h-1:0,g=l?-1:1;if(o<2)for(;;){if(u in c){s=c[u],u+=g;break}if(u+=g,l?u<0:h<=u)throw TypeError("Reduce of empty array with no initial value")}for(;l?u>=0:h>u;u+=g)u in c&&(s=t(s,c[u],u,d));return s}},42736:(e,t,o)=>{var n=o(55286),r=o(4302),i=o(86314)("species");e.exports=function(e){var t;return r(e)&&("function"!=typeof(t=e.constructor)||t!==Array&&!r(t.prototype)||(t=void 0),n(t)&&null===(t=t[i])&&(t=void 0)),void 0===t?Array:t}},16886:(e,t,o)=>{var n=o(42736);e.exports=function(e,t){return new(n(e))(t)}},34398:(e,t,o)=>{"use strict";var n=o(24963),r=o(55286),i=o(97242),a=[].slice,s={};e.exports=Function.bind||function(e){var t=n(this),o=a.call(arguments,1),l=function(){var n=o.concat(a.call(arguments));return this instanceof l?function(e,t,o){if(!(t in s)){for(var n=[],r=0;r<t;r++)n[r]="a["+r+"]";s[t]=Function("F,a","return new F("+n.join(",")+")")}return s[t](e,o)}(t,n.length,n):i(t,n,e)};return r(t.prototype)&&(l.prototype=t.prototype),l}},41488:(e,t,o)=>{var n=o(92032),r=o(86314)("toStringTag"),i="Arguments"==n(function(){return arguments}());e.exports=function(e){var t,o,a;return void 0===e?"Undefined":null===e?"Null":"string"==typeof(o=function(e,t){try{return e[t]}catch(e){}}(t=Object(e),r))?o:i?n(t):"Object"==(a=n(t))&&"function"==typeof t.callee?"Arguments":a}},92032:e=>{var t={}.toString;e.exports=function(e){return t.call(e).slice(8,-1)}},9824:(e,t,o)=>{"use strict";var n=o(99275).f,r=o(42503),i=o(24408),a=o(741),s=o(83328),l=o(3531),d=o(42923),c=o(15436),h=o(2974),u=o(67057),g=o(84728).fastKey,p=o(1616),f=u?"_s":"size",m=function(e,t){var o,n=g(t);if("F"!==n)return e._i[n];for(o=e._f;o;o=o.n)if(o.k==t)return o};e.exports={getConstructor:function(e,t,o,d){var c=e((function(e,n){s(e,c,t,"_i"),e._t=t,e._i=r(null),e._f=void 0,e._l=void 0,e[f]=0,null!=n&&l(n,o,e[d],e)}));return i(c.prototype,{clear:function(){for(var e=p(this,t),o=e._i,n=e._f;n;n=n.n)n.r=!0,n.p&&(n.p=n.p.n=void 0),delete o[n.i];e._f=e._l=void 0,e[f]=0},delete:function(e){var o=p(this,t),n=m(o,e);if(n){var r=n.n,i=n.p;delete o._i[n.i],n.r=!0,i&&(i.n=r),r&&(r.p=i),o._f==n&&(o._f=r),o._l==n&&(o._l=i),o[f]--}return!!n},forEach:function(e){p(this,t);for(var o,n=a(e,arguments.length>1?arguments[1]:void 0,3);o=o?o.n:this._f;)for(n(o.v,o.k,this);o&&o.r;)o=o.p},has:function(e){return!!m(p(this,t),e)}}),u&&n(c.prototype,"size",{get:function(){return p(this,t)[f]}}),c},def:function(e,t,o){var n,r,i=m(e,t);return i?i.v=o:(e._l=i={i:r=g(t,!0),k:t,v:o,p:n=e._l,n:void 0,r:!1},e._f||(e._f=i),n&&(n.n=i),e[f]++,"F"!==r&&(e._i[r]=i)),e},getEntry:m,setStrong:function(e,t,o){d(e,t,(function(e,o){this._t=p(e,t),this._k=o,this._l=void 0}),(function(){for(var e=this,t=e._k,o=e._l;o&&o.r;)o=o.p;return e._t&&(e._l=o=o?o.n:e._t._f)?c(0,"keys"==t?o.k:"values"==t?o.v:[o.k,o.v]):(e._t=void 0,c(1))}),o?"entries":"values",!o,!0),h(t)}}},23657:(e,t,o)=>{"use strict";var n=o(24408),r=o(84728).getWeak,i=o(27007),a=o(55286),s=o(83328),l=o(3531),d=o(10050),c=o(79181),h=o(1616),u=d(5),g=d(6),p=0,f=function(e){return e._l||(e._l=new m)},m=function(){this.a=[]},b=function(e,t){return u(e.a,(function(e){return e[0]===t}))};m.prototype={get:function(e){var t=b(this,e);if(t)return t[1]},has:function(e){return!!b(this,e)},set:function(e,t){var o=b(this,e);o?o[1]=t:this.a.push([e,t])},delete:function(e){var t=g(this.a,(function(t){return t[0]===e}));return~t&&this.a.splice(t,1),!!~t}},e.exports={getConstructor:function(e,t,o,i){var d=e((function(e,n){s(e,d,t,"_i"),e._t=t,e._i=p++,e._l=void 0,null!=n&&l(n,o,e[i],e)}));return n(d.prototype,{delete:function(e){if(!a(e))return!1;var o=r(e);return!0===o?f(h(this,t)).delete(e):o&&c(o,this._i)&&delete o[this._i]},has:function(e){if(!a(e))return!1;var o=r(e);return!0===o?f(h(this,t)).has(e):o&&c(o,this._i)}}),d},def:function(e,t,o){var n=r(i(t),!0);return!0===n?f(e).set(t,o):n[e._i]=o,e},ufstore:f}},45795:(e,t,o)=>{"use strict";var n=o(3816),r=o(42985),i=o(77234),a=o(24408),s=o(84728),l=o(3531),d=o(83328),c=o(55286),h=o(74253),u=o(7462),g=o(22943),p=o(40266);e.exports=function(e,t,o,f,m,b){var v=n[e],y=v,w=m?"set":"add",z=y&&y.prototype,C={},S=function(e){var t=z[e];i(z,e,"delete"==e||"has"==e?function(e){return!(b&&!c(e))&&t.call(this,0===e?0:e)}:"get"==e?function(e){return b&&!c(e)?void 0:t.call(this,0===e?0:e)}:"add"==e?function(e){return t.call(this,0===e?0:e),this}:function(e,o){return t.call(this,0===e?0:e,o),this})};if("function"==typeof y&&(b||z.forEach&&!h((function(){(new y).entries().next()})))){var x=new y,M=x[w](b?{}:-0,1)!=x,_=h((function(){x.has(1)})),k=u((function(e){new y(e)})),R=!b&&h((function(){for(var e=new y,t=5;t--;)e[w](t,t);return!e.has(-0)}));k||((y=t((function(t,o){d(t,y,e);var n=p(new v,t,y);return null!=o&&l(o,m,n[w],n),n}))).prototype=z,z.constructor=y),(_||R)&&(S("delete"),S("has"),m&&S("get")),(R||M)&&S(w),b&&z.clear&&delete z.clear}else y=f.getConstructor(t,e,m,w),a(y.prototype,o),s.NEED=!0;return g(y,e),C[e]=y,r(r.G+r.W+r.F*(y!=v),C),b||f.setStrong(y,e,m),y}},25645:e=>{var t=e.exports={version:"2.6.12"};"number"==typeof __e&&(__e=t)},92811:(e,t,o)=>{"use strict";var n=o(99275),r=o(90681);e.exports=function(e,t,o){t in e?n.f(e,t,r(0,o)):e[t]=o}},741:(e,t,o)=>{var n=o(24963);e.exports=function(e,t,o){if(n(e),void 0===t)return e;switch(o){case 1:return function(o){return e.call(t,o)};case 2:return function(o,n){return e.call(t,o,n)};case 3:return function(o,n,r){return e.call(t,o,n,r)}}return function(){return e.apply(t,arguments)}}},53537:(e,t,o)=>{"use strict";var n=o(74253),r=Date.prototype.getTime,i=Date.prototype.toISOString,a=function(e){return e>9?e:"0"+e};e.exports=n((function(){return"0385-07-25T07:06:39.999Z"!=i.call(new Date(-50000000000001))}))||!n((function(){i.call(new Date(NaN))}))?function(){if(!isFinite(r.call(this)))throw RangeError("Invalid time value");var e=this,t=e.getUTCFullYear(),o=e.getUTCMilliseconds(),n=t<0?"-":t>9999?"+":"";return n+("00000"+Math.abs(t)).slice(n?-6:-4)+"-"+a(e.getUTCMonth()+1)+"-"+a(e.getUTCDate())+"T"+a(e.getUTCHours())+":"+a(e.getUTCMinutes())+":"+a(e.getUTCSeconds())+"."+(o>99?o:"0"+a(o))+"Z"}:i},870:(e,t,o)=>{"use strict";var n=o(27007),r=o(21689),i="number";e.exports=function(e){if("string"!==e&&e!==i&&"default"!==e)throw TypeError("Incorrect hint");return r(n(this),e!=i)}},91355:e=>{e.exports=function(e){if(null==e)throw TypeError("Can't call method on  "+e);return e}},67057:(e,t,o)=>{e.exports=!o(74253)((function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a}))},62457:(e,t,o)=>{var n=o(55286),r=o(3816).document,i=n(r)&&n(r.createElement);e.exports=function(e){return i?r.createElement(e):{}}},74430:e=>{e.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},5541:(e,t,o)=>{var n=o(47184),r=o(64548),i=o(14682);e.exports=function(e){var t=n(e),o=r.f;if(o)for(var a,s=o(e),l=i.f,d=0;s.length>d;)l.call(e,a=s[d++])&&t.push(a);return t}},42985:(e,t,o)=>{var n=o(3816),r=o(25645),i=o(87728),a=o(77234),s=o(741),l="prototype",d=function(e,t,o){var c,h,u,g,p=e&d.F,f=e&d.G,m=e&d.S,b=e&d.P,v=e&d.B,y=f?n:m?n[t]||(n[t]={}):(n[t]||{})[l],w=f?r:r[t]||(r[t]={}),z=w[l]||(w[l]={});for(c in f&&(o=t),o)u=((h=!p&&y&&void 0!==y[c])?y:o)[c],g=v&&h?s(u,n):b&&"function"==typeof u?s(Function.call,u):u,y&&a(y,c,u,e&d.U),w[c]!=u&&i(w,c,g),b&&z[c]!=u&&(z[c]=u)};n.core=r,d.F=1,d.G=2,d.S=4,d.P=8,d.B=16,d.W=32,d.U=64,d.R=128,e.exports=d},8852:(e,t,o)=>{var n=o(86314)("match");e.exports=function(e){var t=/./;try{"/./"[e](t)}catch(o){try{return t[n]=!1,!"/./"[e](t)}catch(e){}}return!0}},74253:e=>{e.exports=function(e){try{return!!e()}catch(e){return!0}}},28082:(e,t,o)=>{"use strict";o(18269);var n=o(77234),r=o(87728),i=o(74253),a=o(91355),s=o(86314),l=o(21165),d=s("species"),c=!i((function(){var e=/./;return e.exec=function(){var e=[];return e.groups={a:"7"},e},"7"!=="".replace(e,"$<a>")})),h=function(){var e=/(?:)/,t=e.exec;e.exec=function(){return t.apply(this,arguments)};var o="ab".split(e);return 2===o.length&&"a"===o[0]&&"b"===o[1]}();e.exports=function(e,t,o){var u=s(e),g=!i((function(){var t={};return t[u]=function(){return 7},7!=""[e](t)})),p=g?!i((function(){var t=!1,o=/a/;return o.exec=function(){return t=!0,null},"split"===e&&(o.constructor={},o.constructor[d]=function(){return o}),o[u](""),!t})):void 0;if(!g||!p||"replace"===e&&!c||"split"===e&&!h){var f=/./[u],m=o(a,u,""[e],(function(e,t,o,n,r){return t.exec===l?g&&!r?{done:!0,value:f.call(t,o,n)}:{done:!0,value:e.call(o,t,n)}:{done:!1}})),b=m[0],v=m[1];n(String.prototype,e,b),r(RegExp.prototype,u,2==t?function(e,t){return v.call(e,this,t)}:function(e){return v.call(e,this)})}}},53218:(e,t,o)=>{"use strict";var n=o(27007);e.exports=function(){var e=n(this),t="";return e.global&&(t+="g"),e.ignoreCase&&(t+="i"),e.multiline&&(t+="m"),e.unicode&&(t+="u"),e.sticky&&(t+="y"),t}},13325:(e,t,o)=>{"use strict";var n=o(4302),r=o(55286),i=o(10875),a=o(741),s=o(86314)("isConcatSpreadable");e.exports=function e(t,o,l,d,c,h,u,g){for(var p,f,m=c,b=0,v=!!u&&a(u,g,3);b<d;){if(b in l){if(p=v?v(l[b],b,o):l[b],f=!1,r(p)&&(f=void 0!==(f=p[s])?!!f:n(p)),f&&h>0)m=e(t,o,p,i(p.length),m,h-1)-1;else{if(m>=9007199254740991)throw TypeError();t[m]=p}m++}b++}return m}},3531:(e,t,o)=>{var n=o(741),r=o(28851),i=o(86555),a=o(27007),s=o(10875),l=o(69002),d={},c={},h=e.exports=function(e,t,o,h,u){var g,p,f,m,b=u?function(){return e}:l(e),v=n(o,h,t?2:1),y=0;if("function"!=typeof b)throw TypeError(e+" is not iterable!");if(i(b)){for(g=s(e.length);g>y;y++)if((m=t?v(a(p=e[y])[0],p[1]):v(e[y]))===d||m===c)return m}else for(f=b.call(e);!(p=f.next()).done;)if((m=r(f,v,p.value,t))===d||m===c)return m};h.BREAK=d,h.RETURN=c},40018:(e,t,o)=>{e.exports=o(3825)("native-function-to-string",Function.toString)},3816:e=>{var t=e.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=t)},79181:e=>{var t={}.hasOwnProperty;e.exports=function(e,o){return t.call(e,o)}},87728:(e,t,o)=>{var n=o(99275),r=o(90681);e.exports=o(67057)?function(e,t,o){return n.f(e,t,r(1,o))}:function(e,t,o){return e[t]=o,e}},40639:(e,t,o)=>{var n=o(3816).document;e.exports=n&&n.documentElement},1734:(e,t,o)=>{e.exports=!o(67057)&&!o(74253)((function(){return 7!=Object.defineProperty(o(62457)("div"),"a",{get:function(){return 7}}).a}))},40266:(e,t,o)=>{var n=o(55286),r=o(27375).set;e.exports=function(e,t,o){var i,a=t.constructor;return a!==o&&"function"==typeof a&&(i=a.prototype)!==o.prototype&&n(i)&&r&&r(e,i),e}},97242:e=>{e.exports=function(e,t,o){var n=void 0===o;switch(t.length){case 0:return n?e():e.call(o);case 1:return n?e(t[0]):e.call(o,t[0]);case 2:return n?e(t[0],t[1]):e.call(o,t[0],t[1]);case 3:return n?e(t[0],t[1],t[2]):e.call(o,t[0],t[1],t[2]);case 4:return n?e(t[0],t[1],t[2],t[3]):e.call(o,t[0],t[1],t[2],t[3])}return e.apply(o,t)}},49797:(e,t,o)=>{var n=o(92032);e.exports=Object("z").propertyIsEnumerable(0)?Object:function(e){return"String"==n(e)?e.split(""):Object(e)}},86555:(e,t,o)=>{var n=o(87234),r=o(86314)("iterator"),i=Array.prototype;e.exports=function(e){return void 0!==e&&(n.Array===e||i[r]===e)}},4302:(e,t,o)=>{var n=o(92032);e.exports=Array.isArray||function(e){return"Array"==n(e)}},18367:(e,t,o)=>{var n=o(55286),r=Math.floor;e.exports=function(e){return!n(e)&&isFinite(e)&&r(e)===e}},55286:e=>{e.exports=function(e){return"object"==typeof e?null!==e:"function"==typeof e}},55364:(e,t,o)=>{var n=o(55286),r=o(92032),i=o(86314)("match");e.exports=function(e){var t;return n(e)&&(void 0!==(t=e[i])?!!t:"RegExp"==r(e))}},28851:(e,t,o)=>{var n=o(27007);e.exports=function(e,t,o,r){try{return r?t(n(o)[0],o[1]):t(o)}catch(t){var i=e.return;throw void 0!==i&&n(i.call(e)),t}}},49988:(e,t,o)=>{"use strict";var n=o(42503),r=o(90681),i=o(22943),a={};o(87728)(a,o(86314)("iterator"),(function(){return this})),e.exports=function(e,t,o){e.prototype=n(a,{next:r(1,o)}),i(e,t+" Iterator")}},42923:(e,t,o)=>{"use strict";var n=o(4461),r=o(42985),i=o(77234),a=o(87728),s=o(87234),l=o(49988),d=o(22943),c=o(468),h=o(86314)("iterator"),u=!([].keys&&"next"in[].keys()),g="keys",p="values",f=function(){return this};e.exports=function(e,t,o,m,b,v,y){l(o,t,m);var w,z,C,S=function(e){if(!u&&e in k)return k[e];switch(e){case g:case p:return function(){return new o(this,e)}}return function(){return new o(this,e)}},x=t+" Iterator",M=b==p,_=!1,k=e.prototype,R=k[h]||k["@@iterator"]||b&&k[b],D=R||S(b),E=b?M?S("entries"):D:void 0,O="Array"==t&&k.entries||R;if(O&&(C=c(O.call(new e)))!==Object.prototype&&C.next&&(d(C,x,!0),n||"function"==typeof C[h]||a(C,h,f)),M&&R&&R.name!==p&&(_=!0,D=function(){return R.call(this)}),n&&!y||!u&&!_&&k[h]||a(k,h,D),s[t]=D,s[x]=f,b)if(w={values:M?D:S(p),keys:v?D:S(g),entries:E},y)for(z in w)z in k||i(k,z,w[z]);else r(r.P+r.F*(u||_),t,w);return w}},7462:(e,t,o)=>{var n=o(86314)("iterator"),r=!1;try{var i=[7][n]();i.return=function(){r=!0},Array.from(i,(function(){throw 2}))}catch(e){}e.exports=function(e,t){if(!t&&!r)return!1;var o=!1;try{var i=[7],a=i[n]();a.next=function(){return{done:o=!0}},i[n]=function(){return a},e(i)}catch(e){}return o}},15436:e=>{e.exports=function(e,t){return{value:t,done:!!e}}},87234:e=>{e.exports={}},4461:e=>{e.exports=!1},13086:e=>{var t=Math.expm1;e.exports=!t||t(10)>22025.465794806718||t(10)<22025.465794806718||-2e-17!=t(-2e-17)?function(e){return 0==(e=+e)?e:e>-1e-6&&e<1e-6?e+e*e/2:Math.exp(e)-1}:t},34934:(e,t,o)=>{var n=o(61801),r=Math.pow,i=r(2,-52),a=r(2,-23),s=r(2,127)*(2-a),l=r(2,-126);e.exports=Math.fround||function(e){var t,o,r=Math.abs(e),d=n(e);return r<l?d*(r/l/a+1/i-1/i)*l*a:(o=(t=(1+a/i)*r)-(t-r))>s||o!=o?d*(1/0):d*o}},46206:e=>{e.exports=Math.log1p||function(e){return(e=+e)>-1e-8&&e<1e-8?e-e*e/2:Math.log(1+e)}},61801:e=>{e.exports=Math.sign||function(e){return 0==(e=+e)||e!=e?e:e<0?-1:1}},84728:(e,t,o)=>{var n=o(93953)("meta"),r=o(55286),i=o(79181),a=o(99275).f,s=0,l=Object.isExtensible||function(){return!0},d=!o(74253)((function(){return l(Object.preventExtensions({}))})),c=function(e){a(e,n,{value:{i:"O"+ ++s,w:{}}})},h=e.exports={KEY:n,NEED:!1,fastKey:function(e,t){if(!r(e))return"symbol"==typeof e?e:("string"==typeof e?"S":"P")+e;if(!i(e,n)){if(!l(e))return"F";if(!t)return"E";c(e)}return e[n].i},getWeak:function(e,t){if(!i(e,n)){if(!l(e))return!0;if(!t)return!1;c(e)}return e[n].w},onFreeze:function(e){return d&&h.NEED&&l(e)&&!i(e,n)&&c(e),e}}},14351:(e,t,o)=>{var n=o(3816),r=o(74193).set,i=n.MutationObserver||n.WebKitMutationObserver,a=n.process,s=n.Promise,l="process"==o(92032)(a);e.exports=function(){var e,t,o,d=function(){var n,r;for(l&&(n=a.domain)&&n.exit();e;){r=e.fn,e=e.next;try{r()}catch(n){throw e?o():t=void 0,n}}t=void 0,n&&n.enter()};if(l)o=function(){a.nextTick(d)};else if(!i||n.navigator&&n.navigator.standalone)if(s&&s.resolve){var c=s.resolve(void 0);o=function(){c.then(d)}}else o=function(){r.call(n,d)};else{var h=!0,u=document.createTextNode("");new i(d).observe(u,{characterData:!0}),o=function(){u.data=h=!h}}return function(n){var r={fn:n,next:void 0};t&&(t.next=r),e||(e=r,o()),t=r}}},43499:(e,t,o)=>{"use strict";var n=o(24963);function r(e){var t,o;this.promise=new e((function(e,n){if(void 0!==t||void 0!==o)throw TypeError("Bad Promise constructor");t=e,o=n})),this.resolve=n(t),this.reject=n(o)}e.exports.f=function(e){return new r(e)}},35345:(e,t,o)=>{"use strict";var n=o(67057),r=o(47184),i=o(64548),a=o(14682),s=o(20508),l=o(49797),d=Object.assign;e.exports=!d||o(74253)((function(){var e={},t={},o=Symbol(),n="abcdefghijklmnopqrst";return e[o]=7,n.split("").forEach((function(e){t[e]=e})),7!=d({},e)[o]||Object.keys(d({},t)).join("")!=n}))?function(e,t){for(var o=s(e),d=arguments.length,c=1,h=i.f,u=a.f;d>c;)for(var g,p=l(arguments[c++]),f=h?r(p).concat(h(p)):r(p),m=f.length,b=0;m>b;)g=f[b++],n&&!u.call(p,g)||(o[g]=p[g]);return o}:d},42503:(e,t,o)=>{var n=o(27007),r=o(35588),i=o(74430),a=o(69335)("IE_PROTO"),s=function(){},l="prototype",d=function(){var e,t=o(62457)("iframe"),n=i.length;for(t.style.display="none",o(40639).appendChild(t),t.src="javascript:",(e=t.contentWindow.document).open(),e.write("<script>document.F=Object<\/script>"),e.close(),d=e.F;n--;)delete d[l][i[n]];return d()};e.exports=Object.create||function(e,t){var o;return null!==e?(s[l]=n(e),o=new s,s[l]=null,o[a]=e):o=d(),void 0===t?o:r(o,t)}},99275:(e,t,o)=>{var n=o(27007),r=o(1734),i=o(21689),a=Object.defineProperty;t.f=o(67057)?Object.defineProperty:function(e,t,o){if(n(e),t=i(t,!0),n(o),r)try{return a(e,t,o)}catch(e){}if("get"in o||"set"in o)throw TypeError("Accessors not supported!");return"value"in o&&(e[t]=o.value),e}},35588:(e,t,o)=>{var n=o(99275),r=o(27007),i=o(47184);e.exports=o(67057)?Object.defineProperties:function(e,t){r(e);for(var o,a=i(t),s=a.length,l=0;s>l;)n.f(e,o=a[l++],t[o]);return e}},18693:(e,t,o)=>{var n=o(14682),r=o(90681),i=o(22110),a=o(21689),s=o(79181),l=o(1734),d=Object.getOwnPropertyDescriptor;t.f=o(67057)?d:function(e,t){if(e=i(e),t=a(t,!0),l)try{return d(e,t)}catch(e){}if(s(e,t))return r(!n.f.call(e,t),e[t])}},39327:(e,t,o)=>{var n=o(22110),r=o(20616).f,i={}.toString,a="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[];e.exports.f=function(e){return a&&"[object Window]"==i.call(e)?function(e){try{return r(e)}catch(e){return a.slice()}}(e):r(n(e))}},20616:(e,t,o)=>{var n=o(60189),r=o(74430).concat("length","prototype");t.f=Object.getOwnPropertyNames||function(e){return n(e,r)}},64548:(e,t)=>{t.f=Object.getOwnPropertySymbols},468:(e,t,o)=>{var n=o(79181),r=o(20508),i=o(69335)("IE_PROTO"),a=Object.prototype;e.exports=Object.getPrototypeOf||function(e){return e=r(e),n(e,i)?e[i]:"function"==typeof e.constructor&&e instanceof e.constructor?e.constructor.prototype:e instanceof Object?a:null}},60189:(e,t,o)=>{var n=o(79181),r=o(22110),i=o(79315)(!1),a=o(69335)("IE_PROTO");e.exports=function(e,t){var o,s=r(e),l=0,d=[];for(o in s)o!=a&&n(s,o)&&d.push(o);for(;t.length>l;)n(s,o=t[l++])&&(~i(d,o)||d.push(o));return d}},47184:(e,t,o)=>{var n=o(60189),r=o(74430);e.exports=Object.keys||function(e){return n(e,r)}},14682:(e,t)=>{t.f={}.propertyIsEnumerable},33160:(e,t,o)=>{var n=o(42985),r=o(25645),i=o(74253);e.exports=function(e,t){var o=(r.Object||{})[e]||Object[e],a={};a[e]=t(o),n(n.S+n.F*i((function(){o(1)})),"Object",a)}},51131:(e,t,o)=>{var n=o(67057),r=o(47184),i=o(22110),a=o(14682).f;e.exports=function(e){return function(t){for(var o,s=i(t),l=r(s),d=l.length,c=0,h=[];d>c;)o=l[c++],n&&!a.call(s,o)||h.push(e?[o,s[o]]:s[o]);return h}}},57643:(e,t,o)=>{var n=o(20616),r=o(64548),i=o(27007),a=o(3816).Reflect;e.exports=a&&a.ownKeys||function(e){var t=n.f(i(e)),o=r.f;return o?t.concat(o(e)):t}},47743:(e,t,o)=>{var n=o(3816).parseFloat,r=o(29599).trim;e.exports=1/n(o(84644)+"-0")!=-1/0?function(e){var t=r(String(e),3),o=n(t);return 0===o&&"-"==t.charAt(0)?-0:o}:n},55960:(e,t,o)=>{var n=o(3816).parseInt,r=o(29599).trim,i=o(84644),a=/^[-+]?0[xX]/;e.exports=8!==n(i+"08")||22!==n(i+"0x16")?function(e,t){var o=r(String(e),3);return n(o,t>>>0||(a.test(o)?16:10))}:n},10188:e=>{e.exports=function(e){try{return{e:!1,v:e()}}catch(e){return{e:!0,v:e}}}},50094:(e,t,o)=>{var n=o(27007),r=o(55286),i=o(43499);e.exports=function(e,t){if(n(e),r(t)&&t.constructor===e)return t;var o=i.f(e);return(0,o.resolve)(t),o.promise}},90681:e=>{e.exports=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}}},24408:(e,t,o)=>{var n=o(77234);e.exports=function(e,t,o){for(var r in t)n(e,r,t[r],o);return e}},77234:(e,t,o)=>{var n=o(3816),r=o(87728),i=o(79181),a=o(93953)("src"),s=o(40018),l="toString",d=(""+s).split(l);o(25645).inspectSource=function(e){return s.call(e)},(e.exports=function(e,t,o,s){var l="function"==typeof o;l&&(i(o,"name")||r(o,"name",t)),e[t]!==o&&(l&&(i(o,a)||r(o,a,e[t]?""+e[t]:d.join(String(t)))),e===n?e[t]=o:s?e[t]?e[t]=o:r(e,t,o):(delete e[t],r(e,t,o)))})(Function.prototype,l,(function(){return"function"==typeof this&&this[a]||s.call(this)}))},27787:(e,t,o)=>{"use strict";var n=o(41488),r=RegExp.prototype.exec;e.exports=function(e,t){var o=e.exec;if("function"==typeof o){var i=o.call(e,t);if("object"!=typeof i)throw new TypeError("RegExp exec method returned something other than an Object or null");return i}if("RegExp"!==n(e))throw new TypeError("RegExp#exec called on incompatible receiver");return r.call(e,t)}},21165:(e,t,o)=>{"use strict";var n,r,i=o(53218),a=RegExp.prototype.exec,s=String.prototype.replace,l=a,d="lastIndex",c=(n=/a/,r=/b*/g,a.call(n,"a"),a.call(r,"a"),0!==n[d]||0!==r[d]),h=void 0!==/()??/.exec("")[1];(c||h)&&(l=function(e){var t,o,n,r,l=this;return h&&(o=new RegExp("^"+l.source+"$(?!\\s)",i.call(l))),c&&(t=l[d]),n=a.call(l,e),c&&n&&(l[d]=l.global?n.index+n[0].length:t),h&&n&&n.length>1&&s.call(n[0],o,(function(){for(r=1;r<arguments.length-2;r++)void 0===arguments[r]&&(n[r]=void 0)})),n}),e.exports=l},27195:e=>{e.exports=Object.is||function(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}},27375:(e,t,o)=>{var n=o(55286),r=o(27007),i=function(e,t){if(r(e),!n(t)&&null!==t)throw TypeError(t+": can't set as prototype!")};e.exports={set:Object.setPrototypeOf||("__proto__"in{}?function(e,t,n){try{(n=o(741)(Function.call,o(18693).f(Object.prototype,"__proto__").set,2))(e,[]),t=!(e instanceof Array)}catch(e){t=!0}return function(e,o){return i(e,o),t?e.__proto__=o:n(e,o),e}}({},!1):void 0),check:i}},2974:(e,t,o)=>{"use strict";var n=o(3816),r=o(99275),i=o(67057),a=o(86314)("species");e.exports=function(e){var t=n[e];i&&t&&!t[a]&&r.f(t,a,{configurable:!0,get:function(){return this}})}},22943:(e,t,o)=>{var n=o(99275).f,r=o(79181),i=o(86314)("toStringTag");e.exports=function(e,t,o){e&&!r(e=o?e:e.prototype,i)&&n(e,i,{configurable:!0,value:t})}},69335:(e,t,o)=>{var n=o(3825)("keys"),r=o(93953);e.exports=function(e){return n[e]||(n[e]=r(e))}},3825:(e,t,o)=>{var n=o(25645),r=o(3816),i="__core-js_shared__",a=r[i]||(r[i]={});(e.exports=function(e,t){return a[e]||(a[e]=void 0!==t?t:{})})("versions",[]).push({version:n.version,mode:o(4461)?"pure":"global",copyright:"© 2020 Denis Pushkarev (zloirock.ru)"})},58364:(e,t,o)=>{var n=o(27007),r=o(24963),i=o(86314)("species");e.exports=function(e,t){var o,a=n(e).constructor;return void 0===a||null==(o=n(a)[i])?t:r(o)}},77717:(e,t,o)=>{"use strict";var n=o(74253);e.exports=function(e,t){return!!e&&n((function(){t?e.call(null,(function(){}),1):e.call(null)}))}},24496:(e,t,o)=>{var n=o(81467),r=o(91355);e.exports=function(e){return function(t,o){var i,a,s=String(r(t)),l=n(o),d=s.length;return l<0||l>=d?e?"":void 0:(i=s.charCodeAt(l))<55296||i>56319||l+1===d||(a=s.charCodeAt(l+1))<56320||a>57343?e?s.charAt(l):i:e?s.slice(l,l+2):a-56320+(i-55296<<10)+65536}}},42094:(e,t,o)=>{var n=o(55364),r=o(91355);e.exports=function(e,t,o){if(n(t))throw TypeError("String#"+o+" doesn't accept regex!");return String(r(e))}},29395:(e,t,o)=>{var n=o(42985),r=o(74253),i=o(91355),a=/"/g,s=function(e,t,o,n){var r=String(i(e)),s="<"+t;return""!==o&&(s+=" "+o+'="'+String(n).replace(a,"&quot;")+'"'),s+">"+r+"</"+t+">"};e.exports=function(e,t){var o={};o[e]=t(s),n(n.P+n.F*r((function(){var t=""[e]('"');return t!==t.toLowerCase()||t.split('"').length>3})),"String",o)}},75442:(e,t,o)=>{var n=o(10875),r=o(68595),i=o(91355);e.exports=function(e,t,o,a){var s=String(i(e)),l=s.length,d=void 0===o?" ":String(o),c=n(t);if(c<=l||""==d)return s;var h=c-l,u=r.call(d,Math.ceil(h/d.length));return u.length>h&&(u=u.slice(0,h)),a?u+s:s+u}},68595:(e,t,o)=>{"use strict";var n=o(81467),r=o(91355);e.exports=function(e){var t=String(r(this)),o="",i=n(e);if(i<0||i==1/0)throw RangeError("Count can't be negative");for(;i>0;(i>>>=1)&&(t+=t))1&i&&(o+=t);return o}},29599:(e,t,o)=>{var n=o(42985),r=o(91355),i=o(74253),a=o(84644),s="["+a+"]",l=RegExp("^"+s+s+"*"),d=RegExp(s+s+"*$"),c=function(e,t,o){var r={},s=i((function(){return!!a[e]()||"​…"!="​…"[e]()})),l=r[e]=s?t(h):a[e];o&&(r[o]=l),n(n.P+n.F*s,"String",r)},h=c.trim=function(e,t){return e=String(r(e)),1&t&&(e=e.replace(l,"")),2&t&&(e=e.replace(d,"")),e};e.exports=c},84644:e=>{e.exports="\t\n\v\f\r   ᠎             　\u2028\u2029\ufeff"},74193:(e,t,o)=>{var n,r,i,a=o(741),s=o(97242),l=o(40639),d=o(62457),c=o(3816),h=c.process,u=c.setImmediate,g=c.clearImmediate,p=c.MessageChannel,f=c.Dispatch,m=0,b={},v="onreadystatechange",y=function(){var e=+this;if(b.hasOwnProperty(e)){var t=b[e];delete b[e],t()}},w=function(e){y.call(e.data)};u&&g||(u=function(e){for(var t=[],o=1;arguments.length>o;)t.push(arguments[o++]);return b[++m]=function(){s("function"==typeof e?e:Function(e),t)},n(m),m},g=function(e){delete b[e]},"process"==o(92032)(h)?n=function(e){h.nextTick(a(y,e,1))}:f&&f.now?n=function(e){f.now(a(y,e,1))}:p?(i=(r=new p).port2,r.port1.onmessage=w,n=a(i.postMessage,i,1)):c.addEventListener&&"function"==typeof postMessage&&!c.importScripts?(n=function(e){c.postMessage(e+"","*")},c.addEventListener("message",w,!1)):n=v in d("script")?function(e){l.appendChild(d("script"))[v]=function(){l.removeChild(this),y.call(e)}}:function(e){setTimeout(a(y,e,1),0)}),e.exports={set:u,clear:g}},92337:(e,t,o)=>{var n=o(81467),r=Math.max,i=Math.min;e.exports=function(e,t){return(e=n(e))<0?r(e+t,0):i(e,t)}},94843:(e,t,o)=>{var n=o(81467),r=o(10875);e.exports=function(e){if(void 0===e)return 0;var t=n(e),o=r(t);if(t!==o)throw RangeError("Wrong length!");return o}},81467:e=>{var t=Math.ceil,o=Math.floor;e.exports=function(e){return isNaN(e=+e)?0:(e>0?o:t)(e)}},22110:(e,t,o)=>{var n=o(49797),r=o(91355);e.exports=function(e){return n(r(e))}},10875:(e,t,o)=>{var n=o(81467),r=Math.min;e.exports=function(e){return e>0?r(n(e),9007199254740991):0}},20508:(e,t,o)=>{var n=o(91355);e.exports=function(e){return Object(n(e))}},21689:(e,t,o)=>{var n=o(55286);e.exports=function(e,t){if(!n(e))return e;var o,r;if(t&&"function"==typeof(o=e.toString)&&!n(r=o.call(e)))return r;if("function"==typeof(o=e.valueOf)&&!n(r=o.call(e)))return r;if(!t&&"function"==typeof(o=e.toString)&&!n(r=o.call(e)))return r;throw TypeError("Can't convert object to primitive value")}},78440:(e,t,o)=>{"use strict";if(o(67057)){var n=o(4461),r=o(3816),i=o(74253),a=o(42985),s=o(89383),l=o(91125),d=o(741),c=o(83328),h=o(90681),u=o(87728),g=o(24408),p=o(81467),f=o(10875),m=o(94843),b=o(92337),v=o(21689),y=o(79181),w=o(41488),z=o(55286),C=o(20508),S=o(86555),x=o(42503),M=o(468),_=o(20616).f,k=o(69002),R=o(93953),D=o(86314),E=o(10050),O=o(79315),T=o(58364),A=o(56997),I=o(87234),L=o(7462),F=o(2974),N=o(46852),B=o(5216),G=o(99275),H=o(18693),P=G.f,Z=H.f,U=r.RangeError,W=r.TypeError,V=r.Uint8Array,$="ArrayBuffer",j="Shared"+$,q="BYTES_PER_ELEMENT",K="prototype",Y=Array[K],X=l.ArrayBuffer,J=l.DataView,Q=E(0),ee=E(2),te=E(3),oe=E(4),ne=E(5),re=E(6),ie=O(!0),ae=O(!1),se=A.values,le=A.keys,de=A.entries,ce=Y.lastIndexOf,he=Y.reduce,ue=Y.reduceRight,ge=Y.join,pe=Y.sort,fe=Y.slice,me=Y.toString,be=Y.toLocaleString,ve=D("iterator"),ye=D("toStringTag"),we=R("typed_constructor"),ze=R("def_constructor"),Ce=s.CONSTR,Se=s.TYPED,xe=s.VIEW,Me="Wrong length!",_e=E(1,(function(e,t){return Oe(T(e,e[ze]),t)})),ke=i((function(){return 1===new V(new Uint16Array([1]).buffer)[0]})),Re=!!V&&!!V[K].set&&i((function(){new V(1).set({})})),De=function(e,t){var o=p(e);if(o<0||o%t)throw U("Wrong offset!");return o},Ee=function(e){if(z(e)&&Se in e)return e;throw W(e+" is not a typed array!")},Oe=function(e,t){if(!z(e)||!(we in e))throw W("It is not a typed array constructor!");return new e(t)},Te=function(e,t){return Ae(T(e,e[ze]),t)},Ae=function(e,t){for(var o=0,n=t.length,r=Oe(e,n);n>o;)r[o]=t[o++];return r},Ie=function(e,t,o){P(e,t,{get:function(){return this._d[o]}})},Le=function(e){var t,o,n,r,i,a,s=C(e),l=arguments.length,c=l>1?arguments[1]:void 0,h=void 0!==c,u=k(s);if(null!=u&&!S(u)){for(a=u.call(s),n=[],t=0;!(i=a.next()).done;t++)n.push(i.value);s=n}for(h&&l>2&&(c=d(c,arguments[2],2)),t=0,o=f(s.length),r=Oe(this,o);o>t;t++)r[t]=h?c(s[t],t):s[t];return r},Fe=function(){for(var e=0,t=arguments.length,o=Oe(this,t);t>e;)o[e]=arguments[e++];return o},Ne=!!V&&i((function(){be.call(new V(1))})),Be=function(){return be.apply(Ne?fe.call(Ee(this)):Ee(this),arguments)},Ge={copyWithin:function(e,t){return B.call(Ee(this),e,t,arguments.length>2?arguments[2]:void 0)},every:function(e){return oe(Ee(this),e,arguments.length>1?arguments[1]:void 0)},fill:function(e){return N.apply(Ee(this),arguments)},filter:function(e){return Te(this,ee(Ee(this),e,arguments.length>1?arguments[1]:void 0))},find:function(e){return ne(Ee(this),e,arguments.length>1?arguments[1]:void 0)},findIndex:function(e){return re(Ee(this),e,arguments.length>1?arguments[1]:void 0)},forEach:function(e){Q(Ee(this),e,arguments.length>1?arguments[1]:void 0)},indexOf:function(e){return ae(Ee(this),e,arguments.length>1?arguments[1]:void 0)},includes:function(e){return ie(Ee(this),e,arguments.length>1?arguments[1]:void 0)},join:function(e){return ge.apply(Ee(this),arguments)},lastIndexOf:function(e){return ce.apply(Ee(this),arguments)},map:function(e){return _e(Ee(this),e,arguments.length>1?arguments[1]:void 0)},reduce:function(e){return he.apply(Ee(this),arguments)},reduceRight:function(e){return ue.apply(Ee(this),arguments)},reverse:function(){for(var e,t=this,o=Ee(t).length,n=Math.floor(o/2),r=0;r<n;)e=t[r],t[r++]=t[--o],t[o]=e;return t},some:function(e){return te(Ee(this),e,arguments.length>1?arguments[1]:void 0)},sort:function(e){return pe.call(Ee(this),e)},subarray:function(e,t){var o=Ee(this),n=o.length,r=b(e,n);return new(T(o,o[ze]))(o.buffer,o.byteOffset+r*o.BYTES_PER_ELEMENT,f((void 0===t?n:b(t,n))-r))}},He=function(e,t){return Te(this,fe.call(Ee(this),e,t))},Pe=function(e){Ee(this);var t=De(arguments[1],1),o=this.length,n=C(e),r=f(n.length),i=0;if(r+t>o)throw U(Me);for(;i<r;)this[t+i]=n[i++]},Ze={entries:function(){return de.call(Ee(this))},keys:function(){return le.call(Ee(this))},values:function(){return se.call(Ee(this))}},Ue=function(e,t){return z(e)&&e[Se]&&"symbol"!=typeof t&&t in e&&String(+t)==String(t)},We=function(e,t){return Ue(e,t=v(t,!0))?h(2,e[t]):Z(e,t)},Ve=function(e,t,o){return!(Ue(e,t=v(t,!0))&&z(o)&&y(o,"value"))||y(o,"get")||y(o,"set")||o.configurable||y(o,"writable")&&!o.writable||y(o,"enumerable")&&!o.enumerable?P(e,t,o):(e[t]=o.value,e)};Ce||(H.f=We,G.f=Ve),a(a.S+a.F*!Ce,"Object",{getOwnPropertyDescriptor:We,defineProperty:Ve}),i((function(){me.call({})}))&&(me=be=function(){return ge.call(this)});var $e=g({},Ge);g($e,Ze),u($e,ve,Ze.values),g($e,{slice:He,set:Pe,constructor:function(){},toString:me,toLocaleString:Be}),Ie($e,"buffer","b"),Ie($e,"byteOffset","o"),Ie($e,"byteLength","l"),Ie($e,"length","e"),P($e,ye,{get:function(){return this[Se]}}),e.exports=function(e,t,o,l){var d=e+((l=!!l)?"Clamped":"")+"Array",h="get"+e,g="set"+e,p=r[d],b=p||{},v=p&&M(p),y=!p||!s.ABV,C={},S=p&&p[K],k=function(e,o){P(e,o,{get:function(){return function(e,o){var n=e._d;return n.v[h](o*t+n.o,ke)}(this,o)},set:function(e){return function(e,o,n){var r=e._d;l&&(n=(n=Math.round(n))<0?0:n>255?255:255&n),r.v[g](o*t+r.o,n,ke)}(this,o,e)},enumerable:!0})};y?(p=o((function(e,o,n,r){c(e,p,d,"_d");var i,a,s,l,h=0,g=0;if(z(o)){if(!(o instanceof X||(l=w(o))==$||l==j))return Se in o?Ae(p,o):Le.call(p,o);i=o,g=De(n,t);var b=o.byteLength;if(void 0===r){if(b%t)throw U(Me);if((a=b-g)<0)throw U(Me)}else if((a=f(r)*t)+g>b)throw U(Me);s=a/t}else s=m(o),i=new X(a=s*t);for(u(e,"_d",{b:i,o:g,l:a,e:s,v:new J(i)});h<s;)k(e,h++)})),S=p[K]=x($e),u(S,"constructor",p)):i((function(){p(1)}))&&i((function(){new p(-1)}))&&L((function(e){new p,new p(null),new p(1.5),new p(e)}),!0)||(p=o((function(e,o,n,r){var i;return c(e,p,d),z(o)?o instanceof X||(i=w(o))==$||i==j?void 0!==r?new b(o,De(n,t),r):void 0!==n?new b(o,De(n,t)):new b(o):Se in o?Ae(p,o):Le.call(p,o):new b(m(o))})),Q(v!==Function.prototype?_(b).concat(_(v)):_(b),(function(e){e in p||u(p,e,b[e])})),p[K]=S,n||(S.constructor=p));var R=S[ve],D=!!R&&("values"==R.name||null==R.name),E=Ze.values;u(p,we,!0),u(S,Se,d),u(S,xe,!0),u(S,ze,p),(l?new p(1)[ye]==d:ye in S)||P(S,ye,{get:function(){return d}}),C[d]=p,a(a.G+a.W+a.F*(p!=b),C),a(a.S,d,{BYTES_PER_ELEMENT:t}),a(a.S+a.F*i((function(){b.of.call(p,1)})),d,{from:Le,of:Fe}),q in S||u(S,q,t),a(a.P,d,Ge),F(d),a(a.P+a.F*Re,d,{set:Pe}),a(a.P+a.F*!D,d,Ze),n||S.toString==me||(S.toString=me),a(a.P+a.F*i((function(){new p(1).slice()})),d,{slice:He}),a(a.P+a.F*(i((function(){return[1,2].toLocaleString()!=new p([1,2]).toLocaleString()}))||!i((function(){S.toLocaleString.call([1,2])}))),d,{toLocaleString:Be}),I[d]=D?R:E,n||D||u(S,ve,E)}}else e.exports=function(){}},91125:(e,t,o)=>{"use strict";var n=o(3816),r=o(67057),i=o(4461),a=o(89383),s=o(87728),l=o(24408),d=o(74253),c=o(83328),h=o(81467),u=o(10875),g=o(94843),p=o(20616).f,f=o(99275).f,m=o(46852),b=o(22943),v="ArrayBuffer",y="DataView",w="prototype",z="Wrong index!",C=n[v],S=n[y],x=n.Math,M=n.RangeError,_=n.Infinity,k=C,R=x.abs,D=x.pow,E=x.floor,O=x.log,T=x.LN2,A="buffer",I="byteLength",L="byteOffset",F=r?"_b":A,N=r?"_l":I,B=r?"_o":L;function G(e,t,o){var n,r,i,a=new Array(o),s=8*o-t-1,l=(1<<s)-1,d=l>>1,c=23===t?D(2,-24)-D(2,-77):0,h=0,u=e<0||0===e&&1/e<0?1:0;for((e=R(e))!=e||e===_?(r=e!=e?1:0,n=l):(n=E(O(e)/T),e*(i=D(2,-n))<1&&(n--,i*=2),(e+=n+d>=1?c/i:c*D(2,1-d))*i>=2&&(n++,i/=2),n+d>=l?(r=0,n=l):n+d>=1?(r=(e*i-1)*D(2,t),n+=d):(r=e*D(2,d-1)*D(2,t),n=0));t>=8;a[h++]=255&r,r/=256,t-=8);for(n=n<<t|r,s+=t;s>0;a[h++]=255&n,n/=256,s-=8);return a[--h]|=128*u,a}function H(e,t,o){var n,r=8*o-t-1,i=(1<<r)-1,a=i>>1,s=r-7,l=o-1,d=e[l--],c=127&d;for(d>>=7;s>0;c=256*c+e[l],l--,s-=8);for(n=c&(1<<-s)-1,c>>=-s,s+=t;s>0;n=256*n+e[l],l--,s-=8);if(0===c)c=1-a;else{if(c===i)return n?NaN:d?-_:_;n+=D(2,t),c-=a}return(d?-1:1)*n*D(2,c-t)}function P(e){return e[3]<<24|e[2]<<16|e[1]<<8|e[0]}function Z(e){return[255&e]}function U(e){return[255&e,e>>8&255]}function W(e){return[255&e,e>>8&255,e>>16&255,e>>24&255]}function V(e){return G(e,52,8)}function $(e){return G(e,23,4)}function j(e,t,o){f(e[w],t,{get:function(){return this[o]}})}function q(e,t,o,n){var r=g(+o);if(r+t>e[N])throw M(z);var i=e[F]._b,a=r+e[B],s=i.slice(a,a+t);return n?s:s.reverse()}function K(e,t,o,n,r,i){var a=g(+o);if(a+t>e[N])throw M(z);for(var s=e[F]._b,l=a+e[B],d=n(+r),c=0;c<t;c++)s[l+c]=d[i?c:t-c-1]}if(a.ABV){if(!d((function(){C(1)}))||!d((function(){new C(-1)}))||d((function(){return new C,new C(1.5),new C(NaN),C.name!=v}))){for(var Y,X=(C=function(e){return c(this,C),new k(g(e))})[w]=k[w],J=p(k),Q=0;J.length>Q;)(Y=J[Q++])in C||s(C,Y,k[Y]);i||(X.constructor=C)}var ee=new S(new C(2)),te=S[w].setInt8;ee.setInt8(0,2147483648),ee.setInt8(1,2147483649),!ee.getInt8(0)&&ee.getInt8(1)||l(S[w],{setInt8:function(e,t){te.call(this,e,t<<24>>24)},setUint8:function(e,t){te.call(this,e,t<<24>>24)}},!0)}else C=function(e){c(this,C,v);var t=g(e);this._b=m.call(new Array(t),0),this[N]=t},S=function(e,t,o){c(this,S,y),c(e,C,y);var n=e[N],r=h(t);if(r<0||r>n)throw M("Wrong offset!");if(r+(o=void 0===o?n-r:u(o))>n)throw M("Wrong length!");this[F]=e,this[B]=r,this[N]=o},r&&(j(C,I,"_l"),j(S,A,"_b"),j(S,I,"_l"),j(S,L,"_o")),l(S[w],{getInt8:function(e){return q(this,1,e)[0]<<24>>24},getUint8:function(e){return q(this,1,e)[0]},getInt16:function(e){var t=q(this,2,e,arguments[1]);return(t[1]<<8|t[0])<<16>>16},getUint16:function(e){var t=q(this,2,e,arguments[1]);return t[1]<<8|t[0]},getInt32:function(e){return P(q(this,4,e,arguments[1]))},getUint32:function(e){return P(q(this,4,e,arguments[1]))>>>0},getFloat32:function(e){return H(q(this,4,e,arguments[1]),23,4)},getFloat64:function(e){return H(q(this,8,e,arguments[1]),52,8)},setInt8:function(e,t){K(this,1,e,Z,t)},setUint8:function(e,t){K(this,1,e,Z,t)},setInt16:function(e,t){K(this,2,e,U,t,arguments[2])},setUint16:function(e,t){K(this,2,e,U,t,arguments[2])},setInt32:function(e,t){K(this,4,e,W,t,arguments[2])},setUint32:function(e,t){K(this,4,e,W,t,arguments[2])},setFloat32:function(e,t){K(this,4,e,$,t,arguments[2])},setFloat64:function(e,t){K(this,8,e,V,t,arguments[2])}});b(C,v),b(S,y),s(S[w],a.VIEW,!0),t[v]=C,t[y]=S},89383:(e,t,o)=>{for(var n,r=o(3816),i=o(87728),a=o(93953),s=a("typed_array"),l=a("view"),d=!(!r.ArrayBuffer||!r.DataView),c=d,h=0,u="Int8Array,Uint8Array,Uint8ClampedArray,Int16Array,Uint16Array,Int32Array,Uint32Array,Float32Array,Float64Array".split(",");h<9;)(n=r[u[h++]])?(i(n.prototype,s,!0),i(n.prototype,l,!0)):c=!1;e.exports={ABV:d,CONSTR:c,TYPED:s,VIEW:l}},93953:e=>{var t=0,o=Math.random();e.exports=function(e){return"Symbol(".concat(void 0===e?"":e,")_",(++t+o).toString(36))}},30575:(e,t,o)=>{var n=o(3816).navigator;e.exports=n&&n.userAgent||""},1616:(e,t,o)=>{var n=o(55286);e.exports=function(e,t){if(!n(e)||e._t!==t)throw TypeError("Incompatible receiver, "+t+" required!");return e}},36074:(e,t,o)=>{var n=o(3816),r=o(25645),i=o(4461),a=o(28787),s=o(99275).f;e.exports=function(e){var t=r.Symbol||(r.Symbol=i?{}:n.Symbol||{});"_"==e.charAt(0)||e in t||s(t,e,{value:a.f(e)})}},28787:(e,t,o)=>{t.f=o(86314)},86314:(e,t,o)=>{var n=o(3825)("wks"),r=o(93953),i=o(3816).Symbol,a="function"==typeof i;(e.exports=function(e){return n[e]||(n[e]=a&&i[e]||(a?i:r)("Symbol."+e))}).store=n},69002:(e,t,o)=>{var n=o(41488),r=o(86314)("iterator"),i=o(87234);e.exports=o(25645).getIteratorMethod=function(e){if(null!=e)return e[r]||e["@@iterator"]||i[n(e)]}},32e3:(e,t,o)=>{var n=o(42985);n(n.P,"Array",{copyWithin:o(5216)}),o(17722)("copyWithin")},15745:(e,t,o)=>{"use strict";var n=o(42985),r=o(10050)(4);n(n.P+n.F*!o(77717)([].every,!0),"Array",{every:function(e){return r(this,e,arguments[1])}})},48977:(e,t,o)=>{var n=o(42985);n(n.P,"Array",{fill:o(46852)}),o(17722)("fill")},98837:(e,t,o)=>{"use strict";var n=o(42985),r=o(10050)(2);n(n.P+n.F*!o(77717)([].filter,!0),"Array",{filter:function(e){return r(this,e,arguments[1])}})},94899:(e,t,o)=>{"use strict";var n=o(42985),r=o(10050)(6),i="findIndex",a=!0;i in[]&&Array(1)[i]((function(){a=!1})),n(n.P+n.F*a,"Array",{findIndex:function(e){return r(this,e,arguments.length>1?arguments[1]:void 0)}}),o(17722)(i)},52310:(e,t,o)=>{"use strict";var n=o(42985),r=o(10050)(5),i="find",a=!0;i in[]&&Array(1)[i]((function(){a=!1})),n(n.P+n.F*a,"Array",{find:function(e){return r(this,e,arguments.length>1?arguments[1]:void 0)}}),o(17722)(i)},24336:(e,t,o)=>{"use strict";var n=o(42985),r=o(10050)(0),i=o(77717)([].forEach,!0);n(n.P+n.F*!i,"Array",{forEach:function(e){return r(this,e,arguments[1])}})},30522:(e,t,o)=>{"use strict";var n=o(741),r=o(42985),i=o(20508),a=o(28851),s=o(86555),l=o(10875),d=o(92811),c=o(69002);r(r.S+r.F*!o(7462)((function(e){Array.from(e)})),"Array",{from:function(e){var t,o,r,h,u=i(e),g="function"==typeof this?this:Array,p=arguments.length,f=p>1?arguments[1]:void 0,m=void 0!==f,b=0,v=c(u);if(m&&(f=n(f,p>2?arguments[2]:void 0,2)),null==v||g==Array&&s(v))for(o=new g(t=l(u.length));t>b;b++)d(o,b,m?f(u[b],b):u[b]);else for(h=v.call(u),o=new g;!(r=h.next()).done;b++)d(o,b,m?a(h,f,[r.value,b],!0):r.value);return o.length=b,o}})},23369:(e,t,o)=>{"use strict";var n=o(42985),r=o(79315)(!1),i=[].indexOf,a=!!i&&1/[1].indexOf(1,-0)<0;n(n.P+n.F*(a||!o(77717)(i)),"Array",{indexOf:function(e){return a?i.apply(this,arguments)||0:r(this,e,arguments[1])}})},20774:(e,t,o)=>{var n=o(42985);n(n.S,"Array",{isArray:o(4302)})},56997:(e,t,o)=>{"use strict";var n=o(17722),r=o(15436),i=o(87234),a=o(22110);e.exports=o(42923)(Array,"Array",(function(e,t){this._t=a(e),this._i=0,this._k=t}),(function(){var e=this._t,t=this._k,o=this._i++;return!e||o>=e.length?(this._t=void 0,r(1)):r(0,"keys"==t?o:"values"==t?e[o]:[o,e[o]])}),"values"),i.Arguments=i.Array,n("keys"),n("values"),n("entries")},87842:(e,t,o)=>{"use strict";var n=o(42985),r=o(22110),i=[].join;n(n.P+n.F*(o(49797)!=Object||!o(77717)(i)),"Array",{join:function(e){return i.call(r(this),void 0===e?",":e)}})},99564:(e,t,o)=>{"use strict";var n=o(42985),r=o(22110),i=o(81467),a=o(10875),s=[].lastIndexOf,l=!!s&&1/[1].lastIndexOf(1,-0)<0;n(n.P+n.F*(l||!o(77717)(s)),"Array",{lastIndexOf:function(e){if(l)return s.apply(this,arguments)||0;var t=r(this),o=a(t.length),n=o-1;for(arguments.length>1&&(n=Math.min(n,i(arguments[1]))),n<0&&(n=o+n);n>=0;n--)if(n in t&&t[n]===e)return n||0;return-1}})},19371:(e,t,o)=>{"use strict";var n=o(42985),r=o(10050)(1);n(n.P+n.F*!o(77717)([].map,!0),"Array",{map:function(e){return r(this,e,arguments[1])}})},58295:(e,t,o)=>{"use strict";var n=o(42985),r=o(92811);n(n.S+n.F*o(74253)((function(){function e(){}return!(Array.of.call(e)instanceof e)})),"Array",{of:function(){for(var e=0,t=arguments.length,o=new("function"==typeof this?this:Array)(t);t>e;)r(o,e,arguments[e++]);return o.length=t,o}})},3750:(e,t,o)=>{"use strict";var n=o(42985),r=o(37628);n(n.P+n.F*!o(77717)([].reduceRight,!0),"Array",{reduceRight:function(e){return r(this,e,arguments.length,arguments[1],!0)}})},33057:(e,t,o)=>{"use strict";var n=o(42985),r=o(37628);n(n.P+n.F*!o(77717)([].reduce,!0),"Array",{reduce:function(e){return r(this,e,arguments.length,arguments[1],!1)}})},50110:(e,t,o)=>{"use strict";var n=o(42985),r=o(40639),i=o(92032),a=o(92337),s=o(10875),l=[].slice;n(n.P+n.F*o(74253)((function(){r&&l.call(r)})),"Array",{slice:function(e,t){var o=s(this.length),n=i(this);if(t=void 0===t?o:t,"Array"==n)return l.call(this,e,t);for(var r=a(e,o),d=a(t,o),c=s(d-r),h=new Array(c),u=0;u<c;u++)h[u]="String"==n?this.charAt(r+u):this[r+u];return h}})},26773:(e,t,o)=>{"use strict";var n=o(42985),r=o(10050)(3);n(n.P+n.F*!o(77717)([].some,!0),"Array",{some:function(e){return r(this,e,arguments[1])}})},20075:(e,t,o)=>{"use strict";var n=o(42985),r=o(24963),i=o(20508),a=o(74253),s=[].sort,l=[1,2,3];n(n.P+n.F*(a((function(){l.sort(void 0)}))||!a((function(){l.sort(null)}))||!o(77717)(s)),"Array",{sort:function(e){return void 0===e?s.call(i(this)):s.call(i(this),r(e))}})},31842:(e,t,o)=>{o(2974)("Array")},81822:(e,t,o)=>{var n=o(42985);n(n.S,"Date",{now:function(){return(new Date).getTime()}})},91031:(e,t,o)=>{var n=o(42985),r=o(53537);n(n.P+n.F*(Date.prototype.toISOString!==r),"Date",{toISOString:r})},19977:(e,t,o)=>{"use strict";var n=o(42985),r=o(20508),i=o(21689);n(n.P+n.F*o(74253)((function(){return null!==new Date(NaN).toJSON()||1!==Date.prototype.toJSON.call({toISOString:function(){return 1}})})),"Date",{toJSON:function(e){var t=r(this),o=i(t);return"number"!=typeof o||isFinite(o)?t.toISOString():null}})},41560:(e,t,o)=>{var n=o(86314)("toPrimitive"),r=Date.prototype;n in r||o(87728)(r,n,o(870))},46331:(e,t,o)=>{var n=Date.prototype,r="Invalid Date",i="toString",a=n[i],s=n.getTime;new Date(NaN)+""!=r&&o(77234)(n,i,(function(){var e=s.call(this);return e==e?a.call(this):r}))},39730:(e,t,o)=>{var n=o(42985);n(n.P,"Function",{bind:o(34398)})},48377:(e,t,o)=>{"use strict";var n=o(55286),r=o(468),i=o(86314)("hasInstance"),a=Function.prototype;i in a||o(99275).f(a,i,{value:function(e){if("function"!=typeof this||!n(e))return!1;if(!n(this.prototype))return e instanceof this;for(;e=r(e);)if(this.prototype===e)return!0;return!1}})},6059:(e,t,o)=>{var n=o(99275).f,r=Function.prototype,i=/^\s*function ([^ (]*)/,a="name";a in r||o(67057)&&n(r,a,{configurable:!0,get:function(){try{return(""+this).match(i)[1]}catch(e){return""}}})},88416:(e,t,o)=>{"use strict";var n=o(9824),r=o(1616),i="Map";e.exports=o(45795)(i,(function(e){return function(){return e(this,arguments.length>0?arguments[0]:void 0)}}),{get:function(e){var t=n.getEntry(r(this,i),e);return t&&t.v},set:function(e,t){return n.def(r(this,i),0===e?0:e,t)}},n,!0)},76503:(e,t,o)=>{var n=o(42985),r=o(46206),i=Math.sqrt,a=Math.acosh;n(n.S+n.F*!(a&&710==Math.floor(a(Number.MAX_VALUE))&&a(1/0)==1/0),"Math",{acosh:function(e){return(e=+e)<1?NaN:e>94906265.62425156?Math.log(e)+Math.LN2:r(e-1+i(e-1)*i(e+1))}})},66786:(e,t,o)=>{var n=o(42985),r=Math.asinh;n(n.S+n.F*!(r&&1/r(0)>0),"Math",{asinh:function e(t){return isFinite(t=+t)&&0!=t?t<0?-e(-t):Math.log(t+Math.sqrt(t*t+1)):t}})},50932:(e,t,o)=>{var n=o(42985),r=Math.atanh;n(n.S+n.F*!(r&&1/r(-0)<0),"Math",{atanh:function(e){return 0==(e=+e)?e:Math.log((1+e)/(1-e))/2}})},57526:(e,t,o)=>{var n=o(42985),r=o(61801);n(n.S,"Math",{cbrt:function(e){return r(e=+e)*Math.pow(Math.abs(e),1/3)}})},21591:(e,t,o)=>{var n=o(42985);n(n.S,"Math",{clz32:function(e){return(e>>>=0)?31-Math.floor(Math.log(e+.5)*Math.LOG2E):32}})},9073:(e,t,o)=>{var n=o(42985),r=Math.exp;n(n.S,"Math",{cosh:function(e){return(r(e=+e)+r(-e))/2}})},80347:(e,t,o)=>{var n=o(42985),r=o(13086);n(n.S+n.F*(r!=Math.expm1),"Math",{expm1:r})},30579:(e,t,o)=>{var n=o(42985);n(n.S,"Math",{fround:o(34934)})},4669:(e,t,o)=>{var n=o(42985),r=Math.abs;n(n.S,"Math",{hypot:function(e,t){for(var o,n,i=0,a=0,s=arguments.length,l=0;a<s;)l<(o=r(arguments[a++]))?(i=i*(n=l/o)*n+1,l=o):i+=o>0?(n=o/l)*n:o;return l===1/0?1/0:l*Math.sqrt(i)}})},67710:(e,t,o)=>{var n=o(42985),r=Math.imul;n(n.S+n.F*o(74253)((function(){return-5!=r(4294967295,5)||2!=r.length})),"Math",{imul:function(e,t){var o=65535,n=+e,r=+t,i=o&n,a=o&r;return 0|i*a+((o&n>>>16)*a+i*(o&r>>>16)<<16>>>0)}})},45789:(e,t,o)=>{var n=o(42985);n(n.S,"Math",{log10:function(e){return Math.log(e)*Math.LOG10E}})},33514:(e,t,o)=>{var n=o(42985);n(n.S,"Math",{log1p:o(46206)})},99978:(e,t,o)=>{var n=o(42985);n(n.S,"Math",{log2:function(e){return Math.log(e)/Math.LN2}})},58472:(e,t,o)=>{var n=o(42985);n(n.S,"Math",{sign:o(61801)})},86946:(e,t,o)=>{var n=o(42985),r=o(13086),i=Math.exp;n(n.S+n.F*o(74253)((function(){return-2e-17!=!Math.sinh(-2e-17)})),"Math",{sinh:function(e){return Math.abs(e=+e)<1?(r(e)-r(-e))/2:(i(e-1)-i(-e-1))*(Math.E/2)}})},35068:(e,t,o)=>{var n=o(42985),r=o(13086),i=Math.exp;n(n.S,"Math",{tanh:function(e){var t=r(e=+e),o=r(-e);return t==1/0?1:o==1/0?-1:(t-o)/(i(e)+i(-e))}})},413:(e,t,o)=>{var n=o(42985);n(n.S,"Math",{trunc:function(e){return(e>0?Math.floor:Math.ceil)(e)}})},11246:(e,t,o)=>{"use strict";var n=o(3816),r=o(79181),i=o(92032),a=o(40266),s=o(21689),l=o(74253),d=o(20616).f,c=o(18693).f,h=o(99275).f,u=o(29599).trim,g="Number",p=n[g],f=p,m=p.prototype,b=i(o(42503)(m))==g,v="trim"in String.prototype,y=function(e){var t=s(e,!1);if("string"==typeof t&&t.length>2){var o,n,r,i=(t=v?t.trim():u(t,3)).charCodeAt(0);if(43===i||45===i){if(88===(o=t.charCodeAt(2))||120===o)return NaN}else if(48===i){switch(t.charCodeAt(1)){case 66:case 98:n=2,r=49;break;case 79:case 111:n=8,r=55;break;default:return+t}for(var a,l=t.slice(2),d=0,c=l.length;d<c;d++)if((a=l.charCodeAt(d))<48||a>r)return NaN;return parseInt(l,n)}}return+t};if(!p(" 0o1")||!p("0b1")||p("+0x1")){p=function(e){var t=arguments.length<1?0:e,o=this;return o instanceof p&&(b?l((function(){m.valueOf.call(o)})):i(o)!=g)?a(new f(y(t)),o,p):y(t)};for(var w,z=o(67057)?d(f):"MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger".split(","),C=0;z.length>C;C++)r(f,w=z[C])&&!r(p,w)&&h(p,w,c(f,w));p.prototype=m,m.constructor=p,o(77234)(n,g,p)}},75972:(e,t,o)=>{var n=o(42985);n(n.S,"Number",{EPSILON:Math.pow(2,-52)})},53403:(e,t,o)=>{var n=o(42985),r=o(3816).isFinite;n(n.S,"Number",{isFinite:function(e){return"number"==typeof e&&r(e)}})},92516:(e,t,o)=>{var n=o(42985);n(n.S,"Number",{isInteger:o(18367)})},49371:(e,t,o)=>{var n=o(42985);n(n.S,"Number",{isNaN:function(e){return e!=e}})},86479:(e,t,o)=>{var n=o(42985),r=o(18367),i=Math.abs;n(n.S,"Number",{isSafeInteger:function(e){return r(e)&&i(e)<=9007199254740991}})},91736:(e,t,o)=>{var n=o(42985);n(n.S,"Number",{MAX_SAFE_INTEGER:9007199254740991})},51889:(e,t,o)=>{var n=o(42985);n(n.S,"Number",{MIN_SAFE_INTEGER:-9007199254740991})},65177:(e,t,o)=>{var n=o(42985),r=o(47743);n(n.S+n.F*(Number.parseFloat!=r),"Number",{parseFloat:r})},81246:(e,t,o)=>{var n=o(42985),r=o(55960);n(n.S+n.F*(Number.parseInt!=r),"Number",{parseInt:r})},30726:(e,t,o)=>{"use strict";var n=o(42985),r=o(81467),i=o(83365),a=o(68595),s=1..toFixed,l=Math.floor,d=[0,0,0,0,0,0],c="Number.toFixed: incorrect invocation!",h="0",u=function(e,t){for(var o=-1,n=t;++o<6;)n+=e*d[o],d[o]=n%1e7,n=l(n/1e7)},g=function(e){for(var t=6,o=0;--t>=0;)o+=d[t],d[t]=l(o/e),o=o%e*1e7},p=function(){for(var e=6,t="";--e>=0;)if(""!==t||0===e||0!==d[e]){var o=String(d[e]);t=""===t?o:t+a.call(h,7-o.length)+o}return t},f=function(e,t,o){return 0===t?o:t%2==1?f(e,t-1,o*e):f(e*e,t/2,o)};n(n.P+n.F*(!!s&&("0.000"!==8e-5.toFixed(3)||"1"!==.9.toFixed(0)||"1.25"!==1.255.toFixed(2)||"1000000000000000128"!==(0xde0b6b3a7640080).toFixed(0))||!o(74253)((function(){s.call({})}))),"Number",{toFixed:function(e){var t,o,n,s,l=i(this,c),d=r(e),m="",b=h;if(d<0||d>20)throw RangeError(c);if(l!=l)return"NaN";if(l<=-1e21||l>=1e21)return String(l);if(l<0&&(m="-",l=-l),l>1e-21)if(t=function(e){for(var t=0,o=e;o>=4096;)t+=12,o/=4096;for(;o>=2;)t+=1,o/=2;return t}(l*f(2,69,1))-69,o=t<0?l*f(2,-t,1):l/f(2,t,1),o*=4503599627370496,(t=52-t)>0){for(u(0,o),n=d;n>=7;)u(1e7,0),n-=7;for(u(f(10,n,1),0),n=t-1;n>=23;)g(1<<23),n-=23;g(1<<n),u(1,1),g(2),b=p()}else u(0,o),u(1<<-t,0),b=p()+a.call(h,d);return b=d>0?m+((s=b.length)<=d?"0."+a.call(h,d-s)+b:b.slice(0,s-d)+"."+b.slice(s-d)):m+b}})},1901:(e,t,o)=>{"use strict";var n=o(42985),r=o(74253),i=o(83365),a=1..toPrecision;n(n.P+n.F*(r((function(){return"1"!==a.call(1,void 0)}))||!r((function(){a.call({})}))),"Number",{toPrecision:function(e){var t=i(this,"Number#toPrecision: incorrect invocation!");return void 0===e?a.call(t):a.call(t,e)}})},75115:(e,t,o)=>{var n=o(42985);n(n.S+n.F,"Object",{assign:o(35345)})},68132:(e,t,o)=>{var n=o(42985);n(n.S,"Object",{create:o(42503)})},37470:(e,t,o)=>{var n=o(42985);n(n.S+n.F*!o(67057),"Object",{defineProperties:o(35588)})},48388:(e,t,o)=>{var n=o(42985);n(n.S+n.F*!o(67057),"Object",{defineProperty:o(99275).f})},89375:(e,t,o)=>{var n=o(55286),r=o(84728).onFreeze;o(33160)("freeze",(function(e){return function(t){return e&&n(t)?e(r(t)):t}}))},94882:(e,t,o)=>{var n=o(22110),r=o(18693).f;o(33160)("getOwnPropertyDescriptor",(function(){return function(e,t){return r(n(e),t)}}))},79622:(e,t,o)=>{o(33160)("getOwnPropertyNames",(function(){return o(39327).f}))},41520:(e,t,o)=>{var n=o(20508),r=o(468);o(33160)("getPrototypeOf",(function(){return function(e){return r(n(e))}}))},49892:(e,t,o)=>{var n=o(55286);o(33160)("isExtensible",(function(e){return function(t){return!!n(t)&&(!e||e(t))}}))},64157:(e,t,o)=>{var n=o(55286);o(33160)("isFrozen",(function(e){return function(t){return!n(t)||!!e&&e(t)}}))},35095:(e,t,o)=>{var n=o(55286);o(33160)("isSealed",(function(e){return function(t){return!n(t)||!!e&&e(t)}}))},99176:(e,t,o)=>{var n=o(42985);n(n.S,"Object",{is:o(27195)})},27476:(e,t,o)=>{var n=o(20508),r=o(47184);o(33160)("keys",(function(){return function(e){return r(n(e))}}))},84672:(e,t,o)=>{var n=o(55286),r=o(84728).onFreeze;o(33160)("preventExtensions",(function(e){return function(t){return e&&n(t)?e(r(t)):t}}))},43533:(e,t,o)=>{var n=o(55286),r=o(84728).onFreeze;o(33160)("seal",(function(e){return function(t){return e&&n(t)?e(r(t)):t}}))},68838:(e,t,o)=>{var n=o(42985);n(n.S,"Object",{setPrototypeOf:o(27375).set})},96253:(e,t,o)=>{"use strict";var n=o(41488),r={};r[o(86314)("toStringTag")]="z",r+""!="[object z]"&&o(77234)(Object.prototype,"toString",(function(){return"[object "+n(this)+"]"}),!0)},64299:(e,t,o)=>{var n=o(42985),r=o(47743);n(n.G+n.F*(parseFloat!=r),{parseFloat:r})},71084:(e,t,o)=>{var n=o(42985),r=o(55960);n(n.G+n.F*(parseInt!=r),{parseInt:r})},40851:(e,t,o)=>{"use strict";var n,r,i,a,s=o(4461),l=o(3816),d=o(741),c=o(41488),h=o(42985),u=o(55286),g=o(24963),p=o(83328),f=o(3531),m=o(58364),b=o(74193).set,v=o(14351)(),y=o(43499),w=o(10188),z=o(30575),C=o(50094),S="Promise",x=l.TypeError,M=l.process,_=M&&M.versions,k=_&&_.v8||"",R=l[S],D="process"==c(M),E=function(){},O=r=y.f,T=!!function(){try{var e=R.resolve(1),t=(e.constructor={})[o(86314)("species")]=function(e){e(E,E)};return(D||"function"==typeof PromiseRejectionEvent)&&e.then(E)instanceof t&&0!==k.indexOf("6.6")&&-1===z.indexOf("Chrome/66")}catch(e){}}(),A=function(e){var t;return!(!u(e)||"function"!=typeof(t=e.then))&&t},I=function(e,t){if(!e._n){e._n=!0;var o=e._c;v((function(){for(var n=e._v,r=1==e._s,i=0,a=function(t){var o,i,a,s=r?t.ok:t.fail,l=t.resolve,d=t.reject,c=t.domain;try{s?(r||(2==e._h&&N(e),e._h=1),!0===s?o=n:(c&&c.enter(),o=s(n),c&&(c.exit(),a=!0)),o===t.promise?d(x("Promise-chain cycle")):(i=A(o))?i.call(o,l,d):l(o)):d(n)}catch(e){c&&!a&&c.exit(),d(e)}};o.length>i;)a(o[i++]);e._c=[],e._n=!1,t&&!e._h&&L(e)}))}},L=function(e){b.call(l,(function(){var t,o,n,r=e._v,i=F(e);if(i&&(t=w((function(){D?M.emit("unhandledRejection",r,e):(o=l.onunhandledrejection)?o({promise:e,reason:r}):(n=l.console)&&n.error&&n.error("Unhandled promise rejection",r)})),e._h=D||F(e)?2:1),e._a=void 0,i&&t.e)throw t.v}))},F=function(e){return 1!==e._h&&0===(e._a||e._c).length},N=function(e){b.call(l,(function(){var t;D?M.emit("rejectionHandled",e):(t=l.onrejectionhandled)&&t({promise:e,reason:e._v})}))},B=function(e){var t=this;t._d||(t._d=!0,(t=t._w||t)._v=e,t._s=2,t._a||(t._a=t._c.slice()),I(t,!0))},G=function(e){var t,o=this;if(!o._d){o._d=!0,o=o._w||o;try{if(o===e)throw x("Promise can't be resolved itself");(t=A(e))?v((function(){var n={_w:o,_d:!1};try{t.call(e,d(G,n,1),d(B,n,1))}catch(e){B.call(n,e)}})):(o._v=e,o._s=1,I(o,!1))}catch(e){B.call({_w:o,_d:!1},e)}}};T||(R=function(e){p(this,R,S,"_h"),g(e),n.call(this);try{e(d(G,this,1),d(B,this,1))}catch(e){B.call(this,e)}},(n=function(e){this._c=[],this._a=void 0,this._s=0,this._d=!1,this._v=void 0,this._h=0,this._n=!1}).prototype=o(24408)(R.prototype,{then:function(e,t){var o=O(m(this,R));return o.ok="function"!=typeof e||e,o.fail="function"==typeof t&&t,o.domain=D?M.domain:void 0,this._c.push(o),this._a&&this._a.push(o),this._s&&I(this,!1),o.promise},catch:function(e){return this.then(void 0,e)}}),i=function(){var e=new n;this.promise=e,this.resolve=d(G,e,1),this.reject=d(B,e,1)},y.f=O=function(e){return e===R||e===a?new i(e):r(e)}),h(h.G+h.W+h.F*!T,{Promise:R}),o(22943)(R,S),o(2974)(S),a=o(25645)[S],h(h.S+h.F*!T,S,{reject:function(e){var t=O(this);return(0,t.reject)(e),t.promise}}),h(h.S+h.F*(s||!T),S,{resolve:function(e){return C(s&&this===a?R:this,e)}}),h(h.S+h.F*!(T&&o(7462)((function(e){R.all(e).catch(E)}))),S,{all:function(e){var t=this,o=O(t),n=o.resolve,r=o.reject,i=w((function(){var o=[],i=0,a=1;f(e,!1,(function(e){var s=i++,l=!1;o.push(void 0),a++,t.resolve(e).then((function(e){l||(l=!0,o[s]=e,--a||n(o))}),r)})),--a||n(o)}));return i.e&&r(i.v),o.promise},race:function(e){var t=this,o=O(t),n=o.reject,r=w((function(){f(e,!1,(function(e){t.resolve(e).then(o.resolve,n)}))}));return r.e&&n(r.v),o.promise}})},21572:(e,t,o)=>{var n=o(42985),r=o(24963),i=o(27007),a=(o(3816).Reflect||{}).apply,s=Function.apply;n(n.S+n.F*!o(74253)((function(){a((function(){}))})),"Reflect",{apply:function(e,t,o){var n=r(e),l=i(o);return a?a(n,t,l):s.call(n,t,l)}})},82139:(e,t,o)=>{var n=o(42985),r=o(42503),i=o(24963),a=o(27007),s=o(55286),l=o(74253),d=o(34398),c=(o(3816).Reflect||{}).construct,h=l((function(){function e(){}return!(c((function(){}),[],e)instanceof e)})),u=!l((function(){c((function(){}))}));n(n.S+n.F*(h||u),"Reflect",{construct:function(e,t){i(e),a(t);var o=arguments.length<3?e:i(arguments[2]);if(u&&!h)return c(e,t,o);if(e==o){switch(t.length){case 0:return new e;case 1:return new e(t[0]);case 2:return new e(t[0],t[1]);case 3:return new e(t[0],t[1],t[2]);case 4:return new e(t[0],t[1],t[2],t[3])}var n=[null];return n.push.apply(n,t),new(d.apply(e,n))}var l=o.prototype,g=r(s(l)?l:Object.prototype),p=Function.apply.call(e,g,t);return s(p)?p:g}})},10685:(e,t,o)=>{var n=o(99275),r=o(42985),i=o(27007),a=o(21689);r(r.S+r.F*o(74253)((function(){Reflect.defineProperty(n.f({},1,{value:1}),1,{value:2})})),"Reflect",{defineProperty:function(e,t,o){i(e),t=a(t,!0),i(o);try{return n.f(e,t,o),!0}catch(e){return!1}}})},85535:(e,t,o)=>{var n=o(42985),r=o(18693).f,i=o(27007);n(n.S,"Reflect",{deleteProperty:function(e,t){var o=r(i(e),t);return!(o&&!o.configurable)&&delete e[t]}})},17347:(e,t,o)=>{"use strict";var n=o(42985),r=o(27007),i=function(e){this._t=r(e),this._i=0;var t,o=this._k=[];for(t in e)o.push(t)};o(49988)(i,"Object",(function(){var e,t=this,o=t._k;do{if(t._i>=o.length)return{value:void 0,done:!0}}while(!((e=o[t._i++])in t._t));return{value:e,done:!1}})),n(n.S,"Reflect",{enumerate:function(e){return new i(e)}})},96633:(e,t,o)=>{var n=o(18693),r=o(42985),i=o(27007);r(r.S,"Reflect",{getOwnPropertyDescriptor:function(e,t){return n.f(i(e),t)}})},68989:(e,t,o)=>{var n=o(42985),r=o(468),i=o(27007);n(n.S,"Reflect",{getPrototypeOf:function(e){return r(i(e))}})},83049:(e,t,o)=>{var n=o(18693),r=o(468),i=o(79181),a=o(42985),s=o(55286),l=o(27007);a(a.S,"Reflect",{get:function e(t,o){var a,d,c=arguments.length<3?t:arguments[2];return l(t)===c?t[o]:(a=n.f(t,o))?i(a,"value")?a.value:void 0!==a.get?a.get.call(c):void 0:s(d=r(t))?e(d,o,c):void 0}})},78270:(e,t,o)=>{var n=o(42985);n(n.S,"Reflect",{has:function(e,t){return t in e}})},64510:(e,t,o)=>{var n=o(42985),r=o(27007),i=Object.isExtensible;n(n.S,"Reflect",{isExtensible:function(e){return r(e),!i||i(e)}})},73984:(e,t,o)=>{var n=o(42985);n(n.S,"Reflect",{ownKeys:o(57643)})},75769:(e,t,o)=>{var n=o(42985),r=o(27007),i=Object.preventExtensions;n(n.S,"Reflect",{preventExtensions:function(e){r(e);try{return i&&i(e),!0}catch(e){return!1}}})},96014:(e,t,o)=>{var n=o(42985),r=o(27375);r&&n(n.S,"Reflect",{setPrototypeOf:function(e,t){r.check(e,t);try{return r.set(e,t),!0}catch(e){return!1}}})},50055:(e,t,o)=>{var n=o(99275),r=o(18693),i=o(468),a=o(79181),s=o(42985),l=o(90681),d=o(27007),c=o(55286);s(s.S,"Reflect",{set:function e(t,o,s){var h,u,g=arguments.length<4?t:arguments[3],p=r.f(d(t),o);if(!p){if(c(u=i(t)))return e(u,o,s,g);p=l(0)}if(a(p,"value")){if(!1===p.writable||!c(g))return!1;if(h=r.f(g,o)){if(h.get||h.set||!1===h.writable)return!1;h.value=s,n.f(g,o,h)}else n.f(g,o,l(0,s));return!0}return void 0!==p.set&&(p.set.call(g,s),!0)}})},83946:(e,t,o)=>{var n=o(3816),r=o(40266),i=o(99275).f,a=o(20616).f,s=o(55364),l=o(53218),d=n.RegExp,c=d,h=d.prototype,u=/a/g,g=/a/g,p=new d(u)!==u;if(o(67057)&&(!p||o(74253)((function(){return g[o(86314)("match")]=!1,d(u)!=u||d(g)==g||"/a/i"!=d(u,"i")})))){d=function(e,t){var o=this instanceof d,n=s(e),i=void 0===t;return!o&&n&&e.constructor===d&&i?e:r(p?new c(n&&!i?e.source:e,t):c((n=e instanceof d)?e.source:e,n&&i?l.call(e):t),o?this:h,d)};for(var f=function(e){e in d||i(d,e,{configurable:!0,get:function(){return c[e]},set:function(t){c[e]=t}})},m=a(c),b=0;m.length>b;)f(m[b++]);h.constructor=d,d.prototype=h,o(77234)(n,"RegExp",d)}o(2974)("RegExp")},18269:(e,t,o)=>{"use strict";var n=o(21165);o(42985)({target:"RegExp",proto:!0,forced:n!==/./.exec},{exec:n})},76774:(e,t,o)=>{o(67057)&&"g"!=/./g.flags&&o(99275).f(RegExp.prototype,"flags",{configurable:!0,get:o(53218)})},21466:(e,t,o)=>{"use strict";var n=o(27007),r=o(10875),i=o(76793),a=o(27787);o(28082)("match",1,(function(e,t,o,s){return[function(o){var n=e(this),r=null==o?void 0:o[t];return void 0!==r?r.call(o,n):new RegExp(o)[t](String(n))},function(e){var t=s(o,e,this);if(t.done)return t.value;var l=n(e),d=String(this);if(!l.global)return a(l,d);var c=l.unicode;l.lastIndex=0;for(var h,u=[],g=0;null!==(h=a(l,d));){var p=String(h[0]);u[g]=p,""===p&&(l.lastIndex=i(d,r(l.lastIndex),c)),g++}return 0===g?null:u}]}))},59357:(e,t,o)=>{"use strict";var n=o(27007),r=o(20508),i=o(10875),a=o(81467),s=o(76793),l=o(27787),d=Math.max,c=Math.min,h=Math.floor,u=/\$([$&`']|\d\d?|<[^>]*>)/g,g=/\$([$&`']|\d\d?)/g;o(28082)("replace",2,(function(e,t,o,p){return[function(n,r){var i=e(this),a=null==n?void 0:n[t];return void 0!==a?a.call(n,i,r):o.call(String(i),n,r)},function(e,t){var r=p(o,e,this,t);if(r.done)return r.value;var h=n(e),u=String(this),g="function"==typeof t;g||(t=String(t));var m=h.global;if(m){var b=h.unicode;h.lastIndex=0}for(var v=[];;){var y=l(h,u);if(null===y)break;if(v.push(y),!m)break;""===String(y[0])&&(h.lastIndex=s(u,i(h.lastIndex),b))}for(var w,z="",C=0,S=0;S<v.length;S++){y=v[S];for(var x=String(y[0]),M=d(c(a(y.index),u.length),0),_=[],k=1;k<y.length;k++)_.push(void 0===(w=y[k])?w:String(w));var R=y.groups;if(g){var D=[x].concat(_,M,u);void 0!==R&&D.push(R);var E=String(t.apply(void 0,D))}else E=f(x,u,M,_,R,t);M>=C&&(z+=u.slice(C,M)+E,C=M+x.length)}return z+u.slice(C)}];function f(e,t,n,i,a,s){var l=n+e.length,d=i.length,c=g;return void 0!==a&&(a=r(a),c=u),o.call(s,c,(function(o,r){var s;switch(r.charAt(0)){case"$":return"$";case"&":return e;case"`":return t.slice(0,n);case"'":return t.slice(l);case"<":s=a[r.slice(1,-1)];break;default:var c=+r;if(0===c)return o;if(c>d){var u=h(c/10);return 0===u?o:u<=d?void 0===i[u-1]?r.charAt(1):i[u-1]+r.charAt(1):o}s=i[c-1]}return void 0===s?"":s}))}}))},76142:(e,t,o)=>{"use strict";var n=o(27007),r=o(27195),i=o(27787);o(28082)("search",1,(function(e,t,o,a){return[function(o){var n=e(this),r=null==o?void 0:o[t];return void 0!==r?r.call(o,n):new RegExp(o)[t](String(n))},function(e){var t=a(o,e,this);if(t.done)return t.value;var s=n(e),l=String(this),d=s.lastIndex;r(d,0)||(s.lastIndex=0);var c=i(s,l);return r(s.lastIndex,d)||(s.lastIndex=d),null===c?-1:c.index}]}))},51876:(e,t,o)=>{"use strict";var n=o(55364),r=o(27007),i=o(58364),a=o(76793),s=o(10875),l=o(27787),d=o(21165),c=o(74253),h=Math.min,u=[].push,g="split",p="length",f="lastIndex",m=4294967295,b=!c((function(){RegExp(m,"y")}));o(28082)("split",2,(function(e,t,o,c){var v;return v="c"=="abbc"[g](/(b)*/)[1]||4!="test"[g](/(?:)/,-1)[p]||2!="ab"[g](/(?:ab)*/)[p]||4!="."[g](/(.?)(.?)/)[p]||"."[g](/()()/)[p]>1||""[g](/.?/)[p]?function(e,t){var r=String(this);if(void 0===e&&0===t)return[];if(!n(e))return o.call(r,e,t);for(var i,a,s,l=[],c=(e.ignoreCase?"i":"")+(e.multiline?"m":"")+(e.unicode?"u":"")+(e.sticky?"y":""),h=0,g=void 0===t?m:t>>>0,b=new RegExp(e.source,c+"g");(i=d.call(b,r))&&!((a=b[f])>h&&(l.push(r.slice(h,i.index)),i[p]>1&&i.index<r[p]&&u.apply(l,i.slice(1)),s=i[0][p],h=a,l[p]>=g));)b[f]===i.index&&b[f]++;return h===r[p]?!s&&b.test("")||l.push(""):l.push(r.slice(h)),l[p]>g?l.slice(0,g):l}:"0"[g](void 0,0)[p]?function(e,t){return void 0===e&&0===t?[]:o.call(this,e,t)}:o,[function(o,n){var r=e(this),i=null==o?void 0:o[t];return void 0!==i?i.call(o,r,n):v.call(String(r),o,n)},function(e,t){var n=c(v,e,this,t,v!==o);if(n.done)return n.value;var d=r(e),u=String(this),g=i(d,RegExp),p=d.unicode,f=(d.ignoreCase?"i":"")+(d.multiline?"m":"")+(d.unicode?"u":"")+(b?"y":"g"),y=new g(b?d:"^(?:"+d.source+")",f),w=void 0===t?m:t>>>0;if(0===w)return[];if(0===u.length)return null===l(y,u)?[u]:[];for(var z=0,C=0,S=[];C<u.length;){y.lastIndex=b?C:0;var x,M=l(y,b?u:u.slice(C));if(null===M||(x=h(s(y.lastIndex+(b?0:C)),u.length))===z)C=a(u,C,p);else{if(S.push(u.slice(z,C)),S.length===w)return S;for(var _=1;_<=M.length-1;_++)if(S.push(M[_]),S.length===w)return S;C=z=x}}return S.push(u.slice(z)),S}]}))},66108:(e,t,o)=>{"use strict";o(76774);var n=o(27007),r=o(53218),i=o(67057),a="toString",s=/./[a],l=function(e){o(77234)(RegExp.prototype,a,e,!0)};o(74253)((function(){return"/a/b"!=s.call({source:"a",flags:"b"})}))?l((function(){var e=n(this);return"/".concat(e.source,"/","flags"in e?e.flags:!i&&e instanceof RegExp?r.call(e):void 0)})):s.name!=a&&l((function(){return s.call(this)}))},98184:(e,t,o)=>{"use strict";var n=o(9824),r=o(1616);e.exports=o(45795)("Set",(function(e){return function(){return e(this,arguments.length>0?arguments[0]:void 0)}}),{add:function(e){return n.def(r(this,"Set"),e=0===e?0:e,e)}},n)},40856:(e,t,o)=>{"use strict";o(29395)("anchor",(function(e){return function(t){return e(this,"a","name",t)}}))},80703:(e,t,o)=>{"use strict";o(29395)("big",(function(e){return function(){return e(this,"big","","")}}))},91539:(e,t,o)=>{"use strict";o(29395)("blink",(function(e){return function(){return e(this,"blink","","")}}))},5292:(e,t,o)=>{"use strict";o(29395)("bold",(function(e){return function(){return e(this,"b","","")}}))},29539:(e,t,o)=>{"use strict";var n=o(42985),r=o(24496)(!1);n(n.P,"String",{codePointAt:function(e){return r(this,e)}})},96620:(e,t,o)=>{"use strict";var n=o(42985),r=o(10875),i=o(42094),a="endsWith",s=""[a];n(n.P+n.F*o(8852)(a),"String",{endsWith:function(e){var t=i(this,e,a),o=arguments.length>1?arguments[1]:void 0,n=r(t.length),l=void 0===o?n:Math.min(r(o),n),d=String(e);return s?s.call(t,d,l):t.slice(l-d.length,l)===d}})},45177:(e,t,o)=>{"use strict";o(29395)("fixed",(function(e){return function(){return e(this,"tt","","")}}))},73694:(e,t,o)=>{"use strict";o(29395)("fontcolor",(function(e){return function(t){return e(this,"font","color",t)}}))},37648:(e,t,o)=>{"use strict";o(29395)("fontsize",(function(e){return function(t){return e(this,"font","size",t)}}))},50191:(e,t,o)=>{var n=o(42985),r=o(92337),i=String.fromCharCode,a=String.fromCodePoint;n(n.S+n.F*(!!a&&1!=a.length),"String",{fromCodePoint:function(e){for(var t,o=[],n=arguments.length,a=0;n>a;){if(t=+arguments[a++],r(t,1114111)!==t)throw RangeError(t+" is not a valid code point");o.push(t<65536?i(t):i(55296+((t-=65536)>>10),t%1024+56320))}return o.join("")}})},62850:(e,t,o)=>{"use strict";var n=o(42985),r=o(42094),i="includes";n(n.P+n.F*o(8852)(i),"String",{includes:function(e){return!!~r(this,e,i).indexOf(e,arguments.length>1?arguments[1]:void 0)}})},27795:(e,t,o)=>{"use strict";o(29395)("italics",(function(e){return function(){return e(this,"i","","")}}))},39115:(e,t,o)=>{"use strict";var n=o(24496)(!0);o(42923)(String,"String",(function(e){this._t=String(e),this._i=0}),(function(){var e,t=this._t,o=this._i;return o>=t.length?{value:void 0,done:!0}:(e=n(t,o),this._i+=e.length,{value:e,done:!1})}))},4531:(e,t,o)=>{"use strict";o(29395)("link",(function(e){return function(t){return e(this,"a","href",t)}}))},98306:(e,t,o)=>{var n=o(42985),r=o(22110),i=o(10875);n(n.S,"String",{raw:function(e){for(var t=r(e.raw),o=i(t.length),n=arguments.length,a=[],s=0;o>s;)a.push(String(t[s++])),s<n&&a.push(String(arguments[s]));return a.join("")}})},10823:(e,t,o)=>{var n=o(42985);n(n.P,"String",{repeat:o(68595)})},23605:(e,t,o)=>{"use strict";o(29395)("small",(function(e){return function(){return e(this,"small","","")}}))},17732:(e,t,o)=>{"use strict";var n=o(42985),r=o(10875),i=o(42094),a="startsWith",s=""[a];n(n.P+n.F*o(8852)(a),"String",{startsWith:function(e){var t=i(this,e,a),o=r(Math.min(arguments.length>1?arguments[1]:void 0,t.length)),n=String(e);return s?s.call(t,n,o):t.slice(o,o+n.length)===n}})},6780:(e,t,o)=>{"use strict";o(29395)("strike",(function(e){return function(){return e(this,"strike","","")}}))},69937:(e,t,o)=>{"use strict";o(29395)("sub",(function(e){return function(){return e(this,"sub","","")}}))},10511:(e,t,o)=>{"use strict";o(29395)("sup",(function(e){return function(){return e(this,"sup","","")}}))},64564:(e,t,o)=>{"use strict";o(29599)("trim",(function(e){return function(){return e(this,3)}}))},95767:(e,t,o)=>{"use strict";var n=o(3816),r=o(79181),i=o(67057),a=o(42985),s=o(77234),l=o(84728).KEY,d=o(74253),c=o(3825),h=o(22943),u=o(93953),g=o(86314),p=o(28787),f=o(36074),m=o(5541),b=o(4302),v=o(27007),y=o(55286),w=o(20508),z=o(22110),C=o(21689),S=o(90681),x=o(42503),M=o(39327),_=o(18693),k=o(64548),R=o(99275),D=o(47184),E=_.f,O=R.f,T=M.f,A=n.Symbol,I=n.JSON,L=I&&I.stringify,F="prototype",N=g("_hidden"),B=g("toPrimitive"),G={}.propertyIsEnumerable,H=c("symbol-registry"),P=c("symbols"),Z=c("op-symbols"),U=Object[F],W="function"==typeof A&&!!k.f,V=n.QObject,$=!V||!V[F]||!V[F].findChild,j=i&&d((function(){return 7!=x(O({},"a",{get:function(){return O(this,"a",{value:7}).a}})).a}))?function(e,t,o){var n=E(U,t);n&&delete U[t],O(e,t,o),n&&e!==U&&O(U,t,n)}:O,q=function(e){var t=P[e]=x(A[F]);return t._k=e,t},K=W&&"symbol"==typeof A.iterator?function(e){return"symbol"==typeof e}:function(e){return e instanceof A},Y=function(e,t,o){return e===U&&Y(Z,t,o),v(e),t=C(t,!0),v(o),r(P,t)?(o.enumerable?(r(e,N)&&e[N][t]&&(e[N][t]=!1),o=x(o,{enumerable:S(0,!1)})):(r(e,N)||O(e,N,S(1,{})),e[N][t]=!0),j(e,t,o)):O(e,t,o)},X=function(e,t){v(e);for(var o,n=m(t=z(t)),r=0,i=n.length;i>r;)Y(e,o=n[r++],t[o]);return e},J=function(e){var t=G.call(this,e=C(e,!0));return!(this===U&&r(P,e)&&!r(Z,e))&&(!(t||!r(this,e)||!r(P,e)||r(this,N)&&this[N][e])||t)},Q=function(e,t){if(e=z(e),t=C(t,!0),e!==U||!r(P,t)||r(Z,t)){var o=E(e,t);return!o||!r(P,t)||r(e,N)&&e[N][t]||(o.enumerable=!0),o}},ee=function(e){for(var t,o=T(z(e)),n=[],i=0;o.length>i;)r(P,t=o[i++])||t==N||t==l||n.push(t);return n},te=function(e){for(var t,o=e===U,n=T(o?Z:z(e)),i=[],a=0;n.length>a;)!r(P,t=n[a++])||o&&!r(U,t)||i.push(P[t]);return i};W||(s((A=function(){if(this instanceof A)throw TypeError("Symbol is not a constructor!");var e=u(arguments.length>0?arguments[0]:void 0),t=function(o){this===U&&t.call(Z,o),r(this,N)&&r(this[N],e)&&(this[N][e]=!1),j(this,e,S(1,o))};return i&&$&&j(U,e,{configurable:!0,set:t}),q(e)})[F],"toString",(function(){return this._k})),_.f=Q,R.f=Y,o(20616).f=M.f=ee,o(14682).f=J,k.f=te,i&&!o(4461)&&s(U,"propertyIsEnumerable",J,!0),p.f=function(e){return q(g(e))}),a(a.G+a.W+a.F*!W,{Symbol:A});for(var oe="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),ne=0;oe.length>ne;)g(oe[ne++]);for(var re=D(g.store),ie=0;re.length>ie;)f(re[ie++]);a(a.S+a.F*!W,"Symbol",{for:function(e){return r(H,e+="")?H[e]:H[e]=A(e)},keyFor:function(e){if(!K(e))throw TypeError(e+" is not a symbol!");for(var t in H)if(H[t]===e)return t},useSetter:function(){$=!0},useSimple:function(){$=!1}}),a(a.S+a.F*!W,"Object",{create:function(e,t){return void 0===t?x(e):X(x(e),t)},defineProperty:Y,defineProperties:X,getOwnPropertyDescriptor:Q,getOwnPropertyNames:ee,getOwnPropertySymbols:te});var ae=d((function(){k.f(1)}));a(a.S+a.F*ae,"Object",{getOwnPropertySymbols:function(e){return k.f(w(e))}}),I&&a(a.S+a.F*(!W||d((function(){var e=A();return"[null]"!=L([e])||"{}"!=L({a:e})||"{}"!=L(Object(e))}))),"JSON",{stringify:function(e){for(var t,o,n=[e],r=1;arguments.length>r;)n.push(arguments[r++]);if(o=t=n[1],(y(t)||void 0!==e)&&!K(e))return b(t)||(t=function(e,t){if("function"==typeof o&&(t=o.call(this,e,t)),!K(t))return t}),n[1]=t,L.apply(I,n)}}),A[F][B]||o(87728)(A[F],B,A[F].valueOf),h(A,"Symbol"),h(Math,"Math",!0),h(n.JSON,"JSON",!0)},30142:(e,t,o)=>{"use strict";var n=o(42985),r=o(89383),i=o(91125),a=o(27007),s=o(92337),l=o(10875),d=o(55286),c=o(3816).ArrayBuffer,h=o(58364),u=i.ArrayBuffer,g=i.DataView,p=r.ABV&&c.isView,f=u.prototype.slice,m=r.VIEW,b="ArrayBuffer";n(n.G+n.W+n.F*(c!==u),{ArrayBuffer:u}),n(n.S+n.F*!r.CONSTR,b,{isView:function(e){return p&&p(e)||d(e)&&m in e}}),n(n.P+n.U+n.F*o(74253)((function(){return!new u(2).slice(1,void 0).byteLength})),b,{slice:function(e,t){if(void 0!==f&&void 0===t)return f.call(a(this),e);for(var o=a(this).byteLength,n=s(e,o),r=s(void 0===t?o:t,o),i=new(h(this,u))(l(r-n)),d=new g(this),c=new g(i),p=0;n<r;)c.setUint8(p++,d.getUint8(n++));return i}}),o(2974)(b)},1786:(e,t,o)=>{var n=o(42985);n(n.G+n.W+n.F*!o(89383).ABV,{DataView:o(91125).DataView})},70162:(e,t,o)=>{o(78440)("Float32",4,(function(e){return function(t,o,n){return e(this,t,o,n)}}))},33834:(e,t,o)=>{o(78440)("Float64",8,(function(e){return function(t,o,n){return e(this,t,o,n)}}))},74821:(e,t,o)=>{o(78440)("Int16",2,(function(e){return function(t,o,n){return e(this,t,o,n)}}))},81303:(e,t,o)=>{o(78440)("Int32",4,(function(e){return function(t,o,n){return e(this,t,o,n)}}))},75368:(e,t,o)=>{o(78440)("Int8",1,(function(e){return function(t,o,n){return e(this,t,o,n)}}))},79103:(e,t,o)=>{o(78440)("Uint16",2,(function(e){return function(t,o,n){return e(this,t,o,n)}}))},83318:(e,t,o)=>{o(78440)("Uint32",4,(function(e){return function(t,o,n){return e(this,t,o,n)}}))},46964:(e,t,o)=>{o(78440)("Uint8",1,(function(e){return function(t,o,n){return e(this,t,o,n)}}))},62152:(e,t,o)=>{o(78440)("Uint8",1,(function(e){return function(t,o,n){return e(this,t,o,n)}}),!0)},30147:(e,t,o)=>{"use strict";var n,r=o(3816),i=o(10050)(0),a=o(77234),s=o(84728),l=o(35345),d=o(23657),c=o(55286),h=o(1616),u=o(1616),g=!r.ActiveXObject&&"ActiveXObject"in r,p="WeakMap",f=s.getWeak,m=Object.isExtensible,b=d.ufstore,v=function(e){return function(){return e(this,arguments.length>0?arguments[0]:void 0)}},y={get:function(e){if(c(e)){var t=f(e);return!0===t?b(h(this,p)).get(e):t?t[this._i]:void 0}},set:function(e,t){return d.def(h(this,p),e,t)}},w=e.exports=o(45795)(p,v,y,d,!0,!0);u&&g&&(l((n=d.getConstructor(v,p)).prototype,y),s.NEED=!0,i(["delete","has","get","set"],(function(e){var t=w.prototype,o=t[e];a(t,e,(function(t,r){if(c(t)&&!m(t)){this._f||(this._f=new n);var i=this._f[e](t,r);return"set"==e?this:i}return o.call(this,t,r)}))})))},59192:(e,t,o)=>{"use strict";var n=o(23657),r=o(1616),i="WeakSet";o(45795)(i,(function(e){return function(){return e(this,arguments.length>0?arguments[0]:void 0)}}),{add:function(e){return n.def(r(this,i),e,!0)}},n,!1,!0)},1268:(e,t,o)=>{"use strict";var n=o(42985),r=o(13325),i=o(20508),a=o(10875),s=o(24963),l=o(16886);n(n.P,"Array",{flatMap:function(e){var t,o,n=i(this);return s(e),t=a(n.length),o=l(n,0),r(o,n,n,t,0,1,e,arguments[1]),o}}),o(17722)("flatMap")},62773:(e,t,o)=>{"use strict";var n=o(42985),r=o(79315)(!0);n(n.P,"Array",{includes:function(e){return r(this,e,arguments.length>1?arguments[1]:void 0)}}),o(17722)("includes")},83276:(e,t,o)=>{var n=o(42985),r=o(51131)(!0);n(n.S,"Object",{entries:function(e){return r(e)}})},98351:(e,t,o)=>{var n=o(42985),r=o(57643),i=o(22110),a=o(18693),s=o(92811);n(n.S,"Object",{getOwnPropertyDescriptors:function(e){for(var t,o,n=i(e),l=a.f,d=r(n),c={},h=0;d.length>h;)void 0!==(o=l(n,t=d[h++]))&&s(c,t,o);return c}})},96409:(e,t,o)=>{var n=o(42985),r=o(51131)(!1);n(n.S,"Object",{values:function(e){return r(e)}})},9865:(e,t,o)=>{"use strict";var n=o(42985),r=o(25645),i=o(3816),a=o(58364),s=o(50094);n(n.P+n.R,"Promise",{finally:function(e){var t=a(this,r.Promise||i.Promise),o="function"==typeof e;return this.then(o?function(o){return s(t,e()).then((function(){return o}))}:e,o?function(o){return s(t,e()).then((function(){throw o}))}:e)}})},92770:(e,t,o)=>{"use strict";var n=o(42985),r=o(75442),i=o(30575),a=/Version\/10\.\d+(\.\d+)?( Mobile\/\w+)? Safari\//.test(i);n(n.P+n.F*a,"String",{padEnd:function(e){return r(this,e,arguments.length>1?arguments[1]:void 0,!1)}})},41784:(e,t,o)=>{"use strict";var n=o(42985),r=o(75442),i=o(30575),a=/Version\/10\.\d+(\.\d+)?( Mobile\/\w+)? Safari\//.test(i);n(n.P+n.F*a,"String",{padStart:function(e){return r(this,e,arguments.length>1?arguments[1]:void 0,!0)}})},65869:(e,t,o)=>{"use strict";o(29599)("trimLeft",(function(e){return function(){return e(this,1)}}),"trimStart")},94325:(e,t,o)=>{"use strict";o(29599)("trimRight",(function(e){return function(){return e(this,2)}}),"trimEnd")},79665:(e,t,o)=>{o(36074)("asyncIterator")},91181:(e,t,o)=>{for(var n=o(56997),r=o(47184),i=o(77234),a=o(3816),s=o(87728),l=o(87234),d=o(86314),c=d("iterator"),h=d("toStringTag"),u=l.Array,g={CSSRuleList:!0,CSSStyleDeclaration:!1,CSSValueList:!1,ClientRectList:!1,DOMRectList:!1,DOMStringList:!1,DOMTokenList:!0,DataTransferItemList:!1,FileList:!1,HTMLAllCollection:!1,HTMLCollection:!1,HTMLFormElement:!1,HTMLSelectElement:!1,MediaList:!0,MimeTypeArray:!1,NamedNodeMap:!1,NodeList:!0,PaintRequestList:!1,Plugin:!1,PluginArray:!1,SVGLengthList:!1,SVGNumberList:!1,SVGPathSegList:!1,SVGPointList:!1,SVGStringList:!1,SVGTransformList:!1,SourceBufferList:!1,StyleSheetList:!0,TextTrackCueList:!1,TextTrackList:!1,TouchList:!1},p=r(g),f=0;f<p.length;f++){var m,b=p[f],v=g[b],y=a[b],w=y&&y.prototype;if(w&&(w[c]||s(w,c,u),w[h]||s(w,h,b),l[b]=u,v))for(m in n)w[m]||i(w,m,n[m],!0)}},84633:(e,t,o)=>{var n=o(42985),r=o(74193);n(n.G+n.B,{setImmediate:r.set,clearImmediate:r.clear})},32564:(e,t,o)=>{var n=o(3816),r=o(42985),i=o(30575),a=[].slice,s=/MSIE .\./.test(i),l=function(e){return function(t,o){var n=arguments.length>2,r=!!n&&a.call(arguments,2);return e(n?function(){("function"==typeof t?t:Function(t)).apply(this,r)}:t,o)}};r(r.G+r.B+r.F*s,{setTimeout:l(n.setTimeout),setInterval:l(n.setInterval)})},96337:(e,t,o)=>{o(32564),o(84633),o(91181),e.exports=o(25645)},71012:e=>{var t,o;t="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",o={rotl:function(e,t){return e<<t|e>>>32-t},rotr:function(e,t){return e<<32-t|e>>>t},endian:function(e){if(e.constructor==Number)return 16711935&o.rotl(e,8)|4278255360&o.rotl(e,24);for(var t=0;t<e.length;t++)e[t]=o.endian(e[t]);return e},randomBytes:function(e){for(var t=[];e>0;e--)t.push(Math.floor(256*Math.random()));return t},bytesToWords:function(e){for(var t=[],o=0,n=0;o<e.length;o++,n+=8)t[n>>>5]|=e[o]<<24-n%32;return t},wordsToBytes:function(e){for(var t=[],o=0;o<32*e.length;o+=8)t.push(e[o>>>5]>>>24-o%32&255);return t},bytesToHex:function(e){for(var t=[],o=0;o<e.length;o++)t.push((e[o]>>>4).toString(16)),t.push((15&e[o]).toString(16));return t.join("")},hexToBytes:function(e){for(var t=[],o=0;o<e.length;o+=2)t.push(parseInt(e.substr(o,2),16));return t},bytesToBase64:function(e){for(var o=[],n=0;n<e.length;n+=3)for(var r=e[n]<<16|e[n+1]<<8|e[n+2],i=0;i<4;i++)8*n+6*i<=8*e.length?o.push(t.charAt(r>>>6*(3-i)&63)):o.push("=");return o.join("")},base64ToBytes:function(e){e=e.replace(/[^A-Z0-9+\/]/gi,"");for(var o=[],n=0,r=0;n<e.length;r=++n%4)0!=r&&o.push((t.indexOf(e.charAt(n-1))&Math.pow(2,-2*r+8)-1)<<2*r|t.indexOf(e.charAt(n))>>>6-2*r);return o}},e.exports=o},42259:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* Styling Wrappers\n * These independent wrapper divs sit on top of the grid to facilitate the batch edit visual look.\n * Since rows are split vertically into 3 rows (head, body, foot) there is no singular element\n * that wraps to form a body for styling, so we create artificial ones.\n * Their position is calculated (js) to match the current position of the matching editable rows,\n * otherwise the rest of the positioning/styling is handled with CSS\n*/\n:host {\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zing-grid-batch-edit-style-border\n  * @default 1px solid #d6e9ff\n  * @see border\n  * @description Styles the border of the batch edit styling element\n  * @demoLink https://app.zingsoft.com/demos/create/TX748SB9\n  * @shadowOnly false\n  */\n  border: var(--zing-grid-batch-edit-style-border, 1px solid #d6e9ff);\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zing-grid-batch-edit-style-box-shadow\n  * @default inset 0 0 6px #99caff\n  * @see box-shadow\n  * @description Styles the box-shadow of the frozen column styling element\n  * @demoLink https://app.zingsoft.com/demos/create/YKOH0VPL\n  * @shadowOnly false\n  */\n  box-shadow: var(--zing-grid-batch-edit-style-box-shadow, inset 0 0 5px var(--theme-color-primary));\n  box-sizing: border-box;\n\tpointer-events: none;\n\tposition: absolute;\n\theight: 100%;\n  width:100%;\n\ttop: 0;\n\tz-index: 1;\n}\n\n:host([layout="card"]) {\n  display: none;\n}',""])},97679:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-grid-gap\n  * @description Sets the gap between cards in 'card' layout-mode\n  * @see grid-gap\n  * @default 10px\n  * @demoLink https://app.zingsoft.com/demos/create/JOUVG6NN\n  * @shadowOnly true\n  */\n  --card-gap: var(--zg-row-card-grid-gap, 10px);\n\n  /* NOTE: Not adding margin/padding since it doesn't do anything to this component */\n  \n  /**\n  * @memberof ZGBody\n  * @var --zg-body-background\n  * @description Styles the background of grid body\n  * @see background\n  * @default transparent\n  * @demoLink https://app.zingsoft.com/demos/create/WVUSRWLP\n  * @shadowOnly false\n  */\n  background: var(--zg-body-background, transparent);\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-border\n  * @description Styles the border of grid body\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/YWTPH9M0\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-border-bottom\n  * @description Styles the bottom border of grid body\n  * @see border\n  * @default var(--zg-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/25V704EG\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-body-border-bottom, var(--zg-body-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-border-left\n  * @description Styles the left border of grid body\n  * @see border\n  * @default var(--zg-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FPYUYEEX\n  * @shadowOnly false\n  */\n  border-left: var(--zg-body-border-left, var(--zg-body-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-border-right\n  * @description Styles the right border of grid body\n  * @see border\n  * @default var(--zg-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/70O17569\n  * @shadowOnly false\n  */\n  border-right: var(--zg-body-border-right, var(--zg-body-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-border-top\n  * @description Styles the top border of grid body. Note: If `--zg-row-border-top` set,\n  * it will override `--zg-body-border-top`.\n  * @see border\n  * @default var(--zg-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/C9XJMTTQ\n  * @shadowOnly false\n  */\n  border-top: var(--zg-body-border-top, var(--zg-body-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-color\n  * @description Sets the font color of contents inside grid body\n  * @see color\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/X9E64KMS\n  * @shadowOnly false\n  */\n  color: var(--zg-body-color, inherit);\n  display: table-row-group;\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-font-family\n  * @description Sets the font family of contents inside grid body\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/XS22J4JG\n  * @shadowOnly false\n  */\n  font-family: var(--zg-body-font-family, inherit);\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-font-size\n  * @description Sets the font size of contents inside grid body\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/YLAXDUP9\n  * @shadowOnly false\n  */\n  font-size: var(--zg-body-font-size, inherit);\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-font-style\n  * @description Sets the font style of contents inside grid body\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/0VOTEN03\n  * @shadowOnly false\n  */\n  font-style: var(--zg-body-font-style, inherit);\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-font-weight\n  * @description Sets the font weight of contents inside grid body\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/F6CRSTMQ\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-body-font-weight, inherit);\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-line-height\n  * @description Sets the line-height of contents inside of grid body\n  * @see line-height \n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/UO5MJUXO\n  * @shadowOnly false\n  */\n  line-height: var(--zg-body-line-height, inherit);\n}\n\n/* Layout: Card */\n:host([layout=\"card\"]) {\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-background\n  * @description Styles the background of grid body in 'card' layout-mode\n  * @see background\n  * @default linear-gradient(45deg, #f9fafb 20%, #fff)\n  * @demoLink https://app.zingsoft.com/demos/create/XGWDT5HI\n  * @shadowOnly false\n  */\n  background:  var(--zg-body-card-background, linear-gradient(45deg, #f9fafb 20%, #fff));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-border\n  * @description Styles the border of grid body in 'card' layout-mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/UMQX6FC1\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-border-bottom\n  * @description Styles the bottom border of grid body in 'card' layout-mode\n  * @see border\n  * @default var(--zg-body-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/0CXPJ9CM\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-body-card-border-bottom, var(--zg-body-card-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-border-left\n  * @description Styles the left border of grid body in 'card' layout-mode\n  * @see border\n  * @default var(--zg-body-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FPJ9DVE0\n  * @shadowOnly false\n  */\n  border-left: var(--zg-body-card-border-left, var(--zg-body-card-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-border-right\n  * @description Styles the right border of grid body in 'card' layout-mode\n  * @see border\n  * @default var(--zg-body-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/YJHA2SIP\n  * @shadowOnly false\n  */\n  border-right: var(--zg-body-card-border-right, var(--zg-body-card-border, 0));\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-border-top\n  * @description Styles the top border of grid body in 'card' layout-mode. Note: If `--zg-row-border-top` set in 'card' layout-mode\n  * it will override `--zg-body-border-top`.\n  * @see border\n  * @default var(--zg-body-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/ZQPWRYZ2\n  * @shadowOnly false\n  */\n  border-top: var(--zg-body-card-border-top, var(--zg-body-card-border, 0));\n  box-sizing: border-box;\n  /**\n  * @memberof ZGBody\n  * @var --zg-body-card-display\n  * @description Sets display of grid body in 'card' layout-mode\n  * @see display\n  * @default grid\n  * @demoLink https://app.zingsoft.com/demos/create/JHSU4OLH\n  * @shadowOnly false\n  */\n  display: var(--zg-body-card-display, grid);\n  grid-template-columns: repeat(auto-fill, minmax(calc(var(--zg-card-columns, 25%) - var(--card-gap)), 1fr));;\n  grid-auto-rows: auto;\n  grid-gap: var(--card-gap, 10px);\n  overflow: hidden;\n  padding: var(--card-gap, 10px);\n}\n:host([viewport=\"mobile\"][layout=\"card\"]) { --zg-card-columns: 100%; }\n:host([viewport=\"tablet-portrait\"][layout=\"card\"]) { --zg-card-columns: 50%; }\n:host([viewport=\"tablet-landscape\"][layout=\"card\"]) { --zg-card-columns: 33%; }\n:host([viewport=\"desktop\"][layout=\"card\"]) { --zg-card-columns: 25%; }\n:host([viewport=\"desktop-large\"][layout=\"card\"]) { --zg-card-columns: 25%; }\n\n/* CUSTOM CARD TEMPLATE (ZG-CARD) */\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* ZG-ROW */\n/* All Rows */\n:host ::slotted(zg-row) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background\n  * @description Styles the background of body rows\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/90PL3ZDR\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background);\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-border\n  * @description Styles the border of body rows\n  * @see border\n  * @default var(--zg-row-body-border, var(--zg-row-border-bottom, var(--zg-row-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/EAVHDY7O\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-border-bottom\n  * @description Styles the bottom border of body rows\n  * @see border\n  * @default var(--zg-row-body-border, var(--zg-row-border-bottom, var(--zg-row-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/HNJ2XN7Y\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-row-body-border-bottom, var(--zg-row-body-border, var(--zg-row-border-bottom, var(--zg-row-border, 0))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-border-left\n  * @description Styles the left border of body rows\n  * @see border\n  * @default var(--zg-row-body-border, var(--zg-row-border-left, var(--zg-row-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/E72YL6QW\n  * @shadowOnly false\n  */\n  border-left: var(--zg-row-body-border-left, var(--zg-row-body-border, var(--zg-row-border-left, var(--zg-row-border, 0))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-border-right\n  * @description Styles the right border of body rows\n  * @see border\n  * @default var(--zg-row-body-border, var(--zg-row-border-right, var(--zg-row-border), 0))\n  * @demoLink https://app.zingsoft.com/demos/create/B3XG2R64\n  * @shadowOnly false\n  */\n  border-right: var(--zg-row-body-border-right, var(--zg-row-body-border, var(--zg-row-border-right, var(--zg-row-border, 0))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-border-top\n  * @description Styles the top border of body rows\n  * @see border\n  * @default var(--zg-row-body-border, var(--zg-row-border-top, var(--zg-row-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/9PTJDF3I\n  * @shadowOnly false\n  */\n  border-top: var(--zg-row-body-border-top, var(--zg-row-body-border, var(--zg-row-border-top, var(--zg-row-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color\n  * @description Sets the font color of body rows\n  * @see color\n  * @default var(--zg-row-color)\n  * @demoLink https://app.zingsoft.com/demos/create/ZWULY1D1\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color, var(--zg-row-color));\n  display: table-row;\n}\n\n:host ::slotted(zg-row:hover) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background_hover\n  * @description Styles the background of body rows on hover\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/FNZQKLOI\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background_hover);\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color_hover\n  * @description Styles the font color of body rows\n  * @see color\n  * @default var(--zg-row-color_hover, var(--zg-row-color))\n  * @demoLink https://app.zingsoft.com/demos/create/XCEJKX89\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color_hover, var(--zg-row-color_hover, var(--zg-row-color)));\n}\n/* Even Rows */\n:host ::slotted(zg-row:nth-of-type(even)) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background_even\n  * @description Styles the background of 'even' body rows\n  * @see background\n  * @default var(--zg-row-body-background)\n  * @demoLink https://app.zingsoft.com/demos/create/VMHOQP1A\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background_even, var(--zg-row-body-background));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color_even\n  * @description Sets the font color of 'even' body rows\n  * @see color\n  * @default var(--zg-row-body-color, var(--zg-row-color))\n  * @demoLink https://app.zingsoft.com/demos/create/96LE1ORX\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color_even, var(--zg-row-body-color, var(--zg-row-color)));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-height\n  * @description Sets the height of all rows\n  * @see height\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/MG7QBHBV\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-height\n  * @description Sets the height of body rows\n  * @see height\n  * @default var(--zg-row-height)\n  * @demoLink https://app.zingsoft.com/demos/create/E2CM149E\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-height_even\n  * @description Sets the height of 'even' body rows\n  * @see height\n  * @default var(--zg-row-body-height, var(--zg-row-height))\n  * @demoLink https://app.zingsoft.com/demos/create/PHUE49RH\n  * @shadowOnly false\n  */\n  height: var(--zg-row-body-height_even, var(--zg-row-body-height, var(--zg-row-height, 48px)));\n}\n:host ::slotted(zg-row:nth-of-type(even):hover) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background_even_hover\n  * @description Styles the background of 'even' body rows on hover\n  * @see background\n  * @default var(--zg-row-body-background_hover)\n  * @demoLink https://app.zingsoft.com/demos/create/AIYZXTF0\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background_even_hover, var(--zg-row-body-background_hover));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color_even_hover\n  * @description Styles the font color of 'even' body rows on hover\n  * @see color\n  * @default var(--zg-row-body-color_hover, var(--zg-row-color_hover, var(--zg-row-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/9OLTDTMD\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color_even_hover, var(--zg-row-body-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n/* Odd Rows */\n:host ::slotted(zg-row:nth-of-type(odd)) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background_odd\n  * @description Styles the background of 'odd' body rows\n  * @see background\n  * @default var(--zg-row-body-background)\n  * @demoLink https://app.zingsoft.com/demos/create/GB8RXLPN\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background_odd, var(--zg-row-body-background));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color_odd\n  * @description Styles the font color of 'odd' body rows\n  * @see color\n  * @default var(--zg-row-body-color, var(--zg-row-color))\n  * @demoLink https://app.zingsoft.com/demos/create/RRFIV8VL\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color_odd, var(--zg-row-body-color, var(--zg-row-color)));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-height_odd\n  * @description Sets the height of 'odd' body rows\n  * @see height\n  * @default var(--zg-row-body-height, var(--zg-row-height))\n  * @demoLink https://app.zingsoft.com/demos/create/CC4GKUD7\n  * @shadowOnly false\n  */\n  height: var(--zg-row-body-height_odd, var(--zg-row-body-height, var(--zg-row-height, 48px)));\n}\n:host ::slotted(zg-row:nth-of-type(odd):hover) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-background_odd_hover\n  * @description Styles the background of 'odd' body rows on hover\n  * @see background\n  * @default var(--zg-row-body-background_hover)\n  * @demoLink https://app.zingsoft.com/demos/create/41M3NTDX\n  * @shadowOnly false\n  */\n  background: var(--zg-row-body-background_odd_hover, var(--zg-row-body-background_hover));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-body-color_odd_hover\n  * @description Sets the font color of 'odd' body rows on hover\n  * @see color\n  * @default var(--zg-row-body-color_hover, var(--zg-row-color_hover, var(--zg-row-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/XVED8WRA\n  * @shadowOnly false\n  */\n  color: var(--zg-row-body-color_odd_hover, var(--zg-row-body-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n\n/*  In the case of zebra, we have to set the class so that we can use the header and footer data rows */\n:host ::slotted(zg-row.zebra-2) {\n  background: var(--theme-background-zebra, var(--zg-row-body-background));\n}\n\n/* In the case of hidden head row, we don't want the first row to show the top border */\n:host ::slotted(zg-row[internal-top]) {\n  border-top: 0px;\n}\n\n/* ZG-ROW: CARD LAYOUT\n-------------------------------------- */\n/* ALL */\n:host([layout=card]) ::slotted(zg-row) {\n  display: flex;\n  flex-wrap: wrap;\n  height: auto !important;\n  overflow: hidden;\n}\n:host([layout=\"card\"]:not([card-template])) ::slotted(zg-row) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-padding\n  * @description Sets the padding of cards in 'card' layout-mode\n  * when '[internal-card-header]' not added to '&lt;zing-grid&gt;'\n  * @see padding\n  * @default 10px 0 5px\n  * @demoLink https://app.zingsoft.com/demos/create/3ANH9F1F\n  * @shadowOnly false\n  */\n  padding: var(--zg-row-card-padding, 8px 0 5px);\n}\n/* EDITOR CONTROLS */\n:host([layout=\"card\"][internal-card-header]:not([card-template])) ::slotted(zg-row) {\n  padding: var(--zg-row-card-padding_editor, 50px 0 5px);\n}\n\n/* SELECTOR CONTROL */\n\n\n/* ODD */\n:host([layout=card]) ::slotted(zg-row:nth-child(odd)) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-background_odd\n  * @description Styles the background of cards in 'card' layout-mode\n  * @see background\n  * @default var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))\n  * @demoLink https://app.zingsoft.com/demos/create/MYI4STFX\n  * @shadowOnly false\n  */\n  /* background: var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background)))); */\n  background: var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border_odd\n  * @description Styles the border of 'odd' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/48K2LXTZ\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-bottom_odd\n  * @description Styles the bottom border of 'odd' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_odd, var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/6KWRAGP6\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-row-card-border-bottom_odd, var(--zg-row-card-border_odd, var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-left_odd\n  * @description Styles the left border of 'odd' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_odd, var(--zg-row-card-border-left, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/E0MU4LOA\n  * @shadowOnly false\n  */\n  border-left: var(--zg-row-card-border-left_odd, var(--zg-row-card-border_odd, var(--zg-row-card-border-left, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-right_odd\n  * @description Styles the right border of 'odd' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_odd, var(--zg-row-card-border-right, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/BQ9TSN4A\n  * @shadowOnly false\n  */\n  border-right: var(--zg-row-card-border-right_odd, var(--zg-row-card-border_odd, var(--zg-row-card-border-right, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-top_odd\n  * @description Styles the top border of 'odd' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_odd, var(--zg-row-card-border-top, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/MYMKX9W0\n  * @shadowOnly false\n  */\n  border-top: var(--zg-row-card-border-top_odd, var(--zg-row-card-border_odd, var(--zg-row-card-border-top, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-box-shadow\n  * @description Applies a box shadow behind cards in 'card' layout-mode\n  * @see box-shadow\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/HQ7WKPH0\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-box-shadow_odd\n  * @description Applies a box shadow behind 'odd' cards in 'card' layout-mode\n  * @see box-shadow\n  * @default var(--zg-row-card-box-shadow, none)\n  * @demoLink https://app.zingsoft.com/demos/create/1D7VE3BL\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-row-card-box-shadow_odd, var(--zg-row-card-box-shadow, none));\n}\n/* ODD: EDITOR CONTROLS */\n:host([layout=\"card\"][internal-card-header]) ::slotted(zg-row:nth-child(odd)) {\n  background: var(--zg-row-card-background_editor_odd, var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background)))));\n}\n\n/* EVEN */\n:host([layout=card]) ::slotted(zg-row:nth-child(even)) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-background_even\n  * @description Styles the background of 'even' cards in 'card' layout-mode\n  * @see background\n  * @default var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))\n  * @demoLink https://app.zingsoft.com/demos/create/Z3JQXTST\n  * @shadowOnly false\n  */\n  background: var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border\n  * @description Styles the border of cards in 'card' layout-mode\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/5V9VVXDQ\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border_even\n  * @description Styles the border of 'even' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/H8PWRCJT\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-bottom_even\n  * @description Styles the bottom border of 'even' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_even, var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/UKFWTUFU\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-row-card-border-bottom_even, var(--zg-row-card-border_even, var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-left_even\n  * @description Styles the left border of 'even' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_even, var(--zg-row-card-border-left, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/T8FJCD4O\n  * @shadowOnly false\n  */\n  border-left: var(--zg-row-card-border-left_even, var(--zg-row-card-border_even, var(--zg-row-card-border-left, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-right_even\n  * @description Styles the right border of 'even' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_even, var(--zg-row-card-border-right, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/NYUK87GS\n  * @shadowOnly false\n  */\n  border-right: var(--zg-row-card-border-right_even, var(--zg-row-card-border_even, var(--zg-row-card-border-right, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-border-top_even\n  * @description Styles the top border of 'even' cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-row-card-border_even, var(--zg-row-card-border-top, var(--zg-row-card-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/UWJMSEYU\n  * @shadowOnly false\n  */\n  border-top: var(--zg-row-card-border-top_even, var(--zg-row-card-border_even, var(--zg-row-card-border-top, var(--zg-row-card-border, 1px solid var(--theme-border-color)))));\n  /* Already document above */\n  box-shadow: var(--zg-row-card-box-shadow_even, var(--zg-row-card-box-shadow, none));\n}\n/* EVEN: EDITOR CONTROLS */\n:host([layout=\"card\"][internal-card-header]) ::slotted(zg-row:nth-child(even)) {\n  background: var(--zg-row-card-background_editor_even, var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background)))));\n}\n\n:host([no-data]) {\n  display: none;\n}\n\n/* I'm not sure what this is for.  It is breaking focus outlining on hover \n:host([layout=\"card\"]) ::slotted(zg-row:hover) {\n  z-index: 1;\n}*/\n",""])},8719:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  align-items: center;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background\n  * @description Styles the background of button\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/0NOUHK2G\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border\n  * @description Styles the border of a button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/OQ49B7D2\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-bottom\n  * @description Styles the bottom border of a button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/49VYLDM2\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-button-border-bottom, var(--zg-button-border));\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-left\n  * @description Styles the left border of a button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/5BOPSVLN\n  * @shadowOnly false\n  */\n  border-left: var(--zg-button-border-left, var(--zg-button-border));\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-right\n  * @description Styles the right border of a button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/LK4TGZ1R\n  * @shadowOnly false\n  */\n  border-right: var(--zg-button-border-right, var(--zg-button-border));\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-top\n  * @description Styles the top border of a button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/4SWUJJOY\n  * @shadowOnly false\n  */\n  border-top: var(--zg-button-border-top, var(--zg-button-border));\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow\n  * @description Styles the box-shadow of the button\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/TUG6V5YD\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color\n  * @description Sets the font color of button\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/RPE1ZPAR\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color);\n  cursor: pointer;\n  display: inline-flex;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-font-family\n  * @description Sets the font family of button\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/7JWFA1UO\n  * @shadowOnly false\n  */\n  font-family: var(--zg-button-font-family, inherit);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-font-size\n  * @description Sets the font size of button\n  * @see font-size\n  * @default 90%\n  * @demoLink https://app.zingsoft.com/demos/create/0B3ZKXEO\n  * @shadowOnly false\n  */\n  font-size: var(--zg-button-font-size, 100%);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-font-style\n  * @description Sets the font style of button\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/N5ISV2HS\n  * @shadowOnly false\n  */\n  font-style: var(--zg-button-font-style, inherit);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-font-weight\n  * @description Sets the font weight of button\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/USH6VNB2\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-button-font-weight, inherit);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-line-height\n  * @description Sets the line height of button\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/BC7ELB6L\n  * @shadowOnly false\n  */\n  line-height: var(--zg-button-line-height, inherit);\n  justify-content: flex-start;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-margin\n  * @description Sets the margin of button\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/M834XVE5\n  * @shadowOnly false\n  */\n  margin: var(--zg-button-margin, 0);\n  /*outline: none;*/\n  /*overflow: hidden;*/\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-padding\n  * @description Sets the padding of button\n  * @see padding\n  * @default 3px\n  * @demoLink https://app.zingsoft.com/demos/create/SXA4AMPI\n  * @shadowOnly false\n  */\n  padding: var(--zg-button-padding, 0);\n  position: relative;\n  user-select: none;\n}\n\n/* Default Hover State (Defined) */\n:host([action]:hover),\n:host([action].hover) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-icon-background_hover\n  * @description Styles the background of the icon in a button on hover state\n  * @see fill\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/AKM36W15\n  * @shadowOnly false\n  */\n  --zg-icon-color: var(--zg-button-icon-background_hover);\n\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_hover\n  * @description Styles the background of button on hover\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/F1CZ5AEC\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_hover\n  * @description Styles the border of a button on hover state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/M6VZUWV3\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-bottom_hover\n  * @description Styles the bottom border of a button on hover\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/N34TY79O\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-button-border-bottom_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-left_hover\n  * @description Styles the left border of a button on hover\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/8WXKJKRH\n  * @shadowOnly false\n  */\n  border-left: var(--zg-button-border-left_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-right_hover\n  * @description Styles the right border of a button on hover\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/3F37KXA6\n  * @shadowOnly false\n  */\n  border-right: var(--zg-button-border-right_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-top_hover\n  * @description Styles the top border of a button on hover\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/8YBE3ACC\n  * @shadowOnly false\n  */\n  border-top: var(--zg-button-border-top_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_hover\n  * @description Styles the box-shadow of the button on hover\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/RAV3EMI2\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_hover\n  * @description Styles the color of the button on hover\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/TNO4DYRC\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-transition_speed\n  * @description Sets the transition speed of button\n  * @see transition\n  * @default var(--theme-transition_speed)\n  * @demoLink https://app.zingsoft.com/demos/create/W9ECS6H6\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  transition: background-color var(--zg-button-transition_speed, var(--theme-transition_speed));\n  z-index: 11;\n}\n\n/* Default Focus State (Defined) */\n:host(:focus) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_focus\n  * @description Styles the background of button on focus\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/KHSJ4IAG\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_focus\n  * @description Styles the border of a button on focus state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6ECRZ83T\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-bottom_focus\n  * @description Styles the bottom border of a button on focus\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/TNC5VI4O\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-button-border-bottom_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-left_focus\n  * @description Styles the left border of a button on focus\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/OTDDVBOS\n  * @shadowOnly false\n  */\n  border-left: var(--zg-button-border-left_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-right_focus\n  * @description Styles the right border of a button on focus\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/MTB5U5AF\n  * @shadowOnly false\n  */\n  border-right: var(--zg-button-border-right_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-top_focus\n  * @description Styles the top border of a button on focus\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/LO0MH08V\n  * @shadowOnly false\n  */\n  border-top: var(--zg-button-border-top_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_focus\n  * @description Styles the box-shadow of the button on focus\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/P92OHBPM\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_focus\n  * @description Styles the color of the button on focus\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/18C3727I\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_focus);\n  outline: var(--zg-button-focus);\n  transition: background-color var(--zg-button-transition_speed, var(--theme-transition_speed));\n}\n\n/* Active State */\n:host([action]:active),\n:host([action].active),\n:host([active]) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_active\n  * @description Styles of background of button on active state\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/B5GX883S\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_active, var(--theme-background-color));\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_active\n  * @description Styles the border of a button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/XPUZZ3LU\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-bottom_active\n  * @description Styles the bottom border of a button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/NOL6XBMR\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-button-border-bottom_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-left_active\n  * @description Styles the left border of a button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/RG7Z2CMD\n  * @shadowOnly false\n  */\n  border-left: var(--zg-button-border-left_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-right_active\n  * @description Styles the right border of a button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/TX5552LK\n  * @shadowOnly false\n  */\n  border-right: var(--zg-button-border-right_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border-top_active\n  * @description Styles the top border of a button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/X9WBHY4L\n  * @shadowOnly false\n  */\n  border-top: var(--zg-button-border-top_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_active\n  * @description Styles the box-shadow of the button on activation\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/MX9J71NQ\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_active\n  * @description Styles the color of the button on active state\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/RARCAIWD\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_active);\n  cursor: default;\n}\n\n/* Disabled Normal State */\n:host([disabled]) {\n  cursor: not-allowed;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-opacity_disabled\n  * @description Styles the opacity of disabled button or button on hover\n  * @see opacity\n  * @default 0.2\n  * @demoLink https://app.zingsoft.com/demos/create/L2BLE14D\n  * @shadowOnly false\n  */\n  opacity: var(--zg-button-opacity_disabled, 0.2);\n}\n\n/* Hide tooltip if button disabled */\n:host([tooltip][disabled]):before,\n:host([tooltip][disabled]):after {\n  display: none;\n}\n\n/* Disabled Hover State */\n:host([disabled]:hover),\n:host([disabled].hover) {\n  background: none;\n  cursor: not-allowed;\n  opacity: var(--zg-button-opacity_disabled, 0.2);\n}\n\n/* If the button is hidden (has [hidden] attribute) */\n:host([hidden]) {\n  display: none !important;\n}\n\n/* TOOLTIP\n-------------------------------------- */\n:host([tooltip]) {\n  --tooltip-arrow-size: 4px;\n}\n\n:host([tooltip]):after {\n  align-items: center;\n  background: var(--tooltip-background, var(--theme-color_alt));\n  border-radius: 2px;\n  color: #fff;\n  content: attr(tooltip);\n  display: inline-flex;\n  font-size: 11px;\n  height: 22px;\n  justify-content: center;\n  line-height: 1;\n  opacity: 1;\n  padding: 0 8px;\n  pointer-events: none;\n  position: absolute;\n  top: 50%;\n  white-space: nowrap;\n  transform: translate(0, -50%);\n  transition: transform .3s;\n  visibility: hidden;\n}\n\n:host([tooltip]:hover):after,\n:host([tooltip].hover):after {\n  opacity: 1;\n  visibility: visible;\n  z-index: 11;\n}\n\n:host([tooltip]):before {\n  border: var(--tooltip-arrow-size) solid transparent;\n  content: '';\n  display: block;\n  opacity: 0;\n  pointer-events: none;\n  position: absolute;\n  top: 50%;\n  transform: translate(0, -50%);\n  transition: transform .3s;\n  visibility: hidden;\n}\n\n:host([tooltip]:hover):before,\n:host([tooltip].hover):before {\n  opacity: 1;\n  visibility: visible;\n}\n\n/* LEFT */\n:host([tooltip-left]):after {\n  right: 100%;\n} \n\n:host([tooltip-left]:hover):after,\n:host([tooltip-left].hover):after {\n  transform: translate(calc(-1 * var(--tooltip-arrow-size)), -50%);\n}\n\n:host([tooltip-left]):before {\n  border-left-color: var(--tooltip-background, var(--theme-color_alt));\n  left: 0;\n}\n\n:host([tooltip-left]:hover):before,\n:host([tooltip-left].hover):before {\n  transform: translate(calc(-1 * var(--tooltip-arrow-size)), -50%);\n}\n\n/* RIGHT */\n:host([tooltip-right]):after {\n  left: 100%;\n}\n\n:host([tooltip-right]:hover):after,\n:host([tooltip-right].hover):after {\n  transform: translate(var(--tooltip-arrow-size), -50%);\n}\n\n:host([tooltip-right]):before {\n  border-right-color: var(--tooltip-background, var(--theme-color_alt));\n  right: 0;\n}\n\n:host([tooltip-right]:hover):before,\n:host([tooltip-right].hover):before {\n  transform: translate(var(--tooltip-arrow-size), -50%);\n}\n\n/*  DIR\n------------------------------------- */\n:host([dir=\"rtl\"]) ::slotted(zg-icon) {\n  transform: scaleX(-1);\n}\n\n/* ICON\n-------------------------------------- */\n:host([no-icon]) .zg-button-icon {\n  display: none;\n}\n\n/* todo: not wonderful yet */\n:host([icon-last]) .zg-button-icon {\n  order: 2;\n}\n\n/* NODATA */\n:host([no-data]) {\n  color: var(--theme-color-primary);\n}\n\n:host([no-data]) ::slotted(zg-icon) {\n  margin-right: 3px !important;\n  transform: scale(.9);\n}\n\n/* CURSOR-BASED PAGINATION STYLING\n-------------------------------------- */\n:host([type=\"cursor\"]) ::slotted(zg-icon) {\n  transform: scale(1.2);\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* Checkbox - only when text added to button */\n:host([hastext]) ::slotted(zg-checkbox) {\n  margin-right: 5px;\n}\n\n:host([hastext][dir=\"rtl\"]) ::slotted(zg-checkbox) {\n  margin-left: 5px;\n  margin-right: unset\n}\n\n/* Icon - only when text added to button */\n:host([hastext]) ::slotted(zg-icon) {\n  margin-right: 7px;\n}\n\n:host([hastext][dir=\"rtl\"]) ::slotted(zg-icon) {\n  margin-left: 5px;\n  margin-right: unset\n}\n\n:host ::slotted(zg-icon) {\n  text-align: center;\n}\n\n\n/* ZG-PAGER: 'BUTTON' PAGINATION STYLING */\n\n/* 'Next Page' button */\n:host([action=\"nextpage\"]) {\n  margin-left: -1px;\n}\n\n/* '1, 2, 3' Page buttons */\n:host([action=\"page\"]) {\n  margin-left: -1px;\n}\n\n:host([action=\"page\"][disabled]) {\n  opacity: 1;\n}\n\n:host([action=\"page\"]) ::slotted(zg-icon) {\n  display: none;\n}\n\n:host([action=\"page\"]) ::slotted([slot=\"label\"]) {\n  width: 100%;\n  text-align: center;\n}\n\n:host([action*=\"record\"]),\n:host([action^=\"batch\"]),\n:host([internal-cell]) {\n  vertical-align: middle;\n}\n\n/*  Row Grouping Buttons */\n:host([action$=\"rowgroup\"]) {\n  margin-right: 20px;\n}\n\n:host([action$=\"rowgroup\"]) ::slotted(zg-icon) {\n  width: 24px;\n  height: 24px;\n}\n\n/* CUSTOM BUTTONS (NON-INTERNAL)\n-------------------------------------- */\n\n/* User button - not internal (internal should have [action]) */\n:host(:not([action]):not([force-border=\"disabled\"])),\n:host([force-border]:not([force-border=\"disabled\"])) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_custom\n  * @description Styles the background of custom button\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/ILHRA36E\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_custom);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_custom\n  * @description Styles the border of custom button\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/VZ1UMHDW\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_custom);\n  border-radius: 4px;\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_custom\n  * @description Applies a box shadow behind custom button\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/WV8BPHHG\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_custom);\n  color: var(--zg-button-color_custom, --zg-button-color);\n  padding: var(--zg-button-padding, 7px 9px);\n  transition: background .1s;\n}\n\n/* Focus */\n:host(:not([action]):not([force-border=\"disabled\"]):focus),\n:host([force-border]:not([force-border=\"disabled\"]):focus) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_custom_focus\n  * @description Styles the background of custom button on focus\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/DNQPAWTN\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_custom_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_custom_focus\n  * @description Styles the border of custom button on focus\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6YMT2CI2\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_custom_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_custom_focus\n  * @description Applies a box shadow behind custom button on focus\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/ZUYVPA4G\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_custom_focus);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_custom_focus\n  * @description Sets the font color of custom button on focus\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6SPOXN1V\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_custom_focus);\n}\n\n/* Hover */\n:host(:not([action]):not([force-border=\"disabled\"]):hover),\n:host(:not([action]):not([force-border=\"disabled\"]).hover),\n:host([force-border]:not([force-border=\"disabled\"]):hover),\n:host([force-border]:not([force-border=\"disabled\"]).hover) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-icon-background_custom_hover\n  * @description Styles the background of icon in custom button on hover\n  * @see fill\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/KM9ESQ95\n  * @shadowOnly false\n  */\n  --zg-icon-color: var(--zg-button-icon-background_custom_hover, #fff);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_custom_hover\n  * @description Styles the background of custom button on hover\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/3NS677KC\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_custom_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_custom_hover\n  * @description Styles the border of custom button on hover\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/M471ONLC\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_custom_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_custom_hover\n  * @description Applies a box shadow behing custom button on hover\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6G5744Z9\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_custom_hover);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_custom_hover\n  * @description Sets the font color of custom button on hover\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/UTHW9VD5\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_custom_hover);\n  /* Already defined, don't add JSDOCs */\n  transition: background-color var(--zg-button-transition_speed, var(--theme-transition_speed));\n}\n\n/* Active */\n:host(:not([action]):not([force-border=\"disabled\"]):active),\n:host(:not([action]):not([force-border=\"disabled\"]).active),\n:host([force-border]:not([force-border=\"disabled\"]):active),\n:host([force-border]:not([force-border=\"disabled\"]).active) {\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-background_custom_active\n  * @description Styles the background of custom button on active state\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/I7M662SJ\n  * @shadowOnly false\n  */\n  background: var(--zg-button-background_custom_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-border_custom_active\n  * @description Styles the border of custom button on active state\n  * @see border\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/SBAJGZLD\n  * @shadowOnly false\n  */\n  border: var(--zg-button-border_custom_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-box-shadow_custom_active\n  * @description Applies a box shadow behind custom button on active state\n  * @see box-shadow\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/NFET6MLX\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-button-box-shadow_custom_active);\n  /**\n  * @memberof ZGButton\n  * @var --zg-button-color_custom_active\n  * @description Sets the font color of custom button on active state\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/L6FV9PN6\n  * @shadowOnly false\n  */\n  color: var(--zg-button-color_custom_active);\n}",""])},3419:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-background\n  * @description Styles the background of caption\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6U2SY2K5\n  * @shadowOnly false\n  */\n  background: var(--zg-caption-background);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border\n  * @description Styles the border of caption\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/0N4C0ECB\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border-bottom\n  * @description Styles the bottom border of caption\n  * @see border\n  * @default var(--zg-caption-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/99JLBVYH\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-caption-border-bottom, var(--zg-caption-border, 0));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border-left\n  * @description Styles the left border of caption\n  * @see border\n  * @default var(--zg-caption-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FWLLXIJ5\n  * @shadowOnly false\n  */\n  border-left: var(--zg-caption-border-left, var(--zg-caption-border, 0));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border-right\n  * @description Styles the right border of caption\n  * @see border\n  * @default var(--zg-caption-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/52JW357J\n  * @shadowOnly false\n  */\n  border-right: var(--zg-caption-border-right, var(--zg-caption-border, 0));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border-top\n  * @description Styles the top border of caption\n  * @see border\n  * @default var(--zg-caption-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/NZ37Y0WR\n  * @shadowOnly false\n  */\n  border-top: var(--zg-caption-border-top, var(--zg-caption-border, 0));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-border-radius\n  * @description Applies a border-radius to the caption\n  * @see border-radius\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/XTZFER6B\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-caption-border-radius, 0);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-box-shadow\n  * @description Applies a box shadow behind caption\n  * @see box-shadow\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/NGD7EIQQ\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-caption-box-shadow, none);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-color\n  * @description Sets the font color of caption\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/AWL1ZJ9P\n  * @shadowOnly false\n  */\n  color: var(--zg-caption-color);\n  display: block;\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-font-family\n  * @description Sets the font family of caption\n  * @see font-family\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/AIW2OSGY\n  * @shadowOnly false\n  */\n  font-family: var(--zg-caption-font-family);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-font-size\n  * @description Sets the font size of caption\n  * @see font-size\n  * @default 1.25rem\n  * @demoLink https://app.zingsoft.com/demos/create/GYEK88WP\n  * @shadowOnly false\n  */\n  font-size: var(--zg-caption-font-size, 1.25rem);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-font-style\n  * @description Sets the font style of caption\n  * @see font-style\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/88F09GZT\n  * @shadowOnly false\n  */\n  font-style: var(--zg-caption-font-style);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-font-weight\n  * @description Sets the font weight of caption\n  * @see font-weight\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/KY56OFL7\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-caption-font-weight);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-margin\n  * @description Sets the margin of caption\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/4KJK4SH4\n  * @shadowOnly false\n  */\n  margin: var(--zg-caption-margin, 0);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-opacity\n  * @description Sets the opacity of caption\n  * @see opacity\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/PE0HQJ5R\n  * @shadowOnly false\n  */\n  opacity: var(--zg-caption-opacity);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-padding\n  * @description Sets the padding of caption\n  * @see padding\n  * @default 0 var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/442ELH1B\n  * @shadowOnly false\n  */\n  padding: var(--zg-caption-padding, 0 var(--theme-padding_x));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-transition\n  * @description Sets the transition of caption\n  * @see transition\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/NORAG1EP\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  transition: var(--zg-caption-transition);\n  z-index: 2;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Wrapper */\n.zg-caption {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-align-items\n  * @description Sets the vertical alignment of items (title and toolbar) in caption\n  * @see align-items\n  * @default center\n  * @demoLink https://app.zingsoft.com/demos/create/CQYPIK1K\n  * @shadowOnly true\n  */\n  align-items: var(--zg-caption-align-items, center);\n  box-sizing: border-box;\n  display: flex;\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-flex-direction\n  * @description Sets the flex direction of items (title and toolbar) in caption\n  * @see flex-direction\n  * @default row\n  * @demoLink https://app.zingsoft.com/demos/create/7OAGC539\n  * @shadowOnly true\n  */\n  flex-direction: var(--zg-caption-flex-direction, row);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-height\n  * @description Sets the height of caption\n  * @see height\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/Y3GPK1TE\n  * @shadowOnly false\n  */\n  min-height: var(--zg-caption-height);\n  position: relative;\n  width: 100%;\n}\n:host([align=\"right\"]) .zg-caption {\n  flex-direction: row-reverse;\n}\n\n/* Title (Slot) */\n.zg-caption-title-slot {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-align-self\n  * @description Sets vertical alignment of items in caption title\n  * @see align-self\n  * @default center\n  * @demoLink https://app.zingsoft.com/demos/create/67LXJX3V\n  * @shadowOnly true\n  */\n  align-self: var(--zg-caption-title-align-self, var(--zg-caption-align-items));\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-flex\n  * @description Sets how items are flexed in caption title\n  * @see flex\n  * @default 0 1 auto\n  * @demoLink https://app.zingsoft.com/demos/create/ZNF8KZ0Q\n  * @shadowOnly true\n  */\n  flex: var(--zg-caption-title-flex, 0 1 auto);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-font-family\n  * @description Sets the font-family of caption title\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/RSEFCP22\n  * @shadowOnly false\n  */\n  font-family: var(--zg-caption-title-font-family, inherit);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-font-size\n  * @description Sets the font size of caption title\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/957S8V57\n  * @shadowOnly false\n  */\n  font-size: var(--zg-caption-title-font-size, inherit);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-font-style\n  * @description Sets the font style of caption title\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/7998V87T\n  * @shadowOnly false\n  */\n  font-style: var(--zg-caption-title-font-style, inherit);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-font-weight\n  * @description Sets the font weight of caption title\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/SL5PZSVT\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-caption-title-font-weight, inherit);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-margin\n  * @description Sets the margin of caption title\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/16DIJOGY\n  * @shadowOnly false\n  */\n  margin: var(--zg-caption-title-margin, 0);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-padding\n  * @description Sets the padding of caption title\n  * @see padding\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/ZS07XHPH\n  * @shadowOnly false\n  */\n  padding: var(--zg-caption-title-padding, 0);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-order\n  * @description Sets the order of caption title with respect to caption toolbar\n  * @see order\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/C23FWMV5\n  */\n  order: var(--zg-caption-title-order);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-text-align\n  * @description Sets the text alignment of caption title\n  * @see text-align\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/1598TAUJ\n  * @shadowOnly false\n  */\n  text-align: var(--zg-caption-title-text-align, inherit);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-transform\n  * @description Sets the transform of caption title\n  * @see transform\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/3XWSGQ3T\n  * @shadowOnly false\n  */\n  transform: var(--zg-caption-title-transform, none);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-title-width\n  * @description Sets the width of caption title\n  * @see width\n  * @default 100%\n  * @demoLink https://app.zingsoft.com/demos/create/072GAQ92\n  * @shadowOnly false\n  */\n  width: var(--zg-caption-title-width, 100%);\n}\n\n/* Toolbar (Slot) */\n.zg-caption-toolbar {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-align-self\n  * @description Sets vertical alignment of items in caption toolbar\n  * @default Browser's default value\n  * @see align-self\n  * @demoLink https://app.zingsoft.com/demos/create/S3ZCU3DO\n  * @shadowOnly false\n  */\n  align-self: var(--zg-caption-toolbar-align-self);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-bottom\n  * @description Sets the position from bottom of caption toolbar. To apply, set --zg-caption-toolbar-position.\n  * @see bottom\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/OEH3UY6Q\n  * @shadowOnly false\n  * @storyAlert recommend:--zg-caption-toolbar-position:relative\n  */\n  bottom: var(--zg-caption-toolbar-bottom);\n  display: flex;\n  height: var(--zg-caption-height);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-justify-content\n  * @description Sets the horizontal alignment of contents in caption toolbar\n  * @see justify-content\n  * @default flex-start\n  * @demoLink https://app.zingsoft.com/demos/create/765LB16X\n  * @shadowOnly true\n  */\n  justify-content: var(--zg-caption-toolbar-justify-content, flex-start);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-left\n  * @description Sets the left of caption toolbar. To apply, set --zg-caption-toolbar-position.\n  * @see left\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/S4O1P9G5\n  * @shadowOnly false\n  * @storyAlert recommended:--zg-caption-toolbar-position:relative\n  */\n  left: var(--zg-caption-toolbar-left, auto);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-margin\n  * @description Sets the margin of caption toolbar\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/KZJX7TLX\n  * @shadowOnly true\n  */\n  margin: var(--zg-caption-toolbar-margin, 0);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-position\n  * @description Sets the position of caption toolbar\n  * @see position\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/QHJA4VIJ\n  * @shadowOnly true\n  */\n  position: var(--zg-caption-toolbar-position);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-right\n  * @description Sets the right of caption toolbar. To apply, set --zg-caption-toolbar-position.\n  * @see right\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/4YMLUW88\n  * @shadowOnly true\n  * @storyAlert recommend:--zg-caption-toolbar-position:relative\n  */\n  right: var(--zg-caption-toolbar-right, auto);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-top\n  * @description Sets the top of caption toolbar. To apply, set --zg-caption-toolbar-position.\n  * @see top\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/RFUEEGAP\n  * @shadowOnly true\n  * @storyAlert recommend:--zg-caption-toolbar-position:relative\n  */\n  top: var(--zg-caption-toolbar-top, auto);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-transform\n  * @description Sets the transform of caption toolbar\n  * @see transform\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/CM2ERTMS\n  * @shadowOnly true\n  */\n  transform: var(--zg-caption-toolbar-transform, none);\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-toolbar-width\n  * @description Sets the width of caption toolbar\n  * @see width\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/MGC5Q8CR\n  * @shadowOnly true\n  */\n  width: var(--zg-caption-toolbar-width, auto);\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* DAVE - Moving this from zg-button has the search button in a weird position   Put search on a grid and you will see */\n\n/* ZG-BUTTON */\n:host ::slotted(zg-button) {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-button-background\n  * @description Styles the background of button in caption\n  * @default var(--zg-button-background)\n  * @demoLink https://app.zingsoft.com/demos/create/TJF6WCKE\n  * @see background\n  * @shadowOnly false\n  */\n  background: var(--zg-caption-button-background, var(--zg-button-background));\n  color: var(--zg-caption-button-color, var(--zg-button-color));\n  display: inline-flex;\n  height: 100%;\n  padding-left: 5px;\n  padding-right: 5px;\n}\n:host ::slotted(zg-button:focus) {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-button-background_focus\n  * @description Styles the background of button in caption when the button is in a `focus` state\n  * @default var(--zg-caption-button-background, var(--zg-button-background))\n  * @demoLink https://app.zingsoft.com/demos/create/BSNFWAC2\n  * @see background\n  * @shadowOnly false\n  */\n  background: var(--zg-caption-button-background_focus, var(--zg-button-background_focus, var(--zg-caption-button-background, var(--zg-button-background))));\n  color: var(--zg-caption-button-color_focus, var(--zg-caption-button-color, var(--zg-button-color_focus, var(--zg-button-color))));\n}\n:host ::slotted(zg-button:hover) {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-button-background_hover\n  * @description Styles the background of button in caption when the button is in a `hover` state\n  * @default var(--zg-caption-button-background, var(--zg-button-background))\n  * @demoLink https://app.zingsoft.com/demos/create/2C4I6L8Q\n  * @see background\n  * @shadowOnly false\n  */\n  background: var(--zg-caption-button-background_hover, var(--zg-button-background_hover, var(--zg-caption-button-background, var(--zg-button-background))));\n  color: var(--zg-caption-button-color_hover, var(--zg-caption-button-color, var(--zg-button-color_hover, var(--zg-button-color))));\n}\n\n:host ::slotted(zg-button:active) {\n  /**\n  * @memberof ZGCaption\n  * @var --zg-caption-button-background_active\n  * @description Styles the background of button in caption when the button is in an `active` state\n  * @default var(--zg-caption-button-background, var(--zg-button-background))\n  * @demoLink https://app.zingsoft.com/demos/create/RAU1QDPS\n  * @see background\n  * @shadowOnly false\n  */\n  background: var(--zg-caption-button-background_active, var(--zg-button-background_active, var(--zg-caption-button-background, var(--zg-button-background))));\n  color: var(--zg-caption-button-color_active, var(--zg-caption-button-color, var(--zg-button-color_active, var(--zg-button-color))));\n}\n\n\n/* CUSTOM USER BUTTON */\n:host ::slotted(zg-button:not([action])) {\n  background: var(--zg-caption-button-background_custom, var(--zg-caption-button-background, var(--zg-button-background_custom, var(--zg-button-background))));\n  color: var(--zg-caption-button-color_custom, var(--zg-caption-button-color, var(--zg-button-color_custom, var(--zg-button-color))));\n}\n:host ::slotted(zg-button:not([action]):focus) {\n  background: var(--zg-caption-button-background_custom_focus, var(--zg-caption-button-background_focus, var(--zg-button-background_custom_focus, var(--zg-button-background_focus, var(--zg-caption-button-background_custom, var(--zg-caption-button-background, var(--zg-button-background_custom, var(--zg-button-background))))))));\n  color: var(--zg-caption-button-color_custom_focus, var(--zg-caption-button-color_focus, var(--zg-button-color_custom_focus, var(--zg-button-color_focus, var(--zg-button-color)))));\n}\n:host ::slotted(zg-button:not([action]):hover) {\n  background: var(--zg-caption-button-background_custom_hover, var(--zg-caption-button-background_hover, var(--zg-button-background_custom_hover, var(--zg-button-background_hover, var(--zg-caption-button-background_custom, var(--zg-caption-button-background, var(--zg-button-background_custom, var(--zg-button-background))))))));\n  color: var(--zg-caption-button-color_custom_hover, var(--zg-caption-button-color_hover, var(--zg-button-color_custom_hover, var(--zg-button-color_hover,var( --zg-button-color)))));\n}\n:host ::slotted(zg-button:not([action]):active) {\n  background: var(--zg-caption-button-background_custom_active, var(--zg-caption-button-background_active, var(--zg-button-background_custom_active, var(--zg-button-background_active, var(--zg-caption-button-background_custom, var(--zg-caption-button-background, var(--zg-button-background_custom, var(--zg-button-background))))))));\n  color: var(--zg-caption-button-color_custom_active, var(--zg-caption-button-color_active, var(--zg-button-color_custom_active, var(--zg-button-color_active, var(--zg-button-color)))));\n}\n\n\n/* INTERNAL BUTTON */\n:host ::slotted(zg-button[action]:hover) {\n  background: var(--zg-caption-button-background_hover, var(--zg-button-background_hover));\n}\n\n:host ::slotted(zg-search) {\n  display: inline-flex;\n  height: 100%;\n}\n\n/* DYNAMIC\n-------------------------------------- */\n.enabled { display:inline-block !important; }",""])},43147:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-background_layout_card\n  * @description Styles the background of cards in 'card' layout-mode\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/BEYZ88MV\n  * @shadowOnly false\n  */\n  background: var(--zg-cell-background_layout_card);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-border_layout_card\n  * @description Styles the border of cards in 'card' layout-mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/U0CW9K8N\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-border-bottom_layout_card\n  * @description Styles the bottom border of cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FGN7V34Y\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-cell-border-bottom_layout_card, var(--zg-cell-border_layout_card, 0));\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-border-left_layout_card\n  * @description Styles the left border of cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/BPYBZ5YQ\n  * @shadowOnly false\n  */\n  border-left: var(--zg-cell-border-left_layout_card, var(--zg-cell-border_layout_card, 0));\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-border-right_layout_card\n  * @description Styles the right border of cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/CK9N7ZQV\n  * @shadowOnly false\n  */\n  border-right: var(--zg-cell-border-right_layout_card, var(--zg-cell-border_layout_card, 0));\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-border-top_layout_card\n  * @description Styles the top border of cards in 'card' layout-mode\n  * @see border\n  * @default var(--zg-card-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/7Y7BXZCF\n  * @shadowOnly false\n  */\n  border-top: var(--zg-cell-border-top_layout_card, var(--zg-cell-border_layout_card, 0));\n  box-sizing: border-box;\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-color_layout_card\n  * @description Sets the font color of cards in 'card' layout-mode\n  * @see color\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/X2B23BUZ\n  * @shadowOnly false\n  */\n  color: var(--zg-cell-color_layout_card, inherit);\n  display: block;\n  flex: 1;\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-font-family_layout_card\n  * @description Sets the font family of cards in 'card' layout-mode\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/O9LB0E7K\n  * @shadowOnly false\n  */\n  font-family: var(--zg-cell-font-family_layout_card, inherit);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-font-size_layout_card\n  * @description Sets the font size of cards in 'card' layout-mode\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/FN82MG62\n  * @shadowOnly false\n  */\n  font-size: var(--zg-cell-font-size_layout_card, inherit);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-font-style_layout_card\n  * @description Sets the font family of cards in 'card' layout-mode\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/OOAIYJ3A\n  * @shadowOnly false\n  */\n  font-style: var(--zg-cell-font-style_layout_card, inherit);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-font-weight_layout_card\n  * @description Sets the font weight of cards in 'card' layout-mode\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/HG4U54X7\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-cell-font-weight_layout_card, inherit);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-height_layout_card\n  * @description Sets the height of cards in 'card' layout-mode\n  * @see height\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/363ZH0L0\n  * @shadowOnly false\n  */\n  height: var(--zg-cell-height_layout_card, auto);\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-line-height_layout_card\n  * @description Sets the line height of cards in 'card' layout-mode\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/GNXXL0I8\n  * @shadowOnly false\n  */\n  line-height: var(--zg-cell-line-height_layout_card, inherit);\n  overflow: hidden;\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-padding_layout_card\n  * @description Sets the padding of cards in 'card' layout-mode\n  * @see padding\n  * @default var(--theme-padding_y) var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/NLQRJG8E\n  * @shadowOnly false\n  */\n  padding: var(--zg-cell-padding_layout_card, var(--theme-padding_y) var(--theme-padding_x));\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-transition_layout_card\n  * @description Sets the transition of cards in 'card' layout-mode\n  * @see transition\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/EP738THM\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  transition: var(--zg-cell-transition_layout_card);\n  user-select: none;\n  width: 100%;\n  /**\n  * @memberof ZGCard\n  * @var --zg-cell-word-break_layout_card\n  * @description Sets the word break of items in cards in 'card' layout-mode\n  * @see word-break\n  * @default break-all\n  * @demoLink https://app.zingsoft.com/demos/create/8M5I3J8P\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  word-break: var(--zg-cell-word-break_layout_card, break-all);\n}\n\n/* Hide if 'hidden' attribute applied */\n:host([hidden]) {\n  display: none !important;\n}\n\n/* 'Remove Record' Cell */\n:host([type=\"remover\"]) {\n  text-align: right;\n}\n\n/* WHEN EDIT-ROW BUTTONS IN SAME CELL */\n:host([edit-row-buttons-one-cell]) {\n  padding-left: 0;\n  padding-right: 0;\n}\n:host([edit-row-buttons-one-cell]) ::slotted([data-field-index]) {\n  display: flex;\n} ",""])},10761:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* HOST\n-------------------------------------- */\n:host {\n  --cell-overflow-background-color: var(--zing-grid-background);\n  --cell-overflow-border-color: var(--theme-border-color);\n}\n\n/* Type: Default */\n:host {\n  background: var(--cell-overflow-background-color);\n  border: 1px solid var(--cell-overflow-border-color);\n  display: block;\n  line-height: initial;\n  pointer-events: auto;\n  position: absolute;\n  z-index: 11;\n}\n\n:host([hidden]) {\n  visibility: hidden;\n  pointer-events: none;\n}\n",""])},33581:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background\n  * @description Styles the background of cells\n  * @see background\n  * @default var(--zg-cell-background)\n  * @demoLink https://app.zingsoft.com/demos/create/FPS1Y1BU\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background_layout_row\n  * @description Styles the background of cells in \'row\' layout-mode\n  * @see background\n  * @default var(--zg-cell-background)\n  * @demoLink https://app.zingsoft.com/demos/create/OB4ZAO0E\n  * @shadowOnly false\n  */\n  background: var(--zg-cell-background_layout_row, var(--zg-cell-background));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border\n  * @description Styles the border of cells\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/5IAJRJAX\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-bottom\n  * @description Styles the bottom border of cells\n  * @see border\n  * @default var(--zg-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/6W1MBMS5\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border_layout_row\n  * @description Styles the border of cells in \'row\' layout-mode\n  * @see border\n  * @default var(--zg-cell-border-bottom, var(--zg-cell-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/VUY7YJN0\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-bottom_layout_row\n  * @description Styles the bottom border of cells in \'row\' layout-mode\n  * @see border\n  * @default var(--zg-cell-border_layout_row, var(--zg-cell-border-bottom, var(--zg-cell-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/CBCRNIEW\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-cell-border-bottom_layout_row, var(--zg-cell-border_layout_row, var(--zg-cell-border-bottom, var(--zg-cell-border, 0))));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-left\n  * @description Styles the left border of cells\n  * @see border\n  * @default var(--zg-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/D7KFKEG9\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-left_layout_row\n  * @description Styles the left border of cells in \'row\' layout-mode\n  * @see border\n  * @default var(--zg-cell-border_layout_row, var(--zg-cell-border-left, var(--zg-cell-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/09D81J37\n  * @shadowOnly false\n  */\n  border-left: var(--zg-cell-border-left_layout_row, var(--zg-cell-border_layout_row, var(--zg-cell-border-left, var(--zg-cell-border, 0))));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-right\n  * @description Styles the right border of cells\n  * @see border\n  * @default var(--zg-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/I1HTZ8O9\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-right_layout_row\n  * @description Styles the right border of cells in \'row\' layout-mode\n  * @see border\n  * @default var(--zg-cell-border_layout_row, var(--zg-cell-border-right, var(--zg-cell-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/38MHHLP7\n  * @shadowOnly false\n  */\n  border-right: var(--zg-cell-border-right_layout_row, var(--zg-cell-border_layout_row, var(--zg-cell-border-right, var(--zg-cell-border, 0))));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-top\n  * @description Styles the top border of cells\n  * @see border\n  * @default var(--zg-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/5LO8GANO\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-border-top_layout_row\n  * @description Styles the top border of cells in \'row\' layout-mode\n  * @see border\n  * @default var(--zg-cell-border_layout_row, var(--zg-cell-border-top, var(--zg-cell-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/7MVAC7VQ\n  * @shadowOnly false\n  */\n  border-top: var(--zg-cell-border-top_layout_row, var(--zg-cell-border_layout_row, var(--zg-cell-border-top, var(--zg-cell-border, 0))));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color\n  * @description Styles font color of text in cells\n  * @see color\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/W7Z4EQX7\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color_layout_row\n  * @description Styles font color of text in cells in \'row\' layout-mode\n  * @see color\n  * @default var(--zg-cell-color, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/4L4VCAVC\n  * @shadowOnly false\n  */\n  color: var(--zg-cell-color_layout_row, var(--zg-cell-color, inherit));\n  display: table-cell;\n  flex: 1;\n  /* CS THIS HAS TO BE REMOVED BEFORE LAUNCHING FIND OTHER SOLUTION */\n  -position: relative;\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-family\n  * @description Sets the font family in cells\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/FBT1I49W\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-family_layout_row\n  * @description Sets the font family in cells in \'row\' layout-mode\n  * @see font-family\n  * @default var(--zg-cell-font-family, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/WEF8KGXB\n  * @shadowOnly false\n  */\n  font-family: var(--zg-cell-font-family_layout_row, var(--zg-cell-font-family, inherit));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-size\n  * @description Sets the font size in cells\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/5VXTAUSO\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-size_layout_row\n  * @description Sets the font size in cells in \'row\' layout-mode\n  * @see font-size\n  * @default var(--zg-cell-font-size, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/9NBFBSO0\n  * @shadowOnly false\n  */\n  font-size: var(--zg-cell-font-size_layout_row, var(--zg-cell-font-size, inherit));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-style\n  * @description Sets the font style in cells\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/MBBRNXUX\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-style_layout_row\n  * @description Sets the font style in cells in \'row\' layout-mode\n  * @see font-style\n  * @default var(--zg-cell-font-style, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/LJYPK43Z\n  * @shadowOnly false\n  */\n  font-style: var(--zg-cell-font-style_layout_row, var(--zg-cell-font-style, inherit));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-weight\n  * @description Sets the font weight in cells\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/C8CHJ5SG\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-font-weight_layout_row\n  * @description Sets the font weight in cells in \'row\' layout-mode\n  * @see font-weight\n  * @default var(--zg-cell-font-weight, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/4FCZ5S1K\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-cell-font-weight_layout_row, var(--zg-cell-font-weight, inherit));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-height\n  * @description Sets height of cells\n  * @see height\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/0ADC78MI\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-height_layout_row\n  * @description Sets height of cells in \'row\' layout-mode\n  * @see height\n  * @default var(--zg-cell-height, auto)\n  * @demoLink https://app.zingsoft.com/demos/create/2I7KY86Q\n  * @shadowOnly false\n  */\n  height: var(--zg-cell-height_layout_row, var(--zg-cell-height, auto));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-line-height\n  * @description Sets line height of cells\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/13BR35NS\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-line-height_layout_row\n  * @description Sets line height of cells in \'row\' layout-mode\n  * @see line-height\n  * @default var(--zg-cell-line-height, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/V1O45PMA\n  * @shadowOnly false\n  */\n  line-height: var(--zg-cell-line-height_layout_row, var(--zg-cell-line-height, inherit));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-padding\n  * @description Sets padding of cells\n  * @see padding\n  * @default var(--theme-padding_y) var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/L55WT5PW\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-padding_layout_row\n  * @description Sets padding of cells in \'row\' layout-mode\n  * @see padding\n  * @default var(--zg-cell-padding, var(--theme-padding_y) var(--theme-padding_x))\n  * @demoLink https://app.zingsoft.com/demos/create/LXJRGOVN\n  * @shadowOnly false\n  */\n  padding: var(--zg-cell-padding_layout_row, var(--zg-cell-padding, var(--theme-padding_y) var(--theme-padding_x)));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-transition\n  * @description Sets the transition of cells\n  * @see transition\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/XB0M7RTK\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-transition_layout_row\n  * @description Sets the transition of cells in \'row\' layout-mode\n  * @see transition\n  * @default var(--zg-cell-transition)\n  * @demoLink https://app.zingsoft.com/demos/create/KNVU6GWJ\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  transition: var(--zg-cell-transition_layout_row, var(--zg-cell-transition));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-vertical-align\n  * @description Sets vertical alignment of items in cells\n  * @see vertical-align\n  * @default middle\n  * @demoLink https://app.zingsoft.com/demos/create/IRBQ32WL\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-vertical-align_layout_row\n  * @description Sets vertical alignment of items in cells in \'row\' layout-mode\n  * @see vertical-align\n  * @default var(--zg-cell-vertical-align, middle)\n  * @demoLink https://app.zingsoft.com/demos/create/4FFXFDKI\n  * @shadowOnly false\n  */\n  vertical-align: var(--zg-cell-vertical-align_layout_row, var(--zg-cell-vertical-align, middle));\n  box-sizing: border-box;\n}\n\n/*  This was previously under :host, but it broke the tooltips of the edit/delete cells */\n:host(:not([button-tooltip])) {\n  overflow: hidden;\n}\n\n\n:host(:hover) {\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background_hover\n  * @description Styles the background of cells on hover\n  * @see background\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/RT19PJTK\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background_hover_layout_row\n  * @description Styles the background of cells in \'row\' layout-mode on hover\n  * @see background\n  * @default var(--zg-cell-background_hover)\n  * @demoLink https://app.zingsoft.com/demos/create/K3W62J0D\n  * @shadowOnly false\n  */\n  background: var(--zg-cell-background_hover_layout_row, var(--zg-cell-background_hover));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color_hover\n  * @description Styles font color of cells on hover\n  * @see color\n  * @default var(--zg-cell-color)\n  * @demoLink https://app.zingsoft.com/demos/create/KSG94XLN\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color_hover_layout_row\n  * @description Styles font color of cells in \'row\' layout-mode on hover\n  * @see color\n  * @default var(--zg-cell-color_hover, var(--zg-cell-color))\n  * @demoLink https://app.zingsoft.com/demos/create/0VCGU2R9\n  * @shadowOnly false\n  */\n  color: var(--zg-cell-color_hover_layout_row, var(--zg-cell-color_hover, var(--zg-cell-color)));\n}\n\n/* Hide if \'hidden\' attribute applied */\n:host([hidden]) {\n  display: none !important;\n}\n:host([cell-break-prep]) {\n  /* word-break: break-word; */\n  white-space: nowrap;\n}\n\n/* \'Selector\' checkbox Cell */\n/* Remove padding so we can add to the inner checkbox instead (for better mobile hitbox) */\n/* See `:ost-context(zg-cell[type="selector"])` in ZGCheckbox.css */\n:host([type="selector"]) {\n  padding: 0 !important;\n}\n\n/* TYPE: BUTTON */\n/* Must explicitly unset `appearance` to avoid overrides from Bootstrap framework */\n:host([type="button"]) {\n  appearance: unset !important;\n}\n\n/* TYPE: TOGGLE */\n/* Show `cursor:pointer` for cells you can toggle on click */\n:host([type="toggle"]) ::slotted([data-field-index]) {\n  cursor: pointer;\n}\n\n\n/* If the cell is in the foot row */\n/* Inner Cell Wrapper */\n:host([rowfooter]){\n  display: table-cell;\n  width: 100%;\n  -overflow: hidden;\n  white-space: nowrap;\n  -z-index: 1;\n}\n\n/* Inner Wrapper */\n:host([rowfooter]) div {\n  align-items: center;\n  display: inline-flex;\n  height: 100%;\n  justify-content: flex-start;\n  vertical-align: middle;\n  overflow: hidden;\n  white-space: nowrap;\n  width: 100%;\n}\n\n/* Cell Text */\n:host([rowfooter]) ::slotted([data-field-index]) {\n  /* line-height: 1; */\n  -z-index: 1;\n}\n\n/* If the cell is currently sorted */\n:host([sorted]) {\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background_sorted\n  * @description Styles the background of cells in sorted column\n  * @see background\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/DNFOJBRU\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-background_layout_row_sorted\n  * @description Styles the background of cells in sorted column in \'row\' layout-mode\n  * @see background\n  * @default var(--zg-cell-background_sorted)\n  * @demoLink https://app.zingsoft.com/demos/create/EM0YQ90M\n  * @shadowOnly false\n  */\n  background: var(--zg-cell-background_layout_row_sorted, var(--zg-cell-background_sorted));\n  border-top: var(--zg-cell-border-top_sorted, var(--zg-cell-border-top_layout_row, var(--zg-cell-border-top, var(--zg-cell-border))));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color_sorted\n  * @description Sets the font color of cells in sorted column\n  * @default var(--zg-cell-color)\n  * @demoLink https://app.zingsoft.com/demos/create/427LWHVI\n  * @see color\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-color_layout_row_sorted\n  * @description Sets the font color of cells in sorted column in \'row\' layout-mode\n  * @default var(--zg-cell-color_sorted, var(--zg-cell-color))\n  * @demoLink https://app.zingsoft.com/demos/create/64ZKT87T\n  * @see color\n  * @shadowOnly false\n  */\n  color: var(--zg-cell-color_layout_row_sorted, var(--zg-cell-color_sorted, var(--zg-cell-color)));\n}\n\n/* WHEN EDIT-ROW BUTTONS IN SAME CELL */\n:host([edit-row-buttons-one-cell]) {\n  padding-left: 0;\n  padding-right: 0;\n}\n:host([edit-row-buttons-one-cell]) ::slotted([data-field-index]) {\n  display: flex;\n}\n\n\n/* CELL-BREAK STYLING\n-------------------------------------- */\n/* \n  Add [cell-break="xxxx"] to ZG or ZGColumn to set how \n  overflow content behaves inside a body cell.\n*/\n:host(:not([cell-break]):not([type="iframe"]):not([type="selector"]):not([data-control-field])) ::slotted([data-field-label]) {\n  display: var(--zg-cell-label-display_layout_card, block);\n  white-space: normal;\n}\n:host(:not([cell-break]):not([cell-break-prep]):not([rowfooter]):not([rowheader]):not([type="iframe"]):not([type="row-group"]):not([type="selector"])) ::slotted([data-field-index]) {\n  display: inline-block;\n  white-space: normal;\n}\n\n:host([type="row-group"][align="center"]:not([layout="card"])) ::slotted([data-field-index]) {\n  justify-content: center;\n}\n:host([type="row-group"][align="right"]:not([layout="card"])) ::slotted([data-field-index]) {\n  justify-content: end;\n}\n:host([cell-break="ellipsis"]:not([data-control-field])) ::slotted([data-field-label]),\n:host([cell-break="ellipsis"]:not([data-control-field]):not([button-tooltip])) ::slotted([data-field-index]) {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n:host([cell-break="all"]) ::slotted([data-field-label]),\n:host([cell-break="all"]) ::slotted([data-field-index]) {\n  white-space: normal;\n  word-break: break-all;\n}\n:host([cell-break="normal"]) ::slotted([data-field-label]),\n:host([cell-break="normal"]) ::slotted([data-field-index]) {\n  white-space: normal;\n  word-break: normal;\n}\n:host([cell-break="word"]) ::slotted([data-field-label]),\n:host([cell-break="word"]) ::slotted([data-field-index]) {\n  white-space: normal;\n  overflow-wrap: break-word;\n}\n\n:host([type="row-group"]:not([layout="card"])) ::slotted([data-field-index]) {\n  display: flex;\n  align-items: center;\n  white-space: normal;\n}\n\n/* This breaks tooltips when the alignment is to the right or center. */\n:host(:not([layout="card"])) ::slotted([data-field-index]) {\n  -width:100%;\n}\n\n\n/* Always hide the overflow on the frozen columns */\n:host([frozen]:not([data-control-field]):not([button-tooltip])) {\n  overflow: hidden;\n}\n\n:host([frozen-row]) ::slotted([data-field-index]) {\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n\n/* SLOTTED CONTENT\n-------------------------------------- */\n\n/* Don\'t show in row mode, either by default viewport or if [layout="row"] manually added */\n:host ::slotted([data-field-label]) {\n  display: none;\n}\n\n/* LAYOUT: CARD\n-------------------------------------- */\n/* THE SLOTTED CELL INDEX LABEL */\n:host([layout="card"]) ::slotted([data-field-label]) {\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-color_layout_card\n  * @description Sets font color of label in cards in \'card\' layout-mode\n  * @see color\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/WLX26P3Q\n  * @shadowOnly false\n  */\n  color: var(--zg-cell-label-color_layout_card, var(--theme-color-primary));\n  content: attr(text);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-display_layout_card\n  * @description Sets the display of label in cards in \'card\' layout-mode\n  * @default flex\n  * @see display\n  * @demoLink https://app.zingsoft.com/demos/create/VJ2V5JBW\n  */\n  display: var(--zg-cell-label-display_layout_card, flex);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-font-size_layout_card\n  * @description Sets font size of label in cards in \'card\' layout-mode\n  * @see font-size\n  * @default 85%\n  * @demoLink https://app.zingsoft.com/demos/create/9M0IV26C\n  * @shadowOnly false\n  */\n  font-size: var(--zg-cell-label-font-size_layout_card, 85%);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-margin_layout_card\n  * @description Sets the margin of label in cards in \'card\' layout-mode\n  * @see margin\n  * @default 0 0 2px\n  * @demoLink https://app.zingsoft.com/demos/create/4YSN75PR\n  * @shadowOnly false\n  */\n  margin: var(--zg-cell-label-margin_layout_card, 0 0 2px);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-overflow_layout_card\n  * @description Sets the overflow of label in cards in \'card\' layout-mode\n  * @default Browser\'s default value\n  * @see overflow\n  * @demoLink https://app.zingsoft.com/demos/create/RW2Y5KUP\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  overflow: var(--zg-cell-label-overflow_layout_card);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-transform_layout_card\n  * @description Sets transform of label in cards in \'card\' layout-mode\n  * @see transform\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/7HNBULB8\n  * @shadowOnly false\n  */\n  transform: var(--zg-cell-label-transform_layout_card);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-label-font-weight_layout_card\n  * @description Sets font weight of label in cards in \'card\' layout-mode\n  * @see font-weight\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/SW2D92C5\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-cell-label-font-weight_layout_card);\n  text-transform: capitalize;\n}\n\n/* THE SLOTTED CELL CONTENTS */\n:host([layout="card"]) ::slotted([data-field-index]) {\n  align-items: center;\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-border_layout_card\n  * @description Styles the border of card items in \'card\' layout-mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/PL7XVRO6\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-border-bottom_layout_card\n  * @description Styles the bottom border of card items in \'card\' layout-mode\n  * @see border\n  * @default var(--zg-cell-content-border_layout_card, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/67415UAZ\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-cell-content-border-bottom_layout_card, var(--zg-cell-content-border_layout_card, 0));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-border-left_layout_card\n  * @description Styles the left border of card items in \'card\' layout-mode\n  * @see border\n  * @default var(--zg-cell-content-border_layout_card, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/KJY3M0EU\n  * @shadowOnly false\n  */\n  border-left: var(--zg-cell-content-border-left_layout_card, var(--zg-cell-content-border_layout_card, 0));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-border-right_layout_card\n  * @description Styles the right border of card items in \'card\' layout-mode\n  * @see border\n  * @default var(--zg-cell-content-border_layout_card, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/UL1AANE2\n  * @shadowOnly false\n  */\n  border-right: var(--zg-cell-content-border-right_layout_card, var(--zg-cell-content-border_layout_card, 0));\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-border-top_layout_card\n  * @description Styles the top border of card items in \'card\' layout-mode\n  * @see border\n  * @default var(--zg-cell-content-border_layout_card, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/S1QU5P5C\n  * @shadowOnly false\n  */\n  border-top: var(--zg-cell-content-border-top_layout_card, var(--zg-cell-content-border_layout_card, 0));\n  display: flex;\n  flex-basis: 100%;\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-font-size_layout_card\n  * @description Sets the font size of cards in \'card\' layout-mode\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/YUH3FMTN\n  * @shadowOnly false\n  */\n  font-size: var(--zg-cell-content-font-size_layout_card, inherit);\n  /**\n  * @memberof ZGCell\n  * @var --zg-cell-content-padding_layout_card\n  * @description Sets the padding of cards in \'card\' layout-mode\n  * @see padding\n  * @default 3px 0\n  * @demoLink https://app.zingsoft.com/demos/create/FRM4C9ZH\n  * @shadowOnly false\n  */\n  padding: var(--zg-cell-content-padding_layout_card, 3px 0);\n}\n\n/* Hide labels of control columns in card mode */\n:host([layout="card"][data-control-field]) ::slotted([data-field-label]) {\n  display: none;\n}\n\n/* Control Cells */\n:host([layout="card"][data-control-field]) ::slotted([data-field-index]) {\n  --zg-cell-content-padding_layout_card: 0;\n  /* display: flex;\n  align-items: center;\n  height: 100%; */\n}\n\n/* SHARED BETWEEN ALL \'RECORD\' CONTROLS */\n:host([layout="card"][data-control-field]) {\n  position: absolute;\n  top: 0;\n}\n/* Do not add :before labels for non-grid data cells (buttons, checkboxes, etc.) */\n:host([layout="card"][data-control-field]):before {\n  display: none;\n}\n\n/* \'SELECT CARD\' CHECKBOX */\n:host([layout="card"][type="selector"]) {\n  top: 2px;\n  height: 38px;\n  left: 5px;\n}\n/* When it comes AFTER \'row-number\' */\n:host([layout="card"][data-control-field*="row-number,selector"][type="selector"]) {\n  left: 25px;\n}\n\n:host([layout="card"][type="selector"]) ::slotted([data-field-index]) {\n  border:0;\n}\n\n/* \'ROW NUMBER\' LABEL */\n:host([layout="card"][type="row-number"]) {\n  --zg-row-card-cell-padding: 4px;\n  left: 28px;\n  top: 2px;\n}\n:host([layout="card"][type="row-number"]) ::slotted([data-field-index]) {\n  display: flex !important;\n  align-items: center;\n  height: 28px;\n}\n\n/*  \'INFO\' ICON */\n:host([layout="card"][type="info"]) {\n  --zg-row-card-cell-padding: 4px;\n  left: 5px;\n  top: 2px;\n}\n:host([layout="card"][type="info"]) ::slotted([data-field-index]) {\n  display: flex !important;\n  align-items: center;\n  height: 28px;\n}\n\n/*  We need to move the info icon if row-number and/or selector are also set */\n:host([layout="card"][data-control-field*="row-number"][data-control-field*="info"][type="info"]),\n:host([layout="card"][data-control-field*="selector"][data-control-field*="info"][type="info"]) {\n  left: 25px;\n}\n\n:host([layout="card"][data-control-field*="row-number"][data-control-field*="selector"][data-control-field*="info"][type="info"]) {\n  left: 45px;\n}\n\n/* Need to adjust positions based on which buttons are present.\n   Buttons are editor, remover, duplicate\n   Positions are from right: 10, 36, 62\n   If min-width 768, positions are 0, 26, 52 */\n\n/* \'EDIT CARD\' BUTTON */\n:host([layout="card"][type="editor"]) {\n  margin-top: 5px;\n  right: 10px;\n}\n:host([layout="card"][data-control-field*="remover"][type="editor"]) {\n  right: 36px;\n}\n:host([layout="card"][data-control-field*="duplicate"][type="editor"]) {\n  right: 36px;\n}\n:host([layout="card"][data-control-field*="remover"][data-control-field*="duplicate"][type="editor"]) {\n  right: 62px;\n}\n@media (min-width:768px) {\n  :host([layout="card"][type="editor"]) {\n    right: 0px;\n  }\n  :host([layout="card"][data-control-field*="remover"][type="editor"]) {\n    right: 26px;\n  }\n  :host([layout="card"][data-control-field*="duplicate"][type="editor"]) {\n    right: 26px;\n  }\n  :host([layout="card"][data-control-field*="remover"][data-control-field*="duplicate"][type="editor"]) {\n    right: 52px;\n  }\n}\n:host([layout="card"][type="editor"]) ::slotted([data-field-index]) {\n  border:0;\n}\n\n/* \'DELETE CARD\' BUTTON */\n:host([layout="card"][type="remover"]) {\n  right: 10px;\n  margin-top: 5px;\n}\n:host([layout="card"][data-control-field*="duplicate"][type="remover"]) {\n  right: 36px;\n}\n\n@media (min-width:768px) {\n  :host([layout="card"][type="remover"]) {\n    right: 0;\n  }\n  :host([layout="card"][data-control-field*="duplicate"][type="remover"]) {\n    right: 26px;\n  }\n}\n:host([layout="card"][type="remover"]) ::slotted([data-field-index]) {\n  border:0;\n}\n\n/* \'DUPLICATE CARD BUTTON\' */\n:host([layout="card"][type="duplicate"]) {\n  right: 10px;\n  margin-top: 5px;\n}\n\n@media (min-width:768px) {\n  :host([layout="card"][type="duplicate"]) {\n    right: 0px;\n  }\n}\n\n/* Style the cell if it is in the dirty editor state */\n:host(.cell-dirty-edit:not(.cell-active-edit)) {\n  position: relative;\n}\n\n:host(.cell-dirty-edit:not(.cell-active-edit)):after{\n  content: "";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 0;\n  height: 0;\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-cell-dirty-edit-border-width\n  * @description Sets the border width of the dirty cell marker\n  * @see border-width\n  * @default 7px\n  * @demoLink https://app.zingsoft.com/demos/create/U90FN6VL\n  * @shadowOnly false\n  */\n  border-width: var(--zg-cell-dirty-edit-border-width, 7px);\n  border-style: solid;\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-cell-dirty-edit-border-color\n  * @description Sets the color of the dirty cell marker\n  * @see border-color\n  * @default red;\n  * @demoLink https://app.zingsoft.com/demos/create/9DTR8P0D\n  * @shadowOnly false\n  */\n  border-color: var(--zg-cell-dirty-edit-border-color, red) transparent transparent var(--zg-cell-dirty-edit-border-color, red);\n}\n\n/* Style the current column that is being reordered with `[column-drag]` */\n:host(.is-reordering) {\n  background: var(--theme-background-color);\n}\n\n::slotted([has-details]) {\n  cursor: pointer;\n  color:blue;\n  text-decoration:underline;\n}\n',""])},63185:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n    /* LOCAL REUSE */\n    --local-checkbox-height: 18px;\n    --local-checkbox-width: 18px;\n\n    /* STYLE HOST */\n    align-items: center;\n    cursor: pointer;\n    display: flex;\n    line-height: 0;\n    user-select: none;\n    white-space: nowrap;\n    -webkit-tap-highlight-color: transparent;\n}\n:host(:focus) {\n    outline: var(--zg-button-focus);\n}\n:host([hidden]) {\n    display: none !important;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Text */\n#text { display:none; }\n:host([hastext]) #text {\n    color: var(--theme-color-primary);\n    display:block;\n    font-size: 90%;\n    margin-left:5px;\n}\n\n/* WHEN SLOTTED INTO OTHER COMPONENTS\n---------------------------------------- */\n/* SELECTOR CHECKBOX */\n/* \n  Note: using `:not([layout="card"])` instead of `[layout="row"]` b/c [layout] can be omitted \n  (default is row-mode), and the browser will interpret it as `[layout="reset"]` instead.\n*/\n/* IN ZG-HEAD, LAYOUT: ROW */\n:host([parent="head"]:not([layout="card"])) {\n  height: 100%;\n  padding: 0 var(--theme-padding_x);\n}\n/* IN ZG-BODY, LAYOUT: ROW */\n:host([parent="body"]:not([layout="card"])) {\n  box-sizing: border-box;\n  height: 100%;\n  min-height: var(--zg-cell-selector-min-height_layout_row, 47px);\n  padding: 0 var(--theme-padding_x);\n  width: 100%;\n}\n/* IN ZG-BODY, LAYOUT: CARD */\n:host([parent="body"][layout="card"]) {\n  min-height: var(--zg-cell-selector-min-height_layout_card, 26px);\n  padding: 0;\n}\n:host([parent="cell"]:not([layout="card"])) {\n  box-sizing: border-box;\n  height: 100%;\n  min-height: var(--zg-cell-selector-min-height_layout_row, 47px);\n  width: 100%;\n}\n',""])},35420:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n    display: table-column-group;\n}\n:host([layout="card"]) {\n    display: block;\n}',""])},9253:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n/* The Column Resize Bar */\n:host {\n  align-items: center;\n  /**\n  * @memberof ZGColumnResize\n  * @var --zg-column-resize-background\n  * @description Sets the background of the resize handle\n  * @see background\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/GY8NY03F\n  * @shadowOnly false\n  */\n  background: var(--zg-column-resize-background, none);\n  border-radius: 2px;\n  color: var(--zg-column-resize-color);\n  cursor: ew-resize !important;\n  display: flex;\n  /**\n  * @memberof ZGColumnResize\n  * @var --zg-column-resize-height\n  * @description Sets the height of the resize handle\n  * @see height\n  * @default 40%\n  * @demoLink https://app.zingsoft.com/demos/create/18NKOWQO\n  * @shadowOnly false\n  */\n  height: var(--zg-column-resize-height, 50%);\n  justify-content: center;\n  position: absolute;\n  right: 15px;\n  /**\n  * @memberof ZGColumnResize\n  * @var --zg-column-resize-top\n  * @description Sets the top position of the resize handle\n  * @see top\n  * @default 30%\n  * @demoLink https://app.zingsoft.com/demos/create/02YVWHW2\n  * @shadowOnly false\n  */\n  top: var(--zg-column-resize-top, 25%);\n  /**\n  * @memberof ZGColumnResize\n  * @var --zg-column-resize-width\n  * @description Sets the width of the resize handle\n  * @see width\n  * @default 4px\n  * @demoLink https://app.zingsoft.com/demos/create/2BTZFOU2\n  * @shadowOnly false\n  */\n  width: var(--zg-column-resize-width, auto);\n}\n\n:host([dir="rtl"]) {\n  left: 15px;\n  right: unset;\n}\n\n/* When Pressed */\n:host(:active) {\n  background: var(--zg-column-resize-background_active, var(--theme-border-color));\n}\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n\n.zg-column-resize-handle zg-icon {\n  display: block;\n  height: 12px;\n  width: 12px;\n}\n\n.zg-column-resize-handle zg-icon svg {\n  fill: var(--zg-column-resize-color);\n}',""])},21840:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    display: table-column;\n}\n\n/* Hide if 'hidden' attribute applied */\n:host([hidden]) {\n    display: none;\n}\n\n\n/* Style the current column that is being reordered with `[drag]` */\n/* Hide if 'hidden' attribute applied */\n:host(.is-reordering) {\n  background: var(--theme-background-color);\n}\n\n/* Must explicitly unset `appearance` to avoid overrides from Bootstrap framework */\n:host([type=\"button\"]) {\n  appearance: unset !important;\n}\n\n",""])},77628:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  --zg-icon-color: var(--zg-control-bar-icon-color);\n\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-background\n  * @description Styles the background of control-bar\n  * @see background\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/8QU13CU5\n  * @shadowOnly true\n  */\n  background: var(--zg-control-bar-background);\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-border\n  * @description Styles the border of control-bar\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/A5JYDEGW\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-border-bottom\n  * @description Styles the bottom border of control-bar\n  * @see border\n  * @default var(--zg-control-bar-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/CWVOSQC7\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-control-bar-border-bottom, var(--zg-control-bar-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-border-left\n  * @description Styles the left border of control-bar\n  * @see border\n  * @default var(--zg-control-bar-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/QOCRCDUO\n  * @shadowOnly false\n  */\n  border-left: var(--zg-control-bar-border-left, var(--zg-control-bar-border, 0));\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-border-right\n  * @description Styles the right border of control-bar\n  * @see border\n  * @default var(--zg-control-bar-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/ZUGS5N4E\n  * @shadowOnly false\n  */\n  border-right: var(--zg-control-bar-border-right, var(--zg-control-bar-border, 0));\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-border-top\n  * @description Styles the top border of control-bar\n  * @see border\n  * @default var(--zg-control-bar-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/UBYLTINT\n  * @shadowOnly false\n  */\n  border-top: var(--zg-control-bar-border-top, var(--zg-control-bar-border, 0));\n  box-sizing: border-box;\n  display: block;\n  text-align: left;\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-margin\n  * @description Sets the margin of control-bar\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/S6MYCHEP\n  * @shadowOnly false\n  */\n  margin: var(--zg-control-bar-margin, 0);\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-min-height\n  * @description Sets the min-height of control bar\n  * @see min-height\n  * @default 30px\n  * @demoLink https://app.zingsoft.com/demos/create/9RT1IX7I\n  * @shadowOnly false\n  */\n  min-height: var(--zg-control-bar-min-height, 30px);\n /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-visibility\n  * @description Sets the visibility of component\n  * @see visibility\n  * @default visible\n  * @demoLink https://app.zingsoft.com/demos/create/NMVK94RD\n  * @shadowOnly false\n  */\n  visibility: var(--zg-control-bar-visibility, visible);\n\n  border-radius: var(--zg-control-bar-border-radius, 0);\n}\n/* Hide if it has [hidden] attribute */\n:host([hidden]) {\n  display: none;\n}\n\n/* Hide if it has [hidden] attribute */\n:host([hidden]) {\n  display: none;\n}\n\n/* SHADOW ELEMENT\n-------------------------------------- */\n/* Wrapper */\n.zg-control-bar {\n  align-items: center;\n  background: var(--zg-control-bar-background);\n  display: grid;\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-padding\n  * @description Sets the padding of control-bar\n  * @see padding\n  * @default 2px var(--theme-padding_x) 2px calc(var(--theme-padding_x) - 6px)\n  * @demoLink https://app.zingsoft.com/demos/create/WR596XPW\n  * @shadowOnly false\n  */\n  padding: var(--zg-control-bar-padding, 2px var(--theme-padding_x));\n  border-radius: var(--zg-control-bar-border-radius, 0);\n  grid-template-columns: fit-content(300px) 1fr fit-content(300px);\n}\n\n:host([layout="card"]) .zg-control-bar {\n  grid-template-columns: fit-content(75px) fit-content(300px) 1fr fit-content(300px);\n}\n\n.zg-control-bar-action {\n  /* min-width: 200px;*/\n  min-width: 160px;\n}\n\n/* \'Action\' Grouping - Select All, Delete All, etc. */\n.zg-control-bar-card-action {\n  align-items: center;\n  display: none;\n  margin-left: -14px;\n}\n:host([layout="card"]) .zg-control-bar-card-action {\n   display: flex; \n}\n\n/* \'Layout Type\' Grouping - Row or Card mode */\n.zg-control-bar-layout {\n  align-items: center;\n  display: flex;\n  flex: 1;\n  -grid-column: 3 / -1; /* Changed from 2 / -1 because once message moved to new row, this column would fill from col #2; we want from col #3 */\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-layout-justify-content\n  * @description Sets the horizontal alignment of contents in inner layout container\n  * @see justify-content\n  * @default flex-end\n  * @demoLink https://app.zingsoft.com/demos/create/RY0BD0RX\n  * @shadowOnly true\n  */\n  justify-content: var(--zg-control-bar-layout-justify-content, flex-end);\n  \n}\n.zg-control-bar-layout:before {\n  /**\n  * @memberof ZGControlBar\n  * @var --zg-control-bar-layout-content\n  * @description Sets the before \'content\' of inner layout container\n  * @see content\n  * @default ""\n  * @demoLink https://app.zingsoft.com/demos/create/MXM9N5T5\n  * @shadowOnly false\n  */\n  content: var(--zg-control-bar-layout-content, \'\');\n  font-size: 80%;\n  margin-left: -4px;\n  margin-right: 7px;\n}\n\n/* SLOTTED ELEMENTS\n---------------------------------------- */\n/* Select All cell */\n:host ::slotted(zg-checkbox) {\n  margin-left: 6px;\n  font-size: 90%;\n  transform: translateY(2.5px);\n}\n\n:host ::slotted(zg-separator) {\n  background-color: color-mix(in srgb, var(--theme-color-primary), white );\n  height: 13px;\n  margin: 0 0 0 8px;\n  overflow: hidden;\n  transform: translateY(7px);\n  display:none;\n  width: 0;\n}\n\n:host([dir="rtl"]) ::slotted(zg-separator) {\n  margin: 0 8px 0 0;\n}\n\n:host([dir="rtl"]) .zg-control-bar-action {\n  text-align: right;\n}\n\n:host ::slotted(#afterselect) {\n  transform: translateY(4.5px);\n  margin-right: 8px;\n}\n\n:host([batch-edit][create]) ::slotted(#beforeedit),\n:host([batch-edit]) ::slotted(#afterselect),\n:host([create]) ::slotted(#afterselect) {\n  display: inline-block;\n  width: 1px;\n}\n\n/* Hide the card mode separator if no selector is set */\n:host(:not([internal-selector])) ::slotted(#afterselect) {\n  display: none;\n}\n\n/* Batch Edit Text Label */\n:host ::slotted(zg-text) {\n  display: none;\n  padding-left: 8px;\n  padding-right: 5px;\n  font-size: 90%;\n  transform: translateY(4px);\n}\n:host([batch-edit-active]) ::slotted(zg-text) {\n  display: inline-block;\n}\n\n/* Edit Buttons */\n:host ::slotted(zg-button[action^="batch"]),\n:host ::slotted(zg-button[action$="record"]) {\n  transform: translateY(2.5px);\n}\n\n/* -- \'Batch Edit\' only */\n:host([create]) ::slotted(zg-button[action="batchedit"]) {\n  margin-inline-start: 8px;\n}\n/* -- Save Button */\n:host ::slotted(zg-button[action="batcheditsave"]) {\n  --zg-button-color: green;\n  --zg-icon-color: green;\n  margin-inline-end: 4px;\n}\n\n:host ::slotted(#unsaved) {\n  color: var(--zg-watermark-color);\n  display: inline-flex;\n  transform: translateY(1px);\n}\n\n:host([batch-edit-long-message]) .zg-control-bar-message {\n  grid-row: 2;\n  padding: 5px 0;\n  grid-column: 1 / -1;\n}\n\n:host([batch-edit-long-message]) ::slotted(#unsaved) {\n  line-height: 18px;\n}',""])},400:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {}",""])},66184:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  --zg-icon-height: 25px;\n  --zg-icon-width: 25px;\n}\n:host([open]) {}\n\n/* ELEMENTS\n-------------------------------------- */\n\n/* <dialog> content area */\n.zg-dialog-dialog {\n  align-items: center;\n  background: rgba(0, 0, 0, .6);\n  border: 0;\n  box-sizing: border-box;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  left: 0;\n  opacity: 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n  pointer-events: none;\n  position: fixed;\n  text-align: left;\n  top: 0;\n  transform: scale(1.05);\n  transition: opacity .2s,transform .1s;\n  visibility: hidden;\n  width: 100%;\n  z-index: 99999999;\n} \n.zg-dialog-dialog[open] {\n  cursor: pointer;\n  opacity: 1;\n  pointer-events: all;\n  transform: scale(1);\n  visibility: visible;\n}\n/* \n  Constrain the dialog \'mask\' to the dimensions of the grid\n  instead of device fullscreen.\n  NOTE: Also when in this mode, we don\'t block <body> scrolling (ZGDialog.js)\n*/\n:host([internal-attach]) .zg-dialog-dialog {\n  position: absolute;\n}\n\n.zg-dialog-form {\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-background\n  * @description Styles the background of dialog header\n  * @see background\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/7PR4SRRW\n  * @shadowOnly true\n  */\n  background: var(--zg-dialog-background, #fff);\n  border-radius: 2px;\n  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3), 0 4px 8px -4px rgba(0, 0, 0, 0.3);\n  cursor: default;\n  display: block;\n  left: 50% !important;\n  max-height: 80%;\n  max-width: 30rem;\n  overflow: auto;\n  padding: 1.5rem;\n  position: absolute;\n  top: 50% !important;\n  transform: translate(-50%, -50%);\n  width: 80%;\n  z-index: 100;\n}\n\n\n/* HEADER\n-------------------------------------- */\n.zg-dialog-header {\n  align-items: center;\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-background\n  * @description Styles the background of dialog header\n  * @see background\n  * @default var(--zg-dialog-background)\n  * @demoLink https://app.zingsoft.com/demos/create/G03K1B6P\n  * @shadowOnly true\n  */\n  background: var(--zg-dialog-header-background, var(--zg-dialog-background));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-border\n  * @description Styles the border of dialog header\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/FTZ4O6XG\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-border-bottom\n  * @description Styles the bottom border of dialog header\n  * @see border\n  * @default var(--zg-dialog-header-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/MGVKXZG2\n  * @shadowOnly true\n  */\n  border-bottom: var(--zg-dialog-header-border-bottom, var(--zg-dialog-header-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-border-left\n  * @description Styles the left border of dialog header\n  * @see border\n  * @default var(--zg-dialog-header-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/RW53U4MG\n  * @shadowOnly true\n  */\n  border-left: var(--zg-dialog-header-border-left, var(--zg-dialog-header-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-border-right\n  * @description Styles the right border of dialog header\n  * @see border\n  * @default var(--zg-dialog-header-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/J0L1R6CU\n  * @shadowOnly true\n  */\n  border-right: var(--zg-dialog-header-border-right, var(--zg-dialog-header-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-border-top\n  * @description Styles the top border of dialog header\n  * @see border\n  * @default var(--zg-dialog-header-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/PJO7AU08\n  * @shadowOnly true\n  */\n  border-top: var(--zg-dialog-header-border-top, var(--zg-dialog-header-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-color\n  * @description Sets the font folor of dialog header\n  * @see color\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/9HFIZO8V\n  * @shadowOnly true\n  */\n  color: var(--zg-dialog-header-color);\n  display: flex;\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-margin\n  * @description Sets the margin of dialog header\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/VBZX6FJF\n  * @shadowOnly true\n  */\n  margin: var(--zg-dialog-header-margin, 0);\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-header-padding\n  * @description Sets the padding of dialog header\n  * @see padding\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/W0RHP8WF\n  * @shadowOnly true\n  */\n  padding: var(--zg-dialog-header-padding, 0);\n}\n\n/* HEADER LABEL */\n.zg-dialog-label {\n  flex: 1;\n}\n\n\n/* BODY\n-------------------------------------- */\n.zg-dialog-body {\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-background\n  * @description Styles the background of dialog body\n  * @see background\n  * @default var(--zg-dialog-background)\n  * @demoLink https://app.zingsoft.com/demos/create/179BYIFU\n  * @shadowOnly true\n  */\n  background: var(--zg-dialog-body-background, var(--zg-dialog-background));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-border\n  * @description Styles the border of dialog body\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/QBM0OIM8\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-border-bottom\n  * @description Styles the bottom border of dialog body\n  * @see border\n  * @default var(--zg-dialog-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/V7GPBX6Y\n  * @shadowOnly true\n  */\n  border-bottom: var(--zg-dialog-body-border-bottom, var(--zg-dialog-body-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-border-left\n  * @description Styles the left border of dialog body\n  * @see border\n  * @default var(--zg-dialog-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/UT7PLIJD\n  * @shadowOnly true\n  */\n  border-left: var(--zg-dialog-body-border-left, var(--zg-dialog-body-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-border-right\n  * @description Styles the right border of dialog body\n  * @see border\n  * @default var(--zg-dialog-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/3N8I2IAV\n  * @shadowOnly true\n  */\n  border-right: var(--zg-dialog-body-border-right, var(--zg-dialog-body-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-border-top\n  * @description Styles the top border of dialog body\n  * @see border\n  * @default var(--zg-dialog-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/P5NH1SU5\n  * @shadowOnly true\n  */\n  border-top: var(--zg-dialog-body-border-top, var(--zg-dialog-body-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-margin\n  * @description Sets the margin of dialog body\n  * @see margin\n  * @default 10px 0\n  * @demoLink https://app.zingsoft.com/demos/create/JWPAD3TC\n  * @shadowOnly true\n  */\n  margin: var(--zg-dialog-body-margin, 0);\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-body-padding\n  * @description Sets the padding of dialog body\n  * @see padding\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/Z8DLXRVR\n  * @shadowOnly true\n  */\n  padding: var(--zg-dialog-body-padding, 0);\n}\n\n.zg-dialog-body[has-text] {\n  /* Don\'t add JSDoc info, it is already set above */\n  border-top: var(--zg-dialog-body-border-top, var(--zg-dialog-body-border, 1px solid var(--theme-border-color)));\n  margin: var(--zg-dialog-body-margin, 10px 0 0);\n  padding: var(--zg-dialog-body-padding, 1.25rem 0 0);\n}\n\n.zg-dialog-body[has-error] {\n  padding-top: 10px;\n}\n\n.zg-dialog-error {\n  display: none;\n  color: red;\n}\n\n.zg-dialog-body[has-error] .zg-dialog-error {\n  display: flex;\n}\n\n/* Details Row Wrapper */\n.zg-dialog-body-details-row > :first-child { margin-top:0; }\n.zg-dialog-body-details-row > :last-child { margin-bottom:0; }\n\n/* Icon Row Wrapper */\n.zg-dialog-body-icon-row {\n  align-items: flex-start;\n  display: flex;\n  margin-bottom: -6px;\n}\n.zg-dialog-body-icon-row p { margin:0; }\n\n/* Content Wrapper */\n.zg-dialog-body-content { flex:1; line-height:1.3; }\n\n/*  Insert and Edit Styles \n    Taken from ZGEditorRow.css */\n/* LABEL / INPUT WRAPPER */\n.zg-dialog-editor-row-inputs,\n.zg-dialog-editor-row-inputs * {\n  box-sizing: border-box;\n}\n/* Note: 2 column by default, 1 column in \'mobile\' viewport */\n.zg-dialog-editor-row-inputs {\n  display: var(--zg-dialog-editor-row-display, grid);\n  grid-column-gap: var(--zg-dialog-editor-row-column-gap, 1rem);\n  grid-template-columns: var(--zg-dialog-editor-row-grid-template-columns, repeat(2, 1fr));\n  flex-flow: var(--zg-dialog-editor-row-flex-flow, row wrap);\n  justify-content: var(--zg-dialog-editor-row-justify-content, space-between);\n}\n\n/* LABEL */\n.zg-dialog-editor-row-inputs label {\n  display: block;\n  position: absolute;\n}\n.zg-dialog-editor-row-inputs label {\n  /* When editing indiv cell in card mode, make cell full width */\n  display: block;\n  margin: 1rem 0 0;\n  position: relative;\n}\n.zg-dialog-editor-row-inputs label span {\n  color: var(--zg-editor-row-label-color, #949494);\n  font-size: var(--zg-editor-row-label-font-size, 12px);\n}\n/*  This must be id or class based and not tagged based or else we have the possibility of hiding user span tags */\n.zg-dialog-editor-row-inputs label .editorRowFieldLabelContent {\n  display: block;\n}\n.zg-dialog-editor-row-inputs label span {\n  display: block;\n  margin-bottom: 4px;\n  text-transform: capitalize;\n}\n\n/* INPUT */\n.zg-dialog-editor-row-inputs input {\n  background: var(--zg-input-background, #fff);\n  box-shadow: var(--zg-box-shadow, none);\n  box-sizing: border-box;\n  border-bottom: var(--zg-input-border-bottom, var(--zg-input-border, 1px solid var(--theme-border-color)));\n  border-left: var(--zg-input-border-left, var(--zg-input-border, 0));\n  border-right: var(--zg-input-border-right, var(--zg-input-border, 0));\n  border-top: var(--zg-input-border-top, var(--zg-input-border, 0));\n  color: var(--zg-input-color, var(--theme-color));\n  font-family: var(--zg-input-font-family, inherit);\n  font-size: var(--zg-input-font-size, inherit);\n  font-style: var(--zg-input-font-style, inherit);\n  font-weight: var(--zg-input-font-weight, inherit);\n  height: var(--zg-input-height, 28px);\n  line-height: var(--zg-input-line-height, inherit);\n  margin: var(--zg-input-margin, 0);\n  padding: var(--zg-editor-row-input-padding_modal, var(--zg-editor-row-input-padding, var(--zg-input-padding, 0)));\n  text-align: var(--zg-input-text-align, left);\n  transform: var(--zg-editor-row-input-transform, var(--zg-input-transform));\n  width: 100%;\n}\n\n.zg-dialog-editor-row-inputs select, textarea {\n  margin: var(--zg-input-margin, 5px 0 0 0);\n}\n\n/* -- :FOCUS */\n.zg-dialog-editor-row-inputs input:focus {\n  background: var(--zg-editor-row-input-background_modal_focus, var(--zg-input-background_focus, var(--zg-input-background, #fff))) !important;\n  border-bottom: var(--zg-editor-row-input-border-bottom_modal_focus, var(--zg-editor-row-input-border-bottom_focus, 1px solid rgba(82, 168, 236, 0.8)));\n  border-left: var(--zg-editor-row-input-border-left_modal_focus, var(--zg-editor-row-input-border-left_focus));\n  border-top: var(--zg-editor-row-input-border-top_modal_focus, var(--zg-editor-row-input-border-top_focus));\n  box-shadow: var(--zg-editor-row-input-box-shadow_modal_focus, none);\n  color: var(--zg-editor-row-input-color_modal_focus, var(--zg-editor-row-input-color_focus));\n  font-size: var(--zg-editor-row-input-font-size_modal_focus, var(--zg-editor-row-input-font-size_focus));\n  outline: none;\n  transform: var(--zg-editor-row-input-transform_focus, var(--zg-input-transform_focus));\n}\n\n.zg-dialog-editor-row-inputs .zg-validation-error {\n  background-color: red;\n  border-color: red;\n}\n\n/* TYPE: RADIO */\n.zg-dialog-editor-row-inputs .zg-editor-row-radio-wrap {\n  display: flex;\n  flex-direction: column;\n  padding: .5rem 0;\n}\n.zg-dialog-editor-row-inputs .zg-editor-row-radio-wrap > :first-child {\n  margin-top: 0; \n}\n.zg-dialog-editor-row-inputs .zg-editor-row-radio-wrap label {\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n  max-width: none;\n  margin-top:.75rem;\n}\n.zg-dialog-editor-row-inputs .zg-editor-row-radio-wrap input {\n  height: 14px;\n  width: 14px;\n}\n.zg-dialog-editor-row-inputs .zg-editor-row-radio-wrap span {\n  margin: 0 0 0 5px;\n}\n\n.zg-dialog-body-batch-edit,\n.zg-dialog-body-icon-row p {\n  color: var(--zg-dialog-body-color, #000);\n}\n\n\n/* FOOTER\n-------------------------------------- */\n.zg-dialog-footer {\n  align-items: center;\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-background\n  * @description Styles the background of dialog footer\n  * @see background\n  * @default var(--zg-dialog-background)\n  * @demoLink https://app.zingsoft.com/demos/create/H27KMSA5\n  * @shadowOnly true\n  */\n  background: var(--zg-dialog-footer-background, var(--zg-dialog-background));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-border\n  * @description Styles the border of dialog footer\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/IW16P1T1\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-border-bottom\n  * @description Styles the bottom border of dialog footer\n  * @see border\n  * @default var(--zg-dialog-footer-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/Q7VVGHZT\n  * @shadowOnly true\n  */\n  border-bottom: var(--zg-dialog-footer-border-bottom, var(--zg-dialog-footer-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-border-left\n  * @description Styles the left border of dialog footer\n  * @see border\n  * @default var(--zg-dialog-footer-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/XWEQTFFE\n  * @shadowOnly true\n  */\n  border-left: var(--zg-dialog-footer-border-left, var(--zg-dialog-footer-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-border-right\n  * @description Styles the right border of dialog footer\n  * @see border\n  * @default var(--zg-dialog-footer-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/ZSDQ13MP\n  * @shadowOnly true\n  */\n  border-right: var(--zg-dialog-footer-border-right, var(--zg-dialog-footer-border, 0));\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-border-top\n  * @description Styles the top border of dialog footer\n  * @see border\n  * @default var(--zg-dialog-footer-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/PJRFHAGU\n  * @shadowOnly true\n  */\n  border-top: var(--zg-dialog-footer-border-top, var(--zg-dialog-footer-border, 1px solid var(--theme-border-color)));\n  display: flex;\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-justify-content\n  * @description Sets the horizontal alignment of contents in dialog footer\n  * @see justify-content\n  * @default flex-end\n  * @demoLink https://app.zingsoft.com/demos/create/CNK0M0O8\n  * @shadowOnly true\n  */\n  justify-content: var(--zg-dialog-footer-justify-content, flex-end);\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-margin\n  * @description Sets the margin of dialog footer\n  * @see margin\n  * @default 1.25rem 0 0\n  * @demoLink https://app.zingsoft.com/demos/create/EJ1GWKJR\n  * @shadowOnly true\n  */\n  margin: var(--zg-dialog-footer-margin, 1.25rem 0 0);\n  /**\n  * @memberof ZGDialog\n  * @var --zg-dialog-footer-padding\n  * @description Sets the padding of dialog footer\n  * @see padding\n  * @default .875rem 0 0\n  * @demoLink https://app.zingsoft.com/demos/create/QHF0OT6N\n  * @shadowOnly true\n  */\n  padding: var(--zg-dialog-footer-padding, .875rem 0 0);\n}\n\n/* Using explicit class names here instead of `.zg-dialog-footer button` to avoid specificity */\n.zg-dialog-cancel,\n.zg-dialog-confirm {\n  border-radius: 2px;\n  color: #fff;\n  cursor: pointer;\n  font-size: .875rem;\n  padding: .5rem .625rem;\n  text-transform: uppercase;\n}\n.zg-dialog-cancel {\n  background: var(--zg-dialog-cancel-background, var(--zg-dialog-button-backround, var(--theme-color-lighter)));\n  border-bottom: var(--zg-dialog-cancel-border-bottom, var(--zg-dialog-button-border-bottom, 1px solid var(--theme-border-color)));\n  border-left: var(--zg-dialog-cancel-border-left, var(--zg-dialog-button-border-left, 1px solid var(--theme-border-color)));\n  border-right: var(--zg-dialog-cancel-border-right, var(--zg-dialog-button-border-right, 1px solid var(--theme-border-color)));\n  border-top: var(--zg-dialog-cancel-border-top, var(--zg-dialog-button-border-top, 1px solid var(--theme-border-color)));\n  color: red;\n}\n.zg-dialog-confirm {\n  background: var(--zg-dialog-confirm-background, var(--zg-dialog-button-backround, var(--theme-color-primary)));\n  border-bottom: var(--zg-dialog-confirm-border-bottom, var(--zg-dialog-button-border-bottom, 1px solid var(--theme-color-primary)));\n  border-left: var(--zg-dialog-confirm-border-left, var(--zg-dialog-button-border-left, 1px solid var(--theme-color-primary)));\n  border-right: var(--zg-dialog-confirm-border-right, var(--zg-dialog-button-border-right, 1px solid var(--theme-color-primary)));\n  border-top: var(--zg-dialog-confirm-border-top, var(--zg-dialog-button-border-top, 1px solid var(--theme-color-primary)));\n  margin-left: 10px;\n}\n\n:host([dir="rtl"]) .zg-dialog-confirm {\n  margin-right: 10px;\n}\n\n/* Close Button */\n.zg-dialog-close {\n  background: var(--zg-dialog-close-background);\n  border: var(--zg-dialog-close-border, 1px solid var(--theme-border-color));\n  border-bottom: var(--zg-dialog-close-border-bottom, 1px solid var(--theme-border-color));\n  border-left: var(--zg-dialog-close-border-left, 1px solid var(--theme-border-color));\n  border-right: var(--zg-dialog-close-border-right, 1px solid var(--theme-border-color));\n  border-top: var(--zg-dialog-close-border-top, 1px solid var(--theme-border-color));\n  border-radius: var(--zg-dialog-close-border-radius, 4px);\n  color: var(--zg-dialog-close-color, var(--zing-grid-color));\n  cursor: pointer;\n  font-size: .875rem;\n  height: 28px;\n  text-transform: uppercase;\n  width: 28px;\n}\n.zg-dialog-close:hover {\n  background: var(--zg-dialog-close-background_hover, var(--zg-dialog-close-backgroun));\n  border: var(--zg-dialog-close-border_hover, var(--zg-dialog-close-border));\n  border-bottom: var(--zg-dialog-close-border-bottom_hover, var(--zg-dialog-close-border-bottom, 1px solid var(--theme-border-color)));\n  border-left: var(--zg-dialog-close-border-left_hover, var(--zg-dialog-close-border-left, 1px solid var(--theme-border-color)));\n  border-right: var(--zg-dialog-close-border-right_hover, var(--zg-dialog-close-border-right, 1px solid var(--theme-border-color)));\n  border-top: var(--zg-dialog-close-border-top_hover, var(--zg-dialog-close-border-top, 1px solid var(--theme-border-color)));\n  border-radius: var(--zg-dialog-close-border-radius_hover, var(--zg-dialog-close-border-radius, 4px));\n  color: var(--zg-dialog-close-color_hover, var(--zg-dialog-close-color, var(--zing-grid-color)));\n}\n\n\n/* SLOTTED CONTENT\n-------------------------------------- */\n\n/* Icon */\n:host ::slotted(zg-icon) {\n  height: var(--zg-icon-width);\n  margin-right: 15px;\n  width: var(--zg-icon-width);\n  transform: translateY(-3px);\n}\n:host ::slotted(zg-icon[name="error"]) {\n  --zg-icon-color: var(--theme-color-alert);\n}\n:host ::slotted(zg-icon[name="success"]) {\n  --zg-icon-color: var(--theme-color-success);\n}\n:host ::slotted(zg-icon[name="warning"]) {\n  --zg-icon-color: var(--theme-color-warn);\n}',""])},39003:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF (DEFAULT \'INLINE\' STYLE)\n-------------------------------------- */\n/* Not active state */\n/* The following css messes up dir=rtl  Everything seems fine without this CSS */\n /* :host {\n  position: absolute;\n  top: 0;\n} */\n\n/* Active from single-cell click */\n:host([active-cell-edit]) {\n  display: block;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* FORM */\n.zg-editor-row-wrapper {\n  box-sizing: border-box;\n  position: absolute;\n}\n\n/* LABEL / INPUT WRAPPER */\n.zg-editor-row-inputs,\n.zg-editor-row-inputs * {\n  box-sizing: border-box;\n}\n\n/* LABEL */\n.zg-editor-row-inputs label {\n  display: block;\n  position: absolute;\n  background: var(--zg-editor-row-input-background, #f5f5f5);\n}\n\n/*  This must be id or class based and not tagged based or else we have the possibility of hiding user span tags */\n.zg-editor-row-inputs label .editorRowFieldLabelContent {\n  display: none;\n}\n\n/* INPUT */\n.zg-editor-row-inputs input,\n.zg-editor-row-inputs input:focus {\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-background\n  * @description Styles the background of editor row\n  * @see background\n  * @default #f5f5f5\n  * @demoLink https://app.zingsoft.com/demos/create/3EBBN3A3\n  * @shadowOnly true\n  */\n  background: var(--zg-editor-row-input-background, #f5f5f5);\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-border\n  * @description Styles the border of editor row\n  * @see border\n  * @default 1px solid rgba(82, 168, 236, 0.8)\n  * @demoLink https://app.zingsoft.com/demos/create/O48B8R6Z\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-border-bottom\n  * @description Styles the bottom border of editor row\n  * @see border\n  * @default var(--zg-editor-row-input-border, 1px solid rgba(82, 168, 236, 0.8))\n  * @demoLink https://app.zingsoft.com/demos/create/9P6CXB0Q\n  * @shadowOnly true\n  */\n  border-bottom: var(--zg-editor-row-input-border-bottom, var(--zg-editor-row-input-border, 1px solid rgba(82, 168, 236, 0.8)));\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-border-left\n  * @description Styles the left border of editor row\n  * @see border\n  * @default var(--zg-editor-row-input-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/VF347SF8\n  * @shadowOnly true\n  */\n  border-left: var(--zg-editor-row-input-border-left, var(--zg-editor-row-input-border, 0));\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-border-right\n  * @description Styles the right border of editor row\n  * @see border\n  * @default var(--zg-editor-row-input-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/8OAHGLVE\n  * @shadowOnly true\n  */\n  border-right: var(--zg-editor-row-input-border-right, var(--zg-editor-row-input-border, 0));\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-border-top\n  * @description Styles the top border of editor row\n  * @see border\n  * @default var(--zg-editor-row-input-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/MA8A06J7\n  * @shadowOnly true\n  */\n  border-top: var(--zg-editor-row-input-border-top, var(--zg-editor-row-input-border, 0));\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-color\n  * @description Sets the font color of editor row\n  * @see color\n  * @default var(--zg-editor-row-input-color, #fff)\n  * @demoLink https://app.zingsoft.com/demos/create/QYZBZUVA\n  * @shadowOnly true\n  */\n  color: var(--zg-editor-row-input-color, #003749);\n  font-family: var(--zg-cell-font-family);\n  font-size: var(--zg-cell-font-size);\n  display: none;\n  height: 100%;\n  margin: 0;\n  outline: none;\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-padding\n  * @description Sets the padding of editor row\n  * @see padding\n  * @default 12px 15px\n  * @demoLink https://app.zingsoft.com/demos/create/9Q07P5B1\n  * @shadowOnly true\n  */\n  padding: var(--zg-editor-row-input-padding, 12px 15px);\n  transform: var(--zg-editor-row-input-transform, var(--zg-input-transform));\n  transition: font-size .5s;\n  width: calc(100% - 1px);\n}\n.zg-editor-row-inputs input:focus {\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-background_focus\n  * @default var(--theme-color-lighter)\n  * @description Styles the background of editor row input on focus\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/TUH8OZBD\n  * @shadowOnly true\n  */\n  background: var(--zg-editor-row-input-background_focus, var(--theme-color-lighter)) !important;\n  /**\n  * @memberof ZGEditorRow\n  * @var --zg-editor-row-input-box-shadow_focus\n  * @default inset 0 0 5px #ccc\n  * @description Applies a box shadow behind editor row input on focus\n  * @see box-shadow\n  * @demoLink https://app.zingsoft.com/demos/create/NAS5WQHN\n  * @shadowOnly true\n  */\n  box-shadow: var(--zg-editor-row-input-box-shadow_focus, inset 0 0 5px #ccc);\n}\n/* Inline or Card mode \'active\' state */\n:host([active]) .zg-editor-row-inputs input:not([type="radio"]) {\n  display: block;\n}\n/* Input styling when \'edit row\' option selected */\n:host([active-cell-edit]) .zg-editor-row-inputs input,\n:host([active-row-edit]) .zg-editor-row-inputs input {\n  /* Defined below */\n  background: var(--zg-editor-row-input-background, var(--theme-color-primary));\n  /* Defined Below */\n  color: var(--zg-editor-row-input-color, #fff);\n}\n:host([active-cell-edit]) .zg-editor-row-inputs input,\n:host([active-row-edit]) .zg-editor-row-inputs input:focus {\n  /* Defined Below */\n  color: var(--zg-editor-row-input-color, var(--theme-color));\n}\n\n:host([active-cell-edit]) .zg-editor-row-inputs .zg-validation-error,\n:host([active-row-edit]) .zg-editor-row-inputs .zg-validation-error {\n  background: red;\n  border-color: red;\n}\n\n/* TYPE: COLOR */\n.zg-editor-row-inputs .zg-editor-row-color-wrap {\n  align-items:center;\n}\n/* color wrapper label */\n.zg-editor-row-inputs .zg-editor-row-color-label {\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  position: relative;\n}\n.zg-editor-row-inputs .zg-editor-row-color-label + .zg-editor-row-color-label {\n  margin-left: 10px;\n}\n/* color input */\n.zg-editor-row-inputs .zg-editor-row-color-picker {\n  background: none;\n  border: 1px solid transparent;\n  border-radius: 2px;\n  cursor: pointer;\n  display: inline-block;\n  height: 16px;\n  width: 16px;\n  padding: 0;\n}\n:host([active]) .zg-editor-row-inputs input[type="color"] {\n  visibility: hidden;\n  height: 100%;\n  width: 100%;\n}\n:host([active]) .zg-editor-row-inputs .zg-editor-row-color-picker + span {\n  padding-left: 7px;\n}\n\n/* TYPE: RADIO */\n/* Radio wrapper */\n.zg-editor-row-inputs .zg-editor-row-color-wrap,\n.zg-editor-row-inputs .zg-editor-row-radio-wrap {\n  background: var(--zg-editor-row-input-background_focus, var(--theme-color-lighter));\n  border-bottom: var(--zg-editor-row-input-border-bottom, var(--zg-editor-row-input-border, 1px solid rgba(82, 168, 236, 0.8)));\n  box-shadow: var(--zg-editor-row-input-box-shadow_focus, inset 0 0 5px #ccc);\n  display: flex;\n  height: 100%;\n  padding: 0 0 0 var(--theme-padding_x);\n}\n/* Radio wrapper label */\n.zg-editor-row-inputs .zg-editor-row-radio-label {\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  position: relative;\n  background: transparent;\n}\n.zg-editor-row-inputs .zg-editor-row-radio-label + .zg-editor-row-radio-label {\n  margin-left: 10px;\n}\n/* Radio input */\n:host([active]) .zg-editor-row-inputs input[type="radio"] {\n  border-radius: 50%;\n  cursor: pointer;\n  display: inline-block;\n  height: 14px;\n  width: 14px;\n}\n:host([active]) .zg-editor-row-inputs input[type="radio"] + span {\n  padding-left: 5px;\n}\n\n/* SELECT */\n.zg-editor-row-inputs select {\n  cursor: pointer;\n  height: calc(100% - 10px);\n  font-size: var(--zing-grid-font-size);\n  margin: 5px;\n  text-indent: 8px;\n  width: calc(100% - 5px);\n}\n/* Multi-select */\n.zg-editor-row-inputs select[multiple] option {\n  padding: 2px 0;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n',""])},11538:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  background-clip: padding-box;\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-background\n  * @description Styles the background of filter\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/G1WKUNFJ\n  * @shadowOnly false\n  */\n  background: var(--zg-filter-background);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-border\n  * @description Styles the border of filter\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/MTNYLV9O\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-border-bottom\n  * @description Styles the bottom border of filter\n  * @see border\n  * @default var(--zg-filter-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/6OQCF137\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-filter-border-bottom, var(--zg-filter-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-border-left\n  * @description Styles the left border of filter\n  * @see border\n  * @default var(--zg-filter-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/9Z63KCAD\n  * @shadowOnly false\n  */\n  border-left: var(--zg-filter-border-left, var(--zg-filter-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-border-right\n  * @description Styles the right border of filter\n  * @see border\n  * @default var(--zg-filter-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/YDKKR5TJ\n  * @shadowOnly false\n  */\n  border-right: var(--zg-filter-border-right, var(--zg-filter-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-border-top\n  * @description Styles the top border of filter\n  * @see border\n  * @default var(--zg-filter-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/I2QLWMWS\n  * @shadowOnly false\n  */\n  border-top: var(--zg-filter-border-top, var(--zg-filter-border, 1px solid var(--theme-border-color)));\n  box-sizing: border-box;\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-color\n  * @description Sets the font color of text inputted in filter\n  * @see color\n  * @default var(--theme-color_alt)\n  * @demoLink https://app.zingsoft.com/demos/create/E7L28DOF\n  * @shadowOnly false\n  */\n  color: var(--zg-filter-color, var(--theme-color_alt));\n  display: table-cell;\n  overflow: hidden;\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-height\n  * @description Sets the height of filter\n  * @see height\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/QCSOKQE2\n  * @shadowOnly true\n  */\n  height: var(--zg-filter-height);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-padding\n  * @description Sets the padding of the filter\n  * @see padding\n  * @default A cell's left and right padding\n  * @demoLink https://app.zingsoft.com/demos/create/2LNX65ZJ\n  * @shadowOnly true\n  */\n  padding: var(--zg-filter-padding, 0);\n  position: relative;\n  text-align: left;\n  vertical-align: middle;\n  /* The z-index here and on zg-head-cell is necessary for vertical grid lines with frozen columns */\n  z-index: 1;\n}\n\n/* When parent column is currently sorted */\n:host([sorted]) {\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-background_sorted\n  * @description Styles the background color of filter when the column in sorted\n  * @see background-color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/WX39XEJ1\n  * @shadowOnly false\n  */\n  background-color: var(--zg-filter-background_sorted);\n  border-bottom: var(--zg-filter-border-bottom_sorted);\n  border-left: var(--zg-filter-border-left_sorted);\n  border-right: var(--zg-filter-border-right_sorted);\n  border-top: var(--zg-filter-border-top_sorted);\n}\n\n/* Hide if 'hidden' attribute applied */\n:host([hidden]) {\n  display: none;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Wrapper */\n.zg-filter-wrapper {\n  align-items: center;\n  display: flex;\n  height: var(--zg-filter-height);\n}\n\n/* Inner Wrapper */\n.zg-filter-inner {\n  align-items: center;\n  display: inline-flex;\n  height: 100%;\n  justify-content: flex-start;\n  vertical-align: middle;\n  width: 100%;\n}\n\n/* FILTER INPUT CELL ALIGNMENT */\n/* Center */\n:host([align=\"center\"]) .zg-filter-inner {\n  justify-content: center;\n}\n\n/* Left - Note: This is the current default and can be omitted */\n:host([align=\"left\"]) .zg-filter-inner {\n  justify-content: flex-start;\n}\n\n/* Right */\n:host([align=\"right\"]) .zg-filter-inner {\n  justify-content: flex-end;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(div) {\n  width: 100%;\n}\n\n/* FILTER: INPUT */\n/* TODO: Somewhere it is hardcoding an inline 'width' style. This should be removed */\n:host ::slotted(input) {\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-background\n  * @description Styles the background of input field in filter\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  * @shadowOnly false\n  */\n  background: var(--zg-filter-input-background);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border\n  * @description Styles the border of input field in filter\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/SXRIBL17\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-bottom\n  * @description Styles the bottom border of input field in filter\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/Z1COSRGD\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-filter-input-border-bottom, var(--zg-filter-input-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-left\n  * @description Styles the left border of input field in filter\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/2Z1YS7PH\n  * @shadowOnly false\n  */\n  border-left: var(--zg-filter-input-border-left, var(--zg-filter-input-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-right\n  * @description Styles the right border of input field in filter\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/JD0COXK4\n  * @shadowOnly false\n  */\n  border-right: var(--zg-filter-input-border-right, var(--zg-filter-input-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-top\n  * @description Styles the top border of input field in filter\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/KRUW31YG\n  * @shadowOnly false\n  */\n  border-top: var(--zg-filter-input-border-top, var(--zg-filter-input-border, 0));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-radius\n  * @description Applies a border radius to filter input\n  * @default Browser's default value\n  * @see border-radius\n  * @demoLink https://app.zingsoft.com/demos/create/6ILPV59X\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-filter-input-border-radius);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-color\n  * @description Styles the font color of text in input field of filter\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/0BWT9HA7\n  * @shadowOnly false\n  */\n  color: var(--zg-filter-input-color);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-font-size\n  * @description Sets the font size of filter input\n  * @default Browser's default value\n  * @see font-size\n  * @demoLink https://app.zingsoft.com/demos/create/04EEADGO\n  * @shadowOnly false\n  */\n  font-size: var(--zg-filter-input-font-size);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-height\n  * @description Sets the height of input field in filter. May need to set --zg-filter-height if input field is height is larger than height of filter.\n  * @see height\n  * @default 20px\n  * @demoLink https://app.zingsoft.com/demos/create/3E22SKBU\n  * @shadowOnly false\n  */\n  height: var(--zg-filter-input-height, 20px);\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-margin\n  * @description Sets the margin of filter input\n  * @see margin\n  * @default 0 var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/0BWT9HA7\n  * @shadowOnly false\n  */\n  margin: var(--zg-filter-input-margin, 0 var(--theme-padding_x));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-padding\n  * @description Sets the padding of input field in filter. . May need to set --zg-filter-height if input field is height is larger than height of filter.\n  * @see padding\n  * @default 0 0 0 5px\n  * @demoLink https://app.zingsoft.com/demos/create/5GPABPO2\n  * @shadowOnly false\n  */\n  padding: var(--zg-filter-input-padding, 0 0 0 5px);\n  width: 70% !important;\n  max-width: 240px !important;\n}\n\n:host([dir=\"rtl\"]) ::slotted(input) {\n  padding: var(--zg-filter-input-padding, 0 5px 0 0);\n}\n\n:host([sorted]) ::slotted(input) {\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-background_sorted\n  * @description Styles the background of input field in filter when sorted\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/0TAT4J8P\n  * @shadowOnly false\n  */\n  background: var(--zg-filter-input-background_sorted, var(--zg-filter-input-background));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border_sorted\n  * @description Styles the border of input field in filter when sorted\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/MFR4CCYN\n  * @shadowOnly false\n  */\n  border: var(--zg-filter-input-border_sorted, var(--zg-filter-input-border));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-bottom_sorted\n  * @description Styles the bottom border of input field in filter when sorted\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/WFPS5S7O\n  * @shadowOnly false\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-filter-input-border-bottom_sorted, var(--zg-filter-input-border-bottom, var(--zg-filter-input-border_sorted, var(--zg-filter-input-border))));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-left_sorted\n  * @description Styles the left border of input field in filter when sorted\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/QRJ8CB5I\n  * @shadowOnly false\n  */\n  border-left: var(--zg-filter-input-border-left_sorted, var(--zg-filter-input-border-left, var(--zg-filter-input-border_sorted, var(--zg-filter-input-border, inherit))));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-right_sorted\n  * @description Styles the right border of input field in filter when sorted\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/IWA4XX9B\n  * @shadowOnly false\n  */\n  border-right: var(--zg-filter-input-border-right_sorted, var(--zg-filter-input-border-right, var(--zg-filter-input-border_sorted, var(--zg-filter-input-border, inherit))));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-top_sorted\n  * @description Styles the top border of input field in filter when sorted\n  * @see border\n  * @default var(--zg-filter-input-border)\n  * @demoLink https://app.zingsoft.com/demos/create/O83MW4X2\n  * @shadowOnly false\n  */\n  border-top: var(--zg-filter-input-border-top_sorted, var(--zg-filter-input-border-top, var(--zg-filter-input-border_sorted, var(--zg-filter-input-border, inherit))));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-border-radius_sorted\n  * @description Applies border radius to filter input when sorted\n  * @default Browser's default value\n  * @see border-radius\n  * @demoLink https://app.zingsoft.com/demos/create/YLATIXYW\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-filter-input-border-radius_sorted, var(--zg-filter-input-border-radius));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-input-color_sorted\n  * @description Styles the font color of text in input field of filter when sorted\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/9GRVADYL\n  * @shadowOnly false\n  */\n  color: var(--zg-filter-input-color_sorted, var(--zg-filter-input-color));\n}\n\n:host ::slotted(input[type=\"checkbox\"]) {\n  width: 24px !important;\n}\n\n\n/* FILTER: SELECT */\n:host ::slotted(select) {\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-select-color\n  * @description Styles the font color of text in the select dropdown filter\n  * @see color\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/9GRVADYL\n  * @shadowOnly false\n  */\n  color: var(--zg-filter-select-color, var(--zg-filter-input-color));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-select-font-size\n  * @description Sets the font size of the select dropdown filter\n  * @default Browser's default value\n  * @see font-size\n  * @demoLink https://app.zingsoft.com/demos/create/7GR5F9EJ\n  * @shadowOnly false\n  */\n  font-size: var(--zg-filter-select-font-size, var(--zg-filter-input-font-size));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-select-height\n  * @description Sets the height of the select dropdown filter\n  * @see height\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/1FM6QEGK\n  * @shadowOnly false\n  */\n  height: var(--zg-filter-select-height, var(--zg-filter-input-height));\n  /**\n  * @memberof ZGFilter\n  * @var --zg-filter-select-margin\n  * @description Sets the margin of the select dropdown filter\n  * @see margin\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/B8M40OM8\n  * @shadowOnly false\n  */\n  margin: var(--zg-filter-select-margin, var(--zg-filter-input-margin, 0 var(--theme-padding_x)));\n  width: var(--zg-filter-select-width, var(--zg-filter-input-width, 70%));\n}\n\n/* Style the current column that is being reordered with `[column-drag]` */\n:host(.is-reordering) {\n  background: var(--theme-background-color);\n}",""])},9530:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Wrapper */\n.zg-focus-wrapper {\n    left: 0;\n    position: absolute;\n    top: 0;\n}\n/* Border Elements */\n:host [class*="zg-focus-"] {\n    position: absolute;\n    z-index: 10;\n    /*transition: all var(--zg-focus-transition_speed, 0.1s);*/\n}\n.zg-focus-bottom {\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-border\n    * @description Styles the border of cells on focus\n    * @see border\n    * @default 2px solid var(--theme-color-primary)\n    * @demoLink https://app.zingsoft.com/demos/create/OBOGAYLI\n    * @shadowOnly true\n    */\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-border-bottom\n    * @description Sets the bottom border of cells on focus\n    * @see border\n    * @default var(--zg-focus-border, 2px solid var(--theme-color-primary))\n    * @demoLink https://app.zingsoft.com/demos/create/UKS4GLIB\n    * @shadowOnly true\n    */\n    border-bottom: var(--zg-focus-border-bottom, var(--zg-focus-border, 2px solid var(--theme-color-primary)));\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-bottom-transform\n    * @description Sets the transform of bottom border of cells on focus\n    * @see transform\n    * @default none\n    * @demoLink https://app.zingsoft.com/demos/create/463BLSLE\n    * @shadowOnly true\n    */\n    transform: var(--zg-focus-bottom-transform, none);\n}\n.zg-focus-left {\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-border-left\n    * @description Sets the left border of cells on focus\n    * @see border\n    * @default var(--zg-focus-border, 2px solid var(--theme-color-primary))\n    * @demoLink https://app.zingsoft.com/demos/create/0S69YQQ1\n    * @shadowOnly true\n    */\n    border-left: var(--zg-focus-border-left, var(--zg-focus-border, 2px solid var(--theme-color-primary)));\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-left-transform\n    * @description Sets the transform of left border of cells on focus\n    * @see transform\n    * @default none\n    * @demoLink https://app.zingsoft.com/demos/create/KZ23KZP1\n    * @shadowOnly true\n    */\n    transform: var(--zg-focus-left-transform, none);\n}\n.zg-focus-right {\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-border-right\n    * @description Sets the right border of cells on focus\n    * @see border\n    * @default var(--zg-focus-border, 2px solid var(--theme-color-primary))\n    * @demoLink https://app.zingsoft.com/demos/create/RCL5RW0I\n    * @shadowOnly true\n    */\n    border-right: var(--zg-focus-border-right, var(--zg-focus-border, 2px solid var(--theme-color-primary)));\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-right-transform\n    * @description Sets the transform of right border of cells on focus\n    * @see transform\n    * @default none\n    * @demoLink https://app.zingsoft.com/demos/create/C5WLZKW8\n    * @shadowOnly true\n    */\n    transform: var(--zg-focus-right-transform, none);\n}\n.zg-focus-top {\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-border-top\n    * @description Sets the top border of cells on focus\n    * @see border\n    * @default var(--zg-focus-border, 2px solid var(--theme-color-primary))\n    * @demoLink https://app.zingsoft.com/demos/create/XNXNZ5X2\n    * @shadowOnly true\n    */\n    border-top: var(--zg-focus-border-top, var(--zg-focus-border, 2px solid var(--theme-color-primary)));\n    /**\n    * @memberof ZGFocus\n    * @var --zg-focus-top-transform\n    * @description Sets the transform of top border of cells on focus\n    * @see transform\n    * @default none\n    * @demoLink https://app.zingsoft.com/demos/create/FU5AB2MU\n    * @shadowOnly true\n    */\n    transform: var(--zg-focus-top-transform, none);\n}',""])},14299:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-background\n  * @description Styles the background of grid foot\n  * @default Browser\'s default value\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/5NW1UUJB\n  * @shadowOnly false\n  * @storyAlert recommend:--zg-foot-padding:25px\n  */\n  background: var(--zg-foot-background);\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-border\n  * @description Styles the border of grid foot\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/GJKYV9E6\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-border-bottom\n  * @description Styles the bottom border of grid foot\n  * @see border\n  * @default var(--zg-foot-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FRJXV4YB\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-foot-border-bottom, var(--zg-foot-border, 0));\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-border-left\n  * @description Styles the left border of grid foot\n  * @see border\n  * @default var(--zg-foot-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/VYNWYDXA\n  * @shadowOnly false\n  */\n  border-left: var(--zg-foot-border-left, var(--zg-foot-border, 0));\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-border-right\n  * @description Styles the right border of grid foot\n  * @see border\n  * @default var(--zg-foot-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/4YL86H63\n  * @shadowOnly false\n  */\n  border-right: var(--zg-foot-border-right, var(--zg-foot-border, 0));\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-border-top\n  * @description Styles the top border of grid foot\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/906SOMMP\n  * @default var(--zg-foot-border, 0)\n  * @shadowOnly false\n  */\n  border-top: var(--zg-foot-border-top, var(--zg-foot-border, 0));\n  box-sizing: border-box;\n  display: block;\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-height\n  * @description Sets the height of grid foot\n  * @see height\n  * @demoLink https://app.zingsoft.com/demos/create/NIOBJEMN\n  * @default auto\n  * @shadowOnly false\n  */\n  height: var(--zg-foot-height, auto);\n  /**\n  * @memberof ZGFoot\n  * @var --zg-foot-padding\n  * @description Sets the padding of grid foot\n  * @see padding\n  * @demoLink https://app.zingsoft.com/demos/create/XA3FXCSI\n  * @default 0\n  * @shadowOnly false\n  */\n  padding: var(--zg-foot-padding, 0);\n}\n\n/* SLOTTED\n-------------------------------------- */\n/* Layout: Card */\n:host([layout="card"]) {\n    display: none;\n}\n\n\n/* All Rows */\n:host ::slotted(zg-row) {\n  /* NOTE: Do not jsDocs these as they are the same as the ZGHead ones */\n  background: var(--zg-row-head-background, var(--zg-head-background));\n  border-bottom: var(--zg-row-head-border-bottom, var(--zg-row-head-border, var(--zg-row-border-bottom, var(--zg-row-border, var(--zg-row-border, 0)))));\n  border-left: var(--zg-row-head-border-left, var(--zg-row-head-border, var(--zg-row-border-left, var(--zg-row-border, var(--zg-row-border, 0)))));\n  border-right: var(--zg-row-head-border-right, var(--zg-row-head-border, var(--zg-row-border-right, var(--zg-row-border, var(--zg-row-border, 0)))));\n  border-top: var(--zg-row-head-border-top, var(--zg-row-head-border, var(--zg-row-border-top, var(--zg-row-border, var(--zg-row-border, 1px solid var(--theme-border-color))))));\n  color: var(--zg-row-head-color, var(--zg-row-color));\n  display: flex;\n  position: relative;\n}\n\n:host ::slotted(zg-row:hover) {\n  background: var(--zg-row-head-background_hover);\n  color: var(--zg-row-head-color_hover, var(--zg-row-color_hover));\n}\n/* Even Rows */\n:host ::slotted(zg-row:nth-of-type(even)) {\n  background: var(--zg-row-head-background_even, var(--zg-row-head-background, var(--zg-head-background)));\n  color: var(--zg-row-head-color_even, var(--zg-row-head-color, var(--zg-row-color)));\n  min-height: var(--zg-row-head-height_even, var(--zg-row-head-height, var(--zg-row-height)));\n}\n:host ::slotted(zg-row:nth-of-type(even):hover) {\n  background: var(--zg-row-head-background_even_hover, var(--zg-row-head-background_hover, var(--zg-head-background_hover)));\n  color: var(--zg-row-head-color_even_hover, var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n/* Odd Rows */\n:host ::slotted(zg-row:nth-of-type(odd)) {\n  background: var(--zg-row-head-background_odd, var(--zg-row-head-background, var(--zg-head-background)));\n  color: var(--zg-row-head-color_odd, var(--zg-row-head-color, var(--zg-row-color)));\n  min-height: var(--zg-row-head-height_odd, var(--zg-row-head-height, var(--zg-row-height)));\n}\n:host ::slotted(zg-row:nth-of-type(odd):hover){\n  background: var(--zg-row-head-background_odd_hover, var(--zg-row-head-background_hover, var(--zg-head-background_hover)));\n  color: var(--zg-row-head-color_odd_hover, var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n\n/* AGGREGATE */\n:host ::slotted(zg-row[type=aggregate]) {\n  background: var(--zg-row-background_foot_aggregate, var(--zg-row-background_aggregate, var(--zg-row-background, auto)));\n  border-bottom: var(--zg-row-border-bottom_foot_aggregate, var(--zg-row-border-bottom_aggregate, var(--zg-row-border-bottom, auto)));\n  border-left: var(--zg-row-border-left_foot_aggregate, var(--zg-row-border-left_aggregate, var(--zg-row-border-left, auto)));\n  border-right: var(--zg-row-border-right_foot_aggregate, var(--zg-row-border-right_aggregate, var(--zg-row-border-right, auto)));\n  border-top: var(--zg-row-border-top_foot_aggregate, var(--zg-row-border-top_aggregate, var(--zg-row-border-top, auto)));\n  color: var(--zg-row-color_foot_aggregate, var(--zg-row-color_aggregate, var(--zg-row-color, auto)));\n  min-height: var(--zg-row-height_foot_aggregate, var(--zg-row-height_aggregate, var(--zg-row-height, auto)));\n}\n\n/* FROZEN */\n:host ::slotted(zg-row[type=frozen]) {\n  background: var(--zg-row-background_foot_frozen, var(--zg-row-background_frozen, var(--zg-row-background, auto)));\n  border-bottom: var(--zg-row-border-bottom_foot_frozen, var(--zg-row-border-bottom_frozen, var(--zg-row-border-bottom, auto)));\n  border-left: var(--zg-row-border-left_foot_frozen, var(--zg-row-border-left_frozen, var(--zg-row-border-left, auto)));\n  border-right: var(--zg-row-border-right_foot_frozen, var(--zg-row-border-right_frozen, var(--zg-row-border-right, auto)));\n  border-top: var(--zg-row-border-top_foot_frozen, var(--zg-row-border-top_frozen, var(--zg-row-border-top, auto)));\n  color: var(--zg-row-color_foot_frozen, var(--zg-row-color_frozen, var(--zg-row-color, auto)));\n}\n\n/*  In the case of zebra, we have to set the class so that we can use the header and footer data rows */\n:host ::slotted(zg-row.zebra-2) {\n  background: var(--theme-background-zebra, var(--zg-row-head-background, var(--zg-head-background)));\n}',""])},17470:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGFooter\n  * @var --zg-footer-background\n  * @description Styles the background of footer\n  * @default 0\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/0EVTA5YN\n  * @shadowOnly false\n  */\n  background: var(--zg-footer-background);\n  /**\n  * @memberof ZGFooter\n  * @var --zg-footer-border-bottom\n  * @description Styles the bottom border of footer\n  * @default var(--zg-footer-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/PUY88M0U\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-footer-border-bottom, var(--zg-footer-border, 0));\n  /**\n  * @memberof ZGFooter\n  * @var --zg-footer-border-left\n  * @description Styles the left border of footer\n  * @default var(--zg-footer-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/V3H9QB6G\n  * @shadowOnly false\n  */\n  border-left: var(--zg-footer-border-left, var(--zg-footer-border, 0));\n  /**\n  * @memberof ZGFooter\n  * @var --zg-footer-border-right\n  * @description Styles the right border of footer\n  * @default var(--zg-footer-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/TAJ68HA9\n  * @shadowOnly false\n  */\n  border-right: var(--zg-footer-border-right, var(--zg-footer-border, 0));\n  /**\n  * @memberof ZGFooter\n  * @var --zg-footer-border-top\n  * @description Styles the top border of footer\n  * @default var(--zg-footer-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/FMUNXOES\n  * @shadowOnly false\n  */\n  border-top: var(--zg-footer-border-top, var(--zg-footer-border, 0));\n  display: block;\n  z-index: 2;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */",""])},15539:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* Styling Wrappers\n * These independent wrapper divs sit on top of the grid to facilitate the frozen column visual look.\n * Since columns are split vertically into 3 rows (head, body, foot) there is no singular element\n * that wraps to form a column for styling, so we create artificial ones.\n * Their width is calculated (js) to match the current width of the matching frozen column,\n * otherwise the rest of the positioning/styling is handled with CSS (as of this writing).\n*/\n:host {\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-freeze-style-border\n  * @default 1px solid #d6e9ff\n  * @see border\n  * @description Styles the border of the frozen column styling element\n  * @demoLink https://app.zingsoft.com/demos/create/PPZ5PJ0L\n  * @shadowOnly false\n  */\n  border: var(--zing-grid-freeze-style-border, 1px solid #d6e9ff);\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-freeze-style-box-shadow\n  * @default inset 0 0 6px #99caff\n  * @see box-shadow\n  * @description Styles the box-shadow of the frozen column styling element\n  * @demoLink https://app.zingsoft.com/demos/create/KNJN315S\n  * @shadowOnly false\n  */\n  box-shadow: var(--zing-grid-freeze-style-box-shadow, inset 0 0 6px #99caff);\n\tpointer-events: none;\n\tposition: absolute;\n\theight: 100%;\n\ttop: 0;\n\tz-index: 1;\n}",""])},40512:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  background-clip: padding-box;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-background\n  * @description Styles the background of head cells\n  * @see background\n  * @default transparent\n  * @demoLink https://app.zingsoft.com/demos/create/5217Z4FJ\n  * @shadowOnly false\n  */\n  background: var(--zg-head-cell-background);\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border\n  * @description Styles the border of head cells\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/SX3TZT8V\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-bottom\n  * @description Styles the bottom border of head cells\n  * @see border\n  * @default var(--zg-head-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/DGH901RE\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-head-cell-border-bottom, var(--zg-head-cell-border, 0));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-left\n  * @description Styles the left border of head cells\n  * @see border\n  * @default var(--zg-head-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/YCA4IWR7\n  * @shadowOnly false\n  */\n  border-left: var(--zg-head-cell-border-left, var(--zg-head-cell-border, 0));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-right\n  * @description Styles the right border of head cells\n  * @see border\n  * @default var(--zg-head-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/04L65K0J\n  * @shadowOnly false\n  */\n  border-right: var(--zg-head-cell-border-right, var(--zg-head-cell-border, 0));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-top\n  * @description Styles the top border of head cells\n  * @see border\n  * @default var(--zg-head-cell-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/8M5QYK55\n  * @shadowOnly false\n  */\n  border-top: var(--zg-head-cell-border-top, var(--zg-head-cell-border, 0));\n  box-sizing: border-box;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-color\n  * @description Sets the font color of head cells\n  * @see color\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/MOTKNFI7\n  * @shadowOnly false\n  */\n  color: var(--zg-head-cell-color);\n  display: flex;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-font-family\n  * @description Sets the font family of head cells\n  * @see font-family\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/O1EIWZE1\n  * @shadowOnly false\n  */\n  font-family: var(--zg-head-cell-font-family);\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-font-size\n  * @description Sets the font size of head cells\n  * @see font-size\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/UWQF6LZV\n  * @shadowOnly false\n  */\n  font-size: var(--zg-head-cell-font-size, var(--zing-grid-font-size));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-font-weight\n  * @description Sets the font weight of head cells\n  * @see font-weight\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/2LOCXCAB\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-head-cell-font-weight, var(--zing-grid-font-weight, 500));\n  /* overflow: hidden; */\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-padding\n  * @description Sets the padding of head cells\n  * @see padding\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/YEEKXD9Z\n  * @shadowOnly false\n  */\n  padding: var(--zg-head-cell-padding);\n  position: relative;\n  text-align: left;\n  top: 0;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-transition\n  * @description Sets the transition of head cells\n  * @see transition\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/5VYSMZ3T\n  * @shadowOnly false\n  * @storyAlert true\n  */\n  transition: var(--zg-head-cell-transition);\n  vertical-align: middle;\n  /* The z-index here and on zg-filter is necessary for vertical grid lines with frozen columns */\n  z-index: 1;\n}\n\n/* Hover */ \n:host(:hover) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-background_hover\n  * @description Styles the background of head cells on hover\n  * @see background\n  * @default var(--zg-head-cell-background\n  * @demoLink https://app.zingsoft.com/demos/create/I05OFWBJ\n  * @shadowOnly false\n  */\n  background: var(--zg-head-cell-background_hover, var(--zg-head-cell-background));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-color_hover\n  * @default var(--zg-head-cell-color)\n  * @description Sets the font color of head cells on hover\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/ICS004MX\n  * @shadowOnly false\n  */\n  color: var(--zg-head-cell-color_hover, var(--zg-head-cell-color));\n  /* Set so tooltip appears above other head cells */\n  z-index: 2;\n}\n\n\n\n/* SPLIT PARENT\n-------------------------------------- */\n/* Split header, dynamically generated parent cells */\n:host([parent][depth="1"]) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-background\n  * @description Styles the background of parent head cells\n  * @see background\n  * @default var(--zg-head-cell-background)\n  * @demoLink https://app.zingsoft.com/demos/create/34TZMCUN\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  background: var(--zg-head-cell-parent-background, var(--zg-head-cell-background));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-border\n  * @description Styles the border of parent head cells\n  * @see border\n  * @default var(--zg-head-cell-border-bottom, var(--zg-head-cell-border, 1px solid var(--theme-border-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/J34P5J1C\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-border-bottom\n  * @description Styles the bottom border of parent head cells\n  * @see border\n  * @default var(--zg-head-cell-parent-border, var(--zg-head-cell-border-bottom, var(--zg-head-cell-border, 1px solid var(--theme-border-color))))\n  * @demoLink https://app.zingsoft.com/demos/create/B0M2Q9JO\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  border-bottom: var(--zg-head-cell-parent-border-bottom, var(--zg-head-cell-parent-border, var(--zg-head-cell-border-bottom, var(--zg-head-cell-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-border-left\n  * @description Styles the left border of parent head cells\n  * @see border\n  * @default var(--zg-head-cell-parent-border, var(--zg-head-cell-border-left, var(--zg-head-cell-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/8HS4D09Y\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  border-left: var(--zg-head-cell-parent-border-left, var(--zg-head-cell-parent-border, var(--zg-head-cell-border-left, var(--zg-head-cell-border))));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-border-right\n  * @description Styles the right border of parent head cells\n  * @see border\n  * @default var(--zg-head-cell-parent-border, var(--zg-head-cell-border-right, var(--zg-head-cell-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/J0AQFH0Z\n  * @shadowOnly false\n  */\n  border-right: var(--zg-head-cell-parent-border-right, var(--zg-head-cell-parent-border, var(--zg-head-cell-border-right, var(--zg-head-cell-border))));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-border-top\n  * @description Styles the top border of parent head cells\n  * @see border\n  * @default var(--zg-head-cell-parent-border, var(--zg-head-cell-border-top, var(--zg-head-cell-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/ECL23JR1\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  border-top: var(--zg-head-cell-parent-border-top, var(--zg-head-cell-parent-border, var(--zg-head-cell-border-top, var(--zg-head-cell-border))));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-color\n  * @default var(--zg-head-cell-color)\n  * @description Sets the font color of parent head cells\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/0Z3W1AR3\n  * @shadowOnly false\n  */\n  color: var(--zg-head-cell-parent-color, var(--zg-head-cell-color));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-font-size\n  * @description Sets the font-size of parent head cells\n  * @see font-size\n  * @default var(--zg-head-cell-font-size)\n  * @demoLink https://app.zingsoft.com/demos/create/8BVKTKQO\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  font-size: var(--zg-head-cell-parent-font-size, var(--zg-head-cell-font-size));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-font-weight\n  * @description Sets the font weight of parent head cells\n  * @see font-weight\n  * @default var(--zg-h -cell-font-weight)\n  * @demoLink https://app.zingsoft.com/demos/create/T658V69Y\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  font-weight: var(--zg-head-cell-parent-font-weight, var(--zg-head-cell-font-weight));\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-padding\n  * @description Sets the padding of parent head cells\n  * @see padding\n  * @default var(--zg-head-cell-padding)\n  * @demoLink https://app.zingsoft.com/demos/create/JAH3NI1F\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  padding: var(--zg-head-cell-parent-padding, var(--zg-head-cell-padding));\n}\n:host([parent][depth="1"]:hover) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-background_hover\n  * @description Styles the background of parent head cells on hover\n  * @see background\n  * @default var(--zg-head-cell-background_hover)\n  * @demoLink https://app.zingsoft.com/demos/create/Y16SOZ0Y\n  * @shadowOnly false\n  */\n  background: var(--zg-head-cell-parent-background_hover, var(--zg-head-cell-background_hover)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-parent-color_hover\n  * @default var(--zg-head-cell-color_hover)\n  * @description Sets the font color of parent head cells on hover\n  * @default var(--zg-head-cell-color_hover, var(--zg-head-cell-color))\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/YSGAZGLF\n  * @shadowOnly false\n  * @storyAlert dataset\n  */\n  color: var(--zg-head-cell-parent-color_hover, var(--zg-head-cell-color_hover, var(--zg-head-cell-color)));\n}\n/* Empty cell next to [parent] cells. Removed styling so they don\'t conflict w/ calcs */\n:host([not-parent]) {\n  padding: 0;\n}\n\n/* SPECIAL STYLING FOR \'SELECTOR\' TYPE\n---------------------------------------- */\n:host([type="selector"]) {\n  padding: 0;\n}\n\n\n/* DRAGGING\n-------------------------------------- */\n:host([column-drag]) {\n  cursor: move;\n}\n/* Style the current column that is being reordered with `[column-drag]` */\n:host(.is-reordering) {\n  background: var(--theme-background-color);\n}\n\n\n\n/* RESIZING\n-------------------------------------- */\n/* \n  Column Resizer\n  Hide on load. Only show if: \n  - Column header hovered \n  - ZG has [column-resizable-persistent]\n  - Individual ZGColumn has [resize-persistent]\n*/\n:host ::slotted(zg-column-resize) {\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity .15s;\n}\n:host([resize-persistent]) ::slotted(zg-column-resize),\n:host(:hover) ::slotted(zg-column-resize) {\n  opacity: 1;\n  visibility: visible;\n}\n\n\n\n/* ZING-GRID ALLOWED TO SORT COLUMNS\n-------------------------------------- */\n\n/* If current cell\'s \'column\' is currently sorted, allow custom column styling */\n:host([sort-asc]),\n:host([sort-desc]) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-background_sorted\n  * @description Styles the background of sorted head cells\n  * @see background\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/F7W6O5Y8\n  * @shadowOnly false\n  */\n  background: var(--zg-head-cell-background_sorted, inherit) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border_sorted\n  * @description Styles the border of sorted head cells\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/NJHYC5BT\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-bottom_sorted\n  * @description Styles the bottom border of sorted head cells\n  * @see border\n  * @default var(--zg-head-cell-border_sorted, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/7J8IXN3Q\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-head-cell-border-bottom_sorted, var(--zg-head-cell-border_sorted, 0)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-left_sorted\n  * @description Styles the left border of sorted head cells\n  * @see border\n  * @default var(--zg-head-cell-border_sorted, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/86HPGI9W\n  * @shadowOnly false\n  */\n  border-left: var(--zg-head-cell-border-left_sorted, var(--zg-head-cell-border_sorted, 0)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-right_sorted\n  * @description Styles the right border of sorted head cells\n  * @see border\n  * @default var(--zg-head-cell-border_sorted, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/PUMKY3AA\n  * @shadowOnly false\n  */\n  border-right: var(--zg-head-cell-border-right_sorted, var(--zg-head-cell-border_sorted, 0)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-top_sorted\n  * @description Styles the top border of sorted head cells\n  * @see border\n  * @default var(--zg-head-cell-border_sorted, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/CGQ6DGYI\n  * @shadowOnly false\n  */\n  border-top: var(--zg-head-cell-border-top_sorted, var(--zg-head-cell-border_sorted, 0)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-color_sorted\n  * @description Sets the font color of sorted head cells\n  * @default var(--zg-head-cell-color)\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/XZEPKE31\n  * @shadowOnly false\n  */\n  color: var(--zg-head-cell-color_sorted, var(--zg-head-cell-color)) !important;\n  z-index: 1;\n}\n\n/* Sorted Hover */\n:host([sort-asc]:hover),\n:host([sort-desc]:hover) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-background_sorted_hover\n  * @description Styles the background of sorted head cells on hover\n  * @see background\n  * @default var(--zg-head-cell-background_sorted, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/A4RMGO6M\n  * @shadowOnly false\n  */\n  background: var(--zg-head-cell-background_sorted_hover, var(--zg-head-cell-background_sorted, inherit)) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-bottom_sorted_hover\n  * @description Styles the bottom border of sorted head cells on hover\n  * @see border\n  * @default var(--zg-head-cell-border-bottom_sorted, var(--zg-head-cell-border_sorted, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/9NEF2EKA\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-head-cell-border-bottom_sorted_hover, var(--zg-head-cell-border-bottom_sorted, var(--zg-head-cell-border_sorted, 0))) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-border-left_sorted_hover\n  * @description Styles the left border of sorted head cells on hover\n  * @see border\n  * @default var(--zg-head-cell-border-left_sorted, var(--zg-head-cell-border_sorted, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/U7Q6173N\n  * @shadowOnly false\n  */\n  border-left: var(--zg-head-cell-border-left_sorted_hover, var(--zg-head-cell-border-left_sorted, var(--zg-head-cell-border_sorted, 0))) !important;\n  border-right: var(--zg-head-cell-border-right_sorted, var(--zg-head-cell-border-right_sorted, var(--zg-head-cell-border_sorted, 0))) !important;\n  border-top: var(--zg-head-cell-border-top_sorted, var(--zg-head-cell-border-top_sorted, var(--zg-head-cell-border_sorted, 0))) !important;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-color_sorted_hover\n  * @description Sets the font color of sorted head cells on hover\n  * @default var(--zg-head-cell-color_sorted, var(--zg-head-cell-color))\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/FKHQA0MI\n  * @shadowOnly false\n  */\n  color: var(--zg-head-cell-color_sorted_hover, var(--zg-head-cell-color_sorted, var(--zg-head-cell-color))) !important;\n}\n\n/* <zg-head-cell>s that aren\'t sortable shouldn\'t get a hover color */\n:host([sort="false"]:hover) {\n  background: var(--zg-head-cell-background, transparent);\n  border-bottom: var(--zg-head-cell-border-bottom, var(--zg-head-cell-border, 0));\n  border-left: var(--zg-head-cell-border-left, var(--zg-head-cell-border, 0));\n  border-right: var(--zg-head-cell-border-right, var(--zg-head-cell-border, 0));\n  border-top: var(--zg-head-cell-border-top, var(--zg-head-cell-border, 0));\n}\n:host([sort="false"][parent]:hover) {\n  background: var(--zg-head-cell-parent-background_hover) !important;\n  border-bottom: var(--zg-head-cell-parent-border-bottom_hover, var(--zg-head-cell-parent-border_hover));\n  border-left: var(--zg-head-cell-parent-border-left_hover, var(--zg-head-cell-parent-border_hover));\n  border-right: var(--zg-head-cell-parent-border-right_hover, var(--zg-head-cell-parent-border_hover));\n  border-top: var(--zg-head-cell-parent-border-top_hover, var(--zg-head-cell-parent-border_hover));\n}\n\n/* Hide if \'hidden\' attribute applied */\n:host([hidden]) {\n  display: none;\n}\n\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Inner Cell Wrapper */\n.zg-head-cell {\n  display: flex;\n  width: 100%;\n}\n/* \'Selector\' checkbox cell */\n:host([type="selector"]) .zg-head-cell {\n  align-items: center;\n  display: flex;\n}\n\n/* Inner Wrapper */\n.zg-head-cell-inner {\n  align-items: center;\n  display: inline-flex;\n  height: 100%;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-justify-content\n  * @description Sets the horizontal alignment of contents in head cells\n  * @see justify-content\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/M1I5BGRD\n  * @shadowOnly true\n  */\n  justify-content: var(--zg-head-cell-justify-content);\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-inner-padding\n  * @description Sets the padding of head cells inner content\n  * @see padding\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/KW2O5OZH\n  * @shadowOnly false\n  */\n  padding: var(--zg-head-cell-inner-padding);\n  vertical-align: middle;\n  width: 100%;\n}\n/* CELL ALIGNMENT */\n/* Center (If not a parent (not multi-header rows), or is a parent header, but not the first depth) */\n:host([align="center"]:not([parent])) .zg-head-cell-inner,\n:host([align="center"][parent]:not([depth="1"])) .zg-head-cell-inner {\n  justify-content: center;\n}\n/* Left (If not a parent (not multi-header rows), or is a parent header, but not the first depth) */\n:host([align="left"]:not([parent])) .zg-head-cell-inner,\n:host([align="left"][parent]:not([depth="1"])) .zg-head-cell-inner {\n  justify-content: flex-start;\n}\n/* Right (If not a parent (not multi-header rows), or is a parent header, but not the first depth) */\n:host([align="right"]:not([parent])) .zg-head-cell-inner,\n:host([align="right"][parent]:not([depth="1"])) .zg-head-cell-inner {\n  justify-content: flex-end;\n}\n\n\n\n/* TOOLTIP - ALL\n-------------------------------------- */\n:host([tooltip-type]) {\n  line-height: normal !important;\n}\n/* For testing and unit tests, so tooltip when the header cell has `.hover` applied */\n:host(.hover) ::slotted(zg-tooltip) {\n  display: block;\n}\n\n\n/* TOOLTIP - \'INFO\' TYPE STYLING\n-------------------------------------- */\n/* Info Icon Styling */\n:host([tooltip-type]) ::slotted(zg-icon) {\n  flex: none;\n}\n/* Type: Click */\n:host([tooltip-action="click"]) ::slotted(zg-icon) {\n  cursor: pointer;\n}\n\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* SORT ICON */\n:host ::slotted(.zg-head-icon) {\n  overflow: hidden;\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-icon-margin\n  * @description Sets the margin of child icons in head cells\n  * @default Browser\'s default value\n  * @see margin\n  * @demoLink https://app.zingsoft.com/demos/create/GGPPE0Q1\n  * @shadowOnly false\n  */\n  margin: var(--zg-head-cell-icon-margin);\n  transform: scale(.8);\n  transition: width .2s cubic-bezier(.05,.69,.14,1);\n}\n/* Auto-hide and set null footprint for icon\'s without a [name] set */\n:host ::slotted(.zg-head-icon:not([name])) {\n  display: none;\n  width: 1px;\n}\n/* When it actually has an icon [type] */\n:host ::slotted(.zg-head-icon[name]) {\n  display: initial;\n}\n\n/* Keep on the right edge when grid set to `[dir="rtl"]` */\n:host([dir="rtl"]) ::slotted(.zg-head-icon) {\n  margin-right: 0;\n  margin-left: 3px;\n  transform:translateX(5px);\n}\n:host([align="left"][dir="rtl"]) ::slotted(.zg-head-icon[name]),\n:host([align="right"][dir="rtl"]) ::slotted(.zg-head-icon[name]) {\n  margin-left: 0;\n}\n:host([align="center"]:not([dir="rtl"])) ::slotted(.zg-head-icon[name]) {\n  margin-right: auto;\n}\n\n:host([not-parent]) ::slotted(.zg-head-icon) {\n  display:none;\n}\n\n/* When column is sorted */\n:host ::slotted([name="down"]),\n:host ::slotted([name="up"]) {\n  overflow: visible;\n  transform: scale(1);\n  width: var(--zg-icon-width) !important;\n}\n:host ::slotted([name="down"]) svg,\n:host ::slotted([name="up"]) svg {\n  fill: var(--zg-icon-color_sorted, inherit);\n}\n\n:host([not-parent]) ::slotted(.zg-head-icon) {\n  display:none;\n}\n\n\n/* CELL TEXT */\n:host ::slotted([data-field-index]) {\n  line-height: var(--zg-head-cell-data-line-height, 1.1);\n  position: relative;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  z-index: 1;\n}\n\n\n/* \n  When the header text is wider than the column width, set items to allow ellipses and to cutoff the text.\n  Note: we must unset the position or the tooltip will be cutoff as well.\n  Since the text goes all the way to the right edge, the tooltip changes from being placed right next to the text \n  (default behavior and why we removed overflow:hidden from always applying) to being placed at the right of the cell.\n*/\n:host([is-content-longer]) ::slotted([data-field-index]) {\n  overflow: hidden;\n  position: unset;\n}\n:host([type="selector"]:not([layout="card"])) ::slotted([data-field-index]) {\n  height: 100%;\n  line-height: 1;\n  width: 100%;\n  z-index: 1;\n}\n/* Column set to `align="right"` */\n:host([align="right"]:not([dir="rtl"])) ::slotted([data-field-index]) {\n  margin-left: auto;\n}\n:host([align="right"][dir="rtl"][tooltip-icon-position="after-text"]) ::slotted([data-field-index]),\n:host([align="right"][dir="rtl"][tooltip-icon-position="right"]) ::slotted([data-field-index]) {\n  flex: 1;\n}\n/* Column set to `align="center"` */\n:host([align="center"][tooltip-icon-position="left"]) ::slotted([data-field-index]),\n:host([align="center"][tooltip-icon-position="right"]) ::slotted([data-field-index]) {\n  flex: 1;\n  text-align: center;\n}\n\n\n/* DETAILS ICON (TOOLTIP) */\n:host ::slotted(.zg-head-details-icon) {\n  cursor: default !important;\n  flex: 1 0 auto;\n  overflow: hidden;\n  margin: 0;\n  transform: scale(.8) translate(4px, -1px);\n  transition: width .2s cubic-bezier(.05,.69,.14,1);\n}\n:host([tooltip-action="click"]) ::slotted(.zg-head-details-icon) {\n  cursor: pointer !important;\n}\n/* Auto-hide and set null footprint for icon\'s without a [name] set */\n:host ::slotted(.zg-head-details-icon:not([name])) {\n  display: none;\n  width: 1px;\n}\n\n\n/* POSITION: AFTER TEXT */\n:host ::slotted(.zg-head-details-icon[position="after-text"]) {\n  order: 1;\n}\n\n:host([align="center"]:not([dir="rtl"])) ::slotted(.zg-head-details-icon[position="after-text"]) {\n  /*  This makes the header text not be centered.  I don\'t know what it is used for\n  margin-right: auto;\n  */\n}\n:host([dir="rtl"]) ::slotted(.zg-head-details-icon[position="after-text"]) {\n  margin-right: 6px;\n}\n:host([align="right"][dir="rtl"]) ::slotted(.zg-head-details-icon[position="after-text"]) {\n  margin-left: -6px;\n}\n\n\n/* POSITION: LEFT-EDGE */\n:host ::slotted(.zg-head-details-icon[position="left"]) {\n  margin-right: 6px;\n  margin-left: -6px;\n}\n:host([align="center"]) ::slotted(.zg-head-details-icon[position="left"]) {\n  margin-right: auto;\n}\n:host([align="center"]:not([dir="rtl"])) ::slotted(.zg-head-details-icon[position="left"]) {\n  margin-left: -2px;\n}\n:host([align="left"][dir="rtl"]) ::slotted(.zg-head-details-icon[position="left"]) {\n  margin-left: 0;\n  margin-right: 0;\n}\n:host([align="right"][dir="rtl"]) ::slotted(.zg-head-details-icon[position="left"]) {\n  margin-left: auto;\n  margin-right: 0;\n}\n\n\n/* POSITION: RIGHT-EDGE */\n:host ::slotted(.zg-head-details-icon[position="right"]) {\n  order: 1;\n  margin-left: auto;\n}\n:host([dir="rtl"]) ::slotted(.zg-head-details-icon[position="right"]) {\n  margin-left: -6px;\n  margin-right: auto;\n}\n:host([align="right"]) ::slotted(.zg-head-details-icon[position="right"]) {\n  margin-left: 0;\n}\n\n:host([align="right"][dir="rtl"]) ::slotted(.zg-head-details-icon[position="right"]) {\n  margin-left: -6px;\n  margin-right: 6px;\n}\n',""])},31395:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-background\n  * @description Styles the background of grid head rows\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/CO1P3ZJI\n  * @shadowOnly false\n  */\n  background: var(--zg-head-background);\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border\n  * @description Styles the border of grid head rows\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/12I3VYOI\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border-bottom\n  * @description Styles the bottom border of grid head rows\n  * @see border\n  * @default var(--zg-head-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/4G7I1G9M\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-head-border-bottom, var(--zg-head-border, 0));\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border-left\n  * @description Styles the left border of grid head rows\n  * @see border\n  * @default var(--zg-head-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/CM2MSBIS\n  * @shadowOnly false\n  */\n  border-left: var(--zg-head-border-left, var(--zg-head-border, 0));\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border-right\n  * @description Styles the right border of grid head rows\n  * @see border\n  * @default var(--zg-head-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/89L6VL2X\n  * @shadowOnly false\n  */\n  border-right: var(--zg-head-border-right, var(--zg-head-border, 0));\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border-top\n  * @description Styles the top border of grid head rows\n  * @see border\n  * @default var(--zg-head-border)\n  * @demoLink https://app.zingsoft.com/demos/create/Y25A4K13\n  * @shadowOnly false\n  */\n  border-top: var(--zg-head-border-top, var(--zg-head-border));\n  display: block;\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-border-radius\n  * @description Styles the border-radius of grid head rows\n  * @see border-radius\n  * @default var(--zg-head-border-radius)\n  * @demoLink https://app.zingsoft.com/demos/create/Y25A4K13\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-head-border-radius, 0);\n  /**\n  * @memberof ZGHead\n  * @var --zg-head-visibility\n  * @description Sets the visibility of grid head rows\n  * @see visibility\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/6LA6GMQ7\n  * @shadowOnly false\n  */\n  visibility: var(--zg-head-visibility);\n  box-sizing: border-box;\n}\n\n/* SLOTTED\n-------------------------------------- */\n/* Layout: Card */\n:host([layout=\"card\"]) {\n    display: none;\n}\n\n/* All Rows */\n:host ::slotted(zg-row) {\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background\n  * @description Styles the background of grid head rows\n  * @see background\n  * @default var(--zg-head-background)\n  * @demoLink https://app.zingsoft.com/demos/create/T8UI8JED\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background, var(--zg-head-background));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-border\n  * @description Styles the border of row\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/W9UFLHOX\n  * @default 0\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-border-bottom\n  * @description Styles the bottom border of row\n  * @see border\n  * @default var(--zg-row-border, var(--zg-row-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/6ZQGCDWL\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-border\n  * @description Styles the border of grid head rows\n  * @see border\n  * @default var(--zg-row-border-bottom, var(--zg-row-border, var(--zg-row-border, 0)))\n  * @demoLink https://app.zingsoft.com/demos/create/8GTM3CE7\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-border-bottom\n  * @description Styles the bottom border of grid head rows\n  * @see border\n  * @default var(--zg-row-head-border, var(--zg-row-border-bottom, var(--zg-row-border, var(--zg-row-border, 0))))\n  * @demoLink https://app.zingsoft.com/demos/create/UG4IJY7N\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-row-head-border-bottom, var(--zg-row-head-border, var(--zg-row-border-bottom, var(--zg-row-border, var(--zg-row-border, 0)))));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-border-left\n  * @description Styles the left border of grid head rows\n  * @see border\n  * @default var(--zg-row-head-border, var(--zg-row-border-left, var(--zg-row-border, var(--zg-row-border, 0))))\n  * @demoLink https://app.zingsoft.com/demos/create/FN1JN1YH\n  * @shadowOnly false\n  */\n  border-left: var(--zg-row-head-border-left, var(--zg-row-head-border, var(--zg-row-border-left, var(--zg-row-border, var(--zg-row-border, 0)))));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-border-right\n  * @description Styles the right border of grid head rows\n  * @see border\n  * @default var(--zg-row-head-border, var(--zg-row-border-right, var(--zg-row-border, var(--zg-row-border, 0))))\n  * @demoLink https://app.zingsoft.com/demos/create/B52RNC1C\n  * @shadowOnly false\n  */\n  border-right: var(--zg-row-head-border-right, var(--zg-row-head-border, var(--zg-row-border-right, var(--zg-row-border, var(--zg-row-border, 0)))));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-border-top\n  * @description Styles the top border of grid head rows\n  * @see border\n  * @default var(--zg-row-head-border, var(--zg-row-border-top, var(--zg-row-border, var(--zg-row-border, 0))))\n  * @demoLink https://app.zingsoft.com/demos/create/9WUUNY7A\n  * @shadowOnly false\n  */\n  border-top: var(--zg-row-head-border-top, var(--zg-row-head-border, var(--zg-row-border-top, var(--zg-row-border, var(--zg-row-border, 0)))));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color\n  * @description Styles the font color of grid head rows\n  * @default var(--zg-row-color)\n  * @demoLink https://app.zingsoft.com/demos/create/XNSFRPXK\n  * @see color\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color, var(--zg-row-color));\n  display: flex;\n  position: relative;\n}\n\n:host ::slotted(zg-row:hover) {\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background_hover\n  * @description Styles the background of grid head rows on hover\n  * @see background\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/WEG2YAI2\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background_hover);\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color_hover\n  * @description Styles the font color of grid head rows on hover\n  * @see color\n  * @default var(--zg-row-color_hover)\n  * @demoLink https://app.zingsoft.com/demos/create/AB7QQ2HJ\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color_hover, var(--zg-row-color_hover));\n}\n/* Even Rows */\n:host ::slotted(zg-row:nth-of-type(even)) {\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background_even\n  * @description Styles the background of 'even' grid head rows\n  * @see background\n  * @default var(--zg-row-head-background, var(--zg-head-background))\n  * @demoLink https://app.zingsoft.com/demos/create/SFSLBH2B\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background_even, var(--zg-row-head-background, var(--zg-head-background)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color_even\n  * @description Styles the font color of 'even' grid head rows\n  * @see color\n  * @default var(--zg-row-head-color, var(--zg-row-color))\n  * @demoLink https://app.zingsoft.com/demos/create/MVTLQ6OY\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color_even, var(--zg-row-head-color, var(--zg-row-color)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-height_even\n  * @description Sets the height of 'even' grid head rows\n  * @see height\n  * @default var(--zg-row-head-height, var(--zg-row-height))\n  * @demoLink https://app.zingsoft.com/demos/create/ZJKCHBEN\n  * @shadowOnly false\n  */\n  min-height: var(--zg-row-head-height_even, var(--zg-row-head-height, var(--zg-row-height)));\n}\n:host ::slotted(zg-row:nth-of-type(even):hover) {\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background_even_hover\n  * @description Styles the background of 'even' grid head rows on hover\n  * @see background\n  * @default var(--zg-row-head-background_hover, var(--zg-head-background_hover))\n  * @demoLink https://app.zingsoft.com/demos/create/NTNFHUQO\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background_even_hover, var(--zg-row-head-background_hover, var(--zg-head-background_hover)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color_even_hover\n  * @description Styles the font color of 'even' grid head rows on hover\n  * @see color\n  * @default var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/R7N097DV\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color_even_hover, var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n/* Odd Rows */\n:host ::slotted(zg-row:nth-of-type(odd)) {\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background_odd\n  * @description Styles the background of 'odd' grid head rows\n  * @see background\n  * @default var(--zg-row-head-background, var(--zg-head-background))\n  * @demoLink https://app.zingsoft.com/demos/create/P3C6STNW\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background_odd, var(--zg-row-head-background, var(--zg-head-background)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color_odd\n  * @description Sets the font color of 'odd' grid head rows\n  * @see color\n  * @default var(--zg-row-head-color, var(--zg-row-color))\n  * @demoLink https://app.zingsoft.com/demos/create/ORCFAHM5\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color_odd, var(--zg-row-head-color, var(--zg-row-color)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-height_odd\n  * @description Sets the height of 'odd' grid head rows\n  * @see height\n  * @default var(--zg-row-head-height, var(--zg-row-height))\n  * @demoLink https://app.zingsoft.com/demos/create/HR7CPKI6\n  * @shadowOnly false\n  */\n  min-height: var(--zg-row-head-height_odd, var(--zg-row-head-height, var(--zg-row-height)));\n}\n:host ::slotted(zg-row:nth-of-type(odd):hover){\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-background_odd_hover\n  * @description Styles the background of 'odd' grid head rows on hover\n  * @see background\n  * @default var(--zg-row-head-background_hover, var(--zg-head-background_hover))\n  * @demoLink https://app.zingsoft.com/demos/create/V416TJNV\n  * @shadowOnly false\n  */\n  background: var(--zg-row-head-background_odd_hover, var(--zg-row-head-background_hover, var(--zg-head-background_hover)));\n  /**\n  * @memberof ZGHead\n  * @var --zg-row-head-color_odd_hover\n  * @description Styles the font color of 'odd' grid head rows on hover\n  * @see color\n  * @default var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/CFKT71C3\n  * @shadowOnly false\n  */\n  color: var(--zg-row-head-color_odd_hover, var(--zg-row-head-color_hover, var(--zg-row-color_hover, var(--zg-row-color))));\n}\n\n/* First Row styling */\n:host ::slotted(zg-row:first-of-type){\n  border-radius: var(--zg-head-border-radius, 0);\n}\n\n/*  Vertical gridlines still need horizontal gridlines in header */\n:host ::slotted(zg-row:last-child[gridlines-vertical]) {\n  --zg-row-head-border-bottom: 1px solid var(--theme-border-color);\n  --zg-cell-border-bottom_aggregate: 1px solid var(--theme-border-color);\n  --zg-cell-border-bottom_frozen: 1px solid var(--theme-border-color);\n}\n\n:host ::slotted(zg-row:last-child[gridlines-horizontal]) {\n  --zg-row-head-border-bottom: unset;\n  --zg-cell-border-bottom_aggregate: unset;\n  --zg-cell-border-bottom_frozen: unset;\n}\n\n/* ZG-FILTER */\n:host ::slotted(zg-row[type=\"filter\"]),\n:host ::slotted(zg-row[type=\"filter\"]:hover) {\n  min-height: var(--zg-filter-height);\n  background: var(--zg-row-background_filter, var(--zg-row-background, auto));\n  /*  Had to remove this line for ticket #652\n  border-top: var(--zg-filter-border-top, var(--zg-filter-border, 1px solid var(--theme-border-color))); */\n}\n\n/* AGGREGATE */\n:host ::slotted(zg-row[type=aggregate]),\n:host ::slotted(zg-row[type=aggregate]:hover) {\n  background: var(--zg-row-background_head_aggregate, var(--zg-row-background_aggregate, var(--zg-row-background, auto)));\n  border-bottom: var(--zg-cell-border-bottom_aggregate, var(--zg-cell-border-bottom, var(--zg-cell-border, 0)));\n  border-left: var(--zg-cell-border-left_aggregate, var(--zg-cell-border-left, var(--zg-cell-border, 0)));\n  border-right: var(--zg-cell-border-right_aggregate, var(--zg-cell-border-right, var(--zg-cell-border, 0)));\n  border-top: var(--zg-cell-border-top_aggregate, var(--zg-cell-border-top, var(--zg-cell-border, 0)));\n  color: var(--zg-row-color_head_aggregate, var(--zg-row-color_aggregate, var(--zg-row-color, auto)));\n  min-height: var(--zg-row-height_head_aggregate, var(--zg-row-height_aggregate, var(--zg-row-height, auto)));\n}\n\n/* FROZEN */\n:host ::slotted(zg-row[type=frozen]),\n:host ::slotted(zg-row[type=frozen]:hover) {\n  background: var(--zg-row-background_head_frozen, var(--zg-row-background_frozen, var(--zg-row-background, auto)));\n  border-bottom: var(--zg-cell-border-bottom_frozen, var(--zg-cell-border-bottom, var(--zg-cell-border, 0)));\n  border-left: var(--zg-cell-border-left_frozen, var(--zg-cell-border-left, var(--zg-cell-border, 0)));\n  border-right: var(--zg-cell-border-right_frozen, var(--zg-cell-border-right, var(--zg-cell-border, 0)));\n  border-top: var(--zg-cell-border-top_frozen, var(--zg-cell-border-top, var(--zg-cell-border, 0)));\n  color: var(--zg-row-color_head_frozen, var(--zg-row-color_frozen, var(--zg-row-color, auto)));\n}\n\n/*  In the case of zebra, we have to set the class so that we can use the header and footer data rows */\n:host ::slotted(zg-row.zebra-2) {\n  background: var(--theme-background-zebra, var(--zg-row-head-background, var(--zg-head-background)));\n}\n\n:host ::slotted(zg-row[internal-top]) {\n  border-top: 0px;\n}\n",""])},13175:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-background\n  * @description Styles the background of header\n  * @default Browser's default value\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/RNK9KGL1\n  * @shadowOnly false\n  */\n  background: var(--zg-header-background);\n   /**\n  * @memberof ZGHeader\n  * @var --zg-header-border\n  * @description Styles the border of header\n  * @default 0\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/D3AD1LTZ\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-border-bottom\n  * @description Styles the bottom border of header\n  * @default var(--zg-header-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/ZOYVLTTM\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-header-border-bottom, var(--zg-header-border, 0));\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-border-left\n  * @description Styles the left border of header\n  * @default var(--zg-header-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/AMLDCFOE\n  * @shadowOnly false\n  */\n  border-left: var(--zg-header-border-left, var(--zg-header-border, 0));\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-border-right\n  * @description Styles the right border of header\n  * @default var(--zg-header-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/XCB64506\n  * @shadowOnly false\n  */\n  border-right: var(--zg-header-border-right, var(--zg-header-border, 0));\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-border-top\n  * @description Styles the top border of header\n  * @default var(--zg-header-border, 0)\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/7UN98I97\n  * @shadowOnly false\n  */\n  border-top: var(--zg-header-border-top, var(--zg-header-border, 0));\n  /**\n  * @memberof ZGHeader\n  * @var --zg-header-border-radius\n  * @description Applies border radius to header\n  * @default 0\n  * @see border-radius\n  * @demoLink https://app.zingsoft.com/demos/create/J5P8R36J\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-header-border-radius, 0);\n  display: block;\n  z-index: 2;\n}",""])},86675:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  display: inline-block;\n  /**\n  * @memberof ZGIcon\n  * @var --zg-icon-height\n  * @description Sets the height of icon. Also set width using --zg-icon-width to scale icon.\n  * @see height\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/35ELYFHO\n  * @shadowOnly false\n  */\n  height: var(--zg-icon-height);\n  line-height: 1rem;\n  overflow: hidden;\n  position: relative;\n  vertical-align: top;\n  /**\n  * @memberof ZGIcon\n  * @var --zg-icon-width\n  * @description Sets the width of icon. Also set height using --zg-icon-height to scale icon.\n  * @see width\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/QN5FK1OU\n  * @shadowOnly false\n  */\n  width: var(--zg-icon-width);\n}\n:host([hidden]) {\n  display: none;\n}\n\n/* If it has [init], set the child svg color to a muted color */\n:host([init]) ::slotted(svg) {\n  /**\n  * @memberof ZGIcon\n  * @var --zg-icon-init-fill\n  * @description Sets fill color of icon when element has\n  * [init] attribute. This indicates that column is sortable.\n  * The [init] is removed when column is sorted.\n  * @default Browser\'s default value\n  * @see fill\n  * @demoLink https://app.zingsoft.com/demos/create/K3C0AD5K\n  * @shadowOnly false\n  */\n  fill: var(--zg-icon-init-fill) !important;\n}\n\n/* CURSOR-BASED PAGINATION STYLING\n-------------------------------------- */\n:host([type="cursor"]) ::slotted(svg) {\n  --zg-icon-color: #fff;\n  transform: translateX(1px);\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(*) {\n  pointer-events: none;\n}\n\n/* Default SVG */\n:host ::slotted(svg) {\n  /**\n  * @memberof ZGIcon\n  * @var --zg-icon-color\n  * @description Sets the fill color of icon\n  * @see fill\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/QP3CK186\n  * @shadowOnly false\n  */\n  fill: var(--zg-icon-color, var(--theme-color-primary));\n}\n:host:not([internal-status]) ::slotted(svg) {\n  height: inherit;\n  left: 0;\n  pointer-events: none;\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n/* \n  Do not fill the parent svg for some icons \n  See conditional in ZGIcon.js (\'deselect\')\n*/\n:host ::slotted(svg[no-fill]) {\n  fill: none;\n}\n\n/* FONT AWESOME */\n/* User-defined FONT AWESOME (Ex: <zing-grid icon-set="fontawesome") */\n/* Format: <i class="fas fa-exclamation-circle"></i> */\n/* \'.fas\' is the consistent item so we trigger that */\n:host ::slotted(.fas) {\n  color: var(--zg-icon-color, var(--theme-color-primary));\n}\n:host ::slotted(.fas):before {\n  font-size: calc(var(--zg-icon-width) - 2px);\n}\n\n/* WHEN SLOTTED INTO OTHER COMPONENTS\n---------------------------------------- */\n\n/* ZG-CAPTION: <zg-caption> */\n:host([internal-caption]) {\n  align-self: var(--zg-caption-toolbar-align-self, var(--zg-caption-align-items, center));\n  /* For internal use only */\n  height: var(--zg-caption-icon-height, var(--zg-icon-height));\n  /* For internal use only */\n  width: var(--zg-caption-icon-width, var(--zg-icon-width));\n}\n\n:host([internal-caption]) ::slotted(svg) {\n  /* For internal use only */\n  fill: var(--zg-caption-icon-color, var(--zg-icon-color));\n}\n\n/* ZG-HEAD-CELL: <zg-head-cell> */\n/* -- When cell is currently sorted */\n:host([sort-asc]) ::slotted(svg),\n:host([sort-desc]) ::slotted(svg) {\n  /**\n  * @memberof ZGHeadCell\n  * @var --zg-head-cell-icon-color_sorted\n  * @description Sets the fill color of icon in sorted head cells\n  * @see fill\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/I4QTA64O\n  * @shadowOnly false\n  */\n  fill: var(--zg-head-cell-icon-color_sorted, var(--theme-color));\n}\n\n/* ZG-STATUS: <zg-status> */\n:host([internal-status]) ::slotted(svg) {\n  /* For internal use only */\n  fill: var(--zg-status-icon-color, #fff);\n}\n\n:host([name="info"]),\n:host([internal-cell]) {\n  vertical-align: middle;\n}',""])},90845:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host([action]) {\n  display: block;\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-height\n  * @description Sets the height of input field\n  * @see height\n  * @default 28px\n  * @demoLink https://app.zingsoft.com/demos/create/B0P81J0Q\n  * @shadowOnly true\n  */\n  height: var(--zg-input-height, 28px);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-width\n  * @description Sets the width of input field\n  * @see width\n  * @default 28px\n  * @demoLink https://app.zingsoft.com/demos/create/SCCSW2QV\n  * @shadowOnly true\n  */\n  width: var(--zg-input-width, 28px);\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(input) {\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-background\n  * @description Styles the background of input field\n  * @see background\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/QTKU281K\n  * @shadowOnly false\n  */\n  background: var(--zg-input-background, #fff);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border\n  * @description Styles the border of input field\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/DDD2BCSL\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-bottom\n  * @description Styles the bottom border of input field\n  * @see border\n  * @default var(--zg-input-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/MDMU28K6\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-input-border-bottom, var(--zg-input-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-left\n  * @description Styles the left border of input field\n  * @see border\n  * @default var(--zg-input-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/JLCD44RA\n  * @shadowOnly false\n  */\n  border-left: var(--zg-input-border-left, var(--zg-input-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-right\n  * @description Styles the right border of input field\n  * @see border\n  * @default var(--zg-input-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/8A95H8P7\n  * @shadowOnly false\n  */\n  border-right: var(--zg-input-border-right, var(--zg-input-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-top\n  * @description Styles the top border of input field\n  * @see border\n  * @default var(--zg-input-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/LCS35KDI\n  * @shadowOnly false\n  */\n  border-top: var(--zg-input-border-top, var(--zg-input-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-radius\n  * @description Applies a border radius to the input\n  * @default Browser's default value\n  * @see border-radius\n  * @demoLink https://app.zingsoft.com/demos/create/EPJYLC6I\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-input-border-radius);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-box-shadow\n  * @description Applies a box shadow behind input field\n  * @see box-shadow\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/18VIQFAN\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-input-box-shadow, none);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-color\n  * @description Sets the font color of input field\n  * @see color\n  * @default var(--zing-grid-color, var(--theme-color))\n  * @demoLink https://app.zingsoft.com/demos/create/XOU2K69C\n  * @shadowOnly false\n  */\n  color: var(--zg-input-color, var(--theme-color_alt));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-font-family\n  * @description Sets the font family of input field\n  * @see font-family\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/T5ZCU5MK\n  * @shadowOnly false\n  */\n  font-family: var(--zg-input-font-family, inherit);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-font-size\n  * @description Sets the font size of input field\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/2N4JCUM7\n  * @shadowOnly false\n  */\n  font-size: var(--zg-input-font-size, var(--theme-font-size));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-font-style\n  * @description Sets the font style of input field\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/23LLZSPN\n  * @shadowOnly false\n  */\n  font-style: var(--zg-input-font-style, inherit);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-font-weight\n  * @description Sets the font weight of input field\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/D4KPNBOE\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-input-font-weight, inherit);\n  height: var(--zg-input-height, 28px);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-line-height\n  * @description Sets the line height of input field\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/4S3RA0D1\n  * @shadowOnly true\n  */\n  line-height: var(--zg-input-line-height, inherit);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-margin\n  * @description Sets the margin of input field\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/QIT4GPWJ\n  * @shadowOnly false\n  */\n  margin: var(--zg-input-margin, 0);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-padding\n  * @description Sets the padding of input field\n  * @see padding\n  * @default 0 6px\n  * @demoLink https://app.zingsoft.com/demos/create/6YX1BW65\n  * @shadowOnly false\n  */\n  padding: var(--zg-input-padding, 0 6px);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-text-align\n  * @description Sets the text alignment of input field\n  * @see text-align\n  * @default center\n  * @demoLink https://app.zingsoft.com/demos/create/19KNP52I\n  * @shadowOnly false\n  */\n  text-align: var(--zg-input-text-align, left);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-transform\n  * @description Sets the transform of input field\n  * @see transform\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/OSSRVJZZ\n  * @shadowOnly false\n  */\n  transform: var(--zg-input-transform);\n\n  width: var(--zg-input-width, auto);\n}\n\n:host([action]) ::slotted(input) {\n  color: var(--zg-input-color, var(--theme-color));\n  font-size: var(--zg-input-font-size, inherit);\n  padding: var(--zg-input-padding, 0);\n  text-align: center;\n  width: var(--zg-input-width, 100%);\n}\n\n:host ::slotted(input:focus) {\n  background: var(--zg-input-background_focus, #fff);\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border_focus\n  * @description Styles the border of input field on focus\n  * @see border\n  * @default 1px solid rgba(82, 168, 236, 0.8)\n  * @demoLink https://app.zingsoft.com/demos/create/I3GK9SS3\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-bottom_focus\n  * @description Styles the bottom border of input field on focus\n  * @see border\n  * @default var(--zg-input-border_focus, 1px solid rgba(82, 168, 236, 0.8))\n  * @demoLink https://app.zingsoft.com/demos/create/2SM40FSO\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-input-border-bottom_focus, var(--zg-input-border_focus, var(--zg-input-border-bottom, var(--zg-input-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-left_focus\n  * @description Styles the left border of input field on focus\n  * @see border\n  * @default var(--zg-input-border_focus, )))\n  * @demoLink https://app.zingsoft.com/demos/create/FQ51FTQF\n  * @shadowOnly false\n  */\n  border-left: var(--zg-input-border-left_focus, var(--zg-input-border_focus, var(--zg-input-border-left, var(--zg-input-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-right_focus\n  * @description Styles the right border of input field in modal on focus\n  * @see border\n  * @default var(--zg-input-border_focus, )))\n  * @demoLink https://app.zingsoft.com/demos/create/11XL0MH6\n  * @shadowOnly false\n  */\n  border-right: var(--zg-input-border-right_focus, var(--zg-input-border_focus, var(--zg-input-border-right, var(--zg-input-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-border-top_focus\n  * @description Styles the top border of input field in modal on focus\n  * @see border\n  * @default var(--zg-input-border_focus, )))\n  * @demoLink https://app.zingsoft.com/demos/create/BLSGA86T\n  * @shadowOnly false\n  */\n  border-top: var(--zg-input-border-top_focus, var(--zg-input-border_focus, var(--zg-input-border-top, var(--zg-input-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-color_focus\n  * @description Sets the font color of input field in modal on focus\n  * @see color\n  * @default var(--zg-input-color)\n  * @demoLink https://app.zingsoft.com/demos/create/62OIL7CR\n  * @shadowOnly false\n  */\n  color: var(--zg-input-color_focus, var(--zg-input-color, var(--theme-color_alt)));\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-font-size_focus\n  * @description Sets the font size of input field on focus\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/BPE8TYD5\n  * @shadowOnly false\n  */\n  font-size: var(--zg-input-font-size_focus, var(--zg-input-font-size, var(--theme-font-size)));\n  /*outline: 0;*/\n  /**\n  * @memberof ZGInput\n  * @var --zg-input-transform_focus\n  * @description Sets the transform of input field in modal on focus\n  * @see transform\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/ZCZMD7I3\n  * @shadowOnly false\n  */\n  transform: var(--zg-input-transform_focus);\n}\n",""])},22397:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* Hide if it has [hidden] attribute */\n:host { \n  align-items: center;\n  display: flex;\n}\n:host([hidden]) { display:none; }\n\n\n/* SLOTTED ELEMENTS\n---------------------------------------- */\n/* Select All cell */\n:host ::slotted(zg-checkbox) {\n  margin-left: 6px;\n  font-size: 90%;\n}\n/* \'Cards\' label */\n:host ::slotted(zg-text) {\n  font-size: 90%;\n  margin-right: 5px;\n}\n/* Layout Control Buttons */\n:host ::slotted(zg-button) {\n  border-radius: 3px;\n  margin-left: 2px;\n}\n:host ::slotted(zg-button[action="layoutcard"]) {\n  transform: translateY(3.0px);\n}\n:host ::slotted(zg-button[action="layoutrow"]) {\n  transform: translateY(2.5px);\n}',""])},26516:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n\n/* Add styles to internally-appended load-mask only.\nUser-added markup on load will not have styling they need to overwrite */\n:host([default-load-mask]) {\n  align-items: center;\n  background: rgba(115, 142, 150, 0.4);\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  position: absolute;\n  width: 100%;\n  z-index: 1000;\n}\n\n/* Wrap */\n.default-wrap {\n  align-items: baseline;\n  display: flex;\n  justify-content: center;\n}\n\n/* Text */\n.loading-text {\n /**\n  * @memberof ZGLoadMask\n  * @var --zg-load-mask-color\n  * @description Sets the font color of the loading text\n  * @see color\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/embed/YTE2VZ54\n  * @shadowOnly true\n  */\n  color: var(--zg-load-mask-color, #fff);\n  font-size: 2rem;\n  margin-right: 6px;\n  text-shadow: 0 0 5px #8d9ea9;\n}\n\n/* Dot Animation */\n@keyframes CYCLE {\n  0% { opacity:0; }\n  50% { opacity:1; }\n  100% { opacity:0; }\n}\n.animation-wrap {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n}\n.animation-dot,\n.animation-wrap:after,\n.animation-wrap:before {\n  content: '';\n  animation-duration: 1.5s;\n  animation-iteration-count: infinite;\n  animation-name: CYCLE;\n  background: #fff;\n  border-radius: 50%;\n  box-shadow: 0 0 5px #adb7bd;\n  display: block;\n  height: 5px;\n  margin: 0 4px;\n  opacity: 0;\n  width: 5px;\n}\n.animation-dot {\n  animation-delay: 300ms;\n}\n.animation-wrap:after {\n  animation-delay: 600ms;\n}",""])},93251:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  background: var(--zg-menu-item-background, var(--zg-menu-background, inherit));\n  border-bottom: 1px solid var(--theme-border-color);\n  margin-bottom: 5px;\n  padding-bottom: 10px;\n}\n:host([hidden]) {\n  display: none;\n}\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* LABEL */\n.zg-menu-group-label {\nalign-items: center;\n  display: flex;\n  padding: 10px;\n}\n\n/* ITEMS */\n.zg-menu-group-items {\n  border: 1px solid var(--theme-border-color);\n  display: flex;\n  margin: 0 5px;\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(zg-icon) {\n  margin-right: 5px;\n}\n\n:host([dir="rtl"]) ::slotted(zg-icon) {\n  margin-left: 5px;\n  margin-right: unset;\n}\n\n:host ::slotted(zg-menu-item) {\n  --zg-menu-item-justify-content: center;\n  border-left: var(--zg-menu-item-border-left, var(--zg-menu-border-left, var(--zg-menu-item-border, var(--zg-menu-border, 1px solid var(--theme-border-color)))));\n}\n:host ::slotted(zg-menu-item:hover),\n:host ::slotted(zg-menu-item.hover) {\n  border-left: var(--zg-menu-item-border-left_hover, var(--zg-menu-item-border_hover, var(--zg-menu-item-border-left, var(--zg-menu-border-left, var(--zg-menu-item-border, var(--zg-menu-border, 1px solid var(--theme-border-color)))))));\n}\n\n:host ::slotted(zg-menu-item:first-of-type) {\n  margin-left: -1px;\n}',""])},77189:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  --zg-icon-height: 14px;\n  --zg-icon-width: 14px;\n\n  align-items:center;\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-background\n  * @description Styles the background of menu item\n  * @see background\n  * @default var(--zg-menu-background)\n  * @demoLink https://app.zingsoft.com/demos/create/B9ZW7JZ1\n  * @shadowOnly false\n  */\n  background: var(--zg-menu-item-background, var(--zg-menu-background));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border\n  * @description Styles the border of menu item\n  * @see border\n  * @default var(--zg-menu-item-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/OY846P1S\n  * @shadowOnly false\n  */\n  border: var(--zg-menu-item-border, 0);\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-bottom\n  * @description Styles the bottom border of menu item\n  * @see border\n  * @default var(--zg-menu-border-bottom, var(--zg-menu-item-border))\n  * @demoLink https://app.zingsoft.com/demos/create/K3RGBXUS\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-menu-item-border-bottom, var(--zg-menu-item-border));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-left\n  * @description Styles the left border of menu item\n  * @see border\n  * @default var(--zg-menu-border-left, var(--zg-menu-item-border))\n  * @demoLink https://app.zingsoft.com/demos/create/I02JZBV4\n  * @shadowOnly false\n  */\n  border-left: var(--zg-menu-item-border-left, var(--zg-menu-item-border));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-right\n  * @description Styles the border-right of menu item\n  * @see border\n  * @default var(--zg-menu-border-right, var(--zg-menu-item-border))\n  * @demoLink https://app.zingsoft.com/demos/create/XBLE7Y9F\n  * @shadowOnly false\n  */\n  border-right: var(--zg-menu-item-border-right, var(--zg-menu-item-border));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-top\n  * @description Styles the border-top of menu item\n  * @see border\n  * @default var(--zg-menu-border-top, var(--zg-menu-item-border))\n  * @demoLink https://app.zingsoft.com/demos/create/JXUI3ZZ1\n  * @shadowOnly false\n  */\n  border-top: var(--zg-menu-item-border-top, var(--zg-menu-item-border));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-color\n  * @description Styles the color of menu item\n  * @see color\n  * @default var(--zg-menu-color)\n  * @demoLink https://app.zingsoft.com/demos/create/PB332NEO\n  * @shadowOnly false\n  */\n  color: var(--zg-menu-item-color, var(--zg-menu-color));\n  box-sizing: border-box;\n  contain: content;\n  cursor: pointer;\n  display: inline-flex;\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-padding\n  * @description Sets the padding of menu item\n  * @see padding\n  * @default 2px 9px\n  * @demoLink https://app.zingsoft.com/demos/create/J8SC2JZ7\n  * @shadowOnly false\n  */\n  padding: var(--zg-menu-item-padding, 2px 9px);\n  transition: background var(--theme-transition_speed);\n}\n:host([hidden]) {\n  display: none;\n}\n:host([disabled]),\n:host([disabled]:hover) {\n  background: inherit;\n  cursor: not-allowed;\n}\n\n:host(:hover), :host(.hover) {\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-background_hover\n  * @description Styles the background of menu item on hover\n  * @see background\n  * @default var(--zg-menu-item-background, var(--zg-menu-background))\n  * @demoLink https://app.zingsoft.com/demos/create/TGJCKUFU\n  * @shadowOnly false\n  */\n  background: var(--zg-menu-item-background_hover, var(--zg-menu-item-background, var(--zg-menu-background)));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border_hover\n  * @description Styles the border of menu item on hover\n  * @see border\n  * @default var(--zg-menu-item-border)\n  * @demoLink https://app.zingsoft.com/demos/create/COY3QOQ4\n  * @shadowOnly false\n  */\n  border: var(--zg-menu-item-border_hover, var(--zg-menu-item-border));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-bottom_hover\n  * @description Styles the bottom border of menu item on hover\n  * @see border\n  * @default var(--zg-menu-item-border_hover, var(--zg-menu-item-border-bottom, var(--zg-menu-item-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/Y257HM34\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-menu-item-border-bottom_hover, var(--zg-menu-item-border_hover, var(--zg-menu-item-border-bottom, var(--zg-menu-item-border))));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-left_hover\n  * @description Styles the left border of menu item on hover\n  * @see border\n  * @default var(--zg-menu-item-border_hover, var(--zg-menu-item-border-left, var(--zg-menu-item-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/L6B0TSI2\n  * @shadowOnly false\n  */\n  border-left: var(--zg-menu-item-border-left_hover, var(--zg-menu-item-border_hover, var(--zg-menu-item-border-left, var(--zg-menu-item-border))));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-right_hover\n  * @description Styles the right border of menu item on hover\n  * @see border\n  * @default var(--zg-menu-item-border_hover, var(--zg-menu-item-border-right, var(--zg-menu-item-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/B0CA9PC5\n  * @shadowOnly false\n  */\n  border-right: var(--zg-menu-item-border-right_hover, var(--zg-menu-item-border_hover, var(--zg-menu-item-border-right, var(--zg-menu-item-border))));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-border-top_hover\n  * @description Styles the top border of menu item on hover\n  * @see border\n  * @default var(--zg-menu-item-border_hover, var(--zg-menu-item-border-top, var(--zg-menu-item-border)))\n  * @demoLink https://app.zingsoft.com/demos/create/IEQ87DM1\n  * @shadowOnly false\n  */\n  border-top: var(--zg-menu-item-border-top_hover, var(--zg-menu-item-border_hover, var(--zg-menu-item-border-top, var(--zg-menu-item-border))));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-color_hover\n  * @description Styles the color of menu item on hover\n  * @see color\n  * @default var(--zg-menu-item-color, var(--zg-menu-color))\n  * @demoLink https://app.zingsoft.com/demos/create/G87OUAAS\n  * @shadowOnly false\n  */\n  color: var(--zg-menu-item-color_hover, var(--zg-menu-item-color, var(--zg-menu-color)));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-justify-content_hover\n  * @description Sets the horizontal alignment of contents in menu item on hover\n  * @see justify-content\n  * @default var(--zg-menu-item-justify-content, flex-start)\n  * @demoLink https://app.zingsoft.com/demos/create/E0CSUDJQ\n  * @shadowOnly false\n  */\n  justify-content: var(--zg-menu-item-justify-content_hover, var(--zg-menu-item-justify-content, flex-start));\n  /**\n  * @memberof ZGMenuItem\n  * @var --zg-menu-item-padding_hover\n  * @description Sets the padding of menu item on hover\n  * @see padding\n  * @default var(--zg-menu-item-padding, 2px 9px)\n  * @demoLink https://app.zingsoft.com/demos/create/2L3WUNZM\n  * @shadowOnly false\n  */\n  padding: var(--zg-menu-item-padding_hover, var(--zg-menu-item-padding, 2px 9px));\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(zg-button) {\n    /* make zg-button inside zg-menu-item click through and no hover effect */\n    pointer-events: none;\n    /**\n    * @memberof ZGMenuItem\n    * @var --zg-menu-item-justify-content\n    * @description Sets the horizontal alignment of contents in menu item\n    * @see justify-content\n    * @default flex-start\n    * @demoLink https://app.zingsoft.com/demos/create/E73X0A1J\n    * @shadowOnly false\n    */\n    /* \n      NOTE: Added here instead of :host above, b/c menuitems always have a button inside,\n      which should get the alignment. Because of this, if there is a use case where you want\n      the parent to have the justify-content value, you have to do it inline.\n    */\n    justify-content: var(--zg-menu-item-justify-content, flex-start);\n    width: 100%;\n}\n\n/* Custom User Button */\n/* Note: When a user adds w/o an icon, the `[action]` attribute value on the button will be '' */\n:host ::slotted(zg-button[action=\"\"]) {\n  padding-left:calc(var(--zg-icon-width) + 7px);\n  pointer-events: inherit;\n}\n\n:host(:hover) ::slotted(zg-button),\n:host(.hover) ::slotted(zg-button) {\n  /* Already documented above */\n  color: var(--zg-menu-item-color_hover, var(--zg-button-color));\n  /* \n    NOTE: Added here instead of :host above, b/c menuitems always have a button inside,\n    which should get the alignment. Because of this, if there is a use case where you want\n    the parent to have the justify-content value, you have to do it inline.\n  */\n  justify-content: var(--zg-menu-item-justify-content_hover, var(--zg-menu-item-justify-content, flex-start));\n}",""])},6528:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-background\n  * @description Styles background of menu dropdown\n  * @see background\n  * @default Browser\'s defaul value\n  * @demoLink https://app.zingsoft.com/demos/create/H302IPDV\n  * @shadowOnly true\n  */\n  background: var(--zg-menu-background);\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-border\n  * @description Styles the border of menu dropdown\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/L29XD0SG\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-border-bottom\n  * @description Styles the bottom border of menu dropdown\n  * @see border\n  * @default var(--zg-menu-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/BP6Q1ONR\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-menu-border-bottom, var(--zg-menu-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-border-left\n  * @description Styles the left border of menu dropdown\n  * @see border\n  * @default var(--zg-menu-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/YTOQWH4D\n  * @shadowOnly false\n  */\n  border-left: var(--zg-menu-border-left, var(--zg-menu-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-border-right\n  * @description Styles the right border of menu dropdown\n  * @see border\n  * @default var(--zg-menu-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/9PZS6F7O\n  * @shadowOnly false\n  */\n  border-right: var(--zg-menu-border-right, var(--zg-menu-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-border-top\n  * @description Styles the top border of menu dropdown\n  * @see border\n  * @default var(--zg-menu-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/60VFS9X7\n  * @shadowOnly false\n  */\n  border-top: var(--zg-menu-border-top, var(--zg-menu-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-box-shadow\n  * @description Applies a box shadow to menu dropdown\n  * @see box-shadow\n  * @default 0 3px 3px #ccc\n  * @demoLink https://app.zingsoft.com/demos/create/8KM669HT\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-menu-box-shadow, 0 3px 3px #ccc);\n  box-sizing: border-box;\n  display: inline-block;\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-padding\n  * @description Sets the padding of the menu dropdown\n  * @see padding\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/O1VERLUD\n  * @shadowOnly false\n  */\n  padding: var(--zg-menu-padding, 0);\n  position: absolute;\n  /**\n  * @memberof ZGMenu\n  * @var --zg-menu-font-size\n  * @description Sets the font size of menu dropdown\n  * @see font-size\n  * @default 0.8rem\n  * @demoLink https://app.zingsoft.com/demos/create/H08WWNC4\n  * @shadowOnly false\n  */\n  font-size: var(--zg-menu-font-size, 0.8rem);\n  user-select: none;\n  z-index: var(--theme-z-index_tall, 10000);\n}\n:host([hidden]) {\n  display: none;\n}\n\n/* RIGHT-CLICK MENU VERSION */\n:host(#userContextMenuClone[menu-opener="context"]) {\n  transform: translate(20px, -17px);\n}\n:host(#userContextMenuClone[menu-opener="context"][internal-dir="left"]) {\n  transform: translate(-20px, -17px);\n}\n:host(#userContextMenuClone[menu-opener="static"]) {\n  transform: translate(0px, 10px);\n}\n/* Add \'cursor position\' arrow */\n:host(#userContextMenuClone[menu-opener="context"]):after,\n:host(#userContextMenuClone[menu-opener="context"]):before {\n  border-color: transparent;\n  border-style: solid;\n  content: \'\';\n  display: block;\n  position: absolute;\n  right: var(--menu-arrow-right, 100%);\n}\n:host(#userContextMenuClone[menu-opener="context"]):before {\n  border-width: 8px;\n  border-right-color: var(--theme-border-color);\n  top: 10px;\n}\n:host(#userContextMenuClone[menu-opener="context"]):after {\n  border-width: 6px;\n  border-right-color: var(--theme-background-zebra);\n  top: 12px;\n}\n\n:host(#userContextMenuClone[menu-opener="context"][internal-dir="left"]):after,\n:host(#userContextMenuClone[menu-opener="context"][internal-dir="left"]):before {\n  content: unset;\n}\n\n\n/* COLUMNS-CONTROL MENU VERSION */\n:host(#columnMenu) {\n  --zg-menu-padding: 10px;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n.zg-menu {\n    display: flex;\n    flex-direction: column;\n    height: auto;\n    padding: var(--zg-menu-padding, 5px);\n}\n\n/* RIGHT-CLICK MENU VERSION */\n:host(#userContextMenuClone) .zg-menu {\n  --zg-menu-padding: 0 0 5px;\n}\n\n/* COLUMNS-CONTROL MENU VERSION */\n:host(#columnMenu) .zg-menu {\n  --zg-menu-padding: 6px 10px;\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* COLUMNS-CONTROL MENU VERSION */\n:host(#columnMenu) ::slotted(zg-menuitem) {\n  --zg-menu-item-padding: 3px 0;\n}',""])},31516:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-background\n  * @description Styles the background of empty message when in `<zg-header>`\n  * @see background\n  * @default var(--theme-color-light)\n  * @demoLink https://app.zingsoft.com/demos/create/DZ18XBMU\n  * @shadowOnly false\n  */\n  background: var(--zg-no-data-background, var(--theme-color-light));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border\n  * @description Styles the border of empty message when in `<zg-header>`\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/H9H8800K\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border-bottom\n  * @description Styles the bottom border of empty message when in `<zg-header>`\n  * @see border\n  * @default var(--zg-no-data-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/5GHU0UT2\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-no-data-border-bottom, var(--zg-no-data-border, 0));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border-left\n  * @description Styles the left border of empty message when in `<zg-header>`\n  * @see border\n  * @default var(--zg-no-data-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/8PC30SFF\n  * @shadowOnly false\n  */\n  border-left: var(--zg-no-data-border-left, var(--zg-no-data-border, 0));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border-right\n  * @description Styles the right border of empty message when in `<zg-header>`\n  * @see border\n  * @default var(--zg-no-data-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/4SZ8NQ8O\n  * @shadowOnly false\n  */\n  border-right: var(--zg-no-data-border-right, var(--zg-no-data-border, 0));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border-top\n  * @description Styles the top border of empty message when in `<zg-header>`\n  * @see border\n  * @default var(--zg-no-data-border, 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/F5LJEMJO\n  * @shadowOnly false\n  */\n  border-top: var(--zg-no-data-border-top, var(--zg-no-data-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-border-radius\n  * @description Styles the border radius of empty message\n  * @see border-radius\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/A1CYESQT\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-no-data-border-radius, 0);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-color\n  * @description Sets the font color content inside of empty message when in `<zg-header>`\n  * @see color\n  * @default var(--theme-font-size)\n  * @demoLink https://app.zingsoft.com/demos/create/9QIBFMGP\n  * @shadowOnly false\n  */\n  color: var(--zg-no-data-color, var(--theme-font-size));\n  contain: content;\n  display: none;\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-font-size\n  * @description Sets the font size of empty message\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/26M7XA7S\n  * @shadowOnly false\n  */\n  font-size: var(--zg-no-data-font-size, .875rem);\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-font-style\n  * @description Sets the font style of empty message\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/ERYSUAI0\n  * @shadowOnly false\n  */\n  font-style: var(--zg-no-data-font-style, inherit);\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-font-weight\n  * @description Sets the font weight of empty message\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/PT3I1OQC\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-no-data-font-weight, inherit);\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-line-height\n  * @description Sets the line height of empty message\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/XGIEZHE5\n  * @shadowOnly false\n  */\n  line-height: var(--zg-no-data-line-height, inherit);\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-min-height\n  * @description Sets the min-height of empty message\n  * @see min-height\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/84P0AHF7\n  * @shadowOnly false\n  */\n  min-height: var(--zg-no-data-min-height, 100%);\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-padding\n  * @description Sets the padding of empty message\n  * @see padding\n  * @default var(--zg-cell-height, var(--theme-padding_x, auto))) var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/S9ZVCD9A\n  * @shadowOnly false\n  */\n  padding: var(--zg-no-data-padding, var(--zg-cell-height_layout_row, var(--zg-cell-height, var(--theme-padding_x, auto))) var(--theme-padding_x));\n  /**\n  * @memberof ZGNoData\n  * @var --zg-no-data-text-align\n  * @description Sets text alignment of content inside of empty message\n  * @see text-align\n  * @default left\n  * @demoLink https://app.zingsoft.com/demos/create/TWOSCDLC\n  * @shadowOnly true\n  */\n  text-align: var(--zg-no-data-text-align, left);\n  place-content: var(--zg-no-data-text-align, left);\n  width: 100%;\n}\n:host([no-data]) {\n  align-items: flex-start;\n  display: flex;\n}\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n:host(.default) div[role=\"any\"] {\n  align-items: center;\n  display: flex;\n}\n\n/* User added `[no-data]` attribute */\n:host(.attr) {\n  font-weight: var(--zg-no-data-font-weight, 500);\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n\n/* 'Default message' default container */\n:host ::slotted(.default-message) {\n  font-weight: var(--zg-no-data-font-weight, 500);\n}\n\n/* 'Insert Record' default container */\n:host ::slotted(.default-insert-record) {\n  align-items:center;\n  display: flex;\n  margin-left: .3125rem;\n}",""])},43645:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-background\n    * @description Styles the background of option list\n    * @see background\n    * @default #fff\n    * @demoLink https://app.zingsoft.com/demos/create/JCRKBH4Y\n    * @shadowOnly false\n    */\n    background: var(--zg-option-list-background, #fff);\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-border\n    * @description Styles the border of option list\n    * @see border\n    * @default 1px solid var(--theme-border-color)\n    * @demoLink https://app.zingsoft.com/demos/create/SQNKOS7B\n    * @shadowOnly false\n    */\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-border-bottom\n    * @description Styles the bottom border of option list\n    * @see border\n    * @default var(--zg-option-list-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/31Q5PRQB\n    * @shadowOnly false\n    */\n    border-bottom: var(--zg-option-list-border-bottom, var(--zg-option-list-border, 1px solid var(--theme-border-color)));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-border-left\n    * @description Styles the left border of option list\n    * @see border\n    * @default var(--zg-option-list-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/3BWGQYG6\n    * @shadowOnly false\n    */\n    border-left: var(--zg-option-list-border-left, var(--zg-option-list-border, 1px solid var(--theme-border-color)));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-border-right\n    * @description Styles the right border of option list\n    * @see border\n    * @default var(--zg-option-list-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/SG9TA4DQ\n    * @shadowOnly false\n    */\n    border-right: var(--zg-option-list-border-right, var(--zg-option-list-border, 1px solid var(--theme-border-color)));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-border-top\n    * @description Styles the bottom top of option list\n    * @see border\n    * @default var(--zg-option-list-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/CZ8HY148\n    * @shadowOnly false\n    */\n    border-top: var(--zg-option-list-border-top, var(--zg-option-list-border, 1px solid var(--theme-border-color)));\n    bottom: auto;\n    box-sizing: border-box;\n    contain: content;\n    height: auto;\n    min-height: var(--zg-option-list-item-height, 32px);\n    max-width: 250px;\n    min-width: 100%;\n    z-index: 10000;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n.zg-option-list {\n    display: flex;\n    flex-direction: column;\n    margin: 0;\n    padding: 0;\n    zoom: 1;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* TODO: Clean up span CSS */\n:host ::slotted(span) {\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-border\n    * @description Styles the border of option list item\n    * @see border\n    * @default 0\n    * @demoLink https://app.zingsoft.com/demos/create/VH6WGYS9\n    * @shadowOnly false\n    */\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-border-bottom\n    * @description Styles the bottom border of option list item\n    * @see border\n    * @default var(--zg-option-list-item-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/QCJG4ENK\n    * @shadowOnly false\n    */\n    border-bottom: var(--zg-option-list-item-border-bottom, var(--zg-option-list-item-border, 0));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-border-left\n    * @description Styles the left border of option list item\n    * @see border\n    * @default var(--zg-option-list-item-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/DCZNW2UY\n    * @shadowOnly false\n    */\n    border-left: var(--zg-option-list-item-border-left, var(--zg-option-list-item-border, 0));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-border-right\n    * @description Styles the right border of option list item\n    * @see border\n    * @default var(--zg-option-list-item-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/442R7DGZ\n    * @shadowOnly false\n    */\n    border-right: var(--zg-option-list-item-border-right, var(--zg-option-list-item-border, 0));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-border-top\n    * @description Styles the top border of option list item\n    * @see border\n    * @default var(--zg-option-list-item-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/LBZKLEVF\n    * @shadowOnly false\n    */\n    border-top: var(--zg-option-list-item-border-top, var(--zg-option-list-item-border, 0));\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-color\n    * @description Styles the color of option list item\n    * @default Browser\'s default value\n    * @see color\n    * @demoLink https://app.zingsoft.com/demos/create/RLKIPFXB\n    * @shadowOnly false\n    */\n    color: var(--zg-option-list-color, #000000);\n    cursor: pointer;\n    display: block;\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-height\n    * @description Sets the height of option list item\n    * @see height\n    * @default 32px\n    * @demoLink https://app.zingsoft.com/demos/create/LZZDJ4ZH\n    * @shadowOnly false\n    */\n    min-height: var(--zg-option-list-item-height, 32px);\n    height: var(--zg-option-list-item-height, 32px);\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-line-height\n    * @description Sets the line height of option list item\n    * @see line-height\n    * @default 32px\n    * @demoLink https://app.zingsoft.com/demos/create/9QGZA2DF\n    * @shadowOnly false\n    */\n    line-height: var(--zg-option-list-item-line-height, 32px);\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-padding\n    * @description Sets the padding of option list item\n    * @see padding\n    * @default 0 15px\n    * @demoLink https://app.zingsoft.com/demos/create/3TSJS7B1\n    * @shadowOnly false\n    */\n    padding: var(--zg-option-list-item-padding, 0 15px);\n    transition: all .15s;\n    overflow: hidden;\n    text-align: left;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    /* Safari */\n    list-style-type: none;\n}\n\n:host([dir="rtl"]) ::slotted(span) {\n    text-align: right;\n}\n\n:host ::slotted(span:hover) {\n    /**\n    * @memberof ZGOptionList\n    * @var --zg-option-list-item-background_hover\n    * @description Sets the background of option list item on hover\n    * @see background\n    * @default var(--theme-color-secondary)\n    * @demoLink https://app.zingsoft.com/demos/create/SQITNDOY\n    * @shadowOnly false\n    */\n    background: var(--zg-option-list-item-background_hover, var(--theme-color-secondary));\n}',""])},23826:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-background\n  * @description Styles the background of pager\n  * @see background\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/DSI1M4K6\n  * @shadowOnly false\n  */\n  background: var(--zg-pager-background);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border\n  * @description Styles the border of pager\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/12I3VYOI\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-bottom\n  * @description Styles the bottom border of pager\n  * @see border\n  * @default var(--zg-pager-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/HLBTB6HX\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-pager-border-bottom, var(--zg-pager-border, 0));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-left\n  * @description Styles the left border of pager\n  * @see border\n  * @default var(--zg-pager-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/A3EQ97B7\n  * @shadowOnly false\n  */\n  border-left: var(--zg-pager-border-left, var(--zg-pager-border, 0));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-right\n  * @description Styles the right border of pager\n  * @see border\n  * @default var(--zg-pager-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/8PKZ2V87\n  * @shadowOnly false\n  */\n  border-right: var(--zg-pager-border-right, var(--zg-pager-border, 0));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-top\n  * @description Styles the top border of pager\n  * @see border\n  * @default var(--zg-pager-border)\n  * @demoLink https://app.zingsoft.com/demos/create/S7J5KA7S\n  * @shadowOnly false\n  */\n  border-top: var(--zg-pager-border-top, var(--zg-pager-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-box-shadow\n  * @description Applies a box shadow behind the pager\n  * @see box-shadow\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/E3ZE0EHX\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-pager-box-shadow, 0);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-color\n  * @description Sets the color of pager text\n  * @see color\n  * @default var(--zing-grid-color), var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/C1JDZLU9\n  * @shadowOnly false\n  */\n  color: var(--zg-pager-color, var(--zing-grid-color, var(--theme-color)));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-font-size\n  * @description Sets the font size of pager text\n  * @see font-size\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/4MA9LSWA\n  * @shadowOnly false\n  */\n  font-size: var(--zg-pager-font-size);\n  display: block;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-margin\n  * @description Sets the margin of pager\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/SQZ9LICW\n  * @shadowOnly false\n  */\n  margin: var(--zg-pager-margin, 0);\n  position: relative;\n  z-index: 3;\n}\n\n/* Add a bottom border when placed at the top of the grid (`[pager-position="top"]`) */\n:host([slot="top"]) {\n  border-bottom: 1px solid var(--theme-border-color);\n}\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n/* Wrapper */\n.zg-pager {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Inner Wrapper */\n.zg-pager-inner {\n  align-items: center;\n  display: flex;\n  flex-direction: unset;\n  flex-wrap: wrap;\n  justify-content: center;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-height\n  * @description Sets the minimum height of pager\n  * @see min-height\n  * @default 1px\n  * @demoLink https://app.zingsoft.com/demos/create/5LQ86G4I\n  * @shadowOnly false\n  */\n  min-height: var(--zg-pager-height, 1px);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-padding\n  * @description Sets the padding of pager\n  * @see padding\n  * @default 0 var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/DFS7ZU1P\n  * @shadowOnly true\n  */\n  padding: var(--zg-pager-padding, 0 var(--theme-padding_x));\n}\n\n/* The Columns */\n.zg-pager-left,\n.zg-pager-right,\n.zg-pager-center {\n  align-items: center;\n  display: flex;\n  flex: 0 1 33.333%;\n  flex-direction: row;\n  margin-top: var(--zg-pager-section-margin-top);\n}\n\n/* Left */\n.zg-pager-left> :first-child {\n  margin-left: 0;\n}\n\n:host([viewport="mobile"]) .zg-pager-left {\n  order: 2;\n  transform: scale(.8);\n  z-index: 1;\n}\n\n/* Right */\n.zg-pager-right {\n  justify-content: flex-end;\n}\n\n/* -- Hide in mobile viewport */\n:host([viewport="mobile"]) .zg-pager-right {\n  display: none;\n}\n\n@media screen and (max-width:767px) {\n\n  :host([viewport-pause]) .zg-pager-left,\n  :host([viewport-stop]) .zg-pager-left {\n    order: 2;\n    transform: scale(.8);\n    z-index: 1;\n  }\n\n  :host([viewport-pause]) .zg-pager-right,\n  :host([viewport-stop]) .zg-pager-right {\n    display: none;\n  }\n}\n\n/* Center */\n.zg-pager-center {\n  justify-content: center;\n}\n\n\n@media screen and (max-width:350px) {\n  :host([viewport="mobile"]) .zg-pager-inner {\n    flex-direction: column;\n  }\n}\n\n/* STYLING WHEN IN \'CARD\' LAYOUT, BUT NOT MOBILE */\n:host([layout="card"]:not([viewport="mobile"])) {\n  /* NOTE: For internal use for now. Don\'t add JSDocs! */\n  border-bottom: var(--zg-pager-card-nonmobile-border-bottom);\n  border-left: var(--zg-pager-card-nonmobile-border-left);\n  border-right: var(--zg-pager-card-nonmobile-border-right);\n  border-top: var(--zg-pager-card-nonmobile-border-top);\n}\n\n/* STYLING WHEN IN \'MOBILE\' VIEWPORT */\n:host([viewport="mobile"]:not([layout="row"])) #inner {\n  flex-wrap: wrap;\n  padding-bottom: 10px;\n  padding-top: 10px;\n}\n\n:host([viewport="mobile"]:not([layout="row"])) #left {\n  flex-basis: 50%;\n  order: 1;\n}\n\n:host([viewport="mobile"]:not([layout="row"])) #center {\n  justify-content: center;\n  order: 3;\n  padding-top: 15px;\n}\n\n:host([viewport="mobile"]:not([layout="row"])) #right {\n  flex-basis: 50%;\n  order: 2;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(zg-input) {\n  flex: 0 1 auto;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-child-margin\n  * @description Sets the margin of pager items\n  * @see margin\n  * @default 0 5px\n  * @demoLink https://app.zingsoft.com/demos/create/BHPOIOVV\n  * @shadowOnly true\n  */\n  margin: var(--zg-pager-child-margin, 0 5px);\n}\n\n:host ::slotted(zg-button):first-child {\n  margin-left: calc(var(--zg-button-padding) - (var(--zg-button-padding) * 2) - 5px);\n}\n\n/* SELECT DROPDOWN */\n:host ::slotted(zg-select) {\n  margin-right: 3px;\n}\n\n:host([dir="rtl"]) ::slotted(zg-select) {\n  margin-left: 3px;\n  margin-right: 0px;\n}\n\n:host([pager-type*="button"]) ::slotted(zg-button[action="prevpage"]),\n:host([pager-type*="button"]) ::slotted(zg-button[action="nextpage"]),\n:host([pager-type*="button"]) ::slotted(zg-button[action="page"]) {\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-background_button\n  * @description Styles the background of pager buttons in \'button-pagination` mode\n  * @see background\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/RFPJ268T\n  * @shadowOnly false\n  */\n  background: var(--zg-pager-background_button, #fff);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border_button\n  * @description Styles the bottom border of pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/GMCTJPNT\n  * @shadowOnly false\n  */\n  border: var(--zg-pager-border_button);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-bottom_button\n  * @description Styles the bottom border of pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border_button)\n  * @demoLink https://app.zingsoft.com/demos/create/SX86NT1Z\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-pager-border-bottom_button, var(--zg-pager-border_button));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-left_button\n  * @description Styles the left border of pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border_button)\n  * @demoLink https://app.zingsoft.com/demos/create/7ZFWGWPZ\n  * @shadowOnly false\n  */\n  border-left: var(--zg-pager-border-left_button, var(--zg-pager-border_button));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-right_button\n  * @description Styles the right border of pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border_button)\n  * @demoLink https://app.zingsoft.com/demos/create/E0Z1Z61Z\n  * @shadowOnly false\n  */\n  border-right: var(--zg-pager-border-right_button, var(--zg-pager-border_button));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-top_button\n  * @description Styles the top border of pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border_button)\n  * @demoLink https://app.zingsoft.com/demos/create/GUTPFSA2\n  * @shadowOnly false\n  */\n  border-top: var(--zg-pager-border-top_button, var(--zg-pager-border_button));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-radius_button\n  * @description Applies border radius to the pager buttons in \'button-pagination\' mode\n  * @see border-radius\n  * @default 50%\n  * @demoLink https://app.zingsoft.com/demos/create/C5XSS45A\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-pager-border-radius_button, 0);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-color_button\n  * @description Sets the color of pager buttons in \'button-text\' mode\n  * @see color\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/3PUA1QDD\n  * @shadowOnly false\n  */\n  color: var(--zg-pager-color_button, var(--zg-pager-color, var(--zing-grid-color, var(--theme-color))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-height_button\n  * @description Sets the height of pager buttons in \'button-pagination\' mode\n  * @see height\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/NU8PS15R\n  * @shadowOnly false\n  */\n  height: var(--zg-pager-height_button, 26px);\n  justify-content: center;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-width_button\n  * @description Sets the width of pager buttons in \'button-pagination\' mode\n  * @see width\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/TND8N5QP\n  * @shadowOnly false\n  */\n  width: var(--zg-pager-width_button, 26px);\n\n}\n\n:host([pager-type*="button"]) ::slotted(zg-button[action="prevpage"][active]),\n:host([pager-type*="button"]) ::slotted(zg-button[action="nextpage"][active]),\n:host([pager-type*="button"]) ::slotted(zg-button[action="page"][active]) {\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-background_button_active\n  * @description Styles the background of active pager buttons in \'button-pagination` mode\n  * @see background\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/30Q3UD77\n  * @shadowOnly false\n  */\n  background: var(--zg-pager-background_button_active, var(--theme-color-primary));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border_button_active\n  * @description Styles the bottom border of active pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/S0T1BVWQ\n  * @shadowOnly false\n  */\n  border: var(--zg-pager-border_button_active, var(--zg-pager-border_button));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-bottom_button_active\n  * @description Styles the bottom border of active pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border-bottom_button_active, var(--zg-pager-border-bottom_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  * @demoLink https://app.zingsoft.com/demos/create/DTH3NBH8\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-pager-border-bottom_button_active, var(--zg-pager-border-bottom_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-left_button_active\n  * @description Styles the left border of active pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border-left_button_active, var(--zg-pager-border-left_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  * @demoLink https://app.zingsoft.com/demos/create/DMB3KOV6\n  * @shadowOnly false\n  */\n  border-left: var(--zg-pager-border-left_button_active, var(--zg-pager-border-left_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-right_button_active\n  * @description Styles the right border of active pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border-right_button_active, var(--zg-pager-border-right_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  * @demoLink https://app.zingsoft.com/demos/create/8IH4UBJB\n  * @shadowOnly false\n  */\n  border-right: var(--zg-pager-border-right_button_active, var(--zg-pager-border-right_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-top_button_active\n  * @description Styles the top border of active pager buttons in \'button-pagination\' mode\n  * @see border\n  * @default var(--zg-pager-border-top_button_active, var(--zg-pager-border-top_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  * @demoLink https://app.zingsoft.com/demos/create/3P68ZU21\n  * @shadowOnly false\n  */\n  border-top: var(--zg-pager-border-top_button_active, var(--zg-pager-border-top_button, var(--zg-pager-border_button_active, var(--zg-pager-border_button))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-radius_button_active\n  * @description Applies border radius to the pager next/previous buttons in \'button-pagination\' mode\n  * @see border-radius\n  * @default 50%\n  * @demoLink https://app.zingsoft.com/demos/vicreateew/4NN6CW5X\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-pager-border-radius_button_active, var(--zg-pager-border-radius_button, 0));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-color_button_active\n  * @description Sets the color of pager buttons in \'button-pagination\' mode\n  * @see color\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/65T7U4OO\n  * @shadowOnly false\n  */\n  color: var(--zg-pager-color_button_active, var(--zg-pager-color_button, var(--zg-pager-color, var(--zing-grid-color, var(--theme-color)))));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-height_button_active\n  * @description Sets the height of active pager buttons in \'button-pagination\' mode\n  * @see height\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/YQK9B3TR\n  * @shadowOnly false\n  */\n  height: var(--zg-pager-height_button_active, var(--zg-pager-height_button, 26px));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-width_button_active\n  * @description Sets the width of active pager buttons in \'button-pagination\' mode\n  * @see width\n  * @default 26px\n  * @demoLink https://app.zingsoft.com/demos/create/JGGN84RM\n  * @shadowOnly false\n  */\n  width: var(--zg-pager-width_button_active, var(--zg-pager-width_button, 26px));\n}\n\n\n/* BUTTON PAGINATION STYLING */\n/* Text Buttons */\n:host([pager-type="button-text"]) ::slotted(zg-button[action="prevpage"]),\n:host([pager-type="button-text"]) ::slotted(zg-button[action="nextpage"]) {\n  padding-left: 6px;\n  padding-right: 6px;\n  width: var(--zg-pager-width_button, auto);\n}\n\n/* Text Buttons */\n:host([pager-type="button-text"]) ::slotted(zg-button[action="prevpage"][active]),\n:host([pager-type="button-text"]) ::slotted(zg-button[action="nextpage"][active]) {\n  width: var(--zg-pager-width_button_active, var(--zg-pager-width_button, auto));\n}\n\n\n/* CURSOR-BASED PAGINATION STYLING */\n:host([type="cursor"]) ::slotted([action="nextpage"]),\n:host([type="cursor"]) ::slotted([action="prevpage"]) {\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-background_cursor\n  * @description Styles the background of pager next/previous buttons in \'cursor-pagination` mode\n  * @see background\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/2W0L943N\n  * @shadowOnly false\n  */\n  background: var(--zg-pager-background_cursor, var(--theme-color-primary));\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-bottom_cursor\n  * @description Styles the bottom border of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/6GTM4FBP\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-pager-border-bottom_cursor, 0);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-left_cursor\n  * @description Styles the left border of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/RYTF8WCR\n  * @shadowOnly false\n  */\n  border-left: var(--zg-pager-border-left_cursor, 0);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-right_cursor\n  * @description Styles the right border of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/CROQ1YCC\n  * @shadowOnly false\n  */\n  border-right: var(--zg-pager-border-right_cursor, 0);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-top_cursor\n  * @description Styles the top border of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/FUJKHWQ4\n  * @shadowOnly false\n  */\n  border-top: var(--zg-pager-border-top_cursor, 0);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-border-radius_cursor\n  * @description Applies border radius to the pager next/previous buttons in \'cursor-pagination\' mode\n  * @see border-radius\n  * @default 50%\n  * @demoLink https://app.zingsoft.com/demos/create/NVMU8M40\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-pager-border-radius_cursor, 50%);\n  display: var(--zg-pager-display_cursor, flex);\n  place-content: var(--zg-pager-place-content_cursor, center);\n  place-items: var(--zg-pager-place-items_cursor, center);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-height_cursor\n  * @description Sets the height of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see height\n  * @default 21px\n  * @demoLink https://app.zingsoft.com/demos/create/1Q1Y5Y7U\n  * @shadowOnly false\n  */\n  height: var(--zg-pager-height_cursor, 21px);\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-width_cursor\n  * @description Sets the width of pager next/previous buttons in \'cursor-pagination\' mode\n  * @see width\n  * @default 21px\n  * @demoLink https://app.zingsoft.com/demos/create/XDFDMJDM\n  * @shadowOnly false\n  */\n  width: var(--zg-pager-width_cursor, 21px);\n}\n\n:host([type="cursor"]) ::slotted([action="nextpage"]) {\n  margin-left: 12px;\n}\n\n/* PAGE RESULTS */\n:host ::slotted(zg-text) {\n  align-self: center;\n  /**\n  * @memberof ZGPager\n  * @var --zg-pager-text-margin\n  * @description Sets the margin of pager text\n  * @see margin\n  * @default 0 2px\n  * @demoLink https://app.zingsoft.com/demos/create/JRVD4KCC\n  * @shadowOnly false\n  */\n  margin: var(--zg-pager-text-margin, 0 2px);\n}\n\n/* SPECIAL SMALL-SIZE MOBILE STYLING\n-------------------------------------- */\n@media screen and (max-width:400px) {\n  :host([viewport="mobile"]) .zg-pager-inner {\n    flex-direction: column;\n  }\n\n  :host([viewport="mobile"]) .zg-pager-left {\n    flex-basis: 100%;\n  }\n\n  /* PAGE-SIZE SELECT */\n  :host([viewport="mobile"]) ::slotted(zg-select) {\n    display: flex;\n    align-items: center;\n  }\n\n  :host([viewport="mobile"]) ::slotted(zg-select):before {\n    content: \'Page Size\';\n    display: inline-block;\n    margin: 0 14px 0 0;\n  }\n}',""])},40629:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    display: none;\n}",""])},53171:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n/* Hide if \'hidden\' attribute applied */\n:host() {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-color\n  * @description Sets the font color of all rows\n  * @see color\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/DZMUUEIE\n  * @shadowOnly false\n  */\n  color: var(--zg-row-color);\n}\n:host(:hover) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-color_hover\n  * @description Sets the font color of all rows on hover\n  * @see color\n  * @default var(--zg-row-color)\n  * @demoLink https://app.zingsoft.com/demos/create/PY680MQ0\n  * @shadowOnly false\n  */\n  color: var(--zg-row-color_hover, var(--zg-row-color));\n}\n/* Hide if \'hidden\' attribute applied */\n:host([hidden]) {\n  display: none !important;\n}\n\n\n\n/* WHEN IN ZG-BODY\n-------------------------------------- */\n\n\n/* DEFAULT GRID LINES (HORIZONTAL, VERTICAL, BOTH)\n---------------------------------------------------- */\n:host([gridlines-vertical]) {\n  --zg-row-body-border-top: 0;\n}\n:host([gridlines-horizontal]) {\n  --zg-row-body-border-top: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - HEAD CELL - LEFT FRAME */\n:host([gridlines-vertical][frozen-frame="left"]) ::slotted(zg-head-cell) {\n  --zg-head-cell-border-right: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - BODY CELL - LEFT FRAME */\n:host([gridlines-vertical][frozen-frame="left"]) ::slotted(zg-cell) {\n  --zg-cell-border-right: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - FILTER - LEFT FRAME */\n:host([gridlines-vertical][frozen-frame="left"]) ::slotted(zg-filter) {\n  --zg-filter-border-right: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - HEAD CELL - MAIN AND RIGHT FRAME */\n:host([gridlines-vertical]:not([frozen-frame="left"])) ::slotted(zg-head-cell) {\n  --zg-head-cell-border-left: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - BODY CELL - MAIN AND RIGHT FRAME */\n:host([gridlines-vertical]:not([frozen-frame="left"]):not([layout="card"])) ::slotted(zg-cell:not([first])) {\n  --zg-cell-border-left: 1px solid var(--theme-border-color);\n}\n\n/* VERTICAL GRID LINES - FILTER - MAIN AND RIGHT FRAME */\n:host([gridlines-vertical]:not([frozen-frame="left"])) ::slotted(zg-filter) {\n  --zg-filter-border-left: 1px solid var(--theme-border-color);\n  --zg-filter-border-left_sorted: 1px solid var(--theme-border-color);\n}\n\n/* HIDE DOUBLE LINE WHEN MAIN CONNECTS WITH BODY OR LEFT FRAME */\n:host([gridlines-vertical]) ::slotted(zg-head-cell[first]) {\n  --zg-head-cell-border-left: 0px;\n}\n\n:host([gridlines-vertical]) ::slotted(zg-cell[first]) {\n  --zg-cell-border-left: 0px;\n}\n\n:host([gridlines-vertical]) ::slotted(zg-filter[first]) {\n  --zg-filter-border-left: 0px;\n  --zg-filter-border-left_sorted: 0px;\n}\n\n\n\n/* LAYOUT: CARD\n-------------------------------------- */\n:host([layout="card"]) {\n  position: relative;\n}\n\n/* WHEN THE PARENT FOR...\n-------------------------------------- */\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* ZG-CELL */\n/* Layout: Card */\n:host([layout="card"]) ::slotted(zg-cell) {\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-display\n  * @description Sets the display of cards in \'card\' layout-mode\n  * @see display\n  * @default grid\n  * @demoLink https://app.zingsoft.com/demos/create/Y17MDY9A\n  * @shadowOnly false\n  * @storyAlert To see attribute in action, update grid layout to "card" mode (top-right corner).\n  */\n\n  box-sizing: border-box;\n  display: var(--zg-row-card-display, block);\n  flex-direction: column;\n  padding: var(--zg-row-card-cell-padding, 4px 30px 4px var(--theme-padding_x));\n  /**\n  * @memberof ZGRow\n  * @var --zg-row-card-flex-basis\n  * @description Sets the flex-basis of cards in \'card\' layout-mode\n  * @see flex-basis\n  * @default 100%\n  * @demoLink https://app.zingsoft.com/demos/create/T0ZQ0N6R\n  * @shadowOnly false\n  * @storyAlert To see attribute in action, update grid layout to "card" mode (top-right corner).\n  */\n  flex-basis: var(--zg-row-card-flex-basis, 100%);\n  max-width:100%;\n}\n/* Layout: Card */\n:host([layout="card"]) ::slotted(zg-cell:last-child) {\n  margin-bottom: 0;\n}\n/* Special styling for selector checkbox, edit and remove cells */\n:host([layout="card"]) ::slotted([type="duplicate"]),\n:host([layout="card"]) ::slotted([type="editor"]),\n:host([layout="card"]) ::slotted([type="remover"]),\n:host([layout="card"]) ::slotted([type="selector"]) {\n  display: flex;\n}\n/* Edit and Remove */\n:host([layout="card"]) ::slotted([type="duplicate"]),\n:host([layout="card"]) ::slotted([type="editor"]),\n:host([layout="card"]) ::slotted([type="remover"]) {\n  padding: 4px 5px;\n}\n\n:host(:not([card-template])) ::slotted(zg-card) {\n  display:none !important;\n}\n\n:host([card-template]) ::slotted(zg-cell) {\n  display:none !important;\n}\n:host([layout="card"]) ::slotted(zg-cell[data-control-field]:first-child:not([type="info"])) {\n  left: 7px;\n}\n\n/* When sort is present, clicking on the cell no longer should do a browser default selection */\n/* [sort] attr added to <zing-grid> */\n:host([sort]) ::slotted(zg-head-cell) {\n  user-select: none !important;\n  cursor: pointer;\n}\n/* If current cell is not sortable, don\'t show the hand cursor */\n:host([sort]) ::slotted(zg-head-cell[sort="false"]) {\n  cursor: default;\n}\n\n/* If resize columns is active, show the resize cursor */\n:host([resize-column])  ::slotted(zg-head-cell) {\n  cursor: ew-resize;\n}\n\n/* AGGREGATE */\n/* :host([type=aggregate]) { overflow:hidden; } */\n\n:host([type=aggregate]) ::slotted(zg-cell) {\n  background: var(--zg-cell-background_aggregate, var(--zg-cell-background));\n  color: var(--zg-cell-color_aggregate, var(--zg-cell-color, inherit));\n  font-family: var(--zg-cell-font-family_aggregate, var(--zg-cell-font-family, inherit));\n  font-size: var(--zg-cell-font-size_aggregate, var(--zg-cell-font-size, inherit));\n  font-style: var(--zg-cell-font-style_aggregate, var(--zg-cell-font-style, inherit));\n  font-weight: var(--zg-cell-font-weight_aggregate, var(--zg-cell-font-weight, inherit));\n  height: var(--zg-cell-height_aggregate, var(--zg-cell-height, auto));\n  line-height: var(--zg-cell-line-height_aggregate, var(--zg-cell-line-height, inherit));\n  padding: var(--zg-cell-padding_aggregate, var(--zg-cell-padding, var(--theme-padding_y) var(--theme-padding_x)));\n  white-space: nowrap;\n}\n\n:host([type=aggregate]) ::slotted(zg-cell[sorted]) {\n  background: var(--zg-cell-background_aggregate_sorted, var(--zg-cell-background_aggregate, var(--zg-cell-background)));\n  color: var(--zg-cell-color_aggregate_sorted, var(--zg-cell-color_aggregate, var(--zg-cell-color, inherit)));\n  font-family: var(--zg-cell-font-family_aggregate_sorted, var(--zg-cell-font-family_aggregate, var(--zg-cell-font-family, inherit)));\n  font-size: var(--zg-cell-font-size_aggregate_sorted, var(--zg-cell-font-size_aggregate, var(--zg-cell-font-size, inherit)));\n  font-style: var(--zg-cell-font-style_aggregate_sorted, var(--zg-cell-font-style_aggregate, var(--zg-cell-font-style, inherit)));\n  font-weight: var(--zg-cell-font-weight_aggregate_sorted, var(--zg-cell-font-weight_aggregate, var(--zg-cell-font-weight, inherit)));\n  height: var(--zg-cell-height_aggregate_sorted, var(--zg-cell-height_aggregate, var(--zg-cell-height, auto)));\n  line-height: var(--zg-cell-line-height_aggregate_sorted, var(--zg-cell-line-height_aggregate, var(--zg-cell-line-height, inherit)));\n  padding: var(--zg-cell-padding_aggregate_sorted, var(--zg-cell-padding_aggregate, var(--zg-cell-padding, var(--theme-padding_y) var(--theme-padding_x))));\n}\n\n:host(.row-dirty-removed),\n:host ::slotted(zg-cell.row-dirty-removed) {\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-row-dirty-delete-background-color\n  * @description Sets the background color of the dirty row on row delete\n  * @see background-color\n  * @default gray;\n  * @demoLink https://app.zingsoft.com/demos/create/QXUNHO2F\n  * @shadowOnly false\n  */\n  background-color: var(--zg-row-dirty-delete-background-color, gray) !important;\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-row-dirty-delete-color\n  * @description Sets the  color of the dirty row on row delete\n  * @see color\n  * @default \n  * @demoLink https://app.zingsoft.com/demos/create/GHEMFKE2\n  * @shadowOnly false\n  */\n  color: var(--zg-row-dirty-delete-color, inherit) !important;\n\n}\n\n:host(.row-dirty-inserted),\n:host ::slotted(zg-cell.row-dirty-inserted) {\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-row-dirty-insert-background-color\n  * @description Sets the background color of the dirty row on row insert\n  * @see background-color\n  * @default green;\n  * @demoLink https://app.zingsoft.com/demos/create/1QNVARYX\n  * @shadowOnly false\n  */\n  background-color: var(--zg-row-dirty-insert-background-color, green) !important;\n  /**\n  * @memberof ZGBatchEdit\n  * @var --zg-row-dirty-insert-color\n  * @description Sets the color of the dirty row on row insert\n  * @see color\n  * @default \n  * @demoLink https://app.zingsoft.com/demos/create/XIUPV4FU\n  * @shadowOnly false\n  */\n  color: var(--zg-row-dirty-insert-color, inherit) !important;\n}',""])},98781:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {}\n:host([hidden]) {\n    display: none !important;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n.zg-search {\n  display: inline-flex;\n  align-items: center;\n  min-width: var(--zg-icon-width);\n  position: relative;\n}\n\n.zg-search-input {\n  display: none;\n  z-index: 1;\n}\n:host([active]) .zg-search-input {\n  display: block;\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* The search button */\n:host ::slotted(zg-button) {\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n}\n/* The search input */\n:host ::slotted(input) {\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-background\n  * @description Styles the background of search input field\n  * @see background-color\n  * @default Browser\'s default value\n  * @demoLink https://app.zingsoft.com/demos/create/IYW53NTF\n  * @shadowOnly false\n  */\n  background-color: var(--zg-search-background);\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border\n  * @description Styles the border of search input field\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/4PDUZTH1\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border-bottom\n  * @description Styles the bottom border of search input field\n  * @see border\n  * @default var(--zg-search-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/3JVK4H1O\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-search-border-bottom, var(--zg-search-border, 0));\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border-left\n  * @description Styles the left border of search input field\n  * @see border\n  * @default var(--zg-search-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/YDSOVV4E\n  * @shadowOnly false\n  */\n  border-left: var(--zg-search-border-left, var(--zg-search-border, 0));\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border-radius\n  * @description Applies border radius to search input field\n  * @see border-radius\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/KXLSPBB4\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-search-border-radius, 0);\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border-right\n  * @description Styles the right border of search input field\n  * @see border\n  * @default var(--zg-search-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/79MXY4RD\n  * @shadowOnly false\n  */\n  border-right: var(--zg-search-border-right, var(--zg-search-border, 0));\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-border-top\n  * @description Styles the top border of search input field\n  * @see border\n  * @default var(--zg-search-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/BVEFKOAX\n  * @shadowOnly false\n  */\n  border-top: var(--zg-search-border-top, var(--zg-search-border, 0));\n  box-sizing: border-box;\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-color\n  * @description Sets the font color of search input field\n  * @see color\n  * @default var(--theme-color_alt)\n  * @demoLink https://app.zingsoft.com/demos/create/P6DBIQ77\n  * @shadowOnly false\n  */\n  color: var(--zg-search-color, var(--theme-color_alt));\n  display: table-cell;\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-font-size\n  * @description Sets the font size of search input field\n  * @see font-size\n  * @default vd\n  * @demoLink https://app.zingsoft.com/demos/create/0ZWF57WG\n  * @shadowOnly false\n  */\n  font-size: var(--zg-search-font-size, var(--theme-font-size));\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-font-weight\n  * @description Sets the font weight of search input field\n  * @see font-weight\n  * @default var(--theme-font-weight)\n  * @demoLink https://app.zingsoft.com/demos/create/C460WKFJ\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-search-font-weight, var(--theme-font-weight));\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-height\n  * @description Sets the height of search input field\n  * @see height\n  * @default 32px\n  * @demoLink https://app.zingsoft.com/demos/create/VHSG3LZG\n  * @shadowOnly false\n  */\n  height: var(--zg-search-height, 32px);\n  line-height: 1;\n  outline: none;\n  /**\n  * @memberof ZGSearch\n  * @var --zg-search-padding\n  * @description Sets the padding of search input field\n  * @see padding\n  * @default 0 10px 0 15px\n  * @demoLink https://app.zingsoft.com/demos/create/I9PHNPDX\n  * @shadowOnly false\n  */\n  padding: var(--zg-search-padding, 0 10px);\n  width: 250px;\n}\n/* The search input (Right to Left direction) */\n:host([dir="rtl"]) ::slotted(input) {\nleft: 0;\nright: auto;\n}',""])},15250:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-background\n  * @description Styles the background of the entire select parent wrapper\n  * @default Browser's default value\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/FKASS504\n  * @shadowOnly true\n  */\n  background: var(--zg-select-background);\n  box-sizing: border-box;\n  cursor: pointer;\n  display:inline-block;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-font-family\n  * @description Sets the font family of the select option\n  * @see font-family\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/QEQSYYSZ\n  * @shadowOnly false\n  */\n  font-family: var(--zg-select-font-family);\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-font-size\n  * @description Sets the font size of the select option\n  * @see font-size\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/DY8BR3BP\n  * @shadowOnly false\n  */\n  font-size: var(--zg-select-font-size);\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-font-weight\n  * @description Sets the font weight of the select option\n  * @see font-weight\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/370EUHZ2\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-select-font-weight);\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-line-height\n  * @description Sets the line height of the select option\n  * @see line-height\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/WLLWY3LZ\n  * @shadowOnly false\n  */\n  line-height: var(--zg-select-line-height);\n  margin: 0;\n  padding: 0;\n  position: relative;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-transform\n  * @description Sets the transform of the select option\n  * @see transform\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/UCROZGFJ\n  * @shadowOnly false\n  */\n  transform: var(--zg-select-transform);\n  user-select: none;\n}\n:host([active]) {\n  z-index: 1000;\n}\n\n:host([disabled]) {\n  cursor: not-allowed;\n  opacity: 0.2 !important;\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n.zg-select {\n  display: flex;\n  position: relative;\n  z-index: 2;\n}\n.zg-select-inner {\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-border\n  * @description Styles the border of the select\n  * @see border\n  * @default 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/C1KEFISX\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-border-bottom\n  * @description Styles the bottom border of the select\n  * @see border\n  * @default var(--zg-select-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/318YQ5SY\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-select-border-bottom, var(--zg-select-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-border-left\n  * @description Styles the left border of the select\n  * @see border\n  * @default var(--zg-select-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/3DXGEXHM\n  * @shadowOnly false\n  */\n  border-left: var(--zg-select-border-left, var(--zg-select-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-border-right\n  * @description Styles the right border of the select\n  * @see border\n  * @default var(--zg-select-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/TXSP6105\n  * @shadowOnly false\n  */\n  border-right: var(--zg-select-border-right, var(--zg-select-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-border-top\n  * @description Styles the top border of the select\n  * @see border\n  * @default var(--zg-select-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/DSM6AYMB\n  * @shadowOnly false\n  */\n  border-top: var(--zg-select-border-top, var(--zg-select-border, 1px solid var(--theme-border-color)));\n  display: flex;\n  margin: 0;\n  z-index: 0;\n  outline: none;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-height\n  * @description Sets the minimum height of the select\n  * @see height\n  * @default 28px\n  * @demoLink https://app.zingsoft.com/demos/create/B5HJ4SD8\n  * @shadowOnly true\n  */\n  min-height: var(--zg-select-height, 28px);\n  box-sizing: border-box;\n}\n\n/* Mask */\n.zg-selector-mask {\n  cursor: pointer;\n  display: none;\n  height: 100%;\n  left: 0;\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: 1;\n}\n.zg-selector-mask[active] {\n  display: block;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n/* The selected value element */\n:host ::slotted(.zg-select-selected) {\n  align-items: center;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-text-background\n  * @description Styles the background of the 'text' portion of the zg-select element\n  * @default #fff\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/MZG3WH82\n  * @shadowOnly false\n  */\n  background: var(--zg-select-text-background, var(--zg-select-background, #fff));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-color\n  * @description Sets the font color of the select\n  * @see color\n  * @default var(--zing-grid-color, var(--theme-color))\n  * @demoLink https://app.zingsoft.com/demos/create/LHLU0OLY\n  * @shadowOnly false\n  */\n  color: var(--zg-select-color, var(--zing-grid-color, var(--theme-color)));\n  display: flex;\n  flex: 1;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-min-width\n  * @description Sets the minimum width of select\n  * @see width\n  * @default Browser's default value\n  * @demoLink https://app.zingsoft.com/demos/create/UPQ9KFW0\n  * @shadowOnly false\n  */\n  min-width: var(--zg-select-min-width);\n  justify-content: center;\n  overflow: hidden;\n}\n/* Active */\n:host([active]) ::slotted(.zg-select-selected) {\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-color_active\n  * @description Sets the font color of the select option\n  * @see color\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/6I5A2CSK\n  * @shadowOnly false\n  */\n  color: var(--zg-select-color_active, var(--zg-select-color, var(--zing-grid-color, var(--theme-color))));\n}\n\n/* Drop-down arrow element */\n:host ::slotted(.zg-select-trigger) {\n  align-items: center;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-trigger-background\n  * @description Styles the background of the select arrow button (trigger)\n  * @see background\n  * @default var(--zg-select-arrow-background)\n  * @demoLink https://app.zingsoft.com/demos/create/VXK1UMDY\n  * @shadowOnly false\n  */\n  background: var(--zg-select-trigger-background, var(--zg-select-arrow-background));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-border\n  * @description Styles the border of the select arrow button\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/SWYPNN61\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-border-bottom\n  * @description Styles the bottom border of the select arrow button\n  * @see border\n  * @default var(--zg-select-arrow-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/EFHCN5FS\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-select-arrow-border-bottom, var(--zg-select-arrow-border, 0));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-border-left\n  * @description Styles the left border of the select arrow button\n  * @see border\n  * @default var(--zg-select-arrow-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/MK7EXGQL\n  * @shadowOnly false\n  */\n  border-left: var(--zg-select-arrow-border-left, var(--zg-select-arrow-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-border-right\n  * @description Styles the right border of the select arrow button\n  * @see border\n  * @default var(--zg-select-arrow-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/1DGO75SG\n  * @shadowOnly false\n  */\n  border-right: var(--zg-select-arrow-border-right, var(--zg-select-arrow-border, 0));\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-border-top\n  * @description Styles the top border of the select arrow button\n  * @see border\n  * @default var(--zg-select-arrow-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/1IT6DL7R\n  * @shadowOnly false\n  */\n  border-top: var(--zg-select-arrow-border-top, var(--zg-select-arrow-border, 0));\n  display: flex;\n  justify-content: center;\n  order: 1;\n  padding: 0;\n  position: relative;\n  width: 30px;\n}\n/* \n  NOTE: FF and Safari don't recognize `:after` on slotted elements\n  so we've slotted in a new element instead: `<div class=\"zg-select-trigger-arrow\">`.\n  This is added in ZGSelect.js as `this.triggerArrow`\n  TODO: When these browsers support `:after`, remove this element and set this\n  selector back to the `:after` state on the trigger itself.\n*/\n/* :host ::slotted(.zg-select-trigger):after {*/\n:host ::slotted(.zg-select-trigger-arrow) {\n  border: 5px solid transparent;\n  /**\n  * @memberof ZGSelect\n  * @var --zg-select-arrow-color\n  * @description Sets the color select arrow icon\n  * @see color\n  * @default #000\n  * @demoLink https://app.zingsoft.com/demos/create/2HTIGGVX\n  * @shadowOnly true\n  */\n  border-top-color: var(--zg-select-arrow-color, var(--zg-select-color, var(--zing-grid-color, #000)));\n  /* content: ''; */\n  display: block;\n  position: absolute;\n  pointer-events: none;\n  right: 11px;\n  top: 50%;\n  transform: translateY(calc(-50% + 3px));\n  z-index: 1;\n}\n/* Active */\n:host([active]) ::slotted(.zg-select-trigger-arrow) {\n  border-top-color: var(--zg-select-arrow-color_active, var(--zg-select-color_active, var(--zg-select-color, var(--zing-grid-color, #000))));\n}\n\n:host([dir=\"rtl\"]) ::slotted(.zg-select-trigger-arrow) {\n  left: 11px;\n  right: unset;\n}\n\n/* The dropdown element */\n:host ::slotted(zg-option-list) {\n  left: 0;\n  margin-top: -1px;\n  position: absolute;\n  z-index:50;\n}\n/* Open the dropdown up instead, if the height of the dropdown extends past the bottom of <zing-grid> */\n:host([open=\"up\"]) ::slotted(zg-option-list) {\n  bottom: calc(var(--zg-select-height) - 1px);\n}",""])},70932:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    /**\n    * @memberof ZGSelectorMask\n    * @var --zg-selector-mask-opacity\n    * @description Sets the opacity of selector mask\n    * @see opacity\n    * @default .1\n    * @demoLink https://app.zingsoft.com/demos/create/1UHOVY9H\n    * @shadowOnly false\n    */\n    opacity: var(--zg-selector-mask-opacity, .1);\n}\n\n.zg-selector-mask-mask {\n    /**\n    * @memberof ZGSelectorMask\n    * @var --zg-selector-mask-background\n    * @description Styles the background of selector mask\n    * @see background\n    * @default var(--theme-color-secondary)\n    * @demoLink https://app.zingsoft.com/demos/create/WNZ6POC7\n    * @shadowOnly true\n    */\n    background-color: var(--zg-selector-mask-background, var(--theme-color-secondary));\n    pointer-events: none;\n    position: absolute;\n    transition: all 0.1s;\n}\n.zg-selector-mask-mask.blur {\n    background-color: rgba(153, 153, 153, 0.2);\n}\n",""])},90129:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-border\n    * @description Styles the border of separator in the menu\n    * @see border\n    * @default 1px solid var(--theme-border-color)\n    * @demoLink https://app.zingsoft.com/demos/create/RNVZ20TC\n    * @shadowOnly false\n    */\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-border-bottom\n    * @description Styles the bottom border of separator in the menu\n    * @see border\n    * @default var(--zg-separator-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/LUS0AQM5\n    * @shadowOnly false\n    */\n    border-bottom: var(--zg-separator-border-bottom, var(--zg-separator-border, 1px solid var(--theme-border-color)));\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-border-left\n    * @description Styles the left border of separator in the menu\n    * @see border\n    * @default var(--zg-separator-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/1644TNHT\n    * @shadowOnly false\n    */\n    border-left: var(--zg-separator-border-left, var(--zg-separator-border, 0));\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-border-right\n    * @description Styles the right border of separator in the menu\n    * @see border\n    * @default var(--zg-separator-border, 1px solid var(--theme-border-color))\n    * @demoLink https://app.zingsoft.com/demos/create/0E92TO7L\n    * @shadowOnly false\n    */\n    border-right: var(--zg-separator-border-right, var(--zg-separator-border, 1px solid var(--theme-border-color)));\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-border-top\n    * @description Styles the top border of separator in the menu\n    * @see border\n    * @default var(--zg-separator-border, 0)\n    * @demoLink https://app.zingsoft.com/demos/create/VLP6EXTJ\n    * @shadowOnly false\n    */\n    border-top: var(--zg-separator-border-top, var(--zg-separator-border, 0));\n    contain: content;\n    display: block;\n    /**\n    * @memberof ZGSeparator\n    * @var --zg-separator-margin\n    * @description Sets the margin of separator in the menu\n    * @see margin\n    * @default 5px 0\n    * @demoLink https://app.zingsoft.com/demos/create/M1YEHDNJ\n    * @shadowOnly false\n    */\n    margin: var(--zg-separator-margin, 5px 0);\n}\n\n:host([hidden]) {\n    display: none;\n}\n\n",""])},24662:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-background\n  * @description Styles the background of source when in `<zg-header>`\n  * @see background\n  * @default var(--theme-color-light)\n  * @demoLink https://app.zingsoft.com/demos/create/B8CEE4RW\n  * @shadowOnly false\n  */\n  background: var(--zg-source-background, var(--theme-color-light));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border\n  * @description Styles the border of source when in `<zg-header>`\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/61L4J1BK\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-bottom\n  * @description Styles the bottom border of source when in `<zg-header>`\n  * @see border\n  * @default var(--zg-source-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/7PHK3BWY\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-source-border-bottom, var(--zg-source-border, 0));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-left\n  * @description Styles the left border of source when in `<zg-header>`\n  * @see border\n  * @default var(--zg-source-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/V4JCUJ5Z\n  * @shadowOnly false\n  */\n  border-left: var(--zg-source-border-left, var(--zg-source-border, 0));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-right\n  * @description Styles the right border of source when in `<zg-header>`\n  * @see border\n  * @default var(--zg-source-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/F2Q3GGWE\n  * @shadowOnly false\n  */\n  border-right: var(--zg-source-border-right, var(--zg-source-border, 0));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-top\n  * @description Styles the top border of source when in `<zg-header>`\n  * @see border\n  * @default var(--zg-source-border, 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/IYUVRHY0\n  * @shadowOnly false\n  */\n  border-top: var(--zg-source-border-top, var(--zg-source-border, 0));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-radius\n  * @description Styles the border radius of source\n  * @see border-radius\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/8A6G8QCU\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-source-border-radius, 0);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-color\n  * @description Sets the font color content inside of source\n  * @see color\n  * @default var(--theme-font-size)\n  * @demoLink https://app.zingsoft.com/demos/create/2V50QBIJ\n  * @shadowOnly false\n  */\n  color: var(--zg-source-color, var(--theme-font-size));\n  contain: content;\n  display: flex;\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-size\n  * @description Sets the font size of source\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/26M7XA7S\n  * @shadowOnly false\n  */\n  font-size: var(--zg-source-font-size, .8rem);\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-style\n  * @description Sets the font style of source\n  * @see font-style\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/DHFAV0VU\n  * @shadowOnly false\n  */\n  font-style: var(--zg-source-font-style, inherit);\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-weight\n  * @description Sets the font weight of source\n  * @see font-weight\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/MN67ITKE\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-source-font-weight, inherit);\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-line-height\n  * @description Setes the line height of source\n  * @see line-height\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/XGIEZHE5\n  * @shadowOnly false\n  */\n  line-height: var(--zg-source-line-height, inherit);\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-min-height\n  * @description Sets the min-height of source\n  * @see min-height\n  * @default auto\n  * @demoLink https://app.zingsoft.com/demos/create/65FQVPFH\n  * @shadowOnly false\n  */\n  min-height: var(--zg-source-min-height, auto);\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-padding\n  * @description Sets the padding of source\n  * @see padding\n  * @default 5px var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/3Q444PE7\n  * @shadowOnly false\n  */\n  padding: var(--zg-source-padding, 5px var(--theme-padding_x));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-text-align\n  * @description Sets text alignment of content inside of source\n  * @see text-align\n  * @default left\n  * @demoLink https://app.zingsoft.com/demos/create/39DT0WPU\n  * @shadowOnly true\n  */\n  text-align: var(--zg-source-text-align, left);\n  width: 100%;\n}\n\n/* ZG-HEADER */\n:host([position="top"]) {\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-background_top\n  * @description Styles the background of source in grid header\n  * @see background\n  * @default var(--zg-source-background, var(--theme-color-light))\n  * @demoLink https://app.zingsoft.com/demos/create/HMPYHCA5\n  * @shadowOnly false\n  */\n  background: var(--zg-source-background_top, var(--zg-source-background, var(--theme-color-light)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border_top\n  * @description Styles the border of source in grid header\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/XDGD9PE9\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-bottom_top\n  * @description Styles the bottom border of source in grid header\n  * @see border\n  * @default var(--zg-source-border-bottom, var(--zg-source-border, 1px solid var(--theme-border-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/ZLU0PJ8K\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-source-border-bottom_top, var(--zg-source-border_top, var(--zg-source-border-bottom, var(--zg-source-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-left_top\n  * @description Styles the left border of source in grid header\n  * @see border\n  * @default var(--zg-source-border-left, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/ZOSVTPPP\n  * @shadowOnly false\n  */\n  border-left: var(--zg-source-border-left_top, var(--zg-source-border_top, var(--zg-source-border-left, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-right_top\n  * @description Styles the right border of source in grid header\n  * @see border\n  * @default var(--zg-source-border-right, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/XYYNP87U\n  * @shadowOnly false\n  */\n  border-right: var(--zg-source-border-right_top, var(--zg-source-border_top, var(--zg-source-border-right, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-top_top\n  * @description Styles the top border of source in grid header\n  * @see border\n  * @default var(--zg-source-border-top, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/QFZ02F7M\n  * @shadowOnly false\n  */\n  border-top: var(--zg-source-border-top_top, var(--zg-source-border_top, var(--zg-source-border-top, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-radius_top\n  * @description Sets the border radius of source in grid header\n  * @see border-radius\n  * @default var(--zg-source-border-radius, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/YANV98VN\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-source-border-radius_top, var(--zg-source-border-radius, 0));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-color_top\n  * @description Sets the font color of source in grid header\n  * @see color\n  * @default var(--zg-source-color, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/HXKVXNN1\n  * @shadowOnly false\n  */\n  color: var(--zg-source-color_top, var(--zg-source-color, var(--zg-source-border, 0)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-size_top\n  * @description Sets the font size of source in grid header\n  * @see font-size\n  * @default var(--zg-source-font-size, .8rem)\n  * @demoLink https://app.zingsoft.com/demos/create/9L6UUOD1\n  * @shadowOnly false\n  */\n  font-size: var(--zg-source-font-size_top, var(--zg-source-font-size, .8rem));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-style_top\n  * @description Sets the font style of source in grid header\n  * @see font-style\n  * @default var(--zg-source-font-style, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/840GA0V0\n  * @shadowOnly false\n  */\n  font-style: var(--zg-source-font-style_top, var(--zg-source-font-style, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-weight_top\n  * @description Sets the font weight of source in grid header\n  * @see font-weight\n  * @default var(--zg-source-font-weight, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/USHIZ6F6\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-source-font-weight_top, var(--zg-source-font-weight, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-line-height_top\n  * @description Sets the line height of source in grid header\n  * @see line-height\n  * @default var(--zg-source-line-height, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/5YF3GLIN\n  * @shadowOnly false\n  */\n  line-height: var(--zg-source-line-height_top, var(--zg-source-line-height, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-min-height_top\n  * @description Sets the min-height of source in grid header\n  * @see min-height\n  * @default var(--zg-source-min-height, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/0QZLOW3U\n  * @shadowOnly false\n  */\n  min-height: var(--zg-source-min-height_top, var(--zg-source-min-height, var(--zg-source-border, 0)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-padding_top\n  * @description Sets the padding of source in grid header\n  * @see padding\n  * @default var(--zg-source-padding, 5px var(--theme-padding_x))\n  * @demoLink https://app.zingsoft.com/demos/create/RVNCXN9N\n  */\n  padding: var(--zg-source-padding_top, var(--zg-source-padding, 5px var(--theme-padding_x)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-text-align_top\n  * @description Sets the text alignment of source in grid header\n  * @see text-align\n  * @default var(--zg-source-text-align, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/340QGB1B\n  * @shadowOnly true\n  */\n  text-align: var(--zg-source-text-align_top, var(--zg-source-text-align, var(--zg-source-border, 0)));\n}\n\n/* ZG-FOOTER */\n:host([position="bottom"]) {\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-background_bottom\n  * @description Styles the background of source in grid footer\n  * @see background\n  * @default var(--zg-source-background, var(--theme-color-light))\n  * @demoLink https://app.zingsoft.com/demos/create/U2ULZN3K\n  * @shadowOnly false\n  */\n  background: var(--zg-source-background_bottom, var(--zg-source-background, var(--theme-color-light)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border_bottom\n  * @description Styles the border of source in grid footer\n  * @see border\n  * @default var(--zg-source-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/NLGMWVFV\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-bottom_bottom\n  * @description Styles the bottom border of source in grid footer\n  * @see border\n  * @default var(--zg-source-border-bottom, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/HU2H5A7R\n  * @shadowOnly false\n  */\n  border-bottom: var(--zg-source-border-bottom_bottom, var(--zg-source-border_bottom, var(--zg-source-border-bottom, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-left_bottom\n  * @description Styles the left border of source when in grid footer\n  * @see border\n  * @default var(--zg-source-border-left, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/TMDEY84Q\n  * @shadowOnly false\n  */\n  border-left: var(--zg-source-border-left_bottom, var(--zg-source-border_bottom, var(--zg-source-border-left, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-right_bottom\n  * @description Styles the right border of source in grid footer\n  * @see border\n  * @default var(--zg-source-border-right, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/DVIKUSPV\n  * @shadowOnly false\n  */\n  border-right: var(--zg-source-border-right_bottom, var(--zg-source-border_bottom, var(--zg-source-border-right, var(--zg-source-border, 0))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-top_bottom\n  * @description Sets the border radius of source in grid footer\n  * @see border\n  * @default var(--zg-source-border-top, var(--zg-source-border, 1px solid var(--theme-border-color)))\n  * @demoLink https://app.zingsoft.com/demos/create/HHTAVNAN\n  * @shadowOnly false\n  */\n  border-top: var(--zg-source-border-top_bottom, var(--zg-source-border_bottom, var(--zg-source-border-top, var(--zg-source-border, 1px solid var(--theme-border-color)))));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-border-radius_bottom\n  * @description Styles the top border of source in grid footer\n  * @see border-radius\n  * @default var(--zg-source-border-radius, 0 0 var(--zing-grid-border-radius, 0) var(--zing-grid-border-radius, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/FX3KMZFC\n  * @shadowOnly false\n  */\n  border-radius: var(--zg-source-border-radius_bottom, var(--zg-source-border-radius, 0 0 var(--zing-grid-border-radius, 0) var(--zing-grid-border-radius, 0)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-color_bottom\n  * @description Sets the font color of source in grid footer\n  * @see color\n  * @default var(--zg-source-color, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/ZYE5IX57\n  * @shadowOnly false\n  */\n  color: var(--zg-source-color_bottom, var(--zg-source-color, var(--zg-source-border, 0)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-size_bottom\n  * @description Sets the font size of source in grid footer\n  * @see font-size\n  * @default var(--zg-source-font-size, .8rem)\n  * @demoLink https://app.zingsoft.com/demos/create/8OUWG6MW\n  * @shadowOnly false\n  */\n  font-size: var(--zg-source-font-size_bottom, var(--zg-source-font-size, .8rem));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-style_bottom\n  * @description Sets the font style of source in grid footer\n  * @see font-style\n  * @default var(--zg-source-font-style, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/MO9TACWW\n  * @shadowOnly false\n  */\n  font-style: var(--zg-source-font-style_bottom, var(--zg-source-font-style, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-font-weight_bottom\n  * @description Sets the font weight of source in grid footer\n  * @see font-weight\n  * @default var(--zg-source-font-weight, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/ZI6A0WHC\n  * @shadowOnly false\n  */\n  font-weight: var(--zg-source-font-weight_bottom, var(--zg-source-font-weight, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-line-height_bottom\n  * @description Sets the line height of source in grid footer\n  * @see line-height\n  * @default var(--zg-source-line-height, inherit)\n  * @demoLink https://app.zingsoft.com/demos/create/2AFGKKGF\n  * @shadowOnly false\n  */\n  line-height: var(--zg-source-line-height_bottom, var(--zg-source-line-height, inherit));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-min-height_bottom\n  * @description Sets the min-height of source in grid footer\n  * @see min-height\n  * @default var(--zg-source-min-height, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/XFJ87KHV\n  * @shadowOnly false\n  */\n  min-height: var(--zg-source-min-height_bottom, var(--zg-source-min-height, var(--zg-source-border, 0)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-padding_bottom\n  * @description Sets the padding of source when in grid footer\n  * @see padding\n  * @default var(--zg-source-padding, 5px var(--theme-padding_x))\n  * @demoLink https://app.zingsoft.com/demos/create/32PB37Q8\n  * @shadowOnly false\n  */\n  padding: var(--zg-source-padding_bottom, var(--zg-source-padding, 5px var(--theme-padding_x)));\n  /**\n  * @memberof ZGSource\n  * @var --zg-source-text-align_bottom\n  * @description Sets the text alignment of source in grid footer\n  * @see text-align\n  * @default var(--zg-source-text-align, var(--zg-source-border, 0))\n  * @demoLink https://app.zingsoft.com/demos/create/F3WEBJI1\n  * @shadowOnly true\n  */\n  text-align: var(--zg-source-text-align_bottom, var(--zg-source-text-align, var(--zg-source-border, 0)));\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n\ncite {\n  /* Already documented above */\n  font-style: var(--zg-source-font-style, inherit);\n  width: 100%;\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */',""])},59812:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* SELF\n-------------------------------------- */\n:host {\n  bottom: auto;\n  inset: var(--zg-status-offset) var(--zg-status-offset) auto auto;\n  opacity: 0;\n\n  pointer-events: none;\n  position: absolute;\n  /* width: 100%; */\n  transition: opacity .25s;\n}\n\n/* Active */\n:host([active]) {\n  opacity: 1;\n  pointer-events: auto;\n  z-index:11; /* Set to 11 to be higher than zg-focus */ \n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n.zg-status {\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-background\n  * @description Styles the background of status\n  * @see background\n  * @default #333\n  * @demoLink https://app.zingsoft.com/demos/create/W5V0YNUC\n  * @shadowOnly true\n  */\n  background: var(--zg-status-background, transparent);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-border\n  * @description Styles the border of status\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/Z8G1Y9J0\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-border-bottom\n  * @description Styles the bottom border of status\n  * @see border\n  * @default var(--zg-status-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/RDBMZRYT\n  * @shadowOnly true\n  */\n  border-bottom: var(--zg-status-border-bottom, var(--zg-status-border, 0));\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-border-left\n  * @description Styles the left border of status\n  * @see border\n  * @default var(--zg-status-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/0N6OVVNL\n  * @shadowOnly true\n  */\n  border-left: var(--zg-status-border-left, var(--zg-status-border, 0));\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-border-right\n  * @description Styles the right border of status\n  * @see border\n  * @default var(--zg-status-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/V4FJ8NP0\n  * @shadowOnly true\n  */\n  border-right: var(--zg-status-border-right, var(--zg-status-border, 0));\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-border-top\n  * @description Styles the top border of status\n  * @see border\n  * @default var(--zg-status-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/JR75IU0Z\n  * @shadowOnly true\n  */\n  border-top: var(--zg-status-border-top, var(--zg-status-border, 0));\n  border-radius: var(--zg-status-border-radius, 7px);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-box-shadow\n  * @description Applies a box shadow behind status\n  * @see box-shadow\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/AFADODNH\n  * @shadowOnly false\n  */\n  box-shadow: var(--zg-status-box-shadow, none);\n  box-sizing: border-box;\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-color\n  * @description Sets the font color of contents in status\n  * @see color\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/4M1VTWI2\n  * @shadowOnly true\n  */\n  color: var(--zg-status-color, #fff);\n  /* contain: content; */\n  cursor: default;\n  display: flex;\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-margin\n  * @description Sets the margin of status\n  * @see margin\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/68R9EOE1\n  * @shadowOnly true\n  */\n  margin: var(--zg-status-margin, 0);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-min-height\n  * @description Sets the min-height of status\n  * @see min-height\n  * @default 27px\n  * @demoLink https://app.zingsoft.com/demos/create/I8H3QJQH\n  * @shadowOnly true\n  */\n  user-select: none;\n  /* width: 100%; */\n}\n\n/* TYPE: ERROR */\n:host([type="error"]) .zg-status,\n:host([type="error"]) .zg-status > * {\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-error-background\n  * @description Styles the background of \'error\' status\n  * @see background\n  * @default red\n  * @demoLink https://app.zingsoft.com/demos/create/6PA9F3ZV\n  * @shadowOnly true\n  * @storyAlert true\n  */\n  background: var(--zg-status-error-background, #f44336);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-error-color\n  * @description Sets the font color of contents of \'error\' status\n  * @see color\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/I2PDH9NT\n  * @shadowOnly true\n  * @storyAlert true\n  */\n  color: var(--zg-status-error-color, var(--zg-status-color, #fff));\n}\n\n/* TYPE: SUCCESS */\n:host([type="success"]) .zg-status,\n:host([type="success"]) .zg-status > * {\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-success-background\n  * @description Styles the background of \'success\' status\n  * @see background\n  * @default green\n  * @demoLink https://app.zingsoft.com/demos/create/NBN1ICRW\n  * @shadowOnly true\n  */\n  background: var(--zg-status-success-background, #4caf50);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-success-color\n  * @description Sets the font color of contents of \'success\' status\n  * @see color\n  * @default #fff\n  * @demoLink https://app.zingsoft.com/demos/create/NOBFYNI2\n  * @shadowOnly true\n  */\n  color: var(--zg-status-success-color, var(--zg-status-color, #fff));\n}\n\n\n/* POSITION: BAR */\n:host([status-position="bar"]) {\n  --zg-status-border-radius: 0;\n}\n\n\n\n/* ZG-ICON */\n.zg-status > zg-icon {\n  margin-right: 8px;\n}\n\n\n/* Message Container */\n.zg-status-message {\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-align-items\n  * @description Sets the alignment of inner elements of status\n  * @see align-items\n  * @default center\n  * @demoLink https://app.zingsoft.com/demos/create/ZRT752NI\n  * @shadowOnly true\n  * @storyAlert recommend:--zg-status-min-height:50px\n  */\n  align-items: var(--zg-status-align-items);\n  border-radius: 3px;\n  box-sizing: border-box;\n  display: flex;\n  flex: 1;\n  gap: 6px;\n  min-height: var(--zg-status-min-height, 27px);\n  overflow: hidden;\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-justify-content\n  * @description Sets the horizontal alignment of contents in status\n  * @see justify-content\n  * @default flex-start\n  * @demoLink https://app.zingsoft.com/demos/create/S5Z1A4YD\n  * @shadowOnly true\n  * @private\n  * @storyAlert recommend:--zg-status-min-height:50px\n  */\n  justify-content: var(--zg-status-justify-content, flex-start);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-font-family\n  * @description Sets the font family of contents in status\n  * @see font-family\n  * @default var(--theme-font-family)\n  * @demoLink https://app.zingsoft.com/demos/create/V9XSI899\n  * @shadowOnly true\n  */\n  font-family: var(--zg-status-font-family, var(--theme-font-family));\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-font-size\n  * @description Sets the font size of contents in status\n  * @see font-size\n  * @default inherit\n  * @demoLink https://app.zingsoft.com/demos/create/DWUD8JY8\n  * @shadowOnly true\n  */\n  font-size: var(--zg-status-font-size, .75rem);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-line-height\n  * @description Sets the line height of status\n  * @see line-height\n  * @default 1\n  * @demoLink https://app.zingsoft.com/demos/create/NIZJO06Q\n  * @shadowOnly true\n  */\n  line-height: var(--zg-status-line-height, 1.4);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-max-width\n  * @description Sets the max-width of the status-message area\n  * @see width\n  * @default 300px\n  * @demoLink https://app.zingsoft.com/demos/create/SQY0NAMY\n  * @shadowOnly true\n  */\n  max-width: var(--zg-status-max-width, 280px);\n  /**\n  * @memberof ZGStatus\n  * @var --zg-status-padding\n  * @description Sets the padding of status\n  * @see padding\n  * @default 14px var(--theme-padding_x)\n  * @demoLink https://app.zingsoft.com/demos/create/OMHQO954\n  * @shadowOnly true\n  */\n  padding: var(--zg-status-padding, 10px);\n  transform: translateX(0);\n  z-index: 1;\n}\n\n.zg-status-message zg-icon {\n  height: 16px;\n  width: 16px;\n}\n\n/* Position: Bar */\n:host([status-position="bar"]) .zg-status-message {\n  --zg-status-font-size: 13px;\n  --zg-status-justify-content: flex-start;\n  --zg-status-max-width: none;\n}\n:host([status-position="bar"]) .zg-status-message zg-icon {\n  flex: 0 1 auto;\n}\n\n/* Icon */\n.zg-status-message zg-icon {\n  flex:1 0 auto;\n}\n:host([type="success"]) .zg-status-message zg-icon {\n  transform: translateY(-1px)\n}\n\n/* Text/Label */\n.zg-status-text { transform:translateY(2px); }\n\n/* Action */\n.zg-status-action {\n  background: #fbfbfb;\n  border-radius: 0 3px 3px 0;\n  cursor: pointer;\n  display: flex;\n  font-size: 90%;\n  outline: none;\n  overflow: hidden;\n  text-transform: uppercase;\n  width: 24px;\n}\n/* Position: Bar */\n:host([status-position="bar"]) .zg-status-action {\n  width: 34px;\n}\n\n/* Span wrapper */\n.zg-status-action > [close] {\n  display: flex;\n}\n\n/* SVG Icon */\n.zg-status-action zg-icon {\n  border-radius: 0 3px 3px 0;\n  display: flex;\n  fill: #fff;\n  height: 100%;\n  justify-content: center;\n  min-width: 24px;\n}\n\n.zg-status-action svg {\n  height: 14px;\n  width: 14px;  \n  transform: translateY(5px) rotate(0);\n}\n.zg-status-action zg-icon:hover svg {\n  transform: translateY(5px) rotate(-90deg);\n  transition: transform .3s ease-out;\n}\n\n/* Position: Bar */\n:host([status-position="bar"]) .zg-status-action zg-icon {\n  align-items: center;\n  min-width: 34px;\n}\n:host([status-position="bar"]) .zg-status-action svg {\n  width: 20px;\n  height:20px;\n  transform: translateY(0) rotate(0);\n}\n:host([status-position="bar"]) .zg-status-action zg-icon:hover svg {\n  transform: translateY(0) rotate(-90deg);\n}\n\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */',""])},69652:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    display: inline;\n    /**\n    * @memberof ZGText\n    * @var --zg-text-color\n    * @description Sets the font color of text\n    * @see color\n    * @default Browser's default value\n    * @demoLink https://app.zingsoft.com/demos/create/6MC0B6AC\n    * @shadowOnly false\n    */\n    color: var(--zg-text-color);\n    /**\n    * @memberof ZGText\n    * @var --zg-text-font-family\n    * @description Sets the font family of text\n    * @see font-family\n    * @default Browser's default value\n    * @demoLink https://app.zingsoft.com/demos/create/0WX0EZZ8\n    * @shadowOnly false\n    */\n    font-family: var(--zg-text-font-family);\n    /**\n    * @memberof ZGText\n    * @var --zg-text-font-size\n    * @description Sets the font size of text\n    * @see font-size\n    * @default Browser's default value\n    * @demoLink https://app.zingsoft.com/demos/create/R9RX1WRC\n    * @shadowOnly false\n    */\n    font-size: var(--zg-text-font-size);\n    /**\n    * @memberof ZGText\n    * @var --zg-text-font-style\n    * @description Sets the font style of text\n    * @see font-style\n    * @default Browser's default value\n    * @demoLink https://app.zingsoft.com/demos/create/LE7Z8B73\n    * @shadowOnly false\n    */\n    font-style: var(--zg-text-font-style);\n    /**\n    * @memberof ZGText\n    * @var --zg-text-font-weight\n    * @description Sets the font weight of text\n    * @see font-weight\n    * @default Browser's default value\n    * @demoLink https://app.zingsoft.com/demos/create/J9EWFRHT\n    * @shadowOnly false\n    */\n    font-weight: var(--zg-text-font-weight);\n    /**\n    * @memberof ZGText\n    * @var --zg-text-line-height\n    * @description Sets the line height of text\n    * @see line-height\n    * @default .8\n    * @demoLink https://app.zingsoft.com/demos/create/W14MFSEF\n    * @shadowOnly false\n    */\n    line-height: var(--zg-text-line-height, .8);\n}",""])},47293:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,'/* HOST - CONFIG\n-------------------------------------- */\n/* Type: Default */\n:host([tooltip-type="default"]) {\n  --tooltip-background-color: var(--zing-grid-background);\n  --tooltip-border-color: var(--theme-border-color);\n  --tooltip-arrow-size: 7px;\n  --tooltip-icon-horz-offset: -8px;\n  --tooltip-offset: 8px;\n}\n:host([tooltip-type="default"][no-info-icon]) {\n  --tooltip-icon-horz-offset: -10px;\n  --tooltip-offset: 6px;\n  --tooltip-vert-offset: 2px;\n}\n\n/* Type: System */\n:host([tooltip-type="system"]) {\n  --tooltip-background-color: var(--theme-color_alt);\n  --tooltip-border-color: var(--theme-color_alt);\n  --tooltip-arrow-size: 5px;\n  --tooltip-height: 22px;\n  --tooltip-offset: 8px;\n  --tooltip-icon-horz-offset: -4px;\n  --tooltip-vert-offset: 0;\n}\n:host([tooltip-type="system"][no-info-icon]) {\n  /* --tooltip-offset: 6px; */\n  --tooltip-icon-horz-offset: calc(-1 * var(--tooltip-arrow-size) - 2px);\n  --tooltip-vert-offset: 1px;\n}\n\n\n/* HOST\n-------------------------------------- */\n/* Type: Default */\n:host {\n  background: var(--tooltip-background-color);\n  border: 1px solid var(--tooltip-border-color);\n  border-radius: 4px;\n  display: block;\n  line-height: initial;\n  padding: 10px;\n  pointer-events: auto;\n  position: absolute;\n  z-index: 11;\n}\n/* Type: System */\n:host([tooltip-type="system"])  {\n  background: var(--tooltip-background-color);\n  border: 1px solid var(--tooltip-border-color);\n  border-radius: 2px;\n  color: #fff;\n  font-size: 11px;\n  line-height: 1;\n  padding: 6px 8px;\n}\n\n/*  Add space for close button */\n:host([tooltip-action="click"]) {\n  padding-top: 35px;\n}\n\n:host([hidden]) {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n/* :before and :after arrow graphic */\n:host:before,\n:host:after {\n  content: \'\';\n  display: block;\n  position: absolute;\n}\n:host:before {\n  border: var(--tooltip-arrow-size) solid transparent;\n}\n:host:after {\n  border: calc(var(--tooltip-arrow-size) - 1px) solid transparent;\n}\n\n/* POSITIONING: TOP\n-------------------------------------- */\n/* Has Info Icon (from icon) */\n:host([tooltip-position="top"]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * 100%));\n}\n:host([tooltip-position="top"][animate]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * 100% - var(--tooltip-offset)));\n}\n/* No Info Icon (from cell) */\n:host([tooltip-position="top"][no-info-icon]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * 100% + (var(--zg-row-head-height)/2) - (var(--tooltip-arrow-size)*2)));\n}\n:host([tooltip-position="top"][no-info-icon][animate]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * 100% + (var(--zg-row-head-height)/2) - (var(--tooltip-arrow-size)*2) - var(--tooltip-offset)));\n}\n/* Arrow */\n:host([tooltip-position="top"]):before,\n:host([tooltip-position="top"]):after {\n  left: var(--tooltip-arrow-size);\n  top: 100%;\n}\n:host([tooltip-position="top"]):before {\n  border-top-color: var(--tooltip-border-color);\n}\n:host([tooltip-position="top"]):after {\n  border-top-color: var(--tooltip-background-color);\n  transform: translateX(1px);\n}\n\n\n/* POSITIONING: BOTTOM\n-------------------------------------- */\n/* Has Info Icon (from icon) */\n:host([tooltip-position="bottom"]) {\n  transform: translate(var(--tooltip-icon-horz-offset), 0);\n}\n:host([tooltip-position="bottom"][animate]) {\n  transform: translate(var(--tooltip-icon-horz-offset), var(--tooltip-offset));\n}\n/* No Info Icon (from cell) */\n:host([tooltip-position="bottom"][no-info-icon]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * (var(--zg-row-head-height)/2) + (var(--tooltip-arrow-size)*2)));\n}\n:host([tooltip-position="bottom"][no-info-icon][animate]) {\n  transform: translate(var(--tooltip-icon-horz-offset), calc(-1 * (var(--zg-row-head-height)/2) + (var(--tooltip-arrow-size)*2) + var(--tooltip-offset) - var(--tooltip-vert-offset)));\n}\n/* Arrow */\n:host([tooltip-position="bottom"]):before,\n:host([tooltip-position="bottom"]):after {\n  left: var(--tooltip-arrow-size);\n  top: calc(-1 * (var(--tooltip-arrow-size) * 2));\n}\n:host([tooltip-position="bottom"]):before {\n  border-bottom-color: var(--tooltip-border-color);\n}\n:host([tooltip-position="bottom"]):after {\n  border-bottom-color: var(--tooltip-background-color);\n  transform: translate(1px, 2px);\n}\n\n\n/* POSITIONING: LEFT\n-------------------------------------- */\n:host([tooltip-position="left"]) {\n  transform: translate(calc(-1 * 100% - (var(--tooltip-arrow-size)/2)), -50%);\n}\n:host([tooltip-position="left"][animate]) {\n  transform: translate(calc(-1 * 100% - var(--tooltip-offset) - (var(--tooltip-arrow-size)/2)), -50%);\n}\n:host([tooltip-position="left"][no-info-icon]) {\n  transform: translate(calc(-1 * 100% + var(--zg-head-cell-padding-left) - (var(--tooltip-arrow-size)/2)), -50%);\n}\n:host([tooltip-position="left"][no-info-icon][animate]) {\n  transform: translate(calc(-1 * 100% + var(--zg-head-cell-padding-left) - (var(--tooltip-arrow-size)/2) - var(--tooltip-offset) - 1px), -50%);\n}\n/* Arrow */\n:host([tooltip-position="left"]):before,\n:host([tooltip-position="left"]):after {\n  left: 100%;\n  top: 50%;\n}\n:host([tooltip-position="left"][tooltip-type="system"]):before,\n:host([tooltip-position="left"][tooltip-type="system"]):after {\n  transform: translate(0, calc(-1 * 50% + 7px));\n}\n:host([tooltip-position="left"]):before {\n  border-left-color: var(--tooltip-border-color);\n}\n:host([tooltip-position="left"]):after {\n  border-left-color: var(--tooltip-background-color);\n  transform: translateY(1px);\n}\n:host([tooltip-position="left"]):before,\n:host([tooltip-position="left"]):after {\n  transform: translate(0, calc(-1 * 50% - 1px));\n}\n\n\n/* POSITIONING: RIGHT\n-------------------------------------- */\n:host([tooltip-position="right"]) {\n  transform: translate(calc(var(--tooltip-arrow-size)), -50%);\n}\n:host([tooltip-position="right"][animate]) {\n  transform: translate(calc(var(--tooltip-arrow-size) + var(--tooltip-offset)), -50%);\n}\n/* Arrow */\n:host([tooltip-position="right"]):before,\n:host([tooltip-position="right"]):after {\n  right: 100%;\n  top: 50%;\n}\n:host([tooltip-position="right"][tooltip-type="system"]):before,\n:host([tooltip-position="right"][tooltip-type="system"]):after {\n  transform: translate(0, calc(-1 * 50% + 7px));\n}\n\n:host([tooltip-position="right"]):before {\n  border-right-color: var(--tooltip-border-color);\n}\n:host([tooltip-position="right"]):after {\n  border-right-color: var(--tooltip-background-color);\n  transform: translateY(1px);\n}\n\n:host([tooltip-position="right"]):before,\n:host([tooltip-position="right"]):after {\n  transform: translate(0, calc(-1 * 50% - 1px));\n}\n\n/*  CLOSE BUTTON */\nbutton.zg-tooltip-close {\n  background: var(--zg-icon-color, var(--theme-color-primary));\n  border: 0;\n  border-radius: 2px;\n  color: var(--theme-color-light);\n  cursor: pointer;\n  display: none;\n  font-size: 11px;\n  outline: none;\n  padding: 4px_5px;\n  position: absolute;\n  right: 10px;\n  top: 10px;\n}\n\n:host([tooltip-action="click"]) button.zg-tooltip-close {\n  display: block;\n}\n\n',""])},43503:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,"/* SELF\n-------------------------------------- */\n:host {\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-align-items\n     * @description Sets the alignment of watermark\n     * @default center\n     * @demoLink https://app.zingsoft.com/demos/create/S5YW98DV\n     */\n    align-items: var(--zg-watermark-align-items, center);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-background\n     * @description Styles the background of watermark\n     * @default #fbfbfb\n     * @demoLink https://app.zingsoft.com/demos/create/PLI8AW69\n     */\n    background: var(--zg-watermark-background, #fbfbfb);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-border-bottom\n     * @description Styles the bottom border of watermark\n     * @default var(--zg-watermark-border, 0)\n     * @demoLink https://app.zingsoft.com/demos/create/3VCNCH3C\n     */\n    border-bottom: var(--zg-watermark-border-bottom, var(--zg-watermark-border, 0));\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-border-left\n     * @description Styles the left border of watermark\n     * @default var(--zg-watermark-border, 0)\n     * @demoLink https://app.zingsoft.com/demos/create/13YH2AD1\n     */\n    border-left: var(--zg-watermark-border-left, var(--zg-watermark-border, 0));\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-border-radius\n     * @description Applies border radius to the watermark\n     * @default inherit\n     * @demoLink https://app.zingsoft.com/demos/create/HCZ0FTPR\n     */\n    border-radius: var(--zg-watermark-border-radius, inherit);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-border-right\n     * @description Styles the right border of watermark\n     * @default var(--zg-watermark-border, 0)\n     * @demoLink https://app.zingsoft.com/demos/create/ULJ95NPX\n     */\n    border-right: var(--zg-watermark-border-right, var(--zg-watermark-border, 0));\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-border-top\n     * @description Styles the top border of watermark\n     * @default var(--zg-watermark-border, 1px solid var(--theme-border-color))\n     * @demoLink https://app.zingsoft.com/demos/create/GCQARHA3\n     */\n    border-top: var(--zg-watermark-border-top, var(--zg-watermark-border, 1px solid var(--theme-border-color)));\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-box-shadow\n     * @description Applies a box shadow behing the watermark\n     * @default none\n     * @demoLink https://app.zingsoft.com/demos/create/DNU5EE34\n     */\n    box-shadow: var(--zg-watermark-box-shadow, none);\n    box-sizing: border-box;\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-color\n     * @description Sets the color of watermark\n     * @default var(--theme-color-primary)\n     * @demoLink https://app.zingsoft.com/demos/create/RHV3AZL7\n     */\n    color: var(--zg-watermark-color, var(--theme-color-primary));\n    contain: content;\n    display: flex;\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-font-family\n     * @description Sets the font of watermark\n     * @default var(--theme-font-family)\n     * @demoLink https://app.zingsoft.com/demos/create/Z5DUURMU\n     */\n    font-family: var(--zg-watermark-font-family, var(--theme-font-family));\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-font-size\n     * @description Sets the font size of watermark\n     * @default .75rem\n     * @demoLink https://app.zingsoft.com/demos/create/GSCFSFBN\n     */\n    font-size: var(--zg-watermark-font-size, .75rem);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-justify-content\n     * @description Sets the horizontal alignment of contents in the watermark\n     * @default flex-end\n     * @demoLink https://app.zingsoft.com/demos/create/J3IEZOOI\n     */\n    justify-content:var(--zg-watermark-justify-content, flex-end);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-margin\n     * @description Sets margins of watermark\n     * @default 0\n     * @demoLink https://app.zingsoft.com/demos/create/JKMSIB8K\n     */\n    margin: var(--zg-watermark-margin, 0);\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-min-height\n     * @description Sets the minimum height of watermark\n     * @default 27px\n     * @demoLink https://app.zingsoft.com/demos/create/LLLRII80\n     */\n    min-height: var(--zg-watermark-min-height, 27px);\n    overflow: hidden;\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-padding\n     * @description Sets padding of watermark\n     * @default 0 var(--theme-padding_x)\n     * @demoLink https://app.zingsoft.com/demos/create/2F6JMW08\n     */\n    padding: var(--zg-watermark-padding, 0 var(--theme-padding_x));\n    position: relative;\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-width\n     * @description Sets width of watermark\n     * @default auto\n     * @demoLink https://app.zingsoft.com/demos/create/52DLY7I5\n     */\n    width: var(--zg-watermark-width, auto);\n}\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\na {\n  color: var(--zg-watermark-color, var(--theme-color-primary));\n  text-decoration: none;\n}\n\nstrong {\n    /**\n     * @memberof ZGWatermark\n     * @var --zg-watermark-color_strong\n     * @description Sets color of strong in watermark\n     * @default var(--theme-color-secondary)\n     * @demoLink https://app.zingsoft.com/demos/create/OWU6641C\n     */\n    color: var(--zg-watermark-color_strong, var(--zg-watermark-color, var(--theme-color-secondary)));\n}",""])},9733:(e,t,o)=>{(t=e.exports=o(9252)()).i(o(33974),""),t.i(o(13054),""),t.i(o(79300),""),t.i(o(96110),""),t.i(o(36913),""),t.i(o(36375),""),t.push([e.id,'/* IMPORT\n-------------------------------------- */\n/* Import variables file for each built-in theme */\n/* NOTE: This is required. You don\'t need to import to other components since they inherit from zing-grid. */\n/* NOTE: `default.css` is the base. Other internal themes build off of it */\n/* Import internal themes */\n/* Compact version - must go after theme calls */\n\n/* SELF\n-------------------------------------- */\n:host {\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-background\n  * @default #fff\n  * @see background\n  * @description Styles the background of grid\n  * @demoLink https://app.zingsoft.com/demos/create/S2LGW6WY\n  * @shadowOnly false\n  */\n  background: var(--zing-grid-background, #fff);\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border\n  * @description Styles the border of grid\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/FNVV7TJP\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border-bottom\n  * @description Styles the bottom border of grid\n  * @see border\n  * @default var(--zing-grid-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/BP54E8PI\n  * @shadowOnly false\n  */\n  border-bottom: var(--zing-grid-border-bottom, var(--zing-grid-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border-left\n  * @description Styles the left border of grid\n  * @see border\n  * @default var(--zing-grid-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/BQ8DWU62\n  * @shadowOnly false\n  */\n  border-left: var(--zing-grid-border-left, var(--zing-grid-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border-radius\n  * @description Applies border radious to grid\n  * @see border-radius\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/O84UETSN\n  * @shadowOnly true\n  */\n  border-radius: var(--zing-grid-border-radius, 0);\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border-right\n  * @description Styles the right border of grid\n  * @see border\n  * @default var(--zing-grid-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/7AFJ7RUL\n  * @shadowOnly false\n  */\n  border-right: var(--zing-grid-border-right, var(--zing-grid-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-border-top\n  * @description Styles the top border of grid\n  * @see border\n  * @default var(--zing-grid-border, 1px solid var(--theme-border-color))\n  * @demoLink https://app.zingsoft.com/demos/create/PZO08P3O\n  * @shadowOnly false\n  */\n  border-top: var(--zing-grid-border-top, var(--zing-grid-border, 1px solid var(--theme-border-color)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-box-shadow\n  * @description Applies a box shadow behind grid\n  * @see box-shadow\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/58QV7GJW\n  * @shadowOnly false\n  */\n  box-shadow: var(--zing-grid-box-shadow, none);\n  box-sizing: border-box;\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-color\n  * @default --theme-color\n  * @see color\n  * @description The font color of grid\n  * @demoLink https://app.zingsoft.com/demos/create/PEY7GS10\n  * @shadowOnly false\n  */\n  color: var(--zing-grid-color, var(--theme-color));\n  display: table;\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-font-family\n  * @default --theme-font-family\n  * @see font-family\n  * @description Sets the font family of grid text\n  * @demoLink https://app.zingsoft.com/demos/create/7KFKVQX1\n  * @shadowOnly false\n  */\n  font-family: var(--zing-grid-font-family, var(--theme-font-family));\n  font-feature-settings: \'liga\'; /* Support for IE. */\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-font-size\n  * @default --theme-font-size\n  * @see font-size\n  * @description Sets the font size of grid text\n  * @demoLink https://app.zingsoft.com/demos/create/HCQWBCQ1\n  * @shadowOnly false\n  */\n  font-size: var(--zing-grid-font-size, var(--theme-font-size));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-font-style\n  * @default --theme-font-style\n  * @see font-style\n  * @description Sets the font style of grid text\n  * @demoLink https://app.zingsoft.com/demos/create/9Q837C38\n  * @shadowOnly false\n  */\n  font-style: var(--zing-grid-font-style, var(--theme-font-style));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-font-weight\n  * @default --theme-font-weight\n  * @see font-weight\n  * @description Sets the font weight of grid text\n  * @demoLink https://app.zingsoft.com/demos/create/9NIED1XI\n  * @shadowOnly false\n  */\n  font-weight: var(--zing-grid-font-weight, var(--theme-font-weight));\n  position: relative;\n  -webkit-font-smoothing: antialiased; /* Support for all WebKit browsers. */\n  -moz-osx-font-smoothing: grayscale; /* Support for Firefox. */\n  text-rendering: optimizeLegibility; /* Support for Safari and Chrome. */\n  width: 100%;\n  outline: none;\n}\n/* [fullscreen] mode */\n:host([fullscreen]) {\n  left: 0;\n  position: fixed;\n  top: 0;\n}\n\n/* [viewport="mobile"] mode */\n:host([viewport="mobile"]) {\n  --zg-dialog-editor-row-grid-template-columns: 1fr;\n}\n\n\n\n/* SHADOW ELEMENTS\n-------------------------------------- */\n\n/* MAIN WRAPPER */\n.zing-grid {\n  border-collapse: collapse;\n  /* display: table; */\n  height: 100%;\n  width: 100%;\n}\n\n:host([loading]) {\n  display: flex;\n  flex-direction: column;\n}\n:host([loading]) .zing-grid {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n}\n\n\n/* ------ */\n\n\n/* GRID CONTENT WRAPPERS */\n\n/* WRAPPER 1 */\n/* TODO: Remove .zing-grid-wrapper-1, but for now it breaks when removed. Possible JS tied to \'#wrap\' id */\n.zing-grid-wrapper-1 {\n  outline: none;\n}\n:host([loading]) .zing-grid-wrapper-1 {\n  flex: 1;\n}\n\n/* WRAPPER 2 */\n.zing-grid-wrapper-2 {\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-table-border\n  * @description Styles the border of grid table contents\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/7AYEIA84\n  * @shadowOnly true\n  */\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-table-border-bottom\n  * @default 0\n  * @see border\n  * @description Styles the bottom border of grid table contents\n  * @default var(--zing-grid-table-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/V22ON3LN\n  * @shadowOnly true\n  */\n  border-bottom: var(--zing-grid-table-border-bottom, var(--zing-grid-table-border, var(--zing-grid-body-border, 0)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-table-border-left\n  * @default 0\n  * @see border\n  * @description Styles the left border of grid table contents\n  * @default var(--zing-grid-table-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/TYY11EZ3\n  * @shadowOnly true\n  */\n  border-left: var(--zing-grid-table-border-left, var(--zing-grid-table-border, var(--zing-grid-body-border, 0)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-table-border-right\n  * @default 0\n  * @see border\n  * @description Styles the right border of grid table contents\n  * @default var(--zing-grid-table-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/JRSIU7TZ\n  * @shadowOnly true\n  */\n  border-right: var(--zing-grid-table-border-right, var(--zing-grid-table-border, var(--zing-grid-body-border, 0)));\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-table-border-top\n  * @default 0\n  * @see border\n  * @description Styles the top border of grid table contents\n  * @default var(--zing-grid-table-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/U2UPKR02\n  * @shadowOnly true\n  */\n  border-top: var(--zing-grid-table-border-top, var(--zing-grid-table-border, var(--zing-grid-body-border, 0)));\n  flex: 1 1 auto;\n  outline: none;\n  position:relative;\n}\n\n.zing-grid-wrapper-2[width] {\n    /* overflow-x: auto;\n    overflow-y: hidden; */\n    overflow: hidden;\n}\n\n.zing-grid-wrapper-2[no-data] {\n  display: none;\n}\n\n/* Scroll Wrapper\n    scroll-wrap and zing-grid-frames are the same with the exception of flex and overflow:auto\n */\n.zing-grid-scroll-wrap {\n}\n\n/* ------ */\n\n\n/* FRAME WRAPPER */\n.zing-grid-frames {\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-body-border\n  * @description Styles the border of grid body\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/Y8DATMC5\n  * @shadowOnly false\n  */\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-body-border-bottom\n  * @see border\n  * @description Styles the bottom border of grid body\n  * @default var(--zing-grid-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/DV04MMF0\n  * @shadowOnly false\n  */\n  /* border-bottom: var(--zing-grid-body-border-bottom, var(--zing-grid-body-border, 0));*/\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-body-border-left\n  * @see border\n  * @description Styles the left border of grid body\n  * @default var(--zing-grid-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/FLHJ459E\n  * @shadowOnly false\n  */\n  /* border-left: var(--zing-grid-body-border-left, var(--zing-grid-body-border, 0));*/\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-body-border-right\n  * @see border\n  * @description Styles the right border of grid body\n  * @default var(--zing-grid-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/TGKGCNRA\n  * @shadowOnly false\n  */\n  /* border-right: var(--zing-grid-body-border-right, var(--zing-grid-body-border, 0));*/\n  /**\n  * @memberof ZingGrid\n  * @var --zing-grid-body-border-top\n  * @see border\n  * @description Styles the top border of grid body\n  * @default var(--zing-grid-body-border, 0)\n  * @demoLink https://app.zingsoft.com/demos/create/QIG564H2\n  * @shadowOnly false\n  */\n  /* border-top: var(--zing-grid-body-border-top, var(--zing-grid-body-border, 0));*/\n\n  display: flex;\n}\n/* [fullscreen] mode */\n/* :host([fullscreen]) .zing-grid-frames { overflow:auto; } */\n\n.zing-grid-frames-body { overflow:auto; }\n\n/* ------ */\n\n\n/* GRID BODY AREAS (FRAMES - Mainly for freezing) */\n\n/* Shared */\n/* [class*="zing-grid-frame-"] {} */\n\n/* Left */\n.zing-grid-frame-left { /*border:1px solid green;  TMP */ }\n\n/* Main */\n.zing-grid-frame-main {\n  overflow:hidden;\n  position: relative;\n} /* flex: 1 0 auto;  */ /*border:1px solid purple;  TMP */\n.zing-grid-frames-body .zing-grid-frame-main { /*height:1200px;*/ } /* @CS here */\n\n/* Right */\n/* .zing-grid-frame-right {} */\n\n\n/* ------ */\n\n\n/* HEAD */\n\n/* Shared */\n\n/* Left */\n/* .zing-grid-head-left {} */\n\n/* Main */\n/* .zing-grid-head-main {} */\n\n/* Right */\n/* .zing-grid-head-right {} */\n\n\n/* ------ */\n\n/* BODY */\n\n/* Shared */\n[class*="zing-grid-body-"] {\n  box-sizing: border-box;\n  display: table;\n  overflow-x: scroll;\n  position: relative;\n  width: 100%;\n  table-layout: fixed;\n}\n\n/* Left */\n/* .zing-grid-body-left {} */\n\n/* Main */\n/* .zing-grid-body-main {} */\n\n/* Right */\n/* .zing-grid-body-right {} */\n\n\n/* ------ */\n\n\n/* BODY SCROLL\n-------------------------------------- */\n/* BODY SCROLL */\n/* Inner scroll wrapper */\n.zing-grid-scroll {\n  position: relative;\n  overflow-x: auto;\n}\n.zing-grid-scroll[height] {\n  /* overflow-x: auto;\n  overflow-y: hidden; */\n  overflow: auto;\n}\n\n\n\n/* FREEZE\n-------------------------------------- */\n\n/* Shared */\n.zing-grid-freeze-left,\n.zing-grid-freeze-right {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  /* table-layout: fixed; */ /* @CS Did you add this for a particular reason? I don\'t think it is needed, but I might not see the whole picture. */\n}\n/* When no freeze columns, hide the column wrappers so that body can fill the whole width */\n.zing-grid-frames[no-freeze] .zing-grid-freeze-left,\n.zing-grid-frames[no-freeze] .zing-grid-freeze-right {\n  display: none;\n}\n\n.zing-grid-freeze-left[no-content],\n.zing-grid-freeze-right[no-content] {\n  display: none;\n}\n\n/* Left */\n/* .zing-grid-freeze-left {} */\n\n/* Right */\n/* .zing-grid-freeze-right {} */\n\n.zing-grid-freeze-style-left {\n\tleft: 0;\n}\n\n:host ::slotted(#zing-grid-freeze-style-left) {\n\tleft: 0;\n}\n\n:host([dir="rtl"]) ::slotted(#zing-grid-freeze-style-left) {\n\tleft: unset;\n  right: 0;\n}\n\n:host ::slotted(#zing-grid-freeze-style-right) {\n\tright: 0;\n}\n\n:host([dir="rtl"]) ::slotted(#zing-grid-freeze-style-right) {\n\tright: unset;\n  left: 0;\n}\n\n/* Hide in card layout mode */\n:host([layout="card"]) .zing-grid-freeze-style-left,\n:host([layout="card"]) .zing-grid-freeze-style-right {\n  display: none;\n}\n\n/* When selector is present, clicking on the cell no longer should do a\n * browser default selection, instead selector should be used to do copy-paste\n * operations. */\n:host([selector]) .zg-cell span {\n  user-select: none;\n  cursor: default;\n}\n\n/* When resize-column is set, we want the cursor to always be the resize cursor even if over a drag or sort column head */\n:host([resize-column]) {\n  cursor: ew-resize;\n}\n\n/* Menu Items */\n.zg-button-text {\n  top: 7px;\n}\n\n/* Clipboard */\n/* NOTE: We can\'t simply display:none; or visibility:hidden; the clipboard, otherwise the copy+paste code won\'t work */\n.zing-grid-clipboard {\n  background: none;\n  border: 0;\n  height: 0;\n  pointer-events: none;\n  position: absolute;\n  opacity: 0;\n  resize: none;\n  width: 0;\n}\n\n/* Grid Clipper */\n.zing-grid-selection-copy-paste {\n  position: absolute;\n  top: -1000px;\n  left: 0;\n  width: 0;\n  height: 0;\n}\n\n/* SLOTTED ELEMENTS\n-------------------------------------- */\n:host ::slotted(*) {\n  flex-shrink: 0;\n}\n\n/* ZG-BODY */\n:host([selector]) ::slotted(zg-body) {\n  user-select: none;\n}\n\n/* ZG-HEAD */\n:host([selector]) ::slotted(zg-head) {\n  user-select: none;\n}\n\n/* ZG-NODATA */\n/*\n  If user added `[dialog]` to <zing-grid>, set a min-height\n  so that the modal-overlay isn\'t cutoff.\n*/\n:host([dialog]) ::slotted(zg-no-data) {\n  align-items: flex-start;\n  min-height: 250px;\n}\n\n/* ZG-PAGER */\n:host ::slotted(zg-pager[slot=\'bottom\']) {\n  border-top: 1px solid var(--theme-border-color);\n}\n/*\n  Add a top-border to the <zg-pager> when the <zing-grid> tag\n  has a [height] attribute. Because the bottom row in grid\n  could be cutoff due to this fixed height, it\'s natural border\n  wouldn\'t separate the grid from the pager (especially if they\n  share the same background color). This way we ensure there is\n  a visual separation.\n*/\n:host([height]) ::slotted(zg-pager) {\n  --zg-pager-border-top: 1px solid var(--theme-border-color);\n}\n\n/* ZG-STATUS */\n/*\n  Set attribute values on <zing-grid> to position the message (top-left, top-right (default), bottom-left, bottom-right)\n*/\n/* Top */\n:host([status-position="top left"]) ::slotted(zg-status),\n:host([status-position="left top"]) ::slotted(zg-status) {\n  left: var(--zg-status-offset);\n  right: auto;\n}\n:host([status-position="bottom left"]) ::slotted(zg-status),\n:host([status-position="left bottom"]) ::slotted(zg-status) {\n  bottom: var(--zg-status-offset);\n  left: var(--zg-status-offset);\n  right: auto;\n  top: auto;\n}\n:host([status-position="top center"]) ::slotted(zg-status),\n:host([status-position="center top"]) ::slotted(zg-status) {\n  bottom: var(--zg-status-offset);\n  right: 50%;\n  transform: translateX(50%);\n}\n/* Bottom */\n:host([status-position="bottom right"]) ::slotted(zg-status),\n:host([status-position="right bottom"]) ::slotted(zg-status) {\n  bottom: var(--zg-status-offset);\n  top: auto;\n}\n:host([status-position="bottom center"]) ::slotted(zg-status),\n:host([status-position="center bottom"]) ::slotted(zg-status) {\n  bottom: var(--zg-status-offset);\n  right: 50%;\n  top: auto;\n  transform: translateX(50%);\n}\n/* Center */\n:host([status-position="center"]) ::slotted(zg-status) {\n  right: 50%;\n  transform: translate(50%, -50%);\n  top: 50%;\n}\n:host([status-position="center left"]) ::slotted(zg-status),\n:host([status-position="left center"]) ::slotted(zg-status) {\n  right: auto;\n  left: var(--zg-status-offset);\n  transform: translateY(-50%);\n  top: 50%;\n}\n:host([status-position="center right"]) ::slotted(zg-status),\n:host([status-position="right center"]) ::slotted(zg-status) {\n  transform: translateY(-50%);\n  top: 50%;\n}\n/* \'Bar\' Style (Bottom) */\n:host([status-position="bar"]) ::slotted(zg-status) {\n  border-radius: 0;\n  right: auto;\n  top: 100%;\n  width: 100%;\n  max-width: none;\n}\n\n\n\n\n:host ::slotted(zg-load-mask[default-load-mask]) {\n  display:none;\n}\n\n:host([loading]) ::slotted(zg-load-mask[default-load-mask]) {\n  display:flex !important;\n}\n\n/* DRAGGABLE COLUMNS */\n/* Default Styling */\n:host ::slotted(.zg-shadow-cell) {\n  background-color: var(--zg-head-cell-background, var(--zg-head-background));\n  box-sizing: border-box;\n  color: var(--zg-head-cell-color);\n  /* min-width: 80px; */\n  height: var(--zg-head-cell-height);\n  /* line-height: 30px; */\n  position: absolute;\n  z-index: 100000000;\n  border-bottom: var(--zg-head-cell-border-bottom, 1px solid var(--theme-border-color));\n  border-left: var(--zg-head-cell-border-left, 1px solid var(--theme-border-color));\n  border-right: var(--zg-head-cell-border-right, 1px solid var(--theme-border-color));\n  border-top: var(--zg-head-cell-border-top, 1px solid var(--theme-border-color));\n  vertical-align: middle;\n  text-align: center;\n  text-transform: uppercase;\n  font-size: var(--zg-head-cell-font-size);\n  font-weight: bold;\n  cursor: move;\n\n  align-items: center;\n  justify-content: center;\n  display: flex;\n  flex-direction: column;\n}\n:host ::slotted(.zg-shadow-cell[ready]) {\n  padding: 20px 10px;\n}\n:host ::slotted(.zg-shadow-cell):after {\n  content: attr(data-content);\n  align-items: center;\n  background: var(--theme-color-primary);\n  border-bottom: var(--zg-head-cell-border-bottom, 1px solid var(--theme-border-color));\n  border-left: var(--zg-head-cell-border-left, 1px solid var(--theme-border-color));\n  border-right: var(--zg-head-cell-border-right, 1px solid var(--theme-border-color));\n  box-sizing: border-box;\n  color: #fff;\n  display: flex;\n  flex: 1;\n  font-size: 9px;\n  justify-content: center;\n  padding: 3px 5px;\n  white-space: nowrap;\n  min-width: 150px;\n  width: var(--draggable-width_note, calc(100% + 4px));\n}\n:host ::slotted(.zg-shadow-cell[ready]):after {\n  bottom: 0;\n  position: absolute;\n  transform: translateY(100%);\n}\n\n\n/* DRAG OUTSIDE GRID TO HIDE COLUMN */\n/* Styling when dragged outside ZG */\n:host ::slotted(.zg-shadow-remove) {\n  color: red;\n  border-color: red;\n}\n:host ::slotted(.zg-shadow-cell.zg-shadow-remove[ready]):after {\n  content: attr(data-content);\n  background: red;\n}\n\n\n/* SETTING VARIABLES */\n/* VERTICAL GRID LINES */\n:host([gridlines="vert"]),\n:host([gridlines="vertical"]) {\n  --zg-pager-border-top: 1px solid var(--theme-border-color);\n}\n\n/* BATCH EDIT */\n/*\n  When in \'batch edit\' mode we add an attribute to <zing-grid>\n  to help us in styling <zg-body> only in that state\n*/\n/* Default batch edit mode - Set styling on main <zg-body> */\n/* :host([batch-edit-active]) {\n  --theme-background-row: unset;\n} */\n/* :host([batch-edit-active]) ::slotted(zg-frozen-colgroup) {\n  --zing-grid-freeze-style-border: 0;\n} */\n:host([batch-edit-active][layout="card"]) ::slotted(zg-body) {\n  background: none;\n  border: var(--theme-batch-edit-border, 0);\n  box-shadow: var(--theme-batch-edit-box-shadow, inset 0 0 5px var(--theme-color-primary));\n}\n/*\n  When \'batch edit\' applied to frozen columns, the styling clashes\n  since frozen columns already have a box-shadow. Therefore, we\n  remove the frozen-column styling AND their respective child <zg-body>,\n  and instead add the box-shadow styling to the frozen-column parent element\n  inside <zing-grid>\'s shadow DOM\n*/\n:host([batch-edit-active]) ::slotted(zg-body),\n:host([batch-edit-active]) ::slotted(zg-frozen-colgroup) {\n  box-shadow: unset;\n}\n:host([batch-edit-active]) ::slotted(zg-body) {\n  border: 0;\n}\n:host([batch-edit-active][layout="card"]) .zing-grid-frames-body {\n  border: var(--theme-batch-edit-border, 0);\n  box-shadow: var(--theme-batch-edit-box-shadow, inset 0 0 5px var(--theme-color-primary));\n}',""])},96110:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,':host([theme="android"]) {\n\n  /* CUSTOM VARS FOR THIS THEME FILE\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --android-background_sorted\n  * @default #fafbfa\n  * @description Styles the background of sorted cell\n  * @see background\n  */\n  --android-background_sorted: #fafbfa;\n  /**\n  * @memberof android\n  * @var --android-caption-color\n  * @default #607d8b\n  * @description Styles the background of caption\n  * @see background-color\n  */\n  --android-caption-color: #607d8b;\n  /**\n  * @memberof android\n  * @var --android-color-primary\n  * @default #00796B\n  * @description Sets the font color of primary text and icons\n  * @example header cells\n  * @example pager icons\n  * @see color\n  */\n  --android-color-primary: #00796B;\n  /**\n  * @memberof android\n  * @var --android-color-secondary\n  * @default #263238\n  * @description Sets the font color of secondary text\n  * @example watermark\n  * @see color\n  */\n  --android-color-secondary: #263238;\n  /**\n  * @memberof android\n  * @var --android-font-size\n  * @default .9375rem\n  * @description Sets the base font size of grid\n  * @example cell content\n  * @see font-size\n  */\n  --android-font-size: .9375rem;\n  /**\n  * @memberof android\n  * @var --android-focus-color\n  * @default #4db6ac\n  * @description Styles the border of inputs and text of inputs on focus\n  * @example select input:focus\n  * @example page index input:focus\n  * @example editor modal input:focus\n  * @see color\n  */\n  --android-focus-color: #4db6ac;\n  /**\n  * @memberof android\n  * @var --android-input-height\n  * @default 22px\n  * @description Sets the height of inputs\n  * @example select input\n  * @example page index input\n  * @example editor modal input\n  * @see height\n  */\n  --android-input-height: 22px;\n\n  /* GLOBALS\n  ----------------------------------------------------- */\n  /* BACKGROUND */\n  /**\n  * @memberof android\n  * @var --theme-background-color\n  * @default rgba(0, 122, 255, .05)\n  * @description Styles the background of rows on hover\n  * @see background-color\n  */\n  --theme-background-color: rgba(0, 122, 255, .05);\n\n  /* BORDER */\n  /**\n  * @memberof android\n  * @var --theme-border-color\n  * @default #ebebeb\n  * @description Styles the border\n  * @example rows (header and body)\n  * @example column menu\n  * @example filter input\n  * @example page size option menu\n  * @example cards in \'card\' layout-mode\n  * @see border\n  */\n  --theme-border-color: #ebebeb;\n\n  /* COLOR */\n  /**\n  * @memberof android\n  * @var --theme-color-primary\n  * @default var(--android-color-primary)\n  * @description Sets the color of primary text and icons\n  * @example header cells\n  * @example pager icons\n  * @see color\n  */\n  --theme-color-primary: var(--android-color-primary);\n  /**\n  * @memberof android\n  * @var --theme-color-secondary\n  * @default var(--android-color-secondary);\n  * @description Sets the color of secondary text\n  * @example watermark\n  * @see color\n  */\n  --theme-color-secondary: var(--android-color-secondary);\n\n  /* FONT */\n  /**\n  * @memberof android\n  * @var --theme-color\n  * @default #4d4d4d\n  * @description Sets the color of text\n  * @example cell content\n  * @example pager text\n  * @example input text\n  * @example editor modal text\n  * @see color\n  */\n  --theme-color: #4d4d4d;\n  /**\n  * @memberof android\n  * @var --theme-color_alt\n  * @default #333333\n  * @description Sets the color of alternative text\n  * @example filter input\n  * @see color\n  */\n  --theme-color_alt: #333333;\n  /**\n  * @memberof android\n  * @var --theme-font-family\n  * @default "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;\n  * @description Sets the font family of text\n  * @see font-family\n  */\n  --theme-font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;\n  /**\n  * @memberof android\n  * @var --theme-font-size\n  * @default var(--android-font-size)\n  * @description Sets the base font size of text of grid\n  * @example cell content\n  * @see font-size\n  */\n  --theme-font-size: var(--android-font-size);\n  /**\n  * @memberof android\n  * @var --theme-font-style\n  * @default normal\n  * @description Sets the font style of text\n  * @see font-style\n  */\n  --theme-font-style: normal;\n  /**\n  * @memberof android\n  * @var --theme-font-weight\n  * @default normal\n  * @description Sets the font-weight of text\n  * @see font-weight\n  */\n  --theme-font-weight: normal;\n  /**\n  * @memberof android\n  * @var --theme-line-height\n  * @default 1.2rem\n  * @description Sets the line height\n  * @see line-height\n  */\n  --theme-line-height: 1.2rem;\n\n  /* PADDING */\n  /**\n  * @memberof android\n  * @var --theme-padding_x\n  * @default 1rem\n  * @description Sets the horizontal padding of cells\n  * @see padding\n  */\n  --theme-padding_x: 1rem;\n  /**\n  * @memberof android\n  * @var --theme-padding_y\n  * @default 1rem\n  * @description Sets the vertical padding of cells\n  * @see padding\n  */\n  --theme-padding_y: 1rem;\n\n\n  /* -------------------------------------------------- */\n\n  /* ZG-GRID\n  ----------------------------------------------------- */\n  /* Main Grid Component */\n  /**\n  * @memberof android\n  * @var --zing-grid-background\n  * @default #fff\n  * @description Styles the background of header and body rows\n  * @see background\n  */\n  --zing-grid-background: #fff;\n  /**\n  * @memberof android\n  * @var --zing-grid-border\n  * @default 0\n  * @description Styles the border of grid\n  * @see border\n  */\n  --zing-grid-border: 0;\n  /**\n  * @memberof android\n  * @var --zing-grid-box-shadow\n  * @default 0 5px 15px rgba(0,0,0, 0.2), 0 5px 5px rgba(0,0,0, 0.07)\n  * @description Applies a box shadow behind grid\n  * @see box-shadow\n  */\n  --zing-grid-box-shadow: 0 5px 15px rgba(0,0,0, 0.2), 0 5px 5px rgba(0,0,0, 0.07);\n  /* The Grid \'Table\' Shadow DOM element */\n  /**\n  * @memberof android\n  * @var --zing-grid-table-border-left\n  * @default 0\n  * @description Styles the left border of grid body\n  * @see border\n  */\n  --zing-grid-table-border-left: 0;\n  /**\n  * @memberof android\n  * @var --zing-grid-table-border-right\n  * @default 0\n  * @description Styles the right border of grid body\n  * @see border\n  */\n  --zing-grid-table-border-right: 0;\n\n\n  /* ZG-CELL\n  ----------------------------------------------------- */\n  /* When this cell\'s column is currently sorted */\n  /**\n  * @memberof android\n  * @var --zg-cell-background_sorted\n  * @default var(--android-background_sorted)\n  * @description Styles the background of sorted cells\n  * @see background-color\n  */\n  --zg-cell-background_sorted: var(--android-background_sorted);\n\n  /* ZG-CAPTION\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-caption-background\n  * @default var(--android-caption-color)\n  * @description Styles the background of caption\n  * @see background-color\n  */\n  --zg-caption-background: var(--android-caption-color);\n  /**\n  * @memberof android\n  * @var --zg-caption-box-shadow\n  * @default 0 2px 5px rgba(0,0,0,.26)\n  * @description Applies a box shadow behind caption\n  * @see box-shadow\n  */\n  --zg-caption-box-shadow: 0 2px 5px rgba(0,0,0,.26);\n  /**\n  * @memberof android\n  * @var --zg-caption-color\n  * @default #fff\n  * @description Sets the font color of caption\n  * @see color\n  */\n  --zg-caption-color: #fff;\n  /**\n  * @memberof android\n  * @var --zg-caption-font-size\n  * @default 1.125rem\n  * @description Sets the base font size of caption\n  * @see font-size\n  */\n  --zg-caption-font-size: 1.125rem;\n  /**\n  * @memberof android\n  * @var --zg-caption-font-weight\n  * @default 500\n  * @description Sets the font weight of caption\n  * @see font-weight\n  */\n  --zg-caption-font-weight: 500;\n  /* Title */\n  /**\n  * @memberof android\n  * @var --zg-caption-title-flex\n  * @default 1\n  * @description Sets are elements are flex in caption\n  * @see flex\n  */\n  --zg-caption-title-flex: 1;\n  /* Icons */\n  /**\n  * @memberof android\n  * @var --zg-caption-icon-color\n  * @default #fff\n  * @description Sets the color of icons in caption\n  * @see fill\n  */\n  --zg-caption-icon-color: #fff;\n  /**\n  * @memberof android\n  * @var --zg-caption-icon-height\n  * @default 24px\n  * @description Sets the height of icons in caption\n  * @see height\n  */\n  --zg-caption-icon-height: 24px;\n  /**\n  * @memberof android\n  * @var --zg-caption-icon-width\n  * @default 24px\n  * @description Sets the width of icons in caption\n  * @see width\n  */\n  --zg-caption-icon-width: 24px;\n\n  /* ZG-EDITOR-ROW\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-dialog-footer-justify-content\n  * @default flex-end\n  * @description Sets the horizontal alignment of contents in the dialog footer\n  * @see justify-content\n  */\n  --zg-dialog-footer-justify-content: flex-end;\n\n\n  /* ZG-EDITOR-ROW\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-editor-row-input-background_focus\n  * @default #fff\n  * @description Styles the background of editor input on focus\n  * @see background\n  */\n  --zg-editor-row-input-background_focus: #fff;\n  /**\n  * @memberof android\n  * @var --zg-editor-row-input-border-bottom_focus\n  * @default 2px solid var(--android-focus-color)\n  * @description Styles bottom border of editor input on focus\n  * @see border\n  */\n  --zg-editor-row-input-border-bottom_focus: 2px solid var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-editor-row-input-color_focus\n  * @default var(--android-focus-color)\n  * @description Styles the font color of editor input on focus\n  * @see color\n  */\n  --zg-editor-row-input-color_focus: var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-editor-row-input-padding\n  * @default 13px 15px 12px 13px\n  * @description Sets the padding of editor input\n  * @see padding\n  */\n  --zg-editor-row-input-padding: 13px 15px 12px 13px;\n  /**\n  * @memberof android\n  * @var --zg-editor-row-input-transform\n  * @default translate3d(0,-1px,0)\n  * @description Sets the transform of editor input\n  * @see transform\n  */\n  --zg-editor-row-input-transform: translate3d(0,-1px,0);\n\n  /* ZG-FILTER\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-filter-background_sorted\n  * @default #ececec\n  * @description Styles the background of filter in sorted column\n  * @see background\n  */\n  --zg-filter-background_sorted: #ececec;\n\n  /* ZG-FOCUS\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-focus-border\n  * @default 2px solid var(--android-focus-color)\n  * @description Styles the border of inputs on focus\n  * @see border\n  */\n  --zg-focus-border: 2px solid var(--android-focus-color);\n\n  /* ZG-HEAD-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-head-cell-border-top\n  * @default 1px solid transparent\n  * @description Styles the top border of head cells\n  * @see border\n  */\n  --zg-head-cell-border-top: 1px solid transparent;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-color\n  * @default var(--android-color-primary)\n  * @description Sets the font color of head cells\n  * @see color\n  */\n  --zg-head-cell-color: var(--android-color-primary);\n  /**\n  * @memberof android\n  * @var --zg-head-cell-font-size\n  * @default .875rem\n  * @description Sets the font size of head cells\n  * @see font-size\n  */\n  --zg-head-cell-font-size: var(--zing-grid-font-size, .875rem);\n  /* \'SPLIT PARENT\' CELL STYLING */\n  /**\n  * @memberof android\n  * @var --zg-head-cell-parent-background\n  * @default #f5f5f5\n  * @description Styles the background of \'parent\' head cells\n  * @see background\n  */\n  --zg-head-cell-parent-background: #f5f5f5;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-parent-border-bottom\n  * @default 1px solid #cfd8dc\n  * @description Styles the bottom border of \'parent\' head cells\n  * @see border\n  */\n  --zg-head-cell-parent-border-bottom: 1px solid #cfd8dc;\n  /* SORTABLE AND HOVERED */\n  /**\n  * @memberof android\n  * @var --zg-head-cell-background_sorted_hover\n  * @default #fafbfa\n  * @description Styles the background of sorted head cells on hover\n  * @see background\n  */\n  --zg-head-cell-background_sorted_hover: #fafbfa;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-border-top_sorted_hover\n  * @default 1px solid transparent\n  * @description Styles the top border of sorted head cells on hover\n  * @see border\n  */\n  --zg-head-cell-border-top_sorted_hover: 1px solid transparent;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-transition_sorted_hover\n  * @default background .15s\n  * @description Sets the transition of sorted head cells on hover\n  * @see transition\n  */\n  --zg-head-cell-transition_sorted_hover: background .15s;\n  /* SORTED (Overrides hover styles above) */\n  /**\n  * @memberof android\n  * @var --zg-head-cell-background_sorted\n  * @default #546e7a\n  * @description Styles the backgrounf of sorted head cells. Note that this will overwrite associated hover styles.\n  * @see background\n  */\n  --zg-head-cell-background_sorted: #546e7a;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-color_sorted\n  * @default #fff\n  * @description Sets the font color of sorted head cells. Note that this will overwrite associated hover styles.\n  * @see color\n  */\n  --zg-head-cell-color_sorted: #fff;\n  /**\n  * @memberof android\n  * @var --zg-head-cell-icon-color_sorted\n  * @default #fff\n  * @description Sets the icon color of sorted head cells. Note that this will overwrite associated hover styles.\n  * @see fill\n  */\n  --zg-head-cell-icon-color_sorted: #fff;\n\n  /* ZG-ICON\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-icon-color\n  * @default var(--theme-color-primary)\n  * @description Sets the color of icon\n  * @see fill\n  */\n  --zg-icon-color: var(--theme-color-primary);\n\n  /* ZG-INPUT\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-input-background\n  * @default none\n  * @description Styles the background of input field\n  * @see background\n  */\n  --zg-input-background: none;\n  /**\n  * @memberof android\n  * @var --zg-input-border\n  * @default 0\n  * @description Styles the border of input field\n  * @see border\n  */\n  --zg-input-border: 0;\n  /**\n  * @memberof android\n  * @var --zg-input-border-bottom\n  * @default 2px solid var(--android-focus-color)\n  * @description Styles the bottom border of input field\n  * @see border\n  */\n  --zg-input-border-bottom: 2px solid var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-input-font-size\n  * @default .8125rem\n  * @description Sets the base font size of input field\n  * @see font-size\n  */\n  --zg-input-font-size: .8125rem;\n  /**\n  * @memberof android\n  * @var --zg-input-height\n  * @default var(--android-input-height)\n  * @description Sets the height of input field\n  * @see height\n  */\n  --zg-input-height: var(--android-input-height);\n  /**\n  * @memberof android\n  * @var --zg-input-padding\n  * @default 0 0 4px\n  * @description Sets the padding of input field\n  * @see padding\n  */\n  --zg-input-padding: 0 0 4px;\n  /**\n  * @memberof android\n  * @var --zg-input-width\n  * @default 22px\n  * @description Sets the width of input field\n  * @see width\n  */\n  --zg-input-width: 22px;\n  /**\n  * @memberof android\n  * @var --zg-input-transform\n  * @default translateY(1px)\n  * @description Sets the transform of input field\n  * @see transform\n  */\n  --zg-input-transform: translateY(1px);\n  /* Focus */\n  /**\n  * @memberof android\n  * @var --zg-input-border_focus\n  * @default 0\n  * @description Styles the border of input field on focus\n  * @see border\n  */\n  --zg-input-border_focus: 0;\n  /**\n  * @memberof android\n  * @var --zg-input-border-bottom_focus\n  * @default 2px solid var(--android-focus-color)\n  * @description Styles the bottom border of input field on focus\n  * @see border\n  */\n  --zg-input-border-bottom_focus: 2px solid var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-input-color_focus\n  * @default var(--android-focus-color)\n  * @description Sets the font color of input field on focus\n  * @see color\n  */\n  --zg-input-color_focus: var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-input-font-size_focus\n  * @default 1rem\n  * @description Sets the base font size of input field on focus\n  * @see font-size\n  */\n  --zg-input-font-size_focus: 1rem;\n  /**\n  * @memberof android\n  * @var --zg-input-transform_focus\n  * @default translateY(1px)\n  * @description Sets the tranform of input field on focus\n  * @see transform\n  */\n  --zg-input-transform_focus: translateY(1px);\n\n  /* ZG-menu-bar\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-menu-bar-background\n  * @default #f0f4f9\n  * @description Styles the background of menu bar\n  * @see background\n  */\n  --zg-menu-bar-background: #f0f4f9;\n  /**\n  * @memberof android\n  * @var --zg-menu-bar-icon-color\n  * @default #4db6ac\n  * @description Sets the icon color of menu bar\n  * @see fill\n  */\n  --zg-menu-bar-icon-color: #4db6ac;\n\n  /* ZG-OPTION-LIST\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-option-list-item-background_hover\n  * @default #e0f2f1\n  * @description Styles the background of option list item on hover\n  * @see background\n  */\n  --zg-option-list-item-background_hover: #e0f2f1;\n  /**\n  * @memberof android\n  * @var --zg-option-list-item-height\n  * @default 28px\n  * @description Sets the height of option list item on hover\n  * @see height\n  */\n  --zg-option-list-item-height: 28px;\n  /**\n  * @memberof android\n  * @var --zg-option-list-item-padding\n  * @default 0 5px\n  * @description Sets the padding of option list item on hover\n  * @see padding\n  */\n  --zg-option-list-item-padding: 0 5px;\n\n  /* ZG-PAGER\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-pager-background\n  * @default #f0f0f0\n  * @description Styles the background of pager\n  * @see background\n  */\n  --zg-pager-background: #f0f0f0;\n  /**\n  * @memberof android\n  * @var --zg-pager-border-top\n  * @default 0\n  * @description Styles the top border of pager\n  * @see border\n  */\n  --zg-pager-border-top: 0;\n  /**\n  * @memberof android\n  * @var --zg-pager-font-size\n  * @default .8125rem\n  * @description Sets the font size of pager\n  * @see font-size\n  */\n  --zg-pager-font-size: .8125rem;\n  /**\n  * @memberof android\n  * @var --zg-pager-height\n  * @default 40px\n  * @description Sets the height of pager\n  * @see height\n  */\n  --zg-pager-height: 40px;\n\n  /* ZG-ROW\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-row-body-height\n  * @default 53px\n  * @description Sets the height of body rows\n  * @see height\n  */\n  --zg-row-body-height: 53px;\n  /* Layout: Card */\n  /**\n  * @memberof android\n  * @var --zg-row-card-box-shadow\n  * @default 0 3px 20px 0 rgba(0,0,0,0.075)\n  * @description Applies a box shadow behind cards in \'card\' layout-mode\n  * @see box-shadow\n  */\n  --zg-row-card-box-shadow: 0 3px 20px 0 rgba(0,0,0,0.075);\n  /**\n  * @memberof android\n  * @var --zg-row-card-grid-gap\n  * @default 25px\n  * @description Sets the gap between cards in \'card\' layout-mode\n  * @see grid-gap\n  */\n  --zg-row-card-grid-gap: 25px;\n\n  /* ZG-SEARCH\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-search-height\n  * @default 100%\n  * @description Sets the height of search input\n  * @see height\n  */\n  --zg-search-height: 100%;\n\n  /* ZG-SELECT\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-select-background\n  * @default none\n  * @description Styles the background of select\n  * @see background\n  */\n  --zg-select-background: none;\n  /**\n  * @memberof android\n  * @var --zg-select-border\n  * @default 0\n  * @description Styles the border of select\n  * @see border\n  */\n  --zg-select-border: 0;\n  /**\n  * @memberof android\n  * @var --zg-select-border-bottom\n  * @default 2px solid var(--android-focus-color)\n  * @description Styles the bottom border of select\n  * @see border\n  */\n  --zg-select-border-bottom: 2px solid var(--android-focus-color);\n  /**\n  * @memberof android\n  * @var --zg-select-height\n  * @default var(--android-input-height)\n  * @description Sets the height of select\n  * @see height\n  */\n  --zg-select-height: var(--android-input-height);\n  /**\n  * @memberof android\n  * @var --zg-select-min-width\n  * @default 15px\n  * @description Sets the minimum width of select\n  * @see min-width\n  */\n  --zg-select-min-width: 15px;\n  /**\n  * @memberof android\n  * @var --zg-select-outline\n  * @default none\n  * @description Styles of outline of select\n  * @see outline\n  */\n  --zg-select-outline: none;\n  /* Selected Field */\n  /**\n  * @memberof android\n  * @var --zg-select-text-background\n  * @default none\n  * @description Styles the background of select in active state \n  * @see background\n  */\n  --zg-select-text-background: none;\n  /* Arrow */\n  /**\n  * @memberof android\n  * @var --zg-select-arrow-background\n  * @default none\n  * @description Styles the backgrounf of select arrow\n  * @see background\n  */\n  --zg-select-arrow-background: none;\n  /**\n  * @memberof android\n  * @var --zg-select-arrow-border\n  * @default 0\n  * @description Styles the border of select arrow\n  * @see border\n  */\n  --zg-select-arrow-border: 0;\n\n  /* ZG-SOURCE\n  ----------------------------------------------------- */\n  --zg-source-background: #f9f9f9;\n  --zg-source-color: #549a92;\n\n  /* ZG-STATUS\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-status-background\n  * @default #333\n  * @description Styles the background of status\n  * @see background\n  */\n  --zg-status-background: #333;\n\n  /* ZG-WATERMARK\n  ----------------------------------------------------- */\n  /**\n  * @memberof android\n  * @var --zg-watermark-background\n  * @default #cfd8dc\n  * @description Styles the background of watermark\n  * @see background\n  */\n  --zg-watermark-background: #cfd8dc;\n  /**\n  * @memberof android\n  * @var --zg-watermark-border-top\n  * @default 0\n  * @description Styles the top border of watermark\n  * @see border\n  */\n  --zg-watermark-border-top: 0;\n  /**\n  * @memberof android\n  * @var --zg-watermark-color\n  * @default var(--theme-color-secondary)\n  * @description Sets the font color of watermark\n  * @see color\n  */\n  --zg-watermark-color: var(--theme-color-secondary);\n  /**\n  * @memberof android\n  * @var --zg-watermark-font-size\n  * @default 10px\n  * @description Sets the base font size of watermark\n  * @see font-size\n  */\n  --zg-watermark-font-size: 10px;\n}',""])},13054:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,":host([theme=\"black\"]) {\n  /* RE-USABLE ZINGGRID VARS\n  ----------------------------------------------------- */\n  /* These are used as the default theme values in the various component .css files */\n  /* These values are used more than once, so we're making them into a variable for reuse */\n\n  /* BACKGROUND */\n\n  /**\n  * @memberof black\n  * @var --theme-background-color\n  * @default #1e1e1e\n  * @description Styles the background of the grid\n  * @example caption\n  * @example filter\n  * @example control bar\n  * @example row:hover\n  * @see background-color\n  */\n  --theme-background-color: #1e1e1e;\n  /**\n  * @memberof black\n  * @var --theme-background-input\n  * @default #343434\n  * @description Styles the background input\n  * @see background-color\n  */\n  --theme-background-input: #343434;\n  /**\n  * @memberof black\n  * @var --theme-background-zebra\n  * @default var(--theme-background-color)\n  * @description Styles the background of 'even' rows in [zebra]-striping mode\n  * @see background-color\n  */\n  --theme-background-zebra: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --theme-background-row\n  * @default #323232\n  * @description Styles the background of row-like items\n  * @see background-color\n  */\n  --theme-background-row: #323232;\n\n  /* BORDER */\n  /**\n  * @memberof black\n  * @var --theme-border-color\n  * @default #444\n  * @description Styles the border color\n  * @see border\n  */\n  --theme-border-color: #444;\n\n  /* COLOR */\n\n  /**\n  * @memberof black\n  * @var --theme-color\n  * @default #767676\n  * @description Styles the font color for most components, including cell content.\n  * @see color\n  * @example cell font color\n  * @example button background\n  * @example checkbox border\n  * @example select color\n  */\n  --theme-color: #ccc;\n  /**\n  * @memberof black\n  * @var --theme-color-black\n  * @default #000\n  * @description Defines the baseline black color\n  * @see color\n  */\n  --theme-color-black: #000;\n  /**\n  * @memberof black\n  * @var --theme-color-input\n  * @default #d0d0d0\n  * @description Sets the font folor of input field\n  * @see color\n  */\n  --theme-color-input: #d0d0d0;\n\n  /**\n  * @memberof theme\n  * @var --theme-color-light\n  * @default #191818\n  * @description Defines the baseline light color\n  * @see color\n  * @example Currently reordering column\n  */\n  --theme-color-light: #191818;\n\n  /**\n  * @memberof black\n  * @var --theme-color-lighter\n  * @default #191818\n  * @description Defines the baseline light color\n  * @see color\n  * @example Filter and Footer background color\n  */\n  --theme-color-lighter: #191818;\n\n  /**\n  * @memberof black\n  * @var --theme-color-white\n  * @default #fff\n  * @description Defines the baseline white color\n  * @see color\n  */\n  --theme-color-white: #fff;\n\n\n  /* -------------------------------------------------- */\n\n\n  /* ZING-GRID\n  ----------------------------------------------------- */\n  --zing-grid-background: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --zing-grid-border-radius\n  * @default 20px\n  * @description Sets the border radius of the grid\n  * @see border-radius\n  */\n  --zing-grid-border-radius: 20px;\n\n  /* ZG-BUTTON\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-button-border-radius\n  * @description Styles of border-radius of buttons\n  * @see border\n  * @default 1px solid #000\n  */\n  --zg-button-border-radius: 3px;\n\n  /* ZG-BUTTON (CUSTOM) */\n  /**\n  * @memberof black\n  * @var --zg-button-background_custom\n  * @description Styles of background of custom button\n  * @see background\n  * @default #000\n  */\n  --zg-button-background_custom: #000;\n  /**\n  * @memberof black\n  * @var --zg-button-border_custom\n  * @description Styles of border of custom button\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  */\n  --zg-button-border_custom: 1px solid var(--theme-border-color);\n  /**\n  * @memberof black\n  * @var --zg-button-box-shadow_custom\n  * @description Applies a box shadow behind custom button\n  * @see box-shadow\n  * @default none\n  */\n  --zg-button-box-shadow_custom: none;\n  /**\n  * @memberof black\n  * @var --zg-button-color_custom\n  * @description Sets the fonc olor of custom button\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom: #fff;\n\n  /* Active */\n  /**\n  * @memberof black\n  * @var --zg-button-background_custom_active\n  * @description Styles of background of custom button on active state\n  * @see background\n  * @default #000\n  */\n  --zg-button-background_custom_active: #000;\n  /**\n  * @memberof black\n  * @var --zg-button-border_custom_active\n  * @description Styles of border of custom button on active state\n  * @see border\n  * @default 1px solid var(--zg-button-background_active)\n  */\n  --zg-button-border_custom_active: 1px solid var(--zg-button-background_active);\n  /**\n  * @memberof black\n  * @var --zg-button-box-shadow_custom_active\n  * @description Applies a box shadow behind custom button on active state\n  * @see box-shadow\n  * @default 0 0 5px 0 #000\n  */\n  --zg-button-box-shadow_custom_active: 0 0 5px 0 #000;\n  /**\n  * @memberof black\n  * @var --zg-button-color_custom_active\n  * @description Sets the font color of custom button on active state\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_active: #fff;\n\n  /* Focus */\n  /**\n  * @memberof black\n  * @var --zg-button-background_custom_focus\n  * @description Styles the background of custom button on focus\n  * @see background\n  * @default var(--zg-button-background_active)\n  */\n  --zg-button-background_custom_focus: var(--zg-button-background_active);\n  /**\n  * @memberof black\n  * @var --zg-button-border_custom_focus\n  * @description Styles of border of custom button on focus\n  * @see border\n  * @default 1px solid #000\n  */\n  --zg-button-border_custom_focus: 1px solid #000;\n  /**\n  * @memberof black\n  * @var --zg-button-box-shadow_custom_focus\n  * @description Applies a box shadow behind custom button on focus\n  * @see box-shadow\n  * @default 0 0 6px 0 #000\n  */\n  --zg-button-box-shadow_custom_focus: 0 0 6px 0 #000;\n  /**\n  * @memberof black\n  * @var --zg-button-color_custom_focus\n  * @description Sets the font color of custom button on focus\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_focus: #fff;\n\n  /* Hover */\n  /**\n  * @memberof black\n  * @var --zg-button-background_custom_hover\n  * @description Styles of background of custom button on hover\n  * @see background\n  * @default var(--zg-button-background_active)\n  */\n  --zg-button-background_custom_hover: var(--zg-button-background_active);\n  /**\n  * @memberof black\n  * @var --zg-button-border_custom_hover\n  * @description Styles of border of custom button on hover\n  * @see border\n  * @default 1px solid #000\n  */\n  --zg-button-border_custom_hover: 1px solid #000;\n  /**\n  * @memberof black\n  * @var --zg-button-box-shadow_custom_hover\n  * @description Applies a box shadow behind custom button on hover\n  * @see box-shadow\n  * @default 0 0 6px 0 #000\n  */\n  --zg-button-box-shadow_custom_hover: 0 0 6px 0 #000;\n  /**\n  * @memberof black\n  * @var --zg-button-color_custom_hover\n  * @description Sets the font color of custom button on hover\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_hover: #fff;\n\n  /* ZG-CAPTION\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-caption-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of caption\n  * @see background-color\n  */\n  --zg-caption-background: var(--theme-background-color);\n\n  /**\n  * @memberof black\n  * @var --zg-caption-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid caption\n  * @see border-radius\n  */\n  --zg-caption-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n  /**\n  * @memberof black\n  * @var --zg-caption-icon-color\n  * @default #fff\n  * @description Sets the color of icons in caption\n  * @see fill\n  */\n  --zg-caption-icon-color: var(--zg-icon-color);\n\n\n  /* ZG-CARD\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-body-card-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of card in 'card' layout-mode\n  * @see background-color\n  */\n  --zg-body-card-background: var(--theme-background-color);\n\n  /* ZG-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-cell-label-color_layout_card\n  * @description Sets font color of label in card in 'card' layout-mode\n  * @see color\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/WLX26P3Q\n  */\n  --zg-cell-label-color_layout_card: var(--theme-color);\n\n  /* ZG-COLUMN-RESIZE\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-column-resize-background\n  * @description Sets the background of the resize handle\n  * @see background\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/GY8NY03F\n  */\n  --zg-column-resize-background: var(--zg-head-cell-color);\n  /**\n  * @memberof dark\n  * @var --zg-column-resize-color\n  * @description Sets the color of the resize handle dots\n  * @see color\n  * @default none\n  */\n  --zg-column-resize-color: var(--theme-background-color);\n\n  /* ZG-CONTROL-BAR\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-control-bar-background\n  * @description Styles the background of the layout\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/E1K9COKF\n  */\n  --zg-control-bar-background: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --zg-control-bar-border-bottom\n  * @description Styles the bottom border of the layout\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/5DST8C9Q\n  */\n  --zg-control-bar-border-bottom: 0;\n  /**\n  * @memberof black\n  * @var --zg-control-bar-button-margin\n  * @description Sets the margin of layout buttons\n  * @see margin\n  * @default 0\n  */\n  --zg-control-bar-button-margin: 0;\n  /**\n  * @memberof black\n  * @var --zg-control-bar-icon-color\n  * @description Sets the fill color of slotted icon\n  * @see fill\n  * @default var(--zg-icon-color)\n  * @demoLink https://app.zingsoft.com/demos/create/AQXMHTVM\n  */\n  --zg-control-bar-icon-color: var(--zg-icon-color);\n\n  /**\n  * @memberof black\n  * @var --zg-control-bar-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid control-bar\n  * @see border-radius\n  */\n  --zg-control-bar-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n  /* ZG-DIALOG\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-background\n  * @description Styles the background of the dialog\n  * @see background\n  * @default var(--theme-background-color)\n  */\n  --zg-dialog-background: var(--theme-background-color);\n\n  /* HEADER */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-header-color\n  * @description Styles the color of the dialog header\n  * @see color\n  * @default #fff\n  */\n  --zg-dialog-header-color: #fff;\n\n  /**\n  * @memberof black\n  * @var --zg-dialog-body-color\n  * @description Styles font color of body of dialog\n  * @see color\n  * @default #fff\n  */\n  --zg-dialog-body-color: #ccc;\n\n\n  /* ZG-EDITOR-ROW\n  ----------------------------------------------------- */\n\n  /* INPUT */\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-background\n  * @description Styles the background of editor row input\n  * @see background\n  * @default var(--theme-color-black)\n  * @demoLink https://app.zingsoft.com/demos/create/3EBBN3A3\n  */\n  --zg-editor-row-input-background: var(--theme-color-black);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-border-bottom\n  * @description Styles the bottom border of editor row input\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/9P6CXB0Q\n  */\n  --zg-editor-row-input-border-bottom: 0;\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-color\n  * @description Sets the font color of editor row\n  * @see color\n  * @default var(--theme-color-input)\n  * @demoLink https://app.zingsoft.com/demos/create/QYZBZUVA\n  */\n  --zg-editor-row-input-color: var(--theme-color-input);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-padding\n  * @default 13px 16px 12px\n  * @description Sets the padding of editor input\n  * @see padding\n  */\n  --zg-editor-row-input-padding: 13px 16px 12px;\n\n  /* ZG-HEADER\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-header-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid header\n  * @see border-radius\n  */\n  --zg-header-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n  /* INPUT: FOCUSED */\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-background_focus\n  * @default var(--theme-color-black)\n  * @description Styles the background of editor input on focus\n  * @see background\n  */\n  --zg-editor-row-input-background_focus: var(--theme-color-black);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-box-shadow_focus\n  * @default none\n  * @description Styles the box-shadow of editor input on focus\n  * @see box-shadow\n  */\n  --zg-editor-row-input-box-shadow_focus: none;\n\n  /* INPUT: MODAL */\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-background_modal_focus\n  * @description Styles the background of editor input in modal on focus\n  * @see background\n  * @default var(--theme-color-black)\n  * @demoLink https://app.zingsoft.com/demos/create/ZORGW9GT\n  */\n  --zg-editor-row-input-background_modal_focus: var(--theme-color-black);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-border-bottom_modal_focus\n  * @description Styles the bottom border of editor input in modal on focus\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  */\n  --zg-editor-row-input-border-bottom_modal_focus: 1px solid var(--theme-border-color);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-color_modal_focus\n  * @description Sets the font color of editor input in modal on focus\n  * @see color\n  * @default var(--theme-color-input)\n  */\n  --zg-editor-row-input-color_modal_focus: var(--theme-color-input);\n  /**\n  * @memberof black\n  * @var --zg-editor-row-input-padding_modal\n  * @default 13px 10px 12px 8px\n  * @description Sets the padding of editor input\n  * @see padding\n  */\n  --zg-editor-row-input-padding_modal: 13px 10px 12px 8px;\n\n\n  /* ZG-FILTER\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-filter-background\n  * @description Styles the background of filter\n  * @see background\n  * @default var(--theme-background-color);\n  * @demoLink https://app.zingsoft.com/demos/create/G1WKUNFJ\n  */\n  --zg-filter-background: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --zg-filter-background_sorted\n  * @description Styles the background color of filter when the column in sorted\n  * @see background-color\n  * @default var(--theme-color-black)\n  * @demoLink https://app.zingsoft.com/demos/create/WX39XEJ1\n  */\n  --zg-filter-background_sorted: var(--theme-color-black);\n\n  /* INPUT */\n  /**\n  * @memberof black\n  * @var --zg-filter-input-background\n  * @description Styles the background of input field in filter\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  */\n  --zg-filter-input-background: var(--theme-color-black);\n  /**\n  * @memberof black\n  * @var --zg-filter-input-border-bottom\n  * @description Styles the bottom border of input field in filter\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/Z1COSRGD\n  */\n  --zg-filter-input-border-bottom: 1px solid #212121;\n  /**\n  * @memberof black\n  * @var --zg-filter-input-border-left\n  * @description Styles the left border of input field in filter\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/2Z1YS7PH\n  */\n  --zg-filter-input-border-left: 1px solid #212121;\n  /**\n  * @memberof black\n  * @var --zg-filter-input-border-right\n  * @description Styles the right border of input field in filter\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/JD0COXK4\n  */\n  --zg-filter-input-border-right: 1px solid #212121;\n  /**\n  * @memberof black\n  * @var --zg-filter-input-border-top\n  * @description Styles the top border of input field in filter\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/KRUW31YG\n  */\n  --zg-filter-input-border-top: 1px solid #212121;\n\n  /* INPUT: SORTED */\n  /**\n  * @memberof black\n  * @var --zg-filter-input-background_sorted\n  * @description Styles the background of input field in filter in sorted column\n  * @see background\n  * @default #171717\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  */\n  --zg-filter-input-background_sorted: #171717;\n\n  /* ZG-HEAD\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-head-background\n  * @default #191818\n  * @description Styles the background of grid head\n  * @see background\n  * @default Browser's default value\n  */\n  --zg-head-background: #191818;\n\n  /**\n  * @memberof black\n  * @var --zg-head-border-top\n  * @description Styles the top border of grid head\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/S7J5KA7S\n  */\n  --zg-head-border-top: 1px solid var(--theme-border-color);\n\n  /**\n  * @memberof dark\n  * @var --zg-head-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid head\n  * @see border-radius\n  */\n  --zg-head-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n\n  /* ZG-HEAD-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-head-cell-background_sorted\n  * @description Styles the background of sorted head cells\n  * @see background\n  * @default var(--theme-color-black)\n  * @demoLink https://app.zingsoft.com/demos/create/F7W6O5Y8\n  */\n  --zg-head-cell-background_sorted: var(--theme-color-black);\n  /**\n  * @memberof black\n  * @var --zg-head-cell-color\n  * @default var(--theme-color)\n  * @description Sets the font color of head cells\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/MOTKNFI7\n  */\n  --zg-head-cell-color: var(--theme-color);\n  /**\n  * @memberof black\n  * @var --zg-head-cell-color_sorted\n  * @description Sets the font color of sorted head cells\n  * @default var(--theme-color-white);\n  * @see color\n  */\n  --zg-head-cell-color_sorted: var(--theme-color-white);\n\n  /* ZG-HEADER\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-header-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid header\n  * @see border-radius\n  */\n  --zg-header-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n\n  /* ZG-ICON\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-icon-color\n  * @default var(--theme-color-white)\n  * @description Sets the fill color of icon in shadow elements\n  * @see fill\n  * @demoLink https://app.zingsoft.com/demos/create/QP3CK186\n  */\n  --zg-icon-color: var(--theme-color-white);\n  /**\n  * @memberof black\n  * @var --zg-icon-init-fill\n  * @description This color is set on the icon <svg> while the element has the\n  * [init] attribute. This is meant to give an indication the column is sortable.\n  * The [init] goes away when the column is sorted.\n  * @default #d0d0d0\n  * @see fill\n  * @demoLink https://app.zingsoft.com/demos/create/K3C0AD5K\n  */\n  /* Not-Sorted Color */\n  --zg-icon-init-fill: #d0d0d0;\n  /**\n  * @memberof black\n  * @var --zg-head-cell-icon-color_sorted\n  * @description Sets the fill color of icon in sorted head cells\n  * @see fill\n  * @default var(--theme-color-white);\n  * @demoLink https://app.zingsoft.com/demos/create/I4QTA64O\n  */\n  /* Sorted Color */\n  --zg-head-cell-icon-color_sorted: var(--theme-color-white);\n\n  /* ZG-INPUT\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-input-background\n  * @description Styles the background of input field\n  * @see background\n  * @default var(--theme-background-input)\n  * @demoLink https://app.zingsoft.com/demos/create/QTKU281K\n  */\n  --zg-input-background: var(--theme-background-input);\n  /**\n  * @memberof black\n  * @var --zg-input-color\n  * @description Styles the font color of editor input in modal\n  * @see color\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/32AVDJGQ\n  */\n  --zg-input-color: var(--theme-color-input);\n\n  /* ZG-MENU\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-menu-background\n  * @description Styles the background of menu\n  * @see background-color\n  * @default var(--theme-color-lighter)\n  */\n  --zg-menu-background: var(--theme-color-lighter);\n\n  /* ZG-MENUITEM\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-menu-item-color_hover\n  * @description Sets the font color of menu item on hover\n  * @see color\n  * @default #fff\n  */\n  --zg-menu-item-color_hover: #fff;\n\n  /* ZG-PAGER\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-pager-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of the pager\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/DSI1M4K6\n  */\n  --zg-pager-background: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --zg-pager-border-top\n  * @description Styles the top border of the pager\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  * @demoLink https://app.zingsoft.com/demos/create/S7J5KA7S\n  */\n  --zg-pager-border-top: 1px solid var(--theme-border-color);\n\n  /* ZG-ROW\n  ----------------------------------------------------- */\n\n  /* ZG-BODY */\n  /**\n  * @memberof black\n  * @var --zg-row-body-background_even\n  * @default var(--theme-background-row)\n  * @description Styles the background of 'even' body rows\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/VMHOQP1A\n  */\n  --zg-row-body-background_even: var(--theme-background-row);\n  /**\n  * @memberof black\n  * @var --zg-row-body-background_odd\n  * @default var(--theme-background-row)\n  * @description Styles the background of 'odd' body rows\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/VMHOQP1A\n  */\n  --zg-row-body-background_odd: var(--theme-background-row);\n  /**\n  * @memberof black\n  * @var --zg-row-body-color\n  * @default #ccc\n  * @description Sets the font color of body rows\n  * @see color\n  */\n  --zg-row-body-color: #ccc;\n\n  /* Hover */\n  /**\n  * @memberof black\n  * @var --zg-row-body-color_even_hover\n  * @default var(--zg-row-body-color)\n  * @description Sets the font-color of 'even' body rows on hover\n  * @see color\n  */\n  --zg-row-body-color_even_hover: var(--zg-row-body-color);\n  /**\n  * @memberof black\n  * @var --zg-row-body-color_odd_hover\n  * @default var(--zg-row-body-color)\n  * @description Sets the font-color of 'odd' body rows on hover\n  * @see color\n  */\n  --zg-row-body-color_odd_hover: var(--zg-row-body-color);\n\n  /* Card */\n  /**\n  * @memberof black\n  * @var --zg-row-card-background\n  * @description Styles the background of card in 'card' layout-mode\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/BN8IASG4\n  */\n  --zg-row-card-background: var(--theme-background-row);\n\n  /* CARD MODE WHEN EDITOR CONTROLS */\n  /**\n  * @memberof default\n  * @var --zg-row-card-background_editor_odd\n  * @description Styles the background of 'odd' card editor head in card layout-mode\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px, var(--theme-border-color) 44px, var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px);\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/EFQR8XAB\n  */\n  /* ODD */\n  --zg-row-card-background_editor_odd: linear-gradient(\n    var(--theme-color-lighter),\n    var(--theme-color-lighter) 43px,\n    var(--theme-border-color) 44px,\n    var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px\n  );\n  /* EVEN */\n  /**\n  * @memberof default\n  * @var --zg-row-card-background_editor_even\n  * @description Styles the background of 'even' card editor head in card layout-mode\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px, var(--theme-border-color) 44px, var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px);\n  * @see background\n  */\n  --zg-row-card-background_editor_even: linear-gradient(\n    var(--theme-color-lighter),\n    var(--theme-color-lighter) 43px,\n    var(--theme-border-color) 44px,\n    var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px\n  );\n\n  /* ZG-SELECT\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-select-arrow-color\n  * @description Sets the color select arrow icon\n  * @see fill\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/1IT6DL7R\n  */\n  --zg-select-arrow-color: var(--zg-icon-color);\n  /**\n  * @memberof black\n  * @var --zg-select-color\n  * @description Sets the font color of the select\n  * @see color\n  * @default var(--theme-color-input)\n  * @demoLink https://app.zingsoft.com/demos/create/LHLU0OLY\n  */\n  --zg-select-color: var(--theme-color-input);\n  /**\n  * @memberof black\n  * @var --zg-select-text-background\n  * @description Styles the background of the 'text' portion of the zg-select element\n  * @default var(--theme-background-input)\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/MZG3WH82\n  */\n  --zg-select-text-background: var(--theme-background-input);\n  /**\n  * @memberof black\n  * @var --zg-option-list-background\n  * @description Styles the background of option list\n  * @see background\n  * @default var(--theme-background-color)\n  */\n  --zg-option-list-background: var(--theme-background-color);\n\n  /* ZG-SOURCE\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-source-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of source\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/B8CEE4RW\n  */\n  --zg-source-background: var(--theme-background-color);\n  /**\n  * @memberof black\n  * @var --zg-source-border-top\n  * @description Styles the top border of source\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/IYUVRHY0\n  */\n  --zg-source-border-top: 0;\n\n\n  /* ZG-WATERMARK\n  ----------------------------------------------------- */\n  /**\n  * @memberof black\n  * @var --zg-watermark-background\n  * @default var(--theme-color_alt)\n  * @description Styles the background of the ZingGrid watermark\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/PLI8AW69\n  */\n  --zg-watermark-background: var(--theme-color_alt);\n  /**\n  * @memberof black\n  * @var --zg-watermark-color\n  * @default var(--theme-color_alt)\n  * @description Styles the color of the ZingGrid watermark\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/RHV3AZL7\n  */\n  --zg-watermark-color: #fff;\n\n  /**\n    * @memberof black\n    * @var --zg-watermark-border-radius\n    * @default var(--theme-color_alt)\n    * @description Styles the border-radius of the ZingGrid watermark\n    * @see border-radius\n    * @demoLink https://app.zingsoft.com/demos/create/HCZ0FTPR\n    */\n    --zg-watermark-border-radius: 0 0 var(--zing-grid-border-radius) var(--zing-grid-border-radius);\n\n    /* BATCH EDIT\n  ----------------------------------------------------- */\n  --zing-grid-batch-edit-style-border: 4px solid var(--theme-color);\n  /* --theme-batch-edit-box-shadow: inset 0 0 15px var(--theme-color_alt); */\n  --theme-batch-edit-box-shadow: unset;\n\n}\n\n\n",""])},36375:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,":host([compact]),\n:host([theme][compact]) {\n  /* --theme-padding_x: .75rem; */\n  --theme-padding_y: .5rem;\n  --zg-caption-height: 40px;\n  --zg-caption-title-font-size: 80%;\n  --zg-filter-height: 34px;\n  --zg-pager-height: 0;\n  --zg-pager-padding: 0 var(--theme-padding_x) 11px;\n  --zg-row-head-height: 32px;\n  --zg-row-body-height: 0;\n  --zg-row-height_aggregate: 32px;\n  --zg-cell-font-size: 95%;\n  --zg-cell-padding: var(--theme-padding_y) var(--theme-padding_x);\n  --zg-cell-selector-min-height_layout_row: 0;\n}",""])},79300:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,":host([theme=\"dark\"]) {\n  /* RE-USABLE ZINGGRID VARS\n  ----------------------------------------------------- */\n  /* These are used as the default theme values in the various component .css files */\n  /* These values are used more than once, so we're making them into a variable for reuse */\n\n  /* BACKGROUND */\n\n  /**\n  * @memberof dark\n  * @var --theme-background-color\n  * @default #071730\n  * @description Styles the background of row on hover\n  * @see background-color\n  */\n  --theme-background-color: #071730;\n  /**\n  * @memberof dark\n  * @var --theme-background-input\n  * @default #343434\n  * @description Styles the background input fields\n  * @see background-color\n  */\n  --theme-background-input: #343434;\n  /**\n  * @memberof dark\n  * @var --theme-background-zebra\n  * @default var(--theme-background-color)\n  * @description Styles the background of 'even' rows in grid [zebra]-striping mode\n  * @see background-color\n  */\n  --theme-background-zebra: var(--theme-background-color);\n  /**\n  * @memberof dark\n  * @var --theme-background-row\n  * @default #191a2c\n  * @description Styles the background of row-like items\n  * @see background-color\n  */\n  --theme-background-row: #191a2c;\n\n  /* BORDER */\n  /**\n  * @memberof dark\n  * @var --theme-border-color\n  * @default var(--theme-color_alt)\n  * @description Styles the border color\n  * @see border\n  */\n  --theme-border-color: var(--theme-color_alt);\n  /**\n  * @memberof dark\n  * @var --theme-border-color_body\n  * @default #3a3a3a\n  * @description Styles the border color of grid body\n  * @see border\n  */\n  --theme-border-color_body: #3a3a3a;\n\n  /* COLOR */\n\n  /**\n  * @memberof dark\n  * @var --theme-color\n  * @default #e4e4e4\n  * @description Sets the font color of most components, including cell content.\n  * @see color\n  * @example cell font color\n  * @example button background\n  * @example checkbox border\n  * @example select color\n  */\n  --theme-color: #e4e4e4;\n  /**\n  * @memberof dark\n  * @var --theme-color_alt\n  * @default #5290a5\n  * @description Sets the font color of most components, including cell content.\n  * @see color\n  */\n  --theme-color_alt: #5290a5;\n  /**\n  * @memberof dark\n  * @var --theme-color-input\n  * @default #d0d0d0\n  * @description Sets the font color of input fields\n  * @see color\n  */\n  --theme-color-input: #d0d0d0;\n  /**\n  * @memberof black\n  * @var --theme-color-light\n  * @default #050b22\n  * @description Defines the baseline light color\n  * @see color\n  * @example Currently reordering column\n  */\n  --theme-color-light: #050b22;\n  /**\n  * @memberof dark\n  * @var --theme-color-lighter\n  * @default #050b22\n  * @description Defines the baseline lighter color\n  * @see color\n  * @example Filter and Footer background color\n  */\n  --theme-color-lighter: #050b22;\n  /**\n  * @memberof dark\n  * @var --theme-color-primary\n  * @default #00061d\n  * @description Defines the baseline primary color\n  * @see color\n  */\n  --theme-color-primary: #00061d;\n  /**\n  * @memberof dark\n  * @var --theme-color-white\n  * @default #fff\n  * @description Defines the baseline white color\n  * @see color\n  */\n  --theme-color-white: #fff;\n\n\n  /* -------------------------------------------------- */\n\n\n  /* ZING-GRID\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zing-grid-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of grid\n  * @see background-color\n  */\n  --zing-grid-background: var(--theme-background-color);\n\n  /* DRAGGABLE COLUMNS */\n  /**\n  * @memberof dark\n  * @var --draggable-width_note\n  * @default calc(100% + 2px)\n  * @description Sets width of draggable element when `[draggable]` is added to `<zing-grid>`\n  * @see width\n  */\n  --draggable-width_note: calc(100% + 2px);\n\n\n  /* ZG-BUTTON\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-button-background_active\n  * @description Styles the background of button on active state\n  * @see background\n  * @default #343434\n  * @demoLink https://app.zingsoft.com/demos/create/XPUZZ3LU\n  */\n  --zg-button-background_active: #343434;\n\n  /* ZG-BUTTON (CUSTOM) */\n  /**\n  * @memberof dark\n  * @var --zg-button-background_custom\n  * @description Styles the background of custom button\n  * @see background\n  * @default var(--theme-color-primary)\n  */\n  --zg-button-background_custom: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-button-border_custom\n  * @description Styles the border of custom button\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  */\n  --zg-button-border_custom: 1px solid var(--theme-border-color);\n  /**\n  * @memberof dark\n  * @var --zg-button-box-shadow_custom\n  * @description Applies a box shadow behind efault button\n  * @see box-shadow\n  * @default none\n  */\n  --zg-button-box-shadow_custom: none;\n  /**\n  * @memberof dark\n  * @var --zg-button-color_custom\n  * @description Sets the font color of custom button\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom: #fff;\n\n  /* Active */\n  /**\n  * @memberof dark\n  * @var --zg-button-background_custom_active\n  * @description Styles the background of custom button on active state\n  * @see background\n  * @default #000\n  */\n  --zg-button-background_custom_active: #000;\n  /**\n  * @memberof dark\n  * @var --zg-button-border_custom_active\n  * @description Styles the border of custom button on active state\n  * @see border\n  * @default 1px solid #4eaada\n  */\n  --zg-button-border_custom_active: 1px solid #4eaada;\n  /**\n  * @memberof dark\n  * @var --zg-button-box-shadow_custom_active\n  * @description Applies a box shadow behind custom button on active state\n  * @see box-shadow\n  * @default 0 0 5px 0 #86d3fb\n  */\n  --zg-button-box-shadow_custom_active: 0 0 5px 0 #86d3fb;\n  /**\n  * @memberof dark\n  * @var --zg-button-color_custom_active\n  * @description Sets the font color of custom button on active state\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_active: #fff;\n  /* Focus */\n  /**\n  * @memberof dark\n  * @var --zg-button-background_custom_focus\n  * @description Styles the background of custom button on focus\n  * @see background\n  * @default #000\n  */\n  --zg-button-background_custom_focus: #000;\n  /**\n  * @memberof dark\n  * @var --zg-button-border_custom_focus\n  * @description Styles the border of custom button on focus\n  * @see border\n  * @default 1px solid #5ac4fb\n  */\n  --zg-button-border_custom_focus: 1px solid #5ac4fb;\n  /**\n  * @memberof dark\n  * @var --zg-button-box-shadow_custom_focus\n  * @description Applies a box shadow behind custom button on focus\n  * @see box-shadow\n  * @default 0 0 6px 0 #86d3fb\n  */\n  --zg-button-box-shadow_custom_focus: 0 0 6px 0 #86d3fb;\n  /**\n  * @memberof dark\n  * @var --zg-button-color_custom_focus\n  * @description Sets font color of custom button on focus\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_focus: #fff;\n\n  /* Hover */\n  /**\n  * @memberof dark\n  * @var --zg-button-background_custom_hover\n  * @description Styles background of custom button on hover\n  * @see background\n  * @default var(--theme-color-primary)\n  */\n  --zg-button-background_custom_hover: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-button-border_custom_hover\n  * @description Styles border of custom button on hover\n  * @see border\n  * @default 1px solid #5ac4fb\n  */\n  --zg-button-border_custom_hover: 1px solid #5ac4fb;\n  /**\n  * @memberof dark\n  * @var --zg-button-box-shadow_custom_hover\n  * @description Applies a box shadow behind custom button on hover\n  * @see box-shadow\n  * @default 0 0 6px 0 #86d3fb\n  */\n  --zg-button-box-shadow_custom_hover: 0 0 6px 0 #86d3fb;\n  /**\n  * @memberof dark\n  * @var --zg-button-color_custom_hover\n  * @description Sets font color of custom button on hover\n  * @see color\n  * @default #fff\n  */\n  --zg-button-color_custom_hover: #fff;\n\n  /* ZG-CAPTION\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-caption-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of caption\n  * @see background-color\n  */\n  --zg-caption-background: var(--theme-background-color);\n\n  /**\n  * @memberof dark\n  * @var --zg-caption-icon-color\n  * @default #fff\n  * @description Sets the color of icons in caption\n  * @see fill\n  */\n  --zg-caption-icon-color: var(--zg-icon-color);\n\n  /* ZG-CARD\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-body-card-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of card in 'card' layout-mode\n  * @see background-color\n  */\n  --zg-body-card-background: var(--theme-background-color);\n\n  /* ZG-CELL\n  ----------------------------------------------------- */\n    /**\n  * @memberof dark\n  * @var --zg-cell-background_sorted\n  * @default var(--theme-color-primary)\n  * @description Styles the background of sorted cells\n  * @see background-color\n  */\n  --zg-cell-background_sorted: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-cell-label-color_layout_card\n  * @description Sets font color of label in grid cell in 'card' layout-mode\n  * @see color\n  * @default var(--theme-color)\n  * @demoLink https://app.zingsoft.com/demos/create/WLX26P3Q\n  */\n  --zg-cell-label-color_layout_card: var(--theme-color);\n\n  /* ZG-COLUMN-RESIZE\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-column-resize-background\n  * @description Sets the background of the resize handle\n  * @see background\n  * @default none\n  * @demoLink https://app.zingsoft.com/demos/create/GY8NY03F\n  */\n  --zg-column-resize-background: var(--zg-head-cell-color);\n  /**\n  * @memberof dark\n  * @var --zg-column-resize-color\n  * @description Sets the color of the resize handle dots\n  * @see color\n  * @default none\n  */\n  --zg-column-resize-color: var(--theme-background-color);\n\n  /* ZG-CONTROL-BAR\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-control-bar-background\n  * @description Styles the background of control bar\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/E1K9COKF\n  */\n  --zg-control-bar-background: var(--theme-background-color);\n  /**\n  * @memberof dark\n  * @var --zg-control-bar-border-bottom\n  * @description Styles the bottom border of control bar\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/5DST8C9Q\n  */\n  --zg-control-bar-border-bottom: 0;\n  /**\n  * @memberof dark\n  * @var --zg-control-bar-button-margin\n  * @description Sets margin of buttons in control bar\n  * @see margin\n  * @default 0\n  */\n  --zg-control-bar-button-margin: 0;\n  /**\n  * @memberof dark\n  * @var --zg-control-bar-icon-color\n  * @description Sets the fill color of slotted icon\n  * @see fill\n  * @default var(--zg-icon-color)\n  * @demoLink https://app.zingsoft.com/demos/create/AQXMHTVM\n  */\n  --zg-control-bar-icon-color: var(--zg-icon-color);\n\n  /* ZG-DIALOG\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-background\n  * @description Styles the background of dialog\n  * @see background\n  * @default #050b22\n  */\n  --zg-dialog-background: #050b22;\n\n  /* HEADER */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-header-color\n  * @description Styles the font color of dialog header\n  * @see color\n  * @default #fff\n  */\n  --zg-dialog-header-color: #fff;\n\n  /**\n  * @memberof dark\n  * @var --zg-dialog-cancel-border-bottom\n  * @description Styles the bottom border of dialog 'cancel' button\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-cancel-border-bottom: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-dialog-cancel-border-left\n  * @description Styles the left border of dialog 'cancel' button\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-cancel-border-left: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-dialog-cancel-border-right\n  * @description Styles the right border of dialog 'cancel' button\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-cancel-border-right: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-dialog-cancel-border-top\n  * @description Styles the top border of dialog 'cancel' button\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-cancel-border-top: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-dialog-close-color\n  * @description Sets the font color of dialog 'close' button\n  * @see color\n  * @default var(--theme-color_alt)\n  */\n  --zg-dialog-close-color: var(--theme-color_alt);\n\n  /* BODY */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-body-border-top\n  * @description Styles the top boder of dialog body\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-body-border-top: 1px solid var(--theme-border-color_body);\n\n  /* FOOTER */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-footer-border-top\n  * @description Styles the top border of dialog footer\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  */\n  --zg-dialog-footer-border-top: 1px solid var(--theme-border-color_body);\n\n  /* BODY COLOR\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-dialog-body-color\n  * @description Styles font color of body of dialog\n  * @see color\n  * @default #fff\n  */\n  --zg-dialog-body-color: #fff;\n\n  /* ZG-EDITOR-ROW\n  ----------------------------------------------------- */\n\n  /* ZG-EDITOR-ROW: INPUT */\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-background\n  * @description Styles the background of editor row input\n  * @see background\n  * @default var(--theme-color-primary))\n  * @demoLink https://app.zingsoft.com/demos/create/3EBBN3A3\n  */\n  --zg-editor-row-input-background: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-border-bottom\n  * @description Styles the bottom border of editor row input\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/9P6CXB0Q\n  */\n  --zg-editor-row-input-border-bottom: 0;\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-color\n  * @description Sets the font color of editor row input\n  * @see color\n  * @default var(--theme-color-input)\n  * @demoLink https://app.zingsoft.com/demos/create/QYZBZUVA\n  */\n  --zg-editor-row-input-color: var(--theme-color-input);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-padding\n  * @default 13px 16px 12px\n  * @description The padding of editor row input\n  * @see padding\n  */\n  --zg-editor-row-input-padding: 13px 16px 12px;\n\n  /* ZG-EDITOR-ROW: INPUT - FOCUSED */\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-background_focus\n  * @default var(--theme-background-color)\n  * @description Styles the background of editor row input on focus\n  * @see background\n  */\n  --zg-editor-row-input-background_focus: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-border-bottom\n  * @description Styles the bottom border of input field\n  * @see border\n  * @default var(--theme-border-color_body)\n  */\n  --zg-editor-row-input-border-bottom: var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-box-shadow_focus\n  * @default none\n  * @description Applies a box shadow behind editor row input on focus\n  * @see box-shadow\n  */\n  --zg-editor-row-input-box-shadow_focus: none;\n\n  /* ZG-EDITOR-ROW: MODAL - INPUT */\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-background_modal_focus\n  * @description Styles the background of editor row input in modal on focus\n  * @see background\n  * @default var(--theme-background-zebra)\n  * @demoLink https://app.zingsoft.com/demos/create/ZORGW9GT\n  */\n  --zg-editor-row-input-background_modal_focus: var(--theme-background-zebra);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-border-bottom_modal_focus\n  * @description Styles the bottom border of editor row input in modal on focus\n  * @see border\n  * @default 1px solid var(--theme-border-color)\n  */\n  --zg-editor-row-input-border-bottom_modal_focus: 1px solid var(--theme-border-color);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-color_modal_focus\n  * @description Sets the font color of editor row input in modal on focus\n  * @see color\n  * @default var(--theme-color-input)\n  */\n  --zg-editor-row-input-color_modal_focus: var(--theme-color-input);\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-input-padding_modal\n  * @default 13px 10px 12px 8px\n  * @description Sets the padding of editor row input\n  * @see padding\n  */\n  --zg-editor-row-input-padding_modal: 13px 10px 12px 8px;\n\n  /* ZG-EDITOR-ROW: LABEL\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-editor-row-label-color\n  * @description Styles font color of label in modal\n  * @see color\n  * @default #fff\n  */\n  --zg-editor-row-label-color: #fff;\n\n  /* ZG-FILTER\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-filter-background\n  * @description Styles the background of filter input\n  * @see background\n  * @default var(--theme-background-color);\n  * @demoLink https://app.zingsoft.com/demos/create/G1WKUNFJ\n  */\n  --zg-filter-background: var(--theme-background-color);\n  /**\n  * @memberof dark\n  * @var --zg-filter-background_sorted\n  * @description Styles the background color of filter input in sorted column\n  * @see background-color\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/WX39XEJ1\n  */\n  --zg-filter-background_sorted: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-filter-border-top\n  * @description Styles the top border of the filter cell\n  * @see border\n  * @default 0\n  */\n  --zg-filter-border-top: 0;\n\n  /* ZG-FILTER: INPUT */\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-background\n  * @description Styles the background of fiter input field\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  */\n  --zg-filter-input-background: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-border-bottom\n  * @description Styles the bottom border of filter input field\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/Z1COSRGD\n  */\n  --zg-filter-input-border-bottom: 1px solid #212121;\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-border-left\n  * @description Styles the left border of filter input field\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/2Z1YS7PH\n  */\n  --zg-filter-input-border-left: 1px solid #212121;\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-border-right\n  * @description Styles the right border of filter input field\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/JD0COXK4\n  */\n  --zg-filter-input-border-right: 1px solid #212121;\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-border-top\n  * @description Styles the top border of filter input field\n  * @see border\n  * @default 1px solid #212121\n  * @demoLink https://app.zingsoft.com/demos/create/KRUW31YG\n  */\n  --zg-filter-input-border-top: 1px solid #212121;\n\n  /* ZG-FILTER: INPUT - SORTED */\n  /**\n  * @memberof dark\n  * @var --zg-filter-input-background_sorted\n  * @description Styles the background of filter input field in sorted column\n  * @see background\n  * @default var(--theme-background-row)\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  */\n  --zg-filter-input-background_sorted: var(--theme-background-row);\n\n  /* ZG-HEAD\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-head-background\n  * @default #050b22\n  * @description Styles the background of grid head\n  * @see background\n  */\n  --zg-head-background: #050b22;\n  /**\n  * @memberof dark\n  * @var --zg-head-border-bottom\n  * @description Styles the bottom border of grid head\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  * @demoLink https://app.zingsoft.com/demos/create/HLBTB6HX\n  */\n  --zg-head-border-bottom: 1px solid var(--theme-border-color_body);\n\n  /**\n  * @memberof dark\n  * @var --zg-head-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid head\n  * @see border-radius\n  */\n  --zg-head-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n  /**\n  * @memberof dark\n  * @var --zg-head-border-top\n  * @description Styles the top border of grid head\n  * @see border\n  * @default 0\n  * @demoLink https://app.zingsoft.com/demos/create/S7J5KA7S\n  */\n  --zg-head-border-top: 0;\n\n  /* ZG-HEAD-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-head-cell-background_sorted\n  * @description Styles the background of sorted head cells\n  * @see background\n  * @default var(--theme-color-primary)\n  * @demoLink https://app.zingsoft.com/demos/create/F7W6O5Y8\n  */\n  --zg-head-cell-background_sorted: var(--theme-color-primary);\n  /**\n  * @memberof dark\n  * @var --zg-head-cell-color\n  * @default var(--theme-color_alt)\n  * @description Sets the font color of head cells\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/MOTKNFI7\n  */\n  --zg-head-cell-color: var(--theme-color_alt);\n  /**\n  * @memberof dark\n  * @var --zg-head-cell-color_sorted\n  * @description Sets the font color of head cells when sorted\n  * @default var(--theme-color-white);\n  * @see color\n  */\n  --zg-head-cell-color_sorted: var(--theme-color-white);\n\n  /* ZG-HEADER\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-header-border-radius\n  * @default var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0\n  * @description Styles the border-radius of the grid header\n  * @see border-radius\n  */\n  --zg-header-border-radius: var(--zing-grid-border-radius) var(--zing-grid-border-radius) 0 0;\n\n\n  /* ZG-ICON\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-icon-color\n  * @default var(--theme-color-white)\n  * @description Sets the fill color of icon in shadow elements\n  * @see fill\n  * @demoLink https://app.zingsoft.com/demos/create/QP3CK186\n  */\n  --zg-icon-color: var(--theme-color_alt);\n  /**\n  * @memberof dark\n  * @var --zg-icon-init-fill\n  * @description This color is set on the icon <svg> while the element has the\n  * [init] attribute. This is meant to give an indication the column is sortable.\n  * The [init] goes away when the column is sorted.\n  * @default var(--theme-color)\n  * @see fill\n  * @demoLink https://app.zingsoft.com/demos/create/K3C0AD5K\n  */\n  /* Not-Sorted Color */\n  --zg-icon-init-fill: var(--theme-color_alt);\n  /**\n  * @memberof dark\n  * @var --zg-head-cell-icon-color_sorted\n  * @description Sets the fill color of icon in sorted head cells\n  * @see fill\n  * @default var(--theme-color-white);\n  * @demoLink https://app.zingsoft.com/demos/create/I4QTA64O\n  */\n  /* Sorted Color */\n  --zg-head-cell-icon-color_sorted: var(--theme-color-white);\n\n  /* ZG-INPUT\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-input-background\n  * @description Styles the background of input field\n  * @see background\n  * @default var(--theme-background-row)\n  * @demoLink https://app.zingsoft.com/demos/create/QTKU281K\n  */\n  --zg-input-background: var(--theme-background-row);\n  /**\n  * @memberof dark\n  * @var --zg-input-color\n  * @description Styles the font color of input field\n  * @see color\n  * @default var(--theme-color-input)\n  * @demoLink https://app.zingsoft.com/demos/create/32AVDJGQ\n  */\n  --zg-input-color: var(--theme-color-input);\n\n  /* ZG-MENU\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-menu-background\n  * @description Styles the background of menu\n  * @see background\n  * @default var(--theme-color-lighter)\n  */\n  --zg-menu-background: var(--theme-color-lighter);\n\n  /* ZG-MENUITEM\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-menu-item-background_hover\n  * @description Styles the background of menu item on hover\n  * @see background\n  * @default var(--theme-background-zebra)\n  */\n  --zg-menu-item-background_hover: var(--theme-background-zebra);\n  /**\n  * @memberof dark\n  * @var --zg-menu-item-color_hover\n  * @description Sets the font color of menu item on hover\n  * @see color\n  * @default var(--theme-color_alt)\n  */\n  --zg-menu-item-color_hover: var(--theme-color_alt);\n\n  /* ZG-PAGER\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-pager-background\n  * @default var(--theme-background-color)\n  * @description Styles the background of pager\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/DSI1M4K6\n  */\n  --zg-pager-background: var(--theme-background-color);\n  /**\n  * @memberof dark\n  * @var --zg-pager-border-top\n  * @description Styles the top border of pager\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  * @demoLink https://app.zingsoft.com/demos/create/S7J5KA7S\n  */\n  --zg-pager-border-top: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-pager-color\n  * @description Sets the font color of pager\n  * @see color\n  * @default #a1a1a1\n  */\n  --zg-pager-color: #a1a1a1;\n\n  /* ZG-ROW\n  ----------------------------------------------------- */\n\n  /* ZG-BODY */\n  /**\n  * @memberof dark\n  * @var --zg-row-body-background_even\n  * @default var(--theme-background-row)\n  * @description Styles the background of 'even' body rows\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/VMHOQP1A\n  */\n  --zg-row-body-background_even: var(--theme-background-row);\n  /**\n  * @memberof dark\n  * @var --zg-row-body-background_even\n  * @default var(--theme-background-row)\n  * @description Styles the background of 'even' body rows\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/VMHOQP1A\n  */\n  --zg-row-body-background_odd: var(--theme-background-row);\n  /**\n  * @memberof dark\n  * @var --zg-row-body-border-bottom\n  * @description Styles the bottom border of body rows\n  * @see border\n  * @default 1px solid var(--theme-border-color_body)\n  * @demoLink https://app.zingsoft.com/demos/create/HNJ2XN7Y\n  */\n  --zg-row-body-border-bottom: 1px solid var(--theme-border-color_body);\n  /**\n  * @memberof dark\n  * @var --zg-row-body-color\n  * @default var(--theme-color)\n  * @description Sets the font color of body rows\n  * @see color\n  */\n  --zg-row-body-color: var(--theme-color);\n\n  /* Hover */\n  /**\n  * @memberof dark\n  * @var --zg-row-body-color_even_hover\n  * @default var(--zg-row-body-color)\n  * @description Sets the font color of 'even' body rows on hover\n  * @see color\n  */\n  --zg-row-body-color_even_hover: var(--zg-row-body-color);\n  /**\n  * @memberof dark\n  * @var --zg-row-body-color_odd_hover\n  * @default var(--zg-row-body-color)\n  * @description Setst the font color of 'odd' body rows on hover\n  * @see color\n  */\n  --zg-row-body-color_odd_hover: var(--zg-row-body-color);\n\n  /* Card */\n  /**\n  * @memberof dark\n  * @var --zg-row-card-background\n  * @description Styles the background of cards in 'card' layout-mode\n  * @see background\n  * @default var(--theme-background-color)\n  * @demoLink https://app.zingsoft.com/demos/create/BN8IASG4\n  */\n  --zg-row-card-background: var(--theme-background-row);\n\n  /* CARD MODE WHEN EDITOR CONTROLS */\n  /* ODD */\n  /**\n  * @memberof dark\n  * @var --zg-row-card-background_editor_odd\n  * @description Styles the background of 'odd' card editor header in 'card' layout-mode\n  * when `[editor-controls]` is added to `<zing-grid>`.\n  * Styling should account for the editor controls above the cells.\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px var(--theme-border-color) 44px, var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px)\n  * @see background\n  */\n  --zg-row-card-background_editor_odd: linear-gradient(\n    var(--theme-color-lighter),\n    var(--theme-color-lighter) 43px,\n    var(--theme-border-color) 44px,\n    var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px\n  );\n  /* EVEN */\n  /**\n  * @memberof dark\n  * @var --zg-row-card-background_editor_even\n  * @description Styles the background of 'even' card editor header in 'card' layout-mode\n  * when `[editor-controls]` is added to `<zing-grid>`.\n  * Styling should account for the editor controls above the cells.\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px, var(--theme-border-color) 44px, var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px)\n  * @see background\n  */\n  --zg-row-card-background_editor_even: linear-gradient(\n    var(--theme-color-lighter),\n    var(--theme-color-lighter) 43px,\n    var(--theme-border-color) 44px,\n    var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px\n  );\n\n  /* ZG-SELECT\n  ----------------------------------------------------- */\n  /**\n  * @memberof dark\n  * @var --zg-select-arrow-color\n  * @description Sets the color of select arrow icon\n  * @see fill\n  * @default var(--zg-icon-color)\n  * @demoLink https://app.zingsoft.com/demos/create/1IT6DL7R\n  */\n  --zg-select-arrow-color: var(--zg-icon-color);\n  /**\n  * @memberof dark\n  * @var --zg-select-color\n  * @description Sets the font color of the select in active state\n  * @see color\n  * @default var(--theme-color-input)\n  * @demoLink https://app.zingsoft.com/demos/create/LHLU0OLY\n  */\n  --zg-select-color: var(--theme-color-input);\n  /**\n  * @memberof dark\n  * @var --zg-select-text-background\n  * @description Styles the background of the 'text' portion of select\n  * @default none\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/MZG3WH82\n  */\n  --zg-select-text-background: none;\n  /**\n  * @memberof dark\n  * @var --zg-option-list-background\n  * @description Styles the background of option list\n  * @see background\n  * @default var(--theme-background-color)\n  */\n  --zg-option-list-background: var(--theme-background-color);\n\n  /* ZG-SOURCE\n  ----------------------------------------------------- */\n  --zg-source-background: none;\n  --zg-source-border-bottom_top: 1px solid #0e4658;\n  --zg-source-border-top_top: 1px solid #0e4658;\n  --zg-source-border-top_bottom: 1px solid #0e4658;\n  --zg-source-color: #47899e;\n\n  /* ZG-WATERMARK\n  ----------------------------------------------------- */\n  --zg-watermark-background: var(--theme-background-color);\n  --zg-watermark-color: var(--theme-color-white);\n  --zg-watermark-color_strong: var(--theme-color-white);\n\n  /* BATCH EDIT\n  ----------------------------------------------------- */\n  --zing-grid-batch-edit-style-border: 4px solid var(--theme-color_alt);\n  /* --theme-batch-edit-box-shadow: inset 0 0 15px var(--theme-color_alt); */\n  --theme-batch-edit-box-shadow: unset;\n\n}",""])},33974:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,":host {\n  /* RE-USABLE ZINGGRID VARS\n  ----------------------------------------------------- */\n  /* These are used as the default theme values in the various component .css files */\n  /* These values are used more than once, so we're making them into a variable for reuse */\n\n  /* BACKGROUND */\n\n  /**\n  * @memberof theme\n  * @var --theme-background-color\n  * @default rgba(166, 213, 250, 0.2)\n  * @description Styles the background of row on hover\n  * @see background-color\n  */\n  --theme-background-color: rgba(166, 213, 250, 0.2);\n\n  /**\n  * @memberof theme\n  * @var --theme-background-zebra\n  * @default #f5f5f5\n  * @description Styles the background of 'even' rows in [zebra]-striping mode\n  * @see background-color\n  */\n  --theme-background-zebra: #f5f5f5;\n\n  /* BORDER */\n  /**\n  * @memberof theme\n  * @var --theme-border-color\n  * @default #e3e3e3\n  * @description Styles the border color\n  * @see border\n  */\n  --theme-border-color: #e3e3e3;\n\n  /* COLOR */\n\n  /**\n  * @memberof theme\n  * @var --theme-color\n  * @default rgb(33, 33, 33, 1)\n  * @description Sets the font color of most components, including cell content.\n  * @see color\n  * @example cell font color\n  * @example button background\n  * @example checkbox border\n  * @example select color\n  */\n  --theme-color: rgba(33, 33, 33, 1);\n\n  /**\n  * @memberof theme\n  * @var --theme-color_alt\n  * @default rgba(117, 117, 117, 1);\n  * @description Sets the font color of alternate text\n  * @see color\n  * @example header font\n  */\n  --theme-color_alt: rgba(117, 117, 117, 1);\n  \n  /**\n  * @memberof theme\n  * @var --theme-color-primary\n  * @default rgba(33, 150, 243, 1)\n  * @description Sets the font color of primary text\n  * @see color\n  * @example watermark\n  * @example checkbox:checked\n  * @example focus border\n  */\n  --theme-color-primary: rgba(33, 150, 243, 1);\n\n  /**\n  * @memberof theme\n  * @var --theme-color-secondary\n  * @default var(--theme-color-primary)\n  * @description Sets the font color of secondary text for components of functionality, such as header cells.\n  * @see color\n  * @example input:focus\n  */\n  --theme-color-secondary: var(--theme-color-primary);\n\n  /**\n  * @memberof theme\n  * @var --theme-color-success\n  * @default green\n  * @description Sets the font color for 'success' messages\n  * @see color\n  */\n  --theme-color-success: green;\n\n  /**\n  * @memberof theme\n  * @var --theme-color-alert\n  * @default red\n  * @description Sets the font color for 'alert' messages\n  * @see color\n  */\n  --theme-color-alert: red;\n\n  /**\n  * @memberof theme\n  * @var --theme-color-light\n  * @default #f2f2f2\n  * @description Defines the baseline light color\n  * @see color\n  * @example <zg-source> background\n  */\n  --theme-color-light: #f2f2f2;\n\n  /**\n  * @memberof theme\n  * @var --theme-color-lighter\n  * @default #fbfbfb\n  * @description Defines the baseline lighter color\n  * @see color\n  * @example Filter and Footer background color\n  */\n  --theme-color-lighter: #fbfbfb;\n\n  /**\n  * @memberof theme\n  * @var --theme-color-warn\n  * @default #ecd800\n  * @description Sets the font color of 'warn' messages\n  * @see color\n  */\n  --theme-color-warn: #ecd800;\n\n  /* FONT */\n\n  /**\n  * @memberof theme\n  * @var --theme-font-family\n  * @default 'Roboto', verdana, sans-serif\n  * @description Sets the font family of grid\n  * @see font-family\n  */\n  --theme-font-family: 'Roboto', verdana, sans-serif;\n\n  /**\n  * @memberof theme\n  * @var --theme-font-size\n  * @default 0.875rem\n  * @description Sets the base font size of grid\n  * @see font-size\n  */\n  --theme-font-size: .875rem;\n\n  /**\n  * @memberof theme\n  * @var --theme-font-style\n  * @default normal\n  * @description Sets the font style of grid\n  * @see font-style\n  */\n  --theme-font-style: normal;\n\n  /**\n  * @memberof theme\n  * @var --theme-font-weight\n  * @default normal\n  * @description Sets the font weight of grid\n  * @see font-weight\n  */\n  --theme-font-weight: normal;\n\n  /**\n  * @memberof theme\n  * @var --theme-line-height\n  * @default 1rem\n  * @description Sets the line height of grid\n  * @see line-height\n  */\n  --theme-line-height: 1rem;\n\n  /* PADDING */\n  /**\n  * @memberof theme\n  * @var --theme-padding_x\n  * @default 1rem\n  * @description Sets the horizontal padding of cells\n  * @see padding\n  */\n  --theme-padding_x: 1rem;\n\n  /**\n  * @memberof theme\n  * @var --theme-padding_y\n  * @default 0\n  * @description Sets the vertical padding of cells\n  * @see padding\n  */\n  --theme-padding_y: 0;\n\n  /* TRANSITION SPEED */\n  /**\n  * @memberof theme\n  * @var --theme-transition_speed\n  * @default 150ms\n  * @description Sets the animation speed for transitions\n  * @see transition\n  */\n  --theme-transition_speed: 150ms;\n\n  /* SIZING */\n  /**\n  * @memberof theme\n  * @var --theme-margin\n  * @default 20px\n  * @description Sets the margin of pager controls\n  * @see margin\n  */\n  --theme-margin: 20px;\n\n\n  /* -------------------------------------------------- */\n\n\n  /* ZING-GRID\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zing-grid-background\n  * @default #fff\n  * @description Styles the background of grid\n  * @see background-color\n  # @example body and header rows\n  # @example layout\n  # @example pager\n  */\n  --zing-grid-background: #fff;\n\n\n  /* ZG-BUTTON\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-button-background_hover\n  * @default rgba(255, 255, 255, 0.3)\n  * @description Styles the background of button on hover\n  * @see background\n  */\n  --zg-button-background_hover: rgba(255, 255, 255, 0.3);\n  /**\n  * @memberof default\n  * @var --zg-button-focus\n  * @default 2px solid green\n  * @description Styles the border of button on focus\n  * @see border\n  */\n  --zg-button-focus: 1px solid green;\n\n  /* ZG-BUTTON (CUSTOM) */\n  /**\n  * @memberof default\n  * @var --zg-button-background_custom\n  * @default #fff\n  * @description Styles the background of custom button\n  * @see background\n  */\n  --zg-button-background_custom: #fff;\n  /**\n  * @memberof default\n  * @var --zg-button-border_custom\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the border of custom button\n  * @see border\n  */\n  --zg-button-border_custom: 1px solid var(--theme-border-color);\n  /**\n  * @memberof default\n  * @var --zg-button-box-shadow_custom\n  * @default 0 0 5px 0 #a6a6a6\n  * @description Applies box shadow behind custom button\n  * @see box-shadow\n  */\n  --zg-button-box-shadow_custom: 0 0 5px 0 #a6a6a6;\n  /**\n  * @memberof default\n  * @var ---zg-button-color_custom\n  * @default #000\n  * @description Sets the font color of custom button\n  * @see color\n  */\n  --zg-button-color_custom: #000;\n\n  /* FOCUS */\n  /**\n  * @memberof default\n  * @var --zg-button-background_custom_focus\n  * @default var(--theme-color-primary)\n  * @description Styles the background of custom button on focus\n  * @see background\n  */\n  --zg-button-background_custom_focus: var(--theme-color-primary);\n  /**\n  * @memberof default\n  * @var --zg-button-border_custom_focus\n  * @default 1px solid #5ac4fb\n  * @description Styles the border of custom button on focus\n  * @see border\n  */\n  --zg-button-border_custom_focus: 1px solid #5ac4fb;\n  /**\n  * @memberof default\n  * @var --zg-button-box-shadow_custom_focus\n  * @default 0 0 6px 0 #86d3fb\n  * @description Applies a box shadow behind custom button on focus\n  * @see box-shadow\n  */\n  --zg-button-box-shadow_custom_focus: 0 0 6px 0 #86d3fb;\n  /**\n  * @memberof default\n  * @var --zg-button-color_custom_focus\n  * @default #fff\n  * @description Sets the font color of custom button on focus\n  * @see color\n  */\n  --zg-button-color_custom_focus: #fff;\n\n  /* HOVER */\n  /**\n  * @memberof default\n  * @var --zg-button-background_custom_hover\n  * @default var(--theme-color-primary)\n  * @description Styles the background of custom button on hover\n  * @see background\n  */\n  --zg-button-background_custom_hover: var(--theme-color-primary);\n  /**\n  * @memberof default\n  * @var --zg-button-border_custom_hover\n  * @default 1px solid #5ac4fb\n  * @description Styles the border of custom button on hover\n  * @see border\n  */\n  --zg-button-border_custom_hover: 1px solid #5ac4fb;\n  /**\n  * @memberof default\n  * @var --zg-button-box-shadow_custom_hover\n  * @default 0 0 6px 0 #86d3fb\n  * @description Applies a box shadow behind custom button on hover\n  * @see box-shadow\n  */\n  --zg-button-box-shadow_custom_hover: 0 0 6px 0 #86d3fb;\n  /**\n  * @memberof default\n  * @var --zg-button-color_custom_hover\n  * @default #fff\n  * @description Sets the font color of custom button on hover\n  * @see color\n  */\n  --zg-button-color_custom_hover: #fff;\n  \n  /* ACTIVE */\n  /**\n  * @memberof default\n  * @var --zg-button-background_custom_active\n  * @default #0594de\n  * @description Styles the background of custom button on active state\n  * @see background\n  */\n  --zg-button-background_custom_active: #0594de;\n  /**\n  * @memberof default\n  * @var --zg-button-border_custom_active\n  * @default 1px solid #4eaada\n  * @description Styles the border of custom button on active state\n  * @see border\n  */\n  --zg-button-border_custom_active: 1px solid #4eaada;\n  /**\n  * @memberof default\n  * @var --zg-button-box-shadow_custom_active\n  * @default 0 0 5px 0 #86d3fb\n  * @description Applies a box shadow behind custom button on active state\n  * @see box-shadow\n  */\n  --zg-button-box-shadow_custom_active: 0 0 5px 0 #86d3fb;\n  /**\n  * @memberof default\n  * @var --zg-button-color_custom_active\n  * @default #fff\n  * @description Sets the font color of custom button on active state\n  * @see color\n  */\n  --zg-button-color_custom_active: #fff;\n\n\n  /* ZG-CAPTION\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-caption-background\n  * @default #003749\n  * @description Styles the background of caption\n  * @see background-color\n  */\n  --zg-caption-background: #003749;\n  /**\n  * @memberof default\n  * @var --zg-caption-color\n  * @default #fff\n  * @description Styles the font color of caption\n  * @see color\n  */\n  --zg-caption-color: #fff;\n  /**\n  * @memberof default\n  * @var --zg-caption-height\n  * @description Sets the height of caption\n  * @see height\n  * @default 4rem\n  * @demoLink https://app.zingsoft.com/demos/create/Y3GPK1TE\n  */\n  --zg-caption-height: 4rem;\n  /**\n  * @memberof default\n  * @var --zg-caption-icon-color\n  * @default #fff\n  * @description Sets the icon color in caption\n  * @see color\n  */\n  --zg-caption-icon-color: #fff;\n  /**\n  * @memberof default\n  * @var --zg-caption-padding\n  * @default 0 var(--theme-padding_x)\n  * @description Sets the padding of caption\n  * @see padding\n  */\n  --zg-caption-padding: 0 var(--theme-padding_x);\n\n  /* TITLE ELEMENT */\n  /* --zg-caption-title-align-self: center; */\n  /* TOOLBAR ELEMENT */\n  /* --zg-caption-toolbar-align-self: flex-end; */\n\n  /* BUTTONS IN CAPTION */\n  /**\n  * @memberof default\n  * @var --zg-caption-button-background_hover\n  * @default #004f69\n  * @description Styles the background of button in caption\n  * @see background\n  */\n  --zg-caption-button-background_hover: #004f69;\n\n\n  /* ZG-CELL\n  ----------------------------------------------------- */\n  /* NORMAL */\n  /**\n  * @memberof default\n  * @var --zg-cell-background_sorted\n  * @default var(--theme-background-color)\n  * @description Styles the background of sorted cells\n  * @see background-color\n  */\n  --zg-cell-background_sorted: var(--theme-background-color);\n\n  /* AGGREGATE */\n  /**\n  * @memberof default\n  * @var --zg-cell-background_aggregate\n  * @default var(--zg-filter-background)\n  * @description Styles the background of 'aggregate' row\n  * @see background-color\n  */\n  --zg-cell-background_aggregate: var(--zg-filter-background);\n  /**\n  * @memberof default\n  * @var --zg-cell-background_aggregate_sorted\n  * @default var(--theme-background-color)\n  * @description Styles the background of sorted aggregate cells\n  * @see background-color\n  */\n  --zg-cell-background_aggregate_sorted: #dbecff;\n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_sorted\n  * @default 1px solid #d5e8ff\n  * @description Styles the border-top of sorted cells\n  * @see background-color\n  */\n  --zg-cell-border-top_sorted: 1px solid #d5e8ff;\n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_aggregate\n  * @default 1px solid var(--theme-border-color)\n  * @description Sets the top border of 'aggregate' rows\n  * @see height\n  */\n  --zg-cell-border-top_aggregate: 1px solid var(--theme-border-color);\n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_aggregate_sorted\n  * @default 1px solid #b3d6ff\n  * @description Styles the border-top of sorted aggregate cells\n  * @see background-color\n  */\n  --zg-cell-border-top_aggregate_sorted: 1px solid #b3d6ff;\n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_frozen\n  * @default 1px solid var(--theme-border-color)\n  * @description Sets the top border of 'frozen' rows\n  * @see height\n  */\n  --zg-cell-border-top_frozen: 1px solid var(--theme-border-color);\n\n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_frozen\n  * @default 1px solid var(--theme-border-color)\n  * @description Sets the top border of 'frozen' rows\n  */\n  --zg-row-border-top_foot_frozen: 1px solid var(--theme-border-color);\n  \n  /**\n  * @memberof default\n  * @var --zg-cell-border-top_aggregate\n  * @default 1px solid var(--theme-border-color)\n  * @description Sets the top border of 'aggregate' rows\n  */\n  --zg-row-border-top_foot_aggregate: 1px solid var(--theme-border-color);\n\n\n  /* ZG-COLUMN-RESIZE\n  ----------------------------------------------------- */\n  --zg-column-resize-background: #f1f1f1;\n  --zg-column-resize-color: #c1c1c1;\n\n\n  /* ZG-CONTROL-BAR\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-control-bar-background\n  * @default #e3ecf6\n  * @description Styles the background of control bar\n  * @see background-color\n  */\n  --zg-control-bar-background: #e3ecf6;\n  \n\n  /* ZG-FOOT\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-foot-background\n  * @default var(--theme-color-lighter)\n  * @description The footer background\n  * @see background-color\n  */\n  --zg-foot-background: var(--theme-color-lighter);\n\n\n  /* ZG-FILTER\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-filter-background\n  * @default #f5f5f5\n  * @description Styles the background of filter\n  * @see background-color\n  */\n  --zg-filter-background: #f5f5f5;\n  /**\n  * @memberof default\n  * @var --zg-filter-background_sorted\n  * @default #c5dbf3\n  * @description Styles the background of filter in sorted column\n  * @see background-color\n  */\n  --zg-filter-background_sorted: #c5dbf3;\n  /**\n  * @memberof default\n  * @var --zg-filter-height\n  * @default 40px\n  * @description Sets the height of filter row\n  * @see height\n  */\n  --zg-filter-height: 40px;\n\n  /* FILTER INPUT */\n  /**\n  * @memberof default\n  * @var --zg-filter-input-background\n  * @default #fff\n  * @description Styles the background of filter input\n  * @see background-color\n  */\n  --zg-filter-input-background: #fff;\n  /**\n  * @memberof default\n  * @var --zg-filter-input-border\n  * @default 1px solid var(--theme-border-color);\n  * @description Styles the border of filter input\n  * @see border\n  */\n  --zg-filter-input-border: 1px solid var(--theme-border-color);\n  /**\n  * @memberof default\n  * @var --zg-filter-input-font-size\n  * @default .75rem\n  * @description Sets the font size of the filter input\n  * @see font-size\n  */\n  --zg-filter-input-font-size: .75rem;\n\n  --zg-row-background_filter: var(--zg-filter-background);\n\n\n  /* ZG-HEAD\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-head-background\n  * @default var(--theme-color-lighter)\n  * @description Styles the background of the grid head\n  * @see background\n  */\n  --zg-head-background: var(--theme-color-lighter);\n\n  /* ZG-HEAD-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-head-cell-background_sorted\n  * @default #d1e7ff\n  * @description Styles the background of sorted head cells\n  * @see background-color\n  */\n  --zg-head-cell-background_sorted: #d1e7ff;\n  /**\n  * @memberof default\n  * @var --zg-head-cell-font-size\n  * @default .9rem\n  * @description Sets the font size of head cells\n  * @see font-size\n  */\n  --zg-head-cell-font-size: var(--zing-grid-font-size, .9rem);\n  \n  /**\n  * @memberof default\n  * @var --zg-head-cell-padding\n  * @default 0 var(--theme-padding_x)\n  * @description Sets the padding of head cells\n  * @see padding\n  */\n  --zg-head-cell-padding: 0 var(--theme-padding_x); \n  --zg-head-cell-padding-left: var(--theme-padding_x);\n  \n  /* 'SPLIT PARENT' CELL STYLING */\n  /**\n  * @memberof default\n  * @var --zg-head-cell-parent-background\n  * @default #fff\n  * @description Styles the background of 'parent' head cells\n  * @see background\n  */\n  --zg-head-cell-parent-background: #fff;\n  /**\n  * @memberof default\n  * @var --zg-head-cell-parent-background_hover\n  * @default var(--theme-color-lighter);\n  * @description Styles the background of 'parent' head cells on hover\n  * @see background-color\n  */\n  --zg-head-cell-parent-background_hover: var(--theme-color-lighter);\n  /**\n  * @memberof default\n  * @var --zg-head-cell-parent-border-bottom_hover\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the bottom border of 'parent' head cells\n  * @see border\n  */\n  --zg-head-cell-parent-border-bottom_hover: 1px solid var(--theme-border-color);\n  /**\n  * @memberof default\n  * @var --zg-head-cell-parent-font-size\n  * @default .85rem\n  * @description Sets the font size of 'parent' head cells\n  * @see font-size\n  */\n  --zg-head-cell-parent-font-size: .85rem;\n  /**\n  * @memberof default\n  * @var --zg-head-cell-parent-font-weight\n  * @default 400\n  * @description Sets the font weight of 'parent' head cells\n  * @see font-weight\n  */\n  --zg-head-cell-parent-font-weight: 400;\n\n  /* HEAD CELL ICON */\n  /**\n  * @memberof default\n  * @var --zg-head-cell-icon-margin\n  * @default 0 5px 0 -3px\n  * @description Sets the margin of child icons in head cells\n  * @see margin\n  */\n  --zg-head-cell-icon-margin: 0 5px 0 -3px;\n\n\n  /* ZG-ICON\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-icon-init-fill\n  * @default #d4d4d4\n  * @description Sets the initial color of icon\n  * @see fill\n  */\n  --zg-icon-init-fill: #d4d4d4;\n  /**\n  * @memberof default\n  * @var --zg-icon-height\n  * @default 20px\n  * @description Sets the height of icon\n  * @see height\n  */\n  --zg-icon-height: 20px;\n  /**\n  * @memberof default\n  * @var --zg-icon-width\n  * @default 20px\n  * @description Sets the width of icon\n  * @see width\n  */\n  --zg-icon-width: 20px;\n\n  /**\n  * @memberof default\n  * @var --zg-menu-background\n  * @default #ff\n  * @description Style the background of menu\n  * @see background\n  */\n  --zg-menu-background: #fff;\n\n  /* --zg-menu-item-background_hover: var(--theme-color-lighter);*/\n\n\n  /* ZG-PAGER\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-pager-padding\n  * @default 0 var(--theme-padding_x) var(--theme-padding_x)\n  * @description Sets the padding of pager\n  * @see padding\n  */\n  --zg-pager-padding: 0 var(--theme-padding_x) 13px;\n\n  /* Pager top-border in card mode, but not in mobile. Yikes :) */\n  /* NOTE: Internal use only for now. Don't add JS Docs */\n  --zg-pager-card-nonmobile-border-top: 1px solid var(--theme-border-color);\n\n  /* Sections */\n  /**\n  * @memberof default\n  * @var --zg-pager-section-margin-top\n  * @default 13px\n  * @description Sets the top margin of pager\n  * @see margin\n  */\n  --zg-pager-section-margin-top: 13px;\n\n  /* 'Button' Type */\n  --zg-pager-border_button: 1px solid var(--theme-border-color);\n  --zg-pager-color_button_active: #fff;\n\n\n  /* ZG-ROW\n  ----------------------------------------------------- */\n  /* ZG-HEAD ZG-ROW */\n  /**\n  * @memberof default\n  * @var --zg-row-head-height\n  * @default 40px\n  * @description Sets the height of row head\n  * @see height\n  */\n  --zg-row-head-height: 40px;\n\n  /* ZG-BODY */\n  /**\n  * @memberof default\n  * @var --zg-row-body-background_hover\n  * @default var(--theme-background-color)\n  * @description Styles the backgrounf of body rows on hover\n  * @see background-color\n  */\n  --zg-row-body-background_hover: var(--theme-background-color);\n\n  /* CARD MODE WHEN EDITOR CONTROLS */\n  /* ODD */\n  /**\n  * @memberof default\n  * @var --zg-row-card-background_editor_odd\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px, var(--theme-border-color) 44px, var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px)\n  * @description Styles the background of 'odd' card editor head\n  * when `[editor-controls]` is added to `<zing-grid>`. \n  * Styling should account for the editor controls above the cells.\n  * @see background\n  */\n  --zg-row-card-background_editor_odd: linear-gradient(\n    var(--theme-color-lighter), \n    var(--theme-color-lighter) 43px, \n    var(--theme-border-color) 44px, \n    var(--zg-row-card-background_odd, var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))) 45px\n  );\n  /* EVEN */\n  /**\n  * @memberof default\n  * @var --zg-row-card-background_editor_even\n  * @default linear-gradient(var(--theme-color-lighter), var(--theme-color-lighter) 43px, var(--theme-border-color) 44px, var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px)\n  * @description Styles the background of 'odd' card editor head\n  * when `[editor-controls]` is added to `<zing-grid>`. \n  * Styling should account for the editor controls above the cells.\n  * @see background\n  */\n  --zg-row-card-background_editor_even: linear-gradient(\n    var(--theme-color-lighter), \n    var(--theme-color-lighter) 43px, \n    var(--theme-border-color) 44px, \n    var(--zg-row-card-background_even, var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))) 45px\n  );\n\n  /* AGGREGATE */\n  /**\n  * @memberof default\n  * @var --zg-row-height_aggregate\n  * @default 40px\n  * @description Sets the height of 'aggregate' rows\n  * @see height\n  */\n  --zg-row-height_aggregate: 40px;\n\n  --zg-row-background_aggregate: var(--zg-filter-background);\n\n\n  /* ZG-SEARCH\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-search-background\n  * @default #fff\n  * @description Styles the background of search input\n  * @see background-color\n  */\n  --zg-search-background: #fff;\n\n  \n  /* ZG-SELECT\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-select-height\n  * @default 28px\n  * @description Sets the height of select input\n  * @see height\n  */\n  --zg-select-height: 28px;\n  /**\n  * @memberof default\n  * @var --zg-select-min-width\n  * @default 40px\n  * @description Sets the minimum width of select input\n  * @see min-width\n  */\n  --zg-select-min-width: 40px;\n\n\n  /* ZG-STATUS\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-status-offset\n  * @default 10px\n  * @description Sets the distance between the status message and the grid edge.\n  */\n  --zg-status-offset: 10px;\n\n  /* ZG-WATERMARK\n  ----------------------------------------------------- */\n  /**\n  * @memberof default\n  * @var --zg-status-offset\n  * @default 10px\n  * @description Sets the distance between the status message and the grid edge.\n  */\n  --zg-watermark-color: rgba(7,89,156,1);\n}",""])},36913:(e,t,o)=>{(e.exports=o(9252)()).push([e.id,":host([theme=\"ios\"]) {\n\n  /* CUSTOM VARS FOR THIS THEME FILE\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --ios-background-color\n  * @default #fcfcfc\n  * @description Sets the background\n  * @example caption background, filter background\n  * @see background-color\n  */\n  --ios-background-color: #fcfcfc;\n  /**\n  * @memberof ios\n  * @var --ios-background_alt\n  * @default #f0f4f7\n  * @description Sets the alternative background\n  * @example layout row background\n  * @see background-color\n  */\n  --ios-background_alt: #f0f4f7;\n\n\n  /* GLOBALS\n  ----------------------------------------------------- */\n  /* BACKGROUND */\n  /**\n  * @memberof ios\n  * @var --theme-background-color\n  * @default rgba(0, 122, 255, .05)\n  * @description Styles the background of rows on hover\n  * @example select arrow button\n  * @example row:hover\n  * @example layout button:active\n  */\n  --theme-background-color: rgba(0, 122, 255, .05);\n  /**\n  * @memberof ios\n  * @var --theme-background-zebra\n  * @default var(--ios-background-color)\n  * @description Styles the background of 'even' body rows in [zebra]-striping mode\n  * @see background-color\n  */\n  --theme-background-zebra: var(--ios-background-color);\n\n  /* BORDER */\n  /**\n  * @memberof ios\n  * @var --theme-border-color\n  * @default #e4e4e4\n  * @description Styles the border of most components\n  * @example header\n  * @example caption\n  * @example body\n  * @example row\n  * @example pager\n  * @example input\n  * @see border-color\n  */\n  --theme-border-color: #e4e4e4;\n\n  /* COLOR */\n  /**\n  * @memberof ios\n  * @var --theme-color-primary\n  * @default #007aff\n  * @description Sets the primary color\n  * @example active editor row\n  * @example icon\n  * @example menu text\n  * @example header in 'card' layout-mode\n  * @see color\n  */\n  --theme-color-primary: #007aff;\n\n  /* FONT */\n  /**\n  * @memberof ios\n  * @var --theme-color\n  * @default #4d4d4d\n  * @description Sets the text color\n  * @example caption\n  * @example header\n  * @example cell content\n  * @example pager\n  * @example watermark\n  * @example input\n  * @example select\n  * @see color\n  */\n  --theme-color: #4d4d4d;\n  /**\n  * @memberof ios\n  * @var --theme-color_alt\n  * @default #333333\n  * @description Sets the alternate text color\n  * @example filter input\n  * @see color\n  */\n  --theme-color_alt: #333333;\n  /**\n  * @memberof ios\n  * @var --theme-font-family\n  * @default -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Segoe UI\", Roboto, Helvetica, sans-serif\n  * @description Sets the font family of text\n  * @see font-family\n  */\n  --theme-font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Segoe UI\", Roboto, Helvetica, sans-serif;\n  /**\n  * @memberof ios\n  * @var --theme-font-size\n  * @default .9375rem\n  * @description Sets the font size of text\n  * @see font-size\n  */\n  --theme-font-size: .9375rem;\n  /**\n  * @memberof ios\n  * @var --theme-font-style\n  * @default normal\n  * @description Sets the font style of text\n  * @see font-style\n  */\n  --theme-font-style: normal;\n  /**\n  * @memberof ios\n  * @var --theme-font-weight\n  * @default normal\n  * @description Sets the font weight of text\n  * @see font-weight\n  */\n  --theme-font-weight: normal;\n  /**\n  * @memberof ios\n  * @var --theme-line-height\n  * @default normal\n  * @description Sets the line height of text\n  * @see line-height\n  */\n  --theme-line-height: normal;\n  /**\n  * @memberof ios\n  * @var --theme-padding_x\n  * @default 1.25rem\n  * @description Sets the horizontal padding of cells\n  * @see padding\n  */\n  --theme-padding_x: 1.25rem;\n\n  /* -------------------------------------------------- */\n\n\n  /* ZING-GRID\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zing-grid-background\n  * @default #fbfbfb\n  * @description Styles the background of grid\n  * @see background\n  */\n  --zing-grid-background: #fbfbfb;\n\n  /* ZG-BODY\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-body-background\n  * @default #fff\n  * @description Styles the background of grid body\n  * @see background\n  */\n  --zg-body-background: #fff;\n  /**\n  * @memberof ios\n  * @var --zg-body-border-bottom\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the bottom border of grid body\n  * @see border\n  */\n  --zg-body-border-bottom: 1px solid var(--theme-border-color);\n\n  /* ZG-BUTTON\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-button-color\n  * @default var(--theme-color-primary)\n  * @description Sets the font color of button\n  * @example column menu\n  * @see color\n  */\n  --zg-button-color: var(--theme-color-primary);\n  /**\n  * @memberof ios\n  * @var --zg-button-padding\n  * @default 3px\n  * @description Sets the padding of button\n  * @see padding\n  */\n  /* NOTE: Setting this even though it is already the default\n     in ZGButton.css b/c of the calc in\n     `--zg-caption-title-transform` in this file\n  */\n  --zg-button-padding: 3px;\n\n  /* BUTTON TOOLTIP */\n  /**\n  * @memberof ios\n  * @var --tooltip-background\n  * @default #adadad\n  * @description Styles the background of tooltip\n  * @see background\n  */\n  --tooltip-background: #adadad;\n\n\n  /* ZG-CAPTION\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-caption-background\n  * @default var(--ios-background-color)\n  * @description Styles the background of caption\n  * @see background\n  */\n  --zg-caption-background: var(--ios-background-color);\n  /**\n  * @memberof ios\n  * @var --zg-caption-border-bottom\n  * @default 0\n  * @description Styles the bottom border of caption\n  * @see border\n  */\n  --zg-caption-border-bottom: 0;\n  /**\n  * @memberof ios\n  * @var --zg-caption-color\n  * @default var(--theme-color)\n  * @description Sets the font color of caption\n  * @see color\n  * @demoLink https://app.zingsoft.com/demos/create/AWL1ZJ9P\n  */\n  --zg-caption-color: var(--theme-color);\n  /**\n  * @memberof ios\n  * @var --zg-caption-font-size\n  * @default 1.6rem\n  * @description Sets the base font size of caption\n  * @see font-size\n  */\n  --zg-caption-font-size: 1.6rem;\n  /**\n  * @memberof ios\n  * @var --zg-caption-font-weight\n  * @default bold\n  * @description Sets the font weight of caption\n  * @see font-weight\n  */\n  --zg-caption-font-weight: bold;\n  /**\n  * @memberof ios\n  * @var --zg-caption-flex-direction\n  * @default column\n  * @description Sets the flex direction of content in caption\n  * @see flex-direction\n  */\n  --zg-caption-flex-direction: column;\n  /**\n  * @memberof ios\n  * @var --zg-caption-height\n  * @default 40px\n  * @description Sets the height of caption\n  * @see height\n  */\n  --zg-caption-height: 40px;\n  /**\n  * @memberof ios\n  * @var --zg-caption-padding\n  * @default 30px var(--theme-padding_x) 10px\n  * @description Sets the padding of caption\n  * @see padding\n  */\n  --zg-caption-padding: 30px var(--theme-padding_x) 10px;\n\n\n  /* CAPTION TITLE */\n  /**\n  * @memberof ios\n  * @var --zg-caption-title-align-self\n  * @default flex-start\n  * @description Sets vertical alignment of caption title\n  * @see align-self\n  */\n  --zg-caption-title-align-self: flex-start;\n  /**\n  * @memberof ios\n  * @var --zg-caption-title-order\n  * @default 2\n  * @description Sets the order of contents in caption title\n  * @see order\n  */\n  --zg-caption-title-order: 2;\n  /**\n  * @memberof ios\n  * @var --zg-caption-title-transform\n  * @default 0\n  * @description Sets transform of caption title\n  * @see transform\n  */\n  --zg-caption-title-transform: 0;\n  /**\n  * @memberof ios\n  * @var --zg-caption-title-width\n  * @default 80%\n  * @description Sets width of caption title\n  * @see width\n  */\n  --zg-caption-title-width: 80%;\n  \n  /* CAPTION TOOLBAR */\n  /**\n  * @memberof ios\n  * @var --zg-caption-toolbar-align-self\n  * @default flex-end\n  * @description Sets vertical alignment of caption toolbar\n  * @see align-self\n  */\n  --zg-caption-toolbar-align-self: flex-end;\n  /**\n  * @memberof ios\n  * @var --zg-caption-toolbar-justify-content\n  * @default flex-end\n  * @description Sets the horizontal alignment of contents in the caption toolbar\n  * @see justify-content\n  */\n  --zg-caption-toolbar-justify-content: flex-end;\n  /**\n  * @memberof ios\n  * @var --zg-caption-toolbar-width\n  * @default calc(100% + 2px)\n  * @description Sets the width of the caption toolbar\n  * @see width\n  */\n  --zg-caption-toolbar-width: 20%;\n\n  /* CAPTION ICON */\n  /**\n  * @memberof ios\n  * @var --zg-caption-icon-color\n  * @default var(--theme-color-primary)\n  * @description The font-color of the icons in the caption\n  * @see fill\n  */\n  --zg-caption-icon-color: var(--theme-color-primary);\n\n  /* CAPTION BUTTONS */\n  /**\n  * @memberof ios\n  * @var --zg-caption-button-background_hover\n  * @default #f5f5f5\n  * @description Styles the background of button in caption on hover\n  * @see background\n  */\n  --zg-caption-button-background_hover: #f5f5f5;\n\n  \n  /* ZG-CELL\n  ----------------------------------------------------- */\n  /* Layout: Card */\n  /* Item */\n  /**\n  * @memberof ios\n  * @var --zg-cell-item-padding_layout_card\n  * @default 6px 0\n  * @description Sets the padding of cards in 'card' layout-mode\n  * @see padding\n  */\n  --zg-cell-content-padding_layout_card: 6px 0;\n  \n  /* ZG-ROW[type=aggregate] ZG-CELL */\n  /**\n  * @memberof ios\n  * @var --zg-cell-font-size_aggregate\n  * @default .8125rem\n  * @description Sets the font size of 'aggregate' cells\n  * @see padding\n  */\n  --zg-cell-font-size_aggregate: .8125rem;\n  /**\n  * @memberof ios\n  * @var --zg-cell-border-top_aggregate\n  * @default 1px solid transparent\n  * @description Styles the top border of 'aggregate' cells\n  * @see border\n  */\n  --zg-cell-border-top_aggregate: 1px solid transparent;\n  /**\n  * @memberof ios\n  * @var --zg-cell-border-top_aggregate_sorted\n  * @default 1px solid #f5f5f5\n  * @description Styles the top border of 'aggregate' cells\n  * @see border\n  */\n  --zg-cell-border-top_aggregate_sorted: 1px solid #f5f5f5;\n  \n\n  /* ZG-FILTER\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-filter-background\n  * @default var(--ios-background-color);\n  * @description Styles the background of filter input field\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/G1WKUNFJ\n  */\n  --zg-filter-background: var(--ios-background-color);\n  /**\n  * @memberof ios\n  * @var --zg-filter-background_sorted\n  * @default var(--zg-cell-background_aggregate_sorted)\n  * @description Styles the background of filter input field\n  */\n  --zg-filter-background_sorted: var(--zg-cell-background_aggregate_sorted);\n  /**\n  * @memberof ios\n  * @var --zg-filter-border-top\n  * @default 1px solid var(--ios-background-color)\n  * @description Styles the top border of filter row\n  * @see border\n  */\n  --zg-filter-border-top: 1px solid var(--ios-background-color);\n  /**\n  * @memberof ios\n  * @var --zg-filter-border-top_sorted\n  * @default 1px solid #f5f5f5\n  * @description Styles the top border of filter row in sorted column\n  * @see border\n  */\n  --zg-filter-border-top_sorted: 1px solid #f5f5f5;\n  /**\n  * @memberof ios\n  * @var --zg-filter-height\n  * @default 45px\n  * @description Sets the height of filter row\n  * @see height\n  * @demoLink https://app.zingsoft.com/demos/create/QCSOKQE2\n  */\n  --zg-filter-height: 45px;\n\n  /* FILTER INPUT */\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-background\n  * @default #eaeaea\n  * @description Styles the background of filter input field\n  * @see background\n  * @demoLink https://app.zingsoft.com/demos/create/EAG2BR7C\n  */\n  --zg-filter-input-background: #eaeaea;\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-border-radius\n  * @default 5px\n  * @description Sets the border radius of filter input field\n  * @see border-radius\n  */\n  --zg-filter-input-border-radius: 5px;\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-border\n  * @default 0\n  * @description Styles the border of filter input field\n  * @see border\n  * @demoLink https://app.zingsoft.com/demos/create/SXRIBL17\n  */\n  --zg-filter-input-border: 0;\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-font-size\n  * @default .8rem\n  * @description Sets the font size of filter input field\n  * @see font-size\n  */\n  --zg-filter-input-font-size: .8rem;\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-margin\n  * @default -2px calc(var(--theme-padding_x) - 2px) 0\n  * @description Sets the margin of filter input field\n  * @see margin\n  */\n  --zg-filter-input-margin: -2px calc(var(--theme-padding_x) - 2px) 0;\n  /**\n  * @memberof ios\n  * @var --zg-filter-input-padding\n  * @default 3px 0 3px 7px\n  * @description Sets the padding of filter input field. May need to set --zg-filter-height if input field is height is larger than height of filter.\n  * @see padding\n  * @demoLink https://app.zingsoft.com/demos/create/5GPABPO2\n  */\n  --zg-filter-input-padding: 3px 0 3px 7px;\n\n\n  /* ZG-HEAD\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-head-background\n  * @default var(--ios-background-color)\n  * @description Styles the background of grid head\n  * @see background\n  */\n  --zg-head-background: var(--ios-background-color);\n  /**\n  * @memberof ios\n  * @var --zg-head-border-bottom\n  * @default 0\n  * @description Styles the bottom border og grid head\n  * @see border\n  */\n  --zg-head-border-bottom: 0;\n  \n\n  /* ZG-HEAD-CELL\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-head-cell-font-weight\n  * @default 600\n  * @description Sets the font weight of head cells\n  * @see font-weight\n  * @demoLink https://app.zingsoft.com/demos/create/2LOCXCAB\n  */\n  --zg-head-cell-font-weight: 600;\n\n  /* 'PARENT' HEAD CELL */\n  /**\n  * @memberof ios\n  * @var --zg-head-cell-parent-background\n  * @default none\n  * @description Styles the background of 'parent' head cells\n  * @see border\n  */\n  --zg-head-cell-parent-background: none;\n  /**\n  * @memberof ios\n  * @var --zg-head-cell-parent-font-weight\n  * @default 400\n  * @description Sets the font weight of 'parent' head cells\n  * @see font-weight\n  */\n  --zg-head-cell-parent-font-weight: 400;\n\n   /**\n  * @memberof ios\n  * @var --zg-head-cell-parent-padding\n  * @default 0 var(--theme-padding_x)\n  * @description Sets the padding of 'parent' head cells\n  * @see padding\n  */\n  --zg-head-cell-parent-padding: 0 var(--theme-padding_x);\n\n  /* HEAD CELL ICON */\n  /**\n  * @memberof ios\n  * @var --zg-head-cell-icon-margin\n  * @default 0 5px 0 -4px\n  * @description Sets the margin of child icons in head cells\n  * @see margin\n  */\n  --zg-head-cell-icon-margin: 0 5px 0 -4px;\n\n  /* Data Container */\n  /**\n  * @memberof ios\n  * @var --zg-head-cell-data-line-height\n  * @default none\n  * @description Sets the line height of head cells\n  * @see line-height\n  */\n  --zg-head-cell-data-line-height: none;\n\n  /* ZG-ICON\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-icon-color\n  * @default var(--theme-color-primary)\n  * @description Sets the color of icon\n  * @see fill\n  */\n  --zg-icon-color: var(--theme-color-primary);\n  /**\n  * @memberof ios\n  * @var --zg-icon-height\n  * @default 20px\n  * @description Sets the height of icon\n  * @see height\n  */\n  --zg-icon-height: 20px;\n  /**\n  * @memberof ios\n  * @var --zg-icon-width\n  * @default 20px\n  * @description Sets the width of icon\n  * @see width\n  */\n  --zg-icon-width: 20px;\n\n  /* ZG-INPUT\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-input-border-radius\n  * @default 5px\n  * @description Sets the border radius of input\n  * @see border-radius\n  */\n  --zg-input-border-radius: 5px;\n\n  /* ZG-CONTROL-BAR\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-control-bar-background\n  * @default var(--ios-background)\n  * @description Styles the background on control bar\n  * @see background\n  */\n  --zg-control-bar-background: var(--ios-background);\n  /**\n  * @memberof ios\n  * @var --zg-control-bar-padding\n  * @default 0 var(--theme-padding_x) 0 calc(var(--theme-padding_x) - 6px)\n  * @description Sets the padding of control bar\n  * @see padding\n  */\n  --zg-control-bar-padding: 0 var(--theme-padding_x) 0 calc(var(--theme-padding_x) - 6px);\n\n  /* ZG-MENUITEM\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-menu-item-color_hover\n  * @default #fff\n  * @description Sets the font color of menu item on hover\n  * @see color\n  */\n  --zg-menu-item-color_hover: #fff;\n\n  /* ZG-PAGER\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-pager-background\n  * @default #fff\n  * @description Styles the background of pager\n  * @see background\n  */\n  --zg-pager-background: #fff;\n  /**\n  * @memberof ios\n  * @var --zg-pager-border-top\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the top border of pager\n  * @see border\n  */\n  --zg-pager-border-top: 1px solid var(--theme-border-color);\n  /**\n  * @memberof ios\n  * @var --zg-pager-font-size\n  * @default .8125rem\n  * @description Sets the base font size of pager\n  * @see font-size\n  */\n  --zg-pager-font-size: .8125rem;\n  /**\n  * @memberof ios\n  * @var --zg-pager-height\n  * @default 50px\n  * @description Sets the height of pager\n  * @see height\n  */\n  --zg-pager-height: 41px;\n  /**\n  * @memberof ios\n  * @var --zg-pager-margin\n  * @default 20px 0 0\n  * @description Sets the margin of pager\n  * @see margin\n  */\n  --zg-pager-margin: 20px 0 0;\n  /**\n  * @memberof ios\n  * @var --zg-pager-padding\n  * @default 0 var(--theme-padding_x) 10px\n  * @description Sets the padding of pager\n  * @see padding\n  */\n  --zg-pager-padding: 0 var(--theme-padding_x) 10px;\n  \n  /* Sections */\n  /**\n  * @memberof ios\n  * @var --zg-pager-section-margin-top\n  * @default 10px\n  * @description Sets the top margin of pager\n  * @see margin\n  */\n  --zg-pager-section-margin-top: 10px;\n\n\n  /* ZG-ROW\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var ---zg-row-head-height\n  * @default 45px\n  * @description Sets the height of row head\n  * @see height\n  */\n  --zg-row-head-height: 45px;\n\n  /**\n  * @memberof ios\n  * @var --zg-row-body-border-top\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the top border of body rows\n  * @see border\n  */\n  --zg-row-body-border-top: 1px solid var(--theme-border-color);\n  /**\n  * @memberof ios\n  * @var --zg-row-body-height\n  * @default 48px\n  * @description Sets the height of body rows\n  * @see height\n  */\n  --zg-row-body-height: 48px;\n\n  /* LAYOUT: CARD */\n  /**\n  * @memberof ios\n  * @var --zg-row-card-box-shadow\n  * @default 0\n  * @description Applies a box shadow behind cards in 'card' layout-mode\n  * @see box-shadow\n  */\n  --zg-row-card-box-shadow: 0;\n\n  /* ZG-SEARCH\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-search-border\n  * @default 1px solid var(--theme-border-color)\n  * @description Styles the border of search input field\n  * @see border\n  */\n  --zg-search-border: 1px solid var(--theme-border-color);\n  /**\n  * @memberof ios\n  * @var --zg-search-border-radius\n  * @default 5px\n  * @description Sets the border radius of search input field\n  * @see border-radius\n  */\n  --zg-search-border-radius: 5px;\n\n\n  /* ZG-SOURCE\n  ----------------------------------------------------- */\n  --zg-source-border-top_top: 1px solid var(--theme-border-color);\n\n  /* ZG-WATERMARK\n  ----------------------------------------------------- */\n  /**\n  * @memberof ios\n  * @var --zg-watermark-color\n  * @default var(--theme-color)\n  * @description Sets the font color of watermark\n  * @see color\n  */\n  --zg-watermark-color: var(--theme-color);\n  /**\n  * @memberof ios\n  * @var --zg-watermark-color_strong\n  * @default var(--theme-color)\n  * @description Sets the font color of bold text in watermark\n  * @see color\n  */\n  --zg-watermark-color_strong: var(--theme-color);\n}\n\n\n\n\n/* CUSTOM STYLING\n----------------------------------------------------- */\n\n/* When [layout] set */\n:host([theme=\"ios\"][layout-controls]) {\n  --zg-caption-padding: 10px calc(var(--theme-padding_x) - 5px) 10px;\n  --zg-caption-toolbar-position: absolute;\n  --zg-caption-title-padding: 12px 0 0;\n}\n\n/* ZG-CAPTION\n----------------------------------------------------- */\n/* NOTE: Need to set `order:-1` so <zg-layout> is placed above caption in ios */\n:host([theme=\"ios\"]) ::slotted(zg-caption) {\n  order: -1;\n}\n\n/* zg-control-bar\n----------------------------------------------------- */\n/* NOTE: Need to set `order:-2` so <zg-control-bar> is placed above caption in ios */\n:host([theme=\"ios\"]) ::slotted(zg-control-bar) {\n  display: flex;\n  background: none;\n  height: var(--zg-caption-height);\n  justify-content: flex-start;\n  margin-bottom: calc(-1 * var(--zg-caption-height));\n  max-width: 50%;\n  order: -2;\n  width: auto;\n  z-index: 2;\n}\n:host([theme=\"ios\"]) ::slotted(zg-control-bar):before {\n  align-items: center;\n  color: #9e9e9e;\n  content: 'Change Layout';\n  display: flex;\n  font-size: .8rem;\n  justify-content: flex-end;\n  padding-left: 18px;\n}\n\n\n/* COMPACT VERSION\n----------------------------------------------------- */\n/* NOTE: Only add specific overrides here, otherwise rely on the defaults in compact.css */\n:host([theme][compact]) {\n  --zg-caption-title-padding: 10px 0 0;\n}",""])},9252:e=>{e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var o=this[t];o[2]?e.push("@media "+o[2]+"{"+o[1]+"}"):e.push(o[1])}return e.join("")},e.i=function(t,o){"string"==typeof t&&(t=[[null,t,""]]);for(var n={},r=0;r<this.length;r++){var i=this[r][0];"number"==typeof i&&(n[i]=!0)}for(r=0;r<t.length;r++){var a=t[r];"number"==typeof a[0]&&n[a[0]]||(o&&!a[2]?a[2]=o:o&&(a[2]="("+a[2]+") and ("+o+")"),e.push(a))}},e}},49977:e=>{e.exports="<slot></slot>"},93528:e=>{e.exports="<slot></slot>"},36932:e=>{e.exports='<slot name="icon"></slot>\n<slot name="checkbox"></slot>\n<slot name="label"></slot>\n<slot></slot>\n'},32937:e=>{e.exports='  <div class="zg-caption" part="caption">\n    <div class="zg-caption-title-slot" part="title">\n      <slot></slot>\n      <slot name="message"></slot>\n    </div>\n    <div class="zg-caption-toolbar" part="toolbar">\n      <slot name="tool"></slot>\n    </div>\n  </div>'},95670:e=>{e.exports="<slot></slot>"},92884:e=>{e.exports="<slot></slot>"},29001:e=>{e.exports="<slot></slot>"},59592:e=>{e.exports='<slot name="zgicon"></slot>\n<span class="zg-checkbox-text" part="text"><slot></slot></span>\n'},9872:e=>{e.exports="<slot></slot>"},71454:e=>{e.exports='<div class="zg-column-resize-handle" part="handle">\n  \x3c!-- <svg viewBox="0 0 10 10" class="dragHandle"><path d="M3,2 C2.44771525,2 2,1.55228475 2,1 C2,0.44771525 2.44771525,0 3,0 C3.55228475,0 4,0.44771525 4,1 C4,1.55228475 3.55228475,2 3,2 Z M3,6 C2.44771525,6 2,5.55228475 2,5 C2,4.44771525 2.44771525,4 3,4 C3.55228475,4 4,4.44771525 4,5 C4,5.55228475 3.55228475,6 3,6 Z M3,10 C2.44771525,10 2,9.55228475 2,9 C2,8.44771525 2.44771525,8 3,8 C3.55228475,8 4,8.44771525 4,9 C4,9.55228475 3.55228475,10 3,10 Z M7,2 C6.44771525,2 6,1.55228475 6,1 C6,0.44771525 6.44771525,0 7,0 C7.55228475,0 8,0.44771525 8,1 C8,1.55228475 7.55228475,2 7,2 Z M7,6 C6.44771525,6 6,5.55228475 6,5 C6,4.44771525 6.44771525,4 7,4 C7.55228475,4 8,4.44771525 8,5 C8,5.55228475 7.55228475,6 7,6 Z M7,10 C6.44771525,10 6,9.55228475 6,9 C6,8.44771525 6.44771525,8 7,8 C7.55228475,8 8,8.44771525 8,9 C8,9.55228475 7.55228475,10 7,10 Z"></path></svg> --\x3e\n  <zg-icon name="resize" part="icon"></zg-icon>\n</div>\n'},31869:e=>{e.exports="<slot></slot>"},42952:e=>{e.exports='<div class="zg-control-bar" part="control-bar">\n  <div class="zg-control-bar-card-action" part="card-action">\n    <slot name="cardaction"></slot>\n  </div>\n  <div class="zg-control-bar-action" part="row-action">\n    <slot name="action"></slot>\n  </div>\n  <div class="zg-control-bar-message" part="batch-message">\n    <slot name="message"></slot>\n  </div>\n  <div class="zg-control-bar-layout" part="layout">\n    <slot name="layout-controls"></slot>\n  </div>\n</div>'},91573:e=>{e.exports=""},51694:e=>{e.exports='<dialog class="zg-dialog-dialog" part="dialog">\n  <form method="dialog" class="zg-dialog-form" part="form">\n    <header class="zg-dialog-header" part="header">\n      <span class="zg-dialog-label" part="header-label"></span>\n      <button class="zg-dialog-close" part="header-close">X</button>\n    </header>\n    <div class="zg-dialog-body" part="body">\n      <div class="zg-dialog-error" part="body-error"></div>\n      <div class="zg-dialog-content-wrapper" part="body-content-wrapper"><slot></slot></div>\n    </div>\n    <menu class="zg-dialog-footer" part="footer">\n      <button class="zg-dialog-cancel" part="footer-cancel">Cancel</button>\n      <button class="zg-dialog-confirm" part="footer-confirm">Confirm</button>\n    </menu>\n  </form>\n</dialog>'},83635:e=>{e.exports='\x3c!-- Field Template --\x3e\n<template id="editorRowFieldTemplate">\n  <label id="editorRowFieldLabel">\n    <span class="editorRowFieldLabelContent"></span>\n  </label>\n</template>\n\n\x3c!-- Card Template --\x3e\n<template id="editorCardTemplate">\n  <label id="editorCard"></label>\n</template>\n\n<div id="wrapper" class="zg-editor-row-wrapper" part="editor-row">\n  <div id="inputs" class="zg-editor-row-inputs" part="inputs"></div>\n</div> '},88387:e=>{e.exports='<div class="zg-filter-wrapper" part="filter">\n  <div class="zg-filter-inner" part="filter-wrapper">\n    <slot></slot>\n  </div>\n</div>\n\n'},76592:e=>{e.exports='<div class="zg-focus-wrapper" part="focus">\n    <div id="bottom" class="zg-focus-bottom" part="bottom"></div>\n    <div id="left" class="zg-focus-left" part="left"></div>\n    <div id="right" class="zg-focus-right" part="right"></div>\n    <div id="top" class="zg-focus-top" part="top"></div>\n</div>\n'},19058:e=>{e.exports="<slot></slot>"},65491:e=>{e.exports='<slot name="source"></slot>\n<slot name="caption"></slot>\n<slot></slot>'},76262:e=>{e.exports="<slot></slot>"},16288:e=>{e.exports='<div class="zg-head-cell" part="cell">\n  <div class="zg-head-cell-inner" part="cell-inner">\n    <slot></slot>\n  </div>\n  <slot name="column-resize"></slot>\n</div>'},69878:e=>{e.exports="<slot></slot>"},24386:e=>{e.exports='<slot></slot>\n<slot name="caption"></slot>\n<slot name="source"></slot>\n<slot name="control-bar"></slot> '},44914:e=>{e.exports='<slot name="icon"></slot>\n<slot></slot>'},84407:e=>{e.exports='<div id="wrapper" class="zg-input" part="input">\n  <slot name="input">\n  </slot>\n  <slot></slot>\n</div>\n'},9674:e=>{e.exports="<slot></slot>"},172:e=>{e.exports="<slot></slot>"},42854:e=>{e.exports='<div class="zg-menu-group-wrap" part="group">\n  <span class="zg-menu-group-label" part="label">\n    <slot name="zgMenuGroupLabel"></slot>\n  </span>\n  <span class="zg-menu-group-items" part="items">\n    <slot name="zgMenuGroupItems"></slot>\n  </span>\n</div>'},52312:e=>{e.exports="<slot></slot>"},66513:e=>{e.exports='<div id="wrapper" class="zg-menu" part="menu">\n  <slot></slot>\n</div>'},32501:e=>{e.exports='<div role="status" part="status"><slot></slot></div>'},76089:e=>{e.exports='<div class="zg-option-list" part="list">\n    <slot></slot>\n</div>\n'},63476:e=>{e.exports='<div class="zg-pager" part="pager">\n  <div class="zg-pager-inner" part="inner">\n    <div class="zg-pager-left" part="left">\n      <slot name="left"></slot>\n    </div>\n    <div class="zg-pager-center" part="center">\n      <slot name="center"></slot>\n    </div>\n    <div class="zg-pager-right" part="right">\n      <slot name="right"></slot>\n    </div>\n    <slot></slot>\n  </div>\n</div>\n'},75150:e=>{e.exports=""},39457:e=>{e.exports="<slot></slot>"},91607:e=>{e.exports='<div class="zg-search" part="search">\n  <slot name="button"></slot>\n  <div class="zg-search-input" part="input"><slot name="input"></slot></div>\n</div>\n\n'},76062:e=>{e.exports='<div id="wrapper" class="zg-select" part="select">\n  <div id="inner" class="zg-select-inner" part="select-inner">\n    <slot name="selected"></slot>\n  </div>\n</div>\n<slot></slot>\n<div class="zg-selector-mask" part="mask"></div>'},45946:e=>{e.exports='<div id="mask" class="zg-selector-mask-mask" part="selector-mask"></div>\n'},19731:e=>{e.exports="\x3c!-- Stub file --\x3e"},12839:e=>{e.exports='<cite role="any" part="source"><slot></slot></cite>'},44221:e=>{e.exports='<div class="zg-status" part="status">\n  <div class="zg-status-message" part="message">\n    <zg-icon internal-status></zg-icon>\n    <span class="zg-status-text-container">\n      <span class="zg-status-text" part="text">Status</span>\n      <span class="zg-status-details" part="link"></span>\n    </span>\n  </div>\n  <div class="zg-status-action" close part="action">\n    <span close data-focusable part="close">\n      <zg-icon name="close" internal-status part="close-icon"></zg-icon>\n    </span>\n  </div>\n</div>'},87585:e=>{e.exports="<slot></slot>"},48219:e=>{e.exports='<slot></slot>\n<button class="zg-tooltip-close" part="close">X</button>'},41877:e=>{e.exports='<div><a href="https://www.zinggrid.com/" data-focusable target="_blank" rel="noopener"></a></div>'},73337:e=>{e.exports='<div class="zing-grid" role="presentation" >\n  <slot id="header" name="header"></slot>\n  <slot id="top" name="top"></slot>\n  <slot id="content"></slot>\n\n  <div id="wrap" class="zing-grid-wrapper-1" role="presentation" aria-label="ZingGrid">\n    <div id="main" class="zing-grid-wrapper-2" role="grid">\n\n\n      \x3c!-- HEADER --\x3e\n      <div class="zing-grid-frames zing-grid-frames-head" role="presentation">\n\n        \x3c!-- FRAME: LEFT --\x3e\n        <div id="freeze-frame-left-head" class="zing-grid-frame-left zing-grid-freeze-left">\n\n          \x3c!-- Head --\x3e\n          <div id="freeze-left-head" class="zing-grid-head zing-grid-head-left">\n            <slot name="lefthead"></slot>\n          </div>\n\n          <slot name="leftheadeditorrow"></slot>\n          <slot name="leftheadfocus"></slot>\n\n        </div>\n\n\n        \x3c!-- FRAME: MAIN --\x3e\n        <div id="freeze-frame-main-head" class="zing-grid-frame-main">\n\n          \x3c!-- Head --\x3e\n          <div id="freeze-main-head" class="zing-grid-head-main">\n            <slot name="gridhead"></slot>\n          </div>\n\n          <slot name="mainheadeditorrow"></slot>\n          <slot name="mainheadfocus"></slot>\n\n        </div>\n\n\n        \x3c!-- FRAME: RIGHT --\x3e\n        <div id="freeze-frame-right-head" class="zing-grid-frame-right zing-grid-freeze-right">\n\n          \x3c!-- Head --\x3e\n          <div id="freeze-right-head" class="zing-grid-head-right" >\n            <slot name="righthead"></slot>\n          </div>\n\n          <slot name="rightheadeditorrow"></slot>\n          <slot name="rightheadfocus"></slot>\n\n        </div>\n\n      </div>\n\n\n      \x3c!-- BODY --\x3e\n      <div id="zing-grid-frames-body" class="zing-grid-frames zing-grid-frames-body" role="presentation">\n\n        \x3c!-- FRAME: LEFT --\x3e\n        <div id="freeze-left-body" class="zing-grid-frame-left zing-grid-freeze-left">\n\n          \x3c!-- Body --\x3e\n          <div id="left" class="zing-grid-body zing-grid-body-left" role="presentation">\n            <slot name="leftcolgroup"></slot>\n            <slot name="leftbody"></slot>\n          </div>\n          <slot name="lefteditorrow"></slot>\n          <slot name="leftgridselectmask"></slot>\n          <slot name="leftgridfocus"></slot>\n          <zg-no-data id="leftnodata"></zg-no-data>\n\n        </div>\n\n\n        \x3c!-- FRAME: MAIN --\x3e\n        <div id="frame-main-body" class="zing-grid-frame-main">\n\n          <div class="zing-grid-scroll" id="scroll" role="presentation">\n\n            \x3c!-- Body --\x3e\n            <div id="body" class="zing-grid-body-main" role="presentation">\n              <slot name="gridcolgroup"></slot>\n              <slot name="gridbody"></slot>\n            </div>\n            <slot name="bodyeditorrow"></slot>\n            <slot name="bodygridselectmask"></slot>\n            <slot name="bodygridfocus"></slot>\n            <slot name="gridnodata"></slot>\n\n          </div>\n\n        </div>\n\n\n        \x3c!-- FRAME: RIGHT --\x3e\n        <div id="freeze-right-body" class="zing-grid-frame-right zing-grid-freeze-right">\n\n          \x3c!-- Body --\x3e\n          <div id="right" class="zing-grid-body-right" role="presentation">\n            <slot name="rightcolgroup"></slot>\n            <slot name="rightbody"></slot>\n          </div>\n          <slot name="righteditorrow"></slot>\n          <slot name="rightgridselectmask"></slot>\n          <slot name="rightgridfocus"></slot>\n          <zg-no-data id="rightnodata"></zg-no-data>\n        </div>\n\n      </div>\n\n\n      \x3c!-- FOOTER --\x3e\n      <div class="zing-grid-frames zing-grid-frames-foot" role="presentation">\n\n        \x3c!-- FRAME: LEFT --\x3e\n        <div id="freeze-frame-left-foot" class="zing-grid-frame-left zing-grid-freeze-left">\n\n          <div id="freeze-left-foot" class="zing-grid-foot zing-grid-foot-left">\n            <slot name="leftfoot"></slot>\n          </div>\n\n          <slot name="leftfooteditorrow"></slot>\n          <slot name="leftfootfocus"></slot>\n        </div>\n\n\n        \x3c!-- FRAME: MAIN --\x3e\n        <div id="freeze-frame-main-foot" class="zing-grid-frame-main">\n\n          <div id="freeze-main-foot" class="zing-grid-foot-main" role="presentation">\n            <slot name="gridfoot" id="gridfoot"></slot>\n          </div>\n\n          <slot name="mainfooteditorrow"></slot>\n          <slot name="mainfootfocus"></slot>\n\n        </div>\n\n\n        \x3c!-- FRAME: RIGHT --\x3e\n        <div id="freeze-frame-right-foot" class="zing-grid-frame-right zing-grid-freeze-right">\n\n          <div id="freeze-right-foot" class="zing-grid-foot-right" >\n            <slot name="rightfoot"></slot>\n          </div>\n\n          <slot name="rightfooteditorrow"></slot>\n          <slot name="rightfootfocus"></slot>\n        </div>\n\n      </div>\n\n\n      \x3c!-- Frozen Column Styling --\x3e\n      <slot name="freeze-left-columns"></slot>\n      <slot name="freeze-right-columns"></slot>\n\n      \x3c!-- Batch Edit Styling --\x3e\n      <slot name="batch-edit"></slot>\n      \n      <div id="mirror" style="display:none;"></div>\n\n    </div>\n  </div>\n\n  <slot id="pager" name="pager"></slot>\n  <slot id="footer" name="footer"></slot>\n  <slot id="watermark" name="watermark"></slot>\n\n  <slot name="status"></slot>\n\n  <slot name="dialogInternal"></slot>\n  <slot name="tooltip"></slot>\n  <slot name="celloverflow"></slot>\n\n  <div id="hidden" style="display:none;">\n    <slot name="zg-cell-unmapped"></slot>\n    <slot name="zg-head-cell-unmapped"></slot>\n  </div>\n\n  <textarea aria-hidden="true" class="zing-grid-clipboard" tabindex="-1"></textarea>\n</div>\n<slot name="shadow"></slot>'},48738:e=>{function t(e){return!!e.constructor&&"function"==typeof e.constructor.isBuffer&&e.constructor.isBuffer(e)}e.exports=function(e){return null!=e&&(t(e)||function(e){return"function"==typeof e.readFloatLE&&"function"==typeof e.slice&&t(e.slice(0,0))}(e)||!!e._isBuffer)}},2568:(e,t,o)=>{var n,r,i,a,s;n=o(71012),r=o(40487).utf8,i=o(48738),a=o(40487).bin,(s=function(e,t){e.constructor==String?e=t&&"binary"===t.encoding?a.stringToBytes(e):r.stringToBytes(e):i(e)?e=Array.prototype.slice.call(e,0):Array.isArray(e)||e.constructor===Uint8Array||(e=e.toString());for(var o=n.bytesToWords(e),l=8*e.length,d=1732584193,c=-271733879,h=-1732584194,u=271733878,g=0;g<o.length;g++)o[g]=16711935&(o[g]<<8|o[g]>>>24)|4278255360&(o[g]<<24|o[g]>>>8);o[l>>>5]|=128<<l%32,o[14+(l+64>>>9<<4)]=l;var p=s._ff,f=s._gg,m=s._hh,b=s._ii;for(g=0;g<o.length;g+=16){var v=d,y=c,w=h,z=u;d=p(d,c,h,u,o[g+0],7,-680876936),u=p(u,d,c,h,o[g+1],12,-389564586),h=p(h,u,d,c,o[g+2],17,606105819),c=p(c,h,u,d,o[g+3],22,-1044525330),d=p(d,c,h,u,o[g+4],7,-176418897),u=p(u,d,c,h,o[g+5],12,1200080426),h=p(h,u,d,c,o[g+6],17,-1473231341),c=p(c,h,u,d,o[g+7],22,-45705983),d=p(d,c,h,u,o[g+8],7,1770035416),u=p(u,d,c,h,o[g+9],12,-1958414417),h=p(h,u,d,c,o[g+10],17,-42063),c=p(c,h,u,d,o[g+11],22,-1990404162),d=p(d,c,h,u,o[g+12],7,1804603682),u=p(u,d,c,h,o[g+13],12,-40341101),h=p(h,u,d,c,o[g+14],17,-1502002290),d=f(d,c=p(c,h,u,d,o[g+15],22,1236535329),h,u,o[g+1],5,-165796510),u=f(u,d,c,h,o[g+6],9,-1069501632),h=f(h,u,d,c,o[g+11],14,643717713),c=f(c,h,u,d,o[g+0],20,-373897302),d=f(d,c,h,u,o[g+5],5,-701558691),u=f(u,d,c,h,o[g+10],9,38016083),h=f(h,u,d,c,o[g+15],14,-660478335),c=f(c,h,u,d,o[g+4],20,-405537848),d=f(d,c,h,u,o[g+9],5,568446438),u=f(u,d,c,h,o[g+14],9,-1019803690),h=f(h,u,d,c,o[g+3],14,-187363961),c=f(c,h,u,d,o[g+8],20,1163531501),d=f(d,c,h,u,o[g+13],5,-1444681467),u=f(u,d,c,h,o[g+2],9,-51403784),h=f(h,u,d,c,o[g+7],14,1735328473),d=m(d,c=f(c,h,u,d,o[g+12],20,-1926607734),h,u,o[g+5],4,-378558),u=m(u,d,c,h,o[g+8],11,-2022574463),h=m(h,u,d,c,o[g+11],16,1839030562),c=m(c,h,u,d,o[g+14],23,-35309556),d=m(d,c,h,u,o[g+1],4,-1530992060),u=m(u,d,c,h,o[g+4],11,1272893353),h=m(h,u,d,c,o[g+7],16,-155497632),c=m(c,h,u,d,o[g+10],23,-1094730640),d=m(d,c,h,u,o[g+13],4,681279174),u=m(u,d,c,h,o[g+0],11,-358537222),h=m(h,u,d,c,o[g+3],16,-722521979),c=m(c,h,u,d,o[g+6],23,76029189),d=m(d,c,h,u,o[g+9],4,-640364487),u=m(u,d,c,h,o[g+12],11,-421815835),h=m(h,u,d,c,o[g+15],16,530742520),d=b(d,c=m(c,h,u,d,o[g+2],23,-995338651),h,u,o[g+0],6,-198630844),u=b(u,d,c,h,o[g+7],10,1126891415),h=b(h,u,d,c,o[g+14],15,-1416354905),c=b(c,h,u,d,o[g+5],21,-57434055),d=b(d,c,h,u,o[g+12],6,1700485571),u=b(u,d,c,h,o[g+3],10,-1894986606),h=b(h,u,d,c,o[g+10],15,-1051523),c=b(c,h,u,d,o[g+1],21,-2054922799),d=b(d,c,h,u,o[g+8],6,1873313359),u=b(u,d,c,h,o[g+15],10,-30611744),h=b(h,u,d,c,o[g+6],15,-1560198380),c=b(c,h,u,d,o[g+13],21,1309151649),d=b(d,c,h,u,o[g+4],6,-145523070),u=b(u,d,c,h,o[g+11],10,-1120210379),h=b(h,u,d,c,o[g+2],15,718787259),c=b(c,h,u,d,o[g+9],21,-343485551),d=d+v>>>0,c=c+y>>>0,h=h+w>>>0,u=u+z>>>0}return n.endian([d,c,h,u])})._ff=function(e,t,o,n,r,i,a){var s=e+(t&o|~t&n)+(r>>>0)+a;return(s<<i|s>>>32-i)+t},s._gg=function(e,t,o,n,r,i,a){var s=e+(t&n|o&~n)+(r>>>0)+a;return(s<<i|s>>>32-i)+t},s._hh=function(e,t,o,n,r,i,a){var s=e+(t^o^n)+(r>>>0)+a;return(s<<i|s>>>32-i)+t},s._ii=function(e,t,o,n,r,i,a){var s=e+(o^(t|~n))+(r>>>0)+a;return(s<<i|s>>>32-i)+t},s._blocksize=16,s._digestsize=16,e.exports=function(e,t){if(null==e)throw new Error("Illegal argument "+e);var o=n.wordsToBytes(s(e,t));return t&&t.asBytes?o:t&&t.asString?a.bytesToString(o):n.bytesToHex(o)}},35666:e=>{var t=function(e){"use strict";var t,o=Object.prototype,n=o.hasOwnProperty,r=Object.defineProperty||function(e,t,o){e[t]=o.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",s=i.asyncIterator||"@@asyncIterator",l=i.toStringTag||"@@toStringTag";function d(e,t,o){return Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{d({},"")}catch(e){d=function(e,t,o){return e[t]=o}}function c(e,t,o,n){var i=t&&t.prototype instanceof b?t:b,a=Object.create(i.prototype),s=new E(n||[]);return r(a,"_invoke",{value:_(e,o,s)}),a}function h(e,t,o){try{return{type:"normal",arg:e.call(t,o)}}catch(e){return{type:"throw",arg:e}}}e.wrap=c;var u="suspendedStart",g="suspendedYield",p="executing",f="completed",m={};function b(){}function v(){}function y(){}var w={};d(w,a,(function(){return this}));var z=Object.getPrototypeOf,C=z&&z(z(O([])));C&&C!==o&&n.call(C,a)&&(w=C);var S=y.prototype=b.prototype=Object.create(w);function x(e){["next","throw","return"].forEach((function(t){d(e,t,(function(e){return this._invoke(t,e)}))}))}function M(e,t){function o(r,i,a,s){var l=h(e[r],e,i);if("throw"!==l.type){var d=l.arg,c=d.value;return c&&"object"==typeof c&&n.call(c,"__await")?t.resolve(c.__await).then((function(e){o("next",e,a,s)}),(function(e){o("throw",e,a,s)})):t.resolve(c).then((function(e){d.value=e,a(d)}),(function(e){return o("throw",e,a,s)}))}s(l.arg)}var i;r(this,"_invoke",{value:function(e,n){function r(){return new t((function(t,r){o(e,n,t,r)}))}return i=i?i.then(r,r):r()}})}function _(e,t,o){var n=u;return function(r,i){if(n===p)throw new Error("Generator is already running");if(n===f){if("throw"===r)throw i;return T()}for(o.method=r,o.arg=i;;){var a=o.delegate;if(a){var s=k(a,o);if(s){if(s===m)continue;return s}}if("next"===o.method)o.sent=o._sent=o.arg;else if("throw"===o.method){if(n===u)throw n=f,o.arg;o.dispatchException(o.arg)}else"return"===o.method&&o.abrupt("return",o.arg);n=p;var l=h(e,t,o);if("normal"===l.type){if(n=o.done?f:g,l.arg===m)continue;return{value:l.arg,done:o.done}}"throw"===l.type&&(n=f,o.method="throw",o.arg=l.arg)}}}function k(e,o){var n=e.iterator[o.method];if(n===t){if(o.delegate=null,"throw"===o.method){if(e.iterator.return&&(o.method="return",o.arg=t,k(e,o),"throw"===o.method))return m;o.method="throw",o.arg=new TypeError("The iterator does not provide a 'throw' method")}return m}var r=h(n,e.iterator,o.arg);if("throw"===r.type)return o.method="throw",o.arg=r.arg,o.delegate=null,m;var i=r.arg;return i?i.done?(o[e.resultName]=i.value,o.next=e.nextLoc,"return"!==o.method&&(o.method="next",o.arg=t),o.delegate=null,m):i:(o.method="throw",o.arg=new TypeError("iterator result is not an object"),o.delegate=null,m)}function R(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function D(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function E(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(R,this),this.reset(!0)}function O(e){if(e){var o=e[a];if(o)return o.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var r=-1,i=function o(){for(;++r<e.length;)if(n.call(e,r))return o.value=e[r],o.done=!1,o;return o.value=t,o.done=!0,o};return i.next=i}}return{next:T}}function T(){return{value:t,done:!0}}return v.prototype=y,r(S,"constructor",{value:y,configurable:!0}),r(y,"constructor",{value:v,configurable:!0}),v.displayName=d(y,l,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===v||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,y):(e.__proto__=y,d(e,l,"GeneratorFunction")),e.prototype=Object.create(S),e},e.awrap=function(e){return{__await:e}},x(M.prototype),d(M.prototype,s,(function(){return this})),e.AsyncIterator=M,e.async=function(t,o,n,r,i){void 0===i&&(i=Promise);var a=new M(c(t,o,n,r),i);return e.isGeneratorFunction(o)?a:a.next().then((function(e){return e.done?e.value:a.next()}))},x(S),d(S,l,"Generator"),d(S,a,(function(){return this})),d(S,"toString",(function(){return"[object Generator]"})),e.keys=function(e){var t=Object(e),o=[];for(var n in t)o.push(n);return o.reverse(),function e(){for(;o.length;){var n=o.pop();if(n in t)return e.value=n,e.done=!1,e}return e.done=!0,e}},e.values=O,E.prototype={constructor:E,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(D),!e)for(var o in this)"t"===o.charAt(0)&&n.call(this,o)&&!isNaN(+o.slice(1))&&(this[o]=t)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var o=this;function r(n,r){return s.type="throw",s.arg=e,o.next=n,r&&(o.method="next",o.arg=t),!!r}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],s=a.completion;if("root"===a.tryLoc)return r("end");if(a.tryLoc<=this.prev){var l=n.call(a,"catchLoc"),d=n.call(a,"finallyLoc");if(l&&d){if(this.prev<a.catchLoc)return r(a.catchLoc,!0);if(this.prev<a.finallyLoc)return r(a.finallyLoc)}else if(l){if(this.prev<a.catchLoc)return r(a.catchLoc,!0)}else{if(!d)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return r(a.finallyLoc)}}}},abrupt:function(e,t){for(var o=this.tryEntries.length-1;o>=0;--o){var r=this.tryEntries[o];if(r.tryLoc<=this.prev&&n.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var i=r;break}}i&&("break"===e||"continue"===e)&&i.tryLoc<=t&&t<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=e,a.arg=t,i?(this.method="next",this.next=i.finallyLoc,m):this.complete(a)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),m},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.finallyLoc===e)return this.complete(o.completion,o.afterLoc),D(o),m}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.tryLoc===e){var n=o.completion;if("throw"===n.type){var r=n.arg;D(o)}return r}}throw new Error("illegal catch attempt")},delegateYield:function(e,o,n){return this.delegate={iterator:O(e),resultName:o,nextLoc:n},"next"===this.method&&(this.arg=t),m}},e}(e.exports);try{regeneratorRuntime=t}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}},24889:function(e,t,o){!function(e,t){"use strict";if(!e.setImmediate){var o,n,r,i,a,s=1,l={},d=!1,c=e.document,h=Object.getPrototypeOf&&Object.getPrototypeOf(e);h=h&&h.setTimeout?h:e,"[object process]"==={}.toString.call(e.process)?o=function(e){process.nextTick((function(){g(e)}))}:!function(){if(e.postMessage&&!e.importScripts){var t=!0,o=e.onmessage;return e.onmessage=function(){t=!1},e.postMessage("","*"),e.onmessage=o,t}}()?e.MessageChannel?((r=new MessageChannel).port1.onmessage=function(e){g(e.data)},o=function(e){r.port2.postMessage(e)}):c&&"onreadystatechange"in c.createElement("script")?(n=c.documentElement,o=function(e){var t=c.createElement("script");t.onreadystatechange=function(){g(e),t.onreadystatechange=null,n.removeChild(t),t=null},n.appendChild(t)}):o=function(e){setTimeout(g,0,e)}:(i="setImmediate$"+Math.random()+"$",a=function(t){t.source===e&&"string"==typeof t.data&&0===t.data.indexOf(i)&&g(+t.data.slice(i.length))},e.addEventListener?e.addEventListener("message",a,!1):e.attachEvent("onmessage",a),o=function(t){e.postMessage(i+t,"*")}),h.setImmediate=function(e){"function"!=typeof e&&(e=new Function(""+e));for(var t=new Array(arguments.length-1),n=0;n<t.length;n++)t[n]=arguments[n+1];var r={callback:e,args:t};return l[s]=r,o(s),s++},h.clearImmediate=u}function u(e){delete l[e]}function g(e){if(d)setTimeout(g,0,e);else{var o=l[e];if(o){d=!0;try{!function(e){var o=e.callback,n=e.args;switch(n.length){case 0:o();break;case 1:o(n[0]);break;case 2:o(n[0],n[1]);break;case 3:o(n[0],n[1],n[2]);break;default:o.apply(t,n)}}(o)}finally{u(e),d=!1}}}}}("undefined"==typeof self?void 0===o.g?this:o.g:self)},7673:(e,t,o)=>{"use strict";o.d(t,{Z:()=>q});var n=o(38419);o(32260);var r=o(45092);const i={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",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:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",gold:"#ffd700",goldenrod:"#daa520",greenyellow:"#adff2f",gray:"#808080",green:"#008000",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:"#778899",lightslategrey:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",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",purple:"#800080",powderblue:"#b0e0e6",rebeccapurple:"#663399",red:"#ff0000",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:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd3"};const a=class{constructor({color:e,cell:t,column:o}){const{modes:r,modeAttr:a,modeDefault:s,notConvertedClass:l,notValidClass:d,previewAttr:c,previewDefault:h,spaces:u,spacesAttr:g,transparent:p}=n.default.columnType.color;this.modeAttr=a,this.previewAttr=c,this.spacesAttr=g,this.modeDefault=s,this.previewDefault=h,this.modes=r;const{hexAlpha:f,hexLong:m,hexShort:b,hsl:v,hsla:y,name:w,rgb:z,rgba:C}=r;this.hexAlpha=f,this.hexLong=m,this.hexShort=b,this.hsl=v,this.hsla=y,this.name=w,this.rgb=z,this.rgba=C,this.spaces=u,this.transparent=p,this.notConvertedClass=l,this.notValidClass=d,this.colorNames=i,this.colorKeys=Object.keys(this.colorNames),this.colorValues=Object.values(this.colorNames),this.cell=t,this.color=this.convertColorForConversions(e),this.colorRaw=e,this.colorMode=this.getModeFromColor(),this.colorIsTransparent=this.isColorTransparent(),o&&(this.column=o,this.columnHasModeAttr=this.getAttrFromColumn(a),this.columnHasPreviewAttr=this.getAttrFromColumn(c),this.columnHasSpacesAttr=this.getAttrFromColumn(g),this.modeTarget=this.getModeFromAttr(o),this.previewTarget=this.getPreviewFromAttr(o),this.spacesTarget=this.getSpacesFromAttr(o)),this.separator=this.setSeparator()}getModeFromAttr(){let e=this.modeDefault,t=this.columnHasModeAttr;return Object.values(this.modes).indexOf(t)>-1&&(e=t),t&&-1===Object.values(this.modes).indexOf(t)&&this.addInvalidClass(),e}getPreviewFromAttr(){return"disabled"!==this.columnHasPreviewAttr}getSpacesFromAttr(){let e=this.columnHasSpacesAttr;return e&&e===this.spaces.invalid?this.spaces.invalid:e&&e===this.spaces.inherit?this.spaces.inherit:this.spaces.valid}formatColor(){let e,t;this.columnHasModeAttr&&!this.colorMode?(e=this.color,t=!0):(e=this.convertColor(),t=!1);let o=e;if(this.previewTarget){o=`\n        <div style="display:flex;align-items:center;">\n          <span style="margin-right:7px;width:15px;height:15px;background-color:${e};border:1px solid ${t||this.colorIsTransparent||!this.colorMode?"#ebebeb":"transparent"};border-radius:2px;"></span>\n          <span>${e}</span>\n        </div>\n      `.trim()}return o}isColorTransparent(){if(this.colorRaw===this.transparent)return!0;const e=this.getParts(this.color);return 4===e.length&&"0"===e[3]}convertColor(){let e=this.color;switch(this.modeTarget){case this.hexAlpha:case this.hexLong:case this.hexShort:e=this.convertToHex();break;case this.hsl:case this.hsla:e=this.convertToHsl();break;case this.name:e=this.convertToName();break;case this.rgb:case this.rgba:e=this.convertToRgb()}return e||"--"}convertToHex(e){const t=this.colorMode;switch(e&&(this.modeTarget=e),t){case this.hexAlpha:case this.hexLong:case this.hexShort:return this.convertHexToHex();case this.hsl:case this.hsla:return this.convertHslToHex();case this.rgb:case this.rgba:return this.convertRgbToHex();case this.name:return this.convertNameToHex()}}convertToHsl(){switch(this.colorMode){case this.hexAlpha:case this.hexLong:case this.hexShort:return this.convertHexToHsl();case this.hsl:case this.hsla:return this.convertHslToHsl();case this.rgb:case this.rgba:return this.convertRgbToHsl();case this.name:return this.convertNameToHsl()}}convertToName(){switch(this.colorMode){case this.hexAlpha:case this.hexLong:case this.hexShort:return this.convertHexToName();case this.hsl:case this.hsla:return this.convertHslToName();case this.rgb:case this.rgba:return this.convertRgbToName();case this.name:return this.convertNameToName()}}convertToRgb(){switch(this.colorMode){case this.hexAlpha:case this.hexLong:case this.hexShort:return this.convertHexToRgb();case this.hsl:case this.hsla:return this.convertHslToRgb();case this.rgb:case this.rgba:return this.convertRgbToRgb();case this.name:return this.convertNameToRgb()}}convertHexToHex(){const e=this.color,t=this.color.length,o=this.modeTarget===this.hexAlpha,n=this.modeTarget===this.hexShort,r=this.modeTarget===this.hexLong,i=9===t,a=4===t,s=7===t;if(o){if(i)return e;if(s)return`${e}ff`;if(a)return`${this.getLongHex(e)}ff`}if(r){if(i)return e.substring(0,t-2);if(s)return e;if(a)return this.getLongHex(e)}if(n){if(i)return this.getShortHex(e);if(s)return this.getShortHex(e);if(a)return e}}convertHexToHsl(){const e=this.getAlphaHex(),t=this.separator,o=this.modeTarget===this.hsl,n=this.modeTarget===this.hsla;return function(e){if(!/^#([\da-f]{4}){1,2}$/i.test(e))return"Invalid input color";{let r=0,i=0,a=0,s=1;5==e.length?(r="0x"+e[1]+e[1],i="0x"+e[2]+e[2],a="0x"+e[3]+e[3],s="0x"+e[4]+e[4]):9==e.length&&(r="0x"+e[1]+e[2],i="0x"+e[3]+e[4],a="0x"+e[5]+e[6],s="0x"+e[7]+e[8]),r/=255,i/=255,a/=255;let l=Math.min(r,i,a),d=Math.max(r,i,a),c=d-l,h=0,u=0,g=0;if(h=0==c?0:d==r?(i-a)/c%6:d==i?(a-r)/c+2:(r-i)/c+4,h=Math.round(60*h),h<0&&(h+=360),g=(d+l)/2,u=0==c?0:c/(1-Math.abs(2*g-1)),u=+(100*u).toFixed(1),g=+(100*g).toFixed(1),s=(s/255).toFixed(2),s="1"===s[0]?1:s,s="0"===s[0]?s.substring(1):s,u=`${parseInt(u)}%`,g=`${parseInt(g)}%`,n)return`hsla(${h}${t}${u}${t}${g}${t}${s})`;if(o)return`hsl(${h}${t}${u}${t}${g})`}}(e)}convertHexToName(){const e=this.getLongHex(this.color);return this.matchHexToName(e)}convertHexToRgb(){let e=this.getAlphaHex();const t=this.separator,o=this.modeTarget===this.rgb,n=this.modeTarget===this.rgba;let r,i,a,s="";return""==e&&(e="000000"),"#"==e[0]&&(e=e.substring(1,e.length)),3==e.length?(r=`${e.substring(0,1)}${e.substring(0,1)}`,i=`${e.substring(1,2)}${e.substring(1,2)}`,a=`${e.substring(2,3)}${e.substring(2,3)}`):(r=e.substring(0,2),i=e.substring(2,4),a=e.substring(4,6)),8==e.length&&(s=(parseInt(e.substring(6,8),16)/255).toFixed(2)),r=parseInt(r,16),i=parseInt(i,16),a=parseInt(a,16),s="1"===s[0]?parseInt(s):s,s="0"===s[0]?s.substring(1):s,o?`rgb(${r}${t}${i}${t}${a})`:n?`rgba(${r}${t}${i}${t}${a}${t}${s})`:void 0}convertHslToHex(){const e=this.formatParts("hsl",this.color),t=this.convertHslToRgb(e);return this.convertRgbToHex(t)}convertHslToHsl(){this.color;const e=this.formatParts("hsl",this.color),{H:t,S:o,L:n,A:r,display:i,displayAlpha:a}=e,s=this.modeTarget===this.hsl,l=this.modeTarget===this.hsla;this.colorMode=this.hsla,this.colorMode=this.hsl;return l?a:s?i:void 0}convertHslToName(){if(this.colorIsTransparent)return this.returnTransparent();const e=this.convertHslToHex().display;return this.matchHexToName(e)}convertHslToRgb(e){e||(e=this.formatParts("hsl",this.color));let{H:t,S:o,L:n,A:r=1,display:i}=e,a=0,s=0,l=0;const d=this.separator;return function(e,i){let c=!1;if(/^hsl\(((((([12]?[1-9]?\d)|[12]0\d|(3[0-5]\d))(\.\d+)?)|(\.\d+))(deg)?|(0|0?\.\d+)turn|(([0-6](\.\d+)?)|(\.\d+))rad)((,\s?(([1-9]?\d(\.\d+)?)|100|(\.\d+))%){2}|(\s(([1-9]?\d(\.\d+)?)|100|(\.\d+))%){2})\)$/i.test(e)){e=e.substr(4).split(")")[0].split(d),c=!0===c,o=e[1].substr(0,e[1].length-1)/100,n=e[2].substr(0,e[2].length-1)/100,t.indexOf("deg")>-1?t=t.substr(0,t.length-3):t.indexOf("rad")>-1?t=Math.round(h.substr(0,t.length-3)/(2*Math.PI)*360):t.indexOf("turn")>-1&&(t=Math.round(360*h.substr(0,t.length-4))),t>=360&&(t%=360);let u=(1-Math.abs(2*n-1))*o,g=u*(1-Math.abs(t/60%2-1)),p=n-u/2;0<=t&&t<60?(a=u,s=g,l=0):60<=t&&t<120?(a=g,s=u,l=0):120<=t&&t<180?(a=0,s=u,l=g):180<=t&&t<240?(a=0,s=g,l=u):240<=t&&t<300?(a=g,s=0,l=u):300<=t&&t<360&&(a=u,s=0,l=g),a=Math.round(255*(a+p)),s=Math.round(255*(s+p)),l=Math.round(255*(l+p)),c&&(a=+(a/255*100).toFixed(1),s=+(s/255*100).toFixed(1),l=+(l/255*100).toFixed(1));const f={R:a,G:s,B:l,A:r,display:`rgb(${a}${d}${s}${d}${l})`,displayAlpha:`rgba(${a}${d}${s}${d}${l}${d}${r})`},m=i.modeTarget===i.rgb,b=i.modeTarget===i.rgba;return m?f.display:b?f.displayAlpha:f}return"Invalid color"}(i,this)}convertNameToHex(){const e=this.color,t=this.modeTarget===this.hexAlpha,o=this.modeTarget===this.hexShort,n=this.modeTarget===this.hexLong,r=this.colorNames[e.toLowerCase()];return r?t?`${r}ff`:n?r:o?this.getShortHex(r):void 0:this.setNotConvertedState()}convertNameToHsl(){const e=this.color,t=this.colorNames[e.toLowerCase()];return t?(this.color=t,this.convertHexToHsl()):this.setNotConvertedState()}convertNameToName(){return this.color}convertNameToRgb(){const e=this.color,t=this.colorNames[e.toLowerCase()];return t?(this.color=t,this.convertHexToRgb()):this.setNotConvertedState()}convertRgbToHex(e){e||(e=this.formatParts("rgb",this.color));let{R:t,G:o,B:n,A:r=1,display:i}=e,a=`rgba(${t},${o},${n},${r})`;this.separator;if(/^rgba\((((((((1?[1-9]?\d)|10\d|(2[0-4]\d)|25[0-5]),\s?)){3})|(((([1-9]?\d(\.\d+)?)|100|(\.\d+))%,\s?){3}))|(((((1?[1-9]?\d)|10\d|(2[0-4]\d)|25[0-5])\s){3})|(((([1-9]?\d(\.\d+)?)|100|(\.\d+))%\s){3}))\/\s)((0?\.\d+)|[01]|(([1-9]?\d(\.\d+)?)|100|(\.\d+))%)\)$/i.test(a)){a=a.substr(5).split(")")[0],a=a.split(","),a.indexOf("/")>-1&&a.splice(3,1);for(let e in a){let t=a[e];if(t.indexOf("%")>-1){let o=t.substr(0,t.length-1)/100;a[e]=e<3?Math.round(255*o):o}}t=(+a[0]).toString(16),o=(+a[1]).toString(16),n=(+a[2]).toString(16),r=Math.round(255*+a[3]).toString(16),1==t.length&&(t="0"+t),1==o.length&&(o="0"+o),1==n.length&&(n="0"+n),1==r.length&&(r="0"+r);const e=this.getShortHex(`#${t}${o}${n}`),i=this.modeTarget===this.hexAlpha,s=this.modeTarget===this.hexShort,l=this.modeTarget===this.hexLong;return i?`#${t}${o}${n}${r}`:l?`#${t}${o}${n}`:s?e:{R:t,G:o,B:n,A:r,display:`#${t}${o}${n}`,displayAlpha:`#${t}${o}${n}${r}`,displayShort:e}}return"Invalid color"}convertRgbToHsl(e){e||(e=this.formatParts("rgb",this.color));let{R:t,G:o,B:n,A:r=1,display:i,displayAlpha:a}=e,s=0,l=0,d=0;const c=this.separator;return function(e,i){if(/^rgba\((((((((1?[1-9]?\d)|10\d|(2[0-4]\d)|25[0-5]),\s?)){3})|(((([1-9]?\d(\.\d+)?)|100|(\.\d+))%,\s?){3}))|(((((1?[1-9]?\d)|10\d|(2[0-4]\d)|25[0-5])\s){3})|(((([1-9]?\d(\.\d+)?)|100|(\.\d+))%\s){3}))\/\s)((0?\.\d+)|[01]|(([1-9]?\d(\.\d+)?)|100|(\.\d+))%)\)$/i.test(e)){(e=e.substr(5).split(")")[0].split(c)).indexOf("/")>-1&&e.splice(3,1);for(let t in e){let o=e[t];if(o.indexOf("%")>-1){let n=o.substr(0,o.length-1)/100;t<3&&(e[t]=Math.round(255*n))}}t=e[0]/255,o=e[1]/255,n=e[2]/255,r=e[3];let a=Math.min(t,o,n),h=Math.max(t,o,n),u=h-a;s=0==u?0:h==t?(o-n)/u%6:h==o?(n-t)/u+2:(t-o)/u+4,s=Math.round(60*s),s<0&&(s+=360),d=(h+a)/2,l=0==u?0:u/(1-Math.abs(2*d-1)),l=+(100*l).toFixed(1),d=+(100*d).toFixed(1),l=`${parseInt(l)}%`,d=`${parseInt(d)}%`;const g={H:s,S:l,L:d,A:r,display:`hsl(${s}${c}${l}${c}${d})`,displayAlpha:`hsla(${s}${c}${l}${c}${d}${c}${r})`},p=i.modeTarget===i.hsl,f=i.modeTarget===i.hsla;return p?g.display:f?g.displayAlpha:g}return"Invalid input color"}(a,this)}convertRgbToName(){if(this.colorIsTransparent)return this.returnTransparent();const e=this.convertRgbToHex().display;return this.matchHexToName(e)}convertRgbToRgb(){this.color;const e=this.formatParts("rgb",this.color),{R:t,G:o,B:n,A:r,display:i,displayAlpha:a}=e,s=this.modeTarget===this.rgb,l=this.modeTarget===this.rgba;this.colorMode=this.rgba,this.colorMode=this.rgb;return l?a:s?i:void 0}addNotConvertedClass(){this.cell.classList.add(this.notConvertedClass)}addInvalidClass(){this.cell.classList.add(this.notValidClass)}convertColorForConversions(e){return this.columnHasModeAttr&&e===this.transparent?"rgba(0, 0, 0, 0)":e}formatParts(e,t){const o=e.toUpperCase(),n=this.getParts(t),r=this.separator,i=n[3]||1,a=o[0],s=o[1],l=o[2];return{[a]:n[0],[s]:n[1],[l]:n[2],A:i,display:`${e}(${n[0]}${r}${n[1]}${r}${n[2]})`,displayAlpha:`${e}a(${n[0]}${r}${n[1]}${r}${n[2]}${r}${i})`}}getAlphaHex(){const e=this.color;return 4===e.length?`#${e[1]}${e[1]}${e[2]}${e[2]}${e[3]}${e[3]}ff`:7===e.length?`${e}ff`:e}getAttrFromColumn(e){return this.column.getAttribute(e)}getLongHex(e){return 4!==e.length?e:`#${e[1]}${e[1]}${e[2]}${e[2]}${e[3]}${e[3]}`}getModeFromColor(){const e=this.color;let t;if("#"===e[0])4===e.length&&(t=this.hexShort),7===e.length&&(t=this.hexLong),9===e.length&&(t=this.hexAlpha);else if(e.includes(`${this.hsl}(`))t=this.hsl;else if(e.includes(`${this.hsla}(`))t=this.hsla;else if(e.includes(`${this.rgb}(`))t=this.rgb;else if(e.includes(`${this.rgba}(`))t=this.rgba;else{t=!!this.isColorNameMatch(e)&&this.name}return t}getParts(e){const t=e.replace(/ /g,""),o=t.indexOf("(")+1;return t.substring(o,t.length-1).split(",")}getPercentage(e){const t=parseFloat(e).toFixed(2);return`${Math.round(100*t)}%`}getShortHex(e){const t=`#${this.getShortHexPart(`${e[1]}${e[2]}`)}${this.getShortHexPart(`${e[3]}${e[4]}`)}${this.getShortHexPart(`${e[5]}${e[6]}`)}`;return 4===t.length?t:this.colorMode===n.default.columnType.color.modes.name?(this.addNotConvertedClass(),e):this.setNotConvertedState()}getShortHexPart(e){return e[0]===e[1]?e[0]:e}isColorNameMatch(e){return this.colorKeys.filter((t=>t===e.toLowerCase()))[0]}isColorNameHexMatch(e){let t;return this.colorValues.forEach(((o,n)=>o===e.toLowerCase()?t=this.colorKeys[n]:o)),t}matchHexToName(e){const t=this.isColorNameHexMatch(e);return t||this.setNotConvertedState()}returnTransparent(){return this.colorRaw===this.transparent?this.colorRaw:this.colorIsTransparent?this.setNotConvertedState():void 0}setNotConvertedState(){return this.columnHasModeAttr&&this.addNotConvertedClass(),this.color}setNotValidState(){return this.columnHasModeAttr&&this.addInvalidClass(),this.color}setSeparator(){if(this.spacesTarget===this.spaces.invalid)return",";if(this.spacesTarget===this.spaces.inherit){return this.color.includes(" ")||this.colorMode===this.modes.name?", ":","}return", "}init(){return this.formatColor()}};var s=o(56919);var l=o(22048);var d=o(2568);const c=function(...e){const t=e[e.length-2],o=e[e.length-1],i=r.String.formatCellData({args:e,cellDOM:t,cellSE:o});if(!i)return"";const a=o.widget.store;let s=o.rawData()||i,l=o._columnConfig.sTypeImageSrc||s;if(o._columnConfig.sTypeImageSrc&&(l=a.processTemplate(l,null,o)),!l||"string"!=typeof l)return"";l=l.split(" ");let c="";return l.forEach((e=>c+=function(e,t){const o=t.widget.store,i=t._columnConfig.sCellType===n.default.cellTypes.gravatar;let a=t._columnConfig.sTypeImageAlt;a&&(a=o.get(t.sTargetRecordIndex,a)||a);a=a||""===a?a:e;const s=t._columnConfig.sContentStyle;let l=i?"display:inline-block;height:auto;overflow:hidden;word-wrap:break-word;max-width:80%;":"display:inline-block;height:auto;overflow:hidden;word-wrap:break-word;",c=s||"",h="";i||-1!==c.indexOf("max-width")||t._columnConfig.sContentWidth||(l+="max-width:100%;");const u=r.bF(t._columnConfig.sContentWidth,c,!1);u&&(c+=u);const g=t._columnConfig.sTypeImageMask||"";if(g&&"circle"===g)h="-webkit-clip-path: circle();clip-path: circle();";if(i){const t=d(e.trim().toLowerCase());e=`https://www.gravatar.com/avatar/${t}`}return`<img src="${e}" alt="${a}" style="${l}${c}${h}">`}(e,o))),c};let u=new class{constructor(){this.oRegisteredRenderer={}}registerRenderer(e,t){this.oRegisteredRenderer[e]=t}getRenderer(e){return this.oRegisteredRenderer[e]}};u.registerRenderer("aggregate",(function(...e){const t=e[e.length-1];return t.widget.aggregateManager.calculateAggregateRow(t)})),u.registerRenderer("boolean",(function(...e){const t=e[e.length-1],o=t._columnConfig&&t._columnConfig.sSeparator||" ";return e.filter(((t,o)=>o<e.length-2)).reduce(((e,t,n)=>{let r;return r=null==t?"":t?"True":"False",0===n?`${e}${r}`:`${e}${o}${r}`}),"")})),u.registerRenderer("button",(function(...e){e[e.length-2];const t=e[e.length-1],o=t.widget,n=t._columnConfig,r=e.slice(0,-2);let i=n.sTypeButtonLabel||r[0]||"";i=o.store.processTemplate(i.toString(),null,t);const a=n.sTypeButtonTooltip,s=o.store.processTemplate(n.sTypeButtonIcon,null,t),l=o.store.processTemplate(n.sTypeButtonUrl,null,t),d=n.fnTypeButtonHandler,c=n.sTypeButtonHandler,h=n.sButtonBorder,u=document.createElement("zg-button");u.parentCell=t,void 0!==h&&(u.forceBorder=h);const g=u.getDisabledStatus(n.bTypeButtonDisabled,o);return u.disabled=g,a&&(u.customTooltip=a),(d&&d.method||c)&&(u.fnHandler=d,u.handler=c),l&&u.addEventListener("click",(e=>{return t=l,void(g||(window.location=t));var t})),s&&u.insertAdjacentHTML("afterbegin",`<zg-icon name="${s}" slot="icon"></zg-icon>`),u.insertAdjacentHTML("beforeend",i),u})),u.registerRenderer("checkbox",(function(e,t,o){const n="string"==typeof e?e.toLowerCase():e,r=["false",!1,0].indexOf(n)>-1,i=["true",!0,1].indexOf(n)>-1;if(!r&&!i)return e;const a=i,s=[0,1].indexOf(e)>-1;let l;const d=o._columnConfig.sTypeCheckboxLabel;let c=document.createElement("zg-checkbox");if(c.checked=i,c.setAttribute("parent","cell"),d){const e=document.createElement("label");e.setAttribute("style","display:inline-flex;align-items:center;cursor:pointer;line-height:1;");const t=document.createElement("span");t.textContent=d,e.addEventListener("click",h),c.setAttribute("style","margin-right:4px;pointer-events:none;"),e.appendChild(c),e.appendChild(t),l=e}else c.style.cursor="pointer",c.addEventListener("click",h),l=c;return l;function h(e){e.stopPropagation();let t=!a;s&&(t=t?1:0),o.rawData(t)}})),u.registerRenderer("code",(function(...e){const t=e[e.length-2],o=e[e.length-1],n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o});let i=o._columnConfig.sContentStyle||"";return i+=r.bF(o._columnConfig.sContentWidth,i,!0),`<code ${`style="${i}"`}><pre>${n}</pre></code>`})),u.registerRenderer("color",(function(...e){const t=e[e.length-2],o=e[e.length-1]._columnConfig.oDOMZGColumn,n=t,r=e.filter(((t,o)=>o<e.length-2))[0];return new a({color:r,cell:n,column:o}).init()})),u.registerRenderer("currency",(function(...e){const t=e[e.length-2],o=e[e.length-1],n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o});if(isNaN(parseInt(n)))return n;let i=o._columnConfig.sLocale||s.default.getLocale(o.widget)||"en-US";const a={style:"currency",currency:o._columnConfig.sTypeCurrency||"USD"};let l;r.FE(a,o._columnConfig);try{l=new Intl.NumberFormat(i,a).format(n)}catch(e){l=n}return l})),u.registerRenderer("date",(function(...e){const t=e[e.length-2],o=e[e.length-1],n=o.widget;let i,a=r.String.formatCellData({args:e,cellDOM:t,cellSE:o}),d=o._columnConfig.sLocale||s.default.getLocale(n)||"en-US",c=o._columnConfig.sTypeDateFormat||null,h=o._columnConfig.bTypeDateFromNow||!1;try{let e=l.kB(a);i=c?l.p6(e,c,d,n):h?l.Zh(e,!1,n):new Intl.DateTimeFormat(d).format(e)}catch(e){i=a}return i})),u.registerRenderer("element",(function(...e){const t=e[e.length-2],o=e[e.length-1],n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o});let i="code"===(o.sCellType||"").toLowerCase()?"code":o._columnConfig.sElementTagName||"span",a=o._columnConfig.sElementAttributeName;const s=a?` ${a}="${n}"`:"",l=a?"":`${n}`;let d=o._columnConfig.sContentStyle||"";d+=r.bF(o._columnConfig.sContentWidth,d,!0);let c=`style="${d}"`;return'style="true"'==c&&(c=""),`<${i} ${s} ${c}>${l}</${i}>`})),u.registerRenderer("email",(function(...e){const t=e[e.length-2],o=e[e.length-1],n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o});let i=o._columnConfig.sContentStyle||"";return i+=r.bF(o._columnConfig.sContentWidth,i,!0),`<a href="mailto:${n}" ${`style="${i}"`}>${n}</a>`})),u.registerRenderer("icon",(function(...e){const t=e[e.length-2],o=e[e.length-1];let n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o}).toLowerCase();return n=n.replace(/ /gi,"-"),`<zg-icon name="${n}"></zg-icon>`})),u.registerRenderer("image",c),u.registerRenderer("key",(function(...e){const t=e[e.length-2],o=e[e.length-1];let n;if(o._columnConfig){const t=o._columnConfig&&o._columnConfig.sSeparator||" ";let i=o._columnConfig.sTypeRadioOptions||o._columnConfig.aSelectOptions||o._columnConfig.sTypeKeyOptions;"string"==typeof i&&(i=r.String.formatToArray(i));const a=e.filter(((t,o)=>o<e.length-2));let s=[];i&&i.forEach((e=>{e&&e.value&&e.name&&(s[e.value]=e.name)})),n=a.reduce(((e,o,n)=>{let r;return r=null==o?"":s[o]?s[o]:o,0===n?`${e}${r}`:`${e}${t}${r}`}),"")}else n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o});return n})),u.registerRenderer("iframe",(function(...e){const t=e[e.length-2],o=e[e.length-1],n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o});if(!n)return"";const i=o._columnConfig.sContentStyle;let a=o._columnConfig.sTypeIframeRatio,s=o._columnConfig.sContentWidth;s||(s="100%");const l=`position:relative;padding-top:${"square"===a?"100%":"56.25%"};width:100%;overflow:hidden;`;let d=i||"";return d+=r.bF(s,d,!0),`<div class="iframe-wrapper" style="${l}"><iframe src="${n}" ${`style="position:absolute;top:0;left:0;height:100%;border:0;${d}"`}></iframe></div>`})),u.registerRenderer("number",(function(...e){const t=e[e.length-1];let o=t._columnConfig.sLocale||s.default.getLocale(t.widget)||"en-US",n=e.filter(((t,o)=>o<e.length-2)),i=t._columnConfig.sTypeNumberFormatting,a={};if("disabled"===i)return n;{r.FE(a,t._columnConfig);const e=t._columnConfig&&t._columnConfig.sSeparator||" ";return n.reduce(((t,n,r)=>{let i;return i=null==n||isNaN(n)||""===n?"":new Intl.NumberFormat(o,a).format(n),0===r?`${t}${i}`:`${t}${e}${i}`}),"")}})),u.registerRenderer("password",(function(...e){let t=e.filter(((t,o)=>o<e.length-2));const o=e[e.length-1],n=o._columnConfig&&o._columnConfig.sSeparator||" ";let r=t.reduce(((e,t,o)=>{let r;return r=null==t?"":`${t}`.replace(/./g,"*"),0===o?`${e}${r}`:`${e}${n}${r}`}),"");return r||""})),u.registerRenderer("percentage",(function(...e){const t=e[e.length-1];let o=e.filter(((t,o)=>o<e.length-2));const n={style:"percent"};r.FE(n,t._columnConfig);const i=t._columnConfig&&t._columnConfig.sSeparator||" ",a=t._columnConfig.sLocale||s.default.getLocale(t.widget)||"en-US";return o.reduce(((e,t,o)=>{let r;return r=null==t||isNaN(t)||""===t?"":new Intl.NumberFormat(a,n).format(t),0===o?`${e}${r}`:`${e}${i}${r}`}),"")})),u.registerRenderer("text",(function(...e){const t=e[e.length-2],o=e[e.length-1],n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o});if(!o._columnConfig)return"";let i=n;return"string"==typeof i&&o._columnConfig&&"disabled"!==o._columnConfig.sTranslateNewline&&(i=i.replace(/\n/g,"<br>")),i})),u.registerRenderer("toggle",(function(e,t,o){const n=!!o._columnConfig.oDOMZGColumn.renderer,r=!!o._columnConfig.aTypeToggleOptions,i=!!o._columnConfig.bTypeToggleRenderValue;let a,s=o._columnConfig.aTypeToggleOptions||[!1,!0],l=s.length,d=null,c=document.createElement("span");return n&&(d=o.fnRenderer),"object"==typeof s[0]?(d=null,a=s.findIndex((t=>t.value==e))):(a=!1===e?0:!0===e?1:s.indexOf(e),s=s.map(((e,t)=>({render:e,value:2!==l||i?e:1===t})))),h(a),c.addEventListener("click",(function(){let e=(a+1)%l,t=h(e);o.rawData(t),a=e})),c;function h(e){let t,n,i=s[e];if(d){let e=d.scope||o;n=d.method.apply(e,[i.render])||"",t=i.value}else"object"==typeof i?(n=i.render,t=i.value):(n=i,t=r?i:!!e);return c.innerHTML=n,t}})),u.registerRenderer("url",(function(...e){const t=e[e.length-2],o=e[e.length-1],n=r.String.formatCellData({args:e,cellDOM:t,cellSE:o}),i=o.widget.store;let a=o._columnConfig.sTypeUrlText,s=o._columnConfig.sTypeUrlIcon,l=o._columnConfig.sTypeUrlTarget||"_blank",d=o._columnConfig.sTypeUrlSrc||n;o._columnConfig.sTypeUrlSrc&&(d=i.processTemplate(d,null,o)),a&&(a=i.get(o.sTargetRecordIndex,a)||a),a=a||n;let c=o._columnConfig.sContentStyle||"";c+=r.bF(o._columnConfig.sContentWidth,c,!0);const h=`style="display:inline-block;${c}"`;return s?`<a href="${d}" target="${l}" ${h}><zg-icon name="${s}"></zg-icon></a>`:`<a href="${d}" target="${l}" ${h}>${a}</a>`})),u.registerRenderer(n.default.internalColumn.recordselector,(function(e,t,o){let r,i,a=void 0===o,s=a?this.oDOMZGColumn.widget:o.widget,l=this.sColumnId+s.randomKey;return t&&(r=t.querySelector("zg-checkbox")),i=!r||s.bPreloaded,r||(r=document.createElement("zg-checkbox"),a&&r.setAttribute("header",!0),r.setAttribute(n.default.attr.internalselector,""),r.setAttribute(n.default.zgLayout.attr,s.layoutManager.sCurrentType),r.setAttribute("parent",a?"head":"body")),r.setAttribute("name",l),i&&(r.on("statechanged",((e,t)=>{if(a){let e=document.querySelectorAll(`zg-row:not([hidden]) zg-checkbox[name="${l}"]`);for(let o=0;o<e.length;o++)e[o]!==r&&e[o].parentNode.assignedSlot&&!e[o].getAttribute("header")&&(e[o].checked===t||!t&&void 0===e[o].checked||(e[o].checked=t))}else{let e=o.sTargetRecordIndex,n=s.store.get(e);if(t)s.aSelectedRows[e]=n;else{delete s.aSelectedRows[e];let t=document.getElementsByName(l);for(let e=0;e<t.length;e++){const o=t[e];o.getAttribute("header")&&o.singleUncheck()}}s.updateCaption(),s.fire("rowselectionchanged",e,t)}})),s.on("rowdeselect",(()=>r.checked=!1)),s.on("pagechange",(()=>r.checked=!1)),s.on(n.default.event.pagesizechange,(()=>r.checked=!1)),s.on("layoutchange",(()=>r.checked=!1)),s.on("roworderchange",(()=>r.checked=!1)),s.store.on("removerecord",(()=>r.checked=!1)),s.store.on("duplicaterecord",(()=>r.checked=!1)),s.store.on("insertrecord",(()=>r.checked=!1))),r})),u.registerRenderer(n.default.internalColumn.recordeditor,(function(...e){const t=e[e.length-1],o=t.widget,r=t._columnConfig.sButtonBorder;if(!1===o.store.oDataRequest.updateOptions.row)return null;const i=document.createElement(n.default.zgButton.tagName);return i.action="editrecord",i.parentCell=t,i.disabled=o.batchEditor.isActive(),void 0!==r&&i.setAttribute(n.default.zgButton.forceBorderAttr,r),i})),u.registerRenderer(n.default.internalColumn.recordremover,(function(e,t,o){const r=o.widget,i=r.batchEditor,a=o._columnConfig.sButtonBorder;if(!1===r.store.oDataRequest.deleteOptions)return null;let s="removerecord";i.isActive()&&r.dirtyManager.isDirtyDelete(o.sTargetRecordIndex)&&(s="undoremoverecord");let l=document.createElement(n.default.zgButton.tagName);return l.action=s,l.parentCell=o,void 0!==a&&l.setAttribute(n.default.zgButton.forceBorderAttr,a),l})),u.registerRenderer(n.default.internalColumn.rownumber,(function(...e){const t=e[e.length-1],o=e[e.length-2],n=t.widget;if(o.parentNode&&"frozen"===o.parentNode.getAttribute("type"))return"";const r=n.getRowIndexByDataRowContainerIndex(t.nStartRowIndex),i=n.aRowMapping[r].nDataRowsBefore;return((void 0!==i?i:r)+1).toString()})),u.registerRenderer(n.default.internalColumn.rowgroup,(function(...e){const t=e[e.length-1],o=t.widget,r=t.sGroupRecordIndex,i=r.split(o.sNestedGroupDataSeparator).map((e=>e.trim())),a=i[i.length-1],l=t._columnConfig,d=l.oDOMRenderTemplate||l.body,c=l.fnGroupRenderer;let h=l.sDefaultDisplay||o.sDefaultDisplay;const u=o.groupbyManager,g=u.getGroupParent(r),p=u.getGroupCount(a,g),f=o.getRowIndexByDataRowContainerIndex(t.nStartRowIndex),m=o.aRowMapping[f],b=g[i[i.length-1]].open,v=a.replaceAll(n.default.global.replaceToken,o.sNestedGroupDataSeparator);let y,w,z,C,S="null"===a||""===a||"undefined"===a,x="";for(let e=1;e<i.length;e++)x+="&nbsp;&nbsp;&nbsp;&nbsp;";const M=document.createElement("div");M.setAttribute(n.default.zgCell.cellGroupAttr,""),M.innerHTML=x;const _=document.createElement(n.default.zgButton.tagName);_.action=b?"closerowgroup":"openrowgroup",M.appendChild(_),y=function(e,t,o,n){let r;if(e.bTypeGroupHideCount)r="";else if(t.oPageData){let e=s.default.get("pagination.pageOf",n);r=` (${`${t.oPageData.nTotalSeen} - ${t.oPageData.nMaxOnPage} ${e} ${t.oPageData.nTotal}`})`}else r=` (${o})`;return r}(l,m,p,o),(d||c)&&(z=u.calculateGroupData(t,p,a,v,g,m),C=u.calculateIndexData(t)),w=d?u.calculateTemplate(C,z,d):S&&h?`${h}${y}`:`${v}${y}`,c&&(w=function(e,t,o,n){let r=n.method.apply(n.scope,[e,t,o])||"";return r}(C,z,m,c));const k=document.createElement("span");return k.setAttribute(n.default.attr.internalspan,""),k.dir="ltr",k.innerHTML=w,(l.oDOMDetailsTemplate||l.fnDetailsRenderer)&&(k.style.cursor="pointer",k.style.color="blue",k.style.textDecoration="underline"),M.appendChild(k),M.innerHTML})),u.registerRenderer(n.default.internalColumn.recordinfo,(function(...e){const t=e[e.length-2],o=e[e.length-1],i=(r.String.formatCellData({args:e,cellDOM:t,cellSE:o}),o.widget);let a=o._columnConfig.cellTooltipIcon||i.oCellTooltip.cellTooltipIcon||"info";return this.ZGButton=document.createElement(n.default.zgIcon.tagName),this.ZGButton.setAttribute(n.default.attr.internalcell,""),this.ZGButton.name=a,this.ZGButton.parentCell=o,this.ZGButton})),u.registerRenderer(n.default.internalColumn.recordduplicate,(function(e,t,o){const r=o._columnConfig.sButtonBorder;let i=document.createElement(n.default.zgButton.tagName);return i.action="duplicaterecord",i.parentCell=o,void 0!==r&&i.setAttribute(n.default.zgButton.forceBorderAttr,r),i}));const g=u;var p=o(84233);const f={init(e,t){},onOpen(e,t,o){if(!("color"===e.sCellType))return o;const r=t.querySelector(`#${n.default.zgEditorRow.fieldLabelId}`);if(this.sStartValue=o.trim(),this.colorFormatter=new a({color:this.sStartValue}),this.sNewValue=this.colorFormatter.convertToHex(n.default.columnType.color.modes.hexLong),!t.querySelector("input")){const o=document.createElement("span"),i=o.cloneNode();i.classList.add(n.default.zgEditorRow.colorWrapClass);const a=o.cloneNode();a.classList.add(n.default.zgEditorRow.colorPickerClass),a.style.background=this.sNewValue,this.oPicker=a;const s=p.Z.createInput("color",t,e);s.value=this.sNewValue,s.addEventListener("change",m.bind(this));const l=o.cloneNode();l.classList.add(n.default.zgEditorRow.colorLabelClass),l.textContent=this.sNewValue,this.oLabel=l,this.oPicker.appendChild(s),i.appendChild(this.oPicker),i.appendChild(this.oLabel),r.appendChild(i),setTimeout((()=>s.click()))}},onClose(e){this.colorFormatter.modeTarget=this.colorFormatter.colorMode,this.colorFormatter.colorMode=n.default.columnType.color.modes.hexLong,this.colorFormatter.color=this.sNewValue;return this.colorFormatter.convertColor()}};function m(e){const t=e.target.value;this.oPicker.style.background=t,this.oLabel.textContent=t,this.oPicker.style.borderColor="#ffffff"===t?"#ebebeb":"transparent",this.sNewValue=t}const b={init(e,t){this.oDOMInput=p.Z.createInput("number",t,e)},onOpen:p.Z.onOpen,onClose:p.Z.onNumberClose},v={init(e,t){this.oDOMInput=p.Z.createInput("checkbox",t,e)},onOpen(e,t,o){t.querySelector("input").checked=o},onClose:e=>e.querySelector("input").checked},y={init(e,t){this.oDOMInput=p.Z.createInput("date",t,e)},onOpen(e,t,o){let n=t.querySelector("input"),r=l.kB(o),i=r.getMonth()+1;i<10&&(i="0"+i);let a=r.getDate();a<10&&(a="0"+a),n.value=r.getFullYear()+"-"+i+"-"+a},onClose:e=>e.querySelector("input").value,bCalculateWidth:!0};o(32816);const w={init(e,t){let o=e._columnConfig.aSelectOptions||e.widget.store.getUniqueDataByFieldIndex(e._columnConfig.sFieldIndex),n=e._columnConfig.bTypeSelectMultiple||!1,i=r.ZT(o);i.multiple=n,t.appendChild(i)},onOpen(e,t,o){let n=t.querySelector("select"),r=e._columnConfig.bTypeSelectMultiple||!1,i=[o=o?""+o:e._columnConfig.sTypeSelectDefaultValue||""];r&&(i=o.split(",").map((e=>e.trim())));for(var a=0;a<n.options.length;a++)n.options[a].selected=-1!==i.indexOf(n.options[a].value)},onClose(e){let t=e.querySelector("select"),o="";for(let e=0;e<t.options.length;e++)t.options[e].selected&&(o+=t.options[e].value+", ");return""!==o&&(o=o.slice(0,-2)),o}},z={init(e,t){},onOpen(e,t,o){const i=e.widget.randomKey,a=t.querySelector(`#${n.default.zgEditorRow.fieldLabelId}`);this.sStartValue=o?o.trim():"",this.sNewValue=this.sStartValue;const s=e._columnConfig.sTypeRadioOptions;if(!s)return this.sStartValue;const l=r.String.formatToArray(s);if(!l)return this.sStartValue;if(function(e){!e instanceof Array&&(e=[e]);const t=e.filter((e=>"object"==typeof e)).length;if(!t)return!1;if(e.length!==t)return!0;const o=e.filter((e=>"object"==typeof e&&e.name&&e.value));return e.length!==o.length}(l))return this.sStartValue;if(!t.querySelector('input[type="radio"]')){const e=document.createElement("span");e.classList.add(n.default.zgEditorRow.radioWrapClass);const t=document.createElement("label"),o=document.createElement("input");o.type="radio",o.name=this.sColumnId+i,l.forEach((r=>{const i="object"==typeof r,a=t.cloneNode(!0);a.classList.add(n.default.zgEditorRow.radioLabelClass);const s=`<span>${i?r.name:r}</span>`,l=o.cloneNode(!0);l.value=i?r.value:r,l.addEventListener("change",C.bind(this)),a.appendChild(l),a.insertAdjacentHTML("beforeend",s),e.appendChild(a)})),a.appendChild(e),this.oRadios=e.querySelectorAll('input[type="radio"]')}this.oRadios.forEach((e=>{e.value===this.sStartValue&&(e.checked=!0)}))},onClose(e){const t=e.querySelector("input"),o=t&&t.name||null,n=e.querySelector(`input[name="${o}"]:checked`);return o&&n?n.value:this.sNewValue}};function C(e){e.target.checked&&(this.sNewValue=e.target.value)}const S={init(e,t){let o=e._columnConfig.nTypeRangeMin||0,n=e._columnConfig.nTypeRangeMax||100,r=e._columnConfig.nTypeRangeStep||1;this.oDOMInput=p.Z.createInput("number",void 0,e),this.oDOMInput.min=o,this.oDOMInput.max=n,this.oDOMInput.step=r,t.appendChild(this.oDOMInput)},onOpen:p.Z.onOpen,onClose:p.Z.onNumberClose};var x=o(81102);const M={init(e,t){this.oDOMInput=p.Z.createInput("url",t,e)},onOpen:p.Z.onOpen,onClose:e=>e.querySelector("input").value};let _=new class{constructor(){this.oRegisteredEditor={}}registerEditor(e,t){this.oRegisteredEditor[e]=t}getEditor(e){return this.oRegisteredEditor[e]}};_.registerEditor("color",f),_.registerEditor("number",b),_.registerEditor("boolean",v),_.registerEditor("date",y),_.registerEditor("select",w),_.registerEditor("radio",z),_.registerEditor("range",S),_.registerEditor("input",x.Z),_.registerEditor("url",M);const k=_,R={validator:(e,t)=>!isNaN(e),message:(e,t,o)=>`'${t}' field must be set to a valid number.`},D={validator(e,t){const o=t._columnConfig.nTypeRangeMin||0,n=t._columnConfig.nTypeRangeMax||100;let r=isNaN(e);return r||!1===o||(r=e<o),r||!1===n||(r=e>n),!r},message(e,t,o,n){const r=n._columnConfig,i=r.nTypeRangeMin||0,a=r.nTypeRangeMax||100;let s;return isNaN(e)&&(s=`'${t}' field must be set to a valid number.`),!s&&!1!==i&&e<i&&(s=`'${t}' field must be greater than ${i}.`),!s&&!1!==a&&e>a&&(s=`'${t}' field must be less than ${a}.`),s}},E={validator(e,t){let o=!1;try{let t;t=parseInt(e,10)==e?parseInt(e,10):e;const o=new Date(t);new Intl.DateTimeFormat("en-US").format(o)}catch(e){o=!0}return!o},message:(e,t,o,n)=>`'${t}' field must be set to a valid date.`},O={validator(e,t){try{if(new URL(e))return!0}catch(e){return!1}},message:(e,t,o,n)=>`'${t}' field must be set to a valid URL.`},T={validator(e,t,o){const n=o.querySelector("input");return n&&"email"===n.type?n.validity.valid:/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)},message:(e,t,o,n)=>`'${t}' field must be set to a valid email address.`};let A=new class{constructor(){this.oRegisteredValidator={}}registerValidator(e,t){this.oRegisteredValidator[e]=t}getValidator(e){return this.oRegisteredValidator[e]}};A.registerValidator("number",R),A.registerValidator("range",D),A.registerValidator("date",E),A.registerValidator("url",O),A.registerValidator("email",T);const I=A;var L=o(2070);const F={createInput(e){let t=document.createElement("input");return t.type=e,t.autoComplete="off",t.ariaInvalid=!1,t.style.width="1px",t}},N={init(){return this.oDOMInput=F.createInput("text"),this.appendChild(this.oDOMInput)},value(){return this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.value},setValue(e){this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.value=e},triggerEvent:"keyup"},B={init(){return this.oDOMInput=F.createInput("number"),this.appendChild(this.oDOMInput)},value(){return this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.value},setValue(e){this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.value=e},triggerEvent:"keyup,mouseup"},G={init(){let e=this.oColumnMapping.aSelectOptions||this.widget.store.getUniqueDataByFieldIndex(this.oColumnMapping.sFieldIndex);return this.oDOMSelect=r.ZT(e,!0),this.appendChild(this.oDOMSelect)},value(){return this.oDOMSelect=this.oDOMSelect||this.querySelector("select"),this.oDOMSelect.options[this.oDOMSelect.selectedIndex].value},setValue(e){this.oDOMSelect=this.oDOMSelect||this.querySelector("select");for(var t=0;t<this.oDOMSelect.options.length;t++)if(this.oDOMSelect.options[t].value===e||this.oDOMSelect.options[t].text===e){this.oDOMSelect.selectedIndex=t;break}},triggerEvent:"change",operationType:"matchList"},H={init(){return this.oDOMInput=F.createInput("checkbox"),this.oDOMInput.indeterminate=!0,this.oDOMInput.setAttribute("indeterminate",!0),this.oDOMInput.addEventListener("click",P),this.appendChild(this.oDOMInput)},value(){return this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.indeterminate?"":this.oDOMInput.checked},setValue(e){this.oDOMInput=this.oDOMInput||this.querySelector("input"),this.oDOMInput.checked=e,this.oDOMInput.indeterminate=!1,this.oDOMInput.setAttribute("inderterminate",!1)},triggerEvent:"change",operationType:"boolMatch"};let P=function(e){let t=e.target,o=!t.checked,n=e.target.getAttribute("indeterminate");!1===o&&"false"===n&&(t.checked=!1,t.indeterminate=!0),t.setAttribute("indeterminate",t.indeterminate)};let Z=new class{constructor(){this.oRegisteredFilter={}}registerFilter(e,t){this.oRegisteredFilter[e]=t}getFilter(e){return this.oRegisteredFilter[e]}};Z.registerFilter("text",N),Z.registerFilter("boolean",H),Z.registerFilter("select",G),Z.registerFilter("number",B);const U=Z;let W=new class{constructor(){this.oRegisteredCellType={}}getCellType(e,t,o){let n;return n=this.oRegisteredCellType[e]||o?this.oRegisteredCellType[e]:this.oRegisteredCellType.text,t&&n?n[t]:n}getEditor(e,t){let o=k.getEditor(e);return o||(o=W.getCellType(e,"editor",t)),o}getValidator(e){return I.getValidator(e)}getSorter(e){return L.Z.getSorter(e)}getRenderer(e){return g.getRenderer(e)}getFilter(e){return U.getFilter(e)}registerCellType(e,t={}){const o={editor:k.getEditor("input"),parser:null,renderer:g.getRenderer("text"),validator:null,sorter:L.Z.getSorter("text"),intlSorter:L.Z.getSorter("intl"),filter:U.getFilter("text")};for(let e in t)o[e]=t[e];this.oRegisteredCellType[e]=o}},V={editor:k.getEditor("number"),renderer:g.getRenderer("number"),validator:I.getValidator("number"),sorter:L.Z.getSorter("number"),intlSorter:null,filter:U.getFilter("number")};W.registerCellType("element",{renderer:g.getRenderer("element")}),W.registerCellType("iframe",{renderer:g.getRenderer("iframe"),validator:I.getValidator("url")}),W.registerCellType("icon",{renderer:g.getRenderer("icon")}),W.registerCellType("image",{renderer:g.getRenderer("image"),validator:I.getValidator("url")}),W.registerCellType("image-mask",{renderer:g.getRenderer("image-mask")}),W.registerCellType("url",{renderer:g.getRenderer("url"),editor:k.getEditor("url"),validator:I.getValidator("url")}),W.registerCellType("boolean",{editor:k.getEditor("boolean"),renderer:g.getRenderer("boolean"),sorter:L.Z.getSorter("boolean"),intlSorter:null,filter:U.getFilter("boolean")}),W.registerCellType("date",{renderer:g.getRenderer("date"),editor:k.getEditor("date"),sorter:L.Z.getSorter("date"),validator:I.getValidator("date"),intlSorter:null}),W.registerCellType("number",V),W.registerCellType("text"),W.registerCellType("aggregate",{renderer:g.getRenderer("aggregate"),sorter:!1,editor:!1}),W.registerCellType("button",{renderer:g.getRenderer("button"),editor:!1}),W.registerCellType("checkbox",{renderer:g.getRenderer("checkbox"),sorter:L.Z.getSorter("boolean"),editor:!1}),W.registerCellType("code",{renderer:g.getRenderer("code")}),W.registerCellType("color",{renderer:g.getRenderer("color"),editor:k.getEditor("color")});let $=r.c7.copy(V);$.renderer=g.getRenderer("currency"),W.registerCellType("currency",$),W.registerCellType("email",{validator:I.getValidator("email"),renderer:g.getRenderer("email")}),W.registerCellType("password",{renderer:g.getRenderer("password")}),W.registerCellType("gravatar",{renderer:g.getRenderer("image"),editor:!1});let j=r.c7.copy(V);j.renderer=g.getRenderer("percentage"),W.registerCellType("percentage",j),W.registerCellType("radio",{renderer:g.getRenderer("key"),editor:k.getEditor("radio")}),W.registerCellType("range",{renderer:g.getRenderer("number"),editor:k.getEditor("range"),validator:I.getValidator("range")}),W.registerCellType("select",{editor:k.getEditor("select"),filter:U.getFilter("select"),renderer:g.getRenderer("key")}),W.registerCellType("tel"),W.registerCellType("toggle",{renderer:g.getRenderer("toggle"),editor:!1}),W.registerCellType(n.default.internalColumn.recordeditor,{editor:null,renderer:g.getRenderer(n.default.internalColumn.recordeditor),sorter:null,intlSorter:null,filter:null}),W.registerCellType(n.default.internalColumn.recordremover,{editor:null,renderer:g.getRenderer(n.default.internalColumn.recordremover),sorter:null,intlSorter:null,filter:null}),W.registerCellType(n.default.internalColumn.recordduplicate,{editor:null,renderer:g.getRenderer(n.default.internalColumn.recordduplicate),sorter:null,intlSorter:null,filter:null}),W.registerCellType(n.default.internalColumn.recordselector,{editor:null,renderer:g.getRenderer(n.default.internalColumn.recordselector),sorter:null,intlSorter:null,filter:null}),W.registerCellType(n.default.internalColumn.rownumber,{editor:null,renderer:g.getRenderer(n.default.internalColumn.rownumber),sorter:null,intlSorter:null,filter:null}),W.registerCellType(n.default.internalColumn.rowgroup,{editor:null,renderer:g.getRenderer(n.default.internalColumn.rowgroup)}),W.registerCellType(n.default.internalColumn.recordinfo,{editor:null,renderer:g.getRenderer(n.default.internalColumn.recordinfo),sorter:null,intlSorter:null,filter:null});const q=W},84233:(e,t,o)=>{"use strict";o.d(t,{Z:()=>n});const n={onOpen(e,t,o){let n=t.querySelector("input");o||(o=t.value||""),n.value=String(o)},onNumberClose(e){let t=e.querySelector("input").value,o=window.parseFloat(t);return isNaN(o)&&(o=t),o},createInput(e,t,o){let n=document.createElement("input");return n.type=e,n.autoComplete="off",n.ariaInvalid=!1,o&&(n.name=o.sTargetFieldIndex),t&&t.appendChild(n),n}}},81102:(e,t,o)=>{"use strict";o.d(t,{Z:()=>r});var n=o(84233);const r={init(e,t){let o=e._columnConfig.sEditorType||e.sCellType,r="text";-1!==["tel","email","password","url"].indexOf(o)&&(r=o),this.oDOMInput=n.Z.createInput(r,t,e)},onOpen:n.Z.onOpen,onClose:e=>e.querySelector("input").value}},2070:(e,t,o)=>{"use strict";function n(e){let t=e;return"string"==typeof e&&(t=new Date(e.toString().replace(/-/g,"/")),t instanceof Date&&isFinite(t)||(t=new Date(e))),t}o.d(t,{Z:()=>a});const r=Intl.Collator().compare;let i=new class{constructor(){this.oRegisteredSorter={}}registerSorter(e,t){this.oRegisteredSorter[e]=t}getSorter(e){return this.oRegisteredSorter[e]}};i.registerSorter("number",(function(e,t){return e-t})),i.registerSorter("text",(function(e,t){return"number"==typeof e&&"number"==typeof t||(e=e?e.toString():"",t=t?t.toString():""),e>=t?1:-1})),i.registerSorter("intl",r),i.registerSorter("date",(function(e,t){return n(e)-n(t)})),i.registerSorter("boolean",(function(e,t){return e.toString()>=t.toString()?1:-1}));const a=i},697:(e,t,o)=>{"use strict";o.d(t,{Z:()=>s});var n=o(45092),r=o(32816),i=o(38419);class a extends HTMLElement{constructor(){super(),this.bReady=!1,this.init()}init(e,t,o,r,i,a){n.uQ(this,e,o,t,i,a),this.oAcceptedProperty=r,this.sTagName=e,this._oShadowRoot=this.shadowRoot||this._oShadowRoot,this.P=this.A=!1,this.watchProperty()}connectedCallback(){const e=this._getHostContext();this.bRemoved=!1,e&&(this.webcomponent=e.webcomponent,this.webcomponent.bReady?(this.bHasChildNode=!!this.childNodes&&[...this.childNodes].filter((e=>1===e.nodeType)).length,this.ready()):this.webcomponent.on("childrenready",(()=>{this.bRemoved||this.bCancelChildrenReady||(this.bHasChildNode=!!this.childNodes&&[...this.childNodes].filter((e=>1===e.nodeType)).length,this.ready()),this.bCancelChildrenReady=!1})))}ready(){this.render(),this.ons(),this.bReady=!0,this.fire("ready")}disconnectedCallback(){this.uns(),this.widget&&this.widget.bDisconnect&&(this.bRemoved=!0,this.bCancelChildrenReady=!0,this.webcomponent=null,this.widget=null,this.ZG=null,this._oShadowRoot=null,this.destroy())}attributeChangedCallback(e,t,o){this._attributeHandler(e,t,o)}watchProperty(){let{oAcceptedProperty:e}=this;for(let t in e)if(e.hasOwnProperty(t)){if(window.ShadyDOM&&"slot"===t)continue;this._watch(t,this._propertyHandler)}}render(){}ons(){}uns(){}cleanElements(e){for(let t=0;t<e.length;t++)this.cleanElement(e[t])}cleanElement(e){let t=this[e];t&&(t.dom&&(t=t.dom),t.innerHTML="",t.remove(),this[e]=null)}paint(){}_attributeHandler(e,t,o){if(this.P)return void(this.P=!1);this.A=!0;let r,i=this.oAcceptedProperty,a=n.String.dashToCamelCase(e.toLocaleLowerCase()),s=o;if(i&&a in i&&i.hasOwnProperty(a)){let t=i[a];switch(t.type){case Boolean:r=null==o?null:"";break;case Object:case Array:if(""===o)r=[];else if(null==o)r=null;else if(n.kJ(o)||n.Kn(o))r=o;else try{o=o.replace(/\n/g,""),r=JSON.parse(o)}catch(t){const o=`Error: There was an issue with [${e}]'s value:\n${t}`;console.error(`Uncaught ${o}`);const n={icon:"error",state:"error",msg:o};setTimeout((()=>{this.widget&&this.widget.statusManager&&this.widget.statusManager.setStatus(n)}),0)}finally{n.kJ(r)||t.type!==Array||(r=[r])}break;case Number:null==o?r=null:(r=t.bKeepDecimal?parseFloat(o):parseInt(o,10),isNaN(r)||(r+=""));break;default:r=o,!t.sBooleanDefault||""!==o&&"true"!==o||(r=t.sBooleanDefault)}if(r!==s&&!isNaN(r)&&t.type!==Array&&t.type!==Object)return void this._setAttribute(e,r);t.type===Boolean&&(r=null!=o),(r!==this[a]||t.bSetProperty)&&(this[a]=r),this.A=!1}}_getHostContext(){let e,t,o,n=this;for(;n;){if(9===n.nodeType){t=n,n=null;break}if(11!=n.nodeType&&"[object ShadowRoot]"!==n.toString()||(t=n,n=n.host),"zing-grid"===n.tagName.toLowerCase())break;n=n.parentNode}if(e=n,!n){let t=null;o,t&&(e=t.widget)}return e?e.widget:null}_hide(){this.setAttribute(i.default.attr.hidden,"")}_propertyHandler(e,t,o){if(this.bRemoved)return;if(this.A)return this.updateBindings(e,t,o),this.A=!1,o;this.P=!0;let r,i=this.oAcceptedProperty[e];switch(i.type){case Boolean:r=Boolean(o);break;case Number:r=null==o||!1===o?null:i.bKeepDecimal?parseFloat(o):parseInt(o,10);break;case Object:case Array:if(""===o)r=[];else if(null==o||0==o)r=null;else if(n.kJ(o)||n.Kn(o))r=o;else try{r=JSON.parse(o)}catch(e){r=JSON.parse('["'+o+'"]')}finally{n.kJ(r)||(r=[r])}break;case String:r=i.bCanBeObject&&"object"==typeof o?o:!i.sBooleanDefault||!0!==o&&""!==o?o?String(o):null:i.sBooleanDefault;break;default:r=o}if(i.bReflectToAttribute&&!i.bOneWaySync){let t=n.String.camelCaseToDash(e),a=r;i.type===Boolean?a=r?"":null:!i.bReflectBoolean||!0!==o&&""!==o||(a=i.sBooleanDefault),null!==a?this._setAttribute(t,a):this._removeAttribute(t)}return this.P=!1,i.bThrowEvent&&setImmediate((()=>{this.widget&&!this.widget.bDisconnect&&this.widget.emitEvent(e+"Change")})),this.updateBindings(e,t,r),r}updateBindings(e,t,o){(e===i.default.attr.action||e===i.default.attr.value&&this.sTagName===i.default.zgText.tagName)&&this.widget&&t!=o&&this._updateBinding(this.widget,this.widget,t,o),"widget"===e&&t!=o&&this.action?this._updateBinding(t,o,this.action,this.action):"widget"===e&&t!=o&&this.value&&this.sTagName===i.default.zgText.tagName&&this._updateBinding(t,o,this.value,this.value)}_show(){this.removeAttribute(i.default.attr.hidden)}togglePseudoClass(e){if(e.type&&e.oDOMTarget)switch(e.type){case"mousedown":e.oDOMTarget.classList.add(i.default.attr.active);break;case"mouseup":e.oDOMTarget.classList.remove(i.default.attr.active);break;case"mouseleave":e.oDOMTarget.classList.remove(i.default.attr.hover);break;default:e.oDOMTarget.classList.add(i.default.attr.hover)}}_watch(e,t){let o=this[e],n=o;Object.defineProperty(this,e,{get:()=>n,set:r=>{if(this.bRemoved)return;(r=>{r=t.call(this,e,n,r),o=n,n=r})(r),this.widget&&this.widget.bNeedUpdate&&(this.widget.bNeedUpdate=!1,this.widget.update())},enumerable:!0,configurable:!0})}static getObservedAtts(e){return Object.keys(e).filter((t=>e[t].bReflectToAttribute)).map((e=>n.String.camelCaseToDash(e)))}static _registerElement(e,t){let o=window.customElements;o.get(e)||o.define(e,t)}}for(let e of Object.getOwnPropertyNames(r.Z.prototype))(e=>{a.prototype[e]=function(...t){return r.Z.prototype[e].call(this,...t)}})(e);a.prototype.constructor=a,a.prototype.getDOM=function(){return this};const s=a},31246:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(42259),i=o.n(r),a=o(49977),s=o.n(a),l=o(38419);const d=l.default.batchEdit.tagName,c={};class h extends n.Z{init(){super.init(d,s(),i(),c)}ready(){super.ready(),this.setAttribute(l.default.attr.hidden,"")}}n.Z._registerElement(d,h);const u=h},21960:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(97679),i=o.n(r),a=o(93528),s=o.n(a),l=o(38419);const d={},c=l.default.zgBody.tagName;class h extends n.Z{init(){super.init(c,s(),i(),d)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.setAttribute(l.default.attr.role,"rowgroup"),this.ZG.layout&&this.ZG.layout.length&&this.setAttribute(l.default.zgLayout.attr,this.ZG.layout),this.widget.hasCardTemplate()&&this.ZG.getAttribute(l.default.zgLayout.attr)===l.default.zgLayout.typeCard&&this.setAttribute(l.default.zgLayout.cardTplAttr,"")}disconnectedCallback(){super.disconnectedCallback()}}n.Z._registerElement(c,h);const u=h},61245:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>b});var n=o(697),r=o(8719),i=o.n(r),a=o(36932),s=o.n(a),l=o(38419),d=o(56919),c=o(45092),h=o(32260);const u=l.default.zgButton.tagName,g=c.SV(i(),s()),p={forceBorder:{bReflectToAttribute:!0,type:String},customDisabled:{bReflectToAttribute:!0,type:String},disabled:{bReflectToAttribute:!0,type:Boolean},handler:{bReflectToAttribute:!0,type:Function},icon:{bReflectToAttribute:!0,type:String},action:{bReflectToAttribute:!0,type:String},pageIndex:{bReflectToAttribute:!0,type:Number},customTooltip:{bReflectToAttribute:!0,type:String},widget:{}},f=n.Z.getObservedAtts(p);class m extends n.Z{init(){super.init(u,s(),i(),p,g),this.setupRefs()}ready(){super.ready();let e=this._getHostContext();this.ZG=e.webcomponent,this.setupRefs(),this.parentNode&&(this.bInMenu=this.parentNode.tagName.toLowerCase()===l.default.zgMenuItem.tagName),this.getAttribute(l.default.attr.role)||this.setAttribute(l.default.attr.role,"button"),this.action&&(this.action=this.action.toLowerCase()),requestAnimationFrame((()=>this.hookupButton(this.action))),this.handler&&this.setCustomHandler(this.handler),void 0!==this.customDisabled&&(this.disabled=this.getDisabledStatus(this.customDisabled,e)),this.postRenderOns(),this.widget&&this.widget===e&&this._updateBinding(this.widget,this.widget,this.action,this.action),this.widget=e}setupRefs(){this.oCheckbox||(this.oCheckbox=document.createElement(l.default.zgCheckbox.tagName),this.oIcon=document.createElement(l.default.zgIcon.tagName),this.oLabel=document.createElement("span"),this.oLabel.classList.add("label"),this.parentCell=null)}hookupButton(e){if(!this.oIcon)return;const t=this.textContent.length>0;t&&this.setAttribute(l.default.zgButton.hasTextAttr,"");const o=e===l.default.zgButton.action.checkbox,n=this.querySelector(`[slot="${l.default.zgButton.slot.checkbox}"]`),r=this.querySelector(`[slot="${l.default.zgButton.slot.icon}"]`),i=this.querySelector(`[slot="${l.default.zgButton.slot.label}"]`),a=!!e&&this.childNodes.length>0;if(!this.icon&&!o&&t&&!a&&!n&&!r&&!i)return;this.oIcon.getAttribute("name")||!e&&!this.icon||this.oIcon.setAttribute("name",e||this.icon),this.bInCaption&&e&&this.oIcon.setAttribute(l.default.attr.internalcaption,"");const s=this.getAttribute(l.default.attr.type);s&&this.oIcon.setAttribute(l.default.attr.type,s),a&&(this.oLabel.innerHTML=this._addMarkupToLabel()),this.oCheckbox=n||this.oCheckbox,this.oIcon=r||this.oIcon,this.oLabel=i||this.oLabel,this.oCheckbox.slot=l.default.zgButton.action.checkbox,this.oIcon.slot=l.default.zgButton.slot.icon,this.oLabel.slot=l.default.zgButton.slot.label,this.appendChild(this.oIcon),this.appendChild(this.oCheckbox),this.appendChild(this.oLabel),this._toggleElements(e),this.oDOMRow=c.MV(this,l.default.zgRow.tagName),this.bInCaption=c.MV(this,l.default.zgCaption.tagName),(this.bInCaption||c.MV(this,l.default.zgFooter.tagName))&&this.setTabIndex({allowed:!this.disabled}),this.oDOMRow&&this.setAttribute(l.default.attr.internalcell,"")}postRenderOns(){this.on("mouseenter",this.togglePseudoClass,this,{},!1),this.on("mouseleave",this.togglePseudoClass,this,{},!1),this.on("mousedown",this.togglePseudoClass,this,{},!1),this.on("mouseup",this.togglePseudoClass,this,{},!1),this.on("mousedown",this.onMouseDown,this,{},!1),this.on("focus",this.onFocus,this,{},!1),this.on("blur",this.onBlur,this),this.on("keydown",this.onKeyDown,this,{},!1)}onBlur(e,t){this.classList.remove(l.default.zgButton.aria.focus),this.bMouseDown=!1}onFocus(e,t){e.stopEvent(),this.bMouseDown||this.classList.add(l.default.zgButton.aria.focus)}onKeyDown(e,t){e.nCharCode!==e.ENTER&&e.nCharCode!==e.SPACE||(e.preventDefault(),this.bMouseDown=!1,this.click())}onMouseDown(e,t){e.stopEvent(),"fixedmenu"!==this.action&&this.widget.focusManager.unfocusCells(),this.classList.remove(l.default.zgButton.aria.focus),this.bMouseDown=!0}changePagerButton(e,t){e.includes(t)?this._disable():this._enable()}getPageIndex(){let e=parseInt(this.getAttribute("page-index"),10);return isNaN(e)?(e=parseInt(this.innerText,10),isNaN(e)?null:e-1):e}_updatePageIndex(e){e===this.getPageIndex()?(this.setAttribute(l.default.zgPager.currentPageAttr,""),this._disable()):(this.removeAttribute(l.default.zgPager.currentPageAttr),this._enable())}notifyWidget(e,t){let o=this.action;const n=this.widget;let r=n.menuManager.activeCell,i=n.menuManager.activeHeader,a=n.menuManager.activeColumn;const s=n.selectorEngineManager;let d,h=null;const u=n.selector.se,g=n.batchEditor,p=n.dirtyManager;if(e.preventDefault(),e.stopPropagation(),!this._isDisabled()&&!this.hasAttribute(l.default.attr.active))switch(n.menuManager.activeMenu&&n.menuManager.closeMenu(),o){case"batchedit":g.activate(!this.bMouseDown);break;case"batcheditcancel":g.cancelBatchEdit(!this.bMouseDown);break;case"batcheditsave":n.batchEditor.save(!this.bMouseDown);break;case"cancelrecord":d=c.MV(this,l.default.zgCell.tagName),n.recordEditor.cancelOpenEdit(),d&&n.webcomponent.select(d.parentNode.dataRowIndex,d.cellIndex);break;case"checkbox":this.oCheckbox.checked=!this.oCheckbox.checked;break;case"closerowgroup":d=c.MV(this,l.default.zgCell.tagName),d&&(r=s.$cell(d),r.sGroupRecordIndex&&n.groupbyManager.toggleGroup(r,!1));break;case"copycell":r&&n.clipper.onKeyCtrlCDocument(r);break;case"createrecord":void 0!==r&&r||(h=this.bInMenu?n.menuManager.oButton:this),n.editorManager.openInsertEditor(null,r,h);break;case"createrecordstart":this.bInMenu&&(h=n.menuManager.oButton),n.editorManager.openInsertEditor("start",void 0,h);break;case"createrecordend":this.bInMenu&&(h=n.menuManager.oButton),n.editorManager.openInsertEditor("end",void 0,h);break;case"deselect":n.bHasSelectorEnabled&&n.selector.deSelectAll();break;case"duplicaterecord":let t;if(this.parentCell)t=this.parentCell.sTargetRecordIndex;else if(this.oDOMRow){t=u.row(this.oDOMRow).sTargetRecordIndex}else if(r){t=r.toRow().sTargetRecordIndex}t&&n.duplicateRecord(t);break;case"editcell":r&&n.editorManager.openEditor(r);break;case"editrecord":if(this.parentCell)n.editorManager.openEditor(this.parentCell.toRow(),void 0,this.parentCell);else if(this.oDOMRow){let e=u.row(this.oDOMRow);n.editorManager.openEditor(e)}break;case"editrow":n.editorManager.openEditor(r.toRow());break;case"firstpage":n.firstPage();break;case"fixedmenu":n.menuManager&&(n.menuManager.oButton=this,n.menuManager.openFixedMenu(e));break;case"freezecolumnleft":a&&a.oDOMZGColumn.setAttribute("frozen","left");break;case"freezecolumnright":a&&a.oDOMZGColumn.setAttribute("frozen","right");break;case"unfreezecolumn":a&&(a.oDOMZGColumn.frozen=null);break;case"hidecolumn":a&&a.oDOMZGColumn.setAttribute("hidden","");break;case"freezerowtop":r&&n.store.moveRow(r.sTargetRecordIndex,"top");break;case"freezerowbottom":r&&n.store.moveRow(r.sTargetRecordIndex,"bottom");break;case"unfreezerow":r&&n.store.moveRow(r.sTargetRecordIndex,"body");break;case"getselection":break;case"insertrecord":n.insertRow(),n.lastPage();break;case"lastpage":n.lastPage();break;case"layoutrow":case"layoutcard":n.layoutManager.layoutCtrlClick(this);break;case"menu":n.columnMenu&&(this.setAttribute(l.default.aria.expanded,"true"),n.columnMenu.oButton=this,n.columnMenu.openColumnMenu(e));break;case"openrowgroup":d=c.MV(this,l.default.zgCell.tagName),d&&(r=s.$cell(d),r.sGroupRecordIndex&&n.groupbyManager.toggleGroup(r,!0));break;case"page":const f=this.getPageIndex();null!==f&&n.setCurrPageIdx(f);break;case"nextpage":n.nextPage();break;case"pastecell":n.clipper.onKeyCtrlVDocument();break;case"prevpage":n.prevPage();break;case"undoremoverecord":if(this.parentCell)p.unsetDirtyDelete(this.parentCell.sTargetRecordIndex);else if(this.oDOMRow){let e=u.row(this.oDOMRow);p.unsetDirtyDelete(e.sTargetRecordIndex)}else if(r){let e=r.toRow();p.unsetDirtyDelete(e.sTargetRecordIndex)}break;case"removerecord":if(this.parentCell)n.removeRow(this.parentCell.sTargetRecordIndex);else if(n.aSelectedRows&&Object.keys(n.aSelectedRows).length)n.removeSelectedRows(this);else if(this.oDOMRow){let e=u.row(this.oDOMRow);n.removeRow(e.sTargetRecordIndex)}else if(r){let e=r.toRow();n.removeRow(e.sTargetRecordIndex)}break;case"reload":!n.store.isIncrementalLoad()&&n.oDOMSortedColumn&&n.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader&&n.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader.clearStyle(!0),n.stateManager.clearState(),n.updateInitialConfig(),n.store.reload();break;case"search":n.search&&n.search.searchBtnClickToggle(e);break;case"selectall":n.bHasSelectorEnabled&&u.selectAll().select();break;case"selectcell":case"selectrow":if(n.bHasSelectorEnabled&&r){let e=r.nStartRowIndex,t=r.nStartColumnIndex;"selectcell"===o?u.cell(e,t):u.initRange(e,0,e,this.widget.aColumnMapping.length-1),u.select()}break;case"sortcolumn":i&&i.onSort();break;case"submitrecord":d=c.MV(this,l.default.zgCell.tagName),n.recordEditor.onClickSubmit(void 0,u.cell(d));break;case"resetstate":this.widget.stateManager.clearState(!0);break;case"about":let m=n.menuManager&&n.menuManager.bFixed;if(this.ZG.oDOMDialog.setDialog("zg-version"),m){let e=()=>n.focusManager.focusGrid(!0);this.ZG.oDOMDialog.on("dialogConfirm",e,this)}}}updateInfo(e,t){t=t||this.action;const o=(e=e||this.widget).getCurrPageIdx(),n=e.getPageCount(),r=e.getPageSize(),i=e.store.getOriginRecordCount()||e.getRowCount(),a=["firstpage","prevpage"],s=["nextpage","lastpage"],l=e.store&&e.store.oDataFormat.bCursor,d=e.store.oDataFormat.bLoadByPages&&e.store.oDataFormat.bStartAtValue;this._toggleElements(t),(a.includes(t)||s.includes(t)||"page"===t)&&(l?"nextpage"==t?e.store.hasNextData()?this._enable():this._disable():"prevpage"==t&&(e.store.hasPrevData()?this._enable():this._disable()):d?"nextpage"===t?e.store.sStartAtValue?this._enable():this._disable():"prevpage"===t&&(0===o?this._disable():this._enable()):"page"===t?this._updatePageIndex(o):r>=i?this._disable():0===o?this.changePagerButton(a,t):o===n-1?this.changePagerButton(s,t):this._enable())}_addMarkupToLabel(){const e=this.querySelectorAll(`[slot="${l.default.zgButton.slot.checkbox}"]`),t=this.querySelectorAll(`[slot="${l.default.zgButton.slot.icon}"]`);e.forEach((e=>e.remove())),t.forEach((e=>e.remove()));const o=this.innerHTML;return this.innerHTML="",o}_disable(){this.disabled=!0}_enable(){this.disabled=!1}_isDisabled(){return this.disabled}setTabIndex({allowed:e}){-1===this.getAttribute(l.default.attr.tabindex)||this.hasAttribute(l.default.attr.datafocus)||(e?this.setAttribute(l.default.attr.tabindex,0):this.removeAttribute(l.default.attr.tabindex))}_toggleElements(e){e===l.default.zgButton.action.checkbox?this.oCheckbox.removeAttribute(l.default.attr.hidden):this.oCheckbox.setAttribute(l.default.attr.hidden,"")}_propertyHandler(e,t,o){if(o=super._propertyHandler(e,t,o),this.bReady)switch(e){case"action":o&&(o=o.toLowerCase()),this.oIcon&&this.oIcon.setAttribute("name",o),this.hookupButton(o);break;case"disabled":this.setTabIndex({allowed:!o}),o?this.setAttribute(l.default.aria.disabled,"true"):this.removeAttribute(l.default.aria.disabled);break;case"handler":this.setCustomHandler(o);break;case"icon":this.oIcon&&(o?this.oIcon.setAttribute("name",o):this.oIcon.removeAttribute("name"));break;case"pageIndex":const e=this.widget.getCurrPageIdx();this._updatePageIndex(e);break;case"customTooltip":const t=this.setTooltip(this.action,this.widget,o);this.setAria(this.action,t);break;case"customDisabled":this.disabled=this.getDisabledStatus(o,this.widget)}return o}_updateBinding(e,t,o,n){if(this.bReady&&(e&&o&&(this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnNotify&&this.fnUnNotify(),this.fnUnCustom&&this.fnUnCustom()),t)){let e=t.sComputedDir;switch(this.updateInfo(t,n),n){case"batchedit":case"batcheditcancel":case"batcheditsave":case"cancel":case"cancelrecord":case"checkbox":case"closerowgroup":case"copycell":case"createrecord":case"createrecordend":case"createrecordstart":case"deselect":case"duplicaterecord":case"editcell":case"editrecord":case"editrow":case"firstpage":case"fixedmenu":case"freezecolumnleft":case"freezecolumnright":case"unfreezecolumn":case"hidecolumn":case"freezerowtop":case"freezerowbottom":case"unfreezerow":case"getselection":case"insertrecord":case"layoutrow":case"layoutcard":case"lastpage":case"menu":case"page":case"nextpage":case"openrowgroup":case"pastecell":case"prevpage":case"reload":case"removerecord":case"undoremoverecord":case"search":case"selectall":case"selectcell":case"selectrow":case"sortcolumn":case"resetstate":case"submitrecord":case"about":this.setAttribute("dir",e),this.fnUnNotify=this.on("click",this.notifyWidget,this,{},!1),this.fnUnSubscribe=t.on(l.default.event.updated,this.updateInfo,this)}const o=this.setTooltip(n,t,this.customTooltip);this.setAria(n,o)}}setAria(e,t){t&&this.setAttribute(l.default.aria.label,t),"menu"!==e&&"fixedmenu"!==e||this.setAttribute(l.default.aria.hasPopup,"true")}setTooltip(e,t,o,n){if(!t)return;let r=e;const i=this.parentNode.tagName.toLowerCase();if(void 0===n&&(n=t.webcomponent.buttonTooltipDisabled),i===l.default.zgMenuItem.tagName)return;let a;if(a=i===l.default.zgControlBar.tagName,this.hasAttribute(l.default.zgButton.noTooltipAttr))return;let s,c,h="tooltip-right",u="tooltip-left";switch("rtl"===t.sComputedDir&&(h="tooltip-left",u="tooltip-right"),e){case"createrecord":case"createrecordstart":case"createrecordend":s="recordCreate";break;case"layoutcard":s="layoutCard";break;case"layoutrow":s="layoutRow";break;case"batchedit":case"batcheditsave":case"batcheditcancel":case"duplicaterecord":case"editrecord":case"firstpage":case"fixedmenu":case"lastpage":case"menu":case"nextpage":case"prevpage":case"reload":case"removerecord":case"undoremoverecord":case"search":case"openrowgroup":case"closerowgroup":s=e}switch(e){case"batchedit":case"batcheditsave":case"batcheditcancel":case"createrecord":case"createrecordstart":case"createrecordend":case"lastpage":case"nextpage":case"page":case"reload":case"openrowgroup":case"closerowgroup":c=h;break;default:c=u}a&&"editrecord"===e&&(c=h);const g=this.parentCell&&this.parentCell.bHasCellTooltip;if(this.parentCell&&0===this.parentCell.nStartColumnIndex&&(c=h),n||!s&&!o||g)this.removeAttribute("tooltip");else{r=o||d.default.get(`tooltip.${s}`,t,{element:this,attribute:"tooltip"}),this.setAttribute("tooltip",r),this.setAttribute(c,"");let e=c===h?u:h;this.removeAttribute(e)}return r}getDisabledStatus(e,t){let o,n,r,i=null,a=e;const s=this.parentCell?this.parentCell.dom():c.MV(this,l.default.zgCell.tagName);return null!==e&&(s?(i=t.selectorEngineManager.$cell(s),n=i._columnConfig,r=i.record,o=n.fnTypeButtonDisabled):r=[],o||"string"!=typeof e||(o=h.Z.setUserFunction(null,e),n&&(n.fnTypeButtonDisabled=o)),o&&o.method?a=o.method.apply(o.scope,[r,i])||!1:(""===a?a=!0:i&&(a=t.store.processTemplate(a,null,i)),"true"===a?a=!0:"false"===a&&(a=!1)),a)}setCustomHandler(e){this.fnUnCustom&&this.fnUnCustom(),e?(this.fnHandler=h.Z.setUserFunction(null,e),this.fnUnCustom=this.on("click",this.launchCallback,this,{},!1)):this.fnHandler=null}launchCallback(){if(this.disabled||!this.handler)return;let e=this.fnHandler;if(e||(this.fnHandler=e=h.Z.setUserFunction(null,this.handler)),e&&e.method){const t=this.parentCell?this.parentCell.dom():c.MV(this,l.default.zgCell.tagName);let o=[];if(t){const e=this.widget.selectorEngineManager.$cell(t);o=[e.record,t,e]}e.method.apply(e.scope,o)}}uns(){this.un("mousedown",this.onMouseDown),this.un("focus",this.onFocus),this.un("blur",this.onBlur),this.un("keydown",this.onKeyDown),this.un("mouseenter",this.togglePseudoClass),this.un("mouseleave",this.togglePseudoClass),this.un("mousedown",this.togglePseudoClass),this.un("mouseup",this.togglePseudoClass),this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnNotify&&this.fnUnNotify(),this.fnUnCustom&&this.fnUnCustom()}disconnectedCallback(){super.disconnectedCallback(),this.oCheckbox=null,this.oIcon=null,this.oLabel=null,this.parentCell=null,this.oDOMRow=null}static get observedAttributes(){return f}}n.Z._registerElement(u,m);const b=m},32358:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>m});var n=o(697),r=o(3419),i=o.n(r),a=o(32937),s=o.n(a),l=o(34584),d=o(45092),c=o(38419);const h="enabled",u="zg-caption",g={align:{bReflectToAttribute:!0,type:String},position:{bReflectToAttribute:!0,type:String}},p=n.Z.getObservedAtts(g);class f extends n.Z{init(){super.init(u,s(),i(),g)}ready(){if(super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,!this.widget.bPreloaded){if("both"===this.getAttribute("position")&&(this.mirror=!0),this.mirror&&(this.bUpdatePosition=!0,this._createMirror(!0),this.bUpdatePosition=!1),!this.querySelector('zg-button[action="menu"]')&&!this.getAttribute("copy")){let e=`\n          <zg-button ${c.default.attr.datafocus} slot="tool" action="removerecord" hidden></zg-button>\n          <zg-search slot="tool" hidden></zg-search>\n          <zg-button ${c.default.attr.datafocus} slot="tool" action="fixedmenu" hidden></zg-button>\n          <zg-button ${c.default.attr.datafocus} slot="tool" action="menu" hidden></zg-button>\n        `,t=d.W2(e);this.appendChild(t)}this.parentNode===this.widget.webcomponent&&(this.ZG.oDOMCaption&&this.ZG.oDOMCaption!==this&&(this.ZG.oDOMCaption.remove(),this.ZG.oDOMCaption=this),this._attachPosition(this.position))}this.setIconColor(),null===this.getAttribute("copy")&&(this.oDOMColumnMenu=this.querySelector('zg-button[action="menu"]'),this.oDOMMenu=this.querySelector('zg-button[action="fixedmenu"]'),this.oDOMRemove=this.querySelector('zg-button[action="removerecord"]'),this.oDOMSearchButton=this.querySelector('zg-button[action="search"]'),this.oDOMSearch=this.querySelector("zg-search"),this.ZG._setSearch(this.widget.bHasSearchEnabled,!0),this.ZG._setColumnsControl(this.ZG.columnsControl,!0),this.toggleStaticMenu(l.T||this.widget.bHasStaticMenu),this.toggleColumnMenu(this.widget.layoutManager.getLayoutType())),d.CL(this)}setIconColor(){this.querySelectorAll(c.default.zgIcon.tagName).forEach((e=>{const t=e.parentNode;if(t){if(t.tagName.toLowerCase()===c.default.zgButton.tagName&&!t.hasAttribute("action"))return}e.setAttribute(c.default.attr.internalcaption,"")}))}showCaption(){const e=this.widget;return!e||e.bHasContextMenuEnabled||e.bHasStaticMenu||e.bHasSearchEnabled||e.bHasColumnsControl||e.bHasSelectorColumn||this._oShadowRoot.querySelector("slot").assignedNodes().length}toggleStaticMenu(e){return(this.widget.bHasContextMenuEnabled||this.widget.bHasStaticMenu)&&e?(this.oDOMMenu.classList.add(h),this.oDOMMenu.hidden=!1):e||(this.oDOMMenu.classList.remove(h),this.oDOMMenu.hidden=!0),this._oShadowRoot.querySelector("slot").assignedNodes().length}toggleColumnMenu(e){this.bReady&&this.ZG.columnsControl&&(e===c.default.zgLayout.typeCard&&this.widget.hasCardTemplate()?this.oDOMColumnMenu.hidden=!0:this.oDOMColumnMenu.hidden=!1)}changeText(e){if(this.bReady){let t,o=this._oShadowRoot.querySelector("slot").assignedNodes();o.length&&o.forEach((e=>this.removeChild(e))),e&&(t=document.createElement("div"),t.id="zg-caption-user-text",t.innerHTML=e,this.appendChild(t))}else this.on("ready",(()=>this.changeText(e)))}_attachPosition(e){if(e&&"bottom"===e){this.ZG.oDOMFooter.appendChild(this)}else{this.ZG.oDOMHeader.appendChild(this)}}_createMirror(e){if(!this.widget.oDOMCaptionMirror&&e){"bottom"===this.position&&(this.position="top");let e=this.cloneNode(!0);e.removeAttribute("mirror"),e.setAttribute("copy",""),e.setAttribute("position","bottom");let t=e.shadowRoot.querySelector(".zg-caption-toolbar");t&&t.parentNode.removeChild(t),this.widget.oDOMCaptionMirror=e,this.ZG.oDOMFooter.appendChild(e)}else this.widget.oDOMCaptionMirror&&!e&&this.widget.oDOMCaptionMirror&&(this.widget.oDOMCaptionMirror.parentNode.removeChild(this.widget.oDOMCaptionMirror),this.widget.oDOMCaptionMirror=null)}_propertyHandler(e,t,o){if(o=super._propertyHandler(e,t,o),this.bReady&&!this.bUpdatePosition&&"position"===e)this.mirror="both"===o,this._createMirror(this.mirror),this.mirror||this._attachPosition(o);return o}disconnectedCallback(){this.oDOMColumnMenu=null,this.oDOMMenu=null,this.oDOMRemove=null,this.oDOMSearchButton=null,this.oDOMSearch=null}static get observedAttributes(){return p}}n.Z._registerElement(u,f);const m=f},86009:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>m});var n=o(697),r=o(43147),i=o.n(r),a=o(95670),s=o.n(a),l=o(38419),d=o(45092),c=o(32260);const h=l.default.zgCard.tagName,u=d.SV(i(),s()),g={renderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},editor:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},rendererTemplate:{type:String,bReflectToAttribute:!0},editorTemplate:{type:String,bReflectToAttribute:!0}},p=n.Z.getObservedAtts(g);class f extends n.Z{init(){super.init(h,s(),i(),g,u)}ready(){if(super.ready(),this.widget=this._getHostContext(),"zing-grid"===this.parentNode.tagName.toLowerCase()){let e=this.widget.webcomponent;this.widget.oCard=this,this.setTemplateById(this.editorTemplate,!0),this.setTemplateById(this.rendererTemplate,!1),this.setCardTemplate(),this.setCardEditor(this.editor),e.bDefaultCols&&this.widget.oCardTemplate&&this.widget.layoutManager.setLayoutType(l.default.zgLayout.typeCard),this.setAttribute("hidden","")}else this.widget.webcomponent.layout&&this.widget.webcomponent.layout.length&&this.setAttribute(l.default.zgLayout.attr,this.widget.webcomponent.layout)}setCardTemplate(){if(this.querySelector("template")){this.querySelectorAll("template").forEach((e=>{e.getAttribute("type")===l.default.template.type.editor?this.widget.oCardEditTemplate=e:(this.widget.oCardTemplate=e,this.setWatcher(e))}))}else this.widget.oCardBody=this.innerHTML.trim()}setTemplateById(e,t){if(!e)return;let o=window[e]||document.getElementById(e);t?this.widget.oCardEditTemplate=o:this.widget.oCardTemplate=o}setCardEditor(e){null===e||!1===e||"false"===e?this.oEditor=!1:d.HD(e)?this.oEditor=c.Z.setUserFunction(null,e):e&&(this.oEditor={method:e,scope:null})}setWatcher(e){this.observer=new MutationObserver((e=>{this.widget.update()})),this.observer.observe(e.content,{childList:!0,subtree:!0})}_propertyHandler(e,t,o){if(o=super._propertyHandler(e,t,o),this.bReady)switch(e){case"editorTemplate":this.setTemplateById(o,!0);break;case"rendererTemplate":const e=this.widget.layoutManager;this.setTemplateById(o,!1),e.updateLayoutAttributes(e.getLayoutType(),!0),this.widget.update();break;case"editor":this.setCardEditor(o)}return o}disconnectedCallback(){super.disconnectedCallback(),this.oEditor=null,this.observer&&(this.observer.disconnect(),this.observer=null)}static get observedAttributes(){return p}}n.Z._registerElement(h,f);const m=f},10235:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(10761),i=o.n(r),a=o(92884),s=o.n(a),l=o(38419);o(45092),o(32816);const d="zg-cell-overflow",c={};class h extends n.Z{init(){super.init(d,s(),i(),c)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.currentCell=null,this.offsetCoords=null,this.currentTrigger=null,this.setAttribute(l.default.attr.hidden,"")}setPosition(e,t){const o=this.widget,n=this.ZG.getBoundingClientRect(),r=this.currentCell;let i=!1;const a=this.bCellAnchor;t&&!a&&(e=r.dom(),i=!0);const s=e.getBoundingClientRect(),l={left:s.left-n.left,top:s.top-n.top};if(i||(l.top+=s.height),t||a)i&&this.offsetCoords&&(l.top+=this.offsetCoords.top,l.left+=this.offsetCoords.left);else{const e=r.dom().getBoundingClientRect();this.offsetCoords={left:l.left+n.left-e.left,top:l.top+n.top-e.top}}if(a){const t=window.getComputedStyle(e).getPropertyValue("padding-left"),o=parseInt(t.replace(/px/,""));Number.isInteger(o)&&(l.left+=o)}if(t){const e=o.oDOMScroller.getBoundingClientRect(),t=e.top-n.top,r=t+e.height;if(l.top>r||l.top<t)return void(this.style.visibility="hidden");const i=o.oDOMMainScroll.getBoundingClientRect(),a=this.width||0;let s=o.mainGridTable.getScroll().left||0;if(l.left+=s,l.left+a>i.width||l.left<0)return void(this.style.visibility="hidden")}this.style.visibility="visible",this.style.top=l.top+"px",this.style.left=l.left+"px"}open(e,t,o){this.currentCell=o,this.currentTrigger=t,this.bCellAnchor=o.dom()==t,this.innerHTML="",this.appendChild(e),this.setPosition(t),this.removeAttribute(l.default.attr.hidden),this.width=this.getBoundingClientRect().width}close(){this.currentCell=null,this.currentTrigger=null,this.offsetCoords=null,this.innerHTML="",this.width=0,this.setAttribute(l.default.attr.hidden,"")}isOpen(){return!this.hasAttribute(l.default.attr.hidden)}uns(){this.fnUnClick&&this.fnUnClick()}disconnectedCallback(){super.disconnectedCallback(),this.currentCell=null,this.offsetCoords=null,this.currentTrigger=null}}n.Z._registerElement(d,h);const u=h},84699:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>m});var n=o(697),r=o(33581),i=o.n(r),a=o(29001),s=o.n(a),l=o(38419),d=o(45092);const c=l.default.zgCell.tagName;let h=i(),u=null;CSSStyleSheet&&CSSStyleSheet.prototype.replaceSync&&(u=new CSSStyleSheet,u.replaceSync(i()),h="");const g=d.SV(h,s()),p={};class f extends n.Z{init(){super.init(c,s(),h,p,g,u)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.getAttribute(l.default.attr.role)||this.setAttribute(l.default.attr.role,"gridcell");const e=d.Uh(this.ZG.getAttribute("layout"))?this.ZG.getAttribute("layout"):this.parentNode.getAttribute("layout");e&&e.length&&this.setAttribute(l.default.zgLayout.attr,e),"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl")}get cellIndex(){return this._index}set cellIndex(e){this._index=e}_setTooltip(e,t,o){const n=this.widget,r=n.tooltipManager;this.bIsInfoTooltip=e;const i=this.oTooltipOptions=r._getTooltipOptions("Cell",t,o),a=r._hasTooltip("Cell",i);t.bHasCellTooltip=a,null!==i.tooltipDelay||this.bIsInfoTooltip||(i.defaultTooltipDelay=1e3),this.bIsInfoTooltip||(this.oTooltipOptions.tooltipAction=l.default.zgTooltip.actionTypeHover),this.sTooltipContent&&this._resetTooltip();const s=this.querySelector("zg-button");if(a){s&&s.removeAttribute("tooltip");const o=this.querySelector(`[${l.default.zgCell.cellIndexAttr}]`);if(this.oTrigger=e?this.querySelector("zg-icon"):this,o){const o=i.tooltipType||"default";this.setAttribute(l.default.zgTooltip.typeAttr,o),this.sTooltipContent=r._getTooltipContent("Cell",this.oTooltipOptions);const n=t.bIsActivateOnClick=e&&this.oTooltipOptions.tooltipAction===l.default.zgTooltip.actionTypeClick;n?this.setAttribute(l.default.zgTooltip.actionAttr,l.default.zgTooltip.actionTypeClick):this.setAttribute(l.default.zgTooltip.actionAttr,l.default.zgTooltip.actionTypeHover),r._initTooltipTriggers(this.oTrigger,this,n)}}else s&&!n.webcomponent.buttonTooltipDisabled&&s.setTooltip(s.action,n,s.customTooltip)}_setTooltipPosition(){const e=this.oTooltipOptions,t=this.oTrigger.getBoundingClientRect(),o=this.ZG.getBoundingClientRect();this.ZG.oDOMTooltip;let n=null,r=t.left;const i=this.getAttribute("type")===l.default.internalColumn.rowgroup,a=window.getComputedStyle(this).getPropertyValue("padding-left"),s=parseInt(a.replace(/px/,"")),d="bottom"===e.tooltipPosition,c="right"===e.tooltipPosition,h="left"===e.tooltipPosition,u="top"===e.tooltipPosition||!e.tooltipPosition||!d&&!c&&!h;if((u||d)&&i){r=this.querySelector("span[internal-span]").getBoundingClientRect().left}const g={left:r-o.left,top:t.top-o.top},p=this.querySelector(`[${l.default.zgCell.cellIndexAttr}]`);let f=this.getAttribute(l.default.attr.align)||"left";if("rtl"===this.getAttribute("dir")&&"left"===f&&(f="right"),"center"===f||"right"===f){const e=p.getBoundingClientRect();g.left=e.left-o.left,h?g.left-=s:c&&(g.left+=e.width)}return this.bIsInfoTooltip||i||!u&&!d||"left"!==f||Number.isInteger(s)&&(g.left+=s),c&&"left"===f&&(this.bIsInfoTooltip?g.left+=t.width:(n=n||p.getBoundingClientRect().width,g.left+=s+n)),(c||h)&&(g.top+=t.height/2),d&&(g.top+=t.height),g}_resetTooltip(){this.sTooltipContent=null,this.fnUnMouseLeave&&(this.fnUnMouseLeave(),this.fnUnMouseEnter(),this.fnUnMouseEnter=null,this.fnUnMouseLeave=null),this.fnUnClick&&(this.fnUnClick(),this.fnUnClick=null)}disconnectedCallback(){super.disconnectedCallback(),this._resetTooltip(),this.oTooltipOptions=null,this.oTrigger=null}}n.Z._registerElement(c,f);const m=f},29234:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>f});var n=o(697),r=o(63185),i=o.n(r),a=o(59592),s=o.n(a),l=o(38419),d=o(45092);const c="zg-checkbox",h=d.SV(i(),s()),u={checked:{bReflectToAttribute:!0,type:Boolean}},g=n.Z.getObservedAtts(u);class p extends n.Z{init(){super.init(c,s(),i(),u,h),this.icon=document.createElement(l.default.zgIcon.tagName)}ready(){super.ready(),this.setAttribute(l.default.attr.action,"checkbox");let e=this.querySelector(l.default.zgIcon.tagName);e?this.icon=e:(this.icon||(this.icon=document.createElement(l.default.zgIcon.tagName)),this.icon.setAttribute("slot","zgicon"),this.appendChild(this.icon)),this.oTextSlot=this.shadowRoot.querySelector(".zg-checkbox-text slot"),this.startingText=null,this.selectedText=null,this.textContent.length>0&&(this.setAttribute(l.default.zgButton.hasTextAttr,""),this.startingText=this.textContent,this.hasAttribute(l.default.event.selected)&&(this.selectedText=this.getAttribute(l.default.event.selected))),this.icon.setAttribute("name","unchecked");const t=this.querySelectorAll("svg");t.length>1&&t[0].remove(),this.checked&&(this.noEvent=!0,this.toggleCheckbox(!0),this.noEvent=!1)}ons(){this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnKey&&this.fnUnKey(),this.fnUnSubscribe=this.on("click",(e=>this._toggleCheckedState(e)),this,null,!1),this.fnUnKey=this.on("keydown",this.onKeyDown,this,{},!1)}onKeyDown(e){e.nCharCode!==e.ENTER&&e.nCharCode!==e.SPACE||(e.preventDefault(),this.click())}singleUncheck(){this.noEvent=!0,this.checked=!1,this.noEvent=!1}toggleCheckboxWrapper(){this.checked=!this.checked}toggleCheckbox(e,t){this.toggleTO=setTimeout((()=>{this.toggleTO=null,this.icon&&(e?this.icon.setAttribute("name",l.default.event.checked):this.icon.setAttribute("name",l.default.event.unchecked))}),0),this.noEvent||e!==(t=t||!1)&&this.fire("statechanged",e)}_propertyHandler(e,t,o){if(o=super._propertyHandler(e,t,o),"checked"===e)this.toggleCheckbox(o,t);return o}_toggleCheckedState(e){e.stopEvent();let t=d.MV(this,l.default.zgButton.tagName);if((!t||"checkbox"!==t.action&&(t.action||!t._isDisabled()))&&(this.checked=!this.checked,this.selectedText)){this.oTextSlot.assignedNodes()[0].textContent=this.checked?this.selectedText:this.startingText}}disconnectedCallback(){super.disconnectedCallback(),this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnKey&&this.fnUnKey(),this.toggleTO&&(clearTimeout(this.toggleTO),this.toggleTO=null),this.icon=null,this.oTextSlot=null}static get observedAttributes(){return g}}n.Z._registerElement(c,p);const f=p},75392:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(35420),i=o.n(r),a=o(9872),s=o.n(a),l=o(38419);const d="zg-colgroup",c={};class h extends n.Z{init(){super.init(d,s(),i(),c)}ready(){super.ready();const e=this.widget=this._getHostContext(),t=e.webcomponent,o=t.querySelector("zg-colgroup:not([id])"),n=t.querySelector("zg-colgroup#gridcolgroup");if(o&&n){e.bUpdateColGroup=!0;const t=n.getAttribute(l.default.zgLayout.attr);n.remove(),t&&this.setAttribute(l.default.zgLayout.attr,t),e.resetColumns()}}rerender(){this.debounceRerender()}debounceRerender(){let e=this.latestTime=setTimeout((()=>{if(e===this.latestTime){const e=this.widget,t=e.webcomponent;if(!e)return;t.oDOMColgroup=this,e.mainColumnHeader.associateColGroup(this),e.associateColumns(void 0,!0),e.bUpdateColGroup=!1}}),100)}resetColgroup(){const e=this.widget,t=e.webcomponent;e.resetColumns(),e.updateDefaultColumnMapping(),t.oDOMColgroup=t.associateChild(l.default.zgColgroup.tagName,null,"gridcolgroup","gridcolgroup",!1),e.mainColumnHeader.associateColGroup(t.oDOMColgroup),e.updateDefaultColumnMapping(),e.associateColumns()}disconnectedCallback(){const e=this.widget;super.disconnectedCallback(),e&&!e.bDisconnect&&(e.bUpdateColGroup||"gridcolgroup"!==this.id&&this.id||this.resetColgroup())}}n.Z._registerElement(d,h);const u=h},589:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(9253),i=o.n(r),a=o(71454),s=o.n(a),l=o(32816),d=o(38419);const c="zg-column-resize",h={};class u extends n.Z{init(){super.init(c,s(),i(),h)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl")}ons(){this.on("dblclick",this.onDoubleClick,this,{},!1),this.on("mousedown",this.onResizeStart,this,{},!1),this.on("touchstart",this.onTouchStart,this,{},!1)}onResizeStart(e){this.onStartResizeCommon(e);const t=l.Z.get(document);t.on("mousemove",this.onResizeColumn,this,{},!1),t.on("mouseup",this.onResizeStopColumn,this,{},!1),this.bTouch=!1}onTouchStart(e){this.onStartResizeCommon(e),e.stopEvent();const t=l.Z.get(document);t.on("touchmove",this.onResizeColumn,this,{},!1),t.on("touchend",this.onResizeStopColumn,this,{},!1),this.bTouch=!0}onStartResizeCommon(e){return this.nMultiplier="rtl"===this.widget.sComputedDir?-1:1,this.nIndex=this.oHeadCell.nIndex,this.columnResizeTimeout&&clearTimeout(this.columnResizeTimeout),this.widget.bIsColumnResizeActive=!0,this.oGridCoords=this.oHeadCell.getBoundingClientRect(),this.xStart=this.oGridCoords.x,this.nColumnWidth=this.oGridCoords.width,this.xHandlerStart=e.oBrowserEvent.clientX,this.nAdjustedWidth=0,this.nOffset=3,this.ZG.setAttribute(d.default.zgColumnResize.attr,""),this.oHeadCell.parentNode.setAttribute(d.default.zgColumnResize.attr,""),!0}onResizeColumn(e){if(e.stopEvent(),this.bUpdating)return;const t=this.widget.updater,o=this.bTouch?e.oBrowserEvent.touches[0].clientX:e.oBrowserEvent.clientX,n=this.oColumn._oParsedColumnMapping;let r=(this.xHandlerStart-o)*this.nMultiplier,i=n.nCurrWidth-r;const a=i,s=this.getMinWidth();if(i<s){const e=s-i;i=s,r-=e}const l=n.nResizableMaxWidth||this.ZG.columnResizableMaxWidth;if(l&&(l>n.nCurrWidth||r<0)&&(i=Math.min(i,l)),i!==n.nCurrWidth){if(i!==a){const e=n.nCurrWidth-r-i;this.nOffset+=e}this.bUpdating=!0,this.xHandlerStart=o,n.nCurrWidth=i,this.nAdjustedWidth=n.nCurrWidth,this.cleanupResize(r),t.update({bUpdateColumnWidth:!0}),this.widget.recordEditor&&this.widget.recordEditor.onResize(),this.bUpdating=!1}}onResizeStopColumn(e){e&&e.stopEvent();const t=l.Z.get(document);t.docUn("mousemove",this.onResizeColumn,this),t.docUn("mouseup",this.onResizeStopColumn,this),t.docUn("touchmove",this.onResizeColumn,this),t.docUn("touchend",this.onResizeStopColumn,this),this.ZG.removeAttribute(d.default.zgColumnResize.attr),this.oHeadCell.parentNode.removeAttribute(d.default.zgColumnResize.attr),this.oColumn.width=this.nAdjustedWidth,this.widget.fire("columnresize",{column:this.oColumn,width:this.nAdjustedWidth}),this.columnResizeTimeout=setTimeout((()=>this.widget.bIsColumnResizeActive=!1),500)}onDoubleClick(e){e&&e.stopEvent();const t=this.widget.updater,o=this.oColumn,n=this.oColumn._oParsedColumnMapping,r=this.getMinWidth();let i=parseInt(o.getAttribute("min-calculated-width"),10)||null;i||(i=t.getTableFitContentWidth(this.nIndex)),i=Math.max(i,r);const a=n.nCurrWidth-i;this.bUpdating=!0,n.nCurrWidth=i,this.cleanupResize(a),this.removeAttribute("style"),o.width=i,t.update({bUpdateColumnWidth:!0}),this.bUpdating=!1}getMinWidth(){const e=this.oColumn._oParsedColumnMapping,t=e.sCellType;let o=e.nResizableMinWidth||this.ZG.columnResizableMinWidth||d.default.zgColumnResize.defaultMinWidth;return-1!==d.default.internalColumnTypes.indexOf(t)&&(o=Math.min(o,d.default.zgCell.actionCellSize)),o}cleanupResize(e){const t=this.widget.updater,o=t.nColumnsWidth>t.nInitialWidth,n=t.getLastVisibleColumn();if(null!==n&&n!==this.oColumn)if(o){if(e>0){const t=this.widget.oDOMMainScroll;if(t.offsetWidth+t.scrollLeft>=t.scrollWidth)n.nCurrWidth+=e;else{const t=parseInt(n.oDOMZGColumn.getAttribute("min-calculated-width"),10)||50;n.nCurrWidth-e>t&&(n.nCurrWidth-=e)}}}else if(e<0){const t=parseInt(n.oDOMZGColumn.getAttribute("min-calculated-width"),10)||50;n.nCurrWidth+e>t&&(n.nCurrWidth+=e)}else n.nCurrWidth+=e}disconnectedCallback(){super.disconnectedCallback(),this.oHeadCell=null,this.oColumn=null}}n.Z._registerElement(c,u);const g=u},31680:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>b});var n=o(697),r=o(21840),i=o.n(r),a=o(31869),s=o.n(a),l=o(45092),d=o(7673),c=o(38419),h=o(32260),u=(o(81102),o(56919));const g="zg-column",p={align:{bReflectToAttribute:!0,type:String,mapping:"sAlign"},arrayIndex:{bReflectToAttribute:!0,type:String,mapping:"sArrayIndex",bRefreshContent:!0},arraySlice:{bReflectToAttribute:!0,type:String,mapping:"sArraySlice",bRefreshContent:!0},buttonBorder:{bReflectToAttribute:!0,type:String,bRefreshContent:!0,mapping:"sButtonBorder"},cellBreak:{type:String,mapping:"sCellBreak",bReflectToAttribute:!0,bRefreshContentWidth:!0},cellClass:{bReflectToAttribute:!0,type:String,mapping:"sCellClass"},cellTooltipAction:{type:String,bReflectToAttribute:!0,mapping:"cellTooltipAction",bRefreshContent:!0},cellTooltipDelay:{type:Number,bReflectToAttribute:!0,mapping:"cellTooltipDelay",bRefreshContent:!0},cellTooltipIcon:{bReflectToAttribute:!0,type:String,mapping:"cellTooltipIcon",bRefreshContent:!0},cellTooltipPosition:{type:String,bReflectToAttribute:!0,mapping:"cellTooltipPosition",bRefreshContent:!0},cellTooltipRenderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},cellTooltipTemplate:{type:String,bReflectToAttribute:!0,bRefreshContent:!0},cellTooltipText:{type:String,bReflectToAttribute:!0,mapping:"cellTooltipText",bRefreshContent:!0},cellTooltipType:{type:String,bReflectToAttribute:!0,mapping:"cellTooltipType",bRefreshContent:!0},contentStyle:{bReflectToAttribute:!0,type:String,mapping:"sContentStyle",bRefreshContent:!0},contentWidth:{bReflectToAttribute:!0,type:String,mapping:"sContentWidth",bRefreshContentWidth:!0},defaultDisplay:{type:String,bReflectToAttribute:!0,mapping:"sDefaultDisplay"},detailsRenderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},detailsTemplate:{type:String,bReflectToAttribute:!0},drag:{type:String,bReflectToAttribute:!0,mapping:"sDrag"},editor:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},editorTemplate:{type:String,bReflectToAttribute:!0},filter:{bReflectToAttribute:!0,type:String},filterIndex:{bReflectToAttribute:!0,type:String,mapping:"sFilterIndex"},filterKey:{bReflectToAttribute:!0,type:String,mapping:"sFilterKey"},filterer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},frozen:{type:String,bReflectToAttribute:!0,sBooleanDefault:"left",mapping:"sFrozen"},footCell:{bReflectToAttribute:!0,type:String,mapping:"sFootCell"},group:{bReflectToAttribute:!0,type:Boolean,mapping:"bGroup"},headCell:{bReflectToAttribute:!0,type:String,mapping:"sHeadCell"},header:{bReflectToAttribute:!0,type:String},headerAutoFormat:{type:String,bReflectToAttribute:!0},headerTooltipAction:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipAction"},headerTooltipDelay:{type:Number,bReflectToAttribute:!0,mapping:"headerTooltipDelay"},headerTooltipIcon:{bReflectToAttribute:!0,type:String,mapping:"headerTooltipIcon"},headerTooltipIconPosition:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipIconPosition"},headerTooltipPosition:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipPosition"},headerTooltipRenderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0,mapping:"headerTooltipRenderer"},headerTooltipTemplate:{type:String,bReflectToAttribute:!0},headerTooltipText:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipText"},headerTooltipTrigger:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipTrigger"},headerTooltipType:{type:String,bReflectToAttribute:!0,mapping:"headerTooltipType"},hidden:{bReflectToAttribute:!0,type:Boolean,mapping:"bHidden",default:!1},index:{bReflectToAttribute:!0,type:String,mapping:"sFieldIndex",default:""},locale:{bReflectToAttribute:!0,type:String,mapping:"sLocale",bRefreshContent:!0},menuText:{bReflectToAttribute:!0,type:String,mapping:"sMenuText"},minWidth:{bReflectToAttribute:!0,type:Number,mapping:"nMinWidth"},resizable:{type:String,bReflectToAttribute:!0,mapping:"sResizable"},resizableMaxWidth:{bReflectToAttribute:!0,type:Number,mapping:"nResizableMaxWidth"},resizableMinWidth:{bReflectToAttribute:!0,type:Number,mapping:"nResizableMinWidth"},resizablePersistent:{type:String,bReflectToAttribute:!0,mapping:"sResizablePersistent"},renderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},rendererTemplate:{type:String,bReflectToAttribute:!0},required:{type:Boolean,bReflectToAttribute:!0,mapping:"bRequired"},search:{type:String,bReflectToAttribute:!0},separator:{bReflectToAttribute:!0,type:String,mapping:"sSeparator",bRefreshContent:!0},sort:{type:String,bReflectToAttribute:!0},sortIntl:{type:String,bReflectToAttribute:!0},sortAsc:{bReflectToAttribute:!0,type:Boolean},sortDesc:{bReflectToAttribute:!0,type:Boolean},sorter:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},translateNewline:{type:String,bReflectToAttribute:!0,mapping:"sTranslateNewline",bRefreshContentWidth:!0},type:{bReflectToAttribute:!0,type:String},typeAggregateValue:{bReflectToAttribute:!0,type:Function,mapping:"sTypeAggregateValue"},typeAggregateOmit:{bReflectToAttribute:!0,type:Boolean,mapping:"bTypeAggregateOmit"},typeButtonDisabled:{bReflectToAttribute:!0,type:String,bRefreshContent:!0},typeButtonHandler:{bReflectToAttribute:!0,type:Function,bRefreshContent:!0},typeButtonIcon:{bReflectToAttribute:!0,type:String,mapping:"sTypeButtonIcon",bRefreshContent:!0},typeButtonLabel:{bReflectToAttribute:!0,type:String,mapping:"sTypeButtonLabel",bRefreshContent:!0},typeButtonTooltip:{bReflectToAttribute:!0,type:String,mapping:"sTypeButtonTooltip",bRefreshContent:!0},typeButtonUrl:{bReflectToAttribute:!0,type:String,mapping:"sTypeButtonUrl",bRefreshContent:!0},typeCheckboxLabel:{bReflectToAttribute:!0,type:String,mapping:"sTypeCheckboxLabel",bRefreshContent:!0},typeColorMode:{bReflectToAttribute:!0,type:String,mapping:"sTypeColorMode",bRefreshContent:!0},typeColorPreview:{bReflectToAttribute:!0,type:String,mapping:"sTypeColorPreview",bRefreshContent:!0},typeColorSpaces:{bReflectToAttribute:!0,type:String,mapping:"sTypeColorSpaces",bRefreshContent:!0},typeCurrency:{bReflectToAttribute:!0,type:String,mapping:"sTypeCurrency",bRefreshContent:!0},typeDateFormat:{bReflectToAttribute:!0,type:String,mapping:"sTypeDateFormat",bRefreshContent:!0},typeDateFromNow:{bReflectToAttribute:!0,type:Boolean,mapping:"bTypeDateFromNow",bRefreshContent:!0},typeElementAttributeName:{bReflectToAttribute:!0,type:String,mapping:"sElementAttributeName",bRefreshContent:!0},typeElementTagName:{bReflectToAttribute:!0,type:String,mapping:"sElementTagName",bRefreshContent:!0},typeIframeRatio:{bReflectToAttribute:!0,type:String,mapping:"sTypeIframeRatio",bRefreshContent:!0},typeImageAlt:{bReflectToAttribute:!0,type:String,mapping:"sTypeImageAlt",bRefreshContent:!0},typeImageMask:{bReflectToAttribute:!0,type:String,mapping:"sTypeImageMask",bRefreshContent:!0},typeImageSrc:{bReflectToAttribute:!0,type:String,mapping:"sTypeImageSrc",bRefreshContent:!0},groupHeadCell:{bReflectToAttribute:!0,type:String,mapping:"sGroupHeadCell",bRefreshContent:!0},typeGroupHideCount:{bReflectToAttribute:!0,type:Boolean,mapping:"bTypeGroupHideCount",bRefreshContent:!0},typeGroupPlural:{bReflectToAttribute:!0,type:String,mapping:"sTypeGroupPlural",bRefreshContent:!0},typeNumberFormatting:{bReflectToAttribute:!0,type:String,mapping:"sTypeNumberFormatting",bRefreshContent:!0},typeNumberDecimals:{bReflectToAttribute:!0,type:Number,mapping:"nTypeNumberDecimals",bRefreshContent:!0},typeNumberMinDecimals:{bReflectToAttribute:!0,type:Number,mapping:"nTypeNumberMinDecimals",bRefreshContent:!0},typeNumberMaxDecimals:{bReflectToAttribute:!0,type:Number,mapping:"nTypeNumberMaxDecimals",bRefreshContent:!0},typePercentageDecimals:{bReflectToAttribute:!0,type:Number,mapping:"nTypePercentageDecimals",bRefreshContent:!0},typePercentageMaxDecimals:{bReflectToAttribute:!0,type:Number,mapping:"nTypePercentageMaxDecimals",bRefreshContent:!0},typeRadioOptions:{bReflectToAttribute:!0,type:String,mapping:"sTypeRadioOptions",bRefreshContent:!0,bCanBeObject:!0},typeRangeMax:{bKeepDecimal:!0,bReflectToAttribute:!0,type:Number,mapping:"nTypeRangeMax"},typeRangeMin:{bKeepDecimal:!0,bReflectToAttribute:!0,type:Number,mapping:"nTypeRangeMin"},typeRangeStep:{bReflectToAttribute:!0,bKeepDecimal:!0,type:Number,mapping:"nTypeRangeStep"},typeSelectDefaultValue:{bReflectToAttribute:!0,type:String,mapping:"sTypeSelectDefaultValue"},typeSelectMultiple:{bReflectToAttribute:!0,type:Boolean,mapping:"bTypeSelectMultiple"},typeSelectOptions:{bReflectToAttribute:!0,type:String,bCanBeObject:!0},typeToggleOptions:{bReflectToAttribute:!0,type:Array,mapping:"aTypeToggleOptions",bRefreshContent:!0},typeToggleRenderValue:{bReflectToAttribute:!0,type:Boolean,mapping:"bTypeToggleRenderValue"},typeUrlIcon:{bReflectToAttribute:!0,type:String,mapping:"sTypeUrlIcon",bRefreshContent:!0},typeUrlTarget:{bReflectToAttribute:!0,type:String,mapping:"sTypeUrlTarget",bRefreshContent:!0},typeUrlSrc:{bReflectToAttribute:!0,type:String,mapping:"sTypeUrlSrc",bRefreshContent:!0},typeUrlText:{bReflectToAttribute:!0,type:String,mapping:"sTypeUrlText",bRefreshContent:!0},validationErrorMessage:{type:String,bReflectToAttribute:!0,mapping:"sValidationErrorMessage"},validationRequiredMessage:{type:String,bReflectToAttribute:!0,mapping:"sRequiredErrorMessage"},validator:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},visibilityPriority:{bReflectToAttribute:!0,type:Number,mapping:"nPriority"},width:{bReflectToAttribute:!0},widget:{}},f=n.Z.getObservedAtts(p);class m extends n.Z{init(){super.init(g,s(),i(),p),this._oParsedColumnMapping={aUserSet:[],bIsKeyIndex:!1},this.body=null,this.oDOMEditorTemplate=this.oDOMRenderTemplate=this.oDOMDetailsTemplate=null,this._ASC_DESC_LOCK_=!1}connectedCallback(){super.connectedCallback()}ready(){super.ready();let e=this._getHostContext();if(e&&(this.ZG=e.webcomponent,!this.parentNode||"div"!==this.parentNode.tagName.toLowerCase())){if(this.frozen)e.bNeedsFrozenAdjust=!0;else if(!this.parentNode||this.parentNode.tagName.toLowerCase()!==c.default.zgColgroup.tagName){let t=e.webcomponent.oDOMColgroup;return this.ZG.querySelector(c.default.zgColgroup.tagName)||(this.ZG.appendChild(t),this.ZG.oDOMColgroup=t),void t.appendChild(this)}this.widget||(this.widget=e),this.bNeedsSortUpdate&&this.sortStyleUpdate()}}checkDisconnect(e){return!e||e.bDisconnect||e.bEditingControls||e.bUpdateColGroup||e.bUpdatingFrozen||e.bUpdatingColumns||e.bIsColumnMoverActive||!e.aColumnMapping||!e.aColumnMapping.length}disconnectedCallback(){let e=!1,t=!1;const o=this.widget;if(super.disconnectedCallback(),this.checkDisconnect(o))return;const n=this._oParsedColumnMapping.oDOMSortHeader,r=o.getZGColumnIndex(this._oParsedColumnMapping);o.aColumnMapping.length>r&&(e=!0,o.aColumnMapping.splice(r,1),this.type===c.default.internalColumn.recordselector?(o.bHasSelectorColumn=!1,0!==o.aColumnMapping.length&&o.webcomponent._checkRemoveCaption()):this.type===c.default.internalColumn.rowgroup&&(o._updateGroupedColumnReset(!0,!0),t=!0)),n&&n.remove(),!e||o.bEditingControls||t||o.store.reload()}initialLoad(e){const t=this._oParsedColumnMapping;t.sColumnId=e.createColumnId(),t.oDOMZGColumn=this,t.bFilter=e.bGlobalFilter,this.cellClass&&this.setCellClass(this.cellClass),this.setTemplateById(this.editorTemplate,"oDOMEditorTemplate"),this.setTemplateById(this.rendererTemplate,"oDOMRenderTemplate"),this.setTemplateById(this.detailsTemplate,"oDOMDetailsTemplate"),this.setTemplateById(this.headerTooltipTemplate,"oDOMHeaderTooltipTemplate"),this.setTemplateById(this.cellTooltipTemplate,"oDOMCellTooltipTemplate"),this.setTemplate(),this.setRenderer("Details",this.detailsRenderer),this.setRenderer("HeaderTooltip",this.headerTooltipRenderer),this.setRenderer("CellTooltip",this.cellTooltipRenderer),this.setCellType(e,this.type),void 0!==this.typeButtonHandler&&this.setClickCallback(this.typeButtonHandler),void 0!==this.typeButtonDisabled&&this.setButtonDisabled(this.typeButtonDisabled),this.setDirectValues(),this.typeSelectOptions?t.aSelectOptions=l.String.formatToArray(this.typeSelectOptions):"select"===this.type&&(e.bNeedsSelectOptions=!0),this.setColumnWidth(e,this.width),this.setSorting(this.sortAsc,this.sortDesc),void 0!==this.headerAutoFormat&&this.setHeaderAutoFormat(this.headerAutoFormat,e),this.setHeader(this.header,e),this.headCell&&this.setAggregateCell(this.headCell,"Head",e),this.footCell&&this.setAggregateCell(this.footCell,"Foot",e),this.groupHeadCell&&this.setAggregateCell(this.groupHeadCell,"GroupHead",e)}getFrozenColumnNewIndex(e,t,o){let n;return"right"===t?(n=e.aColumnMapping.length-1,e.nRightFrozenColumns++):"left"===t?(n=e.nLeftFrozenColumns,e.nLeftFrozenColumns++):"left"===o?n=e.nLeftFrozenColumns-1:"right"===o&&(n=e.aColumnMapping.length-(e.nRightFrozenColumns-1)-1),"right"===o?e.nRightFrozenColumns--:"left"===o&&e.nLeftFrozenColumns--,n}setAlign(e,t,o){const n=t.aColumnMapping.reduce(((e,t,n)=>t.sColumnId===o.sColumnId?e=n:e),null),r=t.getHeaderByColumnIndex(n).childNodes,i=t.getBodyByColumnIndex(n).childNodes,a=t.getFooterByColumnIndex(n).childNodes;(r||i||a)&&(this.setAlignByArea(r,n,e,t),this.setAlignByArea(i,n,e,t),this.setAlignByArea(a,n,e,t))}setAlignByArea(e,t,o,n){const r=n.getAdjustedColumnIndex(t);e.forEach((e=>{e.childNodes.forEach(((e,t)=>{r===t&&n.setCellAlignment(e,o)}))}))}setTemplate(){if(this.querySelector("template"))this.setTemplatesFromSlot();else{const e=this.shadowRoot.querySelector("slot");e.assignedNodes().length?this._oParsedColumnMapping.body=this.innerHTML.trim():e.addEventListener("slotchange",(()=>{this.querySelector("template")?this.setTemplatesFromSlot():this._oParsedColumnMapping.body=this.innerHTML.trim()}))}}setTemplatesFromSlot(){this.querySelectorAll("template").forEach((e=>{let t=e.getAttribute("type");t===c.default.template.type.editor?this._oParsedColumnMapping.oDOMEditorTemplate=e:t===c.default.template.type.details?this._oParsedColumnMapping.oDOMDetailsTemplate=e:this._oParsedColumnMapping.oDOMRenderTemplate=e}))}setTemplateById(e,t){const o=window[e]||document.getElementById(e)||null;this._oParsedColumnMapping[t]=o}setCellType(e,t){let o=this.index||"",n=t||"text";n===c.default.internalColumn.rowgroup&&e.bHasRowGroupColumn&&(n="text",this.removeAttribute("type"),this.setAttribute("group",""));let r=d.Z.getCellType(n),i=this._oParsedColumnMapping;if(t&&(i.bIsTypeUserProvided=!0),i.sCellType=n,i.sSortIntl=this.sortIntl,n===c.default.internalColumn.rowgroup||n===c.default.cellTypes.aggregate){if(this.setCellTypeManager(void 0,"fnRenderer",d.Z.getRenderer,r.renderer),this.renderer){let e;e=n===c.default.cellTypes.aggregate?"fnAggregateRenderer":"fnGroupRenderer",this.setCellTypeManager(this.renderer,e,d.Z.getRenderer,r.renderer)}}else this.setCellTypeManager(this.renderer,"fnRenderer",d.Z.getRenderer,r.renderer);if(this.setCellTypeManager(this.validator,"oValidator",d.Z.getValidator,r.validator),this.setCellTypeManager(this.sorter,"fnSorter",d.Z.getSorter,r.sorter,r.intlSorter,e),this.setCellTypeManager(this.editor,"oEditor",d.Z.getEditor,r.editor),void 0!==this.filter){let t="disabled"!==this.filter.toLowerCase();t&&(e.bHasFilterEnabled=!0),i.bFilter=t}this.setCellTypeManager(this.filterer,"oFilter",d.Z.getFilter,r.filter),n==c.default.internalColumn.recordeditor?e.bHasEditColumn=!0:n==c.default.internalColumn.recordremover?e.bHasRemoveColumn=!0:n===c.default.internalColumn.recordselector?e.bHasSelectorColumn=!0:n===c.default.internalColumn.rownumber?e.bHasRowNumberColumn=!0:n===c.default.internalColumn.recordinfo?e.bHasInfoColumn=!0:n===c.default.internalColumn.recordduplicate?e.bHasDuplicateColumn=!0:n===c.default.internalColumn.rowgroup&&(e.bHasRowGroupColumn=!0,e.bGroupBy=!0,o&&(e.aGroupBy=o.split(",").map((e=>e.trim())))),e.setupCardHeader()}updateGlobalIntlSort(e){let t=d.Z.getCellType(this.type);this.setCellTypeManager(this.sorter,"fnSorter",d.Z.getSorter,t.sorter,t.intlSorter,this.widget)}setIntlSort(e,t,o){let n=this.sLocale||this.getAttribute("locale"),r=this._oParsedColumnMapping.sSortIntl;o&&void 0===r&&(r=o.sSortIntl),null==r?(n||(n=u.default.getLocale(o)),"en"!==n.substring(0,2).toLowerCase()&&(e.method=t)):"disabled"!==r&&(e.method=t)}setCellTypeManager(e,t,o,n,r,i){if(i=i||this.widget,n&&!n.method&&(n={method:n,scope:null}),n&&r&&this.setIntlSort(n,r,i),!1===e||"false"===e||"disabled"===e)this._oParsedColumnMapping[t]=!1;else if(l.HD(e)){if(this._oParsedColumnMapping[t]=h.Z.setUserFunction(o,e),"oFilter"===t){let e=this._oParsedColumnMapping[t];e&&e.method&&n&&n.method&&l.kn(e.method,n.method)}if(this._oParsedColumnMapping.sEditorType=e,"fnSorter"===t&&null===this._oParsedColumnMapping[t])return this._oParsedColumnMapping[t]=n,this._oParsedColumnMapping.sSorterIndex=e,void(this._oParsedColumnMapping.aUserSet[t]=!1)}else this._oParsedColumnMapping[t]=e?{method:e,scope:null}:n;if("oValidator"===t&&e){let e=this._oParsedColumnMapping[t]&&this._oParsedColumnMapping[t].method;if(e&&!e.validator){let o={validator:e};this._oParsedColumnMapping[t].method=o}}this._oParsedColumnMapping.aUserSet[t]=!!e}setRenderer(e,t){t&&l.HD(t)?this._oParsedColumnMapping[`fn${e}Renderer`]=h.Z.setUserFunction(null,t):this._oParsedColumnMapping[`fn${e}Renderer`]=null}setCellClass(e){e&&this.setCellTypeManager(e,"fnCellClass")}setGroup(e){const t=this.widget;let o=t.aGroupBy;o||(t.aGroupBy=o=[]);const n=o.slice(0),r=this._oParsedColumnMapping.sFieldIndex;e?(t.bGroupBy=!0,o.push(r)):o.splice(o.indexOf(r),1),0===o.length&&(t.bGroupBy=!1),t._updateGroupedColumnReset(!0,0===o.length,n)}setAggregateCell(e,t,o){const n=o.aColumnMapping;let r=`fn${t}Cell`;if(null===e){const e=`s${t}Cell`;this._oParsedColumnMapping[r]=!1,o[`bHas${t}Row`]=n.some((t=>t[e]))}else l.HD(e)&&(this._oParsedColumnMapping[r]=h.Z.setUserFunction(null,e),o[`bHas${t}Row`]=!0)}setColumnWidth(e,t){let o=this._oParsedColumnMapping,n=this._oParsedColumnMapping.sCellType,r=this.parseWidth(t,n,e);!isNaN(r)&&this.cellBreak,o.mOldWidth=o.mWidth,o.mWidth=r}parseWidth(e,t,o){let n;(o=o||this.widget)&&(n=o.webcomponent.columnWidth,n&&(n=n.toString().replace("px",""))),e?o.bOnlyColumnWidth=!1:n&&void 0===o.bOnlyColumnWidth&&(o.bOnlyColumnWidth=!0),n=n||"fit",-1!==c.default.internalColumnTypes.indexOf(t)&&(n=c.default.zgCell.actionCellKey);let r=e||n;return null!=r&&(l.HD(r)&&(/%$/.test(r)||"stretch"==r||"fit"==r||"fitheader"==r||"fitaction"==r||"fitcontent"==r)?n=r:(n=parseFloat(r),Number.isNaN(n)&&(n="fit"))),n}setDirectValues(){let e=this._oParsedColumnMapping;for(var t in p){var o=p[t];o.mapping&&(o.hasOwnProperty("default")&&void 0===this[t]?e[o.mapping]=o.default:(e[o.mapping]=this[t],"index"===t&&this[t]===c.default.store.keyField&&(e.bIsKeyIndex=!0)))}}setHeader(e,t,o){t=t||this.widget;const n=this._oParsedColumnMapping,r=t.sNestedDataSeparator;o||(e=e||this.header);let i=n.sFieldIndex;void 0!==e?n.bIsHeaderTextUserProvided=!0:n.sCellType===c.default.cellTypes.aggregate&&(i=t.aggregateManager.getAggregateColumnHeader(n));let a=0;if(null!==i&&(a=l.String._splitHeader(i,r).length),e)i=l.kJ(e)?"disabled"!==r?e.join(r):e.join(" "):String(e),a=l.String._splitHeader(e,r).length;else if(i&&(t.bHeaderAutoFormat&&!1!==this.bHeaderAutoFormat||this.bHeaderAutoFormat)){i=l.String.camelCaseToReadable(i,r);let e=this.fnHeaderAutoFormat||t.fnHeaderAutoFormat;e&&(i=e.method.apply(e.scope,[n.sFieldIndex,i])||i),a=l.String._splitHeader(i,r).length}t.nHeaderDepth=Math.max(t.nHeaderDepth,a),this.removeAttribute("min-calculated-header-width"),n.sColumnHeaderText=i,n.nHeaderDepth=a}setCallbackProperties(e,t,o){e&&"string"==typeof e?(this._oParsedColumnMapping[o]=h.Z.setUserFunction(null,e),this._oParsedColumnMapping[t]=e):(this._oParsedColumnMapping[o]=null,this._oParsedColumnMapping[t]=null)}setButtonDisabled(e){this.setCallbackProperties(e,"bTypeButtonDisabled","fnTypeButtonDisabled")}setClickCallback(e){this.setCallbackProperties(e,"sTypeButtonHandler","fnTypeButtonHandler")}setHeaderAutoFormat(e,t){""===e||null===e?this.bHeaderAutoFormat=!0:(this.bHeaderAutoFormat="disabled"!==e&&!!e,this.bHeaderAutoFormat&&"string"==typeof e&&(this.fnHeaderAutoFormat=h.Z.setUserFunction(null,e))),this.bReady&&this.setHeader(null,t)}setSorting(e,t,o){this._oParsedColumnMapping.nSortOrder=0,e?this._oParsedColumnMapping.nSortOrder=1:t&&(this._oParsedColumnMapping.nSortOrder=-1),o&&(this.sortAsc=e,this.sortDesc=t),this.widget&&this.widget.bSorting||(this.sortAsc||this.sortDesc)&&(this.widget?this.sortStyleUpdate():this.bNeedsSortUpdate=!0)}sortStyleUpdate(){this.widget.webcomponent._wrapAPI((()=>{if(this.bNeedsSortUpdate=!1,this.sortAsc||this.sortDesc){let e=this.sortAsc?"asc":"desc";const t=this._oParsedColumnMapping.oDOMSortHeader;t&&t.onSort(null,null,e)}}))}sortUpdate(){const e=this.widget,t=e.store;t.isServerSort()?(e.savedScrollVal=e.oDOMMainScroll.scrollLeft,1===this._oParsedColumnMapping.nSortOrder?t.oDataFormat.sSortDir="asc":-1===this._oParsedColumnMapping.nSortOrder?t.oDataFormat.sSortDir="desc":delete t.oDataFormat.sSortDir,0!==this._oParsedColumnMapping.nSortOrder?t.oDataFormat.sSortBy=this.index:delete t.oDataFormat.sSortBy,t.reset(),this.widget.nCurrPageIdx=0,this.widget.dumpRowMapping(),t.load()):this.update(["bUpdateRowMappingOrder","bUpdateBodyContent"])}update(e,t,o){const n=t||this.widget,r=o?void 0:n.getZGColumnIndex(this._oParsedColumnMapping),i={};e.forEach((e=>i[e]=!0)),n.updater.update(i,null,r)}updateIndex(e){let t=this._oParsedColumnMapping,o=this.widget,n=o.store,r=t.sFieldIndex=e||"";if(t.bIsHeaderTextUserProvided||this.setHeader(void 0,o),n.bHasLoaded){o.bIsUpdatingType=!0;let e=n.getFieldStructure(),i=e?e[r]:"text",a="text";if("number"===i&&(a=i),t.bIsTypeUserProvided||(t.oDOMZGColumn[c.default.attr.type]=a,t.bIsTypeUserProvided=!1),o.bIsUpdatingType=!1,t.sCellType===c.default.internalColumn.rowgroup&&!o.bEditingControls){let e=o.aGroupBy.slice(0);r?o.aGroupBy=r.split(",").map((e=>e.trim())):(o.aGroupBy=[],o.bGroupBy=!1),o._updateGroupedColumnReset(!0,0===o.aGroupBy.length,e)}}}needToCalcEditorWidth(){const e=this._oParsedColumnMapping,t=this.widget;return t&&t.bHasEditorEnabled&&e.oEditor&&!e.aUserSet.oEditor&&e.oEditor.method.bCalculateWidth}updateAttributeValue(e,t){let o=this.widget,n=this._oParsedColumnMapping;if(p[e].mapping&&"index"!==e)n[p[e].mapping]=t;else{let r=d.Z.getCellType(n.sCellType);switch(e){case"editor":this.setCellTypeManager(t,"oEditor",d.Z.getEditor,r.editor);break;case"editorTemplate":this.setTemplateById(t,"oDOMEditorTemplate");break;case"detailsTemplate":this.setTemplateById(t,"oDOMDetailsTemplate");break;case"headerTooltipTemplate":this.setTemplateById(t,"oDOMHeaderTooltipTemplate");break;case"cellTooltipTemplate":this.setTemplateById(t,"oDOMCellTooltipTemplate");break;case"filter":if(t&&"disabled"!==t)this.widget.bHasFilterEnabled=!0;else if(null===this.widget.webcomponent.getAttribute("filter")){this.widget.aColumnMapping.some((e=>e.oDOMZGColumn.getAttribute("filter")))||(this.widget.bHasFilterEnabled=!1)}n.bFilter=!t||"disabled"!==t.toLowerCase();break;case"filterer":let e=d.Z.getCellType(t);e&&(r=e),this.setCellTypeManager(t,"oFilter",d.Z.getFilter,r.filter);break;case"header":this.setHeader(t,o,!0);break;case"headerAutoFormat":this.bReady&&this.setHeaderAutoFormat(t,o);break;case"index":this.updateIndex(t);break;case"renderer":this.setCellTypeManager(t,"fnRenderer",d.Z.getRenderer,r.renderer);break;case"rendererTemplate":this.setTemplateById(t,"oDOMRenderTemplate");break;case"typeSelectOptions":n.aSelectOptions=t?l.String.formatToArray(t):null;break;case"sortAsc":this.setSorting(t,this.sortDesc);break;case"sortDesc":this.setSorting(this.sortAsc,t);break;case"sortIntl":n.sSortIntl=t,this.setCellTypeManager(this.sorter,"fnSorter",d.Z.getSorter,r.sorter,r.intlSorter);break;case"sorter":this.setCellTypeManager(t,"fnSorter",d.Z.getSorter,r.sorter,r.intlSorter);break;case"type":n.sCellType=t||"text";break;case"typeButtonDisabled":this.setButtonDisabled(t);break;case"typeButtonHandler":this.setClickCallback(t);break;case"validator":this.setCellTypeManager(t,"oValidator",d.Z.getValidator,r.validator);break;case"width":this.setColumnWidth(o,t)}}}_propertyHandler(e,t,o){let n,r=this.widget,i=this._oParsedColumnMapping;if("sortAsc"===e||"sortDesc"===e){let t="sortAsc"===e?"sortDesc":"sortAsc";if(this._ASC_DESC_LOCK_)return o;this._ASC_DESC_LOCK_=!0,n=this[t],o&&n&&(this[t]=!1),this._ASC_DESC_LOCK_=!1}if(o=super._propertyHandler(e,t,o),"widget"!==e){if(!r)return o;this.updateAttributeValue(e,o)}var a=p[e];if(a.bRefreshContent)this.update(["bUpdateBodyContent","bUpdateColumnHeaderContent","bUpdateColumnFooterContent"]);else if(a.bRefreshContentWidth)this.widget.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0});else switch(e){case"align":this.setAlign(o,r,this._oParsedColumnMapping);break;case"cellClass":this.setCellClass(o),this.update(["bUpdateBodyContent"]);break;case"cellTooltipRenderer":this.setRenderer("CellTooltip",o),this.update(["bUpdateBodyContent"]);break;case"defaultDisplay":this.update(["bUpdateBodyContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"detailsRenderer":this.setRenderer("Details",o),this.update(["bUpdateBodyContent"]);break;case"drag":this.widget.columnDragManager.setColumnDrag();break;case"filterer":case"filter":this.update(["bUpdateColumnHeaderContent","bUpdateFilter","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"filterIndex":if(this.bReady){const e=o||this._oParsedColumnMapping.sFieldIndex||"";this._oParsedColumnMapping.oDOMFilter.sFilterIndex=e.split(",")[0]}break;case"filterKey":if(this.bReady){const e=o||this._oParsedColumnMapping.oDOMFilter.sFilterIndex||this._oParsedColumnMapping.sFieldIndex||"";this._oParsedColumnMapping.oDOMFilter.sFilterKey=e.split(",")[0]}break;case"footCell":this.setAggregateCell(o,"Foot",r),this.update(["bUpdateColumnFooter","bUpdateColumnFooterContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"frozen":if(!r.bUpdatingFrozen){let e=r.getZGColumnIndex(i);const t=r.getAreaByColumnIndex(e);let n=o;if("left"!==n&&"right"!==n&&(n="main"),n!==t){let o=r.getBodyByColumnIndex(e),i=r.getAdjustedColumnIndex(e),a=this.getFrozenColumnNewIndex(r,n,t);null!==a&&r.moveColumn(e,a,!0,o,i)}}break;case"group":if(this.bReady){this.setGroup(o);break}case"groupHeadCell":this.setAggregateCell(o,"GroupHead",r);break;case"headCell":this.setAggregateCell(o,"Head",r),this.update(["bUpdateColumnHeaderContent"]);break;case"headerTooltipText":case"headerTooltipDelay":case"headerTooltipIcon":case"headerTooltipIconPosition":case"headerTooltipPosition":case"headerTooltipTemplate":case"headerTooltipType":case"headerTooltipTrigger":case"headerTooltipAction":this.update(["bUpdateColumnHeaderContent"]);break;case"headerTooltipRenderer":this.setRenderer("HeaderTooltip",o),this.update(["bUpdateColumnHeaderContent"]);break;case"header":case"headerAutoFormat":this.update(["bUpdateColumnHeaderContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"hidden":if(!r.updater.updating&&!this.widget.bUpdatingHidden&&!r.bEditingControls){const e=r.getZGColumnIndex(this._oParsedColumnMapping);r.updater.toggleColumn(e,o),r._updateHiddenColumn(o,this._oParsedColumnMapping)}break;case"index":r.bEditingControls||this.update(["bUpdateBodyContent","bUpdateColumnHeaderContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"menuText":r.columnMenu&&r.columnMenu.initMenu();break;case"renderer":i.bIsRendererUserProvided=!0,r.bIsUpdatingType||this.update(["bUpdateBodyContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"rendererTemplate":this.update(["bUpdateBodyContent","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"resizablePersistent":case"resizable":const e=r.getZGColumnIndex(this._oParsedColumnMapping);r.getHeaderCells(e,null,!0).forEach((e=>e._setResize()));break;case"sort":const a=this._oParsedColumnMapping.oDOMSortHeader;o?"disabled"===o&&(a.setAttribute("sort","disabled"),a._removeSort()):(a.removeAttribute("sort"),a._setupSort(o));break;case"sortAsc":case"sortDesc":(o||!n)&&this.sortUpdate();break;case"type":this.setCellType(r,o),r.bIsUpdatingType||(t===c.default.internalColumn.recordselector?(r.bHasSelectorColumn=!1,this.update(["bUpdateBodyContent","bUpdateColumnWidthCache","bUpdateColumnWidth","bUpdateColumnHeaderContent"]),r.webcomponent._checkRemoveCaption()):t===c.default.internalColumn.rowgroup?r._updateGroupedColumnReset(!0,!0):o===c.default.internalColumn.rowgroup?r._updateGroupedColumnReset(!0):(t!==c.default.cellTypes.aggregate||i.bIsHeaderTextUserProvided||this.setHeader(void 0,r),this.update(["bUpdateBodyContent","bUpdateColumnWidthCache","bUpdateColumnWidth","bUpdateColumnHeaderContent","bUpdateColumnFooter","bUpdateColumnFooterContent","bUpdateColumnFooterAssignment"]))),i.bIsTypeUserProvided=!0;break;case"typeAggregateOmit":this.update(["bUpdateBodyContent","bUpdateColumnHeaderContent","bUpdateColumnFooterContent"],void 0,!0);break;case"typeAggregateValue":i.bIsHeaderTextUserProvided||this.setHeader(void 0,r),this.update(["bUpdateBodyContent","bUpdateColumnHeaderContent","bUpdateColumnFooterContent"]);break;case"typeSelectOptions":this.update(["bUpdateBodyContent","bUpdateColumnHeaderContent","bUpdateFilter","bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"minWidth":case"width":this.widget.bIsColumnResizeActive||this.update(["bUpdateColumnWidthCache","bUpdateColumnWidth"]);break;case"widget":if(t==o)return o;if(r){let e=r.getZGColumnIndex(i);r.aColumnMapping.splice(e,1),r.bIsColumnMoverActive||r.update()}var s=o;if(s){let e=Array.prototype.indexOf.call(s.webcomponent.querySelectorAll("zg-column"),this);if(this.initialLoad(s,i),-1!==e){s.aColumnMapping.splice(e,0,i);let t=this.parentNode;t&&s.aColumnMapping.length===t.querySelectorAll("zg-column").length&&(s.bUpdateColGroup?t.rerender():!s.bIsColumnMoverActive&&s.bAPIReady?s.store.reload():s.bIsColumnMoverActive||s.update())}this.controlDefined||(s.bIsMappingUserProvided=!0)}}return o}static get observedAttributes(){return f}}n.Z._registerElement(g,m);const b=m},65495:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>p});var n=o(697),r=o(77628),i=o.n(r),a=o(42952),s=o.n(a),l=o(38419),d=o(45092),c=o(56919);const h="zg-control-bar",u={};class g extends n.Z{init(){super.init(h,s(),i(),u)}ready(){super.ready(),this.widget=this._getHostContext();let e=this.widget.webcomponent;if(e.layout&&e.layout.length&&this.setAttribute(l.default.zgLayout.attr,e.layout),"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl"),!this.widget.bPreloaded){let e=`\n            <zg-separator slot="cardaction" hidden id="afterselect"></zg-separator>\n            <zg-button ${l.default.attr.datafocus} slot="action" action="createrecord" hidden></zg-button>\n            <zg-separator slot="action" hidden id="beforeedit"></zg-separator>\n            <zg-text id="label" slot="action"></zg-text>\n            <zg-button ${l.default.attr.datafocus} slot="action" action="batchedit" hidden></zg-button>\n            <zg-button ${l.default.attr.datafocus} slot="action" action="batcheditsave" hidden></zg-button>\n            <zg-button ${l.default.attr.datafocus} slot="action" action="batcheditcancel" hidden></zg-button>\n            <zg-text id="unsaved" slot="message" hidden></zg-text>\n        `,t=(0,d.W2)(e);this.appendChild(t)}this.oDOMCreate=this.querySelector('zg-button[action="createrecord"]'),this.oDOMBatchEdit=this.querySelector('zg-button[action="batchedit"]'),this.oDOMBatchSave=this.querySelector('zg-button[action="batcheditsave"]'),this.oDOMBatchCancel=this.querySelector('zg-button[action="batcheditcancel"]'),this.oDOMUnsavedSpan=this.querySelector("zg-text#unsaved"),this.oDOMBatchEditLabel=this.querySelector("zg-text#label"),this.oDOMBatchEditLabel&&(this.oDOMBatchEditLabel.innerHTML=d.translate({msg:c.default.get("batchEdit.label",this.widget,{element:this.oDOMBatchEditLabel,elProperty:"innerHTML"})})),e.oDOMLayoutControls&&this.appendChild(e.oDOMLayoutControls),e.batchEdit&&e._setBatchEditControls(!0),this.widget.webcomponent._toggleControlBar()}checkMessageSize(){const e=this.oDOMUnsavedSpan;if(!this.widget||!this.widget.batchEditor.isActive())return;this.removeAttribute(l.default.attr.batchEditLongMessage);const t=window.getComputedStyle(e);t.height>t.lineHeight&&this.setAttribute(l.default.attr.batchEditLongMessage,"")}disconnectedCallback(){super.disconnectedCallback(),this.oDOMCreate=null,this.oDOMBatchEdit=null,this.oDOMBatchSave=null,this.oDOMBatchCancel=null}}n.Z._registerElement(h,g);const p=g},32383:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(400),i=o.n(r),a=o(91573),s=o.n(a),l=o(38419);const d="zg-data",c={adapter:{type:String,bReflectToAttribute:!0},data:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},idKey:{type:String,bReflectToAttribute:!0},options:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},src:{type:String,bReflectToAttribute:!0},widget:{}},h=n.Z.getObservedAtts(c);class u extends n.Z{init(){super.init(d,s(),i(),c)}ready(){super.ready();const e=this._getHostContext();e.webcomponent.oDOMData=this,this.widget=e,this.setAttribute(l.default.attr.hidden,"")}_propertyHandler(e,t,o){o=super._propertyHandler(e,t,o);let n,r,i=this.widget;if("widget"!==e&&!i)return o;switch(i?(n=i.webcomponent,r=i.store):(n=o.webcomponent,r=o.store),e){case"options":r.loadData(o,n.params);break;case"data":this.bReady&&r.loadData(this.options,n.params,{data:o},!0);break;case"src":this.bReady&&r.loadData(this.options,n.params,{src:o});break;case"widget":r.loadData(this.options,n.params)}return o}setOptions(e){let t=this.querySelectorAll("zg-param");t.forEach((t=>{if(void 0!==t.name&&void 0!==t.value){let o,n=t.value.trim()[0];if("{"===n||"["===n)try{o=JSON.parse(t.value)}catch(e){}void 0===o&&(o=t.value),"false"===o&&(o=!1),e[t.name]=o}}));for(let t in c)"widget"!==t&&"options"!==t&&this[t]&&!e.hasOwnProperty(t)&&(e[t]=this[t]);return this.nCheckedParams=t.length,e}disconnectedCallback(){const e=this.widget;super.disconnectedCallback(),e&&!e.bDisconnect&&e.webcomponent.resetData()}static get observedAttributes(){return h}}n.Z._registerElement(d,u);const g=u},58828:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>b});var n=o(697),r=o(66184),i=o.n(r),a=o(51694),s=o.n(a),l=o(32816),d=o(38419),c=o(45092),h=o(32260),u=o(56919);const g=d.default.zgDialog.tagName,p={open:{type:Boolean,default:null,bReflectToAttribute:!0},label:{type:String,default:"",bReflectToAttribute:!0},cancel:{type:String,bReflectToAttribute:!0},confirm:{type:String,bReflectToAttribute:!0}},f=n.Z.getObservedAtts(p);class m extends n.Z{init(){super.init(g,s(),i(),p)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this._label=null,"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl"),this.userAddedContainAttr=this.ZG.getAttribute(d.default.zgDialog.attr),null!==this.userAddedContainAttr&&this.setAttribute(d.default.attr.internalattach,"grid"),this.cancel&&this._setCancel(this.cancel),this.confirm&&this._setConfirm(this.confirm),this.bindDom(),this.bindEvents(),c.CL(this),this.open&&this.showDialog()}showDialog(){this.getRequestedDialogData(),this.initLabelText(),this.setCancel(),this.setConfirm(),this.setBody(),this.displayDialog()}hideDialog(){this.$dialog.close(),document.body.style.overflow=this.ZG.defaultBodyOverflow}setDialog(e){this.setAttribute(d.default.attr.type,e),this.setAttribute(d.default.attr.open,"")}bindDom(){const e=this.shadowRoot;this.$dialog=e.querySelector("dialog"),this.$form=e.querySelector("form"),this.$body=e.querySelector(".zg-dialog-body"),this.$bodycontent=e.querySelector(".zg-dialog-content-wrapper"),this.$error=e.querySelector(".zg-dialog-error"),this.$footer=e.querySelector(".zg-dialog-footer"),this.$header=e.querySelector(".zg-dialog-header"),this.$cancel=e.querySelector(".zg-dialog-cancel"),this.$close=e.querySelector(".zg-dialog-close"),this.$confirm=e.querySelector(".zg-dialog-confirm"),this.$label=e.querySelector(".zg-dialog-label")}bindEvents(){let e;this.aEvents=[],e=l.Z.get(document.body).on("keydown",(e=>{if(e.nCharCode===e.ESC){if(!this.$dialog.hasAttribute(d.default.attr.open))return;this.fire("dialogClose"),this.fire("dialogCloseFromEscape"),this.closeEvent(e)}}),this),this.aEvents.push(e),e=this.on("click",(e=>{this.fire("dialogClose"),this.fire("dialogCloseFromMask"),this.closeEvent(e)}),this),this.aEvents.push(e),e=l.Z.get(this.$form).on("click",this.formEvent,this),this.aEvents.push(e),e=l.Z.get(this.$cancel).on("click",(e=>{if(this.cancel&&!this.fnCancel&&this._setCancel(this.cancel),this.fnCancel){let e=this.fnCancel.scope||this;this.fnCancel.method.apply(e,[this])}this.fire("dialogCancel"),this.closeEvent(e)})),this.aEvents.push(e),e=l.Z.get(this.$close).on("click",(e=>{this.fire("dialogClose"),this.fire("dialogCloseFromButton"),this.closeEvent(e)})),this.aEvents.push(e),e=l.Z.get(this.$confirm).on("click",(e=>{if(e.preventDefault(),this.fnConfirm){let e=this.fnConfirm.scope||this;this.fnConfirm.method.apply(e,[this])}!1!==this.fire("dialogConfirm")&&this.closeEvent(e)}),this,{},!1),this.aEvents.push(e)}uns(){if(this.aEvents&&this.aEvents.length){for(let e=0;e<this.aEvents.length;e++)this.aEvents[e](),this.aEvents[e]=null;this.aEvents.length=0}}displayError(e,t){e?(this.$error.innerHTML=t,this.$body.setAttribute(d.default.validation.haserror,"")):this.$body.removeAttribute(d.default.validation.haserror)}displayDialog(){const e=this.widget.isStorybook("dialog");e?this.$dialog.setAttribute("open",""):this.$dialog.show(),null===this.userAddedContainAttr&&(document.body.style.overflow=d.default.attr.hidden),e||(this.$cancel.hasAttribute(d.default.attr.hidden)?this.$confirm.focus():this.$cancel.focus())}getRequestedDialogData(){const e=this.getAttribute(d.default.attr.type);this.currentDialogData=this.ZG.dialogArr.filter((t=>t.type===e))[0]}setBody(){const e=this.currentDialogData?this.currentDialogData.body:this.innerHTML;if(!e)return;const t=document.createElement("div");t.classList.add("zg-dialog-body-wrap"),t.insertAdjacentHTML("afterbegin",e);const o=t.querySelectorAll(d.default.zgIcon.tagName);o.forEach((e=>e.remove())),this.currentDialogData&&this.currentDialogData.body&&(this.innerHTML="",this.$bodycontent.innerHTML="",this.currentDialogData&&this.currentDialogData.label&&(this.$label.textContent=this.currentDialogData.label),this.$bodycontent.appendChild(t),o.forEach((e=>this.appendChild(e)))),e.length&&this.$body.setAttribute(d.default.attr.hasText,"")}setCancel(){this.currentDialogData&&this._setButton(this.$cancel,{data:this.currentDialogData.cancel,name:"cancel"})}setConfirm(){this.currentDialogData&&this._setButton(this.$confirm,{data:this.currentDialogData.confirm,name:"confirm"})}initLabelText(){let e=this.getAttribute("label");!e&&this.currentDialogData&&(e=this.currentDialogData.label),e&&(this.label=e)}setLabelText(e){this.$label&&(this.$label.textContent=e)}getInputContainer(){return this.$body.querySelector("#inputs")}closeEvent(e){this.open&&(this.open=!1),this.unAll(),this.displayError(!1)}formEvent(e){e.stopPropagation()}_setButton(e,t){const{data:o,name:n}=t;o&&o.text?e.textContent=o.text:e.textContent=u.default.get("dialog",this.widget,{element:this,elProperty:"textContent",langProperty:"name"})[n],t&&o&&!1===o.show?e.setAttribute(d.default.attr.hidden,""):e.removeAttribute(d.default.attr.hidden),t&&o&&o.initialDisabled?e.setAttribute("disabled",""):e.removeAttribute("disabled")}_setCancel(e){this.fnCancel=h.Z.setUserFunction(null,e)}_setConfirm(e){this.fnConfirm=h.Z.setUserFunction(null,e)}_propertyHandler(e,t,o){const n=this.widget;if(o=super._propertyHandler(e,t,o),this.bReady)switch(e){case"open":o?this.showDialog():n.recordEditor.bIsOpen?n.recordEditor.cancelOpenEdit(null,n.editorManager.se):this.hideDialog();break;case"label":this.setLabelText(o)}return o}disconnectedCallback(){super.disconnectedCallback(),this.innerHTML="",this.$dialog&&(this.$dialog.innerHTML="",this.$dialog.remove());const e=["$label","$confirm","$close","$cancel","$header","$footer","$error","$bodycontent","$body","$form","$dialog"];for(let t=0;t<e.length;t++)this.cleanElement(e[t]);this.currentDialogData=null}static get observedAttributes(){return f}}n.Z._registerElement(g,m);const b=m},82373:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(39003),i=o.n(r),a=o(83635),s=o.n(a),l=o(32816);const d="zg-editor-row",c={active:{type:Boolean,bReflectToAttribute:!0},activeCellEdit:{type:Boolean,bReflectToAttribute:!0},activeRowEdit:{type:Boolean,bReflectToAttribute:!0},editor:{type:String,bReflectToAttribute:!0}},h=n.Z.getObservedAtts(c);class u extends n.Z{init(){super.init(d,s(),i(),c)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.oDOMWrapper=l.Z.get(this.shadowRoot.querySelector("#wrapper")),this.oDOMInputContainer=this.shadowRoot.querySelector("#inputs"),this.oDOMInputContainerCopy=this.oDOMInputContainer.cloneNode(!0),this.oDOMWrapper.on("click",(e=>e.stopPropagation()))}ons(){this.unsubKey=this.on("keydown",this.onKeyDown,this,{},!1)}getEditorTemplate(){let e=this.shadowRoot.querySelector("#editorRowFieldTemplate");return document.importNode(e.content,!0)}getEditorCardTemplate(){let e=this.shadowRoot.querySelector("#editorCardTemplate");return document.importNode(e.content,!0)}positionSelfWithinGrid(){const e=this.widget,t=e.editorManager.se.nRowContainerIndex,o=e.getFrozenRowState(t),n=e.getContainerRowIndexByDataRowIndex(t),r=this.oDOMWrapper;let i;if(i="top"===o?this.oDOMHead:"bottom"===o?this.oDOMFoot:this.oDOMBody,!i.childNodes.length)return;const a=l.Z.get(i);let s=l.Z.get(i.childNodes[n]).getXY(),d=a.getY(),c=a.getX(!0),h=e.mainGridTable.getScroll().left||0;r.setTop(s[1]-d),r._setLeft(s[0]-c+h)}positionEditorWithinRow(e,t){const o=this.widget,n=this.oDOMBody,r=l.Z.get(n).getX(),i=e.el.getXY(),a=e.el.getSize(),s=o.mainGridTable.getScroll().left||0;t.style.top="1px",t.style.left=`${i[0]-r+s}px`,t.style.width=`${a[0]}px`,t.style.height=a[1]-1+"px"}onKeyDown(e){const t=this.widget,o=t.editorManager;let n=e.nCharCode;const r=o.se.sContextLevel;if(t.batchEditor.isActive())return void t.batchEditor.onKeyDown(e);if("row"!==r||n!==e.TAB)return;let i=e.oBrowserEvent.composedPath(),a=null;for(let e=0;e<i.length;e++){let t=i[e];if("label"===t.tagName.toLowerCase()){a=t;break}}if(a&&!a.nextElementSibling){const n=o.se.nRowContainerIndex;o.focusNextInput(this.oDOMInputContainer,n)||t.recordEditor.oDOMSubmitButton.focus(),e.stopEvent()}}disconnectedCallback(){super.disconnectedCallback(),this.oDOMWrapper=null,this.oDOMInputContainer=null,this.oDOMInputContainerCopy=null}static get observedAttributes(){return h}}n.Z._registerElement(d,u);const g=u},63778:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>f});var n=o(697),r=o(11538),i=o.n(r),a=o(88387),s=o.n(a),l=o(32816),d=o(38419),c=o(56919);const h="zg-filter",u={cellindex:{bReflectToAttribute:!0,type:Number},widget:{}},g=n.Z.getObservedAtts(u);class p extends n.Z{init(){super.init(h,s(),i(),u),this.aCustomUns=[],this.sPreviousValue=""}ready(){super.ready(),this.aCustomUns=[];const e=this.widget=this.widget||this._getHostContext();if(!this.oColumnMapping&&this.cellindex&&this.associateColumn(this.cellindex),"rtl"===e.sComputedDir&&this.setAttribute("dir","rtl"),this.oColumnMapping.bFilter&&this.oColumnMapping.oFilter){this.oColumnMapping.oDOMFilter=this;let e=this.oColumnMapping.oFilter.method.init,t=this.oColumnMapping.oFilter.method.afterInit;if(e){let o=this.oColumnMapping.oFilter.scope||this;this.widget.bPreloaded?this.oElInput=l.Z.get(this.querySelector("input")):(this.oElInput=l.Z.get(e.apply(o,[this])),this.oElInput.dom.placeholder=c.default.get("tools.filter",this.widget,{element:this.oElInput.dom,elProperty:"placeholder"})),t&&t.apply(o,[this]),this.onCustomEvent()}let o="";this.oColumnMapping&&this.oColumnMapping.sColumnHeaderText&&(o=this.oColumnMapping.sColumnHeaderText),this.oElInput.dom.setAttribute(d.default.attr.tabindex,-1),this.oElInput.dom.setAttribute(d.default.aria.label,`Filter ${o} Column`)}}onCustomEvent(){let e=this.oColumnMapping.oFilter&&this.oColumnMapping.oFilter.method.triggerEvent;e&&e.split(",").map((e=>{let t=this.oElInput.on(e,this.debounceFilter,this);this.aCustomUns.push(t)})),this.unsubKey=this.on("keydown",this.onKeyDown,this,{},!1),this.unsubFocus=this.oElInput.on("focus",this.onFocus,this)}customOn(){this.fireFilterEvent(),this.widget.bodyUpdate(!0)}debounceFilter(e){let t=d.default.search.threshold,o=this.latestTime=setTimeout((()=>{o===this.latestTime&&this.customOn()}),t)}fireFilterEvent(){let e={sValue:this.getValue(),sFieldIndex:this.sFieldIndex,sFilterIndex:this.sFilterIndex};e.sValue!==this.sPreviousValue&&(this.widget.fire("filter",e),this.sPreviousValue=e.sValue)}associateColumn(e){this.oColumnMapping=this.widget.aColumnMapping[e],this.sFieldIndex=this.oColumnMapping.sFieldIndex,this.sFilterIndex=this.oColumnMapping.sFilterIndex||this.sFieldIndex||"",this.oColumnMapping.sCellType!==d.default.internalColumn.rowgroup&&(this.sFilterIndex=this.sFilterIndex.split(",")[0]),this.sFilterKey=this.oColumnMapping.sFilterKey||this.sFilterIndex||"",this.oColumnMapping.bFilter&&this.widget.aFilters.push(this)}getValue(){let e="",t=this.oColumnMapping.oFilter&&this.oColumnMapping.oFilter.method.value;if(t){let o=this.oColumnMapping.oFilter.scope||this;e=`${t.apply(o,[this])}`}return e}_propertyHandler(e,t,o){return o=super._propertyHandler(e,t,o),"cellindex"===e&&this.bReady&&this.associateColumn(o),o}onFocus(e){this.widget.headerFocusManager.deSelect()}onKeyDown(e){let t=!1;switch(e.nCharCode){case e.LEFT:case e.RIGHT:case e.UP:case e.DOWN:t=!0,e.stopPropagation();break;case e.ENTER:this.oElInput.dom.blur(),this.widget.headerFocusManager.select(this.parentNode.rowIndex,parseInt(this.cellindex,10),!0);break;case e.TAB:if(!this.findNextFilter(e)){const t=this.widget.focusManager;this.oElInput.dom.blur(),t.tabChangeFocus(e,{section:t.GRIDINDEX})}break;default:t=!0}t||e.stopEvent()}findNextFilter(e){let t;return t=e.bIsSHIFT?this.previousElementSibling:this.nextElementSibling,!(!t||!t.oElInput)&&(t.oElInput.dom.focus(),!0)}uns(){this.unsubKey&&this.unsubKey(),this.unsubFocus&&this.unsubFocus();for(let e=0;e<this.aCustomUns.length;e++)this.aCustomUns[e]()}disconnectedCallback(){super.disconnectedCallback(),this.oElInput&&this.cleanElement("oElInput"),this.oColumnMapping=null}static get observedAttributes(){return g}}n.Z._registerElement(h,p);const f=p},81966:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(9530),i=o.n(r),a=o(76592),s=o.n(a),l=o(32816);const d="zg-focus",c={};class h extends n.Z{init(){super.init(d,s(),i(),c)}ready(){super.ready(),this.oElBottom=l.Z.get(this.shadowRoot.querySelector("#bottom")),this.oElLeft=l.Z.get(this.shadowRoot.querySelector("#left")),this.oElRight=l.Z.get(this.shadowRoot.querySelector("#right")),this.oElTop=l.Z.get(this.shadowRoot.querySelector("#top"))}draw(){const e=this.widget,t=e.selector.se,o=this.oColumnBody.el,n=t.dimension(this.oColumnBody),r=t.dimension(),i=n.xy,a=o.getXY();let s,l,d=n.width,c=n.height;this._hide(),s=i[0]-a[0]+e.nScrollLeft,l=i[1]-a[1]+e.nScrollTop,this.oElRight.setXY([s+d-2,l]),this.oElLeft._setStyle("height",`${c}px`),this.oElRight._setStyle("height",`${c}px`);n.xy[0]+d!==r.xy[0]+r.width?this.oElRight._hide():this.oElRight._show(),n.xy[0]!==r.xy[0]?this.oElLeft._hide():this.oElLeft._show(),this.oElTop.setXY([s,l]),this.oElTop._setStyle("width",`${d}px`),this.oElBottom.setXY([s,l+c-2]),this.oElBottom._setStyle("width",`${d}px`),this.oElLeft.setXY([s,l]),this._show()}drawCard(){const e=this.widget,t=e.selector.se.el.dom.parentNode,o=e.oDOMScroller,n=o?l.Z.get(o).getScroll().top:0;let r=t.getBoundingClientRect(),i=e.mainGridTable.dom.getBoundingClientRect(),a=r.height,s=r.width,d=r.left-i.left,c=r.top-i.top+n;this.oElRight.setXY([d+s-2,c]),this.oElLeft._setStyle("height",`${a}px`),this.oElRight._setStyle("height",`${a}px`),this.oElTop.setXY([d,c]),this.oElTop._setStyle("width",`${s}px`),this.oElBottom.setXY([d,c+a-2]),this.oElBottom._setStyle("width",`${s}px`),this.oElLeft.setXY([d,c]),this._show()}drawArea(e,t,o){const n=this.widget,r=e.getBoundingClientRect(),i=r.height,a=r.width,s=r.y,l=r.x,d=t.y,c=t.x,h=this.getAttribute("slot"),u=n.mainGridHScroll,g=h===`main${o}focus`?u.getScroll().left:0;this._hide();let p=l-c+n.nScrollLeft-g,f=s-d+n.nScrollTop;this.oElRight.setXY([p+a-2,f]),this.oElLeft._setStyle("height",`${i}px`),this.oElRight._setStyle("height",`${i}px`),this.oElTop.setXY([p,f]),this.oElTop._setStyle("width",`${a}px`),this.oElBottom.setXY([p,f+i-2]),this.oElBottom._setStyle("width",`${a}px`),this.oElLeft.setXY([p,f]),this._show()}drawHeader(e){const t=this.oColumnHead.getBoundingClientRect();this.drawArea(e,t,"head")}drawFooter(e){const t=this.oColumnFoot.getBoundingClientRect();this.drawArea(e,t,"foot")}disconnectedCallback(){super.disconnectedCallback(),this.oElTop=null,this.oElBottom=null,this.oElRight=null,this.oElLeft=null,this.oColumnHead=null,this.oColumnBody=null}}n.Z._registerElement(d,h);const u=h},50469:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(14299),i=o.n(r),a=o(19058),s=o.n(a),l=o(38419);const d="zg-foot",c={};class h extends n.Z{init(){super.init(d,s(),i(),c)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.ZG.layout&&this.ZG.layout.length&&this.setAttribute(l.default.zgLayout.attr,this.ZG.layout)}disconnectedCallback(){super.disconnectedCallback()}}n.Z._registerElement(d,h);const u=h},82327:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>h});var n=o(697),r=o(17470),i=o.n(r),a=o(65491),s=o.n(a);const l="zg-footer",d={};class c extends n.Z{init(){super.init(l,s(),i(),d)}ready(){super.ready(),this.widget=this._getHostContext();const e=this.widget.webcomponent;e.oDOMFooter&&e.oDOMFooter!==this&&(e.oDOMFooter.remove(),e.oDOMFooter=this,e.oDOMFooter.slot="footer")}}n.Z._registerElement(l,c);const h=c},7939:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(15539),i=o.n(r),a=o(76262),s=o.n(a),l=o(38419);const d=l.default.zgFrozenColgroup.tagName,c={};class h extends n.Z{init(){super.init(d,s(),i(),c)}ready(){super.ready(),this.setAttribute(l.default.attr.hidden,"")}}n.Z._registerElement(d,h);const u=h},45790:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>p});var n=o(697),r=o(40512),i=o.n(r),a=o(16288),s=o.n(a),l=o(38419),d=o(32816),c=o(45092);o(32260);const h=l.default.zgHeadCell.tagName,u={};class g extends n.Z{init(){super.init(h,s(),i(),u)}connectedCallback(){super.connectedCallback()}ready(){super.ready();const e=this.widget=this._getHostContext();this.ZG=e.webcomponent,this.nIndex=parseInt(this.getAttribute("cellindex"),10);const t=this.querySelector(".zg-head-details-icon");t?this.oDOMDetailsIcon=t:(this.oDOMDetailsIcon=document.createElement("zg-icon"),this.oDOMDetailsIcon.className="zg-head-details-icon",this.insertBefore(this.oDOMDetailsIcon,this.firstChild));let o=this.querySelector(`.${l.default.zgHeadCell.mainIconClass}`);o?this.oDOMIcon=o:(this.oDOMIcon=document.createElement("zg-icon"),this.oDOMIcon.className=l.default.zgHeadCell.mainIconClass,this.insertBefore(this.oDOMIcon,this.firstChild)),"rtl"===e.sComputedDir&&this.setAttribute("dir","rtl"),this.ZG=e.webcomponent,this.HEAD_CELL_INDEX=this.getAttribute("cellindex"),this.COLUMNS=e.getAllColumns(),this.MATCHED_COLUMN=this.COLUMNS[this.HEAD_CELL_INDEX],this._setResize(),this._setupSort(this.MATCHED_COLUMN.sort),e.columnDragManager.setColumnDrag()}ons(){this.on("click",this.onSort),this.on("mousedown",this.onDragStart,this,{},!1),this.on("touchstart",this.onTouchStart,this,{},!1)}onDragStart(e){let t=this.widget.columnDragManager;if(!t.onStartColumnCommon(this,e))return;this.widget.bIsColumnMoverActive=!0;const o=d.Z.get(document);o.on("mousemove",t.onDragMoveColumn,t,{},!1),o.on("mouseup",t.onDragStopColumn,t,{},!1),t.bTouch=!1}onTouchStart(e){let t=this.widget.columnDragManager;if(!t.onStartColumnCommon(this,e))return;this.widget.bIsColumnMoverActive=!0;const o=d.Z.get(document);o.on("touchmove",t.onDragMoveColumn,t,{},!1),o.on("touchend",t.onDragStopColumn,t,{},!1),o.on("touchcancel",t.onDragStopColumn,t,{},!1),t.bTouch=!0}onSort(e,t,o){const n=this.widget;if(n.bIsColumnResizeActive)return;if(e&&e.oDOMTarget&&e.oDOMTarget.tagName.toLowerCase()===l.default.zgColumnResize.tagName)return;if(o=o||null,!n.bHasSorterEnabled)return;if("disabled"===this.getAttribute("sort"))return;if(t&&"zg-head-details-icon"===t.className||this.bTooltipOpen&&this.bIsInfoTooltip)return;this.bCleared=!1,this.BODY_ROWS=n.getAllBodyRows(),this.HEAD_ROWS=n.getAllHeadRows(),this.FOOT_ROWS=n.getAllFootRows(),this.SORTED_HEAD_CELL=this,this.SORTED_HEAD_CELL_INDEX=parseInt(this.getAttribute("cellindex"),10),this.COLUMNS=n.getAllColumns(),this.MATCHED_COLUMN=this.COLUMNS[this.SORTED_HEAD_CELL_INDEX],this.CURRENT_SORT=n.sorter.sActiveSortedIndex,this.SAME_COL=this.CURRENT_SORT==this.MATCHED_COLUMN._oParsedColumnMapping.sFieldIndex,n.bSorting=!0,this._removeSortedHeadCell(),this._resetColumns();const r=!this.MATCHED_COLUMN.sortAsc&&!this.MATCHED_COLUMN.sortDesc&&!o||this.MATCHED_COLUMN.sortDesc&&!o&&!this.SAME_COL||"asc"===o,i=!o&&this.MATCHED_COLUMN.sortAsc||"desc"===o,a=this.MATCHED_COLUMN.sortDesc||"none"===o;r?this._setHeadCellAscending():i?this._setHeadCellDescending():a&&this._setHeadCellDefault(),this._setSortedColumn(),this.bCleared||this._toggleBodyCellSorted(),n.bSorting=!1}clearStyle(e){this.widget.bSorting=!0,e&&(this._resetColumns(),this._removeSortedHeadCell(),this.widget.oDOMSortedColumn=null),this._setHeadCellReset(),this._removeBodyCellSorted(),this.widget.bSorting=!1}_setResize(){const e=this.MATCHED_COLUMN._oParsedColumnMapping.sResizable,t=this.MATCHED_COLUMN._oParsedColumnMapping.sResizablePersistent,o=this.MATCHED_COLUMN._oParsedColumnMapping.sCellType;if(!c.Uh(e)&&!c.Uh(t)&&-1!==l.default.internalColumnTypes.indexOf(o))return;if(this.widget.updater.getLastVisibleColumn().oDOMZGColumn==this.MATCHED_COLUMN)return;const n=(c.Uh(this.widget.bColumnResizable)&&!1!==this.widget.bColumnResizable||c.Uh(e))&&"disabled"!==e,r=n&&(this.widget.bColumnResizablePersistent||null!=t)&&"disabled"!==t;if(n&&!this.oResizeHandler){const e=this.oResizeHandler=document.createElement(l.default.zgColumnResize.tagName);e.slot="column-resize",e.oColumn=this.MATCHED_COLUMN,e.oHeadCell=this,this.appendChild(e)}else!n&&this.oResizeHandler&&(this.removeChild(this.oResizeHandler),this.oResizeHandler=null);r?this.setAttribute(l.default.zgColumnResize.persistentAttr,""):this.removeAttribute(l.default.zgColumnResize.persistentAttr),n?this.setAttribute(l.default.zgColumnResize.attr,""):this.removeAttribute(l.default.zgColumnResize.attr)}_setupSort(e){const t=this.widget.webcomponent.hasAttribute(l.default.sort.attr),o=this.querySelector("zg-icon");let n;if(void 0===e){n=this.querySelector(`.${l.default.zgHeadCell.mainIconClass}`).parentNode,e=n.hasAttribute("sort")}let r=o.getAttribute(l.default.attr.name);e||!t||r||(o.setAttribute(l.default.attr.name,"down"),o.setAttribute(l.default.attr.init,""))}_removeSort(){const e=this.querySelector("zg-icon");e.removeAttribute(l.default.attr.name),e.removeAttribute(l.default.attr.init)}_removeSortedHeadCell(){this.HEAD_ROWS.forEach((e=>{e.querySelectorAll(h).forEach((e=>{e.removeAttribute(l.default.sort.ascAttr),e.removeAttribute(l.default.sort.descAttr);const t=e.querySelector(l.default.zgIcon.tagName);t.removeAttribute(l.default.sort.ascAttr),t.removeAttribute(l.default.sort.descAttr),t.parentNode.hasAttribute("sort")||(t.setAttribute(l.default.attr.name,"down"),t.setAttribute(l.default.attr.init,""))}))}))}_removeBodyCellSorted(){this.BODY_ROWS.forEach((e=>{e.querySelectorAll(l.default.zgCell.tagName).forEach(((e,t)=>e.removeAttribute(l.default.attr.sorted)))}))}_removeHeaderCellSorted(){this.HEAD_ROWS.forEach((e=>{e.hasAttribute("sorter")||[...e.children].forEach((e=>e.removeAttribute(l.default.attr.sorted)))}))}_removeFooterCellSorted(){this.FOOT_ROWS.forEach((e=>{[...e.children].forEach((e=>e.removeAttribute(l.default.attr.sorted)))}))}_resetColumns(){this.COLUMNS.forEach((e=>{e!==this.MATCHED_COLUMN&&(e.removeAttribute(l.default.sort.ascAttr),e.removeAttribute(l.default.sort.descAttr))}))}_setHeadCellAscending(){this.MATCHED_COLUMN._oParsedColumnMapping.sSortDir="asc",this.MATCHED_COLUMN.sortAsc=!0,this.SORTED_HEAD_CELL.setAttribute(l.default.sort.ascAttr,""),this.SORTED_HEAD_CELL.removeAttribute(l.default.sort.descAttr),this.oDOMIcon.removeAttribute(l.default.attr.init),this.oDOMIcon.removeAttribute(l.default.sort.descAttr),this.oDOMIcon.setAttribute(l.default.attr.name,"up"),this.oDOMIcon.setAttribute(l.default.sort.ascAttr,""),this._setHeaderCellSorted(),this._setFooterCellSorted()}_setHeadCellDefault(){this.clearStyle(!1),this.bCleared=!0}_setHeadCellDescending(){this.MATCHED_COLUMN._oParsedColumnMapping.sSortDir="desc",this.MATCHED_COLUMN.sortDesc=!0,this.SORTED_HEAD_CELL.removeAttribute(l.default.sort.ascAttr),this.SORTED_HEAD_CELL.setAttribute(l.default.sort.descAttr,""),this.oDOMIcon.removeAttribute(l.default.attr.init),this.oDOMIcon.removeAttribute(l.default.sort.ascAttr),this.oDOMIcon.setAttribute(l.default.attr.name,"down"),this.oDOMIcon.setAttribute(l.default.sort.descAttr,""),this._setHeaderCellSorted(),this._setFooterCellSorted()}_setHeadCellReset(){this.MATCHED_COLUMN._oParsedColumnMapping.sSortDir="",this.MATCHED_COLUMN.sortAsc=!1,this.MATCHED_COLUMN.sortDesc=!1,this.SORTED_HEAD_CELL.removeAttribute(l.default.sort.ascAttr),this.SORTED_HEAD_CELL.removeAttribute(l.default.sort.descAttr),this.oDOMIcon.removeAttribute(l.default.sort.ascAttr),this.oDOMIcon.removeAttribute(l.default.sort.descAttr),this.oDOMIcon.setAttribute(l.default.attr.name,"down"),this.oDOMIcon.setAttribute(l.default.attr.init,""),this._removeHeaderCellSorted(),this._removeFooterCellSorted()}_setHeaderCellSorted(){this.HEAD_ROWS.forEach((e=>{e.hasAttribute("sorter")||[...e.children].forEach(((e,t)=>{this._toggleCellSorted({cell:e,i:t})}))}))}_setFooterCellSorted(){this.FOOT_ROWS.forEach((e=>{[...e.children].forEach(((e,t)=>this._toggleCellSorted({cell:e,i:t})))}))}_setSortedColumn(){this.bCleared?this.widget.oDOMSortedColumn=null:this.widget.oDOMSortedColumn=this.MATCHED_COLUMN}_toggleBodyCellSorted(){this.BODY_ROWS.forEach((e=>{e.querySelectorAll(l.default.zgCell.tagName).forEach(((e,t)=>this._toggleCellSorted({cell:e,i:t})))}))}_setHeaderTooltip(){const e=this.widget.tooltipManager,t=this.oTooltipOptions=e._getTooltipOptions("Header",this.MATCHED_COLUMN._oParsedColumnMapping),o=t.fnTooltipRenderer&&t.fnTooltipRenderer.method,n=!!t.tooltipText;if(this.bIsInfoTooltip=t.tooltipTrigger!==l.default.zgTooltip.textTriggerType,this.sTooltipContent&&this._resetTooltip(),n||o||t.oDOMTooltipTemplate){if(this.querySelector(`[${l.default.zgCell.cellIndexAttr}]`)){const o=t.tooltipIconPosition||"right";this.bIsInfoTooltip?(this.oDOMDetailsIcon.setAttribute("position",o),this.oDOMDetailsIcon.name=t.tooltipIcon||l.default.zgHeadCell.infoTooltipType,this.oTrigger=this.oDOMDetailsIcon):(this.oDOMDetailsIcon.removeAttribute("position"),this.oDOMDetailsIcon.name=null,this.oTrigger=this),this.setAttribute(l.default.zgTooltip.iconPositionAttr,o);const n=t.tooltipType||"default";this.setAttribute(l.default.zgTooltip.typeAttr,n),this.sTooltipContent=e._getTooltipContent("Header",this.oTooltipOptions);const r=this.bIsInfoTooltip&&this.oTooltipOptions.tooltipAction===l.default.zgTooltip.actionTypeClick;r&&this.setAttribute(l.default.zgTooltip.actionAttr,l.default.zgTooltip.actionTypeClick),(this.bIsInfoTooltip||""!==this.MATCHED_COLUMN._oParsedColumnMapping.sColumnHeaderText)&&e._initTooltipTriggers(this.oTrigger,this,r)}}}_setTooltipPosition(){const e=this.oTooltipOptions,t=this.oTrigger.getBoundingClientRect(),o=this.ZG.getBoundingClientRect(),n=this.ZG.oDOMTooltip,r={left:t.left-o.left,top:t.top-o.top},i=window.getComputedStyle(this).getPropertyValue("padding-left");let a=parseInt(i.replace(/px/,""));const s=null!==this.oDOMIcon.getAttribute(l.default.attr.name),d=this.querySelector(`[${l.default.zgCell.cellIndexAttr}]`),c="bottom"===e.tooltipPosition,h="right"===e.tooltipPosition,u="left"===e.tooltipPosition,g="top"===e.tooltipPosition||!e.tooltipPosition||!c&&!h&&!u;let p=this.getAttribute(l.default.attr.align)||"left";if("rtl"===this.getAttribute("dir")&&"left"===p&&(p="right"),!this.bIsInfoTooltip&&("center"===p||"right"===p)){const e=(d.querySelector("span")||d).getBoundingClientRect();r.left=e.left-o.left,u?r.left-=a:h&&(r.left+=e.width)}if(this.hasAttribute(l.default.zgHeadCell.isContentLongerAttr)?n.setAttribute(l.default.zgHeadCell.isContentLongerAttr,""):n.removeAttribute(l.default.zgHeadCell.isContentLongerAttr),!this.bIsInfoTooltip&&(g||c)&&(Number.isInteger(a)&&"left"===p&&(r.left+=a),s)){const e=this.oDOMIcon.getBoundingClientRect().width;r.left+=a+e}if(h&&"left"===p&&!this.bIsInfoTooltip){const e=d.getBoundingClientRect().width,t=s?this.oDOMIcon.getBoundingClientRect().width:0;r.left+=a+t+e}else h&&this.bIsInfoTooltip&&(r.left+=t.width);return(h||u)&&(r.top+=t.height/2),c&&(r.top+=t.height),r}_resetTooltip(){this.removeAttribute(l.default.zgTooltip.iconPositionAttr),this.removeAttribute(l.default.zgTooltip.typeAttr),this.oDOMDetailsIcon&&(this.oDOMDetailsIcon.removeAttribute("position"),this.oDOMDetailsIcon.name=""),this.sTooltipContent=null,this.fnUnMouseLeave&&(this.fnUnMouseLeave(),this.fnUnMouseEnter(),this.fnUnMouseEnter=null,this.fnUnMouseLeave=null),this.fnUnClick&&(this.fnUnClick(),this.fnUnClick=null)}_toggleCellSorted({cell:e}){return(e.getAttribute("cellindex")||e.cellIndex).toString()===this.SORTED_HEAD_CELL_INDEX.toString()?e.setAttribute(l.default.attr.sorted,""):e.removeAttribute(l.default.attr.sorted)}disconnectedCallback(){super.disconnectedCallback(),this._resetTooltip(),this.oDOMDetailsIcon=null,this.oDOMIcon=null,this.COLUMNS=null,this.MATCHED_COLUMN=null,this.BODY_ROWS=null,this.HEAD_ROWS=null,this.FOOT_ROWS=null,this.SORTED_HEAD_CELL=null,this.oResizeHandler=null,this.oTooltipOptions=null,this.oTrigger=null}}n.Z._registerElement(h,g);const p=g},55468:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(31395),i=o.n(r),a=o(69878),s=o.n(a),l=o(38419);o(45092);const d="zg-head",c={};class h extends n.Z{init(){super.init(d,s(),i(),c)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.setAttribute(l.default.attr.role,"rowgroup"),this.ZG.layout&&this.ZG.layout.length&&(this.layout=this.ZG.layout)}disconnectedCallback(){super.disconnectedCallback(),this.layout=null}}n.Z._registerElement(d,h);const u=h},18433:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>h});var n=o(697),r=o(13175),i=o.n(r),a=o(24386),s=o.n(a);const l="zg-header",d={};class c extends n.Z{init(){super.init(l,s(),i(),d)}ready(){super.ready(),this.widget=this._getHostContext()}}n.Z._registerElement(l,c);const h=c},23837:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>b});var n=o(697),r=o(86675),i=o.n(r),a=o(44914),s=o.n(a),l=o(38419),d=o(45092),c=o(56919),h=o(91724);const{translate:u}=d,g="zg-icon",p=d.SV(i(),s()),f={name:{bReflectToAttribute:!0,type:String}};n.Z.getObservedAtts(f);class m extends n.Z{init(){super.init(g,s(),i(),f,p)}ready(){if(super.ready(),this.widget=this._getHostContext(),!this.widget)return;this.ZG=this.widget.webcomponent,this.allowedTypes=l.default.iconSet.allowedTypes,this.vendor=this.ZG.iconSet,this.vendor&&this.vendor.toLowerCase(),this.inShadow=d.MA(this),this.widget.aIcons.push(this),this.setIcon(this.name);const e=d.MV(this,l.default.zgCaption.tagName),t=d.MV(this,l.default.zgButton.tagName);e&&!t&&this.setAttribute(l.default.attr.internalcaption,"")}changeVendor(e){this.vendor=e||null;let t=this._oShadowRoot.querySelector('slot[name="icon"]').assignedNodes();t.length&&t.forEach((e=>this.removeChild(e))),this.name&&this.setVendor(this.name)}setIcon(e){e?this.vendor?this.setVendor(e):this.setSvg(e):this.currSvg&&(this.currSvg.innerHTML="")}setSvg(e){const t=d.rO(1,1e6);this.svgId=`svg-${t}`,this.svgSrc=null,this.currSvg=null,this.targetSvg=null;let o=this.querySelector("svg");o||(o=document.createElementNS("http://www.w3.org/2000/svg","svg"),o.id=this.svgId,o.setAttribute("slot","icon"),o.setAttribute("viewBox","0 0 24 24"),"deselect"===e&&o.setAttribute("no-fill",""),this.appendChild(o)),this.currSvg=o,this._setIconNew(e)}setVendor(e){const t=Object.keys(this.allowedTypes).filter((e=>this.allowedTypes[e].indexOf(this.vendor)>-1))[0];if(t)try{this[`_setVendor${t.charAt(0).toUpperCase()}${t.slice(1)}`](e)}catch(t){this.setSvg(e);const o={icon:"error",state:"error",msg:u({msg:c.default.get("iconSet.invalidVendorMethod",this.widget),vars:[l.default.zgIcon.attr,this.vendor]})};this.widget.statusManager.setStatus(o)}else{this.setSvg(e);const t={icon:"error",state:"error",msg:u({msg:c.default.get("iconSet.invalidVendor",this.widget),vars:[l.default.zgIcon.attr]})};this.widget.statusManager.setStatus(t)}}_setVendorCustom(e){const t=this.ZG.iconSetDataMap[e]||"N/A";this.insertAdjacentHTML("afterbegin",t)}_setVendorFontAwesome(e){const t=this,o=h.default.prefix2.length;if(e.slice(0,o)===h.default.prefix2)n(e);else{const t=this._getMappedName(e,h.default.map);t.matched?n(t.name):this.setSvg(e)}function n(e){const o=t.querySelector("i")||document.createElement("i");o.className="",-1!==e.indexOf("square")?o.classList.add("far"):o.classList.add("fas"),o.classList.add(e),o.parentNode||(o.slot=l.default.zgIcon.slotIcon,t.appendChild(o))}}_getMappedName(e,t){const o=t[Object.keys(t).filter((t=>t===e))];return{name:o||e,matched:!!o}}_setIconNew(e){if(e&&!this.widget.webcomponent.bWaitingForIcons&&"#"!==(e=0===e.indexOf("#")?e:`#${e}`)&&"string"==typeof e&&e[1].toLowerCase()!==e[1].toUpperCase()&&this.currSvg&&this.ZG.themeSVG){if(this.targetSvg=this.ZG.themeSVG.querySelector(e),!this.targetSvg)return;this.TARGET_SVG_CLONE=this.targetSvg.cloneNode(!0),this.currSvg.innerHTML="",this.TARGET_SVG_CLONE&&this.TARGET_SVG_CLONE.children&&[...this.TARGET_SVG_CLONE.children].forEach((e=>{this.currSvg.appendChild(e)}))}}_propertyHandler(e,t,o){return o=super._propertyHandler(e,t,o),"name"===e&&this.bReady&&this.setIcon(o),o}disconnectedCallback(){super.disconnectedCallback(),this.currSvg=null,this.targetSvg=null,this.TARGET_SVG_CLONE=null}static get observedAttributes(){return n.Z.getObservedAtts(f)}}n.Z._registerElement(g,m);const b=m},52081:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>p});var n=o(32816),r=o(697),i=o(90845),a=o.n(i),s=o(84407),l=o.n(s),d=(o(45092),o(38419));const c="zg-input",h={for:{bReflectToAttribute:!0},action:{bReflectToAttribute:!0,type:String},type:{bReflectToAttribute:!0,type:String},value:{bReflectToAttribute:!0,type:String},widget:{}},u=r.Z.getObservedAtts(h);class g extends r.Z{init(){super.init(c,l(),a(),h),this.setupRefs()}setupRefs(){this.oDOMInnerWrapper=document.createElement("input"),this.oDOMInnerWrapper.className="zg-input-input",this.oDOMInnerWrapper.slot="input",this.oDOMInnerWrapper.setAttribute(d.default.aria.label,"Current Page")}ready(){super.ready(),this.widget=this._getHostContext(),this.oDOMInnerWrapper||this.setupRefs();let e=this.querySelector(".zg-input-input");e?this.oDOMInnerWrapper=e:this.appendChild(this.oDOMInnerWrapper),this.action||(this.type&&(this.oDOMInnerWrapper.type=this.type),this.value&&(this.oDOMInnerWrapper.value=this.value)),setTimeout((()=>{this.widget.bDisconnect||this._updateCurrentPageWidth(this.widget)}),0),this.postRenderOns()}postRenderOns(){this.on("keydown",this.onKeyDown,this,{},!1),this.fnUnKeyDown=n.Z.get(this.oDOMInnerWrapper).on("keydown",this.onInputKeyDown,this,{},!1)}onInputKeyDown(e,t){let o=e.nCharCode;if(this.action)switch(o){case e.ENTER:this.value=this.oDOMInnerWrapper.value,this.focus(),e.stopEvent(),e.stopImmediatePropagation();break;case e.RIGHT:case e.LEFT:e.stopEvent(),e.stopImmediatePropagation()}}onKeyDown(e,t){let o,n,r=e.nCharCode,i=parseInt(this.oDOMInnerWrapper.value,10);if(this.action)switch((null===i||isNaN(i))&&(i=0),"currpage"===this.action&&(o=1,n=this.widget.getPageCount()),e.stopPropagation(),r){case e.ENTER:this.oDOMInnerWrapper.focus(),this.value=this.oDOMInnerWrapper.value,e.stopEvent(),e.stopImmediatePropagation();break;case e.UP:i<n&&(this.oDOMInnerWrapper.value=i+1,this.value=this.oDOMInnerWrapper.value),e.stopEvent(),e.stopImmediatePropagation();break;case e.DOWN:i>o&&(this.oDOMInnerWrapper.value=i-1,this.value=this.oDOMInnerWrapper.value),e.stopEvent(),e.stopImmediatePropagation()}}updateInfo(e,t){t=t||this.action,e=e||this.widget;let o=this.oDOMInnerWrapper,n=e.getCurrPageIdx();if("currpage"===t)this._updateCurrentPageWidth(e),o.value=n+1}_propertyHandler(e,t,o){return o=super._propertyHandler(e,t,o),this.bReady&&("value"===e&&(this._updateDOMValue(o),this.fire("valuechanged",o)),"type"!==e||this.action||(o?this.oDOMInnerWrapper.type=o:this.oDOMInnerWrapper.removeAttribute("type"))),o}_updateBinding(e,t,o,n){if(e&&o&&(this.fnUnSubscribe(),this.fnUnNotify(),this.fnUnKeyDown&&this.fnUnKeyDown()),t&&(this.updateInfo(t,n),"currpage"===n))this.fnUnSubscribe=t.on(d.default.event.updated,this.updateInfo,this),this.fnUnNotify=this.on("valuechanged",((e,o)=>{t.setCurrPageIdx(o-1)})),this._updateCurrentPageWidth(t)}_updateCurrentPageWidth(e){const t=e.webcomponent.querySelector('[value="pagecount"]');if(!t||!this.action)return;const o=t.getBoundingClientRect().width;this.style.setProperty("width",`var(--zg-input-width, ${o+15}px)`)}_updateDOMValue(e){"currpage"===this.action&&(e=parseInt(e,10)),this.oDOMInnerWrapper.value=e}disconnectedCallback(){super.disconnectedCallback(),this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnNotify&&this.fnUnNotify(),this.fnUnKeyDown&&this.fnUnKeyDown(),this.un("keydown",this.onKeyDown,this),this.cleanElement("oDOMInnerWrapper")}static get observedAttributes(){return u}}r.Z._registerElement(c,g);const p=g},82800:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(22397),i=o.n(r),a=o(9674),s=o.n(a),l=o(38419);const d="zg-layout-controls",c={};n.Z.getObservedAtts(c);class h extends n.Z{init(){super.init(d,s(),i(),c)}ready(){if(super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.setAttribute(l.default.attr.role,"toolbar"),!this.children.length||1===this.children.length){document.createElement(l.default.zgText.tagName).textContent="Cards:";const e=document.createElement(l.default.zgButton.tagName);e.setAttribute(l.default.attr.datafocus,""),e.action="layoutrow";const t=document.createElement(l.default.zgButton.tagName);t.setAttribute(l.default.attr.datafocus,""),t.action="layoutcard",this.appendChild(t),this.appendChild(e)}}ons(){}disconnectedCallback(){super.disconnectedCallback()}static get observedAttributes(){return n.Z.getObservedAtts(c)}}n.Z._registerElement(d,h);const u=h},10876:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(26516),i=o.n(r),a=o(172),s=o.n(a),l=o(38419),d=o(56919);const c=l.default.zgLoadMask.tagName,h={};class u extends n.Z{init(){super.init(c,s(),i(),h)}ready(){super.ready(),this.setAttribute(l.default.attr.hidden,""),this.customOns()}customOns(){this.widget.store.on("loading",this.loading,this),this.widget.store.on("loaded",this.loaded,this)}updateText(){this.loadingText&&(this.loadingText.textContent=this.widget.webcomponent.loadingText||d.default.get("loadMask.title",this.widget,{element:this.loadingText,elProperty:"textContent"}))}default(){const e=document.createElement("span"),t=e.cloneNode(!0);t.classList.add("default-wrap");const o=e.cloneNode(!0);o.classList.add("loading-text"),o.textContent=this.widget.webcomponent.loadingText||d.default.get("loadMask.title",this.widget,{element:o,elProperty:"textContent"}),t.appendChild(o),this.loadingText=o;const n=e.cloneNode(!0);let r;n.classList.add("animation-wrap"),r=e.cloneNode(!0),r.classList.add("animation-dot"),n.appendChild(r),t.appendChild(n),this.shadowRoot.appendChild(t)}loading(){let e=this.widget,t=e.store,o=e.webcomponent,n=t.oDataFormat.bLoadByScroll&&e.nCurrPageIdx;this.updateText(),o.loadmask&&"disabled"===o.loadmask||t.bHasLoaded&&!e.bUpdatingSize||n||e.bPreloaded||(this.widget.webcomponent.setAttribute("loading",!0),this.setXY(0,0),this._show())}loaded(){this._hide(),this.widget.webcomponent.removeAttribute(l.default.attr.loading)}}n.Z._registerElement(c,u);const g=u},26665:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(93251),i=o.n(r),a=o(42854),s=o.n(a);const l=o(38419).default.zgMenuGroup.tagName,d={},c=n.Z.getObservedAtts(d);class h extends n.Z{init(){super.init(l,s(),i(),d)}ready(){super.ready(),this.widget=this._getHostContext(),"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl")}ons(){}static get observedAttributes(){return c}}n.Z._registerElement(l,h);const u=h},12040:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(77189),i=o.n(r),a=o(52312),s=o.n(a),l=o(38419);const d="zg-menu-item",c={},h=n.Z.getObservedAtts(c);class u extends n.Z{init(){super.init(d,s(),i(),c)}ready(){this.bAdded||(super.ready(),this.widget=this._getHostContext(),this.setAttribute("tabindex",-1),this.getAttribute(l.default.attr.role)||this.setAttribute(l.default.attr.role,"menuitem"),this.bAdded=!0)}ons(){this.on("mouseenter",this.togglePseudoClass),this.on("mouseleave",this.togglePseudoClass),this.on("click",this.onClick,this),this.on("contextmenu",this.onContextMenu,this,{},!1),this.on("mousedown",this.onMouseDown,this),this.on("keydown",this.onKeyDown,this,{},!1)}checkMenuItemFocus(e){let t=!0,o=e.tagName.toLowerCase(),n=e.querySelector("zg-button");return"zg-menu-item"!==o&&"zg-menu-group"!==o&&(t=!1),e.hidden&&(t=!1),n&&n.disabled&&(t=!1),t}changeFocus(e){let t=this,o=this,n=1;if(this.menuGroup&&(t=this.menuGroup,o=this),"down"===e)for(;n++&&(t=t.nextElementSibling,t||(t=this.menu.firstElementChild),!(this.checkMenuItemFocus(t)||n>50)););else if("up"===e)for(;n++&&(t=t.previousElementSibling,t||(t=this.menu.lastElementChild),!(this.checkMenuItemFocus(t)||n>50)););else if("right"===e)if(this.menuGroup){for(;n++&&(o=o.nextElementSibling,o||(o=this.menuGroup.firstElementChild),!(this.checkMenuItemFocus(o)||n>50)););t=o}else this.menuManager.closeMenu();else if("left"===e&&this.menuGroup){for(;n++&&(o=o.previousElementSibling,o||(o=this.menuGroup.lastElementChild),!(this.checkMenuItemFocus(o)||n>50)););t=o}"zg-menu-group"===t.tagName.toLowerCase()&&(t=t.querySelector(`${l.default.zgMenuItem.tagName}:not([hidden]`)),t&&t.focus()}onKeyDown(e){let t=!1;switch(e.nCharCode){case e.UP:this.changeFocus("up");break;case e.DOWN:this.changeFocus("down");break;case e.RIGHT:this.changeFocus("right");break;case e.LEFT:this.changeFocus("left");break;case e.ENTER:case e.SPACE:this.onClick(e);break;case e.ESC:this.menuManager.closeMenu();break;default:t=!0}t||e.stopEvent()}onClick(e,t){const o=this.widget;let n=null,r=null,i=null,a=null,s=null,d=null,c=null,h=this.querySelector(l.default.zgButton.tagName);if(h&&h.action)return void h.click();o.menuManager&&o.menuManager.activeMenu&&(n=o.menuManager.activeCell,r=o.menuManager.activeHeader,i=o.menuManager.activeColumn,d=n.sTargetFieldIndex,c=n.sTargetRecordIndex,a=o.store.get(c,d),s=o.getDOMByIndex(n.nRowContainerIndex,n.nColumnIndex),o.menuManager.closeMenu());let u={DOMCell:s,recordIndex:c,fieldIndex:d,data:a,grid:o.webcomponent,cell:n,header:r,column:i};o.emitEvent("menu:click",{ZGEvent:e,ZGTarget:this,ZGData:u})}onContextMenu(e,t){e.preventDefault()}onMouseDown(e,t){}disconnectedCallback(){super.disconnectedCallback(),this.menu=null,this.menuGroup=null,this.menuManager=null}static get observedAttributes(){return h}}n.Z._registerElement(d,u);const g=u},29327:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(6528),i=o.n(r),a=o(66513),s=o.n(a),l=o(38419);const d="zg-menu",c={replace:{bReflectToAttribute:!0,type:Boolean},widget:{}},h=n.Z.getObservedAtts(c);class u extends n.Z{init(){super.init(d,s(),i(),c)}ready(){super.ready(),this.widget=this._getHostContext(),this.setAttribute(l.default.attr.role,"menu")}static get observedAttributes(){return h}}n.Z._registerElement(d,u);const g=u},37326:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(31516),i=o.n(r),a=o(32501),s=o.n(a),l=o(38419);const d="zg-no-data",c={},h=n.Z.getObservedAtts(c);class u extends n.Z{init(){super.init(d,s(),i(),c)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.widget.on(l.default.event.updated,this.updateInfo,this)}updateInfo(){const e=this.widget,t=e.store.getOriginRecordCount()||e.getRowCount()||e.aTopRowMapping.length||e.aBottomRowMapping.length,o=e.mainColumnBody.oBody;t?(o.removeAttribute(l.default.zgNoData.attr),this.removeAttribute(l.default.zgNoData.attr)):(o.setAttribute(l.default.zgNoData.attr,""),this.setAttribute(l.default.zgNoData.attr,""))}clearInfo(){if(!this.widget||!this.widget.mainColumnBody)return;this.widget.mainColumnBody.oBody.removeAttribute(l.default.zgNoData.attr),this.removeAttribute(l.default.zgNoData.attr)}static get observedAttributes(){return h}}n.Z._registerElement(d,u);const g=u},54347:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>h});var n=o(697),r=o(43645),i=o.n(r),a=o(76089),s=o.n(a);const l="zg-option-list",d={hidden:{bReflectToAttribute:!0,type:Boolean},options:{bReflectToAttribute:!0,type:String}};class c extends n.Z{init(){super.init(l,s(),i(),d)}ready(){super.ready(),this.widget=this._getHostContext(),"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl")}ons(){this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnSubscribe=this.on("keydown",this.onKeyDown,this,{},!1)}bIsHidden(){return this.hidden}changeOptions(e){this.options=e}_hide(){this.hidden=!0}_propertyHandler(e,t,o){switch(o=super._propertyHandler(e,t,o),e){case"hidden":break;case"options":this.innerHTML="";const e=document.createElement("span");e.tabIndex=-1,o?(this.parentNode&&this.parentNode.removeAttribute("disabled"),o.split(",").forEach((t=>{let o=e.cloneNode(!1),n=parseInt(t,10);!isNaN(n)&&n>0&&(o.textContent=n,this.appendChild(o))}))):this.parentNode&&this.parentNode.setAttribute("disabled","")}return o}_show(){let e=this.widget.getPageSize(),t=this.querySelectorAll("span");if(this.hidden=!1,this.focused=null,!this.widget.isStorybook("select")&&![...t].some((t=>t.innerHTML==e&&(t.focus(),this.focused=t,!0)))&&t.length){let e=t[0];e.focus(),this.focused=e}}changeFocus(e,t){let o=this.focused;t===e.UP?(o=o.previousElementSibling,o||(o=this.focused.parentNode.lastElementChild)):t===e.DOWN&&(o=o.nextElementSibling,o||(o=this.focused.parentNode.firstElementChild)),o&&(o.focus(),this.focused=o)}onKeyDown(e){let t=e.nCharCode,o=!1;switch(t){case e.UP:case e.DOWN:this.changeFocus(e,t);break;case e.RIGHT:this.parentNode.toggleList();break;case e.ENTER:case e.SPACE:this.focused&&this.focused.click();break;default:o=!0}o||e.stopEvent()}disconnectedCallback(){super.disconnectedCallback(),this.options=null,this.focused=null}}n.Z._registerElement(l,c);const h=c},97996:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>m});var n=o(697),r=o(23826),i=o.n(r),a=o(63476),s=o.n(a),l=o(45092),d=o(38419),c=o(56919);const{stripComments:h}=l.String,u="zg-pager",g={widget:{},pageSize:{type:Number,bReflectToAttribute:!0},pageSizeCard:{type:Number,bReflectToAttribute:!0},pageSizeRow:{type:Number,bReflectToAttribute:!0},pagerType:{bReflectToAttribute:!0,type:String},pagerButtonLimit:{type:Number,bReflectToAttribute:!0},position:{bReflectToAttribute:!0,type:String},sizeOptions:{bReflectToAttribute:!0,type:String}},p=n.Z.getObservedAtts(g);class f extends n.Z{init(){super.init(u,s(),i(),g)}ready(){super.ready(),this.widget=this._getHostContext();let e=this.widget.webcomponent;if(!this.widget.bPreloaded){if(this._updateContents(),this.parentNode===this.widget.webcomponent&&this._attachPosition(this.position||e.getAttribute("pager-position")),this.bHasChildNode)return;this.sizeOptions&&this.updateSize(this.sizeOptions),(this.pageSize||this.pageSizeRow||this.pageSizeCard)&&this.widget.calculatePageSize(),e.getAttribute(d.default.viewport.attr)&&this.setAttribute(d.default.viewport.attr,e.getAttribute(d.default.viewport.attr)),(e.getAttribute(d.default.viewport.pauseAttr)||""===e.getAttribute(d.default.viewport.pauseAttr))&&this.setAttribute(d.default.viewport.pauseAttr,""),(e.getAttribute(d.default.viewport.stopAttr)||""===e.getAttribute(d.default.viewport.stopAttr))&&this.setAttribute(d.default.viewport.stopAttr,""),e.layout&&e.layout.length&&this.setAttribute(d.default.zgLayout.attr,e.layout)}"rtl"===this.widget.sComputedDir&&this.setAttribute("dir","rtl"),this.widget.on(d.default.event.updated,(()=>{this.pagerType&&this._updateContents()}),this)}updateSize(e){let t=this.querySelector('zg-select[action="pagesize"]');if(t&&(t.setAttribute("options",e),this.widget&&!this.widget.bUserPageSize&&e)){let t=e.split(","),o=parseInt(t[t.length-1],10);isNaN(o)||this.widget.setPageSize(o,void 0,!this.widget.bAPIReady)}}_propertyHandler(e,t,o){if(o=super._propertyHandler(e,t,o),this.bReady)switch(e){case"pageSize":case"pageSizeRow":case"pageSizeCard":this.widget.calculatePageSize(null,!0,e,o);break;case"sizeOptions":this.updateSize(o);break;case"pagerType":this._updateContents(this.cursor,o,this.pagerButtonLimit);break;case"pagerButtonLimit":this._updateContents(this.cursor,this.pagerType,o);break;case"position":this._attachPosition(o)}return o}_updateContents(e,t,o){const n=this.widget;if(this.bHasChildNode||!n)return;void 0===t&&(t=this.pagerType),o=null===o?d.default.zgPager.defaultButtonLimit:o||this.pagerButtonLimit||d.default.zgPager.defaultButtonLimit;const r=`\n      <zg-select ${d.default.attr.datafocus} slot="left" action="pagesize" options="5,10,50"></zg-select>\n      <zg-button ${d.default.attr.datafocus} slot="left" action="reload"></zg-button>\n    `,i='\n      <zg-text slot="right" text="rows"></zg-text>\n      <zg-text slot="right" value="startrow"></zg-text>\n      <zg-text slot="right">-</zg-text>\n      <zg-text slot="right" value="endrow"></zg-text>\n      <zg-text slot="right" text="pageOf"></zg-text>\n      <zg-text slot="right" value="rowcount"></zg-text>\n    ',a=n.getPageCount(),s=n.getCurrPageIdx(),h=Math.min(o,a);let u=0,g=0;if(h){const e=Math.floor(h/2),t=h%2;t&&s<=e||!t&&s<e?(u=0,g=h-1):s+e+1>a?(g=a-1,u=g-h+1):(u=s-e,g=s+e,t||u++)}let p="";for(let e=u;e<=g;e++)p+=`\n        <zg-button page-index=${e} ${d.default.attr.datafocus} slot="center" action="page">\n          <span slot="icon"></span>\n          <span slot="label">${e+1}</span>\n        </zg-button>\n      `;let f=`\n      ${r}\n      <zg-button ${d.default.attr.datafocus} slot="center" action="firstpage"></zg-button>\n      <zg-button ${d.default.attr.datafocus} slot="center" action="prevpage"></zg-button>\n      <zg-text slot="center" text="page"></zg-text>\n      <zg-input ${d.default.attr.datafocus} slot="center" action="currpage"></zg-input>\n      <zg-text slot="center" text="pageOf"></zg-text>\n      <zg-text slot="center" value="pagecount"></zg-text>\n      <zg-button ${d.default.attr.datafocus} slot="center" action="nextpage"></zg-button>\n      <zg-button ${d.default.attr.datafocus} slot="center" action="lastpage"></zg-button>\n      ${i}\n    `,m=`\n      ${r}\n      <zg-button ${d.default.attr.datafocus} slot="center" action="prevpage" type="cursor"></zg-button>\n      <zg-button ${d.default.attr.datafocus} slot="center" action="nextpage" type="cursor"></zg-button>\n    `,b=`\n      ${r}\n      <zg-button ${d.default.attr.datafocus} slot="center" action="prevpage"></zg-button>\n      ${p}\n      <zg-button ${d.default.attr.datafocus} slot="center" action="nextpage"></zg-button>\n      ${i}\n    `,v=`\n      ${r}\n      <zg-button ${d.default.attr.datafocus} slot="center" action="prevpage">\n        <span slot="icon"></span>\n        <span slot="label">${c.default.get("pagination.pagePrev")}</span>\n      </zg-button>\n      ${p}\n      <zg-button ${d.default.attr.datafocus} slot="center" action="nextpage">\n        <span slot="icon"></span>\n        <span slot="label">${c.default.get("pagination.pageNext")}</span>\n      </zg-button>\n      ${i}\n    `;if(t){const e=t===d.default.zgPager.buttonTextType?v:b;this.oDOMDefaultPagerFrag=(0,l.W2)(e)}else if(this.widget){let t=e||this.widget.store.oDataFormat.bCursor||this.widget.store.oDataFormat.bLoadByPages&&this.widget.store.oDataFormat.bStartAtValue;[...this.querySelectorAll("[slot]")].forEach((e=>e.remove())),t?this.setAttribute(d.default.attr.type,d.default.zgPager.cursorAttr):this.removeAttribute(d.default.attr.type);const o=t?m:f;this.oDOMDefaultPagerFrag=(0,l.W2)(o)}this.innerHTML="",this.appendChild(this.oDOMDefaultPagerFrag),this.querySelectorAll("zg-text[text]").forEach((e=>{let t=e.getAttribute("text");e.innerHTML=c.default.get(`pagination.${t}`,this.widget,{element:e,elProperty:"innerHTML"})}))}_attachPosition(e){"both"!==e&&(e&&"top"===e?(this.setAttribute("slot","top"),this.widget.webcomponent.oTopPager=this):(this.setAttribute("slot","pager"),this.widget.webcomponent.oBottomPager=this))}disconnectedCallback(){super.disconnectedCallback(),this.oDOMDefaultPagerFrag=null}static get observedAttributes(){return p}}n.Z._registerElement(u,f);const m=f},93534:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(40629),i=o.n(r),a=o(75150),s=o.n(a),l=o(38419);const d="zg-param",c={name:{type:String,bReflectToAttribute:!0},value:{type:String,bReflectToAttribute:!0},widget:{}},h=n.Z.getObservedAtts(c);class u extends n.Z{init(){super.init(d,s(),i(),c)}ready(){super.ready(),this.widget=this._getHostContext(),this.parentNode&&"zg-data"===this.parentNode.tagName.toLowerCase()&&(this.oDOMData=this.parentNode),this.setAttribute(l.default.attr.hidden,""),this.oDOMData&&0===this.oDOMData.nCheckedParams&&this.reload()}_attributeHandler(e,t,o){return super._attributeHandler(e,t,o),this.bReady&&this.widget&&this.reload(),o}reload(){let e=this.oDOMData;e&&this.widget.store.debounceLoadData(e.options,this.widget.webcomponent.params,null,!0)}disconnectedCallback(){super.disconnectedCallback(),this.bReady&&this.widget&&!this.widget.bDisconnect?this.reload():this.oDOMData=null}static get observedAttributes(){return h}}n.Z._registerElement(d,u);const g=u},35678:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>p});var n=o(697),r=o(53171),i=o.n(r),a=o(39457),s=o.n(a),l=o(38419),d=o(45092);const c="zg-row",h=d.SV(i(),s()),u={};class g extends n.Z{init(){super.init(c,s(),i(),u,h),this.bodyRowIndex=null}ready(){this.widget=this.widget||this._getHostContext(),super.ready(),this.ZG=this.widget.webcomponent,this.setAttribute(l.default.attr.role,"row");const e=d.Uh(this.ZG.getAttribute("layout"))?this.ZG.getAttribute("layout"):this.parentNode.getAttribute("layout");if(e&&e.length){this.setAttribute(l.default.zgLayout.attr,e);e===l.default.zgLayout.typeCard&&this.widget.hasCardTemplate()&&this.setAttribute(l.default.zgLayout.cardTplAttr,"")}if(this.ZG.gridlines){const e=this.ZG.gridlines.toLowerCase();"both"!==e&&"vert"!==e&&"vertical"!==e||this.setAttribute(l.default.attr.gridlinesvert,""),"both"!==e&&"horz"!==e&&"horizontal"!==e||this.setAttribute(l.default.attr.gridlineshorz,"")}const t=this.parentNode?this.parentNode.id:"";-1!==t.indexOf("left")?this.setAttribute(l.default.attr.frozenframe,"left"):-1!==t.indexOf("right")&&this.setAttribute(l.default.attr.frozenframe,"right")}ons(){const e=this.widget;this.on("mouseover",this.onMouseOver,this),this.on("mouseout",this.onMouseOut,this),e.on("layoutchange",(()=>e.currentHighlightedRowIndex=null))}onMouseOver(e,t){const o=this.widget;if(o.hasFrozenColumns()&&o.currentHighlightedRowIndex!==this.rowIndex){const e=window.getComputedStyle(this),t=this.getAttribute("aria-rowindex"),n=e.getPropertyValue("background-color"),r=e.getPropertyValue("color"),i=o.webcomponent.querySelectorAll(`zg-row[aria-rowindex="${t}"]`);i.forEach((e=>{e.style.backgroundColor=n,e.style.color=r})),o.currentHighlightedRows&&o.currentHighlightedRows.forEach((e=>{e.style.backgroundColor="",e.style.color=""})),o.currentHighlightedRows=i,o.currentHighlightedRowIndex=this.rowIndex}}onMouseOut(e,t){const o=this.widget;o.currentHighlightedRows&&o.currentHighlightedRows.forEach((e=>{e.style.backgroundColor="",e.style.color=""})),o.currentHighlightedRows=null,o.currentHighlightedRowIndex=null}setBodyIndexes(e){const t=this.widget,o=t.getAllHeaderDepth();this.bodyRowIndex=e,this.dataRowIndex=e+t.nTopFrozenRows,this.rowIndex=e+o,this.setAttribute(l.default.aria.rowIndex,e+o+1)}get rowIndex(){return this._rowIndex}set rowIndex(e){this._rowIndex=e}disconnectedCallback(){super.disconnectedCallback()}}n.Z._registerElement(c,g);const p=g},44158:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>p});var n=o(697),r=o(32816),i=o(98781),a=o.n(i),s=o(91607),l=o.n(s),d=o(38419),c=o(56919);const h="zg-search",u={};n.Z.getObservedAtts(u);class g extends n.Z{init(){super.init(h,l(),a(),u)}ready(){let e;if(super.ready(),this.widget=this._getHostContext(),this.widget){if(this.ZG=this.widget.webcomponent,this.$search=this.widget.search,this.oDOMCaption=this.ZG.querySelector("zg-caption"),this.bSearching=!1,this.searchBarVisible=!1,this.oDOMButton=this.querySelector(d.default.zgButton.tagName),!this.widget.bPreloaded&&!this.oDOMButton){e=document.createElement(d.default.zgButton.tagName),e.slot="button",e.action="search",e.setAttribute(d.default.attr.datafocus,"");const t=document.createElement("input");t.slot="input",t.type="search";const o=c.default.get("tools.search",this.widget,{element:t,elProperty:"placeholder"});t.placeholder=o,t.setAttribute(d.default.aria.label,o),this.appendChild(e),this.appendChild(t),this.oDOMInput=this.querySelector("input")}this.oDOMInput=this.querySelector("input"),this.oDOMButton||(this.unsubBlur=r.Z.get(this.oDOMInput).on("blur",(e=>this.searchBtnClickToggle(e)),this),this.unsubKD=r.Z.get(this.oDOMInput).on("keydown",this.onKeyDown,this,{},!1),this.oDOMButton=e)}}clearSearch(){this.oDOMInput.value=""}triggerSearch(){const e=this.widget;let t=this.oDOMInput.value;e.fire("beforesearch"),e.bodyUpdate(!0,!0);const o={searchTerm:t};e.filter.aFiltered&&(o.searchResults=e.filter.aFiltered,o.searchCount=e.filter.aFiltered.length),e.fire("search",o)}debounceSearch(e){let t=d.default.search.threshold,o=this.latestTime=setTimeout((()=>{o===this.latestTime&&this.triggerSearch()}),t)}ons(){this.unsubInput=this.on("input",this.debounceSearch)}uns(){this.unsubInput&&this.unsubInput(),this.unsubBlur&&this.unsubBlur(),this.unsubKD&&this.unsubKD()}searchBtnClickToggle(e,t){this.widget.editorManager.activeCellEdit&&this.widget.editorManager.closeEditor(),this.searchBarVisible=!this.searchBarVisible,this.searchBarVisible?(this.setAttribute(d.default.attr.active,""),t||this.oDOMInput.focus()):(this.removeAttribute(d.default.attr.active),t||this.oDOMButton.focus())}toggleSearchElement(e){e?this.removeAttribute(d.default.attr.hidden):this.setAttribute(d.default.attr.hidden,"")}onKeyDown(e){let t=e.nCharCode;t!==e.ESC&&t!==e.ENTER&&t!==e.TAB||(this.oDOMInput.blur(),e.stopEvent())}disconnectedCallback(){super.disconnectedCallback();this.cleanElements(["oDOMButton","oDOMInput"]),this.$search=null,this.oDOMCaption=null}static get observedAttributes(){return n.Z.getObservedAtts(u)}}n.Z._registerElement(h,g);const p=g},36541:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>p});var n=o(697),r=o(32816),i=o(15250),a=o.n(i),s=o(76062),l=o.n(s),d=o(38419);const c="zg-select",h={for:{bReflectToAttribute:!0},action:{bReflectToAttribute:!0,type:String},value:{bReflectToAttribute:!0,type:Number},options:{bReflectToAttribute:!0,type:String},widget:{}},u=n.Z.getObservedAtts(h);class g extends n.Z{init(){super.init(c,l(),a(),h),this.setRefs()}setRefs(){this.mask=this.shadowRoot.querySelector(".zg-selector-mask"),this.selected=document.createElement("div"),this.selected.className="zg-select-selected",this.trigger=document.createElement("div"),this.trigger.className="zg-select-trigger",this.triggerArrow=document.createElement("div"),this.triggerArrow.className="zg-select-trigger-arrow",this.oDOMOptionList=document.createElement("zg-option-list")}ready(){super.ready(),this.mask||this.setRefs();const e=this._getHostContext();this.widget===e?this._updateBinding(e,e,this.action,this.action):this.widget=e,this.closeList(),"rtl"===e.sComputedDir&&this.setAttribute("dir","rtl"),e.bPreloaded?(this.selected=this.querySelector(".zg-select-selected"),this.trigger=this.querySelector(".zg-select-trigger"),this.triggerArrow=this.querySelector(".zg-select-trigger-arrow"),this.oDOMOptionList=this.querySelector("zg-option-list")):(this.selected.slot="selected",this._appendChild(this.selected),this.trigger.slot="selected",this._appendChild(this.trigger),this.triggerArrow.slot="selected",this._appendChild(this.triggerArrow),this._appendChild(this.oDOMOptionList)),e.webcomponent.pager||"pagesize"!==this.action||(e.bCustomPageSize=!0),this.value&&(e.setPageSize(this.value),this._updateDOMValue(this.value)),this.options&&this.changeListOptions(this.options),this.postRenderOns()}postRenderOns(){this.unsubClick=this.on("click",(e=>this.toggleList(e)),this,{},!1),this.unsubKey=this.on("keydown",this.onKeyDown,this,{},!1),this.unsubOptionList=this.oDOMOptionList.on("click",((e,t)=>{e.preventDefault(),this.value=r.Z.get(t)._text()}),null,{sDelegateTo:"span"},!1),this.unsubBlur=this.on("blur",(e=>{let t=e.oBrowserEvent.relatedTarget;t&&"span"===t.tagName.toLowerCase()||this.closeList()}))}uns(){this.unsubClick&&this.unsubClick(),this.unsubOptionList&&this.unsubOptionList(),this.unsubBlur&&this.unsubBlur(),this.unsubKey&&this.unsubKey()}onKeyDown(e){let t=!1;switch(e.nCharCode){case e.ENTER:case e.SPACE:this.toggleList(e);break;default:t=!0}t||e.stopEvent()}toggleList(e){e&&e.stopEvent();const t=this.widget.webcomponent.getBoundingClientRect(),o=this.getBoundingClientRect();this._getDropdownHeight()+o.height+o.top>t.height+t.top?this.setAttribute(d.default.attr.open,"up"):this.removeAttribute(d.default.attr.open),this.oDOMOptionList.bIsHidden()?(this.setAttribute(d.default.attr.active,""),this.mask.setAttribute(d.default.attr.active,""),this.oDOMOptionList._show()):(this.removeAttribute(d.default.attr.active,""),this.mask.removeAttribute(d.default.attr.active,""),this.closeList(),this.focus())}changeListOptions(e){null!==e&&this.oDOMOptionList.changeOptions(e)}closeList(){this.oDOMOptionList._hide()}destroyList(){this._removeChild(this.oDOMOptionList)}updateInfo(e,t){if(t=t||this.action,e=e||this.widget,"pagesize"===t)this._updateDOMValue(e.getPageSize())}_getDropdownHeight(){this.oDOMOptionList.removeAttribute(d.default.attr.hidden);const e=this.oDOMOptionList.getBoundingClientRect().height;return this.oDOMOptionList.setAttribute(d.default.attr.hidden,""),e}_propertyHandler(e,t,o){if(o=super._propertyHandler(e,t,o),this.bReady)switch(e){case"value":this._updateDOMValue(o),this.fire("valuechanged",o);break;case"options":null!=o?this.changeListOptions(o):this.destroyList()}return o}_updateBinding(e,t,o,n){if(e&&o&&(this.fnUnSubscribe(),this.fnUnNotify()),t&&(this.updateInfo(t,n),"pagesize"===n))this.fnUnSubscribe=t.on(d.default.event.updated,this.updateInfo,this),this.fnUnNotify=this.on("valuechanged",((e,o)=>t.setPageSize(o)))}_updateDOMValue(e){this.selected.innerHTML=e}disconnectedCallback(){super.disconnectedCallback(),this.fnUnSubscribe&&this.fnUnSubscribe(),this.fnUnNotify&&this.fnUnNotify(),this.removeChild(this.selected),this.removeChild(this.trigger),this.removeChild(this.triggerArrow),this.removeChild(this.oDOMOptionList),this.selected=null,this.mask=null,this.trigger=null,this.triggerArrow=null,this.oDOMOptionList=null}static get observedAttributes(){return u}}n.Z._registerElement(c,g);const p=g},90754:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(70932),i=o.n(r),a=o(45946),s=o.n(a),l=o(32816);const d="zg-selector-mask",c={};class h extends n.Z{init(){super.init(d,s(),i(),c)}ready(){super.ready(),this.oElMask=l.Z.get(this.shadowRoot.querySelector("#mask"))}draw(e){let t=this.widget;e=e||t.selector.se;let o,n,r=this.oColumnBody.el,i=e.dimension(this.oColumnBody),a=r.getXY(),s=i.xy,l=i.width,d=i.height;o=s[0]-a[0],n=s[1]-a[1]+t.nScrollTop,this.aStartXY=[o,n],this.oElMask.setXY([o,n]),this.oElMask._setStyle("width",l+"px"),this.nWidth=l,this.oElMask._setStyle("height",d+"px"),this.nHeight=d,this.showAll()}hideAll(){this.bReady&&this.oElMask&&this.oElMask._hide()}showAll(){this.oElMask&&this.oElMask._show()}disconnectedCallback(){super.disconnectedCallback(),this.oElMask=null,this.oColumnBody=null}}n.Z._registerElement(d,h);const u=h},21153:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>h});var n=o(697),r=o(90129),i=o.n(r),a=o(19731),s=o.n(a);const l="zg-separator",d={};class c extends n.Z{init(){super.init(l,s(),i(),d)}}n.Z._registerElement(l,c);const h=c},17432:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(24662),i=o.n(r),a=o(12839),s=o.n(a);o(32816),o(38419),o(45092);const l="zg-source",d={position:{bReflectToAttribute:!0,type:String}},c=n.Z.getObservedAtts(d);class h extends n.Z{init(){super.init(l,s(),i(),d)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.ZG.oDOMSource||this.ZG.source||(this.ZG.oDOMSource=this,this.widget.sourceManager.initSource())}_propertyHandler(e,t,o){if(o=super._propertyHandler(e,t,o),this.bReady&&!this.bUpdatePosition&&"position"===e)this.bUpdatePosition=!0,this.widget.sourceManager.addSourceToSlot(o),this.bUpdatePosition=!1;return o}static get observedAttributes(){return c}}n.Z._registerElement(l,h);const u=h},8499:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(59812),i=o.n(r),a=o(44221),s=o.n(a),l=o(32816);const d="zg-status",c={};class h extends n.Z{init(){super.init(d,s(),i(),c)}ready(){super.ready(),this.widget=this._getHostContext(),this.oDOMDismiss=l.Z.get(this.shadowRoot.querySelector("span[close]")),this.unsubClick=this.oDOMDismiss.on("click",(()=>this.widget.statusManager.closeStatus())),this.unsubKey=this.oDOMDismiss.on("keydown",this.onKeyDown,this,{},!1)}onKeyDown(e){let t=e.nCharCode;t!==e.ENTER&&t!==e.SPACE||(this.widget.statusManager.closeStatus(),e.stopEvent())}uns(){this.unsubClick&&this.unsubClick(),this.unsubKey&&this.unsubKey()}disconnectedCallback(){super.disconnectedCallback(),this.oDOMDismiss=null}}n.Z._registerElement(d,h);const u=h},14591:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(69652),i=o.n(r),a=o(87585),s=o.n(a),l=o(38419);const d="zg-text",c={value:{bReflectToAttribute:!0,type:String},widget:{}},h=n.Z.getObservedAtts(c);class u extends n.Z{init(){super.init(d,s(),i(),c)}ready(){super.ready(),this.widget=this._getHostContext()}updateInfo(e,t){t=t||this.value;let o=(e=e||this.widget).getCurrPageIdx(),n=e.getPageSize(),r=e.store.getOriginRecordCount()||e.getRowCount(),i=r?o*n+1:0,a=(o+1)*n;switch(a>r&&(a=r),t){case"currpage":this.textContent=e.getCurrPageIdx()+1;break;case"pagecount":this.textContent=Math.max(e.getPageCount(),1);break;case"pagesize":this.textContent=e.getPageSize();break;case"startrow":this.textContent=i;break;case"endrow":this.textContent=a;break;case"rowcount":this.textContent=r}}_updateBinding(e,t,o,n){if(e&&o&&this.fnUnSubscribe(),t)switch(this.updateInfo(t,n),n){case"currpage":case"pagecount":case"pagesize":case"startrow":case"endrow":case"rowcount":this.fnUnSubscribe=t.on(l.default.event.updated,this.updateInfo,this)}}static get observedAttributes(){return h}}n.Z._registerElement(d,u);const g=u},20979:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var n=o(697),r=o(47293),i=o.n(r),a=o(48219),s=o.n(a),l=o(38419),d=(o(45092),o(32816));const c="zg-tooltip",h={};class u extends n.Z{init(){super.init(c,s(),i(),h)}ready(){super.ready(),this.widget=this._getHostContext(),this.ZG=this.widget.webcomponent,this.setAttribute(l.default.attr.role,"tooltip"),this.setAttribute(l.default.attr.hidden,""),this.oDOMCloseButton=this.shadowRoot.querySelector(".zg-tooltip-close"),this.fnUnClick=d.Z.get(this.oDOMCloseButton).on("click",this._hideTarget,this,{},!1)}uns(){this.fnUnClick&&this.fnUnClick()}_setAttributes(e){const t=e.oTooltipOptions,o=this._checkPosition(t.tooltipPosition),n=t.tooltipType||"default",r=t.tooltipAction||"hover",i=e.bIsInfoTooltip;this.setAttribute(l.default.zgTooltip.typeAttr,n),this.setAttribute(l.default.zgTooltip.positionAttr,o),this.setAttribute(l.default.zgTooltip.actionAttr,r),i?this.removeAttribute(l.default.zgTooltip.noInfoIconAttr):this.setAttribute(l.default.zgTooltip.noInfoIconAttr,"")}_checkPosition(e){return["top","left","right","bottom"].indexOf(e)>=0?e:"top"}_hideTarget(){this.setAttribute(l.default.attr.hidden,""),this.removeAttribute(l.default.attr.animate)}_showTarget(e,t,o){this._setAttributes(o),this.innerHTML=t,this.style.transition=null,this.setAttribute(l.default.attr.hidden,""),this._setPosition(e,o),this.removeAttribute(l.default.attr.hidden),this.style.transition="transform .3s",this.setAttribute(l.default.attr.animate,"")}_setPosition(e,t){const o=t._setTooltipPosition();this.style.left=`${o.left}px`,this.style.top=`${o.top}px`}disconnectedCallback(){super.disconnectedCallback(),this.oDOMCloseButton=null}}n.Z._registerElement(c,u);const g=u},75585:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>u});var n=o(697),r=o(43503),i=o.n(r),a=o(41877),s=o.n(a),l=o(56919);const d="zg-watermark",c={widget:{}};class h extends n.Z{init(){super.init(d,s(),i(),c)}ready(){super.ready(),this.widget=this._getHostContext();let e=this._oShadowRoot.querySelector("a");e.innerHTML=l.default.get("watermark.poweredBy",this.widget,{element:e,elProperty:"innerHTML"});const t=this.widget.focusManager;t&&t.bInitialLoaded&&t.updateSection(this,t.aWatermark,"Watermark")}_propertyHandler(e,t,o){if(o=super._propertyHandler(e,t,o),"widget"===e)o&&(this.slot="watermark");return o}}n.Z._registerElement(d,h);const u=h},73427:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>w});var n=o(697),r=o(9733),i=o.n(r),a=o(73337),s=o.n(a),l=o(51562),d=o(45092),c=o(30163),h=o(32260),u=o(38419),g=o(56919),p=o(22048),f=(o(32816),o(34584));const m="zing-grid",b={aggregate:{type:String,bReflectToAttribute:!0},align:{bReflectToAttribute:!0,type:String},batchEdit:{bReflectToAttribute:!0,type:Boolean},batchEditStatus:{bReflectToAttribute:!0,type:String},caption:{type:String,bReflectToAttribute:!0,bThrowEvent:!0},card:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},cellBreak:{type:String,bReflectToAttribute:!0,bThrowEvent:!0},cellClass:{type:String,bReflectToAttribute:!0},cellEditor:{type:String,bReflectToAttribute:!0,sBooleanDefault:"true"},cellFocus:{type:String,bReflectToAttribute:!0},buttonTooltipDisabled:{type:Boolean,bReflectToAttribute:!0},cellTooltipAction:{type:String,bReflectToAttribute:!0},cellTooltipDelay:{type:Number,bReflectToAttribute:!0},cellTooltipIcon:{bReflectToAttribute:!0,type:String},cellTooltipPosition:{type:String,bReflectToAttribute:!0},cellTooltipRenderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},cellTooltipTemplate:{type:String,bReflectToAttribute:!0},cellTooltipType:{type:String,bReflectToAttribute:!0},colClass:{type:String,bReflectToAttribute:!0},columnResizable:{type:Boolean,bReflectToAttribute:!0},columnResizableMaxWidth:{bReflectToAttribute:!0,type:Number},columnResizableMinWidth:{bReflectToAttribute:!0,type:Number},columnResizablePersistent:{type:Boolean,bReflectToAttribute:!0},columnsControl:{type:Boolean,bReflectToAttribute:!0},columns:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},columnWidth:{bReflectToAttribute:!0},compact:{type:Boolean,bReflectToAttribute:!0},config:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},confirmDelete:{bReflectToAttribute:!0},confirmations:{type:String,bReflectToAttribute:!0,bReflectBoolean:!0,sBooleanDefault:u.default.confirmations.all},contextMenu:{bReflectToAttribute:!0},data:{type:String,bCanBeObject:!0,bReflectToAttribute:!0,bOneWaySync:!0,bThrowEvent:!0},defaultDisplay:{type:String,bReflectToAttribute:!0},dialog:{type:Boolean,bReflectToAttribute:!0},dir:{type:String,bReflectToAttribute:!0,sBooleanDefault:"ltr"},columnDragAction:{type:String,bReflectToAttribute:!0,sBooleanDefault:"both"},columnDrag:{type:Boolean,bReflectToAttribute:!0},creator:{type:String,bReflectToAttribute:!0,sBooleanDefault:"modal"},footClass:{type:String,bReflectToAttribute:!0},frozenColumnsLeft:{type:Number,bReflectToAttribute:!0},frozenColumnsRight:{type:Number,bReflectToAttribute:!0},frozenRowClass:{type:String,bReflectToAttribute:!0},frozenRowsBottom:{type:Number,bReflectToAttribute:!0},frozenRowsTop:{type:Number,bReflectToAttribute:!0},headClass:{type:String,bReflectToAttribute:!0},templateEndDelimiter:{type:String,bReflectToAttribute:!0},editor:{type:String,bReflectToAttribute:!0,sBooleanDefault:"inline"},editorControls:{type:String,bReflectToAttribute:!0,bReflectBoolean:!0,sBooleanDefault:u.default.editorControls.all},filter:{type:Boolean,bReflectToAttribute:!0},footClass:{type:String,bReflectToAttribute:!0},fullscreen:{type:Boolean,bReflectToAttribute:!0},gridlines:{type:String,bReflectToAttribute:!0},groupBy:{type:String,bReflectToAttribute:!0},headClass:{type:String,bReflectToAttribute:!0},headerAutoFormat:{type:String,bReflectToAttribute:!0},nestedDataSeparator:{type:String,bReflectToAttribute:!0},headerRowHide:{type:Boolean,bReflectToAttribute:!0},headerTooltipAction:{type:String,bReflectToAttribute:!0},headerTooltipDelay:{type:Number,bReflectToAttribute:!0},headerTooltipIcon:{bReflectToAttribute:!0,type:String},headerTooltipIconPosition:{type:String,bReflectToAttribute:!0},headerTooltipPosition:{type:String,bReflectToAttribute:!0},headerTooltipRenderer:{type:Function,bReflectToAttribute:!0,bOneWaySync:!0},headerTooltipTemplate:{type:String,bReflectToAttribute:!0},headerTooltipTrigger:{type:String,bReflectToAttribute:!0},headerTooltipType:{type:String,bReflectToAttribute:!0},height:{type:String,bReflectToAttribute:!0},iconSet:{type:String,bReflectToAttribute:!0},iconSetData:{type:String,bReflectToAttribute:!0},lang:{type:String,bReflectToAttribute:!0,bSetProperty:!0},layout:{type:String,bReflectToAttribute:!0},layoutControls:{type:String,bReflectToAttribute:!0},loading:{type:Boolean,bReflectToAttribute:!0},loadingText:{type:String,bReflectToAttribute:!0},loadmask:{type:String,bReflectToAttribute:!0},noData:{type:String,bReflectToAttribute:!0},pageSize:{type:Number,bReflectToAttribute:!0},pageSizeCard:{type:Number,bReflectToAttribute:!0},pageSizeRow:{type:Number,bReflectToAttribute:!0},pageSizeOptions:{bReflectToAttribute:!0,type:String},pager:{type:Boolean,bReflectToAttribute:!0},pagerButtonLimit:{type:Number,bReflectToAttribute:!0},pagerPosition:{type:String,bReflectToAttribute:!0},pagerType:{type:String,bReflectToAttribute:!0},params:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},preserveStateId:{type:String,bReflectToAttribute:!0},preserveStateOptions:{type:String,bReflectToAttribute:!0},preserveStateLoad:{type:String,bReflectToAttribute:!0},preserveStateSave:{type:String,bReflectToAttribute:!0},recordCount:{type:Number,bReflectToAttribute:!0},recordKey:{type:String,bReflectToAttribute:!0,bReflectBoolean:!0,sBooleanDefault:u.default.internalColumn.recordkey},recordDuplicate:{type:Boolean,bReflectToAttribute:!0},rowClass:{type:String,bReflectToAttribute:!0},rowSelector:{type:Boolean,bReflectToAttribute:!0},rowHeight:{type:String,bReflectToAttribute:!0},search:{type:Boolean,bReflectToAttribute:!0},selector:{type:Boolean,bReflectToAttribute:!0},serverRendered:{type:Boolean,bReflectToAttribute:!0},sort:{type:String,bReflectToAttribute:!0},sorter:{type:String,bReflectToAttribute:!0},sortIntl:{type:String,bReflectToAttribute:!0},source:{type:String,bReflectToAttribute:!0},src:{type:String,bReflectToAttribute:!0},staticMenu:{bReflectToAttribute:!0,sBooleanDefault:"true"},statusDelay:{bReflectToAttribute:!0,type:Number},statusPersist:{bReflectToAttribute:!0,type:Boolean},statusPosition:{bReflectToAttribute:!0,type:String},templateEndDelimiter:{type:String,bReflectToAttribute:!0},templateStartDelimiter:{type:String,bReflectToAttribute:!0},theme:{type:String,bReflectToAttribute:!0},validationErrorMessage:{type:String,bReflectToAttribute:!0},validationRequiredMessage:{type:String,bReflectToAttribute:!0},viewport:{type:String,bReflectToAttribute:!0},viewportPause:{type:Boolean,bReflectToAttribute:!0},viewportStop:{type:Boolean,bReflectToAttribute:!0},viewportTypes:{type:Object,bReflectToAttribute:!0,bOneWaySync:!0},width:{type:String,bReflectToAttribute:!0},zebra:{type:String,bReflectToAttribute:!0}},v=n.Z.getObservedAtts(b);class y extends n.Z{connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex",0),this.querySelector("table")&&(this.data=this.querySelector("table"));const e=()=>{this.completeConnectedCallback(),document.removeEventListener("DOMContentLoaded",e)},t=()=>{this.completeConnectedCallback(),window.cancelAnimationFrame(t)};try{null!==this.getAttribute(u.default.attr.serverrender)?document.addEventListener("DOMContentLoaded",e):window.requestAnimationFrame(t)}catch(e){console.error(`There was an issue with <${m}>'s connectedCallback().\n${e}`)}}completeConnectedCallback(){const e=this.widget;e&&(this.querySelector(u.default.zgBody.tagName)&&(e.bPreloaded=!0),this.originalHTML=this.outerHTML,this.addToLightDOM(),e.init(),e.bPreloaded&&e.updater.resetAllColumnsWidth(),this.processProperties(),this._wrapAPI((()=>e.focusManager.init())),e.dialogManager.initDialogs(),e.bHasAttachedToDOM=!0,this.bReady=!0,document.addEventListener("DOMContentLoaded",(()=>c.Z.validateLicense())),setTimeout((()=>c.Z.validateLicense()),1e3),this.fire("childrenready"),this.watchVisibility(),e.setStorybook())}init(){try{super.init(m,s(),i(),b);const e=this._oShadowRoot.querySelector(`.${u.default.zg.tagName}`);this.widget=new l.default({renderTo:e,renderAfter:e.querySelectorAll("slot")[1],webcomponent:this}),this.ZG=this.widget.webcomponent}catch(e){console.error(`There was an issue with <${m}>'s init().\n${e}`)}}addToLightDOM(){const e=this.widget;this.oDOMData=this.querySelector(u.default.zgData.tagName)||null,this.bDefaultCols=!this.querySelector(u.default.zgColgroup.tagName)&&!this.querySelector(u.default.zgColumn.tagName),this.oDOMHeader=this.associateChild(u.default.zgHeader.tagName,null,"header"),this.oDOMCaption=this.querySelector(u.default.zgCaption.tagName)||null,this.oDOMControlBar=this.querySelector(u.default.zgControlBar.tagName)||null,this.oDOMLayoutControls=this.querySelector(u.default.zgLayoutControls.tagName)||null,this.oDOMLeftHead=this.associateChild(u.default.zgHead.tagName,null,"lefthead","lefthead"),this.oDOMLeftBody=this.associateChild(u.default.zgBody.tagName,null,"leftbody","leftbody"),this.oDOMLeftFoot=this.associateChild(u.default.zgFoot.tagName,null,"leftfoot","leftfoot"),this.oDOMColgroup=this.associateChild(u.default.zgColgroup.tagName,null,"gridcolgroup","gridcolgroup",!0),this.oDOMLeftColgroup=this.associateChild(u.default.zgColgroup.tagName,null,"leftcolgroup","leftcolgroup",!1,this.oDOMColgroup),this.oDOMRightColgroup=this.associateChild(u.default.zgColgroup.tagName,null,"rightcolgroup","rightcolgroup",!1),this.oDOMHead=this.associateChild(u.default.zgHead.tagName,null,"gridhead","mainhead"),this.oDOMBody=this.associateChild(u.default.zgBody.tagName,null,"gridbody","mainbody"),this.oDOMFoot=this.associateChild(u.default.zgFoot.tagName,null,"gridfoot","mainfoot"),this.oDOMRightHead=this.associateChild(u.default.zgHead.tagName,null,"righthead","righthead"),this.oDOMRightBody=this.associateChild(u.default.zgBody.tagName,null,"rightbody","rightbody"),this.oDOMRightFoot=this.associateChild(u.default.zgFoot.tagName,null,"rightfoot","rightfoot"),this.oDOMFooter=this.associateChild(u.default.zgFooter.tagName,null,"footer"),this.oDOMStatus=this.associateChild(u.default.zgStatus.tagName,null,"status"),this.oDOMTooltip=this.associateChild(u.default.zgTooltip.tagName,null,"tooltip"),this.oDOMCellOverflow=this.associateChild(u.default.zgCellOverflow.tagName,null,"celloverflow"),this.oDOMLeftEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"lefteditorrow","lefteditorrow",void 0,void 0,"Left"),this.oDOMEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"bodyeditorrow","bodyeditorrow",void 0,void 0,""),this.oDOMRightEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"righteditorrow","righteditorrow",void 0,void 0,"Right"),this.oDOMLeftHeadEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"leftheadeditorrow","leftheadeditorrow",void 0,void 0,"Left"),this.oDOMHeadEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"mainheadeditorrow","mainheadeditorrow",void 0,void 0,""),this.oDOMRightHeadEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"rightheadeditorrow","rightheadeditorrow",void 0,void 0,"Right"),this.oDOMLeftFootEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"leftfooteditorrow","leftfooteditorrow",void 0,void 0,"Left"),this.oDOMFootEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"mainfooteditorrow","mainfooteditorrow",void 0,void 0,""),this.oDOMRightFootEditorRow=this.associateChild(u.default.zgEditorRow.tagName,null,"rightfooteditorrow","rightfooteditorrow",void 0,void 0,"Right"),this.oDOMFrozenRight=this.shadowRoot.querySelector("#freeze-right-body"),this.oDOMFrozenLeft=this.shadowRoot.querySelector("#freeze-left-body"),this.oDOMMain=this.shadowRoot.querySelector("#frame-main-body"),this.oDOMFrozenRightHeadFrame=this.shadowRoot.querySelector("#freeze-frame-right-head"),this.oDOMFrozenMainHeadFrame=this.shadowRoot.querySelector("#freeze-frame-main-head"),this.oDOMFrozenLeftHeadFrame=this.shadowRoot.querySelector("#freeze-frame-left-head"),this.oDOMFrozenRightHead=this.shadowRoot.querySelector("#freeze-right-head"),this.oDOMFrozenMainHead=this.shadowRoot.querySelector("#freeze-main-head"),this.oDOMFrozenLeftHead=this.shadowRoot.querySelector("#freeze-left-head"),this.oDOMFrozenRightFootFrame=this.shadowRoot.querySelector("#freeze-frame-right-foot"),this.oDOMFrozenMainFootFrame=this.shadowRoot.querySelector("#freeze-frame-main-foot"),this.oDOMFrozenLeftFootFrame=this.shadowRoot.querySelector("#freeze-frame-left-foot"),this.oDOMFrozenRightFoot=this.shadowRoot.querySelector("#freeze-right-foot"),this.oDOMFrozenMainFoot=this.shadowRoot.querySelector("#freeze-main-foot"),this.oDOMFrozenLeftFoot=this.shadowRoot.querySelector("#freeze-left-foot"),this.oDOMFrozenLeftStyle=this.associateChild(u.default.zgFrozenColgroup.tagName,null,"freeze-left-columns","zing-grid-freeze-style-left"),this.oDOMFrozenRightStyle=this.associateChild(u.default.zgFrozenColgroup.tagName,null,"freeze-right-columns","zing-grid-freeze-style-right"),this.oDOMBatchEditStyle=this.associateChild(u.default.batchEdit.tagName,null,"batch-edit","zing-grid-batch-edit"),this.oDOMBodyFrame=this.shadowRoot.querySelector(u.default.zg.shadow.frameBodyWrapper),this.oDOMSource=this.querySelector(u.default.zgSource.tagName)||null,this.oDOMNodata=this.querySelector(u.default.zgNoData.tagName)||null,this.oTopPager=this.querySelector('zg-pager[slot="top"]')||this.oTopPager,this.oBottomPager=this.querySelector('zg-pager[slot="pager"]')||this.oBottomPager;const t=this.shadowRoot.querySelector(u.default.attr.style);t&&(this.initialGridCss=t.textContent),this.oDOMClipboard=this.shadowRoot.querySelector(".zing-grid-clipboard");const o=this.querySelector(u.default.zgLoadMask.tagName);e.loadmask=this.associateChild(u.default.zgLoadMask.tagName),e.loadmask.widget=this.widget,o?this.loading&&e.loadmask.setAttribute(u.default.zgLoadMask.defaultAttr,""):(e.loadmask.setAttribute(u.default.zgLoadMask.defaultAttr,""),e.loadmask.default()),this.oDOMWaterMark=this.querySelector(u.default.zgWatermark.tagName)||this.oDOMWaterMark,e.oDOMScrollerWrapper=this._oShadowRoot.querySelector(u.default.zg.shadow.frameBodyWrapper),e.oDOMScroller=e.oDOMScrollerWrapper,f.V5||this.setAttribute(u.default.attr.staticscroll,"")}processProperties(){const{columns:e,widget:t}=this,{store:o,layoutManager:n,viewportManager:r}=t;if(this.defaultBodyOverflow=window.getComputedStyle(document.body).overflow,void 0!==this.config){t.updateConfig(this.config);const{src:e,data:n}=this.config;o.bNeedsLoad=!(!e&&!n)}if(void 0!==e&&t.updateConfig({columns:e}),void 0!==this.card&&this._setCard(this.card),void 0!==this.src){let e={src:this.src};o.updateConfig(e),o.bNeedsLoad=!0}else void 0!==this.data&&o.setData(this.data);if(void 0===this.params||this.oDOMData||o.loadData({},this.params),void 0!==this.headerAutoFormat&&this._setHeaderAutoFormat(this.headerAutoFormat),void 0!==this.nestedDataSeparator&&this._setNestedDataSeparator(this.nestedDataSeparator),this.headerRowHide&&(t.bHeaderRowHide=this.headerRowHide),this.recordCount&&o.setOriginRecordCount(this.recordCount),void 0===this.contextMenu&&void 0===this.staticMenu||t.menuManager.initMenu(),t.bConfirmDelete="disabled"!==this.confirmDelete,t.bCellFocus="disabled"!==this.cellFocus,void 0!==this.groupBy&&this._setGrouping(this.groupBy),this.hasAttribute(u.default.editorControls.attr)&&!this.hasAttribute(u.default.editor.attr)){const e=this.getAttribute(u.default.editorControls.attr);"false"!==e&&"disabled"!==e&&(this.bSettingEditor=!0,this.setAttribute(u.default.editor.attr,""),this.bSettingEditor=!1)}t.editorManager.setInitialEditorType(),this.caption&&this._setCaption(this.caption),this.search&&this._setSearch(t.bHasSearchEnabled),this.columnsControl&&this._setColumnsControl(this.columnsControl),this.staticMenu&&this._setStaticMenu(this.staticMenu),(this.columnDrag||this.columnDragAction)&&this._setColumnDrag(this.columnDrag,this.columnDragAction),(this.columnResizable||this.columnResizablePersistent)&&this._setColumnResizable(this.columnResizable,this.columnResizablePersistent),this.frozenColumnsLeft&&(t.nLeftFrozenColumns=parseInt(this.frozenColumnsLeft,10)),t.initialConfig.frozenColumnsLeft=t.nLeftFrozenColumns,this.frozenColumnsRight&&(t.nRightFrozenColumns=parseInt(this.frozenColumnsRight,10)),t.initialConfig.frozenColumnsRight=t.nRightFrozenColumns,t._adjustFrozenColumns(!0),this.frozenRowsTop&&!t.bGroupBy&&(t.nTopFrozenRows=parseInt(this.frozenRowsTop,10)),t.initialConfig.frozenRowsTop=t.nTopFrozenRows,this.frozenRowsBottom&&(t.store.isIncrementalLoad()?(d.Aq("Frozen bottom rows is not supported with incremental data loading"),this.frozenRowsBottom=0):t.nBottomFrozenRows=parseInt(this.frozenRowsBottom,10)),t.initialConfig.frozenRowsBottom=t.nBottomFrozenRows,void 0!==this.defaultDisplay&&this._setDefaultDisplay(this.defaultDisplay),this._setControlBar(),this.viewportTypes&&(r.types=this.viewportTypes),r.allow&&r.setViewport(),t.initialConfig.layout=this.layout,n.setLayout(),void 0!==this.layoutControls?(this.bUserLayoutControls=!0,this._setLayoutControls(this.layoutControls)):this.layout&&this._setLayoutControls(!0),this.batchEdit&&this._setBatchEditControls(this.batchEdit),this.editor&&(t.editorManager.type=this.editor),this.creator&&this.creator===u.default.editor.typeInline&&(t.editorManager.createType=this.creator),void 0!==this.pagerPosition&&void 0===this.pager&&this._autoSetPager(),void 0===this.pager&&void 0===this.pagerPosition||this._attachPager(this.pager,null,this.pagerPosition,null),this.pagerType&&void 0!==this.pager&&this._setPagerType(this.pagerType,this.pagerButtonLimit),t.initialConfig.pageSize=this.pageSize,(this.pageSize||this.pageSizeRow||this.pageSizeCard)&&t.calculatePageSize(),this.rowSelector&&this._setRowSelector(!0),(this.source||this.oDOMSource)&&t.sourceManager.initSource(),this._attachNodata(this.noData,!0),this.externalThemeArr=[],this.externalThemeName=null,this._setThemeIconSVG(this.theme),this._setThemeCSS(this.theme),this._setGridClasses(),(this.zebra||""===this.zebra)&&this._setZebra(this.zebra),(this.rowHeight||this.frozenColumnsLeft||this.frozenColumnsRight)&&this._setRowHeight(this.rowHeight,this.frozenColumnsLeft||this.frozenColumnsRight),this.pageSizeOptions&&this.setPageSizeOptions(this.pageSizeOptions),void 0===this.sort&&void 0===this.sorter||this._setSorter(this.sort,this.sorter),t.sValidationErrorMessage=this.validationErrorMessage,t.sValidationRequiredMessage=this.validationRequiredMessage,(this.style.width||this.width)&&(this.width||(this.width=this.style.width),this._setScrollWidth(this.width)),this.templateStartDelimiter&&(o.templateStartDelimiter=this.templateStartDelimiter),this.templateEndDelimiter&&(o.templateEndDelimiter=this.templateEndDelimiter),this.iconSetData&&(this.iconSetDataMap=window[this.iconSetData]),this.preserveStateId&&this.widget.on("afterloaded",(()=>{this.widget.bAPIReady||this._wrapAPI((()=>t.stateManager.loadState()))}),this)}associateChild(e,t,o,n,r,i,a){let s;n?(s=`${e}#${n}`,r&&(s+=`, ${e}:not([id])`)):s=e;let l=this.querySelector(s);return l||(t||(t=document.createElement(e)),i?this.insertBefore(t,i):this.appendChild(t),l=t),n&&(l.id=n),o&&l.setAttribute("slot",o),void 0!==a&&(l.oDOMBody=this[`oDOM${a}Body`],l.oDOMHead=this[`oDOM${a}Head`],l.oDOMFoot=this[`oDOM${a}Foot`]),l}ready(){super.ready(),this.paint(),setImmediate((()=>{this.widget&&!this.widget.bDisconnect&&this.componentsLoaded()}))}paint(){this.widget.update(),this.widget.fire(u.default.event.afterPaint)}disconnectedCallback(){const e=this.widget;e&&(e.bDisconnect=!0),super.disconnectedCallback(),this.observer&&(this.observer.unobserve(this),this.observer=null),e&&e.destroy();const t=Object.keys(this);for(let e=0;e<t.length;e++){const o=t[e];this.hasOwnProperty(o)&&"object"==typeof this[o]&&(this[o]=null,delete this[o])}}ons(){const e=this.widget,t=e.focusManager;this.on("click",this.closeMenus),this.on("mousedown",t.clickFocus,t),this.on("focus",t.onFocus,t),this.on("keydown",t.onGridKeyDown,t,{},!1),this.on("contextmenu",e.onContextMenu,e,{},!1),e.store.once("loaded",(()=>e.fullscreenManager.setFullscreen()));const o=e.mainGridHScroll;this.oDOMVScroller=this._oShadowRoot.querySelector("#scroll"),o.on("scroll",(()=>{this.widget.updateHeadFootScroll(!1)}))}watchVisibility(){if("undefined"==typeof IntersectionObserver)return;if("inline-block"===window.getComputedStyle(this).getPropertyValue("display"))return;const e={root:document.documentElement};let t=null;this.observer=new IntersectionObserver(((e,o)=>{e.forEach((e=>{const o=e.intersectionRatio>0;null!==t&&this.bReady?o&&!t?(t=!0,this.updateSize(!0,void 0,!0)):t=!1:t=o}))}),e),this.observer.observe(this)}appendMenu(e){e&&e.oElMenu&&(e.bDefined?e.bDefined=!1:this.appendChild(e.oElMenu))}removeMenu(e){e&&e.oElMenu&&this.removeChild(e.oElMenu)}closeMenus(e,t){if(0===e.nButton){if(t.tagName.toLowerCase()===u.default.zgButton.tagName)return;this.widget.menuManager&&this.widget.menuManager.isMenuOpen()&&this.widget.menuManager.closeMenu(),this.widget.columnMenu&&this.widget.columnMenu.isMenuOpen()&&this.widget.columnMenu.closeMenu(t)}}customizeDialog(e,t){return this._wrapAPI((()=>this.widget.dialogManager.customize(e,t))),this}hydrate(){this.widget.store.load(),this.widget.store.bNeedsLoad=!1}componentsLoaded(){this.widget.bNeedsFrozenAdjust&&this.widget._adjustFrozenColumnsFromAttribute(),this.loadData()}loadData(){const e=this.widget,t=e.store;if(e.bPreloaded)return e.bAPIReady=!0,e.bHydrating=!0,this.hydrate(),e.bPreloaded=!1,void e.fire("apiready");t.bNeedsLoad?(t.load(),t.bNeedsLoad=!1):e.bAPIReady||t.finishNoData()}resetData(){const e=this.widget.store;if(e.dumpDataRequest(),e.initModel(),this.getAttribute("data")?e.setData(this.getAttribute("data")):e.data=null,e.src=null,this.getAttribute("src")){let t={src:this.getAttribute("src")};e.updateConfig(t)}e.reload()}filterColumn(e,t){return this._wrapAPI((()=>{if(this.widget.filter){let o=this.widget.getColumnByFieldIndex(e);o&&o.bFilter?this.widget.filter.setFilter(o,t):o?d.Aq(`The '${e}' column does not support filtering.`):d.Aq(`The column with [index="${e}"] does not exist.`)}})),this}select(e,t,o,n){return this._wrapAPI((()=>{const r=this.widget;if(!r.selector&&!r.bCellFocus)return this;let i=void 0===o,a=void 0===n;r.selector.deSelectAll(),a&&i?r.selector.se.cell(e,t):(a&&(n=t),i&&(o=e),r.selector.se.initRange(e,t,o,n)),r.selector.se.select(!0)})),this}selectAll(){return this._wrapAPI((()=>{const e=this.widget;if(!e.selector)return this;e.selector.se.selectAll().select()})),this}deselect(){return this._wrapAPI((()=>{const e=this.widget;if(!e.selector)return this;e.selector.deSelectAll()})),this}firstPage(){return this._wrapAPI((()=>this.widget.firstPage())),this}getCaption(){return this.caption||!1}getData(e){let t="visible"===(e=e||{}).cols,o="visible"===e.rows,n=e.headers&&!e.csv,r=this.widget.store.cleanData(t,o,n);return e.csv&&(r=d.Ae(r,e,this.widget)),r}getPageIndex(){return this.widget.getCurrPageIdx()+1}getPageSize(){return this.widget.pageSize}hideColumn(e){return this._wrapAPI((()=>this.toggleColumn(e,!0))),this}hideCellOverflow(e){return this._wrapAPI((()=>this.oDOMCellOverflow.close())),this}insertRow(e,t,o){return this._wrapAPI((()=>this.widget.insertRow(e,t,o))),this}updateRecord(e,t,o,n){return this._wrapAPI((()=>this.widget.updateRow(t,e,o,n))),this}removeRecord(e,t){return this._wrapAPI((()=>this.widget.removeRow(e,!0,void 0,t))),this}updateRow(e,t,o,n){return this._wrapAPI((()=>{let r=this.widget.getRecordIndexByDataRowContainerIndex(e);this.widget.updateRow(t,r,o,n)})),this}removeRow(e,t){return this._wrapAPI((()=>{let o=this.widget.getRecordIndexByDataRowContainerIndex(e);this.widget.removeRow(o,!0,void 0,t)})),this}updateCellByPosition(e,t,o,n){return this._wrapAPI((()=>{const r=this.widget.selectorEngineManager.$cell(e,t);if(r){const e=r.sTargetRecordIndex,t=r.sTargetFieldIndex;this.widget.updateCell(e,t,o,n)}})),this}updateCellByID(e,t,o,n){return this._wrapAPI((()=>this.widget.updateCell(e,t,o,n))),this}lastPage(){return this._wrapAPI((()=>this.widget.lastPage())),this}nextPage(){return this._wrapAPI((()=>this.widget.nextPage())),this}prevPage(){return this._wrapAPI((()=>this.widget.prevPage())),this}refresh(e,t){if(void 0!==e)e=parseInt(e,10),d.Uh(t)&&(t=parseInt(t,10)),this.widget.update({bUpdateBodyContent:!0},e,t);else{let e=this.widget;!e.store.isIncrementalLoad()&&e.oDOMSortedColumn&&e.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader&&e.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader.clearStyle(!0),this.widget.store.reload()}}refreshGrid(){this.refresh(),this.bReady&&g.default.refresh(this.widget)}searchGrid(e){return this._wrapAPI((()=>{const t=this.widget.search;t&&(t.oDOMInput.value=e,!t.searchBarVisible&&e&&t.searchBtnClickToggle(void 0,!0),t.triggerSearch())})),this}setCaption(e){return this._wrapAPI((()=>this.caption=e)),this}setData(e){return this._wrapAPI((()=>this.data=e)),this}setPageIndex(e){let t=parseInt(e,10);if(!isNaN(e))return this._wrapAPI((()=>this.widget.setCurrPageIdx(t-1))),this}setPageSize(e){let t=parseInt(e,10);if(!isNaN(t))return this.widget.bUserPageSize=!0,this._wrapAPI((()=>this.widget.setPageSize(t))),this}setPageSizeCard(e){let t=parseInt(e,10);return isNaN(t)?this:this.setElementAPI("page-size-card",t)}setPageSizeRow(e){let t=parseInt(e,10);return isNaN(t)?this:this.setElementAPI("page-size-row",t)}setPageSizeOptions(e){return this._wrapAPI((()=>{e||(e=u.default.zgPager.defaultPageSizes),this.oTopPager&&this.oTopPager.setAttribute("size-options",e),this.oBottomPager&&this.oBottomPager.setAttribute("size-options",e)})),this}showColumn(e){return this._wrapAPI((()=>this.toggleColumn(e,!1))),this}sortColumn(e,t){return this._wrapAPI((()=>{if(this.widget.sorter){let o=this.widget.getColumnByFieldIndex(e);o&&o.oDOMSortHeader?(t=t||null,o.oDOMSortHeader.onSort(null,null,t)):o||d.Aq(`The column with [index="${e}"] does not exist.`)}})),this}toggleColumn(e,t){let o=this.widget.getColumnIndexByFieldIndex(e);if(-1!==o){let e=this.widget.aColumnMapping[o],n=e.oDOMZGColumn;if(void 0===t&&(t=!n.hasAttribute("hidden")),e.bHidden===t)return;t?n.setAttribute("hidden",!0):n.removeAttribute("hidden")}else d.Aq(`The column with [index="${e}"] does not exist.`);return this}_propertyHandler(e,t,o){o=super._propertyHandler(e,t,o);const n=this.widget,r=n.store,i=d.c7.get(n,["viewportManager"]);switch(e){case"aggregate":this.bReady&&this._updateColumnControls("aggregate",o);break;case"batchEdit":this.bReady&&this._setBatchEditControls(o);break;case"align":this.bReady&&this._setAlign(o);break;case"buttonTooltipDisabled":this.bReady&&this._setButtonTooltipDisabled(o);break;case"card":this.bReady&&this._setCard(o);break;case"caption":this.bReady&&this._setCaption(o);break;case"cellBreak":this.bReady&&this._setCellBreak(o);break;case"cellClass":this.bReady&&this._setClass(o,"Cell");break;case"cellTooltipRenderer":this._setCellTooltipRenderer(o);case"cellTooltipTemplate":this._setCellTooltipTemplate(o);case"cellTooltipDelay":case"cellTooltipIcon":case"cellTooltipPosition":case"cellTooltipType":case"cellTooltipAction":this._setCellTooltipOptions(e,o);break;case"colClass":this.bReady&&this._setClass(o,"Col");break;case"columnsControl":n.bHasColumnsControl=!!o,this.bReady&&this._setColumnsControl(!!o);break;case"columnResizablePersistent":this.bReady&&this._setColumnResizable(this.columnResizable,!!o);break;case"columnResizable":this.bReady&&this._setColumnResizable(!!o,this.columnResizablePersistent);break;case"frozenColumnsLeft":if(this.bReady&&!n.bUpdatingFrozen)if(n.layoutManager.sCurrentType!==u.default.zgLayout.typeCard&&this.layoutType!==u.default.zgLayout.typeCard){n.nLeftFrozenColumns=parseInt(o,10)||0,this._setRowHeight(this.rowHeight,n.nLeftFrozenColumns||n.nRightFrozenColumns);let e=n.nLeftFrozenColumns+n.nRightFrozenColumns,t=n.aColumnMapping.length-e;t<0&&(n.nRightFrozenColumns+=t,n.nRightFrozenColumns<0&&(n.nRightFrozenColumns=0)),n._adjustFrozenColumns(),n.updater.clearCache(),n.update(),n.updater.checkHorizontalScroll()}else n.nCardLeftFrozenColumns=parseInt(o,10)||0;break;case"frozenColumnsRight":if(this.bReady&&!n.bUpdatingFrozen)if(n.layoutManager.sCurrentType!==u.default.zgLayout.typeCard&&this.layoutType!==u.default.zgLayout.typeCard){n.nRightFrozenColumns=parseInt(o,10)||0,this._setRowHeight(this.rowHeight,n.nLeftFrozenColumns||n.nRightFrozenColumns);let e=n.nLeftFrozenColumns+n.nRightFrozenColumns,t=n.aColumnMapping.length-e;t<0&&(n.nLeftFrozenColumns+=t,n.nLeftFrozenColumns<0&&(n.nLeftFrozenColumns=0)),n._adjustFrozenColumns(),n.updater.clearCache(),n.update(),n.updater.checkHorizontalScroll()}else n.nCardRightFrozenColumns=parseInt(o,10)||0;break;case"frozenRowsTop":this.bReady&&!n.bGroupBy&&(n.layoutManager.sCurrentType!==u.default.zgLayout.typeCard&&this.layoutType!==u.default.zgLayout.typeCard?(n.nTopFrozenRows=parseInt(o,10)||0,n.bUpdatingFrozen||n.bReload||(n.updateFrozenRowMapping(),n.updater.clearCache(),n.update(),n.fire(u.default.event.frozenrowchange,"top",o,t))):n.nCardTopFrozenRows=parseInt(o,10)||0);break;case"frozenRowsBottom":this.bReady&&!n.bGroupBy&&(n.layoutManager.sCurrentType!==u.default.zgLayout.typeCard&&this.layoutType!==u.default.zgLayout.typeCard?(n.nBottomFrozenRows=parseInt(o,10)||0,n.bUpdatingFrozen||n.bReload||(n.updateFrozenRowMapping(),n.updater.clearCache(),n.update(),n.fire(u.default.event.frozenrowchange,"bottom",o,t))):n.nCardBottomFrozenRows=parseInt(o,10)||0);break;case"columns":if(this.bReady){n.updateConfig({columns:o});const{data:e,src:t}=this;(e||t)&&r.reload()}break;case"config":if(this.bReady){n.updateConfig(o);const{data:e,src:t}=o;(e||t)&&r.load()}break;case"contextMenu":"boolean"==typeof o||"true"===o?(n.bHasContextMenuEnabled=!!o,n.sContextMenuId=null):null===o?n.bHasContextMenuEnabled=!1:(n.bHasContextMenuEnabled=!0,n.sContextMenuId=o),this.bReady&&n.bHasContextMenuEnabled&&n.menuManager.initMenu(!0);break;case"cellFocus":n.bCellFocus="disabled"!==o;break;case"compact":n.bCompact=o,n.nDefaultRowHeight=o?u.default.zgRow.defaultCompactHeight:u.default.zgRow.defaultHeight,n.nDefaultHeadHeight=o?u.default.zgRow.defaultCompactHeadHeight:u.default.zgRow.defaultHeadHeight,this.bReady&&n.update();break;case"confirmDelete":n.bConfirmDelete=!0,o&&"disabled"!==o||(n.bConfirmDelete=!1);break;case"data":r&&!r.bUpdatingData&&this.bReady&&(o=r.setData(o),r.bHasDataSource&&(this.removeAttribute("src"),r.dumpDataRequest()),n.bAPIReady&&r.reload(void 0,!0));break;case"defaultDisplay":this.bReady&&this._setDefaultDisplay(o);break;case"dir":this.bReady&&(o?n.sComputedDir=o:n.initDir(),this.querySelectorAll("zg-button[dir]").forEach((e=>{e.setAttribute("dir",n.sComputedDir),e.setTooltip(e.action,n,e.customTooltip)})),this.querySelectorAll("zg-filter, zg-select, zg-dialog, zg-menu-group, zg-head-cell, zg-option-list, zg-control-bar, zg-pager").forEach((e=>{o?e.setAttribute("dir",n.sComputedDir):e.removeAttribute("dir")})),n.updater.clearCache(),n.update());break;case"columnDrag":this.bReady&&this._setColumnDrag(o,this.columnDragAction);break;case"columnDragAction":this.bReady&&this._setColumnDrag(this.columnDrag,o);break;case"cellEditor":null===o&&n.bHasEditorEnabled?n.bHasCellEditorEnabled=!0:o&&"disabled"!==o?(n.bHasCellEditorEnabled=!0,n.bHasEditorEnabled=!0):n.bHasCellEditorEnabled=!1;break;case"creator":o!==u.default.editor.typeInline&&(o=u.default.editor.typeModal),this.bReady&&(n.editorManager.createType=o);break;case"editor":n.editorFieldManager&&n.editorFieldManager.isEditorOpen()&&(n.editorFieldManager.closeFieldEditor(!0),n.editorManager&&n.editorManager.closeEditor()),o?("true"===o&&(o=u.default.editor.typeInline),n.bHasEditorEnabled=!0,"disabled"!==this.cellEditor&&!1!==this.cellEditor&&(n.bHasCellEditorEnabled=!0),this.bReady&&(n.editorManager.type=o),this.bSettingEditor?this.bUserEditorControls=!1:this.bUserEditorControls=!0):(n.bHasEditorEnabled=!1,!0!==this.cellEditor&&(n.bHasCellEditorEnabled=!1),this.bUserEditorControls=!1);break;case"editorControls":this.bReady&&(n.bUpdatingColumns=!0,this._updateColumnControls("editorControls",o,!0),this._attachNodata(this.noData),n.setupCardHeader(),o&&"disabled"!==o?this.hasAttribute(u.default.editor.attr)||(this.bSettingEditor=!0,this.setAttribute(u.default.editor.attr,""),this.bSettingEditor=!1):this.bUserEditorControls||this.removeAttribute(u.default.editor.attr),n.bUpdatingColumns=!1,n.updater.clearCache(),n.updater.clearStyle(),n.update());break;case"filter":let a=0;if(n.bHasFilterEnabled&&!o?a=-1:!n.bHasFilterEnabled&&o&&(a=1),n.bHasFilterEnabled=o,n.bGlobalFilter=o,this.bReady&&n){for(let e=0,t=n.aColumnMapping.length;e<t;e++){let t=n.aColumnMapping[e].oDOMZGColumn;const r=["undefined",null],i=typeof t.filter;r.indexOf(i)>-1&&(t.filter=o)}a&&this._updateRowIndex(a),n.update()}break;case"footClass":this.bReady&&this._setClass(o,"Foot");break;case"fullscreen":d.SZ({el:document.body,attr:"zinggrid-fullscreen",match:o,value:""}),this.bReady&&(o?n.fullscreenManager.setFullscreen(!0):n.fullscreenManager.unsetFullscreen());break;case"gridlines":this.bReady&&this._setGridLines(o);break;case"groupBy":this.bReady&&this._setGrouping(o);break;case"headerAutoFormat":this.bReady&&(this._setHeaderAutoFormat(o),n.update({bUpdateColumnHeaderContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0}));break;case"nestedDataSeparator":this.bReady&&(this._setNestedDataSeparator(o),r.reload());break;case"headerRowHide":this.bReady&&(n.bHeaderRowHide=o,n.update({bUpdateColumnHeaderContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnBodyContainerClass:!0}));break;case"headerTooltipRenderer":this._setHeaderTooltipRenderer(o);case"headerTooltipTemplate":this._setHeaderTooltipTemplate(o);case"headerTooltipIcon":case"headerTooltipIconPosition":case"headerTooltipPosition":case"headerTooltipDelay":case"headerTooltipType":case"headerTooltipAction":this._setHeaderTooltipOptions(e,o);break;case"headerTooltipTrigger":this._setHeaderTooltipOptions(e,o,!0);break;case"headClass":this.bReady&&this._setClass(o,"Head");break;case"height":this._setScrollHeight(o);break;case"iconSet":this.bReady&&n.iconManager.updateIcons(o);break;case"lang":g.default.setLang(o,n),this.bReady&&g.default.refresh(n);break;case"layout":this.bReady&&(this.bUserLayoutControls||this._setLayoutControls(o),n.layoutManager.setLayout({isReset:null===o}));break;case"layoutControls":this.bReady&&(this.bUserLayoutControls=null!==o,this._setLayoutControls(o));break;case"noData":this.bReady&&this._attachNodata(o);break;case"pager":if(r&&r.oDataFormat.bLoadByScroll)return;this.bReady&&(o&&!this._settingPager&&(this.bGeneratedPager=!1),this._attachPager(o,t,this.pagerPosition,this.pagerPosition));break;case"pagerPosition":this.bReady&&(null===o?this.bGeneratedPager&&(this.pager=!1,this.bGeneratedPager=!1):void 0===this.pager&&this._autoSetPager(),this._attachPager(this.pager,this.pager,o,t));break;case"pagerButtonLimit":this.bReady&&this.pager&&this._setPagerType(this.pagerType,o);break;case"pagerType":this.bReady&&this.pager&&this._setPagerType(o,this.pagerButtonLimit);break;case"pageSize":case"pageSizeRow":case"pageSizeCard":n.bUserPageSize=!0,this.bReady?n.calculatePageSize(null,!1,e,o):"pageSize"===e&&n.setPageSize(o);break;case"pageSizeOptions":this.bReady&&this.setPageSizeOptions(o);break;case"params":this.bReady&&r.loadData(this.oDOMData?this.oDOMData.options:{},o,null,!0);break;case"preserveStateOptions":case"preserveStateId":case"preserveStateLoad":case"preserveStateSave":n.oStateOptions[e]=o,this.bReady&&"preserveStateSave"!==e&&n.stateManager.loadState();break;case"recordCount":this.bReady&&(r.setOriginRecordCount(o),n.fire(u.default.event.pagesizechange,o));break;case"frozenRowClass":this.bReady&&this._setClass(o,"FrozenRow");break;case"rowClass":this.bReady&&this._setClass(o,"Row");break;case"rowHeight":this.bReady&&this._setRowHeight(o);break;case"search":n.bHasSearchEnabled=!!o,this.bReady&&this._setSearch(n.bHasSearchEnabled);break;case"selector":o?n.bHasSelectorEnabled=!0:(n.selector.bHasSelection&&n.selector.deSelectRange(),n.bHasSelectorEnabled=!1);break;case"rowSelector":this.bReady&&(o&&this.rowSelector||!o&&!this.rowSelector||(this._setRowSelector(o),this._updateColumnControls("rowSelector",o)));break;case"recordKey":if(this.bReady)if(o&&this.recordKey||!o&&!this.recordKey){if(o&&this.recordKey){let e=n.aColumnMapping.find((e=>e.sFieldIndex===u.default.internalColumn.recordkey));e&&(e.oDOMZGColumn.header=o)}}else this._updateColumnControls("recordKey",o);break;case"recordDuplicate":this.bReady&&(o&&this.recordDuplicate||!o&&!this.recordDuplicate||this._updateColumnControls("recordDuplicate",o));break;case"sort":this.bReady&&(this._setSorter(o,this.sorter),this._toggleSorter(o));break;case"sortIntl":n.sSortIntl=o,this.bReady&&this._setSortIntl(o);break;case"sorter":this.bReady&&this._setSorter(this.sort,o);break;case"source":this.bReady&&n.sourceManager.setSource({source:o});break;case"src":if(this.bReady)if(n.dumpMapping(),r.dumpModel(),r.bHasDataSource&&r.dumpDataRequest(),o){r.data&&r.data.length&&(r.initModel(),this.removeAttribute("data"));let e={src:o};this.oDOMData?r.loadData(this.oDOMData.options,this.params,e):(r.updateConfig(e,!0),r.load())}else{let e={src:o};r.updateConfig(e),r.load()}break;case"staticMenu":if("boolean"==typeof o||"true"===o){const e=this.contextMenu;n.bHasStaticMenu=!!o,e&&"string"==typeof e||(n.sContextMenuId=null)}else null===o?n.bHasStaticMenu=!1:(n.bHasStaticMenu=!0,n.sContextMenuId=o);this.bReady&&this._setStaticMenu(n.bHasStaticMenu,!0);break;case"statusPosition":this.bReady&&this.oDOMStatus.hasAttribute(u.default.attr.active)&&this.widget.statusManager.setStatus();break;case"theme":this.bReady&&(this._setThemeCSS(o),this._setThemeIconSVG(o));break;case"validationErrorMessage":this.bReady&&(n.sValidationErrorMessage=o);break;case"validationRequiredMessage":this.bReady&&(n.sValidationRequiredMessage=o);break;case"viewportPause":if(!this.bReady)return;o?i.run="pause":o||i.run.stop||(i.run=!0);break;case"viewportStop":if(!this.bReady)return;o?i.run=!1:o||i.run.pause||(i.run=!0);break;case"viewportTypes":this.bReady&&(i.types=o,i.allow&&i.setViewport());break;case"width":this.bReady&&this._setScrollWidth(o);break;case"templateStartDelimiter":case"templateEndDelimiter":this.bReady&&(r[e]=o||u.default.template[e],n.updater.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0}));break;case"zebra":this.bReady&&this._setZebra(o)}return this.bReady&&["rowClass","cellClass","colClass","footClass","headClass","zebra","frozenRowClass"].includes(e)&&(n.bNeedUpdate=!0),o}_applyCss(e){":"===e.charAt(0)&&this.shadowRoot.querySelector("style").insertAdjacentText("afterbegin",`${e} ${this.initialGridCss}`)}_autoSetPager(){this.bGeneratedPager=!0,this._settingPager=!0,this.pager=!0,this._settingPager=!1}_attachNodata(e,t){let o=!!e;this.oDOMNodata?t&&(o=!0):(this.oDOMNodata=document.createElement(u.default.zgNoData.tagName),this.appendChild(this.oDOMNodata)),e?this.oDOMNodata.classList.add("attr"):this.oDOMNodata.classList.remove("attr"),o?this.oDOMNodata.classList.remove("default"):this.oDOMNodata.classList.add("default");const n=this.getAttribute(u.default.attr.editorcontrols),r=["false",u.default.editorControls.editor,u.default.editorControls.remover],i=(n||""===n)&&-1===r.indexOf(n),a=document.createElement("SPAN");if(e)this.oDOMNodata.innerHTML=e;else if(!o){this.oDOMNodata.innerHTML="";const e=a.cloneNode(!0),t=g.default.get("noData.message",this.widget,{element:e,elProperty:"innerHTML"});e.classList.add("default-message"),e.innerHTML=t,this.oDOMNodata.appendChild(e)}if(!o&&i){const e=a.cloneNode(!0);e.classList.add("default-insert-record");const t=g.default.get("noData.insertRecord",this.widget,{element:e,elProperty:"innerHTML"});e.innerHTML=`\n        <zg-button action="createrecord" no-data notooltip>\n          <zg-icon name="createrecord" slot="icon"></zg-icon> \n          <span slot="label">${t}</span>\n        </zg-button>\n      `,this.oDOMNodata.appendChild(e)}this.oDOMNodata.setAttribute("slot","gridnodata")}_attachPager(e,t,o,n){const r=this.widget,i=r.store;if(i&&i.oDataFormat.bLoadByScroll)return;null==o&&(o="bottom"),void 0===n&&(n="bottom");let a=["top","both"],s=["bottom","both"],l=[null,!1,"false",void 0],d=this.oBottomPager,c=this.oTopPager;c||(c=document.createElement("zg-pager"),c.setAttribute("slot","top"),this.oTopPager=c),void 0===d&&(d=document.createElement("zg-pager"),d.setAttribute("slot","pager"),this.oBottomPager=d),l.includes(t)||(a.includes(n)&&this.removeChild(this.oTopPager),s.includes(n)&&this.removeChild(this.oBottomPager)),l.includes(e)||(a.includes(o)&&!this.oTopPager.parentNode&&(this.appendChild(this.oTopPager),r.updateFocus(null,this.oTopPager,r.focusManager.aTopPager)),s.includes(o)&&!this.oBottomPager.parentNode&&(this.appendChild(this.oBottomPager),r.updateFocus(null,this.oBottomPager,r.focusManager.aBottomPager)))}_setPagerType(e,t){e?(this.oTopPager&&(this.oTopPager.setAttribute(u.default.zgPager.typeAttr,e),t?this.oTopPager.setAttribute(u.default.zgPager.buttonLimitAttr,t):this.oTopPager.removeAttribute(u.default.zgPager.buttonLimitAttr)),this.oBottomPager&&(this.oBottomPager.setAttribute(u.default.zgPager.typeAttr,e),t?this.oBottomPager.setAttribute(u.default.zgPager.buttonLimitAttr,t):this.oBottomPager.removeAttribute(u.default.zgPager.buttonLimitAttr))):(this.oTopPager&&(this.oTopPager.removeAttribute(u.default.zgPager.typeAttr),this.oTopPager.removeAttribute(u.default.zgPager.buttonLimitAttr)),this.oBottomPager&&(this.oBottomPager.removeAttribute(u.default.zgPager.typeAttr),this.oBottomPager.removeAttribute(u.default.zgPager.buttonLimitAttr)))}_attributeHandler(e,t,o){e!==u.default.editor.attr||void 0!==this.userEditorValue||this.widget&&this.widget.bUpdatingEditor||this._storeEditorValue(),super._attributeHandler(e,t,o)}_loadCss(e){let t=e.split(".css");1!==t.length&&(t=t[0].split("/"),this.setAttribute("theme",t[t.length-1]),fetch(e).then((e=>e.text())).then((e=>this._applyCss(e))))}_setCard(e){let{rendererTemplate:t,editorTemplate:o,renderer:n,editor:r}=e;const i=this.widget,a=i.oCard||document.createElement(u.default.zgCard.tagName);t||(t=e["renderer-template"]),o||(o=e["editor-template"]),t&&a.setAttribute("renderer-template",t),o&&a.setAttribute("editor-template",o),n&&a.setAttribute("renderer",n),r&&a.setAttribute("editor",r),i.oCard||this.appendChild(a),this.bReady&&(this.widget.updater.clearCache(),this.widget.update())}_setCaption(e,t){const o=this.widget;let n=!1;if(!this.oDOMCaption){let o=document.createElement(u.default.zgCaption.tagName);(null!==e||t)&&this._attachToParent(o,this.oDOMHeader),this.oDOMCaption=o,n=!0}if(o.messageCaption)o.changedCaption=e;else{if(!(e||t||o.bHasStaticMenu||o.bHasSearchEnabled))return this.oDOMHeader&&!n&&this.oDOMHeader.removeChild(this.oDOMCaption),void(this.oDOMCaption=null);this.oDOMCaption.changeText(e),this.oDOMCaption.hasAttribute("slot")||this.oDOMCaption.setAttribute("slot","caption"),o.updateFocus("Caption")}}_setSelectorCheckbox(e){const t=this.oDOMControlBar||this.querySelector(u.default.zgControlBar.tagName);t&&(this.caption||this.oDOMCaption||this._setCaption(null,!0),e.slot="cardaction",e.setAttribute(u.default.attr.datafocus,""),t.oDOMSelector&&t.removeChild(t.oDOMSelector),t.insertBefore(e,t.childNodes[0]),t.oDOMSelector=e,t.setAttribute(u.default.attr.internalselector,""),this._toggleControlBar())}_setControlBar(){if(!this.oDOMControlBar){let e=document.createElement(u.default.zgControlBar.tagName);this._attachToParent(e,this.oDOMHeader),this.oDOMControlBar=e}this.oDOMControlBar.setAttribute("slot","control-bar"),this.widget.updateFocus("ControlBar")}_setLayoutControls(e){(e="disabled"!==e&&(""===e||(!(null!==e||!this.hasAttribute(u.default.zgLayout.attr))||!!e)))?(this.oDOMLayoutControls||(this.oDOMLayoutControls=document.createElement(u.default.zgLayoutControls.tagName),this.bReady&&this._attachToParent(this.oDOMLayoutControls,this.oDOMControlBar)),this.oDOMLayoutControls.setAttribute("slot","layout-controls")):!e&&this.oDOMLayoutControls&&(this.oDOMLayoutControls.parentNode.removeChild(this.oDOMLayoutControls),this.oDOMLayoutControls=null),this._toggleControlBar()}_setCreateControls(e){e?(this.oDOMControlBar.oDOMCreate.removeAttribute("hidden"),this.oDOMControlBar.setAttribute(u.default.attr.create,"")):(this.oDOMControlBar.oDOMCreate.setAttribute("hidden",""),this.oDOMControlBar.removeAttribute(u.default.attr.create)),this._toggleControlBar()}_setBatchEditControls(e){this.oDOMControlBar.oDOMBatchEdit&&(e?(this.oDOMControlBar.setAttribute(u.default.attr.batchEdit,""),this.oDOMControlBar.oDOMBatchEdit.removeAttribute("hidden")):(this.oDOMControlBar.removeAttribute(u.default.attr.batchEdit),this.oDOMControlBar.oDOMBatchEdit.setAttribute("hidden","")),this._toggleControlBar())}_setCellBreak(e,t){this.widget.cellBreakManager.setCellBreak(e)}_toggleControlBar(){let e=!1,t=this.oDOMControlBar._oShadowRoot.querySelector('slot[name="cardaction"]').assignedNodes(),o=this.oDOMControlBar._oShadowRoot.querySelector('slot[name="action"]').assignedNodes(),n=this.widget.layoutManager.sCurrentType||this.widget.layoutManager.getLayoutType();o.length&&(e=o.some((e=>null===e.getAttribute("hidden")&&e.tagName.toLowerCase()!==u.default.zgText.tagName))),this.oDOMLayoutControls||e||t.length>1&&n===u.default.zgLayout.typeCard?this.oDOMControlBar.removeAttribute("hidden"):this.oDOMControlBar.setAttribute("hidden","")}_attachToParent(e,t){t.bReady?t.appendChild(e):t.on("ready",(()=>t.appendChild(e)))}_activateLoadByScroll(){const e=this.widget;e.store;let t=this.height||u.default.infinite.defaultHeight;this.height||(this.height=u.default.infinite.defaultHeight),e.oDOMScroller||(e.oDOMScroller=this._oShadowRoot.querySelector(u.default.zg.shadow.frameBodyWrapper),e.scroller&&e.scroller.ons()),e.oDOMScroller.style.height=t,e.oDOMScroller.setAttribute(u.default.attr.height,""),this.oTopPager&&this.oTopPager.remove(),this.oBottomPager&&this.oBottomPager.remove()}_setGrouping(e){const t=this.widget;let o=t.aGroupBy;t.bGroupBy=!!e,t.bGroupBy?("string"==typeof e&&(e=e.split(",").map((e=>e.trim()))),t.aGroupBy=e):t.aGroupBy=[],this.bReady&&t._updateGroupedColumnReset(!0,!t.bGroupBy,o)}_setAlign(e){const t=this.widget,o=t.getAllHeadRows(),n=t.getAllBodyRows(),r=t.getAllFootRows();(o||n||r)&&(this._setAlignByArea(o,e),this._setAlignByArea(n,e),this._setAlignByArea(r,e))}_setAlignByArea(e,t){const o=this.widget;let n=o.aColumnMapping;e.forEach((e=>{e.childNodes.forEach(((e,r)=>{let i=n[r].sAlign||t||null;o.setCellAlignment(e,i)}))}))}_setHeaderAutoFormat(e){if(""===e||null===e?this.widget.bHeaderAutoFormat=!0:(this.widget.bHeaderAutoFormat="disabled"!==e&&!!e,this.widget.bHeaderAutoFormat&&"string"==typeof e&&(this.widget.fnHeaderAutoFormat=h.Z.setUserFunction(null,e))),this.widget.aColumnMapping)for(let e=0,t=this.widget.aColumnMapping.length;e<t;e++){this.widget.aColumnMapping[e].oDOMZGColumn.setHeader()}}_setNestedDataSeparator(e){const t=this.widget;if(t.sNestedDataSeparator=""===e||null===e?".":e,t.aColumnMapping)for(let e=0,o=t.aColumnMapping.length;e<o;e++){t.aColumnMapping[e].oDOMZGColumn.setHeader()}}_updateColumnControls(e,t,o){const n=this.widget,r={editorControls:this.editorControls,rowSelector:this.rowSelector,recordKey:this.recordKey,recordDuplicate:this.recordDuplicate,aggregate:this.aggregate};r[e]=t,n._addColumnControls(r),o||(n.setupCardHeader(),n.updater.clearCache(),n.update())}_updateRowIndex(){this.widget.getAllBodyRows().forEach((e=>e.setBodyIndexes(e.bodyRowIndex)))}_setGridLines(e){const t=this.widget,o=[...t.getAllHeadRows(),...t.getAllBodyRows()];if(e){const t=e.toLowerCase();o.forEach((e=>{"both"===t||"vert"===t||"vertical"===t?e.setAttribute(u.default.attr.gridlinesvert,""):e.removeAttribute(u.default.attr.gridlinesvert),"both"===t||"horz"===t||"horizontal"===t?e.setAttribute(u.default.attr.gridlineshorz,""):e.removeAttribute(u.default.attr.gridlineshorz)}))}else o.forEach((e=>{e.removeAttribute(u.default.attr.gridlinesvert),e.removeAttribute(u.default.attr.gridlineshorz)}))}_setClass(e,t,o){o&&this[`fn${t}Class`]||(this[`fn${t}Class`]=h.Z.setUserFunction(null,e))}_setRowHeight(e,t){!e&&t?e="auto":e||t?e==+e&&(e+="px"):e=void 0,this.widget.nRowHeight=e,!this.cellBreak&&"auto"!==this.rowHeight&&t&&(this.cellBreak=u.default.cellBreak.ellipsis)}_setZebra(e){let t=this.widget;const o=null===e?[]:[u.default.zebra.defaultClass1,u.default.zebra.defaultClass2];if(e&&"true"!==e&&!0!==e){let o=e.split(",");1===o.length&&(o=o[0].split(" ")),t.aZebraClasses=o.map((e=>e.trim()))}else t.aZebraClasses=o}_setColumnsControl(e,t){if(this.caption||t||this.oDOMCaption||this._setCaption(null,!0),!this.oDOMCaption||!this.oDOMCaption.bReady){const t=()=>{this.oDOMCaption&&this.oDOMCaption.bReady?this._setColumnsControl(e):requestAnimationFrame(t)};return void(e&&requestAnimationFrame(t))}const o=this.oDOMCaption.oDOMColumnMenu;e?o.removeAttribute(u.default.attr.hidden):(o.setAttribute(u.default.attr.hidden,""),t||this._checkRemoveCaption())}_checkRemoveCaption(){this.oDOMCaption&&!this.oDOMCaption.showCaption()&&(this.oDOMHeader.removeChild(this.oDOMCaption),this.oDOMCaption=null)}_setDefaultDisplay(e){this.widget.sDefaultDisplay=e,this.bReady&&this.widget.updater.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0})}_setColumnResizable(e,t){if(this.widget.bColumnResizable=e,this.widget.bColumnResizablePersistent=t,void 0===e&&t&&(this.widget.bColumnResizable=!0),this.bReady){[...this.oDOMHead.querySelectorAll(u.default.zgHeadCell.tagName)].forEach((e=>e._setResize()))}}_setColumnDrag(e,t){const o=this.widget;this.bUpdatingDrag||(this.bUpdatingDrag=!0,o.bDragHide=!1,o.bDragMove=!1,e&&void 0===t?(t=u.default.drag.both,this.defaultColumnDragAction=u.default.drag.both):t&&void 0===e?(e=!0,this.columnDrag=!0):e||void 0!==t||(this.defaultColumnDragAction=null),o.bColumnDrag=e,"string"==typeof t&&((t=t.toLowerCase())!==u.default.drag.both&&t!==u.default.drag.hide||(o.bDragHide=!0),t!==u.default.drag.both&&t!==u.default.drag.reorder||(o.bDragMove=!0)),this.widget.columnDragManager.setColumnDrag(),this.bUpdatingDrag=!1)}_setCellTooltipOptions(e,t){const o=this.widget;o.oCellTooltip[e]=t,this.bReady&&o.updater.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0})}_setButtonTooltipDisabled(e){this.querySelectorAll("zg-button[dir]").forEach((t=>{t.setTooltip(t.action,this.widget,t.customTooltip,e)}))}_setCellTooltipRenderer(e){e&&d.HD(e)?this.widget.oCellTooltip.fnCellTooltipRenderer=h.Z.setUserFunction(null,e):this.widget.oCellTooltip.fnCellTooltipRenderer=null}_setCellTooltipTemplate(e){const t=window[e]||document.getElementById(e)||null;this.widget.oCellTooltip.oDOMCellTooltipTemplate=t}_setHeaderTooltipOptions(e,t,o){const n=this.widget;if(n.oHeaderTooltip[e]=t,this.bReady)if(o){const e=n.aColumnMapping;for(let t=0,o=e.length;t<o;t++)e[t].oDOMZGColumn.removeAttribute("min-calculated-header-width");n.update({bUpdateColumnHeaderContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0})}else{[...n.getAllHeadCells(!0)].forEach((e=>e._setHeaderTooltip()))}}_setHeaderTooltipRenderer(e){e&&d.HD(e)?this.widget.oHeaderTooltip.fnHeaderTooltipRenderer=h.Z.setUserFunction(null,e):this.widget.oHeaderTooltip.fnHeaderTooltipRenderer=null}_setHeaderTooltipTemplate(e){const t=window[e]||document.getElementById(e)||null;this.widget.oHeaderTooltip.oDOMHeaderTooltipTemplate=t}_setRowSelector(e){!this.oDOMCaption&&e?this._setCaption(null,!0):this.oDOMCaption&&!e&&(this._setCaption(null),this._checkRemoveCaption())}_setScrollHeight(e){const t=this.widget.oDOMScroller||this._oShadowRoot.querySelector(u.default.zg.shadow.frameBodyWrapper),o=this._oShadowRoot.querySelector(u.default.zg.shadow.frameBodyWrapper);e?(o.setAttribute(u.default.attr.height,""),t.setAttribute(u.default.attr.height,""),-1===e.indexOf("px")&&(e+="px"),o.style.height=e,t.style.height=e):(o.removeAttribute(u.default.attr.height),o.style.height="",t.removeAttribute(u.default.attr.height),t.style.height="")}_setScrollWidth(e,t){const o=this.widget;if(!o||!o.mainGridTable)return;let n=o.mainGridTable.dom;if(o.nSetWidth=e,e){+e==e&&(e+="px");const t=-1!==e.indexOf("%");n.setAttribute(u.default.attr.width,""),this.style.width=e,n.style.width=t?"":e,this.oDOMVScroller&&(this.oDOMVScroller.style.width="")}else this.style.width="",n.style.width="";!t&&this.bReady&&requestAnimationFrame((()=>o.updater.updateResizeWindow(!0)))}_addDependentCaption(e,t){if(this.caption||t||this.oDOMCaption||this._setCaption(null,!0),!this.oDOMCaption||!this.oDOMCaption.bReady){const t=()=>{this.oDOMCaption&&this.oDOMCaption.bReady?e():requestAnimationFrame(t)};return requestAnimationFrame(t),!0}return!1}_setSearch(e,t){if(e||t){if(this._addDependentCaption((()=>this._setSearch(e,t)),t))return}const o=this.oDOMCaption.querySelector(u.default.zgSearch.tagName);e?(o.removeAttribute(u.default.attr.hidden),this.widget.search=o):(o.setAttribute(u.default.attr.hidden,""),t||this._checkRemoveCaption())}_setStaticMenu(e,t){if(e){if(this._addDependentCaption((()=>this._setStaticMenu(e,t))))return}if(this.oDOMCaption){this.oDOMCaption.toggleStaticMenu(e)||e||this._checkRemoveCaption()}this.bReady&&e&&this.widget.menuManager.initMenu(t)}_toggleSorter(e){""===e&&(e=!0);let t=this.oDOMHead.querySelectorAll(u.default.zgHeadCell.tagName);this.oDOMHead&&this.oDOMHead.children&&(e?[...t].forEach((e=>e._setupSort())):[...t].forEach((e=>e._removeSort())))}_setSorter(e,t){const o=this.widget,n=o.store;""===e&&(e=!0),e&&n&&n.isIncrementalLoad()&&"firebase"===n.oDataFormat.sAdapter?d.Aq("Firebase does not support server side sorting."):(o.bHasSorterEnabled=!!e,o.bHasSorterEnabled&&"string"==typeof t&&(o.sorter.fnSorter=h.Z.setUserFunction(null,t)),!o.sorter.fnSorter||null!==t&&"function"==typeof o.sorter.fnSorter.method||(o.sorter.fnSorter=null),this.oDOMHead&&this.oDOMHead.children&&(o.bHasSorterEnabled?[...this.oDOMHead.children].forEach((e=>e.setAttribute(u.default.sort.attr,""))):[...this.oDOMHead.children].forEach((e=>e.removeAttribute(u.default.sort.attr)))))}_setSortIntl(e){for(let t=0,o=this.widget.aColumnMapping.length;t<o;t++){this.widget.aColumnMapping[t].oDOMZGColumn.updateGlobalIntlSort(e)}}_setThemeCSS(e){e&&this._loadCss(e)}_setGridClasses(e){const t=["cell","head","foot","col","row","frozenRow"];for(let o=0;o<t.length;o++){const n=t[o]+"Class",r=t[o].charAt(0).toUpperCase()+t[o].slice(1);this[n]&&this._setClass(this[n],r,e)}}_setThemeIconSVG(e){this.defaultSVG=o(92757),this.defaultSVG&&(this.svgSrc=this.defaultSVG),this.svgSrc&&(this.themeSVG=(0,d.hS)(this.svgSrc));try{this.svgSrc=o(19179)(`./${e}.svg`);let t=(0,d.hS)(this.svgSrc).children;this.themeSVG=(0,d.ls)(this.themeSVG,t)}catch(t){if(!e)return;let o=e.split(".css");if(o.length<2){const e=this.externalThemeArr.filter((e=>e.name===this.externalThemeName));return void(e.length&&(this.themeSVG=e[0].src))}this.bWaitingForIcons=!0,(0,d.wZ)(o[0]).then((e=>{this.themeSVG=(0,d.ls)(this.themeSVG,e),this.externalThemeName=o[0].split("/").slice(-1)[0],this.externalThemeArr.push({name:this.externalThemeName,src:this.themeSVG}),this.bWaitingForIcons=!1,this.widget.iconManager.updateIconTheme()}))}}_storeEditorValue(e){const t=e||this.getAttribute(u.default.editor.attr);t&&t.length&&!0!==t?this.userEditorValue=t:this.userEditorValue=!1}_wrapAPI(e){const{widget:t={}}=this;t.bAPIReady?e():t.on("apiready",(()=>{t&&!t.bDisconnect&&e()}))}cell(e,t){return this.widget.selectorEngineManager.$cell(e,t)}row(e){return this.widget.selectorEngineManager.$row(e)}openRowEditor(e){if(this.widget.bHasEditorEnabled){const t=this.row(e);requestAnimationFrame((()=>this.widget.editorManager.openEditor(t)))}return this}closeContextMenu(){return this.widget.menuManager&&this.widget.menuManager.isMenuOpen()&&this.widget.menuManager.closeMenu(),this}closeDialog(){return this.oDOMDialog&&this.oDOMDialog.closeEvent(),this}column(e){return this.widget.selectorEngineManager.$column(e)}executeOnLoad(e){this._wrapAPI(e)}getAggregate(){return this.getElementAPI("aggregate")}getBatchEdit(){return this.getElementAPI("batch-edit")}getBatchEditStatus(){return this.getElementAPI("batch-edit-status")||this.widget.store.oDataFormat.sBatchEditStatus||u.default.batchEdit.statusMessage}getCellBreak(){return this.getElementAPI("cell-break")||u.default.cellBreak.default}getCellClass(){return this.getElementAPI("cell-class")}getCells(){return this.widget.getAllBodyCells().map((e=>this.widget.selectorEngineManager.$cell(e.parentNode.rowIndex,e.cellIndex)))}getColClass(){return this.getElementAPI("col-class")}getColumnsControl(){return this.getElementAPI("columns-control")}getCompact(){return this.getElementAPI("compact")}getContextMenu(){return this.getElementAPI("context-menu")}getDefaultDisplay(){return this.getElementAPI("default-display")}getDir(){return this.widget.sComputedDir}getColumnDragAction(){return this.getElementAPI("column-drag-action")||this.defaultColumnDragAction||!1}getColumnDrag(){return this.getElementAPI("column-drag")}getConfirmations(){let e=this.getElementAPI("confirmations");return!0!==e&&!1!==e||(e="all"),e}getCreator(){const e=this.widget&&this.widget.editorManager;return e?e.createType:"modal"}getEditor(){let e=this.getElementAPI(u.default.editor.attr);return!0===e&&(e=this.widget.editorManager._isModalEdit()?u.default.editor.typeModal:u.default.editor.typeInline),e}getEditorControls(){let e=this.getElementAPI("editor-controls");return!0===e&&(e="all"),e}getRowSelector(){return this.getElementAPI("row-selector")}getRecordDuplicate(){return this.getElementAPI("record-duplicate")}getElementAPI(e,t){let o=this.getAttribute(e);return null==o&&(o=t||!1),""!==o&&"true"!==o||(o=!0),o}getFilter(){return this.getElementAPI("filter")}getFootClass(){return this.getElementAPI("foot-class")}getFrozenColumnsLeft(){return this.getElementAPI("frozen-columns-left")}getFrozenColumnsRight(){return this.getElementAPI("frozen-columns-right")}getFrozenRowsTop(){return this.getElementAPI("frozen-rows-top")||0}getFrozenRowsBottom(){return this.getElementAPI("frozen-rows-bottom")}getGridlines(){return this.getElementAPI("gridlines")}getHeadClass(){return this.getElementAPI("head-class")}getHeaderAutoFormat(){return this.getElementAPI("header-auto-format",!0)}getNestedDataSeparator(){return this.getElementAPI("nested-data-separator")}getHeight(){return this.getBoundingClientRect().height+"px"}getIconSet(){return this.getElementAPI("icon-set")}getIconSetData(){return this.getElementAPI("icon-set-data")}getLang(){return g.default.getLang(this.widget)}getLayout(){return this.getElementAPI("layout")}getLayoutControls(){let e=this.getElementAPI("layout-controls"),t=this.getElementAPI("layout");return!1===e&&!1!==t||e}getPreserveStateId(){return this.getElementAPI("preserve-state-id")}getPreserveStateOptions(){return this.getElementAPI("preserve-state-options")}getPreserveStateLoad(){return this.getElementAPI("preserve-state-load")}getPreserveStateSave(){return this.getElementAPI("preserve-state-save")}getNodata(){return this.getElementAPI("no-data")}getPager(){return this.getElementAPI("pager")}getPageSizeCard(){return parseInt(this.getElementAPI("page-size-card"),10)||this.widget.pageSize}getPageSizeRow(){return parseInt(this.getElementAPI("page-size-row"),10)||this.widget.pageSize}getFrozenRowClass(){return this.getElementAPI("frozen-row-class")}getRowClass(){return this.getElementAPI("row-class")}getGroupBy(){return(this.widget.aGroupBy||[]).join(",")}getSearch(){return this.getElementAPI("search")}getSelector(){return this.getElementAPI("selector")}deselectRows(){return this._wrapAPI((()=>{this.widget.fire("rowdeselect")})),this}selectRow(e){return this._wrapAPI((()=>{let t=this.widget;const o=t.getColumnIndexByType("selector");if(-1===o)return;const n=t.selectorEngineManager.$cell(e,o);if(!n)return;n.dom().querySelector("zg-checkbox").checked=!0})),this}deselectRow(e){return this._wrapAPI((()=>{let t=this.widget;const o=t.getColumnIndexByType("selector");if(-1===o)return;const n=t.selectorEngineManager.$cell(e,o);if(!n)return;n.dom().querySelector("zg-checkbox").checked=!1})),this}getSelectedRows(){let e=this.widget,t=Object.keys(e.aSelectedRows),o=[];for(let n=0;n<t.length;n++)o.push(e.store.cleanSingleRecord(e.aSelectedRows[t[n]].get()));return o}getSort(){return this.getElementAPI("sort")}getSorter(){return this.getElementAPI("sorter")}getSortedColumn(){const e=this.widget.sorter,t=e.sActiveSortedIndex;if(!t)return!1;return{fieldIndex:t,order:1===e.nSortOrder?"asc":"desc"}}getSource(){return this.getElementAPI("source")}getSrc(){return this.getElementAPI("src")}getStaticMenu(){return this.getElementAPI("static-menu")}getTemplateEndDelimiter(){return this.getElementAPI("template-end-delimiter")||u.default.template.templateEndDelimiter}getTemplateStartDelimiter(){return this.getElementAPI("template-start-delimiter")||u.default.template.templateStartDelimiter}getTheme(){return this.theme||u.default.theme.default}getViewport(){return this.getElementAPI("viewport")}getViewportPause(){return this.getElementAPI("viewport-pause")}getViewportStop(){return this.getElementAPI("viewport-stop")}getViewportTypes(){return this.getElementAPI("viewport-types")||JSON.stringify(this.widget.viewportManager.types)}getWidth(){return this.getBoundingClientRect().width+"px"}getZebra(){return this.getElementAPI("zebra")}setAggregate(e){return this.setElementAPI("aggregate",e)}setBatchEdit(e){return this.setElementAPI("batch-edit",e)}setBatchEditStatus(e){return this.setElementAPI("batch-edit-status",e)}setCellBreak(e){return this.setElementAPI("cell-break",e)}setCellClass(e){return this.setElementAPI("cell-class",e)}setColClass(e){return this.setElementAPI("col-class",e)}setColumns(e){return this._wrapAPI((()=>{!e&&this.hasAttribute("columns")?this.removeAttribute("columns"):this.columns=e})),this}setColumnsControl(e){return this.setElementAPI("columns-control",e)}setCompact(e){return this.setElementAPI("compact",e)}setDefaultDisplay(e){return this.setElementAPI("default-display",e)}setDir(e){return this.setElementAPI("dir",e)}setColumnDragAction(e){return this.setElementAPI("column-drag-action",e)}setColumnDrag(e){return this.setElementAPI("column-drag",e)}setFootClass(e){return this.setElementAPI("foot-class",e)}setFrozenColumnsLeft(e){return this.setElementAPI("frozen-columns-left",e)}setFrozenColumnsRight(e){return this.setElementAPI("frozen-columns-right",e)}setFrozenRowsTop(e){return this.setElementAPI("frozen-rows-top",e)}setFrozenRowsBottom(e){return this.setElementAPI("frozen-rows-bottom",e)}setGridlines(e){return this.setElementAPI("gridlines",e)}setHeadClass(e){return this.setElementAPI("head-class",e)}setHeaderAutoFormat(e){return this.setElementAPI("header-auto-format",e)}setNestedDataSeparator(e){return this.setElementAPI("nested-data-separator",e)}setHeight(e){return this.setElementAPI("height",e)}setIconSet(e){return this.setElementAPI("icon-set",e)}setIconSetData(e){return this.setElementAPI("icon-set-data",e)}setLayoutControls(e){return this.setElementAPI("layout-controls",e)}setNoData(e){return this.setElementAPI("no-data",e)}setPager(e){return this.setElementAPI("pager",e)}setFrozenRowClass(e){return this.setElementAPI("frozen-row-class",e)}setRowClass(e){return this.setElementAPI("row-class",e)}setSource(e){return this.setElementAPI("source",e)}setViewportPause(e){return this.setElementAPI("viewport-pause",e)}setViewportStop(e){return this.setElementAPI("viewport-stop",e)}setWidth(e){return this.setElementAPI("width",e)}setZebra(e){return this.setElementAPI("zebra",e)}setFilter(e){return this.setElementAPI("filter",e)}setGroupBy(e){return this.setElementAPI("group-by",e)}setSearch(e){return this.setElementAPI("search",e)}setTemplateEndDelimiter(e){return this.setElementAPI("template-end-delimiter",e)}setTemplateStartDelimiter(e){return this.setElementAPI("template-start-delimiter",e)}setConfirmations(e){return this.setElementAPI("confirmations",e)}setCreator(e){return this.setElementAPI("creator",e)}setEditor(e){return this._storeEditorValue(e),this.setElementAPI(u.default.editor.attr,e)}setEditorControls(e){return this.setElementAPI("editor-controls",e)}setRowSelector(e){return this.setElementAPI("row-selector",e)}setRecordDuplicate(e){return this.setElementAPI("record-duplicate",e)}setLang(e){return this.setElementAPI("lang",e)}setLayout(e){return this.setElementAPI("layout",e)}setLicense(e){return this._wrapAPI((()=>{c.Z.validateLicense(e)})),this}setBuildCode(e){return this._wrapAPI((()=>{c.Z.validateLicense(null,e),c.Z.bValidated&&this.oDOMWaterMark&&(this.oDOMWaterMark.remove(),this.oDOMWaterMark=null)})),this}setPreserveStateId(e){return this.setElementAPI("preserve-state-id",e)}setPreserveStateOptions(e){return this.setElementAPI("preserve-state-options",e)}setPreserveStateLoad(e){return this.setElementAPI("preserve-state-load",e)}setPreserveStateSave(e){return this.setElementAPI("preserve-state-save",e)}setState(e){this._wrapAPI((()=>{("string"==typeof e&&""===e||"object"==typeof e&&0===Object.keys(e).length)&&(e=null),this.widget.stateManager.setUserState(e)}))}clearState(){this._wrapAPI((()=>{this.widget.stateManager.clearState(!0)}))}setStateField(e,t){this._wrapAPI((()=>{this.widget.stateManager.setUserStateField(e,t)}))}setRecordCount(e){return(!e||e<0)&&(e=0),this.setElementAPI("record-count",e)}setSort(e){return this.setElementAPI("sort",e)}setSorter(e){return this.setElementAPI("sorter",e)}setContextMenu(e){return this.setElementAPI("context-menu",e)}setStaticMenu(e){return this.setElementAPI("static-menu",e)}setSelector(e){return this.setElementAPI("selector",e)}setSrc(e){return this.setElementAPI("src",e)}setTheme(e){return this.setElementAPI("theme",e)}setCardTemplate(e){return this._wrapAPI((()=>{if(window[e]||document.getElementById(e)){const t=this.widget.oCard||document.createElement(u.default.zgCard.tagName);t.setAttribute("renderer-template",e),this.widget.oCard||this.appendChild(t),this.widget.updater.clearCache(),this.widget.update()}})),this}setElementAPI(e,t){return this._wrapAPI((()=>{t=void 0===t||t,d.Xh({el:this,attr:e,value:t})})),this}triggerColumnChange(e){this.widget.nLeftFrozenColumns=e?1:0,this.widget.updater.clearCache(),this.widget.update()}updateSize(e,t,o){t=void 0===t?.2:t,t*=1e3;const n=this.widget,r=n.loadmask;return e&&(n.bUpdatingSize=!0,r.loading()),t>200&&setTimeout((()=>{n.updater.updateResizeWindow(!0,!0)}),200),setTimeout((()=>{o?this.widget.updater.nSavedResizeWidth=this.clientWidth:(n.renderTo.style.display="none",n.updater.nSavedResizeWidth=this.clientWidth,n.renderTo.style.display=""),n.updater.updateResizeWindow(!0,!0),e&&(r.loaded(),n.bUpdatingSize=!1)}),t),this}formatDate(e,t,o){return"string"!=typeof e&&"number"!=typeof e||(e=p.kB(e)),p.p6(e,t,o,this.widget)}fromNow(e,t){return"string"!=typeof e&&"number"!=typeof e||(e=p.kB(e)),p.Zh(e,t,this.widget)}calculate(e,t,o){t=t||{};return this.widget.aggregateManager.calculate(e,t,o)}static get observedAttributes(){return v}}n.Z._registerElement(m,y);const w=y},38419:(e,t,o)=>{"use strict";o.d(t,{default:()=>r});const n={zg:{tagName:"zing-grid",shadow:{frameWrapper:".zing-grid-frames",frameBodyWrapper:"#zing-grid-frames-body",scrollWrapper:".zing-grid-scroll"},slot:{dialogInternal:"dialogInternal"}},zgBody:{tagName:"zg-body",nodeName:"ZG-BODY",sectionSelector:{left:"#leftbody",right:"#rightbody",main:"#mainbody"}},zgButton:{tagName:"zg-button",hasTextAttr:"hastext",noTooltipAttr:"notooltip",forceBorderAttr:"force-border",action:{checkbox:"checkbox"},aria:{focus:"zg-aria-focus"},slot:{checkbox:"checkbox",icon:"icon",label:"label"}},zgCaption:{attr:"caption",tagName:"zg-caption"},zgCard:{tagName:"zg-card"},zgCell:{tagName:"zg-cell",actionCellSize:54,actionCellKey:"fitaction",cellIndexAttr:"data-field-index",cellInfoTooltipAttr:"data-field-info-tooltip",cellLabelAttr:"data-field-label",cellGroupAttr:"data-group",sectionSelector:{left:"#leftbody zg-cell",right:"#rightbody zg-cell",main:"#mainbody zg-cell"},singleEditAttr:"edit-row-buttons-one-cell"},zgCellOverflow:{tagName:"zg-cell-overflow"},zgCheckbox:{tagName:"zg-checkbox"},zgColgroup:{tagName:"zg-colgroup",sectionSelector:{left:"#leftcolgroup",right:"#rightcolgroup",main:"#gridcolgroup"}},zgColumn:{tagName:"zg-column",alignDefault:"left",alignTypes:["center","left","right"]},zgColumnResize:{tagName:"zg-column-resize",defaultMinWidth:52,attr:"resize-column",persistentAttr:"resize-persistent"},zgData:{attr:"data",tagName:"zg-data"},zgDialog:{attr:"dialog",tagName:"zg-dialog",all:"all",custom:"custom",internal:"internal",open:"open"},zgEditorRow:{tagName:"zg-editor-row",colorLabelClass:"zg-editor-row-color-label",colorPickerClass:"zg-editor-row-color-picker",colorWrapClass:"zg-editor-row-color-wrap",fieldLabelId:"editorRowFieldLabel",sectionSelector:{left:"#lefteditorrow",right:"#righteditorrow",main:"#bodyeditorrow"},radioLabelClass:"zg-editor-row-radio-label",radioWrapClass:"zg-editor-row-radio-wrap"},zgFilter:{attr:"filter",tagName:"zg-filter"},filter:{match:"match",matchList:"matchList",boolMatch:"boolMatch",contain:"contain",defaultOperation:"contain"},zgFocus:{tagName:"zg-focus",sectionSelector:{left:'[slot="leftgridfocus"]',right:'[slot="rightgridfocus"]',main:'[slot="bodygridfocus"]'}},zgFoot:{tagName:"zg-foot",sectionSelector:{left:"#leftfoot",right:"#rightfoot",main:"#mainfoot"}},zgFooter:{tagName:"zg-footer"},zgHead:{tagName:"zg-head",sectionSelector:{left:"#lefthead",right:"#righthead",main:"#mainhead"}},zgHeader:{tagName:"zg-header"},zgHeadCell:{tagName:"zg-head-cell",infoTooltipType:"info",isReorderingClass:"is-reordering",isContentLongerAttr:"is-content-longer",mainIconClass:"zg-head-icon"},zgIcon:{attr:"icon-set",slotIcon:"icon",tagName:"zg-icon"},zgInput:{tagName:"zg-input"},zgLayout:{attr:"layout",cardTplAttr:"card-template",reset:"reset",typesArr:["card","row"]}};n.zgLayout.typeCard=n.zgLayout.typesArr[0],n.zgLayout.typeRow=n.zgLayout.typesArr[1],n.zgLayoutControls={tagName:"zg-layout-controls",attr:"layout-controls"},n.zgLoadMask={tagName:"zg-load-mask",defaultAttr:"default-load-mask"},n.zgMenu={tagName:"zg-menu",groupItems:"zg-menu-group-items",groupLabel:"zg-menu-group-label",groupWrap:"zg-menu-group-wrap",opener:"menu-opener",static:"static",context:"context",browser:"browser"},n.zgControlBar={tagName:"zg-control-bar"},n.zgMenuGroup={tagName:"zg-menu-group"},n.zgMenuItem={tagName:"zg-menu-item"},n.zgNoData={attr:"no-data",tagName:"zg-no-data"},n.zgOptionList={tagName:"zg-option-list"},n.zgPager={tagName:"zg-pager",attr:"pager",cursorAttr:"cursor",defaultPageSizes:"5,10,50",typeAttr:"pager-type",typeAttrProp:"pagerType",buttonLimitAttr:"pager-button-limit",buttonArrowType:"button-arrow",buttonTextType:"button-text",currentPageAttr:"active",defaultButtonLimit:5},n.zgParam={tagName:"zg-param"},n.zgRow={tagName:"zg-row",defaultHeight:48,defaultCompactHeight:40,defaultCompactHeadHeight:32,defaultHeadHeight:40},n.zgSearch={attr:"search",tagName:"zg-search"},n.zgSelect={tagName:"zg-select"},n.zgSelectorMask={attr:"selector",tagName:"zg-selector-mask",sectionSelector:{left:'[slot="leftgridselectmask"]',right:'[slot="rightgridselectmask"]',main:'[slot="bodygridselectmask"]'}},n.zgSeparator={tagName:"zg-separator"},n.zgSource={attr:"source",tagName:"zg-source"},n.zgStatus={tagName:"zg-status",barPosition:"bar",delay:3e3,delayAttr:"status-delay",persistAttr:"status-persist",positionAttr:"status-position"},n.zgText={tagName:"zg-text"},n.zgTooltip={tagName:"zg-tooltip",noInfoIconAttr:"no-info-icon",actionAttr:"tooltip-action",typeAttr:"tooltip-type",typeDefault:"default",typeSystem:"system",actionTypeHover:"hover",actionTypeClick:"click",iconPositionAttr:"tooltip-icon-position",iconPositionRight:"right",iconPositionLeft:"left",iconPositionAfterText:"after-text",iconTriggerType:"icon",textTriggerType:"text",positionAttr:"tooltip-position"},n.zgWatermark={attr:"watermark",tagName:"zg-watermark"},n.internalColumn={recordeditor:"editor",recordduplicate:"duplicate",recordinfo:"info",recordremover:"remover",recordselector:"selector",recordkey:"recordkey",rownumber:"row-number",rowgroup:"row-group"},n.storybook={dialog:"storybook-dialog",menu:"storybook-menu",editorrow:"storybook-editor-row",focus:"storybook-focus",status:"storybook-status",select:"storybook-select"},n.internalColumnTypes=[n.internalColumn.recordduplicate,n.internalColumn.recordeditor,n.internalColumn.recordremover,n.internalColumn.recordselector,n.internalColumn.recordinfo,n.internalColumn.rownumber],n.cellTypes={toggle:"toggle",custom:"custom",gravatar:"gravatar",button:"button",aggregate:"aggregate"},n.noDataColumnTypes=[n.cellTypes.custom,n.cellTypes.button,n.cellTypes.aggregate],n.columnType={},n.columnType.color={modeAttr:"type-color-mode",modes:{hexAlpha:"hex-alpha",hexLong:"hex-long",hexShort:"hex-short",hsl:"hsl",hsla:"hsla",name:"name",rgb:"rgb",rgba:"rgba"},notConvertedClass:"color-not-converted",notValidClass:"color-not-valid",previewAttr:"type-color-preview",spacesAttr:"type-color-spaces",spaces:{inherit:"inherit",invalid:"disabled",valid:"true"},transparent:"transparent"},n.columnType.color.modeDefault=n.columnType.color.modes.hex,n.frozenColumns={noContent:"no-content",leftAttr:"frozen-columns-left",rightAttr:"frozen-columns-right"},n.zgFrozenColgroup={tagName:"zg-frozen-colgroup"},n.confirmations={attr:"confirmations",all:"all",delete:"delete",batchEdit:"batch-edit",batchEditDiscard:"batch-edit-discard"},n.cellBreak={attr:"cell-break",all:"all",cellBreakPrep:"cell-break-prep",ellipsis:"ellipsis",normal:"normal",word:"word"},n.cellBreak.allowedTypes=[null,"",n.cellBreak.all,n.cellBreak.ellipsis,n.cellBreak.normal,n.cellBreak.word],n.cellBreak.default=n.cellBreak.normal,n.drag={attr:"drag",columnAttr:"column-drag",rowAttr:"row-drag",columns:"columns",rows:"rows",both:"both",reorder:"reorder",hide:"hide"},n.editor={attr:"editor",typeInline:"inline",typeModal:"modal",bindingAttr:"data-zg-key",editingClass:"cell-edit-active"},n.editorControls={attr:"editor-controls",all:"all",creator:"creator",editor:n.internalColumn.recordeditor,remover:n.internalColumn.recordremover},n.batchEdit={tagName:"zg-batch-edit",dirtyClass:"cell-dirty-edit",removedClass:"row-dirty-removed",insertedClass:"row-dirty-inserted",statusMessage:"[[changesMessage]]",tokens:{changes:"changes",recordsEdited:"recordsEdited",fieldsEdited:"fieldsEdited",deleted:"deleted",inserted:"inserted",modified:"modified",messageSuffix:"Message"}},n.fullscreen={attr:"fullscreen"},n.infinite={defaultHeight:"500px",defaultInfiniteDisplay:3},n.search={threshold:250},n.sort={attr:"sort",sorter:"sorter",ascAttr:"sort-asc",descAttr:"sort-desc"},n.theme={attr:"theme"},n.template={type:{editor:"editor",renderer:"renderer",details:"details"},detailsAttr:"has-details",templateStartDelimiter:"[[",templateEndDelimiter:"]]"},n.zebra={attr:"zebra",defaultClass1:"zebra-1",defaultClass2:"zebra-2"},n.validation={fail:"FAILVALIDATION",haserror:"has-error",css:"zg-validation-error"},n.attr={action:"action",active:"active",align:"align",animate:"animate",animateEnd:"animate-end",animateStart:"animate-start",batchEdit:"batch-edit",batchEditActive:"batch-edit-active",batchEditMessage:"batch-edit-message",batchEditLongMessage:"batch-edit-long-message",buttonTooltip:"button-tooltip",class:"class",close:"close",control:"data-control-field",create:"create",datafocus:"data-focusable",editorcontrols:"editor-controls",first:"first",frozen:"frozen",frozenframe:"frozen-frame",gridlines:"gridlines",gridlinesvert:"gridlines-vertical",gridlineshorz:"gridlines-horizontal",hasText:"has-text",height:"height",hidden:"hidden",hover:"hover",icon:"icon",init:"init",internalattach:"internal-attach",internalcaption:"internal-caption",internalselector:"internal-selector",internalcardheader:"internal-card-header",internalcell:"internal-cell",internaltop:"internal-top",internalspan:"internal-span",internaldir:"internal-dir",loading:"loading",mirror:"mirror",name:"name",open:"open",options:"options",parent:"parent",placeholder:"placeholder",position:"position",role:"role",serverrender:"server-rendered",sorted:"sorted",staticscroll:"static-scroll",style:"style",tabindex:"tabindex",text:"text",theme:"theme",title:"title",tooltip:"tooltip",type:"type",value:"value",width:"width"},n.key={down:40,enter:13,up:38,space:32},n.colors={success:"#15bb1a"},n.event={afterPaint:"afterpaint",afterRender:"afterrender",checked:"checked",deselectedCells:"deselectedCells",frozenrowchange:"frozenrowchange",pagesizechange:"pagesizechange",selected:"selected",selectedCells:"selectedcells",selectedFrozenCells:"selectedfrozencells",selectedAllCells:"selectedallcells",unchecked:"unchecked",updated:"updated"},n.http={defaultMethod:"GET",defaultResponseType:"json",defaultCors:"cors"},n.store={defaultTransportType:"fetch",defaultPageSize:50,defaultCDataEscape:!0,keyField:"recordkey",tempID:"CHANGEME"},n.tokens={startAt:"[[startAt]]",page:"[[page]]",limitTo:"[[limitTo]]",sortBy:"[[sortBy]]",sortDir:"[[sortDir]]",serverMessage:"[[serverMessage]]",delim:"[["},n.tableData={headRow:"data-zg-head-row",ignoreRow:"data-zg-ignore-row",frozenRow:"data-zg-frozen-row",frozenColumn:"data-zg-frozen-column",indexValue:"data-zg-index-value"},n.iconSet={allowedTypes:{custom:["custom"],fontAwesome:["fa","fontawesome","font-awesome"]}},n.theme={typesArr:["android","black","dark","default","ios"]},n.theme.android=n.theme.typesArr[0],n.theme.black=n.theme.typesArr[1],n.theme.dark=n.theme.typesArr[2],n.theme.default=n.theme.typesArr[3],n.theme.ios=n.theme.typesArr[4],n.viewport={attr:"viewport",customAttr:"viewport-types",pauseAttr:"viewport-pause",stopAttr:"viewport-stop",mobileLabel:"mobile",tabletPortraitLabel:"tablet-portrait",tabletLandscapeLabel:"tablet-landscape",desktopLabel:"desktop",desktopLargeLabel:"desktop-large"},Object.assign(n.viewport,{mobileMax:550,tabletPortraitMax:1023,tabletLandscapeMax:1199,desktopMax:1399,desktopLargeMax:null}),n.mobile={doubleTapMS:600},n.aria={colCount:"aria-colcount",colIndex:"aria-colindex",controls:"aria-controls",disabled:"aria-disabled",expanded:"aria-expanded",hasPopup:"aria-haspopup",label:"aria-label",rowCount:"aria-rowcount",rowIndex:"aria-rowindex"},n.keys={BACKSPACE:8,TAB:9,ENTER:13,RETURN:13,SHIFT:16,CTRL:17,ALT:18,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,INSERT:45,DELETE:46},n.defaultLang="en",n.global={replaceToken:"^^^^^"};const r=n},68965:(e,t,o)=>{"use strict";o.d(t,{Z:()=>s});var n=o(45092),r=o(32816),i=o(38419);let a=0;const s=class{constructor(e){let t=(e=e||{})._defaults||{};delete e._defaults;for(let e in t)this[e]=t[e];n.mg(this,e),this.$events={},this.initAfterRender?this.widget.on(i.default.event.afterRender,this.init,this):this.initAfterPaint&&this.widget.on(i.default.event.afterPaint,this.init,this)}init(){}on(e,t,o,n,r){let i=this.$events;i[e]=i[e]||[],this.attachSeed(t);let a={fn:t,scope:o,params:n||[],cancelable:r};return i[e].push(a),function(){let t=i[e];t&&a&&(a.fn=null,a.scope=null,a.params.length=0,t.splice(t.indexOf(a),1),a=null)}}once(e,t,o,...n){let r=()=>{t.apply(this,n),this.un(e,r)};this.attachSeed(t),r.$mtFnSeed=t.$mtFnSeed,this.on(e,r,o)}attachSeed(e){e.$mtFnSeed||(Object.defineProperty(e,"$mtFnSeed",{value:a,writable:!0}),a++)}un(e,t,o){if(!t&&!o)throw new Error("Event name [",e,"] needs a function argument to unregister");let n=this.$events[e];if(!o){let e,r=n.length;for(e=0;e<r;e++)if(n[e].fn.$mtFnSeed===t.$mtFnSeed){o=n[e];break}}o&&(this.$events[e]=n.filter((e=>e!==o)),o.fn=null,o.scope=null,o.params.length=0,o=null)}unAll(){for(let e in this.$events){const t=this.$events[e];if(t&&t.length){for(let o=0;o<t.length;o++)this.un(e,null,t[o]);t.length=0}}this.$events={}}fire(e,...t){let o=this.$events[e];if(!o)return;let n=!1;return t.unshift(this),o.forEach((o=>{if(null==o||!o.fn)return;if(o.params&&(t=t.concat(o.params)),this.bDisconnect||this.widget&&this.widget.bDisconnect)return;let r=o.fn.apply(o.scope||this,t,e);o.cancelable&&!1===r&&(n=!0)})),!n}destroy(){let e=r.Z.get(document);if(this.docEvents)for(let t in this.docEvents){let o=this.docEvents[t],n=o.length;for(let r=0;r<n;r++)e.docUn(t,o[r].fn)}this.unAll&&this.unAll(),this.el&&this.el.destroy(),this.widget=null}_show(e){e&&this.el.setXY(e),this.el._show()}_hide(){this.el._hide()}}},25126:(e,t,o)=>{"use strict";o.d(t,{Z:()=>l});var n=o(45092),r=o(64087),i=o(38419);function a(e){if("undefined"==typeof window)return;let t=e.url||"",o=e.method||i.default.http.defaultMethod,a=e.mode,s=void 0!==e.bCDataEscape?e.bCDataEscape:i.default.store.defaultCDataEscape,l=e.oCSVOptions||{},d=e.payload||{},c=e.reload||!0,h="",u=e.body,g=e.sResponseType,p=e.sSeparator,f=e.headers||{},m=t.slice(-5).toLowerCase();const b=(e,t)=>(-1==e.indexOf("?")?e+="?":"&"!==t[0]&&(t="&"+t),e+=t);f["Content-type"]=e.sRequestType,h+=function(e,t){let o,i="";if("object"==typeof e){for(o in e)if("object"!=typeof e[o])i+=o+"="+encodeURIComponent(e[o])+"&";else{let a={};a[o]=e[o];let s=n.iM(a,t);for(let o=0;o<s.length;o++){let n=s[o],a=r.MU(e,n,void 0,t)||"";i+=n+"="+encodeURIComponent(a)+"&"}}""!==i&&(i=i.substring(0,i.length-1))}else i=e;return i}(d,p);let v=e.failure||null,y=e.success||null,w="file:"==window.location.protocol;o=o.toUpperCase(),"GET"===o?(""!=h&&(t=b(t,h)),u=null):u?("application/json"===e.sRequestType&&(u=JSON.stringify(u)),h&&(t=b(t,h))):u="application/json"===e.sRequestType?JSON.stringify(d):h;let z={method:o,headers:f};u&&"{}"!==u&&(z.body=u),a&&(z.mode=a),fetch(t,z).then((e=>{if(w||e.status>=200&&e.status<300){if(204===e.status)return void y(null,e.status,e,t,c);let o=g||e.headers.get("Content-Type")||i.default.http.defaultResponseType;if(o=o.match(/(json)\b/)?"json":o.match(/(xml)\b/)?"xml":o.match(/(csv)\b/)?"csv":o.match(/(html|text)\b/)?"html":g,"json"!==o&&".json"===m&&(o="json"),y)switch(o){case"json":e.json().then((o=>y(o,e.status,e,t,c)));break;case"xml":e.text().then((e=>(new window.DOMParser).parseFromString(e,"text/xml"))).then((o=>{let r=n.yZ(o,s);y(r,e.status,e,t,c)}));break;case"csv":e.text().then((o=>{let r=n.QR(o,l);y(r,e.status,e,t,c)}));break;case"html":case"text":e.text().then((o=>y(o,e.status,e,t,c)));break;default:v(e,e.status,"ZingGrid: Unsupported type found in communication",t)}}else v&&e.text().then((o=>{v(e,e.status,o,t)}))})).catch((e=>{if(!v)throw e;v(null,0,"",t)}))}var s=o(32260);const l=class{onLoadDataRest(e,t){let o,n,r,i=this.widget,a={},s=null;if(this.bLoadNext&&this.sNextPathURL&&!0!==this.sNextPathURL)o=this.sNextPathURL;else if(this.bLoadPrev&&this.sPrevPathURL&&!0!==this.sPrevPathURL)o=this.sPrevPathURL;else if(n=this.userURL(t.sUrl))o=n;else{if(this.isIncrementalLoad()&&(void 0!==this.oDataFormat.sLimitToKey&&(this.oDataFormat.bStartAtValue?a[this.oDataFormat.sLimitToKey]=parseInt(i.getPageSize(),10)+1:a[this.oDataFormat.sLimitToKey]=i.getPageSize()),void 0!==this.oDataFormat.sStartAtKey&&(this.oDataFormat.bStartAtValue?this.bLoadPrev?this.aStartAtValue[`page${i.nCurrPageIdx}`]&&(a[this.oDataFormat.sStartAtKey]='"'+this.aStartAtValue[`page${i.nCurrPageIdx}`]+'"',this.sStartAtValue=null):this.sStartAtValue&&(this.aStartAtValue[`page${i.nCurrPageIdx}`]=this.sStartAtValue,a[this.oDataFormat.sStartAtKey]='"'+this.sStartAtValue+'"',this.sStartAtValue=null):a[this.oDataFormat.sStartAtKey]=i.nCurrPageIdx*i.getPageSize()+1)),void 0!==this.oDataFormat.sPageKey&&(a[this.oDataFormat.sPageKey]=i.nCurrPageIdx+parseInt(this.oDataFormat.nPageBase,10)),void 0!==this.oDataFormat.sSortByKey&&void 0!==this.oDataFormat.sSortBy&&this.oDataFormat.sSortBy&&(this.oDataFormat.bAddValueQuotes&&'"'!==this.oDataFormat.sSortBy[0]?a[this.oDataFormat.sSortByKey]='"'+this.oDataFormat.sSortBy+'"':a[this.oDataFormat.sSortByKey]=this.oDataFormat.sSortBy),void 0!==this.oDataFormat.sSortDirKey&&void 0!==this.oDataFormat.sSortDir&&this.oDataFormat.sSortDir&&(a[this.oDataFormat.sSortDirKey]=this.oDataFormat.sSortDir),void 0!==this.oDataFormat.sSearchKey){let e=null;i.bHasSearchEnabled&&(i.search.oDOMInput.value.trim()||null!==i.search.getAttribute("active"))?e=i.search.oDOMInput.value.trim():void 0!==this.oDataFormat.sSearch&&this.oDataFormat.sSearch&&(e=this.oDataFormat.sSearch.trim()),e&&e.length>0&&(this.sLatestSearch=s=e,this.oDataFormat.bAddValueQuotes&&'"'!==e[0]&&(e='"'+e+'"'),a[this.oDataFormat.sSearchKey]=e)}if(this.oDataFormat.bServerFilter&&"false"!==this.oDataFormat.bServerFilter){let e=i.filter.buildFilterURL();for(let t in e)a[t]=e[t]}this.bLoadPrev&&void 0!==this.oDataFormat.sPrevIDKey&&this.sPrevID&&(a[this.oDataFormat.sPrevIDKey]=this.sPrevID),this.bLoadNext&&void 0!==this.oDataFormat.sNextIDKey&&this.sNextID&&(a[this.oDataFormat.sNextIDKey]=this.sNextID),this.sNeedsSort=this.oDataFormat.sSortBy,this.sNeedsSortDir=this.oDataFormat.sSortDir,o=this.buildURL(t),this.currentParams=a}let l={sDelimiter:t.sCSVDelimiter,sLineSeparator:t.sCSVLineSeparator,bHeader:t.bCSVHeader,bCaption:t.bCSVCaption,widget:i};t.oBody&&(r=this.getBody(t,o)),this.bLoadNext=this.bLoadPrev=!1,this.fire("loading"),this.getFN(t.sTransport)({url:o,payload:a,body:r,sRequestType:t.sRequestType,headers:t.oHeaders,method:t.sMethod,mode:t.sMode,bCDataEscape:t.bCDataEscape,oCSVOptions:l,sResponseType:t.sResponseType,sSeparator:i.sNestedDataSeparator,success:(e,o,n)=>{if(!s||s===this.sLatestSearch){this.bHasLoaded=!0,t.success&&t.success(e);const o={data:e,oResponse:n};this.fire("afterfetch",o),this.fire("afterloaddata",{oResponse:e,oRequest:n})}},failure:(e,o,n)=>{t.oErrorStatus&&this.widget&&this.widget.statusManager&&(this.parseServerMessage(t,o,n),this.widget.statusManager.setStatus(t.oErrorStatus)),t.fnFailure&&t.fnFailure.call(this,e,t),this.widget.webcomponent.style.cursor=null}})}onModifyRecordRest(e){let t=this.getFN(e.sTransport),o=null,r=null;const i=this.widget,a=i.sNestedDataSeparator,s=i.batchEditor;if(e.sFieldIndex){let t=e.sFieldIndex;"disabled"!==a&&(o=t.split(a),r=o.pop())}if("removerecord"===e.sEditMode||"updaterecord"===e.sEditMode||"updatecell"===e.sEditMode){let t=this.getURLRecordField(e.sUrl,e.sRecordIndex,e.sIdKeyValue);if(!n.Uh(t))return void(e.fnFailure&&e.fnFailure.call(this,null,e))}let l=this.buildURL(e,e.bCreate,o),d=this.buildPayload(e,l,r),c=e.sRequestType;"cors"===e.sMode&&"application/json"===c&&(c="application/x-www-form-urlencoded"),t({url:l,method:e.sMethod,headers:e.oHeaders,payload:d,mode:e.sMode,bCDataEscape:e.bCDataEscape,sRequestType:c,sResponseType:e.sResponseType,sSeparator:i.sNestedDataSeparator,success:(t,o,n)=>{s.bSavingBatchEdit&&e.bBatchEdit&&s.onSuccess(),e.fnCallback?e.fnCallback.call(this,e):(this.fire(e.sSuccessEvent,{options:e,response:t,request:n}),e.oStatus&&!e.bBatchEdit&&this.widget&&this.widget.statusManager&&this.widget.statusManager.setStatus(e.oStatus))},failure:(t,o,n)=>{e.oErrorStatus&&(this.parseServerMessage(e,o,n),!e.bBatchEdit&&this.widget&&this.widget.statusManager&&this.widget.statusManager.setStatus(e.oErrorStatus)),s.bSavingBatchEdit&&e.bBatchEdit?s.onFailure(e):e.fnFailure&&e.fnFailure.call(this,t,e),this.widget.webcomponent.style.cursor=null}})}getFN(e){let t;return t=a,t}buildPayload(e,t,o){let r=null;if(e.oBody)r=this.getBody(e,t),e.sRecordIndex&&this.updateRecord(e.sRecordIndex,r,!0);else if(e.bSingleCell&&e.bPayload){if(r={},r[o]=e.payload,"manual"===e.sRestmode&&this.oDataFormat.sIdKey){let o=this.getURLRecordField(t,e.sRecordIndex,e.sIdKeyValue);o&&(r[this.oDataFormat.sIdKey]=o)}}else if(e.bPayload){let t=e.oRecordRawData;r=n.c7.copy(t),delete r.sRESTIndex,delete r.sRecordIndex,delete r.nOriginalIndex,delete r.nRowIndex,delete r.sFrozen}else if("manual"===e.sRestmode&&this.oDataFormat.sIdKey){let o=this.getURLRecordField(t,e.sRecordIndex,e.sIdKeyValue);o&&(r={[this.oDataFormat.sIdKey]:o})}return r}getBody(e,t){let o,n={record:e.oRecordRawData},r=s.Z.setUserFunction(null,e.oBody);if(r){let n=e.oRecordRawData;!n&&e.oRecordModel&&(n=e.oRecordModel.get()),o=r.method.apply(r.oScope,[n,e.sMethod,t])}else o=JSON.parse(this.calculateTemplate(JSON.stringify(e.oBody),n));return o}parseServerMessage(e,t,o){let a=e.oErrorStatus.msg;if(a.indexOf(i.default.tokens.delim)<0)return;if(e.sServerErrorPath&&o)try{const t=JSON.parse(o);o=r.MU(t,e.sServerErrorPath)}catch(e){}let s=new RegExp(n.String.escapeRegExp(i.default.tokens.serverMessage),"g");a=a.replace(s,o),e.oErrorStatus.msg=a}userURL(e){let t=e;if(e.indexOf(i.default.tokens.delim)<0)return!1;let o=new RegExp(n.String.escapeRegExp(i.default.tokens.startAt),"g");e=e.replace(o,this.widget.nCurrPageIdx*this.widget.getPageSize()+1),o=new RegExp(n.String.escapeRegExp(i.default.tokens.page),"g"),e=e.replace(o,this.widget.nCurrPageIdx+1),o=new RegExp(n.String.escapeRegExp(i.default.tokens.limitTo),"g"),e=e.replace(o,this.widget.getPageSize());const r=this.oDataFormat.sSortBy||"";o=new RegExp(n.String.escapeRegExp(i.default.tokens.sortBy),"g"),e=e.replace(o,r);const a=this.oDataFormat.sSortDir||"";return o=new RegExp(n.String.escapeRegExp(i.default.tokens.sortDir),"g"),(e=e.replace(o,a))!==t&&e}buildURL(e,t,o){let n=e.sUrl;if("manual"!==e.sRestmode){if(e.sRecordIndex&&!t){let t=e.sRecordIndex,o=this.getURLRecordField(n,t,e.sIdKeyValue);o&&("/"!==n.slice(-1)&&(n+="/"),n+=o)}if(o&&e.bSingleCell){let e=o.join("/");e&&("/"!==n.slice(-1)&&(n+="/"),n+=e+"/")}e.sUrlSuffix&&(n+=e.sUrlSuffix)}if(e.sQueryString&&(-1===e.sQueryString.indexOf("?")&&-1===n.indexOf("?")&&(n+="?"),n+=e.sQueryString),n.indexOf(i.default.tokens.delim)>=0){let t={record:e.oRecordRawData};n=this.calculateTemplate(n,t,null,!0)}return n}getURLRecordField(e,t,o){let n,r=this.oDataFormat.sIdKey,i=this.oLocalModel[t].model.get();return n=o||(/firebaseio/.test(e)||!this.bIsRawDataArray?i.sRESTIndex:i[r]),n}}},32260:(e,t,o)=>{"use strict";o.d(t,{Z:()=>m});var n=o(45092),r=o(64087),i=o(2070),a=o(68965);const s=class{constructor(e,t,o){let i;t=t||null,this.sSeparator=o,null===t&&(t=n.kJ(e)?[]:{},Object.keys(e).forEach((o=>{let n=e[o],i=null;"number"===n&&(i=0),"string"===n&&(i=""),"array"===n&&(i=[]),r.P_(t,o,i,this.sSeparator)}))),i=t;let a={},s={},l=n.iM(i,this.sSeparator);l.forEach((e=>{let t=r.MU(i,e,void 0,this.sSeparator),o=n.gg(t);a[e]={rawData:t},s[e]=o})),this.oRecordModel=a,this.oRecordRawData=i,this.oFieldSchema=s,this.aLeafFieldIndex=l}get(e){return n.o8(e)?this.oRecordRawData:this.oRecordModel[e]?this.oRecordModel[e].rawData:this.oRecordRawData[e]?this.oRecordRawData[e]:r.MU(this.oRecordRawData,e,void 0,this.sSeparator)}set(e,t){(this.oRecordModel[e]||""!==t)&&(this.oRecordModel[e]=this.oRecordModel[e]||{},r.P_(this.oRecordRawData,e,t,this.sSeparator),this.oRecordModel[e].rawData=t)}setDirty(e){this.oRecordModel[e].bDirty=!0}setNoDirty(e){this.oRecordModel[e].bDirty=!1}isDirty(e){if(this.oRecordModel[e])return!0===this.oRecordModel[e].bDirty}};let l={};function d(e){return l[e]}function c(e,t){l[e]=t}function h(e){return firebase?!!e.sCollection||(n.Aq('The zg-param, [name="collection"] must be set in order to use the FirebaseSDK adapter'),!1):(n.Aq("Firebase SDK must be included on the client"),!1)}c("firebaseRead",(function(e,t){if(!h(t))return;const o=firebase.firestore();return t.bSubscription?void function(e,t,o){let n=e.grid.widget,r=!1,i=o.collection(t.sCollection).onSnapshot((t=>{if(n.bDisconnect)return void i();let o=t.docChanges(),a={};o.forEach((e=>{"added"==e.type?r?n.store.insertRecord(e.doc.data(),void 0,e.doc.id,!0):a[e.doc.id]=e.doc.data():"removed"==e.type?n.removeRow(e.doc.id,!0,void 0,!0):"modified"==e.type&&n.updateRow(e.doc.data(),e.doc.id,!0)})),r||e.callback(a),r=!0}))}(e,t,o):new Promise(((e,n)=>{o.collection(t.sCollection).get().then((t=>{let o={};t.docs.forEach((e=>{o[e.id]=e.data()})),e(o)})).catch(n)}))})),c("firebaseCreate",(function(e,t,o){if(!h(o))return;firebase.firestore().collection(o.sCollection).add(e).then((e=>{t.callback(e.id)}))})),c("firebaseUpdateRow",(function(e,t,o,n){if(!h(n))return;firebase.firestore().collection(n.sCollection).doc(e).update(t).then((e=>{o.callback({bServerOnly:n.bSubscription})}))})),c("firebaseUpdateCell",(function(e,t,o,n){if(!h(n))return;firebase.firestore().collection(n.sCollection).doc(e).update(t).then((e=>{n.bSubscription||o.callback()}))})),c("firebaseDelete",(function(e,t,o,n){if(!h(n))return;firebase.firestore().collection(n.sCollection).doc(e).delete().then((e=>{o.callback({bServerOnly:n.bSubscription})}))}));var u=o(38419),g=o(56919),p=o(22048);class f extends a.Z{constructor(e){if((e=e||{})._defaults={bHasLoaded:!1},super(e),this.bNeedsLoad=!1,this.sStartAtValue=null,this.aStartAtValue={},this.nOriginRecordCount=0,this.debounceTime=null,"undefined"!=typeof window){let e=o(25126).Z;n.go(this.constructor.prototype,e.prototype)}this.init()}init(){this.setDefaults(),this.aOrderedData=[],this.aUnseenRecordIndex=[],this.ons()}setDefaults(){let e={oDefaultCreateDataRequest:{method:"post",bCreate:!0,bPayload:!0,bSingleCell:!1},oDefaultUpdateDataRecordRequest:{method:"put",nonRestMethod:"post",bCreate:!1,bPayload:!0,bSingleCell:!1},oDefaultUpdateDataFieldRequest:{method:"patch",nonRestMethod:"post",bSingleCell:!0,bCreate:!1,bPayload:!0},oDefaultDeleteDataRequest:{method:"delete",nonRestMethod:"post",bPayload:!1,bCreate:!1,bSingleCell:!1},oDefaultReadDataRequest:{method:"get"}};Object.keys(e).forEach((t=>{let o=e[t];this[t]={sUrl:void 0,sUrlSuffix:void 0,sMethod:o.method,sNonRestMethod:o.nonRestMethod,sTransport:u.default.store.defaultTransportType,oHeaders:void 0,sQueryString:void 0,sMode:void 0,bCDataEscape:void 0,oBody:void 0,bExclude:!1,bSingleCell:o.bSingleCell,bPayload:o.bPayload,bCreate:o.bCreate,sRequestType:"application/json",sResponseType:void 0,sDataType:void 0,sRestmode:"auto",sServerErrorMessage:void 0,sServerErrorPath:void 0,sCSVDelimiter:void 0,sCSVLineSeparator:void 0,bCSVHeader:void 0,bCSVCaption:void 0,bTableHide:void 0,oTableHead:void 0,sTableDataFormat:void 0,sTableHeadFormat:void 0}})),this.oDefaultDataFormat={sRecordPath:void 0,sNodePath:void 0,sHasNextPath:void 0,sHasPrevPath:void 0,sNextPath:void 0,sPrevPath:void 0,sNextIDPath:void 0,sPrevIDPath:void 0,sNextIDKey:void 0,sPrevIDKey:void 0,sIdKey:"id",sNewIndexPath:"",sAdapter:"",sSearchKey:void 0,sSearch:void 0,bServerFilter:void 0,sSortByKey:void 0,sSortBy:"",sSortDirKey:void 0,sSortDir:"",sStartAtKey:void 0,sLimitToKey:void 0,sPageKey:void 0,sCountPath:"totalCount",sCountHeader:void 0,bLoadByPages:!1,bLoadByScroll:!1,bCursor:!1,bStartAtValue:!1,nPageBase:1,bAddValueQuotes:!1,sCollection:void 0,bSubscription:!1,sBatchEditStatus:void 0,sCreateCustomFunction:void 0,sReadCustomFunction:void 0,sUpdateCellCustomFunction:void 0,sUpdateRowCustomFunction:void 0,sDeleteCustomFunction:void 0,sDataType:void 0,bResetOnDataChange:!0},this.oDataFormat={},this.oDataRequest={createOptions:{},readOptions:{},updateOptions:{row:{},cell:{}},deleteOptions:{}},this.templateStartDelimiter=u.default.template.templateStartDelimiter,this.templateEndDelimiter=u.default.template.templateEndDelimiter,this.initModel()}setOptions(e,t){let o=e||{};if(t)for(let e in t)t.hasOwnProperty(e)&&(o[e]=t[e]);return this.widget.webcomponent.oDOMData&&(o=this.widget.webcomponent.oDOMData.setOptions(o)),o}updateConfig(e,t){let o=!1;if((t||e.src&&this.oDataRequest.sUrl&&this.oDataRequest.sUrl!==e.src)&&(this.dumpDataRequest(),this.widget.dumpMapping(),this.dumpModel(),this.widget.nCurrPageIdx=this.widget.nAdjustedStart=0),e.adapter&&this.setAdapters(e.adapter,e),this.updateDataRequest(e),e.data&&this.setData(e.data),void 0!==e.cursor&&e.cursor!==this.oDataFormat.bCursor&&this.widget.bAPIReady&&(o=!0),this.updateDataFormat(e),o){let e=this.widget.webcomponent;e.oTopPager&&e.oTopPager._updateContents&&e.oTopPager._updateContents(),e.oBottomPager&&e.oBottomPager._updateContents&&e.oBottomPager._updateContents()}this.mDataSchema=e.schema||this.mDataSchema}updateDataFormat(e){this.setDataFormatValues(this.oDataFormat,e,this.oDefaultDataFormat),this.oDataFormat.bLoadByScroll&&(this.widget.webcomponent._activateLoadByScroll(),this.widget.scroller.ons())}updateDataRequest(e){e.updateOptions=e.updateOptions||{},e.updateOptions.row=e.updateOptions.row||e.updateRowOptions,e.updateOptions.cell=e.updateOptions.cell||e.updateCellOptions,e.bodyMethodSuffix&&this.updateBodies(e),this.updateDataRequestConfig(e,this.oDataRequest),this.oDataRequest.createOptions=this.updateDataRequestConfig(e.createOptions,this.oDataRequest.createOptions,this.oDefaultCreateDataRequest,e,"create"),this.oDataRequest.readOptions=this.updateDataRequestConfig(e.readOptions,this.oDataRequest.readOptions,this.oDefaultReadDataRequest,e,"read"),this.oDataRequest.updateOptions.row=this.updateDataRequestConfig(e.updateOptions.row,this.oDataRequest.updateOptions.row,this.oDefaultUpdateDataRecordRequest,e,"updateRow"),this.oDataRequest.updateOptions.cell=this.updateDataRequestConfig(e.updateOptions.cell,this.oDataRequest.updateOptions.cell,this.oDefaultUpdateDataFieldRequest,e,"updateCell"),this.oDataRequest.deleteOptions=this.updateDataRequestConfig(e.deleteOptions,this.oDataRequest.deleteOptions,this.oDefaultDeleteDataRequest,e,"delete")}updateBodies(e){const t=e.bodyMethodSuffix;["create","read","updateRow","updateCell","delete"].forEach((o=>{e[`${o}Body`]||(e[`${o}Body`]=`${o}${t}`)}))}updateDataRequestConfig(e,t,o,r,i){let a,s=o;return!1!==e&&"false"!==e&&(e=e||{},r&&["Body","Method","Src"].forEach((t=>{let o=`${i}${t}`;r[o]&&(e[t.toLowerCase()]=r[o])})),o!==this.oDataRequest&&(a=this.oDataRequest,s=n.$R({},a,o),s.oHeaders=n.$R({},a.oHeaders,o?o.oHeaders:o),void 0===s.oBody&&(a.oBody||o&&o.oBody)&&(s.oBody=n.$R({},a.oBody,o?o.oBody:o))),this.processURLConfig(e,t),this.setDataRequestValue(t,e,s),"manual"===t.sRestmode&&(e.method||a.sMethod||!s.sNonRestMethod||(t.sMethod=s.sNonRestMethod,t.sMethod!==s.sMethod&&(t.oHeaders=t.oHeaders||{},t.oHeaders["X-HTTP-Method-Override"]=s.sMethod))),t)}setAdapters(e,t){if(f.aAdapters[e]){const o=f.aAdapters[e];this.widget.bHasSorterEnabled&&this.isIncrementalLoad(t)&&"firebase"===e&&(n.Aq("Firebase does not support server side sorting."),this.widget.webcomponent.sort=!1),this.setDataFormatValues(this.oDefaultDataFormat,o,null),this.setDataRequestValue(this.oDataRequest,o,null)}}setDataRequestValue(e,t,o){n.nn(e,{sUrl:e.sUrl||t.src,sUrlSuffix:e.sUrlSuffix||t.urlSuffix,sTransport:t.transport,sMethod:t.method,sRestmode:t.restmode,oHeaders:t.headers,sQueryString:t.queryString,sMode:t.mode,oBody:t.body,bExclude:t.exclude,sRequestType:t.requestType,sResponseType:t.responseType,sDataType:t.dataType,bCDataEscape:t.cdataEscape,sServerErrorMessage:t.serverErrorMessage,sServerErrorPath:t.serverErrorPath,sCSVDelimiter:t.csvDelimiter,sCSVLineSeparator:t.csvLineSeparator,bCSVHeader:t.csvHeader,bCSVCaption:t.csvCaption,bTableHide:t.tableHide,oTableHead:t.tableHead,sTableDataFormat:t.tableDataFormat,sTableHeadFormat:t.tableHeadFormat},o)}setDataFormatValues(e,t,o){n.nn(e,{sRecordPath:t.recordPath,sNodePath:t.nodePath,sNextPath:t.nextPath,sPrevPath:t.prevPath,sHasNextPath:t.hasNextPath,sHasPrevPath:t.hasPrevPath,sNextIDPath:t.nextIDPath,sPrevIDPath:t.prevIDPath,sNextIDKey:t.nextIDKey,sPrevIDKey:t.prevIDKey,sIdKey:t.idKey,sNewIndexPath:t.newIndexPath,sAdapter:t.adapter,sSearchKey:t.searchKey,sSearch:t.search,bServerFilter:t.serverFilter,sSortByKey:t.sortByKey,sSortBy:t.sortBy,sSortDirKey:t.sortDirKey,sSortDir:t.sortDir,sStartAtKey:t.startAtKey,bStartAtValue:t.startAtValue,sLimitToKey:t.limitToKey,sPageKey:t.pageKey,sCountPath:t.countPath,sCountHeader:t.countHeader,bCursor:t.cursor,bLoadByPages:!!t.loadByPage,bLoadByScroll:!!t.loadByScroll,nPageBase:t.pageBase,bAddValueQuotes:t.addValueQuotes,sCollection:t.collection,bSubscription:t.subscription,sBatchEditStatus:t.batchEditStatus,sCreateCustomFunction:t.createCustomFunction,sReadCustomFunction:t.readCustomFunction,sUpdateCellCustomFunction:t.updateCellCustomFunction,sUpdateRowCustomFunction:t.updateRowCustomFunction,sDeleteCustomFunction:t.deleteCustomFunction,sDataType:t.dataType,bResetOnDataChange:t.resetOnDataChange},o),this.setCustomFunctions(e)}setCustomFunctions(e){["Create","Read","UpdateCell","UpdateRow","Delete"].forEach((t=>{const o=`s${t}CustomFunction`,n=`fnCustom${t}`;e[o]&&(e[n]=f.setUserFunction(d,e[o]),null===e[n]&&(this.bCustomUndefined=!0))}))}processURLConfig(e,t){let o="",n=e.src||t.sUrl;e.src&&!e.urlSuffix&&(n=n.trim(),".JSON"==n.slice(-5).toUpperCase()?(n=n.slice(0,-5),o=".json"):/firebaseio/.test(n)&&("/"!==n.slice(-1)&&(n+="/"),o=".json"),t.sUrl=n,t.sUrlSuffix=o)}ons(){let e=this.widget;this.on("loaddata",this.onLoadDataRest),this.on("afterinsert",((t,o)=>{let i,a,s,l;if(this.oDataFormat.bLoadByScroll&&this.bHasDataSource)return void this.reload();if(o.response){let e=o.response;if((n.kJ(e)||n.Kn(e)&&this.oDataFormat.sRecordPath)&&(n.Kn(e)&&this.oDataFormat.sRecordPath&&(e=r.MU(e,this.oDataFormat.sRecordPath,void 0,this.widget.sNestedDataSeparator)),e)){a=o.options.sRecordIndex;let t=this.oLocalModel[a],n=t?t.nRowIndex:"";return this.clearForReload(),this.manageLoadResponse(o.response,o.request,e,"afterinsertrecord"),void this.fire("afterinsertrecord",{nRowIndex:n,oLocalModel:t})}i=this.getUnseenRecordIndexResponse(o.response),a=o.options.sRecordIndex,l=e,s=o.options.oBody,o=o.options||o}else{if((o=o.options).bBatchEdit&&this.oDataFormat.bSubscription)return void e.dirtyManager.revert(o.sRecordIndex);i=o.sUnseenRecordIndex,a=o.sTempRecordIndex,o.oStatus&&(e.batchEditor.bSavingBatchEdit?(e.batchEditor.onSuccess(),i=a=o.sRecordIndex):this.widget&&this.widget.statusManager&&this.widget.statusManager.setStatus(o.oStatus))}if(!a)return;let d=this.oLocalModel[i]=this.oLocalModel[a];e.dirtyManager.setNoDirty(i),this.aRecordIndex[this.aRecordIndex.indexOf(a)]=i;let c=d.nRowIndex,h=d.model.get();if(h.sRESTIndex=i,h.sRecordIndex=i,h.nRowIndex=c,l&&n.Kn(l)&&Object.keys(l).forEach((e=>{"name"!==e&&this._updateCell(i,e,l[e])})),this.bIsRawDataArray&&this.oDataFormat.sIdKey&&(h[this.oDataFormat.sIdKey]||this.oLocalModel[i].model.set(this.oDataFormat.sIdKey,i)),e.aRowMapping[c].sRecordIndex=i,("end"!==o.sRecordLocation||o.sFrozen)&&(c=this.moveRow(a,o.sRecordLocation,o.sFrozen),h.nRowIndex=c),this.aOrderedData.push(h),e.bHasSorterEnabled&&e.sorter.aOriginalRowMappingOrder.length){e.sorter.aOriginalRowMappingOrder.push(i)}a!==i&&delete this.oLocalModel[a],this.updateDataProperty(),s?this.reload():o.bPrepopulated||o.bBatchEdit?this.widget.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},c):o.bBatchEdit||(this.widget.update(void 0,void 0,void 0,!0),"end"===o.sRecordLocation?e.lastPage():"start"===o.sRecordLocation&&e.firstPage()),this.fire("afterinsertrecord",{nRowIndex:c,oLocalModel:d,bBatchEdit:o.bBatchEdit})})),this.on("afterremoverecord",((e,t,o)=>{const n=this.widget;if(t.options&&(t=t.options),this.oDataFormat.bLoadByScroll&&this.bHasDataSource)return void this.reload();if(t.oStatus&&!this.bHasDataSource&&(n.batchEditor.bSavingBatchEdit?n.batchEditor.onSuccess():this.widget&&this.widget.statusManager&&this.widget.statusManager.setStatus(t.oStatus)),this.oDataFormat.bSubscription&&o&&o.bServerOnly)return;let r=t.sRecordIndex;this.nRecordCount--,this.nOriginRecordCount&&this.nOriginRecordCount--;let i=this.oLocalModel[r].nRowIndex,a=this.oLocalModel[r].sFrozen;if(this.oLocalModel[r]=null,delete this.oLocalModel[r],this.aOrderedData.length){let e=this.aOrderedData.findIndex((e=>e&&e.sRecordIndex===r));-1!==e&&this.aOrderedData.splice(e,1)}let s=n.aRowMapping,l=!1;n.bUpdatingFrozen=!0,"top"===a?(s=n.aTopRowMapping,n.webcomponent.frozenRowsTop--,l=!0):"bottom"===a&&(s=n.aBottomRowMapping,n.webcomponent.frozenRowsBottom--,l=!0),n.bUpdatingFrozen=!1,s.splice(i,1);let d=n.getCurrPageIdx(),c=n.getPageCount();if(d>=c&&c>0&&n.setCurrPageIdx(d-1),n.bHasSorterEnabled){let e=n.sorter.aOriginalRowMappingOrder,t=e.indexOf(r);e.splice(t,1)}s.forEach(((e,t)=>{let o=e.sRecordIndex;e.sGroupRecordIndex||this.updateRecordMapping(s,o,t)})),n.savedScrollVal=n.oDOMMainScroll.scrollLeft,l&&n.updater.clearCache(),n.update(),this.updateDataProperty();let h=this.widget.deleteSE;"cell"===h.sContextLevel&&requestAnimationFrame((()=>h.select(!0)))})),this.on("afterupdaterecord",((e,t,o)=>{const i=this.widget;let a=t.response;t.options&&(t=t.options);let s=t.sRecordIndex,l=t.aChangedFieldIndex;if(t.oStatus&&!this.bHasDataSource&&(i.batchEditor.bSavingBatchEdit?i.batchEditor.onSuccess():i&&this.widget.statusManager&&this.widget.statusManager.setStatus(t.oStatus)),this.oDataFormat.bSubscription&&o&&o.bServerOnly)return;if(l.forEach((e=>{i.dirtyManager.setNoDirty(s,e)})),a&&(n.kJ(a)||n.Kn(a)&&this.oDataFormat.sRecordPath)&&(n.Kn(a)&&this.oDataFormat.sRecordPath&&(a=r.MU(a,this.oDataFormat.sRecordPath,void 0,this.widget.sNestedDataSeparator)),a))return this.clearForReload(),void this.manageLoadResponse(t.response,t.request,a,"updatecomplete");a&&n.Kn(a)&&Object.keys(a).forEach((e=>{"name"!==e&&this._updateCell(s,e,a[e])}));let d=this.widget.getDataRowIndexByRecordIndex(s,this.oLocalModel[s].sFrozen);t.bNoRefresh||this.widget.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},d),this.updateDataProperty(),window.setImmediate((()=>{this.fire("updatecomplete",t.oRefocus)}))})),this.on("afterupdatecell",((e,t)=>{let o=this.widget;t.options&&(t=t.options);let n=t.sRecordIndex,r=t.sFieldIndex;o.dirtyManager.setNoDirty(n,r),t.oStatus&&!this.bHasDataSource&&this.widget&&this.widget.statusManager&&this.widget.statusManager.setStatus(t.oStatus);let i=this.widget.getDataRowIndexByRecordIndex(n,this.oLocalModel[n].sFrozen);o.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},i),this.updateDataProperty(),window.setImmediate((()=>{this.widget&&o.fire("afterupdatecellrender",t)}))})),this.on("afterloaddata",((e,t)=>{let o=t.oResponse;this.manageLoadResponse(o,t.oRequest)}))}manageLoadResponse(e,t,o){let n=this.widget;if(this.oDataFormat.bLoadByScroll&&!e)n.bInfiniteMaxReached=!0;else{const i=void 0!==o;if(o=o||r.MU(e,this.oDataFormat.sRecordPath,void 0,n.sNestedDataSeparator)||{},this.oDataFormat.bLoadByPages&&(this.oLocalModel={},this.aOrderedData=[],this.aRecordIndex=[],n.dumpRowMapping()),this.oLocalModel=this.preprocess(o),e){let a=this.oDataFormat.sCountPath;if(this.oDataFormat.sCountHeader)this.setOriginRecordCount(t.getResponseHeader(this.oDataFormat.sCountHeader));else{let t=r.MU(e,a,void 0,n.sNestedDataSeparator);i&&this.nOriginRecordCount&&!t&&(t=o.length),this.setOriginRecordCount(t||this.nOriginRecordCount)}}}this.calculatePath("Next",e),this.calculatePath("Prev",e),this.fire("loaded")}getUnseenRecordIndexResponse(e){let t="",o=this.oDataFormat.sNewIndexPath;return o?t=r.MU(e,o,void 0,this.widget.sNestedDataSeparator):"object"==typeof e&&this.oDataFormat.sIdKey?(t=e[this.oDataFormat.sIdKey],t||(t=e.name)):t=e,t}calculatePath(e,t){if(!t)return void(this[`s${e}PathURL`]=null);let o=null,n=this.oDataFormat[`s${e}Path`],i=this.oDataFormat[`s${e}IDPath`],a=this.oDataFormat[`sHas${e}Path`],s=!0;const l=this.widget;if(void 0!==a&&(s=r.MU(t,a,void 0,l.sNestedDataSeparator)),s&&void 0!==n)o=r.MU(t,n,void 0,l.sNestedDataSeparator);else if(s&&void 0!==i){let n=r.MU(t,i,void 0,l.sNestedDataSeparator);n&&(this[`s${e}ID`]=n,o=!0)}else o=null;this[`s${e}PathURL`]=o}setData(e){let t;if(""===e)t=[];else if(null==e)t=null;else if("object"==typeof e&&e.tagName&&"table"===e.tagName.toLowerCase())this.widget.webcomponent.bReady?(t=this.setTableData(null,e),e.style.display="none"):this.bNeedsData=!0;else if(n.kJ(e)||n.Kn(e))t=e;else{let o,n=this.oDataRequest.sDataType||this.oDataRequest.sResponseType;if(n?n=n.match(/(json)\b/)?"json":n.match(/(xml)\b/)?"xml":n.match(/(csv)\b/)?"csv":n.match(/(html|text)\b/)?"html":n:({oData:t,type:n,err:o}=this.detectType(e)),!t)if(!this.widget.webcomponent.bReady&&n)this.bNeedsData=!0;else if("csv"===n)t=this.setCSVData(e);else if("xml"===n)t=this.setXMLData(e);else if("html"===n)t=this.setTableData(e);else if(o){const e=`Error: There was an issue with data's value:\n${o}`;console.error(`Uncaught ${e}`);const t={icon:"error",state:"error",msg:e};setTimeout((()=>{this.widget&&this.widget.statusManager&&this.widget.statusManager.setStatus(t)}),0)}}return this.data=t,this.bNeedsLoad=!0,this.data}detectType(e){const t=this.oDataRequest,o={};try{let t=e.replace(/\n/g,"");o.oData=JSON.parse(t)}catch(r){if((t.sCSVLineSeparator||t.sCSVDelimiter||t.bCSVHeader||t.bCSVCaption)&&(o.type="csv"),!o.type){const t=(new window.DOMParser).parseFromString(e,"text/xml");t&&t.documentElement&&"html"!==t.documentElement.nodeName&&(o.type="xml")}if(!o.type)try{document.querySelector(e)&&(o.type="html")}catch(e){}if(!o.type){const t=n.QR(e,{widget:this.widget});t&&n.kJ(t)&&t.length&&(o.oData=t)}o.type||o.oData||(o.err=r)}return o}setCSVData(e){const t=this.oDataRequest;let o={sDelimiter:t.sCSVDelimiter,sLineSeparator:t.sCSVLineSeparator,bHeader:t.bCSVHeader,bCaption:t.bCSVCaption,widget:this.widget};return n.QR(e,o)}setXMLData(e){const t=(new window.DOMParser).parseFromString(e,"text/xml");return n.yZ(t,this.oDataRequest.bCDataEscape)}setTableData(e,t){let o;try{if(t||(t=document.querySelector(e)),t){this.oDataRequest.widget=this.widget;const e=n.g8(t,this.widget.webcomponent);if(e&&this.oOptions){for(let t in e)this.oOptions[t]=e[t];this.updateConfig(this.oOptions)}o=n.AA(t,this.oDataRequest),!0!==this.oDataRequest.bTableHide&&"true"!==this.oDataRequest.bTableHide||(t.style.display="none")}}catch(e){}return o}loadData(e,t,o,n){let r=this.oOptions=this.setOptions(e,t);o=o||{};for(let e in o)r[e]=o[e];this.updateConfig(r,n),this.widget.bAPIReady?this.reload():this.bNeedsLoad=!0}debounceLoadData(e,t,o,n){let r=this.debounceTime=setTimeout((()=>{r===this.debounceTime&&(this.debounceTime=null,this.widget&&!this.widget.bDisconnect&&this.loadData(e,t,o,n))}),50)}reload(e,t){this.activateReload(e,t)}clearForReload(){let e=this.widget;e.fire("rowdeselect"),e.dumpMapping(),this.dumpModel(),this.bLightReload&&(this.nSavePageIdx=e.nCurrPageIdx),e.nCurrPageIdx=e.nAdjustedStart=0,e.updater.clearStyle()}activateReload(e,t){const o=this.widget;if(this.bHasLoaded=!1,t&&(!1===this.oDataFormat.bResetOnDataChange||"false"===this.oDataFormat.bResetOnDataChange)){this.bLightReload=!0;let e=!1;o.once(u.default.event.updated,(()=>{this.bLightReload=!1,e||(e=!0,o.stateManager.setFilter(o.stateManager.oFilter))}))}if(o.statusManager&&o.statusManager.closeStatus(),o.search&&!this.bLightReload&&o.search.clearSearch(),this.oDataFormat.sSortBy&&this.widget.oDOMSortedColumn){this.widget.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader.onSort(null,null,"none")}else o.batchEditor.isActive()&&!o.batchEditor.bSavingBatchEdit&&o.batchEditor.completeCancel(void 0,!0),this.clearForReload(),this.debounceTime&&!e||this.load(e)}load(e){const t=this.widget,o=t.webcomponent;if(this.bCustomUndefined&&(this.bCustomUndefined=!1,this.setCustomFunctions(this.oDataFormat)),this.bNeedsData&&o.data&&this.setData(o.data),this.bHasLoaded=!1,this.isIncrementalLoad()&&o.frozenRowsBottom&&(n.Aq("Frozen bottom rows is not supported with incremental data loading"),o.frozenRowsBottom=0),this.bHasDataSource&&!e){let e=n.c7.copy(this.oDataRequest.readOptions||{}),t=e.sServerErrorMessage;t||(t=e.sServerErrorPath?u.default.tokens.serverMessage:g.default.get("dialog.read.errorMsg",this.widget));const o={icon:"error",state:"error",msg:t};e.oErrorStatus=o,e.fnFailure=()=>this.fire("loaded"),this.fire("loaddata",e)}else if(t.bPreloaded||this.dumpModel(!0),!e&&this.oDataFormat.fnCustomRead){const e=this.oDataFormat.fnCustomRead,o=e=>{this.oLocalModel=this.preprocess(e),this.finishLoad()},r={callback:o,grid:t.webcomponent},i=e.method.apply(e.oScope,[r,this.oDataFormat]);i&&i.then(o).catch((e=>{if(this.widget.statusManager){const o={icon:"error",state:"error",msg:g.default.get("dialog.recordInfo.errorMsg",t)};t.statusManager.setStatus(o),n.Aq(e)}}))}else{e=e||this.data;const o=r.MU(e,this.oDataFormat.sRecordPath,void 0,t.sNestedDataSeparator)||{};this.oLocalModel=this.preprocess(o),this.finishLoad();this.getOriginRecordCount()||t.getRowCount()||t.aTopRowMapping.length||t.aBottomRowMapping.length||this.finishNoData()}}finishLoad(e){this.bHasLoaded=!0,e||this.widget.bDisconnect||(this.fire("loading"),this.fire("loaded"))}finishNoData(){const e=this.widget,t=e.webcomponent;t.oDOMNodata&&t.oDOMNodata.updateInfo(),e.bAPIReady=!0,this.finishLoad(!0),e.fire("apiready")}resetRowMapping(){const e=this.widget;e.aRowMapping.length=0,this.aOrderedData.forEach(((t,o)=>{e.updateRowMapping(e.aRowMapping,o,{sRecordIndex:t.sRecordIndex})}))}filter(e,t){this.widget.aRowMapping.length=0,t=""+t;let o=this.aOrderedData.filter((o=>{let n=""+o[e];return o[e]&&-1!==n.toLowerCase().indexOf(t.toLowerCase())}));this.widget.fire("roworderchange"),o.forEach(((e,t)=>{this.widget.updateRowMapping(this.widget.aRowMapping,t,{sRecordIndex:e.sRecordIndex})})),this.widget.bodyUpdate()}unsetSort(){this.aOrderedData.sort(((e,t)=>e.nOriginalIndex<t.nOriginalIndex?-1:1))}preprocess(e){const t=this.widget;e=e||{};let o,i=this.oLocalModel,a=[],l=[],d=this.aRecordIndex,c=this.bIsRawDataArray=n.kJ(e),h=this.mFieldStructure,u=this.aLeafFieldIndex,g=0;const p=t.sNestedDataSeparator;return c?o=e.length&&n.kJ(e[0])?(e=e.map((e=>e.slice(0)))).map((e=>e.slice(0))):(e=e.map((e=>(this.oDataFormat.sNodePath&&(e=r.MU(e,this.oDataFormat.sNodePath,void 0,p)),"string"==typeof e?{0:e}:n.RH({},e))))).map((e=>n.RH({},e))):(e=n.RH({},e),o=n.RH({},e)),this.updateDataProperty(o),Object.keys(e).forEach((o=>{let r={},f=e[o];if(null===f)return void g++;let m=n.kJ(f),b=new s(this.mDataSchema,f,p);r.model=b,r.nCellDirty=0;let v=b.aLeafFieldIndex,y=b.oFieldSchema;for(let e=0,t=v.length;e<t;e++){let t=v[e];-1===u.indexOf(t)&&(l.push(t),this.nFieldDepth="disabled"!==p?Math.max(t.split(p).length,this.nFieldDepth):Math.max(1,this.nFieldDepth),h=h||(m?[]:{}),m?h.push(y[t]):h[t]=y[t],u.push(t))}f.sRESTIndex=o,c&&(o=t.createRecordIndex()),d.push(o),a.push(o),f.sRecordIndex=o,f.nOriginalIndex=this.aOrderedData.length,this.aOrderedData.push(f),i[o]=r})),this.nRecordCount+=a.length,this.aUnseenRecordIndex=a,this.aUnseenFieldIndex=l,this.sNeedsSort&&(this.sortUnseen(g),this.sNeedsSort=!1),this.isIncrementalLoad()&&!this.oDataFormat.bStartAtValue&&a.length+g<t.getPageSize()&&(t.bInfiniteMaxReached=!0),this.mFieldStructure=h,this.mDataSchema||(this.mDataSchema=h),this.aLeafFieldIndex=u,t.bGroupBy&&t.groupbyManager.groupBy(t.aGroupBy,this.aOrderedData),i}moveRow(e,t,o){const n=this.widget,r=this.oLocalModel[e],i=r.nRowIndex,a=r.sFrozen;let s,l,d=!1,c=n.getRowMappingByFrozen(a),h=c;n.bUpdatingFrozen=!0,"top"===a?(l="top",n.webcomponent.frozenRowsTop--,d=!0):"bottom"===a&&(l="bottom",n.webcomponent.frozenRowsBottom--,d=!0),"start"===t?s=0:"number"==typeof t?(s=t,"top"===o?(l="top",h=n.aTopRowMapping,n.webcomponent.frozenRowsTop++,d=!0):"bottom"===o&&(l="bottom",h=n.aBottomRowMapping,n.webcomponent.frozenRowsBottom++,d=!0)):"top"===t?(l="top",h=n.aTopRowMapping,n.webcomponent.frozenRowsTop||(n.webcomponent.frozenRowsTop=0),s=n.webcomponent.frozenRowsTop,n.webcomponent.frozenRowsTop++,d=!0):"bottom"===t?(l="bottom",h=n.aBottomRowMapping,n.webcomponent.frozenRowsBottom||(n.webcomponent.frozenRowsBottom=0),n.webcomponent.frozenRowsBottom++,s=0,d=!0):"body"===t?(h=n.aRowMapping,"top"===a?s=0:"bottom"===a&&(s=n.aRowMapping.length)):s=c.length-1,n.bUpdatingFrozen=!1,s=+s;let g=c.splice(i,1);return h.splice(s,0,g[0]),this.refreshAllRecordMapping(),d&&(n.updater.clearCache(),n.update(),n.fire(u.default.event.frozenrowchange,l)),"body"===t&&("top"===a?n.firstPage():"bottom"===a&&n.lastPage()),s}updateDataProperty(e){let t=this.widget.webcomponent;e||(e=this.cleanData(e)),this.bUpdatingData=!0,t.data=e,this.bUpdatingData=!1}cleanData(e,t,o){let r,i,a=this.widget;return i=t?a.aRowMapping.map((e=>{let t=e.sRecordIndex;return this.aOrderedData.find((e=>e.sRecordIndex===t))})):this.aOrderedData,r=this.bIsRawDataArray?i.map((t=>{let r;return e?r=this.getVisibleData(t):(n.kJ(t)?o?(r={},t.forEach(((e,t)=>{let o=t;const n=a.getColumnByFieldIndex(o.toString());n&&(o=n.sColumnHeaderText),r[o]=e}))):r=t.slice(0):r=n.RH({},t),delete r.sRESTIndex,delete r.sRecordIndex,delete r.nOriginalIndex,delete r.nRowIndex,delete r.sFrozen),r})):i.reduce(((t,o)=>{let r,i=o.sRESTIndex;return e?r=this.getVisibleData(o):(r=n.RH({},o),delete r.sRESTIndex,delete r.sRecordIndex,delete r.nOriginalIndex,delete r.nRowIndex,delete r.sFrozen),t[i]=r,t}),{}),r}cleanSingleRecord(e){let t;return t=n.kJ(e)?e.slice(0):n.RH({},e),delete t.sRESTIndex,delete t.sRecordIndex,delete t.nRowIndex,delete t.sFrozen,delete t.nOriginalIndex,t}getVisibleData(e){let t;return t=n.kJ(e)?[]:{},this.widget.aColumnMapping.forEach((o=>{let r=o.sFieldIndex;o.bHidden||""===r||n.String.trimWhiteSpace(r).split(",").forEach((o=>{o=n.String.trimWhiteSpace(o),t[o]=e[o]}))})),t}sortUnseen(e){let t=this.widget,o=this.aUnseenRecordIndex,n=this.sNeedsSort.replace(/['"]+/g,""),r="desc"===this.sNeedsSortDir?-1:1,a=o.map(((e,t)=>{let o=this.get(e,n);return{sRecordIndex:e,mValue:null==o?"":o}})),s=t.getColumnByFieldIndex(n),l=null;l=s&&s.fnSorter?s.fnSorter:{method:i.Z.getSorter("text"),scope:null};if(a.sort((function(e,t){const o=l.method.apply(l.scope,[e.mValue,t.mValue]);return r>=0?o:-o})),this.isIncrementalLoad()&&this.oDataFormat.bStartAtValue)if(a.length+e>this.widget.getPageSize()){let e=a.splice(-1,1);if(e.length){let t=e[0].sRecordIndex;this.aRecordIndex.splice(this.aRecordIndex.indexOf(t),1),this.sStartAtValue=e[0].mValue}}else this.widget.bInfiniteMaxReached=!0;this.aUnseenRecordIndex=a.map((e=>e.sRecordIndex))}setOriginRecordCount(e){e?(e=parseInt(e,10)||0,this.nOriginRecordCount=e):this.nOriginRecordCount=0}getOriginRecordCount(){return this.nOriginRecordCount}getUnseenRecordIndex(){return this.aUnseenRecordIndex}getLeafFieldIndex(){return this.aLeafFieldIndex}getFieldStructure(){return this.mFieldStructure}getFieldDepth(){return this.nFieldDepth}duplicateRecord(e){}removeRecord(e,t,o,r,i){const a=this.widget;if(!1===this.oDataRequest.deleteOptions)return;let s=n.c7.copy(this.oDataRequest.deleteOptions||{});e=this.getRecordIndex(e);let l=this.get(e);if(!l)return!1;const d=this.oLocalModel[e],c={icon:"checkmark",state:"success",msg:o=o||g.default.get("dialog.recordDelete.successMsg",this.widget)};let h=s.sServerErrorMessage;h||(h=s.sServerErrorPath?u.default.tokens.serverMessage:g.default.get("dialog.recordDelete.errorMsg",this.widget));const p={icon:"error",state:"error",msg:h};if(s.sRecordIndex=e,r&&!a.batchEditor.isActive()||(s.oStatus=c,s.oErrorStatus=p),s.fnCustom=this.oDataFormat.fnCustomDelete,s.oRecordRawData=l.get(),s.sEditMode="removerecord",s.bBatchCleanup=d.bBatchCleanup,!r&&!a.batchEditor.isActive()){if(!1===this.fire("removerecord",s))return n.Aq("Delete was cancelled by the user in the data:record:beforedelete event"),!1}if(s.oRecordModel=this.get(s.sRecordIndex),a.dirtyManager.setDirtyDelete(e,s),a.batchEditor.isActive()){let t=this.widget.getDataRowIndexByRecordIndex(e,this.oLocalModel[e].sFrozen);a.update({bUpdateBodyContent:!0},t)}else this.fireAfterStoreEvent("afterremoverecord",s,void 0,r)}_updateCell(e,t,o,n){let r=this.get(e,t);if(""===o&&void 0===r)return!1;if("date"===n){const e=p.kB(r).toString(),t=p.kB(o).toString();if(r===o||e===t)return!1}else{if("string"==typeof o&&r&&r.toString()==o)return!1;if(r==o)return!1}return t!==u.default.store.keyField&&this.oLocalModel[e].model.set(t,o),!0}updateCell(e,t,o,r,i){const a=this.widget;if(!1===this.oDataRequest.updateOptions.cell)return;let s=this.oLocalModel[e].model,l=this.get(e,t);if(!this._updateCell(e,t,o,i))return;if(t===u.default.store.keyField)return void this.updateRecordWithKey(e,!1,o);let d=n.c7.copy(this.oDataRequest.updateOptions.cell||{});const c={icon:"checkmark",state:"success",msg:g.default.get("dialog.fieldUpdate.successMsg",this.widget)};let h=d.sServerErrorMessage;h||(h=d.sServerErrorPath?u.default.tokens.serverMessage:g.default.get("dialog.fieldUpdate.errorMsg",a));const p={icon:"error",state:"error",msg:h};if(d.sRecordIndex=e,d.sFieldIndex=t,d.payload=o,d.oldValue=l,d.oRecordRawData=s.get(),d.fnCustom=this.oDataFormat.fnCustomUpdateCell,d.sEditMode="updatecell",r||(d.oStatus=c,d.oErrorStatus=p),!r&&!a.batchEditor.isActive()){if(!1===this.fire("updatecell",d))return n.Aq("Update was cancelled by the user in the data:cell:beforechange event"),!1}a.dirtyManager.setDirty(e,t,d),a.savedScrollVal=a.oDOMMainScroll.scrollLeft;let f=this.widget.getDataRowIndexByRecordIndex(e,this.oLocalModel[e].sFrozen);a.update({bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},f),a.batchEditor.isActive()||this.fireAfterStoreEvent("afterupdatecell",d,void 0,r)}updateRecord(e,t,o,r,i,a){const s=this.widget;if(!1===this.oDataRequest.updateOptions.row)return!1;e=this.getRecordIndex(e);const l=this.oLocalModel[e];if(!l)return!1;let d=l.model,c=n.c7.copy(d.get()),h=!1,p=[];if(Object.keys(t).forEach((o=>{this._updateCell(e,o,t[o])&&(h=!0,p.push(o))})),!r&&(!h||o))return!1;if(p.forEach((t=>{s.dirtyManager.setDirty(e,t)})),-1!==p.indexOf(u.default.store.keyField))return this.updateRecordWithKey(e,p,t[u.default.store.keyField]),!0;let f=n.c7.copy(this.oDataRequest.updateOptions.row||{});const m={icon:"checkmark",state:"success",msg:g.default.get("dialog.recordUpdate.successMsg",this.widget)};let b=f.sServerErrorMessage;b||(b=f.sServerErrorPath?u.default.tokens.serverMessage:g.default.get("dialog.recordUpdate.errorMsg",this.widget));const v={icon:"error",state:"error",msg:b};if(f.sRecordIndex=e,f.oRecordRawData=d.get(),f.oOldData=c,r&&!s.batchEditor.isActive()||(f.oStatus=m,f.oErrorStatus=v),f.aChangedFieldIndex=p,f.fnCustom=this.oDataFormat.fnCustomUpdateRow,f.oRefocus=i,f.sEditMode="updaterecord",f.bNoRefresh=a,!r){if(!1===this.fire("updaterecord",f))return n.Aq("Update was cancelled by the user in the data:record:beforechange event"),!1}return this.fireAfterStoreEvent("afterupdaterecord",f,void 0,r),!0}insertRecordWithKey(e){let t=this.oLocalModel[e].model,o=n.c7.copy(this.oDataRequest.updateOptions.row||{});o.sRecordIndex=e,o.sIdKeyValue=e,o.oRecordRawData=t.oRecordRawData||{},o.fnCallback=this.afterInsertRecordWithKey,this.bHasDataSource?this.onModifyRecordRest(o):this.afterInsertRecordWithKey(options)}afterInsertRecordWithKey(e){this.fire("afterinsertrecord",{options:e})}updateRecordWithKey(e,t,o){let r=()=>{let t=n.c7.copy(this.oDataRequest.deleteOptions||{});t.sRecordIndex=e,t.fnCallback=i,this.onModifyRecordRest(t)},i=()=>{let r=this.oLocalModel[e].model,i=n.c7.copy(this.oDataRequest.updateOptions.row||{});i.sRecordIndex=e,i.sIdKeyValue=o,i.oRecordRawData=r.get(),i.aChangedFieldIndex=t,i.sNewRecordIndex=o,i.fnCallback=this.updateKey,this.onModifyRecordRest(i)};this.bHasDataSource&&!this.widget.batchEditor.isActive()?r():this.updateKey({sRecordIndex:e,sNewRecordIndex:o,aChangedFieldIndex:t})}updateKey(e){let t=e.sRecordIndex,o=e.sNewRecordIndex,n=this.widget;this.oLocalModel[o]=this.oLocalModel[t],delete this.oLocalModel[t],this.aRecordIndex[this.aRecordIndex.indexOf(t)]=o,this.oLocalModel[o].model.get().sRESTIndex=o;let r=this.oLocalModel[o].nRowIndex;if(n.getRowMappingByFrozen(this.oLocalModel[o].sFrozen)[r].sRecordIndex=o,n.sorter){let e=n.sorter.aOriginalRowMappingOrder;e.length&&(e[e.indexOf(t)]=o)}let i=this.aOrderedData.findIndex((e=>e.sRecordIndex===t));if(-1!==i&&(this.aOrderedData[i].sRecordIndex=o),n.batchEditor.isActive()){const e={};e.sOldRecordIndex=t,e.sNewRecordIndex=o,e.sEditMode="updatekey",n.dirtyManager.setDirty(t,void 0,e)}n.update(),n.batchEditor.isActive()||(e.aChangedFieldIndex?this.fire("afterupdaterecord",{options:{sRecordIndex:o,aChangedFieldIndex:e.aChangedFieldIndex}}):this.fire("afterupdatecell",{options:{sRecordIndex:o,sFieldIndex:u.default.store.keyField}}),window.setImmediate((()=>{this.fire("updatecomplete")})))}get(e,t,o){const r=this.widget.sNestedDataSeparator;if(o)return this.widget.groupbyManager.getGroupName(o);if(n.o8(this.oLocalModel[e])&&(this.oLocalModel[e]=new s(this.mDataSchema,void 0,r)),t===u.default.store.keyField){if(this.widget.batchEditor.isActive()){if(this.oLocalModel[e].bDirtyInsert)return""}if(this.bIsRawDataArray){let t=this.oDataFormat.sIdKey;if(t!==u.default.store.keyField){let o=this.get(e,t);if(o)return o}}return e}return n.o8(t)?this.oLocalModel[e].model:this.oLocalModel[e].model.get(t)}getRecordIndex(e){if(this.oLocalModel[e])return e;if(this.bIsRawDataArray&&this.oDataFormat.sIdKey){const t=this.getRecordByKey(this.oDataFormat.sIdKey,e);t&&(e=t.sRecordIndex)}return e}getRecordByKey(e,t){return this.aOrderedData.find((o=>o[e]==t))}getUniqueDataByFieldIndex(e){let t=this.getDataByFieldIndex(e,!0);return[...new Set(t)].sort()}getDataByFieldIndex(e,t,o){const n=this.widget;let i=n.filter;o=o||this.aOrderedData,i&&i.bUseFilter&&!t&&(o=i.aFiltered);let a=o.map((o=>{const i=r.MU(o,e,void 0,n.sNestedDataSeparator);return t?i:parseFloat(i)}));return a=a.filter((e=>e||0===e)),a}hasNextData(){return!1!==(this.sNextPathURL||!1)}hasPrevData(){return!1!==(this.sPrevPathURL||!1)}insertRecord(e,t,o,r,i){const a=this.widget,l=a.sNestedDataSeparator;let d=new s(this.mDataSchema,e,l);if(this.oDataFormat.bSubscription&&!r&&!a.batchEditor.isActive())return void this.insertRecordServer(null,d,void 0,!1,!0);let c=o||this.widget.createRecordIndex();!o&&a.aColumnMapping.some((e=>e.bIsKeyIndex))&&(c=u.default.store.tempID),this.oLocalModel[c]={model:d,nRowIndex:-1,nCellDirty:0},this.aUnseenRecordIndex=[c],this.aRecordIndex.push(c),this.nRecordCount++;let h=this.mFieldStructure,g=this.mDataSchema,p=this.aLeafFieldIndex,f=n.iM(g,l),m=[],b=!1;for(let e=0,t=f.length;e<t;e++){let t=f[e];-1===p.indexOf(t)&&(b=!0,m.push(t),this.nFieldDepth="disabled"!==l?Math.max(t.split(l).length,this.nFieldDepth):Math.max(1,this.nFieldDepth))}b&&(h=n.RH(h,g),this.aLeafFieldIndex=n.iM(h,l)),this.aUnseenFieldIndex=m,this.mFieldStructure=h,this.insertRecordServer(c,d,t,r,void 0,i)}removeTempField(e,t){const o=t.sRecordIndex;this.nRecordCount--;let n=this.oLocalModel[o].nRowIndex;this.oLocalModel[o]=null,delete this.oLocalModel[o];const r=this.aRecordIndex.indexOf(o);this.aRecordIndex.splice(r,1),this.widget.aRowMapping.splice(n,1)}insertRecordServer(e,t,o,r,i,a){let s=this.widget;if(!1===this.oDataRequest.createOptions)return;let l=n.c7.copy(this.oDataRequest.createOptions||{});if(l.oRecordRawData=t.oRecordRawData,l.sRecordIndex=e,l.sRecordLocation=o,l.sFrozen=a,l.fnCustom=this.oDataFormat.fnCustomCreate,l.fnFailure=this.removeTempField,l.bCreateRecord=!0,l.sEditMode="insertrecord",!r){l.oStatus={icon:"checkmark",state:"success",msg:g.default.get("dialog.recordCreate.successMsg",this.widget)};let e=l.sServerErrorMessage;e||(e=l.sServerErrorPath?u.default.tokens.serverMessage:g.default.get("dialog.recordCreate.errorMsg",this.widget)),l.oErrorStatus={icon:"error",state:"error",msg:e}}if(!r&&!s.batchEditor.isActive()){if(!1===this.fire("insertrecord",l))return void n.Aq("Insert was cancelled by the user in the data:record:beforeinsert event")}if(this.oDataFormat.bLoadByScroll&&this.bHasDataSource||i||s.updateDefaultRowMapping(void 0,!0),s.dirtyManager.setDirtyInsert(e,l),s.batchEditor.isActive())s.update(),s.lastPage();else{let t={sUnseenRecordIndex:e,sTempRecordIndex:e,oStatus:l.oStatus,sRecordLocation:o,sFrozen:a};this.fireAfterStoreEvent("afterinsert",l,t,r)}}fireAfterStoreEvent(e,t,o,n){o=o||{};let r=["sRecordIndex","sFieldIndex","aChangedFieldIndex","oRecordRawData","oOldData","oRecordModel","nRowIndex","oLocalModel","oldValue","oStatus","bBatchEdit","bBatchCleanup","bNoRefresh"];for(let e of r)t&&t[e]&&(o[e]=t[e]);if(t.fnCustom&&!n){const n=t=>this.fire(e,{options:o},t);t.callback=n;const r=t.oRecordRawData?this.cleanSingleRecord(t.oRecordRawData):null,i=[];t.sRecordIndex&&!t.bCreateRecord&&i.push(t.sRecordIndex),r&&i.push(r),i.push(t,this.oDataFormat);let a=t.fnCustom.method.apply(t.fnCustom.oScope,i);a&&a.then(n)}else!this.bHasDataSource||t.bExclude||n?this.fire(e,{options:o}):(t.sSuccessEvent=e,this.onModifyRecordRest(t))}processChangedData(e,t,o){for(let n in e)if(e.hasOwnProperty(n)){let r=t[n],i=e[n];r!==i&&(this.oLocalModel[o].model.set(n,i),t[n]=i)}}processTemplate(e,t,o,n,r,i){const a=this.widget.sNestedDataSeparator;if(!e)return e;let s=o.sTargetFieldIndex,l=o.sTargetRecordIndex;o.sGroupRecordIndex&&(r=!0);let d=r?{}:this.get(l).oRecordRawData;if(!i&&(i={},!r)){let e;s.split(",").map((t=>{if("disabled"!==a){let o=t.split(a);e=o[o.length-1]}else e=t;let o=this.get(l,t.trim());i[e.trim()]=o}))}let c={record:d,index:i};return this.populateTemplate(e,t,c,n,o)}populateTemplate(e,t,o,n,r){let i,a;if("function"==typeof e)a=e(o);else{if("string"==typeof e)i=e;else if(e.content)if(t){const o=document.importNode(e.content,!0);t.appendChild(o),i=t.innerHTML}else i=e.innerHTML;a=this.calculateTemplate(i,o,n,void 0,r)}return t&&(t.innerHTML=a),a}calculateTemplate(e,t,o,i,a){let s,l=n.String.escapeRegExp(this.templateStartDelimiter),d=n.String.escapeRegExp(this.templateEndDelimiter),c=!a||"disabled"!==a._columnConfig.sTranslateNewline;const h=this.widget,g=h.aggregateManager;return e&&"string"==typeof e?(o&&(s=new RegExp(l+"(.*?)"+d+"(s*['\"])","g"),e=e.replace(s,(function(e,o,n){o=o.trim();let i=r.MU(t,o,"",h.sNestedDataSeparator);if(void 0!==i){return i+n+(" "+u.default.editor.bindingAttr+"="+n+o+n)}return e})),s=new RegExp("<textarea(.*?)"+l+"(.*?)"+d+"(.*?)</textarea>","g"),e=e.replace(s,(function(e,o,n,i){n=n.trim();let a=r.MU(t,n,"",h.sNestedDataSeparator);if(void 0!==a){return`<textarea ${u.default.editor.bindingAttr+'="'+n+'"'}${o}${a}${i}</textarea>`}return e}))),s=new RegExp(l+"(.*?)"+d,"g"),e.replace(s,((e,o)=>{o=o.trim();let n=r.MU(t,o,"",h.sNestedDataSeparator);return"string"==typeof n&&c&&(n=n.replace(/\n/g,"<br>")),""===n&&void 0!==g[o]&&(n=g.calculateAggregateRow(a,o)),i&&""===n?`${this.templateStartDelimiter}${o}${this.templateEndDelimiter}`:n}))):e}refreshAllRecordMapping(){const e=this.widget;let t=[e.aRowMapping,e.aTopRowMapping,e.aBottomRowMapping];for(let e=0;e<t.length;e++){const o=t[e];o.forEach(((e,t)=>{let n=e.sRecordIndex;e.sGroupRecordIndex||this.updateRecordMapping(o,n,t)}))}}updateRecordMapping(e,t,o){e===this.widget.aTopRowMapping?this.oLocalModel[t].sFrozen="top":e===this.widget.aBottomRowMapping?this.oLocalModel[t].sFrozen="bottom":this.oLocalModel[t].sFrozen="none",this.oLocalModel[t].nRowIndex=o}getArrayData(e,t,o){let r=[],i=t.sArrayIndex;const a=t.sArraySlice;let s=null,l=null;if(n.Uh(a)){const e=a.split(",");s=parseInt(e[0].trim(),10),e.length>1&&(l=parseInt(e[1].trim(),10))}return(void 0===i||o)&&(i=null),e.forEach((e=>{n.kJ(e)?("number"==typeof s&&(e=n.mJ.clone(e),e="number"==typeof l?e.slice(s,l):e.slice(s)),e.forEach((e=>{i?r.push(e[i]):r.push(e)}))):r.push(e)})),r}getRowData(e){let t={};return this.widget.aColumnMapping.forEach((o=>{let r=o.sFieldIndex;o.bHidden||""===r||o.bTypeAggregateOmit||n.String.trimWhiteSpace(r).split(",").forEach((o=>{let n=this.get(e,o.trim());t[o]=n}))})),t}getAllRowData(){const e=this.widget.filter;let t;t=e&&e.bUseFilter?e.aFiltered:this.aOrderedData;let o=[];const n=t.length;for(let e=0;e<n;e++)o.push(this.getRowData(t[e].sRecordIndex));return o}getRowIndexByRecordIndex(e){return this.oLocalModel[e].nRowIndex}getColumnIndexByFieldIndex(e){let t=this.widget.aColumnMapping,o=[];for(let n=t.length;n--;)t[n].sFieldIndex==e&&o.push(n);return o}isServerSort(){return this.isIncrementalLoad()&&(this.oDataFormat.sSortByKey||-1!==this.oDataRequest.readOptions.sUrl.indexOf(u.default.tokens.sortBy))}isIncrementalLoad(e){let t;return e&&(t=e.loadByPage||e.loadByScroll),t||this.oDataFormat.bLoadByScroll||this.oDataFormat.bLoadByPages}initModel(){this.data=[],this.reset()}dumpModel(e){this.reset(),this.widget.clearIdCounters(e),this.widget.updater.clearCache()}dumpDataRequest(){this.oDataRequest={createOptions:{},readOptions:{},updateOptions:{row:{},cell:{}},deleteOptions:{}},this.oOptions=null,this.setOriginRecordCount(0)}reset(){this.aRecordIndex=[],this.nRecordCount=0,this.sStartAtValue=null,this.aLeafFieldIndex=[],this.nFieldDepth=0,this.mFieldStructure=null,this.oLocalModel={},this.mDataSchema=null,this.aOrderedData=[],this.widget&&this.widget.groupbyManager&&(this.widget.groupbyManager.aGroupData=[]),this.sNextPathURL=null,this.sPrevPathURL=null,this.oOptions=null}get bHasDataSource(){return!!this.oDataRequest.sUrl||!!this.oDataRequest.readOptions.sUrl}}f.setUserFunction=function(e,t){if(e){let o=e(t,!0);if(o)return{method:o,scope:null}}let o=f.aMethods[t];if(o)return o;if("string"!=typeof t)return null;let n=t.split(".");if(n.length>1||f.aNamespaces.default){let e=n[0];if(f.aNamespaces[e]){let t=f.aNamespaces[e].namespace;for(let e=1;e<n.length;e++)t=t[n[e]];return{method:t,scope:f.aNamespaces[e].scope}}if(f.aNamespaces.default){let e=f.aNamespaces.default.namespace;for(let t=0;t<n.length&&e;t++)e=e[n[t]];if(e)return{method:e,scope:f.aNamespaces.default.scope}}let t=window;for(let e=0;e<n.length;e++)if(t=t[n[e]],void 0===t)return null;return{method:t,scope:null}}if(window[t])return{method:window[t],scope:null};if(e){let o=e(t);if(o)return{method:o,scope:null}}return null},f.aAdapters={firebaseSDK:{createCustomFunction:"firebaseCreate",readCustomFunction:"firebaseRead",updateRowCustomFunction:"firebaseUpdateRow",updateCellCustomFunction:"firebaseUpdateCell",deleteCustomFunction:"firebaseDelete"},firebase:{limitToKey:"limitToFirst",startAtKey:"startAt",sortByKey:"orderBy",searchKey:"equalTo",startAtValue:!0,addValueQuotes:!0,newIndexPath:"name"},graphql:{restmode:"manual",method:"post"},django:{urlSuffix:"/"}},f.aMethods={},f.aNamespaces={};const m=f},51562:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>f});var n=o(45092),r=o(68965),i=o(32816),a=o(32260),s=o(38419),l=o(48139),d=o(9700),c=o(58938),h=o(21704),u=o(56919);const{translate:g}=n;class p extends r.Z{constructor(e){(e=e||{})._defaults={type:"grid",prefix:"zing-grid-",hasColumnHeader:!0,hasColumnFooter:!0,disableScrollBarX:!1,disableScrollBarY:!1,nCurrPageIdx:0,pageSize:s.default.store.defaultPageSize,bUserPageSize:!1,bHasSelectorEnabled:!1,bHasSorterEnabled:!1,bHasEditorEnabled:!1,bHasCellEditorEnabled:!1,bHasContextMenuEnabled:!1,bRowDrag:!1,bColumnDrag:!1,bDragHide:!1,bDragMove:!1,bHeaderRowHide:!1,bHeaderAutoFormat:!0,sNestedDataSeparator:".",sNestedGroupDataSeparator:"#",oHeaderTooltip:{},oCellTooltip:{},bHasEditColumn:!1,bHasRemoveColumn:!1,bHasInfoColumn:!1,bHasSelectorColumn:!1,bHasRowNumberColumn:!1,bHasRowGroupColumn:!1,fnHeaderAutoFormat:null,bHasStaticMenu:!1,bOnlyColumnWidth:void 0,nInfiniteTotalDisplay:s.default.infinite.defaultInfiniteDisplay,nDefaultRowHeight:s.default.zgRow.defaultHeight,nDefaultHeadHeight:s.default.zgRow.defaultHeadHeight,nRowHeight:void 0,nAdjustedStart:0,nSetWidth:null,bStaticScroll:!1,bCompact:!1,nRowsPerSet:-1,nRowSets:1,bInfiniteMaxReached:!1,sContextMenuId:"",bHasFilterEnabled:!1,bHasSearchEnabled:!1,bGlobalFilter:!1,bAPIReady:!1,bConfirmDelete:!0,aFilters:[],aIcons:[],aSelectedRows:[],bFastMode:!1,bCellFocus:!0,nStoredPageIndex:-1,sDefaultDisplay:null,nCardsPerRow:1,sSortIntl:void 0,nLeftFrozenColumns:0,nCardLeftFrozenColumns:0,nRightFrozenColumns:0,nCardRightFrozenColumns:0,nTopFrozenRows:0,nCardTopFrozenRows:0,nCardBottomFrozenRows:0,nBottomFrozenRows:0,nLoadingImages:0,oZGCellMap:{},oZGHeadCellMap:{},oZGFootCellMap:{},oDOMSortedColumn:null,aCurrentOver:[],aMouseOut:[],aMouseOutTimeouts:[],idCounters:[],aZebraClasses:[],oStateOptions:{},aGroupBy:[],oGroupDummyRows:{count:0},els:{mainGridTable:{},mainColumnBody:{},mainColumnHeader:{},mainColumnFooter:{},topPager:{},bottomPager:{}},rendered:!1,nDebugCount:0};e._defaults.plugins={scroller:{},loadmask:{}},super(e),this.docEvents={},this.config=e,this.initialConfig={},this.ZGLoadMask=s.default.zgLoadMask.tagName,this.createColumnId=this.createId("zg$columnId"),this.setColumnId=this.createColumnId.setCounter,this.getColumnId=this.createColumnId.getCounter,this.createRecordIndex=this.createId("zg$recordIdx"),this.randomKey=Math.floor(1e6*Math.random())+1,this.updater=new h.default({widget:this}),this.ZG=this.updater.widget.webcomponent}set bGroupBy(e){e?(this.nTopFrozenRows&&(this.nTopFrozenRows=0),this.nBottomFrozenRows&&(this.nBottomFrozenRows=0)):(this.initialConfig.frozenRowsTop&&(this.nTopFrozenRows=this.initialConfig.frozenRowsTop),this.initialConfig.frozenRowsBottom&&(this.nBottomFrozenRows=this.initialConfig.frozenRowsBottom)),this._bGroupBy=e}get bGroupBy(){return!this.isCardLayout()&&(this._bGroupBy||!1)}init(){this.initDir(),this.initStore(),this.initPlugins(),this.initMapping(),this.onUserEvents(),this.ons(),this.render()}ons(){this.on("render",(()=>{})),this.store.on("loaded",this.associateColumns,this),this.on("pagechange",((e,t,o)=>this.bodyUpdateWithScroll(void 0,t,o))),this.on(s.default.event.pagesizechange,(()=>this.bodyUpdateWithScroll(!0)))}render(){let e=this.el=i.Z.get(this.renderTo.querySelector("#wrap"));this.fire("beforerender"),e.dom.tabIndex=-1,this.initGridElements(),this.fire(s.default.event.afterRender),this.fire("render")}initPlugins(){let e=this.plugins;this.initPlugin("selectorEngineManager","selectorEngineManager",!1),this.initPlugin("plugins/selector/Selector","selector",!0),this.initPlugin("plugins/aggregate/aggregateManager","aggregateManager",!1),this.initPlugin("plugins/cellbreak/cellBreakManager","cellBreakManager",!0),this.initPlugin("plugins/clipper/Clipper","clipper",!0),this.initPlugin("plugins/columnmenu/ColumnMenu","columnMenu",!1),this.initPlugin("plugins/dialog/dialogManager","dialogManager",!1),this.initPlugin("plugins/details/detailsManager","detailsManager",!1),this.initPlugin("plugins/drag/columnDragManager","columnDragManager",!1),this.initPlugin("plugins/editor/dirtyManager","dirtyManager",!0),this.initPlugin("plugins/editor/batchEditor","batchEditor",!0),this.initPlugin("plugins/editor/RecordEditor","recordEditor",!0),this.initPlugin("plugins/editor/editorManager","editorManager",!0),this.initPlugin("plugins/editor/editorFieldManager","editorFieldManager",!0),this.initPlugin("plugins/filter/Filter","filter",!1),this.initPlugin("plugins/fullscreen/fullscreenManager","fullscreenManager",!1),this.initPlugin("plugins/groupby/groupbyManager","groupbyManager",!1),this.initPlugin("plugins/icon/iconManager","iconManager",!1),this.initPlugin("plugins/layout/layoutManager","layoutManager",!0),this.initPlugin("plugins/menu/menuManager","menuManager",!0),this.initPlugin("plugins/sorter/Sorter","sorter",!1),this.initPlugin("plugins/source/sourceManager","sourceManager",!1),this.initPlugin("plugins/state/stateManager","stateManager",!1),this.initPlugin("plugins/status/statusManager","statusManager",!0),this.initPlugin("plugins/tooltip/tooltipManager","tooltipManager",!1),this.initPlugin("plugins/viewport/viewportManager","viewportManager",!1),this.initPlugin("plugins/focus/focusManager","focusManager",!1),this.initPlugin("plugins/focus/headerFocusManager","headerFocusManager",!1),this.initPlugin("plugins/focus/footerFocusManager","footerFocusManager",!1),e.scroller&&this.initPlugin("plugins/scroller/Scroller","scroller",!1),this.deleteSE=this.selectorEngineManager.getSelectorEngine()}initPlugin(e,t,n){const r=o(91693)(`./${e}.js`).default,i={widget:this};n&&(i.se=this.selectorEngineManager.getSelectorEngine()),this[t]=new r(i)}initGridElements(){let e=this.el;this.oDOMMainGridTable=e._querySelector("#main");let t=e._querySelector("#body"),o=e._querySelector("#left"),n=e._querySelector("#right");if(this.oDOMMainScroll=e._querySelector("#scroll"),this.mainGridTable=i.Z.get(this.oDOMMainGridTable),this.mainGridHScroll=i.Z.get(this.oDOMMainScroll),this.hasColumnHeader){let e=new d.default({widget:this,oDOMWrapper:this.webcomponent.oDOMFrozenLeftHeadFrame,oHead:this.webcomponent.oDOMLeftHead,oColGroup:this.webcomponent.oDOMLeftColgroup});e.el._show(),this.leftColumnHeader=e;let t=new d.default({widget:this,oDOMWrapper:this.webcomponent.oDOMFrozenMainHeadFrame,oHead:this.webcomponent.oDOMHead,oColGroup:this.webcomponent.oDOMColgroup});t.el._show(),this.mainColumnHeader=t;let o=new d.default({widget:this,oDOMWrapper:this.webcomponent.oDOMFrozenRightHeadFrame,oHead:this.webcomponent.oDOMRightHead,oColGroup:this.webcomponent.oDOMRightColgroup});o.el._show(),this.rightColumnHeader=o}let r=new l.default({widget:this,oDOMWrapper:o,oBody:this.webcomponent.oDOMLeftBody});r.el._show(),this.leftColumnBody=r;let a=new l.default({widget:this,oDOMWrapper:t,oBody:this.webcomponent.oDOMBody});a.el._show(),this.mainColumnBody=a;let s=new l.default({widget:this,oDOMWrapper:n,oBody:this.webcomponent.oDOMRightBody});if(s.el._show(),this.rightColumnBody=s,this.hasColumnFooter){let e=new c.default({widget:this,oFoot:this.webcomponent.oDOMLeftFoot,oColGroup:this.webcomponent.oDOMLeftColgroup,oDOMWrapper:this.webcomponent.oDOMFrozenLeftFootFrame});e.el._show(),this.leftColumnFooter=e;let t=new c.default({widget:this,oFoot:this.webcomponent.oDOMFoot,oColGroup:this.webcomponent.oDOMColgroup,oDOMWrapper:this.webcomponent.oDOMFrozenMainFootFrame});t.el._show(),this.mainColumnFooter=t;let o=new c.default({widget:this,oFoot:this.webcomponent.oDOMRightFoot,oColGroup:this.webcomponent.oDOMRightColgroup,oDOMWrapper:this.webcomponent.oDOMFrozenRightFootFrame});o.el._show(),this.rightColumnFooter=o}this.mainGridTable._show()}setCellAlignment(e,t){if(null===(t=t||this.webcomponent.getAttribute(s.default.attr.align)||null))e.removeAttribute(s.default.attr.align);else{const o=s.default.zgColumn.alignTypes.indexOf(t)>-1?t:s.default.zgColumn.alignDefault;e.setAttribute(s.default.attr.align,o)}}setCellLabel({value:e,oDOMCellContainer:t,$cell:o}){if(!t)return;if(!o._columnConfig)return;if(this.layoutManager.sCurrentType!==s.default.zgLayout.typeCard)return;const n=s.default.zgCell.cellIndexAttr,r=s.default.zgCell.cellLabelAttr,i=t.querySelector(`[${n}]`);if(!i)return;e=e||o._columnConfig.sColumnHeaderText||i.getAttribute(n);let a=t.querySelector(`[${r}]`);if(!a){a=document.createElement("label"),a.setAttribute(r,"");const e=document.createElement("slot");e.name="cellLabel",a.appendChild(e),t.insertAdjacentElement("afterbegin",a)}a.textContent=e}updateConfig(e){let t=["data","dataSource","dataFormat","schema","columns"],o=this.store;o.updateConfig({data:e.data,oDataSource:e.dataSource,oDataFormat:e.dataFormat,mDataSchema:e.dataSchema}),this.dumpMapping(e);let n=e.columns;if(n){o.dumpModel();for(let e=0,t=n.length;e<t;e++){let t=n[e],o=this._createZGColumn(t);this.aColumnMapping[e]=o._oParsedColumnMapping}this._adjustFrozenColumns()}else if(void 0!==e.columns){let e=this.mainColumnHeader.oColGroup;e&&e.parentNode&&e.parentNode.removeChild(e)}for(let o in e)t.includes(o)||(this.webcomponent[o]=e[o])}dumpMapping(e){!this.store.bLightReload&&(e&&e.columns&&e.columns.length>0||!this.bIsMappingUserProvided&&this.webcomponent.bReady)&&this.dumpColumnMapping(),this.dumpRowMapping()}dumpColumnMapping(){this.aColumnMapping.length=0,this.bHasRowGroupColumn=!1,Array.from(this.webcomponent.querySelectorAll("zg-column")).forEach((e=>{e.parentNode.removeChild(e)})),this.nHeaderDepth=0}dumpRowMapping(){this.aRowMapping=[],this.aTopRowMapping=[],this.aBottomRowMapping=[],this.aGroupMapping=[]}updateInitialConfig(){this.bReload=!0;for(let e in this.initialConfig)this.webcomponent[e]=this.initialConfig[e];this.selector.deSelectAll(),this.bReload=!1}updateFocus(e,t,o){const n=this.focusManager;n&&n.bInitialLoaded&&(e&&(t=this.webcomponent[`oDOM${e}`],o=n[`a${e}`]),n.updateSection(t,o,e))}hookGridEvents(){let e=["contextmenu","mouseover","mouseout","mouseenter","mouseleave"],t=["click","keydown","blur","focus"];for(let t of e)this.el.on(t,this.detectGridEvent,this,{sDelegateTo:s.default.zgCell.tagName}),this.el.on(t,this.detectGridEvent,this,{sDelegateTo:s.default.zgCard.tagName});for(let e of t)this.el.on(e,this.detectGridEvent,this)}hookCellEvents(){let e=["cellopenedit","cellcloseedit","cellkeypress"];for(let t of e)this.on(t,((e,o,n,r,i,a)=>{let{nColumnIndex:s,sTargetFieldIndex:l,nRowContainerIndex:d}=o;const c=o.sTargetRecordIndex,h=this.getDOMByIndex(o.nRowContainerIndex,o.nColumnIndex);let u={recordIndex:c,columnIndex:s,fieldIndex:l,rowIndex:d,data:o.fullData(),DOMCell:h};switch(t){case"cellcloseedit":i?u.canceled=!0:(u.canceled=!1,u.newValue=r);break;case"cellkeypress":u.currentValue=n.value}let g=`cell:${t.slice(4)}`;return this.emitEvent(g,{ZGData:u},!0)}),void 0,void 0,!0)}hookClipperEvents(){let e=["copy","paste","beforecopy"];for(let t of e)this.clipper.on(t,((e,o)=>{let n={data:o.data,copiedValue:o.text};this.emitEvent("cell:"+t,{ZGData:n}),o.text=n.copiedValue}))}initMapping(){this.aRowMapping=[],this.aTopRowMapping=[],this.aBottomRowMapping=[],this.aColumnMapping=[],this.aGroupMapping=[],this.nHeaderDepth=0}onUserEvents(){this.on("render",(()=>{if(this.emitEvent("grid:render"),this.hookGridEvents(),this.oDOMScroller){i.Z.get(this.oDOMScroller).on("scroll",((e,t)=>{this.emitEvent("grid:scroll",{ZGTarget:t,ZGEvent:e})}))}if(this.mainGridTable.dom){let e=this.webcomponent._oShadowRoot.querySelector("#scroll");if(e){i.Z.get(e).on("scroll",((e,t)=>{this.emitEvent("grid:scroll",{ZGTarget:t,ZGEvent:e})}))}}i.Z.get(document.body).on("keydown",(e=>{this.bDisconnect||(e.nCharCode===e.ESC?(this.recordEditor.bIsOpen?this.recordEditor.cancelOpenEdit(null,this.editorManager.se):this.webcomponent.oDOMDialog&&this.ZG.oDOMDialog.closeEvent(),this.emitEvent("grid:keydown:esc")):e.nCharCode===e.PAGE_DOWN?this.nextPage():e.nCharCode===e.PAGE_UP&&this.prevPage())}))})),this.on("beforerender",(()=>{this.emitEvent("grid:beforerender")})),this.store.on("afterfetch",((e,t)=>{let o={response:t.oResponse,data:t.data};this.emitEvent("data:afterfetch",{ZGData:o})})),this.on("afterloaded",(()=>{this.emitEvent("data:load")})),this.on("refresh",(()=>{this.emitEvent("grid:refresh")})),this.on("hydrate",(()=>{this.emitEvent("grid:hydrate")})),this.on("apiready",(()=>{this.emitEvent("grid:ready")})),this.on("pagechange",((e,t)=>{this.once(s.default.event.updated,(()=>{let e={pageSize:+this.pageSize,currentPage:this.nCurrPageIdx+1};this.emitEvent("grid:pagechange",{ZGData:e}),void 0!==t&&this.emitEvent("grid:page"+t,{ZGData:e})}))})),this.on(s.default.event.pagesizechange,((e,t,o)=>{let n={pageSize:+t,oldPageSize:+o,currentPage:this.nCurrPageIdx+1};this.emitEvent("grid:pagesizechange",{ZGData:n})})),this.on(s.default.event.frozenrowchange,((e,t)=>{let o;o="top"===t?this.aTopRowMapping:this.aBottomRowMapping;let n=[];for(let e=0;e<o.length;e++)n.push(this.store.cleanSingleRecord(this.store.get(o[e].sRecordIndex).oRecordRawData));let r={area:t,currentFrozenRows:o.length,frozenRows:n};this.emitEvent("row:frozen",{ZGData:r})})),this.on("rowselectionchanged",((e,t,o)=>{let n=Object.keys(this.aSelectedRows),r=[];for(let e=0;e<n.length;e++)r.push(this.store.cleanSingleRecord(this.aSelectedRows[n[e]].get()));let i={checked:o,selectedRows:r,rowIndex:this.store.oLocalModel[t].nRowIndex,recordIndex:t,data:this.store.cleanSingleRecord(this.store.get(t).oRecordRawData)};this.emitEvent("row:select",{ZGData:i})})),this.sorter.on("sort",((e,t)=>{let o={fieldIndex:t.index};t.index&&(o.order=-1===t.order?"desc":"asc"),this.emitEvent("grid:sort",{ZGData:o})}),this),this.on("search",((e,t)=>{let o={searchTerm:t.searchTerm,searchResults:t.searchResults,searchCount:t.searchCount};this.emitEvent("grid:search",{ZGData:o})})),this.on("filter",((e,t)=>{let o={fieldIndex:t.sFieldIndex,filterIndex:t.sFilterIndex,filterValue:t.sValue};this.emitEvent("column:filter",{ZGData:o})})),this.on("columnmove",((e,t)=>{const o=this.aColumnMapping[t.newIndex];let n={fieldIndex:o.sFieldIndex,oldIndex:t.oldIndex,newIndex:t.newIndex,frozen:o.sFrozen};this.emitEvent("column:move",{ZGData:n})})),this.on("columntoggle",((e,t)=>{const o=t.oColumnMapping;let n={fieldIndex:o.sFieldIndex,hidden:o.bHidden};this.emitEvent("column:togglevisibility",{ZGData:n})})),this.on("contextmenuopen",(()=>this.emitEvent("grid:contextmenuopen"))),this.on("contextmenuclose",(()=>this.emitEvent("grid:contextmenuclose"))),this.hookCellEvents(),this.selector.on(s.default.event.selectedCells,(()=>{let e=this.selector.se,t=e.rawData(),o=e.nStartRowIndex,n=e.nEndRowIndex,r=e.nStartColumnIndex,i=e.nEndColumnIndex,a=e.doms();-1===o&&(o=n=e.nRowContainerIndex,r=i=e.nColumnIndex);let s={selectedData:t,columnStart:r,rowStart:o,columnEnd:i,rowEnd:n,DOMCell:e.dom(),DOMCells:a};this.emitEvent("grid:select",{ZGData:s})})),this.selector.on(s.default.event.deselectedCells,(()=>{this.emitEvent("grid:deselect")})),this.selector.on(s.default.event.selectedAllCells,(()=>{this.emitEvent("grid:selectall")})),this.hookClipperEvents(),this.store.on("removerecord",((e,t)=>{let o={rowIndex:this.store.oLocalModel[t.sRecordIndex].nRowIndex,recordIndex:t.sRecordIndex,batchEdit:this.batchEditor.isActive(),data:this.store.cleanSingleRecord(this.store.get(t.sRecordIndex).oRecordRawData)};return this.emitEvent("data:record:beforedelete",{ZGData:o},!0)}),void 0,void 0,!0),this.store.on("afterremoverecord",((e,t)=>{let o={batchEdit:t.options.bBatchEdit,data:this.store.cleanSingleRecord(t.options.oRecordModel.oRecordRawData)};t.options.bBatchCleanup||this.emitEvent("data:record:delete",{ZGData:o})})),this.store.on("updatecell",((e,t)=>{const o=this.getDataRowIndexByRecordIndex(t.sRecordIndex,this.store.oLocalModel[t.sRecordIndex].sFrozen),n=this.getColumnIndexByFieldIndex(t.sFieldIndex);let r={DOMCell:this.getDOMByIndex(o,n),rowIndex:this.store.oLocalModel[t.sRecordIndex].nRowIndex,fieldIndex:t.sFieldIndex,recordIndex:t.sRecordIndex,newValue:t.payload,oldValue:t.oldValue,batchEdit:this.batchEditor.isActive(),data:this.store.cleanSingleRecord(this.store.get(t.sRecordIndex).oRecordRawData)};const i=this.emitEvent("data:cell:beforechange",{ZGData:r},!0);return r.newValue!==t.payload&&(r.data[t.sFieldIndex]=r.newValue,t.payload=r.newValue),this.store.processChangedData(r.data,t.oRecordRawData,t.sRecordIndex),i}),void 0,void 0,!0),this.on("afterupdatecellrender",((e,t)=>{const o=this.getDataRowIndexByRecordIndex(t.sRecordIndex,this.store.oLocalModel[t.sRecordIndex].sFrozen),n=this.getColumnIndexByFieldIndex(t.sFieldIndex);let r={DOMCell:this.getDOMByIndex(o,n),rowIndex:this.store.oLocalModel[t.sRecordIndex].nRowIndex,fieldIndex:t.sFieldIndex,recordIndex:t.sRecordIndex,newValue:this.store.get(t.sRecordIndex,t.sFieldIndex),oldValue:t.oldValue,data:this.store.cleanSingleRecord(this.store.get(t.sRecordIndex).oRecordRawData)};this.emitEvent("data:cell:change",{ZGData:r})})),this.store.on("updaterecord",((e,t)=>{let o={rowIndex:this.store.oLocalModel[t.sRecordIndex].nRowIndex,recordIndex:t.sRecordIndex,changedField:t.aChangedFieldIndex,oldData:t.oOldData,batchEdit:this.batchEditor.isActive(),data:this.store.cleanSingleRecord(t.oRecordRawData)};const n=this.emitEvent("data:record:beforechange",{ZGData:o},!0);return this.store.processChangedData(o.data,t.oRecordRawData,t.sRecordIndex),n}),void 0,void 0,!0),this.store.on("afterupdaterecord",((e,t)=>{t=t.options;let o={rowIndex:this.store.oLocalModel[t.sRecordIndex].nRowIndex,recordIndex:t.sRecordIndex,changedField:t.aChangedFieldIndex,oldData:t.oOldData,batchEdit:t.bBatchEdit||!1,data:this.store.cleanSingleRecord(t.oRecordRawData)};this.emitEvent("data:record:change",{ZGData:o})})),this.on("openinsert",((e,t)=>{let o={inputContainer:t.inputContainer,editorFields:t.editorFields,batchEdit:this.batchEditor.isActive()};this.emitEvent("data:record:openinsert",{ZGData:o,ZGTarget:t.dialog})})),this.store.on("insertrecord",((e,t)=>{let o;o="start"===t.sRecordLocation?0:"end"===t.sRecordLocation?this.aRowMapping.length:t.sRecordLocation;let n={rowIndex:o,batchEdit:this.batchEditor.isActive(),data:this.store.cleanSingleRecord(t.oRecordRawData)};const r=this.emitEvent("data:record:beforeinsert",{ZGData:n},!0);return this.store.processChangedData(n.data,t.oRecordRawData,t.sRecordIndex),r}),void 0,void 0,!0),this.store.on("afterinsertrecord",((e,t)=>{let o={rowIndex:t.nRowIndex,batchEdit:t.bBatchEdit,data:this.store.cleanSingleRecord(t.oLocalModel.model.oRecordRawData)};this.emitEvent("data:record:insert",{ZGData:o})}))}associateColumns(e,t){if(this.bUpdateColGroup&&!t)return;if(this.selector&&this.selector.deSelectAll(),this.bUpdatingColumns=!0,this.aColumnMapping.length){if(!this.store.isIncrementalLoad()){let e=this.aColumnMapping,t=this.store.getFieldStructure(),o=!1;if(!this.store.bLightReload){this.bIsUpdatingType=!0;for(let n=0,r=e.length;n<r;n++){let r=e[n],i=r.oDOMZGColumn,a=r.sFieldIndex;if(i.hasAttribute("group")&&a){this.bGroupBy=!0,-1===this.aGroupBy.indexOf(a)&&(this.aGroupBy.push(a),o=!0);continue}if(r.bIsTypeUserProvided)continue;a=a.split(",")[0];let l=t?t[a]:"text",d="text";"number"===l&&"year"!==a.toLowerCase()&&(d=l),i[s.default.attr.type]=d,r.bIsTypeUserProvided=!1}this.bIsUpdatingType=!1,this.bGroupBy&&this._updateGroupedColumn(o)}}}else this.updateDefaultColumnMapping();const o=this.webcomponent;if(!this.store.bLightReload){if(this.store.aOrderedData.length&&(o.editorControls||o.rowSelector||o.recordKey||o.recordDuplicate||o.aggregate)){const e={editorControls:o.editorControls,rowSelector:o.rowSelector,recordKey:o.recordKey,recordDuplicate:o.recordDuplicate,aggregate:o.aggregate};this._addColumnControls(e)}else this.bHasEditColumn?this.mainColumnBody.oBody.setAttribute(s.default.attr.editorcontrols,""):this.mainColumnBody.oBody.removeAttribute(s.default.attr.editorcontrols);this.setupCardHeader()}if(!this.bGroupBy&&(!this.aRowMapping.length||this.store.isIncrementalLoad())){if(this.store.oDataFormat.bLoadByScroll){let e=this.store,t=this.getPageSize()*this.nInfiniteTotalDisplay,o=this.aRowMapping.length+e.getUnseenRecordIndex().length;t<o&&(this.nAdjustedStart=o-t)}this.updateDefaultRowMapping()}if(!this.savedScrollVal&&this.oDOMMainScroll.scrollLeft&&(this.savedScrollVal=this.oDOMMainScroll.scrollLeft),this.store.bLightReload&&(this.nCurrPageIdx=this.store.nSavePageIdx||0),this.bHasSearchEnabled&&this.search&&this.search.oDOMInput.value&&!this.store.isIncrementalLoad()?this.update(null,void 0,void 0,!0,!0):this.update(null,void 0,void 0,!1,!0),this.oDOMSortedColumn&&!this.store.isServerSort()){let e=this.oDOMSortedColumn;e._oParsedColumnMapping.oDOMSortHeader.onSort(null,null,e._oParsedColumnMapping.sSortDir)}let n=this.bPreloaded||this.bHydrating?"hydrate":"refresh";this.bHydrating=this.bPreloaded=!1,this.bUpdatingColumns=!1,this.fire("afterloaded"),this.bAPIReady?(this.fire(n),this.savedScrollVal=null):(this.bAPIReady=!0,this.fire("apiready"))}onContextMenu(e,t){this.sContextMenuId!==s.default.zgMenu.browser&&(e.preventDefault(),this.bHasContextMenuEnabled&&this.menuManager.openContextMenu(e,t))}emitEvent(e,t,o){let n={detail:t=t||{}},r=null;o&&(n.cancelable=!0);let i=new CustomEvent(e,n);return this.bDisconnect||(r=this.webcomponent.dispatchEvent(i)),r}detectGridEvent(e){let t,o,r,i,a,l,d,c,h,u,g,p,f,m=e.type,b=n.MV(e.oDOMTarget,s.default.zgCell.tagName),v=!b&&n.MV(e.oDOMTarget,s.default.zgHeadCell.tagName),y=n.MV(e.oDOMTarget,s.default.zgCard.tagName);if("contextmenu"===m&&(m="rightclick"),b){if(t=`cell:${m}`,o=b,a=b.parentNode,c=a.dataRowIndex,void 0===c)return;if(d=this.getRecordIndexByDataRowContainerIndex(c),void 0===d)return;h=this.getBodyRowIndex(c),l=b.getAttribute("data-field-index"),p=this.getColumnByFieldIndex(l),p&&(g=p.sCellType);const n=this.getColumnIndexByFieldIndex(l),r=this.getDOMByIndex(c,n);f=this.getGroupIndexByDataRowContainerIndex(c),i={DOMCell:r,type:g,fieldIndex:l,rowIndex:c,bodyRowIndex:h,recordIndex:d,columnIndex:n,value:this.store.get(d,l,f)},this.emitEvent(t,{ZGTarget:o,ZGData:i,ZGEvent:e})}let w=!1;if(a&&!y&&a.getAttribute(s.default.zgLayout.attr)===s.default.zgLayout.typeCard&&(y=a),y){if(t="card:"+m,o=y,a||(a=y.parentNode),c=this.getRowIndexByDataRowContainerIndex(a.dataRowIndex),d||(d=this.getRecordIndexByDataRowContainerIndex(c)),h||(h=this.getBodyRowIndex(c)),void 0===c||!this.aRowMapping[c]||void 0===d)return;r={},u=this.store.oLocalModel[d].model.get(),i&&(r.cell=i),r.bodyRowIndex=h,r.rowIndex=c,r.recordIndex=d,r.data=u;let n={ZGTarget:o,ZGData:r,ZGEvent:e};this.simulateMouseEvents(m,d,"Row",t,n)&&(this.emitEvent(t,n),w=!0)}else if(a){t="row:"+m,o=a,r={},void 0!==d&&(f||(u=this.store.cleanSingleRecord(this.store.oLocalModel[d].model.get()),r.data=u),i&&(r.cell=i),r.rowIndex=c,r.bodyRowIndex=h,r.recordIndex=d);let n={ZGTarget:o,ZGData:r,ZGEvent:e};this.simulateMouseEvents(m,d,"Row",t,n)&&(w=!0,this.emitEvent(t,n))}if(w&&(a||y)){t="record:"+m,o=y||a;let n={rowIndex:c,bodyRowIndex:h,recordIndex:d,data:u};i&&(n.cell=i);let r={ZGTarget:o,ZGData:n,ZGEvent:e};n.layout=y?"card":"row",this.emitEvent(t,r)}if(v){t="header:"+m,o=v;let n=v.getAttribute("cellindex"),i=this.aColumnMapping[n];l=i.sFieldIndex,r={cellIndex:n,fieldIndex:l,text:i.sColumnHeaderText},this.emitEvent(t,{ZGTarget:o,ZGData:r,ZGEvent:e})}if(v||b){t="column:"+m,o=v||b,r={fieldIndex:l};let n={ZGTarget:o,ZGData:r,ZGEvent:e};this.simulateMouseEvents(m,l,"Column",t,n)&&this.emitEvent(t,n)}}simulateMouseEvents(e,t,o,n,r){if("mouseover"===e){if(this.aCurrentOver[o]===t)return this.aMouseOut[o]=t,!1;this.aCurrentOver[o]=t}else if("mouseout"===e){this.aMouseOut[o]="";let e=setTimeout((()=>{if(!this.aMouseOutTimeouts)return;let i=this.aMouseOutTimeouts.indexOf(e);if(i>=0&&this.aMouseOutTimeouts.splice(i,1),this.aMouseOut[o]===t)return!1;this.aCurrentOver[o]===t&&(this.aCurrentOver[o]=""),this.emitEvent(n,r),"card:mouseout"!==n&&"row:mouseout"!==n||(r.ZGData.layout="card:mouseout"===n?"card":"row",this.emitEvent("record:mouseout",r))}));return this.aMouseOutTimeouts.push(e),!1}return!0}setupCardHeader(){this.bHasEditColumn||this.bHasInfoColumn||this.bHasSelectorColumn||this.bHasRemoveColumn||this.bHasRowNumberColumn?this.mainColumnBody.oBody.setAttribute(s.default.attr.internalcardheader,""):this.mainColumnBody.oBody.removeAttribute(s.default.attr.internalcardheader)}insertRow(e,t,o){this.store.insertRecord(e,void 0,t,o)}updateRow(e,t,o,n){this.store.updateRecord(t,e,void 0,o,void 0,n)}updateCell(e,t,o,n){this.store.updateCell(e,t,o,n)}duplicateRecord(e){const t=this.store;e=t.getRecordIndex(e);const o=t.oLocalModel[e].sFrozen;let n=t.cleanSingleRecord(t.get(e).oRecordRawData);const r=t.getRowIndexByRecordIndex(e)+1;t.insertRecord(n,r,void 0,void 0,o)}removeRow(e,t,o,n){let r=()=>this.deleteSE.select(this.selector.bHasSelection);const i=this.store;if(this.recordEditor.isRecordEditorOpen()&&this.recordEditor.cancelOpenEdit(),this.editorFieldManager.oActiveEditorField&&this.editorFieldManager.closeFieldEditor(!0),!this.getConfirmation(s.default.confirmations.delete)||t||this.batchEditor.isActive())a();else{if(this.selector.bHasSelection){let e=this.selector.se;this.deleteSE.cell(e.nStartRowIndex,e.nStartColumnIndex)}else this.deleteSE.end();this.fire("rowdelete"),this.ZG.oDOMDialog.setDialog("record-delete"),this.ZG.oDOMDialog.on("dialogConfirm",a,this),this.ZG.oDOMDialog.on("dialogCancel",r,this)}function a(){i.removeRecord(e,void 0,o,n)}}removeSelectedRows(e){let t=()=>{e&&e.focus()},o=Object.keys(this.aSelectedRows);if(0===o.length)return;let n=g({msg:u.default.get("dialog.removeXSelectedRows.label",this),vars:[o.length],plurals:[{value:"s",condition:o.length>1}]}),r=g({msg:u.default.get("dialog.removeXSelectedRows.successMsg",this),vars:[o.length],plurals:[{value:"s",condition:o.length>1}]});const i={confirm:{text:u.default.get("dialog.delete",this)},label:n,type:"selected-rows-delete",body:`\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="removerecord" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <p>${u.default.get("dialog.removeXSelectedRows.body",this)}</p>\n        </div>\n      `};let a,l;this.ZG.dialogArr.filter(((e,t)=>(a=e.type===i.type,a&&(l=t),a))).length?this.ZG.dialogArr[l]=i:this.ZG.dialogArr.push(i);let d=()=>{for(let e=0;e<o.length;e++)this.removeRow(o[e],!0,r);this.batchEditor.isActive()&&(this.aSelectedRows=[],this.updateCaption()),e&&requestAnimationFrame((()=>this.focusManager.changeFocus(0,-1)))};this.getConfirmation(s.default.confirmations.delete)&&!this.batchEditor.isActive()?(this.ZG.oDOMDialog.setDialog(i.type),this.ZG.oDOMDialog.on("dialogConfirm",d),this.ZG.oDOMDialog.on("dialogCancel",t,this)):d()}getConfirmation(e){const t=(this.ZG.confirmations||s.default.confirmations.all).split(",").map((e=>e.toLowerCase().trim()));return(e!==s.default.confirmations.delete||!1!==this.bConfirmDelete)&&(-1!==t.indexOf("all")||-1!==t.indexOf(e))}resetColumns(){this.aColumnMapping.length=0,this.nHeaderDepth=0,this.updater.clearCache()}updateDefaultColumnMapping(){let e=this.store,t=e.getLeafFieldIndex(),o=e.getFieldStructure(),n=0;if(this.aColumnMapping=[],!t.length)return;const r=t.length;if(this.bGroupBy){this.aColumnMapping.length=r+1;let e=this._createZGColumn({type:s.default.internalColumn.rowgroup,index:this.aGroupBy.join(",")},void 0,n);this.aColumnMapping[n]=e._oParsedColumnMapping,n++}else this.aColumnMapping.length=r;for(let e=0,r=t.length;e<r;e++){if("sRecordIndex"===t[e]||"sRESTIndex"===t[e]||"nOriginalIndex"===t[e])continue;let r=o?o[t[e]]:"text",i="text";"number"===r&&"year"!==t[e].toLowerCase()&&(i=r);let a=this._createZGColumn({type:i,index:t[e]},void 0,n);this.bGroupBy&&-1!==this.aGroupBy.indexOf(t[e])&&(this.bUpdatingHidden=!0,a.setAttribute("hidden",""),this.bUpdatingHidden=!1),this.aColumnMapping[n]=a._oParsedColumnMapping,n++}this.bIsMappingUserProvided=!1}_updateGroupedColumnReset(e,t,o,n){!o&&t&&(o=this.groupbyManager.unsetGroup());let r=this.aRowMapping.length;this._updateGroupedColumn(e,o,t,n),this.bUpdateGroupBy||(this.setupCardHeader(),this.updater.clearCache(),this.update(),this.aRowMapping.length!==r&&this.groupbyManager.clearPaging())}_updateGroupedColumn(e,t=[],o,n){let r=this.aGroupBy,i=this.aColumnMapping;if(this.bEditingControls=!0,this.aColumnMapping=this.aColumnMapping.filter((e=>{let i=e.oDOMZGColumn;if(e.sCellType!==s.default.internalColumn.rowgroup)-1!==r.indexOf(i.index)?i.setAttribute("hidden",""):-1!==t.indexOf(i.index)&&i.removeAttribute("hidden");else if(o&&!n)return this.bHasRowGroupColumn=!1,i.remove(),!1;return!0})),!o&&!n)if(this.bHasRowGroupColumn){for(let e=0,t=i.length;e<t;e++)if(i[e].sCellType===s.default.internalColumn.rowgroup){i[e].oDOMZGColumn.index=r.join(",");break}}else{let e=this.getColgroupByColumnIndex(0),t=this._createZGColumn({type:s.default.internalColumn.rowgroup,index:this.aGroupBy.join(",")},e.firstChild);this.aColumnMapping.unshift(t._oParsedColumnMapping),this.hasFrozenColumns()&&this._adjustFrozenColumns()}this.bEditingControls=!1,e&&(this.groupbyManager.clean(),this.aRowMapping.length=0,o?this.store.resetRowMapping():this.groupbyManager.groupBy(this.aGroupBy))}_updateHiddenColumn(e,t,o){t.sCellType===s.default.internalColumn.rowgroup?(e||(this.aGroupBy=t.sFieldIndex.split(",").map((e=>e.trim())),this.bHasRowGroupColumn=!0),this._updateGroupedColumnReset(!0,e,void 0,!0)):(o&&(this.bColumnClick=!0),this.updater.update({bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bHiddenColumns:!0,bFixedColumns:!0,bUpdateColumnHeaderContent:!0,bUpdateBodyContent:!0,bUpdateColumnFooterContent:!0}),o&&(this.bColumnClick=!1))}_addColumnControls(e){let{editorControls:t,rowSelector:o,recordKey:n,recordDuplicate:r,aggregate:i}=e,a=this.aColumnMapping.length;this.bEditingControls=!0;const l=[],d=this.nLeftFrozenColumns,c=this.nRightFrozenColumns;(d||c)&&(this.nLeftFrozenColumns=0,this.nRightFrozenColumns=0,this._adjustFrozenColumns()),this.aColumnMapping=this.aColumnMapping.filter((e=>{let t=e.oDOMZGColumn;return t.index!==s.default.internalColumn.recordkey&&t.type!==s.default.cellTypes.aggregate&&-1===s.default.internalColumnTypes.indexOf(t.type)||!t.controlDefined?-1===s.default.internalColumnTypes.indexOf(t.type)&&t.index!==s.default.internalColumn.recordkey||(t.index===s.default.internalColumn.recordkey?l.push(s.default.internalColumn.recordkey):l.push(t.type),!0):(t.parentNode.removeChild(t),!1)})),this.aColumnMapping.length===a&&0!==this.getColumnId()||this.setColumnId(this.aColumnMapping.length);let h=[];if(t&&(h="all"===t?[s.default.editorControls.editor,s.default.editorControls.remover,s.default.editorControls.creator]:t.split(/[ ,]+/)),n&&!l.includes(s.default.internalColumn.recordkey)){n===s.default.internalColumn.recordkey&&(n=u.default.get("columntypes.key",this));let e=this._createZGColumn({index:s.default.internalColumn.recordkey,controlDefined:!0,header:n},this.mainColumnHeader.oColGroup.firstChild);this.aColumnMapping.unshift(e._oParsedColumnMapping)}if(o&&!l.includes(s.default.internalColumn.recordselector)){let e=this._createZGColumn({type:"selector",controlDefined:!0},this.mainColumnHeader.oColGroup.firstChild);this.aColumnMapping.unshift(e._oParsedColumnMapping)}if(i){let e=i.trim(),t=this._createZGColumn({type:"aggregate",controlDefined:!0,typeAggregateValue:e});this.aColumnMapping.push(t._oParsedColumnMapping)}if(r&&!l.includes(s.default.internalColumn.recordduplicate)){let e=this._createZGColumn({type:"duplicate",controlDefined:!0});this.aColumnMapping.push(e._oParsedColumnMapping)}if(h.includes(s.default.editorControls.editor)&&!l.includes(s.default.internalColumn.recordeditor)){let e=this._createZGColumn({type:s.default.editorControls.editor,controlDefined:!0});this.aColumnMapping.push(e._oParsedColumnMapping)}if(h.includes(s.default.editorControls.remover)&&!l.includes(s.default.internalColumn.recordeditor)){let e=this._createZGColumn({type:s.default.editorControls.remover,controlDefined:!0});this.aColumnMapping.push(e._oParsedColumnMapping)}this.nLeftFrozenColumns=d,this.nRightFrozenColumns=c,this._adjustFrozenColumns(),h.includes(s.default.editorControls.creator)?this.webcomponent._setCreateControls(!0):this.webcomponent._setCreateControls(!1),t&&this.mainColumnBody.oBody?this.mainColumnBody.oBody.setAttribute(s.default.attr.editorcontrols,t):this.mainColumnBody.oBody.removeAttribute(s.default.attr.editorcontrols),this.bEditingControls=!1}_createZGColumn(e,t,o){let n=document.createElement("zg-column");for(let t in e)e.hasOwnProperty(t)&&("index"===t&&""===e[t]&&(e[t]=" "),n[t]=e[t]);let r=null;return r=t?t.parentNode:void 0!==o?this.getColgroupByColumnIndex(o):this.mainColumnHeader.oColGroup,n.widget=this,t?r.insertBefore(n,t):r.appendChild(n),n}_adjustFrozenColumns(e){const t=this.webcomponent;this.bUpdatingFrozen=!0;const o=t.oDOMColgroup,n=t.oDOMLeftColgroup,r=t.oDOMRightColgroup;if(!e&&!t.bReady)return;const i=n.querySelectorAll("zg-column"),a=o.firstChild;i.length&&i.forEach((t=>{e||t.removeAttribute("frozen"),o.insertBefore(t,a)}));const s=r.querySelectorAll("zg-column");s.length&&s.forEach((t=>{e||t.removeAttribute("frozen"),o.appendChild(t)}));const l=this.aColumnMapping.length?this.aColumnMapping:null;let d=l?l.length:o.querySelectorAll("zg-column").length;for(let t=0;t<this.nLeftFrozenColumns&&t<d;t++){const r=l?l[t].oDOMZGColumn:o.querySelector("zg-column");n.appendChild(r),e&&r.getAttribute("frozen")||r.setAttribute("frozen","left")}const c=d-this.nLeftFrozenColumns,h=this.getAllColumns();for(let t=0;t<this.nRightFrozenColumns&&t<c;t++){const o=d-this.nRightFrozenColumns+t,n=l?l[o].oDOMZGColumn:h[o];r.appendChild(n),e&&n.getAttribute("frozen")||n.setAttribute("frozen","right")}if(l)for(let e=0;e<d;e++){l[e].oDOMZGColumn.style.width=""}this.bUpdatingFrozen=!1,this.updateFrozenColumnAttributes(this.nLeftFrozenColumns,"Left"),this.updateFrozenColumnAttributes(this.nRightFrozenColumns,"Right")}_adjustFrozenColumnsFromAttribute(){const e=this.webcomponent,t=this.aColumnMapping,o=t.length;let n,r;const i=[],a=[];if(this.bUpdatingFrozen)return null;for(let e=0;e<o;e++)a.push(this.getAreaByColumnIndex(e));for(let l=0;l<o;l++){const d=t[l],c=d.sFrozen,h=a[l],u=d.oDOMZGColumn;let g={};c&&c!==h&&("right"===c?(n=e.oDOMRightColgroup,r="nRightFrozenColumns","left"===h&&this.nLeftFrozenColumns--,g.column=d,g.newIndex=o-1):(n=e.oDOMLeftColgroup,r="nLeftFrozenColumns","right"===h&&this.nRightFrozenColumns--,g.column=d,g.newIndex=this.nLeftFrozenColumns),i.push(g),this.bUpdatingFrozen=!0,this.parentNode!==n&&(this[r]++,n.appendChild(u)),e.removeAttribute(s.default.frozenColumns.rightAttr),e.removeAttribute(s.default.frozenColumns.leftAttr),this.bUpdatingFrozen=!1)}for(let e=0;e<i.length;e++){const o=i[e].column,n=this.getZGColumnIndex(o),r=i[e].newIndex;t.splice(n,1),t.splice(r,0,o)}this.updateFrozenColumnAttributes(this.nLeftFrozenColumns,"Left"),this.updateFrozenColumnAttributes(this.nRightFrozenColumns,"Right")}moveColumn(e,t,o,n,r){const i=this.webcomponent,a=this.getBodyByColumnIndex(t,!0),l=a.oBody;n=n||this.getBodyByColumnIndex(e),void 0===r&&(r=this.getAdjustedColumnIndex(e));const d=i.oDOMLeftColgroup,c=i.oDOMRightColgroup;let h=this.nLeftFrozenColumns,u=this.nRightFrozenColumns;const g=l.children.length,p=n.children.length;let f=this.aColumnMapping;if(e>=f.length)return;let m=f.splice(e,1)[0];f.splice(t,0,m);const b=this.getColgroupByColumnIndex(t),v=m.oDOMZGColumn.parentNode;let y;if(t===f.length-1?y=null:(y=f[t+1].oDOMZGColumn,y.parentNode!==b&&(y=null)),this.bUpdatingFrozen=!0,t>e?b.insertBefore(m.oDOMZGColumn,y||null):b.insertBefore(m.oDOMZGColumn,y),i.removeAttribute(s.default.frozenColumns.rightAttr),i.removeAttribute(s.default.frozenColumns.leftAttr),m.oDOMZGColumn.removeAttribute("frozen"),this.bUpdatingFrozen=!1,this.bReordering=!0,this.oZGHeadCellMap={},this.oZGFootCellMap={},!this.savedScrollVal&&this.oDOMMainScroll.scrollLeft&&(this.savedScrollVal=this.oDOMMainScroll.scrollLeft),this.updater.removeAllHeaderRows(),this.updater.removeAllFooterRows(),b!==v){if(o||(b===d?h++:b===c&&u++,v===d?h--:v===c&&u--,this.nLeftFrozenColumns=h,this.nRightFrozenColumns=u),g<p){let e=p-g;a.insertRowsPerFrame(e)}n.childNodes.forEach(((e,t)=>{e.childNodes.forEach(((e,o)=>{if(r!==o)return;l.childNodes[t].appendChild(e)}))})),this._adjustFrozenColumns()}if(this.update({bUpdateColumnBodyContainerClass:!0,bUpdateBodyContent:!0,bUpdateColumnHeaderContent:!0,bUpdateColumnFooterAssignment:!0,bUpdateColumnFooter:!0,bUpdateHiddenContainer:!0,bUpdateContainer:!0}),this.oDOMSortedColumn){let e=this.oDOMSortedColumn;e._oParsedColumnMapping.oDOMSortHeader.onSort(null,null,e._oParsedColumnMapping.sSortDir)}this.bReordering=!1,this.fire("columnmove",{oldIndex:e,newIndex:t,bFrozenUpdated:o})}updateBatchEditStyleAttributes(e){const t=this.webcomponent;if(e){const e=t.oDOMHead,o=this.getDOMByIndex(0,0),n=window.getComputedStyle(o),r=window.getComputedStyle(o.parentNode),i=window.getComputedStyle(t),a=e.getBoundingClientRect().top,l=parseInt(r.borderTopWidth,10),d=parseInt(n.borderLeftWidth,10)+parseInt(r.borderLeftWidth,10)+parseInt(i.borderLeftWidth,10),c=o.getBoundingClientRect().top-(a+l),h=this.getFooterContainer().querySelector('zg-row[type="aggregate"]');let u=0;if(h){u=h.getBoundingClientRect().height}t.oDOMBatchEditStyle.style.top=`${c}px`,t.oDOMBatchEditStyle.style.left=d?`-${d}px`:0;const g=c+u;t.oDOMBatchEditStyle.style.height=`calc(100% - ${g}px)`,t.oDOMBatchEditStyle.removeAttribute(s.default.attr.hidden)}else t.oDOMBatchEditStyle.setAttribute(s.default.attr.hidden,"")}updateFrozenColumnAttributes(e,t){const o=this.webcomponent,n=this.bUpdatingFrozen,r=t.toLowerCase();this.bUpdatingFrozen=!0,e?(o[`oDOMFrozen${t}`].removeAttribute(s.default.frozenColumns.noContent),o[`oDOMFrozen${t}HeadFrame`].removeAttribute(s.default.frozenColumns.noContent),o[`oDOMFrozen${t}FootFrame`].removeAttribute(s.default.frozenColumns.noContent),o[`oDOMFrozen${t}Style`].removeAttribute(s.default.attr.hidden),o.setAttribute(s.default.frozenColumns[`${r}Attr`],this[`n${t}FrozenColumns`])):(o[`oDOMFrozen${t}`].setAttribute(s.default.frozenColumns.noContent,""),o[`oDOMFrozen${t}HeadFrame`].setAttribute(s.default.frozenColumns.noContent,""),o[`oDOMFrozen${t}FootFrame`].setAttribute(s.default.frozenColumns.noContent,""),o[`oDOMFrozen${t}Style`].setAttribute(s.default.attr.hidden,""),o.removeAttribute(s.default.frozenColumns[`${r}Attr`])),this.bUpdatingFrozen=n}updateDefaultRowMapping(e,t){let o,r=this.store,i=this.aRowMapping,a=(this.aGroupMapping,0),s=r.getUnseenRecordIndex(),l=s.length;if(!l)return;let d=this.getRowIndexStartOnPage(!0);if(!e){for(;d<i.length&&!n.o8(i[d]);)d++;for(o=d;o<l+d;){if(0===d&&!t&&o<this.nTopFrozenRows)this.updateRowMapping(this.aTopRowMapping,o,{sRecordIndex:s[a]});else if(0===d&&!t&&o>=l-this.nBottomFrozenRows){let e=this.nBottomFrozenRows-(l-o);this.updateRowMapping(this.aBottomRowMapping,e,{sRecordIndex:s[a]})}else{const e=t?o:o-this.nTopFrozenRows;this.updateRowMapping(this.aRowMapping,e,{sRecordIndex:s[a]})}o++,a++}}}updateFrozenRowMapping(){const e=this.nTopFrozenRows,t=this.nBottomFrozenRows,o=this.aTopRowMapping,n=this.aBottomRowMapping,r=this.aRowMapping;if(e>r.length||t>r.length)this.fullUpdateFrozenRowMapping();else{if(e!==o.length){let t=e-o.length;r.length,t>0?o.push(...r.splice(0,t)):r.unshift(...o.splice(t))}if(t!==n.length){let e=n.length-t;r.length,e<0?n.unshift(...r.splice(e)):r.push(...n.splice(0,e))}}this.store.refreshAllRecordMapping()}fullUpdateFrozenRowMapping(){const e=this.aTopRowMapping,t=this.aBottomRowMapping,o=this.aRowMapping;o.unshift(...e.splice(0)),o.push(...t.splice(0));const n=Math.min(this.nTopFrozenRows,o.length);e.push(...o.splice(0,n));const r=-1*Math.min(this.nBottomFrozenRows,o.length);r<0&&t.unshift(...o.splice(r))}updateRowMapping(e,t,o){let n=this.store,r=o.sRecordIndex;e[t]=e[t]||{},e[t].sRecordIndex=r,e[t].sGroupRecordIndex=o.sGroupRecordIndex,e[t].nCount=o.nCount,e[t].nDataRowsBefore=o.nDataRowsBefore,o.sGroupRecordIndex||n.updateRecordMapping(e,r,t)}initDir(){this.sComputedDir=getComputedStyle(this.webcomponent).direction}initStore(){this.store=new a.Z({widget:this})}update(e,t,o,n,r){this.store.bHasLoaded&&this.bHasAttachedToDOM&&this.webcomponent.bReady&&(e=e||{bUpdateColumnWidth:!0,bUpdateColumnWidthCache:!0,bUpdateBodyContent:!0,bUpdateColumnBodyContainerClass:!0,bUpdateColumnHeaderAssignment:!0,bUpdateContainer:!0,bUpdateRowMappingOrder:!0,bUpdateColumnFooter:!0,bUpdateColumnFooterAssignment:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},n&&(e.bUpdateRowMappingFilter=!0),r&&(e.bInitialSizeCheck=!0),this.webcomponent.oDOMNodata&&this.webcomponent.oDOMNodata.clearInfo(),this.updater.update(e,t,o),this.fire(s.default.event.updated))}bodyUpdateWithScroll(e,t,o){const n=this.webcomponent;this.bGroupBy&&!this.bGrouping&&this.groupbyManager.updatePagerGroupByMapping(e,t,o),n.oDOMVScroller&&n.oDOMVScroller.scrollLeft&&this.updateHeadFootScroll(!0),this.oDOMScroller&&(this.oDOMScroller.scrollTop=0),this.savedScrollVal=this.oDOMMainScroll.scrollLeft,this.nRowSets=1,this.bodyUpdate()}updateHeadFootScroll(e){const t=this.webcomponent;let o=`-${this.mainGridHScroll.getScroll().left}`;const n=t.oDOMCellOverflow;let r=t.oDOMHead,i=t.oDOMFoot;r.style.transform=e?"":`translateX(${o}px)`,i.style.transform=e?"":`translateX(${o}px)`,n&&n.isOpen()&&n.setPosition(n.currentTrigger,!0)}bodyUpdate(e,t){let o={bUpdateColumnWidth:!0,bUpdateColumnWidthCache:!0,bUpdateColumnBodyContainerClass:!0,bUpdateContainer:!0,bUpdateBodyContent:!0};e&&(o.bUpdateRowMappingFilter=!0,o.bUpdateColumnWidth=!1,o.bUpdateColumnWidthCache=!1,o.bUpdateColumnFooterContent=!0,o.bUpdateColumnHeaderContent=!0),this.store.oDataFormat.bServerFilter&&e||!0===this.store.oDataFormat.bLoadByPages&&(!e||t)?(e&&!this.store.oDataFormat.bServerFilter?(this.dumpMapping(),this.nCurrPageIdx=this.nAdjustedStart=0,this.store.dumpModel()):(e||t)&&(this.nCurrPageIdx=this.nAdjustedStart=0),this.store.load()):(e&&this.aRowMapping.length===this.store.aOrderedData.length-this.getFrozenRowCount()&&(this.nStoredPageIndex=this.getCurrPageIdx(),this.setCurrPageIdx(0)),this.webcomponent.oDOMNodata&&(this.savedScrollValFilter=this.oDOMMainScroll.scrollLeft,this.webcomponent.oDOMNodata.clearInfo()),this.updater.update(o),e&&-1!==this.nStoredPageIndex&&this.aRowMapping.length===this.store.aOrderedData.length-this.getFrozenRowCount()&&(this.setCurrPageIdx(this.nStoredPageIndex),this.nStoredPageIndex=-1),this.fire(s.default.event.updated),this.savedScrollValFilter=0,this.savedScrollVal&&e&&(this.oDOMMainScroll.scrollLeft=this.savedScrollVal,this.updateHeadFootScroll(),this.savedScrollVal=0))}updateCaption(){if(!this.webcomponent.oDOMCaption)return;const e=this.webcomponent;let t=this.webcomponent.oDOMCaption;const o=this.webcomponent.oDOMCaption.oDOMRemove,n=Object.keys(this.aSelectedRows).length;let r;o&&(n?(this.messageCaption||(this.captionData=t._oShadowRoot.querySelector("slot").assignedNodes(),this.captionData.forEach((e=>t.removeChild(e))),this.messageCaption=document.createElement("div"),this.messageCaption.slot="message",t.appendChild(this.messageCaption)),r=g({msg:u.default.get("tools.selected",this),vars:[n],plurals:[{value:"s",condition:n>1}]}),(e.editor||e.editorControls||this.bHasRemoveColumn)&&o.removeAttribute(s.default.attr.hidden),this.messageCaption.innerHTML=r):(this.messageCaption&&(this.captionData.forEach((e=>t.appendChild(e))),this.changedCaption&&(this.webcomponent._setCaption(this.changedCaption),this.changedCaption=null),this.messageCaption.parentNode&&this.messageCaption.parentNode.removeChild(this.messageCaption),this.messageCaption=null),o.setAttribute(s.default.attr.hidden,"")))}setStorybook(){const e=this.webcomponent;this.on("apiready",(()=>{if(this.isStorybook("editor-row")&&e.openRowEditor(0),this.isStorybook("focus")&&e.select(1,1),this.isStorybook("menu")&&(e.select(1,1),e.oDOMCaption.oDOMMenu.click()),this.isStorybook("select")){e.querySelector("zg-select").toggleList()}if(this.isStorybook("status")){const e={icon:"checkmark",state:"success",msg:u.default.get("dialog.fieldUpdate.successMsg",this)};this.statusManager.setStatus(e)}}))}isStorybook(e){return this.webcomponent.hasAttribute(`storybook-${e}`)}getInfiniteDataLoaded(){let e=this.nAdjustedStart+this.getPageSize()*this.nInfiniteTotalDisplay;return this.aRowMapping.length>e}getRowCount(){return this.bGroupBy?this.getGroupRowCount():this.aRowMapping.length}getGroupRowCount(e){const t=this.groupbyManager;if(null!==t.groupedVisible)return t.groupedVisible+t.aAddedGroupRecords.length+this.oGroupDummyRows.count;let o=0;return e||(e=this.store.aGroupData,o=t.aAddedGroupRecords.length),e?Object.keys(e).length+o+this.oGroupDummyRows.count:0}hasFrozenRows(){return this.getFrozenRowCount()>0}getFrozenRowCount(){return this.nTopFrozenRows+this.nBottomFrozenRows}getRowContainerCount(e){let t=this.getPageSize();const o=this.getCurrPageIdx(),n=this.getRowCount(),r=this.nRowsPerSet*this.nRowSets;let i;if(this.store.oDataFormat.bLoadByScroll)i=Math.min(n,t*this.nInfiniteTotalDisplay);else{let a=n-o*t||n;!e&&r>0&&r<t&&(t=r),i=Math.min(a,t)}return i}getColumnContainerCount(){return this.aColumnMapping.length}getAllHeaderDepth(){return this.getHeaderDepth()+(this.bHasFilterEnabled?1:0)+(this.bHasHeadRow?1:0)+this.nTopFrozenRows}getAllFooterDepth(){}getHeaderDepth(){return this.bHeaderRowHide?0:this.nHeaderDepth||this.store.getFieldDepth()}needRemoveBorder(){return this.bHeaderRowHide&&0===this.getAllHeaderDepth()}destroy(...e){let t=this.mainColumnBody,o=this.mainColumnHeader,r=this.mainColumnFooter,a=this.store;const s=[this.editorManager,this.focusManager,this.statusManager,this.recordEditor,this.editorFieldManager,this.dialogManager,this.menuManager,this.stateManager,this.aggregateManager],l=[this.mainColumnBody,this.leftColumnBody,this.rightColumnBody,this.mainColumnFooter,this.leftColumnFooter,this.rightColumnFooter,this.mainColumnHeader,this.leftColumnHeader,this.rightColumnHeader];for(let e=0;e<l.length;e++)l[e]&&l[e].destroy();for(let e=0;e<s.length;e++)s[e]&&s[e].destroy();u.default.destroy(this),this.loadmask&&this.loadmask.destroy(),this.updater&&this.updater.destroy(),t&&t.oElClipboard&&t.oElClipboard.destroy(),o&&o.destroy(),r&&r.destroy(),i.Z.get(document).docUnAll(),a&&a.destroy();for(let e=0;e<this.aMouseOutTimeouts.length;e++){let t=this.aMouseOutTimeouts[e];clearTimeout(t)}this.aMouseOutTimeouts.length=0,this.oDOMCaptionMirror=null,this.oCard=null,this.oCardEditTemplate=null,this.oCardTemplate=null,this.oCardBody=null,this.oDOMSortedColumn=null;const d=Object.keys(this);for(let e=0;e<d.length;e++){const t=d[e],o=this[t];this.hasOwnProperty(t)&&"object"==typeof o&&o&&(o.length&&n.kJ(o)&&(o.length=0),this[t]=null,delete this[t])}super.destroy(...e)}isCardLayout(){return this.getLayout()===s.default.zgLayout.typeCard}isComputedCard(){return this.getLayout()===s.default.zgLayout.typeCard||this.layoutManager.sCurrentType===s.default.zgLayout.typeCard}getLayout(){return this.layoutManager.sCurrentType}setCardsPerRow(e){this.nCardsPerRow=e}getCardsPerRow(){return this.nCardsPerRow}getState(){return{currPageIndex:this.getCurrPageIdx(),pageSize:this.getPageSize(),pageCount:this.getPageCount()}}hasCardTemplate(){let e=this.oCardTemplate||this.oCardBody||!1;return this.oCard&&(e=e||this.oCard.renderer),e}hasFrozenColumns(){return this.hasFrozenLeft()||this.hasFrozenRight()}hasFrozenLeft(){return!!this.nLeftFrozenColumns}hasFrozenRight(){return!!this.nRightFrozenColumns}getRightIndex(){const e=this.aColumnMapping.length,t=this.nLeftFrozenColumns;let o=e-this.nRightFrozenColumns;return o<=t-1&&(o=t),o}getAdjustedColumnIndex(e){const t=this.nLeftFrozenColumns,o=this.nRightFrozenColumns;let n=this.getRightIndex();return n<=t-1&&(n=t),o&&e>=n?e-=n:t&&e>=t&&(e-=t),e}getFirstMainIndex(){const e=this.aColumnMapping.length,t=this.nLeftFrozenColumns,o=this.nRightFrozenColumns;if(e-o-t<=0)return null;const n=e-o-1;for(let e=t;e<n;e++){if(!this.aColumnMapping[e].bHidden)return e}return null}getColumnBodyRange(e){const t=this.mainColumnBody,o=this.leftColumnBody,n=this.rightColumnBody,r=this.aColumnMapping.length,i=this.nLeftFrozenColumns,a=this.nRightFrozenColumns,s=r-a,l=r-a-i;let d,c;if(!r)return null;if(e===o&&i)d=0,c=Math.min(i-1,r-1);else if(e===t&&l>0)d=i,c=s-1;else{if(e!==n||!a)return null;d=s,c=r-1}return[d,c]}getAllBodies(){const e=this.webcomponent;return[e.oDOMLeftBody,e.oDOMBody,e.oDOMRightBody]}getAllHeads(){const e=this.webcomponent;return[e.oDOMLeftHead,e.oDOMHead,e.oDOMRightHead]}getAllFeet(){const e=this.webcomponent;return[e.oDOMLeftFoot,e.oDOMFoot,e.oDOMRightFoot]}getRegionsByColumnArea(e){let t;return t="Left"===e?0:"Right"===e?2:1,{oHead:this.getAllHeads()[t],oBody:this.getAllBodies()[t],oFoot:this.getAllFeet()[t]}}getFirstDataRowByArea(e){let t=e.oBody.childNodes[0];if(!t){const o=this.getContainerRowIndexByDataRowIndex(0);o>=0&&(t=this.nTopFrozenRows?e.oHead.childNodes[o]:e.oFoot.childNodes[o])}return t}getBodyByColumnIndex(e,t){const o=t?null:"Body";return this.getByColumnIndex(e,"Body",o)}getHeaderByColumnIndex(e,t){const o=t?null:"Head";return this.getByColumnIndex(e,"Header",o)}getColgroupByColumnIndex(e){const t=this.webcomponent.oDOMColgroup,o=this.webcomponent.oDOMLeftColgroup,n=this.webcomponent.oDOMRightColgroup,r=this.aColumnMapping.length;return this.hasFrozenLeft()&&e<this.nLeftFrozenColumns?o:this.hasFrozenRight()&&e>=r-this.nRightFrozenColumns?n:t}getAreaByColumnIndex(e){const t=this.aColumnMapping.length;return this.hasFrozenLeft()&&e<this.nLeftFrozenColumns?"left":this.hasFrozenRight()&&e>=t-this.nRightFrozenColumns?"right":"main"}getAreaByColumn(e){const t=this.getZGColumnIndex(e);return this.getAreaByColumnIndex(t)}getEditorRowByIndex(e,t){const o=this.editorManager.getEditorRowsByRowIndex(e),n=this.aColumnMapping.length;return this.hasFrozenLeft()&&t<this.nLeftFrozenColumns?o[0]:this.hasFrozenRight()&&t>=n-this.nRightFrozenColumns?o[2]:o[1]}getFooterByColumnIndex(e,t){const o=t?null:"Foot";return this.getByColumnIndex(e,"Footer",o)}getByColumnIndex(e,t,o){const n=this[`mainColumn${t}`],r=this[`leftColumn${t}`],i=this[`rightColumn${t}`],a=this.aColumnMapping.length,s=a-this.nRightFrozenColumns;let l;return l=e<this.nLeftFrozenColumns&&e>=0?r:e>=s&&e<a?i:n,o?l[`o${o}`]:l}getDataRowsByRow(e){const t=this.getFrozenRowState(e),o=this.getContainerRowIndexByDataRowIndex(e);return"top"===t?this.getHeadRows(o):"bottom"===t?this.getFootRows(o):this.getRows(o,"Body","Body")}getMainBodyRows(){const e=this.mainColumnBody.oBody,t=this.mainColumnHeader.oHead,o=this.mainColumnFooter.oFoot,n=t.querySelectorAll('zg-row[type="frozen"]'),r=e.childNodes,i=o.querySelectorAll('zg-row[type="frozen"]'),a=[];return n.length&&a.push(...n),r.length&&a.push(...r),i.length&&a.push(...i),a}getHeadRows(e){return this.getRows(e,"Header","Head")}getFootRows(e){return this.getRows(e,"Footer","Foot")}getDataRowIndex(e){return e-(this.getAllHeaderDepth()-this.nTopFrozenRows)}getParentByFrozenIndex(e,t){const o=this.getFrozenRowState(e);return"top"===o?this.getHeaderByColumnIndex(t):"bottom"===o?this.getFooterByColumnIndex(t):this.getBodyByColumnIndex(t)}getContainerRowIndexByDataRowIndex(e){const t=this.mainColumnBody.oBody.childNodes.length+this.nTopFrozenRows;return this.nTopFrozenRows>e?this.getAllHeaderDepth()-this.nTopFrozenRows+e:e>=t?e-t:e-this.nTopFrozenRows}getDataRowIndexByContainerIndex(e,t){const o=this.mainColumnBody.oBody.childNodes.length+this.nTopFrozenRows;return"top"===t?e:"bottom"===t?e+o:e+this.nTopFrozenRows}getFrozenRowState(e){const t=this.mainColumnBody.oBody.childNodes.length+this.nTopFrozenRows;return this.nTopFrozenRows>e?"top":e>=t?"bottom":"none"}getBodyRowIndex(e){return e<this.nTopFrozenRows?-1:e-this.nTopFrozenRows}getRow(e,t){const o=this.mainColumnBody.oBody.childNodes.length+this.nTopFrozenRows;if(this.nTopFrozenRows>e){const o=this.getHeaderByColumnIndex(t).querySelectorAll('zg-row[type="frozen"]');if(o.length>=e)return o[e]}else{if(!(e>=o)){const o=this.getBodyByColumnIndex(t);return e-=this.nTopFrozenRows,o.childNodes[e]}{const n=this.getFooterByColumnIndex(t).querySelectorAll('zg-row[type="frozen"]'),r=e-o;if(n.length>=r)return n[r]}}}getRows(e,t,o){const r=this[`mainColumn${t}`][`o${o}`],i=this[`leftColumn${t}`][`o${o}`],a=this[`rightColumn${t}`][`o${o}`],s=i.children,l=r.children,d=a.children,c=[];return n.Uh(e)?(s&&s.length>e&&c.push(s[e]),l&&l.length>e&&c.push(l[e]),d&&d.length>e&&c.push(d[e])):(s&&c.push(...s),l&&c.push(...l),d&&c.push(...d)),c}getHeaderContainer(){const e=this.webcomponent;return null!==this.getFirstMainIndex()?e.oDOMHead:this.hasFrozenLeft()?e.oDOMLeftHead:this.hasFrozenRight()?e.oDOMRightHead:e.oDOMHead}getFooterContainer(){const e=this.webcomponent;return null!==this.getFirstMainIndex()?e.oDOMFoot:this.hasFrozenLeft()?e.oDOMLeftFoot:this.hasFrozenRight()?e.oDOMRightFoot:e.oDOMFoot}getAllHeadRows(){const e=this.webcomponent;return[...e.oDOMLeftHead.children,...e.oDOMHead.children,...e.oDOMRightHead.children]}getAllHeadCells(e){const t=this.webcomponent,o=[t.oDOMLeftHead,t.oDOMHead,t.oDOMRightHead],n=[];return o.forEach((t=>{const o=e?"zg-head-cell":"zg-head-cell, zg-filter, zg-cell",r=t.querySelectorAll(o);r.length&&n.push(...r)})),n}getAllFootRows(){const e=this.webcomponent;return[...e.oDOMLeftFoot.children,...e.oDOMFoot.children,...e.oDOMRightFoot.children]}getAllFootCells(){const e=this.webcomponent,t=[e.oDOMLeftFoot,e.oDOMFoot,e.oDOMRightFoot],o=[];return t.forEach((e=>{const t=e.querySelectorAll("zg-cell");t.length&&o.push(...t)})),o}getAllBodyRows(){const e=this.webcomponent;return[...e.oDOMLeftBody.children,...e.oDOMBody.children,...e.oDOMRightBody.children]}getByTagName(e,t,o,r){return Array.from(e).filter(((e,i)=>{let a=!0;return n.Uh(o)&&(a=o===i),n.Uh(r)&&(a=a&&r===e.getAttribute("id")),a=a&&e.tagName.toLowerCase()===t.toLowerCase(),a}))}getCellsFromRows(e,t){const o=[];return e.forEach((e=>{const n=e.children;n.length&&o.push(...this.getByTagName(n,s.default.zgCell.tagName,t))})),o}getAllBodyCells(){const e=this.getAllBodyRows();return this.getCellsFromRows(e)}getAllColumns(){const e=this.webcomponent,t=[e.oDOMLeftColgroup,e.oDOMColgroup,e.oDOMRightColgroup],o=[];return t.forEach((e=>{const t=e.getElementsByTagName("zg-column");t.length&&o.push(...t)})),o}getDataCellsByIndex(e){const t=this.getDataRowsByColumnIndex(e),o=this.getAdjustedColumnIndex(e);return this.getCellsFromRows(t,o)}getDataRowsByColumnIndex(e){const t=this.getBodyByColumnIndex(e),o=this.getHeaderByColumnIndex(e),n=this.getFooterByColumnIndex(e),r=o.querySelectorAll('zg-row[type="frozen"]'),i=t.childNodes,a=n.querySelectorAll('zg-row[type="frozen"]'),s=[];return r.length&&s.push(...r),i.length&&s.push(...i),a.length&&s.push(...a),s}getAllCellsByIndex(e,t,o){const n=this.getBodyByColumnIndex(e),r=this.getAdjustedColumnIndex(e);let i=Array.from(n.children),a=this.getCellsFromRows(i,r),s=[];return a&&(s=[...a,...s]),t&&(s=this.getHeaderCells(e,s)),o&&(s=this.getFooterCells(e,s)),s}getHeaderCells(e,t,o){const n=this.getHeaderByColumnIndex(e),r=this.getAdjustedColumnIndex(e);let i=n.querySelectorAll("zg-row zg-head-cell:nth-child("+(r+1)+")"),a=n.querySelectorAll("zg-row zg-filter:nth-child("+(r+1)+")"),s=n.querySelectorAll("zg-row zg-cell:nth-child("+(r+1)+")");return t=t||[],i&&(t=[...i,...t]),o||(a&&(t=[...a,...t]),s&&(t=[...s,...t])),t}getFooterCells(e,t){const o=this.getFooterByColumnIndex(e),n=this.getAdjustedColumnIndex(e),r=o.querySelectorAll("zg-row zg-cell:nth-child("+(n+1)+")");return t=t||[],r&&(t=[...r,...t]),t}getRowIndexStartOnPage(e){let t=this.getCurrPageIdx()*this.getPageSize();return e||(t+=this.nTopFrozenRows),t}getRowIndexByDataRowContainerIndex(e,t,o){let n;return void 0===o&&(o=this.getCurrPageIdx()),t=t||!1,n=this.store.oDataFormat.bLoadByScroll&&!t?e+this.nAdjustedStart-this.nTopFrozenRows:o*this.getPageSize()+e-this.nTopFrozenRows,n}getPageByDataRowIndex(e){return Math.floor(e/this.getPageSize())}getDataRowIndexByRecordIndex(e,t){const o=this.getRowContainerIndexByRecordIndex(e);return this.getDataRowIndexByContainerIndex(o,t)}getRowContainerIndexByRecordIndex(e){let t=this.store.getRowIndexByRecordIndex(e);return this.getRowContainerIndexByRowIndex(t)}getRowContainerIndexByRowIndex(e){let t;return t=this.store.oDataFormat.bLoadByScroll?e-this.nAdjustedStart:e-this.getCurrPageIdx()*this.getPageSize(),t}getRowMappingByFrozen(e){return"top"===e?this.aTopRowMapping:"bottom"===e?this.aBottomRowMapping:this.aRowMapping}getRowMappingByDataRowContainerIndex(e){let t,o;const n=this.getFrozenRowState(e);return"top"===n?(t=this.aTopRowMapping,o=e):"bottom"===n?(t=this.aBottomRowMapping,o=this.getContainerRowIndexByDataRowIndex(e)):(t=this.aRowMapping,o=this.getRowIndexByDataRowContainerIndex(e)),"undefined"===o||o>=t.length?void 0:t[o]}getGroupIndexByDataRowContainerIndex(e){let t=this.getRowMappingByDataRowContainerIndex(e);return void 0!==t?t.sGroupRecordIndex:null}getRecordIndexByDataRowContainerIndex(e){let t=this.getRowMappingByDataRowContainerIndex(e);if(void 0!==t)return t.sRecordIndex}getFieldIndexByColumnIndex(e){return this.aColumnMapping[e].sFieldIndex}getColumnByFieldIndex(e){for(let t=0,o=this.aColumnMapping.length;t<o;t++)if(this.aColumnMapping[t].sFieldIndex===e)return this.aColumnMapping[t];return null}getColumnIndexByFieldIndex(e){for(let t=0,o=this.aColumnMapping.length;t<o;t++)if(this.aColumnMapping[t].sFieldIndex===e)return t;return-1}getColumnIndexByType(e){for(let t=0,o=this.aColumnMapping.length;t<o;t++)if(this.aColumnMapping[t].sCellType===e)return t;return-1}editRow(e){this.recordEditor.editRecord(e)}getRowHeight(){let e=this.getDOMByIndex(0,0);return e?e.getBoundingClientRect().height:0}getDOMCellByIndex(e,t,o){if(-1===e||-1===t)return null;const n=this[`get${o}erByColumnIndex`](t),r=this.getAdjustedColumnIndex(t);let i=n.getElementsByTagName("zg-row")[e].querySelectorAll(`${s.default.zgHeadCell.tagName}, ${s.default.zgFilter.tagName}, ${s.default.zgCell.tagName}`);return i.length?i[r]:null}getDOMByIndex(e,t){if(-1===e||-1===t)return null;const o=this.getParentByFrozenIndex(e,t),n=this.getAdjustedColumnIndex(t),r=this.getContainerRowIndexByDataRowIndex(e);let i=o.childNodes[r];return i?i.getElementsByTagName(s.default.zgCell.tagName)[n]:null}getDOMHeadByIndex(e,t){return this.getDOMCellByIndex(e,t,"Head")}getDOMFootByIndex(e,t){return this.getDOMCellByIndex(e,t,"Foot")}getElByIndex(e,t){return i.Z.get(this.getDOMByIndex(e,t))}getZGColumnIndex(e){return this.aColumnMapping.findIndex((t=>t.sColumnId===e.sColumnId))}get nScrollLeft(){return this.mainColumnBody.el.getScroll().left}get nScrollTop(){return this.mainColumnBody.el.getScroll().top}createId(e){let t=0,o=function(){return e+t++};return o.clearCounter=function(e){e||(t=0)},o.setCounter=function(e){t=e},o.getCounter=function(){return t},this.idCounters.push(o),o}clearIdCounters(e){for(let t=0;t<this.idCounters.length;t++)this.idCounters[t].clearCounter(e)}}p.prototype.nextPage=function(){const e=this.store.oDataFormat.bLoadByPages&&this.store.oDataFormat.bStartAtValue;(this.nCurrPageIdx+1<this.getPageCount()||e)&&this.nCurrPageIdx++,!0===this.store.oDataFormat.bLoadByPages&&(this.store.bLoadNext=!0),this.fire("pagechange","next")},p.prototype.prevPage=function(){this.nCurrPageIdx>0&&this.nCurrPageIdx--,!0===this.store.oDataFormat.bLoadByPages&&(this.store.bLoadPrev=!0),this.fire("pagechange","prev")},p.prototype.firstPage=function(){if(0!==this.nCurrPageIdx){const e=this.nCurrPageIdx;this.nCurrPageIdx=0,this.fire("pagechange","first",e)}},p.prototype.lastPage=function(){const e=Math.max(0,this.getPageCount()-1);if(this.nCurrPageIdx!==e){const t=this.nCurrPageIdx;this.nCurrPageIdx=e,this.fire("pagechange","last",t)}},p.prototype.calculatePageSize=function(e,t,o,n){let r=this.webcomponent,i=t||"pageSizeRow"!==o?r.pageSizeRow:n,a=t||"pageSizeCard"!==o?r.pageSizeCard:n;(e=e&&void 0!==e?e:this.layoutManager.sCurrentType)===s.default.zgLayout.reset&&(e=s.default.zgLayout.typeRow);let l=r.pageSize||s.default.store.defaultPageSize;t||"pageSize"!==o||(l=n||s.default.store.defaultPageSize);let d=this.hasPager();d&&(d.pageSize&&(l=d.pageSize),d.pageSizeRow&&(i=d.pageSizeRow),d.pageSizeCard&&(a=d.pageSizeCard),t&&"pageSize"===o&&(l=n||s.default.store.defaultPageSize),t&&"pageSizeRow"===o&&(i=n),t&&"pageSizeCard"===o&&(a=n)),i&&e===s.default.zgLayout.typeRow?l=i:a&&e===s.default.zgLayout.typeCard&&(l=a),this.setPageSize(parseInt(l,10))},p.prototype.getPageSize=function(){return this.hasPager()||this.bCustomPageSize||this.bUserPageSize||this.store.oDataFormat.bLoadByScroll?this.pageSize:this.store.nOriginRecordCount||this.getRowCount()||this.pageSize},p.prototype.setPageSize=function(e,t,o){if(e<=0)return;let n=this.pageSize,r=this.nCurrPageIdx;this.pageSize!==e&&(this.nCurrPageIdx=Math.floor(n*r/e),this.pageSize=e,this.webcomponent.bReady&&!o&&this.fire(s.default.event.pagesizechange,e,n,t))},p.prototype.getCurrPageIdx=function(){return this.nCurrPageIdx},p.prototype.setCurrPageIdx=function(e,t){if(e!==this.nCurrPageIdx&&e<this.getPageCount()&&e>=0){const o=this.nCurrPageIdx;this.nCurrPageIdx=e,t||this.fire("pagechange",void 0,o)}},p.prototype.getPageCount=function(){return Math.ceil((this.store.nOriginRecordCount||this.getRowCount())/this.getPageSize())},p.prototype.getPagerType=function(){return this.webcomponent.pagerType},p.prototype.hasPager=function(){return this.webcomponent.oTopPager||this.webcomponent.oBottomPager};const f=p},36454:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>h});var n=o(45092),r=o(32816),i=o(38419);const a="cell",s="row",l="column",d="range",c="grid";const h=class{constructor(e){this.widget=e.widget,this.end()}column(e){this.sContextLevel;let t=this.widget.getColumnIndexByFieldIndex(e);return this.nStartColumnIndex=this.nEndColumnIndex=t,this.sContextLevel=l,this}initRange(e,t,o,n){return this.nStartRowIndex=Math.min(e,o),this.nEndRowIndex=Math.max(e,o),this.nStartColumnIndex=Math.min(t,n),this.nEndColumnIndex=Math.max(t,n),this.nInitialRowIndex=this.nStartRowIndex,this.nInitialColumnIndex=this.nStartColumnIndex,this.sContextLevel=d,this}range(e,t){if(this.sContextLevel===a&&(this.nInitialRowIndex=this.nStartRowIndex,this.nInitialColumnIndex=this.nStartColumnIndex),this.sContextLevel===d||this.sContextLevel===a){let o=e.parentNode.dataRowIndex,n=e.cellIndex,r=t.parentNode.dataRowIndex,i=t.cellIndex,a=this.nStartRowIndex,s=this.nStartColumnIndex,l=this.nEndRowIndex,d=this.nEndColumnIndex;this.nStartRowIndex=Math.min(o,r),this.nEndRowIndex=Math.max(o,r),this.nStartColumnIndex=Math.min(n,i),this.nEndColumnIndex=Math.max(n,i),(this.nStartRowIndex>a||this.nEndRowIndex>l)&&(this.sExpandDirection="down"),(this.nStartRowIndex<a||this.nEndRowIndex<l)&&(this.sExpandDirection="up"),(this.nStartColumnIndex<s||this.nEndColumnIndex<d)&&(this.sExpandDirection="left"),(this.nStartColumnIndex>s||this.nEndColumnIndex>d)&&(this.sExpandDirection="right")}return this.sContextLevel=d,this}cell(e,t,o){if(n.Sh(e)){let o=e;e=this.widget.getDataRowIndex(o.parentNode.rowIndex),void 0===(t=o.cellIndex)&&(t=parseInt(o.getAttribute("cellindex"),10))}return n.U(e)&&(this.nStartRowIndex=this.nEndRowIndex=e),n.U(t)&&(this.nStartColumnIndex=this.nEndColumnIndex=t),this.sContextLevel=a,void 0===this.sTargetRecordIndex&&!o||void 0===this.sTargetFieldIndex?null:this}row(e){if(n.Sh(e)){e=e.bodyRowIndex}return n.U(e)&&(this.nStartRowIndex=this.nEndRowIndex=e),this.sContextLevel=s,this}changeCard(e){let t=this.widget,o=t.getRowContainerCount(),n=t.getCardsPerRow(),r=this.nStartRowIndex;return"right"===e?r++:"left"===e?r--:"down"===e?r+=n:"up"===e&&(r-=n),r<0||r>=o?null:(this.nStartRowIndex=this.nEndRowIndex=r,this)}navigateCardControls(e){let t=this.widget,o=i.default.internalColumnTypes,n=this.sCellType;if(-1===o.indexOf(n))return null;let r=this.nStartColumnIndex;const a=t.aColumnMapping;if("down"===e)for(let e=0;e<a.length;e++){let t=a[e];if(!t.bHidden&&-1===o.indexOf(t.sCellType))return e}else if("right"===e)for(let e=r+1;e<a.length;e++){let t=a[e];if(!t.bHidden&&-1!==o.indexOf(t.sCellType))return e}else if("left"===e)for(let e=r-1;e>=0;e--){let t=a[e];if(!t.bHidden&&-1!==o.indexOf(t.sCellType))return e}return null}change(e,t,o){let n,r,i,a,s;const l=this.widget,d=l.nTopFrozenRows;if(l.isComputedCard()){if(!this.bCardDrill)return this.changeCard(e);if(a=this.navigateCardControls(e),null!==a)return this.nStartColumnIndex=this.nEndColumnIndex=a,this;if("right"===e||"left"===e)return this.bCardDrill=!1,l.selector.hideSelectionMaskAndBorder(),this;"up"===e?e="left":"down"===e&&(e="right")}if(t=t||1,"up"===e||"down"===e?(n=this.nStartRowIndex,r=l.getRowContainerCount()+d,i="Row"):(n=this.nColumnIndex,r=l.getColumnContainerCount(),i="Column"),"up"===e)a=Math.max(d,n-t),s="Start";else if("left"===e)a=Math.max(0,n-t),s="Start";else{let e=this["nEnd"+i+"Index"],l="expand"===o?e:n;a=Math.min(l+t,r-1),s="End"}return"up"===e&&n===d&&"expand"!==o||"down"===e&&"expand"!==o&&n===a?null:("Column"===i&&l.selectorEngineManager.$cell(d,a).sCellType,"expand"===o?this["n"+s+i+"Index"]=a:this["nStart"+i+"Index"]=this["nEnd"+i+"Index"]=a,this)}deSelect(){return this.widget.selector.deSelectRange(),this.end(),this}dimension(e){const t=this.sContextLevel,o=this.el,n=this.widget;let r,i,s;switch(t){case a:r=o.getXY(),i=o.getWidth(),s=o.getHeight();break;case d:let t=0,l=n.aColumnMapping.length-1;e&&([t,l]=n.getColumnBodyRange(e)||[t,l]);let c=this.nStartColumnIndex,h=this.nEndColumnIndex;c=Math.max(c,t),h=Math.min(h,l);let u=n.getElByIndex(this.nStartRowIndex,c),g=n.getElByIndex(this.nEndRowIndex,h);r=u.getXY();let p=g.getXY(),f=g.getWidth(),m=g.getHeight();i=p[0]-r[0]+f,s=p[1]-r[1]+m}return{xy:r,width:i,height:s}}getDom(){return this.dom()}dom(){const e=this.sContextLevel,t=this.widget;return e===l?t.getDOMByIndex(this.nColumnIndex):t.getDOMByIndex(this.nRowContainerIndex,this.nColumnIndex)}doms(){const e=this.widget;if(this.sContextLevel===a)return[this.dom()];{let t=[];const o=this.nStartRowIndex,n=this.nEndRowIndex,r=this.nStartColumnIndex,i=this.nEndColumnIndex;for(let a=o;a<=n;a++)for(let o=r;o<=i;o++)t.push(e.getDOMByIndex(a,o));return t}}end(){return this.sContextLevel=c,this.nStartRowIndex=-1,this.nEndRowIndex=1/0,this.nStartColumnIndex=-1,this.nEndColumnIndex=1/0,this.sExpandDirection="",this}expand(e,t){return this.sContextLevel!==d&&this.toRange(),this.change(e,t,"expand"),this.sExpandDirection=e,this}getStartContainer(){return void 0!==this.nInitialRowIndex&&void 0!==this.nInitialColumnIndex?this.widget.getDOMByIndex(this.nInitialRowIndex,this.nInitialColumnIndex):this.dom()}isRangeSideEdgeVisible(e,t){let o=this.widget,n=this.dimension(),r=n.xy,i=n.height,a=n.width,s=o.mainColumnBody.el,l=s.getXY(),d=s.getSize();if(e=e||0,"right"===t){let t=r[0]+a;return t-e>=l[0]&&t<l[0]+d[0]}if("left"===t){let t=r[0];return t>=l[0]&&t+e<l[0]+d[0]}if("top"===t){let t=r[1];return t>=l[1]&&t+e<l[1]+d[1]}if("bottom"===t){let t=r[1]+i;return t-e>=l[1]&&t<=l[1]+d[1]}}isRangeSingleCell(){return this.nStartRowIndex===this.nEndRowIndex&&this.nStartColumnIndex===this.nEndColumnIndex}getData(){return this.rawData()}setData(e){return this.rawData(e)}getRecordIndex(){return this.sTargetRecordIndex}setStyle(e,t){return this.dom().style[e]=t,this}rawData(e){const t=this.sContextLevel,o=this.widget,n=o.store,r=this.sTargetRecordIndex,i=this.sTargetFieldIndex,l=this.sGroupRecordIndex;if(0===arguments.length){if(t===a)return n.get(r,i,l);if(t===d){let e,t,r,i,a=[];for(let s=this.nStartRowIndex;s<=this.nEndRowIndex;s++){e=[];for(let a=this.nStartColumnIndex;a<=this.nEndColumnIndex;a++)t=o.getRecordIndexByDataRowContainerIndex(s),r=o.getFieldIndexByColumnIndex(a),i=o.getGroupIndexByDataRowContainerIndex(s),e.push(n.get(t,r,i));this.nStartRowIndex===this.nEndRowIndex?a=e:a.push(e)}return a}if(t===s)return n.get(r,void 0,l).oRecordRawData}else t===a&&n.updateCell(r,i,e,void 0,this.sCellType)}indexData(){const e=this.widget,t=e.store,o=e.sNestedDataSeparator;let r={};if(this.sContextLevel!==a)return;const i=this._columnConfig;return this.sTargetFieldIndex.split(",").map((e=>{let a;if("disabled"!==o){let t=e.split(o);a=t[t.length-1]}else a=e;let s=t.get(this.sTargetRecordIndex,e.trim());void 0!==i.sArraySlice&&(s=t.getArrayData([s],i,!0),1===s.length&&(s=s[0])),n.kJ(s)&&(s=n.mJ.clone(s)),r[a.trim()]=s})),r}fullData(){const e=this.sContextLevel,t=this.widget,o=t.store,n=this.sTargetRecordIndex,r=this.sTargetFieldIndex,i=this.sGroupRecordIndex;let l={};if(e===a)r.split(",").map((e=>{l[e]=o.get(n,e.trim(),i)}));else if(e===d){let e,n,r,i;for(let a=this.nStartRowIndex;a<=this.nEndRowIndex;a++){e={},n=t.getRecordIndexByDataRowContainerIndex(a),i=t.getGroupIndexByDataRowContainerIndex(a);for(let a=this.nStartColumnIndex;a<=this.nEndColumnIndex;a++)r=t.getFieldIndexByColumnIndex(a),e[r]=o.get(n,r,i);l[n]=e}}else e===s&&(l=o.get(n,void 0,i).oRecordRawData);return l}fullDisplay(){if(this.sContextLevel!==a)return this.fullData();const e=this.dom().querySelector(`[${i.default.zgCell.cellIndexAttr}]`);return e?e.innerHTML:this.fullData()}scrollIntoView(){return this.sContextLevel===d?this.widget.scroller.scrollToRange():this.sContextLevel===a&&this.widget.scroller.scrollToCell(),this}select(e){const t=this.widget;let o=t.selector;if(this===t.selector.se){t.headerFocusManager.currentFocus&&t.headerFocusManager.deSelect(),t.footerFocusManager.currentFocus&&t.footerFocusManager.deSelect(),o.bSelecting=!0;var n=window.scrollX,r=window.scrollY;if(t.isStorybook("focus")||t.isStorybook("menu")||t.focusManager.focusGrid(),window.scrollTo(n,r),o.bSelecting=!1,this.sContextLevel!==c){if(this.sContextLevel!==a||"top"!==this.sFrozenRowState&&"bottom"!==this.sFrozenRowState)this.sContextLevel!==a&&this.sContextLevel!==d||t.selector.selectCell(this,e);else{let o=t.getContainerRowIndexByDataRowIndex(this.nStartRowIndex);"top"===this.sFrozenRowState?t.headerFocusManager.select(o,this.nStartColumnIndex,e):t.footerFocusManager.select(o,this.nStartColumnIndex,e)}return this.sContextLevel===d&&t.selector.selectRange(this),this.sContextLevel!==a||t.bIsMouseDown||!this.bHasCellTooltip||this.sCellType===i.default.internalColumn.recordinfo&&this._columnConfig.bIsActivateOnClick||t.tooltipManager._delayTarget(null,this.dom(),1e3),t.selector.fire(i.default.event.selectedCells),this}}else this.nStartRowIndex>=0&&this.nStartColumnIndex>=0&&(o.se.cell(this.nStartRowIndex,this.nStartColumnIndex),o.se.select(e))}selectAll(){let e=this.widget,t=e.getRowContainerCount(),o=e.getColumnContainerCount();return this.nStartRowIndex=0,this.nStartColumnIndex=0,this.nEndRowIndex=t-1,this.nEndColumnIndex=o-1,this.sContextLevel="range",this}shrink(e,t){return t=t||1,this.sContextLevel!==d&&this.toRange(),"up"===e?this.nEndRowIndex=Math.max(this.nStartRowIndex,this.nEndRowIndex-t):"down"===e?this.nStartRowIndex=Math.min(this.nEndRowIndex,this.nStartRowIndex+t):"right"===e?this.nStartColumnIndex=Math.min(this.nStartColumnIndex+t,this.nEndColumnIndex):"left"===e&&(this.nEndColumnIndex=Math.max(this.nStartColumnIndex,this.nEndColumnIndex-t)),this.sExpandDirection="shrink"+e,this}toCell(){return this.sContextLevel=a,this}toRange(e,t){let o,n=this.sContextLevel;if(n===d){if(!e)return;return o=this.getStartContainer(),this.range(o,e)}return n===a?(o=this.dom(),this.range(o,e||o)):t&&e?(this.cell(e,null).select(),this.range(e,e)):void 0}toRow(){return this.sContextLevel=s,this}traverse(e,t,o){return this.sContextLevel!==d&&this.sContextLevel!==a||this.change(e,t,"traverse")?this:null}visualSelect(){let e=this.widget;this.nStartRowIndex===this.nEndRowIndex&&this.nStartColumnIndex===this.nEndColumnIndex?e.selector.hideSelectionMaskAndBorder():e.selector.drawSelectionMask(this)}toggleOverflow(e,t){const o=this.widget.webcomponent.oDOMCellOverflow;t||(t=this.dom()),o.hasAttribute(i.default.attr.hidden)||o.currentCell&&o.currentCell.dom()!==this.dom()?o.open(e,t,this):o.close()}filter(e){if(this.sContextLevel!==l)return this;if(this.widget.filter){let t=this._columnConfig;this.widget.filter.setFilter(t,e)}return this}sort(e){return this.sContextLevel!==l||this._columnConfig.oDOMSortHeader.onSort(null,null,e),this}hide(){return this.toggle(!0)}show(){return this.toggle(!1)}toggle(e){return this.sContextLevel!==l||this._columnConfig.bHidden===e||this.widget.updater.toggleColumn(this.nColumnIndex,e),this}contextMenu(){if(this.sContextLevel!==a)return this;if(!this.widget.bHasContextMenuEnabled)return this;this.widget.menuManager.openContextMenu({oBrowserEvent:{clientX:0,clientY:0}},this.el.dom)}_hide(){let e=this.widget,t=this.sContextLevel,o=this.nRowContainerIndex,n=this.nStartColumnIndex;switch(t){case l:e._hide(n);break;case s:e._hide(o)}return this}get bHasCellTooltip(){return this._columnConfig.bHasCellTooltip}get sCellType(){return this.sContextLevel===a?this._columnConfig.sCellType:""}get oEditor(){return this._columnConfig.oEditor}get fnRenderer(){return this._columnConfig.fnRenderer}get fnDetailsRenderer(){return this._columnConfig.fnDetailsRenderer}get oValidator(){return this._columnConfig.oValidator}get sColumnId(){return this.widget.aColumnMapping[this.nStartColumnIndex].sColumnId}get nStartRowIndex(){return this._nStartRowIndex}get _columnConfig(){return this.widget.aColumnMapping[this.nStartColumnIndex]}get el(){const e=this.dom();return r.Z.get(e)}get nRowContainerIndex(){return this.nStartRowIndex}get nColumnIndex(){return this.nStartColumnIndex}get sTargetFieldIndex(){return void 0===this._columnConfig?void 0:this._columnConfig.sFieldIndex}get aTargetFieldIndex(){const e=this.sTargetFieldIndex;return n.h8(e)}get oBody(){return this.widget.getBodyByColumnIndex(this.nStartColumnIndex)}get oColumnBody(){return this.widget.getBodyByColumnIndex(this.nStartColumnIndex,!0)}get oColumnBodies(){const e=[],t=this.widget,o=t.getBodyByColumnIndex(this.nStartColumnIndex,!0);if(e.push(o),this.nStartColumnIndex!==this.nEndColumnIndex){const n=t.getBodyByColumnIndex(this.nEndColumnIndex,!0);o!==n&&(o===t.leftColumnBody&&n===t.rightColumnBody&&e.push(t.mainColumnBody),e.push(n))}return e}get record(){const e=this.sContextLevel,t=this.widget.store,o=this.sTargetRecordIndex;let r=null;if(e===a||e===s){let e=t.get(o).oRecordRawData;r=n.c7.copy(e),delete r.sRESTIndex,delete r.nOriginalIndex,delete r.sRecordIndex,delete r.nRowIndex,delete r.sFrozen}return r}get sFrozenRowState(){let e="";const t=this.sContextLevel;return t!==a&&t!==s||(e=this.widget.getFrozenRowState(this.nStartRowIndex)),e}set nStartRowIndex(e){this._nStartRowIndex=e,-1!==e&&(this.sTargetRecordIndex=this.widget.getRecordIndexByDataRowContainerIndex(e),this.sGroupRecordIndex=this.widget.getGroupIndexByDataRowContainerIndex(e))}}},48139:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(32816),r=o(68965),i=o(38419);class a extends r.Z{constructor(e){(e=e||{})._defaults={rendered:!1},super(e),this.init()}init(){this.render(),this.ons()}render(){this.el=n.Z.get(this.oDOMWrapper),this.renderSelectionMask(),this.renderFocusMask(),this.rendered=!0}ons(){let e=this.el;e.on("touchstart",this.onTouchStart,this,{sDelegateTo:i.default.zgCell.tagName}),e.on("touchmove",this.onTouchMove,this,{sDelegateTo:i.default.zgCell.tagName}),e.on("touchend",this.onTouchEnd,this,{sDelegateTo:i.default.zgCell.tagName}),e.on("touchforcechange",this.onTouchForceChange,this,{sDelegateTo:i.default.zgCell.tagName}),e.on("mouseover",this.onMouseOverTD,this,{sDelegateTo:i.default.zgCell.tagName}),e.on("mousedown",this.onMouseDownTD,this,{sDelegateTo:i.default.zgCell.tagName},!1),e.on("mousedown",this.onMouseDownTD2,this,{sDelegateTo:i.default.zgCell.tagName},!1),e.on("keydown",this.onKeyDownTD,this,{sDelegateTo:i.default.zgCell.tagName},!1),e.on("click",this.onClickBody,this,{sDelegateTo:i.default.zgCell.tagName},!1),e.on("dblclick",this.onDBLClickBody,this,{sDelegateTo:i.default.zgCell.tagName}),e.on("dblclick",this.onDBLClickCard,this,{sDelegateTo:i.default.zgCard.tagName}),e.on("dblclick",this.onKeyUp,this,{sDelegateTo:i.default.zgCell.tagName})}onClickBody(e,t){this.widget.batchEditor.isActive()&&(e.stopEvent(),this.onDBLClickBody(e,t))}onDBLClickBody(e,t){this.widget.editorManager.onDoubleClick(t)}onDBLClickCard(e,t){let o=this.widget,n=o.selector.se,r=t.parentNode;if(!o.bHasEditorEnabled)return;let i=n.row(r);o.editorManager.openEditor(i)}onKeyUp(){}onTouchForceChange(e,t){const o=this.widget;if(o.bHasContextMenuEnabled&&"touches"in e.oBrowserEvent&&e.oBrowserEvent.touches.length>0){let n=e.oBrowserEvent.touches[0].force;n>.15&&n<1?(this._didForceTouch=!0,o.mainColumnBody.oBody.style["-webkit-filter"]=`blur(${7*n}px)`):n>=1&&o.onContextMenuTD(e,t)}}onTouchStart(e,t){this.onTouchDoubleClick(e,t)||(this._startXY=e.xy,this.widget.bHasSelectorEnabled&&t.classList.contains("zg-focus-cell")&&(e.preventDefault(),this._touchSelectInitiator=t,this.widget.selector.onMouseDownFromSelector(e)))}onTouchDoubleClick(e,t){const o=(new Date).getTime();if(this.nLastTouch&&t===this.oTargetLastTouch){const n=o-this.nLastTouch;if(n<i.default.mobile.doubleTapMS&&n>0)return"zg-card"===t.tagName.toLowerCase()?this.onDBLClickCard(e,t):this.onDBLClickBody(e,t),e.stopEvent(),this.widget.editorFieldManager.nTouchOpen=o,this.nLastTouch=null,this.oTargetLastTouch=null,!0;this.nLastTouch=o,this.oTargetLastTouch=t}else this.nLastTouch=o,this.oTargetLastTouch=t;return!1}onTouchMove(e,t){if(!this._didForceTouch&&this._touchSelectInitiator){let o=document.elementFromPoint(...e.xy);if(o.tagName===i.default.zgCell.tagName&&o!==t){this.widget.selector.se.toRange(o).visualSelect()}}}onTouchEnd(e,t){let o=this.widget.selector.se;if(this._didForceTouch)this._didForceTouch=!1;else if(this.widget.bHasSelectorEnabled&&!t.classList.contains("zg-focus-cell")){o.cell(t,null).select(),this._touchSelectInitiator=t}else this._touchSelectInitiator=null}onMouseOverTD(e,t){let o=this.widget;o.bHasSelectorEnabled&&o.bIsMouseDown&&o.webcomponent.layout!==i.default.zgLayout.typeCard&&o.selector.se.toRange(t).visualSelect()}onMouseDownTD2(e,t){if(2===e.nButton)return;this.widget.editorManager.activeCellEdit&&this.widget.editorManager.closeEditor()}onKeyDownTD(e,t){}onMouseDownTD(e,t){if(2===e.nButton)return;let o=this.widget,n=o.selector.se;if(o.bHasSelectorEnabled&&!e.bIsCTRL&&o.webcomponent.layout!==i.default.zgLayout.typeCard)if(o.bIsMouseDown=!0,o.selector.onMouseDownFromSelector(e),e.stopEvent(),e.bIsSHIFT)n.toRange(t,!0).visualSelect();else{const e=n.cell(t,null);if(!e)return;e.select()}}destroy(){super.destroy(),this.oBody=null,this.oDOMWrapper=null,this.el.unAll(),this.el=null}insertCellContainer(e,t,o){let n=document.createElement(i.default.zgCell.tagName);return n.cellIndex=t,n.setAttribute(i.default.aria.colIndex,t+1),this.widget.sorter&&this.widget.sorter.sActiveSortedIndex&&this.widget.sorter.sActiveSortedIndex===o.sFieldIndex&&n.setAttribute(i.default.attr.sorted,""),e.appendChild(n),n}insertRows(e){const t=this.widget;let o=this.oBody,n=t.leftColumnBody.oBody,r=t.rightColumnBody.oBody,i=document.createDocumentFragment(),a=document.createDocumentFragment(),s=document.createDocumentFragment(),l=o.childNodes.length,d=t.nLeftFrozenColumns,c=t.nRightFrozenColumns,h=t.getRightIndex();for(var u=0;u<e;u++)d&&a.appendChild(this.insertRow(l+u,0,d)),i.appendChild(this.insertRow(l+u,d,h)),c&&s.appendChild(this.insertRow(l+u,h));this.oFragment=i,o.appendChild(i),n.appendChild(a),r.appendChild(s)}insertRow(e,t=0,o=null){let n=document.createElement(i.default.zgRow.tagName);n.widget=this.widget;let r=this.widget.aColumnMapping;return n.setBodyIndexes(e),r.forEach(((e,r)=>{-1!==t&&r>=t&&(null===o||r<o)&&this.insertCellContainer(n,r,e)})),this.widget.oCard&&n.appendChild(document.createElement(i.default.zgCard.tagName)),n}insertRowsPerFrame(e){let t=document.createDocumentFragment(),o=this.oBody.childNodes.length;for(var n=0;n<e;n++)t.appendChild(this.insertRow(o+n,-1));this.oBody.appendChild(t)}removeRow(){this.oBody.removeChild(this.oBody.lastChild)}}a.prototype.renderSelectionMask=function(){let e=this.widget.webcomponent,t=this.oDOMWrapper.querySelector("zg-selector-mask");t||(t=document.createElement("zg-selector-mask"),e._appendChild(t)),this.oElSelectionMask=t,t.widget=this.widget,t.oColumnBody=this,t.setAttribute("slot",`${this.oDOMWrapper.id}gridselectmask`)},a.prototype.renderFocusMask=function(){let e=this.widget.webcomponent,t=this.oDOMWrapper.querySelector("zg-focus");t||(t=document.createElement("zg-focus"),e._appendChild(t)),this.oElFocusCellMaskBorder=t,t.widget=this.widget,t.oColumnBody=this,t.setAttribute("slot",`${this.oDOMWrapper.id}gridfocus`)};const s=a},58938:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(32816),r=o(68965),i=o(38419);class a extends r.Z{constructor(e){(e=e||{})._defaults={rendered:!1,columnResizable:!1},super(e),this.init()}init(){this.render(),this.widget.on("render",this.ons,this)}render(){this.tooltips={},this.el=n.Z.get(this.oFoot),this.renderFocusMask()}ons(){let e=this.el;e.on("click",this.onClickFoot,this,{sDelegateTo:i.default.zgCell.tagName},!1),e.on("dblclick",this.onDBLClickFoot,this,{sDelegateTo:i.default.zgCell.tagName}),e.on("mousedown",this.onMouseDownFoot,this,{sDelegateTo:i.default.zgCell.tagName},!1)}onClickFoot(e,t){this.widget.batchEditor.isActive()&&(e.stopEvent(),this.onDBLClickFoot(e,t))}onDBLClickFoot(e,t){t&&"frozen"===t.parentNode.getAttribute("type")&&this.widget.editorManager.onDoubleClick(t)}onMouseDownFoot(e,t){2!==e.nButton&&this.widget.bHasSelectorEnabled&&t&&"frozen"===t.parentNode.getAttribute("type")&&(this.widget.footerFocusManager.focusTarget(t),e.stopEvent())}insertRows(e){const t=[document.createDocumentFragment(),document.createDocumentFragment(),document.createDocumentFragment()],o=this.oFoot,n=this.widget.leftColumnFooter.oFoot,r=this.widget.rightColumnFooter.oFoot;for(var i=0;i<e;i++)this.insertRow(!1,t);n.appendChild(t[0]),o.appendChild(t[1]),r.appendChild(t[2]),window.ShadyDOM&&window.ShadyDOM.flush()}insertRow(e,t){const o=this.widget,n=o.aColumnMapping,r="zg-row",a=this.oFoot,s=o.nLeftFrozenColumns,l=o.nRightFrozenColumns,d=o.aColumnMapping.length;let c;const h=[];if(s?h.push(document.createElement(r)):h.push(null),h.push(document.createElement(r)),l?h.push(document.createElement(r)):h.push(null),h.forEach((e=>e?e.widget=o:null)),n.forEach(((t,o)=>{s&&o>=0&&o<s?this.insertFootCellContainer(h[0],e,o):l&&o>=d-l?this.insertFootCellContainer(h[2],e,o):this.insertFootCellContainer(h[1],e,o)})),!t){const e=o.leftColumnFooter.oFoot,t=o.rightColumnFooter.oFoot;s&&e.appendChild(h[0]),a.appendChild(h[1]),l&&t.appendChild(h[2])}return h.forEach(((e,n)=>{let s;e&&(e.setAttribute(i.default.attr.type,"aggregate"),t?(s=t[n].querySelectorAll(r).length,t[n].appendChild(e)):s=a.querySelectorAll(r).length-1,s+=o.getAllHeaderDepth()+o.getRowContainerCount(),c=s-o.getAllHeaderDepth()+o.nTopFrozenRows,e.rowIndex=s,e.dataRowIndex=c,e.setAttribute(i.default.aria.rowIndex,s+1))})),h}insertFootCellContainer(e,t,o){const n=i.default.zgCell.tagName,r=document.createElement(n);r.widget=this.widget,r.setAttribute("cellindex",o),r.setAttribute("rowfooter",""),r.setAttribute(i.default.attr.role,"gridcell"),e.appendChild(r)}removeRow(){const e=[this.oFoot,this.widget.leftColumnFooter.oFoot,this.widget.rightColumnFooter.oFoot];for(let t=0;t<e.length;t++){const o=e[t];o&&o.lastChild&&o.removeChild(o.lastChild)}}renderFocusMask(){let e=this.widget.webcomponent,t=this.oDOMWrapper.querySelector("zg-focus"),o=this.oDOMWrapper.id.replace("freeze-frame-","");o=o.replace("-foot",""),t||(t=document.createElement("zg-focus"),e._appendChild(t)),this.oElFocusCellMaskBorder=t,t.widget=this.widget,t.oColumnFoot=this.oFoot,t.setAttribute("area","footer"),t.setAttribute("slot",`${o}footfocus`)}destroy(){super.destroy(),this.oFoot=null,this.oColGroup=null,this.el=null}}const s=a},9700:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>l});var n=o(32816),r=o(68965),i=o(38419),a=o(45092);class s extends r.Z{constructor(e){(e=e||{})._defaults={rendered:!1,columnResizable:!1},super(e),this.init()}init(){this.render(),this.widget.on("render",this.ons,this)}render(){this.tooltips={},this.el=n.Z.get(this.oHead),this.oHead.oColumnHeader=this,this.renderFocusMask()}associateColGroup(e){return this.oColGroup=e,e.setAttribute("slot","gridcolgroup"),e.id="gridcolgroup",this.oColGroup}ons(){let e=this.el;e.on("click",this.onClickHead,this,{sDelegateTo:i.default.zgCell.tagName},!1),e.on("dblclick",this.onDBLClickHead,this,{sDelegateTo:i.default.zgCell.tagName},!1),e.on("mousedown",this.onMouseDownHead,this,{sDelegateTo:i.default.zgCell.tagName},!1)}onClickHead(e,t){this.widget.batchEditor.isActive()&&(e.stopEvent(),this.onDBLClickHead(e,t))}onDBLClickHead(e,t){t&&"frozen"===t.parentNode.getAttribute("type")&&this.widget.editorManager.onDoubleClick(t)}onMouseDownHead(e,t){2!==e.nButton&&this.widget.bHasSelectorEnabled&&t&&"frozen"===t.parentNode.getAttribute("type")&&(this.widget.headerFocusManager.focusTarget(t),e.stopEvent())}insertRows(e){const t=[document.createDocumentFragment(),document.createDocumentFragment(),document.createDocumentFragment()],o=this.oHead,n=this.widget.leftColumnHeader.oHead,r=this.widget.rightColumnHeader.oHead;for(var i=0;i<e;i++)this.insertRow(!1,!1,t);n.appendChild(t[0]),o.appendChild(t[1]),r.appendChild(t[2]),window.ShadyDOM&&window.ShadyDOM.flush()}insertRow(e,t,o){const n=this.widget.aColumnMapping,r=i.default.zgRow.tagName,a=this.oHead,s=this.widget.nLeftFrozenColumns,l=this.widget.nRightFrozenColumns,d=this.widget.aColumnMapping.length,c=[];if(s?c.push(document.createElement(r)):c.push(null),c.push(document.createElement(r)),l?c.push(document.createElement(r)):c.push(null),c.forEach((e=>e?e.widget=this.widget:null)),n.forEach(((o,n)=>{s&&n>=0&&n<s?this.insertHeaderCellContainer(c[0],e,t,n):l&&n>=d-l?this.insertHeaderCellContainer(c[2],e,t,n):this.insertHeaderCellContainer(c[1],e,t,n)})),e||t){const e=this.widget.leftColumnHeader.oHead,t=this.widget.rightColumnHeader.oHead;s&&e.appendChild(c[0]),a.appendChild(c[1]),l&&t.appendChild(c[2])}else this.widget.bHasSorterEnabled&&c.forEach((e=>e?e.setAttribute(i.default.sort.attr,""):null));return c.forEach(((n,s)=>{if(n){let l;o?(l=o[s].querySelectorAll(r).length,o[s].appendChild(n)):l=a.querySelectorAll(r).length-1,n.rowIndex=l,n.setAttribute(i.default.aria.rowIndex,l+1),0===l&&(e||t)&&n.setAttribute(i.default.attr.internaltop,"")}})),c}insertHeaderCellContainer(e,t,o,n){let r;r=t?i.default.zgFilter.tagName:o?i.default.zgCell.tagName:i.default.zgHeadCell.tagName;const s=document.createElement(r),l=n,d=this.widget.aColumnMapping[l];s.widget=this.widget,s.setAttribute("cellindex",l),s.setAttribute(i.default.attr.role,"columnheader"),s.setAttribute(i.default.aria.colIndex,l+1),o?s.setAttribute("rowheader",""):s.setAttribute(i.default.attr.datafocus,""),a.hj(d.mWidth)&&s.setAttribute(i.default.attr.width,""),e.appendChild(s)}removeRow(){this.oHead.children.length&&this.oHead.removeChild(this.oHead.lastChild)}renderFocusMask(){let e=this.widget.webcomponent,t=this.oDOMWrapper.querySelector("zg-focus"),o=this.oDOMWrapper.id.replace("freeze-frame-","");o=o.replace("-head",""),t||(t=document.createElement("zg-focus"),e._appendChild(t)),this.oElFocusCellMaskBorder=t,t.widget=this.widget,t.oColumnHead=this.oHead,t.setAttribute("area","header"),t.setAttribute("slot",`${o}headfocus`)}destroy(){super.destroy(),this.oHead=null,this.oColGroup=null,this.oDOMWrapper=null,this.el=null,this.oElFocusCellMaskBorder=null,this.tooltips=null}}const l=s},9915:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(45092),r=o(38419),i=(o(64087),o(56919)),a=o(32260);const s=class{constructor(e){this.widget=e.widget,this.store=this.widget.store}calculateAggregateRow(e,t){let o,n="",r=e.sTargetRecordIndex;const i=e._columnConfig;i.aAggregateValues=[];let s=i.fnAggregateRenderer;t=t||i.sTypeAggregateValue;let l=this.store.getRowData(r),d=this.getAggregateRowData([l],null,e.aTargetFieldIndex);if(void 0!==this[t]){let e=this[t](null,d,i);o=e,n=`<span class="aggregate-value">${o}</span>`,i.aAggregateValues.push(e)}else t&&(n=o=this.calculateAggregateTemplate(t,null,d,i,i.aAggregateValues),n!==t||s||(s=i.fnAggregateRenderer=a.Z.setUserFunction(null,t)));if(s){let e=s.scope||null;n=s.method.apply(e,[l,d,o,r])||n||""}return n}calculateAggregateColumn(e,t,o,n,i,s,l){if(!e)return"";const d=this.widget.groupbyManager;let c=null;n.sGroupHeadCell&&s&&(c=d.calculateGroupDataAggregate(s));let h=this.store.getDataByFieldIndex(o,void 0,c),u="";if(n.sCellType===r.default.cellTypes.aggregate)return this.calculateAggregateColumnRow(e,t,o,n,i);if(t){let e=t.scope||null;u=c?d.customRenderer(t,s,l):t.method.apply(e,[h,o])||""}else if(void 0!==this[e]){let t=this[e](o,c),r=t;if("count"!==e){let e=n.sCellType,o=this.widget.selectorEngineManager.$cell(0,i);if(o&&("number"===e||"currency"===e)){let e=n.fnRenderer;!e&&n.oDOMZGColumn.renderer&&(e=n.fnRenderer=a.Z.setUserFunction(null,n.oDOMZGColumn.renderer)),r=n.fnRenderer.method.apply(n,[t,null,o])}}u=`<bdi class="aggregate-label">${e.charAt(0).toUpperCase()+e.slice(1)}</bdi><span class="aggregate-colon">:</span>`,u+=` <span class="aggregate-value">${r}</span>`}else u=this.calculateAggregateTemplate(e,o,c);return-1===u.indexOf("<bdi")&&(u=`<bdi class="aggregate-label">${u}</bdi>`),u}calculateAggregateColumnRow(e,t,o,r,i){if(!e)return"";let a,s="";const l=t||r.fnAggregateRenderer,d=r.sTypeAggregateValue;let c=n.h8(r.sFieldIndex),h=this.store.getAllRowData(),u=this.getAggregateRowData(h,d,c);if(void 0!==this[e]){a=this[e](null,u,r),s=`<bdi class="aggregate-label">${e.charAt(0).toUpperCase()+e.slice(1)}</bdi><span class="aggregate-colon">:</span>`,s+=` <span class="aggregate-value">${a}</span>`}else e&&(s=a=this.calculateAggregateTemplate(e,null,u,r));if(l){let e=l.scope||null;s=l.method.apply(e,[h,u,a])||s||""}return s}calculateAggregateTemplate(e,t,o,r,i){let a,s=n.String.escapeRegExp(this.store.templateStartDelimiter),l=n.String.escapeRegExp(this.store.templateEndDelimiter);return a=new RegExp(s+"(.*?)"+l,"g"),e.replace(a,((e,n)=>{let a=n.trim(),s="";return void 0!==this[a]&&(s=this[a](t,o,r),i&&i.push(+s)),s}))}getAggregateRowData(e,t,o){let r=[];const i=e.length;let s,l;for(let d=0;d<i;d++){const i=e[d],c=[];let h=!1;for(const e in i)if(!o||-1!==o.indexOf(e)){const t=i[e];null===t||isNaN(t)||c.push(+t)}if(t&&void 0!==this[t]){let e=this[t](null,c,null);r.push(+e),h=!0}else t&&(l=this.calculateAggregateTemplate(t,null,c,null,r),l!==t||s?l!==t&&(h=!0):s=a.Z.setUserFunction(null,t));if(s){let e=s.scope||null;l=s.method.apply(e,[i,c]),n.Uh(l)&&("number"==typeof l?(h=!0,r.push(l)):"string"==typeof l&&l.match(/\d+/g).map((e=>{h=!0,r.push(+e)})))}h||r.push(...c)}return r}calculate(e,t,o){const n=this[e];let r="";if(!n)return"";if(t.fieldIndex){let e=t.fieldIndex;r=n.apply(this,[e,o])}else r=n.apply(this,[null,o]);return r}count(e,t,o){t=t||this.getDataSource();let n=e?this.store.getDataByFieldIndex(e,!0,t):t;return n=n.filter((e=>e||0===e)),n.length}min(e,t,o){if(!(t=t||this.getDataSource()).length)return 0;let r=e?this.store.getDataByFieldIndex(e,void 0,t):t,i=Math.min(...r);return i===1/0&&(i=0),o&&(i=n.uf(i,o,this.widget)),i}max(e,t,o){if(!(t=t||this.getDataSource()).length)return 0;let r=e?this.store.getDataByFieldIndex(e,void 0,t):t,i=Math.max(...r);return i===-1/0&&(i=0),o&&(i=n.uf(i,o,this.widget)),i}avg(e,t,o){if(!(t=t||this.getDataSource()).length)return 0;let r=this.sum(e,t),i=Math.round(r/t.length*100)/100;return o&&(i=n.uf(i,o,this.widget)),i}sum(e,t,o){if(!(t=t||this.getDataSource()).length)return 0;let r=(e?this.store.getDataByFieldIndex(e,void 0,t):t).reduce(((e,t)=>e+t),0),i=Math.round(100*r)/100;return o&&(i=n.uf(i,o,this.widget)),i}getDataSource(){const e=this.widget.filter;let t=this.store.aOrderedData;return e&&e.bUseFilter&&(t=e.aFiltered),t}getAggregateColumnHeader(e){const t=e.sTypeAggregateValue,o=i.default.get("aggregate",this.widget);let n="";return o[t]&&(n=o[t]),n}destroy(){this.widget=null,this.store=null}}},52248:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(38419);const{ellipsis:r,cellBreakPrep:i}=n.default.cellBreak;const a=class{constructor(e){this.widget=e.widget,this.ZG=this.widget.webcomponent}setCellBreak(e){this.sGridType=e||this.ZG.getAttribute(n.default.cellBreak.attr),this.cellActions(this.setCells)}prepCellBreak(){this.sGridType=this.ZG.getAttribute(n.default.cellBreak.attr),this.cellActions(this.prepCells)}cellActions(e){let t=this.getGridCellBreak();const o=this.widget.aColumnMapping;for(let n=0,r=o.length;n<r;n++){const r=o[n],i=this.isColumnOverride(r,t);this.widget.getDataCellsByIndex(n).forEach((t=>{e(t,i,r)}))}}prepCells(e,t){t===r&&e.setAttribute(i,"")}setCells(e,t,o){if(e.hasAttribute(n.default.attr.title)&&e.removeAttribute(n.default.attr.title),t===n.default.cellBreak.default||null===t)e.removeAttribute(n.default.cellBreak.attr);else{const r=o.mWidth,a=e.widget.webcomponent.width,s=!(o.sFrozen&&a)&&("fit"===r||"fitcontent"===r)||o.bHasCellTooltip;if(t===n.default.cellBreak.ellipsis&&!s){const o=!0;t===n.default.cellBreak.ellipsis&&o&&e.setAttribute(n.default.attr.title,e.textContent)}e.hasAttribute(i)&&e.removeAttribute(i),e.setAttribute(n.default.cellBreak.attr,t)}}isAllowedType(e){return n.default.cellBreak.allowedTypes.indexOf(e)>-1}getGridCellBreak(){let e=this.sGridType;const t=this.isAllowedType(e);return e&&t||(e=n.default.cellBreak.default),e}getCellBreakByColumn(e){let t=this.getGridCellBreak();const o=this.widget.aColumnMapping[e];return this.isColumnOverride(o,t)}isColumnOverride(e,t){const o=e.sCellBreak;let n=t;if(o){this.isAllowedType(o)&&(n=o)}return n}}},20762:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(45092),r=o(68965);class i extends r.Z{constructor(e){(e=e||{})._defaults={initAfterRender:!0},super(e)}init(){this.savedValue="",this.render(),this.ons()}render(){this.savedValue=""}ons(){let e=this.widget.webcomponent;e.on("key ctrl v",this.onKeyCtrlVDocument,this),e.on("key shift insert",this.onKeyCtrlVDocument,this),e.on("key ctrl c",this.onKeyCtrlCDocument,this),e.on("key ctrl insert",this.onKeyCtrlCDocument,this)}onKeyCtrlCDocument(e){this.oData=this.widget.selector.se.fullData(),this.sData=this.widget.selector.se.fullDisplay();let t=this.getSelectedCellsData(this.sData);const o={data:this.oData,text:t};this.fire("beforecopy",o),t=o.text,this.savedValue=t,this.copyClipboardContent(t),this.fire("copy",o)}onKeyCtrlVDocument(){const e={data:this.oData,text:this.savedValue};this.fire("paste",e)}getSelectedCellsData(e){let t,o=this.widget;if(t=o.selector.se.rawData(),!t){if(!o.menuManager||!o.menuManager.lastCell)return e||"";t=o.menuManager.lastCell.rawData()}return null==t?"":n.kJ(t)?(t.length&&!n.kJ(t[0])&&(t=[t]),t.reduce(((e,t)=>e+t.reduce(((e,t,o)=>(t=null==t?"":t,o?e+"\t"+t:e+t)),"")+"\n"),"")):e||t.toString()}copyClipboardContent(e){const t=this.widget.webcomponent;t.oDOMClipboard.value=e;try{navigator&&navigator.clipboard.writeText(t.oDOMClipboard.value)}catch(e){console.error(e)}}}const a=i},64690:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(32816),r=o(38419),i=o(56919);const a=class{constructor(e){this.widget=e.widget,this.oElMenu=null,this.menuItems=[],this.activeMenu=null}initMenu(){const e=this.widget,t=e.webcomponent;this.oElMenu&&(this.oElMenu.remove(),this.menuItems=[]);const o=e.getByTagName(t.children,"zg-menu",null,"columnMenu");if(o.length?this.oElMenu=o[0]:this.oElMenu=null,this.oElMenu)for(let t=0;t<e.aColumnMapping.length;t++)this.associateItem(e.aColumnMapping[t],t);else{this.oElMenu=document.createElement("zg-menu"),this.oElMenu.id=this.id||"columnMenu",this.oElMenu.setAttribute(r.default.attr.hidden,"");let t=document.createDocumentFragment();for(let o=0;o<e.aColumnMapping.length;o++)this.addItem(e.aColumnMapping[o],o,t);this.oElMenu.appendChild(t),e.bHasAttachedToDOM&&e.webcomponent.appendChild(this.oElMenu)}}associateItem(e,t){let o=this.oElMenu.querySelectorAll("zg-button")[t];o.oCheckbox.checked=!e.bHidden,o.oCheckbox.on("statechanged",(o=>this.updateColumnState(o,e,t))),this.menuItems[e.sColumnId]=o}addItem(e,t,o){const n=this.oElMenu,a=document.createElement("zg-menu-item");a.menu=n,a.menuManager=this.widget.columnMenu,a.setAttribute(r.default.attr.role,"menuitemcheckbox");const s=document.createElement(r.default.zgButton.tagName);s.setAttribute(r.default.attr.action,"checkbox"),s.oCheckbox.checked=!e.bHidden;let l=e.sCellType;e.sMenuText?s.textContent=e.sMenuText:r.default.internalColumnTypes.indexOf(l)>-1?s.textContent=i.default.get("columntypes",this.widget,{element:s.oLabel,elProperty:"innerHTML",langProperty:l})[l]:s.textContent=e.sColumnHeaderText,s.oCheckbox.on("statechanged",(o=>this.updateColumnState(o,e,t))),s.oIcon.setAttribute(r.default.attr.hidden,""),a.appendChild(s),o.appendChild(a),this.menuItems[e.sColumnId]=s}closeMenu(e){e&&n.Z.elContains(this.oElMenu,e)||(this.widget.focusManager.focusGrid(!0),this.oElMenu._hide(),this.oButton&&(this.oButton.removeAttribute(r.default.aria.expanded),this.oButton=null),this.activeMenu=null)}isMenuOpen(){return!!this.activeMenu}openColumnMenu(e){const t=this.widget.webcomponent.querySelectorAll(r.default.zgMenu.tagName),o=this.oElMenu;if(!t||0===t.length)return;[...t].forEach((e=>e.setAttribute(r.default.attr.hidden,""))),o._show();const n=this.widget.webcomponent;o.calculateMenuPosition(e,n),o.querySelector(r.default.zgMenuItem.tagName).focus(),this.activeMenu=o}updateColumnState(e,t,o){if(this.widget.bPreloaded||t.bHidden===e.checked)return;const n=this.widget;t.nPriority&&delete t.nPriority,n.updater.toggleColumn(o,e.checked),n._updateHiddenColumn(!e.checked,t,!0)}}},25815:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>r});var n=o(45092);const r=class{constructor(e){this.widget=e.widget,this.ZG=this.widget.webcomponent}initDialog(e){const t=this.ZG.oDOMDialog;t.setDialog(e);const o=()=>{this.se&&this.se.select(!0)};t.on("dialogConfirm",o,this),t.on("dialogCancel",o,this);const n=t.$bodycontent.querySelector(".zg-dialog-body-details-row");return n.innerHTML="",n}openCellDetails(e){const t=this.widget,o=t.store,r=e._columnConfig;let i,a=null,s={};const l=t.groupbyManager;this.se=t.selectorEngineManager.$cell(e.nStartRowIndex,e.nStartColumnIndex);const d=e.sTargetRecordIndex,c=e.sGroupRecordIndex;if(c)s=l.calculateIndexData(e),i=s;else{i=o.get(d).oRecordRawData,s=e.indexData()}r.oDOMDetailsTemplate&&(a=r.oDOMDetailsTemplate);const h=this.initDialog("record-info");if(a&&(c?l.calculateTemplate(s,i,a,h):o.processTemplate(a,h,e,!0,void 0,s)),e.fnDetailsRenderer&&e.fnDetailsRenderer.method){const t=e.fnDetailsRenderer.method,o=[s,i,h,e],r=e.fnDetailsRenderer.scope;let a=t.apply(r,o);n.Uh(a)&&(h.innerHTML=a)}t.selector.deSelectAll(),this.ZG.oDOMDialog.$confirm.focus()}openDetailsMessage(e,t,o){const n=this.initDialog("details");e?n.innerHTML=e:t&&(n.innerHTML=t.call()),o&&(this.ZG.oDOMDialog.$label.innerHTML=o)}}},42820:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(38419),r=o(56919);class i{constructor(e){this.widget=e.widget,this.ZG=this.widget.webcomponent,this.ZG.dialogArr=[]}initDialogs(){this.buildDialogs();const e=document.createElement(n.default.zgDialog.tagName);e.setAttribute(n.default.zgDialog.internal,""),e.slot=n.default.zg.slot.dialogInternal,this.ZG.oDOMDialog=e,this.ZG.appendChild(e)}refreshDialogs(){this.ZG.dialogArr=[],this.buildDialogs()}buildDialogs(){const e={confirm:{text:r.default.get("dialog.create",this.widget)},label:r.default.get("dialog.recordCreate.label",this.widget),type:"record-create",body:'\n      <div id="inputs" class="zg-dialog-editor-row-inputs">\n      </div>\n      '};this.ZG.dialogArr.push(e);const t={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:r.default.get("dialog.recordInfo.label",this.widget),type:"record-info",body:'<div class="zg-dialog-body-details-row"></div>'};this.ZG.dialogArr.push(t);const o={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:r.default.get("dialog.details.label",this.widget),type:"details",body:'<div class="zg-dialog-body-details-row"></div>'};this.ZG.dialogArr.push(o);const n={confirm:{text:r.default.get("dialog.save",this.widget)},label:r.default.get("dialog.recordUpdate.label",this.widget),type:"record-update",body:'\n        <div id="inputs" class="zg-dialog-editor-row-inputs">\n        </div>\n      '};this.ZG.dialogArr.push(n);const a={confirm:{text:r.default.get("dialog.save",this.widget)},label:r.default.get("dialog.fieldUpdate.label",this.widget),type:"field-update",body:'\n        <div id="inputs" class="zg-dialog-editor-row-inputs">\n        </div>\n      '};this.ZG.dialogArr.push(a);const s={confirm:{text:r.default.get("dialog.delete",this.widget)},label:r.default.get("dialog.recordDelete.label",this.widget),type:"record-delete",body:`\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="removerecord" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <p>${r.default.get("dialog.recordDelete.body",this.widget)}</p>\n        </div>\n      `};this.ZG.dialogArr.push(s);const l={confirm:{text:r.default.get("dialog.ok",this.widget)},label:r.default.get("dialog.batchEdit.cancel.label",this.widget),type:"cancel-batch-edit",body:'<div class="zg-dialog-body-batch-edit"></div>'};this.ZG.dialogArr.push(l);const d={confirm:{text:r.default.get("dialog.save",this.widget)},label:r.default.get("dialog.batchEdit.commit.label",this.widget),type:"commit-batch-edit",body:'<div class="zg-dialog-body-batch-edit"></div>'};this.ZG.dialogArr.push(d);const c={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:"This is an error dialog",type:"view-error",body:'\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="error" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <div class="zg-dialog-body-content">\n            <p>This is an error dialog message.</p>\n          </div>\n        </div>\n      '};this.ZG.dialogArr.push(c);const h={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:"This is an info dialog",type:"view-info",body:'\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="info" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <div class="zg-dialog-body-content">\n            <p>This is an info dialog message.</p>\n          </div>\n        </div>\n      '};this.ZG.dialogArr.push(h);const u={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:"This is a success dialog",type:"view-success",body:'\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="success" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <div class="zg-dialog-body-content">\n            <p>This is a success dialog message.</p>\n          </div>\n        </div>\n      '};this.ZG.dialogArr.push(u);const g={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget)},label:"This is a warn dialog",type:"view-warn",body:'\n        <div class="zg-dialog-body-icon-row">\n          <zg-icon name="warning" slot="icon"></zg-icon>\n          <slot name="icon"></slot>\n          <div class="zg-dialog-body-content">\n            <p>This is a warn dialog message with 2 positioned, slotted icons.</p>\n          </div>\n          <zg-icon name="warning" slot="icon3"></zg-icon>\n          <slot name="icon3"></slot>\n        </div>\n      '};this.ZG.dialogArr.push(g);const p=new Date(ZingGrid.versionDate),f=new Intl.DateTimeFormat(r.default.getLocale(this.widget),{month:"short",year:"numeric",day:"numeric",hour:"numeric",minute:"numeric",weekday:"short",timeZone:"UTC",timeZoneName:"short"}).format(p),m={cancel:{show:!1},confirm:{text:r.default.get("dialog.ok",this.widget),prevent:!0},label:r.default.get("dialog.version.label",this.widget),type:"zg-version",body:`\n        <div class="zg-dialog-body-icon-row">\n          ZingGrid v${ZingGrid.versionNum} ${r.default.get("dialog.version.body",this.widget)} ${f}\n        </div>\n      `};this.ZG.dialogArr.push(m),i.aCustomizations.forEach((e=>this.customize(e.type,e.options)))}customize(e,t){if(!t)return;if(!e||e===n.default.zgDialog.all)return this.ZG.dialogArr.forEach((e=>this.customize(e.type,t))),void(this.ZG.oDOMDialog&&(t.cancel&&(this.ZG.oDOMDialog.$cancel.innerHTML=t.cancel),t.confirm&&(this.ZG.oDOMDialog.$confirm.innerHTML=t.confirm),t.label&&(this.ZG.oDOMDialog.$label.innerHTML=t.label)));let o=this.ZG.dialogArr.filter((t=>t.type===e))[0];o&&(t.label&&(o.label=t.label),t.cancel&&(o.cancel?o.cancel.text=t.cancel:o.cancel={text:t.cancel}),t.confirm&&(o.confirm?o.confirm.text=t.confirm:o.confirm={text:t.confirm}))}destroy(){this.widget=null,this.ZG.oDOMDialog=null,this.ZG.dialogArr.length=0,this.ZG=null}}i.aCustomizations=[];const a=i},19683:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(38419),r=o(32816),i=o(56919);const a=class{constructor(e){this.widget=e.widget,this.ZG=this.widget.webcomponent,this.dragElSelector="zg-shadow-cell",this.dragRemoveSelector="zg-shadow-remove",this.dragReorderSelector="zg-shadow-reorder"}setColumnDrag(){this.toggleHeadCellAttribute()}toggleHeadCellAttribute(){const e=n.default.drag.columnAttr,t=this.widget.getAllHeadCells(!0),o=this.widget.bColumnDrag;let r;t.forEach((t=>{r=!t.MATCHED_COLUMN||t.MATCHED_COLUMN._oParsedColumnMapping.sDrag,o&&"disabled"!==r&&"false"!==r?t.setAttribute(e,""):t.removeAttribute(e)}))}onStartColumnCommon(e,t){return this.bDragMoved=!1,!!this.widget.bColumnDrag&&(t.oDOMTarget.tagName.toLowerCase()!==n.default.zgColumnResize.tagName&&(this.MATCHED_COLUMN=e.MATCHED_COLUMN,this.nIndex=e.nIndex,"disabled"!==this.MATCHED_COLUMN.getAttribute("drag")&&(this.oGridCoords=this.widget.webcomponent.getBoundingClientRect(),this.xStart=this.oGridCoords.x,this.yStart=this.oGridCoords.y,this.setColumnSwitchValues(),!0)))}onDragMoveColumn(e){e.stopEvent();const t=this.widget,o=this.ZG.querySelector(n.default.zgHeadCell.tagName);let r="";if(this.bDragMoved=!0,!this.oShadow){this.oShadow=document.createElement("div"),this.oShadow.className=this.dragElSelector,t.bDragMove&&this.oShadow.classList.add(this.dragReorderSelector);const e=this.MATCHED_COLUMN._oParsedColumnMapping;let o=e.sColumnHeaderText,a=e.sCellType;!o&&n.default.internalColumnTypes.indexOf(a)>-1&&(o=i.default.get("columntypes",t)[a]),this.oShadow.setAttribute("slot","shadow"),this.oShadow.innerHTML=o,t.bDragHide?this.oShadow.setAttribute("data-content",i.default.get("drag.reorder",t)):this.oShadow.setAttribute("data-content"," "),t.webcomponent.appendChild(this.oShadow),r=this.oShadow.getBoundingClientRect().width,this.oShadow.setAttribute("ready",""),this.MATCHED_COLUMN.classList.add(n.default.zgHeadCell.isReorderingClass);const s=parseInt(this.MATCHED_COLUMN._oParsedColumnMapping.oDOMSortHeader.HEAD_CELL_INDEX,10);t.getHeaderCells(s).forEach((e=>e.classList.add(n.default.zgHeadCell.isReorderingClass)));t.getFooterCells(s).forEach((e=>e.classList.add(n.default.zgHeadCell.isReorderingClass)))}let a=this.bTouch?20:10,s=this.bTouch?e.oBrowserEvent.touches[0].clientX:e.oBrowserEvent.clientX,l=this.bTouch?e.oBrowserEvent.touches[0].clientY:e.oBrowserEvent.clientY;if(this.oShadow.style.height=`${o.getBoundingClientRect().height}px`,this.oShadow.style.width=`${r}px`,this.oShadow.style.left=s-this.xStart-a+"px",this.oShadow.style.top=l-this.yStart-a+"px",t.bDragHide&&(s>this.oGridCoords.x+this.oGridCoords.width||s<this.oGridCoords.x||l>this.oGridCoords.y+this.oGridCoords.height||l<this.oGridCoords.y?(this.oShadow.classList.add(this.dragRemoveSelector),this.bDragHide=!0):(this.oShadow.classList.remove(this.dragRemoveSelector),this.bDragHide=!1),this.bDragHide?this.oShadow.setAttribute("data-content",i.default.get("drag.remove",t)):this.oShadow.setAttribute("data-content",i.default.get("drag.reorder",t))),t.bDragMove&&!this.bDragHide&&!this.bDragMove){let e=!1;this.bDragMove=!0;let o=null;if("right"!==this.area&&this.columnFrameRight&&s>this.columnFrameRight.x?o=this.rightFrame:"left"!==this.area&&this.columnFrameLeft&&s<this.columnFrameLeft.x+this.columnFrameLeft.width/2?o=this.leftFrame:this.columnMoveRight&&s>this.columnMoveRight.x?o=this.rightColumn:this.columnMoveLeft&&s<this.columnMoveLeft.x+this.columnMoveLeft.width/2&&(o=this.leftColumn),o){const r=t.getZGColumnIndex(o._oParsedColumnMapping);this.moveColumn(r);t.getHeaderCells(this.nIndex).forEach((e=>e.classList.add(n.default.zgHeadCell.isReorderingClass)));t.getFooterCells(this.nIndex).forEach((e=>e.classList.add(n.default.zgHeadCell.isReorderingClass))),e=!0}else this.bDragMove=!1;t.bDragHide&&this.oShadow.setAttribute("data-content",i.default.get("drag.reorder",t)),e&&this.bTouch&&this.onDragStopColumn()}}onDragStopColumn(e){if(this.bTouch&&!this.bDragMoved)return;e&&e.stopEvent();const t=r.Z.get(document);if(t.docUn("mousemove",this.onDragMoveColumn,this),t.docUn("mouseup",this.onDragStopColumn,this),t.docUn("touchmove",this.onDragMoveColumn,this),t.docUn("touchend",this.onDragStopColumn,this),t.docUn("touchcancel",this.onDragStopColumn,this),this.oShadow){this.bDragHide&&this.MATCHED_COLUMN.setAttribute("hidden",!0),this.widget.webcomponent.removeChild(this.oShadow),this.MATCHED_COLUMN.classList.remove(n.default.zgHeadCell.isReorderingClass);const e=parseInt(this.MATCHED_COLUMN._oParsedColumnMapping.oDOMSortHeader.HEAD_CELL_INDEX,10);this.widget.getHeaderCells(e).forEach((e=>e.classList.remove(n.default.zgHeadCell.isReorderingClass)));this.widget.getFooterCells(e).forEach((e=>e.classList.remove(n.default.zgHeadCell.isReorderingClass))),this.oShadow=null}this.widget.bIsColumnMoverActive=!1}moveColumn(e){const t=this.widget;let o=this.nIndex;t.savedScrollVal=t.oDOMMainScroll.scrollLeft,this.widget.moveColumn(o,e),this.nIndex=this.MATCHED_COLUMN._oParsedColumnMapping.oDOMSortHeader.nIndex,requestAnimationFrame((()=>this.setColumnSwitchValues()))}setColumnSwitchValues(){const e=this.nIndex,t=this.widget,o=t.getAllColumns(),n=o.length;let r,i;this.leftColumn=null,this.rightColumn=null,this.leftFrame=null,this.rightFrame=null,this.columnFrameRight=null,this.columnFrameLeft=null,this.area=t.getAreaByColumnIndex(e);const a=t.nRightFrozenColumns;if(a){const e=n-a;if(e>=0&&e<n){this.rightFrame=o[e];const t=this.rightFrame._oParsedColumnMapping.oDOMSortHeader;this.columnFrameRight=t.getBoundingClientRect()}}const s=t.nLeftFrozenColumns;if(s){let e=s-1;if(e>=0&&e<n){this.leftFrame=o[e];const t=this.leftFrame._oParsedColumnMapping.oDOMSortHeader;this.columnFrameLeft=t.getBoundingClientRect()}}for(let t=e-1;t>=0;t--)if(!o[t].hidden){this.leftColumn=o[t],r=o[t]._oParsedColumnMapping.oDOMSortHeader;break}for(let t=e+1;t<n;t++)if(!o[t].hidden){this.rightColumn=o[t],i=o[t]._oParsedColumnMapping.oDOMSortHeader;break}this.columnMoveLeft=r?r.getBoundingClientRect():null,this.columnMoveRight=i?i.getBoundingClientRect():null,this.bDragMove=!1}}},76289:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>d});var n=o(32816),r=o(68965),i=o(38419),a=o(45092),s=o(64087);class l extends r.Z{constructor(e){(e=e||{})._defaults={initAfterRender:!0,prefix:"zing-grid-record-editor-",sTargetRecordIndex:null,_nScrollLeft:0,bIsOpen:!1},super(e),this.oActiveEditorField={},this.nTargetRowIndex=null}init(){this.ons(),this.render()}render(){const e=this.oDOMSubmitButton=document.createElement(i.default.zgButton.tagName);e.setAttribute(i.default.attr.action,"submitrecord"),e.setAttribute(i.default.attr.tabindex,0);const t=this.oDOMCancelButton=document.createElement(i.default.zgButton.tagName);t.setAttribute(i.default.attr.action,"cancelrecord"),t.setAttribute(i.default.attr.tabindex,0)}isRecordEditorOpen(){return!!this.bIsOpen}ons(){this.widget.on("pagechange",(e=>this.cancelOpenEdit())),this.widget.on("layoutchange",(e=>this.cancelOpenEdit())),this.widget.on("beforesearch",(e=>this.cancelOpenEdit())),this.widget.store.on("updatecomplete",((e,t)=>this.closeRecordEditor(t)))}onResize(){const e=this.widget,t=e.editorFieldManager,o=e.webcomponent.oDOMEditorRow;if(null===this.nTargetRowIndex&&t.oActiveEditorField)o.positionEditorWithinRow(t.se,t.oActiveEditorField);else if(this.bIsOpen&&null!==this.nTargetRowIndex){let t=this.oActiveEditorField;for(let n=0,r=e.aColumnMapping.length;n<r;n++){const r=e.selectorEngineManager.$cell(this.nTargetRowIndex,n);let i=t[r.sTargetFieldIndex];i&&o.positionEditorWithinRow(r,i)}}}openNewRecordEditorFromCols(){const e=this.widget,t=e.editorFieldManager,o=e.aColumnMapping,n=e.editorManager;this.nTargetRowIndex=!0,this.oActiveEditorField={};for(let e=0,r=o.length;e<r;e++){let r=o[e],i=r.sFieldIndex;if(!i||!r.oEditor||this.oActiveEditorField[i])continue;let a=this.se.column(i);if(this.oActiveEditorField[i]=t.openNewFieldEditor(a),n._isCardEdit(!0))break}}openNewRecordEditor(){const e=this.widget,t=e.editorManager,o=t.getInputContainers()[0];this.bIsOpen&&this.cancelOpenEdit(),e.webcomponent.oDOMCellOverflow.close(),this.sTargetRecordIndex=-1,this.openNewRecordEditorFromCols(),t.focusInput(),this.bIsOpen=!0;const n={dialog:e.webcomponent.oDOMDialog.$dialog,inputContainer:o,editorFields:this.oActiveEditorField};this.widget.fire("openinsert",n)}openRecordEditor(e){const t=this.widget,o=t.editorManager,n=t.editorFieldManager;let r,a,s=o.type;const l=t.aColumnMapping,d=t.selectorEngineManager;t.webcomponent.oDOMCellOverflow.close(),this.bIsOpen&&this.cancelOpenEdit(),this.hookOffClickEvent(),n.oActiveEditorField&&(r=n.se.sTargetFieldIndex,a=n.oActiveEditorField,n.removeFieldEditor(a,null,!1,!0)),this.bCancelButtonRendered=this.bConfirmButtonRendered=!1,this.sTargetRecordIndex=t.getRecordIndexByDataRowContainerIndex(e),this.nTargetRowIndex=e,this.oActiveEditorField={};for(let t=0,c=l.length;t<c;t++){const c=d.$cell(e,t),h=c.dom(),u=l[t];if(h.tagName.toLowerCase()===i.default.zgCard.tagName)continue;if(u.bHidden)continue;let g=c.sTargetFieldIndex;if(s!==i.default.editor.typeModal&&(c.sCellType===i.default.internalColumn.recordeditor&&(this.oDOMEditButton=this.swapControl(h,this.oDOMSubmitButton,"bConfirmButtonRendered")),c.sCellType===i.default.internalColumn.recordremover&&(this.oDOMDeleteButton=this.swapControl(h,this.oDOMCancelButton,"bCancelButtonRendered")),!this.bConfirmButtonRendered&&c.sCellType===i.default.cellTypes.custom)){const e=h.querySelector('zg-button[action="editrecord"]');if(e){this.oDOMEditButton=this.swapControl(h,this.oDOMSubmitButton,"bConfirmButtonRendered",e);const t=h.querySelector('zg-button[action="removerecord"]');t&&(this.oDOMDeleteButton=this.swapControl(h,this.oDOMCancelButton,"bCancelButtonRendered",t))}}if(!(!c.oEditor||g&&this.oActiveEditorField[g])&&(g&&r===g?this.oActiveEditorField[g]=a:g&&(this.oActiveEditorField[g]=n.openFieldEditor(h)),o._isCardEdit()))break}this.bConfirmButtonRendered&&!this.bCancelButtonRendered&&s!==i.default.editor.typeModal&&this.oDOMSubmitButton.parentNode.insertBefore(this.oDOMCancelButton,this.oDOMSubmitButton.nextSibling),this.bIsOpen=!0}swapControl(e,t,o,n){return(n=n||e.querySelector(`div ${i.default.zgButton.tagName}`)).parentNode.insertBefore(t,n),n.setAttribute(i.default.attr.hidden,""),this[o]=!0,n}hookOffClickEvent(){n.Z.get(document).on("click",this.checkOffClick,this)}checkOffClick(e,t){const o=this.widget.editorManager;if("zg-menu-item"!==t.tagName.toLowerCase()&&!this.widget.bIsColumnResizeActive&&this.isRecordEditorOpen()&&o.type===i.default.editor.typeInline&&null!==this.nTargetRowIndex){const e=a.MV(t,i.default.zgRow.tagName);e&&e.rowIndex==this.nTargetRowIndex||this.cancelOpenEdit()}}cancelOpenEdit(e,t,o){let r=this.widget,i=this.oActiveEditorField;if(o&&r.batchEditor.isActive()&&r.batchEditor.bCheckValidate)return!1;return n.Z.get(document).docUn("click",this.checkOffClick,this),null!==this.nTargetRowIndex?Object.keys(i).forEach((e=>{let t=i[e];r.editorFieldManager.closeFieldEditor(!0,null,t,!0),delete i[e]})):r.editorFieldManager.closeFieldEditor(!0),this.nTargetRowIndex=null,this.closeRecordEditor(t),!0}onClickSubmit(e,t){let o=null,r=this.widget,a=r.store,s=this.sTargetRecordIndex;if(r.webcomponent.style.cursor="wait",e&&e.oDOMTarget&&(e.oDOMTarget.querySelector("#inputs").innerHTML=""),o=this.loopEditRecord(!1),o===i.default.validation.fail)return this.widget.webcomponent.style.cursor=null,!1;n.Z.get(document).docUn("click",this.checkOffClick,this);let l=!1;r.savedScrollVal=r.oDOMMainScroll.scrollLeft,o&&(l=a.updateRecord(s,o,void 0,void 0,t)),l||this.closeRecordEditor(t)}loopEditRecord(e){let t=null,o=this.widget;if(this.bIsOpen){if(null===this.nTargetRowIndex||this.widget.editorManager._isCardEdit())if(e)o.editorFieldManager.removeFieldEditor(this.oActiveEditorField),this.oActiveEditorField={},this.nTargetRowIndex=null;else{if(t=this.widget.editorFieldManager.closeFieldEditor(),t===i.default.validation.fail)return t;this.widget.editorManager._isCardEdit()&&"object"==typeof t||(t=null)}else{const n=o.aColumnMapping,r=o.selectorEngineManager;let a=this.oActiveEditorField;t={};for(let s=0,l=n.length;s<l;s++){const n=r.$cell(this.nTargetRowIndex,s);if(!n.oEditor)continue;let l=n.sTargetFieldIndex,d=a[l];if(d)if(e)o.editorFieldManager.removeFieldEditor(d,n,!0),delete a[l];else if(t[l]=o.editorFieldManager.closeFieldEditor(!1,n,d,!0),t[l]===i.default.validation.fail)return i.default.validation.fail}e&&(this.nTargetRowIndex=null)}return t}}onSubmitNewFromCols(){const e=this.widget,t=e.editorFieldManager,o=e.aColumnMapping,n=this.oActiveEditorField,r={},a=e.sNestedDataSeparator;for(let e=0,l=o.length;e<l;e++){let l=o[e].sFieldIndex,d=n[l],c=this.se.column(l);if(d){let e=t.closeFieldEditor(!1,c,d,!0,void 0,!0);if(e===i.default.validation.fail)return e;-1!==l.indexOf(a)?s.P_(r,l,e,a):r[l]=e}}return r}onClickSubmitNew(e,t,o){let n=null,r=this.widget;if(e||t||(e="end"),this.widget.editorManager._isCardEdit(!0))n=this.widget.editorFieldManager.closeCardEditorNew(),this.oActiveEditorField={};else if(null!==this.nTargetRowIndex&&(n=this.onSubmitNewFromCols(),n===i.default.validation.fail))return!1;this.nTargetRowIndex=null;if(this.closeRecordEditor(o)===i.default.validation.fail)return!1;this.oActiveEditorField={},n&&(e=t?r.getRowIndexByDataRowContainerIndex(t.nStartRowIndex)+1:e,r.store.insertRecord(n,e))}closeRecordEditor(e){const t=this.widget.editorManager;let o;o=t.activeRowEdit?t.se:this.widget.editorFieldManager.se;const n=this.loopEditRecord(!0);if(n===i.default.validation.fail)return n;this.oDOMCancelButton&&this.oDOMCancelButton.parentNode&&(this.oDOMCancelButton.parentNode.removeChild(this.oDOMCancelButton),this.oDOMSubmitButton.parentNode.removeChild(this.oDOMSubmitButton)),this._unhookButton(this.oDOMEditButton),this._unhookButton(this.oDOMDeleteButton),this.bIsOpen=!1,t.updateActiveStatus(!1,!1,!1),e&&(!e.tagName&&e.select?e.select(!0):e.focus()),t.oDOMDialog&&(t.oDOMDialog.closeEvent(),t.oDOMDialog=null,o&&o.nStartRowIndex>=0&&o.nStartColumnIndex>=0&&o.select(!0)),this.widget.webcomponent.style.cursor=null}_unhookButton(e){e&&(e.removeAttribute(i.default.attr.hidden),e=null)}destroy(){super.destroy(),this.oDOMSubmitButton=null,this.oDOMCancelButton=null}}const d=l},70986:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>d});o(32816);var n=o(68965),r=o(38419),i=o(32260),a=o(45092),s=o(56919);class l extends n.Z{constructor(e){super(e=e||{}),this.widget=e.widget,this.store=this.widget.store,this.se=e.se,this.dirtyManager=this.widget.dirtyManager,this.bConfirm=!1,this.bIsActive=!1,this.reset()}isActive(){return!!this.bIsActive}ons(){this.widget.store.on("updatecomplete",((e,t)=>this.closeBatchEditor(t)))}activate(e){const t=this.widget.webcomponent,o=t.oDOMControlBar;o.oDOMBatchEdit.setAttribute("hidden",""),o.oDOMBatchCancel.removeAttribute("hidden"),o.oDOMUnsavedSpan.removeAttribute("hidden"),t.setAttribute(r.default.attr.batchEditActive,""),o.setAttribute(r.default.attr.batchEditActive,""),this.widget.updateBatchEditStyleAttributes(!0),this.bIsActive=!0,this.bCheckValidate=!1,this._update(),e&&o.oDOMBatchCancel.focus()}deactivate(e){const t=this.widget.webcomponent,o=t.oDOMControlBar;o.removeAttribute(r.default.attr.batchEditLongMessage),o.oDOMBatchEdit.removeAttribute("hidden"),o.oDOMBatchSave.setAttribute("hidden",""),o.oDOMBatchCancel.setAttribute("hidden",""),o.oDOMBatchCancel.removeAttribute("style"),o.oDOMUnsavedSpan.setAttribute("hidden",""),o.oDOMUnsavedSpan.innerHTML="",this.bIsActive=!1,this.bCheckValidate=!1,t.removeAttribute(r.default.attr.batchEditActive),o.removeAttribute(r.default.attr.batchEditActive),o.removeAttribute(r.default.attr.batchEditMessage,""),this.widget.updateBatchEditStyleAttributes(!1),e&&o.oDOMBatchEdit.focus()}updateMessage(){const e=this.store,t=this.widget;let o=a.String.escapeRegExp(e.templateStartDelimiter),n=a.String.escapeRegExp(e.templateEndDelimiter),l=r.default.batchEdit.tokens.messageSuffix;const d=t.webcomponent.batchEditStatus||e.oDataFormat.sBatchEditStatus;let c=e.oDataFormat.fnBatchEditStatus;if(!t||!t.webcomponent)return;const h=t.webcomponent.oDOMControlBar,u=this.widget.webcomponent.oDOMControlBar;u.oDOMBatchSave.removeAttribute("hidden"),u.oDOMBatchCancel.setAttribute("style","--zg-icon-color: red;"),d&&!c&&(c=i.Z.setUserFunction(null,d),c&&(e.oDataFormat.fnBatchEditStatus=c));const g=d||r.default.batchEdit.statusMessage;let p=g;if(-1!==g.indexOf(r.default.tokens.delim)||c){const r=this.aDirty.length,i=this.getChangeCount(this.oDirty.oEdit,!1,!1),d=this.getFieldsChangeCount(),u=this.getChangeCount(this.oDirty.oDelete,!1,!0),g=this.getChangeCount(this.oDirty.oInsert,!0,!1),f={changes:r,modified:this.getRecordChanges(),recordsEdited:i,fieldsEdited:d,deleted:u,inserted:g};let m=new RegExp(o+"(.*?)"+n,"g");p=p.replace(m,((o,n)=>{let r,i="",d=(n=n.trim()).indexOf(l);return-1!==d?(n=n.substring(0,d),r=f[n],i=a.translate({msg:s.default.get(`batchEdit.${n}`,t),plurals:[{value:"s",condition:1!==r},{value:"s",condition:1!==r}]})):r=f[n],i&&(r=`${r} ${i}`),void 0!==r?r:`${e.templateStartDelimiter}${n}${e.templateEndDelimiter}`})),c&&(p=c.method.apply(c.scope,[f,h.oDOMUnsavedSpan]))}!p&&c||(h.setAttribute(r.default.attr.batchEditMessage,""),h.oDOMUnsavedSpan.innerText=`(${p})`,h.checkMessageSize())}saveDeletes(){const e=this.store;for(let t in this.oDirty.oDelete){const o=this.oDirty.oDelete[t],n=e.oLocalModel[t];o.bBatchEdit=!0,o.bBatchCleanup=n.bDirtyInsert,e.fireAfterStoreEvent("afterremoverecord",o)}}saveInserts(){const e=this.store;for(let t in this.oDirty.oInsert){const o=e.oLocalModel[t];if(o.bDirtyDelete)this.bRemovingInsert=!0,o.bBatchCleanup=!0,this.widget.removeRow(t,!0,void 0,!0),this.bRemovingInsert=!1;else{const o=this.oDirty.oInsert[t];o.bBatchEdit=!0,e.fireAfterStoreEvent("afterinsert",o)}}}getChangedFields(e){let t=[];const o=this.oDirty.oEdit[e],n=o.zgOldData;return Object.keys(o).forEach((e=>{if("zgOldData"!==e){const r=o[e];r[r.length-1]!==n[e]&&t.push(e)}})),t}saveEdits(){const e=this.store;for(let t in this.oDirty.oEdit){const o=e.oLocalModel[t],n=this.oDirty.oEdit[t].zgOldData;if(o.bDirtyDelete)continue;let i=o.model,l=this.getChangedFields(t),d=a.c7.copy(e.oDataRequest.updateOptions.row||{});d.sRecordIndex=t,d.oRecordRawData=i.get(),d.oOldData=n,d.aChangedFieldIndex=l,d.fnCustom=e.oDataFormat.fnCustomUpdateRow,d.sEditMode="updaterecord",d.bBatchEdit=!0,d.oStatus={};let c=d.sServerErrorMessage;c||(c=d.sServerErrorPath?r.default.tokens.serverMessage:s.default.get("dialog.recordUpdate.errorMsg",this.widget)),d.oErrorStatus={msg:c},e.fireAfterStoreEvent("afterupdaterecord",d)}}save(e){this.confirm((()=>this.completeSave(e)),"commit",r.default.confirmations.batchEdit)}completeSave(e){const t=this.widget;this.deactivate(e);const o=t.oDOMMainScroll.scrollLeft;this.bSavingBatchEdit=!0,this.nSavedUpdateCount=this.nUpdateCount=this.getRecordChanges(),this.aErrors=[],this.saveEdits(),this.saveDeletes(),this.saveInserts(),o&&(t.savedScrollVal=o),this.nUpdateCount||(this._update(),this.reset())}cancelBatchEdit(e){this.confirm((()=>this.completeCancel(e)),"cancel",r.default.confirmations.batchEditDiscard)}completeCancel(e,t){const o=this.dirtyManager;if(this.deactivate(e),this.widget.recordEditor.cancelOpenEdit(),!t){const e=this.aDirty;for(let t=e.length-1;t>=0;t--){const n=e[t],r=n.sRecordIndex,i=n.sFieldIndex;"updatecell"===n.sEditMode?(this.store._updateCell(r,i,n.oldValue),o.setNoDirty(r,i,!0)):"removerecord"===n.sEditMode?o.setNoDirty(n.sRecordIndex,null,!0):"insertrecord"===n.sEditMode&&this.removeNewRow(r)}}this.reset(),t||this._update()}removeNewRow(e){const t=this.store.oLocalModel[e];this.bRemovingInsert=!0,t.bBatchCleanup=!0,this.widget.removeRow(e,!0,void 0,!0),this.bRemovingInsert=!1}onSuccess(){this.nUpdateCount--,this.checkResponses()}onFailure(e){this.nUpdateCount--,this.aErrors.push(e),this.checkResponses()}checkResponses(){0===this.nUpdateCount&&(this.aErrors.length?(this.completeErrorStatus(),this.rollbackChanges()):this.completeStatus(),this.reset())}completeStatus(){const e=this.widget;this.bSavingBatchEdit=!1;const t={icon:"checkmark",state:"success",msg:s.default.get("dialog.batchEdit.successMsg",e)};e.statusManager&&e.statusManager.setStatus(t),this.nSavedUpdateCount=0,this._update()}completeErrorStatus(){const e=this.widget,t=this.aErrors.length;this.bSavingBatchEdit=!1;const o=this.nSavedUpdateCount-t;let n=s.default.get("dialog.batchEdit.plurals.errorMsg",this.widget)||["s","s"];const r={icon:"error",state:"error",msg:a.translate({msg:s.default.get("dialog.batchEdit.errorMsg",this.widget),vars:[o,t],plurals:[{value:n[0],condition:1!==o},{value:n[1],condition:1!==t}]}),sDetails:s.default.get("dialog.batchEdit.errorMsgMore",this.widget),fnDetails:()=>this.errorDetails(),sLabel:s.default.get("dialog.batchEdit.errorLabel",this.widget)};e.statusManager&&e.statusManager.setStatus(r)}errorDetails(){const e=this.widget,t=this.aErrors,o=this.aErrors.length;let n=s.default.get("dialog.batchEdit.plurals.dialogErrorMsg",this.widget)||["s"],r=a.translate({msg:s.default.get("dialog.batchEdit.dialogErrorMsg",e),vars:[o],plurals:[{value:n[0],condition:1!==o}]});for(let n=0;n<o;n++){const o=t[n];let i;o.oErrorStatus&&(i=o.oErrorStatus.msg);if("insertrecord"===o.sEditMode)r+=`<br>New Record: ${i}`;else{r+=`<br>Record ${e.store.getURLRecordField(o.sUrl,o.sRecordIndex,o.sIdKeyValue)}: ${i}`}}return r}rollbackChanges(){const e=this.aErrors;for(let t=0;t<e.length;t++){const o=e[t].sRecordIndex;this.dirtyManager.revert(o)}this._update()}getRecordChanges(e){const t=this.oDirty,o=this.widget.store,n=[t.oEdit,t.oDelete,t.oInsert],r={};for(let t=0;t<n.length;t++){const i=n[t];for(let t in i){const n=o.oLocalModel[t];!e&&n.bDirtyDelete&&n.bDirtyInsert||(r[t]=!0)}}return Object.keys(r).length}getChangeCount(e,t,o){let n=0;for(let r in e){const e=this.store.oLocalModel[r];!o&&e.bDirtyDelete||(!t&&e.bDirtyInsert||n++)}return n}getFieldsChangeCount(){const e=this.oDirty.oEdit;let t=0;for(let o in e){const e=this.store.oLocalModel[o];e.bDirtyDelete||e.bDirtyInsert||(t+=this.getChangedFields(o).length)}return t}confirm(e,t,o){const n=this.widget,i=this.widget.webcomponent.oDOMDialog;if(this.bConfirm=t,n.editorManager.activeCellEdit){if(n.editorManager.closeEditor()===r.default.validation.fail&&"commit"===t)return}this.bConfirm=!1;0!==this.getRecordChanges()&&n.getConfirmation(o)?(i.setDialog(`${t}-batch-edit`),this.setConfirmationMessage(t),i.on("dialogConfirm",e)):e()}setConfirmationMessage(e){const t=this.widget.webcomponent.oDOMDialog,o=this.getChangeCount(this.oDirty.oEdit,!1,!1),n=this.getChangeCount(this.oDirty.oDelete,!1,!0),r=this.getChangeCount(this.oDirty.oInsert,!0,!1),i=this.getRecordChanges(),l=this.aDirty.length,d=-1!==[o,r,n].indexOf(l)?"":"Plural";let c=a.translate({msg:s.default.get(`dialog.batchEdit.${e}.body${d}`,this.widget),vars:[l,i],plurals:[{value:"s",condition:1!==i}]});const h=[{sLookup:"recordsEdited",nVal:o},{sLookup:"inserted",nVal:r},{sLookup:"deleted",nVal:n}];c+=`<div style="margin-block-start: 1.25rem; color: ${"cancel"===e?"red":"green"};">`;for(let e=0;e<h.length;e++){let t=h[e].nVal,o=h[e].sLookup;t&&(c+=a.translate({msg:s.default.get("dialog.batchEdit.changeBody",this.widget)+s.default.get(`dialog.batchEdit.${o}`,this.widget)+"<br>",vars:[t],plurals:[{value:"s",condition:1!==t}]}))}c+="</div>";t.$bodycontent.querySelector(".zg-dialog-body-batch-edit").innerHTML=c}onKeyDown(e){const t=this.widget,o=e.nCharCode,n=t.editorFieldManager.se,i=e.bIsSHIFT?"left":"right",a=t.getColumnContainerCount(),s=t.getRowContainerCount()+t.nTopFrozenRows,l=t.focusManager;if("cell"!==n.sContextLevel||o!==e.TAB)return;e.stopEvent();let d=this.se=t.selectorEngineManager.$cell(n.nStartRowIndex,n.nStartColumnIndex),c=null;for(;!c;){let o=d.nStartColumnIndex,n=d.nStartRowIndex;if(c=d.traverse(i,1),!c)break;if(o===c.nStartColumnIndex&&n===c.nStartRowIndex)if("right"===i){if(n===s-1)return void l.tabChangeFocus(e,{section:l.GRIDINDEX});c=d=t.selectorEngineManager.$cell(n+1,0)}else{if(0===n)return void l.tabChangeFocus(e,{section:l.GRIDINDEX});c=d=t.selectorEngineManager.$cell(n-1,a-1)}-1===r.default.internalColumnTypes.indexOf(c.sCellType)&&!1!==c.oEditor||(c=null)}c||(c=this.se=t.selectorEngineManager.$cell(n.nStartRowIndex,n.nStartColumnIndex)),t.editorManager.onDoubleClick(c.dom())}_update(e){e=e||{bUpdateBodyContent:!0,bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bUpdateColumnFooterContent:!0,bUpdateColumnHeaderContent:!0},this.widget.update(e)}_unhookButton(e){e&&(e.removeAttribute(r.default.attr.hidden),e=null)}reset(){this.aDirty=[],this.oDirty={oEdit:{},oDelete:{},oInsert:{}},this.dirtyManager.reset()}destroy(){super.destroy(),this.oDOMSubmitButton=null,this.oDOMCancelButton=null,this.aDirty.length=0,this.aDirty=null,this.oDirty.oEdit=null,this.oDirty.oDelete=null,this.oDirty.oInsert=null,this.oDirty=null}}const d=l},39958:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(68965),r=o(38419),i=o(45092);class a extends n.Z{constructor(e){super(e=e||{}),this.widget=e.widget,this.store=this.widget.store,this.se=e.se}setDirty(e,t,o){const n=this.store,a=this.widget.batchEditor;if(!e)return;let s=n.oLocalModel[e];if(t!==r.default.store.keyField){if(!s.bDirtyInsert&&(t&&(s.model.setDirty(t),s.nCellDirty++),s.bDirty=!0,o&&a.isActive())){const n=a.oDirty.oEdit;if(a.aDirty.push(o),!n[e]){let r=s.model;n[e]={zgOldData:i.c7.copy(r.get())},n[e].zgOldData[t]=o.oldValue}n[e][t]||(n[e][t]=[]),n[e][t].push(o.payload)}this.nRecordDirty++,this.bDirty=!0,a.isActive()&&a.updateMessage()}}setDirtyDelete(e,t){const o=this.widget.batchEditor,n=this.store;if(!e||o.bRemovingInsert)return;let r=n.oLocalModel[e];if(r.bDirtyDelete=!0,this.nRecordDirty++,this.bDirty=!0,o.isActive()){const n=o.oDirty.oDelete;o.aDirty.push(t),r.bDirtyInsert||(n[e]=t),o.updateMessage()}}unsetDirtyDelete(e){const t=this.store,o=this.widget.batchEditor;if(!e)return;t.oLocalModel[e].bDirtyDelete=!1;const n=o.oDirty.oDelete[e];n&&(delete o.oDirty.oDelete[e],this.clearDirtyArray(n),this.nRecordDirty--),o.isActive()&&o.updateMessage(),o._update()}setDirtyInsert(e,t){const o=this.store,n=this.widget.batchEditor;if(!e)return;if(o.oLocalModel[e].bDirtyInsert=!0,this.nRecordDirty++,this.bDirty=!0,n.isActive()){const o=n.oDirty.oInsert;n.aDirty.push(t),o[e]=t,n.updateMessage()}}setNoDirty(e,t,o){const n=this.store,a=this.widget.batchEditor;if(!e)return;let s=n.oLocalModel[e];if(i.Uh(t)&&t!==r.default.store.keyField?(s.model.setNoDirty(t),s.nCellDirty--,0==s.nCellDirty&&(s.bDirty=!1,this.nRecordDirty--)):(s.bDirty=!1,s.bDirtyDelete=!1,s.bDirtyInsert=!1,this.nRecordDirty--),!a.isActive()||o)return;let l=null;const d=a.oDirty.oEdit,c=a.oDirty.oDelete,h=a.oDirty.oInsert;d[e]&&(d[e][t]?(l=d[e][t],delete d[e][t]):delete d[e]),l&&this.clearDirtyArray(l),l=c[e],l&&(delete c[e],this.clearDirtyArray(l)),l=h[e],l&&(delete h[e],this.clearDirtyArray(l)),0==this.nRecordDirty&&(this.bDirty=!1)}clearDirtyArray(e){const t=this.widget.batchEditor,o=t.aDirty.indexOf(e);o>=0&&t.aDirty.splice(o,1)}isDirty(e,t){return!1!==this.getDirty(e,t)}getDirty(e,t){const o=this.store;if(null==e&&null==t)return!!this.bDirty;let n=o.oLocalModel[e];return!!n&&(i.Uh(t)?!!n.model.isDirty(t)&&"edit":n.bDirtyDelete?"delete":n.bDirtyInsert?"insert":"edit")}isDirtyDelete(e){return this.store.oLocalModel[e].bDirtyDelete}isDirtyInsert(e){return this.store.oLocalModel[e].bDirtyInsert}getDirtyClass(e){let t=this.store.oLocalModel[e];return t.bDirtyDelete?`${r.default.batchEdit.removedClass}`:t.bDirtyInsert?`${r.default.batchEdit.insertedClass}`:""}revert(e){const t=this.widget,o=t.batchEditor,n=o.oDirty.oEdit,r=o.oDirty.oDelete,i=o.oDirty.oInsert,a=n[e],s=i[e],l=r[e];if(s)o.removeNewRow(e);else if(l&&this.setNoDirty(e,null,!0),a)for(let o in a)if("zgOldData"!==o){let n=a.zgOldData[o];t.store._updateCell(e,o,n),this.setNoDirty(e,o,!0)}}reset(){this.nRecordDirty=0,this.bDirty=!1}}const s=a},93590:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(38419),r=o(32816),i=o(32260),a=o(56919);o(63765);const s=class{constructor(e){this.widget=e.widget,this.se=e.se,this.oRegisteredEditorField={},this.oActiveEditorField=null,this.ZG=this.widget.webcomponent}isEditorOpen(){return!!this.oActiveEditorField}openNewFieldEditor(e){let t=this.widget.editorManager,o=!1,n=e.sTargetFieldIndex;if(!(e.oEditor&&e.oEditor.method))return;let r=t.getInputContainers(e.nStartRowIndex)[0],i=this.oRegisteredEditorField[n];void 0===i&&(t._isCardEdit(!0)?(i=this.initCardEditor(e,!0),o=!0):i=this.initBasicFieldEditor(e,!0),r.appendChild(i)),i=o?r.querySelector("#editorCard"):r.querySelector(`label[data-key="${n}"]`),this.oActiveEditorField=i;let a=i.querySelector("input");return a&&a.focus(),i}openFieldEditor(e,t){const o=this.widget,a=o.editorManager;let s=this.se.cell(e),l=!1,d=s._columnConfig,c=s.sTargetFieldIndex,h=s.oEditor&&s.oEditor.method;if(!h&&d.oDOMZGColumn.editor&&(h=d.oEditor=i.Z.setUserFunction(null,d.oDOMZGColumn.editor)),!h)return;if(a.type===n.default.editor.typeInline&&"cell"===a.se.sContextLevel||o.batchEditor.isActive()){r.Z.get(document).on("click",this.checkOffClick,this)}let u=a.getInputContainerByIndex(s.nStartRowIndex,s.nStartColumnIndex),g=this.oRegisteredEditorField[c];if(void 0===g&&(a._isCardEdit()||"cell"===a.se.sContextLevel&&s._columnConfig.oDOMEditorTemplate?(g=this.initCardEditor(s),l=!0):g=this.initBasicFieldEditor(s),u.appendChild(g)),g=l?u.querySelector("#editorCard"):u.querySelector(`label[data-key="${c}"]`),!a._isModalEdit()&&!t){o.getEditorRowByIndex(s.nStartRowIndex,s.nStartColumnIndex).positionEditorWithinRow(s,g),e.classList.add(n.default.editor.editingClass)}if(this.oActiveEditorField=g,!t&&((a.type===n.default.editor.typeInline&&"cell"===a.se.sContextLevel||o.batchEditor.isActive())&&(this.unsubKey=r.Z.get(g).on("keydown",this.checkOffClick,this,{},!1)),o.fire("cellopenedit",s,g),!o.isStorybook("editor-row"))){let e=g.querySelector("input");e&&e.focus()}return g}initBasicFieldEditor(e,t){const o=this.widget,n=o.webcomponent.oDOMEditorRow,r=o.editorManager;let i=e.sTargetFieldIndex,a=n.getEditorTemplate(),s=r.getEditorLabel(a);r.setLabelKey(a,i);let l=e.oEditor&&e.oEditor.method&&e.oEditor.method.init,d=e.oEditor&&e.oEditor.method&&e.oEditor.method.onOpen,c=e.oEditor&&e.oEditor.scope||e,h=t?"":e.rawData();return r.setLabelTextContent(a,e._columnConfig.sColumnHeaderText||i),l&&l.apply(c,[e,s]),d&&d.apply(c,[e,a,h]),a}initCardEditor(e,t){const o=this.widget;let n=o.editorManager;let r,i,a=o.webcomponent.oDOMEditorRow.getEditorCardTemplate(),s=n.getEditorCard(a),l=e._columnConfig,d=null,c=e.sTargetRecordIndex,h=t?{}:this.widget.store.get(c).oRecordRawData,u=[s],g=e;if(l.oDOMEditorTemplate?d=l.oDOMEditorTemplate:n._isCardEdit(t)&&o.oCardEditTemplate&&(d=o.oCardEditTemplate),o.oCard&&o.oCard.oEditor&&o.oCard.oEditor.method){let t=o.oCard.oEditor.method;r=t.init,i=t.onOpen,g=o.oCard.oEditor.scope||e}else if(l.oDOMEditorTemplate&&l.aUserSet.oEditor){let t=e.oEditor.method;r=t.init,i=t.onOpen,u=[e,s],g=e.oEditor.scope}return r&&r.apply(g,u),d&&(this.widget.store.processTemplate(d,s,e,!0,t),this.processTemplateSelects(s)),u.push(h),i&&i.apply(g,u),a}processTemplateSelects(e){e.querySelectorAll(`select[${n.default.editor.bindingAttr}]`).forEach((e=>{e.value=e.getAttribute("value")}))}closeFieldEditor(e,t,o,r,i,a){let s,l=o||this.oActiveEditorField,d=!1;const c=this.widget;if(t=t||this.se,!l)return;if(void 0!==i&&t.nRowContainerIndex===i)return;if(!e||c.batchEditor.isActive()&&!c.bSizeCheck){if(s=this._saveEditorField(t,o),s===n.default.validation.fail)return s}else this.removeFieldEditor(l,t,r);a||(d=this.widget.fire("cellcloseedit",t,l,s,e)),r||void 0===s||this.widget.editorManager._isCardEdit()||(!1!==d&&t.rawData(s),this.removeFieldEditor(l,t,r));const h=t.dom();return h&&h.classList.remove(n.default.editor.editingClass),s}closeCardEditorNew(){var e={};let t=this.oActiveEditorField.querySelectorAll("["+n.default.editor.bindingAttr+"]");if(t&&t.length)for(let o=0;o<t.length;o++){let r=t[o],i=r.getAttribute(n.default.editor.bindingAttr).replace(/(record.|index.)/g,"");"input"!==r.tagName.toLowerCase()&&"textarea"!==r.tagName.toLowerCase()&&"select"!==r.tagName.toLowerCase()||(e[i]=r.value)}return e}removeFieldEditor(e,t,o,n){this.oActiveEditorField;if(this.oActiveEditorField=null,t=t||this.se,!e||!e.parentNode)return;let i=e.parentNode;if(!o){const e=r.Z.get(document);e.docUn("click",this.checkOffClick,this),r.Z.get(e).docUn("keydown",this.checkOffClick,this),this.unsubKey&&this.unsubKey(),this.unsubKey=null}!n&&i&&i.removeChild(e)}_saveEditorField(e,t){let o=t||this.oActiveEditorField;var r;let i=this.widget,s=o;const l=this.widget.store;let d=e._columnConfig;const c="cell"===this.widget.editorManager.se.sContextLevel;let h=(e=e||this.se).oEditor&&e.oEditor.method.onClose;const u=e.oValidator&&e.oValidator.method.validator,g=e.oValidator&&e.oValidator.method.message,p=d.sValidationErrorMessage,f=d.sRequiredErrorMessage,m=e.oValidator&&e.oValidator.scope||e,b=e.sTargetRecordIndex,v=d.bRequired;let y,w={},z=!0,C=!1,S=s.querySelectorAll("["+n.default.editor.bindingAttr+"]");if(S&&S.length)for(let e=0;e<S.length;e++){let t=S[e],o=t.getAttribute(n.default.editor.bindingAttr).replace(/(record.|index.)/g,"");"input"!==t.tagName.toLowerCase()&&"textarea"!==t.tagName.toLowerCase()&&"select"!==t.tagName.toLowerCase()||(w[o]=t.value)}if(i.oCard&&i.oCard.oEditor&&i.oCard.oEditor.method.onClose){let t=e.sTargetRecordIndex,n=this.widget.store.get(t).oRecordRawData,a=i.oCard.oEditor.scope||e;r=i.oCard.oEditor.method.onClose.apply(a,[o,n,w])}else if(h&&(0===Object.keys(w).length||d.aUserSet.oEditor)){let t=e.oEditor.scope||e;r=h.apply(t,[s,null,w]),v&&(null===r||"string"==typeof r&&""===r.trim())&&(z=!1,C=!0),z&&u&&(z=u.apply(m,[r,e,o]),null===z&&(z=!1),"boolean"!=typeof z&&void 0!==z&&(r=z,z=!0))}else(0===Object.keys(w).length||c)&&(r=i.editorManager.getEditorValue(o));const x=e.fnEditorField&&e.fnEditorField.method;let M;if(M=x?x.apply(oScope,[s]):o.querySelector("input")||o.querySelector("select"),!z){if(C?y=f||i.sValidationRequiredMessage||a.default.get("validation.errorMessage",i):(p?y=p:g&&(y=g.apply(m,[r,d.sColumnHeaderText,o,e])),y=y||i.sValidationErrorMessage||a.default.get("validation.errorMessage",i)),i.editorManager.oDOMDialog)i.editorManager.oDOMDialog.displayError(!0,y);else if(i.statusManager){const e={icon:"error",state:"error",msg:y};i.batchEditor.isActive()&&"cancel"===i.batchEditor.bConfirm||i.statusManager.setStatus(e)}return M&&M.classList.add(n.default.validation.css),n.default.validation.fail}if(M&&M.classList.remove(n.default.validation.css),i.statusManager&&i.statusManager.closeStatus(),Object.keys(w).length>0&&void 0===r)for(var _ in w)w.hasOwnProperty(_)&&l.updateCell(b,_,w[_]);return r}checkOffClick(e,t){const o=this.widget.editorManager;let r=this.widget.selector,i=r.bTriggerSelect;if("zg-menu-item"===t.tagName.toLowerCase())return;if(e.nCharCode&&e.nCharCode!==e.TAB&&e.nCharCode!==e.ENTER)return;e.nCharCode&&e.nCharCode===e.ENTER&&e.preventDefault();const a=(new Date).getTime();if(this.nTouchOpen&&a-this.nTouchOpen<n.default.mobile.doubleTapMS)return void o.focusInput();const s=o.closeEditor();if(s===n.default.validation.fail)return s;if(e.nCharCode&&e.nCharCode===e.ENTER&&r&&this.se){let e=i&&!this.widget.bHasSelectorEnabled;this.se.select(e)}}destroy(){this.se=null,this.widget=null,this.oRegisteredEditorField=null,this.oActiveEditorField=null,this.ZG=null}}},89719:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>r});o(32816),o(68965);var n=o(38419);o(45092);const r=class{constructor(e){e=e||{},this.widget=e.widget,this.ZG=this.widget.webcomponent,this.type=null,this.createType=n.default.editor.typeModal,this.recordEditor=this.widget.recordEditor,this.se=this.widget.selectorEngineManager.getSelectorEngine(),this.updateActiveStatus(!1,!1,!1)}connectEditDialog(e,t){let o=this.ZG.oDOMDialog;this.oDOMDialog=o,o.on("dialogCancel",(()=>this.recordEditor.cancelOpenEdit(null,t)),this.recordEditor),o.on("dialogClose",(()=>this.recordEditor.cancelOpenEdit(null,t)),this.recordEditor),o.on("dialogConfirm",(e=>this.recordEditor.onClickSubmit(e,t)),this.recordEditor),"row"===e?o.setDialog("record-update"):o.setDialog("field-update")}connectInsertDialog(e,t,o){let n=this.ZG.oDOMDialog;this.oDOMDialog=n,n.on("dialogConfirm",(()=>this.recordEditor.onClickSubmitNew(e,t,o)),this),n.on("dialogCancel",(()=>this.recordEditor.cancelOpenEdit(null,o)),this.recordEditor),n.on("dialogClose",(()=>this.recordEditor.cancelOpenEdit(null,o)),this.recordEditor),n.setDialog("record-create")}onDoubleClick(e){let t=this.widget,o=t.selector.se;if(!t.batchEditor.isActive()&&(!t.bHasCellEditorEnabled&&t.webcomponent.layout!==n.default.zgLayout.typeCard||!t.bHasEditorEnabled))return;let r=o.cell(e);t.batchEditor.isActive()&&(t.dirtyManager.isDirtyDelete(r.sTargetRecordIndex)||r.sTargetFieldIndex===n.default.internalColumn.recordkey)||(t.bHasCellEditorEnabled||t.batchEditor.isActive()?-1===n.default.internalColumnTypes.indexOf(o.sCellType)&&!1!==r.oEditor&&this.openEditor(r):this.openEditor(r.toRow(),void 0,r))}openInsertEditor(e,t,o){const r=this.widget;if(r.editorFieldManager.closeFieldEditor(!0,null,null,!1,-1),this.recordEditor.bIsOpen&&this.recordEditor.cancelOpenEdit(),this.createType===n.default.editor.typeInline){const e=r.store.on("afterinsertrecord",((t,o)=>{e(),r.lastPage();const n=r.getRowContainerIndexByRowIndex(o.nRowIndex);r.webcomponent.openRowEditor(n+r.nTopFrozenRows)}));this.widget.insertRow()}else this.connectInsertDialog(e,t,o),this.recordEditor.openNewRecordEditor(),this.updateActiveStatus(null,!1,!0)}openEditor(e,t,o){const n=this.widget,r=e.nRowContainerIndex,i=e.sContextLevel;this.se=e;const a=this._isModalEdit();if(this.widget.webcomponent.oDOMCellOverflow.close(),"cell"===i){if(!this.recordEditor.cancelOpenEdit(void 0,void 0,!0))return}if(t||(a?this.connectEditDialog(i,o):this.positionSelfWithinGrid(r)),"row"===i&&(n.editorFieldManager.closeFieldEditor(!0,null,null,!1,r),this.recordEditor.openRecordEditor(r),this.updateActiveStatus(null,!1,!0),a||(this.updateActiveStatus(!0,null,null),n.isStorybook("editor-row")||this.focusInput(r))),"cell"===i){const o=n.editorFieldManager.openFieldEditor(e.dom(),t);if(this.updateActiveStatus(null,!0,!1),o&&(a?this.recordEditor.bIsOpen=!0:this.updateActiveStatus(!0,null,null),!t)){let e=o.querySelector("input, select");e&&e.focus()}}}closeEditor(e){const t=this.widget;if(t.editorFieldManager.closeFieldEditor()===n.default.validation.fail)return t.batchEditor.isActive()&&(t.batchEditor.bCheckValidate=!0),n.default.validation.fail;t.batchEditor.bCheckValidate=!1,this.updateActiveStatus(!1,!1,!1),this.widget.selector.bTriggerSelect=!1,this.oDOMDialog&&(this.oDOMDialog.closeEvent(),this.oDOMDialog=null)}getEditorRowsByRowIndex(e){const t=this.widget.webcomponent,o=[t.oDOMLeftHeadEditorRow,t.oDOMHeadEditorRow,t.oDOMRightHeadEditorRow],n=[t.oDOMLeftEditorRow,t.oDOMEditorRow,t.oDOMRightEditorRow],r=[t.oDOMLeftFootEditorRow,t.oDOMFootEditorRow,t.oDOMRightFootEditorRow];if(void 0!==e){const t=this.widget.getFrozenRowState(e);return"top"===t?o:"bottom"===t?r:n}return[...o,...n,...r]}updateActiveStatus(e,t,o){[...this.getEditorRowsByRowIndex(),this].forEach((n=>{null!==t&&(n.activeCellEdit=t),null!==o&&(n.activeRowEdit=o),null!==e&&(n.active=e)}))}positionSelfWithinGrid(e){this.getEditorRowsByRowIndex(e).forEach((e=>e.positionSelfWithinGrid()))}setEditorType(e){e&&this.ZG.hasAttribute(n.default.editor.attr)&&this.ZG.setAttribute(n.default.editor.attr,e)}setInitialEditorType(){const e=this.ZG.hasAttribute(n.default.editor.attr);this.ZG.initialEditorType=e?this.ZG.getAttribute(n.default.editor.attr):n.default.editor.typeInline}focusInput(e){const t=this.getInputContainers(e);for(let e=0;e<t.length;e++){let o=t[e].querySelector("input, select");if(o){o.focus();break}}}focusNextInput(e,t){const o=this.getInputContainers(t);let n=!1;for(let t=0;t<o.length;t++){if(!n){n=o[t]===e;continue}let r=o[t].querySelector("input, select");if(r)return r.focus(),!0}return!1}getInputContainers(e){if(this.oDOMDialog)return[this.oDOMDialog.getInputContainer()];{const t=[];return this.getEditorRowsByRowIndex(e).forEach((e=>t.push(e.oDOMInputContainer))),t}}getInputContainerByIndex(e,t){if(this.oDOMDialog)return this.oDOMDialog.getInputContainer();return this.widget.getEditorRowByIndex(e,t).oDOMInputContainer}getEditorLabel(e){return e.querySelector(`#${n.default.zgEditorRow.fieldLabelId}`)}getEditorCard(e){return e.querySelector("#editorCard")}getEditorValue(e){return e.querySelector("input").value}setLabelTextContent(e,t){e.querySelector(".editorRowFieldLabelContent").textContent=t.replace("."," - ")}setLabelKey(e,t){this.getEditorLabel(e).setAttribute("data-key",t)}_isCardEdit(e){return(this.widget.oCardEditTemplate||this.widget.oCard&&this.widget.oCard.oEditor)&&(this.type===n.default.editor.typeModal||e)&&("row"===this.se.sContextLevel||e)}_isModalEdit(){return this.type===n.default.editor.typeModal||void 0===this.type&&!this.ZG.userEditorValue&&this.widget.layoutManager.getLayoutType()===n.default.zgLayout.typeCard||"cell"===this.se.sContextLevel&&this.se._columnConfig.oDOMEditorTemplate}destroy(){this.recordEditor=null,this.se=null,this.oDOMDialog=null}}},89553:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(68965),r=o(38419),i=o(45092);class a extends n.Z{constructor(e){(e=e||{})._defaults={initAfterRender:!0},super(e)}setFilter(e,t){if(e&&e.oFilter){let o=e.oFilter.method.setValue;if(o){let n=e.oFilter.scope||e.oDOMFilter;o.apply(n,[t,e.oDOMFilter]),e.oDOMFilter.fireFilterEvent(),this.widget.bodyUpdate(!0)}}}buildFilterURL(){const e=this.widget,t={};for(let o=0,n=e.aFilters.length;o<n;o++){let n=e.aFilters[o],r=n.getValue();if(""!==r){t[n.sFilterKey]=r}}return t}filter(){const e=this.widget;e.aRowMapping.length=0,this.aFiltered=e.store.aOrderedData.filter((t=>{const o=t.sRecordIndex;return!e.aTopRowMapping.some((e=>e.sRecordIndex===o))&&!e.aBottomRowMapping.some((e=>e.sRecordIndex===o))}));const t=this.aFiltered.length;if(e.bHasSearchEnabled&&(this.aFiltered=this.allFilter(this.aFiltered)),e.bHasFilterEnabled)for(let t=0,o=e.aFilters.length;t<o;t++)this.aFiltered=this.columnFilter(this.aFiltered,e.aFilters[t]);e.fire("roworderchange"),e.bGroupBy?e.groupbyManager.groupBy(e.aGroupBy,this.aFiltered,t!==this.aFiltered.length):this.aFiltered.forEach(((e,t)=>{this.widget.updateRowMapping(this.widget.aRowMapping,t,{sRecordIndex:e.sRecordIndex})})),this.bUseFilter=this.aFiltered.length!==e.store.aOrderedData.length-e.getFrozenRowCount(),this.bUseFilter&&e.setCurrPageIdx(0),0===this.aFiltered.length&&(0===e.oDOMMainScroll.scrollLeft&&e.savedScrollValFilter?e.savedScrollVal=e.savedScrollValFilter:e.savedScrollVal=e.oDOMMainScroll.scrollLeft)}allFilter(e){let t=e,o=this.widget,n=o.search.oDOMInput.value,a=o.aColumnMapping;return""===n||o.search.hasAttribute(r.default.attr.hidden)||(t=t.filter((e=>{let t=e.sRecordIndex;for(let e=0,r=a.length;e<r;e++){if("disabled"===a[e].oDOMZGColumn.search||!1===a[e].oDOMZGColumn.search)continue;if((a[e].sFieldIndex||a[e].sFilterIndex||"").split(",").map((e=>o.store.get(t,i.String.trimWhiteSpace(e)))).some((e=>e&&-1!==e.toString().toLowerCase().indexOf(n.toLowerCase()))))return!0}return!1}))),t}columnFilter(e,t){let o=e;if(!t.oColumnMapping||!t.oColumnMapping.oFilter)return o;let n=t.oColumnMapping.oFilter.method.operationType||r.default.filter.defaultOperation,i=t.sFilterIndex,a=t.getValue();return""!==a&&(o=this.compare(o,i,a,n)),o}compare(e,t,o,n){return e=e.filter((e=>{let a=!1;return t.split(",").forEach((t=>{let s=this.widget.store.get(e.sRecordIndex,t);if(i.Uh(s))if(n===r.default.filter.match)s=""+s,a=a||s.toLowerCase()===o.toLowerCase();else if(n===r.default.filter.boolMatch)o="true"===o||!0===o,a=a||s==o;else if(n===r.default.filter.matchList)if(s=""+s,o.toLowerCase()===s.toLowerCase())a=!0;else{const e=s.split(",");a=a||e.some((e=>e.trim().toLowerCase()===o.toLowerCase()))}else s=""+s,a=a||-1!==s.toLowerCase().indexOf(o.toLowerCase())})),a}))}}const s=a},65286:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(38419),r=o(32816);const i=class{constructor(e){this.widget=e.widget,this.activeFocus=null,this.currentFocus=null}onKeyDownDocument(e){let t=e.nCharCode,o=this.currentFocus,n=!1;switch(t){case e.UP:case e.DOWN:case e.RIGHT:case e.LEFT:this.changeFocus(o,t);break;case e.ENTER:case e.SPACE:this.triggerCell();break;case e.ESC:this.deSelect();break;default:n=!0}n||e.preventDefault()}changeFocus(e,t,o){let r,i=1,a=e.nRow,s=e.nColumn,l=a,d=-1===a;const c=this.widget,h=this.currentFocus&&this.currentFocus.oElement;h&&h.hasAttribute(n.default.zgTooltip.typeAttr)&&c.tooltipManager._hideTarget(null,h,!0);let u=n.default.keys.RIGHT,g=n.default.keys.LEFT;for("rtl"===c.sComputedDir&&(u=n.default.keys.LEFT,g=n.default.keys.RIGHT);i++&&(t===n.default.keys.DOWN?a++:t===n.default.keys.UP?a--:t===u?s++:t===g&&s--,r=this.checkItemFocus(a,s),!(i>100));){if(5===r)r=2;else{if(2===r&&d){a=-1,s++;continue}if(3===r&&d)s=0;else if(2===r&&o){a=l,s--;continue}}if(r>0)break;-1!==r||t!==n.default.keys.DOWN&&t!==n.default.keys.up||(t=n.default.keys.RIGHT)}return{nCheck:r,nRowIndex:a,nColIndex:s}}setCurrentFocus(e,t){let o=this.widget[`getDOM${this.sArea}ByIndex`](e,t);return this.currentFocus={oElement:o,nRow:e,nColumn:t},o}select(e,t,o){if(!this.widget.bHasSelectorEnabled&&!o)return;e=e||0,t=t||0;const r=this.widget,i=r.webcomponent,a=r[`get${this.sArea}erByColumnIndex`](t,!0),s=a[`o${this.sArea}`];this.oElFocusCellMaskBorder!==a.oElFocusCellMaskBorder&&this.deSelect();let l=this.oElFocusCellMaskBorder=a.oElFocusCellMaskBorder;const d=this.setCurrentFocus(e,t);d.hasAttribute(n.default.zgTooltip.typeAttr)&&!d.bIsInfoTooltip&&r.tooltipManager._delayTarget(null,d,500),d.classList.add("zg-focus-cell"),r.selector.fire(n.default.event.selectedFrozenCells,{rowIndex:e,colIndex:t,sArea:this.sArea}),r.focusManager.focusGrid(),s===i[`oDOM${this.sArea}`]&&this.scrollArea(),l[`draw${this.sArea}er`](d,[`oDOMColumn${this.sArea}er`])}deSelect(){const e=this.currentFocus&&this.currentFocus.oElement;e&&e.hasAttribute(n.default.zgTooltip.typeAttr)&&this.widget.tooltipManager._hideTarget(null,e,!0),e&&e.classList.remove("zg-focus-cell"),this.oElFocusCellMaskBorder&&(this.oElFocusCellMaskBorder._hide(),this.currentFocus=null)}focusTarget(e){const t=this.widget,o=t.getContainerRowIndexByDataRowIndex(e.parentNode.dataRowIndex);t.selector.deSelectAll(),this.select(o,e.cellIndex)}scrollArea(){const e=this.widget;let t=this.currentFocus.oElement.getBoundingClientRect().x;const o=e.mainGridHScroll.dom;let n=t-r.Z.get(e.webcomponent.oDOMMain).getXY()[0];o.scrollLeft+=n}}},92005:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(38419),r=o(32816);o(45092);const i=class{constructor(e){this.widget=e.widget,this.clearContainers(),this.activeFocus=null}init(){let e=this.widget;this.GRIDINDEX=3,this.setSections(),e.on("layoutchange",(e=>{setTimeout((()=>this.resetSections()),500)}),this),this.bInitialLoaded=!0}clearContainers(){this.aFocusableElements=[],this.aCaption=[],this.aControlBar=[],this.aHeadCells=[],this.aTopPager=[],this.aBottomPager=[],this.aFooter=[],this.aWatermark=[],this.aStatus=[],this.aGrid=[]}setSections(){const e=this.widget.webcomponent;this.addSection(e.oDOMCaption,this.aCaption),this.addSection(e.oDOMControlBar,this.aControlBar),this.addSection(e.oTopPager,this.aTopPager),this.addSection(null,"header"),this.addSection(null,"selector"),this.addSection(e.oBottomPager,this.aBottomPager),this.addSection(e.oDOMFooter,this.aFooter),this.addSection(e.oDOMWaterMark,this.aWatermark),this.addSection(e.oDOMStatus,this.aStatus)}resetSections(){this.widget&&!this.widget.bDisconnect&&(this.removeEvents(["aCaption","aControlBar","aTopPager","aBottomPager","aFooter","aWatermark","aStatus"]),this.clearContainers(),this.setSections())}addSection(e,t){this.querySection(e,t),this.aFocusableElements.push(t)}updateSection(e,t,o){o&&this.removeEvents([`a${o}`]),t.length=0,this.querySection(e,t)}querySection(e,t){const o=`[${n.default.attr.datafocus}], a, input:not(.zg-input-input), button, select, zg-button, zg-input`;if(e){let n=e.querySelectorAll(o);0===n.length&&e.shadowRoot&&(n=e.shadowRoot.querySelectorAll(o)),n.forEach((e=>this.addElement(e,t)))}}addElement(e,t,o){if(!e)return;let n={oElement:e};e.setAttribute("tabindex",-1),e.on||(e=r.Z.get(e)),n.oDOM=e,e.on("focus",this.onElementFocus,this),e.on("keydown",this.onElementKeyDown,this,{},!1),t.push(n)}tabChangeFocus(e,t){const o=this.widget,r=o.headerFocusManager;let i=e.bIsSHIFT,a=this.GRIDINDEX+1,s=t.section;if(s<this.GRIDINDEX){if(i)return!1;if(!o.bCellFocus)return this.changeFocus(a,0,"down");if(o.isComputedCard())o.webcomponent.select(0,0);else{let e={nRow:-1,nColumn:0};r.changeFocus(e,n.default.keys.DOWN)}}else if(s>a){if(!i)return!1;if(!o.bCellFocus)return this.changeFocus(this.GRIDINDEX,0,"up");if(!this.selectGridCell())return this.changeFocus(this.GRIDINDEX,0,"up")}else if(s>=this.GRIDINDEX&&s<=a){let e;return e=i?this.changeFocus(this.GRIDINDEX,0,"up"):this.changeFocus(a,0,"down"),e}return!0}changeFocus(e,t,o,r){let i,a=t,s=e;const l=this.widget,d=l.webcomponent,c=l.headerFocusManager;let h;h="nochange"===(o=o||"right")?r||"right":o,"right"===o?a++:"left"===o?a--:"down"===o?(a=0,s++,h="right"):"up"===o&&(a=0,s--,h="right");let u=this.aFocusableElements[s];if(!u)return!1;if("selector"===u||"header"===u){if(!l.bCellFocus)return"up"===o?this.changeFocus(this.GRIDINDEX,0,"up"):this.changeFocus(this.GRIDINDEX+1,0,"down");let e=this.activeFocus;if(this.activeFocus=null,e&&e.blur(),"selector"===u)this.selectGridCell()||(u=[]);else if(l.isComputedCard())l.webcomponent.select(0,0);else{let e={nRow:-1,nColumn:0};const t="up"===o?n.default.keys.UP:n.default.keys.DOWN;c.changeFocus(e,n.default.keys.DOWN,t)}if(0!==u.length)return!0}if(0===u.length&&("up"===o||"down"===o))return this.changeFocus(s,a,o);if(a>=u.length)return"up"===this.sOverallDirection?this.changeFocus(s,0,"up"):this.changeFocus(++s,0,"nochange");if(a<0)return s--,s>=0&&(u=this.aFocusableElements[s],a=u.length-1,this.changeFocus(s,a,"nochange","left"));if(!u)return!1;if(i=u[a].oElement,!i)return!1;if(i.dom&&(i=i.dom),i.hidden||i.disabled||i===d.oDOMStatus.oDOMDismiss.dom&&!d.oDOMStatus.hasAttribute(n.default.attr.active))return u.length!==a+1||"up"!==o&&"down"!==o?this.changeFocus(s,a,h):this.changeFocus(s,a,o);let g=document.activeElement;return i.focus(),g!==document.activeElement||this.changeFocus(s,a,h)}initChangeFocus(e,t){const o=this.findCurrentFocus();t&&(this.origDirection=e),this.sOverallDirection=e,this.changeFocus(o.section,o.index,e),this.sOverallDirection=null}findCurrentFocus(){let e=0,t=-1,o=!1;if(this.activeFocus){let n,r;for(n=0;n<this.aFocusableElements.length;n++){let i=this.aFocusableElements[n];for(r=0;r<i.length;r++){if(i[r].oElement===this.activeFocus){e=n,t=r,o=!0;break}}if(o)break}}return{section:e,index:t}}onFocus(e){const t=this.widget;if(this.bForceFocus)return;const o=t.selector,n=t.editorFieldManager;o&&(o.bHasSelection||o.bSelecting)||t.headerFocusManager.currentFocus||t.footerFocusManager.currentFocus||n&&n.isEditorOpen()||this.bForceFocus||(this.activeFocus=t.webcomponent,this.changeFocus(0,-1))}focusGrid(e){if(e&&this.activeFocus&&"zg-button"===this.activeFocus.tagName.toLowerCase())return void this.activeFocus.focus();const t=this.widget,o=window.scrollX,n=window.scrollY;t.el.dom.focus(),window.scrollTo(o,n)}clickFocus(e){const t=e.oDOMTarget,o=this.widget.webcomponent;this.widget.search&&t===this.widget.search.oDOMInput||(this.unfocusCells(),this.bForceFocus=!0,this.focusGrid(),this.activeFocus=o,this.bForceFocus=!1)}unfocusCells(){const e=this.widget,t=e.selector,o=e.headerFocusManager,n=e.footerFocusManager;o.currentFocus?o.deSelect():n.currentFocus?n.deSelect():t&&t.bHasSelection&&!e.menuManager.activeMenu&&t.deSelectAll(void 0,!0)}onElementFocus(e,t){this.activeFocus=t}onElementKeyDown(e,t){let o,n=e.nCharCode,r=!1;const i=this.widget;let a=i.selector;if(a&&a.bHasSelection||i.headerFocusManager.currentFocus)return;let s=e.RIGHT,l=e.LEFT;switch("rtl"===i.sComputedDir&&(s=e.LEFT,l=e.RIGHT),n){case e.UP:this.initChangeFocus("up",!0);break;case e.DOWN:this.initChangeFocus("down");break;case s:this.activeFocus&&"input"===this.activeFocus.tagName.toLowerCase()&&"button"!==this.activeFocus.type.toLowerCase()?r=!0:this.initChangeFocus("right");break;case l:this.activeFocus&&"input"===this.activeFocus.tagName.toLowerCase()&&"button"!==this.activeFocus.type.toLowerCase()?r=!0:this.initChangeFocus("left");break;case e.TAB:o=this.findCurrentFocus();const t=this.activeFocus;if(t&&"input"===t.tagName.toLowerCase()&&"button"!==t.type.toLowerCase()){let t="right";e.bIsSHIFT&&(t="left"),this.changeFocus(o.section,o.index,t)}else this.tabChangeFocus(e,o)||(r=!0);break;default:r=!0}this.origDirection=null,r||e.stopEvent()}onGridKeyDown(e,t){const o=this.widget,n=o.editorFieldManager,r=o.selector,i=o.headerFocusManager,a=o.footerFocusManager;let s=e.nCharCode;if(!n.isEditorOpen()&&"zg-editor-row"!==t.tagName.toLowerCase()&&"zg-button"!==t.tagName.toLowerCase()){if((r&&r.bHasSelection||i.currentFocus)&&s===e.TAB){return this.tabChangeFocus(e,{section:this.GRIDINDEX})&&e.stopEvent(),void(i.currentFocus?i.deSelect():a.currentFocus?a.deSelect():r.deSelectAll(void 0,!0))}r&&r.bHasSelection?r.onKeyDownDocument(e,t):i.currentFocus?i.onKeyDownDocument(e,t):a.currentFocus?a.onKeyDownDocument(e,t):this.activeFocus===o.webcomponent&&(s!==e.RIGHT&&s!==e.DOWN&&s!==e.UP&&s!==e.LEFT&&s!==e.TAB||(e.stopEvent(),this.changeFocus(0,-1)))}}selectGridCell(e=0){const t=this.widget;if(!t.getRowContainerCount())return!1;const o=t.nTopFrozenRows;let n=t.aColumnMapping.slice(e).findIndex((e=>!e.bHidden));return n>=0&&t.webcomponent.select(o,n+e),-1!==n}selectBottomGridCell(e=0){const t=this.widget;if(!t.getRowContainerCount())return!1;const o=t.nTopFrozenRows+t.getRowContainerCount()-1;let n=t.aColumnMapping.slice(e).findIndex((e=>!e.bHidden));return n>=0&&t.webcomponent.select(o,n+e),-1!==n}removeEvents(e){for(let t=0;t<e.length;t++){const o=this[e[t]];for(let e=0;e<o.length;e++){const t=o[e];if(t.oElement){let e=t.oDOM;e.un("focus",this.onElementFocus),e.un("keydown",this.onElementKeyDown)}}}}destroy(){const e=["aCaption","aControlBar","aTopPager","aBottomPager","aFooter","aWatermark","aStatus"];for(let t=0;t<e.length;t++){const o=this[e[t]];for(let e=0;e<o.length;e++){const t=o[e];if(t.oElement){t.oDOM.unAll(),t.oElement=null,t.oDOM=null}}this[e[t]].length=0}this.aFocusableElements.length=0,this.aHeadCells.length=0,this.aGrid.length=0,this.activeFocus=null}}},22843:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(38419),r=o(65286);class i extends r.default{constructor(e){super(e),this.sArea="Foot"}changeFocus(e,t,o,r){const i=this.widget;let a=!0;o=o||t;let{nCheck:s,nRowIndex:l,nColIndex:d}=super.changeFocus(e,t,r);if(1===s)this.select(l,d,!0);else if(2===s||3===s){if(o===n.default.keys.DOWN)i.focusManager.sOverallDirection="down",a=i.focusManager.changeFocus(i.focusManager.GRIDINDEX+1,0,"down"),a&&this.deSelect();else if(o===n.default.keys.UP){let e=!1;this.deSelect(),i.bCellFocus&&(e=i.focusManager.selectBottomGridCell(d)),e||(i.focusManager.sOverallDirection="up",a=i.focusManager.changeFocus(i.focusManager.GRIDINDEX-1,0,"up"))}i.focusManager.sOverallDirection=null}return a}checkItemFocus(e,t){const o=this.widget,r=o.getFooterByColumnIndex(t),i=o.getAdjustedColumnIndex(t);let a=r.getElementsByTagName("zg-row");if(e>=a.length||e<0)return 2;let s=a[e].querySelectorAll(`${n.default.zgHeadCell.tagName}, ${n.default.zgCell.tagName}`);if(i>=s.length||i<0)return 3;let l=s[i];return l.hidden?-1:(this.currentCellFocus=l,1)}focusFromBody(e,t){const o=this.widget,n=o.focusManager;if(o.isComputedCard())return n.changeFocus(n.GRIDINDEX,0,"down");let r={nRow:-1,nColumn:t};return this.changeFocus(r,e.DOWN,void 0,!0)}triggerCell(){const e=this.currentDOMTrigger;if(!e)return;e.tagName.toLowerCase()}}const a=i},8427:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(38419),r=(o(32816),o(65286));class i extends r.default{constructor(e){super(e),this.sArea="Head"}changeFocus(e,t,o,r){const i=this.widget;let a=!0;o=o||t;let{nCheck:s,nRowIndex:l,nColIndex:d}=super.changeFocus(e,t,r);if(1===s)this.select(l,d,!0);else if(2===s||3===s){if(o===n.default.keys.UP)i.focusManager.sOverallDirection="up",a=i.focusManager.changeFocus(i.focusManager.GRIDINDEX,0,"up"),a&&this.deSelect();else if(o===n.default.keys.DOWN){let e=!1;this.deSelect(),i.bCellFocus&&(e=i.focusManager.selectGridCell(d)),e||(i.focusManager.sOverallDirection="down",a=i.focusManager.changeFocus(i.focusManager.GRIDINDEX,0,"down"))}i.focusManager.sOverallDirection=null}return a}checkItemFocus(e,t){const o=this.widget,r=o.getHeaderByColumnIndex(t),i=o.getAdjustedColumnIndex(t);let a=r.getElementsByTagName("zg-row");if(0===a.length)return 5;if(e>=a.length||e<0)return 2;let s=a[e],l=s.querySelectorAll(`${n.default.zgHeadCell.tagName}, ${n.default.zgFilter.tagName}, ${n.default.zgCell.tagName}`);if(i>=l.length||i<0)return 3;let d=l[i];if(d.hidden)return-1;this.currentDOMTrigger=d.querySelector("zg-checkbox")||d.querySelector("zg-icon[name]")||d.querySelector("input")||d.querySelector("select");const c=d.hasAttribute(n.default.zgTooltip.typeAttr);if(!("frozen"===s.getAttribute(n.default.attr.type))&&!c&&!this.currentDOMTrigger||d.tagName.toLowerCase()===n.default.zgHeadCell.tagName&&d.hasAttribute("not-parent")){if(d.tagName.toLowerCase()===n.default.zgHeadCell.tagName&&d.hasAttribute("depth")){let e=d.MATCHED_COLUMN._oParsedColumnMapping.oDOMSortHeader;if(this.currentDOMTrigger=e.querySelector("zg-icon[name]")||e.querySelector("zg-checkbox"),e&&this.currentCellFocus!==e&&this.currentDOMTrigger)return this.select(e.parentNode.rowIndex,parseInt(e.HEAD_CELL_INDEX,10),!0),this.currentCellFocus=e,4}return 0}return this.currentCellFocus===d?0:(this.currentCellFocus=d,1)}focusFromBody(e,t){const o=this.widget,n=o.focusManager;if(o.isComputedCard())return n.changeFocus(n.GRIDINDEX,0,"up");let r={nRow:o.getHeaderByColumnIndex(t).getElementsByTagName("zg-row").length,nColumn:t};return this.changeFocus(r,e.UP,void 0,!0)}triggerCell(){const e=this.currentDOMTrigger;if(!e)return;const t=e.tagName.toLowerCase();"input"===t||"select"===t?e.focus():"zg-icon"===t?"zg-head-details-icon"===e.className?this.widget.tooltipManager._delayTarget(null,this.currentCellFocus):this.currentCellFocus.onSort():"zg-checkbox"===t&&e.click()}}const a=i},65151:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>r});var n=o(38419);const r=class{constructor(e){this.widget=e.widget,this.se=e.se,this.ZG=this.widget.webcomponent}setFullscreen(e){const t=this.widget,o=this.ZG;setTimeout((()=>{if(t.bDisconnect||!t.webcomponent.hasAttribute(n.default.fullscreen.attr))return;const r=o.shadowRoot.querySelector(n.default.zg.shadow.frameBodyWrapper),i=window.innerHeight,a=o.getBoundingClientRect().height,s=`${r.scrollHeight+(i-a)}px`;r.style.minHeight=s,r.style.maxHeight=s,e&&t.updater.updateResizeWindow(!0)}),0)}unsetFullscreen(){this.ZG.oDOMBodyFrame.removeAttribute(n.default.attr.style)}}},93676:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(45092),r=o(38419),i=o(64087);const a=class{constructor(e){this.widget=e.widget,this.aGroupData={},this.groupedVisible=null,this.aAddedGroupRecords=[],this.aOpenGroups=[],this.oCard={}}toggleGroup(e,t,o){const n=this.widget;o=o||e.sGroupRecordIndex;const r=this.getRecord(o);t?this.aOpenGroups.push(o):this.aOpenGroups=this.aOpenGroups.filter((e=>e!==o)),r.open=t,this.reloadGroups(o,t),n.fire("togglerowgroup",o,t)}reloadGroups(e,t){const o=this.widget;o.aRowMapping.length=0,this.groupRows(),e&&this.pageCloseGroup(e,t),this.updatePagerGroupByMapping(void 0),o.bodyUpdate()}getRecord(e){const t=this.getGroupParent(e),o=e.split(this.widget.sNestedGroupDataSeparator);return t[o[o.length-1]]}getGroupParent(e){const t=e.split(this.widget.sNestedGroupDataSeparator);let o=this.aGroupData;for(let e=1;e<t.length;e++)o=o[t[e-1]].data;return o}getGroupName(e){const t=e.split(this.widget.sNestedGroupDataSeparator);let o=t[t.length-1];return o=o.replaceAll(r.default.global.replaceToken,this.widget.sNestedGroupDataSeparator),o}getGroupCount(e,t){let o=(t=t||this.aGroupData)[e].data,r=0;if(n.kJ(o))r=o.length;else if(n.Kn(o))for(let e in o)r+=this.getGroupCount(e,o);return r}getGroupChildren(e,t){let o=[],r=(t=t||this.aGroupData)[e].data;if(n.kJ(r))o.push(...r);else if(n.Kn(r))for(let e in r)o.push(...this.getGroupChildren(e,r));return o}groupBy(e,t,o,n,a){const s=this.widget,l=s.store,d=s.sorter&&s.sorter.bSortGroupColumn;let c;o&&(this.aAddedGroupRecords.length=0),this.aGroupData&&Object.keys(this.aGroupData).length&&!a?this.cleanGroupData(null,d,n):this.aGroupData={},"string"==typeof e&&(e=e.split(",").map((e=>e.trim()))),t=t||l.aOrderedData,c=e.length?t.reduce(((t,o)=>{let n=this.aUnsortedGroupData,a=t;for(let t=0;t<e.length;t++){const l=e[t];let d=""+i.MU(o,l,void 0,s.sNestedDataSeparator);d=d.replaceAll(s.sNestedGroupDataSeparator,r.default.global.replaceToken),void 0===a[d]&&(a[d]={open:!1},a[d].data=t===e.length-1?[]:{}),n&&void 0!==n[d]&&(a[d].open=n[d].open,n=n[d].data),a=a[d].data}return a.push(o),t}),this.aGroupData):t,this.aGroupData=c,n&&(this.aUnsortedGroupData=null),this.groupRows()}groupRows(e,t,o,r){const i=this.widget;e=e||this.aGroupData,t=t||"",o=o||0,r=r||0;for(let a in e){const s=e[a],l=t+a,d=this.getGroupCount(a,e);if(0!==d)if(i.updateRowMapping(i.aRowMapping,o,{sRecordIndex:a,sGroupRecordIndex:l,nCount:d}),o++,s.open){const e=s.data;if(n.kJ(e))for(let t=0;t<e.length;t++)i.updateRowMapping(i.aRowMapping,o,{sRecordIndex:e[t].sRecordIndex,nDataRowsBefore:r++}),o++;else o=this.groupRows(s.data,l+i.sNestedGroupDataSeparator,o,r)}else r+=d}return this.groupedVisible=o,e===this.aGroupData&&(this.readdDoubleGroupRecords(),this.updatePagerGroupByMapping()),o}cleanGroupData(e,t){e=e||this.aGroupData;for(let t in e){const o=e[t],r=o.data;n.kJ(r)?o.data=[]:this.cleanGroupData(r)}return t&&this.aGroupData&&(this.aUnsortedGroupData=n.c7.copy(this.aGroupData),this.aGroupData={}),{}}calculateGroupData(e,t,o,n,r,i){const a=e._columnConfig.sTypeGroupPlural||"",s=e.widget;let l="";if(a){let e=a.split(",").map((e=>e.trim()));l=t>1&&e.length>1?e[1]:e[0]}let d=this.getGroupChildren(o,r);d=d.map((e=>s.store.cleanSingleRecord(e)));const c={count:t,name:n,plural:l,children:d};return i.oPageData&&(c.total=i.oPageData.nTotal,c.totalSeen=i.oPageData.totalSeen,c.maxOnPage=i.oPageData.nMaxOnPage),c}calculateGroupDataAggregate(e){const t=this.widget,o=e.split(t.sNestedGroupDataSeparator).map((e=>e.trim())),n=o[o.length-1],r=this.getGroupParent(e);let i=this.getGroupChildren(n,r);return i=i.map((e=>t.store.cleanSingleRecord(e))),i}calculateTemplate(e,t,o,n){const r={record:e,index:e,group:t};return this.widget.store.populateTemplate(o,n,r)}calculateIndexData(e,t){const o={},n=e.widget,i=e.sGroupRecordIndex,a=t?n.aGroupBy.join(","):e.sTargetFieldIndex,s=n.sNestedGroupDataSeparator;let l;const d=i.split(this.widget.sNestedGroupDataSeparator),c=a.split(",");for(let e=0;e<c.length;e++){let t,n=c[e];if("disabled"!==s){let e=n.split(s).map((e=>e.trim()));l=e[e.length-1]}else l=n;d.length>e&&(t=d[e],t=t.replaceAll(r.default.global.replaceToken,this.widget.sNestedGroupDataSeparator)),o[l.trim()]=t}return o.current=d[d.length-1],o}getGroupData(e,t){const o=this.widget,n=this.getGroupRow(t),i=e.split(o.sNestedGroupDataSeparator).map((e=>e.trim())),a=i[i.length-1],s=this.getGroupParent(e),l=this.getGroupCount(a,s),d=a.replaceAll(r.default.global.replaceToken,o.sNestedGroupDataSeparator);return this.calculateGroupData(t,l,a,d,s,n)}getGroupRow(e){const t=this.widget,o=t.getRowIndexByDataRowContainerIndex(e.nStartRowIndex);return t.aRowMapping[o]}customTemplate(e,t,o){const n=this.getGroupData(t,o);return this.calculateTemplate({},n,e)}customRenderer(e,t,o){const n=this.getGroupRow(o),r=this.getGroupData(t,o),i=this.calculateIndexData(o,!0);return e.method.apply(e.scope,[i,r,n])||""}clean(){this.aUnsortedGroupData={},this.aGroupData={}}readdDoubleGroupRecords(){const e=this.widget;let t=e.getRowIndexByDataRowContainerIndex(0);const o=this.aAddedGroupRecords,n=o.length,r=e.aRowMapping;let i;for(i=0;i<n;i++){const e=o[i];if(!(e.index<t))break;r.splice(e.index,0,e.record)}i<n&&(o.length=i),e.store.refreshAllRecordMapping()}updatePagerGroupByMapping(e,t,o){const n=this.widget,r=this.aAddedGroupRecords.length;let i=n.nCurrPageIdx,a="last"===t;do{if(o<i)for(let e=o;e<i;e++)this.addGroupRecords(e);if(a){let e=n.getPageCount()-1;e!==i?n.nCurrPageIdx=i=e:a=!1}}while(a);e?(this.resetAddedGroupRecords(),this.readdDoubleGroupRecords()):this.resetAddedGroupRecords(!0),this.addGroupRecords(),r!==this.aAddedGroupRecords.length&&n.fire("rowgroupaddedrows")}addGroupRecords(e){const t=this.widget,o=t.aRowMapping;let n=t.getRowIndexByDataRowContainerIndex(0,void 0,e),r=o[n];if(!r)return;let i,a,s,l=r.sGroupRecordIndex,d=!l||l.split(t.sNestedGroupDataSeparator).length>1,c=n,h=0,u=0,g=0;for(;d;){[c,i,s,a]=this.getGroupedParent(c,n,u,g),h+=i;let e=h+s;const r=o[c];let l={sRecordIndex:r.sRecordIndex,sGroupRecordIndex:r.sGroupRecordIndex,bExtraRow:!0,oPageData:{nTotalSeen:h+1,nMaxOnPage:e,nTotal:a},nCount:0};this.aAddedGroupRecords.push({record:l,index:n}),o.splice(n,0,l),t.store.refreshAllRecordMapping(),d=!r.sGroupRecordIndex||r.sGroupRecordIndex.split(t.sNestedGroupDataSeparator).length>1,u||(u=r.sGroupRecordIndex.split(t.sNestedGroupDataSeparator).length),g++}}resetAddedGroupRecords(e){const t=this.widget,o=this.aAddedGroupRecords,n=t.aRowMapping;let r=null,i=t.getRowIndexByDataRowContainerIndex(0)+t.getPageSize();for(let t=o.length-1;t>=0;t--){let a=o[t].index;(!e||a>=i)&&(n.splice(a,1),e&&(r=t))}null!==r&&(o.length=r)}pageCloseGroup(e,t){if(t)return;let o;const n=this.widget,r=n.aRowMapping;for(o=0;o<r.length;o++){if(r[o].sGroupRecordIndex===e){let e=n.getPageByDataRowIndex(o);if(e!==n.getCurrPageIdx()){n.bGrouping=!0,n.setCurrPageIdx(e);let t=n.getRowContainerIndexByRowIndex(o);n.selectorEngineManager.$cell(t,0).select(!0),n.bGrouping=!1}break}}}clearPaging(){this.widget.setCurrPageIdx(0)}unsetGroup(){const e=this.widget,t=e.aGroupBy.slice(0);return e.aGroupBy=[],e.bHasRowGroupColumn=!1,e.bGroupBy=!1,t}cardGroupBy(){const e=this.widget,t=e.webcomponent,o=e.aColumnMapping;let n;if(e.bHasRowGroupColumn)for(let e=0;e<o.length;e++)n=o[e],n.sCellType===r.default.internalColumn.rowgroup&&(this.oCard.oColumnMapping=n);t.groupBy&&(this.oCard.groupBy=t.groupBy),this.widget.bUpdateGroupBy=!0,t.groupBy=!1,this.oCard.bGroupBy=!0,this.widget.bUpdateGroupBy=!1}rowGroupBy(){const e=this.widget,t=e.webcomponent,o=e.aColumnMapping,n=this.oCard;if(e.bEditingControls=!0,n.oColumnMapping){let t=e.getColgroupByColumnIndex(0),r=n.oColumnMapping.oDOMZGColumn;r.initialLoad(e,n.oColumnMapping),t.insertBefore(r,t.firstChild),o.unshift(r._oParsedColumnMapping)}else n.groupBy&&(t.groupBy=n.groupBy);e.bEditingControls=!1,this.oCard={}}getGroupedParent(e,t,o,n){const r=this.widget,i=r.aRowMapping;let a,s,l,d,c,h=i[e],u=h.sGroupRecordIndex,g=0,p=0,f=0,m=r.getPageSize();for(u&&(g=u.split(r.sNestedGroupDataSeparator).length-1),s=e-1;s>=0;s--){if(h=i[s],h.bExtraRow)continue;if(u=h.sGroupRecordIndex,!u){p++;continue}let e=u.split(r.sNestedGroupDataSeparator).length;if(0===g||e===g){c=h.nCount,a=u,d=s,o||(o=e);break}this.getRecord(u).open||(p+=void 0!==h.nCount?h.nCount:1)}let b=m-(o-n);for(l=0;l<b&&(s=t+l,!(s>=i.length))&&(h=i[s],u=h.sGroupRecordIndex,!u||0===u.indexOf(a));l++)if(void 0!==h.nCount){this.getRecord(u).open||(f+=h.nCount)}else f++;return[d,p,f,c]}}},91724:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n={delivery:"class",dom:"<i></i>",prefix1:"fas",prefix2:"fa-",map:{cancel:"fa-times",cancelrecord:"fa-times",close:"fa-times",checked:"fa-check-square",checkmark:"fa-check",delete:"fa-trash",down:"fa-arrow-down",error:"fa-exclamation-circle",edit:"fa-edit",editrecord:"fa-edit",firstpage:"fa-angle-double-left",fixedmenu:"fa-bars",info:"fa-info-circle",lastpage:"fa-angle-double-right",layoutcard:"fa-th-large",layoutrow:"fa-th-list",link:"fa-link",menu:"fa-ellipsis-v",nextpage:"fa-angle-right",outsidearrow:"fa-external-link-alt",prevpage:"fa-angle-left",reload:"fa-redo-alt",remove:"fa-times",removerecord:"fa-trash",search:"fa-search",submitrecord:"fa-check",success:"fa-check-circle",unchecked:"fa-square",up:"fa-arrow-up",warning:"fa-exclamation-triangle"}}},85110:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n=class{constructor(e){this.widget=e.widget,this.se=e.se,this.ZG=this.widget.webcomponent}updateIcons(e){this.widget.aIcons.forEach((t=>t.changeVendor(e)))}updateIconTheme(){this.widget.aIcons.forEach((e=>e.setIcon(e.name)))}}},87848:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>r});var n=o(38419);o(45092);const r=class{constructor(e){this.widget=e.widget,this.se=e.se,this.rowInit=null,this.ZG=this.widget.webcomponent,this.ZG.layoutType=null,this.widget.on("viewport:change",(()=>{this.widget.bAPIReady?this.setMobileWidth():this.widget.on("apiready",this.setMobileWidth,this)}))}getLayoutType(){return this.ZG.getAttribute(n.default.zgLayout.attr)}isLayoutSet(){return n.default.zgLayout.typesArr.indexOf(this.getLayoutType())>-1}layoutCtrlClick(e){const t=this.ZG.layoutType=e.action.split("layout")[1];this.setEditorType(t),this.setLayoutAttr(t)}setEditorType(e){const t=this.widget;if((!this.ZG.userEditorValue||e===n.default.zgLayout.typeCard)&&t.bHasEditorEnabled){t.bUpdatingEditor=!0;const o=e===n.default.zgLayout.typeCard?n.default.editor.typeModal:n.default.editor.typeInline;t.editorManager.setEditorType(o),t.bUpdatingEditor=!1}}setActiveButton(e,t){requestAnimationFrame((()=>{const o=e.querySelectorAll(n.default.zgButton.tagName),r=e.querySelector(`zg-button[action="layout${t}"]`);if(o&&[...o].forEach((e=>e.removeAttribute(n.default.attr.active))),!r)return;const i=()=>r.setAttribute(n.default.attr.active,"");r.bReady?i():r.on("ready",i)}))}setLayout({isReset:e=!1}={}){const t=this.ZG,o=this.widget;let r=t.oDOMLayout||t.querySelector(n.default.zgLayoutControls.tagName);const i=t.layoutType=this.getLayoutType();if(e||[void 0,null].indexOf(i)>-1)return e&&t.oDOMLayoutControls&&t.oDOMLayoutControls.setAttribute(n.default.attr.hidden,""),t.oDOMLayoutControls&&t.oDOMLayoutControls.hasAttribute(n.default.attr.hidden)&&t.oDOMLayoutControls.removeAttribute(n.default.attr.hidden),this.setLayoutType(n.default.zgLayout.reset),this.setMobileWidth(),void(t.layoutType=void 0);t.hasAttribute(n.default.zgLayout.attr)||t.setAttribute(n.default.zgLayout.attr,i);const a=["",null];if([...a,...n.default.zgLayout.typesArr].indexOf(i)>-1){const e=a.indexOf(i)>-1?n.default.zgLayout.reset:i;this.setLayoutType(e)}i?this.setEditorType(i):this.setMobileWidth(),r&&this.setActiveButton(r,i),i===n.default.zgLayout.typeRow&&o.bNeedsRowResize&&(requestAnimationFrame((()=>{o.bDisconnect||(o.renderTo.style.display="none",o.updater.nSavedResizeWidth=this.widget.webcomponent.clientWidth,o.renderTo.style.display="",o.updater.updateResizeWindow(!0))})),o.bNeedsRowResize=!1)}setLayoutAttr(e){this.ZG.setAttribute(n.default.zgLayout.attr,e)}setLayoutType(e,t){const o=this.widget;let r=!1;e===n.default.zgLayout.typeCard?(o.hasFrozenColumns()&&(o.nCardLeftFrozenColumns=o.nLeftFrozenColumns,o.nCardRightFrozenColumns=o.nRightFrozenColumns,o.nLeftFrozenColumns=0,o.nRightFrozenColumns=0,o._adjustFrozenColumns(),r=!0),o.hasFrozenRows()&&(o.nCardTopFrozenRows=o.nTopFrozenRows,o.nCardBottomFrozenRows=o.nBottomFrozenRows,o.nTopFrozenRows=0,o.nBottomFrozenRows=0,o.updateFrozenRowMapping(),r=!0),o.bGroupBy&&(o.groupbyManager.cardGroupBy(),r=!0),r&&o.webcomponent.bReady&&(o.updater.clearCache(),o.updater.update())):((o.nCardLeftFrozenColumns||o.nCardRightFrozenColumns)&&(o.nLeftFrozenColumns=o.nCardLeftFrozenColumns,o.nRightFrozenColumns=o.nCardRightFrozenColumns,o.nCardLeftFrozenColumns=0,o.nCardRightFrozenColumns=0,o._adjustFrozenColumns(),r=!0),(o.nCardTopFrozenRows||o.nCardBottomFrozenRows)&&(o.nTopFrozenRows=o.nCardTopFrozenRows,o.nBottomFrozenRows=o.nCardBottomFrozenRows,o.nCardTopFrozenRows=0,o.nCardBottomFrozenRows=0,o.updateFrozenRowMapping(),r=!0),o.groupbyManager.oCard.bGroupBy&&(o.groupbyManager.rowGroupBy(),o._updateGroupedColumnReset(!0)),r&&o.webcomponent.bReady&&o.updater.clearCache()),o.webcomponent.bReady?requestAnimationFrame((()=>{o.bDisconnect||this.updateLayoutAttributes(e,t)})):e&&this.updateLayoutAttributes(e,!0)}updateLayoutAttributes(e,t){const o=n.default.zgLayout.attr,r=(n.default.zgLayout.cardTplAttr,this.ZG);if(e===n.default.zgLayout.reset){if(this.resetFrames(),r.oDOMHeader.removeAttribute(o),r.oDOMControlBar){r.oDOMControlBar.removeAttribute(o);let e=r.oDOMControlBar.querySelector("zg-checkbox[internal-selector]");e&&e.removeAttribute(o)}let e=r.querySelector("zg-head-cell zg-checkbox[internal-selector]");e&&e.removeAttribute(o),r.oTopPager&&r.oTopPager.removeAttribute(o),r.oBottomPager&&r.oBottomPager.removeAttribute(o),r.oDOMBatchEditStyle&&r.oDOMBatchEditStyle.removeAttribute(o)}else{const t=e===n.default.zgLayout.typeCard&&this.widget.hasCardTemplate();if(-1===n.default.zgLayout.typesArr.indexOf(e))return;if(this.setFrames(e,t),r.oDOMHeader.setAttribute(o,e),r.oDOMControlBar){r.oDOMControlBar.setAttribute(o,e);let t=r.oDOMControlBar.querySelector("zg-checkbox[internal-selector]");t&&t.setAttribute(o,e)}let i=r.querySelector("zg-head-cell zg-checkbox[internal-selector]");i&&i.setAttribute(o,e),r.oTopPager&&r.oTopPager.setAttribute(o,e),r.oBottomPager&&r.oBottomPager.setAttribute(o,e),r.oDOMBatchEditStyle&&r.oDOMBatchEditStyle.setAttribute(o,e)}e===n.default.zgLayout.typeCard&&this.setTypeCard(),r.oDOMCaption&&r.oDOMCaption.toggleColumnMenu(e);let i,a=e===n.default.zgLayout.reset?n.default.zgLayout.typeRow:e,s=this.sCurrentType===n.default.zgLayout.reset?n.default.zgLayout.typeRow:this.sCurrentType;i=a!==s,i&&a===n.default.zgLayout.typeRow&&void 0===s&&(i=!1),i&&(r.pageSizeRow||r.pageSizeCard)&&this.widget.calculatePageSize(a),this.sCurrentType=a,i&&this.widget.fire("layoutchange"),!t&&i&&this.widget.update()}setFrames(e,t){const o=n.default.zgLayout.attr,r=n.default.zgLayout.cardTplAttr,i=this.ZG;["","Left","Right"].forEach((n=>{i[`oDOM${n}Colgroup`].setAttribute(o,e);const a=i[`oDOM${n}Body`];a.setAttribute(o,e),[...a.children].forEach((n=>{n.setAttribute(o,e),t?n.setAttribute(r,""):n.removeAttribute(r);for(let t=0;t<n.children.length;t++)n.children[t].setAttribute(o,e);return n})),t?a.setAttribute(r,""):a.removeAttribute(r),i[`oDOM${n}Head`].setAttribute(o,e),i[`oDOM${n}Foot`].setAttribute(o,e)}))}resetFrames(){const e=n.default.zgLayout.attr,t=n.default.zgLayout.cardTplAttr,o=this.ZG;["","Left","Right"].forEach((n=>{o[`oDOM${n}Colgroup`].removeAttribute(e);const r=o[`oDOM${n}Body`];r.removeAttribute(e),r.removeAttribute(t),r&&r.children&&[...r.children].forEach((o=>{o.removeAttribute(e),o.removeAttribute(t);for(let t=0;t<o.children.length;t++)o.children[t].removeAttribute(e);return o})),o[`oDOM${n}Head`].removeAttribute(e),o[`oDOM${n}Foot`].removeAttribute(e)}))}setMobileWidth(){const{editorManager:e}=this.widget,t=this.ZG.getAttribute(n.default.viewport.attr)===n.default.viewport.mobileLabel,o=this.isLayoutSet();o||(!this.ZG.userEditorValue&&this.widget.bHasEditorEnabled&&(t?e.setEditorType(n.default.editor.typeModal):this.setEditorType()),t&&!o?this.setLayoutType(n.default.zgLayout.typeCard):this.setLayoutType(n.default.zgLayout.reset))}setTypeCard(){const e=this.widget;!this.ZG.userEditorValue&&this.widget.bHasEditorEnabled&&(e.bUpdatingEditor=!0,this.ZG.setAttribute(n.default.editor.attr,n.default.editor.typeModal),e.bUpdatingEditor=!1),this.ZG.oDOMBody&&this.ZG.oDOMBody.children&&[...this.ZG.oDOMBody.children].forEach((e=>{[...e.children].forEach((e=>e.removeAttribute(n.default.attr.sorted)))}))}}},602:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var n=o(38419),r=o(45092),i=o(56919);const a=class{constructor(e){this.widget=e.widget,this.se=e.se,this.oRegisteredMenu={},this.activeMenu=null,this.menuitems=[],this.bInit=!1}reset(){this.widget.webcomponent.removeMenu(this),this.oRegisteredMenu={},this.activeMenu=null,this.menuitems=[],this.bInit=!1,this.bUserMenu=!1}initMenu(e){const t=this.widget;t.webcomponent;let o=null;if(e&&this.bInit&&this.oElMenu&&this.reset(),this.bInit)return;t.sContextMenuId&&t.sContextMenuId!==n.default.zgMenu.browser&&(o=document.getElementById(t.sContextMenuId),o&&(o.setAttribute(n.default.attr.hidden,""),this.wrapMenuItems(o)));let r=t.sContextMenuId&&t.sContextMenuId!==n.default.zgMenu.browser?`${t.sContextMenuId}Clone`:"userContextMenuClone";if(this.oElMenu=this.widget.webcomponent.querySelector(`#${r}`),this.oElMenu?this.bDefined=!0:(this.oElMenu=document.createElement(n.default.zgMenu.tagName),this.oElMenu.id=r,this.oElMenu.setAttribute(n.default.attr.hidden,"")),o&&null!==o.getAttribute("replace"))this.bUserMenu=!0;else{if(!1!==this.widget.store.oDataRequest.createOptions){const e='\n          /* Group: Insert Record */\n          [group="insert-record-group"] { background: var(--zg-menu-group-background, var(--theme-background-zebra)); }\n          [group="insert-record-group"] zg-menu-item { --zg-menu-item-padding:3px 5px; flex-basis:33.333%; }\n          [group="insert-record-group"] zg-icon { width:16px; height:16px; }\n          [group="insert-record-group"] zg-button zg-icon,\n          [group="insert-record-group"] zg-button zg-checkbox { display:none; }\n        ',t=[{action:"createrecord",text:"context.insertRecordHere"},{action:"createrecordstart",text:"context.insertRecordStart"},{action:"createrecordend",text:"context.insertRecordEnd"}];this.addMultipleItems(t,{group:"insert-record-group",label:{icon:"createrecord",text:"context.insertRecordLabel"},styles:e})}this.addItem({action:"freezecolumnleft",text:"context.freezeColumnLeft"}),this.addItem({action:"freezecolumnright",text:"context.freezeColumnRight"}),this.addItem({action:"unfreezecolumn",text:"context.unfreezeColumn"}),this.addSeparator("freezecolumn"),this.addItem({action:"freezerowtop",text:"context.freezeRowTop"}),this.addItem({action:"freezerowbottom",text:"context.freezeRowBottom"}),this.addItem({action:"unfreezerow",text:"context.unfreezeRow"}),this.addSeparator("freezerow"),this.addItem({action:"hidecolumn",text:"context.hideColumn"}),this.addSeparator("hide"),this.addItem({action:"sortcolumn",text:"context.sortColumn"}),this.addSeparator("sort");!1!==this.widget.store.oDataRequest.updateOptions.cell&&this.addItem({action:"editcell",text:"context.editCell"});!1!==this.widget.store.oDataRequest.updateOptions.row&&this.addItem({action:"editrow",text:"context.editRow"}),this.addSeparator("edit"),!1!==this.widget.store.oDataRequest.deleteOptions.row&&(this.addItem({action:"removerecord",text:"context.deleteRow"}),this.addSeparator("delete")),this.addItem({action:"duplicaterecord",text:"context.duplicateRow"}),this.addSeparator("duplicate"),this.addItem({action:"submitrecord",text:"context.save"}),this.addItem({action:"cancelrecord",text:"context.cancel"}),this.addSeparator("action"),this.addItem({action:"copycell",text:"context.copyCell"}),this.addItem({action:"pastecell",text:"context.pasteCell"}),this.addSeparator("copy"),this.addItem({action:"selectcell",text:"context.selectCell"}),this.addItem({action:"selectrow",text:"context.selectRow"}),this.addItem({action:"selectall",text:"context.selectAll"}),this.addItem({action:"deselect",text:"context.deselect"}),this.addSeparator("select"),this.addItem({action:"prevpage",text:"context.previousPage"}),this.addItem({action:"nextpage",text:"context.nextPage"}),this.addItem({action:"firstpage",text:"context.firstPage"}),this.addItem({action:"lastpage",text:"context.lastPage"}),this.addSeparator("pager"),this.addItem({action:"resetstate",text:"context.resetState"}),this.addSeparator("reset"),this.addItem({action:"about",text:"context.version"}),o&&o.children.length&&this.addSeparator()}if(!this.bDefined&&o)for(;o.childNodes.length>0;)this.oElMenu.appendChild(o.childNodes[0]);t.webcomponent.appendMenu(this),this.bInit=!0}createMenuItem({action:e,text:t}){let o=document.createElement(n.default.zgMenuItem.tagName);o.menu=this.oElMenu,o.menuManager=this.widget.menuManager;let r=document.createElement(n.default.zgButton.tagName),a=document.createElement("span");return a.slot=n.default.zgButton.slot.label,a.textContent=i.default.get(t,this.widget,{element:a,elProperty:"textContent"}),r.setAttribute(n.default.attr.action,e),r.appendChild(a),o.appendChild(r),this.bDefined?(this.menuitems[e]=this.oElMenu.querySelector(`zg-menu-item zg-button[action=${e}]`).parentNode,!1):(this.menuitems[e]=o,o)}addItem({action:e,text:t}){const o=this.createMenuItem({action:e,text:t});o&&this.oElMenu.appendChild(o)}addMultipleItems(e,t){if(!e||!e.length)return;const o=document.createElement(n.default.zgMenuGroup.tagName);if(t.group&&o.setAttribute("group",t.group),t.label){if(t.label.icon){const e=document.createElement(n.default.zgIcon.tagName);e.setAttribute("name",t.label.icon),e.slot="zgMenuGroupLabel",o.appendChild(e)}if(t.label.text){const e=document.createElement("span");e.textContent=i.default.get(t.label.text,this.widget,{element:e,elProperty:"textContent"}),e.slot="zgMenuGroupLabel",o.appendChild(e)}}let r;t.styles&&o.insertAdjacentHTML("afterbegin",`<style>${t.styles}</style>`),e.forEach((e=>{r=this.createMenuItem({action:e.action,text:e.text}),r&&(r.slot="zgMenuGroupItems",r.menuGroup=o,o.appendChild(r))})),this.menuitems[t.group]=o,this.oElMenu.appendChild(o)}addSeparator(e){if(this.bDefined)this.menuitems[e]=this.oElMenu.querySelector(`zg-separator[action=${e}]`);else{let t=document.createElement("zg-separator");t.setAttribute(n.default.attr.action,e),this.oElMenu.appendChild(t),this.menuitems[e]=t}}closeMenu(){let e=this.activeMenu;e&&(this.activeCell?this.activeCell.select():this.bFixed&&this.widget.focusManager.focusGrid(this.bFixed),e.removeAttribute(n.default.zgMenu.opener),e._hide(),this.widget.fire("contextmenuclose"),this.lastCell=this.activeCell,this.activeMenu=null,this.activeCell=null,this.activeHeader=null,this.activeColumn=null,requestAnimationFrame((()=>this.bFixed=!1)))}displayMenu(e,t){this.toggleMenuItemDisplay();let o=this.oElMenu;o._show();const r=this.widget.webcomponent;o.clearPosition(),o.calculateMenuPosition(e,r),this.widget.isStorybook("menu")||o.querySelector(`${n.default.zgMenuItem.tagName}:not([hidden]`).focus(),o.setAttribute(n.default.zgMenu.opener,n.default.zgMenu.static),this.activeMenu=o}getActiveMenu(){return this.activeMenu}isMenuOpen(){return!!this.activeMenu}openFixedMenu(e){const t=this.widget,o=t.sorter;if(e.oDOMTarget&&e.oDOMTarget.tagName.toLowerCase()===n.default.zgButton.tagName){const t=e.oDOMTarget.querySelector("zg-icon");if(t)return void t.click()}let r,i=t.selector.se;if("grid"===i.sContextLevel){if(this.activeHeader=this.activeCell=this.activeColumn=null,o.isSorterActive()){const e=t.getColumnIndexByFieldIndex(o.sActiveSortedIndex);e>=0&&(this.activeColumn=t.aColumnMapping[e])}}else"cell"!==i.sContextLevel&&(i=i.toCell()),this.activeCell=i,r=this.activeCell.el.dom.cellIndex,this.activeColumn=t.aColumnMapping[r];this.displayMenu(e,{x:e.oDOMTarget.offsetLeft,y:e.oDOMTarget.offsetHeight}),t.fire("contextmenuopen"),this.bFixed=!0}openContextMenu(e,t){const o=this.widget.webcomponent,i=this.widget.webcomponent.querySelectorAll("zg-menu"),a=this.oElMenu;let s,l=r.MV(t,n.default.zgCell.tagName),d=!r.MV(t,n.default.zgCard.tagName)&&!l&&r.MV(t,n.default.zgHeadCell.tagName);a.clearPosition(),this.activeHeader=this.activeCell=null,i&&[...i].forEach((e=>e.setAttribute(n.default.attr.hidden,""))),d?(this.activeHeader=d,s=d.getAttribute("cellindex")):l&&(this.activeCell=this.se.cell(l),s=l.cellIndex),(this.activeHeader||this.activeCell)&&(this.activeColumn=this.widget.aColumnMapping[s],this.toggleMenuItemDisplay(!0),a._show(),this.widget.fire("contextmenuopen"),a.calculateContextPosition(e,o),this.activeMenu=a,a.setAttribute(n.default.zgMenu.opener,n.default.zgMenu.context))}registerMenu(e,t){this.oRegisteredMenu[e]=t}toggleMenuItemDisplay(e){let t=this.widget;const o=this.activeCell,r=this.activeHeader,i=this.activeColumn,a=t.webcomponent.preserveStateId;let s,l;i&&(s=t.getAreaByColumn(i)),o&&(l=o.sFrozenRowState);let d,c=t.getPageSize(),h=t.store.getOriginRecordCount()||t.getRowCount();const u=e&&this.activeCell||!e&&t.bHasSelectorEnabled&&this.activeCell;d=["insert-record-group","createrecord","createrecordstart","createrecordend"],this.toggleSection(d,!t.recordEditor.bIsOpen&&t.bHasEditorEnabled),d=["createrecord"],this.toggleSection(d,u&&!t.recordEditor.bIsOpen&&t.bHasEditorEnabled),d=["editcell"],this.toggleSection(d,o&&!t.recordEditor.bIsOpen&&t.bHasEditorEnabled),d=["editrow"],this.toggleSection(d,o&&!t.recordEditor.bIsOpen&&t.bHasEditColumn),d=["edit"],this.toggleSection(d,o&&!t.recordEditor.bIsOpen&&(t.bHasEditorEnabled||t.bHasEditColumn)),d=["duplicate","duplicaterecord"],this.toggleSection(d,o&&!t.recordEditor.bIsOpen&&t.bHasEditorEnabled),d=["delete","removerecord"],this.toggleSection(d,o&&!t.recordEditor.bIsOpen&&(t.bHasEditorEnabled||t.bHasRemoveColumn)),d=["submitrecord","cancelrecord","action"],this.toggleSection(d,t.recordEditor.bIsOpen),d=["freezecolumnleft"],this.toggleSection(d,i&&"left"!==s,!0),d=["freezecolumnright"],this.toggleSection(d,i&&"right"!==s,!0),d=["unfreezecolumn"],this.toggleSection(d,i&&("left"===s||"right"===s),!0),d=["hidecolumn","hide"],this.toggleSection(d,i),d=["freezerowtop"],this.toggleSection(d,o&&!t.bGroupBy&&"top"!==l,!0),d=["freezerowbottom"],this.toggleSection(d,o&&!t.bGroupBy&&"bottom"!==l,!0),d=["unfreezerow"],this.toggleSection(d,o&&!t.bGroupBy&&("top"===l||"bottom"===l),!0),d=["sortcolumn","sort"],this.toggleSection(d,r),d=["copy","copycell"],this.toggleSection(d,o&&t.clipper&&-1===n.default.internalColumnTypes.indexOf(o.sCellType)),d=["pastecell"],this.toggleSection(d,o&&t.clipper&&t.clipper.savedValue&&t.recordEditor.bIsOpen),d=["select","selectcell","selectrow","selectall"],this.toggleSection(d,o&&t.bHasSelectorEnabled),d=["deselect"],this.toggleSection(d,o&&t.bHasSelectorEnabled&&t.selector.bHasSelection),d=["prevpage","nextpage","firstpage","lastpage","pager"],this.toggleSection(d,c<h||t.hasPager()),d=["resetstate","reset"],this.toggleSection(d,a);let g=this.oElMenu.querySelectorAll("[display=cell]"),p=this.oElMenu.querySelectorAll("[display=header]");this.toggleUserSection(g,o),this.toggleUserSection(p,r)}toggleSection(e,t,o){let n=this.menuitems;this.bUserMenu||e.forEach((e=>{const r=n[e].querySelector("zg-button");n.hasOwnProperty(e)&&t?o&&r?r._enable():n[e]._show():n.hasOwnProperty(e)&&!t&&(o&&r?r._disable():n[e]._hide())}))}toggleUserSection(e,t){e.forEach((e=>{t?e._show():e._hide()}))}wrapMenuItems(e){e.querySelectorAll("zg-menu-item").forEach((e=>{e.bAdded||e.ready();let t=e.querySelector(n.default.zgButton.tagName);if(!t){let o=e.querySelector("i");if(t=document.createElement(n.default.zgButton.tagName),t.setAttribute(n.default.attr.action,""),o){let t=document.createElement("div");t.classList.add("zg-button-icon"),t.setAttribute("slot","icon"),t.appendChild(o),e.appendChild(t)}t.innerHTML=e.innerHTML,e.innerHTML="",e.appendChild(t)}}))}destroy(){this.widget=null,this.se=null,this.oRegisteredMenu=null,this.activeMenu=null,this.menuitems.length=0,this.oElMenu=null,this.activeHeader=null,this.activeCell=null,this.activeColumn=null}}},77390:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(68965),r=o(32816),i=o(38419);class a extends n.Z{constructor(e){(e=e||{})._defaults={initAfterPaint:!0,nFirstRowContainerIndex:0},super(e)}init(){this.bFetching=!1,this.ons()}ons(){let e=this.widget;this.bHookedUp||e.oDOMScroller&&e.oDOMScroller.hasAttribute("height")&&(this.onScroll(),this.bHookedUp=!0)}onScroll(){const e=this.widget,t=r.Z.get(e.oDOMScrollerWrapper);let o=e.store;this.nLastScrollTop=0,e.bStaticScroll=!0,t.on("scroll",(()=>{if(e.bDisconnect)return;const t=e.webcomponent.oDOMTooltip,n=e.webcomponent.oDOMCellOverflow;t&&t._hideTarget(),n&&n.isOpen()&&n.setPosition(n.currentTrigger,!0),o.oDataFormat.bLoadByScroll?(e.bStaticScroll=!1,this.onInfiniteScroll()):this.onStaticScroll()}))}onStaticScroll(){const e=this.widget,t=e.mainColumnBody.el,o=r.Z.get(e.oDOMScroller),n=o.getScroll().top,i=n+o.getHeight(),a=.75*t.getHeight();n>this.nLastScrollTop&&i>a&&e.nRowSets*e.nRowsPerSet<e.getPageSize()&&(e.nRowSets++,e.update({bNoReRenderer:!0,bUpdateRowMappingOrder:!0,bUpdateBodyContent:!0,bUpdateContainer:!0,bUpdateColumnBodyContainerClass:!0})),this.nLastScrollTop=n}onInfiniteScroll(){let e=this.widget,t=e.mainColumnBody.el,o=r.Z.get(e.oDOMScrollerWrapper);if(this.bFetching)return;let n=o.getScroll().top,i=n+o.getHeight(),a=.75*t.getHeight(),s=.25*t.getHeight();if(this.nOldStart=e.nAdjustedStart,n>this.nLastScrollTop&&i>a){this.bFetching=!0,e.nCurrPageIdx++;let t=e.getPageSize()*e.nInfiniteTotalDisplay,o=e.getPageSize()*(e.nCurrPageIdx+1);if(t<o&&!e.bInfiniteMaxReached&&(e.nAdjustedStart=o-t),e.getInfiniteDataLoaded()){let r=!1;e.bInfiniteMaxReached&&(o=e.aRowMapping.length,t<o&&(e.nAdjustedStart=Math.min(e.nAdjustedStart+e.getPageSize(),o-t),e.update(),n=this.completeScroll(!0),r=!0)),r||this.cleanupNoScroll()}else e.bInfiniteMaxReached?this.cleanupNoScroll():(e.nAdjustedStart=this.nOldStart,e.store.once("loaded",(()=>{this.bFetching&&(n=this.completeScroll(!0),this.nLastScrollTop=n)})),e.store.load())}else n<this.nLastScrollTop&&n<s&&e.nAdjustedStart>0&&(this.bFetching=!0,e.nCurrPageIdx--,e.nAdjustedStart=Math.max(0,e.nAdjustedStart-e.getPageSize()),e.update(),n=this.completeScroll(!1));this.nLastScrollTop=n}completeScroll(e){let t=this.widget,o=r.Z.get(t.oDOMScrollerWrapper),n=t.getPageSize();const i=Math.abs(t.nAdjustedStart-this.nOldStart);i%n&&(n=i%n);let a=t.getRowHeight()*n;return e&&t.nAdjustedStart>0?t.oDOMScrollerWrapper.scrollTop-=a:e||(t.oDOMScrollerWrapper.scrollTop+=a),this.bFetching=!1,o.getScroll().top}cleanupNoScroll(){this.bFetching=!1,this.widget.nCurrPageIdx--}scroll(e,t,o){const n=this.widget,i=n.oDOMScroller;let a=n.mainGridHScroll.dom,s=e.xy,l=e.width,d=e.height,c=i?r.Z.get(i):null,h=c?c.getXY():0,u=c?c.getSize():0,g=r.Z.get(n.webcomponent.oDOMMain),p=g.getXY(),f=g.getSize(),m=s[0]-p[0],b=s[1]-h[1],v=s[0]+l-(p[0]+f[0]),y=s[1]+d-(h[1]+u[1]);t||(y>0&&(i.scrollTop+=y),b<0&&(i.scrollTop+=b)),o||(m<0&&(a.scrollLeft+=m),v>0&&(a.scrollLeft+=v))}scrollToCell(){const e=this.widget,t=e.webcomponent,o=e.selector.se;let n;const r=e.getBodyByColumnIndex(o.nStartColumnIndex),a="cell"===o.sContextLevel&&r!==t.oDOMBody;if(t.layout===i.default.zgLayout.typeCard){let e=o.el.dom.parentNode.getBoundingClientRect();n={xy:[e.x,e.y],width:e.width,height:e.height}}else n=o.dimension();this.scroll(n,!1,a)}scrollToRange(){let e,t=this.widget,o=t.selector.se,n=!1,r=!1,i=t.getElByIndex(o.nStartRowIndex,o.nStartColumnIndex),a=t.getElByIndex(o.nEndRowIndex,o.nEndColumnIndex);switch(o.sExpandDirection){case"up":case"shrinkdown":r=!0;case"left":case"shrinkright":e=i;break;case"down":case"shrinkup":r=!0;case"right":case"shrinkleft":e=a;break;default:e=i}n=!r;const s={xy:e.getXY(),width:e.getWidth(),height:e.getHeight()};this.scroll(s,n,r)}}const s=a},91510:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(68965),r=o(32816),i=o(38419);class a extends n.Z{constructor(e){(e=e||{})._defaults={initAfterRender:!0},super(e),this.oLastMouseScreenPosition={x:0,y:0},this.oLastMousePosition={x:0,y:0},this.nLastVerticalTimeStamp=this.nLastHorizontalTimeStamp=(new Date).getTime(),this.bHasSelection=!1}init(){this.ons()}ons(){this.widget.on("pagechange",(e=>this.deSelectAll(e)),this),this.widget.on("cellopenedit",(e=>this.deSelectAll(e)),this),this.widget.on("rowdelete",(e=>this.deSelectAll(e)),this),this.widget.on("layoutchange",(e=>this.deSelectAll(e)),this)}onDocMouseUpFromSelector(){this.widget.bIsMouseDown=!1;const e=r.Z.get(document);e.docUn("mouseup",this.onDocMouseUpFromSelector,this),e.docUn("touchend",this.onDocMouseUpFromSelector,this),e.docUn("mousemove",this.onMouseMoveFromSelector,this),e.docUn("touchmove",this.onMouseMoveFromSelector,this),this.widget.bHasSelectorEnabled&&(this.se.isRangeSingleCell()||"cell"===this.se.sContextLevel?this.bHasSingleCell=!0:(this.bHasSingleCell=!1,this.se.select()))}onMouseDownFromSelector(e){const t=r.Z.get(document),o=this.oLastMousePosition,n=this.oLastMousePosition;t.on("mouseup",this.onDocMouseUpFromSelector,this),t.on("touchend",this.onDocMouseUpFromSelector,this),t.on("mousemove",this.onMouseMoveFromSelector,this),t.on("touchmove",this.onMouseMoveFromSelector,this),o.x=e.xy[0],o.y=e.xy[1],n.x=e.oBrowserEvent.screenX,n.y=e.oBrowserEvent.screenY}onMouseMoveFromSelector(e){let t=this.oLastMousePosition;t.x=e.xy[0],t.y=e.xy[1]}onKeyDownDocument(e,t){const o=this.widget,n=this.se;o.editorFieldManager;let r,a=e.nCharCode,s=this.bHasSelection&&!o.bHasSelectorEnabled;const l=(e,t,o,n)=>{e.stopEvent();const i=this.widget;if(e.bIsSHIFT&&n.toRange(),e.bIsSHIFT&&o)n.shrink(t).select();else if(e.bIsSHIFT)n.expand(t).select();else if(r=n.toCell().traverse(t),r)r.select(s);else if("up"===t){let t=n.nStartColumnIndex;i.headerFocusManager.focusFromBody(e,t)&&this.deSelectAll(!0,!0)}else if("down"===t){let t=n.nStartColumnIndex,o=i.footerFocusManager.focusFromBody(e,t);o||(o=i.focusManager.tabChangeFocus(e,{section:this.widget.focusManager.GRIDINDEX})),o&&this.deSelectAll(void 0,!0)}},d=(e,t,o,n)=>{e.stopEvent(),r=t.cell(o,n),r.select(s)};let c=e.RIGHT,h=e.LEFT;switch("rtl"===o.sComputedDir&&(c=e.LEFT,h=e.RIGHT),a){case e.HOME:d(e,n,n.nStartRowIndex,0);break;case e.END:d(e,n,n.nStartRowIndex,o.getColumnContainerCount()-1);break;case e.PAGE_UP:d(e,n,0,n.nStartColIndex);break;case e.PAGE_DOWN:d(e,n,o.getRowContainerCount()-1,n.nStartColIndex);break;case e.UP:case"ArrowUp":l(e,"up",n.nInitialRowIndex<n.nEndRowIndex,n);break;case e.DOWN:case"ArrowDown":l(e,"down",n.nInitialRowIndex>n.nStartRowIndex,n);break;case c:case"ArrowRight":l(e,"right",n.nInitialColumnIndex>n.nStartColumnIndex,n);break;case h:case"ArrowLeft":l(e,"left",n.nInitialColumnIndex<n.nEndColumnIndex,n);break;case e.SPACE:if(this.bHasSingleCell){let t=n.cell().sCellType;(n.el.dom.querySelector(`[${i.default.template.detailsAttr}]`)||-1!==i.default.internalColumnTypes.indexOf(t)||"url"===t||t===i.default.internalColumn.rowgroup||t===i.default.cellTypes.button)&&(e.preventDefault(),this.cellEnter(n))}break;case e.ENTER:case"enter":e.preventDefault(),o.isComputedCard()&&o.hasCardTemplate()?o.editorManager.openEditor(n.row()):o.isComputedCard()&&!n.bCardDrill?(n.bCardDrill=!0,n.select(s)):this.bHasSingleCell&&this.cellEnter(n.cell()),this.bHasSingleCell&&n.sCellType===i.default.internalColumn.recordinfo&&o.tooltipManager._showTarget(null,n.dom());break;case e.ESC:case"esc":this.bHasSingleCell&&o.tooltipManager.oCurrentParent?this.widget.tooltipManager._hideTarget(null,o.tooltipManager.oCurrentParent,!0):this.deSelectAll();break;case e.A:case"a":e.bIsCTRL&&(e.preventDefault(),n.selectAll().select(),this.fire(i.default.event.selectedAllCells))}}cellEnter(e){let t=this.widget,o=e.sCellType,n=e.el.dom;if(-1!==i.default.internalColumnTypes.indexOf(o)||o===i.default.internalColumn.rowgroup||o===i.default.cellTypes.button){let e=n.querySelector("zg-button")||n.querySelector("zg-checkbox");e&&e.click()}else if(t.bHasCellEditorEnabled||t.batchEditor.isActive())this.bTriggerSelect=!0,t.editorManager.openEditor(e);else if("url"===o){let e=n.querySelector("a");e&&e.click()}else n.querySelector(`[${i.default.template.detailsAttr}]`)&&t.detailsManager.openCellDetails(e)}deSelectRange(){this.widget.bHasSelectorEnabled&&this.hideSelectionMaskAndBorder(),this.hideFocusCellMask()}deSelectAll(e,t){const o=this.widget;if(this.bHasSelection){const t=this.se.dom();t&&t.hasAttribute(i.default.zgTooltip.typeAttr)&&o.tooltipManager._hideTarget(null,t,!0,e)}this.bHasSelection=!1,this.se.deSelect(),this.focusCell(null,!0,!0),t||(o.headerFocusManager.deSelect(),o.footerFocusManager.deSelect()),this.fire(i.default.event.deselectedCells),this.fire("deselectedcells")}drawFocusCellMaskBorder(){this.hideFocusCellMask(),this.se.oColumnBodies.forEach((e=>e.oElFocusCellMaskBorder.draw()))}drawSelectionMask(){this.hideSelectionMaskAndBorder(),this.se.oColumnBodies.forEach((e=>e.oElSelectionMask.draw()))}focusCell(e,t,o){(this.widget.bHasSelectorEnabled||t)&&(this.oDOMPrevFocusCell&&(this.oDOMPrevFocusCell.classList.remove("zg-focus-cell"),this.oDOMPrevFocusCell&&this.oDOMPrevFocusCell.hasAttribute(i.default.zgTooltip.typeAttr)&&this.widget.tooltipManager._hideTarget(null,this.oDOMPrevFocusCell,!0)),o||(this.drawFocusCellMaskBorder(e),this.oDOMPrevFocusCell=e.dom(),this.oDOMPrevFocusCell.classList.add("zg-focus-cell"),this.bHasSelection=!0))}hideSelectionMaskAndBorder(){this.widget.webcomponent.querySelectorAll("zg-selector-mask").forEach((e=>e.hideAll()))}hideFocusCellMask(){this.widget.webcomponent.querySelectorAll("zg-focus:not([area=header]):not([area=footer])").forEach((e=>e._hide()))}selectCell(e,t){(this.widget.bHasSelectorEnabled||t)&&(this.widget.isComputedCard()&&!e.bCardDrill?(this.widget.mainColumnBody.oElFocusCellMaskBorder.drawCard(),e.scrollIntoView()):(e.scrollIntoView(),this.widget.bHasSelectorEnabled&&this.drawSelectionMask(),this.bHasSingleCell=!0,this.focusCell(e,t)),this.bHasSelection=!0)}selectRange(e){this.widget.bHasSelectorEnabled&&(e.isRangeSingleCell()?this.selectCell(e):(this.bHasSingleCell=!1,this.drawSelectionMask(),this.bHasSelection=!0))}updateSelection(){}}const s=a},99642:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});o(45092);var n=o(68965),r=o(38419);class i extends n.Z{constructor(e){(e=e||{})._defaults={initAfterRender:!0},super(e),this.sActiveSortedIndex=null,this.bSortGroupColumn=!1,this.aOriginalRowMappingOrder=[],this.fnSorter=null,this.nSortOrder=0}isSorterActive(){return null!==this.sActiveSortedIndex}sortAll(){let e=this.fnSorter;0!==this.nSortOrder?this.sortData(null,null,this.nSortOrder,e,!0):this.restoreOriginalOrder()}sortData(e,t,o,n,r){const i=this.widget;let a;this.sortAllRecords(e,o,n,r),i.bGroupBy?(i.aRowMapping.length=0,this.sortGroupBy()):(a=this.sortRecords(e,t,o,n,r),a.map(((e,t)=>{i.updateRowMapping(i.aRowMapping,t,{sRecordIndex:e.sRecordIndex})}))),i.fire("roworderchange")}sortGroupBy(e){const t=this.widget,o=t.filter;if(o.aFiltered)o.filter();else{let o=t.store.aOrderedData;t.groupbyManager.groupBy(t.aGroupBy,o,!1,e)}}sortRowMappingByColumn(e){let t,o=e.aUserSet.fnSorter;o?t=e.fnSorter||this.fnSorter||null:(t=this.fnSorter||e.fnSorter||null,o=this.fnSorter);let n=e.nSortOrder||0,i=e.sFieldIndex;if(null===t)return;if(0===n)return void(this.isSorterActive()&&i===this.sActiveSortedIndex&&!this.widget.store.isServerSort()&&(this.restoreOriginalOrder(),this.sActiveSortedIndex=null,this.bSortGroupColumn=!1,this.fire("sort",{index:null})));i=i.split(",");let a=e.sSorterIndex||i[0];e.sSorterIndex&&-1===i.indexOf(a)&&(a=i[0]),0!==n&&(this.bSortGroupColumn=e.sCellType===r.default.internalColumn.rowgroup),this.sortData(a,i,n,t,o),0==n?(this.sActiveSortedIndex=null,this.bSortGroupColumn=!1,this.fire("sort",{index:null})):(this.sActiveSortedIndex=e.sFieldIndex,this.nSortOrder=n,this.fire("sort",{index:this.sActiveSortedIndex,order:this.nSortOrder}))}sortRecords(e,t,o,n,r){let i=this.widget,a=i.store,s=0===this.aOriginalRowMappingOrder.length;const l=i.aRowMapping.map(((o,n)=>{let i=o.sRecordIndex,l={sRecordIndex:i};if(s&&(this.aOriginalRowMappingOrder[n]=i),r)t?t.forEach((e=>{e=e.trim();let t=a.get(i,e);l[e]=null==t?"":t})):l=a.get(i).oRecordRawData;else{let t=a.get(i,e);l.mValue=null==t?"":t}return l}));let d=n.scope||this.widget;return l.sort((function(e,t){let r;return r=void 0!==e.mValue?n.method.apply(d,[e.mValue,t.mValue]):n.method.apply(d,[e,t]),o>0?r:-r})),l}sortAllRecords(e,t,o,n){this.widget.store.aOrderedData.sort((function(r,i){let a;if(n)a=o.method.apply(o.scope,[r,i]);else{let t=r[e],n=i[e];a=o.method.apply(o.scope,[t,n])}return t>0?a:-a}))}restoreOriginalOrder(){let e=this.widget;if(e.store.unsetSort(),e.bGroupBy)e.aRowMapping.length=0,this.sortGroupBy(!0);else{this.aOriginalRowMappingOrder.map(((t,o)=>{e.updateRowMapping(e.aRowMapping,o,{sRecordIndex:t})})),this.aOriginalRowMappingOrder.length=0}}unsetActiveSort(){let e=this.widget.aColumnMapping,t=this.sActiveSortedIndex;if(this.widget.cellBreakManager.prepCellBreak(),null!==t)for(let o of e)t!==o.sFieldIndex&&(o.nSortOrder=0)}}const a=i},47734:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(38419),r=o(45092);const i=class{constructor(e){this.widget=e.widget,this.se=e.se,this.ZG=this.widget.webcomponent}initSource(e){(e=e||this.ZG.source)&&!this.ZG.oDOMSource?(this.ZG.oDOMSource=document.createElement(n.default.zgSource.tagName),this.ZG.oDOMSource.textContent=this.ZG.source):e&&this.ZG.oDOMSource?this.ZG.oDOMSource.textContent=e:!e&&this.ZG.oDOMSource&&this.ZG.oDOMSource.textContent&&(this.ZG.source=this.ZG.oDOMSource.textContent),this.srcEl=this.ZG.oDOMSource,this.srcElClone=this.srcEl.cloneNode(!0),this.ZG.oDOMSource.setAttribute("slot",n.default.zgSource.attr),this.addSourceToSlot(),this.addAriaToSource(),r.CL(this.ZG.oDOMSource)}setSource({source:e}){e&&!this.ZG.oDOMSource&&this.initSource(e);const t=this.ZG.querySelectorAll("zg-source");e?t.forEach((t=>t.textContent=e)):(this.ZG.oDOMSource=null,t.forEach((e=>e.parentNode.removeChild(e))))}addAriaToSource(){this.ZG.oDOMSource||(this.ZG.oDOMSource=this.ZG.querySelector(n.default.zgSource.tagName)),this.ZG.oDOMSource.setAttribute(n.default.attr.role,"any")}addSourceToSlot(e){const t=this.ZG.oDOMSource.getAttribute(n.default.attr.mirror);"top"===(e=e||this.ZG.oDOMSource.getAttribute(n.default.attr.position))?this.slotSource(e,this.ZG.oDOMHeader,this.srcEl):"bottom"===e?this.slotSource(e,this.ZG.oDOMFooter,this.srcEl):t||""===t||"both"===e?(this.slotSource("top",this.ZG.oDOMHeader,this.srcEl),this.slotSource("bottom",this.ZG.oDOMFooter,this.srcElClone)):this.slotSource("bottom",this.ZG.oDOMFooter,this.srcEl)}slotSource(e,t,o){o.setAttribute(n.default.attr.position,e),t.appendChild(o)}}},63765:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(32260),r=o(38419);const i=class{constructor(e){const t=this.widget=e.widget;this.ZG=this.widget.webcomponent,this.stateOptions=t.oStateOptions,this.oFilter={},this.oConfig={},t.on("pagechange",this.setStatePage,this),t.on("pagesizechange",this.setStatePageSize,this),t.on("layoutchange",this.setStateLayout,this),t.on("search",this.setStateSearch,this),t.sorter.on("sort",this.setStateSort,this),t.on("filter",this.setStateFilter,this),t.on("columnmove",this.setStateColumn,this),t.on("columntoggle",this.setStateColumn,this),t.on("frozenrowchange",this.setStateRowFrozen,this),t.on("rowselectionchanged",this.setStateRowSelector,this),t.on("columnresize",this.setStateColumn,this),t.on("togglerowgroup",this.setStateRowGroup,this),t.on("rowgroupaddedrows",this.setStateRowGroup,this),t.selector.on(r.default.event.selectedCells,this.setStateSelector,this),t.selector.on(r.default.event.selectedFrozenCells,this.setStateSelector,this)}loadState(){const e=this.stateOptions.preserveStateId,t=this.stateOptions.preserveStateLoad;let o,r=this.fnLoadState;e&&(t?(r&&t===this.sLoadState||(this.fnLoadState=r=n.Z.setUserFunction(null,t),this.sLoadState=t),r&&r.method&&(o=r.method.apply(r.scope,[e]))):o=localStorage.getItem(e),o&&this.updateState(o))}updateState(e,t){try{"string"==typeof e&&(e=JSON.parse(e)),this.oConfig=e,this.readState(e,t)}catch(e){throw this.bUpdatingStates=!1,e}}readState(e,t){this.bUpdatingStates=!0;let o=!1;const n=this.getActiveStates(),r=["columnvisibility","columnposition","columnfrozen","columnwidth","rowfrozen","search","filter","sort","pagesize","rowgroup","page","layout","rowselector","selector"];if(e)for(let t=0;t<r.length;t++){let i=r[t];if(-1===n.indexOf(i))continue;0!==i.indexOf("column")||o||(i="column",o=!0);let a=e[i];if(a){this[`set${i[0].toUpperCase()+i.substring(1)}`](a,n)}}t||!this.stateOptions.preserveStateSave||this.stateOptions.preserveStateLoad||this.storeState(),this.bUpdatingStates=!1}clearState(e){const t=this.widget,o=this.stateOptions.preserveStateId;this.oConfig={},o&&localStorage.removeItem(o),e&&(t.oDOMSortedColumn&&t.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader&&t.oDOMSortedColumn._oParsedColumnMapping.oDOMSortHeader.clearStyle(!0),t.updateInitialConfig(),t.store.reload())}setUserState(e){this.bUpdatingStates=!0,e?(this.updateState(e,!0),this.storeState(!0)):this.clearState(!0),this.bUpdatingStates=!1}setUserStateField(e,t){const o=this.getActiveStates();if(e){this.setState(e,t,!0),this[`set${e[0].toUpperCase()+e.substring(1)}`](t,o)}}setState(e,t,o){if(this.bUpdatingStates)return;let n=this.oConfig;t?n[e]=t:n[e]&&delete n[e],this.stateOptions.preserveStateId&&this.storeState(o)}storeState(e){const t=this.oConfig,o=this.stateOptions.preserveStateId,r=this.getActiveStates(),i={};r.forEach((e=>{"columnvisibility"!==e&&"columnposition"!==e&&"columnfrozen"!==e&&"columnwidth"!==e||(e="column"),i[e]=t[e]}));const a=this.stateOptions.preserveStateSave;let s=this.fnSetState;a&&!e&&(s&&a===this.sSetState||(this.fnSetState=s=n.Z.setUserFunction(null,a),this.sSetState=a),s&&s.method&&s.method.apply(s.scope,[o,JSON.stringify(i)])),localStorage.setItem(o,JSON.stringify(i))}setStateFilter(e,t){const o=t.sFilterIndex;let n=t.sValue||"";n=n.trim(),this.oFilter[o]?""!==n?this.oFilter[o]=n:delete this.oFilter[o]:this.oFilter[o]=n,this.setState("filter",this.oFilter)}setStateColumn(){const e=this.widget.aColumnMapping.map((e=>({id:e.sColumnId,bHidden:e.bHidden,sFrozen:e.sFrozen,nWidth:e.oDOMZGColumn.width})));this.setState("column",e)}setStateRowSelector(){const e=this.widget;let t=Object.keys(e.aSelectedRows);this.setState("rowselector",t)}setStateSelector(e,t){let o,n,r,i,a;if(t)o=t.rowIndex,r=t.colIndex,a=t.sArea;else{let e=this.widget.selector.se;o=e.nStartRowIndex,n=e.nEndRowIndex,r=e.nStartColumnIndex,i=e.nEndColumnIndex}this.setState("selector",{startRow:o,endRow:n,startColumn:r,endColumn:i,area:a})}setStateRowFrozen(){this.setState("rowfrozen",{top:this.widget.aTopRowMapping,bottom:this.widget.aBottomRowMapping})}setStatePage(){this.setState("page",this.widget.nCurrPageIdx+1)}setStatePageSize(e,t){this.setState("pagesize",t)}setStateRowGroup(){const e=this.widget.groupbyManager,t={open:e.aOpenGroups,pagedRows:e.aAddedGroupRecords};this.setState("rowgroup",t)}setStateLayout(){this.setState("layout",this.widget.layoutManager.sCurrentType)}setStateSearch(e,t){this.setState("search",t.searchTerm)}setStateSort(e,t){t||t.index||(t=null),this.setState("sort",t)}setFilter(e){if(e)for(let t in e){let o=e[t];this.ZG.filterColumn(t,o)}}setColumn(e,t){const o=-1!==t.indexOf("columnvisibility"),n=-1!==t.indexOf("columnposition"),r=-1!==t.indexOf("columnfrozen"),i=-1!==t.indexOf("columnwidth"),a=this.widget.aColumnMapping;let s=0,l=0;if(e&&e.length===a.length){if(n||r)for(let t=0;t<e.length;t++){let o=e[t],n=t,r=a.findIndex((e=>e.sColumnId===o.id));r!==n&&this.widget.moveColumn(r,n),"left"===o.sFrozen?s++:"right"===o.sFrozen&&l++}if(o)for(let t=0;t<e.length;t++){let o=e[t],n=a[t];o.bHidden&&!n.bHidden?n.oDOMZGColumn.setAttribute("hidden",""):!o.bHidden&&n.bHidden&&n.oDOMZGColumn.removeAttribute("hidden")}if(r&&(this.ZG.frozenColumnsLeft!=s&&(this.ZG.frozenColumnsLeft=s),this.ZG.frozenColumnsRight!=l&&(this.ZG.frozenColumnsRight=l)),i)for(let t=0;t<e.length;t++){let o=e[t],n=a[t];o.nWidth&&(n.oDOMZGColumn.width=o.nWidth)}}}setRowfrozen(e){const t=this.widget,o=t.store;t.webcomponent.frozenRowsTop=0,t.webcomponent.frozenRowsBottom=0;for(let t=0;t<e.top.length;t++){const n=e.top[t];o.moveRow(n.sRecordIndex,"top")}for(let t=0;t<e.bottom.length;t++){const n=e.bottom[t];o.moveRow(n.sRecordIndex,"bottom")}}setRowgroup(e){const t=this.widget,o=t.groupbyManager;if(!e||!t.bGroupBy)return;const n=e.open,r=e.pagedRows;o.aAddedGroupRecords=r;for(let e=0;e<n.length;e++){let t=n[e];const r=o.getRecord(t);o.aOpenGroups.push(t),r.open=!0}o.reloadGroups()}setSelector(e){if(e.area){let t=e.area.toLowerCase();this.widget[`${t}erFocusManager`].select(e.startRow,e.startColumn)}else this.widget.webcomponent.select(e.startRow,e.startColumn,e.endRow,e.endColumn)}setRowselector(e){const t=this.widget,o=t.aColumnMapping.findIndex((e=>e.sCellType===r.default.internalColumn.recordselector));if(-1!==o)for(let n=0;n<e.length;n++){let r,i=e[n],a=t.store.oLocalModel[i];r="top"===a.sFrozen||"bottom"===a.sFrozen?t.getDataRowIndexByContainerIndex(a.nRowIndex,a.sFrozen):t.getDataRowIndexByRecordIndex(i,a.sFrozen);let s=t.getDOMByIndex(r,o).querySelector("zg-checkbox");s&&(s.checked=!0)}}setPage(e){let t=Math.max(parseInt(e,10)-1,0);this.widget.setCurrPageIdx(t)}setPagesize(e){this.ZG.setPageSize(e)}setLayout(e){this.ZG.setLayout(e)}setSearch(e){this.ZG.searchGrid(e)}setSort(e){if(e){const t=e.index,o=1===e.order?"asc":"desc";this.ZG.sortColumn(t,o)}}getActiveStates(){const e=this.stateOptions.preserveStateOptions;let t;return t=e&&"all"!==e?e.split(",").map((e=>e.trim())):["columnvisibility","columnposition","columnfrozen","columnwidth","rowfrozen","search","filter","sort","pagesize","rowgroup","page","layout","rowselector","selector"],t}destroy(){}}},39232:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(38419),r=o(32816);const i=class{constructor(e){this.widget=e.widget,this.ZG=this.widget.webcomponent,this.close=null,this.icon=null,this.statusText=null}setStatus({icon:e="error",msg:t,state:o="error",sDetails:i,sLabel:a,fnDetails:s}={}){const l=this.ZG.getAttribute(n.default.zgStatus.delayAttr),d=l&&parseInt(l)?parseInt(l):n.default.zgStatus.delay,c=this.ZG.getAttribute(n.default.zgStatus.persistAttr),h=-1===[void 0,null].indexOf(c)||i,u=this.ZG.oDOMStatus,g=this.ZG.getAttribute(n.default.zgStatus.positionAttr),p=-1===[void 0,null].indexOf(g)&&g===n.default.zgStatus.barPosition;u.setAttribute(n.default.attr.type,o||"error"),p?u.setAttribute(n.default.zgStatus.positionAttr,n.default.zgStatus.barPosition):u.removeAttribute(n.default.zgStatus.positionAttr),this.icon=u.shadowRoot.querySelector(`${n.default.zgIcon.tagName}`),e?(this.icon.removeAttribute(`${n.default.attr.hidden}`),this.icon.setAttribute(n.default.attr.name,e)):this.icon.setAttribute(`${n.default.attr.hidden}`,""),t&&(this.statusText=u.shadowRoot.querySelector(".zg-status-text"),this.statusText.textContent=t),i&&s?(this.details=u.shadowRoot.querySelector(".zg-status-details"),this.details.innerHTML="<br><br>"+i,r.Z.get(this.details).on("click",(e=>{this.widget.detailsManager.openDetailsMessage(null,s,a),u.removeAttribute(n.default.attr.active)}))):this.details&&(this.details.innerHTML=""),u.setAttribute(n.default.attr.active,""),h||(this.messageTimeout=setTimeout((()=>{this.widget.bDisconnect||(u.removeAttribute(n.default.attr.active),this.messageTimeout=null)}),d))}closeStatus(){this.ZG.oDOMStatus.removeAttribute(n.default.attr.active),this.widget.focusManager.initChangeFocus("up")}destroy(){this.close=null,this.icon=null,this.statusText=null,this.messageTimeout&&(clearTimeout(this.messageTimeout),this.messageTimeout=null)}}},47581:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>s});var n=o(32816),r=o(45092),i=o(32260),a=o(38419);const s=class{constructor(e){this.widget=e.widget,this.ZG=this.widget.webcomponent}_getTooltipOptions(e,t,o){const n=this.widget.store,r=e.toLowerCase(),a={},s=this.widget[`o${e}Tooltip`];!t[`fn${e}TooltipRenderer`]&&t[`${r}TooltipRenderer`]?t[`fn${e}TooltipRenderer`]=i.Z.setUserFunction(null,t[`${r}TooltipRenderer`]):!s[`fn${e}TooltipRenderer`]&&s[`${r}TooltipRenderer`]&&(s[`fn${e}TooltipRenderer`]=i.Z.setUserFunction(null,s[`${r}TooltipRenderer`]));if([`oDOM${e}TooltipTemplate`,`fn${e}TooltipRenderer`,`${r}TooltipText`,`${r}TooltipIcon`,`${r}TooltipIconPosition`,`${r}TooltipDelay`,`${r}TooltipPosition`,`${r}TooltipTemplate`,`${r}TooltipType`,`${r}TooltipTrigger`,`${r}TooltipAction`].forEach((o=>{const n=new RegExp(e,"i");let r=o.replace(n,"");r=r.charAt(0).toLowerCase()+r.slice(1),a[r]=t[o]||s[o]||null})),"Header"===e)a.oTemplateContext={fieldIndex:t.sFieldIndex,headerText:t.sColumnHeaderText},a.aRendererArgs=[t.sFieldIndex,t.sColumnHeaderText,this,t];else if(o.sGroupRecordIndex);else{const e=n.get(o.sTargetRecordIndex).oRecordRawData,t=o.indexData();a.oTemplateContext={record:e,index:t},a.aRendererArgs=[t,e,this,o]}return a}_getTooltipContent(e,t){let o=null;const n=t.oDOMTooltipTemplate,i=this.widget.store,a=t.oTemplateContext,s=t.aRendererArgs||[];let l=t.tooltipText;const d={tooltipText:l};for(let e in a)d[e]=a[e];l&&-1!==l.indexOf(i.templateStartDelimiter)&&(d.tooltipText=l=i.populateTemplate(l,null,d)),n&&(o=i.populateTemplate(n,null,d));const c=t.fnTooltipRenderer;if(c&&c.method){const e=c.method,t=[l,...s],n=c.scope;let i=e.apply(n,t);r.Uh(i)&&(o=i)}else l&&!n&&(o=l);return o}_hasTooltip(e,t){const o=t.fnTooltipRenderer&&t.fnTooltipRenderer.method;return!!t.tooltipText||o||t.oDOMTooltipTemplate}_initTooltipTriggers(e,t,o){o?t.fnUnClick=e.on("click",(e=>this._toggleTarget(e,t)),this):(t.fnUnMouseEnter=e.on("mouseenter",(e=>this._delayTarget(e,t)),this),t.fnUnMouseLeave=e.on("mouseleave",(e=>this._hideTarget(e,t)),this))}_hideTarget(e,t,o,r){const i=this.ZG.oDOMTooltip;if(this.tooltipDelay&&!r&&clearTimeout(this.tooltipDelay),!o){const o=e.oBrowserEvent.relatedTarget;if(n.Z.elContains(t.oTrigger,o)||n.Z.elContains(i,o))return;e&&e.stopPropagation()}t===this.oCurrentParent&&(i._hideTarget(),this.oCurrentParent=null,t.bTooltipOpen=!1,this.fnUnMouseLeave&&(this.fnUnMouseLeave(),this.fnUnMouseLeave=null))}_delayTarget(e,t,o){const n=t.oTooltipOptions,r=n.tooltipDelay||o||n.defaultTooltipDelay||0;r?(this.tooltipDelay&&clearTimeout(this.tooltipDelay),this.tooltipDelay=setTimeout((()=>{this._showTarget(e,t)}),r)):this._showTarget(e,t)}_showTarget(e,t,o){const n=this.ZG.oDOMTooltip;if(n&&!t.bTooltipOpen){if(this.oCurrentParent&&this._hideTarget(null,this.oCurrentParent,!0),t.tagName.toLowerCase()===a.default.zgCell.tagName){const e=this.widget.selectorEngineManager.$cell(t),o=t.getAttribute("type")===a.default.internalColumn.rowgroup,n=e&&e.sGroupRecordIndex;if(o&&!n)return;if(n&&!o)return}this.oCurrentParent=t,t.bTooltipOpen=!0,n._showTarget(e,t.sTooltipContent,t),o||(this.fnUnMouseLeave=n.on("mouseleave",(e=>this._hideTarget(e,t)),this))}}_toggleTarget(e,t){t.bTooltipOpen?this._hideTarget(e,t,!0):this._showTarget(e,t,!0)}destroy(){this.close=null,this.icon=null,this.statusText=null,this.messageTimeout&&(clearTimeout(this.messageTimeout),this.messageTimeout=null)}}},21704:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>h});var n=o(68965),r=o(45092),i=o(32816),a=o(38419),s=o(7673),l=o(32260),d=o(34584);class c extends n.Z{constructor(e){(e=e||{})._defaults={},super(e),this.resetGlobals(),this.nInitialWidth=0,this.updating=!1,this.nInitialWindowWidth=document.documentElement.clientWidth,this.resizeTO,this.resizeWindow=()=>{this.widget&&this.widget.bAPIReady&&(!this.widget.webcomponent.oDOMDialog||""!==this.widget.webcomponent.oDOMDialog.open&&!0!==this.widget.webcomponent.oDOMDialog.open)&&(window.clearTimeout(this.resizeTO),this.resizeTO=setTimeout((()=>{if(this.nInitialWindowWidth===document.documentElement.clientWidth)return;this.nInitialWindowWidth=document.documentElement.clientWidth;const e=window.innerWidth-document.documentElement.clientWidth;this.widget.renderTo.style.display="none",this.nSavedResizeWidth=this.widget.webcomponent.clientWidth;const t=window.innerWidth-document.documentElement.clientWidth,o=Math.abs(document.documentElement.clientWidth-this.widget.webcomponent.clientWidth-e);e>0&&0===t&&o<=3&&(this.nSavedResizeWidth-=e),this.widget.renderTo.style.display="",this._removeFixedWrapperWidth(),this.updateResizeWindow()}),100))};try{window.top.addEventListener("resize",this.resizeWindow,{passive:!0})}catch(e){window.addEventListener("resize",this.resizeWindow,{passive:!0})}}update(e,t,o){const n=this.widget,r=n.webcomponent;let i=!1,s=!1;if(void 0===t&&(t=null),void 0===o&&(o=null),this.widget.webcomponent.bRemoved)return;if(this.updating||(n.nLoadingImages=0),this.updating=!0,this.sOrientation=window.orientation,this.bIsIframe=window!==window.top,e=e||{},n.bPreloaded&&(this.cleanPreload(),e.bUpdateColumnHeaderAssignment&&(e={bUpdateColumnBodyContainerClass:!0,bUpdateColumnHeaderAssignment:!0,bInitialSizeCheck:!0})),this.oOption=e,!this.nInitialWidth){n.mainGridTable?this.nInitialWidth=n.oDOMScroller.clientWidth:this.nInitialWidth=r._oShadowRoot.querySelector("#scroll").clientWidth,this.nCurrContainerWidth=this.nInitialWidth,this.nIframeParentWidth=Math.min(this.nInitialWidth,document.documentElement.clientWidth);let e=r.getBoundingClientRect().width,t=window.innerWidth;this.nPadding=e?Math.max(t-e,20):0,this.setMainContainerWidth()}if(e.bNoReRenderer||r.oDOMCellOverflow.close(),e.bUpdateRowMappingFilter&&this.updateRowMappingFilter(),e.bUpdateContainer&&(s=this.updateRowContainer()),e.bNoHeaderRecalc||!e.bUpdateColumnHeaderContent&&!e.bUpdateColumnHeaderAssignment||(this.updateHeaderStructure(),this.updateHeaderRowContainer(e.bUpdateFilter)),(e.bUpdateColumnHeaderAssignment||e.bUpdateColumnHeaderContent)&&this.updateHeader(o,!0===e.bUpdateColumnHeaderContent),e.bUpdateColumnFooter&&this.updateFooterRowContainer(),e.bUpdateColumnFooterContent&&this.updateFooterContent(),e.bUpdateColumnFooterAssignment&&this.updateFooterAssignment(),e.bUpdateRowMappingOrder&&(this.updateRowMappingOrder(o),o=null),e.bUpdateBodyContent&&this.updateBodyAssignment(t,o),(e.bUpdateColumnBodyContainerClass||e.bUpdateBodyContent)&&this.updateBodyContainerClass(t,o),e.bUpdateBodyContent&&this.updateCustomCard(t),(e.bUpdateContainer||e.bUpdateHiddenContainer)&&this.updateHiddenColumns(e.bUpdateHiddenContainer),e.bUpdateColumnWidthCache&&this.updateColumnWidthCache(e.bHiddenColumns,e.bExpandColumns,e.bFixedColumns,e.bPreload),e.bUpdateColumnWidth||e.bUpdateHiddenContainer?i=this.updateColumnWidth(null,e.bPreload):e.bUpdateContainer&&this.updateMainFirstPosition(),(e.bUpdateBodyContent||e.bUpdateColumnWidth)&&this.widget.cellBreakManager.setCellBreak(),i||e.bUpdateColumnHeaderContent||e.bUpdateColumnHeaderAssignment||e.bUpdateColumnWidthCache){const t=i||e.bUpdateColumnHeaderContent;e.bNoHeaderRecalc||this.updateHeaderCellContainerClass(t,e.bInitialSizeCheck),this.updateFooterCellContainerClass(t)}e.bUpdateColumnHeaderAssignment&&this.updateHeaderStyle(),e.bUpdateColumnFooterAssignment&&this.updateFooterStyle(),!e.bInitialSizeCheck&&(e.bUpdateColumnWidth||e.bUpdateColumnBodyContainerClass||e.bUpdateBodyContent)&&this.calculateRowHeights();const l=n.bHasFootRow?1:0,d=n.getRowContainerCount()+n.getAllHeaderDepth()+l;if(n.oDOMMainGridTable.setAttribute(a.default.aria.rowCount,d),n.oDOMMainGridTable.setAttribute(a.default.aria.colCount,n.aColumnMapping.length),s){let n=e.bInitialSizeCheck;e.bInitialSizeCheck=!1,this.updateRowsPerSet(),e.bNoHeaderRecalc=!0,this.update(e,t,o),e.bInitialSizeCheck=n}e.bInitialSizeCheck?(this.nSavedResizeWidth=this.widget.webcomponent.clientWidth,this._removeFixedWrapperWidth(),this.updateResizeWindow()):r.height&&(r.oDOMMain.style.height=r.oDOMVScroller.getBoundingClientRect().height+"px"),!e.bUpdateColumnWidth||i||e.bInitialSizeCheck||this.bResizing||this.checkHorizontalScroll(!0),this.updating=!1}setMainContainerWidth(){const e=this.widget,t=e.webcomponent,o=e.mainGridTable.dom,n=this.bIsIframe?this.nIframeParentWidth:this.nInitialWidth;t.getAttribute(a.default.zgLayout.attr)===a.default.zgLayout.typeCard||e.nSetWidth||(o.style.width=n+"px",o.setAttribute(a.default.attr.width,""))}checkHorizontalScroll(e){const t=this.widget;if(!t||!t.mainGridTable)return;let o=t.webcomponent,n=t.mainGridTable.dom,r=o._oShadowRoot.querySelector("#scroll"),i=this.bIsIframe?this.nIframeParentWidth:this.nInitialWidth;const s=o.getAttribute(a.default.zgLayout.attr)===a.default.zgLayout.typeCard;if(o.clientWidth>=i&&i+0===o.clientWidth&&(i+=0),s)return n.removeAttribute(a.default.attr.style),void(e||(t.bNeedsRowResize=!0));this.setMainContainerWidth(),r&&(r.style.width<n.style.width||""===n.style.width)&&(r.style.width="")}updateWrapperSize(){const e=this.widget,t=e.webcomponent,o=e.mainColumnBody.oDOMWrapper,n=this.nSavedResizeWidth||this.getVisibleBodyWidth();let r=o.getBoundingClientRect().width,i=0;if(!d.V5){const e=t._oShadowRoot.querySelector("#scroll").getBoundingClientRect().width;e!==n&&(i=n-e,r+=i),r=Math.max(r,n)}e.isCardLayout()?this.clearFrameWidths():(e.oHeadWrapper.style.width=n+"px",t.oDOMHead.style.width=r+"px",e.oFootWrapper.style.width=n+"px",t.oDOMFoot.style.width=r+"px")}updateFrozenMainSize(){const e=this.widget,t=e.webcomponent,o=e.mainColumnBody.oDOMWrapper,n=this.nSavedResizeWidth||this.getVisibleBodyWidth();let r=o.getBoundingClientRect().width,i=0;if(!d.V5){const e=t._oShadowRoot.querySelector("#scroll").getBoundingClientRect().width;e!==n&&(i=n-e,r+=i),r=Math.max(r,n)}e.isCardLayout()?this.clearFrameWidths():(t.oDOMFrozenMainFootFrame.style.width=n+"px",t.oDOMFrozenMainHeadFrame.style.width=n+"px",t.oDOMFrozenMainHead.style.width=r+"px",t.oDOMFrozenMainFoot.style.width=r+"px",t.oDOMNodata&&(t.oDOMNodata.style.width=r+"px"))}getVisibleBodyWidth(){const e=!d.V5,t=this.widget.webcomponent,o=this.widget.el.dom,n=t._oShadowRoot.querySelector("#scroll");let r=null;if(this.widget.nSetWidth){let e=this.widget.nSetWidth;(+e==e||-1!==e.indexOf("px"))&&(r=parseInt(e,10))}return r||(r=e?o.getBoundingClientRect().width-0:n.getBoundingClientRect().width-0),r}updateResizeWindow(e,t){const o=this.widget,n=o.webcomponent,i=o.mainGridTable.dom;let a=!1;if(this.bResizing=!0,!this.nPadding){let e=o.webcomponent.getBoundingClientRect().width,t=window.innerWidth;this.nPadding=Math.max(t-e,20),a=!0}(e||this.bIsIframe&&this.sOrientation!=window.orientation)&&(n.style.display="none",this.clearStyle(),n.style.display=""),(a||o.nSetWidth)&&(n._setScrollWidth(o.nSetWidth,!0),this.nInitialWidth=this.nCurrContainerWidth=i.clientWidth);const s=r.c7.get(this.widget,["viewportManager"]);let l=!1;if(!o.nSetWidth){let e=o.mainGridTable.dom;e.clientWidth>this.nInitialWidth&&(l=!0),this.nInitialWidth=this.nSavedResizeWidth||e.clientWidth,this.nIframeParentWidth=Math.min(this.nInitialWidth,document.documentElement.clientWidth),this.nCurrContainerWidth=this.nInitialWidth,this.nSavedResizeWidth=null}!this.updating&&s&&s.run.play?(s.setViewport(a),window.requestAnimationFrame((()=>{o.bDisconnect||this.finishResize(l)}))):this.finishResize(l)}finishResize(e){const t=this.widget,o=t.webcomponent;this.checkHorizontalScroll(),this.resizeGrid(e),o.height&&(o.oDOMMain.style.height=o.oDOMVScroller.getBoundingClientRect().height+"px"),t.webcomponent.oDOMCellOverflow.close(),t&&t.recordEditor&&t.recordEditor.cancelOpenEdit(),this.bResizing=!1}updateRowMappingFilter(){(this.widget.bHasFilterEnabled||this.widget.bHasSearchEnabled)&&this.widget.filter.filter()}updateRowMappingOrder(e){let t=this.widget,o=t.aColumnMapping;if(null===e)for(let e=0,n=o.length;e<n;e++)t.sorter.sortRowMappingByColumn(o[e]);else t.sorter.sortRowMappingByColumn(o[e]);t.sorter.unsetActiveSort()}updateHeaderRowContainer(e){const t=this.widget,o=t.mainColumnHeader,n=t.getHeaderContainer(),r=n.childNodes,i=t.getHeaderDepth();let s=r.length-i,l=n.querySelector("zg-filter"),d=n.querySelector('zg-row[type="aggregate"]'),c=n.querySelectorAll('zg-row[type="frozen"]').length,h=t.aTopRowMapping.length,u=l&&!t.bHasFilterEnabled,g=d&&!t.bHasHeadRow;if(l&&s--,d&&s--,s-=c,(l||d||c)&&(e||0!==s||u||g)){l&&(this.removeHeaderRows(),this.widget.aFilters.length=0),d&&this.removeHeaderRows();for(let e=0;e<c;e++)this.removeHeaderRows();l=!1,d=!1,c=0}if(s<0&&(this.widget.aFilters.length=0),this.updateRows(o,s),i||t.bHeaderRowHide){if(t.bHasFilterEnabled&&!l){o.insertRow(!0).forEach((e=>e?e.setAttribute(a.default.attr.type,"filter"):null))}if(t.bHasHeadRow&&!d){o.insertRow(!1,!0).forEach((e=>e?e.setAttribute(a.default.attr.type,"aggregate"):null))}if(h!==c)for(let e=0;e<h;e++){o.insertRow(!1,!0).forEach((t=>{t&&(t.setAttribute(a.default.attr.type,"frozen"),t.dataRowIndex=e)}))}}t.columnMenu&&!t.bColumnClick&&t.columnMenu.initMenu()}updateHeaderStructure(){const e=this.widget,t=e.sNestedDataSeparator,o=e.getHeaderDepth();let n=e.bHasFilterEnabled?o:-1,i=e.bHasHeadRow?o:-1;i>-1&&n>-1&&i++;const a=Math.max(n+1,i+1,o),s=e.nTopFrozenRows,l=e.aColumnMapping.map((e=>this._setColumnText(e))),d=l.map((e=>r.Sh(e)?[e]:r.String._splitHeader(e,t)));if(!d.length)return;const c=[];let h,u,g;for(let e=0,t=d.length;e<t;e++){u=d[e].length;for(let t=0,n=o;t<n;t++)h={},g=d[e][t],h.rowspan=t<u-1?1:t===u-1?o-u+1:0,h.text=null!==g?g:c[t-1][e].text,c[t]=c[t]||[],c[t][e]=h;-1!==n&&(c[n]=c[n]||[],c[n][e]={colspan:1,rowspan:1,text:""}),-1!==i&&(c[i]=c[i]||[],c[i][e]={colspan:1,rowspan:1,text:""});for(let t=0;t<s;t++){let o=a+t;c[o]=c[o]||[],c[o][e]={colspan:1,rowspan:1,text:""}}}let p,f=1,m="";for(let t=0,n=o;t<n;t++){p=0,m="",f=1;for(let o=0,n=l.length;o<n;o++){g=c[t][o].text,u=d[o].length;let n=e.aColumnMapping[o].bHidden;""!==g&&g===m&&u>1?f++:n||(c[t][p].colspan=f,p=o,m=g,f=1)}c[t][p].colspan=f}this.aaoFieldIndexT=c}updateHeaderCellContainerClass(e,t){e=e||!1;let o=!1;const n=this.widget,r=n.webcomponent;n.mainColumnHeader||(o=!0);if(!this.aaoFieldIndexT&&!o)return;let i=[];this.oHeaderPositions=[],n.savedScrollVal&&(n.oDOMMainScroll.scrollLeft=0,r.oDOMHead.style.transform="");let a=this.widget.aColumnMapping.length-n.nRightFrozenColumns;if(a<=n.nLeftFrozenColumns-1&&(a=n.nLeftFrozenColumns),this.processHeadRows(0,"Left",i,e),this.processHeadRows(n.nLeftFrozenColumns,"",i,e),this.processHeadRows(a,"Right",i,e),i.length&&(this.oOldHeaderStyles=i),n.savedScrollVal&&!t){let e=n.mainColumnBody.oBody.offsetWidth-n.oDOMMainScroll.offsetWidth;n.oDOMMainScroll.scrollLeft=Math.min(n.savedScrollVal,e),n.updateHeadFootScroll()}}processHeadRows(e,t,o,n){const r=this.widget,i=this.aaoFieldIndexT,s=r.getRegionsByColumnArea(t),l=s.oHead,d=s.oBody,c=l.childNodes,h=l.getBoundingClientRect(),u=r.aColumnMapping;let g,p,f,m,b,v,y,w=[];const z=c.length-1;let C=!1,S=0;const x=r.getFirstDataRowByArea(s);s.oBody.childNodes[0]||(C=!0),c.forEach(((t,s)=>{let l=[];S=0;let M=r.nDefaultHeadHeight;t.childNodes.forEach(((o,_)=>{let k=_+e;g=x?x.childNodes[_]:o,y=u[k],m=y.oDOMZGColumn||y,i?(p=i[s][k].colspan||0,v=i[s][k].rowspan||0):(p=1,v=1),p>=1&&(o.colSpan=p,!y.bHidden&&o.hasAttribute("hidden")&&(o.removeAttribute(a.default.attr.style),o.removeAttribute("hidden"))),v>=1&&(o.rowSpan=v),n&&!y.bHidden&&"absolute"===o.style.position&&o.removeAttribute(a.default.attr.style);if("ellipsis"!==r.cellBreakManager.getCellBreakByColumn(_)&&o.setAttribute(a.default.attr.title,""),(r.webcomponent.align||y.sAlign)&&r.setCellAlignment(o,y.sAlign),o.setAttribute("depth",s+1),f=o.querySelector(`[${a.default.zgCell.cellIndexAttr}]`),c.length>1)if(f){const e=r.sNestedDataSeparator;let t=y.sColumnHeaderText||f.getAttribute(a.default.zgCell.cellIndexAttr);b="disabled"!==e&&t.split(e).length>1,b&&o.setAttribute(a.default.attr.parent,"")}else o.setAttribute("not-parent","");o.setAttribute(a.default.attr.type,y.sCellType);const R=m.getAttribute(a.default.attr.type);let D,E;a.default.internalColumnTypes.indexOf(R)>-1||"disabled"===m.getAttribute("sort")||b&&"1"===o.getAttribute("depth")||!1===y.fnSorter?(o.setAttribute("sort","disabled"),o.tagName.toLowerCase()===a.default.zgHeadCell.tagName&&o._removeSort()):o.removeAttribute("sort"),o.tagName.toLowerCase()!==a.default.zgHeadCell.tagName||o.hasAttribute("not-parent")||(y.oDOMSortHeader=o),D=s>0?w[k]:g.getBoundingClientRect(),w[k]=D,E=this.aSavedHeadCellSize[s]&&this.aSavedHeadCellSize[s][k]?this.aSavedHeadCellSize[s][k]:o.getBoundingClientRect();var O=window.getComputedStyle(g);let T=parseInt(O.borderRightWidth,10),A=parseInt(O.borderLeftWidth,10);O=window.getComputedStyle(r.webcomponent);parseInt(O.borderRightWidth,10),parseInt(O.borderLeftWidth,10);O=window.getComputedStyle(d);let I=parseInt(O.borderRightWidth,10);O=window.getComputedStyle(o);let L=parseInt(O.borderLeftWidth,10),F=parseInt(O.borderRightWidth,10);if(!x||0===D.width&&0===D.height)return this.oOldHeaderStyles?this.oOldHeaderStyles.length>s&&this.oOldHeaderStyles[s].length>k&&(o.style=this.oOldHeaderStyles[s][k]):o.style.width=`${y.nCurrWidth}px`,void(s===z&&(this.oHeaderPositions[k]={width:o.style.width,left:o.style.left}));let N=C?parseInt(m.style.width,10):D.width,B=C?S:D.left-h.left;S+=N;let G=_+1,H=x?x.childNodes.length:0,P=p;for(;G<H&&P>1;G++,P--){N+=x.childNodes[G].getBoundingClientRect().width}if(0===k?(N+=A/2+F/2,B-=A/2):(B-=L,N+=L,F?B+=F/2:(B+=L/2,N-=L/2)),k+p>H-1&&p>0&&(N+=T/2-F/2,N-=I),0===p&&(N=0,o.setAttribute("hidden","")),o.nLeftPos=B,x){let e=E.height;o.style.left=`${B}px`,o.style.width=`${N}px`,"frozen"===t.getAttribute(a.default.attr.type)?(o.style.position="absolute",e=o.getBoundingClientRect().height):r.bCompact||(o.style.lineHeight=E.height*v+"px"),e=M=Math.max(M,e),o.style.height=e*v+"px",o.style.position="absolute",l.push(o.getAttribute(a.default.attr.style)),M>r.nDefaultHeadHeight&&(t.style.height=M+"px"),s===z&&(this.oHeaderPositions[k]={width:N,left:B}),o.tagName.toLowerCase()===a.default.zgHeadCell.tagName&&0!==N&&(y.nFullHeaderWidth&&N<y.nFullHeaderWidth?o.setAttribute(a.default.zgHeadCell.isContentLongerAttr,""):o.removeAttribute(a.default.zgHeadCell.isContentLongerAttr))}})),l.length&&(o[s]?o[s].push(...l):o[s]=l)}))}updateHeader(e,t){const o=this.widget,n=o.aColumnMapping,r=o.mainColumnHeader,i=this.aaoFieldIndexT,a=(e,o)=>{let n,r;n=i[e][o].colspan||0,r=i[e][o].rowspan||0,0!==n&&0!==r&&this.updateHeaderCellAssignment(e,o,t)};if(!n.length)return;let s=r.oHead.childNodes;if(s.length)for(let t=0,o=s.length;t<o;t++)if(e)a(t,e);else for(let e=0,o=n.length;e<o;e++)a(t,e)}updateHeaderStyle(){this._updateHeader(this.updateHeaderCellStyle,!1)}_updateHeader(e,t){let o=this.widget.aColumnMapping,n=this.widget.mainColumnHeader;if(o.length)for(let r=0,i=n.oHead.childNodes.length;r<i;r++)for(let n=0,i=o.length;n<i;n++){const i=o[n].sCellType;t&&!o[n].sFieldIndex&&i!==a.default.cellTypes.aggregate||e.call(this,r,n)}}updateHeaderCellStyle(e,t){const o=this.widget;let n=o.webcomponent;const i=o.aColumnMapping[t],s=`${i.sColumnId}+${e}`;let l=o.oZGHeadCellMap[s];const d=o.aColumnMapping[t];let c;if(l&&l.parentNode)c=l.parentNode;else{const n=o.getHeaderByColumnIndex(t),r=o.getAdjustedColumnIndex(t),i=n.querySelectorAll("zg-row"),a=e;i.length>a&&(c=i[a].childNodes[r])}if(c){c.setAttribute(a.default.zgCell.cellIndexAttr,i.sFieldIndex),c.className="";let e=r.XU(n.fnHeadClass,n.headClass,[d.sFieldIndex,c,d]);e&&c.classList.add(e);let t=r.XU(n.fnColClass,n.colClass,[d.sFieldIndex,c,d]);if(t&&c.classList.add(t),c.sCellClass){c.sCellClass.split(" ").forEach((e=>c.classList.add(e))),c.sCellClass=null}}}updateHeaderCellAssignment(e,t,o){const n=this.widget,r=n.aColumnMapping[t],i=`${r.sColumnId}+${e}`;let s=n.oZGHeadCellMap[i];!o&&s&&s.parentNode&&!s.parentNode.bRemoved||(s=this.updateHeaderCellContent(e,t)),s&&s.setAttribute(a.default.zgCell.cellIndexAttr,r.sFieldIndex)}updateHeaderCellContent(e,t){const o=this.widget,n=(o.store,this.aaoFieldIndexT),i=o.aColumnMapping,s=i[t].sColumnId+"+"+e,d=i[t],c=o.getHeaderByColumnIndex(t),h=o.getAdjustedColumnIndex(t),u=c.childNodes[e],g=u.childNodes[h];let p,f=o.oZGHeadCellMap[s]||g.querySelector("div");if("zg-filter"===g.tagName.toLowerCase())return!1;if(f&&f.parentNode&&f.parentNode.bRemoved&&(f=null),o.bPreloaded)return d.sCellType===a.default.internalColumn.recordselector&&d.fnRenderer.method.apply(d,[null,f]),f;if(f||(f=document.createElement("div"),g.appendChild(f)),d.bHidden&&g.setAttribute(a.default.attr.hidden,""),"aggregate"===u.getAttribute("type")){let e=d.sHeadCell,n=d.fnHeadCell;e&&!n&&(n=d.fnColHeadCell=l.Z.setUserFunction(null,e)),p=o.aggregateManager.calculateAggregateColumn(e,n,d.sFieldIndex,d,t)}else p=n[e][t].text;if(d.sCellType===a.default.internalColumn.recordselector){let e=d.fnRenderer.method.apply(d);o.webcomponent._setSelectorCheckbox(e)}return r.Sh(p)?(f.innerHTML="",f.appendChild(p)):f.innerHTML=`<span>${p}</span>`,o.oZGHeadCellMap[s]=f,f.setAttribute(a.default.zgCell.cellIndexAttr,i[t].sFieldIndex),g.setAttribute(a.default.zgCell.cellIndexAttr,i[t].sFieldIndex),g.tagName.toLowerCase()===a.default.zgHeadCell.tagName&&d.nHeaderDepth===e+1&&g._setHeaderTooltip(),f}updateFooterRowContainer(){const e=this.widget;let t=e.mainColumnFooter;const o=t.oFoot.childNodes,n=e.bHasFootRow?1:0;let r=o.length-n,i=t.oFoot.querySelectorAll('zg-row[type="frozen"]').length;const s=e.aBottomRowMapping.length-i;if(r-=i,s>0)for(let e=0;e<s;e++){t.insertRow(!1).forEach((e=>e?e.setAttribute(a.default.attr.type,"frozen"):null))}else s<0&&(r+=s);this.updateRows(t,r)}updateFooterAssignment(){this._updateFooter(this.updateFooterCellAssignment,!1)}updateFooterContent(){this._updateFooter(this.updateFooterCellContent,!0)}updateFooterStyle(){this._updateFooter(this.updateFooterCellStyle,!1)}_updateFooter(e,t){let o=this.widget.aColumnMapping,n=this.widget.mainColumnFooter;if(!o.length)return;let r=n.oFoot.childNodes;if(r.length)for(let n=0,i=r.length;n<i;n++)for(let r=0,i=o.length;r<i;r++){const i=o[r].sCellType;t&&!o[r].sFieldIndex&&i!==a.default.cellTypes.aggregate||e.call(this,n,r)}}updateFooterCellStyle(e,t){const o=this.widget;let n=o.webcomponent;const i=o.aColumnMapping[t],a=`${i.sColumnId}+${e}`;let s=o.oZGFootCellMap[a];if(!s)return;let l=s.parentNode;if(!l){const n=o.getFooterByColumnIndex(t),r=o.getAdjustedColumnIndex(t),i=n.querySelectorAll('zg-row[type="frozen"]');i.length>e&&(l=i[e].childNodes[r])}if(l){l.className="";let e=r.XU(n.fnFootClass,n.footClass,[i.sFieldIndex,l,i]);e&&l.classList.add(e);let t=r.XU(n.fnColClass,n.colClass,[i.sFieldIndex,l,i]);t&&l.classList.add(t)}if(l.sCellClass){l.sCellClass.split(" ").forEach((e=>l.classList.add(e))),l.sCellClass=null}}updateFooterCellAssignment(e,t){const o=this.widget,n=o.aColumnMapping[t],r=`${n.sColumnId}+${e}`;let i=o.oZGFootCellMap[r];const s=n.sFieldIndex;i||(i=this.updateFooterCellContent(e,t)),i&&i.setAttribute(a.default.zgCell.cellIndexAttr,s)}updateFooterCellContent(e,t){let o=this.widget,n=o.aColumnMapping,i=n[t],s=i.sColumnId+"+"+e;const d=o.getFooterByColumnIndex(t),c=o.getAdjustedColumnIndex(t),h=i.sFootCell;let u,g=i.fnFootCell,p=d.childNodes[e],f=p.childNodes[c],m=o.oZGFootCellMap[s]||f.querySelector("div");return"frozen"===p.getAttribute(a.default.attr.type)?u="":(h&&!g&&(g=i.fnColFootCell=l.Z.setUserFunction(null,h)),u=o.aggregateManager.calculateAggregateColumn(h,g,i.sFieldIndex,i,t)),m||(m=document.createElement("div"),f.appendChild(m)),r.Sh(u)?(m.innerHTML="",m.appendChild(u)):m.innerHTML=u,o.oZGFootCellMap[s]=m,m.setAttribute(a.default.zgCell.cellIndexAttr,n[t].sFieldIndex),m}updateFooterCellContainerClass(e){let t,o,n;e=e||!1;let r,i,a,s=!1;const l=this.widget,d=l.webcomponent;if(!l.bHasFootRow&&!l.nBottomFrozenRows)return;l.mainColumnFooter?(t=l.mainColumnFooter.oFoot,o=l.leftColumnFooter.oFoot,n=l.rightColumnFooter.oFoot,r=l.mainColumnBody.oBody,i=l.leftColumnBody.oBody,a=l.rightColumnBody.oBody):(t=d.querySelector("zg-head#mainhead"),o=d.querySelector("zg-head#lefthead"),n=d.querySelector("zg-head#righthead"),r=d.querySelector("zg-body#mainbody"),i=d.querySelector("zg-body#leftbody"),a=d.querySelector("zg-body#rightbody"),s=!0);if(!this.aaoFieldIndexT&&!s)return;let c=[];const h=this.widget.aColumnMapping.length-l.nRightFrozenColumns;this.processFootRows(0,"Left",c,e),this.processFootRows(l.nLeftFrozenColumns,"",c,e),this.processFootRows(h,"Right",c,e),c.length&&(this.oOldFooterStyles=c)}processFootRows(e,t,o,n){const r=this.widget.aColumnMapping;let i,s;const l=[],d=this.widget,c=d.getRegionsByColumnArea(t),h=c.oFoot,u=h.childNodes,g=d.getFirstDataRowByArea(c);u.forEach(((t,o)=>{l[o]=[];let c=d.nDefaultHeadHeight;t.childNodes.forEach(((u,p)=>{let f=p+e;s=g?g.childNodes[p]:u,i=r[f];const m=d.getAreaByColumnIndex(f);n&&!i.bHidden&&"absolute"===u.style.position&&u.removeAttribute(a.default.attr.style),(d.webcomponent.align||i.sAlign)&&d.setCellAlignment(u,i.sAlign),"main"===m&&0===p&&i.oDOMSortHeader&&i.oDOMSortHeader.style.borderLeft&&(u.style.borderLeft=i.oDOMSortHeader.style.borderLeft),l[o][f]=[s.getBoundingClientRect(),u.getBoundingClientRect(),h.getBoundingClientRect()];const[b,v,y]=l[o][f];if(0===b.width&&0===b.height)return void(this.oOldHeaderStyles?this.oOldHeaderStyles.length>o&&this.oOldHeaderStyles[o].length>f&&(u.style=this.oOldHeaderStyles[o][f]):this.oHeaderPositions&&this.oHeaderPositions[f]&&(u.style.width=this.oHeaderPositions[f].width,u.style.left=this.oHeaderPositions[f].left));let w=b.width,z=b.left-y.left;if(this.oHeaderPositions&&this.oHeaderPositions[f]&&(w=this.oHeaderPositions[f].width,z=this.oHeaderPositions[f].left),g&&w){let e=v.height;u.style.left=`${z}px`,u.style.position="absolute",u.style.width=`${w}px`,"frozen"===t.getAttribute(a.default.attr.type)?(e=u.getBoundingClientRect().height,e=c=Math.max(c,e)):d.bCompact||(u.style.lineHeight=`${v.height}px`),u.style.height=`${e}px`,c>d.nDefaultHeadHeight&&(t.style.height=c+"px")}}))}))}removeAllHeaderRows(){const e=this.widget,t=this.widget.mainColumnHeader,o=e.leftColumnHeader,n=e.rightColumnHeader;this.updateRows(o,o.oHead.childNodes.length),this.updateRows(t,t.oHead.childNodes.length),this.updateRows(n,n.oHead.childNodes.length)}removeAllFooterRows(){const e=this.widget,t=this.widget.mainColumnFooter,o=e.leftColumnFooter,n=e.rightColumnFooter;this.updateRows(o,o.oFoot.childNodes.length),this.updateRows(t,t.oFoot.childNodes.length),this.updateRows(n,n.oFoot.childNodes.length)}removeHeaderRows(){const e=this.widget;e.mainColumnHeader.removeRow(),e.leftColumnHeader.removeRow(),e.rightColumnHeader.removeRow()}updateRows(e,t){if(t>0)for(let o=0;o<t;o++)e.removeRow();else t<0&&(t=-t,e.insertRows(t))}cleanPreload(){if(!this.widget.webcomponent)return;const e=this.widget.getAllBodies(),t=this.widget.getAllHeads();for(let t=0;t<e.length;t++)this.removeNonElements(e[t]);for(let e=0;e<t.length;e++)this.removeNonElements(t[e])}removeNonElements(e,t){let o=0,n=this.widget;e.childNodes&&[...e.childNodes].forEach((t=>{if(1!==t.nodeType)e.removeChild(t);else{let e=t.tagName.toLowerCase();"zg-row"===e?t.rowIndex=o++:"zg-cell"===e&&(t.cellIndex=o++),t.widget=n,"div"!==e&&this.removeNonElements(t)}}))}clearFrameWidths(){const e=this.widget.webcomponent;e.oDOMFrozenMainFootFrame.style.width="",e.oDOMFrozenMainHeadFrame.style.width="",e.oDOMFrozenMainHead.style.width="",e.oDOMFrozenMainFoot.style.width=""}clearStyle(e){const t=this.widget;t.webcomponent;if(!t.mainColumnHeader)return;let o=this.widget.mainColumnHeader.oColGroup,n=t.mainGridTable.dom,r=t.webcomponent._oShadowRoot.querySelector("#scroll"),i=o.getElementsByTagName(a.default.zgColumn.tagName),s=t.getHeadRows(),l=t.getFootRows();n.style.width="",r.style.width="",t.updateHeadFootScroll(!0),this.clearFrameWidths(),s.forEach(((e,t)=>{e.childNodes.forEach(((e,t)=>{e.removeAttribute(a.default.attr.style)}))})),l.forEach((e=>{e.childNodes.forEach((e=>{e.removeAttribute(a.default.attr.style)}))}));for(let t=0;t<i.length;t++)i[t].removeAttribute(a.default.attr.style),e&&(i[t].removeAttribute("min-calculated-width"),i[t].removeAttribute("min-calculated-header-width"));this.nIframeParentWidth=this.nInitialWidth=this.nCurrContainerWidth=0;let d=t.aColumnMapping;(t.aRowMapping.length>0||0===d.length)&&(this.oOldHeaderStyles=[],this.oHeaderPositions=[])}clearCache(){let e=this.widget,t=e.mainColumnBody,o=e.leftColumnBody,n=e.leftColumnHeader,r=e.leftColumnFooter,i=e.rightColumnBody,a=e.rightColumnHeader,s=e.rightColumnFooter,l=e.mainColumnHeader,d=e.mainColumnFooter;e.oZGCellMap={},e.oZGHeadCellMap={},e.oZGFootCellMap={},this.updateRows(n,n.oHead.childNodes.length),this.updateRows(o,o.oBody.childNodes.length),this.updateRows(r,r.oFoot.childNodes.length),this.updateRows(t,t.oBody.childNodes.length),this.updateRows(l,l.oHead.childNodes.length),this.updateRows(d,d.oFoot.childNodes.length),this.updateRows(a,a.oHead.childNodes.length),this.updateRows(i,i.oBody.childNodes.length),this.updateRows(s,s.oFoot.childNodes.length)}resizeGrid(e){const t=this.widget;if(!t||!this.widget.mainGridTable)return;const o=t.webcomponent;if(e=!1,!t.nSetWidth){let o=t.oDOMScroller;o.clientWidth>this.nInitialWidth&&(e=!0),this.nInitialWidth=this.nSavedResizeWidth||o.clientWidth,this.nIframeParentWidth=Math.min(this.nInitialWidth,document.documentElement.clientWidth),this.nCurrContainerWidth=this.nInitialWidth,this.nSavedResizeWidth=null}this.update({bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0,bHiddenColumns:!0,bExpandColumns:e}),t.selector.bHasSelection&&t.selector.se.select(),t.recordEditor&&t.recordEditor.onResize(),o.oDOMControlBar&&o.oDOMControlBar.checkMessageSize(),t.isCardLayout()&&requestAnimationFrame((()=>{t.bDisconnect||this.calculateCardsPerRow()}))}calculateCardsPerRow(){let e=this.widget,t=e.mainColumnBody.oBody.childNodes,o=t.length,n=null,r=0;for(r=0;r<o;r++){let e=t[r].getBoundingClientRect().y;if(null===n&&(n=e),e!==n)break}e.setCardsPerRow(r)}_updateGrid(e,t,o){if(e>0)for(let o=0;o<e;o++)t();else if(e<0){e=-e;for(let t=0;t<e;t++)o()}}updateRowsPerSet(){let e=this.widget,t=e.mainColumnBody.oBody.childNodes;if(0===t.length)e.bStaticScroll=!1;else{let o=t[0].getBoundingClientRect(),n=o.height,r=i.Z.get(e.oDOMScroller),s=r.getHeight(),l=1;if(e.webcomponent.getAttribute(a.default.zgLayout.attr)===a.default.zgLayout.typeCard){let e=r.getWidth(),t=o.width;l=Math.floor(e/t)}let d=Math.ceil(s/n)*l;e.nRowsPerSet=3*d}}updateRowContainer(){const e=this.widget;let t=e.mainColumnBody,o=t.oBody.childNodes,n=o.length,r=!1,i=e.getRowContainerCount();const a=e.webcomponent;let s=n-i;0===s&&i&&void 0===o[0].rowIndex&&o.forEach(((e,t)=>e.setBodyIndexes(t))),s<0&&e.bStaticScroll&&-1===e.nRowsPerSet&&(s=-1,r=!0),s<0&&(this.updateRows(t,s),n=o.length);for(let e=0;e<n;e++)this._updateRowVisibility(e,i);return a.height&&(a.oDOMMain.style.height=a.oDOMVScroller.getBoundingClientRect().height+"px"),r}_updateRowVisibility(e,t){const o=this.widget,n=o.mainColumnBody.oBody.childNodes,r=o.leftColumnBody.oBody,i=o.rightColumnBody.oBody,s=[n[e]];r.childNodes&&r.childNodes.length>e&&s.push(r.childNodes[e]),i.childNodes&&i.childNodes.length&&s.push(i.childNodes[e]),e<t?s.forEach((e=>e.removeAttribute(a.default.attr.hidden))):s.forEach((e=>e.setAttribute(a.default.attr.hidden,"")))}_updateBody(e,t,o){const n=this.widget;let r=n.aColumnMapping,i=n.getMainBodyRows(),s=i.length,l=r.length,d=e=>{for(let t=0;t<s;t++)i[t].hasAttribute("hidden")||(o.call(this,t,e),c(t))};function c(e){const t=n.getDataRowsByRow(e);if(!t||0===t.length)return;let o=[];for(let e=0;e<t.length;e++)o.push(...Array.from(t[e].children));const r=n.getByTagName(o,a.default.zgCell.tagName);let i=[];const s=[...r].filter((e=>e.hasAttribute(a.default.attr.control)));s.forEach((e=>i.push(e.getAttribute(a.default.attr.type)))),s.forEach((e=>e.setAttribute(a.default.attr.control,i.join(","))))}if(null===t)for(let t=0;t<l;t++)null===e?d(t):o.call(this,e,t);else d(t)}updateBodyContainerClass(e,t){this.widget.webcomponent._setGridClasses(!0),this._updateBody(null,t,this.updateCellContainerClass),this._updateBody(e,0,this.updateRowContainerClass)}updateBodyAssignment(e,t){this._updateBody(null,t,this.updateCellAssignment)}updateCustomCard(e){let t=this.widget,o=t.mainColumnBody.oBody.childNodes;t.hasCardTemplate()&&(null!=e?this.processCardTemplate(o[e]):o&&[...o].forEach((e=>this.processCardTemplate(e))))}processCardTemplate(e){if(e.hasAttribute("hidden"))return;let t=this.widget,o=t.store,n=e.bodyRowIndex,i=e.querySelector("zg-card");i||(i=e.appendChild(document.createElement(a.default.zgCard.tagName)));let s=t.getRecordIndexByDataRowContainerIndex(n),d=o.get(s).oRecordRawData,c=t.oCard?t.oCard.renderer:null,h=t.selectorEngineManager.$row(n),u={record:d};for(;i.lastChild;)i.removeChild(i.lastChild);if(t.oCardTemplate?o.populateTemplate(t.oCardTemplate,i,u):t.oCardBody&&o.populateTemplate(t.oCardBody,i,u),c){c=l.Z.setUserFunction(null,c);let e=c.method.apply(c.scope,[d,i,h])||"";r.Sh(e)?i.appendChild(e):e.length&&(i.innerHTML=e)}}updateRowContainerClass(e){const t=this.widget,o=t.webcomponent;let n=t.getFrozenRowState(e),r=t.getContainerRowIndexByDataRowIndex(e),i="",s=!e&&t.needRemoveBorder();"top"===n||"bottom"===n?(r=void 0,i=o.frozenRowClass||""):n="main";let l=t.getDataRowsByRow(e);if(!l||0===l.length)return;let d=o.rowClass||"",c=t.aZebraClasses,h="";c.length&&(h=c[e%c.length]);let u=t.selectorEngineManager.$row(e),g=null;if(u&&(g=u.sTargetRecordIndex),o.fnRowClass&&"function"==typeof o.fnRowClass.method||o.fnFrozenRowClass&&"function"==typeof o.fnFrozenRowClass.method){let a=t.store.get(g).oRecordRawData;if(o.fnRowClass&&"function"==typeof o.fnRowClass.method){let t=o.fnRowClass.scope||u;d=o.fnRowClass.method.apply(t,[a,e+1,l[0],u,n,r+1])}if(o.fnFrozenRowClass&&"function"==typeof o.fnFrozenRowClass.method){let t=o.fnFrozenRowClass.scope||u;i=o.fnFrozenRowClass.method.apply(t,[a,e+1,l[0],u,n])}}let p="";t.batchEditor.isActive()&&t.dirtyManager.isDirty(g)&&(p=t.dirtyManager.getDirtyClass(g)),d=`${i} ${h} ${p} ${d}`.trim(),d&&d.split(" ").forEach((e=>{l.forEach((t=>t.classList.add(e)))})),s?l.forEach((e=>e.setAttribute(a.default.attr.internaltop,""))):e||l.forEach((e=>e.removeAttribute(a.default.attr.internaltop)))}updateCellContainerClass(e,t){const o=this.widget;let n=o.store,i=o.getBodyByColumnIndex(t),s=o.getAdjustedColumnIndex(t);let l=o.getRow(e,t).childNodes[s];const d=l.querySelector("div");if(!l)return;let c,h=o.selectorEngineManager.$cell(e,t),u=h.sCellType,g=h.sTargetFieldIndex,p=h.sTargetRecordIndex,f=h.sGroupRecordIndex,m=u===a.default.internalColumn.rowgroup;if("bottom"===o.getFrozenRowState(e)){const t=o.aBottomRowMapping,n=o.getContainerRowIndexByDataRowIndex(e);p=h.sTargetRecordIndex=t[n].sRecordIndex}let b=o.aColumnMapping[t];const v=b.oDOMZGColumn;t!==l.cellIndex&&(l.cellIndex=t,l.setAttribute("aria-colindex",t+1)),v.title&&l.setAttribute(a.default.attr.title,v.title),l.setAttribute(a.default.zgCell.cellIndexAttr,g),d&&d.setAttribute(a.default.zgCell.cellIndexAttr,g),l.setAttribute(a.default.attr.type,u),-1!==a.default.internalColumnTypes.indexOf(u)&&(l.setAttribute(a.default.attr.control,""),l.setAttribute(a.default.attr.buttonTooltip,""),o.bPreloaded&&u===a.default.internalColumn.recordselector&&b.fnRenderer.method.apply(b,[null,l,h])),u!==a.default.cellTypes.custom&&u!==a.default.cellTypes.button||l.querySelector("zg-button")&&l.setAttribute(a.default.attr.buttonTooltip,""),i!==o.mainColumnBody.oBody?l.setAttribute(a.default.attr.frozen,""):l.removeAttribute(a.default.attr.frozen),l._setTooltip(u===a.default.internalColumn.recordinfo,b,h),o.setCellLabel({oDOMCellContainer:l,$cell:h}),c=f?m?[n.get(p,g,f)]:[""]:g.trim().split(",").map((e=>o.store.get(p,e.trim(),f))),(r.Uh(b.sArraySlice)||r.Uh(b.sArrayIndex))&&(c=o.store.getArrayData(c,b)),l.setAttribute("value",c.toString()),this.updateCellClass(c,l,b,h),(o.webcomponent.align||b.sAlign)&&o.setCellAlignment(l,b.sAlign),!f&&o.batchEditor.isActive()&&o.dirtyManager.isDirty(p,g)?l.classList.add(a.default.batchEdit.dirtyClass):l.classList.remove(a.default.batchEdit.dirtyClass)}updateCellAssignment(e,t){const o=this.widget;let n=o.getAdjustedColumnIndex(t);let r=o.getRow(e,t).childNodes[n],i=r._oShadowRoot.querySelector("slot");if(!r)return;let s=o.selectorEngineManager.$cell(e,t),l=s.sTargetFieldIndex;0===n&&(this.clearAttributes([r.parentNode]),r.parentNode.style.height=""),this.clearAttributes([r]);let d=i.assignedNodes();!o.bPreloaded&&d.length&&d.forEach((e=>{1===e.nodeType&&e.parentNode.removeChild(e)})),window.ShadyDOM&&window.ShadyDOM.flush();let c=s.sCellType;if(!l&&-1===a.default.noDataColumnTypes.indexOf(c)&&-1===a.default.internalColumnTypes.indexOf(c))return;let h=this.updateCellContent(e,t);h.parentNode&&!this.widget.bReordering||r.appendChild(h),h.parentNode.parentNode!==i.parentNode.host.parentNode&&(h.parentNode.removeChild(h),r.appendChild(h))}updateCellClass(e,t,o,n){const i=this.widget;let s=i.webcomponent,l=o.sCellType;const d=t.parentNode&&"frozen"===t.parentNode.getAttribute(a.default.attr.type);if(d?t.setAttribute("frozen-row",""):t.removeAttribute("frozen-row"),i.isCardLayout()&&-1!==a.default.internalColumnTypes.indexOf(l))return;let c=r.XU(s.fnCellClass,s.cellClass,[...e,t,n]);c=r.XU(o.fnCellClass,o.sCellClass,[...e,t,n])||c;let h=r.XU(s.fnColClass,s.colClass,[o.sFieldIndex,t,o]);if(h&&(c=null===c?h:`${c} ${h}`),c&&c.split(" ").forEach((e=>t.classList.add(e))),d&&(t.sCellClass=c),c){let e="",o=n.sTargetRecordIndex;i.batchEditor.isActive()&&i.dirtyManager.isDirty(o)&&(e=i.dirtyManager.getDirtyClass(o),e&&t.classList.add(e))}}clearAttributes(e){let t=!1,o=["action","role","value","data-field-index","hidden","text"];return e.forEach((e=>{for(let n=0;n<e.attributes.length;n++){let r=e.attributes[n];o.indexOf(r)<0&&(e.removeAttribute(r),t=!0)}e.removeAttribute(a.default.attr.class)})),t}updateCellContent(e,t){const o=this.widget,n=o.store;let d=o.getAdjustedColumnIndex(t);let c=o.getRow(e,t).childNodes[d];if(!c)return;const h=o.selectorEngineManager.$cell(e,t);let u=h.fnRenderer,g=h.sTargetFieldIndex,p=h.sTargetRecordIndex,f=h.sColumnId,m=h.sGroupRecordIndex,b=!!m;const v=o.aColumnMapping[t],y=v.oDOMZGColumn;let w=h.sCellType,z=w===a.default.internalColumn.rowgroup;const C=b&&!z&&v.sGroupHeadCell;if("bottom"===o.getFrozenRowState(e)){const t=o.aBottomRowMapping,n=o.getContainerRowIndexByDataRowIndex(e);p=h.sTargetRecordIndex=t[n].sRecordIndex}if(!u&&y.renderer&&(u=v.fnRenderer=l.Z.setUserFunction(null,y.renderer)),b){!h.fnFroupRenderer&&y.renderer&&(v.fnGroupRenderer=l.Z.setUserFunction(null,y.renderer))}!h.fnAggregateRenderer&&y.renderer&&w===a.default.cellTypes.aggregate&&(v.fnAggregateRenderer=l.Z.setUserFunction(null,y.renderer));let S,x=!!g;const M=g.split(",");S=b?z?[n.get(p,M[0].trim(),m)]:[""]:M.map((e=>{let t=n.get(p,e.trim());return null!=t&&(x=!1),t})),c.setAttribute("value",S.toString()),c.setAttribute(a.default.attr.type,w),window.ShadyDOM&&window.ShadyDOM.flush();let _,k=(b?m:p)+"+"+f;if(v.aUserSet.fnRenderer&&!this.oOption.bNoReRenderer||(_=o.oZGCellMap[k]),!_&&o.bPreloaded&&(_=c.querySelector("div")),!_){for(;c.lastChild;)c.removeChild(c.lastChild);_=document.createElement("div"),c.appendChild(_),!v.fnDetailsRenderer&&y.detailsRenderer&&(v.fnDetailsRenderer=l.Z.setUserFunction(null,y.detailsRenderer)),(v.oDOMDetailsTemplate||v.fnDetailsRenderer)&&(i.Z.get(_).on("click",(e=>{o.detailsManager.openCellDetails(h)})),w!==a.default.internalColumn.rowgroup&&_.setAttribute(a.default.template.detailsAttr,""))}if(o.bPreloaded&&-1===a.default.internalColumnTypes.indexOf(w)||b&&!z&&!C||z&&!b)for(;_.lastChild;)_.removeChild(_.lastChild);else{for(;_.lastChild;)_.removeChild(_.lastChild);if(u){(r.Uh(v.sArraySlice)||r.Uh(v.sArrayIndex))&&(S=n.getArrayData(S,v)),S.push(c),S.push(h),w===a.default.cellTypes.toggle&&(u={method:s.Z.getCellType(w).renderer,scope:null});let e=!b&&(void 0!==v.sDefaultDisplay&&"disabled"!==v.sDefaultDisplay||void 0!==o.sDefaultDisplay&&null!==o.sDefaultDisplay),i=!1;if(z||x&&e||(v.oDOMRenderTemplate?(i=!0,n.processTemplate(v.oDOMRenderTemplate,_,h)):v.body&&(i=!0,n.processTemplate(v.body,_,h))),x&&(!i||e)||v.aUserSet.fnRenderer||C||!v.body&&!v.oDOMRenderTemplate){let n;if(C){let e=v.sGroupHeadCell,r=v.fnGroupHeadCell;e&&!r&&(v.fnGroupHeadCell=l.Z.setUserFunction(null,e),r=v.fnGroupHeadCell),n=o.aggregateManager.calculateAggregateColumn(e,r,v.sFieldIndex,v,t,m,h)}else if(x&&e)n=v.sDefaultDisplay||o.sDefaultDisplay;else{let e=u.scope||h;n=u.method.apply(e,S)}r.Sh(n)?_.appendChild(n):r.Uh(n)&&(_.innerHTML=n),this.listenImagesFrames(_)}}}return-1!==a.default.internalColumnTypes.indexOf(w)||n.oDataFormat.bLoadByPages||(o.oZGCellMap[k]=_),_}listenImagesFrames(e){const t=this.widget;e.querySelectorAll("img, iframe").forEach((e=>{t.nLoadingImages++,e.onload=()=>{t.bDisconnect||(t.nLoadingImages--,0===t.nLoadingImages&&(this.updating||this.update({bUpdateColumnWidthCache:!0,bUpdateColumnWidth:!0})))}}))}getTableFitHeaderWidth(e){let t;const o=this.widget,n=o.getAdjustedColumnIndex(e);if(o.bHeaderRowHide)return 0;t=o.mainColumnHeader?o.getHeaderByColumnIndex(e):o.webcomponent.getElementsByTagName("zg-head")[0];let r=(o.aColumnMapping||o.webcomponent.getElementsByTagName(a.default.zgColumn.tagName))[e],i=r.nHeaderDepth-1||0,s=this.widget.bHasSorterEnabled&&"disabled"!==r.oDOMZGColumn.getAttribute("sort"),l=t?t._getDOMByTagName("zg-row",i).childNodes:[];const d=t?t.querySelector('zg-row[type="aggregate"]'):null;if(window.ShadyDOM&&window.ShadyDOM.flush(),null!==e&&l.length){let t=l[n];if(t.colSpan>1)return 0;let o=1;s&&null===t.querySelector("zg-icon svg")&&(o+=24),r.mWidth===a.default.zgCell.actionCellKey&&t.setAttribute(a.default.attr.type,r.oDOMZGColumn.getAttribute(a.default.attr.type));const c=t.getBoundingClientRect();let h=0;if(r.sHeadCell&&d){const e=d.childNodes[n],t=e.querySelector("span");if(t){const o=t.getBoundingClientRect(),n=window.getComputedStyle(e);h=o.width+parseInt(n.paddingLeft,10)+parseInt(n.paddingRight,10)}}this.aSavedHeadCellSize[i]||(this.aSavedHeadCellSize[i]=[]),this.aSavedHeadCellSize[i][e]=c;const u=c.width+o+1;return Math.max(u,h)}return 0}getTableFitFooterWidth(e){const t=this.widget;let o,n=(t.aColumnMapping||t.webcomponent.getElementsByTagName(a.default.zgColumn.tagName))[e];const r=t.getAdjustedColumnIndex(e);if(o=t.mainColumnFooter?t.getFooterByColumnIndex(e):t.webcomponent.getElementsByTagName("zg-foot")[0],!o)return 0;let i=o.querySelector("zg-row"),s=i?i.childNodes:[];const l=o?o.querySelector('zg-row[type="aggregate"]'):null;if(!s||!s.length||null===e)return 0;let d=0;if(n.sFootCell&&l){const e=l.childNodes[r],t=e.querySelector("bdi");if(t){const o=t.getBoundingClientRect(),n=window.getComputedStyle(e);d=o.width+parseInt(n.paddingLeft,10)+parseInt(n.paddingRight,10)}}let c=0,h=s[e];return h&&(c=h.getBoundingClientRect().width+1),Math.max(c,d)}getAllTableFitContentWidth(){let e,t,o,n,r,s;const l=this.widget,d=l.webcomponent;this.aSavedColumnCellSize=[];const c=this.widget.cellBreakManager;if(l.mainColumnHeader?(e=l.mainColumnBody.oBody,t=l.leftColumnBody.oBody,o=l.rightColumnBody.oBody,n=l.mainColumnBody.el,r=l.leftColumnBody.el,s=l.rightColumnBody.el):(e=d.querySelector("zg-body#mainbody"),t=d.querySelector("zg-body#leftbody"),o=d.querySelector("zg-body#rightbody"),n=i.Z.get(d._oShadowRoot.querySelector("#body")),r=i.Z.get(d._oShadowRoot.querySelector("#left")),s=i.Z.get(d._oShadowRoot.querySelector("#right"))),e.childNodes.length){let i=n.getDOM().style.width,h=n.getDOM().style["table-layout"];n._setStyle("width","auto"),n._setStyle("table-layout","auto"),r._setStyle("width","auto"),r._setStyle("table-layout","auto"),s._setStyle("width","auto"),s._setStyle("table-layout","auto"),window.ShadyDOM&&window.ShadyDOM.flush();let u,g=d.getElementsByTagName(a.default.zgColumn.tagName),p=[];l.hasFrozenLeft()&&p.push(...t.childNodes[0].childNodes),p.push(...e.childNodes[0].childNodes),l.hasFrozenRight()&&p.push(...o.childNodes[0].childNodes);for(let e=0;e<l.aColumnMapping.length;e++){let t=g[e],o=t.mWidth;if(!o&&t.getAttribute&&(o=t.parseWidth(t.getAttribute("width"),t.getAttribute("type"))),"fit"!==o&&"fitcontent"!==o){this.aSavedColumnCellSize[e]=0;continue}t.style.width="1px",t.style.width="",u=p[e].getBoundingClientRect().width;"ellipsis"===c.getCellBreakByColumn(e)&&(u+=1);let n=t._oParsedColumnMapping,r=0;if(t.needToCalcEditorWidth())if(this.oSavedEditorSize[n.sCellType])r=this.oSavedEditorSize[n.sCellType];else{let t=l.selectorEngineManager.$cell(0,e);if(t){l.editorManager.openEditor(t,!0);const e=l.editorManager.getInputContainerByIndex(t.nStartRowIndex,t.nStartColumnIndex);let o=e.querySelector("input");o&&(o.style.width="auto");let i=e.querySelector("label");i&&(i.style="",r=i.getBoundingClientRect().width,this.oSavedEditorSize[n.sCellType]=r),l.bSizeCheck=!0,l.recordEditor.cancelOpenEdit(),l.bSizeCheck=!1}}u=Math.max(u,r),this.aSavedColumnCellSize[e]=u}n._setStyle("width",i),n._setStyle("table-layout",h),r._setStyle("width",i),r._setStyle("table-layout",h),s._setStyle("width",i),s._setStyle("table-layout",h)}}getTableFitContentWidth(e){let t,o,n,r=this.widget,s=r.getAdjustedColumnIndex(e);if(this.aSavedColumnCellSize[e])return this.aSavedColumnCellSize[e];r.mainColumnHeader?(t=r.getBodyByColumnIndex(e),o=r.getColgroupByColumnIndex(e),o&&o.assignedSlot&&(n=i.Z.get(o.assignedSlot.parentNode))):(t=r.webcomponent.querySelector("zg-body#mainbody"),o=r.webcomponent.getElementsByTagName(a.default.zgColgroup.tagName)[0],n=i.Z.get(r.webcomponent._oShadowRoot.querySelector("#body")));let l,d=o.getElementsByTagName(a.default.zgColumn.tagName)[s],c=n.getDOM().style.width,h=n.getDOM().style["table-layout"];if(n._setStyle("width","auto"),n._setStyle("table-layout","auto"),d.style.width="",window.ShadyDOM&&window.ShadyDOM.flush(),t.childNodes.length){l=t.childNodes[0].childNodes[s].getBoundingClientRect().width;let o=d._oParsedColumnMapping,n=0;if(d.needToCalcEditorWidth())if(this.oSavedEditorSize[o.sCellType])n=this.oSavedEditorSize[o.sCellType];else{let t=r.selectorEngineManager.$cell(0,e);if(t){r.editorManager.openEditor(t,!0);const e=r.editorManager.getInputContainerByIndex(t.nStartRowIndex,t.nStartColumnIndex);let i=e.querySelector("input");i&&(i.style.width="auto");let a=e.querySelector("label");a&&(a.style="",n=a.getBoundingClientRect().width,this.oSavedEditorSize[o.sCellType]=n),r.recordEditor.cancelOpenEdit()}}l=Math.max(l,n)}else l=0;return n._setStyle("width",c),n._setStyle("table-layout",h),l+1}updateHeaderWidthOfColumn(e,t,o){this.widget.mainColumnHeader.oColGroup.childNodes[e].style.width=o+"px"}updateColumnWidthCache(e,t,o,n){const r=this.widget,i=r.aColumnMapping||r.webcomponent.getElementsByTagName(a.default.zgColumn.tagName);if(0!==r.webcomponent.getBoundingClientRect().width&&(n||r.bHasAttachedToDOM&&r.store.bHasLoaded)){this.resetAllColumnsWidth(),this.getAllTableFitContentWidth(),this.bLastFitColumn=null;for(let t=0,o=i.length;t<o;t++)this.calculateColumnWidth(i[t],t,e);if(!o)if(t)for(;this.nInitialWidth>this.nStaticWidth;){let e=this.calculateHiddenColumn(!0);if(-1===e)break;if(i[e].nCurrWidth+this.nStaticWidth>this.nInitialWidth)break;this.toggleColumn(e,!1)}else for(;this.nInitialWidth<this.nStaticWidth;){let e=this.calculateHiddenColumn(!1);if(-1===e)break;this.toggleColumn(e,!0)}!this.widget.webcomponent.width&&this.nStaticWidth===this.nOnlyStaticWidth&&0===this.nStretchWidthColumnCount&&this.nInitialWidth>this.nStaticWidth&&this.widget.webcomponent.getAttribute(a.default.zgLayout.attr)!==a.default.zgLayout.typeCard&&this.nStaticWidth>0&&(this.widget.webcomponent.width=this.nStaticWidth,this.widget.nCalculatedSetWidth=!0),this.setColumnWidth()}}setColumnWidth(){let e=this.widget.aColumnMapping||this.widget.webcomponent.getElementsByTagName(a.default.zgColumn.tagName);this.adjustFrozenWidths();for(let t=0,o=e.length;t<o;t++){let o=e[t];if(o.bHidden)continue;let n=o.mWidth;void 0===n&&void 0!==o.getAttribute&&(n=o.parseWidth(o.getAttribute("width"),o.getAttribute("type")));const r=this.bLastFitColumn&&o===this.bLastFitColumn;"stretch"===n?this.setFlexWidth(o,this.nStretchWidthColumnCount,!0,r):("fit"===n||"fitheader"===n||"fitcontent"===n)&&0===this.nStretchWidthColumnCount&&this.nCurrContainerWidth>this.nStaticWidth&&this.setFlexWidth(o,this.nFitWidthColumnCount,!1,r)}}adjustFrozenWidths(){const e=this.widget,t=e.nLeftFrozenColumns,o=e.nRightFrozenColumns,n=e.aColumnMapping,r=n.length,i=r-t-o,a=this.widget.mainGridTable.dom.clientWidth,s=i>0?50:0;let l=0,d=0;for(let e=0;e<t&&e<r;e++){let t=n[e];t.bHidden||(l+=t.nCurrWidth)}for(let e=r-o;e<r&&e>0;e++){let t=n[e];t.bHidden||(d+=t.nCurrWidth)}const c=d+l;if(c+s>a){const e=(a-s)/c;for(let o=0;o<t&&o<r;o++){let t=n[o];t.bHidden||(t.nCurrWidth=t.nCurrWidth*e)}for(let t=r-o;t<r&&t>0;t++){let o=n[t];o.bHidden||(o.nCurrWidth=o.nCurrWidth*e)}}}calculateHiddenColumn(e){let t=this.widget.aColumnMapping,o=-1,n=-1;for(let r=0;r<t.length;r++){let i=t[r];if(e===i.bHidden&&i.nPriority){if(i.nPriority===n)continue;(e===i.nPriority<n||e&&-1===n)&&(n=i.nPriority,o=r)}}return o}updateHiddenColumns(e){let t=this.widget.aColumnMapping;for(let o=0;o<t.length;o++)t[o].bHidden?this.updateRowDisplay(o,!0):e&&this.updateRowDisplay(o,!1)}getLastVisibleColumn(){const e=this.widget.aColumnMapping;let t=null;for(let o=e.length-1;o>=0;o--)if(!e[o].bHidden){t=e[o];break}return t}updateMainFirstPosition(e,t=!0){const o=this.widget;if(null===(e=e||o.getFirstMainIndex()))return;let n=o.getAllCellsByIndex(e,!0);const r=n.length;(t||!r||n[r-1].hasAttribute(a.default.attr.first))&&(n=o.getFooterCells(e,n),n.forEach((e=>t?e.setAttribute(a.default.attr.first,""):e.removeAttribute(a.default.attr.first))))}updateRowDisplay(e,t){const o=this.widget.getAllCellsByIndex(e,!0,!0);let n=t?"none":"";o.forEach((e=>"none"===n?e.setAttribute(a.default.attr.hidden,""):e.removeAttribute(a.default.attr.hidden)))}toggleColumn(e,t){const o=this.widget,n=o.webcomponent,r=o.aColumnMapping[e];n.oDOMFrozenMainFootFrame.style.width="",n.oDOMFrozenMainHeadFrame.style.width="",o.updateHeadFootScroll(!0),this.updateRowDisplay(e,t),this.widget.bUpdatingHidden=!0,r.bHidden=t,this.widget.bUpdatingHidden=!1,this.widget.columnMenu&&(this.widget.columnMenu.menuItems[r.sColumnId].oCheckbox.checked=!t),t?(r.mOldWidth=r.mWidth,this.unsetOldColumnWidth(r)):this.calculateColumnWidth(r,e),o.fire("columntoggle",{oColumnMapping:r,bHide:t})}unsetOldColumnWidth(e){let t=e.mOldWidth||e.mWidth;r.hj(t)&&(this.nStaticWidth-=t),/\d*\.?\d+%/.test(t)&&(this.nStaticWidth-=e.nCurrWidth),"fitheader"!=t&&"fitcontent"!==t&&"fit"!==t||e.nFitWidth&&(this.nStaticWidth-=e.nFitWidth,this.nFitWidthColumnCount--),"stretch"==t&&this.nStretchWidthColumnCount--}resetGlobals(){this.nColumnsWidth=0,this.nStaticWidth=0,this.nOnlyStaticWidth=0,this.nStretchWidthColumnCount=0,this.nFitWidthColumnCount=0,this.oSavedEditorSize={},this.aSavedHeadCellSize=[],this.aSavedColumnCellSize=[]}resetAllColumnsWidth(){const e=this.widget,t=e.webcomponent;let o=e.getAllColumns(),n=e.getAllHeadCells(),r=e.getAllFootCells();this.resetGlobals();for(let e=0;e<o.length;e++)o[e].removeAttribute(a.default.attr.style);for(let e=0;e<r.length;e++)this.clearWidthStyles(r[e]);for(let e=0;e<n.length;e++)if(!n[e].hasAttribute(a.default.attr.hidden)&&(this.clearWidthStyles(n[e]),n[e].tagName.toLowerCase()===a.default.zgFilter.tagName)){let t=n[e].querySelector("input");t&&(t.style.width="1px")}e.savedScrollVal&&(e.oDOMMainScroll.scrollLeft=0,t.oDOMHead.style.transform="")}clearWidthStyles(e){e.style.removeProperty("left"),e.style.removeProperty("line-height"),e.style.removeProperty("position"),e.style.removeProperty("width"),e.style.removeProperty("height")}calculateColumnWidth(e,t,o){let n=e.mWidth,i=e.nMinWidth?parseInt(e.nMinWidth,10):null,s=null;const l=t===this.widget.aColumnMapping.length-1,d=e.oDOMZGColumn.parentNode;if(!n&&e.getAttribute&&(n=e.parseWidth(e.getAttribute("width"),e.getAttribute("type"),this.widget)),l&&this.widget.bOnlyColumnWidth&&!isNaN(n)&&this.widget.webcomponent.width&&this.nInitialWidth>this.nStaticWidth+n&&(n="stretch"),(this.widget.bPreloaded||this.bResizing)&&e.oDOMZGColumn){let t=parseInt(e.oDOMZGColumn.getAttribute("min-calculated-width"),10)||null;i=Math.max(i,t)}let c,h=parseInt(e.oDOMZGColumn.getAttribute("min-calculated-header-width"),10)||this.getTableFitHeaderWidth(t);h&&e.oDOMZGColumn&&(e.oDOMZGColumn.setAttribute("min-calculated-header-width",h),e.nFullHeaderWidth=h);let u=!1;if(!e.bHidden&&d.getAttribute(a.default.zgLayout.attr)!==a.default.zgLayout.typeCard&&this.widget.webcomponent.getAttribute(a.default.zgLayout.attr)!==a.default.zgLayout.typeCard){if(n===a.default.zgCell.actionCellKey&&(n=e.body?"fit":"fitheader",u=!0),r.hj(n))e.nCurrWidth=n,this.nStaticWidth+=n,this.nOnlyStaticWidth+=n;else if(c=/\d*\.?\d+%/.exec(n)){let t=c[0],o=Number.parseFloat(t)/100;n=this.nInitialWidth*o,e.nFullWidth=n+"px",e.nCurrWidth=n,this.nStaticWidth+=n}else if("fitheader"===n||"fitcontent"===n){let o;i?o=i:"fitheader"===n&&h?s=o=h:o="fitheader"===n?this.getTableFitHeaderWidth(t):this.getTableFitContentWidth(t),u?o=Math.max(o,a.default.zgCell.actionCellSize):(this.bLastFitColumn=e,e.nFitWidth=o,this.nFitWidthColumnCount++),e.nCurrWidth=o,!i&&e.oDOMZGColumn&&e.oDOMZGColumn.setAttribute("min-calculated-width",e.nCurrWidth),this.nStaticWidth+=o}else if("fit"===n){let o;if(i)o=i;else{let n=this.getTableFitContentWidth(t);s=h||this.getTableFitHeaderWidth(t);let r=0;e.sFootCell&&(r=this.getTableFitFooterWidth(t)),o=Math.max(n,s,r)}u?o=Math.max(o,a.default.zgCell.actionCellSize):(this.bLastFitColumn=e,e.nFitWidth=o,this.nFitWidthColumnCount++),e.nCurrWidth=o,this.nStaticWidth+=o,!i&&e.oDOMZGColumn&&e.oDOMZGColumn.setAttribute("min-calculated-width",e.nCurrWidth),s&&e.oDOMZGColumn&&e.oDOMZGColumn.setAttribute("min-calculated-header-width",s)}else"stretch"===n&&(this.bLastFitColumn=e,this.nStretchWidthColumnCount++,this.bLastFitColumn=e);this.widget.bOnlyColumnWidth&&u&&(this.nOnlyStaticWidth+=e.nCurrWidth)}}setFlexWidth(e,t,o,n){let r=this.nCurrContainerWidth-this.nStaticWidth,i=Math.floor(r/t),a=r-i*t;n&&a>0&&(i+=a),e.nCurrWidth=o?i:e.nCurrWidth+i}updateColumnWidth(e,t){const o=this.widget,n=o.webcomponent;if(!(t||o.bHasAttachedToDOM&&o.store.bHasLoaded))return;let r,i,s;o.mainColumnHeader?(r=n.getElementsByTagName("zg-column"),i=o.aColumnMapping,s=o.mainColumnBody.oBody):(s=o.webcomponent.querySelector("#mainbody"),i=r=o.webcomponent.getElementsByTagName("zg-column"));let l=!1,d=0,c=window.getComputedStyle(s);d=parseInt(c.borderRightWidth,10);let h=0,u=o.nLeftFrozenColumns,g=0,p=o.nRightFrozenColumns,f=!0,m=(e,t)=>{let o=r[t],n=i[t].oDOMZGColumn||i[t];o!==n&&(o=n);let s=o.style.width;if(e.bHidden&&!o.hasAttribute(a.default.attr.hidden))o.setAttribute(a.default.attr.hidden,"");else if(!e.bHidden){let n;if(o.hasAttribute(a.default.attr.hidden)&&o.removeAttribute(a.default.attr.hidden),e.nFullWidth)o.style.width=n;else{let r=0;t===i.length-1&&(r=d),n=e.nCurrWidth-r,this.nColumnsWidth+=n,o.style.width=n+"px"}t<=u-1?(h+=parseInt(n,10),this.updateMainFirstPosition(t,!1)):t>=i.length-p?(g+=parseInt(n,10),this.updateMainFirstPosition(t,!1)):f?(this.updateMainFirstPosition(t,!0),f=!1):this.updateMainFirstPosition(t,!1)}s&&s!==o.style.width&&(l=!0)};if(null==e){this.nColumnsWidth=0;for(let e=0,t=i.length;e<t;e++){m(i[e],e)}this.nFrozenColumnsWidth=0,h&&o.leftColumnBody.oDOMWrapper&&(o.leftColumnBody.oDOMWrapper.style.width=h+"px",o.webcomponent.oDOMFrozenLeftHead.style.width=h+"px",o.webcomponent.oDOMFrozenLeftFoot.style.width=h+"px",o.webcomponent.oDOMFrozenLeftStyle.style.width=h+"px",this.nFrozenColumnsWidth+=h),g&&o.leftColumnBody.oDOMWrapper&&(o.rightColumnBody.oDOMWrapper.style.width=g+"px",o.webcomponent.oDOMFrozenRightHead.style.width=g+"px",o.webcomponent.oDOMFrozenRightFoot.style.width=g+"px",o.webcomponent.oDOMFrozenRightStyle.style.width=g+"px",this.nFrozenColumnsWidth+=g),o.updateFrozenColumnAttributes(h,"Left"),o.updateFrozenColumnAttributes(g,"Right"),this.updateFrozenMainSize()}else r[e].style.width&&(this.nColumnsWidth-=r[e].style.width),m(i[e],e);return l}calculateRowHeights(){const e=this.widget;if((e.hasFrozenColumns()||e.nRowHeight)&&e.layoutManager.sCurrentType!==a.default.zgLayout.typeCard)if(e.nRowHeight&&"auto"!==e.nRowHeight)this.updateFrozenHeights(null,e.nRowHeight);else{const t=e.mainColumnBody.oBody,o=e.leftColumnBody.oBody,n=e.rightColumnBody.oBody,r=t.children,i=o.children,a=n.children,s=Math.max(r.length,i.length,a.length),l=[];for(let e=0;e<s;e++){let t;r[e].style.height&&!1||(t=0,r.length>e&&(t=Math.max(t,r[e].offsetHeight)),i.length>e&&(t=Math.max(t,i[e].offsetHeight)),a.length>e&&(t=Math.max(t,a[e].offsetHeight))),l.push(t)}this.updateFrozenHeights(l)}}updateFrozenHeights(e,t){const o=this.widget;if(!o.hasFrozenColumns()&&!o.nRowHeight)return;const n=o.mainColumnBody.oBody,r=o.leftColumnBody.oBody,i=o.rightColumnBody.oBody,a=n.children,s=r.children,l=i.children,d=Math.max(a.length,s.length,l.length);for(let n=0;n<d;n++){let r;if(t)"fixed"===t&&(t=o.nDefaultRowHeight),r=t;else{if(!e[n])continue;r=e[n]+"px"}r&&(a.length>n&&(a[n].style.height=r),s.length>n&&(s[n].style.height=r),l.length>n&&(l[n].style.height=r))}}destroy(...e){this.resizeWindow&&(window.removeEventListener("resize",this.resizeWindow,{passive:!0}),this.resizeWindow=null),this.bLastFitColumn=null,super.destroy()}_setColumnText(e){return e.sCellType===a.default.internalColumn.recordselector?e.fnRenderer.method.apply(e):e.sColumnHeaderText}_removeFixedWrapperWidth(){this.widget.nSetWidth&&this.widget.nCalculatedSetWidth,this.widget.nSetWidth||(this.widget.mainGridTable.dom.removeAttribute("style"),this.clearFrameWidths())}}const h=c},65308:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(38419),r=(o(32816),o(45092));const i=class{constructor(e){this.widget=e.widget,this.ZG=this.widget.webcomponent,this.ZGPager=this.ZG.querySelector(n.default.zgPager.tagName),this.setViewportTO=null,this._allowed=!this.ZG.hasAttribute(n.default.viewport.stopAttr),this.allowedViewportTypes=[{unit:null,display:"null"},{unit:"px",display:"pixel"},{unit:"em",display:"em"},{unit:"rem",display:"rem"}],this._breakpoints=null,this.defaultTypes={[`${n.default.viewport.mobileLabel}`]:n.default.viewport.mobileMax,[`${n.default.viewport.tabletPortraitLabel}`]:n.default.viewport.tabletPortraitMax,[`${n.default.viewport.tabletLandscapeLabel}`]:n.default.viewport.tabletLandscapeMax,[`${n.default.viewport.desktopLabel}`]:n.default.viewport.desktopMax,[`${n.default.viewport.desktopLargeLabel}`]:n.default.viewport.desktopLargeMax},this._types=null,this._run={pause:this.ZG.hasAttribute(n.default.viewport.pauseAttr)&&!this.ZG.hasAttribute(n.default.viewport.stopAttr),play:!(this.ZG.hasAttribute(n.default.viewport.pauseAttr)||this.ZG.hasAttribute(n.default.viewport.stopAttr)),stop:this.ZG.hasAttribute(n.default.viewport.stopAttr)}}get allow(){return this._allowed}set allow(e){this._allowed=e}get breakpoints(){return this._breakpoints}get run(){return this._run}set run(e){this._runViewport(e)}get types(){return this._types}set types(e){e=e||this.defaultTypes,this._types=e,this._breakpoints=this._buildBreakpointsArray(e)}get view(){return this.ZG.getAttribute(n.default.viewport.attr)}setViewport(e){this.allow&&(window.cancelAnimationFrame(this.setViewportTO),e?this.updateViewport():this.setViewportTO=window.requestAnimationFrame((()=>this.updateViewport())))}updateViewport(){this.widget.bDisconnect||(this.breakpointsClone=this._getBreakpoints(),this.currentView=this._getCurrentViewport(),this.ZG.setAttribute(n.default.viewport.attr,this.currentView),this.ZG.oDOMBody.setAttribute(n.default.viewport.attr,this.currentView),this._setPagerViewport(),window.cancelAnimationFrame(this.setViewportTO),this.widget.fire("viewport:change"))}_buildBreakpointsArray(e){let t,o,n,i,a,s=[],l=[];const d=Object.keys(e),c=d.map((t=>e[t])).filter((e=>null!==e));if(!d.length)return"error-empty";const h=this._consistentTypes(e,this.allowedViewportTypes);if("string"==typeof h)return void console.error(`Error: ${h}`);const u=this._getType(c[0],this.allowedViewportTypes.map((e=>e.unit)));for(n in e){switch(o=null===e[n]?null:u,o){case null:i=null;break;case"px":i=parseInt(e[n]);break;default:i=parseFloat(e[n].split(o)[0])}t={label:n,value:i,type:o},o?l.push(t):s.push(t)}return r.mJ.objectSort(l,"value"),a=[...l,s[0]],a}_consistentTypes(e,t){let o,n,r=[];const i=t.map((e=>e.unit));for(o in e){if(n=this._getType(e[o],i),!n&&null!==n)return`'${e[o]}' is not a valid viewport type: ${JSON.stringify(e)}\nAllowed types: ${JSON.stringify(i)}`;r.push(n)}const a=[...r.filter((e=>null!==e)).reduce(((e,t)=>e.add(t)),new Set)];if(a.length>1){return`All viewport values must be of the same type, found: ${a.reduce(((e,o)=>e+`${t.filter((e=>e.unit===o))[0].display} (${o}), `),"")}`}return!0}_convertValueToPixel({type:e,value:t}){switch(e){case"em":return r.ye(t);case"rem":return r.fh(t);default:return t}}_getBreakpoints(){const e=window.innerWidth;this.breakpoints||(this.types=this.defaultTypes,this.ZG.removeAttribute(n.default.viewport.customAttr));const t=this.breakpoints.map((e=>Object.assign({},e)));return t.forEach((t=>t.value=this._convertValueToPixel({type:t.type,value:t.value,pixel:e}))),t}_getCurrentViewport(){const e=this.widget.updater.nCurrContainerWidth||this.ZG.getBoundingClientRect().width;let t,o,n,r=this.breakpointsClone.length;for(let i=0;i<r;i++)if(t=0===i?0:this.breakpointsClone[i-1].value,o=i===r-1?"max":this.breakpointsClone[i].value,e>=t&&("max"===o||e<o)){n=this.breakpointsClone[i].label;break}return n}_getType(e,t){let o;const n="string"==typeof t;return null===e?o=null:isNaN(e)?n?o=e.split(t)[1]:t.forEach((t=>2===e.split(t).length?o=t:t)):o="px",o}_runViewport(e){let t,o,i,a,s,l;switch("pause"!==e&&(e=!0===e?"true":"false"),e){case"pause":t=!0,o=!1,i=!1,a="#d0c902",s="⏸",l="Paused";break;case"false":t=!1,o=!1,i=!0,a="#980000",s="⏹",l="Stopped";break;default:t=!1,o=!0,i=!1,a=n.default.colors.success,s="▶️",l="Started"}this._run={pause:t,play:o,stop:i},t&&(r.Xh({el:this.ZG,attr:n.default.viewport.stopAttr}),this.ZG.oTopPager&&(r.Xh({el:this.ZG.oTopPager,attr:n.default.viewport.pauseAttr,value:""}),r.Xh({el:this.ZG.oTopPager,attr:n.default.viewport.stopAttr})),this.ZG.oBottomPager&&(r.Xh({el:this.ZG.oBottomPager,attr:n.default.viewport.pauseAttr,value:""}),r.Xh({el:this.ZG.oBottomPager,attr:n.default.viewport.stopAttr}))),o&&(this.ZG.oTopPager&&(r.Xh({el:this.ZG.oTopPager,attr:n.default.viewport.pauseAttr}),r.Xh({el:this.ZG.oTopPager,attr:n.default.viewport.stopAttr})),this.ZG.oBottomPager&&(r.Xh({el:this.ZG.oBottomPager,attr:n.default.viewport.pauseAttr}),r.Xh({el:this.ZG.oBottomPager,attr:n.default.viewport.stopAttr})),this.ZG.oDOMLayoutControls&&this.ZG.oDOMLayoutControls.removeAttribute(n.default.attr.hidden),this.widget.layoutManager.setLayout({isReset:!0}),this.allow=!0,this.setViewport()),i&&(r.Xh({el:this.ZG,attr:n.default.viewport.pauseAttr}),r.Xh({el:this.ZG,attr:n.default.viewport.attr}),r.Xh({el:this.ZG.oDOMBody,attr:n.default.viewport.pauseAttr}),r.Xh({el:this.ZG.oDOMBody,attr:n.default.viewport.attr}),this.ZG.oTopPager&&(r.Xh({el:this.ZG.oTopPager,attr:n.default.viewport.attr}),r.Xh({el:this.ZG.oTopPager,attr:n.default.viewport.pauseAttr}),r.Xh({el:this.ZG.oTopPager,attr:n.default.viewport.stopAttr,value:""})),this.ZG.oBottomPager&&(r.Xh({el:this.ZG.oBottomPager,attr:n.default.viewport.attr}),r.Xh({el:this.ZG.oBottomPager,attr:n.default.viewport.pauseAttr}),r.Xh({el:this.ZG.oBottomPager,attr:n.default.viewport.stopAttr,value:""})))}_setPagerViewport(){this.ZG.oTopPager&&this.ZG.oTopPager.setAttribute(n.default.viewport.attr,this.currentView),this.ZG.oBottomPager&&this.ZG.oBottomPager.setAttribute(n.default.viewport.attr,this.currentView)}}},21974:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>r});var n=o(36454);const r=class{constructor(e){this.widget=e.widget}$column(e){return new n.default({widget:this.widget}).column(e)}$row(e){return new n.default({widget:this.widget}).row(e)}$range(e,t){return new n.default({widget:this.widget}).range(e,t)}$cell(e,t){return new n.default({widget:this.widget}).cell(e,t)}getSelectorEngine(){return new n.default({widget:this.widget})}}},56919:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>i});var n=o(64087);const r={aCustomLangs:{},oLangElements:{},defaultLang:"en",setLang:function(e,t,o){let n,i,a;e.split(",").map((e=>e.trim())).some((e=>{let t=e;do{if(n=r.checkLangFile(t),n){i=e,a=t;break}let o=t.lastIndexOf("-");t=-1!==o?t.substring(0,o):""}while(t.length>0);if(i||(i=e),a)return!0})),n||(r.globalLang?n=r.globalLang:r.defaultLang&&(n=r.defaultLang)),t?(t.lang=n,t.locale=i):(r.globalLang=n,r.globalLocale=i,o&&(r.defaultLang=n))},checkLangFile:function(e){let t=null;if(r.aCustomLangs[e])t=r.aCustomLangs[e];else try{t=o(61145)(`./${e}.js`).default}catch(e){}return t},getLocale:function(e){return e&&e.locale?e.locale:r.globalLocale},getLang:function(e){return(e.lang||r.globalLang||r.defaultLang).lang||r.getLocale()},get:function(e,t,o){let i;return t&&t.lang&&(i=n.MU(t.lang,e)),void 0===i&&(i=n.MU(r.globalLang,e)),void 0===i&&r.defaultLang&&(i=n.MU(r.defaultLang,e)),o&&r.storeElement(e,t,o),i},storeElement:function(e,t,o){r.oLangElements[t]||(r.oLangElements[t]=[]);let n=r.oLangElements[t];o.sPath=e,n.push(o)},refresh:function(e){let t=r.oLangElements[e];t&&(t.forEach((t=>{let o=r.get(t.sPath,e),n=t.element;t.langProperty&&(o=o[t.langProperty]),t.attribute?n.setAttribute(t.attribute,o):t.elProperty&&(n[t.elProperty]=o)})),e.dialogManager.refreshDialogs(),e.webcomponent.refresh())},destroy:function(e){let t=r.oLangElements[e];t&&(t.forEach((e=>{e.element=null})),r.oLangElements[e].length=0)}};r.setLang(r.defaultLang,null,!0),"undefined"!=typeof document&&document.documentElement.lang&&r.setLang(document.documentElement.lang,null);const i=r},64050:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n={lang:"custom",columntypes:{editor:"custom-Edit",remover:"custom-Delete",selector:"custom-Select"},context:{copyCell:"custom-Copy Cell",pasteCell:"custom-Paste Cell",insertRecordLabel:"custom-Insert New Record",insertRecordHere:"custom-Here",insertRecordEnd:"custom-End",insertRecordStart:"custom-Start",deleteRow:"custom-Delete row",sortColumn:"custom-Sort Column",editCell:"custom-Edit Cell",editRow:"custom-Edit Row",selectCell:"custom-Select Cell",selectRow:"custom-Select Row",deselect:"custom-Deselect",previousPage:"custom-Go to previous page",nextPage:"custom-Go to next page",firstPage:"custom-Go to first page",lastPage:"custom-Go to last page",version:"custom-ZingGrid Version",save:"custom-Save",cancel:"custom-Cancel"},date:{shortMonth:["custom-Jan","custom-Feb","custom-Mar","custom-Apr","custom-May","custom-Jun","custom-Jul","custom-Aug","custom-Sep","custom-Oct","custom-Nov","custom-Dec"],longMonth:["custom-January","custom-February","custom-March","custom-April","custom-May","custom-June","custom-July","custom-August","custom-September","custom-October","custom-November","custom-December"],twoWeek:["custom-Su","custom-Mo","custom-Tu","custom-We","custom-Th","custom-Fr","custom-Sa"],shortWeek:["custom-Sun","custom-Mon","custom-Tue","custom-Wed","custom-Thu","custom-Fri","custom-Sat"],longWeek:["custom-Sunday","custom-Monday","custom-Tuesday","custom-Wednesday","custom-Thursday","custom-Friday","custom-Saturday"],am:"custom-am",pm:"custom-pm",startWeek:0,startYear:6},dialog:{cancel:"custom-Cancel",close:"custom-X",confirm:"custom-Confirm",create:"custom-Create",delete:"custom-Delete",ok:"custom-Ok",recordCreate:{label:"custom-Create a new record",successMsg:"custom-Successfully added row!",errorMsg:"custom-The server encountered an error and the record could not be created."},recordDelete:{body:"custom-Are you sure you want to delete this record?",label:"custom-Confirm delete",successMsg:"custom-Record removed successfully!",errorMsg:"custom-The server encountered an error and the record could not be deleted."},recordInfo:{label:"custom-Record Info"},recordUpdate:{label:"custom-Update this record",successMsg:"custom-Record updated successfully",errorMsg:"custom-The server encountered an error and the record could not be updated."},fieldUpdate:{label:"custom-Update this field",successMsg:"custom-Field updated successfully",errorMsg:"custom-The server encountered an error and the field could not be updated."},removeXSelectedRows:{body:"custom-Are you sure you want to delete these records?",label:"custom-Remove %v record%p",successMsg:"custom-Records removed successfully!"},version:{body:"custom-built on",label:"custom-Current Version"},save:"custom-Save"},draggable:{remove:"custom-Release to hide",reorder:"custom-Drag outside grid to hide"},iconSet:{invalidVendor:"custom-Value added to [%v] does not match allowed vendor list",invalidVendorMethod:'custom-Internal Error: There was an issue loading [%v="%v"] icons. Falling back to default icons.'},loadMask:{title:"custom-loading"},pagination:{page:"custom-Page",pageOf:"custom-of",rows:"custom-Rows"},tools:{filter:"custom-Filter",search:"custom-Search",selected:"custom-%v Item%p Selected"},tooltip:{layoutCard:"custom-Card Layout",layoutRow:"custom-Row Layout",recordCreate:"custom-Insert Record",reload:"custom-Reload Grid",editrecord:"custom-Edit Record",firstpage:"custom-Go to First Page",fixedmenu:"custom-Open Menu",lastpage:"custom-Go to Last Page",menu:"custom-Open Column Menu",nextpage:"custom-Go to Next Page",prevpage:"custom-Go to Previous Page",removerecord:"custom-Remove Record",search:"custom-Open Search"},watermark:{poweredBy:"custom-Powered By <strong>ZingGrid</strong>"}}},5235:()=>{},11232:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n={lang:"en",aggregate:{sum:"Sum",avg:"Average",min:"Min",max:"Max",count:"Count"},batchEdit:{changes:"Change%p",fieldsEdited:"Field%p Edited",recordsEdited:"Record%p Edited",deleted:"Deleted",inserted:"Inserted",modified:"Modified",label:"Edit Records (Batch):"},columntypes:{duplicate:"Duplicate",editor:"Edit",remover:"Delete",selector:"Select",info:"Info",key:"Key","row-number":"Row Number"},context:{copyCell:"Copy Cell",pasteCell:"Paste Cell",insertRecordLabel:"Insert New Record",insertRecordHere:"Here",insertRecordEnd:"End",insertRecordStart:"Start",deleteRow:"Delete row",duplicateRow:"Duplicate row",sortColumn:"Sort Column",hideColumn:"Hide Column",editCell:"Edit Cell",editRow:"Edit Row",selectAll:"Select All",selectCell:"Select Cell",selectRow:"Select Row",deselect:"Deselect",previousPage:"Go to previous page",nextPage:"Go to next page",firstPage:"Go to first page",lastPage:"Go to last page",version:"ZingGrid Version",resetState:"Unsave Grid State",save:"Save",cancel:"Cancel",freezeColumnLeft:"Freeze Column - Left",freezeColumnRight:"Freeze Column - Right",unfreezeColumn:"Unfreeze Column",freezeRowTop:"Freeze Row - Top",freezeRowBottom:"Freeze Row - Bottom",unfreezeRow:"Unfreeze Row"},date:{shortMonth:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],longMonth:["January","February","March","April","May","June","July","August","September","October","November","December"],twoWeek:["Su","Mo","Tu","We","Th","Fr","Sa"],shortWeek:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],longWeek:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],am:"am",pm:"pm",startWeek:0,startYear:6,fromNow:{seconds:"%v seconds",minute:"a minute",minutes:"%v minutes",hour:"an hour",hours:"%v hours",day:"a day",days:"%v days",month:"a month",months:"%v months",year:"a year",years:"%v years",past:"%v ago",future:"in %v"}},dialog:{cancel:"Cancel",close:"X",confirm:"Confirm",create:"Create",delete:"Delete",ok:"Ok",read:{errorMsg:"The server encountered an error and the data could not be read."},recordCreate:{label:"Create a new record",successMsg:"Successfully added row!",errorMsg:"The server encountered an error and the record could not be created."},recordDelete:{body:"Are you sure you want to delete this record?",label:"Confirm delete",successMsg:"Record removed successfully!",errorMsg:"The server encountered an error and the record could not be deleted."},recordInfo:{label:"Record Info",errorMsg:"The server encountered an error and the data could not be read."},recordUpdate:{label:"Update this record",successMsg:"Record updated successfully",errorMsg:"The server encountered an error and the record could not be updated."},fieldUpdate:{label:"Update this field",successMsg:"Field updated successfully",errorMsg:"The server encountered an error and the field could not be updated."},removeXSelectedRows:{body:"Are you sure you want to delete these records?",label:"Remove %v record%p",successMsg:"Record%p removed successfully!"},batchEdit:{cancel:{body:"The following edits have been made and will be undone:<br>",bodyPlural:"The following %v changes have been made and will be undone:<br>",label:"Discard All Edits"},commit:{body:"Save changes?<br>",bodyPlural:"Save %v changes?<br>",label:"Save Batch Edit"},recordsBody:"<br><strong>%v Total Record%p Modified:</strong>",changeBody:"%v Record%p ",successMsg:"Successfully completed batch edit!",errorMsg:"Error: Batch Edit saved %v record%p and encountered %v error%p.",errorMsgMore:"View details",errorLabel:"Error Details",dialogErrorMsg:"<strong>%v Error%p</strong><br>",inserted:"Created",recordsEdited:"Edited",deleted:"Deleted"},version:{body:"built on",label:"Current Version"},save:"Save"},drag:{remove:"Release to hide",reorder:"Drag outside grid to hide"},iconSet:{invalidVendor:"Value added to [%v] does not match allowed vendor list",invalidVendorMethod:'Internal Error: There was an issue loading [%v="%v"] icons. Falling back to default icons.'},loadMask:{title:"loading"},noData:{message:"There are no records to display.",insertRecord:"Insert a new record."},pagination:{page:"Page",pageOf:"of",pageNext:"Next",pagePrev:"Previous",rows:"Rows"},tools:{filter:"Filter",search:"Search",selected:"%v Item%p Selected"},tooltip:{batchedit:"Edit Records (Batch)",batcheditsave:"Save Batch Edit",batcheditcancel:"Cancel Batch Edit",layoutCard:"Card Layout",layoutRow:"Row Layout",recordCreate:"Insert Record",reload:"Reload Grid",editrecord:"Edit Record",firstpage:"Go to First Page",fixedmenu:"Open Menu",lastpage:"Go to Last Page",menu:"Open Column Menu",nextpage:"Go to Next Page",prevpage:"Go to Previous Page",duplicaterecord:"Duplicate Record",removerecord:"Remove Record",undoremoverecord:"Restore Record",search:"Open Search",openrowgroup:"Open Group",closerowgroup:"Close Group"},validation:{errorMessage:"Validation Failed"},watermark:{poweredBy:"Powered By <strong>ZingGrid</strong>"}}},58672:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n={lang:"es",aggregate:{sum:"Suma",avg:"Promedio",min:"Min",max:"Max",count:"Contar"},batchEdit:{changes:"Cambio%p",edited:"Editado",fieldsEdited:"Campo%p Editado%p",recordsEdited:"Registro%p Editado%p",deleted:"Borrado",inserted:"Insertado",modified:"Modificado",label:"Editar los Registros (Lote):"},columntypes:{duplicate:"Duplicarse",editor:"Editar",remover:"Eliminar",selector:"Seleccionar",info:"Info",key:"Key","row-number":"Numero de Fila"},context:{copyCell:"Copiar Celda",pasteCell:"Pegar Celda",insertRecordLabel:"Añadir Registro Nuevo",insertRecordHere:"Aqui",insertRecordEnd:"Al Final",insertRecordStart:"Al Principio",deleteRow:"Eliminar Fila",duplicateRow:"Duplicar Fila",hideColumn:"Ocultar Columna",sortColumn:"Ordenar Columna",editCell:"Editar Celda",editRow:"Editar Fila",selectAll:"Select All",selectCell:"Seleccionar Celda",selectRow:"Seleccionar Fila",deselect:"Deseleccionar",previousPage:"Regresar a la página anterior",nextPage:"Ir a la página siguiente",firstPage:"Regresar a la primera página",lastPage:"Ir a la página final",version:"Sobre ZingGrid",resetState:"Desguardar Estado de Cuadrícula",save:"Guardar",cancel:"Cancelar",freezeColumnLeft:"Congelación de Columna - Izquierda",freezeColumnRight:"Congelación de Columna - Derecha",unfreezeColumn:"Descongelar Columna",freezeRowTop:"Inmovilizar Fila - Arriba",freezeRowBottom:"Inmovilizar Fila - Abajo",unfreezeRow:"Movilizar Fila"},date:{shortMonth:["ene","feb","mar","abr","may","jun","jul","ago","sept","oct","nov","dic"],longMonth:["enero","febrero","marzo","abril","mayo","junio","julio","agosto","septiembre","octubre","noviembre","diciembre"],twoWeek:["do","lu","ma","mi","ju","vi","sa"],shortWeek:["dom","lun","mar","mié","jue","vie","sáb"],longWeek:["domingo","lunes","martes","miércoles","jueves","viernes","sábado"],am:"am",pm:"pm",startWeek:0,startYear:6,fromNow:{seconds:"%v segundos",minute:"un minuto",minutes:"%v minutos",hour:"una hora",hours:"%v horas",day:"un día",days:"%v dias",month:"un mes",months:"%v meses",year:"un año",years:"%v años",past:"hace %v",future:"en %v"}},dialog:{cancel:"Cancelar",close:"X",confirm:"Confirmar",create:"Crear",delete:"Eliminar",ok:"Ok",read:{errorMsg:"El servidor encontró un error y no se pudieron leer los datos."},recordCreate:{label:"Crear un nuevo registro",successMsg:"¡Su registro fue creado!",errorMsg:"El servidor encontró un error y no se pudo crear el registro."},recordDelete:{body:"¿Seguro que quiere eliminar este registro?",label:"Confirmar eliminación",successMsg:"¡Su registro fue eliminado!",errorMsg:"El servidor encontró un error y no se pudo eliminar el registro."},recordInfo:{label:"Información de Registro",errorMsg:"El servidor encontró un error y no se pudieron leer los datos."},recordUpdate:{label:"Actualizar este registro",successMsg:"¡Su registro fue actualizado!",errorMsg:"El servidor encontró un error y no se pudo actualizar el registro."},fieldUpdate:{label:"Actualizar este campo",successMsg:"¡Su campo fue actualizado!",errorMsg:"El servidor encontró un error y no se pudo actualizar el campo."},removeXSelectedRows:{body:"¿Seguro que quiere eliminar estos registros?",label:"Eliminar %v registro%p",successMsg:"¡Sus registro%p fueron eliminados!"},batchEdit:{cancel:{body:"Se han realizado las siguientes ediciones y se desharán:<br>",bodyPlural:"Se han realizado los siguientes %v cambios y se desharán:<br>",label:"Descartar todas las ediciones"},commit:{body:"Guardar Cambios?<br>",bodyPlural:"Guaradar %v Cambios?<br>",label:"Guardar las Ediciones del Lote"},plurals:{errorMsg:["s","es"],recordsBody:["es"],dialogErrorMsg:["es"]},recordsBody:"<br><strong>%v Registros Total%p Modificados:</strong>",changeBody:"%v Registro%p ",successMsg:"Edición por lotes completada con éxito!",errorMsg:"Error: La Edición por Lotes Guardó %v Registro%p y encontró %v error%p.",errorMsgMore:"Ver Detalles",errorLabel:"Error Detalles",dialogErrorMsg:"<strong>%v Error%p</strong><br>",inserted:"Creado",recordsEdited:"Editado",deleted:"Borrado"},version:{body:"creado en",label:"Versión Actual"},save:"Guardar"},drag:{remove:"Suelta para esconderte",reorder:"Arrastra afuera para esconderte"},iconSet:{invalidVendor:"El valor agregado a [%v] no coincide con la lista de proveedores permitidos.",invalidVendorMethod:'Error Interno: Se produjo un problema al cargar los íconos [%v = "%v"]. Volviendo a los íconos predeterminados.'},loadMask:{title:"Cargando"},pagination:{page:"Pagina",pageOf:"de",rows:"Filas",pageNext:"Siguiente",pagePrev:"Anterior"},tools:{filter:"Filtrar",search:"Buscar",selected:"%v Elemento%p Seleccionado"},tooltip:{batchedit:"Editar los Registros (del Lote)",batcheditsave:"Guardar la Edición del Lote",batcheditcancel:"Cancelar la Edición del Lote",layoutCard:"Diseño de Tarjeta",layoutRow:"Diseño de Fila",recordCreate:"Añadir Registro",reload:"Recargar la Cuadrícula",editrecord:"Editar Registro",firstpage:"Ir a la Primera Página",fixedmenu:"Abre el Menú",lastpage:"Ir a la Última Página",menu:"Abre el Menú de la Columna",nextpage:"Ir a la Siguente Página",prevpage:"Ir a la Página Anterior",removerecord:"Elminiar Registro",undoremoverecord:"Restore Record",search:"Abre la Búsqueda",duplicateRecord:"Duplicar el Registro",openrowgroup:"Abre el Grupo",closerowgroup:"Cierra el Grupo"},validation:{errorMessage:"Validación Fallida"},watermark:{poweredBy:"Un producto provisto por <strong>ZingGrid</strong>"}}},2247:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>n});const n={lang:"zh-CN",aggregate:{sum:"总和",avg:"平均值",min:"最小值",max:"最大值",count:"统计"},columntypes:{duplicate:"创建副本",editor:"编辑",remover:"删除",selector:"选择",info:"信息",key:"名字","row-number":"行号"},context:{copyCell:"复制单元格",pasteCell:"粘贴单元格",insertRecordLabel:"创建新纪录",insertRecordHere:"在此处创建",insertRecordEnd:"创建于表格末尾",insertRecordStart:"创建于表格起始",deleteRow:"删除该行",duplicateRow:"为该行创建副本",sortColumn:"更改排序",hideColumn:"隐藏该列",editCell:"编辑单元格",editRow:"编辑该行",selectAll:"全选",selectCell:"选择单元格",selectRow:"选择该行",deselect:"取消选择",previousPage:"上一页",nextPage:"下一页",firstPage:"回到首页",lastPage:"去往末页",version:"ZingGrid版本",resetState:"重置表格",save:"保存",cancel:"取消",freezeColumnLeft:"固定该列于左侧",freezeColumnRight:"固定该列于右侧",unfreezeColumn:"取消固定该列",freezeRowTop:"固定该行于顶端",freezeRowBottom:"固定该行于底端",unfreezeRow:"取消固定该行"},date:{shortMonth:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],longMonth:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],twoWeek:["周日","周一","周二","周三","周四","周五","周六"],shortWeek:["周日","周一","周二","周三","周四","周五","周六"],longWeek:["星期日","星期一","星期二","星期三","星期四","星期五","星期日"],am:"上午",pm:"下午",startWeek:0,startYear:6,fromNow:{seconds:"%v 秒钟",minute:"1 分钟",minutes:"%v 分钟",hour:"1 小时",hours:"%v 小时",day:"1 天",days:"%v 天",month:"1 月",months:"%v 月",year:"1 年",years:"%v 年",past:"%v前",future:"%v后"}},dialog:{cancel:"取消",close:"X",confirm:"确认",create:"创建",delete:"删除",ok:"Ok",read:{errorMsg:"服务器出错，无法读取数据"},recordCreate:{label:"创建新记录",successMsg:"创建成功!",errorMsg:"服务器出错，无法创建新记录"},recordDelete:{body:"您确认要删除这条记录吗？",label:"再次确认",successMsg:"删除成功！",errorMsg:"服务器出错, 无法删除该记录"},recordInfo:{label:"详情",errorMsg:"服务器出错，无法读取数据"},recordUpdate:{label:"更新该记录",successMsg:"记录更新成功！",errorMsg:"服务器出错，无法更新该记录"},fieldUpdate:{label:"更新该数据",successMsg:"数据更新成功！",errorMsg:"服务器出错,无法更新该数据"},removeXSelectedRows:{body:"您确认要删除这条记录吗？",label:"删除 %v 条数据",successMsg:"记录删除成功！"},version:{body:"建于",label:"当前版本"},save:"保存"},drag:{remove:"释放即可隐藏",reorder:"拖拽到表格外可隐藏"},iconSet:{invalidVendor:"添加到 [%v] 的值与第三方列表的可用值不匹配",invalidVendorMethod:'内部错误: 加载 [%v="%v"] 图标时出现问题, 回退到默认图标'},loadMask:{title:"加载中"},noData:{message:"没有记录可显示",insertRecord:"创建新记录"},pagination:{page:"第",pageOf:", 共",pageNext:"下一页",pagePrev:"上一页",rows:"行"},tools:{filter:"过滤",search:"输入搜索内容",selected:"选中 %v 个"},tooltip:{layoutCard:"为画廊",layoutRow:"为列表",recordCreate:"创建新纪录",reload:"重新加载表格",editrecord:"编辑该记录",firstpage:"返回首页",fixedmenu:"打开菜单",lastpage:"前往末页",menu:"打开列菜单",nextpage:"下一页",prevpage:"上一页",duplicaterecord:"为该记录创建一个副本",removerecord:"移除该记录",search:"打开搜索",openrowgroup:"展开",closerowgroup:"收起"},validation:{errorMessage:"验证失败"},watermark:{poweredBy:"由 <strong>ZingGrid</strong> 提供支持"}}},35182:()=>{!function(){if("undefined"==typeof window||"function"==typeof window.CustomEvent)return!1;function e(e,t){t=t||{bubbles:!1,cancelable:!1,detail:void 0};var o=document.createEvent("CustomEvent");return o.initCustomEvent(e,t.bubbles,t.cancelable,t.detail),o}e.prototype=window.Event.prototype,window.CustomEvent=e}()},82986:function(e,t,o){(function(){"use strict";var e,t="undefined"!=typeof window&&window===this?this:void 0!==o.g&&null!=o.g?o.g:this,n="function"==typeof Object.defineProperties?Object.defineProperty:function(e,t,o){e!=Array.prototype&&e!=Object.prototype&&(e[t]=o.value)};function r(){r=function(){},t.Symbol||(t.Symbol=a)}var i,a=(i=0,function(e){return"jscomp_symbol_"+(e||"")+i++});function s(){r();var e=t.Symbol.iterator;e||(e=t.Symbol.iterator=t.Symbol("iterator")),"function"!=typeof Array.prototype[e]&&n(Array.prototype,e,{configurable:!0,writable:!0,value:function(){return l(this)}}),s=function(){}}function l(e){var o=0;return function(e){return s(),e={next:e},e[t.Symbol.iterator]=function(){return this},e}((function(){return o<e.length?{done:!1,value:e[o++]}:{done:!0}}))}function d(e){s(),r(),s();var t=e[Symbol.iterator];return t?t.call(e):l(e)}function c(){this.da=this.root=null,this.N=!1,this.w=this.K=this.W=this.assignedSlot=this.assignedNodes=this.C=null,this.childNodes=this.nextSibling=this.previousSibling=this.lastChild=this.firstChild=this.parentNode=this.F=void 0,this.$=this.aa=!1,this.J={}}function h(e){return e.__shady||(e.__shady=new c),e.__shady}function u(e){return e&&e.__shady}c.prototype.toJSON=function(){return{}};var g=window.ShadyDOM||{};g.ra=!(!Element.prototype.attachShadow||!Node.prototype.getRootNode);var p=Object.getOwnPropertyDescriptor(Node.prototype,"firstChild");function f(e){return(e=u(e))&&void 0!==e.firstChild}function m(e){return"ShadyRoot"===e.la}function b(e){return(e=(e=u(e))&&e.root)&&bt(e)}g.j=!!(p&&p.configurable&&p.get),g.X=g.force||!g.ra,g.D=g.noPatch||!1,g.ca=g.preferPerformance;var v=Element.prototype,y=v.matches||v.matchesSelector||v.mozMatchesSelector||v.msMatchesSelector||v.oMatchesSelector||v.webkitMatchesSelector,w=document.createTextNode(""),z=0,C=[];function S(e){C.push(e),w.textContent=z++}new MutationObserver((function(){for(;C.length;)try{C.shift()()}catch(e){throw w.textContent=z++,e}})).observe(w,{characterData:!0});var x=!!document.contains;function M(e,t){for(;t;){if(t==e)return!0;t=t.__shady_parentNode}return!1}function _(e){for(var t=e.length-1;0<=t;t--){var o=e[t],n=o.getAttribute("id")||o.getAttribute("name");n&&"length"!==n&&isNaN(n)&&(e[n]=o)}return e.item=function(t){return e[t]},e.namedItem=function(t){if("length"!==t&&isNaN(t)&&e[t])return e[t];for(var o=d(e),n=o.next();!n.done;n=o.next())if(((n=n.value).getAttribute("id")||n.getAttribute("name"))==t)return n;return null},e}function k(e,t,o,n){for(var r in o=void 0===o?"":o,t){var i=t[r];if(!(n&&0<=n.indexOf(r))){i.configurable=!0;var a=o+r;if(i.value)e[a]=i.value;else try{Object.defineProperty(e,a,i)}catch(e){}}}}function R(e){var t={};return Object.getOwnPropertyNames(e).forEach((function(o){t[o]=Object.getOwnPropertyDescriptor(e,o)})),t}var D,E=[];function O(e){D||(D=!0,S(T)),E.push(e)}function T(){D=!1;for(var e=!!E.length;E.length;)E.shift()();return e}function A(){this.a=!1,this.addedNodes=[],this.removedNodes=[],this.M=new Set}T.list=E,A.prototype.flush=function(){if(this.a){this.a=!1;var e=this.takeRecords();e.length&&this.M.forEach((function(t){t(e)}))}},A.prototype.takeRecords=function(){if(this.addedNodes.length||this.removedNodes.length){var e=[{addedNodes:this.addedNodes,removedNodes:this.removedNodes}];return this.addedNodes=[],this.removedNodes=[],e}return[]};var I=/[&\u00A0"]/g,L=/[&\u00A0<>]/g;function F(e){switch(e){case"&":return"&amp;";case"<":return"&lt;";case">":return"&gt;";case'"':return"&quot;";case" ":return"&nbsp;"}}function N(e){for(var t={},o=0;o<e.length;o++)t[e[o]]=!0;return t}var B=N("area base br col command embed hr img input keygen link meta param source track wbr".split(" ")),G=N("style script xmp iframe noembed noframes plaintext noscript".split(" "));function H(e,t){"template"===e.localName&&(e=e.content);for(var o="",n=t?t(e):e.childNodes,r=0,i=n.length,a=void 0;r<i&&(a=n[r]);r++){e:{var s=a,l=e,d=t;switch(s.nodeType){case Node.ELEMENT_NODE:for(var c,h="<"+(l=s.localName),u=s.attributes,g=0;c=u[g];g++)h+=" "+c.name+'="'+c.value.replace(I,F)+'"';h+=">",s=B[l]?h:h+H(s,d)+"</"+l+">";break e;case Node.TEXT_NODE:s=s.data,s=l&&G[l.localName]?s:s.replace(L,F);break e;case Node.COMMENT_NODE:s="\x3c!--"+s.data+"--\x3e";break e;default:throw window.console.error(s),Error("not implemented")}}o+=s}return o}var P=g.j,Z={querySelector:function(e){return this.__shady_native_querySelector(e)},querySelectorAll:function(e){return this.__shady_native_querySelectorAll(e)}},U={};function W(e){U[e]=function(t){return t["__shady_native_"+e]}}function V(e,t){for(var o in k(e,t,"__shady_native_"),t)W(o)}function $(e,t){t=void 0===t?[]:t;for(var o=0;o<t.length;o++){var n=t[o],r=Object.getOwnPropertyDescriptor(e,n);r&&(Object.defineProperty(e,"__shady_native_"+n,r),r.value?Z[n]||(Z[n]=r.value):W(n))}}var j=document.createTreeWalker(document,NodeFilter.SHOW_ALL,null,!1),q=document.createTreeWalker(document,NodeFilter.SHOW_ELEMENT,null,!1),K=document.implementation.createHTMLDocument("inert");function Y(e){for(var t;t=e.__shady_native_firstChild;)e.__shady_native_removeChild(t)}var X=["firstElementChild","lastElementChild","children","childElementCount"],J=["querySelector","querySelectorAll"];var Q,ee=R({get childNodes(){return this.__shady_childNodes},get firstChild(){return this.__shady_firstChild},get lastChild(){return this.__shady_lastChild},get textContent(){return this.__shady_textContent},set textContent(e){this.__shady_textContent=e},get childElementCount(){return this.__shady_childElementCount},get children(){return this.__shady_children},get firstElementChild(){return this.__shady_firstElementChild},get lastElementChild(){return this.__shady_lastElementChild},get innerHTML(){return this.__shady_innerHTML},set innerHTML(e){return this.__shady_innerHTML=e},get shadowRoot(){return this.__shady_shadowRoot}}),te=R({get parentElement(){return this.__shady_parentElement},get parentNode(){return this.__shady_parentNode},get nextSibling(){return this.__shady_nextSibling},get previousSibling(){return this.__shady_previousSibling},get nextElementSibling(){return this.__shady_nextElementSibling},get previousElementSibling(){return this.__shady_previousElementSibling},get className(){return this.__shady_className},set className(e){return this.__shady_className=e}});for(Q in ee)ee[Q].enumerable=!1;for(var oe in te)te[oe].enumerable=!1;var ne=g.j||g.D,re=ne?function(){}:function(e){var t=h(e);t.aa||(t.aa=!0,k(e,te))},ie=ne?function(){}:function(e){var t=h(e);t.$||(t.$=!0,k(e,ee))},ae="__eventWrappers"+Date.now(),se=function(){var e=Object.getOwnPropertyDescriptor(Event.prototype,"composed");return e?function(t){return e.get.call(t)}:null}(),le={blur:!0,focus:!0,focusin:!0,focusout:!0,click:!0,dblclick:!0,mousedown:!0,mouseenter:!0,mouseleave:!0,mousemove:!0,mouseout:!0,mouseover:!0,mouseup:!0,wheel:!0,beforeinput:!0,input:!0,keydown:!0,keyup:!0,compositionstart:!0,compositionupdate:!0,compositionend:!0,touchstart:!0,touchend:!0,touchmove:!0,touchcancel:!0,pointerover:!0,pointerenter:!0,pointerdown:!0,pointermove:!0,pointerup:!0,pointercancel:!0,pointerout:!0,pointerleave:!0,gotpointercapture:!0,lostpointercapture:!0,dragstart:!0,drag:!0,dragenter:!0,dragleave:!0,dragover:!0,drop:!0,dragend:!0,DOMActivate:!0,DOMFocusIn:!0,DOMFocusOut:!0,keypress:!0},de={DOMAttrModified:!0,DOMAttributeNameChanged:!0,DOMCharacterDataModified:!0,DOMElementNameChanged:!0,DOMNodeInserted:!0,DOMNodeInsertedIntoDocument:!0,DOMNodeRemoved:!0,DOMNodeRemovedFromDocument:!0,DOMSubtreeModified:!0};function ce(e){return e instanceof Node?e.__shady_getRootNode():e}function he(e,t){var o=[],n=e;for(e=ce(e);n;)o.push(n),n=n.__shady_assignedSlot?n.__shady_assignedSlot:n.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&n.host&&(t||n!==e)?n.host:n.__shady_parentNode;return o[o.length-1]===document&&o.push(window),o}function ue(e,t){if(!m)return e;e=he(e,!0);for(var o,n,r=0,i=void 0,a=void 0;r<t.length;r++)if((n=ce(o=t[r]))!==i&&(a=e.indexOf(n),i=n),!m(n)||-1<a)return o}function ge(e){function t(t,o){return(t=new e(t,o)).__composed=o&&!!o.composed,t}return t.__proto__=e,t.prototype=e.prototype,t}var pe={focus:!0,blur:!0};function fe(e){return e.__target!==e.target||e.__relatedTarget!==e.relatedTarget}function me(e,t,o){if(o=t.__handlers&&t.__handlers[e.type]&&t.__handlers[e.type][o])for(var n,r=0;(n=o[r])&&(!fe(e)||e.target!==e.relatedTarget)&&(n.call(t,e),!e.__immediatePropagationStopped);r++);}function be(e){var t,o=e.composedPath();Object.defineProperty(e,"currentTarget",{get:function(){return r},configurable:!0});for(var n=o.length-1;0<=n;n--){var r=o[n];if(me(e,r,"capture"),e.T)return}for(Object.defineProperty(e,"eventPhase",{get:function(){return Event.AT_TARGET}}),n=0;n<o.length;n++){var i=u(r=o[n]);if(i=i&&i.root,(0===n||i&&i===t)&&(me(e,r,"bubble"),r!==window&&(t=r.__shady_getRootNode()),e.T))break}}function ve(e,t,o,n,r,i){for(var a=0;a<e.length;a++){var s=e[a],l=s.type,d=s.capture,c=s.once,h=s.passive;if(t===s.node&&o===l&&n===d&&r===c&&i===h)return a}return-1}function ye(e,t,o){if(t){var n=typeof t;if(("function"===n||"object"===n)&&("object"!==n||t.handleEvent&&"function"==typeof t.handleEvent)){if(de[e])return this.__shady_native_addEventListener(e,t,o);if(o&&"object"==typeof o)var r=!!o.capture,i=!!o.once,a=!!o.passive;else r=!!o,a=i=!1;var s=o&&o.U||this,l=t[ae];if(l){if(-1<ve(l,s,e,r,i,a))return}else t[ae]=[];l=function(r){if(i&&this.__shady_removeEventListener(e,t,o),r.__target||Ce(r),s!==this){var a=Object.getOwnPropertyDescriptor(r,"currentTarget");Object.defineProperty(r,"currentTarget",{get:function(){return s},configurable:!0})}if(r.__previousCurrentTarget=r.currentTarget,(!m(s)||-1!=r.composedPath().indexOf(s))&&(r.composed||-1<r.composedPath().indexOf(s)))if(fe(r)&&r.target===r.relatedTarget)r.eventPhase===Event.BUBBLING_PHASE&&r.stopImmediatePropagation();else if(r.eventPhase===Event.CAPTURING_PHASE||r.bubbles||r.target===s||s instanceof Window){var l="function"===n?t.call(s,r):t.handleEvent&&t.handleEvent(r);return s!==this&&(a?(Object.defineProperty(r,"currentTarget",a),a=null):delete r.currentTarget),l}},t[ae].push({node:s,type:e,capture:r,once:i,passive:a,Ea:l}),pe[e]?(this.__handlers=this.__handlers||{},this.__handlers[e]=this.__handlers[e]||{capture:[],bubble:[]},this.__handlers[e][r?"capture":"bubble"].push(l)):this.__shady_native_addEventListener(e,l,o)}}}function we(e,t,o){if(t){if(de[e])return this.__shady_native_removeEventListener(e,t,o);if(o&&"object"==typeof o)var n=!!o.capture,r=!!o.once,i=!!o.passive;else n=!!o,i=r=!1;var a=o&&o.U||this,s=void 0,l=null;try{l=t[ae]}catch(e){}l&&(-1<(r=ve(l,a,e,n,r,i))&&(s=l.splice(r,1)[0].Ea,l.length||(t[ae]=void 0))),this.__shady_native_removeEventListener(e,s||t,o),s&&pe[e]&&this.__handlers&&this.__handlers[e]&&(-1<(s=(e=this.__handlers[e][n?"capture":"bubble"]).indexOf(s))&&e.splice(s,1))}}var ze=R({get composed(){return void 0===this.__composed&&(se?this.__composed="focusin"===this.type||"focusout"===this.type||se(this):!1!==this.isTrusted&&(this.__composed=le[this.type])),this.__composed||!1},composedPath:function(){return this.__composedPath||(this.__composedPath=he(this.__target,this.composed)),this.__composedPath},get target(){return ue(this.currentTarget||this.__previousCurrentTarget,this.composedPath())},get relatedTarget(){return this.__relatedTarget?(this.__relatedTargetComposedPath||(this.__relatedTargetComposedPath=he(this.__relatedTarget,!0)),ue(this.currentTarget||this.__previousCurrentTarget,this.__relatedTargetComposedPath)):null},stopPropagation:function(){Event.prototype.stopPropagation.call(this),this.T=!0},stopImmediatePropagation:function(){Event.prototype.stopImmediatePropagation.call(this),this.T=this.__immediatePropagationStopped=!0}});function Ce(e){if(e.__target=e.target,e.__relatedTarget=e.relatedTarget,g.j){var t=Object.getPrototypeOf(e);if(!Object.hasOwnProperty(t,"__shady_patchedProto")){var o=Object.create(t);o.__shady_sourceProto=t,k(o,ze),t.__shady_patchedProto=o}e.__proto__=t.__shady_patchedProto}else k(e,ze)}var Se=ge(Event),xe=ge(CustomEvent),Me=ge(MouseEvent);var _e=Object.getOwnPropertyNames(Document.prototype).filter((function(e){return"on"===e.substring(0,2)}));function ke(e,t){return{index:e,G:[],L:t}}function Re(e,t,o,n){var r=0,i=0,a=0,s=0,l=Math.min(t-r,n-i);if(0==r&&0==i)e:{for(a=0;a<l;a++)if(e[a]!==o[a])break e;a=l}if(t==e.length&&n==o.length){s=e.length;for(var d=o.length,c=0;c<l-a&&De(e[--s],o[--d]);)c++;s=c}if(i+=a,n-=s,0==(t-=s)-(r+=a)&&0==n-i)return[];if(r==t){for(t=ke(r,0);i<n;)t.G.push(o[i++]);return[t]}if(i==n)return[ke(r,t-r)];for(n=n-(a=i)+1,s=t-(l=r)+1,t=Array(n),d=0;d<n;d++)t[d]=Array(s),t[d][0]=d;for(d=0;d<s;d++)t[0][d]=d;for(d=1;d<n;d++)for(c=1;c<s;c++)if(e[l+c-1]===o[a+d-1])t[d][c]=t[d-1][c-1];else{var h=t[d-1][c]+1,u=t[d][c-1]+1;t[d][c]=h<u?h:u}for(l=t.length-1,a=t[0].length-1,n=t[l][a],e=[];0<l||0<a;)0==l?(e.push(2),a--):0==a?(e.push(3),l--):(s=t[l-1][a-1],(h=(d=t[l-1][a])<(c=t[l][a-1])?d<s?d:s:c<s?c:s)==s?(s==n?e.push(0):(e.push(1),n=s),l--,a--):h==d?(e.push(3),l--,n=d):(e.push(2),a--,n=c));for(e.reverse(),t=void 0,l=[],a=0;a<e.length;a++)switch(e[a]){case 0:t&&(l.push(t),t=void 0),r++,i++;break;case 1:t||(t=ke(r,0)),t.L++,r++,t.G.push(o[i]),i++;break;case 2:t||(t=ke(r,0)),t.L++,r++;break;case 3:t||(t=ke(r,0)),t.G.push(o[i]),i++}return t&&l.push(t),l}function De(e,t){return e===t}function Ee(e,t,o){re(e),o=o||null;var n=h(e),r=h(t),i=o?h(o):null;n.previousSibling=o?i.previousSibling:t.__shady_lastChild,(i=u(n.previousSibling))&&(i.nextSibling=e),(i=u(n.nextSibling=o))&&(i.previousSibling=e),n.parentNode=t,o?o===r.firstChild&&(r.firstChild=e):(r.lastChild=e,r.firstChild||(r.firstChild=e)),r.childNodes=null}function Oe(e){var t=h(e);if(void 0===t.firstChild){t.childNodes=null;var o=t.firstChild=e.__shady_native_firstChild||null;for(t.lastChild=e.__shady_native_lastChild||null,ie(e),t=o,o=void 0;t;t=t.__shady_native_nextSibling){var n=h(t);n.parentNode=e,n.nextSibling=t.__shady_native_nextSibling||null,n.previousSibling=o||null,o=t,re(t)}}}var Te=null;function Ae(){return Te||(Te=window.ShadyCSS&&window.ShadyCSS.ScopingShim),Te||null}function Ie(e,t){var o=Ae();o&&o.unscopeNode(e,t)}function Le(e,t){var o=Ae();if(!o)return!0;if(e.nodeType===Node.DOCUMENT_FRAGMENT_NODE){o=!0,e=e.__shady_childNodes;for(var n=0;o&&n<e.length;n++)o=o&&Le(e[n],t);return o}return e.nodeType!==Node.ELEMENT_NODE||o.currentScopeForNode(e)===t}function Fe(e){if(e.nodeType!==Node.ELEMENT_NODE)return"";var t=Ae();return t?t.currentScopeForNode(e):""}function Ne(e,t){if(e){e.nodeType===Node.ELEMENT_NODE&&t(e),e=e.__shady_childNodes;for(var o,n=0;n<e.length;n++)(o=e[n]).nodeType===Node.ELEMENT_NODE&&Ne(o,t)}}var Be=window.document,Ge=g.ca,He=Object.getOwnPropertyDescriptor(Node.prototype,"isConnected"),Pe=He&&He.get;function Ze(e){for(var t;t=e.__shady_firstChild;)e.__shady_removeChild(t)}function Ue(e){var t=u(e);if(t&&void 0!==t.F)for(var o=0,n=(t=e.__shady_childNodes).length,r=void 0;o<n&&(r=t[o]);o++)Ue(r);(e=u(e))&&(e.F=void 0)}function We(e){var t=e;return e&&"slot"===e.localName&&(t=(t=(t=u(e))&&t.w)&&t.length?t[0]:We(e.__shady_nextSibling)),t}function Ve(e,t,o){(e=(e=u(e))&&e.C)&&(t&&e.addedNodes.push(t),o&&e.removedNodes.push(o),function(e){e.a||(e.a=!0,S((function(){e.flush()})))}(e))}var $e=R({get parentNode(){var e=u(this);return void 0!==(e=e&&e.parentNode)?e:this.__shady_native_parentNode},get firstChild(){var e=u(this);return void 0!==(e=e&&e.firstChild)?e:this.__shady_native_firstChild},get lastChild(){var e=u(this);return void 0!==(e=e&&e.lastChild)?e:this.__shady_native_lastChild},get nextSibling(){var e=u(this);return void 0!==(e=e&&e.nextSibling)?e:this.__shady_native_nextSibling},get previousSibling(){var e=u(this);return void 0!==(e=e&&e.previousSibling)?e:this.__shady_native_previousSibling},get childNodes(){if(f(this)){var e=u(this);if(!e.childNodes){e.childNodes=[];for(var t=this.__shady_firstChild;t;t=t.__shady_nextSibling)e.childNodes.push(t)}var o=e.childNodes}else o=this.__shady_native_childNodes;return o.item=function(e){return o[e]},o},get parentElement(){var e=u(this);return(e=e&&e.parentNode)&&e.nodeType!==Node.ELEMENT_NODE&&(e=null),void 0!==e?e:this.__shady_native_parentElement},get isConnected(){if(Pe&&Pe.call(this))return!0;if(this.nodeType==Node.DOCUMENT_FRAGMENT_NODE)return!1;var e=this.ownerDocument;if(x){if(e.__shady_native_contains(this))return!0}else if(e.documentElement&&e.documentElement.__shady_native_contains(this))return!0;for(e=this;e&&!(e instanceof Document);)e=e.__shady_parentNode||(m(e)?e.host:void 0);return!!(e&&e instanceof Document)},get textContent(){if(f(this)){for(var e,t=[],o=0,n=this.__shady_childNodes;e=n[o];o++)e.nodeType!==Node.COMMENT_NODE&&t.push(e.__shady_textContent);return t.join("")}return this.__shady_native_textContent},set textContent(e){switch(null==e&&(e=""),this.nodeType){case Node.ELEMENT_NODE:case Node.DOCUMENT_FRAGMENT_NODE:if(!f(this)&&g.j){var t=this.__shady_firstChild;(t!=this.__shady_lastChild||t&&t.nodeType!=Node.TEXT_NODE)&&Ze(this),this.__shady_native_textContent=e}else Ze(this),(0<e.length||this.nodeType===Node.ELEMENT_NODE)&&this.__shady_insertBefore(document.createTextNode(e));break;default:this.nodeValue=e}},insertBefore:function(e,t){if(this.ownerDocument!==Be&&e.ownerDocument!==Be)return this.__shady_native_insertBefore(e,t),e;if(e===this)throw Error("Failed to execute 'appendChild' on 'Node': The new child element contains the parent.");if(t){var o=u(t);if(void 0!==(o=o&&o.parentNode)&&o!==this||void 0===o&&t.__shady_native_parentNode!==this)throw Error("Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.")}if(t===e)return e;var n=[],r=(o=wt(this))?o.host.localName:Fe(this),i=e.__shady_parentNode;if(i){var a=Fe(e);i.__shady_removeChild(e,!!o||!wt(e))}i=!0;var s=!(Ge&&void 0!==e.__noInsertionPoint||Le(e,r)),l=o&&!e.__noInsertionPoint&&(!Ge||e.nodeType===Node.DOCUMENT_FRAGMENT_NODE);return(l||s)&&(s&&(a=a||Fe(e)),Ne(e,(function(e){if(l&&"slot"===e.localName&&n.push(e),s){var t=a;Ae()&&(t&&Ie(e,t),(t=Ae())&&t.scopeNode(e,r))}}))),("slot"===this.localName||n.length)&&(n.length&&(o.c=o.c||[],o.a=o.a||[],o.b=o.b||{},o.c.push.apply(o.c,n instanceof Array?n:function(e){for(var t,o=[];!(t=e.next()).done;)o.push(t.value);return o}(d(n)))),o&&dt(o)),f(this)&&(function(e,t,o){ie(t);var n=h(t);if(void 0!==n.firstChild&&(n.childNodes=null),e.nodeType===Node.DOCUMENT_FRAGMENT_NODE){n=e.__shady_childNodes;for(var r=0;r<n.length;r++)Ee(n[r],t,o);t=void 0!==(e=h(e)).firstChild?null:void 0,e.firstChild=e.lastChild=t,e.childNodes=t}else Ee(e,t,o)}(e,this,t),o=u(this),b(this)?(dt(o.root),i=!1):o.root&&(i=!1)),i?(o=m(this)?this.host:this,t?(t=We(t),o.__shady_native_insertBefore(e,t)):o.__shady_native_appendChild(e)):e.ownerDocument!==this.ownerDocument&&this.ownerDocument.adoptNode(e),Ve(this,e),e},appendChild:function(e){return this.__shady_insertBefore(e)},removeChild:function(e,t){if(t=void 0!==t&&t,this.ownerDocument!==Be)return this.__shady_native_removeChild(e);if(e.__shady_parentNode!==this)throw Error("The node to be removed is not a child of this node: "+e);var o=wt(e),n=o&&function(e,t){if(e.a){pt(e);var o,n=e.b;for(o in n)for(var r=n[o],i=0;i<r.length;i++){var a=r[i];if(M(t,a)){r.splice(i,1);var s=e.a.indexOf(a);if(0<=s&&(e.a.splice(s,1),(s=u(a.__shady_parentNode))&&s.I&&s.I--),i--,s=(a=u(a)).w)for(var l=0;l<s.length;l++){var d=s[l],c=d.__shady_native_parentNode;c&&c.__shady_native_removeChild(d)}a.w=[],a.assignedNodes=[],s=!0}}return s}}(o,e),r=u(this);if(f(this)&&(function(e,t){var o=h(e);e===(t=h(t)).firstChild&&(t.firstChild=o.nextSibling),e===t.lastChild&&(t.lastChild=o.previousSibling),e=o.previousSibling;var n=o.nextSibling;e&&(h(e).nextSibling=n),n&&(h(n).previousSibling=e),o.parentNode=o.previousSibling=o.nextSibling=void 0,void 0!==t.childNodes&&(t.childNodes=null)}(e,this),b(this))){dt(r.root);var i=!0}if(Ae()&&!t&&o){var a=Fe(e);Ne(e,(function(e){Ie(e,a)}))}return Ue(e),o&&((t=this&&"slot"===this.localName)&&(i=!0),(n||t)&&dt(o)),i||(i=m(this)?this.host:this,(!r.root&&"slot"!==e.localName||i===e.__shady_native_parentNode)&&i.__shady_native_removeChild(e)),Ve(this,null,e),e},replaceChild:function(e,t){return this.__shady_insertBefore(e,t),this.__shady_removeChild(t),e},cloneNode:function(e){if("template"==this.localName)return this.__shady_native_cloneNode(e);var t=this.__shady_native_cloneNode(!1);if(e&&t.nodeType!==Node.ATTRIBUTE_NODE){e=this.__shady_childNodes;for(var o,n=0;n<e.length;n++)o=e[n].__shady_cloneNode(!0),t.__shady_appendChild(o)}return t},getRootNode:function(e){if(this&&this.nodeType){var t=h(this),o=t.F;return void 0===o&&(m(this)?(o=this,t.F=o):(o=(o=this.__shady_parentNode)?o.__shady_getRootNode(e):this,document.documentElement.__shady_native_contains(this)&&(t.F=o))),o}},contains:function(e){return M(this,e)}});function je(e,t,o){var n=[];return qe(e.__shady_childNodes,t,o,n),n}function qe(e,t,o,n){for(var r=0,i=e.length,a=void 0;r<i&&(a=e[r]);r++){var s;if(s=a.nodeType===Node.ELEMENT_NODE){var l=t,d=o,c=n,h=l(s=a);h&&c.push(s),d&&d(h)?s=h:(qe(s.__shady_childNodes,l,d,c),s=void 0)}if(s)break}}var Ke=R({get firstElementChild(){var e=u(this);if(e&&void 0!==e.firstChild){for(e=this.__shady_firstChild;e&&e.nodeType!==Node.ELEMENT_NODE;)e=e.__shady_nextSibling;return e}return this.__shady_native_firstElementChild},get lastElementChild(){var e=u(this);if(e&&void 0!==e.lastChild){for(e=this.__shady_lastChild;e&&e.nodeType!==Node.ELEMENT_NODE;)e=e.__shady_previousSibling;return e}return this.__shady_native_lastElementChild},get children(){return f(this)?_(Array.prototype.filter.call(this.__shady_childNodes,(function(e){return e.nodeType===Node.ELEMENT_NODE}))):this.__shady_native_children},get childElementCount(){var e=this.__shady_children;return e?e.length:0}}),Ye=R({querySelector:function(e){return je(this,(function(t){return y.call(t,e)}),(function(e){return!!e}))[0]||null},querySelectorAll:function(e,t){if(t){t=Array.prototype.slice.call(this.__shady_native_querySelectorAll(e));var o=this.__shady_getRootNode();return t.filter((function(e){return e.__shady_getRootNode()==o}))}return je(this,(function(t){return y.call(t,e)}))}}),Xe=g.ca?Object.assign({},Ke):Ke;Object.assign(Ke,Ye);var Je=R({getElementById:function(e){return""===e?null:je(this,(function(t){return t.id==e}),(function(e){return!!e}))[0]||null}}),Qe=R({get activeElement(){var e=g.j?document.__shady_native_activeElement:document.activeElement;if(!e||!e.nodeType)return null;var t=!!m(this);if(!(this===document||t&&this.host!==e&&this.host.__shady_native_contains(e)))return null;for(t=wt(e);t&&t!==this;)t=wt(e=t.host);return this===document?t?null:e:t===this?e:null}}),et=document.implementation.createHTMLDocument("inert"),tt=R({get innerHTML(){return f(this)?H("template"===this.localName?this.content:this,(function(e){return e.__shady_childNodes})):this.__shady_native_innerHTML},set innerHTML(e){if("template"===this.localName)this.__shady_native_innerHTML=e;else{Ze(this);var t=this.localName||"div";for(t=this.namespaceURI&&this.namespaceURI!==et.namespaceURI?et.createElementNS(this.namespaceURI,t):et.createElement(t),g.j?t.__shady_native_innerHTML=e:t.innerHTML=e;e=t.__shady_firstChild;)this.__shady_insertBefore(e)}}}),ot=R({addEventListener:function(e,t,o){"object"!=typeof o&&(o={capture:!!o}),o.U=this,this.host.__shady_addEventListener(e,t,o)},removeEventListener:function(e,t,o){"object"!=typeof o&&(o={capture:!!o}),o.U=this,this.host.__shady_removeEventListener(e,t,o)}});function nt(e,t){k(e,ot,t),k(e,Qe,t),k(e,tt,t),k(e,Ke,t),g.D&&!t?(k(e,$e,t),k(e,Je,t)):g.j||(k(e,te),k(e,ee))}var rt,it={},at=g.deferConnectionCallbacks&&"loading"===document.readyState;function st(e){var t=[];do{t.unshift(e)}while(e=e.__shady_parentNode);return t}function lt(e,t,o){if(e!==it)throw new TypeError("Illegal constructor");if(this.la="ShadyRoot",this.host=t,this.mode=o&&o.mode,Oe(t),(e=h(t)).root=this,e.da="closed"!==this.mode?this:null,(e=h(this)).firstChild=e.lastChild=e.parentNode=e.nextSibling=e.previousSibling=null,e.childNodes=[],this.V=this.v=!1,this.c=this.b=this.a=null,g.preferPerformance)for(;e=t.__shady_native_firstChild;)t.__shady_native_removeChild(e);else dt(this)}function dt(e){e.v||(e.v=!0,O((function(){return ct(e)})))}function ct(e){var t;if(t=e.v){for(var o;e;)e.v&&(o=e),m(e=(t=e).host.__shady_getRootNode())&&(t=u(t.host))&&0<t.I||(e=void 0);t=o}(o=t)&&o._renderSelf()}function ht(e,t,o){var n=h(t),r=n.K;n.K=null,o||(o=(e=e.b[t.__shady_slot||"__catchall"])&&e[0]),o?(h(o).assignedNodes.push(t),n.assignedSlot=o):n.assignedSlot=void 0,r!==n.assignedSlot&&n.assignedSlot&&(h(n.assignedSlot).N=!0)}function ut(e,t,o){for(var n=0,r=void 0;n<o.length&&(r=o[n]);n++)if("slot"==r.localName){var i=u(r).assignedNodes;i&&i.length&&ut(e,t,i)}else t.push(o[n])}function gt(e,t){t.__shady_native_dispatchEvent(new Event("slotchange")),(t=u(t)).assignedSlot&&gt(e,t.assignedSlot)}function pt(e){if(e.c&&e.c.length){for(var t,o=e.c,n=0;n<o.length;n++){var r=o[n];Oe(r);var i=r.__shady_parentNode;Oe(i),(i=u(i)).I=(i.I||0)+1,i=ft(r),e.b[i]?((t=t||{})[i]=!0,e.b[i].push(r)):e.b[i]=[r],e.a.push(r)}if(t)for(var a in t)e.b[a]=mt(e.b[a]);e.c=[]}}function ft(e){var t=e.name||e.getAttribute("name")||"__catchall";return e.ja=t}function mt(e){return e.sort((function(e,t){e=st(e);for(var o=st(t),n=0;n<e.length;n++){t=e[n];var r=o[n];if(t!==r)return(e=Array.from(t.__shady_parentNode.__shady_childNodes)).indexOf(t)-e.indexOf(r)}}))}function bt(e){return pt(e),!(!e.a||!e.a.length)}if(lt.prototype._renderSelf=function(){var e=at;if(at=!0,this.v=!1,this.a){pt(this);for(var t,o=0;o<this.a.length;o++){var n=u(t=this.a[o]),r=n.assignedNodes;if(n.assignedNodes=[],n.w=[],n.W=r)for(n=0;n<r.length;n++){var i=u(r[n]);i.K=i.assignedSlot,i.assignedSlot===t&&(i.assignedSlot=null)}}for(o=this.host.__shady_firstChild;o;o=o.__shady_nextSibling)ht(this,o);for(o=0;o<this.a.length;o++){if(!(r=u(t=this.a[o])).assignedNodes.length)for(n=t.__shady_firstChild;n;n=n.__shady_nextSibling)ht(this,n,t);if((n=(n=u(t.__shady_parentNode))&&n.root)&&(bt(n)||n.v)&&n._renderSelf(),ut(this,r.w,r.assignedNodes),n=r.W){for(i=0;i<n.length;i++)u(n[i]).K=null;r.W=null,n.length>r.assignedNodes.length&&(r.N=!0)}r.N&&(r.N=!1,gt(this,t))}for(t=this.a,o=[],r=0;r<t.length;r++)(i=u(n=t[r].__shady_parentNode))&&i.root||!(0>o.indexOf(n))||o.push(n);for(t=0;t<o.length;t++){r=(i=o[t])===this?this.host:i,n=[],i=i.__shady_childNodes;for(var a=0;a<i.length;a++){var s=i[a];if("slot"==s.localName){s=u(s).w;for(var l=0;l<s.length;l++)n.push(s[l])}else n.push(s)}i=Array.prototype.slice.call(r.__shady_native_childNodes),a=Re(n,n.length,i,i.length),l=s=0;for(var d=void 0;s<a.length&&(d=a[s]);s++){for(var c=0,h=void 0;c<d.G.length&&(h=d.G[c]);c++)h.__shady_native_parentNode===r&&r.__shady_native_removeChild(h),i.splice(d.index+l,1);l-=d.L}for(l=0,d=void 0;l<a.length&&(d=a[l]);l++)for(s=i[d.index],c=d.index;c<d.index+d.L;c++)h=n[c],r.__shady_native_insertBefore(h,s),i.splice(c,0,h)}}if(!g.preferPerformance&&!this.V)for(t=0,r=(o=this.host.__shady_childNodes).length;t<r;t++)i=u(n=o[t]),n.__shady_native_parentNode!==this.host||"slot"!==n.localName&&i.assignedSlot||this.host.__shady_native_removeChild(n);this.V=!0,at=e,rt&&rt()},function(e){e.__proto__=DocumentFragment.prototype,nt(e,"__shady_"),nt(e),Object.defineProperties(e,{nodeType:{value:Node.DOCUMENT_FRAGMENT_NODE,configurable:!0},nodeName:{value:"#document-fragment",configurable:!0},nodeValue:{value:null,configurable:!0}}),["localName","namespaceURI","prefix"].forEach((function(t){Object.defineProperty(e,t,{value:void 0,configurable:!0})})),["ownerDocument","baseURI","isConnected"].forEach((function(t){Object.defineProperty(e,t,{get:function(){return this.host[t]},configurable:!0})}))}(lt.prototype),window.customElements&&g.X&&!g.preferPerformance){var vt=new Map;rt=function(){var e=[];vt.forEach((function(t,o){e.push([o,t])})),vt.clear();for(var t=0;t<e.length;t++){var o=e[t][0];e[t][1]?o.ha():o.ia()}},at&&document.addEventListener("readystatechange",(function(){at=!1,rt()}),{once:!0});var yt=window.customElements.define;Object.defineProperty(window.CustomElementRegistry.prototype,"define",{value:function(e,t){var o=t.prototype.connectedCallback,n=t.prototype.disconnectedCallback;yt.call(window.customElements,e,function(e,t,o){var n=0,r="__isConnected"+n++;return(t||o)&&(e.prototype.connectedCallback=e.prototype.ha=function(){at?vt.set(this,!0):this[r]||(this[r]=!0,t&&t.call(this))},e.prototype.disconnectedCallback=e.prototype.ia=function(){at?this.isConnected||vt.set(this,!1):this[r]&&(this[r]=!1,o&&o.call(this))}),e}(t,o,n)),t.prototype.connectedCallback=o,t.prototype.disconnectedCallback=n}})}function wt(e){if(m(e=e.__shady_getRootNode()))return e}function zt(e){this.node=e}(e=zt.prototype).addEventListener=function(e,t,o){return this.node.__shady_addEventListener(e,t,o)},e.removeEventListener=function(e,t,o){return this.node.__shady_removeEventListener(e,t,o)},e.appendChild=function(e){return this.node.__shady_appendChild(e)},e.insertBefore=function(e,t){return this.node.__shady_insertBefore(e,t)},e.removeChild=function(e){return this.node.__shady_removeChild(e)},e.replaceChild=function(e,t){return this.node.__shady_replaceChild(e,t)},e.cloneNode=function(e){return this.node.__shady_cloneNode(e)},e.getRootNode=function(e){return this.node.__shady_getRootNode(e)},e.contains=function(e){return this.node.__shady_contains(e)},e.dispatchEvent=function(e){return this.node.__shady_dispatchEvent(e)},e.setAttribute=function(e,t){this.node.__shady_setAttribute(e,t)},e.getAttribute=function(e){return this.node.__shady_native_getAttribute(e)},e.removeAttribute=function(e){this.node.__shady_removeAttribute(e)},e.attachShadow=function(e){return this.node.__shady_attachShadow(e)},e.focus=function(){this.node.__shady_native_focus()},e.blur=function(){this.node.__shady_blur()},e.importNode=function(e,t){if(this.node.nodeType===Node.DOCUMENT_NODE)return this.node.__shady_importNode(e,t)},e.getElementById=function(e){if(this.node.nodeType===Node.DOCUMENT_NODE)return this.node.__shady_getElementById(e)},e.querySelector=function(e){return this.node.__shady_querySelector(e)},e.querySelectorAll=function(e,t){return this.node.__shady_querySelectorAll(e,t)},e.assignedNodes=function(e){if("slot"===this.node.localName)return this.node.__shady_assignedNodes(e)},t.Object.defineProperties(zt.prototype,{activeElement:{configurable:!0,enumerable:!0,get:function(){if(m(this.node)||this.node.nodeType===Node.DOCUMENT_NODE)return this.node.__shady_activeElement}},_activeElement:{configurable:!0,enumerable:!0,get:function(){return this.activeElement}},host:{configurable:!0,enumerable:!0,get:function(){if(m(this.node))return this.node.host}},parentNode:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_parentNode}},firstChild:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_firstChild}},lastChild:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_lastChild}},nextSibling:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_nextSibling}},previousSibling:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_previousSibling}},childNodes:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_childNodes}},parentElement:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_parentElement}},firstElementChild:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_firstElementChild}},lastElementChild:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_lastElementChild}},nextElementSibling:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_nextElementSibling}},previousElementSibling:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_previousElementSibling}},children:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_children}},childElementCount:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_childElementCount}},shadowRoot:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_shadowRoot}},assignedSlot:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_assignedSlot}},isConnected:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_isConnected}},innerHTML:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_innerHTML},set:function(e){this.node.__shady_innerHTML=e}},textContent:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_textContent},set:function(e){this.node.__shady_textContent=e}},slot:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_slot},set:function(e){this.node.__shady_slot=e}}}),_e.forEach((function(e){Object.defineProperty(zt.prototype,e,{get:function(){return this.node["__shady_"+e]},set:function(t){this.node["__shady_"+e]=t},configurable:!0})}));var Ct=new WeakMap;var St=R({dispatchEvent:function(e){return T(),this.__shady_native_dispatchEvent(e)},addEventListener:ye,removeEventListener:we}),xt=R({get assignedSlot(){var e=this.__shady_parentNode;return(e=e&&e.__shady_shadowRoot)&&ct(e),(e=u(this))&&e.assignedSlot||null}}),Mt=window.document;function _t(e,t){if("slot"===t)b(e=e.__shady_parentNode)&&dt(u(e).root);else if("slot"===e.localName&&"name"===t&&(t=wt(e))){if(t.a){pt(t);var o=e.ja,n=ft(e);if(n!==o){var r=(o=t.b[o]).indexOf(e);0<=r&&o.splice(r,1),(o=t.b[n]||(t.b[n]=[])).push(e),1<o.length&&(t.b[n]=mt(o))}}dt(t)}}var kt=R({get previousElementSibling(){var e=u(this);if(e&&void 0!==e.previousSibling){for(e=this.__shady_previousSibling;e&&e.nodeType!==Node.ELEMENT_NODE;)e=e.__shady_previousSibling;return e}return this.__shady_native_previousElementSibling},get nextElementSibling(){var e=u(this);if(e&&void 0!==e.nextSibling){for(e=this.__shady_nextSibling;e&&e.nodeType!==Node.ELEMENT_NODE;)e=e.__shady_nextSibling;return e}return this.__shady_native_nextElementSibling},get slot(){return this.getAttribute("slot")},set slot(e){this.__shady_setAttribute("slot",e)},get shadowRoot(){var e=u(this);return e&&e.da||null},get className(){return this.getAttribute("class")||""},set className(e){this.__shady_setAttribute("class",e)},setAttribute:function(e,t){var o;this.ownerDocument!==Mt?this.__shady_native_setAttribute(e,t):((o=Ae())&&"class"===e?(o.setElementClass(this,t),o=!0):o=!1,o||(this.__shady_native_setAttribute(e,t),_t(this,e)))},removeAttribute:function(e){this.__shady_native_removeAttribute(e),_t(this,e)},attachShadow:function(e){if(!this)throw Error("Must provide a host.");if(!e)throw Error("Not enough arguments.");return new lt(it,this,e)}}),Rt=R({blur:function(){var e=u(this);(e=(e=e&&e.root)&&e.activeElement)?e.__shady_blur():this.__shady_native_blur()}});_e.forEach((function(e){Rt[e]={set:function(t){var o=h(this),n=e.substring(2);o.J[e]&&this.removeEventListener(n,o.J[e]),this.__shady_addEventListener(n,t),o.J[e]=t},get:function(){var t=u(this);return t&&t.J[e]},configurable:!0}}));var Dt=R({assignedNodes:function(e){if("slot"===this.localName){var t=this.__shady_getRootNode();return t&&m(t)&&ct(t),(t=u(this))&&(e&&e.flatten?t.w:t.assignedNodes)||[]}}}),Et=window.document,Ot=R({importNode:function(e,t){if(e.ownerDocument!==Et||"template"===e.localName)return this.__shady_native_importNode(e,t);var o=this.__shady_native_importNode(e,!1);if(t){e=e.__shady_childNodes,t=0;for(var n;t<e.length;t++)n=this.__shady_importNode(e[t],!0),o.__shady_appendChild(n)}return o}}),Tt=R({addEventListener:ye.bind(window),removeEventListener:we.bind(window)}),At={};Object.getOwnPropertyDescriptor(HTMLElement.prototype,"parentElement")&&(At.parentElement=$e.parentElement),Object.getOwnPropertyDescriptor(HTMLElement.prototype,"contains")&&(At.contains=$e.contains),Object.getOwnPropertyDescriptor(HTMLElement.prototype,"children")&&(At.children=Ke.children),Object.getOwnPropertyDescriptor(HTMLElement.prototype,"innerHTML")&&(At.innerHTML=tt.innerHTML),Object.getOwnPropertyDescriptor(HTMLElement.prototype,"className")&&(At.className=kt.className);var It={EventTarget:[St],Node:[$e,window.EventTarget?null:St],Text:[xt],Element:[kt,Ke,xt,!g.j||"innerHTML"in Element.prototype?tt:null,window.HTMLSlotElement?null:Dt],HTMLElement:[Rt,At],HTMLSlotElement:[Dt],DocumentFragment:[Xe,Je],Document:[Ot,Xe,Je,Qe],Window:[Tt]},Lt=g.j?null:["innerHTML","textContent"];function Ft(e){var t,o=e?null:Lt,n={};for(t in It)n.R=window[t]&&window[t].prototype,It[t].forEach(function(t){return function(n){return t.R&&n&&k(t.R,n,e,o)}}(n)),n={R:n.R}}if(g.X){var Nt={inUse:g.X,patch:function(e){return ie(e),re(e),e},isShadyRoot:m,enqueue:O,flush:T,flushInitial:function(e){!e.V&&e.v&&ct(e)},settings:g,filterMutations:function(e,t){var o=t.getRootNode();return e.map((function(e){var t=o===e.target.getRootNode();if(t&&e.addedNodes){if(t=Array.from(e.addedNodes).filter((function(e){return o===e.getRootNode()})),t.length)return e=Object.create(e),Object.defineProperty(e,"addedNodes",{value:t,configurable:!0}),e}else if(t)return e})).filter((function(e){return e}))},observeChildren:function(e,t){var o=h(e);o.C||(o.C=new A),o.C.M.add(t);var n=o.C;return{ka:t,A:n,ma:e,takeRecords:function(){return n.takeRecords()}}},unobserveChildren:function(e){var t=e&&e.A;t&&(t.M.delete(e.ka),t.M.size||(h(e.ma).C=null))},deferConnectionCallbacks:g.deferConnectionCallbacks,preferPerformance:g.preferPerformance,handlesDynamicScoping:!0,wrap:g.D?function(e){if(m(e)||e instanceof zt)return e;var t=Ct.get(e);return t||(t=new zt(e),Ct.set(e,t)),t}:function(e){return e},Wrapper:zt,composedPath:function(e){return e.__composedPath||(e.__composedPath=he(e.target,!0)),e.__composedPath},noPatch:g.D,nativeMethods:Z,nativeTree:U};window.ShadyDOM=Nt,function(){var e=["dispatchEvent","addEventListener","removeEventListener"];window.EventTarget?$(window.EventTarget.prototype,e):($(Node.prototype,e),$(Window.prototype,e)),P?$(Node.prototype,"parentNode firstChild lastChild previousSibling nextSibling childNodes parentElement textContent".split(" ")):V(Node.prototype,{parentNode:{get:function(){return j.currentNode=this,j.parentNode()}},firstChild:{get:function(){return j.currentNode=this,j.firstChild()}},lastChild:{get:function(){return j.currentNode=this,j.lastChild()}},previousSibling:{get:function(){return j.currentNode=this,j.previousSibling()}},nextSibling:{get:function(){return j.currentNode=this,j.nextSibling()}},childNodes:{get:function(){var e=[];j.currentNode=this;for(var t=j.firstChild();t;)e.push(t),t=j.nextSibling();return e}},parentElement:{get:function(){return q.currentNode=this,q.parentNode()}},textContent:{get:function(){switch(this.nodeType){case Node.ELEMENT_NODE:case Node.DOCUMENT_FRAGMENT_NODE:for(var e,t=document.createTreeWalker(this,NodeFilter.SHOW_TEXT,null,!1),o="";e=t.nextNode();)o+=e.nodeValue;return o;default:return this.nodeValue}},set:function(e){switch(null==e&&(e=""),this.nodeType){case Node.ELEMENT_NODE:case Node.DOCUMENT_FRAGMENT_NODE:Y(this),(0<e.length||this.nodeType===Node.ELEMENT_NODE)&&this.__shady_native_insertBefore(document.createTextNode(e),void 0);break;default:this.nodeValue=e}}}}),$(Node.prototype,"appendChild insertBefore removeChild replaceChild cloneNode contains".split(" ")),e={firstElementChild:{get:function(){return q.currentNode=this,q.firstChild()}},lastElementChild:{get:function(){return q.currentNode=this,q.lastChild()}},children:{get:function(){var e=[];q.currentNode=this;for(var t=q.firstChild();t;)e.push(t),t=q.nextSibling();return _(e)}},childElementCount:{get:function(){return this.children?this.children.length:0}}},P?($(Element.prototype,X),$(Element.prototype,["previousElementSibling","nextElementSibling","innerHTML"]),Object.getOwnPropertyDescriptor(HTMLElement.prototype,"children")&&$(HTMLElement.prototype,["children"]),Object.getOwnPropertyDescriptor(HTMLElement.prototype,"innerHTML")&&$(HTMLElement.prototype,["innerHTML"])):(V(Element.prototype,e),V(Element.prototype,{previousElementSibling:{get:function(){return q.currentNode=this,q.previousSibling()}},nextElementSibling:{get:function(){return q.currentNode=this,q.nextSibling()}},innerHTML:{get:function(){return H(this,(function(e){return e.__shady_native_childNodes}))},set:function(e){var t="template"===this.localName?this.content:this;Y(t);var o=this.localName||"div";for((o=this.namespaceURI&&this.namespaceURI!==K.namespaceURI?K.createElementNS(this.namespaceURI,o):K.createElement(o)).innerHTML=e,e="template"===this.localName?o.content:o;o=e.__shady_native_firstChild;)t.__shady_native_insertBefore(o,void 0)}}})),$(Element.prototype,"setAttribute getAttribute hasAttribute removeAttribute focus blur".split(" ")),$(Element.prototype,J),$(HTMLElement.prototype,["focus","blur","contains"]),P&&$(HTMLElement.prototype,["parentElement","children","innerHTML"]),window.HTMLTemplateElement&&$(window.HTMLTemplateElement.prototype,["innerHTML"]),P?$(DocumentFragment.prototype,X):V(DocumentFragment.prototype,e),$(DocumentFragment.prototype,J),P?($(Document.prototype,X),$(Document.prototype,["activeElement"])):V(Document.prototype,e),$(Document.prototype,["importNode","getElementById"]),$(Document.prototype,J)}(),Ft("__shady_"),Object.defineProperty(document,"_activeElement",Qe.activeElement),k(Window.prototype,Tt,"__shady_"),g.D||(Ft(),function(){if(!se&&Object.getOwnPropertyDescriptor(Event.prototype,"isTrusted")){var e=function(){var e=new MouseEvent("click",{bubbles:!0,cancelable:!0,composed:!0});this.__shady_dispatchEvent(e)};Element.prototype.click?Element.prototype.click=e:HTMLElement.prototype.click&&(HTMLElement.prototype.click=e)}}()),function(){for(var e in pe)window.__shady_native_addEventListener(e,(function(e){e.__target||(Ce(e),be(e))}),!0)}(),window.Event=Se,window.CustomEvent=xe,window.MouseEvent=Me,window.ShadowRoot=lt}var Bt=new Set("annotation-xml color-profile font-face font-face-src font-face-uri font-face-format font-face-name missing-glyph".split(" "));function Gt(e){var t=Bt.has(e);return e=/^[a-z][.0-9_a-z]*-[\-.0-9_a-z]*$/.test(e),!t&&e}function Ht(e){var t=e.isConnected;if(void 0!==t)return t;for(;e&&!(e.__CE_isImportDocument||e instanceof Document);)e=e.parentNode||(window.ShadowRoot&&e instanceof ShadowRoot?e.host:void 0);return!(!e||!(e.__CE_isImportDocument||e instanceof Document))}function Pt(e,t){for(;t&&t!==e&&!t.nextSibling;)t=t.parentNode;return t&&t!==e?t.nextSibling:null}function Zt(e,t,o){o=void 0===o?new Set:o;for(var n=e;n;){if(n.nodeType===Node.ELEMENT_NODE){var r=n;t(r);var i=r.localName;if("link"===i&&"import"===r.getAttribute("rel")){if((n=r.import)instanceof Node&&!o.has(n))for(o.add(n),n=n.firstChild;n;n=n.nextSibling)Zt(n,t,o);n=Pt(e,r);continue}if("template"===i){n=Pt(e,r);continue}if(r=r.__CE_shadowRoot)for(r=r.firstChild;r;r=r.nextSibling)Zt(r,t,o)}n=n.firstChild?n.firstChild:Pt(e,n)}}function Ut(e,t,o){e[t]=o}function Wt(){this.a=new Map,this.i=new Map,this.f=[],this.c=!1}function Vt(e,t){e.c=!0,e.f.push(t)}function $t(e,t){e.c&&Zt(t,(function(t){return e.b(t)}))}function jt(e,t){var o=[];for(Zt(t,(function(e){return o.push(e)})),t=0;t<o.length;t++){var n=o[t];1===n.__CE_state?e.connectedCallback(n):Yt(e,n)}}function qt(e,t){var o=[];for(Zt(t,(function(e){return o.push(e)})),t=0;t<o.length;t++){var n=o[t];1===n.__CE_state&&e.disconnectedCallback(n)}}function Kt(e,t,o){var n=(o=void 0===o?{}:o).Da||new Set,r=o.S||function(t){return Yt(e,t)},i=[];if(Zt(t,(function(t){if("link"===t.localName&&"import"===t.getAttribute("rel")){var o=t.import;o instanceof Node&&(o.__CE_isImportDocument=!0,o.__CE_hasRegistry=!0),o&&"complete"===o.readyState?o.__CE_documentLoadHandled=!0:t.addEventListener("load",(function(){var o=t.import;if(!o.__CE_documentLoadHandled){o.__CE_documentLoadHandled=!0;var i=new Set(n);i.delete(o),Kt(e,o,{Da:i,S:r})}}))}else i.push(t)}),n),e.c)for(t=0;t<i.length;t++)e.b(i[t]);for(t=0;t<i.length;t++)r(i[t])}function Yt(e,t){if(void 0===t.__CE_state){var o=t.ownerDocument;if((o.defaultView||o.__CE_isImportDocument&&o.__CE_hasRegistry)&&(o=e.a.get(t.localName))){o.constructionStack.push(t);var n=o.constructorFunction;try{try{if(new n!==t)throw Error("The custom element constructor did not produce the element being upgraded.")}finally{o.constructionStack.pop()}}catch(e){throw t.__CE_state=2,e}if(t.__CE_state=1,t.__CE_definition=o,o.attributeChangedCallback)for(o=o.observedAttributes,n=0;n<o.length;n++){var r=o[n],i=t.getAttribute(r);null!==i&&e.attributeChangedCallback(t,r,null,i,null)}Ht(t)&&e.connectedCallback(t)}}}function Xt(e){var t=document;this.b=e,this.a=t,this.A=void 0,Kt(this.b,this.a),"loading"===this.a.readyState&&(this.A=new MutationObserver(this.c.bind(this)),this.A.observe(this.a,{childList:!0,subtree:!0}))}function Jt(e){e.A&&e.A.disconnect()}function Qt(){var e=this;this.b=this.a=void 0,this.c=new Promise((function(t){e.b=t,e.a&&t(e.a)}))}function eo(e){if(e.a)throw Error("Already resolved.");e.a=void 0,e.b&&e.b(void 0)}function to(e){this.c=!1,this.a=e,this.B=new Map,this.f=function(e){return e()},this.b=!1,this.i=[],this.ta=new Xt(e)}Wt.prototype.b=function(e){if(this.c&&!e.__CE_patched){e.__CE_patched=!0;for(var t=0;t<this.f.length;t++)this.f[t](e)}},Wt.prototype.connectedCallback=function(e){var t=e.__CE_definition;t.connectedCallback&&t.connectedCallback.call(e)},Wt.prototype.disconnectedCallback=function(e){var t=e.__CE_definition;t.disconnectedCallback&&t.disconnectedCallback.call(e)},Wt.prototype.attributeChangedCallback=function(e,t,o,n,r){var i=e.__CE_definition;i.attributeChangedCallback&&-1<i.observedAttributes.indexOf(t)&&i.attributeChangedCallback.call(e,t,o,n,r)},Xt.prototype.c=function(e){var t=this.a.readyState;for("interactive"!==t&&"complete"!==t||Jt(this),t=0;t<e.length;t++)for(var o=e[t].addedNodes,n=0;n<o.length;n++)Kt(this.b,o[n])},(e=to.prototype).fa=function(e,t){var o=this;if(!(t instanceof Function))throw new TypeError("Custom element constructors must be functions.");if(!Gt(e))throw new SyntaxError("The element name '"+e+"' is not valid.");if(this.a.a.get(e))throw Error("A custom element with name '"+e+"' has already been defined.");if(this.c)throw Error("A custom element is already being defined.");this.c=!0;try{var n=function(e){var t=r[e];if(void 0!==t&&!(t instanceof Function))throw Error("The '"+e+"' callback must be a function.");return t},r=t.prototype;if(!(r instanceof Object))throw new TypeError("The custom element constructor's prototype is not an object.");var i=n("connectedCallback"),a=n("disconnectedCallback"),s=n("adoptedCallback"),l=n("attributeChangedCallback"),d=t.observedAttributes||[]}catch(e){return}finally{this.c=!1}t={localName:e,constructorFunction:t,connectedCallback:i,disconnectedCallback:a,adoptedCallback:s,attributeChangedCallback:l,observedAttributes:d,constructionStack:[]},function(e,t,o){e.a.set(t,o),e.i.set(o.constructorFunction,o)}(this.a,e,t),this.i.push(t),this.b||(this.b=!0,this.f((function(){return function(e){if(!1!==e.b){e.b=!1;for(var t=e.i,o=[],n=new Map,r=0;r<t.length;r++)n.set(t[r].localName,[]);for(Kt(e.a,document,{S:function(t){if(void 0===t.__CE_state){var r=t.localName,i=n.get(r);i?i.push(t):e.a.a.get(r)&&o.push(t)}}}),r=0;r<o.length;r++)Yt(e.a,o[r]);for(;0<t.length;){var i=t.shift();r=i.localName,i=n.get(i.localName);for(var a=0;a<i.length;a++)Yt(e.a,i[a]);(r=e.B.get(r))&&eo(r)}}}(o)})))},e.S=function(e){Kt(this.a,e)},e.get=function(e){if(e=this.a.a.get(e))return e.constructorFunction},e.ga=function(e){if(!Gt(e))return Promise.reject(new SyntaxError("'"+e+"' is not a valid custom element name."));var t=this.B.get(e);return t||(t=new Qt,this.B.set(e,t),this.a.a.get(e)&&!this.i.some((function(t){return t.localName===e}))&&eo(t)),t.c},e.va=function(e){Jt(this.ta);var t=this.f;this.f=function(o){return e((function(){return t(o)}))}},window.CustomElementRegistry=to,to.prototype.define=to.prototype.fa,to.prototype.upgrade=to.prototype.S,to.prototype.get=to.prototype.get,to.prototype.whenDefined=to.prototype.ga,to.prototype.polyfillWrapFlushCallback=to.prototype.va;var oo=window.Document.prototype.createElement,no=window.Document.prototype.createElementNS,ro=window.Document.prototype.importNode,io=window.Document.prototype.prepend,ao=window.Document.prototype.append,so=window.DocumentFragment.prototype.prepend,lo=window.DocumentFragment.prototype.append,co=window.Node.prototype.cloneNode,ho=window.Node.prototype.appendChild,uo=window.Node.prototype.insertBefore,go=window.Node.prototype.removeChild,po=window.Node.prototype.replaceChild,fo=Object.getOwnPropertyDescriptor(window.Node.prototype,"textContent"),mo=window.Element.prototype.attachShadow,bo=Object.getOwnPropertyDescriptor(window.Element.prototype,"innerHTML"),vo=window.Element.prototype.getAttribute,yo=window.Element.prototype.setAttribute,wo=window.Element.prototype.removeAttribute,zo=window.Element.prototype.getAttributeNS,Co=window.Element.prototype.setAttributeNS,So=window.Element.prototype.removeAttributeNS,xo=window.Element.prototype.insertAdjacentElement,Mo=window.Element.prototype.insertAdjacentHTML,_o=window.Element.prototype.prepend,ko=window.Element.prototype.append,Ro=window.Element.prototype.before,Do=window.Element.prototype.after,Eo=window.Element.prototype.replaceWith,Oo=window.Element.prototype.remove,To=window.HTMLElement,Ao=Object.getOwnPropertyDescriptor(window.HTMLElement.prototype,"innerHTML"),Io=window.HTMLElement.prototype.insertAdjacentElement,Lo=window.HTMLElement.prototype.insertAdjacentHTML,Fo=new function(){};function No(e,t,o){function n(t){return function(o){for(var n=[],r=0;r<arguments.length;++r)n[r]=arguments[r];r=[];for(var i=[],a=0;a<n.length;a++){var s=n[a];if(s instanceof Element&&Ht(s)&&i.push(s),s instanceof DocumentFragment)for(s=s.firstChild;s;s=s.nextSibling)r.push(s);else r.push(s)}for(t.apply(this,n),n=0;n<i.length;n++)qt(e,i[n]);if(Ht(this))for(n=0;n<r.length;n++)(i=r[n])instanceof Element&&jt(e,i)}}void 0!==o.P&&(t.prepend=n(o.P)),void 0!==o.append&&(t.append=n(o.append))}var Bo=window.customElements;if(!Bo||Bo.forcePolyfill||"function"!=typeof Bo.define||"function"!=typeof Bo.get){var Go=new Wt;!function(){var e=Go;window.HTMLElement=function(){function t(){var t=this.constructor,o=e.i.get(t);if(!o)throw Error("The custom element being constructed was not registered with `customElements`.");var n=o.constructionStack;if(0===n.length)return n=oo.call(document,o.localName),Object.setPrototypeOf(n,t.prototype),n.__CE_state=1,n.__CE_definition=o,e.b(n),n;var r=n[o=n.length-1];if(r===Fo)throw Error("The HTMLElement constructor was either called reentrantly for this constructor or called multiple times.");return n[o]=Fo,Object.setPrototypeOf(r,t.prototype),e.b(r),r}return t.prototype=To.prototype,Object.defineProperty(t.prototype,"constructor",{writable:!0,configurable:!0,enumerable:!1,value:t}),t}()}(),function(){var e=Go;Ut(Document.prototype,"createElement",(function(t){if(this.__CE_hasRegistry){var o=e.a.get(t);if(o)return new o.constructorFunction}return t=oo.call(this,t),e.b(t),t})),Ut(Document.prototype,"importNode",(function(t,o){return t=ro.call(this,t,!!o),this.__CE_hasRegistry?Kt(e,t):$t(e,t),t})),Ut(Document.prototype,"createElementNS",(function(t,o){if(this.__CE_hasRegistry&&(null===t||"http://www.w3.org/1999/xhtml"===t)){var n=e.a.get(o);if(n)return new n.constructorFunction}return t=no.call(this,t,o),e.b(t),t})),No(e,Document.prototype,{P:io,append:ao})}(),No(Go,DocumentFragment.prototype,{P:so,append:lo}),function(){function e(e,o){Object.defineProperty(e,"textContent",{enumerable:o.enumerable,configurable:!0,get:o.get,set:function(e){if(this.nodeType===Node.TEXT_NODE)o.set.call(this,e);else{var n=void 0;if(this.firstChild){var r=this.childNodes,i=r.length;if(0<i&&Ht(this)){n=Array(i);for(var a=0;a<i;a++)n[a]=r[a]}}if(o.set.call(this,e),n)for(e=0;e<n.length;e++)qt(t,n[e])}}})}var t=Go;Ut(Node.prototype,"insertBefore",(function(e,o){if(e instanceof DocumentFragment){var n=Array.prototype.slice.apply(e.childNodes);if(e=uo.call(this,e,o),Ht(this))for(o=0;o<n.length;o++)jt(t,n[o]);return e}return n=Ht(e),o=uo.call(this,e,o),n&&qt(t,e),Ht(this)&&jt(t,e),o})),Ut(Node.prototype,"appendChild",(function(e){if(e instanceof DocumentFragment){var o=Array.prototype.slice.apply(e.childNodes);if(e=ho.call(this,e),Ht(this))for(var n=0;n<o.length;n++)jt(t,o[n]);return e}return o=Ht(e),n=ho.call(this,e),o&&qt(t,e),Ht(this)&&jt(t,e),n})),Ut(Node.prototype,"cloneNode",(function(e){return e=co.call(this,!!e),this.ownerDocument.__CE_hasRegistry?Kt(t,e):$t(t,e),e})),Ut(Node.prototype,"removeChild",(function(e){var o=Ht(e),n=go.call(this,e);return o&&qt(t,e),n})),Ut(Node.prototype,"replaceChild",(function(e,o){if(e instanceof DocumentFragment){var n=Array.prototype.slice.apply(e.childNodes);if(e=po.call(this,e,o),Ht(this))for(qt(t,o),o=0;o<n.length;o++)jt(t,n[o]);return e}n=Ht(e);var r=po.call(this,e,o),i=Ht(this);return i&&qt(t,o),n&&qt(t,e),i&&jt(t,e),r})),fo&&fo.get?e(Node.prototype,fo):Vt(t,(function(t){e(t,{enumerable:!0,configurable:!0,get:function(){for(var e=[],t=0;t<this.childNodes.length;t++)e.push(this.childNodes[t].textContent);return e.join("")},set:function(e){for(;this.firstChild;)go.call(this,this.firstChild);ho.call(this,document.createTextNode(e))}})}))}(),function(){function e(e,t){Object.defineProperty(e,"innerHTML",{enumerable:t.enumerable,configurable:!0,get:t.get,set:function(e){var o=this,r=void 0;if(Ht(this)&&(r=[],Zt(this,(function(e){e!==o&&r.push(e)}))),t.set.call(this,e),r)for(var i=0;i<r.length;i++){var a=r[i];1===a.__CE_state&&n.disconnectedCallback(a)}return this.ownerDocument.__CE_hasRegistry?Kt(n,this):$t(n,this),e}})}function t(e,t){Ut(e,"insertAdjacentElement",(function(e,o){var r=Ht(o);return e=t.call(this,e,o),r&&qt(n,o),Ht(e)&&jt(n,o),e}))}function o(e,t){function o(e,t){for(var o=[];e!==t;e=e.nextSibling)o.push(e);for(t=0;t<o.length;t++)Kt(n,o[t])}Ut(e,"insertAdjacentHTML",(function(e,n){if("beforebegin"===(e=e.toLowerCase())){var r=this.previousSibling;t.call(this,e,n),o(r||this.parentNode.firstChild,this)}else if("afterbegin"===e)r=this.firstChild,t.call(this,e,n),o(this.firstChild,r);else if("beforeend"===e)r=this.lastChild,t.call(this,e,n),o(r||this.firstChild,null);else{if("afterend"!==e)throw new SyntaxError("The value provided ("+String(e)+") is not one of 'beforebegin', 'afterbegin', 'beforeend', or 'afterend'.");r=this.nextSibling,t.call(this,e,n),o(this.nextSibling,r)}}))}var n=Go;mo&&Ut(Element.prototype,"attachShadow",(function(e){return this.__CE_shadowRoot=mo.call(this,e)})),bo&&bo.get?e(Element.prototype,bo):Ao&&Ao.get?e(HTMLElement.prototype,Ao):Vt(n,(function(t){e(t,{enumerable:!0,configurable:!0,get:function(){return co.call(this,!0).innerHTML},set:function(e){var t="template"===this.localName,o=t?this.content:this,n=no.call(document,this.namespaceURI,this.localName);for(n.innerHTML=e;0<o.childNodes.length;)go.call(o,o.childNodes[0]);for(e=t?n.content:n;0<e.childNodes.length;)ho.call(o,e.childNodes[0])}})})),Ut(Element.prototype,"setAttribute",(function(e,t){if(1!==this.__CE_state)return yo.call(this,e,t);var o=vo.call(this,e);yo.call(this,e,t),t=vo.call(this,e),n.attributeChangedCallback(this,e,o,t,null)})),Ut(Element.prototype,"setAttributeNS",(function(e,t,o){if(1!==this.__CE_state)return Co.call(this,e,t,o);var r=zo.call(this,e,t);Co.call(this,e,t,o),o=zo.call(this,e,t),n.attributeChangedCallback(this,t,r,o,e)})),Ut(Element.prototype,"removeAttribute",(function(e){if(1!==this.__CE_state)return wo.call(this,e);var t=vo.call(this,e);wo.call(this,e),null!==t&&n.attributeChangedCallback(this,e,t,null,null)})),Ut(Element.prototype,"removeAttributeNS",(function(e,t){if(1!==this.__CE_state)return So.call(this,e,t);var o=zo.call(this,e,t);So.call(this,e,t);var r=zo.call(this,e,t);o!==r&&n.attributeChangedCallback(this,t,o,r,e)})),Io?t(HTMLElement.prototype,Io):xo?t(Element.prototype,xo):console.warn("Custom Elements: `Element#insertAdjacentElement` was not patched."),Lo?o(HTMLElement.prototype,Lo):Mo?o(Element.prototype,Mo):console.warn("Custom Elements: `Element#insertAdjacentHTML` was not patched."),No(n,Element.prototype,{P:_o,append:ko}),function(e){function t(t){return function(o){for(var n=[],r=0;r<arguments.length;++r)n[r]=arguments[r];r=[];for(var i=[],a=0;a<n.length;a++){var s=n[a];if(s instanceof Element&&Ht(s)&&i.push(s),s instanceof DocumentFragment)for(s=s.firstChild;s;s=s.nextSibling)r.push(s);else r.push(s)}for(t.apply(this,n),n=0;n<i.length;n++)qt(e,i[n]);if(Ht(this))for(n=0;n<r.length;n++)(i=r[n])instanceof Element&&jt(e,i)}}var o=Element.prototype;void 0!==Ro&&(o.before=t(Ro)),void 0!==Ro&&(o.after=t(Do)),void 0!==Eo&&Ut(o,"replaceWith",(function(t){for(var o=[],n=0;n<arguments.length;++n)o[n]=arguments[n];n=[];for(var r=[],i=0;i<o.length;i++){var a=o[i];if(a instanceof Element&&Ht(a)&&r.push(a),a instanceof DocumentFragment)for(a=a.firstChild;a;a=a.nextSibling)n.push(a);else n.push(a)}for(i=Ht(this),Eo.apply(this,o),o=0;o<r.length;o++)qt(e,r[o]);if(i)for(qt(e,this),o=0;o<n.length;o++)(r=n[o])instanceof Element&&jt(e,r)})),void 0!==Oo&&Ut(o,"remove",(function(){var t=Ht(this);Oo.call(this),t&&qt(e,this)}))}(n)}(),document.__CE_hasRegistry=!0;var Ho=new to(Go);Object.defineProperty(window,"customElements",{configurable:!0,enumerable:!0,value:Ho})}function Po(){this.end=this.start=0,this.rules=this.parent=this.previous=null,this.cssText=this.parsedCssText="",this.atRule=!1,this.type=0,this.parsedSelector=this.selector=this.keyframesName=""}function Zo(e){var t=Uo,o=e=e.replace(Xo,"").replace(Jo,""),n=new Po;n.start=0,n.end=o.length;for(var r=n,i=0,a=o.length;i<a;i++)if("{"===o[i]){r.rules||(r.rules=[]);var s=r,l=s.rules[s.rules.length-1]||null;(r=new Po).start=i+1,r.parent=s,r.previous=l,s.rules.push(r)}else"}"===o[i]&&(r.end=i+1,r=r.parent||n);return t(n,e)}function Uo(e,t){var o=t.substring(e.start,e.end-1);if(e.parsedCssText=e.cssText=o.trim(),e.parent&&(o=function(e){return e.replace(/\\([0-9a-f]{1,6})\s/gi,(function(e,t){for(t=6-(e=t).length;t--;)e="0"+e;return"\\"+e}))}(o=t.substring(e.previous?e.previous.end:e.parent.start,e.start-1)),o=(o=o.replace(rn," ")).substring(o.lastIndexOf(";")+1),o=e.parsedSelector=e.selector=o.trim(),e.atRule=0===o.indexOf("@"),e.atRule?0===o.indexOf("@media")?e.type=Ko:o.match(nn)&&(e.type=qo,e.keyframesName=e.selector.split(rn).pop()):e.type=0===o.indexOf("--")?Yo:jo),o=e.rules)for(var n=0,r=o.length,i=void 0;n<r&&(i=o[n]);n++)Uo(i,t);return e}function Wo(e,t,o){o=void 0===o?"":o;var n="";if(e.cssText||e.rules){var r,i=e.rules;if((r=i)&&(r=!((r=i[0])&&r.selector&&0===r.selector.indexOf("--"))),r){r=0;for(var a=i.length,s=void 0;r<a&&(s=i[r]);r++)n=Wo(s,t,n)}else t?t=e.cssText:t=(t=(t=e.cssText).replace(Qo,"").replace(en,"")).replace(tn,"").replace(on,""),(n=t.trim())&&(n="  "+n+"\n")}return n&&(e.selector&&(o+=e.selector+" {\n"),o+=n,e.selector&&(o+="}\n\n")),o}var Vo,$o,jo=1,qo=7,Ko=4,Yo=1e3,Xo=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,Jo=/@import[^;]*;/gim,Qo=/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,en=/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,tn=/@apply\s*\(?[^);]*\)?\s*(?:[;\n]|$)?/gim,on=/[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,nn=/^@[^\s]*keyframes/,rn=/\s+/g,an=!(window.ShadyDOM&&window.ShadyDOM.inUse);function sn(e){Vo=(!e||!e.shimcssproperties)&&(an||!(navigator.userAgent.match(/AppleWebKit\/601|Edge\/15/)||!window.CSS||!CSS.supports||!CSS.supports("box-shadow","0 0 0 var(--foo)")))}window.ShadyCSS&&void 0!==window.ShadyCSS.cssBuild&&($o=window.ShadyCSS.cssBuild);var ln=!(!window.ShadyCSS||!window.ShadyCSS.disableRuntime);window.ShadyCSS&&void 0!==window.ShadyCSS.nativeCss?Vo=window.ShadyCSS.nativeCss:window.ShadyCSS?(sn(window.ShadyCSS),window.ShadyCSS=void 0):sn(window.WebComponents&&window.WebComponents.flags);var dn=Vo,cn=$o,hn=/(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};{])+)|\{([^}]*)\}(?:(?=[;\s}])|$))/gi,un=/(?:^|\W+)@apply\s*\(?([^);\n]*)\)?/gi,gn=/(--[\w-]+)\s*([:,;)]|$)/gi,pn=/(animation\s*:)|(animation-name\s*:)/,fn=/@media\s(.*)/,mn=/\{[^}]*\}/g,bn=new Set;function vn(e,t){return e?("string"==typeof e&&(e=Zo(e)),t&&zn(e,t),Wo(e,dn)):""}function yn(e){return!e.__cssRules&&e.textContent&&(e.__cssRules=Zo(e.textContent)),e.__cssRules||null}function wn(e){return!!e.parent&&e.parent.type===qo}function zn(e,t,o,n){if(e){var r=!1,i=e.type;if(n&&i===Ko){var a=e.selector.match(fn);a&&(window.matchMedia(a[1]).matches||(r=!0))}if(i===jo?t(e):o&&i===qo?o(e):i===Yo&&(r=!0),(e=e.rules)&&!r)for(r=0,i=e.length,a=void 0;r<i&&(a=e[r]);r++)zn(a,t,o,n)}}function Cn(e,t,o,n){var r=document.createElement("style");return t&&r.setAttribute("scope",t),r.textContent=e,Mn(r,o,n),r}var Sn=null;function xn(e){e=document.createComment(" Shady DOM styles for "+e+" ");var t=document.head;return t.insertBefore(e,(Sn?Sn.nextSibling:null)||t.firstChild),Sn=e}function Mn(e,t,o){(t=t||document.head).insertBefore(e,o&&o.nextSibling||t.firstChild),Sn?e.compareDocumentPosition(Sn)===Node.DOCUMENT_POSITION_PRECEDING&&(Sn=e):Sn=e}function _n(e,t){for(var o=0,n=e.length;t<n;t++)if("("===e[t])o++;else if(")"===e[t]&&0==--o)return t;return-1}function kn(e,t){var o=e.indexOf("var(");if(-1===o)return t(e,"","","");var n=_n(e,o+3),r=e.substring(o+4,n);return o=e.substring(0,o),e=kn(e.substring(n+1),t),-1===(n=r.indexOf(","))?t(o,r.trim(),"",e):t(o,r.substring(0,n).trim(),r.substring(n+1).trim(),e)}function Rn(e,t){an?e.setAttribute("class",t):window.ShadyDOM.nativeMethods.setAttribute.call(e,"class",t)}var Dn=window.ShadyDOM&&window.ShadyDOM.wrap||function(e){return e};function En(e){var t=e.localName,o="";return t?-1<t.indexOf("-")||(o=t,t=e.getAttribute&&e.getAttribute("is")||""):(t=e.is,o=e.extends),{is:t,H:o}}function On(e){for(var t=[],o="",n=0;0<=n&&n<e.length;n++)if("("===e[n]){var r=_n(e,n);o+=e.slice(n,r+1),n=r}else","===e[n]?(t.push(o),o=""):o+=e[n];return o&&t.push(o),t}function Tn(e){if(void 0!==cn)return cn;if(void 0===e.__cssBuild){var t=e.getAttribute("css-build");if(t)e.__cssBuild=t;else{if(""!==(t=(t="template"===e.localName?e.content.firstChild:e.firstChild)instanceof Comment&&"css-build"===(t=t.textContent.trim().split(":"))[0]?t[1]:"")){var o="template"===e.localName?e.content.firstChild:e.firstChild;o.parentNode.removeChild(o)}e.__cssBuild=t}}return e.__cssBuild||""}function An(e){return!(""===(e=void 0===e?"":e)||!dn)&&(an?"shadow"===e:"shady"===e)}function In(){}function Ln(e,t,o){var n;if(t.nodeType===Node.ELEMENT_NODE&&o(t),n="template"===t.localName?(t.content||t._content||t).childNodes:t.children||t.childNodes)for(t=0;t<n.length;t++)Ln(e,n[t],o)}function Fn(e,t,o){if(t)if(e.classList)o?(e.classList.remove("style-scope"),e.classList.remove(t)):(e.classList.add("style-scope"),e.classList.add(t));else if(e.getAttribute){var n=e.getAttribute("class");o?n&&Rn(e,t=n.replace("style-scope","").replace(t,"")):Rn(e,(n?n+" ":"")+"style-scope "+t)}}function Nn(e,t,o){Ln(Qn,e,(function(e){Fn(e,t,!0),Fn(e,o)}))}function Bn(e,t){Ln(Qn,e,(function(e){Fn(e,t||"",!0)}))}function Gn(e,t,o,n,r){var i=Qn;return""===(r=void 0===r?"":r)&&(an||"shady"===(void 0===n?"":n)?r=vn(t,o):r=function(e,t,o,n,r){var i=Hn(o,n);return o=o?"."+o:"",vn(t,(function(t){t.c||(t.selector=t.h=Pn(e,t,e.b,o,i),t.c=!0),r&&r(t,o,i)}))}(i,t,(e=En(e)).is,e.H,o)+"\n\n"),r.trim()}function Hn(e,t){return t?"[is="+e+"]":e}function Pn(e,t,o,n,r){var i=On(t.selector);if(!wn(t)){t=0;for(var a=i.length,s=void 0;t<a&&(s=i[t]);t++)i[t]=o.call(e,s,n,r)}return i.filter((function(e){return!!e})).join(",")}function Zn(e){return e.replace(Vn,(function(e,t,o){return-1<o.indexOf("+")?o=o.replace(/\+/g,"___"):-1<o.indexOf("___")&&(o=o.replace(/___/g,"+")),":"+t+"("+o+")"}))}function Un(e,t){e=e.split(/(\[.+?\])/);for(var o=[],n=0;n<e.length;n++)if(1==n%2)o.push(e[n]);else{var r=e[n];""===r&&n===e.length-1||((r=r.split(":"))[0]+=t,o.push(r.join(":")))}return o.join("")}function Wn(e){":root"===e.selector&&(e.selector="html")}In.prototype.b=function(e,t,o){var n=!1;e=e.trim();var r=Vn.test(e);r&&(e=e.replace(Vn,(function(e,t,o){return":"+t+"("+o.replace(/\s/g,"")+")"})),e=Zn(e));var i=Jn.test(e);if(i){var a=function(e){for(var t,o=[];t=e.match(Jn);){var n=t.index,r=_n(e,n);if(-1===r)throw Error(t.input+" selector missing ')'");t=e.slice(n,r+1),e=e.replace(t,""),o.push(t)}return{Z:e,matches:o}}(e);e=a.Z,a=a.matches}return e=(e=e.replace(qn,":host $1")).replace($n,(function(e,r,i){return n||(e=function(e,t,o,n){var r=e.indexOf("::slotted");if(0<=e.indexOf(":host")?e=function(e,t){var o=e.match(Kn);return(o=o&&o[2].trim()||"")?o[0].match(jn)?e.replace(Kn,(function(e,o,n){return t+n})):o.split(jn)[0]===t?o:"should_not_match":e.replace(":host",t)}(e,n):0!==r&&(e=o?Un(e,o):e),o=!1,0<=r&&(t="",o=!0),o){var i=!0;o&&(e=e.replace(Yn,(function(e,t){return" > "+t})))}return e=e.replace(Xn,(function(e,t,o){return'[dir="'+o+'"] '+t+", "+t+'[dir="'+o+'"]'})),{value:e,oa:t,stop:i}}(i,r,t,o),n=n||e.stop,r=e.oa,i=e.value),r+i})),i&&(e=function(e,t){var o=e.split("");return t.reduce((function(e,t,n){return e+t+o[n+1]}),o[0])}(e,a)),r&&(e=Zn(e)),e},In.prototype.c=function(e){return e.match(":host")?"":e.match("::slotted")?this.b(e,":not(.style-scope)"):Un(e.trim(),":not(.style-scope)")},t.Object.defineProperties(In.prototype,{a:{configurable:!0,enumerable:!0,get:function(){return"style-scope"}}});var Vn=/:(nth[-\w]+)\(([^)]+)\)/,$n=/(^|[\s>+~]+)((?:\[.+?\]|[^\s>+~=[])+)/g,jn=/[[.:#*]/,qn=/^(::slotted)/,Kn=/(:host)(?:\(((?:\([^)(]*\)|[^)(]*)+?)\))/,Yn=/(?:::slotted)(?:\(((?:\([^)(]*\)|[^)(]*)+?)\))/,Xn=/(.*):dir\((?:(ltr|rtl))\)/,Jn=/:(?:matches|any|-(?:webkit|moz)-any)/,Qn=new In;function er(e,t,o,n,r){this.u=e||null,this.b=t||null,this.Y=o||[],this.l=null,this.cssBuild=r||"",this.H=n||"",this.a=this.m=this.s=null}function tr(e){return e?e.__styleInfo:null}function or(e,t){return e.__styleInfo=t}function nr(e){var t=this.matches||this.matchesSelector||this.mozMatchesSelector||this.msMatchesSelector||this.oMatchesSelector||this.webkitMatchesSelector;return t&&t.call(this,e)}er.prototype.c=function(){return this.u},er.prototype._getStyleRules=er.prototype.c;var rr=navigator.userAgent.match("Trident");function ir(){}function ar(e){if(!e.g){var t={},o={};sr(e,o)&&(t.o=o,e.rules=null),t.cssText=e.parsedCssText.replace(mn,"").replace(hn,""),e.g=t}}function sr(e,t){var o=e.g;if(!o){o=e.parsedCssText;for(var n;e=hn.exec(o);)"inherit"===(n=(e[2]||e[3]).trim())&&"unset"===n||(t[e[1].trim()]=n),n=!0;return n}if(o.o)return Object.assign(t,o.o),!0}function lr(e,t,o){return t&&(t=0<=t.indexOf(";")?dr(e,t,o):kn(t,(function(t,n,r,i){return n?((n=lr(e,o[n],o))&&"initial"!==n?"apply-shim-inherit"===n&&(n="inherit"):n=lr(e,o[r]||r,o)||r,t+(n||"")+i):t+i}))),t&&t.trim()||""}function dr(e,t,o){t=t.split(";");for(var n,r,i=0;i<t.length;i++)if(n=t[i]){if(un.lastIndex=0,r=un.exec(n))n=lr(e,o[r[1]],o);else if(-1!==(r=n.indexOf(":"))){var a=n.substring(r);a=lr(e,a=a.trim(),o)||a,n=n.substring(0,r)+a}t[i]=n&&n.lastIndexOf(";")===n.length-1?n.slice(0,-1):n||""}return t.join(";")}function cr(e,t,o){var n={},r={};return zn(t,(function(t){!function(e,t,o,n){if(t.g||ar(t),t.g.o){var r=En(e);e=r.is,r=r.H,r=e?Hn(e,r):"html";var i=t.parsedSelector,a=":host > *"===i||"html"===i,s=0===i.indexOf(":host")&&!a;"shady"===o&&(s=!(a=i===r+" > *."+r||-1!==i.indexOf("html"))&&0===i.indexOf(r)),(a||s)&&(o=r,s&&(t.h||(t.h=Pn(Qn,t,Qn.b,e?"."+e:"",r)),o=t.h||r),n({Z:o,ua:s,Fa:a}))}}(e,t,o,(function(o){nr.call(e._element||e,o.Z)&&(o.ua?sr(t,n):sr(t,r))}))}),null,!0),{xa:r,sa:n}}function hr(e,t,o,n){var r=En(t),i=Hn(r.is,r.H),a=new RegExp("(?:^|[^.#[:])"+(t.extends?"\\"+i.slice(0,-1)+"\\]":i)+"($|[.:[\\s>+~])"),s=tr(t);r=s.u,s=s.cssBuild;var l=function(e,t){e=e.b;var o={};if(!an&&e)for(var n=0,r=e[n];n<e.length;r=e[++n]){var i=r,a=t;i.f=new RegExp("\\b"+i.keyframesName+"(?!\\B|-)","g"),i.a=i.keyframesName+"-"+a,i.h=i.h||i.selector,i.selector=i.h.replace(i.keyframesName,i.a),o[r.keyframesName]=ur(r)}return o}(r,n);return Gn(t,r,(function(t){var r="";if(t.g||ar(t),t.g.cssText&&(r=dr(e,t.g.cssText,o)),t.cssText=r,!an&&!wn(t)&&t.cssText){var s=r=t.cssText;if(null==t.ba&&(t.ba=pn.test(r)),t.ba)if(null==t.O)for(var d in t.O=[],l)r!==(s=(s=l[d])(r))&&(r=s,t.O.push(d));else{for(d=0;d<t.O.length;++d)r=(s=l[t.O[d]])(r);s=r}t.cssText=s,t.h=t.h||t.selector,r="."+n,s=0;for(var c=(d=On(t.h)).length,h=void 0;s<c&&(h=d[s]);s++)d[s]=h.match(a)?h.replace(i,r):r+" "+h;t.selector=d.join(",")}}),s)}function ur(e){return function(t){return t.replace(e.f,e.a)}}function gr(e,t){var o=pr,n=yn(e);e.textContent=vn(n,(function(e){var n=e.cssText=e.parsedCssText;e.g&&e.g.cssText&&(n=n.replace(Qo,"").replace(en,""),e.cssText=dr(o,n,t))}))}t.Object.defineProperties(ir.prototype,{a:{configurable:!0,enumerable:!0,get:function(){return"x-scope"}}});var pr=new ir,fr={},mr=window.customElements;if(mr&&!an&&!ln){var br=mr.define;mr.define=function(e,t,o){fr[e]||(fr[e]=xn(e)),br.call(mr,e,t,o)}}function vr(){this.cache={}}function yr(){}vr.prototype.store=function(e,t,o,n){var r=this.cache[e]||[];r.push({o:t,styleElement:o,m:n}),100<r.length&&r.shift(),this.cache[e]=r};var wr=new RegExp(Qn.a+"\\s*([^\\s]*)");function zr(e){return(e=(e.classList&&e.classList.value?e.classList.value:e.getAttribute("class")||"").match(wr))?e[1]:""}function Cr(e){var t=Dn(e).getRootNode();return t===e||t===e.ownerDocument?"":(e=t.host)?En(e).is:""}function Sr(e){for(var t=0;t<e.length;t++){var o=e[t];if(o.target!==document.documentElement&&o.target!==document.head)for(var n=0;n<o.addedNodes.length;n++){var r=o.addedNodes[n];if(r.nodeType===Node.ELEMENT_NODE){var i=r.getRootNode(),a=zr(r);if(a&&i===r.ownerDocument&&("style"!==r.localName&&"template"!==r.localName||""===Tn(r)))Bn(r,a);else if(i instanceof ShadowRoot)for((i=Cr(r))!==a&&Nn(r,a,i),r=window.ShadyDOM.nativeMethods.querySelectorAll.call(r,":not(."+Qn.a+")"),a=0;a<r.length;a++){var s=Cr(i=r[a]);s&&Fn(i,s)}}}}}if(!(an||window.ShadyDOM&&window.ShadyDOM.handlesDynamicScoping)){var xr=new MutationObserver(Sr),Mr=function(e){xr.observe(e,{childList:!0,subtree:!0})};if(window.customElements&&!window.customElements.polyfillWrapFlushCallback)Mr(document);else{var _r=function(){Mr(document.body)};window.HTMLImports?window.HTMLImports.whenReady(_r):requestAnimationFrame((function(){if("loading"===document.readyState){var e=function(){_r(),document.removeEventListener("readystatechange",e)};document.addEventListener("readystatechange",e)}else _r()}))}yr=function(){Sr(xr.takeRecords())}}var kr=yr,Rr={},Dr=Promise.resolve();function Er(e){(e=Rr[e])&&(e._applyShimCurrentVersion=e._applyShimCurrentVersion||0,e._applyShimValidatingVersion=e._applyShimValidatingVersion||0,e._applyShimNextVersion=(e._applyShimNextVersion||0)+1)}function Or(e){return e._applyShimCurrentVersion===e._applyShimNextVersion}var Tr={},Ar=new vr;function Ir(){this.B={},this.c=document.documentElement;var e=new Po;e.rules=[],this.f=or(this.c,new er(e)),this.i=!1,this.b=this.a=null}function Lr(e){var t=En(e),o=t.is;t=t.H;var n=fr[o]||null,r=Rr[o];if(r)return or(e,t=new er(o=r._styleAst,n,r.a,t,r=Tn(r))),t}function Fr(e){!e.a&&window.ShadyCSS&&window.ShadyCSS.ApplyShim&&(e.a=window.ShadyCSS.ApplyShim,e.a.invalidCallback=Er),function(e){!e.b&&window.ShadyCSS&&window.ShadyCSS.CustomStyleInterface&&(e.b=window.ShadyCSS.CustomStyleInterface,e.b.transformCallback=function(t){e.ea(t)},e.b.validateCallback=function(){requestAnimationFrame((function(){(e.b.enqueued||e.i)&&e.flushCustomStyles()}))})}(e)}function Nr(e,t,o){var n=En(t).is;if(o.l){var r,i=o.l;for(r in i)null===r?t.style.removeProperty(r):t.style.setProperty(r,i[r])}!(i=Rr[n])&&t!==e.c||i&&""!==Tn(i)||!i||!i._style||Or(i)||((Or(i)||i._applyShimValidatingVersion!==i._applyShimNextVersion)&&(Fr(e),e.a&&e.a.transformRules(i._styleAst,n),i._style.textContent=Gn(t,o.u),function(e){e._applyShimValidatingVersion=e._applyShimNextVersion,e._validating||(e._validating=!0,Dr.then((function(){e._applyShimCurrentVersion=e._applyShimNextVersion,e._validating=!1})))}(i)),an&&(e=t.shadowRoot)&&(e=e.querySelector("style"))&&(e.textContent=Gn(t,o.u)),o.u=i._styleAst)}function Br(e,t){return(t=Dn(t).getRootNode().host)?tr(t)||Lr(t)?t:Br(e,t):e.c}function Gr(e,t,o){var n=Br(e,t),r=tr(n),i=r.s;for(var a in n===e.c||i||(Gr(e,n,r),i=r.s),e=Object.create(i||null),n=cr(t,o.u,o.cssBuild),t=function(e,t){var o={},n=[];return zn(e,(function(e){e.g||ar(e);var r=e.h||e.parsedSelector;t&&e.g.o&&r&&nr.call(t,r)&&(sr(e,o),e=e.index,r=parseInt(e/32,10),n[r]=(n[r]||0)|1<<e%32)}),null,!0),{o,key:n}}(r.u,t).o,Object.assign(e,n.sa,t,n.xa),t=o.l)((r=t[a])||0===r)&&(e[a]=r);for(a=pr,t=Object.getOwnPropertyNames(e),r=0;r<t.length;r++)e[n=t[r]]=lr(a,e[n],e);o.s=e}(e=Ir.prototype).flush=function(){kr()},e.qa=function(e){return yn(e)},e.Ba=function(e){return vn(e)},e.prepareTemplate=function(e,t,o){this.prepareTemplateDom(e,t),this.prepareTemplateStyles(e,t,o)},e.prepareTemplateStyles=function(e,t,o){if(!e._prepared&&!ln){an||fr[t]||(fr[t]=xn(t)),e._prepared=!0,e.name=t,e.extends=o,Rr[t]=e;var n=Tn(e),r=An(n);o={is:t,extends:o};for(var i=[],a=e.content.querySelectorAll("style"),s=0;s<a.length;s++){var l=a[s];if(l.hasAttribute("shady-unscoped")){if(!an){var d=l.textContent;bn.has(d)||(bn.add(d),d=l.cloneNode(!0),document.head.appendChild(d)),l.parentNode.removeChild(l)}}else i.push(l.textContent),l.parentNode.removeChild(l)}i=i.join("").trim()+(Tr[t]||""),Fr(this),r||((a=!n)&&(a=un.test(i)||hn.test(i),un.lastIndex=0,hn.lastIndex=0),s=Zo(i),a&&dn&&this.a&&this.a.transformRules(s,t),e._styleAst=s),a=[],dn||(a=function(e){var t={},o=[],n=0;for(var r in zn(e,(function(e){ar(e),e.index=n++,e=e.g.cssText;for(var o;o=gn.exec(e);){var r=o[1];":"!==o[2]&&(t[r]=!0)}}),(function(e){o.push(e)})),e.b=o,e=[],t)e.push(r);return e}(e._styleAst)),a.length&&!dn||(s=an?e.content:null,t=fr[t]||null,n=(n=Gn(o,e._styleAst,null,n,r?i:"")).length?Cn(n,o.is,s,t):null,e._style=n),e.a=a}},e.wa=function(e,t){Tr[t]=e.join(" ")},e.prepareTemplateDom=function(e,t){if(!ln){var o=Tn(e);an||"shady"===o||e._domPrepared||(e._domPrepared=!0,function(e,t){Ln(Qn,e,(function(e){Fn(e,t||"")}))}(e.content,t))}},e.flushCustomStyles=function(){if(!ln&&(Fr(this),this.b)){var e=this.b.processStyles();if(this.b.enqueued&&!An(this.f.cssBuild)){if(dn){if(!this.f.cssBuild)for(var t=0;t<e.length;t++){var o=this.b.getStyleForCustomStyle(e[t]);if(o&&dn&&this.a){var n=yn(o);Fr(this),this.a.transformRules(n),o.textContent=vn(n)}}}else{for(Gr(this,this.c,this.f),t=0;t<e.length;t++)(o=this.b.getStyleForCustomStyle(e[t]))&&gr(o,this.f.s);this.i&&this.styleDocument()}this.b.enqueued=!1}}},e.styleElement=function(e,t){if(ln){if(t){tr(e)||or(e,new er(null));var o=tr(e);o.l=o.l||{},Object.assign(o.l,t),Nr(this,e,o)}}else if(o=tr(e)||Lr(e))if(e!==this.c&&(this.i=!0),t&&(o.l=o.l||{},Object.assign(o.l,t)),dn)Nr(this,e,o);else if(this.flush(),Gr(this,e,o),o.Y&&o.Y.length){var n;t=En(e).is;e:{if(n=Ar.cache[t])for(var r=n.length-1;0<=r;r--){var i=n[r];t:{for(var a=o.Y,s=0;s<a.length;s++){var l=a[s];if(i.o[l]!==o.s[l]){a=!1;break t}}a=!0}if(a){n=i;break e}}n=void 0}a=n?n.styleElement:null,r=o.m,(i=n&&n.m)||(i=t+"-"+(i=this.B[t]=(this.B[t]||0)+1)),o.m=i,i=o.m,s=pr,s=a?a.textContent||"":hr(s,e,o.s,i);var d=(l=tr(e)).a;d&&!an&&d!==a&&(d._useCount--,0>=d._useCount&&d.parentNode&&d.parentNode.removeChild(d)),an?l.a?(l.a.textContent=s,a=l.a):s&&(a=Cn(s,i,e.shadowRoot,l.b)):a?a.parentNode||(rr&&-1<s.indexOf("@media")&&(a.textContent=s),Mn(a,null,l.b)):s&&(a=Cn(s,i,null,l.b)),a&&(a._useCount=a._useCount||0,l.a!=a&&a._useCount++,l.a=a),i=a,an||(a=o.m,l=s=e.getAttribute("class")||"",r&&(l=s.replace(new RegExp("\\s*x-scope\\s*"+r+"\\s*","g")," ")),s!==(l+=(l?" ":"")+"x-scope "+a)&&Rn(e,l)),n||Ar.store(t,o.s,i,o.m)}},e.styleDocument=function(e){this.styleSubtree(this.c,e)},e.styleSubtree=function(e,t){var o=Dn(e),n=o.shadowRoot;if((n||e===this.c)&&this.styleElement(e,t),e=n&&(n.children||n.childNodes))for(o=0;o<e.length;o++)this.styleSubtree(e[o]);else if(o=o.children||o.childNodes)for(e=0;e<o.length;e++)this.styleSubtree(o[e])},e.ea=function(e){var t=this,o=Tn(e);if(o!==this.f.cssBuild&&(this.f.cssBuild=o),!An(o)){var n=yn(e);zn(n,(function(e){if(an)Wn(e);else{var n=Qn;e.selector=e.parsedSelector,Wn(e),e.selector=e.h=Pn(n,e,n.c,void 0,void 0)}dn&&""===o&&(Fr(t),t.a&&t.a.transformRule(e))})),dn?e.textContent=vn(n):this.f.u.rules.push(n)}},e.getComputedStyleValue=function(e,t){var o;return dn||(o=(tr(e)||tr(Br(this,e))).s[t]),(o=o||window.getComputedStyle(e).getPropertyValue(t))?o.trim():""},e.Aa=function(e,t){var o=Dn(e).getRootNode();if(t=t?t.split(/\s/):[],!(o=o.host&&o.host.localName)){var n=e.getAttribute("class");if(n){n=n.split(/\s/);for(var r=0;r<n.length;r++)if(n[r]===Qn.a){o=n[r+1];break}}}o&&t.push(Qn.a,o),dn||(o=tr(e))&&o.m&&t.push(pr.a,o.m),Rn(e,t.join(" "))},e.na=function(e){return tr(e)},e.za=function(e,t){Fn(e,t)},e.Ca=function(e,t){Fn(e,t,!0)},e.ya=function(e){return Cr(e)},e.pa=function(e){return zr(e)},Ir.prototype.flush=Ir.prototype.flush,Ir.prototype.prepareTemplate=Ir.prototype.prepareTemplate,Ir.prototype.styleElement=Ir.prototype.styleElement,Ir.prototype.styleDocument=Ir.prototype.styleDocument,Ir.prototype.styleSubtree=Ir.prototype.styleSubtree,Ir.prototype.getComputedStyleValue=Ir.prototype.getComputedStyleValue,Ir.prototype.setElementClass=Ir.prototype.Aa,Ir.prototype._styleInfoForNode=Ir.prototype.na,Ir.prototype.transformCustomStyleForDocument=Ir.prototype.ea,Ir.prototype.getStyleAst=Ir.prototype.qa,Ir.prototype.styleAstToString=Ir.prototype.Ba,Ir.prototype.flushCustomStyles=Ir.prototype.flushCustomStyles,Ir.prototype.scopeNode=Ir.prototype.za,Ir.prototype.unscopeNode=Ir.prototype.Ca,Ir.prototype.scopeForNode=Ir.prototype.ya,Ir.prototype.currentScopeForNode=Ir.prototype.pa,Ir.prototype.prepareAdoptedCssText=Ir.prototype.wa,Object.defineProperties(Ir.prototype,{nativeShadow:{get:function(){return an}},nativeCss:{get:function(){return dn}}});var Hr,Pr,Zr=new Ir;window.ShadyCSS&&(Hr=window.ShadyCSS.ApplyShim,Pr=window.ShadyCSS.CustomStyleInterface),window.ShadyCSS={ScopingShim:Zr,prepareTemplate:function(e,t,o){Zr.flushCustomStyles(),Zr.prepareTemplate(e,t,o)},prepareTemplateDom:function(e,t){Zr.prepareTemplateDom(e,t)},prepareTemplateStyles:function(e,t,o){Zr.flushCustomStyles(),Zr.prepareTemplateStyles(e,t,o)},styleSubtree:function(e,t){Zr.flushCustomStyles(),Zr.styleSubtree(e,t)},styleElement:function(e){Zr.flushCustomStyles(),Zr.styleElement(e)},styleDocument:function(e){Zr.flushCustomStyles(),Zr.styleDocument(e)},flushCustomStyles:function(){Zr.flushCustomStyles()},getComputedStyleValue:function(e,t){return Zr.getComputedStyleValue(e,t)},nativeCss:dn,nativeShadow:an,cssBuild:cn,disableRuntime:ln},Hr&&(window.ShadyCSS.ApplyShim=Hr),Pr&&(window.ShadyCSS.CustomStyleInterface=Pr)}).call(this)},22048:(e,t,o)=>{"use strict";o.d(t,{Zh:()=>s,kB:()=>i,p6:()=>a});var n=o(56919),r=o(45092);function i(e){let t,o;"string"==typeof e&&(o=/^(\d{4})-(\d{2})-(\d{2})$/,e.match(o)&&(e+="T00:00:00")),t=parseInt(e,10)==e?parseInt(e,10):e;let n=null;if("string"==typeof t){o=/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2})$/;let e=t.match(o);e&&e.length>=7&&(e=e.map(((e,t)=>{if(t>=1&&t<=6)return parseInt(e,10)})),t=new Date(e[1],e[2]-1,e[3],e[4],e[5],e[6]))}return n||(n=new Date(t)),n}function a(e,t,o,r){const i=l(e);o=o||n.default.getLocale(r)||"en-US",i.widget=r,i.locale=o;const a=t.match(/(\[[^\[]*\])|LTS|LT|L{1,4}|l{1,4}|A|a|DDDo|D{3,4}|Do|D{1,2}|do|d{1,4}|E|e|F|GGGG|GG|gggg|gg|HH|H|hh|h|kk|k|Mo|M{1,4}|mm|m|Qo|Q|ss|s|S{1,9}|Wo|WW|W|wo|ww|w|X|x|Y{4}|YY|ZZ|Z|./g);let s="";return a.forEach((e=>{b[e]?s+=b[e](i):s+=e.replace(/\[|\]/g,"")})),s}function s(e,t,o){let i,a,s=l(new Date),d=l(e),c=Math.round((s.time-d.time)/1e3),h=c<0,u=Math.abs(c),g=Math.round(u/60),p=Math.round(g/60),f=Math.round(p/24),m=Math.round(f/30),b=Math.round(f/365);u<44?(i="seconds",a=u):g<=1?i="minute":g<45?(i="minutes",a=g):p<=1?i="hour":p<22?(i="hours",a=p):f<=1?i="day":f<26?(i="days",a=f):m<=1?i="month":m<11?(i="months",a=m):b<=1?i="year":(i="years",a=b),i=n.default.get(`date.fromNow.${i}`,o);let v=r.translate({msg:i,vars:[a]});if(!t){const e=h?n.default.get("date.fromNow.future",o):n.default.get("date.fromNow.past",o);v=r.translate({msg:e,vars:[v]})}return v}function l(e){const t={};return t.year=e.getFullYear(),t.weekYear=t.year,t.month0=e.getMonth(),t.month=e.getMonth()+1,t.date=e.getDate(),t.hour=e.getHours(),t.minute=e.getMinutes(),t.second=e.getSeconds(),t.ms=e.getMilliseconds(),t.day=e.getDay(),t.time=e.getTime(),t.dateStr=e.toString(),t.fullDate=e,t}function d(e){let t=e%10,o=e%100,n="th";return o>10&&o<20?n="th":1===t?n="st":2===t?n="nd":3===t&&(n="rd"),e+n}function c(e,t){let o=""+e,n=o.length;for(;t>n;)o="0"+e,n++;return o}function h(e){return e%4==0&&e%100!=0||e%400==0?366:365}function u(e){return Math.ceil(e.month/3)}function g(e){let t=n.default.get("date.am",e.widget),o=n.default.get("date.pm",e.widget);return e.hour>=12?o:t}function p(e){let t=e.dateStr,o=t.toUpperCase().indexOf("GMT")+3,n=t.indexOf(" ",o+1);return t.substring(o,n)}function f(e){let t=new Date(e.year,0,1).getTime();return Math.ceil((e.time-t)/864e5)}function m(e,t,o){let r=7+(t=t||n.default.get("date.startWeek",e.widget))-(o=o||n.default.get("date.startYear",e.widget)),i=r-(7+new Date(Date.UTC(e.year,0,r)).getUTCDay()-t)%7-1,a=r-(7+new Date(Date.UTC(e.year+1,0,r)).getUTCDay()-t)%7-1,s=r-(7+new Date(Date.UTC(e.year-1,0,r)).getUTCDay()-t)%7-1,l=864e5*i,d=new Date(e.year,0,1).getTime(),c=new Date(d+l).getTime(),u=Math.ceil((e.time-c)/6048e5),g=(h(e.year)-i+a)/7,p=(h(e.year-1)-s+i)/7;return u>g?(e.weekYear=e.year+1,u-=g):u<1&&(e.weekYear=e.year-1,u+=p),u}let b={A:e=>g(e).toUpperCase(),a:e=>g(e).toLowerCase(),D:e=>e.date,Do:e=>d(e.date),DD:e=>c(e.date,2),DDD:e=>f(e),DDDo:e=>d(f(e)),DDDD:e=>c(f(e),3),d:e=>e.day,do:e=>d(e.month),dd:e=>{const t=n.default.get("date.twoWeek",e.widget);return t?t[e.day]:""},ddd:e=>{const t=n.default.get("date.shortWeek",e.widget);return t?t[e.day]:""},dddd:e=>{const t=n.default.get("date.longWeek",e.widget);return t?t[e.day]:""},e:e=>{let t=n.default.get("date.startWeek",e.widget);return(e.day+7-t)%7},E:e=>(e.day+7-1)%7+1,F:e=>s(e.fullDate,!0,e.locale,e.widget),GG:e=>(m(e,1,4),(e.weekYear+"").slice(-2)),GGGG:e=>(m(e,1,4),e.weekYear),gg:e=>(m(e),(e.weekYear+"").slice(-2)),gggg:e=>(m(e),e.weekYear),H:e=>e.hour,HH:e=>c(e.hour,2),h:e=>e.hour%12||12,hh:e=>c(e.hour%12||12,2),k:(e=>e.hour+1,e=>c(e.hour+1,2)),M:e=>e.month,Mo:e=>d(e.month),MM:e=>c(e.month,2),MMM:e=>{const t=n.default.get("date.shortMonth",e.widget);return t?t[e.month0]:""},MMMM:e=>{const t=n.default.get("date.longMonth",e.widget);return t?t[e.month0]:""},m:e=>e.minute,mm:e=>c(e.minute,2),Q:e=>u(e),Qo:e=>d(u(e)),S:e=>Math.floor(e.ms/100),SS:e=>c(Math.floor(e.ms/10),2),SSS:e=>c(e.ms,3),s:e=>e.second,ss:e=>c(e.second,2),W:e=>m(e,1,4),Wo:e=>d(m(e,1,4)),WW:e=>c(m(e,1,4),2),w:e=>m(e),wo:e=>d(m(e)),ww:e=>c(m(e),2),X:e=>Math.round(e.time/1e3),x:e=>e.time,Y:e=>e.year,YY:e=>(e.year+"").slice(-2),YYYY:e=>e.year,ZZ:e=>p(e),Z:e=>{let t=p(e).trim(),o=t.length-2;return t.slice(0,o)+":"+t.slice(o)},LT:e=>new Intl.DateTimeFormat(e.locale,{hour:"numeric",minute:"numeric"}).format(e.fullDate),LTS:e=>new Intl.DateTimeFormat(e.locale,{hour:"numeric",minute:"numeric",second:"numeric"}).format(e.fullDate),L:e=>new Intl.DateTimeFormat(e.locale,{month:"2-digit",year:"numeric",day:"2-digit"}).format(e.fullDate),l:e=>new Intl.DateTimeFormat(e.locale,{month:"numeric",year:"numeric",day:"numeric"}).format(e.fullDate),LL:e=>new Intl.DateTimeFormat(e.locale,{month:"long",year:"numeric",day:"numeric"}).format(e.fullDate),ll:e=>new Intl.DateTimeFormat(e.locale,{month:"short",year:"numeric",day:"numeric"}).format(e.fullDate),LLL:e=>new Intl.DateTimeFormat(e.locale,{month:"long",year:"numeric",day:"numeric",hour:"numeric",minute:"numeric"}).format(e.fullDate),lll:e=>new Intl.DateTimeFormat(e.locale,{month:"short",year:"numeric",day:"numeric",hour:"numeric",minute:"numeric"}).format(e.fullDate),LLLL:e=>new Intl.DateTimeFormat(e.locale,{month:"long",year:"numeric",day:"numeric",hour:"numeric",minute:"numeric",weekday:"long"}).format(e.fullDate),llll:e=>new Intl.DateTimeFormat(e.locale,{month:"short",year:"numeric",day:"numeric",hour:"numeric",minute:"numeric",weekday:"short"}).format(e.fullDate)}},30163:(e,t,o)=>{"use strict";o.d(t,{Z:()=>a});var n=o(2568),r=o(45092);const i={HOST:"https://app.zingsoft.com",COOKIE_PREFIX:"zglicensekey",COOKIE_LIFETIME:36e5,checkInProgress:!1,bValidated:!1,validateLicense(e,t){if(ZingGrid.bRunningTests)this.enableWatermarks();else if(this.bValidated)this.disableWatermarks();else{if(ZingGrid.LICENSE=e||ZingGrid.LICENSE||"",ZingGrid.BUILDCODE=t||ZingGrid.BUILDCODE||"",!this.cookieIsValid())if(ZingGrid)if(""!==ZingGrid.LICENSE||""!==ZingGrid.BUILDCODE){this.checkLicenseToken()?this.bValidated=!0:this.enableWatermarks()}else i.checkInProgress=!0,fetch(`${this.HOST}/v1/api/license/validate?domain=${encodeURIComponent(window.location.hostname)}`).then((e=>e.text())).then((e=>{"0"===e?this.enableWatermarks():(this.createCookie(),this.bValidated=!0),i.checkInProgress=!1})).catch((e=>{i.checkInProgress=!1}));else this.enableWatermarks();this.bValidated&&this.disableWatermarks()}},checkLicenseToken(){var e,t,o;let i;var a,s=[a="file:"===document.location.protocol?ZingGrid.HOSTNAME||"":document.location.hostname],l=a.split(".");for("www"===l[0]?s.push(a.replace("www.","")):s.push("www."+a),e=0;e<=l.length-2;e++){for(var d="*",c=e;c<l.length;c++)d+="."+l[c];s.push(d)}if(ZingGrid.LICENSE instanceof Array)for(e=0,t=s.length;e<t;e++){const t=s[e]+"&ZGSu331x";var h=n(r.H6(r.AG(t.toLowerCase())));if(-1!==ZingGrid.LICENSE.indexOf(h))return!0}if(ZingGrid.BUILDCODE instanceof Array&&2===ZingGrid.BUILDCODE.length){o=(o=r.Ll("N3wsTrln@4Cu$tOmLlc9nc9!")).replace("O","0");try{i=r.vT(ZingGrid.BUILDCODE[0],o)}catch(e){return!1}if(i===ZingGrid.BUILDCODE[1])return!0}return!1},enableWatermarks(){if(!this.bValidated){const e=document.querySelectorAll("zing-grid"),t=document.createElement("zg-watermark");e.forEach((e=>{if(!e.querySelector("zg-watermark")){let o=t.cloneNode(!0);e.appendChild(o),e.oDOMWaterMark=o}}))}},disableWatermarks(){if(this.bValidated){document.querySelectorAll("zing-grid").forEach((e=>{e.oDOMWaterMark&&(e.oDOMWaterMark.remove(),e.oDOMWaterMark=null)}))}},cookieIsValid(){const e=this.getCookie(`${this.COOKIE_PREFIX}-${window.location.hostname}`);return!!e&&(new Date).getTime()<this.decrypt(e)},encrypt(){const e=new Date((new Date).getTime()+this.COOKIE_LIFETIME).getTime();return btoa(`${e}|${window.location.hostname}`)},decrypt:e=>atob(e).split("|")[0],createCookie(){Object.keys(document).includes("cookie")&&(document.cookie=`${this.COOKIE_PREFIX}-${window.location.hostname}=${this.encrypt()};expires='${this.COOKIE_LIFETIME};'`)},getCookie(e){if(Object.keys(document).includes("cookie")){const t=("; "+document.cookie).split("; "+e+"="),o=t.pop().split(";").shift();if(2===t.length)return o}}},a=i},64087:(e,t,o)=>{"use strict";o.d(t,{MU:()=>a,P_:()=>i});var n=o(45092);function r(e,t){return null==e?[]:(t=t||".",e.split(t))}function i(e,t,o,i){let s=Array.isArray(t)?t:r(t,i),l=s[s.length-1],d=function(e,t){let o=t,r=e,i=0,a=o.length;for(;null!=r&&i<a;){if(!n.PO(r)&&!n.kJ(r))return!1;r=r[o[i]],i++}return!0}(e,s);return d&&(e=function(e,t){let o,r=t,i=e,a=0,s=r.length;for(;null!=i&&a<s;){if(!n.PO(i)&&!n.kJ(i))return e;let t=r[a],s=r[a+1];o=i[t],i[t]=void 0!==o?o:n.U(s)?[]:{},i=i[t],a++}return e}(e,s),(function(e,t){let o=t,n=o.slice(0);return n.pop(),1==o.length?e:a(e,n)}(e,s))[l]=o),e}function a(e,t,o,i){let a=null==e?void 0:function(e,t,o){if("disabled"===o&&t&&!Array.isArray(t))return e[t];let i=Array.isArray(t)?t:r(t,o),a=0,s=i.length;for(;null!=e&&a<s;){let t=i[a++],o=e;if(e=e[t],t&&"-"===t[0]){const r=parseInt(t,10);if(!isNaN(r)&&r<0&&Array.isArray(o)){o=n.mJ.clone(o);let t=o.splice(r);t&&t.length&&(e=t[0])}}}return a==s?e:void 0}(e,t,i);return void 0===a?o:a}},34584:(e,t,o)=>{"use strict";o.d(t,{hx:()=>y,w1:()=>v,V5:()=>w,G6:()=>b,Gu:()=>g,T:()=>z,iV:()=>C});let n,r=!1,i=[],a=!1,s=function(){!1===r&&(r=!0,document.addEventListener?(document.removeEventListener("DOMContentLoaded",s,!1),window.removeEventListener("load",s,!1)):(hasOnReadyStateChange&&document.detachEvent("onreadystatechange",c),window.detachEvent("onload",s))),l()},l=function(){if(!1===a){a=!0;let e=i.length;for(let t=0;t<e;t++)i[t]()}},d=function(){(window.attachEvent?function(){if(window!==top)return!1;try{document.documentElement.doScroll("left")}catch(e){return!1}return!0}:function(){return"complete"===document.readyState})&&(clearInterval(n),s())},c=function(){n=setInterval(d,2)},h="undefined"!=typeof navigator?navigator.userAgent.toLowerCase():"",u=e=>e.test(h),g=("undefined"!=typeof document&&document.documentMode,"undefined"!=typeof document?"CSS1Compat"==document.compatMode:""),p=u(/opera/),f=(p&&u(/version\/10\.5/),u(/\bchrome\b/)),m=u(/webkit/),b=!f&&u(/safari/),v=!p&&u(/msie/),y=!m&&u(/gecko/),w=u(/macintosh/);let z="undefined"!=typeof window&&("ontouchstart"in window||navigator.MaxTouchPoints>0||navigator.msMaxTouchPoints>0);z&&setTimeout((function(){let e=document.createElement("meta");e.id="viewport",e.name="viewport",e.content="width=device-width",document.getElementsByTagName("head")[0].appendChild(e)}));let C=!1;var S;S=function(){C="onmousewheel"in document.body},r?S():(i.push(S),"undefined"!=typeof document&&(document.addEventListener?(document.addEventListener("DOMContentLoaded",s,!1),window.addEventListener("load",s,!1)):(document.attachEvent("onreadystatechange",c),hasOnReadyStateChange=!0,window.attachEvent("onload",s))))},45092:(e,t,o)=>{"use strict";o.d(t,{mJ:()=>X,c7:()=>J,String:()=>Q,uQ:()=>d,W2:()=>R,nn:()=>D,mg:()=>E,kn:()=>T,$R:()=>O,go:()=>A,ye:()=>P,fh:()=>Z,Ae:()=>F,SV:()=>h,ZT:()=>U,QR:()=>N,RH:()=>W,MV:()=>V,uf:()=>ae,XU:()=>Y,h8:()=>ne,wZ:()=>le,iM:()=>$,Ll:()=>ge,Uh:()=>S,AA:()=>B,MA:()=>c,kJ:()=>g,jn:()=>p,Sh:()=>m,U:()=>b,hj:()=>y,Kn:()=>z,PO:()=>C,HD:()=>M,gg:()=>_,o8:()=>k,CL:()=>j,g8:()=>G,T2:()=>H,H6:()=>he,hS:()=>de,rO:()=>re,ls:()=>ce,AG:()=>ue,bF:()=>ie,FE:()=>se,SZ:()=>q,vT:()=>pe,Xh:()=>K,translate:()=>ve,Aq:()=>u,yZ:()=>I});var n=o(38419);const r=class{parse(e,t){let o,n,r,i,a,s,l,d,c,h,u,g=(t=t||{}).sLineSeparator||"\r\n",p=t.sDelimiter||",",f=t.bCaption||!1,m=t.bHeader||null,b=t.verticalLabels||null,v={};o=[[]],n="\r\n"!==g?new RegExp("(\\"+p+"|"+g+'|^)(?:"([^"]*(?:""[^"]*)*)"|([^"\\'+p+g+"]*))","gi"):new RegExp("(\\"+p+'|\\r?\\n|\\r|^)(?:"([^"]*(?:""[^"]*)*)"|([^"\\'+p+"\\r\\n]*))","gi");let y=null;for(;y=n.exec(e);){let e=y[1];e.length&&e!==p&&o.push([]),r=y[2]?y[2].replace(new RegExp('""',"g"),'"'):y[3],o[o.length-1].push(r)}let w=[];for(i=0,a=o.length;i<a;i++)0!==o[i].join("").replace(/\s+/g,"").length&&w.push(o[i]);f&&w.length>1&&1===w[0].length&&(v.caption=w.shift().join(""));let z=0;for(i=0,a=w.length;i<a;i++)z=Math.max(z,w[i].length);let C=[];m&&(C=w.shift());let S=[];if(b)for(s=0,l=w.length;s<l;s++)S.push(w[s].shift());if(u=JSON.parse(JSON.stringify(w).replace(/\\\\/g,"\\")),v.data=u,C.length===z){for(h=[],s=0,l=u.length;s<l;s++){let e={};for(d=0,c=z;d<c;d++)e[C[d]]=u[s][d];h.push(e)}v.data=h}return v}};const i=class{constructor(){this.aColumnIndexes=null,this.aDataset=null,this.aColgroup=null}parse(e,t){this.aColumnIndexes=[],this.aDataset=[];const o={},r=e.querySelector("colgroup"),i=e.querySelector("thead"),a=e.querySelectorAll(`tr[${n.default.tableData.headRow}]`),s=e.querySelector("caption");r&&t.bCanSetColumns&&this.createColumns(r,t),t.oTableHead&&t.oTableHead.length?this.aColumnIndexes=X.clone(t.oTableHead):a.length?this.aColumnIndexes=this.createHeader(a,t,!1,o):this.aColumnIndexes=i?this.createHeader(i,t,!0,o):this.createHeader(e,t,!1,o);const l=e.querySelector("tbody")||e;return l.querySelectorAll(`tr:not([${n.default.tableData.headRow}]):not([${n.default.tableData.ignoreRow}]):not([${n.default.tableData.frozenRow}])`).forEach((e=>{const o=this.processDataRow(e,t);o&&this.aDataset.push(o)})),this.addFrozenRows(e,l,t,o),o.data=this.aDataset,s&&(o.caption=s.innerHTML),this.aColgroup&&this.aColgroup.length&&(o.columns=this.aColgroup),o}createColumns(e,t){const o=e.querySelectorAll("col");this.aColgroup=[],o.forEach((e=>{let t={};for(let o in e.dataset){let n=e.dataset[o];""===n&&(n="true"),t[o[2].toLowerCase()+o.slice(3)]=n}t.index||(e.id?t.index=e.id:e.name&&(t.name=e.name)),this.aColgroup.push(t)}))}processDataRow(e,t){const o=this.aColumnIndexes,n=t.sTableDataFormat||"text";let r=e.querySelectorAll("td");const i=e.querySelectorAll("th");if(r=r.length>i.length?e.querySelectorAll("td, th"):[],r.length){const e={};return r.forEach((t=>{const r=t.cellIndex;let i=r,a=e;if(void 0!==o[r]){let e=o[r];if(g(e)){for(let t=0;t<e.length-1;t++){const o=e[t];""!==o&&(void 0===a[o]&&(a[o]={}),a=a[o])}i=e[e.length-1]}else i=e}a[i]="html"===n?t.innerHTML:t.textContent})),e}}addFrozenRows(e,t,o,r){const i=[],a=[],s=t.querySelectorAll(`tr[${n.default.tableData.frozenRow}]`);s.length&&s.forEach((e=>{const t="bottom"===e.getAttribute(n.default.tableData.frozenRow)?a:i,r=this.processDataRow(e,o);r&&t.push(r)}));const l=e.querySelector("tfoot");if(l){l.querySelectorAll("tr").forEach((e=>{const t=this.processDataRow(e,o);t&&a.push(t)}))}i.length&&(this.aDataset.unshift(...i),r.frozenTop=i.length),a.length&&(this.aDataset.push(...a),r.frozenBottom=a.length)}createHeader(e,t,o,n){let r,i,a=!1,s=[],l=[0,0];if(e.length)i=e,r="th, td";else{i=e.querySelectorAll("tr");e.querySelector("th")?r="th":o&&(r="td")}return r&&i.forEach((e=>{if(!a){let o=e.querySelectorAll(r);const n=e.querySelectorAll("td");"th"===r&&o.length>n.length?o=e.querySelectorAll("th, td"):"th"===r&&(o=[]),o.length?this.loopHeaderCells(o,t,s,l):s.length&&(a=!0)}})),l[0]&&(n.frozenLeft=l[0]),l[1]&&(n.frozenRight=l[1]),s}loopHeaderCells(e,t,o,r){const i=t.sTableHeadFormat||"text";let a=!1,s=0,l=0;e.forEach((e=>{const t=e.cellIndex,r=e.colSpan;let d=e.getAttribute(n.default.tableData.frozenColumn);""===d&&(d="left");let c=null;d?("left"!==d||a||(s+=r),"right"===d&&(l+=r)):(a=!0,l=0);for(let n=0;n<r;n++){const r=t+n;let a,s;this.aColgroup&&void 0!==this.aColgroup[r]&&(c=this.aColgroup[r]),a="html"===i?e.innerHTML:e.textContent,c&&c.index?(s=c.index,c.header||(c.header=a)):s=a,void 0===o[r]?o[r]=[s]:o[r].push(s)}})),r[0]=Math.max(r[0],s),r[1]=Math.max(r[1],l)}};var a=o(56919),s=o(32260);let l=Object.prototype.toString,d=function(){let e;if("undefined"!=typeof window&&window.ShadyDOM){e=document.createElement("style"),e.id="zg-shadow-dom-style";let t=document.head;t.insertBefore(e,t.firstChild)}return function(t,o,n,r,i,a){let s,l=t.attachShadow({mode:"open"});if(t._oShadowRoot=l,a&&(l.adoptedStyleSheets=[a]),i)s=i.content.cloneNode(!0);else{let e;e=window.ShadyDOM?`${r}`:`\n      <style>${n}</style>\n      ${r}\n      `,s=document.createRange().createContextualFragment(e)}if(l.appendChild(s),window.ShadyDOM){if(!n.shimmed){let t=n.toString().replace(/:host\(([^\n,\s]+)\)/gm," "+o+"$1").replace(/:host/gm," "+o).replace(/::slotted\(([^\)]+)\)/gm,o+" $1").replace(new RegExp("("+o+"[^{.,\\n]+)"+o+"[^-]","gmi"),"$1");e.textContent+=t}n.shimmed=!0}}}();function c(e){for(;e;e=e.parentNode){if("[object ShadowRoot]"===e.toString())return!0;if("ZING-GRID"===e.nodeName)return!1}return!1}function h(e,t){let o;o=`${window.ShadyDOM||!e?"":`<style>${e}</style>`}${t}`;const n=document.createElement("template");return n.innerHTML=o,n}function u(...e){console.log("[ZingGrid Developer Alert]",...e)}let g="isArray"in Array?Array.isArray:function(e){return"[object Array]"===l.call(e)};function p(e){return!0===e||!1===e}function f(e){return"[object Date]"===l.apply(e)}function m(e){return"object"===_(e)&&!!e.nodeType}function b(e){return!!y(e)&&e%1==0}function v(e,t){return!!function(e){return k(e)||w(e)||p(e)||M(e)||y(e)||e!=e}(e)||(!!function(e){return"[object Function]"===l.apply(e)}(e)||(!!x(e)||(!!f(e)||(g(e)?!e.length||1==t:!Object.keys(e).length))))}function y(e){return"number"==typeof e&&isFinite(e)}function w(e){return null===e}function z(e){return"[object Object]"===l.call(e)}function C(e){return"object"===_(e)&&!e.nodeType}function S(e){return!(k(e)||w(e))}function x(e){return"[object RegExp]"===l.call(e)}function M(e){return"string"==typeof e}function _(e){let t=typeof e;return w(e)&&(t="null"),g(e)&&(t="array"),f(e)&&(t="date"),x(e)&&(t="regexp"),t}function k(e){return void 0===e}function R(e){const t=(new DOMParser).parseFromString(e,"text/html").querySelector("body").children,o=document.createDocumentFragment();return[...t].forEach((e=>o.appendChild(e))),o}function D(e,t,o){let n;for(n in o&&D(e,o),t)e[n]=void 0===t[n]?e[n]:t[n];return e}function E(e,t){if(e._bIsConfigApplied)return e;W(e,t=t||{}),e._bIsConfigApplied=!0}function O(e,t,o){let n;for(n in o&&O(e,o),t)"object"!=typeof t[n]&&(e[n]=void 0===t[n]?e[n]:t[n]);return e}function T(e,t){for(let o in t)void 0===e[o]&&(e[o]=t[o]);return e}function A(e,t){for(let o of Object.getOwnPropertyNames(t))e.hasOwnProperty(o)||(e[o]=t[o]);return e}function I(e,t){var o={};if(1==e.nodeType){if(e.attributes.length>0){o["@attributes"]={};for(var n=0;n<e.attributes.length;n++){var r=e.attributes.item(n);o["@attributes"][r.nodeName]=r.nodeValue}}}else 3!=e.nodeType&&4!=e.nodeType||(o=e.nodeValue,4==e.nodeType&&t&&(o=L(o)));if(e.hasChildNodes()&&1===e.childNodes.length&&3===e.childNodes[0].nodeType)o=e.childNodes[0].nodeValue;else if(e.hasChildNodes())for(var i=0;i<e.childNodes.length;i++){var a=e.childNodes.item(i);if(3===a.nodeType&&""===a.nodeValue.trim())continue;var s=a.nodeName;let n=I(a,t);if(n!=={})if(void 0===o[s])4==a.nodeType?o=t?L(a.nodeValue):a.nodeValue:o[s]=n;else{if(void 0===o[s].push){var l=o[s];o[s]=[],o[s].push(l)}o[s].push(n)}}return o}function L(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}function F(e,t,o){if(!e)return"";if(z(e)&&(e=Object.keys(e).map((t=>{let o=e[t];return o[n.default.store.keyField]=t,o}))),!e.length)return"";const r=t.headers,i=(e,t)=>null===t?"":t,a=Object.keys(e[0]),s=e=>{const t=o.getColumnByFieldIndex(e);return t?t.sColumnHeaderText:e};let l=e.map((e=>a.map((t=>JSON.stringify(e[t],i))).join(",")));r&&(g(e[0])?l.unshift(a.map(s)):l.unshift(a.join(",")));return l.join("\r\n")}function N(e,t){let o=(new r).parse(e,t);return o.caption&&t.widget.webcomponent.setCaption(o.caption),o.data}function B(e,t){const o=new i,n=t.widget.webcomponent;t.bCanSetColumns=n.bDefaultCols;let r=o.parse(e,t);return r.caption&&n.setCaption(r.caption),r.frozenTop&&(n.frozenRowsTop=r.frozenTop),r.frozenBottom&&(n.frozenRowsBottom=r.frozenBottom),t.widget.store.once("loaded",(()=>{r.frozenLeft&&(n.frozenColumnsLeft=r.frozenLeft),r.frozenRight&&(n.frozenColumnsRight=r.frozenRight)})),r.columns&&n.setColumns(r.columns),n.headerAutoFormat="disabled",r.data}function G(e,t){let o=t.querySelector("zg-data")||null,n=null;const r=!o;for(let r in e.dataset){const i=e.dataset[r];let a=r[2].toLowerCase()+r.slice(3);if("dataFormat"===a||"headFormat"===a){o||(o=document.createElement("zg-data"));const e=document.createElement("zg-param");a="table"+a[0].toUpperCase()+a.slice(1),e.setAttribute("name",a),e.setAttribute("value",i),o.appendChild(e),n||(n={}),n[a]=i}else a=ee(a),t.setAttribute(a,i)}return o&&r&&t.appendChild(o),n}function H(e){const t=document.createElement("zing-grid");return G(e,t),t}function P(e){return e*parseFloat(getComputedStyle(document.documentElement).fontSize)}function Z(e){return e*parseFloat(getComputedStyle(document.documentElement).fontSize)}function U(e,t){let o=document.createElement("select");return t&&(!e.length||""!==e[0]&&""!==e[0].value)&&e.splice(0,0,""),e.forEach((e=>{const t="object"==typeof e,n=t?e.name?e.name:e.value:e,r=t?e.value:e;let i=document.createElement("option");i.textContent=n,i.value=r,o.appendChild(i)})),o}function W(e,t){if(e===t)return e;if(null===t)return null;let o=Array.isArray(t);if(e=null!=e?e:o?[]:{},o){if(!g(e))throw new Error("trying to deep merge an array onto a non-array type");t.forEach(((t,o)=>{void 0===e[o]||null===e[o]?e[o]=t:"object"==typeof t?e[o]=W(e[o],t):-1===e.indexOf(t)&&e.push(t)}))}else{if(!C(e))throw new Error("trying to deep merge an object onto a non-object type");Object.keys(t).forEach((o=>{"object"==typeof t[o]&&t[o]&&e[o]?e[o]=W(e[o],t[o]):e[o]=t[o]}))}return e}function V(e,t){let o=e;for(;o&&1===o.nodeType;){if(o.tagName.toLowerCase()===t)return o;o=o.parentNode}return null}function $(e,t){let o=[];return function e(n,r,i){r=r||"",v(n,i)?""!==r&&o.push(r.slice(0,-1*t.length)):Object.keys(n).forEach((o=>{e(n[o],r+o+t,!0)}))}(e,"",!1),o}function j(e){e.hasAttribute(n.default.attr.loading)&&e.removeAttribute(n.default.attr.loading)}function q({el:e,attr:t,match:o,value:n}){o?e.setAttribute(t,n):e.removeAttribute(t)}function K({el:e,attr:t,value:o}){o||""===o?e.setAttribute(t,o):e.removeAttribute(t)}function Y(e,t,o){let n=null;return t&&(n=t,!e&&t&&(e=s.Z.setUserFunction(null,t)),e&&"function"==typeof e.method&&(n=e.method.apply(e.scope,o),void 0===n&&(n=""))),n}let X={clone:function(e){return e.slice(0)},objectSort:function(e,t){return e.sort(((e,o)=>e[t]-o[t]))}};let J={copy:function(e){let t={};for(let o in e)t[o]=e[o];return t},get:function(e,t){return t.reduce(((e,t)=>e&&"undefined"!==e[t]?e[t]:void 0),e)},toString:function(e){let t="";for(let o in e)t+=o+":"+e[o]+";";return t}};let Q={camelCaseToDash:ee,camelCaseToReadable:function(e,t){let o="";return e.split(",").forEach((e=>{let n=[];n=t?oe(e,t):[e];let r="";n.forEach((e=>{let o=(e=(e=Q.dashToCamelCase(e,"[_-]")).trim()).match(/[A-Z]*[^A-Z]+/g);o&&(e=o.map((function(e){return e[0].toUpperCase()+e.substr(1).toLowerCase()})).join(" ")),e=e.replace(/\.[a-z]/g,(e=>"."+e[1].toUpperCase())),""!==r&&(r+=t),r+=e})),""!==o&&(o+=", "),o+=r})),o},capitalize:function(e){return e.replace(/(^| )(\w)/g,(e=>e.toLocaleUpperCase()))},dashToCamelCase:function(e,t){t=t||"-";let o=new RegExp(t+"([a-z])","gi");return e.replace(o,(e=>e[1].toUpperCase()))},escapeRegExp:te,format:function(e,...t){let o,n,r;if("array"===_(t[0]))o=t[0];else for(r=t.length,o=[],n=0;n<r;n++)o[n]=t[n];return e.replace(/\[(\d+)]/g,(function(e,t){return o[t]}))},formatCellData:function({args:e,cellDOM:t,cellSE:o}){const n=o._columnConfig&&o._columnConfig.sSeparator||" ";return e.filter(((t,o)=>o<e.length-2)).reduce(((e,t,o)=>(null==t&&(t=""),0===o?`${e}${t}`:`${e}${n}${t}`)),"")},formatToArray:function(e){let t;if("object"==typeof e&&e instanceof Array)return e;if(null===e)return[];if("object"==typeof e)return[e];try{t=JSON.parse(e),t instanceof Array||(t=[t])}catch(o){"string"!=typeof e&&(t=null);let n=e.replace(/:\s+/g,":").replace(/,\s+/g,",").replace(/\s+{/g,"{").replace(/}\s+/g,"}");if(n=n.replace(/{'/g,'{"').replace(/'}/g,'"}').replace(/':'/g,'":"').replace(/','/g,'","'),"{"===n.charAt(0))t=JSON.parse(`[${n}]`);else if("{"===n.charAt(1))t=JSON.parse(n);else{const o=e.replace(/^\[/,"").replace(/]$/,"").split(","),n=o.map((e=>e.trim().replace(/^'/,"").replace(/'$/,"")));t=o.length<2?null:n}}return t},stripComments:function(e){return e[0].replace(/<!--.*\s.*-->/gi,"")},toObject:function(e){let t={},o=(e=e.split(";")).length;for(let n=0;n<o;n++){let o=e[n].split(":");o.length<2||(o[0]=Q.trimWhiteSpace(o[0]),o[1]=Q.trimWhiteSpace(o[1]),t[o[0]]=o[1])}return t},trimWhiteSpace:function(e){return e.replace(/\s/g,"")},upFirstChar:function(e){return e[0].toLocaleUpperCase()+e.substr(1,e.length)},_splitHeader:oe};function ee(e){return e.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function te(e){return e.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&")}function oe(e,t){t=te(t=t||".");const o=new RegExp(`(\\w)${t}(?=\\w)`,"g");return e.replace(o,`$1${n.default.global.replaceToken}`).split(n.default.global.replaceToken)}function ne(e){if(e)return e.split(",").map((e=>Q.trimWhiteSpace(e)))}function re(e,t){return Math.floor(Math.random()*(e-t))+e}function ie(e,t,o){return-1!==t.indexOf("max-width")||!e&&t.indexOf(!0)?o:(e&&e==parseInt(e,10)&&(e+="px"),e?`width:${e}`:o?"":"max-width:100%;width:100%;")}function ae(e,t,o){if(!t)return e;let n=t.sLocale||a.default.getLocale(o)||"en-US",r={};if("disabled"===t.sTypeNumberFormatting)return e;{let o;return se(r,t),o=null==e||isNaN(e)||""===e?"":new Intl.NumberFormat(n,r).format(e),o}}function se(e,t){let o=t.nTypeNumberMinDecimals,n=t.nTypeNumberMaxDecimals,r=t.nTypeNumberDecimals;"percentage"===t.sCellType&&(void 0!==t.nTypePercentageDecimals&&(r=t.nTypePercentageDecimals),void 0!==t.nTypePercentageMaxDecimals&&(n=t.nTypePercentageMaxDecimals)),null!=r&&(e.minimumFractionDigits=r,e.maximumFractionDigits=r),null!=n&&(e.maximumFractionDigits=n),null!=o&&(e.minimumFractionDigits=o),e.minimumFractionDigits&&e.maximumFractionDigits&&e.maximumFractionDigits<e.minimumFractionDigits&&(delete e.maximumFractionDigits,delete e.minimumFractionDigits)}async function le(e,t){return await fetch(`${e}.svg`,{}).then((e=>{if(e.ok)return e.text();console.error("Error fetching external .svg")})).then((e=>de(e).children))}function de(e){return(new DOMParser).parseFromString(e,"text/xml").childNodes[0]}function ce(e,t){if(t){for(let o=e.children.length-1;o>=0;o--)[...t].forEach((t=>e.children[o]&&e.children[o].id===t.id?e.children[o].remove():t));return[...t].forEach((t=>e.append(t))),e}}function he(e){let t="";for(let o=0,n=e.length;o<n;o++){let n=o%2==0?o:e.length-o;t+=e.substring(n,n+1)}return t=t.replace(/\./g,"d"),t}function ue(e){return e.replace(/[a-zA-Z]/g,(function(e){return String.fromCharCode((e<="Z"?90:122)>=(e=e.charCodeAt(0)+13)?e:e-26)}))}function ge(e){var t=e;return t=(t=(t=t.replace("*","&")).replace("9","3")).replace("l","1")}function pe(e,t){var o=me(function(e){for(var t=[],o="0x"===e.substr(0,2)?2:0;o<e.length;o+=2)t.push(parseInt(e.substr(o,2),16));return t}(e)),n=me(fe(t)),r=o.length;if(0===r)return"";for(var i,a,s=o[r-1],l=o[0],d=2654435769,c=Math.floor(6+52/r)*d;0!==c;){a=c>>>2&3;for(var h=r-1;h>0;h--)i=((s=o[h-1])>>>5^l<<2)+(l>>>3^s<<4)^(c^l)+(n[3&h^a]^s),l=o[h]-=i;i=((s=o[r-1])>>>5^l<<2)+(l>>>3^s<<4)^(c^l)+(n[3&h^a]^s),l=o[0]-=i,c-=d}return decodeURIComponent(function(e){for(var t="",o=0;o<e.length;o++)0!==e[o]&&(t+=String.fromCharCode(e[o]));return t}(be(o)))}function fe(e){for(var t=[],o=0;o<e.length;o++)t.push(e.charCodeAt(o));return t}function me(e){for(var t=new Array(Math.ceil(e.length/4)),o=0;o<t.length;o++)t[o]=e[4*o]+(e[4*o+1]<<8)+(e[4*o+2]<<16)+(e[4*o+3]<<24);return t}function be(e){for(var t=[],o=0;o<e.length;o++)t.push(255&e[o],e[o]>>>8&255,e[o]>>>16&255,e[o]>>>24&255);return t}function ve({msg:e="",vars:t=[],plurals:o="s"}){const n="%p",r="%v";let i;const a=e.includes(`\\${r}`),s=t.map((e=>e));i=a?ze({msg:e,values:s,token:r}):we({msg:e,values:s,token:r});const l=e.includes(`\\${n}`),d=ye({msg:e,pattern:new RegExp(`${n}(?!(\\\\))`,"gim")});if(d){const e="string"==typeof o?d.map((e=>o)):o.map((e=>e));i=l?ze({msg:i,values:e,token:n}):we({msg:i,values:e,token:n})}return i}function ye({msg:e,pattern:t}){return e.match(t)}function we({msg:e,token:t,values:o}){const n=new RegExp(`${t}`),r=new RegExp(`${t}`,"gim"),i=o.map((e=>e));let a,s=e;return i.forEach((e=>{a=e,"object"==typeof e&&(a=e.condition||e.conditional?e.value:""),s=s.replace(n,a)})),s=s.replace(r,""),s}function ze({msg:e,token:t,values:o}){const n=t.split("").reverse().join(""),r=new RegExp(`${n}(?!(\\\\))`),i=new RegExp(` ${n}(?!(\\\\))`),a=new RegExp(`${n}(?!(\\\\))`,"gim"),s=new RegExp(`\\\\${t}`,"gim"),l=o.map((e=>e));let d=e;d=d.split("").reverse().join("");const c=l.length,h=ye({msg:d,pattern:a}),u=h.length;h.forEach(((e,t)=>t<u-c?d=d.replace(i,"").replace(r,""):e));const g=l.filter(((e,t)=>t<u));return g.forEach(((e,t,o)=>o[t]="string"==typeof e?e.split("").reverse().join(""):e)),g.reverse().forEach((e=>d=d.replace(r,e))),d=d.split("").reverse().join(""),d=d.replace(s,t),d}},32816:(e,t,o)=>{"use strict";o.d(t,{Z:()=>x});var n=o(45092),r=o(34584);let i=r.hx?function(e){if(!e)return;let t=HTMLElement.prototype.toString.call(e);return"[xpconnect wrapped native prototype]"!=t&&"[object XULElement]"!=t?3==e.nodeType?e.parentNode:e:void 0}:function(e){return e&&3==e.nodeType?e.parentNode:e};var a=o(38419);function s(e,t){let o=(e=e.oBrowserEvent||e)["page"+t];return o||0===o||(o=e["client"+t]||0),o}const l={3:13,63234:37,63235:39,63232:38,63233:40,63276:33,63277:34,63272:46,63273:36,63275:35},d=r.w1?{1:0,4:1,2:2}:{0:0,1:1,2:2},c=/(dbl)?click/;function h(e,t,o){this.oBrowserEvent=e,this.type=e.type;let n=e.target||e.srcElement;this.oDOMTarget=n,this.oDOMRealTarget=n,this.bIsCTRL=e.ctrlKey||r.V5&&e.metaKey,this.bIsSHIFT=e.shiftKey,this.oDOMEventListenerHost=t,this.bDelegateNotFound=!1;let i=o.sDelegateTo;if(i){let e=this.getDelegateTarget(i);this.oDOMDelegateTarget=e,this.oDOMTarget=e}this.xy=[s(e,"X"),s(e,"Y")],this.nCharCode=this.getNormalizedCharCode(),this.nButton=this.getNormalizedButton()}h.prototype={BACKSPACE:8,TAB:9,ENTER:13,RETURN:13,SHIFT:16,CTRL:17,ALT:18,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,INSERT:45,DELETE:46,ZERO:48,ONE:49,TWO:50,THREE:51,FOUR:52,FIVE:53,SIX:54,SEVEN:55,EIGHT:56,NINE:57,NUM_ZERO:96,NUM_ONE:97,NUM_TWO:98,NUM_THREE:99,NUM_FOUR:100,NUM_FIVE:101,NUM_SIX:102,NUM_SEVEN:103,NUM_EIGHT:104,NUM_NINE:105,F2:113,A:65,B:66,C:67,D:68,E:69,F:70,G:71,H:72,I:73,J:74,K:75,L:76,M:77,N:78,O:79,P:80,Q:81,R:82,S:83,T:84,U:85,V:86,W:87,X:88,Y:89,Z:90,keyNum:{48:0,49:1,50:2,51:3,52:4,53:5,54:6,55:7,56:8,57:9,96:0,97:1,98:2,99:3,100:4,101:5,102:6,103:7,104:8,105:9},stopEvent:function(){this.stopPropagation(this.oBrowserEvent),this.preventDefault(this.oBrowserEvent)},stopImmediatePropagation:function(){let e=this.oBrowserEvent;e.stopImmediatePropagation?e.stopImmediatePropagation():this.stopPropagation()},stopPropagation:function(){let e=this.oBrowserEvent;e.stopPropagation?e.stopPropagation():e.cancelBubble=!0},preventDefault:function(){let e=this.oBrowserEvent;e.preventDefault?e.preventDefault():(e.keyCode&&(e.keyCode=0),e.returnValue=!1)},normalizeSafariKey:function(e){return r.G6&&l[e]||e},getNormalizedCharCode:function(){let e=this.oBrowserEvent;return this.normalizeSafariKey(e.keyCode||e.charCode||e.key)},getNormalizedButton:function(){let e=this.oBrowserEvent,t=e.button?d[e.button]:e.which?e.which-1:-1;return c.test(e.type)&&-1===t&&(t=0),t},getDelegateTarget:function(e){let t,o,n,r=0,i=null,a=null,s=null,l=0;e.replace(/:not\((.*)\.(.*)\)/,(function(e,t,o){s={sTagName:t,sClassName:o}})),null!==s?l=2:(n=e.split("."),i=n[0],a=n[1],l=n.length);let d=this.oDOMTarget;for(;;){if(!d)return!1;if(9==d.nodeType)return this.oDOMTarget;if(11==d.nodeType||"[object ShadowRoot]"===d.toString()){d=d.host;continue}let e=0,n=d.tagName,c=d.nodeName,h=d.classList;if(null!==s){if(void 0===n||void 0===c)return this.oDOMTarget;if(t=n.toLowerCase(),o=c.toLowerCase(),s.sTagName!==t&&s.sTagName!==o||e++,s.sClassName&&h.contains(a)&&e++,e===l)break}else{if(null!==i){if(void 0===n||void 0===c)return!1;t=n.toLowerCase(),o=c.toLowerCase(),i!==t&&i!==o||e++}null!==a&&h.contains(a)&&e++}if(e===l)return d;if(this.oDOMEventListenerHost===d){if(s)return d;break}if(d=d.assignedSlot?d.assignedSlot:d.parentNode,r++,r>=10){if(s)return d;break}}this.bDelegateNotFound=!0}};const u=h;let g,p={};g=setInterval((function(){let e,t,o,n;for(e in p)t=p[e],t!==document&&(o=t.dom,o&&o.parentNode&&(o.offsetParent||document.getElementById(e))||delete p[e]);if(r.w1){for(e in n={},p)n[e]=p[e];p=n}}),3e4);let f=/alpha\(opacity=(.*)\)/gi,m="undefined"!=typeof document?document.defaultView:null,b={},v=/(-[a-z])/gi,y={},w=0;function z(e,t){return t.charAt(1).toUpperCase()}function C(e){return b[e]||(b[e]=e.replace(v,z))}class S{constructor(e){let t,o,n=p;"string"==typeof e&&(t=e,o=document.getElementById(e)),e.nodeType&&(o=e,t=e===document?"oDocument":e===document.body?"oDocumentBody":e.id),t&&n[t],o&&(this.dom=o,t=t||S.id(o))}getDOM(){return this.dom}_getDOMByTagName(e,t){let o=this.getDOM().getElementsByTagName(e);return n.o8(t)?o:o[t]}_querySelector(...e){return this.getDOM().querySelector(...e)}_setStyle(e,t,o){let n,r,i=this.getDOM();for(r in"object"!=typeof e&&(n={},n[e]=t,e=n),e)switch(t=e[r],r){case"opacity":i.style.opacity=t;break;case"float":i.style.styleFloat=t,i.style.cssFloat=t;break;default:i.style[C(r)]=t,o&&i.style&&i.style.setProperty&&i.style.setProperty(r,t,"important")}}_hide(){this.getDOM().setAttribute(a.default.attr.hidden,"")}_show(...e){let t=this.getDOM();this.setXY(e[0]),t.removeAttribute(a.default.attr.hidden)}getHeight(){return Math.max(this.getDOM().clientHeight,this.getDOM().offsetHeight)}getWidth(){let e=this.getDOM();return Math.max(e.clientWidth,e.offsetWidth)}getSize(){let e=this.getDOM().getBoundingClientRect();return[e.width,e.height]}once(e,t,o,n){let r=(o,n)=>{t(o,n),this.un(e,r)};this.on(e,r,o,n)}on(e,t,o,n,a){n=n||{},o=o||this,void 0===a&&(a=!0);let s,l,d,c,h=!1,g=!1,p=!1,f=null,m=this,b=this.getDOM();if(/ /.test(e)){let t,o=e.split(" ");"key"===(e=o[0])&&(e="keydown");let n=o.length;for(t=1;t<n;t++){let e=o[t].toUpperCase();switch(e){case"CTRL":g=!0;break;case"SHIFT":p=!0;break;default:if(f=o[t],h=u.prototype[e],void 0===h)throw new Error("event is not write")}}}s=function(e){let a,s=function(e){return e||window.event}(e),l=new u(s,b,n);if((!n.sDelegateTo||l.oDOMDelegateTarget)&&!1===l.bDelegateNotFound){if(a=l.oDOMDelegateTarget?l.oDOMDelegateTarget:function(e){return e=e.oBrowserEvent||e,i(e.target||e.srcElement)}(s),!1!==h&&e.keyCode!==h&&e.key!==f)return;if(!1!==g){if(r.V5&&!1===e.metaKey)return;if(!r.V5&&!1===e.ctrlKey)return}if(!1!==p&&!1===e.shiftKey)return;t.apply(o,[l,a])}},"mousewheel"===e&&!1===r.iV&&(e="DOMMouseScroll"),c=a?{passive:!0}:{},b.addEventListener(e,s,c),l=this.events=this.events||{},d=l[e]=l[e]||[];let v={fn:t,wrappedFn:s,scope:o};if(d.push(v),b===document){y[e]=y[e]||[],y[e].push(v)}return function(){v&&m&&(m.un(e,null,v),b=null,v=null,m=null)}}un(e,t,o){if(!t&&!o)throw new Error("Event name [",e,"] needs a function argument to unregister");if(!this.events)return;let n,i=this.getDOM(),a=this.events[e];if(!a)return;let s=a.length;if(!o)for(n=0;n<s;n++)if(a[n].fn===t){o=a[n];break}o&&("mousewheel"===e&&!1===r.iV?i.removeEventListener("DOMMouseScroll",o.wrappedFn,!1):i.removeEventListener(e,o.wrappedFn,!1),o.scope=null,o.fn=null,o.wrappedFn=null,a.splice(a.indexOf(o),1),o=null)}fire(e,...t){if(!this.events)return;let o=this.events[e],n=this,r=!1;return o?(t.unshift(this),o.forEach((e=>{if(null==e)return;e.params&&(t=t.concat(e.params)),!1===e.fn.apply(e.scope||n,t)&&(r=!0)})),!r):void 0}docUn(e,t){let o,n=y[e];if(!n)return;let i,a=n.length;for(o=0;o<a;o++)i=n[o],i.fn===t&&(window.removeEventListener?"mousewheel"===e&&!1===r.iV?this.getDOM().removeEventListener("DOMMouseScroll",i.wrappedFn,!1):(this.getDOM().removeEventListener(e,i.wrappedFn,!1),n.splice(o,1),o--,a--):this.getDOM().detachEvent("on"+e,i.wrappedFn))}docUnAll(){for(let e in y){let t=y[e],o=0,n=t.length;for(;o<n;o++)t[o]&&t[o].fn&&this.docUn(e,t[o].fn)}}unAll(){let e,t,o,n,r,i=this.getDOM(),a=this.events;for(n in a)for(e=a[n],t=e.length,r=0;r<t;r++)o=e[r],o&&(window.removeEventListener?i.removeEventListener(n,o.wrappedFn,!1):i.detachEvent("on"+n,o.wrappedFn));this.events={}}getXY(){let e,t,o=document.body||document.documentElement,n=[0,0],r=this.getDOM();return r!=o&&r.getBoundingClientRect&&(e=r.getBoundingClientRect(),t=this.getScroll(document.body),n=[e.left+t.left,e.top+t.top]),n}getX(){return this.getXY()[0]}getY(){return this.getXY()[1]}setXY(e){const t=n.gg(e);"object"===t?(this.setStart(e.x,"left"),this.setStart(e.y,"top")):"array"===t&&(this.setStart(e[0],"left"),this.setStart(e[1],"top"))}calculateContextPosition(e,t){let o=this.getDOM();const n=o.getBoundingClientRect(),r=t.getBoundingClientRect(),i=r.left+r.width,s=e.oBrowserEvent.clientX,l=s-n.width,d=s+n.width>i,c=window.getComputedStyle(o);let h=parseInt(c.borderLeftWidth,10);h&&h>1&&t.style.setProperty("--menu-arrow-right",`calc(100% + ${h}px)`),d?(this.setStart(l-r.left,"left"),this.setAttribute(a.default.attr.internaldir,"left")):(this.setStart(e.oBrowserEvent.clientX-r.left,"left"),this.setAttribute(a.default.attr.internaldir,"right")),this.setStart(e.oBrowserEvent.clientY-r.top,"top")}calculateMenuPosition(e,t){let o=this.getDOM();const n=t.getBoundingClientRect(),r=e.oDOMTarget.getBoundingClientRect(),i=o.getBoundingClientRect(),a=n.left+n.width,s=r.left,l=s+r.width;s+i.width>a?this.setStart(a-l,"right"):this.setStart(s,"left"),this.setStart(r.top+r.height-n.top,"top")}setStart(e,t){n.o8(e)||(this.getDOM().style[t]=e+"px")}clearPosition(){["top","right","left"].forEach((e=>this.getDOM().style.removeProperty(e)))}_setLeft(e){this.getDOM().style.left=e+"px"}setTop(e){this.getDOM().style.top=e+"px"}getScroll(e){let t,o,n,i=e||this.getDOM();return i==document||i==document.body?(r.w1&&r.Gu?(t=document.documentElement.scrollLeft,o=document.documentElement.scrollTop):(t=window.pageXOffset,o=window.pageYOffset),n={left:t||(document.documentElement?document.documentElement.scrollLeft:0),top:o||(document.documentElement?document.documentElement.scrollTop:0)}):n={left:i.scrollLeft,top:i.scrollTop},n}_addClass(e){return this.getDOM().classList.add(e),this}_removeClass(e){return this.getDOM().classList.remove(e),this}_appendChild(e,t){let o=this.getDOM();e.nodeType&&o.appendChild(e)}_removeChild(e){e.nodeType&&this.getDOM().removeChild(e)}parent(e){let t=this.getDOM(),o=t.parentNode||t.parentElement;return!1===e?o:new S(o)}_setAttribute(e,t){let o,n,r=this.getDOM();if("setAttribute"in r)for(n in"object"!=typeof e&&(o={},o[e]=t,e=o),e)t=e[n],r.setAttribute(n,t);return this}_removeAttribute(e){this.getDOM().removeAttribute(e)}update(e){this.getDOM().innerHTML=e}_text(){return this.getDOM().textContent}destroy(){let e=this.parent(!1);this.unAll(),this.events={},e&&(e.removeChild(this.getDOM()),delete p[this.id]),this.dom=null}select(e){return select(e,this.getDOM())}static get(e){if(!e)throw new Error("element is not set");return!0===e.isComposite?e.item(0):new S(e)}static elContains(e,t){if(e&&e.firstChild)for(;t;){if(t===e)return!0;(t=t.parentNode)&&1!==t.nodeType&&(t=null)}return!1}static id(e,t){return e?e.id:(t||"zg-gen-")+ ++w}}S.prototype.getStyle=function(e){let t,o,n,r,i,a=this.getDOM();if(a==document)return null;if(m&&m.getComputedStyle)return e=C(e),r=(o=a.style[e])?o:(n=m.getComputedStyle(a,""))?n[e]:null,"marginRight"===e&&"0px"!==r&&(i=a.style.display,a.style.display="inline-block",r=m.getComputedStyle(a,"").marginRight,a.style.display=i),"backgroundColor"===e&&"rgba(0, 0, 0, 0)"===r&&(r="transparent"),r;if("opacity"===e){if(a.style.filter.match&&(t=a.style.filter.match(f),t)){let e=parseFloat(t[1]);if(!isNaN(e))return e?e/100:0}return 1}return e=C(e),a.style[e]||((n=a.currentStyle)?n[e]:null)};const x=S},15200:(e,t,o)=>{"use strict";function n(){return o.g._babelPolyfill||"undefined"!=typeof window&&window._babelPolyfill?null:o(26981)}o.r(t),o.d(t,{default:()=>r,zingBabelPolyfill:()=>n});const r=n()},65658:e=>{e.exports='<svg id="android" xmlns="http://www.w3.org/2000/svg"><symbol id="checkmark" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></symbol><symbol id="submitrecord" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></symbol><symbol id="checked" viewBox="0 0 24 24"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></symbol><symbol id="unchecked" viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"></path></symbol><symbol id="close" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="cancelrecord" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="edit" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></symbol><symbol id="editrecord" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></symbol><symbol id="layoutcard" viewBox="0 0 24 24"><path d="M4 11h5V5H4v6zm0 7h5v-6H4v6zm6 0h5v-6h-5v6zm6 0h5v-6h-5v6zm-6-7h5V5h-5v6zm6-6v6h5V5h-5z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="layoutrow" viewBox="0 0 24 24"><path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="menu" viewBox="0 0 24 24"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"></path></symbol><symbol id="fixedmenu" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></symbol><symbol id="reload" viewBox="0 0 24 24"><path d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"></path></symbol><symbol id="firstpage" viewBox="0 0 24 24"><path d="M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"></path></symbol><symbol id="nextpage" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></symbol><symbol id="lastpage" viewBox="0 0 24 24"><path d="M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"></path></symbol><symbol id="prevpage" viewBox="0 0 24 24"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></path></symbol><symbol id="remove" viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"></path></symbol><symbol id="removerecord" viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"></path></symbol><symbol id="up" viewBox="0 0 24 24"><path d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"></path></symbol><symbol id="down" viewBox="0 0 24 24"><path d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"></path></symbol></svg>'},92757:e=>{e.exports='<svg id="default" xmlns="http://www.w3.org/2000/svg"><symbol id="batchedit" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></symbol><symbol id="batcheditcancel" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="batcheditsave" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></symbol><symbol id="checkmark" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></symbol><symbol id="submitrecord" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></symbol><symbol id="checked" viewBox="0 0 24 24"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></symbol><symbol id="unchecked" viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"></path></symbol><symbol id="cancel" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="close" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="cancelrecord" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></symbol><symbol id="success" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></symbol><symbol id="error" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"></path></symbol><symbol id="error-tmp" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"></path></symbol><symbol id="info" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"></path></symbol><symbol id="warning" viewBox="0 0 24 24"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"></path></symbol><symbol id="duplicaterecord" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"></path></symbol><symbol id="edit" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></symbol><symbol id="editrecord" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></symbol><symbol id="createrecord" viewBox="0 0 24 24"><path d="M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"></path></symbol><symbol id="layoutcard" viewBox="0 0 24 24"><path d="M4 11h5V5H4v6zm0 7h5v-6H4v6zm6 0h5v-6h-5v6zm6 0h5v-6h-5v6zm-6-7h5V5h-5v6zm6-6v6h5V5h-5z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="layoutrow" viewBox="0 0 24 24"><path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="menu" viewBox="0 0 24 24"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"></path></symbol><symbol id="fixedmenu" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></symbol><symbol id="copycell" viewBox="0 0 24 24"><path d="M3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm18-4H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14z"></path></symbol><symbol id="pastecell" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M19 2h-4.18C14.4.84 13.3 0 12 0c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm7 18H5V4h2v3h10V4h2v16z"></path></symbol><symbol id="selectcell" viewBox="0 0 24 23"><path fill="gray" fill-rule="evenodd" clip-rule="evenodd" d="M0 .958V0h1v1H0V.958zM0 22v1h1v-1H0zm24 .042V22h-1v1h1v-.958zM24 1V0h-1v1h1zM3 0v1h2V0H3zm4 0v1h2V0H7zm4 0v1h2V0h-2zm4 0v1h2V0h-2zm4 0v1h2V0h-2zm5 2.875h-1v1.917h1V2.875zm0 3.833h-1v1.917h1V6.708zm0 3.834h-1v1.916h1v-1.916zm0 3.833h-1v1.917h1v-1.917zm0 3.833h-1v1.917h1v-1.917zM21 23v-1h-2v1h2zm-4 0v-1h-2v1h2zm-4 0v-1h-2v1h2zm-4 0v-1H7v1h2zm-4 0v-1H3v1h2zm-5-2.875h1v-1.917H0v1.917zm0-3.833h1v-1.917H0v1.917zm0-3.834h1v-1.916H0v1.916zm0-3.833h1V6.708H0v1.917zm0-3.833h1V2.875H0v1.917zM5 11H3v1h2v-1zm4 0H7v1h2v-1zm8 0h-2v1h2v-1zm-5-8h1v2h-1V3zm1 4h-1v2h1V7zm-1 7h1v2h-1v-2zm1 4h-1v2h1v-2zm6-7h2v1h-2v-1zm-6 0h-1v1h1v-1z"></path><path stroke="var(--zg-icon-color, var(--theme-color-primary))" d="M.5.5h12v11H.5z"></path></symbol><symbol id="selectrow" viewBox="0 0 24 23"><path fill="gray" fill-rule="evenodd" clip-rule="evenodd" d="M0 .958V0h1v1H0V.958zM0 22v1h1v-1H0zm24 .042V22h-1v1h1v-.958zM24 1V0h-1v1h1zM3 0v1h2V0H3zm4 0v1h2V0H7zm4 0v1h2V0h-2zm4 0v1h2V0h-2zm4 0v1h2V0h-2zm5 2.875h-1v1.917h1V2.875zm0 3.833h-1v1.917h1V6.708zm0 3.834h-1v1.916h1v-1.916zm0 3.833h-1v1.917h1v-1.917zm0 3.833h-1v1.917h1v-1.917zM21 23v-1h-2v1h2zm-4 0v-1h-2v1h2zm-4 0v-1h-2v1h2zm-4 0v-1H7v1h2zm-4 0v-1H3v1h2zm-5-2.875h1v-1.917H0v1.917zm0-3.833h1v-1.917H0v1.917zm0-3.834h1v-1.916H0v1.916zm0-3.833h1V6.708H0v1.917zm0-3.833h1V2.875H0v1.917zM5 11H3v1h2v-1zm4 0H7v1h2v-1zm8 0h-2v1h2v-1zm-5-8h1v2h-1V3zm1 4h-1v2h1V7zm-1 7h1v2h-1v-2zm1 4h-1v2h1v-2zm6-7h2v1h-2v-1zm-6 0h-1v1h1v-1z"></path><path stroke="var(--zg-icon-color, var(--theme-color-primary))" d="M.5.5h23v11H.5z"></path></symbol><symbol id="deselect" viewBox="0 0 24 23"><path stroke="gray" stroke-dasharray="2 2" d="M.5.5h23v22H.5z"></path><path fill="var(--zg-icon-color, var(--theme-color-primary))" fill-rule="evenodd" clip-rule="evenodd" d="M5 17.02l1.414 1.415 6.01-6.01 6.011 6.01 1.414-1.414-6.01-6.01L19.849 5l-1.414-1.414-6.01 6.01-6.01-6.01L5 5l6.01 6.01L5 17.02z"></path></symbol><symbol id="selectall" viewBox="0 0 24 24"><rect width="21" height="21" x="2.72" y="2.75" class="cls-2" rx=".37" ry=".37"></rect><path fill="var(--zg-icon-color, var(--theme-color-primary))" fill-rule="evenodd" clip-rule="evenodd" d="M2.25 2.79c0-.3.24-.54.54-.54h19.74V.54c0-.3-.24-.54-.54-.54H.54C.24 0 0 .24 0 .54v21.45c0 .3.24.54.54.54h1.71V2.79Z"></path><path fill="#fff" fill-rule="evenodd" clip-rule="evenodd" d="m11.67 14.78-1.37-1.37c-.47-.47-1.23-.47-1.7 0s-.47 1.23 0 1.7l2.54 2.54c.47.47 1.23.47 1.7 0l.84-.84 5.93-5.93c.47-.47.47-1.23 0-1.7s-1.23-.47-1.7 0l-5.59 5.59c-.09.09-.21.14-.33.14s-.24-.05-.33-.14Z"></path></symbol><symbol id="reload" viewBox="0 0 24 24"><path d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"></path></symbol><symbol id="search" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="firstpage" viewBox="0 0 24 24"><path d="M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"></path></symbol><symbol id="nextpage" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></symbol><symbol id="lastpage" viewBox="0 0 24 24"><path d="M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"></path></symbol><symbol id="prevpage" viewBox="0 0 24 24"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></path></symbol><symbol id="resize" viewBox="0 0 24 24"><circle cx="8" cy="4" r="2"></circle><circle cx="8" cy="20" r="2"></circle><circle cx="8" cy="12" r="2"></circle><circle cx="16" cy="4" r="2"></circle><circle cx="16" cy="20" r="2"></circle><circle cx="16" cy="12" r="2"></circle></symbol><symbol id="resize-direction" viewBox="0 0 24 24"><circle cx="8" cy="12" r="2" fill="#C4C4C4"></circle><circle cx="16" cy="4" r="2" fill="#C4C4C4"></circle><circle cx="16" cy="20" r="2" fill="#C4C4C4"></circle><circle cx="16" cy="12" r="2" fill="#C4C4C4"></circle></symbol><symbol id="remove" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path><path d="M0 0h24v24H0z" fill="none"></path></symbol><symbol id="removerecord" viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"></path></symbol><symbol id="undoremoverecord" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zm2.46-7.12l1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14l-2.13-2.12zM15.5 4l-1-1h-5l-1 1H5v2h14V4z"></path></symbol><symbol id="openrowgroup" viewBox="0 0 24 24"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z"></path></symbol><symbol id="closerowgroup" viewBox="0 0 24 24"><path d="M24 24H0V0h24v24z" fill="none" opacity=".87"></path><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"></path></symbol><symbol id="up" viewBox="0 0 24 24"><path d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"></path></symbol><symbol id="down" viewBox="0 0 24 24"><path d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"></path></symbol><symbol id="link" viewBox="0 0 24 24"><path d="M18 7a6 6 0 0 1 6 6 5.9 5.9 0 0 1-3 5.2 6 6 0 0 1-3 .8h-5v-2.3h5a3.8 3.8 0 0 0 3.8-3.7c0-.7-.3-1.3-.6-1.8a3.8 3.8 0 0 0-3.3-1.9H13V7h5zM7 14v-2h10v2H7zm-4.7-1c0 .7.2 1.3.5 1.8a3.8 3.8 0 0 0 3.3 1.9H11V19H6a6 6 0 0 1-6-6 5.9 5.9 0 0 1 3-5.2C4 7.3 5 7 6 7h5v2.3H6A3.8 3.8 0 0 0 2.3 13z"></path></symbol><symbol id="outsidearrow" viewBox="0 0 24 24"><path d="M18.04 11.92h-.84a.4.4 0 0 0-.42.42v4.2c0 .57-.2 1.06-.61 1.47-.41.41-.9.62-1.48.62H3.78c-.58 0-1.07-.2-1.49-.62-.4-.4-.61-.9-.61-1.48V5.63c0-.58.2-1.08.61-1.49.42-.41.9-.62 1.49-.62H13a.4.4 0 0 0 .3-.11.4.4 0 0 0 .12-.3v-.84a.4.4 0 0 0-.12-.3.4.4 0 0 0-.3-.12H3.78c-1.04 0-1.93.37-2.67 1.1A3.64 3.64 0 0 0 0 5.62v10.91c0 1.04.37 1.93 1.1 2.67.75.74 1.64 1.1 2.68 1.1h10.9c1.05 0 1.93-.36 2.67-1.1a3.64 3.64 0 0 0 1.11-2.67v-4.2a.4.4 0 0 0-.12-.3.4.4 0 0 0-.3-.11z"></path><path d="M23.75.25a.82.82 0 0 0-.6-.25h-6.83a.82.82 0 0 0-.6.25.82.82 0 0 0-.26.6c0 .24.09.44.25.6l2.35 2.35-8.7 8.7a.42.42 0 0 0 0 .62l1.53 1.52a.42.42 0 0 0 .6 0l8.7-8.7 2.36 2.35c.16.16.36.25.6.25.23 0 .43-.09.6-.25a.82.82 0 0 0 .25-.6V.84a.82.82 0 0 0-.25-.6z"></path></symbol></svg>'},26563:e=>{e.exports='<svg id="ios" xmlns="http://www.w3.org/2000/svg"><symbol id="editrecord" viewBox="0 0 24 24"><path d="M17.75 7L14 3.25l-10 10V17h3.75l10-10zm2.96-2.96c.39-.39.39-1.02 0-1.41L18.37.29c-.39-.39-1.02-.39-1.41 0L15 2.25 18.75 6l1.96-1.96z"></path><path d="M0 0h24v24H0z" fill="none"></path><path d="M0 20h24v4H0z" fill-opacity=".36"></path></symbol></svg>'},91693:(e,t,o)=>{var n={"./Grid.js":51562,"./SelectorEngine.js":36454,"./elements/ColumnBody.js":48139,"./elements/ColumnFooter.js":58938,"./elements/ColumnHeader.js":9700,"./plugins/aggregate/aggregateManager.js":9915,"./plugins/cellbreak/cellBreakManager.js":52248,"./plugins/clipper/Clipper.js":20762,"./plugins/columnmenu/ColumnMenu.js":64690,"./plugins/details/detailsManager.js":25815,"./plugins/dialog/dialogManager.js":42820,"./plugins/drag/columnDragManager.js":19683,"./plugins/editor/RecordEditor.js":76289,"./plugins/editor/batchEditor.js":70986,"./plugins/editor/dirtyManager.js":39958,"./plugins/editor/editorFieldManager.js":93590,"./plugins/editor/editorManager.js":89719,"./plugins/filter/Filter.js":89553,"./plugins/focus/areaFocusManager.js":65286,"./plugins/focus/focusManager.js":92005,"./plugins/focus/footerFocusManager.js":22843,"./plugins/focus/headerFocusManager.js":8427,"./plugins/fullscreen/fullscreenManager.js":65151,"./plugins/groupby/groupbyManager.js":93676,"./plugins/icon/fontawesome.map.js":91724,"./plugins/icon/iconManager.js":85110,"./plugins/layout/layoutManager.js":87848,"./plugins/menu/menuManager.js":602,"./plugins/scroller/Scroller.js":77390,"./plugins/selector/Selector.js":91510,"./plugins/sorter/Sorter.js":99642,"./plugins/source/sourceManager.js":47734,"./plugins/state/stateManager.js":63765,"./plugins/status/statusManager.js":39232,"./plugins/tooltip/tooltipManager.js":47581,"./plugins/updater/Updater.js":21704,"./plugins/viewport/viewportManager.js":65308,"./selectorEngineManager.js":21974};function r(e){var t=i(e);return o(t)}function i(e){if(!o.o(n,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return n[e]}r.keys=function(){return Object.keys(n)},r.resolve=i,e.exports=r,r.id=91693},61145:(e,t,o)=>{var n={"./Lang.js":56919,"./custom-export.js":64050,"./custom.js":5235,"./en.js":11232,"./es.js":58672,"./zh-CN.js":2247};function r(e){var t=i(e);return o(t)}function i(e){if(!o.o(n,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return n[e]}r.keys=function(){return Object.keys(n)},r.resolve=i,e.exports=r,r.id=61145},19179:(e,t,o)=>{var n={"./android.svg":65658,"./default.svg":92757,"./ios.svg":26563};function r(e){var t=i(e);return o(t)}function i(e){if(!o.o(n,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return n[e]}r.keys=function(){return Object.keys(n)},r.resolve=i,e.exports=r,r.id=19179}},t={};function o(n){var r=t[n];if(void 0!==r)return r.exports;var i=t[n]={id:n,exports:{}};return e[n].call(i.exports,i,i.exports,o),i.exports}o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{"use strict";var e=o(45092),t=o(7673),n=o(32260),r=o(42820),i=(o(38419),o(56919)),a=o(22048),s=o(30163);class l{constructor(...t){let o=null,n={};for(;t.length;){let r=t.shift();e.jn(r);const i=e.PO(r),a=r&&r.nodeType&&1===r.nodeType;e.HD(r)?o=document.getElementById(r):a?o=r:i&&(n=r)}let r=n,i={};i.data=r.data,i.dataFormat={};let a=this.element=document.createElement("zing-grid");a.config=i,void 0!==r.columns&&r.columns.length&&(a.columns=r.columns),n.src&&(a.src=n.src);for(let e in n)"src"!==e&&"columns"!==e&&"config"!==e&&n.hasOwnProperty(e)&&(a[e]=n[e]);return this.widget=a.widget,o&&o.appendChild(a),a}static registerAdapter(e,t){n.Z.aAdapters[e]=t}static registerCellType(e,o){t.Z.registerCellType(e,o),l.refreshAllGrids()}static registerEditor(e,t,o){t=t||e.name,n.Z.aMethods[t]={method:e,scope:o}}static registerFilterer(e,t,o){t=t||e.name,n.Z.aMethods[t]={method:e,scope:o}}static registerValidator(e,t,o){n.Z.aMethods[t]={method:e,scope:o}}static registerMethod(e,t,o){t=t||e.name,n.Z.aMethods[t]={method:e,scope:o}}static registerNamespace(e,t,o){t=t||"default",n.Z.aNamespaces[t]={namespace:e,scope:o||e}}static registerLanguage(e,t,o){t=t||e.lang,i.default.aCustomLangs[t]=e,o&&i.default.setLang(t)}static customizeDialog(e,t){r.default.aCustomizations.push({type:e,options:t})}static setLanguage(e){const t=i.default.globalLang?i.default.globalLang.lang:"";i.default.setLang(e);document.querySelectorAll("zing-grid").forEach((o=>{!o.widget||!o.widget.bAPIReady||o.lang&&t!==o.lang||(o.lang=e)}))}static formatDate(e,t,o,n){"string"!=typeof e&&"number"!=typeof e||(e=a.kB(e)),n=n||o;let r={};return o&&(r.lang=i.default.checkLangFile(o)),a.p6(e,t,n,r)}static fromNow(e,t,o){"string"!=typeof e&&"number"!=typeof e||(e=a.kB(e));let n={};return o&&(n.lang=i.default.checkLangFile(o)),a.Zh(e,t,n)}static searchIsTable(){const t=()=>{const t=document.querySelectorAll('table[is="zing-grid"]');t&&t.forEach((t=>{const o=e.T2(t),n=t.parentNode,r=document.createElement("span");n.insertBefore(r,t),o.appendChild(t),n.replaceChild(o,r)}))};"complete"===document.readyState?t():document.addEventListener("DOMContentLoaded",t)}static setLicense(e,t){s.Z.validateLicense(e,t)}static checkLicense(){s.Z.validateLicense()}static clearLicense(){s.Z.bValidated=!1,l.LICENSE=void 0,l.BUILDCODE=void 0}static setBuildCode(e){l.setLicense(null,e)}static refreshAllGrids(){document.querySelectorAll("zing-grid").forEach((e=>{if(e.widget&&e.bReady){e.querySelectorAll("zg-column").forEach((t=>{t.type&&t._oParsedColumnMapping.bIsTypeUserProvided&&t.setCellType(e.widget,t.type)})),e.widget.update()}}))}}const d=l;if("undefined"!=typeof window&&(o(56919),o(73427),o(24889),o(93534),o(81966),o(90754),o(31680),o(589),o(7939),o(31246),o(21960),o(18433),o(82327),o(35678),o(84699),o(82373),o(20979),o(55468),o(45790),o(63778),o(44158),o(75392),o(31680),o(86009),o(29234),o(10876),o(54347),o(36541),o(61245),o(21153),o(52081),o(14591),o(26665),o(12040),o(29327),o(97996),o(32358),o(75585),o(50469),o(23837),o(32383),o(65495),o(10235),o(58828),o(82800),o(17432),o(8499),o(37326)),"undefined"!=typeof window){window.ZingGrid=d,d.version="ZingGrid v1.6.2 built on Thu, 04 Jan 2024 18:56:42 GMT",d.versionNum="1.6.2",d.versionDate=1704394602618;const e=new CustomEvent("zg-script-ready");window&&window.dispatchEvent(e),d.searchIsTable()}"undefined"!=typeof window&&(o(15200),o(35182),o(82986))})()})();
\ No newline at end of file
diff --git a/dist/zinggrid.zip b/dist/zinggrid.zip
index 4e806e9..80333fc 100644
Binary files a/dist/zinggrid.zip and b/dist/zinggrid.zip differ
diff --git a/index.d.ts b/index.d.ts
index 515f17f..add7fbc 100644
--- a/index.d.ts
+++ b/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for zinggrid 1.6.1
+// Type definitions for zinggrid 1.6.2
 // Project: https://github.com/ZingGrid/zinggrid
 // Definitions by: Jeanette Phung <https://github.com/jeanettephung>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -1801,14 +1801,14 @@ The event handler can modify the data in ZGData.copiedValue to store in the clip
   interface ZGCheckbox extends ZingGridAttributes.ZGCheckbox, CatchAll, HTMLElement {}
   interface ZGColgroup extends CatchAll, HTMLElement {}
   interface ZGColumn extends NonoptionalAttributes, Omit<ZingGridAttributes.ZGColumn, 'accessKey'
-    | 'accessKeyLabel' | 'attachInternals' | 'attributeStyleMap' | 'autocapitalize' | 'autofocus' | 'beforeinput_event' | 'beforematch_event'
-    | 'beforetoggle_event' | 'blur' | 'change_event' | 'click' | 'contentEditable' | 'dataset' | 'dir'
-    | 'drag_event' | 'dragend_event' | 'dragenter_event' | 'dragexit_event' | 'draggable' | 'dragleave_event' | 'dragover_event'
-    | 'dragstart_event' | 'drop_event' | 'enterKeyHint' | 'error_event' | 'focus' | 'hidden' | 'hidePopover'
-    | 'inert' | 'innerText' | 'inputMode' | 'input_event' | 'isContentEditable' | 'lang' | 'nonce'
-    | 'offsetHeight' | 'offsetLeft' | 'offsetParent' | 'offsetTop' | 'offsetWidth' | 'outerText' | 'popover'
-    | 'showPopover' | 'spellcheck' | 'style' | 'tabIndex' | 'title' | 'togglePopover' | 'toggle_event'
-    | 'translate' | 'virtualKeyboardPolicy'>, CatchAll, HTMLElement {}
+    | 'accessKeyLabel' | 'attachInternals' | 'attributeStyleMap' | 'autocapitalize' | 'autofocus' | 'beforetoggle_event' | 'blur'
+    | 'change_event' | 'click' | 'contentEditable' | 'dataset' | 'dir' | 'drag_event' | 'dragend_event'
+    | 'dragenter_event' | 'dragexit_event' | 'draggable' | 'dragleave_event' | 'dragover_event' | 'dragstart_event' | 'drop_event'
+    | 'editContext' | 'enterKeyHint' | 'error_event' | 'focus' | 'hidden' | 'hidePopover' | 'inert'
+    | 'innerText' | 'inputMode' | 'isContentEditable' | 'lang' | 'nonce' | 'offsetHeight' | 'offsetLeft'
+    | 'offsetParent' | 'offsetTop' | 'offsetWidth' | 'outerText' | 'popover' | 'showPopover' | 'spellcheck'
+    | 'style' | 'tabIndex' | 'title' | 'togglePopover' | 'toggle_event' | 'translate' | 'virtualKeyboardPolicy'
+   >, CatchAll, HTMLElement {}
   interface ZGColumnResize extends CatchAll, HTMLElement {}
   interface ZGControlBar extends CatchAll, HTMLElement {}
   interface ZGData extends ZingGridAttributes.ZGData, CatchAll, HTMLElement {}
@@ -2904,14 +2904,14 @@ The event handler can modify the data in ZGData.copiedValue to store in the clip
   }
 
   interface ZingGrid extends NonoptionalAttributes, Omit<ZingGridAttributes.ZingGrid, 'accessKey'
-    | 'accessKeyLabel' | 'attachInternals' | 'attributeStyleMap' | 'autocapitalize' | 'autofocus' | 'beforeinput_event' | 'beforematch_event'
-    | 'beforetoggle_event' | 'blur' | 'change_event' | 'click' | 'contentEditable' | 'dataset' | 'dir'
-    | 'drag_event' | 'dragend_event' | 'dragenter_event' | 'dragexit_event' | 'draggable' | 'dragleave_event' | 'dragover_event'
-    | 'dragstart_event' | 'drop_event' | 'enterKeyHint' | 'error_event' | 'focus' | 'hidden' | 'hidePopover'
-    | 'inert' | 'innerText' | 'inputMode' | 'input_event' | 'isContentEditable' | 'lang' | 'nonce'
-    | 'offsetHeight' | 'offsetLeft' | 'offsetParent' | 'offsetTop' | 'offsetWidth' | 'outerText' | 'popover'
-    | 'showPopover' | 'spellcheck' | 'style' | 'tabIndex' | 'title' | 'togglePopover' | 'toggle_event'
-    | 'translate' | 'virtualKeyboardPolicy'>, CatchAll, HTMLElement {}
+    | 'accessKeyLabel' | 'attachInternals' | 'attributeStyleMap' | 'autocapitalize' | 'autofocus' | 'beforetoggle_event' | 'blur'
+    | 'change_event' | 'click' | 'contentEditable' | 'dataset' | 'dir' | 'drag_event' | 'dragend_event'
+    | 'dragenter_event' | 'dragexit_event' | 'draggable' | 'dragleave_event' | 'dragover_event' | 'dragstart_event' | 'drop_event'
+    | 'editContext' | 'enterKeyHint' | 'error_event' | 'focus' | 'hidden' | 'hidePopover' | 'inert'
+    | 'innerText' | 'inputMode' | 'isContentEditable' | 'lang' | 'nonce' | 'offsetHeight' | 'offsetLeft'
+    | 'offsetParent' | 'offsetTop' | 'offsetWidth' | 'outerText' | 'popover' | 'showPopover' | 'spellcheck'
+    | 'style' | 'tabIndex' | 'title' | 'togglePopover' | 'toggle_event' | 'translate' | 'virtualKeyboardPolicy'
+   >, CatchAll, HTMLElement {}
 }
 
 interface HTMLElementTagNameMap {